@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #4D4D4D;
  overflow-x: hidden;
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -webkit-touch-callout: none;
}
@media screen and (max-width: 1200px) {
  body {
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px) {
  body {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 3.2vw;
  }
}

a {
  display: block;
  transition-duration: 0.3s;
}
a:hover {
  opacity: 0.6;
}

main {
  overflow-x: hidden;
}

.mv {
  position: relative;
}

.inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .inner {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .inner {
    width: 80%;
  }
}

.btnArea {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.25em;
  height: 2.5625em;
  background-color: #F18900;
  border-radius: 2.875em;
  margin-inline: auto;
}
.btnArea a {
  font-size: 1.125em;
  letter-spacing: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.phone-link {
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  .phone-link {
    pointer-events: none;
    cursor: default;
  }
}
@media screen and (max-width: 1200px) {
  .phone-link {
    pointer-events: none;
    cursor: default;
  }
}
@media screen and (max-width: 1000px) {
  .phone-link {
    pointer-events: none;
    cursor: default;
  }
}
@media screen and (max-width: 768px) {
  .phone-link {
    pointer-events: auto;
    cursor: pointer;
    color: #4D4D4D;
  }
  .phone-link:hover {
    opacity: 0.6;
  }
}

.secWrapper {
  position: relative;
  overflow: hidden;
  scroll-behavior: smooth;
}
.secWrapper .sec01 {
  position: relative;
  z-index: 0;
  padding-top: 6em;
  overflow: hidden;
  background-image: url(../img/yellow_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left, bottom center;
  padding-bottom: 11.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 {
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: top left, bottom center;
    padding-bottom: 18vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 > .inner {
    width: 100%;
  }
}
.secWrapper .sec01_title {
  max-width: 47em;
  width: 90%;
  margin-inline: auto;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_title {
    width: 78.9333vw;
  }
}
.secWrapper .sec01_video {
  position: relative;
  width: 53.125em;
  margin-inline: auto;
  margin-top: 1.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_video {
    width: 100%;
  }
}
.secWrapper .sec01_video::before {
  position: absolute;
  content: "";
  top: 1.25em;
  left: -9em;
  width: 6.1875em;
  height: 26.4375em;
  background-image: url(../img/movie_left.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.secWrapper .sec01_video::after {
  position: absolute;
  content: "";
  top: 1.25em;
  right: -9em;
  width: 6.5625em;
  height: 25.5625em;
  background-image: url(../img/movie_right.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_video {
    width: 100%;
    margin-top: 24.13333vw;
  }
}
.secWrapper .sec01_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 1.25em;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_video video {
    border-radius: 2.66666vw;
  }
}
.secWrapper .sec01_btn {
  margin-top: 3.25em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_btn {
    margin-top: 0;
    width: 80vw;
    margin-inline: auto;
  }
}
.secWrapper .sec01_content {
  background-image: url(../img/sec01_bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-block: 5.5em 4.8125em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content {
    background-image: url(../img/sec01_bg_sp.webp);
    padding-block: 10.66666vw 10.266vw;
    margin-top: 0;
    background-repeat: repeat-y;
    background-size: cover;
    background-size: 100% auto;
  }
}
.secWrapper .sec01_content::before {
  position: absolute;
  content: "";
  top: 15.625em;
  left: -4em;
  width: 4.125em;
  height: 6.6875em;
  background-image: url(../img/sec01_left_chara.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content::before {
    display: none;
  }
}
.secWrapper .sec01_content::after {
  position: absolute;
  content: "";
  bottom: 14.0625em;
  right: -2em;
  width: 3.125em;
  height: 7.625em;
  background-image: url(../img/sec1_right_chara.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content::after {
    display: none;
  }
}
.secWrapper .sec01_content_list {
  display: flex;
  flex-direction: column;
  row-gap: 4.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_list {
    row-gap: 0;
    width: 80vw;
    margin-inline: auto;
    margin-top: 5.333334vw;
  }
}
.secWrapper .sec01_content_item_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.25em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_wrap {
    flex-direction: column;
    row-gap: 6vw;
    margin-top: -10vw;
  }
}
.secWrapper .sec01_content_item_wrap:nth-of-type(2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_wrap:nth-of-type(2) {
    flex-direction: column;
    row-gap: 6vw;
  }
}
.secWrapper .sec01_content_item_wrap:nth-of-type(2) .sec01_content_item {
  background-image: url(../img/bubble_02.webp);
  width: 30.4375em;
  left: auto;
  right: 1.666665em;
  top: -2em;
  padding: 3em 2.625em 1.875em 3.5em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_wrap:nth-of-type(2) .sec01_content_item {
    background-image: url(../img/bubble_02_sp.webp);
    width: 87%;
    background-size: contain;
    padding: 9vw 6.666667vw 11.3334vw 6.6667vw;
    bottom: -8vw;
    right: -2.1333vw;
    top: auto;
  }
}
.secWrapper .sec01_content_item_wrap:nth-of-type(2) .sec01_content_item_img {
  left: auto;
  right: -3.666665em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_wrap:nth-of-type(2) .sec01_content_item_img {
    width: 90%;
    right: 0;
  }
}
.secWrapper .sec01_content_item {
  width: 26.9375em;
  height: 15.8125em;
  background-image: url(../img/bubble_01.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 3em 3.5em 1.875em 2.625em;
  border-radius: 1.25em;
  position: relative;
  left: 1.666665em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item {
    background-image: url(../img/bubble_01_sp.webp);
    width: 87%;
    background-size: contain;
    padding: 10vw 6.666667vw 11.3334vw 6.6667vw;
    bottom: -8vw;
    left: -2.1333vw;
  }
}
.secWrapper .sec01_content_item_title_01 {
  max-width: 18em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_title_01 {
    width: 49.333333vw;
  }
}
.secWrapper .sec01_content_item_title_02 {
  max-width: 23.875em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_title_02 {
    width: 37.33333vw;
  }
}
.secWrapper .sec01_content_item_title_03 {
  max-width: 17.25em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_title_03 {
    width: 49.866666vw;
  }
}
.secWrapper .sec01_content_item_text {
  font-size: 1.25em;
  letter-spacing: 0;
  line-height: 1.55;
  margin-top: 0.75em;
  text-align: center;
  font-weight: 500;
  color: #000;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_text {
    font-size: 3.4666vw;
    margin-top: 1.06666vw;
    white-space: nowrap;
  }
}
.secWrapper .sec01_content_item_btn {
  border-radius: 20.5px;
  border: 3px solid #101828;
  background: #FBF063;
  color: #000;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 900;
  min-width: 11.4445em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.33333em;
  margin-top: 0.8333em;
  cursor: pointer;
}
.secWrapper .sec01_content_item_btn:hover {
  opacity: 0.8;
}
.secWrapper .sec01_content_item_img {
  width: 25em;
  position: relative;
  left: -1.666665em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_img {
    width: 86%;
    left: 4.2666667vw;
    top: -8vw;
  }
}
.secWrapper .sec01_content_item_dialog {
  width: 62.5em;
  border-radius: 24px;
  border: 17px solid #000;
  background: #FFF;
  height: fit-content;
  padding-bottom: 4.5em;
  padding-inline: 8.4375em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog {
    width: 80vw;
    border: 5px solid #000;
    padding-inline: 5vw;
  }
}
.secWrapper .sec01_content_item_dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.secWrapper .sec01_content_item_dialog h3 {
  margin-top: 3.75em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog h3 {
    margin-top: 2.75em;
    width: 60vw;
  }
}
.secWrapper .sec01_content_item_dialog_title_01 {
  width: 18.3125em;
}
.secWrapper .sec01_content_item_dialog_title_02 {
  width: 27.5em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog_title_02 {
    width: 80%;
  }
}
.secWrapper .sec01_content_item_dialog_title_03 {
  width: 18.875em;
}
.secWrapper .sec01_content_item_dialog p {
  font-size: 1.125em;
  line-height: 1.555;
  font-weight: 500;
  letter-spacing: 0;
  color: #000;
  margin-top: 0.7777em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog p {
    text-align: justify;
  }
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img {
  margin-top: 1.375em;
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img_01 {
  margin-top: 1.375em;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.25em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img_01 {
    flex-direction: column;
    row-gap: 5.33334vw;
  }
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img_01 .sec01_content_item_dialog_img_left {
  width: 15.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img_01 .sec01_content_item_dialog_img_left {
    width: 100%;
  }
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img_01 .sec01_content_item_dialog_img_right {
  width: 26.6875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_img_01 .sec01_content_item_dialog_img_right {
    width: 100%;
  }
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_list {
  margin-top: 1.875em;
  display: flex;
  flex-direction: column;
  row-gap: 1.875em;
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_list li {
  font-feature-settings: "palt" on;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 500;
  text-align: justify;
  position: relative;
  padding-left: 3.1666em;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_list li {
    padding-left: 2em;
  }
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_list li::before {
  content: "";
  width: 2.38888em;
  height: 2.38888em;
  background: url("../img/sec01_modal_image_05.webp") no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 4px;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_list li::before {
    width: 1.38888em;
    height: 1.38888em;
  }
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_list_03 li::before {
  background: url("../img/sec01_modal_image_07.webp") no-repeat center/contain;
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_close {
  position: absolute;
  top: 0em;
  right: 0em;
  width: 2em;
  height: 2em;
  background-color: #000;
  color: #fff;
  font-size: 2.75em;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_close:focus {
  outline: none;
}
.secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_close:active {
  outline: none;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_item_dialog .sec01_content_item_dialog_close {
    width: 12vw;
    height: 12vw;
  }
}
.secWrapper .sec01 .sec02_content_title {
  max-width: 64.75em;
  width: 90%;
  margin-top: 4.75em;
  margin-inline: auto;
  position: relative;
}
.secWrapper .sec01 .sec02_content_list {
  display: flex;
  flex-direction: column;
  row-gap: 4.875em;
  margin-top: 5.5em;
}
.secWrapper .sec01 .sec02_content_item_spot {
  margin-top: 2.0625em;
}
.secWrapper .sec01 .sec02_content_item_spot_title {
  font-size: 1.25em;
  font-weight: 500;
  letter-spacing: 0;
  color: #000;
  margin-inline: auto;
  position: relative;
  width: 12.3em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_title {
    font-size: 2.66667vw;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -0.6em;
  width: 2em;
  height: 2em;
  background-image: url(../img/sec02_sub_01_icon.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.secWrapper .sec01 .sec02_content_item_spot_title::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -0.6em;
  width: 2em;
  height: 2em;
  background-image: url(../img/sec02_sub_01_icon.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.secWrapper .sec01 .sec02_content_item_spot_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 11.75%;
  row-gap: 2em;
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 4.8vw;
    grid-row-gap: 2.13333vw;
    padding-inline: 15.066vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_list_item:nth-of-type(1) {
    grid-area: 1/1/2/2;
  }
  .secWrapper .sec01 .sec02_content_item_spot_list_item:nth-of-type(2) {
    grid-area: 1/2/2/3;
  }
  .secWrapper .sec01 .sec02_content_item_spot_list_item:nth-of-type(3) {
    grid-area: 2/1/3/3;
  }
  .secWrapper .sec01 .sec02_content_item_spot_list_item:nth-of-type(4) {
    grid-area: 3/1/4/2;
  }
  .secWrapper .sec01 .sec02_content_item_spot_list_item:nth-of-type(5) {
    grid-area: 3/2/4/3;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_list_item figure img {
  height: 8.75em;
  width: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_list_item figure img {
    height: 14.39999vw;
    margin-inline: auto;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_list_item figure figcaption {
  font-size: 1.4375em;
  font-weight: 700;
  letter-spacing: 0;
  color: #000;
  text-align: center;
  margin-top: 0.347em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_list_item figure figcaption {
    font-size: 2.666667vw;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_btn {
  margin-top: 1.375em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.25em;
  column-gap: 1.33333em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_btn {
    height: 22.666vw;
    width: 80vw;
    margin-inline: auto;
    margin-top: 5.333vw;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.33333em;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 79px;
  border: 7px solid #75BBDE;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_btn a {
    flex-direction: column;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_btn a span {
  color: #4D4D4D;
  text-align: center;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_btn a span {
    font-size: 2.4vw;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_btn_img {
  width: 22.25em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_spot_btn_img {
    width: 47.4667vw;
  }
}
.secWrapper .sec01 .sec02_content_item_spot_btn svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.625em;
  width: 1.3125em;
  height: 1.875em;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog {
  width: 62.5em;
  border-radius: 24px;
  background: #81ABE1;
  border: none;
  height: fit-content;
  padding-top: 4.375em;
  padding-bottom: 4.5em;
  padding-inline: 5em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog {
    padding-inline: 5vw;
    width: 80vw;
    padding-top: 14.666666vw;
    padding-bottom: 5.066666vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_title {
  font-size: 1.25em;
  font-weight: 500;
  letter-spacing: 0;
  color: #000;
  text-align: center;
  width: 31.25em;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 80px;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_title {
    width: 38.6666vw;
    font-size: 2.2666vw;
    position: relative;
    margin-left: 0;
    text-align: left;
    padding-left: 2.6667vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_subtitle {
  font-size: 2.5em;
  font-weight: 700;
  letter-spacing: -0.53px;
  color: #FFF;
  text-align: center;
  margin-top: 0.425em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_subtitle {
    font-size: 5.333334vw;
    text-align: left;
    display: flex;
    align-items: flex-end;
    column-gap: 6.9333vw;
    white-space: nowrap;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text {
  text-align: center;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text {
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 5vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text span {
  font-size: 1.5625em;
  line-height: 1.48;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text span {
    font-size: 3.733334vw;
    text-align: left;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text_img {
  width: 13.3125em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text_img {
    width: 18.6666666vw;
    position: absolute;
    right: 0;
    top: 0%;
    transform: translateY(-50%);
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text_svg {
  width: 9.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_text_svg {
    width: 16vw;
    height: 12.53333vw;
    width: 22.13333vw;
    height: 16.5333336vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5625em;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dt {
  width: 23.571428%;
  background-color: #FAF063;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 2.3;
  color: #000;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  text-align: center;
  border-bottom: 2px solid #81ABE1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dt {
    width: 27.571428%;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.6666666vw;
    padding-block: 1.333333vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dt.dt_first {
  border-top-left-radius: 24px;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dt.dt_last {
  border-bottom-left-radius: 24px;
  border-bottom: none;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dd {
  width: 76.428571%;
  background-color: #fff;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 2.3;
  color: #000;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  padding-inline: 1.5em;
  border-bottom: 2px solid #81ABE1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dd {
    width: 72.428571%;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-items: center;
    font-size: 2.6666666vw;
    padding-block: 1.333333vw;
    padding-inline: 2.66667vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dd.dd_first {
  border-top-right-radius: 24px;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_list dd.dd_last {
  border-bottom-right-radius: 24px;
  border-bottom: none;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_close {
  color: #81ABE1;
  font-size: 2.75em;
  background-color: #fff;
  width: 1.95454em;
  height: 2.022727em;
  border-top-right-radius: 0.545454em;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_close:focus {
  outline: none;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_close:active {
  outline: none;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_dialog_close {
    width: 12vw;
    height: 12vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene {
  margin-top: 2.8125em;
}
.secWrapper .sec01 .sec02_content_item_scene_title {
  font-size: 1.25em;
  font-weight: 500;
  letter-spacing: 0;
  color: #000;
  border-radius: 79px;
  background: #FFF;
  text-align: center;
}
.secWrapper .sec01 .sec02_content_item_scene_list {
  display: flex;
  gap: 1em;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list {
    flex-direction: column;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item {
  width: calc(33.3333333333% - 0.5em);
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item {
    width: 100%;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 18.625em;
  appearance: none;
  border: none;
  border-radius: 13px;
  background: #81ABE1;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn:focus {
  outline: none;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn:active {
  outline: none;
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_btn {
    height: 32.666vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_btn {
    flex-direction: row;
    height: 17.33333vw;
    justify-content: flex-start;
    padding-inline: 3.2vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn:hover {
  opacity: 0.8;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn img {
  width: 14.375em;
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_btn img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_btn img {
    width: 20.5334vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn span {
  font-size: 1.5em;
  font-weight: 900;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_btn span {
    font-size: 3.2vw;
    letter-spacing: -0.03em;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item_btn svg {
  position: absolute;
  bottom: 0.5625em;
  transform: translateY(-50%);
  right: 0.5em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_scene_list_item_btn svg {
    bottom: 50%;
    transform: translateY(50%);
    right: 2vw;
    width: 4.5333vw;
  }
}
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(2) .sec02_content_item_scene_list_item_btn,
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(2) .sec02_content_item_scene_list_item_dialog {
  background: #EC94CE;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(2) .sec02_content_item_scene_list_item_dialog_list dt,
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(2) .sec02_content_item_scene_list_item_dialog_list dd {
  border-color: #EC94CE;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(2) .sec02_content_item_scene_list_item_dialog_close {
  color: #EC94CE;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(3) .sec02_content_item_scene_list_item_btn,
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(3) .sec02_content_item_scene_list_item_dialog {
  background: #ABCA4C;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(3) .sec02_content_item_scene_list_item_dialog_list dt,
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(3) .sec02_content_item_scene_list_item_dialog_list dd {
  border-color: #ABCA4C;
}
.secWrapper .sec01 .sec02_content_item_scene_list_item:nth-of-type(3) .sec02_content_item_scene_list_item_dialog_close {
  color: #ABCA4C;
}
.secWrapper .sec01 .sec02_content_item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  column-gap: 1.125em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item {
    flex-direction: column;
    row-gap: 6vw;
  }
}
.secWrapper .sec01 .sec02_content_item_title_wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  column-gap: 1.125em;
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec01 .sec02_content_item_title_wrap {
    width: 100%;
  }
}
.secWrapper .sec01 .sec02_content_item_02 {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_02 .sec02_content_item_sub_title .num {
    width: 21.3333vw;
  }
}
.secWrapper .sec01 .sec02_content_item_02 .sec02_content_item_sub_title_img {
  width: 21.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_02 .sec02_content_item_sub_title_img {
    width: 53.3333333333vw;
    margin-inline: auto;
  }
}
.secWrapper .sec01 .sec02_content_item_03 {
  justify-content: center;
}
.secWrapper .sec01 .sec02_content_item_03 .sec02_content_item_img {
  width: 5.75em;
}
.secWrapper .sec01 .sec02_content_item_03 .sec02_content_item_sub_title_img {
  width: 15.5em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_03 .sec02_content_item_sub_title_img {
    width: 36vw;
    margin-inline: auto;
  }
}
.secWrapper .sec01 .sec02_content_item_img {
  width: 6.9375em;
  margin-left: 1.125em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_sub_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-inline: auto;
  }
}
.secWrapper .sec01 .sec02_content_item_sub_title span.num {
  width: 7.25em;
  display: block;
  margin-bottom: 1.875em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_sub_title span.num {
    width: 33.333333vw;
    margin-bottom: 2.1333333vw;
  }
}
.secWrapper .sec01 .sec02_content_item_sub_title_img {
  width: 21.625em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_sub_title_img {
    width: 52vw;
  }
}
.secWrapper .sec01 .sec02_content_item_img_01 {
  width: 26.75em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_img_01 {
    width: 61.3333vw;
    margin-inline: auto;
  }
}
.secWrapper .sec01 .sec02_content_item_text {
  font-size: 1.25em;
  line-height: 1.555;
  font-weight: 500;
  letter-spacing: 0;
  color: #000;
  margin-top: 1.3em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_text {
    text-align: justify;
    font-size: 3.2vw;
  }
}
.secWrapper .sec01 .sec02_content_item_figure {
  margin-top: 3.25em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_figure {
    margin-top: 8.533333vw;
  }
}
.secWrapper .sec01 .sec02_content_item_link {
  width: 18.875em;
  height: 2.75em;
  margin-inline: auto;
  margin-top: 1em;
  display: block;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01 .sec02_content_item_link {
    width: 80vw;
    height: auto;
    margin-top: 10vw;
  }
}
.secWrapper .sec01_main_title {
  width: 30.25em;
  margin-inline: auto;
}
.secWrapper .sec01_sub_title {
  width: 23.4375em;
  margin-top: 0.75em;
  margin-inline: auto;
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec01_sub_title {
    width: 37.5vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_sub_title {
    width: 51.6vw;
  }
}
.secWrapper .sec01_sub_title img {
  mix-blend-mode: darken;
}
.secWrapper .sec01_img_wrap {
  margin-top: 3.125em;
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  overflow: hidden;
  height: 36.236vw;
  border-bottom-left-radius: 3.125em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_img_wrap {
    height: 50.5333vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_img_wrap {
    margin-top: 7.46666vw;
  }
}
.secWrapper .sec01_img {
  width: 100%;
  height: 120%;
  position: relative;
  border-bottom-left-radius: 3.125em;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_img {
    height: 60.5333vw;
  }
}
.secWrapper .sec01_img .js_parallax {
  width: 100%;
  height: 100%;
  position: relative;
}
.secWrapper .sec01_img .js_parallax img {
  width: 100%;
  height: 130%;
  object-fit: cover;
  object-position: center top;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_img .js_parallax img {
    height: 160%;
    object-position: top;
  }
}
.secWrapper .sec01_text {
  margin-top: 3.2em;
  text-align: center;
  font-family: "Noto Serif", serif;
  font-size: 1.25em;
  line-height: 1.73;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec01_text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_text {
    margin-top: 5.06666vw;
    font-size: 2.8vw;
    text-align: left;
    padding-inline: 8.533vw;
    letter-spacing: 0.01em;
  }
}
.secWrapper .sec01_content_lower {
  margin-top: 0.4375em;
  background: rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 3.125em;
  border-bottom-right-radius: 3.125em;
  padding-block: 2.6875em 4.3125em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_lower {
    margin-top: 2.133333vw;
    border-bottom-left-radius: 6.6666vw;
    border-bottom-right-radius: 6.6666vw;
    padding-block: 6.4vw;
  }
}
.secWrapper .sec01_content_lower::after {
  position: absolute;
  content: "";
  bottom: 4.0625em;
  right: 3.125em;
  width: 8.25em;
  height: 8.1875em;
  background-image: url(../img/osusowake_treat_bottom.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1200px) {
  .secWrapper .sec01_content_lower::after {
    right: -0.875em;
  }
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec01_content_lower::after {
    right: -1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_content_lower::after {
    width: 17.5999vw;
    height: 17.4666vw;
    bottom: 42%;
    right: 1.2666vw;
  }
}
.secWrapper .sec01_info_title {
  width: 17.0625em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_info_title {
    width: 43.7333vw;
  }
}
.secWrapper .sec01_info_detail {
  width: 26.5em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_info_detail {
    margin-inline: auto;
  }
}
.secWrapper .sec01_info_detail_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0.6875em;
}
.secWrapper .sec01_info_detail_title {
  width: 22.16%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.0625em;
  background-image: url(../img/osusowake_detail_title.png);
  width: 5.5294em;
  height: 2.64705em;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  font-family: "Noto Serif", serif;
  letter-spacing: 0;
}
.secWrapper .sec01_info_detail_value {
  width: 75.23%;
  width: 19.9375em;
  font-size: 1em;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0;
}
.secWrapper .sec01_info_map {
  width: 20.9375em;
  height: 14.0625em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_info_map {
    margin-inline: auto;
    width: 82.6666vw;
    height: 28.2666vw;
    margin-top: 5.6vw;
  }
}
.secWrapper .sec01_info_map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.secWrapper .sec01_detail {
  display: flex;
  justify-content: center;
  column-gap: 1.5em;
  margin-top: 1.25em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_detail {
    flex-direction: column;
  }
}
.secWrapper .sec01_present {
  margin-top: 6.5625em;
}
.secWrapper .sec01_present_btn {
  margin-top: 1.875em;
  background-color: #41CA33;
  width: 28.375em;
  height: 3.75em;
}
.secWrapper .sec01_present_btn a {
  font-size: 1.5625em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_present_btn a {
    font-size: 3.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec01_present_btn {
    margin-top: 4.8vw;
    width: 60.5333vw;
    height: 8vw;
  }
}
.secWrapper .sec03 {
  position: relative;
  padding-top: 4.5em;
  padding-bottom: 6.25em;
}
.secWrapper .sec03::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 3.4375em;
  height: 100%;
  background-image: url(../img/sec03_left.webp);
  background-size: cover;
  background-repeat: repeat-y;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03::before {
    left: -1.733333vw;
    width: 6.66667vw;
    background-image: url(../img/sec03_left_sp.webp);
    background-repeat: repeat;
    background-size: contain;
  }
}
.secWrapper .sec03::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 3.4375em;
  height: 100%;
  background-image: url(../img/sec03_right.webp);
  background-size: cover;
  background-repeat: repeat-y;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03::after {
    right: -2.533333vw;
    width: 6.66667vw;
    background-image: url(../img/sec03_right_sp.webp);
    background-repeat: repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03 .inner {
    width: 85.5%;
  }
}
.secWrapper .sec03_btn {
  margin-top: 1.75em;
}
.secWrapper .sec03_figure {
  margin-top: 3.75em;
}
.secWrapper .sec03_text {
  text-align: center;
  font-size: 1.25em;
  color: #000;
  margin-top: 0.4em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_text {
    text-align: justify;
    font-size: 2.6666667vw;
    letter-spacing: 0;
  }
}
.secWrapper .sec03_osusume {
  margin-top: 9.25em;
  position: relative;
  border-radius: 27px;
  border: 11px solid #E2D52E;
  background: #FBF063;
  padding-top: 6.625em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume {
    margin-top: 5.25em;
    padding-top: 9.3333333333vw;
  }
}
.secWrapper .sec03_osusume_img {
  position: absolute;
  top: -10.625em;
  left: 50%;
  transform: translateX(-50%);
  width: 34.9375em;
  height: 16.375em;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_img {
    top: -6.625em;
    width: 62.66667vw;
    height: auto;
  }
}
.secWrapper .sec03_osusume_sub_title {
  width: 26.6875em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_sub_title {
    width: 80%;
  }
}
.secWrapper .sec03_osusume_list {
  margin-top: 1.625em;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-inline: 1.75em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_list {
    margin-inline: 1em;
    row-gap: 0.5em;
    margin-top: 2.666667vw;
  }
}
.secWrapper .sec03_osusume_list li {
  position: relative;
  padding-left: 2.5em;
  width: fit-content;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_list li {
    padding-left: 4vw;
    width: 100%;
  }
}
.secWrapper .sec03_osusume_list li span {
  font-size: 1.375em;
  font-weight: 500;
  color: #000;
  line-height: 2;
  letter-spacing: -0.374px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_list li span {
    font-size: 2.93333vw;
  }
}
.secWrapper .sec03_osusume_list li::before {
  position: absolute;
  content: "";
  top: 0.3125em;
  left: 0;
  width: 2.1875em;
  height: 1.875em;
  background-image: url(../img/sec03_icon.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_list li::before {
    width: 3.53333vw;
    height: 3vw;
    top: 0.5em;
  }
}
.secWrapper .sec03_osusume_list li::after {
  position: absolute;
  content: "";
  bottom: 0.3125em;
  left: 0;
  width: 100%;
  height: 0.6875em;
  background-color: #fff;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_list li::after {
    bottom: -0.8vw;
    height: 0.8vw;
  }
}
.secWrapper .sec03_osusume_wrap_02 {
  margin-top: 1.625em;
  margin-inline: 0.625em;
  margin-bottom: 0.75em;
  background-color: #fff;
  padding-block: 1.125em 2.25em;
  border-radius: 0 0 27px 27px;
}
.secWrapper .sec03_osusume_wrap_02 .sec03_osusume_sub_title_02 {
  max-width: 44em;
  width: 95%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_wrap_02 .sec03_osusume_sub_title_02 {
    width: 80%;
  }
}
.secWrapper .sec03_osusume_wrap_02 .sec03_osusume_list li::after {
  background-color: #FBF063;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec03_osusume_wrap_02 .sec03_osusume_list li span {
    font-size: 2.93333vw;
  }
}
.secWrapper .sec04 {
  background-image: url(../img/yellow_bg_02.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-block: 2.875em 6.5em;
}
.secWrapper .sec04_title {
  width: 51em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_title {
    width: 100%;
  }
}
.secWrapper .sec04_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 17.3125em 12.25em 17.3125em;
  column-gap: 0.875em;
  row-gap: 1em;
  margin-top: 0.9375em;
}
@media screen and (max-width: 1200px) {
  .secWrapper .sec04_list {
    grid-template-rows: 24.3125em 18.25em 17.3125em;
  }
}
@media screen and (max-width: 1000px) {
  .secWrapper .sec04_list {
    grid-template-rows: 17.3125em 12.25em 17.3125em;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    column-gap: 0;
    row-gap: 3.2vw;
  }
}
.secWrapper .sec04_list_item_01 {
  grid-area: 1/1/2/2;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_01 {
    grid-area: auto;
  }
}
.secWrapper .sec04_list_item_02 {
  grid-area: 1/2/2/3;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_02 {
    grid-area: auto;
  }
}
.secWrapper .sec04_list_item_03 {
  grid-area: 2/1/3/3;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_03 {
    grid-area: auto;
  }
}
.secWrapper .sec04_list_item_04 {
  grid-area: 3/1/4/2;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_04 {
    grid-area: auto;
  }
}
.secWrapper .sec04_list_item_05 {
  grid-area: 3/2/4/3;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_05 {
    grid-area: auto;
  }
}
.secWrapper .sec04_list_item_btn {
  padding-block: 0px;
  background-color: inherit;
  padding-inline: 0px;
}
.secWrapper .sec04_list_item_btn:hover {
  opacity: 0.8;
}
.secWrapper .sec04_list_item_dialog {
  width: 62.5em;
  border-radius: 24px;
  border: 2px solid #000;
  background: #FFF;
  padding-top: 3.75em;
  padding-inline: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog {
    width: 80vw;
  }
}
.secWrapper .sec04_list_item_dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.secWrapper .sec04_list_item_dialog_title {
  font-size: 2.5em;
  line-height: 1.555;
  font-weight: 400;
  font-family: "RocknRoll One", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog_title {
    padding-inline: 5vw;
    font-size: 4vw;
    column-gap: 2vw;
  }
}
.secWrapper .sec04_list_item_dialog_title span {
  text-shadow: 0 4px 0 #FAF063;
  font-size: 1.25em;
  margin-right: 0.25em;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog_title span {
    font-size: 7vw;
  }
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog_title svg {
    width: 10.5333vw;
  }
}
.secWrapper .sec04_list_item_dialog_list {
  margin-top: 1.25em;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.secWrapper .sec04_list_item_dialog_list_item {
  background-color: #FAF063;
  padding-block: 2.0625em;
  padding-inline: 6.0625em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog_list_item {
    padding-block: 4vw;
    padding-inline: 5vw;
    column-gap: 2vw;
    letter-spacing: 0;
  }
}
.secWrapper .sec04_list_item_dialog_list_item:nth-of-type(2n) {
  background-color: #fff;
}
.secWrapper .sec04_list_item_dialog_question {
  display: block;
  font-size: 1.875em;
  letter-spacing: 0;
  line-height: 1.555;
  font-weight: 500;
  font-family: "RocknRoll One", sans-serif;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog_question {
    font-size: 4vw;
  }
}
.secWrapper .sec04_list_item_dialog_answer {
  display: block;
  font-size: 1.125em;
  letter-spacing: 0;
  line-height: 1.555;
  font-weight: 500;
  margin-top: 0.5em;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog_answer {
    font-size: 3.2vw;
  }
}
.secWrapper .sec04_list_item_dialog .sec04_content_item_dialog_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  height: 2em;
  background-color: #000;
  color: #fff;
  font-size: 2.75em;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.secWrapper .sec04_list_item_dialog .sec04_content_item_dialog_close:focus {
  outline: none;
}
.secWrapper .sec04_list_item_dialog .sec04_content_item_dialog_close:active {
  outline: none;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec04_list_item_dialog .sec04_content_item_dialog_close {
    width: 12vw;
    height: 12vw;
  }
}
.secWrapper .sec05 {
  padding-block: 5.25em 3em;
  scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec05 {
    padding-block: 13.33333334vw;
  }
}
.secWrapper .sec05_content {
  border: 10px solid #FF0000;
  padding: 3.25em 2.1875em;
  color: #000;
  margin-bottom: 3.75em;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec05_content {
    padding-inline: 4vw;
    padding-block: 8vw;
  }
}
.secWrapper .sec05_title {
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec05_title {
    font-size: 4vw;
  }
}
.secWrapper .sec05_question {
  font-size: 1.125em;
  line-height: 1.6111;
  letter-spacing: 0;
  font-weight: 700;
  margin-top: 1.77777em;
  text-align: justify;
  max-width: 46.666em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec05_question {
    font-size: 3.2vw;
  }
}
.secWrapper .sec05_answer {
  font-size: 1em;
  line-height: 1.8125;
  letter-spacing: 0;
  font-weight: 500;
  margin-top: 0.3125em;
  text-align: justify;
  max-width: 52.5em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec05_answer {
    font-size: 2.666667vw;
  }
}
.secWrapper .sec05_note_text {
  font-size: 1em;
  line-height: 1.8125;
  letter-spacing: 0;
  font-weight: 500;
  margin-top: 3.75em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secWrapper .sec05_note_text {
    letter-spacing: -0.06em;
    font-size: 2.666667vw;
  }
}

.snsArea {
  color: #000;
}

.floating {
  position: fixed;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  opacity: 0;
  transition-duration: 0.3s;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .floating {
    top: auto;
    bottom: 0;
    transform: none;
    display: flex;
    width: 100%;
  }
}
.floating.is-active {
  opacity: 1;
}
.floating li {
  width: 60px;
  transition-duration: 0.3s;
  list-style: none;
}
@media screen and (max-width: 1000px) {
  .floating li {
    width: 43px;
  }
}
@media screen and (max-width: 768px) {
  .floating li {
    width: auto;
  }
}
.floating li:nth-of-type(n + 2) {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .floating li:nth-of-type(n + 2) {
    margin-top: 0vw;
  }
}
.floating li a {
  display: block;
}
.floating li:hover a {
  opacity: 0.6;
}

.floating2.lineCam {
  position: fixed;
  right: 1em;
  top: auto;
  bottom: 40px;
  width: 15.4em;
  transform: none;
  opacity: 0;
  transition-duration: 0.3s;
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  .floating2.lineCam {
    width: 29.4vw;
  }
}
@media screen and (max-width: 768px) {
  .floating2.lineCam {
    width: 35vw;
    left: auto;
    right: 2vw;
    bottom: 2vw;
  }
}
.floating2.lineCam.is-active {
  opacity: 1;
}

/* LINE友だち登録 */
.line_cam {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .line_cam {
    flex-direction: column-reverse;
  }
}
.line_cam .left {
  width: 65.3472222vw;
  background-color: #41CC33;
  height: 38.56vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .line_cam .left {
    height: 38.4vw;
  }
}
@media screen and (max-width: 768px) {
  .line_cam .left {
    width: 100%;
    height: auto;
    padding-top: 7.19999vw;
    padding-bottom: 11.466666vw;
    text-align: center;
  }
}
.line_cam .left .line_cam_catch {
  width: 42.375em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .line_cam .left .line_cam_catch {
    width: 68.667vw;
  }
}
.line_cam .left .line_cam_title {
  font-size: 2.5em;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.9em;
  margin-bottom: 0.6em;
  font-weight: 700;
  color: #fff;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .line_cam .left .line_cam_title {
    font-size: 5.3333334vw;
    margin-top: 5.3333333vw;
    margin-bottom: 3.06666vw;
  }
}
.line_cam .left .line_cam_text {
  display: flex;
  align-items: flex-end;
  column-gap: 1.5em;
  margin-inline: auto;
  width: fit-content;
}
.line_cam .left .line_cam_text .line_cam_text_left {
  width: 9.6875em;
}
@media screen and (max-width: 768px) {
  .line_cam .left .line_cam_text .line_cam_text_left {
    display: none;
  }
}
.line_cam .left .line_cam_text .txt {
  font-size: 0.9375em;
  letter-spacing: -0.07em;
  line-height: 1.6;
  color: #fff;
}
.line_cam .left .line_cam_text .line_btn {
  width: 23.875em;
  margin-top: 1.0625em;
}
@media screen and (max-width: 768px) {
  .line_cam .left .line_cam_text .line_btn {
    width: 77.6vw;
    margin-top: 5.3334vw;
  }
}
.line_cam .right {
  width: 36.5277vw;
}
@media screen and (max-width: 768px) {
  .line_cam .right {
    width: 100%;
    height: 40.8vw;
  }
}

/* アニメーションを適用するクラス */
.animateOn {
  animation: anime01 1s ease forwards;
}

.animateOn02 {
  animation: anime02 1s forwards;
}
@media screen and (min-width: 1440px) {
  .animateOn02 {
    animation: anime02_pcAll 1s forwards;
  }
}
@media screen and (max-width: 1200px) {
  .animateOn02 {
    animation: anime02_pc 1s forwards;
  }
}

.animateOn03 {
  animation: anime03 1s forwards;
}

.animateOn04 {
  animation: anime04 0.7s forwards;
}

.animateOn_ttl01 {
  animation: anime_ttl01 1s forwards;
}

.animateOn_ttl03 {
  animation: anime_ttl03 1s forwards;
}

.animateOn_ttl04 {
  animation: anime_ttl04 1s forwards;
}

@keyframes anime01 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes anime02 {
  0% {
    opacity: 1;
    transform: translateX(-75px) scale(0);
  }
  70% {
    opacity: 1;
    transform: translateX(-75px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateX(-75px) scale(1);
  }
}
@keyframes anime02_pcAll {
  0% {
    opacity: 1;
    transform: translateX(-5vw) scale(0);
  }
  70% {
    opacity: 1;
    transform: translateX(-5vw) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateX(-5vw) scale(1);
  }
}
@keyframes anime02_pc {
  0% {
    opacity: 1;
    transform: translateX(-10vw) scale(0);
  }
  70% {
    opacity: 1;
    transform: translateX(-10vw) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateX(-10vw) scale(1);
  }
}
@keyframes anime03 {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes anime04 {
  from {
    opacity: 0;
    transform: translate(-50%, 70px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes anime_ttl01 {
  0% {
    opacity: 0;
    transform: translate(-25%, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes anime_ttl03 {
  0% {
    opacity: 0;
    transform: translate(-75%, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes anime_ttl04 {
  0% {
    opacity: 0;
    transform: translate(-50%, -25%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
/* アニメーションを適用するクラス ここまで */
@media screen and (max-width: 1000px) {
  .tab-none {
    display: none;
  }
}

.tab-block {
  display: none;
}
@media screen and (max-width: 1000px) {
  .tab-block {
    display: block;
  }
}

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

.sp-block {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-block {
    display: block;
  }
}

@keyframes fadeA {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeAndTranslate {
  from {
    opacity: 0;
    transform: translateY(-30%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}
@keyframes lightA {
  0% {
    opacity: 0;
    transform: translateY(-30px) scale(1.4);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-15px) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes fadeAndTranslate_scale {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeAndTranslate_right {
  from {
    opacity: 0;
    transform: translateX(70px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* アニメーションを適用するクラス */
.animate-on-appear {
  animation: fadeAndTranslate 1s ease forwards;
}

.animate-on-appear02 {
  animation: fadeA 1s ease forwards;
}

.animate-on-appear_light {
  animation: lightA 0.5s linear forwards;
}

.animate-on-appear_scale {
  animation: fadeAndTranslate_scale 1s ease-in-out forwards;
}

.animate-on-appear_soon {
  animation: fadeA 0.3s ease forwards;
}

.animate-on-appear_right {
  animation: fadeAndTranslate_right 1s ease forwards;
}