@charset "UTF-8";
/* ==========================================================================
  Base ベース
========================================================================== */
/* 変数*/
:root{
	--colorTxt:#3a3d3f;
	--colorBgGray:#d7dbe0;
	--rgbBgGray:215, 219, 224;
	--colorBgLightGray:#f2f3f4;
	--rgbBgLightGray:242, 243, 244;
	--colorBlueGray:#98bbcd;
	--rgbBlueGray:152, 187, 205;
	--colorLightBlueGray:#c3dce6;
	--rgbLightBlueGray:195, 220, 230;
	--colorOrange:#edb256;
	--rgbOrange:237, 178, 86;
	--colorGray:#929596;
	--rgbGray:146, 149, 150;
	--colorNavy:#00588e;
	--rgbNavy:0, 88, 142;
	--colorYellow:#ffef97;
	--rgbYellow:255, 239, 151;
	--accentFontsF:'Hina Mincho', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--accentFontsF2:'Libre Baskerville', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--letterSpace100:0.05em;
	--letterSpace200:0.1em;
	--windowsMaxW:1170px;
	--txtlineHeight:1.8;
	--txtlineHeightLarge:2.2;
	--listlineHeight:1.6;
	--borderR: 0.8em;
}
/* 要素*/
body{
	font-family: 'Noto Sans JP', "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: var(--colorBg);
	color:var(--colorTxt);
}
a { transition:.3s; text-decoration: underline;}
@media (min-width: 1850px){
	body{
		background: linear-gradient(90deg, var(--colorBgGray) 0%, var(--colorBgGray) 50%, #fff 50%, #fff 100%);
	}
}
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?lsla3a');
	src:  url('../fonts/icomoon.eot?lsla3a#iefix') format('embedded-opentype'),
	  url('../fonts/icomoon.ttf?lsla3a') format('truetype'),
	  url('../fonts/icomoon.woff?lsla3a') format('woff'),
	  url('../fonts/icomoon.svg?lsla3a#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
/* 産休のお知らせ用追加
========================================================================== */
.un_topiSankyu_wrapper.un_topiSankyu_wrapper__topSlider{
	position: absolute;
	top:0;
	bottom:0;
	right:10px;
	left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.un_topiSankyu{
	display: inline-block;
	padding: 1em;
	margin-bottom: 2em;
	border: 1px solid red;
	border-radius: 5px;
	color: red;
	font-size: 1.3rem;
	line-height: 2.0;
}
.un_topiSankyu.un_topiSankyu__topSlider{
	display: block;
	width: 100%;
	margin-bottom: 0;
	background-color: rgba(var(--rgbYellow), .9);
	border:none;
	color: var(--colorNavy);
	text-align: center;
}
.un_topiSankyu > *:last-child{
	margin-bottom: 0;
}
	@media (min-width: 768px) {
		.un_topiSankyu{
			font-size: 1.5rem;
		}
		.un_topiSankyu_wrapper.un_topiSankyu_wrapper__topSlider{
			align-items: flex-start;
			right: 0;
			left: 0;
		}
		.un_topiSankyu.un_topiSankyu__topSlider{
			display: block;
			width: 100%;
			border-radius: 0;
			text-align: center;
			padding: 1.5em 1em;
		}
	}
/* ==========================================================================
  Layout　レイアウト
========================================================================== */
/* ly_header
========================================================================== */
.ly_header,
.ly_underMainHeader{
	position: relative;
}
.ly_underMainHeader{
	background-color: #fff;
}
@media (min-width: 992px) {
	.ly_header_wrapper,
	.ly_underMainHeader_wrapper{
		width: 100%;
		max-width: calc(1170px + 80px + 80px + 260px + 260px);
		margin-right: auto;
		margin-left: auto;
	}
	.ly_header{
		width: calc(100% - 260px);
		margin-left: auto;
		margin-right: 0;
	}
}
@media (min-width: 1850px){
	.ly_underMainHeader{
		width: calc(100% - 260px);
		margin-left: auto;
		margin-right: 0;
	}
}
/* ly_main,ly_footer
========================================================================== */
@media (min-width: 992px){
	.ly_main,
	.ly_footer{
		padding-left: 260px;
	}
}
@media (min-width: 1850px){
	.ly_main,
	.ly_footer{
		padding-left: 0	;
		width: 100%;
	}
}
/*
Conts
*/
.ly_mainCont,
.ly_footerCont{
	width: 100%;
	font-size: 1.3rem;
}
.ly_underMainHeader{
	font-size: 1.3rem;
}
.ly_underMainHeader p,
.ly_underMainHeader ul li,
.ly_underMainHeader dl dt,
.ly_underMainHeader dl dd,
.ly_mainCont p,
.ly_mainCont ul li,
.ly_mainCont dl dt,
.ly_footerCont p,
.ly_footerCont ul li{
	line-height: 2.0;
	letter-spacing: var(--letterSpace100);
}
.ly_underMainHeader p,
.ly_mainCont p{
	margin-bottom: 1.5em;
}
.ly_mainCont.ly_mainCont__bgcLightGray{
	background-color: var(--colorBgLightGray);
}
.ly_mainCont.ly_mainCont__bgcOrange{
	background-color: var(--colorOrange);
}
.ly_mainCont.ly_mainCont__bgcBlueGray{
	background-color: var(--colorBlueGray);
}
.ly_mainCont_inner,
.ly_footerCont_inner{
	position: relative;
	width: 100%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 60px;
	padding-left: 20px;
	background-color: #fff;
}
.ly_footerCont_inner{
	padding-top: 30px;
	padding-bottom: 20px;
}
.ly_mainCont_inner.ly_mainCont_inner__pdbtmLg{
	padding-bottom: 120px;
}
.ly_mainCont_inner > *:last-child,
.ly_footerCont_inner > *:last-child{
	margin-bottom: 0;
}
.ly_mainCont.ly_mainCont__bgcLightGray .ly_mainCont_inner{
	background-color: var(--colorBgLightGray);	
}
.ly_mainCont.ly_mainCont__bgcOrange .ly_mainCont_inner{
	background-color: var(--colorOrange);	
	color:#fff;
}
.ly_mainCont.ly_mainCont__bgcBlueGray .ly_mainCont_inner{
	background-color: var(--colorBlueGray);
	color:#fff;
}
	@media (min-width: 768px) {
		.ly_underMainHeader,
		.ly_mainCont,
		.ly_footerCont{
			font-size: 1.5rem;
		}
		.ly_mainCont_inner,
		.ly_footerCont_inner{
			padding-top: 100px;
			padding-left: 60px;
			padding-bottom: 100px;
			padding-right: 60px;
		}
		.ly_footerCont_inner{
			padding-top: 80px;
			padding-bottom: 30px;
		}
		.ly_mainCont_inner.ly_mainCont_inner__pdbtmLg{
			padding-bottom: 200px;
		}
	}
	@media (min-width: 1330px){
		.ly_mainCont_inner,
		.ly_footerCont_inner{
			max-width: calc(1170px + 160px);
			padding-left: 80px;
			padding-right: 80px;
		}
	}
	@media (min-width: 1850px){
		.ly_mainCont.ly_mainCont__bgcLightGray{
			background-color: var(--colorBgLightGray);
			background: linear-gradient(90deg, var(--colorBgGray) 0%, var(--colorBgGray) 50%, var(--colorBgLightGray) 50%, var(--colorBgLightGray) 100%);
		}
		.ly_mainCont.ly_mainCont__bgcOrange{
			background: linear-gradient(90deg, var(--colorBgGray) 0%, var(--colorBgGray) 50%, var(--colorOrange) 50%, var(--colorOrange) 100%);
		}
		.ly_mainCont.ly_mainCont__bgcBlueGray{
			background: linear-gradient(90deg, var(--colorBgGray) 0%, var(--colorBgGray) 50%, var(--colorBlueGray) 50%, var(--colorBlueGray) 100%);
		}
		.ly_mainCont_inner,
		.ly_footerCont_inner{
			margin-right: auto;
			margin-left: auto;
		}
	}
/* ==========================================================================
  Javascript Modules jsモジュyール
========================================================================== */
/* 動き
========================================================================== */
/*
その場でふわっと
*/
.js_fadeIn{
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-delay: 0.2s;
	opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.js_fadeInTrigger{
	opacity: 0;
}
/*
アニメーションスタートの遅延時間
*/
.js_delayTime05{ animation-delay: 0.5s; }
.js_delayTime1{ animation-delay: 1s; }
.js_delayTime15{ animation-delay: 1.5s; }
.js_delayTime2{ animation-delay: 2s; }
.js_delayTime25{ animation-delay: 2.5s; }
.js_delayTime3{ animation-delay: 3s; }
.js_delayTime35{ animation-delay: 3.5s; }
.js_delayTime4{ animation-delay: 4s; }
.js_delayTime45{ animation-delay: 4.5s; }
.js_delayTime5{ animation-delay: 5s; }
.js_delayTime55{ animation-delay: 5.5s; }
/* 遅延なし　*/
	@media ( max-width : 767px ){
		.js_noneDelayTime_onlySm{
			animation-delay: 0.2s !important;
		}
	}
	@media ( max-width : 575px ){
		.js_noneDelayTime_onlyXS{
			animation-delay: 0.2s !important;
		}
	}
/* js_telLink
========================================================================== */
.js_telLink a{
	color: inherit;
}
/* js_openBtn
========================================================================== */
@media ( max-width : 991px ){
	/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
	.js_openBtn{
		position: fixed;
		z-index: 1000;
		top:10px;
		right:10px;
		cursor: pointer;
		width: 60px;
		height:60px;
	}
	/*ボタン内側*/
	.js_openBtn span{
		display: inline-block;
		transition: all .4s;/*アニメーションの設定*/
		position: absolute;
		left: 14px;
		height: 1px;
		background: var(--colorGray);
		  width: 50%;
	  }
	.js_openBtn span:nth-of-type(1) {
		top:13px;
		top:18px;
	}
	.js_openBtn span:nth-of-type(2) {
		top:25px;
		top:30px;
	}
	.js_openBtn span:nth-of-type(2)::after {
		content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
		position: absolute;
		top:10px;
		left:0;
		font-family: var(--accentFontsF2);
		color: var(--colorGray);
		font-size: 1.0rem;
		transform: scale(0.9); 
		transform-origin: left top;
		text-transform: uppercase;
	}
	/*openBtnActiveクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
	.js_openBtn.openBtnActive span:nth-of-type(1) {
		top: 14px;
		top:18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 50%;
	}
	.js_openBtn.openBtnActive span:nth-of-type(2){
		top: 26px;
		top:30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 50%;
	}
	.js_openBtn.openBtnActive span:nth-of-type(2)::after {
		content:"Close";/*3つ目の要素のafterにClose表示を指定*/
		transform: translateY(0) rotate(-45deg) scale(0.8);
		top:5px;
		left:4px;
		top:22px;
		left:16px;
	}
}
/* js_headerNav
========================================================================== */
@media ( max-width : 991px ){
	.js_headerNav_wrapper{
		/*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
		position:fixed;
		z-index: -1;
		opacity: 0;/*はじめは透過0*/
		/*ナビの位置と形状*/
		top:0;
		width:100%;
		height: 100vh;/*ナビの高さ*/
		background:rgba(var(--rgbBgGray),1);/*背景を少し透過させる*/
		/*動き*/
		transition: all 0.3s;
	}
	/*アクティブクラスがついたら透過なしにして最前面へ*/
	.js_headerNav_wrapper.panelactive{
		opacity: 1;
		z-index:999;
	}
	/*ナビゲーションの縦スクロール*/
	.js_headerNav_wrapper.panelactive .js_headerNav{
		/*ナビの数が増えた場合縦スクロール*/
		position: fixed;
		/*display: flex;*/
		/*align-items: center;*/
		z-index: 999;
		width: 100%;
		height: 100vh;/*表示する高さ*/
		padding-top: 50px;
		padding-bottom: 100px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
}
/* js_ichatchSlider
========================================================================== */
.js_ichatchSlider{
	position: relative;
}
.js_ichatchSlider_item2{
	position: relative;
	width: 100%;
}
.js_ichatchSlider_item2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.js_ichatchSlider_item{
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.js_ichatchSlider_item.js_ichatchSlider_item__pic{
	background-image: url(../img/top/ichatch_sp.webp);
}
.js_ichatchSlider_item.js_ichatchSlider_item__pic2{
	background-image: url(../img/top/ichatch2_sp.webp);
}
.js_ichatchSlider_item.js_ichatchSlider_item__pic3{
	background-image: url(../img/top/ichatch3_sp.webp);
}
.js_ichatchSlider_item.js_ichatchSlider_item__pic4{
	background-image: url(../img/top/ichatch4_sp.webp);
}
.js_ichatchSlider_item.js_ichatchSlider_item__pic5{
	background-image: url(../img/top/ichatch5_sp.webp);
}
	@media (min-width: 576px) {
		.js_ichatchSlider_item.js_ichatchSlider_item__pic{
			background-image: url(../img/top/ichatch.webp);
		}
		.js_ichatchSlider_item.js_ichatchSlider_item__pic2{
			background-image: url(../img/top/ichatch2.webp);
		}
		.js_ichatchSlider_item.js_ichatchSlider_item__pic3{
			background-image: url(../img/top/ichatch3.webp);
		}
		.js_ichatchSlider_item.js_ichatchSlider_item__pic4{
			background-image: url(../img/top/ichatch4.webp);
		}
		.js_ichatchSlider_item.js_ichatchSlider_item__pic5{
			background-image: url(../img/top/ichatch5.webp);
		}
	}
/* js_instaFeed
========================================================================== */
/* js_instaFeed */
.js_instaFeed{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -9px;
	margin-right: -9px;
	margin-bottom: 20px;
}
.js_instaFeed li{
	width: calc(50% - 18px);
	margin: 9px;
}
.js_instaFeed li a{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 100%;
}
.js_instaFeed li img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	@media (min-width: 768px) {
		.js_instaFeed{
			max-width: 880px;
			margin-right: auto;
			margin-bottom: 50px;
			margin-left: auto;
		}
		.js_instaFeed li{
			width: calc(33% - 28px);
			margin: 14px;
		}
	}
/* ==========================================================================
  Element Modules エレメントモジュール
========================================================================== */
/* el_lv0Heading
========================================================================== */
/*
el_lv2Heading
*/
.el_lv2Heading{
	margin-bottom: .8em;
	font-family: var(--accentFontsF);
	font-size: 2.0rem;
	line-height: 1.5;
}
@media (min-width: 768px){
	.el_lv2Heading{
		font-size: 2.7rem;
	}
}
/*
el_lv3Heading
*/
.el_lv3Heading{
	margin-bottom: 1.5em;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: var(--letterSpace100);
}
.el_lv3Heading.el_lv3Heading__cOrange{
	color: var(--colorOrange);
}
.el_lv3Heading.el_lv3Heading__cBlueGray{
	color:var(--colorBlueGray);
}
/*
.el_lv3Heading::after{
	content: "- "attr(data-en);
	display: block;
	padding-top: .5em;
	padding-left: .5em;
	font-family: var(--accentFontsF2);
	font-size: 1.2rem;
}
*/
	@media (min-width: 768px){
		.el_lv3Heading{
			margin-bottom: 2em;
			font-size: 2.1rem;
		}
		.el_lv3Heading::after{
			display: inline-block;
			font-size: 1.3rem;
		}
	}
/* el_bnrTrialLesson
========================================================================== */
a.el_bnrTrialLesson{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 284px;
	height: 140px;
	height: 100px;
	background-color: #fff;
	background-image: url(../img/common/img_piano.png);
	background-repeat: no-repeat;
	background-size: 88px;
	background-position: right -5px bottom -5px;
	border:3px solid #fff;
	color:var(--colorTxt);
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: var(--letterSpace200);
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
}
.el_bnrTrialLesson_img{
	position: absolute;
	top:0px;
	left:10px;
	width: 60px;
}
a.el_bnrTrialLesson > span{
	position: relative;
}
.el_bnrTrialLesson:hover{
	border-color: var(--colorBlueGray);
}
.el_bnrTrialLesson_eng{
	display: block;
	padding-top: .5em;
	font-family: var(--accentFontsF2);
	color:rgba(var(--rgbBlueGray),.9);
	font-size: 1.2rem;
	line-height: 1.4;
}
	@media (min-width: 992px){
		a.el_bnrTrialLesson{
			width: 155px;
			margin-right: auto;
			margin-left: auto;
			background-image: none;
		}
	}
	.el_bnrTrialLesson_img{
		top:-5px;
		left:8px;
	}
/* el_bnrPerformer
========================================================================== */
a.el_bnrPerformer{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 284px;
	height: 140px;
	height: 100px;
	height: 50px;
	margin-top: 20px;
	background-color: #fff;
	/*background-image: url(../img/common/img_piano.png);*/
	background-repeat: no-repeat;
	background-size: 88px;
	background-position: right -5px bottom -5px;
	border:3px solid #fff;
	color:var(--colorTxt);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
}
.el_bnrPerformer_img{
	position: absolute;
	top:0px;
	left:10px;
	width: 60px;
}
a.el_bnrPerformer > span{
	position: relative;
}
.el_bnrPerformer:hover{
	border-color: var(--colorBlueGray);
}
	@media (min-width: 992px){
		a.el_bnrPerformer{
			width: 155px;
			margin-right: auto;
			margin-top: 10px;
			margin-left: auto;
			background-image: none;
		}
	}
	.el_bnrPerformer_img{
		top:-5px;
		left:8px;
	}
/* el_txtMarker
========================================================================== */
.el_txtMarker{
	display: inline-block;
	padding: 0 .1em;
	background: linear-gradient(transparent 60%, var(--colorLightBlueGray) 60%);
	line-height: 1.5;
}
.el_txtMarker.el_txtMarker__bnr{
	padding: 0 .2em;
	margin-bottom: .2em;
	background: linear-gradient(transparent 50%, var(--colorLightBlueGray) 50%);
}
/* el_txtLink2
========================================================================== */
.el_txtLink2{
	position: relative;
	display: inline-block;
	padding: 0 26px 0 0;
	color:var(--colorTxt);
	vertical-align: middle;
	text-decoration: none;
	transition:.3s;
}
.el_txtLink2::before,
.el_txtLink2::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.el_txtLink2::before{
	right: 8px;
	width: 10px;
	height: 2px;
	background: var(--colorBlueGray);
	animation: arrowmove2 1s ease-in-out infinite;
}
.el_txtLink2::after{
	right: 8px;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--colorBlueGray);
	border-right: 2px solid var(--colorBlueGray);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	animation: arrowmove2 1s ease-in-out infinite;
}
.el_txtLink2.el_txtLink2__orange::before{
	background: var(--colorOrange);
}
.el_txtLink2.el_txtLink2__orange::after{
	border-color: var(--colorOrange);
}
@keyframes arrowmove2{
	0%{right:3px;}
	50%{right:8px;}
   100%{right:3px;}
}
/* el_txtLink
========================================================================== */
.el_txtLink{
	position: relative;
	display: inline-block;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 2.5em;
	color:var(--colorTxt);
	font-weight: 500;
	text-decoration: none;
	left:0;
	transition:.3s;
}
.el_txtLink::after{
	content: "";
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-40%);
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: rgba(var(--rgbBlueGray), 1);
	transition:.3s;
	animation: arrowmove 1s ease-in-out infinite;
}
.el_txtLink:hover{
	color:rgba(var(--rgbBlueGray), 1);
	left:5px;
}
.el_txtLink.el_txtLink__orange::after{
	background-color: rgba(var(--rgbOrange), 1);
}
.el_txtLink.el_txtLink__orange:hover{
	color:rgba(var(--rgbOrange), 1);
}
@keyframes arrowmove{
	0%{right:0;}
	50%{right:5px;}
   100%{right:0;}
}
/* el_english
========================================================================== */
.el_english_ttl{
	padding-top: .5em;
	font-size: .6em;
	color: var(--colorGray);
	display: block;
	font-style: italic;
}
.el_english_ttl2{
	padding-bottom: .5em;
	font-size: .6em;
	color: var(--colorGray);
	display: block;
	font-style: italic;
}

.el_english_txt{
	margin-left: auto;
}
.el_english_txt p{
	color: var(--colorGray);
	font-size: 1.2rem;
	font-style: italic;
	margin-bottom: 1em;
	text-align: right;
}
.el_english_txt{
	color: var(--colorGray);
	font-size: 1.2rem;
	font-style: italic;
	
}
.el_english_txt.el_english_txt__db{
	display: block;
	line-height: 1.2;
}
.el_english_txt.el_english_txt__db2{
	display: block;
	line-height: 1.6;
}
.el_english_txt.el_english_txt__db3{
	padding-top: .5em;
	display: block;
}
.el_english_txt.el_english_txt__fontSm{
	font-size: 1.1rem;
}
.el_english_txt.el_english_txt__fontCWhite{
	color:rgba(255, 255, 255, .8)
}
/* ==========================================================================
  Block Modules　ブロックモジュール
========================================================================== */
/* bl_header
========================================================================== */
/*
_h1
*/
.bl_header_h1{
	position: absolute;
	bottom:0;
	right:20px;
	background-color: #fff;
	color:var(--colorGray);
	font-size: 1.0rem;
	line-height: 1.5;
}
	@media (min-width: 992px){
		.bl_header_h1{
			position: relative;
			width: 100%;
			
			right: initial;
			padding-right: 60px;
			padding-top: 1em;
			padding-left: 60px;
			font-size: 1.1rem;
			text-align: right;
		}
	}
	@media (min-width: 1330px){
		.bl_header_h1{
			padding-left: 80px;
			padding-right: 80px;
		}
	}
	@media (min-width: 1850px){
	}
/*
_h1Top
*/
.bl_header_h1Top{
	position: absolute;
	z-index: 100;
	left:0;
	right:0;
	bottom:60px;
}
.bl_header_h1Top h1{
	padding-left: 5px;
	padding-right: 5px;
	color:#fff;
	font-size: 1.1rem;
	letter-spacing:0.01em;
	line-height: 1.5;
	text-align: center;
}
.bl_header_h1Top h1 span{
	display: inline-block;
}
@media (min-width: 992px) {
	.bl_header_h1Top{
		width: 220px;
		left:auto;
		right:0;
		bottom:20px;
	}
	.bl_header_h1Top h1{
		display: table;
		color:var(--colorGray);
		line-height: 1.5;
		/*text-align: right;*/
		padding-right: 1.2em;
	}
	.bl_header_h1Top h1 span{
		padding-left: 0;
	}
}
@media (min-width: 1770px){
	.bl_header_h1Top{
		width: 240px;
	}
}
/*
_logo
*/
.bl_header_logo{
	height: 120px;
	padding-top: 10px;
	padding-left: 20px;
}
.bl_header_logo img{
	width: 70px;
}
	@media (min-width: 576px){
		.bl_header_logo{
			height: 100px;
		}
	}
	@media (min-width: 768px){
		.bl_header_logo{
			height: 95px;
		}
		.bl_header_logo img{
			width: 80px;
		}
	}
	@media (min-width: 992px) {
		.bl_header_logo{
			display: none;
		}
	}
/*
_lead
*/
.bl_header_lead{
	height: 110px;
	padding-left: 20px;
}
p.bl_header_lead_txt{
	font-family: var(--accentFontsF);
	font-size: 3.2rem;
	line-height: 1.3;
}
	@media (min-width: 576px) {
		.bl_header_lead{
			height: 80px;
			padding-right: 20px;
			text-align: right;
		}
		p.bl_header_lead_txt br{
			display: none;
		}
	}
	@media (min-width: 768px){
		.bl_header_lead{
			height: 85px;
		}
		p.bl_header_lead_txt{
			font-size: 3.6rem;
		}
	}
	@media (min-width: 992px){
		.bl_header_lead{
			position: absolute;
			display: flex;
			top:0;
			right:0;
			align-items: center;
			justify-content: center;
			width: 220px;
			height: 100vh;
		}
		p.bl_header_lead_txt{
			padding-bottom: 50px;
			font-size: 4.8rem;
			text-align: left;
			writing-mode: vertical-rl;
		}
		p.bl_header_lead_txt br{
			display: block;
		}
	}
	@media (min-width: 1170px){
		.bl_header_lead{
			width: 240px;
		}
	}
	@media (min-width: 1590px){
		.bl_header_lead{
			width: 260px;
		}
	}
/*
_icatch
*/
.bl_header_icatch{
	position: relative;
}
.bl_header_icatch_pic{
	height: calc(100vh - 120px - 110px);
}
	@media (min-width: 576px){
		.bl_header_icatch_pic{
			height: calc(100vh - 100px - 80px);
		}
	}
	@media (min-width: 768px) {
		.bl_header_icatch_pic{
			height: calc(95vh - 95px - 85px);
		}
	}
	@media (min-width: 992px) {
		.bl_header_icatch_wrapper{
			padding-right: 220px;
		}
		.bl_header_icatch_pic{
			height: 100vh;
		}
	}
	@media (min-width: 1170px){
		.bl_header_icatch_wrapper{
			padding-right: 240px;
		}
	}
	@media (min-width: 1590px){
		.bl_header_icatch_wrapper{
			padding-right: 260px;
			
		}
	}
/*スクロールダウン全体の場所*/
.bl_header_icatch_scrolldown{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:10px;
	left:50%;
}
/*Scrollテキストの描写*/
.bl_header_icatch_scrolldown span{
    /*描画位置*/
	position: absolute;
	left:10px;
	bottom:5px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
/* 丸の描写 */
.bl_header_icatch_scrolldown:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
	width:9px;
	height:9px;
	border-radius: 50%;
	background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:35px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.bl_header_icatch_scrolldown:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:1px;
	height: 40px;
	background:#eee;
}
/* bl_headerNav
========================================================================== */
@media ( max-width : 991px ){
	.bl_headerNav{
		width: 100%;
		max-width: 284px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 992px) {
	.bl_headerNav_wrapper{
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		z-index: 999;
		top:0;
		left:0;
		width: 260px;
		height: 100vh;
		background-color: rgba(var(--rgbBgGray),1);
	}
}
@media (min-width: 1850px){
	.bl_headerNav_wrapper{
		left:calc(50% - 925px);
	}
}
/*
_logo
*/
.bl_headerNav_logo{
	width: 129px;
	margin-bottom: 25px;
	margin-bottom: 15px;
}
@media (min-width: 992px){
	.bl_headerNav_logo{
		width: 130px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
	}
}
/*
_list
*/
.bl_headerNav_list{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.bl_headerNav_list li{
	margin-bottom: 10px;
	margin-bottom: 3px;
}
a.bl_headerNav_list_link{
	position: relative;
	display: block;
	padding-top: 15px;
	padding-top: 13px;
	padding-top: 12px;
	padding-bottom: 20px;
	padding-bottom: 13px;
	padding-bottom: 12px;
	padding-left: 1em;
	color: var(--colorTxt);
	text-decoration: none;
}
a.bl_headerNav_list_link::before{
	content: "";
	position: absolute;
	left:5px;
	top:50%;
	transform: translateY(-50%);
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: rgba(var(--rgbBlueGray), 0);
	transition:.3s
}
a.bl_headerNav_list_link:hover::before{
	background-color: rgba(var(--rgbBlueGray), 1);
}
/*
a.bl_headerNav_list_link::after{
	content: attr(data-en);
	position: absolute;
	left:1.8em;
	bottom:0;
	font-family: var(--accentFontsF2);
	color:var(--colorGray);
	font-size: .8em;
}
*/
.bl_headerNav_list_link_sub{
	font-size: .7em;
}
@media (min-width: 992px){
	.bl_headerNav_list{
		display: table;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
	}
}
/*
list2
*/
.bl_headerNav_list2{
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.bl_headerNav_list2 li{
	margin-bottom: 10px;
}
.bl_headerNav_list2 li:last-child{
	margin-bottom: 0;
}
.bl_headerNav_list2_link{
	padding: 10px;
	display: block;
	background-color: rgba(var(--rgbBlueGray), .8);
	color: #fff;
	font-family: var(--accentFontsF);
	text-decoration: none;
	letter-spacing: var(--letterSpace100);
	text-align: center;
}
.bl_headerNav_list2_link_instaIcon{
	position: relative;
	padding-left: 1.2em;
	padding-right: .5em;
}
.bl_headerNav_list2_link_instaIcon::before{
	content: "\e907";
	position: absolute;
	left:0;
	top:60%;
	color:rgba(255, 255, 255, .8);
transform: translateY(-50%);
	font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: .8em;
}
.bl_headerNav_list2_link:hover{
	background-color: rgba(var(--rgbBlueGray), 1);
}
	@media (min-width: 992px){
		.bl_headerNav_list2{
			margin-bottom: 10px;
		}
	}
/* bl_footer
========================================================================== */
@media (min-width: 768px){
	.bl_footer{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}
}
/*
_trial
*/
.bl_footer_trial{
	display: table;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
.bl_footer_trial_link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 180px;
	background-color: var(--colorBgGray);
	background-image: url(../img/common/icon_melody_cWhite.svg);
	background-repeat: no-repeat;
	background-size: 70px;
	background-position: top 8px left 12px;
	border-radius: 50%;
	color:var(--colorTxt);
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}
.bl_footer_trial_link:hover{
	background-color: var(--colorBlueGray);
}
.bl_footer_trial_link_eng{
	padding-top: .5em;
	padding-bottom: .3em;
	display: block;
	font-family: var(--accentFontsF2);
	color:var(--colorGray);
	font-size: 1.3rem;
}
	@media (min-width: 992px) {
		.bl_footer_trial{
			display: block;
			margin-right: initial;
			margin-bottom:0;
			margin-left: initial;
		}
		.bl_footer_trial_link{
			width: 202px;
			height: 202px;
			background-size: 80px;
			background-position: top 0px left 20px;
			font-size: 2.0rem;
			line-height: 1.5;
		}
		.bl_footer_trial_link_eng{
			font-size: 1.4rem;
		}
	}
/*
_navWrap,_nav, _nav2
*/
.bl_footer_navWrap{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.bl_footer_nav,
.bl_footer_nav2{
	width: 240px;
	padding: 0 20px;
}
	@media (min-width: 768px){
		.bl_footer_navWrap{
			justify-content: space-between;
		}
		.bl_footer_nav,
		.bl_footer_nav2{
			width: initial;
		}
	}
	@media (min-width: 992px) {
		.bl_footer_navWrap{
			width: calc(100% - 202px - 50px);
			max-width: 500px;
		}
	}
/*
_navList
*/
.bl_footer_navList{
	font-size: 1.2rem;
}
.bl_footer_navList > li{
	margin-bottom: 1.4em;
}
.bl_footer_navList > li > ul > li{
	margin-top: .2em;
}
.bl_footer_navList > li > ul > li:first-child{
	margin-top: 0;
}
.bl_footer_navList > li > ul{
	margin-left: 2em;
}
.bl_footer_navList_link,
.bl_footer_navList_link2{
	position: relative;
	display: block;
	color:var(--colorTxt);
	font-weight: 500;
	text-decoration: none;
	transition:.3s;
}
.bl_footer_navList_link:hover{
	color: var(--colorBlueGray);
}
.bl_footer_navList_link2:hover{
	color:var(--colorBlueGray)
}
.bl_footer_navList_link{
	padding-top: .3em;
	padding-bottom:.3em;
	padding-left: 1.2em;
}
.bl_footer_navList_link::before{
	content: "";
	position: absolute;
	display: block;
	left:0;
	top:1.1em;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: var(--colorBgGray);
	transition:.3s;
}
.bl_footer_navList_link:hover::before{
	background-color: var(--colorBlueGray);
}
.bl_footer_navList_link2{
	padding-top: .1em;
	padding-bottom: .1em;
	padding-left: 1em;
}
.bl_footer_navList_link2::before{
	content: "";
	position: absolute;
	display: block;
	left:0;
	top:50%;
	transform: translateY(-50%);
	width: .4em;
	height: 2px;
	background-color: var(--colorBgGray);
	transition:.3s;
}
.bl_footer_navList_link2:hover::before{
	background-color: var(--colorBlueGray);
}
	@media (min-width: 768px){
		.bl_footer_navList{
			font-size: 1.3rem;
		}
	}
/*
Copy
*/
.bl_footerCopy{
	padding-top: 30px;
	font-size: 1.1rem;
	text-align: center;
}
/* bl_list
========================================================================== */
/*
Bullet
*/
ul.bl_listBullet li{
	position: relative;
	padding-left: 1em;
	margin-bottom: .3em;
}
ul.bl_listBullet li::before{
	content: "";
	position: absolute;
	left:0;
	top:.8em;
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: var(--colorBgGray);
}
ul.bl_listBullet li:last-child{
	margin-bottom: 0;
}
/*
Concept
*/
dl.bl_listConcept dt{
	margin-bottom: .3em;
	font-family: var(--accentFontsF);
	font-size: 2.0rem;
	line-height: 1.5;
}
dl.bl_listConcept dd{
	margin-bottom: 3em;
	line-height: 1.8;
}
	@media (min-width: 768px){
		dl.bl_listConcept dt{
			font-size: 2.7rem;
		}
	}
dl.bl_listConcept dd:last-child{
	margin-bottom: 0;
}
/* bl_trial
========================================================================== */
.bl_trial{
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	border-top:1px dashed var(--colorBgGray);
	border-bottom: 1px dashed var(--colorBgGray);
}
.bl_trial::before{
	content: "trial lesson";
	display: block;
	position: absolute;
	top:-13px;
	right:0;
	padding-left: 5px;
	background-color: #fff;
	color:var(--colorBgGray);
	font-family: var(--accentFontsF2);
	font-size: 21px;
	letter-spacing: var(--letterSpace100);
}
.bl_trial_inner{
	position: relative;
	padding-top: 65px;
	padding-bottom: 47px;
	max-width: 870px;
	margin-right: auto;
	margin-left: auto;
}
.bl_trial_ttl{
	position: relative;
	z-index: 2;
	margin-bottom: 1.1em;
	font-family: var(--accentFontsF);
	font-size: 2.5rem;
	line-height: 1.6;
}
.bl_trial_imgWrapper{
	position: absolute;
	z-index: 1;
	top:60px;
	right:10px;
	width: 150px;
}
.bl_trial_body{
	position: relative;
	z-index: 2;
}
.bl_trial_body_sub{
	font-size: .8em;
}
.bl_trial_linkList{
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.bl_trial_linkList li{
	padding-top: 28px;
}
.bl_trial_linkList li:first-child{
	padding-top: 20px;
}
.bl_trial_link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 255px;
	height: 93px;
	background-color: var(--colorBgGray);
	background-repeat: no-repeat;
	color:var(--colorTxt);
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	text-align: center;
}
.bl_trial_link.bl_trial_link__tel{
	background-image: url(../img/common/icon_tel_cWhite.svg);
	background-size: 58px;
	background-position: right 11px bottom -4px;
}
.bl_trial_link.bl_trial_link__line{
	background-image: url(../img/common/icon_message_cWhite.svg);
	background-size: 76px;
	background-position: right -3px top -10px;
}
.bl_trial_link.bl_trial_link__mail{
	background-image: url(../img/common/icon_mail_cWhite.svg);
	background-size: 72px;
	background-position: left -2px bottom 8px;
}
.bl_trial_link:hover{
	background-color: var(--colorBlueGray);
}
	@media (min-width: 768px){
		.bl_trial::before{
			right: 0;
		}
		.bl_trial_ttl{
			font-size: 2.9rem;
		}
		.bl_trial_ttl br{
			display: none;
		}
		.bl_trial_imgWrapper{
			width: 242px;
			top:90px
		}
		.bl_trial_linkList{
			display: flex;
			justify-content: space-between;
		}
		.bl_trial_linkList li{
			width: 30%;
			padding-top: 30px;
			max-width: 255px;
		}
		.bl_trial_linkList li:first-child{
			padding-top: 30px;
		}
		.bl_trial_link{
			width: 100%;
		}
	}
	@media (min-width: 1180px){
		.bl_trial::before{
			right:10%;
			padding-right: 17px;
			padding-left: 17px;
		}
	}
/* bl_info
========================================================================== */
.bl_info{
	position: relative;
}
.bl_info::before{
	content: "natti piano & english room";
	position: absolute;
	top:-50px;
	left: 0;
	font-family: var(--accentFontsF2);
	color:rgba(var(--rgbLightBlueGray), .7);
	font-size: 18px;
	letter-spacing: var(--letterSpace100);
}
	@media (min-width: 768px){
		.bl_info::before{
			top:-80px;
			font-size: 22px;
		}
	}
/*
_body
*/
.bl_info_body_logo{
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5em;
	padding-top: 20px;
}
.bl_info_body_txt{
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.bl_info_body_txt h2{
	margin-bottom: 1em;
	font-size: 1.4rem;
	line-height: 2.0;
	font-weight: 500;
	letter-spacing: var(--letterSpace100);
}
.bl_info_body_txt h2 > span{
	display: block;
	font-size: .8em;
}
.bl_info_body_txt p{
	margin-bottom: 1em;
}
	@media (min-width: 768px){
		.bl_info_body{
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 40px;
		}
		.bl_info_body_logo{
			width: 130px;
			padding-top: 0;
			margin-right: initial;
			margin-left: initial;
			margin-bottom: 0;
		}
		.bl_info_body_txt{
			display: block;
			padding-left: 70px;
			margin-right: initial;
			margin-left: initial;
		}
		.bl_info_body_txt > *:last-child{
			margin-bottom: 0;
		}
		.bl_info_body_txt h2{
			font-size: 1.6rem;
		}
	}
/*
_linkList
*/
.bl_info_linkList{
	display: table;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}
.bl_info_linkList li{
	padding-top: 20px;
}
.bl_info_link{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 276px;
	height: 55px;
	border-radius: 30px;
	background-color: rgba(255, 255, 255, .9);
	color:var(--colorTxt);
	font-size: 1.5rem;
	line-height: 1.0;
	font-weight: 500;
	text-decoration: none;
}
.bl_info_link:hover{
	background-color: rgba(var(--rgbLightBlueGray), 1);
}
.bl_info_link::before{
	content: "";
	display: block;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bl_info_link.bl_info_link__mail::before{
	left: 24px;
	width: 22px;
	height: 22px;
	background-image: url(../img/common/icon_mail.svg);
}
.bl_info_link.bl_info_link__line::before{
	left: 26px;
	width: 22px;
	height:22px;
	background-image: url(../img/common/icon_message.svg);
}
	@media (min-width: 768px){
		.bl_info_linkList{
			display: flex;
			justify-content: space-between;
			max-width: 582px;
			margin-right: auto;
			margin-bottom: 50px;
			margin-left: auto;
		}
		.bl_info_linkList li{
			padding-top: 0;
		}
	}
/*
_map
*/
.bl_info_map_wrap{
	padding: 1px;
	background-color: rgba(255, 255, 255, .5);
	margin-bottom: 1.5em;
}
.bl_info_map{
	position: relative;
	padding-top: 73%;
}
.bl_info_map iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
	@media (min-width: 768px){
		.bl_info_map_wrap{
			max-width: 913px;
			margin-right: auto;
			margin-bottom: 50px;
			margin-left: auto;
		}
		.bl_info_map{
			padding-top: 52%;
		}
	}
	@media (min-width: 992px){
		.bl_info_map{
			padding-top: 42%;
		}
	}
/*
_access
*/
.bl_info_access{
	padding-right: 15px;
	padding-left: 15px;
}
.bl_info_access > *:last-child{
	margin-bottom: 0;
}
.bl_info_access_ttl{
	font-size: 1.4rem;
	line-height: 2.0;
	font-weight: 500;
	letter-spacing: var(--letterSpace100);
}
.bl_info_access_list{
	margin-bottom: 1em;
}
.bl_info_access_list li{
	position: relative;
	padding-left: 1em;
}
.bl_info_access_list li::before{
	content: "";
	position: absolute;
	left:.2em;
	top:1em;
	display: block;
	width: .2em;
	height: .2em;
	border-radius: 50%;
	background-color: var(--colorGray);
}
p.bl_info_access_parking{
	position: relative;
	padding-left: 1em;
	margin-bottom: .5em;
}
p.bl_info_access_parking::before{
	content: "";
	position: absolute;
	left:0;
	top:.8em;
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: var(--colorBgGray);
}
p.bl_info_access_parkingNote{
	font-size: 1.1rem;
	line-height: 1.4;
}
.bl_info_access_imgWrapper{
	width: 80%;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}
	@media (min-width: 768px){
		.bl_info_access{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.bl_info_access_body{
			padding-right: 40px;
		}
		.bl_info_access_ttl{
			font-size: 1.6rem;
		}
		.bl_info_access_imgWrapper{
			width: 40%;
			max-width: 200px;
			margin-right: initial;
			margin-left: initial;
		}
	}
/* bl_insta
========================================================================== */
/*
_ttl
*/
.bl_insta_ttl{
	position: relative;
	padding-top: 22px;
	margin-bottom: 20px;
	font-size: 1.4rem;
	line-height: 2.0;
	font-weight: 500;
	text-align: center;
}
.bl_insta_ttl::before{
	content: "\e907";
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	color:var(--colorGray);
	font-family: 'icomoon' !important;
	speak: never;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
	@media (min-width: 768px){
		.bl_insta_ttl{
			padding-top: 0;
			padding-left: 18px;
			margin-bottom: 45px;
			font-size: 1.5rem;
		}
		.bl_insta_ttl br{
			display: none;
		}
		.bl_insta_ttl::before{
			position: relative;
			display: inline-block;
			padding-right: 5px;
			top:2px;
			left:0;
			transform: translateX(0);
		}
	}
/*
_link
*/
.bl_insta_link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 354px;
	height: 62px;
	margin-right: auto;
	margin-left: auto;
	border:1px solid var(--colorBgGray);
	color:var(--colorTxt);
	font-size: 1.2rem;
	font-weight: 500;
	text-decoration: none;
}
.bl_insta_link:hover{
	background-color: var(--colorLightBlueGray);
}
.bl_insta_link span{
	position: relative;
	padding-left: 45px;
}
.bl_insta_link span::before{
	content: "\e907";
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	color:var(--colorBgGray);
	font-family: 'icomoon' !important;
	speak: never;
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	transition:.3s;
}
.bl_insta_link:hover span::before{
	color: var(--colorBlueGray);
}
	@media (min-width: 768px){
		.bl_insta_link{
			max-width: 458px;
			height: 81px;
			font-size: 1.6rem;
		}
		.bl_insta_link span{
			padding-left: 66px;
		}
		.bl_insta_link span::before{
			font-size: 39px;
		}
	}
/* bl_underUnit
========================================================================== */
.bl_underUnit{
	padding-bottom: 40px;
}
.bl_underUnit_header,
.bl_underUnit_body{
	padding-right: 20px;
	padding-left: 20px;
}
	@media (min-width: 768px){
		.bl_underUnit{
			padding-bottom: 80px;
		}
		.bl_underUnit_header,
		.bl_underUnit_body{
			padding-right: 60px;
			padding-left: 60px;
		}
	}
	@media (min-width: 992px){

	}
	@media (min-width: 1180px){
		.bl_underUnit{
			display: flex;
			flex-direction: row-reverse;
			padding-top: 80px;
			padding-bottom:80px;
		}
		.bl_underUnit_header{
			width: 30%;
		}
		.bl_underUnit_body{
			width: 70%;
			padding-right: 0;
			padding-top: 20px;
		}
	}
	@media (min-width: 1330px){
		.bl_underUnit_header,
		.bl_underUnit_body{
			padding-right: 80px;
			padding-left: 80px;
		}
		.bl_underUnit_header{
			padding-left: 0;
		}
	}
	@media (min-width: 1850px){
		.bl_underUnit_header{
			width: 440px;
		}
		.bl_underUnit_body{
			width:calc(100% - 440px);
		}
	}
/*
_header
*/
.bl_underUnit_header{
	padding-top: 80px;
	padding-bottom: 45px;
}
.bl_underUnit_header_ttl{
	font-family: var(--accentFontsF);
	font-size: 2.6rem;
}
/*
.bl_underUnit_header_ttl.bl_underUnit_header_ttl__about{
	letter-spacing: .5em;
}*/
.bl_underUnit_header_imgWrapper{
	position: relative;
	width: 55%;
	max-width: 195px;
	padding-top: 15%;
	margin-right: 0;
	margin-left: auto;
}
.bl_underUnit_header_img{
	width: 67%;
	margin-right: 0;
	margin-left: auto;
}
.bl_underUnit_header_img2{
	display: none;
}
.bl_underUnit_header_icon,
.bl_underUnit_header_icon2{
	position: absolute;
}
.bl_underUnit_header_icon{
	width: 35%;
	right:0;
	top:-10%;
}
.bl_underUnit_header_icon2{
	width: 37%;
	left:0;
	bottom:10%;
}
	@media (min-width: 768px){
		
	}
	@media (min-width: 1180px){
		
	}
	@media (min-width: 768px){
		.bl_underUnit_header_ttl{
			display: block;
			font-size: 3.6rem;
			margin-right: 0;
			margin-left: auto;
		}
		.bl_underUnit_header_imgWrapper{
			width: 50%;
			max-width: 372px;
			padding-top: 0;
			padding-bottom: 13%;
		}
		.bl_underUnit_header_img{
			width: 47%;
		}
		.bl_underUnit_header_img2{
			display: block;
			position: absolute;
			bottom:0;
			left:0;
			width: 46%;
		}
		.bl_underUnit_header_icon{
			width: 28%;
			left:10%;
			right:initial;
		}
		.bl_underUnit_header_icon2{
			width: 38%;
			left: initial;
			right:5%;
			bottom:0;
		}
	}
	@media (min-width: 1180px){
		.bl_underUnit_header{
			padding-top: 0;
			padding-bottom: 0;
		}
		.bl_underUnit_header_ttl{
			font-size: 4.3rem;
			writing-mode: vertical-rl;
			text-orientation: upright;
		}
		.bl_underUnit_header_imgWrapper{
			width: 100%;
			margin-top: 10%;
			padding-top: 30%;
		}
	}
/* bl_reccomend
========================================================================== */
.ly_mainCont_inner.bl_recommend_wrapper{
	display: flex;
	flex-wrap: wrap;
	padding-top: 0;
	padding-bottom: 0;
}
.bl_recommend_imgWrapper,
.bl_recommend_imgWrapper2{
	display: flex;
	width: calc(100% + 20px + 20px);
	margin-left: -20px;
	margin-right: -20px;
}
.bl_recommend_imgWrapper figure,
.bl_recommend_imgWrapper2 figure{
	width: 50%;
}
.bl_recommend_imgWrapper{
	order:1;
}
.bl_recommend{
	order:2;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}
.bl_recommend_imgWrapper2{
	order:3;
}
	@media (min-width: 768px){
		.bl_recommend_imgWrapper,
		.bl_recommend_imgWrapper2{
			width: calc(50% + 60px);
			margin-right: 0;
			margin-left: 0;
		}
		.bl_recommend{
			order:1;
			padding-top: 80px;
			padding-bottom: 80px;
		}
		.bl_recommend_imgWrapper{
			order:2;
			margin-left: -60px;
		}
		.bl_recommend_imgWrapper2{
			margin-right: -60px;
		}
	}
	@media (min-width: 1330px){
		.bl_recommend_imgWrapper,
		.bl_recommend_imgWrapper2{
			width: calc(50% + 80px);
		}
		.bl_recommend_imgWrapper{
			order:2;
			margin-left: -80px;
		}
		.bl_recommend_imgWrapper2{
			margin-right: -80px;
		}
	}
/*
_recomend
*/
ul.bl_recommend_list li{
	margin-bottom: .8em;
	font-weight: 500;
}
ul.bl_recommend_list li{
	font-size: 1.4rem;
}
	@media (min-width: 768px){
		.bl_recommend{
			display: flex;
			flex-wrap: wrap;
		}
		.bl_recommend_header{
			width: 250px;
			align-self: center;
		}
		.bl_recommend_header.bl_recommend_header__w100{
			width: 100%;
		}
		.bl_recommend_body{
			width: calc(100% - 250px);
		}
		.bl_recommend_body.bl_recommend_body__w100{
			width: 100%;
		}
		ul.bl_recommend_list li{
			font-size: 1.6rem;
		}
	}
/* bl_voice3
========================================================================== */
.bl_voice3{
	background-color: rgba(var(--rgbYellow), .7);
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 30px;
}
.bl_voice3_kidsUnit{
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.bl_voice3_kidsUnit_header{
	position: relative;
	order:2;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
}
.bl_voice3_kidsUnit_header_ttl{
	order:2;
	flex-shrink: 0;
	align-self: center;
	padding-top: 1.5em;
	color: var(--colorNavy);
	font-size: 1.2em;
	line-height: 1.5;
	text-align: center;
}
.bl_voice3_kidsUnit_header_ttl > span{
	display: block;
	font-size: 0.714em;
}
.bl_voice3_kidsUnit_header_illust{
	order:1;
	width: 100px;
	width: 7.692em;
	width: 6.923em;
	flex-shrink: 0;
}
.bl_voice3_kidsUnit_header_illust img{
	width: 100%;
	height: auto;
}
.bl_voice3_kidsUnit_header_illustPoint{
	position: absolute;
	width: 2.5em;
	top:10px;
	left: calc(50% + 6em);
}
.bl_voice3_kidsUnit_header_illustPoint2{
	position: absolute;
	width: 2em;
	top:0em;
	left: calc(50% + 1em);
}
.bl_voice3_kidsUnit_header_illustPoint3{
	position: absolute;
	width: 1em;
	top:.5em;
	left: calc(50% + 6em);
	transform: rotate( 20deg );
}
.bl_voice3_kidsUnit_header_illustPoint4{
	position: absolute;
	width: 1.5em;
	top:1em;
	left: calc(50% + .5em );
}
.bl_voice3_kidsUnit_header_illustPoint5{
	position: absolute;
	width: 1.3em;
	top:90%;
	left: calc(50% + 4.5em);
	transform: rotate( 0deg );
}
.bl_voice3_kidsUnit_header_illustPoint6{
	position: absolute;
	width: 4em;
	top:0;
	left: calc(50% + 2em);
}
.bl_voice3_kidsUnit_body{
	order:1;
	position: relative;
	padding:15px 40px;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 9999px;
	font-size: 1.2em;
}
.bl_voice3_kidsUnit_body__longTxt{
	border-radius: 60px;
	padding:30px 30px;
}
.bl_voice3_kidsUnit_body::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 35%;
	margin-left: -13px;
	border: 13px solid transparent;
	border-top: 13px solid #fff;
}
.bl_voice3_kidsUnit_body p{
	display: table;
	margin-inline: auto;
	margin-bottom: 0;
	line-height: 1.7;
}
.bl_voice3_guardianUnit{
	display: flex;
	flex-direction: column-reverse;
}
.bl_voice3_guardianUnit_header{
	display: flex;
	justify-content: flex-end;
}
.bl_voice3_guardianUnit_header_ttl{
	align-self: center;
	padding-top: 2em;
	padding-right: 1em;
	color: var(--colorNavy);
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
}
.bl_voice3_guardianUnit_header_illust{
	width: 110px;
	width: 8.462em;
	width: 7.692em;
}
.bl_voice3_guradianUnit_body{
	position: relative;
	padding: .5em .8em;
	font-size: 1.1em;
}
.bl_voice3_guradianUnit_body > *:last-child,
.bl_voice3_guradianUnit_body2 > *:last-child{
	margin-bottom: 0;
}
.bl_voice3_guradianUnit_body::before,
.bl_voice3_guradianUnit_body::after{
	position: absolute;
	color: var(--colorNavy);
	font-size: 1.6em;
}
.bl_voice3_guradianUnit_body::before{
	content: "「";
	content: "";
	width: 1.0em;
	height: 1.0em;
	transform: rotate( -95deg );
	background-image: url(../img/voice/illust_line.png);
	background-repeat: no-repeat;
	background-size: cover;
	top:.2em;
	top:-.1em;
	left:-.4em;
}
.bl_voice3_guradianUnit_body::after{
	content: "」";
	content: "";
	width: 1.0em;
	height: 1.0em;
	transform: rotate( 90deg );
	background-image: url(../img/voice/illust_line.png);
	background-repeat: no-repeat;
	background-size: cover;
	bottom:.1em;
	bottom:-.2em;
	right: -.6em;
	right:-.3em
}
.bl_voice3_guradianUnit_body2::before,
.bl_voice3_guradianUnit_body2::after{
	position: absolute;
	color: var(--colorNavy);
	font-size: 1.6em;
}
.bl_voice3_guradianUnit_body2::before{
	content: "「";
	top:.2em;
	right:-.6em;
	transform: scaleX(-1);
}
.bl_voice3_guradianUnit_body2::after{
	content: "」";
	bottom:.1em;
	left: -.6em;
	transform: scaleX(-1);
}

.bl_voice3_chartTtl{
	margin-bottom: .5em;
	color: #ea9f27;
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
}
.bl_voice3_chartUnit > *:last-child{
	margin-bottom: 0;
}
.bl_voice3_chart{
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	padding: 20px 15px;
	background-color: rgba(255, 255, 255, .7);
	border-radius: 10px;
}
p.bl_voice3_chart_ttl{
	position: relative;
	padding-left: 1.8em;
	margin-bottom: .5em;
	font-weight: bold;
	line-height: 1.4;
}
p.bl_voice3_chart_ttl::before{
	content: attr(data-nam);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5em;
	height: 1.5em;
	background-color: #edb256;
	border-radius: 3px;
	color: #fff;
	line-height: 1.0;
	padding-bottom: .1em;
}
.bl_voice_chartTxt{
	padding: 10px 5px;
	display: flex;
	align-items: center;
}
p.bl_voice_chartTxt_inner{
	position: relative;
	margin-bottom: 0;
	padding: 5px;
	text-align: center;
}
p.bl_voice_chartTxt_inner::before{
	content: "";
	position: absolute;
	width: 1.3em;
	height: 1.3em;
	transform: rotate( -95deg );
	background-image: url(../img/voice/illust_line.png);
	background-repeat: no-repeat;
	background-size: cover;
	top:.2em;
	top:-.1em;
	left:-.4em;
}
p.bl_voice_chartTxt_inner::after{
	content: "";
	position: absolute;
	width: 1.3em;
	height: 1.3em;
	transform: rotate( 90deg );
	background-image: url(../img/voice/illust_line.png);
	background-repeat: no-repeat;
	background-size: cover;
	bottom:.1em;
	bottom:-.2em;
	right: -.6em;
	right:-.3em
}
	@media (min-width: 768px){
		.bl_voice3{
			padding: 30px;
			margin-bottom: 40px;
		}
		.bl_voice3_kidsUnit{
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		.bl_voice3_kidsUnit_body{
			padding:20px 40px;
			margin-bottom: 0px;
			margin-right: 15px;
		}
		.bl_voice3_kidsUnit_body__longTxt{
			border-radius: 60px;
			padding:30px 40px;
		}
		.bl_voice3_kidsUnit_body::after{
			content: "";
			position: absolute;
			top: 50%;
			left: calc(100% + 11px);
			margin-top: -13px;
			border: 13px solid transparent;
			border-left: 13px solid #fff;
		}
		.bl_voice3_guardianUnit{
			flex-direction: row;
		}
		.bl_voice3_guardianUnit_header{
			flex-shrink: 0;
			flex-direction: column-reverse;
			margin-top: 8px;
			margin-right: 15px;
		}
		.bl_voice3_guardianUnit_header_ttl{
			padding-top: .5em;
			padding-right: 0;
			font-size: .933em;
		}
		.bl_voice3_chartUnit{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
		}
		.bl_voice3_chart{
			margin-bottom: 0;
		}
		.bl_voice3_chart_imgWrap{
			display: block;
			margin-top: auto;
		}
	}
/* bl_voice2
========================================================================== */
.bl_voice2{
	padding-top: 3em;
	margin-bottom: 3em;
	border-top: 1px dashed var(--colorBgGray);
}
.bl_voice2Unit{
	display: flex;
	flex-direction: column-reverse;
}
.bl_voice2_ttl{
	font-size: 1.35em;
	line-height: 1.5;
	text-align: center;
}
.bl_voice2_ttl_sub{
	display: block;
	font-size: 0.714em;
}
.bl_voice2_body{
	position: relative;
	padding: 1.3em 1.3em;
	margin-bottom: 20px;
	background-color: var(--colorBgGray);
}
.bl_voice2_body::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid var(--colorBgGray);
}
.bl_voice2_body p{
	font-size: 1.6em;
	font-family: var(--accentFontsF);
	text-align: center;
	line-height: 1.7;
}
.bl_voice2_body_sub{
	font-size: .8em;
}
.bl_voice2_body > *:last-child{
	margin-bottom: 0;
}
.bl_voice2_guardian{
	padding: 1.5em 1em 0 1em;
}
.bl_voice2_guardian_ttl{
	position: relative;
	padding-left: 1em;
	margin-bottom: .5em;
}
.bl_voice2_guardian_ttl::before{
	content: "";
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: var(--colorBlueGray);
}
.bl_voice2_guardian > *:last-child{
	margin-bottom: 0;
}
	@media (min-width: 768px){
		.bl_voice2{
			max-width: 800px;
		}
		.bl_voice2Unit{
			flex-direction: row;
		}
		.bl_voice2_ttl{
			order:2;
			align-self: center;
			width: 7.5em;
			margin-left: 20px;
		}
		.bl_voice2_body{
			order: 1;
			width: calc(100% - 7.5em - 20px);
			margin-bottom: 0;
		}
		.bl_voice2_body::after{
			content: "";
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: calc(100% + 15px);
			/*margin-left: -15px;*/
			border: 15px solid transparent;
			border-left: 15px solid var(--colorBgGray);
		}
		.bl_voice2_guardian {
			padding: 2.5em 1.5em 0 1.5em;
		}
		.bl_voice2Unit.bl_voice2Unit__reverse > .bl_voice2_ttl{
			order:1;
			margin-right: 20px;
		}
		.bl_voice2Unit.bl_voice2Unit__reverse > .bl_voice2_body{
			order:2;
		}
		.bl_voice2Unit.bl_voice2Unit__reverse > .bl_voice2_body::after{
			content: "";
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: -15px;
			/*margin-left: -15px;*/
			border: 15px solid transparent;
			border-right: 15px solid var(--colorBgGray);
		}
	}

/* bl_voice
========================================================================== */
.bl_voiceUnit > *:last-child{
	margin-bottom: 0;
}
.bl_voice{
	margin-bottom: 40px;
}

	@media (min-width: 768px){
		.bl_voiceUnit{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-end;
		}
		.bl_voice{
			width: calc(50% - 40px);
			margin-right: 20px;
			margin-left: 20px;
		}
	}
/*
_balloon
*/
.bl_voice_balloon{
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 1em 1.5em;
	width: 100%;
	background-color: var(--colorBgGray);
	border-radius:10px;
}
.bl_voice_balloon::before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid var(--colorBgGray);
}
.bl_voice_balloon > *:last-child{
	margin-bottom: 0;
}
.bl_voice_balloon p{
	margin-bottom: .5em;
}

/*
_ttl
*/
.bl_voice_ttl{
	margin-bottom: .8em;
	font-family: var(--accentFontsF);
	font-size: 2.1rem;
	line-height: 1.4;
}
	@media (min-width: 768px){
		.bl_voice_ttl{
			font-size: 2.4rem;
		}
	}
/*
_name
*/
p.bl_voice_name{
	display: table;
	padding-bottom: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-bottom: 1px solid #666;
}
.bl_voice_name_sub{
	font-size: .8em;
}
/* bl_course
========================================================================== */
.bl_courseUnit > *:last-child{
	margin-bottom: 0;
}
.bl_courseUnit.bl_courseUnit__2col{
	width: 100%;
	max-width: 475px;
	margin-right: auto;
	margin-left: auto;
}
/*
.bl_course{
	display: flex;
	flex-direction: column;
	margin-bottom: 5em;
}
*/
	@media (min-width: 1180px){
		.bl_courseUnit.bl_courseUnit__2col{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			max-width: initial;
		}
		.bl_courseUnit.bl_courseUnit__2col > .bl_course{
			width: calc(50% - 2%);
			padding-top: 40px;
			margin-bottom: 0;
		}
		.bl_courseUnit.bl_courseUnit__2col > .bl_course:nth-child(2n+1){
			border-right: 1px dotted var(--colorBgGray);
			padding-right: 4%;
		}
		.bl_courseUnit.bl_courseUnit__2col > .bl_course:nth-child(2n){
			padding-left: 4%;
		}
	}
/*
_header

.bl_course_header{
	order:2;
	width: 100%;
	margin-bottom: 2em;
}
.bl_course_header > *:last-child{
	margin-bottom: 0;
}
.bl_course_header_ttl{
	font-family: var(--accentFontsF);
	font-size: 2.1rem;
	margin-bottom: .8em;
}
	@media (min-width: 768px){
		.bl_course_header_ttl{
			font-size: 2.6rem;
		}
		.bl_courseUnit.bl_courseUnit__1col .bl_course_header{
			order:1;
		}
	}
	@media (min-width: 1180px){
		.bl_courseUnit.bl_courseUnit__2col .bl_course_header{
			order:1;
			flex-grow: 1;
		}
	}
*/
/*
_imgWrapper

.bl_course_imgWrapper{
	order:1;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 2em;
}
.bl_course_img{
	width: 100%;
	max-width: 390px;
}
.bl_course_imgWrapper.bl_course_imgWrapper__2col .bl_course_img2{
	display: none;
}
	@media (min-width: 768px){
		.bl_courseUnit.bl_courseUnit__1col .bl_course_imgWrapper{
			order:2;
		}
		.bl_course_imgWrapper.bl_course_imgWrapper__2col .bl_course_img,
		.bl_course_imgWrapper.bl_course_imgWrapper__2col .bl_course_img2{
			width: 48%;
			max-width: 436px;
		}
		.bl_course_imgWrapper.bl_course_imgWrapper__2col .bl_course_img{
			margin-right: 1%;
		}
		.bl_course_imgWrapper.bl_course_imgWrapper__2col .bl_course_img2{
			margin-left: 1%;
		}
		.bl_course_imgWrapper.bl_course_imgWrapper__2col .bl_course_img2{
			display: block;
		}
	}
	@media (min-width: 1180px){
		
		.bl_courseUnit.bl_courseUnit__2col .bl_course_imgWrapper{
			order:2;
		}
		.bl_courseUnit.bl_courseUnit__2col .bl_course_img{
			width: 82%;
		}
	}
*/
/*
_list
*/
.bl_couce_listWrapper{
	width: 100%;
	/*order:3;*/
}
.bl_course_list_sub{
	font-size: .85em;
}
dl.bl_course_list > dt,
dl.bl_course_list > dd{
	line-height: 1.7;
}
dl.bl_course_list > dt{
	position: relative;
	padding-left: 1.5em;
	padding-bottom: .2em;
	font-weight: bold;
}
dl.bl_course_list > dt::before{
	content: "";
	position: absolute;
	left:.5em;
	top:.6em;
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: var(--colorBgGray);
}
dl.bl_course_list > dd{
	padding-left: 1.5em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom:1px solid var(--colorBgGray);
}
dl.bl_course_list2 > dt,
dl.bl_course_list2 > dd{
	line-height: 1.7;
}
dl.bl_course_list2 > dt{
	position: relative;
	padding-left: 1em;
	font-weight: bold;
}
dl.bl_course_list2 > dt::before{
	content: "";
	position: absolute;
	left:0;
	top:.8em;
	display: block;
	width: .6em;
	height: 3px;
	background-color: var(--colorBgGray);
}
dl.bl_course_list2 > dd{
	padding-left: 1em;
	margin-bottom: 1.5em;
}
dl.bl_course_list2 > dd:last-child{
	margin-bottom: 0;
}
dl.bl_course_list3{
	display: flex;
	flex-wrap: wrap;
}
dl.bl_course_list3 > dt,
dl.bl_course_list3 > dd{
	line-height: 1.4;
	padding-top: .3em;
}
dl.bl_course_list3 > dt{
	width: 5em;
}
dl.bl_course_list3 > dt::before{
	content: "♪";
	color:rgba(var(--rgbGray),.7);
}
dl.bl_course_list3 > dt::after{
	content: " ー ";
	color:rgba(var(--rgbGray),.7);
}
dl.bl_course_list3 > dd{
	width: calc(100% - 5em);
}
ul.bl_course_list4 li{
	position: relative;
	padding-left: 1em;
	margin-bottom: .2em;
	line-height: 1.7;
}
ul.bl_course_list4 li::before{
	content: "・";
	position: absolute;
	top:0;
	left: 0;
}
.bl_course_table{
	margin-top: .5em;
	border-left:1px solid rgba(var(--rgbGray),.4);
	border-top:1px solid rgba(var(--rgbGray),.4);
}
.bl_course_table tr th,
.bl_course_table tr td{
	padding: .5em 1em;
	line-height: 1.3;
	text-align: center;
	border-right:1px solid rgba(var(--rgbGray),.4);
	border-bottom:1px solid rgba(var(--rgbGray),.4);
}
.bl_course_table tr th{
	padding: .5em;
	vertical-align: middle;
	background-color: var(--colorBgLightGray);
	font-size: .9em;
}
.bl_course_table tr th.bl_course_table_thNumber{
	width: 9em;
}
.bl_course_table tr th.bl_course_table_thTime{
	width: 8em;
}
.bl_course_table tr td.bl_course_table_tdFee{
	text-align: right;
}
	@media (min-width: 768px){
		dl.bl_course_list{
			display: flex;
			flex-wrap: wrap;
		}
		dl.bl_course_list > dt{
			width: 11em;
			padding-bottom: 1em;
			margin-bottom: 1em;
			border-bottom:1px solid var(--colorBgGray);
		}
		dl.bl_course_list > dd{
			width: calc(100% - 11em);
			padding-left: 1em;
		}
		.bl_courseUnit.bl_courseUnit__1col .bl_couce_listWrapper{
			/*max-width: 700px;*/
			margin-right: auto;
			margin-left: auto;
		}
	}
	@media (min-width: 1180px){
		.bl_courseUnit.bl_courseUnit__2col .bl_couce_listWrapper{
			min-height: 580px;
		}
	}
/* bl_photogallery
========================================================================== */
.bl_photogallery{
	padding-top: 10px;
	width: 80%;
	max-width: 400px;
	margin-left: 10px;
}
.bl_photogallery ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bl_photogallery ul li{
	width: calc(50% - 2px);
	margin: 1px;
}
.bl_photogallery ul li figure{
	position: relative;
	display: block;
	padding-top: 70%;
}
.bl_photogallery ul li figure img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	@media (min-width: 768px){
		.bl_photogallery{
			width: 100%;
			max-width: 100%;
			margin-left: 0;
		}
		.bl_photogallery ul li{
			width: calc(25% - 1px);
			margin-left: 0px;
			margin-right: 1px;
		}
	}
/* ==========================================================================
  Unique　ユニーク
========================================================================== */
/* トップページ un_top
========================================================================== */
/*
Concept
*/
.un_topConcept_ttl{
	margin-bottom: 1.4em;
	font-family: var(--accentFontsF);
	font-size: 2.5rem;
	line-height: 1.5;
}
	@media (min-width: 768px){
		.un_topConcept_ttl{
			font-size: 2.9rem;
		}
	}
/*
topLinkCard
*/
.un_topLinkCard,
a.un_topLinkCard{
	display: block;
	position: relative;
	color:var(--colorTxt);
	text-decoration: none;
	margin-bottom: 100px;
}
a.un_topLinkCard:hover{
	opacity: .7;
}
.un_topLinkCard_haeder{
	position: absolute;
	top:11px;
}
.un_topLinkCard__adults .un_topLinkCard_haeder{
	left:16px;
}
.un_topLinkCard__kids .un_topLinkCard_haeder{
	right:16px;
}
.un_topLinkCard_ttl{
	position: relative;
	width: 49px;
	height: 169px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: .1em;
}
.un_topLinkCard__adults .un_topLinkCard_ttl{
	border-color:var(--colorBlueGray);
	color:var(--colorBlueGray);
}
.un_topLinkCard__kids .un_topLinkCard_ttl{
	height: 187px;
	border-color:var(--colorOrange);
	color:var(--colorOrange);
}
.un_topLinkCard_ttl > span{
	width: 1em;
	position: absolute;
	right: 50%;
	top:50%;
	transform: translate(50%, -49%);
}
.un_topLinkCard_imgWrapper{
	margin-bottom: 20px;
}

.un_topLinkCard_body > *:last-child{
	margin-bottom: 0;
}
.un_topLinkCard_body_lead{
	font-size: 1.5rem;
	font-weight: 500;
}
.un_topLinkCard_body_list{
	margin-bottom: 2em;
	font-weight: 500;
}
.un_topLinkCard_body_btn{
	display: table;
	margin-left: auto;
	margin-right: auto;
}
	@media (min-width: 768px){
		.un_topLinkCard_ttl{
			width: 56px;
			height: 191px;
			font-size: 1.6rem;
		}
		.un_topLinkCard__adults .un_topLinkCard_ttl{
			height: 219px
		}
		.un_topLinkCard_haeder{
			top:0;
		}
		.un_topLinkCard__kids .un_topLinkCard_haeder{
			left:0;
			right: initial;
		}
		.un_topLinkCard__adults .un_topLinkCard_haeder{
			left:initial;
			right: 0;
		}
		.un_topLinkCard_imgWrapper{
			position: relative;
			width: calc(100% - 100px);
			padding-top: 60%;
		}
		.un_topLinkCard__kids .un_topLinkCard_imgWrapper{
			margin-right: 0;
			margin-left: auto;
		}
		.un_topLinkCard_imgWrapper img{
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.un_topLinkCard__kids .un_topLinkCard_body{
			padding-right: 0;
			padding-left: 100px;
		}
		.un_topLinkCard__adults .un_topLinkCard_body{
			padding-right: 100px;
			padding-left: 0;
		}
		.un_topLinkCard_body_lead{
			font-size: 2.0rem;
		}
		.un_topLinkCard_body_btn{
			margin-right: 0;
		}
		
	}
	@media (min-width: 1180px){
		.un_topLinkCard,
		a.un_topLinkCard{
			display: flex;
			justify-content: space-between;
			margin-bottom: 200px;
		}
		.un_topLinkCard.un_topLinkCard__kids{
			flex-direction:row-reverse;
		}
		.un_topLinkCard_imgWrapper{
			width: 48%;
			padding-top: 48%;
			margin-bottom: 0;
		}
		.un_topLinkCard_body{
			width: 44%;
			padding-top: 50px;
		}
		
	}
/* un_about
========================================================================== */
.un_aboutPolicy_box{
	padding: 1.5em 1.5em;
	background-color: #c3dce6;
	background-color: #eee;
	margin-bottom: 2em;
}
ul.un_aboutPolicy_list li{
	position: relative;
	padding-left: 1em;
	margin-bottom: 1em;
	line-height: var(--listlineHeight);
}
ul.un_aboutPolicy_list li::before{
	content: "";
	position: absolute;
	left:0;
	top:.6em;
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: var(--colorNavy);
	background-color: #fff;
}
ul.un_aboutPolicy_list li:last-child{
	margin-bottom: 0;
}
/*
Instructor
*/
.un_aboutInstructor{
	margin-bottom: 30px;
}
.un_aboutInstructor_imgWrapper{
	max-width: 400px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.un_aboutInstructor_img{
	width: 60%;
	max-width: 300px;
}
.un_aboutInstructor_img > picture{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 133%;
}

.un_aboutInstructor_img > picture img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.un_aboutInstructor_imgWrapper figcaption{
	width: 40%;
	align-self: center;
	font-family: var(--accentFontsF);
	font-size: 1.6em;
	text-align: center;
	letter-spacing: var(--letterSpace200);
}
.un_aboutInstructor_imgWrapper figcaption > span{
	display: block;
	padding-top: .5em;
	color:var(--colorGray);
	font-size: .7em;
	letter-spacing: 0;
	font-style: italic;
}
	@media (min-width: 768px){
		.un_aboutInstructor{
			display: flex;
			justify-content: space-between;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
		.un_aboutInstructor_imgWrapper{
			max-width: initial;
			display: block;
			width: 35%;
			width: 25%;
			margin-bottom: 0;
		}
		.un_aboutInstructor_imgWrapper figcaption{
			width: 100%;
			padding-top: .8em;
			font-size: 1.5em;
		}
		.un_aboutInstructor_img{
			width: 100%;
		}
		.un_aboutInstructor_img > picture{
			padding-top: 172%;
		}
		.un_aboutInstructor_body{
			width: calc(65% - 40px);
			padding-left: 40px;
			align-self: center;
		}
	}
/*
Feature
*/
/* タイトル */
.un_aboutFeatureTtl{
	margin-bottom: 28px;
	color: var(--colorNavy);
	font-size: 1.5rem;
	letter-spacing: .2em;
	text-align: center;
	line-height: 1.1;
}
.un_aboutFeatureTtl > span{
	display: inline-block;
	padding: 0 .1em;
	background: linear-gradient(transparent 70%, var(--colorYellow) 70%);
	font-size: 2.2rem;
	line-height: 1.3;
	letter-spacing: .2em;
}
.un_aboutFeatureTtl > span > span{
	font-size: 3.2rem;
}

	@media (min-width: 768px){
		.un_aboutFeatureTtl{
			margin-bottom: 39px;
			font-size: 2.1rem;
		}
		.un_aboutFeatureTtl > span{
			font-size: 3.1rem;
		}
		.un_aboutFeatureTtl > span > span{
			font-size: 4.5rem;
		}
	}

/* 特徴ブロック共通 */
.un_aboutFeature{
	position: relative;
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 17px;
	background-color: var(--colorYellow);
	border-radius: 30px;
}
.un_aboutFeature_num{
	position: absolute;
	top:22px;
	left:-7px;
	width: 80px;
}
.un_aboutFeature_ttl{
	padding: 0 45px 8px 45px;
	color: var(--colorNavy);
	font-size: 2.1rem;
	text-align: center;
	line-height: 1.238;
	letter-spacing: .1em;
}
.un_aboutFeature_ttl > span{
	display: inline-block;
}
.un_aboutFeature_body{
	position: relative;
	font-size: 1.5rem;
}
.un_aboutFeature_body_pic img{
	width: 100%;
}
.un_aboutFeature_body_txt{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	text-align: center;
}
.un_aboutFeature_body_txt p{
	margin-bottom: 0;
	line-height: 1.0;
	letter-spacing: .1em;
	font-weight: 500;
}
.un_aboutFeature_body_txt p > *:last-child{
	margin-bottom: 0;
}
.un_aboutFeature_body_txt p > span{
	display: inline-block;
	background-color: #fff;
	padding: .1em;
	margin-bottom: .2em;
}

.un_aboutFeature_body_txt p > span.un_aboutFeature_body_txt_sub{
	color: var(--colorNavy);
	font-size: 1.4rem;
}
.un_aboutFeatureBtmTxt{
	text-align: center;
}
.un_aboutFeatureBtmTxt img{
	width: 80%;
	max-width: 293px;
	padding-top: 40px;
}
	@media (min-width: 768px){
		.un_aboutFeatureUnit{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.un_aboutFeature,
		.un_aboutFeatureBtmTxt{
			width: calc((100% - 17px) / 2);
		}
		.un_aboutFeature{
			padding-top: 30px;
		}
		.un_aboutFeature_ttl{
			padding: 0 35px 8px 35px;
			font-size: 1.9rem;
		}
		.un_aboutFeature_num{
			top:30px;
			left: -15px;
		}
		.un_aboutFeatureBtmTxt{
			align-self: center;
		}
		.un_aboutFeatureBtmTxt img{
			padding-top: 0;
		}
		/*
		.un_aboutFeature.un_aboutFeature__block5,
		.un_aboutFeature.un_aboutFeature__block6,
		.un_aboutFeature.un_aboutFeature__block7{
			width: calc((100% - 17px - 17px) / 3);
		}
		*/
	}
	@media (min-width: 1300px){
		.un_aboutFeature,
		.un_aboutFeatureBtmTxt{
			width: calc((100% - 22px) / 2);
			margin-bottom: 22px;
		}
		.un_aboutFeature{
			padding-right: 29px;
			padding-left: 29px;
		}
		.un_aboutFeature.un_aboutFeature__block5,
		.un_aboutFeature.un_aboutFeature__block6,
		.un_aboutFeature.un_aboutFeature__block7{
			width: calc((100% - 22px - 22px) / 3);
			padding-right: 20px;
			padding-left: 20px;
		}
		.un_aboutFeature_ttl{
			font-size: 2.0rem;
		}
		.un_aboutFeatureBtmTxt{
			padding-top: 10px;
			width: 100%;
		}
		.un_aboutFeatureBtmTxt img{
			max-width: 348px;
		}
	}
/* 特徴ブロック個別 */
.un_aboutFeature.un_aboutFeature__block1 .un_aboutFeature_body{
	padding-bottom: 1.5em;
}
.un_aboutFeature.un_aboutFeature__block2 .un_aboutFeature_body{
	padding: 0 2.45%;
}
.un_aboutFeature.un_aboutFeature__block2 .un_aboutFeature_body_txt{
	padding-left: 3.68%;
	text-align: left;
}
.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body{
	padding-top: 38.82%;
}
.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body_pic{
	position: absolute;
	bottom:0;
	left:0;
	right: 6.21%;
}
.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body_txt{
	bottom:10px;
	padding-right: 1.55%;
	text-align: right;
}
.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body{
	padding: 0 1.83% 45px 1.83%;
}
.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body_txt{
	letter-spacing: 0;
}
.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body_txt_br{
	display: none;
}
.un_aboutFeature.un_aboutFeature__block5 .un_aboutFeature_body_txt{
	bottom:10px;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 0;
}
.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body{
	padding-top: 39.88%;
}
.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body_pic{
	position: absolute;
	bottom:0;
	left:16.21%;
	right: 0;
}
.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body_txt{
	bottom: 7px;
	text-align: left;
}
.un_aboutFeature.un_aboutFeature__block7 .un_aboutFeature_body{
	padding: 0 3.06% 13px 9.79%;
}
	@media (min-width: 768px){
		.un_aboutFeature.un_aboutFeature__block1 .un_aboutFeature_ttl{
			min-height: 3em;
		}
		.un_aboutFeature.un_aboutFeature__block1 .un_aboutFeature_body{
			padding-right: 1.69%;
			padding-bottom: 6px;
			padding-left: 2.65%;
		}
		.un_aboutFeature.un_aboutFeature__block1 .un_aboutFeature_body_txt{
			right: 38%;
		}
		.un_aboutFeature.un_aboutFeature__block2 .un_aboutFeature_body{
			padding: 0 0 6px 15.9% ;
		}
		.un_aboutFeature.un_aboutFeature__block2 .un_aboutFeature_body_txt{
			padding-left: 0;
		}
		.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body{
			padding-top: 37.59%;
		}
		.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body_pic{
			position: absolute;
			bottom:0;
			left:0;
			right: 4.1%;
		}
		.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body_txt{
			bottom:-20%;
			padding-right: 0;
			text-align: right;
		}
		.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body{
			padding: 0 0 23% 0;
		}
		.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body_txt{
			letter-spacing: 0;
			text-align: right;
		}
		.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body_txt_br{
			display: none;
		}
		.un_aboutFeature.un_aboutFeature__block5 .un_aboutFeature_body{
			padding-right: 1.81%;
			padding-bottom: 9.08%;
		}
		.un_aboutFeature.un_aboutFeature__block5 .un_aboutFeature_body_txt{
			bottom:0;
			padding-right: 0;
			font-size: 1.4rem;
			text-align: center;
			letter-spacing: 0;
		}
		.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body{
			padding-top: 0;
			padding-right: 3.61%;
			padding-left: 1.44%;
			padding-bottom: 5%;
		}
		.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body_pic{
			position: relative;
			left: 0;
		}
		.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body_txt{
			bottom: 0;
			text-align: center;
			font-size: 1.4rem;
		}
		.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body_txt_br{
			display: none;
		}
		.un_aboutFeature.un_aboutFeature__block7 .un_aboutFeature_body{
			padding: 0 2.89% 8% 2.89%;
		}
	}
	@media (min-width: 1000px){
		.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body_txt{
			bottom:-30%;
		}
	}
	@media (min-width: 1208px){
		.un_aboutFeature.un_aboutFeature__block3 .un_aboutFeature_body_txt{
			bottom:0;
		}
		.un_aboutFeature.un_aboutFeature__block4 .un_aboutFeature_body{
			padding: 0 0 2.5% 0;
		}
	}
	@media (min-width: 1209px){
		.un_aboutFeature.un_aboutFeature__block1 .un_aboutFeature_ttl{
			min-height: initial;
		}
		
	}
	@media (min-width: 1300px){
		.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body{
			padding-bottom: 14%;
		}
		.un_aboutFeature.un_aboutFeature__block7 .un_aboutFeature_ttl{
			min-height: 3em;
		}
	}
	@media (min-width: 1419px){
		.un_aboutFeature.un_aboutFeature__block6 .un_aboutFeature_body{
			padding-bottom: 5%;
		}
		.un_aboutFeature.un_aboutFeature__block7 .un_aboutFeature_ttl{
			min-height: initial;
		}
	}
	@media (min-width: 1474px){
		.un_aboutFeature.un_aboutFeature__block5 .un_aboutFeature_body{
			padding-bottom: 9.08%;
		}
	}
/*
Performer
*/
.un_aboutPerformer{
	position: relative;
	padding: 20px;
	border:2px dotted var(--colorBgGray)
}
.un_aboutPerformer::before{
	content: "performer";
	display: block;
	position: absolute;
	top:-.5em;
	right:.5em;
	padding:0px .3em;
	background-color: #fff;
	color:var(--colorBgGray);
	font-family: var(--accentFontsF2);
	font-size: 2em;
	letter-spacing: var(--letterSpace100);
}
.un_aboutPerformer_ttl{
	color: var(--colorBlueGray);
	font-family: var(--accentFontsF);
	font-size: 1.4em;
	margin-bottom: 1em;
	letter-spacing: var(--letterSpace200);
}
.un_aboutPerformer_body > *:last-child{
	margin-bottom: 0;
}
.un_aboutPerformer_movie{
	padding-top: 2em;
}
	@media (min-width: 768px){
		.un_aboutPerformer{
			padding: 30px;
		}
		.un_aboutPerformer{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.un_aboutPerformer_body{
			width: 60%;
		}
		.un_aboutPerformer_movie{
			width: 35%;
			padding-top: 0;
		}
	}
/*
Profiel
*/
.un_aboutProfiel{
	position: relative;
	padding: 20px;
	border:2px dotted var(--colorBgGray)
}
.un_aboutProfiel::before{
	content: "profiel";
	display: block;
	position: absolute;
	top:-.5em;
	right:.5em;
	padding:0px .3em;
	background-color: #fff;
	color:var(--colorBgGray);
	font-family: var(--accentFontsF2);
	font-size: 2em;
	letter-spacing: var(--letterSpace100);
}
.un_aboutProfiel_ttl{
	font-family: var(--accentFontsF);
	font-size: 1.1em;
	margin-bottom: 1em;
	letter-spacing: var(--letterSpace200);
}
.un_aboutProfiel_ttl > span{
	font-size: 1.5em;
}
.un_aboutProfiel p{
	font-size: .9em;
	margin-bottom: 1em;
}
.un_aboutProfiel_picUnit_picWrap{
	display: flex;
	justify-content: space-between;
}
.un_aboutProfiel_picUnit_pic{
	display: block;
	width: calc(50% - 5px);
}
.un_aboutProfiel_picUnit_pic figcaption{
	padding-top: .2em;
	text-align: center;
	color:var(--colorGray);
	font-size: 11px;
	line-height: var(--listlineHeight);
}
 	
	@media (min-width: 768px){
		.un_aboutProfiel{
			padding: 30px;
		}
		.un_aboutProfiel_picUnit{
			display: flex;
			justify-content: space-between;
		}
		.un_aboutProfiel_picUnit_txt{
			width:calc(100% - 200px - 30px);
		}
		.un_aboutProfiel_picUnit_picWrap{
			display: block;
			width: 200px;
		}
		.un_aboutProfiel_picUnit_pic{
			width: 100%;
			margin-bottom: 10px;
		}
	}
	@media (min-width:992px){
		.un_aboutProfiel_picUnit_txt{
			width:calc(100% - 220px - 30px);
		}
		.un_aboutProfiel_picUnit_picWrap{
			width: 220px;
		}
	}
/*
Info
*/
.un_aboutInfo{
	font-size: 1.3rem;
}
.un_aboutInfo_list_sub{
	font-size: .9em;
}
.un_aboutInfo_list dt,
.un_aboutInfo_list dd{
	line-height: 1.5;
	letter-spacing: var(--letterSpace100);
}
.un_aboutInfo_list dt{
	position: relative;
	padding-bottom: .2em;
	padding-left: 1em;
}
.un_aboutInfo_list dt::before{
	content: "";
	position: absolute;
	left:0;
	top:.8em;
	display: block;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .5);
}
.un_aboutInfo_list dd{
	padding-left: 1em;
	padding-bottom: .8em;
	margin-bottom: .8em;
	border-bottom: 1px dotted rgba(255, 255, 255, .5);
}

.un_aboutInfo_list_access{
	margin-bottom: .5em;
}
.un_aboutInfo_list_access li{
	display: inline-block;
	position: relative;
	padding-left: 1em;
	padding-right: 1em;
}
.un_aboutInfo_list_access li::before{
	content: "";
	position: absolute;
	left:.2em;
	top:1em;
	display: block;
	width: .2em;
	height: .2em;
	border-radius: 50%;
	background-color: #fff;
}
.un_aboutInfo_body{
	margin-bottom: 30px;
	margin-bottom: 0;
}
.un_aboutInfo_map{
	position: relative;
	width: 100%;
	padding-top: 73%;
}
.un_aboutInfo_map iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
}
	@media (min-width: 576px){
		.un_aboutInfo_list{
			display: flex;
			flex-wrap: wrap;
		}
		.un_aboutInfo_list dt,
		.un_aboutInfo_list dd{
			padding-bottom: .8em;
			margin-bottom: .8em;
			border-bottom: 1px dotted rgba(255, 255, 255, .5);
		}
		.un_aboutInfo_list dt{
			width: 9em;
		}
		.un_aboutInfo_list dd{
			width: calc(100% - 9em);
		}
	}
	@media (min-width: 768px){
		.un_aboutInfo{
			font-size: 1.5rem;
		}
		.un_aboutInfo_map{
			position: relative;
			width: 100%;
			padding-top: 50%;
		}
	}
	@media (min-width: 1180px){
		.un_aboutInfo{
			display: flex;
			justify-content: space-between;
		}
		.un_aboutInfo_body{
			width: calc(50% - 20px);
			width: 100%;
			margin-bottom: 0;
			padding-top: .8em;
		}
		.un_aboutInfo_map{
			width: calc(50% - 20px);
			padding-top: 0;
		}
	}
/*
Contact
*/
.un_aboutContact{
	padding-top:20px;
	padding-bottom: 20px;
}
.un_aboutContact_ttl{
	position: relative;
	margin-bottom: 1em;
	padding-left: 50px;
	font-family: var(--accentFontsF);
	font-size: 1.8rem;
	line-height: 1.4;
}
.un_aboutContact_ttl::before{
	content: "";
	position: absolute;
	left: 0;
	top:50%;
	transform: translateY(-50%);
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 40px;
	height: 46px;
}
.un_aboutContact_ttl::after{
	content: attr(data-en);
	display: block;
	font-family: var(--accentFontsF2);
	color:rgba(var(--rgbGray), .7);
	font-size: .7em;
}
.un_aboutContact_ttl.un_aboutContact_ttl__tel::before{
	background-image: url(../img/common/icon_tel_cBgGray.svg);
}
.un_aboutContact_ttl.un_aboutContact_ttl__line::before{
	background-image: url(../img/common/icon_message_cBgGray.svg);
}
.un_aboutContact_ttl.un_aboutContact_ttl__mail::before{
	background-image: url(../img/common/icon_mail_cBgGray.svg);
}
.un_aboutContact_body{
	padding-left: 40px;
}
.un_aboutContact_body > *:last-child{
	margin-bottom: 0;
}
a.un_aboutContact_body_lineBtn{
	display: flex;
	align-items: center;
	max-width: 340px;
	padding: 8px;
	border:5px solid rgba(var(--rgbBgGray),.5);
	color:inherit;
	line-height: 1.4;
	text-decoration: none;
}
.un_aboutContact_body_lineBtn_qr{
	width: 100px;
	margin-right: 10px;
}
.un_aboutContact_body_lineBtn_txt{
	position: relative;
	padding-right: 20px;
	font-size: .9em;
}
.un_aboutContact_body_lineBtn_txt::after{
	content: "\e900";
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	font-family: 'icomoon' !important;
	color:rgba(var(--rgbGray),.8);
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.un_aboutContact_body_lineBtn_txtPc{
	display: none;
}
.un_aboutContact_body_formWrapper{
	border:5px solid rgba(var(--rgbBgGray),.5);
}
	@media (min-width: 768px){
		.un_aboutContact{
			display: flex;
			margin-bottom: 60px;
		}
		.un_aboutContact_ttl{
			width: 170px;
			align-self: flex-start;
			
		}
		.un_aboutContact_body{
			width: calc(100% - 170px);
		}
		.un_aboutContact_body_lineBtn_txtPc{
			display: inline-block;
		}
		.un_aboutContact_body_lineBtn_lineId{
			padding-top: .5em;
			display: block;
			/*color:#06c755;
			color:var(--colorGray);*/
		}
		.un_aboutContact_body_lineBtn_txtSm{
			display: none;
		}
	}
	@media (min-width: 992px){
		.un_aboutContact_ttl{
			width: 280px;
			padding-left: 60px;
			font-size: 2.0rem;
		}
		.un_aboutContact_ttl::before{
			width: 50px;
			height: 44px;
		}
		.un_aboutContact_body{
			width: calc(100% - 280px);
		}
	}
.un_aboutPrivacy{
	padding: 2em;
	font-size: .9em;
	background-color: rgba(var(--rgbBgGray),.3);
}
.un_aboutPrivacy > *:last-child{
	margin-bottom: 0;
}
.un_aboutPrivacy_ttl{
	font-weight: bold;
	margin-bottom: 1em;
}
.un_aboutPrivacy_list{
	margin-bottom: 1em;
}
/* ==========================================================================
  Helpers　ヘルパー
========================================================================== */
/* display
========================================================================== */
.hp_dn { display: none !important; }
.hp_db { display: block !important; }
.hp_di { display: inline !important; }
.hp_dib { display: inline-block !important; }
.hp_dtb { display: table !important; }
.hp_ditb { display: inline-table !important; }
.hp_dtbc { display: table-cell !important; }
.hp_dtbr { display: table-row !important; }
/* width
========================================================================== */
.hp_wd100p { width: 100% !important; }
/* padding
========================================================================== */
.hp_p0 { padding: 0 !important; }
/*
-top
*/
.hp_pt0 { padding-top: 0 !important; }

/*
-right
*/
.hp_pr0 { padding-right: 0 !important;}

/*
-bottom
*/
.hp_pb0 { padding-bottom: 0 !important; }

/*
-left
*/
.hp_pl0 { padding-left: 0 !important; }

/* margin
========================================================================== */
.hp_m0 { margin: 0 !important; }
.hp_centering {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
/*
-top
*/
.hp_MT5 { margin-top: -5px !important; }
.hp_mt0 { margin-top: 0 !important; }
/*
-right
*/
.hp_mr0 { margin-right: 0 !important; }
/*
-bttom
*/
.hp_mb0 { margin-bottom: 0 !important; }
.hp_mb1em { margin-bottom: 1em !important; }
.hp_mb2em { margin-bottom: 2em !important; }
/*
-left
*/
.hp_ml0 { margin-left: 0 !important; }
/*
space
*/
.hp_lgSpace { margin-bottom: 100px !important; }
.hp_mdSpace { margin-bottom: 60px !important; }
.hp_smSpace { margin-bottom: 30px !important; }
@media screen and (max-width: 767px) {
  .hp_lgSpace { margin-bottom: 80px !important; }
	.hp_mdSpace { margin-bottom: 40px !important; }
	.hp_smSpace { margin-bottom: 20px !important; }
}
/* font
========================================================================== */
.hp_fwb {
  font-weight: 500 !important;
}
.hp_note{
	padding-left:1em !important;
	text-indent:-1em !important;
}
.hp_fEnglishUpper {text-transform: uppercase !important;}
.hp_vertical{ writing-mode: vertical-rl; }
.hp_fontSizeSm{font-size: .9em;}
/* text-align
========================================================================== */
.hp_tal { text-align: left !important; }
.hp_tac { text-align: center !important; }
.hp_tar { text-align: right !important; }
.hp_taj { text-align: justify !important; }
/* vertical-align
========================================================================== */
.hp_vam { vertical-align: middle !important; }
/* 表示
========================================================================== */
/*
PCのみ（992px以上表示）
*/
@media screen and (max-width: 991px) {
  .lg_only { display: none !important; }
}
/*
タブレットとPC（768px以上表示）
*/
@media screen and (max-width: 767px) {
  .mdLg_only { display: none !important; }
}
/*
タブレットとスマフォ（991以下表示）
*/
.smMd_only { display: none !important; }
@media screen and (max-width: 991px) {
  .smMd_only { display: block !important; }
}
/*
スマフォのみ
*/
.sm_only { display: none !important; }

@media screen and (max-width: 767px) {
  .sm_only { display: block !important; }
}
/*
575px以下のみ
*/
.xs_only { display: none !important; }
@media screen and (max-width: 575px) {
  .xs_only { display: block !important; }
}