@charset "UTF-8";


/*メインイメージ
---------------------------------------------------------*/
.h_medical {
	background-image: url(../images/medical/m_img@2x.jpg);
}
.h_medical .top_over .abs_img1 {
	position: absolute;
	right: 17%;
	top: -18px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.h_medical .top_over .abs_img1 {
	right: 10%;
	top: auto;
    bottom: -30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.h_medical .top_over .abs_img1 {
	width: 15%;
	right: 7%;
	top: auto;
    bottom: -30px;
}
}




/*　lead
---------------------------------------------------------*/
.txt_lead {
	margin-bottom: 50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.txt_lead {
	margin-bottom: 30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.txt_lead {
	margin-bottom: 8%;
}
}



/* 共通
---------------------------------------------------------*/
.box {
	margin-bottom: 120px;
}
.med_tit {
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    padding: 1.2em 0 .7em;
    margin-bottom: 50px;
    box-sizing: border-box;
    font-size: 220%;
    font-weight: bold;
    letter-spacing: 0.5em;
    line-height: 1.4em;
    color: #fff;
}
#yobo .med_tit{
    letter-spacing: 0.08em;
}

#medicine .med_tit{
    background-image:url(../images/medical/index1.png);
}
#surgery .med_tit{
    background-image:url(../images/medical/index2.png);
}
#hinin .med_tit{
    background-image:url(../images/medical/index3.png);
}
#yobo .med_tit{
    background-image:url(../images/medical/index4.png);
}
#dental .med_tit{
    background-image:url(../images/medical/index5.png);
}
#house .med_tit{
    background-image:url(../images/medical/index6.png);
}
.med_tit::before{
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
}
#medicine .med_tit::before{
    background-image:url(../images/medical/index1_deco.png);
    background-position: right bottom;
    width: 54px;
    height: 91px;
    right: 15%;
}
#surgery .med_tit::before{
    background-image:url(../images/medical/index2_deco.png);
    background-position: left bottom;
    width: 94px;
    height: 88px;
    left: 18%;
}
#hinin .med_tit::before{
    background-image:url(../images/medical/index3_deco.png);
    background-position: left bottom;
    width: 69px;
    height: 66px;
    left: 15%;
}
#yobo .med_tit::before{
    background-image:url(../images/medical/index4_deco.png);
    background-position: right bottom;
    width: 44px;
    height: 75px;
    right: 16%;
}
#dental .med_tit::before{
    background-image:url(../images/medical/index5_deco.png);
    background-position: left bottom;
    width: 48px;
    height: 64px;
    left: 11%;
}
#house .med_tit::before{
    background-image:url(../images/medical/index6_deco.png);
    background-position: right bottom;
    width: 91px;
    height: 78px;
    right: 10%;
}

h5 {
	color: #605541;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .2em;
}
.txt_first .flt_l {
    width: 54%;
}
.txt_first dt {
	color: #52A500;
	font-size: 158%;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: .2em;
	margin-bottom: 20px;
}
.txt_first .flt_r{
    width: 41%;
}
.bg_texture {/*共通テクスチャ*/
	background: url(../images/medical/bg.png) repeat;
	max-height: 100%;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.txt_first .flt_l {
    width: 60%;
}
.txt_first .flt_r{
    width: 37%;
}
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box {
	margin-bottom: 10%;
}
.med_tit {
    font-size:180%;
    padding: 1.1em 0 .5em;
    margin-bottom: 26px;
}
.med_tit h4 img{
    width: auto;
    height: 25px;
}
.med_tit::before{
    background-size:80% auto;
}
.txt_first .flt_l {
    width: 60%;
}
.txt_first dt {
	font-size: 140%;
	line-height: 1.7em;
	letter-spacing: .05em;
	margin-bottom: .5em;
}
.txt_first .flt_r{
    width: 37%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box {
	margin-bottom: 10%;
}
.med_tit {
    font-size:5.3vw;
    padding: 1.1em 0 .5em;
    margin-bottom: 5%;
}
#yobo .med_tit{
    letter-spacing:normal;
}
.med_tit h4 img{
    width: auto;
    height: 21px;
}
.med_tit::before{
    background-size: 80% auto;
}
#medicine .med_tit::before{
    right: 7%;
}
#surgery .med_tit::before{
    left: 7%;
}
#hinin .med_tit::before{
    left: 7%;
}
#yobo .med_tit::before{
    right: 7%;
    bottom: -50px;
}
#dental .med_tit::before{
    left: 7%;
}
#house .med_tit::before{
    right: 7%;
}

