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








/* ---------------------------------------
#index
--------------------------------------- */
/* common */
#index #cnt_main {  }


/* #sec_1 */
/* #sec_1 */
#index #sec_1 .newsbox{ margin-bottom: 40px; }
#index #sec_1 dl.easenewslist { max-height: 400px; padding-right: 20px; margin-bottom: 20px; }
#index #sec_1 .subsec{ background: #f7f9ea; padding: 40px 0; }
#index #sec_1 .subsec .tit{ margin-left: -35px; margin-bottom: 20px; }
#index #sec_1 .subsec .tit img{ max-width: 770px; width: 100% }
#index #sec_1 .subsec .txt{ margin-bottom: 30px; }
#index #sec_1 .subsec2{ background: #F2FBFC; padding: 40px 0 70px; }
#index #sec_1 .subsec2 .titlebox{ text-align: center;  }
#index #sec_1 .subsec2 .insectitle{ color: #191919; display: inline-block; }
#index #sec_1 .subsec2 .list1>ul{ margin-left: -35px; margin-bottom: -20px; display: flex; flex-direction: row; }
#index #sec_1 .subsec2 .list1>ul>li{ margin-left: 35px; margin-bottom: 20px; width: calc(50% - 35px); }
#index #sec_1 .subsec2 .tit img{ max-width: 770px; width: 100% }
#index #sec_1 .subsec2 .txt{ margin-bottom: 30px; }
#index #sec_1 .box1 .imgbox{float: left;margin-right: 20px;width: 200px;}
@media screen and (max-width: 1040px){
	#index #sec_1 .subsec .tit{ text-align: center; margin-left: 0; }
	#index #sec_1 .subsec .tit img{ width: 100%; max-width: 568px; }
}
@media screen and (max-width: 767px){
	#index #sec_1 dl.easenewslist { max-height: 500px; padding-right: 0px; }
	#index #sec_1 .box1{ display: flex; flex-direction: column-reverse; }
	#index #sec_1 .box1 .imgbox{float: none;margin-right: 0;width: 100%;max-width: 200px;margin-left: auto;margin-right: auto;margin-top: 10px;}
	#index #sec_1 .subsec2 .list1>ul{ margin-left: -0; display: block; }
	#index #sec_1 .subsec2 .list1>ul>li{ margin-left: 0; width: 100%; }
	#index #sec_1 .subsec2 .titlebox{ text-align: left;  }
}
@media screen and (max-width: 639px){
	#index #sec_1 .newsbox{ margin-bottom: 15px; }
	#index #sec_1 .subsec{ padding: 15px 0; }
	#index #sec_1 .subsec .tit{ margin-bottom: 15px; }
	#index #sec_1 .subsec2{ padding: 20px 0 30px; }
}

/* #sec_2 */
#index #sec_2 .calendartxt{ margin-bottom: 5px; }
#index #sec_2 .calendartxt .txt{ display: inline-block; }
#index #sec_2 .calendartxt .txt._1{ margin-right: 20px; }
#index #sec_2 .calendartxt .txt:before{ content: ""; display: inline-block; width: 18px; height: 18px; background: #f4b8b0; position: relative; top: 3px; margin-right: 5px; }
#index #sec_2 .calendartxt .txt._1:before{ background: #f4b8b0; }
#index #sec_2 .calendartxt .txt._2:before{ background: #92dbdd; }
#index #sec_2 .table1{ width: 47%; float: left; box-sizing: border-box; }
#index #sec_2 .table1:first-child{ margin-right: 6%; }
@media screen and (max-width: 767px){
	#index #sec_2 .table1{ width: 100%; float: none; }
	#index #sec_2 .table1:first-child{ margin-right: 0; margin-bottom: 30px; }
}




/* ---------------------------------------
#doctor
--------------------------------------- */
#doctor #sec_1 .txtbox .name{ margin-top: 20px; text-align: right; }

#doctor #sec_1 .map{ margin-top: 40px; text-align: center; max-width: 760px;margin-left: auto;margin-right: auto;width: 100%; }
#doctor #sec_1 .imglist{margin-top: 30px;max-width: 760px;margin-left: auto;margin-right: auto;width: 100%;}
#doctor #sec_1 .imglist>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -20px; margin-bottom: -20px; overflow: hidden; }
#doctor #sec_1 .imglist>ul>li{ width: calc(33.33% - 20px); margin-left: 20px; margin-bottom: 20px; }
#doctor #sec_1 .imglist>ul>li .img{ margin-bottom: 10px; }
#doctor #sec_1 .imglist>ul>li .img img{ aspect-ratio: 5 / 6; -webkit-aspect-ratio: 5 / 6; width: 100%; }
#doctor #sec_1 .imglist>ul>li .txt{ font-size: 0.93em; text-align: center; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#doctor #sec_1 .imglist>ul>li{ width: calc(50% - 20px); }
}
@media screen and (max-width: 639px){
}

