@charset "UTF-8";
/*-----------------------------------------------------------
コンテンツ
-----------------------------------------------------------*/
/* line 8, ../scss/studio.scss */
.main-visual {
	position: relative;
	text-align: left;
	margin-bottom: 100px;
}
/* line 13, ../scss/studio.scss */
.main-visual .slide {
	position: absolute;
	width: 94%;
	height: 100%;
	margin: 0 3%;
}
/* line 19, ../scss/studio.scss */
.main-visual article {
	position: absolute;
	top: 50%;
	left: 10.8%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* line 26, ../scss/studio.scss */
.main-visual h1 {
	display: inline-block;
	font-size: 60px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #fff;
}
/* line 32, ../scss/studio.scss */
.main-visual h1 span.blue {
	background: url(../img/parts/h_blue_bg01.png);
}
/* line 35, ../scss/studio.scss */
.main-visual h1 span.pink {
	background: url(../img/parts/h_pink_bg01.png);
}
/* line 38, ../scss/studio.scss */
.main-visual h1 span.orange {
	background: url(../img/parts/h_orange_bg01.png);
}
/* line 43, ../scss/studio.scss */
.main-visual .booking_form {
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	float: right;
}

@media screen and (max-width: 740px) {
  /* line 54, ../scss/studio.scss */
  .main-visual {
	margin: 0 0 30px;
  }
  /* line 56, ../scss/studio.scss */
  .main-visual .slide {
	margin: 0;
	width: 100%;
  }
  /* line 60, ../scss/studio.scss */
  .main-visual article {
	left: 0;
	width: 100%;
	padding: 0 11px;
  }
  /* line 65, ../scss/studio.scss */
  .main-visual h1 {
	margin-bottom: 1em;
	font-size: 38px;
  }
}
/* line 73, ../scss/studio.scss */
#story {
	margin-bottom: 100px;
}
/* line 75, ../scss/studio.scss */
#story h3 {
	margin-bottom: 40px;
}
/* line 78, ../scss/studio.scss */
#story article {
	position: relative;
	margin-top: -35px;
	text-align: left;
}
/* line 83, ../scss/studio.scss */
#story figure {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: url(../img/photo/story_img.jpg) no-repeat 50%;
	background-size: cover;
}
/* line 92, ../scss/studio.scss */
#story .article-text {
	padding: 112px 57% 62px 10.8%;
	vertical-align: middle;
}

@media screen and (max-width: 740px) {
  /* line 98, ../scss/studio.scss */
  #story {
	margin-bottom: 30px;
  }
  /* line 100, ../scss/studio.scss */
  #story figure {
	position: static;
	width: 100%;
	height: auto;
	padding-top: 70%;
  }
  /* line 106, ../scss/studio.scss */
  #story h3 {
	margin-bottom: 20px;
  }
  /* line 109, ../scss/studio.scss */
  #story .article-text {
	padding: 20px 3% 20px;
  }
}
/* line 116, ../scss/studio.scss */
#news {
	background: #F7F6F4;
	padding: 0 0 100px;
}
/* line 119, ../scss/studio.scss */
#news h2 {
	top: -30px;
	margin: 0 0 30px;
}
/* line 123, ../scss/studio.scss */
#news dl {
	max-width: 985px;
	margin: auto;
	border-top: 1px solid #B2B2B2;
}
/* line 128, ../scss/studio.scss */
#news dt {
	padding: 0.5em 0;
	clear: both;
	float: left;
	font-size: 14px;
	color: #555555;
}
/* line 135, ../scss/studio.scss */
#news dd {
	text-align: left;
	padding: 0.5em 0 0.5em 8em;
	border-bottom: 1px solid #B2B2B2;
}

