@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  レイアウトCSS設定
//
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP,LAYOUT]
/* [02.PAGE,LIST]
/* [03.SINGLE]
/* [00.MEDIA QUERIES,PRINT]
/*
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP]
--------------------------------------------------------------------------*/
.start {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}
.start p img {
	width: 100%;
	height: auto;
}
#bg-player {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	background: #212121;
	overflow: hidden;
	text-align: center;
	background-size: cover;
}
#bg-player:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.2;
	display:block
}
video {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#top-main {
	position: relative;
}
#top-main .txt-box {
	position: absolute;
	z-index: 1;
	top: 30%;
	left: 10%;
	color: #fff;
	width: 400px;
}
#top-main .txt-box .wrap {
	max-width: 1440px;
	width: 100%;
}
#top-main .txt-box .eng {
	font-size: 122px;
	line-height: 100%;
	margin-bottom: 20px;
}
a.scroll {
  display: inline-block;
  position: absolute;
  right: 40px;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-family: 'Cormorant Garamond', serif;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}
a.scroll:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #fff;
}
a.scroll:after {
	-webkit-animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
		animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
	-webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
	-webkit-transform: transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.bg-onlyone {
	background:url(../images/layouts/bg-onlyone-img.png)repeat-x;
    position: relative;
}
.bg-onlyone:before {
	content: "";
	background: url(../images/layouts/main-bg-accent.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 509px;
	height: 497px;
	top: 10%;
	left: 9%;
	filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
	-webkit-filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
	-moz-filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
	-ms-filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
}
.onlyone-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	padding: 160px 0 40px 5%;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	max-width: 1440px;
	margin: 0 auto;
	align-items: center;
}
.onlyone-wrap .txt-box {
	width: 30%;
	padding-right: 4%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 15px;
	line-height: 160%;
	z-index: 10;
}
.onlyone-wrap .eng,
.environment-wrap .eng,
.facility-wrap .eng,
.trainer-wrap .eng,
.plan-wrap .eng,
.access-wrap .eng {
	margin-bottom: 40px;
}
.onlyone-wrap h2,
.environment-wrap h2,
.facility-wrap h2,
.trainer-wrap h2,
.plan-wrap h2,
.access-wrap h2 {
	font-size: 36px;
	line-height: 140%;
	margin-bottom: 40px;
}
.onlyone-wrap .img-box {
	width: 70%;
}
.onlyone-wrap .img-box img {
	width: 100%;
	height: auto;
}
.environment-wrap {
	padding-left: 5%;
}
.environment-wrap .flx-wrap {
	justify-content: flex-start;
	align-items: center;
}
.environment-wrap .txt-box {
	width: 40%;
	padding-right: 8%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.environment-wrap .txt-box img,
.environment-wrap .img-box img {
	width: 100%;
	height: auto;
}
.environment-wrap .img-box {
	width: 60%;
}
.bg-environment {
	position: relative;
}
.bg-environment:before {
	content: 'ENVIRONMENT';
	font-family: 'Cormorant Garamond', serif;
	font-size: 168px;
	color: #fff;
	position: absolute;
	top: 15%;
	left: 10px;
	word-break: break-all;
    line-height: 82%;
}
.facility-wrap {
	padding-right: 5%;
}
.facility-wrap .txt-box {
	width: 30%;
	padding-left: 4%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.facility-wrap .txt-box img,
.facility-wrap .img-box img {
	width: 100%;
	height: auto;
}
.facility-wrap .img-box {
	width: 70%;
}
.facility-wrap .swiper-container {
	margin: 0 20px 0 0;
	position: relative;
}
.facility-wrap #swiper-buttons {
	left: 85%;
}
.facility-wrap .flx-wrap {
	justify-content: flex-end;
	align-items: center;
}
.bg-facility {
	position: relative;
}
.bg-facility:before {
	content: 'FACILITY';
	font-family: 'Cormorant Garamond', serif;
	font-size: 168px;
	color: #f2f3f4;
	position: absolute;
	top: 8%;
	right: 10px;
	word-break: break-all;
    line-height: 82%;
} 
.trainer-li {
	width: 680px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.trainer-li li {
	width: 46%;
	height: auto;
	text-align: center;
	transition: all 0.8s ease 0s;
}
.trainer-li li img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.trainer-li li .position {
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 100%;
}
.trainer-li li .name {
	font-size: 18px;
	line-height: 100%;
	margin-bottom: 20px;
}
.trainer-li li .btn-small {
    border: 1px solid #000;
    padding: 0 8px;
    font-size: 10px;
    width: 98px;
    margin: 0 auto;
    background: #fff;
    transition: all 0.8s ease 0s;
}
.trainer-li li .btn-small:hover {
	background: #000;
	color: #fff;
}
.trainer-li li a:hover {
	opacity: 0.5;
}
.bg-trainer {
	position: relative;
}
.bg-trainer:before {
	content: 'TRAINER';
	font-family: 'Cormorant Garamond', serif;
	font-size: 168px;
	color: #fff;
	position: absolute;
	top: 31%;
	left: 10px;
	word-break: break-all;
    line-height: 82%;
}
.bg-plan {
	background: url(../images/layouts/bg-plan.png) no-repeat center top;
	background-size: cover;
}
.plan-wrap {
	color: #fff;
}
.plan-btn-li {
	display: flex;
	flex-wrap: wrap;
	width: 740px;
	margin: 0 auto;
	justify-content: space-between;
}
.plan-btn-li li {
	width: 48%;
}
.plan-btn-li li .button {
	border: 1px solid #fff;
	background: none;
	padding: 21px;
}
.contact-ttl-wrap .eng {
    margin-bottom: 40px;
}
.contact-ttl-wrap h2 {
	font-size: 36px;
    line-height: 140%;
    margin-bottom: 60px;
}
.access-wrap {
	width: 100%;
	padding: 110px 0 60px 0;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.access-info-li {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.access-info-li li {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 140%;
}
.access-info-li li:first-child {
	text-align: right;
	border-right: 1px solid #000;
	padding-right: 30px;
}
.access-info-li li:last-child {
	padding-left: 30px;
}
.access-info-li li .address {
	font-size: 16px;
	margin-bottom: 5px;
}
.access-info-li li .caution {
	font-size: 14px;
	margin-bottom: 10px;
}
.access-info-li li .tel {
	font-size: 34px;
	font-weight: bold;
}
.access-info-li li .tel a {
	color: #000;
}
.bg-access {
	position: relative;
}
.bg-access:before {
    content: "";
    background: url(../images/layouts/main-bg-accent.svg) no-repeat;
    position: absolute;
    display: inline-block;
    width: 509px;
    height: 497px;
    z-index: -1;
    top: 13%;
    left: 0;
	right: 0;
	margin: auto;
    filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
    -webkit-filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
    -moz-filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
    -ms-filter: drop-shadow(10px 15px 15px rgba(0,0,0,.05));
}
/* [02.PAGE,LIST]
--------------------------------------------------------------------------*/
#main-page {
	padding-top: 30px;
}
#main-page .pkg-1440 {
	padding: 40px 0 80px 0;
}
#main-page h2 {
	font-size: 36px;
	line-height: 140%;
	margin-bottom: 20px;
}
#main-page h3 {
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 20px;
}
#main-page .eng {
	font-size: 20px;
	margin-bottom: 0;
}
.main-course,
.main-experience,
.main-concept {
	position: relative;
}
.main-course:before {
    content: 'COURSE';
    font-family: 'Cormorant Garamond', serif;
    font-size: 128px;
    color: #fff;
    position: absolute;
    top: 0%;
    left: 2%;
    word-break: break-all;
    line-height: 82%;
}
.main-experience:before {
    content: 'EXPERIENCE';
    font-family: 'Cormorant Garamond', serif;
    font-size: 128px;
    color: #fff;
    position: absolute;
    top: 0%;
    left: 2%;
    word-break: break-all;
    line-height: 82%;
}
.main-course-wrap,
.main-experience-wrap,
.main-concept-wrap {
	padding-left: 5%;
	justify-content: flex-start;
}
.main-course-wrap .txt-box,
.main-experience-wrap .txt-box,
.main-concept-wrap .txt-box {
	width: 40%;
	padding-right: 8%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.main-course-wrap .img-box,
.main-experience-wrap .img-box,
.main-concept-wrap .img-box {
	width: 60%;
}
.main-course-wrap .img-box img,
.main-experience-wrap .img-box img,
.main-concept-wrap .img-box img {
	width: 100%;
	height: auto;
}
.main-course-wrap .txt-box .ttl,
.main-experience-wrap .txt-box .ttl,
.main-concept-wrap .txt-box .ttl {
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 20px;
	color: #000;
}
.main-course-wrap .txt-box p,
.main-experience-wrap .txt-box p,
.main-concept-wrap .txt-box p {
	font-size: 14px;
	line-height: 160%;
	color: #444;
}
.main-concept-wrap .txt-box h2 {
	font-size: 14px!important;
}
.main-concept-wrap .txt-box h3 {
	font-size: 36px!important;
	line-height: 140%;
}
.fadein-slide {
    font-size: 30px;
    font-weight: bold;
    animation-name: fadeup;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes fadeup {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.page h2 {
   font-size: 28px;
   position: relative;
   padding: 0 20px 10px 20px;
   text-align: center;
   margin-bottom: 60px;
}
.page h2 span {
   font-size: 18px;
   font-size: 1.8rem;
   display: block;
}
.page h2:before {
   position: absolute;
   bottom: -10px;
   left: 0;
   right: 0;
   margin: auto;
   width: 60px;
   height: 1px;
   content: '';
   background: #b08213;
}
.page h3 {
	font-size: 24px;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f3f4;
	margin-bottom: 40px;
}
.page h3:before {
  	position: absolute;
  	bottom: -1px;
  	left: 0;
  	width: 80px;
  	height: 1px;
  	content: '';
  	background: #b08213;
}
.page h4 {
	font-size: 20px;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f3f4;
	margin-bottom: 20px;
}
.page h4:before {
  	position: absolute;
  	bottom: -1px;
  	left: 0;
  	width: 60px;
  	height: 1px;
  	content: '';
  	background: #b08213;
}
.tabs-li li {
	width: 50%;
}
.tabs-li li div {
    position: relative;
    z-index: 1;
}
.tabs-li li .bubble {
    width: 100%;
    height: auto;
    display: block;
    background: #f2f3f4;
    padding: 15px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 18px;
    color: #999;
    text-align: center;
    margin: 0 auto;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.tabs-li li .active .bubble {
    background: #000;
    color: #fff;
}
.tabs-li li .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #f2f3f4 transparent transparent transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-indent: -9999px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    display: none;
}
.tabs-li li .active .triangle {
    border-color: #000 transparent transparent transparent;
    display: block;
}
#switch-box-0 {
    display: block;
}
.course-wrap {
    display: none;
}
.course-wrap {
	padding: 80px 0 0 0;
}
.course-box {
	box-shadow: 0 0px 20px rgba(0,0,0, 0.1);
	padding: 40px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-content: center;
    margin-bottom: 60px;
    line-height: 160%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.experience-price .txt-box {
	width: 70%;
	padding-right: 4%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.experience-price .txt-box h3 {
	margin-bottom: 20px;
}
.experience-price .price-box {
	width: 30%;
	background: #f2f3f4;
	padding: 35px 30px 30px 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center
}
.experience-price .price-box .price {
	font-size: 28px;
	margin-bottom: 10px;
}
.experience-price .price-box .price span {
	font-size: 16px;
	margin-left: 10px;
}
.experience-price .price-box .button {
	display: inline-block;
	width: 200px;
	font-size: 14px;
	line-height: 100%;
}
.sub-item {
	justify-content: flex-start;
	margin-bottom: 20px;
}
.sub-item span {
	display: inline-block;
	padding: 2px 15px;
	background: #f2f3f4;
	border-radius: 100px;
	font-size: 12px;
	margin-right: 5px;
}
.sub-item span:last-child {
	margin-right: 0;
}
.diet-price-box {
	margin-bottom: 2%;
}
.diet-price-box li {
	border: 1px solid #eee;
	padding: 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 49%;
    text-align: center;
}
.diet-price-box li h4 {
	font-size: 18px;
	margin-bottom: 30px;
	text-align: center;
}
.diet-price-box li .course-name {
	font-size: 28px;
	margin-bottom: 5px;
}
.diet-price-box li .number {
	font-size: 14px;
	margin-bottom: 25px;
}
.diet-price-box li .price {
	padding: 25px 15px;
	background: #f2f3f4;
	font-size: 28px;
}
.admission-fee {
	border: 1px solid #eee;
	padding: 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center;
}
.admission-fee li {
	width: 50%;
	text-align: center;
}
.admission-fee li:first-child {
	font-size: 20px;
}
.admission-fee li:last-child {
	padding-left: 20px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
.admission-fee li p {
	background: #f2f3f4;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 28px;
}
.personal-price-box {
	width: 100%;
	height: auto;
}
.personal-price-box li {
	border: 1px solid #eee;
	padding: 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 2%;
}
.personal-price-box .monthly-box div {
	width: 49%;
	background: #f2f3f4;
	padding: 20px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center;
}
.personal-price-box .monthly-box div p {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
.personal-price-box .monthly-box div .number {
	padding: 15px;
	background: #fff;
	width: 30%;
}
.personal-price-box .monthly-box div .price {
	width: 70%;
	font-size: 28px;
}
.personal-price-box .monthly-box div .price span {
	font-size: 18px;
}
.ticket-price {
	border: 1px solid #eee;
	padding: 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center;
    margin-bottom: 2%;
}
.ticket-price li {
	width: 50%;
	text-align: center;
}
.ticket-price li h4 {
	font-size: 20px;
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
.ticket-price li h4:before {
	display: none;
}
.ticket-price li:first-child {
	font-size: 24px;
}
.ticket-price li:last-child {
	padding-left: 20px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
.ticket-price li p {
	background: #f2f3f4;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 28px;
}
.option-price li {
	width: 50%;
	text-align: center;
}
.option-price li h4 {
	font-size: 16px;
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 10px;
	color: #b08213;
}
.option-price li h4:before {
	display: none;
}
.option-price li {
	font-size: 20px;
}
.option-price li p {
    background: #f2f3f4;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 28px;
}
.option-price li p span {
	font-size: 18px;
}
.supplement-txt {
	font-size: 14px;
}
.option-price.course-box {
	margin-bottom: 30px;
}
.payment {
	justify-content: flex-start;
	align-items: center;
}
.payment li {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.payment li:first-child {
	width: 25%;
	font-size: 20px;
	border-right: 1px solid #f2f3f4;
}
.payment li:last-child {
	width: 75%;
	padding-left: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.payment li:last-child p:nth-child(1) {
	width: 40%;
}
.payment li:last-child p:nth-child(2) {
	width: 60%;
}
.payment li:last-child p img {
	width: 100%;
	height: auto;
}
.corporation-plan.course-box {
	margin-bottom: 0;
}
.corporation-plan h3 {
	margin-bottom: 20px;
}
.corporation-plan-btn {
	background: #f2f3f4;
	padding: 20px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.corporation-plan-btn li {
	width: 49%;
}
.diet-course h3,
.personal-course h3 {
	margin-bottom: 20px;
}
.main-experience-wrap .txt-box .button {
	width: 240px;
}
.flow-li {
	width: 100%;
	height: auto;
}
.flow-li li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-shadow: 0 0px 20px rgba(0,0,0, 0.1);
	padding: 40px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-content: center;
    margin-bottom: 20px;
    line-height: 160%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    align-items: center;
    background: #fff;
}
.flow-li li:last-child {
	margin-bottom: 120px;
}
.flow-li li .button {
	width: 240px;
}
.flow-li li .img-box {
	width: 40%;
	position: relative;
}
.flow-li li .img-box img {
	width: 100%;
	height: auto;
}
.flow-li li .img-box .eng {
	font-size: 16px;
	position: absolute;
	background: #fff;
	padding: 20px;
	text-align: center;
	line-height: 160%;
	color: #b08213;
}
.flow-li li .img-box .eng span {
	font-size: 32px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.flow-li li .txt-box {
	width: 60%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.flow-li li .txt-box .eng {
	font-size: 18px;
	margin-bottom: 20px;
	color: #b0b0b0;
}
.prd-left-4 {
	padding-left: 4%;
}
.prd-right-4 {
	padding-right: 4%;
}
.bg-page-experience {
	position: relative;
}
.bg-page-experience:before {
	content: 'FLOW';
    font-family: 'Cormorant Garamond', serif;
    font-size: 168px;
    color: #f2f3f4;
    position: absolute;
    top: 3.5%;
    right: 20px;
    word-break: break-all;
    line-height: 82%;
}
.last-message {
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.last-message .ttl {
	font-size: 32px;
	margin-bottom: 20px;
	color: #b08213;
	line-height: 140%;
}
.concept-txt-wrap {
    box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
    padding: 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 160%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    background: #fff;
    width: 840px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.concept-txt-wrap .ttl-min {
	font-size: 28px;
	line-height: 140%;
	margin-bottom: 60px;
}
.under-line {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(0, #f4ecd8));
    background-image: -o-linear-gradient(transparent 55%, #f4ecd8 0);
    background-image: linear-gradient(transparent 55%, #f4ecd8 0);
}
.bg-page-concept {
	position: relative;
}
.bg-page-concept:before {
	content: 'MESSAGE';
    font-family: 'Cormorant Garamond', serif;
    font-size: 168px;
    color: #f2f3f4;
    position: absolute;
    top: 11.5%;
    left: 20px;
    word-break: break-all;
    line-height: 82%;
}
.ceo-career {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
	background: #fff;
    padding: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 980px;
    margin: 0 auto;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.ceo-career .img-box {
	width: 40%;
}
.ceo-career .txt-box {
	width: 56%;
}
.ceo-career .img-box img {
	width: 100%;
	height: auto;
}
.ceo-career .txt-box h3 {
	margin-bottom: 30px;
}
.ceo-career .txt-box h4 {
	font-size: 18px;
	padding-bottom: 0;
	padding-bottom: 15px;
	border-bottom: none;
	margin-bottom: 20px;
}
.ceo-career .txt-box h4:before {
	width: 40px;
}
.career-li {
	margin-bottom: 30px;
}
.career-li li {
	font-size: 12px;
	line-height: 140%;
}
/* [00.MEDIA QUERIES,PRINT]
--------------------------------------------------------------------------*/
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
@media (max-width: 1024px) {
	.fixed {
		height: 100%;
	    overflow: hidden;
	}
	#menu-trigger {
		display: block;
	}
	.d-pc {
		display: none;
	}
	.d-sp {
		display: block;
	}
	a[href^="tel:"] {
	    pointer-events: auto;
	}
	header {
		height: 65px;
		background: none;
		position: fixed;
	}
	header div.pkg {
		padding: 0 20px;
	}
	header div.header-slide {
		height: 65px;
		padding: 0;
		position: fixed;
	}
	header div.header-slide h1.logo {
		width: 140px;
		height: auto;
		display: block;
		z-index: 10;
		padding: 20px 30px;
	}
	.conts-fixed.header-slide h1.logo {
		width: 110px;
		position: initial;
		display: block;
		margin-left: 0;
		padding: 12px 25px 17px 25px;
	}
	.conts-fixed.header-slide h1.logo img {
		width: 100%;
		height: auto;
	}
	.underlayer div.header-slide h1.logo {
		margin-left: 0;
	}
	#nav-main {
		display: none;
	}
	#menu {
		display: block;
	}
	footer .f-wrap {
		width: 100%;
		padding: 80px 6% 30px 6%;
	}
	footer .f-wrap ul {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.site-map {
		width: 100%;
		order: 1;
	}
	.f-company-wrap {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.company-profile,
	.f-shop-wrap {
		width: 100%;
		order: 2;
	}
	.company-profile .f-logo,
	.f-shop-wrap .f-logo {
		width: 20%;
	}
	.company-profile .txt,
	.f-shop-wrap .txt {
		width: 80%;
	}
	.f-shop-wrap .shop-info {
		width: 100%;
	}
	.f-shop-wrap .shop-info:first-child {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #212121;
	}
	.back_top a {
	    width: 40px;
	    height: 40px;
	    line-height: 24px;
	    bottom: 90px;
	}
	.back_top a img {
		width: auto;
		height: 8px;
	}
	#bg-player {
		width: 100%;
		height: 100vh;
		background-size: cover;
		display: block;
	}
	video {
	    width: auto;
	    position: absolute;
	    top: 0;
	    left: -180%;
	    right: 0;
	    height: 100vh;
	    margin: 0 auto;
    }
	#top-main .txt-box {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		word-break: break-all;
		top: 30%;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0 6%;
	}
	#top-main .txt-box .eng {
		font-size: 72px;
	}
	a.scroll {
		right: 6%;
		top: 50%;
		bottom: inherit;
	}
	.onlyone-wrap h2,
	.environment-wrap h2,
	.facility-wrap h2,
	.trainer-wrap h2,
	.plan-wrap h2,
	.access-wrap h2 {
		font-size: 34px;
	}
	.eng {
		font-size: 40px;
	}
	.onlyone-wrap {
		padding: 40px 6% 0 6%;
		word-break: break-all;
	}
	.onlyone-wrap .txt-box {
		width: 100%;
		margin-bottom: 40px;
		padding-right: 0;
		padding-top: 50px;
	}
	.onlyone-wrap .img-box {
		width: 100%;
	}
	.bg-onlyone {
		overflow: hidden;
	}
	.bg-onlyone:before {
		width: 100%;
		left: 20%;
	}
	.environment-wrap {
	    padding-left: 6%;
	}
	.environment-wrap .eng {
		padding-right: 6%;
	}
	.environment-wrap .txt-box {
		width: 100%;
		padding-right: 6%;
	}
	.environment-wrap .txt-box img {
		display: none;
	}
	.environment-wrap .img-box {
		width: 100%;
		height: auto;
	}
	.bg-environment:before {
		top: 5%;
	}
	.facility-wrap {
		padding: 0 6%;
	}
	.facility-wrap .txt-box {
		width: 100%;
		order: 1;
		margin-bottom: 40px;
		padding-left: 0;
	}
	.facility-wrap .img-box {
		width: 100%;
		order: 2;
	}
	.facility-wrap .swiper-container {
		margin: 0;
	}
	.facility-wrap #swiper-buttons {
		left: 60px;
	}
	#trainer .pkg-1440,
	#plan .pkg-1440 {
		padding: 100px 6%;
	}
	.trainer-li {
		width: 100%;
	}
	.trainer-li li {
		width: 48%;
	}
	.trainer-li li img {
		width: 80%;
	}
	.popup-content .img-box,
	.popup-content .txt-box {
		width: 100%;
	}
	.popup-content .img-box {
		text-align: center;
		margin-bottom: 20px;
	}
	.popup-content .img-box img {
		width: 50%;
		margin: 0 auto;
	}
	.plan-btn-li {
		width: 100%;
	}
	.plan-btn-li li {
		width: 100%;
	}
	.plan-btn-li li:first-child {
		margin-bottom: 20px;
	}
	.pkg-1440 {
		padding: 100px 0;
	}
	.pkg-1200 {
		padding: 100px 6%;
	}
	.bg-trainer:before {
		top: 20%;
	}
	.contact-ttl-wrap h2 {
		font-size: 26px;
	}
	.contact-frm ul li div:first-child,
	.contact-frm ul li div:last-child {
		width: 100%;
	}
	.contact-frm ul li div:first-child {
		margin-bottom: 10px;
	}
	.contact-frm ul li .kibou-ttl {
		width: 100%;
	}
	.contact-frm ul li .kibou-ttl,
	.contact-frm ul li div:last-child
	.reserve-date input[type="text"],
	.contact-frm ul li select {
	    width: 100%;
	}
	.contact-frm ul li select {
	    margin: 10px 0;
	}
	.access-wrap {
		padding: 100px 6%;
	}
	.access-info-li li {
		width: 100%;
	}
	.access-info-li li:first-child {
		border-right: none;
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
		padding-right: 0;
		text-align: left;
	}
	.access-info-li li:last-child {
	    padding-left: 0;
	    padding-top: 20px;
	}
	.access-info-li li .address {
		margin-bottom: 10px;
	}
	.access-info-li li .caution {
	    font-size: 14px;
	    margin-bottom: 20px;
	    line-height: 120%;
	}
	.bg-access:before {
	    width: 100%;
	    top: 30%;
	}
	.trainer-wrap .eng,
	.trainer-wrap h2,
	.trainer-wrap .spc-b-60,
	.plan-wrap .spc-b-40 {
		text-align: left;
	}
	#main-page .pkg-1440 {
		padding: 0 0 60px 0;
	}
	#main-page h2 {
		font-size: 32px;
	}
	.page h3 {
		font-size: 22px;	
	}
	.main-course:before,
	.main-experience:before {
		top: 42%;
	}
	.main-course-wrap,
	.main-experience-wrap,
	.main-concept-wrap {
		padding-left: 0;
	}
	.main-course-wrap .txt-box,
	.main-course-wrap .img-box,
	.main-experience-wrap .txt-box,
	.main-experience-wrap .img-box,
	.main-concept-wrap .txt-box,
	.main-concept-wrap .img-box {
		width: 100%;
	}
	.main-course-wrap .img-box,
	.main-experience-wrap .img-box,
	.main-concept-wrap .img-box {
		order: 1;
	}
	.main-course-wrap .txt-box,
	.main-experience-wrap .txt-box,
	.main-concept-wrap .txt-box {
		order: 2;
		padding: 60px 40px 20px 40px;
	}
	.tabs-li li .bubble {
		height: 60px;
		line-height: 130%;
		font-size: 13px;
		padding: 15px 10px;
	}
	.tabs-li li:first-child .bubble {
		line-height: 30px;
	}
	.course-box {
		padding: 30px 20px 20px 20px;
	}
	.experience-price .txt-box {
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	.experience-price .price-box {
		width: 100%;
		padding: 25px 10px 25px 10px;
	}
	.experience-price .price-box .price,
	.diet-price-box li .price,
	.admission-fee li p,
	.ticket-price li p,
	.personal-price-box .monthly-box div .price {
		font-size: 26px;
	}
	.sub-item span {
		margin-bottom: 5px;
	}
	.diet-price-box li {
		width: 100%;
		margin-bottom: 10px;
	}
	.diet-price-box {
		margin-bottom: 20px;
	}
	.diet-price-box li,
	.admission-fee,
	.ticket-price,
	.personal-price-box li {
		padding: 25px 20px 20px 20px;
	}
	.ticket-price,
	.personal-price-box li {
		margin-bottom: 20px;
	}
	.diet-price-box li h4 {
		font-size: 15px;
	}
	.admission-fee li:first-child,
	.admission-fee li:last-child {
		width: 100%;
		padding-left: 0;
	}
	.admission-fee li:first-child,
	.ticket-price li:first-child {
		margin-bottom: 20px;
	}
	.ticket-price li:first-child,
	.ticket-price li:last-child {
		width: 100%;
		padding-left: 0;
	}
	.personal-price-box .monthly-box div {
		width: 100%;
	}
	.personal-price-box .monthly-box div:first-child {
		margin-bottom: 10px;
	}
	.personal-price-box .monthly-box div .number,
	.personal-price-box .monthly-box div .price {
		width: 100%;
	}
	.personal-price-box .monthly-box div .number {
		margin-bottom: 20px;
	}
	.option-price li {
		width: 100%;
	}
	.option-price li:first-child {
		margin-bottom: 20px;
	}
	.option-price li p {
		font-size: 24px;
	}
	.payment li:first-child,
	.payment li:last-child,
	.payment li:last-child p:nth-child(1),
	.payment li:last-child p:nth-child(2) {
		width: 100%;
		padding-left: 0;
	}
	.payment li:first-child {
		margin-bottom: 20px;
		text-align: center;
	}
	.payment li:last-child p:nth-child(1) {
		margin-bottom: 10px;
	}
	.corporation-plan-btn li {
		width: 100%;
	}
	.corporation-plan-btn li:first-child {
		margin-bottom: 10px;
	}
	.bg-page-experience:before {
		font-size: 88px;
		top: 1.5%;
	}
	.flow-li li {
		padding: 20px 20px 30px 20px;
	}
	.flow-li li .img-box {
		width: 100%;
		margin-bottom: 30px;
		order: 1;
	}
	.flow-li li .txt-box {
		width: 100%;
		padding-left: 0;
		order: 2;
	}
	.flow-li li .button {
		width: auto;
	}
	.flow-li li .img-box .eng {
		padding: 15px 10px;
		font-size: 12px;
	}
	.flow-li li .img-box .eng span {
		font-size: 22px;
	}
	.flow-li li .txt-box .eng {
		font-size: 15px;
	}
	input[type="submit"] {
		width: 100%;
	}
	.main-experience-wrap .txt-box .button {
		width: auto;
	}
	.flow-li li:last-child {
		margin-bottom: 80px;
	}
	.concept-txt-wrap {
		width: 100%;
		padding: 40px;
	}
	.concept-txt-wrap .ttl-min {
		margin-bottom: 40px;
		text-align: left;
	}
	.bg-page-concept:before {
		font-size: 68px;
		top: 6.5%;
	}
	.ceo-career {
		width: 100%;
	}
	.ceo-career .img-box,
	.ceo-career .txt-box {
		width: 100%;
	}
	.ceo-career .img-box {
		margin-bottom: 40px;
	}
	.ceo-career .txt-box h4 {
		font-size: 16px;
	}
	.career-li li {
		margin-bottom: 8px;
	}
}
/* [width:1030-1280]
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1030px) and ( max-width:1280px){
	#logo {
	    width: 18%;
	}
	nav#nav-main {
		width: 95%;
	}
	.conts-fixed #logo-slide {
    	width: 14%;
    }
    .conts-fixed nav#nav-main {
	    width: 90%;
	}
	#top-main .txt-box {
		top: 20%;
	}
}
/* [width:1500-1680]
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1500px) and ( max-width:1680px){
	#logo {
	    width: 12%;
	}
	nav#nav-main {
		width: 95%;
	}
	.conts-fixed #logo-slide {
    	width: 10%;
    }
    .conts-fixed nav#nav-main {
	    width: 90%;
	}
	#bg-player {
		position: relative;
		width: 100%;
		height: 800px;
		margin: 0 auto;
		background: #212121;
		overflow: hidden;
		text-align: center;
		background-size: cover;
	}
	video {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	#top-main .txt-box {
		top: 24%;
	}
	.onlyone-wrap {
		padding: 110px 0 40px 0;
    }
    .environment-wrap {
		padding-left: 0;
	}
	#breadcrumbs p {
		padding: 12px 0;
	}
	#main-page {
		padding-top: 60px;
	}
	.main-course:before {
		left: 4%;
	}
	.main-course-wrap {
		padding-left: 0;
	}
}
/* [width:1700-2400]
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1700px) and ( max-width:2400px){
	h1.logo {
	    width: 11%;
	}
	.conts-fixed.header-slide h1.logo {
		width: 9%;
	}
	nav#nav-main {
		width: 95%;
	}
    .conts-fixed nav#nav-main {
	    width: 90%;
	}
	#bg-player {
		position: relative;
		width: 100%;
		height: 920px;
		margin: 0 auto;
		background: #212121;
		overflow: hidden;
		text-align: center;
		background-size: cover;
	}
	video {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.onlyone-wrap {
    	padding: 110px 0 40px 0;
    }
    .environment-wrap {
		padding-left: 0;
	}
	#breadcrumbs p {
		padding: 12px 0;
	}
	#main-page {
		padding-top: 60px;
	}
	.main-course:before {
		left: 8%;
	}
	.main-course-wrap {
		padding-left: 0;
	}
}
/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
	}
@media print {
}