/*------------------------------------------------------------
スマホ画面-レスポンシブ対応
------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 640px) {
/* 640px以下用（スマートフォン用）の記述 */
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, td, th {margin: 0px; padding: 0px; font-size:14px;}
body {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -o-text-size-adjust:none; -ms-text-size-adjust:none;}
html>/**/body {font-size: 14px;}
img{max-width: 100%; height: auto; width: auto;}
hr {margin:20px 0;}
h1 {}
h2 {font-size:20px; margin: 25px 5px; padding-left: 5px;  background-image: none;}
h2.hara{font-size:24px; padding: 30px 5px 10px 5px;}
h2.naiyou{line-height: 0.93em; padding: 0px 0px 0px 5px; margin: 2px 5px 0;}
h3 {line-height:1.4em; font-size:20px; color: #ff0000; font-weight:bold; border-bottom:dashed #5d5d5d 2px; display:block; margin: 0 30px 10px; padding: 0 5px 10px;}
h3.p01, h3.p02{margin:20px 25px 20px; background-size: 184px 68px; background-repeat: no-repeat; padding: 80px 0px 20px 5px; border:none;}
/*#title {box-shadow: 0px 1px 10px #000000; top: 60px; text-shadow: 2px 2px 3px #777777;}*/
/*#header {height:30px; background-color: #5c4d2e; opacity: .9; text-align: center; padding-top: 10px;}*/
.cv a{display: block; font-size: 18px;}
.cv a:link{color:#fff; text-decoration:none;}
.cv a:visited{color:#f39800; text-decoration:none;}
.cv a:active{color:#f39800; text-decoration:none;}
.cv a:hover{color:#f39800; text-decoration:none;}
#head-img{ float: none; text-align: center;}
#head-movie-sp{
    text-align: center;        
    background: rgba(1,146,199,1.00);
    width: 100%;
}
    
    #head-movie-sp img {
        width: 100%;
        margin: 0 auto
    }
.movie {
    margin: 5px auto;
    position: relative;
    width: 92%;
    padding-top: 68.25%;
    /*
    padding-top: 56.25%;
    */
}

.movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#head-movie{display: none;}
#header .menu {display:inline; float:right;}
#to p{font-size: 5px;}
#top {margin-top:5px;}
#main-contents{	background-color: #fff;	width: 100%; margin: 0 auto;}
#main-contents img{display: block; margin: 0 auto;}
.ftext0{margin: 0 5px; line-height: 2.0em;}
.ftext0 p{margin: 5px;}
.ftext0 img{float: none;}
.ftext1{margin: 0 5px; line-height: 2.0em;}
.ftext1 p{margin: 5px; }
.ftext1 img{float: none;}
.taiken_text{margin: 0 28px; padding: 0 2px;}
.taiken_text p{margin:0 5 20px;}
.taiken_text img{float: none;}
.ctext2{margin: 0 5px; line-height: 2.0em;}
.ctext2 p{margin: 5px; }
#sample_wrapper{background-image: none;}
#sample {border: 2px dashed #909090; margin: 0 5px; line-height: 2.0em;}
#sample01{margin: 0 5px;}
#sample02{margin: 0 5px;}
#sample02 p{margin: 5px;}
.sound2{margin: 0 auto; text-align: center;}
#naiyou{margin: 0px 10px; line-height: 1.3em; background-image: none; overflow: hidden; }
#tokucho{max-width: 96%; margin: 10px auto; padding: 5px 3px 5px; border: 2px solid #ff6d00;}
#tokucho p{margin: 5px 0 10px;}
#naiyou_btn{margin: 30px auto; text-align: center;}
#naiyou_btn img{ max-width: 100%; margin: 0 auto;}
#naiyou1{margin: 0 5px; border: 1px dashed #909090;}
#naiyou1 img{margin: 0 auto;}
#naiyou_lesson_title {margin: 10px auto;}
#naiyou_lesson_title p{font-size: 20px; margin: 0 5px; padding: 0 5px; line-height: 1.2em;}
#naiyou_midasi{margin: 20px auto;}
#naiyou1_in{background-color: #f2f2f2; margin: 0px 5px 30px; padding: 20px 0; line-height: 1.5em;}
#naiyou1_in p{margin: 0px 5px;}
#naiyou1_in img{display: block; margin: 0 auto 20px;}
.baloon2{ margin: 0 auto; }
#naiyou1_in table { max-width: 100%; width: 100%; margin: 5px 0;}
#naiyou1_in table th {font-size:120%; line-height:1.2em}
#naiyou1_in table td {font-size:100%; line-height:1.2em}
#message{}
#message img{display: none;}
.message-douga{display: none;}
.message-douga-sp{}
.message01 {background-image: none; text-align: left; margin: 20px 5px 20px; padding: 0px 5px; background-color: #c8e3f4;  box-shadow:0px 0px 10px; border: 2px solid #64b2f1;}
.message02 {background-image: none; text-align: left; margin: 0 5px; padding: 0px 5px; background-color: #fddbab;  box-shadow:0px 0px 10px; border: 2px solid #ffa500;}	
.pagetop {width: 93%; text-align: center;}
.contact{
	width: 93%;
	margin: 0 auto;
	padding:10px;
	background-color: #42b0c7;
	background: -moz-linear-gradient(top, #31c5b5, #2595ad);
	background: -webkit-gradient(linear, left top, left bottom, from(#31c5b5), to(#2595ad));
	background: -webkit-linear-gradient(top, #31c5b5, #2595ad);
	background: linear-gradient(to bottom, #31c5b5, #2595ad);
	text-align:center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;  
	border-left: 1px solid #fff; 
	}
#apply_kiyaku{margin: 0 auto;  background:#FFF; border:1px solid #CCC; padding:10px; width: 90%; height:130px; overflow:auto;}
.qa {width: 95%; margin: 0 auto;  line-height: 2.0em;}
.q_a01 {background-image: none; background-color: #f9f2e1; border-top: 1px solid #eadeac; border-right: 1px solid #eadeac; border-left: 1px solid #eadeac;}
.q_a01-2 p{ font-size: 17px; color: #FF0000; font-weight:bold; padding: 15px 5px 15px 15px; border-bottom: 3px dashed #c3b88d;}
.q_a02 {background-image: none; background-color: #f9f2e1; border-left: 1px solid #eadeac; border-right: 1px solid #eadeac; padding: 10px 5px 10px 10px;}
.pagetop a {padding-left:20px;}
.pagetop a:link{color:#fff; text-decoration:none;}
.pagetop a:visited{color:#fff; text-decoration:none;}
.pagetop a:active{color:#fff; text-decoration:none;}
.pagetop a:hover{color:#fff; text-decoration:none;}
.footer {display: none;}
.footersp {background-color: #0192c7; text-align:center; color: #fff; margin: 10px 0 0;}
.footersp ul{margin: 0px auto; padding: 10px;}
.footersp li{display: inline; list-style: none; text-align: center; padding:5px;}
.footersp a{padding-bottom: 0;	font-size:11px;}
.footersp a:link{color:#fff; text-decoration:none;}
.footersp a:visited{color:#f39800; text-decoration:none;}
.footersp a:active{color:#f39800; text-decoration:none;}
.footersp a:hover{color:#f39800; text-decoration:none;}
.tokutei {width:auto;}
.taiken_bg{	background-image: url("../image/taikendan_04.jpg"); background-position: center; background-size: 100% 100%;}
table{width:100%; margin:2% auto; border:dotted 1px #524f3c; border-collapse:collapse;}
table th{width:35%;	border:dotted 1px #524f3c; text-align:left;	font-size:16px;	padding:2%;}
table td{width:65%; border:dotted 1px #524f3c; text-align:left;	font-size:16px;	padding:2%;}
.baloon { max-width: 80%;  background-color: #fff;  border: 3px solid #ff6d00; border-radius: 10px; -webkit-border-radius: 10px; padding: 0 10px;}
.shuha-baloon{margin-top: 0px;}
.shuha-pc{display: none;}

/*---フッター固定購入ボタンー---*/

.footer-cv{
	margin: 0 1%;
	background-color: #f6c157;
    background: -moz-linear-gradient(top, #f5d892, #f6c157);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5d892), to(#f6c157));
    background: -webkit-linear-gradient(top, #f5d892, #f6c157);
    background: linear-gradient(to bottom, #f5d892, #f6c157);
    border: 1px solid #301700;
    border-radius:3px;
	position: fixed; 
	bottom: 3px;
	width: 97%;
	height: 28px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;


}
.footer-cv a{display: block; font-size: 18px;}
.footer-cv a:link{color:#301700; text-decoration:none;}
.footer-cv a:visited{color:#301700; text-decoration:none;}
.footer-cv a:active{color:#301700; text-decoration:none;}
.footer-cv a:hover{color:#0000ff; text-decoration:none;}

}


.mt30 {
    margin-top: 30px;
}