@charset "UTF-8";

/* default sp( with tablet )*/


/* reset */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
*
{
	margin: 0;
	padding: 0;
}
div, p, img, ul, li, h1, h2, h3, h4, h5, h6, a,
header, article, section, aside, nav, footer, input
{
	position: relative;
	border: 0px;
	font-size: 1em;
}
ul
{
	list-style-type: none;
}
html
{
	width: 100%;
	height: 100%;
}
body
{
	width: 100%;
	height: 100%;
}
a
{
	text-decoration: none;
	cursor: pointer;
}
a:hover
{
	text-decoration: none;
	cursor: pointer;
}
a:link,
a:visited,
a:active,
a:hover {
	outline: none;
}
a.underline
{
	text-decoration: underline;
}
input{
	-webkit-appearance: none;
}
textarea{
	-webkit-appearance: none;
	outline: none;
}



/* base */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
*/
html { font-size: 62.5%; } /* font-size 1em = 10px on default browser settings */
body {
 font-family:'Noto Sans JP',sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #004639;
word-break: break-all;
	-webkit-animation: fade_loader 2.5s  ; 
	animation: fade_loader 2.5s ; 
	}
	
*{
	box-sizing: border-box;
}
@-webkit-keyframes fade_loader {
	0% { opacity: 0; }
	25% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fade_loader {
	0% { opacity: 0; }
	25% { opacity: 0; }
	100% { opacity: 1; }
}
#wrapper{
	min-height: 100%;
	overflow: hidden;
}
img{
	width: 100%;
	height: auto;
}
hr{
	border: 0;
	border-top: 1px solid #ddd;
	margin: 20px 0;
}
a{
	transition: color .2s, opacity .2s;
	color: #004639;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}




/* inview */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.js-inview {
  opacity:0;
}
.js-inview-box > * {
  opacity:0;
}




/* font */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.exo   { font-family: 'Exo 2', sans-serif; font-weight:100; }
h1.exo { font-size:3.2rem; line-height:1.3; }
h2.exo { font-size:2.4rem; line-height:1.3; }
h3.exo {}

.nav_menus a,
.roboto { font-family: 'Roboto', sans-serif; }

.nav_menus p,
.noto   { font-family: 'Noto Sans JP', sans-serif; }



/* layout */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.h_100{
	height: 100vh;
	min-height: 640px;
}
.mini_box,
.large_box,
.box{ width: 92%; margin: 0 auto; }
.mini_box .frame,
.large_box .frame,
.box .frame{ border: 1px solid #ddd; padding: 3.5%; }
.wrap_middle{
	display: table;
	width: 100%;
	height: 100%;
}
.wrap_middle .middle{
	display: table-cell;
	vertical-align: middle;
}
.wrap{
	margin-top: 45px;
}
.content{
	padding: 46px 0 100px;
}
.inner, .inner_s{
	padding: 0 5.33%;
	margin: auto;
	position: relative;
}


/* color */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.white {
	color: #fff;
}
.white a{ color: #fff; }
.white, .white h1, .white h2, .white h3,.white h4,.white h5,.white h6,.white a,.white p{
	font-weight: 200;
}

.colorwhite,
.colorwhite a { color: #fff; }
.colored,
.colored a	{ color: #df0000; }
.colorblue,
.colorblue a  { color: #0f94f1; }
.colorgreen,
.colorgreen a { color: #004639; }

.colororange,
.colororange a			 { color: #ee780c; }
.colororange:hover,
.colororange a:hover	   { color: #ff9331; }
.colororange:hover:before,
.colororange:hover:after,
.colororange a:hover:before,
.colororange a:hover:after { opacity: .8; }

.bg_white	  { background: #fff; }
.bg_red		{ background: #df0000; }
.bg_blue	   { background: #0f94f1; }
.bg_green	  { background: #004639; }
.bg_green2	 { background: #D9E8E1; }
.bg_lightgreen { background: #d9e8e0; }
.bg_orange	 { background: #ee780c; }



/* text */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.tips{ color: #777; font-size: 1.0rem; }
.text-left  { text-align:left; }
.text-right { text-align:right; }/* ==SH==  */

/* 見出し1：下層ビジュアル（背景ベタ）の英字タイトルなど */
.text_h1{
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1;
}

/* 見出し1：機能拡張 ==SH== */
.text_h1_float > *,
h1 span,
h1 + p span { display:inline-block; }

/* 見出し1（大）：下層ビジュアル（feature/personal）のタイトルなど */
.text_h1_lg{
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1.07;
}
.text_outline{
	color: transparent;
	text-stroke: 2px #004639;
	-webkit-text-stroke: 2px #004639;
}
body.is-ie .text_outline{
	color: #fff;
	text-shadow: #004639 2px 2px 0px, #004639 -2px 2px 0px,
	#004639 2px -2px 0px, #004639 -2px -2px 0px;
}


/* 見出し2：TOPICSの「TRAINING」など */
.text_h2{
	font-size: 4.6rem;
	font-weight: 700;
	line-height: 1;
}
.text_h2 span{
	font-size: 1.4rem;
	display: block;
	margin-top: .8em;
	margin-left: .2em;
}

/* 見出し3：featureの「24時間365日利用可」など */
.text_h3{
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.2;
}
.text_h3 span{
	font-size: 1.2rem;
	display: block;
	margin-top: .8em;
	margin-left: .2em;
}

/* 見出し4：スタッフ募集の「北海道エリア全店舗」など */
.text_h4{
	font-size: 2.4rem;
	font-weight: 700;
}
.text_h4 span{
	font-size: 1.4rem;
	display: block;
}

/* 見出し5：featureの「理想は、自分らしさの積み重ね」など */
.text_h5{
	font-size: 2rem;
	font-weight: 700;
}

/* 見出し6：Q&Aの「入会するには？」など */
.text_h6{
	font-size: 1.6rem;
	font-weight: 700;
}

/* 本文（小） */
.text_sm{
	font-size: 1.2rem;
	line-height: 2;
}

/* 見出し（背景ベタ） */
.text_label{
	background: #d9e8e0;
	padding: .4em .8em;
}



/* arrow */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.arrow_l:before, .arrow_r:after, .arrow_b:after, .arrow_t:after{
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	background-image: url("/img/201606wab/arrow_or.png");
	width: 14px;
	height: 11px;
	margin-left: .5em;
	transition: .2s;
}
.arrow_l:before{
	margin-left: auto;
	margin-right: .5em;
	transform: scale(-1, 1);
}
.arrow_b:after{
	transform: rotate(90deg)
}
.arrow_t:after{
	transform: rotate(-90deg)
}



/* btn */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.btns{
	display: flex;
	justify-content: center;
}
.btns .btn + .btn{
	margin-left: 16px;
}
.btn{
	border: 1px solid;
	transition: .2s;
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 158px;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.btn:hover{
	opacity: 1;
}
label.btn input{
	display: none;
}
.btn_sm{
	font-size: 1.2rem;
	width: 120px;
	padding: 16px;
}
.btn_green{
	border-color: #004639;
	background: #004639;
	color: #fff;
}
.btn_white{
	border-color: #004639;
	background: #fff;
	color: #004639;
}
.btn_orange{
	border-color: #ee780c;
	background: #ee780c;
	color: #fff;
}
.arrow_l.btn_orange:before,
.arrow_r.btn_orange:after{
	background-image: url("/img/201606wab/arrow_wt.png");
}
.arrow_l.btn_white:before,
.arrow_r.btn_white:after{
	background-image: url("/img/201606wab/arrow_or.png");
}


/*== ボタン20221108 ==SH== */
.more_link {
	display:block;
	width:100%; height:auto;/*50px*/
	padding:10px 30px;
	background:#E17229;
	box-sizing:border-box; outline:none;
	font-size:1.4rem; text-decoration:none; text-align:right; color:#FFF;
	/*アニメーションの起点とするためrelativeを指定*/
	position:relative; overflow:hidden;
	/*アニメーションの指定*/   
	transition:ease.2s;
}

/* hover */
.more_link:hover { color:#FFF; }
.more_link:hover span:first-child { transform-origin:left top; transform:scale(1, 1); }
.more_link span:first-child {
	content:'';
	position:absolute; top:0; left:0; z-index:1;
	width:100%; height:100%;
	background:#004639; /* hover時のbackground */
	/*アニメーション*/
	transition:transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform:scale(0, 1);
	transform-origin:right top;
}
.more_link span:not(:first-child),
.more_link.arrow_l::before,
.more_link.arrow_r::after { position:relative; z-index:2; }
/* 矢印 左右 */
.more_link.arrow_l::before,
.more_link.arrow_r::after { background-image:url("/img/201606wab/arrow_wt.png"); }


/* cv_select */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.cv_select{
	user-select: none;
	position: fixed;
	bottom: 0;
	right: 0;
	background: #d9e8e0;
	height: 45px;
	width: 100%;
	z-index: 5;
}
.cv_select form{
	display: flex;
	align-items: center;
	height: 100%;
}
.cv_select .btn{
	width: 25%;
	padding: 0;
	height: 100%;
	font-size: 1.3rem;
	border-radius: 0;
}
.cv_select .btn.is-disable{
	opacity: .5;
	pointer-events: none;
}
.cv_select .sod_select{
	display: block;
	position: relative;
	line-height: 1;
	width: 25%;
	padding: 0px 10px;
	height: 100%;
	background: #d9e8e0;
	color: #004639;
	font-size: 1.1rem;
	font-weight: 700;
	outline: none;
	cursor: pointer;
}
.cv_select .sod_select + .sod_select:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 24px;
	width: 1px;
	background: #004639;
}
.cv_select .sod_select:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 7px 4px;
	border-color: transparent transparent #004639 transparent;
	transform: scale(1, -1);
}
.cv_select .sod_select .sod_label{
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	width: 65%;
	transform: translateY(-50%);
}
.cv_select .sod_select .sod_list_wrapper{
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 100%;
	background: #d9e8e0;
	color: #004639;
	font-weight: 700;
	z-index: 5;
	transition: height .2s ease-in-out;
	overflow: hidden;
}
.cv_select .sod_select.open .sod_list_wrapper{
	height: 414px;
}
.cv_select .sod_select.above .sod_list_wrapper{
	top: auto;
	bottom: 100%;
}
.cv_select .sod_select .sod_list{
	display: block;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	height: 100%;
	margin-right: -17px;
	padding-right: 17px;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.cv_select .sod_select .scrollbar {
	position: absolute;
	right: 2px;
	top: 20px;
	margin: auto;
	height: calc(100% - 40px);
	width: 2px;
	background-color: #93b4aa;
}
.cv_select .sod_select .scrollbar-thumb {
	min-height: 50px;
	width: 4px;
	background-color: #004639;
	margin-left: -1px;
}
.cv_select .sod_select .sod_option{
	display: block;
	overflow: hidden;
	position: relative;
	padding: 14px 30px 14px 14px;
	list-style-type: none;
}
.cv_select .sod_select .sod_option + .sod_option:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 82%;
	height: 1px;
	background: #004639;
}
.cv_select .sod_select .sod_option.selected:before{
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 5px;
	border-left: 2px solid #004639;
	border-bottom: 2px solid #004639;
	transform: rotate(-45deg);
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.cv_select .sod_select select{
	display: none !important;
}
.cv_select .sod_select.touch select{
	-webkit-appearance: menulist-button;
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 1;
}



/* image  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.more{
	font-weight: 700;
	text-align: right;
	margin-top: 24px;
}
.more_l{
	text-align: left;
}
.more_c{
	text-align: center;
}



/* image  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.image{
	height: 200px;
	background-position: center;
	background-size: cover;
}



/* anc  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.anc{
	position: absolute;
	top: -55px;
	left: 0;
}



/* block  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.block{
	margin-top: 134px;
}
.block_item{
	padding-bottom: 212px;
}
.block_item:last-child{
	padding-bottom: 0;
}
.block_item > div{
	position: relative;
	top: -134px;
	margin-bottom: -134px;
}
.block_item.bg_lightgreen{
	z-index: -1;
}



/* form */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
form .alert{
	display: none;
	color: #d60038;
	margin-bottom: 1em;
}
form .alert.show{
	display: block;
}
input{
	background: #fff;
	outline: none;
}
input::placeholder,
textarea::placeholder{
	color: #99b5b0;
}
input.notice,
textarea.notice{
	background: #fdf2f5;
}
input[type=text]{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
}
input[type=date]{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
	font-size:14px;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input.notice:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fdf2f5 inset;
}
input[type=submit]{
	cursor: pointer;
}
input[type=button]{
	cursor: pointer;
}
.selector{
	position: relative;
}
.selector select,
.selector .view{
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	padding: 1em;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 1.2rem;
	width: 100%;
}
.selector-wide select,
.selector-wide .view{
	width: 100%;
}
.selector select{
	z-index: 1;
	opacity: 0;
	cursor: pointer;
	font-size: 16px; /* for iphone zoom */
	padding: 10px;
}
.selector .view{
	text-align: left;
	position: absolute;
	top: 0;
}
.selector .view:after{
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #004639 transparent transparent transparent;
}



/* capsule */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.capsule{
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 99px;
	padding: 16px;
	width: 79%;
	max-width: 273px;
	display: inline-block;
	line-height: 1;
}
.capsule.colored{
	border-color: #d60038;
}
.capsule.white{
	border-color: #fff;
}
input.capsule,
a.capsule{
	transition: .6s;
	-webkit-transition: .6s;
	transition-property: background,color;
	-webkit-transition-property: background,color;
}
input.capsule:hover,
a.capsule:hover{
	opacity: 1;
	background: #fafafa;
}
input.capsule.colored:hover,
a.capsule.colored:hover{
	opacity: 1;
	background: #d60038;
	color: #fff;
	font-weight: 300;
}
input.capsule.white:hover,
a.capsule.white:hover{
	color: #000;
}
input.short,
.selector select.short,
.selector .view.short{
	width: 47%;
}



/* column */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
/* .col{}
.col:after{
	content: "";
	display: block;
	clear: both;
}
.col.col2{}
.col>.cell{
	display: block;
	float: left;
	box-sizing: border-box;
}
.col.col2>.cell{
	width: 49.8%;
}
.col.col3>.cell{
	width: 33.3%;
} */



/* (fake)table */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.table{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.table>.tr{
	display: table-row;
}
.table>.tr>.td{
	display: table-cell;
	border: 1px solid #eee;
}



/* list */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.list{
	border-bottom: #004639 1px solid;
}
.list dl{
	border-top: #004639 1px solid;
}
.list dt{
	background: #ecf3ef;
	padding: .75em 1.3em;
	font-weight: 700;
}
.list dt span{
	font-size: 1.2rem;
}
.list dd{
	background: #fff;
	padding: 1em 1.3em;
}



/* header */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.header{
	width: 100%;
	height: 45px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background .15s;
}
.header.is-open .header_logo img:nth-child(1){
	opacity: 0;
}
.header.is-open .header_logo img:nth-child(2){
	opacity: 1;
}
.header.is-open{
	background: transparent !important;
}
.header.is-open .header_btn_nav a{
	background: #fff;
}
.header.is-open .header_bar{
	background: #004639;
	transform-origin: left center;
	transition: transform .15s;
}
.header.is-open .header_bar:nth-child(1){
	transform: rotate(45deg) translateY(-4.5px);
}
.header.is-open .header_bar:nth-child(2){
	transform: rotate(-45deg) translateY(4.5px);
}
.header.is-scroll{
	background: #fff;
}
.header_logo{
	width: 121px;
	margin-left: 10px;
	line-height: 0;
}
.header_logo a{
	display: block;
	position: relative;
}
.header_logo img{
	transition: opacity .15s;
}
.header_logo img:nth-child(2){
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.header_btns{
	display: flex;
}
.header_btn_admission a{
	width: 110px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	font-size: 1.3rem;
}
.header_btn_nav a{
	display: block;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header_bars{
	display: block;
	width: 18px;
	height: 9px;
}
.header_bar{
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	background: #fff;
}
.header_bar:last-child{
	margin-bottom: 0;
}



/* nav */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
@keyframes nav_fade { from { opacity:0; } to { opacity:1; } }

.nav {
	position:fixed; top:0; left:0; width:100%; height:100%; z-index:105;
	display:none; overflow-y:scroll; -webkit-overflow-scrolling:touch;
}
.nav.is-open { display:block; animation: nav_fade .15s; }

.nav .inner  { padding-top:94px; padding-bottom:50px; }

.nav_menus    { margin-bottom:22px; }
.nav_menus li { margin-bottom:14px; }
.nav_menus a  { font-size:3.2rem; color:#fff; line-height:1.15; font-weight:700; display:inline-block; }
.nav_menus p  { font-size:1.2rem; color: #99b5b0; display:block; }
.nav_menus a:hover   { color: #ee780c; }
.nav_menus a:hover p { color: #fff; }
.nav_menus span {
	font-size: 1.2rem;
  color: #99b5b0;
  display: block;
}

.nav_others ul { display:flex; flex-wrap:wrap; margin-bottom:2px; }
.nav_others li { width:50%; margin-bottom:18px; }
.nav_others a  { font-size:1.3rem; color:#99b5b0; line-height:1.62; font-weight:700; }
.nav_others a:hover { color:#fff; }

.nav_insta a, .nav_line a, .nav_link a {
	display:flex; justify-content:flex-start; align-items:center;
	width:186px; margin:0 auto 1.5em; padding:10px;
	border:1px solid #fff; border-radius:4px;
	font-size:1.4rem; font-weight:700; color:#fff;
}
.nav_insta a:hover,  .nav_line a:hover,  .nav_link a:hover  { opacity:.6; }
.nav_insta a:before, .nav_line a:before, .nav_link a:before {
	content:""; display:block; width:21px; height:21px; margin-right:8px;
	background:center no-repeat; background-size:100% auto;
}
.nav_insta a:before { background-image:url("/img/201606wab/icon_insta.png"); }
.nav_line  a:before { background-image:url("/img/201606wab/icon_line.png"); }
.nav_link  a:before { background-image:url("/img/201606wab/icon_f24.png"); }


/* cv ==SH== *
.cv   { width:100%; height:365px; color:#E17229; }
.cv a {
	display:flex; justify-content:center; align-items:center;
	background:url("/img/201606wab/cv_bg.jpg") no-repeat center; background-size:cover;
	width:100%; height:100%;  
}
.cv a div {
	position:relative;
	background:none;

	background:linear-gradient(45deg,#E17229, #E1A129);
	width:60%; height:100%;
	padding:15px 50px 15px 100px;

	padding:15px 50px 15px 100px;
	text-align:right; color:#E17229;
}
.cv a div::before {
	content:"";
	position:absolute; top:50%; left:0;
	width:9.5rem; height:9.5rem;
	background:linear-gradient(-45deg,#E17229, #E1A129);
	border-radius:50%;
	transform:translate(0, -50%);
}
.cv p:first-child	   { font-size:6.4rem; font-weight:700; line-height:1; }
.cv p:not(:first-child) { font-size:2rem; font-weight:700; }

/* cv */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.cv{
    height: 230px;
    background: #fff;
}
.cv a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.cv_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/img/201606wab/cv_bg.jpg") center no-repeat;
    background-size: cover;
}
.cv_btn{
    background: #fff;
    padding: 27px 44px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.cv_head{
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
}
.cv_lead{
    font-size: 1.2rem;
    font-weight: 700;
}




/* footer ==SH== */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.footer	   { width:100%; background:#fff; padding:28px 0; }
.footer p  { width:139px; margin-bottom:18px; }
.footer ul { margin-bottom:32px; text-align:left; }
.footer li:not(:first-child) { margin-top:6px; }
.footer li a { font-size:1.2rem; }
.footer_copyright { display:block; font-size:1.1rem; text-align:right; }



/* admission */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.admission {
	background: #d60038;
	height: 110px;
	line-height: 110px;
}
.admission a {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 300;
	display: block;
}
.admission a img {
	top: -3px;
	position: relative;
	width: 24px;
	height: 7px;
	margin-right: 10px;
	margin-left: -34px;
}



/* slider : TOPのみ 202209webフォルダに移動 */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   *
.js-slider_wrap{
	position: relative;
	line-height: 1;
	overflow: hidden;
}
.js-slider_wrap img{
	opacity: 0;
}
.js-slider, .js-slider_scene, .js-slider_slide{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.js-slider_scene{
	opacity: 0;
}
.js-slider_slide{
	background-position: center;
	background-size: cover;
}



/* visual */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.visual{
	background: #d9e8e0;
	min-height: 140px;
	padding: 40px 0;
	width: 100%;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.visual .inner{
	width: 100%;
}
.visual p{
	margin-top: .6em;
	margin-left: .3em;
}
.visual2{
	padding: 10px 0 44px;
}
.visual2_pic{
	position: absolute;
	right: -5.97%;
	left: 5.97%;
	top: 100px;
}
.visual2_title{
	margin-bottom: 136%;
}
.visual2_copy{
	margin-bottom: 14px;
}
.visual2_lead{
	font-weight: 700;
}
.visual2_lead p{
	margin-bottom: 1em;
}
.visual2_lead p:last-child{
	margin-bottom: 0;
}

/*----------------------------------------
20221220 interview ==SH==
------------------------------------------*/
.interview { padding-bottom:50px; }
.interview ul {
	display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;
	list-style:none; 
}
.interview ul li { width:100%; margin:0 0 20px 0; padding:0; font-size:1.2rem; font-weight:bold; }
.interview ul li iframe,
.interview ul li img { width:100%; height:auto; /* max-height:206px; */ }




/* icon */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.icon_new{
	display: inline-block;
	padding: 0 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	background: #ee780c;
	border: #ee780c solid 1px;
}



/* test */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
header.test:after{
	content: "SP -768";
	display: inline-block;
	position: fixed;
	bottom: 182px;
	left: 0;
	padding: 5px;
	font-size: 1.0rem;
	background: rgba(255,200,240,0.8);
}



/* sp  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
@media (max-width: 768px) {

	/* base */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.for_pc{
		display: none!important;
	}


	/* color */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.white,
	.white h1,
	.white h2,
	.white h3,
	.white h4,
	.white h5,
	.white h6,
	.white p,
	.white a { font-weight: 200; }



	/* column */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.col.col2.break_on_sp>.cell,
	.col.col3.break_on_sp>.cell{
		width: 100%;
	}



	/* (fake)table */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.table.break_on_sp{
		display: block;
		border-bottom: 1px solid #eee;
	}
	.table.break_on_sp>.tr{
		display: block;
	}
	.table.break_on_sp>.tr>.td{
		display: block;
		border-bottom: none;
	}

}



/* pc  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
@media (min-width: 769px) {

	/* base */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	body {
		font-size: 1.5rem;
		line-height: 1.8;
	}
	a:hover{
	   color: #ee780c;
	}
	.opacity{
		display: block;
	}
	.opacity:hover{
		opacity: .6;
	}
	.opacity_target{
		transition: opacity .2s;
	}
	.opacity_box:hover .opacity_target{
		opacity: .6;
	}
	.for_sp{
		display: none!important;
	}
	#wrapper{
		min-height: 100%;
	}



	/* layout */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.box{
		width: 100%;
		margin: 0 auto;
		max-width: 980px;
	}
	.mini_box{
		width: 100%;
		margin: 0 auto;
		max-width: 810px;
	}
	.large_box{
		width: 92%;
		margin: 0 auto;
		max-width: 1290px;
	}
	.wrap_middle.pc_invalid{
		display: block;
		width: inherit;
		height: inherit;
	}
	.wrap_middle.pc_invalid .middle{
		display: block;
		vertical-align: inherit;
	}
	.wrap{
		margin-top: 64px;
	}
	.content{
		padding: 70px 0 160px;
	}
	.inner, .inner_s{
		padding: 0 7.98%;
		max-width: 1366px;
	}
	.inner_s{
		max-width: 1098px;
	}


	/* col */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.col{
		display: flex;
	}
	.col_reverse{
		flex-direction: row-reverse;
	}
	.col_vcenter{
		align-items: center;
	}
	.col_hcenter{
		justify-content: center;
	}
	.col_sb{
		justify-content:space-between; /* ==SH== */
	}
	.col_item{
		width: 50%;
	}
	.col_item2{
		width: 45%; /* ==SH== */
	}
	.col_item_lg{
		/* width: 65.5%; */
		width: 50%;
	}
	.col_item_sm{
		/* width: 34.5%; */
		width: 50%;
	}
	.col_item_sm h2 { margin-bottom:.5em;	}/* ==SH== */


	/* text */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	h1.exo				 { font-size:6.2rem; }
	h2.exo				 { font-size:4.2rem; }
	h3.exo				 {}
	.tips				  { font-size:1.2rem; }
	.text_h1			   { font-size:8rem; }
	.text_h1.text_h1_float { font-size:9rem; /* font-size:10rem; */ } /* ==SH== */
	.text_h1_lg			{ font-size:11.2rem; }
	.text_h2			   { font-size:5.6rem; }
	.text_h2 span		  { font-size:1.8rem; }
	.col_item_sm .text_h2  { margin-top:-.15em; }
	.text_h3			   { font-size:4.8rem; }
	.text_h3 span		  { font-size:1.5rem; }
	.text_h4			   { font-size:3.2rem; }
	.text_h4 span		  { font-size:1.5rem; }
	.text_h5			   { font-size:2.4rem; }
	.text_h6			   { font-size:1.8rem; }



	/* btn */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.btn{
		width: 200px;
	}
	.btn_sm{
		width: 120px;
	}
	.btn_green:hover{
	   background: #fff;
	   color: #004639;
	}
	.btn_white:hover{
	   background: #004639;
	   color: #fff;
	}
	.btn_orange:hover{
	   background: #fff;
	   color: #ee780c;
	}
	.arrow_l.btn_orange:hover:before,
	.arrow_r.btn_orange:hover:after{
	   background-image: url("/img/201606wab/arrow_or.png");
	}

	/*== ボタン20221108 ==SH== */
	.more_link { width:235px; }


	/* cv_select */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.cv_select{
		height: 64px;
		width: auto;
	}
	.cv_select .btn{
		width: 100px;
		border-radius: 4px;
		padding: 12px 8px;
		height: auto;
		font-size: 1.5rem;
		margin: 0 12px;
	}
	.cv_select .sod_select{
		width: 128px;
	}
	.cv_select .sod_select:before{
		transform: scale(1, 1);
		right: 18px;
	}
	.cv_select .sod_select .sod_option + .sod_option:after{
		width: 100px;
	}
	.cv_select .sod_select{
		font-size: 1.2rem;
	}
	.cv_select .sod_select:hover{
		background: #e0f2e9;
	}
	.cv_select .sod_select .sod_option.active{
		background: #e0f2e9;
	}



	/* image  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.image{
		height: 480px;
	}



	/* anc  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.anc{
		top: -74px;
	}



	/* block  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.block{
		margin-top: -160px;
	}
	.block_item{
		padding: 160px 0;
		margin-bottom: -200px;
	}
	.block_item:last-child{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.block_item > div{
		top: 0;
		margin-bottom: 0;
	}
	.block_texts{
		padding-left: 13.24%;
	}
	.col_reverse .block_texts{
		padding-left: 0;
		padding-right: 13.24%;
	}



	/* form */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.selector select,
	.selector .view{
		font-size: 1.4rem;
		width: 320px;
	}
	.selector .view{
		padding: 1.2rem;
	}
	.selector select{
		padding: 1.4rem;
	}



	/* list */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.list{
		max-width: 873px;
		margin: 0 auto;
	}
	.list dl{
		display: table;
		width: 100%;
	}
	.list dt, .list dd{
		display: table-cell;
	}
	.list dt{
		width: 23%;
	}



	/* header */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.header{
		height: 64px;
	}
	.header.is-open .header_bar:nth-child(1){
		transform: rotate(45deg) translateY(-6px);
	}
	.header.is-open .header_bar:nth-child(2){
		transform: rotate(-45deg) translateY(6px);
	}
	.header_logo{
		width: 178px;
		margin-left: 24px;
	}
	.header_btn_admission a{
		width: 120px;
		height: 64px;
		line-height: 64px;
		font-size: 1.4rem;
	}
	.header_btn_admission a:hover{
		background: #ff9331;
		border-color: #ff9331;
		color: #fff;
	}
	.header_btn_nav a:hover .header_bar{
		background: #ee780c;
	}
	.header.is-open .header_bar{
		background: #004639;
		transform-origin: left center;
		transition: background .2s, transform .15s;
	}
	.header_btn_nav a{
		width: 64px;
		height: 64px;
	}
	.header_bars{
		display: block;
		width: 24px;
		height: 12px;
	}
	.header_bar{
		height: 4px;
		margin-bottom: 4px;
		transition: background .2s;
	}



	/* nav */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.nav .inner    { display:flex; padding-top:138px; padding-bottom:104px; }

	.nav_menus	   { margin-bottom:0; flex:1; }
	.nav_menus li  { margin-bottom: 30px; }
	.nav_menus a   { font-size: 8rem; line-height:1; }
	.nav_menus p   { font-size:1.5rem; margin-top:.5em; transition: color .2s; }

	.nav_others    { width:230px; }
	.nav_others ul { display:block; margin-bottom:24px; }
	.nav_others li { width:100%; margin-bottom:22px; }
	.nav_others a  { font-size: 1.5rem; }

	.nav_line a, .nav_insta a, .nav_link a {
		width:190px; margin-left:0; padding:10px; font-size:1.5rem; color:#fff;
	}
	.nav_line a:before, .nav_insta a:before, .nav_link a:before {
		width:26px; height:26px;
	}
  .nav_menu span{
      font-size: 1.5rem;
      margin-top: .5em;
      transition: color .2s;
  }


	/* cv 20230207復元 */
	.cv{
		height: 360px;
	}
	.cv_bg{
		background-image: url("/img/201606wab/cv_bg_pc.jpg");
	}
	.cv a:hover .cv_lead{
		color: #ee780c;
	}
	.cv_btn{
		padding: 46px 82px;
	}
	.cv_head{
		font-size: 5.8rem;
	}
	.cv_lead{
		font-size: 1.6rem;
		transition: color .2s;
	}



	/* footer ==SH== */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.footer { padding:50px 0; }
	.footer .inner	 { display:flex; justify-content:space-between; align-items:center; }
	.footer .inner div { display:flex; align-items:center; }
	.footer p  { margin-bottom:0; margin-right:48px; line-height:1; }
	.footer ul { margin-bottom:0; display:flex; }
	.footer li { line-height:1.15; }
	.footer li:not(:first-child) { margin-top:0; margin-left:22px; }
	.footer li a { font-size:1.1rem; }



	/* admission */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.admission {
		height: 190px;
		line-height: 190px;
	}
	.admission a {
		font-size: 1.6rem;
	}



	/* visual */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.visual{
		min-height: auto;
		height: 336px;
	}
	.visual p{
		margin-top: 1.2em;
	}
	.visual_s{
		height: 268px;
	}
	.visual_s p{
		margin-top: .6em;
	}
	.visual2{
		padding: 0 0 120px;
	}
	.visual2_inner{
		position: relative;
	}
	.visual2_pic{
		position: relative;
		margin-left: auto;
		right: -9.49%;
		left: auto;
		top: 0;
		width: 59.49%;
		max-width: 683px;
	}
	.visual2_texts{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}
	.visual2_title{
		margin-bottom: 30px;
		margin-left: -.05em;
		padding-top: 20%;
	}
	.visual2_copy{
		margin-bottom: 14px;
	}

	/* interview ==SH== */
	.interview { padding-bottom:160px; }
	.interview ul li { width:32%; margin:0; font-size:2rem; }



	/* test */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	header.test:after{
		content: "PC 769-";
		background: rgba(200,255,240,0.8);
	}

}



/* pc wide  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
@media (min-width: 1367px) {

	/* layout */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.inner, .inner_s{
		padding: 0 109px;
	}
}