@charset "UTF-8";
/* html{
  scroll-behavior: smooth;
} */
@media only screen and (max-width: 767px) {
  /* html{
    font-size: 16px;
  }
  body{
    font-size: 1rem;
  } */
}
main{
  color: #231815;
}
a:hover{
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
section{
  padding-block: 50px;
}
img{
  height: auto;
}
@media only screen and (max-width: 767px) {
  section{
    padding-block: 30px;
  }
}

/* ::::-----------各ページ共通------------::: */
.c-wrapper{
max-width: 1000px;
width: calc(100% - 40px);
margin: 0 auto;

}
.c-wrapper-l{
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.sp-only{
  display: block;
}
@media screen and  (min-width: 768px) {
  .page-sub{
    padding-top: 10px;
  }
  .sp-only{
    display: none;
  }
}
/* ::::-----------slider------------::: */
.facilitie-fv-slider{
  width:100%;
  margin:0 auto;
}
.facilitie-fv-slider img{
  width:100%;
}
.facilitie-fv-slider .item{
  height:auto!important;
}
.facilitie-fv-slider .slick-arrow{
  z-index:2!important;
}
.facilitie-fv-slider .slick-next{
  right:5%!important;
}
.facilitie-fv-slider .slick-prev{
  left:5%!important;
}
.facilitie-fv-slider .slick-arrow{
  width: 40px;
  height: 40px;
}
.facilitie-fv-slider .slick-arrow:before{
  width: 100%;
  height: 100%;
  background-image: url(../img/common/slide-arrow.png);
}
/* 非アクティブなスライドにカバー */
.facilitie-fv-slider .slick-slide {
  position: relative;
}

.facilitie-fv-slider .slick-slide:not(.slick-center)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 黒50%のマスク */
  pointer-events: none; /* マスクがクリックを妨げないようにする */
}

@media screen and (max-width:767px) {
  .slick-dots li{
    width: 8px;
    height: 8px;
    margin-inline: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    border: none;
  }
.slick-dots li.slick-active{
border: none;
  background-color: #979797;
}
}
/* ::::-----------common css------------::: */
.lang-en{
  font-family: "Varela Round", sans-serif;
  font-weight: 700;
}
.color-white{
  color: #ffffff;
}
.block-item{
  display: block;
}
.facilitie-common-header{
  text-align: center;
  font-size: 42px;
  font-weight: 700;
padding-block: 20px;
margin-bottom: 20px;
}
.facilitie-common-header-inner{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}
.facilitie-title-en{
  display: block;
  font-size: 68px;
  line-height: 1;
}
.facilitie-title-sub{
position: absolute;
right: -45%;
    bottom: 5px;
font-size: 30px;
}
.facilitie-title-sub .text-area{
letter-spacing: 0.8em;
}
.facilitie-title-sub sup{
  vertical-align: super;
  font-size: smaller;
}

@media screen and (max-width:1600px) {
  .facilitie-title-sub{
right: -25%;
    font-size: 18px;
    }

.facilitie-title-sub .text-area{
  letter-spacing: 0.2em;
}
} 
@media screen and (max-width:1366px) {
  .facilitie-title-sub{
    position: static;
    text-align: right;
    }
} 
@media screen and (max-width:767px) {
  .slick-slide{
    aspect-ratio: 1.5/1;
  }
  .facilitie-common-header{
    display: none;
  }
}
/* ::::-----------固定メニュー------------::: */
.fixed-menu{
  position: fixed;
  z-index: 500;
  top: 35%;
  left: 0;
}
.fixed-menu-list{
  background-color: #0A3C71;
  padding: 20px 35px 20px 40px;
}
.fixed-menu-list li a{
  position: relative;
  display: block;
  min-width: 200px;
padding-block: 12px;
}

.fixed-menu-list li a::after{
  content: "";
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s ease-in-out;
}
.fixed-menu-list li a:hover:after {
  right: 5px;
  transition: all 0.3s ease-in-out;
}

.fixed-menu-list li{
  border-top: 2px solid #ffffff;
}
.fixed-menu-list li:last-child{
  border-bottom: 2px solid #ffffff;
}
.fixed-menu-button{
  display: none;
}
/* footer */
.facilitie-bottom-title{
  font-size: 24px;
  font-weight: 700;
}
.facilitie-bottom-link{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  column-gap: 15px;
  row-gap: 10px;
  margin-block: 50px;
}
@media only screen and (max-width: 1600px) {
  .fixed-menu{
    top: auto;
    bottom: 0;
    left: 5%;
    /* transform: translateX(-50%); */
  }
  .fixed-menu-list{
    display: none;
  }
  .fixed-menu-list{
    padding: 20px 30px;
  }
  .fixed-menu-button {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
    width: 80px;
    height: 70px;
    background-color: #0A3C71;
    padding: 10px 2px 5px;
  }
  .fixed-menu-button .show {
    display: block;
  }
  .fixed-menu-button .hide {
    display: none;
  }
  .fixed-menu-button .text {
    display: block;
  font-size: 12px;
    color: #ffffff;
    letter-spacing: 0.05em;
  }
  .fixed-menu-button .line {
    position: relative;
    width: 50px;
    height: 30px;
  }
  .fixed-menu-button .line span {
    position: absolute;
    background-color: #ffffff;
    left: 50%;
    height: 3px;
    transform: translateX(-50%);
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    width: 90%;
  }
  .fixed-menu-button .line span:first-child {
    top: 0;
  }
  .fixed-menu-button .line span:nth-child(2) {
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .fixed-menu-button .line span:last-child {
    bottom: 0;
  }
  /* is-active */
  .fixed-menu-button.is-active{
    position: absolute;
    top: -60px;
    right: 0;
  }
  .fixed-menu-button.is-active .show {
    display: none;
  }
  .fixed-menu-button.is-active .hide {
    display: block;
  }
  .fixed-menu-button.is-active .line span:first-child {
    top: 50%;
 transform: translate(-50%,-50%) rotate(45deg);
  }
  .fixed-menu-button.is-active .line span:nth-child(2) {
    transform: translate3d(50px, -2px, 0);
    opacity: 0;
  }
  .fixed-menu-button.is-active .line span:last-child {
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
  }
}
@media only screen and (max-width: 767px) {
  .fixed-menu{
    left: 50%;
    transform: translateX(-50%);
  }
  .facilitie-bottom-link{
display: flex;
flex-direction: column;
row-gap: 15px;
margin-block: 30px;
  }
}
/* ::::-----------font class------------::: */
.font-bold{
  font-weight: 700;
}
.font-44{
  font-size: 44px;
}
.font-40{
  font-size: 40px;
}
.font-24{
  font-size: 24px;
}
.font-14{
  font-size: 14px;
}

@media screen and (max-width:768px) {
  .font-44{
    font-size: 20px;
  }
  .font-40{
    font-size: 20px;
  }
  .font-24{
    font-size: 18px;
  }
  .font-14{
    font-size: 10px;
  }
}
/* ::::-----------margin class------------::: */
.mb-10{
  margin-bottom: clamp(5px,0.9vw,10px)!important;
}
.mb-20{
  margin-bottom: clamp(10px,1.1vw,20px)!important;
}
.mb-50{
  margin-bottom: clamp(30px,2.7vw,50px)!important;
}
.mb-80{
  margin-bottom: clamp(60px,5vw,80px)!important;
}

/* title */
.section-title._main{
  font-size: 47px;
}
.section-title-wrapper{
  position: relative;
}
.section-title-wrapper::after{
  position: absolute;
  z-index: -1;
  content: '';
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 90%;
  height: 15px;
  background-color: #0A3C71;
}
.section-title._background{
  width: fit-content;
  font-size: 20px;
  background-color: #0A3C71;
  clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
  padding: 10px 30px 5px;
  margin-inline: auto;
  margin-bottom: 15px;
}
.section-title._line{
  position: relative;
  width: fit-content;
font-size: 28px;
margin-inline: auto;
margin-bottom: 50px;
padding-bottom: 10px;
}
.section-title._line::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background-color: #51B0BA;
}
.section-subtitle{
  position: relative;
  font-size: 24px;
  background-color: #0A3C71;
  padding: 15px 30px;
  margin-bottom: 50px;
}
.section-subtitle::before{
  content: "";
  position: absolute;
top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 8px;
  height: 60%;
  background-color: #D5E0E9;
}
@media screen and (max-width:767px) {
  .section-title._main{
    font-size: 18px;
  }
  .section-title-wrapper::after{
    width: 100%;
    height: 8px;
  }
  .section-title._background{
    font-size: 16px;
    padding: 5px 20px;
  }
  .section-title._line{
    font-size: 24px;
    margin-bottom: 30px;
    padding-bottom: 5px;
  }
  .section-title._line::after{
    height: 2px;
  }
  .section-subtitle{
    width: fit-content;
    font-size: 14px;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    padding: 5px 25px 5px 17px;
    margin-bottom:20px;
  }
  .section-subtitle::before{
    content: "";
    position: absolute;
  top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #fff;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
}
/* ::::-----------main section-----------::: */
.facilitie-list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
column-gap: 17px;
row-gap: 10px;
}

.facilitie-list-item {
  position: relative;
  min-width: 210px;
  max-width: 225px;
  color: #fff;
  font-size: 18px;
padding-block: 5px;
}
.facilitie-list-item::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background-color: #231815;
}
.facilitie-list-item .text-small{
  font-size: 10px;
}
.facilitie-list-item .text-top {
  display: block;
border-bottom: 2px solid #ffffff;
padding-inline: 25px 0px;
}
.facilitie-list-item .text-ls {
  letter-spacing: -0.2em;
}
.facilitie-list-item .text-bottom {
  font-size: 30px;
  line-height: 1.2;
}
.facilitie-list-item .text-bottom .text-small{
  font-size: 20px;
}
.facilitie-card-small{
  display: flex;
  align-items: center;
}
.facilitie-card-small span{
  display: block;
}
.facilitie-card-small span.nowrap{
  display: inline;
  font-size: 20px!important;
}
.facilitie-card-small .text-bottom .text-small{
  font-size: 12px;
}
.text-bottom {
  padding-inline: 25px 20px;
}
.facilitie-intro-text{
  max-width: 870px;
  font-size: 20px;
  letter-spacing: -0.01em;
  margin-inline: auto;
}

