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

/* ============================
		Reset
 ============================ */



/* ============================
		mainsSection
 ============================ */

.mainsSection .myopiaFigureList {
}

.mainsSection .myopiaFigureList li {
text-align: center;
margin-bottom: 3em;
}

.basicTable.layoutFix th,
.basicTable.layoutFix td {
width: 20%;
}


/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){


	.mainsSection .myopiaFigureList {
	display: flex;
	}

	.mainsSection .myopiaFigureList li {
	width: calc(50% - 30px);
	}
	.mainsSection .myopiaFigureList li:first-child {
	margin-right: 60px;
	}

}



/* for PC */
@media screen and (min-width: 1201px) {

	.mainsSection .myopiaFigureList {
	display: flex;
	}

	.mainsSection .myopiaFigureList li {
	width: calc(50% - 60px);
	}
	.mainsSection .myopiaFigureList li:first-child {
	margin-right: 120px;
	}

}



/* ============================
		leadSection
 ============================ */


.leadSection {
}

.leadSection .leadLayoutList {
margin-top: 1em;
}

.leadSection .leadLayoutList li {
margin-bottom: 2em;
}

.leadSection .leadLayoutList li .illust img {
max-width: 100%;
}


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

	.leadSection .leadLayoutList {
	display: flex;
	flex-wrap: wrap;
	}

	.leadSection .leadLayoutList li {
	width: calc(50% - 20px);
	margin-bottom: 3em;
	}

	.leadSection .leadLayoutList li:nth-child(odd) {
	margin-right: 40px;
	}

	.leadSection .leadLayoutList li .illust {
	text-align: center;
	margin: 0 ;
	}

	.leadSection .leadLayoutList li .illust img {
	width: 400px;
	}

}


.syounikinshi_h3 {
font-size: 2.6rem !important;
font-weight: bold;
color: #4f71be;
line-height: 1.5em;
border-bottom: 4px solid #4f71be;
margin-bottom: 1em;
padding-left: 0.5em;
}







/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}

/* for PCX */
@media screen and (min-width: 1501px) {
}