@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/
@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.otf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.otf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.otf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.otf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.otf') format('truetype');
	font-weight: 700;
}

/* Link
=========================================== */

a:link, a:visited {
	color:#2D2D2D;text-decoration: none;
}
a:hover, a:active {
	color:#2D2D2D;text-decoration: underline;
	
}
a {
	outline: none;transition: 0.3s;color:#2D2D2D;text-decoration: none;
}

a img{transition: 0.3s;}


:focus{outline: none;}


/* 共通設定
=========================================== */

body{}
.pc{display:none!important;}
body {
	background:#FFF;
	color:#2D2D2D;
	font-size:16px;
	line-height: 1.875;
	font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	word-break: break-word;
	overflow: hidden;
	padding-top: 60px!important;
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

img{width:100%;height:auto;}
table {width: 100%;}
body,li,th,td,p,dt,dd{}

.no-pc{display: inline-block;text-decoration: none!important;}
.inb{display: inline-block;}
.block{display: block;}
.wrap{position: relative;}

/*共通見出し設定*/
.titles01 {text-align: center;margin-bottom: 25px;padding-top: 31px;background: url(../img/common/tit-ico01.svg) no-repeat center top;letter-spacing: 0.04em;line-height: 1.45;background-size: 66px;}
.titles01 .jp{display: block;font-size: 24px;}
.titles01 .en{display: block;color: #039C5A;font-size: 13px;}

.titles02 {text-align: center;margin-bottom: 30px;padding-bottom: 15px;background: url(../img/common/tit-ico03.svg) no-repeat center bottom;line-height: 1.45;font-size: 20px;}


.titles03{letter-spacing: 0.04em;line-height: 1.45;margin-bottom: 25px;}
.titles03 .jp{display: block;font-size: 16px;}
.titles03 .en{display: block;font-size: 15px;color: #D6D6D6;}

.titles04{text-align: center;margin-bottom: 25px;padding-top: 30px;background: url("../img/common/tit-ico02.svg") no-repeat center top;letter-spacing: 0.04em;line-height: 1.45;}
.titles04 .jp{display: block;font-size: 16px;}
.titles04 .en{display: block;color: #039C5A;font-size: 15px;}

/*共通ボタン設定*/


.btn01{width: 100%;}
.btn01 a,
.btn01 > .btin{background: #039C5A;border-radius: 55px;height: 60px;text-align: center;text-decoration: none;display: block;position: relative;box-sizing: border-box;font-weight: 500;font-size: 16px;line-height: 58px;border:solid 1px #039C5A;color: #fff;}
.btn01 a:after,
.btn01 > .btin:after{content:"";width: 0;height: 0;border-left:solid 8px #fff;border-top:solid 6px transparent;border-bottom:solid 6px transparent;position: absolute;right:20px;top:calc(50% - 6px);transition: 0.3s;}

.btn02{width:100%;}
.btn02 a{background: #FFF03C;border-radius: 55px;height: 60px;text-align: center;text-decoration: none;display: block;position: relative;box-sizing: border-box;font-weight: 700;font-size: 16px;line-height: 58px;border:solid 1px #FFF03C;color: #2D2D2D;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.btn02 a:after{content:"";width: 0;height: 0;border-left:solid 8px #2D2D2D;border-top:solid 6px transparent;border-bottom:solid 6px transparent;position: absolute;right:20px;top:calc(50% - 6px);transition: 0.3s;}

/*スライダー　ふわっ*/
div.slider01,div#mv-slider{opacity: 0;transition: opacity .3s linear;}
div.slider01.slick-initialized,div#mv-slider.slick-initialized{opacity: 1;}



/*font*/
.zen{ font-family: 'zen',serif;font-weight: 400;}


.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#D62C00;}
.blue {color:#0A72A5;}
.yellow{color:#FFEC00;}
.orange{color:#E2872D;}
.green{color:#039C5A;}
.navy{color:#374b8e;}
.pink{color:#ff7373;}
.gray{color: #818181;}

/*header
---------------------------------------------------------------*/
div#header{background:#FFF;width: 100%;position: fixed;z-index: 30;left: 0;top:0;height: 60px;}

div#gnav{display: none;}

.medal{display: none;}
.head-text01{display: none;}
.head-nav{display: none;}
.school-all-btn{display: none;}
.trial-btn{display: none;}

.logo {padding: 14px 0 0 5vw;width: 192px;margin-right: 10px;}

.fixed div#header{box-shadow: 0 0 3px rgba(0,0,0,0.1);}

div#f-trigger{position: absolute;z-index: -100;left: 0;top:60px;}


.head-inner.flex {
    align-items: center;
}
.ico-insta02 {padding-top: 10px;
    width: 30px;
    height: 30px;
}
/* nav
=========================================== */
html.huopen{overflow: hidden;}
.sp-nav-btn {width: 60px;height: 60px;position: fixed;top:0;right: 0;z-index: 202;box-sizing: content-box;}
.sp-nav-btn span.bar01 {content: "";width: 60%;height: 2px;position: absolute;top: 18px;right: 20%;transition: 0.3s;}
.sp-nav-btn span.bar03 {content: "";width: 60%;height: 2px;position: absolute;bottom: 17px;right: 20%;transition: 0.3s;}
.sp-nav-btn span.bar02{position: absolute;width: 60%;height: 2px;top: 29px;right: 20%;transition: 0.3s;}

.sp-nav-btn > span{overflow: hidden;}
.sp-nav-btn > span > span{width: 120px;height: 2px;background: #039C5A;display: block;position: absolute;left: -80px;top:0;}

.sp-nav-btn.opon span.bar02{opacity: 0;}
.sp-nav-btn.opon span.bar01 {box-shadow: none;transform: rotateZ(45deg);top:29px;background: #039C5A;}
.sp-nav-btn.opon span.bar03 {transform: rotateZ(-45deg);bottom: 28px;background: #039C5A;}

/*
.sp-nav-btn span.bar01 > span{animation: load 3.0s linear 0s infinite forwards;}
.sp-nav-btn span.bar02 > span{animation: load 3.0s linear 0.2s infinite forwards;}
.sp-nav-btn span.bar03 > span{animation: load 3.0s linear 0.4s infinite forwards;}
@keyframes load {
	0%{left: -120px;top:0;}
	60%{opacity: 1;}
	100%{left:80px;opacity: 0.2;}
}
*/
div#hfnav {
    overflow: auto;
    max-height: calc(100% - 30px);
}
.overlay-nav {display: none;}
.overlay-nav.opon {z-index:15;opacity: 1;}
div.navs-list-wrap {position: fixed;width: 100%;height:100%;z-index: 200;top: 60px;box-sizing: border-box;background:#FFF;right: calc(-100% - 60px);transition: 0.3s;padding: 1px 5% 50px;}
div.navs-list-wrap.opon{right:0;}

ul.navs-list {height: calc(100vh - 60px);overflow: auto;padding-bottom: 45px;box-sizing: border-box;}
.navs-list > li{border-top:solid 1px #E6E6E6;}
.navs-list > li:last-child{border-top:none;}
.navs-list > li > a {display: block;padding:20px 0;text-decoration: none;font-weight: 700;}

.nav-midashi{padding: 20px 50px 20px 0;background: url("../img/common/sp-open.svg") no-repeat right center;background-size: 24px;font-weight: 700;}
.nav-midashi.on{background-image: url("../img/common/sp-close.svg");}

li.contact-sp{margin-top: 30px;}
li.contact-sp .ft-btn01{margin: 20px auto 0;max-width: 290px;}
.sp-telBox {max-width: 290px;margin: 0 auto;}
ul.sp-nav.sp-nav02{}
ul.sp-nav.sp-nav02 > li{padding-left: 15px;margin-bottom: 20px;}
ul.sp-nav.sp-nav02 > li .ico{display: none;}
ul.sp-nav.sp-nav02 > li a{font-weight: 500;}
ul.sp-nav.sp-nav02 > li a br{display: none;}


/*パンくず
---------------------------------------------------------------*/

div#bread {z-index: 2;position: relative;padding: 10px 5%;}
#bread ul li {display: inline-block;font-size:13px;font-weight: 400;color: #202020;}
ul.bread-list li a{font-size:13px;text-decoration:underline;color: #202020;}
ul.bread-list li:after{content:">";margin-left:10px;margin-right: 5px;display: inline-block;position: relative;color: #9F9F9F;}
ul.bread-list li:last-child:after{content:none;}
div:nth-child(2n) + div#bread,
section:nth-child(2n) + div#bread{background:#F1EBDF; }


/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv{position: relative;z-index: 3;}

.home div#mv,
.single-school div#mv{position: relative;background: url("../img/common/bg02.jpg");}


.mv-text{background: url("../img/main/sp-main_n.png") no-repeat center;background-size: cover ;height: 80vw;position:relative;z-index: 3;}

div#mv-slider{margin-bottom: 0;}
.m-slide .in-img{height: 74.66vw;}



.mv-text{}

.tr-btn {position:fixed;left: 0;bottom: 0;width: 100%;z-index:180;}
.tr-btn a{text-decoration: none;display: block;font-weight: 700;font-size: 16px;line-height: 60px;text-align: center;background:url("../img/common/tri-btn.svg") no-repeat center right 20px #FFF03C;background-size:8px;}




/*下層ページ*/
body:not(.home) div#mv.under-mv{background: url("../img/common/bg02.jpg");}
body:not(.home) div#mv.under-mv > .wrap{height: 90px;display: table;width: 100%;}
body:not(.home) div#mv.under-mv > .wrap .mv-tit{display: table-cell;text-align: center;vertical-align: middle;font-weight: 700;}
body:not(.home) div#mv.under-mv > .wrap .mv-tit .jp{font-size: 20px;display: block;line-height: 1.45;margin-bottom: 5px;letter-spacing: 0.06em;}
body:not(.home) div#mv.under-mv > .wrap .mv-tit .en{font-size: 13px;display: block;color: #039C5A;line-height: 1.4;letter-spacing: 0.04em;}

/* footer */
/*-------------------------------------------*/
aside.aside{}
aside.aside > div{background: url("../img/common/aside-bg.jpg");}
aside.aside .wrap{color: #fff;}
aside.aside .wrap .cont{padding: 50px 5% 25px;}
aside.aside .wrap .img{padding: 0 5% 40px;}
aside.aside .wrap .img img{}
h2.aside-tit{font-size: 20px;margin-bottom: 10px;letter-spacing: 0.04em;}
h2.aside-tit .yellow{font-size: 24px;}
h2.aside-tit span.text-dot{padding-top:5px;background: url("../img/common/t-dot.svg") no-repeat center top;background-size: 80%; }

.aside-btns.flex{margin-top: 40px;justify-content: space-between;}

.aside-btn{width: 100%;}
.aside-btn a{background: #FFF03C;border-radius: 55px;height: 60px;text-align: center;text-decoration: none;display: block;line-height: 60px;position: relative;box-sizing: border-box;font-weight: 700;font-size: 16px;}
.aside-btn a:after{content:"";width: 0;height: 0;border-left:solid 8px #2D2D2D;border-top:solid 6px transparent;border-bottom:solid 6px transparent;position: absolute;right:20px;top:calc(50% - 6px);transition: 0.3s;}

.aside-btn.aside-btn02{margin-top: 10px;}
.aside-btn.aside-btn02 a{background: #fff;color: #039C5A;}
.aside-btn.aside-btn02 a:after{border-left-color:#039C5A; }

div#footer{background: #fff;padding-bottom: 60px;}
div#footer a{}

h2.ft-logo {width: 260px;}

div#ftBox01{}
div#ftBox01 > .wrap{padding: 30px 5% 20px;}
.ft-telBox{margin-left: auto;}
div#fnav{margin-top: 20px;}
div#fnav > div.fnav01{border-bottom: solid 1px #E4E4E4;}
div#fnav > div.fnav02{border-bottom: solid 1px #E4E4E4;}
div#fnav > div:last-child{}

div#hfnav > div.fnav01{border-bottom: solid 1px #E4E4E4;}
div#hfnav > div.fnav02{border-bottom: solid 1px #E4E4E4;}

.fnav02{}
.fnav01{display: flex;flex-wrap: wrap;width: 100%;}
.fnav01 > div.f-tit{width: 50%;}
.fnav01 > div.f-tit.f-tit-sc{display: none;}
.fnav01 > div.f-tit a{display: block;padding: 10px 0 20px;}
.fnav01 > div.f-tit:first-child{width: 100%;box-sizing: border-box;padding-right: 30px;position: relative;display: block;}
.fnav01 > div.f-tit:first-child a{display: block;padding:20px 0; }

.opcl-tr,.opcl-tr02{position: absolute;right: 0;top:50%;transform: translateY(-50%);background: url("../img/common/sp-open.svg") no-repeat center;background-size: 20px;width: 30px;height: 30px;}
.opcl-tr.on,.opcl-tr02.on{background-image: url("../img/common/sp-close.svg");}

.fnav02 > div.f-tit{width: 100%;box-sizing: border-box;padding-right: 30px;position: relative;}
.fnav02 > div.f-tit a{display: block;padding:20px 0; }

.fnav03{display: flex;flex-wrap: wrap;width: 100%;}
.fnav03 > div.f-tit{box-sizing: border-box;width: 50%;padding-right: 10px;margin-bottom: 0;border-bottom: solid 1px #E4E4E4;}
.fnav03 > div a{display: block;padding: 20px 0 20px 20px;background: url("../img/common/ft-sp-arrow.svg") no-repeat left center;background-size: 8px;}

.fnav04{display: flex;flex-wrap: wrap;width: 100%;}
.fnav04 > div.f-tit{box-sizing: border-box;width: 50%;padding-right: 10px;margin-bottom: 0;border-bottom: solid 1px #E4E4E4;}
.fnav04 > div a{display: block;padding: 20px 0 20px 20px;background: url("../img/common/ft-sp-arrow.svg") no-repeat left center;background-size: 8px;}

.fnav04:last-child > div.f-tit:last-child{border-bottom: none;}


div#fnav > div > ul > li{margin-bottom: 10px;}
div#fnav > div > ul > li:last-child{margin-bottom: 0;}
div#fnav > div > ul > li a{font-weight: 400;}

.fnav-child.sp{display: none;}
.fnav-child.sp > ul.flex{box-sizing: border-box;padding: 0 15px 20px;justify-content: space-between;margin-top: 5px;}
.fnav-child.sp > ul.flex > li{width: calc(50% - 10px);margin-top: 5px;}

.f-tit {font-weight: 700;line-height: 24px;}
.f-tit:last-child {margin-bottom: 0;}
.f-tit02{margin-bottom: 10px;}
.f-tit02 a{font-weight: 700;}

.fnav-child.flex{}
.fnav-child.flex > ul{margin-right: 30px;}
.fnav-child.flex > ul:last-child{margin-right: 0;}
.fnav-child.flex > ul > li{margin-bottom: 26px;line-height: 24px;}
.fnav-child.flex > ul > li:last-child{margin-bottom: 0;}

ul.pp-list.flex {font-size: 14px;justify-content: center;}
ul.pp-list.flex > li {margin-right: 15px;}
ul.pp-list.flex > li:last-child {margin-right:0;}
ul.pp-list.flex > li a{color: #fff;}



.ft-bottom{padding: 15px 0;background: #2D2D2D;}
.ft-bottom .wrap {}
.copyright{font-size: 14px;text-align: center;color: #fff;}

.ico-insta {width: 32px;position: absolute;right: 5vw;top: 38px;}

/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link {position: absolute;left: 0;top: 0;opacity: 0;z-index: -20;}
div#page-top {position: fixed;right: 5px;bottom:72px;opacity: 0;z-index: -3;transition: opacity 0.3s;}
.fixed div#page-top{opacity: 1;z-index: 20;}
div#page-top a{display: block;text-align: center;width: 40px;height: 40px;border-radius: 100%;box-shadow: 0 0 3px 0 rgba(255,255,255,0.3);background:  url("../img/common/page-top.svg") no-repeat center #039C5A;}


/* iOSでのデフォルトスタイルをリセット */
input[type="password"],
textarea,
input[type="text"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  
  box-sizing: border-box;
  cursor: pointer;
}
input[type="password"]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="password"]::focus,
textarea::focus,
select::focus,
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

select{color: #333;padding: 5px;box-sizing: border-box;}