@charset "UTF-8";
/* -----------------------------------
 
 (c) 2025 melong works
 contact：info@melong-works.com
  「/assets/css/cmnstyle」@2025

----------------------------------- */
/*****************************************************

	システム

*****************************************************/
/*ベージュ*/
/*グレー*/
/*PC時カラー*/
/*SP時カラー*/
/*コンテンツ文字 基本*/
/*コンテンツ文字 白*/
/*コンテンツ文字 紺*/
/*コンテンツ文字 黒系*/
/*****************************************************

	フォントサイズ指定

*****************************************************/
/*使用例*/
.fontsize_example {
  font-size: clamp(1rem, 0.7rem + 0.78vw, 2.2rem) /* FontSizeClamp (10 - 22px, 375 - 1920px) */; }

/*****************************************************

	widthなどサイズ を　px　から % に

*****************************************************/
/*使用例*/
.size_example {
  width: calc(10.4167% + -0.4%); }

/*****************************************************

	widthなどサイズ を　px　から vw に シンプル

*****************************************************/
/*使用例*/
.size_exampleVW {
  width: 4.6154vw; }

/*****************************************************

	widthなどサイズ を　px　から vh に シンプル

*****************************************************/
/*使用例*/
.size_exampleVH {
  width: 2.8125vh; }

/*****************************************************

	widthなどサイズ を　px　から % に シンプル

*****************************************************/
/*使用例*/
.size_examplePar {
  width: 2.8125%; }

/*****************************************************

	widthなどサイズ を　px　から vw に シンプル
  min を使用して、最大値を設定

*****************************************************/
.size_sizeMinVW {
  width: min( 50vw, 320px ); }

/*****************************************************

	widthなどサイズ を　px　から vw に シンプル
  clamp を使用して、最小と最大値を設定

*****************************************************/
/*使用例*/
.size_sizeClmpVW {
  font-size: clamp(14px, 1.3542vw, 26px); }

