@charset "utf-8";

body{min-width: 1200px;}

.start_filter{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	background: rgba(255,255,255,1.00);
	z-index: 99;}
	
.loading_img{width: 100%;
	height: 200px;
	text-align: center;
	position: fixed; top: 50%;
	margin-top: -100px;}
	
.loading_img img{height: 100%;}

.font-goth1{font-family: source-han-sans-cjk-ja, sans-serif;
	font-weight: 400;
	font-style: normal;}
	
.font-goth2{font-family: source-han-sans-cjk-ja, sans-serif;
	font-weight: 700;
	font-style: normal;}

.font-goth3{font-family: source-han-sans-cjk-ja, sans-serif;
	font-weight: 900;
	font-style: normal;}

.font-min1{font-family: kozuka-mincho-pr6n, serif;
	font-weight: 500;
	font-style: normal;}
	
.font-min2{font-family: kozuka-mincho-pr6n, serif;
	font-weight: 700;
	font-style: normal;}
	
.font-min3{font-family: kozuka-mincho-pr6n, serif;
	font-weight: 900;
	font-style: normal;}

.pc_menu{width: 200px;
	position: fixed; top: 20px; right: 20px;
	z-index: 9;}
	
.pc_menu_btn1{width: 100%;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	background: rgba(0,0,0,1.00);}
	
.pc_menu_btn1 a{display: block;
	color: rgba(255,150,0,1.00);}

.pc_menu_btn1 a:hover{color:rgba(255,255,255,1.00);}

.fc_red{color: rgba(236,28,36,1.00);}

.side_logo{height: 56%;
	position: fixed; left: 50px; top: 40%;
	z-index: 1;}
	
.side_logo img{height: 100%;
	margin-top: -50%;}

