@charset "UTF-8";

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

  制作タイトル | f-organics Website

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

html {
  font-size: calc(10 * (100vw/600));
}

@media (min-width: 769px) {
  html {
    font-size: calc(10 * (100vw/1600));
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 62.5%
  }

}

footer {
  position: relative;
  z-index: 10;
  margin-top: 0 !important;
}

.share-txt {
  margin: 0 !important;
  position: relative;
  z-index: 999;
  background: var(--color1);
}

#share {
  z-index: 111 !important;
  transition: all 0.6s 0.3s;
}

@media screen and (max-width: 768px) {
  #share.move {
    translate: 0 calc(-190 * 60rem / 750);
  }
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
:root {
  --color1: #fff;
  --color2: #2d2d2d;
  --color3: #eaeaea;
  /* helvetica-neue ヒラギノ角ゴ ProN */
  --font_mix_ja: "helvetica-neue-lt-pro", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  /* 英語 ： 「Helvetica Neue」 pragmatica */
  --font_mix_en: "pragmatica", sans-serif;
  /* Times New Roman */
  --font_en: "times-new-roman";
}

#Wrap {
  width: 100%;
}

.lp_contents * {
  box-sizing: border-box;
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: .075em;
  font-weight: 400;
}

.lp_contents {
  width: 100%;
  max-width: 60rem;
  height: 100%;
  font-family: var(--font_mix_ja);
  font-weight: 300;
  overflow-x: clip;
  color: var(--color2);
  background: var(--color3);
  text-align: center;
}

@media (min-width: 769px) {
  .lp_contents {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 100%;
  }
}

.lp_contents .pcOnly {
  display: none;
}

.lp_contents img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lp_contents a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5,
.lp_contents h6 {
  font-weight: 300;
}

.lp_contents_inner {
  position: relative;
  z-index: 1;
  background: var(--color3);
}




/* ========================================================
            * fixed_nav fixed_right   *
========================================================= */

.fixed_right .menu_list {}

.fixed_right .menu_list li {
  width: 24.3rem;
  height: 6rem;
}


.fixed_right .menu_list li:nth-of-type(1) a {
  background: url(../img/menu_list_item01_pc.png) no-repeat;
  background-position: center;
  background-size: 100%;
}

.fixed_right .menu_list li:nth-of-type(2) a {
  background: url(../img/menu_list_item02_pc.png) no-repeat;
  background-position: center;
  background-size: 100%;
}

.fixed_right .menu_list li:nth-of-type(3) a {
  background: url(../img/menu_list_item03_pc.png) no-repeat;
  background-position: center;
  background-size: 100%;
}

.fixed_right .menu_list li:nth-of-type(4) a {
  background: url(../img/menu_list_item04_pc.png) no-repeat;
  background-position: center;
  background-size: 100%;
}

.fixed_right .menu_list li:nth-of-type(5) a {
  background: url(../img/menu_list_item05_pc.png) no-repeat;
  background-position: center;
  background-size: 100%;
}

.fixed_right .menu_list a span {
  display: none;
}

