@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* FONTS
font-family: "Bebas Neue", serif;
 */

/* MATERIALS */

html {
	scroll-behavior: smooth;
}

br.sp{
	display:none;
}

a:link{
	color:#0081C8;
	text-decoration:none;
}

a:visited{
	color:#0081C8;
	text-decoration:none;
}

a:hover{
	color:#003C71;
	text-decoration:none;
}

a:active{
	color:#003C71;
	text-decoration:none;
}


a.btn_a{
	display:table;
	padding:15px 15px 17px;
	font-size:15px;
	line-height:1;
	color:#fff;
	background-color:#ee334e;
}

a.btn_b{
	display:table;
	margin:0 0 20px;
	padding:30px;
	text-align:center;
	font-size:15px;
	line-height:1;
	background-color:#f8f5f2;
	border-radius:10px;
}

a.btn_b:hover{
	opacity:0.8;
}


a.btn_b h2{
	margin:0 0 25px;
	font-size:22px;
	line-height:1.2;
	color:#242e35;
}

a.btn_b img{
	width:50%;
	margin:0 0 15px;
}

a.btn_b span{
	display:table;
	margin:0 auto;
	padding:10px 20px 12px;
	border:1px solid #003C71;
	border-radius:20px;
}

a.btn_b p{
	margin:10px 0 0 !important;
	text-align:center !important;
	font-size:13px;
	color:#333;
}

a.btn_c{
	display:table;
	margin:0 0 20px;
	padding:30px;
	text-align:center;
	font-size:16px;
	line-height:1;
	color:#fff;
	border-radius:10px;
	background-color:#ee334e;
}

@media only screen and (max-width:767px){
	br.sp{
		display:block;
	}

	br.pc{
		display:none;
	}

	a.btn_b{
		padding:25px;
		font-size:14px;
	}
	a.btn_b img{
		width:100%;
	}
	a.btn_b h2{
		font-size:18px;
	}

}


/* INTERFACE */


body{
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#242e35;
	font-family:'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

/* HOME */

#home_key_area{
	border-top:10px solid #910048;
}

#home_key_area>div{
	padding:20px 40px;
	border-top:15px solid #ee334e;
	background-color:#e8e8e8;
}

#home_key_area>div>div{
	max-width:1400px;
	margin:0 auto;
}

#home_key_area>div>div img{
	width:100%;
	vertical-align:bottom;
}


@media only screen and (max-width:1100px){
	#home_key_area>div{
		padding:20px 20px;
	}
}

@media only screen and (max-width:767px){
	#home_key_area{
		border-top:8px solid #910048;
	}
	
	#home_key_area>div{
		padding:20px;
		border-top:12px solid #ee334e;
	}
}

#home_pickup_area{
	margin:0 0 80px;
	border-bottom:1px solid #ddd;
}

#home_pickup_area .carousel{
	max-width:1555px;
	margin:0 auto;
	padding:25px 70px;
	position:relative;
}

#home_pickup_area .carousel img{
	width:96%;
	margin:0 2%;
}

#home_pickup_area .carousel img.slide-arrow{
	width:35px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}

#home_pickup_area .carousel img.prev-arrow{
	left:0;
}

#home_pickup_area .carousel img.next-arrow{
	right:0;
}

@media only screen and (max-width:767px){
	#home_pickup_area{
		margin:0 0 40px;
	}
	
	#home_pickup_area .carousel{
		padding:25px 50px;
	}
	
	#home_pickup_area .carousel img.slide-arrow{
		width:30px;
	}
	#home_pickup_area .carousel img.prev-arrow{
		left:5px;
	}
	
	#home_pickup_area .carousel img.next-arrow{
		right:5px;
	}
}

#home_aboutus_area{
	max-width:1200px;
	margin:0 auto 120px;
	padding:80px 40px;
	overflow:hidden;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#home_aboutus_area .video{
	width:40%;
	float:left;
}

#home_aboutus_area .video div{
	width:100%;
	height:0;
	padding:56% 0 0;
	position:relative;
}

#home_aboutus_area .video div video{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#home_aboutus_area .txt{
	width:55%;
	float:right;
}

#home_aboutus_area .txt h2{
	margin:0;
	padding:0 0 30px;
	font-size:28px;
	font-weight:600;
	line-height:1.3;
	border-bottom:2px solid #000;
}

#home_aboutus_area .txt p{
	margin:20px 0 0;
	text-align:justify;
	font-size:16px;
	line-height:1.8;
}

#home_aboutus_area .txt p:last-of-type{
	margin:10px 0 40px;
	line-height:1.2;
}

@media only screen and (max-width:767px){
	#home_aboutus_area{
		margin:0 auto;
		padding:20px 20px 60px;
	}
	
	#home_aboutus_area .video{
		width:100%;
		float:none;
		margin:0 0 30px;
	}
	
	#home_aboutus_area .txt{
		width:100%;
		float:none;
	}
	
	#home_aboutus_area .txt h2{
		padding:0 0 20px;
		font-size:24px;
	}
	
	#home_aboutus_area .txt p{
		font-size:14px;
		line-height:1.6;
	}
	
	#home_aboutus_area .txt p:last-of-type{
		margin:10px 0 40px;
		line-height:1.2;
	}
	
	#home_aboutus_area .txt a{
		margin:0 auto;
	}
}


#home_teachingmaterials_area{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}

#home_teachingmaterials_area>div{
	overflow:hidden;
}

#home_teachingmaterials_area>div>img{
	width:35%;
	margin:0 0 30px 30px;
	border:1px solid #ddd;
	float:right;
}

#home_teachingmaterials_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	line-height:1.2;
}

#home_teachingmaterials_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#home_teachingmaterials_area p{
	margin:0 0 20px;
	text-align:justify;
	font-size:16px;
	line-height:1.8;
}

#home_teachingmaterials_area .box{
	box-sizing:border-box;
	padding:30px;
	border:2px solid #ee334e;
	clear:both;
}

#home_teachingmaterials_area .box p{
	margin:0 2% 30px;
	font-size:15px;
	line-height:1.7;
}

#home_teachingmaterials_area .box h3{
	margin:0 2% 20px;
	font-size:24px;
	line-height:1.2;
	color:#910048;
}

#home_teachingmaterials_area .box h3 span{
	display:inline-block;
	margin:0 5px 0 0;
	padding:4px 8px;
	font-size:14px;
	line-height:1;
	color:#fff;
	background-color:#ee334e;
	position:relative;
	top:-2px;
}

#home_teachingmaterials_area .box>div{
	display:flex;
	flex-wrap:wrap;
}

#home_teachingmaterials_area .box>div a{
	width:46%;
	margin:0 2%;
}

#home_teachingmaterials_area .box>div a img{
	width:100%;
}

@media only screen and (max-width:767px){
	#home_teachingmaterials_area{
		padding:40px 20px;
	}
	
	#home_teachingmaterials_area>div>img{
		width:100%;
		margin:0 0 20px;
		float:none;
	}
	
	#home_teachingmaterials_area h2{
		font-size:24px;
	}
	
	#home_teachingmaterials_area h2 span{
		margin:15px auto 0;
		width:30px;
		height:5px;
	}
	
	#home_teachingmaterials_area p{
		margin:0 0 20px;
		font-size:14px;
		line-height:1.6;
	}
	#home_teachingmaterials_area a.btn_a{
		margin:0 auto 50px;
	}
	
	#home_teachingmaterials_area .box{
		padding:30px 20px 10px;
	}
	
	#home_teachingmaterials_area .box p{
		margin:0 0 30px;
		font-size:14px;
		line-height:1.6;
	}
	
	#home_teachingmaterials_area .box h3{
		margin:0 0 20px;
		font-size:24px;
		line-height:1.2;
	}
	
	#home_teachingmaterials_area .box h3 span{
		font-size:13px;
	}
	
	#home_teachingmaterials_area .box>div a{
		width:100%;
		margin:0 0 20px;
	}
}


#home_banner_area{
	max-width:1220px;
	margin:60px auto 80px;
	padding:0 30px;
	display:flex;
	flex-wrap:wrap;
}

#home_banner_area>article{
	display:flex;
	width:50%;
	box-sizing:border-box;
	padding:0 15px;
}

#home_banner_area>article a{
	background-color:#f2f2f2;
	color:#242e35;
}

#home_banner_area>article a>div{
	padding:30px;
	background-image:url("../img/interface/triangle.png");
	background-repeat:no-repeat;
	background-size:35px;
}

#home_banner_area>article a img{
	width:100%;
	vertical-align:bottom;
}

#home_banner_area>article h2{
	margin:0 0 15px;
	font-size:22px;
	line-height:1;
}

#home_banner_area>article p{
	margin:0;
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

@media only screen and (max-width:767px){
	#home_banner_area{
		margin:30px auto 20px;
		padding:0 20px;
	}
	
	#home_banner_area>article{
		width:100%;
		margin:0 0 25px;
		padding:0;
	}
	
	#home_banner_area>article a>div{
		padding:25px;
	}
	
	#home_banner_area>article h2{
		font-size:20px;
	}
}

#home_ambassador_area{
	padding:50px 40px 80px;
	background-color:#f8f5f2;
}

#home_ambassador_area>div{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#home_ambassador_area .video{
	width:40%;
	float:left;
}

#home_ambassador_area .video div{
	width:100%;
	height:0;
	padding:56% 0 0;
	position:relative;
}

#home_ambassador_area .video div iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#home_ambassador_area .txt{
	width:55%;
	float:right;
}

#home_ambassador_area .txt h2{
	margin:0;
	padding:0 0 30px;
	font-size:30px;
	font-weight:600;
	line-height:1.3;
	border-bottom:2px solid #000;
}

#home_ambassador_area .txt p{
	margin:20px 0;
	text-align:justify;
	font-size:16px;
	line-height:1.8;
}

#home_history_area{
	max-width:800px;
	margin:80px auto;
	padding:0 40px;
}

#home_history_area a img{
	width:100%;
}

