@charset "utf-8";

/* .sp_menu 
---------------------------------------------------------------------------*/
.sp_menu p{
  font-size:14px;
  margin:0;
  padding:0;
  color:#FFF;
  line-height:1.5;
  letter-spacing:0.05em;
  text-transform: uppercase;
  font-family: 'Roboto',Meiryo,sans-serif;
  font-weight:500;
}

.sp_menu1 p{
  font-size:14px;
  margin:0;
  padding:0;
  color:#FFF;
  line-height:1.5;
  letter-spacing:0.05em;
  font-family: 'Roboto',Meiryo,sans-serif;
  text-transform: uppercase;
  font-weight:500;
}

.sp_menu2 p{
  font-size:14px;
  margin:0;
  padding:0;
  color:#FFF;
  line-height:1.5;
  letter-spacing:0.05em;
  font-family: 'Roboto',Meiryo,sans-serif;
  text-transform: uppercase;
  font-weight:500;
}

/* #container
--------------------------------------------------*/
#lp-container{
  width:100%;
  max-width:1200px;
  box-sizing: border-box;
  margin:0 auto;
}

@media screen and (max-width: 1280px) {
#lp-container {
  padding: 0 2%;
}
}

@media screen and (max-width: 810px) {
#lp-container {
  padding: 0;
}
}
@media screen and (max-width: 810px) {
#tx-container {
  padding: 0 2%;
}
}

/*topimg
---------------------------------------------------------------------------*/
.topimg {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 400px;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.topimg #slider {
  overflow: hidden;
  width: 100%;
  min-height: 400px;
  height: 100vh;
}

.topimg .block {
  padding:0;
  width:100%;
  height: 100%;
  z-index:1;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}

#top_row {
  width: 100%;
  height:auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#tmtop_info {
  color: #fff;
  position: relative;
  text-align: center;
  z-index: 2;
  width:100%;
  margin:0;
}

@media screen and (max-width: 800px) {
#tmtop_info {
  box-sizing: border-box;
  padding:0 2%;
}
}

#tmtop_info img {
  width:250px;
  height:auto;
  margin:0 auto 10px;
}

#tmtop_info p {
  font-size:2em;
  font-family: 'Inter',sans-serif;
  font-weight:600;
  letter-spacing:.02em;
  text-transform: uppercase;
  color: #FFF;
  line-height:1.4;
  text-shadow:1px 1px 3px #014B6B;
}

@media screen and (max-width: 568px) {
#tmtop_info p{
  font-size: 1.4em;
}
}

/* top_contents
--------------------------------------- */
.top_contents{
  width: 100%;
  margin: 0 auto;
  padding:4% 0;
  text-align: center;
  background:#F5F5F5;
}

@media screen and (max-width: 568px) {
.top_contents{
  padding:5% 0;
}
}

.top_contents h2{
  font-family: 'Inter',sans-serif;
  font-weight:500;
  font-size:1.8em;
  color:#000;
  text-align: center;
  margin-bottom:10px;
}

@media screen and (max-width: 810px) {
.top_contents h2{
  font-size:1.4em;
  line-height:1.5;
}
}

.top_contents .restx{
  font-family: 'Inter',sans-serif;
  font-weight:500;
  font-size:1.4em;
  color:#BB9822;
  text-align: center;
  margin-bottom:15px;
}

@media screen and (max-width: 568px) {
.top_contents .restx{
  font-size:1.2em;
  margin-bottom:10px;
}
}

.top_contents .catch{
  padding:2% 2% 4%;
  color:#000;
  line-height:2;
  text-align: left;
}

@media screen and (max-width: 810px) {
.top_contents .catch{
  font-size:14px;
}
}

.tp-bt{
  color:#000;
  font-weight:400;
  font-size:1.05em;
  line-height:1.3;
  display:inline-block;
  font-family: 'Roboto',Meiryo,sans-serif;
  letter-spacing:.25em;
  font-weight:500;
  text-transform: uppercase;
}

