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

/* -------------------------------------------------
初期化
------------------------------------------------- */

* { margin:0; padding:0; max-height:999999px; }

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small !important;
	font:x-small;
	color:#333333;
	-webkit-text-size-adjust:100%;
	min-width:320px;
}
html>/**/body { font-size:13px; }
#wrapper{ font-size:76.92%; line-height:1.5; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
img { border:0; vertical-align:top; }
li, dd { list-style:none; }
strong { font-weight:bold; }

a { text-decoration:underline; overflow:hidden; color:inherit; }
a:hover { text-decoration:none; }
a:focus{ outline:none;}

input,textarea{ font-family:inherit; }

/* -------------------------------------------------
共通クラス
------------------------------------------------- */

.clear{ clear:both; }
.cfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix { display:inline-block; }
* html .cfix { height:1%; }
.cfix { display:block; }

a.ovr:hover,
a:hover .ovr{ opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; }
a:focus{ outline:none;}

/* -------------------------------------------------
ページ
------------------------------------------------- */

#header{ position:fixed; top:0; left:0; right:0; z-index:100; padding:5px 12px 5px 5px; background:#FFF; border-bottom:2px solid #6ED3FA; }
#header h1{ font-size:12px; line-height:1.5; margin-bottom:5px; }
#header p.logo{ float:left; }
#header p.open{ float:right; }

#page_top{ display:block; }

#nav{ position:fixed; top:37px; left:0; right:0; z-index:100; overflow:hidden; background:rgba(0,0,0,0.50); }
#nav li{ border-bottom:2px solid #FFFFFF; }
#nav li span,
#nav li a{
	display:block;  background-size:15px auto;
	font-size:13px; font-weight:bold; line-height:1.0;
	padding:10px 25px 10px 15px;
}
#nav li a   { color:#1866B6; background:#6ED3FA url(./img/sp/hf/nav_arr.png) right center no-repeat; }
#nav li span{ color:#333333; background:#999999 url(./img/sp/hf/nav_arr_off.png) right center no-repeat; }

.s00{}
.s00 h2 img{ width:100%;}
.s00 .info1{
	background:#1866B6 url(./img/sp/00/bg.png) right center no-repeat;
	background-size:69px auto;
	color:#FFF;
	padding:15px 10px;
}
.s00 .info1 .t1{ font-size:13px; line-height:1.5; font-weight:bold; }
.s00 .info1 .t2{ font-size:12px; line-height:1.5; }
.s00 .info1 .t3{ font-size:17px; line-height:1.5; font-weight:bold; }
.s00 .info1 .t3 a{ text-decoration:none; }
.s00 .info2{ padding:20px }
.s00 .info2 p{ margin-bottom:20px; }
.s00 .info2 p img{ width:100%; }

h3{ display:inline-block; font-size:0; line-height:0; padding:5px 10px; margin-left:-10px; border-radius:0 0 3px 3px; }
h3:after{ content:"."; height:0; display:block; overflow:hidden; }

/*
.s01{ background:url(./img/sp/bg.gif) repeat 0px bottom; background-size:10px auto; padding:0 20px 20px; font-size:13px; line-height:1.5; color:#FFF; }
.s01 h3{ background:#FFF; margin-bottom:15px; }
.s01 ul li h4{ margin-bottom:5px; }
.s01 ul li p{ margin-bottom:15px; }
.s01 .btn{ font-size:0; line-height:0; }
.s01 .btn a{ display:block; padding:10px; text-align:center; background:#FFF; border-radius:3px; }
*/