#home_note_area{
	max-width:800px;
	margin:50px auto 150px;
	padding:0 40px;
}

#home_note_area h2{
	margin:0;
	font-size:18px;
	line-height:1.2;
}

#home_note_area p{
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

#home_bnr_area{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:20px 40px;
	background-color:#fafafa;
	border-top:2px solid #ee334e;
}

#home_bnr_area div.bnr{
	max-width:400px;
	margin:0 auto;
}

#home_bnr_area div.bnr img{
	width:100%;
	border:1px solid #ccc;
}

#home_bnr_area div.sns{
	margin:0 0 0 auto;
}

#home_bnr_area div.sns img{
	width:35px;
	margin:0 0 0 10px;
}


@media only screen and (max-width:767px){
	#home_ambassador_area{
		padding:30px 20px 100px;
	}
	
	#home_ambassador_area .video{
		width:100%;
		float:none;
		margin:0 0 20px;
	}
	
	#home_ambassador_area .txt{
		width:100%;
		float:none;
	}
	
	#home_ambassador_area .txt h2{
		padding:0 0 20px;
		font-size:24px;
	}
	
	#home_ambassador_area .txt p{
		font-size:14px;
		line-height:1.6;
	}
	
	#home_ambassador_area .txt a{
		margin:0 auto;
	}
	#home_history_area{
		margin:40px auto;
		padding:0 20px;
	}

	#home_note_area{
		margin:40px auto 100px;
		padding:0 20px;
	}

	#home_bnr_area{
		padding:20px 20px;
	}
	
	#home_bnr_area div.bnr{
		max-width:100%;
		margin:0 0 10px;
	}
	
	#home_bnr_area div.sns{
		margin:0 auto;
	}
	
	#home_bnr_area div.sns img{
		margin:0 5px;
	}

}

/* aboutus */

#sub_title_area{
	box-sizing:border-box;
	background-image:url("../img/interface/title_bg-.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	position:relative;
}

#sub_title_area h1{
	max-width:1400px;
	margin:0 auto 60px;
	padding:90px 40px;
	font-size:35px;
	line-height:1.2;
	color:#fff;
}

#sub_title_area h1 span{
	display:block;
	font-size:18px;
}

#sub_title_area p{
	display:inline-block;
	margin:0 0 10px;
	padding:6px 15px 8px;
	font-size:16px;
	color:#910048;
	background-color:#fff;
	border-radius:5px;
}

#sub_title_area img{
	max-width:240px;
	border-radius:50%;
	position:absolute;
	top:20px;
	right:6%;
}

#sub_title_area img.tama{
	width:140px;
	border-radius:0;
	position:absolute;
	top:auto;
	bottom:0;
	right:20%;
}

#sub_title_area.action{
	margin:0 0 50px;
	background-image:none;
	background-color:#00534C;
	border-bottom:6px solid #00A651;
}

#sub_title_area.action h1{
	padding:50px 40px 0;
}

#sub_title_area.know{
	margin:0 0 50px;
	background-image:none;
	background-color:#910048;
	border-bottom:6px solid #EE334E;
}

#sub_title_area.know h1{
	padding:50px 40px 0;
}

#sub_title_area.consider{
	margin:0 0 50px;
	background-image:none;
	background-color:#003C71;
	border-bottom:6px solid #0081C8;
}

#sub_title_area.consider h1{
	padding:50px 40px 0;
}

#aboutus_main_area{
	max-width:1000px;
	margin:0 auto;
	padding:0 40px;
	overflow:hidden;
}

#aboutus_main_area h2{
	margin:0 0 40px;
	font-size:30px;
	line-height:1.3;
	color:#242e35;
}

#aboutus_main_area p{
	width:55%;
	margin:0 0 50px;
	text-align:justify;
	font-size:16px;
	line-height:1.8;
	color:#242e35;
	float:left;
}

#aboutus_main_area .video{
	width:40%;
	float:right;
	margin:0 0 50px;
}

#aboutus_main_area .video div{
	width:100%;
	height:0;
	padding:56% 0 0;
	position:relative;
}

#aboutus_main_area .video div video{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#aboutus_origin_area{
	max-width:1000px;
	margin:0 auto 80px;
	padding:0 40px;
}

#aboutus_origin_area>div{
	padding:30px;
	text-align:center;
	border:1px solid #92969a;
}

#aboutus_origin_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#aboutus_origin_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#aboutus_origin_area p{
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#aboutus_origin_area>div img{
	max-width:300px;
	width:100%;
}

#aboutus_feature_area{
	max-width:1000px;
	margin:0 auto 100px;
	padding:0 40px;
}

#aboutus_feature_area h2{
	margin:0 0 60px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#aboutus_feature_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#aboutus_feature_area h3{
	margin:0 0 40px;
	padding:0 0 20px;
	font-size:24px;
	font-weight:600;
	line-height:1.2;
	color:#910048;
	border-bottom:1px solid #910048;
}

#aboutus_feature_area section{
	margin:0 0 50px;
	overflow:hidden;
}

#aboutus_feature_area section img{
	width:35%;
	float:right;
	margin:0 0 30px 30px;
}

#aboutus_feature_area section p{
	text-align:justify;
	font-size:16px;
	line-height:1.8;
}

@media only screen and (max-width:767px){
	#sub_title_area h1{
		margin:0 auto 40px;
		padding:50px 20px;
		font-size:25px;
	}
	
	#sub_title_area h1 span{
		font-size:15px;
	}

	#sub_title_area p{
		font-size:14px;
	}

	#sub_title_area img{
		max-width:140px;
		top:20px;
		right:10px;
	}
	
	#sub_title_area img.tama{
		width:100px;
		bottom:0;
		right:0;
	}

	#sub_title_area.action{
		margin:0 0 30px;
	}
	
	#sub_title_area.action h1{
		padding:40px 20px 0;
	}
	#sub_title_area.know{
		margin:0 0 30px;
	}
	
	#sub_title_area.know h1{
		padding:40px 20px 0;
	}

	#sub_title_area.consider{
		margin:0 0 30px;
	}
	
	#sub_title_area.consider h1{
		padding:40px 20px 0;
	}


	#aboutus_main_area{
		padding:0 20px;
	}
	
	#aboutus_main_area h2{
		margin:0 0 30px;
		font-size:24px;
	}
	
	#aboutus_main_area p{
		width:100%;
		margin:0 0 30px;
		font-size:14px;
		line-height:1.6;
		float:none;
	}
	
	#aboutus_main_area .video{
		width:100%;
		float:none;
	}
	
	#aboutus_origin_area{
		padding:0 20px;
	}
	
	#aboutus_origin_area>div{
		padding:30px 20px;
	}
	
	#aboutus_origin_area h2{
		margin:0 0 30px;
		font-size:24px;
	}
	
	#aboutus_origin_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#aboutus_feature_area{
		padding:0 20px;
	}
	
	#aboutus_feature_area h2{
		margin:0 0 40px;
		font-size:24px;
	}
	
	#aboutus_feature_area h3{
		margin:0 0 30px;
		font-size:20px;
	}
	
	#aboutus_feature_area section img{
		width:100%;
		margin:0;
		float:none;
	}
	
	#aboutus_feature_area section p{
		font-size:14px;
		line-height:1.6;
	}
}

.faq_contents_area{
	max-width:1000px;
	margin:0 auto 100px;
	padding:0 40px;
}

.faq_contents_area:last-of-type{
	margin:0 auto 200px;
}