#clinic #sec_2 .txt1{ font-size: 0.93em; }
#clinic #sec_2 .cnt_left:first-child{ margin-right: 15%; }
#clinic #sec_2 dl{ font-size: 0.93em; }
#clinic #sec_2 dl dt{ font-weight: bold; margin-bottom: 5px; }
#clinic #sec_2 dl dt:before{ content: "●"; display: inline-block; color: #23b7c2; font-size: 0.8em; margin-right: 3px; position: relative; top: -1px; }
#clinic #sec_2 dl dd{ margin-left: 15px; margin-bottom: 5px; }
#clinic #sec_2 ul li{ font-size: 0.93em; margin-bottom: 3px; }
#clinic #sec_2 ul li:before{ content: "●"; display: inline-block; color: #23b7c2; font-size: 0.8em; margin-right: 3px; position: relative; top: -1px; }
#clinic #sec_2 ul._1{ margin-bottom: 40px; }
@media screen and (max-width: 1040px){
	#clinic #sec_2 .cnt_left:first-child{ margin-right: 10%; }
}
@media screen and (max-width: 767px){
	#clinic #sec_2 .cnt_left{ float: none; }
	#clinic #sec_2 .cnt_left:first-child{ margin-right: 0; margin-bottom: 20px; }
	#clinic #sec_2 ul._1{ margin-bottom: 20px; }
}
@media screen and (max-width: 639px){
	#doctor #sec_1 .block1 .imgbox{ margin:10px auto 0!important; float: none!important; width: 100%!important }
	#doctor #sec_1 .block1 .imgbox img{ max-width: 250px; }
}

#clinic #sec_4 li { padding-left: 1em; text-indent: -1em; }

#clinic #sec_5 ul li { text-indent:-1em; padding-left: 1em; }
#clinic #sec_5 ul li:before{ content: "●"; color: #23b7c2; font-size: 0.8em; margin-right: 3px; }


/* ---------------------------------------
#sick
--------------------------------------- */
#sick #cnt_main .bgbox1 .title{ font-size: 0.94em; font-weight: bold; }
#sick #cnt_main .bgbox1 .list1>li{ display: inline; margin-right: 10px }
@media screen and (max-width: 639px){
	#sick #cnt_main .bgbox1 .title{ font-size: 1em; }
	#sick #cnt_main .bgbox1 .list1>li{ display: inline-block; text-indent: -1em; padding-left: 1em }
}




/* ---------------------------------------
#price
--------------------------------------- */
#price #cnt_main .list1{ font-size: 0.94em }

#price #sec_1 .table_type1{ max-width: 670px; width: 100% }
#price #sec_2 .table_type2{ max-width: 670px; width: 100% }




/* ---------------------------------------
#first
--------------------------------------- */
@media screen and (max-width: 639px){
	#first #sec_1 .box1 .imgbox{ margin-bottom: 0; margin-top: 10px }
}

#first #sec_2 .list1>li, #first #sec_3 .list1>li{  border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 15px }
#first #sec_2 .list1>li.last, #first #sec_3 .list1>li.last{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0 }




/* ---------------------------------------
#sop.adhd
--------------------------------------- */
@media screen and (max-width: 639px){
	#sop #sec_1 .box1 .imgbox{ margin-bottom: 10px }
	#sop.memory #sec_1 .box1 .imgbox{ margin-bottom: 15px; }
	#sop.memory #sec_2 .box1 .imgbox{ margin: 10px 0 15px }
}



