@charset "UTF-8";
/* CSS Document */

	
/****************************** BREAK POINT *******************************
PC Layout
******************************* BREAK POINT ******************************/

@media screen and (min-width: 769px) {
.btn-02.txt-02 a,
.btn-03.txt-02 a {
    font-size: 1em;
}
/*------------------------------------------------------------------------------------------------------*/
.section_cnt_bnrs {
    padding-top: 76px;
    padding-bottom: 71px;
    border-bottom: 1px solid #dbdced;
}
.btn-line-01 {
  display: block;
  width: 422px;
  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: 1.500em;
    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:3px solid #5a4882;
    text-align: center;
}

/* -------------------------------------------------------------------------------------------------------*/
    .section_intro_bg{
        background-color: #eff0f7;
        padding-top: 76px;
        padding-bottom: 79px;
		/*第一弾*/
		padding-bottom: 10px;
    }
    .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;
        font-size: 1.1111em;
        margin-bottom: 71px;
    }
    .intro_ttl{
        display: block;
        margin: 0 auto 16px;
    }
    .intro_list{
        margin-left: 150px;
        margin-bottom: 89px;
    }
    .intro_copy{
        margin-bottom: 27px;
    }
    .intro_btn{
        width: 300px;
    }
    .intro_btn a{
        font-size: 20px;
    }
    .intro_btn img{
        margin-top: 8px;
    }

    .cntguide_clm{
        height: 260px;
    }
    .cntguide_clm:nth-child(even){
        background-color: #dbdced;
    }
    .cntguide_clm .sub_clm{
        display: inline-block;
        text-align: center;
        margin-top: 70px;
    }
    .cntguide_clm .cnt_ttl{
        font-size: 2.571em;
        letter-spacing: -0.03em;
        margin-bottom: 12px;
    }
    .cntguide_clm.ph1 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide01-pc.png") no-repeat right 65px bottom;
    }
    .cntguide_clm.ph1 > .inner-01 .sub_clm{
        margin-left: 58px;
    }
    .cntguide_clm.ph2 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide02-pc.png") no-repeat right 215px bottom;
    }
    .cntguide_clm.ph2 > .inner-01 .sub_clm{
        margin-left: 190px;
    }
    .cntguide_clm.ph3 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide03-pc.png") no-repeat left 107px bottom;
    }
    .cntguide_clm.ph3 > .inner-01 .sub_clm{
        margin-left: 498px;
    }
    .cntguide_clm.ph4 > .inner-01{
        height: 100%;
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-cntguide04-pc.png") no-repeat 232px 42px;
    }
    .cntguide_clm.ph4 > .inner-01 .sub_clm{
        margin-left: 505px;
    }
    .cntguide_clm.ph4 .btn-02{
        text-align: left;
    }
    .cntguide_clm.ph4 .btn-02 a{
        border-radius: 1.7em;
    }
    .section_clinic{
        padding: 81px 0;
    }
    
    .clinic_ttl{
        text-align: center;
        margin-bottom: 58px;
    }
    
		.section_clinic > .inner-03{
        background: url("/-/Media/com/learn-more/eyecare2020/myopia/top/img-clinic01-pc.png") no-repeat left 100px top 160px;
    }
    .clinic_copy{
        line-height: 1.9444em;
        margin-bottom: 1.5em;
        margin-left: 480px;
        font-size: 1.286em;
        padding-right: 9px;
    }
    .supervision_clm{
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #cccccc;
        font-size: 1.143em;
        padding: 17px 53px 17px 28px;
        width: 408px;
        margin-left: 480px;
        box-sizing: border-box;
    }
    .supervision_clm .ttl{
        display: flex;
        align-items: center;

        border-right: 1px solid #cccccc;
        padding-right: 28px;
    }
    .supervision_clm .cont{
        display: block;
        padding-left: 28px;
    }
    .supervision_clm .cont .name{
        font-size: 1.375em;
    }
    .supervision_clm .cont .hos{
        display: inline-block; 
        padding-top: .5em;
    }
    .section-under-txt{
        font-size: 20px;
        margin-top: 2.5em;
        line-height: 2;
    }
    .section-under-txt a{
        text-decoration: underline;
    }
    .section-under-txt a:hover{
        text-decoration: none;
    }
}