@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Modern+Antiqua);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}



body{
	font: 14px/1.9 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000;
	background: #fff;
}

a{
	color: #d12d00;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}

.logo_sp {
	display: none !important;
}


/* ヘッダー
------------------------------------------------------------*/
#mainnav a{
	color: #000;
	font-family: 'Times New Roman',serif;
}


/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	padding: 0 10px 50px 0;
	text-align: center;
	font-size: 14px;
	background: #00243c;
	color: #fff;
}



/* 共通
------------------------------------------------------------*/
h1, h2{
	font-family: 'Times New Roman',serif;
}

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

section{
  clear: both;
}

section h2{
	margin: 70px auto;
	font-size: 55px;
	font-weight:normal;
	text-align: center;
	letter-spacing: 1px;
}

section h2 span {
	padding-bottom: 20px;
	border-bottom: 3px solid #000;
}

section h2 span.color01 {
	color: #fff;
	border-color: #fff;
}

.inner{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px;
}

.innerB {
	width: 100%;
	padding-bottom: 120px;
}

#sec03 .inner, #sec04 .inner {
	border-bottom: 1px solid #a0a0a0;
}

.innerS{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 80px;
}

.innerS p {
	text-align: center;
	font-size: 26px;
}


/* SEC02 Gallery
------------------------------------------------------------*/
#sec02{
	padding: 0 !important;
}

#sec02 header{
	display: none;
}

#gallery{
	overflow: hidden;
}

#gallery li{
	float: left;
	width: calc(100%/3);
	line-height: 0;
}
#gallery li.full{
	width: 100%;
}

#gallery img{
	display: block;
	width: 100%;
	height: auto;
}


/* SEC03 BRAND
------------------------------------------------------------*/
.col4 .img{
	margin: 0 auto;
}

p.p01 {
	padding: 10px;
}


/* SEC06 Book
------------------------------------------------------------*/

#sec06 header{
	background: #516b5e;
	margin-bottom: 60px;
}

#sec06 header h2{
	margin: 0 auto;
	padding: 40px 0 50px 0;
}

.img_right{
	position: relative;
	float:right;
	margin-bottom: 60px;
}

.clear{
	clear: both;
}

/* SEC07 Lecture
------------------------------------------------------------*/

#sec07 header{
	background: #af5ad1;
	margin-bottom: 60px;
}

#sec07 header h2{
	margin: 0 auto;
	padding: 40px 0 50px 0;
}

.img_left{
	position: relative;
	float:left;
	margin-bottom: 60px;
}

/* SEC09 online salon
------------------------------------------------------------*/

#sec09 header{
	background: #5ab7d1;
	margin-bottom: 60px;
}

#sec09 header h2{
	margin: 0 auto;
	padding: 40px 0 50px 0;
}



/* SEC04 PROJECT
------------------------------------------------------------*/
#sec04{
	padding-bottom: 0 !important;
}

.article{
	clear: both;
	overflow: hidden;
	padding-bottom: 50px;
}

.article img{
	float: left;
	margin: 5px 20px 20px;
}

.article p{
	margin-bottom: 20px;
}

.article .img_right{
	float: right;
	margin: 5px 0 20px 20px;
}



/* SEC05 COMPANY
------------------------------------------------------------*/

#sec05 {
	background: #00243c;
}

#sec05 p{
	margin-bottom: 5px;
	color: #fff;
}

.col2 li{
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}

#map{
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
	z-index: 0;
}

#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

a.btn-border {
  border: 1px solid #00243c;
  border-radius: 0;
  background: #fff;
}

a.btn-border:hover {
  color: #fff;
  background: #00243c;
  border: 1px solid #fff;
}

/*ボックスサイズ算出をborer-boxに */

