@charset "UTF-8";

/* ===================
  　　各サイト対応用
=================== */
html {
  -webkit-text-size-adjust: 100%;
}

#Wrap {
  width: 100% !important;
}

#FooterWrap {
  position: relative;
  z-index: 2;
}

a:hover {
  opacity: unset;
}

/* SP用*/
@media (max-width: 768px) {

  a:hover {
    opacity: unset;
  }

}

/* ===================
  　　　Animation
=================== */

/* -- keyframes -- */

@keyframes opa0 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes opa1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opa2 {
  0% {
    opacity: 0;
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes tra1 {
  100% {
    transform: translateX(0);
  }
}

@keyframes tra2 {
  100% {
    transform: translateY(0);
  }
}

@keyframes tra3 {
  0% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
  }
}


@keyframes tra3_2 {
  0% {
    transform: translateY(2px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes tra4 {
  0% {
    transform: translateX(6%);
  }

  100% {
    transform: translateX(0);
  }
}


@keyframes tra5 {
  0% {
    transform: translateX(-30%);
  }

  100% {
    transform: translateX(0);
  }
}


@keyframes tra6 {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.ef {
  opacity: 0;
}

.ef.effect {
  animation: opa1 1.2s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef2 {
  opacity: 0;
}

.ef2.effect {
  animation: opa2 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-top {
  opacity: 0;
  transform: translateY(50px);
}

.ef-top.effect {
  animation: opa1 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3 1s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-top2 {
  opacity: 0;
  transform: translateY(40px);
}

.ef-top2.effect {
  animation: opa2 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3_2 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-right {
  opacity: 0;
  transform: translateX(6%);
}

.ef-right.effect {
  animation: opa1 1.2s ease-in 0s 1 forwards, tra4 1.2s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-left {
  opacity: 0;
}

.ef-left.effect {
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra5 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-lg.effect {
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra6 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.contents_area,
.modal {
  color: #727171;
  font-family:"pragmatica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contents_area a,
.modal a {
  color: #727171;
}

.main-area {
  display: block;
  min-width: unset;
  max-width: unset;
}

.TO2024summer_lp .slick-dots li.slick-active button:before {
  background-color: #e2dbcc;
  content: "";
}

.TO2024summer_lp .slick-dots li button:before {
  background-color: #f2efe8;
  content: "";
  opacity: 1 !important;
}

.TO2024summer_lp {
  margin: 0 auto;
}
.TO2024summer_lp * {
  box-sizing: border-box;
}
.TO2024summer_lp li, .TO2024summer_lp summary {
  list-style: none;
}
.TO2024summer_lp img, .TO2024summer_lp video, .TO2024summer_lp picture {
  width: 100%;
  height: auto;
}
.TO2024summer_lp a, .TO2024summer_lp picture, .TO2024summer_lp figure {
  display: block;
}
.TO2024summer_lp a {
  color: inherit;
  text-decoration: none;
}
.TO2024summer_lp table {
  border-collapse: collapse;
}
.TO2024summer_lp img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
@media all and (-ms-high-contrast: none) {
  .TO2024summer_lp video {
    transform: scale(1.02);
    transform-origin: top left;
  }
}
.TO2024summer_lp address {
  font-style: inherit;
}
.TO2024summer_lp *:focus {
  outline: none;
}
.TO2024summer_lp .whitebg {
  position: relative;
  z-index: 1;
}
.TO2024summer_lp .whitebg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: -1;
}
.TO2024summer_lp .cont_inner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .TO2024summer_lp .pcOnly {
    display: none;
  }
  .TO2024summer_lp .spOnly {
    display: block;
  }
  .TO2024summer_lp .whitebg::after {
    display: none;
  }
  .TO2024summer_lp .cont_inner {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .slick-dots {
    margin: 0;
  }
  .TO2024summer_lp .spOnly {
    display: none;
  }
  .TO2024summer_lp img {
    image-rendering: -webkit-optimize-contrast;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.main_txt {
  font-size: 1.5rem;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
.main_txt p {
  line-height: inherit;
}
@media screen and (max-width: 768px) {
  .main_txt {
    font-size: calc(24 *(100vw / 750));
  }
}

.lp_nav_area {
  position: relative;
  z-index: 0;
}

.main_txt .sub {
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bgArea,
.bgArea .cont_inner {
  background: #f6efec;
}

.bgArea02,
.bgArea02 .cont_inner {
  background: #ececf2;
}

.contents1 {
  background-color: #7f9cb9;
}

.contents1 .mainImg img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contents1 .mainImg img {
    width: calc(750 *(100vw / 750));
  }
}
.contents1 .main_bgArea {
  background: rgb(246, 239, 236);
  background: linear-gradient(0deg, rgb(246, 239, 236) 0%, rgb(127, 156, 185) 100%);
}

.contents1 .main_bgArea .mainTxtBoxArea {
  padding-top: 8.2rem;
}

/* -- フェードイン調整 -- */
.contents1 .main_bgArea .fadein,
.contents2 .flexArea01--box2,
.contents4--flexArea02 .box2,
.contents6--flexArea03 .box2,
.contents7--flexArea04 .box2,
.sticky_contents-09 .fadein,
.contents8 .Look_ttl {
  opacity: 0;
  animation: opa2 1s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  -webkit-mask-size: 100% max(300%, 100vh);
  mask-size: 100% max(300%, 100vh);
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  -webkit-mask-repeat: none;
  mask-repeat: none;
  transform: translateZ(0);
  transition: -webkit-mask-position 2s linear;
  transition: mask-position 2s linear;
  transition: mask-position 2s linear, -webkit-mask-position 2s linear;
}

.contents1 .main_bgArea .fadein.fade-active,
.contents2 .flexArea01--box2.fade-active,
.contents4--flexArea02 .box2.fade-active,
.contents6--flexArea03 .box2.fade-active,
.contents7--flexArea04 .box2.fade-active,
.sticky_contents-09 .fadein.fade-active,
.contents8.fade-active .Look_ttl {
  -webkit-mask-position: center 0;
  mask-position: center 0;
}


@media screen and (max-width: 768px) {
  .contents1 .main_bgArea .mainTxtBoxArea {
    padding-top: calc(120 *(100vw / 750));
  }
}
.contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox01 {
  width: 23.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox01 {
    width: calc(350 *(100vw / 750));
  }
}
.contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox02 {
  margin-top: 5.4rem;
}
@media screen and (max-width: 768px) {
  .contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox02 {
    margin-top: calc(92 *(100vw / 750));
  }
}
.contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox03 {
  margin-top: 2.7rem;
}
@media screen and (max-width: 768px) {
  .contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox03 {
    margin-top: calc(37 *(100vw / 750));
  }
}
.contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox04 {
  margin-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  .contents1 .main_bgArea .mainTxtBoxArea .mainTxtBox04 {
    margin-top: calc(36 *(100vw / 750));
  }
}
.contents1 .main_bgArea .viewmore_wrao .mainTxtBox06 {
  margin-top: 2.7rem;
}
@media screen and (max-width: 768px) {
  .contents1 .main_bgArea .viewmore_wrao .mainTxtBox06 {
    margin-top: calc(34 *(100vw / 750));
  }
}
.fixed-navBg {
  width: 100vw;
  background: rgba(246, 239, 236, 0.8);
}
.fixed-nav {
  display: none;
}
.fixed-nav.m_fixed {
  display: flex;
}
.menu-list.nav_Area {
  position: relative;
  z-index: 10;
  width: 68rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 3.6rem;
}
@media screen and (max-width: 768px) {
  .menu-list.nav_Area {
    width: calc(660 *(100vw / 750));
    padding-top: calc(120 *(100vw / 750));
  }
}
.menu-list.nav_Area li {
  width: 20rem;
}
@media screen and (max-width: 768px) {
  .menu-list.nav_Area li {
    width: calc(200 *(100vw / 750));
  }
}
.m_fixed {
  margin: 0 auto;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 30;
  -webkit-animation: fadein 1s ease-out forwards;
          animation: fadein 1s ease-out forwards;
}

.m_fixed .menu-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  width: 68rem;
  margin: auto;
  padding: 1.5rem 0;
}

@media screen and (max-width: 768px) {
  .m_fixed {
  }
  .m_fixed .menu-list {
    width: calc(660 *(100vw / 750));
    padding: calc(20 *(100vw / 750)) 0;
    gap: calc(30 *(100vw / 750));
  }
}
.m_fixed li {
  width: 20rem;
}
@media screen and (max-width: 768px) {
  .m_fixed li {
    width: calc(200 *(100vw / 750));
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.contents2 {
  padding-top: 16rem;
}
@media screen and (max-width: 768px) {
  .contents2 {
    position: relative;
    z-index: 0;
    transform: translateZ(1px);
    padding-top: 0;
  }
}
.contents2 .flexArea01 {
  display: flex;
  width: auto;
  margin-left: 6.5rem;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01 {
    display: block;
    margin-left: calc(0 *(100vw / 750));
  }
}
.contents2 .flexArea01--box1 {
  width: 55.2rem;
  height: 76rem;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box1 {
    width: calc(750 *(100vw / 750));
    height: auto;
  }
}
.contents2 .flexArea01--box2 {
  margin: 5.3rem 0 0 18.2rem;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 {
    margin: calc(108 *(100vw / 750)) 0 0 calc(0 *(100vw / 750));
  }
}
.contents2 .flexArea01--box2 .txt01 {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #d6a9a1;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .txt01 {
    font-size: calc(28 *(100vw / 750));
  }
}
.contents2 .flexArea01--box2 .item01 {
  width: 24.5rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .item01 {
    width: calc(490 *(100vw / 750));
    margin: calc(66 *(100vw / 750)) auto 0;
  }
}
.contents2 .flexArea01--box2 .txt02 {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  margin-top: 3.4rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .txt02 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(70 *(100vw / 750));
  }
}
.contents2 .flexArea01--box2 .txt03 {
  font-size: 1.4rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .txt03 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(18 *(100vw / 750));
  }
}
.contents2 .flexArea01--box2 .txt03 .taxin {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .txt03 .taxin {
    font-size: calc(22 *(100vw / 750));
  }
}
.contents2 .flexArea01--box2 .txt04 {
  width: 14.4rem;
  margin: 2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .txt04 {
    width: calc(300 *(100vw / 750));
    margin: calc(49 *(100vw / 750)) auto 0;
  }
}
.contents2 .flexArea01--box2 .txt05 {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 2;
  text-align: center;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
  margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
  .contents2 .flexArea01--box2 .txt05 {
    font-size: calc(24 *(100vw / 750));
    width: calc(650 *(100vw / 750));
    margin: calc(87 *(100vw / 750)) auto 0;
    text-align: justify;
  }
}

.contents3 {
  padding: 21.3rem 0 10rem 0;
}
@media screen and (max-width: 768px) {
  .contents3 {
    padding: calc(0 *(100vw / 750)) 0 calc(0 *(100vw / 750)) 0;
  }
}
.contents3 .modalArea01 {
  width: 35.1rem;
  margin: 0rem 0 0 24rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea01 {
    width: calc(680 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) calc(50 *(100vw / 750)) 0 calc(0 *(100vw / 750));
    margin-left: auto;
    padding-top: calc(230 *(100vw / 750));
  }
}

.model_img {
  background-color: #dab2aa;
}

.contents5 .model_img,
.sticky_contents-07 .model_img {
  background-color: #99b0c7;
}

.model_img_inner {
  position: relative;
  transform: none !important;
  cursor: pointer;
}
.contents3 .modalArea01 .model_img .pickig {
  width: 35.1rem;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea01 .model_img,
  .contents3 .modalArea01 .model_img .pickig {
    width: calc(552 *(100vw / 750));
    margin-left: auto;
  }
}
.contents3 .modalArea01 .model_img .item02 {
  width: 22.8rem;
  position: absolute;
  top: -9.1rem;
  left: -8rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea01 .model_img .item02 {
    width: calc(360 *(100vw / 750));
    top: calc(90 *(100vw / 750));
    left: calc(0 *(100vw / 750));
  }
}
.contents3 .modalArea01 .model_img .modal_cross {
  position: absolute;
  bottom: 1.1rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea01 .model_img .modal_cross {
    bottom: calc(21 *(100vw / 750));
    right: calc(20 *(100vw / 750));
  }
}
.contents3 .modalArea01 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}

.modal_cross {
  position: relative;
  width: 4rem;
  height: 4rem;
  line-height: 0;
}

.modal_cross img {
  opacity: 0;
}

.modal_cross::before,
.modal_cross::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.modal_cross::after {
  transform: rotate(90deg)
}

@media screen and (max-width: 768px) {
  .contents3 .modalArea01 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }

  .modal_cross {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents3 .modalArea02 {
  width: 39.9rem;
  margin: -31.8rem 21rem 0 0;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea02 {
    width: calc(710 *(100vw / 750));
    margin: calc(240 *(100vw / 750)) calc(0 *(100vw / 750)) 0 0;
  }
}
.contents3 .modalArea02 .model_img {
}
.contents3 .modalArea02 .model_img .pickig {
  width: 39.9rem;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea02 .model_img,
  .contents3 .modalArea02 .model_img .pickig {
    width: calc(624 *(100vw / 750));
  }
}
.contents3 .modalArea02 .model_img .item03 {
  width: 22.8rem;
  position: absolute;
  top: -9.1rem;
  right: -5rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea02 .model_img .item03 {
    width: calc(360 *(100vw / 750));
    top: calc(-140 *(100vw / 750));
    right: calc(0 *(100vw / 750));
  }
}
.contents3 .modalArea02 .model_img .modal_cross {
  position: absolute;
  bottom: 1.1rem;
  left: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea02 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    left: calc(20 *(100vw / 750));
  }
}
.contents3 .modalArea02 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea02 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents3 .modalArea03 {
  width: 33.6rem;
  margin: 21rem auto 0;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea03 {
    width: calc(552 *(100vw / 750));
    margin: calc(240 *(100vw / 750)) 0 0 calc(100 *(100vw / 750));
  }
}
.contents3 .modalArea03 .model_img {
}
.contents3 .modalArea03 .model_img .pickig {
  width: 33.6rem;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea03 .model_img .pickig {
    width: calc(552 *(100vw / 750));
  }
}
.contents3 .modalArea03 .model_img .item04 {
  width: 22.8rem;
  position: absolute;
  top: -9.1rem;
  left: -5rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea03 .model_img .item04 {
    width: calc(360 *(100vw / 750));
    top: calc(-140 *(100vw / 750));
    left: calc(-80 *(100vw / 750));
  }
}
.contents3 .modalArea03 .model_img .modal_cross {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea03 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    right: calc(20 *(100vw / 750));
  }
}
.contents3 .modalArea03 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents3 .modalArea03 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}

.contents4--flexArea02 {
  display: flex;
  width: auto;
  margin-left: 6.5rem;
  padding-top: 10rem;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 {
    display: block;
    margin-left: calc(0 *(100vw / 750));
    padding-top: calc(0 *(100vw / 750));
  }
}
.contents4--flexArea02 .box1 {
  width: 55.2rem;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box1 {
    position: relative;
    z-index: 10;
    width: calc(750 *(100vw / 750));
    height: calc(1000*(100vw / 750));
  }
}
.contents4--flexArea02 .box2 {
  margin: 5.3rem 0 0 17.5rem;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 {
    margin: calc(108 *(100vw / 750)) 0 0 calc(0 *(100vw / 750));
  }
}
.contents4--flexArea02 .box2 .txt01 {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #99b0c7;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .txt01 {
    font-size: calc(28 *(100vw / 750));
  }
}
.contents4--flexArea02 .box2 .item05 {
  width: 21rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .item05 {
    width: calc(420 *(100vw / 750));
    margin: calc(65 *(100vw / 750)) auto 0;
  }
}
.contents4--flexArea02 .box2 .txt02 {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  margin-top: 3.4rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .txt02 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(70 *(100vw / 750));
  }
}
.contents4--flexArea02 .box2 .txt03 {
  font-size: 1.4rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .txt03 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(17 *(100vw / 750));
  }
}
.contents4--flexArea02 .box2 .txt03 .taxin {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .txt03 .taxin {
    font-size: calc(22 *(100vw / 750));
  }
}
.contents4--flexArea02 .box2 .txt04 {
  width: 14.4rem;
  margin: 2.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .txt04 {
    width: calc(300 *(100vw / 750));
    margin: calc(50 *(100vw / 750)) auto 0;
  }
}
.contents4--flexArea02 .box2 .txt05 {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 2;
  text-align: center;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
  margin-top: 4.3rem;
}
@media screen and (max-width: 768px) {
  .contents4--flexArea02 .box2 .txt05 {
    width: calc(650 *(100vw / 750));
    margin: calc(87 *(100vw / 750)) auto 0;
    font-size: calc(24 *(100vw / 750));
    text-align: justify;
  }
}

.contents5 {
  padding-top: 45.2rem;
}
@media screen and (max-width: 768px) {
  .contents5 {
    padding-top: calc(86 *(100vw / 750));
    overflow: hidden;
  }
}
.contents5 .topflexArea {
  width: 115rem;
  margin: 0 0 0 11.9rem;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea {
    width: auto;
    margin: 0 0 0 calc(0 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea04 {
  width: 54.8rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea04 {
    width: calc(750 *(100vw / 750));
    margin: 0;
  }
}
.contents5 .topflexArea--modalArea04 .model_img {
  width: 39.9rem;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea04 .model_img {
    width: calc(624 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea04 .model_img .item04 {
  width: 15.2rem;
  position: absolute;
  bottom: -9.2rem;
  left: -6rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea04 .model_img .item04 {
    width: calc(240 *(100vw / 750));
    bottom: calc(-141 *(100vw / 750));
    left: calc(20 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea04 .model_img .modal_cross {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea04 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    right: calc(20 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea04 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea04 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea04 .modalArea04__item {
  width: 47.6rem;
  margin-left: auto;
  margin-top: 5.2rem;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea04 .modalArea04__item {
    width: calc(550 *(100vw / 750));
    margin-top: calc(90 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea05 {
  width: 50.6rem;
  margin: -101rem 0 0 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea05 {
    width: calc(750 *(100vw / 750));
    margin: calc(100 *(100vw / 750)) auto 0;
  }
}
.contents5 .topflexArea--modalArea05 .model_img {
  width: 35.1rem;
  margin-left: auto;
  position: relative;
}


@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea05 .model_img {
    width: calc(552 *(100vw / 750));
    margin: 0 auto;
  }
}
.contents5 .topflexArea--modalArea05 .model_img .item04 {
  width: 15.2rem;
  position: absolute;
  bottom: -9.2rem;
  right: -7.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea05 .model_img .item04 {
    width: calc(240 *(100vw / 750));
    bottom: calc(-140 *(100vw / 750));
    right: calc(-100 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea05 .model_img .modal_cross {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea05 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    left: calc(20 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea05 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea05 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents5 .topflexArea--modalArea05 .modalArea04__item {
  width: 47.6rem;
  margin-top: 5.2rem;
  margin-left: -3rem;
}
@media screen and (max-width: 768px) {
  .contents5 .topflexArea--modalArea05 .modalArea04__item {
    width: calc(550 *(100vw / 750));
    margin-top: calc(90 *(100vw / 750));
    margin-left: calc(0 *(100vw / 750));
  }
}
.contents5 .modalArea06 {
  width: 50.6rem;
  margin: 12rem 9.6rem 0 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .contents5 .modalArea06 {
    width: calc(552 *(100vw / 750));
    margin: calc(100 *(100vw / 750)) calc(0 *(100vw / 750)) 0 0;
    margin-left: auto;
  }
}
.contents5 .modalArea06 .model_img {
  width: 33.6rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contents5 .modalArea06 .model_img {
    width: calc(552 *(100vw / 750));
  }
}
.contents5 .modalArea06 .model_img .item04 {
  width: 15.2rem;
  position: absolute;
  bottom: -10rem;
  left: -10.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents5 .modalArea06 .model_img .item04 {
    width: calc(240 *(100vw / 750));
    bottom: calc(-141 *(100vw / 750));
    left: calc(-158 *(100vw / 750));
  }
}
.contents5 .modalArea06 .model_img .modal_cross {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents5 .modalArea06 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    right: calc(20 *(100vw / 750));
  }
}
.contents5 .modalArea06 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents5 .modalArea06 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents5 .modalArea06 .modalArea04__item {
  width: 47.6rem;
  margin-left: auto;
  margin-top: 6.2rem;
}
@media screen and (max-width: 768px) {
  .contents5 .modalArea06 .modalArea04__item {
    width: calc(550 *(100vw / 750));
    margin-top: calc(91 *(100vw / 750));
  }
}

.contents6--flexArea03 {
  display: flex;
  width: auto;
  margin-left: 6.5rem;
  padding-top: 10rem;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 {
    display: block;
    margin-left: calc(0 *(100vw / 750));
    padding-top: calc(0 *(100vw / 750));
  }
}
.contents6--flexArea03 .box1 {
  width: 55.2rem;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box1 {
    width: calc(750 *(100vw / 750));
  }
}
.contents6--flexArea03 .box2 {
  margin: 5.1rem 0 0 19.6rem;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 {
    margin: calc(107 *(100vw / 750)) 0 0 calc(0 *(100vw / 750));
  }
}
.contents6--flexArea03 .box2 .txt01 {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #d6a9a1;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .txt01 {
    font-size: calc(28 *(100vw / 750));
  }
}
.contents6--flexArea03 .box2 .item12 {
  width: 27rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .item12 {
    width: calc(540 *(100vw / 750));
    margin: calc(66 *(100vw / 750)) auto 0;
  }
}
.contents6--flexArea03 .box2 .txt02 {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  margin-top: 3.4rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .txt02 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(70 *(100vw / 750));
  }
}
.contents6--flexArea03 .box2 .txt03 {
  font-size: 1.4rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .txt03 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(18 *(100vw / 750));
  }
}
.contents6--flexArea03 .box2 .txt03 .taxin {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .txt03 .taxin {
    font-size: calc(22 *(100vw / 750));
  }
}
.contents6--flexArea03 .box2 .txt04 {
  width: 14.4rem;
  margin: 2.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .txt04 {
    width: calc(300 *(100vw / 750));
    margin: calc(49 *(100vw / 750)) auto 0;
  }
}
.contents6--flexArea03 .box2 .txt05 {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 2;
  text-align: center;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
  margin-top: 4.3rem;
}
@media screen and (max-width: 768px) {
  .contents6--flexArea03 .box2 .txt05 {
    width: calc(650 *(100vw / 750));
    margin: calc(87 *(100vw / 750)) auto 0;
    font-size: calc(24 *(100vw / 750));
    text-align: justify;
  }
}

.sticky_contents-05 .cont_inner {
  padding-top: 23rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-05 {
    position: relative;
    z-index: 14;
    transform: translateZ(1px);
  }
  .sticky_contents-05 .cont_inner {
    padding: calc(255 *(100vw / 750)) 0 calc(120 *(100vw / 750)) 0;
  }
}
.sticky_contents-05 .modalArea07 {
  width: 39.9rem;
  margin: calc(0 *(100vw / 750)) auto 0;
}
@media screen and (max-width: 768px) {
  .sticky_contents-05 .modalArea07 {
    width: calc(624 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) auto;
  }
}
.sticky_contents-05 .modalArea07 .model_img {
  width: 39.9rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sticky_contents-05 .modalArea07 .model_img {
    width: calc(624 *(100vw / 750));
  }
}
.sticky_contents-05 .modalArea07 .model_img .item13 {
  width: 14rem;
  position: absolute;
  top: -11rem;
  left: -5rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-05 .modalArea07 .model_img .item13 {
    width: calc(220 *(100vw / 750));
    top: calc(-167 *(100vw / 750));
    left: calc(-63 *(100vw / 750));
  }
}
.sticky_contents-05 .modalArea07 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-05 .modalArea07 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    right: calc(20 *(100vw / 750));
  }
}
.sticky_contents-05 .modalArea07 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-05 .modalArea07 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}

.contents7--flexArea04 {
  display: flex;
  width: auto;
  margin-left: 6.5rem;
  padding-top: 10rem;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 {
    display: block;
    margin: 0;
    padding: 0;
  }
}
.contents7--flexArea04 .box1 {
  width: 55.2rem;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box1 {
    width: calc(750 *(100vw / 750));
  }
}
.contents7--flexArea04 .box2 {
  margin: 5.2rem 0 0 15.3rem;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 {
    margin: calc(106 *(100vw / 750)) 0 0 calc(0 *(100vw / 750));
  }
}
.contents7--flexArea04 .box2 .txt01 {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #99b0c7;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 .txt01 {
    font-size: calc(28 *(100vw / 750));
  }
}
.contents7--flexArea04 .box2 .item14 {
  width: 12.5rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 .item14 {
    width: calc(250 *(100vw / 750));
    margin: calc(65 *(100vw / 750)) auto 0;
  }
}
.contents7--flexArea04 .box2 .txt02 {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  margin-top: 3.4rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 .txt02 {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(70 *(100vw / 750));
  }
}
.contents7--flexArea04 .box2 .txt03 {
  width: auto;
  margin: 1.7rem auto 0;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
}

.contents_area .txt_label {
  font-size: 1.3rem;
}

.contents7--flexArea04 .box2 .txt03 .taxin {
  font-size: 1.2rem;
}

.contents_area .txt_sm_label {
  font-size: 1.3rem;
}

.contents_area .txt_sm_label .txt_label {
  font-size: 1.2rem;
}

.contents_area .txt_sm_label .taxin {
  font-size: 1.1rem;
}

@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 .txt03 {
    width: auto;
    margin: calc(26 *(100vw / 750)) auto 0;
    font-size: calc(26 *(100vw / 750));
    line-height: 1.75;
  }

  .contents_area .txt_label {
    padding: 0 calc(5 *(100vw / 750));
    font-size: calc(24 *(100vw / 750));
  }

  .contents_area .txt_sm_label {
    font-size: calc(24 *(100vw / 750));
  }

  .contents_area .txt_sm_label .txt_label {
    font-size: calc(22 *(100vw / 750));
  }

  .contents_area .txt_sm_label .taxin {
    font-size: calc(20 *(100vw / 750));
  }

  .contents7--flexArea04 .box2 .txt03 .taxin {
    font-size: calc(22 *(100vw / 750));
  }
}
.contents7--flexArea04 .box2 .txt04 {
  width: 14.4rem;
  margin: 2.6rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 .txt04 {
    width: calc(300 *(100vw / 750));
    margin: calc(58 *(100vw / 750)) auto 0;
  }
}
.contents7--flexArea04 .box2 .txt05 {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 2;
  text-align: center;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #727171;
  margin-top: 4.3rem;
}
@media screen and (max-width: 768px) {
  .contents7--flexArea04 .box2 .txt05 {
    width: calc(650 *(100vw / 750));
    margin: calc(89 *(100vw / 750)) auto 0;
    font-size: calc(24 *(100vw / 750));
    text-align: justify;
  }
}
.contents7--flexArea04 .box2 .txt05 .font_pra {
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sticky_contents-07 .cont_inner {
  padding-top: 12rem;
  padding-bottom: 17rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .cont_inner {
    padding: calc(38 *(100vw / 750)) 0 calc(0 *(100vw / 750)) 0;
  }
}
.sticky_contents-07 .modalArea08 {
  width: 33.6rem;
  margin: 0rem 0 0 13.6rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea08 {
    width: calc(552 *(100vw / 750));
    margin: 0 0 0 calc(50 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea08 .model_img {
}
.sticky_contents-07 .modalArea08 .model_img .item13 {
  width: 15.2rem;
  position: absolute;
  bottom: -7.3rem;
  left: -7.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea08 .model_img .item13 {
    width: calc(240 *(100vw / 750));
    bottom: calc(-120 *(100vw / 750));
    left: calc(438 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea08 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea08 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    right: calc(485 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea08 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea08 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea09 {
  width: 43.2rem;
  margin: -21.7rem 6.4rem 0 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea09 {
    width: calc(642 *(100vw / 750));
    margin: calc(220 *(100vw / 750)) 0 0 0;
    margin-left: auto;
  }
}
.sticky_contents-07 .modalArea09 .model_img {
  width: 43.2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea09 .model_img {
    width: calc(642 *(100vw / 750));
    margin-left: auto;
  }
}
.sticky_contents-07 .modalArea09 .model_img .item13 {
  width: 15.2rem;
  position: absolute;
  bottom: -7.2rem;
  left: -6.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea09 .model_img .item13 {
    width: calc(240 *(100vw / 750));
    bottom: calc(-120 *(100vw / 750));
    left: calc(-89 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea09 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  right: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea09 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    right: calc(20 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea09 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea09 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea10 {
  width: 35.1rem;
  margin: -16.6rem 0 0 32.6rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea10 {
    width: calc(552 *(100vw / 750));
    margin: calc(220 *(100vw / 750)) auto 0;
  }
}
.sticky_contents-07 .modalArea10 .model_img {
  width: 35.1rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea10 .model_img {
    width: calc(552 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea10 .model_img .item13 {
  width: 15.2rem;
  position: absolute;
  bottom: -7.2rem;
  right: -7.2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea10 .model_img .item13 {
    width: calc(240 *(100vw / 750));
    bottom: calc(-119 *(100vw / 750));
    right: calc(-79 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea10 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  left: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea10 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    left: calc(20 *(100vw / 750));
  }
}
.sticky_contents-07 .modalArea10 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 .modalArea10 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}

.contents8 {
  padding-top: 10.4rem;
}
@media screen and (max-width: 768px) {
  .contents8 {
    padding-top: calc(120 *(100vw / 750));
  }
}
.contents8 .Look_ttl {
  width: 25.2rem;
  margin: 0rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents8 .Look_ttl {
    width: calc(340 *(100vw / 750));
  }
}
.contents8 .modalArea11 {
  width: 42.6rem;
  margin: 6rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents8 .modalArea11 {
    width: calc(654 *(100vw / 750));
    margin: calc(61 *(100vw / 750)) auto 0;
  }
}
.contents8 .modalArea11 .model_img {
  position: relative;
  width: 42.6rem;
}
@media screen and (max-width: 768px) {
  .contents8 .modalArea11 .model_img {
    width: calc(654 *(100vw / 750));
  }
}
.contents8 .modalArea11 .model_img .item13 {
  width: 21.3rem;
  position: absolute;
  bottom: -2.2rem;
  right: -1.5rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents8 .modalArea11 .model_img .item13 {
    width: calc(329 *(100vw / 750));
    bottom: calc(-39 *(100vw / 750));
    right: calc(-7 *(100vw / 750));
  }
}
.contents8 .modalArea11 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  left: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents8 .modalArea11 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    left: calc(20 *(100vw / 750));
  }
}
.contents8 .modalArea11 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents8 .modalArea11 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents8 .modalArea11 .pallet_item {
  width: 42rem;
  margin: 6rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents8 .modalArea11 .pallet_item {
    width: calc(650 *(100vw / 750));
    margin: calc(90 *(100vw / 750)) auto 0;
  }
}
.contents8 .btmflexArea {
  width: 110rem;
  margin: 12rem auto 0;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .contents8 .btmflexArea {
    width: auto;
    margin: calc(0 *(100vw / 750)) auto 0;
    display: block;
  }
}
.contents8 .btmflexArea .modalArea12 {
  width: 42.6rem;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea12 {
    width: calc(654 *(100vw / 750));
    margin: calc(100 *(100vw / 750)) auto 0;
  }
}
.contents8 .btmflexArea .modalArea12 .model_img {
  position: relative;
  width: 42.6rem;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea12 .model_img {
    width: calc(654 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea12 .model_img .item13 {
  width: 22.4rem;
  position: absolute;
  bottom: -2.3rem;
  right: -2.5rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea12 .model_img .item13 {
    width: calc(348 *(100vw / 750));
    bottom: calc(-36 *(100vw / 750));
    right: calc(312 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea12 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  left: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea12 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    left: calc(585 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea12 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea12 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea12 .pallet_item {
  width: 42rem;
  margin: 6rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea12 .pallet_item {
    width: calc(650 *(100vw / 750));
    margin: calc(90 *(100vw / 750)) auto 0;
  }
}
.contents8 .btmflexArea .modalArea13 {
  width: 42.6rem;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea13 {
    width: calc(654 *(100vw / 750));
    margin: calc(100 *(100vw / 750)) auto 0;
  }
}
.contents8 .btmflexArea .modalArea13 .model_img {
  position: relative;
  width: 42.6rem;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea13 .model_img {
    width: calc(654 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea13 .model_img .item13 {
  width: 22.5rem;
  position: absolute;
  bottom: -2.2rem;
  right: -2.7rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea13 .model_img .item13 {
    width: calc(349 *(100vw / 750));
    bottom: calc(-41 *(100vw / 750));
    right: calc(-7 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea13 .model_img .modal_cross {
  position: absolute;
  bottom: 0.9rem;
  left: 1rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea13 .model_img .modal_cross {
    bottom: calc(20 *(100vw / 750));
    left: calc(20 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea13 .model_img .modal_cross .target {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea13 .model_img .modal_cross .target {
    width: calc(48 *(100vw / 750));
    height: calc(48 *(100vw / 750));
  }
}
.contents8 .btmflexArea .modalArea13 .pallet_item {
  width: 42rem;
  margin: 6rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents8 .btmflexArea .modalArea13 .pallet_item {
    width: calc(654 *(100vw / 750));
    margin: calc(91 *(100vw / 750)) auto 0;
  }
}

.contents9 .cont_inner {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .contents9 .cont_inner {
    padding: calc(120 *(100vw / 750)) 0 calc(120 *(100vw / 750)) 0;
  }
}
.contents9 .release_txt {
  width: 26.6rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contents9 .release_txt {
    width: calc(355 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) auto;
  }
}
.contents9 .txt_ttl01 {
  font-size: 1.6rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  margin-top: 5rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .contents9 .txt_ttl01 {
    font-size: calc(24 *(100vw / 750));
    margin-top: calc(44 *(100vw / 750));
  }
}
.contents9 .txt_ttl01 .release_day {
  font-size: 1.8rem;
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .contents9 .txt_ttl01 .release_day {
    font-size: calc(28 *(100vw / 750));
    margin-left: calc(11 *(100vw / 750));
  }
}
.contents9 .txtBox {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox {
    margin-top: calc(14 *(100vw / 750));
  }
}
.contents9 .txtBox .sub_ttl {
  width: 8.6rem;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox .sub_ttl {
    width: calc(130 *(100vw / 750));
  }
}
.contents9 .txtBox .pcOnly {
  margin-top: 1rem;
  font-size: 1.5rem;
  letter-spacing: 0.16em;
  line-height: 2;
  text-align: center;
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox .spOnly {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
    letter-spacing: 0.175em;
    line-height: 2.1;
    text-align: center;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
.contents9 .txt_ttl02 {
  font-size: 1.6rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  margin-top: 4rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .contents9 .txt_ttl02 {
    font-size: calc(24 *(100vw / 750));
    margin-top: calc(49 *(100vw / 750));
  }
}
.contents9 .txt_ttl02 .release_day {
  font-size: 1.8rem;
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .contents9 .txt_ttl02 .release_day {
    font-size: calc(28 *(100vw / 750));
    margin-left: calc(12 *(100vw / 750));
  }
}
.contents9 .txtBox02 {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox02 {
    margin-top: calc(12 *(100vw / 750));
  }
}
.contents9 .txtBox02 .sub_ttl {
  width: 8.4rem;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox02 .sub_ttl {
    width: calc(130 *(100vw / 750));
  }
}
.contents9 .txtBox02 .pcOnly {
  margin-top: 1rem;
  font-size: 1.5rem;
  letter-spacing: 0.16em;
  line-height: 2;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}

.contents9 .txtBox02 .txt_sm {
  font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
  .contents9 .txtBox02 .spOnly {
    font-size: calc(26 *(100vw / 750));
    margin-top: calc(15 *(100vw / 750));
    letter-spacing: 0.16em;
    line-height: 2;
    text-align: center;
    font-weight: 400;
    font-style: normal;
  }

  .contents9 .txtBox02 .txt_sm {
    font-size: calc(22 *(100vw / 750));
  }

}
.contents9 .txtBox03 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox03 {
    margin-top: calc(27 *(100vw / 750));
  }
}
.contents9 .txtBox03 .sub_ttl {
  width: 4.6rem;
  margin: 2rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox03 .sub_ttl {
    width: calc(68 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) auto 0;
  }
}
.contents9 .txtBox03 .sub_ttl img {
  width: 4.6rem;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox03 .sub_ttl img {
    width: calc(68 *(100vw / 750));
  }
}
.contents9 .txtBox03 p {
  font-size: 1.5rem;
  letter-spacing: 0.16em;
  font-feature-settings: "palt";
  line-height: 2;
  text-align: center;
  margin-top: 1rem;
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .contents9 .txtBox03 p {
    font-size: calc(28 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.contents9 .All_btn {
  width: 34rem;
  margin: 9.3rem auto 0;
}
@media screen and (max-width: 768px) {
  .contents9 .All_btn {
    width: calc(600 *(100vw / 750));
    margin: calc(85 *(100vw / 750)) auto 0;
  }
}

/*--------------------------------
              sticky
--------------------------------*/
.sticky_contents {
  position: -webkit-sticky;
  position: sticky;
  top: -20rem;
}

@media screen and (max-width: 768px) {
  .sticky_contents {
    top: calc(-80 *(100vw / 750));
  }
}

.sticky_contents-01 {
  z-index: 0;
  top: -100rem;
}
.sticky_contents-01 .cont_inner {
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-01 {
    top: calc(-2000 *(100vw / 750));
  }
  .sticky_contents-01 .cont_inner {
    padding-bottom: calc(118 *(100vw / 750));
  }
}

.sticky_contents-02 {
  position: relative;
  z-index: 2;
  top: 0;
}

.sticky_contents-02 .cont_inner {
}

@media screen and (max-width: 768px) {
  .sticky_contents-02 {
    top: 0;
    z-index: 10;
    transform: translateZ(1px);
  }
}

.sticky_contents-03 {
  position: -webkit-sticky;
  position: sticky;
  top: -90rem;
}

.sticky_contents-03 .cont_inner {
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-03 {
    z-index: 11;
    top: calc(-2050 *(100vw / 750));
  }
  .sticky_contents-03 .cont_inner {
    padding-bottom: calc(100 *(100vw / 750));
  }
}

.sticky_contents-04 {
  position: relative;
  z-index: 2;
  top: 0;
}

@media screen and (max-width: 768px) {

  .sticky_contents-04 {
    top: 0;
    z-index: 12;
    transform: translateZ(1px);
  }

}
.sticky_contents-06 {
  position: relative;
  z-index: 2;
  top: 0;
}

@media screen and (max-width: 768px) {

  .sticky_contents-06 {
    z-index: 15;
    top: 0;
    transform: translateZ(1px);
  }
}
.sticky_contents-07 {
  position: -webkit-sticky;
  position: sticky;
  top: -70rem;
}

.sticky_contents-07 .cont_inner {
  padding-bottom: 16rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-07 {
    z-index: 16;
    transform: translateZ(1px);
    top: calc(-1700 *(100vw / 750));
  }
  .sticky_contents-07 .cont_inner {
    padding-bottom: calc(240 *(100vw / 750));
  }
}

.sticky_contents-08 {
  opacity: 1 !important;
  position: -webkit-sticky;
  position: sticky;
  top: -105rem;
}

.sticky_contents-08 .cont_inner {
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .sticky_contents-08 {
    z-index: 17;
    transform: translateZ(1px);
    top: calc(-2700 *(100vw / 750));
  }
  .sticky_contents-08 .cont_inner {
    padding-bottom: calc(120 *(100vw / 750));
  }
}

.sticky_contents-09 {
  position: relative;
  z-index: 2;
  top: 0;
}

@media screen and (max-width: 768px) {

  .sticky_contents-09 {
    z-index: 18;
    transform: translateZ(1px);
  }

}
@media screen and (max-width: 768px) {
  .page-share-btn {
    display: none;
  }
}

/*--------------------------------
          nav_Area
--------------------------------*/
/* SP用*/
@media (max-width: 768px) {
  .menu-list.nav_Area {
    padding-bottom: calc(80 *(100vw / 750));
  }
}
.menu-list.nav_Area li a {
  transition: 0.5s;
}

.fixed-navBg li a {
  transition: 0.5s;
}

.buy_btn a,
.All_btn a {
  transition: 0.5s;
}
/* PC用*/
@media (min-width: 769px) {

  .menu-list.nav_Area li a:hover {
    opacity: 0.6;
  }

  .fixed-navBg li a:hover {
    opacity: 0.6;
  }

  .buy_btn a:hover,
  .All_btn a:hover {
    opacity: 0.6;
  }

}
/*footerまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}

/*--------------------------------
          btn_viewMore
 --------------------------------*/
.btn_viewMore {
  margin: 3.3rem auto 0;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .btn_viewMore {
    margin: calc(48 *(100vw / 750)) auto 0;
  }
}

.viewMore_arrow {
  display: block;
  width: 7rem;
  height: 5.4rem;
  margin: 0 auto;
  background: url(../img/arrow_viewMore.svg) no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .viewMore_arrow {
    width: calc(120 *(100vw / 750));
    height: calc(50 *(100vw / 750));
  }
}

.btn_viewMore.info_open {
  margin: 2.3rem auto 0;
}
@media screen and (max-width: 768px) {
  .btn_viewMore.info_open {
    margin: calc(44 *(100vw / 750)) auto 0;
  }
}

.btn_viewMore.info_open .viewMore_arrow {
  background: url(../img/arrow_viewMore_close.svg) no-repeat;
  width: 3.2rem;
}
@media screen and (max-width: 768px) {
  .btn_viewMore.info_open .viewMore_arrow {
    width: calc(55 *(100vw / 750));
  }
}

.viewmore_wrao {
  height: 0;
  text-align: center;
  overflow: hidden;
  transition: height 0.5s;
}

.viewmore_inner {
  padding: 2.4rem 0 0 0;
}
@media screen and (max-width: 768px) {
  .viewmore_inner {
    padding: calc(36 *(100vw / 750)) 0 0 0;
  }
}

.popup_btn {
  display: inline-block;
  transition: all 0.45s ease-out;
}

.popup_btn span {
  position: relative;
}

.popup_btn span::before,
.popup_btn span::after {
  content: "";
  position: absolute;
  transition: all 0.45s ease-out;
  top: 0.5128205128vw;
  right: -14.8717948718vw;
  width: 4.6153846154vw;
  height: 4.6153846154vw;
  background-size: contain;
  background-repeat: no-repeat;
}

.popup_btn span::before {
  background-image: url(../../Contents/ImagesPkg/lp/2023SScollection/plus.svg);
  z-index: 2;
}

.popup_btn span::after {
  background-image: url(../../Contents/ImagesPkg/lp/2023SScollection/plus_hover.svg);
  z-index: 1;
}

.popup_btn:hover {
  color: #fff;
  background-color: #AFDCCD;
}

.popup_btn:hover span::before {
  opacity: 0;
}

.popup_btn:nth-of-type(2) {
  margin-top: 4.6153846154vw;
}

/*--------------------------------
            Fade In
 --------------------------------*/
.fade {
  opacity: 0;
}

.fade.is-show {
  opacity: 1;
}

.fadeIn {
  opacity: 0;
  transition: 2s;
}

.fadeIn.is-show {
  opacity: 1;
}

.fadeInUp {
  opacity: 0;
  transform: translate(0, 50px);
  transition: 2s;
}

.fadeInUp.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/* 追従メニュー */
/*--------------------------------
            loadfade
 --------------------------------*/
.loadfade {
  transition-property: opacity, transform;
  transition-duration: 1.8s;
  opacity: 0;
}

.loadfade.active {
  opacity: 1;
}

/*--------------------------------
            fadein
 --------------------------------*/
.fadein {
  opacity: 0;
  transition: opacity 1.8s;
}

.fadein.fade-active {
  opacity: 1;
}

.fadeup {
  opacity: 0;
  transition: opacity 2s, transform 2.4s;
  transition-delay: 0.4s,0.4s;
  transform: translateY(30px);
}

.fadeup.fade-active {
  opacity: 1;
  transform: translateY(0rem);
}


@media screen and (max-width: 768px) {

  .fadeup,
  .fadeup.fade-active {
    opacity: 1;
    transform: translateY(0);
  }

}

/*--------------------------------
          モダール ＋ボタン
 --------------------------------*/
.modal_cross {
  transition: transform 640ms cubic-bezier(.165,.84,.44,1);
  transform: rotate(0deg);
}

.modal_btn:hover .modal_cross {
  transform: rotate(180deg);
}

/*--------------------------------
            Modal 中身
 --------------------------------*/
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  transition: all 0.4s;
  z-index: 999999;
}

.modal__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}

.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6efec;
  opacity: 0.8;
  cursor: pointer;
}

.modal4 .modal__bg,
.modal5 .modal__bg,
.modal6 .modal__bg,
.modal8 .modal__bg,
.modal9 .modal__bg,
.modal10 .modal__bg {
  background-color: #ececf2;
  opacity: 0.9;
}

.modal__cont {
  position: fixed;
  width: auto;
  height: auto;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.modal.is-show {
  opacity: 1;
  visibility: visible;
}

.modal__img {
  width: 100%;
  line-height: 0;
}

#swiperCloseBtn {
  display: block;
  top: 4rem;
  right: 1rem;
  width: 6rem;
  height: 6rem;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.2s ease;
  transform: initial !important;
}
@media screen and (max-width: 768px) {
  #swiperCloseBtn {
    width: calc(60 *(100vw / 750));
    height: calc(60 *(100vw / 750));
    top: calc(60 *(100vw / 750));
    right: calc(45 *(100vw / 750));
  }
}

#swiperCloseBtn:hover {
  opacity: 0.6;
}

#swiperCloseBtn::before,
#swiperCloseBtn::after {
  content: "";
  display: block;
  width: 6rem;
  height: 1px;
  background: #dab2aa;
  position: absolute;
}
@media screen and (max-width: 768px) {
  #swiperCloseBtn::before,
#swiperCloseBtn::after {
    width: calc(90 *(100vw / 750));
  }
}

#swiperCloseBtn::before {
  transform: rotate(45deg);
}

#swiperCloseBtn::after {
  transform: rotate(-45deg);
}

/*--------------------------------
              左右表示
 --------------------------------*/
.fadeinL {
  opacity: 0;
  transform: translate(-40px, 0);
  transition: all 1.6s ease;
}

.fadeinL.fade-active {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeinR {
  opacity: 0;
  transform: translate(40px, 0);
  transition: all 1.6s ease 0.3s;
}

.fadeinR.fade-active {
  opacity: 1;
  transform: translate(0, 0);
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
/*----------------------------
scroll_right ｜右から出現
----------------------------*/
/*--------------------------------
        Modal 中身 レイアウト
 --------------------------------*/
.modal1 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal1 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: 20px 20px 40px 40px;
  }
}
.modal1 .modal__cont .modal_ttl {
  width: 18.3rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal1 .modal__cont .modal_ttl {
    width: calc(273 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal1 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal1 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal1 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal1 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal2 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal2 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: 20px 20px 40px 40px;
  }
}
.modal2 .modal__cont .modal_ttl {
  width: 17.6rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal2 .modal__cont .modal_ttl {
    width: calc(261 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal2 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal2 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal2 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal2 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal3 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal3 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: 20px 20px 40px 40px;
  }
}
.modal3 .modal__cont .modal_ttl {
  width: 15.5rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal3 .modal__cont .modal_ttl {
    width: calc(240 *(100vw / 750));
    padding: 5.3333333333vw 0 4.8vw 0;
  }
}
.modal3 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal3 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal3 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal3 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal4 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal4 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal4 .modal__cont .modal_ttl {
  width: 12.3rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal4 .modal__cont .modal_ttl {
    width: calc(185 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal4 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal4 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal4 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal4 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal4 #swiperCloseBtn::before,
.modal4 #swiperCloseBtn::after {
  background: #99b0c7;
}

.modal5 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal5 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal5 .modal__cont .modal_ttl {
  width: 11.4rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal5 .modal__cont .modal_ttl {
    width: calc(170 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal5 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal5 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal5 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal5 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal5 #swiperCloseBtn::before,
.modal5 #swiperCloseBtn::after {
  background: #99b0c7;
}

.modal6 .modal__cont {
  width: 43rem;
  border-radius: 30px 30px 40px 40px;
}
@media screen and (max-width: 768px) {
  .modal6 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal6 .modal__cont .modal_ttl {
  width: 16.2rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal6 .modal__cont .modal_ttl {
    width: calc(242 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal6 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal6 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal6 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal6 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal6 #swiperCloseBtn::before,
.modal6 #swiperCloseBtn::after {
  background: #99b0c7;
}

.modal7 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal7 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal7 .modal__cont .modal_ttl {
  width: 14.6rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal7 .modal__cont .modal_ttl {
    width: calc(220 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal7 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal7 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal7 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal7 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal8 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal8 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal8 .modal__cont .modal_ttl {
  width: 14.7rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal8 .modal__cont .modal_ttl {
    width: calc(220 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal8 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal8 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal8 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal8 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal8 #swiperCloseBtn::before,
.modal8 #swiperCloseBtn::after {
  background: #99b0c7;
}

.modal9 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal9 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal9 .modal__cont .modal_ttl {
  width: 14.7rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal9 .modal__cont .modal_ttl {
    width: calc(220 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal9 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal9 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal9 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal9 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal9 #swiperCloseBtn::before,
.modal9 #swiperCloseBtn::after {
  background: #99b0c7;
}

.modal10 .modal__cont {
  width: 43rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal10 .modal__cont {
    width: calc(640 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
  }
}
.modal10 .modal__cont .modal_ttl {
  width: 19.2rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal10 .modal__cont .modal_ttl {
    width: calc(286 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal10 .modal__cont .modal__img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal10 .modal__cont .modal__img {
    width: calc(640 *(100vw / 750));
  }
}
.modal10 .modal__cont .modal__img img {
  width: 43rem;
}
@media screen and (max-width: 768px) {
  .modal10 .modal__cont .modal__img img {
    width: calc(640 *(100vw / 750));
  }
}

.modal10 #swiperCloseBtn::before,
.modal10 #swiperCloseBtn::after {
  background: #99b0c7;
}

.modal11 .modal__cont {
  width: 49rem;
  border-radius: 30px;
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont {
    width: calc(680 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
    padding-bottom: calc(40 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal_ttl {
  width: 8.2rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal_ttl {
    width: calc(123 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal11 .modal__cont .modal__txtBox {
  width: 34.2rem;
  margin: 0 auto;
  border-radius: 20px;
  background: #faf5f4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__txtBox {
    width: calc(540 *(100vw / 750));
    border-radius: calc(30 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__txtBox .modal_txt01 {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  padding-top: 2rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__txtBox .modal_txt01 {
    font-size: calc(20 *(100vw / 750));
    padding-top: calc(30 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__txtBox .modal_txt02 {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 1.47;
  margin: 1rem 0;
  margin-top: 0.8rem;
  padding-bottom: 1.2rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__txtBox .modal_txt02 {
    font-size: calc(20 *(100vw / 750));
    margin: calc(10 *(100vw / 750)) 0 calc(0 *(100vw / 750)) 0;
    padding-bottom: calc(26 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item01 {
  display: flex;
  width: 43rem;
  margin: 3.3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item01 {
    width: calc(610 *(100vw / 750));
    margin: calc(35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item01 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item01 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item01 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item01 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item01 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item01 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item01 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item01 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item01 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item01 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item02 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item02 {
    width: calc(610 *(100vw / 750));
    margin: calc(35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item02 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item02 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item02 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item02 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item02 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item02 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item02 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item02 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item02 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item02 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item03 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item03 {
    width: calc(610 *(100vw / 750));
    margin: calc(43 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item03 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item03 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item03 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item03 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item03 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item03 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item03 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item03 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal11 .modal__cont .modal__item03 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal11 .modal__cont .modal__item03 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}

.modal11 #swiperCloseBtn {
  top: 3.7rem;
  right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .modal11 #swiperCloseBtn {
    top: calc(60 *(100vw / 750));
    right: calc(46 *(100vw / 750));
  }
}

.txt02_pra,
.modal__itemTtl_pra {
  font-family: "pragmatica", sans-serif;
  font-style: normal;
}

.txt02_pra {
  font-weight: 400;
}

.modal12 .modal__cont {
  width: 49rem;
  border-radius: 30px;
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont {
    width: calc(680 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
    padding-bottom: calc(40 *(100vw / 750));
  }
  .modal12 .modal__cont_inner {
    max-height: 90dvh;
    overflow: hidden;
    overflow-y: scroll;
  }
}
.modal12 .modal__cont .modal_ttl {
  width: 8.2rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal_ttl {
    width: calc(130 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal12 .modal__cont .modal__txtBox {
  width: 34.2rem;
  margin: 0 auto;
  border-radius: 20px;
  background: #faf5f4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__txtBox {
    width: calc(540 *(100vw / 750));
    border-radius: calc(30 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__txtBox .modal_txt01 {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  padding-top: 2rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__txtBox .modal_txt01 {
    font-size: calc(20 *(100vw / 750));
    padding-top: calc(30 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__txtBox .modal_txt02 {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 1.47;
  margin: 1rem 0;
  margin-top: 0.8rem;
  padding-bottom: 1.2rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__txtBox .modal_txt02 {
    font-size: calc(20 *(100vw / 750));
    margin: calc(10 *(100vw / 750)) 0 calc(0 *(100vw / 750)) 0;
    padding-bottom: calc(26 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item01 {
  display: flex;
  width: 43rem;
  margin: 3.3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item01 {
    width: calc(610 *(100vw / 750));
    margin: calc(35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item01 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item01 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item01 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item01 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item01 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item01 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item01 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item01 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item01 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item01 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item02 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item02 {
    width: calc(610 *(100vw / 750));
    margin: calc(35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item02 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item02 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item02 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item02 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item02 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item02 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item02 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item02 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item02 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item02 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item03 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item03 {
    width: calc(610 *(100vw / 750));
    margin: calc(44 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item03 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item03 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item03 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item03 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item03 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item03 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item03 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item03 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item03 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item03 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item04 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item04 {
    width: calc(610 *(100vw / 750));
    margin: calc(42 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item04 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item04 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item04 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item04 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item04 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item04 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item04 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item04 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal12 .modal__cont .modal__item04 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal12 .modal__cont .modal__item04 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}

.modal13 .modal__cont {
  width: 49rem;
  border-radius: 30px;
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont {
    width: calc(680 *(100vw / 750));
    border-radius: calc(40 *(100vw / 750));
    padding-bottom: calc(40 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal_ttl {
  width: 8.2rem;
  margin: 0 auto;
  padding: 3rem 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal_ttl {
    width: calc(130 *(100vw / 750));
    padding: calc(40 *(100vw / 750)) 0;
  }
}
.modal13 .modal__cont .modal__txtBox {
  width: 34.2rem;
  margin: 0 auto;
  border-radius: 20px;
  background: #faf5f4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__txtBox {
    width: calc(540 *(100vw / 750));
    border-radius: calc(30 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__txtBox .modal_txt01 {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  text-align: center;
  padding-top: 2rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__txtBox .modal_txt01 {
    font-size: calc(20 *(100vw / 750));
    padding-top: calc(30 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__txtBox .modal_txt02 {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  line-height: 1.47;
  margin: 1rem 0;
  margin-top: 0.8rem;
  padding-bottom: 1.2rem;
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__txtBox .modal_txt02 {
    font-size: calc(20 *(100vw / 750));
    margin: calc(10 *(100vw / 750)) 0 calc(0 *(100vw / 750)) 0;
    padding-bottom: calc(26 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item01 {
  display: flex;
  width: 43rem;
  margin: 3.3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item01 {
    width: calc(610 *(100vw / 750));
    margin: calc(35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item01 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item01 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item01 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item01 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item01 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item01 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item01 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item01 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item01 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item01 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item02 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item02 {
    width: calc(610 *(100vw / 750));
    margin: calc(35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item02 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item02 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item02 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item02 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item02 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item02 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item02 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item02 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
    white-space: nowrap;
  }
}
.modal13 .modal__cont .modal__item02 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item02 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item03 {
  display: flex;
  width: 43rem;
  margin: 3rem 0 0 2rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item03 {
    width: calc(610 *(100vw / 750));
    margin: calc(43 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item03 .itemBox {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item03 .itemBox {
    width: calc(180 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item03 .itemBox img {
  width: 11.4rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item03 .itemBox img {
    width: calc(180 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item03 .itemTxt {
  width: 29rem;
  margin: 1.8rem 0 0 2.5rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item03 .itemTxt {
    width: calc(395 *(100vw / 750));
    margin: calc(27 *(100vw / 750)) 0 0 calc(34 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item03 .itemTxt .modal__itemTtl {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item03 .itemTxt .modal__itemTtl {
    font-size: calc(20 *(100vw / 750));
  }
}
.modal13 .modal__cont .modal__item03 .itemTxt p {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
  font-family: "pragmatica","Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal13 .modal__cont .modal__item03 .itemTxt p {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(10 *(100vw / 750));
  }
}