@charset "utf-8";
/*
Theme Name: hibikus
Theme URI: ~/themes/
Author: the hibikus team
Author URI: https://www.hibikus.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*------------------------------------------
 *	Reset
------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,icenter,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}img{line-height:1;vertical-align:bottom;}


/*------------------------------------------
 *	loading, animation
------------------------------------------*/
/* loading */
@keyframes loading {
  0% {
	opacity: 1;
	visibility: visible;
  }
  100% {
	opacity: 0;
	visibility: hidden;
	}
}
.is-loadstart {
	overflow: hidden;
}

#js-loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	overflow: hidden;
	background: #fff;
	opacity: 1;
}
#js-loading.is-loaded {
	animation: loading 0.1s ease-in-out 0s forwards;
}
#page-home .area-intro-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
}
#page-home.is-loadend .area-intro-wrap {
	animation: loading 0s ease-in-out 2.8s forwards;
}
#page-home .area-intro {
	width: 100%;
	height: 100%;
	position: relative;
}
#page-home .area-intro-img {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
	transform: translate(-50%, -50%) translate3d(0, 0, 0);
	text-align: center;
	width: 100%;
/* 	height: 100%; */
	z-index: 1000;
/* 	overflow: hidden; */
}
#page-home .area-intro .loading svg {
	width: 80px;
/* 	height: 54px; */
}
#page-home .area-intro .loading-i2 {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
	transform: translate(-50%, -50%) translate3d(0, 0, 0);
	margin: 10px 0 0 1px;
}
#page-home .area-intro .loading-i2 img {
	/* width: 20px; */
	height: 34px;
}
#page-home .area-intro .loading1 img {
	width: 80px;
	height: 54px;
}
#page-home .area-intro .loading2 img {
	width: 80px;
	height: 39px;
}
@keyframes DASH {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes toBOTTOM {
	0% {
		transform: translateY(-1000px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toTOP {
	0% {
		transform: translateY(1000px);
	}
	100% {
		transform: translateY(0);
	}
}
#page-home .area-intro .loading1 {
	transform: translateY(-1000px);
}
#page-home.is-loadend .area-intro .loading {
	animation: loading 0.4s ease-in-out 2s forwards;
}
@keyframes bachi1 { 
	0% { transform: rotate(0); }
	10% { transform: rotate(25deg); }
	50% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}
@keyframes bachi2 { 
	0% { transform: rotate(0); }
	10% {transform: rotate(25deg);}
	50% {transform: rotate(-5deg);}
	100% { transform: rotate(0deg); }
}
@keyframes bachi3 { 
	0% {transform: translateX(11px) translateY(-6px) rotate(0deg);}
	30% {transform: translateX(3px) translateY(-6px) rotate(-45deg);}
	40% {transform: translateX(11px) translateY(-6px) rotate(0deg);}
	100% {transform: translateX(3px) translateY(-6px) rotate(-45deg);}
}
@keyframes bachi4 { 
	0% {transform: translateX(3px) translateY(-6px) rotate(-45deg);}
	1% {transform: translateX(11px) translateY(-6px) rotate(0deg);}
	100% {transform: translateX(11px) translateY(-6px) rotate(0deg);}
}
#page-home.is-loadend .area-intro .loading .loading-i1 {
	transform-origin: left;
	animation: bachi1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s forwards,bachi2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s forwards;
}
#page-home .area-intro .loading .loading-i2 img {
    transform-origin: center;
   transform: translateX(11px) translateY(-6px) rotate(0deg);
}
#page-home.is-loadend .area-intro .loading .loading-i2 img {
	animation: bachi3 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s forwards,bachi4 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;
}

#page-home.is-loadend .area-intro .loading1 {
	animation: loading 0.３s ease-in-out 1.6s forwards, toBOTTOM 1.4s cubic-bezier(0.18, 0.89, 0.11, 0.96) 0.1s forwards;
}
#page-home .area-intro .loading2 {
	transform: translateY(1000px);
}
#page-home.is-loadend .area-intro .loading2 {
	animation: loading 0.4s ease-in-out 1.6s forwards, toTOP 1.4s cubic-bezier(0.18, 0.89, 0.11, 0.96) 0.1s forwards;
}
#page-home .area-intro-in {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
}
@keyframes slide-top {
	0% {
		top: 0;
	}
	100% {
		top: 100%;
	}
}
#page-home.is-loadend .area-intro-in {
	animation: slide-top 0.4s cubic-bezier(0.4, 1.13, 0.59, 0.97) 2.5s forwards;
}

/*------------------------------------------
 *	html, body
------------------------------------------*/
html {background: #fff;font-size:62.5%;}

body {
	display: flex;
	flex-direction: column;
	min-width: 1025px;
	min-height: 100vh;
	margin: 0 auto 680px;
	position: relative;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothsxic ProN", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #080808;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* letter-spacing: 0.05em; */
}
a {
	color: #080808;
	text-decoration: none;
	transition: all .3s;
}
a:hover {
	color: #aaa;
	opacity: 0.7;
}
.a-link {
	text-decoration: underline;
}
.a-link:hover {
	text-decoration: none;
	opacity: 1;
	color: #aaa;
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 14px;
}
	
/*------------------------------------------
 *	ScrollFade
------------------------------------------*/

.js-sf-item {
	opacity: 0;
	-webkit-transform: translate3d(0,60px,0);
	-moz-transform: translate3d(0,60px,0);
	transform: translate3d(0,60px,0);
}

.sf-visible {
	opacity: 1;
	transition: transform,opacity;
	transition-duration: .8s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(.39,.575,.28,.995);
	opacity: 1;
	transform: translate3d(0,0,0);
}


/*------------------------------------------
 *	Layout
------------------------------------------*/
.sec {
	margin: -90px auto 225px;
	padding: 90px 0 0;
}
body.is-member .sec {
	/* margin: -150px auto 225px; */
	/* padding: 150px 0 0; */
}
#main .sec-s {
	margin: 0 auto;
	width: 640px;
}
.sec-in {
	width: 100%;
	margin: 0 auto;
	max-width: 1366px;
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}
.sec-child {
	padding: 0 70px;
	box-sizing: border-box;
}

.is-block-sp {
	display: none;
}
.is-disable-link {
	opacity: 0;
	pointer-events: none;
}

/*------------------------------------------
 *	Font, Text, Vertical, Color
------------------------------------------*/
/* Font */
.ff-sans {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
}
.ff-sans-b {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	/* font-size: 13px; */
}
.ff-cormorant {
	font-family: 'Cormorant', serif;
	font-weight: 600;
	font-style: italic;
}
.ff-mincho {
	font-family: '游明朝体', Yu Mincho, YuMincho, 'ヒラギノ明朝 Pro W3', Hiragino Mincho ProN, Hiragino Mincho Pro, serif;
}
.fw-b {font-weight: bold;}

/* Text */
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.txt {
	line-height: 1.71;
}
.txt-l {
	line-height: 1.87;
}
.txt-attention {
	margin: 30px 0 0;
	font-size: 14px!important;
	color: #b10202;
}

.c-red {
	color: #b10202;
}

.wm-vr {
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
}

.ls-01 {
	letter-spacing: 0.1em;
}

/*------------------------------------------
 *	Form
------------------------------------------*/
input,
select,
textarea {
	font-size: 14px;
}
input:focus,
select:focus,
textarea:focus {
	outline: 0;
}

/*------------------------------------------
 *	Button
------------------------------------------*/
.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
	/* letter-spacing: 0.2em; */
}
.btn-border-white {
	border: 2px solid #fff;
	color: #fff;
}
.btn-border-white:hover {
	color: #ff60a6;
	opacity: 1;
}
#page-home .sec-mv .btn-border-white:hover input {
	color: #ff60a6;
	opacity: 1;
}
.btn-border-white span,
.btn-border-white i {
	z-index: 1;
}
.btn-border-white:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	content: '';
	position: absolute;
	z-index: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-border-white:hover:after {
	width: 100%;
}
.btn-size-45 {
	width: 45px;
}
.btn-size-90 {
	width: 90px;
	height: 90px;
}
.btn-size-240 {
	width: 240px;
	height: 45px;
	font-size: 16px;
	letter-spacing: 0.2em;
}
.btn-size-270 {
	width: 270px;
	height: 45px;
}
.btn-size-300 {
	width: 300px;
	height: 45px;
}
.btn-size-320 {
	width: 320px;
	height: 45px;
	font-size: 16px;
	letter-spacing: 0.2em;
}
.btn-size-360 {
	width: 360px;
	height: 90px;
}
.btn-studio .btn-size-360 {
	border: none;
	background: #080808;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.2em;
}
.btn-size-420 {
	width: 420px;
	height: 45px;
}
.btn-size-450 {
	width: 450px;
	height: 60px;
	font-size: 20px;
}
.btn-size-580 {
	width: 580px;
	height: 90px;
	font-size: 16px;
	font-weight: bold;
}
.btn-size-580 em {
	display: block;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: normal;
}
#page-beginner .btn-size-580 em {
	padding: 12px 0 0;
}
.btn-bg-black {
	background: #080808;
	color: #fff;
}
.btn-bg-white {
	background: #fff;
	color: #080808;
}

.btn-center {
	margin: 0 auto;
}
.btn-right {
	margin: 0 0 0 auto;
}
.btn-left {
	margin: 0 auto 0 0;
}

.btn-slide {
	position: relative;
	z-index: 2;
	border: 2px solid #080808;
}
.btn-slide:hover {
	background-color: #fff;
	color: #080808;
	opacity: 1;
}
.btn-slide svg,
.btn-border-white svg {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 17px;
	height: 8px;
	margin: -4px 0 0;
	z-index: 2;
}
.btn svg path {
	transition: all 0.3s;
}
.btn-size-580 svg path {
	transition: none;
}
.btn-slide:hover svg path {
	stroke: #080808;
}
.btn-slide::after {
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #080808;
	right: 0;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	box-sizing: border-box;
	transition: all 0.3s;
}
.btn-slide:hover::after {
	width: 0;
	background-color: #080808;
}

.btn-slide.btn-slide-white {
	border: 2px solid #fff;
}
.btn-slide.btn-slide-white:hover {
	background-color: #080808;
	color: #fff;
}
.btn-slide.btn-slide-white:hover svg path {
	stroke: #fff;
}
.btn-border-white:hover svg path {
	stroke: #ff60a6;
}

.btn-slide.btn-slide-white::after {
	background-color: #fff;
}
.btn-slide.btn-slide-white:hover::after {
	width: 0;
	background-color: #fff;
}

.btn-slide.btn-slide-center svg {
	left: 50%;
	margin: -4px 0 0 -9px;
}

/*------------------------------------------
 *	Ico
------------------------------------------*/
.ico {
	display: inline-block;
}
.ico-login {
	width: 20px;
	height: 19px;
	position: relative;
	left: -10px;
}
.ico-facebook {
	width: 24px;
	height: 24px;
	background: url(images/common/ico_facebook.svg) center center no-repeat;
	background-size: 24px 24px;
}
.ico-facebook-footer {
	width: 44px;
	height: 44px;
	background: url(images/common/ico_facebook_footer.svg) center center no-repeat;
	background-size: 44px 44px;
}
.ico-instagram {
	width: 24px;
	height: 24px;
	background: url(images/common/ico_instagram.svg) center center no-repeat;
	background-size: 24px 24px;
}

.ico-tel {
	width: 23px;
	height: 23px;
	background: url(images/common/ico_tel.svg) center center no-repeat;
	background-size: 23px 23px;
	position: relative;
	top: -2px;
}
.ico-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -4px 0 0;
	width: 18px;
	height: 8px;
	background: url(images/common/ico_arrow.svg) center center no-repeat;
	background-size: 18px 8px;
	transition: all .3s;
}
.btn-size-90 .ico,
.btn-lesson a .svg .ico {
	right: auto;
	transition: none;
}
.ico-arrow-black {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -4px 0 0;
	width: 18px;
	height: 8px;
	background: url(images/common/ico_arrow_black.svg) center center no-repeat;
	background-size: 18px 8px;
	transition: all .3s;
}
.btn-bg-white:hover .ico-arrow-black{
	background: url(images/common/ico_arrow.svg) center center no-repeat;
}
.btn-revise .ico-arrow {
	background: url(images/common/ico_arrow_black.svg) center center no-repeat;
	transform: scale(-1, 1);
	right: auto;
	left: 20px;
}
.btn-bg-black:hover .ico-arrow {
	background: url(images/common/ico_arrow_black.svg) center center no-repeat;
}
.ico-point {
	width: 29px;
	height: 36px;
	background: url(images/common/ico_like.svg) center center no-repeat;
	background-size: 29px 36px;
	position: relative;
	top: 10px;
}

.ico-beginner {
	width: 16px;
	height: 22px;
	background: url(images/common/ico_beginner.svg) center center no-repeat;
	background-size: 16px 22px;
}
.ico-drum {
	width: 20px;
	height: 22px;
	background: url(images/common/ico_drum.svg) center center no-repeat;
	background-size: 20px 22px;
}
.ico-leaf {
	width: 21px;
	height: 22px;
	background: url(images/common/ico_leaf.svg) center center no-repeat;
	background-size: 21px 22px;
}
.ico-kids {
	width: 22px;
	height: 21px;
	background: url(images/common/ico_kids.svg) center center no-repeat;
	background-size: 22px 21px;
}
.ico-music {
	width: 18px;
	height: 22px;
	background: url(images/common/ico_music.svg) center center no-repeat;
	background-size: 18px 22px;
}


.ico-arrow-down {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #080808;
	border-right: 1px solid #080808;
	transform: rotate(135deg);
	transition: all .3s;
	position: relative;
	top: -3px;
	left: 10px;
}

/*------------------------------------------
 *	Header
------------------------------------------*/
@keyframes is-fixed{
	from{
		height: 0;
	}
	to{
		height: 90px;
	}
}
@keyframes is-show {
	from{
		opacity: 0;
		visibility: hidden;
	}
	to{
		opacity: 1;
		visibility: visible;
	}
}

#header {
	position: relative;
	width: 100%;
	height: 90px;
	margin: 0 auto;
	z-index: 10;
	background: #fff;
}
body.is-member #header {
	height: 150px;
}
body.is-fixed #header {
	position: fixed;
	animation: is-show .2s ease-out forwards;
	border-bottom: 2px solid #080808;
}
body.is-fixed #header .header-in {
	/* animation: is-show .2s ease-out forwards; */
}
#header .header-in .logo {
	width: 30%;
