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








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


/* #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: 690px; 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: 472px; }
}
@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; }
}
#index #sec_sick .sicklist>ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -30px; }
#index #sec_sick .sicklist>ul>li { margin-bottom: 30px;width: 32%;display: flex; }
#index #sec_sick .sicklist>ul>li:not(:nth-child(3n-2)) {margin-left: 2%; }
#index #sec_sick .sicklist>ul>li>.inwrap {padding: 30px;background: #f8fbeb;}
#index #sec_sick .sicklist>ul>li>.inwrap div.imgbox {width: 100%; height: 160px; margin-bottom: 15px; }
#index #sec_sick .sicklist>ul>li>.inwrap div.imgbox img { object-fit: cover; width: 100%; height: 100%; }
#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.title { font-weight: bold; font-size: 1.36em; color: #23b7c2; margin-bottom: 10px; line-height: 1.4; }
#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.link {margin-top: 20px;}
#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.link a.btnlink {display: inline-block;background-color: #23b7c2;color: #fff;font-weight: bold;font-size: 0.87em;padding: 5px 10px;vertical-align: middle;text-decoration: none;width: 100%;box-sizing: border-box;position: relative;transition: .4s;}
#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.link a.btnlink:after{content: " ";background: url(../img/common/arw1_white.png) no-repeat left;background-size: contain;width:8px;height:13px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 15px;transition: .4s;}
@media screen and (max-width: 767px){
	#index #sec_sick .sicklist>ul>li { width: 47%; margin-bottom: 40px; }
	#index #sec_sick .sicklist>ul>li>.inwrap {padding: 0;background: #fff;}
	#index #sec_sick .sicklist>ul>li:not(:nth-child(3n-2)) {margin-left: 0; }
	#index #sec_sick .sicklist>ul>li:not(:nth-child(2n-1)) {margin-left: 6%; }
	#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.title { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
	#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox div.txt { font-size: 0.93em; }
	#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.link {  margin-top: 8px; font-size: 0.93em;}
	#index #sec_sick .sicklist>ul>li>.inwrap div.txtbox p.link a.btnlink { padding: 4px 10px; }
}
@media screen and (max-width: 500px){
	#index #sec_sick .sicklist>ul>li { margin-bottom: 30px;}
}


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

#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; }


/* ---------------------------------------
#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){
	#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; }
}



/* ---------------------------------------
#sick
--------------------------------------- */
#sick .sicklist>ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -30px; margin-bottom: -30px; overflow: hidden; }
#sick .sicklist>ul>li {margin-left: 30px;margin-bottom: 30px;width: calc(50% - 30px);display: flex; min-height: 300px;}
#sick .sicklist>ul>li>.inwrap { padding: 30px; background: #f8fbeb; display: flex; flex-direction: row; }
#sick .sicklist>ul>li>.inwrap div.imgbox {width: 40%;flex-shrink: 0;margin-right: 6%;}
#sick .sicklist>ul>li>.inwrap div.imgbox img { object-fit: cover; width: 100%; height: 100%; }
#sick .sicklist>ul>li>.inwrap div.txtbox {display: flex;justify-content: center;flex-direction: column;}
#sick .sicklist>ul>li>.inwrap div.txtbox p.title { font-weight: bold; font-size: 1.36em; color: #23b7c2; margin-bottom: 10px; line-height: 1.4; }
#sick .sicklist>ul>li>.inwrap div.txtbox p.link {margin-top: 20px;}
#sick .sicklist>ul>li>.inwrap div.txtbox p.link a.btnlink {display: inline-block;background-color: #23b7c2;color: #fff;font-weight: bold;font-size: 0.87em;padding: 2px 10px;vertical-align: middle;text-decoration: none;width: 100%;box-sizing: border-box;position: relative;transition: .4s;}
#sick .sicklist>ul>li>.inwrap div.txtbox p.link a.btnlink:after{content: " ";background: url(../img/common/arw1_white.png) no-repeat left;background-size: contain;width:8px;height:13px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 15px;transition: .4s;}
@media screen and (max-width: 767px){
	#sick .sicklist>ul { display: block;margin-left: -0; margin-bottom: -20px; }
	#sick .sicklist>ul>li {margin-left: 0;width: 100%;margin-bottom: 20px;min-height: inherit;}
	#sick .sicklist>ul>li>.inwrap {flex-direction: column; width: 100%; }
	#sick .sicklist>ul>li>.inwrap div.imgbox {width: 100%;margin-right: 0; height:180px; margin-bottom: 20px; }
	#sick .sicklist>ul>li>.inwrap div.txtbox p.link a.btnlink {padding: 8px 10px; }
}