.faq_contents_area h2{
	margin:0 0 60px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

.faq_contents_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

.faq_contents_area>article{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #c6c6c6;
}

.faq_contents_area>article:first-of-type{
	border-top:2px solid #555;
}

.faq_contents_area .q{
	padding:0 30px;
}

.faq_contents_area .q span{
	display:block;
	font-family:Verdana,sans-serif;
	font-size:50px;
	font-weight:700;
	line-height:1;
}

.faq_contents_area .txt{
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

.faq_contents_area .txt .title{
	margin:1em 0 2em;
	font-size:16px;
	font-weight:600;
}

@media only screen and (max-width:767px){
	.faq_contents_area{
		margin:0 auto 80px;
		padding:0 20px;
	}
	
	.faq_contents_area:last-of-type{
		margin:0 auto 150px;
	}
	
	.faq_contents_area .q{
		padding:0 20px 0 0;
	}
	.faq_contents_area .txt .title{
		margin:1em 0 1em;
	}
}

.history_contents_area{
	max-width:1200px;
	margin:0 auto;
}

.history_contents_area ul.notes{
	margin:50px 20px 100px;
	padding:0;
	list-style-type:none;
	font-size:14px;
}

.history_contents_area ul.notes li{
	padding:0 0 0 2.5em;
	text-indent:-2.5em;
}

.history_key_area{
	margin:0;
	display:flex;
	justify-content:space-between;
	background-color:#f2ece6;
	position:relative;
}

.history_key_area .pic{
	width:50%;
	order:2;
}

.history_key_area .pic img{
	width:100%;
	vertical-align:bottom;
}

.history_key_area .txt{
	padding:30px;
}

.history_key_area .txt h2{
	margin:0 0 20px;
	font-size:28px;
	font-weight:700;
	line-height:1.2;
}

.history_key_area .txt h2 span{
	display:block;
	margin:0 0 5px;
	font-size:20px;
	font-weight:600;
	color:#910048;
}

.history_key_area .txt p{
	font-size:16px;
}

.history_key_area .txt .title{
	margin:0;
	font-family: "Bebas Neue", serif;
	font-size:40px;
	line-height:1;
	position:absolute;
	bottom:0;
}

.history_key_area .txt .title span{
	display:inline-block;
	margin:0 0 0 8px;
	font-size:120px;
}

.history_timeline{
	padding:0 40px;
}

.timeline_table{
	width:100%;
	border-collapse:collapse;
}

.timeline_table a{
	display:block;
	width:5em;
	margin:1em 0;
	padding:10px 15px 12px;
	font-size:13px;
	line-height:1;
	border:1px solid #0081C8;
}

.timeline_table th{
	padding:30px 30px 30px 0;
	vertical-align:top;
	text-align:right;
	font-family: "Bebas Neue", serif;
	font-size:50px;
	font-weight:300;
	color:#910048;
	border-right:8px solid #910048;
	position:relative;
}

.timeline_table th>img{
	width:30px;
	position:absolute;
	right:-18px;
	top:40px;
}

.timeline_table td{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin:30px 0 0 50px;
	padding:20px 20px;
	font-size:15px;
	background-color:#f7f1eb;
}

.timeline_table tr:last-of-type td{
	margin:30px 0 80px 50px;
}

.timeline_table p.title{
	margin:0 0 0.5em;
	font-size:17px;
	font-weight:500;
}

.timeline_table td>div{
	position:relative;
}

.timeline_table td>div>img{
	width:30px;
	position:absolute;
	left:-45px;
}

.timeline_table td>img{
	width:20%;
	margin:0 0 0 20px;
}

.timeline_table td>video{
	width:20%;
	margin:0 0 0 20px;
}

.timeline_table td.pic_wide>img{
	width:40%;
	margin:0 0 0 20px;
}

.timeline_table td.pic_wide>video{
	width:40%;
	margin:0 0 0 20px;
}

.timeline_table span.c01{
	display:block;
	width:7em;
	margin:0 0 5px;
	padding:5px 10px 7px;
	text-align:center;
	font-size:13px;
	color:#fff;
	background-color:#0480c8;
	border-radius:5px;
}

.timeline_table span.c02{
	display:block;
	width:7em;
	margin:0 0 5px;
	padding:5px 10px 7px;
	text-align:center;
	font-size:13px;
	color:#fff;
	background-color:#00a651;
	border-radius:5px;
}

.timeline_table span.c03{
	display:block;
	width:7em;
	margin:0 0 5px;
	padding:5px 10px 7px;
	text-align:center;
	font-size:13px;
	color:#fff;
	background-color:#ee334e;
	border-radius:5px;
}

@media only screen and (max-width:970px){
	.history_key_area .txt{
		padding:25px;
	}
	.history_key_area .txt p{
		font-size:14px;
	}
	
	.history_key_area .txt .title span{
		font-size:80px;
	}
	
	.history_key_area .txt h2{
		margin:0 0 10px;
		font-size:25px;
	}

	.history_timeline{
		padding:0 20px;
	}
}

@media only screen and (max-width:767px){
	.history_key_area{
		display:block;
	}
	
	.history_key_area .pic{
		width:100%;
	}
	
	.history_key_area .txt{
		padding:20px 20px 0;
	}
	
	.history_key_area .txt .title{
		position:static;
	}
	
	.history_key_area .txt .title span{
		font-size:100px;
	}
	
	.history_timeline{
		padding:0 20px;
	}
	
	.timeline_table th{
		padding:20px 15px 20px 0;
		font-size:22px;
		border-right:5px solid #910048;
	}
	
	.timeline_table th>img{
		width:20px;
		position:absolute;
		right:-12px;
		top:22px;
	}
	
	.timeline_table td{
		display:block;
		margin:20px 0 0 25px;
		padding:20px 20px;
		font-size:14px;
	}
	
	.timeline_table tr:last-of-type td{
		margin:20px 0 50px 25px;
	}
	
	.timeline_table p.title{
		font-size:15px;
	}
	
	.timeline_table td>div{
		width:100%;
		position:relative;
	}
	
	.timeline_table td>div>img{
		width:20px;
		position:absolute;
		left:-35px;
		top:-10px;
	}
	
	.timeline_table td>img{
		width:100%;
		font-size:14px;
		margin:1em 0 0;
	}
	.timeline_table td>video{
		width:100%;
		font-size:14px;
		margin:1em 0 0;
	}
	
	.timeline_table td.pic_wide div{
		width:100%;
	}
	
	.timeline_table td.pic_wide>img{
		width:100%;
		margin:1em 0 0;
	}
	.timeline_table td.pic_wide>video{
		width:100%;
		margin:1em 0 0;
	}
	
	.timeline_table span.c01{
		font-size:12px;
	}
	
	.timeline_table span.c02{
		font-size:12px;
	}
	
	.timeline_table span.c03{
		font-size:12px;
	}
}



/* 教材 */

#teaching_lead_area{
	max-width:1000px;
	margin:0 auto 80px;
	padding:0 40px;
}

#teaching_lead_area p{
	margin:0 0 15px;
	font-size:15px;
	line-height:1.7;
}
#teaching_lead_area>div>img{
	width:25%;
	float:left;
	margin:0 20px 0 0;
}

#teaching_lead_area a:hover{
	text-decoration:underline;
}

#teaching_lead_area .flex{
	display:flex;
	flex-wrap:wrap;
	margin:40px 0;
}

#teaching_lead_area .flex div{
	width:50%;
	box-sizing:border-box;
	padding:0 1px;
}

#teaching_lead_area .flex div a{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	color:#fff;
	background-color:#ee334e;
	background-image:url("../img/interface/ico_next.svg");
	background-repeat:no-repeat;
	background-size:25px;
	background-position:right 20px center;
}

#teaching_lead_area .flex div a:hover{
	background-color:#910048;
}

#teaching_lead_area .flex div a img{
	width:30%;
}

#teaching_lead_area .flex div a h2{
	width:65%;
	margin:0 0 0 5%;
	font-size:22px;
	line-height:1.4;
}

#teaching_lead_area .flex div a h2 span{
	display:block;
	font-size:16px;
}

#teaching_lead_area .news{
	box-sizing:border-box;
	padding:20px;
	border:4px solid #ee334e;
	position:relative;
}

#teaching_lead_area .news h2{
	display:inline-block;
	margin:0;
	padding:5px 10px;
	font-size:24px;
	line-height:1.2;
	color:#fff;
	background-color:#910048;
	position:absolute;
	top:-20px;
	z-index:111111;
}

#teaching_lead_area .news p{
	width:40%;
	box-sizing:border-box;
	margin:20px 0;
	padding:0 20px 0 0;
	font-size:14px;
	line-height:1.6;
	float:left;
}

#teaching_lead_area .news h3{
	margin:0;
	font-size:15px;
	font-weight:500;
	line-height:1.3;
}

#teaching_lead_area .news>div>div{
	display:flex;
	flex-wrap:wrap;
}

#teaching_lead_area .news>div a{
	width:50%;
	box-sizing:border-box;
	padding:0 10px 0 0;
}

#teaching_lead_area .news>div a img{
	width:100%;
	border:1px solid #ddd;
}


#home_teachingmaterials_area .news{
	padding:30px;
	border:3px solid #ee334e;
	position:relative;
	clear:both;
}

#home_teachingmaterials_area .news h2{
	display:inline-block;
	margin:0;
	padding:5px 10px;
	font-size:24px;
	line-height:1.2;
	color:#fff;
	background-color:#910048;
	position:absolute;
	top:-20px;
	z-index:111111;
}

#home_teachingmaterials_area .news p{
	width:40%;
	box-sizing:border-box;
	margin:20px 0;
	padding:0 30px 0 0;
	font-size:14px;
	line-height:1.6;
	float:left;
}

#home_teachingmaterials_area .news h3{
	margin:0;
	font-size:15px;
	font-weight:500;
	line-height:1.3;
}

#home_teachingmaterials_area .news>div>div{
	display:flex;
	flex-wrap:wrap;
}

#home_teachingmaterials_area .news>div a{
	width:50%;
	box-sizing:border-box;
	padding:0 10px 0 0;
}

#home_teachingmaterials_area .news>div a img{
	width:100%;
	border:1px solid #ddd;
}


#teaching_search_area{
	padding:80px 0;
	border-top:1px solid #ccc;
}

#teaching_search_area h2{
	margin:0 20px 60px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	line-height:1.2;
}

#teaching_search_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#teaching_search_area h3{
	margin:0 0 40px;
	padding:0 0 20px;
	font-size:24px;
	font-weight:600;
	line-height:1.2;
	color:#910048;
	border-bottom:1px solid #910048;
}

#teaching_search_area h3 small{
	font-size:14px;
	color:#242e35;
}

#teaching_purpose_area{
	max-width:1200px;
	margin:0 auto 100px;
	padding:0 40px;
}

#teaching_purpose_area>div{
	display:flex;
	flex-wrap:wrap;
}

#teaching_purpose_area>div section{
	display:flex;
	width:33.33333333%;
	box-sizing:border-box;
	padding:0 20px;
	text-align:center;
}

#teaching_purpose_area>div section a{
	display:block;
	padding:25px;
	background-color:#f2f2f2;
	border-radius:10px;
}

#teaching_purpose_area>div section.know a{
	color:#EE334E;
	border:1px solid #EE334E;
}

#teaching_purpose_area>div section.consider a{
	color:#0081C8;
	border:1px solid #0081C8;
}

#teaching_purpose_area>div section.action a{
	color:#00A651;
	border:1px solid #00A651;
}

#teaching_purpose_area>div section img{
	width:100%;
}

#teaching_purpose_area>div section h4{
	margin:0 0 20px;
	font-size:16px;
	font-weight:500;
	line-height:1.4;
}

#teaching_purpose_area>div section h4 em{
	display:block;
	font-style:normal;
	font-size:24px;
}

#teaching_purpose_area>div section a p{
	text-align:justify;
	font-size:13px;
	line-height:1.4;
	color:#242e35;
}

#teaching_subjects_area{
	max-width:1200px;
	margin:0 auto 100px;
	padding:0 40px;
}

#teaching_subjects_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	line-height:1.2;
}

#teaching_subjects_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#teaching_subjects_area>p{
	margin:0 0 40px;
	text-align:justify;
	font-size:15px;
	line-height:1.5;
}

#teaching_subjects_area>div{
	display:flex;
	flex-wrap:wrap;
}

#teaching_subjects_area>div section{
	width:33.3333333%;
	box-sizing:border-box;
	padding:0 20px;
}