@media screen and (max-width: 810px) {
.tp-bt{
  font-size:1.1em!important;
}
}

@media screen and (max-width: 568px) {
.tp-bt{
  font-size:1em!important;
}
}

.tpw-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.tpw-button.c-button--ghost{display:block;padding:15px 30px;background-color:#BC9A29;border:1px solid #BC9A29;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.tp-bt a{text-decoration:none;}
.tp-bt a:hover{text-decoration:none;display:inline-table;background-color:#FFF;color:#BC9A29;text-shadow:0 0 0 #FFF;}


@media screen and (max-width: 568px) {
.tpw-button.c-button--ghost{display:block;padding:12px 25px;}
}

/* second_contents
--------------------------------------- */
.second_contents{
  width: 100%;
  margin: 0 auto;
  padding:4% 0;
  text-align: center;
  background:#FFF;
}

@media screen and (max-width: 568px) {
.second_contents{
  padding:5% 0;
}
}

.second_contents h3{
  font-family: 'Inter',sans-serif;
  font-weight:500;
  font-size:1.8em;
  color:#BB9822;
  text-align: center;
  padding:2%;
}

@media screen and (max-width: 810px) {
.second_contents h3{
  font-size:1.4em;
  padding:2% 3% 2%;
}
}

@media screen and (max-width: 568px) {
.second_contents h3{
  line-height:1.5;
  font-size:1.2em;
}
}

.second_contents p{
  padding:2% 2% 2%;
  color:#000;
  text-align: left;
  line-height:2;
}

@media screen and (max-width: 810px) {
.second_contents p{
  font-size:14px;
}
}

.sec-photo{
  padding:3% 0 3%;
  width:100%;
}

.sec-photo img{
  height:auto;
  width:100%;
}

.main-photo{
  padding:3% 0 5%;
  width:100%;
}

.bkls_photo {
  width:100%;
  height:750px;
  position: relative;
  display:block;
  text-align: center;
}

.bkls_photo img{
  width:auto;
  height:750px;
  margin:auto;
  position: relative;
}

@media screen and (max-width: 1000px) {
.bkls_photo {
  height:600px;
}

.bkls_photo img{
  height:600px;
}
}

@media screen and (max-width: 568px) {
.bkls_photo {
  height:300px;
}

.bkls_photo img{
  height:300px;
}
}


#sl_text {
  width: 100%;
  height:auto;
  text-align: center;
  padding:0;
  margin:-15px 0 0;
  position: relative;
  z-inde:99;
}

@media screen and (max-width: 810px) {
#sl_text {
  margin:-5px 0 0;
}
}

#sl_text p{
  font-weight: 400;
  letter-spacing:0.05em;
  line-height:1;
  font-size:0.9em;
  display:inline-block;
}

@media screen and (max-width: 568px) {
#sl_text p{
  letter-spacing:0em;
  line-height:1.6;
  font-size:13px;
}
}