.floor-map-list{
display: flex;
align-items: center;
column-gap: 24px;
}
.floor-map-photo-list{
  display: flex;
  flex-direction: column;
align-items: center;
row-gap: 30px;
max-width: 650px;
margin-inline: auto;
}
@media screen and (max-width:767px) {
  .facilitie-list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 10px;
    row-gap: 10px;
  }
  .facilitie-list-item{
    min-width: inherit;
    font-size: 14px;
  }
  .facilitie-list-item .text-small{
    font-size: 8px;
  }
  .facilitie-intro-text {
    font-size: 14px;
  }
  .floor-map-list{
 flex-direction: column;
 row-gap: 30px;
}
.floor-map-photo-list{
  row-gap: 10px;
}
.facilitie-list-item .text-top{
  font-size: 12px;
}
.facilitie-list-item .text-bottom {
  font-size: 20px;
}
.facilitie-list-item .text-bottom .text-small{
  font-size: 15px;
}
.text-bottom {
  padding-inline: 25px 10px;
}
}
/* ::::-----------floor-plan------------::: */
.floor-plan-list{
  display: grid;
grid-template-columns: repeat(2,1fr);
column-gap: 40px;
row-gap: 80px;
}
.floor-plan figcaption{
  font-size: 20px;
}
.floor-plan .caption{
  display: block;
  font-size: 26px;
  margin-bottom: 3px;
}
.floor-plan .caption .text-small{
  font-size: 20px;
}
.floor-plan .caption.floor-plan-flex{
  display: flex;
  align-items: flex-start;
}
.floor-plan-flex span{
  display: block;
}
.floor-plan-subwrapper{
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
}
.floor-plan-subtitle{
  width: fit-content;
  font-size: 30px;
  background-color: #000;
  padding: 5px 10px;
}
.floor-plan-table-wrapper{
  /* width: clamp(300px, 50vw, 600px); */
  width: 100%;
}
.floor-plan-table{
  width: 100%;
  font-size: 20px;
}
.floor-plan-table th,
.floor-plan-table td{
  border: 1px solid #000000;
  padding: 5px;
}
.floor-plan-table .table-title{
background-color: #797F3E;
}
.floor-plan-table .table-detail-title{
  max-width: 100px;
  background-color: #E8E6DA;
}
.floor-plan-table .table-detail{
font-style: italic;
font-size: 16px;
}
.floor-plan-sublist {
display: flex;
flex-direction: column;
row-gap: 10px;
}