/*
	margin: 0 auto;
	text-align: center;
*/
	 padding-left: 90px;
	 box-sizing: border-box;
}
#header .header-in .logo svg {
	width: 180px;
	height: 23px;
}
#page-home #header .header-in .logo {
	opacity: 0;
	visibility: hidden;
}
#page-home.is-fixed #header .header-in .logo {
	opacity: 1;
	visibility: visible;
}
#header .header-in {
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 1025px;
	height: 90px;
	margin: 0 0 0 auto;
	box-sizing: border-box;
	/* z-index: 10; */
}
#header .header-in-member {
	display: flex;
	align-items: center;
	margin: 0 auto;
	height: 60px;
	background: #080808;
	color: #fff;
	overflow: hidden;
}
#header .header-in-member .header-in-left {
	display: inline-block;
	width: 30%;
	padding-left: 90px;
	box-sizing: border-box;
	white-space: nowrap;
}
#header .header-in-member .header-in-right {
	/* margin: 0 0 0 auto; */
	width: 68%;
	display: inline-block;
	text-align: right;
}
#header .header-in-member .tit-member {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0.1em;
}
#header .header-in-member .tit-member a {
	color: #fff;
}
#header .header-in-member .txt-member {
	display: inline-block;
	margin: 0 0 0 24px;
}
#header .header-in-member .nav-member {/* display: flex; */}
#header .header-in-member .nav-member .nav-member-logout {
	display: none;
}
#header .header-in-member .nav-member li {
	position: relative;
	margin: 0 0 0 10%;
	display: inline-block;
}
#header .header-in-member .nav-member li::after {
	position: absolute;
	top: 50%;
	left: -29px;
	transform:translateY(-50%);
	content: '';
	width: 14px;
	height:2px;
	background-color: #fff;
}
#header .header-in-member .nav-member li a {
	color: #fff;
}
#nav-global {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	/* min-width: 920px; */
	font-weight: bold;
}
#nav-global .nav-global-in {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	/* min-width: 730px; */
	box-sizing: border-box;
}
#nav-global .nav-global-in li {
	white-space: nowrap;
	margin: 0 7% 0 0;
}
#nav-global .nav-global-in li a {
	display: block;
	height: 90px;
	line-height: 90px;
	/* font-weight: bold; */
}
#nav-global .nav-global-in li a:hover {
	opacity: 1;
	color: #080808;
}
#nav-global .nav-global-in li a span {
	position: relative;
	overflow: hidden;
}
#nav-global .nav-global-in li a span:after,
#header nav .li-global li .current span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 0px;
	height: 2px;
	background: #000;
	transition: all linear .1s 0s;
}
body.is-tablet #nav-global .nav-global-in li a span:after,
body.is-tablet #header nav .li-global li .current span:after {
	display: none;
}
#nav-global .nav-global-in li a:hover span:after {
	width: 100%;
	/* max-width: 120px; */
}
#header .area-login {
	/* width: 17%; */
	/* background: #080808; */
}
#header .area-login a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 90px;
	color: #fff;
	position: relative;
	z-index: 2;
	background-color: #080808;
	border: 2px solid #080808;
	box-sizing: border-box;
	transition: all .3s;
}
body.is-member #header .area-login a {
	/* pointer-events: none; */
}

/* lesson */
#nav-global .nav-global-in .nav-lesson {position: relative;}

#nav-global .nav-global-in .nav-lesson .arrow {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #080808;
	border-right: 2px solid #080808;
	transform: rotate(135deg);
	transition: all .3s;
	position: relative;
	top: -3px;
	left: 10px;
}
#nav-global .nav-global-in .nav-lesson:hover .arrow {
	border-top: 2px solid #a1a1a1;
	border-right: 2px solid #a1a1a1;
}
#nav-global .nav-global-in .nav-lesson .nav-lesson-toggle {
	pointer-events: none;
}
#nav-global .nav-global-in .nav-lesson span {
	cursor: pointer;
	transition: all .15s ease-in-out 0s;
	/* padding: 0 0 0 36px; */
	/* box-sizing: border-box; */
}
#nav-global .nav-global-in .nav-global-child {
	justify-content: center;
	position: absolute;
	top: 90px;
	left: -35px;
	/* text-align: center; */
	margin: 0 auto;
	box-sizing: border-box;
	height: 0;
	visibility: hidden;
	transition: height .3s ease, visibility .3s ease;
	/* transform: translate3d(0, 0, 0); */
	overflow: hidden;
	z-index: 1;
}
body.is-fixed #header #nav-global .nav-global-in .nav-global-child {
	border: 2px solid #080808;
	border-top: none;
}
#nav-global .nav-global-in .nav-lesson:hover .nav-global-child {
	visibility:visible;
	height: 242px;
}
body.is-tablet #nav-global .nav-global-in .nav-lesson .nav-global-child,
body.is-tablet #nav-global .nav-global-in .nav-lesson:hover .nav-global-child {
	visibility:hidden;
	height: 0;
	background: #fff;
}
body.is-tablet #nav-global .nav-global-in .nav-lesson .nav-global-child.nav-lesson-view {
	visibility:visible;
	height: 242px;
}
#nav-global .nav-global-in .nav-global-child li {
	margin: 0 auto;
	background: #fff;
	/* border-top: 1px solid #080808; */
	/* box-sizing: border-box; */
}
#nav-global .nav-global-in .nav-global-child li a {
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	width: 210px;
	height: 60px;
	line-height: 30px;
	padding: 0 0 0 36px;
	box-sizing: border-box;
}
/*------------------------------------------
 *	Main
------------------------------------------*/
#main {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border-bottom: 2px solid #080808;
	background: #fff;
	overflow: hidden;
	z-index: 1;
}
#page-home #main {
	padding: 0 0 225px;
}
#page-member #main {
	padding: 110px 0 225px;
	box-sizing: border-box;
	min-height: calc( 100vh - 310px);
}
body.is-fixed #main {
	margin: 90px auto 0;
}
body.is-fixed.is-member #main {
	margin: 150px auto 0;
}
#main img {
	max-width: 100%;
	height: auto;
}


/*------------------------------------------
 *	Footer
------------------------------------------*/
#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	/* z-index: -1; */
}
#footer .footer-in {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 0 3px;
	box-sizing: border-box;
}
#footer .footer-top {
	width: 100%;
	padding: 30px 0;
	margin: 0 auto;
}
#footer .footer-top .footer-child {
	width: 46%;
	margin: 0 5% 0 0;
}
#footer .footer-top .footer-child:nth-of-type(3) {
	margin: 0;
}
#footer .footer-top .footer-child h2 {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 2px solid #080808;
	box-sizing: border-box;
	height: 44px;
}
#footer .footer-top .footer-child:nth-of-type(1) h2 img {
	width: 271px;
	height: 36px;
}
#footer .footer-top .footer-child:nth-of-type(2) h2 img {
	width: 379px;
	height: 33px;
}
#footer .footer-top .footer-child:nth-of-type(3) h2 img {
	width: 228px;
	height: 36px;
}
#footer .footer-top .footer-child-in {
	display: flex;
	justify-content: space-between;
}
#footer .footer-top .footer-child-in .content {
	/* width: 44%; */
}
#footer .footer-top .footer-child-in .img {
	width: 58%;
	padding: 0 0 0 16px;
	box-sizing: border-box;
}
#footer .footer-top .footer-child-in .tel {
	margin: 0 0 24px;
	font-size: 30px;
	letter-spacing: 0.09em;
}
#footer .footer-top .footer-child-in .tel .ff-sans-b {
	display: inline-block;
	pointer-events: none;
	color: #080808;
	text-decoration: none;
}
#footer .footer-top .footer-child-in dl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row wrap;
	line-height: 1.46;
}
#footer .footer-top .footer-child-in dl dt {
	width: 22.05128205%;
	margin: 0 0 16px;
}
#footer .footer-top .footer-child-in dl dd {
	width: 77.94871795%;
	margin: 0 0 16px;
}
#footer .footer-top .footer-child-in dl dd p+p {
	margin: 10px 0 0;
}
#footer .footer-top .footer-child-in dl dd .area-btn {
	margin: 16px 0 0;
}
#footer .footer-top .footer-child-in dl dd .area-btn .btn-map {
	display: inline-block;
	padding: 10px 20px;
	background: #181717;
	font-size: 13px;
	color: #fff;
}

#footer .footer-bottom {
	width: 100%;
	margin: 0 auto;
	padding: 64px 0;
	background: #080808;
	color: #fff;
	box-sizing: border-box;
}
#footer .footer-bottom a {
	color: #fff;
}
#footer .footer-bottom a:hover {
	opacity: 1;
	color: #aaa;
}
#footer .footer-bottom .link-facebook:hover,
#footer .footer-bottom .link-instagram:hover {
	opacity:0.7;
}
#footer .footer-bottom .footer-in {
	align-items: center;
}
#footer .footer-bottom .footer-nav {
	width: 46%;
	position: relative;
	/* z-index: 1; */
}
#footer .footer-bottom .footer-nav ul {
	display: flex;
	align-items: center;
}
#footer .footer-bottom .footer-nav ul li {
	font-family: 'Open Sans Condensed', sans-serif;
	/* font-weight: 700; */
	letter-spacing: 0.2em;
}
#footer .footer-bottom .footer-nav ul li .ico {
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
}
#footer .footer-bottom .footer-nav ul li:nth-of-type(1) {
	padding: 0 20px 0 0;
}
#footer .footer-bottom .footer-nav ul li:nth-of-type(2) {
	padding: 0 30px 0 0;
}
#footer .footer-bottom .footer-nav ul li:nth-of-type(3) {
	margin: 0 36px 0 0;
	padding: 0 36px 0 0;
	border-right: 1px solid #fff;
}
#footer .footer-bottom .footer-in .img {
	width: 8%;
	/* position: absolute; */
	/* left: 0; */
	/* right: 0; */
}
#footer .footer-bottom .footer-in .img img {
	width: 100%;
	height: auto;
}
#footer .footer-bottom .copyright {
	width: 46%;
	position: relative;
	/* z-index: 1; */
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-align: right;
	line-height: 2.5;
	letter-spacing: 0.2em;
	word-break: keep-all;
}
#footer .footer-bottom .copyright .img {
	width: auto;
	margin: 0 0 4px;
}
#footer .footer-bottom .copyright .img a {
	display: inline-block;
}
#footer .footer-bottom .copyright .img a:hover {
	opacity: 0.7;
}
#footer .footer-bottom .copyright .img img {
	width: 137px;
	height: 20px;
}

#footer .footer-sns {
	display: none;
}


/* pagetop */
.btn-pagetop {
	position: absolute;
	bottom: 0;
	right: 84px;
	z-index: 2;
	opacity: 1;
	transition: -webkit-transform 0.3s ease,opacity 1s ease;
	transition: transform 0.3s ease,opacity 1s ease;
}
.btn-pagetop a {
	display: block;
	width: 50px;
	height: 200px;
}
.btn-pagetop a:hover {
	height: 220px;
}
.btn-pagetop a span {
	display: block;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 1.6;
}
.btn-pagetop .arrow-pagetop {
	width: 2px;
	height: 150px;
	background: #171717;
	position: absolute;
	top: 74px;
	left: 50%;
}
.btn-pagetop .arrow-pagetop:after {
	content: "";
	width: 12px;
	height: 2px;
	background: #171717;
	position: absolute;
	top: 5px;
	right: 0;
	transform: rotate(-45deg);
}

.area-sns {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.area-sns.is-hide {
	opacity: 0;
	visibility: hidden;
	transition: all .15s ease-in-out 0s;
}
.area-sns a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
}
.area-sns .link-facebook {
	background: #3978ea;
}
.area-sns .link-facebook .ico {
	position: relative;
	top: -2px;
}
.area-sns .link-instagram {
	background: #d82072;
}


/* btn-lesson */
.btn-lesson {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
	background: #fff;
}
body.is-member .btn-lesson {
	display: none!important;
}
.btn-lesson.is-hide {
	opacity: 0;
	visibility: hidden;
	transition: all .15s ease-in-out 0s;
}
.btn-lesson a {
	position: relative;
	display: flex;
	width: 340px;
	padding: 0;
	box-sizing: border-box;
	color: #fff;
	background: #ff60a6;
}
.btn-lesson a .txt {
	display: block;
	padding: 20px 0 16px 40px;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.btn-lesson a .txt .tit-campaign {margin: 0 0 10px;}
.btn-lesson a .txt .tit-campaign img {
	width: 167px;
	height: 43px;
}
.btn-lesson a .txt p {
	font-size: 18px;
}
.btn-lesson a .svg {
	position: relative;
}
.btn-lesson a .svg svg {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 17px;
	height: 8px;
}
/*------------------------------------------
 *	Page - TOP
------------------------------------------*/
#page-home .sec-mv {
	position: relative;
	width: 100%;
	height: calc(100vh - 90px);
	min-height: 600px;
	overflow: hidden;
}
#page-home.is-member .sec-mv {
	height: calc(100vh - 150px);
}
#page-home .sec-mv .sec-mv-in {
	display: flex;
	justify-content: space-between;
}
#page-home .sec-mv .sec-mv-left {
	position: relative;
	width: 30%;
	height: calc(100vh - 90px);
	text-align: center;
}
#page-home.is-member .sec-mv .sec-mv-left {
	height: calc(100vh - 150px);
}
#page-home.is-member .sec-mv .sec-mv-left .logo {
	position: relative;
	top: 30px
}
#page-home .sec-mv .sec-mv-left .logo img {
	width: 180px;
	height: 156px;
}
#page-home .sec-mv .sec-mv-right {
	width: 70%;
}
#page-home .sec-mv .mv .list-mv li {
	transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: auto;
	right: auto;
	width: 70%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
#page-home .sec-mv .mv .list-mv li.current {
	transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
#page-home .sec-mv .mv .list-mv li:nth-of-type(1) {
	background: url(images/top/img_mv3.jpg) left no-repeat;
	background-size: cover;
}
#page-home .sec-mv .mv .list-mv li:nth-of-type(2) {
	background: url(images/top/img_mv4.jpg) center no-repeat;
	background-size: cover;
}
#page-home .sec-mv .mv .list-mv li:nth-of-type(3) {
	background: url(images/top/img_mv5.jpg) center no-repeat;
	background-size: cover;
}
#page-home .sec-mv .mv .list-mv li:nth-of-type(4) {
	background: url(images/top/img_mv6.jpg) center no-repeat;
	background-size: cover;
}
#page-home .sec-mv .mv .list-mv li .img {
	padding: 90px 0 0 40px;
}
#page-home .sec-mv .mv .list-mv li .img img {
	width: 390px;
	height: 220px;
}
#page-home .sec-mv .area-btn {
	position: absolute;
	left: 25%;
	bottom: 90px;
	width: 25%;
	padding: 35px 28px;
	min-width: 310px;
	z-index: 2;
	/* 	overflow: hidden; */
	/*
	transform-origin: left;
	transform: scaleX(0);
*/
}
#page-home .sec-mv .area-btn:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(255, 96, 166, 0.85);
	transform-origin: left;
	transform: scaleX(0);
}

#page-home .sec-mv .area-btn input {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    z-index: 1;
}

@keyframes header-booking {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  100% {
    transform-origin: left;
    transform: scaleX(1);
  }
}

#page-home.is-loadend .sec-mv .area-btn:after {
	animation: header-booking 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.9s forwards;
}

