@charset "UTF-8";


/*----------------------------------------
	wrapper
-----------------------------------------*/



/*----------------------------------------
	labo_btn
-----------------------------------------*/

.labo_btn{
	 display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 7% auto;
}
.labo_btn a{
	display: block;
	width: 32%;
	border-radius: 50px;
	padding: 10px 0;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
}
.labo_btn .labo01{
	background:url("../img/labo_arrow.png")no-repeat right 20px center, url("../img/labo_ico01.png")no-repeat left 20px center #fff;
}
.labo_btn .labo02{
	background:url("../img/labo_arrow.png")no-repeat right 20px center, url("../img/labo_ico02.png")no-repeat left 20px center #fff;
}
.labo_btn .labo03{
	background:url("../img/labo_arrow.png")no-repeat right 20px center, url("../img/labo_ico03.png")no-repeat left 20px center #fff;
}
.labo_btn .labo04{
	background:url("../img/labo_arrow.png")no-repeat right 20px center, url("../img/labo_ico04.png")no-repeat left 20px center #fff;
}
.labo_btn .labo05{
	background:url("../img/labo_arrow.png")no-repeat right 20px center, url("../img/labo_ico05.png")no-repeat left 20px center #fff;
}
.labo_btn .labo06{
	background:url("../img/labo_arrow.png")no-repeat right 20px center, url("../img/labo_ico06.png")no-repeat left 20px center #fff;
}


.labo_cmn_btn .labo01{
	background:url("../img/cmn_arrow.png")no-repeat right 20px center, url("../img/labo_ico01.png")no-repeat left 20px center #fff;
	box-shadow: 3px 3px 0px 1px rgba(177,220,191,1);
}
.labo_cmn_btn .labo02{
	background:url("../img/cmn_arrow.png")no-repeat right 20px center, url("../img/labo_ico02.png")no-repeat left 20px center #fff;
	box-shadow: 3px 3px 0px 1px rgba(231,225,149,1);
}
.labo_cmn_btn .labo03{
	background:url("../img/cmn_arrow.png")no-repeat right 20px center, url("../img/labo_ico03.png")no-repeat left 20px center #fff;
	box-shadow: 3px 3px 0px 1px rgba(177,220,191,1);
}
.labo_cmn_btn .labo04{
	background:url("../img/cmn_arrow.png")no-repeat right 20px center, url("../img/labo_ico04.png")no-repeat left 20px center #fff;
	box-shadow: 3px 3px 0px 1px rgba(231,225,149,1);
}
.labo_cmn_btn .labo05{
	background:url("../img/cmn_arrow.png")no-repeat right 20px center, url("../img/labo_ico05.png")no-repeat left 20px center #fff;
	box-shadow: 3px 3px 0px 1px rgba(177,220,191,1);
}
.labo_cmn_btn .labo06{
	background:url("../img/cmn_arrow.png")no-repeat right 20px center, url("../img/labo_ico06.png")no-repeat left 20px center #fff;
	box-shadow: 3px 3px 0px 1px rgba(231,225,149,1);
}
.labo_cmn_btn a{
	display: block;
	width: 350px;
	border-radius: 50px;
	padding: 15px 0;
	text-align: center;
	font-weight: 700;
	margin: 7% auto 0 auto;
}
/*----------------------------------------
	labo_odd
-----------------------------------------*/

.labo_odd{
	margin: 0 auto;
	background: #c3f3d9;
	padding: 10% 0;
}
.labo_odd h3{
	margin: 0 auto 3% auto;
	padding-bottom: 3%;
	text-align: center;
	font-weight: 700;
	font-size: 4.0rem;
	color: #55cb8a;
	background:url("../img/labo_line01.png") repeat-x bottom center;
}