.main_img{width: 100%;
	height: 80vh;
	min-height: 600px;
	background: url("../img/main_img1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 5;}
	
.main_img_logo{width: 20%;
	min-width: 200px;
	position: absolute; top: 20px; left: 20px;}

.main_img_logo img{width: 100%;}

.main_img_text_box{position: absolute; bottom: 20px; left: 50px;}

.main_img_text1,.main_img_text2,.main_img_text3{height: 80px;}

.main_img_text2{padding-left: 40px;}

.main_img_text3{padding-left: 100px;}

.main_img_text1 img,.main_img_text2 img,.main_img_text3 img{height: 100%;}

.catch{width: 100%;
	padding: 10px 0;
	background: rgba(255,255,255,1.00);
	position: relative;
	z-index: 2;}

.catch_inner{width: 100%;
	height: 120px;
	background: url("../img/catch1.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;}

.link_yt{margin-top: 15px;
	text-align: center;
	position: relative;
	z-index: 2;}
	
.link_yt_inner{display: inline-block;
	overflow: hidden;}
	
.link_yt_btn1{width: 400px;
	padding: 0 5px;
	float: left;}
	
.link_yt_btn1 img{width: 100%;}

.link_yt_btn1:hover{opacity: 0.8;}

.con_block1{width: 100%;
	margin-top: 50px;
	position: relative;
	z-index: 2;}

.con_inner1{width: 1100px;
	margin: 0 auto;
	overflow: hidden;}
	
.introduction_left{width: 660px;
	padding: 0 10px;
	border-left: rgba(255,0,4,1.00) solid 5px;
	float: left;}

.introduction_text1{font-size: 17px;
	line-height: 190%;}
	
.introduction_text2{padding: 20px 0;
	font-size: 24px;}
	
.introduction_right{width: 415px;
	float: right;}
	
.introduction_right img{width: 100%;}

.con_title1{width: 100%;
	height: 200px;
	padding: 50px 0 30px;
	text-align: center;}
	
.con_title1 img{height: 100%;}

.about_left{width: 100%;
	padding: 0 10px;
	border-left: rgba(255,0,4,1.00) solid 5px;
	float: left;}

.about_text1{font-size: 21px;
	line-height: 190%;}
		
.about_right{width: 405px;
	padding-top: 20px;
	float: right;}
	
.about_right img{width: 100%;}

.con_subtitle1{width: 450px;
	margin: 30px auto 15px;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(255,0,4,1.00);}

.subtitle_bar{width: 1100px;
	height: 5px;
	margin: 0 auto 30px;
	background: rgba(255,0,4,1.00);}

.traner_box{width: 1100px;
	margin: 0 auto;
	overflow: hidden;}
	
.traner_block1,.traner_block2{width: 100%;
	padding-bottom: 30px;
	float: left;
	overflow: hidden;}
	
.traner_img1{width: 200px;
	float: left;}
	
.traner_img1 img{width: 100%;}

.traner_text{width: calc(100% - 210px);
	padding-left: 10px;
	font-size: 15px;
	line-height: 150%;
	float: left;}

.traner_neme{font-size: 22px;
	padding-bottom: 15px;}

.traner_profile{clear: both;
	margin-top: 15px;
	font-size: 14px;
	line-height: 150%;}

.profile_title{height: 20px;
	padding: 0 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	position: relative;}

.profile_title_bar{width: 5px;
	height: 20px;
	background:rgba(255,0,4,1.00);
	position: absolute; top: 0; left: 0;}

.con1_table{width: 100%;}

.con1_table table{width: 100%;}

.price_td1{width: 20%;
	font-size: 22px;
	line-height: 80px;
	text-align: center;
	background: rgba(53,53,53,1.00);
	color: rgba(255,255,255,1.00);}

.price_td2{width: calc(80% - 40px);
	padding: 0 20px;
	font-size: 22px;
	line-height: 80px;
	text-align: left;
	background:rgba(203,203,203,1.00);
	color:rgba(0,0,0,1.00);}

.campaign_block1{width: 100%;
	padding-top: 20px;}
	
.campaign_title{font-size: 20px;
	line-height:150%;
	color: rgba(255,134,0,1.00);}
	
.campaign_text1{font-size: 16px;
	line-height: 150%;}

.lesson_text1{font-size: 24px;
	line-height: 150%;
	text-align: center;}

.lesson_text2{padding: 10px 0;
	font-size: 16px;
	text-align: center;}
	
.lesson_text3{padding: 10px 0;
	font-size: 16px;
	text-align: left;}

.reserve_box{width: 100%;
	height: 730px;
	overflow: hidden;
	border-top: rgba(143,143,143,1.00) solid 2px;
	border-bottom: rgba(143,143,143,1.00) solid 2px;}

.reserve_box iframe{margin-top: -270px;}

.contact_text{font-size: 16px;
	text-align: center;}

.contact_text2{font-size: 14px;
	text-align: center;}

footer{width: 100%;
	margin-top: 50px;
	padding-bottom: 20px;
	border-top: rgba(193,39,45,1.00) solid 2px;
	background: rgba(193,39,45,1.00);
	position: relative;
	z-index: 2;}
	
.footer_logo{width: 100%;
	height: 70px;
	padding: 10px 0;
	text-align: center;
	background: rgba(255,255,255,1.00);}
	
.footer_logo img{height: 100%;}

.footer_text{padding-top: 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);}

.footer_text a{color: rgba(255,255,255,1.00);}

.footer_text a:hover{opacity: 0.7;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:16px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-16px; 
}

ul.listmarker2 {
	list-style-type: none;
	margin-left:20px;
}

ul.listmarker2 li{padding: 10px 0;}

ul.listmarker2 li:before {
	content: '◆'; 
	margin-left:-20px;
}









@media screen and ( max-width:736px )
{
body{min-width: 320px;}

.loading_img{width: 100%;
	height: 100px;
	text-align: center;
	position: fixed; top: 50%;
	margin-top: -50px;}
	
.side_logo{height: 46%;
	position: fixed; left: 30px; top: 40%;
	opacity: 0.5;
	z-index: 1;}
	
.main_img{width: 100%;
	height: 100vh;
	min-height: 400px;
	background: url("../img/main_img_sp1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 5;}
	
.main_img_logo{width: 100%;
	min-width: 200px;
	text-align: center;
	position: absolute;
	top: 20px; left: 0;}

.main_img_logo img{width: 150px;}

.main_img_text_box{position: absolute; bottom: 80px; left: 30px;}

.main_img_text1,.main_img_text2,.main_img_text3{height: 40px;}

.main_img_text2{padding-left: 20px;}

.main_img_text3{padding-left: 50px;}

.catch{width: 100%;
	padding: 10px 0;
	background: rgba(255,255,255,1.00);
	position: relative;
	z-index: 2;}

.catch_inner{width: 100%;
	height: 35px;
	background: url("../img/catch1.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;}

.link_yt_btn1{width: 80%;
	max-width: 400px;
	padding: 5px 0;
	margin: 0 auto;
	float: none;}

.link_yt_btn1:hover{opacity: 1.0;}

.con_block1{width: 100%;
	margin-top: 30px;
	position: relative;
	z-index: 2;}

.con_inner1{width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;}
	
.introduction_left{width: calc(90% - 20px);
	max-width: 430px;
	padding: 0 10px;
	margin: 0 auto;
	border-left: rgba(255,0,4,1.00) solid 5px;
	position: relative;
	z-index: 2;
	float: none;}

.introduction_text1{font-size: 12px;
	line-height: 170%;}
	
.introduction_text2{padding: 15px 0;
	font-size: 16px;}
	
.introduction_right{width: 180px;
	position: absolute;bottom: 0px; right: 10px;
	z-index: 1;
	float: none;}
	
.introduction_right img{width: 100%;
	opacity: 0.4;}
	
.con_title1{width: 100%;
	height: 100px;
	padding: 50px 0 30px;
	text-align: center;}
	
.con_title1 img{height: 100%;}

.about_left{width: calc(90% - 20px);
	max-width: 430px;
	padding: 0 10px;
	margin: 0 auto;
	border-left: rgba(255,0,4,1.00) solid 5px;
	float: none;}

.about_text1{font-size: 14px;
	line-height: 150%;}
		
.about_right{width: 170px;
	position: absolute;bottom: 0px; right: 10px;
	z-index: 1;
	float: none;}
	
.about_right img{width: 100%;
	opacity: 0.4;}
	
.con_subtitle1{width: 300px;
	margin: 30px auto 10px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(255,0,4,1.00);}

.subtitle_bar{width: 90%;
	height: 3px;
	margin: 0 auto 15px;
	background: rgba(255,0,4,1.00);}

.traner_box{width: 90%;
	max-width: 450px;
	margin: 0 auto;
	overflow: hidden;}
	
.traner_block1,.traner_block2{width: 100%;
	padding-bottom: 40px;
	float: none;
	overflow: hidden;}
	
.traner_block2{padding-left: 0;}

.traner_img1{width: 40%;
	margin: 0 auto;
	float: none;}
	
.traner_img1 img{width: 100%;}

.traner_text{width: 100%;
	padding-left: 0;
	font-size: 11px;
	line-height: 150%;
	float: none;}

.traner_neme{font-size: 16px;
	text-align: center;
	padding: 5px 0 10px;}
	
.traner_profile{margin-top: 10px;
	font-size: 10px;
	line-height: 150%;}

.profile_title{margin-bottom: 5px;
	font-size: 12px;}

.profile_title_bar{}
	
.con1_table{width: 90%;
	max-width: 450px;
	margin: 0 auto;}

.con1_table table{width: 100%;
	margin: 0 auto;}

.price_td1{width: 30%;
	padding: 5px 0;
	font-size: 14px;
	line-height: 150%;}

.price_td2{width: calc(70% - 20px);
	padding: 5px 10px;
	font-size: 14px;
	line-height: 150%;}

.campaign_block1{width: 100%;
	padding-top: 15px;}
	
.campaign_title{font-size: 16px;}
	
.campaign_text1{font-size: 14px;}

.lesson_text1{font-size: 16px;
	line-height: 150%;
	text-align: center;}

.lesson_text2{padding: 10px 0;
	font-size: 12px;
	text-align: center;}
	
.lesson_text3{width: 90%;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;}

.reserve_box{width: 90%;
	margin: 0 auto;
	height: 350px;
	overflow: hidden;
	border-top: rgba(143,143,143,1.00) solid 2px;
	border-bottom: rgba(143,143,143,1.00) solid 2px;}

.reserve_box iframe{height: 600px;
	margin-top: -250px;}

.contact_text{width: 90%;
	margin: 0 auto;
	font-size: 14px;
	text-align: left;}

.contact_text2{width: 100%;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;}

footer{width: 100%;
	margin-top: 50px;
	padding-bottom: 20px;
	border-top: rgba(193,39,45,1.00) solid 2px;
	background: rgba(193,39,45,1.00);
	position: relative;
	z-index: 2;}
	
.footer_logo{width: 100%;
	height: 40px;
	padding: 10px 0;
	text-align: center;
	background: rgba(255,255,255,1.00);}
	
.footer_logo img{height: 100%;}

.footer_text{padding-top: 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);}
	
.footer_text a:hover{opacity: 1.0;}

ul.listmarker1 {
	list-style-type: none;
	font-size: 12px;
	margin-left:12px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-12px; 
}

ul.listmarker2 {
	list-style-type: none;
	margin-left:14px;
}

ul.listmarker2 li{padding: 10px 0;}

ul.listmarker2 li:before {
	content: '◆'; 
	margin-left:-14px;
}
}