.s02{ background:url(./img/sp/bg.gif) repeat 0px bottom; background-size:10px auto; padding:0 20px 20px; font-size:13px; line-height:1.5; color:#FFF; }
.s02 h3{ background:#FFF; margin-bottom:15px; font-size:16px; line-height:35px; font-weight:bold; color:#1866B6; }
.s02 .img{ margin-left:-20px; }
.s02 h4{ background:#FFFF00; text-align:center; padding:10px; border-radius:50px; margin-bottom:10px;  }
.s02 .txt{ font-size:13px; line-height:1.5; padding-bottom:15px; }

.s03{ background:url(./img/sp/02/bg.jpg) top center no-repeat; background-size:100% auto; padding:0 20px 10px; }
.s03 h3{ background:url(./img/sp/bg.gif) repeat 10px top; background-size:10px auto; font-size:16px; line-height:35px; font-weight:bold; color:#FFFFFF; margin-bottom:10px; }
.s03 h4{ font-size:18px; line-height:1.5; font-weight:bold; color:#1866B6; }
.s03 h5{ font-size:13px; line-height:2.0; font-weight:bold; color:#1866B6; }
.s03 .txt01{ font-size:13px; line-height:1.5; margin-bottom:1.5em; }
.s03 .txt02{ font-size:13px; line-height:1.5; margin-bottom:1.5em; text-align:right; }
.s03 table{ font-size:11px; line-height:1.5; margin-bottom:10px; }
.s03 table td{ vertical-align:top; }
.s03 .thum{ margin-bottom:10px; }
.s03 .thum img{ width:100%; }
.s03 iframe:nth-of-type(1){ margin-bottom:30px; }
.s03 iframe:nth-of-type(2){ margin-bottom:0px; }

.s04{ background:url(./img/sp/bg.gif) repeat 0px bottom; background-size:10px auto; padding:0 20px 25px; color:#FFFFFF; }
.s04 h3{ background:#FFFFFF; margin-bottom:20px; font-size:16px; line-height:35px; font-weight:bold; color:#1866B6 !important; }
.s04 .tel { background:url(./img/sp/04/icon_01.png) left center no-repeat; background-size:16px auto; margin-bottom:5px; }
.s04 .mail{ background:url(./img/sp/04/icon_02.png) left center no-repeat; background-size:16px auto; margin-bottom:20px; }
.s04 h4{ font-size:14px; line-height:1.0; font-weight:bold; color:#FFFFFF; padding-left:20px; }
.s04 .txt01{ padding-left:20px; font-size:12px; line-height:1.5; margin-bottom:20px; }
.s04 .txt01 a{ display:inline-block; font-size:33px; line-height:1.0; color:#FFFF00; font-weight:bold; text-decoration:none; margin:5px 0; }
.s04 .btn{ padding-left:20px; }
.s04 .btn a{ display:inline-block; background:#FFFFFF; padding:5px; border-radius:3px; }

.s05{ background:url(./img/sp/bg.gif) repeat 0px bottom; background-size:10px auto; padding:0 10px 20px; font-size:13px; line-height:1.5; color:#FFF; }
.s05 h3{ background:#FFFFFF; margin-bottom:15px; font-size:16px; line-height:35px; font-weight:bold; color:#1866B6; margin-left:0; }
.s05 h4{ background:#FFFFFF; padding:5px; font-size:15px; line-height:1.0; color:#1866B6; margin-bottom:10px; }
.s05 h5{ border-left:3px solid #FFFFFF; padding-left:3px; line-height:1.0; font-weight:bold; margin-bottom:10px; }
.s05 ul{ float:left; line-height:1.65; width:50%; box-sizing:border-box; margin-bottom:15px; }
.s05 ul:nth-child(1){ border-right:1px dotted #FFFFFF; }
.s05 ul:nth-child(2){ padding-left:10px; }

.s06{ background:url(../voice/img/sp/bg.jpg) fixed left top/cover; }
.s06 .inner{ padding:0 10px; }
.s06 h3{
	background:#1866B6;
	width:90px; height:35px;
	font-size:16px; line-height:35px; text-align:center; color:#FFFFFF;
	margin:0 10px; padding:0;
}
.s06 h4{ font-size:25px; line-height:1.2; font-weight:900; margin:5px 0 0; }
.s06 h4:first-child{ margin-top:15px; }
.s06 .box{ padding:10px 0px 45px; }
.s06 .box .student_icon{ position:relative; width:73px; height:83px }
.s06 .box .student_icon span{
	display:block; position:absolute; left:0; right:0; top:8px;
	font-size:10px; line-height:1.0; text-align:center; font-weight:600; color:#1866B6
}
.s06 .box .student_icon.m{ background:url(../voice/img/sp/icon_m.png) no-repeat left top/73px 83px; }
.s06 .box .student_icon.w{ background:url(../voice/img/sp/icon_w.png) no-repeat left top/73px 83px; }
.s06 .box .voice_box{ }
.s06 .box .voice_box h5{ margin:15px 0 5px; }
.s06 .box .voice_box h5:first-child{ margin-top:10px; }
.s06 .box .voice_box h5 strong{
	font-size:15px; line-height:1.0; color:#FFFFFF; font-weight:500;
	display:inline-block; background:#1866B6; padding:10px; border-radius:5px;
}
.s06 .box .voice_box p{ font-size:12px; line-height:1.5; }
.s06 .box .voice_box .btn{ margin-top:15px; }

#footer{ padding:20px; }
#footer .copy{ font-size:12px; line-height:1.5; }

.upper{ position: fixed; bottom:10px; right:10px; }

/* end */