@media (max-width: 768px) {

  /* SP時ナビゲーション設定 */
  .lp_contents .fixed_area .fixed_right {
    position: fixed;
    bottom: 0;
    display: block;
    /* translate: 0 100%; */
    /* opacity: 0; */
    transition: all .5s;
    z-index: 99999;
    width: 100%;
  }

  .lp_contents .fixed_area .fixed_right.js-scrollStatus {
    transform: translateY(100%);
    transition: all 0.6s 0.3s;
  }

  .lp_contents .fixed_area .fixed_right.js-scrollStatus.scrolled-up {
    transition: all 0.6s 0.3s;
    visibility: visible;
    transform: translateY(0);
    z-index: 99999;
  }


  .fixed_right .menu_list {
    display: flex;
    width: 100%;
    background: #f4f4f4;
  }

  .fixed_right .menu_list li {
    width: calc(100% / 5);
    height: calc(227 * 60rem / 750);
  }

  .fixed_right .menu_list li:not(:last-of-type) {
    margin-top: 0;
    border-right: calc(2 * 60rem / 750) solid #ababab;
  }

  .fixed_right .menu_list li:nth-of-type(1) a {
    background: url(../img/menu_list_item01_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .fixed_right .menu_list li:nth-of-type(2) a {
    background: url(../img/menu_list_item02_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .fixed_right .menu_list li:nth-of-type(3) a {
    background: url(../img/menu_list_item03_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .fixed_right .menu_list li:nth-of-type(4) a {
    background: url(../img/menu_list_item04_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .fixed_right .menu_list li:nth-of-type(5) a {
    background: url(../img/menu_list_item05_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }

}


/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
 ------------------------------------*/
@media (min-width: 769px) {

  .lp_contents .fixed_area {
    position: relative;
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50% 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(../img/bg_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .lp_contents .fixed_area .fixed_nav {
    display: grid;
    place-items: center;
    width: calc((100% - 60rem) / 2);
    height: 100vh;
    margin-top: 9rem;
  }

  .fixed_left_inner .logo {
    width: 33.6rem;
    text-align: center;
  }

  .fixed_left_inner .logo,
  .fixed_right .menu_list {
    transition-delay: 1s;
  }

  .fixed_right .menu_list {
    margin-right: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .fixed_right .menu_list li:not(:first-of-type) {
    margin-top: 2rem;
  }

  .fixed_right .menu_list li:nth-of-type(4),
  .fixed_right .menu_list li:nth-of-type(5) {
    width: 23.3rem;
    height: 2.2rem;
  }

  .fixed_right .menu_list li:nth-of-type(4) {
    margin-top: 3.7rem;
  }

  .fixed_right .menu_list li:nth-of-type(5) {
    margin-top: 3.4rem;
  }

  .lp_contents_inner {
    width: 60rem;
    margin: 0 auto;
    overflow: clip;
    padding-bottom: 8rem;
  }


}

/* ========================================================
                      * 共通設定  *
========================================================= */

.lp_contents .sp_only {
  display: none;
}

@media (max-width: 768px) {
  .lp_contents .sp_only {
    display: block;
  }
}

.lp_contents .txt_en {
  font-family: var(--font_en);
}

.lp_contents .txt_ja {
  font-family: var(--font_ja);
}

.lp_contents .btn {
  font-family: var(--font_en);
  background: var(--color1);
  border-radius: calc(32 * 60rem / 750);
  border: calc(2 * 60rem / 750) solid #2d2d2d;
  margin: 0 auto;
}

.lp_contents .btn a {
  color: var(--color2);
  letter-spacing: .05em;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* @media (min-width: 769px) { */

  .js-fade-mv {
    opacity: 0;
    filter: blur(20px);
    will-change: filter;
    transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
  }

  .js-fade-mv.show {
    opacity: 1;
    filter: blur(0);
  /* } */

  .sec_mv .ttl {}


}


.fadeIn {
  opacity: 0;
  filter: blur(20px);
  will-change: filter;
  transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
}

.fadeIn.is-show {
  opacity: 1;
  filter: blur(0);
}

/* ========================================================
                      * 背景シャドウ  *
========================================================= */


.lp_contents .bg_shadow {
  position: absolute;
  z-index: -1;
}

.lp_contents .bg_shadow.bg_shadow_sm {
  width: calc(800 * 60rem / 750);
  height: calc(800 * 60rem / 750);
}

.lp_contents .bg_shadow.bg_shadow_lg {
  width: calc(1120 * 60rem / 750);
  height: calc(1120 * 60rem / 750);
}

.bg_shadow01 {
  top: calc(-258 * 60rem / 750);
  left: calc(-276 * 60rem / 750);
  background: url(../img/bg_shadow_sm_thin.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow02 {
  top: calc(303 * 60rem / 750);
  right: calc(-466 * 60rem / 750);
  background: url(../img/bg_shadow_lg_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow03 {
  bottom: calc(-657 * 60rem / 750);
  left: calc(-470 * 60rem / 750);
  background: url(../img/bg_shadow_lg_thin.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow04 {
  top: calc(577 * 60rem / 750);
  right: calc(-297 * 60rem / 750);
  background: url(../img/bg_shadow_sm_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow05 {
  top: calc(-217 * 60rem / 750);
  left: calc(-428 * 60rem / 750);
  background: url(../img/bg_shadow_lg_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow06 {
  top: calc(681 * 60rem / 750);
  right: calc(-337 * 60rem / 750);
  background: url(../img/bg_shadow_sm_thin.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow07 {
  top: calc(552 * 60rem / 750);
  left: calc(-226 * 60rem / 750);
  background: url(../img/bg_shadow_sm_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow08 {
  top: calc(556 * 60rem / 750);
  right: calc(-464 * 60rem / 750);
  background: url(../img/bg_shadow_lg_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow09 {
  top: calc(1607 * 60rem / 750);
  left: calc(-428 * 60rem / 750);
  background: url(../img/bg_shadow_lg_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow10 {
  top: calc(740 * 60rem / 750);
  left: calc(-226 * 60rem / 750);
  left: calc(-226 * 60rem / 750);
  background: url(../img/bg_shadow_sm_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow11 {
  top: calc(1682 * 60rem / 750);
  right: calc(-444 * 60rem / 750);
  background: url(../img/bg_shadow_lg_thin.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow12 {
  top: calc(636 * 60rem / 750);
  left: calc(-335 * 60rem / 750);
  background: url(../img/bg_shadow_lg_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow13 {
  top: calc(1852 * 60rem / 750);
  right: calc(-261 * 60rem / 750);
  background: url(../img/bg_shadow_sm_thin.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow14 {
  top: calc(185 * 60rem / 750);
  left: calc(-381 * 60rem / 750);
  background: url(../img/bg_shadow_lg_dark.svg) no-repeat center;
  background-size: 100%;
}

.bg_shadow15 {
  display: none;
  top: calc(2987 * 60rem / 750);
  right: calc(-346 * 60rem / 750);
  background: url(../img/bg_shadow_sm_thin.svg) no-repeat center;
  background-size: 100%;
}

/* ========================================================
                      * modal  *
========================================================= */

.lp_contents .modal_toggle {
  cursor: pointer;
  transition: opacity .3s ease-in-out;
}

@media (min-width: 769px) {

  .lp_contents .modal_toggle:hover {
    opacity: 0.8;
  }
}

body.no_scroll {
  overflow: hidden;
}

.lp_contents .modal_button {
  position: relative;
  cursor: pointer;
  z-index: 10;
}

.lp_contents .modal_button.btn_modalClose {
  width: calc(60 * 60rem / 750);
  height: calc(60 * 60rem / 750);
  background: url(../img/btn_close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  float: right;
  /* position: sticky;  追従の場合はこっち*/
  position: absolute;
  top: calc(31 * 60rem / 750);
  right: calc(30 * 60rem / 750);
  z-index: 9999;
}

.lp_contents .modal_outside.hide {
  opacity: 0;
  pointer-events: none;
  overflow-y: auto;
}

.lp_contents .modal_outside {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.lp_contents .modal_outside::-webkit-scrollbar {
  display: none;
}

.lp_contents .modal_outside::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e6e6e6;
  opacity: .7;
  content: "";
}

.lp_contents .modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lp_contents .modal_wrap {
  width: calc(640 * 60rem / 750);
  margin: 0 auto;
  max-height: calc(100% - calc(200 * 60rem / 750));
  /* overflow-y: scroll; */
  -ms-overflow-style: none;
  scrollbar-width: none;
  will-change: transform;
}

.lp_contents .modal_outside.hide .modal_wrap {
  animation: slideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.lp_contents .modal_outside .modal_wrap {
  animation: slideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.lp_contents .modal_wrap::-webkit-scrollbar {
  display: none;
}

.lp_contents .modal_inner {
  position: relative;
  background: var(--color1);
}

.lp_contents .modal_content {
  padding: calc(30 * 60rem / 750) 0 0;
}

.lp_contents .modal_content .name {
  font-size: calc(36 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  line-height: 1.2;
}

.lp_contents .modal_content .txt {
  font-size: calc(20 * 60rem / 750);
  letter-spacing: .1em;
  margin-top: calc(36 * 60rem / 750);
  line-height: 1.75;
}

.lp_contents .modal_content .img {
  width: calc(640 * 60rem / 750);
  margin-top: calc(29 * 60rem / 750);
}


/* ========================================================
                      * sec_mv  *
========================================================= */

.sec_mv {}

.sec_mv .ttl {
  width: calc(750 * 60rem / 750);
}

/* ========================================================
                      * sec_overview  *
========================================================= */

.sec_overview {
  padding-top: calc(124 * 60rem / 750);
  position: relative;
}

.sec_overview .date {
  font-family: var(--font_en);
  font-size: calc(40 * 60rem / 750);
  letter-spacing: .05em;
  line-height: 1.5;
}

.sec_overview .ttl {
  width: calc(480 * 60rem / 750);
  margin: calc(104 * 60rem / 750) auto 0;
}

.sec_overview .txt_wrap {
  margin-top: calc(80 * 60rem / 750);
}

.sec_overview .txt {
  font-size: calc(24 * 60rem / 750);
  letter-spacing: .2em;
  line-height: 3;
  padding-left: calc(5 * 60rem / 750);
}

.sec_overview .txt:nth-of-type(2) {
  margin-top: calc(63 * 60rem / 750);
}

.sec_overview .txt:nth-of-type(3) {
  margin-top: calc(51 * 60rem / 750);
}

.sec_overview .txt:nth-of-type(4) {
  margin-top: calc(51 * 60rem / 750);
}

/* ========================================================
                      * sec_item  *
========================================================= */

.sec_item {}

.sec_item .slide_wrap {
  width: calc(659 * 60rem / 750);
  height: calc(825 * 60rem / 750);
  margin: 0 auto;
  aspect-ratio: 660 / 825;
  position: relative;
}

.lp_contents .sec_item .slide_wrap .pagination {
  position: absolute;
}


.lp_contents .pagination {
  text-align: center;
  position: absolute;
  bottom: calc(-50 * 60rem / 750);
  left: 50%;
  transform: translateX(-50%);
}

.lp_contents .pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(23 * 60rem / 750);
}

.lp_contents .bar {
  display: inline-block;
  width: calc(100 * 60rem / 750);
  height: calc(4 * 60rem / 750);
  background: #ababab;
  cursor: pointer;
}

.lp_contents .sec_item .slide_wrap .slick-active .bar {
  background: #2d2d2d;
}

.lp_contents .sec_look .slide_wrap .slick-active .bar {
  background: #ffffff;
}

.sec_item .ttl {
  font-size: calc(48 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  margin-top: calc(117 * 60rem / 750);
}

.sec_item .name_jp {
  font-size: calc(24 * 60rem / 750);
  letter-spacing: .1em;
  margin-top: calc(50 * 60rem / 750);
}

.sec_item02 .name_jp {
  margin-top: calc(51 * 60rem / 750);
}

.sec_item .price {
  font-size: calc(22 * 60rem / 750);
  letter-spacing: .1em;
  margin-top: calc(31 * 60rem / 750);
}

.sec_item02 .price {
  margin-top: calc(31 * 60rem / 750);
}

.sec_item .price span:nth-of-type(1) {
  font-size: calc(24 * 60rem / 750);
  letter-spacing: .1em;
}

.sec_item01 .price span:nth-of-type(1) {
  margin-left: calc(8 * 60rem / 750);

}

.sec_item02 .price span:nth-of-type(1) {
  margin-left: calc(18 * 60rem / 750);

}

.sec_item03 .price span:nth-of-type(1) {
  margin-left: calc(8 * 60rem / 750);

}

.sec_item .price span:nth-of-type(2) {
  font-size: calc(20 * 60rem / 750);
  letter-spacing: .1em;
}

.sec_item .btn_buy {
  width: calc(280 * 60rem / 750);
  height: calc(64 * 60rem / 750);
  font-size: calc(32 * 60rem / 750);
}

.sec_item01 .btn_buy {
  margin: calc(44 * 60rem / 750) auto 0;
  position: relative;
}

.sec_item02 .btn_buy {
  margin: calc(44 * 60rem / 750) auto 0;
}

.sec_item03 .btn_buy {
  margin: calc(44 * 60rem / 750) auto 0;
}

.sec_item .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sec_item01 .list {
  gap: calc(77 * 60rem / 750) calc(60 * 60rem / 750);
  margin: calc(140 * 60rem / 750) auto 0;
}

.sec_item02 .list {
  width: calc(420 * 60rem / 750);
  gap: calc(113 * 60rem / 750);
  margin: calc(140 * 60rem / 750) auto 0;
}

.sec_item03 .list {
  width: calc(500 * 60rem / 750);
  gap: calc(76 * 60rem / 750) 0;
  margin: calc(140 * 60rem / 750) auto 0;
  justify-content: space-between;
}

.sec_item .list li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sec_item .list li::after {
  content: "";
  background: url(../img/btn_plus.svg) no-repeat center;
  width: calc(60 * 60rem / 750);
  height: calc(60 * 60rem / 750);
  position: absolute;
}

.sec_item01 .list li::after {
  bottom: calc(70 * 60rem / 750);
  right: calc(-20 * 60rem / 750);
}

.sec_item02 .list li:nth-of-type(1):after {
  bottom: calc(70 * 60rem / 750);
  right: calc(-14 * 60rem / 750);
}

.sec_item02 .list li::after {
  bottom: calc(70 * 60rem / 750);
  right: calc(-22 * 60rem / 750);
}

.sec_item03 .list li::after {
  bottom: calc(80 * 60rem / 750);
  right: calc(0 * 60rem / 750);
}

.sec_item01 .list .img {
  width: calc(280 * 60rem / 750);
}

.sec_item02 .list .img {
  width: calc(150 * 60rem / 750);
}

.sec_item03 .list .img {
  width: calc(200 * 60rem / 750);
}

.sec_item .list .name {
  font-size: calc(28 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  line-height: 1.2;
}

.sec_item01 .list .name {
  margin-top: calc(13 * 60rem / 750);

}

.sec_item02 .list .name {
  margin-top: calc(14 * 60rem / 750);
}

.sec_item03 .list .name {
  margin-top: calc(15 * 60rem / 750);
}

.sec_item .list {}


.sec_item01 {
  padding-top: calc(111 * 60rem / 750);
  position: relative;
}

.sec_item02 {
  padding-top: calc(132 * 60rem / 750);
  position: relative;
}


.sec_item03 {
  padding-top: calc(134 * 60rem / 750);
  position: relative;
}


/* ========================================================
                      * sec_look  *
========================================================= */

.sec_look {
  position: relative;
}

.sec_look01 {
  padding-top: calc(132 * 60rem / 750);

}

.sec_look02 {
  padding-top: calc(143 * 60rem / 750);
}

.sec_look03 {
  padding-top: calc(141 * 60rem / 750);
}

.sec_look .slide_wrap {
  width: calc(640 * 60rem / 750);
  height: calc(800 * 60rem / 750);
  position: relative;
  z-index: 1;
  aspect-ratio: 640 / 800;
  position: relative;
}

.slick-list {
  overflow: hidden;
}

.slick-track {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sec_look .slick-slide {
  /* width: 100% !important; */
}

.slide_wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.slide_wrap li {
  margin: 0;
  padding: 0;
}

.sec_look01 .slide_wrap,
.sec_look03 .slide_wrap {
  margin-right: 0;
  margin-left: auto;
}

.sec_look02 .slide_wrap {
  margin-right: auto;
  margin-left: 0;
}

.sec_look .slide_wrap::before {
  content: "";
  width: calc(540 * 60rem / 750);
  height: calc(901 * 60rem / 750);
  position: absolute;
  z-index: -1;
}

.sec_look01 .slide_wrap::before {
  background: url(../img/slide_look_bg01.png) no-repeat center;
  background-size: 100%;
  top: calc(-3 * 60rem / 750);
  left: calc(-110 * 60rem / 750);
}

.sec_look02 .slide_wrap::before {
  background: url(../img/slide_look_bg02.png) no-repeat center;
  background-size: 100%;
  top: calc(-3 * 60rem / 750);
  right: calc(-110 * 60rem / 750);
}

.sec_look03 .slide_wrap::before {
  background: url(../img/slide_look_bg03.png) no-repeat center;
  background-size: 100%;
  top: calc(-3 * 60rem / 750);
  left: calc(-110 * 60rem / 750);
}

.sec_look .ttl {
  font-size: calc(50 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  margin-top: calc(230 * 60rem / 750);
}

.sec_look02 .ttl {
  margin-top: calc(230 * 60rem / 750);
}

.sec_look03 .ttl {}

.sec_look .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sec_look01 .list {
  margin-top: calc(-6 * 60rem / 750);
  gap: calc(34 * 60rem / 750) 0;
}

.sec_look02 .list {
  margin-top: calc(-4 * 60rem / 750);
  gap: calc(35 * 60rem / 750) 0;
}

.sec_look03 .list {
  margin-top: calc(-4 * 60rem / 750);
  gap: calc(35 * 60rem / 750) 0;
}

.sec_look02 .list {}

.sec_look .list li {}

.sec_look .list .img {
  width: calc(224 * 60rem / 750);
  overflow: hidden;
}

.sec_look .list .name {
  font-size: calc(20 * 60rem / 750);
  letter-spacing: .1em;
  margin-top: calc(21 * 60rem / 750);
  line-height: 1.4;
  color: var(--color2);
}

.sec_look .ttl_sub {
  font-size: calc(40 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  margin-top: calc(130 * 60rem / 750);
}

.sec_look02 .ttl_sub {
  margin-top: calc(124 * 60rem / 750);
}

.sec_look03 .ttl_sub {
  margin-top: calc(128 * 60rem / 750);
}

.sec_look .accordion {}

.sec_look .accordion {
  transition: all 0.5s;
  overflow: hidden;
  height: 0;
}

.sec_look01 .accordion.is-open .bg_shadow15 {
  display: block;
}

.sec_look01:has(.accordion.is-open) .bg_shadow15 {
  display: block;
}


.sec_look .accordion .head {
  font-size: calc(32 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  margin-top: calc(68 * 60rem / 750);
}

.sec_look .accordion .head:nth-of-type(1) {}

.sec_look .accordion .head:nth-of-type(2) {
  margin-top: calc(62 * 60rem / 750);
}

.sec_look .accordion .head:nth-of-type(3) {
  margin-top: calc(61 * 60rem / 750);
}

.sec_look .accordion .txt {
  letter-spacing: .1em;
  font-size: calc(24 * 60rem / 750);
  margin-top: calc(25 * 60rem / 750);
  line-height: 2;
  padding-left: calc(5 * 60rem / 750);
}

.sec_look .accordion .txt:nth-of-type(1) {
  margin-top: calc(25 * 60rem / 750);
}

.sec_look .accordion .txt:nth-of-type(2) {
  margin-top: calc(35 * 60rem / 750);
}

.sec_look .accordion .txt:nth-of-type(3) {
  margin-top: calc(36 * 60rem / 750);
}

.sec_look .accordion .txt:nth-of-type(4) {
  margin-top: calc(25 * 60rem / 750);
}

.sec_look .accordion .txt:nth-of-type(5) {
  margin-top: calc(25 * 60rem / 750);
}

.sec_look02 .accordion .txt:nth-of-type(1) {
  margin-top: calc(25 * 60rem / 750);
}

.sec_look02 .accordion .txt:nth-of-type(2) {
  margin-top: calc(35 * 60rem / 750);
}

.sec_look02 .accordion .txt:nth-of-type(3) {
  margin-top: calc(34 * 60rem / 750);
}

.sec_look02 .accordion .txt:nth-of-type(4) {
  margin-top: calc(25 * 60rem / 750);
}

.sec_look02 .accordion .txt:nth-of-type(5) {
  margin-top: calc(25 * 60rem / 750);
}

.sec_look03 .accordion .txt:nth-of-type(1) {
  margin-top: calc(24 * 60rem / 750);
}

.sec_look03 .accordion .txt:nth-of-type(2) {
  margin-top: calc(36 * 60rem / 750);
}

.sec_look03 .accordion .txt:nth-of-type(3) {
  margin-top: calc(34 * 60rem / 750);
}

.sec_look03 .accordion .txt:nth-of-type(4) {
  margin-top: calc(23 * 60rem / 750);
}

.sec_look03 .accordion .txt:nth-of-type(5) {
  margin-top: calc(27 * 60rem / 750);
}

.sec_look .accordion .txt a {
  color: var(--color2);
  display: inline;
  text-decoration: underline;
  letter-spacing: .1em;
}

.sec_look .btn_accordion {
  font-size: calc(28 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  cursor: pointer;
  margin: calc(51 * 60rem / 750) auto calc(69 * 60rem / 750);
  padding: 0 0 calc(40 * 60rem / 750);
  position: relative;
  width: fit-content;
}

.sec_look .btn_accordion.is-open {
  margin: calc(57 * 60rem / 750) auto calc(77 * 60rem / 750);
  padding: calc(40 * 60rem / 750) 0 0;
}

.sec_look02 .btn_accordion.is-open {
  margin: calc(55 * 60rem / 750) auto calc(79 * 60rem / 750);
  padding: calc(40 * 60rem / 750) 0 0;
}


.sec_look .btn_accordion::after {
  content: "";
  width: calc(34 * 60rem / 750);
  height: calc(18* 60rem / 750);
  background: url(../img/arrow_bottom.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(40 * 60rem / 750);
  left: 50%;
  transform: translateX(-50%);
}

.sec_look .btn_accordion.is-open::after {
  background: url(../img/arrow_top.svg) no-repeat center;
  background-size: 100%;
  top: calc(12 * 60rem / 750);
}

.sec_look .btn_item_check {
  width: calc(410 * 60rem / 750);
  height: calc(64 * 60rem / 750);
  font-size: calc(32 * 60rem / 750);
  margin: 0 auto;
}


/* ========================================================
                      * sec_release  *
========================================================= */

.sec_release {
  padding-top: calc(133 * 60rem / 750);
  padding-bottom: calc(120 * 60rem / 750);
  position: relative;
}

.sec_release .ttl {
  font-size: calc(56 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
}

.sec_release .date {
  font-size: calc(28 * 60rem / 750);
  font-family: var(--font_en);
  margin-top: calc(48 * 60rem / 750);
  letter-spacing: .05em;
}

.sec_release .ttl_sub {
  font-size: calc(24 * 60rem / 750);
  font-family: var(--font_en);
  letter-spacing: .05em;
  margin-top: calc(44 * 60rem / 750);
}

.sec_release .ttl_sub:nth-of-type(2) {
  margin-top: calc(35 * 60rem / 750);

}

.sec_release .txt {
  font-size: calc(22 * 60rem / 750);
  letter-spacing: .1em;
  margin-top: calc(10 * 60rem / 750);
  line-height: 2;
}

.sec_release .txt span {
  font-size: calc(20 * 60rem / 750);
  letter-spacing: .1em;
}

.sec_release .btn_all {
  font-size: calc(44 * 60rem / 750);
  width: calc(600 * 60rem / 750);
  height: calc(120 * 60rem / 750);
  border-radius: calc(60 * 60rem / 750);
  margin: calc(108 * 60rem / 750) auto 0;
}

.sec_release .btn_all a {
  flex-direction: column;
  padding-top: calc(24 * 60rem / 750);
  display: block;
  letter-spacing: .05em;
}

.sec_release .btn_all a span {
  display: block;
  font-size: calc(24 * 60rem / 750);
  letter-spacing: .05em;
  margin-bottom: calc(6 * 60rem / 750);
}