@charset "UTF-8";


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



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

.labo_btn{
	 display: flex;
	justify-content: center;
	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:0 20px;
	background: url(../img/labo_arrow.png)no-repeat right 20px center #fff;
}


/*----------------------------------------
	curriculum_wrap
-----------------------------------------*/

.curriculum_wrap{
	margin: 0 auto;
	background: url("../img/top_curriculum_bg.jpg");
	padding: 0 0 10% 0;
}
.curriculum_wrap h3.cl01{
	margin: 0 auto 7% auto;
	padding: 3% 0;
	text-align: center;
	font-weight: 700;
	font-size: 4.0rem;
	color: #fff;
	background:#55cb8a;
}
.curriculum_wrap h3.cl02{
	margin: 0 auto 7% auto;
	padding: 3% 0;
	text-align: center;
	font-weight: 700;
	font-size: 4.0rem;
	color: #fff;
	background:#ffa800;
}

.curriculum_wrap .main{
	display: flex;
	justify-content: space-between;
	margin: 7% 0;
}
.curriculum_wrap .main .pic{
	width: 35%;
}
.curriculum_wrap .main .pic img{
	border-radius: 40px;
}
.curriculum_wrap .main .txt{
	font-size: 2.0rem;
	font-weight: 700;
	width: 60%;
}
.curriculum_wrap .main .txt .cmn_btn_g{
	margin: 20px 0 0 0;
}

.curriculum_wrap .theme{
	background: #fff;
	border:#55cb8a 5px solid;
	padding: 5% 7%;
	border-radius: 40px;
}

.curriculum_wrap .theme.orange{
	border:#ffa800 5px solid;
}
.curriculum_wrap .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%;
	position: relative;
}
.curriculum_wrap .theme.orange dt{
	background: #ffa800;
}
.curriculum_wrap .theme .ico{
	position: absolute;
	left:20px;
	bottom:0;
}
.curriculum_wrap .theme dd span{
	background: #ffe000;
}
.curriculum_wrap .theme li{
	color: #ff8400;
	font-size: 2.0rem;
	font-weight: 700;
}
.curriculum_wrap .theme ul{
	margin-top: 40px;
}

.curriculum_wrap .col01{
	background: #55cb8a;
}
.curriculum_wrap .col02{
	background: #ffa800;
	margin-top: 7%;
}

.curriculum_wrap .jabee{
	background: #fff7c0;
	padding: 5% 7%;
	border-radius: 40px;
	display: flex;
	margin: 7% 0;
}
.curriculum_wrap .jabee .pic{
	width: 160px;
	padding-top: 30px;
}
.curriculum_wrap .jabee .copy{
	flex: 1;
}
.curriculum_wrap .jabee dt{
	font-weight: 700;
	font-size: 2.0rem;
}
.curriculum_wrap .jabee dl:nth-child(1){
	margin-bottom: 3%;
}