#teaching_subjects_area h4{
	margin:0 0 20px;
	font-size:20px;
	font-weight:600;
	line-height:1.2;
	color:#910048;
}

#teaching_subjects_area>div section ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:16px;
}

#teaching_subjects_area>div section ul li{
	padding:0 30px 0 0;
	border-bottom:1px solid #ddd;
	background-image:url("../img/interface/ico_next.svg");
	background-repeat:no-repeat;
	background-size:25px;
	background-position:right center;
}

#teaching_subjects_area>div section ul li a{
	display:block;
	padding:12px 0;
}

#teaching_handbook_area{
	max-width:1000px;
	margin:0 auto 150px;
	padding:0 40px;
}

#teaching_handbook_area>div{
	padding:30px;
	text-align:center;
	border:1px solid #ee334e;
	overflow:hidden;
}

#teaching_handbook_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#teaching_handbook_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#teaching_handbook_area p{
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#teaching_handbook_area a.btn_a{
	margin:0 0 15px;
}

#teaching_handbook_area>div img{
	width:18%;
	float:right;
	margin:0 0 0 20px;
}


@media only screen and (max-width:767px){
	#home_teachingmaterials_area .news h2{
		font-size:20px;
	}
	
	#home_teachingmaterials_area .news p{
		width:100%;
		margin:10px 0 20px;
		padding:0;
		float:none;
	}
	
	#home_teachingmaterials_area .news h3{
		font-size:14px;
	}
	
	#home_teachingmaterials_area .news>div a{
		width:100%;
		padding:0 0 10px;
	}
	
	#home_teachingmaterials_area .news>div a img{
		width:100%;
		border:1px solid #000;
	}

	#teaching_lead_area{
		margin:0 auto 60px;
		padding:0 20px;
	}
	
	#teaching_lead_area .flex{
		margin:30px 0 50px;
	}
	
	#teaching_lead_area .flex div{
		width:100%;
		padding:1px 0;
	}
	
	#teaching_lead_area .flex div a{
		background-position:right 15px center;
	}
	
	#teaching_lead_area .flex div a h2{
		font-size:19px;
		line-height:1.3;
	}
	
	#teaching_lead_area .flex div a h2 span{
		font-size:15px;
	}


	#teaching_lead_area .news h2{
		font-size:20px;
	}
	

	#teaching_lead_area .news p{
		width:100%;
		margin:0 0 20px;
		padding:0;
		float:none;
	}
	
	#teaching_lead_area .news>div a{
		width:100%;
		padding:0 0 10px;
	}

	
	#teaching_search_area{
		padding:50px 0;
	}
	
	#teaching_search_area h2{
		font-size:24px;
	}
	
	#teaching_search_area h3{
		font-size:20px;
	}

	#teaching_purpose_area{
		margin:0 auto 50px;
		padding:0 20px;
	}
	
	#teaching_purpose_area h2{
		font-size:24px;
	}
	
	#teaching_purpose_area>div section{
		width:100%;
		padding:0 0 20px;
	}
	
	#teaching_purpose_area>div section h3{
		font-size:16px;
	}

	#teaching_subjects_area{
		margin:0 auto 50px;
		padding:0 20px;
	}
	
	#teaching_subjects_area h2{
		margin:0 0 30px;
		font-size:24px;
	}
	
	#teaching_subjects_area>p{
		font-size:14px;
		line-height:1.4;
	}
	
	#teaching_subjects_area>div{
		display:flex;
		flex-wrap:wrap;
	}
	
	#teaching_subjects_area>div section{
		width:100%;
		padding:0;
	}
	
	#teaching_subjects_area h3{
		margin:0 0 10px;
		font-size:20px;
	}
	
	#teaching_subjects_area>div section ul{
		margin:0 0 30px;
		padding:0;
		font-size:15px;
	}
	
	#teaching_subjects_area>div section ul li{
		background-size:20px;
	}

	#teaching_handbook_area{
		margin:0 auto 120px;
		padding:0 20px;
	}
	
	#teaching_handbook_area>div{
		padding:25px;
	}
	
	#teaching_handbook_area h2{
		font-size:24px;
	}
	
	#teaching_handbook_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#teaching_handbook_area>div img{
		width:35%;
		margin:0 0 20px 20px;
	}
}

#teaching_lead_area .box{
	padding:30px 30px 10px;
	border:3px solid #ee334e;
}

#teaching_lead_area .box span{
	display:block;
	clear:both;
}

#teaching_lead_area .box h2{
	margin:0 0 20px;
	font-size:24px;
	font-weight:600;
	line-height:1;
	color:#ee334e;
}

#teaching_lead_area .box p{
	margin:0 0 20px;
}

#teaching_lead_area .box .slide{
	width:35%;
	float:right;
	margin:0 0 20px 30px;
}

#teaching_lead_area .box .slide img{
	width:100%;
}

#teaching_lead_area .slide img.slide-arrow{
	width:30px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	z-index:111;
}

#teaching_lead_area .slide img.prev-arrow{
	left:-10px;
	z-index:11111;
}

#teaching_lead_area .slide img.next-arrow{
	right:-10px;
}

#teaching_list_area{
	max-width:1200px;
	margin:0 auto 150px;
	padding:0 40px;
	position:relative;
}

#teaching_list_area img.illust{
	width:150px;
	position:absolute;
	top:0;
	left:20px;
}

#teaching_list_area>a{
	margin:0 auto;
}

#teaching_list_area h2{
	margin:0 0 30px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	line-height:1.2;
}

#teaching_list_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#teaching_list_area p{
	margin:0 0 50px;
	text-align:center;
	font-size:15px;
	line-height:1.7;
}

#teaching_list_area h3{
	margin:0 0 40px;
	padding:0 0 20px;
	font-size:24px;
	font-weight:600;
	line-height:1.2;
	color:#910048;
	border-bottom:1px solid #910048;
}

#teaching_list_area h4{
	margin:0 0 20px;
	font-size:20px;
	font-weight:500;
	line-height:1.2;
}

#teaching_list_area table.matrix{
	width:100%;
	margin:0 0 60px;
	border-collapse:collapse;
	border-left:1px solid #ddd;
}

#teaching_list_area table.matrix thead{
	color:#fff;
	background-color:#910048;
}

#teaching_list_area table.matrix thead td{
	padding:8px;
	text-align:center;
	font-size:13px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#teaching_list_area table.matrix thead tr:last-of-type td{
	padding:10px;
	vertical-align:top;
}

#teaching_list_area table.matrix thead td img{
	width:14px;
}

#teaching_list_area table.matrix tbody th{
	padding:10px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #777;
	border-right:1px solid #ddd;
}

#teaching_list_area table.matrix.high tbody th{
	width:65%;
}

#teaching_list_area table.matrix tbody td{
	padding:10px;
	vertical-align:top;
	font-size:13px;
	border-bottom:1px solid #777;
	border-right:1px solid #ddd;
}

#teaching_list_area table.matrix.animation tbody th{
	background-color:#fcf7f8;
}

#teaching_list_area table.matrix.animation tbody td{
	background-color:#fcf7f8;
}


#teaching_list_area table.matrix tbody th a{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

#teaching_list_area table.matrix tbody th img{
	width:80px;
	border:1px solid #ddd;
	vertical-align:middle;
}

#teaching_list_area table.matrix tbody th p{
	width:calc(100% - 120px);
	margin:0;
	padding:0 0 0 10px;
	text-align:justify;
	font-size:13px;
	font-weight:400;
	line-height:1.5;
	color:#242e35;
}

#teaching_list_area table.matrix tbody th p b{
	display:block;
	font-size:15px;
	color:#ee334e;
}

#teaching_list_area table.matrix tbody tr.purpose td{
	padding:5px 10px;
	text-align:left;
	font-size:14px;
	background-color:#eee;
	border-bottom:1px solid #ddd;
}

#teaching_list_area table.matrix tbody td:first-of-type{
	width:8%;
}

#teaching_list_area table.matrix tbody td:nth-of-type(2) a,
#teaching_list_area table.matrix tbody td.subject a{
	display:inline-block;
	margin:0 5px 5px 0;
	padding:4px 8px;
	color:#fff;
	background-color:#003C71;
	border-radius:3px;
}

#teaching_list_area table.matrix .know{
	color:#EE334E;
}

#teaching_list_area table.matrix .consider{
	color:#0081C8;
}

#teaching_list_area table.matrix .action{
	color:#00A651;
}


#teaching_flowchart_area{
	max-width:1200px;
	margin:0 auto 100px;
	padding:0 40px;
}

#teaching_flowchart_area h2{
	margin:0 0 30px;
	font-size:24px;
	font-weight:600;
	line-height:1.2;
}

#teaching_flowchart_area p{
	margin:0 0 30px;
	font-size:14px;
	line-height:1.4;
}

#teaching_flowchart_area img{
	width:100%;
	margin:0 0 30px;
}

#teaching_flowchart_area a.btn_a{
	margin:0 auto;
}

#teaching_comment_area{
	max-width:1000px;
	margin:0 auto 40px;
	padding:0 40px;
}

#teaching_comment_area h2{
	margin:60px 0 20px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#teaching_comment_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#teaching_comment_area section{
	padding:30px 0 20px;
	border-bottom:1px solid #910048;
	overflow:hidden;
}

#teaching_comment_area section:last-of-type{
	border-bottom:none;
}

#teaching_comment_area section .flex{
	display:flex;
	flex-wrap:wrap;
}

#teaching_comment_area section .flex div{
	width:25%;
	box-sizing:border-box;
	padding:0 2px;
}

#teaching_comment_area section .flex div img{
	width:100%;
}

#teaching_comment_area p.lead{
	margin:0 0 20px;
	text-align:center;
}

#teaching_comment_area section>img{
	width:35%;
	margin:0 0 20px 30px;
	float:right;
	border:1px solid #ddd;
}

#teaching_comment_area section>a>img{
	width:35%;
	margin:0 0 20px 30px;
	float:right;
	border:1px solid #ddd;
}

