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



/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 768px) {

.pc-inner{
    width: 100%;
}
.cnt_vi01{
    height: auto;
}
.section_vi_bg{
    background-color: inherit;
}
.section_glasses{
    padding-top: 8.594vw;
    padding-bottom: 10.156vw;
}
.glasses_clm{
    margin-left: 0;
}
.glasses_ttl{
    margin-bottom: 4.818vw;
}
.glasses_topttl{
    margin: 0 auto 8vw;
    width: 65%;
}
.glasses_note{
    margin: 0 3.385vw 0 0;
    /* text-align: center; */
    font-size: 2.344vw;
}
.glasses_txt{
    width: 90%;
    margin: 3.77vw auto 0;
    font-size: 3.6458vw;
    line-height: 1.8;
}

.section_eyesight{
    padding-top: 11.458vw;
    padding-bottom: 9.276vw;
    background: #dbdced url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-eyesight03-sp.png") no-repeat bottom;
    background-size: contain;
}
.eyesight_ttl{
    width: 83.203vw;
    margin: 0 auto 3.906vw;
}
.eyesight_sub_ttl{
    font-size: 3.646vw;
    margin-bottom: 10.286vw;
}
.eyesight_graph{
    width: 80.078vw;
    margin: 0 auto 2.865vw;
}
.graph_clm{
    display: block;
    margin: 0;
    margin-bottom: 7.813vw;
}
.section_environment{
    padding-top: 15.234vw;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment01-sp.png") no-repeat right top 4.557vw;
    background-size: 40.495vw 34.115vw;
}
.section_environment .pc-inner{
    padding-top: 0;
    background: initial;
}
.environment_ttl{
    width: 54.948vw;
    margin: 0 auto 7vw;
}
.environment_txt{
    margin: 0 auto 8vw;
    font-size: 3.6458vw;
    line-height: 1.8;
    width: 90%;
}
.environment_change{
    display: block;
    margin-bottom: 13.021vw;
}
.environment_change .item_01{
    width: auto;
    min-height: 45.313vw;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment02-sp.png") no-repeat right top 4.688vw;
    background-size: 45.182vw 40.625vw;
    margin-bottom: 12.109vw;
}
.environment_change .item_01 .item_clm{
    margin-top: auto;
    margin-left: 3.255vw;
}
.environment_change .item_01 .item_ttl{
    width: 47.526vw;
    margin-bottom: 4.557vw;
}
.environment_change .item_01 .txt_wrap_01{
    width: 48.177vw;
}
.environment_change .item_02{
    width: auto;
    min-height: 32.161vw;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment03-sp.png") no-repeat left top 5.339vw;
    background-size: 28.646vw 26.823vw;
    margin-bottom: 16.536vw;
}
.environment_change .item_02 .item_clm{
    margin-left: 32.161vw;
}
.environment_change .item_02 .item_ttl{
    width: 62.76vw;
    margin-bottom: 2.865vw;
}
.environment_change .item_02 .txt_wrap_01{
    width: 48.177vw;
}
.environment_change .item_03{
    width: auto;
    min-height: 45.313vw;
    background: url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-environment04-sp.png") no-repeat right top 12.37vw;
    background-size: 42.969vw 25.781vw;
    margin-bottom: 14.063vw;
}
.environment_change .item_03 .item_clm{
    margin-left: 3.255vw;
}
.environment_change .item_03 .item_ttl{
    width: 54.688vw;
    margin-bottom: 2.865vw;
}
.environment_change .item_03 .txt_wrap_01{
    width: 48.177vw;
}
.environment_change .item_clm .txt_wrap_01 > ul.txt-02{
    list-style: disc inside;
    margin-left: 0.7em;
    line-height: 2em;
    letter-spacing: inherit;
}
.environment-btn{
    margin: 5vw auto 6vw;
}
.environment-btn .btn-02 a{
    padding: 2.5vw 9vw 2.5vw 8vw;
}
.environment-btn .btn-02 span{
    display: block;
}
.section_data{
    margin-bottom: 13.021vw;
}
.section_data .btn-04{
    width: 84.635vw;
    margin: 0 auto;
}
.section_data .slide-clm{
	display: none;
    background-color: #eee;
    padding: 11.719vw 0;
	margin-bottom: 0;
}
.section_data .data_img,
.section_data .data_img_01{
    width: 80.078vw;
    margin: 0 auto;
}
.section_data .pc-inner{
	width:90%;
}
.section_data .data_01{
	display: block;
	margin-bottom: 10%;
}
.section_data .data_01 .txt-02{
	width:100%;
}
.section_data .data_img_01{
	margin-bottom: 5%;
}
.section_data .data_02 .txt-02{
	margin-top:5%;
}

.section_prone{
    text-align: left;
    padding-top: 3.385vw;
    padding-bottom: 13.021vw;
    background: #dbdced url("/-/Media/com/learn-more/eyecare2020/myopia/increase/img-prone02-sp.png") no-repeat right top 36.849vw;
    background-size: 41.146vw 82.422vw;
}
.section_prone .inner{
    background: initial;
}
.prone_ttl{
    width: 79.427vw;
    margin: 0 0 5.599vw;
}
.prone_img{
    width: 84.635vw;
    margin-bottom: 8.984vw;
}
.section_prone .txt_wrap_01{
    margin-bottom: 7.813vw;
}
.section_prone .btn-02{
    width: 84.653vw;
    margin-left: 4.042vw;
}
.section_prone .btn-02 a{
    border-radius: 1.953vw;
    font-size: 4.688vw;
    padding-top: 4.078vw;
    padding-bottom: 4.078vw;
}
.section_prone .btn-02 .sub_txt{
    display: block;
    font-weight: bold;
    font-size: 3.646vw;
}





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


}

@media screen and (max-width: 768px) {
/*受診(TABLET、SP)*/
.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;
}
}