@charset "utf-8";
/* CSS Document */

a{border:0;}

/*-----------------------------------------------------
	header
-----------------------------------------------------*/
header{
	width:100%;
	border-bottom:1px solid #ccc;
	border-top:2px solid #0477e2;
	/*height:50px;*/
	text-align:center;
	margin:0;
}

#head{
	width:1270px;
	margin:0 auto;
}
#hd_logo{
  width: 20%;
  float:left;
	padding-top:0px;
	text-align: left;
}
#hd_menu{
 display: none;
}
	

#hd_menu a:link{
	text-decoration: none;
	color: #636161;
}

#main_bg{
	background: url(../img/main_img_bg.jpg);
	width:100%;
	height:750px;/*485*/
	margin:0;
}

#main_bg_02{
	width:100%;
	margin:0;
	border-bottom:2px solid #ccc;
	height: 312px;
}

.top_arrow{
	width:1300px;
	margin:0 auto;

}

.arrow{	
	position: absolute;
	top:450px;/*430*/
	left:50px;}

.mainimage{
	width:1300px;
	margin:0 auto;
	text-align:center;
		position:relative;
 }
 
 
.mainimage img{
	 margin:0 auto;
  }


.top-formarea{
	width:1300px;
	height: 270px;
	margin:0 auto;
	text-align:center;
}

.top-formarea_l{
	float:left;
	width: 626px;
}
.top-formarea_r{
	position:relative;
}

.mail_01{
	position:absolute;
	width:674px;
	top:10px;
	left:640px;
	text-align:left;

}

.mail_01 .mailform_01{
	width:480px;
	height:25px;
	background:#fbffc9;
	border:solid 1px #9a9a97;
	-webkit-box-shadow:0 0 2px 6px rgba(200,200,200,0.2) inset;
	-moz-box-shadow:0 0 2px 6px rgba(200,200,200,0.2) inset;
	box-shadow:0 0 2px 6px rgba(200,200,200,0.2) inset;
	font-size:140%;
	font-weight:bold;
	margin:0px 0px 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.top_fitem_l{
	height:30px;
	vertical-align:middle;
	padding-left:5px;
}
.top_fitem02_l{
	height:30px;
	vertical-align:middle;
	padding-left:5px;
}
.top_fitem_r{font-size:70%;vertical-align:middle;}

.masse_cnt{
  border-top:2px dotted #d5d3b6; 
  margin-top: 20px;
  padding-top: 35px;
}

.PCnone{display:none;}
.main_tab{display:none;}
.SPnone{display:block;}

/*-----------------------------------------------------
	contetnts
-----------------------------------------------------*/
#maincontents{
	background:url(../img/main_bg.png);
}


#wrapper{
	background: #ffffff;
	width:940px;
	margin:0 auto;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.caution_box{
	margin-bottom:30px;
}

.caution_box_end{
	padding-bottom:30px;
}


.img_box{width:940px;}
.img01{float:left;padding-right:9px;padding-bottom:9px;}
.img02{ float:left; padding-right:0px; padding-bottom:9px;}
.img03{float:left;padding-right:5px;padding-bottom:9px;}


#fm_ar{
position: relative;  
padding:0; 
margin: 0px 0 0;
}

.formarea{
	
	
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 30px;
position: relative;  
}
.free{
	top: 5px;
	right: 5px;
  position: absolute;  
  z-index: 3;
}
@media only screen and (max-width: 640px) {
.masse_cnt{
margin-top: 0px!important;
}  
.free{
	top: 0px;
	right: 0px;
  position: absolute;  
  z-index: 3;
}
}

.formarea_end{
	background:#fdfec7;
	border:13px solid #ff801e;/**/
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	position:relative;
	padding-top: 30px;

}



.form_ttl{ margin-bottom:30px;}
.form_ttl img{ margin:0 auto;}
.form_ttl02 { margin-left:20px; margin-bottom: 15px; text-align:left;}


.mail_02{
	width:860px;
	padding-bottom:20px;
	margin:0 auto;

}

.mail_02 .mailform_02{
	width:820px;
	height:40px;
	background:#ffffff;
	border:solid 1px #787877;
	-webkit-box-shadow:0 0 2px 6px rgba(200,200,200,0.2) inset;
	-moz-box-shadow:0 0 2px 6px rgba(200,200,200,0.2) inset;
	box-shadow:0 0 2px 6px rgba(200,200,200,0.2) inset;
	font-size:180%;
	margin-top: 10px;
	margin-bottom:10px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.formarea .mailform_03 { text-align: left!important; margin-left: 20px;}
.formarea .mailform_03 input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 10px; 
  margin-left: 30px;
  text-align: left!important;  
}
.mailform_03 label{	font-size:150%;}
.mailform_03 img {line-height: 1;}