.floor-sublist-title {
font-size: 18px;
}

@media screen and (max-width:767px) {
  .floor-plan-list{
    width: 100vw;
    column-gap: 10px;
    row-gap: 20px;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 52%);

  }
  .floor-plan figcaption{
    font-size: 12px;
  }
  .floor-plan .caption{
    display: block;
    font-size: 10px;
    margin-bottom: 3px;
  }
  .floor-plan .caption .text-small{
    font-size: 8px;
  }
  .floor-plan-subtitle{
    font-size: 24px;
  }
  .floor-plan-subwrapper{
    row-gap: 10px;
  }
  .floor-plan-table{
    font-size: 14px;
  }
  .floor-plan-table .table-detail-title {
    width: 25%;
  }
  .floor-plan-table .table-detail {
    font-size: 14px;
}
  .floor-sublist-title{
    font-size: 16px;
  }
}
/* ::::-----------floor-photo-----------::: */
.floor-photo-list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 24px;
row-gap: 100px;
}
.floor-photo-item{
  display: flex;
  flex-direction: column;
  row-gap: 17px;
}
.floor-photo-item._small{
max-width: 525px;
margin-inline: auto;
}
.floor-photo-title{
  text-transform: uppercase;
  font-size: 24px;
}
.floor-photo-title .text-small{
  display: block;
  font-size: 16px;
}
.floor-photo-lead{
  font-size: 15px;
  margin-block: 8px;
}
.floor-photo-image._small{
  width: 50%;
}
.floor-photo-image._middle{
  width: 70%;
}
.floor-photo-map{
  max-width: 500px;
  margin-inline: auto;
}
.photo-detail-list{
  font-size: 14px;
}
.photo-detail-list li{
  position: relative;
}
.photo-detail-list li::before{
  content: '▼';
  margin-right: 0.5em;
}
@media screen and (max-width:767px) {
  .floor-photo-list{
    display: flex;
    flex-direction: column;
    row-gap: 50px;
  }
  .floor-photo-image._small{
    width: 100%;
  }
  .floor-photo-item p{
    font-size: 14px;
  }
  .floor-photo-title{
    font-size: 20px;
  }
  .floor-photo-title .text-small{
    font-size: 12px;
  }
}


