@charset "UTF-8";
/*
Theme Name: new-kokumin.jp
Theme URI:
Description: 国民民主党ウェブサイトテーマ
Version:1.0
Author:
Author URI:
Tags:
*/
a {
  cursor: pointer;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background: #fff;
}

h1, h2, h3, h4, h5, h6, li, th, td, dt, dd, label, input, select, textarea, p, a, span, strong {
  margin: 0;
  padding: 0;
  letter-spacing: 0.6px;
}

ul {
  margin: 0;
  padding-left: 0;
}

li {
  list-style-type: none;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
}

a, input[type=submit], button {
  text-decoration: none;
  cursor: pointer;
}

a:before,
a:after {
  transition: 0.4s;
}

img {
  vertical-align: top;
}

strong {
  font-weight: bold;
  line-height: 1;
}

button {
  color: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: normal;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 12.8vw;
  }
}

body {
  width: 100%;
  font-family: "Noto Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "MS PGothic", sans-serif;
  line-height: 1.7;
  font-size: 18px;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 768px) {
  body {
    min-width: 1280px;
    padding-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 3.7333333333vw;
    padding-top: 12.8vw;
    width: 100vw;
  }
}

.wrap {
  overflow: hidden;
}

.grecaptcha-badge {
  visibility: hidden;
}

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

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

a.icon_pdf[href$=".pdf"]:before {
  content: " ";
  display: inline-block;
  width: 29px;
  height: 28px;
  margin-right: 8px;
  background: url(../img/icon_pdf.svg) no-repeat center center/contain;
  vertical-align: middle;
}

a.icon_xls[href$=".xls"]:before,
a.icon_xlsx[href$=".xlsx"]:before {
  content: " ";
  display: inline-block;
  width: 29px;
  height: 28px;
  margin-right: 8px;
  background: url(../img/icon_excel_mini.png) no-repeat center center;
  vertical-align: middle;
}

