@charset "utf-8";

/* CSS Document */

/*----------------------------------------------------
 reset
----------------------------------------------------*/




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea{
margin: 0;
padding: 0;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

ol, ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

a:focus { outline: none; }

img { vertical-align: middle; }

img {
	max-width: 100%;
	height: auto;
}

ul, menu, dd, dir {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin: 0;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	-o-padding-start: 0;
	-ms-padding-start: 0;
}

/*----------------------------------------------------
 common
----------------------------------------------------*/




body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 19px;
	line-height: 1.8;
	letter-spacing: 0;
	-webkit-text-size-adjust : 100%;
	overflow: hidden;/* スクロール時横幅全体表示 */
	min-width: 800px;
	color: #000;
	background:#fff;
}

a { color: #313131; }

a:hover { opacity: 0.8; }

/* IEイメージ枠なし */


a img { border-style: none; }

/*----------------------------------------------------
 contents
----------------------------------------------------*/


header {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
}

header h1.pc {
	height:1080px;
	width:2000px;
	background: url(img/2.png) center 0 no-repeat;
}
h2, h3, h4, h5 {
	font-weight: bold;
	letter-spacing: 0.05em;
}

h2 {
	font-size: 45px;
	line-height:1.3;
	font-weight: bold;
	margin-bottom: 50px;
	text-align: center;
}

h2.bk{
	background-color:#000;
	width:100%;
	height:145px;
}

h3 {
	border-left: 3px solid #000;
	text-align: left;
	padding-left: 20px;
	font-size: 25px;
	margin-bottom: 30px;
	clear: both;
}

h4 {
	font-size: 25px;
	text-align: center;
	border-bottom: 3px double #fff;
	margin: 0 auto 30px;
	padding: 15px;
	background: #04122a;
	color: #fff;
}

h4 em {
	color: #fff;
	border: 1px solid #fff;
	padding: 0 5px;
	margin-right: 10px;
}

h5 {
	color: #04122a;
	font-size: 25px;
	border-bottom: 1px dotted #04122a;
	padding-bottom: 5px;
	margin-bottom: 20px;
}


section{
	width:100%;
	padding:80px 0;
}

section article{
	width:820px;
	margin:0 auto 0;
}

section.bg1{
	background: url(img/bg_osusume.jpg) center center / cover no-repeat ;
}

section.bg1-2{
	background: url(img/pc_josei.jpg)  top right / cover no-repeat ;
}


section.bg2,
.course{
	background: url(img/bg_white.png) repeat;
}

section.bg3 { background: url(img/bg_matome.png) no-repeat left center #04122A; }


section.bg4{ background: url(img/bg_gs.png) center center / cover no-repeat fixed;}

section.bg5 {
	background:#04122A;
}
section.bg3 h2 {
	color: #fff;
	text-shadow: 1px 1px 0px #000;}

section.bg5 h2 {
	color: #fff;
	text-shadow: 1px 1px 0px #000;}

section.navy{
	background:url(img/navyback.jpg) ;
	z-index:-10;
}

/*動画*/
.movie{
	margin: 0 auto 100px;
}
.movie h5{
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.movie h5:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	content: "\f46c";
}
.movie dt{
	padding-bottom: 10px;
	margin-bottom: 20px;
	line-height: 1.4;
	
	
}

.movie dd {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	margin: 0 auto 50px;
}

.movie dd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.name {
	text-align: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
/* 体験談 */



/* プロフィール */


article.profile {
	font-size: 16px;
	margin: 0 auto 30px;
	background:#fff;
}
article.profile p{
	margin-bottom:20px;
}
article.profile img { margin: 0 auto 30px; }

/* 推薦者 */


.voice {
	padding: 20px;
	margin: 30px auto 50px;
	background: #fff;
}

.voice p { width: 750px; }

/* 特別コース */


.course h3,
.course h4{
	color:#fff;
	padding:10px 0;
	text-align:center;
	border:none;
	font-size:25px;
	line-height:2em;
}

.course h3{background:url(img/ippan_title.png) repeat-x;
}


.course h4{
	background:url(img/gs_title.png) repeat-x;

}



dl.gs {
	background:rgba(255,255,255,0.9);
	padding: 30px 30px 20px;
	margin-bottom: 20px;
	text-align: left;
	font-size: 20px;
	overflow: hidden;
}

dl.gs dt {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 25px;
	color: #4c96ff;
	line-height: 1.4;
		font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

dl.gs dd { line-height: 1.4; }
dl.gs dd img{width:30%;}
dl.no dt { border: none; }

dl.no dd { display: none; }

dl.gs dt:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	color: #4c96ff;
	content: "\f5a2";
	font-size: 30px;
}
.btn_box{
	margin:0 auto 30px;

}
.btn_box a{
	width:60%;
	display:block;
	margin:0 auto 20px;
	text-align:center;
}

/* ボタン */

.box{
	width: 820px;
	margin: 60px auto 30px;
}

a.btn1, a.btn2, a.btn3, a.btn4 {
	border-radius: 4px;
	width: 30%;
	background: #09F;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	padding: 5px 0;
}

a.btn2 { background: #039; }

a.btn3, a.btn4 {
	width: 60%;
	padding: 10px 0;
	background: #039;
}

a.btn4 {
	background: #0CF;
	font-size: 25px;
}
a.btn5 {
	display: block;
	border-radius: 4px;
	background: #09F;
	color:#fff;
	text-decoration: none;
	text-align: center;
	padding: 15px 0;
	width: 80%;
	font-size: 20px;
	letter-spacing: 0.1em;
	margin: 0 auto;
}






/* 表 */



table {
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 30px;
}

table, table th, table td {
	border: 1px solid #999;
	padding: 20px 10px;
	font-size: 15px;
}

table.tb1 td {
	background: #fff;
	width: 30%;
}

table.tb1 th {
	background: #ccc;
	text-align: center;
}

table.tb2 td, table.tb2 th { width: 25%; }

table.tb2 th,
table.tb3 th {
	background: #222;
	color: #fff;
	text-align: center;
}
table.tb3 td {
	vertical-align:middle;
}

table.tb2 .th1 { background: #BA0C2F; }

table.tb2 .th2 { background: #335CAD; }

table.tb2 td { background: #FCC; }

table.tb2 .td1 { background: #C2D2FE; }

table.tb3 td.bt1{
	background:#efefef;
}
table.tb3 td.bt2{
	background: #FFC;
}
table.tb3 td.bt3{
	background: #caeaff;
	color:#000;
}
table.tb3 td.bt4{
	background: #83cfff;
	color:#000;
}
table.tb3 td{
	background:#fff;
}
table.tb3 td:first-child{
	text-align:left;
	width:60%;
	
}


/* リスト */

ul {
	margin: 0 auto 30px;
	padding: 20px;
}

ul li {
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
}

ul li:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
}

ul.list1 {
	padding:30px;
	text-align:center;
	margin:0 auto 50px;
background:rgba(255,255,255,0.6);
}

ul.list1 li{
	text-indent:-1.5em;
	margin-left:1.5em;
}
ul.list1 li:before {
	content: "\f00c";
	color: #C00;
}

ul.list2 li:before {
	content: "\f14a";
	color: #C00;
}

ul.list3 {
	padding: 30px;
	background: rgba(255,255,255,0.9);
}

ul.list3 li:before {
	content: "\f303";
	color: #335CAD;
}




ul.list3 li, ul.list3 li .red {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 1.4;
}


/* サポート */

.suport article > article {
	width: 756px;
	margin: 0 auto 20px;
	border: 3px solid #04122A;
	padding: 20px 30px 0;
	overflow: hidden;
	background:#eee;
}

article.sta{
	width: 756px;
	margin: 0 auto 20px;
	border: 3px solid #9e1111;	
	padding: 20px 30px 0;
	overflow: hidden;
	background:#fff3f3ee;
}

article.pla{
	width: 756px;
	margin: 0 auto 20px;
	border: 3px solid #04122A;
	padding: 20px 30px 0;
	overflow: hidden;
	background:#eee;
}


article h5:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	content: "\f46c";
}

.suport article.staff {
	margin: 0 auto 30px;
	font-size: 16px;
	line-height: 1.4;
	background:#04122A;
	color:#fff;
}

.staff h4 {
	text-align: center;
	font-size: 25px;
	color: #fff;
	margin: 0 auto 30px;
}

.staff h5 {
	color: #fff;
	margin-bottom: 10px;
	text-align:center;
}

.staff h5:before { content: "\f2bd"; }

.staff div {
	border: 1px solid #fff;
	padding: 20px;
	text-align: left;
	margin-bottom: 20px;
}

.staff p { margin-bottom: 10px; }

.staff span {
	color: #fff;
	border:1px solid #fff;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 5px 0;
}

/* フッター */

footer p {
	text-align: center;
	margin: 0 auto;
	font-size:15px;
	background:url(img/bg.png) repeat;
	color:#fff;
	padding:10px 0;
}

/* 間隔 */


p {
	text-align: left;
	margin: 0 auto 30px;
}

/* 位置 */



.left {
	float: left;
	margin: 0 20px 20px 0;
}

.right {
	float: right;
	margin: 0 0 20px 20px;
}

.center { text-align: center; }

/* 区切り線 */


hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	margin: 0 auto 30px;
	width: 100%;
}

/* フォント装飾 */


span {
	font-size: 14px;
	display: block;
}

strong {
	font-weight: bold;
	font-size: 19px;
}

.nomal { font-weight: normal; }

.big {
	font-size: 24px;
	line-height: 1.4;
}

.under { text-decoration: underline; }

.yellow { color: #FF0; }

.red { color: #D50000; }

.black { color: #000; }

.bg_red {
	color: #fff;
	background: #D50000;
}

.bg_yellow { background: #FF0; }

a { color: #33F; }

/*----------------------------------------------------
 よくある質問
----------------------------------------------------*/


section.qa {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom:50px;
	background: #eee;
}

section.qa dl {
	margin: 0 auto 20px;
	text-align: left;
		border-bottom:1px dotted #000;
	padding-bottom:20px;
	margin-bottom:20px;

}

section.qa dl:last-child { border-bottom: none; }

section.qa dt { margin-bottom: 10px; }

section.qa dt:before, section.qa dd:before {
	content: "Q";
	width: 20px;
	height: 20px;
	padding: 0 5px;
	background: #03F;
	color: #fff;
	vertical-align: top;
	margin-right: 10px;
}

section.qa dd:before {
	background: #C00;
	content: "A";
}

section.qa dt, section.qa dd {
	text-indent: -2em;
	margin-left: 2em;
}

section.qa dd a { color: #900; }


.ImgCap{
	width: 300px;
}

.Left{
	float: left;
	margin: 0 1em 1em 0;
}

.Right{
	float: right;
	margin: 0 0 1em 1em;
}

.ImgCap span{
	display: block;
	background: black;
	color: white;
	text-align:center;
}

.ImgCap img{
	margin-bottom: 0px;
}

.money h3{
	background:#000;
	color:#fff;
	font-size:20px;
	padding:20px;
	text-align:center;
	margin:50px auto 20px;
}

.money span{
	font-size:15px;
	display:block;
	text-align:center;
	margin-bottom:30px;
}

.money dl{
	width:80%;
	margin:0 auto 30px;
	border-bottom:1px solid #000;
	padding-bottom:20px;
}


.money dt,
.money td{
	padding:15px;
}
.money dt{
	background:#ddd;
	text-align:center;
	width:10%;
	padding:10px;
	margin-right:20px;
	display:inline-block;
}
.money dt.title{
	display: block;
	background: #333;
	color: white;
	font-weight: bold;
	width:100%;
	margin-bottom:20px;
	
}

.money dd{
	display: inline-block;
	text-align:left;
		vertical-align:middle;

}

.BigFont{
	font-size: 45px;
	color: #C00;
	font-weight: bold;
}

.mokuji{
	background: url(img/bg.png) repeat;
	color:#fff;
}

.mokuji ul{
	margin: 0px;
	padding: 0px;
	margin-left: 1.5em;
}

.mokuji li{
	font-size: 18px;
	list-style-type: disc;
}

.mokuji ul ul li{
	list-style-type: circle;
}
.mokuji li a{
	color:#fff;
}




/*----------------------------------------------------
 ブレイクポイント
----------------------------------------------------*/
 @media screen and (min-width: 750px) {

/* PC */

.sp { display: none; }

.pc { display: block; }
}
 @media(max-width:749px) {

/* SP */

body { min-width: inherit; }

main { width: 100%; }

.pc { display: none; }

.sp { display: block; }

section{
	padding:50px 0;
}
section article{
	width:95%;
}


h1, h2 {
	line-height: 1.4;
	font-size: 25px;
}

h2 { margin-bottom: 30px; }

h3, h4, h5, .staff h4 {
	line-height: 1.4;
	font-size: 20px;
}
h4{margin:0 auto 20px;}

h4 em{
	display:block;
	text-align:center;
	margin:0 auto 10px;
}


p { line-height: 1.6; }

ul {
	margin: 0 auto;
	padding: 0;
}

ul.list3 li, ul.list3 li .red {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.4;
}

img {
	width: 100%;
	display: block;
}


.suport article{
	padding:10px;
}
.suport article > article{
	width:90%;
	padding:10px;
}

article.sta{
	width:90%;
	padding:10px;
}
article.pla{
	width:90%;
	padding:10px;






.staff img.left, .suport article img {
	display: block;
	float: none;
	width: 70%;
	margin: 0 auto 20px;
}

.voice {
	width: 100%;
	padding: 20px 0;
	margin: 30px auto 30px;
	background: #fff;
}

.voice p { width: 90%; }

.voice p.title,
.voice p img { width: 100%; }


.btn_box a{
	width:100%;
}



.money dt.title{
	width:95%;
}
article.profile{
	padding:15px 0 0;
	font-size:13px;
	margin-bottom:0;
}
article.profile a {
	width: 100%;
	margin: 0 auto 20px;
}

.box{
	width:90%;
	 }
a.btn1, a.btn2, a.btn3, a.btn4,a.btn5 {
	padding:20px 0;
}
a.btn3, a.btn4,a.btn5  { width: 100%; }

p img.herf{
	width:50%;
}

.ImgCap{
	width: 100%;
}

.ImgCap img{
	margin-bottom: 0px;
}

dl.gs dt,
dl.gs dt:before{
	font-size:22px;
}
dl.gs dd img{width: 100%;}

.money dl{
	width:96%;
	margin:0 auto 30px;
	border-bottom:1px solid #000;
	padding-bottom:20px;
}

.money dt{
	display:block;
	width:95%;
	margin:0 auto 20px;
}

.money dd{
	font-size: 16px;
}

.redBox{
	width: 100%;
}

.BigFont{
	font-size: 22px;
}


 }