/*
@keyframes view-line1 {
  from {
	transform-origin: left;
	transform: scaleX(0);
  }
  to {
	transform-origin: left;
	transform: scaleX(1);
  }
}
#page-home.is-loadend .sec-mv .area-btn {
	animation: view-line1 0.6s ease 2.6s forwards;
}
*/
#page-home .sec-mv .area-btn-in {
	position: relative;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
}
#page-home.is-loadend .sec-mv .area-btn-in {
	animation: is-show .3s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards 3.3s;
}
#page-home.is-loadend .sec-mv .area-btn-in a:hover .ico-arrow {
	background: url(images/common/ico_arrow_pink.svg) center center no-repeat;
}
#page-home .sec-mv .area-btn::before {
	content: "";
	background: #ff60a6;
	width: 7px;
	height: 30px;
	transform: rotate(-150deg);
	position: absolute;
	top: -54px;
	left: -13px;
    transform-origin: left;
	opacity: 0;
	visibility: hidden;
}
@keyframes swing { 
	0% { transform: rotate(-150deg); }
	10% { transform: rotate(-100deg); }
	90% { transform: rotate(-180deg); }
	100% { transform: rotate(-150deg); }
} 
#page-home.is-loadend .sec-mv .area-btn::before {/* 	animation: swing 0.6s cubic-bezier(0.5, 1, 0.79, 1.12) alternate forwards 1.2s, is-show 0s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards 1s; */animation: is-show 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards 0s;}
#page-home .sec-mv .area-btn .tit-campaign {
	margin: 0 auto 30px;
	text-align: center;
}
#page-home .sec-mv .area-btn .tit-campaign img {
	/* max-width: 412px; */
	/* max-height: 183px; */
}
#page-home .sec-mv .area-btn .txt {
	/* width: 240px; */
	margin: 0 auto 16px;
	font-size: 17px;
	line-height: 1.33;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
#page-home .sec-mv .area-btn a {
	font-size: 13px;
	letter-spacing: 0.05em;
}
#page-home .sec-mv .btn-scroll {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	z-index: 2;
	opacity: 1;
	transition: -webkit-transform 0.3s ease,opacity 1s ease;
	transition: transform 0.3s ease,opacity 1s ease;
}
#page-home .sec-mv .btn-scroll a {
	display: block;
	width: 50px;
	height: 160px;
}
#page-home .sec-mv .btn-scroll a .ff-sans-b {
	display: block;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.2em;
}
@keyframes scrolldown{
	0% {
		transform: translateY(-126px);
	}
	50% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(126px);
	}
}
@keyframes scrolldown {
	0% {
		-webkit-transform: translate3d(0,-126px,0) scale(0);
		transform: translate3d(0,-126px,0) scale(0);
		opacity: 0;
	}
	15% {
		-webkit-transform: translate3d(0,-126px,0) scale(1);
		transform: translate3d(0,-126px,0) scale(1);
		opacity: 1;
	}
	85% {
		-webkit-transform: translate3d(0,126px,0) scale(1);
		transform: translate3d(0,126px,0) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(0,126px,0) scale(0);
		transform: translate3d(0,126px,0) scale(0);
		opacity: 0;
	}
}

#page-home .sec-mv .btn-scroll .arrow-scroll {
	position: absolute;
	bottom: 0;
	left: 50%;
	overflow: hidden;
	width: 2px;
	height: 126px;
}
#page-home .sec-mv .btn-scroll .arrow-scroll .bg-line {
	display: block;
	width: 100%;
	height: 100%;
	transform: translateY(-126px);
	animation: scrolldown 1.6s cubic-bezier(0.39, 0.58, 0.57, 1) forwards infinite;
	animation: scrolldown 2s infinite normal;
	background: #080808;
	background-size: 100% 200%;
}
/* #page-home .sec-mv .btn-scroll .arrow-scroll {
	width: 2px;
	height: 126px;
	background: #171717;
	position: absolute;
	top: 35px;
	left: 50%;
} */
/* #page-home .sec-mv .btn-scroll .arrow-scroll:after {
	content: "";
	width: 12px;
	height: 2px;
	background: #171717;
	position: absolute;
	bottom: 5px;
	right: -10px;
	transform: rotate(-45deg);
} */

#page-home .sec-mv .mv .area-number {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(238, 238, 238, 0.5);
	width: 280px;
	height: 180px;
	color: #fff;
	z-index: 3;
}
#page-home .sec-mv .mv .area-number .number {
	display: flex;
	justify-content: center;
	height: 100%;
	padding: 60px 0 0;
	font-size: 18px;
}
#page-home .sec-mv .mv .area-number .number ul li {
	transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: auto;
	left: 88px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
#page-home .sec-mv .mv .area-number .number ul li.current {
	transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
#page-home .sec-mv .mv .area-number .number .total {
	position: relative;
	padding: 38px 26px;
	box-sizing: border-box;
}
#page-home .sec-mv .mv .area-number .number .total::before {
	content: "";
	background: #fff;
	width: 2px;
	height: 56px;
	transform: rotate(-156deg);
	position: absolute;
	top: 0;
	left: 10px;
}
#page-home .sec-mv .mv .area-number .arrow {
	display: block;
	width: 33px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 36px;
	cursor: pointer;
	z-index: 3;
	padding: 20px;
	margin: -30px 0 0;
	transition: all .3s;
}
#page-home .sec-mv .mv .area-number .arrow:hover {
	right: 26px;
}
#page-home .sec-mv .mv .area-number .ico-arrow {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	background: none;
	margin-top: -6px;
}

/* TOP共通 */
#page-home .sec .tit-sec {
	display: flex;
	align-items: baseline;
	margin: 0 auto 90px;
}
#page-home .sec .tit-sec h2 {
	margin: 0 20px 0 0;
	font-size: 36px;
	letter-spacing: 0.18em;
}
#page-home .sec .tit-sec p {
	font-weight: bold;
}

#page- .sec-news {
	padding: 90px 0 150px;
}
.sec-news a:hover {
	opacity: 1;
}
.sec-news .list-news {
	padding: 0 0 25px;
}
.sec-news .list-news li {
	display: table;
	padding: 0 0 20px;
}
.sec-news .category {
	display: inline-block;
	min-width: 130px;
	text-align: center;
	padding: 4px 0;
	border: 2px solid #080808;
	box-sizing: border-box;
	background: #080808;
	color: #fff;
	letter-spacing: 0.2em;
}
.sec-news .category.ff-sans-b {
	font-size: 13px;
}
.sec-news .category.member {
	border-color: #503122;
	background: #fff url(images/common/ico_member.svg) center left 10px no-repeat;
	background-size: 15px 14px;
	color: #080808;
	padding: 4px 0 4px 15%;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
.sec-news .list-news .date {
	display: table-cell;
	padding: 0 32px;
	width: 90px;
}
.sec-news .list-news .title {
	display: table-cell;
	width: 900px;
}
.sec-news .list-news .title a {
	/* text-decoration: underline; */
}
.sec-news .list-news .title a:hover {
	text-decoration: none;
}
.sec-news .list-pickup,
.sec-news .list-pickup a {
	display: flex;
	/* justify-content: space-between; */
}
#page-home .sec-news .sec-child {
}
#page-home .sec-news .list-pickup {
	padding: 0 0 15px;
}
.sec-news .list-pickup {
	flex-flow: row wrap;
	justify-content: space-between;
}
.sec-news .list-pickup li {
	width: 48.5%;
	padding: 0 0 60px 30px;
	box-sizing: border-box;
	position: relative;
	display: flex;
}
.sec-news .list-pickup li .img {
	position: relative;
	width: 26%;
	/* max-width: 105px; */
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}
/* .sec-news .list-pickup li .img p::after {
	content: "";
	background: url(images/top/bg_thumb.png) center center repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
} */
.sec-news .list-pickup li .content {
	width: 72%;
}
.sec-news .list-pickup li .wm-vr {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	letter-spacing: 0.2em;
}
.sec-news .list-pickup li a:hover .wm-vr {
	opacity: 1;
}
.sec-news .list-pickup li .wm-vr::before {
	content: "";
	background: #000;
	width: 4px;
	height: 15px;
	transform: rotate(-150deg);
	position: absolute;
	top: -16px;
	left: -8px;
}
.sec-news .list-pickup .title {
	margin: 0 0 12px;
	/* text-decoration: underline; */
	font-weight: bold;
	line-height: 1.5;
}
.sec-news .list-pickup .content-in {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 70px;
	line-height: 1.71;
}
.sec-news .list-pickup .content-in a {
	display: none;
}
.sec-news .list-pickup a:hover .title {
	text-decoration: none;
}
.sec-news .list-pickup p {
	line-height: 1.71;
}
.list-pickup .content img {
	display: none;
}
.sec-news .list-pickup .img p {
	position: relative;
	display: block;
	/* width: 105px; */
	left: -20px;
}
.sec-news .list-pickup p img {
	/* width: 135px!important; */
	/* height: 190px!important; */
}
.sec-news .list-pickup span.bg-slant {
	content: "";
	background: url(images/top/bg_thumb.png) center center no-repeat;
	width: 100%;
	max-width: 135px;
	height: 100%;
	max-height: 191px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
}
.sec-news .list-pickup a:hover span.bg-slant {
	opacity: 0;
	visibility: hidden;
}
.sec-news a:hover span::before {
	content: none;

}
.sec-news .area-btn {
	margin: 45px auto 0;
}

#page-home .sec-lesson {
	margin: -90px auto 225px;
}
#page-home .sec-lesson-in {
	position: relative;
	margin: 0 auto 135px;
}
#page-home .sec-lesson-second {
	margin: 0 auto 235px;
}
#page-home .sec-lesson-in .tit-bg {
	position: absolute;
	right: -24px;
	left: auto;
	bottom: -430px;
	font-size: 220px;
	letter-spacing: 0.075em;
	color: #efefef;
	z-index: 0;
	white-space: nowrap;
}
#page-home .sec-lesson-first .tit-bg {
	right: auto;
	left: -14px;
	bottom: -325px;
}
#page-home .sec-lesson-third .tit-bg {
	bottom: -530px;
	right: -14px;
}
#page-home .sec-lesson-in .sec-child {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 45px 70px;
}
#page-home .sec-lesson-in .sec-child .border {
	content: "";
	display: block;
	width: 8px;
	height: 720px;
	position: absolute;
	top: -48px;
	left: 0;
	background: #ff60a6;
	z-index: 2;
}
#page-home .sec-lesson-second .sec-child .border {
	height: 540px;
	top: -70px;
	right: 115px;
	left: auto;
	background: #a527b2;
}
#page-home .sec-lesson-third .sec-child .border {
	height: 405px;
	position: absolute;
	top: -285px;
	left: 110px;
	background: #f4eee2;
}
#page-home .sec-lesson-in .sec-child .img {
	width: 45.5%;
	margin: 65px 0 0;
	position: relative;
	z-index: 1;
}
#page-home .sec-lesson-second .sec-child .img {
	width: 60.7%;
	order: 2;
}
#page-home .sec-lesson-third .sec-child .img {
	/* margin: 65px 0 0; */
}
#page-home .sec-lesson-in .sec-child .content {
	width: 54.5%;
}
#page-home .sec-lesson-second .sec-child .content {
	width: 39.3%;
}
#page-home .sec-lesson-third .sec-child .content {margin: -70px 0 0;}
#page-home .sec-lesson-in .sec-child .content h3 {
	position: relative;
	left: -144px;
	margin: 90px 0 0;
	font-size: 72px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
#page-home .sec-lesson-in .sec-child .content h3 span {
	position: relative;
	z-index: 2;
}
#page-home .sec-lesson-in .sec-child .content h3::before {
	content: "";
	background: #ff60a6;
	width: 7px;
	height: 30px;
	transform: rotate(-150deg);
	position: absolute;
	top: -16px;
	left: -40px;
	z-index: 1;
}
#page-home .sec-lesson-second .sec-child .content h3 {
	margin: 54% 0 0;
	left: -18px;
}
#page-home .sec-lesson-third .sec-child .content h3 {
	margin: 35px 0 0;
	left: 90px;
}
#page-home .sec-lesson-second .sec-child .content h3::before {
	background: #a527b2;
}
#page-home .sec-lesson-third .sec-child .content h3::before {
	background: #f4eee2;
}
#page-home .sec-lesson-in .sec-child .content h3:after {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	bottom: -23px;
	right: -200%;
	width: 300%;
	z-index: 0;
}
#page-home .sec-lesson-second .sec-child .content h3:after {
	right: auto;
	left: -180%;
}
#page-home .sec-lesson-third .sec-child .content h3:after {
	right: -150%;
}
#page-home .sec-lesson-in .sec-child .content-in {
	margin: 165px 0 45px 165px;
	position: relative;
	z-index: 1;
}
#page-home .sec-lesson-second .sec-child .content-in {
	margin: 155px 0 45px 0;
	position: relative;
	z-index: 1;
}
#page-home .sec-lesson-third .sec-child .content-in {
	margin: 110px 0 45px 165px;
	position: relative;
	z-index: 1;
}
#page-home .sec-lesson-in .sec-child .content-in h4 {
	margin: 0 0 40px;
	font-size: 30px;
	font-weight: bold;
}
#page-home .sec-lesson-in .sec-child .content-in p {
	font-size: 16px;
	line-height: 1.87;
}

#page-home .sec-about {
	margin: -90px auto 225px;
	padding: 180px 0 0;
	background: #080808;
	color: #fff;
}
#page-home .sec-about .sec-in {
	display: flex;
	max-width: 100%;
	padding: 0;
}
#page-home .sec-about .content {
	width: 44%;
	padding: 0 0 0 165px;
	order: 2;
}
#page-home .sec-about .content .content-in {
	max-width: 500px;
}
#page-home .sec-about .tit-sec {
	margin: 0 0 70px;
}
#page-home .sec-about .content p {
	/* margin: 0 0 40px; */
	font-size: 16px;
	line-height: 1.87;
}
#page-home .sec-about .img {
	height: 100%;
	position: relative;
	top: 250px;
	left: -30%;
	z-index: 1;
}
#page-home .sec-about .img img {
	position: absolute;
	top: auto;
	left: auto;
}
/*
#page-home .sec-about .sec-in::before {
	content: '';
	width: 50%;
	height: 712px;
	background: url(images/top/bg_about.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	top: 62px;
}
*/
#page-home .sec-about .bg {
	content: '';
	width: 50%;
	height: 712px;
	background: url(images/top/bg_about.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	top: -125px;
}
#page-home .sec-about .area-btn {
	position: relative;
	margin: 40px 0 0;
}


