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

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



.pc-inner{
    width: 900px;
    margin: 0 auto;
}

.cnt_vi01{
    height: 194px;
}
.section_glasses{
    padding-top: 109px;
    padding-bottom: 97px;
}
.glasses_clm{
    margin-left: 40px;
}
.glasses_note{
    color: #555555;
    text-align: right;
    margin-right: 2em;
    margin-top: 0.6em;
}
.glasses_txt{
    margin-top: 30px;
    font-size: 2rem;
    line-height: 1.8;
}
.glasses_topttl{
    text-align: center;
    margin-bottom: 60px;
}
.section_eyesight{
    padding-top: 98px;
    padding-bottom: 100px;
    background: #dbdced url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-eyesight03-pc.png") no-repeat center bottom;
}
.eyesight_graph{
    text-align: center;
    margin-bottom: 50px;
}
.eyesight_ttl{
    margin: 0 auto 48px;
    text-align: center;
}
.eyesight_sub_ttl{
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 63px;
}

.graph_clm{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.section_environment .pc-inner{
    padding-top: 150px;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment01-pc.png") no-repeat right 120px top 50px;
}
.section_environment .txt_wrap_01 p{
	margin-bottom:1em;
}

.environment_ttl{
    text-align: center;
    margin-bottom: 70px;
}
.environment_txt{
    margin-bottom: 68px;
    font-size: 2rem;
    line-height: 1.8;;
}
.environment_change{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 54px;
}
.environment_change .item_01{
    width: 100%;
    min-height: 223px;
    margin-bottom: 99px;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment02-pc.png") no-repeat right 35px top;
}
.environment_change .item_clm .item_ttl{
    margin-bottom: 25px;
}
.environment_change .item_01 .item_clm{
    margin-top: 68px;
}
.environment_change .item_02{
    width: 407px;
    min-height: 193px;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment03-pc.png") no-repeat right bottom 12px;
}
.environment_change .item_03{
    width: 450px;
    min-height: 205px;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment04-pc.png") no-repeat right bottom;
}
.environment_change .item_clm .txt_wrap_01 > ul.txt-02{
    list-style: disc;
    margin-left: 1.2em;
    line-height: 1.6;
    letter-spacing: -0.02em;
}
.environment-btn{
    margin: 20px auto 100px;
    text-align: center;
}
.section_data{
    margin-bottom: 20px;
}
.section_data .btn-04{
    text-align: center;
}
.section_data .btn-04 a{
    display: inline-block;
}
.section_data .slide-clm{
    text-align: center;
	display: block;
	margin-bottom: 80px;
	background-color: transparent;
	padding: 0;
}
.section_data .data_01{
	display: block;
	margin-bottom: 24px;
}
.section_data .data_01 .txt-02{
	text-align: left;
    margin-top: 1em;
}
.section_data .data_02 .txt-02{
	text-align: left;
	margin-top: 1em;
}
.section_data .data_img_01{
	width: 420px;
    display: inline-block;
}

.section_prone{
    background: #dbdced;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 71px;
}
.section_prone .inner{
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-prone02-pc.png") no-repeat right top 108px;
}
.prone_ttl{
    margin: 0 auto 60px;
}
.prone_img{
    margin-bottom: 98px;
    text-align: left;
}
.section_prone .txt-02{
    margin-bottom: 1em;
}
.section_prone .btn-02{
    width: 421px;
}
.section_prone .btn-02 a{
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.2857em;
}
.section_prone .btn-02 .sub_txt{
    font-weight: normal;
}


@media screen and (min-width: 769px) {

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

}
@media screen and (min-width: 769px) {
/*受診(PCのみ)*/
.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;
}
}