h5 {
	font-size: 4.5vw;
	letter-spacing: normal;
}
.txt_first .flt_l {
    width: 100%;
    float: none;
}
.txt_first dt {
	font-size: 4.5vw;
	line-height: 1.8em;
	letter-spacing: normal;
	margin-bottom: .3em;
}
.txt_first .flt_r{
    width: 70%;
    float: none;
    margin: 5% auto 0;
    text-align: center;
}
}



/* page_link
---------------------------------------------------------*/
.page_link {
	margin-bottom: 80px;
}
.page_link li {
	width: 31.666%;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 20px;
    text-align: center;
    padding: 25px 1em 20px;
    box-sizing: border-box;
}
.page_link .link3,
.page_link .link6{
    margin-right: 0;
}
.page_link dt {
	font-size: 15px;
	letter-spacing: .1em;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: .25em;
}
.page_link dd a{
    font-size:140%;
    font-weight: bold;
	letter-spacing: .85em;
    line-height: 1.4em;
}
.page_link .link1 dd a{
    color: #a694d3;
}
.page_link .link2 dd a{
    color: #cbba00;
}
.page_link .link3 dd a{
    color: #f68b8a;
	letter-spacing: .3em;
}
.page_link .link4 dd a{
    color: #8bbbe9;
	letter-spacing: -0.01em;
    transform: scale(0.5, 1);
}
.page_link .link4 dd a span{
    letter-spacing: -0.1em;
    transform: scale(0.4, 1);
}
.page_link .link5 dd a{
    color: #e6ad62;
}
.page_link .link6 dd a{
    color: #7fd5d6;
}

.page_link .link1 {
	background: url(../images/medical/ank1.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link2 {
	background: url(../images/medical/ank2.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link3 {
	background: url(../images/medical/ank3.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link4 {
	background: url(../images/medical/ank4.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link5 {
	background: url(../images/medical/ank5.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link6 {
	background: url(../images/medical/ank6.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link1:hover {
	background: url(../images/medical/ank1-o.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link2:hover {
	background: url(../images/medical/ank2-o.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link3:hover {
	background: url(../images/medical/ank3-o.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link4:hover {
	background: url(../images/medical/ank4-o.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link5:hover {
	background: url(../images/medical/ank5-o.png) no-repeat center top;
    background-size: 100% 100%;
}
.page_link .link6:hover {
	background: url(../images/medical/ank6-o.png) no-repeat center top;
    background-size: 100% 100%;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.page_link li {
	width: 32.666%;
	margin-right: 1%;
    margin-bottom: 8px;
}
.page_link dd a{
    font-size: 130%;
}
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.page_link {
	margin-bottom: 8%;
}
.page_link li {
	width: 33%;
	margin-right: 0.5%;
	margin-bottom: .7%;
    padding: 25px 0;
}
.page_link dt {
	font-size: 100%;
	letter-spacing: .05em;
}
.page_link dd a{
    font-size: 115%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.page_link {
	margin-bottom: 8%;
}
.page_link li {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom:3%;
    padding: 1.2em 0 1em;
}
.page_link li:last-child{
    margin-bottom: 0;
}
.page_link dt {
	font-size:90%;
	letter-spacing: normal;
	margin-bottom: .3em;
}
.page_link dd a{
    font-size:5vw;
}
}





/* 内科
---------------------------------------------------------*/
/*熱中症*/
#medicine .neccyusyo {
	margin: 40px 0 50px;
}
#medicine .neccyusyo h5 {
    display: inline-block;
	background: url(../images/medical/necchusyo1.png) no-repeat left top;
    background-size:100% 100%;
    padding: 1.5em 5em 2.8em 3em;
}
#medicine .neccyusyo .bg_texture {
    position: relative;
	border-radius: 15px;
	padding: 30px 40px;
}
#medicine .neccyusyo .bg_texture::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/medical/necchusyo2.png) no-repeat bottom right;
    background-size:100% auto;
    width: 168px;
    height: 102px;
    bottom: 100%;
    right: 38%;
}
#medicine .neccyusyo .bg_texture li {
	float: left;
    width: 23.5%;
    margin-right: 2%;
}
#medicine .neccyusyo .bg_texture li:last-child{
	margin-right: 0;
}
#medicine .neccyusyo .bg_texture dt {
	font-size: 18px;
    font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.7em;
    color: #199061;
	text-align: center;
    background: url(../images/medical/necchusyo_bg.png) no-repeat center top;
    background-size: auto 100%;
    padding: 20px 0;
	margin-bottom: 8px;
}

/* 下痢 */
#medicine .geri .flt_l {
    width: 22%;
    padding-top: 20px;
}
#medicine .geri .flt_r {
	width: 74.5%;
}
#medicine .geri .title_box h5 {
    float: left;
	width: 46%;
	background: url(../images/medical/geri.png) no-repeat left top;
    background-size:100% 100%;
    padding: 1.5em 1em 2.8em;
	text-align: center;
    box-sizing: border-box;
}
#medicine .geri .title_box p {
    float: right;
	width: 49%;
	padding-top: 15px;
}

/*table*/
#medicine .geri table {
	margin: 10px 0 15px;
	width: 100%;
}
#medicine .geri table th,
#medicine .geri table td {
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
#medicine .geri table th {
	color: #fff;
	font-weight: normal;
}
#medicine .geri table td {
	border-top: solid 1px #fff;
	font-weight: bold;
}
#medicine .geri .col_check,
#medicine .geri .col_syocho,
#medicine .geri .col_daicho{
    width: 33.333%;
}
#medicine .geri .col_check {
	background: #F0F0E8;
}
#medicine .geri .col_syocho {
	background: #E5EDE3;
	border-left: solid 1px #fff;
}
#medicine .geri .col_daicho {
	background: #FAE8E4;
	border-left: solid 1px #fff;
}
#medicine .geri th.col_check {
	background: url(../images/medical/geri_line.png) no-repeat center;
	background-size: 100% 100%;
}
#medicine .geri th.col_syocho {
	background: #719965;
}
#medicine .geri th.col_daicho {
	background: #BA7568;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*熱中症*/
#medicine .neccyusyo {
	margin: 5% 0;
}
#medicine .neccyusyo h5 {
    padding: 1.2em 2.2em 2.5em;
}
#medicine .neccyusyo .bg_texture {
	padding: 25px 25px 20px;
}
#medicine .neccyusyo .bg_texture::before{
    right: auto;
    left: 22em;
    background-size:88% auto;
}
#medicine .neccyusyo .bg_texture dt {
	font-size: 120%;
	line-height: 1.5em;
}
    
