@charset "UTF-8";
/* ========================================
Foundation
======================================== */
/* Mixin
----------------- */
html {
  overflow-y: auto;
  overflow-x: hidden;
}

body {
  font-family: "Dosis", "Zen Kaku Gothic New", sans-serif;
  color: #282429;
  font-size: 3.46667vw;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

@media print, screen and (min-width: 768px) {
  body {
    font-size: clamp(18px, 1.75695vw, 28px);
  }
}

a {
  color: #282429;
  text-decoration: none;
}

/* リセット
/* -------------------- 
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}*/

p {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

ul, ol {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

li {
  list-style-type: none;
}

figure {
  margin: 0;
}

:is(h1:where(:not([data-ms-h])), :where([data-ms-h="1"])), :is(h2:where(:not([data-ms-h])), :where([data-ms-h="2"])), :is(h3:where(:not([data-ms-h])), :where([data-ms-h="3"])), :is(h4:where(:not([data-ms-h])), :where([data-ms-h="4"])), :is(h5:where(:not([data-ms-h])), :where([data-ms-h="5"])) {
  margin: 0;
}

dl {
  margin: 0;
}

dd {
  margin: 0;
}

button {
  background-color: transparent;
  border: none;
  padding: 0;
  display: block;
  cursor: pointer;
}

@media print, screen and (min-width: 481px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

table, td, th {
  border-collapse: collapse;
}

.js-fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: 1s;
  transition: 1s;
}

/* ========================================
Object
======================================== */
/* utility
----------------- */
.u-br-tb-pc {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb-pc {
    display: block;
  }
}

.u-br-sp-only {
  display: block;
}

@media print, screen and (min-width: 481px) {
  .u-br-sp-only {
    display: none;
  }
}

.u-br-sp {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .u-br-sp {
    display: none;
  }
}

.u-br-sp-tb {
  display: block;
}

@media print, screen and (min-width: 1024px) {
  .u-br-sp-tb {
    display: none;
  }
}

.u-br-tb {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-br-tb {
    display: block;
  }
}

@media print, screen and (min-width: 1366px) {
  .u-br-tb {
    display: none;
  }
}

.u-br-tb-only {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb-only {
    display: block;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-br-tb-only {
    display: none;
  }
}

@media print, screen and (min-width: 1366px) {
  .u-br-tb-only {
    display: none;
  }
}

.u-br-pc {
  display: none;
}

@media print, screen and (min-width: 1024px) {
  .u-br-pc {
    display: block;
  }
}

@media print, screen and (min-width: 1024px) {
  .sp {
    display: none;
  }
}

.u-br-pc-large {
  display: none;
}

@media print, screen and (min-width: 1366px) {
  .u-br-pc-large {
    display: block;
  }
}

.u-br-pc-wide {
  display: none;
}

@media print, screen and (min-width: 1920px) {
  .u-br-pc-wide {
    display: block;
  }
}

.u-br-sp-pcWide {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-sp-pcWide {
    display: block;
  }
}

@media print, screen and (min-width: 1366px) {
  .u-br-sp-pcWide {
    display: none;
  }
}

.u-clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* component
----------------- */
.c-ttl_style01Wrap {
  margin-bottom: 8vw;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_style01Wrap {
    margin-bottom: 5vw;
  }
}

.c-ttl_style01 {
  font-size: 6.93333vw;
  font-weight: 600;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_style01 {
    font-size: clamp(24px, 3.66032vw, 70px);
  }
}

.c-ttl_style01Sub {
  display: block;
  font-size: 3.2vw;
  font-weight: 500;
  margin-top: -5px;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_style01Sub {
    font-size: clamp(12px, 1.1713vw, 30px);
  }
}

.c-btn_store {
  display: block;
  background-color: #D40000;
  color: #fff;
  text-align: center;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #D40000;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
  position: relative;
  padding: 4vmin 10%;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.c-btn_store::before {
  content: "";
  top: 90%;
  left: -150%;
  background-color: #fff;
  width: 200%;
  height: 740%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media print, screen and (min-width: 768px) {
  .c-btn_store {
    width: 50%;
    max-width: 460px;
    padding: 3.6vmin 3%;
    border: 2px solid #D40000;
  }
  .c-btn_store:hover {
    color: #D40000;
  }
  .c-btn_store:hover::before {
    top: -310%;
    left: -50%;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn_store {
    width: 38%;
    max-width: 520px;
  }
}

.c-btn_store,
.c-btn_store::before {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.c-btn_storeText {
  position: relative;
  z-index: 100;
  font-size: 3.73333vw;
}

@media print, screen and (min-width: 768px) {
  .c-btn_storeText {
    font-size: clamp(14px, 1.31772vw, 22px);
  }
}

/* ========================================
layout
======================================== */
.l-header {
  position: relative;
  width: 100%;
  z-index: 999;
  background-color: #EDE8DB;
}

.l-header.is-fixed {
  position: fixed;
  top: 53px;
  left: 0;
  background-color: #EDE8DB;
}
.l-mv {
  margin-top: -50px;
}
.l-footer {
  background-color: #fff;
  position: relative;
  z-index: 100;
}

.l-comingsoon {
  min-height: 100svh;
}

.l-feature {
  position: relative;
  border-radius: 12vw 12vw 0 12vw;
  background-color: #DFD7C5;
  z-index: 2;
}

.-about{
  border-radius: 12vw 12vw 0 12vw;
  
}

.l-new{
  background-color: #9DCFC3;
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .l-feature {
    border-radius: 140px 140px 0px 140px;
  }
}

.l-product {
  background-color: #9ED0C1;
  border-top-right-radius: 12vw;
  position: relative;
}

.l-procuct_bg {
  background-color: #DFD7C5;
}

.l-story {
  position: relative;
  margin-bottom: 16vmin;
}

@media print, screen and (min-width: 768px) {
  .l-story {
    margin-bottom: 12vw;
  }
}

.l-wrap {
  background-color: #EDE8DB;
  position: relative;
}

.l-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16vw;
  z-index: 0;
  background-color: #9ED0C1;
}

.l-cta {
  background-color: #fff;
  position: relative;
  z-index: 102;
  padding-bottom: 14vw;
}

@media print, screen and (min-width: 768px) {
  .l-cta {
    padding-bottom: 10vw;
  }
}

.l-following {
  opacity: 0;
  position: fixed;
  bottom: 10px;
  left: 0;
  z-index: 999;
  width: 100%;
}

.l-following.is-slideDown {
  opacity: 1;
  -webkit-animation: following-btn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  animation: following-btn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.l-following.is-none {
  -webkit-animation: following-btn-none 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  animation: following-btn-none 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@-webkit-keyframes following-btn {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes following-btn {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes following-btn-none {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@keyframes following-btn-none {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

.l-staff {
  position: relative;
  z-index: 102;
  padding-bottom: 10vmin;
  background-color: #fff;
}

.l-news {
  background: #9DCFC3;
  padding-top: 16vw;
}

@media print, screen and (min-width: 768px) {
  .l-news {
    padding-top: 10vw;
  }
}

/* ========================================
Object
======================================== */
/* Project
----------------- */
.p-footer {
  padding-right: 6%;
  padding-left: 6%;
  padding-top: 6vw;
  padding-bottom: 6vw;
  background-color: #EDE8DB;
  border-radius: 12vw 12vw 0 0;
}

@media print, screen and (min-width: 768px) {
  .p-footer {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-footer {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    max-width: none;
    padding-bottom: 6vw;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-footer {
    padding-right: 8.7%;
    padding-left: 8.7%;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-footer_info {
    width: 33.1%;
    margin-right: 2.5%;
    padding-top: 14px;
  }
}

.p-footer_infoLogo {
  width: 55%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-bottom: 4vw;
}

@media print, screen and (min-width: 1024px) {
  .p-footer_infoLogo {
    margin-right: 0;
    margin-left: 0;
    width: 64.6%;
    max-width: 320px;
    margin-bottom: 2vw;
  }
}

.p-footer_infoList {
  margin-bottom: 4vw;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-footer_infoList {
    width: 30%;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-footer_infoList {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    margin-bottom: 3vw;
  }
}

.p-footer_infoListItemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0;
  position: relative;
  font-size: 3.2vw;
}

@media print, screen and (min-width: 768px) {
  .p-footer_infoListItemLink {
    font-size: clamp(14px, 1.02489vw, 18px);
  }
}

@media print, screen and (min-width: 1024px) {
  .p-footer_infoListItemLink {
    padding: 7px 0;
  }
}

.p-footer_infoListItemLink::before {
  content: "";
  display: block;
  width: 7px;
  height: 1px;
  background-color: #282429;
  margin-right: 6px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_infoListItemLink:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: underline;
  }
}

.p-footer_btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8vw;
}

@media print, screen and (min-width: 1024px) {
  .p-footer_btnWrap {
    width: 64.4%;
    margin-bottom: 0;
  }
}

.p-footer_btn {
  width: 48%;
  background-color: #fff;
}

.p-footer_btn:not(:last-child) {
  margin-right: 4%;
}

.p-footer_btn,
.p-footer_btnLink {
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-footer_btn,
  .p-footer_btnLink {
    border-radius: 60px;
  }
}

.p-footer_btnLink {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 20px 10px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_btnLink {
    padding: 5vw 3vw;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-footer_btnLink {
    padding: 11% 5%;
  }
}

.p-footer_btnLink::after {
  content: "";
  position: absolute;
  bottom: 3.5vw;
  right: 3.5vw;
  width: 8px;
  height: 8px;
  display: block;
  background: url(../../images/remeable/icon_another_link01.svg) no-repeat center center/contain;
}

@media print, screen and (min-width: 1024px) {
  .p-footer_btnLink::after {
    bottom: 35px;
    right: 35px;
    width: 16px;
    height: 16px;
  }
}

.p-footer_btnLogo {
  width: 80%;
  max-width: 220px;
  height: 6vw;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 1024px) {
  .p-footer_btnLogo {
    width: 13.1vw;
    height: 2.8vw;
    margin-bottom: 1.5vw;
  }
}

.p-footer_btnText {
  text-align: center;
  font-size: 2.66667vw;
  font-weight: 900;
}

@media print, screen and (min-width: 768px) {
  .p-footer_btnText {
    font-size: clamp(14px, 1.31772vw, 22px);
    line-height: 1.6;
  }
}

.p-footer_infoCopy {
  color: #ACA9A2;
  font-size: 2.66667vw;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .p-footer_infoCopy {
    font-size: 12px;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-footer_infoCopy {
    text-align: left;
    letter-spacing: 0.05em;
  }
}

.p-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 10px 2.6%;
}

@media print, screen and (min-width: 768px) {
  .l-header.is-fixed{
    top: 100px
  }
  .p-header {
    padding: 1.4vw 1.4%;
  }
}

@media screen and (max-width: 959px) {
  .l-header.is-fixed .p-header {
    padding-top: 3vmin;
    padding-bottom: 3vmin;
  }
}

@media print, screen and (max-width: 1200px) {
  .l-header.is-fixed{
    top: 53px
  }
}
@media print, screen and (min-width: 960px) {
  .l-header.is-fixed .p-header {
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

.p-header_logo {
  width: 41.6vmin;
  max-width: 180px;
  font-size: 0;
  position: relative;
  z-index: 999;
}

@media print, screen and (min-width: 768px) {
  .p-header_logo {
    width: 16.1vw;
    max-width: 280px;
  }
}

@media screen and (max-width: 959px) {
  .l-header.is-fixed .p-header_logo {
    width: 36vmin;
  }
}

@media print, screen and (min-width: 960px) {
  .l-header.is-fixed .p-header_logo {
    width: 11vw;
    top: -1px;
  }
}

.p-header_nav {
  width: 10vmin;
}

@media print, screen and (min-width: 768px) {
  .p-header_nav {
    width: 38px;
  }
}

@media print, screen and (min-width: 960px) {
  .p-header_nav {
    width: 80%;
  }
}

@media screen and (max-width: 959px) {
  .l-header.is-fixed .p-header_nav {
    width: 10vmin;
  }
}

.p-header_navInput {
  display: none;
}

@media screen and (max-width: 959px) {
  .p-header_navBtn {
    -webkit-transition: all 0.36s;
    transition: all 0.36s;
    position: relative;
    z-index: 999;
    border-radius: 100%;
    cursor: pointer;
    width: 38px;
    height: 38px;
  }
}

@media print, screen and (min-width: 960px) {
  .p-header_navBtn {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .l-header.is-fixed .p-header_navBtn {
    width: 38px;
    height: 38px;
    top: 2px;
  }
}

@media screen and (max-width: 959px) {
  .p-header_navBtnBar {
    width: 22px;
    height: 2px;
    position: absolute;
    background: #282429;
    right: 0;
    margin: auto;
    left: 0;
    border-radius: 2px;
    -webkit-transition: all 0.36s cubic-bezier(0.5, 0.1, 0.2, 1.3);
    transition: all 0.36s cubic-bezier(0.5, 0.1, 0.2, 1.3);
  }
  .p-header_navBtnBar:nth-of-type(1) {
    top: calc(50% - ((4px)) + -3px);
    width: 22px;
  }
  .p-header_navBtnBar:nth-of-type(2) {
    top: calc(50% - ((4px)) + 4px);
    width: 22px;
  }
}

@media screen and (max-width: 959px) {
  .p-header_navInput:checked + label .p-header_navBtn {
    -webkit-transform: scale(1.19) rotate(0deg);
            transform: scale(1.19) rotate(0deg);
  }
  .p-header_navInput:checked + label .p-header_navBtn .p-header_navBtnBar:nth-of-type(1) {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
    top: calc(50% - (1px));
    width: 18px;
  }
  input.p-header_navInput:checked + label .p-header_navBtn .p-header_navBtnBar:nth-of-type(2) {
    -webkit-transform: rotate(-225deg);
            transform: rotate(-225deg);
    top: calc(50% - (1px));
    width: 18px;
  }
  input.p-header_navInput:checked + label .p-header_navBtn {
    -webkit-transform: scale(1.19) rotate(0deg);
            transform: scale(1.19) rotate(0deg);
    border: 1.5px solid #282429;
  }
  .l-header.is-fixed .p-header_navInput:checked + label .p-header_navBtn .p-header_navBtnBar:nth-of-type(1) {
    width: 12px;
  }
  .l-header.is-fixed input.p-header_navInput:checked + label .p-header_navBtn .p-header_navBtnBar:nth-of-type(2) {
    width: 12px;
  }
}

@media screen and (max-width: 959px) {
  .p-header_navOpen {
    height: 100vh;
    right: -100%;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    width: 100%;
    z-index: 2;
    background-color: #9ED0C1;
  }
  .p-header_navOpen.is-fade {
    right: 0;
  }
}

.p-header_navOpenInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 959px) {
  .p-header_navOpenInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: scroll;
    padding-right: 12%;
    padding-left: 12%;
    padding-top: 40vw;
    padding-bottom: 40vw;
  }
}

@media print, screen and (min-width: 960px) {
  .p-header_navOpenInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (max-width: 959px) {
  .p-header_navList {
    margin-bottom: 10vmin;
    width: 100%;
  }
}

@media print, screen and (min-width: 960px) {
  .p-header_navList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 2%;
  }
}

@media screen and (max-width: 959px) {
  .p-header_navListItem {
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .p-header_navListItem:not(:last-child) {
    margin-bottom: 8vmin;
  }
}

@media print, screen and (min-width: 960px) {
  .p-header_navListItem:not(:last-child) {
    margin-bottom: 0;
    margin-right: 5px;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-header_navListItem:not(:last-child) {
    margin-right: 15px;
  }
}

.p-header_navListLink {
  padding: 10px;
  font-size: 4.26667vmin;
  font-weight: 900;
  position: relative;
}

@media print, screen and (min-width: 960px) {
  .p-header_navListLink {
    font-size: clamp(14px, 1.1713vw, 18px);
    font-weight: 500;
    letter-spacing: 0.06em;
    display: inline-block;
  }
  .p-header_navListLink::after {
    position: absolute;
    bottom: 0.1vw;
    left: 5%;
    content: "";
    width: 90%;
    height: 1.5px;
    background: #282429;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 10px;
  }
  .p-header_navListLink:hover::after {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

.p-header_navStoreBtn {
  padding: 4vmin 10%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

@media print, screen and (min-width: 960px) {
  .p-header_navStoreBtn {
    width: auto;
    padding: 11px 30px 11px 30px;
  }
}

.p-header_navStoreBtnText {
  font-size: 4.26667vmin;
}

@media print, screen and (min-width: 960px) {
  .p-header_navStoreBtnText {
    font-size: clamp(12px, 1.02489vw, 16px);
  }
}

.p-comingsoon {
  background-color: #9ED0C1;
}

.p-comingsoon,
.p-comingsoon_inner {
  min-height: 91svh;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon,
  .p-comingsoon_inner {
    height: 91vh;
  }
}

.p-comingsoon_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 6vmin;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_inner {
    padding-bottom: 4vmin;
  }
}

.p-comingsoon_ttl {
  width: 45%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 8vmin;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_ttl {
    width: 32.5%;
    margin-right: 0;
    margin-left: 0;
    margin-right: 4.6%;
    margin-bottom: 0;
  }
}

.p-comingsoon_ttlArea {
  margin-bottom: 16vmin;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_ttlArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 79.5%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8vmin;
  }
}

.p-comingsoon_ttlText {
  width: 78%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3vmin;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_ttlText {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_ttlTextArea {
    width: 62.9%;
  }
}

.p-comingsoon_ttlTextSub {
  font-weight: 900;
  font-size: 4.26667vw;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_ttlTextSub {
    font-size: 2.63543vw;
    text-align: left;
  }
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-comingsoon_infoText {
  font-weight: 900;
  text-align: center;
  margin-bottom: 2px;
  font-size: 3.73333vw;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoText {
    font-size: 2.34261vw;
    margin-right: 25px;
    margin-bottom: 0;
  }
}

.p-comingsoon_infoDateWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-comingsoon_infoTextBrandName {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  bottom: -1px;
  font-size: 4.8vw;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoTextBrandName {
    font-size: 2.92826vw;
    bottom: -2px;
  }
}

.p-comingsoon_infoDate {
  color: #D40000;
  font-weight: 600;
  font-size: 7.46667vw;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoDate {
    font-size: 3.22108vw;
  }
}

.p-comingsoon_infoDebut {
  color: #D40000;
  margin-left: 10px;
  letter-spacing: 0;
  font-size: 4.8vw;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoDebut {
    font-size: 2.34261vw;
    margin-left: 15px;
  }
}

.p-comingsoon_infoDebut::before, .p-comingsoon_infoDebut::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #D40000;
  border-radius: 100px;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoDebut::before, .p-comingsoon_infoDebut::after {
    height: 3px;
  }
}

.p-comingsoon_infoDebut::before {
  top: 3px;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoDebut::before {
    top: 7px;
  }
}

.p-comingsoon_infoDebut::after {
  top: -3px;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_infoDebut::after {
    top: -7px;
  }
}

.p-comingsoon_movingTextArea {
  overflow: hidden;
  width: 100%;
  min-height: 9svh;
  height: 9svh;
  background-color: #EDE8DB;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_movingTextArea {
    height: 9vh;
  }
}

.p-comingsoon_movingTextAreaInner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: inherit;
}

.p-comingsoon_movingTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  left: 0%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: inherit;
  height: inherit;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_movingTextWrap {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
  }
}

.p-comingsoon_movingTextWrap:nth-child(1) {
  -webkit-animation-name: first;
  animation-name: first;
}

.p-comingsoon_movingTextWrap:nth-child(2) {
  -webkit-animation-name: second;
  animation-name: second;
}

@-webkit-keyframes first {
  from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}

@keyframes first {
  from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}

@-webkit-keyframes second {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}

@keyframes second {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}

.p-comingsoon_movingText {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  font-size: 5.33333vw;
  color: #282429;
}

@media print, screen and (min-width: 768px) {
  .p-comingsoon_movingText {
    font-size: 1.90337vw;
  }
}

@media screen and (max-width: 767px) {
  .p-comingsoon_movingText:nth-child(n + 4) {
    display: none;
  }
}

.p-mv {
  position: relative;
  background-color: #9ED0C1;
  z-index: 100;
}

.p-mv_icon {
  position: absolute;
  z-index: 101;
}

.p-mv_iconNew {
  width: 3%;
  top: 24.8vmin;
  left: 8%;
}

@media print, screen and (min-width: 768px) {
  .p-mv_iconNew {
    width: 16.6%;
    max-width: 300px;
    min-width: 200px;
    left: 9.5%;
    top: 10.6vw;
  }
}

.p-mv_iconCopy {
  width: 75%;
  top: 24.8vmin;
  left: 13%;
}

@media print, screen and (min-width: 768px) {
  .p-mv_iconCopy {
    width: 28%;
  
    left: 3%;
    top: 60%;
  }
}

@media print, screen and (min-width: 1025px) {
  .p-mv_iconCopy {
    width: 30%;
  
    left: 8%;
    top: 60%;
  }
}

.p-mv_iconLogo{
  width: 20%;

  right: 8%;
  top:65%;
}

@media print, screen and (min-width: 768px) {
  .p-mv_iconLogo {
    width: 15%;

    right: 12%;
    top:55%;
  }
}

@media print, screen and (min-width: 1025px) {
  .p-mv_iconLogo {
    width: 13%;

    right: 15%;
    top:55%;
  }
}

.p-mv_iconNewColor{
  width: 20%;

  right: 8%;
  top:65%;
}

@media print, screen and (min-width: 768px) {
  .p-mv_iconNewColor {
    width: 15%;

    right: 12%;
    top:55%;
  }
}

@media print, screen and (min-width: 1025px) {
  .p-mv_iconNewColor {
    width: 13%;

    right: 15%;
    top:55%;
  }
}

.p-mv_iconNewColor {
  width: 45%;
  top: 24.8vmin;
  left: 3%;
}

@media print, screen and (min-width: 768px) {
  .p-mv_iconNewColor {
      width: 22.7%;
      max-width: 311px;
      min-width: 200px;
      left: 4.39%;
      top: 10.9vw;
  }
}


.p-mv,
.p-mv_sliderItemBg {
  width: 100%;
  height: 138vw;
}

@media print, screen and (min-width: 768px) {
  .p-mv,
  .p-mv_sliderItemBg {
    height: 91vh;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-mv,
  .p-mv_sliderItemBg {
    height: 500px;
  }
}

@media print, screen and (min-width: 1200px) {
  .p-mv,
  .p-mv_sliderItemBg {
    height: 91vh;
  }
}

.p-mv_sliderItemBg-img0 {
  background: url(../../images/remeable/mv_bg_img0_sp.webp) no-repeat center center/cover;
}

.p-mv_sliderItemBg-img01 {
  background: url(../../images/remeable/mv_bg_img01_sp.webp) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .p-mv_sliderItemBg-img01 {
    background: url(../../images/remeable/mv_bg_img01.webp) no-repeat center center/120%;
    background-color: #A7CEC3;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-mv_sliderItemBg-img01 {
    background: url(../../images/remeable/mv_bg_img01.webp) no-repeat center center/cover;
  }
}

.p-mv_sliderItemBg-img02 {
  background: url(../../images/remeable/mv_bg_img02_sp.png) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .p-mv_sliderItemBg-img02 {
    background: url(../../images/remeable/newvisual_pc1.jpg) no-repeat center center/cover;
  }
}

.p-mv_sliderItemBg-img03 {
  background: url(../../images/remeable/mv_bg_img03_sp.png) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .p-mv_sliderItemBg-img03 {
    background: url(../../images/remeable/newvisual_pc2.jpg) no-repeat center center/cover;
  }
}

.p-mv_sliderItemBg-img04 {

  background: url(../../images/remeable/visual&item_men_SP.jpg) no-repeat center center/cover;
}

@media print, screen and (min-width: 1023px) {
  .p-mv_sliderItemBg-img04 {
    background: url(../../images/remeable/visual&item_men_PC.jpg) no-repeat center center/cover;
  }
}

@media print, screen and (min-width: 1023px) {
  .p-mv_sliderItemBg-img0 {
    background: url(../../images/remeable/mv_bg_img0_pc.webp) no-repeat center center/cover;
  }
}

.p-mv_sliderItemBg-img05 {

  background: url(../../images/remeable/visual&item_women_SP.jpg) no-repeat center center/cover;
}

@media print, screen and (min-width: 1023px) {
  .p-mv_sliderItemBg-img05 {
    background: url(../../images/remeable/visual&item_women_PC.jpg) no-repeat center center/cover;
  }
}

@-webkit-keyframes mv-zoomUp {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes mv-zoomUp {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.swiper-slide-active .p-mv_sliderItemBg,
.swiper-slide-duplicate-active .p-mv_sliderItemBg,
.swiper-slide-prev .p-mv_sliderItemBg {
  -webkit-animation: mv-zoomUp 4s linear 0s 1 normal both;
  animation: mv-zoomUp 4s linear 0s 1 normal both;
}

.p-mv_sliderItemBg img {
  display: block;
}

.p-mv_textReleasedDate {
  color: #fff;
  position: absolute;
  bottom: 10vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 101;
  white-space: nowrap;
}

@media print, screen and (min-width: 768px) {
  .p-mv_textReleasedDate {
    bottom: 7vw;
  }
}

.p-mv_textReleasedDate::after {
  content: "";
  display: inline-block;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  height: 2px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media print, screen and (min-width: 768px) {
  .p-mv_textReleasedDate::after {
    bottom: 10px;
  }
}

.p-mv_textReleasedDate-year {
  font-size: 5.86667vw;
}

@media print, screen and (min-width: 768px) {
  .p-mv_textReleasedDate-year {
    font-size: clamp(27px, 2.34261vw, 42px);
  }
}

.p-mv_textReleasedDate-date {
  font-size: 9.6vw;
}

@media print, screen and (min-width: 768px) {
  .p-mv_textReleasedDate-date {
    font-size: clamp(45px, 3.66032vw, 60px);
  }
}

.p-mv_textReleasedDate-week {
  font-size: 4vw;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  bottom: 2.4vmin;
  letter-spacing: 0.2em;
  margin-right: -4px;
  margin-left: -4px;
}

@media print, screen and (min-width: 768px) {
  .p-mv_textReleasedDate-week {
    font-size: clamp(18px, 1.61054vw, 27px);
    margin-right: -6px;
    margin-left: -6px;
    bottom: 12px;
    letter-spacing: 0.15em;
  }
}

.p-mv_textReleasedDate-text {
  font-size: 8vw;
  position: relative;
  bottom: 2px;
}

@media print, screen and (min-width: 768px) {
  .p-mv_textReleasedDate-text {
    font-size: clamp(35px, 2.92826vw, 50px);
    bottom: 4px;
  }
}

.p-mv_moveTextArea {
  background-color: #EDE8DB;
  padding-top: 4vw;
  padding-bottom: 4vw;
  position: relative;
  z-index: 101;
}

@media print, screen and (min-width: 768px) {
  .p-mv_moveTextArea {
    height: 9vh;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media print, screen and (min-width: 768px) {
  .p-mv_moveTextArea {
height:80px!important;
  }
}

@media print, screen and (min-width: 768px) {
  .p-mv_moveTextArea {
height:9vh;
  }
}


.p-mv_moveTextAreaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.p-mv_moveTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-mv_moveTextWrap:nth-child(odd) {
  -webkit-animation: mv-loop 40s -20s linear infinite;
  animation: mv-loop 40s -20s linear infinite;
}

.p-mv_moveTextWrap:nth-child(even) {
  -webkit-animation: mv-loop2 40s linear infinite;
  animation: mv-loop2 40s linear infinite;
}

@-webkit-keyframes mv-loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes mv-loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes mv-loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes mv-loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

.p-mv_moveTextImg {
  width: 64vw;
  padding-right: 10px;
}

@media print, screen and (min-width: 768px) {
  .p-mv_moveTextImg {
    width: 30vw;
    max-width: 450px;
    margin-right: 15px;
  }
}

.p-mv_moveTextJp {
  letter-spacing: 0.03em;
  white-space: nowrap;
  font-size: 3.73333vw;
  padding-right: 10px;
  font-weight: 900;
}

@media print, screen and (min-width: 768px) {
  .p-mv_moveTextJp {
    font-size: 1.90337vw;
    font-size: clamp(16px, 1.90337vw, 30px);
  }
}

.p-about {
  padding-top: 16vw;
  padding-bottom: 22vw;
  padding-right: 6%;
  padding-left: 6%;
}

.p-new {
  padding-top: 16vw;
  padding-bottom: 16vw;
  padding-right: 6%;
  padding-left: 6%;
}

.silhouette_card{
  background-color: #EDE8DB;
  border-radius:6vw ;
  padding:3vw;
  margin:5vw auto 0;
  width:90%;
}

@media print, screen and (min-width: 1024px) {
.silhouette_card{
  border-radius:3vw ;
}
}


.silhouette_card_a{
  position:relative;
 text-align:center;
}

.card_new{
  position: absolute;
  width: 30%;
  left:5%;
  top:5vw;
}

.card_frame{
  padding:3vw 0;
}


@media print, screen and (min-width: 1024px) {
.card_frame{
  padding:2vw 0;
}
}

.silhouette_card img{
  border-radius:6vw ;
}

@media print, screen and (min-width: 1024px) {
  .silhouette_card img{
    border-radius:3vw ;
  }
  }

.card_title{
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:12px;
}

@media print, screen and (min-width: 481px) {
.card_title{
  font-size:14px;
}
}

@media print, screen and (min-width: 768px) {
  .card_title{
    font-weight:600;
  }
  }

  @media print, screen and (min-width: 1024px) {
    .card_title{
      font-size:16px;
    }
    }

  @media print, screen and (min-width: 1366px) {
    .card_title{
      font-size:18px;
    }
    }

.card_title img{
  width:3%;
  margin-top: 2px;
  margin-left:1vw;
}

@media print, screen and (min-width: 1024px) {
  .card_title img{
    width:7px;
  }
  }

.card_button{
  display:flex;
  justify-content: space-around;
}

@media print, screen and (min-width: 1024px) {
.card_button{
width:100%;
max-width:1000px;
margin:0 auto;
}
card_title img{
  width:7px;
}
}

@media print, screen and (min-width: 768px) {
  .p-about {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-new {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-about {
    padding-right: 0;
    padding-left: 0;
  }
  .p-new {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-about {
    padding-right: 0;
    padding-left: 0;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
  }
  .p-new{
    padding-right: 0;
    padding-left: 0;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about {
    padding-top: 10vw;
    padding-bottom: 20vw;
  }
  .p-new {
    padding-top: 10vw;
    padding-bottom: 10vw;
    max-width: 1400px;
  }
}

@media print, screen and (min-width: 768px) {
.p-new{
  padding-right: 8.7%;
  padding-left: 8.7%;
}
}

@media print, screen and (min-width: 1920px) {
  .p-new{
    padding-right: 0;
    padding-left: 0;
  }
  }

.p-about_ttl {
  width: 93%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5vw;
}

.p-new_ttl {
  width: 93%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-about_ttl {
    width: 44.6vw;
    max-width: 820px;
    margin-bottom: 3vw;
  }
  .p-new_ttl {
    width: 60vw;
    max-width: 820px;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-new_ttl {
    width: 50vw;
    max-width: 820px;
  }
}


.p-about_heading {
  font-size: 4.26667vw;
  text-align: center;
  margin-bottom: 6vw;
  line-height: 1.8;
}

.p-new_heading {
  font-size: 4.26667vw;
  text-align: center;
  margin-bottom: 6vw;
  line-height: 1.8;
}

@media print, screen and (min-width: 768px) {
  .p-about_heading {
    font-size: clamp(20px, 2.48902vw, 40px);
    margin-bottom: 4vw;
  }
  .p-new_heading {
    font-size: clamp(20px, 2.48902vw, 40px);
    margin-bottom: 4vw;
  }
}

.p-about_textWrap {
  margin-bottom: 15vw;
}


@media print, screen and (min-width: 768px) {
  .p-about_textWrap {
    margin-bottom: 8vw;
  }
  .p-new_textWrap {
    margin-bottom: 0vw;
  }
  .p-new_text {
    line-height: 2.0;
    text-align: center;
    margin-bottom:0;
  }
}

.p-about_text {
  line-height: 2.0;
  text-align: center;
}
.p-new_text {
  line-height: 2.0;
  text-align: center;
  margin-bottom:5vw;
}

@media print, screen and (min-width: 1024px) {
  .p-new_text {
    margin-bottom:3vw;
  }
}


.p-about_text:not(:last-of-type) {
  margin-bottom: 3vw;
}
.p-new_text:not(:last-of-type) {
  margin-bottom: 3vw;
}

.p-about_logoWrap {
  position: relative;
  margin-bottom: 12vw;
}

.p-new_logoWrap {
  position: relative;
  margin-bottom: 3vw;
  margin-top: 12vw;
}

.p-lineup_logoWrap {
  margin-bottom: 10vw;
  margin-top: 10vw;
}

@media print, screen and (min-width: 768px) {
  .p-lineup_logoWrap{
  margin-top: 7vw;
}
}

.air{
  padding-top:20vw;
}


@media print, screen and (min-width: 768px) {
  .p-about_logoWrap {
    margin-bottom: 7vw;
  }
  .p-new_logoWrap {
    margin-bottom: 7vw;
  }
}

@media print, screen and (min-width: 1024px) {
  .air{
    padding-top:10vw;
  }
}

  @media print, screen and (min-width: 1366px) {

  .p-new_logoWrap {
    margin-top: 8vw;
    margin-bottom: 5vw;
  }
}


.p-about_logoNew {
  width: 23%;
  position: absolute;
  left: 20%;
  top: 1px;
}


.p-new_logoNew {
  width: 23%;
  position: absolute;
  left: -10px;
  top: -7vw;
}





@media print, screen and (min-width: 768px) {
  .p-about_logoNew {
    width: 13vw;
    left: 18%;
    top: -9px;
  }
  .p-new_logoNew {
    width: 13vw;
    left: 0;
    top: -5vw;
    max-width: 210px;
  }
}

.p-about_logo {
  width: 42%;
  margin-right: auto;
  margin-left: auto;
}

.p-new_logo {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-about_logo {
    width: 21.9vw;
    max-width: 340px;
  }

  .p-new_logo {
    width: 100%;
    max-width: 100%;
  }
}


.p-about_logoMeaningText {
  width: 84%;
  margin-right: auto;
  margin-left: auto;
}

.p-new_logoMeaningText {
  width: 84%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-about_logoMeaningText {
    width: 37vw;
  }
  .p-new_logoMeaningText {
    width: 37vw;
  }
}

.p-feature_moveImgArea {
  position: absolute;
  width: 100%;
  top: -7vw;
  left: 0;
  overflow: hidden;
}

@-webkit-keyframes moving-img-products {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes moving-img-products {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.p-feature_moveImgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-feature_moveImgList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-feature_moveImgList {
  -webkit-animation: moving-img-products 40s infinite linear 0.5s both;
  animation: moving-img-products 40s infinite linear 0.5s both;
}

@media print, screen and (min-width: 768px) {
  .p-feature_moveImgList {
    -webkit-animation: moving-img-products 60s infinite linear 0.5s both;
    animation: moving-img-products 60s infinite linear 0.5s both;
  }
}

.p-feature_moveImg {
  width: 44vmin;
  padding-right: 20px;
}

@media print, screen and (min-width: 768px) {
  .p-feature_moveImg {
    width: 37vw;
    margin-right: 4vw;
  }
}

.p-feature_moveImg > img {
  width: 100%;
}

.p-feature {
  margin-top: 2vw;
  padding-bottom: 11vw;
  padding-right: 6%;
  padding-left: 6%;
  padding-top: 16vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-feature {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-feature {
    margin-top: 0;
    padding-bottom: 9vw;
    padding-top: 12vw;
  }
}

.p-feature_ttlWrap {
  margin-bottom: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_ttlWrap {
    margin-bottom: 5vw;
  }
}

.p-feature_ttl {
  text-align: center;
  font-weight: 500;
  font-size: 6.4vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_ttl {
    font-size: clamp(40px, 4.39239vw, 70px);
  }
}

.p-feature_ttlSub {
  text-align: center;
  font-size: 3.73333vw;
  color: #B59242;
  display: block;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .p-feature_ttlSub {
    font-size: clamp(18px, 1.61054vw, 30px);
    margin-bottom: -0.5vw;
  }
}

.p-feature_ttlSubText {
  display: inline-block;
}

.p-feature_ttlSubText::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #B59242;
  position: relative;
  bottom: 10px;
}

@media print, screen and (min-width: 768px) {
  .p-feature_ttlSubText::after {
    bottom: 1.5vw;
  }
}

.p-feature_imgWrap {
  margin-bottom: 10vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_imgWrap {
    margin-bottom: 8vw;
  }
}

.p-feature_detailHeading {
  font-size: 4.8vw;
  text-align: center;
  margin-bottom: 4vw;
  line-height: 1.6;
}

@media print, screen and (min-width: 768px) {
  .p-feature_detailHeading {
    font-size: clamp(20px, 2.63543vw, 48px);
    margin-bottom: 3vw;
  }
}

.p-feature_detailText {
  line-height: 2.0;
  text-align: center;
}

.p-feature_detailText:not(:last-child) {
  margin-bottom: 4vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_detailText:not(:last-child) {
    margin-bottom: 3vw;
  }
}

.p-feature_obsession {
  padding-right: 6%;
  padding-left: 6%;
  padding-bottom: 16vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_obsession {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-feature_obsession {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-feature_obsession {
    padding-bottom: 11vw;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-feature_obsession {
    padding-bottom: 10vw;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemDouble .p-feature_obsessionItem {
    width: 44.5%;
  }
}

.p-feature_obsessionItem:not(:last-child) {
  margin-bottom: 8vw;
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItem:not(:last-child) {
    margin-bottom: 0;
  }
}

.p-feature_obsessionItemHeaing {
  text-align: center;
  font-size: 4.26667vw;
  margin-bottom: 10vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_obsessionItemHeaing {
    font-size: clamp(20px, 2.04978vw, 32px);
    margin-bottom: 8vw;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemHeaing {
    margin-bottom: 4vw;
  }
}

.p-feature_obsessionItemHeaing::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #282429;
  border-radius: 100px;
  position: relative;
  bottom: -10px;
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemHeaing::after {
    bottom: -1vw;
  }
}

.p-feature_obsessionItemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemInner {
    display: block;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemSingle {
    width: 28.6%;
    margin-right: 7.2%;
  }
}

.p-feature_obsessionItemImg {
  width: 45%;
  margin-right: 5%;
  background-color: #D6CDB8;
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_obsessionItemImg {
    border-radius: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemImg {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5vw;
  }
}

.p-feature_obsessionItemImg img {
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_obsessionItemImg img {
    border-radius: 60px;
  }
}

.p-feature_obsessionItemWrap:not(:last-child) {
  margin-bottom: 10vw;
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemWrap:not(:last-child) {
    margin-bottom: 0;
  }
}

.p-feature_obsessionItemDetail {
  width: 50%;
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemDetail {
    width: 100%;
  }
}

.p-feature_obsessionItemDetailHeading {
  font-size: 4vw;
  font-weight: 900;
  margin-bottom: 2vw;
}

@media print, screen and (min-width: 768px) {
  .p-feature_obsessionItemDetailHeading {
    font-size: clamp(20px, 1.75695vw, 28px);
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemDetailHeading {
    text-align: center;
    margin-bottom: 0.5vw;
  }
}

.p-feature_obsessionItemDetailText {
  line-height: 1.8;
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemDetailText {
    text-align: center;
    font-size: clamp(16px, 1.46413vw, 24px);
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemDouble {
    width: 64.2%;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-feature_obsessionItemDoubleInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-product {
  padding-right: 6%;
  padding-left: 6%;
  padding-top: 12vw;
  padding-bottom: 30vw;
}

@media print, screen and (min-width: 768px) {
  .p-product {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1500px) {
  .p-product {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-product {
    padding-top: 8vw;
    padding-bottom: 20vw;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-product {
    padding-top: 7vw;
  }
}

@media print, screen and (min-width: 768px) {
  .p-product_headingWrap {
    padding-bottom:0vw;
  }
}


@media print, screen and (min-width: 1024px) {
  .p-product_headingWrap {
    padding-bottom:10vw;
    margin-bottom: -10vw;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-product_headingWrap {
    padding-bottom:7vw;
    margin-bottom: -7vw;
  }
}

.p-product_heading {
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 6.93333vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_heading {
    font-size: clamp(30px, 6.44217vw, 92px);
  }
}

.p-product_headingSub {
  font-weight: 900;
  font-size: 3.2vw;
  margin-top: 2px;
  text-align: center;
  color: #fff;
}

@media print, screen and (min-width: 768px) {
  .p-product_headingSub {
    font-size: clamp(12px, 1.46413vw, 26px);
  }
}

.p-product_list {
  margin-bottom: 10vmin;
}


.p-product_listItem:not(:last-child) {
  margin-bottom: 17vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItem:not(:last-child) {
    margin-bottom: 10vw;
  }
}

.p-product_listItemImg {
  margin-bottom: 4vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemImg {
    width: 68.6%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1vw;
  }
}

.p-product_listItemHeading {
  font-weight: 900;
  text-align: center;
  font-size: 4.26667vw;
  margin-bottom: 3vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemHeading {
    font-size: clamp(20px, 2.63543vw, 40px);
  }
}

.p-product_listItemColor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemColor {
            justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .p-product_listItemColor {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 5%;
    padding-left: 5%;
  }
}

.p-product_listItemColorGlasses,
.p-product_listItemColorGlassesImg img {
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemColorGlasses,
  .p-product_listItemColorGlassesImg img {
    border-radius: 60px;
  }
  .p-product_listItemColorGlasses{
    margin: 0 1vw;
  }
}

.p-product_listItemColorGlasses {
  background-color: rgba(106, 177, 161, 0.56);
  width: 46%;
  position: relative;
  cursor: pointer;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemColorGlasses {
    width: 22%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.p-product_listItemColorGlasses.is-list-fadein, .p-product_listItemColorGlasses.is-list-fadein02 {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.p-product_listItemColorGlasses.is-list-fadein.is-active, .p-product_listItemColorGlasses.is-list-fadein02.is-active {
  opacity: 1;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemColorGlasses:hover {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}

@media screen and (max-width: 767px) {
  .p-product_listItemColorGlasses:not(:nth-child(2n)) {
    margin-right: 8%;
  }
  .p-product_listItemColorGlasses:not(:nth-of-type(-n+2)) {
    margin-top: 8%;
  }
}

.p-product_listItemIconNewColor {
  position: absolute;
  width: 72%;
  left: -6vmin;
  top: -3vmin;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemIconNewColor {
    max-width: 190px;
    width: 70%;
    left: -3vmin;
    top: -2vmin;
  }
}

.p-product_listItemIconRelease {
  position: absolute;
  right: 6%;
  top: -2vw;
  color: #fff;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemIconRelease {
    right: 6%;
    top: 0;
  }
}

.p-product_listItemIconReleaseText {
  display: block;
  position: relative;
}

.p-product_listItemIconReleaseText.date {
  font-size: 3.2vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemIconReleaseText.date {
    font-size: clamp(14px, 1.46413vw, 24px);
  }
}

.p-product_listItemIconReleaseText.release {
  font-size: 3.73333vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemIconReleaseText.release {
    font-size: clamp(16px, 1.53734vw, 25px);
  }
}

.p-product_listItemIconReleaseText::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  border-radius: 100px;
  bottom: 0px;
  left: 0;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemIconReleaseText::after {
    height: 2px;
  }
}

.p-product_listItemBtn {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 1.5vmin;
  bottom: 4.4vmin;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemBtn {
    width: 1vw;
    height: 1vw;
    right: 30px;
    bottom: 40px;
  }
}

.p-product_listItemBtn::before, .p-product_listItemBtn::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 2.5vmin;
  background-color: #282429;
  left: 0;
  top: 0;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemBtn::before, .p-product_listItemBtn::after {
    width: 2px;
    height: 1vw;
  }
}

.p-product_listItemBtn::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-product_listItemColorGlassesHeading {
  text-align: center;
  width: 100%;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 3.46667vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 4vmin;
  line-height: 1.0;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemColorGlassesHeading {
    font-size: clamp(16px, 1.46413vw, 23px);
    bottom: 35px;
    margin-left: -0.3em;
    line-height: 1.2;
  }
}

.p-product_listItemColorGlassesHeading.line-2 {
  bottom: 2vmin;
}

@media print, screen and (min-width: 768px) {
  .p-product_listItemColorGlassesHeading.line-2 {
    bottom: 22px;
  }
}

.p-product_modal {
  background-color: #EDE8DB;
  width: 80%;
  border-radius: 6vw;
  padding: 8vmin 8%;
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: modal-fade 1s ease;
  animation: modal-fade 1s ease;
}

@media print, screen and (min-width: 768px) {
  .p-product_modal {
    border-radius: 60px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-product_modal {
    width: 80%;
    padding: 6vmin 10%;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-product_modal {
    width: 58.5%;
    min-width: 800px;
    max-width: 1100px;
    padding: 7vmin 7%;
  }
}

@-webkit-keyframes modal-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes modal-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes modal-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.p-product_modalBtnClose {
  position: absolute;
  cursor: pointer;
  top: -8vmin;
  right: -6vmin;
  width: 8vmin;
  height: 8vmin;
  z-index: 999;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalBtnClose {
    width: 50px;
    height: 50px;
    top: -40px;
    right: -40px;
  }
}

.p-product_modalBtnClose::before, .p-product_modalBtnClose::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 100%;
  border-radius: 100px;
  background: #fff;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalBtnClose::before, .p-product_modalBtnClose::after {
    width: 5px;
  }
}

.p-product_modalBtnClose::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.p-product_modalBtnClose::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.p-product_modalOverlay {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(108, 159, 147, 0.8);
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: none;
}

.p-product_modalHeading {
  text-align: center;
  margin-bottom: 6vmin;
  font-size: 4.8vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalHeading {
    font-size: clamp(24px, 2.04978vw, 36px);
  }
}

.p-product_modalHeading_new {
  text-align: center;
  margin-bottom: 6vmin;
  font-size: 4.8vw;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalHeading_new {
    font-size: clamp(24px, 2.04978vw, 36px);
  }
}


@media print, screen and (min-width: 1024px) {
.p-product_modalHeading_new {
  margin-bottom: 3vmin;
}
}

.p-product_modalImg {
  margin-bottom: 6vmin;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.p-product_modalImg_flex {
  margin-bottom: 6vmin;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}




.modal_new_description{
  display:flex;
  align-items: center;
  margin-top:6vw;
}
@media print, screen and (min-width: 1024px) {
  .modal_new_description{
    display:block;
    width:30%;
    margin-top:0;
    text-align:center;
    font-size:16px;
  }

  .modal_new_description p{
    text-align:left;
  }

  .p-product_modalImg_flex img{
    width:70%;
    margin-right:3vw;
  }
  }

.modal_new_description img{
  width:100%;
  max-width:45%;
  margin-right:10px;
  background-color: #DFD7C5;
  border-radius: 6vw;
}

@media print, screen and (min-width: 481px) {
.modal_new_description img{
  max-width:30%;
}
}

@media print, screen and (min-width: 1024px) {
  .modal_new_description img{
    max-width:90%;
    margin-bottom:2vw;
    border-radius: 3vw;
  }
  }


.modal_item_description{
  font-size:12px;
  width:90%;
  margin:0 auto;
  padding-top:6vw;
}

@media print, screen and (min-width: 481px) {
  .modal_item_description{
    font-size:12px;
    width:90%;
    margin:0 auto;
    padding-top:3vw;
}
}




@media print, screen and (min-width: 768px) {
  .p-product_modalImg {
    width: 70%;
  }
  .p-product_modalImg_flex {
    width: 90%;
  }
  .modal_item_description{
    width:100%;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-product_modalImg_flex {
  display:flex;
  align-items: center;
  width:100%;
  max-width:100%;
margin-bottom:3vmin;
  }
  .modal_item_description{
    font-size:14px;
    padding-top:3vmin;
  }
  }

@media print, screen and (min-width: 1366px) {
  .p-product_modalImg {
    width: 80%;
  }
  .p-product_modalImg_flex {
    width:100%;
  }
}

.p-product_modalDetail {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.p-product_modalDetailItem {
  border-top: 1px solid #CEC6B6;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetailItem {
    width: 47.2%;
    border-bottom: 1px solid #CEC6B6 !important;
  }
}

.p-product_modalDetailItem:last-child {
  border-bottom: 1px solid #CEC6B6;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetailItem:last-child {
    border-bottom: none;
  }
}

.p-product_modalDetailItem:not(:nth-child(2n)) {
  margin-right: 5.6%;
}

.p-product_modalDetailItemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2%;
  padding-left: 2%;
  padding-top: 3.5vmin;
  padding-bottom: 3.5vmin;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetailItemInner {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 3%;
    padding-left: 3%;
  }
}

.p-product_modalDetailItemHeading {
  font-size: 3.2vw;
  width: 23%;
  margin-right: 3%;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetailItemHeading {
    width: 26%;
    margin-right: 2%;
    font-size: clamp(16px, 1.1713vw, 24px);
  }
}

.p-product_modalDetailItemText {
  font-size: 4.26667vw;
  width: 74%;
  text-transform: uppercase;
  white-space: nowrap;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetailItemText {
    width: 72%;
    font-size: clamp(22px, 1.61054vw, 30px);
  }
}

.p-product_modalDetailItemTextPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  white-space: nowrap;
}

.p-product_modalDetailItemTextTax {
  font-size: 2.66667vw;
  margin-left: 5px;
}

@media print, screen and (min-width: 768px) {
  .p-product_modalDetailItemTextTax {
    font-size: clamp(12px, 0.87848vw, 16px);
  }
}

.p-story_link {
  margin-top: -30vw;
  padding-top: 30vw;
}

.p-story_bg {
  border-radius: 12vw 12vw 0 0;
  background-color: #fff;
  position: relative;
  margin-top: -12vw;
}

.p-story {
  padding-right: 6%;
  padding-left: 6%;
  padding-top: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-story {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1500px) {
  .p-story {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-story {
    padding-top: 5vw;
  }
}

.p-story_heading {
  font-weight: 500;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 6.4vw;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  position: absolute;
  top: -15vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  letter-spacing: 0.15em;
  z-index: 100;
}

@media print, screen and (min-width: 768px) {
  .p-story_heading {
    font-size: clamp(30px, 3.66032vw, 60px);
    top: -8vw;
  }
}

.p-story_mv {
  width: 100%;
  height: 69vw;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .p-story_mv {
    height: 56.2vw;
  }
}

.p-story_mvBg {
  background: url(../../images/remeable/story_mv_bg01.jpg) no-repeat center center/cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

@media print, screen and (min-width: 768px) {
  .p-story_mvBg {
    background-position: center center;
    background-attachment: fixed;
    height: 100%;
  }
}

.p-story_mvBg::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  mix-blend-mode: multiply;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 36, 41, 0)), to(#6f6c70));
  background: linear-gradient(180deg, rgba(40, 36, 41, 0) 0%, #6f6c70 100%);
  opacity: 0.7;
}

.p-story_mvHeadingWrap {
  position: absolute;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
  z-index: 100;
  top: 50%;
  left: 50%;
}

@media print, screen and (min-width: 768px) {
  .p-story_mvHeadingWrap {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}

.p-story_mvHeading {
  color: #fff;
  text-align: center;
  font-size: 9.6vw;
  width: 100%;
  white-space: nowrap;
}

@media print, screen and (min-width: 768px) {
  .p-story_mvHeading {
    font-size: clamp(60px, 6.58858vw, 100px);
  }
}

.p-story_mvHeadingSub {
  display: block;
  font-size: 3.2vw;
  font-weight: 900;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

@media print, screen and (min-width: 768px) {
  .p-story_mvHeadingSub {
    font-size: clamp(16px, 1.46413vw, 28px);
  }
}

.p-story_member {
  padding-bottom: 10vw;
  background-color: #fff;
}

@media print, screen and (min-width: 768px) {
  .p-story_member {
    padding-bottom: 8vw;
  }
}

.p-story_memberInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-story_memberImg {
  width: 36%;
  margin-right: 6%;
}

@media print, screen and (min-width: 768px) {
  .p-story_memberImg {
    width: 17.5vw;
    margin-right: 2.9vw;
  }
}

.p-story_memberImg img {
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_memberImg img {
    border-radius: 60px;
  }
}

.p-story_memberDetail {
  margin-top: -2vw;
}

.p-story_memberDetailRep {
  font-size: 3.2vw;
  display: inline-block;
}

@media print, screen and (min-width: 768px) {
  .p-story_memberDetailRep {
    font-size: clamp(14px, 1.46413vw, 24px);
    margin-bottom: 1vw;
  }
}

.p-story_memberDetailRep::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #282429;
  display: block;
  position: relative;
  margin-bottom: 10px;
  bottom: -3px;
}

@media print, screen and (min-width: 768px) {
  .p-story_memberDetailRep::after {
    height: 2px;
    bottom: -0.3vw;
  }
}

.p-story_memberDetailName {
  font-size: 5.33333vw;
  font-weight: 500;
}

@media print, screen and (min-width: 768px) {
  .p-story_memberDetailName {
    font-size: clamp(20px, 2.63543vw, 50px);
  }
}

.p-story_memberDetailArea {
  font-size: 2.66667vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_memberDetailArea {
    font-size: clamp(10px, 1.1713vw, 20px);
  }
}

.p-story_ep {
  background-color: #fff;
}

.p-story_ep.ep02 {
  height: 0;
  overflow: hidden;
}

.p-story_ep:not(:last-of-type) {
  margin-bottom: 16vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_ep:not(:last-of-type) {
    margin-bottom: 10vw;
  }
}

.p-story_epTtlArea {
  margin-bottom: -5vw;
  position: relative;
  z-index: 100;
}

@media print, screen and (min-width: 768px) {
  .p-story_epTtlArea {
    margin-bottom: -3vw;
  }
}

.p-story_epTtlSub {
  color: #B59242;
  display: block;
  text-align: center;
  margin-bottom: 1vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_epTtlSub {
    margin-bottom: 1.5vw;
  }
}

.p-story_epTtlSubText {
  display: inline-block;
  font-size: 3.73333vw;
  letter-spacing: 0.06em;
}

@media print, screen and (min-width: 768px) {
  .p-story_epTtlSubText {
    font-size: clamp(18px, 1.75695vw, 30px);
  }
}

.p-story_epTtlSubText::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #B59242;
  display: block;
  position: relative;
  margin-bottom: 10px;
  bottom: -1px;
}

@media print, screen and (min-width: 768px) {
  .p-story_epTtlSubText::after {
    height: 2px;
    bottom: -3px;
  }
}

.p-story_epTtl {
  font-size: 8vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
}

@media print, screen and (min-width: 768px) {
  .p-story_epTtl {
    font-size: clamp(35px, 5.12445vw, 72px);
    line-height: 1.4;
  }
}

.p-story_epMv {
  width: 100%;
  height: 60vmin;
  position: relative;
  margin-bottom: 12vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMv {
    height: 36.5vw;
    margin-bottom: 7vw;
  }
}

.p-story_epMvBg {
  width: 100%;
  height: 100%;
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvBg {
    border-radius: 60px;
  }
}

.p-story_epMvBg-mv01 {
  background: url(../../images/remeable/story_ep01_mv01.jpg) no-repeat right 25% center/cover;
}

.p-story_epMvBg-mv02 {
  background: url(../../images/remeable/story_ep02_mv01.jpg) no-repeat right 25% center/cover;
}

.p-story_epMvBgFilter::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 0 0 6vw 6vw;
  opacity: 0.65;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvBgFilter::after {
    border-radius: 0 0 60px 60px;
  }
}

/*背景色が伸びて出現 共通*/
.js-bg-anime {
  -webkit-animation-name: bgextendAnimeBase;
  animation-name: bgextendAnimeBase;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  opacity: 0;
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .js-bg-anime {
    border-radius: 60px;
  }
}

@-webkit-keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*--------- 左から --------*/
.js-bg-anime-left::before {
  -webkit-animation-name: bgLRextendAnime;
  animation-name: bgLRextendAnime;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #9ED0C1;
  /*伸びる背景色の設定*/
}

@-webkit-keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.p-story_epFill {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.p-story_epFill::before {
  content: "";
  display: block;
  background: white;
  background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 30vmin;
  position: absolute;
  bottom: 18vmin;
  left: 0;
}

@media print, screen and (min-width: 768px) {
  .p-story_epFill::before {
    height: 22vw;
    bottom: 10vw;
  }
}

.p-story_epFill::after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 30vmin;
  z-index: 100;
  top: -18vmin;
  left: 0;
}

@media print, screen and (min-width: 768px) {
  .p-story_epFill::after {
    height: 15vw;
    top: -10vw;
  }
}

.p-story_epBtnMore {
  display: block;
  background-color: #D40000;
  z-index: 101;
  position: absolute;
  top: -14vmin;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
  background-color: #fff;
  text-align: center;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #B59242;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
  padding: 16px 30px;
  width: 70%;
}

.p-story_epBtnMore::before {
  content: "";
  top: 90%;
  left: -150%;
  background-color: #B59242;
  width: 200%;
  height: 740%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media print, screen and (min-width: 768px) {
  .p-story_epBtnMore {
    width: 50%;
    top: -4vw;
    max-width: 380px;
    padding: 26px 30px;
    border: 2px solid #B59242;
  }
  .p-story_epBtnMore:hover {
    color: #D40000;
  }
  .p-story_epBtnMore:hover::before {
    top: -310%;
    left: -50%;
  }
}

.p-story_epBtnMore,
.p-story_epBtnMore::before {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.p-story_epBtnMoreText {
  color: #B59242;
  position: relative;
  z-index: 100;
  font-size: 3.73333vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_epBtnMoreText {
    font-size: clamp(14px, 1.31772vw, 22px);
  }
}

@media print, screen and (min-width: 768px) {
  .p-story_epBtnMore:hover .p-story_epBtnMoreText {
    color: #fff;
  }
}

.p-story_epMvProf {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 2;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProf {
    width: 47%;
    right: 40px;
    bottom: 40px;
  }
}

@media print, screen and (min-width: 1500px) {
  .p-story_epMvProf {
    width: 42%;
  }
}

.p-story_epMvProfTeamsName {
  color: #fff;
  position: relative;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 900;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfTeamsName {
    font-size: clamp(12px, 1.46413vw, 24px);
    margin-bottom: 20px;
  }
}

.p-story_epMvProfTeamsName::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  display: block;
  position: relative;
  margin-bottom: 13px;
  bottom: -5px;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfTeamsName::after {
    bottom: -0.5vw;
    margin-bottom: 1.5vw;
  }
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfDetailList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfDetailListItem {
    width: 49%;
  }
}

.p-story_epMvProfDetailListItem:not(:last-child) {
  margin-bottom: 1.5vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfDetailListItem:not(:last-child) {
    margin-bottom: 0;
    margin-right: 2%;
  }
}

.p-story_epMvProfDetailListItemName {
  color: #fff;
  text-align: left;
  font-size: 4.26667vw;
  margin-bottom: -2px;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfDetailListItemName {
    font-size: clamp(18px, 2.34261vw, 40px);
    margin-bottom: 0;
  }
}

.p-story_epMvProfDetailListItemRep {
  color: #fff;
  font-size: 2.66667vw;
  letter-spacing: 0.06em;
}

@media print, screen and (min-width: 768px) {
  .p-story_epMvProfDetailListItemRep {
    font-size: clamp(10px, 1.02489vw, 16px);
  }
}

.p-story_epInterviewInner {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-story_epInterviewImgWrap {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 6vw;
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewImgWrap {
    width: 39.4%;
    margin-right: 8.2%;
    margin-left: 0;
    margin-bottom: 0;
    z-index: 0;
  }
}

.p-story_epInterviewImgWrap img {
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-story_epInterviewImgWrap img {
    border-radius: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewTextArea {
    width: 52.4%;
  }
}

.p-story_epInterviewFaq:not(:last-of-type) {
  margin-bottom: 7vw;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewFaq:not(:last-of-type) {
    margin-bottom: 4.3vw;
  }
}

.p-story_epInterviewFaqQuestion {
  color: #B59242;
  position: relative;
  margin-bottom: 3vw;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewFaqQuestion {
    margin-bottom: 1.5vw;
  }
}

.p-story_epInterviewFaqQuestion::before {
  content: "";
  display: block;
  width: 2em;
  height: 1px;
  border-radius: 10px;
  background-color: #B59242;
  position: absolute;
  top: 0.8em;
}

.p-story_epInterviewFaqQuestion p {
  text-indent: 2.5em;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewFaqQuestion p {
    text-indent: 3em;
  }
}

.p-story_epInterviewFaqQuestion p,
.p-story_epInterviewFaqAnswer {
  line-height: 1.8;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewFaqQuestion p,
  .p-story_epInterviewFaqAnswer {
    line-height: 1.9;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewFaqQuestion p,
  .p-story_epInterviewFaqAnswer {
    font-size: clamp(16px, 1.46413vw, 26px);
  }
}

.p-story_epInterviewFaqAnswerName {
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}

.p-story_epInterviewFaqAnswer + .p-story_epInterviewFaqAnswer {
  margin-top: 15px;
}

.p-story_epInterviewFaqImg {
  margin-top: 6vw;
  margin-bottom: 6vw;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewFaqImg {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
}

.p-story_epInterviewInner:not(:last-of-type) {
  margin-bottom: 12vw;
}

@media print, screen and (min-width: 1024px) {
  .p-story_epInterviewInner:not(:last-of-type) {
    margin-bottom: 8vw;
  }
}

.p-cta {
  padding-right: 6%;
  padding-left: 6%;
}

@media print, screen and (min-width: 768px) {
  .p-cta {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-cta {
    padding-right: 0;
    padding-left: 0;
  }
}

.p-following_btnStore {
  width: 88%;
  padding-top: 5vmin;
  padding-bottom: 5vmin;
}

.p-staff_link {
  margin-top: -20vw;
  padding-top: 20vw;
}

@media print, screen and (min-width: 768px) {
  .p-staff_link {
    margin-top: -10vw;
    padding-top: 10vw;
  }
}

.p-staff {
  padding-right: 6%;
  padding-left: 6%;
}

@media print, screen and (min-width: 768px) {
  .p-staff {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1500px) {
  .p-staff {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-staff_ttlWrap {
    margin-bottom: 4vw;
  }
}

.p-staff_listItem {
  border-top: 1px solid rgba(206, 198, 182, 0.6);
  padding-top: 8vmin;
  padding-bottom: 8vmin;
}

@media print, screen and (min-width: 1024px) {
  .p-staff_listItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 1500px) {
  .p-staff_listItem {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.p-staff_listItem:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.p-staff_listItem:last-child {
  border-bottom: 1px solid rgba(206, 198, 182, 0.6);
}

.p-staff_listItemImg {
  width: 44%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5vmin;
}

@media print, screen and (min-width: 1024px) {
  .p-staff_listItemImg {
    width: 30.9%;
    margin-right: 6.2%;
    margin-left: 0;
    margin-bottom: 0;
  }
}

.p-staff_listItemImg img {
  border-radius: 6vw;
}

@media print, screen and (min-width: 768px) {
  .p-staff_listItemImg img {
    border-radius: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-staff_listItem:nth-child(2n) .p-staff_listItemImg {
    margin-left: 6.2%;
    margin-right: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-staff_listItemDetail {
    width: 62.9%;
  }
}

.p-staff_listItemDetailText {
  line-height: 2.0;
  margin-bottom: 3vmin;
}

@media print, screen and (min-width: 1024px) {
  .p-staff_listItemDetailText {
    font-size: clamp(16px, 1.31772vw, 24px);
    margin-bottom: 2vmin;
  }
}

.p-staff_listItemDetailName {
  color: #B59242;
}

@media print, screen and (min-width: 768px) {
  .p-staff_listItemDetailName {
    font-size: clamp(16px, 1.31772vw, 24px);
  }
}

.news_attention{
  font-size:2.5vw;
  margin-top:5px;
}

@media print, screen and (min-width: 768px) {
  .news_attention{
    font-size:14px;
    margin-top:5px;
  }
}

@media print, screen and (min-width: 1500px) {
  .news_attention{
    font-size:18px;
    margin-top:5px;
  }
}

.p-news {
  padding-right: 6%;
  padding-left: 6%;
}

@media print, screen and (min-width: 768px) {
  .p-news {
    padding-right: 8.7%;
    padding-left: 8.7%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-news {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-news {
    padding-right: 0;
    padding-left: 0;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-news_inner {
  position: relative;
  border-radius: 5vw;
  padding: 6vmin 6% 5vmin;
  background: #DFD7C5;
}

@media print, screen and (min-width: 768px) {
  .p-news_inner {
    padding: 6% 5.2% 5%;
    border-radius: 2vw;
  }
}

.p-news_heading {
  font-family: "Dosis", "Zen Kaku Gothic New", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 4.8vw;
  color: #B59242;
  text-align: center;
  display: block;
  position: absolute;
  top: -3vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media print, screen and (min-width: 768px) {
  .p-news_heading {
    font-size: clamp(26px, 2.34261vw, 38px);
    width: 15%;
    top: -1.5vw;
  }
}

.p-news_headingText {
  display: inline-block;
}

.p-news_headingText::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #B59242;
  position: relative;
  bottom: 5.5vmin;
}

@media print, screen and (min-width: 768px) {
  .p-news_headingText::after {
    bottom: 2.5vw;
  }
}

@media print, screen and (min-width: 1366px) {
  .p-news_headingText::after {
    bottom: 45px;
  }
}

.p-news_articleFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-news_articleDate {
  font-size: 3.2vw;
  display: block;
  margin-bottom: 5px;
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDate {
    font-size: clamp(14px, 1.1713vw, 18px);
    margin-bottom: 7px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetail {
    font-size: clamp(16px, 1.46413vw, 24px);
  }
}

.p-news_articleDetail,
.p-news_articleDate {
  padding-left: 6px;
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetail,
  .p-news_articleDate {
    padding-left: 10px;
  }
}

.p-news_articleFlexInner {
  width: 66%;
}

@media print, screen and (min-width: 768px) {
  .p-news_articleFlexInner {
    width: 75.5%;
  }
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetailText {
    line-height: 1.6;
  }
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetailTextLinkWrap {
    text-align: right;
  }
}

.p-news_articleDetailTextLink {
  background-color: #B59242;
  color: #fff;
  border-radius: 100px;
  padding: 10px 35px 12px;
  display: inline-block;
  margin-top: 2.5vmin;
  text-align: center;
  overflow: hidden;
  border: 1px solid #B59242;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
  position: relative;
}

.p-news_articleDetailTextLink::before {
  content: "";
  top: 90%;
  left: -150%;
  background-color: #fff;
  width: 200%;
  height: 740%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetailTextLink {
    min-width: 230px;
    padding: 12px 30px 15px;
    border: 2px solid #B59242;
    margin-top: 2vmin;
  }
  .p-news_articleDetailTextLink:hover {
    color: #B59242;
  }
  .p-news_articleDetailTextLink:hover::before {
    top: -310%;
    left: -50%;
  }
}

.p-news_articleDetailTextLink,
.p-news_articleDetailTextLink::before {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.p-news_articleDetailTextLinkInner {
  position: relative;
  z-index: 100;
  font-size: 3.2vw;
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetailTextLinkInner {
    font-size: clamp(12px, 1.1713vw, 20px);
  }
}

.p-news_articleDetailImg {
  width: 30%;
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetailImg {
    width: 19.7%;
  }
}

.p-news_articleDetailImg img {
  border-radius: 10px;
}

@media print, screen and (min-width: 768px) {
  .p-news_articleDetailImg img {
    border-radius: 30px;
  }
}

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