.fitem03_l{height:36px;padding-right:7px;text-align: left;}
.fitem_l{height:32px;padding-right:7px;text-align: left;}
.fitem02_l{height:32px;padding-right:7px;text-align: left;}
.fitem_r{font-size:90%;vertical-align:middle;}

.btn{ margin-top:10px; margin-bottom:15px;}

.mail_txt p{ text-align:left; font-size:90%;line-height:1.5; margin-bottom:15px;}

.mail_inner{background:#f0f5f6;padding:10px 10px 5px;}

figure#media_01,figure#media_02{
	float:left;
	margin-right:10px;
	
}

figure#media_03{float:left;}

.media_box{padding-left:40px;}

.lesson_box{
	background:#efeeec;
	padding:16px;
	margin-bottom:10px;
}

.recom_box{
	background:#fcfbee;
	border:8px solid #afe1f4;
	position:relative;
	padding:20px;
	margin-top: 30px;
	margin-bottom: 20px;

}

.recom_l{
	float:left;
	padding-right:20px;
}

.recom_r{
	float:left;
	background-image: url(../img/stamp.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 700px;
}

.recom_name{
	min-height:130px;
}

.letter p {
	background-image: url(../img/letter_line.png);
	margin: 0px;
	line-height: 30px;
	font-size: 11pt;
	padding:0px 10px;
}

.voice{
	margin-bottom:10px;
}

.recom02_box{
	background:#fcfbf3;
	border:1px solid #deded9;
	padding:20px 20px 10px;
	font-size:16px;
	line-height:1.6;
	margin-bottom:40px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	background:#fcfbf3;
}

.recom02_l{
	float:left;
	padding-right:20px;
}

.recom02_r{
	float:left;
	width: 700px;
	
}
#fbarea{ width:940px;}



table.tbl01 {
	width: 100%;
	border-collapse: collapse;
	border: #d2d2d2 1px solid;
	margin:0 auto 15px;
	text-align: center;
}
table.tbl01 th {
	background: #eaeaea;
	padding: 15px;
	text-align: center;
	border: #d2d2d2 1px solid;
	font-size: 12px;
	font-size: 1.2rem;
}
table.tbl01 td {
	background: #fff;
	padding: 15px;
	border: #d2d2d2 1px solid;
	font-size: 12px;
	font-size: 1.2rem;
}

#tbl_cnt01{ margin-bottom: 40px!important;}

#tbl_cnt01 .th01 {
	width: 19%;
}

#tbl_cnt01 .th02 {
	width: 19%;
}

#tbl_cnt01 .th03 {
	width: 15%;
}

#tbl_cnt01 .th04 {
	width: 37%;
}

#tbl_cnt01 .pick_line {
	border: #f50909 3px solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#tbl_cnt01 .pickup {
	background-color: rgba(230, 0, 18, 0.05);
	font-weight: 700;
}



@media screen and (max-width: 720px) {
table.tbl01 {border: none;	}
#tbl_cnt01 .pickup {
border-left: #f50909 3px solid;
border-right: #f50909 3px solid;  
}
#tbl_cnt01 .pickup_top {
background-color: rgba(230, 0, 18, 0.05);
font-weight: 700;
border-top: #f50909 3px solid;  
border-left: #f50909 3px solid;
border-right: #f50909 3px solid;  
}  
#tbl_cnt01 .pickup_end {
background-color: rgba(230, 0, 18, 0.05);
font-weight: 700;
border-bottom: #f50909 3px solid;  
border-left: #f50909 3px solid;
border-right: #f50909 3px solid;  
}  

table.tbl01 th.vtca {
background: #eaeaea;
	text-align: center!important;
	border: #d2d2d2 1px solid;
	font-size: 11px;
	letter-spacing: .2em;  
white-space: nowrap;
  margin: 0!important;
}
  
p.ttexe {
  width: 100%!important;
  writing-mode: vertical-rl;
	white-space: nowrap;
	margin: 0px!important;
  padding: 0!important;
	line-height: 0.3em!important;
  display: inline-block;
  text-align: center!important;
}
table.tbl01 td {
	background: #fff;
	padding: 15px;
	border: #d2d2d2 1px solid;
 border-bottom: none; 
	font-size: 12px;
	}
table.tbl01 td.cll_end {
	border-bottom: #d2d2d2 1px solid;
}  
}