#page-home .sec-studio {
	margin: -90px auto 0;
}
#page-home .sec-studio .sec-studio-in {
	display: flex;
	/* align-items: flex-end; */
	justify-content: space-between;
	box-sizing: border-box;
}
#page-home .sec-studio .sec-studio-in .img {
	width: 58.4%;
	/* margin: 0 0 -90px; */
	margin: -170px 0 0;
}
#page-home .sec-studio .sec-studio-in .content {
	width: 41.5%;
	padding: 290px 0 0;
}
#page-home .sec-studio .sec-studio-in .content {
	padding: 360px 0 0;
}
#page-home .sec-studio .sec-studio-in .content-in {
	max-width: 87.2%;
}
#page-home .sec-studio .sec-studio-in .content h3 {
	margin: 0 auto 90px;
	text-align: center;
}
#page-home .sec-studio .sec-studio-in .content p {
	font-size: 16px;
	line-height: 1.87;
}
#page-home .sec-studio .sec-studio-in {
	margin: 0 auto 135px;
	border-right: 2px solid #080808;
}
#page-home .sec-studio .sec-studio-in .img-top {
	width: 79.4%;
	height: 100%;
	position: relative;
}
#page-home .sec-studio .sec-studio-asakusa .img-top {
	top: 0;
}
#page-home .sec-studio .sec-studio-in .img-bottom {
	position: relative;
	top: 0;
	right: -32.5%;
	width: 61.9%;
	margin-top: -220px;
}
#page-home .sec-studio .sec-studio-in h3 img {
	width: 279px;
	height: 84px;
}
#page-home .sec-studio .sec-studio-asakusa {
	border-left: 2px solid #080808;
	border-right: none;
}
#page-home .sec-studio .sec-studio-asakusa .img {
	order: 2;
	margin: -180px 0 0;
}
#page-home .sec-studio .sec-studio-asakusa .content-in,
#page-home .sec-studio .sec-studio-asakusa .img-top,
#page-home .sec-studio .sec-studio-asakusa .img-bottom {
	margin: 0 0 0 auto;
}
#page-home .sec-studio .sec-studio-asakusa .img-bottom {
	position: relative;
	top: 0;
	left: 5%;
	width: 62%;
	height: 100%;
	margin: -240px 0 0;
}
#page-home .sec-studio .sec-studio-asakusa h3 img {
	width: 279px;
	height: 183px;
}
#page-home .sec-studio .sec-studio-in .area-btn {
	margin: 40px 0 0;
}


/*------------------------------------------
 *	Page - BEGINNER
------------------------------------------*/

/* 下層ページCOMMON */
#main .sec-head {
	position: relative;
	width: 100%;
	height: 540px;
	overflow: hidden;
	margin: -90px auto 180px;
}
#main .sec-head .sec-head-in {
	display: flex;
	justify-content: space-between;
}
#main .sec-head .sec-head-txt {
	display: flex;
	flex-flow: row wrap;
	/* justify-content: center; */
	width: 30%;
	height: 540px;
	/* 	padding: 180px 0 0; */
	padding: 180px 30px 0 90px;
	box-sizing: border-box;
	/* 	text-align: center; */
}
#main .sec-head .sec-head-txt .tit-head {
	width: 100%;
	margin: 0 auto 40px;
	font-size: 32px;
	letter-spacing: 0.18em;
	text-align: left;
}
#page-admission .sec-head .sec-head-txt .tit-head,
#page-privacy .sec-head .sec-head-txt .tit-head,
#page-sitemap .sec-head .sec-head-txt .tit-head {
	letter-spacing: 0.15em;
}
#main .sec-head .sec-head-txt .tit-head .small {
	display: inline-block;
	font-size: 24px;
	margin: 0 5px;
}
#main .sec-head .sec-head-txt .txt-head {
	display: flex;
	position: relative;
	font-size: 16px;
	text-align: left;
	line-height: 1.6;
}
#main .sec-head .sec-head-txt .txt-head span {
	margin: 0 0 0 45px;
}
#main .sec-head .sec-head-txt .txt-head:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 2px;
	margin: -1px 0 0;
	background-color: #080808;
	right: auto;
}
#main .sec-head .sec-head-txt .txt-head + ul {
	margin: 60px 0 0;
}
#main .sec-head .sec-head-txt .txt-head + ul li:first-child {
	margin: 0 0 30px;
}
#main .sec-head .sec-head-img {
	width: 70%;
	height: 540px;
	order: 2;
}
#page-beginner .sec-head .sec-head-img,
#page-asakusa .sec-head .sec-head-img {
	background: url(images/beginner/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-experienced .sec-head .sec-head-img {
	background: url(images/experienced/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-instructor .sec-head .sec-head-img {
	background: url(images/instructor/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-schedule .sec-head .sec-head-img {
	background: url(images/schedule/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-studio .sec-head .sec-head-img {
	background: url(images/studio/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-about .sec-head .sec-head-img {
	background: url(images/about/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-admission .sec-head .sec-head-img {
	background: url(images/admission/bg_head.jpg) center no-repeat;
	background-size: cover;
}
body[id^="page-contact"] .sec-head .sec-head-img {
	background: url(images/contact/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-privacy .sec-head .sec-head-img {
	background: url(images/privacy/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-sitemap .sec-head .sec-head-img {
	background: url(images/sitemap/bg_head.jpg) center no-repeat;
	background-size: cover;
}
body[id^="page-trial"] .sec-head .sec-head-img {
	background: url(images/trial/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-news .sec-head .sec-head-img,
body[id^="page-workshop"] .sec-head .sec-head-img,
#page- .sec-head .sec-head-img {
	background: url(images/news/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-error .sec-head .sec-head-img {
	background: url(images/common/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#page-access .sec-head .sec-head-img {
	background: url(images/access/bg_head.jpg) center no-repeat;
	background-size: cover;
}
#main .tit-sec-in {
	position: relative;
	padding: 0 0 36px;
	margin: 0 auto 90px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.1em;
}
#main .tit-sec-in:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 90px;
	height: 2px;
	margin-left: -45px;
	background: #080808;
}
#main .tit-sec-in span {
	display: block;
	font-size: 30px;
}

#main .sec-bottom {
	margin: 225px auto 0;
	padding: 90px 0;
	background: url(images/common/bg_repeat.jpg) center repeat;
}
#main .sec-lesson-nav + .sec-bottom {
	margin: 90px auto 0;
}
#page-about .sec-bottom,
#page-studio .sec-bottom {
	margin: 0 auto;
}
/* 下層ページCOMMON END */

#page-beginner .sec-lesson {padding: 120px 0 0;}
#page-beginner .sec-lesson-in {
	position: relative;
	margin: 0 auto 135px;
}
#page-beginner .sec-lesson-in .tit-bg {
	position: absolute;
	left: -14px;
	bottom: -325px;
	font-size: 220px;
	letter-spacing: 0.075em;
	color: #efefef;
	z-index: 0;
	white-space: nowrap;
}
#page-beginner .sec-lesson-in .sec-child {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 0 70px;
	z-index: 1;
}
#page-beginner .sec-lesson-in .sec-child .border {
	content: "";
	display: block;
	width: 8px;
	height: 540px;
	position: absolute;
	top: 0;
	right: 190px;
	background: #ff60a6;
	z-index: 2;
}
#page-beginner .sec-lesson-in .sec-child .img {
	width: 54.3%;
	position: absolute;
	top: -30px;
	right: 120px;
	z-index: 1;
	order: 2;
}
#page-beginner .sec-lesson-in .sec-child .content {
	width: 100%;
	position: relative;
	/* z-index: 1; */
}
#page-beginner .sec-lesson-in .sec-child .content:before {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	top: 160px;
	left: -225%;
	width: 300%;
	z-index: 0;
}
#page-beginner .sec-lesson-in .sec-child .content h3 {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 72px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
#page-beginner .sec-lesson-in .sec-child .content h3 span {
	position: relative;
	z-index: 1;
}
#page-beginner .sec-lesson-in .sec-child .content h3::before {
	content: "";
	background: #ff60a6;
	width: 7px;
	height: 30px;
	transform: rotate(-60deg);
	position: absolute;
	top: -50px;
	left: 74px;
	z-index: 1;
}
#page-beginner .sec-lesson-in .sec-child .content-in {
	margin: 220px 0 0;
}
#page-beginner .sec-lesson-in .sec-child .content-in h4 {
	margin: 0 0 115px;
	font-size: 36px;
	font-weight: bold;
}
#page-beginner .sec-lesson-in .sec-child .content-in h5 {
	margin: 0 0 72px;
	font-size: 36px;
	line-height: 1.71;
}
#page-beginner .sec-lesson-in .sec-child .content-in p {
	font-size: 16px;
	line-height: 1.87;
}


#page-beginner .sec-lesson-detail .sec-child {
	margin: 0 auto 135px;
	padding: 0 70px;
	box-sizing: border-box;
}
#page-beginner .sec-lesson-detail .list-feature {
	display: flex;
	justify-content: space-between;
	padding: 45px 0 0;
}
#page-beginner .sec-lesson-detail .list-feature li {
	width: 28.7%;
	max-width: 340px;
	background: #f4eee2;
}
#page-beginner .sec-lesson-detail .list-feature li .img {
	position: relative;
}
#page-beginner .sec-lesson-detail .list-feature li .img .serif {
	position: absolute;
	top: -30px;
	right: 38px;
	font-size: 36px;
	letter-spacing: 0.05em;
	color: #ff61a7;
	transform: rotate(16deg);
}
#page-beginner .sec-lesson-detail .list-feature li .img .serif span {
	position: relative;
}
#page-beginner .sec-lesson-detail .list-feature li .img .serif span:before,
#page-beginner .sec-lesson-detail .list-feature li .img .serif span:after {
	content: '';
	position: absolute;
	top: 30px;
	left: auto;
	display: inline-block;
	width: 29px;
	height: 2px;
	background-color: #ff61a7;
}
#page-beginner .sec-lesson-detail .list-feature li .img .serif span:before {
	left: -25px;
	transform: rotate(-128deg);
}
#page-beginner .sec-lesson-detail .list-feature li .img .serif span:after {
	transform: rotate(-38deg);
}
#page-beginner .sec-lesson-detail .list-feature li .content {
	padding: 0 14px 30px;
	box-sizing: border-box;
}
#page-beginner .sec-lesson-detail .list-feature li .content .point {
	display: block;
	position: relative;
	top: -45px;
	background: #f4eee2;
	border-radius: 90px;
	width: 90px;
	height: 90px;
	margin: 0 auto -20px;
	color: #ff60a6;
	text-align: center;
}
#page-beginner .sec-lesson-detail .list-feature li .content .point p {
	margin: 15px 0 0;
	font-size: 18px;
	line-height: 1;
}
#page-beginner .sec-lesson-detail .list-feature li .content h4 {
	margin: 0 auto 34px;
	font-size: 24px;
	text-align: center;
	line-height: 1.7;
}
#page-beginner .sec-lesson-detail .list-feature li .content h4 span {
	position: relative;
}
#page-beginner .sec-lesson-detail .list-feature li .content h4 span::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 7px;
	background: url(images/beginner/bg_brush.png) center no-repeat;
}
#page-beginner .sec-lesson-detail .list-feature li .content p {
	font-size: 16px;
	line-height: 1.71;
}
#page-beginner .sec-lesson-detail .list-class {
	margin: 0 0 90px;
	border-bottom: 2px solid #f4eee2;
}
#page-beginner .sec-lesson-detail .list-class li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 2px solid #f4eee2;
}
#page-beginner .sec-lesson-detail .list-class li .title {
	position: relative;
	width: 7.4%;
	height: auto;
	padding: 45px 0;
	background: #f4eee2;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
#page-beginner .sec-lesson-detail .list-class li .title .ico-wrap {
	font-size: 12px;
	color: #ff60a6;
}
#page-beginner .sec-lesson-detail .list-class .etc .title {
	min-height: 250px;
}
#page-beginner .sec-lesson-detail .list-class li .title:before {
	content: '';
	position: absolute;
	display: block;
	top: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
}
#page-beginner .sec-lesson-detail .list-class li:first-child .title:before {
	content: none;
}
#page-beginner .sec-lesson-detail .list-class li .title	.ico-wrap p {
	margin: 10px 0 0;
}
#page-beginner .sec-lesson-detail .list-class li .content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 92.6%;
	height: 100%;
}
#page-beginner .sec-lesson-detail .list-class .etc .content {
	align-items: flex-start;
}
#page-beginner .sec-lesson-detail .list-class li .content h4 {
	width: 28%;
	padding: 0 0 0 60px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.87;
}
#page-beginner .sec-lesson-detail .list-class li .content p {
	width: 72%;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.87;
}
#page-beginner .sec-lesson-detail .list-class li .content p .btn {
	height: 85px;
	margin: 16px 0 0;
	font-size: 15px;
}
#page-beginner .sec-lesson-detail .list-class li .content p .btn .fw-b {
	display: block;
	font-size: 20px;
	letter-spacing: 0.1em;
}
#page-beginner .sec-lesson-detail .area-recital .content {
	padding: 0 14px 30px;
	box-sizing: border-box;
	background: #f4eee2;
}
#page-beginner .sec-lesson-detail .area-recital .content .point {
	display: block;
	position: relative;
	top: -45px;
	background: #f4eee2;
	border-radius: 90px;
	width: 90px;
	height: 90px;
	margin: 0 auto -65px;
	color: #ff60a6;
	text-align: center;
}
#page-beginner .sec-lesson-detail .area-recital .content .point .ico-point {
	top: 50%;
	margin-top: -22px;
}
#page-beginner .sec-lesson-detail .area-recital .content .point p {
	margin: 15px 0 0;
	font-size: 18px;
	line-height: 1;
}
#page-beginner .sec-lesson-detail .area-recital .content h4 {
	margin: 0 auto 16px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
#page-beginner .sec-lesson-detail .area-recital .content h4 span {
	position: relative;
}
#page-beginner .sec-lesson-detail .area-recital .content h4 span::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 7px;
	background: url(images/beginner/bg_brush.png) center no-repeat;
}
#page-beginner .sec-lesson-detail .area-recital .content p {
	font-size: 16px;
	line-height: 1.71;
	text-align: center;
}


#page-beginner .tit-sec-faq {
	padding: 0 0 24px;
	margin: 0 auto 68px;
}
#page-beginner .sec-lesson-detail .list-faq {

}
#page-beginner .sec-lesson-detail .list-faq li {
	padding: 8px 30px 0;
	box-sizing: border-box;
	/* border-top: 2px dotted #080808; */
	background: linear-gradient(to left, #080808 0%, #080808 20%, transparent 20%, transparent 100%);
	background-repeat: repeat-x;
	background-size: 8px 2px;
}
#page-beginner .sec-lesson-detail .list-faq li:first-child {
	background: none;
}
#page-beginner .sec-lesson-detail .list-faq .list-faq-in {
	padding: 0 0 16px;
	display: flex;
	align-items: baseline;
	font-size: 16px;
	line-height: 1.87;
}
#page-beginner .sec-lesson-detail .list-faq .list-faq-q {
}
#page-beginner .sec-lesson-detail .list-faq .list-faq-a {
	padding: 0 0 20px;
	font-weight: bold;
}
#page-beginner .sec-lesson-detail .list-faq .list-faq-in .ff-sans-b {
	padding: 0 16px 0 0;
	font-size: 30px;
}
#page-beginner .sec-lesson-detail .list-faq .list-faq-a .ff-sans-b {
	color: #ff60a6;
}

