@charset "UTF-8";
/* ===================================================================
CSS information

file name  : banquet_rooms_detail.css
author     : Abilive
style info : 宴会場詳細
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_banq_int {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_banq_int {
    width: calc(900 / 1440 * 100%);
    max-width: calc(900px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_banq_int {
    max-width: calc(900px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_banq_int {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_banq_int {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_banq_int .int_txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_banq_int .int_txt {
    text-align: left;
  }
}

.con_banq_anc {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_banq_anc {
    width: calc(900 / 1440 * 100%);
    max-width: calc(900px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_banq_anc {
    max-width: calc(900px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_banq_anc {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_banq_anc {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_banq_anc {
    margin-top: 3.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_banq_anc {
    margin-top: 3em;
  }
}

.wrp_banquet {
  background: url(../../banquet_rooms/images/bg_brown.png);
  border-radius: 0.83rem;
  background-size: cover;
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet {
    padding-top: 6.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet {
    padding-top: 5.83rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet {
    padding-top: 3.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet {
    padding-bottom: 10rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet {
    padding-bottom: 8.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet {
    padding-bottom: 4.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet:nth-of-type(n+2) {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet:nth-of-type(n+2) {
    margin-top: 4.16rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet:nth-of-type(n+2) {
    margin-top: 2em;
  }
}
.wrp_banquet .banq_tit {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet .banq_tit {
    width: calc(900 / 1440 * 100%);
    max-width: calc(900px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_banquet .banq_tit {
    max-width: calc(900px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet .banq_tit {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .banq_tit {
    width: calc(348 / 428 * 100%);
  }
}
.wrp_banquet .banq_tit .num {
  display: inline-block;
  color: var(--color-text02);
  border-radius: 0.41rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  background: var(--color-main);
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .banq_tit .num {
    min-width: 3.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .banq_tit .num {
    min-width: 3em;
  }
}
.wrp_banquet .banq_tit .jp, .wrp_banquet .banq_tit .en {
  display: block;
}
.wrp_banquet .banq_tit .jp {
  font-size: 2.08rem;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .banq_tit .jp {
    margin-top: 0.83rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .banq_tit .jp {
    margin-top: 0.5em;
  }
}
.wrp_banquet .banq_tit .jp .sub {
  font-size: 1.5rem;
}
.wrp_banquet .banq_tit .en {
  font-size: 1.17rem;
  color: var(--color-text05);
  font-weight: 500;
}
.wrp_banquet .con_banquet {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet .con_banquet {
    width: calc(900 / 1440 * 100%);
    max-width: calc(900px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_banquet .con_banquet {
    max-width: calc(900px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet .con_banquet {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet {
    margin-top: 2.08rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1299px) {
  .wrp_banquet .con_banquet {
    width: 75%;
  }
}
.wrp_banquet .con_banquet .inner_main_img .img img {
  border-radius: 0.83rem;
}
.wrp_banquet .con_banquet .inner_title {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title {
    flex-direction: column-reverse;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.wrp_banquet .con_banquet .inner_title .tmp_st > span {
  color: var(--color-text07);
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title .box_txt {
    width: calc(407 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .txt {
    margin-top: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .tmp_link {
    margin-top: 2.08rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .tmp_link {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .tmp_link {
    justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .tmp_link > a {
    min-width: 23.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .tmp_link > a {
    min-width: 20.83rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_txt .tmp_link > a {
    min-width: 80%;
  }
}
.wrp_banquet .con_banquet .inner_title .box_txt .tmp_link > a svg {
  position: absolute;
  top: 55%;
  right: 1em;
  width: 1.8em;
  height: 1.8em;
  fill: var(--color-text05);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title .box_img {
    width: calc(450 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title .box_img {
    margin-left: calc(43 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_img {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_title .box_img {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_title .box_img {
    margin-top: 1em;
  }
}
.wrp_banquet .con_banquet .inner_title .box_img .img img {
  border-radius: 0.41rem;
}
.wrp_banquet .con_banquet .inner_title.lay01 .box_txt {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_tbl {
    margin-top: 2.91rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_tbl {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_tbl .box_tbl {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl {
    width: 700px;
  }
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl tr th, .wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl tr td {
  text-align: center;
  font-weight: normal;
  padding: .7em;
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl thead tr:nth-of-type(1) th {
  background: var(--color-line);
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl thead tr:nth-of-type(1) th:nth-of-type(1) {
    width: 15%;
  }
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl thead tr:nth-of-type(1) th:nth-of-type(n+2) {
  border-left: 1px solid var(--color-text03);
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl thead tr:nth-of-type(2) th {
  border-left: 1px solid var(--color-text03);
  background: #E5E5E5;
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl thead tr:nth-of-type(3) th {
  border-left: 1px solid var(--color-text03);
  background: #F2F2F2;
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl thead tr th {
  border-top: 1px solid var(--color-text03);
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl tbody tr:last-of-type {
  border-bottom: 1px solid var(--color-line);
}
.wrp_banquet .con_banquet .inner_tbl .box_tbl .banq_tbl tbody tr td {
  border-left: 1px solid var(--color-line);
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet .con_banquet .inner_lay {
    margin-top: 4.58rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet .con_banquet .inner_lay {
    margin-top: 3.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay {
    margin-top: 3em;
  }
}
.wrp_banquet .con_banquet .inner_lay .box_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item {
    margin-top: 1.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item {
    justify-content: flex-start;
  }
}
.wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
  border-radius: 0.83rem;
  box-shadow: 0 6px 15px rgba(24, 16, 15, 0.1);
  background: var(--color-bg03);
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
    width: calc(279 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
    width: 49%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
    padding-top: 0.83rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
    padding-top: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
    padding-bottom: 0.83rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img {
    padding-bottom: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img:nth-of-type(n+2) {
    margin-left: calc(25 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img:nth-of-type(n+4) {
    margin-top: 2.08rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img:nth-of-type(n+3) {
    margin-top: 2%;
  }
}
.wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
  border-radius: 0.83rem;
  border: 1px solid var(--color-text03);
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
    width: calc(259 / 279 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
    padding-top: 10%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn {
    padding-bottom: 10%;
  }
}
.wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .img {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .img {
    width: calc(163 / 259 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .img {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .img {
    width: 70%;
  }
}
.wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .img img {
  width: 100%;
}
.wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .tit {
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .tit {
    margin-top: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item .inn_img .inn .tit {
    margin-top: 0.7em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img {
    width: calc(434 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img {
    width: 49%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img:nth-of-type(n+2) {
    margin-left: calc(32 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img:nth-of-type(n+3) {
    margin-top: 2.08rem;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img .inn {
    padding-top: 2.08rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img .inn {
    padding-top: 8%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img .inn {
    padding-bottom: 2.08rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img .inn {
    padding-bottom: 8%;
  }
}
.wrp_banquet .con_banquet .inner_lay .box_item.lay02 .inn_img .inn .img img {
  aspect-ratio: 1.7 / 1;
}
.wrp_banquet.bg_keyaki {
  margin-top: 0;
  border-radius: 0 0 0.83rem 0.83rem;
  background: url(../../banquet_rooms/images/bg_black.png);
  background-size: cover;
}
.wrp_banquet.bg_keyaki .banq_tit .num {
  color: var(--color-text04);
  background: #fff;
}
.wrp_banquet.bg_keyaki .banq_tit .jp, .wrp_banquet.bg_keyaki .banq_tit .en {
  color: #fff;
}
.wrp_banquet.bg_keyaki .inner_tbl {
  background-color: #fff;
  --color-line: #c7c7c7;
  --color-text03: #D0C9C3;
}
.wrp_banquet.bg_keyaki .inner_tbl .box_tbl .banq_tbl thead tr th {
  border-color: #b5afa9 !important;
}

.wrp_banq_list {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .wrp_banq_list {
    width: calc(1180 / 1440 * 100%);
    max-width: calc(1180px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_banq_list {
    max-width: calc(1180px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banq_list {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banq_list {
    margin-top: 11.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banq_list {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .tmp_st .en {
    line-height: 1;
  }
  .wrp_banq_list .tmp_st .jp {
    margin-top: 1em;
  }
}
.wrp_banq_list .con_banq_list {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .con_banq_list {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list {
    margin-top: 2.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banq_list .con_banq_list .box_link {
    width: calc(183 / 1180 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banq_list .con_banq_list .box_link {
    width: 23.5%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link {
    width: 49%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(n+2) {
    margin-left: calc(15 / 1180 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(6n+1) {
    margin-left: 0;
  }
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(n+7) {
    margin-top: 3.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(n+5) {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .wrp_banq_list .con_banq_list .box_link:nth-of-type(n+3) {
    margin-top: 2.5em;
  }
}
.wrp_banq_list .con_banq_list .box_link > a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid var(--color-sub02);
  position: relative;
  transition: ease .3s background;
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .con_banq_list .box_link > a {
    padding-bottom: 0.58rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link > a {
    padding-bottom: 0.5em;
  }
}
.wrp_banq_list .con_banq_list .box_link > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--color-sub01);
  transition: ease .3s width;
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .con_banq_list .box_link > a::before {
    width: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link > a::before {
    width: 2em;
  }
}
.wrp_banq_list .con_banq_list .box_link > a .inn_img {
  position: relative;
}
.wrp_banq_list .con_banq_list .box_link > a .inn_img .cate {
  padding: 0 1em;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  border-radius: 0.41rem 0 0 0;
  background: var(--color-main);
}
.wrp_banq_list .con_banq_list .box_link > a .inn_img .img img {
  border-radius: 0.41rem 0.41rem 0 0;
}
.wrp_banq_list .con_banq_list .box_link > a .title {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .con_banq_list .box_link > a .title {
    padding-top: 0.58rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link > a .title {
    padding-top: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .con_banq_list .box_link > a .title {
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link > a .title {
    padding-left: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .con_banq_list .box_link > a .title {
    padding-right: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .con_banq_list .box_link > a .title {
    padding-right: 2em;
  }
}
.wrp_banq_list .con_banq_list .box_link > a .title .t {
  font-size: 1.08rem;
}
.wrp_banq_list .con_banq_list .box_link > a .title .ic_arr {
  position: absolute;
  top: 55%;
  right: 1em;
  transform: translateY(-50%);
  fill: var(--color-text05);
  transition: ease .3s right;
}
@media only screen and (min-width: 1025px) {
  .wrp_banq_list .con_banq_list .box_link > a:hover {
    background: #fff;
  }
  .wrp_banq_list .con_banq_list .box_link > a:hover::before {
    width: 100%;
  }
  .wrp_banq_list .con_banq_list .box_link > a:hover .title .ic_arr {
    right: .5em;
  }
}
.wrp_banq_list .tmp_link {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .wrp_banq_list .tmp_link {
    margin-top: 3.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_banq_list .tmp_link {
    margin-top: 2.5em;
  }
}

.mfp-close-btn-in .mfp-close {
  color: #fff !important;
  font-size: 50px;
  background: transparent;
  top: -50px;
  width: 30px;
  height: 30px;
}

.mfp-content {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .mfp-content {
    width: 950px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mfp-content {
    width: 665px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mfp-content {
    width: 90vw !important;
  }
}
.mfp-content .box_view_pop {
  width: 100%;
  position: relative;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .mfp-content .box_view_pop {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mfp-content .box_view_pop {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .mfp-content .box_view_pop {
    height: 20em;
  }
}
.mfp-content .box_view_pop::before {
  content: "";
  width: 4em;
  height: 4em;
  border-radius: 1000px;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: white;
  animation: spin 1s infinite linear;
  display: block;
}
.mfp-content .box_view_pop iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mfp-content .box_view_pop .inn_att {
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  margin-top: .5em;
  color: #fff;
}
.mfp-content .box_view_pop .inn_att .att {
  font-size: 0.92rem;
  text-indent: -1em;
  padding-left: 1em;
}

html.is-pop-open {
  overflow: hidden;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}