@charset "UTF-8";

/* ------------------------------------------- CSS Information
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */
html{overflow-y:scroll;}
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin: 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
li{list-style:none;}
:first-child + html body { font-size: small; }
/* ------------------------------------------- CSS Information
 Style Info:     基本設定
----------------------------------------------------------- */
html,body{
    width: 100%;
}
/*A Style*/
a:link{text-decoration: none;color: #fff;}
/*a:visited{text-decoration: none;color: #66666;}*/
a:hover{text-decoration: none; color: #881111;}
a:active{text-decoration: none; color: #881111;}
/*font*/
.b{font-weight:bold;}
.ul{text-decoration:underline;}
.bg{background-color:#fff45c;}
.big{font-size:20px;}@media only screen and (max-width:640px){.big{font-size:16px;}}
.red{color:#c70003;}
.bold {font-weight: 700;}
/*----- image -----*/
img.pc{display:block;margin:0 auto;padding:0;width:100%;max-width:960px;}
img.sp{display:none;margin:0 auto;padding:0;width:100%;max-width:640px;}
img.img_right{float:right;padding:0 0 10px 10px;width:33.3%;max-width:300px;}
@media only screen and (max-width:640px){
img.pc{display:none;}
img.sp{display:block;}
img.img_right{float:none;padding:0 0 20px 0;width:75%;max-width:300px;margin:0 auto;display:block;}
}
/*----- br -----*/
br.pc{display:block;}
br.sp{display:none;}
@media only screen and (max-width:640px){
br.pc{display:none;}
br.sp{display:block;}
}

/* ------------------------------------------- CSS Information
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */
body{
font-family:"メイリオ",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#333333;
font-size:16px;
line-height:0;
text-align:center;
background:#ffffff;
letter-spacing:0em;
overflow:hidden;
min-width:320px;
}

/*----- header -----*/
header{
margin:0;
width:100%;
text-align:center;
/*background:url(../img/top01.jpg) no-repeat center top;*/
}
.title-box {
	margin: 20px;
}
@media only screen and (max-width:796px){
.title-box {
	margin: 10px;
}	
}
.fb-yt-box {
	width:960px;
	margin: 0 auto;
	margin-bottom: 70px;
}
.fb-yt-box .fb-yt-box-l a {
	width: 49%;
	float: left;
	margin: 0;
	padding: 0;
}
.fb-yt-box .fb-yt-box-r a {
	width: 49%;
	float: right;
	margin: 0;
	padding: 0;
}
.fb-yt-box .fb-yt-box-l a img,
.fb-yt-box .fb-yt-box-r a img {
	width: 100%;
	height: auto;
}
.clear {
	clear: both;
}
@media only screen and (max-width:796px){
.fb-yt-box {
	width:96%;
	margin: 0 auto;
	margin-bottom:0;
}
}
@media only screen and (max-width:640px){}

/*----- nav_header -----*/
.nav_header{
margin:0;
width:100%;
text-align:left;
background:#111111;
}
.nav_header ul{
width:100%;
max-width:960px;
margin:0 auto;
background:#ffffff;
}
.nav_header ul li{
display:inline-block;
width:25%;
}
.nav_header ul li.now{opacity:0.8;}
.nav_header ul li a{
display:block;
width:100%;
}
.nav_header ul li a:hover{opacity:0.5;}
@media only screen and (max-width:640px){}

/*----- movie -----*/
.wrapper{
width:100%;
max-width:900px;
margin:0 auto;
padding:20px 0;
}
.movie_wrapper{
width:100%;
margin:0 0 30px 0;
padding:20px 3.125%;
box-sizing:border-box;
background:#2b2b2b;
}
.movie{
width:100%;
max-height:506px;
margin:0;
padding:0;
}
.movie_box{
position:relative;
width:100%;
max-width:900px;
max-height:506px;
margin:20px auto;
padding-top:56.25%;
}
.movie_box iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:900px;
max-height:506px;
box-sizing:border-box;
}
.movie_box .viddler-auto-embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:900px;
max-height:506px;
box-sizing:border-box;
}
.btn_mp3{
display:block;
width:300px;
margin:0 auto;
}
.btn_mp3 img{width:100%;}
@media only screen and (max-width:640px){
html {
		width: 100%;
	}
body {
		width: 100%;
	}
.wrapper{padding:0 0 20px 0;}
.movie_wrapper{margin:0 0 20px 0;}
.movie{}
.movie_box{}
.movie_box iframe{}
.btn_mp3{
display:block;
width:300px;
margin:0 auto;
}
.btn_mp3 img{width:100%;}
.btn_mp3{
width:150px;
margin:0 auto;
}
}

/*----- seminar -----*/
.seminar{
width:100%;
margin:30px 0 0 0;
background:#c4d700;
}
.seminar a{
display:block;
width:100%;
max-width:960px;
margin:0 auto;
paddgin:0;
}
@media only screen and (max-width:640px){.seminar{margin:0;}}

/*----- present02 -----*/
.present02{
width:100%;
max-width:960px;
margin:0 auto;
position:relative;
}
.btn_line{
display:block;
width:50%;
position:absolute;
top:77.3%;
left:25%;
}
.btn_line img{width:100%;}
@media only screen and (max-width:640px){
.present02{
width:100%;
	}
.btn_line{
display:block;
width:75%;
position:absolute;
top:87.5%;
left:12.5%;
}
}


/*--- footer ---*/
footer{
margin:0;
padding:40px 0;
width:100%;
background:#111111;
color:#ffffff;
}
#fnav a{color:#ffffff;text-decoration:none;}
#fnav a:hover{color:#ffffff;text-decoration:underline;}
#fnav{margin:0 0 20px 0;}
#fnav ul{list-style-type:none;}
#fnav li{
font-size:12px;
line-height:20px;
display:inline-block;
padding:0 5px;
border-right:1px solid #cccccc;
}
#fnav li:last-child{
	border-right:none;
}
address{
text-align:center;
font-size:12px;
line-height:20px;
padding:0;
}
@media only screen and (max-width:767px){
footer{padding:1em 0;}
#fnav li{
line-height:1.5;
display:block;
border-right:0;
}
.sp_no{display:none;}
}
/*追加
*/
.koukai {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 0px;
}
.koukai .image-mr {
	margin: 0;
	padding: 0;
	margin-right: 1.5%;
}
.koukai img {
  width: 22%;
  height: auto;
}
.koukai a:hover img {
	/*opacity: 0.6;*/
}
.line-link {
	font-size: 30px;
	font-weight: bold;
	margin: 30px auto 50px;
}
.line-link a {
	color: #0e6daf;
	text-decoration:underline;
}
.line-link a:hover {
	color: #1397f3;
	text-decoration:underline;
}
.btn_center {
	width: 578px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.mb50 {
	margin-bottom:50px;
	}
.mb30 {
	margin-bottom:30px;
	}
.mb10 {
	margin-bottom:10px;
	}
.display-pc {}
.display-sp{
	display: none;
}
@media only screen and (max-width:767px){

.koukai {
	width:95%;
	margin: 1em auto 0;
}
.koukai img {
	width:28%;
	height: auto;
	}
.koukai .image-mr {
	margin: 0;
	padding: 0;
	margin-right:2%;
}
.koukai a:hover img {
	opacity: 0.6;
}

.line-link {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em auto 1.5em;
	word-break: normal;
	line-height: 1.5;
}
.line-link a {
	color: #0e6daf;
	text-decoration:underline;
}
.line-link a:hover {
	color: #1397f3;
	text-decoration:underline;
}
.btn_center {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 1em;
	padding-top: 0.5em;
}
.btn_center img {
		width: 100%;
		height: auto;
	}
.display-pc {
	display: none;
	}
.display-sp{
	display:block;
	}
.mb50 {
	margin-bottom: 1.5em;
	}
.mb30 {
	margin-bottom: 1em;
	}
}
/* 1/16追記分 */
.block-sns h2{
	font-size:40px;
	font-weight:bold;
	margin:20px 0;
	padding-bottom:20px;
}
.block-sns i{
	font-size:64px;
	margin:5px;
}
.fa-envelope{
	background:#F1AF33;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	border-radius: 7px;
	font-size: 50px !important;
	vertical-align: text-bottom;
}
.fa-line{
	color:#1bb71f;
}

.fa-twitter-square{
	color:#1B95E1;
}
.fa-facebook-square{
	color:#3D59A8;
}

/*1/16 追記*/
.block-sns img{
	display:block;
		width: 60px;
    height: 60px;
}
.block-sns a{
	display:block;
	border:none;
	width: 60px;
    height: 60px;
    margin-right:20px;
}
.block-sns .inner_block {
    display: flex;
    text-align: center;
    width: 300px;
    margin: auto;
}
.block-sns a i{
	display:block;
	margin:0;
	padding:0;
}
.fb-like {
    margin-top: 20px;
    position: static!important;
    display: inline-block!important;
}
.block-sns h2{
	line-height:normal;
	margin: 10px auto;
	padding-bottom:0;
}
@media screen and (max-width: 800px){
	.block-sns h2{
		font-size: 6vw;
	}
}
/*ライブセミナー用*/
.live-box {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-top: 30px;
	box-sizing: border-box;
}
.live-box-in {
	background-color: #333;
	padding: 1px 0;
}
.live-box h2 {
    margin: 10px auto;
    padding:15px 0 10px 0;
	font-size: 40px;
    font-weight: bold;
	margin-bottom: 30px;
	background-color: #f7f7f7;/*#f9ebeb*/
	border-top:1px solid #881111;
	border-bottom:1px solid #881111;
	color: #981313;
	line-height: 1.3;
}
.live-box p {
	line-height: 1.5;
	font-size: 1.5rem;
	text-align: left;
	margin-left: 1rem;
	margin-right: 1rem;
}
.live-box .syousai {
	width: 97%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 25px;
	box-sizing: border-box;
}
.live-box .syousai p.title {
	background-color: #f2f2f2;
	padding: 2px;
	border-bottom:1px solid #ccc;
}
.live-box .syousai h3 {
	line-height: 1.5;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}
/*投稿用*/
.toukou-box {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-top: 30px;
	box-sizing: border-box;
}
.toukou-box h2 {
    margin: 10px auto;
    padding:15px 0 10px 0;
	font-size: 40px;
    font-weight: bold;
	margin-bottom: 30px;
	background-color: #f7f7f7;/*#f9ebeb*/
	border-top:1px solid #881111;
	border-bottom:1px solid #881111;
	color: #981313;
	line-height: 1.3;
}
.toukou-box p {
	line-height: 1.5;
	font-size: 1.5rem;
	text-align: left;
	margin-left: 1rem;
	margin-right: 1rem;
}
.toukou-box .syousai {
	width: 97%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 25px;
	box-sizing: border-box;
}
.live-box .syousai p.title {
	background-color: #f2f2f2;
	padding: 2px;
	border-bottom:1px solid #ccc;
}
.toukou-box .syousai h3 {
	line-height: 1.5;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}
@media only screen and (max-width:796px){
/*ライブセミナー用*/
.live-box {
	width:100%;
	margin: 0 auto;
	margin-bottom: 30px;
	padding-top: 10px;
	box-sizing: border-box;
}
.live-box h2 {
	line-height: 1.3;
    margin: 10px auto;
    padding:15px 0 10px 0;
	font-size: 20px;
    font-weight: bold;
	margin-bottom: 30px;
	background-color: #f7f7f7;
	border-top:1px solid #881111;
	border-bottom:1px solid #881111;
	box-sizing: border-box;
	width: 100%;
}
.live-box p {
	line-height: 1.5;
	font-size: 1.1rem;
	text-align: left;
	margin-left: 1rem;
	margin-right: 1rem;
}
.live-box .syousai {
	width: 96%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}
.live-box .syousai p {
	margin-left: 0;
	margin-right: 0;
	}
.live-box .syousai p.title {
	background-color: #f2f2f2;
	padding: 2px;
	border-bottom:1px solid #ccc;
}
.live-box .syousai h3 {
	line-height: 1.3;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}
/*投稿用*/
.toukou-box {
	width:100%;
	margin: 0 auto;
	margin-bottom: 30px;
	padding-top: 10px;
	box-sizing: border-box;
}
.toukou-box h2 {
	line-height: 1.3;
    margin: 10px auto;
    padding:15px 0 10px 0;
	font-size: 20px;
    font-weight: bold;
	margin-bottom: 30px;
	background-color: #f7f7f7;
	border-top:1px solid #881111;
	border-bottom:1px solid #881111;
	box-sizing: border-box;
	width: 100%;
}
.toukou-box p {
	line-height: 1.5;
	font-size: 1.1rem;
	text-align: left;
	margin-left: 1rem;
	margin-right: 1rem;
}
.toukou-box .syousai {
	width: 96%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}
.toukou-box .syousai p {
	margin-left: 0;
	margin-right: 0;
	}
.toukou-box .syousai p.title {
	background-color: #f2f2f2;
	padding: 2px;
	border-bottom:1px solid #ccc;
}
.toukou-box .syousai h3 {
	line-height: 1.3;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}
}

.pc {}
.sp {
	display: none;
}
@media only screen and (max-width:796px){
.pc {
	display: none;
}
.sp {
	display: block;
}
}
/*塾長ボタン*/
p.btn {
  background: #881111;
  color: #FFFFFF;
  font-size:34px;
  font-family:"Noto Serif JP";
  font-weight:700;
  /*height: 100px;*/
  width: 90%;
  border-radius: 25px;
	border:1px solid #111;
	padding: 20px 0;
	text-align: center;
	box-sizing: border-box;
	margin: 0 5% 50px;
}
p.btn:hover {
  background: #fff;
  color: #881111;
	border: 2px solid #881111;
}

@media only screen and (max-width:796px){
p.btn {
  font-size: 20px;
  border-radius: 20px;
	box-sizing: border-box;
    width: 90%;
	padding: 15px 0;
	margin-bottom: 30px;
}
}
.f-size2 {
	font-size: 2rem !important;
}
@media only screen and (max-width:796px){
.f-size2 {
	font-size: 1.25rem !important;
}
}