@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-origin: border-box;
}
:root {
  --main-primary: #951813;
  --main-secondary: #ed323d;
  --txt-primary: #3c321e;
  --color-white: #fff;
  font-size: 10px;

  --font-sans-jp: "Noto Sans JP";
  --font-serif-jp: "Noto Serif JP";
  --font-poppins: "Poppins";
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100vw;
}
body {
  display: block;
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
  font-style: normal;
  color: var(--color-white);
}
/*====================================*/
/* base contents */
/*====================================*/

h4 {
  letter-spacing: 0.96px;
  font-weight: 500;
  line-height: 180%;
}
p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.72px;
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
ul li {
  color: currentColor;
}
img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  display: block;
}
.animate,
.animate-delay {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  position: relative;
}
.animate-delay {
  transition-delay: 0.5s;
}
.slide-up {
  transform: translateY(100px);
}
.slide-down {
  transform: translateY(-100px);
}
.slide-left {
  transform: translateX(100px);
}
.slide-right {
  transform: translateX(-100px);
}
.animate.active {
  opacity: 1;
  transform: translate(0, 0);
}
.common li.animate {
  transition-delay: calc(var(--delay) * 0.05s);
}
/* ------------------------
    edit contents
------------------------- */
/* 指定フォント ここから */

/* ----pc,sp/on_off---- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media (max-width: 991px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
/* ------------------------
  Header
------------------------- */
header {
  position: relative;
  background: linear-gradient(0deg, #ae2127 0%, #7f1116 100%);
  padding-top: 220px;
  z-index: 2;
}
.top-logo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  background: var(--main-primary);
  z-index: 9999;
  animation: fadeOutOverlay 3s ease-in-out forwards;
  pointer-events: none;
}

