/*! Writen  by SCSS */
.breadlist {
  display: none; }

.sec01 {
  /*padding: 80px 73px 60px;
  @include mq(1154){
  	padding: calc(80% / 13) 20px 60px;
  }
  @include mq($br_tb){
  	padding: 60px 20px 40px;
  }
  @include mq($br_sp){
  	padding: 30px 20px 25px;
  }*/ }

.img0 {
  display: grid;
  grid-template-columns: repeat(2, calc(463% / 16)) calc(674% / 16);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  @media screen and (max-width: 480px) {
    .img0 {
      display: flex;
      flex-wrap: wrap; } }
  .img0 li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3; }
  .img0 li:nth-child(2) {
    grid-area: 3 / 1 / 4 / 2; }
  .img0 li:nth-child(3) {
    grid-area: 3 / 2 / 4 / 3; }
  .img0 li:nth-child(4) {
    grid-area: 1 / 3 / 2 / 4; }
  .img0 li:nth-child(5) {
    grid-area: 2 / 3 / 4 / 4; }
  @media screen and (max-width: 480px) {
    .img0 li {
      width: 50%; }
      .img0 li:nth-child(1) {
        width: 100%; } }

.cap_box {
  padding-top: 10px;
  padding-bottom: 0; }

.bg {
  background: #89844f;
  border-radius: 8px;
  padding: 50px 60px;
  color: #fff; }
  @media screen and (max-width: 480px) {
    .bg {
      padding: 20px 15px; } }

.free .inn {
  width: calc(100% + 40px);
  margin: 0 -20px;
  border-radius: 8px;
  background: #fff;
  color: #333;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  padding: 50px; }
  @media screen and (max-width: 480px) {
    .free .inn {
      padding: 15px;
      width: 100%;
      margin: 0 auto; } }
.free .ttl {
  font-size: clamp(17px, 2.5vw, 30px);
  text-align: center;
  color: #7e7729;
  margin-bottom: 1em;
  margin-bottom: 1.2em;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  font-weight: 400; }
  .free .ttl .l {
    font-size: 125%; }
  @media screen and (max-width: 480px) {
    .free .ttl {
      font-size: calc(17vw / 3.9); } }
.free .f1 {
  font-size: clamp(13px, 1.385vw, 18px);
  font-size: clamp(12px, 1.308vw, 17px);
  font-feature-settings: "palt";
  letter-spacing: 0.3em;
  letter-spacing: 0.28em;
  line-height: 1.5; }
  @media screen and (max-width: 480px) {
    .free .f1 {
      font-size: calc(12vw / 3.9); } }

.fig_ttl {
  font-size: clamp(16px, 1.77vw, 23px);
  color: #fff;
  background: #89844f;
  text-align: center;
  line-height: 1;
  padding: 12px 10px 10px;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .fig_ttl {
      font-size: calc(16vw / 3.9);
      font-weight: 500; } }

.fig_img {
  margin-top: 5px;
  position: relative; }
  .fig_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 1px #666666; }

.sec02 {
  padding-top: 30px;
  padding-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding-bottom: 25px; } }
  .sec02 .min_ttl {
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    padding: 0.2em 0;
    font-size: clamp(21px, 3.539vw, 46px);
    font-feature-settings: "palt";
    letter-spacing: 0.14em;
    line-height: 1.4;
    margin-bottom: 0.6em;
    text-align: center;
    font-weight: 400; }
    .sec02 .min_ttl .s {
      font-size: 62%; }
    .sec02 .min_ttl .l {
      font-size: 120%; }
    .sec02 .min_ttl .c {
      color: #fff9b1; }
    @media screen and (max-width: 480px) {
      .sec02 .min_ttl {
        font-size: calc(21vw / 3.9); } }
  .sec02 .min_box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px calc(34% / 9.94);
    width: 100%;
    font-weight: 400; }
    @media screen and (max-width: 480px) {
      .sec02 .min_box {
        flex-direction: column;
        gap: 20px; } }
    .sec02 .min_box li {
      width: calc(480% / 9.94); }
      @media screen and (max-width: 480px) {
        .sec02 .min_box li {
          width: 100%; } }
      .sec02 .min_box li .min {
        display: flex;
        align-items: baseline;
        font-size: clamp(12px, 1.847vw, 24px);
        line-height: 1;
        letter-spacing: 0.02em;
        font-feature-settings: "palt";
        margin-bottom: 0.2em; }
        @media screen and (max-width: 480px) {
          .sec02 .min_box li .min {
            padding-bottom: 8px;
            margin-bottom: 8px;
            border-bottom: solid 1px #c0bfbf; } }
        .sec02 .min_box li .min .l1 {
          font-size: 140%; }
        .sec02 .min_box li .min .l2 {
          font-size: 225%;
          color: #fff9b1;
          display: inline-block;
          position: relative;
          bottom: -0.05em; }
        .sec02 .min_box li .min::after {
          content: "";
          flex: 1;
          order: 2;
          margin: 0 5px;
          height: 1px;
          background: #fff;
          position: relative;
          bottom: 0.3em; }
          @media screen and (max-width: 480px) {
            .sec02 .min_box li .min::after {
              height: 0; } }
        .sec02 .min_box li .min .min1 {
          order: 1; }
        .sec02 .min_box li .min .min2 {
          order: 3; }
      .sec02 .min_box li .min3 {
        font-size: clamp(10px, 1.154vw, 15px);
        font-feature-settings: "palt";
        line-height: 1.5;
        letter-spacing: 0.03em;
        font-weight: 400; }
  .sec02 .box2 {
    display: flex;
    justify-content: center;
    gap: 50px; }
    @media screen and (max-width: 480px) {
      .sec02 .box2 {
        display: block;
        padding-bottom: 25px; } }
    .sec02 .box2 .l {
      width: calc(304% / 9.42); }
      @media screen and (max-width: 480px) {
        .sec02 .box2 .l {
          width: 60%;
          margin: 0 auto 15px;
          margin: 0 auto 25px; } }
    .sec02 .box2 .r {
      width: calc(480% / 9.42); }
      @media screen and (min-width: 480px) {
        .sec02 .box2 .r {
          display: flex;
          align-items: flex-end; } }
      @media screen and (max-width: 480px) {
        .sec02 .box2 .r {
          width: 100%; } }

.sec03 {
  padding-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding-bottom: 25px; } }
  .sec03 .box3 {
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec03 .box3 {
        flex-direction: column;
        gap: 20px;
        width: 80%;
        margin: 0 auto; } }
    .sec03 .box3 li {
      width: calc(434% / 9.2); }
      @media screen and (max-width: 480px) {
        .sec03 .box3 li {
          width: 100%; } }
  @media screen and (max-width: 480px) {
    .sec03 .box31 {
      width: 80%;
      margin: 0 auto; } }

.sec04 .container:first-child {
  padding-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .sec04 .container:first-child {
      padding-bottom: 40px; } }
.sec04 .container:last-child {
  padding-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .sec04 .container:last-child {
      padding-bottom: 25px; } }
.sec04 .img4 {
  margin-bottom: -3%;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .sec04 .img4 {
      background: #fff; } }
  .sec04 .img4 li {
    width: 25%; }
    .sec04 .img4 li .cap {
      bottom: 9%; }
    @media screen and (max-width: 480px) {
      .sec04 .img4 li {
        width: 50%;
        margin-bottom: 10px; }
        .sec04 .img4 li .cap {
          bottom: 15%; } }

.sec05 .air_ttl {
  border-bottom: solid 1px #fff;
  border-top: solid 1px #fff;
  padding: 0.3em 0;
  font-size: clamp(17px, 2.077vw, 27px);
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .sec05 .air_ttl {
      font-size: calc(17vw / 3.9); } }
  .sec05 .air_ttl .l {
    font-size: 170%; }
  .sec05 .air_ttl .c {
    color: #fff9b1; }
@media screen and (max-width: 480px) {
  .sec05 .img511 {
    width: calc(100% + 28px);
    margin: 0 -14px; } }
.sec05 .box51 {
  display: flex; }
  @media screen and (max-width: 480px) {
    .sec05 .box51 {
      display: block;
      width: 80%;
      margin: 0 auto; } }
.sec05 .bg {
  padding: 30px 60px 50px; }
  .sec05 .bg.ex {
    padding-bottom: 0; }
  @media screen and (max-width: 480px) {
    .sec05 .bg {
      padding: 20px 15px 20px; }
      .sec05 .bg.ex {
        padding-bottom: 0; } }
.sec05 .new {
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .sec05 .new {
      margin-bottom: 20px; } }
  .sec05 .new span {
    font-size: 150%;
    letter-spacing: 0;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e57f11;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: -1.5em;
    top: calc(-0.75em - 50%); }
    @media screen and (max-width: 480px) {
      .sec05 .new span {
        font-size: 80%; } }
.sec05 .box52 {
  width: calc(100% + 120px);
  margin: 0 -60px;
  background: #f7f6ef;
  border: solid 2px #89844f;
  border-radius: 0 0 8px 8px;
  padding: 30px 58px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333; }
  @media screen and (max-width: 480px) {
    .sec05 .box52 {
      width: calc(100% + 30px);
      margin: 0 -15px;
      padding: 20px 13px 20px;
      display: block; } }
  .sec05 .box52 .l_box {
    width: calc(410% / 9.94); }
    @media screen and (max-width: 480px) {
      .sec05 .box52 .l_box {
        width: 100%;
        margin-bottom: 25px; } }
    .sec05 .box52 .l_box .sec_ttl {
      color: #89844f;
      line-height: 1.2;
      margin-bottom: 0.5em;
      letter-spacing: 0.04em; }
  .sec05 .box52 .r_box {
    width: calc(493% / 9.94); }
    @media screen and (max-width: 480px) {
      .sec05 .box52 .r_box {
        width: 75%;
        margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .sld1 img {
    max-width: 520px;
    width: 520px; }

  .sld2 img {
    max-width: 450px;
    width: 450px; } }
.color_wh {
  color: #fff; }

.cap_txt {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2px 5px;
  z-index: 1;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 480px) {
    .cap_txt {
      font-size: 10px;
      padding: 0 5px; } }
  .cap_txt.w {
    color: #fff;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8); }
  .cap_txt.s {
    font-size: 8px; }
  .cap_txt.ex1 {
    bottom: -20px; }
    @media screen and (max-width: 480px) {
      .cap_txt.ex1 {
        bottom: -15px; } }
  @media screen and (max-width: 480px) {
    .cap_txt.sp_top {
      bottom: auto;
      top: 0; } }

.box213 {
  position: relative; }
  .box213 .icon {
    position: absolute;
    z-index: 10;
    top: -35px;
    left: 0;
    width: calc(193% / 9.34); }
    @media screen and (max-width: 480px) {
      .box213 .icon {
        position: relative;
        top: 0;
        width: 38%;
        margin: -20px auto 5px; } }

.cap_ex {
  font-size: clamp(8px, 0.898vw, 10px);
  line-height: 1.35; }

/*# sourceMappingURL=access.css.map */