.curriculum_wrap .curriculum{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.curriculum_wrap .curriculum_set{
	border-radius: 33px;
	background: #fff;
	border:#ffa800 3px solid;
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.curriculum_wrap .curriculum_set h4{
	border-radius: 30px 30px 0 0;
	text-align: center;
	background: #ffa800;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.7;
	padding: 5%;
}
.curriculum_wrap .curriculum ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5%;
}
.curriculum_wrap .curriculum .sub_ttl{
	background: #ffa800;
	padding: 15px;
	border-radius: 50px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	margin: 5% 5% 0 5%;
}
.curriculum_wrap .curriculum_set li{
	font-weight: 700;
	width: 48%;
}
.curriculum_wrap .curriculum_set p{
	font-weight: 700;
	padding: 5%;
}
.curriculum_wrap .curriculum_set .txt{
	font-weight: normal;
	padding: 0 5%;
}
.curriculum_wrap .curriculum_set .thesis{
	border-radius: 30px;
	text-align: center;
	color: #fff;
	padding: 3%;
	background: #ffa800;
	font-weight: 700;
	font-size: 2.6rem;
	margin: 5%;
}

.curriculum_wrap .curriculum_set.green{
	border:#55cb8a 3px solid;
}
.curriculum_wrap .curriculum_set.green h4{
	background: #55cb8a;
}
.curriculum_wrap .curriculum_set.green .sub_ttl{
	background: #55cb8a;
}


.curriculum_wrap .curriculum_set.blue{
	border:#80deff 3px solid;
}
.curriculum_wrap .curriculum_set.blue h4{
	background: #80deff;
}
.curriculum_wrap .curriculum_set.blue .sub_ttl{
	background: #80deff;
}

.curriculum_wrap .curriculum_set.yellow{
	border:#ffe000 3px solid;
}
.curriculum_wrap .curriculum_set.yellow h4{
	background: #ffe000;
}
.curriculum_wrap .curriculum_set.yellow .sub_ttl{
	background: #ffe000;
}
.curriculum_wrap .curriculum_set h4 small{
	font-size: 1.2rem;
}

/*----------------------------------------
	program
-----------------------------------------*/

.program{
	margin: 0 auto;
	padding:10% 0;
}
.program h3{
	padding:15px 30px;
	border-radius: 50px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	line-height:1;
	border:3px solid #dcdcce;
	margin-bottom: 5%;
	background: #fff;
}
.program p{
	margin-bottom: 5%;
}
.program p em{
	background:#ffe000 ;
}
.program p span{
	color: #ff0000;
}
.program .jabee_note{
	background: #fff8a9;
	padding: 5% 7%;
	border-radius: 40px;
	margin: 7% 0;
}
.program .jabee_note .ttl{
	color: #ff8e26;
	font-size: 1.8rem;
	font-weight: 700;
}
.program .jabee_note dt{
	font-size: 1.8rem;
	font-weight: 700;
}
.program .jabee_note dl{
	margin-top: 3%;
}

.program .program_dt .green{
	background: #55cb8a;
	display: flex;
	border-radius: 30px 30px 0 0;
	border-bottom:1px #d4d4d4 solid ;
}
.program .program_dt .green dd{
	font-weight: 700;
}
.program .program_dt dt{
	padding: 10px 20px;
	border-right:1px #d4d4d4 solid ;
	width:  140px;
	font-weight: 700;
}
.program .program_dt dd{
	padding: 10px 20px;
	flex: 1;
}
.program .program_dt dl{
	background: #fff;
	display: flex;
	border-bottom:1px #d4d4d4 solid ;
}
.program .program_dt dl:last-of-type{
	border-radius: 0 0 30px 30px;
	border-bottom:none ;
}

/*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: 15% auto 0 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 a.last{
	border-bottom: none;
}	

/*----------------------------------------
	curriculum_wrap
-----------------------------------------*/

.curriculum_wrap{
	background-size: 15%;
	padding: 0 0 20% 0;
}
.curriculum_wrap h3.cl01{
	margin: 0 auto 15% auto;
	font-size: 2.4rem;
}
.curriculum_wrap h3.cl02{
	margin: 0 auto 15% auto;
	font-size: 2.4rem;
}

.curriculum_wrap .main{
	display: block;
	margin: 7% 0 20% 0;
}
.curriculum_wrap .main .pic{
	width:auto;
	margin-bottom: 7%;
}
.curriculum_wrap .main .pic img{
	border-radius: 30px;
}
	
.curriculum_wrap .main .txt{
	width:auto;
}
.curriculum_wrap .main .txt .cmn_btn_g{
	margin: 20px auto;
	font-size: 1.3rem;
}
.curriculum_wrap .main .txt p{
	font-size: 1.6rem;
}

.curriculum_wrap .theme{
	border:#55cb8a 3px solid;
	padding: 10% 7%;
	border-radius: 30px;
}

.curriculum_wrap .theme dt{
	margin:0 auto;
	background: #55cb8a;
	padding:15px 30px 50px 30px;
	border-radius: 20px;
	text-align: center;
	font-size: 1.6rem;
	line-height:1.7;
	margin-bottom: 5%;
}
.curriculum_wrap .theme .ico{
	position: absolute;
	left:0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	bottom:0;
	width: 60px;
}
.curriculum_wrap .theme dd{
	line-height: 2.5;
}
.curriculum_wrap .theme li{
	font-size: 1.4rem;
}
.curriculum_wrap .theme ul{
	margin-top: 20px;
}

.curriculum_wrap .col02{
	background: #ffa800;
	margin-top: 15%;
}
.curriculum_wrap .jabee{
	padding: 10% 7%;
	border-radius: 30px;
	display: block;
	margin: 7% 0 15% 0;
}
.curriculum_wrap .jabee .pic{
margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
	width: 70px;
}
	.curriculum_wrap .jabee .pic img{
margin: 0 auto;
	text-align: center;
}
.curriculum_wrap .jabee dt{
	font-size: 1.6rem;
}
.curriculum_wrap .jabee dl:nth-child(1){
	margin-bottom: 3%;
}

.curriculum_wrap .curriculum{
	display: block;
}
.curriculum_wrap .curriculum_set{

	width: auto;
	margin-bottom: 20px;
}
.curriculum_wrap .curriculum_set h4{
	font-size: 1.6rem;
}
.curriculum_wrap .curriculum_set h4 small{
	font-size: 1.2rem;
}

.curriculum_wrap .curriculum_set li{
	font-weight: 700;
	width: 48%;
	font-size: 1.3rem;
}
.curriculum_wrap .curriculum_set p{
	font-weight: 700;
	padding: 5%;
}
.curriculum_wrap .curriculum_set .thesis{
	font-size: 2.0rem;
}


/*----------------------------------------
	program
-----------------------------------------*/

.program{
	margin: 0 auto;
	padding:20% 0;
}
.program h3{

	font-size: 1.6rem;
	margin-bottom: 7%;
}
.program p{
	margin-bottom: 7%;
}

.program .jabee_note{
	padding: 10% 7%;
	border-radius: 30px;
	margin: 7% 0 15% 0;
}
.program .jabee_note .ttl{
	font-size: 1.6rem;
}
.program .jabee_note dt{
	font-size: 1.6rem;
}
.program .jabee_note dl{
	margin-top: 7%;
}

.program .program_dt .green{
	background: #55cb8a;
	display: flex;
	border-radius: 30px 30px 0 0;
	border-bottom:1px #d4d4d4 solid ;
}
.program .program_dt .green dd{
	font-weight: 700;
}
.program .program_dt dt{
	width:  66px;
}

.program .table{
	width: 100%;
 overflow-x: auto!important;
	margin:0 0 0 0;
}	
.program .table .over_in{
	 width: 1100px;
	margin: 20px 0 10px 0;
}
}/*解像度768px以下*/