/*-----------------------------------------------------
	footer
-----------------------------------------------------*/
footer{
	width:100%;
	padding-top: 15px;
	padding-bottom:100px;
	text-align: center;
	color:#333;
	font-size:90%;
	background:#e9e7e7;

}

#ft_contents{width:940px;margin:0px auto;}

#f_menu a{
	color:#333;
	text-decoration:none;
}

#f_top{ text-align:right;}

#f_menu{text-align:center;padding:15px;}

#copy{
	padding-top:10px;
	text-align: center;
	font-size:90%;
}

div.btn_entry{margin:20px auto 50px;}

/*********/
.movie{
	text-align:center;
	 margin:40px auto 30px !important;
}
iframe.yout{ width:750px; height:422px;}
iframe.yout2{ width:600px; height:338px;}




@media screen and (max-width: 840px) { 
.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}


.profile{
  background: #faf9eb;
  padding: 20px 20px;
}


.tokuten {
    width: 94%!important;
  clear: both;
    background: #faf9eb;
    padding: 7% 3% 3%;
    margin-bottom: 50px;
}

.toku_img {
    width: 38%!important;
    float: right!important;
max-width: 100%;
    margin: 0 auto;  
}
.tokuten p {
    width: 58%;
    margin: 0 0 15px;
    padding: 0;
}
.toku_ttl{
    margin: -12.5% 0 2em;
}
.toku_ttl2{
  display: block;
    margin: -12.5% auto 2em auto!important;
}
.toku_img2 {
    width: 38%!important;
    float: left!important;
max-width: 100%;
    margin: 0 auto;  
}
p.toku_p2,
img.toku_ttl2{
margin-left: auto!important;
}

/*********/


@media only screen and (max-width: 1024px) {
.mainimage2 img.PCnone{display:none!important;}
.mainimage2 img.main_tab{display:block!important; width: 100%; height: auto;}	
.mainimage img.SPnone{display:none;} 
  
#tbl_cnt01  table.SPnone{display: block!important;}
#tbl_cnt01  table.PCnone{display: none!important;}  
  
div.PCnone{display:block!important;}  
div.SPnone{display:none!important;}  
  
.PCnone{display:block!important; width: 100%;}  
.SPnone{display:none!important;} 

#head{width:100%;margin:0 auto;}
#hd_logo{
	padding-top:5px;
	width:100%;
  text-align: center;
  }
#hd_menu{
	padding-top:0px;
	width:100%;
	text-align:center;
	margin: 0;
	font-size:75%;
}
  

#main_bg {
     display: none;
}  
#wrapper{
	width:100%;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}  


.mail_02{
	width:90%;
	margin-top: 10px;
	padding-bottom:10px;
}

.mail_02 .mailform_02{
	width:90%;
	font-size:100%;
}
input[type="image"] {
    width: 90%;
}  
  .profile img.PCnone{
    width: 70%; margin: 0 auto 20px;
  }
table.tbl01 {
    width: 95%;
  }
  #ft_contents{width: 100%;} 
  
.toku_ttl {
  width: 58%!important;
  }
.toku_ttl2 {
  width: 58%!important;
  float: right!important;
    display: block;
       margin: -12.5% auto 2em auto!important;
}    
}
@media only screen and (max-width: 768px) {
.mainimage2 img.main_tab{display:block!important; width: 100%; height: auto;}
#main_bg {
  display: none;
}   
}






@media only screen and (max-width: 640px) {
	/* スマホ用のCSS */
.mainimage2 img.PCnone{display:block!important;}
.mainimage2 img.main_tab{display:none!important;}	
.mainimage img.SPnone{display:none!important;} 

#tbl_cnt01  table.SPnone{display: none!important;}
#tbl_cnt01  table.PCnone{display: block!important;}  
#main_bg {
display: none;
}    
  
.tokuten {
 width: 95%;
    margin:0 auto 20px;
}
.toku_ttl,
.toku_ttl2{
    margin: -16% 0 1em!important;
}
.toku_ttl {
  width: 100%!important;
  float: none!important;
    display: block;
}  
.toku_ttl2 {
  width: 100%!important;
  float: none!important;
    display: block;
   margin: -16% 0 1em!important;
}    
.toku_img ,
.toku_img2 {
  margin-bottom: 20px;
  width: 95%!important;
  margin: 0 auto 15px!important;
  display: block;
}  
.tokuten p {
    width: 95%;
    margin: 0 auto 15px;
    padding: 0;
} 
  
  
  

	*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
	
body{
	padding:0px;
	width:100%;
	font-size:13px; 
}


.PCnone{display:block;}
.main_tab{display:none;}	
.SPnone{display:none;}
	