.labo_odd .copy{
	margin: 0 auto;
	font-weight: 700;
}
.labo_odd .theme{
	display: flex;
	justify-content: space-between;
	margin: 7% 0;
}
.labo_odd .theme .pic{
	width: 30%;
}
.labo_odd .theme dl{
	width: 65%;
}
.labo_odd .theme dt{
	margin:0 auto;
	background: #55cb8a;
	padding:15px 30px;
	border-radius: 50px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	line-height:1;
	color: #fff;
	margin-bottom: 5%;
}
.labo_odd .theme dd{
	font-weight: 700;
}

.labo_odd .cmn_subttl{
	background: #55cb8a;
}
.labo_odd .column{
	padding: 5%;
	background: #fff;
	border-radius: 40px;
	border: #55cb8a 5px solid;
	margin-bottom: 7%;
	
}
.labo_odd .column .ttl{
	margin-bottom: 5%;
	text-align: center;
	
}
.labo_odd .column .inner{
	display: flex;
	justify-content: space-between;
	
}
.labo_odd .column .pic{
	width: 30%;
	
}
.labo_odd .column dl{
	width: 65%;
	
}

.labo_odd .column dt{
	margin:0 auto;
	color: #55cb8a;
	font-size: 2.6rem;
	font-weight: 700;
	margin-bottom: 2%;
}

.teacher{
	display: flex;
	justify-content: space-between;
}
.teacher .teac_set{
	width: 47%;
}
.teacher .teac_set dl{
	display: flex;
	align-items: center;
}
.teacher .teac_set dt{
	margin-right: 20px;
}

.teacher .teac_set dd{
	font-size: 1.2rem;
}
.teacher .teac_set em{
	font-size: 2.0rem;
}
.teacher .teac_set .message{
	background: #fff;
	border-radius: 30px;
	font-weight: 700;
	padding: 5% 10% 7% 10%;
	margin: 7% 0 0 0;
	line-height: 2;
}
.teacher .teac_set p{
	font-size: 2.4rem;
	margin-bottom: 10px;
}
/*----------------------------------------
	labo_even
-----------------------------------------*/

.labo_even{
	margin: 0 auto;
	background: #fff8a9;
	padding: 10% 0;
}
.labo_even h3{
	margin: 0 auto 3% auto;
	padding-bottom: 3%;
	text-align: center;
	font-weight: 700;
	font-size: 4.0rem;
	color: #ffa800;
	background:url("../img/labo_line02.png") repeat-x bottom center;
}
.labo_ico{
	margin: 0 auto;
	text-align: center;
}

.labo_even .copy{
	margin: 0 auto;
	font-weight: 700;
}
.labo_even .theme{
	display: flex;
	justify-content: space-between;
	margin: 7% 0;
}
.labo_even .theme .pic{
	width: 30%;
}
.labo_even .theme dl{
	width: 65%;
}
.labo_even .theme dt{
	margin:0 auto;
	background: #ffa800;
	padding:15px 30px;
	border-radius: 50px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	line-height:1;
	color: #fff;
	margin-bottom: 5%;
}
.labo_even .theme dd{
	font-weight: 700;
}

.labo_even .column{
	padding: 5%;
	background: #fff;
	border-radius: 40px;
	border: #ffa800 5px solid;
	margin-bottom: 7%;
	
}
.labo_even  .column .ttl{
	margin-bottom: 5%;
	text-align: center;
	
}
.labo_even .column .inner{
	display: flex;
	justify-content: space-between;
	
}
.labo_even .column .pic{
	width: 30%;
	
}
.labo_even .column dl{
	width: 65%;
	
}

.labo_even .column dt{
	margin:0 auto;
	color: #ffa800;
	font-size: 2.6rem;
	font-weight: 700;
	margin-bottom: 2%;
}
.labo_even .cmn_subttl{
	background: #ffa800;
	
}


/*media Queries 
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {

/*----------------------------------------
	main_visual
-----------------------------------------*/

.labo_btn a{
	width: 48%;
}
	
}

/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

	
.cmn_ttl .ttl{
	margin:0 auto;
	text-align: center;
	width: 100%!important;
}
/*----------------------------------------
	labo_btn
-----------------------------------------*/

.labo_btn{
	 display: block;
	margin: 7% auto;
}

