@charset "UTF-8";
/* CSS Document クロセチンページ*/



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


.section_vi_bg {
    background-color: #eff0f7;
}
.cnt_vi01 {
    height: auto;
}
	.list_lnv li a{
		font-size: 4.1667vw;
		text-align: left;
		padding: 3vw 6vw 3vw 4vw;
	}
	.section_lnv_bg a::after{
		top: 0;
		bottom: 0;
		margin: auto;
		width: 4.1667vw;
		height: 4.1667vw;
		margin-left: 4.1667vw;
		position: absolute;
		right: 3vw;
		background-size: 100%;
	}
	.section_lnv_bg{
		margin-bottom: 13vw;
	}
	.myopia_container .ttl{
		margin-bottom: 10vw;
	}
	
	/*section-01*/
	.myopia_container .section-01 .ttl{
		width:54vw;
	}
	.myopia_container .section-01 .cnt-img{
		margin-bottom: 7.8vw;
	}
	.myopia_container .section-01{
		margin-bottom: 13vw;
	}
	
	/*section-02*/
	.myopia_container .section-02{
		padding-top: 13vw;
		padding-bottom: 13vw;
	}
	.myopia_container .section-02 .ttl{
		width: 61vw;
	}
	.myopia_container .section-02 .txt-02{
		margin-bottom:7vw;
	}
	.myopia_container .section-02 .cnt-list{
		display: block;
		padding: 5.2vw 3.9vw;
	}
	.myopia_container .section-02 .cnt-list li{
		width: 100%;
		margin-bottom: 7.8vw;
	}
	.myopia_container .section-02 .cnt-list li:last-child{
		margin-bottom:0;
	}
	.myopia_container .section-02 .cnt-list .sub-wrap{
		display: flex;
		justify-content:space-between;
		align-items: center;
	}
	.myopia_container .section-02 .cnt-list .sub-ttl{
		border-radius: 5vw;
		margin-bottom: 3.9vw;
	}
	.myopia_container .section-02 .cnt-list .sub-txt{
		font-size: 3.6458vw;
		width: 54%;
		margin-left: 3%;
	}
	.myopia_container .section-02 .cnt-list .sub-img{
		width: 43%;
	}
	
	/*section-03*/
	.myopia_container .section-03{
		margin-bottom:0;
		padding-top: 13vw;
	}
	.myopia_container .section-03 .ttl{
		width: 73vw;
		margin-bottom: 6.5104vw;
	}
	
	/*section-04*/
	.myopia_container .section-04{
		padding-top:19.5313vw;
	}
	.myopia_container .section-04 .ttl{
		width: 62.7604vw;
		margin-bottom: 6.5104vw;
	}
	.myopia_container .section-04 .txt-02{
		margin-bottom: 6.5104vw;
	}
	
	/*section-05*/
	.myopia_container .section-05{
		padding-top: 15vw;
		margin-bottom:13vw;
	}
	.myopia_container .section-05 .ttl{
		width:61.8490vw;
	}
	.myopia_container .section-05 .sub-txt-01{
		margin-top:5.2vw;
		margin-bottom: 9.1vw;
		background-size: 100%;
		font-size: 4.6875vw;
		padding: 11.3281vw 7vw 9.7656vw;;
	}
	.section-05 .sec05-btn{
		margin-top: 2em;
	}
	.section-05 .sec05-btn .btn-02 a{
		font-size: 4.1667vw;
		padding-left: 3em;
		padding-right: 3em;
	}
	/*section-06*/
	.myopia_container .section-06{
		background-color: #dbdced;
		padding: 15.6250vw 0 19.5313vw;
	}
	.myopia_container .section-06 .section-06-topttl .ttl{
		width: 80%;
		margin-bottom: 2em;
	}
	.section-06-topttl__txt{
		font-size: 3.646vw;
	}
	.myopia_container .section-06 .cnt-wrap{
		display: block;
		margin-bottom: 6.5104vw;
	}
	.myopia_container .section-06 .cnt-wrap .cnt-img{
		width: 42.9688vw;
		margin: 0 auto 8.2vw;
	}
	.myopia_container .section-06 .list-wrap{
		padding:5.2vw;
	}
	.myopia_container .section-06 .cnt-wrap .txt-02{
		width:100%;
		margin-left: 0;
	}
		
	/*section-06-01*/
	.myopia_container .section-06-01 .ttl{
		width: 52.0833vw;
		margin-bottom: 6.5104vw;
	}
	.myopia_container .section-06-01 .sub-ttl{
		font-size: 4.1667vw;
		padding: 1.5vw 0;
		border-radius: 5vw;
		margin-bottom: -3.5vw;
	}
	.myopia_container .section-06-01 .list-wrap{
		padding: 10vw 5.2vw 30vw;
		background: url(/-/Media/com/learn-more/eyecare2020/myopia/about/img_06.png) no-repeat center bottom #fff;
		background-size: 60.6771vw;
	}
	.myopia_container .section-06-01 .list-wrap .cnt-list-02 li{
		margin-bottom: 5.2083vw;
	}
	.myopia_container .section-06-01 .list-wrap .cnt-list-ttl-01{
		font-size: 7.5vw;
		padding-bottom: 0.05em;
	}
	.myopia_container .section-06-01 .list-wrap .cnt-list-ttl-02{
		width: 42.5781vw;
		margin-top: 6.5104vw;
		margin-bottom: 2.3438vw;
	}
	.myopia_container .section-06-01 .list-wrap .cnt-list-02 .cnt-list-ttl-01,
	.myopia_container .section-06-01 .list-wrap .cnt-list-02 .cnt-txt{
		padding-left:9.3750vw;
	}
	.myopia_container .section-06-01 .list-wrap .cnt-list-02 .cnt-list-ttl-01::before{
		width: 7.0313vw;
    	height: 7.0313vw;
	}
	.myopia_container .section-06-01 .cnt-txt-02{
		margin-top: 7.8125vw;
	}
	
	/*section-06-02*/
	.myopia_container .section-06-02{
		padding-top: 19.5313vw;
	}
	.myopia_container .section-06-02 .ttl{
		width: 72.6563vw;
		margin-bottom: 6.5104vw;
	}
	.myopia_container .section-06-02 .list-wrap{
		padding-bottom: 28vw;
		background: url(/-/Media/com/learn-more/eyecare2020/myopia/about/img_08.png) no-repeat right 6.5104vw bottom #fff;
		background-size: 38.5417vw;
	}
	.myopia_container .section-06-02 .list-wrap .txt-02{
		margin-bottom: 7.8125vw;
		text-align: left;
	}
	.myopia_container .section-06-02 .list-wrap .cnt-list-02{
		width: 100%;
		justify-content: inherit;
	}
	.myopia_container .section-06-02 .list-wrap .cnt-list-02 dt{
		width:26.9063vw;
		margin-right: 3vw;
		margin-bottom: 3.5156vw;
		font-size: 3.6458vw;
	}
	.myopia_container .section-06-02 .list-wrap .cnt-list-02 dd{
		width: auto;
    	font-size: 3.6458vw;
		margin-bottom: 3.5156vw;
	}
	/*section-06-03*/
	.section-06-03{
		padding-top: 19.5313vw;
	}
	.section-06-03_ttl{
		margin-bottom: 6.5104vw;
	}
	.section-06-03 p{
		font-size: 3.6458vw;
	}
	.section-06-03__box{
		display: block;
	}
	.section-06-03_toptxt{
		margin-bottom: 1em;
	}
	.section-06-03__box figure{
		margin-top: 1em;
		text-align: center;
	}
	.section-06-03__box figure img{
		width: auto;
		max-width: 240px;
	}
}
/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 480px) {


}

@media screen and (max-width: 768px) {
/*受診(TABLET、SP)*/
#CLM02 .btn-04 .open{
    margin-bottom: 13vw;
}

#CLM02 .btn-04 .close{
    margin-bottom: 0;
}
.section_clinic {
	border-top:1px solid #dbdced;
	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;
	margin-bottom:0;
}
.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;
}
}