/*------------------------------------------
 *	Page - experienced
------------------------------------------*/
#page-experienced .sec-lesson {padding: 120px 0 0;}
#page-experienced .sec-lesson-in {
	position: relative;
	margin: 0 auto 135px;
}
#page-experienced .sec-lesson-in .tit-bg {
	position: absolute;
	left: -14px;
	bottom: -325px;
	font-size: 220px;
	letter-spacing: 0.075em;
	color: #efefef;
	z-index: 0;
	white-space: nowrap;
}
#page-experienced .sec-lesson-in .sec-child {
	display: flex;
	justify-content: space-between;
	position: relative;
	/* padding: 0; */
	z-index: 1;
}
#page-experienced .sec-lesson-in .sec-child .border {
	content: "";
	display: block;
	width: 8px;
	height: 720px;
	position: absolute;
	top: 0;
	left: 170px;
	background: #a527b2;
	z-index: 2;
}
#page-experienced .sec-lesson-in .sec-child .img {
	width: 48%;
	position: relative;
	top: -30px;
	left: 64px;
	z-index: 1;
	/* order: 2; */
}
#page-experienced .sec-lesson-in .sec-child .content {
	width: 46.6%;
	margin: 135px auto 0 105px;
	/* position: relative; */
	/* z-index: 1; */
}
#page-experienced .sec-lesson-in .sec-child .content:before {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	top: 175px;
	right: -225%;
	width: 300%;
	z-index: 0;
}
#page-experienced .sec-lesson-in .sec-child .content h3 {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 72px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
#page-experienced .sec-lesson-in .sec-child .content h3 span {
	position: relative;
	z-index: 1;
}
#page-experienced .sec-lesson-in .sec-child .content h3::before {
	content: "";
	background: #a527b2;
	width: 7px;
	height: 30px;
	transform: rotate(-60deg);
	position: absolute;
	top: -50px;
	left: 74px;
	z-index: 1;
}
#page-experienced .sec-lesson-in .sec-child .content-in {
	margin: 90px 0 0 0;
	position: relative;
}
#page-experienced .sec-lesson-in .sec-child .content-in h4 {
	margin: 0 0 115px;
	font-size: 36px;
	font-weight: bold;
}
#page-experienced .sec-lesson-in .sec-child .content-in h5 {
	margin: 0 0 72px;
	font-size: 36px;
	line-height: 1.71;
}
#page-experienced .sec-lesson-in .sec-child .content-in p {
	font-size: 16px;
	line-height: 1.87;
}

#page-experienced .list-experienced h4,
#page-experienced .list-experienced h5 {
	font-size: 30px;
	text-align: center;
}
#page-experienced .list-experienced h4 {
	width: 100%;
	margin: 80px 0 24px;
	font-weight: bold;
	color: #fff;
}
#page-experienced .list-experienced h5 {
	margin: 0 0 64px;
	color: #a527b2;
	letter-spacing: 0.1em;
}
#page-experienced .list-experienced p {
	padding: 0 30px 45px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6;
}
#page-experienced .list-experienced li:nth-of-type(4n-3) {
	background: #000;
}
#page-experienced .list-experienced li:nth-of-type(4n-2),
#page-experienced .list-experienced li:nth-of-type(7) {
	background: #180b19;
}

#page-experienced .list-experienced {
	display: grid;
	height: 100%;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-gap: 0px 0px;
	grid-template-areas: "txt1 txt2 img1" "img2 txt3 txt4" "img2 txt5 img3";
}
#page-experienced .list-experienced .list-txt1 { grid-area: txt1; }
#page-experienced .list-experienced .list-txt2 { grid-area: txt2; }
#page-experienced .list-experienced .list-txt3 { grid-area: txt3; }
#page-experienced .list-experienced .list-txt4 { grid-area: txt4; }
#page-experienced .list-experienced .list-txt5 { grid-area: txt5; }

#page-experienced .list-experienced .list-img1 { 
	grid-area: img1;
	background: url(images/experienced/img_experienced1.jpg) center no-repeat;
	background-size: cover;
}
#page-experienced .list-experienced .list-img2 {
	grid-area: img2;
	background: url(images/experienced/img_experienced2.jpg) center no-repeat;
	background-size: cover;
}
#page-experienced .list-experienced .list-img3 {
	grid-area: img3;
	background: url(images/experienced/img_experienced3.jpg) center no-repeat;
	background-size: cover;
}


/*------------------------------------------
 *	Page - instructor
------------------------------------------*/
#page-instructor .sec-lesson-in {
	position: relative;
	margin: 0 auto;
}
#page-instructor .sec-lesson-in .sec-child {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
#page-instructor .sec-lesson-in .sec-child .content {
	width: 100%;
	margin: 0 auto;
}
#page-instructor .sec-lesson-in:after {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	top: 60px;
	right: 0%;
	width: 50%;
	z-index: 0;
}
#page-instructor .sec-lesson-in .sec-child .content h3 {
	position: absolute;
	top: 0;
	left: -80px;
	font-size: 72px;
	letter-spacing: 0.1em;
	white-space: nowrap;
	background: #fff;
}
#page-instructor .sec-lesson-in .sec-child .content h3 span {
	position: relative;
	z-index: 1;
}
#page-instructor .sec-lesson-in .sec-child .content h3::before {
	content: "";
	background: #f4eee2;
	width: 7px;
	height: 30px;
	transform: rotate(-60deg);
	position: absolute;
	top: -50px;
	left: 74px;
	z-index: 1;
}
#page-instructor .sec-lesson-in .sec-child .content-in {
}
#page-instructor .sec-lesson-in .sec-child .content-in h4 {
	padding: 0 0 24px;
	margin: 0 0 45px;
	font-size: 36px;
	font-weight: bold;
	border-bottom: 2px solid #222;
}
#page-instructor .sec-lesson-in .sec-child .content-in p {
	margin: 0 0 90px;
	font-size: 16px;
	line-height: 1.87;
}
#page-instructor .sec-lesson-detail .sec-in {
	display: none;
}
#page-instructor .sec-lesson-detail .sec-in.current {
	display: block;
}
#page-instructor .sec-lesson-detail .sec-lesson-thumb {
	margin: 0 auto 135px;
	padding: 0 70px;
	box-sizing: border-box;
}

#page-instructor .sec-lesson-detail .list-instructor-thumb {
	display: flex;
	/* justify-content: space-between; */
	flex-flow: row wrap;
}
#page-instructor .sec-lesson-detail .list-instructor-thumb li {
	width: 11.4%;
	margin-left: 3.3%;
	margin-bottom: 20px;
}
#page-instructor .sec-lesson-detail .list-instructor-thumb li:first-of-type,
#page-instructor .sec-lesson-detail .list-instructor-thumb li:nth-of-type(8) {
	margin-left: 0;
}
#page-instructor .sec-lesson-detail .list-instructor-thumb li a {
	display: block;
}
#page-instructor .sec-lesson-detail .list-instructor-thumb .txt {
	margin: 8px 0 0;
	text-align: center;
}

#page-instructor .sec-lesson-detail .list-lesson-thumb {
	display: flex;
	justify-content: center;
}
#page-instructor .sec-lesson-detail .list-lesson-thumb li {margin: 0 0 0 90px;}
#page-instructor .sec-lesson-detail .list-lesson-thumb li:first-child {
	margin: 0;
}
#page-instructor .sec-lesson-detail .sec-child {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: -90px 0 135px;
	padding: 90px 70px 0;
}

#page-instructor .sec-lesson-detail .sec-child .img {
	position: relative;
	width: 30.4%;
	margin: 0 0 135px;
}
#page-instructor .sec-lesson-detail .sec-child .img img {
	position: relative;
	
}
#page-instructor .sec-lesson-detail .sec-child .img::before {
	content: "";
	background: #f4eee2;
	width: 100%;
	height: 100%;
	position: absolute;
	right: -45px;
	bottom: -94px;
	z-index: 0;
}
#page-instructor .sec-lesson-detail .sec-child .content {
	width: 69.6%;
	/* padding: 0 0 0 90px; */
	box-sizing: border-box;
}
#page-instructor .sec-lesson-detail .sec-child .content-in {padding: 0 0 0 90px;}

#page-instructor .sec-lesson-detail .sec-lesson-txt {
	margin: 60px auto 48px;
	text-align: center;
}
#page-instructor .sec-lesson-detail .sec-lesson-txt h4 {
	margin: 0 auto 30px;
	font-size: 24px;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .sec-lesson-asakusa-in {
	margin: 0 auto 120px;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .title {
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin: -90px 70px 40px;
	padding: 90px 0 16px;
	border-bottom: 2px solid #080808;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .title .ff-mincho {
	padding: 0 32px 0 16px;
	font-size: 18px;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .title h3 {
	padding: 0;
	margin: 0;
	border: none;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .body {
	margin: 0 auto;
	padding: 0 90px;
	justify-content: flex-start;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .img {
	width: 88px;
	margin: 0;
	min-width: 88px;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .img::before {
	display: none;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .img-in {
	position: relative;
	margin: 0 0 32px;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .img-in::before {
    content: "";
    background: #f4eee2;
    width: 100%;
    height: 100%;
    position: absolute;
	right: -16px;
	bottom: -16px;
	z-index: 0;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .content {
	width: auto;
	padding: 0 0 0 56px;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .list-lesson-asakusa {
	display: flex;
	flex-flow: row wrap;
	margin: -8px 0 0;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .list-lesson-asakusa dt {
	width: 13%;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .list-lesson-asakusa dd {
	width: 87%;
}
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .list-lesson-asakusa dt,
#page-instructor .sec-lesson-detail .sec-lesson-asakusa .list-lesson-asakusa dd {
	margin: 0 0 10px;
	line-height: 2;
}

#page-instructor .sec-lesson-detail .ff-cormorant {
	margin: 0 0 12px;
	font-size: 24px;
	padding: 0 0 0 90px;
	letter-spacing: 0.07em;
}
#page-instructor .sec-lesson-detail h3 {
	font-size: 36px;
	font-weight: bold;
	border-bottom: 2px solid #080808;
	padding: 0 0 20px 90px;
	margin: 0 0 85px;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
#page-instructor .sec-lesson-detail .content-in p {
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 1.71;
	letter-spacing: 0.05em;
}


/*------------------------------------------
 *	Page - schedule
------------------------------------------*/
#page-schedule .sec-lesson-in {
	position: relative;
	margin: 0 auto 135px;
}
#page-schedule .sec-lesson-in .sec-child {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
#page-schedule .sec-lesson-in .sec-child .content {
	width: 100%;
	margin: 0 auto;
}
#page-schedule .sec-lesson-in:after {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	top: 60px;
	right: 0%;
	width: 50%;
	z-index: 0;
}
#page-schedule .sec-lesson-in .sec-child .content h3 {
	position: absolute;
	top: 0;
	left: -80px;
	font-size: 72px;
	letter-spacing: 0.1em;
	white-space: nowrap;
	background: #fff;
}
#page-schedule .sec-lesson-in .sec-child .content h3 span {
	position: relative;
	z-index: 1;
}
#page-schedule .sec-lesson-in .sec-child .content h3::before {
	content: "";
	background: #f4eee2;
	width: 7px;
	height: 30px;
	transform: rotate(-60deg);
	position: absolute;
	top: -50px;
	left: 74px;
	z-index: 1;
}
#page-schedule .sec-lesson-in .sec-child .content-in {
}
#page-schedule .sec-lesson-in .sec-child .content-in h4 {
	padding: 0 0 24px;
	margin: 0 0 45px;
	font-size: 36px;
	font-weight: bold;
	border-bottom: 2px solid #222;
}
#page-schedule .sec-lesson-in .sec-child .content-in p {
	margin: 0 0 90px;
	font-size: 16px;
	line-height: 1.87;
}
#page-schedule .sec-lesson-in .sec-child .content-in .txt-sp {
	display: none;
}

#main .area-studio {
	margin: 0 auto 30px;
}
#page-schedule #main .area-studio {
	margin: 0 auto 70px;
}
#main .area-studio .list-studio {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 70px;
}
#main .area-studio .list-studio li {
	width: 33.13659359%;
}
#main .area-studio .list-studio li .is-block-sp {
	display:none;
}
#main .area-studio .list-studio li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	background: #eaeaea;
	font-size: 16px;
	color: #999;
	letter-spacing: 0.5em;
	text-align: center;
	font-weight: bold;
	text-indent: 0.5em;
}
#main .area-studio .list-studio li a:hover {
	opacity: 1;
}
#main .area-studio .list-studio .current a {
	height: 70px;
	background: #080808;
	color: #fff;
}
#main .area-studio .list-studio .asakusa a {
	letter-spacing: 0.25em;
	text-indent: 0.25em;
}
#page-schedule .area-lesson .nav {
	position: relative;
	margin: 0 0 40px 0;
	height: 40px;
	text-align: center;
}
#page-schedule .area-lesson .nav span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: bold;
}
#page-schedule .area-lesson .nav a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: none;
}
#page-schedule .area-lesson .nav a.btn-prev {
	margin: 0 0 0 -160px;
}
#page-schedule .area-lesson .nav a.btn-next {
	margin: 0 0 0 160px;
}

#page-schedule .category {
	overflow: hidden;
	margin: 0 auto 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
}
#page-schedule .category .select-wrap {
	margin: 0 0 0 20px;
}
#page-schedule .category li {
	float: left;
	margin: 16px 0 0 2%;
	width: 23%;
}
#page-schedule .category li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	border: 1px solid #e0e0e0;
	text-decoration: none;
}
#page-schedule .category li a:hover,
#page-schedule .category li .current {
	opacity: 1;
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

.sort-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	margin: 0;
	height: 30px;
	background: transparent;
	position: relative;
	z-index: 1;
	padding: 0 25px 0 15px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #aaa;
	border-radius: 3px;
}
.select-wrap select::-ms-expand {
	display: none;
}
.sort-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #0a0a0a;
}
.select-wrap {
	position: relative;
	display: inline-block;
	width: auto;
	background: #fff;
}

.select-wrap:before {
	content: "";
	border-right: 1px solid #080808;
	border-top: 1px solid #080808;
	content: "";
	width: 5px;
	height: 5px;
	top: auto;
	right: 10px;
	margin: -6px 0 0 0;
	position: absolute;
	top: 50%;
	transform: rotate(-45deg);
	z-index: 1;
}

.select-wrap:after {
	content: "";
	border-right: 1px solid #080808;
	border-top: 1px solid #080808;
	content: "";
	width: 5px;
	height: 5px;
	top: auto;
	right: 10px;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: rotate(135deg);
	z-index: 1;
}

/*
#main .sec-lesson-category {
	margin: 0 0 80px;
}
*/

#page-schedule table {
	width: 100%;
}
#page-schedule table th {
	padding: 8px;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
}
#page-schedule table th:nth-of-type(1) {
	width: 20%;
}
#page-schedule table th:nth-of-type(2) {
	width: 8%;
}
#page-schedule table th:nth-of-type(3) {
	width: 15%;
}
#page-schedule table th:nth-of-type(4) {
	width: 25%;
}
#page-schedule table th:nth-of-type(5) {
	width: 16%;
}
#page-schedule table th:nth-of-type(6) {
	width: 15%;
}
#page-schedule table td {
	position: relative;
	padding: 12px;
	background: #fff;
	border: 1px solid #e0e0e0;
	text-align: center;
	z-index: -1;
}
#page-schedule .area-calender table td {
	height: 100px;
}
#page-schedule .area-calender table td span {
	position: absolute;
	right: 8px;
}
#page-schedule table .saturday {
	color: #0248b1;
}
#page-schedule table .sunday {
	color: #b10202;
}
#page-schedule .tit-lesson {
	margin: 0 0 10px;
}

