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



@media screen and (max-width: 1000px) {

.pcimg{display: none;}
.spimg{display: block;}
.pcimg02{display: none;}
.brclear{ display:block;}

.r_txt{ text-align: center;}


#top-head,.inner {
	width: 100%;
    padding: 0;
}

#top-head .inner {
    padding: 0;
}

#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
	border-top:none;
}

/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}

#mobile-head {
	background: #fff;
	width: 100%;
	height: 72px;
	position: relative;
	z-index:9999;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .02);
}

#top-head.fixed .logo,#top-head .logo {
	padding-top: 18px;
	padding-left: 15px;
}

#top-head.fixed .logo img,#top-head .logo img {
	width:80px;
}

#global-nav {
	position: absolute;
   	/* 開いてないときは画面外に配置 */
	top: -485px;
	width: 100%;
	text-align: center;
    padding:0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
	letter-spacing:1.2px;
	width: 100%;
	display:block;
	flex-wrap:no-wrap;
	background: #ffffff;
}

#global-nav ul li {
	float: none;
	position: static;
	padding: 10px;
	border-bottom: 1px dotted #cccccc;
}

#global-nav ul li:last-child{
	border-bottom:none;
}

#global-nav ul li:after  {
	display: none;
}

#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	padding: 15px 0;
}


#nav-toggle {
	display: block;
}


#global-nav > ul > li > a:after {
    background:none;
}



/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}

.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}

.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

/* #global-nav スライドアニメーション */
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}


/* ==== main =====*/

#main {
    width: 100%;
	height: 360px;
    background: url(../img/bg_mainimg02.jpg) no-repeat left top;
    background-size: cover;
}

#main .inner{
	width: auto;
	position: relative;
	margin: 0 auto;
}


#main .inner .txtbox{
	position:absolute;
	top:110px;
	right:30px;
}


#main .inner h2{
	font-size:30px;
}


#main .inner p{
	font-size:21px;
}

#main .inner p span{
	font-size:24px;
}



/* ==== contents =====*/









/* ==== FOOTER =====*/

footer{
	background: #363636;
	padding:20px 0;
}

footer .inner{
	width:auto;
	margin:0 auto;
	padding: 0 15px;
	position:relative;
}

footer .inner p{
	text-align:center;
	color: #ffffff;
	font-size: 11px;
}



/* ================================================== 下層 ==================================================*/




/* ==== パンくず =====*/

section#pankuzu{
	width:100%;
	margin:0;
	padding:120px 20px 0;
}

section#pankuzu .inner{
	width: 1000px;
	margin:0 auto;
	text-align:left;
}





}



@media screen and (max-width: 999px) {




#moviebox .inner{
	width: auto;
	padding: 40px 20px;
	margin: 0 auto;
}

#moviebox .inner .moviebg{
	background: #000;
	text-align: center;
	margin-bottom: 20px;
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}

#moviebox .inner iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* ==== テスト =====*/


#testbox .inner{
	width: auto;
	padding: 40px 10px;
	margin: 0 auto;
}

#testbox .inner iframe{
    height:550px;
}

#testbox  .inner p{
	font-size: 14px;
	line-height: 1.6;
	padding: 0 10px;
	margin-bottom: 20px;
}

#testbox  .inner p span{
	font-size: 18px;
	color: #cc0000;
	font-weight: 700;
}


/* ==== お問い合わせ =====*/

#topform {
    width: 100%;
}


#topform .inner{
	width: auto;
	padding: 40px 20px;
	margin: 0 auto;
}


table.formTB{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:20px;
}

table.formTB th{
	width:45%;
	padding:10px 5px;
	background:#f9f9f9;
	border:#cccccc 1px solid;
	text-align:left;
}

table.formTB td{
	padding:10px;
	background:#ffffff;
	border:#cccccc 1px solid;
}


.musttxt{
	padding:2px 4px;
	font-size:10px;
	color:#ffffff;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
}

input {
    vertical-align : middle;
}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"] {
	border: 1px solid #efefef;
	background: #efefef;
	width:88%;
	display: block;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus {
	background: #ffe6b7;
	border: 1px solid #f4a000;
}

textarea {
	width:88%;
	height: 140px;
	background: #efefef;
	border: 1px solid #efefef;
}


.btn_form{
	width:80%;
	display:block;
	border:2px solid #1c264a;
	padding:15px 0;
	text-align:center;
	margin:0 auto;
}




#studyguidebox .inner{
	width: auto;
	padding: 40px 20px;
	margin: 0 auto;
}



/* ==== ステップガイド =====*/

#guidebox {
    width: 100%;
}


#guidebox .inner{
	width: auto;
	padding: 40px 20px;
	margin: 0 auto;
}


#guidebox .inner h2{
	font-size: 21px;
}