/* 下痢 */
#medicine .geri .flt_l {
    width: 18%;
    padding-top: 0;
}
#medicine .geri .flt_r {
	width: 79%;
}
#medicine .geri .title_box p {
	padding-top: 5px;
}
#medicine .geri .title_box h5 {
    padding: 1.2em 1em 2.5em;
}
    
/*table*/
#medicine .geri table{
    font-size: 95%;
}
#medicine .geri table th,
#medicine .geri table td {
	padding: 10px .5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*熱中症*/
#medicine .neccyusyo {
	margin: 8% 0;
}
#medicine .neccyusyo h5 {
    padding: .6em 1em;
    background: none;
    border:dashed 2px gray;
    border-radius: 10px;
    margin-bottom: 3%;
}
#medicine .neccyusyo h5 span{
    font-size: 80%;
}
#medicine .neccyusyo .bg_texture {
	padding:4% 4% 5%;
}
#medicine .neccyusyo .bg_texture::before{
    background-size:70% auto;
    right: 0;
}
#medicine .neccyusyo .bg_texture li {
	float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
}
#medicine .neccyusyo .bg_texture li:last-child{
	margin-bottom: 0;
}
#medicine .neccyusyo .bg_texture dt {
	font-size: 4.5vw;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-bottom: 2%;
}

/* 下痢 */
#medicine .geri .flt_l {
    width: 90%;
    padding-top:5%;
    float: none;
    margin: 0 8% 0 2%;
    text-align: center;
}
#medicine .geri .flt_r {
	width: 100%;
    float: none;
}
#medicine .geri .title_box h5 {
    width: 100%;
    padding: .6em 1em;
    background: none;
    border:dashed 2px gray;
    border-radius: 10px;
    margin-bottom: 3%;
}
#medicine .geri .title_box p {
	padding-top:0;
    width: 100%;
}

/*table*/
#medicine .geri table {
	margin: 3% 0;
	width: 100%;
}
#medicine .geri table th,
#medicine .geri table td {
    font-size: 80%;
    line-height: 1.6em;
	padding: .7em 1em;
}
}