#teaching_comment_area section>figure{
	width:35%;
	margin:0 0 20px 30px;
	float:right;
}

#teaching_comment_area section>figure figcaption{
	font-size:12px;
	color:#555;
}

#teaching_comment_area section>figure img{
	width:100%;
	border:1px solid #ddd;
}

#teaching_comment_area h3{
	margin:0 0 20px;
	font-size:20px;
	font-weight:600;
	line-height:1.2;
	color:#910048;
}

#teaching_comment_area p{
	margin:0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#teaching_comment_area .slide{
	width:30%;
	float:right;
	margin:0 0 20px 20px;
	position:relative;
}

#teaching_comment_area .slide img{
	width:100%;
}

#teaching_comment_area .slide img.slide-arrow{
	width:30px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	z-index:111;
}

#teaching_comment_area .slide img.prev-arrow{
	left:-10px;
	z-index:11111;
}

#teaching_comment_area .slide img.next-arrow{
	right:-10px;
	z-index:11111;
}

@media only screen and (max-width:767px){
	#teaching_lead_area .box .slide{
		width:100%;
		float:none;
		margin:0 0 20px;
	}
	
	#teaching_list_area{
		margin:0 auto 80px;
		padding:0 20px;
	}
	
	#teaching_list_area img.illust{
		width:100px;
		top:20px;
		left:20px;
	}

	#teaching_list_area h2{
		font-size:24px;
	}
	
	#teaching_list_area p{
		text-align:justify;
		font-size:14px;
		line-height:1.6;
	}

	#teaching_list_area h3{
		margin:0 0 20px;
		padding:0 0 10px;
		font-size:20px;
	}
	
	#teaching_list_area h4{
		margin:0 0 15px;
		font-size:16px;
	}

	#teaching_list_area table.matrix thead td{
		padding:5px;
		font-size:12px;
	}
	
	#teaching_list_area table.matrix thead td img{
		width:12px;
	}
	
	#teaching_list_area table.matrix thead td span{
		display:none;
	}
	
	#teaching_list_area table.matrix thead tr:last-of-type td{
		padding:8px 5px;
	}
	
	#teaching_list_area table.matrix tbody th{
		padding:8px;
		font-size:14px;
		line-height:1.4;
	}
	
	#teaching_list_area table.matrix.high tbody th{
		width:55%;
	}

	#teaching_list_area table.matrix tbody td{
		padding:8px 5px;
		font-size:12px;
	}
	
	#teaching_list_area table.matrix tbody td:first-of-type{
		width:10%;
	}

	#teaching_list_area table.matrix tbody td img{
		width:12px;
	}
	
	#teaching_list_area table.matrix tbody tr.purpose td{
		padding:5px 8px;
		font-size:13px;
	}
	
	#teaching_list_area table.matrix tbody th img{
		width:60px;
	}
	
	#teaching_list_area table.matrix tbody th p{
		width:calc(100% - 70px);
		box-sizing:border-box;
		font-size:12px;
		line-height:1.4;
	}
	
	#teaching_list_area table.matrix tbody th p b{
		font-size:14px;
	}

	#teaching_list_area table.matrix tbody td:nth-of-type(2) a,
	#teaching_list_area table.matrix tbody td.subject a{
		margin:0 4px 4px 0;
		padding:3px 4px 4px;
		font-size:11px;
		line-height:1.2;
	}

	#teaching_comment_area{
		padding:0 20px;
	}
	
	#teaching_comment_area h2{
		margin:60px 0 20px;
		font-size:24px;
	}
	
	#teaching_comment_area section{
		padding:20px 0 20px;
	}
	
	#teaching_comment_area section>figure{
		width:100%;
		float:none;
		margin:0 0 15px;
	}

	#teaching_comment_area section>img{
		width:100%;
		float:none;
		margin:0 0 15px;
	}
	#teaching_comment_area section a img{
		width:100%;
		float:none;
		margin:0 0 15px;
	}
	
	#teaching_comment_area h3{
		font-size:18px;
	}
	
	#teaching_comment_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#teaching_flowchart_area{
		margin:0 auto 80px;
		padding:0 20px;
	}
	
	#teaching_flowchart_area h2{
		font-size:20px;
	}
	
	#teaching_flowchart_area img{
		display:none;
	}

}

#teaching_unit_area{
	max-width:1000px;
	margin:0 auto 150px;
	padding:0 40px;
}

#teaching_unit_area a.btn_a{
	margin:0 auto 15px;
}

#teaching_unit_area>div{
	margin:0 0 80px;
	overflow:hidden;
}

#teaching_unit_area p{
	margin:25px 0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#teaching_unit_area ul{
	margin:25px 0;
	padding:0 0 0 25px;
	font-size:15px;
}

#teaching_unit_area>div>img{
	width:40%;
	float:left;
	border:1px solid #242e35;
}

#teaching_unit_area p.links{
	width:55%;
	float:right;
	margin:0 0 15px;
}

#teaching_unit_area p.links a:hover{
	text-decoration:underline;
}

#teaching_unit_area .box{
	margin:40px 0 0;
	padding:20px;
	background-color:#fafafa;
	border:1px solid #ddd;
}

#teaching_unit_area .box h2{
	margin:0 0 10px;
	font-size:18px;
}

#teaching_unit_area .box p{
	margin:0;
	text-align:justify;
	font-size:14px;
}

#teaching_unit_area .notes h2{
	margin:40px 0 0;
	font-size:20px;
	font-weight:600;
	color:#910048;
}

#teaching_unit_area .notes img{
	width:45%;
	margin:0 0 20px 30px;
	float:right;
	box-sizing:border-box;
	border:1px solid #ddd;
}

#teaching_unit_area #teaching_comment_area{
	padding:0;
}

#teaching_unit_area .video{
	width:55%;
	float:right;
}

#teaching_unit_area .video figure{
	margin:30px 0;
}

#teaching_unit_area .video figure video{
	width:100%;
	border:1px solid #ccc;
	box-sizing:border-box;
}

#teaching_unit_area .video figure figcaption{
	font-size:14px;
	color:#555;
}

@media only screen and (max-width:767px){
	#teaching_unit_area{
		padding:0 20px;
	}
	
	#teaching_unit_area>div{
		margin:0 0 50px;
	}
	
	#teaching_unit_area p{
		margin:0 0 25px;
		font-size:14px;
		line-height:1.6;
	}
		
	#teaching_unit_area ul{
		margin:0 0 25px;
		font-size:14px;
	}

	#teaching_unit_area>div>img{
		width:100%;
		float:none;
		margin:0 0 15px;
		box-sizing:border-box;
	}
	
	#teaching_unit_area p.links{
		width:100%;
		float:none;
		margin:0;
	}
	#teaching_unit_area .video{
		width:100%;
		float:none;
	}
	#teaching_unit_area .notes{
		margin:30px 0 0;
	}
	
	#teaching_unit_area .notes h2{
		margin:20px 0 15px;
		font-size:18px;
	}
	
	#teaching_unit_area .notes img{
		width:100%;
		margin:0;
		float:none;
	}

}

#case_special_area{
	margin:60px 0 0;
	padding:40px;
	background-color:#fcfaf7;
	border-radius:20px;
}

#case_special_area p.title{
	margin:0;
	text-align:center;
	font-family:serif;
	font-size:25px;
	font-weight:300;
	color:#EE334E;
}

#case_index_area{
	max-width:1200px;
	margin:0 auto 150px;
	padding:0 40px;
}

#case_index_area h2{
	margin:60px 0 50px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#case_index_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#case_index_area a.btn_a{
	margin:0 auto;
}

#case_index_area>p{
	margin:25px 0 0;
	text-align:center;
	font-size:15px;
	line-height:1.7;
}

#case_index_area p.lead{
	max-width:900px;
	margin:0 auto 40px;
	text-align:justify;
	font-size:14px;
	line-height:1.6;
}

#case_index_area .case_list_area{
	width:calc(100% + 40px);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	position:relative;
	left:-20px;
}

#case_index_area .case_list_area.center{
	justify-content:center;
}

#case_index_area .case_list_area>div{
	width:33.3333333%;
	box-sizing:border-box;
	margin:0 0 30px;
	padding:0 20px;
	position:relative;
}

#case_index_area .case_list_area>div>span{
	padding:4px 8px 6px;
	font-size:14px;
	color:#fff;
	background-color:#ee334e;
	position:absolute;
	top:-10px;
	left:15px;
}

#case_index_area .case_list_area>div img{
	width:100%;
}

#case_index_area .case_list_area>div .video{
	width:100%;
	height:0;
	padding:56% 0 0;
	position:relative;
}

#case_index_area .case_list_area>div .video iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


#case_index_area .case_list_area h3{
	margin:5px 0;
	font-size:18px;
	line-height:1.2;
}

#case_index_area .case_list_area p{
	margin:0;
	font-size:15px;
	line-height:1.5;
}

#case_post_area{
	max-width:800px;
	margin:80px auto 0;
	padding:30px;
	border:6px solid #eee;
}

#case_post_area h2{
	margin:0;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#case_post_area p{
	margin:15px 0 30px;
	text-align:center;
	font-size:14px;
	line-height:1.4;
}

@media only screen and (max-width:767px){
	#case_special_area{
		margin:40px 0 0;
		padding:40px 20px;
	}
	
	#case_special_area p.title{
		font-size:22px;
	}

	#case_index_area{
		margin:0 auto 150px;
		padding:0 20px;
	}
	
	#case_index_area h2{
		margin:50px 0 30px;
		font-size:24px;
	}
	
	#case_index_area>p{
		text-align:justify;
		font-size:14px;
		line-height:1.6;
	}
	
	#case_index_area .case_list_area{
		width:100%;
		left:0;
	}
	
	#case_index_area .case_list_area>div{
		width:100%;
		margin:0 0 30px;
		padding:0;
	}
	
	#case_index_area .case_list_area>div>span{
		left:-5px;
	}

	#case_post_area{
		margin:50px auto 0;
	}
	
	#case_post_area h2{
		font-size:24px;
	}
	
	#case_post_area p{
		text-align:justify;
	}
}