.top-o1 {
  width: 30vh;
  height: auto;
  animation: fadeInColor 3s ease-in-out forwards;
}
.top-o2 {
  width: 70vh;
}
@keyframes fadeInColor {
  0% {
    transform: scale(0.7);
    filter: brightness(0.3) saturate(0.5);
    opacity: 0.7;
  }
  40% {
    transform: scale(1);
    filter: brightness(1) saturate(1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    filter: brightness(1) saturate(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes fadeOutOverlay {
  0% {
    opacity: 1;
    visibility: visible;
  }
  70% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.header_title {
  position: relative;
  max-width: 1097px;
  margin: 0 auto;
  z-index: 2;
}
.header_book {
  position: relative;
  padding-top: 59px;
  padding-bottom: 242px;
  text-align: center;
  z-index: 2;
}
.header_book p {
  color: var(--color-white);
  font-family: var(--font-serif-jp);
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.1;
}
.header_book p:first-child {
  margin-bottom: 28px;
}
.multiple_btn {
  margin-top: 33px;
  display: flex;
  justify-content: center;
  gap: 56px;
}
.btn {
  background-color: var(--color-white);
  border-radius: 25px;
  transition: background-color 0.5s ease;
}
.btn a {
  position: relative;
  display: block;
  padding: 8px 0;
  color: var(--main-primary);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.72px;
  width: 352px;
  transition: color 0.5s ease;
  text-align: center;
}
.btn a::after {
  position: absolute;
  content: "";
  background: url(../img/svg/arrow_red.svg) no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  right: 32px;
  top: 50%;
  transform: translateY(-45%);
  transition: background 0.5s ease;
}
.btn:hover {
  background-color: var(--main-primary);
}
.btn a:hover {
  color: var(--color-white);
}
.btn a:hover::after {
  background: url(../img/svg/arrow_white.svg) no-repeat;
  background-size: cover;
}
.straw-bg {
  position: absolute;
  bottom: -90px;
  z-index: 2;
  width: 100%;
  height: 300px;
  background-image: url(../img/straw-bg.png);
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: auto 100%;
}

.straw-bg picture,
.straw-bg img {
  display: none;
}
/* Falling Strawberries */
.strawberry {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  max-width: 100%;
  will-change: transform;
}
/* Title animation */
.sparkle-container {
  position: absolute;
  top: -50px;
  left: -50px;
  width: calc(100%);
  height: calc(100%);
  pointer-events: none;
  overflow: visible;
  z-index: 1;
}

.sparkle {
  position: absolute;
  opacity: 0;
  animation: sparkle-twinkle 1.5s ease-in-out forwards;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.6));
  transform-origin: center;
}

@keyframes sparkle-twinkle {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  20% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  80% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
@media (max-width: 991px) {
  header {
    padding-top: 132px;
  }
  .header_title {
    padding: 0 16px;
  }
  .header_book {
    padding-top: 151px;
    padding-bottom: 78px;
  }
  .header_book p {
    font-size: 1.6rem;
  }
  .header_book p:first-child {
    margin-bottom: 12px;
  }
  .multiple_btn {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
  }
  .btn {
    width: fit-content;
  }
  .btn a {
    font-size: 1rem;
    width: 191px;
  }
  .btn a::after {
    width: 10px;
    height: 10px;
    right: 18px;
  }
  .sparkle-container {
    left: 0;
  }
  .straw-bg {
    bottom: -70px;
    background-image: url(../img/straw-bg_sp.png);
    height: 157px;
  }
  .top-o2 {
    width: 100%;
  }
}
/* ------------------------
  Main
------------------------- */
/* firstcourse */
.lp-firstcourse {
  position: relative;
  background-color: #880600;
  z-index: 1;
}
.lp-firstcourse .inner {
  background: linear-gradient(270deg, #3b0200 0%, #5d0400 50%, #3b0200 100%);
  max-width: 1260px;
  margin: 0 auto;
  padding-top: 175px;
}
.inner-1 {
  position: relative;
  z-index: 0;
}
.inner-1::before,
.inner-1::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/svg/rece.svg) repeat-y;
  background-size: auto;
  width: 68px;
  height: 100%;
  top: 0;
  z-index: 0;
}
.inner-1::before {
  left: -68px;
}
.inner-1::after {
  right: -68px;
  transform: rotate(180deg);
}
.inner_child {
  position: relative;
  padding: 0 90px;
}
p.intro {
  text-align: center;
  font-family: var(--font-sans-jp);
}
.price {
  max-width: 900px;
  margin: 43px auto 81px;
  background-color: rgba(255, 244, 244, 0.89);
  border-radius: 8px;
  padding: 32px 36px 21px;
  color: var(--main-primary);
}
.price p.title {
  font-family: var(--font-serif-jp);
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 12px;
}
.price .infor,
.outner_info {
  display: flex;
  align-items: center;
  gap: 100px;
}
div.mb-16 {
  margin-bottom: 16px;
}
.price .infor p:first-child {
  text-align: center;
  min-width: 80px;
  padding: 0 15px;
  letter-spacing: 0.64px;
  font-size: 1.6rem;
  background-color: var(--main-primary);
  color: var(--color-white);
  border-radius: 4px;
}
.title_no {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--font-serif-jp);
  font-weight: 700;
  line-height: 1.7;
}
.title_no p {
  font-size: 2.9rem;
  letter-spacing: 1.167px;
}
.title_no span {
  font-size: 14.582px;
  margin-bottom: -9px;
  letter-spacing: 0.583px;
}
.title_no::before,
.title_no::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/svg/part1_title.svg) no-repeat;
  background-size: cover;
  width: 370px;
  height: 17px;
  left: 50%;
  transform: translateX(-50%);
}
.title_no::before {
  top: -20px;
}
.title_no::after {
  bottom: -20px;
  transform: translateX(-50%) rotate(180deg);
}
.inner_child h2 {
  margin-top: 64px;
  text-align: center;
  font-family: var(--font-serif-jp);
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 1.4;
}
.inner_child h2 span {
  display: block;
  font-size: 6.1rem;
  margin-bottom: 42px;
}
p.b-r_intro {
  text-align: center;
  margin-bottom: 42px;
}
.outner_info {
  justify-content: left;
  max-width: 572px;
  margin: auto;
}
.outner_info p:first-child {
  padding: 0 16px;
  min-width: 80px;
  color: var(--main-primary);
  background: rgba(255, 255, 255, 0.94);
  border-radius: 4px;
}
.inner_child h3 {
  margin: 49px 0 48px;
  text-align: center;
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.1;
}
.common_slides {
  position: relative;
  max-width: 900px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 30px;
  z-index: 1;
}
.common_slides .swiper-pagination {
  bottom: 0;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--color-white);
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #430300;
}
.after_slide {
  position: absolute;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  overflow: visible;
  z-index: 0;
  pointer-events: none;
  /* top: 0; */
}
.after_slide p {
  -webkit-text-stroke-width: 3.67px;
  -webkit-text-stroke-color: #ed323d;
  font-family: var(--font-poppins);
  font-size: 166.04px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 11.623px;
  color: transparent;
}

