/*! Writen  by SCSS */
header {
  background: none;
  transition: all 0.3s ease-in-out 0s; }
  body.scrolled header {
    background: rgba(0, 0, 0, 0.9); }
  header div.header {
    background: none; }

div.wrap {
  padding-top: 0 !important; }
  @media screen and (max-width: 768px) {
    div.wrap {
      padding-top: 0 !important; } }

.main_wrap {
  z-index: 2; }
  @media screen and (max-width: 480px) {
    .main_wrap .main_bg {
      position: relative;
      height: auto;
      aspect-ratio: 800 / 1050;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .main_wrap .main {
      height: auto;
      aspect-ratio: 800 / 1050; } }

.bg_box {
  clip-path: inset(0 0 0 0); }
  .bg_box .bg {
    background: #fff; }
    .bg_box .bg img {
      transition: opacity 0.2s ease-in-out;
      opacity: 0; }
    @media screen and (max-width: 480px) {
      .bg_box .bg.on {
        top: 50px;
        bottom: 0;
        height: 100svh; } }
    .bg_box .bg.on img {
      opacity: 1; }
  .bg_box .w_cap {
    position: absolute;
    bottom: auto;
    top: 0;
    right: 0;
    font-size: 10px;
    display: block;
    padding: 3px 5px;
    line-height: 1.5;
    color: #000;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8), 0px 0px 1px rgba(255, 255, 255, 0.8), 0px 0px 2px rgba(255, 255, 255, 0.8), 0px 0px 3px rgba(255, 255, 255, 0.8), 0px 0px 4px rgba(255, 255, 255, 0.8), 0px 0px 5px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 7px rgba(255, 255, 255, 0.8), 0px 0px 8px rgba(255, 255, 255, 0.8);
    text-align: right;
    display: none; }
    @media screen and (max-width: 480px) {
      .bg_box .w_cap {
        font-size: 9px; } }
  .bg_box.on .w_cap {
    display: block; }

.tab_wrap {
  padding: 20px 0 70px;
  position: relative; }
  .tab_wrap .anq {
    position: absolute;
    top: -80px; }
  @media screen and (max-width: 480px) {
    .tab_wrap {
      padding: 12px 0 40px;
      padding: 20px 0 40px; }
      .tab_wrap .anq {
        top: -50px; } }
  .tab_wrap .inner {
    max-width: 1200px; }
    .tab_wrap .inner ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px calc(31.1% / 12); }
      @media screen and (max-width: 680px) {
        .tab_wrap .inner ul {
          gap: 10px 2%; } }
      .tab_wrap .inner ul li {
        width: calc(215% / 12);
        cursor: pointer;
        display: block;
        position: relative;
        padding: 0.8em;
        font-size: clamp(12px, calc(17vw / 9.6), 17px);
        line-height: 1;
        font-weight: 400;
        transition: all 0.3s ease-in-out 0s;
        border: solid 1px #2e2f32;
        /*a,
        p {
        	display: block;
        	position: relative;
        	padding: 0.8em;
        	font-size: clamp(12px, calc(17vw / 9.6), 17px);
        	line-height: 1;
        	font-weight: 400;
        	transition: all 0.3s ease-in-out 0s;
        	@include mq($br_sp){
        		font-size: calc(12vw / 3.9);
        		padding: 0.6em 3px;
        		text-align: center;
        	}
        	border: solid 1px #2e2f32;
        	&::after {
        		content: "";
        		position: absolute;
        		top:50%;
        		right: 0;
        		height: 1px;
        		width: 1.3em;
        		background: #2e2f32;
        		transition: all 0.3s ease-in-out 0s;
        		@include mq($br_sp){
        			display: none;
        		}
        	}
        	&:hover {
        		background: #2e2f32;
        		color: #fff;
        		&::after {
        			width: 1.8em;
        			background: #fff;
        		}
        	}
        }*/
        /*&.on {
        	a,
        	p {
        		background: #2e2f32;
        		color: #fff;
        		&::after {
        			width: 1.8em;
        			background: #fff;
        		}
        	}
        }*/ }
        @media screen and (max-width: 480px) {
          .tab_wrap .inner ul li {
            font-size: calc(12vw / 3.9);
            padding: 0.6em 3px;
            text-align: center; } }
        .tab_wrap .inner ul li::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 0;
          height: 1px;
          width: 1.3em;
          background: #2e2f32;
          transition: all 0.3s ease-in-out 0s; }
          @media screen and (max-width: 480px) {
            .tab_wrap .inner ul li::after {
              display: none; } }
        .tab_wrap .inner ul li:hover {
          background: #2e2f32;
          color: #fff; }
          .tab_wrap .inner ul li:hover::after {
            width: 1.8em;
            background: #fff; }
        .tab_wrap .inner ul li.on {
          background: #2e2f32;
          color: #fff; }
          .tab_wrap .inner ul li.on::after {
            width: 1.8em;
            background: #fff; }
        @media screen and (max-width: 680px) {
          .tab_wrap .inner ul li {
            width: 32%; }
            .tab_wrap .inner ul li.w2_sp {
              width: 66%; } }

.sec_cont {
  position: relative; }
  .sec_cont .sec_in {
    position: absolute;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none; }
    .sec_cont .sec_in.on {
      position: relative;
      pointer-events: all;
      opacity: 1; }

.sec {
  padding-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec {
      padding-bottom: 50px; } }
  .sec .p_ttl {
    font-weight: 600;
    letter-spacing: 0;
    transform: scaleX(1.2);
    margin-bottom: 0.4em;
    margin-bottom: 0.6em;
    font-size: clamp(20px, calc(64vw / 16), 64px); }
    @media screen and (max-width: 480px) {
      .sec .p_ttl {
        font-size: calc(30vw / 3.9); } }
    .sec .p_ttl span.tx {
      display: inline-block;
      transform: scale(1.4);
      opacity: 0; }
      .sec .p_ttl span.tx .tk {
        transform: scale(1);
        opacity: 1; }
      .sec .p_ttl span.tx:nth-child(1) {
        transition: all 0.5s ease-out 0.1s; }
      .sec .p_ttl span.tx:nth-child(2) {
        transition: all 0.5s ease-out 0.2s; }
      .sec .p_ttl span.tx:nth-child(3) {
        transition: all 0.5s ease-out 0.3s; }
      .sec .p_ttl span.tx:nth-child(4) {
        transition: all 0.5s ease-out 0.4s; }
      .sec .p_ttl span.tx:nth-child(5) {
        transition: all 0.5s ease-out 0.5s; }
      .sec .p_ttl span.tx:nth-child(6) {
        transition: all 0.5s ease-out 0.6s; }
      .sec .p_ttl span.tx:nth-child(7) {
        transition: all 0.5s ease-out 0.7s; }
      .sec .p_ttl span.tx:nth-child(8) {
        transition: all 0.5s ease-out 0.8s; }
      .sec .p_ttl span.tx:nth-child(9) {
        transition: all 0.5s ease-out 0.9s; }
      .sec .p_ttl span.tx:nth-child(10) {
        transition: all 0.5s ease-out 1s; }
      .sec .p_ttl span.tx:nth-child(11) {
        transition: all 0.5s ease-out 1.1s; }
      .sec .p_ttl span.tx:nth-child(12) {
        transition: all 0.5s ease-out 1.2s; }
      .sec .p_ttl span.tx:nth-child(13) {
        transition: all 0.5s ease-out 1.3s; }
      .sec .p_ttl span.tx:nth-child(14) {
        transition: all 0.5s ease-out 1.4s; }
      .sec .p_ttl span.tx:nth-child(15) {
        transition: all 0.5s ease-out 1.5s; }
      .sec .p_ttl span.tx:nth-child(16) {
        transition: all 0.5s ease-out 1.6s; }
      .sec .p_ttl span.tx:nth-child(17) {
        transition: all 0.5s ease-out 1.7s; }
      .sec .p_ttl span.tx:nth-child(18) {
        transition: all 0.5s ease-out 1.8s; }
    .sec .p_ttl.p-view span {
      transform: scale(1);
      opacity: 1; }
  .sec .sec_main {
    font-size: clamp(16px, calc(24vw / 15.2), 24px);
    margin-bottom: 2.4em; }
    @media screen and (max-width: 480px) {
      .sec .sec_main {
        font-size: calc(18vw / 3.9);
        font-size: calc(16.5vw / 3.9); } }
  .sec .sec_read {
    font-size: clamp(12px, calc(18vw / 15.2), 18px); }
    @media screen and (max-width: 480px) {
      .sec .sec_read {
        font-size: calc(13vw / 3.9); } }
  .sec .sec_text {
    font-size: clamp(12px, calc(16vw / 15.2), 16px);
    line-height: 1.8; }
    @media screen and (max-width: 480px) {
      .sec .sec_text {
        font-size: calc(12vw / 3.9); } }
  .sec .inner {
    max-width: 1480px; }
  .sec .col {
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px; }
    @media screen and (max-width: 480px) {
      .sec .col {
        row-gap: 40px; } }
  .sec .item_ttl {
    font-size: clamp(12px, calc(20vw / 15.2), 20px);
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding-bottom: 0.5em;
    border-bottom: solid 1px #333;
    margin-bottom: 0.7em; }
    @media screen and (max-width: 768px) {
      .sec .item_ttl {
        font-size: calc(14vw / 7.68); } }
    @media screen and (max-width: 480px) {
      .sec .item_ttl {
        font-size: calc(15vw / 3.9); } }
    .sec .item_ttl span {
      font-size: 0.8em; }
    @media screen and (max-width: 480px) {
      .sec .item_ttl.sp_layout {
        padding-bottom: 1.35em; } }
  .sec .item_text {
    font-size: clamp(10px, calc(15.5vw / 15.2), 16px);
    line-height: 1.8; }
    @media screen and (max-width: 768px) {
      .sec .item_text {
        font-size: calc(11vw / 7.68); } }
    @media screen and (max-width: 480px) {
      .sec .item_text {
        font-size: calc(12vw / 3.9); } }
    .sec .item_text sup {
      font-size: 60%; }
  .sec .ill_ttl {
    font-size: clamp(9px, calc(12vw / 15.2), 12px);
    line-height: 1.5; }
    @media screen and (max-width: 480px) {
      .sec .ill_ttl {
        font-size: calc(10vw / 3.9); } }
  .sec .cap_l,
  .sec .cap_r,
  .sec .cap_c {
    line-height: 1.6; }
  .sec .col3 {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(50% / 14.8); }
    @media screen and (max-width: 768px) {
      .sec .col3 {
        column-gap: 4%; } }
    .sec .col3 > li {
      width: calc(460% / 14.8);
      display: grid;
      grid-template-columns: calc(210% / 4.6) calc(220% / 4.6);
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense;
      justify-content: space-between;
      /*.inn {
      	display: flex;
      	justify-content: space-between;
      	.txt {
      		width: calc(210% / 4.6);
      	}
      	.img {
      		width: calc(220% / 4.6);
      	}
      }*/ }
      @media screen and (max-width: 768px) {
        .sec .col3 > li {
          width: 48%; } }
      @media screen and (max-width: 480px) {
        .sec .col3 > li {
          grid-template-columns: 1fr; } }
      .sec .col3 > li .item_ttl {
        grid-column: span 2; }
        @media screen and (max-width: 480px) {
          .sec .col3 > li .item_ttl {
            grid-column: span 1;
            letter-spacing: 0;
            display: flex;
            align-items: center;
            flex-wrap: wrap; } }
      @media screen and (max-width: 480px) {
        .sec .col3 > li .img {
          order: -1;
          margin-bottom: 10px; } }

.sec0 {
  padding-bottom: 0; }
  @media screen and (max-width: 480px) {
    .sec0 {
      padding-bottom: 0; } }

.page8 .cap_top {
  bottom: auto;
  top: 0; }
.page8 .cap_left {
  right: auto;
  left: 0; }
.page8 .sec01 .inner {
  display: grid;
  row-gap: 60px; }
  @media screen and (max-width: 480px) {
    .page8 .sec01 .inner {
      row-gap: 40px; } }
.page8 .sec01 .col li .item_ttl .small {
  font-size: 55%;
  margin-left: 0.5em; }
  @media screen and (max-width: 480px) {
    .page8 .sec01 .col li .item_ttl .small {
      display: block;
      margin-left: 0;
      font-size: 9px; } }
.page8 .sec01 .col2 {
  display: grid;
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense;
  justify-content: space-between; }
  .page8 .sec01 .col2 .item .item_ttl {
    width: 100%; }
  .page8 .sec01 .col2.col2_01 {
    grid-template-columns: 51.96% 44.6%; }
    @media screen and (max-width: 768px) {
      .page8 .sec01 .col2.col2_01 {
        grid-template-columns: 1fr;
        max-width: 660px;
        margin-inline: auto; } }
    .page8 .sec01 .col2.col2_01 .item01 {
      grid-row: 1/4; }
    .page8 .sec01 .col2.col2_01 .item02, .page8 .sec01 .col2.col2_01 .item03, .page8 .sec01 .col2.col2_01 .item04 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .page8 .sec01 .col2.col2_01 .item02 .txt, .page8 .sec01 .col2.col2_01 .item03 .txt, .page8 .sec01 .col2.col2_01 .item04 .txt {
        width: 62.13%; }
      .page8 .sec01 .col2.col2_01 .item02 .img, .page8 .sec01 .col2.col2_01 .item03 .img, .page8 .sec01 .col2.col2_01 .item04 .img {
        width: 33.49%; }
  .page8 .sec01 .col2.col2_02 {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3.32%;
    justify-content: space-between; }
    .page8 .sec01 .col2.col2_02 .item {
      max-width: 715px; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col2.col2_02 .item01 {
        grid-column: span 2; } }
    .page8 .sec01 .col2.col2_02 .item01 .tll {
      font-size: clamp(12px, 1.334vw, 16px); }
    .page8 .sec01 .col2.col2_02 .item01 .in_box {
      align-items: center; }
      @media screen and (max-width: 768px) {
        .page8 .sec01 .col2.col2_02 .item01 .in_box {
          flex-direction: column; } }
      .page8 .sec01 .col2.col2_02 .item01 .in_box .text_wrap {
        width: 38.47%;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          .page8 .sec01 .col2.col2_02 .item01 .in_box .text_wrap {
            width: 100%; } }
        .page8 .sec01 .col2.col2_02 .item01 .in_box .text_wrap .b_txt {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          line-height: 1;
          letter-spacing: 0.2em;
          display: flex;
          align-items: center;
          background: #5c778a;
          color: #fff;
          justify-content: center;
          font-size: clamp(10px, 1vw, 12px);
          width: 17px; }
        .page8 .sec01 .col2.col2_02 .item01 .in_box .text_wrap .txt {
          width: calc(100% - 22px); }
          .page8 .sec01 .col2.col2_02 .item01 .in_box .text_wrap .txt .item_text {
            font-size: clamp(10px, 1vw, 12px);
            padding-left: 1em;
            text-indent: -1em; }
      .page8 .sec01 .col2.col2_02 .item01 .in_box .img {
        width: 60.56%; }
        @media screen and (max-width: 768px) {
          .page8 .sec01 .col2.col2_02 .item01 .in_box .img {
            width: 100%;
            margin-top: 15px; } }
    .page8 .sec01 .col2.col2_02 .item02 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col2.col2_02 .item02 {
          grid-column: span 2; } }
      .page8 .sec01 .col2.col2_02 .item02 .item_ttl {
        width: 100%; }
      .page8 .sec01 .col2.col2_02 .item02 .txt {
        width: 48.68%; }
        @media screen and (max-width: 480px) {
          .page8 .sec01 .col2.col2_02 .item02 .txt {
            width: 100%; } }
      .page8 .sec01 .col2.col2_02 .item02 .img {
        width: 43.78%; }
        @media screen and (max-width: 480px) {
          .page8 .sec01 .col2.col2_02 .item02 .img {
            width: 100%;
            margin-top: 15px; } }
        .page8 .sec01 .col2.col2_02 .item02 .img .cap {
          padding: 0 !important; }
        .page8 .sec01 .col2.col2_02 .item02 .img .img01 {
          width: 80.2%;
          margin-bottom: clamp(15px, 1.667vw, 20px);
          width: 100%; }
          @media screen and (max-width: 480px) {
            .page8 .sec01 .col2.col2_02 .item02 .img .img01 {
              width: 100%;
              max-width: 251px; } }
          .page8 .sec01 .col2.col2_02 .item02 .img .img01 .cap {
            right: auto;
            left: calc(100% + 5px);
            width: max-content;
            padding: 0; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col2.col2_02 .item03 {
        grid-column: span 2; } }
    .page8 .sec01 .col2.col2_02 .item03 .text_wrap {
      display: flex;
      justify-content: space-between; }
      .page8 .sec01 .col2.col2_02 .item03 .text_wrap .txt {
        font-size: clamp(11px, 1.167vw, 14px);
        width: 43.36%; }
        @media screen and (max-width: 480px) {
          .page8 .sec01 .col2.col2_02 .item03 .text_wrap .txt {
            width: 48%; } }
    .page8 .sec01 .col2.col2_02 .item03 .img {
      margin-left: 1.4%; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col2.col2_02 .item03 .img {
          margin-left: 0; } }
      .page8 .sec01 .col2.col2_02 .item03 .img figure .cap {
        padding-right: 0; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col2.col2_02 .item04 {
        grid-column: span 2; } }
    .page8 .sec01 .col2.col2_02 .item04 .img {
      max-width: 600px;
      margin-inline: auto; }
      .page8 .sec01 .col2.col2_02 .item04 .img figure {
        text-align: center; }
.page8 .sec01 .col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense;
  column-gap: calc(50% / 14.8); }
  @media screen and (max-width: 768px) {
    .page8 .sec01 .col3 {
      align-items: stretch;
      grid-template-columns: repeat(2, 1fr); } }
  .page8 .sec01 .col3 li {
    grid-template-columns: calc(210% / 4.6) calc(221% / 4.6);
    width: 100%; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li {
        grid-template-columns: 1fr; } }
    .page8 .sec01 .col3 li .item_ttl.hf {
      height: fit-content !important; }
    .page8 .sec01 .col3 li .txt.full {
      grid-column: span 2;
      height: fit-content !important; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li .img {
        order: 0;
        margin-top: 15px;
        margin-bottom: 0; } }
    .page8 .sec01 .col3 li .img.full {
      grid-column: span 2; }
    .page8 .sec01 .col3 li.w1 {
      grid-row: span 2; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w1 {
          grid-column: span 2; } }
      .page8 .sec01 .col3 li.w1 .txt {
        height: fit-content !important;
        margin-bottom: 5px; }
      .page8 .sec01 .col3 li.w1 .img {
        grid-column: span 2;
        margin-bottom: clamp(15px, 1.352vw, 20px); }
        .page8 .sec01 .col3 li.w1 .img:nth-last-child(1) {
          margin-bottom: 0; }
    .page8 .sec01 .col3 li.w2 {
      grid-column: span 2;
      display: grid;
      grid-template-columns: 74.54% 22.79%;
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w2 {
          grid-column: span 1;
          grid-template-columns: 1fr; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w3 {
        grid-column: span 2;
        grid-template-columns: calc(210% / 4.6) calc(221% / 4.6); } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w3 .item_ttl {
        grid-column: span 2; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w3 .img {
        margin-top: 0; } }
    .page8 .sec01 .col3 li.w3 .img .cap01 {
      right: 5.89%;
      bottom: 5.32%; }
    .page8 .sec01 .col3 li.w3 .img .cap02 {
      right: 5.89%;
      bottom: 51.42%; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w3 .cap_l {
        margin-top: 10px;
        grid-column: span 2; } }
    .page8 .sec01 .col3 li.w4 {
      grid-column: span 2;
      display: grid;
      grid-template-columns: 47.43% 47.94%;
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w4 {
          grid-template-columns: 1fr; } }
      .page8 .sec01 .col3 li.w4 .img .cap {
        right: 38.71%; }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w5 {
        grid-column: span 2; } }
    .page8 .sec01 .col3 li.w5 .img .cap01 {
      right: 9%; }
    .page8 .sec01 .col3 li.w5 .img .cap02 {
      right: 50.18%;
      bottom: 10%; }
    .page8 .sec01 .col3 li.w5 .img .cap03 {
      right: 67.4%;
      bottom: 6%; }
    .page8 .sec01 .col3 li.w6 {
      grid-column: span 2;
      display: grid;
      grid-template-columns: 72.17% 23.72%;
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w6 {
          grid-column: span 2;
          grid-template-columns: 1fr; } }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w6 .item_ttl {
          grid-column: span 2; } }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w6 .txt {
          grid-column: span 2; } }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w6 .img {
          max-width: 180px;
          margin-inline: auto; } }
      .page8 .sec01 .col3 li.w6 .img .cap {
        padding: 0 !important; }
    .page8 .sec01 .col3 li.w7 .img figure .cap01 {
      right: 45.25%; }
    .page8 .sec01 .col3 li.w7 .img figure .cap02 {
      right: 1.5%;
      bottom: 9%; }
    .page8 .sec01 .col3 li.w8 {
      display: grid;
      grid-template-columns: 50.44% 41.53%;
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w8 {
          grid-template-columns: 1fr; } }
    .page8 .sec01 .col3 li.w9 {
      display: grid;
      grid-template-columns: 32.4% 58.27%;
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense; }
      @media screen and (max-width: 480px) {
        .page8 .sec01 .col3 li.w9 {
          grid-template-columns: 1fr; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w1_sp {
        grid-column: span 2;
        grid-template-columns: 1fr 1fr;
        column-gap: 4%; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w1_sp .item_ttl {
        grid-column: span 2; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.w1_sp .img {
        margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.sp_layout_item {
        display: flex;
        flex-direction: column; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.sp_layout_item .item_ttl {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .page8 .sec01 .col3 li.sp_layout_item .img24_08,
      .page8 .sec01 .col3 li.sp_layout_item .img16_08 {
        margin-top: auto; } }
.page8 .cap_l.full {
  grid-column: span 2; }
  @media screen and (max-width: 480px) {
    .page8 .cap_l.full {
      grid-column: span 1; } }
@media screen and (max-width: 480px) {
  .page8 .img_cap .cap {
    padding-bottom: 2px;
    padding-right: 2px;
    font-size: 7px; } }

.page9 .text_wrap_ex p {
  max-width: 302px;
  text-align: justify;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.3; }
  .page9 .text_wrap_ex p + p {
    margin-top: 0.4em; }

.ls_0 {
  letter-spacing: -0.00em !important; }

.ls_02 {
  letter-spacing: -0.02em !important; }

.ls_03 {
  letter-spacing: -0.02em !important; }

.ls_04 {
  letter-spacing: -0.04em !important; }

.ls_06 {
  letter-spacing: -0.06em !important; }

.ls_08 {
  letter-spacing: -0.08em !important; }

.ls_1 {
  letter-spacing: -0.1em !important; }

@media screen and (max-width: 480px) {
  .ls02_sp {
    letter-spacing: -0.02em !important; }

  .ls04_sp {
    letter-spacing: -0.04em !important; }

  .ls06_sp {
    letter-spacing: -0.06em !important; }

  .ls08_sp {
    letter-spacing: -0.08em !important; }

  .ls1_sp {
    letter-spacing: -0.1em !important; } }
.ls0 {
  letter-spacing: 0.00em !important; }

.ls01 {
  letter-spacing: 0.01em !important; }

.ls02 {
  letter-spacing: 0.02em !important; }

.ls04 {
  letter-spacing: 0.04em !important; }

.ls06 {
  letter-spacing: 0.06em !important; }

.ls08 {
  letter-spacing: 0.08em !important; }

.ls1 {
  letter-spacing: 0.1em !important; }

.fdc_sp {
  flex-direction: column !important; }

@media screen and (max-width: 480px) {
  .mt0_sp {
    margin-top: 0 !important; } }

.cap04 {
  right: 27% !important; }

.img_fit {
  width: fit-content; }
  .img_fit .center {
    margin-inline: auto; }

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