.btn,
a.btn,
button.btn {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

/*ミニサイズBTN */

.btn_ss,
a.btn_ss,
button.btn_ss {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.6rem 2.6rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}



/* 下層共通
------------------------------------------------------------*/

section h2.title01 {
	margin-top: 0;
	margin-bottom: 50px;
	padding-top:70px;
	width: 90%;
	text-align: left;
	overflow: hidden;
	position: relative;
}
section h2.title02 {
	margin-top: 0;
	margin-bottom: 50px;
	padding-top:70px;
	width: 90%;
	text-align: left;
	overflow: hidden;
	position: relative;
	font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size: 32px;
}

.innerD01{
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 80px;
}

section span.pb01 {
	font-size: 18px;
	font-weight: bold;
	font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
}

section span.pb02 {
	font-size: 36px;
	font-weight: 400;
	font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	color: #d12d00;
	line-height: 1.5;
}
section span.pb03 {
	font-size: 18px;
	font-weight: 400;
	font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	color: #d12d00;
}

section span.pb04 {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	color: #fff;
	padding: 5px 20px;
	background: #5ad174;
}

section span.pb05 {
	font-size: 16px;
	font-weight: 500;
	color: #f95554;
}

section span.colorB01 {
	color: #5a7cd1;
}




/* フォーム共通
------------------------------------------------------------*/

section .form01 {
	width: 90%;
	margin: 0 auto;
}
section .form03 {
	width: 80%;
	margin: 0 auto;
}

section .form01 table,
section .form03 table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 120px;
}

section .form01 th,section .form01 td,
section .form03 th,section .form03 td {
	padding: 25px 20px 25px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

section .form01 th,
section .form03 th {
	width: 21.5%;
	font-weight: normal;
	background: #fafbfd;
	color: #324a78;
}

section .form01 p.under_line,
section .form03 p.under_line {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

section .form01 td.td001 {
	background: #f2f2f2;
	color: #6c80aa;
	font-weight: bold;
	border-top: none;
	border-bottom: none;
}
section .form01 td.td002 {
	background: #f9f9f9;
	color: #333;
	border-top: none;
	border-bottom: none;
}
section .form01 td.td003 {
	background: #ffeeee;
	color: #fe6783;
	font-weight: bold;
	border-top: none;
	border-bottom: none;
}
section .form01 td.td004 {
	background: #f9f9f9;
	color: #333;
	border-top: none;
	border-bottom: none;
}
section .form01 td.td005 {
	background: #f9f9f9;
	color: #333;
	border-top: #ffeeee 1px solid;
	border-bottom: none;
}
b.pink01 {color: #f95554;}


section .form02 {
	width: 80%;
	margin: 0 auto;
}

section .form02 table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 120px;
}

section .form02 td {
	padding: 25px 20px 25px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
}

section .form02 td.td01 {
	background: #f2f2f2;
	color: #6c80aa;
	font-weight: bold;
}
section .form02 td.td02 {
	background: #f9f9f9;
	color: #333;
}

section .form02 td.td03 {
	background: #ffeeee;
	color: #fe6783;
	font-weight: bold;
}
section .form02 td.td04 {
	background: #f9f9f9;
	color: #333;
}


section .table001 {
	margin-bottom: 30px;
}

section .table001 td {
	padding: 10px 20px 0 20px;
}
section .table001 td.td001 {
	background: #f2f2f2;
	color: #6c80aa;
	font-weight: bold;
}
section .table001 td.td002 {
	background: #f9f9f9;
	color: #333;
}



/**** 目次 ****/
.index {
	width:90%;
	margin:0 auto 15px auto;
	font-size:14px;
	border:none;
	line-height:2.1em;
}
.index_left,.index_right {width:50%;}
.index_right {padding-left:10px;}
.index_chapter {
	border-left:solid 4px #5ab7d1;
	border-bottom:dotted 1px #CCC;
	padding:0 0 0 8px;
	font-size:16px;
	/* [disabled]margin-left:5px; */
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 30px;
}
.partbox {background-color:#F0F0F0; font-size:15px; font-weight:bold; padding:10px;}

.nomal {font-weight:normal;}
.smaller {font-size:13px;}
.tbl_agmt p {margin-top:0;}

#index_box1, #index_box2 {font-size:12px;}
#index_box1, #index_box2 {float:left; width:49%;}
#index_box2 {margin-left:2%;}

.blue01 {color: #5ab7d1;}




/* お問い合わせフォーム
------------------------------------------------------------*/

#main .inquiry {
	margin-bottom: 120px;
}

#main .inquiry form {
	width: 90%;
	margin: 0 auto 0;
}

#main .inquiry form .note {
	margin-bottom: 15px;
	font-size: 12px;
	text-align: left;
}

#main .inquiry form .must {
	color: #a70307;
}



#main .inquiry form table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 50px;
}

#main .inquiry form th,
#main .inquiry form td {
	padding: 20px 20px 20px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

#main .inquiry form th {
	width: 21.5%;
	font-weight: normal;
	background: #fafbfd;
}

#main .inquiry form th .must {
	margin-left: 2px;
	font-size: 8px;
	display: inline-block;
	vertical-align: top;
}