#casestudy_contents_area{
	max-width:1200px;
	margin:0 auto 150px;
	padding:0 40px;
}

#casestudy_contents_area a.btn_a{
	margin:0 auto;
}

#casestudy_contents_area>p{
	margin:20px 0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#casestudy_contents_area>p b{
	display:inline-block;
	margin:0 0 5px;
	font-size:18px;
	color:#910048;
}

#casestudy_contents_area>img{
	width:100%;
}

#casestudy_contents_area .anchorlink{
	margin:50px 0 20px;
	padding:20px;
	border-top:1px solid #003C71;
	border-bottom:1px solid #003C71;
}

#casestudy_contents_area .anchorlink ul{
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	justify-content:center;
	font-size:15px;
}

#casestudy_contents_area .anchorlink ul li{
	padding:0 40px 0 20px;
	background-image:url("../img/interface/ico_arrow_down_blue.svg");
	background-repeat:no-repeat;
	background-size:15px;
	background-position:left center;
}

#case_overview{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-top:1px dotted #ccc;
}

#case_overview th{
	padding:10px 15px;
	font-size:14px;
	background-color:#fafafa;
	border-bottom:1px dotted #ccc;
	white-space:nowrap;
}

#case_overview td{
	padding:10px 15px;
	font-size:14px;
	border-bottom:1px dotted #ddd;
}

#casestudy_contents_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#casestudy_contents_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#casestudy_contents_area h2.step span{
	width:auto;
	height:auto;
	display:table;
	margin:0 auto 5px;
	padding:5px 20px;
	font-family: "Bebas Neue", serif;
	font-size:24px;
	font-weight:500;
	color:#fff;
	border-radius:20px;
}

#casestudy_contents_area h3{
	margin:40px 0 20px;
	padding:0 0 20px;
	font-size:20px;
	line-height:1.2;
	color:#910048;
	border-bottom:1px solid #910048;
}

#casestudy_contents_area h4{
	margin:40px 0 15px;
	font-size:18px;
	font-weight:600;
	line-height:1.2;
	color:#003C71;
}

#casestudy_contents_area section p{
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#casestudy_contents_area section ul{
	margin:0 0 20px;
	padding:0 0 0 25px;
	font-size:15px;
	line-height:1.7;
}

#casestudy_contents_area section ul li{
	margin:0 0 5px;
}

#casestudy_contents_area section{
	padding:50px 0;
}

#casestudy_contents_area section>div{
	margin:0 0 50px;
}

#casestudy_contents_area .articles{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
	with:calc(100% + 20px);
	position:relative;
	left:-10px;
}

#casestudy_contents_area .articles a{
	width:33.3333333%;
	box-sizing:border-box;
	padding:0 10px 10px;
	font-size:14px;
}

#casestudy_contents_area .articles.two a{
	width:50%;
}

#casestudy_contents_area .articles.four a{
	width:25%;
}

#casestudy_contents_area .articles a img{
	width:100%;
}

#casestudy_contents_area .articles{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
	with:calc(100% + 20px);
	position:relative;
	left:-10px;
}

#news_detail_area .articles{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
	with:calc(100% + 20px);
	position:relative;
	left:-10px;
}

#news_detail_area .articles a{
	width:33.3333333%;
	box-sizing:border-box;
	padding:0 10px 10px;
}

#news_detail_area .articles.two a{
	width:50%;
}

#news_detail_area .articles.three a{
	width:33.333333333%;
}

#news_detail_area .articles.four a{
	width:25%;
}

#news_detail_area .articles a img{
	width:100%;
}

#casestudy_flow .videos{
	display:flex;
	flex-wrap:wrap;
}

#casestudy_flow .videos a{
	width:33.3333333%;
	font-size:14px;
}

#casestudy_flow .videos a img{
	width:100%;
}

.casestudy_flow .pics{
	display:flex;
}

.casestudy_flow .pics figure{
	padding:0 5px;
}

.casestudy_interview .pics{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.casestudy_interview .pics figure{
	width:50%;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
}

.casestudy_interview .pics figure img{
	width:100%;
}

.casestudy_interview p.caption{
	margin:0 0 40px;
}

@media only screen and (max-width:767px){
.casestudy_interview .pics figure{
	width:100%;
	padding:0 0 2px;
}


}

#casestudy_flow>div{
	padding:0 0 50px;
	background-image:url("../img/interface/ico_arrow_down.svg");
	background-repeat:no-repeat;
	background-size:50px;
	background-position:bottom center;
}

#casestudy_flow>div:last-of-type{
	padding:0;
	background-image:none;
}

#casestudy_flow .flow_table{
	width:100%;
	border-collapse:collapse;
	border-top:1px dotted #003C71;
}

#casestudy_flow .flow_table th{
	width:5%;
	padding:15px;
	font-size:20px;
	color:#fff;
	background-color:#003C71;
	border-bottom:1px dotted #fff;
	white-space:nowrap;
}

#casestudy_flow .flow_table th:nth-of-type(2){
	width:2%;
	color:#003C71;
	background-color:transparent;
	border-bottom:1px dotted #003C71;
	white-space:normal;
}

#casestudy_flow .flow_table td{
	padding:15px 0 15px 15px;
	font-size:15px;
	border-bottom:1px dotted #003C71;
}

#casestudy_flow .flow_table tr td:last-child{
	width:40%;
}

#casestudy_flow .flow_table .point th{
	background-color:#ee334e;
}

#casestudy_flow .flow_table .point td{
	padding:20px;
	background-color:#fcf5f6;
}

#casestudy_flow .flow_table td.border{
	border-bottom:none;
}

#casestudy_flow .flow_table h3{
	padding:0;
	font-size:18px;
	border-bottom:none;
}

#casestudy_flow .flow_table p{
	
}

#casestudy_flow .flow_table p.small{
	font-size:14px;
	font-weight:500;
	color:#910048;
}

#casestudy_flow .flow_table td figure{
	margin:0 0 20px;
}

#casestudy_flow .flow_table td figure figcaption{
	font-size:14px;
}

#casestudy_flow .flow_table td video{
	width:100%;
}

#casestudy_flow .flow_table td video.line{
	border:1px solid #ccc;
}

#casestudy_flow .flow_table td img{
	width:100%;
}

#casestudy_flow .flow_table img.line{
	border:1px solid #ccc;
}

#casestudy_flow .flow_table ul{
	margin:0 0 20px;
	padding:0 0 0 25px;
}

#casestudy_flow .flow_table ul li{
	margin:5px 0;
}

#casestudy_interview>div{
	overflow:hidden;
}

#casestudy_interview .video{
	width:40%;
	float:right;
	margin:0 0 30px 30px;
}

#casestudy_interview .video video{
	width:100%;
}

#casestudy_interview .pic{
	width:30%;
	float:right;
	margin:0 0 30px 30px;
}

#casestudy_interview .pic img{
	width:100%;
}

.casestudy_interview>div{
	overflow:hidden;
}

.casestudy_interview .pic{
	width:40%;
	float:right;
	margin:0 0 30px 30px;
}

.casestudy_interview .pic img{
	width:100%;
}

@media only screen and (max-width:767px){
	#casestudy_contents_area h4{
		margin:30px 0 15px;
		font-size:17px;
	}

	#casestudy_contents_area section ul{
		font-size:14px;
		line-height:1.6;
	}

	#casestudy_flow .pics{
		flex-wrap:wrap;
	}
	
	#casestudy_flow .pics figure{
		width:50%;
		box-sizing:border-box;
	}
	.casestudy_interview .pic{
		width:100%;
		float:none;
		margin:0 0 20px;
	}
}

#casestudy_interview .videos a{
	font-size:14px;
}

#casestudy_interview .videos a img{
	width:100%;
}

#casestudy_interview .flex{
	display:flex;
	flex-wrap:wrap;
	margin:30px 0;
}

#casestudy_interview .flex div{
	width:33.3333333%;
	box-sizing:border-box;
	padding:0 2px;
}

#casestudy_interview .flex img{
	width:100%;
}

#casestudy_contents_area section .voice{
	margin:0 0 20px;
	padding:20px 30px 30px;
	background-image:url("../img/interface/ico_comment.png");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:bottom right 10px;
	background-color:#f8f5f2;
	border-radius:20px;
}



@media only screen and (max-width:767px){
	#casestudy_contents_area{
		margin:0 auto 120px;
		padding:0 20px;
	}
	
	#casestudy_contents_area>p{
		font-size:14px;
		line-height:1.6;
	}
		
	#casestudy_contents_area .anchorlink{
		padding:15px;
	}
	#casestudy_contents_area .anchorlink ul{
		display:block;
	}
	
	#casestudy_contents_area .anchorlink ul li{
		padding:5px 20px 5px 20px;
	}

	#case_overview th{
		font-size:13px;
	}
	
	#casestudy_contents_area h2{
		font-size:24px;
	}
	
	#casestudy_contents_area h3{
		font-size:18px;
		line-height:1.3;
	}
	
	#casestudy_contents_area section p{
		font-size:14px;
		line-height:1.6;
	}
	#casestudy_contents_area section p b{
		display:block;
	}
	
	#casestudy_contents_area section{
		
	}
	
	#casestudy_contents_area section>div{
		margin:0 0 30px;
	}
	
	#casestudy_flow .videos a{
		width:100%;
	}
	
	#casestudy_flow>div{
		padding:0 0 30px;
		background-size:40px;
	}
	
	#casestudy_interview .videos{
		width:100%;
		float:none;
		margin:0 0 20px;
	}
	#casestudy_interview .video{
		width:100%;
		float:none;
		margin:0;
	}

	#casestudy_interview .flex{
		margin:20px 0;
	}
	
	#casestudy_interview .flex div{
		width:100%;
		padding:0 0 10px;
	}

	#casestudy_flow .flow_table{
		border-top:none;
	}
	
	#casestudy_flow .flow_table th{
		display:block;
		width:auto;
		padding:10px 0 12px;
		font-size:17px;
		border-bottom:none;
	}
	
	#casestudy_flow .flow_table th:nth-of-type(2){
		width:auto;
		padding:0;
		border-bottom:none;
	}

	#casestudy_flow .flow_table td{
		display:block;
		padding:15px 0;
		font-size:14px;
		border-bottom:none;
	}
	
	#casestudy_flow .flow_table tr td:last-child{
		width:auto;
	}
	
	#casestudy_interview .pic{
		width:40%;
		float:right;
		margin:0 0 20px 20px;
	}
	
	#casestudy_contents_area .articles{
		left:0;
	}
	
	#casestudy_contents_area .articles a{
		width:100%;
		padding:0 0 10px;
	}
	
	#casestudy_contents_area .articles.two a{
		width:100%;
	}
	
	#casestudy_contents_area .articles.four a{
		width:100%;
	}

	#casestudy_contents_area .articles a img{
		width:100%;
	}
	