/* 外科
---------------------------------------------------------*/
/* 子宮蓄膿症と子宮粘液症 */
#surgery .bg_texture {
	margin: 50px 0 20px;
	padding: 40px;
}
#surgery .bg_texture .flt_r {
	width: 71%;
}
#surgery .bg_texture .flt_l{
	width: 26%;
}
#surgery .bg_texture dt {
	color: #605541;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .2em;
	background: url(../images/medical/geka_title.png) no-repeat left top;
    background-size:100% 100%;
	display: inline-block;
	padding: 1.5em 3em 2.8em;
	text-align: center;
	margin-bottom: 10px;
}
#surgery .txt_strong {
	font-size: 17px;
	font-weight: bold;
    line-height: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 子宮蓄膿症と子宮粘液症 */
#surgery .bg_texture {
	margin: 5% 0 2%;
	padding: 3.5% 4% 3.5% 2%;
}
#surgery .bg_texture .flt_r {
	width: 75%;
}
#surgery .bg_texture .flt_l{
	width: 22%;
}
#surgery .bg_texture dt {
	padding: 1.2em 2.2em 2.5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 子宮蓄膿症と子宮粘液症 */
#surgery .bg_texture {
	margin: 8% 0 3%;
	padding: 4% 4% 5%;
}
#surgery .bg_texture .flt_r {
	width: 100%;
    float: none;
}
#surgery .bg_texture .flt_l{
	width: 60%;
    float: none;
    margin:0 auto;
    text-align: center;
}
#surgery .bg_texture dt {
    width: 100%;
    display: block;
	font-size: 4.5vw;
	letter-spacing: normal;
	background: none;
    border: dashed 2px gray;
    border-radius: 10px;
	padding: .6em 1em;
	margin-bottom: 3%;
    box-sizing: border-box;
}
#surgery .txt_strong {
	font-size: 100%;
	font-weight: bold;
}
}



/* 避妊・去勢
---------------------------------------------------------*/
/* 手術を受ける際の注意事項 */
#hinin .bg_box {
	margin-top: 40px;
	background: #F1F1E9 url(../images/medical/hinin_bg.jpg) no-repeat right center;
    background-size:auto 100%;
	border-radius: 10px;
	height: 100%;
	padding: 20px 30px;
}
#hinin .bg_box li {
	font-weight: bold;
	line-height: 1.9em;
	background: url(../images/medical/icon3.png) no-repeat left 10px;
	padding-left: 15px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 手術を受ける際の注意事項 */
#hinin .bg_box {
    position: relative;
	margin-top:5%;
	padding: 3% 4% 3.5%;
}
#hinin .bg_box::before{
    position: absolute;
    display: block;
    content: "";
    background: -moz-linear-gradient(left,  rgba(241,241,233,1) 0%, rgba(241,241,233,1) 27%, rgba(241,241,233,0.51) 99%, rgba(241,241,233,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(241,241,233,1) 0%,rgba(241,241,233,1) 27%,rgba(241,241,233,0.51) 99%,rgba(241,241,233,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(241,241,233,1) 0%,rgba(241,241,233,1) 27%,rgba(241,241,233,0.51) 99%,rgba(241,241,233,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1e9', endColorstr='#80f1f1e9',GradientType=1 ); /* IE6-9 */
    background-size:100% 100%;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 1;
}
#hinin .bg_box .con_white,
#hinin .bg_box ul{
    position: relative;
    z-index: 5;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 手術を受ける際の注意事項 */
#hinin .bg_box {
    position: relative;
	margin-top:8%;
    background: url(../images/medical/hinin_bg_sp.png)no-repeat bottom right #f1f1e9;
    background-size:100% auto;
    background-position: bottom right;
	padding: 4%;
}
}




/* 予防・ワクチン・ペットドック
---------------------------------------------------------*/
/* 健康診断 */
#yobo h5 {
	margin-top: 50px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: .2em;
	margin-bottom: 30px;
}
#yobo .in_box,
#yobo .in_txt {
	padding: 0 30px;
}
#yobo .kenshin h5{
    position: relative;
	background: url(../images/medical/kenshin_bg.png) repeat center top;
    width: 100%;
    padding: .7em 0;
    border-radius: 10px;
}
#yobo .kenshin h5::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/medical/kenshin_deco.png)no-repeat top center;
    background-size:100% auto;
    width: 16px;
    height: 12px;
    top:100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#yobo .kenshin .flt_l {
	width: 68.5%;
}
#yobo .kenshin .flt_l th,
#yobo .kenshin .flt_l td {
	border-bottom: solid 1px #fff;
	padding: .7em 1.5em;
	vertical-align: middle;
    box-sizing: border-box;
}
#yobo .kenshin .flt_l th {
	width: 25%;
	border-right: solid 1px #fff;
	background: #F0F0E8;
	text-align: center;
	font-weight: bold;
}
#yobo .kenshin .flt_l td {
	background: #E5EDE3;
}
#yobo .kenshin .flt_r{
    width: 30.5%;
}

