@charset "UTF-8";
/* CSS Document 増えているこどもの近視*/



/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 768px) {
.btn-02.txt-02 a,
.btn-03.txt-02 a {
    font-size: 3.6458vw;
}
/*-----------------------------------------------*/
.section_cnt_bnrs {
    padding-top: 10.6771vw;
    padding-bottom: 11.849vw;
    border-bottom: 1px solid #dbdced;
}
.btn-line-01 {
  display: block;
  width: 84.6354vw;
  margin: 0 auto;
}
.btn-line-01 a{
    padding-top: 0.55em;
    padding-bottom: 0.45em;
    padding-left: 1.667em;
    padding-right: 2.381em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 3.9063vw;
    color: #5a4882;
    background: url(/-/Media/com/learn-more/eyecare2020/myopia/top/ico-arrow02.png) no-repeat right 1.667em center;
    background-size: 0.444em;
    border:0.6510vw solid #5a4882;
    text-align: center;
}

/*-----------------------------------------------*/

    .section_intro_bg{
        background: #eff0f7 url("/-/Media/com/learn-more/eyecare2020/myopia/top/bg-intro01-sp.png") no-repeat right top 69.922vw;
        background-size: 49.87vw 44.792vw;
        padding-top: 13.411vw;
        padding-bottom: 2.37vw;
    }
    .section_intro_bg > .intro_bg_inner{
        /* background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/bg-intro01-pc.png") no-repeat 443px 232px; */
    /* max-width: 950px; */
    /* margin: 0 auto; */
    }
    .intro_clm{
        text-align: center;
        margin-bottom: 9.505vw;
        /* font-size: 1.1111em; */
        /* margin-bottom: 71px; */
    }
    .intro_ttl{
        display: block;
        width: 71.094vw;
        margin: 0 auto 3.906vw;
    }
    .intro_list{
        width: 85.417vw;
        margin: 0 auto 16.667vw;
        /* margin-left: 150px; */
        /* margin-bottom: 89px; */
    }
    .intro_copy{
        width: 67.448vw;
        margin: 0 auto 4.297vw;
        /* margin-bottom: 27px; */
    }
    .intro_btn{
        width: 50vw;
        height: 10.417vw;
        /* width: 421px; */
        /* height: 52px; */
    }
    .intro_btn a{
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 3.646vw;
    }
    .intro_btn img{
        width: 34.245vw;
        margin: 0 auto;
    }

    .cntguide_clm{
        height: 46.875vw;
        display: block;
    }
    .cntguide_clm:nth-child(even){
        background-color: #dbdced;
    }
    .cntguide_clm .sub_clm{
        /* display: inline-block; */
        /* margin-top: 80px; */
        margin-left: 6.12vw;
    }
    .cntguide_clm .btn-03 a{
        font-size: 3.646vw;
    }
    .cntguide_clm .cnt_ttl{
        font-size: 6.51vw;
        margin-bottom: 0.5em;
        line-height: 1.44;
    }
    .cntguide_clm.ph1 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide01-sp.png") no-repeat right bottom;
        background-size: contain;
    }
    .cntguide_clm .inner-01 {
        display: flex;
        align-items: center;
    }
    .cntguide_clm.ph2 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide02-sp.png") no-repeat right bottom;
        background-size: contain;
    }
    .cntguide_clm.ph2 > .inner-01 .sub_clm{
        /* margin-left: 504px; */
    }
    .cntguide_clm.ph3 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide03-sp.png") no-repeat right bottom;
        background-size: contain;
    }
    .cntguide_clm.ph3 > .inner-01 .sub_clm{
        /* margin-left: 58px; */
    }
    .cntguide_clm.ph4 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide04-pc.png") no-repeat right 5.859vw center;
        background-size: 29.557vw 25vw;
    }
    .cntguide_clm.ph4 > .inner .sub_clm{
        /* margin-left: 505px; */
    }
    .cntguide_clm.ph4 .btn-02{
        /* text-align: left; */
    }
    .cntguide_clm.ph4 .btn-02 a{
        border-radius: 4.427vw;
    }
    .section_clinic{
        padding: 13.672vw 0;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-clinic01-sp.png") no-repeat;
        background-size: contain;
    }
    .clinic_ttl{
        width: 61.849vw;
        margin: 0 auto 20.443vw;
        /* margin-bottom: 58px; */
    }
    .clinic_copy{
        font-size: 3.646vw;
        line-height: 6.38vw;
        margin-bottom: 6.51vw;
    }
    .supervision_clm{
        display: flex;
        flex-wrap: nowrap;
        border: 1px solid #cccccc;
        font-size: 0.8888em;
        padding: 3.906vw 11.849vw 3.906vw 6.641vw;
        /* width: 91.146vw; */
    }
    .supervision_clm .ttl{
        display: flex;
        align-items: center;
        border-right: 1px solid #cccccc;
        padding-right: 6.38vw;
        font-size: 3.646vw;
        white-space: nowrap;
    }
    .supervision_clm .cont{
        display: block;
        padding-top: 0.6vw;
        padding-left: 6.38vw;
        font-size: 3.646vw;
    }
    .supervision_clm .cont .name{
        font-size: 4.948vw;
    }
    .supervision_clm .cont .hos{
        display: inline-block; 
        padding-top: .5em;
    }
    .section-under-txt{
        font-size: 3.646vw;
        margin-top: 2.5em;
        line-height: 2;
    }
    .section-under-txt a{
        text-decoration: underline;
    }

}
/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 480px) {


}