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

div.wrap {
  padding-top: 0 !important; }

.container {
  padding: 0; }

@media screen and (max-width: 480px) {
  .ttl_wrap .ttl2.sp_min {
    font-size: calc(17.4vw / 3.9);
    letter-spacing: -0.02em; } }

.sec00 {
  /*	.img002 {
  		margin-top: calc(-50% / 11.8);
  		@include mq($br_sp){
  			display: none;
  		}
  	}*/ }
  .sec00 .img002 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec00 .img002 {
        flex-wrap: wrap; } }
    .sec00 .img002 li {
      width: 25%; }
      @media screen and (max-width: 480px) {
        .sec00 .img002 li {
          width: 50%; } }

.sec01 {
  padding: 120px 0;
  background-color: #fff; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding: 50px 0; } }
  .sec01 .cap1 {
    bottom: 10%;
    right: 10%; }
  .sec01 .min_wrap {
    max-width: 740px;
    margin-inline: auto; }
    .sec01 .min_wrap .min_ttl {
      font-size: clamp(12px, calc(18vw / 9.2), 18px);
      font-size: clamp(12px, calc(20vw / 9.2), 20px);
      line-height: 1;
      font-weight: 600;
      font-weight: 400;
      padding-bottom: 0.5em;
      margin-bottom: 1.2em;
      border-bottom: solid 1px #000; }
      @media screen and (max-width: 480px) {
        .sec01 .min_wrap .min_ttl {
          font-size: calc(14vw / 3.9);
          font-size: calc(15vw / 3.9);
          text-align: center; } }
    .sec01 .min_wrap .min {
      display: flex;
      flex-wrap: wrap;
      gap: 40px 40px; }
      @media screen and (max-width: 480px) {
        .sec01 .min_wrap .min {
          gap: 20px 4%; } }
      .sec01 .min_wrap .min li {
        width: calc((100% - 40px) / 2); }
        @media screen and (max-width: 480px) {
          .sec01 .min_wrap .min li {
            width: 100%; } }
        .sec01 .min_wrap .min li .min1 {
          /*font-size: clamp(14px, calc(38vw / 9.2), 38px);
          line-height: 1;
          font-weight: 400;
          margin-bottom: 0.3em;
          @include mq($br_sp){
          	font-size: calc(20vw / 3.9);
          }
          .s {
          	font-size: 60%;
          }*/
          font-size: clamp(10px, calc(20vw / 9.2), 20px);
          font-size: clamp(10px, calc(24vw / 9.2), 24px);
          font-weight: 500;
          font-weight: 400;
          font-feature-settings: "palt";
          line-height: 1; }
          @media screen and (max-width: 480px) {
            .sec01 .min_wrap .min li .min1 {
              font-size: calc(18vw / 3.9);
              margin-inline: auto;
              display: flex;
              align-items: baseline;
              justify-content: center; } }
          .sec01 .min_wrap .min li .min1 > span {
            display: inline-block; }
            .sec01 .min_wrap .min li .min1 > span:nth-child(1) {
              width: 6.5em;
              letter-spacing: 0.2em; }
              @media screen and (max-width: 480px) {
                .sec01 .min_wrap .min li .min1 > span:nth-child(1) {
                  width: fit-content;
                  margin-right: 0.3em; } }
              .sec01 .min_wrap .min li .min1 > span:nth-child(1).l {
                letter-spacing: normal; }
            .sec01 .min_wrap .min li .min1 > span:nth-child(2) {
              							/*width: 2em;
                                          @include mq($br_sp){
                                              margin-right: 0.3em;
                                          }*/ }
            .sec01 .min_wrap .min li .min1 > span:nth-child(3) {
              width: 3.6em;
              text-align: right; }
              @media screen and (max-width: 480px) {
                .sec01 .min_wrap .min li .min1 > span:nth-child(3) {
                  width: 3.3em;
                  width: fit-content; } }
              .sec01 .min_wrap .min li .min1 > span:nth-child(3) .l {
                display: inline-block;
                font-size: 150%; }
            .sec01 .min_wrap .min li .min1 > span:nth-child(4) {
              width: 2.8em;
              width: 2.6em;
              text-align: right; }
              @media screen and (max-width: 480px) {
                .sec01 .min_wrap .min li .min1 > span:nth-child(4) {
                  width: 2.8em;
                  letter-spacing: 0.03em;
                  margin-left: 0.03em; } }
        .sec01 .min_wrap .min li .min2 {
          font-size: clamp(10px, calc(14vw / 9.2), 14px);
          line-height: 1.4;
          font-weight: 400;
          margin-top: 0.6em; }
          @media screen and (max-width: 480px) {
            .sec01 .min_wrap .min li .min2 {
              font-size: calc(11vw / 3.9);
              text-align: center; } }
  .sec01 .img002 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec01 .img002 {
        flex-wrap: wrap; } }
    .sec01 .img002 li {
      width: 25%; }
      @media screen and (max-width: 480px) {
        .sec01 .img002 li {
          width: 50%; } }

.img4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 15px; }
  .img4 li {
    width: calc(270% / 11.4); }
    @media screen and (max-width: 480px) {
      .img4 li {
        width: 48%; } }
    .img4 li .img {
      width: calc(206% / 2.7);
      position: relative; }
      @media screen and (max-width: 480px) {
        .img4 li .img {
          width: 100%; } }
    .img4 li .t1 {
      font-size: clamp(14px, calc(22vw / 11.8), 22px);
      font-size: clamp(14px, calc(21vw / 11.8), 21px);
      font-size: clamp(14px, calc(19vw / 11.8), 19px);
      line-height: 1.2;
      font-weight: 600;
      font-weight: 400;
      margin-top: 0.6em;
      margin-bottom: 0.4em; }
      @media screen and (max-width: 480px) {
        .img4 li .t1 {
          font-size: calc(16vw / 3.9);
          font-size: calc(15vw / 3.9); }
          .img4 li .t1 .sp2 {
            display: block;
            text-align: right; } }
      .img4 li .t1 .s {
        font-size: 60%; }
    .img4 li .t2 {
      width: calc(206% / 2.7);
      font-size: clamp(12px, calc(15vw / 11.8), 15px);
      font-size: clamp(12px, calc(14vw / 11.8), 14px);
      line-height: 1.4;
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        .img4 li .t2 {
          width: 100%;
          font-size: calc(12vw / 3.9); } }