@media screen and (max-width: 740px) {
  /* line 143, ../scss/studio.scss */
  #news h2 {
	top: -15px;
  }
  /* line 146, ../scss/studio.scss */
  #news dl {
	padding: 0 3%;
  }
  /* line 149, ../scss/studio.scss */
  #news dt {
	text-align: left;
	padding: 0.5em 0 0;
	float: none;
  }
  /* line 154, ../scss/studio.scss */
  #news dd {
	padding: 0 0 0.5em;
  }
}
/* line 160, ../scss/studio.scss */
#studio {
	padding-bottom: 140px;
}
/* line 162, ../scss/studio.scss */
#studio figure {
	margin: 0 auto 0 10.8%;
	background: url(../img/photo/studio_img.jpg) no-repeat 50%;
	background-size: cover;
	text-align: left;
}
/* line 167, ../scss/studio.scss */
#studio figure:after {
	content: "";
	display: block;
	padding-top: 20.7%;
}
/* line 173, ../scss/studio.scss */
#studio article {
	padding: 60px 0 0 10.8%;
	text-align: left;
	display: table;
}
/* line 178, ../scss/studio.scss */
#studio h3 {
	margin-bottom: 40px;
}
/* line 181, ../scss/studio.scss */
#studio .left-box {
	display: table-cell;
	width: 600px;
	padding-right: 197px;
}
/* line 186, ../scss/studio.scss */
#studio .right-box {
	display: table-cell;
	width: 551px;
	vertical-align: bottom;
}

@media screen and (max-width: 740px) {
  /* line 194, ../scss/studio.scss */
  #studio {
	padding-bottom: 60px;
  }
  /* line 196, ../scss/studio.scss */
  #studio figure {
	margin: 0 0;
  }
  /* line 199, ../scss/studio.scss */
  #studio article {
	display: block;
	padding: 20px 3% 0;
  }
  /* line 203, ../scss/studio.scss */
  #studio h3 {
	margin-bottom: 20px;
  }
  /* line 206, ../scss/studio.scss */
  #studio .left-box {
	display: block;
	width: 100%;
	padding-right: 0;
	margin-bottom: 30px;
  }
  /* line 212, ../scss/studio.scss */
  #studio .right-box {
	display: block;
	width: 100%;
	vertical-align: top;
  }
}
/* line 221, ../scss/studio.scss */
#recording {
	margin-bottom: 80px;
}
/* line 223, ../scss/studio.scss */
#recording figure {
	position: relative;
	z-index: 1;
	text-align: left;
}
/* line 228, ../scss/studio.scss */
#recording article {
	position: relative;
	z-index: 2;
	margin-top: -50px;
	display: flex;
	width: 100%;
	padding: 0 31% 0 10.8%;
	text-align: left;
	background: url(../img/photo/recording_room02.jpg) no-repeat right 0;
	background-size: 25%;
}
/* line 238, ../scss/studio.scss */
#recording article h2 {
	margin: 0 0 20px;
}
/* line 240, ../scss/studio.scss */
#recording article h2 span {
	margin-top: 10px;
}
/* line 244, ../scss/studio.scss */
#recording article .text-area {
	max-width: 388px;
	vertical-align: top;
}
/* line 248, ../scss/studio.scss */
#recording article .img-area {
	padding: 120px 0 0 30px;
}

@media screen and (max-width: 740px) {
  /* line 255, ../scss/studio.scss */
  #recording article {
	display: block;
	margin: 0;
	padding: 0 3%;
	background: none;
  }
  /* line 260, ../scss/studio.scss */
  #recording article .text-area {
	max-width: 100%;
  }
  /* line 263, ../scss/studio.scss */
  #recording article .img-area {
	padding: 0 3%;
  }
}
/* line 270, ../scss/studio.scss */
#control {
	margin-bottom: 80px;
}
/* line 272, ../scss/studio.scss */
#control figure {
	position: relative;
	z-index: 1;
	text-align: right;
}
/* line 277, ../scss/studio.scss */
#control article {
	position: relative;
	z-index: 2;
	margin-top: -50px;
	display: flex;
	width: 100%;
	padding-left: 35.8%;
	text-align: left;
	background: url(../img/photo/control_room02.jpg) no-repeat left 0;
	background-size: 25%;
}
/* line 287, ../scss/studio.scss */
#control article h2 {
	margin: 0 0 20px;
}
/* line 289, ../scss/studio.scss */
#control article h2 span {
	margin-top: 10px;
}
/* line 293, ../scss/studio.scss */
#control article .img-area {
	min-width: 320px;
	padding: 120px 30px 0 0;
}
/* line 297, ../scss/studio.scss */
#control article .text-area {
	width: 59%;
	padding-right: 10.8%;
}

