@charset "utf-8";
/*
 * CSS pageParts.css
 */



/* ---------------------------------------
index
--------------------------------------- */
/* sec_1 */
@media screen and (max-width: 1040px) {
	#index #sec_1{ background:#f5f3f3; padding:25px 0 ; }
	#index #sec_1 .toptitle1 .title1>.inwrap:before{ content: none }
}
/* sec_2 */
#index #sec_2{ background: url(../img/index/s2_bg1.jpg) no-repeat; background-size: cover; padding:60px 0 100px; margin-top: 60px }
#index #sec_2 .titlebox1{ text-align: center; overflow:hidden; width: 100%; position: relative; height: 75px }
#index #sec_2 .titlebox1>.inwrap{ display: block; line-height: 1.5; width: 1090px; position: absolute; top:0; bottom:0; left:50%; right: 0; margin:0 auto; margin-left: -545px }
#index #sec_2 .titlebox1>.inwrap>.inwrap{ display: inline-block; }
#index #sec_2 .titlebox1>.inwrap>.inwrap:before{ content:" "; background: #22ac38; vertical-align: middle; width: 400px; height: 4px; display: inline-block; position: absolute; bottom:15px; left:7px; }
#index #sec_2 .titlebox1>.inwrap>.inwrap:after{ content:" "; background: #22ac38; vertical-align: middle; width: 400px; height: 4px; display: inline-block; position: absolute; bottom:15px; right:7px; }
#index #sec_2 .titlebox1>.inwrap>.inwrap .txt1{ font-weight: bold; font-size: 1.2em; letter-spacing: 1px }
#index #sec_2 .titlebox1>.inwrap>.inwrap .title1{ font-size: 36px; font-weight: bold; color:#00993d; }
#index #sec_2 .list1{ padding:40px 40px 30px; border:4px solid #22ac38; border-top: none; margin-top: -15px }
#index #sec_2 .list1:after{ content:""; background: url(../img/index/s2_bg2.png) no-repeat; background-size: contain; width: 242px; height: 130px; display: inline-block; position: absolute; bottom:-70px; left:0; right:0; margin:0 auto; }
#index #sec_2 .list1 .list1_1{ float: left; width: 48%; margin-left: 4% }
#index #sec_2 .list1 .list1_1:nth-child(1){ margin-left: 0 }
#index #sec_2 .list1 .list1_1>li{ margin-bottom: 10px; font-size: 1.13em; padding-left: 1.4em; text-indent: -1.4em; line-height: 2 }
#index #sec_2 .list1 .list1_1>li .icon1{ font-weight: bold; color:#22ac38; font-size: 1.4em; vertical-align: -1px }
#index #sec_2 .list1 .list1_1>li .txt1{ font-size: 1.12em; font-weight: bold; color:#22ac38; }
@media screen and (max-width: 1040px) {
	#index #sec_2{ margin-top: 0 }
	#index #sec_2 .list1 .list1_1>li .icon1{ font-size: 1.1em; vertical-align: 0; margin-right: 3px; }
	#index #sec_2 .list1:after{ bottom:-80px; }
}
@media screen and (max-width: 767px) {
	#index #sec_2{ padding:25px 0 80px; }
	#index #sec_2 .titlebox1>.inwrap>.inwrap .txt1{ margin-bottom: 10px }
	#index #sec_2 .titlebox1>.inwrap>.inwrap .title1{ font-size: 1.57em }
	#index #sec_2 .list1{ padding:25px 6% 55px; }
	#index #sec_2 .list1 .list1_1{ float: none; width: 100%; margin-left: 0 }
	#index #sec_2 .list1 .list1_1>li{ font-size: 1em; margin-bottom: 0 }
	#index #sec_2 .titlebox1>.inwrap>.inwrap:before{ left:60px; }
	#index #sec_2 .titlebox1>.inwrap>.inwrap:after{ right:60px; }
}
@media screen and (max-width: 639px) {
	#index #sec_2{ background: url(../img/index/s2_bg1_l.jpg) no-repeat; background-size: cover; }
	#index #sec_2 .list1:after{ content:""; background: url(../img/index/s2_bg2_l.png) no-repeat; background-size: contain; width: 198px; height: 106px; bottom:-55px; }
}