/* 予防接種 */
#yobo .vaccine .in_box {
	background: url(../images/medical/yobosessyu_line.png) no-repeat center bottom;
    padding-bottom: 30px !important;
	margin-bottom: 20px;
}
#yobo .vaccine h5{
    position: relative;
	background: url(../images/medical/yobosessyu_bg.png) repeat center top;
    width: 100%;
    padding: .7em 0;
    border-radius: 10px;
}
#yobo .vaccine h5::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/medical/yobosessyu_deco.png)no-repeat top center;
    background-size:100% auto;
    width: 16px;
    height: 12px;
    top:100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#yobo .vaccine .flt_l {
	width: 46%;
}
#yobo  .vaccine .flt_r {
	width: 51%;
	padding-top: 50px;
}
#yobo .vaccine .flt_l dt {
	background: url(../images/medical/yobosessyu_icon.png) no-repeat left center;
	padding: 10px 0;
	padding-left: 35px;
	color: #61C58E;
	font-size: 18px;
	letter-spacing: .1em;
	margin-bottom: 5px;
}
#yobo .vaccine .flt_l dd {
	padding-left: 35px;
}
#yobo .vaccine .flt_r li{
    margin-bottom: 10px;
}
#yobo .vaccine .flt_r li:last-child{
    margin-bottom: 0;
}
#yobo .vaccine .flt_r li span {
	font-weight: bold;
}
#yobo .vaccine .dog,
#yobo .vaccine .cat {
	background: #ccc;
	border-radius: 10px;
	padding: 1.5em;
	margin-bottom: 10px;
}
#yobo .vaccine .dog {
	background: #E5EDE3;
}
#yobo .vaccine .cat {
	background: #FAE8E4;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 健康診断 */
#yobo h5 {
	margin-top: 5%;
	font-size: 120%;
	margin-bottom: 3%;
}
#yobo .in_box,
#yobo .in_txt {
	padding:0;
}
#yobo .kenshin .flt_l {
	width: 70%;
}
#yobo .kenshin .flt_l th,
#yobo .kenshin .flt_l td {
	padding: .7em 1em;
}
#yobo .kenshin .flt_l th {
	width:30%;
}
#yobo .kenshin .flt_r{
    width: 29%;
}

/* 予防接種 */
#yobo .vaccine .in_box {
    padding-bottom: 4.5%!important;
	margin-bottom: 2.5%;
}
#yobo .vaccine .flt_l {
	width: 54%;
}
#yobo  .vaccine .flt_r {
	width: 44%;
	padding-top: 20px;
}
#yobo .vaccine .flt_l dt {
	padding-left: 2em;
	font-size:130%;
}
#yobo .vaccine .flt_l dd {
	padding-left: 2.6em;
}
#yobo .vaccine .flt_r li{
    margin-bottom: .5em;
}
#yobo .vaccine .dog,
#yobo .vaccine .cat {
	padding: 4% 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 健康診断 */
#yobo h5 {
	margin-top: 8%;
	font-size: 4.5vw;
	letter-spacing: normal;
	margin-bottom: 5%;
}
#yobo .in_box,
#yobo .in_txt {
	padding: 0;
}
#yobo .kenshin h5{
    padding: .4em 0;
}
#yobo .kenshin .flt_l {
    float: none;
	width: 100%;
}
#yobo .kenshin .flt_l th,
#yobo .kenshin .flt_l td {
	padding: .6em .7em;
    font-size:95%;
}
#yobo .kenshin .flt_l th {
	width: 35%;
    line-height: 1.5em;
}
#yobo .kenshin .flt_r{
    width:60%;
    float: none;
    margin: 4% auto 0;
    text-align: center;
}

/* 予防接種 */
#yobo .vaccine .in_box {
    padding-bottom: 5%!important;
	margin-bottom: 4%;
}
#yobo .vaccine h5{
    padding: .4em 0;
}
#yobo .vaccine .flt_l {
	float: none;
	width: 100%;
}
#yobo  .vaccine .flt_r {
	float: none;
	width: 100%;
	padding-top: 3%;
}
#yobo .vaccine .flt_l dt {
	padding: .2em 0;
	padding-left: 40px;
	font-size: 5vw;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