#guidebox .inner h3{
	font-size: 18px;
	padding: 10px 20px;
	background: #efefef;
	margin-bottom: 20px;
	font-weight: 700;
}


/* ==== スクーリング =====*/

#schoolingbox {
    width: 100%;
}


#schoolingbox .inner{
	width: auto;
	padding: 40px 20px 0;
	margin: 0 auto;
}




table.outlineTB th{
	width:30%;
	padding:10px 5px;
}

table.outlineTB td{
	padding:10px;
	background:#ffffff;
	border:#cccccc 1px solid;
}


}






@media screen and (max-width: 768px) {

#main{
	width: 100%;
	height: 500px;
	background: url(../img/bg_sp_mainimg.jpg) center bottom no-repeat;
	background-size:cover;
	margin-top: 72px;
}


#main .inner{
	width:auto;
	margin: 0;
	position:relative;
	height:474px;
	padding: 15px;
}


#main .inner .txtbox{
	position: static;
	margin-top: 10px;
	top:0px;
	right:0px;
}

#main .inner h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
	font-size:24px;
	text-align: center;
	font-weight: 700;
	color: #006600;
	margin-bottom: 10px;
}

#main .inner p{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
	font-size:18px;
	text-align: center;
	font-weight: 700;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#main .inner p span{
	font-size:16px;
}



/* ==== contents =====*/

#movielistbox,#movielistbox02,#movielistbox03,#movielistbox04,#movielistbox05,#movielistbox06,#movielistbox07 {
    width: 100%;
}


#movielistbox .inner,#movielistbox02 .inner,#movielistbox03 .inner,#movielistbox04 .inner,#movielistbox05 .inner,#movielistbox06 .inner,#movielistbox07 .inner{
	width: auto;
	margin: 0 auto;
	padding: 40px 20px;
}

#movielistbox .inner h2,#movielistbox02 .inner h2,#movielistbox03 .inner h2,#movielistbox04 .inner h2,#movielistbox05 .inner h2,#movielistbox06 .inner h2,#movielistbox07 .inner h2{
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 20px;
}

#movielistbox .inner p:nth-child(2),#movielistbox02 .inner p:nth-child(2),#movielistbox03 .inner p:nth-child(2),#movielistbox04 .inner p:nth-child(2),#movielistbox05 .inner p:nth-child(2),#movielistbox06 .inner p:nth-child(2),#movielistbox07 .inner p:nth-child(2){
	font-size: 14px;
	margin-bottom: 20px;
}

#moviebox .inner h2 {
    font-size: 21px;
}

.inner .l_moviebox{
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}

.inner .c_moviebox{
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.inner .r_moviebox{
	float: none;
	width: 100%;
}


.inner .moviebox{
	margin-bottom: 40px;
}

.inner .l_moviebox img,.inner .c_moviebox img,.inner .r_moviebox img{
	width: 100%;
}


a.btn {
    width: 60%;
	text-align: center;
}




/* ================================================== 下層 ==================================================*/




/* ==== パンくず =====*/

section#pankuzu{
	padding:70px 0 0;
}

section#pankuzu .inner{
	display: none;
}

.dlbox_b{
	width:auto;
	display: block;
}

.dlbox_l{
	width: auto;
	display:block;
	text-align: center;
	margin-bottom: 10px;
}

.dlbox_r{
	width: auto;
	display:block;
	text-align:right;
}


a.btn_dl {
    padding:20px 0;
}


.privacy ul li.privacyBOX-txt2{
	padding:0;
	margin-bottom:20px;
}

.wordslistbox ul li.privacyBOX-txt2 img{
	width: 100%;
}


#studyguidebox .inner h2{
	font-size: 21px;
	font-weight: 900;
	margin-bottom: 20px;
}

#studyguidebox .inner h3{
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 20px;
}

#studyguidebox .inner p.txt_exe{
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 10px;
}

#studyguidebox .inner p.txt_exe span{
	color: #ee0000;
}


#studyguidebox .inner div{
	font-size: 14px;
}




/* ==== ステップガイド =====*/

#guidebox .inner h2{
	font-size: 21px;
}

#guidebox .inner h3{
	font-size: 16px;
}



/* ==== ログイン =====*/

form.login {
  width: auto;
  margin: 10vw 0 5vw;
}

#wrap.login {
  min-height: calc(100vh - 56px);
  padding-bottom: 56px;
}



/* ==== 申込フォーム =====*/

h4.apply-flow {
  margin: 10vw 0 3vw;
  font-size: 16px;
}

h4.apply-flow + ul {
  padding: 15px;
}

h4.apply-flow + ul + p {
  margin-bottom: 10vw !important;
  font-size: 12px;
}

p.apply-lead {
  margin: 10vw 0 7vw !important;
}

form.apply-form {
  margin-bottom: 10vw;
}