/* sec_3 */
#index #sec_3{ margin-top: 0 }
#index #sec_3 .incnt{ width: 925px }
#index #sec_3 .toptitle2 { background:#22ac38; padding:25px 0; text-align: center; }
#index #sec_3 #s3_cont2 .toptitle2{ padding:30px 0; }
#index #sec_3 #s3_cont2 .toptitle2{ background:#f8a22d;}
#index #sec_3 #s3_cont3 .toptitle2{ background:#803b20;}
#index #sec_3 #s3_cont4 .toptitle2{ background:#32A1D3;}
#index #sec_3 .toptitle2>.inwrap{ display: inline-block; font-size: 27px; color:#fff; line-height: 1.5; position: relative; letter-spacing: 2px }
#index #sec_3 .toptitle2>.inwrap span{ font-weight: bold; }
#index #sec_3 .toptitle2>.inwrap:before{ content: " "; background:url(../img/index/s3c1_titleleft.png) no-repeat; background-size: contain; width: 76px; height: 76px; display: inline-block; vertical-align: middle; position: absolute; top:0; bottom:0; margin:auto 0; left:-86px; }
#index #sec_3 .toptitle2>.inwrap:after{ content: " "; background:url(../img/index/s3c1_titleright.png) no-repeat; background-size: contain; width: 76px; height: 76px; display: inline-block; vertical-align: middle; position: absolute; top:0; bottom:0; margin:auto 0; right: -86px }
#index #sec_3 #s3_cont2 .toptitle2>.inwrap:before{ background:url(../img/index/s3c2_titleleft.png) no-repeat; background-size: contain; width: 50px; height: 50px; }
#index #sec_3 #s3_cont2 .toptitle2>.inwrap:after{ background:url(../img/index/s3c2_titleright.png) no-repeat; background-size: contain; width: 50px; height: 50px; }
#index #sec_3 .mainbox1{ background:#e9f7eb; padding:50px 0 55px; }
#index #sec_3 #s3_cont2  .mainbox1{ background:#fef6ea; }
#index #sec_3 #s3_cont3  .mainbox1{ background:#fff; }
#index #sec_3 #s3_cont4  .mainbox1{ background:#e7f8ff; }
#index #sec_3 .mainbox1 .box1{ margin-bottom: 40px }
#index #sec_3 .mainbox1 .box1>ul{ margin-left: -4% }
#index #sec_3 .mainbox1 .box1>ul>li{ width: 46%; margin-left: 4%; float: left; }
#index #sec_3 .mainbox1 .title1{ color:#22ac38; font-weight: bold; font-size: 1.33em; line-height: 1.4; background:#fff; border:2px solid #22ac38; padding:7px 4% 8px; width: 92%; margin-bottom: 20px; text-align: center; letter-spacing: 2px }
#index #sec_3 #s3_cont2 .mainbox1 .title1{ color:#f8a22d; border:2px solid #f8a22d; }
#index #sec_3 .mainbox1 .imgbox1{ width: 150px; float: left; }
#index #sec_3 .mainbox1 .imgbox1 + .txtbox1{ padding-left: 170px; }
#index #sec_3 .mainbox1 .txtbox1 .list1_1{ float: left; width: 50%; }
#index #sec_3 .mainbox1 .txtbox1 .list1_1>li{ text-indent: -1em; padding-left: 1em }
#index #sec_3 .mainbox1 .txtbox1 .list1_1:nth-child(1){ margin-left: 0 }
#index #sec_3 .mainbox1 .txtbox1 .list1_1 .etc{ text-align: right; padding-right: 20px }
#index #sec_3 .mainbox1 .box2 .txtbox1 .list1_1 .etc{ text-align: left; padding-left: 15px }
#index #sec_3 .mainbox1 .link1{ text-align: right; }
#index #sec_3 .mainbox1 .box2>ul{ margin-left: -3% }
#index #sec_3 .mainbox1 .box2>ul>li{ width: 30%; margin-left: 3%; float: left; }
#index #sec_3 #s3_cont3 #s3_cont4 .mainbox1 .box1{max-width:80%; margin:0 auto;}
@media screen and (max-width: 1040px) {
	#index #sec_3 .toptitle2>.inwrap{ font-size: 22px }
	#index #sec_3 .toptitle2>.inwrap:before{ content: " "; background:url(../img/index/s3c1_titleleft_t.png) no-repeat; background-size: contain; width: 42px; height: 64px; display: inline-block; vertical-align: middle; position: absolute; top:0; bottom:0; margin:auto 0; left:-50px; }
	#index #sec_3 .toptitle2>.inwrap:after{ content: " "; background:url(../img/index/s3c1_titleright_t.png) no-repeat; background-size: contain; width: 42px; height: 64px; display: inline-block; vertical-align: middle; position: absolute; top:0; bottom:0; margin:auto 0; right: -50px }
	#index #sec_3 #s3_cont2 .toptitle2>.inwrap:before{ left:-60px; }
	#index #sec_3 #s3_cont2 .toptitle2>.inwrap:after{ right:-60px; }
	#index #sec_3 .mainbox1 .imgbox1{ width: 100px; }
	#index #sec_3 .mainbox1 .imgbox1 + .txtbox1{ padding-left: 115px; }
}
@media screen and (max-width: 767px) {
	#index #sec_3 .toptitle2>.inwrap{ font-size: 1.07em }
	#index #sec_3 .mainbox1 .box1{ margin-bottom: 30px }
	#index #sec_3 .mainbox1 .box1>ul{ margin-left: 0; margin-bottom: -30px }
	#index #sec_3 .mainbox1 .box1>ul>li{ width: 100%; margin-left: 0; float: none; margin-bottom: 30px }
	#index #sec_3 .mainbox1 .box2>ul{ margin-left: 0; margin-bottom: -30px }
	#index #sec_3 .mainbox1 .box2>ul>li{ width: 100%; margin-left: 0; float: none; margin-bottom: 30px }
	#index #sec_3 #s3_cont3 #s3_cont4 .mainbox1 .box1{max-width:100%;}
}
@media screen and (max-width: 639px) {
	#index #sec_3 .mainbox1{ padding:30px 0; }
	#index #sec_3 .toptitle2>.inwrap{ padding:0 60px; }
	#index #sec_3 .toptitle2>.inwrap:before{ left:10px; }
	#index #sec_3 .toptitle2>.inwrap:after{ right: 10px }
	#index #sec_3 #s3_cont2 .toptitle2>.inwrap:before{ background:url(../img/index/s3c2_titleleft_t.png) no-repeat; background-size: contain; width: 36px; height: 56px; left:10px; }
	#index #sec_3 #s3_cont2 .toptitle2>.inwrap:after{ background:url(../img/index/s3c2_titleright_t.png) no-repeat; background-size: contain; width: 36px; height: 56px; right:10px; }
	#index #sec_3 .mainbox1 .imgbox1{ width: 100%; float: none; margin-bottom: 10px }
	#index #sec_3 .mainbox1 .imgbox1 + .txtbox1{ padding-left: 0; }
	#index #sec_3 .mainbox1 .link1{ margin-top: 20px }
}