#sick .sicklisttt>ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -30px; margin-bottom: -30px; overflow: hidden; }
#sick .sicklisttt>ul>li {margin-left: 30px;margin-bottom: 30px;width: calc(50% - 30px);display: flex; min-height: 300px;}
#sick .sicklisttt>ul>li>.inwrap { padding: 30px; background: #f8fbeb; display: flex; flex-direction: row; }
#sick .sicklisttt>ul>li>.inwrap div.imgbox {width: 40%;flex-shrink: 0;margin-right: 6%;}
#sick .sicklisttt>ul>li>.inwrap div.imgbox img { object-fit: cover; width: 100%; height: 100%; }
#sick .sicklisttt>ul>li>.inwrap div.txtbox {display: flex;justify-content: center;flex-direction: column;}
#sick .sicklisttt>ul>li>.inwrap div.txtbox p.title { font-weight: bold; font-size: 1.36em; color: #23b7c2; margin-bottom: 10px; line-height: 1.4; }
#sick .sicklisttt>ul>li>.inwrap div.txtbox p.link {margin-top: 20px;}
#sick .sicklisttt>ul>li>.inwrap div.txtbox p.link a.btnlink {display: inline-block;background-color: #23b7c2;color: #fff;font-weight: bold;font-size: 0.87em;padding: 2px 10px;vertical-align: middle;text-decoration: none;width: 100%;box-sizing: border-box;position: relative;transition: .4s;}
#sick .sicklisttt>ul>li>.inwrap div.txtbox p.link a.btnlink:after{content: " ";background: url(../img/common/arw1_white.png) no-repeat left;background-size: contain;width:8px;height:13px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 15px;transition: .4s;}

@media screen and (max-width: 767px){
	#sick .sicklisttt>ul { margin-left: 0; margin-bottom: -30px; }
	#sick .sicklisttt>ul>li { display: block; width: 47%; margin-left: 0; margin-bottom: 40px;}
	#sick .sicklisttt>ul>li>.inwrap {padding: 0;background: #fff; flex-direction: column; }
	#sick .sicklisttt>ul>li:not(:nth-child(2n-1)) {margin-left: 6%; }
	#sick .sicklisttt>ul>li>.inwrap div.imgbox {width: 100%; margin-right: 0;width: 100%; height: 160px; margin-bottom: 15px; }
	#sick .sicklisttt>ul>li>.inwrap div.imgbox img { object-fit: cover; width: 100%; height: 100%; }
	#sick .sicklisttt>ul>li>.inwrap div.txtbox p.title { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
	#sick .sicklisttt>ul>li>.inwrap div.txtbox div.txt { font-size: 0.93em; }
	#sick .sicklisttt>ul>li>.inwrap div.txtbox p.link {  margin-top: 8px; font-size: 0.93em;}
	#sick .sicklisttt>ul>li>.inwrap div.txtbox p.link a.btnlink { padding: 4px 10px; }
}
@media screen and (max-width: 500px){
	#sick .sicklisttt>ul>li { margin-bottom: 30px;}
}


#sick.under #cnt_main .bgbox1 .title{ font-size: 0.94em; font-weight: bold; }
#sick.under #cnt_main .borderlist>li:not(:first-child){ padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc; }
#sick.under #cnt_main ul.list2>li::before { content: "・"; }
#sick.under #cnt_main ul.list2>li { text-indent: -1em; padding-left: 1em }
#sick.under #cnt_main ul.list3>li>h4::before { content: "・"; }
#sick.under #cnt_main ul.list3>li:not(:first-child) { margin-top: 10px; }
#sick.under #cnt_main ul.list3>li>p{ padding-left: 1em }
#sick.under #cnt_main ul.list4>li { text-indent: -1em; padding-left: 1em }
@media screen and (max-width: 639px){
	#sick.under #cnt_main .bgbox1 .title{ font-size: 1em; }
	#sick.under #cnt_main .bgbox1 .list1>li{ text-indent: -1em; padding-left: 1em }
}




/* ---------------------------------------
#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: #ccc; 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:#ccc; border-left:1px solid #ccc; }
#access #sec_1 .table1 tbody td.maru:before{ content:""; display: inline-block; width: 20px; height: 20px; background: #21b6c1; border-radius: 50% }
#access #sec_1 .table1 tbody td.no:before{ content:""; display: inline-block;  width: 18px; height: 3px; background: #21b6c1; 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:#21b6c1; 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.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.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:#21b6c1; 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 .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:#21b6c1; 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: 276px; width: 96%; }
#access #sec_2 .box2{ display: flex; flex-direction: row; margin-left: -2%; }
#access #sec_2 .box2 .cnt_left, #access #sec_2 .box2 .cnt_right{ float: none; margin-left: 2%; }
#access #sec_2 .box2 .cnt_left .bgbox1, #access #sec_2 .box2 .cnt_right .bgbox1{ box-sizing: border-box;height: 100%; }
@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 }
	#access #sec_2 .box1 .cnt_right .img1{ text-align: center; }
	#access #sec_2 .box2{ display: block; margin-left: -0%; }
	#access #sec_2 .box2 .cnt_left, #access #sec_2 .box2 .cnt_right{ margin-left: 0%; }
	#access #sec_2 .box2 .cnt_left .bgbox1, #access #sec_2 .box2 .cnt_right .bgbox1{ height: inherit; }
}