@media screen and (max-width: 740px) {
  /* line 305, ../scss/studio.scss */
  #control figure {
	text-align: left;
  }
  /* line 308, ../scss/studio.scss */
  #control article {
	display: block;
	margin: 0;
	padding: 0 3%;
	background: none;
  }
  /* line 313, ../scss/studio.scss */
  #control article .img-area {
	padding: 0 3%;
  }
  /* line 316, ../scss/studio.scss */
  #control article .text-area {
	width: 100%;
	padding: 0 3%;
  }
}
/* line 325, ../scss/studio.scss */
#hostel {
	clear: both;
	padding-bottom: 140px;
}
/* line 329, ../scss/studio.scss */
#hostel h2 span {
	margin: 1em 0 0 5px;
	font-size: 16px;
}
/* line 334, ../scss/studio.scss */
#hostel .h-bg {
	margin: 0 auto 0 10.8%;
	background: url(../img/photo/dormitory_img.jpg) no-repeat 50%;
	background-size: cover;
	text-align: left;
}
/* line 339, ../scss/studio.scss */
#hostel .h-bg:after {
	content: "";
	display: block;
	padding-top: 20.7%;
}
/* line 344, ../scss/studio.scss */
#hostel .h-bg h2 {
	top: -35px;
}
/* line 348, ../scss/studio.scss */
#hostel article {
	padding: 60px 0 85px 10.8%;
	text-align: left;
	display: table;
}
/* line 353, ../scss/studio.scss */
#hostel h3 {
	margin-bottom: 40px;
}
/* line 357, ../scss/studio.scss */
#hostel .left-box {
	display: table-cell;
	width: 460px;
	padding-right: 30px;
}
/* line 362, ../scss/studio.scss */
#hostel .right-box {
	display: table-cell;
	width: 580px;
	vertical-align: bottom;
	font-size: 85%;
}
/* line 367, ../scss/studio.scss */
#hostel .right-box h4 {
	font-size: 16px;
}
/* line 371, ../scss/studio.scss */
#hostel .column3 {
	clear: both;
}
/* line 373, ../scss/studio.scss */
#hostel .column3 figure {
	margin-bottom: 20px;
	padding-top: 65.5%;
}
/* line 377, ../scss/studio.scss */
#hostel .column3 h4 {
	margin-bottom: 15px;
	font-size: 18px;
}

@media screen and (max-width: 740px) {
  /* line 385, ../scss/studio.scss */
  #hostel {
	padding-bottom: 60px;
  }
  /* line 387, ../scss/studio.scss */
  #hostel .h-bg {
	margin: 0 0;
  }
  /* line 389, ../scss/studio.scss */
  #hostel .h-bg h2 {
	position: relative;
	top: -15px;
	margin-top: 0;
	padding: 0 3%;
  }
  /* line 396, ../scss/studio.scss */
  #hostel article {
	display: block;
	padding: 20px 3% 0;
  }
  /* line 400, ../scss/studio.scss */
  #hostel h3 {
	margin-bottom: 20px;
  }
  /* line 403, ../scss/studio.scss */
  #hostel .left-box {
	display: block;
	width: 100%;
	padding-right: 0;
	margin-bottom: 30px;
  }
  /* line 409, ../scss/studio.scss */
  #hostel .right-box {
	display: block;
	width: 100%;
	vertical-align: top;
  }
}
/* line 418, ../scss/studio.scss */
#music-lab {
	position: relative;
	background: #F7F6F4;
}
/* line 421, ../scss/studio.scss */
#music-lab h2 {
	top: -30px;
}
/* line 424, ../scss/studio.scss */
#music-lab figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: url(../img/photo/music_lab_img.jpg) no-repeat 50%;
	background-size: cover;
}
/* line 433, ../scss/studio.scss */
#music-lab h3 {
	margin-bottom: 40px;
}
/* line 436, ../scss/studio.scss */
#music-lab article {
	position: relative;
	margin-top: -35px;
	text-align: left;
}
/* line 441, ../scss/studio.scss */
#music-lab .article-text {
	text-align: left;
	padding: 60px 10.8% 100px 57%;
	vertical-align: middle;
}
/* line 445, ../scss/studio.scss */
#music-lab .article-text a {
	display: inline-block;
	margin: 40px 0 0;
	padding: 18px 23px;
	font-size: 14px;
	border: 1px solid #333;
}