/* sec_4 */
#index #sec_4{ margin-top: 80px }
#index #sec_4 .txt1{ text-align: center; margin-bottom: 45px }
#index #sec_4 .incnt{ width: 1170px }
#index #sec_4 #s4_cont2{ margin-top: 70px }
@media screen and (max-width: 1040px) {
	#index #sec_4{ margin-top: 50px }
	#index #sec_4 .txt1{ margin-bottom: 25px }
	#index #sec_4 #s4_cont2{ margin-top: 40px }
}
@media screen and (max-width: 767px) {
	#index #sec_4 .txt1{ text-align: left; }
}
@media screen and (max-width: 639px) {
	#index #sec_4{ margin-top: 30px }
	#index #sec_4 .txt1{ margin-bottom: 20px }
	#index #sec_4 #s4_cont2{ margin-top: 25px }
}


/* ---------------------------------------
greeting
--------------------------------------- */
/* sec_1 */
#greeting #sec_1 .img1{ text-align: center; }
#greeting #sec_1 .img1 img{ max-width: 458px; width: 60% }
#greeting #sec_1 .img2{ margin-bottom: 8px }
#greeting #sec_1 .txt1{ text-align: center; }
#greeting #sec_1 .txt1 span{ font-weight: bold; }
#greeting #sec_1 .txtbox p{ font-weight: bold; font-size: 1.07em; line-height: 2 }
@media screen and (max-width: 639px) {
	#greeting #sec_1 .img1 img{ max-width: 229px; width: 100% }
	#greeting #sec_1 .img2{ margin-bottom: 5px }
	#greeting #sec_1 .txtbox p{ font-weight: normal; font-size: 1em; line-height: 1.8 }
}

