@charset "UTF-8";


/* =====================================
  FC LP Base
===================================== */
.fc-2026-27 {
  --fc-green: #8ec421;
  --fc-green-dark: #90c421;
  --fc-black: #000;
  --fc-white: #fff;
  --fc-gray: #d9d9d9;

  overflow: hidden;
  background: var(--fc-white);
  color: var(--fc-black);
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  line-height: 1.7;
}





.fc-2026-27 a {
  color: inherit;
  text-decoration: none;
}

.fc-inner {
  width: min(1196px, calc(100% - 40px));
  margin-inline: auto;
}

.fc-inner--narrow {
  width: min(900px, calc(100% - 40px));
}

/* =====================================
  HERO
===================================== */
.fc-section .c-lead,
.fc-hero .c-tx .c-lead{
  padding-bottom:calc(90px * var(--space-scale));
}
.fc-hero h1{
  /*padding-bottom:calc(120px * var(--space-scale));*/
}



/* =====================================
  Section Common
===================================== */
.fc-section {
  padding: calc(120px * var(--font-scale)) 0;
  position: relative;
  z-index: 1;
}
.fc-section + .fc-section{
  padding-top: 0;
}

.fc-section .c-tx p + p{
  margin-top: 16px;
}


/* =====================================
  ABOUT
===================================== */
.fc-about {
  background: var(--fc-white);
  color: var(--fc-black);
}

/* =====================================
  sec-qupon
===================================== */
section.sec-qupon{
  margin-top: calc(100px * var(--space-scale));
}
section.sec-qupon section + section{
  margin-top: calc(70px * var(--space-scale-s));  
}
section.sec-qupon .midashi-m,
section.sec-qupon .tx-lead{
  margin-bottom: calc(30px * var(--space-scale-s));  
}


.sec-qupon .tx p{
  color: var(--bg-main);
  text-align: center;
}
.sec-seat-qupon .col02{
  gap: 30px;
}
.sec-seat-qupon .col02 .col01{
  padding: 30px 20px;
  border: solid 4px var(--glass-10);
  border-radius: 30px;
}
.sec-seat-qupon .col02 .col01 .ph{
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 30px;
}
.sec-seat-qupon .col02 .col01 li,
.sec-seat-qupon .col02 .col01 p{
  text-align: center;
  font-size: 14px;
}
.sec-seat-qupon .col02 .col01 li.tx{
  border-bottom: solid 1px var(--glass-10);
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.sec-seat-qupon .col02 .col01 .title{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.sec-seat-qupon .col02 .col01 .title span{
  padding: 6px 12px;
  border-radius: 30px;
  background: var(--bg-main);
  color: var(--bg-black);
}

.sec-seat-use .col03{
  align-items: stretch;
  gap: 30px;
}
.sec-seat-use .col03 .col01{
  position: relative;
  padding: 30px 20px;
  border-radius: 30px;
  /*border: solid 1px var(--glass-10);*/
  background: var(--glass-10);
}
/*
.sec-seat-use .col03 .col01::after{
  content: '';
  display: block;
  background: var(--bg-main);
  width: 1px;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
*/
.sec-seat-use .col03 .col01 .step{
  margin-bottom: 16px;
  text-align: center;
}
.sec-seat-use .col03 .col01 .step span{
  display: block;
  line-height: 1;
  font-size: 16px;
}
.sec-seat-use .col03 .col01 .ph{
  border-radius: 16px;
  overflow: hidden;
  line-height: 1;
  margin-bottom: 8px;
}


.sec-seat-use .col03 .col01 dd{
  font-size: 14px;
  line-height: 1.4;
}


.sec-seat-chu .bg-kakomi{
  display: table;
  margin: 0 auto;
}

.sec-seat-chu .bg-kakomi li{
  font-size: 14px;
}


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




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



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

    .mono .t-center{
    text-align: left;
  }
  .mono .tx-lead.t-center{
    text-align: center;
  }

  .sec-qupon .tx p{
    text-align: left;
  }


  .sec-seat-qupon .col02 .col01 li.tx span{
    display: block;
    text-align: center;
  }
  .sec-seat-qupon .col02{
    gap: 0px;
    display: block;
  }
  .sec-seat-qupon .col02 .col01 + .col01{
    margin-top: 20px;
  }
  .sec-seat-use .col03{
    display: block;
  }
  .sec-seat-use .col03 .col01{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
  }
  .sec-seat-use .col03 .col01 .step{
    width: 100%;
  }
  .sec-seat-use .col03 .col01 .step span{
    display: inline-block;
    margin-right: 8px;
  }
  .sec-seat-use .col03 .col01 + .col01{
    margin-top: 16px;
  }
  .sec-seat-use .col03 .col01 .ph{
    width: 30%;
  }
  .sec-seat-use .col03 .col01 .ph + dd{
    width: calc(70% - 30px);
    font-size: 12px;
  }

  .sec-seat-use .midashi-m.t-center{
    text-align: center;
  }


}


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





}