#main .inquiry form td li {
	margin-right: 26px;
	display: inline-block;
}	

#main .inquiry form td input[type="text"],
#main .inquiry form td input[type="email"],
#main .inquiry form td input[type="tel"] {
	padding: 3px 15px;
	height: 40px;
	width: 250px;
	font-size: 14px;
	border: 1px solid #F8F8F8;
	appearance: none;
	-webkit-appearance: none;
	border-radius:0;
	box-sizing: border-box;
	background-color: #fafbfd;
}

#main .inquiry form td input[type="text"].style:not([name="company"]),
#main .inquiry form td input[type="email"].style,
#main .inquiry form td input[type="tel"].style,
#main .inquiry form td textarea.style {
	background-color: #FFF !important;
	border: 1px solid #a70307;
}

.wpcf7c-conf {
	border: none !important;
	background-color: inherit !important;
}

span.wpcf7-not-valid-tip {
	color: #a70307;
}

div.wpcf7-mail-sent-ok {
	display: none !important;
}

#main .inquiry form td input.wid01 {
	width: 100%;
}

#main .inquiry form td input[type="text"].off {
	color: #000;
}

#main .inquiry form td input[type="text"].on {
	color: #000;
}

#main .inquiry form td .txt {
	margin-left: 10px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
}

#main .inquiry form td textarea {
	padding: 15px 20px;
	width: 100%;
	height: 202px;
	font-size: 14px;
	appearance: none;
	-webkit-appearance: none;
	border-radius:0;
	border: 1px solid #F8F8F8;
	line-height: 1.8;
	box-sizing: border-box;
	background-color: #fafbfd;
	resize: none;
}

#main .inquiry form .submit {
	text-align: center;
}

#main .inquiry form .submit li {
	margin: 0 10px;
	display: inline-block;
}

#main .inquiry form .submit input {
	padding: 15px 5px 14px;
	width: 250px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	border-radius:0;
	border: none;
	background-color: #d14e2a;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
	color: #fff;
}

.ajax-loader {
	display: none;
}

@media all and (min-width: 768px) {
	#main .inquiry form .submit input:hover {
		/* opacity: 0.7; */
		color: #d14e2a;
		background: transparent;
	}
}

#main .inquiry .custom-wpcf7c-confirmed td textarea {
	height: auto;
}

#main .inquiry .custom-wpcf7c-confirmed tr:last-child td {
	padding: 10px 20px 10px
}


@media screen and (max-width: 767px) {
	#main .inquiry form {
		margin: 0 30px 80px;
		width: auto;
	}
	
	#main .inquiry form .note {
		margin-bottom: 5px;
		font-size: 10px;
	}
	
	#main .inquiry form table {
		margin-bottom: 30px;
		border-bottom: 1px solid #ccc;
	}
	
	#main .inquiry form th,
	#main .inquiry form td {
		display: block;
		width: auto !important;
		border: none;
	}
	
	#main .inquiry form th {
		padding: 28px 9px 10px;
		border-top: 1px solid #ccc;
		background: #fff;
	}
	
	#main .inquiry form td {
		padding: 0 9px 28px;
		line-height: 1.8;
	}
	
	#main .inquiry form td input[type="text"] {
		width: 100% !important;
	}
	
	#main .inquiry form td input[type="tel"].style {
		width: 100%;
	}
	
	#main .inquiry form td .txt {
		margin: 5px 0 0;
		display: block;
	}
	
	#main .inquiry form td textarea {
		padding: 5px 8px;
		margin: 10px 0;
	}

	#main .inquiry form .submit {
		padding-left: 0;
	}

	#main .inquiry form .submit input {
		padding: 14px 5px;
	}
}





/* Open salon School
------------------------------------------------------------*/

.pageTitle{
position:relative;
padding-top:0;
padding-bottom:10rem;
}

.pageTitle:before{
content:'';
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:35rem;
z-index:0;
background:#b7d15a
}
.pageTitle01:before{
background:#d15ab7
}

.pageTitle__inner{
margin-right:auto;
margin-left:auto;
padding-right:8rem;
padding-left:8rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
height:29.3rem
}

@media only screen and (max-width: 1023px){
.pageTitle__inner{padding-right:6rem;padding-left:6rem}
}

@media only screen and (max-width: 767px){
.pageTitle__inner{padding-right:2rem;padding-left:2rem}
}