/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding:0;
  margin: 0;
  width:100%;
  height:100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper li {
  background:#FFF;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .75em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  z-index:10;
  position: absolute;
  bottom: 1px;
  width:100%;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

/* 視範囲に入ってから自動スライドを開始 */
.bx-wrapper .bx-controls-auto{
  display: none; /* スタートボタンを非表示にする */
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  text-indent: -9999px;
  display: block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 810px) {
.bx-wrapper .bx-pager {
  font-size: .7em;
  bottom: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 6px;
  height: 6px;
  margin: 0 4px;
}
}

.bx-wrapper .bx-prev:hover {
  opacity: 0.7;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.bx-wrapper .bx-next:hover {
  opacity: 0.7;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.bx-wrapper .bx-prev {
 left: 10px;
}
.bx-wrapper .bx-next {
 right: 10px;
}


@media screen and (max-width: 1280px) {
.bx-wrapper .bx-prev {
 left: 5px;
}
.bx-wrapper .bx-next {
 right: 5px;
}
}

@media screen and (max-width: 568px) {
.bx-wrapper .bx-prev {
 left: 0px;
}
.bx-wrapper .bx-next {
 right: 0px;
}
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  outline: 0;
  text-indent: -9999px;
  z-index: 99;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.bx-wrapper .bx-controls-direction a:before,
.bx-wrapper .bx-controls-direction a:after {
 content: '';
 position: absolute;
 top: 16px;
 left: 12px;
}
.bx-wrapper .bx-controls-direction a:after {
 width: 16px;
 height: 16px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 transform: rotate(45deg);
}

.bx-wrapper .bx-controls-direction a.bx-prev:after {
 transform: rotate(-135deg);
 left: 20px;
}

/* third_contents
--------------------------------------- */
.third_contents{
  width: 100%;
  margin: 0 auto;
  padding:4% 0;
  text-align: center;
  background:#000;
}

@media screen and (max-width: 568px) {
.third_contents{
  padding:5% 0;
}
}

.lp-list li{
  width:47%;
  margin:1.5% 1.3%;
  display:inline-block;
  vertical-align: top;
  border: 3px solid #BC9A29;
  background: #FFF;
  box-sizing: border-box;
  position: relative;
  padding:2% 2% 3%;
  text-align: center;
}

@media screen and (max-width: 810px) {
.lp-list li{
  width:45%;
  margin:1.5% 1.3%;
  padding:3% 2% 3%;
}
}

@media screen and (max-width: 568px) {
.lp-list li{
  width:94%;
  margin:3%;
  padding:5% 2% 5%;
}
}

.lb-ttl{
  font-family: 'Roboto',Meiryo,sans-serif;
  font-weight:400;
  font-size:2em;
  color:#BB9822;
  text-align: center;
  letter-spacing:0.1em;
}

@media screen and (max-width: 810px) {
.lb-ttl{
  font-size:1.5em;
}
}

.lb-men{
  padding:15px 0 0;
  font-size:1.2em;
}

@media screen and (max-width: 810px) {
.lb-men{
  font-size:1em;
  padding:10px 0 0;
}
}

.lb-men span{
  font-size:1.35em;
  font-family: 'Roboto',Meiryo,sans-serif;
  font-weight:400;
}

.lb-mens{
  padding:20px 0 25px;
  font-size:14px;
}

@media screen and (max-width: 810px) {
.lb-mens{
  padding:15px 0 20px;
  font-size:13px;
}
}

/* map_contents
--------------------------------------- */
.map_contents{
  width: 100%;
  margin: 0 auto;
  padding:0;
  text-align: center;
  background:#000;
}

.map_contents .ggmap iframe {
  width: 100%;
  height: 100%;
  min-height:500px;
}


/* sp_contents
--------------------------------------- */
.sp_contents{
  width: 100%;
  margin: 0 auto;
  padding:4% 0 3%;
  text-align: center;
  background:#000;
}

@media screen and (max-width: 568px) {
.third_contents{
  padding:5% 0;
}
}

#sp-Area {
  width:100%;
  max-width:950px;
  margin: 0 auto 0;
}

@media screen and (max-width: 1000px) {
#sp-Area {
  box-sizing: border-box;
  padding:0 2%;
}
}

.mst_ttl{
  margin:0 auto 3%;
  text-align: center;
}

.mst_ttl img{
  width:240px;
  height:auto;
}

@media only screen and  (max-width: 568px) {
.mst_ttl img{
  width:200px;
}
}

.sp_contents .spttl{
  font-family: 'Inter',sans-serif;
  font-weight:500;
  font-size:2em;
  color:#FFF;
  text-align: center;
  margin-bottom:10px;
}

@media screen and (max-width: 810px) {
.sp_contents .spttl{
  font-size:1.5em;
  line-height:1.5;
}
}

.sp_contents .restx{
  font-family: 'Inter',sans-serif;
  font-weight:500;
  font-size:1.4em;
  color:#BB9822;
  text-align: center;
  margin-bottom:5%;
}

@media screen and (max-width: 568px) {
.sp_contents .restx{
  font-size:1.2em;
  margin-bottom:20px;
}
}

.sp_contents .inqtxs {
  width:100%;
  max-width:400px;
  margin:50px auto 0;
  letter-spacing : 0.05em;
  text-align: center;
}

@media screen and (max-width: 810px) {
.sp_contents .inqtxs {
  font-size:0.95em;
  margin:30px auto 0;
}
}

@media screen and (max-width: 568px) {
.sp_contents .inqtxs {
  font-size:0.9em;
  margin:20px auto 0;
}
}

.inqtxs dl{
  width:100%;
  display:block;
  padding:5px 0;
  font-weight:500;
  font-size:1em;
  font-family: 'Roboto',Meiryo,sans-serif;
  color:#FFF;
}


.inqtxs dt{
  vertical-align: top;
  display: inline-block;
  width:10%;
  font-size:1.5em;
  text-align: center;
}

.inqtxs dd{
  vertical-align: top;
  display: inline-block;
  width:90%;
  padding:5px 0 0 3%;
  box-sizing: border-box;
  text-align: left;
}

.inqtxs a{text-decoration:none;color:#FFF;}
.inqtxs a:hover{text-decoration:none;color:#C80000;}



.mstr_ttl_print{
  display:none;
}

.mst_tx{
  margin:3% auto 0;
  text-align: center;
  color:#FFF;
  line-height:2;
}

.mst_tx strong{
  font-size:1.3em;
  font-family: Roboto,sans-serif;
  font-weight:500;
}

@media only screen and  (max-width: 568px) {
.mst_tx{
  font-size:0.9em;
  line-height:1.8;
}

.mst_tx strong{
  font-size:1.2em;
}
}

.mst_tx a {
  text-decoration: none;
  color:#FFF;
}
.mst_tx a:hover {
  color:#FFF;
  text-decoration:none;
}

.mst_tx2{
  margin:0 auto 2%;
  text-align: center;
  color:#FFF;
  font-family: Roboto,sans-serif;
  font-weight:400;
}

@media only screen and  (max-width: 568px) {
.mst_tx2{
  font-size:0.9em;
}
}

.mst_tx2 a {
  text-decoration: none;
  color:#FFF;
}
.mst_tx2 a:hover {
  color:#FFF;
  text-decoration:underline;
}

.mst_menu{
  margin:4% auto;
  text-align: center;
  font-size:0.95em;
}

.mst_menu li{
  margin:10px;
  display:inline-block;
  font-size:14px;
}

@media only screen and  (max-width: 568px) {
.mst_menu li{
  margin:5px;
  font-size:13px;
}
}

.mst_menu a {
  text-decoration: underline;
  color: #FFF;
}

.mst_menu a:hover {
  color: #FFF;
  text-decoration: none;
}

/* .bukken-syousai
================================================== */
.bukken-syousai {
  width: 100%;
  margin:0 auto;
  box-sizing: border-box;
  padding:4% 0 3%;
}

/* .relat-bk
--------------------------------------------------*/
.relat-bk{
  width:100%;
  padding-bottom:3%;
}
.relat-ttl{
  font-family: 'Inter',sans-serif;
  font-weight:500;
  font-size:2em;
  color:#000;
  text-align: center;
  padding:0 1% 2%;
}

@media screen and (max-width: 568px) {
.relat-ttl{
  font-size:1.4em;
}
}

/* .bukken-list
================================================== */
.bukken-list {
  width: 100%;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
.bukken-list {
  padding:2%;
  box-sizing: border-box;
}
}

.bukken-list ul{
  width:100%;
  margin:2% 0 2%;
  text-align: left;
}

.bukken-list li{
  width:31.3333%;
  margin:1%;
  display:inline-block;
  vertical-align: top;
  -moz-box-shadow: 1px 1px 5px #D5D5D5;
  -webkit-box-shadow: 1px 1px 5px #D5D5D5;
  box-shadow: 1px 1px 5px #D5D5D5;
  background: #FFF;
  box-sizing: border-box;
  position: relative;
  letter-spacing : 0em!important;
  text-align: left;
}

@media screen and (max-width: 810px) {
.bukken-list li{
  width:47%;
  margin:1.5%;
}
}

@media screen and (max-width: 568px) {
.bukken-list li{
  width:97%;
  margin: 3% 1.5% 5%;
  display:block;
}
}

.bukken-list .bkls-ph{
  width:100%;
  height:230px;
  display:block;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
.bukken-list .bkls-ph{
  height:200px;
}
}

@media screen and (max-width: 568px) {
.bukken-list .bkls-ph{
  height:230px;
}
}

.bukken-list .bkls-ph .overlays {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height:100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bukken-list .bkls-ph img {
  width:auto;
  min-width:100%;
  height:230px;
}

@media screen and (max-width: 1280px) {
.bukken-list .bkls-ph img {
  height:200px;
}
}

@media screen and (max-width: 568px) {
.bukken-list .bkls-ph img {
  height:230px;
}
}

.bukken-list .bkls-ph a:hover {
  opacity: 0.7;
}

.bukken-list .bkls-ph .bicn{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 5px 10px;
  display:inline-block;
  line-height:1.4;
  letter-spacing : 0.05em;
  font-size:13px;
  background-color:#000;color:#FFF;
}

.bukken-list .bkls-tx{
  width:100%;
  padding:10px 15px 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 810px) {
.bukken-list .bkls-tx{
  padding:10px 15px;
}
}

.bukken-list .blsinfo{
  width:100%;
  display:block;
  text-align: left;
}

.bukken-list .blsinfo .anim{
  width:30.3333%;
  margin:1.5%;
  display:inline-block;
  vertical-align: top;
  font-size:0.9em;
}


.bkls-tx .blsttl{
  margin-bottom:10px;
  line-height:1.5;
  border-bottom:1px dashed #E3E3E3;
}

.bkls-tx .blsttl p{
  font-weight:500;
  font-family: 'Inter',sans-serif;
  font-size:1em;
  line-height:1.5;
  padding:0 5px 10px;
}

.blsttl a{text-decoration:none;color:#000;}
.blsttl a:hover{text-decoration:none;color:#2E5868;}

.bukken-list .blsinfo .anim{
  width:31.3333%;
  margin:1%;
  display:inline-block;
  vertical-align: top;
  font-size:0.9em;
}
.bukken-list .blsinfo .anim p{
  font-size:0.95em;
  letter-spacing : 0.05em;
  margin-bottom:5px;
  display:block;
}


.bukken-list .blsinfo dt{
  width:30%;
  box-sizing: border-box;
  padding:3%;
  display:inline-block;
  vertical-align: middle;
}

.bukken-list .blsinfo dt img{
  width:100%;
  height:auto;
}

.bukken-list .blsinfo dd{
  width:70%;
  box-sizing: border-box;
  padding:3% 0 3% 10%;
  display:inline-block;
  vertical-align: middle;
  line-height:1.2;
  font-family: 'Roboto',Meiryo,sans-serif;
  font-weight:500;
}

.blscom{
  width:100%;
  padding:10px 5px;
  box-sizing: border-box;
  border-top:1px dashed #E3E3E3;
  margin-top:10px;
}

@media screen and (max-width: 810px) {
.blscom{
  padding:10px 5px;
}
}

.blscom dl{
  width:100%;
}

.blscom dt{
  width:60%;
  display:inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding:0;
}

@media screen and (max-width: 810px) {
.blscom dt{
  width:100%;
  display:block;
}
}

.bkls-tx .rb-ttl{
  font-size:0.95em;
  color: #000;
}


.bkls-tx .blprice{
  font-family: Roboto,sans-serif;
  font-weight:400;
  font-size:1.4em!important;
  color:#812C2C;
  line-height:1.4;
}


.blscom dd{
  width:40%!important;
  display:inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 810px) {
.blscom dd{
  width:100%;
  display:block;
  margin-top:5px;
}
}

.blscom dd p{
  font-weight:400;
  font-size:0.75em;
  color: #000;
  display:block;
  text-transform: uppercase;
  text-align: center;
  letter-spacing : 0.05em;
}

.blscom dd p a{text-decoration:none;padding:10px 0;display:block;background-color:#FFF;color:#000;border:1px solid #000;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.blscom dd p a:hover{text-decoration:none;background-color:#000;color:#FFF;}

.flsw-bt{
  color:#000;
  font-weight:400;
  font-size:1.05em;
  line-height:1.3;
  margin-top:3%;
  display:inline-block;
}

@media screen and (max-width: 810px) {
.flsw-bt{
  font-size:1.1em!important;
}
}

@media screen and (max-width: 568px) {
.flsw-bt{
  margin-top:3%;
  font-size:1em!important;
}
}

.flsw-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.flsw-button.c-button--ghost{display:block;padding:15px 30px;background-color:#000;border:1px solid #000;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.flsw-bt a{text-decoration:none;}
.flsw-bt a:hover{text-decoration:none;display:inline-table;background-color:#FFF;color:#000;text-shadow:0 0 0 #FFF;}


@media screen and (max-width: 568px) {
.flsw-button.c-button--ghost{display:block;padding:15px 30px;}
}


.flsw-bt2{
  color:#000;
  font-weight:400;
  font-size:1.05em;
  line-height:1.3;
  margin-top:2%;
  margin-bottom:5%;
  display:inline-block;
}

@media screen and (max-width: 810px) {
.flsw-bt2{
  font-size:1.1em!important;
}
}

@media screen and (max-width: 568px) {
.flsw-bt2{
  font-size:1em!important;
}
}

.flsw-bt2 a{text-decoration:none;}
.flsw-bt2 a:hover{text-decoration:none;display:inline-table;background-color:#FFF;color:#000;text-shadow:0 0 0 #FFF;}

.flsw-bt-box{
  text-align: center;
}

@media screen and (max-width: 568px) {
.flsw-bt-box{
  margin-top:2%;
}
}

/* movie-box
================================================== */
.movie-box{
  padding:3% 0 3%;
  width:100%;
  text-align: center;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube iframe {
  width: 100%;
  height: 100%;
}

/* cont_contents
--------------------------------------- */
.cont_contents{
  width: 100%;
  margin: 0 auto;
  padding:4% 0 5%;
  text-align: center;
  background:#F5F5F5;
}

@media screen and (max-width: 568px) {
.cont_contents{
  padding:5% 0;
}
}

.bk-contact{
  width:100%;
  max-width:700px;
  box-sizing: border-box;
  padding:0 2% 2%;
  text-align: left;
  margin:0 auto;
}

.bk-contact .contact-ttl{
  font-family: 'Inter',sans-serif;
  letter-spacing:.02em;
  text-transform: uppercase;
  font-weight:500;
  font-size:1.5em;
  color:#000;
  text-align: center;
  padding:0 1% 5%;
  line-height:1;
}

@media screen and (max-width: 568px) {
.relat-ttl{
  font-size:1.2em;
}
}

.bk-contact dl{
  width: 100%;
  font-family: 'Inter',sans-serif;
  text-align: left;
}

.bk-contact .pd3{
  padding:3% 0;
}

.bk-contact .pd32{
  padding:3% 0 0;
}

.bk-contact dt{
  width: 100%;
  display: block;
  padding:0 1%;
  box-sizing: border-box;
  font-weight:500;
  text-align: left;
  line-height: 1;
  color:#545454;
}

@media screen and (max-width: 568px) {
.bk-contact dt{
  font-size:1em;
  line-height: 1.4;
}
}

.bk-contact dd{
  width: 100%;
  display: block;
  padding:10px 0.5% 0;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.bk-contact dd{
  font-size:0.95em;
  padding:2% 1%;
}
}

.bk-contact dd input{
 padding : 12px;
 font-size:15px;
 border:1px solid #CCC;
 -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
 color:#000;
}

@media screen and (max-width: 568px) {
.bk-contact dd input{
 font-size:14px;
 padding : 8px;
}
}

.bk-contact dd textarea{
  font-size:15px;
  padding : 12px;
  border:1px solid #CCC;
  font-size:0.95em;
  letter-spacing : 0.05em;
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}

@media screen and (max-width: 568px) {
.bk-contact dd textarea{
  font-size:14px;
  padding : 8px;
}
}

.bk-contact dd .ws100{
  width:100%;
  box-sizing: border-box;
}


.bk-contact input[type=radio],.bk-contact input[type=checkbox] {
  display: none;
}

.bk-contact .radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 8px 0 20px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

bk-contact .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 8px 0 20px;
  vertical-align: top;
  cursor: pointer;
}

.bk-contact .radio:hover, .bk-contact .checkbox:hover {
  background-color:;
}

.bk-contact .radio:hover:after,.bk-contact .checkbox:hover:after {
  border-color:;
}

.bk-contact .radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 50%;
  content: '';
}

.bk-contact .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  margin-top: -5px;
  margin-left:2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #BC9A29;
  content: '';
  opacity: 0;
}
.bk-contact input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.bk-contact .form_col .ws100{
  width:100%;
}

.bk-contact .form_col .mbtm10{
  margin-bottom:10px;
}

.bk-contact .form_col textarea{
  padding : 15px;
  border:1px solid #FFF;
  cursor: pointer;
  font-size:0.95em;
  letter-spacing : 0.05em;
  box-sizing: border-box;
}

.bk-contact .form_col input{
 padding : 15px;
 border:1px solid #FFF;
 color:#000;
 cursor: pointer;
 font-size:0.95em;
 letter-spacing : 0.05em;
 box-sizing: border-box;
}

.bk-contact .send_bts {
  width: 100%;
  text-align: center;
  margin-top:3%;
}

@media screen and (max-width: 810px) {
.bk-contact .send_bts {
  margin-bottom:5px;
}
}

@media screen and (max-width: 568px) {
.bk-contact .send_bts {
  margin-top:10px;
  margin-bottom:10px;
}
}

.bk-contact input.bconf_bt{
  padding:15px 0;
  line-height: 1.4;
  background : #BC9A29;
  color: #fff;
  display:block;
  border-style: none;
  cursor: pointer;
  font-size:1.2em;
  font-weight:500;
  font-family: 'Inter',sans-serif;
  letter-spacing: 0.05em;
  width:100%;
}

@media screen and (max-width: 568px) {
.bk-contact input.bconf_bt{
  font-size:1em;
  padding:15px 25px;
}
}

.bk-contact input.bconf_bt:hover{
	filter:alpha(opacity=80);  /* for IE */
	-moz-opacity: 0.8;  /* for Firefox */
	opacity: 0.8;  /* for Safari or Opera */
}

.bk-contact input.breset_bt{
  padding:10px 15px;
  line-height: 1.4;
  background : #ACACAC;
  color: #fff;
  display:block;
  border-style: none;
  cursor: pointer;
  font-size:12px;
}

.bk-contact input.breset_bt:hover{
  opacity: 0.8;
}

@media screen and (max-width: 810px) {
.bk-contactinput.breset_bt{
  padding:8px 12px;
  font-size:11px;
}
}

.bk-contact input[type=checkbox] {
  display: none;
}

.bk-contact .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 5px 8px 0;
  padding: 12px 12px 12px 50px;
  vertical-align: middle;
  cursor: pointer;
}

.bk-contact .checkbox:hover {

}

.bk-contact .checkbox:hover:after {
  border-color: #bbb;
}
.bk-contact .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border: 2px solid #bbb;
  content: '';
  background:#FFF;
  z-index:0;
}

.bk-contact .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 17px;
  display: block;
  margin-top: -7px;
  width: 7px;
  height: 10px;
  border-right: 3px solid #CC0001;
  border-bottom: 3px solid #CC0001;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index:1;
}
.bk-contact input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.bk-contact .aggt{margin:0;padding:0;}

.bk-contact .agtx{
  font-size:0.85em;
  line-height:1.2;
  color:#545454;
  letter-spacing: 0.05em;
}

.bk-contact .agtx a {
  text-decoration: none;
  color: #CC0001;
}

.bk-contact .agtx a:hover {
  color: #CC0001;
  text-decoration: underline;
}

/* .other-list
================================================== */
.other-list {
  width: 100%;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
.other-list {
  padding:2%;
  box-sizing: border-box;
}
}

.other-list ul{
  width:100%;
  margin:2% 0 2%;
  text-align: left;
}

.other-list li{
  width:45%;
  margin:2%;
  display:inline-block;
  vertical-align: top;
  -moz-box-shadow: 1px 1px 5px #D5D5D5;
  -webkit-box-shadow: 1px 1px 5px #D5D5D5;
  box-shadow: 1px 1px 5px #D5D5D5;
  background: #FFF;
  box-sizing: border-box;
  position: relative;
  letter-spacing : 0em!important;
  text-align: left;
}

@media screen and (max-width: 810px) {
.other-list li{
  width:47%;
  margin:1.5%;
}
}

@media screen and (max-width: 568px) {
.other-list li{
  width:97%;
  margin: 3% 1.5% 5%;
  display:block;
}
}

.other-list .bkls-ph{
  width:100%;
  height:400px;
  display:block;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
.other-list .bkls-ph{
  height:350px;
}
}

@media screen and (max-width: 810px) {
.other-list .bkls-ph{
  height:250px;
}
}

@media screen and (max-width: 568px) {
.other-list .bkls-ph{
  height:300px;
}
}

.other-list .bkls-ph .overlays {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height:100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other-list .bkls-ph img {
  width:auto;
  min-width:100%;
  height:400px;
}

@media screen and (max-width: 1280px) {
.other-list .bkls-ph img {
  height:350px;
}
}

@media screen and (max-width: 568px) {
.other-list .bkls-ph img {
  height:250px;
}
}

@media screen and (max-width: 568px) {
.other-list .bkls-ph img {
  height:300px;
}
}

.other-list .bkls-ph a:hover {
  opacity: 0.7;
}

.other-list .bkls-ph .bicn{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 5px 10px;
  display:inline-block;
  line-height:1.4;
  letter-spacing : 0.05em;
  font-size:13px;
  background-color:#BC9A29;color:#FFF;
}

.other-list .bkls-tx{
  width:100%;
  padding:10px 15px 5px;
  box-sizing: border-box;
}

.bkls-tx .lpbttl{
}

.bkls-tx .lpbttl p{
  font-weight:500;
  font-family: 'Inter',sans-serif;
  font-size:1.1em;
  line-height:1.5;
  padding:0 5px 10px;
}

@media screen and (max-width: 810px) {
.bkls-tx .lpbttl p{
  padding:0 0 10px;
}
}

.lpbttl a{text-decoration:none;color:#9D7F1A;}
.lpbttl a:hover{text-decoration:none;color:#BB9822;}


.bkls-tx .lpbtxt{
  padding:0 5px 10px;
  margin-bottom:10px;
}

@media screen and (max-width: 810px) {
.bkls-tx .lpbtxt{
  padding:0 0 10px;
  margin-bottom:5px;
}
}

.bkls-tx .lpbtxt p{
  font-size:14px;
}

.lpcom{
  width:100%;
  margin:0 auto 20px;
  display:block;
  text-align: center;
}

@media screen and (max-width: 810px) {
.lpcom{
  margin:0 auto 15px;
}
}

.lpcom p{
  width:150px;
  margin:0 auto;
  display:inline-block;
  font-weight:400;
  font-size:0.75em;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing : 0.05em;
  font-family: 'Roboto',Meiryo,sans-serif;
}

.lpcom p a{text-decoration:none;padding:10px 0;display:block;background-color:#BB9822;color:#FFF;border:1px solid #BB9822;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.lpcom p a:hover{text-decoration:none;background-color:#FFF;color:#BB9822;}