@media screen and (max-width: 740px) {
  /* line 456, ../scss/studio.scss */
  #music-lab h2 {
	top: -18px;
  }
  /* line 459, ../scss/studio.scss */
  #music-lab figure {
	position: static;
	width: 100%;
	height: auto;
	padding-top: 70%;
  }
  /* line 465, ../scss/studio.scss */
  #music-lab h3 {
	margin-bottom: 20px;
  }
  /* line 468, ../scss/studio.scss */
  #music-lab .article-text {
	padding: 20px 3% 20px;
  }
  /* line 470, ../scss/studio.scss */
  #music-lab .article-text a {
	display: block;
	width: 100%;
	text-align: center;
  }
}
/* line 480, ../scss/studio.scss */
#clap {
	background: url(../img/photo/clap_bg.jpg) no-repeat 50% 100%;
	background-size: cover;
	color: #fff;
	padding: 100px 0 120px;
}
/* line 485, ../scss/studio.scss */
#clap h2 {
	margin: auto auto 50px;
	max-width: 260px;
}
/* line 489, ../scss/studio.scss */
#clap h3 {
	margin-bottom: 30px;
	font-size: 16px;
}
/* line 493, ../scss/studio.scss */
#clap p {
	margin: 0 0 50px;
	color: #fff;
}
/* line 497, ../scss/studio.scss */
#clap a {
	display: inline-block;
	padding: 18px;
	font-size: 14px;
	color: #FFF100;
	border: 1px solid #FFF100;
}

@media screen and (max-width: 740px) {
  /* line 507, ../scss/studio.scss */
  #clap a {
	display: block;
	width: 100%;
	text-align: center;
  }
}
/* line 516, ../scss/studio.scss */
#price {
	padding: 60px 0 120px;
	background: #F7F6F4;
}
/* line 519, ../scss/studio.scss */
#price h2 {
	margin: 0 0 10px;
}
/* line 521, ../scss/studio.scss */
#price h2 + p {
	clear: both;
	margin-bottom: 40px;
}
/* line 526, ../scss/studio.scss */
#price .price-table {
	max-width: 824px;
	margin: auto;
	padding: 40px 70px;
	border: 2px solid #333;
	background: #fff;
}
/* line 532, ../scss/studio.scss */
#price .price-table dl {
	display: table;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #B2B2B2;
	line-height: 1;
}
/* line 538, ../scss/studio.scss */
#price .price-table dl:last-child {
	border-bottom: none;
}
/* line 542, ../scss/studio.scss */
#price .price-table .border-none {
	padding: 30px 0 5px;
	border-bottom: none;
}
/* line 545, ../scss/studio.scss */
#price .price-table .border-none + dl {
	padding: 5px 0 30px;
}
/* line 549, ../scss/studio.scss */
#price .price-table dt, #price .price-table dd {
	display: table-cell;
}
/* line 552, ../scss/studio.scss */
#price .price-table dt {
	width: 60%;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
/* line 557, ../scss/studio.scss */
#price .price-table dt span {
	font-size: 11px;
}
/* line 561, ../scss/studio.scss */
#price .price-table dd {
	text-align: right;
}
/* line 563, ../scss/studio.scss */
#price .price-table dd strong {
	font-size: 22px;
}
/* line 567, ../scss/studio.scss */
#price .price-table dd.disc {
	font-weight: normal;
	width: 8em;
}

@media screen and (max-width: 740px) {
  /* line 574, ../scss/studio.scss */
  #price {
	padding: 30px 0 60px;
  }
  /* line 576, ../scss/studio.scss */
  #price h2 {
	position: relative;
	margin: 0 0 10px;
  }
  /* line 579, ../scss/studio.scss */
  #price h2 + p {
	padding: 0 3%;
	margin-bottom: 20px;
  }
  /* line 584, ../scss/studio.scss */
  #price .price-table {
	padding: 10px 12px;
  }
  /* line 586, ../scss/studio.scss */
  #price .price-table dl {
	display: block;
	padding: 10px 0;
  }
  /* line 590, ../scss/studio.scss */
  #price .price-table dt {
	display: block;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	font-size: 14px;
	width: 100%;
	float: none;
	clear: both;
  }
  /* line 599, ../scss/studio.scss */
  #price .price-table dd {
	display: block;
	text-align: left;
	font-size: 12px;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
  }
  /* line 605, ../scss/studio.scss */
  #price .price-table dd strong {
	font-size: 16px;
  }
}
/* line 614, ../scss/studio.scss */
#staff {
	padding: 0 0 117px;
}
/* line 616, ../scss/studio.scss */
#staff h2 {
	top: -35px;
	margin-bottom: 45px;
}
/* line 620, ../scss/studio.scss */
#staff .item {
	float: none;
	display: inline-block;
}
/* line 623, ../scss/studio.scss */
#staff .item figure {
	max-width: 268px;
	margin-bottom: 24px;
	padding-top: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