form.apply-form table.formTB {
	display: block;
  margin-bottom: 7vw;
  border-top: 1px solid #ccc;
}

form.apply-form table.formTB tbody {
	display: block;
}

form.apply-form table.formTB tbody tr {
	display: block;
}

form.apply-form table.formTB tbody th {
	display: block;
	width: auto;
	border-style: none;
}

form.apply-form table.formTB tbody td {
	display: block;
	border-style: none;
  border-bottom: 1px solid #ccc;
}

.apply-button .btn_form {
  margin: 0;
}

.apply-button .btn_form#submit-btn {
	margin-top: 20px;
  padding: 15px 100px;
}

.privacy-box {
  height: 220px;
  margin-bottom: 3vw;
  padding: 15px !important;
}

.privacy-box dl {
  font-size: 13px;
}

.privacy-agree {
  margin-bottom: 7vw;
  padding: 0 !important;
  font-size: 13px;
}

.privacy-agree label {
  padding-right: 0 !important;
}



}





@media screen and (max-width: 500px) {


#movielistbox .inner h2,#movielistbox02 .inner h2,#movielistbox03 .inner h2,#movielistbox04 .inner h2,#movielistbox05 .inner h2,#movielistbox06 .inner h2,#movielistbox07 .inner h2{
	font-size: 21px;
	font-weight: 900;
	margin-bottom: 20px;
}

#movielistbox .inner p:nth-child(2),#movielistbox02 .inner p:nth-child(2),#movielistbox03 .inner p:nth-child(2),#movielistbox04 .inner p:nth-child(2),#movielistbox05 .inner p:nth-child(2),#movielistbox06 .inner p:nth-child(2),#movielistbox07 .inner p:nth-child(2){
	font-size: 14px;
	margin-bottom: 20px;
}




/* ================================================== 下層 ==================================================*/

#moviebox .inner h2 {
    font-size: 21px;
}

#topform .inner h2 {
	font-size: 21px;
}

.dlbox_l{
	text-align: left;
}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"] {
	width:auto;
	font-size: 16px;
}

input[type="text"].s,input[type="email"].s,input[type="tel"].s,input[type="password"].s {
	width: auto;
}

textarea {
	width:auto;
	font-size: 16px;
}

.selectWrapper select {
	font-size: 16px;
}

.iconpdf:before {
    width: 18px;
    height: 22px;
    margin-right:5px;
}

#guidebox .inner div {
    padding: 0 10px;
}

#guidebox .inner h4 {
    margin-bottom: 18px;
}

#guidebox .inner p.txt_ex {
	font-size: 14px;
}

#guidebox .inner p:nth-child(1){
	font-size: 14px;
}

#guidebox .inner p:nth-child(2){
	font-size: 14px;
}

#guidebox .inner ul{
	font-size: 14px;
}

#schoolingbox .inner h2{
	font-size: 21px;
}


table.outlineTB,table.formTB{
	font-size: 14px;
}


/* apply complete screen */

.pw-notice {
  margin-top: 7vw;
  padding: 5vw !important;
  font-size: 13px;
}

.pw-notice span {
  margin-bottom: 6px;
  font-size: 15px;
}


}


@media screen and (max-width: 375px) {


#main .inner h2{
	font-size: 21px;
	text-shadow: 1px 1px 1px #fff;
}

#main .inner p{
	font-size: 16px;
	text-shadow: 1px 1px 1px #fff;
}


#movielistbox .inner h2,#movielistbox02 .inner h2,#movielistbox03 .inner h2,#movielistbox04 .inner h2,#movielistbox05 .inner h2,#movielistbox06 .inner h2,#movielistbox07 .inner h2{
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 20px;
}

#movielistbox .inner p:nth-child(2),#movielistbox02 .inner p:nth-child(2),#movielistbox03 .inner p:nth-child(2),#movielistbox04 .inner p:nth-child(2),#movielistbox05 .inner p:nth-child(2),#movielistbox06 .inner p:nth-child(2),#movielistbox07 .inner p:nth-child(2){
	font-size: 14px;
	margin-bottom: 20px;
}



.dlbox h3{
	font-size: 14px;
}

.dlbox_b{
	font-size: 14px;
}




}


@media screen and (max-width: 320px) {

#main{
	height: 310px;
}


#main .inner h2{
	font-size:18px;
}

#main .inner p{
	font-size:14px;
}

#main .inner p span{
	font-size:16px;
}


#moviebox .inner h2 {
    font-size: 16px;
}

.next_prev_page_link_l,.next_prev_page_link_r{
	font-size: 12px;
}


.page_link_r:after,.page_link_l:before {
    content: '';
    width: 6px;
    height: 11px;
	vertical-align: baseline;
}

#topform .inner h2 {
	font-size: 16px;
}

}