/* ::::-----------pdf link------------::: */
.link-pdf{
  position: relative;
  display: block;
  width: 80%;
  max-width: 400px;
  font-size: 28px;
  background-color: #EB6100;
  border-radius: 20px;
margin-inline: auto;
padding: 25px 60px;
}
.link-pdf::after{
  content: "";
  border: 0;
  position: absolute;
  top: 50%;
  right: 12%;
  width: 22px;
  height: 22px;
  background-image: url(../img/common/btn_arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.link-pdf:hover:after {
  right: 10%;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width:767px) {

.link-pdf {
  width: 98%;
  font-size: 24px;
}
.link-pdf::after{
  right: 18%;
    width: 20px;
    height: 20px;
}
.link-pdf:hover:after {
  right: 15%;
}
}
/* ::::-----------convention------------::: */
#convention .facilitie-common-header{
  background-color:#88ABAF;
}
#convention .facilitie-list-item {
  background-color:#88ABAF;
}
/* ::::-----------phil------------::: */
#phil .facilitie-common-header{
  background-color:#E68671;
}
#phil .facilitie-list-item {
  background-color:#E68671;
}
#phil .dressing-room-text{
  letter-spacing: -0.03em;
}
#phil .drink-box{
  display: flex;
  align-items: flex-end;
  column-gap: 10px;
  row-gap: 10px;
}
.phil-fuzoku-list{
grid-template-rows: repeat(2, auto);
row-gap: 20px;
}
.phil-fuzoku-list li:nth-child(1){
  grid-area: 1 / 1 / 2 / 2;
  }
  .phil-fuzoku-list li:nth-child(2){
    grid-area: 1 / 2 / 3 / 3;
    }
    .phil-fuzoku-list li:nth-child(3){
      grid-area: 2 / 1 / 3 / 2;
    }
    @media screen and (max-width:767px) {
    #phil .drink-box{
   flex-direction: column;
   align-items: flex-start;
    }
  }