/*------------------------------------------
 *	Page - studio
------------------------------------------*/
#page-studio #main .sec-head {
	margin: -90px auto 135px;
}
#page-studio #main .sec-head .sec-head-txt .txt-head + ul li {
	text-indent: -28px;
	line-height: 1.5
}
#page-studio #main .sec-head .sec-head-txt .txt-head + ul li i {
	left: 30px;
}
#page-studio #main .sec-head .sec-head-txt .txt-head + ul li span {
	padding: 0 0 0 50px;
}

#page-studio .sec-studio {
	display: none;
	padding: 45px 0 0;
}
#page-studio .sec-studio.current {
	display: block;
}
#page-studio .sec-studio-asakusa {
}
#page-studio .sec-studio-title {
	position: relative;
	margin: 0 auto 135px;
}
#page-studio .sec-studio-title::after {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	z-index: 0;
}
#page-studio .sec-studio-asakusa .sec-studio-title::after {
	right: auto;
	left: 0;
}
#page-studio .sec-child {
	padding-bottom: 60px;
}
#page-studio .sec-studio-title .sec-child {
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #080808;
	padding: 0 0 60px;
	margin: 0 70px;
}
#page-studio .sec-studio-title .sec-child h3,
#page-studio .sec-studio-title .sec-child .content {
	width: 50%;
	margin: auto 0 0;
	text-align: center;
}
#page-studio .sec-studio-title .sec-child h3 img {
	width: 279px;
	height: 84px;
}
#page-studio .sec-studio-asakusa .sec-studio-title .sec-child h3 img {
	width: 265px;
	height: 174px;
}
#page-studio .sec-studio-title .sec-child .content {
	width: 45%;
}
#page-studio .sec-studio-title .sec-child .content p {
	font-size: 16px;
	line-height: 1.71;
	text-align: left;
	letter-spacing: 0.06em;
}
#page-studio .sec-studio-in {
	margin: 0 auto 45px;
}
#page-studio .sec-studio-in .sec-child {
	position: relative;
	/* padding-bottom: 90px; */
}
#page-studio .sec-studio-yokohama .sec-studio-in .sec-child:first-of-type::after,
#page-studio .sec-studio-tenjin .sec-studio-in .sec-child:first-of-type::after {
	border-bottom: 2px solid #f4eee2;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 60%;
	margin: 0 auto;
}
#page-studio .sec-studio-tenjin .sec-studio-in .sec-child:first-of-type::after {
	width: 720px;
}
#page-studio .sec-studio-in .sec-child .img {
	position: relative;
}
#page-studio .sec-studio-in .sec-child:first-of-type .img {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#page-studio .sec-studio-tenjin .sec-child:first-of-type .img {
	margin: 0 auto 135px;
	justify-content: center;
}
#page-studio .sec-studio-tenjin .sec-child:first-of-type .content {
	width: 720px;
	right: auto;
	left: auto;
	bottom: -70px;
}
#page-studio .sec-studio-tenjin .sec-studio-title .sec-child:first-of-type .content {
	width: 45%;
}
#page-studio .sec-studio-in .sec-child .img .img-bottom {
	margin: 0 0 0 -60px;
}
#page-studio .sec-studio-asakusa .sec-studio-in .sec-child .img .img-top {
	position: relative;
	z-index: 1;
}
#page-studio .sec-studio-in .sec-child .content {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align-last: right;
}
#page-studio .sec-studio-in .sec-child .content h4 {
	margin: 0 -8px 16px 0;
	font-size: 60px;
	letter-spacing: 0.1em;
}
#page-studio .sec-studio-in .sec-child .content p {
	font-size: 24px;
	font-weight: bold;
	color: #c1c1c1;
}
#page-studio .sec-studio-in .sec-child-half .content {
	bottom: -70px;
}
#page-studio .sec-studio-in .sec-child-half {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-top: 90px;
	padding-bottom: 180px;
}
#page-studio .sec-studio-in .sec-child-half::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 2px;
	height: 312px;
	margin: 0 auto;
	background: #f4eee2;
}
#page-studio .sec-studio-in .sec-child-half .sec-child-in {
	position: relative;
	width: 45.5%;
}

#page-studio .sec-studio-in .sec-child-time .sec-child-in {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 45px 0;
	border-top: 2px solid #080808;
	border-bottom: 2px solid #080808;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#page-studio .sec-studio-in .sec-child-time .sec-child-in h5 {
	margin: 0 90px 0 0;
}
#page-studio .sec-studio-in .sec-child-time .sec-child-in p {
	margin: 0 30px 0 0;
}
#page-studio .sec-studio-in .sec-child-time .sec-child-in p:last-child {
	font-size: 18px;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio {margin: 0 0 45px;font-size: 16px;text-align: center;}
#page-studio .sec-studio-in .sec-child-detail .list-studio > li {
	display: flex;
	padding: 45px 0;
	width: 100%;
	border-bottom: 2px solid #f4eee2;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio .title {
	padding: 15px 0;
	background: #f4eee2;
	border: none;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio li .name {
	width: 25%;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio li .area,
#page-studio .sec-studio-in .sec-child-detail .list-studio li .capa {
	width: 12.5%;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio li .price {
	width: 50%;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio-in {
	margin: 0 0 -16px;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio-in > li {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	margin: 0 0 16px;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio-in > li div {
	width: 20%;
}
#page-studio .sec-studio-in .sec-child-detail .list-studio-in > li div:nth-of-type(1) {
	width: 25%;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide {
	
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide .sec-guide-in {
	margin: 0 0 60px;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide h6 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 16px;
	padding: 0 0 0 16px;
	border-left: 8px solid #f4eee2;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide p {
	margin: 0 0 0 1.5em;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide .list-guide {
	text-indent: -1em;
	margin: 0 0 0 2.5em;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide .list-cancel {
	margin: 20px 1.5em;
	border-top: 2px solid #f4eee2;
	border-left: 2px solid #f4eee2;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide .list-cancel li {
	display: flex;
	border-bottom: 2px solid #f4eee2;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide .list-cancel li:first-child {
	background: #fcfbf8;
}
#page-studio .sec-studio-in .sec-child-detail .sec-guide .list-cancel li div {
	width: 33.4%;
	padding: 12px 0;
	box-sizing: border-box;
	border-right: 2px solid #f4eee2;
	text-align: center;
}


#page-studio .sec-bottom-studio p {
	margin: 0 0 40px;
	font-size: 20px;
	text-align: center;
}
#page-studio .sec-bottom-studio-in {
	display: flex;
	align-items: center;
	justify-content: center;
}
#page-studio .sec-bottom-studio .category {
	min-width: 135px;
	text-align: center;
	padding: 8px 0;
	background: #080808;
	color: #fff;
	letter-spacing: 0.2em;
}
#page-studio .sec-bottom-studio .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 30px;
	font-size: 36px;
	letter-spacing: 0.09em;
}
#page-studio .sec-bottom-studio .tel a {
	pointer-events: none;
}
#page-studio .sec-bottom-studio .tel .ico {
	w;
	width: 23px;
	height: 23px;
	background: url(images/common/ico_tel.svg) center center no-repeat;
	background-size: 23px 23px;
	padding: 0 10px 0 0;
}


/*------------------------------------------
 *	Page - about
------------------------------------------*/
#page-about .sec-about h3 {
	text-align: center;
}
#page-about .sec-about h3 span {
	display: block;
}
#page-about .sec-about h3 .logo1 {
	width: 204px;
	height: 230px;
	margin: 0 90px 56px;
}
#page-about .sec-about h3 .logo2 {
	width: 384px;
	height: 50px;
}

#page-about .sec-about .sec-child {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 0 70px 45px;
}
#page-about .sec-about .sec-child .border {
	content: "";
	display: block;
	width: 8px;
	height: 720px;
	position: absolute;
	top: 0;
	left: 115px;
	background: #f4eee2;
	z-index: 2;
}
#page-about .sec-about .sec-child .img {
	width: 45.5%;
	margin: 180px 0 0;
	position: relative;
	z-index: 1;
}
#page-about .sec-about .sec-child .img::before {
	content: "";
	background: #f4eee2;
	width: 7px;
	height: 30px;
	transform: rotate(-150deg);
	position: absolute;
	top: 30px;
	left: 133px;
	z-index: 1;
}
#page-about .sec-about .sec-child .content {
	width: 49.4%;
	margin: 0 0 0 60px;
}
#page-about .sec-about .sec-child .content-in {
	margin: 60px 0 0 0;
}
#page-about .sec-about .sec-child .content-in h4 {
	width: 384px;
	margin: 0 0 90px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
#page-about .sec-about .sec-child .content-in h4 span {
	padding: 0 0 0 6px;
}
#page-about .sec-about .sec-child .content-in p {
	font-size: 16px;
	line-height: 1.87;
}

#page-about .sec-feature {
	padding: 90px 0;
	background: url(images/common/bg_repeat.jpg) center repeat;
}
#page-about .sec-feature h3 + p {
	margin: 0 0 80px;
	font-size: 16px;
}
#page-about .sec-feature .list-feature {
	display: flex;
	justify-content: space-between;
}
#page-about .sec-feature .list-feature li {
	position: relative;
	width: 23.7%;
	background: #fff;
}
#page-about .sec-feature .list-feature li:before {
	content: "";
	position: absolute;
	top: 8px;
	right 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	z-index: 1;
	width: auto;
	height: auto;
	border: 2px solid #f4eee2;
	box-sizing: border-box;
}
#page-about .sec-feature .list-feature li .img {
	position: relative;
}
#page-about .sec-feature .list-feature li .content {
	padding: 0 30px 45px;
	box-sizing: border-box;
}
#page-about .sec-feature .list-feature li .content h4 {
	margin: 40px auto;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
#page-about .sec-feature .list-feature li .content p {
	font-size: 16px;
	line-height: 1.71;
}

#page-about .sec-topic .sec-child {
	display: flex;
	position: relative;
}
#page-about .sec-topic .sec-topic-second {
	justify-content: space-between;
	padding: 45px 70px 0;
}
#page-about .sec-topic .sec-child .border {
	content: "";
	display: block;
	width: 8px;
	height: 405px;
	position: absolute;
	top: -130px;
	left: 115px;
	background: #f4eee2;
	z-index: 2;
}
#page-about .sec-topic .sec-topic-second .border {
	content: "";
	display: block;
	width: 8px;
	height: 540px;
	position: absolute;
	top: -170px;
	left: auto;
	right: 70px;
	background: #080808;
	z-index: 2;
}
#page-about .sec-topic .sec-child .img {
	width: 45.5%;
	margin: 140px 0 0;
}
#page-about .sec-topic .sec-topic-second .img {
	width: 42.3%;
	text-align: right;
	padding: 40px 58px 0 0;
	order: 2;
}
#page-about .sec-topic .sec-child .content {
	width: 45%;
	margin: 40px 0 0;
}
#page-about .sec-topic .sec-topic-second .content {
	margin: 0;
}
#page-about .sec-topic .sec-child .content h3 {
	position: relative;
	padding: 10px 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 2;
	color: #fff;
	background: linear-gradient(#080808 0%,#080808 100%);
	display: inline;
	position: relative;
	left: -165px;
	white-space: nowrap;
}
#page-about .sec-topic .sec-topic-second .content h3 {
	left: 70px;
	color: #080808;
	background: linear-gradient(#f4eee2 0%,#f4eee2 100%);
	z-index: 1;
}
#page-about .sec-topic .sec-child .content h3::before {
	content: "";
	background: #f4eee2;
	width: 7px;
	height: 30px;
	transform: rotate(-150deg);
	position: absolute;
	top: -35px;
	left: -45px;
	z-index: 1;
}
#page-about .sec-topic .sec-topic-second .content h3::before {
	background: #080808;
}
#page-about .sec-topic .sec-child .content-in {
	margin: 80px 0 0 60px;
}
#page-about .sec-topic .sec-topic-second .content-in {
	margin: 80px 0 0 70px;
}
#page-about .sec-topic .sec-child .content h3 span {
	padding: 0 15px;
}
#page-about .sec-topic .sec-child .content-in p {
	font-size: 16px;
	line-height: 1.71
}

#page-about .sec-basement {
	margin: -90px auto 0;
	padding: 225px 0;
	background: #080808;
	color: #fff;
}
#page-about .sec-basement .sec-basement-in {
	display: flex;
	justify-content: space-between;
}
#page-about .sec-basement .content {
	width: 23.5%;
}
#page-about .sec-basement .content img {
	width: 279px;
	height: 179px;
}
#page-about .sec-basement .img {
	width: 74%;
	position: relative;
	top: -315px;
	z-index: 0;
	margin: 0 0 -225px;
}
#page-about .sec-basement .sec-child {
	padding: 0 0 0 160px;
}

#page-about .sec-basement p {
	font-size: 16px;
	line-height: 1.87;
}


/*------------------------------------------
 *	Page - admission
------------------------------------------*/
#page-admission .sec-admission .sec-child-first {
	display: flex;
	justify-content: center;
	position: relative;
}
#page-admission .sec-admission .sec-child-first .content {
	position: relative;
	width: 44.4%;
	order: 2;
	margin: 0 0 0 -60px;
	z-index: 2;
}
#page-admission .sec-admission .img .img-in:nth-of-type(1) .border {
	content: "";
	display: block;
	width: 8px;
	height: 540px;
	position: absolute;
	top: 0;
	left: 45px;
	background: #080808;
	z-index: 2;
}
#page-admission .sec-admission .img .img-in:nth-of-type(2) .border {
	content: "";
	display: block;
	width: 8px;
	height: 360px;
	position: absolute;
	top: -90px;
	left: 45px;
	background: #f4eee2;
	z-index: 2;
}
#page-admission .sec-admission .img {
	width: 60.8%;
	text-align: right;
}
#page-admission .sec-admission .img .img-in {
	position: relative;
	margin: 90px 0 0;
}
#page-admission .sec-admission .img .img-in:nth-of-type(2) {
	width: 66.7%;
	margin: 90px 0 0 auto;
}
#page-admission .sec-admission .content h3 {
	position: relative;
	margin: -20px 0 70px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.8;
}
#page-admission .sec-admission .content h3::before {
	content: "";
	background: #080808;
	width: 7px;
	height: 30px;
	transform: rotate(-150deg);
	position: absolute;
	top: -10px;
	left: -38px;
	z-index: 1;
}
#page-admission .sec-admission .sec-child-first .content p {
	margin: 0 0 140px;
	font-size: 16px;
	line-height: 1.87;
}
#page-admission .sec-admission .sec-child-first .content ul {
	background: #f4eee2;
	padding: 55px 45px 20px;
	box-sizing: border-box;
}
#page-admission .sec-admission .sec-child-first .content ul li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-size: 24px;
	margin: 0 0 60px;
}
#page-admission .sec-admission .sec-child-first .content ul li h4 {
	width: 50%;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}