#yobo .vaccine .flt_l dd {
	padding-left: 0;
}
#yobo .vaccine .flt_r li{
    margin-bottom:.5em;
}
#yobo .vaccine .dog,
#yobo .vaccine .cat {
	padding: 4%;
}
}




/* 歯科
---------------------------------------------------------*/
/* 歯みがきを行う際のポイント */
#dental .bg_box {
	margin-top: 40px;
	background: url(../images/medical/dental_bg.png) no-repeat center top;
    background-size:100% 100%;
	padding: 40px 40px 30px;
	position: relative;
}
#dental .bg_box .flt_l{
    width: 70%;
}
#dental .bg_box .flt_l dt {
    position: relative;
	padding-top: 15px;
    padding-bottom: .8em;
	padding-left: 50px;
	color: #605541;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .2em;
	margin-bottom: 20px;
}
#dental .bg_box .flt_l dt::before,
#dental .bg_box .flt_l dt::after{
    position: absolute;
    display: block;
    content: "";
}
#dental .bg_box .flt_l dt::before{
    background: url(../images/medical/dental_line.png) no-repeat bottom left;
    background-size:100% auto;
    width: 324px;
    height: 8px;
    bottom: 0;
    left: 30px;
}
#dental .bg_box .flt_l dt::after{
    background: url(../images/medical/dental_deco.png) no-repeat bottom left;
    background-size:100% auto;
    width: 43px;
    height: 52px;
    bottom: 0;
    left: 0;
}
#dental .bg_box .flt_l li {
	font-weight: bold;
	line-height: 1.9em;
	background: url(../images/medical/icon1.png) no-repeat left 11px;
	padding-left: 15px;
}
#dental .bg_box .flt_r{
    position: relative;
    width: 26%;
}
#dental .bg_box .flt_r .abs_img {
	position: absolute;
	left: -85%;
	top:-60px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 歯みがきを行う際のポイント */
#dental .bg_box {
	margin-top: 3%;
	padding: 4.5% 4%;
}
#dental .bg_box .flt_l{
    width: 70%;
}
#dental .bg_box .flt_l dt {
	padding-top: 1em;
	padding-left: 50px;
	font-size: 120%;
	letter-spacing: .1em;
	margin-bottom: 1em;
}
#dental .bg_box .flt_l dt::before{
    left: 30px;
    background-size:90% auto;
}
#dental .bg_box .flt_l dt::after{
    background-size:80% auto;
}
#dental .bg_box .flt_r{
    width: 26%;
}
#dental .bg_box .flt_r .abs_img {
    width:75%;
	left: -70%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 歯みがきを行う際のポイント */
#dental .bg_box {
	margin-top: 8%;
	background: none;
    border:dashed 2px gray;
    border-radius: 10px;
	padding: 4%;
}
#dental .bg_box .flt_l{
    width: 100%;
    float: none;
}
#dental .bg_box .flt_l dt {
	padding-top: .5em;
    padding-bottom: .7em;
	font-size: 4.5vw;
	letter-spacing: normal;
	margin-bottom: .8em;
}
#dental .bg_box .flt_l dt::before{
    left:10%;
    background-size:90% auto;
    width: 100%;
}
#dental .bg_box .flt_l dt::after{
    background-size: 85% auto;
    bottom: .2em;
}
#dental .bg_box .flt_r{
    float: none;
    width: 60%;
    margin: 5% auto 0;
    text-align: center;
}
#dental .bg_box .flt_r .abs_img {
    width: 50%;
	left: -30%;
	top: -5%;
}
}




/* 往診
---------------------------------------------------------*/
/* 往診に際してのお願い */
#house .bg_box {
    position: relative;
	margin-top: 50px;
	background: #C0EBEB;
	border-radius: 15px;
	padding: 20px 30px 0;
}
#house .bg_box::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/medical/oshin_bg.png) no-repeat bottom right;
    background-size:100% auto;
    width: 225px;
    height: 259px;
    bottom: 0;
    right: 20px;
    z-index: 1;
}
#house .bg_box ul {
	width: 680px;
	margin-bottom: 20px;
}
#house .bg_box li {
	font-weight: bold;
	line-height: 1.9em;
	background: url(../images/medical/icon2.png) no-repeat left 11px;
	padding-left: 15px;
}
#house .bg_box ul,
#house .bg_box .tel{
    position:relative;
    z-index: 2;
}
#house .bg_box .tel{
    padding-bottom: 25px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 往診に際してのお願い */