.labo_btn a{
	width: auto;
	border-radius: 0;
	padding: 13px 0;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0;
	border-bottom: 1px #ddd solid;
}
.labo_btn .labo02,.labo_btn .labo03,.labo_btn .labo04,.labo_btn .labo05,.labo_btn .labo06{
	background-size:  auto, 30px;
}
.labo_btn .labo01{
	background-size:  auto, 20px;
	border-radius:20px 20px 0 0;
}	
.labo_btn .labo06{
	border-bottom: none;
	border-radius: 0 0 20px 20px;
}
	

.labo_cmn_btn a{
	display: block;
	width: 100%;
	margin: 10% auto 0 auto;
}
/*----------------------------------------
	labo_odd
-----------------------------------------*/

.labo_odd{
	padding: 20% 0;
}
.labo_odd h3{
	margin: 0 auto 10% auto;
	padding-bottom: 10%;
	text-align: center;
	font-weight: 700;
	font-size: 2.6rem;
}

.labo_odd .theme{
	display: block;
	margin: 15% 0;
}
.labo_odd .theme .pic{
	width: auto;
	margin-bottom: 7%;
}
.labo_odd .theme dl{
	width: auto;
}
.labo_odd .theme dt{
	font-size: 1.8rem;
	font-weight: 700;
	line-height:1;
	color: #fff;
	margin-bottom: 7%;
}
.labo_odd .theme dd{
	font-weight: 700;
}

.labo_odd .column{
	padding:10% 7%;
	background: #fff;
	border-radius: 30px;
	margin-bottom: 15%;
	
}
.labo_odd .column .ttl{
	margin:0 0 10% 0;
	text-align: center;
	
}
.labo_odd .column .inner{
	display: block;
	
}
.labo_odd .column .pic{
	width: auto;
	
}
.labo_odd .column dl{
	width: auto;
	
}

.labo_odd .column dt{
	font-size: 1.8rem;
	margin:7% 0 5% 0;
}

.teacher{
	display: block;
}
.teacher .teac_set{
	width: auto;
}
.teacher .teac_set dl{
	display: flex;
	align-items: center;
}
.teacher .teac_set dt{
	margin-right: 20px;
	width: 100px;
}

.teacher .teac_set dd{
	font-size: 1.2rem;
}
.teacher .teac_set em{
	font-size: 1.8rem;
}
.teacher .teac_set .message{
	font-size: 1.4rem;
	border-radius: 20px;
	font-weight: 400;
	padding: 5% 10% 7% 10%;
	margin: 7% 0 10% 0;
	line-height: 2;
}
.teacher .teac_set p{
	font-size: 2.0rem;
	margin-bottom: 10px;
	font-weight: 700;
}
/*----------------------------------------
	labo_even
-----------------------------------------*/

.labo_even{
	margin: 0 auto;
	background: #fff8a9;
	padding: 10% 0;
}
.labo_even h3{
	margin: 0 auto 10% auto;
	padding-bottom: 10%;
	text-align: center;
	font-weight: 700;
	font-size: 2.6rem;
}
.labo_ico{
	width: 100px;
}

.labo_even .theme{
	display: block;
	margin: 15% 0;
}
.labo_even .theme .pic{
	width: auto;
	margin-bottom: 7%;
}
.labo_even .theme dl{
	width: auto;
}
.labo_even .theme dt{
	font-size: 1.8rem;
	font-weight: 700;
	line-height:1;
	color: #fff;
	margin-bottom: 7%;
}

.labo_even .column{
	padding:10% 7%;
	background: #fff;
	border-radius: 30px;
	margin-bottom: 15%;
	
}
.labo_even .column .ttl{
	margin:0 0 10% 0;
	text-align: center;
	
}
.labo_even .column .inner{
	display: block;
	
}
.labo_even .column .pic{
	width: auto;
	
}
.labo_even .column dl{
	width: auto;
	
}

.labo_even .column dt{
		font-size: 1.8rem;
	margin:7% 0 5% 0;
}


	
	
}/*解像度768px以下*/