.box2 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .box2 {
      display: block; } }
  .box2 .img {
    width: calc(664% / 11.4); }
    @media screen and (max-width: 480px) {
      .box2 .img {
        width: 100%;
        margin-bottom: 25px; } }
  .box2 .fig {
    width: calc(456% / 11.4);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .box2 .fig {
        width: 100%;
        margin-inline: auto;
        gap: 15px; } }

.sec02 {
  padding: 120px 0;
  /*
  	background: url("../images/access/sec02_bg.jpg") bottom center / cover;
  */ }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding: 50px 0; } }

.sec03 {
  padding: 120px 0;
  background: #fff; }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding: 50px 0; } }

.sec04 {
  padding: 120px 0;
  /*background: url("../images/access/sec02_bg.jpg") bottom center / cover;*/ }
  @media screen and (max-width: 480px) {
    .sec04 {
      padding: 50px 0; } }

.sec05 {
  padding: 120px 0;
  background-color: #fff; }
  @media screen and (max-width: 480px) {
    .sec05 {
      padding: 50px 0; } }

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

@media screen and (max-width: 480px) {
  .sld2 img {
    width: 500px;
    max-width: none; } }

@media screen and (max-width: 480px) {
  .sld3 img {
    width: 500px;
    max-width: none; } }

.container {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  .container::before {
    content: '';
    position: fixed;
    inset: 0;
    background: url("../images/common/bg.png") left top/cover no-repeat;
    z-index: -1; }

.sec00 .bg {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  .sec00 .bg::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url("../images/common/bg01.png") left top/100% auto no-repeat; }
    @media screen and (max-width: 767px) {
      .sec00 .bg::before {
        background: url("../images/common/bg01.png") left top/160% auto no-repeat; } }
.sec00 .page_ttl_wrap .ttl_wrap {
  padding-bottom: 180px;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .sec00 .page_ttl_wrap .ttl_wrap {
      padding-bottom: 50px;
      margin-bottom: 0; } }

.ls09 {
  letter-spacing: 0.09em !important; }

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