#page-admission .sec-admission .sec-child-first .content ul li p {
	width: 64%;
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}
#page-admission .sec-admission .sec-child-first .content ul li .small {
	display: inline-block;
	font-size: 16px;
}
#page-admission .sec-admission .sec-child-first .content ul li .large {
	font-size: 48px;
	/* letter-spacing: 0.1em; */
}
#page-admission .sec-admission .sec-child-second {
	margin: 90px 0 0;
}
#page-admission .sec-admission .sec-child-second ul {
	margin: 0 0 30px;
	border-top: 2px solid #f4eee2;
}
#page-admission .sec-admission .sec-child-second ul li {
	display: flex;
	padding: 24px 45px;
	font-size: 16px;
	line-height: 1.71;
	border-bottom: 2px solid #f4eee2;
	box-sizing: border-box;
}
#page-admission .sec-admission .sec-child-second ul li h5 {
	width: 25%;
	font-weight: bold;
}
#page-admission .sec-admission .sec-child-second p {
	text-indent: -1em;
	margin-left: 1em;
}
#page-admission .sec-admission .sec-child-second ul li .content {
	width: 75%;
	letter-spacing: -0.03em;
}
#page-admission .sec-admission .sec-child-second ul + p {
	margin: 0 0 0 45px;
}


/*------------------------------------------
 *	contact
------------------------------------------*/

.sec-contact {
}
.sec-contact .sec-in {margin: 180px auto 0;}
.sec-contact .sec-child {
	margin: 0 0 135px;
}
.sec-contact .sec-child-in {
	padding: 0 100px;
	box-sizing: border-box;
}
.sec-contact .txt-contact {
	margin: 0 auto 60px;
	font-size: 16px;
}
#page-trial-complete .sec-contact .txt-contact {
	margin: 0 auto 20px;
}
.sec-contact .txt-contact a {
	text-decoration: underline;
	transition: all .15s ease-in-out 0s;
}
.sec-contact .txt-contact a:hover {
	opacity:0.7;
}
.sec-contact .title {
	display: flex;
	align-items: baseline;
	border-bottom: 2px solid #080808;
	padding: 0 0 16px;
	margin: 0 0 80px;
}
.sec-contact .title h3 {
	font-size: 24px;
	font-weight: bold;
}
.sec-contact .title p {
	margin: 0 0 0 40px;
}
.sec-contact .sec-child-in .content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.sec-contact .content-in {
	display: flex;
	align-items: center;
	/* justify-content: center; */
	flex-flow: row wrap;
	width: 50%;
}
.sec-contact h4 {
	display: inline-block;
	min-width: 135px;
	text-align: center;
	padding: 8px 0;
	margin: 0 36px 0 0;
	border: 2px solid #080808;
	box-sizing: border-box;
	background: #080808;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	letter-spacing: 0.2em;
}
.sec-contact .tel {
	display: inline-block;
	font-size: 30px;
	letter-spacing: 0.09em;
	line-height: 2;
}
.sec-contact .txt-request {
	margin: 0 0 20px;
	font-size: 15px;
	color: #a57e31;
}

.table-contact {
	width: 100%;
	margin: 0 auto 56px;
}
.table-contact tr,
.table-contact th {box-sizing: border-box;}
.table-contact th {
	width: 25%;
	padding: 24px 0 15px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.table-contact .tit-note {
	padding: 15px 0;
}
.table-contact td {
	width: 75%;
	padding: 15px 0;
	box-sizing: border-box;
}
.table-contact td input,
.table-contact td textarea {
	padding: 6px;
	border: 1px solid #080808;
	box-sizing: border-box;
}

.table-contact .ico-essential {
	padding: 0 0 0 12px;
}
.table-contact a {
	margin: 0 0 0 10px;
	text-decoration: underline;
	transition: all .15s ease-in-out 0s;
}
.table-contact a:hover {
	opacity:0.6;
}
.table-contact .box-half {
	width: 50%;
}
.table-contact .box-quarter {
	width: 75%;
}
.table-contact .box-full {
	width: 100%;
}

body[id^="page-contact"] .table-contact .belong {
	padding: 20px 0;
}

.txt-company {
	font-size: 12px;
	color: #0e0e0e;
}
.txt-error {
	margin: 10px 0 0;
	color: #b10202;
}
body[id^="page-trial"] .txt-error {
	margin: 10px 0 32px;
}
.table-contact .input-error {
	border: 1px solid #b10202;
}

.table-confirm th {
	padding: 16px 0 15px;
}

.sec-contact .area-btn-more {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-submit {
	display: inline-block;
	position: relative;
	transition: all .15s ease-in-out 0s;
	background: #080808;
}
.btn-submit:hover {
	opacity: 0.8;
}
.btn-submit svg {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 17px;
	height: 8px;
	margin: -4px 0 0;
	z-index: 2;
}
.btn-submit .btn {
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #080808;
	background: #080808;
	color: #fff;
	display: block;
}
.btn-revise {
	display: inline-block;
	width: 240px;
	position: relative;
	text-align: center;
	padding: 0 30px 0 0;
	background: #fff;
	transition: all .15s ease-in-out 0s;
}
.btn-revise:hover {
	opacity: 0.8;
}
.btn-size-225 {
	width:240px;
	height: 60px;
}
.btn-revise .btn {
	padding: 12px 0;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #080808;
}

.sec-contact-complete .sec-child .area-btn {
	margin: 40px 0 0;
}


/*------------------------------------------
 *	privacy
------------------------------------------*/
/* COMMON */
.tit-border {
	padding: 0 0 16px;
	margin: 0 0 80px;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 2px solid #080808;
}
#page-privacy .sec-privacy .content {
	font-size: 16px;
	line-height: 1.87;
}
#page-privacy .sec-privacy .content .list-privacy {
	margin: 30px 0 0;
}
#page-privacy .sec-privacy .content .list-privacy dt {
	margin: 0 0 16px;
	font-weight: bold;
}
#page-privacy .sec-privacy .content .list-privacy dd {
	margin: 0 0 30px 18px;
}
#page-privacy .sec-privacy .content .list-privacy dd ul li {
	text-indent: -1.6em;
	margin: 0 0 0 1.6em;
}

/*------------------------------------------
 *	sitemap
------------------------------------------*/

#page-sitemap .sec-sitemap .content {
	font-size: 16px;
	line-height: 1.87;
}
#page-sitemap .sec-sitemap .content .list-sitemap {
	margin: 0 0 0 30px;
}
#page-sitemap .sec-sitemap .content .list-sitemap dt {
	margin: 0 0 30px;
	font-weight: bold;
}
#page-sitemap .sec-sitemap .content .list-sitemap dd {
	margin: 0 0 30px 36px;
}

/*------------------------------------------
 *	trial
------------------------------------------*/
body[id^="page-trial"] #main {
	min-height: calc(100vh - 90px);
}
body[id^="page-trial"] .tit-border {
	margin: 0 0 45px;
}
body[id^="page-trial"] .sec-trial {
}
body[id^="page-trial"] .sec-trial2 .sec-child,
body[id^="page-trial"] .sec-trial3 .sec-child {
	margin: 0 auto 60px;
}
body[id^="page-trial"] .tit-trial {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 60px;
	padding: 13px 0;
	font-size: 16px;
	font-weight: bold;
	background: #f4eee2;
}
body[id^="page-trial"] .tit-trial p span {
	font-size: 14px;
}
body[id^="page-trial"] .tit-trial .number {
	width: 35px;
	height: 35px;
	margin: 0 10px 0 0;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	background: #080808;
	line-height: 35px;
	text-align: center;
}
body[id^="page-trial"] .list-trial dt,
body[id^="page-trial"] .list-trial dd {
	box-sizing: border-box;
}
body[id^="page-trial"] .list-trial dt {
	margin: 0 45px 24px;
	font-size: 20px;
	font-weight: bold;
}
body[id^="page-trial"] .list-trial dt span {
	margin: 0 0 0 30px;
	font-size: 14px;
	font-weight: normal;
}
body[id^="page-trial"] .list-trial dd {
	margin: 0 0 60px;
	padding: 12px 45px;
	border-top: 2px solid #f4eee2;
	border-bottom: 2px solid #f4eee2;
	background: #fcfbf8;
	line-height: 40px;
}
body[id^="page-trial"] .list-trial dd label {
	margin: 0 82px 0 0;
	display: inline-block;
	font-size: 16px;
}
body[id^="page-trial"] .sec-trial2 .tit-class {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 60px;
	font-size: 16px;
}
body[id^="page-trial"] .sec-trial2 .tit-class span {
	margin: 0 0 0 20px;
	font-size: 20px;
	font-weight: bold;
}
body[id^="page-trial"] .list-trial2 {
	margin: 0 0 24px;
}
body[id^="page-trial"] .list-trial2 .list-trial2-in {
	display: flex;
	padding: 15px 240px;
	box-sizing: border-box;
	font-size: 16px;
	border-bottom: 2px solid #f4eee2;
}
body[id^="page-trial"] .list-trial2 .head {
	display: flex;
	padding: 8px 240px;
	box-sizing: border-box;
	/* border-bottom: 2px solid #f4eee2; */
	font-size: 14px;
	background: #f4eee2;
}
body[id^="page-trial"] .list-trial2 .head div,
body[id^="page-trial"] .list-trial2 .list-trial2-in div {
	text-align: center;
}
body[id^="page-trial"] .list-trial2 .list-trial2-in:nth-of-type(2n-1) {
	background: #fcfbf8;
}
body[id^="page-trial"] .list-trial2 .head .date,
body[id^="page-trial"] .list-trial2 .list-trial2-in .date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45%;
}
body[id^="page-trial"] .list-trial2 .list-trial2-in .date .day {
	width: 130px;
	text-align: left;
	white-space: nowrap;
	padding: 0 10px 0 0;
}
body[id^="page-trial"] .list-trial2 .list-trial2-in .date .week {width: 15%;text-align: left;}
body[id^="page-trial"] .list-trial2 .list-trial2-in .date .week.saturday {
	color: #0248b1;
}
body[id^="page-trial"] .list-trial2 .list-trial2-in .date .week.sunday {
	color: #b10202;
}
body[id^="page-trial"] .list-trial2 .list-trial2-in .date .time {width: 22%;text-align: left;letter-spacing: 0.1em;}
body[id^="page-trial"] .list-trial2 .head .instructor,
body[id^="page-trial"] .list-trial2 .list-trial2-in .instructor {
	width: 25%;
}
body[id^="page-trial"] .list-trial2 .head .first,
body[id^="page-trial"] .list-trial2 .head .second,
body[id^="page-trial"] .list-trial2 .list-trial2-in .first,
body[id^="page-trial"] .list-trial2 .list-trial2-in .second {
	width: 15%;
}
body[id^="page-trial"] .txt-error + .area-btn-month {
	margin: 32px 0;
}
body[id^="page-trial"] .area-btn-month {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 40px;
}
body[id^="page-trial"] .area-btn-month .prev {
	margin: 0 80px 0 0;
}
body[id^="page-trial"] .area-btn-month .prev .is-disabled {
	color: #a4a4a4;
	pointer-events: none;
}
body[id^="page-trial"] .area-btn-month .next {
	margin: 0 0 0 80px;
}
body[id^="page-trial"] .area-btn-month .next .is-disabled {
	color: #a4a4a4;
	pointer-events: none;
}
body[id^="page-trial"] .target_month {
	font-size: 24px;
	font-weight: bold;
}


/* .sec-trial3 */
body[id^="page-trial"] .sec-trial3 .tit-trial {
	margin: 0 auto 30px;
}
body[id^="page-trial"] .sec-trial3 .table-contact {
	margin: 60px 0 0;
	border-bottom: 2px solid #f4eee2;
	font-size: 16px;
}
body[id^="page-trial"] .sec-trial3 .table-confirm {
	margin: 60px 0;
}
body[id^="page-trial"] .sec-trial3 .table-contact tr,
body[id^="page-trial"] .sec-trial3 .table-contact th {
	border-top: 2px solid #f4eee2;
}
body[id^="page-trial"] .sec-trial3 .table-contact th {
	width: 25%;
	padding: 24px 0 24px 45px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background: #fcfbf8;
}
body[id^="page-trial"] .sec-trial3 .table-contact td {
	width: 75%;
	padding: 24px 100px 24px 45px;
	box-sizing: border-box;
}
body[id^="page-trial"] .sec-trial3 .table-contact .belong label {
	margin: 0 16px 0 0;
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li {
	display: flex;
	margin: 20px 0 0;
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li:first-of-type {
	margin: 0;
}

body[id^="page-trial"] .sec-trial3 .table-contact .list-date li .hope {
	width: 105px;
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li .day {
	width: 150px;
	letter-spacing: 0.1em;
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li .week {
	width: 60px
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li .week.saturday {
	color: #0248b1;
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li .week.sunday {
	color: #b10202;
}
body[id^="page-trial"] .sec-trial3 .table-contact .list-date li .time {
	width: 55px;
	letter-spacing: 0.1em;
}
#page-trial-confirm .sec-trial3 .table-contact {
	margin: 60px 0;
}

#page-trial .sec-contact .area-btn-studio {
	justify-content: center;
}
#page-trial .sec-contact .area-btn-studio .btn-studio {
	display: inline-block;
	position: relative;
	margin: 0 20px;
}


/*------------------------------------------
 *	Page - NEWS,BLOG
------------------------------------------*/
#page-workshop .sec-news,
#page-news .sec-news {
	position: relative;
	padding: 90px 0 90px;
	overflow: hidden;
}
/* #page-workshop .sec-news::before,
#page-news .sec-news::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	background: #fff;
	z-index: -1;
}
#page-workshop .sec-news::after,
#page-news .sec-news::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 100%;
	background: #fcfaf7;
	z-index: -1;
} */
#page-workshop .sec-news .sec-in,
#page-news .sec-news .sec-in {
	/* display: flex; */
	/* justify-content: space-between; */
}
#page-workshop .sec-news .sec-child .tit-border,
#page-news .sec-news .sec-child .tit-border {
	margin: 0 0 30px;
}
#page-news .sec-news .sec-child .tit-border-workshop {
	margin: 0 0 60px;
}
#page-news .sec-news .sec-child .archive-category,
#page-workshop .sec-news .sec-child .archive-category {
	margin: 0 0 60px;
}
#page-workshop .sec-news-single .sec-child .tit-border,
#page-news .sec-news-single .sec-child .tit-border {
	margin: 0 0 60px;
}
#page-workshop .sec-news .sec-child-in,
#page-news .sec-news .sec-child-in {
	margin: 0 auto 90px;
}
#page-workshop .sec-news .sec-news-in + .sec-news-in,
#page-news .sec-news .sec-news-in + .sec-news-in {
	margin: 90px 0 0;
}
#page-workshop .sec-news .sec-news-in .tit-archive,
#page-news .sec-news .sec-news-in .tit-archive {
	margin: 0 0 30px;
	font-size: 20px;
	font-weight: bold;
}
#page-workshop .sec-news .sec-news-archive,
#page-news .sec-news .sec-news-archive {
	width: 25%;
	padding: 0;
}
#page-workshop .sec-news .sec-news-archive .tit-archive,
#page-news .sec-news .sec-news-archive .tit-archive {
	position: relative;
	padding: 0 0 16px;
	font-size: 18px;
	border-bottom: 2px solid #080808;
}
#page-workshop .sec-news .sec-news-archive ul li,
#page-news .sec-news .sec-news-archive ul li {
	position: relative;
	margin: 24px 0 0;
}
#page-workshop .sec-news .sec-news-in .tit-news,
#page-news .sec-news .sec-news-in .tit-news {
	margin: 0 auto 30px;
}
#page-workshop .sec-news .sec-news-in .tit-news .tit-news-in,
#page-news .sec-news .sec-news-in .tit-news .tit-news-in {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}
#page-workshop .sec-news .sec-news-in .tit-news h3,
#page-news .sec-news .sec-news-in .tit-news h3 {
	/* margin: 0 0 20px; */
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}
#page-news .sec-news .sec-news-in .tit-news p {
	margin: 0 0 0 32px;
}
#page-workshop .sec-news .sec-news-in .body p,
#page-news .sec-news .sec-news-in .body p {
	line-height: 1.71;
}
#page-workshop .sec-news .sec-news-in .body p a,
#page-news .sec-news .sec-news-in .body p a {
	color: #da3570;
	text-decoration: underline;
}
#page-workshop .sec-news .sec-news-in .body p a:hover,
#page-news .sec-news .sec-news-in .body p a:hover {
	text-decoration: none;
}
#page-workshop .sec-news-single .sec-news-in .body p a img {
	max-width: inherit;
	width: 50%;
}
#page-workshop .sec-news .sec-news-in .body .txt-member-limit {
	display: inline-block;
	margin: 30px 0 0;
	padding: 16px;
	box-sizing: border-box;
	border: 1px solid #b10202;
	color: #b10202;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* pagenation */