/* sec_2 */
#greeting #sec_2 .cnt_left{ width: 48%; margin-right: 4% }
#greeting #sec_2 .cnt_right{ width: 48% }
#greeting #sec_2 .btn a{text-decoration:none;}
#greeting #sec_2 .btn a img{border:2px solid #00a0d2; margin-bottom:8px; max-width:350px;}
@media screen and (max-width: 639px) {
	#greeting #sec_2 .cnt_left{ width: 100%; margin-right: 0%; margin-bottom: 20px }
	#greeting #sec_2 .cnt_right{ width: 100% }
}

/* sec_3 */
#greeting #sec_3 .cnt_left{ width: 48%; margin-right: 4% }
#greeting #sec_3 .cnt_right{ width: 48% }
#greeting #sec_3 .img1{ text-align: center; }
#greeting #sec_3 .txt1{margin-bottom:16px;}
#greeting #sec_3 .txt1 span{ font-weight: bold; }
#greeting #sec_3 .txtbox p{ font-weight: bold; font-size: 1.07em; line-height: 2 }
@media screen and (max-width: 639px) {
	#greeting #sec_3 .img1 img{ max-width: 229px; width: 100% }
	#greeting #sec_3 .txtbox p{text-align: left;}
	#greeting #sec_3 .txt1{text-align:left;}
	#greeting #sec_3 .cnt_left{ width: 100%; margin-right: 0%; margin-bottom: 20px }
	#greeting #sec_3 .cnt_right{ width: 100% }
}

/* ---------------------------------------
varix
--------------------------------------- */
/* sec_1 */
#varix #sec_1 .img1{ text-align: center; }
#varix #sec_1 .img1 img{ max-width: 458px; width: 60% }
#varix #sec_1 .img2{ margin-bottom: 8px }
#varix #sec_1 .txt1{ text-align: center; }
#varix #sec_1 .txt1 span{ font-weight: bold; }
#varix #sec_1 .txtbox p{ font-size: 1.07em; line-height: 2 }
#varix #sec_1 .ent{ font-size: 1.1em; line-height: 2; color: #32a1d3; font-weight:bold; }
@media screen and (max-width: 639px) {
	#varix #sec_1 .img1 img{ max-width: 229px; width: 100% }
	#varix #sec_1 .img2{ margin-bottom: 5px }
	#varix #sec_1 .txtbox p{ font-weight: normal; font-size: 1em; line-height: 1.8; }

}

/* sec_3 */
#varix #sec_2 .cnt_left{ width: 48%; margin-right: 4% }
#varix #sec_2 .cnt_right{ width: 48% }
#varix #sec_2 .img1{ text-align: center; }
#varix #sec_2 .txt1{margin-bottom:16px;}
#varix #sec_2 .txt1 span{ font-weight: bold; }
#varix #sec_2 .txtbox p{ font-weight: bold; font-size: 1.07em; line-height: 2 }
@media screen and (max-width: 639px) {
	#varix #sec_2 .imgbox{width: 100% !important;}
	#varix #sec_2 .img1{  width: 100% !important;}
	#varix #sec_2 .txtbox p{text-align: left;}
	#varix #sec_2 .txt1{text-align:left;}
	#varix #sec_2 .cnt_left{ width: 100%; margin-right: 0%; margin-bottom: 20px }
	#varix #sec_2 .cnt_right{ width: 100% }
}

/* ---------------------------------------
clinic
--------------------------------------- */
/* sec_1 */
#clinic #sec_1 .imglist>li>.title{ margin-top: -25px }
#clinic #sec_1 ul.imglist{ margin-left: -2% }
#clinic #sec_1 ul.imglist>li{ margin-bottom: 40px; margin-left: 2%; width: 31.3% }
@media screen and (max-width: 767px) {
	#clinic #sec_1 ul.imglist>li{ margin-bottom: 20px; }
	#clinic #sec_1 .imglist>li>.title{ margin-top: -20px }
}
@media screen and (max-width: 639px) {
	#clinic #sec_1 ul.imglist{ margin-left: 0% }
	#clinic #sec_1 ul.imglist>li{ margin-bottom: 40px; margin-left: 0%; width: 100% }
}