.pageTitle__img{
overflow:hidden;
-webkit-transition:opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition:opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
will-change:opacity;
position:absolute;
top:0;
right:10rem;
bottom:0;
left:0;
z-index:0;
opacity:0
}

.pageTitle__img .img{
position:absolute;
top:-10rem;
right:0;
bottom:-10rem;
left:0;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}

.pageTitle .pageTitle__img .img{background-image:url(../images/open01.jpg) }
.pageTitle01 .pageTitle__img .img{background-image:url(../images/coach01.jpg) }


.pageTitle__ttl{
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
font-weight:400;
position:relative;
z-index:1;
margin-top:38rem;
margin-left:auto;
padding-right:0;
font-size:1.6rem;
line-height:1
}

.pageTitle__ttl .en{
font-family: 'Times New Roman',serif;
font-weight:500;
display:block;
margin-bottom:1rem;
color:#000;
font-size:4rem
}

.pageTitle__ttl.is-built br{display:none}

.pageTitle.is-visible .pageTitle__img{opacity:1}


@media only screen and (max-width: 1023px){
.pageTitle{padding-bottom:4rem}
.pageTitle:before{top:8.7rem;right:0;bottom:0;left:8rem}
.pageTitle__inner{display:block;height:auto}
.pageTitle__img{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin-left:-6rem;padding-bottom:42.67vw}
.pageTitle__img .img{top:-31.25%;bottom:-31.25%}
.page-business .pageTitle__img .img{background-image:url(../imgs/business/pagetitle_sp.jpg)}
.page-recruit .pageTitle__img .img{background-image:url(../imgs/recruit/pagetitle_sp.jpg)}
.pageTitle__ttl{margin-top:1rem;padding-right:0}
}

@media only screen and (max-width: 767px){
.pageTitle{margin-bottom:0;padding-top:3.8rem;padding-bottom:2rem}
.pageTitle:before{top:6rem;left:4rem}
.pageTitle__img{margin-left:-2rem}
.pageTitle__ttl{margin-top:1rem;font-size:1.5rem}
.pageTitle__ttl .en{margin-bottom:0.5rem;font-size:3rem}
}

@media only screen and (max-width: 639px){
.pageTitle__ttl.is-built br{display:inline-block}
}

@media only screen and (max-width: 374px){
.pageTitle__ttl{margin-top:-2.5rem}
.pageTitle__ttl .en{font-size:5rem}
}

.c-texteffect__text{display:inline-block}

.c-texteffect__char{
-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-webkit-transition-property:opacity, -webkit-transform, -webkit-filter;
transition-property:opacity, -webkit-transform, -webkit-filter;transition-property:transform, opacity, filter;
transition-property:transform, opacity, filter, -webkit-transform, -webkit-filter;
will-change:transform, opacity, filter;-webkit-transform:translateY(2rem);
transform:translateY(2rem);display:inline-block;opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}


.c-texteffect.is-built{opacity:1}
.c-texteffect.is-visible .c-texteffect__char{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-filter:blur(0);filter:blur(0)}

@media only screen and (max-width: 1023px){
.c-texteffect[data-texteffect-scroll]{opacity:1}
.c-texteffect[data-texteffect-scroll] 
.c-texteffect__text{display:inline}
.c-texteffect[data-texteffect-scroll] 
.c-texteffect__char{-webkit-transform:translateY(0);transform:translateY(0);display:inline;opacity:1;-webkit-filter:blur(0);filter:blur(0)}
}





/* RESPONSIVE 設定
------------------------------------------------------------*/

@media screen and (min-width: 768px){
	body{
		font-size:14px;
		background: #d2735a;
	}
	
	#wrapper{
		width: 100%;
	}
	
	#content{
		width: 80%;
		background: #fff;
	}
	
	#sidebar{
		width: 12%;
		position: fixed;
		top: 0;
		right: 4%;
	}
	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}
	
	#sidebar h1{
		padding: 30px 0;
	}

	#mainnav li{
		font-size: 16px;
		padding: 10px 0;
	}
	
	#sns{
		margin-top: 50px;
	}
	
	#sns li{
		display: inline-block;
		padding-right: 10px;
	}

	#sns a:hover img{
		opacity: .8;
	}
	
	/* SEC03 BRAND
	-----------------*/
	.col4{
		text-align: center;
	}

	.col4 li{
		display: inline-block;
		width: 18%;
		padding: 0 3%;
		vertical-align: top;
		text-align: left;
	}
	
	
	ul.col5 {
	text-align: center;
	margin-left: -10px;
	width:100%;
	font-size: 0; /* タグ改行時の空白防止 */
	}
	
	ul.col5 li{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width:21%;
	height:30em;
	margin-left: 10px;
	margin-right: -10px;
	border-right: #ececec 1px solid;
	font-size: 14px; /* ulでサイズ0にしたのを戻す */
	text-align: center;
	background: #f4f4f4;
	padding-bottom: 30px;
	}
	
	#map iframe{
		height: 200px !important;
  }
	
  #footer{
		padding: 30px 10px 70px 0;
	}
}