.wp-pagenavi {
	display: block;
	margin: 15px auto 30px;
	text-align: center;
	font-size: 16px;
}

.wp-pagenavi a {
	text-decoration: none;
	transition: all .15s ease-in-out 0s;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
	text-align: center;
	vertical-align: middle;
	color: #aaa;
	margin: 0 20px 0 0;
	padding: 14px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	border: none;
	margin: 0;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	opacity: 0.7;
}
.wp-pagenavi .previouspostslink {
	/* float: left; */
	position: relative;
	left: 0;
}
.wp-pagenavi .previouspostslink + a {
	display: none;
}
#page-workshop .wp-pagenavi .previouspostslink {
	left: 0;
}
.wp-pagenavi .previouspostslink i {
	right: auto;
	left:-30px;
}
.wp-pagenavi .previouspostslink i::after {
	right: auto;
	left: 0;
	bottom: 0;
	content: '';
	height: 1px;
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}
.wp-pagenavi .previouspostslink i {
	right: 40px;
}
.wp-pagenavi .nextpostslink {
	position:relative;
	right: 0;
}
#page-workshop .wp-pagenavi .nextpostslink {
	right: 0;
}
#page-workshop .wp-pagenavi .nextpostslink i {
	display: none;
}
.wp-pagenavi .nextpostslink .ico-arrow {
	right: 0;
}
.wp-pagenavi .page:first-child {
	margin: 0;
}
.wp-pagenavi a:hover {
	/* opacity: 0.7; */
}
.wp-pagenavi .page:hover,
.wp-pagenavi .current {color: #080808;}



/* pagenation */
.sec-news-single .wp-pagenavi {
	display: flex;
	justify-content: space-between;
	margin: 90px auto 0;
}
.sec-news-single .wp-pagenavi-in {
	padding: 0;
}
.sec-news-single .wp-pagenavi-none {
	color: #aaa;
}

/* single */
#page-workshop .sec-news-single .category,
#page-news .sec-news-single .category {
	display: inline-block;
}
#page-news .sec-news .category.member {
	padding: 4px 0 4px 20px;
}
#page-workshop .sec-news-single .sec-news-in,
#page-news .sec-news-single .sec-news-in {
	display: flex;
	justify-content: space-between;
}
#page-workshop .sec-news-single .sec-news-in .body,
#page-news .sec-news-single .sec-news-in .body {
	width: 70%;
	padding: 0 30px 0 0;
	box-sizing: border-box;
}
#page-workshop .sec-news-single .sec-news-in .side,
#page-news .sec-news-single .sec-news-in .side {
	width: 30%;
	padding: 0 0 0 30px;
	border-left: 2px solid #d4d4d4;
}
#page-workshop .sec-news-single .sec-news-in .side .category,
#page-news .sec-news-single .sec-news-in .side .category {
	margin: 0 0 30px;
}
#page-workshop .sec-news-single .list-news li,
#page-news .sec-news-single .list-news li {
	display: block;
}
#page-workshop .sec-news-single .list-news .date,
#page-workshop .sec-news-single .list-news .title,
#page-news .sec-news-single .list-news .date,
#page-news .sec-news-single .list-news .title {
	display: block;
	width: 100%;
	padding: 0 0 10px;
}
#page-workshop .sec-news-single .list-news .title,
#page-news .sec-news-single .list-news .title {
	font-weight: bold;
	line-height: 1.5;
}

/*
#page-news .sec-news .sec-child .archive-category {
	position: relative;
}

#page-news .select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 15px;
	top: 0;
	content: "\f123";
	font-family: "IonIcons";
	line-height: 43px;
	color: #7F878C;
	pointer-events: none;
}
#page-news select{
	outline:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 40px;
	padding: 8px 12px;
	border: 2px solid #aaa;
	width:100%;
	border-radius:3px;
}
#page-news select option{
	background-color: #fff;
}
#page-news select::-ms-expand {
	display: none;
}
#page-news select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #828c9a;
}
*/


/*------------------------------------------
 *	Page - ASAKUSA
------------------------------------------*/
#page-asakusa .sec-asakusa .tit-sec-in {
	margin: 0 auto 48px;
}
#page-asakusa .sec-asakusa .tit-sec-in + p {
	font-size: 16px;
}
#page-asakusa .sec-asakusa .list-asakusa {
	margin: 90px 0 0;
	border-top: 2px solid #f4eee2;
}
#page-asakusa .sec-asakusa .list-asakusa li {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	padding: 45px 0;
	border-bottom: 2px solid #f4eee2;
}
#page-asakusa .sec-asakusa .list-asakusa .title {
	width: 36.6%;
	padding: 0 0 0 140px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
}
#page-asakusa .sec-asakusa .list-asakusa .body {
	width: 63.4%;
	padding: 0 30px;
	box-sizing: border-box;
}
#page-asakusa .sec-asakusa .list-asakusa .body p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.87;
}


/*------------------------------------------
 *	Page - LESSON共通
------------------------------------------*/
.sec-lesson-nav {
	margin: 225px 0 0;
}
.sec-lesson-nav .sec-child {
	display: flex;
	align-items: center;
	padding: 32px 30px;
	margin: 0 70px;
	border-top: 2px solid #f4eee2;
	border-bottom: 2px solid #f4eee2;
	box-sizing: border-box;
}
.sec-lesson-nav .sec-child .title p {
	font-size: 32px;
	letter-spacing: 0.1em;
}
.sec-lesson-nav .sec-child ul {
	width: 100%;
	display: flex;
	font-size: 16px;
}
.sec-lesson-nav .sec-child ul li {
	margin: 0 0 0 8%;
	color: #aaa;
}


/*------------------------------------------
 *	.area-login
------------------------------------------*/
#main .sec-login {
	line-height: 1;
	padding: 80px 120px;
}
#main .sec-login .logo {
	margin: 0 0 40px 0;
	text-align: center;
}
#main .sec-login .logo img {
	width: 160px;
	height: auto;
}
#main .sec-login .txt-logout {
	margin: 0 0 16px 0;
	padding: 4px 0;
	background: #fee4e4;
	color: #df0e0e;	
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
}
#main .sec-login .input-login {
	margin: 16px 0 0;
	padding: 8px 16px;
	width: 100%;
	border: 1px solid #bababa;
	box-sizing: border-box;
	font-size: 14px;
}
#main .sec-login .txt-forgot {
	margin: 16px 0 0 0;
	text-align: center;
}
#main .sec-login .txt-forgot a {text-decoration: underline;}
#main .sec-login .btn-login {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 48px;
	background: #c02e29;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 0.06em;
	text-align: center;
	border: none;
	cursor: pointer;
	outline: none;
}
#main .sec-login .btn-login:hover {
	opacity: .8;
}

#main .sec-login label {
	margin:0 20px 0 0;
	vertical-align: middle;
	line-height: 2;
}
#main .sec-login .btn-form {
	margin: 40px 0 0;
	text-align: center;
}


/* workshop form */
body[id^="page-workshop"] .sec-workshop-form {
	margin: 80px auto 0;
}
#page-workshop-confirm .sec-workshop-form {
	margin: -90px 0 225px;
}
#page-workshop .sec-workshop-form .sec-in {
	padding: 0;
}
body[id^="page-workshop"] .tit-workshop-form {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 60px;
	padding: 13px 0;
	font-size: 16px;
	font-weight: bold;
	background: #f4eee2;
}
body[id^="page-workshop"] .tit-workshop-form p span {
	font-size: 14px;
}
body[id^="page-workshop"] .sec-workshop-form .tit-workshop-form {
	margin: 0 auto 30px;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact {
	margin: 30px 0 60px;
	border-bottom: 2px solid #f4eee2;
/* 	font-size: 16px; */
}
body[id^="page-workshop"] .sec-workshop-form .table-confirm {
	margin: 60px 0;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact tr,
body[id^="page-workshop"] .sec-workshop-form .table-contact th {
	border-top: 2px solid #f4eee2;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact th {
	width: 30%;
	padding: 24px 0 24px 2%;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background: #fcfbf8;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact td {
	width: 75%;
	padding: 24px;
	box-sizing: border-box;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact .belong label {
	margin: 0 16px 0 0;
}
body[id^="page-workshop"]-confirm .sec-trial3 .table-contact {
	margin: 60px 0;
}

body[id^="page-workshop"] .sec-workshop-form .area-btn-more {
	display: flex;
	align-items: center;
	justify-content: center;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact .area-pref select {
	margin: 0 0 16px;
}
body[id^="page-workshop"] .sec-workshop-form .table-contact .area-years {
	padding: 8px 24px 24px;
}
body[id^="page-workshop"] .sec-workshop-form .area-years label {
	display: block;
	margin: 16px 0 0;
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in {
	margin: 0 0 60px;
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 16px;
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in p {margin: 0 0 10px;}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in .list-guide {
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in .list-cancel {
	margin: 0 auto;
	border-top: 2px solid #f4eee2;
	border-left: 2px solid #f4eee2;
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in .list-cancel li {
	display: flex;
	border-bottom: 2px solid #f4eee2;
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in .list-cancel li.head {
	background: #fcfbf8;
	font-size: 13px;
}
body[id^="page-workshop"] .sec-workshop-form .sec-workshop-form-in .list-cancel li div {
	width: 33.4%;
	padding: 12px 0;
	box-sizing: border-box;
	border-right: 2px solid #f4eee2;
	text-align: center;
}
body[id^="page-workshop"] .sec-workshop-form .area-btn {
	margin: 0 0 60px;
}
body[id^="page-workshop"] .sec-workshop-form .area-btn .txt-form {
	margin: 0 0 30px;
}

#page-news #a-workshop {
	margin: -60px 0 60px;
	padding: 120px 70px 0;
}
#page-news.is-member #a-workshop {
	margin: -120px 0 60px;
	padding: 180px 70px 0;
}


/* IEhack */
@media all and (-ms-high-contrast: none) {
	#nav-global .nav-global-in li a span:after,
	#header nav .li-global li .current span:after {
		display: none;
	}
	#page-home .area-intro .loading-i2 {
		margin: 40px 0 0;
	}
	#page-home.is-loadend .area-intro .loading .loading-i2 img {
		animation: bachi3 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s forwards,bachi4 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards,loading 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.1s forwards;
	}
	.btn-size-90 .ico, .btn-lesson a .svg .ico {
		right: 40%;
	}
	
	#page-experienced .list-experienced {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		-ms-grid-rows: 1fr 1fr 1fr;
	}

	#page-experienced .list-experienced .list-txt1 {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}

	#page-experienced .list-experienced .list-txt2 {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
	}

	#page-experienced .list-experienced .list-img1 {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
	}

	#page-experienced .list-experienced .list-img2 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	
	#page-experienced .list-experienced .list-txt3 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
	}

	#page-experienced .list-experienced .list-txt4 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
	}

	#page-experienced .list-experienced .list-txt5 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
	}

	#page-experienced .list-experienced .list-img3 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
	}
}



/*------------------------------------------
 *	Page - ACCESS
------------------------------------------*/
#page-access #main .sec-head {
	margin: -90px auto 135px;
}
#page-access .sec-access .list-access {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 135px;
}
#page-access .sec-access .list-access li {
	margin: 0 0 0 90px;
}
#page-access .sec-access .list-access li:first-child {
	margin: 0;
}
#page-access .sec-access .list-access li i {
	left: 0;
	width: 7px;
	height: 7px;
	border-top: 2px solid #080808;
	border-right: 2px solid #080808;
}
#page-access .sec-access .list-access li span {
	padding: 0 0 0 10px;
}

#page-access .sec-access .sec-access-map .sec-access-map-in {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: -120px auto 135px;
	padding: 120px 0 0;
}
#page-access .sec-access .sec-access-map .sec-access-map-in:before {
	border-top: 2px solid #080808;
	content: "";
	position: absolute;
	top: 162px;
	right: 0;
	width: 100%;
	z-index: -1;
}
#page-access .sec-access .sec-access-map .sec-access-map-in>.img {
	width: 31.48148148%;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child {
	width: 64.30976431%;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child h2 {
	position: relative;
	top: -8px;
	margin: 0 0 42px;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child h2 img {
	width: auto;
	height: 51px;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in {
	display: flex;
	justify-content: space-between;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content {
	width: 50.91623037%;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content .tel {
	margin: 0 0 32px;
	font-size: 30px;
	letter-spacing: 0.09em;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content .tel a.ff-sans-b {
	display: inline-block;
	pointer-events: none;
	color: #080808;
	text-decoration: none;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content dl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row wrap;
	line-height: 1.46;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content dl dt {
	width: 22.05128205%;
	margin: 0 0 16px;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content dl dd {
	width: 77.94871795%;
	margin: 0 0 16px;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in .content dl dd p+p {
	margin: 10px 0 0;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in>.img {
	width: 44.5026178%;
}
#page-access .sec-access .sec-access-map .sec-access-map-in .sec-access-map-child .sec-access-map-child-in>.img a {
	display: inline-block;
	margin: 10px 0 0;
}


/* add 190708 */
.select-wrap-form {
	position: relative;
	width: 50%;
}
.select-wrap-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	margin: 0;
	width: 50%;
	height: 36px;
	background: transparent;
	position: relative;
	z-index: 1;
	padding: 0 40px 0 10px;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #151515;
	border-radius: 0;
}
.select-wrap-form select::-ms-expand {
	display: none;
}
.select-wrap-form:before {
	content: "";
	border-right: 1px solid #080808;
	border-top: 1px solid #080808;
	content: "";
	width: 5px;
	height: 5px;
	top: 42px;
	left: 50%;
	margin: -6px 0 0 -50px;
	position: absolute;
	transform: rotate(-45deg);
	z-index: 1;
}

.select-wrap-form:after {
	content: "";
	border-right: 1px solid #080808;
	border-top: 1px solid #080808;
	content: "";
	width: 5px;
	height: 5px;
	top: 42px;
	left: 50%;
	margin: 0 0 0 -50px;
	position: absolute;
	transform: rotate(135deg);
	z-index: 1;
}