/* ---------------------------------------
#access
--------------------------------------- */
#access #sec_1 .box1{ max-width: 800px; width: 100%; margin:0 auto 40px; }
#access #sec_1 .table1{  }
#access #sec_1 .table1 th, #access #sec_1 .table1 td{ text-align: center; line-height: 1.4 }
#access #sec_1 .table1 thead th, #access #sec_1 .table1 thead td{ background: #4fc5ce; color:#fff; font-size: 1.38em; font-weight: bold; line-height: 1; padding:18px 0; }
#access #sec_1 .table1 thead th{ width: 26% }
#access #sec_1 .table1 thead td{ border-left:1px solid #fff; }
#access #sec_1 .table1 tbody th, #access #sec_1 .table1 tbody td{  }
#access #sec_1 .table1 tbody th{ font-size: 1.07em; padding:2px 2% 0; line-height: 1.4 }
#access #sec_1 .table1 tbody td{ font-size: 1.38em; font-weight: bold; line-height: 1; padding:18px 0 14px; color:#4fc5ce; border-left:1px solid #ccc; }
#access #sec_1 .table1 tbody td.maru:before{ content:""; display: inline-block; width: 20px; height: 20px; background: #23b7c2; border-radius: 50% }
#access #sec_1 .table1 tbody td.bordermaru:before,
#access #sec_1 .table1 tbody td.bordermaruandmaru:after{ content:""; display: inline-block; width: 20px; height: 20px; border: 1px solid #21b6c1; border-radius: 50% }
#access #sec_1 .table1 tbody td.no:before{ content:""; display: inline-block;  width: 18px; height: 3px; background: #23b7c2; vertical-align: middle }
#access #sec_1 .table1 tbody th, #access #sec_1 .table1 tbody td{ border-bottom: 1px solid #cccccc }
#access #sec_1 .table1 tbody th>p{ text-align: left; }
#access #sec_1 .box1 .txt1{ font-weight: bold; font-size: 0.94em }
#access #sec_1 .box1 .txt2{ font-size: 0.94em }
#access #sec_1 .txt3{ font-size: 1.5em; color:#23b7c2; font-weight: bold; }
@media screen and (max-width: 767px){
	#access #sec_1 .table1 thead th, #access #sec_1 .table1 thead td, #access #sec_1 .table1 tbody td{ font-size: 1.28em; padding:13px 0 10px; }
	#access #sec_1 .table1 tbody td.maru:before{ width: 16px; height: 16px; }
	#access #sec_1 .table1 tbody td.bordermaru:before,
	#access #sec_1 .table1 tbody td.bordermaruandmaru:after{ width: 16px; height: 16px; }
	#access #sec_1 .table1 tbody td.no:before{ width: 16px; height: 2px; }
	#access #sec_1 .txt3{ font-size: 1.2em }
}
@media screen and (max-width: 639px) {
	#access #sec_1 .table1 tbody th>p{ width: 65px; }
	#access #sec_1 .box1{ margin-bottom: 20px }
}
@media screen and (max-width: 479px) {
	#access #sec_1 .table1 thead th, #access #sec_1 .table1 thead td, #access #sec_1 .table1 tbody td{ font-size: 1.18em }
	#access #sec_1 .table1 tbody td.maru:before{ width: 10px; height: 10px; }
	#access #sec_1 .table1 tbody td.bordermaru:before,
	#access #sec_1 .table1 tbody td.bordermaruandmaru:after{ width: 10px; height: 10px; }
	#access #sec_1 .table1 tbody td.no:before{ width: 10px; height: 1px; }
}

#access #sec_2 .txt1{ font-size: 1.07em; font-weight: bold; margin-bottom: 5px }
#access #sec_2 .txt1 span{ font-weight: bold; }
#access #sec_2 .txt2, #access #sec_2 .txt3{ padding-left: 30px }
#access #sec_2 .txt2{ position: relative; font-weight: bold; font-size: 1.13em; color:#23b7c2; line-height: 1.4; margin-bottom: 5px }
#access #sec_2 .txt2 span{ font-weight: bold; }
#access #sec_2 .txt2:before{ content:""; background: url(../img/access/s2_icon1.png) no-repeat ; background-size: contain; width: 22px; height: 28px; display: inline-block; position: absolute; top:0; bottom:0; margin:auto 0; left:0; }
#access #sec_2 .txt3{ font-size: 0.94em }
#access #sec_2 .box1{ display: flex; flex-direction: row; justify-content: space-between; }
#access #sec_2 .cnt_left, #access #sec_2 .cnt_right{ width: 48% }
#access #sec_2 .box1 .cnt_left{ width: 66% }
#access #sec_2 .box1 .cnt_right{ width: 31% }
#access #sec_2 .box1{ margin-bottom: 50px }
#access #sec_2 .box1 #accessmap{ height: 93% }
#access #sec_2 .box1 #accessmap2{ height: 93% }
#access #sec_2 .box1 #accessmap2 iframe{ width: 100%; height: 100%; }
#access #sec_2 .box2 .title{ color:#23b7c2; font-weight: bold; font-size: 1.2em; }
#access #sec_2 .box2 .bgbox1{ font-size: 0.94em }
#access #sec_2 .box1 .cnt_right .img1{ text-align: right; }
#access #sec_2 .box1 .cnt_right .img1 img{ max-width: 290px; width: 96%; }
@media screen and (max-width: 767px){
	#access #sec_2 .cnt_left{ margin-bottom: 25px }
	#access #sec_2 .cnt_left, #access #sec_2 .cnt_right{ width: 100% }
	#access #sec_2 .box1 .cnt_left{ width: 100% }
	#access #sec_2 .box1 .cnt_right{ width: 100% }
	#access #sec_2 .box1{ margin-bottom: 40px; display: block; }
	#access #sec_2 .box1 .cnt_right .img1{ text-align: center; }
}