@media only screen and (min-width: 641px){
	.col2 li{
		width: 60%;
		vertical-align: top;
	}
	.col2 li:first-child{
		width: 35%;
		padding-right: 4%;
	}
}

@media only screen and (max-width: 640px){
	.innerS{
		width: 94%;
		padding-bottom: 30px;
	}
	#gallery li{
		float: none;
		width: 100%;
	}
	.article img{
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	#map iframe{
		width: 96% !important;
		left: 2%;
	}
}

@media all and (min-width: 565px) and (max-width: 932px) {
	.article img{
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.article .img_right{
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
.btn_ss,
a.btn_ss,
button.btn_ss {
  font-size: 12px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.4rem 2.0rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
}

@media screen and (max-width: 767px){
	#sidebar{
		position: fixed;
		width: 100%;
		z-index:500;
	}
	
	#sidebarWrap{
		position: relative;
		width: 100%;
		height: 60px;
		background: #d2735b;
		border-bottom: 1px solid #ccc;
	}
	
	#sidebar h1{
		text-align: center;
		padding-top: 15px;
	}
	#sidebar h1 img {
		width: 94px;
		height: 22px;
		position: fixed;
		left: 40%;
	}
	
	#sidebar h1 .logo_sp {
		display: block !important;
	}
	#sidebar h1 .logo_pc {
		display: none !important;
	}
	
	
	
  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #000;
  	transition: .2s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #000;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: -10px;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
	}

	#mainnav ul{
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: left;
	}

	#mainnav li a{
		position: relative;
		display: block;
		padding: 15px 25px;
		font-size: 16px;
		border-bottom: 1px solid #ccc;
		color: #000;
		font-weight: 400;
	}
	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#mainnav #sns li{
		display: inline-block;
	}
	#mainnav #sns li a{
		position: relative;
		display: inline-block;
		padding: 15px 10px 0;
		border: 0;
	}
	#mainnav #sns li a:before{
		border: 0;
	}
	.col4 li{
		margin: 0 auto 50px;
		display: block;
		text-align: center;
	}
	.col5 li{
		margin: 0 auto 1px;
		display: block;
		text-align: center;
		padding: 50px 0;
		background: #f4f4f4;
	}
	.col5 li img {
		width: 250px;
		height: 250px;
	}
	section h2{
		margin: 55px auto;
	}
	#mainImg{
		padding-top: 40px;
	}
	.index_left {width:100%;}
	.index_right {width:100%;}
	.index_left {float:left;}
	.index_right {float:left;}
	.index_right {padding-left:0;}
}



/* BLM養成塾
------------------------------------------------------------*/

section h3 .title_blm01 {
	width: 90%;
	text-align: left;
	overflow: hidden;
	position: relative;
	color: #446689;
}

section h3{
	margin: 50px auto;
	font-size: 35px;
	font-weight:normal;
	text-align: center;
	letter-spacing: 1px;
}

.btm_sp01 {
	border-bottom: 3px solid #446689;
}


.form_blm202402 {
	width: 80%;
	margin: 0 auto;
}

.form_blm202402 table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 120px;
	font-weight: normal;
}

.form_blm202402 td {
	padding: 25px 20px 25px;
	text-align: left;
	vertical-align: top;
}

.form_blm202402 td.td01 {
	background: #446689;
	color: #fff;
	font-size: 26px;
}
.form_blm202402 td.td02 {
	background: #f7f2df;
	color: #333;
	font-size: 16px;
}


a.btn-blm33 {
  border: 1px solid #00243c;
  border-radius: 0;
  background: #ff9002;
}

a.btn-blm33:hover {
  color: #fff;
  background: #00243c;
  border: 1px solid #fff;
}


.innerBlm{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.innerBlm p {
	text-align: center;
	font-size: 26px;
}