/* ==========================================================================
Typograpgy
========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1600px) {
	html {
		font-size: calc(10 * (100vw / 1600)) !important;
	}
}
@media (max-width: 767px) {
	.lp * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
  html {
    font-size: 62.5%;
  }

  :where(.UU230511seekuu) img,
  :where(.UU230511seekuu) video,
  :where(.UU230511seekuu) svg {
    width: 100%;
    height: auto;
  }

  body {
    background-color: var(--top-bg-color);
  }

  .UU230511seekuu .sp_only {
    display: block;
  }

  .UU230511seekuu .pc_only {
    display: none;
  }

  .UU230511seekuu {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;;
    font-weight: normal;
    font-feature-settings: "palt";
    color: #555555;
    font-weight: 500;
    background-color: var(--top-bg-color);
  }

/************** js **************/
  /* fade */
  .fade {
    transition-property: opacity, transform;
    transition-duration: 1.5s;
    opacity: 0;
    transform: translateY(1.5rem);
  }

  .fade.onView {
    opacity: 1;
    transform: translateY(0);
  }

/************** common **************/
  .lp {
    padding-bottom: calc(120* (100vw /750));
  }

  /*** sec ***/
  .UU230511seekuu .sec {
    width: calc(645* (100vw /750));
  }

  /*** flex_box ***/
  .UU230511seekuu .flex_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /*** sec_text ***/
  .UU230511seekuu .sec_text {
    font-size: calc(24* (100vw /750));
    letter-spacing: 0.07em;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
  }

  /*** h3 ***/
  .UU230511seekuu h3 {
    letter-spacing: 0.1em;
    font-weight: 500;
  }

  .UU230511seekuu .tax_ttl {
    margin-bottom: calc(38* (100vw /750));
    font-size: calc(32* (100vw /750));
    text-align: center;
  }

  .UU230511seekuu .function_ttl {
    margin-bottom: calc(36* (100vw /750));
    font-size: calc(32* (100vw /750));
    text-align: center;
  }

  .UU230511seekuu .sec_ttl {
    margin-top: calc(60* (100vw /750));
    margin-bottom: calc(40* (100vw /750));
    font-size: calc(28* (100vw /750));
  }

  .UU230511seekuu .sec_ttl_border {
    margin-bottom: calc(33* (100vw /750));
    padding-bottom: calc(16* (100vw /750));
    border-bottom: .75px solid #999999;
  }

/************** mv **************/
  .UU230511seekuu .mv {
    margin: 0 auto calc(108* (100vw /750));
  }

  .UU230511seekuu .mv_img {
    margin-bottom: calc(80* (100vw /750));
    width: 100%;
  }

  .UU230511seekuu .mv h2 {
    margin: 0 auto calc(30* (100vw /750));
    text-align: center;
    font-weight: 500;
  }

  .UU230511seekuu .mv h2 p:first-child {
    margin-bottom: calc(25* (100vw /750));
    font-size: calc(30* (100vw /750));
    letter-spacing: 0.15em;
  }

  .UU230511seekuu .mv h2 p:last-child {
    font-size: calc(40* (100vw /750));
    letter-spacing: 0.075em;
    line-height: 2;
  }

  .UU230511seekuu .mv_text {
    font-size: calc(24* (100vw /750));
    letter-spacing: 0.1em;
    line-height: 2;
    text-align: center;
  }

/************** function_box **************/
  .function_box {
    margin: 0 auto calc(178* (100vw /750));
  }

  .function_box h3 {
    margin-bottom: calc(60* (100vw /750));
  }

  .function_link {
    width: 100%;
  }

  .function_link li {
    width: calc(240* (100vw /750));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(25* (100vw /750));
  }

  .function_link p {
    font-size: calc(24* (100vw /750));
    letter-spacing: 0.025em;
  }

/************** sec01 **************/
  .UU230511seekuu .sec01 {
    margin: 0 auto calc(127* (100vw /750));
    mix-blend-mode: darken;
  }

  .UU230511seekuu .sec01 .sec_box {
    margin-bottom: calc(50* (100vw /750));
  }

/************** sec02 **************/
  .UU230511seekuu .sec02 {
    margin: 0 auto calc(127* (100vw /750));
  }

  .UU230511seekuu .sec02 h3 {
    margin-bottom: calc(34* (100vw /750));
  }

  .UU230511seekuu .sec02 .sec_box {
    margin-bottom: calc(12* (100vw /750));
  }

/************** sec03 **************/
  .UU230511seekuu .sec03 {
    margin: 0 auto calc(166* (100vw /750));
  }

  .UU230511seekuu .sec03 h3 {
    margin-bottom: calc(35* (100vw /750));
  }

  .UU230511seekuu .sec03 .sec_sub_box {
    margin-bottom: calc(41* (100vw /750));
  }

