@charset "utf-8";

/*---------------------------------

記述が被った場合は、-iw-の接頭辞をつける
例）-iw-heading_1
---------------------------------*/

.border_img{
	border: 5px solid #e8e8e0;
}
.f_size-l{
	font-size: 120%;
}

.table{
	width: 100%;
	border: #000000 1px solid;
	background-color: #FFFFFF;
}
.table th,
.table td{
	font-size: 100%;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	border: #000000 1px solid;
	line-height: 1.5;
}
.table th{
	background-color: #EEE5CB;
	width: 30%;
}
.table th.table-heading{
	font-size: 120%;
	color: #FFFFFF;
	width: 100%;
	background-color: #C4A656;
}
@media only screen and (max-width: 767px) {
	.table{
		border: #000000 1px solid;
	}
	.table{
		border-bottom: 0 none;
	}
	.table th,
	.table td{
		display: block;
		width: 100%;
		border: 0 none;
	}
	.table th,
	.table td{
		border-bottom: #000000 1px solid;
	}
}

.b_price-wrap{
	background-color: #FFFFFF;
	padding: 10px;
}

.b_available{
	padding: 30px;
	border: 1px solid #cecece;
}
.b_available-heading{
	font-size: 120%;
	font-weight: bold;
	border-bottom: #C4A656 solid 2px;
	padding-bottom: 10px;
}
.list_available{
	margin: 20px 0;
}
.list_available .list_available-item{
	list-style-type: disc;
	line-height: 1.5;
	margin-bottom: 10px;
	margin-left: 1em;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: dashed 1px #cecece;
}
.list_available .list_available-item:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* マーカー */
em {
  display: inline;
  font-style: normal;
  background: -webkit-linear-gradient(transparent 60%, #ffff00 0%);
  background: linear-gradient(transparent 60%, #ffff00 0%); }
  
.btn {
  display: inline-block;
  text-align: center;
  border: 2px solid #3677BD;
  color: #3677BD;
  position: relative;
  text-decoration: none;
  border-radius: 6px;
  margin-top: 10px;
  overflow: hidden; }
  .btn.btn_prev .icon, .btn.btn_next .icon {
    position: absolute;
    bottom: 50%;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  .btn.btn_prev .icon {
    left: 10px; }
  .btn.btn_next .icon {
    right: 10px; }
  .btn .icon {
    position: relative;
    z-index: 2; }
  .btn span {
    font-size: 100%;
    position: relative;
    z-index: 2; }

.btn::before,
.btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: ''; }

.btn,
.btn::before,
.btn::after {
  -webkit-transition: all .3s;
  transition: all .3s; }

@media only screen and (min-width: 768px) {
  .btn.btn_prev .icon {
    left: 20px; }
  .btn.btn_next .icon {
    right: 20px; } }

/* ボタン マウスオーバー */
.btn::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%; }

.btn:hover{
	 color: #FFFFFF;
}
.btn:hover::after {
  top: 0;
  left: 0;
  background-color: #3677BD; }

/* ボタンサイズ */
.btn_large {
  max-width: 400px;
  width: 100%;
  padding: 12px 0; }

.btn_mid {
  max-width: 300px;
  width: 100%;
  padding: 12px 0; }

.btn_small {
  max-width: 200px;
  width: 100%;
  padding: 12px 0; }

/*---------------------------------
カラムブロック
---------------------------------*/
/* ブロック */
.-frame{
	border-bottom: #000000 solid 1px;
	border-left: #000000 solid 1px;
	border-right: #000000 solid 1px;
}
.-frame_tb{
	border-bottom: #000000 solid 1px;
	border-top: #000000 solid 1px;
	padding: 20px 0;
}
@media only screen and (min-width: 768px) {
	.-frame_tb{
		padding: 35px 0;
	}
}
.b_content{
	padding-bottom: 15px;	
}
.-border_b{
	border-bottom: #000000 solid 1px;
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
	.b_content{
		padding-bottom: 35px;	
	}
	.-border_b{
		margin-bottom: 35px;
	}
}
.row{
	padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
	.row{
		width: 100%;
		padding-bottom: 35px;
	}
}
.column {
	width: 100%;
	display: block;
}
/*
.column:last-child {
  margin-bottom: 0; }
*/
.column-left,
.column-center,
.column-right {
	
  margin-bottom: 20px; }

@media only screen and (min-width: 768px) {
  .column {
}
    .column.-flapped {
}
  .column-left,
  .column-center,
  .column-right {
	  float: left;
    margin-bottom: 0; }
  /* 等間隔の2カラム */
  .column-left,
  .column-right {
    width: 48.18%; }
  .column-left {
    margin-right: 3.63%; }
  /* 等間隔の3カラム */
  .-three .column-left,
  .-three .column-center,
  .-three .column-right {
    width: 30.90%; }
  .-three .column-left,
  .-three .column-center {
    margin-right: 3.63%; }
  /* 右側が広いカラム */
  .-wider .column-left {
    width: 39.09%;
    margin-right: 3.63%; }
  .-wider .column-right {
    width: 57.27%; }
  /* 右側が広いカラム（反転） */
  .-wider.-flapped .column-left {
	  float: right;
    margin-right: 0; }
  .-wider.-flapped .column-right {
    margin-right: 3.63%; }
  /* 左側が広いカラム */
  .-widel .column-left {
    width: 57.27%;
    margin-right: 3.63%; }
  .-widel .column-right {
    width: 39.09%; }
  /* 左側が広いカラム（反転） */
  .-widel.-flapped .column-left {
	  float: right;
    margin-right: 0; }
  .-widel.-flapped .column-right {
    margin-right: 3.63%; } }
    
.cf::after {
	content: " ";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

/*---------------------------------
アイテムブロック
---------------------------------*/

.items_check{
	background-color: #FFFFFF;
	font-size: 0;
	padding: 10px;
}
.items_check .items_check-item{
	display: inline-block;
	position: relative;
	padding: 0px 0px 0px 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	width: 100%;
	vertical-align: top;
	text-align: left;
	margin-top: 15px;
}
.items_check-item:before{
	position: absolute;
	width: 18px;
	height: 18px;
	background: url("../img/icon-check.svg") no-repeat 0 0;
	background-size: auto;
	content: "";
	padding: 0;
	margin: 0;
	top: 3px;
	left: 6px;
}
.items_check .items_check-item.-wide{
	width: 100%;
}
.items_check-note{
	background-color: #FFFFFF;
	border-top: dashed #cecece 1px;
	padding: 10px;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.items_check-note{
		border-top: none;
		padding: 0 30px 30px 30px;
	}
	.items_check{
		padding: 30px;
	}
	.items_check .items_check-item{
		width: 50%;
		padding: 10px 10px 10px 30px;
		margin: 0;
	}
	.items_check .items_check-item:before{
		top: 13px;
		left: 6px;
	}
}

/*---------------------------------
ギャラリー
---------------------------------*/
.list_gallery {
  	font-size: 0;
  width: 100%;
  margin: 0;
  padding: 0; }

.list_gallery-item {
	display: inline-block;
    font-size: 14px;
  width: 49.02%;
  margin: 0 1.95% 10px 0; }
  .list_gallery-item:nth-child(2n) {
    margin-right: 0; }

.list_gallery-link {
  display: block;
  position: relative; }

.list_gallery-image {
  display: block; }

.list_gallery-caption {
  display: block;
  font-weight: bold;
  padding: 10px 0 0 0; }

@media only screen and (min-width: 768px) {
  .list_gallery {
    
    }
  .list_gallery-item {
    width: 31.81%;
    margin: 0 2.27% 20px 0; }
    .list_gallery-item:nth-child(2n) {
      margin-right: 2.27%; }
    .list_gallery-item:nth-child(3n) {
      margin-right: 0; } }
      
.b_hero-studio{
	background: url(../../services/studio/img/hero-bg02.jpg) no-repeat center center;
	background-size: cover;
	background-color: #0D0F02;
	width: 100%;
}
.b_hero-studio img{
	display: block;
}
.b_hero-studio-heading{
	width: 100%;
	max-width: 1100px;
	min-width: 320px;
	margin: 0 auto;	
}

@media only screen and (min-width: 768px) {
	.b_facilities_surrounding{
		
	}
	.b_facilities_surrounding .column-left{
		width: 27.27%
	}
	.b_facilities_surrounding .column-right{
		width: 69.09%
	}
}


/*---------------------------------
CTAパート更新
---------------------------------*/

.heading-contact{
	border: solid 1px #C4A656;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	line-height: 40px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	color: #C4A656;
	margin-bottom: 20px;
}

.heading-tel{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}

.media-contact .media-text_2{
	margin-bottom: 7px;
	display:  inline-block;
}
@media only screen and (max-width: 1078px){
	.media-contact .media-text_2{
		font-size: 28px;
	}
}

.btn_submit{
	display: inline-block;
	width: 250px;
	height: 56px;
	line-height: 54px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #3677BD;
	color: #FFFFFF;
	border-bottom: solid 4px #90B1D5;
	border-radius: 6px;
	margin-top: 20px;
}
.btn_submit:hover{
	color: #FFFFFF!important;
	opacity: 0.7;
}
.media-contact-text{
	text-align: center;
}
.media-contact-text .contact-notice{
	margin-bottom: 0;
	padding-top: 10px;
}
.contact-notice{
	display: inline-block;
	margin: 10px 0;
	padding: 0;
}
.display-pc{
	display: none;
}
.display-sp{
	display: block;
}
.column-left.tel_block-left{
	position: relative;
	padding-bottom: 20px;
}
.column-left.tel_block-left:after{
	content: "";
	position: absolute;
	right: 50%;
	bottom: 0;
	width: 200px;
	margin-right: -100px;
	border-bottom: 1px solid #4C4A4A;
}
.column-right.tel_block-right{
	margin-bottom: 0;
}
.column-right.contact-right{
	margin-bottom: 0;
}
.column-left.contact-left{
	margin-bottom: 30px;
}
.heading-cta{
	margin: 0 0 20px!important;
}

@media only screen and (min-width: 768px) {
	.display-pc{
		display: block;
	}
	.display-sp{
		display: none;
	}
	.btn_submit{
		
	}
	.column-left.tel_block-left{
		width: 50%;
		padding-right: 1.81%;
		border-right: 1px solid #4C4A4A;
		margin-right: 0;
		padding-bottom: 0;
	}
	.column-left.contact-left{
	margin-bottom: 0;
}
	.column-left.tel_block-left:after{
		display: none;
	}
	.column-right.tel_block-right{
		width: 50%;
		padding-left: 1.81%;
	}
	.heading-contact{
		margin-bottom: 30px;
	}
}