#house .bg_box {
    margin-top: 5%;
	height:100%;
	padding:3% 4% 0;    
}
#house .bg_box::before{
    background-size: 80% auto;
    right: 10px;
}
#house .bg_box ul {
	width: 78%;
	margin-bottom: 20px;
}
#house .bg_box .tel{
    padding-bottom: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 往診に際してのお願い */
#house .bg_box {
	margin-top: 8%;
	padding: 4% 4% 0;
}
#house .bg_box::before{
    background-size: 25vw auto;
    right: 2%;
}
#house .bg_box ul {
	width:100%;
	margin-bottom: 5%;
}
#house .bg_box li {
	line-height: 1.8em;
}
#house .bg_box .tel{
    width: 70%;
    margin-left: 1%;
    padding-bottom: 5%;
    text-align: center;
}
}




/* bg_area
---------------------------------------------------------*/
.bg_area {
	background: #F9F7F1;
	padding: 60px 0;
}

/*night_box*/
.bg_area .night_box {
	color: #fff;
	margin-bottom: 45px;
    border-radius:20px;
    border:10px solid #3a3859;
}
.bg_area .night_box span {
	color: #FFFFB9;
}
.bg_area .night_box dl {
    position: relative;
	padding: 45px 0 10px;
	text-align: center;
    background: #3a3859;
}
.bg_area .night_box dl::before,
.bg_area .night_box dl::after{
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 283px;
    height: 128px;
    bottom: 0;
    z-index:1;
}
.bg_area .night_box dl::before{
    background-image: url(../images/medical/night_deco3.png);
    background-position: bottom left;
    left: 0;
}
.bg_area .night_box dl::after{
    background-image: url(../images/medical/night_deco4.png);
    background-position: bottom right;
    right: 0;
}
.bg_area .night_box dl dt {
    position: relative;
    display: inline-block;
	font-size: 22px;
	letter-spacing: .2em;
    line-height: 1.4em;
	font-weight: bold;
    margin-bottom: .7em;
    z-index:2;
}
.bg_area .night_box dl dt::before,
.bg_area .night_box dl dt::after{
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    z-index:1;
}
.bg_area .night_box dl dt::before{
    background-image: url(../images/medical/night_deco1.png);
    background-position: bottom left;
    left: -18%;
    width: 48px;
    height: 52px;
}
.bg_area .night_box dl dt::after{
    background-image: url(../images/medical/night_deco2.png);
    background-position: bottom right;
    right: -22%;
    width: 69px;
    height: 71px;
}
.bg_area .night_box dl dd {
    z-index:2;
    position: relative;
    margin-bottom: 1.5em;
}

.bg_area .night_box .flt_box {
    background: #575672;
    padding: 20px 30px;
    box-sizing: border-box;
    z-index: 5;
    position: relative;
    border-radius: 0 0 10px 10px;
}
.bg_area .night_box .flt_box .flt_l {
    width: 52%;
	padding-top: 5px;
	font-size: 110%;
	line-height: 1.8em;
}
.bg_area .night_box .flt_box .flt_r{
    width: 46%;
}
.bg_area .night_box .flt_box .flt_r .bnr{
    position: relative;
}
.bg_area .night_box .flt_box .flt_r .serif{
    position: absolute;
    top: -30px;
    right: 5%;
}
.bg_area .night_box a {
	color: #FFF;
	text-decoration: underline;
}
.bg_area .night_box a:hover {
	text-decoration: none;
}

/*ペット保険対応医療機関*/
.bg_area .hoekn_box {
    position: relative;
	background: url(../images/medical/hoken_bg.png) no-repeat right top #fff;
    background-size:auto 100%;
	margin-bottom: 50px;
    border:5px solid #30794d;
    border-radius: 15px;
    z-index: 1;
}
.bg_area .hoekn_box::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/medical/hoken_serif.png) no-repeat top right;
    background-size:100% auto;
    width: 195px;
    height: 99px;
    top:-20px;
    right: 18%;
    z-index: 10;
}
.bg_area .hoekn_box dl {
	padding: 30px 250px 25px 35px;
    box-sizing: border-box;
}
.bg_area .hoekn_box dt {
	color: #30794C;
	font-size: 22px;
	letter-spacing: .1em;
    line-height: 1.4em;
	font-weight: bold;
	margin-bottom:20px;
}
.bg_area .hoekn_box dd ul{
	margin-top:10px;
	font-weight: bold;
}
.bg_area .hoekn_box dd li{
	text-decoration: underline;
    margin-right: 1.5em;
}
.bg_area .hoekn_box dd li:last-child{
    margin-right: 0;
}

