@charset "UTF-8";
/*************************************
breakpoint
*************************************/
/*************************************
font-size
*************************************/
img {
  max-width: 100%;
  vertical-align: bottom;
  width: auto;
}

@media screen and (min-width: 768px) {
  .display-sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .display-pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .overflow-pc {
    overflow: hidden;
  }
}

.c-credit__txt {
  text-align: justify;
}

.l-container {
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.l-inner {
  position: relative;
}

#lvMain {
  font-family: "Amiri", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.l-main {
  color: #333;
  display: block;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  line-break: strict;
  background-size: contain;
  z-index: 5;
  opacity: 1;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .l-main {
    font-size: 1.1538461538rem;
    background-size: 12.8571428571vw 12.8571428571vw;
  }
}
@media screen and (max-width: 767px) {
  .l-main {
    font-size: 1rem;
  }
}
.l-main * {
  box-sizing: border-box;
}
.l-main span {
  font-weight: inherit;
}
.l-main img {
  width: 100%;
}
.l-main picture {
  width: 100%;
  display: block;
}

.c-btn {
  line-height: 1.2;
  text-align: center;
}
.c-btn__link {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .c-btn__link {
    height: 70px;
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__link {
    font-size: 1rem;
    height: 45px;
    max-width: 300px;
  }
}
.c-btn__link--base {
  background-color: #707370;
  color: #fff !important;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .c-btn__link--base {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__link--base {
    height: 60px;
    max-width: 300px;
  }
}
.c-btn__link--base.is_hover {
  opacity: 0.6;
}
.c-btn__link--blue {
  background-color: #657fb2;
  color: #fff !important;
  transition: opacity 0.6s;
}
@media screen and (min-width: 768px) {
  .c-btn__link--blue {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__link--blue {
    font-size: 1.0769230769rem;
    height: 60px;
    max-width: 300px;
  }
}
.c-btn__link--blue.is_hover {
  background-color: #fff;
  color: #657fb2 !important;
  border: 1px solid #657fb2;
}
.c-btn__link--orange {
  background-color: #bf8539;
  color: #fff !important;
  transition: opacity 0.6s;
}
@media screen and (min-width: 768px) {
  .c-btn__link--orange {
    font-size: 1.1538461538rem;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__link--orange {
    font-size: 1.0769230769rem;
    height: 60px;
    max-width: 300px;
  }
}
.c-btn__link--orange.is_hover {
  background-color: #fff;
  color: #bf8539 !important;
  border: 1px solid #bf8539;
}
.c-btn__link--bdr {
  color: #333333 !important;
  border: solid 1px #333333;
  transition: background-color 0.3s, color 0.3s;
}
.c-btn__link--bdr.is_hover {
  background-color: #333333;
  color: #fff !important;
}
.c-btn__link--tel {
  color: #333333 !important;
  border: solid 1px #333333;
  transition: background-color 0.3s, color 0.3s;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .c-btn__link--tel {
    font-size: 0.8461538462rem;
    line-height: 1.4;
  }
}
.c-btn__link--tel.is_hover {
  background-color: #333333;
  color: #fff !important;
  opacity: 1;
}

.c-flex-center {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .c-flex-center-md {
    display: flex;
    justify-content: center;
  }
}

.c-lead {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-lead {
    font-size: 1.1538461538rem;
    line-height: 1.5;
    margin: 30px auto 0;
    width: 57.8571428571%;
  }
}
@media screen and (max-width: 767px) {
  .c-lead {
    font-size: 1rem;
    line-height: 2;
    margin: 3.3333333333vw 0 0;
  }
}

.c-mlink {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: right;
  text-decoration: underline;
}
.c-mlink img {
  width: 77px;
}
@media screen and (max-width: 767px) {
  .c-mlink img {
    width: 16vw;
  }
}

@media screen and (min-width: 768px) {
  .c-mlinkLook {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-mlinkLook {
    margin-top: 2.6666666667vw;
  }
}
.c-mlinkLook img {
  width: 144px;
}

.c-pr {
  background-color: rgba(255, 255, 255, 0.6);
  color: #333333;
  line-height: 1.2;
  position: absolute;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-pr {
    font-size: 1.0769230769rem;
    right: 2.1428571429%;
    top: 3.75%;
    padding: 0.3em 0.6em 0.2em;
    letter-spacing: 0.5px;
  }
}
@media screen and (max-width: 767px) {
  .c-pr {
    font-size: 0.8461538462rem;
    right: 5.3333333333vw;
    top: 4vw;
    padding: 0.3em 0.6em 0.198em;
    letter-spacing: 0.5px;
  }
}
@media screen and (min-width: 768px) {
  .c-pr .line {
    display: inline-block;
    /* margin-top: 4px; */
    width: 1px;
    background-color: #333333;
    height: 12px;
    margin-left: 6px;
    margin-right: 8px;
    position: relative;
    /* display: flex; */
    align-items: center;
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 767px) {
  .c-pr .line {
    display: inline-block;
    /* margin-top: 4px; */
    width: 1px;
    background-color: #333333;
    height: 9px;
    margin-left: 3px;
    margin-right: 5px;
    position: relative;
    /* display: flex; */
    align-items: center;
    margin-bottom: 3px;
  }
}

.c-text__link {
  color: #333333 !important;
  text-decoration: underline !important;
  transition: opacity 0.3s;
}
.c-text__link.is_hover {
  opacity: 0.65;
}
@media screen and (min-width: 768px) {
  .c-text__note {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .c-text__note {
    font-size: 24px;
    font-size: 3.2vw;
  }
}
.c-text__sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
.c-text__bold {
  font-weight: bold !important;
}

.c-title {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1.5;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
}
.c-title--main {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-title--main {
    font-size: 2.4615384615rem;
  }
}
@media screen and (max-width: 767px) {
  .c-title--main {
    font-size: 42px;
    font-size: 5.6vw;
  }
}
.c-title--primary {
  display: block;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .c-title--primary {
    font-size: 2.4615384615rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .c-title--primary {
    line-height: 1.4;
    font-size: 5.3333333333vw;
  }
}
.c-title--secondary {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .c-title--secondary {
    font-size: 1.8461538462rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .c-title--secondary {
    text-align: center;
    line-height: 1.4;
    font-size: 4.8vw;
  }
}

.c-credit {
  color: #333;
}
@media screen and (min-width: 768px) {
  .c-credit {
    margin-top: 5.625%;
    margin-top: 36px;
  }
}
@media screen and (max-width: 767px) {
  .c-credit {
    margin-top: 8%;
  }
}
.c-credit__btn {
  display: block;
  font-family: "Amiri", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.c-credit__btn:active {
  color: #111111;
}
@media screen and (min-width: 768px) {
  .c-credit__btn {
    font-size: 16px;
    /* 10~13 */
  }
}
@media screen and (max-width: 767px) {
  .c-credit__btn {
    font-size: clamp(1rem, 0.046rem + 3.308vw, 2rem);
    /* 13~26 */
  }
}
.c-credit__txt {
  margin-top: 5px;
  color: #707370;
}
@media screen and (min-width: 768px) {
  .c-credit__txt p {
    font-size: 14px;
    /* 10~13 */
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .c-credit__txt p {
    font-size: clamp(0.923rem, 0.042rem + 3.053vw, 1.846rem);
    /* 12~24 */
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .c-credit__txt p + p {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-credit__txt p + p {
    margin-top: 5.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .contents .c-credit {
    margin-left: inherit;
  }
}

.js-accordionBtn {
  position: relative;
}
.js-accordionBtn:hover {
  cursor: pointer;
}
.js-accordionBtn:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: #111111;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  transition: transform 0.3s ease-in-out, margin-top 0.3s ease-in-out;
  margin-left: 8px;
  margin-top: -2px;
}
.js-accordionBtn.txtOn:after {
  transform: rotate(-45deg);
  margin-top: 2px;
}
.js-accordionTxt {
  display: none;
}

.p-mv {
  z-index: 9;
  position: relative;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-mv {
    min-width: 1080px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv {
    padding-bottom: 8.2666666667vw;
  }
}
.p-mv__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1520px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-mv__container {
    min-width: 1080px;
  }
}
.p-mv__wrap {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  z-index: 20;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-mv__wrap {
    width: 42.7631578947%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 27.6%;
    transform: translateX(-50%);
    padding-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__wrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9.6vw;
  }
}
.p-mv__contText {
  transition: opacity 1.5s ease;
}
@media screen and (min-width: 768px) {
  .p-mv__contText {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding-bottom: 66px;
    padding-top: 56px;
    transition-delay: 1s;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__contText {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-mv__contText.is-active {
  opacity: 1;
}
.p-mv__catch {
  line-height: 1.5;
  color: #111;
  transition: opacity 1.5s ease;
}
@media screen and (min-width: 768px) {
  .p-mv__catch {
    font-size: 1.3846153846rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__catch {
    text-align: center;
    line-height: 1.6;
    font-size: 4vw;
  }
}
.p-mv__title {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-mv__title {
    margin-top: 6px;
    padding-top: 32px;
    text-align: center;
    width: 84.3076923077%;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__title {
    width: 80vw;
    padding-top: 6.6666666667vw;
  }
}
.p-mv__img {
  z-index: 10;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-mv__img--left {
    width: 47.3684210526%;
    width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__img--left {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__img--left .p-mv__navi {
    background-color: #b79c7a;
  }
}
@media screen and (min-width: 768px) {
  .p-mv__img--right {
    width: 47.3684210526%;
    width: 720px;
    margin-left: 5.2631578947%;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__img--right {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__img--right .p-mv__navi {
    background-color: #9fa8bc;
  }
}
.p-mv__img--bgleft {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-mv__img--bgleft::after {
    position: absolute;
    content: "";
    display: block;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    background-color: #b79c7a;
    z-index: -1;
  }
}
.p-mv__img--bgright {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-mv__img--bgright::after {
    position: absolute;
    content: "";
    display: block;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    background-color: #9fa8bc;
    z-index: -1;
  }
}
@media screen and (min-width: 768px) {
  .p-mv__navi {
    margin-top: 32px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__navi {
    text-align: center;
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.p-mv__navi--link {
  position: relative;
  transition: opacity 1.5s ease;
}
.p-mv__navi--link .navi--text {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-mv__navi--link .navi--text {
    text-align: center;
    font-size: 1.3846153846rem;
    color: #657fb2 !important;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__navi--link .navi--text {
    color: #fff !important;
    line-height: 1;
    font-size: 4.2666666667vw;
  }
}
.p-mv__navi--link .arrow-down {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-mv__navi--link .arrow-down {
    width: 26.5px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__navi--link .arrow-down {
    line-height: 1;
    width: 5.6vw;
  }
}
.p-mv__navi--link:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.p-mv__navi--link:hover .arrow-down {
  color: rgba(255, 255, 255, 0.8);
}
.p-mv__navi.coat-navi .p-mv__navi--link .navi--text {
  color: #bf8539 !important;
}
@media screen and (max-width: 767px) {
  .p-mv__navi.coat-navi .p-mv__navi--link .navi--text {
    color: #fff !important;
  }
}

@media screen and (min-width: 768px) {
  .p-mv .p-mv__contText {
    transition-delay: 0.6s;
  }
}
@media screen and (max-width: 767px) {
  .p-mv .p-mv__contText {
    transition-delay: 0.2s;
  }
}

.p-lead {
  background-color: #fff;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 2;
  position: relative;
  z-index: 99;
}
@media screen and (min-width: 768px) {
  .p-lead {
    font-size: 1.1538461538rem;
    text-align: center;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-lead {
    font-size: 3.4666666667vw;
    letter-spacing: -0.1em;
  }
}
.p-lead__container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-lead__container {
    padding: 86px 20px 94px;
  }
}
@media screen and (max-width: 767px) {
  .p-lead__container {
    padding: 0vw 4.2666666667vw 12.2666666667vw;
  }
}
.p-lead__text {
  color: #111111;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-lead__text {
    font-size: 1.2307692308rem;
    text-align: center;
    line-height: 1.9;
  }
}
@media screen and (max-width: 767px) {
  .p-lead__text {
    letter-spacing: 0.018em;
    line-height: 1.8125;
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-lead__text span {
    letter-spacing: 0em;
  }
}
@media screen and (min-width: 768px) {
  .p-lead__text + .p-lead__text {
    padding-top: 27px;
  }
}
@media screen and (max-width: 767px) {
  .p-lead__text + .p-lead__text {
    padding-top: 7.3333333333vw;
  }
}

.p-credit {
  color: #333;
  font-feature-settings: "palt";
  max-width: 1400px;
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8461538462rem;
  text-align: center;
}
@media screen and (min-width: 1400px) {
  .p-credit {
    padding-left: 105px;
    padding-right: 105px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-credit {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
}
@media screen and (max-width: 767px) {
  .p-credit {
    padding-bottom: 10.6666666667vw;
    padding-top: 10.6666666667vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-credit__cont {
    padding-top: 86px;
    padding-bottom: 75px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-credit {
    font-size: 0.9230769231rem;
  }
}
@media screen and (min-width: 768px) {
  .p-credit__wrap + .p-credit__wrap {
    margin-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  .p-credit__wrap + .p-credit__wrap {
    margin-top: 6.6666666667vw;
  }
}
.p-credit__title {
  color: #333;
}
@media screen and (min-width: 768px) {
  .p-credit__title {
    font-size: 1.2307692308rem;
  }
}
@media screen and (max-width: 767px) {
  .p-credit__title {
    font-size: 1rem;
  }
}
.p-credit__title > span {
  border-bottom: solid 2px #6e6e6e;
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.p-credit__des {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-credit__des {
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .p-credit__des {
    font-size: 0.9230769231rem;
    line-height: 1.8;
    margin-top: 4.6666666667vw;
  }
}
.p-credit__des--link {
  text-decoration: underline !important;
}
@media screen and (min-width: 768px) {
  .p-credit__btn {
    min-width: 200px;
    width: 30.3370786517%;
  }
}
@media screen and (min-width: 768px) {
  .p-credit__btn:not(:first-child) {
    margin-left: 4.4943820225%;
  }
}
@media screen and (max-width: 767px) {
  .p-credit__btn:not(:first-child) {
    margin-top: 20px;
  }
}
.p-credit__sns {
  display: inline-block;
  max-width: 42px;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .p-credit__sns {
    width: 5.6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-credit__sns:not(:first-child) {
    margin-left: 4.1666666667%;
  }
}
@media screen and (max-width: 767px) {
  .p-credit__sns:not(:first-child) {
    margin-left: 5.3333333333vw;
  }
}
.p-credit__sns.is_hover {
  opacity: 0.65;
}
.p-credit__note {
  margin-top: 20px;
}
.p-credit__telLink:link {
  color: #333 !important;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #wrapper {
    overflow: clip !important;
    /* MV固定のため変更 */
  }
}

@media screen and (min-width: 768px) {
  .none-pc {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .none-sp {
    display: none !important;
  }
}

.p-tabNav {
  position: absolute;
  z-index: 999;
  top: 0;
}
@media screen and (min-width: 768px) {
  .p-tabNav {
    position: absolute;
    margin-left: 2px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .p-tabNav {
    width: 8vw;
    z-index: 999;
    height: 60vh;
    padding-top: 26.6666666667vw;
  }
}
.p-tabNav__inner {
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .p-tabNav__inner {
    width: 100%;
    left: 0vw;
  }
}
.p-tabNav__items {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-tabNav__items.coat-style {
    margin-bottom: 100px;
    margin-left: 2px;
  }
}
@media screen and (max-width: 767px) {
  .p-tabNav__items.coat-style {
    padding-left: 0vw;
    margin-left: 0.2666666667vw;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-tabNav__items.active {
    border-left: 1px solid #bf8539;
  }
}
@media screen and (max-width: 767px) {
  .p-tabNav__items.active {
    border-left: 1px solid #bf8539;
  }
}
@media screen and (min-width: 768px) {
  .p-tabNav__items.knit-style.active {
    border-left: 1px solid #657fb2;
  }
}
@media screen and (max-width: 767px) {
  .p-tabNav__items.knit-style.active {
    border-left: 1px solid #657fb2;
  }
}
@media screen and (min-width: 768px) {
  .p-tabNav__items.knit-style {
    margin-bottom: 100px;
    margin-left: 2px;
  }
}
@media screen and (max-width: 767px) {
  .p-tabNav__items.knit-style {
    padding-left: 0vw;
    margin-bottom: 32px;
    margin-left: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-tabNav__link {
    display: block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 9990;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 1.2307692308rem;
    letter-spacing: 0.03em;
    font-weight: 500;
    transition: opacity 1.2s linear;
    color: #000;
  }
}
@media screen and (max-width: 767px) {
  .p-tabNav__link {
    display: block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 9990;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 3.2vw;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.4;
    transition: opacity 1.2s linear;
    color: #000;
  }
}

.p-slider {
  position: relative;
}
.p-slider.slider-01 {
  background: #decbb4;
}
.p-slider.slider-02 {
  background: #ccd3e3;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-slider .l-inner {
    margin-left: 4.35%;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .l-inner {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 768px) {
  .p-slider {
    padding-top: 82px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider {
    padding-top: 10vw;
    padding-bottom: 21.3333333333vw;
    margin-bottom: 0vw;
  }
}
.p-slider__title {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-slider__title {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider__title {
    padding-bottom: 2.6666666667vw;
    padding-top: 2.6666666667vw;
  }
}
.p-slider__title--text {
  position: relative;
  text-align: center;
  display: inline;
  color: #111;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-slider__title--text {
    font-size: 2.4615384615rem;
    line-height: 1.4;
    padding-bottom: 12px;
    padding-top: 15px;
    border-top: 2px solid #111;
    border-bottom: 2px solid #111;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider__title--text {
    font-size: 5.6vw;
    line-height: 1.4;
    padding-bottom: 2.6666666667vw;
    font-weight: 600;
    padding-bottom: 1.8666666667vw;
    padding-top: 1.8666666667vw;
    border-top: 0.2666666667vw solid #111;
    border-bottom: 0.2666666667vw solid #111;
    padding-left: 1.8666666667vw;
    padding-right: 1.8666666667vw;
  }
}
.p-slider__title--text::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #111111;
  line-height: 1;
  width: 100%;
  height: 2px;
  left: 0;
  top: -7px;
}
@media screen and (min-width: 768px) {
  .p-slider__title--text::after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider__title--text::after {
    height: 1px;
    top: -5px;
  }
}
.p-slider__title--text::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #111111;
  line-height: 1;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -7px;
}
@media screen and (min-width: 768px) {
  .p-slider__title--text::before {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider__title--text::before {
    height: 1px;
    bottom: -5px;
  }
}
.p-slider__btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-slider__btn {
    max-width: 300px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider__btn {
    padding-top: alc(16vw);
    max-width: 80vw;
  }
}
.p-slider__btn--link {
  display: block;
}
.p-slider__btn--link.is_hover {
  opacity: 0.8;
}
.p-slider .p-sliderSP {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP {
    padding-top: 40px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP {
    width: 100%;
    width: 66.1333333333vw;
    padding-bottom: 16vw;
  }
}
.p-slider .p-sliderSP__box {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__box {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP__item {
    max-width: 400px;
    width: 31.25%;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__item {
    margin-left: auto;
    margin-right: auto;
    width: 66.1333333333vw;
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP .p-sliderSP__item + .p-sliderSP__item {
    margin-left: 3.125%;
  }
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP__img {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__img {
    margin-left: auto;
    margin-right: auto;
    width: 66.1333333333vw;
    padding-bottom: 3.7333333333vw;
  }
}
.p-slider .p-sliderSP__text {
  color: #111;
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP__text {
    font-size: 1.2307692308rem;
    line-height: 1.812;
    text-align: justify;
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__text {
    text-align: justify;
    letter-spacing: -0.05rem;
    line-height: 1.812;
    font-size: 3.6vw;
    padding-bottom: 6vw;
  }
}
.p-slider .p-sliderSP__credit {
  color: #707370;
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP__credit {
    font-size: 1.0769230769rem;
    line-height: 1.62;
    text-align: justify;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__credit {
    line-height: 1.72;
    text-align: justify;
    letter-spacing: 0.1px;
    line-height: 1.7;
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__arrow .slide-arrow {
    position: absolute;
    z-index: 8;
    top: 34%;
    translate: -50%;
    width: 5.3333333333vw;
    z-index: 999;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__arrow .prev-arrow {
    left: 8%;
    translate: -50%;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP__arrow .next-arrow {
    right: 4%;
    translate: -50%;
  }
}
.p-slider .p-sliderSP02 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP02 {
    padding-top: 40px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02 {
    width: 100%;
    width: 66.1333333333vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 16vw;
  }
}
.p-slider .p-sliderSP02__box {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP02__item {
    max-width: 400px;
    width: 31.25%;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__item {
    width: 66.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP02 .p-sliderSP__item + .p-sliderSP__item {
    margin-left: 3.125%;
  }
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP02__img {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__img {
    padding-bottom: 4vw;
  }
}
.p-slider .p-sliderSP02__text {
  color: #111;
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP02__text {
    font-size: 1.2307692308rem;
    line-height: 1.812;
    text-align: justify;
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__text {
    text-align: justify;
    letter-spacing: -1.1px;
    line-height: 1.812;
    font-size: 3.4666666667vw;
    padding-bottom: 3.7333333333vw;
  }
}
.p-slider .p-sliderSP02__credit {
  color: #707370;
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
}
@media screen and (min-width: 768px) {
  .p-slider .p-sliderSP02__credit {
    font-size: 1.0769230769rem;
    line-height: 1.62;
    text-align: justify;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__credit {
    line-height: 1.72;
    text-align: justify;
    letter-spacing: 0.1px;
    line-height: 1.7;
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__arrow .slide-arrow {
    position: absolute;
    z-index: 8;
    top: 34%;
    translate: -50%;
    width: 5.3333333333vw;
    z-index: 999;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__arrow .prev-arrow {
    left: 8%;
    translate: -50%;
  }
}
@media screen and (max-width: 767px) {
  .p-slider .p-sliderSP02__arrow .next-arrow {
    right: 4%;
    translate: -50%;
  }
}
.p-slider .p-sliderSP__item.a-scroll-up {
  opacity: 1;
  transform: translate(0, 0);
}
.p-slider .p-sliderSP02__item.a-scroll-up {
  opacity: 1;
  transform: translate(0, 0);
}

.slider-01 .slick-prev, .slider-01 .slick-next {
  display: block;
  position: absolute;
  width: 6.2666666667vw;
  height: 8.9333333333vw;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  background: url("../images/slider_arrow_orange.png") no-repeat center;
  background-size: contain;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .slider-01 .slick-prev, .slider-01 .slick-next {
    top: 36.8vw;
  }
}
@media screen and (max-width: 767px) {
  .slider-01 .slick-prev {
    left: -11.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .slider-01 .slick-next {
    transform: rotate(-180deg);
    right: -11.7333333333vw;
  }
}
.slider-01 .slick-prev:disabled::before {
  display: none !important;
}

.slider-02 .slick-prev, .slider-02 .slick-next {
  display: block;
  position: absolute;
  width: 6.2666666667vw;
  height: 8.9333333333vw;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  background: url("../images/slider_arrow_blue.png") no-repeat center;
  background-size: contain;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .slider-02 .slick-prev, .slider-02 .slick-next {
    top: 36.8vw;
  }
}
@media screen and (max-width: 767px) {
  .slider-02 .slick-prev {
    left: -10.4vw;
  }
}
@media screen and (max-width: 767px) {
  .slider-02 .slick-next {
    transform: rotate(-180deg);
    right: -10.4vw;
  }
}
.slider-02 .slick-prev:disabled::before {
  display: none !important;
}

/*-----------------------------------------------------------------------------------------------------------------------------------
.contents01
-----------------------------------------------------------------------------------------------------------------------------------*/
.area {
  clip-path: inset(0 0 0 0);
}

#coat {
  position: relative;
}
@media screen and (max-width: 767px) {
  #coat {
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #coat .model01-container.l-container {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  #coat .model01-container.l-container {
    padding-bottom: 5.0666666667vw;
    padding-top: 26.6666666667vw;
  }
}

#knitStyle {
  position: relative;
}
@media screen and (max-width: 767px) {
  #knitStyle {
    padding-top: 40vw;
  }
}
@media screen and (min-width: 768px) {
  #knitStyle .model02-container.l-container {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  #knitStyle .model02-container.l-container {
    padding-bottom: 2.6666666667vw;
    padding-top: 26.6666666667vw;
  }
}

.p-model {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-model {
    min-width: 1000px;
  }
}
@media screen and (min-width: 768px) {
  .p-model.coat-model {
    min-width: 1100px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .p-model.coat-model {
    margin-bottom: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .p-model.knit-model {
    margin-bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-model .model01-container .l-inner {
    margin-left: 4.35%;
  }
}
@media screen and (max-width: 767px) {
  .p-model .model01-container .l-inner {
    padding-left: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-model .model02-container .l-inner {
    margin-left: 4.35%;
  }
}
@media screen and (max-width: 767px) {
  .p-model .model02-container .l-inner {
    padding-left: 10.6666666667vw;
  }
}
.p-model__container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-model__container {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px) {
  .p-model__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16vw;
  }
}
@media screen and (max-width: 767px) {
  .p-model__col {
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-model__col + .p-model__col {
    margin-top: -7.6923076923%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model__col + .p-model__col {
    margin-top: -80px;
  }
}
@media screen and (max-width: 767px) {
  .p-model__col + .p-model__col {
    padding-left: 0vw;
  }
}
.p-model__img {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-model__img {
    max-width: 600px;
    width: 46.875%;
    margin-right: 3.125%;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-model__img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.p-model .u-flex-reverse {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-model .u-flex-reverse .p-model__img {
    margin-right: 0;
    margin-left: 3.125%;
  }
}
@media screen and (max-width: 767px) {
  .p-model .u-flex-reverse .p-model__img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.p-model__mainItem01 {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-model__mainItem01 {
    max-width: 504px;
    width: 84%;
    left: 8%;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-model__mainItem01 {
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 3.4666666667vw;
    width: 74.6666666667vw;
  }
}
.p-model__itemKabe01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-model__itemKabe01 {
    max-width: 504px;
    width: 84%;
  }
}
@media screen and (max-width: 767px) {
  .p-model__itemKabe01 {
    margin-left: 3.4666666667vw;
    width: 74.6666666667vw;
  }
}
.p-model__itemKabe02 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-model__itemKabe02 {
    max-width: 508px;
    width: 84.6666666667%;
    margin-left: 5.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .p-model__itemKabe02 {
    margin-left: 7.4666666667vw;
    width: 74.6666666667vw;
  }
}
.p-model__mainItem02 {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-model__mainItem02 {
    max-width: 508px;
    width: 84.6666666667%;
    top: 0;
    left: 5.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .p-model__mainItem02 {
    margin-left: auto;
    margin-right: auto;
    width: 74.6666666667vw;
    top: 0;
    left: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-model__wrap {
    position: relative;
    max-width: 640px;
    padding-left: 0;
    padding-right: 0;
    width: 53.125%;
    z-index: 99;
  }
}
@media screen and (min-width: 1400px) {
  .p-model__wrap {
    max-width: 640px;
    padding-left: 0px;
    padding-right: 0px;
    width: 53.125%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-model__wrap {
    padding-left: 0%;
    padding-right: 0%;
    width: 53.125%;
  }
}
@media screen and (max-width: 767px) {
  .p-model__wrap {
    margin-left: auto;
    margin-right: auto;
    padding-right: 5.3333333333vw;
    padding-top: 9.6vw;
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-model__text {
    position: relative;
    max-width: 640px;
    padding-left: 0;
    padding-right: 0;
    width: 10%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model__text {
    max-width: 640px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-model__text {
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-model__text {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.p-model__ccopy {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-model__ccopy {
    font-size: 2.4615384615rem;
    line-height: 1.4;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .p-model__ccopy {
    font-size: 32px;
    font-size: 4.2666666667vw;
    font-size: 2.4615384615rem;
  }
}
@media screen and (max-width: 767px) {
  .p-model__ccopy {
    line-height: 1.4;
    font-size: 5.6vw;
    padding-bottom: 2vw;
  }
}
.p-model__desc {
  color: #333333;
  font-family: "Noto Sans CJK JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
  letter-spacing: -0.09rem;
}
@media screen and (min-width: 768px) {
  .p-model__desc {
    font-size: 1.2307692308rem;
    line-height: 1.8125;
    text-align: justify;
  }
}
@media screen and (max-width: 767px) {
  .p-model__desc {
    line-height: 1.8125;
    text-align: justify;
    letter-spacing: -0.08rem;
    font-size: 3.7333333333vw;
    padding-top: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-model__desc + .p-model__desc {
    padding-top: 28px;
  }
}
@media screen and (max-width: 767px) {
  .p-model__desc + .p-model__desc {
    padding-top: 3.4666666667vw;
  }
}
.p-model__credit {
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-model__credit {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-model__credit {
    margin-top: 3.4666666667vw;
  }
}
.p-model__credit img {
  margin-left: auto;
}
.p-model__btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-model__btn {
    max-width: 300px;
    padding-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .p-model__btn {
    padding-top: alc(16vw);
    max-width: 80vw;
    margin-left: -0.5333333333vw;
  }
}
.p-model__btn--link {
  display: block;
}
.p-model__btn--link.is_hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .p-model .model01 .model01-textWarp {
    padding-top: 92px;
    padding-top: 7.1843%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model01 .model01-textWarp {
    padding-top: 92px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model02 {
    margin-top: -75px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model02 .model02-textWarp {
    padding-top: 12.843%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model02 .model02-textWarp {
    padding-top: 164px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model03 {
    margin-top: -80px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model03 .model03-textWarp {
    padding-top: 15.33%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model03 .model03-textWarp {
    padding-top: 196px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model04 {
    margin-top: -120px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model04 .model04-textWarp {
    padding-top: 13.64%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model04 .model04-textWarp {
    padding-top: 175px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model05 {
    margin-top: 0px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model05 .model05-textWarp {
    padding-top: 92px;
    padding-top: 7.1843%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model05 .model05-textWarp {
    padding-top: 92px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model06 {
    margin-top: -75px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model06 .model06-textWarp {
    padding-top: 180px;
    padding-top: 14.1%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model06 .model06-textWarp {
    padding-top: 180px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model07 {
    margin-top: -78px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model07 .model07-textWarp {
    padding-top: 250px;
    padding-top: 19.59%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model07 .model07-textWarp {
    padding-top: 250px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model08 {
    margin-top: -98px;
  }
}
@media screen and (min-width: 768px) {
  .p-model .model08 .model08-textWarp {
    padding-top: 194px;
    padding-top: 15.13%;
  }
}
@media screen and (min-width: 1400px) {
  .p-model .model08 .model08-textWarp {
    padding-top: 194px;
  }
}

@media screen and (max-width: 767px) {
  .js-area {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .js-item {
    width: 100%;
  }
}

.box-02 {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slides-wrapper {
  display: flex;
  gap: 0px;
  margin: 0 auto;
  overflow: hidden;
}

.slide-img {
  width: 50vw;
  height: 50vh;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  #work .p-model__wrap {
    background-color: #f6fcff;
  }
}

@media screen and (max-width: 767px) {
  #dayoff .p-model__wrap {
    background-color: #fffdfa;
  }
}

.p-accordionSP__btn {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  width: 25.3333333333vw;
}
.p-accordionSP__btn p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 3.7333333333vw;
}
.p-accordionSP__btn p:hover {
  cursor: pointer;
}
.p-accordionSP__btn p:after {
  content: "";
  display: block;
  display: inline-block;
  vertical-align: middle;
  color: #111111;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  transition: transform 0.3s ease-in-out, margin-top 0.3s ease-in-out;
  margin-left: 6px;
  margin-top: -2px;
}
.p-accordionSP__btn p::before {
  position: absolute;
  left: -1px;
  bottom: 0px;
  content: "";
  display: block;
  display: inline-block;
  vertical-align: middle;
  background-color: #111111;
  line-height: 1;
  width: 25.6vw;
  height: 1px;
}
.p-accordionSP__btn.is-open p::after {
  transform: rotate(-45deg);
  margin-top: 2px;
}

.p-parallax {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  display: block;
  position: relative;
}
.p-parallax__fixedBg {
  width: 100%;
  height: 100vh;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-parallax__fixedBg {
    height: 100vh;
  }
}
.p-parallax__bgContena {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: auto;
  bottom: 0;
  z-index: -1;
  background-color: #f4ece2;
}
.p-parallax__bgContena.fixed {
  background-color: #f4ece2;
}
.p-parallax__bgContena.fixed.bottom {
  position: absolute;
  bottom: auto;
}
.p-parallax__bgContena.fixed .bg.collection01 {
  opacity: 1;
  visibility: visible;
}
.p-parallax__bgContena.fixed.visibleC02 {
  background-color: #fffdfa;
}
.p-parallax__bgContena.fixed.visibleC02 .bg.collection01 {
  opacity: 0;
  visibility: hidden;
}
.p-parallax__bgContena.fixed.visibleC02 .bg.collection02 {
  opacity: 1;
  visibility: visible;
}
.p-parallax__bgContena.fixed.visibleC02 .bg.collection02 .name {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03 {
  background-color: #fff;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03 .bg.collection02 {
  opacity: 0;
  visibility: hidden;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03 .bg.collection03 {
  opacity: 1;
  visibility: visible;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03 .bg.collection03 .name {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03.visibleC04 {
  background-color: #fff;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03.visibleC04 .bg.collection03 {
  opacity: 0;
  visibility: hidden;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03.visibleC04 .bg.collection04 {
  opacity: 1;
  visibility: visible;
}
.p-parallax__bgContena.fixed.visibleC02.visibleC03.visibleC04 .bg.collection04 .name {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-parallax__bgContena.c01 .bg.collection01 .inner, .p-parallax__bgContena.c02 .bg.collection02 .inner, .p-parallax__bgContena.c03 .bg.collection03 .inner, .p-parallax__bgContena.c04 .bg.collection04 .inner {
    opacity: 0.1;
  }
}
@media screen and (max-width: 767px) {
  .p-parallax__bgContena.c01 .bg.collection01 .inner, .p-parallax__bgContena.c02 .bg.collection02 .inner, .p-parallax__bgContena.c03 .bg.collection03 .inner, .p-parallax__bgContena.c04 .bg.collection04 .inner {
    opacity: 0.1;
  }
}
.p-parallax .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear, visibility 0.4s linear;
}
.p-parallax .bg.collection01 {
  z-index: 4;
}
.p-parallax .bg.collection02 {
  z-index: 3;
  background-color: #f5f8ff;
}
.p-parallax .bg.collection02 .name {
  opacity: 0;
  visibility: hidden;
}
.p-parallax .bg.show .name {
  transition-delay: 0s !important;
}
.p-parallax .bg.hide .name {
  opacity: 0 !important;
  visibility: hidden !important;
  transition-delay: 0s !important;
}
.p-parallax .bg .name {
  transition: opacity 0.4s linear, visibility 0.4s linear;
}
.p-parallax .bg .name img {
  width: 100%;
}
.p-parallax .bg .inner {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.8s ease-in-out;
}

#c01 .inner .name {
  display: block;
}
@media screen and (min-width: 768px) {
  #c01 .inner .name {
    display: block;
    max-width: 765px;
    width: 59.765625vw;
  }
}
@media screen and (max-width: 767px) {
  #c01 .inner .name {
    display: block;
    width: 76.5333333333vw;
  }
}

#c02 .inner .name {
  display: block;
}
@media screen and (min-width: 768px) {
  #c02 .inner .name {
    display: block;
    max-width: 733px;
    width: 57.265625vw;
  }
}
@media screen and (max-width: 767px) {
  #c02 .inner .name {
    display: block;
    width: 73.0666666667vw;
  }
}

@-webkit-keyframes grade {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 80% 100%;
  }
}
@keyframes grade {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 80% 100%;
  }
}
.u-align-center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .u-align-center-pc {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .u-align-center-sp {
    text-align: center;
  }
}

.u-align-left {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .u-align-left-pc {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .u-align-left-sp {
    text-align: left;
  }
}

.u-align-right {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .u-align-right-pc {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .u-align-right-sp {
    text-align: right;
  }
}

.u-align-justify {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}

.u-align-center {
  text-align: center;
}

.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .u-margin-left-md {
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .u-margin-right-md {
    margin-right: auto;
  }
}

.u-bgclr-primary {
  background-color: #ebf8fd;
}

.u-bgclr-secondary {
  background-color: #f1e9e4;
}

.u-bgclr-tertiary {
  background-color: #b1bec3;
}

.u-bgclr-e5e5e5 {
  background-color: rgba(229, 229, 229, 0.7);
}

.u-bgclr-e6a7ab {
  background-color: #e6a7ab;
}

.u-bgclr-e48c71 {
  background-color: #e48c71;
}

.u-bgclr-ebb062 {
  background-color: #ebb062;
}

.u-bgclr-ebe8e5 {
  background-color: #ebe8e5;
}

.u-bgclr-ffffff {
  background-color: #ffffff;
}

.u-bgclr-432f1d {
  background-color: #432f1d;
}

.u-bgclr-blue {
  background-color: #f6fcff;
}

.u-color-white {
  color: #fff;
}

.u-color-black {
  color: #333;
}

.u-color-blue {
  color: #657fb2;
}

.u-color-orange {
  color: #bf8539;
}

.u-color-a74e1c {
  color: #a74e1c;
}

.u-color-396868 {
  color: #396868;
}

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

.u-display-inline-block {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.u-flex-reverse {
  flex-direction: row-reverse;
}

@media screen and (min-width: 769px) {
  .l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.align-center {
  align-items: center;
}

.u-align-center {
  align-items: center;
}

.u-flex-reverse {
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .flex,
  .flex-pc {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.u-order-1 {
  order: 1;
}

.u-order-2 {
  order: 2;
}

.u-parallax {
  position: relative; /* positionをrelativeに変更。 */
  width: 100vw;
  height: 100vh;
  z-index: 1;
}
.u-parallax__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
}
.u-parallax__image {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  display: block;
}
@media screen and (min-width: 768px) {
  .u-parallax__image {
    width: 100vw;
    max-width: 1400px;
    height: 100vh;
    max-height: 945px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .u-parallax__image {
    width: 100vw;
    height: 143.3333333333vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .u-parallax__image--01 {
    background-image: url("../images/con02_img01_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .u-parallax__image--01 {
    background-image: url("../images/con02_img01_sp.jpg");
  }
}
@media screen and (min-width: 768px) {
  .u-parallax__image--02 {
    background-image: url("../images/con02_img02_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .u-parallax__image--02 {
    background-image: url("../images/con02_img02_sp.jpg");
  }
}
@media screen and (min-width: 768px) {
  .u-parallax__image--03 {
    background-image: url("../images/con02_img03_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .u-parallax__image--03 {
    background-image: url("../images/con02_img03_sp.jpg");
  }
}
.u-parallax__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 32px;
}
.u-parallax__txt {
  width: 100%;
  max-width: 800px;
  height: 100%;
  padding: 32px;
  background-color: rgba(255, 255, 255, 0.8);
}

.a-scroll-fade {
  opacity: 0;
  transition: opacity 1s, transform 1s;
}
.a-scroll-fade.is_active {
  opacity: 1;
}
.a-scroll-up {
  opacity: 0;
  transform: translate(0, 50px);
  transition: opacity 1s, transform 1s;
}
.a-scroll-up.is_active {
  opacity: 1;
  transform: translate(0, 0);
}
.a-scroll-down {
  opacity: 0;
  transform: translate(0, -50px);
  transition: opacity 1s, transform 1s;
}
.a-scroll-down.is_active {
  opacity: 1;
  transform: translate(0, 0);
}
.a-scroll-zoomout {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 1s, transform 1s;
}
.a-scroll-zoomout.is_active {
  opacity: 1;
  transform: scale(1);
}
.a-scroll-blur {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.a-scroll-blur.is_active {
  animation-name: aniBlur;
  opacity: 1;
}
@keyframes aniBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
.p-model__mainItem01.a-scroll-blur {
  transition: opacity 2s, transform 2s;
  transition-delay: 1s;
}
.p-model__mainItem01.a-scroll-blur.is_active {
  animation-name: aniBlur;
  opacity: 1;
}

.p-model__mainItem02.a-scroll-blur {
  transition: opacity 2s, transform 2s;
  transition-delay: 1s;
}
.p-model__mainItem02.a-scroll-blur.is_active {
  animation-name: aniBlur;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-slider.p-sliderSP__item.a-scroll-blur {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-slider.p-sliderSP__item.a-scroll-blur.is_active {
    opacity: 1;
  }
}

.viwe-delay02 {
  transition-delay: 0.2s;
}

.viwe-delay04 {
  transition-delay: 0.4s;
}

.viwe-delay06 {
  transition-delay: 0.6s;
}

.viwe-delay08 {
  transition-delay: 0.6s;
}/*# sourceMappingURL=style.css.map */