.l-inner, .c-contentsNav__inner {
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .l-inner, .c-contentsNav__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .l-inner, .c-contentsNav__inner {
    width: 90.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .l-inner--spSmall {
    width: 80.2666666667vw;
  }
}

.l-tac {
  text-align: center;
}

.l-tar {
  text-align: right;
}

.l-vat {
  vertical-align: top !important;
}

main a {
  color: #F2C7D5;
  font-size: inherit;
}
main a:hover, main a:focus {
  cursor: pointer;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .header {
    height: 96px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    height: 12.8vw;
  }
}
.header .logo {
  position: relative;
  padding: 22px 22px;
  line-height: 1;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .header .logo {
    padding: 2.9333333333vw 3.7333333333vw 2.6666666667vw;
  }
}
.header .logo a {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
}
.header .logo img {
  width: auto;
  height: 52px;
}
@media screen and (max-width: 767px) {
  .header .logo img {
    height: 6.9333333333vw;
  }
}

.gnav .nav {
  background-color: #E67984;
}
.gnav .nav .nav_inner {
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .gnav .nav .nav_inner {
    padding: 70px 86px 80px;
    min-height: 885px;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .gnav .nav .nav_inner {
    padding: 20.9333333333vw 16.4vw 19.7333333333vw;
    min-height: 186.6666666667vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .gnav .nav_list {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .gnav .nav_item {
    margin-top: 1em;
  }
}
.gnav .nav_item > a {
  font-weight: 800;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .gnav .nav_item > a {
    line-height: 2.45;
    font-size: 24px;
    font-feature-settings: "palt";
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 767px) {
  .gnav .nav_item > a {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .gnav .nav_item a:hover {
    text-decoration: underline;
  }
}

.gnav_overlay {
  content: "";
  transition: all 0.3s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 101;
  position: fixed;
  opacity: 0;
  transform: translateX(100%);
}
.gnav:has(.active) .gnav_overlay {
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  transform: translateX(0);
}
.gnav .nav {
  position: absolute;
  right: 0;
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
}
@media screen and (min-width: 768px) {
  .gnav .nav {
    width: 640px;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .gnav .nav {
    width: 100%;
    height: 100vh;
  }
}
.gnav .nav.active {
  opacity: 1;
  pointer-events: auto;
}

.nav-sns__list {
  justify-content: flex-start;
  display: flex;
}
@media screen and (min-width: 768px) {
  .nav-sns__list {
    gap: 20px;
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .nav-sns__list {
    margin: 18.6666666667vw auto 0;
    gap: 3.8666666667vw;
  }
}
.nav-sns__item {
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .nav-sns__item {
    width: 54px;
    height: 54px;
  }
}
@media screen and (max-width: 767px) {
  .nav-sns__item {
    width: 10.1333333333vw;
    height: 10.1333333333vw;
  }
}
.nav-sns__item a {
  display: block;
  width: 100%;
  height: 100%;
}
.nav-sns__item a img {
  opacity: 1;
  width: 100%;
  height: auto;
}
.nav-sns__item a:hover {
  background-color: #fff;
}
.nav-sns__item a:hover img {
  opacity: 0.5;
}

@media screen and (min-width: 768px) {
  .nav__img {
    bottom: 55px;
    width: 187px;
    position: absolute;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .nav__img {
    width: 24.9333333333vw;
    margin: 24.5333333333vw auto 0;
  }
}

.gnav_btn {
  background-color: #E67984;
  position: absolute;
  border: none;
  appearance: none;
  outline: none;
  z-index: 9999;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .gnav_btn {
    width: 64px;
    height: 64px;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
    top: 14px;
    right: 19px;
  }
}
@media screen and (max-width: 767px) {
  .gnav_btn {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    top: 1.7333333333vw;
    right: 2vw;
    box-shadow: 0px 0.8vw 1.6vw 0px rgba(0, 0, 0, 0.2);
  }
}
.gnav_btn span, .gnav_btn:before, .gnav_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  background: #fff;
  transition: 0.3s transform, 0.3s top, 0.3s opacity;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .gnav_btn span, .gnav_btn:before, .gnav_btn:after {
    width: 32px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .gnav_btn span, .gnav_btn:before, .gnav_btn:after {
    width: 4.2666666667vw;
    height: 0.2666666667vw;
  }
}
.gnav_btn:before {
  top: 35%;
}
.gnav_btn:after {
  top: 65%;
}
.gnav_btn.active {
  background-color: #fff;
}
.gnav_btn.active span {
  opacity: 0;
}
.gnav_btn.active:before, .gnav_btn.active:after {
  background: #E67984;
  top: 50%;
}
.gnav_btn.active:before {
  transform: rotate(-30deg);
}
.gnav_btn.active:after {
  transform: rotate(30deg);
}

@media screen and (min-width: 768px) {
  .footer-share {
    padding: 115px 40px 132px;
  }
}
@media screen and (max-width: 767px) {
  .footer-share {
    padding: 15.4666666667vw 4.6666666667vw 12.8vw;
  }
}
.footer-share--grey {
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  .footer-share__ttl {
    font-size: 4vw !important;
  }
}
.footer-share__list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .footer-share__list {
    margin: 82px auto 0;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .footer-share__list {
    gap: 2.1333333333vw 2.9333333333vw;
    flex-wrap: wrap;
    margin: 13.3333333333vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .footer-share__item {
    border-radius: 8px;
    width: 260px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .footer-share__item {
    width: calc((100% - 2.9333333333vw) / 2);
    border-radius: 1.0666666667vw;
    height: 8.2666666667vw;
  }
}
.footer-share__item:hover {
  opacity: 0.5;
}
.footer-share__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .footer-share__item a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .footer-share__item a {
    font-size: 3.7333333333vw;
  }
}
.footer-share__item--x {
  background-color: #000000;
}
.footer-share__item--line {
  background-color: #00BE00;
}
.footer-share__item--fb {
  background-color: #1877CB;
}
.footer-share__item--url {
  background-color: #FABD05;
}
.footer-share__item--url a {
  color: #4D4D4D;
}

.footer__logo {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .footer__logo {
    margin: 11.6vw auto 0;
  }
}
.footer__logo img {
  height: auto;
}
@media screen and (min-width: 768px) {
  .footer__logo img {
    width: 162px;
  }
}
@media screen and (max-width: 767px) {
  .footer__logo img {
    width: 30.4vw;
  }
}

.footer-nav {
  background-color: #F2E6E9;
}
@media screen and (min-width: 768px) {
  .footer-nav {
    padding: 53px 0 58px;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav {
    padding: 9.6vw 0 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .footer-nav .l-inner, .footer-nav .c-contentsNav__inner {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav .l-inner, .footer-nav .c-contentsNav__inner {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .footer-nav__container {
    padding: 10px 0 15px;
  }
}
.footer-nav__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .footer-nav__list {
    margin-top: 10px;
    gap: 7px 70px;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__list {
    margin-bottom: 9.3333333333vw;
    gap: 1.3333333333vw 0;
  }
}
.footer-nav__item {
  /* pc */
  /* sp */
}
@media screen and (max-width: 767px) {
  .footer-nav__item {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .footer-nav__item:nth-child(1), .footer-nav__item:nth-child(4), .footer-nav__item:nth-child(7) {
    width: 180px;
  }
}
@media screen and (min-width: 768px) {
  .footer-nav__item:nth-child(2), .footer-nav__item:nth-child(5), .footer-nav__item:nth-child(8) {
    width: 259px;
  }
}
@media screen and (min-width: 768px) {
  .footer-nav__item:nth-child(3), .footer-nav__item:nth-child(6), .footer-nav__item:nth-child(9) {
    width: 265px;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(1) {
    order: 1;
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(2) {
    order: 2;
    width: 57%;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(3) {
    order: 7;
    width: 100%;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(4) {
    order: 3;
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(5) {
    order: 4;
    width: 57%;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(6) {
    order: 8;
    width: 100;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(7) {
    order: 5;
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item:nth-child(8) {
    order: 6;
    width: 57%;
  }
}
.footer-nav__item a {
  color: #000;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .footer-nav__item a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__item a {
    font-size: 3.4666666667vw;
    display: inline-block;
  }
}
.footer-nav__item a:hover {
  color: #E67984;
}

.footer-bottom {
  position: relative;
}
@media screen and (min-width: 768px) {
  .footer-bottom {
    padding: 48px 0 180px;
  }
}
@media screen and (max-width: 767px) {
  .footer-bottom {
    padding: 11.3333333333vw 0 20.8vw;
  }
}
.footer-bottom__txt {
  text-align: center;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .footer-bottom__txt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .footer-bottom__txt {
    font-size: 3.2vw;
  }
}

@media screen and (min-width: 768px) {
  .copyright {
    font-weight: 500;
  }
}

.pagetop {
  position: fixed;
  z-index: 100;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .pagetop {
    right: 37px;
  }
}
@media screen and (max-width: 767px) {
  .pagetop {
    right: 0.9333333333vw;
  }
}
.pagetop a {
  display: block;
  transition: margin 0.3s;
}
@media screen and (min-width: 768px) {
  .pagetop a:hover {
    margin-bottom: -10px;
  }
}
.pagetop img {
  width: 178px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .pagetop img {
    width: 23.7333333333vw;
  }
}

.breadcrumbs {
  background-color: #F2C7D5;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 27px 0 27px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    font-size: 2.9333333333vw;
    padding: 2.9333333333vw 0 2.9333333333vw;
  }
}
.breadcrumbs a {
  color: #000;
}
@media screen and (min-width: 768px) {
  .breadcrumbs a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs a {
    line-height: 1;
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumbs a:hover {
    text-decoration: underline;
  }
}

.sns {
  padding: 78px 0 85px;
}
@media screen and (max-width: 767px) {
  .sns {
    padding: 11.6vw 0 10.5333333333vw;
  }
}
.sns_ttl {
  line-height: 27px;
  margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
  .sns_ttl {
    line-height: 3.6vw;
    margin-bottom: 7.4666666667vw;
  }
}
.sns_list {
  display: flex;
  justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .sns_list {
    gap: 4.2666666667vw;
  }
}
.sns_list a {
  transition: opacity 0.3s;
}
.sns_list a[aria-current=location], .sns_list a[aria-current=page], .sns_list a:hover {
  opacity: 0.7;
}
.sns_list a[aria-current=location], .sns_list a[aria-current=page] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .sns_list img {
    width: 9.4666666667vw;
    height: auto;
  }
}

/*------------------------------------------------------------
	js-accordion
------------------------------------------------------------*/
.js-accordion dt,
.js-accordion dd {
  position: relative;
  padding-left: 93px;
  padding-right: 80px;
}
@media screen and (max-width: 767px) {
  .js-accordion dt,
  .js-accordion dd {
    padding-left: 7.0666666667vw;
    padding-right: 9.7333333333vw;
  }
}
.js-accordion dt {
  color: #F2C7D5;
  font-size: inherit;
  cursor: pointer;
  padding-top: 1.15em;
  padding-bottom: 1.15em;
}
.js-accordion dt:hover, .js-accordion dt:focus {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .js-accordion dt {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.js-accordion dt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  display: block;
  width: 27px;
  height: 27px;
  margin-top: -13.5px;
  background: url(../img/icon_arrow01_right.svg) no-repeat 0 0/contain;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .js-accordion dt:after {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    right: 3.7333333333vw;
    top: 5.3333333333vw;
    margin-top: 0;
  }
}
.js-accordion dd {
  display: none;
}
.js-accordion dd > p,
.js-accordion dd > div,
.js-accordion dd > ul,
.js-accordion dd > ol,
.js-accordion dd > dl {
  padding-bottom: 1.15em;
}
@media screen and (max-width: 767px) {
  .js-accordion dd > p,
  .js-accordion dd > div,
  .js-accordion dd > ul,
  .js-accordion dd > ol,
  .js-accordion dd > dl {
    padding-bottom: 4.2666666667vw;
  }
}
.js-accordion.open dt:after {
  transform: rotate(270deg);
}
.js-accordion.open dd {
  display: block;
}

/*------------------------------------------------------------
	js-swiper
------------------------------------------------------------*/
/*------------------------------------------------------------
	lightBox
------------------------------------------------------------*/
.lb-outerContainer {
  border-radius: 4px 4px 0 0 !important;
}

.lb-nav {
  width: calc(100% + 160px) !important;
  left: -80px !important;
}
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  filter: alpha(Opacity=100) !important;
  opacity: 1 !important;
}
.lb-nav a.lb-prev {
  background: url(../img/icon_arrow01_left.svg) no-repeat left 20px center/39px !important;
}
.lb-nav a.lb-next {
  background: url(../img/icon_arrow01_right.svg) no-repeat right 20px center/39px !important;
}

.lb-dataContainer {
  padding-bottom: 1em;
  background-color: #fff;
}

.lb-caption {
  padding-left: 1em;
  color: #000;
}

.lb-data .lb-close {
  display: none !important;
}

/*------------------------------------------------------------
	Magnific popupカスタムCSS
------------------------------------------------------------*/
.mfp-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mfp-content {
  background-color: #fff !important;
  max-width: 100% !important;
}
@media screen and (max-width: 767px) {
  .mfp-content {
    max-width: 82.6666666667vw !important;
  }
}

@media all and (min-width: 768px) and (max-width: 1190px) {
  .mfp-content {
    max-width: 90% !important;
  }
}
.mfp-close,
.mfp-counter {
  display: none !important;
}

/* Main image in popup */
img.mfp-img {
  padding: 22px 22px 64px !important;
}
@media screen and (max-width: 767px) {
  img.mfp-img {
    padding: 1.7333333333vw 1.7333333333vw 12.5333333333vw !important;
  }
}

/* The shadow behind the image */
.mfp-figure:after {
  top: 22px !important;
  bottom: 84px !important;
  background: #fff !important;
  box-shadow: none !important;
}
@media screen and (max-width: 767px) {
  .mfp-figure:after {
    top: 1.7333333333vw !important;
    bottom: 12.5333333333vw !important;
  }
}

.mfp-bottom-bar {
  margin-top: -44px !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
}
@media screen and (max-width: 767px) {
  .mfp-bottom-bar {
    margin-top: -9.3333333333vw !important;
    padding: 0 1.7333333333vw !important;
  }
}

.mfp-title {
  color: #000 !important;
}
@media screen and (max-width: 767px) {
  .mfp-title {
    font-size: 3.4666666667vw !important;
  }
}

.mfp-arrow {
  opacity: 1 !important;
  width: 60px !important;
  height: 80px !important;
  margin-top: -40px !important;
  text-align: center !important;
}
@media screen and (max-width: 767px) {
  .mfp-arrow {
    width: 5.3333333333vw !important;
    height: 8vw !important;
    margin-top: -4vw !important;
  }
}
.mfp-arrow:active {
  margin-top: -39px !important;
}
@media screen and (max-width: 767px) {
  .mfp-arrow:active {
    margin-top: -3.8666666667vw !important;
  }
}
.mfp-arrow:before, .mfp-arrow:after {
  display: none !important;
}
.mfp-arrow-left .c-arrowRound02_right {
  transform: rotate(180deg) !important;
}
@media screen and (max-width: 767px) {
  .mfp-arrow-left {
    left: 2vw !important;
  }
}
@media screen and (max-width: 767px) {
  .mfp-arrow-right {
    right: 2vw !important;
  }
}
.mfp-arrow .c-arrowRound02_right {
  margin: auto;
}
@media screen and (max-width: 767px) {
  .mfp-arrow .c-arrowRound02_right {
    width: 5.3333333333vw !important;
    height: 5.3333333333vw !important;
    border-radius: 5.3333333333vw !important;
  }
}

@media all and (min-width: 1260px) {
  .mfp-arrow-left {
    left: 50% !important;
    margin-left: -628.5px !important;
  }
  .mfp-arrow-right {
    right: 50% !important;
    margin-right: -628.5px !important;
  }
}
.u-text_l {
  font-size: 1.6666666667em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .u-text_l {
    font-size: 4vw;
  }
}

.u-text_ml {
  font-size: 1.2222222222em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .u-text_ml {
    font-size: 3.4666666667vw;
  }
}

.u-popup:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
}
.u-popup:after {
  background: url(../img/icon_blank_blue.svg) no-repeat center center/contain;
}
.nav .u-popup:after {
  background: url(../img/icon_blank_white.svg) no-repeat center center/contain;
}

.u-marker {
  background-color: #fff100;
  font-weight: 500;
}

.u-text_red {
  color: #d80c18;
}

.c-page_ttl {
  position: relative;
}
.c-page_ttl h1 {
  margin: 0 auto;
  position: relative;
}
.c-page_ttl--news h1 {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--news h1 {
    width: 330px;
    height: 150px;
    left: -200px;
    top: -44px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--news h1 {
    width: 38.8989733333vw;
    height: 24.4738133333vw;
    left: -6.6666666667vw;
    top: -5.8666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--profile {
    padding: 45px 0 114px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--profile {
    padding: 6vw 0 15.2vw;
  }
}
@media screen and (min-width: 768px) {
  .c-page_ttl--profile h1 {
    width: 376.8928px;
    height: 188.7321px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--profile h1 {
    width: 50.2523733333vw;
    height: 25.16428vw;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--policy {
    padding: 64px 0 70px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--policy {
    padding: 11.4666666667vw 0 6vw;
  }
}
@media screen and (min-width: 768px) {
  .c-page_ttl--policy h1 {
    width: 339.7208px;
    height: 181.5886px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--policy h1 {
    width: 45.2961066667vw;
    height: 24.2118133333vw;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--support {
    padding: 75px 0 102px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--support {
    padding: 10vw 0 13.2vw;
  }
}
.c-page_ttl--support h1 {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--support h1 {
    width: 305.496px;
    height: 137.8502px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--support h1 {
    width: 40.7328vw;
    height: 18.3800266667vw;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--join {
    padding: 47px 0 52px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--join {
    padding: 6.2666666667vw 0 7.0666666667vw;
  }
}
.c-page_ttl--join h1 {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--join h1 {
    width: 468.2674px;
    height: 216.3976px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--join h1 {
    width: 62.4356533333vw;
    height: 28.8530133333vw;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--contact {
    padding: 84px 0 70px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--contact {
    padding: 11.4666666667vw 0;
  }
}
@media screen and (min-width: 768px) {
  .c-page_ttl--contact h1 {
    width: 408.6667px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--contact h1 {
    width: 76.7066666667vw;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--thankyou {
    padding: 84px 0 100px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--thankyou {
    padding: 11.4666666667vw 0 11.4666666667vw;
  }
}
.c-page_ttl--thankyou h1 {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--thankyou h1 {
    width: 358px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--thankyou h1 {
    width: 48.2666666667vw;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-page_ttl--privacypolicy {
    padding: 84px 0 100px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--privacypolicy {
    padding: 11.4666666667vw 0 11.4666666667vw;
  }
}
.c-page_ttl--privacypolicy h1 {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--privacypolicy h1 {
    width: 520px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--privacypolicy h1 {
    width: 69.3333333333vw;
    height: auto;
  }
}
.c-page_ttl--privacypolicy .sub-ttl {
  font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--error {
    padding: 84px 0 100px;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--error {
    padding: 11.4666666667vw 0 11.4666666667vw;
  }
}
.c-page_ttl--error h1 {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .c-page_ttl--error h1 {
    width: 336.6895px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-page_ttl--error h1 {
    width: 59.8559066667vw;
    height: auto;
  }
}

.c-sec_ttl {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .c-sec_ttl {
    margin-bottom: 6vw;
    font-size: 5.0666666667vw;
  }
}
.c-sec_ttl sup {
  font-size: 0.5em;
}
@media screen and (min-width: 768px) {
  #join01 .c-sec_ttl h2 {
    width: 256.02px;
    height: 88.4444px;
    margin: 71px auto 8px;
    left: 6px;
  }
}
@media screen and (max-width: 767px) {
  #join01 .c-sec_ttl h2 {
    width: 34.136vw;
    height: 11.7925866667vw;
    margin: 9.4666666667vw auto 1.0666666667vw;
    left: 0.8vw;
  }
}
.c-sec_ttl .sub-ttl {
  font-weight: 700;
  line-height: 1;
  font-size: 30px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-sec_ttl .sub-ttl {
    font-size: 4.8vw;
  }
}

.c-sec_pretext {
  margin: 65px auto 0;
  text-align: left;
  font-size: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .c-sec_pretext {
    margin: 10.4vw auto 0;
    font-size: 3.6vw;
  }
}

.c-block_ttl {
  background-color: #E67984;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-block_ttl {
    margin: 37px auto 0;
    padding: 10px 23px;
    height: 58.4997px;
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .c-block_ttl {
    margin: 13.3333333333vw auto 0;
    padding: 1.4666666667vw 5.3333333333vw 1.0666666667vw;
    height: 12vw;
    font-size: 4.8vw;
  }
}

.c-block_txt {
  text-align: left;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .c-block_txt {
    margin: 15px auto 0;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-block_txt {
    margin: 6vw auto 0;
    font-size: 3.6vw;
  }
}

.c-search_box {
  position: relative;
}
.c-search_box form {
  display: flex;
  flex-flow: wrap row;
}
.c-search_box__input_bg {
  position: relative;
  width: 936px;
  height: 80px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-search_box__input_bg {
    width: calc(100% - 13.6vw);
    height: 13.2vw;
  }
}
.c-search_box__input_bg input[type=text] {
  border: 0;
  outline: 0;
  font-family: inherit;
  font-weight: 700;
  font-size: 22px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: inherit;
  line-height: 80px;
  padding-left: 46px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .c-search_box__input_bg input[type=text] {
    line-height: 13.2vw;
    padding-left: 6.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
.c-search_box button {
  transition: opacity 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  display: block;
  width: 88px;
  height: 80px;
}
.c-search_box button[aria-current=location], .c-search_box button[aria-current=page], .c-search_box button:hover {
  opacity: 0.7;
}
.c-search_box button[aria-current=location], .c-search_box button[aria-current=page] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .c-search_box button {
    width: 13.6vw;
    height: 13.2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-search_box button img {
    width: 6.9333333333vw;
    height: auto;
  }
}

.btn_wrap {
  /* @include pc{
    margin: 57px auto 0;
  }
  @include sp{
    margin: spvw(130) auto 0;
  } */
  /* &:nth-child(1){
    @include sp{
      margin: spvw(70) auto 0;
    }
  } */
}
.c-contentsNav + .btn_wrap {
  margin-top: 135px;
}
@media screen and (max-width: 767px) {
  .c-contentsNav + .btn_wrap {
    margin-top: 15.3333333333vw;
  }
}
.btn_wrap_list {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .btn_wrap_list {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .btn_wrap_list a {
    padding-left: 40px !important;
    padding-right: 40px !important;
    min-width: 600px;
  }
}

.btn {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #E67984;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .btn {
    padding: 0 20px;
    border-radius: 8px;
    min-width: 330px;
    height: 51px;
    margin: 50px auto 0;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: 1.0666666667vw;
    min-width: 100%;
    height: 11.6211333333vw;
    margin: 11.3333333333vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .btn:hover {
    text-decoration: underline;
  }
}

.btn-wrap {
  text-align: center;
}

.c-contentsNav .c-contentsNav__btn_list li a,
.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 700;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .c-contentsNav .c-contentsNav__btn_list li a,
  .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a {
    font-size: 3.4666666667vw;
  }
}
.c-contentsNav .c-contentsNav__btn_list li a[href^="#"]:before,
.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[href^="#"]:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(135deg) translate(0, 4px);
  vertical-align: middle;
}

.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  width: 100%;
}
.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=location], .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page], .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a:hover {
  background-color: #FFC000;
  color: #000;
}
.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=location]:before, .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=location]:after, .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page]:before, .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page]:after, .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a:hover:before, .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a:hover:after {
  border-color: #000;
}
.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=location], .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a {
    padding: 8px 24px;
    min-width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list li a {
    padding: 2.1333333333vw 1.3333333333vw;
    letter-spacing: -0.025em;
  }
}

.c-contentsNav .c-contentsNav__btn_list li a {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  width: 100%;
}
.c-contentsNav .c-contentsNav__btn_list li a[aria-current=location], .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page], .c-contentsNav .c-contentsNav__btn_list li a:hover {
  background-color: #fff;
  color: #000;
}
.c-contentsNav .c-contentsNav__btn_list li a[aria-current=location]:before, .c-contentsNav .c-contentsNav__btn_list li a[aria-current=location]:after, .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page]:before, .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page]:after, .c-contentsNav .c-contentsNav__btn_list li a:hover:before, .c-contentsNav .c-contentsNav__btn_list li a:hover:after {
  border-color: #000;
}
.c-contentsNav .c-contentsNav__btn_list li a[aria-current=location], .c-contentsNav .c-contentsNav__btn_list li a[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c-contentsNav .c-contentsNav__btn_list li a {
    padding: 18px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav .c-contentsNav__btn_list li a {
    padding: 2.4vw 1.3333333333vw;
    letter-spacing: -0.025em;
  }
}

.c-contentsNav + .c-contentsNav {
  background-color: #F1F2EE;
}
.c-contentsNav + .c-contentsNav .c-contentsNav__btn_list {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-contentsNav + .c-contentsNav .c-contentsNav__btn_list {
    display: flex;
    justify-content: center;
  }
}

.c-contentsNav {
  background-color: #FFC000;
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list__inline {
    margin-left: -1.3333333333vw;
    margin-bottom: -1.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list__inline li {
    flex-basis: auto;
    margin-left: 1.3333333333vw;
    margin-top: 0 !important;
    margin-bottom: 1.4666666667vw;
    flex-grow: 1;
    width: auto !important;
  }
  .c-contentsNav__btn_list__inline li:last-child {
    flex-grow: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list__inline li a {
    padding: 2.2666666667vw 5.6vw !important;
  }
}
@media screen and (min-width: 768px) {
  .c-contentsNav__btn_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8.5333333333vw;
  }
}
.c-contentsNav__btn_list:only-child {
  padding: 55px 0;
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list:only-child {
    padding: 8.5333333333vw 0;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(2),
  .c-contentsNav__btn_list li:first-child:nth-last-child(2) ~ *,
  .c-contentsNav__btn_list li:first-child:nth-last-child(3),
  .c-contentsNav__btn_list li:first-child:nth-last-child(3) ~ *,
  .c-contentsNav__btn_list li:first-child:nth-last-child(4),
  .c-contentsNav__btn_list li:first-child:nth-last-child(4) ~ * {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(2) + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(2) ~ * + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(3) + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(3) ~ * + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(4) + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(4) ~ * + li {
    margin-top: 1.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(5):nth-child(1),
  .c-contentsNav__btn_list li:first-child:nth-last-child(5) ~ *:nth-child(1) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(5) + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(5) ~ * + li {
    width: 44.2666666667vw;
    margin-top: 1.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(5) ~ *:nth-child(2n-1),
  .c-contentsNav__btn_list li:first-child:nth-last-child(5) ~ * ~ *:nth-child(2n-1) {
    margin-left: 2.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(7):nth-child(1),
  .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ *:nth-child(1) {
    width: 100%;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(7) + li,
  .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ * + li {
    width: 29.0666666667vw;
    margin-top: 1.8666666667vw;
  }
}
@-moz-document url-prefix() {
  @media screen and (max-width: 767px) {
    .c-contentsNav__btn_list li:first-child:nth-last-child(7) + li,
    .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ * + li {
      width: 29.0533333333vw;
    }
  }
}
@media screen and (max-width: 767px) {
  .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ *:nth-child(3n), .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ *:nth-child(3n+1),
  .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ * ~ *:nth-child(3n),
  .c-contentsNav__btn_list li:first-child:nth-last-child(7) ~ * ~ *:nth-child(3n+1) {
    margin-left: 1.7333333333vw;
  }
}
.c-contentsNav__searchwords {
  margin-bottom: 65px;
  padding-top: 48px;
}
@media screen and (max-width: 767px) {
  .c-contentsNav__searchwords {
    margin-bottom: 7.2vw;
    padding-top: 7.6vw;
  }
}
.c-contentsNav__search {
  margin-top: 30px;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .c-contentsNav__search {
    margin-top: 7.7333333333vw;
    padding: 0 3.7333333333vw 8vw;
  }
}
.c-contentsNav__search:only-child {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .c-contentsNav__search:only-child {
    padding: 8vw 0;
  }
}
.c-contentsNav__search form {
  justify-content: center;
}

.c-step {
  margin: 60px 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .c-step {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-step {
    margin: 9.6vw 0;
  }
}
.c-step li {
  position: relative;
  counter-increment: count;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFC000;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .c-step li {
    min-height: 210px;
    padding: 60px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-step li + li {
    margin-top: 4vw;
  }
}
.c-step li + li:before {
  content: "";
  position: absolute;
  display: inline-block;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .c-step li + li:before {
    top: 50%;
    left: -32px;
    margin-top: -25.5px;
    border-width: 25.5px 0 25.5px 27px;
    border-color: transparent transparent transparent #F2C7D5;
  }
}
@media screen and (max-width: 767px) {
  .c-step li + li:before {
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    margin: -4.6666666667vw auto 0;
    border-width: 3.6vw 3.4vw 0 3.4vw;
    border-color: #F2C7D5 transparent transparent transparent;
  }
}
.c-step li .box {
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .c-step li .box {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .c-step li .box {
    display: block;
    padding: 6.6666666667vw 0;
    font-size: 3.7333333333vw;
  }
}
.c-step li .box:before {
  content: "STEP" counter(count);
  position: absolute;
  display: inline-block;
  width: 4em;
  margin: auto;
  background: linear-gradient(transparent 50%, #fff 50%);
}
@media screen and (min-width: 768px) {
  .c-step li .box:before {
    top: 34px;
    left: 0;
    right: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .c-step li .box:before {
    left: 4.2666666667vw;
    top: 50%;
    font-size: 2.4vw;
    transform: translateY(-1.3333333333vw);
  }
}
.c-step li .box .large {
  font-size: 1.25em;
}
@media screen and (min-width: 768px) {
  .c-step li .box small {
    font-size: 0.8333333333em;
  }
}
@media screen and (max-width: 767px) {
  .c-step li .box small {
    font-size: inherit;
  }
}

.c-borderBox {
  border: 10px solid #FFC000;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .c-borderBox {
    border-width: 1.3333333333vw;
    padding: 4vw;
  }
}

.c-list_stamp li {
  margin: 0.4em 0 0.4em 1em;
  text-indent: -1em;
}
.c-list_stamp li:before {
  content: "※";
  color: #d80c18;
}

.c-list_disc {
  padding-left: 1.4em;
}
.c-list_disc li {
  list-style: disc outside;
  margin: 0.75em 0;
}

.c-pagenation {
  margin-top: 163px;
}
@media screen and (max-width: 767px) {
  .c-pagenation {
    margin-top: 8.4vw;
  }
}
.c-pagenation ul {
  display: flex;
  justify-content: center;
  gap: 6px;
}
@media screen and (max-width: 767px) {
  .c-pagenation ul {
    gap: 0.8vw;
  }
}
.c-pagenation li {
  height: 32px;
}
@media screen and (max-width: 767px) {
  .c-pagenation li:nth-child(n+5) {
    display: none;
  }
  .c-pagenation li:nth-last-child(1), .c-pagenation li:nth-last-child(2), .c-pagenation li:nth-last-child(3) {
    display: block;
  }
}
.c-pagenation li a {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
}
.c-pagenation li a[aria-current=location], .c-pagenation li a[aria-current=page], .c-pagenation li a:hover {
  background-color: #FFC000;
  color: #F2C7D5;
}
.c-pagenation li a[aria-current=location]:before, .c-pagenation li a[aria-current=location]:after, .c-pagenation li a[aria-current=page]:before, .c-pagenation li a[aria-current=page]:after, .c-pagenation li a:hover:before, .c-pagenation li a:hover:after {
  border-color: #F2C7D5;
}
.c-pagenation li a[aria-current=location], .c-pagenation li a[aria-current=page] {
  pointer-events: none;
}
.c-pagenation li .page-numbers {
  display: inline-block;
  min-width: 47px;
  height: 32px;
  text-align: center;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .c-pagenation li .page-numbers {
    min-width: 7.7333333333vw;
    padding: 0 1.3333333333vw;
  }
}
.c-pagenation .current {
  background-color: #FFC000;
  color: #F2C7D5;
}

.navigation {
  margin: 115px auto 0;
}
@media screen and (max-width: 767px) {
  .navigation {
    margin: 14.9333333333vw auto 0;
  }
}
.navigation .nav-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navigation .nav-links .nav-previous, .navigation .nav-links .nav-next {
  display: flex;
  align-items: center;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .navigation .nav-links .nav-previous, .navigation .nav-links .nav-next {
    font-size: 3.4666666667vw;
  }
}
.navigation .nav-links .nav-previous:before, .navigation .nav-links .nav-previous:after, .navigation .nav-links .nav-next:before, .navigation .nav-links .nav-next:after {
  content: "";
  background: url(../img/icon_arrow01_right.svg) no-repeat 0 0/contain;
  display: block;
  width: 27px;
  height: 27px;
}
@media screen and (max-width: 767px) {
  .navigation .nav-links .nav-previous:before, .navigation .nav-links .nav-previous:after, .navigation .nav-links .nav-next:before, .navigation .nav-links .nav-next:after {
    width: 3.6vw;
    height: 3.6vw;
    background-size: 3.6vw;
  }
}
.navigation .nav-links .nav-previous:before {
  margin-right: 25px;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .navigation .nav-links .nav-previous:before {
    margin-right: 2.9333333333vw;
  }
}
.navigation .nav-links .nav-previous:after {
  display: none;
}
.navigation .nav-links .nav-next:before {
  display: none;
}
.navigation .nav-links .nav-next:after {
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .navigation .nav-links .nav-next:after {
    margin-left: 2.9333333333vw;
  }
}

.c-arrowRound01_up {
  position: relative;
}
.c-arrowRound01_up::before, .c-arrowRound01_up::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px; /* 線の長さを指定 */
  height: 2px; /* 線の幅を指定 */
  border-radius: 100px; /* 線を角丸にする */
  background: #F2C7D5; /* 線の色を指定 */
  top: 50%;
}
@media screen and (max-width: 767px) {
  .c-arrowRound01_up::before, .c-arrowRound01_up::after {
    width: 2.1333333333vw; /* 線の長さを指定 */
    height: 0.4vw; /* 線の幅を指定 */
  }
}
.c-arrowRound01_up::before {
  right: 0; /* 数値は微調整してください */
}
@media screen and (min-width: 768px) {
  .c-arrowRound01_up::before {
    transform: translateX(2px) rotate(-45deg);
  }
}
@media screen and (max-width: 767px) {
  .c-arrowRound01_up::before {
    transform: translateX(0.4vw) rotate(-45deg);
  }
}
.c-arrowRound01_up::after {
  left: 0; /* 数値は微調整してください */
}
@media screen and (min-width: 768px) {
  .c-arrowRound01_up::after {
    transform: translateX(-2px) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  .c-arrowRound01_up::after {
    transform: translateX(-0.4vw) rotate(45deg);
  }
}

.c-arrowRound01_down {
  position: relative;
}
.c-arrowRound01_down::before, .c-arrowRound01_down::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px; /* 線の長さを指定 */
  height: 2px; /* 線の幅を指定 */
  border-radius: 100px; /* 線を角丸にする */
  background: #F2C7D5; /* 線の色を指定 */
  top: 50%;
}
@media screen and (max-width: 767px) {
  .c-arrowRound01_down::before, .c-arrowRound01_down::after {
    width: 2.1333333333vw; /* 線の長さを指定 */
    height: 0.4vw; /* 線の幅を指定 */
  }
}
.c-arrowRound01_down::before {
  right: 0; /* 数値は微調整してください */
}
@media screen and (min-width: 768px) {
  .c-arrowRound01_down::before {
    transform: translateX(2px) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  .c-arrowRound01_down::before {
    transform: translateX(0.4vw) rotate(45deg);
  }
}
.c-arrowRound01_down::after {
  left: 0; /* 数値は微調整してください */
}
@media screen and (min-width: 768px) {
  .c-arrowRound01_down::after {
    transform: translateX(-2px) rotate(-45deg);
  }
}
@media screen and (max-width: 767px) {
  .c-arrowRound01_down::after {
    transform: translateX(-0.4vw) rotate(-45deg);
  }
}

*:hover > .c-arrowRound01_up::before, *:hover > .c-arrowRound01_up::after,
*:hover > .c-arrowRound01_down::before,
*:hover > .c-arrowRound01_down::after {
  background-color: #FFC000;
}

.c-arrowRound02_right {
  position: relative;
  display: block;
  background-color: #F2C7D5;
  width: 26px;
  height: 26px;
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_right {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.c-arrowRound02_right::before, .c-arrowRound02_right::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px; /* 線の長さを指定 */
  height: 3px; /* 線の幅を指定 */
  border-radius: 100px; /* 線を角丸にする */
  background: #fff; /* 線の色を指定 */
  left: calc(50% - 4px);
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_right::before, .c-arrowRound02_right::after {
    width: 1.4666666667vw; /* 線の長さを指定 */
    height: 0.4vw; /* 線の幅を指定 */
    left: calc(50% - 0.5333333333vw);
  }
}
.c-arrowRound02_right::before {
  top: calc(50% - 4.5px); /* 数値は微調整してください */
  transform: rotate(45deg); /* 45度回転させる */
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_right::before {
    top: calc(50% - 0.6vw); /* 数値は微調整してください */
  }
}
.c-arrowRound02_right::after {
  bottom: calc(50% - 4.5px); /* 数値は微調整してください */
  transform: rotate(-45deg); /* -45度回転させる */
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_right::after {
    bottom: calc(50% - 0.6vw); /* 数値は微調整してください */
  }
}

*:hover > .c-arrowRound02_right {
  background-color: #FFC000;
}
*:hover > .c-arrowRound02_right::before, *:hover > .c-arrowRound02_right::after {
  background-color: #F2C7D5;
}

.c-arrowRound02_left {
  position: relative;
  display: block;
  background-color: #F2C7D5;
  width: 26px;
  height: 26px;
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_left {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.c-arrowRound02_left::before, .c-arrowRound02_left::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px; /* 線の長さを指定 */
  height: 3px; /* 線の幅を指定 */
  border-radius: 100px; /* 線を角丸にする */
  background: #fff; /* 線の色を指定 */
  right: calc(50% - 4.5px);
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_left::before, .c-arrowRound02_left::after {
    width: 1.4666666667vw; /* 線の長さを指定 */
    height: 0.4vw; /* 線の幅を指定 */
    right: calc(50% - 0.5333333333vw);
  }
}
.c-arrowRound02_left::before {
  top: calc(50% - 4.5px); /* 数値は微調整してください */
  transform: rotate(135deg); /* 45度回転させる */
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_left::before {
    top: calc(50% - 0.6vw); /* 数値は微調整してください */
  }
}
.c-arrowRound02_left::after {
  bottom: calc(50% - 4.5px); /* 数値は微調整してください */
  transform: rotate(-135deg); /* -45度回転させる */
}
@media screen and (max-width: 767px) {
  .c-arrowRound02_left::after {
    bottom: calc(50% - 0.6vw); /* 数値は微調整してください */
  }
}

*:hover > .c-arrowRound02_left {
  background-color: #FFC000;
}
*:hover > .c-arrowRound02_left::before, *:hover > .c-arrowRound02_left::after {
  background-color: #F2C7D5;
}

.btn01 {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  vertical-align: middle;
}
.btn01[aria-current=location], .btn01[aria-current=page], .btn01:hover {
  background-color: #FFC000;
  color: #F2C7D5;
}
.btn01[aria-current=location]:before, .btn01[aria-current=location]:after, .btn01[aria-current=page]:before, .btn01[aria-current=page]:after, .btn01:hover:before, .btn01:hover:after {
  border-color: #F2C7D5;
}
.btn01[aria-current=location], .btn01[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .btn01 {
    padding: 20px 105px;
    font-size: 1.2em;
  }
}
@media screen and (max-width: 767px) {
  .btn01 {
    min-width: 60vw;
    padding: 4vw;
    box-sizing: border-box;
    font-size: 1em;
  }
}
@media screen and (min-width: 768px) {
  .btn01[href$=".pdf"] {
    padding: 8px 105px;
  }
}
@media screen and (max-width: 767px) {
  .btn01[href$=".pdf"] {
    padding: 2.6666666667vw 4.6666666667vw;
  }
}
.btn01[href$=".pdf"]:before {
  content: " ";
  display: inline-block;
  width: 57px;
  height: 56px;
  margin-right: 8px;
  background: url(../img/icon_pdf.svg) no-repeat center center/contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .btn01[href$=".pdf"]:before {
    width: 7.6vw;
    height: 7.4666666667vw;
  }
}

.btn02 {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  font-size: 1em;
  vertical-align: middle;
  width: 100%;
}
.btn02[aria-current=location], .btn02[aria-current=page], .btn02:hover {
  background-color: #fff;
  color: #F2C7D5;
}
.btn02[aria-current=location]:before, .btn02[aria-current=location]:after, .btn02[aria-current=page]:before, .btn02[aria-current=page]:after, .btn02:hover:before, .btn02:hover:after {
  border-color: #F2C7D5;
}
.btn02[aria-current=location], .btn02[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .btn02 {
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .btn02 {
    padding: 2.5333333333vw 4vw;
    letter-spacing: -0.025em;
  }
}
.btn02[href^="#"]:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(135deg) translate(0, 4px);
  vertical-align: middle;
}

.btn03 {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  font-size: 1em;
  vertical-align: middle;
  width: 100%;
}
.btn03[aria-current=location], .btn03[aria-current=page], .btn03:hover {
  background-color: #fff;
  color: #F2C7D5;
}
.btn03[aria-current=location]:before, .btn03[aria-current=location]:after, .btn03[aria-current=page]:before, .btn03[aria-current=page]:after, .btn03:hover:before, .btn03:hover:after {
  border-color: #F2C7D5;
}
.btn03[aria-current=location], .btn03[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .btn03 {
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .btn03 {
    padding: 2.5333333333vw 4vw;
    letter-spacing: -0.025em;
  }
}
.btn03[href^="#"]:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(135deg) translate(0, 4px);
  vertical-align: middle;
}

.btn04 {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}
.btn04[aria-current=location], .btn04[aria-current=page], .btn04:hover {
  background-color: #FFC000;
  color: #F2C7D5;
}
.btn04[aria-current=location]:before, .btn04[aria-current=location]:after, .btn04[aria-current=page]:before, .btn04[aria-current=page]:after, .btn04:hover:before, .btn04:hover:after {
  border-color: #F2C7D5;
}
.btn04[aria-current=location], .btn04[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .btn04 {
    padding: 20px 0;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btn04 {
    padding: 2.6666666667vw 0;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .btn04[href$=".pdf"] {
    padding: 10px 0 10px 10px;
  }
}
@media screen and (max-width: 767px) {
  .btn04[href$=".pdf"] {
    padding: 1.3333333333vw 0 1.3333333333vw 1.3333333333vw;
  }
}
.btn04[href$=".pdf"]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 12px;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  background: url(../img/icon_pdf.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .btn04[href$=".pdf"]:before {
    left: 1.6vw;
    width: 5.0666666667vw;
    height: 5.0666666667vw;
    margin-top: -2.5333333333vw;
  }
}

.bigBanner_btn01 a {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  display: flex !important;
  align-items: center;
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: contain;
  box-sizing: border-box;
  text-decoration: underline;
  font-weight: 700;
}
.bigBanner_btn01 a[aria-current=location], .bigBanner_btn01 a[aria-current=page], .bigBanner_btn01 a:hover {
  background-color: #FFC000;
  color: #F2C7D5;
}
.bigBanner_btn01 a[aria-current=location]:before, .bigBanner_btn01 a[aria-current=location]:after, .bigBanner_btn01 a[aria-current=page]:before, .bigBanner_btn01 a[aria-current=page]:after, .bigBanner_btn01 a:hover:before, .bigBanner_btn01 a:hover:after {
  border-color: #F2C7D5;
}
.bigBanner_btn01 a[aria-current=location], .bigBanner_btn01 a[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .bigBanner_btn01 a {
    font-size: 1.6em;
    height: 96px;
    padding-left: 36px;
    width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .bigBanner_btn01 a {
    width: 100%;
    height: 12.8vw;
    padding-left: 4.4vw;
    background-position: left 0;
    background-size: auto 12.8vw;
  }
}

.candidates_banner {
  width: 100%;
}
.candidates_banner a {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  display: flex;
  align-items: center;
  width: inherit;
  background-color: #F2C7D5;
  background-repeat: no-repeat;
  background-position: right 0;
  box-sizing: border-box;
  font-weight: 700;
}
.candidates_banner a[aria-current=location], .candidates_banner a[aria-current=page], .candidates_banner a:hover {
  background-color: #FFC000;
  color: #F2C7D5;
}
.candidates_banner a[aria-current=location]:before, .candidates_banner a[aria-current=location]:after, .candidates_banner a[aria-current=page]:before, .candidates_banner a[aria-current=page]:after, .candidates_banner a:hover:before, .candidates_banner a:hover:after {
  border-color: #F2C7D5;
}
.candidates_banner a[aria-current=location], .candidates_banner a[aria-current=page] {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .candidates_banner a {
    font-size: 1.6em;
    height: 96px;
    padding-left: 36px;
    background-image: url(../img/election/candidates_banner_bg.png);
  }
}
@media screen and (max-width: 767px) {
  .candidates_banner a {
    height: 12.8vw;
    padding-left: 4.4vw;
    background-image: url(../img/election/candidates_banner_bg_sp.png);
    background-position: 40vw 0;
    background-size: auto 12.8vw;
  }
}

.contactBox {
  border: 10px solid #FFC000;
  padding: 65px 55px 100px;
}
@media screen and (max-width: 767px) {
  .contactBox {
    border-width: 1.3333333333vw;
    padding: 1.5em;
  }
}
.contactBox .contactBox_ttl {
  text-align: center;
  font-size: 30px;
  margin-bottom: 59px;
}
@media screen and (max-width: 767px) {
  .contactBox .contactBox_ttl {
    font-size: 4vw;
    margin-bottom: 10vw;
  }
}
.contactBox .contactBox_info p {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .contactBox .contactBox_info p {
    font-size: 3.4666666667vw;
  }
}
.contactBox .contactBox_info .red {
  color: #d80c18;
}
.contactBox .contactBox_info ul {
  margin-left: 1em;
  text-indent: -1em;
}
.contactBox .contactBox_info ul li {
  font-size: 16px;
}
.contactBox .contactBox_info ul li:before {
  content: "※";
  color: #d80c18;
}
.contactBox .form_contact {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .contactBox .form_contact {
    margin-top: 8vw;
  }
}
.contactBox .form_attention {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .contactBox .form_attention {
    margin-top: 8vw;
    font-size: 3.4666666667vw;
  }
}
.contactBox .submit_area {
  margin-top: 120px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contactBox .submit_area {
    margin-top: 8vw;
  }
}
.contactBox .submit_area input[type=submit] {
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  background-color: #F2C7D5;
  color: #fff;
  cursor: pointer;
  width: 316px;
  height: 72px;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  border: 0;
}
.contactBox .submit_area input[type=submit][aria-current=location], .contactBox .submit_area input[type=submit][aria-current=page], .contactBox .submit_area input[type=submit]:hover {
  background-color: #FFC000;
  color: #F2C7D5;
}
.contactBox .submit_area input[type=submit][aria-current=location]:before, .contactBox .submit_area input[type=submit][aria-current=location]:after, .contactBox .submit_area input[type=submit][aria-current=page]:before, .contactBox .submit_area input[type=submit][aria-current=page]:after, .contactBox .submit_area input[type=submit]:hover:before, .contactBox .submit_area input[type=submit]:hover:after {
  border-color: #F2C7D5;
}
.contactBox .submit_area input[type=submit][aria-current=location], .contactBox .submit_area input[type=submit][aria-current=page] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .contactBox .submit_area input[type=submit] {
    font-size: 3.7333333333vw;
    width: 100%;
  }
}

.form_group {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form_group {
    display: flex;
    gap: 30px;
  }
}
.form_group + .form_group {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .form_group + .form_group {
    margin-top: 8.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .form_group .form_label {
    flex-shrink: 0;
  }
}
.form_group .form_content {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .form_group .form_label {
    width: 380px;
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .form_group .form_label {
    font-size: 3.4666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.form_group .form_label label {
  display: block;
}
@media screen and (min-width: 768px) {
  .form_group .form_label label {
    margin-left: 0.75em;
    text-indent: -0.75em;
  }
}
.form_group .form_label label:before {
  content: "■";
  color: #FFC000;
}
.form_group .form_label .required {
  color: #d80c18;
}
.form_group .form_label .attention {
  display: block;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .form_group .form_label .attention {
    font-size: 3.2vw;
  }
}
.form_group .form_wrap {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .form_group .form_wrap {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .form_group input,
  .form_group select {
    height: 64px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .form_group input,
  .form_group select {
    height: 10.6666666667vw;
    padding: 0 2.1333333333vw;
  }
}
.form_group input,
.form_group select,
.form_group textarea {
  appearance: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #999;
  outline: 0;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .form_group input,
  .form_group select,
  .form_group textarea {
    font-size: 3.4666666667vw;
  }
}
.form_group select {
  cursor: pointer;
  padding-right: 40px;
}
.form_group .select_wrap {
  position: relative;
}
.form_group .select_wrap:after {
  content: "";
  border-top: 9px solid #001022;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .form_group .select_wrap:after {
    right: 2.6666666667vw;
    border-top-width: 1.2vw;
    border-right-width: 1.0666666667vw;
    border-left-width: 1.0666666667vw;
  }
}
.form_group .radio_wrap span.wpcf7-list-item {
  margin: 0 28px 0 0;
}
@media screen and (max-width: 767px) {
  .form_group .radio_wrap span.wpcf7-list-item {
    margin-right: 3.7333333333vw;
  }
}
.form_group .radio_wrap input[type=radio] {
  display: none;
}
.form_group .radio_wrap .wpcf7-list-item-label {
  display: inline-block;
  font-weight: 400;
  cursor: pointer;
  padding: 0 0 0 36px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .form_group .radio_wrap .wpcf7-list-item-label {
    padding-left: 4.8vw;
  }
}
.form_group .radio_wrap input[type=radio] + .wpcf7-list-item-label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #666;
}
@media screen and (max-width: 767px) {
  .form_group .radio_wrap input[type=radio] + .wpcf7-list-item-label:before {
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 6.6666666667vw;
  }
}
.form_group .radio_wrap input[type=radio]:checked + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 14px;
  margin-top: 0px;
  background: #001022;
  border-radius: 50px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .form_group .radio_wrap input[type=radio]:checked + .wpcf7-list-item-label:after {
    left: 0.8vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    border-radius: 6.6666666667vw;
  }
}
.form_group .birth_wrap + .birth_wrap {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .form_group .birth_wrap + .birth_wrap {
    margin-left: 2.6666666667vw;
  }
}
.form_group .year_wrap {
  width: 8em;
}
.form_group .month_wrap, .form_group .day_wrap {
  width: 5em;
}
.form_group .address_wrap {
  width: auto;
}
.form_group .address_wrap input {
  width: 7em;
}
.form_group .address_wrap .item {
  margin: 0 10px;
}
.form_group .address_wrap p {
  display: flex;
  align-items: center;
}
.form_group .address_wrap:nth-child(2) + .form_wrap {
  margin: 20px 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .form_group .address_wrap:nth-child(2) + .form_wrap {
    margin: 2.6666666667vw 0;
  }
}
.form_group .address_wrap:nth-child(2) + .form_wrap + .form_wrap {
  margin: 0;
}

.slider-container {
  position: relative;
}

.slider-btnbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .slider-btnbox {
    margin: -60px auto 0;
    width: 72%;
  }
}
@media screen and (max-width: 767px) {
  .slider-btnbox {
    width: 90%;
  }
}

.slider-arrow {
  z-index: 1;
  position: absolute;
  border-radius: 50%;
  background-color: #E67984;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .slider-arrow {
    width: 63px;
    height: 63px;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .slider-arrow {
    width: 9.6vw;
    height: 9.6vw;
    margin-top: -4.8vw;
  }
}
.slider-arrow:focus {
  background-color: #E67984;
}
.slider-arrow:hover {
  background-color: #E67984;
  opacity: 0.6;
}
.slider-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .slider-arrow::before {
    border-top: 8.25px solid transparent;
    border-right: 13px solid #fff;
    border-bottom: 8.25px solid transparent;
    margin-left: -3px;
  }
}
@media screen and (max-width: 767px) {
  .slider-arrow::before {
    border-top: 1.2vw solid transparent;
    border-right: 2vw solid #fff;
    border-bottom: 1.2vw solid transparent;
    margin-left: -0.4vw;
  }
}
.slider-arrow.prev-arrow {
  left: 0;
}
.slider-arrow.next-arrow {
  right: 0;
}
.slider-arrow.next-arrow::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
@media screen and (min-width: 768px) {
  .slider-arrow.next-arrow::before {
    margin-left: 2px;
  }
}
@media screen and (max-width: 767px) {
  .slider-arrow.next-arrow::before {
    margin-left: 0.4vw;
  }
}

.usagi__img {
  height: auto;
  position: absolute;
}
.usagi__img img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .usagi__meramera {
    width: 94px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__meramera {
    width: 12.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__meramera--top-news-multi {
    right: 20px;
    top: -234px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__meramera--top-news-multi {
    right: 12.8vw;
    top: -17.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__meramera--policy {
    right: -129px;
    bottom: 2px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__meramera--policy {
    right: -16.1333333333vw;
    bottom: 3.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__wish {
    width: 102px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__wish {
    width: 13.6vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__wish--top-news-multi {
    right: -132px;
    top: -77px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__wish--top-news-multi {
    right: -2.2666666667vw;
    top: 5.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__distantview {
    width: 83.2634px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__distantview {
    width: 11.1017866667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__distantview--profile {
    right: -164px;
    bottom: -8px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__distantview--profile {
    right: -3.3333333333vw;
    bottom: -33.6vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__think {
    width: 84.0877px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__think {
    width: 11.2116933333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__think--profile {
    right: -128px;
    bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__think--profile {
    right: -2.2666666667vw;
    bottom: -30.8vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__congrat {
    width: 108.554px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__congrat {
    width: 14.4738666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__congrat--profile {
    left: -175px;
    bottom: -370px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__congrat--profile {
    left: -2.2666666667vw;
    bottom: -34.9333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__righthand {
    width: 95px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__righthand {
    width: 12.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__righthand--top-message {
    left: -43px;
    top: -55px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__righthand--top-message {
    left: -0.5333333333vw;
    top: -16.4vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__righthand--policy {
    left: -148px;
    top: -170px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__righthand--policy {
    left: -11.3333333333vw;
    top: -32.8vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__righthand--join {
    right: -88px;
    bottom: -1px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__righthand--join {
    right: -15.0666666667vw;
    bottom: -0.4vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__lefthand {
    width: 94px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__lefthand {
    width: 12.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__lefthand--profile {
    left: -129px;
    bottom: -13px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__lefthand--profile {
    left: -15.4666666667vw;
    bottom: -1.7333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__mic {
    width: 91px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__mic {
    width: 12.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__mic--top-message {
    right: -141px;
    bottom: -245px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__mic--top-message {
    right: -11.4666666667vw;
    bottom: -12.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__mic--profile {
    left: -144px;
    bottom: 177px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__mic--profile {
    left: -3.2vw;
    bottom: -30.9333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__run {
    width: 110px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__run {
    width: 14.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__run--top-activity {
    right: 11px;
    top: 17px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__run--top-activity {
    right: 7.8666666667vw;
    top: -11.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__righthand02 {
    width: 88px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__righthand02 {
    width: 11.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__righthand02--top-activity {
    left: -189px;
    bottom: -193px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__righthand02--top-activity {
    left: -11.3333333333vw;
    bottom: -28vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__ok {
    width: 85px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__ok {
    width: 11.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__ok--top-sns {
    left: 13px;
    top: -105px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__ok--top-sns {
    left: 12vw;
    top: -30.4vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__banzai {
    width: 91px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__banzai {
    width: 12.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__banzai--top-office {
    right: 13px;
    top: -59px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__banzai--top-office {
    right: 1.8666666667vw;
    top: -17.6vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__banzai--join {
    left: -168px;
    bottom: -836px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__banzai--join {
    left: -3.8666666667vw;
    bottom: -216.5333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__thanks {
    width: 73px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks {
    width: 9.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__thanks--top-office {
    right: 23px;
    bottom: -260px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks--top-office {
    right: 12vw;
    bottom: -41.7333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__wish {
    width: 101px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__wish {
    width: 13.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__wish--policy {
    right: -170px;
    top: -160px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__wish--policy {
    right: -8.2666666667vw;
    top: -31.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__cheer {
    width: 135px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__cheer {
    width: 18vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__cheer--policy {
    left: -204px;
    top: -177px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__cheer--policy {
    left: -6.2666666667vw;
    top: -21.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__cheer--support {
    left: -180px;
    bottom: -30px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__cheer--support {
    left: -23.0666666667vw;
    bottom: -4vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__banzai {
    width: 91px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__banzai {
    width: 12.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__banzai--policy {
    right: -166px;
    top: -147px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__banzai--policy {
    right: -3.0666666667vw;
    top: -31.6vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__salute {
    width: 82px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__salute {
    width: 10.9333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__salute--policy {
    left: -168px;
    bottom: -378px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__salute--policy {
    left: -3.8666666667vw;
    bottom: -53.6vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__thanks {
    width: 74px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks {
    width: 9.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__thanks--support01 {
    left: -130px;
    top: -186px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks--support01 {
    left: 0;
    top: -28.8vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__thanks--support02 {
    right: -167px;
    bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks--support02 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .usagi__thanks--support03 {
    left: -154px;
    bottom: -8px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks--support03 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .usagi__thanks--support04 {
    right: -123px;
    bottom: -292px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thanks--support04 {
    right: 1.2vw;
    bottom: -38.2666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__good {
    width: 101px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__good {
    width: 13.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__good--join {
    right: -131px;
    top: -110px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__good--join {
    right: -4.2666666667vw;
    top: -14.5333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__coffee {
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__coffee {
    width: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__coffee--join {
    left: -80px;
    top: -200px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__coffee--join {
    left: 5.2vw;
    top: -40.5333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__contact {
    width: 104.8121px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__contact {
    width: 13.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__contact {
    right: -140px;
    top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__contact {
    right: -11.3333333333vw;
    top: -6.5333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__thankyou {
    width: 84px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thankyou {
    width: 11.2vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__thankyou {
    left: -150px;
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__thankyou {
    left: -14.6666666667vw;
    top: -2.6666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .usagi__privacy {
    width: 93px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__privacy {
    width: 12.4vw;
  }
}
@media screen and (min-width: 768px) {
  .usagi__privacy {
    left: -150px;
    top: 75px;
  }
}
@media screen and (max-width: 767px) {
  .usagi__privacy {
    left: -14.6666666667vw;
    top: 12vw;
  }
}

.top-mv__silde {
  width: 100%;
}
.top-mv__img {
  display: block;
  width: 100%;
}
.top-mv__img img {
  width: 100%;
  height: auto;
}
.top-mv .slick-slider-container {
  position: relative;
}
.top-mv .slick-slider {
  margin-bottom: 0 !important;
}
.top-mv .slick-dots {
  position: static;
  bottom: 0;
  display: flex;
  justify-content: center;
  margin-top: 21px;
}
@media screen and (max-width: 767px) {
  .top-mv .slick-dots {
    margin-top: 5.2vw;
  }
}
.top-mv .slick-dots li {
  display: block;
  margin: 0 3px;
  width: 21px;
  height: 21px;
}
@media screen and (max-width: 767px) {
  .top-mv .slick-dots li {
    width: 2.8vw;
    height: 2.8vw;
  }
}
.top-mv .slick-dots li button {
  width: inherit;
  height: inherit;
  background: #F2C7D5;
}
.top-mv .slick-dots li button::before {
  display: none;
}
.top-mv .slick-dots li.slick-active button {
  background: #FFCD3F;
}
.top-mv .js-swiper_mv_pagination {
  text-align: center;
  padding-top: 21px;
  height: 21px;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .top-mv .js-swiper_mv_pagination {
    line-height: 0;
    height: 2.8vw;
    padding-top: 5.2vw;
  }
}
.top-mv .js-swiper_mv_pagination .swiper-pagination-bullet {
  width: 21px;
  height: 21px;
  border-radius: 0;
  background: #F2C7D5;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .top-mv .js-swiper_mv_pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 2.8vw;
    height: 2.8vw;
  }
}
.top-mv .js-swiper_mv_pagination .swiper-pagination-bullet-active {
  background: #FFCD3F;
}

@media screen and (min-width: 768px) {
  .top-news-multi {
    padding: 138px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .top-news-multi {
    padding: 13.3333333333vw 0 0;
  }
}
@media screen and (min-width: 768px) {
  .top-news-multi:has(.top-news-multi__container) {
    padding: 120px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .top-news-multi:has(.top-news-multi__container) {
    padding: 13.3333333333vw 0 0;
  }
}
@media screen and (min-width: 768px) {
  .top-news-multi h2 {
    position: absolute;
    width: 330px;
    height: 150px;
    margin: 0 auto;
    left: -146px;
    top: -11px;
  }
}
@media screen and (max-width: 767px) {
  .top-news-multi h2 {
    position: relative;
    width: 44vw;
    height: 20vw;
    left: -18.2666666667vw;
    margin: 0 auto -1.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .top-news-multi__container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 100px;
  }
}
.top-news-multi ul {
  display: grid;
}
@media screen and (max-width: 767px) {
  .top-news-multi ul {
    gap: 1.3333333333vw 0;
  }
}
@media screen and (min-width: 768px) {
  .top-news-multi ul li {
    line-height: 2;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .top-news-multi ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 3.7333333333vw;
  }
}
.top-news-multi ul li a {
  color: #E67984;
  text-decoration: none;
}
.top-news-multi ul li a:hover {
  opacity: 1;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .top-news-multi__title {
    width: 100%;
  }
}
.top-news-multi__label {
  background-color: #fff;
  color: #D46072;
}
@media screen and (min-width: 768px) {
  .top-news-multi__label {
    margin: 0 8px;
    padding: 0 4px;
  }
}
@media screen and (max-width: 767px) {
  .top-news-multi__label {
    margin: 0 2vw;
    padding: 0 1.8666666667vw;
  }
}
.top-news-multi .archive-new {
  font-weight: 700;
  color: #FFCD3F;
}
@media screen and (min-width: 768px) {
  .top-news-multi .archive-new {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .top-news-multi .archive-new {
    font-size: 3.8666666667vw;
  }
}

.top-nav {
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-nav {
    padding: 191px 0;
  }
}
@media screen and (max-width: 767px) {
  .top-nav {
    padding: 20vw 0 29.3333333333vw;
  }
}
.top-nav::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F2C7D5;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .top-nav::before {
    height: 510px;
  }
}
@media screen and (max-width: 767px) {
  .top-nav::before {
    height: 102.4vw;
  }
}
@media screen and (min-width: 768px) {
  .top-nav__container {
    gap: 40px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__container {
    gap: 5.3333333333vw 0;
    display: grid;
  }
}
.top-nav__item {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .top-nav__item {
    width: 340px;
    height: 476px;
    border-radius: 8px;
    box-shadow: 0px 24px 20px 0px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 767px) {
  .top-nav__item {
    width: 100%;
    padding: 0;
    box-shadow: 0px 1.8666666667vw 1.3333333333vw 0px rgba(0, 0, 0, 0.15);
    height: 25.6vw;
    border-radius: 1.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__item:nth-child(2) {
    height: 24.2666666667vw;
  }
}
.top-nav__link {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .top-nav__link {
    cursor: pointer;
    display: block;
    padding-top: 330px;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__link {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .top-nav__visual {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__visual {
    width: 37.0666666667vw;
  }
}
.top-nav__visual img {
  width: 100%;
  height: auto;
}
.top-nav__content {
  background-color: #E67984;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-nav__content {
    width: 100%;
    padding: 55px 48px 62px;
    height: 146px;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__content {
    width: calc(100% - 37.0666666667vw);
    padding: 10.8vw 9.3333333333vw 10.8vw;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__item:nth-child(2) .top-nav__content {
    width: calc(100% - 37.0666666667vw);
    padding: 10.1333333333vw 9.3333333333vw 10.1333333333vw;
    justify-content: flex-start;
  }
}
.top-nav__link:hover .top-nav__content {
  text-decoration: underline;
}
.top-nav__ttl-en {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .top-nav__item:nth-child(1) .top-nav__ttl-en {
    width: 101px;
    top: 7px;
    left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__item:nth-child(1) .top-nav__ttl-en {
    top: 4.1333333333vw;
    left: 2.6666666667vw;
    width: 14.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .top-nav__item:nth-child(2) .top-nav__ttl-en {
    width: 91px;
    top: 10px;
    left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__item:nth-child(2) .top-nav__ttl-en {
    top: 3.2vw;
    left: 2.6666666667vw;
    width: 13.2359333333vw;
  }
}
@media screen and (min-width: 768px) {
  .top-nav__item:nth-child(3) .top-nav__ttl-en {
    width: 123px;
    top: 7px;
    left: 13px;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__item:nth-child(3) .top-nav__ttl-en {
    width: 18.38372vw;
    top: 1.3333333333vw;
    left: 2.6666666667vw;
  }
}
.top-nav__ttl {
  color: #fff;
  font-weight: bold;
  display: block;
}
@media screen and (min-width: 768px) {
  .top-nav__ttl {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .top-nav__ttl {
    font-size: 4vw;
    text-align: left;
    line-height: 1;
  }
}

.top-message {
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-message {
    padding: 152px 0 227px;
  }
}
@media screen and (max-width: 767px) {
  .top-message {
    padding: 0 0 24.1333333333vw;
    overflow-x: clip;
  }
}
@media screen and (min-width: 768px) {
  .top-message .c-sec_ttl {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .top-message .c-sec_ttl {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .top-message .c-sec_ttl h2 {
    width: 549.4726px;
    height: 167.3074px;
    margin: 0 auto -6px;
  }
}
@media screen and (max-width: 767px) {
  .top-message .c-sec_ttl h2 {
    width: 73.2630133333vw;
    height: 22.3076533333vw;
    margin: 0 auto -0.8vw;
    top: -3.7333333333vw;
    position: relative;
    right: -6.1333333333vw;
  }
}
.top-message__txt {
  color: #000;
  text-align: left;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-message__txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .top-message__txt {
    font-size: 4vw;
    margin-top: 6.9333333333vw;
    padding: 0 5.3333333333vw;
  }
}
.top-message__container {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .top-message__container {
    display: flex;
    justify-content: flex-start;
    margin: 100px auto 0px;
    padding: 133px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .top-message__img {
    height: auto;
    position: absolute;
    z-index: 0;
    width: 795px;
    right: -193px;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .top-message__img {
    width: 100%;
  }
}

.top-activity {
  background-color: #F2E6E9;
  /* 
  &__slider{
    overflow: visible;
    @include pc{
      margin: 53px auto 0;
    }
    @include sp{
    }
  }
  &__slider-item{
    position: relative;
    @include pc{
      padding: 0 10px;
      width: 442px;
    }
    @include sp{
      padding: 0 spvw(12);
      width: spvw(570);
      height: spvw(826);
    }
    iframe{
      width: 100%;
      height: auto;
      @include pc{
      }
    }
  } */
}
@media screen and (min-width: 768px) {
  .top-activity {
    padding: 0 0 168px;
  }
}
@media screen and (max-width: 767px) {
  .top-activity {
    padding: 0 0 33.6vw;
  }
}
.top-activity .c-sec_ttl h2 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-activity .c-sec_ttl h2 {
    width: 447.0576px;
    height: 196.7903px;
    margin: 0 auto -86px;
    top: -53px;
    left: -131px;
  }
}
@media screen and (max-width: 767px) {
  .top-activity .c-sec_ttl h2 {
    width: 59.60768vw;
    height: 26.2387066667vw;
    margin: 0 auto 0.4vw;
    left: -27.7333333333vw;
    top: -5.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container {
    margin-top: 126px;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container {
    margin-top: 6.6666666667vw;
  }
}
.top-activity__slider-container .ctf-owl-item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container .ctf-owl-item {
    padding: 0 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container .ctf-owl-item {
    padding: 0 1.6vw !important;
  }
}
.top-activity__slider-container .ctf-owl-prev, .top-activity__slider-container .ctf-owl-next {
  border-radius: 50% !important;
  background-color: #E67984 !important;
  transform: translateX(-50%) !important;
  top: 50% !important;
  position: relative;
  opacity: 1 !important;
  display: block !important;
  font-size: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container .ctf-owl-prev, .top-activity__slider-container .ctf-owl-next {
    width: 63px !important;
    height: 63px !important;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container .ctf-owl-prev, .top-activity__slider-container .ctf-owl-next {
    width: 8.5333333333vw !important;
    height: 8.5333333333vw !important;
    box-shadow: 0px 0.8vw 1.6vw 0px rgba(0, 0, 0, 0.2) !important;
  }
}
.top-activity__slider-container .ctf-owl-prev svg, .top-activity__slider-container .ctf-owl-next svg {
  display: none !important;
}
.top-activity__slider-container .ctf-owl-prev::before, .top-activity__slider-container .ctf-owl-next::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container .ctf-owl-prev::before, .top-activity__slider-container .ctf-owl-next::before {
    border-top: 8.25px solid transparent !important;
    border-right: 13px solid #fff !important;
    border-bottom: 8.25px solid transparent !important;
    margin-left: -3px !important;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container .ctf-owl-prev::before, .top-activity__slider-container .ctf-owl-next::before {
    border-top: 1.0666666667vw solid transparent !important;
    border-right: 1.7333333333vw solid #fff !important;
    border-bottom: 1.0666666667vw solid transparent !important;
    margin-left: -0.2666666667vw !important;
  }
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container .ctf-owl-prev {
    left: 5% !important;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container .ctf-owl-prev {
    left: 8% !important;
  }
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container .ctf-owl-next {
    right: 3% !important;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container .ctf-owl-next {
    right: 0% !important;
  }
}
.top-activity__slider-container .ctf-owl-next::before {
  transform: translate(-50%, -50%) rotate(180deg) !important;
}
@media screen and (min-width: 768px) {
  .top-activity__slider-container .ctf-owl-next::before {
    margin-left: 2px !important;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-container .ctf-owl-next::before {
    margin-left: 0.2666666667vw !important;
  }
}
.top-activity__slider-btnbox {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .top-activity__slider-btnbox {
    margin: -60px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-btnbox {
    transform: translateX(-50%);
    top: 50%;
  }
}
@media screen and (min-width: 768px) {
  .top-activity__slider-arrow {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-arrow {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    box-shadow: 0px 0.8vw 1.6vw 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-arrow::before {
    border-top: 1.0666666667vw solid transparent;
    border-right: 1.7333333333vw solid #fff;
    border-bottom: 1.0666666667vw solid transparent;
    margin-left: -0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top-activity__slider-arrow.next-arrow::before {
    margin-left: 0.2666666667vw;
  }
}

.top-sns {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-sns {
    padding: 125px 0 188px;
  }
}
@media screen and (max-width: 767px) {
  .top-sns {
    width: 100%;
    padding: 23.4666666667vw 0 29.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .top-sns .c-sec_ttl {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .top-sns .c-sec_ttl {
    margin-bottom: 0;
  }
}
.top-sns .c-sec_ttl h2 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-sns .c-sec_ttl h2 {
    width: 505.8648px;
    height: 183.7686px;
    margin: -39px auto 0 0;
    left: 68px;
    top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .top-sns .c-sec_ttl h2 {
    width: 67.44864vw;
    height: 24.50248vw;
    margin: -9.0666666667vw auto 0 0;
    left: -10.4vw;
    top: -8.8vw;
  }
}
.top-sns__list {
  display: flex;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .top-sns__list {
    gap: 25px;
    margin: 79px auto 0;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .top-sns__list {
    justify-content: center;
    gap: 4.1333333333vw;
    margin: 10.2666666667vw auto 0;
  }
}
.top-sns__item {
  overflow: hidden;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .top-sns__item {
    width: 84px;
    height: 84px;
  }
}
@media screen and (max-width: 767px) {
  .top-sns__item {
    width: 10.9333333333vw;
    height: 10.9333333333vw;
  }
}
.top-sns__item a {
  display: block;
  width: 100%;
  height: 100%;
}
.top-sns__item a img {
  opacity: 1;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-sns__item a:hover {
    background-color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .top-sns__item a:hover img {
    opacity: 0.5;
  }
}

.top-office {
  position: relative;
  background-color: #F2C7D5;
}
@media screen and (min-width: 768px) {
  .top-office {
    padding: 0 0 179px;
  }
}
@media screen and (max-width: 767px) {
  .top-office {
    padding: 0 0 27.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .top-office .c-sec_ttl {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .top-office .c-sec_ttl {
    margin-bottom: 10.6666666667vw;
  }
}
.top-office .c-sec_ttl h2 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .top-office .c-sec_ttl h2 {
    width: 342.0099px;
    height: 189.2077px;
    margin: 0 auto -76px;
    right: -147px;
    top: -32px;
    z-index: 0;
  }
}
@media screen and (max-width: 767px) {
  .top-office .c-sec_ttl h2 {
    width: 45.60132vw;
    height: 25.2276933333vw;
    margin: 0 auto -10.6666666667vw;
    top: -7.2vw;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .top-office__container {
    display: flex;
    gap: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .top-office__container {
    display: grid;
    gap: 11.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .top-office__item {
    display: grid;
    gap: 24px 0;
  }
}
@media screen and (min-width: 768px) {
  .top-office__map {
    width: 513px;
    height: 480px;
    align-self: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .top-office__map {
    width: 100%;
    margin-top: 5.3333333333vw;
    box-sizing: border-box;
    font-size: 0;
  }
}
.top-office__map iframe {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-office__map iframe {
    aspect-ratio: 513/480;
  }
}
@media screen and (max-width: 767px) {
  .top-office__map iframe {
    aspect-ratio: 679/494;
  }
}
.top-office__ttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .top-office__ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .top-office__ttl {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .top-office__txt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .top-office__txt {
    font-size: 3.7333333333vw;
    margin-top: 1.3333333333vw;
  }
}

.policy {
  background-color: #F2E6E9;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .policy__container {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px) {
  .policy__container {
    padding: 15.0666666667vw 0 51.4666666667vw;
  }
}
.policy__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E67984;
  color: #fff;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .policy__ttl {
    font-size: 24px;
    width: 286px;
    height: 85px;
  }
}
@media screen and (max-width: 767px) {
  .policy__ttl {
    font-size: 4.5333333333vw;
    width: 58.1333333333vw;
    height: 12.4vw;
    position: absolute;
    left: -10vw;
    top: 0;
  }
}
.policy__img {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .policy__img {
    right: -434px;
    bottom: -306px;
    width: 633.8337px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .policy__img {
    width: 84.51116vw;
    height: auto;
    right: calc(-10vw + -22.9333333333vw);
    bottom: -42.4vw;
  }
}
.policy__img > img {
  width: 100%;
  height: auto;
}
.policy__lead {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .policy__lead {
    line-height: 1;
    font-size: 46px;
    margin-top: 45px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 767px) {
  .policy__lead {
    line-height: 1.3;
    font-size: 5.4666666667vw;
    margin-top: 6.8vw;
    text-indent: -1em;
    margin-left: 0.1em;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .policy__lead + .policy__lead {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .policy__lead + .policy__lead {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .policy__txt {
    font-size: 18px;
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .policy__txt {
    font-size: 4vw;
    margin-top: 6vw;
  }
}

@media screen and (min-width: 768px) {
  .policy-detail {
    padding-bottom: 225px;
  }
}
@media screen and (max-width: 767px) {
  .policy-detail {
    padding-bottom: 25.8666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .policy-article {
    padding: 0 0 78px;
  }
}
.policy-article:nth-of-type(odd) {
  background-color: #fff;
}
.policy-article:nth-of-type(even) {
  background-color: #F2E6E9;
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(1) {
    padding-top: 110px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(1) {
    padding: 28.2666666667vw 0 18.6666666667vw;
  }
}
.policy-article:nth-child(1) .policy-article__ttl-num {
  height: auto;
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(1) .policy-article__ttl-num {
    width: 62.0159px;
    left: 7px;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(1) .policy-article__ttl-num {
    width: 10.0795733333vw;
  }
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(2) {
    padding-top: 116px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(2) {
    padding: 20.5333333333vw 0 22vw;
  }
}
.policy-article:nth-child(2) .policy-article__ttl-num {
  height: auto;
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(2) .policy-article__ttl-num {
    width: 97.5554px;
    left: -24px;
    bottom: -7px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(2) .policy-article__ttl-num {
    width: 15.8559333333vw;
  }
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(3) {
    padding-top: 133px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(3) {
    padding: 17.4666666667vw 0 18.6666666667vw;
  }
}
.policy-article:nth-child(3) .policy-article__ttl-num {
  height: auto;
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(3) .policy-article__ttl-num {
    width: 81.4869px;
    left: -13px;
    bottom: 0;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(3) .policy-article__ttl-num {
    width: 13.24424vw;
  }
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(4) {
    padding-top: 102px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(4) {
    padding: 23.6vw 0 18vw;
  }
}
.policy-article:nth-child(4) .policy-article__ttl-num {
  height: auto;
}
@media screen and (min-width: 768px) {
  .policy-article:nth-child(4) .policy-article__ttl-num {
    width: 92.6766px;
    left: -18px;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article:nth-child(4) .policy-article__ttl-num {
    width: 15.0628533333vw;
  }
}
.policy-article__ttl {
  position: relative;
}
@media screen and (min-width: 768px) {
  .policy-article__ttl {
    padding-left: 104px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article__ttl {
    text-align: center;
    margin: 0 auto;
  }
}
.policy-article__ttl h2 {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .policy-article__ttl h2 {
    font-size: 42px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .policy-article__ttl h2 {
    line-height: 1;
    font-size: 5.0666666667vw;
    margin-top: 5.0666666667vw;
  }
}
.policy-article__ttl-num {
  display: block;
}
@media screen and (min-width: 768px) {
  .policy-article__ttl-num {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .policy-article__ttl-num {
    position: relative;
    margin: 0 auto;
  }
}
.policy-article__container {
  display: grid;
  gap: 1.5em 0;
}
@media screen and (min-width: 768px) {
  .policy-article__container {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article__container {
    margin-top: 8vw;
  }
}
.policy-article__lead {
  position: relative;
}
@media screen and (min-width: 768px) {
  .policy-article__lead {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article__lead {
    font-size: 4vw;
  }
}
.policy-article__lead::before {
  content: "●";
  color: #E67984;
  left: 0;
}
@media screen and (min-width: 768px) {
  .policy-article__lead::before {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .policy-article__lead::before {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .policy-article__txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .profile-detail__wrap {
    display: flex;
    gap: 71px;
  }
}
@media screen and (min-width: 768px) {
  .profile-detail__visual {
    width: 521px;
  }
}
.profile-detail__visual img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .profile-detail__body {
    width: calc(100% - 521px - 71px);
    margin-top: -7px;
  }
}
@media screen and (max-width: 767px) {
  .profile-detail__body {
    margin-top: 14.6666666667vw;
  }
}
.profile-detail__info-txt {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .profile-detail__info-txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .profile-detail__info-txt {
    font-size: 4.8vw;
  }
}
.profile-detail__info-txt--name {
  line-height: 1;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .profile-detail__info-txt--name {
    font-size: 67px;
    margin: 10px auto 24px;
  }
}
@media screen and (max-width: 767px) {
  .profile-detail__info-txt--name {
    font-size: 11.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .profile-detail__info-txt--name + .profile-detail__info-txt {
    margin-top: 2vw;
  }
}
@media screen and (min-width: 768px) {
  .profile-detail__history {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .profile-detail__history {
    margin-top: 5.3333333333vw;
  }
}
.profile-detail__txt {
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .profile-detail__txt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .profile-detail__txt {
    font-size: 4vw;
  }
}

.history {
  position: relative;
}
@media screen and (min-width: 768px) {
  .history {
    padding: 100px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .history {
    padding: 16vw 0 0;
  }
}

@media screen and (min-width: 768px) {
  .history-article:nth-of-type(1) {
    padding-bottom: 69px;
  }
}
@media screen and (max-width: 767px) {
  .history-article:nth-of-type(1) {
    padding-bottom: 43.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .history-article:nth-of-type(2) {
    padding-bottom: 114px;
  }
}
@media screen and (max-width: 767px) {
  .history-article:nth-of-type(2) {
    padding-bottom: 41.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .history-article:nth-of-type(3) {
    padding-bottom: 88px;
  }
}
@media screen and (max-width: 767px) {
  .history-article:nth-of-type(3) {
    padding-bottom: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .history-article:nth-of-type(4) {
    padding-bottom: 68px;
  }
}
@media screen and (max-width: 767px) {
  .history-article:nth-of-type(4) {
    padding-bottom: 40.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .history-article:nth-of-type(5) {
    padding-bottom: 193px;
  }
}
@media screen and (max-width: 767px) {
  .history-article:nth-of-type(5) {
    padding-bottom: 44vw;
  }
}
@media screen and (max-width: 767px) {
  .history-article__ttl {
    background-color: #E67984;
  }
}
.history-article__ttl > .l-inner, .history-article__ttl > .c-contentsNav__inner {
  position: relative;
}
.history-article__ttl h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  position: relative;
  color: #fff;
  font-weight: 600;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .history-article__ttl h3 {
    font-size: 24px;
    height: 59px;
    padding: 0 23px;
    background-color: #E67984;
  }
}
@media screen and (max-width: 767px) {
  .history-article__ttl h3 {
    font-size: 4.8vw;
    height: 13.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .history-article__container {
    padding: 81px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .history-article__container {
    padding: 9.2vw 0 0;
  }
}
@media screen and (min-width: 768px) {
  .history-article__container > .l-inner, .history-article__container > .c-contentsNav__inner {
    display: flex;
    gap: 0 46px;
  }
}
@media screen and (max-width: 767px) {
  .history-article__container > .l-inner, .history-article__container > .c-contentsNav__inner {
    text-align: center;
  }
}
.history-article__visual {
  height: auto;
}
@media screen and (min-width: 768px) {
  .history-article__visual {
    width: 429px;
  }
}
@media screen and (max-width: 767px) {
  .history-article__visual {
    width: 80vw;
    margin: 0 auto 8vw;
  }
}
.history-article__visual img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .history-article__txt {
    width: calc(100% - 429px - 46px);
  }
}
@media screen and (max-width: 767px) {
  .history-article__txt {
    width: 100%;
  }
}
.history-article__txt p {
  text-align: left;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .history-article__txt p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .history-article__txt p {
    font-size: 4vw;
  }
}

.support-mv {
  position: relative;
  display: flex;
}
@media screen and (min-width: 768px) {
  .support-mv {
    min-width: 1180px;
    height: 560px;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .support-mv {
    background: url(../img/support_img01-sp.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 164.8693333333vw;
    padding: 6.6666666667vw 10vw;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .support-mv::before {
    position: absolute;
    content: "";
    width: 100%;
    background: url(../img/support_img01.jpg) center center no-repeat;
    background-size: cover;
    height: 100%;
    z-index: -1;
    left: 0;
  }
}
.support-mv__txt {
  text-align: left;
  color: #000;
}
@media screen and (min-width: 768px) {
  .support-mv__txt {
    font-size: 20px;
    width: 100%;
    max-width: 1180px;
    padding: 0 40px;
    margin: 0 auto;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .support-mv__txt {
    line-height: 1.75;
    font-size: 4.2666666667vw;
    font-weight: 500;
  }
}

@media screen and (min-width: 768px) {
  .support-detail {
    padding: 124px 0 211px;
  }
}
@media screen and (max-width: 767px) {
  .support-detail {
    padding: 19.2vw 0 31.7333333333vw;
  }
}
.support-detail__container {
  display: grid;
}
@media screen and (min-width: 768px) {
  .support-detail__container {
    gap: 48px 0;
  }
}
@media screen and (max-width: 767px) {
  .support-detail__container {
    gap: 3.8666666667vw;
  }
}

.support-article {
  background-color: #F2E6E9;
  position: relative;
}
@media screen and (min-width: 768px) {
  .support-article {
    padding: 76px 50px 72px;
  }
}
@media screen and (max-width: 767px) {
  .support-article {
    padding: 11.0666666667vw 5.3333333333vw 12.8vw;
  }
}
.support-article__ttl {
  text-align: center;
}
.support-article__ttl h2 {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .support-article__ttl h2 {
    line-height: 1;
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .support-article__ttl h2 {
    font-size: 5.0666666667vw;
    line-height: 1.5;
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 768px) {
  .support-article__txt {
    text-align: center;
    font-size: 18px;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .support-article__txt {
    font-size: 4vw;
    margin: 6.6666666667vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .support-article__btn-wrap {
    display: flex;
    justify-content: center;
    gap: 28px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .support-article__btn-wrap {
    gap: 3.7333333333vw;
    display: grid;
    margin: 5.3333333333vw auto 0;
  }
}
.support-article__btn {
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #E67984;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .support-article__btn {
    padding: 0 20px;
    border-radius: 8px;
    width: 372px;
    height: 57px;
    font-size: 20px;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .support-article__btn {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: 1.0666666667vw;
    width: 100%;
    height: 12.7848666667vw;
    box-shadow: 0px 0.8vw 1.6vw 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .support-article__btn:hover {
    text-decoration: underline;
  }
}
.support-article__btn--blue {
  background-color: #003F80;
}
@media screen and (min-width: 768px) {
  .support-article__btn--blue:hover {
    text-decoration: underline;
  }
}
.support-article__btn--x {
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  .support-article__btn--x {
    width: 310px;
  }
}
@media screen and (min-width: 768px) {
  .support-article__btn--x:hover {
    text-decoration: underline;
  }
}
.support-article__btn--fb {
  background-color: #007CD0;
}
@media screen and (min-width: 768px) {
  .support-article__btn--fb {
    width: 310px;
  }
}
@media screen and (min-width: 768px) {
  .support-article__btn--fb:hover {
    text-decoration: underline;
  }
}

.join-description {
  background-color: #F2E6E9;
}
@media screen and (min-width: 768px) {
  .join-description {
    padding: 80px 0 120px;
  }
}
@media screen and (max-width: 767px) {
  .join-description {
    padding: 12.6666666667vw 0 18.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .join-description__txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .join-description__txt {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .join-description__list {
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .join-description__list {
    margin: 4.6666666667vw auto 0;
  }
}
.join-description__item {
  position: relative;
  text-indent: 0em;
  padding-left: 1em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .join-description__item {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .join-description__item {
    font-size: 4vw;
  }
}
.join-description__item::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #E67984;
}
.join-description__item > a {
  color: #E67984;
}
@media screen and (min-width: 768px) {
  .join-description__item > a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 768px) {
  .join-detail {
    padding: 105px 0 190px;
  }
}
@media screen and (max-width: 767px) {
  .join-detail {
    padding: 17.2vw 0 28vw;
  }
}
.join-detail .c-sec_ttl h2 {
  position: relative;
  margin: 0 auto;
}
.join-detail .c-sec_ttl .sub-ttl {
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .join-detail .c-sec_ttl .sub-ttl {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .join-detail .c-sec_ttl .sub-ttl {
    font-size: 4.2666666667vw;
  }
}
.join-detail__list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .join-detail__list {
    left: -5px;
  }
}
@media screen and (max-width: 767px) {
  .join-detail__list {
    left: -0.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .join-detail__list:not(:first-of-type) {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .join-detail__list:not(:first-of-type) {
    margin: 10vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .join-detail__list--caution {
    margin: 5px auto 0;
    padding: 0 0 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .join-detail__list--caution {
    margin: 0.6666666667vw auto 0;
    padding: 0 0 0 0.6666666667vw;
  }
}
.join-detail__item {
  position: relative;
  letter-spacing: 0;
  text-indent: 0em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .join-detail__item {
    font-size: 22px;
    padding-right: 1em;
  }
}
@media screen and (max-width: 767px) {
  .join-detail__item {
    font-size: 4vw;
  }
}
.join-detail__item::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #E67984;
}
@media screen and (min-width: 768px) {
  .join-detail__list--caution .join-detail__item {
    font-size: 20px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .join-detail__list--caution .join-detail__item {
    font-size: 3.6vw;
  }
}
.join-detail__list--caution .join-detail__item a {
  color: #265580;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media screen and (min-width: 768px) {
  .join-detail__list--caution .join-detail__item a:hover {
    text-decoration: none;
  }
}
.join-detail__list--caution .join-detail__item::before {
  color: #E67984;
}
.join-detail__item .note {
  vertical-align: text-top;
  color: #d80c18;
}
@media screen and (min-width: 768px) {
  .join-detail__item .note {
    font-size: 17.6px;
  }
}
@media screen and (max-width: 767px) {
  .join-detail__item .note {
    font-size: 3.2vw;
  }
}
.join-detail__item .red {
  color: #d80c18 !important;
}
.join-detail__btn {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #E67984;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .join-detail__btn {
    padding: 0 20px;
    border-radius: 8px;
    min-width: 300px;
    height: 57px;
    margin: 50px auto 0;
    font-size: 20px;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .join-detail__btn {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
    margin: 6.6666666667vw auto 0;
    border-radius: 1.0666666667vw;
    width: 100%;
    height: 12.7848666667vw;
    box-shadow: 0px 0.8vw 1.6vw 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .join-detail__btn:hover {
    color: #fff;
    background-color: #D46072;
  }
}
.join-detail__btn-wrap {
  text-align: center;
}

.accordion__item {
  background-color: #F4F4F4;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .accordion__item {
    padding: 0 0 30px;
    margin: 46px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .accordion__item {
    padding: 0 0 6.6666666667vw;
  }
}
.accordion__icon {
  position: absolute;
  background-color: #E67984;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .accordion__icon {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__icon {
    width: 10vw;
    height: 10vw;
  }
}
.accordion__icon::before, .accordion__icon::after {
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 50%;
  content: "";
  display: block;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .accordion__icon::before, .accordion__icon::after {
    width: 30px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__icon::before, .accordion__icon::after {
    width: 6.5333333333vw;
    height: 2px;
  }
}
.accordion__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  margin: 0 auto 0;
}
.is-open .accordion__icon::after {
  transform: translate(-50%, -50%);
  margin: 0 auto 0;
}
.accordion__header {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .accordion__header {
    cursor: pointer;
  }
}
.accordion__container {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .accordion__container {
    padding: 25px 28px 30px 28px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__container {
    padding: 5.0666666667vw 5.3333333333vw 4vw 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .accordion__content .accordion__container {
    padding: 0px 28px 47px 28px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__content .accordion__container {
    padding: 0px 5.3333333333vw 6.6666666667vw 5.3333333333vw;
  }
}
.accordion__box {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .accordion__box {
    padding: 5px 30px 52px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__box {
    padding: 5.3333333333vw 4.5333333333vw 7.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .accordion__box .join-detail__list {
    padding: 0 1em;
  }
}
@media screen and (min-width: 768px) {
  .accordion__box .join-detail__item {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__box .join-detail__item {
    font-size: 3.7333333333vw;
  }
}
.accordion__box .note-txt {
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .accordion__box .note-txt {
    font-size: 20px;
    margin-top: 31px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__box .note-txt {
    font-size: 3.6vw;
    margin-top: 5.3333333333vw;
  }
}
.accordion__box .note-txt span {
  color: #d80c18;
}
.accordion__box-ttl {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .accordion__box-ttl {
    margin-top: 31px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__box-ttl {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  .accordion__box-ttl:not(:first-of-type) {
    margin: 5.3333333333vw auto 0;
  }
}
.accordion__box-ttl + .join-detail__list {
  margin: 0 auto;
}

.join-howto {
  position: relative;
}
.join-howto::before {
  position: absolute;
  left: 0;
  width: 100%;
  content: "";
  background-color: #F2E6E9;
  top: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .join-howto::before {
    height: calc(100% - 286px);
    min-height: 887px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto::before {
    height: 257.3333333333vw;
  }
}
.join-howto__ttl {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .join-howto__ttl > img {
    width: 256.0386px;
    height: auto;
    margin-top: -50px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__ttl > img {
    width: 34.13848vw;
    margin-top: -6.6666666667vw;
  }
}
.join-howto__ttl h2 {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .join-howto__ttl h2 {
    font-size: 30px;
    margin-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__ttl h2 {
    font-size: 5.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__list {
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__list {
    margin: 8vw auto 0;
  }
}
.join-howto__item {
  position: relative;
  text-indent: 0em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .join-howto__item {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__item {
    font-size: 4vw;
  }
}
.join-howto__item::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #E67984;
}
.join-howto__item > a {
  color: #E67984;
}
@media screen and (min-width: 768px) {
  .join-howto__item > a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__slider-container {
    margin: 70px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-container {
    margin: 16vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__slider-item {
    margin-bottom: 140px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-item {
    margin-bottom: 38.9333333333vw;
  }
}
.join-howto__step {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .join-howto__step {
    width: 873.577px;
    height: 595.3563px;
    box-shadow: 0px 35px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin: 0 40px;
    padding: 52px 102px 43px 93px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__step {
    width: 75.3333333333vw;
    height: 154.6666666667vw;
    display: flex;
    flex-wrap: wrap;
    border-radius: 1.0666666667vw;
    margin: 0 2vw;
    box-shadow: 0px 4.6666666667vw 2.2666666667vw 0px rgba(0, 0, 0, 0.15);
    padding: 6.5333333333vw 6.5333333333vw 10.6666666667vw 6.5333333333vw;
  }
}
.join-howto__step-visual {
  height: auto;
}
@media screen and (min-width: 768px) {
  .join-howto__step-visual {
    width: 240px;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__step-visual {
    width: 33.3333333333vw;
    margin: 1.3333333333vw auto 0;
    order: 2;
  }
}
.join-howto__step-visual > img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .join-howto__step-heading {
    margin-left: 304px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__step-heading {
    order: 1;
  }
}
.join-howto__step-num {
  color: #E67984;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .join-howto__step-num {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__step-num {
    font-size: 5.3333333333vw;
  }
}
.join-howto__step-ttl {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .join-howto__step-ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__step-ttl {
    font-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__step-txt {
    margin-left: 304px;
    font-size: 20px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__step-txt {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
    order: 3;
  }
}
.join-howto__slider-btnbox {
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
@media screen and (min-width: 768px) {
  .join-howto__slider-btnbox {
    width: 873px;
    margin-top: -100px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-btnbox {
    margin-top: -13.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__slider-arrow {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-arrow {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    box-shadow: 0px 0.8vw 1.6vw 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-arrow::before {
    border-top: 1.0666666667vw solid transparent;
    border-right: 1.7333333333vw solid #fff;
    border-bottom: 1.0666666667vw solid transparent;
    margin-left: -0.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__slider-arrow.prev-arrow {
    left: -105px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-arrow.prev-arrow {
    left: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .join-howto__slider-arrow.next-arrow {
    right: -105px;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-arrow.next-arrow {
    right: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .join-howto__slider-arrow.next-arrow::before {
    margin-left: 0.2666666667vw;
  }
}

.error {
  padding: 0px 0 143px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .error {
    padding: 0vw 0 26.6666666667vw;
  }
}
.error__ttl {
  font-size: 175px;
  font-weight: 600;
  margin: 0 auto 40px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .error__ttl {
    margin: 0 auto 4vw;
    font-size: 23.3333333333vw;
  }
}
.error__img {
  margin: 0 auto 60px;
  width: 168px;
  height: auto;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .error__img {
    margin: 0 auto 6.6666666667vw;
    width: 22.4vw;
  }
}
.error__txt {
  font-weight: 600;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .error__txt {
    font-size: 4.2666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .contact {
    margin: 48px auto 193px;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    margin: 0vw auto 26.6666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .contact-caution__container {
    padding: 240px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .contact-caution__container {
    padding: 20vw 2.8vw 8vw;
  }
}
@media screen and (min-width: 768px) {
  .thankyou .contact-caution__container {
    padding-top: 200px;
  }
}
@media screen and (max-width: 767px) {
  .thankyou .contact-caution__container {
    padding-top: 20vw;
  }
}
.contact-caution__ttl {
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .contact-caution__ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .contact-caution__ttl {
    font-size: 3.7333333333vw;
  }
}
.contact-caution__list li {
  position: relative;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contact-caution__list li {
    font-size: 18px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .contact-caution__list li {
    font-size: 3.7333333333vw;
    padding-left: 4.2666666667vw;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
.contact-caution__list li::before {
  content: "※";
  position: absolute;
  left: 0;
  display: block;
  color: #d80c18;
}
.contact-caution__list li .red {
  color: #d80c18;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .contact-caution__list li .red {
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}

.recaptcha-msg {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .recaptcha-msg {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .recaptcha-msg {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  .recaptcha-msg p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .recaptcha-msg p {
    font-size: 2.9333333333vw;
  }
}
.recaptcha-msg a {
  color: #F2C7D5;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .recaptcha-msg a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .recaptcha-msg a {
    font-size: 2.9333333333vw;
  }
}

.contact-form {
  border-top: 1px solid #959595;
}
@media screen and (min-width: 768px) {
  .contact-form {
    margin: 50px auto 0;
    padding-top: 70px;
  }
}
@media screen and (min-width: 768px) {
  .contact-form__container {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .contact-form__container {
    padding: 0 3.2vw 10.6666666667vw;
  }
}
.contact-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .contact-form fieldset {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.contact-form fieldset legend {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .contact-form fieldset legend {
    width: calc(100% - 750px);
    float: left;
  }
}
@media screen and (min-width: 768px) {
  .contact-form fieldset .input-wrap {
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 14px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .input-wrap:has(.wpcf7-select) {
    gap: 2.5333333333vw 1.3333333333vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.contact-form .form-caution {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px) {
  .contact-form .form-caution {
    font-size: 18px;
    padding-left: 24px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .form-caution {
    font-size: 3.6vw;
    padding-left: 4.5333333333vw;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    margin-top: 1.3333333333vw;
  }
}
.contact-form .form-caution::before {
  content: "※";
  position: absolute;
  left: 0;
  display: block;
  color: #d80c18;
}
@media screen and (min-width: 768px) {
  .contact-form .input-label,
  .contact-form .form-label {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 33px;
  }
}
@media screen and (min-width: 768px) {
  .contact-form .input-label > label,
  .contact-form .form-label > label {
    width: calc(100% - 750px);
    padding-top: 0.6em;
  }
}
.contact-form .input-label-bold {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contact-form .input-label-bold {
    font-size: 20px;
    padding: 12px 0;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .input-label-bold {
    display: inline-block;
    padding: 8vw 0 1.3333333333vw;
    font-size: 4vw;
  }
}
.contact-form .input-label-bold > .note {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .contact-form .input-label-bold > .note {
    display: block;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .input-label-bold > .note {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .contact-form .form-item-radio .input-label-bold {
    padding: 0;
  }
}
.contact-form .form-input-must {
  background-color: #d1161a;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
  padding: 0.2em 0.4em;
}
.contact-form .wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-radio {
    gap: 32px 32px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-radio {
    flex-direction: column;
    gap: 4.2666666667vw 2.1333333333vw;
    margin-top: 0.5em;
  }
}
.contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  margin: 0;
  line-height: 1;
}
.contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label {
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label {
    padding-left: 44px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label {
    padding-left: 8vw;
  }
}
.contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::before, .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::before {
  background-color: #f2e6e9;
  border-radius: 50%;
  left: 0px;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::before {
    width: 33px;
    height: 33px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::before {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
  }
}
.contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::after {
  background-color: #E67984;
  border-radius: 50%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::after {
    width: 12px;
    height: 12px;
    left: 11px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::after {
    width: 2.8vw;
    height: 2.8vw;
    left: 1.6vw;
  }
}
.contact-form .wpcf7-form-control.wpcf7-radio input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.contact-form .wpcf7-form-control.wpcf7-radio input {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
.contact-form .wpcf7-form-control.wpcf7-checkbox, .contact-form .wpcf7-form-control.wpcf7-acceptance {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox, .contact-form .wpcf7-form-control.wpcf7-acceptance {
    gap: 22px 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox, .contact-form .wpcf7-form-control.wpcf7-acceptance {
    gap: 2.9333333333vw 2.1333333333vw;
  }
}
.contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
  line-height: 1;
}
.contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
    padding-left: 66px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
    padding-left: 13.3333333333vw;
  }
}
.contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::before, .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::after, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::before, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::before, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::before {
  background-color: #f2e6e9;
  border-radius: 3px;
  left: 0px;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::before, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::before {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::before, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::before {
    width: 10vw;
    height: 10vw;
  }
}
.contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::after, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::after {
  content: "";
  opacity: 0;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::after, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::after {
    width: 8px;
    height: 20px;
    left: 18px;
    top: 40%;
    border-right: 2px solid #d80c18;
    border-bottom: 2px solid #d80c18;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label::after, .contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label::after {
    width: 1.6vw;
    height: 4.2666666667vw;
    left: 4.2666666667vw;
    top: 42%;
    border-right: 0.2666666667vw solid #d80c18;
    border-bottom: 0.2666666667vw solid #d80c18;
  }
}
.contact-form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after, .contact-form .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.contact-form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox], .contact-form .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox], .contact-form .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox], .contact-form .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] {
    width: 4.1333333333vw;
    height: 4.1333333333vw;
  }
}
.contact-form .wpcf7-form-control-wrap:has(input[type=text],
input[type=tel],
input[type=address],
input[type=email],
select,
textarea) {
  border: none;
  background-color: #f2e6e9;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control-wrap:has(input[type=text],
  input[type=tel],
  input[type=address],
  input[type=email],
  select,
  textarea) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control-wrap:has(input[type=text],
  input[type=tel],
  input[type=address],
  input[type=email],
  select,
  textarea) {
    display: block;
  }
}
.contact-form .wpcf7-form-control-wrap:has(input[type=text],
input[type=tel],
input[type=address],
input[type=email],
select,
textarea)::placeholder {
  color: #858585;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control-wrap:has(input[type=text],
  input[type=tel],
  input[type=address],
  input[type=email],
  select) {
    height: 58px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control-wrap:has(input[type=text],
  input[type=tel],
  input[type=address],
  input[type=email],
  select) {
    height: 10.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control-wrap[data-name=your-address1] {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control-wrap:has(input[type=address]) {
    display: block !important;
  }
}
.contact-form .wpcf7-form-control-wrap:has(select) {
  position: relative;
}
.contact-form .wpcf7-form-control-wrap:has(select)::before {
  content: ">";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-form-control-wrap:has(select)::before {
    font-size: 20px;
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-form-control-wrap:has(select)::before {
    font-size: 3.7333333333vw;
    right: 1.3333333333vw;
  }
}
.contact-form input[type=text],
.contact-form input[type=tel],
.contact-form input[type=address],
.contact-form input[type=email],
.contact-form select,
.contact-form textarea {
  border: none;
  height: 100%;
  width: 100%;
  background-color: #f2e6e9;
}
@media screen and (min-width: 768px) {
  .contact-form input[type=text],
  .contact-form input[type=tel],
  .contact-form input[type=address],
  .contact-form input[type=email],
  .contact-form select,
  .contact-form textarea {
    font-size: 20px;
    padding: 4px 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .contact-form input[type=text],
  .contact-form input[type=tel],
  .contact-form input[type=address],
  .contact-form input[type=email],
  .contact-form select,
  .contact-form textarea {
    font-size: 3.7333333333vw;
    padding: 0.5333333333vw 2.6666666667vw 0;
  }
}
.contact-form select {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  background-color: #f2e6e9;
}
@media screen and (min-width: 768px) {
  .contact-form select {
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form select {
    padding-right: 5.0666666667vw;
  }
}
.contact-form select::-ms-expand {
  display: none;
}
@media screen and (max-width: 767px) {
  .contact-form select#birth-year {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .contact-form select#birth-month {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .contact-form select#birth-day {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .contact-form textarea {
    min-height: 39.0666666667vw;
  }
}
.contact-form .count-your-message-down {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .contact-form .count-your-message-down {
    font-size: 18px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .count-your-message-down {
    font-size: 3.3333333333vw;
    margin-top: 1.3333333333vw;
  }
}
.contact-form .wpcf7-response-output, .contact-form .form-send-bt {
  text-align: left;
}
.contact-form .bt-send {
  display: block;
}
.contact-form .wpcf7-submit {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #E67984;
  color: #fff;
  border: none;
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-submit {
    padding: 0 20px;
    border-radius: 8px;
    min-width: 230px;
    height: 51px;
    margin: 50px 0 0 0;
    font-size: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 767px) {
  .contact-form .wpcf7-submit {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: 1.0666666667vw;
    min-width: 100%;
    height: 11.6211333333vw;
    margin: 11.3333333333vw 0 0 0;
    box-shadow: 0 0.5333333333vw 1.0666666667vw rgba(0, 0, 0, 0.15);
  }
}
@media screen and (min-width: 768px) {
  .contact-form .wpcf7-submit:hover {
    background-color: #d46572;
  }
}
.contact-form .wpcf7-submit:disabled {
  background-color: #bfbfbf;
  cursor: not-allowed;
}

.form-send-bt .wpcf7-spinner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}

.thankyou {
  padding: 0 0 143px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .thankyou {
    padding: 0vw 0 26.6666666667vw;
  }
}
.thankyou__ttl {
  font-size: 32px;
  font-weight: 600;
  margin: 0 auto 40px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .thankyou__ttl {
    margin: 0 auto 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.thankyou__img {
  margin: 0 auto 90px;
  width: 392px;
  height: auto;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .thankyou__img {
    margin: 0 auto 12vw;
    width: 52.2666666667vw;
  }
}
.thankyou__txt {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .thankyou__txt {
    font-size: 3.6vw;
  }
}

@media screen and (min-width: 768px) {
  .wpcf7-form-control-wrap, .input-wrap {
    flex: 1;
  }
}

.contact-lead {
  background-color: #f2e6e9;
  position: relative;
}
@media screen and (min-width: 768px) {
  .contact-lead__txt {
    text-align: center;
    font-size: 22px;
    line-height: 2;
    padding: 80px 0 140px;
  }
}
@media screen and (max-width: 767px) {
  .contact-lead__txt {
    text-align: center;
    font-size: 4.2666666667vw;
    padding: 10.6666666667vw 3.2vw 29.3333333333vw 4.2666666667vw;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
.contact-lead__usagi {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .contact-lead__usagi {
    width: 122px;
    bottom: -140px;
  }
}
@media screen and (max-width: 767px) {
  .contact-lead__usagi {
    width: 16.2666666667vw;
    bottom: -13.3333333333vw;
  }
}
.contact-lead__usagi img {
  width: 100%;
  height: auto;
}

.acceptance {
  border-top: 1px solid #959595;
}
@media screen and (min-width: 768px) {
  .acceptance {
    margin-top: 80px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .acceptance {
    margin-top: 10.6666666667vw;
    padding-top: 10.6666666667vw;
  }
}
.acceptance span {
  display: block;
  margin-bottom: 0.2rem;
}
.acceptance a {
  color: #E67984;
}
.acceptance .wpcf7-list-item-label {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .privacypolicy {
    margin: 40px auto 140px;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy {
    margin: 10.6666666667vw auto 18.6666666667vw;
    padding: 0 0.25em;
  }
}
@media screen and (min-width: 768px) {
  .privacypolicy h2 {
    font-size: 18px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy h2 {
    font-size: 3.7333333333vw;
    margin-top: 3.7333333333vw;
  }
}
.privacypolicy p {
  font-weight: 400;
  margin-left: 1.5em;
}
@media screen and (min-width: 768px) {
  .privacypolicy p {
    margin-top: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy p {
    font-size: 3.6vw;
    margin-top: 3.7333333333vw;
  }
}
.privacypolicy p:first-of-type {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .privacypolicy ul {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy ul {
    margin-top: 3.7333333333vw;
    margin-left: 1.5em;
  }
}
.privacypolicy ul li {
  list-style: disc;
}
@media screen and (min-width: 768px) {
  .privacypolicy ul li {
    font-size: 18px;
    margin-left: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy ul li {
    font-size: 3.6vw;
    margin-left: -0.2em;
  }
}
@media screen and (min-width: 768px) {
  .privacypolicy ol {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy ol {
    margin-top: 3.7333333333vw;
  }
}
.privacypolicy ol li {
  list-style: decimal;
}
@media screen and (min-width: 768px) {
  .privacypolicy ol li {
    font-size: 18px;
    margin-left: 1em;
  }
}
@media screen and (max-width: 767px) {
  .privacypolicy ol li {
    font-size: 3.6vw;
    margin-left: -0.2em;
  }
}
.privacypolicy ::marker {
  display: none;
}/*# sourceMappingURL=style.css.map */