@charset "utf-8";
.bgline2 {margin-top:calc((100 / 1920) * -40vw);}

/*メニュー１*/
.menu1 li a::after{}
    
/*トップ*/
.top {background-image:url("../img/about/3.png");background-repeat: no-repeat;background-size:100% 100%;height:calc((100 / 1920) * 538vw);display: flex;align-items: center;justify-content: center;width:100%;}
.top h2 {color:white;font-size:40px; transform:rotateZ(0.03deg);}

/*ページ内リンク*/
.smallmenu {background-color:#F1F6F2; width:100%;}
.smallmenu .inner {max-width:1500px; width:100%; margin:0 auto; display: flex;justify-content: center; }
.smallmenu .inner a {color:white;text-decoration: none;margin-right: 0.8%; margin-top: 3%;margin-bottom:3%; background:linear-gradient(to right, #8DCDEB,#74BBBA);  border-radius:10px; width:20%;padding-top: 1.3%;padding-bottom: 1.3%;display: flex;justify-content: center; transform:rotateZ(0.03deg);}
.smallmenu .inner a div {transform:rotateZ(0.03deg);}

/*診療内容*/
#sinryonaiyou {background-image:url("../img/common/bgline1.svg"); background-repeat: no-repeat;background-size:calc((100 / 1500) * 368vw);background-position:0 0;width:100%;  height:auto;position:relative;}
#sinryonaiyou .inner {max-width:1500px; width:100%; margin:0 auto; }
#sinryonaiyou .inner .sinryonaiyoutittle h3 {color: #009967;text-align: center; font-size:35px; font-weight: 500; padding:60px 0 50px 0; transform:rotateZ(0.03deg);}
#sinryonaiyou .inner .sinryonaiyoutittle h3::before {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/18.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-right: 1.5%; }
#sinryonaiyou .inner .sinryonaiyoutittle h3::after {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/19.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-left: 1.5%;}
#sinryonaiyou .inner .sinryonaiyou1,
#sinryonaiyou .inner .sinryonaiyou2 {display: flex; justify-content: center; justify-content: center; max-width:1000px; width:100%; margin:20px auto; transform:rotateZ(0.03deg);}
#sinryonaiyou .inner .naiyouimg {width:33.3%; text-align:center; padding:20px;}
#sinryonaiyou .inner .naiyouimg img {max-width:180px; width:100%;}
#sinryonaiyou .inner .naiyouimg p {text-align: center; font-size:18px; transform:rotateZ(0.03deg);}

/*診療費用*/
#sinryohiyou {width:100%;}
#sinryohiyou .inner {max-width:1500px; width:100%; margin:0 auto; position:relative;}
#sinryohiyou .inner .hiyouillust {position: absolute;width:min(calc((100 / 1920) * 300vw), 300px); left:calc((100 / 1920) * 100vw); margin-top:calc((100 / 1920) * -100vw);}
#sinryohiyou .inner .sinryotittle {color: #009967; margin:calc((100 / 1920) * -150vw) 0 0 0; text-align: center; font-size:35px; font-weight: 500; transform:rotateZ(0.03deg);}
#sinryohiyou .inner .sinryotittle::before {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/18.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-right: 1.5%;}
#sinryohiyou .inner .sinryotittle::after {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/19.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-left: 1.5%;}
#sinryohiyou .inner .sinryotittle2{color: #4D4D4D; text-align: center; font-size:28px; font-weight: 500; margin-top: 2%; transform:rotateZ(0.03deg);}
#sinryohiyou .inner .sinryotext {color: #666; font-size:18px; width:710px; padding:0; margin:50px auto 0 auto; transform:rotateZ(0.03deg);}
#sinryohiyou .inner .hiyouimg{width:min(calc((100 / 1500) * 1000vw), 1000px);margin-left: auto; margin-right: auto;margin-top:2%;}

/*診療対象となる方*/
#sinryotaisyou {position: relative; width:100%; height:auto; top:calc((100 / 1920) * -150vw); }
#sinryotaisyou .inner {max-width:1500px; width:100%; margin:0 auto;}
#sinryotaisyou .inner .taisyoutittle {color: #009967;text-align: center;font-size:35px;font-weight:500; position:relative; margin-bottom:100px; transform:rotateZ(0.03deg);}
#sinryotaisyou .inner .taisyoutittle::before {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/18.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat; margin-top: 1.5%;  margin-right: 1.5%;}
#sinryotaisyou .inner .taisyoutittle::after {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/19.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-left: 1.5%;}
#sinryotaisyou .inner .taisyoulist{list-style:none;color: #4D4D4D; text-align: center; font-size:min(calc((100 / 1500) * 30vw), 30px); width:min(calc((100 / 1500) * 1200vw), 1200px);}
#sinryotaisyou .inner .taisyouillust{position: absolute; width:min(calc((100 / 1500) * 250vw), 250px); top:100px; left:74%;}
#sinryotaisyou .inner .taisyoulist li{text-align: left; margin: 1%; transform:rotateZ(0.03deg);}
#sinryotaisyou .inner .taisyoulist li::before {content:"";display: inline-block; width:35px; height:35px; background-image:url("../img/about/23.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat; margin-right: 1.5%;}
#sinryotaisyou .inner .taisyoulist1{display: flex;align-items: center;justify-content: center;}

/*訪問エリア*/
#houmoneria {padding-bottom:50px;}
#houmoneria .houmoneriatittle{color: #009967; text-align: center; font-size:35px; font-weight:500; position:relative; margin-top:calc((100 / 1920) * -150vw); transform:rotateZ(0.03deg);}
#houmoneria .houmoneriatittle::before {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/18.svg"); background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-right: 1.5%;}
#houmoneria .houmoneriatittle::after {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/about/19.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: 1.5%; margin-left: 1.5%;}
#houmoneria .houmoneriatext{color: #4D4D4D;text-align: center;font-size:18px; margin:50px auto; transform:rotateZ(0.03deg);}
#houmoneria .mapillust img{width:min(calc((100 / 1500) * 730vw), 730px);display: block;margin-left: auto;margin-right: auto;}


/*800px以下*/
@media screen and (max-width : 800px ){

    /*共通css*/
    .top,.smallmenu,#sinryohiyou,#sinryotaisyou,#houmoneria{width:100%; margin:0 auto;}
    .top h2 {font-size:24px;}

    /*ページ内リンク*/
    .smallmenu .inner {display:block; padding:10px 40px;}
    .smallmenu .inner a {display:block; font-size:14px; max-width:350px; width:100%; text-align:center; margin:10px auto;  padding:10px 0;}

    /*診療内容*/
    #sinryonaiyou .inner .sinryonaiyoutittle h3 {font-size:18px; padding:60px 0 20px 0;}
    #sinryonaiyou .inner .sinryonaiyoutittle h3::before {width:18px;height:18px; margin:11px 8px 0 0;}
    #sinryonaiyou .inner .sinryonaiyoutittle h3::after {width:18px;height:18px; margin:11px 0 0 8px;}
    #sinryonaiyou .inner .sinryonaiyou1,
    #sinryonaiyou .inner .sinryonaiyou2 {margin:20px auto;}
    #sinryonaiyou .inner .naiyouimg {padding:10px;}
    #sinryonaiyou .inner .naiyouimg p {font-size:12px;}

    /*診療費用*/
    #sinryohiyou .inner .hiyouillust {position: absolute;width:min(calc((100 / 1920) * 300vw), 300px); left:calc((100 / 1920) * 100vw); margin-top:calc((100 / 1920) * -100vw);}
    #sinryohiyou .inner .sinryotittle {margin:0; font-size:18px;}
    #sinryohiyou .inner .sinryotittle::before {width:18px;height:18px;margin:11px 8px 0 0;}
    #sinryohiyou .inner .sinryotittle::after {width:18px;height:18px; margin:11px 0 0 8px;}
    #sinryohiyou .inner .sinryotittle2{font-size:14px; margin-top:10px;}
    #sinryohiyou .inner .sinryotext {font-size:14px; width:100%; padding:0 20px 20px 20px; margin:20px auto 0 auto;}
    #sinryohiyou .inner .hiyouimg{width:100%; padding:0 20px;}

    /*診療対象となる方*/
    #sinryotaisyou .inner .taisyoutittle {font-size:18px;top:0;margin-bottom:30px;}
    #sinryotaisyou .inner .taisyoutittle::before {width:18px;height:18px;margin:11px 8px 0 0;}
    #sinryotaisyou .inner .taisyoutittle::after {width:18px;height:18px; margin:11px 0 0 8px;}
    #sinryotaisyou .inner .taisyoulist {width:min(calc((100 / 1500) * 1200vw), 1200px);}
    #sinryotaisyou .inner .taisyouillust{position:absolute; width:min(calc((100 / 1500) * 250vw), 250px); top:30px; right:20px;}
    #sinryotaisyou .inner .taisyoulist li{margin:10px 0; width:100%; padding:0; font-size:14px;}
    #sinryotaisyou .inner .taisyoulist li::before { width:14px; height:14px;}
    #sinryotaisyou .inner .taisyoulist1{display: flex;align-items: center;justify-content: center;}

    /*訪問エリア*/
    #houmoneria {padding-bottom:50px;}
    #houmoneria .houmoneriatittle{font-size:18px; margin-top:0;}
    #houmoneria .houmoneriatittle::before {width:18px;height:18px;margin:11px 8px 0 0;}
    #houmoneria .houmoneriatittle::after {width:18px;height:18px;margin:11px 0 0 8px;}
    #houmoneria .houmoneriatext {font-size:14px; margin:30px auto; padding:0 20px;}
    #houmoneria .mapillust {padding:0 20px;}
    #houmoneria .mapillust img {width:100%;}

}