#news_detail_area .articles{
	width:100%;
	left:0;
}

#news_detail_area .articles a{
	padding:0 0 10px;
}

#news_detail_area .articles.two a{
	width:100%;
}

}


#training_contents_area{
	max-width:1000px;
	margin:0 auto 150px;
	padding:0 40px;
}

#training_contents_area>p{
	margin:0 0 20px;
	text-align:center;
	font-size:15px;
	line-height:1.7;
}

#training_contents_area h2{
	margin:0 0 50px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#training_contents_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#training_contents_area h3{
	margin:40px 0 20px;
	font-size:20px;
	line-height:1.2;
	color:#910048;
}

#training_overview_area{
	margin:80px 0 80px;
	overflow:hidden;
}

#training_contents_area a.btn_c{
	margin:0 auto;
}

#training_overview_area>img{
	width:40%;
	float:right;
	margin:0 0 30px 30px;
}

#training_overview_area p{
	margin:0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#training_overview_area ul{
	margin:0;
	padding:0 0 0 25px;
	font-size:15px;
	line-height:1.7;
}

#training_overview_area ul.note{
	margin:0 0 20px;
	padding:0;
	font-size:13px;
	list-style-type:none;
}

#training_overview_area table#overview{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-top:1px dotted #ccc;
}

#training_overview_area table#overview th{
	padding:10px 15px;
	font-size:14px;
	background-color:#fafafa;
	border-bottom:1px dotted #ccc;
	white-space:nowrap;
}

#training_overview_area table#overview td{
	padding:10px 15px;
	font-size:14px;
	border-bottom:1px dotted #ddd;
}

#training_overview_area div.flex{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 20px);
	position:relative;
	left:-10px;
}

#training_overview_area div.flex figure{
	width:50%;
	box-sizing:border-box;
	margin:30px 0;
	padding:0 10px;
}

#training_overview_area div.flex figure img{
	width:100%;
}

#training_overview_area div.flex figure figcaption{
	font-size:13px;
	color:#555;
}

#training_overview_area div.flex figure img.border{
	border:1px solid #ddd;
	box-sizing:border-box;
}

#training_overview_area .frame{
	margin:50px 0 0;
	padding:0 30px;
	border:2px solid #eee;
}

.training_voice_area{
	max-width:700px;
	margin:0 auto 80px;
}

.training_voice_area>div{
	margin:0 0 30px;
	padding:30px 30px 60px;
}

.training_voice_area>div p{
	margin:0;
	text-align:justify;
	font-size:15px;
}

.training_voice_area.voice>div{
	background-image:url("../img/interface/ico_person.png");
	background-repeat:no-repeat;
	background-size:70px;
	background-position:bottom left;
	background-color:#f8f5f2;
	border-radius:20px;
}

.training_voice_area.voice>div:nth-of-type(even){
	background-position:bottom right;
}

.training_voice_area.comment>div{
	background-image:url("../img/interface/ico_comment.png");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:bottom left 10px;
	background-color:#f8f5f2;
	border-radius:20px;
}

.training_voice_area.comment>div:nth-of-type(even){
	background-position:bottom right 10px;
}

@media only screen and (max-width:767px){
	#training_contents_area{
		margin:0 auto 150px;
		padding:0 20px;
	}
	
	#training_contents_area>p{
		font-size:14px;
		line-height:1.6;
	}
	
	#training_contents_area h2{
		margin:0 0 40px;
		font-size:24px;
	}
	
	#training_contents_area h3{
		font-size:18px;
	}
	
	#training_overview_area{
		margin:60px 0;
	}
	
	#training_overview_area>img{
		width:100%;
		float:none;
		margin:0 0 30px;
	}
	
	#training_overview_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#training_overview_area ul{
		font-size:14px;
		line-height:1.6;
	}
	
	#training_overview_area table#overview{
		width:100%;
		margin:0 0 20px;
		border-collapse:collapse;
		border-top:1px dotted #ccc;
	}
	
	#training_overview_area table#overview th{
		padding:10px 10px;
		font-size:13px;
	}
	
	#training_overview_area table#overview td{
		padding:10px 10px;
	}
	
	#training_overview_area div.flex{
		width:100%;
		left:0;
	}
	
	#training_overview_area div.flex figure{
		width:100%;
		margin:0 0 20px;
		padding:0;
	}
	
	.training_voice_area>div{
		margin:0 0 20px;
		padding:20px 20px 50px;
	}
	
	.training_voice_area>div p{
		font-size:14px;
	}
	
	.training_voice_area.voice>div{
		background-size:60px;
	}
	
	.training_voice_area.comment>div{
		background-size:50px;
	}
	#training_overview_area .frame{
		padding:0 20px;
	}
	#training_overview_area .frame p{
		margin:0 0 20px;
	}
}

#ambassador_main_area{
	max-width:1200px;
	margin:0 auto 100px;
	padding:0 40px;
}

#ambassador_main_area h2{
	margin:0 0 50px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#ambassador_main_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#ambassador_main_area p{
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#ambassador_interview_area{
	max-width:1200px;
	margin:0 auto 150px;
	padding:0 40px;
}

#ambassador_interview_area h2{
	margin:60px 0 20px;
	padding:0 0 15px;
	font-size:24px;
	line-height:1.2;
	color:#910048;
	border-bottom:1px solid #910048;
}

#ambassador_interview_area h2.main{
	margin:0 0 40px;
	padding:0;
	font-size:28px;
	line-height:1.2;
	color:#242e35;
	border-bottom:none;
}

#ambassador_interview_area p{
	margin:20px 0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#ambassador_interview_area p.q{
	margin:40px 0 20px;
	font-weight:bold;
}

#ambassador_interview_area p.q span{
	color:#242e35;
}

#ambassador_interview_area img{
	width:100%;
	margin:0 0 5px;
}

#ambassador_interview_area img.f_right{
	width:45%;
	margin:0 0 25px 25px;
	float:right;
}

#ambassador_interview_area figure{
	margin:40px 0;
}

#ambassador_interview_area figure.f_right{
	width:45%;
	margin:0 0 25px 25px;
	float:right;
}

#ambassador_interview_area figure figcaption{
	font-size:13px;
	line-height:1.3;
	color:#444;
}

#ambassador_interview_area .pics{
	display:flex;
	flex-wrap:wrap;
}

#ambassador_interview_area .pics figure{
	width:50%;
	box-sizing:border-box;
	margin:20px 0;
	padding:0 10px;
}

#ambassador_interview_area time{
	display:block;
	text-align:right;
	font-size:14px;
}

#ambassador_interview_area .sns{
	margin:0 0 40px;
}

#ambassador_interview_area .sns img{
	width:40px;
	margin:0 10px 0 0;
}

#ambassador_interview_area .profile{
	margin:50px 0;
	padding:40px 30px 30px;
	border:2px solid #ddd;
	overflow:hidden;
}

#ambassador_interview_area .profile h2{
	margin:0 0 40px;
}

#ambassador_interview_area .profile h3{
	font-size:18px;
}

#ambassador_interview_area .profile p{
	font-size:14px;
}

#ambassador_interview_area .profile img{
	width:30%;
	float:left;
	margin:0 30px 20px 0;
}

#ambassador_interview_area .movie{
	width:100%;
	height:0;
	margin:60px 0;
	padding:56% 0 0;
	position:relative;
}

#ambassador_interview_area .movie iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

@media only screen and (max-width:767px){
	#ambassador_main_area{
		margin:0 auto 80px;
		padding:0 20px;
	}
	
	#ambassador_main_area h2{
		margin:0 0 40px;
		font-size:24px;
	}
	
	#ambassador_main_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#ambassador_interview_area{
		margin:0 auto 120px;
		padding:0 20px;
	}
	
	#ambassador_interview_area h2{
		margin:50px 0 20px;
		font-size:22px;
	}
	
	#ambassador_interview_area h2.main{
		margin:0 0 30px;
		font-size:24px;
	}

	#ambassador_interview_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#ambassador_interview_area img.f_right{
		width:50%;
		margin:0 0 20px 20px;
	}
	
	#ambassador_interview_area figure{
		margin:30px 0;
	}
	
	#ambassador_interview_area figure.f_right{
		width:50%;
		margin:0 0 20px 20px;
	}
	
	#ambassador_interview_area figure figcaption{
		font-size:13px;
		color:#444;
	}
	
	#ambassador_interview_area .pics figure{
		width:100%;
		margin:10px 0;
		padding:0;
	}
	
	#ambassador_interview_area time{
		font-size:13px;
	}
	
	#ambassador_interview_area .sns img{
		width:35px;
	}
	
	#ambassador_interview_area .profile{
		padding:30px 20px 20px;
	}
	
	#ambassador_interview_area .profile img{
		width:45%;
		margin:0 20px 20px 0;
	}
	#ambassador_interview_area .movie{
		margin:40px 0;
	}
}