header{height:auto;}
	
#head{width:100%;margin:0 auto;}

#wrapper{
	width:100%;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}

#hd_logo{
	padding-top:5px;
	width:100%;
  text-align: center;
  }
#hd_menu{
  display: none;
  }


#main_bg{
	background-image:none;
	width:100%;
	height:auto;
	margin:0;
	
}

#main_bg_02{
	width:100%;
	height:auto;
	margin:0;
}
  
  

.mainimage{width:100%;text-align:center;}  
.mainimage img{width:100%;}

.top-formarea{
	width:100%;
	height: auto;
	margin:0 auto;
}

h3 img ,.top-formarea img , .caution_box img, .caution_box_end img , .img_box img , 
.form_ttl img , .sp-img , figure img , .profile img  , .tokuten img , .lesson_box img , .recom_box img ,  
.voice img , .recom02_box img{
	max-width:100%;
	width:100%;
  float: none!important;
}

.top-formarea_l{width:100%;}

.mail_01{
	position:relative;
	width:100%;
	padding:10px;
	top:0;
	left:0;

}

.mail_01 .mailform_01{
	width:100%;
	height:50px;
	font-size:100%;
}

.top_fitem_l{height:auto; padding-left:30px; padding-right:30px;}
.top_fitem02_l{height:auto; padding-left:50px; padding-right:50px;}
.top_fitem_r{font-size:80%;}	

.caution_box{margin-bottom:10px;}
.caution_box_end{padding-bottom:10px}

h3{
	padding:0;
	margin:10px auto 0px;
}


.img_box{width:100%;}
.img01{ float: none; padding-right:0px; padding-bottom:5px; text-align:center;}
.img02{ float: none; padding-right:0px; padding-bottom:5px; text-align:center;}
.img03{ float: none; padding-right:0px; padding-bottom:5px; text-align:center;}

  .profile img.PCnone{
    display: block;
    width: 80%!important;
    margin: 0 auto 20px;
  }

.formarea{
	
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

.formarea_end{
	border:5px solid #ff801e;/**/
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}


.form_ttl{ margin-bottom:10px;}
.form_ttl02{padding:0px; text-align: center;}

.mail_02{
	width:100%;
	margin-top: 10px;
	padding-bottom:10px;
}

.mail_02 .mailform_02{
	width:100%;
	font-size:100%;
}

  
  
.fitem_l{height:auto;paddin:0;width:70%;}
.mailform_03 .fitem_l{height:auto;paddin:0;width:23%; float:left;}  
.fitem02_l{height:auto;paddin:0;width:60%;}
.fitem_r{font-size:70%;}
.formarea .mailform_03 input[type=checkbox] {
  margin-left: 20px;
}  
  
.btn{ margin-top:10px; margin-bottom:5px;}

.mail_txt p{ text-align:left; font-size:90%;line-height:1.5; margin-bottom:10px;}

input[type="image"]{width:100%;}

input[type="text"]{ display: block; width:95%!important; margin: auto 2.5% 15px!important;}

.media_box{
	width:100%;
	padding:10px 20px 0px;
	font-size:90%;
}

.media_box img{
	text-align:center;
	margin:0 auto;
}

	
figure#media_01,figure#media_02{
	margin-right:5px; padding-bottom:5px;	
}

figure#media_03{
	margin-right:0px;
	
}

.recom_box{
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.recom_l{
	float:none;
	padding-right:0px;
	padding-bottom:10px;
	text-align:center;
	
}

.recom_r{background-size: 100px; width:100%;}
.recom_name{min-height:80px}

.recom_l img{width:70%;}
.recom_r img{width:90%;}

.letter {width:100%;}

.letter p {
	line-height: 30px;
	font-size:90%;
	padding:0px 5px;
}

.voice{ margin-bottom:5px;}

.recom02_box{
	padding:20px 10px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:90%;
}

.recom02_l{
	float:none;
	padding-right:0px;
	padding-bottom:15px;
	text-align:center;
	
}
.recom02_r{width:100%;}

.recom02_l img{width:60%;}
.recom02_r img{width:100%;}

footer{
	padding-top: 10px;
	font-size:90%;

}

#ft_contents{width:100%;}

#f_menu{text-align:center;padding:10px;}

#copy{
	padding-top:10px;
	font-size:80%;
}

#fbarea{ width:100%;}

div#fbarea .fb-like,
div#fbarea .fb-like iframe[style],
div#fbarea .fb-like span {
width: 100% !important;
}
div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
width: 100% !important;
}
div.btn_entry{ width:70%; margin:20px auto 50px;}


}