/* ::::-----------rece------------::: */
#rece .facilitie-common-header{
  background-color:#487896;
}
#rece .facilitie-list-item {
  background-color:#487896;
}
#rece .floor-plan-image{
  width: 70%;
  margin-inline: auto;
}
#rece .fuzoku-list-item{
  max-width: 500px;
  margin-inline: auto;
}
/* ::::-----------kokusai------------::: */
#kokusai .facilitie-common-header{
  background-color:#A37A71;
}
#kokusai .facilitie-list-item {
  background-color:#A37A71;
}
#kokusai .facilitie-title-sub{
  right: -20%;
}
#kokusai .fuzoku-list-item{
  max-width: 500px;
  margin-inline: auto;
}
@media screen and (max-width:1536px) {
  #kokusai .facilitie-title-sub{
    position: static;
    text-align: right;
  }
  }
/* ::::-----------middle------------::: */
#middle .facilitie-common-header{
  background-color:#9A6F90;
}
#middle .facilitie-list-item {
  background-color:#9A6F90;
}
/* ::::-----------meeting------------::: */
#meeting .facilitie-common-header {
  background-color:#999497;
}
#meeting .floor-map-photo-lead {
 font-size: 30px;
}
#meeting .price-table .text-small{
  display: table-cell;
  font-size: 12px;
  letter-spacing: -0.08em;
}
@media screen and (max-width:767px) {
  #meeting .floor-map-photo-lead{
    font-size: 15px;
  }
  #meeting .floor-plan-list{
    grid-template-columns: 1fr;
    row-gap: 20px;
    width: 90%;
    margin-inline: auto;
  }
    /* iphpne(safari)の縦書き崩れ対策 */
    #meeting  .verti-rl{
  writing-mode: inherit;
}
}
/* ::::-----------riha------------::: */
#riha{
  padding-bottom: 0;
}
/* #riha .floor-photo-list{
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
} */
#riha .floor-photo-item._flex{
flex-direction: row;
column-gap: 20px;
}
#riha .floor-photo-item._flex .floor-photo-image{
width: 60%;
  }

/* ::::-----------gallery------------::: */
#gallery .facilitie-common-header{
  background-color:#69C2BA;
}
#gallery .facilitie-list-item {
  background-color:#69C2BA;
}
#gallery .facilitie-list-item .text-bottom .text-xs{
  font-size: 10px;
}
/* ::::-----------modal------------::: */
.modal-section{
  padding-top: 100px;
}
.modal-btn-list{
display: flex;
justify-content: center;
align-items: center;
column-gap: 15px;
}
.modal-btn-list._small{
  max-width: 340px;
  margin-inline: auto;
}
.modal-btn{
max-width: 325px;
}
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 13%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center;
  }
  
  .modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
  }
  
  .modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
  }
  
  .modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
  }
  
  .modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  text-align: left;
  width: 100%;
  max-width: 1000px;
  padding: 30px 30px 15px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle;
  overflow: auto;
  border-radius: 10px;
  }
  .modal-wrapper .modal-window .modal-content-wrapper{
    height: 75vh;
    overflow-y: auto;
  }
  .modal-wrapper .modal-window .modal-content {
margin-inline: 10px;
  }
  
  .modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
  }
  
  .modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  color: #95979c!important;
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
  }
  
  .modal-wrapper .modal-close:hover {
  color: #2b2e38!important
  }
  @media screen and (max-width:767px) {
    .modal-section{
      padding-top: 30px;
    }
    .modal-btn-list{
      flex-direction: column;
      row-gap: 20px;
      padding-inline: 10px;
      }
  }
  
