body{
	font-size:16px;
	line-height:1.6em;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color:#454545;
	background: #FEFEFE;
	}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
p{margin-bottom:1.3em;}

.mov{
	max-width: 890px;
	margin:15px auto;
}

.mov-in{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mov iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;}

/*ライン*/
.line{
	display: block;
	border: none;
	margin: 0!important;
height:5px;
width:100%;
	min-width:1080px;
background: #00a0d9;
background: -moz-linear-gradient(left,  #D9E021 0%, #D9E021 50%, #29ABE2 50%, #29ABE2 100%);
background: -webkit-linear-gradient(left,  #D9E021 0%,#D9E021 50%,#29ABE2 50%,#29ABE2 100%);
background: linear-gradient(to right,  #D9E021 0%,#D9E021 50%,#29ABE2 50%,#29ABE2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9E021', endColorstr='#29ABE2',GradientType=1 );
}

/*ハイレゾ*/
.index-high{display:block;
margin:0 auto;}

ul.high{list-style:square;
	font-size:1.3em;
color:#646464;}
.high li{margin-bottom:1.4em;
margin-left:3%;}

/*spbtn*/
.sp-btn img{display:block;
margin:0 auto 1.1em auto;}

/*voice*/
body#voice{
	background-color: #FFF;
	line-height:1.5em;
	font-size:17px;
	color:#2D2D2D;}
#wrapper{width:100%!important;}

div.s-voice{
	margin-bottom: 60px;
	min-width:auto!important;
	}

section.ses-voice{
	font-size:1.1em;
	margin-bottom:60px;
	}

@media screen and (min-width: 641px) {
	
main{min-width:1080px;
overflow: hidden;}
	
/*ヘッダ*/
header{
	min-width:1080px;
	/*background-image:url(../img/header/bg-line.png),url(../img/header/header-bg.jpg);
	background-size:auto,cover;*/
	padding:40px 0 90px 0;}

header h1{width:1080px;
margin: 0 auto 40px auto;}
header h1 img{display: block;
margin: 0 auto;}

.copy-line{width:100%;
padding:20px 0;
background-image: url(../img/header/copy-bg.png);
color: #FFF;
text-align: center;
font-size:17px;
line-height: 1.7em;}

.copy-line div{width:1080px;
margin: 0 auto;}

.copy-line div h2 img{display: block;
margin: 0 auto 20px auto;}

.wrap{
	width:1080px;
	margin: 0 auto;
	background-color: #FFF;
	line-height: 20px;
}

article{min-width:1080px;
margin: 0 auto;}

/*h2*/
	
	h2.rot{min-width:1080px;
	margin:0 auto 60px auto;
	padding:90px 0;
	text-align: center;
	background-image:url(../img/header/bg-line2.png),url(../img/bg/bg-black.png),url(../img/bg/bg-mission.jpg);
		background-position: center,center,bottom;
		background-size:auto,auto,cover;
	background-attachment: fixed;}
	
	h2.rot span{color: #FFF;
		font-size:45px;
		display: block;
		text-shadow: 1px 1px 15px #666;
		line-height: 1.4em;}
	
/*content*/
.contents {
  margin: 0;
  padding: 80px 0;
min-width:1080px;
}

.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
  padding: 120px 10px 120px;
  color: #fff;
  text-align: center;
}
	
/*引用部分などコラム*/
	.colum{font-size:1.2em;
	 font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#5C5C5C;
	border:#D4D4D4 1px solid;
	box-sizing: border-box;
	padding:5%;
	margin:0 auto 15px auto;
	line-height: 1.7em;}
	.colum p:last-of-type{margin-bottom:0;}

/*セッション動画*/

	.session-btn-box{width:900px;
	margin:0 auto 15px auto;}
	.session-btn-box a:last-of-type{float:right;}
	
	.session-box ul{width:950px;
	margin:0 auto;}
	.session-box ul li{width:300px;
	display: inline-block;
	margin:0 5px;
	font-size: 0;}
	
/*最優先*/
	
	article.saiyu-box section{width:900px;
		border:1px solid #be272d;
	margin:0 auto 40px auto;
	padding:15px 0;}
	
	.saiyu-box section h3{width:100%;
	text-align: center;
	color:#FFF;
	background:#be272d;
	box-sizing: border-box;
	padding:13px 0;
	font-size:1.6em;}
	
	.saiyu-text{padding:0 20px;
	box-sizing: border-box;}
	
	.saiyu-form{width:700px;
	margin:45px auto;}
	
	.saiyu-form input {
    width: 100%;
    margin: 0 auto 10px auto;
		padding:2% 0;
    font-size: 1.8em;
    box-sizing: border-box;}
	
	.line-at a img{margin:20px 0;}
	
	.line-at{width:700px;
	margin:0 auto;}
	.line-at img{width:100%;
	height: auto;}
	
	/*line*/
.lineid{font-size:28px!important;
font-weight:bold;
	text-align: center;
	padding:20px 0;}
.lineid span{
    padding: 8px 13px;
    border: 1px solid #ABABAB;
    letter-spacing: 4px;
    margin-right: 4px;}
	
/*intoro*/
.intro{margin-top:-200px;
background:url(../img/bg/bg-intro.jpg);
background-size:cover;}
.intro .contents_inner{padding:180px 0;}
	.intro p{display:none;}

/*intromessage*/
.intro-message{width:740px;
	font-size:17px;
	background:#FFF;
	margin: 0 auto 60px auto;
	box-sizing:border-box;
	padding:40px 30px 20px 30px;
	border:1px solid #D0D0D0;
	/* box-shadow */
box-shadow:0px 0px 4px 1px #d6d6c8;
/* react native */
shadowColor:"#d6d6c8",
shadowOffset:{width:0,height:0},
shadowOpacity:1,
shadowRadius:4,
borderWidth:1,
borderColor:"#D0D0D0",
borderRadius:6
}
	.intro-message h3{font-size:1.4em;
	margin-bottom:1.3em;}
	
/*ミッション*/
.mission{margin-top:0px;
	background-image:url(../img/bg/bg-gradient-top.png),url(../img/bg/bg-gradient-bottom.png),url(../img/bg/bg-mission.jpg);
background-size:auto,auto,cover;
	background-position: top,bottom,center;
	background-repeat: repeat-x,repeat-x,no-repeat;
	margin-bottom:60px;}
	
	.mission-inner{width:840px;
	margin:0 auto 30px auto;
	background-color:rgba(255,255,255,0.75);
	color:#232323;
	padding:70px 30px;
		font-size:17px;
		line-height: 1.8em;
	}
	.mission-inner h2{margin-bottom: 15px;}
	.mission-inner h2:nth-of-type(2){margin-top:80px;}
	.mission-inner p{text-align: left;
	width:550px;
	margin:0 auto 1.3em auto;}
	
/*意気込み*/
	div.voice-box{
	width:1080px;
	margin:0 auto 50px auto;
	height:500px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-x: hidden;
	box-sizing: border-box;
	padding:20px;}
	.voice-box iframe{width:1060px!important;
	margin:0 auto;
	height: 420px;}

/*curriculum*/
.curriculum section{width:500px;
margin: 0 auto;}

.curriculum h3{text-align:center;}

.curriculum section div{width:450px;
margin: 0 auto;
	text-align: center;}

.curriculum section p{font-size:1.7em;
text-align:center;
font-weight: bold;
color:#F28919;
margin-bottom:48px;}


.curriculum ul li{font-size:0.9em;
margin:1px 0 1px 17px;}
.curriculum ul li:before{
	content:"◆　";
}
.curriculum ul hr{border:1px dotted #D7D7D7;}
.curriculum-last{width:800px; margin:20px auto 70px auto; text-align:center; font-size:0.9em; line-height:1.6em;}

/*特徴*/
.tokuchou{margin-bottom:70px;}
	
	.tokucho-block div{float:left;
	padding-right: 20px;}

.tokuchou section{width:900px;
margin: 20px auto;
box-sizing: border-box;
padding:4px;
background: #efa91b;
background: -moz-linear-gradient(left,  #D9E021 0%, #29ABE2 100%);
background: -webkit-linear-gradient(left,  #D9E021 0%,#29ABE2 100%);
background: linear-gradient(to right,  #D9E021 0%,#29ABE2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9E021', endColorstr='#29ABE2',GradientType=1 );
line-height: 1.45em;
}

.tokuchou h3{font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;
font-size:1.5em;
padding-top:10px;
letter-spacing: 3px;
line-height: 45px;}

.tokuchou hr{width:100%;
margin: 2% auto;}

.tokucho-block{box-sizing:border-box;
padding: 30px 60px;
background:#FFF;
	height: fit-content;
	overflow: auto;}

.t-num{
background: #29ABE2;
padding:6px 6px 6px 14px;
color:#FFF;
line-height: 60px;}

.point{
	font-size:1.1em;
	font-weight: bold;
	letter-spacing: 2px;
display: inline-block;
	padding:8px 190px 8px 10px;
	margin-bottom:0.5em;
background: -moz-linear-gradient(left,  rgba(255,214,94,1) 40%, rgba(255,214,94,1) 43%, rgba(254,191,4,1) 76%, rgba(254,191,4,1) 83%, rgba(254,191,4,0) 99%);
background: -webkit-linear-gradient(left,  rgba(255,214,94,1) 40%,rgba(255,214,94,1) 43%,rgba(254,191,4,1) 76%,rgba(254,191,4,1) 83%,rgba(254,191,4,0) 99%);
background: linear-gradient(to right,  rgba(255,214,94,1) 40%,rgba(255,214,94,1) 43%,rgba(254,191,4,1) 76%,rgba(254,191,4,1) 83%,rgba(254,191,4,0) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#00febf04',GradientType=1 );
}
	
	.about-nanasawa{width:1000px;
	margin:0 auto;}
	.about-nanasawa h4{text-align:center;
	font-size:2.3em;
	line-height: 1.4em;
		margin-top:20px;
	margin-bottom:13px;}
	
	.about-nanasawa p{box-sizing:border-box;
	padding:0 40px;}
	

.jump{max-width: 580px;
	margin:0 auto;
}

/*スケジュール*/
	.lesson-sch{width:940px;
	margin:0 auto;}
	.lesson-sch li{margin-bottom:60px;}
	
	.sch section.text{width:940px;
	margin:0 auto;
	text-align:center;}
	
/*スペシャル講師*/
	.sp-support{width:1080px;
	margin: 20px auto 90px auto;}
	.sp-support section{width:96%;
	margin:0 auto 30px auto;
	box-sizing: border-box;
	border: #DEDEDE 1px solid;}
	
	.sp-support section img,.sp-support section div{display:inline-block;vertical-align: top;}
	.sp-support section img{padding-top:10px;
	padding-left:9px;
	padding-bottom: 10px;}
	.sp-support section div{box-sizing:border-box;
	padding:20px 20px 20px 15px;
	width:770px;}
	.sp-support section div p:last-of-type{margin-bottom:0;}
	.sp-support h2{margin-bottom:10px;}
	.sp-support h2 span{font-size:1.8em;}

/*受講スタイル*/
	.style{width:1080px;
	margin:40px auto;
	box-sizing: border-box;
	padding:0 40px;}
	
	.style-real{width:960px;
	margin:0 auto 30px auto;
	background:#ccc;
	box-sizing: border-box;
	padding:6px;}
	
	.style-online{width:960px;
	margin:0 auto;
	background:#ccc;
	box-sizing: border-box;
	padding:6px;}
	
	.style .inner{box-sizing: border-box;
	background:#FFF;
	padding:20px 15px;}
	
	.style .inner h3{font-size:2.3em;
	line-height: 1.7em;
	display:inline-block;
	padding:2px 15px;
	margin-bottom: 15px;}
	
	.style-real h3{
		color:#84ba43;
		border:1px #84ba43 solid;
	}
	.style-online h3{color:#ea8c24;
		border:1px #ea8c24 solid;}
	
	.style .inner h4{font-size:1.2em;
	font-weight: bold;
	padding:8px 18px;
		box-sizing: border-box;
	margin-bottom:10px;}
	.style .inner h4:before{content:'◆';}
	
	.style-real h4{color:#FFF;
		background:#84ba43;}
	
	.style-online h4{color:#FFF;
		background:#ea8c24;}
	
	.style .inner ul{padding-left:20px;
	list-style: square;}

	
/*サービス*/
.service{
	padding-top:40px;
	margin-bottom:90px;}
	
.service-block h3:before{
	font-size: 1.2rem!important;
	line-height: 10px;
	counter-increment:support;
content:"Support"counter(support)"　";
	color: #29ABE2;
}
article{counter-reset:support;}

.service-block h3{font-size:1.85em;
line-height: 50px;
font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;
	margin-bottom: 10px;}

.service-block{position:relative;
padding:0!important;
min-width:1080px;
margin: 0 auto;}

.service-block hr{border:1px solid #E2E2E2;
margin:20px 0;}

.s-image{width:50%;
height:100%;
	position: absolute;
	float: left;
background:rgba(0,0,0,0.3);}

.service-text{
width:49%;
padding-left:50%;}

.service-text div{
font-size:1.05em;
box-sizing:border-box;
	width:100%;
	margin: 0 auto;
padding:6% 7%;}

.s-01{background:url(../img/thumb/service-img-01.jpg) no-repeat center;
background-size:cover;}

.s-02{background:url(../img/thumb/service-img-02.jpg) no-repeat center;
background-size:cover;}

.s-03{background:url(../img/thumb/service-img-03.jpg) no-repeat center;
background-size:cover;}

.s-04{background:url(../img/thumb/service-img-04.jpg) no-repeat center;
background-size:cover;}

.s-05{background:url(../img/thumb/service-img-05.jpg) no-repeat center;
background-size:cover;}

.s-06{background:url(../img/thumb/service-img-06.jpg) no-repeat center;
background-size:cover;}

.s-07{background:url(../img/thumb/service-img-07.jpg) no-repeat center;
background-size:cover;}
	
.s-08{background:url(../img/thumb/service-img-08.jpg) no-repeat center;
background-size:cover;}
	
	span.taisho-real{background:#84BA43;
	color:#FFF;
	padding:4px 6px;
	margin-right:10px;
	letter-spacing: 1px;}
	
	span.taisho-online{background:#EA8C24;
	color:#FFF;
	padding:4px 6px;
	margin-right:10px;
	letter-spacing: 1px;}
	
	span.taisho-other{background: #B4B4B4;
	color:#FFF;
	padding:4px 6px;
	margin-right:10px;
	letter-spacing: 1px;}
	
	

/*価格系*/

.letter{width:900px;
margin:0 auto 60px auto;
background:#FFF;
box-sizing: border-box;
padding:20px 50px;
font-size:1.05em;
line-height:1.8em;}

/*.letter p{width:100%;
box-sizing:border-box;
padding:0 30px;}*/
	
	 img.right{
		float: right;
	}

.price section{width:1080px;
margin: 0 auto;
box-sizing: border-box;
padding:0 120px;}

.price-block{
max-width:900px;
	margin: 18px auto;
box-sizing:border-box;
	padding:5px;
	margin-bottom:15px;
	background: #2D2D2D;
}
	.real{background: #efa91b;
background: -moz-linear-gradient(left,  #D9E021 0%, #29ABE2 100%);
background: -webkit-linear-gradient(left,  #D9E021 0%,#29ABE2 100%);
background: linear-gradient(to right,  #D9E021 0%,#29ABE2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9E021', endColorstr='#29ABE2',GradientType=1 );}
	
	.online{background: #F9D74E;
background: -moz-linear-gradient(right,  #F9D74E 0%, #F87F50 100%);
background: -webkit-linear-gradient(right,  #F9D74E 0%,#F87F50 100%);
background: linear-gradient(to left,  #F9D74E 0%,#F87F50 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F87F50', endColorstr='#F9D74E',GradientType=1 );}

.price-block-in{background:#FFF;
padding:15px;
box-sizing: border-box;}

.price-block-in img{display:block;
margin: 0 auto;}
.price-block-in ul li{
	font-size:0.7em;
	line-height: 22px;
}
.price-block-in ul li:before{content:"※";}


/*ボタン*/
.btn{width:1080px;
margin: 0 auto 50px auto;
padding:20px 0;}
.btn ul{
	width:700px;
	margin:0 auto;
padding:10px 40px;}
	.btn h1 img{display:block;
	margin:0 auto;}
.btn ul li{display: inline-block;}

.btn ul li:nth-child(2),.btn ul li:nth-child(3){margin-left:55px;}
.btn ul li:hover{opacity:0.8;}


/*payment*/
div.iframe-box1{
	height:190px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;}
		
/*lastmessage*/
	.last-message h3{font-size:1.8em;
		font-family: serif;
	font-weight: bold;
	line-height: 1.4em;}
	
	.last-message img{float:right;
	padding-left:30px;}
	
/*contact*/
	.contact{background-image:url(../img/header/bg-line.png),url(../img/header/header-bg.jpg);
	background-size:auto,cover;
	background-position: center;
	background-attachment: fixed;
	margin-bottom: 80px;}
	.contact section{background:rgba(255,255,255,0.7);
	padding-top:20px;}
	.contact img{
	display: block;
	width:940px;
	margin:0 auto 20px auto;}
	
	.contact p{text-align: center;
	font-size:1.3em;
	padding-bottom:60px;
	margin-bottom: 0;}
	.contact p.e-mail:before{content:'E-Mail：';}
	.contact p.e-mail{font-size:2.2em;}
	.contact p.e-mail span{padding:6px 12px;
	border: 1px solid #C0C0C0;
	background:#FFF;}

/*QA*/

	.question{margin-bottom:80px;}
	
dl.qa{
	width:880px;
	margin:0 auto;
	}
dl.qa dt{
	font-size:1.3rem;
	font-weight: bold;
	letter-spacing:0.009rem;
	margin-top:45px;
	margin-bottom:17px;
	position:relative;
	display:block;
	margin-left:53px;
	}
	.q{
		position:relative;
		}
		
.q:before{
		content:url(../img/thumb/q.png);
		position:absolute;
		top:50%;
		margin-top:-25px;}

.qa dd{
	display:block;
	width:790px;
	padding-left:15px;
	margin:0 auto;
	border-left:#C2DD22 2px solid;
font-size:0.9em;}

/*メッセージ*/
.message h3{text-align: center;
margin-bottom:30px;
font-size: 2.2em;
line-height: 70px;
font-weight: bold;
color:#00A0D9;}
.message{
	width: 800px;
	margin: 40px auto 20px auto;
 background-image: url(../img/paper.jpg);
 padding: 1em;
 border: 1px solid #aaa;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #aaa;
}
.message p{
 font-size: 0.98em;
 line-height: 2.2em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #999;
 color: #777;
}

.message .name{font-size:1.9em;
float: right;}

/*prof*/
	.prof{max-width:1080px;
	margin:0 auto;
	padding:20px 5%;
	box-sizing: border-box;}
	.prof img{width:100%;
	height: auto;}
	.prof li{margin-bottom:20px;}
	
/*footer*/
footer{
	width:100%;
	background-color:#272727;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
	padding:8px 0;}
		
	.footer-in{
		width:1080px;
		margin:0 auto;}
				
footer a{
	color:#FFF;}
	
ul.footlink{
	width: 300px;
	margin:0 auto;	
	height: 30px;}
		
	
ul.footlink li{
	width: 50%;
	float:left;
	text-align:center;
	font-size:0.8em;}


/*文字*/
.center{
	display:block;
	margin:0 auto;
	text-align:center;}
.right-img{
	float:right;
	padding-right:20px;}

.right{
	display:block;
	float:right;
	text-align:right;}
.name{
	text-align:right;
	font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;
	font-size:2.1em;
	padding-top:20px;
	letter-spacing: 5px;}

.small{
	font-size:0.8em;
	font-weight:bold;
	line-height:20px;}
	
.big{
	font-size:1.3em;
	line-height:40px;
	}

.bigger{
	font-size:2em;
	line-height:60px;}	


/*タイマー*/

.btn table{font-size:1.2em;
color:#d8056c;
display: block;
	width:560px;
margin: 0 auto;}

.yyc-day,.yyc-hou,.yyc-min,.yyc-sec{
			font-size:1.85em;
	letter-spacing: 1px;}

.yyc-day-text,.yyc-hou-text,.yyc-min-text,.yyc-sec-text{
			font-size:1.3rem;
	letter-spacing: 1px;
}
	
}/*///media*/

/*概要テーブル*/
.paymentTable{
	margin-top:30px;
	font-size:0.9em;}
.paymentTable>tbody>tr>th{
	color:#535353;
	/*text-shadow:0 -1px 0 rgba(67,67,67,0.5);*/
	background-color:#FBFBFB;}
.paymentTable,.paymentTable table{
	width:100%;
	border-collapse:collapse;
	background-color:#fff}
.paymentTable li{
	list-style:none}
.paymentTable,.paymentTable th,.paymentTable td{
	box-sizing:border-box;
	border:solid 1px #D9D9D9;}
.paymentTable th,.paymentTable td{
	padding:20px;
	word-wrap:break-word;}
.paymentTable thead,.paymentTable th{
	background-color:#ddd;}
.paymentTable thead{
	text-align:center;}
.paymentTable th{
	width:200px;
	vertical-align:top;}
.paymentTable table,.paymentTable table th,.paymentTable table td{
	border:solid 1px #b2b2b2}
.paymentTable table th,.paymentTable table td{
	padding:10px;}
.paymentTable table th{
	width:170px;
	vertical-align:middle;}
.paymentTable .course-real,.paymentTable .course-real .pattern_index{
	color:#fff;
	background-color:#84BA43;}
.paymentTable .course-online,.paymentTable .course-online .pattern_index{
	color:#fff;
	background-color:#EA8C24;}
.paymentTable ol li{
	list-style-type:decimal;
	list-style-position:inside;}
.payment_howto .pattern{
	box-sizing:border-box;
	border-left:solid 1px #323232;
	border-right:solid 1px #323232;
	border-bottom:solid 1px #323232;}
.payment_howto .pattern p,.payment_howto .pattern li{
	margin-bottom:2px;}
.payment_howto .pattern_index{
	padding:10px;
	color:#fff;
	text-align:center;
	background-color:#a3232b;}
.payment_howto .pattern_content{
	padding:10px;}
.payment_howto .price .price_content,.payment_howto .price .price_example{
	color:#cd0000;}
.payment_howto .price .price_content{
	font-weight:bold;}
.payment_howto .price .price_content p,.payment_howto .price .price_content img{
	display:inline-block;
	vertical-align:middle;}
.payment_howto .price .price_num{
	font-size:1rem;}
.payment_howto .price .price_num div{
	border-bottom:solid 1px #efefef;}
.payment_howto .price .price_example{
	font-size:small;}
.payment_howto .price small{
	font-weight:lighter;}
.payment_howto .payment_attention{
	padding:10px;
	margin-top:0px;
	border-radius:2px;
	font-size:.717em;
	background-color:#fdfdfd;}
.payment_caution{
	font-size:.9em;}
.payment_caution td>dl>dt{
	border-top:solid 1px #bbb;}
.payment_caution dt,.payment_caution dd,.payment_caution blockquote{
	padding:5px;}
.payment_caution blockquote,.payment_caution address{
	margin-bottom:1em;
	background-color:#efefef;}
.payment_caution dt{
	text-align:center;
	background-color:#ccc;}
.payment_caution dd{
	margin-left:0;}
.payment_caution dd>div{
	margin-bottom:1em;
	padding:5px;}
.payment_caution address{
	font-size:.9em;
	position:relative;}
.payment_caution address li{
	margin:5px 0;}
.payment_caution address span{
	width:70px;
	margin-right:3px;
	background-color:#fff;
	display:inline-block;
	text-align:center;}
.payment_caution address:before{
	content:"";
	height:0;
	width:0;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:-10px;
	left:0;
	right:0;
	border:solid 5px transparent;
	border-bottom:solid #ccc 5px;}
.payment_attention{
	padding-left:1em;
	text-indent:-1em;}
.payment_attention li:before{
	margin-right:2px;
	content:"※";}
.kiyaku{margin:20px 0;
	padding:1em;
	height:10em;
	overflow-y:scroll;
	box-shadow:inset 0 0 10px #ddd;
	background-color:#fefefe;
	font-size:.717em;}


@media screen and (max-width: 959px) {
   /*--- 表示領域が959px以下の場合に適用するスタイル ---*/
	.test{
		width: 600px;
		height: 50px;
	}

}
@media screen and (max-width: 640px) {
   /*--- 表示領域が599px以下の場合に適用するスタイル ---*/

	main{width:100%;
	/*overflow: hidden;*/}
	
	img{width:100%;
	height: auto;}
	
	/*right-img*/
	.right{width:40%;
	float: right;
	padding-left:3%;}

	/*h2*/
	
	h2.rot{width:100%;
	margin:0 auto 4% auto;
	padding:10% 0;
	text-align: center;
	background-image:url(../img/header/bg-line2.png),url(../img/bg/bg-black.png),url(../img/bg/bg-mission.jpg);
		background-position:center,center,bottom;
		background-size:auto,auto,cover;}
	
	h2.rot span{color: #FFF;
		font-size:29px;
		display: block;
		text-shadow: 1px 1px 15px #666;
		line-height: 1.4em;}
	
	hr.line{width:100%;
	min-width: auto;}
	
	.wrap{
	width:100%;}
	
/*header*/	
	header{
	max-width: 640px;
	/*background-image:url(../img/header/bg-line.png),url(../img/header/header-bg.jpg);
	background-size:auto,cover;*/
	padding:8% 0;}
	
	header h1{width:100%;
	margin: 0 auto 40px auto;}
	
header h1 img{display: block;
	box-sizing: border-box;
	margin: 0 auto;
	padding:2% 4%;}

.copy-line{width:100%;
	box-sizing: border-box;
padding:2% 5%;
background-image: url(../img/header/copy-bg.png);
color: #FFF;
text-align: left;
font-size:16px;
line-height: 1.7em;}

.copy-line div{width:100%;
margin: 0 auto;}

.copy-line div h2 img{display: block;
margin: 0 auto 20px auto;}

	/*content*/
.contents {
margin: 0;
padding: 80px 0;
width:100%;
height: 100%;
}

.contents_inner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 5% 4%;
	box-sizing: border-box;
  color: #fff;
  text-align: center;
}
	
/*step*/
.step:before{background:#FFF;}
	.step img.switch{margin-bottom: 20px;}

/*intoro*/
.intro:before{background:url(../img/bg/bg-intro.jpg);
	background-size:cover;}
	
.intro .contents_inner{padding:10% 0 40% 0;}
	.intro img{display:none;}
	.intro p{font-size:1.1em;
	font-family: serif;
	line-height:1.7em;
	}
	
/*動画*/
	.session-btn-box{width:100%;}
	.session-btn-box a{width:48%;
	display:inline-block;}
	.session-btn-box a:last-of-type{float:right;}
	
	.session-box ul{width:100%;
	margin-bottom:4%;}
	.session-box ul li{width:33.333%;
	height: auto;
	display: inline-block;
	padding:0 1%;
	box-sizing: border-box;}

	/*最優先*/
	
	article.saiyu-box section{width:100%;
		border:2px solid #be272d;
		box-sizing: border-box;
	margin:0 auto 40px auto;
	padding:0;}
	
	.saiyu-box section h3{width:100%;
	text-align: center;
	color:#FFF;
	background:#be272d;
	box-sizing: border-box;
	padding:13px 0;
		margin-bottom: 20px;
	font-size:1.3em;}
	
	.saiyu-text{padding:0 4%;
	box-sizing: border-box;}
	
	.saiyu-form{width:100%;
	margin:5% auto 0 auto;
	padding:3%;
	box-sizing: border-box;}
	
	.saiyu-form .submit{width:100%;
	height: auto;}
	
	.saiyu-form input{
    width: 100%;
    margin: 0 auto 10px auto;
		padding:2% 0;
    font-size: 1.2em;
    box-sizing: border-box;}
	
	.line-at{width:100%;
	margin:0 auto;
	padding:3%;
	box-sizing: border-box;}
	
	.line-at img{width:100%;
	height: auto;}
	
	.line-at a img{margin:20px 0;}
	
	.line-at img{width:100%;
	height: auto;}
	
	/*line*/
.lineid{font-size:1.2em;
font-weight:bold;
	text-align: center;
	padding:10px 0;}
.lineid span{
    padding: 8px 13px;
    border: 1px solid #ABABAB;
    letter-spacing: 4px;
    margin-right: 4px;}
	
/*ミッション*/
	.mission{padding:10% 0;
		margin-bottom:40px;
	background-image:url(../img/bg/bg-gradient-top.png),url(../img/bg/bg-gradient-bottom.png),url(../img/bg/bg-mission.jpg);
background-size:auto,auto,cover;
	background-position: top,bottom,center;
	background-repeat: repeat-x,repeat-x,no-repeat;}
	
	
	.mission-inner{width:100%;
	margin:0 auto 30px 0;
	background-color:rgba(255,255,255,0.75);
	color:#232323;
	box-sizing: border-box;
	padding:8% 4%;
	font-size:16px;
	line-height: 1.8em;
	}
	.mission-inner h2{margin-bottom: 5%;}
	.mission-inner h2:nth-of-type(2){margin-top:10%;}
	.mission-inner p{text-align: left;
	width:96%;
	margin:0 auto 1.3em auto;}
	
	/*intromessage*/
.intro-message{width:100%;
	font-size:17px;
	background:#FFF;
	margin: 0 auto;
	box-sizing:border-box;
	padding:5% 4%;}
	
	.intro-message h3{font-size:1.2em;
		line-height: 1.6em;
	margin-bottom:1.2em;}
	
	.name{
	text-align:right;
	font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;
	font-size:1.6em;
	padding-top:5%;
	letter-spacing: 3px;}
	
/*特徴*/
.tokuchou{margin-bottom:30px;}

	.tokucho-block div{width:100%;
	height:15vh;
	overflow: hidden;}
	
	.tokucho-block img{margin-top:-25%;}
	
.tokuchou section{width:100%;
margin: 20px auto;
box-sizing: border-box;
padding:2px;
background: #efa91b;
background: -moz-linear-gradient(left,  #D9E021 0%, #29ABE2 100%);
background: -webkit-linear-gradient(left,  #D9E021 0%,#29ABE2 100%);
background: linear-gradient(to right,  #D9E021 0%,#29ABE2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9E021', endColorstr='#29ABE2',GradientType=1 );
}

.tokuchou h3{font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;
font-size:1.4em;
padding-top:10px;
letter-spacing: 2px;
line-height: 1.7em;}
	
	.tokuchou h3 span.big br{display:none;}

.tokuchou hr{width:100%;
margin: 2% auto;}

.tokucho-block{box-sizing:border-box;
padding: 2% 4%;
background:#FFF;}

.t-num{
background: #29ABE2;
padding:6px 6px 6px 14px;
color:#FFF;
line-height: 60px;}
	
.about-nanasawa{width:100%;
	margin:0 auto;}
	.about-nanasawa h4{text-align:center;
	font-size:1.4em;
	line-height: 1.4em;
		font-weight: bold;
		margin-top:6%;
	margin-bottom:3%;}
	
	.about-nanasawa p{box-sizing:border-box;
	padding:0 4%;}

/*スケジュール*/
.lesson-sch li{margin-bottom:5%;}
	
	.sch .text{box-sizing:border-box;
	padding:0 4%;}
	
/*date*/
	.curriculum{width:100%;
	box-sizing: border-box;
	padding:0 6%;
	text-align: center;}
	.curriculum h3{margin-bottom:4%;}
	
/*スペシャル講師*/
	.sp-support{width:100%;
	margin: 5% auto;}
	
	.sp-support section{width:98%;
	margin:0 auto 10px auto;
	box-sizing: border-box;
	border: #DEDEDE 1px solid;}
	
	.sp-support section img,.sp-support section div{display:inline-block;vertical-align: top;}
	.sp-support section img{padding-top:10px;
	width:30%;
	padding-left:8px;
	height:auto;}
	.sp-support section div{box-sizing:border-box;
	padding:3%;}
	.sp-support section div p:last-of-type{margin-bottom:0;}
	.sp-support h2{margin-bottom:10px;}
	.sp-support h2 span{font-size:1.5em;}

	.colum{font-size:1.1em;
	 font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#5C5C5C;
	border:#D4D4D4 1px solid;
	box-sizing: border-box;
	padding:5%;
	margin:0 auto 15px auto;
	line-height: 1.4em;}
	.colum p:last-of-type{margin-bottom:0;}
	

/*受講スタイル*/
	.style{width:100%;
	margin:5% auto;
	box-sizing: border-box;
	padding:0 1%;}
	
	.style-real{width:100%;
	margin:0 auto 30px auto;
	background:#ccc;
	box-sizing: border-box;
	padding:4px;}
	
	.style-online{width:100%;
	margin:0 auto;
	background:#ccc;
	box-sizing: border-box;
	padding:4px;}
	
	.style .inner{box-sizing: border-box;
	background:#FFF;
	padding:5% 3%;}
	
	.style .inner h3{font-size:2.3em;
	line-height: 1.2em;
		text-align: center;
	padding:2px 15px;
	margin-bottom: 15px;}
	
	.style-real h3{
		color:#84ba43;
		border:1px #84ba43 solid;
	}
	.style-online h3{color:#ea8c24;
		border:1px #ea8c24 solid;}
	
	.style .inner h4{font-size:1.2em;
	font-weight: bold;
	padding:8px 18px;
		box-sizing: border-box;
	margin-bottom:10px;}
	.style .inner h4:before{content:'◆';}
	
	.style-real h4{color:#FFF;
		background:#84ba43;}
	
	.style-online h4{color:#FFF;
		background:#ea8c24;}
	
	.style .inner ul{padding-left:20px;
	list-style: square;}
	
	
/*サービス*/
	.service{margin-bottom:30px;}
.service-block h3:before{
	font-size: 1.2rem!important;
	line-height: 10px;
	counter-increment:support;
content:"Support"counter(support)"　";
	color: #29ABE2;
}
article{counter-reset:support;}

.service-block h3{font-size:1.3em;
line-height: 1.7em;
font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;}

.service-block{position:relative;
padding:0!important;
width:100%;
margin: 0 auto;}

.service-block hr{border:1px solid #E2E2E2;
margin:20px 0;}

.s-image{width:100%;
height:25vh;
	float: left;
background:rgba(0,0,0,0.3);}

.service-text{
width:100%;}

.service-text div{
box-sizing:border-box;
	width:100%;
	margin: 0 auto;
padding:3% 4%;}

.s-01{background:url(../img/thumb/service-img-01.jpg) no-repeat center;
background-size:cover;}

.s-02{background:url(../img/thumb/service-img-02.jpg) no-repeat center;
background-size:cover;}

.s-03{background:url(../img/thumb/service-img-03.jpg) no-repeat center;
background-size:cover;}

.s-04{background:url(../img/thumb/service-img-04.jpg) no-repeat center;
background-size:cover;}

.s-05{background:url(../img/thumb/service-img-05.jpg) no-repeat center;
background-size:cover;}

.s-06{background:url(../img/thumb/service-img-06.jpg) no-repeat center;
background-size:cover;}

.s-07{background:url(../img/thumb/service-img-07.jpg) no-repeat center;
background-size:cover;}

.s-08{background:url(../img/thumb/service-img-08.jpg) no-repeat center;
background-size:cover;}

		span.taisho-online{background:#84BA43;
	color:#FFF;
	padding:4px 6px;
	margin-right:10px;
	letter-spacing: 1px;}
	
	span.taisho-real{background:#EA8C24;
	color:#FFF;
	padding:4px 6px;
	margin-right:10px;
	letter-spacing: 1px;}
	
	span.taisho-other{background: #B4B4B4;
	color:#FFF;
	padding:4px 6px;
	margin-right:10px;
	letter-spacing: 1px;}
	
/*価格系*/
.letter{width:100%;
margin:0 auto 60px auto;
background:#FFF;
box-sizing: border-box;
padding:3% 4%;
font-size:1em;
line-height:1.6em;}

.price-block{
max-width:100%;
	margin: 0 auto;
box-sizing:border-box;
background: #2D2D2D;
padding:5px;
margin-bottom:15px;
}
	

	.real{background: #efa91b;
background: -moz-linear-gradient(left,  #D9E021 0%, #29ABE2 100%);
background: -webkit-linear-gradient(left,  #D9E021 0%,#29ABE2 100%);
background: linear-gradient(to right,  #D9E021 0%,#29ABE2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9E021', endColorstr='#29ABE2',GradientType=1 );}
	
	.online{background: #F9D74E;
background: -moz-linear-gradient(right,  #F9D74E 0%, #F87F50 100%);
background: -webkit-linear-gradient(right,  #F9D74E 0%,#F87F50 100%);
background: linear-gradient(to left,  #F9D74E 0%,#F87F50 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F87F50', endColorstr='#F9D74E',GradientType=1 );}


.price-block-in{background:#FFF;
padding:15px;
box-sizing: border-box;}

.price-block-in img{display:block;
margin: 0 auto;}
.price-block-in ul li{
	font-size:0.5em;
	line-height: 1.6em;
}
.price-block-in ul li:before{content:"※";}


/*payment*/
	.paymentTable{
		border:none;
	}
	tr th,td{
		width:100% !important;
		display:inline-block;
	}
	.paymentTable img{
		width:auto !important;
	}
	
	div.iframe-box1{
		width:100%;
	height:40vh;
	overflow:scroll;
		-webkit-overflow-scrolling:touch;}

	div.voice-box{
		width:96%;
		margin:0 auto;
	height:50vh;
	overflow:scroll;
		-webkit-overflow-scrolling:touch;}

	iframe{width:100%;}
	
		
/*ボタン*/
	.btn{padding:7% 0;}
	.btn ul{display:block;
	box-sizing:border-box;
	padding:0 20%;}
	.btn ul li{margin-bottom:4%;}
	.btn h1{margin-bottom:5%;}

/*lastmessgae*/
	
	.last-message h3{font-size:1.4em;
	font-family: serif;
	font-weight:bold;
	border-left: 3px solid #84ba43;
	padding-left: 3%;}
	
	.last-message p{font-size:0.9em;
	line-height: 1.4em;}
	
	.last-message .name{font-size:1.6em;}
	
	.last-message img{float:right;
	padding-left:3%;
	width:40%;
	height: auto;}

	/*contact*/
	.contact{background-image:url(../img/header/bg-line.png),url(../img/header/header-bg.jpg);
	background-size:auto,cover;
	background-position: center;
	margin-bottom:4%;}
	.contact section{background:rgba(255,255,255,0.7);
	padding:15px 0;}
	.contact img{
	display: block;}
	
	.contact p{
	display: block;
		padding:4%;
		box-sizing: border-box;
	font-size:1em;
	line-height: 1.5em;
	margin-bottom: 0;}
	
	.contact p.e-mail{text-align: center;
		font-size:1.2em;}
	.contact p.e-mail span{padding:6px 12px;
	border: 1px solid #C0C0C0;
	background:#FFF;}

	/*timer*/
	.btn table{font-size:1.2em;
color:#d8056c;
	text-align: center;
	padding:20px 0;}
	
.yyc-day,.yyc-hou,.yyc-min,.yyc-sec{
			font-size:1.7em;
	letter-spacing: 1px;
	line-height: 1.6em;}

.yyc-day-text,.yyc-hou-text,.yyc-min-text,.yyc-sec-text{
			font-size:1.2rem;
	letter-spacing: 1px;
}

	/*QA*/

dl.qa{
	width:auto;
	margin:0 auto 30px auto;
	}
dl.qa dt{
	font-size:1.2rem;
	font-weight: bold;
	letter-spacing:0.009rem;
	margin-top:45px;
	margin-bottom:17px;
	position:relative;
	display:block;
	margin-left:53px;
	}
	.q{
		position:relative;
		}
		
.q:before{
		content:url(../img/thumb/q.png);
		position:absolute;
		top:50%;
		margin-top:-25px;}

.qa dd{
	display:block;
	width:auto;
	box-sizing: border-box;
	padding-left:10px;
	padding-right: 10px;
	margin:0 auto;
	border-left:none;
	font-size:0.9em;}
	
	/*footer*/
footer{
	min-width:100%;
	background-color:#272727;
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:8px 0;}
		
	.footer-in{
		width:100%;
		margin:0;}
	
	.footer-in p{
		margin-bottom:0;
	}
				
footer a{
	color:#FFF;}
	
ul.footlink{
	width: 100%;
	margin:0 auto;	
	height: auto;}
		
	
ul.footlink li{
	width: 100%;
	float:none;
	text-align:center;
	font-size:0.8em;
	padding:5px 0;}
	
	.right-img{float:none;
	padding: 0;}
	
	.small{
	font-size:0.8em;
	font-weight:bold;
	line-height:20px;}

}


/*span*/
.yellow{color:#FCEE21;}
.red{color:#FF276A;}
.bold{font-weight:600;}
.u{text-decoration:underline;}