#subjects_contents_area{
	max-width:1200px;
	margin:0 auto 150px;
	padding:0 40px;
}

#subjects_contents_area a.btn_a{
	margin:0 auto;
}

#subjects_contents_area>div{
	margin:0 0 80px;
	overflow:hidden;
}

#subjects_contents_area section{
	margin:0 0 60px;
	padding:0 0 0 50px;
}

#subjects_contents_area h2{
	width:calc(100% + 50px);
	margin:0 0 10px;
	padding:0 0 15px;
	font-size:24px;
	font-weight:600;
	line-height:1.3;
	color:#910048;
	border-bottom:1px solid #910048;
	position:relative;
	left:-50px;
}

#subjects_contents_area h2 em{
	display:inline-block;
	margin:0 0 0 10px;
	font-size:15px;
}

#subjects_contents_area h2.border{
	border-bottom:none;
}

#subjects_contents_area h3{
	margin:30px 0 15px;
	padding:0 0 0 15px;
	font-size:22px;
	font-weight:400;
	line-height:1.3;
	color:#003C71;
	border-left:3px solid #003C71;
}

#subjects_contents_area h3 em{
	display:inline-block;
	margin:0 0 0 10px;
	font-size:14px;
}

#subjects_contents_area section h3:first-of-type{
	border-top:none;
}

#subjects_contents_area section h4{
	margin:0 0 5px;
	font-size:16px;
	font-weight:600;
	line-height:1.2;
	color:#242e35;
}


#subjects_contents_area section.examples{
	padding:30px;
	border:2px solid #910048;
}

#subjects_contents_area section.examples h2{
	width:100%;
	margin:0 0 20px;
	padding:0;
	font-size:28px;
	font-weight:500;
	line-height:1.2;
	color:#910048;
	position:relative;
	left:0;
}

#subjects_contents_area section.examples h3{
	display:inline-block;
	margin:10px 0 10px;
	padding:6px 8px;
	font-size:16px;
	font-weight:500;
	line-height:1.2;
	color:#fff;
	border-left:none;
	background-color:#242e35;
	border-radius:5px;
}


#subjects_contents_area p{
	margin:10px 0 20px;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#subjects_contents_area p em{
	color:#ee334e;
}

#subjects_contents_area section ul{
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	font-size:14px;
	line-height:1.4;
	width:calc(100% + 20px);
	position:relative;
	left:-10px;
}

#subjects_contents_area section ul li{
	width:20%;
	box-sizing:border-box;
	padding:0 10px;
}

#subjects_contents_area section ul li img{
	width:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	margin:0 0 5px;
}

#subjects_contents_area table.matrix{
	width:100%;
	margin:0 0 40px;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

#subjects_contents_area table.matrix tbody th{
	padding:10px 0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}

#subjects_contents_area table.matrix tbody td{
	padding:10px 0;
	vertical-align:top;
	font-size:13px;
	border-bottom:1px solid #ddd;
}

#subjects_contents_area table.matrix tbody th a{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

#subjects_contents_area table.matrix tbody th img{
	width:80px;
	border:1px solid #ddd;
	vertical-align:middle;
}

#subjects_contents_area table.matrix tbody th p{
	width:calc(100% - 120px);
	margin:0;
	padding:0 0 0 10px;
	text-align:justify;
	font-size:13px;
	font-weight:400;
	line-height:1.5;
	color:#242e35;
}

#subjects_contents_area table.matrix tbody th p b{
	display:block;
	font-size:15px;
	color:#ee334e;
}


@media only screen and (max-width:767px){
	#subjects_contents_area{
		margin:0 0 100px;
		padding:0 20px;
	}
	
	#subjects_contents_area section{
		padding:0 0 0 20px;
	}

	#subjects_contents_area h2{
		width:calc(100% + 20px);
		left:-20px;
		font-size:22px;
	}

	#subjects_contents_area h3{
		margin:30px 0 10px;
		font-size:18px;
	}
	
	#subjects_contents_area p{
		margin:0 0 20px;
		font-size:14px;
		line-height:1.6;
	}
	
	#subjects_contents_area section{
		margin:0 0 60px;
	}
	
	#subjects_contents_area section.examples{
		padding:20px;
	}
	#subjects_contents_area section.examples h3{
		font-size:15px;
	}


	#subjects_contents_area section ul{
		font-size:13px;
		line-height:1.3;
	}
	
	#subjects_contents_area section ul li{
		width:50%;
		margin:0 0 20px;
	}
	#subjects_contents_area table.matrix tbody th img{
		width:60px;
	}
	
	#subjects_contents_area table.matrix tbody th p{
		width:calc(100% - 70px);
		box-sizing:border-box;
		font-size:12px;
		line-height:1.4;
	}
	
	#subjects_contents_area table.matrix tbody th p b{
		font-size:14px;
	}
}


#contact_main_area{
	max-width:1200px;
	margin:0 auto 200px;
	padding:0 40px;
}

#contact_main_area p{
	margin:0 0 15px;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#contact_main_area p.margin{
	margin:0 0 40px;
}

#contact_main_area p span{
	font-size:25px;
	color:#0081C8;
}

@media only screen and (max-width:767px){
	#contact_main_area{
		padding:0 20px;
	}
	
	#contact_main_area p{
		font-size:14px;
		line-height:1.6;
	}
	
	#contact_main_area p.margin{
		margin:0 0 30px;
	}

	#contact_main_area p span{
		font-size:18px;
	}
}

#news_index_area{
	max-width:1000px;
	margin:0 auto 150px;
	padding:40px;
}

#news_index_area table{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

#news_index_area table th{
	padding:25px;
	font-size:13px;
	border-bottom:1px solid #ddd;
}

#news_index_area table td{
	padding:25px;
	font-size:15px;
	border-bottom:1px solid #ddd;
}

#news_index_area.home{
	max-width:1000px;
	margin:0 auto 80px;
	padding:0 40px;
}

#news_index_area.home a.btn_a{
	margin:25px auto 0;
}

#news_index_area.home h2{
	margin:0 0 20px;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#news_index_area.home table{
	border-top:2px solid #242e35;
}


@media only screen and (max-width:767px){
	#news_index_area{
		padding:20px;
	}
	
	#news_index_area table th{
		display:block;
		padding:20px 20px 0;
		text-align:left;
		font-size:12px;
		border-bottom:none;
	}
	
	#news_index_area table td{
		display:block;
		padding:10px 20px 20px;
		font-size:14px;
		}
	#news_index_area.home{
		padding:0 20px;
	}
	#news_index_area.home h2{
		font-size:24px;
	}

}

#news_detail_area{
	max-width:1000px;
	margin:0 auto 150px;
	padding:0 40px;
	overflow:hidden;
}

#news_detail_area h2{
	margin:0 0 50px;
	text-align:center;
	font-size:28px;
	font-weight:600;
	line-height:1.2;
}

#news_detail_area h2 span{
	display:block;
	margin:20px auto 0;
	width:40px;
	height:8px;
	background-color:#910048;
}

#news_detail_area h3{
	margin:40px 0 20px;
	font-size:20px;
	line-height:1.2;
	color:#910048;
}

#news_detail_area h3 span{
	display:table;
	margin:0 0 5px;
	padding:5px 10px 7px;
	font-size:16px;
	font-weight:500;
	line-height:1.2;
	color:#fff;
	background-color:#910048;
	border-radius:3px;
}

#news_detail_area h4{
	margin:40px 0 20px;
	font-size:18px;
	font-weight:500;
	line-height:1.2;
}

#news_detail_area h4::before{
	content:"◆ ";
	font-size:14px;
}

#news_detail_area p{
	margin:20px 0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#news_detail_area p em{
	font-style:normal;
	font-size:18px;
	font-weight:500;
	color:#ee334e;
}

#news_detail_area #case_post_area{
	max-width:100%;
}

#news_detail_area #case_post_area h2{
	margin:0 0 20px;
}

#news_detail_area #case_post_area p{
	text-align:center;
}

#news_detail_area #case_post_area a.btn_a{
	margin:0 auto;
}

#news_detail_area section{
	margin:50px 0;
	padding:30px;
	border:1px solid #ee334e;
	border-radius:20px;
	overflow:hidden;
}

#news_detail_area img.f_right{
	width:40%;
	float:right;
	margin:0 0 30px 30px;
}

#news_detail_area img.wide{
	width:100%;
}

#news_detail_area ul{
	margin:0;
	padding:0 0 0 25px;
	font-size:15px;
	line-height:1.7;
}

#news_detail_area table.overview{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-top:1px dotted #ccc;
}

#news_detail_area table.width{
	width:auto;
}

#news_detail_area table.overview th{
	padding:10px 15px;
	font-size:14px;
	background-color:#fafafa;
	border-bottom:1px dotted #ccc;
	white-space:nowrap;
}

#news_detail_area table.overview td{
	padding:10px 15px;
	font-size:14px;
	border-bottom:1px dotted #ddd;
}

#news_detail_area .clear{
	display:block;
	clear:both;
}

@media only screen and (max-width:767px){
#news_detail_area{
	padding:0 20px;
}

#news_detail_area h2{
	font-size:24px;
}

#news_detail_area h3{
	font-size:18px;
}

#news_detail_area p{
	font-size:14px;
	line-height:1.6;
}

#news_detail_area section{
	margin:40px 0;
	padding:20px;
}

#news_detail_area img.f_right{
	width:100%;
	float:none;
	margin:0;
}

#news_detail_area ul{
	margin:0;
	padding:0 0 0 25px;
	font-size:15px;
	line-height:1.7;
}

#news_detail_area table.overview{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-top:1px dotted #ccc;
}

#news_detail_area table.overview th{
	padding:10px 15px;
	font-size:14px;
	background-color:#fafafa;
	border-bottom:1px dotted #ccc;
	white-space:nowrap;
}

#news_detail_area table.overview td{
	padding:10px 15px;
	font-size:14px;
	border-bottom:1px dotted #ddd;
}

#news_detail_area .clear{
	display:block;
	clear:both;
}

}