/************** tax_box **************/
  .UU230511seekuu .tax_box {
    margin: 0 auto calc(136* (100vw /750));
  }

  .UU230511seekuu .tax_link {
    margin-bottom: calc(30* (100vw /750));
  }

  .UU230511seekuu .tax_img {
    width: calc(315* (100vw /750));
  }

  .UU230511seekuu .tax_box dl {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .UU230511seekuu .tax_box dl dt {
    margin-bottom: calc(22* (100vw /750));
    font-size: calc(30* (100vw /750));
    letter-spacing: 0.1em;
    line-height: 2;
    text-align: center;
  }

  .UU230511seekuu .tax_box dl dd p:first-child {
    margin-bottom: calc(23* (100vw /750));
    font-size: calc(28* (100vw /750));
    letter-spacing: 0.085em;
    text-align: center;
  }

  .UU230511seekuu .tax_box dl dd p:last-child {
    font-size: calc(24* (100vw /750));
    letter-spacing: 0.085em;
    line-height: 1.83;
    text-align: center;
  }

/************** last_text **************/
  .last_text {
    margin: 0 auto calc(127* (100vw /750));
    font-size: calc(24* (100vw /750));
    letter-spacing: 0.1em;
    line-height: 2;
    font-weight: 500;
    text-align: center;
  }

/************** all_item **************/
  .UU230511seekuu .all_item {
    margin: 0 auto;
    width: calc(540* (100vw /750));
  }

/* ===============================================### 
PC用デザイン
###=============================================== */
@media screen and (min-width:768px) {
  .UU230511seekuu .sp_only {
    display: none;
  }

  .UU230511seekuu .pc_only {
    display: block;
  }

  .UU230511seekuu .flex_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
  }

/************** common **************/
  .lp {
    padding-bottom: 12rem;
  }

  /*** sec ***/
  .UU230511seekuu .sec {
    width: 72rem;
  }
  
  /*** flex_box ***/
  .UU230511seekuu .flex_box_pc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5rem 0;
  }

  /*** sec_text ***/
  .UU230511seekuu .sec_text {
    font-size: 1.4rem;
    letter-spacing: 0.07em;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
  }

  /*** sec_tax ***/
  .UU230511seekuu .sec_tax {
    font-size: 1.6rem;
  }

  /*** h3 ***/
  .UU230511seekuu .tax_ttl {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    text-align: center;
  }

  .UU230511seekuu .function_ttl {
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
    text-align: center;
  }

  .UU230511seekuu .sec_ttl {
    margin-top: 3.5rem;
    margin-bottom: 3.2rem;
    font-size: 1.6rem;
    letter-spacing: 0.075em;
  }

  .UU230511seekuu .sec_ttl_border {
    margin-bottom: 1.2rem;
    padding-bottom: .8rem;
    border-bottom: .75px solid #999999;
  }

  /*** slider ***/
  .UU230511seekuu .slider .item_img {
    width: 35rem;
  }

/************** mv **************/
  .UU230511seekuu .mv {
    margin: 0 auto 9.1rem;
    width: 90rem;
  }

  .UU230511seekuu .mv_img {
    margin-bottom: 8rem;
    width: 100%;
  }

  .UU230511seekuu .mv h2 {
    margin: 0 auto 2rem;
  }

  .UU230511seekuu .mv h2 p:first-child {
    margin-bottom: .8rem;
    font-size: 1.8rem;
    letter-spacing: 0.125em;
  }

  .UU230511seekuu .mv h2 p:last-child {
    font-size: 2.3rem;
    letter-spacing: 0.1em;
  }

  .UU230511seekuu .mv_text {
    font-size: 1.4rem;
    letter-spacing: 0.075em;
    line-height: 2;
    text-align: center;
  }

/************** function_box **************/
  .function_box {
    margin: 0 auto 14rem;
    width: 72rem;
  }

  .function_box h3 {
    margin-bottom: 6rem;
  }

  .function_link {
    width: 72rem;
  }

  .function_link li {
    width: 23rem;
    gap: 1.1rem 0;
  }

  .function_link p {
    font-size: 1.4rem;
    letter-spacing: 0.075em;
  }

/************** sec01 **************/
  .UU230511seekuu .sec01 {
    margin: 0 auto 11.35rem;
  }

  .UU230511seekuu .sec01 .sec_box {
    margin-bottom: 3.2rem;
  }

  .UU230511seekuu .sec01 .img04 {
    margin: 0 auto;
    width: 52.5rem;
  }

/************** sec02 **************/
  .UU230511seekuu .sec02 {
    margin: 0 auto 11.3rem;
  }

  .UU230511seekuu .sec02 h3 {
    margin-bottom: 1.2rem;
  }

  .UU230511seekuu .sec02 .sec_box {
    margin-bottom: 1.2rem;
  }

  .UU230511seekuu .sec02 .sec_text {
    letter-spacing: 0.075em;
  }

/************** sec03 **************/
  .UU230511seekuu .sec03 {
    margin: 0 auto 13.9rem;
  }

  .UU230511seekuu .sec03 h3 {
    margin-bottom: 1.4rem;
  }

  .UU230511seekuu .sec03 .sec_sub_box {
    margin-bottom: 2rem;
  }

  .img09 {
    width: 35rem;
  }

  .UU230511seekuu .sec03 .flex_box_pc:last-child {
    flex-direction: row-reverse;
  }

  .UU230511seekuu .sec03 .flex_box_pc .sec_text_box {
    margin-top: 8.6rem;
    width: 33rem;
  }

  .UU230511seekuu .sec_text_box .sec_text {
    letter-spacing: 0.12em;
  }

/************** tax_box **************/
  .UU230511seekuu .tax_box {
    margin: 0 auto 8.6rem;
  }

  .UU230511seekuu .tax_link {
    margin: 0 auto 1.2rem;
    width: 49.5rem;
  }

  .UU230511seekuu .tax_img {
    width: 24rem;
  }

  .UU230511seekuu .tax_box dl dt {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .UU230511seekuu .tax_box dl dd p:first-child {
    margin-bottom: 1.1rem;
    font-size: 1.6rem;
    letter-spacing: 0.085em;
  }

  .UU230511seekuu .tax_box dl dd p:last-child {
    font-size: 1.3rem;
    letter-spacing: 0.085em;
    line-height: 2;
  }

/************** last_text **************/
  .last_text {
    margin: 0 auto 11.3rem;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 2;
    font-weight: 500;
    text-align: center;
  }

/************** all_item **************/
  .UU230511seekuu .all_item {
    margin: 0 auto;
    width: 44.0rem;
  }

}