/*****************************************************

	line-heightの値 Photoshop
  行送りの数値（px）÷ フォントサイズ（px）

*****************************************************/
/*使用例*/
.size_line-height {
  line-height: 1.667; }

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_contents コンテンツページ共通
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents {
  border-top: 2px solid #000;
  width: 100%;
  position: relative; }
  .page_contents .sec__instagram {
    background-color: #fff; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents {
    border-top: 1px solid #000;
    width: 100%;
    position: relative; }
    .page_contents .sec__instagram {
      background-color: #fff; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_contents コンテンツページ共通 .sec__kv
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents .sec__kv.kv_page_ver01 {
  background-color: #F3F3F3;
  width: 100%;
  position: relative; }
  .page_contents .sec__kv.kv_page_ver01 .sec_wrap {
    width: min(100% - 40px, 1400px);
    display: flex;
    gap: 20px;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin: auto;
    padding: min( 3.4722vw, 60px ) 0 min( 2.8935vw, 50px ); }
  .page_contents .sec__kv.kv_page_ver01 .sec_tit_wrap {
    border-bottom: 1px dotted #000;
    width: fit-content;
    min-width: min( 40vw, 560px );
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-right: min( 2.8571vw, 40px );
    padding-bottom: min( 1.4286vw, 20px ); }
  .page_contents .sec__kv.kv_page_ver01 .tit_icon {
    flex-shrink: 0;
    width: 70px; }
  .page_contents .sec__kv.kv_page_ver01 .sec_tit {
    position: relative; }
  .page_contents .sec__kv.kv_page_ver01 .sec_tit .ja_txt {
    font-size: clamp(30px, 2.3148vw, 40px);
    justify-content: flex-start; }
  .page_contents .sec__kv.kv_page_ver01 .sec_tit .en_txt {
    font-size: clamp(10px, 0.9259vw, 16px);
    text-align: left;
    margin-top: min( 0.4286vw, 6px ); }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents .sec__kv.kv_page_ver01 {
    background-color: #F3F3F3;
    width: 100%;
    position: relative; }
    .page_contents .sec__kv.kv_page_ver01 .sec_wrap {
      width: 92.3077vw;
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: stretch;
      justify-content: space-between;
      position: relative;
      margin: auto;
      padding: 5.641vw 0 5.641vw; }
    .page_contents .sec__kv.kv_page_ver01 .sec_tit_wrap {
      border-bottom: none;
      width: fit-content;
      min-width: min( 40vw, 560px );
      display: flex;
      align-items: center;
      gap: 5.1282vw;
      position: relative;
      padding-bottom: 0; }
    .page_contents .sec__kv.kv_page_ver01 .tit_icon {
      flex-shrink: 0;
      width: 11.5385vw; }
    .page_contents .sec__kv.kv_page_ver01 .sec_tit {
      position: relative; }
    .page_contents .sec__kv.kv_page_ver01 .sec_tit .ja_txt {
      font-size: 4.1026vw;
      justify-content: flex-start; }
    .page_contents .sec__kv.kv_page_ver01 .sec_tit .en_txt {
      font-size: 2.5641vw;
      text-align: left;
      margin-top: 1.5385vw; }
    .page_contents .sec__kv.kv_page_ver01 .btn04 {
      align-self: flex-end; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_contents コンテンツページ共通 アンカーナビ sec__anker_nav
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents .sec__anker_nav {
  width: 100%;
  position: relative;
  /*3カラム*/
  /* containerの上下ボーダーアニメーション */
  /*2カラム*/ }
  .page_contents .sec__anker_nav .anker_nav {
    width: 100%;
    position: relative; }
  .page_contents .sec__anker_nav .anker_nav::before,
  .page_contents .sec__anker_nav .anker_nav::after {
    content: '';
    background-color: #000;
    position: absolute;
    z-index: 2; }
  .page_contents .sec__anker_nav .anker_nav::before {
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    animation: expandWidth 2s ease forwards; }
  .page_contents .sec__anker_nav .anker_nav::after {
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    animation: expandWidth 2s ease forwards; }
  .page_contents .sec__anker_nav .anker_nav ul {
    width: 100%;
    display: flex;
    gap: 0 3px; }
  .page_contents .sec__anker_nav .anker_nav ul li {
    width: 33.333%;
    position: relative;
    opacity: 0;
    animation: fadeIn 1s forwards;
    animation-delay: 2s; }
  .page_contents .sec__anker_nav .anker_nav .nav_img {
    width: 100%; }
  .page_contents .sec__anker_nav .anker_nav .nav_name {
    width: 100%;
    display: flex;
    gap: min( 0.5787vw, 10px );
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: min( 1.7361vw, 30px );
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: clamp(22px, 1.8519vw, 32px);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em; }
  .page_contents .sec__anker_nav .anker_nav .nav_name::after {
    content: '';
    background-image: url("../img/cmn/anker_nav_arrow_pc.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: clamp(22px, 1.8519vw, 32px);
    aspect-ratio: 1 / 1;
    display: block; }
  .page_contents .sec__anker_nav .anker_nav.ver2col ul li {
    width: 50%; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents .sec__anker_nav {
    width: 100%;
    position: relative;
    /*3カラム*/
    /* containerの上下ボーダーアニメーション */
    /*2カラム*/ }
    .page_contents .sec__anker_nav .anker_nav {
      width: 100%;
      position: relative; }
    .page_contents .sec__anker_nav .anker_nav::before,
    .page_contents .sec__anker_nav .anker_nav::after {
      content: '';
      background-color: #000;
      position: absolute;
      z-index: 2; }
    .page_contents .sec__anker_nav .anker_nav::before {
      top: 0;
      left: 0;
      width: 0;
      height: 1px;
      animation: expandWidth 2s ease forwards; }
    .page_contents .sec__anker_nav .anker_nav::after {
      bottom: 0;
      left: 0;
      width: 0;
      height: 1px;
      animation: expandWidth 2s ease forwards; }
    .page_contents .sec__anker_nav .anker_nav ul {
      width: 100%;
      display: flex;
      gap: 0 2px; }
    .page_contents .sec__anker_nav .anker_nav ul li {
      width: 33.333%;
      position: relative;
      opacity: 0;
      animation: fadeIn 1s forwards;
      animation-delay: 2s; }
    .page_contents .sec__anker_nav .anker_nav .nav_img {
      width: 100%; }
    .page_contents .sec__anker_nav .anker_nav .nav_name {
      width: 100%;
      display: flex;
      gap: 2.5641vw;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 2.5641vw;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      font-size: 3.5897vw;
      font-weight: 400;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em; }
    .page_contents .sec__anker_nav .anker_nav .nav_name::after {
      content: '';
      background-image: url("../img/cmn/anker_nav_arrow_sp.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 3.0769vw;
      aspect-ratio: 1 / 1;
      display: block; }
    .page_contents .sec__anker_nav .anker_nav.ver2col ul li {
      width: 50%; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_contents コンテンツページ共通  sec__products
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents .sec__products {
  width: 100%;
  position: relative;
  /*look_wrap*/ }
  .page_contents .sec__products + .sec__products {
    border-top: 2px solid #000; }
  .page_contents .sec__products .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 5.787vw, 100px ) 0 min( 5.787vw, 100px ); }
  .page_contents .sec__products .sec_mv {
    border-radius: 10px;
    overflow: hidden;
    width: min(100% - 40px, 1228px);
    margin: auto; }
  .page_contents .sec__products .sec_tit {
    margin-top: min( 4.0509vw, 70px ); }
  .page_contents .sec__products .sec_tit .ja_txt {
    font-size: clamp(25px, 2.0255vw, 35px);
    letter-spacing: 0.08em;
    text-indent: 0.08em; }
  .page_contents .sec__products .sec_tit .en_txt {
    font-size: clamp(14px, 1.3889vw, 24px);
    margin-top: min( 0.8102vw, 14px ); }
  .page_contents .sec__products .sec_lead {
    width: min(100% - 40px, 1228px);
    font-size: clamp(14px, 1.1574vw, 20px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.08em;
    margin: min( 2.8935vw, 50px ) auto 0; }
  .page_contents .sec__products .sec_lead .note_txt {
    display: block;
    color: #FF0505;
    font-size: clamp(12px, 0.9259vw, 16px);
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em;
    margin-top: min( 0.5787vw, 10px ); }
  .page_contents .sec__products .look_wrap {
    width: min(100% - 40px, 1228px);
    margin: min( 8.6806vw, 150px ) auto 0; }
  .page_contents .sec__products .look_wrap ul {
    width: 100%; }
  .page_contents .sec__products .look_wrap .look_unit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0 min( 4.5603vw, 56px ); }
  .page_contents .sec__products .look_wrap .look_unit:nth-child(odd) {
    flex-direction: row-reverse; }
  .page_contents .sec__products .look_wrap .look_unit + .look_unit {
    margin-top: min( 5.787vw, 100px ); }
  .page_contents .sec__products .look_unit .unit_detail {
    flex-grow: 1; }
  .page_contents .sec__products .look_unit .unit_head {
    border-bottom: 2px solid #000;
    font-size: clamp(20px, 1.9544vw, 24px);
    font-weight: 400;
    line-height: 1.417;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left;
    padding-bottom: min( 0.8143vw, 10px ); }
  .page_contents .sec__products .look_unit .unit_txt {
    font-size: clamp(14px, 1.4658vw, 18px);
    font-weight: 400;
    line-height: 1.778;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left;
    margin-top: min( 0.8143vw, 10px ); }
  .page_contents .sec__products .look_unit .unit_img {
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    width: min( 43.8111vw, 538px ); }
  .page_contents .sec__products .btn03 {
    margin: min( 5.787vw, 100px ) auto 0; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents .sec__products {
    width: 100%;
    position: relative;
    /*look_wrap*/ }
    .page_contents .sec__products + .sec__products {
      border-top: 1px solid #000; }
    .page_contents .sec__products .sec_wrap {
      width: 100%;
      position: relative;
      padding: 2.5641vw 0 12.8205vw; }
    .page_contents .sec__products + .sec__products .sec_wrap {
      padding-top: 0; }
    .page_contents .sec__products .sec_mv {
      border-radius: 0;
      overflow: hidden;
      width: 100%;
      margin: auto; }
    .page_contents .sec__products .sec_tit {
      margin-top: 12.8205vw; }
    .page_contents .sec__products .sec_tit .ja_txt {
      font-size: 5.641vw;
      letter-spacing: 0.08em;
      text-indent: 0.08em; }
    .page_contents .sec__products .sec_tit .en_txt {
      font-size: 3.5897vw;
      margin-top: 2.5641vw; }
    .page_contents .sec__products .sec_lead {
      width: 79.4872vw;
      font-size: 3.5897vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.08em;
      margin: 7.6923vw auto 0; }
    .page_contents .sec__products .sec_lead .note_txt {
      display: block;
      color: #FF0505;
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em;
      margin-top: 2.5641vw; }
    .page_contents .sec__products .look_wrap {
      width: 79.4872vw;
      margin: 25.641vw auto 0; }
    .page_contents .sec__products .look_wrap ul {
      width: 100%; }
    .page_contents .sec__products .look_wrap .look_unit {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-between;
      gap: 5.1282vw; }
    .page_contents .sec__products .look_wrap .look_unit:nth-child(odd) {
      flex-direction: column-reverse; }
    .page_contents .sec__products .look_wrap .look_unit + .look_unit {
      margin-top: 12.8205vw; }
    .page_contents .sec__products .look_unit .unit_detail {
      flex-grow: 1; }
    .page_contents .sec__products .look_unit .unit_head {
      border-bottom: 2px solid #000;
      font-size: 4.6154vw;
      font-weight: 400;
      line-height: 1.556;
      letter-spacing: 0.08em;
      text-align: justify;
      text-align-last: left;
      padding-bottom: 2.5641vw; }
    .page_contents .sec__products .look_unit .unit_txt {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 1.833;
      letter-spacing: 0.08em;
      text-align: justify;
      text-align-last: left;
      margin-top: 2.5641vw; }
    .page_contents .sec__products .look_unit .unit_img {
      flex-shrink: 1;
      border-radius: 5px;
      overflow: hidden;
      width: 100%; }
    .page_contents .sec__products .btn03 {
      margin: 12.8205vw auto 0; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_contents コンテンツページ共通
＊
＊　products_wrap タブ切り替え スライダー
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents .products_wrap {
  background-color: #F7F7F7;
  width: 100%;
  position: relative;
  margin-top: 8.6806vw;
  padding: 5.787vw 0 8.6806vw;
  /*type-name_box*/
  /*merit-scene-box_wrap*/
  /*products_parts 基本　背景白でスライドの横に余白あり*/
  /*/.products_parts*/ }
  .page_contents .products_wrap.ver03 {
    padding: 5.787vw 0 5.787vw; }
  .page_contents .products_wrap .products_tit {
    width: 100%; }
  .page_contents .products_wrap .products_tit .ja_txt {
    display: block;
    font-size: clamp(26px, 1.8519vw, 32px);
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em; }
  .page_contents .products_wrap .products_tit .en_txt {
    display: block;
    font-size: clamp(14px, 1.1574vw, 20px);
    letter-spacing: 0.36em;
    text-align: center;
    text-indent: 0.36em;
    margin-top: min( 1.1574vw, 20px ); }
  .page_contents .products_wrap .products_lead {
    width: min(100% - 40px, 1228px);
    font-size: clamp(14px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em;
    margin: min( 4.0509vw, 70px ) auto 0; }
  .page_contents .products_wrap .type-name_box ul {
    width: min( 25.6515vw, 315px );
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min( 1.6287vw, 20px );
    margin: min( 4.886vw, 60px ) auto 0; }
  .page_contents .products_wrap .type-name_box.ver01col ul {
    width: min( 28.5016vw, 350px );
    grid-template-columns: repeat(1, 1fr); }
  .page_contents .products_wrap .type-name_box ul li {
    font-size: clamp(12px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 1.444;
    letter-spacing: 0.1em;
    text-align: justify;
    text-align-last: left; }
  .page_contents .products_wrap .merit-scene-box_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min( 3.2573vw, 40px );
    margin-top: min( 4.886vw, 60px ); }
  .page_contents .products_wrap .merit-scene-box {
    border: 2px solid #000;
    position: relative;
    padding: min( 4.5603vw, 56px ) min( 2.1173vw, 26px ) min( 2.1173vw, 26px ); }
  .page_contents .products_wrap .merit-scene-box .title-bubble {
    background-color: #FFEDAD;
    border-radius: 9999px;
    width: 160px;
    position: absolute;
    top: -15.625%;
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(14px, 1.0417vw, 18px);
    letter-spacing: 0.1em;
    text-align: center;
    text-indent: 0.1em;
    padding: min( 1.2215vw, 15px ) min( 0.8143vw, 10px ); }
  .page_contents .products_wrap .merit-scene-box .box_contents {
    width: 100%; }
  .page_contents .products_wrap .merit-scene-box .box_contents ul li,
  .page_contents .products_wrap .merit-scene-box .box_contents p {
    font-size: clamp(12px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 1.444;
    letter-spacing: 0.1em;
    text-align: justify;
    text-align-last: left; }
  .page_contents .products_wrap .merit-scene-box .box_contents p.ver_center {
    text-align: center;
    text-align-last: inherit; }
  .page_contents .products_wrap .merit-scene-box .box_contents ul li + li {
    margin-top: 0.8em; }
  .page_contents .products_wrap .products_parts {
    background-color: #fff;
    width: min(100% - 40px, 1228px);
    margin: min( 4.0509vw, 70px ) auto 0;
    padding: min( 4.0509vw, 70px ) min( 2.8935vw, 50px ) min( 0.5787vw, 10px );
    /* タブメニューのスタイル */
    /*アクティブなボタンの装飾*/
    /* タブコンテンツの表示制御 */
    /* タブコンテンツのラッパーに相対配置を指定 */
    /* 全てのタブコンテンツは初期状態で非表示（透明＆非表示状態）にし、絶対配置 */
    /* activeクラスが付いたタブコンテンツは表示（フェードイン） */
    /*スライド部分*/
    /* ドットの配置（下側、外側に配置） */
    /* ドットの基本スタイル */
    /* アクティブなドットのスタイル */ }
    .page_contents .products_wrap .products_parts.ver02 {
      background-color: inherit;
      margin: auto;
      padding: min( 1.1574vw, 20px ) 0 min( 0.5787vw, 10px ); }
    .page_contents .products_wrap .products_parts.ver03 {
      background-color: inherit;
      margin: auto;
      padding: min( 3.8194vw, 66px ) 0 min( 0.5787vw, 10px ); }
    .page_contents .products_wrap .products_parts .parts_head {
      font-size: clamp(20px, 1.3889vw, 24px);
      font-weight: 400;
      letter-spacing: 0.1em;
      text-align: center;
      text-indent: 0.1em; }
    .page_contents .products_wrap .products_parts .parts_catch {
      font-size: clamp(14px, 1.0417vw, 18px);
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.1em;
      text-align: center;
      text-indent: 0.1em;
      margin-top: min( 1.7361vw, 30px ); }
    .page_contents .products_wrap .products_parts .parts_catch span {
      display: inline-block; }
    .page_contents .products_wrap .products_parts .tab_menu {
      margin-top: min( 4.0717vw, 50px ); }
    .page_contents .products_wrap .products_parts .tab_menu ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: min( 1.4468vw, 25px ); }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn {
      background-color: #fff;
      border: 1px solid #0D3761;
      border-radius: 9999px;
      width: auto;
      height: auto; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn a {
      display: flex;
      gap: 0 0.6em;
      align-items: center;
      justify-content: center;
      position: relative;
      padding: min( 1.2215vw, 15px ) min( 1.5472vw, 19px ); }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn a::after {
      content: '';
      background: #0D3761;
      width: 12px;
      height: calc(12px / 2 * tan(60deg));
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      /*下向き*/
      display: block; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn a span {
      color: #0D3761;
      font-size: clamp(12px, 0.9259vw, 16px);
      letter-spacing: -0.03em; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn:hover {
      background-color: #185FA8; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn:hover a::after {
      background: #fff; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn:hover a span {
      color: #fff; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn.active {
      background-color: #0D3761; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn.active a::after {
      background-color: #fff; }
    .page_contents .products_wrap .products_parts .tab_menu .tab_btn.active span {
      color: #fff; }
    .page_contents .products_wrap .products_parts .tab_contents_wrap {
      position: relative; }
    .page_contents .products_wrap .products_parts .tab_contents {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease; }
    .page_contents .products_wrap .products_parts .tab_contents.active {
      opacity: 1;
      visibility: visible;
      position: relative;
      /* active時のみ通常のフローに戻す場合 */ }
    .page_contents .products_wrap .products_parts .swiper-container {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin-top: min( 4.0717vw, 50px );
      padding-bottom: 50px;
      /*ドットの領域確保*/ }
    .page_contents .products_wrap .products_parts.ver03 .swiper-container {
      padding-bottom: 0; }
    .page_contents .products_wrap .products_parts ul.swiper-wrapper {
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center; }
    .page_contents .products_wrap .products_parts.ver03 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: min( 6.5147vw, 80px ) min( 2.3616vw, 29px ); }
    .page_contents .products_wrap .products_parts li.swiper-slide {
      width: 100%;
      height: auto;
      display: flex;
      gap: min( 0.8681vw, 15px );
      flex-direction: column;
      align-items: center;
      position: relative; }
    .page_contents .products_wrap .products_parts .unit_img {
      border-radius: 10px;
      overflow: hidden;
      width: 100%;
      height: auto; }
    .page_contents .products_wrap .products_parts.ver02 .unit_img {
      border-radius: 0; }
    .page_contents .products_wrap .products_parts .unit_img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .page_contents .products_wrap .products_parts .unit_detail {
      width: 100%; }
    .page_contents .products_wrap .products_parts .unit_detail .unit_head {
      font-size: clamp(14px, 1.0417vw, 18px);
      font-weight: 400;
      line-height: 1.556;
      letter-spacing: 0.1em;
      text-align: center;
      text-indent: 0.1em; }
    .page_contents .products_wrap .products_parts .swiper-pagination {
      width: 50%;
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 20px;
      /* スライダー外側に配置するため、下方向にずらす */
      left: 50%;
      transform: translateX(-50%);
      z-index: 10; }
    .page_contents .products_wrap .products_parts .swiper-pagination-bullet {
      background-color: #fff;
      border: 1px solid #000;
      border-radius: 9999px;
      width: 10px;
      height: 10px;
      margin: 0;
      opacity: 1;
      /* 初期状態は不透明 */
      transition: background-color 0.3s ease; }
    .page_contents .products_wrap .products_parts .swiper-pagination-bullet-active {
      background-color: #000; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents .products_wrap {
    background-color: #F7F7F7;
    width: 100%;
    position: relative;
    margin-top: 25.641vw;
    padding: 12.8205vw 0 12.8205vw;
    /*type-name_box*/
    /*merit-scene-box_wrap*/
    /*products_parts 基本　背景白でスライドの横に余白あり*/
    /*/.products_parts01*/ }
    .page_contents .products_wrap .products_tit {
      width: 100%; }
    .page_contents .products_wrap .products_tit .ja_txt {
      display: block;
      font-size: 5.1282vw;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em; }
    .page_contents .products_wrap .products_tit .en_txt {
      display: block;
      font-size: 3.5897vw;
      letter-spacing: 0.36em;
      text-align: center;
      text-indent: 0.36em;
      margin-top: 2.5641vw; }
    .page_contents .products_wrap .products_lead {
      width: 79.4872vw;
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em;
      margin: 7.6923vw auto 0; }
    .page_contents .products_wrap .type-name_box ul {
      width: 56.4103vw;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2.5641vw;
      margin: 5.1282vw auto 0; }
    .page_contents .products_wrap .type-name_box.ver01col ul {
      width: 56.4103vw;
      grid-template-columns: repeat(1, 1fr); }
    .page_contents .products_wrap .type-name_box ul li {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 1.667;
      letter-spacing: 0.1em;
      text-align: justify;
      text-align-last: left; }
    .page_contents .products_wrap .merit-scene-box_wrap {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 10.2564vw;
      margin-top: 10.2564vw; }
    .page_contents .products_wrap .merit-scene-box {
      border: 1px solid #000;
      position: relative;
      padding: 6.9231vw 5.1282vw 5.1282vw; }
    .page_contents .products_wrap .merit-scene-box .title-bubble {
      background-color: #FFEDAD;
      border-radius: 9999px;
      width: 28.2051vw;
      position: absolute;
      top: -3.8462vw;
      /*top: -15px;*/
      left: 50%;
      transform: translateX(-50%);
      font-size: 3.0769vw;
      letter-spacing: 0.1em;
      text-align: center;
      text-indent: 0.1em;
      padding: 2.0513vw 1.0256vw; }
    .page_contents .products_wrap .merit-scene-box .box_contents {
      width: 100%; }
    .page_contents .products_wrap .merit-scene-box .box_contents ul li,
    .page_contents .products_wrap .merit-scene-box .box_contents p {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.1em;
      text-align: justify;
      text-align-last: left; }
    .page_contents .products_wrap .merit-scene-box .box_contents ul li + li {
      margin-top: 0.4em; }
    .page_contents .products_wrap .products_parts {
      background-color: #fff;
      width: 79.4872vw;
      margin: 6.4103vw auto 0;
      padding: 12.8205vw 5.1282vw 10.2564vw;
      /* タブメニューのスタイル */
      /*アクティブなボタンの装飾*/
      /* タブコンテンツの表示制御 */
      /* タブコンテンツのラッパーに相対配置を指定 */
      /* 全てのタブコンテンツは初期状態で非表示（透明＆非表示状態）にし、絶対配置 */
      /* activeクラスが付いたタブコンテンツは表示（フェードイン） */
      /*スライド部分*/
      /* ドットの配置（下側、外側に配置） */
      /* ドットの基本スタイル */
      /* アクティブなドットのスタイル */ }
      .page_contents .products_wrap .products_parts .parts_head {
        font-size: 4.4872vw;
        font-weight: 400;
        letter-spacing: 0.1em;
        text-align: center;
        text-indent: 0.1em; }
      .page_contents .products_wrap .products_parts .parts_catch {
        font-size: 3.0769vw;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.1em;
        text-align: justify;
        text-indent: 0.1em;
        margin-top: 7.6923vw; }
      .page_contents .products_wrap .products_parts .parts_catch span {
        display: inline-block; }
      .page_contents .products_wrap .products_parts .tab_menu {
        margin-top: 7.6923vw; }
      .page_contents .products_wrap .products_parts .tab_menu ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 2.5641vw; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn {
        background-color: #fff;
        border: 1px solid #0D3761;
        border-radius: 9999px;
        width: auto;
        height: auto; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn a {
        display: flex;
        gap: 0 0.4em;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 2.3077vw 2.5641vw; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn a::after {
        content: '';
        background: #0D3761;
        width: 10px;
        height: calc(10px / 2 * tan(60deg));
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        /*下向き*/
        display: block; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn a span {
        color: #0D3761;
        font-size: 3.0769vw;
        letter-spacing: -0.03em; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn:hover {
        background-color: #185FA8; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn:hover a::after {
        background: #fff; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn:hover a span {
        color: #fff; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn.active {
        background-color: #0D3761; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn.active a::after {
        background-color: #fff; }
      .page_contents .products_wrap .products_parts .tab_menu .tab_btn.active span {
        color: #fff; }
      .page_contents .products_wrap .products_parts .tab_contents_wrap {
        position: relative; }
      .page_contents .products_wrap .products_parts .tab_contents {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s ease; }
      .page_contents .products_wrap .products_parts .tab_contents.active {
        opacity: 1;
        visibility: visible;
        position: relative;
        /* active時のみ通常のフローに戻す場合 */ }
      .page_contents .products_wrap .products_parts .swiper-container {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 7.6923vw;
        padding-bottom: 50px;
        /*ドットの領域確保*/ }
      .page_contents .products_wrap .products_parts ul.swiper-wrapper {
        width: 100%;
        height: auto;
        justify-content: flex-start; }
      .page_contents .products_wrap .products_parts li.swiper-slide {
        width: 100%;
        height: auto;
        display: flex;
        gap: 5.1282vw;
        flex-direction: column;
        align-items: center;
        position: relative; }
      .page_contents .products_wrap .products_parts .unit_img {
        border-radius: 5px;
        overflow: hidden;
        width: 100%;
        height: auto; }
      .page_contents .products_wrap .products_parts .unit_img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .page_contents .products_wrap .products_parts .unit_detail {
        width: 100%; }
      .page_contents .products_wrap .products_parts .unit_detail .unit_head {
        font-size: 3.0769vw;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.1em;
        text-align: center;
        text-indent: 0.1em; }
      .page_contents .products_wrap .products_parts .swiper-pagination {
        width: 50%;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 20px;
        /* スライダー外側に配置するため、下方向にずらす */
        left: 50%;
        transform: translateX(-50%);
        z-index: 10; }
      .page_contents .products_wrap .products_parts .swiper-pagination-bullet {
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 9999px;
        width: 10px;
        height: 10px;
        margin: 0;
        opacity: 1;
        /* 初期状態は不透明 */
        transition: background-color 0.3s ease; }
      .page_contents .products_wrap .products_parts .swiper-pagination-bullet-active {
        background-color: #000; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_contents コンテンツページ共通  sec__products02
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents .sec__products02 {
  width: 100%;
  position: relative;
  /*look_wrap*/
  /*type-name_box*/ }
  .page_contents .sec__products02 + .sec__products02 {
    border-top: 2px solid #000; }
  .page_contents .sec__products02 .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 5.787vw, 100px ) 0 min( 5.787vw, 100px ); }
  .page_contents .sec__products02 .sec_mv {
    border-radius: 10px;
    overflow: hidden;
    width: min(100% - 40px, 1228px);
    margin: auto; }
  .page_contents .sec__products02 .sec_tit {
    margin-top: min( 4.0509vw, 70px ); }
  .page_contents .sec__products02 .sec_tit .ja_txt {
    font-size: clamp(25px, 2.0255vw, 35px);
    letter-spacing: 0.08em;
    text-indent: 0.08em; }
  .page_contents .sec__products02 .sec_tit .en_txt {
    font-size: clamp(14px, 1.3889vw, 24px);
    margin-top: min( 0.8102vw, 14px ); }
  .page_contents .sec__products02 .sec_lead {
    width: min(100% - 40px, 1228px);
    font-size: clamp(14px, 1.1574vw, 20px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left;
    margin: min( 2.8935vw, 50px ) auto 0; }
  .page_contents .sec__products02 .look_wrap {
    width: min(100% - 40px, 1228px);
    margin: min( 8.6806vw, 150px ) auto 0; }
  .page_contents .sec__products02 .look_tit {
    width: 100%; }
  .page_contents .sec__products02 .look_tit .ja_txt {
    display: block;
    font-size: clamp(26px, 1.8519vw, 32px);
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em; }
  .page_contents .sec__products02 .look_tit .en_txt {
    display: block;
    font-size: clamp(14px, 1.1574vw, 20px);
    letter-spacing: 0.36em;
    text-align: center;
    text-indent: 0.36em;
    margin-top: min( 1.1574vw, 20px ); }
  .page_contents .sec__products02 .look_wrap > ul {
    width: 100%;
    margin-top: min( 4.0509vw, 70px ); }
  .page_contents .sec__products02 .look_wrap .look_unit {
    background-color: #FAF8F1;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 0 min( 4.5603vw, 56px );
    padding: min( 3.2573vw, 40px ) min( 4.886vw, 60px ) min( 3.2573vw, 40px ) min( 3.2573vw, 40px ); }
  .page_contents .sec__products02 .look_wrap .look_unit + .look_unit {
    margin-top: min( 2.8935vw, 50px ); }
  .page_contents .sec__products02 .look_unit .unit_detail {
    flex-grow: 1;
    margin-top: min( 0.8143vw, 10px ); }
  .page_contents .sec__products02 .look_unit .unit_head {
    font-size: clamp(20px, 1.9544vw, 24px);
    font-weight: 400;
    line-height: 1.417;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left; }
  .page_contents .sec__products02 .look_unit .unit_txt {
    font-size: clamp(14px, 1.4658vw, 18px);
    font-weight: 400;
    line-height: 1.778;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left;
    margin-top: min( 1.6287vw, 20px ); }
  .page_contents .sec__products02 .look_unit .list_box {
    margin-top: min( 1.6287vw, 20px ); }
  .page_contents .sec__products02 .look_unit .list_box ul {
    font-size: clamp(14px, 1.4658vw, 18px);
    font-weight: 400;
    line-height: 1.778;
    letter-spacing: 0.08em; }
  .page_contents .sec__products02 .look_unit .list_box ul li + li {
    margin-top: 0.2em; }
  .page_contents .sec__products02 .look_unit .unit_img {
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    width: min( 31.759vw, 390px ); }
  .page_contents .sec__products02 .look_lead {
    font-size: clamp(13px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em;
    margin: min( 2.8935vw, 50px ) auto 0; }
  .page_contents .sec__products02 .type_box {
    background-color: #FAF8F1;
    width: min( 70.8469vw, 870px );
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min( 1.6287vw, 20px );
    margin: min( 2.8502vw, 35px ) auto 0;
    padding: min( 4.5139vw, 78px ) min( 5.787vw, 100px ) min( 2.3148vw, 40px ); }
  .page_contents .sec__products02 .type_box ul {
    margin-top: 0; }
  .page_contents .sec__products02 .type_box ul li {
    font-size: clamp(12px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 1.444;
    letter-spacing: 0.1em;
    text-align: justify;
    text-align-last: left; }
  .page_contents .sec__products02 .type_box ul li + li {
    margin-top: 1em; }
  .page_contents .sec__products02 .type_box .etc_txt {
    justify-content: flex-end; }
  .page_contents .sec__products02 .btn03 {
    margin: min( 5.787vw, 100px ) auto 0; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents .sec__products02 {
    width: 100%;
    position: relative;
    /*look_wrap*/
    /*type-name_box*/ }
    .page_contents .sec__products02 + .sec__products02 {
      border-top: 1px solid #000; }
    .page_contents .sec__products02 .sec_wrap {
      width: 100%;
      position: relative;
      padding: 12.8205vw 0 12.8205vw; }
    .page_contents .sec__products02 + .sec__products .sec_wrap {
      padding-top: 0; }
    .page_contents .sec__products02 .sec_mv {
      border-radius: 0;
      overflow: hidden;
      width: 100%;
      margin: auto; }
    .page_contents .sec__products02 .sec_tit {
      margin-top: 12.8205vw; }
    .page_contents .sec__products02 .sec_tit .ja_txt {
      font-size: 5.641vw;
      letter-spacing: 0.08em;
      text-indent: 0.08em; }
    .page_contents .sec__products02 .sec_tit .en_txt {
      font-size: 3.5897vw;
      margin-top: 2.5641vw; }
    .page_contents .sec__products02 .sec_lead {
      width: 79.4872vw;
      font-size: 3.5897vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.08em;
      text-align: justify;
      text-align-last: left;
      margin: 7.6923vw auto 0; }
    .page_contents .sec__products02 .look_wrap {
      width: 79.4872vw;
      margin: 25.641vw auto 0; }
    .page_contents .sec__products02 .look_tit {
      width: 100%; }
    .page_contents .sec__products02 .look_tit .ja_txt {
      display: block;
      font-size: 5.1282vw;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em; }
    .page_contents .sec__products02 .look_tit .en_txt {
      display: block;
      font-size: 3.5897vw;
      letter-spacing: 0.36em;
      text-align: center;
      text-indent: 0.36em;
      margin-top: 1.0256vw; }
    .page_contents .sec__products02 .look_wrap > ul {
      width: 100%;
      margin-top: 6.4103vw; }
    .page_contents .sec__products02 .look_wrap .look_unit {
      background-color: #FAF8F1;
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-between;
      gap: 5.1282vw;
      padding: 5.1282vw 5.1282vw 10.2564vw; }
    .page_contents .sec__products02 .look_wrap .look_unit + .look_unit {
      margin-top: 7.6923vw; }
    .page_contents .sec__products02 .look_unit .unit_detail {
      flex-grow: 1;
      margin-top: 0; }
    .page_contents .sec__products02 .look_unit .unit_head {
      font-size: 4.6154vw;
      font-weight: 400;
      line-height: 1.556;
      letter-spacing: 0.08em;
      text-align: center;
      text-align-last: center; }
    .page_contents .sec__products02 .look_unit .unit_txt {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.08em;
      text-align: justify;
      text-align-last: left;
      margin-top: 5.1282vw; }
    .page_contents .sec__products02 .look_unit .list_box {
      margin-top: 5.1282vw; }
    .page_contents .sec__products02 .look_unit .list_box ul {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.08em; }
    .page_contents .sec__products02 .look_unit .list_box ul li + li {
      margin-top: 0.2em; }
    .page_contents .sec__products02 .look_unit .unit_img {
      flex-shrink: 0;
      border-radius: 5px;
      overflow: hidden;
      width: 100%; }
    .page_contents .sec__products02 .look_lead {
      font-size: 3.5897vw;
      font-weight: 400;
      line-height: 1.714;
      letter-spacing: 0.08em;
      text-align: justify;
      text-indent: 0.08em;
      margin: 6.4103vw auto 0; }
    .page_contents .sec__products02 .type_box {
      background-color: #FAF8F1;
      width: 79.4872vw;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 0.6em;
      margin: 8.2051vw auto 0;
      padding: 7.6923vw 5.1282vw 5.1282vw; }
    .page_contents .sec__products02 .type_box ul {
      margin-top: 0; }
    .page_contents .sec__products02 .type_box ul li {
      font-size: 3.5897vw;
      font-weight: 400;
      line-height: 1.857;
      letter-spacing: 0.1em;
      text-align: justify;
      text-align-last: left; }
    .page_contents .sec__products02 .type_box ul li + li {
      margin-top: 0.6em; }
    .page_contents .sec__products02 .type_box .etc_txt {
      justify-content: flex-end; }
    .page_contents .sec__products02 .btn03 {
      margin: 12.8205vw auto 0; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_contents コンテンツページ共通
＊
＊　sec__supported_member 対応企業一覧
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents .sec__supported_member {
  background-color: #FAF8F1;
  border-top: 2px solid #000;
  width: 100%;
  position: relative;
  /*member_unit_wrap*/ }
  .page_contents .sec__supported_member .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 5.787vw, 100px ) 0 min( 2.8935vw, 50px ); }
  .page_contents .sec__supported_member .sec_tit {
    border-bottom: 1px dotted #000;
    width: min(100% - 40px, 1228px);
    position: relative;
    margin: auto;
    padding-bottom: min( 2vw, 20px ); }
  .page_contents .sec__supported_member .sec_tit .ja_txt {
    font-size: clamp(25px, 2.0255vw, 35px);
    justify-content: flex-start; }
  .page_contents .sec__supported_member .sec_tit .en_txt {
    font-size: clamp(10px, 0.9259vw, 16px);
    text-align: left;
    margin-top: min( 0.75vw, 6px ); }
  .page_contents .sec__supported_member .member_unit_wrap {
    width: min(100% - 40px, 1228px);
    margin: auto; }
  .page_contents .sec__supported_member .member_unit_wrap ul {
    width: 100%; }
  .page_contents .sec__supported_member .member_unit_wrap .member_unit {
    border-top: 1px solid #000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0 min( 4.886vw, 60px );
    padding: min( 2.8935vw, 50px ) 0; }
  .page_contents .sec__supported_member .member_unit_wrap .member_unit:first-child {
    border-top: none; }
  .page_contents .sec__supported_member .look_unit .unit_img {
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    width: min( 28.6645vw, 352px ); }
  .page_contents .sec__supported_member .member_unit .unit_detail {
    flex-grow: 1;
    min-width: 420px;
    /*これ以下にならないように*/
    padding-top: min( 1.6287vw, 20px ); }
  .page_contents .sec__supported_member .member_unit .unit_name {
    font-size: clamp(20px, 1.9544vw, 24px);
    font-weight: 400;
    line-height: 1.417;
    letter-spacing: 0.05em;
    text-align: justify;
    text-align-last: left; }
  .page_contents .sec__supported_member .member_unit .unit_txt {
    font-size: clamp(14px, 1.6287vw, 20px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: justify;
    text-align-last: left;
    margin-top: min( 2.443vw, 30px ); }
  .page_contents .sec__supported_member .member_unit .unit_btn {
    background-color: #0D3761;
    border: 2px solid #0D3761;
    width: min( 21.987vw, 270px );
    aspect-ratio: 270 / 50;
    margin-top: 40px;
    transition: 0.2s; }
  .page_contents .sec__supported_member .member_unit .unit_btn a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center; }
  .page_contents .sec__supported_member .member_unit .unit_btn a span {
    color: #fff;
    font-size: clamp(14px, 1.6287vw, 20px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    text-indent: 0.05em; }
  .page_contents .sec__supported_member .member_unit .unit_btn:hover {
    background-color: #fff;
    border: 2px solid #0D3761; }
  .page_contents .sec__supported_member .member_unit .unit_btn:hover a {
    opacity: 1; }
  .page_contents .sec__supported_member .member_unit .unit_btn:hover a span {
    color: #0D3761; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_contents .sec__supported_member {
    background-color: #FAF8F1;
    border-top: 1px solid #000;
    width: 100%;
    position: relative;
    /*member_unit_wrap*/ }
    .page_contents .sec__supported_member .sec_wrap {
      width: 100%;
      position: relative;
      padding: 12.8205vw 0 6.4103vw; }
    .page_contents .sec__supported_member .sec_tit {
      border-bottom: 1px dotted #000;
      width: 79.4872vw;
      position: relative;
      margin: auto;
      padding-bottom: 3.8462vw; }
    .page_contents .sec__supported_member .sec_tit .ja_txt {
      font-size: 5.641vw;
      flex-direction: column;
      gap: 1.5385vw;
      justify-content: flex-start; }
    .page_contents .sec__supported_member .sec_tit .en_txt {
      font-size: 3.0769vw;
      text-align: left;
      margin-top: 2.5641vw; }
    .page_contents .sec__supported_member .member_unit_wrap {
      width: 79.4872vw;
      margin: auto; }
    .page_contents .sec__supported_member .member_unit_wrap ul {
      width: 100%; }
    .page_contents .sec__supported_member .member_unit_wrap .member_unit {
      width: 100%;
      display: flex;
      justify-content: space-between;
      gap: 0 2.5641vw;
      padding: 6.4103vw 0; }
    .page_contents .sec__supported_member .member_unit_wrap .member_unit:first-child {
      border-top: none; }
    .page_contents .sec__supported_member .look_unit .unit_img {
      flex-shrink: 0;
      border-radius: 0;
      overflow: hidden;
      width: 30.7692vw; }
    .page_contents .sec__supported_member .member_unit .unit_detail {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      min-width: auto;
      padding-top: 0; }
    .page_contents .sec__supported_member .member_unit .unit_name {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.05em;
      text-align: justify;
      text-align-last: left; }
    .page_contents .sec__supported_member .member_unit .unit_txt {
      font-size: 2.5641vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.05em;
      text-align: justify;
      text-align-last: left;
      margin-top: 1.0256vw; }
    .page_contents .sec__supported_member .member_unit .unit_btn {
      background-color: #0D3761;
      border: 1px solid #0D3761;
      width: 46.1538vw;
      aspect-ratio: 180 / 30;
      margin-top: auto; }
    .page_contents .sec__supported_member .member_unit .unit_btn a {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center; }
    .page_contents .sec__supported_member .member_unit .unit_btn a span {
      font-size: 2.5641vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.05em;
      text-indent: 0.05em; }
    .page_contents .sec__supported_member .member_unit .unit_btn:hover {
      background-color: #fff;
      border: 1px solid #0D3761; }
    .page_contents .sec__supported_member .member_unit .unit_btn:hover a {
      opacity: 1; }
    .page_contents .sec__supported_member .member_unit .unit_btn:hover a span {
      color: #0D3761; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　page_thread_attached 糸付属
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_thread_attached 糸付属 .sec__sewing_thread　縫製糸 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_thread_attached .sec__sewing_thread {
  width: 100%;
  position: relative; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_thread_attached 糸付属 .sec__buttons　ボタン 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_thread_attached .sec__buttons {
  border-top: 2px solid #000;
  width: 100%;
  position: relative; }
  .page_thread_attached .sec__buttons .products_parts01 {
    background-color: inherit;
    margin-top: 0; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_thread_attached 糸付属 .sec__zipper_velcro　ファスナー・マジックテープ 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_thread_attached .sec__zipper_velcro {
  border-top: 2px solid #000;
  width: 100%;
  position: relative;
  /*look_wrap*/ }
  .page_thread_attached .sec__zipper_velcro .look02_wrap {
    width: min(100% - 40px, 1228px);
    margin: min( 8.6806vw, 150px ) auto 0; }
  .page_thread_attached .sec__zipper_velcro .look02_wrap ul {
    width: 100%; }
  .page_thread_attached .sec__zipper_velcro .look02_wrap .look02_unit {
    background-color: #FAF8F1;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
  .page_thread_attached .sec__zipper_velcro .look02_unit .unit_detail {
    flex-grow: 1;
    padding: min( 5.2117vw, 64px ) min( 3.6645vw, 45px ); }
  .page_thread_attached .sec__zipper_velcro .look02_unit .unit_head {
    font-size: clamp(20px, 2.0358vw, 25px);
    font-weight: 800;
    line-height: lin0eHeight(25, 25);
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left; }
  .page_thread_attached .sec__zipper_velcro .look02_unit .unit_txt {
    font-size: clamp(14px, 1.6287vw, 20px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.10em;
    text-align: justify;
    text-align-last: left;
    margin-top: min( 2.443vw, 30px ); }
  .page_thread_attached .sec__zipper_velcro .look02_unit .unit_img {
    flex-shrink: 0;
    width: min( 56.6775vw, 696px ); }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_thread_attached .sec__zipper_velcro {
    border-top: 1px solid #000;
    width: 100%;
    position: relative;
    /*look_wrap*/ }
    .page_thread_attached .sec__zipper_velcro .look02_wrap {
      width: 100%;
      margin: auto; }
    .page_thread_attached .sec__zipper_velcro .look02_wrap ul {
      width: 100%; }
    .page_thread_attached .sec__zipper_velcro .look02_wrap .look02_unit {
      background-image: url("../img/thread-attached/zipper_velcro_look_img01_sp_2x.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: block;
      width: 100%;
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between; }
    .page_thread_attached .sec__zipper_velcro .look02_unit .unit_detail {
      flex-grow: 1;
      padding: 10.2564vw 15.3846vw; }
    .page_thread_attached .sec__zipper_velcro .look02_unit .unit_head {
      color: #fff;
      font-size: 5.1282vw;
      font-weight: 400;
      line-height: lin0eHeight(20, 30);
      letter-spacing: 0.08em;
      text-align: center;
      text-align-last: auto; }
    .page_thread_attached .sec__zipper_velcro .look02_unit .unit_txt {
      color: #fff;
      font-size: 4.1026vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.10em;
      text-align: justify;
      text-align-last: left;
      margin-top: min( 5.1282vw, 20px ); }
    .page_thread_attached .sec__zipper_velcro .look02_unit .unit_img {
      display: none; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　page_press-wash 仕上げプレス・洗い加工
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　#sec__wash　.sec__products 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_press-wash .sec__products .products_parts {
  padding-bottom: min( 4.0717vw, 50px ); }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_press-wash .sec__products .products_parts {
    padding-bottom: 12.8205vw; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　page_embroidery-print 刺繍・プリント
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　page_embroidery-print 刺繍・プリント .sec__kv 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_embroidery-print .sec__kv.kv_page_ver01 {
  border-bottom: 2px solid #000; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_embroidery-print .sec__kv.kv_page_ver01 {
    border-bottom: 1px solid #000; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　page_about 組合概要
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_contents.page_about {
  background-color: #FAF8F1; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__kv 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__kv {
  width: 100%;
  position: relative; }
  .page_about .sec__kv .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 8.6806vw, 150px ) 0 0; }
  .page_about .sec__kv .kv_img {
    width: min(100% - 40px, 1228px);
    margin: min( 8.6806vw, 150px ) auto 0; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__kv {
    width: 100%;
    position: relative; }
    .page_about .sec__kv .sec_wrap {
      width: 100%;
      position: relative;
      padding: 2.5641vw 0 0; }
    .page_about .sec__kv .kv_img {
      width: 92.3077vw;
      margin: 25.641vw auto 0; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__lead 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__lead {
  width: 100%;
  position: relative;
  /*look_wrap*/ }
  .page_about .sec__lead .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 8.6806vw, 150px ) 0 0; }
  .page_about .sec__lead .look_wrap {
    width: min(100% - 40px, 1228px);
    margin: auto; }
  .page_about .sec__lead .look_wrap ul {
    width: 100%; }
  .page_about .sec__lead .look_wrap .look_unit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0 min( 9.2834vw, 114px ); }
  .page_about .sec__lead .look_wrap .look_unit:nth-child(even) {
    flex-direction: row-reverse; }
  .page_about .sec__lead .look_wrap .look_unit + .look_unit {
    margin-top: min( 9.2593vw, 160px ); }
  .page_about .sec__lead .look_unit .unit_detail {
    flex-grow: 1; }
  .page_about .sec__lead .look_unit .unit_head {
    font-size: clamp(20px, 1.9544vw, 24px);
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left;
    padding-bottom: min( 4.886vw, 60px ); }
  .page_about .sec__lead .look_unit .unit_txt {
    font-size: clamp(14px, 1.4658vw, 18px);
    font-weight: 400;
    line-height: 1.778;
    letter-spacing: 0.08em;
    text-align: justify;
    text-align-last: left; }
  .page_about .sec__lead .look_unit .unit_img {
    flex-shrink: 0;
    width: min( 43.8111vw, 538px ); }
  .page_about .sec__lead .look_unit.ver02 .unit_img {
    width: min( 38.2736vw, 470px ); }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__lead {
    width: 100%;
    position: relative;
    /*look_wrap*/ }
    .page_about .sec__lead .sec_wrap {
      width: 100%;
      position: relative;
      padding: 51.2821vw 0 0; }
    .page_about .sec__lead .look_wrap {
      width: 79.4872vw;
      margin: auto; }
    .page_about .sec__lead .look_wrap ul {
      width: 100%; }
    .page_about .sec__lead .look_wrap .look_unit {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-between;
      gap: 7.6923vw; }
    .page_about .sec__lead .look_wrap .look_unit:nth-child(even) {
      flex-direction: column-reverse; }
    .page_about .sec__lead .look_wrap .look_unit + .look_unit {
      margin-top: 12.8205vw; }
    .page_about .sec__lead .look_unit .unit_detail {
      flex-grow: 1; }
    .page_about .sec__lead .look_unit .unit_head {
      font-size: 4.1026vw;
      font-weight: 400;
      line-height: 1.625;
      letter-spacing: 0.05em;
      text-align: justify;
      text-align-last: left;
      padding-bottom: 7.6923vw; }
    .page_about .sec__lead .look_unit .unit_txt {
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0;
      text-align: justify;
      text-align-last: left; }
    .page_about .sec__lead .look_unit .unit_img {
      flex-shrink: 1;
      width: 100%; }
    .page_about .sec__lead .look_unit.ver02 .unit_img {
      width: 100%; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__about 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__about {
  width: 100%;
  position: relative; }
  .page_about .sec__about .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 11.5741vw, 200px ) 0 0; }
  .page_about .sec__about .reason_wrap {
    width: 100%; }
  .page_about .sec__about .reason_wrap .sec_tit .ja_txt {
    align-items: baseline; }
  .page_about .sec__about .reason_wrap .sec_tit .ja_txt .big_txt {
    font-size: clamp(30px, 2.8935vw, 50px); }
  .page_about .sec__about .reason_wrap .reason_list {
    width: min(100% - 40px, 1228px);
    margin: min( 7.5231vw, 130px ) auto 0; }
  .page_about .sec__about .reason_list ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min( 2.3148vw, 40px ); }
  .page_about .sec__about .reason_list li {
    background-color: #fff;
    border: 2px solid #0D3761;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: min( 1.7361vw, 30px ) min( 1.7361vw, 30px ) min( 2.8935vw, 50px ); }
  .page_about .sec__about .reason_list li .unit_img {
    border-radius: 5px;
    width: 100%;
    aspect-ratio: 322 / 217;
    overflow: hidden; }
  .page_about .sec__about .reason_list li .unit_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .page_about .sec__about .reason_list li .unit_detail {
    flex-grow: 1;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: min( 2.0255vw, 35px ) 0 0; }
  .page_about .sec__about .reason_list li .unit_head {
    display: flex;
    gap: 0 min( 1.1574vw, 20px );
    align-items: center;
    justify-content: center;
    margin-top: 0; }
  .page_about .sec__about .reason_list li .unit_head .head_num {
    color: #0D3761;
    font-size: clamp(16px, 1.6204vw, 28px);
    font-weight: 800;
    letter-spacing: -0.03em; }
  .page_about .sec__about .reason_list li .unit_head .head_name {
    font-size: clamp(14px, 1.2731vw, 22px);
    letter-spacing: 0.08em; }
  .page_about .sec__about .reason_list li .unit_txt {
    flex-grow: 1;
    font-size: clamp(12px, 1.0417vw, 18px);
    line-height: 1.667;
    letter-spacing: 0.08em;
    text-align: justify;
    margin-top: min( 1.1574vw, 20px ); }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__about {
    width: 100%;
    position: relative; }
    .page_about .sec__about .sec_wrap {
      width: 100%;
      position: relative;
      padding: 38.4615vw 0 0; }
    .page_about .sec__about .reason_wrap {
      width: 100%; }
    .page_about .sec__about .reason_wrap .sec_tit .ja_txt {
      align-items: baseline; }
    .page_about .sec__about .reason_wrap .sec_tit .ja_txt .big_txt {
      font-size: 7.6923vw; }
    .page_about .sec__about .reason_wrap .reason_list {
      width: 79.4872vw;
      margin: 7.6923vw auto 0; }
    .page_about .sec__about .reason_list ul {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 7.6923vw; }
    .page_about .sec__about .reason_list li {
      background-color: #fff;
      border: 2px solid #0D3761;
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 6.4103vw 6.4103vw 6.4103vw; }
    .page_about .sec__about .reason_list li .unit_img {
      border-radius: 5px;
      width: 100%;
      aspect-ratio: 260 / 167;
      overflow: hidden; }
    .page_about .sec__about .reason_list li .unit_img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .page_about .sec__about .reason_list li .unit_detail {
      flex-grow: 1;
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 5.1282vw 0 0; }
    .page_about .sec__about .reason_list li .unit_head {
      display: flex;
      gap: 0 1.2821vw;
      align-items: center;
      justify-content: center;
      margin-top: 0; }
    .page_about .sec__about .reason_list li .unit_head .head_num {
      color: #0D3761;
      font-size: 4.1026vw;
      font-weight: 800;
      letter-spacing: -0.03em; }
    .page_about .sec__about .reason_list li .unit_head .head_name {
      font-size: 4.1026vw;
      letter-spacing: 0.08em; }
    .page_about .sec__about .reason_list li .unit_txt {
      flex-grow: 1;
      font-size: 3.0769vw;
      line-height: 2;
      letter-spacing: 0.08em;
      text-align: justify;
      margin-top: 5.1282vw; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__messege 共通設定あり
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__messege {
  width: 100%;
  position: relative; }
  .page_about .sec__messege .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 11.5741vw, 200px ) 0 0; }
  .page_about .sec__messege .sec_lead {
    width: min(100% - 40px, 1015px);
    font-size: clamp(12px, 1.0417vw, 18px);
    line-height: 2.222;
    letter-spacing: 0.08em;
    text-align: justify;
    margin: min( 5.2083vw, 90px ) auto 0; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__about_anker_nav
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__about_anker_nav {
  width: 100%;
  position: relative; }
  .page_about .sec__about_anker_nav .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 16.2037vw, 280px ) 0 0; }
  .page_about .sec__about_anker_nav .sec_nav {
    width: 100%; }
  .page_about .sec__about_anker_nav .sec_nav ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: min( 1.7756vw, 25px ); }
  .page_about .sec__about_anker_nav .sec_nav li {
    background-color: #0D3761;
    border: 2px solid #0D3761;
    border-radius: 9999px;
    min-width: min( 6.9444vw, 120px );
    height: auto; }
  .page_about .sec__about_anker_nav .sec_nav li a {
    display: flex;
    gap: 0 0.6em;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: min( 0.8681vw, 15px ) min( 1.0995vw, 19px ); }
  .page_about .sec__about_anker_nav .sec_nav li a::after {
    content: '';
    background-color: #fff;
    width: 12px;
    height: calc(12px / 2 * tan(60deg));
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    /*下向き*/
    display: block; }
  .page_about .sec__about_anker_nav .sec_nav li a span {
    color: #fff;
    font-size: clamp(13px, 1.0417vw, 18px);
    letter-spacing: -0.03em; }
  .page_about .sec__about_anker_nav .sec_nav li:hover {
    background-color: #fff;
    color: #0D3761; }
  .page_about .sec__about_anker_nav .sec_nav li:hover a::after {
    background-color: #0D3761; }
  .page_about .sec__about_anker_nav .sec_nav li:hover a span {
    color: #0D3761; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__about_anker_nav {
    width: 100%;
    position: relative; }
    .page_about .sec__about_anker_nav .sec_wrap {
      width: 100%;
      position: relative;
      padding: 25.641vw 0 0; }
    .page_about .sec__about_anker_nav .sec_nav {
      width: 79.4872vw;
      margin: auto; }
    .page_about .sec__about_anker_nav .sec_nav ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 2.5641vw 1.2821vw; }
    .page_about .sec__about_anker_nav .sec_nav li {
      background-color: #0D3761;
      border: 2px solid #0D3761;
      border-radius: 9999px;
      min-width: 12.8205vw;
      height: auto; }
    .page_about .sec__about_anker_nav .sec_nav li a {
      display: flex;
      gap: 0 0.3em;
      align-items: center;
      justify-content: center;
      position: relative;
      padding: 2.5641vw 5.1282vw; }
    .page_about .sec__about_anker_nav .sec_nav li a::after {
      content: '';
      background-color: #fff;
      width: 12px;
      height: calc(12px / 2 * tan(60deg));
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      /*下向き*/
      display: block; }
    .page_about .sec__about_anker_nav .sec_nav li a span {
      color: #fff;
      font-size: 3.0769vw;
      letter-spacing: -0.03em; }
    .page_about .sec__about_anker_nav .sec_nav li:hover {
      background-color: #fff;
      color: #0D3761; }
    .page_about .sec__about_anker_nav .sec_nav li:hover a::after {
      background-color: #0D3761; }
    .page_about .sec__about_anker_nav .sec_nav li:hover a span {
      color: #0D3761; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__overview
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__overview {
  width: 100%;
  position: relative; }
  .page_about .sec__overview .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 8.6806vw, 150px ) 0 0; }
  .page_about .sec__overview .overview_unit_wrap {
    width: min(100% - 40px, 1228px);
    margin: min( 2.8935vw, 50px ) auto 0; }
  .page_about .sec__overview .overview_unit_wrap dl {
    border-top: 1px solid #000;
    width: 100%;
    display: flex;
    font-size: clamp(14px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 1.556;
    letter-spacing: 0.05em;
    padding: min( 2.0255vw, 35px ) 0; }
  .page_about .sec__overview .overview_unit_wrap dl:first-child {
    border-top: none; }
  .page_about .sec__overview .overview_unit_wrap dl.ver_dd_2col dd {
    display: flex;
    align-items: center;
    gap: 1.5em; }
  .page_about .sec__overview .overview_unit_wrap dt {
    width: min( 19.544vw, 240px ); }
  .page_about .sec__overview .overview_unit_wrap dd {
    flex-grow: 1; }
  .page_about .sec__overview .overview_unit_wrap dd .company_name_ruby,
  .page_about .sec__overview .overview_unit_wrap dd .company_representative_ruby {
    font-size: clamp(11px, 0.8681vw, 15px);
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.05em; }
  .page_about .sec__overview .overview_unit_wrap dd .company_post_code {
    display: flex;
    gap: 0.2em;
    align-items: center; }
  .page_about .sec__overview .overview_unit_wrap dd .company_post_code:before {
    content: '〒';
    display: block; }
  .page_about .sec__overview .overview_unit_wrap dd .company_instagram {
    display: flex;
    gap: 0.5em;
    align-items: center; }
  .page_about .sec__overview .overview_unit_wrap dd .company_instagram:before {
    content: '';
    background-image: url("../img/member-single/icon_instagram.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 26px;
    aspect-ratio: 1 / 1;
    display: block; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__overview {
    width: 100%;
    position: relative; }
    .page_about .sec__overview .sec_wrap {
      width: 100%;
      position: relative;
      padding: 17.9487vw 0 0; }
    .page_about .sec__overview .overview_unit_wrap {
      width: 79.4872vw;
      margin: 7.6923vw auto 0; }
    .page_about .sec__overview .overview_unit_wrap dl {
      border-top: 1px solid #000;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 1em;
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.15em;
      padding: 3.8462vw 0; }
    .page_about .sec__overview .overview_unit_wrap dl:first-child {
      border-top: none; }
    .page_about .sec__overview .overview_unit_wrap dl.ver_dd_2col dd {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5em; }
    .page_about .sec__overview .overview_unit_wrap dt {
      width: 100%; }
    .page_about .sec__overview .overview_unit_wrap dd {
      flex-grow: 1;
      letter-spacing: 0.1em; }
    .page_about .sec__overview .overview_unit_wrap dd .company_name_ruby,
    .page_about .sec__overview .overview_unit_wrap dd .company_representative_ruby {
      font-size: 2.8205vw;
      font-weight: 400;
      line-height: 1.364;
      letter-spacing: 0.1em; }
    .page_about .sec__overview .overview_unit_wrap dd .company_post_code {
      display: flex;
      gap: 0.2em;
      align-items: center; }
    .page_about .sec__overview .overview_unit_wrap dd .company_post_code:before {
      content: '〒';
      display: block; }
    .page_about .sec__overview .overview_unit_wrap dd .company_instagram {
      display: flex;
      gap: 0.5em;
      align-items: center; }
    .page_about .sec__overview .overview_unit_wrap dd .company_instagram:before {
      content: '';
      background-image: url("../img/member-single/icon_instagram.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 26px;
      aspect-ratio: 1 / 1;
      display: block; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__history
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__history {
  width: 100%;
  position: relative; }
  .page_about .sec__history .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 11.5741vw, 200px ) 0 min( 8.6806vw, 150px ); }
  .page_about .sec__history .sec_wrap::before {
    content: '';
    background-image: url("../img/member-single/bg_img01_pc.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: min( 16.2616vw, 281px );
    aspect-ratio: 281 / 259;
    display: block;
    position: absolute;
    top: min( 2.8935vw, 50px );
    right: min( 6.9444vw, 120px ); }
  .page_about .sec__history .sec_wrap::after {
    content: '';
    background-image: url("../img/member-single/bg_img02_pc.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: min( 24.8264vw, 429px );
    aspect-ratio: 429 / 285;
    display: block;
    position: absolute;
    bottom: min( 1.7361vw, 30px );
    left: min( 2.8935vw, 50px ); }
  .page_about .sec__history .history_unit_wrap {
    background-color: #fff;
    width: min(100% - 40px, 1228px);
    position: relative;
    z-index: 1;
    margin: min( 2.8935vw, 50px ) auto 0;
    padding: min( 2.8935vw, 50px ) min( 4.0509vw, 70px ) min( 1.7361vw, 30px ); }
  .page_about .sec__history .history_unit_wrap dl {
    border-top: 1px solid #000;
    width: 100%;
    display: flex;
    align-items: center;
    padding: min( 2.3148vw, 40px ) 0; }
  .page_about .sec__history .history_unit_wrap dl:first-child {
    border-top: none; }
  .page_about .sec__history .history_unit_wrap dt {
    flex-shrink: 0;
    width: min( 24.43vw, 300px );
    color: #0D3761; }
  .page_about .sec__history .history_unit_wrap dt .dt_inner {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .page_about .sec__history .history_unit_wrap dt .anno_domini {
    font-size: clamp(24px, 1.9676vw, 34px);
    font-weight: 800;
    line-height: 1.294;
    letter-spacing: 0; }
  .page_about .sec__history .history_unit_wrap dt .japanese_calendar {
    font-size: clamp(14px, 1.1574vw, 20px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    margin-top: min( 0.5787vw, 10px ); }
  .page_about .sec__history .history_unit_wrap dd {
    flex-grow: 1; }
  .page_about .sec__history .history_unit_wrap dd span {
    display: inline-block;
    font-size: clamp(14px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 2.222;
    letter-spacing: 0.1em;
    text-align: justify; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__history {
    width: 100%;
    position: relative; }
    .page_about .sec__history .sec_wrap {
      width: 100%;
      position: relative;
      padding: 35.8974vw 0 51.2821vw; }
    .page_about .sec__history .sec_wrap::before {
      content: '';
      background-image: url("../img/member-single/bg_img01_sp.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 41.0256vw;
      aspect-ratio: 160 / 156;
      display: block;
      position: absolute;
      top: -5.1282vw;
      right: 2.5641vw; }
    .page_about .sec__history .sec_wrap::after {
      content: '';
      background-image: url("../img/member-single/bg_img02_sp.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 41.0256vw;
      aspect-ratio: 132 / 100;
      display: block;
      position: absolute;
      bottom: 7.6923vw;
      left: 2.5641vw; }
    .page_about .sec__history .history_unit_wrap {
      background-color: #fff;
      width: 79.4872vw;
      position: relative;
      z-index: 1;
      margin: 7.6923vw auto 0;
      padding: 2.5641vw 3.8462vw 7.6923vw; }
    .page_about .sec__history .history_unit_wrap dl {
      border-top: 1px solid #000;
      width: 100%;
      display: flex;
      gap: 5.1282vw;
      flex-direction: column;
      align-items: flex-start;
      padding: 5.1282vw 0; }
    .page_about .sec__history .history_unit_wrap dl:first-child {
      border-top: none; }
    .page_about .sec__history .history_unit_wrap dt {
      flex-shrink: 0;
      width: 100%;
      color: #0D3761; }
    .page_about .sec__history .history_unit_wrap dt .dt_inner {
      width: fit-content;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .page_about .sec__history .history_unit_wrap dt .anno_domini {
      font-size: 5.1282vw;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0; }
    .page_about .sec__history .history_unit_wrap dt .japanese_calendar {
      font-size: 3.0769vw;
      font-weight: 800;
      line-height: 2;
      letter-spacing: 0;
      margin-top: 0vw; }
    .page_about .sec__history .history_unit_wrap dd {
      flex-grow: 1; }
    .page_about .sec__history .history_unit_wrap dd span {
      display: inline;
      font-size: 3.5897vw;
      font-weight: 400;
      line-height: 1.714;
      letter-spacing: 0.1em;
      text-align: justify; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__technology
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__technology {
  background-color: #fff;
  border-top: 2px solid #000;
  width: 100%;
  position: relative;
  /*関連ページリンク*/ }
  .page_about .sec__technology .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 11.5741vw, 200px ) 0 0; }
  .page_about .sec__technology .related_page_links_outer {
    width: min(100% - 40px, 1228px);
    position: relative;
    margin: min( 4.0509vw, 70px ) auto 0; }
  .page_about .sec__technology .related_page_links_head {
    font-size: clamp(18px, 1.9544vw, 24px);
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em; }
  .page_about .sec__technology .related_page_links_wrap {
    width: 100%;
    position: relative;
    margin: min( 2.8935vw, 50px ) auto 0; }
  .page_about .sec__technology .related_page_links_wrap ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min( 2.2801vw, 28px ) min( 2.2801vw, 28px ); }
  .page_about .sec__technology .related_page_links_wrap ul li {
    width: 100%;
    position: relative; }
  .page_about .sec__technology .related_page_links_unit .nav_img {
    width: 100%; }
  .page_about .sec__technology .related_page_links_unit .nav_name {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: clamp(12px, 1.1574vw, 20px);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
    text-indent: 0.08em; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__technology {
    background-color: #fff;
    border-top: 1px solid #000;
    width: 100%;
    position: relative;
    /*関連ページリンク*/ }
    .page_about .sec__technology .sec_wrap {
      width: 100%;
      position: relative;
      padding: 25.641vw 0 0; }
    .page_about .sec__technology .related_page_links_outer {
      width: 79.4872vw;
      position: relative;
      margin: 7.6923vw auto 0; }
    .page_about .sec__technology .related_page_links_head {
      font-size: 4.6154vw;
      font-weight: 400;
      line-height: 1.556;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em; }
    .page_about .sec__technology .related_page_links_wrap {
      width: 100%;
      position: relative;
      margin: 12.8205vw auto 0; }
    .page_about .sec__technology .related_page_links_wrap ul {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 8.4615vw; }
    .page_about .sec__technology .related_page_links_wrap ul li {
      width: 100%;
      position: relative; }
    .page_about .sec__technology .related_page_links_unit .nav_img {
      width: 100%; }
    .page_about .sec__technology .related_page_links_unit .nav_name {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 4.1026vw;
      font-weight: 400;
      letter-spacing: 0.08em;
      text-align: center;
      text-indent: 0.08em; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　.page_about 組合概要 .sec__access
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_about .sec__access {
  background-color: #fff;
  width: 100%;
  position: relative;
  /*map_wrap*/ }
  .page_about .sec__access .sec_wrap {
    width: 100%;
    position: relative;
    padding: min( 11.5741vw, 200px ) 0 min( 8.6806vw, 150px ); }
  .page_about .sec__access .access_unit {
    width: min(100% - 40px, 1228px);
    display: flex;
    gap: min( 0.5787vw, 10px );
    justify-content: space-between;
    margin: min( 5.2083vw, 90px ) auto 0; }
  .page_about .sec__access .unit_detail {
    flex-grow: 1;
    font-size: clamp(14px, 1.0417vw, 18px);
    font-weight: 400;
    line-height: 1.556;
    letter-spacing: 0.1em; }
  .page_about .sec__access .company_name,
  .page_about .sec__access .access_info_tit {
    font-size: clamp(16px, 1.1574vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.1em; }
  .page_about .sec__access .unit_detail p {
    margin-top: min( 0.5787vw, 10px ); }
  .page_about .sec__access .company_post_code::before {
    content: '〒'; }
  .page_about .sec__access .access_info {
    margin-top: min( 2.8935vw, 50px ); }
  .page_about .sec__access .access_info ul {
    margin-top: min( 0.5787vw, 10px ); }
  .page_about .sec__access .access_info ul li {
    display: flex; }
  .page_about .sec__access .access_info ul li + li {
    margin-top: min( 0.5787vw, 10px ); }
  .page_about .sec__access .access_info ul li .access_info_head {
    flex-shrink: 0;
    width: 80px; }
  .page_about .sec__access .map_wrap {
    flex-shrink: 0;
    width: min( 37.6736vw, 651px );
    height: auto;
    aspect-ratio: 651 / 437;
    margin: auto; }
  .page_about .sec__access .map_wrap iframe {
    width: 100%;
    height: 100%; }
  .page_about .sec__access .access_img {
    width: min(100% - 40px, 1228px);
    margin: min( 8.6806vw, 150px ) auto 0; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_about .sec__access {
    background-color: #fff;
    width: 100%;
    position: relative;
    /*map_wrap*/ }
    .page_about .sec__access .sec_wrap {
      width: 100%;
      position: relative;
      padding: 25.641vw 0 12.8205vw; }
    .page_about .sec__access .access_unit {
      width: 79.4872vw;
      display: flex;
      gap: 7.6923vw;
      flex-direction: column;
      justify-content: space-between;
      margin: 12.8205vw auto 0; }
    .page_about .sec__access .unit_detail {
      flex-grow: 1;
      font-size: 3.0769vw;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.1em; }
    .page_about .sec__access .company_name,
    .page_about .sec__access .access_info_tit {
      font-size: 4.1026vw;
      font-weight: 400;
      line-height: 1.625;
      letter-spacing: 0.15em; }
    .page_about .sec__access .unit_detail p {
      margin-top: 0; }
    .page_about .sec__access .unit_detail p.company_post_code {
      margin-top: 2.5641vw; }
    .page_about .sec__access .company_post_code::before {
      content: '〒'; }
    .page_about .sec__access .access_info {
      margin-top: 7.6923vw; }
    .page_about .sec__access .access_info ul {
      margin-top: 2.5641vw; }
    .page_about .sec__access .access_info ul li {
      display: flex; }
    .page_about .sec__access .access_info ul li + li {
      margin-top: 2.5641vw; }
    .page_about .sec__access .access_info ul li .access_info_head {
      flex-shrink: 0;
      width: 10.2564vw; }
    .page_about .sec__access .map_wrap {
      flex-shrink: 0;
      width: 100%;
      height: auto;
      aspect-ratio: 310 / 198;
      margin: auto; }
    .page_about .sec__access .map_wrap iframe {
      width: 100%;
      height: 100%; }
    .page_about .sec__access .access_img {
      width: min(100% - 40px, 1228px);
      margin: 38.4615vw auto 0; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　プライバシーポリシー ページ　　page_praivacy
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_privacy-policy .sec__privacy-policy {
  width: 100%;
  position: relative; }
  .page_privacy-policy .sec__privacy-policy .sec_wrap {
    max-width: 1000px;
    width: 96vw;
    position: relative;
    margin: auto;
    padding: 6.25vw 0 0; }
  .page_privacy-policy .sec__privacy-policy .sec_tit {
    width: 100%;
    position: relative;
    text-align: center;
    margin: auto; }
  .page_privacy-policy .sec__privacy-policy .sec_tit::after {
    content: '';
    background-image: linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 4px 2px;
    /**/
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 200px;
    height: 10px;
    display: block;
    margin: 20px auto 0; }
  .page_privacy-policy .sec__privacy-policy .sec_tit .en {
    display: block;
    color: #00335D;
    font-size: clamp(20px, 2.4vw, 24px);
    letter-spacing: 0.05em; }
  .page_privacy-policy .sec__privacy-policy .sec_tit .ja {
    display: block;
    font-size: clamp(30px, 3.4vw, 34px);
    font-weight: 600;
    letter-spacing: 0.15em;
    margin-top: 10px; }
  .page_privacy-policy .sec__privacy-policy .sec_lead {
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: 0.1em;
    text-align: justify;
    margin-top: 100px; }
  .page_privacy-policy .sec__privacy-policy .signature {
    display: block;
    text-align: right;
    margin-top: 20px; }
  .page_privacy-policy .sec__privacy-policy .signature {
    text-align-last: auto; }
  .page_privacy-policy .sec__privacy-policy .unit_wrap {
    width: 100%;
    margin: 100px auto 0; }
  .page_privacy-policy .sec__privacy-policy .unit_wrap dl {
    letter-spacing: 0.08em; }
  .page_privacy-policy .sec__privacy-policy .unit_wrap dl + dl {
    margin-top: 60px; }
  .page_privacy-policy .sec__privacy-policy .unit_wrap dl dt {
    font-weight: 600; }
  .page_privacy-policy .sec__privacy-policy .unit_wrap dl dd {
    margin-top: 1em; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_privacy-policy .sec__privacy-policy {
    width: 100%;
    position: relative; }
    .page_privacy-policy .sec__privacy-policy .sec_wrap {
      max-width: 100%;
      width: 92.3077vw;
      position: relative;
      margin: auto;
      padding: 17.9487vw 0 0; }
    .page_privacy-policy .sec__privacy-policy .sec_tit {
      width: 100%;
      position: relative;
      text-align: center;
      margin: auto; }
    .page_privacy-policy .sec__privacy-policy .sec_tit::after {
      content: '';
      background-image: linear-gradient(to right, #000 2px, transparent 2px);
      background-size: 4px 2px;
      /**/
      background-repeat: repeat-x;
      background-position: left bottom;
      width: 25.641vw;
      height: 10px;
      display: block;
      margin: 5.1282vw auto 0; }
    .page_privacy-policy .sec__privacy-policy .sec_tit .en {
      display: block;
      color: #00335D;
      font-size: 4.6154vw;
      letter-spacing: 0.05em; }
    .page_privacy-policy .sec__privacy-policy .sec_tit .ja {
      display: block;
      font-size: 6.1538vw;
      font-weight: 600;
      letter-spacing: 0.15em;
      margin-top: 2.5641vw; }
    .page_privacy-policy .sec__privacy-policy .sec_lead {
      font-size: 3.8462vw;
      font-weight: 600;
      line-height: 1.9;
      letter-spacing: 0.1em;
      text-align: justify;
      margin-top: 12.8205vw; }
    .page_privacy-policy .sec__privacy-policy .signature {
      display: block;
      text-align: right;
      margin-top: 5.1282vw; }
    .page_privacy-policy .sec__privacy-policy .signature {
      text-align-last: auto; }
    .page_privacy-policy .sec__privacy-policy .unit_wrap {
      width: 100%;
      margin: 20vw auto 0; }
    .page_privacy-policy .sec__privacy-policy .unit_wrap dl {
      letter-spacing: 0.08em; }
    .page_privacy-policy .sec__privacy-policy .unit_wrap dl + dl {
      margin-top: 16.9231vw; }
    .page_privacy-policy .sec__privacy-policy .unit_wrap dl dt {
      font-weight: 600; }
    .page_privacy-policy .sec__privacy-policy .unit_wrap dl dd {
      margin-top: 1em; }

  /**/ }
/*スマホ 表示 end*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊
＊
＊
＊
＊
＊　404 ページ　page_404
＊
＊
＊
＊
＊
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_404 .sec__404_message {
  width: 100%;
  position: relative; }
  .page_404 .sec__404_message .sec_wrap {
    max-width: 1325px;
    width: calc(100% - 4%);
    position: relative;
    margin: auto;
    padding: 10.5% 0 5.5%; }
  .page_404 .sec__404_message .sec_head {
    font-size: clamp(1.6rem, 1.3rem + 0.78vw, 2.8rem) /* FontSizeClamp (16 - 28px, 375 - 1920px) */;
    line-height: 1.666;
    letter-spacing: 0.023em;
    text-align: center; }
  .page_404 .sec__404_message .paragraph {
    font-size: clamp(1.4rem, 1.3rem + 0.26vw, 1.8rem) /* FontSizeClamp (14 - 18px, 375 - 1920px) */;
    line-height: 1.666;
    letter-spacing: 0.023em;
    margin-top: 2em; }
  .page_404 .sec__404_message .paragraph + .paragraph {
    margin-top: 1em; }

/**/
/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_404 .sec__404_message {
    width: 100%;
    position: relative; }
    .page_404 .sec__404_message .sec_wrap {
      max-width: 1325px;
      width: 100%;
      position: relative;
      margin: auto;
      padding: 15.5% 4% 10.5%; }
    .page_404 .sec__404_message .sec_head {
      font-weight: 600;
      line-height: 1.666;
      letter-spacing: 0.023em; }

  /**/ }
/*スマホ 表示 end*/