/*クレジットカード*/
.bg_area .card {
	max-width: 800px;
	margin: 0 auto;
}
.bg_area .card .flt_l {
    width: 40%;
	font-weight: bold;
	padding-top: 10px;
	letter-spacing: .2em;
}
.bg_area .card .flt_r {
	width: 59%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bg_area {
	padding: 8% 0;
}

/*night_box*/
.bg_area .night_box {
	margin-bottom: 3%;
}
.bg_area .night_box dl {
	padding: 3.5% 0 3%;
}
.bg_area .night_box dl::before,
.bg_area .night_box dl::after{
    background-size: 70% auto;
}
.bg_area .night_box dl dt {
	font-size: 150%;
	letter-spacing: .15em;
}
.bg_area .night_box dl dt::before,
.bg_area .night_box dl dt::after{
    background-size: 60% auto;
}
.bg_area .night_box dl dt::after{
    bottom: -3px;
}
    
.bg_area .night_box .flt_box {
    padding: 3% 3% 2.5%;
}
.bg_area .night_box .flt_box .flt_l {
    width: 52%;
}
.bg_area .night_box .flt_box .flt_r{
    width: 45%;
    margin-top: 1.8%;
}
.bg_area .night_box .flt_box .flt_r .serif{
    top: -18px;
}

/*ペット保険対応医療機関*/
.bg_area .hoekn_box {
	margin-bottom: 3%;
}
.bg_area .hoekn_box::before{
    background-size: 75% auto;
    top:-25px;
    right: 20%;
}
.bg_area .hoekn_box dl {
    width: 70%;
	padding: 3% 4%;
}
.bg_area .hoekn_box dt {
	font-size: 130%;
	margin-bottom: .5em;
}

/*クレジットカード*/
.bg_area .card .flt_l {
    width: 38%;
	padding-top: 8px;
	letter-spacing: normal;
}
.bg_area .card .flt_r {
	width: 61%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bg_area {
	padding: 8% 0 10%;
}

/*night_box*/
.bg_area .night_box {
	margin-bottom: 5%;
}
.bg_area .night_box dl {
	padding: 4% 0 10%;
}
.bg_area .night_box dl::before,
.bg_area .night_box dl::after{
    background-size: 60% auto;
}
.bg_area .night_box dl dt {
	font-size: 4.5vw;
	letter-spacing: .1em;
    margin-bottom: .8em;
}
.bg_area .night_box dl dt::before,
.bg_area .night_box dl dt::after{
    background-size: 50% auto;
}
.bg_area .night_box dl dt::before{
    left: -30%;
}
.bg_area .night_box dl dt::after{
    right: -28%;
}
.bg_area .night_box dl dd {
    margin-bottom: 1em;
    text-align: left;
}
.bg_area .night_box dl .tel{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.bg_area .night_box .flt_box {
    padding: 4%;
}
.bg_area .night_box .flt_box .flt_l {
    width:100%;
    float: none;
	padding-top:0;
	font-size: 4.1vw;
    margin-bottom: 8%;
}
.bg_area .night_box .flt_box .flt_r{
    width: 100%;
    float: none;
}
.bg_area .night_box .flt_box .flt_r .serif{
    position: absolute;
    top:auto;
    bottom: 70px;
    right: 5%;
    width: 15vw;
}

/*ペット保険対応医療機関*/
.bg_area .hoekn_box {
    background: url(../images/medical/hoken_bg_sp.png) no-repeat bottom right;
    background-size: 50% auto;
    bottom: 0;
    right: 0;
	margin-bottom: 5%;
}
.bg_area .hoekn_box::before{
    background-size:90% auto;
    top:auto;
    bottom: 4em;
    right: 20%;
}
.bg_area .hoekn_box dl {
	padding:4% 4% 42% 4%;
}
.bg_area .hoekn_box dt {
	font-size: 4.5vw;
	letter-spacing: normal;
	margin-bottom: .5em;
    text-align: center;
}
.bg_area .hoekn_box dd ul{
	margin-top:.2em;
}

/*クレジットカード*/
.bg_area .card .flt_l {
    width: 100%;
	padding-top: 0;
	letter-spacing: normal;
    text-align: center;
}
.bg_area .card .flt_r {
	width: 100%;
    margin: 3% auto 0;
    text-align: center;
}
}