/* sec_2 */
#clinic #sec_2 .box1 { margin-bottom: 30px; }


/* ---------------------------------------
treatment
--------------------------------------- */
/* common */
#treatment .section .box1 { margin-bottom: 30px; }


/* ---------------------------------------
checkup
--------------------------------------- */
/* sec_2 */
#checkup #sec_2 .box1 { margin-bottom: 30px; }



/* ---------------------------------------
access
--------------------------------------- */
/* sec_1 */
#access #sec_1 .box1{ max-width: 800px; margin:0 auto; }
#access #sec_1 .box1 .sche{ border:1px solid #999999; }
#access #sec_1 .box1 .kanpo dl{margin-bottom: 20px; font-size:1.07em;}
#access #sec_1 .box1 .kanpo dt{float:left;}
#access #sec_1 .box1 .kanpo dd{padding-left:130px;}

/*�lj�*/
#access .tbgreen thead th{background:#22AC38!important;}
#access .tbblue tbody td{color:#32A1C5!important;}
#access .tbblue thead th{background:#32A1C5!important;}
#access .tbgreen tbody td{color:#22AC38!important;}
#access .tbbrown tbody td{color:#735853!important;}
#access .txtb{ font-weight:bold;}
#access .tbcapgreen{color:#22AC38;}
#access .tbcapblue{color:#32A1C5;}
#access .tbcapbrown{color:#735853;}
#access .txts{ font-size:0.8em;}


@media screen and (max-width: 639px) {
	#access #sec_1 .box1 .kanpo dt{float:none; width:100%;}
	#access #sec_1 .box1 .kanpo dd{padding:0px;width:100%;}
	#access #sec_1 .box1{ max-width: 100% }
}

/* sec_2 */
#access #sec_2 .box1{ max-width: 450px; margin:0 auto; }
#access #sec_2 .box1 p{ text-align: left; }
#access #sec_2 .map{ height: 685px; width: 100% }
#access #sec_2 .img1 img{ width: 100% }
@media screen and (max-width: 1040px) {
	#access #sec_2 .map{ height: 440px }
}
@media screen and (max-width: 639px) {
	#access #sec_2 .box1{ max-width: 100% }
	#access #sec_2 .map{ height: 270px }
}


/* ---------------------------------------
qa
--------------------------------------- */
/* sec_1 */

/* acd */
#qa #cnt_main .acd>dt { background: #edf8ef; padding: 15px 35px 15px 20px; line-height: 1.6; font-weight: bold; font-size: 18px; margin-bottom: 15px; cursor: pointer; position: relative; }
#qa #cnt_main .acd>dt:before { content: ""; width: 20px; background: #22ac38; height: 2px; position: absolute; top: 50%; margin-top: -1px; right: 20px; }
#qa #cnt_main .acd>dt:after { content: ""; width: 2px; background: #22ac38; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 29px; }
#qa #cnt_main .acd>dt.open:before { content: ""; width: 20px; background: #22ac38; height: 2px; position: absolute; top: 50%; margin-top: -1px; right: 20px; }
#qa #cnt_main .acd>dt.open:after { display: none; }
#qa #cnt_main .acd>dd { padding-bottom: 30px; }
#qa #cnt_main .acd>dd ul li span { color: #33b5ae; font-size: 0.8em; padding-right: 0.2em; }
@media screen and (max-width: 639px) {
	#qa #cnt_main .acd>dt { font-size: 1em; }
	#qa #cnt_main .acd>dt:before { right: 10px; }
	#qa #cnt_main .acd>dt:after { right: 19px; }
	#qa #cnt_main .acd>dt.open:before { right: 10px; }
}


/* ---------------------------------------
vaccination
--------------------------------------- */
/* sec_2 */
#vaccination #sec_4 .table_type1{ table-layout: auto; }
#vaccination #sec_4 .table_type1 .ceil1{ width: 42% }


/* ---------------------------------------
qa
--------------------------------------- */
/* sec_2 */
#qa #cnt_main .img1 { text-align: center; }
#qa #cnt_main .img1 img{ max-width: 150px; width: 100% }