/* line 629, ../scss/studio.scss */
#staff .item h3 {
	margin-bottom: 20px;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
}
/* line 634, ../scss/studio.scss */
#staff .item h3 span {
	display: block;
	font-size: 14px;
}

@media screen and (max-width: 740px) {
  /* line 642, ../scss/studio.scss */
  #staff {
	padding: 0 0 40px;
  }
  /* line 644, ../scss/studio.scss */
  #staff h2 {
	top: -18px;
  }
  /* line 648, ../scss/studio.scss */
  #staff .item figure {
	margin: auto auto 20px;
	width: 160px;
	height: 160px;
	padding: 0;
  }
}
/* line 659, ../scss/studio.scss */
#event {
	padding-bottom: 120px;
	background: #F7F6F4;
}
/* line 662, ../scss/studio.scss */
#event h2 {
	top: -35px;
	text-align: right;
}
/* line 665, ../scss/studio.scss */
#event h2 + p {
	text-align: right;
	margin-bottom: 40px;
}
/* line 670, ../scss/studio.scss */
#event h3 {
	margin-bottom: 15px;
	font-size: 18px;
}
/* line 674, ../scss/studio.scss */
#event figure {
	margin-bottom: 20px;
	padding-top: 65.5%;
}
/* line 678, ../scss/studio.scss */
#event .bnr {
	padding: 92px 0 72px;
	background: url(../img/event/event_bnr.jpg) no-repeat 50%;
	background-size: cover;
}
/* line 682, ../scss/studio.scss */
#event .bnr h4 {
	font-size: 52px;
	color: #fff;
}
/* line 686, ../scss/studio.scss */
#event .bnr a {
	display: inline-block;
	padding: 18px 24px;
	font-size: 14px;
	color: #FFF100;
	border: 1px solid #FFF100;
}

@media screen and (max-width: 740px) {
  /* line 696, ../scss/studio.scss */
  #event {
	padding-bottom: 60px;
  }
  /* line 698, ../scss/studio.scss */
  #event h2 {
	top: -18px;
	text-align: left;
  }
  /* line 701, ../scss/studio.scss */
  #event h2 + p {
	text-align: left;
  }
  /* line 705, ../scss/studio.scss */
  #event .bnr {
	padding: 42px 20px 22px;
  }
  /* line 707, ../scss/studio.scss */
  #event .bnr h4 {
	font-size: 28px;
  }
  /* line 710, ../scss/studio.scss */
  #event .bnr a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
  }
}
/* line 720, ../scss/studio.scss */
#scene {
	padding-bottom: 120px;
}
/* line 722, ../scss/studio.scss */
#scene h2 {
	top: -35px;
	text-align: left;
}
/* line 725, ../scss/studio.scss */
#scene h2 + p {
	margin-bottom: 60px;
	text-align: left;
}
/* line 730, ../scss/studio.scss */
#scene h3 {
	margin-bottom: 15px;
	font-size: 18px;
}
/* line 734, ../scss/studio.scss */
#scene figure {
	margin-bottom: 15px;
	padding-top: 65.5%;
}

@media screen and (max-width: 740px) {
  /* line 740, ../scss/studio.scss */
  #scene {
	padding-bottom: 60px;
  }
  /* line 742, ../scss/studio.scss */
  #scene h2 {
	top: -18px;
  }
  /* line 744, ../scss/studio.scss */
  #scene h2 + p {
	margin-bottom: 30px;
  }
}
/* line 751, ../scss/studio.scss */
.remodal-close::after {
	color: #000;
}