/* ::::-----------モーダル1のコンテンツ------------::: */
.gaiyo-table{
  width: 100%;
  min-width: 700px;
  border: 1px solid #000000;
}
.gaiyo-table th,.gaiyo-table td{
  vertical-align: top;
}
.gaiyo-table._first{
  border-bottom: none;
}
.gaiyo-table .table-title{
  position: relative;
  font-size: 20px;
  letter-spacing: 1em;
  background-color: #D5E0E9;
  border-bottom: 1px solid #000000;
  padding: 10px 50px;
}
.gaiyo-table .table-title::before{
  content: '';
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #231815;
}
.gaiyo-table .table-subtitle{
  width: 25%;
  border-right: 1px solid #000000;
}
.gaiyo-table .table-subtitle,
.gaiyo-table .table-detail{
  position: relative;
  padding: 8px 30px;
}
.gaiyo-table .table-subtitle._high,
.gaiyo-table .table-detail._high{
  padding: 20px 30px 8px;
}
.gaiyo-table .table-subtitle._last,
.gaiyo-table .table-detail._last{
  padding: 50px 30px 20px;
}
.gaiyo-table .table-subtitle._second,
.gaiyo-table .table-detail._second{
  line-height: 1.5;
  padding: 20px 30px;
}
.gaiyo-table ._squre::before{
  content: '●';
  margin-right: 5px;
}
.gaiyo-table .table-detail-weight li::before{
content: '・';
}
.gaiyo-table .table-detail-exit{
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.gaiyo-table .table-detail-kinds{
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  counter-reset: number 0;
}
.gaiyo-table .table-detail-kinds li{
  position: relative;
  padding-inline-start: 30px;
}
.gaiyo-table .table-detail-kinds li::before {
  position: absolute;
  left: 0;
  top: 48%;
  transform: translateY(-50%);
  counter-increment: number 1;
  content: counter(number);
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 0.8em;
  border-radius: 50%;
  border: 1px solid #231815;
}
.gaiyo-table .table-detail-kinds span{
  display: inline-block;
  min-width: 220px;
}

/* ::::-----------モーダル2のコンテンツ------------::: */
.price-list {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  counter-reset: number 0;
  margin-top: 30px;
}
.price-list li{
  position: relative;
  padding-inline-start: 25px;
}
.price-list li::before {
  position: absolute;
  left: 0;
  counter-increment: number 1;
  content: "" counter(number) ". ";
}
.price-subtext{
  padding-right: 20px;
}
.text-wide{
  text-align-last: justify;
  padding-inline: 3px;
}
.scroll-wrapper{
  position: relative;
  overflow-x: scroll;
}
/* table */
.price-table {
  width: 100%;
  min-width: 900px;
}
.price-table td{
  padding: 5px;
}
.price-table th,
.price-table td{
  border:  1px solid #000;
}
.price-table .empty{
  position: relative;
    background-image: linear-gradient(to top left,
    transparent, transparent 49%,
       black 49%,
       black 51%,   
      transparent 51%, transparent);
}
/* .price-table .empty::after{
  position: absolute;
  content: "";
  top: 24px;
  left: 1px;
  display: block;
  width: 101%;
  height: 100%;
  border-top: 1px solid #000;
  transform: rotate(-11deg);
} */
/* new_style.cssから継承したcssの上書き */
.price-table .verti-rl{
  padding: 5px;
}
.price-table .text-small{
  display: block;
  font-size: 12px;
}
.price-table .text-middle{
  font-size: 14px;
}
.price-table .fixtb-td:before{
  content: "";
  width: 1px;
  height: calc(100% + 10px);
  position: absolute;
  left: 0;
  top: -5px;
  background-color: #000;
}
table th[rel="60px"], table td[rel="60px"] {
  min-width: 60px;
}
.price-table .justify-content-center{
  column-gap: 30px;
}
/* ::::-----------モーダル3のコンテンツ------------::: */
.fuzoku-list {
display: grid;
grid-template-columns: repeat(2,1fr);
column-gap: 35px;
row-gap: 50px;
}
.fuzoku-list-item._small{
  max-width: 500px;
  margin-inline: auto;
}
.fuzoku-list-title {
  position: relative;
color: #fff;
background-color: #231815;
padding: 5px 13px;
}
.fuzoku-list-title::after{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #000;
  transform: translateY(3px);
  }

.fuzoku-list-subtext {
font-size: 10px;
}

.fuzoku-table {
width: 100%;
}
.fuzoku-table th,
.fuzoku-table td{
  border:  1px solid #000;
  padding-inline: 5px;
}

.fuzoku-table .table-title._wide {
letter-spacing: 0.5em;
}

.table-detail._line-gray-right {
border-right: 1px solid #95979c;
}
.table-detail._line-gray-bottom {
  border-bottom: 1px solid #95979c;
  }

  .fuzoku-sub-wrapper{
    display: flex;
    column-gap: 20px;
    margin-top: 30px;
  }
  .fuzoku-sub-item .fuzoku-table .text-wide{
    text-align-last: inherit;
    text-align: center;
    letter-spacing: 1em;
  }
  .fuzoku-sub-item .fuzoku-table td._wide{
    text-align-last: justify;
  }
  .fuzoku-sub-item .fuzoku-table .back-gray{
    background-color: #DBDCDC;
    color: #a4a4a4;
  }
  .fuzoku-sub-item .fuzoku-table .fuzoku-sub-title{
    letter-spacing: 0.5em;
    padding: 5px;
  }
  @media screen and (max-width:767px) {
    .box-instruction-scroll{
      width: 80%;
      top: 10px;
      left: 10px;
    }
    .box-instruction-scroll .text-desc{
      font-size: 10px;
    }
  .box-instruction-scroll .icon-hand{
    width: 150px;
    margin: 0 auto;
  }
  .box-instruction-scroll .close{
    font-size: 10px;
  }
  .price-list{
    row-gap: 5px;
  }
  .price-list li{
    font-size: 12px;
    padding-inline-start: 18px;
  }
  .fuzoku-list{
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  .fuzoku-list-title{
    font-size: 14px;
  }
  .fuzoku-table .table-detail{
font-size: 10px;
  }
  /* iphpne(safari)の縦書き崩れ対策 */
.verti-rl.text-middle{
  writing-mode: inherit;
}
}


/* ::::-----------ダウンロードページ------------::: */
.section-title-dl{
  position: relative;
  font-size: 24px;
  color: #fff;
  background-color: #0A3C71;
  padding: 15px 30px;
  margin-bottom: 10px;
}
.section-title-dl::before{
  content: "";
  position: absolute;
top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 8px;
  height: 60%;
  background-color: #D5E0E9;
}
.dl-list{
  font-weight: 700;
  margin-block: 30px 0;
}
.dl-list dd,
.dl-list dt{
 display: inline;
}

.dl-list-item{
  display: flex;
  justify-content: space-between;
  /*max-width: 800px;*/
  max-width: 900px;
  color: #0A3C71;
  border-bottom: 1px solid #0A3C71;
  padding-block: 15px;
  padding-inline: 10px 25px;
  margin-inline: auto;
}


/****追加クラス***/
.dl-list-item_single{
  max-width: 900px;
  color: #0A3C71!important;
  border-bottom: 1px solid #0A3C71;
  padding-bottom:15px;
  margin-inline: auto;
}

.dl-list-item02{
  display: flex;
  justify-content: space-between;
  /*max-width: 800px;*/
  max-width: 900px;
  color: #0A3C71;
  padding-block: 15px;
  padding-inline: 10px 25px;
}

.dl-list-item-blank{
text-align: right;
}


.dl-list-item_single a{
  color: #007EBF!important;
  }



.dl-list-item a{
  color: #007EBF;
  }

  .dl-list-item._grid{
display: grid;
grid-template-columns: repeat(4,1fr);
  }


  .dl-item._wide{
	display: flex;
  justify-content: space-between;
    /*display: inline-block;*/
    min-width: 300px;
  }
  .dl-item._flex{
 display: flex;
 column-gap: 35px;
  }

.flex_wrap{
 display: flex;
flex-wrap: wrap;
 column-gap: 35px;
  }

  .dl-item-link{
    position: relative;
  }
  .dl-item-link::after{
    position: absolute;
    content: "";
    right: auto;
    width: 15px;
    height: 15px;
    background-image: url(../../download/img/icon-dl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: 5px;
  }
  .dl-item-link._no-icon::after{
display: none;
  }
  @media screen and (max-width:767px) {
    .section-title-dl{
      font-size: 18px;
      padding: 10px 20px;
    }
    .section-title-dl::before{
      left: 5px;
      width: 8px;
    }
    .dl-list{
      margin-top: 15px;
    }
    .dl-list dd,
.dl-list dt{
 display: block;
}
.dl-list dt{
  padding-left: 5px;
 }
.dl-list dd{
  margin-top: 10px;
  padding-left: 16px;
 }
    .dl-item._wide{
      display: block;
      min-width: inherit;
    }
    .dl-list-item{
      display: block;
      padding-inline: 0px;
    }
    .dl-item._flex{
      flex-direction: column;
      row-gap: 10px;
       }
       .dl-list-item._grid{
        grid-template-columns: repeat(2,1fr);
        row-gap: 30px;
border-bottom: 0;
       }
	  
	  /****追加クラス***/
.dl-list-item_single{
  max-width: 900px;
  color: #0A3C71!important;
  border-bottom: 1px solid #0A3C71;
  padding-bottom:15px;
  margin-inline: auto;
}

.dl-list-item02{
  display:flex;
flex-direction: column;
  color: #0A3C71;
  padding-block: 15px;
  padding-inline: 10px 25px;
padding-left: 0;
}

.dl-list-item-blank{
text-align: left;
}


.dl-list-item_single a{
  color: #007EBF!important;
  }
	  
  }