.after_slide svg {
  width: 100%;
  height: 500px;
}

.slide-text {
  font-family: var(--font-poppins);
  letter-spacing: 20px;
}
.type1 {
  margin: 60px auto 78px;
  max-width: 401px;
  background-color: #3c0300;
  border-radius: 74px;
}
.type2 {
  background-color: #ef636b;
}
.type1 a {
  text-align: center;
  font-family: var(--font-serif-jp);
  color: var(--color-white);
  padding: 10px 0;
  width: 100%;
  font-size: 23.76px;
}
.type1 a::after {
  background: url(../img/svg/arrow_white.svg) no-repeat;
}
.type1:hover {
  background-color: var(--color-white);
}
.type1 a:hover {
  color: #3c0300;
}
.type2 a:hover {
  color: #ef636b;
}
.type1 a:hover::after {
  background: url(../img/svg/arrow_red.svg) no-repeat;
}
.course_menu {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.course_menu-title {
  text-align: center;
  font-family: var(--font-serif-jp);
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
}
.grid_container {
  display: grid;
}
.common li img {
  max-width: 180px;
  object-fit: contain;
}
.common h4 {
  font-family: var(--font-serif-jp);
  font-size: 2.4rem;
  margin-bottom: 16px;
}
.common p {
  font-family: var(--font-serif-jp);
}
.course_menu--dessert {
  position: relative;
}
.course_menu--dessert::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/strawberries-2.png) no-repeat;
  width: 312px;
  height: 321px;
  right: 0;
  bottom: -70px;
  z-index: -1;
}
.course_menu--buffet li,
.course_menu--dessert li,
.course_menu--savory li {
  display: flex;
  gap: 32px;
}
.course_menu--dessert,
.course_menu--savory {
  grid-template-areas:
    "temp-1 temp-2"
    "temp-3 temp-4"
    "temp-5 temp-6"
    "temp-7 temp-7";
  row-gap: 34px;
  column-gap: 40px;
}
.course_menu--savory {
  grid-template-areas:
    "temp-1 temp-2"
    "temp-3 temp-4";
  padding-bottom: 214px;
}
.temp-1 {
  grid-area: temp-1;
}
.temp-2 {
  grid-area: temp-2;
}
.temp-3 {
  grid-area: temp-3;
}
.temp-4 {
  grid-area: temp-4;
}
.temp-5 {
  grid-area: temp-5;
}
.temp-6 {
  grid-area: temp-6;
}
.temp-7 {
  grid-area: temp-7;
}
.straw_decor {
  position: absolute;
  width: fit-content;
  z-index: 1;
}
.decor1 {
  top: 622px;
  left: -110px;
}
.decor2 {
  right: -13%;
  top: 1065px;
}
.decor3 {
  bottom: 0;
  right: 70px;
}
/* secondcourse */
.lp-secondcourse {
  position: relative;
  background: #ffe3e0;
  color: var(--main-secondary);
  font-family: var(--font-sans-jp);
  padding-bottom: 349px;
}
.course-top {
  position: relative;
  z-index: 0;
  padding: 0 90px;
}
.outner_slide {
  position: relative;
  z-index: 0;
}
.outner_slide::after,
.course-top::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/svg/straw-instead.svg) no-repeat;
  background-size: cover;
  width: 200px;
  height: 303px;
  transform: rotate(-35.129deg);
  left: -35px;
  bottom: -90px;
  z-index: 1;
}
.course-top::after {
  bottom: 0;
  left: unset;
  right: 0;
  transform: rotate(10.969deg);
}
.clipped-div-css {
  position: absolute;
  right: 0;
  top: 0;
  width: 955px;
  max-width: 100%;
  height: 299px;
  background: linear-gradient(135deg, #ef636b 0%, #ed323d 100%);
  clip-path: path(
    "M0 0.312908C5.17126 15.385 13.339 39.9139 28.7546 62.7026C39.1953 78.1687 58.4403 106.014 94.2136 128.376C102.494 133.564 133.915 152.347 179.31 157.929C203.137 160.852 230.434 156.648 284.045 148.078C351.893 137.242 354.021 133.334 385.506 131.66C418.203 129.919 450.18 128.212 486.968 141.511C508.275 149.227 527.356 163.084 565.519 190.766C611.798 224.358 610.62 228.823 637.524 246.588C661.449 262.35 698.466 286.747 752.077 295.843C763.074 297.715 814.361 305.629 876.449 285.992C911.862 274.795 938.275 258.574 955 246.588V0.312812C636.444 1.39642 318.556 -0.770703 0 0.312908Z"
  );
}
.clipped-div-css.bottom {
  right: unset;
  top: unset;
  left: 0;
  bottom: -1px;
  transform: rotate(180deg);
}
.clipped-div-css.course-clip {
  background: #ef636b;
  top: -120px;
  right: -165px;
  width: 569px;
  height: 515px;
  clip-path: path(
    "M382.457 509.628C338.118 502.21 295.949 485.053 254.318 469.533C217.34 454.99 180.401 442.281 142.688 429.786C103.018 416.221 61.7284 398.742 36.4475 363.699C8.44878 325.184 -6.3079 271.961 2.57839 224.097C10.1219 183.743 39.3304 154.241 65.8348 124.259C77.895 110.645 89.2803 96.5204 100.284 82.1077C113.456 64.9335 126.925 47.4724 143.253 33.4266C152.79 25.1811 163.246 18.1605 174.658 12.8885C204.797 -0.933862 240.367 -2.73279 273.032 3.21505C328.136 13.6249 380.635 48.1413 407.577 97.8737C420.279 120.356 428.751 144.658 439.252 168.191C442.184 174.778 445.251 181.289 448.502 187.743C473.752 239.766 515.552 283.538 534.255 338.855C542.623 363.635 545.596 390.661 540.005 416.358C531.98 455.294 503.539 489.222 466.475 503.521C439.876 514.005 410.535 514.175 382.534 509.638L382.459 509.625L382.457 509.628Z"
  );
  z-index: -1;
}
.inner-2 {
  max-width: 1398px;
  margin: 0 auto;
  padding-top: 205px;
}
.inner-2_child {
  position: relative;
  padding: 0 159px;
}
.inner-2_child .title_no {
  justify-content: left;
  align-items: baseline;
  font-family: var(--font-sans-jp);
  gap: 3px;
}
.inner-2_child .title_no p {
  font-size: 36.747px;
  letter-spacing: 1.47px;
}
.inner-2_child .title_no span {
  font-size: 18.374px;
  letter-spacing: 0.735px;
}
.inner-2_child h2 {
  margin: 0;
  text-align: left;
  font-family: var(--font-sans-jp);
}
.inner-2_child h2 span {
  margin-top: -8px;
  margin-bottom: 0;
}
.inner-2_child .title_no::before,
.inner-2_child .title_no::after {
  content: none;
}
.inner-2_child .b-r_intro {
  text-align: left;
  margin-top: 13px;
}
.inner-2_child .outner_info {
  max-width: none;
}
.inner-2_child .outner_info p:first-child {
  color: var(--main-secondary);
}
.inner-2 .course_menu {
  position: relative;
  background-color: var(--color-white);
  padding: 137px 159px;
  z-index: 1;
}
.inner-2 .course_menu-title {
  font-family: var(--font-sans-jp);
}
.inner-2 .common h4,
.inner-2 .common p {
  font-family: var(--font-sans-jp);
}
.inner-2 .course_menu--dessert {
  grid-template-areas:
    "temp-1 temp-2"
    "temp-3 temp-4"
    "temp-5 temp-6";
}
.inner-2 .course_menu--dessert::after {
  content: none;
}
.inner-2 .course_menu .course_menu--savory {
  padding-bottom: 0;
}
@media (max-width: 1440px) {
  .inner-2 .course_menu {
    padding: 137px 90px;
  }
  .common li div {
    min-width: 220px;
  }
}
@media (max-width: 991px) {
  .lp-firstcourse .inner {
    padding-top: 91px;
  }
  .inner_child {
    padding: 0 20px;
  }
  .price {
    margin: 61px auto 60px;
    padding: 32px 14px 45px;
  }
  .price .infor {
    gap: 13px;
  }
  .outner_info {
    gap: 8px;
  }
  .price .infor p:first-child {
    writing-mode: vertical-lr;
    width: fit-content;
    min-width: unset;
    padding: 10px 0 0px;
    letter-spacing: 12px;
  }
  .price .infor p:last-child {
    font-size: 1.6rem;
  }
  .title_no::before,
  .title_no::after {
    width: 330px;
  }
  .inner_child h2 {
    font-size: 2.4rem;
    margin-top: 42px;
  }
  .inner_child h2 span {
    font-size: 3.8rem;
    margin-bottom: 21px;
  }
  .inner-1::before,
  .inner-1::after {
    content: none;
  }
  .straw_decor {
    display: none;
  }
  .outner_info p:first-child {
    text-align: center;
    padding: 0 8px;
    min-width: 60px;
  }
  .outner_info p:last-child {
    font-size: 1.6rem;
  }
  .inner_child h3 {
    font-size: 3.8rem;
    margin: 35px 0 21px;
  }
  .type1 {
    margin: 34px auto;
  }
  .type1 a {
    width: 335px;
    font-size: 2rem;
  }
  .type1 a::after {
    background-size: cover;
    width: 13px;
    height: 18px;
    right: 45px;
  }
  .course_menu--buffet li,
  .course_menu--dessert li,
  .course_menu--savory li {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .course_menu--dessert,
  .course_menu--savory {
    grid-template-areas:
      "temp-1"
      "temp-2"
      "temp-3"
      "temp-4"
      "temp-5"
      "temp-6"
      "temp-7";
  }
  .course_menu--dessert::after {
    content: none;
  }
  .course_menu--savory {
    grid-template-areas:
      "temp-1"
      "temp-2"
      "temp-3"
      "temp-4";
    padding-bottom: 107px;
  }
  .common li div {
    text-align: center;
  }
  .common h4 {
    margin-bottom: 0;
  }
  .common p {
    font-size: 1.6rem;
  }
  .lp-secondcourse {
    padding-bottom: 158px;
  }
  .course-top {
    padding: 0;
    padding-bottom: 148px;
  }
  .inner-2_child .title_no {
    justify-content: center;
  }
  .inner_child h2 {
    text-align: center;
  }
  .inner-2_child .b-r_intro {
    text-align: center;
    margin-top: 13px;
    margin-bottom: 34px;
  }
  .course-top::after {
    width: 86.525px;
    height: 131.472px;
    left: 50%;
    transform: translateX(-50%) rotate(-35.129deg);
  }
  .outner_slide::after {
    content: none;
  }
  .after_slide {
    top: -270px;
  }
  .clipped-div-css.course-clip {
    display: none;
  }
  .inner-2 .course_menu {
    padding: 0 20px;
    background-color: transparent;
  }
  .inner-2 .course_menu--dessert {
    grid-template-areas:
      "temp-1"
      "temp-2"
      "temp-3"
      "temp-4"
      "temp-5"
      "temp-6";
  }
  .inner-2 {
    padding-top: 184px;
  }
  .clipped-div-css {
    width: 341px;
    height: 107px;
    clip-path: path(
      "M0 0.111977C1.84649 5.50565 4.76293 14.2836 10.2674 22.4387C13.9954 27.9734 20.8672 37.9382 33.6407 45.9406C36.5974 47.7972 47.8166 54.5187 64.026 56.5164C72.5339 57.5622 82.2806 56.0581 101.423 52.9911C125.65 49.1133 126.409 47.715 137.652 47.1157C149.327 46.4929 160.745 45.8818 173.881 50.6409C181.489 53.4024 188.302 58.3613 201.929 68.2673C218.454 80.2885 218.033 81.8867 227.639 88.2439C236.182 93.8844 249.4 102.615 268.543 105.87C272.469 106.54 290.782 109.372 312.952 102.345C325.597 98.338 335.028 92.533 341 88.2439V0.111943C227.254 0.499723 113.746 -0.275804 0 0.111977Z"
    );
  }
  .inner-2_child h2 {
    margin-top: 2px;
  }
  .inner-2_child h2 span {
    margin: 0;
  }
  .inner-2 .course_menu-title {
    margin-top: 35px;
  }
}
/* ------------------------
  Footer
------------------------- */
footer {
  background: linear-gradient(0deg, #7f1116 0%, #ae2127 100%);
  padding-bottom: 80px;
}
.note {
  padding-top: 78px;
  max-width: 1080px;
  margin: auto;
}
.note p {
  font-family: var(--font-sans-jp);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 20px;
}
.logo {
  padding-top: 54px;
  width: fit-content;
  margin: auto;
}
.address {
  margin: 47px 0 58px;
  text-align: center;
  font-family: var(--font-serif-jp);
}
.address p:first-child {
  margin-bottom: 9px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
}
.address p:last-child {
  font-size: var(--font-sans-jp);
  font-size: 1.6rem;
  letter-spacing: 0;
}
footer .btn {
  width: fit-content;
  margin: auto;
}
footer .btn a {
  width: 300px;
  font-weight: 700;
  font-family: var(--font-serif-jp);
}
.social {
  margin: 32px 0 56px;
  display: flex;
  justify-content: center;
  gap: 24px;
}
.social a,
.footer_cta a {
  transition: opacity 0.5s ease;
}
.social a:hover,
.footer_cta a:hover {
  opacity: 0.7;
}
.social img {
  width: 55px;
}
.footer_cta {
  display: flex;
  justify-content: center;
}
.footer_cta a {
  padding: 0 24px;
  font-family: var(--font-sans-jp);
  font-size: 1.6rem;
  color: var(--color-white);
  font-weight: 500;
  line-height: 1.8;
  border-left: 1px solid var(--color-white);
  border-right: 1px solid var(--color-white);
}
.footer_cta a:first-child {
  border-right: none;
}
@media (max-width: 991px) {
  footer {
    padding: 0 20px 80px;
  }
  .note p {
    margin: 0;
  }
  .logo {
    padding-top: 68px;
  }
  .address {
    margin: 29px auto;
  }
  .address p:first-child {
    margin-bottom: 29px;
  }
  footer .btn a {
    font-size: 1.8rem;
  }
  footer .btn a::after {
    width: 16px;
    height: 16px;
    background-size: cover;
  }
  .footer_cta {
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }
  .footer_cta a {
    position: relative;
    border: none;
  }
  .footer_cta a::before,
  .footer_cta a::after {
    position: absolute;
    content: "";
    display: block;
    width: 28px;
    left: 50%;
    transform: translateX(-50%);
  }
  .footer_cta a::before {
    border-top: 1px solid var(--color-white);
    top: -14px;
  }
  .footer_cta a:last-child::after {
    border-top: 1px solid var(--color-white);
    bottom: -14px;
  }
}
/* ------------------------
  copyright
------------------------- */
.copyright {
  background-color: var(--main-primary);
}
.copyright p {
  padding: 16px 0;
  font-size: 1.2rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.7;
  color: var(--color-white);
  font-family: "Montserrat";
}

/* pageTop */
.pageTop a {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  rotate: -90deg;
  background-color: var(--main-secondary);
  transition: all 0.3s ease, filter 0.3s ease;
  opacity: 0.5;
}
.pageTop a:hover {
  background-color: var(--color-white);
  filter: drop-shadow(0px 8px 5px #3d260488);
  opacity: 1;
}
.pageTop a:hover svg path,
.pageTop a:hover svg circle {
  stroke: var(--main-primary);
}
.pageTop a:hover svg circle {
  stroke: var(--main-primary);
}
.pageTop a svg {
  width: 80px;
}
@media (max-width: 991px) {
  .pageTop a {
    width: 40px;
    height: 40px;
  }
  .pageTop a svg {
    width: 8px;
  }
}