@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap);
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

a, body, button, dd, div, dl, dt, figure, h1, h2, h3, h4, h5, h6, html, img, li, ol, p, small, span, td, th, time, tr, ul {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol, ul {
  list-style: none
}

dd, li {
  list-style-type: none
}

article, aside, figcaption, figure, footer, header, nav, section {
  display: block
}

img {
  border: none;
  vertical-align: top;
  width: 100%
}

a {
  cursor: pointer;
  display: inline-block;
  text-decoration: none
}

@media screen and (min-width:768px) {
  a[href*="TEL:"] {
    color: #818181;
    cursor: default;
    pointer-events: none;
    text-decoration: none
  }
}

span {
  display: inline-block
}

input, select, textarea {
  font-size: 16px
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 100;
  src: local(HiraginoSans-W0)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 200;
  src: local(HiraginoSans-W1)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 300;
  src: local(HiraginoSans-W2)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 400;
  src: local(HiraginoSans-W3)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 500;
  src: local(HiraginoSans-W4)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 600;
  src: local(HiraginoSans-W5)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 700;
  src: local(HiraginoSans-W6)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 800;
  src: local(HiraginoSans-W7)
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 900;
  src: local(HiraginoSans-W8)
}

@font-face {
  font-family: Hiragino Sans W9;
  font-weight: 900;
  src: local(HiraginoSans-W9)
}

html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  --vh: 11.05px;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%
}

body {
  color: #818181;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
  min-width: 1160px
}

@media screen and (max-width:767px) {
  body {
    min-width: auto
  }
}

img {
  image-rendering: -webkit-optimize-contrast
}

div ::-webkit-scrollbar {
  width: 6px
}

div ::-webkit-scrollbar-track {
  background-color: #ebe9e2;
  border-radius: 99px
}

div ::-webkit-scrollbar-thumb {
  background-color: #a2ddf4;
  border-radius: 99px
}

@media screen and (min-width:768px) {
  a[href*="tel:"] {
    color: inherit!important;
    cursor: default!important;
    pointer-events: none!important;
    text-decoration: none!important
  }
}

.l-header {
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 20px 20px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000
}

@media screen and (max-width:767px) {
  .l-header {
    padding: 10px 15px 0 20px
  }
}

.l-header__logo {
  width: 210px
}

@media screen and (max-width:767px) {
  .l-header__logo {
    padding-top: 10px;
    width: 200px
  }
}

.l-header__menu {
  position: fixed;
  right: 20px;
  top: 20px;
  width: 45px
}

@media screen and (max-width:767px) {
  .l-header__menu {
    right: 15px;
    top: 10px;
    width: 40px
  }
}

.l-footer {
  overflow: hidden;
  padding: 0 0 120px;
  position: relative
}

.l-footer.is--fixed-menu {
  padding-bottom: 190px
}

.l-footer.is--beige:after {
  background-color: #faf8f4
}

.l-footer.is--beige:after, .l-footer.is--blue:after {
  content: "";
  height: 78px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.l-footer.is--blue:after {
  background-color: #f2faff
}

@media screen and (max-width:767px) {
  .l-footer {
    padding: 0 0 30px
  }
  .l-footer.is--fixed-menu {
    padding-bottom: 110px
  }
  .l-footer.is--beige:after, .l-footer.is--blue:after {
    height: 50px
  }
}

.l-footer__wave {
  height: 78px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .l-footer__wave {
    height: 50px
  }
}

.l-footer__logo {
  margin-bottom: 30px;
  margin-left: 50px;
  margin-top: 55px;
  width: 200px
}

@media screen and (max-width:767px) {
  .l-footer__logo {
    margin-left: 0;
    margin-top: 45px
  }
}

.l-footer__menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  gap: 35px 60px;
  padding: 0 50px
}

.l-footer__menu a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .48px
}

.l-footer__menu>li>a {
  color: #53c3ef;
  transition: color .3s
}

.l-footer__menu>li>a:hover {
  color: #f0ca00
}

.l-footer__menu>li>.sub-menu {
  display: flex;
  font-size: 0;
  gap: 0 40px;
  padding-bottom: 15px;
  padding-top: 5px
}

.l-footer__menu>li>.sub-menu>li>a {
  color: #818181;
  font-weight: 500
}

.l-footer__menu>li>.sub-menu>li>a:before {
  content: "/ "
}

.l-footer__menu>li>.sub-menu>li>a:hover {
  color: #53c3ef
}

.l-footer__menu>li>.sub-menu>li>a:hover:before {
  color: #818181
}

@media screen and (max-width:767px) {
  .l-footer__menu {
    gap: 10px 0;
    padding: 0
  }
  .l-footer__menu>li:first-child>.sub-menu>li:first-child {
    width: 100%!important
  }
  .l-footer__menu a {
    letter-spacing: 0
  }
  .l-footer__menu>li {
    min-width: 50%
  }
  .l-footer__menu>li.is--sp100 {
    width: 100%
  }
  .l-footer__menu>li>a {
    font-size: 14px
  }
  .l-footer__menu>li>.sub-menu {
    flex-wrap: wrap;
    gap: 10px 0;
    padding-bottom: 10px;
    padding-top: 10px
  }
  .l-footer__menu>li>.sub-menu>li {
    width: 50%
  }
  .l-footer__menu>li>.sub-menu>li>a {
    font-size: 13px
  }
}

.l-footer__menu2 {
  display: flex;
  flex-wrap: wrap;
  gap: 35px 40px;
  padding: 60px 50px 0
}

.l-footer__menu2 a {
  color: #818181;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .48px
}

.l-footer__menu2 a:before {
  content: "/ "
}

.l-footer__menu2 a:hover {
  color: #53c3ef
}

.l-footer__menu2 a:hover:before {
  color: #818181
}

@media screen and (max-width:767px) {
  .l-footer__menu2 {
    font-size: 0;
    gap: 10px 0;
    padding: 35px 0 0
  }
  .l-footer__menu2 li {
    width: 50%
  }
  .l-footer__menu2 li:last-child {
    width: 100%
  }
  .l-footer__menu2 a {
    font-size: 13px
  }
}

.l-footer__copy {
  color: #53c3ef;
  font-size: 11px;
  margin-top: -18px;
  padding-right: 50px;
  text-align: right
}

@media screen and (max-width:767px) {
  .l-footer__copy {
    font-size: 12px;
    margin-top: 50px;
    padding-right: 0;
    text-align: center
  }
}

.l-body {
  overflow: hidden
}

.p-hamburger {
  background-color: #fff;
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 1001
}

.p-hamburger.is--open {
  opacity: 1;
  pointer-events: all
}

.p-hamburger__layer1 {
  z-index: 1
}

.p-hamburger__layer1, .p-hamburger__layer4 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.p-hamburger__layer4 {
  z-index: 2
}

@media screen and (max-width:767px) {
  .p-hamburger__layer4 {
    height: 60%;
    width: 60%;
    z-index: 1
  }
}

.p-hamburger__layer2 {
  bottom: 0;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: auto;
  z-index: 3
}

@media screen and (max-width:767px) {
  .p-hamburger__layer2 {
    height: auto;
    width: 500px;
    z-index: 2
  }
}

.p-hamburger__layer3 {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 450px;
  z-index: 4
}

@media screen and (max-width:767px) {
  .p-hamburger__layer3 {
    width: 230px;
    z-index: 3
  }
}

.p-hamburger__nav {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  z-index: 5;
    height: calc(100% - 90px);
    overflow: auto;
}

@media screen and (max-width:767px) {
  .p-hamburger__nav {
    height: calc(100% - 90px);
    overflow: auto;
    padding-bottom: 60px;
    padding-right: 14px;
    right: 10px;
    top: 70px;
    transform: none;
    width: 172px
  }
}

.p-hamburger__nav-list {
  display: flex;
  flex-direction: column
}

.p-hamburger__nav-list>li {
  padding: 12px 0
}

.p-hamburger__nav-list>li:not(:first-child) {
  border-top: 1px solid #b2eafc
}

.p-hamburger__nav-list>li>a {
  display: flex
}

.p-hamburger__nav-list>li>a>img {
  height: 20px;
  margin-right: 15.4px;
  width: 20px
}

.p-hamburger__nav-list>li>a>span {
  color: #53c3ef;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.4;
  transition: color .3s;
  width: calc(100% - 35.4px)
}

.p-hamburger__nav-list>li>.sub-menu {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 2px;
  padding-left: 35.4px
}

.p-hamburger__nav-list>li>.sub-menu>li {
  font-size: 0
}

.p-hamburger__nav-list>li>.sub-menu a {
  color: #53c3ef;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .03em;
  transition: color .3s
}

.p-hamburger__nav-list>li>.sub-menu a:hover, .p-hamburger__nav-list>li>a:hover span {
  color: #f0ca00
}

@media screen and (max-width:767px) {
  .p-hamburger__nav-list>li {
    padding: 10px 0
  }
  .p-hamburger__nav-list>li>a>img {
    margin-right: 10px
  }
  .p-hamburger__nav-list>li>a>span {
    letter-spacing: 0;
    width: calc(100% - 30px)
  }
  .p-hamburger__nav-list>li>.sub-menu {
    gap: 3px;
    margin-top: 3px;
    padding-left: 30px
  }
  .p-hamburger__nav-list>li>.sub-menu a {
    font-size: 15px;
    letter-spacing: 0
  }
}

.p-hamburger__close {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: opacity .3s;
  width: 36px;
  z-index: 5
}

.p-hamburger__close:hover {
  opacity: .8
}

@media screen and (max-width:767px) {
  .p-hamburger__close {
    right: 10px;
    top: 15px
  }
}

.p-fixed-menu {
  bottom: 0;
  height: 135px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(101%);
  width: 100%;
  z-index: 999
}

.p-fixed-menu.is--start {
  opacity: 1;
  transform: translate(0);
  transition: transform 1s, opacity 2.3s
}

@media screen and (max-width:576px) {
  .p-fixed-menu {
    height: 76px
  }
}

.p-fixed-menu__bg {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: auto
}

@media screen and (max-width:576px) {
  .p-fixed-menu__bg {
    width: 576px
  }
}

.p-fixed-menu__list {
  align-items: flex-end;
  display: flex;
  gap: 80px;
  height: 100%;
  justify-content: center;
  padding-bottom: 13.8px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:576px) {
  .p-fixed-menu__list {
    gap: 0;
    padding: 0 0 16px
  }
}

.p-fixed-menu__item {
  height: 37px;
  position: relative;
  width: 177px
}

.p-fixed-menu__item .p-fixed-menu__item-pc {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s;
  width: 100%
}

.p-fixed-menu__item .p-fixed-menu__item-pc:first-of-type {
  opacity: 1
}

.p-fixed-menu__item .p-fixed-menu__item-pc:nth-of-type(2), .p-fixed-menu__item:hover .p-fixed-menu__item-pc:first-of-type {
  opacity: 0
}

.p-fixed-menu__item:hover .p-fixed-menu__item-pc:nth-of-type(2) {
  opacity: 1
}

.p-fixed-menu__item .p-fixed-menu__item-sp {
  display: none
}

@media screen and (max-width:576px) {
  .p-fixed-menu__item {
    align-items: flex-end;
    display: flex;
    height: 45px;
    justify-content: center;
    width: 33.3333333333%
  }
  .p-fixed-menu__item .p-fixed-menu__item-pc {
    display: none
  }
  .p-fixed-menu__item .p-fixed-menu__item-sp {
    display: block;
    height: 100%;
    width: auto
  }
}

.p-page-header {
  height: 420px;
  position: relative
}

.p-page-header.is--news {
  height: auto
}

.p-page-header.is--pc-height350 {
  height: 350px
}

.p-page-header.is--pc-height370 {
  height: 370px
}

.p-page-header.is--pc-height380, .p-page-header.is--site {
  height: 380px
}

.p-page-header.is--search {
  height: 430px
}

.p-page-header.is--service {
  height: 440px
}

.p-page-header.is--delivery, .p-page-header.is--self, .p-page-header.is--staff {
  height: 400px
}

.p-page-header .c-container {
  padding-top: 130px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-page-header {
    height: auto!important
  }
  .p-page-header .c-container {
    padding-bottom: 20px;
    padding-top: 90px
  }
  .p-page-header.is--illust .p-page-header__wave {
    bottom: 6.4vw;
    position: absolute;
    z-index: -1
  }
  .p-page-header.is--illust .c-container {
    padding-bottom: 0
  }
  .p-page-header.is--search .p-page-header__wave {
    bottom: 37.334vw
  }
  .p-page-header.is--site:after {
    height: 7vw
  }
  .p-page-header.is--search:after, .p-page-header.is--site:after {
    background-color: #faf8f4;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
  }
  .p-page-header.is--search:after {
    height: 38vw
  }
  .p-page-header.is--shop-detail .c-container {
    padding-bottom: 40px
  }
}

.p-page-header__en {
  color: #a2ddf4;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .9px
}

.p-page-header__ja {
  color: #53c3ef;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .8px;
  line-height: 1.4;
  padding-top: 10px
}

.p-page-header__ja.is--news {
  font-size: 22px;
  letter-spacing: .6px;
  line-height: 1.45;
  padding-top: 6px
}

@media screen and (max-width:767px) {
  .p-page-header__ja {
    color: #53c3ef;
    font-size: 26px;
    letter-spacing: .78px;
    line-height: 1.42;
    padding-top: 7px
  }
  .p-page-header__jais--news {
    line-height: 1.45
  }
}

.p-page-header__shop {
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .48px;
  padding-top: 6px
}

.p-page-header__shop .is--large {
  font-size: 26px;
  letter-spacing: .78px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .p-page-header__shop .is--large {
    margin-left: 0;
    width: 100%
  }
}

.p-page-header__text {
  font-size: 15px;
  letter-spacing: .7px;
  padding-top: 25px
}

@media screen and (max-width:767px) {
  .p-page-header__text {
    letter-spacing: 0
  }
}

.p-page-header__wave {
  bottom: 0;
  height: 116px;
  left: 0;
  position: absolute;
  width: 100%
}

.p-page-header__wave.is--news {
  margin-top: 40px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-page-header__wave.is--news {
    margin-top: -5px
  }
  .p-page-header__wave {
    height: 51px;
    position: static
  }
  .p-page-header__wave.is--app {
    transform: translateY(-50px)
  }
  .p-page-header__wave.is--service {
    transform: translateY(-170px)
  }
  .p-page-header__wave.is--self {
    transform: translateY(-180px)
  }
  .p-page-header__wave.is--delivery, .p-page-header__wave.is--staff {
    transform: translateY(-154px)
  }
}

.p-page-header__illust {
  position: absolute;
  right: 21px;
  top: 0;
  z-index: 1
}

.p-page-header__illust.is--search {
  transform: translate(60px);
  width: 682px
}

.p-page-header__illust.is--araeruno {
  width: 483px
}

@media screen and (max-width:767px) {
  .p-page-header__illust.is--araeruno {
    margin: 30px -25px 0;
    width: auto
  }
  .p-page-header__illust {
    margin-top: 20px;
    position: relative;
    right: auto;
    top: auto;
    z-index: auto
  }
  .p-page-header__illust.is--delivery, .p-page-header__illust.is--self, .p-page-header__illust.is--staff {
    margin: 30px -25px 0
  }
  .p-page-header__illust.is--search {
    transform: translate(-25px);
    width: calc(100% + 50px)
  }
  .p-page-header__illust.is--app, .p-page-header__illust.is--site {
    margin-top: 30px
  }
}

.p-page-header__time {
  align-items: center;
  color: #53c3ef;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  gap: 20px;
  letter-spacing: .02em;
  line-height: 1.35;
  padding-bottom: 9px
}

.p-page-header__time span {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 120px
}

@media screen and (max-width:767px) {
  .p-page-header__time {
    gap: 8px;
    padding-bottom: 3px
  }
  .p-page-header__time span {
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    width: 100px
  }
}

.p-page-header__shop-state {
  position: absolute;
  right: 0;
  top: 0;
  width: 422px;
  z-index: 1
}

.p-page-header__shop-state[data-state="1"] .p-page-header__shop-state-illust picture:first-of-type img, .p-page-header__shop-state[data-state="1"] .p-page-header__shop-state-info img:first-of-type, .p-page-header__shop-state[data-state="2"] .p-page-header__shop-state-illust picture:nth-of-type(2) img, .p-page-header__shop-state[data-state="2"] .p-page-header__shop-state-info img:nth-of-type(2), .p-page-header__shop-state[data-state="3"] .p-page-header__shop-state-illust picture:nth-of-type(3) img, .p-page-header__shop-state[data-state="3"] .p-page-header__shop-state-info img:nth-of-type(3) {
  display: block
}

.p-page-header__shop-state[data-state="1"] .p-page-header__shop-state-info {
  background-color: #53c3ef
}

.p-page-header__shop-state[data-state="2"] .p-page-header__shop-state-info {
  background-color: #f0ca00
}

.p-page-header__shop-state[data-state="3"] .p-page-header__shop-state-info {
  background-color: #ff7f7b
}

@media screen and (max-width:767px) {
  .p-page-header__shop-state {
    margin-top: 32px;
    position: static;
    transform: translateX(-25px);
    width: calc(100% + 50px)
  }
}

.p-page-header__shop-state-info {
  font-size: 0;
  height: 75px;
  padding-left: 25px
}

.p-page-header__shop-state-info img {
  display: none;
  height: 100%;
  width: auto
}

.p-page-header__shop-state-illust img {
  display: none
}

@media screen and (max-width:767px) {
  .p-page-header__shop-state-illust {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-10px);
    width: 199px
  }
}

.p-page-header__shop-state-button {
  font-size: 0;
  margin-left: 35px;
  position: absolute;
  top: 207px
}

.p-page-header__shop-state-button a {
  font-size: 13px;
  height: 23px;
  line-height: 21px;
  width: 120px
}

@media screen and (max-width:767px) {
  .p-page-header__shop-state-button {
    top: 85px
  }
  .p-page-header__shop-state-button a {
    height: 27px;
    line-height: 25px
  }
}

.p-page-header__target {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: -207px!important;
  padding-left: 423px!important;
  padding-top: 129px!important;
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-page-header__target {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0!important;
    padding: 0!important;
    position: relative
  }
}

.p-page-header__target-title {
  color: #f0ca00;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .5px
}

@media screen and (max-width:767px) {
  .p-page-header__target-title {
    align-items: center;
    display: flex;
    margin-top: 15px
  }
  .p-page-header__target-title:after, .p-page-header__target-title:before {
    background: #e9cb44;
    content: "";
    display: block;
    height: 1px;
    width: 60px
  }
  .p-page-header__target-title:before {
    margin-right: 10px
  }
  .p-page-header__target-title:after {
    margin-left: 10px
  }
}

.p-page-header__target-item {
  align-items: center;
  background-color: #f0ca00;
  border-radius: 99px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
  color: #fff;
  display: flex;
  height: 31px;
  margin-top: 10px;
  padding: 0 15px 0 10px
}

@media screen and (max-width:767px) {
  .p-page-header__target-item {
    font-size: 17px;
    padding: 0 20px 0 15px
  }
}

.p-page-header__target-item+.p-page-header__target-item {
  margin-top: 9px
}

@media screen and (max-width:767px) {
  .p-page-header__target-item+.p-page-header__target-item {
    margin-top: 12px
  }
}

.p-page-header__target-item span {
  font-weight: 700
}

.p-page-header__target-item img {
  height: 10px;
  margin-right: 6px;
  width: 12px
}

@media screen and (max-width:767px) {
  .p-page-header__target-item img {
    height: 12px;
    width: 15.6px
  }
}

.p-page-header__target-item p {
  color: #fff;
  font-size: 17px;
  font-weight: 700
}

.p-page-contents {
  background-color: #faf8f4;
  padding: 30px 0 70px
}

@media screen and (max-width:767px) {
  .p-page-contents {
    padding-bottom: 30px
  }
}

.p-page-contents__inner {
  align-items: center;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:767px) {
  .p-page-contents__inner {
    display: block
  }
}

.p-page-contents__picture {
  height: 260px;
  width: 450px
}

@media screen and (max-width:767px) {
  .p-page-contents__picture {
    height: auto;
    width: auto
  }
}

.p-page-contents__content {
  width: 500px
}

@media screen and (max-width:767px) {
  .p-page-contents__content {
    margin-top: 20px;
    width: auto
  }
}

.p-page-contents__content-title {
  color: #f0ca00;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .p-page-contents__content-title {
    font-size: 20px;
    line-height: 1.3
  }
}

.p-page-contents__content-text {
  font-size: 15px;
  letter-spacing: .75px;
  line-height: 1.46;
  padding-top: 25px
}

.p-page-contents__content-text span {
  color: #53c3ef;
  display: block;
  font-size: 13px;
  padding-top: 20px
}

@media screen and (max-width:767px) {
  .p-page-contents__content-text span {
    line-height: 1.38
  }
  .p-page-contents__content-text {
    line-height: 1.7;
    padding-top: 20px
  }
}

.p-breadcrumb {
  padding-bottom: 30px;
  padding-top: 180px
}

@media screen and (max-width:767px) {
  .p-breadcrumb {
    padding: 140px 0 10px
  }
}

.p-breadcrumb__inner {
  display: flex;
  overflow: auto
}

.p-breadcrumb__inner a, .p-breadcrumb__inner span {
  color: #adadad;
  display: inline;
  font-size: 12px;
  position: relative;
  white-space: nowrap
}

.p-breadcrumb__inner a:not(:last-child):after, .p-breadcrumb__inner span:not(:last-child):after {
  content: "　＞　"
}

.p-breadcrumb__inner a {
  color: #53c3ef;
  transition: .3s
}

.p-breadcrumb__inner a:hover {
  opacity: .6
}

.p-qa+.p-qa {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .p-qa+.p-qa {
    margin-top: 15px
  }
}

.p-qa__pl {
  padding-left: 64px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-qa__pl {
    padding-left: 0
  }
}

.p-qa__icon {
  border-radius: 50%;
  font-size: 19px;
  font-weight: 700;
  height: 34px;
  left: 10px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 8px;
  transition: color .3s, background-color .3s;
  width: 34px
}

@media screen and (max-width:767px) {
  .p-qa__icon {
    display: none
  }
}

.p-qa__header {
  border-radius: 99px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  cursor: pointer;
  padding-bottom: 12px;
  padding-top: 12px;
  position: relative
}

.p-qa__header:after, .p-qa__header:before {
  border-radius: 10px;
  content: "";
  height: 2px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px
}

.p-qa__header.is--border {
  border: 1px solid #bee8ff
}

.p-qa__header.u-bgc--f2f2f2:after, .p-qa__header.u-bgc--f2f2f2:before, .p-qa__header.u-bgc--f2faff:after, .p-qa__header.u-bgc--f2faff:before, .p-qa__header.u-bgc--white:after, .p-qa__header.u-bgc--white:before {
  background-color: #f0ca00;
  transition: background-color .3s, transform .3s
}

.p-qa__header:before {
  transform: translateY(-50%) rotate(90deg)
}

.p-qa__header.is--open.is--border {
  border: 0
}

.p-qa__header.is--open.u-bgc--f2f2f2, .p-qa__header.is--open.u-bgc--f2faff, .p-qa__header.is--open.u-bgc--white {
  background-color: #f0ca00
}

.p-qa__header.is--open.u-bgc--f2f2f2:after, .p-qa__header.is--open.u-bgc--f2f2f2:before, .p-qa__header.is--open.u-bgc--f2faff:after, .p-qa__header.is--open.u-bgc--f2faff:before, .p-qa__header.is--open.u-bgc--white:after, .p-qa__header.is--open.u-bgc--white:before {
  background-color: #fff
}

.p-qa__header.is--open.u-bgc--f2f2f2:before, .p-qa__header.is--open.u-bgc--f2faff:before, .p-qa__header.is--open.u-bgc--white:before {
  transform: translateY(-50%) rotate(0deg)
}

.p-qa__header.is--open .p-qa__header-text.u-color--blue {
  color: #fff
}

.p-qa__header.is--open .p-qa__icon.u-bgc--yellow, .p-qa__header.is--open .p-qa__icon.u-color--white {
  background-color: #fff;
  color: #f0ca00
}

@media screen and (max-width:767px) {
  .p-qa__header {
    border-radius: 10px;
    padding: 15px 30px 18px 15px
  }
  .p-qa__header:after, .p-qa__header:before {
    right: 9px
  }
}

.p-qa__header-text {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  transition: color .3s
}

@media screen and (max-width:767px) {
  .p-qa__header-text {
    font-size: 16px;
    line-height: 1.25
  }
}

.p-qa__body {
  display: none;
  padding-top: 10px
}

.p-qa__body-text {
  font-size: 15px;
  letter-spacing: .05em;
  line-height: 1.6;
  padding-top: 3px
}

@media screen and (max-width:767px) {
  .p-qa__body-text {
    padding-left: 10px;
    padding-top: 0
  }
}

.p-qa__body-sub-text {
  color: #53c3ef;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-qa__body-sub-text {
    padding-left: 10px;
    padding-top: 3px
  }
}

.p-service-flex {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:767px) {
  .p-service-flex {
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    max-width: 325px
  }
}

.p-service-flex__item {
  color: #818181;
  width: 280px
}

@media screen and (max-width:767px) {
  .p-service-flex__item {
    width: 100%
  }
}

.p-service-flex__item:hover .p-service-flex__item-button {
  opacity: .7
}

.p-service-flex__item-button {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  position: relative;
  text-align: center;
  transition: opacity .4s ease;
  width: 100%
}

.p-service-flex__item-button:after {
  background-image: url(../images/icon_arrow_beige.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 10px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px
}

@media screen and (max-width:767px) {
  .p-service-flex__item-button {
    font-size: 18px;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px
  }
  .p-service-flex__item-button:after {
    height: 12px;
    width: 7px
  }
}

.p-service-flex__item-text {
  font-size: 15px;
  letter-spacing: .03em;
  padding: 10px 10px 0
}

@media screen and (max-width:767px) {
  .p-service-flex__item-text {
    padding: 10px 0 0
  }
}

.p-shops+.p-shops {
  margin-top: 15px
}

.p-shops__header {
  background-color: #fff;
  border-radius: 99px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .16);
  color: #53c3ef;
  cursor: pointer;
  font-size: 17px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  padding: 0 30px 0 20px;
  position: relative;
  width: 100%
}

@media screen and (min-width:768px) {
  .p-shops__header {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 26px 0 16px
  }
}

.p-shops__header:after, .p-shops__header:before {
  background-color: #53c3ef;
  border-radius: 10px;
  content: "";
  height: 2px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease;
  width: 14px
}

.p-shops__header:before {
  transform: translateY(-50%) rotate(90deg)
}

.p-shops__header.is--active {
  background-color: #53c3ef;
  color: #fff
}

.p-shops__header.is--active:after {
  background-color: #fff;
  transform: rotate(180deg)
}

.p-shops__header.is--active:before {
  opacity: 0;
  transform: rotate(90deg)
}

.p-shops__address {
  font-size: 16px;
  letter-spacing: .03em;
  line-height: 1.375;
  padding: 6px 10px 0
}

@media screen and (min-width:768px) {
  .p-shops__address {
    font-size: 15px;
    padding-top: 8px
  }
}

.p-shops__body {
  color: #818181;
  display: none;
  padding: 15px 10px 0;
  width: 100%
}

.p-shops__body:hover .p-shops__detail span {
  text-decoration: underline
}

.p-shops__top {
  align-items: center;
  display: flex
}

.p-shops__img {
  border-radius: 5px;
  height: 90px;
  overflow: hidden;
  width: calc(100% - 162px)
}

@media screen and (min-width:768px) {
  .p-shops__img {
    height: 100px;
    width: calc(100% - 190px)
  }
}

.p-shops__img img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.p-shops__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-left: 15px;
  width: 162px
}

@media screen and (min-width:768px) {
  .p-shops__icons {
    gap: 12px;
    margin-left: auto;
    width: 174px
  }
}

.p-shops__icon {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  height: 42px;
  width: 45px
}

@media screen and (min-width:768px) {
  .p-shops__icon {
    height: 37px;
    width: 40px
  }
}

.p-shops__icon[data-icon1=on] img:first-of-type, .p-shops__icon[data-icon2=on] img:first-of-type, .p-shops__icon[data-icon3=on] img:first-of-type, .p-shops__icon[data-icon4=on] img:first-of-type, .p-shops__icon[data-icon5=on] img:first-of-type, .p-shops__icon[data-icon6=on] img:first-of-type {
  display: block
}

.p-shops__icon[data-icon1=on] img:nth-of-type(2), .p-shops__icon[data-icon2=on] img:nth-of-type(2), .p-shops__icon[data-icon3=on] img:nth-of-type(2), .p-shops__icon[data-icon4=on] img:nth-of-type(2), .p-shops__icon[data-icon5=on] img:nth-of-type(2), .p-shops__icon[data-icon6=on] img:nth-of-type(2) {
  display: none
}

.p-shops__icon[data-icon1=off] img:nth-of-type(2), .p-shops__icon[data-icon2=off] img:nth-of-type(2), .p-shops__icon[data-icon3=off] img:nth-of-type(2), .p-shops__icon[data-icon4=off] img:nth-of-type(2), .p-shops__icon[data-icon5=off] img:nth-of-type(2), .p-shops__icon[data-icon6=off] img:nth-of-type(2) {
  display: block
}

.p-shops__icon[data-icon1=off] img:first-of-type, .p-shops__icon[data-icon2=off] img:first-of-type, .p-shops__icon[data-icon3=off] img:first-of-type, .p-shops__icon[data-icon4=off] img:first-of-type, .p-shops__icon[data-icon5=off] img:first-of-type, .p-shops__icon[data-icon6=off] img:first-of-type {
  display: none
}

.p-shops__info {
  padding-top: 15px
}

.p-shops__dl {
  font-size: 0
}

@media screen and (min-width:768px) {
  .p-shops__dl {
    display: flex
  }
}

.p-shops__dt {
  color: #53c3ef;
  display: inline;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  width: 135px
}

@media screen and (min-width:768px) {
  .p-shops__dt {
    flex-shrink: 0;
    font-size: 13px;
    white-space: nowrap;
    width: auto
  }
}

.p-shops__dd {
  display: inline;
  font-size: 15px;
  line-height: 1.4
}

@media screen and (min-width:768px) {
  .p-shops__dd {
    flex-grow: 1;
    font-size: 13px
  }
}

.p-shops__detail {
  font-size: 0;
  margin-top: 10px;
  position: relative;
  text-align: right
}

.p-shops__detail:after {
  background-color: #f0ca00;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.p-shops__detail a, .p-shops__detail span {
  background-color: #faf8f4;
  color: #f0ca00;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 9px;
  padding-right: 22px;
  position: relative;
  z-index: 1
}

@media screen and (min-width:768px) {
  .p-shops__detail a, .p-shops__detail span {
    font-size: 13px
  }
}

.p-shops__detail a:after, .p-shops__detail span:after {
  color: #f0ca00;
  content: "›";
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-66%)
}

.p-shops-near {
  display: none
}

.p-shops-near.is--show, .p-shops-near:first-child {
  display: flex
}

.p-shops-near+.p-shops-near {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .p-shops-near.is--show, .p-shops-near:first-child {
    display: block
  }
}

.p-shops-near__inner {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
  height: 220px;
  overflow: hidden;
  padding: 30px 20px;
  position: relative;
  width: 100%
}

@media screen and (min-width:768px) {
  .p-shops-near__inner.u-pc {
    display: flex!important
  }
}

@media screen and (max-width:767px) {
  .p-shops-near__inner.u-sp {
    display: block!important
  }
}

.p-shops-near__inner dl {
  line-height: 1.42
}

.p-shops-near__inner dt {
  color: #53c3ef;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap
}

.p-shops-near__inner dd {
  color: #818181;
  display: inline;
  font-size: 14px
}

@media screen and (max-width:767px) {
  .p-shops-near__inner {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px 25px
  }
  .p-shops-near__inner dl {
    margin-top: 15px
  }
  .p-shops-near__inner dl+dl {
    margin-top: 0
  }
  .p-shops-near__inner dt {
    font-size: 14px
  }
  .p-shops-near__inner dd {
    font-size: 15px
  }
}

.p-shops-near__label {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px
}

@media screen and (max-width:767px) {
  .p-shops-near__label {
    margin-top: 16px;
    position: static;
    width: 100%
  }
}

.p-shops-near__thumbnail {
  border-radius: 10px;
  height: 100%;
  margin-right: 40px;
  overflow: hidden;
  transition: opacity .4s ease;
  width: 270px
}

.p-shops-near__thumbnail:hover {
  opacity: .8
}

.p-shops-near__thumbnail img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-shops-near__thumbnail {
    height: 140px;
    width: 100%
  }
}

.p-shops-near__info {
  margin-right: 20px;
  width: 300px
}

@media screen and (max-width:767px) {
  .p-shops-near__info {
    margin-right: 0;
    width: 100%
  }
}

.p-shops-near__content {
  width: calc(100% - 630px)
}

@media screen and (max-width:767px) {
  .p-shops-near__content {
    width: 100%
  }
}

.p-shops-near__title {
  color: #53c3ef;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  transition: color .2s ease
}

.p-shops-near__title:hover {
  color: #f0ca00
}

.p-shops-near__title a {
  color: #53c3ef
}

@media screen and (max-width:767px) {
  .p-shops-near__title {
    font-size: 21px;
    text-align: center
  }
}

.p-pop-shops {
  background-color: #fff;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, .1);
  display: none;
  height: calc(var(--vh, 1vh)*100);
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 5000
}

.p-pop-shops.is--show {
  opacity: 1;
  pointer-events: all
}

@media screen and (max-width:767px) {
  .p-pop-shops {
    display: block
  }
}

.p-pop-shops__header {
  background-color: #f0ca00;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  padding: 0 21px 0 30px;
  position: relative
}

.p-pop-shops__header-close {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%)
}

.p-pop-shops__body {
  background-color: #faf8f4;
  height: calc(100% - 140px);
  padding: 20px 7px 0 20px
}

.p-pop-shops__body-inner {
  height: 100%;
  overflow: auto;
  padding-bottom: 20px;
  padding-right: 13px
}

.p-pop-shops__footer {
  display: flex;
  height: 80px;
  justify-content: space-between;
  padding: 16px 10px 0
}

.p-pop-shops__footer a {
  height: 45px;
  line-height: 45px;
  width: calc(50% - 3.5px)
}

.p-pop-area {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, .1);
  display: none;
  left: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(105%);
  transition: transform .3s;
  width: 100%;
  z-index: 5003
}

.p-pop-area.is--show {
  transform: translate(0)
}

@media screen and (max-width:767px) {
  .p-pop-area {
    display: block
  }
}

.p-pop-area__header {
  background-color: #f0ca00;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-align: center
}

.p-pop-area__header-close {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%)
}

.p-pop-area__body {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px
}

.p-pop-area__item {
  align-items: center;
  border-bottom: 1px solid #e0d3b9;
  color: #818181;
  display: flex;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  text-align: center;
  width: 50%
}

.p-pop-area__item:nth-child(2n) {
  border-left: 1px solid #e0d3b9
}

.p-pop-area__item.is--active {
  color: #e4dec9
}

.p-pop-filter {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, .1);
  display: none;
  left: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(105%);
  transition: transform .3s;
  width: 100%;
  z-index: 5001
}

.p-pop-filter.is--show {
  transform: translate(0)
}

@media screen and (max-width:767px) {
  .p-pop-filter {
    display: block
  }
}

.p-pop-filter__header {
  background-color: #f0ca00;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-align: center
}

.p-pop-filter__header-close {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%)
}

.p-pop-filter__body {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px
}

.p-pop-filter__item {
  align-items: center;
  border-bottom: 1px solid #e0d3b9;
  color: #818181;
  display: flex;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  text-align: center;
  width: 50%
}

.p-pop-filter__item:nth-child(2n) {
  border-left: 1px solid #e0d3b9
}

.p-pop-filter__item img {
  height: 37px;
  width: auto
}

.p-pop-filter__item img:nth-of-type(2) {
  display: none
}

.p-pop-filter__item.is--active {
  background-color: #53c3ef
}

.p-pop-filter__item.is--active img:first-of-type {
  display: none
}

.p-pop-filter__item.is--active img:nth-of-type(2) {
  display: block
}

.p-fixed-icons {
  align-items: center;
  bottom: 30px;
  display: flex;
  position: fixed;
  right: -50px;
  transform: translateX(calc(50% - 580px));
  transition: transform .3s;
  width: calc(100vw + 50px);
  z-index: 999
}

.p-fixed-icons.is--hide {
  transform: translateX(calc(100% - 140px))
}

@media screen and (max-width:1160px) {
  .p-fixed-icons {
    transform: translateX(24px)
  }
}

@media screen and (max-width:767px) {
  .p-fixed-icons {
    bottom: 0;
    display: block;
    left: 0;
    transform: translateY(105%)!important;
    width: 100%
  }
  .p-fixed-icons.is--show {
    transform: translate(0)!important
  }
}

.p-fixed-icons__header {
  cursor: pointer;
  height: 80px;
  position: relative;
  width: 88.5px;
  z-index: 1
}

.p-fixed-icons__header img:nth-of-type(2) {
  display: block
}

.p-fixed-icons__header img:first-of-type, .p-fixed-icons__header.is--hide img:nth-of-type(2) {
  display: none
}

.p-fixed-icons__header.is--hide img:first-of-type {
  display: block
}

@media screen and (max-width:767px) {
  .p-fixed-icons__header {
    background-color: #53c3ef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 38px;
    position: relative;
    width: 100%
  }
  .p-fixed-icons__header img {
    display: none!important
  }
  .p-fixed-icons__header:after {
    color: #fff;
    content: "アイコン説明";
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
  }
}

.p-fixed-icons__header-close {
  height: 17px;
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  z-index: 9
}

.p-fixed-icons__header-close:after, .p-fixed-icons__header-close:before {
  background-color: #fff;
  border-radius: 99px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.p-fixed-icons__header-close:after {
  transform: translate(-50%, -50%) rotate(45deg)
}

.p-fixed-icons__header-close:before {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.p-fixed-icons__body {
  background-color: #c9f0ff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
  display: flex;
  height: 50px;
  padding-left: 68px;
  position: relative;
  transform: translate(-50px);
  width: calc(100% - 88.5px)
}

@media screen and (max-width:767px) {
  .p-fixed-icons__body {
    background-color: #faf8f4;
    flex-wrap: wrap;
    gap: 15px;
    height: auto;
    justify-content: space-between;
    padding: 15px 30px 20px;
    transform: none;
    width: 100%
  }
}

.p-fixed-icons__item {
  align-items: center;
  display: flex;
  margin-right: 30px
}

.p-fixed-icons__item img {
  height: 30px;
  margin-right: 4px;
  width: auto
}

.p-fixed-icons__item p {
  color: #53c3ef;
  font-size: 12px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-fixed-icons__item {
    margin-right: 0;
    max-width: 129px;
    width: calc(50% - 7.5px)
  }
  .p-fixed-icons__item img, .p-fixed-icons__item p {
    display: none
  }
  .p-fixed-icons__item .u-sp {
    height: auto;
    margin-right: 0;
    width: 100%
  }
}

.p-fixed-area {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  display: flex;
  height: 57px;
  justify-content: center;
  left: 0;
  padding: 0 25px;
  position: fixed;
  width: 100%;
  z-index: 99
}

.p-fixed-area__button1 {
  position: absolute;
  right: 10px;
  top: -10px;
  transform: translateY(-100%);
  width: 77px
}

.p-fixed-area__button2, .p-fixed-area__button2 a {
  width: 100%
}

.p-flow-illust {
  position: relative
}

@media screen and (max-width:767px) {
  .p-flow-illust__container {
    position: relative
  }
  .p-flow-illust__container:before {
    background: #d9f3ff;
    content: "";
    display: block;
    height: 100%;
    left: 9px;
    position: absolute;
    top: 0;
    width: 14px
  }
  .p-flow-illust__container.is--bg {
    background: #faf8f4;
    margin: 0 -25px;
    padding: 0 25px
  }
  .p-flow-illust__container.is--bg:before {
    background: #faf0b8;
    left: 34px
  }
  .p-flow-illust__container.is--bg.has--next:after {
    background-image: url(../images/self_flow_arrow02.svg);
    background-size: 43px 87px;
    bottom: -87px;
    height: 87px;
    left: 19px
  }
  .p-flow-illust__container.is--bg.is--last:before {
    height: calc(100% + 30px)
  }
  .p-flow-illust__container.is--bg.is--last:after {
    background-image: url(../images/full-service_flow_arrow02.svg);
    background-size: 43px 49px;
    bottom: -49px;
    content: "";
    display: block;
    height: 49px;
    left: 19px;
    position: absolute;
    width: 43px;
    z-index: 10
  }
  .p-flow-illust__container.has--next:after {
    background: url(../images/self_flow_arrow01.svg) no-repeat 50%/43px 183px;
    bottom: 0;
    content: "";
    display: block;
    height: 183px;
    left: -6px;
    position: absolute;
    width: 43px;
    z-index: 10
  }
  .p-flow-illust__container.is--last:before {
    height: calc(100% - 50px)
  }
  .p-flow-illust__container.is--last:after {
    background-image: url(../images/self_flow_arrow03.svg);
    background-size: 43px 45px;
    bottom: 40px;
    content: "";
    display: block;
    height: 45px;
    left: -6px;
    position: absolute;
    width: 43px;
    z-index: 10
  }
  .p-flow-illust__container.no--line:before {
    display: none
  }
  .p-flow-illust__container-title {
    align-items: center;
    background: #f0ca00;
    border-radius: 100px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    display: flex;
    height: 46px;
    justify-content: center;
    margin: 23px -15px -3px;
    position: relative;
    transform: translateY(-23px)
  }
  .p-flow-illust__container-title .p-flow-illust__title {
    font-size: 18px;
    position: static
  }
  .p-flow-illust__container-title .p-flow-illust__title:before {
    background: url(../images/flow-no4.svg) no-repeat 50%;
    content: "";
    height: 32px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
  }
  .p-flow-illust__box+.p-flow-illust__box {
    margin-top: 20px
  }
  .p-flow-illust__box-memo {
    background: #eff9ff;
    border-radius: 20px;
    margin: 25px 0 0 45px;
    padding: 20px 30px
  }
  .p-flow-illust__box-memo .p-flow-illust__img, .p-flow-illust__box-memo .p-flow-illust__text, .p-flow-illust__box-memo .p-flow-illust__title {
    padding-left: 0;
    text-align: center
  }
  .p-flow-illust__box-memo .p-flow-illust__title {
    align-items: center;
    display: flex;
    flex-direction: column
  }
  .p-flow-illust__box-memo .p-flow-illust__title:before {
    background: url(../images/self_memo.svg) no-repeat top/120px 25px;
    content: "";
    display: block;
    height: 25px;
    margin-bottom: 6px;
    position: static;
    width: 120px
  }
  .p-flow-illust__step .p-flow-illust__title {
    padding-left: 42px
  }
  .p-flow-illust__step .p-flow-illust__title:before {
    background: no-repeat 0;
    content: "";
    display: block;
    height: 14px;
    left: -20px;
    margin-bottom: 5px;
    position: relative;
    width: 120px
  }
  .p-flow-illust__step+.p-flow-illust__step {
    margin-top: 20px
  }
}

.p-flow-illust__title {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-flow-illust__title {
    letter-spacing: .67px;
    line-height: 1.47;
    padding-left: 42px;
    position: relative;
    text-align: left
  }
  .p-flow-illust__title:before {
    background: no-repeat 50%;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 32px
  }
}

.p-flow-illust__title.is--large {
  font-size: 24px
}

@media screen and (max-width:767px) {
  .p-flow-illust__title.is--large {
    font-size: 23px
  }
}

.p-flow-illust__title.is--white {
  color: #fff;
  font-size: 18px
}

.p-flow-illust__img {
  display: none
}

@media screen and (max-width:767px) {
  .p-flow-illust__img {
    display: block;
    margin: 10px 0 5px;
    padding-left: 42px
  }
}

.p-flow-illust__text {
  font-size: 14px;
  line-height: 1.4;
  position: absolute;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-flow-illust__text {
    padding-left: 42px;
    position: static;
    text-align: left
  }
}

.p-flow-illust__text a {
  display: inline
}

.p-flow-illust__text span {
  color: #53c3ef;
  display: block;
  font-size: 13px;
  padding-top: 5px
}

.p-flow-illust__last-img {
  display: none
}

@media screen and (max-width:767px) {
  .p-flow-illust__last-img {
    display: block;
    margin: 15px -25px 0
  }
}

.p-flow-illust__last-text {
  display: none
}

@media screen and (max-width:767px) {
  .p-flow-illust__last-text {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 5px;
    text-align: center
  }
}

.p-others-jiro {
  padding: 140px 0 0
}

@media screen and (max-width:767px) {
  .p-others-jiro {
    padding: 80px 0 0
  }
}

.p-others-jiro__list {
  display: flex;
  gap: 80px;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-others-jiro__list {
    flex-direction: column;
    gap: 40px
  }
}

.p-others-jiro__item {
  flex: 1
}

.p-others-jiro__item-img {
  display: none
}

@media screen and (max-width:767px) {
  .p-others-jiro__item-img {
    display: block
  }
}

.p-others-jiro__item-button {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  display: none;
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
  width: 100%
}

.p-others-jiro__item-button:after {
  background-image: url(../images/icon_arrow_beige.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 12px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px
}

@media screen and (max-width:767px) {
  .p-others-jiro__item-button {
    display: block
  }
}

.p-others-jiro__item-link {
  display: block;
  font-size: 0;
  height: 227px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-others-jiro__item-link {
    display: none
  }
}

.p-others-jiro__item-link img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.p-others-jiro__item-link .off {
  display: none
}

.p-others-jiro__item-link p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  left: 256px;
  letter-spacing: .8px;
  position: absolute;
  top: 105px
}

.p-others-jiro__item-link:hover .on {
  display: none
}

.p-others-jiro__item-link:hover .off {
  display: block
}

.p-others-jiro__item-text {
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 1.6;
  padding-top: 10px
}

.p-home-mv {
  height: 100vh;
  position: relative
}

@media screen and (max-width:767px) {
  .p-home-mv {
    display: flex;
    flex-direction: column;
    height: 186.667vw;
    padding-top: 96px
  }
}

.p-home-mv__inner {
  height: 100%;
  left: 50%;
  max-width: 1100px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
  z-index: 2
}

@media screen and (max-width:767px) {
  .p-home-mv__inner {
    order: 1;
    position: static;
    transform: none
  }
}

.p-home-mv__layer0 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.p-home-mv__layer0:after {
  background: url(../images/white_gradation.png);
  bottom: 0;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100
}

.p-home-mv__layer1 {
  height: 117px;
  left: 0;
  position: absolute;
  top: 57%;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-home-mv__layer1 {
    height: 59px;
    top: 67%
  }
}

.p-home-mv__layer2 {
  left: -60px;
  position: absolute;
  top: 25%;
  width: 240px;
  z-index: 2
}

@media screen and (max-width:767px) {
  .p-home-mv__layer2 {
    left: 0;
    top: 134.667vw;
    width: 32vw
  }
}

.p-home-mv__layer3 {
  position: absolute;
  right: -70px;
  top: 25%;
  width: 240px;
  z-index: 2
}

@media screen and (max-width:767px) {
  .p-home-mv__layer3 {
    right: 0;
    top: 20.267vw;
    width: 34.667vw
  }
}

.p-home-mv__layer4 {
  height: 100%;
  left: 50%;
  max-height: 750px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3
}

.p-home-mv__layer4 img {
  height: 100%;
  object-fit: contain;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-home-mv__layer4 {
    height: auto;
    left: auto;
    max-height: none;
    position: relative;
    top: auto;
    transform: none;
    z-index: 5
  }
}

.p-home-news {
  display: flex;
  padding-bottom: 100px;
  padding-top: 24px
}

@media screen and (max-width:767px) {
  .p-home-news {
    display: block;
    padding-bottom: 90px;
    padding-top: 14px
  }
}

.p-home-news__header {
  padding-top: 35px;
  width: 170px
}

@media screen and (max-width:767px) {
  .p-home-news__header {
    width: 100%
  }
}

.p-home-news__body {
  border-bottom: 1px solid #b2eafc;
  border-top: 1px solid #b2eafc;
  padding: 20px 0 25px;
  width: 770px
}

@media screen and (max-width:767px) {
  .p-home-news__body {
    margin-top: 20px;
    padding: 15px 0;
    width: 100%
  }
}

.p-home-news__button {
  padding-top: 48px;
  text-align: right;
  width: calc(100% - 940px)
}

@media screen and (max-width:767px) {
  .p-home-news__button {
    padding-top: 15px;
    text-align: center;
    width: 100%
  }
}

.p-home-whats {
  background-image: url(../images/bk_beige-gradation.png);
  background-position: top;
  background-size: cover;
  padding: 30px 0 290px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-home-whats {
    padding: 20px 0 196px
  }
}

.p-home-whats__subtitle {
  margin: 30px auto 0;
  width: 66.667vw
}

.p-home-whats__slider {
  font-size: 0;
  margin-top: 30px;
  transform: translate(-25px);
  width: calc(100% + 50px)
}

.p-home-whats__slider-controller {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 17px 25px 0;
  position: relative
}

.p-home-whats__slider-next, .p-home-whats__slider-prev {
  background-image: none!important;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  height: 16px!important;
  margin-top: 0!important;
  position: static!important;
  width: 14px!important
}

.p-home-whats__slider-prev {
  border-right: 14px solid #c4ae83
}

.p-home-whats__slider-next {
  border-left: 14px solid #c4ae83
}

.p-home-whats__slider-paginate {
  display: flex;
  font-size: 0;
  gap: 30px;
  position: static!important
}

.p-home-whats__slider-paginate span {
  background-color: #e6d9bf;
  height: 10px;
  opacity: 1;
  width: 10px
}

.p-home-whats__slider-paginate span.swiper-pagination-bullet-active {
  background-color: #f0ca00
}

.p-home-whats__illust {
  padding-top: 40px
}

.p-home-whats__text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .34px;
  line-height: 2;
  margin-top: -134px;
  padding-left: 45px
}

@media screen and (max-width:767px) {
  .p-home-whats__text {
    font-size: 16px;
    line-height: 2;
    margin-top: 25px;
    padding-left: 0;
    text-align: center
  }
}

.p-home-whats__wave {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

.p-home-how {
  padding: 89px 0 147px
}

@media screen and (max-width:767px) {
  .p-home-how {
    padding: 60px 0 140px
  }
}

.p-home-how__flow {
  display: flex;
  gap: 53px;
  padding: 60px 0 0
}

@media screen and (max-width:767px) {
  .p-home-how__flow {
    flex-direction: column;
    gap: 60px;
    padding: 50px 0 0
  }
}

.p-home-how__flow-item {
  flex: 1
}

.p-home-how__flow-top {
  display: flex;
  height: 42.55px;
  justify-content: center;
  width: auto
}

.p-home-how__flow-top img {
  height: 100%;
  width: auto
}

@media screen and (max-width:767px) {
  .p-home-how__flow-top {
    height: 55px
  }
}

.p-home-how__flow-title {
  background-color: #f0ca00;
  border-radius: 99px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  letter-spacing: .76px;
  line-height: 34px;
  margin: 12px auto 0;
  text-align: center;
  width: 235px
}

@media screen and (max-width:767px) {
  .p-home-how__flow-title {
    font-size: 22px;
    height: 40px;
    letter-spacing: .9px;
    line-height: 40px;
    margin-top: 0;
    width: 100%
  }
}

.p-home-how__flow-illust {
  margin-top: 28px
}

@media screen and (max-width:767px) {
  .p-home-how__flow-illust {
    margin: 20px auto 0;
    max-width: 300px
  }
}

.p-home-how__flow-price {
  display: flex;
  height: 17.66px;
  justify-content: center;
  margin: 20px 0
}

.p-home-how__flow-price img {
  height: 100%;
  width: auto
}

@media screen and (max-width:767px) {
  .p-home-how__flow-price {
    height: 22px;
    margin: 20px 0
  }
}

.p-home-how__flow-text {
  font-size: 15px;
  font-weight: 500;
  height: 107px;
  letter-spacing: 1.5px;
  line-height: 1.46;
  text-align: justify
}

.p-home-how__flow-text span {
  color: #53c3ef;
  display: inline;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-home-how__flow-text {
    height: auto;
    letter-spacing: .6px;
    line-height: 1.6;
    padding-bottom: 20px
  }
  .p-home-how__flow-button {
    text-align: center
  }
}

.p-home-how__text {
  color: #53c3ef;
  font-size: 13px;
  font-weight: 500;
  padding: 30px 0 80px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-home-how__text {
    padding: 20px 0 50px
  }
}

.p-home-how__list {
  padding: 0 30px
}

@media screen and (max-width:767px) {
  .p-home-how__list {
    padding: 0;
    transform: translate(-25px);
    width: calc(100% + 50px)
  }
}

.p-home-how__list-inner {
  background-color: #fff;
  border-radius: 20px;
  height: 340px;
  overflow: hidden;
  padding: 65px 70px 0;
  position: relative
}

.p-home-how__list-inner:after {
  border: 26px solid #f5f1e4;
  content: "";
  height: calc(100% - 52px);
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 52px);
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-home-how__list-inner {
    border-radius: 0;
    height: auto;
    padding: 30px 25px 0
  }
  .p-home-how__list-inner:after {
    border-bottom-width: 0;
    border-left-width: 25px;
    border-top-width: 30px;
    height: calc(100% - 30px);
    width: calc(100% - 50px)
  }
}

.p-home-how__list-title {
  height: 26px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: 2
}

.p-home-how__list-title img {
  height: 100%;
  width: auto
}

@media screen and (max-width:767px) {
  .p-home-how__list-title {
    height: 30px
  }
}

.p-home-how__list-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 60px
}

@media screen and (max-width:767px) {
  .p-home-how__list-flex {
    gap: 10px 0;
    padding: 15px 0
  }
}

.p-home-how__list-item {
  width: calc(20% - 48px)
}

.p-home-how__list-item p {
  color: #907a62;
  font-size: 14px;
  font-weight: 500;
  padding-top: 8px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-home-how__list-item {
    position: relative;
    text-align: center;
    width: 50%
  }
  .p-home-how__list-item:nth-child(2n):after {
    background-color: #f4ecd4;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px
  }
  .p-home-how__list-item img {
    width: 110px
  }
  .p-home-how__list-item p {
    padding-top: 0
  }
}

.p-home-how__list-text {
  bottom: 0;
  color: #907a62;
  font-size: 13px;
  left: 50%;
  line-height: 26px;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
  z-index: 2
}

@media screen and (max-width:767px) {
  .p-home-how__list-text {
    background-color: #f5f1e4;
    line-height: 1.38;
    padding: 9px 0;
    position: static;
    text-align: center;
    transform: none;
    white-space: inherit
  }
}

.p-home-search {
  padding: 84px 0 263px
}

@media screen and (max-width:767px) {
  .p-home-search {
    padding: 40px 0 140px
  }
}

.p-home-search__body {
  display: flex;
  flex-wrap: wrap;
  padding-top: 70px
}

@media screen and (max-width:767px) {
  .p-home-search__body {
    padding-top: 10px
  }
}

.p-home-search__box {
  background-color: #faf8f4;
  border-radius: 20px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, .16);
  height: 410px;
  margin-right: 22px;
  margin-top: 16px;
  padding: 31px 16px 18.7px 20px;
  position: relative;
  width: 490px
}

.p-home-search__box-label {
  background-color: #f0ca00;
  border-radius: 99px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  height: 32px;
  left: 50%;
  letter-spacing: .04em;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, -50%);
  width: 280px
}

.p-home-search__box-inner {
  height: 100%
}

.p-home-search__box-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 90px
}

.p-home-search__box-text {
  font-size: 15px;
  padding-top: 15px
}

.p-home-search__box-shops {
  height: 100%;
  overflow-y: scroll;
  padding-right: 12px
}

.p-home-search__map {
  position: relative;
  width: 588px
}

.p-home-search__map-button {
  background-color: #fff;
  border: 1px solid #53c3ef;
  border-radius: 6px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .16);
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700;
  height: 34px;
  left: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: background-color .3s, color .3s, border-color .3s
}

.p-home-search__map-button:hover {
  background-color: #f0ca00;
  border-color: #f0ca00;
  color: #fff
}

.p-home-search__map-button:after {
  content: "";
  position: absolute;
  transition: .3s
}

.p-home-search__map-button:before {
  content: "";
  position: absolute
}

.p-home-search__map-button.button1 {
  left: 277px;
  top: 128px;
  width: 126px
}

.p-home-search__map-button.button1:after {
  border-left: 7px solid #53c3ef;
  top: 50%
}

.p-home-search__map-button.button1:after, .p-home-search__map-button.button1:before {
  border-bottom: 5.33px solid transparent;
  border-top: 5.33px solid transparent;
  right: 0;
  transform: translate(100%, -50%)
}

.p-home-search__map-button.button1:before {
  border-left: 7px solid rgba(0, 0, 0, .16);
  top: calc(50% + 3px)
}

.p-home-search__map-button.button1:hover:after {
  border-left: 7px solid #f0ca00
}

.p-home-search__map-button.button2 {
  left: 496px;
  top: 236px;
  width: 92px
}

.p-home-search__map-button.button2:after {
  border-right: 7px solid #53c3ef;
  top: 50%
}

.p-home-search__map-button.button2:after, .p-home-search__map-button.button2:before {
  border-bottom: 5.33px solid transparent;
  border-top: 5.33px solid transparent;
  left: 0;
  transform: translate(-100%, -50%)
}

.p-home-search__map-button.button2:before {
  border-right: 7px solid rgba(0, 0, 0, .16);
  top: calc(50% + 3px)
}

.p-home-search__map-button.button2:hover:after {
  border-right: 7px solid #f0ca00
}

.p-home-search__map-button.button3 {
  left: 236px;
  top: 216px;
  width: 92px
}

.p-home-search__map-button.button3:after {
  border-top: 7px solid #53c3ef;
  bottom: 0
}

.p-home-search__map-button.button3:after, .p-home-search__map-button.button3:before {
  border-left: 5.33px solid transparent;
  border-right: 5.33px solid transparent;
  right: 10px;
  transform: translateY(100%)
}

.p-home-search__map-button.button3:before {
  border-top: 7px solid rgba(0, 0, 0, .16);
  bottom: -4px
}

.p-home-search__map-button.button3:hover:after {
  border-top: 7px solid #f0ca00
}

.p-home-search__map-button.button4 {
  left: 377px;
  top: 330px;
  width: 110px
}

.p-home-search__map-button.button4:after {
  border-bottom: 7px solid #53c3ef;
  border-left: 5.33px solid transparent;
  border-right: 5.33px solid transparent;
  left: 19px;
  top: 0;
  transform: translateY(-100%)
}

.p-home-search__map-button.button4:hover:after {
  border-bottom: 7px solid #f0ca00
}

.p-home-search__map-button.button5 {
  left: 222px;
  top: 366px;
  width: 110px
}

.p-home-search__map-button.button5:after {
  border-bottom: 7px solid #53c3ef;
  border-left: 5.33px solid transparent;
  border-right: 5.33px solid transparent;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%)
}

.p-home-search__map-button.button5:hover:after {
  border-bottom: 7px solid #f0ca00
}

.p-home-search__map-button.button6 {
  left: 117px;
  top: 236px;
  width: 92px
}

.p-home-search__map-button.button6:after {
  border-top: 7px solid #53c3ef;
  bottom: 0
}

.p-home-search__map-button.button6:after, .p-home-search__map-button.button6:before {
  border-left: 5.33px solid transparent;
  border-right: 5.33px solid transparent;
  right: 10px;
  transform: translateY(100%)
}

.p-home-search__map-button.button6:before {
  border-top: 7px solid rgba(0, 0, 0, .16);
  bottom: -4px
}

.p-home-search__map-button.button6:hover:after {
  border-top: 7px solid #f0ca00
}

.p-home-search__map-button.button7 {
  left: 39px;
  top: 330px;
  width: 92px
}

.p-home-search__map-button.button7:after {
  border-left: 7px solid #53c3ef;
  top: 50%
}

.p-home-search__map-button.button7:after, .p-home-search__map-button.button7:before {
  border-bottom: 5.33px solid transparent;
  border-top: 5.33px solid transparent;
  right: 0;
  transform: translate(100%, -50%)
}

.p-home-search__map-button.button7:before {
  border-left: 7px solid rgba(0, 0, 0, .16);
  top: calc(50% + 3px)
}

.p-home-search__map-button.button7:hover:after {
  border-left: 7px solid #f0ca00
}

.p-home-search__icons {
  align-items: center;
  display: flex;
  margin-top: 40px;
  width: 100vw
}

.p-home-search__icons-header {
  height: 80px;
  position: relative;
  width: 88.5px;
  z-index: 1
}

.p-home-search__icons-body {
  background-color: #eff9ff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
  display: flex;
  height: 50px;
  padding-left: 68px;
  position: relative;
  transform: translate(-50px);
  width: calc(100% - 88.5px)
}

.p-home-search__icons-item {
  align-items: center;
  display: flex;
  margin-right: 30px
}

.p-home-search__icons-item img {
  height: 30px;
  margin-right: 4px;
  width: auto
}

.p-home-search__icons-item p {
  color: #53c3ef;
  font-size: 12px;
  font-weight: 700
}

.p-home-search__sp-text {
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .8px;
  padding-top: 10px;
  text-align: center
}

.p-home-near__wave {
  height: 61px;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-home-near__wave {
    height: 41px
  }
}

.p-home-near__body {
  background-color: #faf8f4;
  padding: 40px 0 100px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-home-near__body {
    padding: 30px 0 70px
  }
}

.p-home-near__illust {
  left: 50%;
  position: absolute;
  top: 20px;
  transform: translate(-50%, -100%);
  width: 319px
}

@media screen and (max-width:767px) {
  .p-home-near__illust {
    top: 10px;
    width: 234px
  }
}

.p-home-near__message {
  font-size: 15px;
  letter-spacing: .03em;
  padding-top: 25px;
  text-align: center
}

.p-home-near__message span {
  color: #53c3ef;
  display: inline
}

@media screen and (max-width:767px) {
  .p-home-near__message {
    line-height: 1.33;
    padding-top: 30px;
    text-align: left
  }
}

.p-home-near__list {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .p-home-near__list {
    margin-top: 15px
  }
}

.p-home-about {
  margin-top: 160px
}

.p-home-about, .p-home-about .c-container {
  position: relative
}

@media screen and (max-width:767px) {
  .p-home-about {
    margin-top: 70px
  }
}

.p-home-about__title {
  left: 30px;
  position: absolute;
  top: 45px
}

@media screen and (max-width:767px) {
  .p-home-about__title {
    align-items: center!important;
    position: static
  }
  .p-home-about__illust {
    margin-top: 30px
  }
}

.p-home-about__media {
  background-color: #faf8f4;
  margin-top: -30px
}

.p-home-about__media-inner {
  align-items: center;
  display: flex;
  padding: 90px 30px 80px
}

@media screen and (max-width:767px) {
  .p-home-about__media-inner {
    flex-direction: column;
    padding: 55px 0 45px
  }
}

.p-home-about__media-img {
  margin-right: 40px;
  width: 520px
}

@media screen and (max-width:767px) {
  .p-home-about__media-img {
    margin-right: 0;
    order: 2;
    width: 100%
  }
}

.p-home-about__media-content {
  width: calc(100% - 560px)
}

@media screen and (max-width:767px) {
  .p-home-about__media-content {
    order: 1;
    width: 100%
  }
}

.p-home-about__media-title {
  color: #f0ca00;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .45px;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .p-home-about__media-title {
    font-size: 20px;
    letter-spacing: .6px;
    line-height: 1.4;
    text-align: center
  }
}

.p-home-about__media-text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .45px;
  line-height: 1.6;
  padding-top: 20px
}

.p-home-about__media-text span {
  color: #53c3ef;
  display: inline;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-home-about__media-text {
    padding-bottom: 30px
  }
}

.p-home-service {
  padding: 80px 0 150px
}

@media screen and (max-width:767px) {
  .p-home-service {
    padding: 70px 0 120px
  }
}

.p-home-service__item {
  padding: 0 30px
}

.p-home-service__item+.p-home-service__item {
  margin-top: 80px
}

@media screen and (max-width:767px) {
  .p-home-service__item {
    padding: 0
  }
  .p-home-service__item+.p-home-service__item {
    margin-top: 70px
  }
  .p-home-service__item:last-child {
    margin-top: 50px
  }
  .p-home-service__item:nth-child(3) .p-home-service__title img {
    height: 16px
  }
}

.p-home-service__title {
  position: relative;
  text-align: center
}

.p-home-service__title:after {
  background-color: #eae3c9;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-200%);
  width: 100%
}

.p-home-service__title picture {
  background-color: #fff;
  height: 19.45px;
  padding: 0 10px;
  position: relative;
  z-index: 1
}

.p-home-service__title img {
  height: 100%;
  vertical-align: text-top;
  width: auto
}

@media screen and (max-width:767px) {
  .p-home-service__title:after {
    transform: translateY(-400%)
  }
  .p-home-service__title img {
    height: 21px
  }
}

.p-home-service__kodawari {
  display: flex;
  gap: 0 55px;
  padding-top: 35px
}

.p-home-service__kodawari.is--col2 {
  gap: 0 60px
}

.p-home-service__kodawari.is--col2 .p-home-service__kodawari-item {
  display: flex
}

.p-home-service__kodawari.is--col2 .p-home-service__kodawari-content {
  padding-right: 20px;
  width: 240px
}

.p-home-service__kodawari.is--col2 .p-home-service__kodawari-img {
  width: 250px
}

.p-home-service__kodawari.is--col2 .p-home-service__kodawari-title {
  padding-bottom: 10px
}

@media screen and (max-width:767px) {
  .p-home-service__kodawari {
    flex-direction: column;
    gap: 30px 0;
    padding-top: 25px
  }
  .p-home-service__kodawari.is--col2 {
    gap: 30px 0
  }
  .p-home-service__kodawari.is--col2 .p-home-service__kodawari-item {
    display: block
  }
  .p-home-service__kodawari.is--col2 .p-home-service__kodawari-content {
    padding-right: 0;
    width: 100%
  }
  .p-home-service__kodawari.is--col2 .p-home-service__kodawari-img {
    width: 100%
  }
}

.p-home-service__kodawari-item {
  flex: 1
}

@media screen and (max-width:767px) {
  .p-home-service__kodawari-item {
    flex: auto
  }
}

.p-home-service__kodawari-title {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.47;
  padding-bottom: 18px
}

.p-home-service__kodawari-title span {
  color: #f0ca00;
  font-size: 18px;
  letter-spacing: 1.8px;
  margin-right: 10px
}

@media screen and (max-width:767px) {
  .p-home-service__kodawari-title {
    font-size: 18px;
    letter-spacing: .54px;
    line-height: 1.3;
    padding-bottom: 10px;
    padding-left: 26px;
    position: relative
  }
  .p-home-service__kodawari-title span {
    font-size: 19px;
    left: 0;
    letter-spacing: 1.9px;
    margin-right: 5px;
    position: absolute;
    top: -1px
  }
}

.p-home-service__kodawari-text {
  font-size: 14px;
  padding-bottom: 20px
}

@media screen and (max-width:767px) {
  .p-home-service__kodawari-text {
    font-size: 15px;
    padding-bottom: 15px
  }
}

.p-home-service__media {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 23px;
  justify-content: center;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-home-service__media {
    gap: 12px;
    padding-top: 20px
  }
}

.p-home-service__media-item {
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
  display: flex;
  height: 60px;
  justify-content: center;
  transition: opacity .3s;
  width: calc(20% - 18.4px)
}

.p-home-service__media-item img {
  height: 100%;
  width: auto
}

.p-home-service__media-item:hover {
  opacity: .8
}

@media screen and (max-width:767px) {
  .p-home-service__media-item {
    height: 55px;
    width: calc(50% - 6px)
  }
}

.p-home-service__media-link {
  font-size: 14px;
  letter-spacing: .42px;
  padding-top: 20px;
  text-align: center
}

.p-home-service__media-button {
  padding-top: 30px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-home-service__media-button {
    padding-top: 20px
  }
}

.p-home-app {
  font-size: 0
}

.p-home-app .c-title-section {
  padding-top: 28px
}

@media screen and (max-width:767px) {
  .p-home-app .c-title-section {
    padding-top: 18px
  }
}

.p-home-app__wave {
  height: 89px
}

.p-home-app__wave img {
  height: 100px;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-home-app__wave {
    height: 49px
  }
}

.p-home-app__bg {
  background-image: url(../images/bk_blue-gradation.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 226px
}

@media screen and (max-width:767px) {
  .p-home-app__bg {
    padding-bottom: 140px
  }
}

.p-home-app__body {
  margin-top: 30px;
  padding-left: 100px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-home-app__body {
    margin-top: 0;
    padding-left: 0;
    padding-top: 20px
  }
}

.p-home-app__text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  padding-bottom: 30px;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-home-app__text {
    padding-bottom: 20px;
    padding-top: 0
  }
}

.p-home-app__illust {
  position: absolute;
  right: 0;
  top: 0;
  width: 398px
}

@media screen and (max-width:767px) {
  .p-home-app__illust {
    position: static;
    transform: translate(-25px);
    width: calc(100% + 50px)
  }
}

.p-home-app__feature {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
  display: flex;
  flex-wrap: wrap;
  gap: 11px 0;
  padding: 15px 20px;
  width: 500px
}

@media screen and (max-width:767px) {
  .p-home-app__feature {
    gap: 0;
    margin: 0 auto;
    max-width: 325px;
    padding: 0;
    width: auto
  }
}

.p-home-app__feature-item {
  display: flex;
  font-weight: 700;
  width: 50%
}

.p-home-app__feature-item img {
  margin-right: 5px;
  width: 16px
}

.p-home-app__feature-item p {
  color: #53c3ef;
  font-size: 16px;
  line-height: 1.3
}

@media screen and (max-width:767px) {
  .p-home-app__feature-item {
    align-items: center;
    flex-direction: column;
    padding-bottom: 12px;
    padding-top: 10px
  }
  .p-home-app__feature-item img {
    margin-bottom: 2px;
    margin-right: 0;
    width: 20px
  }
  .p-home-app__feature-item p {
    text-align: center
  }
  .p-home-app__feature-item:first-of-type {
    border-right: 1px solid #cfe8f7;
    order: 1
  }
  .p-home-app__feature-item:nth-of-type(2) {
    order: 2
  }
  .p-home-app__feature-item:nth-of-type(3) {
    border-bottom: 1px solid #cfe8f7;
    border-right: 1px solid #cfe8f7;
    border-top: 1px solid #cfe8f7;
    order: 3
  }
  .p-home-app__feature-item:nth-of-type(4) {
    order: 6
  }
  .p-home-app__feature-item:nth-of-type(5) {
    border-right: 1px solid #cfe8f7;
    order: 5
  }
  .p-home-app__feature-item:nth-of-type(6) {
    border-bottom: 1px solid #cfe8f7;
    border-top: 1px solid #cfe8f7;
    order: 4
  }
}

.p-home-app__bnr {
  display: flex;
  gap: 0 10px;
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .p-home-app__bnr {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    max-width: 325px;
    padding: 0 6px
  }
}

.p-home-app__bnr-item {
  transition: .3s;
  width: 130px
}

.p-home-app__bnr-item:hover {
  opacity: .6
}

@media screen and (max-width:767px) {
  .p-home-app__bnr-item {
    flex: 1
  }
}

.p-home-app__button {
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-home-app__button {
    padding-top: 25px;
    text-align: center
  }
}

.p-search {
  margin-top: -40px;
  padding-top: 40px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-search {
    margin-top: -30px!important;
    padding-top: 30px
  }
}

.p-search-main {
  background-color: #faf8f4;
  padding-bottom: 100px
}

@media screen and (max-width:767px) {
  .p-search-main {
    padding-bottom: 60px
  }
}

.p-search-main__nav {
  background-color: #eff9ff;
  border: 1px solid #53c3ef;
  border-radius: 16px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
  height: 40px;
  padding-left: 130px;
  position: relative
}

.p-search-main__nav-header {
  height: calc(100% + 2px);
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-1px, -1px);
  width: 131px
}

.p-search-main__nav-body {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  display: flex;
  height: 100%;
  margin-left: -10px;
  overflow: hidden;
  width: calc(100% + 10px)
}

.p-search-main__nav-item {
  align-items: center;
  color: #53c3ef;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center
}

.p-search-main__nav-item:not(:last-child) {
  border-right: 1px solid #b1e2ff
}

.p-search-main__nav-item.is--width165 {
  width: 166px
}

.p-search-main__nav-item.is--width162 {
  width: 162px
}

.p-search-main__nav-item.is--width120 {
  width: 122px
}

.p-search-main__nav-item.is--width130 {
  width: 130px
}

.p-search-main__nav-item.is--width-auto {
  flex: 1
}

.p-search-main__nav-item.is--active {
  background-color: #53c3ef;
  color: #fff
}

.p-search-main__nav-item:hover {
  background-color: rgba(83, 195, 239, .7);
  color: #fff
}

.p-search-main__nav-item:hover.is--active {
  background-color: #53c3ef
}

.p-search-main__nav-item img {
  height: 25px;
  width: auto
}

.p-search-main__nav-item img:first-of-type, .p-search-main__nav-item.is--active img:nth-of-type(2), .p-search-main__nav-item:hover img:nth-of-type(2) {
  display: none
}

.p-search-main__nav-item.is--active img:first-of-type, .p-search-main__nav-item:hover img:first-of-type {
  display: block
}

.p-search-main__body {
  background-color: #fff;
  margin-bottom: -20px;
  margin-top: -20px;
  min-height: 138px;
  padding: 36px 15px 36px 25px
}

.p-search-main__body-inner {
  height: 410px;
  overflow: auto;
  padding-right: 27px
}

.p-search-main__title {
  font-size: 0;
  margin-bottom: 10px;
  position: relative
}

.p-search-main__title:after {
  background-color: #f0ca00;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.p-search-main__title span {
  background-color: #fff;
  color: #f0ca00;
  font-size: 14px;
  font-weight: 700;
  padding-right: 10px;
  position: relative;
  z-index: 2
}

.p-search-main__item {
  border-bottom: 1px solid #e8d989;
  display: flex;
  padding-bottom: 25px
}

@media screen and (min-width:768px) {
  .p-search-main__item.u-pc {
    display: flex!important
  }
}

@media screen and (max-width:767px) {
  .p-search-main__item.u-sp {
    display: flex!important
  }
}

.p-search-main__item+.p-search-main__item {
  margin-top: 25px
}

.p-search-main__item dl {
  display: flex;
  line-height: 1.42
}

.p-search-main__item dt {
  color: #53c3ef;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap
}

.p-search-main__item dd {
  color: #818181;
  font-size: 14px
}

.p-search-main__item dl.is--red {
  color: #ff7f7b;
  margin-top: 10px
}

.p-search-main__item dl.is--red dd, .p-search-main__item dl.is--red dt {
  color: #ff7f7b
}

.p-search-main__item-thumbnail {
  border-radius: 5px;
  height: 125px;
  margin-right: 30px;
  overflow: hidden;
  transition: opacity .4s ease;
  width: 220px
}

.p-search-main__item-thumbnail:hover {
  opacity: .8
}

.p-search-main__item-thumbnail img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.p-search-main__item-info {
  width: 330px
}

.p-search-main__item-content {
  width: calc(100% - 580px)
}

.p-search-main__item-title {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 15px;
  transition: color .2s ease
}

.p-search-main__item-title:hover {
  color: #f0ca00
}

.p-search-main__item-icons {
  display: flex;
  gap: 7px;
  padding-top: 15px
}

.p-search-main__item-icons.is--pc-pt35 {
  padding-top: 35px
}

@media screen and (max-width:767px) {
  .p-search-main__item-icons {
    padding-top: 10px!important
  }
}

.p-search-main__item-icon {
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  height: 38px;
  width: 40px
}

.p-search-main__item-icon[data-icon1=on], .p-search-main__item-icon[data-icon2=on], .p-search-main__item-icon[data-icon3=on], .p-search-main__item-icon[data-icon4=on], .p-search-main__item-icon[data-icon5=on], .p-search-main__item-icon[data-icon6=on] {
  background-color: #eff9ff
}

.p-search-main__item-icon[data-icon1=off], .p-search-main__item-icon[data-icon2=off], .p-search-main__item-icon[data-icon3=off], .p-search-main__item-icon[data-icon4=off], .p-search-main__item-icon[data-icon5=off], .p-search-main__item-icon[data-icon6=off] {
  background-color: #faf8f4
}

.p-search-main__item-icon[data-icon1=on] img:first-of-type, .p-search-main__item-icon[data-icon2=on] img:first-of-type, .p-search-main__item-icon[data-icon3=on] img:first-of-type, .p-search-main__item-icon[data-icon4=on] img:first-of-type, .p-search-main__item-icon[data-icon5=on] img:first-of-type, .p-search-main__item-icon[data-icon6=on] img:first-of-type {
  display: block
}

.p-search-main__item-icon[data-icon1=on] img:nth-of-type(2), .p-search-main__item-icon[data-icon2=on] img:nth-of-type(2), .p-search-main__item-icon[data-icon3=on] img:nth-of-type(2), .p-search-main__item-icon[data-icon4=on] img:nth-of-type(2), .p-search-main__item-icon[data-icon5=on] img:nth-of-type(2), .p-search-main__item-icon[data-icon6=on] img:nth-of-type(2) {
  display: none
}

.p-search-main__item-icon[data-icon1=off] img:nth-of-type(2), .p-search-main__item-icon[data-icon2=off] img:nth-of-type(2), .p-search-main__item-icon[data-icon3=off] img:nth-of-type(2), .p-search-main__item-icon[data-icon4=off] img:nth-of-type(2), .p-search-main__item-icon[data-icon5=off] img:nth-of-type(2), .p-search-main__item-icon[data-icon6=off] img:nth-of-type(2) {
  display: block
}

.p-search-main__item-icon[data-icon1=off] img:first-of-type, .p-search-main__item-icon[data-icon2=off] img:first-of-type, .p-search-main__item-icon[data-icon3=off] img:first-of-type, .p-search-main__item-icon[data-icon4=off] img:first-of-type, .p-search-main__item-icon[data-icon5=off] img:first-of-type, .p-search-main__item-icon[data-icon6=off] img:first-of-type {
  display: none
}

@media screen and (max-width:767px) {
  .p-search-main__item-icon {
    flex: 1;
    height: 43px
  }
}

.p-search-main__empty {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 66px;
  justify-content: center
}

.p-search-main__empty-illust {
  width: 150px
}

.p-search-main__empty-text {
  font-size: 15px;
  letter-spacing: .05em
}

.p-search-main__near {
  align-items: center;
  display: flex;
  gap: 40px;
  padding-top: 85px
}

@media screen and (max-width:767px) {
  .p-search-main__near {
    display: block;
    padding-top: 0
  }
}

.p-search-main__near-header {
  position: relative
}

.p-search-main__near-header img {
  bottom: -6px;
  left: 0;
  position: absolute;
  width: 103px
}

.p-search-main__near-header h2 {
  color: #53c3ef;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .03em;
  padding-left: 109px
}

@media screen and (max-width:767px) {
  .p-search-main__near-header {
    border-top: 1px solid #faf8f4;
    margin: 0 auto;
    max-width: 260px;
    padding-top: 30px;
    text-align: center
  }
  .p-search-main__near-header img {
    position: static;
    width: 115px
  }
  .p-search-main__near-header h2 {
    font-size: 20px;
    padding-left: 0
  }
}

.p-search-main__near-text {
  font-size: 15px;
  letter-spacing: .03em
}

@media screen and (max-width:767px) {
  .p-search-main__near-text {
    padding-top: 10px
  }
}

.p-search-main__near-list {
  padding-top: 27px
}

.p-search-main__near-button {
  padding-top: 40px;
  text-align: center
}

.p-search-main__button {
  text-align: center
}

.p-search-main__button a {
  height: 50px;
  line-height: 50px
}

.p-search-main__button p {
  font-size: 15px;
  letter-spacing: .05em;
  padding-top: 15px
}

.p-search-main__button img {
  display: inline-block;
  margin-top: 20px;
  width: 150px
}

.p-search-main__no-area {
  color: #ff7f78;
  height: 66px
}

.p-search-main__no-area, .p-search-main__no-result {
  align-items: center;
  display: flex;
  font-size: 15px;
  justify-content: center
}

.p-search-main__no-result {
  height: 410px
}

.p-search-service {
  padding: 100px 0 0
}

@media screen and (max-width:767px) {
  .p-search-service {
    padding: 30px 0 0
  }
}

.p-search-service__flex {
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-search-service__flex {
    padding-top: 30px
  }
}

.p-shop {
  padding: 30px 0 0
}

@media screen and (max-width:767px) {
  .p-shop {
    margin-top: -50px;
    padding: 20px 0 0
  }
}

.p-shop__buttons {
  display: flex;
  gap: 20px;
  justify-content: space-between
}

.p-shop__buttons-item {
  background-color: #f0ca00;
  border-radius: 5px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  color: #fff;
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  position: relative;
  text-align: center;
  transition: background-color .4s ease
}

.p-shop__buttons-item:after {
  background-image: url(../images/shoplist_triangle.svg);
  background-size: contain;
  bottom: -5px;
  content: "";
  height: 9px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 100%);
  width: 25px
}

.p-shop__buttons-item:hover {
  background: #f4d534
}

.p-shop__list {
  margin-top: 5px
}

@media screen and (max-width:767px) {
  .p-shop__list {
    margin-top: 0
  }
}

.p-shop__list-title {
  padding-top: 70px;
  position: relative
}

.p-shop__list-title span {
  align-items: center;
  background-color: #fff;
  color: #f0ca00;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .03em;
  position: relative;
  white-space: nowrap;
  z-index: 1
}

.p-shop__list-title span:after {
  background-color: #f0ca00;
  content: "";
  height: 1px;
  margin-left: 10px;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-shop__list-title {
    padding-top: 50px
  }
}

.p-shop__item {
  align-items: center;
  border-bottom: 1px solid #efebdf;
  display: flex;
  padding: 20px 0
}

@media screen and (max-width:767px) {
  .p-shop__item {
    flex-wrap: wrap;
    padding: 18px 0
  }
  .p-shop__item.u-sp {
    color: #818181;
    display: flex!important
  }
}

.p-shop__item-thumbnail {
  border-radius: 10px;
  height: 110px;
  margin-right: 20px;
  overflow: hidden;
  width: 220px
}

.p-shop__item-thumbnail img {
  height: 100%;
  object-fit: cover;
  transition: opacity .4s ease
}

.p-shop__item-thumbnail:hover img {
  opacity: .8
}

@media screen and (max-width:767px) {
  .p-shop__item-thumbnail {
    height: 95px;
    margin-right: 16px;
    width: 130px
  }
}

.p-shop__item-info {
  margin-right: 60px;
  width: 280px
}

@media screen and (max-width:767px) {
  .p-shop__item-info {
    margin-right: 0;
    width: calc(100% - 146px)
  }
}

.p-shop__item-icons {
  margin-right: 40px;
  width: 320px
}

@media screen and (max-width:767px) {
  .p-shop__item-icons {
    margin: 10px auto 0;
    max-width: 308px
  }
}

.p-shop__item-button {
  width: calc(100% - 940px)
}

@media screen and (max-width:767px) {
  .p-shop__item-button {
    display: none
  }
}

.p-shop__item-name {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.4;
  padding-bottom: 6px;
  transition: color .3s
}

.p-shop__item-name:hover {
  color: #f0ca00
}

.p-shop__item-address {
  font-size: 14px;
  letter-spacing: .03em;
  line-height: 1.28
}

.p-shop__item-tel {
  font-size: 13px;
  letter-spacing: .03em;
  line-height: 1.42
}

.p-shop__item-tel span {
  font-size: 14px
}

.p-shop__item-icons {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:767px) {
  .p-shop__item-icons {
    gap: 10px
  }
}

.p-shop__item-icon {
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  display: flex;
  height: 40px;
  justify-content: center;
  width: 43px
}

.p-shop__item-icon[data-icon1=on], .p-shop__item-icon[data-icon2=on], .p-shop__item-icon[data-icon3=on], .p-shop__item-icon[data-icon4=on], .p-shop__item-icon[data-icon5=on], .p-shop__item-icon[data-icon6=on] {
  background-color: #eff9ff
}

.p-shop__item-icon[data-icon1=off], .p-shop__item-icon[data-icon2=off], .p-shop__item-icon[data-icon3=off], .p-shop__item-icon[data-icon4=off], .p-shop__item-icon[data-icon5=off], .p-shop__item-icon[data-icon6=off] {
  background-color: #faf8f4
}

.p-shop__item-icon[data-icon1=on] img:first-of-type, .p-shop__item-icon[data-icon2=on] img:first-of-type, .p-shop__item-icon[data-icon3=on] img:first-of-type, .p-shop__item-icon[data-icon4=on] img:first-of-type, .p-shop__item-icon[data-icon5=on] img:first-of-type, .p-shop__item-icon[data-icon6=on] img:first-of-type {
  display: block
}

.p-shop__item-icon[data-icon1=on] img:nth-of-type(2), .p-shop__item-icon[data-icon2=on] img:nth-of-type(2), .p-shop__item-icon[data-icon3=on] img:nth-of-type(2), .p-shop__item-icon[data-icon4=on] img:nth-of-type(2), .p-shop__item-icon[data-icon5=on] img:nth-of-type(2), .p-shop__item-icon[data-icon6=on] img:nth-of-type(2) {
  display: none
}

.p-shop__item-icon[data-icon1=off] img:nth-of-type(2), .p-shop__item-icon[data-icon2=off] img:nth-of-type(2), .p-shop__item-icon[data-icon3=off] img:nth-of-type(2), .p-shop__item-icon[data-icon4=off] img:nth-of-type(2), .p-shop__item-icon[data-icon5=off] img:nth-of-type(2), .p-shop__item-icon[data-icon6=off] img:nth-of-type(2) {
  display: block
}

.p-shop__item-icon[data-icon1=off] img:first-of-type, .p-shop__item-icon[data-icon2=off] img:first-of-type, .p-shop__item-icon[data-icon3=off] img:first-of-type, .p-shop__item-icon[data-icon4=off] img:first-of-type, .p-shop__item-icon[data-icon5=off] img:first-of-type, .p-shop__item-icon[data-icon6=off] img:first-of-type {
  display: none
}

@media screen and (max-width:767px) {
  .p-shop__item-icon {
    flex: 1;
    height: 40px;
    width: auto
  }
}

.p-shop-detail {
  background-color: #faf8f4;
  padding-bottom: 80px;
  padding-top: 18px
}

@media screen and (max-width:767px) {
  .p-shop-detail {
    padding: 0 0 65px
  }
}

.p-shop-detail__top, .p-shop-detail__top dl {
  display: flex
}

.p-shop-detail__top dl+dl {
  margin-top: 7px
}

.p-shop-detail__top dt {
  color: #f0ca00;
  font-size: 13px;
  font-weight: 700;
  width: 92px
}

.p-shop-detail__top dd {
  font-size: 14px;
  letter-spacing: .03em;
  line-height: 1.4;
  width: calc(100% - 92px)
}

.p-shop-detail__top dd span {
  color: #53c3ef;
  font-weight: 700
}

.p-shop-detail__top dd p+span {
  padding-top: 5px
}

@media screen and (max-width:767px) {
  .p-shop-detail__top {
    display: block;
    padding-top: 45px
  }
  .p-shop-detail__top dl {
    flex-wrap: wrap
  }
  .p-shop-detail__top dl+dl {
    margin-top: 5px
  }
  .p-shop-detail__top dt {
    font-size: 14px;
    width: 70px
  }
  .p-shop-detail__top dd {
    font-size: 16px;
    width: calc(100% - 70px)
  }
  .p-shop-detail__top dd p+span {
    padding-top: 2px
  }
  .p-shop-detail__top .is--sp-width100p {
    width: 100%
  }
  .p-shop-detail__top dt.is--sp-width100p {
    margin-top: 2px
  }
  .p-shop-detail__top dd a {
    color: #818181;
    text-decoration: underline
  }
}

.p-shop-detail__left {
  border-left: 1px solid #e5ddc5;
  border-right: 1px solid #e5ddc5;
  padding-left: 25px;
  padding-right: 30px;
  width: 560px
}

@media screen and (max-width:767px) {
  .p-shop-detail__left {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
}

.p-shop-detail__right {
  padding-left: 25px;
  width: calc(100% - 560px)
}

@media screen and (max-width:767px) {
  .p-shop-detail__right {
    padding-left: 0;
    padding-top: 20px;
    width: 100%
  }
}

.p-shop-detail__right-title {
  color: #f0ca00;
  font-size: 13px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-shop-detail__right-title {
    font-size: 14px
  }
}

.p-shop-detail__right-icons {
  display: flex;
  justify-content: space-between;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-shop-detail__right-icons {
    padding-top: 5px
  }
}

.p-shop-detail__right-icon {
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  display: flex;
  height: 55px;
  justify-content: space-between;
  width: 55px
}

.p-shop-detail__right-icon[data-icon1=on], .p-shop-detail__right-icon[data-icon2=on], .p-shop-detail__right-icon[data-icon3=on], .p-shop-detail__right-icon[data-icon4=on], .p-shop-detail__right-icon[data-icon5=on], .p-shop-detail__right-icon[data-icon6=on] {
  background-color: #eff9ff
}

.p-shop-detail__right-icon[data-icon1=off], .p-shop-detail__right-icon[data-icon2=off], .p-shop-detail__right-icon[data-icon3=off], .p-shop-detail__right-icon[data-icon4=off], .p-shop-detail__right-icon[data-icon5=off], .p-shop-detail__right-icon[data-icon6=off] {
  background-color: #faf8f4
}

.p-shop-detail__right-icon[data-icon1=on] img:first-of-type, .p-shop-detail__right-icon[data-icon2=on] img:first-of-type, .p-shop-detail__right-icon[data-icon3=on] img:first-of-type, .p-shop-detail__right-icon[data-icon4=on] img:first-of-type, .p-shop-detail__right-icon[data-icon5=on] img:first-of-type, .p-shop-detail__right-icon[data-icon6=on] img:first-of-type {
  display: block
}

.p-shop-detail__right-icon[data-icon1=on] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon2=on] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon3=on] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon4=on] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon5=on] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon6=on] img:nth-of-type(2) {
  display: none
}

.p-shop-detail__right-icon[data-icon1=off] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon2=off] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon3=off] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon4=off] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon5=off] img:nth-of-type(2), .p-shop-detail__right-icon[data-icon6=off] img:nth-of-type(2) {
  display: block
}

.p-shop-detail__right-icon[data-icon1=off] img:first-of-type, .p-shop-detail__right-icon[data-icon2=off] img:first-of-type, .p-shop-detail__right-icon[data-icon3=off] img:first-of-type, .p-shop-detail__right-icon[data-icon4=off] img:first-of-type, .p-shop-detail__right-icon[data-icon5=off] img:first-of-type, .p-shop-detail__right-icon[data-icon6=off] img:first-of-type {
  display: none
}

@media screen and (max-width:767px) {
  .p-shop-detail__right-icon {
    height: 51px;
    width: 50px
  }
}

.p-shop-detail__right-button {
  padding-top: 15px;
  text-align: right
}

.p-shop-detail__right-button a {
  font-size: 12px;
  height: 25px;
  line-height: 23px;
  width: 120px
}

.p-shop-detail__right-button a.is--active {
  background-color: #53c3ef;
  color: #fff
}

@media screen and (max-width:767px) {
  .p-shop-detail__right-button {
    padding-top: 10px
  }
}

.p-shop-detail__red {
  display: flex;
  padding-top: 55px
}

@media screen and (max-width:767px) {
  .p-shop-detail__red {
    display: block;
    padding-top: 20px
  }
}

.p-shop-detail__red-title {
  color: #ff7f7b;
  font-size: 13px;
  font-weight: 700;
  padding-top: 6px;
  width: calc(100% - 862px)
}

@media screen and (max-width:767px) {
  .p-shop-detail__red-title {
    font-size: 15px;
    padding-top: 0;
    width: 100%
  }
}

.p-shop-detail__red-content {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  color: #ff7f7b;
  font-size: 14px;
  letter-spacing: .4px;
  line-height: 1.5;
  padding: 9px 16px 12px;
  position: relative;
  width: 862px
}

.p-shop-detail__red-content:after {
  background-image: url(../images/shopdetail_triangle_pc.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 10.74px;
  left: 0;
  position: absolute;
  top: 13px;
  transform: translateX(-100%);
  width: 12px
}

@media screen and (max-width:767px) {
  .p-shop-detail__red-content {
    font-size: 15px;
    letter-spacing: .45px;
    line-height: 1.46;
    margin-top: 11px;
    padding: 20px;
    width: 100%
  }
  .p-shop-detail__red-content:after {
    background-image: url(../images/shopdetail_triangle_sp.svg);
    background-position: bottom;
    content: "";
    height: 10px;
    left: 30px;
    top: 0;
    transform: translateY(-100%);
    width: 16px
  }
}

.p-shop-detail__figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 55px
}

@media screen and (max-width:767px) {
  .p-shop-detail__figure {
    gap: 20px 0;
    padding-top: 40px
  }
}

.p-shop-detail__figure-picture {
  border-radius: 5px;
  height: 274px;
  overflow: hidden;
  width: 500px
}

.p-shop-detail__figure-picture img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-shop-detail__figure-picture {
    height: 47.467vw;
    width: 100%
  }
}

.p-shop-detail__figure-map {
  border: 1px solid #efebdc;
  border-radius: 5px;
  height: 274px;
  overflow: hidden;
  width: 460px
}

.p-shop-detail__figure-map figure {
  height: 100%;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-shop-detail__figure-map {
    height: 270px;
    width: 100%
  }
}

.p-shop-detail__figure-button {
  padding-top: 10px;
  text-align: right;
  width: 100%
}

.p-shop-detail__figure-button a {
  font-size: 12px;
  height: 25px;
  line-height: 23px;
  width: 120px
}

@media screen and (max-width:767px) {
  .p-shop-detail__figure-button {
    margin-top: -20px
  }
  .p-shop-detail__figure-button a {
    width: 140px
  }
}

.p-shop-detail__pay {
  margin-top: 20px
}

@media screen and (min-width:768px) {
  .p-shop-detail__pay {
    border-left: 1px solid #e5ddc5;
    padding-left: 25px
  }
}

.p-shop-detail__pay dl {
  display: flex
}

.p-shop-detail__pay dl+dl {
  margin-top: 7px
}

.p-shop-detail__pay dt {
  color: #f0ca00;
  font-size: 13px;
  font-weight: 700;
  width: 122px
}

.p-shop-detail__pay dd {
  font-size: 14px;
  letter-spacing: .03em;
  line-height: 1.4;
  width: calc(100% - 122px)
}

.p-shop-detail__pay dd span {
  color: #53c3ef;
  font-weight: 700
}

.p-shop-detail__pay dd a {
  color: #53c3ef;
  text-decoration: underline
}

.p-shop-detail__pay dd a:hover {
  text-decoration: none
}

.p-shop-detail__pay dd p+span {
  padding-top: 5px
}

@media screen and (max-width:767px) {
  .p-shop-detail__pay {
    margin-top: 10px
  }
  .p-shop-detail__pay dl {
    flex-wrap: wrap
  }
  .p-shop-detail__pay dl+dl {
    margin-top: 5px
  }
  .p-shop-detail__pay dt {
    font-size: 14px;
    width: 70px
  }
  .p-shop-detail__pay dd {
    font-size: 16px;
    width: calc(100% - 70px)
  }
  .p-shop-detail__pay dd p+span {
    padding-top: 2px
  }
  .p-shop-detail__pay .is--sp-width100p {
    width: 100%
  }
  .p-shop-detail__pay dt.is--sp-width100p {
    margin-top: 2px
  }
  .p-shop-detail__pay dd a {
    color: #53c3ef;
    text-decoration: underline
  }
}

.p-shop-price {
  padding: 90px 0 80px
}

@media screen and (max-width:767px) {
  .p-shop-price {
    padding: 70px 0 60px;
    transform: translateX(-25px);
    width: calc(100% + 50px)
  }
}

.p-shop-price__header {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 60px 30px 0
}

@media screen and (max-width:767px) {
  .p-shop-price__header {
    gap: 3px;
    padding: 70px 0 0
  }
}

.p-shop-price__header-item {
  background-color: #e8f8ff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #53c3ef;
  flex-grow: 1;
  font-size: 18px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-align: center;
  width: 300px
}

.p-shop-price__header-item img {
  height: 41px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  width: auto
}

.p-shop-price__header-item img.on {
  display: none
}

.p-shop-price__header-item.is--active, .p-shop-price__header-item:hover {
  background-color: #f0ca00;
  color: #fff
}

.p-shop-price__header-item.is--active img.off, .p-shop-price__header-item:hover img.off {
  display: none
}

.p-shop-price__header-item.is--active img.on, .p-shop-price__header-item:hover img.on {
  display: block
}

@media screen and (max-width:767px) {
  .p-shop-price__header-item {
    align-items: center;
    border-radius: 0;
    display: flex;
    flex: 1;
    font-size: 16px;
    height: 55px;
    justify-content: center;
    line-height: 1.25;
    text-align: center;
    width: auto
  }
}

.p-shop-price__footer {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 0 30px
}

@media screen and (max-width:767px) {
  .p-shop-price__footer {
    gap: 3px;
    padding: 0
  }
}

.p-shop-price__footer-item {
  align-items: center;
  background-color: #e8f8ff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #53c3ef;
  display: flex;
  flex-grow: 1;
  font-size: 18px;
  font-weight: 700;
  gap: 10px;
  height: 45px;
  justify-content: center;
  width: 300px
}

.p-shop-price__footer-item img {
  height: 30px;
  width: auto
}

.p-shop-price__footer-item img.on {
  display: none
}

.p-shop-price__footer-item.is--active, .p-shop-price__footer-item:hover {
  background-color: #f0ca00;
  color: #fff
}

.p-shop-price__footer-item.is--active img.off, .p-shop-price__footer-item:hover img.off {
  display: none
}

.p-shop-price__footer-item.is--active img.on, .p-shop-price__footer-item:hover img.on {
  display: block
}

@media screen and (max-width:767px) {
  .p-shop-price__footer-item {
    align-items: center;
    border-radius: 0;
    display: flex;
    flex: 1;
    font-size: 15px;
    height: 50px;
    justify-content: center;
    line-height: 1.2;
    text-align: center;
    width: auto
  }
  .p-shop-price__footer-item img {
    display: none!important
  }
}

.p-shop-price__body {
  border: 2px solid #f0ca00;
  border-radius: 20px;
  padding: 40px
}

.p-shop-price__body p {
  font-size: 15px;
  margin-bottom: 30px
}

.p-shop-price__body>* {
  display: none
}

.p-shop-price__body #content1 {
  display: block
}

@media screen and (max-width:767px) {
  .p-shop-price__body {
    border: 0;
    border-bottom: 2px solid #f0ca00;
    border-radius: 0;
    border-top: 2px solid #f0ca00;
    padding: 10px 0 0
  }
  .p-shop-price__body p {
    margin-bottom: 0;
    padding: 0 25px
  }
  .p-shop-price__body .is--scroll {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 6px
  }
  .p-shop-price__body figure {
    overflow: auto;
    padding: 10px 0 40px
  }
  .p-shop-price__body figure img {
    width: 750px
  }
}

.p-shop-state {
  padding: 80px 0 160px
}

@media screen and (max-width:767px) {
  .p-shop-state {
    padding: 60px 0 100px
  }
}

.p-shop-state__text {
  font-size: 12px;
  letter-spacing: .36px;
  padding-top: 20px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-shop-state__text {
    font-size: 14px;
    letter-spacing: .4px
  }
}

.p-shop-state__table {
  border-collapse: collapse;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 20px;
  overflow: hidden;
  width: 100%
}

.p-shop-state__table th {
  background-color: #53c3ef;
  border: 1px solid #9be6ff;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  line-height: 36px;
  text-align: center
}

.p-shop-state__table td {
  background-color: #faf8f4;
  border: 1px solid #e6dec7;
  font-size: 15px;
  letter-spacing: .45px;
  padding: 12px 0 14px;
  text-align: center
}

.p-shop-state__table td:first-of-type, .p-shop-state__table th:first-of-type {
  width: 169px
}

.p-shop-state__table td:nth-of-type(2), .p-shop-state__table th:nth-of-type(2) {
  width: 326px
}

.p-shop-state__table td:nth-of-type(3), .p-shop-state__table td:nth-of-type(4), .p-shop-state__table th:nth-of-type(3), .p-shop-state__table th:nth-of-type(4) {
  width: 251px
}

.p-shop-state__table tr.is--using td {
  background-color: #eff9ff
}

.p-shop-state__table tr.is--using td:nth-of-type(3), .p-shop-state__table tr.is--using td:nth-of-type(4) {
  color: #ff7f7b;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-shop-state__table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform: translateX(-25px);
    width: calc(100% + 50px)
  }
  .p-shop-state__table th {
    font-size: 13px;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 1.5;
    padding: 8px 0 10px
  }
  .p-shop-state__table td {
    padding: 10px 0 12px
  }
  .p-shop-state__table td:first-of-type, .p-shop-state__table th:first-of-type {
    width: 20%
  }
  .p-shop-state__table td:nth-of-type(2), .p-shop-state__table th:nth-of-type(2) {
    width: 38%
  }
  .p-shop-state__table td:nth-of-type(3), .p-shop-state__table th:nth-of-type(3) {
    width: 22%
  }
  .p-shop-state__table td:nth-of-type(4), .p-shop-state__table th:nth-of-type(4) {
    width: 20%
  }
}

.p-shop-state__text2 {
  color: #53c3ef;
  font-size: 13px;
  padding-top: 5px;
  text-align: right
}

@media screen and (max-width:767px) {
  .p-shop-state__text2 {
    text-align: center
  }
}

.p-shop-near {
  background-color: #faf8f4;
  padding-top: 67px
}

@media screen and (max-width:767px) {
  .p-shop-near {
    padding-top: 40px
  }
  .p-shop-near img.u-sp {
    width: 115px
  }
}

.p-shop-near__text {
  font-size: 14px;
  letter-spacing: .03em;
  padding-top: 20px;
  text-align: center
}

.p-shop-near__list {
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-service {
    position: relative
  }
  .p-service:before {
    background-color: #faf8f4;
    content: "";
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    top: -200px;
    width: 100%;
    z-index: -1
  }
}

.p-service-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px
}

.p-service-title img {
  height: 23px;
  width: auto
}

.p-service-top {
  background-color: #faf8f4;
  padding: 126px 0 70px
}

@media screen and (max-width:767px) {
  .p-service-top {
    padding: 40px 0 30px
  }
}

.p-service-top__title {
  color: #f0ca00;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .6px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-service-top__title {
    font-size: 20px;
    line-height: 1.45;
    margin: 0 -20px
  }
}

.p-service-top__contents {
  display: flex;
  justify-content: space-between;
  padding-top: 45px
}

@media screen and (max-width:767px) {
  .p-service-top__contents {
    display: block;
    line-height: 1.875;
    padding-top: 40px
  }
}

.p-service-top__text {
  font-size: 16px;
  letter-spacing: .8px;
  line-height: 2;
  width: 430px
}

.p-service-top__text span {
  color: #53c3ef;
  display: inline;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-service-top__text {
    line-height: 1.876;
    width: auto
  }
}

.p-service-top__picture {
  width: calc(100% - 480px)
}

@media screen and (max-width:767px) {
  .p-service-top__picture {
    margin: 30px -25px 0;
    width: auto
  }
  .p-service-top__picture img {
    width: 100%
  }
}

.p-service-three {
  padding: 50px 0 70px
}

@media screen and (max-width:767px) {
  .p-service-three {
    padding: 70px 0 0
  }
}

.p-service-three__illust {
  margin: 0 auto 20px;
  width: 340px
}

@media screen and (max-width:767px) {
  .p-service-three__illust {
    width: 270px
  }
}

.p-service-three__item {
  display: flex;
  justify-content: space-between;
  margin-top: 60px
}

@media screen and (max-width:767px) {
  .p-service-three__item {
    display: block;
    margin-top: 31px
  }
}

.p-service-three__item+.p-service-three__item {
  margin-top: 50px
}

@media screen and (max-width:767px) {
  .p-service-three__item+.p-service-three__item {
    margin-top: 40px
  }
}

.p-service-three__item:nth-of-type(3) .p-service-three__content {
  order: 2
}

.p-service-three__item:nth-of-type(3) .p-service-three__picture {
  order: 1
}

.p-service-three__content {
  width: 470px
}

@media screen and (max-width:767px) {
  .p-service-three__content {
    width: auto
  }
}

.p-service-three__content-title {
  display: flex
}

.p-service-three__content-title-number {
  color: #f0ca00;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 26px;
  width: 28px
}

@media screen and (max-width:767px) {
  .p-service-three__content-title-number {
    font-size: 19px
  }
}

.p-service-three__content-title-text {
  color: #53c3ef;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.3;
  width: calc(100% - 28px)
}

@media screen and (max-width:767px) {
  .p-service-three__content-title-text {
    font-size: 18px;
    line-height: 1.33
  }
}

.p-service-three__content-text {
  font-size: 15px;
  line-height: 1.6;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-service-three__content-text {
    line-height: 1.46
  }
}

.p-service-three__picture {
  width: 470px
}

@media screen and (max-width:767px) {
  .p-service-three__picture {
    margin-top: 20px;
    width: auto
  }
}

.p-service-two {
  padding: 70px 0 160px
}

@media screen and (max-width:767px) {
  .p-service-two {
    padding: 80px 0 100px
  }
}

.p-service-two__list {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-service-two__list {
    display: block;
    padding-top: 30px
  }
}

.p-service-two__item {
  flex: 1
}

@media screen and (max-width:767px) {
  .p-service-two__item+.p-service-two__item {
    margin-top: 30px
  }
}

.p-service-two__title {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0;
  padding-bottom: 12px
}

@media screen and (max-width:767px) {
  .p-service-two__title {
    padding-bottom: 15px
  }
}

.p-service-two__title-number {
  color: #f0ca00;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 26px
}

@media screen and (max-width:767px) {
  .p-service-two__title-number {
    margin-bottom: 5px
  }
}

.p-service-two__title-text {
  color: #53c3ef;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.3;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-service-two__title-text {
    font-size: 18px
  }
}

.p-service-two__text {
  font-size: 15px;
  line-height: 1.6;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-service-two__text {
    line-height: 1.46;
    padding-top: 15px
  }
}

.p-service-use {
  background-color: #faf8f4;
  padding: 60px 0 0
}

@media screen and (max-width:767px) {
  .p-service-use {
    padding-top: 40px
  }
}

.p-service-use .p-home-how__flow {
  gap: 35px;
  padding-left: 0;
  padding-right: 0
}

.p-service-use .p-home-how__flow-button a, .p-service-use .p-home-how__flow-title {
  width: 100%
}

.p-service-use .p-home-how__list {
  padding: 0
}

@media screen and (max-width:767px) {
  .p-self {
    position: relative
  }
  .p-self:before {
    background-color: #faf8f4;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    top: -210px;
    width: 100%;
    z-index: -1
  }
}

.p-self-flow {
  padding: 100px 0;
  position: relative
}

@media screen and (max-width:767px) {
  .p-self-flow {
    padding: 70px 0
  }
}

@media screen and (min-width:768px) {
  .p-self-flow:after {
    background-color: #faf8f4;
    content: "";
    height: 609px;
    left: 0;
    position: absolute;
    top: 688px;
    width: 100%;
    z-index: -1
  }
}

.p-self-flow__illust {
  margin-top: 60px;
  position: relative;
  transform: translateX(-76px);
  width: calc(100% + 152px)
}

@media screen and (max-width:767px) {
  .p-self-flow__illust {
    margin-top: 34px;
    transform: none;
    width: auto
  }
  .p-self-flow__illust>img {
    display: none
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title1 {
    left: 116px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title1:before {
    background-image: url(../images/flow-no1.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title2 {
    left: 483px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title2:before {
    background-image: url(../images/flow-no2.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title3 {
    left: 891px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title3:before {
    background-image: url(../images/flow-no3.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title4 {
    left: 128px;
    top: 555px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title4:before {
    background-image: url(../images/self_flow_step01.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title5 {
    left: 399px;
    top: 555px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title5:before {
    background-image: url(../images/self_flow_step02.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title6 {
    left: 710px;
    top: 555px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title6:before {
    background-image: url(../images/self_flow_step03.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title7 {
    left: 264px;
    top: 801px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title7:before {
    background-image: url(../images/self_flow_step06.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title8 {
    left: 571px;
    top: 801px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title8:before {
    background-image: url(../images/self_flow_step05.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title9 {
    left: 844px;
    top: 801px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title9:before {
    background-image: url(../images/self_flow_step04.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title10 {
    left: 203px;
    top: 1162px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title10:before {
    background-image: url(../images/flow-no5.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title11 {
    left: 518px;
    top: 1162px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title11:before {
    background-image: url(../images/flow-no6.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title12 {
    left: 787px;
    top: 1162px
  }
  .p-self-flow__illust .title13 {
    left: 824px;
    top: 1575px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title13:before {
    background-image: url(../images/flow-no7.svg)
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title14 {
    left: 157px;
    line-height: 1.5;
    top: 1684px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .title14 {
    margin-top: 55px
  }
  .p-self-flow__illust .title14:before {
    background-image: url(../images/flow-no8.svg);
    top: 2px
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .title15 {
    left: 486px;
    line-height: 1.5;
    top: 452px
  }
  .p-self-flow__illust .text1 {
    left: 86px;
    top: 287px;
    width: 270px
  }
  .p-self-flow__illust .text2 {
    left: 446px;
    top: 287px;
    width: 270px
  }
  .p-self-flow__illust .text3 {
    left: 880px;
    top: 287px;
    width: 120px
  }
  .p-self-flow__illust .text4 {
    left: 234px;
    top: 966px;
    width: 280px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .text4 {
    margin-bottom: 20px
  }
}

@media screen and (min-width:768px) {
  .p-self-flow__illust .text5 {
    left: 550px;
    top: 966px;
    width: 250px
  }
  .p-self-flow__illust .text6 {
    left: 200px;
    top: 1416px;
    width: 210px
  }
  .p-self-flow__illust .text7 {
    left: 498px;
    top: 1416px;
    width: 180px
  }
  .p-self-flow__illust .text8 {
    left: 766px;
    top: 1416px;
    width: 230px
  }
  .p-self-flow__illust .text9 {
    left: 791px;
    top: 1774px;
    width: 190px
  }
}

@media screen and (max-width:767px) {
  .p-self-flow__illust .image4 {
    margin-top: 30px
  }
  .p-self-flow__illust .image11 {
    position: absolute
  }
  .p-self-flow__illust .container2 {
    padding-bottom: 230px
  }
  .p-self-flow__illust .container3 {
    margin-top: 87px;
    padding-top: 20px
  }
}

.p-self-check {
  background-color: #f2faff;
  padding: 40px 0 70px
}

.p-self-check__title {
  color: #53c3ef;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .6px;
  text-align: center
}

.p-self-check__title.is--anchor {
  margin-top: -70px;
  padding-top: 70px
}

@media screen and (max-width:767px) {
  .p-self-check__title.is--anchor {
    margin-top: -50px;
    padding-top: 50px
  }
}

.p-self-check__table {
  border: 1px solid #c4ae83;
  border-radius: 10px;
  margin-top: 30px;
  overflow: hidden;
  width: 100%
}

.p-self-check__table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

.p-self-check__table td, .p-self-check__table th {
  background-color: #fff
}

.p-self-check__table td img, .p-self-check__table th img {
  height: 14px;
  width: 14px
}

.p-self-check__table td img[alt=✕], .p-self-check__table th img[alt=✕] {
  height: 11px;
  width: 11px
}

.p-self-check__table td span {
  font-size: 13px
}

.p-self-check__table th {
  background-color: #faf8f4;
  border-right: 1px solid #c4ae83;
  color: #907a62;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .p-self-check__table th {
    height: 45px
  }
  .p-self-check__table th:last-child {
    border-right: none
  }
}

@media screen and (min-width:768px) {
  .p-self-check__table tr:first-child th {
    width: 120px
  }
  .p-self-check__table tr:first-child td:nth-child(2) {
    width: 138px
  }
  .p-self-check__table tr:first-child td:nth-child(3) {
    width: 169px
  }
  .p-self-check__table tr:first-child td:nth-child(4) {
    width: 200px
  }
  .p-self-check__table tr:first-child td:nth-child(5) {
    width: 63px
  }
  .p-self-check__table tr:first-child td:nth-child(6) {
    width: 108px
  }
  .p-self-check__table tr:first-child td:nth-child(7) {
    width: 115px
  }
  .p-self-check__table tr:first-child td:nth-child(8) {
    width: 78px
  }
  .p-self-check__table tr:not(:first-child) td {
    font-size: 0;
    text-align: center;
    vertical-align: middle
  }
  .p-self-check__table td {
    border-left: 1px solid #e6dec7
  }
  .p-self-check__table tr:first-child th {
    border-bottom: 1px solid #c4ae83
  }
  .p-self-check__table tr:first-child td {
    border-bottom: 1px solid #c4ae83;
    font-size: 15px;
    font-weight: 700;
    height: 60px;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle
  }
  .p-self-check__table tr:not(:first-child) td, .p-self-check__table tr:not(:first-child) th {
    height: 55px
  }
  .p-self-check__table tr:last-child td, .p-self-check__table tr:last-child th {
    border-top: 1px solid #e6dec7
  }
}

@media screen and (max-width:767px) {
  .p-self-check__table td, .p-self-check__table th {
    font-size: 15px;
    line-height: 1.33
  }
  .p-self-check__table td:first-child, .p-self-check__table th:first-child {
    width: 50%
  }
  .p-self-check__table td:nth-child(2), .p-self-check__table td:nth-child(3), .p-self-check__table th:nth-child(2), .p-self-check__table th:nth-child(3) {
    width: 25%
  }
  .p-self-check__table th {
    border-bottom: 1px solid #c4ae83
  }
  .p-self-check__table td {
    border-bottom: 1px solid #e6dec7;
    border-right: 1px solid #c4ae83;
    padding: 9px 0 10px;
    text-align: center;
    vertical-align: middle
  }
  .p-self-check__table td img {
    vertical-align: middle
  }
  .p-self-check__table td:last-child {
    border-right: none
  }
  .p-self-check__table tr:last-child td {
    border-bottom: none
  }
}

.p-self-check__text {
  color: #53c3ef;
  font-size: 13px;
  font-weight: 700;
  padding-top: 15px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-self-check__text {
    line-height: 1.33;
    padding-top: 10px;
    text-align: left
  }
}

.p-self-check__button {
  padding-top: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-self-check__button {
    padding-top: 30px
  }
}

.p-self-check__button a {
  width: 340px
}

@media screen and (max-width:767px) {
  .p-self-check__button a {
    height: 45px;
    line-height: 45px;
    width: 100%
  }
  .p-staff {
    position: relative
  }
  .p-staff:before {
    background-color: #faf8f4;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    top: -190px;
    width: 100%;
    z-index: -1
  }
}

.p-staff-flow {
  padding: 100px 0 80px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-staff-flow {
    padding: 70px 0 50px
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow:after {
    background-color: #faf8f4;
    content: "";
    height: 1208px;
    left: 0;
    position: absolute;
    top: 667px;
    width: 100%;
    z-index: -1
  }
}

.p-staff-flow__illust {
  margin-top: 60px;
  position: relative;
  transform: translateX(-25px);
  width: calc(100% + 50px)
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust {
    margin-top: 34px;
    transform: none;
    width: auto
  }
  .p-staff-flow__illust>img {
    display: none
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title1 {
    left: 35px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title1:before {
    background-image: url(../images/flow-no1.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title2 {
    left: 423px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title2:before {
    background-image: url(../images/flow-no2.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title3 {
    left: 794px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title3:before {
    background-image: url(../images/flow-no3.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title4 {
    left: 141px;
    top: 557px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title4:before {
    background-image: url(../images/full-service_flow_takumi01.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title5 {
    left: 457px;
    top: 557px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title5:before {
    background-image: url(../images/full-service_flow_takumi02.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title6 {
    left: 798px;
    top: 557px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title6:before {
    background-image: url(../images/full-service_flow_takumi03.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title7 {
    left: 123px;
    top: 940px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title7:before {
    background-image: url(../images/full-service_flow_takumi06.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title8 {
    left: 444px;
    top: 940px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title8:before {
    background-image: url(../images/full-service_flow_takumi05.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title9 {
    left: 794px;
    top: 940px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title9:before {
    background-image: url(../images/full-service_flow_takumi04.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title10 {
    left: 100px;
    top: 1312px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title10:before {
    background-image: url(../images/full-service_flow_takumi07.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title11 {
    left: 472px;
    top: 1312px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title11:before {
    background-image: url(../images/full-service_flow_takumi08.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title12 {
    left: 794px;
    top: 1312px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title12:before {
    background-image: url(../images/full-service_flow_takumi09.svg)
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title14 {
    left: 173px;
    line-height: 1;
    top: 1839px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .title14 {
    margin-top: 55px
  }
  .p-staff-flow__illust .title14:before {
    background-image: url(../images/flow-no5.svg);
    top: 2px
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .title15 {
    left: 424px;
    line-height: 1.2;
    top: 442px
  }
  .p-staff-flow__illust .text1 {
    left: 35px;
    top: 273px;
    width: 270px
  }
  .p-staff-flow__illust .text2 {
    left: 390px;
    top: 273px;
    width: 270px
  }
  .p-staff-flow__illust .text3 {
    left: 726px;
    top: 273px;
    width: 260px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .text3 {
    padding-bottom: 60px
  }
}

@media screen and (min-width:768px) {
  .p-staff-flow__illust .text4 {
    left: 83px;
    top: 781px;
    width: 250px
  }
  .p-staff-flow__illust .text5 {
    left: 402px;
    top: 781px;
    width: 250px
  }
  .p-staff-flow__illust .text6 {
    left: 721px;
    top: 798px;
    width: 250px
  }
  .p-staff-flow__illust .text7 {
    left: 83px;
    top: 1185px;
    width: 250px
  }
  .p-staff-flow__illust .text8 {
    left: 402px;
    top: 1185px;
    width: 250px
  }
  .p-staff-flow__illust .text9 {
    left: 721px;
    top: 1185px;
    width: 250px
  }
  .p-staff-flow__illust .text10 {
    left: 83px;
    top: 1543px;
    width: 250px
  }
  .p-staff-flow__illust .text11 {
    left: 402px;
    top: 1543px;
    width: 250px
  }
  .p-staff-flow__illust .text12 {
    left: 730px;
    top: 1543px;
    width: 250px
  }
}

@media screen and (max-width:767px) {
  .p-staff-flow__illust .text12 {
    padding-bottom: 40px
  }
}

.p-staff-takumi {
  align-items: center;
  display: flex;
  gap: 88px;
  justify-content: space-between;
  padding-bottom: 120px
}

@media screen and (max-width:767px) {
  .p-staff-takumi {
    display: block;
    padding-bottom: 100px
  }
}

.p-staff-takumi__text {
  color: #f0ca00;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .57px;
  position: relative;
  white-space: nowrap;
  width: calc(100% - 648px)
}

@media screen and (max-width:767px) {
  .p-staff-takumi__text {
    line-height: 1.37;
    text-align: center;
    width: auto
  }
}

.p-staff-takumi__text:after {
  background-image: url(../images/full-service_triangle_pc.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 21.6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  width: 88px
}

@media screen and (max-width:767px) {
  .p-staff-takumi__text:after {
    background-image: url(../images/full-service_triangle_sp.svg);
    background-size: 40px 35px;
    display: block;
    height: 35px;
    margin: 0 auto;
    position: static;
    transform: none;
    width: 40px
  }
}

.p-staff-takumi__bnr {
  transition: opacity .3s;
  width: 560px
}

@media screen and (max-width:767px) {
  .p-staff-takumi__bnr {
    width: auto
  }
}

.p-staff-takumi__bnr:hover {
  opacity: .8
}

.p-staff-items {
  background-color: #f2faff;
  padding: 36px 0 90px
}

@media screen and (max-width:767px) {
  .p-staff-items {
    padding-bottom: 60px
  }
}

.p-staff-items__title {
  color: #53c3ef;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .03em;
  text-align: center
}

.p-staff-items__title.is--anchor {
  margin-top: -70px;
  padding-top: 70px
}

@media screen and (max-width:767px) {
  .p-staff-items__title.is--anchor {
    margin-top: -50px;
    padding-top: 50px
  }
}

.p-staff-items__text {
  font-size: 14px;
  padding-top: 30px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-staff-items__text {
    font-size: 15px;
    line-height: 1.47;
    padding-top: 15px;
    text-align: left
  }
}

.p-staff-items__list {
  padding-top: 50px
}

@media screen and (max-width:767px) {
  .p-staff-items__list {
    padding-top: 20px
  }
}

.p-staff-items__list .p-home-how__list-item:nth-child(2n):after {
  background-color: #a5e2f5
}

.p-staff-items__button {
  padding-top: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-staff-items__button {
    padding-top: 30px
  }
}

.p-staff-items__button a {
  width: 340px
}

@media screen and (max-width:767px) {
  .p-staff-items__button a {
    height: 45px;
    line-height: 45px;
    width: 100%
  }
  .p-delivery {
    position: relative
  }
  .p-delivery:before {
    background-color: #faf8f4;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    top: -190px;
    width: 100%;
    z-index: -1
  }
}

.p-delivery-solution {
  padding: 93px 0 100px
}

@media screen and (max-width:767px) {
  .p-delivery-solution {
    padding: 74px 0 40px
  }
}

.p-delivery-solution__list {
  display: flex;
  gap: 40px;
  padding-top: 50px
}

@media screen and (max-width:767px) {
  .p-delivery-solution__list {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding-top: 30px
  }
}

.p-delivery-solution__list img {
  flex: 1;
  width: auto
}

.p-delivery-car {
  background-color: #f2faff
}

@media screen and (max-width:767px) {
  .p-delivery-car {
    padding-top: 80px;
    position: relative
  }
  .p-delivery-car:before {
    background: url(../images/bk_delivery_sp.svg) no-repeat 50%/100% 58px;
    content: "";
    display: block;
    height: 58px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }
}

.p-delivery-car__inner {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 0 105px 60px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-delivery-car__inner {
    display: block;
    padding: 0
  }
}

.p-delivery-car__title {
  color: #53c3ef;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1.4px;
  line-height: 1.4;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-delivery-car__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.46
  }
}

@media screen and (min-width:768px) {
  .p-delivery-car__illust {
    left: 380px;
    position: absolute;
    top: -113px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-car__illust {
    margin: 29px -25px 0
  }
}

.p-delivery-car__hukidashi {
  background-image: url(../images/delivery_fukidashi_pc.svg);
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  height: 37px;
  line-height: 37px;
  margin-top: 130px;
  text-align: center;
  width: 250px
}

@media screen and (max-width:767px) {
  .p-delivery-car__hukidashi {
    background-image: url(../images/delivery_fukidashi_sp.svg);
    font-size: 17px;
    font-weight: 700;
    height: 49px;
    line-height: 37px;
    margin: 30px auto 10px;
    width: 281px
  }
}

.p-delivery-car__text {
  margin-left: 13.5px;
  margin-top: 125px;
  width: 610px
}

@media screen and (max-width:767px) {
  .p-delivery-car__text {
    font-size: 15px;
    letter-spacing: .6px;
    line-height: 1.67;
    margin: 0;
    width: auto
  }
  .p-delivery-car__text span {
    display: inline
  }
}

.p-delivery-flow {
  background-color: #faf8f4;
  padding: 105px 0 90px;
  position: relative
}

.p-delivery-flow:after {
  background-color: #f2faff;
  content: "";
  height: 61px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%
}

.p-delivery-flow .p-app__wave {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-delivery-flow .p-app__wave {
    top: 30px
  }
}

.p-delivery-flow__illust {
  margin-top: 60px;
  position: relative;
  transform: translateX(-25px);
  width: calc(100% + 50px)
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust {
    margin-top: 34px;
    transform: none;
    width: auto
  }
  .p-delivery-flow__illust>img {
    display: none
  }
}

@media screen and (min-width:768px) {
  .p-delivery-flow__illust .title1 {
    left: 60px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust .title1:before {
    background-image: url(../images/flow-no1.svg)
  }
}

@media screen and (min-width:768px) {
  .p-delivery-flow__illust .title2 {
    left: 439px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust .title2:before {
    background-image: url(../images/flow-no2.svg)
  }
}

@media screen and (min-width:768px) {
  .p-delivery-flow__illust .title3 {
    left: 784px;
    top: 37px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust .title3:before {
    background-image: url(../images/flow-no3.svg)
  }
}

@media screen and (min-width:768px) {
  .p-delivery-flow__illust .title4 {
    left: 235px;
    top: 434px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust .title4:before {
    background-image: url(../images/flow-no5.svg)
  }
}

@media screen and (min-width:768px) {
  .p-delivery-flow__illust .title5 {
    left: 646px;
    top: 434px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust .title5:before {
    background-image: url(../images/flow-no4_1.svg)
  }
}

@media screen and (min-width:768px) {
  .p-delivery-flow__illust .text1 {
    left: 35px;
    top: 274px;
    width: 270px
  }
  .p-delivery-flow__illust .text2 {
    left: 380px;
    top: 274px;
    width: 270px
  }
  .p-delivery-flow__illust .text3 {
    left: 715px;
    top: 303px;
    width: 260px
  }
  .p-delivery-flow__illust .text4 {
    left: 141px;
    top: 730px
  }
  .p-delivery-flow__illust .text5 {
    left: 569px;
    top: 730px;
    width: 290px
  }
}

@media screen and (max-width:767px) {
  .p-delivery-flow__illust .text5 {
    margin-bottom: -30px;
    padding-bottom: 85px
  }
}

.p-delivery-flow__movie {
  padding-top: 90px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie {
    padding-top: 80px
  }
}

.p-delivery-flow__movie-title {
  position: relative;
  text-align: center
}

.p-delivery-flow__movie-title:after {
  background-color: #f0ca00;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.p-delivery-flow__movie-title span {
  background-color: #faf8f4;
  color: #f0ca00;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.2px;
  padding: 0 20px;
  position: relative;
  z-index: 1
}

.p-delivery-flow__movie-inner {
  display: flex;
  justify-content: space-between;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-inner {
    display: block;
    padding-top: 20px
  }
}

.p-delivery-flow__movie-content {
  width: 470px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-content {
    width: auto
  }
}

.p-delivery-flow__movie-content h2 {
  color: #53c3ef;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: .7px;
  line-height: 1.47;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-content h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    padding-top: 0;
    text-align: center
  }
}

.p-delivery-flow__movie-content p {
  font-size: 15px;
  line-height: 1.46;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-content p {
    padding-top: 15px
  }
}

.p-delivery-flow__movie-video {
  transition: opacity .3s;
  width: 480px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-video {
    padding-top: 20px;
    width: auto
  }
}

.p-delivery-flow__movie-video:hover {
  opacity: .8
}

.p-delivery-flow__movie-video video {
  vertical-align: middle;
  width: 100%
}

.p-delivery-flow__movie-button {
  padding-top: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-button {
    padding-top: 30px
  }
}

.p-delivery-flow__movie-button a {
  width: 360px
}

@media screen and (max-width:767px) {
  .p-delivery-flow__movie-button a {
    height: 45px;
    line-height: 45px;
    width: 100%
  }
}

.p-araeruno-top {
  background-color: #faf8f4;
  padding: 26px 0 80px
}

.p-araeruno-top__title {
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-araeruno-top__title {
    font-size: 21px;
    letter-spacing: 1.05px;
    line-height: 1.52
  }
}

.p-araeruno-top__text {
  font-size: 15px;
  letter-spacing: .75px;
  line-height: 1.6;
  padding-top: 30px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-araeruno-top__text {
    font-size: 15px;
    letter-spacing: .75px;
    line-height: 1.6;
    padding-top: 15px;
    text-align: left
  }
}

.p-araeruno-top__figure {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .p-araeruno-top__figure {
    margin-top: 30px
  }
}

.p-araeruno-about {
  padding: 85px 0 145px
}

@media screen and (max-width:767px) {
  .p-araeruno-about {
    padding: 68px 0 96px
  }
}

.p-araeruno-about__item {
  padding-top: 50px
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item {
    padding-top: 30px
  }
}

.p-araeruno-about__item+.p-araeruno-about__item {
  padding-top: 60px
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item+.p-araeruno-about__item {
    padding-top: 40px
  }
}

.p-araeruno-about__item:nth-child(2) .p-araeruno-about__item-img {
  order: 1
}

@media screen and (min-width:768px) {
  .p-araeruno-about__item:nth-child(2) .p-araeruno-about__item-img {
    width: 370px
  }
}

.p-araeruno-about__item:nth-child(2) .p-araeruno-about__item-text {
  order: 2
}

@media screen and (min-width:768px) {
  .p-araeruno-about__item:nth-child(2) .p-araeruno-about__item-text, .p-araeruno-about__item:nth-child(3) .p-araeruno-about__item-img {
    width: 600px
  }
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item:nth-child(3) .p-araeruno-about__item-img {
    order: 1
  }
}

@media screen and (min-width:768px) {
  .p-araeruno-about__item:nth-child(3) .p-araeruno-about__item-text {
    width: 370px
  }
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item:nth-child(3) .p-araeruno-about__item-text {
    order: 2
  }
}

@media screen and (min-width:768px) {
  .p-araeruno-about__item:nth-child(4) .p-araeruno-about__item-img {
    width: 370px
  }
}

.p-araeruno-about__item:nth-child(4) .p-araeruno-about__item-text {
  order: 2
}

@media screen and (min-width:768px) {
  .p-araeruno-about__item:nth-child(4) .p-araeruno-about__item-text {
    width: 600px
  }
}

.p-araeruno-about__item-header {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item-header {
    flex-direction: column;
    gap: 10px;
    text-align: center
  }
}

.p-araeruno-about__item-header img {
  height: 26px;
  width: 95px
}

.p-araeruno-about__item-header span {
  color: #f0ca00;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .57px
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item-header span {
    font-size: 20px;
    line-height: 1.45
  }
}

.p-araeruno-about__item-media {
  align-items: center;
  display: flex;
  gap: 30px;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-araeruno-about__item-media {
    flex-direction: column;
    gap: 10px;
    padding-top: 15px
  }
}

.p-araeruno-about__item-text {
  font-size: 15px;
  letter-spacing: .75px;
  line-height: 1.7
}

.p-araeruno-about__item-text span {
  display: inline
}

.p-araeruno-about__button {
  padding-top: 70px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-araeruno-about__button {
    padding-top: 40px
  }
}

.p-araeruno-about__button a {
  width: 360px
}

@media screen and (max-width:767px) {
  .p-araeruno-about__button a {
    height: 50px;
    line-height: 50px;
    width: 100%
  }
}

.p-araeruno-service {
  padding: 70px 0 0
}

.p-araeruno-service__list {
  padding-top: 30px
}

.p-philosophy-message {
  padding: 34px 0 80px
}

@media screen and (max-width:767px) {
  .p-philosophy-message {
    padding-bottom: 0
  }
}

.p-philosophy-message .c-container {
  position: relative
}

@media screen and (max-width:767px) {
  .p-philosophy-message__content .c-title-section__ja {
    font-size: 22px!important;
    line-height: 1.45
  }
}

.p-philosophy-message__content-text {
  color: #53c3ef;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .7px;
  line-height: 1.4;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-philosophy-message__content-text {
    line-height: 1.29;
    padding-top: 20px
  }
}

.p-philosophy-message__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 580px
}

@media screen and (max-width:767px) {
  .p-philosophy-message__img {
    margin-top: 20px;
    position: static;
    width: auto
  }
}

.p-philosophy-message__text {
  font-size: 15px;
  line-height: 1.86;
  padding-top: 100px
}

@media screen and (max-width:767px) {
  .p-philosophy-message__text {
    line-height: 1.6;
    padding-top: 30px
  }
}

.p-philosophy-message__text span {
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-philosophy-message__text span {
    display: inline
  }
}

.p-philosophy-concept {
  padding: 80px 0 140px
}

@media screen and (max-width:767px) {
  .p-philosophy-concept {
    padding-bottom: 106px;
    padding-top: 120px
  }
  .p-philosophy-concept .c-title-section__ja {
    font-size: 20px!important;
    line-height: 1.45
  }
}

.p-philosophy-concept__list {
  display: flex;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-philosophy-concept__list {
    display: block;
    padding-top: 28px
  }
}

.p-philosophy-concept__item {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 0;
  padding: 0 25px 20px
}

@media screen and (max-width:767px) {
  .p-philosophy-concept__item {
    padding: 0
  }
}

@media screen and (min-width:768px) {
  .p-philosophy-concept__item:first-child {
    border-left: 1px solid #b5dced
  }
  .p-philosophy-concept__item:last-child, .p-philosophy-concept__item:not(:last-child) {
    border-right: 1px solid #b5dced
  }
}

@media screen and (max-width:767px) {
  .p-philosophy-concept__item+.p-philosophy-concept__item {
    margin-top: 18px
  }
}

.p-philosophy-concept__item-number {
  color: #f0ca00;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.4px
}

@media screen and (max-width:767px) {
  .p-philosophy-concept__item-number {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
    letter-spacing: 1.2px;
    white-space: nowrap;
    width: 100%
  }
  .p-philosophy-concept__item-number:after, .p-philosophy-concept__item-number:before {
    background: #53c3ef;
    content: "";
    display: block;
    height: 1px;
    width: 100%
  }
  .p-philosophy-concept__item-number:before {
    margin-right: 10px
  }
  .p-philosophy-concept__item-number:after {
    margin-left: 10px
  }
}

.p-philosophy-concept__item-text {
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  padding-top: 9px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-philosophy-concept__item-text {
    padding-top: 0
  }
}

.p-philosophy-list {
  background-color: #f2faff;
  padding: 70px 0 0;
  position: relative
}

.p-philosophy-list:after {
  background-color: #f2faff;
  bottom: 0;
  content: "";
  height: 500px;
  left: 0;
  position: absolute;
  transform: translateY(100%);
  width: 100%;
  z-index: -1
}

@media screen and (max-width:767px) {
  .p-philosophy-list .c-title-section__ja {
    font-size: 20px!important
  }
}

.p-philosophy-list__list {
  padding-top: 40px
}

@media screen and (min-width:768px) {
  .p-philosophy-list__list {
    display: flex;
    flex-wrap: wrap;
    gap: 60px
  }
}

@media screen and (max-width:767px) {
  .p-philosophy-list__list {
    padding-top: 30px
  }
}

.p-philosophy-list__item {
  background-color: #fff;
  border: 1px solid #53c3ef;
  border-radius: 20px;
  padding: 30px 35px;
  text-align: center
}

@media screen and (min-width:768px) {
  .p-philosophy-list__item {
    width: calc(50% - 30px)
  }
}

@media screen and (max-width:767px) {
  .p-philosophy-list__item {
    padding: 24px 28px
  }
  .p-philosophy-list__item+.p-philosophy-list__item {
    margin-top: 25px
  }
}

.p-philosophy-list__item-label {
  color: #f0ca00;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .96px
}

@media screen and (max-width:767px) {
  .p-philosophy-list__item-label {
    font-size: 15px;
    line-height: 1
  }
}

.p-philosophy-list__item-title {
  color: #53c3ef;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1.3px;
  line-height: 1.45;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-philosophy-list__item-title {
    font-size: 19px
  }
}

.p-philosophy-list__item-text {
  font-size: 15px;
  line-height: 1.46;
  padding-top: 20px
}

.p-philosophy-list__item-text span {
  color: #53c3ef;
  font-weight: 700
}

.p-philosophy-list__item-text sup {
  font-size: .6em;
  vertical-align: text-top
}

.p-philosophy-list__item-blue {
  color: #53c3ef;
  font-size: 13px;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-philosophy-list__item-blue {
    line-height: 1.38;
    padding-top: 20px
  }
}

.p-company__title {
  color: #53c3ef;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .6px
}

@media screen and (max-width:767px) {
  .p-company__title {
    padding-bottom: 15px
  }
}

.p-company-main {
  padding: 36px 0 80px
}

@media screen and (max-width:767px) {
  .p-company-main {
    padding: 30px 0 55px
  }
}

.p-company-main__inner {
  margin-top: 16px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-company-main__inner {
    margin-top: 0
  }
}

.p-company-main__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 430px
}

@media screen and (max-width:767px) {
  .p-company-main__img {
    position: static;
    width: 100%
  }
}

.p-company-main__item {
  border-top: 1px solid #d9ecf5;
  display: flex;
  padding: 20px 0
}

.p-company-main__item:last-child {
  border-bottom: 1px solid #d9ecf5
}

@media screen and (max-width:767px) {
  .p-company-main__item {
    display: block;
    padding: 20px 0 15px
  }
}

.p-company-main__item-title {
  color: #53c3ef;
  font-size: 14px;
  font-weight: 700;
  width: 200px
}

@media screen and (max-width:767px) {
  .p-company-main__item-title {
    padding-bottom: 3px;
    width: 100%
  }
}

.p-company-main__item-body {
  width: calc(100% - 200px)
}

.p-company-main__item-body a {
  color: #53c3ef;
  text-decoration: underline
}

.p-company-main__item-body a.c-button-type1 {
  text-decoration: none
}

@media screen and (max-width:767px) {
  .p-company-main__item-body {
    width: 100%
  }
}

.p-company-main__item-text1 {
  font-size: 15px;
  line-height: 1.46
}

.p-company-main__item-text1+.p-company-main__item-text1 {
  margin-top: 10px
}

.p-company-main__item-text2 {
  font-size: 13px
}

.p-company-main__item-button {
  font-size: 0;
  padding-top: 10px
}

.p-company-main__item-button a {
  height: 26px;
  line-height: 24px
}

.p-company-log {
  padding: 80px 0 120px
}

@media screen and (max-width:767px) {
  .p-company-log {
    padding: 55px 0 100px
  }
}

.p-company-log__inner {
  display: flex
}

@media screen and (max-width:767px) {
  .p-company-log__inner {
    display: block
  }
}

.p-company-log__title {
  width: 160px
}

@media screen and (max-width:767px) {
  .p-company-log__title {
    width: 100%
  }
}

.p-company-log__box {
  background-color: #f2faff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
  padding: 30px 45px;
  position: relative;
  width: calc(100% - 160px)
}

.p-company-log__box:after {
  background-color: #53c3ef;
  content: "";
  height: calc(100% - 60px);
  left: 185px;
  position: absolute;
  top: 35px;
  width: 1px
}

@media screen and (max-width:767px) {
  .p-company-log__box {
    padding: 20px 20px 25px;
    width: 100%
  }
  .p-company-log__box:after {
    height: calc(100% - 45px);
    left: 76px;
    position: absolute;
    top: 20px
  }
}

.p-company-log__item {
  display: flex
}

.p-company-log__item+.p-company-log__item {
  padding-top: 20px
}

@media screen and (max-width:767px) {
  .p-company-log__item+.p-company-log__item {
    padding-top: 10px
  }
}

.p-company-log__item-header {
  color: #53c3ef;
  width: 140px
}

@media screen and (max-width:767px) {
  .p-company-log__item-header {
    color: #53c3ef;
    width: 56px
  }
}

.p-company-log__item-body {
  font-size: 15px;
  line-height: 1.46;
  padding-left: 75px;
  width: calc(100% - 140px)
}

@media screen and (max-width:767px) {
  .p-company-log__item-body {
    padding-left: 20px;
    width: calc(100% - 56px)
  }
}

.p-company-documents {
  background-color: #faf8f4;
  padding: 100px 0 0
}

@media screen and (max-width:767px) {
  .p-company-documents {
    padding-top: 40px
  }
}

.p-company-documents__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 60px;
  padding-top: 30px
}

.p-company-documents__list.is--pt0 {
  padding-top: 0
}

@media screen and (max-width:767px) {
  .p-company-documents__list {
    flex-direction: column;
    gap: 20px;
    padding-top: 5px
  }
}

.p-company-documents__item {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
  color: #818181;
  display: block;
  padding: 20px 26px 22px 15px;
  text-align: center;
  transition: background .4s ease;
  width: calc(50% - 30px)
}

.p-company-documents__item.is--small {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.p-company-documents__item.is--small .p-company-documents__title {
  text-align: left;
  width: calc(100% - 140px)
}

.p-company-documents__item.is--small .p-company-main__item-button2 {
  width: 130px
}

.p-company-documents__item img {
  max-width: 100%;
  width: auto
}

.p-company-documents__item:hover {
  background: #eff9ff
}

@media screen and (max-width:767px) {
  .p-company-documents__item {
    border-radius: 10px;
    padding: 20px;
    width: 100%
  }
  .p-company-documents__item.is--small {
    display: block;
    padding: 0 20px 12px
  }
  .p-company-documents__item.is--small .p-company-documents__item-title {
    margin-top: 10px;
    padding-bottom: 5px!important;
    width: 100%
  }
  .p-company-documents__item.is--small .p-company-main__item-button2 {
    width: 100%
  }
}

.p-company-documents__item-title {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-company-documents__item-title {
    font-size: 16px
  }
}

.p-company-documents__item-text {
  font-size: 14px;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-company-documents__item-text {
    font-size: 13px
  }
}

.p-company-documents__item-button1 {
  padding-top: 20px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-company-documents__item-button1 {
    padding-top: 15px
  }
}

.p-company-documents__item-size {
  color: #53c3ef;
  font-size: 13px;
  padding-top: 7px
}

.p-company-documents__title {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 80px
}

.p-company-documents__title>span {
  color: #818181;
  font-size: 14px;
  margin-left: 20px
}

.p-company-documents__title>span>span {
  font-size: 13px;
  margin-left: 0
}

@media screen and (max-width:767px) {
  .p-company-documents__title {
    margin-bottom: 10px;
    margin-top: 40px
  }
  .p-company-documents__title>span {
    display: block;
    margin-left: 0
  }
}

.p-recruit-top {
  background-color: #faf8f4;
  padding-top: 10px
}

@media screen and (max-width:767px) {
  .p-recruit-top {
    margin-top: -6.3vw;
    padding-top: 45px
  }
}

.p-recruit-top__title {
  color: #f0ca00;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.4
}

@media screen and (max-width:767px) {
  .p-recruit-top__title {
    font-size: 21px;
    letter-spacing: 1px;
    line-height: 1.3
  }
}

.p-recruit-top__text {
  font-size: 15px;
  padding-top: 25px
}

.p-recruit-top__text span {
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-recruit-top__text {
    padding-top: 20px
  }
}

.p-recruit-top__tab {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding-top: 65px
}

.p-recruit-top__tab.is--pc-pt30 {
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-recruit-top__tab {
    gap: 3px;
    padding-top: 40px;
    transform: translateX(-25px);
    width: calc(100% + 50px)
  }
}

.p-recruit-top__tab-item {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column
}

.p-recruit-top__tab-item span:first-of-type {
  align-items: flex-end;
  display: flex;
  height: 39px;
  justify-content: center;
  width: 46px
}

.p-recruit-top__tab-item span:first-of-type img:nth-of-type(2) {
  display: none
}

.p-recruit-top__tab-item span:nth-of-type(2) {
  background-color: #e8f8ff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #53c3ef;
  font-size: 18px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 100%
}

.p-recruit-top__tab-item.is--active span:first-of-type img:nth-of-type(2), .p-recruit-top__tab-item:hover span:first-of-type img:nth-of-type(2) {
  display: block
}

.p-recruit-top__tab-item.is--active span:first-of-type img:first-of-type, .p-recruit-top__tab-item:hover span:first-of-type img:first-of-type {
  display: none
}

.p-recruit-top__tab-item.is--active span:nth-of-type(2), .p-recruit-top__tab-item:hover span:nth-of-type(2) {
  background-color: #53c3ef;
  color: #fff
}

@media screen and (max-width:767px) {
  .p-recruit-top__tab-item span:nth-of-type(2) {
    align-items: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    font-size: 16px;
    height: 55px;
    justify-content: center;
    line-height: 1.25
  }
}

.p-recruit-content {
  padding-top: 60px
}

.p-recruit-content #content1, .p-recruit-content #content2, .p-recruit-content #content3 {
  display: none
}

.p-recruit-content #content1 {
  display: block
}

@media screen and (max-width:767px) {
  .p-recruit-content {
    padding-top: 30px
  }
}

.p-recruit-content__title {
  color: #f0ca00;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .05em
}

@media screen and (max-width:767px) {
  .p-recruit-content__title {
    font-size: 18px;
    letter-spacing: .9px;
    line-height: 1.25
  }
}

.p-recruit-content__text span {
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-recruit-content__text {
    font-size: 15px;
    letter-spacing: .45px;
    line-height: 1.46
  }
  .p-recruit-content__text span {
    display: inline
  }
}

.p-recruit-content__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 57px
}

.p-recruit-content__flex.is--no-flex {
  display: block
}

.p-recruit-content__flex.is--no-flex .p-recruit-content__flex-left {
  width: 100%
}

.p-recruit-content__flex.is--no-flex .p-recruit-content__flex-right {
  padding-top: 55px;
  width: 100%
}

.p-recruit-content__flex.is--no-flex .p-recruit-content__gallery {
  display: flex;
  gap: 40px
}

@media screen and (max-width:767px) {
  .p-recruit-content__flex {
    display: block;
    padding-top: 20px
  }
}

.p-recruit-content__flex-left {
  width: 600px
}

@media screen and (max-width:767px) {
  .p-recruit-content__flex-left {
    width: 100%!important
  }
}

.p-recruit-content__flex-right {
  width: 307px
}

@media screen and (max-width:767px) {
  .p-recruit-content__flex-right {
    padding-top: 30px!important;
    width: 100%!important
  }
}

.p-recruit-content__link {
  padding-top: 30px;
  text-align: right
}

.p-recruit-content__link a {
  color: #f0ca00;
  font-weight: 700;
  text-decoration: underline;
  transition: .3s
}

.p-recruit-content__link a:hover {
  opacity: .6
}

@media screen and (max-width:767px) {
  .p-recruit-content__link {
    text-align: center
  }
}

.p-recruit-content__profile {
  padding-top: 15px
}

.p-recruit-content__profile-text {
  font-size: 14px
}

.p-recruit-content__profile-documents {
  font-size: 13px;
  padding-top: 30px
}

.p-recruit-content__profile-documents ul {
  padding-left: 1.6em
}

.p-recruit-content__profile-documents li {
  list-style-type: disc
}

.p-recruit-content__profile-documents a {
  color: #818181;
  text-decoration: underline
}

.p-recruit-middle {
  display: flex;
  margin-top: 120px
}

@media screen and (max-width:767px) {
  .p-recruit-middle {
    display: block;
    margin-top: 50px
  }
}

.p-recruit-middle__item {
  flex: 1;
  height: 150px;
  position: relative
}

.p-recruit-middle__item:first-child {
  background-color: #72cbed
}

.p-recruit-middle__item:first-child img {
  width: 330px
}

.p-recruit-middle__item:last-child {
  background-color: #65b6d3
}

.p-recruit-middle__item:last-child img {
  width: 340px
}

.p-recruit-middle__item img {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%)
}

@media screen and (max-width:767px) {
  .p-recruit-middle__item {
    display: block;
    height: 140px;
    width: 100%!important
  }
  .p-recruit-middle__item img {
    height: 100%;
    object-fit: contain;
    width: 100%
  }
}

.p-recruit-main {
  padding-top: 120px
}

@media screen and (max-width:767px) {
  .p-recruit-main {
    padding-top: 70px
  }
}

.p-recruit-main__body {
  background-color: #faf8f4;
  border-top: 1px solid #53c3ef;
  padding-top: 30px
}

.p-recruit-main__body #content4, .p-recruit-main__body #content5, .p-recruit-main__body #content6 {
  display: none
}

.p-recruit-main__body #content4 {
  display: block
}

.p-recruit-main-list__title1 {
  position: relative;
  text-align: center
}

@media screen and (min-width:768px) {
  .p-recruit-main-list__title1 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: -30px;
    padding-top: 30px
  }
}

.p-recruit-main-list__title1:after, .p-recruit-main-list__title1:before {
  background-color: #f0ca00;
  content: "";
  height: 1px;
  width: 140px
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__title1:after, .p-recruit-main-list__title1:before {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
  }
}

.p-recruit-main-list__title1 span {
  background-color: #faf8f4;
  color: #f0ca00;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 0 13px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__title1 {
    margin-bottom: 20px
  }
  .p-recruit-main-list__title1 span {
    font-size: 18px;
    letter-spacing: .54px
  }
}

.p-recruit-main-list__title2 {
  color: #f0ca00;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .03em;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__title2 {
    font-size: 20px;
    line-height: 1.25
  }
}

.p-recruit-main-list__header {
  display: flex;
  margin-top: 10px;
  position: relative
}

.p-recruit-main-list__header span {
  color: #53c3ef;
  font-size: 14px
}

.p-recruit-main-list__header span:first-of-type {
  padding-left: 36px;
  width: 335px
}

.p-recruit-main-list__header span:nth-of-type(2) {
  padding-left: 36px;
  width: 322px
}

.p-recruit-main-list__header span:nth-of-type(3) {
  padding-left: 36px;
  width: calc(100% - 657px)
}

.p-recruit-main-list__item {
  margin-top: 10px
}

.p-recruit-main-list__item+.p-recruit-main-list__item {
  margin-top: 15px
}

.p-recruit-main-list__item-header {
  align-items: center;
  background-color: #fff;
  border: 1px solid #53c3ef;
  border-radius: 5px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  cursor: pointer;
  display: flex;
  padding: 11px 40px 12px 0;
  position: relative
}

.p-recruit-main-list__item-header:after {
  border-bottom: 10px solid #f0ca00;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg)
}

.p-recruit-main-list__item-header span:first-of-type {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  padding-left: 36px;
  width: 335px
}

.p-recruit-main-list__item-header span:nth-of-type(2) {
  font-size: 15px;
  padding-left: 36px;
  width: 322px
}

.p-recruit-main-list__item-header span:nth-of-type(3) {
  font-size: 15px;
  padding-left: 36px;
  width: calc(100% - 657px)
}

.p-recruit-main-list__item-header.is--active {
  background-color: #53c3ef;
  color: #fff
}

.p-recruit-main-list__item-header.is--active span {
  color: #fff
}

.p-recruit-main-list__item-header.is--active:after {
  border-bottom-color: #fff;
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__item-header {
    padding: 12px 40px 10px 0
  }
  .p-recruit-main-list__item-header span:first-of-type {
    padding-left: 15px;
    width: 100%
  }
  .p-recruit-main-list__item-header span:nth-of-type(2), .p-recruit-main-list__item-header span:nth-of-type(3) {
    display: none
  }
}

.p-recruit-main-list__body {
  background-color: #fff;
  display: none;
  padding: 25px 30px 43px
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body {
    padding: 10px 20px 30px
  }
}

.p-recruit-main-list__body-title {
  border-bottom: 1px solid #d9ecf5;
  color: #f0ca00;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 22.5px
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body-title {
    font-size: 17px;
    line-height: 1.35;
    padding-bottom: 15px
  }
}

.p-recruit-main-list__body-item {
  border-bottom: 1px solid #d9ecf5;
  display: flex;
  padding: 20px 0
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body-item {
    display: block;
    padding: 10px 0 15px
  }
}

.p-recruit-main-list__body-dt {
  color: #53c3ef;
  font-size: 14px;
  font-weight: 700;
  width: 180px
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body-dt {
    padding-bottom: 4px;
    width: 100%
  }
}

.p-recruit-main-list__body-dd {
  font-size: 15px;
  width: calc(100% - 180px)
}

.p-recruit-main-list__body-dd a {
  color: #53c3ef;
  text-decoration: underline;
  transition: color .3s;
  word-break: break-all
}

.p-recruit-main-list__body-dd a:hover {
  color: #f0ca00
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body-dd {
    line-height: 1.3;
    width: 100%
  }
}

.p-recruit-main-list__body-button {
  padding-top: 33px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body-button {
    padding-top: 20px
  }
}

.p-recruit-main-list__body-close {
  cursor: pointer;
  padding-top: 26px;
  text-align: center
}

.p-recruit-main-list__body-close img {
  display: inline-block;
  width: 68px
}

.p-recruit-main-list__body-close img:nth-of-type(2), .p-recruit-main-list__body-close:hover img:first-of-type {
  display: none
}

.p-recruit-main-list__body-close:hover img:nth-of-type(2) {
  display: inline-block
}

@media screen and (max-width:767px) {
  .p-recruit-main-list__body-close {
    font-size: 0;
    padding-top: 20px
  }
  .p-recruit-main-list__body-close img {
    height: 16px;
    width: auto
  }
}

.p-recruit-main-support__img {
  margin-top: 50px
}

@media screen and (max-width:767px) {
  .p-recruit-main-support__img {
    margin-top: 20px;
    transform: translateX(-25px);
    width: calc(100% + 50px)
  }
}

.p-recruit-main-support__text {
  font-size: 16px;
  line-height: 1.87;
  padding-top: 20px;
  text-align: center
}

.p-recruit-main-contents {
  margin: 100px 0
}

@media screen and (max-width:767px) {
  .p-recruit-main-contents {
    margin: 60px 0
  }
  .p-recruit-main-contents__item+.p-recruit-main-contents__item {
    margin-top: 30px
  }
  .p-recruit-main-contents__item+.p-recruit-main-contents__item p {
    padding-top: 10px
  }
}

.p-recruit-main-contents__figure {
  margin-top: 40px;
  position: relative
}

.p-recruit-main-contents__figure h4 {
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .6px
}

.p-recruit-main-contents__figure p {
  font-size: 15px;
  line-height: 1.7
}

.p-recruit-main-contents__figure .title1 {
  left: 642px;
  position: absolute;
  top: 58px
}

.p-recruit-main-contents__figure .title2 {
  left: 212px;
  position: absolute;
  top: 356px
}

.p-recruit-main-contents__figure .text1 {
  left: 520px;
  position: absolute;
  top: 113px;
  width: 360px
}

.p-recruit-main-contents__figure .text2 {
  left: 120px;
  position: absolute;
  top: 411px;
  width: 360px
}

.p-recruit-main-faq {
  margin: 100px 0
}

@media screen and (max-width:767px) {
  .p-recruit-main-faq {
    margin: 60px 0
  }
}

.p-recruit-main-faq__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 58px;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-recruit-main-faq__list {
    display: block;
    padding-top: 0
  }
}

.p-recruit-main-faq__item {
  width: calc(50% - 29px)
}

.p-recruit-main-faq__item .p-recruit-main-faq__body, .p-recruit-main-faq__item .p-recruit-main-faq__header {
  display: flex
}

.p-recruit-main-faq__item .p-recruit-main-faq__body span, .p-recruit-main-faq__item .p-recruit-main-faq__header span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  width: 21px
}

.p-recruit-main-faq__item .p-recruit-main-faq__body p, .p-recruit-main-faq__item .p-recruit-main-faq__header p {
  width: calc(100% - 21px)
}

.p-recruit-main-faq__item .p-recruit-main-faq__header {
  color: #53c3ef;
  padding-bottom: 9px
}

.p-recruit-main-faq__item .p-recruit-main-faq__header p {
  font-size: 17px;
  font-weight: 700
}

.p-recruit-main-faq__item .p-recruit-main-faq__body span {
  color: #f0ca00
}

.p-recruit-main-faq__item .p-recruit-main-faq__body p {
  font-size: 16px;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .p-recruit-main-faq__item {
    width: 100%
  }
  .p-recruit-main-faq__item+.p-recruit-main-faq__item {
    margin-top: 20px
  }
}

.p-information-category {
  border: 1px solid #53c3ef;
  border-radius: 999px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  display: flex;
  flex-wrap: wrap;
  gap: 5px 30px;
  justify-content: space-between;
  margin-top: 34px;
  overflow: hidden;
  padding: 5px 120px 5px 240px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-information-category {
    height: 36px;
    margin-top: 7px;
    padding: 0 0 0 100px
  }
  .p-information-category form {
    height: 100%;
    position: relative;
    width: 100%
  }
  .p-information-category select {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(../images/icon_tryangle.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 14px;
    border: 0;
    color: #f0ca00;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    left: 0;
    padding-right: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
  }
  .p-information-category select:focus {
    outline: none
  }
}

.p-information-category__label {
  align-items: center;
  background-color: #53c3ef;
  border-bottom-right-radius: 999px;
  border-top-right-radius: 999px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 120px
}

@media screen and (max-width:767px) {
  .p-information-category__label {
    width: 100px
  }
}

.p-information-category__item {
  color: #53c3ef;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  transition: color .3s
}

.p-information-category__item.is--active, .p-information-category__item:hover {
  color: #f0ca00
}

.p-information-list {
  padding-top: 40px
}

.p-information-list .c-news-item {
  border-bottom: 1px solid #b2eafc;
  padding-bottom: 20px
}

@media screen and (max-width:767px) {
  .p-information-list .c-news-item {
    padding-bottom: 14px
  }
}

.p-information-list .c-news-item:not(:first-child) {
  border-bottom: 1px solid #b2eafc;
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .p-information-list .c-news-item:not(:first-child) {
    margin-top: 12px
  }
}

.p-information-list__pagination {
  padding-top: 40px
}

.p-information-detail {
  padding-top: 34px
}

.p-information-detail h2, .p-information-detail h3, .p-information-detail h4, .p-information-detail h5, .p-information-detail h6 {
  color: #53c3ef;
  line-height: 1.3;
  margin-top: 50px;
  position: relative
}

.p-information-detail h2 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .02em;
  padding-bottom: 4.5px
}

.p-information-detail h2:after {
  background-color: #53c3ef;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.p-information-detail h3 {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .03em
}

.p-information-detail p {
  font-size: 15px;
  letter-spacing: .05em;
  line-height: 1.6;
  margin-top: 10px
}

.p-information-detail p+p {
  margin-top: 25px
}

.p-information-detail p a {
  color: #53c3ef;
  text-decoration: underline;
  transition: color .3s
}

.p-information-detail p a:hover {
  color: #f0ca00
}

.p-information-detail .wp-caption {
  margin-top: 50px
}

.p-information-detail .wp-caption .wp-caption-text {
  font-size: 12px;
  line-height: 2;
  margin-top: 0;
  padding-top: 5px
}

.p-information-detail video {
  margin-top: 90px;
  width: 100%
}

.p-information-detail .youtube {
  margin-top: 50px;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%
}

.p-information-detail .youtube iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-information-detail {
    padding-top: 23px
  }
  .p-information-detail h2, .p-information-detail h3, .p-information-detail h4, .p-information-detail h5, .p-information-detail h6 {
    margin-top: 40px
  }
  .p-information-detail h2 {
    font-size: 18px;
    letter-spacing: .03em;
    padding-bottom: 10px
  }
  .p-information-detail h3 {
    font-size: 16px
  }
  .p-information-detail p+p {
    margin-top: 16px
  }
  .p-information-detail figure, .p-information-detail video {
    margin-top: 50px
  }
  .p-information-detail .wp-caption {
    margin-top: 30px
  }
}

.p-information-detail__button {
  padding-top: 70px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-information-detail__button {
    padding-top: 50px
  }
}

.p-site-top {
  background-color: #faf8f4;
  padding: 14px 0 70px
}

@media screen and (max-width:767px) {
  .p-site-top {
    padding: 20px 0 40px
  }
}

.p-site-top__title {
  color: #f0ca00;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .p-site-top__title {
    font-size: 18px;
    letter-spacing: .9px;
    line-height: 1.4
  }
}

.p-site-top__text {
  font-size: 15px;
  letter-spacing: .03em;
  line-height: 1.6;
  padding-top: 30px
}

@media screen and (max-width:767px) {
  .p-site-top__text {
    letter-spacing: .75px;
    line-height: 1.7;
    padding-top: 20px
  }
}

.p-site-status {
  padding: 100px 0 160px
}

@media screen and (max-width:767px) {
  .p-site-status {
    padding: 60px 0 90px
  }
}

.p-site-status__body {
  display: flex;
  padding: 60px 0 0
}

@media screen and (max-width:767px) {
  .p-site-status__body {
    flex-wrap: wrap;
    padding-top: 30px
  }
}

.p-site-status__content {
  margin-right: 52px;
  width: 470px
}

@media screen and (max-width:767px) {
  .p-site-status__content {
    margin-right: 0;
    order: 2;
    width: 100%
  }
}

.p-site-status__map {
  width: calc(100% - 522px)
}

@media screen and (max-width:767px) {
  .p-site-status__map {
    order: 1;
    width: 100%
  }
}

.p-site-status__box {
  background-color: #eff9ff;
  border-radius: 10px;
  height: 350px;
  padding: 20px 0 0 30px
}

@media screen and (max-width:767px) {
  .p-site-status__box {
    height: auto;
    margin-top: 10px;
    padding: 20px 20px 30px
  }
}

.p-site-status__box-title {
  color: #53c3ef;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 1.2
}

@media screen and (max-width:767px) {
  .p-site-status__box-title {
    font-size: 18px;
    letter-spacing: .54px
  }
}

.p-site-status__box-item {
  align-items: center;
  display: flex;
  margin-top: 15px
}

.p-site-status__box-item+.p-site-status__box-item {
  margin-top: 11px
}

.p-site-status__box-item span {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  font-size: 14px;
  height: 22px;
  letter-spacing: .4px;
  line-height: 22px;
  margin-right: 11px;
  text-align: center;
  width: 52px
}

.p-site-status__box-item p {
  color: #53c3ef;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .4px;
  line-height: 1;
  width: calc(100% - 63px)
}

@media screen and (max-width:767px) {
  .p-site-status__box-item {
    align-items: flex-start;
    margin-top: 12px
  }
  .p-site-status__box-item+.p-site-status__box-item {
    margin-top: 10px
  }
  .p-site-status__box-item span {
    font-size: 15px;
    height: 23px;
    letter-spacing: .45px;
    line-height: 23px;
    margin-right: 10px;
    width: 54px
  }
  .p-site-status__box-item p {
    font-size: 16px;
    letter-spacing: .54px;
    line-height: 1.37;
    width: calc(100% - 64px)
  }
}

.p-site-status__text {
  font-size: 15px;
  letter-spacing: .05em;
  line-height: 1.6;
  padding-top: 20px
}

@media screen and (max-width:767px) {
  .p-site-status__text {
    letter-spacing: .75px;
    line-height: 1.46
  }
}

.p-site-status__button {
  padding-top: 30px
}

.p-site-status__button a {
  width: 360px
}

@media screen and (max-width:767px) {
  .p-site-status__button a {
    width: 100%
  }
}

.p-site-merit {
  background-color: #faf8f4;
  padding: 59px 0 80px
}

@media screen and (max-width:767px) {
  .p-site-merit {
    padding: 30px 0 60px
  }
}

.p-site-merit__list {
  display: flex;
  gap: 50px;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-site-merit__list {
    flex-direction: column;
    gap: 20px;
    padding-top: 30px
  }
}

.p-site-merit__item {
  flex: 1
}

.p-site-merit__item-number {
  color: #f0ca00;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-site-merit__item-number {
    font-size: 23px;
    letter-spacing: 2.3px;
    line-height: 1.47
  }
}

.p-site-merit__item-title {
  color: #53c3ef;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 1.2;
  padding-top: 5px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-site-merit__item-title {
    padding-top: 4px
  }
}

.p-site-merit__item-thumbnail {
  margin-top: 12px
}

.p-site-merit__item-subtitle {
  color: #f0ca00;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.41;
  padding-top: 10px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-site-merit__item-subtitle {
    font-size: 18px;
    letter-spacing: .54px
  }
}

.p-site-merit__item-text {
  font-size: 15px;
  line-height: 1.6;
  padding-top: 12px
}

@media screen and (max-width:767px) {
  .p-site-merit__item-text {
    padding-top: 10px
  }
}

.p-site-recruit {
  padding: 79px 0 0
}

@media screen and (max-width:767px) {
  .p-site-recruit {
    padding-top: 70px
  }
}

.p-site-recruit__text {
  font-size: 15px;
  letter-spacing: .05em;
  padding-top: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-site-recruit__text {
    line-height: 1.6;
    padding-top: 30px;
    text-align: left
  }
}

.p-site-recruit__list {
  display: flex;
  gap: 0 40px;
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-site-recruit__list {
    flex-direction: column;
    gap: 40px 0;
    padding-top: 30px
  }
}

.p-site-recruit__item {
  flex: 1
}

.p-site-recruit__item-label {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  height: 26px;
  letter-spacing: .45px;
  line-height: 26px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-site-recruit__item-label {
    font-size: 16px;
    height: 32px;
    letter-spacing: .48px;
    line-height: 32px
  }
}

.p-site-recruit__item-title {
  color: #53c3ef;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.41;
  padding: 8px 0 10px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-site-recruit__item-title {
    font-size: 18px;
    letter-spacing: .5px;
    padding: 6px 0 8px
  }
}

.p-site-recruit__item-subtitle {
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .48px;
  line-height: 1.5;
  padding: 10px 0;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-site-recruit__item-subtitle {
    font-size: 18px;
    letter-spacing: .5px;
    padding: 15px 0 5px
  }
}

.p-site-recruit__item-text {
  font-size: 15px;
  line-height: 1.6;
  text-align: justify
}

.p-site-recruit__feature {
  padding-top: 60px
}

.p-site-recruit__contact {
  background-color: #eff9ff;
  border-radius: 20px;
  height: 230px;
  margin-top: 110px;
  padding: 45px 50px;
  position: relative
}

@media screen and (max-width:767px) {
  .p-site-recruit__contact {
    border-radius: 10px;
    height: auto;
    margin-top: 90px;
    padding: 30px 20px 40px
  }
  .p-site-recruit__contact .c-title-section {
    align-items: center!important;
    text-align: center!important
  }
}

.p-site-recruit__contact-text {
  font-size: 15px;
  line-height: 1.6;
  padding-top: 17px
}

@media screen and (max-width:767px) {
  .p-site-recruit__contact-text {
    line-height: 1.46;
    padding-top: 20px;
    text-align: left
  }
}

.p-site-recruit__contact-content {
  position: absolute;
  right: 50px;
  text-align: center;
  top: 76px;
  width: 320px
}

@media screen and (max-width:767px) {
  .p-site-recruit__contact-content {
    padding-top: 20px;
    position: static;
    width: 100%
  }
  .p-site-recruit__contact-content .c-button-type3 {
    width: 100%
  }
}

.p-site-recruit__contact-email {
  color: #53c3ef;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  padding: 10px 0 6px
}

@media screen and (max-width:767px) {
  .p-site-recruit__contact-email {
    padding: 15px 0 6px
  }
}

.p-site-recruit__contact-text2 {
  font-size: 14px;
  line-height: 1.714
}

.p-app__wave {
  height: 61px
}

@media screen and (max-width:767px) {
  .p-app__wave {
    height: 35px
  }
}

.p-app-top {
  padding: 14px 0 110px
}

@media screen and (max-width:767px) {
  .p-app-top {
    padding: 20px 0 70px
  }
}

.p-app-top__title {
  color: #f0ca00;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1.1px
}

@media screen and (max-width:767px) {
  .p-app-top__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.3
  }
}

.p-app-top__text {
  font-size: 16px;
  letter-spacing: .8px;
  line-height: 1.5;
  padding-top: 20px
}

@media screen and (max-width:767px) {
  .p-app-top__text {
    font-size: 15px;
    letter-spacing: .75px;
    line-height: 1.6
  }
}

.p-app-top__list {
  align-items: center;
  background-color: #f2faff;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  height: 90px;
  margin-top: 25px;
  max-width: 700px;
  padding: 14px 20px;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-app-top__list {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 325px;
    padding: 0
  }
}

.p-app-top__list-item {
  align-items: center;
  display: flex;
  width: 33.3333333333%
}

.p-app-top__list-item:nth-child(n+4) {
  margin-top: 7px
}

.p-app-top__list-item img {
  height: 16px;
  margin-right: 5px;
  width: 16px
}

.p-app-top__list-item p {
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-app-top__list-item {
    align-items: center;
    flex-direction: column;
    margin-top: 0!important;
    padding-bottom: 12px;
    padding-top: 10px;
    width: 50%
  }
  .p-app-top__list-item img {
    margin-bottom: 2px;
    margin-right: 0;
    width: 20px
  }
  .p-app-top__list-item p {
    text-align: center
  }
  .p-app-top__list-item:first-of-type {
    border-right: 1px solid #cfe8f7;
    order: 1
  }
  .p-app-top__list-item:nth-of-type(2) {
    order: 2
  }
  .p-app-top__list-item:nth-of-type(3) {
    border-bottom: 1px solid #cfe8f7;
    border-right: 1px solid #cfe8f7;
    border-top: 1px solid #cfe8f7;
    order: 3
  }
  .p-app-top__list-item:nth-of-type(4) {
    order: 6
  }
  .p-app-top__list-item:nth-of-type(5) {
    border-right: 1px solid #cfe8f7;
    order: 5
  }
  .p-app-top__list-item:nth-of-type(6) {
    border-bottom: 1px solid #cfe8f7;
    border-top: 1px solid #cfe8f7;
    order: 4
  }
}

.p-app-top__buttons {
  display: flex;
  gap: 20px;
  padding-top: 25px
}

@media screen and (max-width:767px) {
  .p-app-top__buttons {
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding-top: 20px
  }
}

.p-app-top__buttons-item {
  transition: .3s;
  width: 169px
}

.p-app-top__buttons-item:hover {
  opacity: .6
}

@media screen and (max-width:767px) {
  .p-app-top__buttons-item {
    flex: 1;
    width: 130px
  }
}

.p-app-use {
  background-color: #faf8f4;
  padding: 65px 0 100px
}

@media screen and (max-width:767px) {
  .p-app-use {
    padding: 30px 0 40px
  }
}

.p-app-use__flow {
  margin-top: 60px;
  position: relative;
  transform: translate(-24px);
  width: 1048px
}

@media screen and (max-width:767px) {
  .p-app-use__flow {
    margin-top: 30px;
    transform: none;
    width: 100%
  }
}

.p-app-use__flow-title {
  color: #53c3ef;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  text-align: center
}

.p-app-use__flow-title.is--1 {
  left: 40px;
  top: 40px
}

.p-app-use__flow-title.is--2 {
  left: 320px;
  top: 40px
}

.p-app-use__flow-title.is--3 {
  left: 604px;
  top: 40px
}

.p-app-use__flow-title.is--4 {
  left: 823px;
  top: 40px
}

.p-app-use__flow-title.is--5 {
  left: 823px;
  top: 391px
}

.p-app-use__flow-title.is--6 {
  left: 575px;
  top: 391px
}

.p-app-use__flow-title.is--7 {
  left: 335px;
  top: 391px
}

.p-app-use__flow-title.is--8 {
  left: 37px;
  top: 391px
}

@media screen and (max-width:767px) {
  .p-app-use__flow-title {
    font-size: 17px;
    left: auto;
    letter-spacing: .04em;
    padding-left: 41px;
    padding-top: 5px;
    position: relative;
    text-align: left;
    top: auto;
    width: 100%;
    z-index: 1
  }
  .p-app-use__flow-title span {
    background-color: #f0ca00;
    border-radius: 50%;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    left: 0;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 32px
  }
}

.p-app-use__flow-item {
  position: relative
}

.p-app-use__flow-item+.p-app-use__flow-item {
  margin-top: 23px
}

.p-app-use__flow-item:not(:last-child):after {
  background-color: #d9f3ff;
  content: "";
  height: calc(100% + 25px);
  left: 9px;
  position: absolute;
  top: 0;
  width: 14px
}

.p-app-use__flow-item:nth-last-child(2):after {
  transform: translateY(-15px)
}

.p-app-use__flow-item:nth-last-child(2):before {
  background-image: url(../images/app_flow_arrow_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -15px;
  content: "";
  height: 37px;
  left: -6px;
  position: absolute;
  width: 43px
}

.p-app-use__flow-illust {
  margin-left: 41px;
  margin-top: 20px;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-app-use__flow-illust {
    display: inline-block;
    width: 283px
  }
}

.p-app-rank {
  padding: 120px 0 150px
}

@media screen and (max-width:767px) {
  .p-app-rank {
    padding: 80px 0 60px
  }
}

.p-app-rank__text {
  font-size: 16px;
  letter-spacing: 1.6px;
  line-height: 1.5;
  padding-top: 40px;
  text-align: center
}

.p-app-rank__text span {
  color: #53c3ef;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-app-rank__text {
    letter-spacing: .8px;
    padding-top: 30px
  }
}

.p-app-rank__flow {
  display: flex;
  gap: 110px;
  padding: 50px 100px 0
}

@media screen and (max-width:767px) {
  .p-app-rank__flow {
    flex-direction: column;
    gap: 30px;
    padding: 30px 0 0
  }
}

.p-app-rank__flow-item {
  flex: 1;
  position: relative
}

.p-app-rank__flow-item:first-of-type .p-app-rank__flow-name, .p-app-rank__flow-item:first-of-type .p-app-rank__flow-text span {
  color: #fd88a7
}

.p-app-rank__flow-item:nth-of-type(2) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(2) .p-app-rank__flow-text span {
  color: #43aaff
}

.p-app-rank__flow-item:nth-of-type(3) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(3) .p-app-rank__flow-text span {
  color: #fd9912
}

.p-app-rank__flow-item:nth-of-type(4) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(4) .p-app-rank__flow-text span {
  color: #44c4e2
}

.p-app-rank__flow-item:not(:last-child):after {
  background-image: url(../images/app_status-triangle_pc.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 40px;
  position: absolute;
  right: 0;
  top: 90px;
  transform: translate(100%);
  width: 110px
}

@media screen and (max-width:767px) {
  .p-app-rank__flow-item:first-of-type .p-app-rank__flow-name, .p-app-rank__flow-item:first-of-type .p-app-rank__flow-text {
    padding-left: 36.9%
  }
  .p-app-rank__flow-item:nth-of-type(2) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(2) .p-app-rank__flow-text {
    padding-left: 35.38%
  }
  .p-app-rank__flow-item:nth-of-type(3) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(3) .p-app-rank__flow-text {
    padding-left: 36.9%
  }
  .p-app-rank__flow-item:nth-of-type(4) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(4) .p-app-rank__flow-text {
    padding-left: 40%
  }
}

@media screen and (max-width:375px) {
  .p-app-rank__flow-item:first-of-type .p-app-rank__flow-name, .p-app-rank__flow-item:first-of-type .p-app-rank__flow-text {
    padding-left: 120px
  }
  .p-app-rank__flow-item:nth-of-type(2) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(2) .p-app-rank__flow-text {
    padding-left: 115px
  }
  .p-app-rank__flow-item:nth-of-type(3) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(3) .p-app-rank__flow-text {
    padding-left: 120px
  }
  .p-app-rank__flow-item:nth-of-type(4) .p-app-rank__flow-name, .p-app-rank__flow-item:nth-of-type(4) .p-app-rank__flow-text {
    padding-left: 130px
  }
}

.p-app-rank__flow-header {
  align-items: center;
  background-color: #c4ae83;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 15px;
  height: 46px;
  justify-content: center;
  letter-spacing: .45px;
  line-height: 1.2;
  text-align: center;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-app-rank__flow-header {
    font-size: 16px;
    height: 36px;
    letter-spacing: .48px;
    line-height: 36px
  }
}

.p-app-rank__flow-icon {
  display: flex;
  height: 75px;
  justify-content: center;
  margin-top: 20px
}

.p-app-rank__flow-icon img {
  height: 100%;
  width: auto
}

@media screen and (max-width:767px) {
  .p-app-rank__flow-icon {
    left: calc(15% - 20px);
    margin-top: 0;
    position: absolute;
    top: 46px
  }
}

.p-app-rank__flow-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4444;
  padding-top: 15px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-app-rank__flow-name {
    padding-top: 17px;
    text-align: left
  }
}

.p-app-rank__flow-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3333;
  padding-top: 12px;
  text-align: center
}

.p-app-rank__flow-text span {
  font-size: 18px
}

@media screen and (max-width:767px) {
  .p-app-rank__flow-text {
    padding-top: 0;
    text-align: left
  }
}

.p-app-rank__point {
  align-items: center;
  background-color: #faf8f4;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
  display: flex;
  gap: 70px;
  height: 140px;
  justify-content: center;
  margin-top: 100px;
  position: relative;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-app-rank__point {
    align-items: flex-start;
    flex-direction: column;
    font-size: 0;
    gap: 10px;
    height: auto;
    margin-top: 75px;
    padding: 50px 20px 30px
  }
}

.p-app-rank__point-title {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  height: 40px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 450px
}

.p-app-rank__point-title, .p-app-rank__point-title picture {
  align-items: center;
  display: flex
}

.p-app-rank__point-title img {
  width: 320px
}

@media screen and (max-width:767px) {
  .p-app-rank__point-title {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    height: 70px;
    width: 100%
  }
  .p-app-rank__point-title img {
    height: 100%;
    width: auto
  }
}

.p-app-rank__point-item {
  align-items: center;
  display: flex
}

.p-app-rank__point-item img {
  height: 18px;
  margin-right: 5px;
  width: 18px
}

.p-app-rank__point-item p {
  font-size: 16px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-app-rank__point-item {
    margin: 0 auto;
    max-width: 285px;
    width: 100%
  }
}

.p-app-rank__others {
  padding-top: 80px
}

@media screen and (max-width:767px) {
  .p-app-rank__others {
    padding-top: 50px
  }
}

.p-app-rank__others-title {
  background-color: #53c3ef;
  border-radius: 99px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  height: 40px;
  letter-spacing: .5px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  width: 500px
}

@media screen and (max-width:767px) {
  .p-app-rank__others-title {
    font-size: 17px;
    height: auto;
    line-height: 1.3;
    padding: 8px 10px 9px;
    width: 100%
  }
}

.p-app-rank__others-figure {
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .p-app-rank__others-figure {
    margin: 10px auto 0;
    max-width: 325px
  }
}

.p-app-faq {
  background-color: #faf8f4;
  padding: 82px 0 139px
}

@media screen and (max-width:767px) {
  .p-app-faq {
    padding: 30px 0 40px
  }
}

.p-app-faq__body {
  padding-top: 60px
}

@media screen and (max-width:767px) {
  .p-app-faq__body {
    padding-top: 30px
  }
}

.p-app-shop {
  padding: 150px 0
}

@media screen and (max-width:767px) {
  .p-app-shop {
    padding: 70px 0 80px
  }
}

.p-app-shop__list {
  padding-top: 40px
}

@media screen and (max-width:767px) {
  .p-app-shop__list {
    padding-top: 30px
  }
}

.p-app-shop__list-group+.p-app-shop__list-group {
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .p-app-shop__list-group+.p-app-shop__list-group {
    margin-top: 20px
  }
}

.p-app-shop__list-title {
  border-bottom: 1px solid #f0ca00;
  color: #f0ca00;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .45px;
  line-height: 1.6;
  padding-bottom: 10px
}

@media screen and (max-width:767px) {
  .p-app-shop__list-title {
    padding-bottom: 5px
  }
}

.p-app-shop__list-item {
  border-bottom: 1px solid #b0dcf1;
  color: #818181;
  display: flex;
  padding: 15px 0;
  position: relative;
  transition: color .3s
}

.p-app-shop__list-item:after {
  background-image: url(../images/icon_right.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 10px;
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px
}

.p-app-shop__list-item:hover {
  color: #53c3ef
}

@media screen and (max-width:767px) {
  .p-app-shop__list-item {
    display: block;
    padding: 10px 15px 12px 100px
  }
  .p-app-shop__list-item:after {
    right: 0
  }
}

.p-app-shop__list-name {
  color: #41b0d9;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .48px;
  width: 234px
}

@media screen and (max-width:767px) {
  .p-app-shop__list-name {
    left: 0;
    line-height: 1.2;
    position: absolute;
    top: 10px;
    width: 90px
  }
}

.p-app-shop__list-address {
  font-size: 15px;
  width: 476px
}

@media screen and (max-width:767px) {
  .p-app-shop__list-address {
    line-height: 1.2;
    width: 100%
  }
}

.p-app-shop__list-tel {
  font-size: 13px;
  width: 290px
}

.p-app-shop__list-tel span {
  font-size: 15px
}

@media screen and (max-width:767px) {
  .p-app-shop__list-tel {
    line-height: 1.4;
    width: 100%
  }
}

.p-app-shop__download {
  align-items: center;
  background-color: #eff9ff;
  background-image: url(../images/app_download_triangle_pc.svg);
  background-position: left 415px center;
  background-repeat: no-repeat;
  background-size: 50px 33px;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
  display: flex;
  height: 150px;
  justify-content: space-between;
  margin-top: 130px;
  padding-left: 50px;
  padding-right: 83px
}

@media screen and (max-width:767px) {
  .p-app-shop__download {
    background-image: none;
    border-radius: 10px;
    display: block;
    height: auto;
    margin-top: 70px;
    padding: 25px 20px 30px
  }
}

.p-app-shop__download-content h2 {
  color: #53c3ef;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .7px;
  line-height: 1.45
}

.p-app-shop__download-content p {
  color: #f0ca00;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  padding-top: 8px
}

@media screen and (max-width:767px) {
  .p-app-shop__download-content {
    padding-bottom: 43px;
    position: relative;
    text-align: center
  }
  .p-app-shop__download-content:after {
    background-image: url(../images/app_download_triangle_sp.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 60px 32px;
    bottom: 0;
    content: "";
    height: 43px;
    left: 0;
    position: absolute;
    width: 100%
  }
  .p-app-shop__download-content h2 {
    font-size: 25px;
    letter-spacing: .75px;
    line-height: 1.4
  }
  .p-app-shop__download-content p {
    padding-top: 20px
  }
}

.p-app-shop__download-buttons {
  display: flex;
  gap: 20px
}

@media screen and (max-width:767px) {
  .p-app-shop__download-buttons {
    flex-direction: column;
    gap: 10px
  }
}

.p-app-shop__download-button {
  transition: .3s;
  width: 186px
}

.p-app-shop__download-button:hover {
  opacity: .6
}

@media screen and (max-width:767px) {
  .p-app-shop__download-button {
    display: block;
    margin: 0 auto;
    max-width: 220px;
    width: 100%
  }
}

.p-app-attention {
  background-color: #faf8f4;
  padding-top: 76px
}

@media screen and (max-width:767px) {
  .p-app-attention {
    padding-top: 30px
  }
}

.p-app-attention__item {
  position: relative
}

.p-app-attention__item+.p-app-attention__item {
  margin-top: 35px
}

.p-app-attention__item.is--large:after, .p-app-attention__item:first-child:after {
  background-color: #53c3ef;
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  top: 16px;
  width: 916px
}

.p-app-attention__item:not(:first-child) .p-app-attention__title {
  font-size: 16px
}

.p-app-attention__item.is--large .p-app-attention__title {
  font-size: 18px
}

@media screen and (max-width:767px) {
  .p-app-attention__item+.p-app-attention__item {
    margin-top: 20px
  }
  .p-app-attention__item.is--large:after, .p-app-attention__item:first-child:after {
    width: calc(100% - 85px)
  }
}

.p-app-attention__title {
  color: #53c3ef;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .5px
}

.p-app-attention__text {
  font-size: 15px;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .p-app-attention__text {
    padding-top: 5px
  }
}

.p-faq {
  padding-top: 24px
}

@media screen and (max-width:767px) {
  .p-faq {
    padding-top: 30px
  }
}

.p-faq__item {
  font-size: 0
}

.p-faq__item+.p-faq__item {
  margin-top: 30px
}

.p-faq__item-title {
  color: #f0ca00;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .5px;
  padding-bottom: 10px
}

.p-contact {
  padding: 34px 0 0
}

.p-contact .c-container {
  position: relative
}

@media screen and (max-width:767px) {
  .p-contact {
    margin-top: -7px;
    padding: 0;
    z-index: 1
  }
  .p-contact.is--sp-mt {
    margin-top: 10px
  }
  .p-contact__status {
    align-items: center;
    background-color: #faf8f4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    display: flex;
    gap: 12.534vw;
    height: 55px;
    justify-content: space-between;
    padding: 0 25px;
    position: relative;
    transform: translate(-25px);
    width: calc(100% + 50px)
  }
  .p-contact__status .u-sp {
    align-items: center;
    display: flex!important;
    justify-content: center;
    max-width: 77px
  }
  .p-contact__status:after, .p-contact__status:before {
    background-color: #f0ca00;
    content: "";
    height: 2px;
    position: absolute;
    top: 50%;
    width: 20px
  }
  .p-contact__status:after {
    left: calc(25px + 25%);
    transform: translate(-50%, -50%)
  }
  .p-contact__status:before {
    right: calc(25px + 25%);
    transform: translate(50%, -50%)
  }
}

.p-contact__body {
  padding-top: 40px
}

.p-contact-form__area {
  align-items: flex-start;
  display: flex
}

.p-contact-form__area+.p-contact-form__area {
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .p-contact-form__area {
    display: block
  }
  .p-contact-form__area+.p-contact-form__area {
    margin-top: 20px
  }
}

.p-contact-form__area-title {
  align-items: center;
  color: #53c3ef;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 10px;
  height: 44px;
  letter-spacing: .03em;
  padding-left: 20px;
  width: 300px
}

@media screen and (max-width:767px) {
  .p-contact-form__area-title {
    gap: 7px;
    height: auto;
    padding-left: 0;
    width: 100%
  }
}

.p-contact-form__area-body {
  width: calc(100% - 300px)
}

@media screen and (max-width:767px) {
  .p-contact-form__area-body {
    padding-top: 10px;
    width: 100%
  }
}

.p-contact-form__area-error {
  color: #ff7f7b;
  font-size: 14px;
  font-weight: 700;
  margin-top: 6px
}

.p-contact-form__area-attention {
  letter-spacing: .03em;
  margin-top: 10px
}

@media screen and (max-width:767px) {
  .p-contact-form__area-attention {
    letter-spacing: .4px;
    line-height: 1.6
  }
}

.p-contact-form__area-attention-title {
  color: #ff7f7b;
  font-size: 16px;
  font-weight: 700
}

.p-contact-form__area-attention-text {
  font-size: 15px;
  margin-top: 7px
}

.p-contact-form__area-attention-text a {
  color: #53c3ef
}

@media screen and (max-width:767px) {
  .p-contact-form__area-attention-text {
    font-size: 14px;
    margin-top: 10px
  }
}

.p-contact-form__area-confirm {
  line-height: 1.5;
  padding-top: 7px
}

@media screen and (max-width:767px) {
  .p-contact-form__area-confirm {
    margin-top: -7px;
    padding-top: 0
  }
}

.p-contact-form__privacy {
  background-color: #f2faff;
  border-radius: 10px;
  margin-top: 70px;
  padding: 25px 30px
}

@media screen and (max-width:767px) {
  .p-contact-form__privacy {
    margin-top: 40px;
    padding: 10px 20px 20px
  }
}

.p-contact-form__privacy-title {
  position: relative;
  text-align: center
}

.p-contact-form__privacy-title:after {
  background-color: #53c3ef;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.p-contact-form__privacy-title span {
  background-color: #f2faff;
  color: #53c3ef;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .48px;
  line-height: 1.5;
  margin-top: 5px;
  padding: 0 20px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-contact-form__privacy-title:after {
    content: none
  }
}

.p-contact-form__privacy-body {
  height: 206px;
  margin-top: 20px;
  overflow: auto;
  padding-right: 16px
}

@media screen and (max-width:767px) {
  .p-contact-form__privacy-body {
    height: 220px;
    margin-top: 10px;
    padding-right: 10px
  }
}

.p-contact-form__privacy-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .02em
}

.p-contact-form__privacy-text a {
  color: #53c3ef;
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .p-contact-form__privacy-text {
    letter-spacing: 0;
    line-height: 1.42
  }
}

.p-contact-form__agree {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding-top: 30px
}

.p-contact-form__agree label {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .45px
}

@media screen and (max-width:767px) {
  .p-contact-form__agree {
    padding-top: 20px
  }
}

.p-contact-form__submit {
  padding-top: 35px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-contact-form__submit {
    padding-top: 40px
  }
}

.p-contact-form__double {
  display: flex;
  gap: 50px;
  justify-content: center;
  padding-top: 70px
}

@media screen and (max-width:767px) {
  .p-contact-form__double {
    gap: 15px;
    padding-top: 50px
  }
}

.p-contact-thanks {
  display: flex;
  flex-wrap: wrap
}

.p-contact-thanks__illust {
  margin-left: 134px;
  margin-right: 28px;
  width: 174px
}

@media screen and (max-width:767px) {
  .p-contact-thanks__illust {
    margin: 20px auto 0;
    order: 2;
    width: 166px
  }
}

.p-contact-thanks__text {
  font-size: 15px;
  letter-spacing: .75px;
  line-height: 1.86;
  padding-top: 100px;
  width: calc(100% - 336px)
}

@media screen and (max-width:767px) {
  .p-contact-thanks__text {
    order: 1;
    padding-top: 0;
    width: 100%
  }
}

.p-contact-thanks__button {
  padding-top: 20px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-contact-thanks__button {
    order: 3
  }
}

.p-policy {
  padding: 34px 0 0
}

@media screen and (max-width:767px) {
  .p-policy {
    padding: 23px 0 0
  }
}

.p-policy__textarea {
  border-bottom: 1px solid #b0dcf1;
  padding-bottom: 30px
}

.p-policy__textarea+.p-policy__textarea {
  margin-top: 30px
}

.p-policy__textarea p {
  font-size: 15px;
  letter-spacing: .75px;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .p-policy__textarea {
    padding-bottom: 40px
  }
  .p-policy__textarea+.p-policy__textarea {
    margin-top: 40px
  }
}

.p-not-found {
  padding: 256px 0 0;
  position: relative
}

@media screen and (max-width:767px) {
  .p-not-found {
    padding: 0
  }
}

.p-not-found__illust {
  left: 50%;
  position: absolute;
  top: -141px;
  transform: translate(-50%);
  width: 630px
}

@media screen and (max-width:767px) {
  .p-not-found__illust {
    margin-top: 0;
    position: static;
    transform: translate(-25px);
    width: calc(100% + 50px)
  }
}

.p-not-found__text {
  font-size: 15px;
  letter-spacing: .75px;
  line-height: 1.6;
  padding-top: 20px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-not-found__text {
    padding-top: 40px;
    text-align: left
  }
}

.p-not-found__button {
  padding-top: 50px;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-not-found__button {
    padding-top: 40px
  }
}

.c-container {
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 30px
}

.c-container.is--1000 {
  max-width: 1060px
}

.c-container.is--900 {
  max-width: 960px
}

@media screen and (max-width:767px) {
  .c-container {
    padding: 0 25px
  }
}

.c-container--left {
  margin-left: 0;
  padding-left: 0
}

.c-container--left .c-container__inner {
  margin-left: auto;
  padding-right: 0
}

.c-container--right {
  margin-right: 0;
  padding-right: 0
}

.c-container--right .c-container__inner {
  margin-right: auto;
  padding-left: 0
}

.c-animate-fadein {
  opacity: 0;
  pointer-events: none;
  transform: translateY(5%)
}

.c-animate-fadein.is--start {
  opacity: 1;
  pointer-events: all;
  transform: translate(0);
  transition: 2s
}

.c-animate-fadein--in>* {
  opacity: 0;
  pointer-events: none;
  transform: translateY(5%)
}

.c-animate-fadein--in.is--start>* {
  opacity: 1;
  transform: translate(0);
  transition: 2s
}

.c-title-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

.c-title-section.is--space5 {
  gap: 5px
}

.c-title-section.is--space10 {
  gap: 10px
}

.c-title-section.is--space16 {
  gap: 16px
}

.c-title-section.is--left, .c-title-section.is--pc-left {
  align-items: flex-start;
  text-align: left
}

@media screen and (max-width:767px) {
  .c-title-section.is--pc-left {
    align-items: center;
    text-align: center
  }
  .c-title-section.is--space16 {
    gap: 10px
  }
}

.c-title-section__en {
  color: #a2ddf4;
  font-size: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 1.3846
}

.c-title-section__en.is--font13 {
  font-size: 13px;
  letter-spacing: .06em
}

.c-title-section__en.is--font15 {
  font-size: 15px;
  letter-spacing: .06em
}

.c-title-section__en.is--font18 {
  font-size: 18px;
  letter-spacing: 1px
}

.c-title-section__ja {
  color: #53c3ef;
  font-weight: 700;
  line-height: 1.4545
}

.c-title-section__ja.is--font22 {
  font-size: 22px;
  letter-spacing: .04em
}

.c-title-section__ja.is--font23 {
  font-size: 23px;
  letter-spacing: .7px
}

.c-title-section__ja.is--font24 {
  font-size: 24px;
  letter-spacing: 1.2px;
  line-height: 1.45
}

.c-title-section__ja.is--font26 {
  font-size: 26px;
  letter-spacing: 3.12px;
  line-height: 1.4
}

.c-title-section__ja.is--font28 {
  font-size: 28px;
  letter-spacing: 3.12px;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .c-title-section__ja.is--font23 {
    font-size: 24px;
    line-height: 1.25
  }
}

.c-button-type1 {
  background-color: #fff;
  border: 1px solid #53c3ef;
  border-radius: 5px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
  color: #53c3ef;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  letter-spacing: .4px;
  line-height: 28px;
  text-align: center;
  transition: color .3s, background-color .3s;
  width: 130px
}

.c-button-type1:hover {
  background-color: #53c3ef;
  color: #fff
}

@media screen and (max-width:767px) {
  .c-button-type1 {
    font-size: 14px;
    height: 32px;
    letter-spacing: .42px;
    line-height: 30px;
    width: 140px
  }
}

.c-button-type2 {
  background-color: #53c3ef;
  border-radius: 5px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: background-color .3s;
  width: 280px
}

.c-button-type2:hover {
  background-color: #74d3f8
}

@media screen and (min-width:768px) {
  .c-button-type2 {
    font-size: 15px;
    line-height: 39px;
    width: 235px
  }
}

@media screen and (max-width:767px) {
  .c-button-type2 {
    height: 45px;
    line-height: 45px
  }
}

@media screen and (max-width:330px) {
  .c-button-type2 {
    width: 100%
  }
}

.c-button-type3 {
  background-color: #f0ca00;
  border-radius: 10px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  text-align: center;
  transition: background-color .3s;
  width: 320px
}

.c-button-type3:hover {
  background-color: #f4d534
}

.c-button-type3.is--width300 {
  width: 300px
}

.c-button-type3.is--input {
  -webkit-appearance: none;
  border: 0
}

@media screen and (max-width:767px) {
  .c-button-type3.is--sp-height50 {
    height: 50px;
    line-height: 50px
  }
  .c-button-type3.is--sp-font18 {
    font-size: 18px
  }
  .c-button-type3.is--sp-width100p {
    width: 100%
  }
}

@media screen and (max-width:370px) {
  .c-button-type3 {
    height: auto;
    min-height: 40px;
    width: 100%!important
  }
}

.c-link-type1 {
  color: #53c3ef;
  position: relative;
  text-decoration: underline;
  transition: color .3s
}

.c-link-type1:hover {
  color: #f0ca00
}

.c-link-type1.is--arrow:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(150%)
}

.c-link-type2 {
  color: #818181
}

.c-link-type2:hover {
  text-decoration: underline
}

.c-wave-info {
  height: 146px;
  overflow: hidden;
  position: relative
}

.c-wave-info img {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 2000px
}

@media screen and (max-width:767px) {
  .c-wave-info {
    height: 66px
  }
  .c-wave-info img {
    width: 100%
  }
}

.c-wave-info.is--flexible img {
  height: auto
}

.c-wave-svg {
  height: 140px;
  width: 100%
}

.c-wave-svg img {
  height: 100%;
  width: 100%
}

@media screen and (max-width:767px) {
  .c-wave-svg {
    height: 89px
  }
}

.c-wave-blue {
  height: 60px;
  width: 100%
}

.c-wave-blue img {
  height: 100%;
  width: 100%
}

@media screen and (max-width:767px) {
  .c-wave-blue {
    height: 35px
  }
}

.c-news-item {
  align-items: center;
  display: flex;
  font-size: 0
}

.c-news-item+.c-news-item {
  margin-top: 16px
}

@media screen and (max-width:767px) {
  .c-news-item {
    flex-wrap: wrap
  }
  .c-news-item+.c-news-item {
    margin-top: 11px
  }
}

.c-news-item__time {
  color: #53c3ef;
  font-size: "Roboto", sans-serif;
  font-size: 13px;
  letter-spacing: .26px;
  width: 97px
}

@media screen and (max-width:767px) {
  .c-news-item__time {
    font-size: 14px;
    letter-spacing: .28px;
    margin-right: 10px;
    width: auto
  }
}

.c-news-item__category {
  background-color: #f0ca00;
  border-radius: 99px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  margin-right: 20px;
  text-align: center;
  width: 100px
}

@media screen and (max-width:767px) {
  .c-news-item__category {
    height: 19px;
    line-height: 19px;
    margin-right: 0
  }
}

.c-news-item__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #818181;
  display: -webkit-box;
  font-size: 14px;
  letter-spacing: .4px;
  line-height: 1.3;
  overflow: hidden;
  width: calc(100% - 217px)
}

.c-news-item__title:hover {
  color: #53c3ef;
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .c-news-item__title {
    -webkit-line-clamp: 2;
    font-size: 15px;
    letter-spacing: .45px;
    line-height: 1.33;
    margin-top: 5px;
    width: 100%
  }
}

.c-required {
  background-color: #ff7f7b;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  height: 23px;
  letter-spacing: .3px;
  line-height: 23px;
  text-align: center;
  width: 40px
}

.c-required.is--any {
  background-color: #adadad
}

.c-input-select {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url(../images/bg_select.svg);
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 16px 10px;
  border: 1px solid #53c3ef;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  color: #818181;
  height: 44px;
  letter-spacing: .03em;
  padding: 9px 15px;
  width: 100%
}

.c-input-checkbox {
  -webkit-appearance: none;
  border: 1px solid #53c3ef;
  height: 20px;
  margin: 0;
  width: 20px
}

.c-input-checkbox:checked {
  background-image: url(../images/checkbox_checked.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.c-input-text {
  -webkit-appearance: none;
  border: 1px solid #53c3ef;
  border-radius: 4px;
  color: #818181;
  font-family: Zen Kaku Gothic New, sans-serif;
  height: 44px;
  letter-spacing: .5px;
  padding: 9px 15px;
  width: 100%
}

.c-input-text:focus {
  outline: none
}

.c-input-text::placeholder {
  color: #ccc;
  letter-spacing: .03em
}

.c-input-text.is--textarea {
  height: 200px
}

.c-input-text.is--error {
  background-color: #fff4f4;
  border-color: #ff7f7b
}

.c-pagination {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center
}

.c-pagination .current, .c-pagination .next, .c-pagination .num, .c-pagination .previous, .c-pagination .skip-next, .c-pagination .skip-previous {
  border-radius: 5px;
  color: #53c3ef;
  font-family: Roboto, sans-serif;
  font-size: 19px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transition: .3s;
  width: 32px
}

.c-pagination .current:hover, .c-pagination .next:hover, .c-pagination .num:hover, .c-pagination .previous:hover, .c-pagination .skip-next:hover, .c-pagination .skip-previous:hover {
  opacity: .6
}

.c-pagination .next.is--hide, .c-pagination .previous.is--hide, .c-pagination .skip-next.is--hide, .c-pagination .skip-previous.is--hide {
  opacity: .3!important;
  pointer-events: none
}

.c-pagination .current {
  background-color: #53c3ef;
  color: #fff;
  opacity: 1!important;
  pointer-events: none
}

.c-pagination .dot {
  color: #53c3ef;
  font-size: 18px;
  pointer-events: none
}

@media screen and (max-width:767px) {
  .c-pagination {
    gap: 5px;
    margin: 0 auto;
    max-width: 325px
  }
  .c-pagination .current, .c-pagination .next, .c-pagination .num, .c-pagination .previous, .c-pagination .skip-next, .c-pagination .skip-previous {
    height: 40px;
    line-height: 38px;
    width: 40px
  }
  .c-pagination .current, .c-pagination .dot, .c-pagination .num {
    display: none
  }
  .c-pagination .total {
    align-items: center;
    color: #53c3ef;
    display: flex!important;
    font-size: 19px;
    font-weight: 700;
    justify-content: center;
    width: calc(100% - 180px)
  }
  .c-pagination .total span:first-of-type {
    font-size: 26px
  }
  .u-pc {
    display: none!important
  }
}

.u-sp {
  display: none!important
}

@media screen and (max-width:767px) {
  .u-sp {
    display: block!important
  }
  .u-sp--dib {
    display: inline-block!important
  }
  .u-sp--df {
    display: flex!important
  }
}

.u-tac {
  text-align: center
}

.u-tal {
  text-align: left
}

.u-tar {
  text-align: right
}

.u-taj {
  text-align: justify
}

.u-db {
  display: block
}

.u-dib {
  display: inline-block
}

.u-di {
  display: inline
}

.u-dn {
  display: none
}

.u-df {
  display: flex
}

.u-fw100 {
  font-weight: 100
}

.u-fw200 {
  font-weight: 200
}

.u-fw300 {
  font-weight: 300
}

.u-fw400 {
  font-weight: 400
}

.u-fw500 {
  font-weight: 500
}

.u-fw600 {
  font-weight: 600
}

.u-fw700 {
  font-weight: 700
}

.u-fw800 {
  font-weight: 800
}

.u-fw900 {
  font-weight: 900
}

.u-lh1d1 {
  line-height: 1.1
}

.u-lh1d2 {
  line-height: 1.2
}

.u-lh1d3 {
  line-height: 1.3
}

.u-lh1d4 {
  line-height: 1.4
}

.u-lh1d5 {
  line-height: 1.5
}

.u-lh1d6 {
  line-height: 1.6
}

.u-lh1d7 {
  line-height: 1.7
}

.u-lh1d8 {
  line-height: 1.8
}

.u-lh1d9 {
  line-height: 1.9
}

.u-lh2 {
  line-height: 2
}

.u-lh2d1 {
  line-height: 2.1
}

.u-lh2d2 {
  line-height: 2.2
}

.u-lh2d3 {
  line-height: 2.3
}

.u-lh2d4 {
  line-height: 2.4
}

.u-lh2d5 {
  line-height: 2.5
}

.u-lh2d6 {
  line-height: 2.6
}

.u-lh2d7 {
  line-height: 2.7
}

.u-lh2d8 {
  line-height: 2.8
}

.u-lh2d9 {
  line-height: 2.9
}

.u-lh3 {
  line-height: 3
}

.u-bgc--white {
  background-color: #fff
}

.u-bgc--black {
  background-color: #000
}

.u-bgc--red {
  background-color: red
}

.u-bgc--thin {
  background-color: #ebebeb
}

.u-bgc--dark {
  background-color: #191919
}

.u-bgc--blue {
  background-color: #53c3ef
}

.u-bgc--yellow {
  background-color: #f0ca00
}

.u-bgc--beige {
  background-color: #faf8f4
}

.u-bgc--f2f2f2 {
  background-color: #f2f2f2
}

.u-bgc--f2faff {
  background-color: #f2faff
}

.u-pt0 {
  padding-top: 0!important
}

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

.u-color--black {
  color: #000
}

.u-color--red {
  color: red
}

.u-color--blue {
  color: #53c3ef
}

.u-color--yellow {
  color: #f0ca00
}

.u-underline {
  display: inline;
  text-decoration: underline
}

@keyframes modal-video {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes modal-video-inner {
  0% {
    transform: translateY(100px)
  }
  to {
    transform: translate(0)
  }
}

.modal-video {
  animation-duration: .3s;
  animation-name: modal-video;
  animation-timing-function: ease-out;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -ms-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  width: 100%;
  z-index: 1000000
}

.modal-video-close {
  opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px)
}

.modal-video-body {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 960px;
  padding: 0 10px
}

.modal-video-body, .modal-video-inner {
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.modal-video-inner {
  align-items: center
}

@media(orientation:landscape) {
  .modal-video-inner {
    box-sizing: border-box;
    padding: 10px 60px
  }
}

.modal-video-movie-wrap {
  animation-duration: .3s;
  animation-name: modal-video-inner;
  animation-timing-function: ease-out;
  background-color: #333;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  width: 100%
}

.modal-video-movie-wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.modal-video-close-btn {
  background: transparent;
  border: none;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -45px;
  width: 35px;
  z-index: 2
}

@media(orientation:landscape) {
  .modal-video-close-btn {
    right: -45px;
    top: 0
  }
}

.modal-video-close-btn:before {
  transform: rotate(45deg)
}

.modal-video-close-btn:after {
  transform: rotate(-45deg)
}

.modal-video-close-btn:after, .modal-video-close-btn:before {
  background: #fff;
  border-radius: 5px;
  content: "";
  height: 2px;
  left: 0;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 100%
}


.p-fc-greeting {
  margin-bottom: 91px;
}
.p-fc-greeting .p-fc-greeting__header {
  margin-bottom: 64px;
}
.p-fc-greeting .p-fc-greeting__body {
  width: 1015px;
  display: flex;
  margin-bottom: 64px;
  justify-content: space-between;
}
.p-fc-greeting .p-fc-greeting__body p {
  width: 705px;
}
.p-fc-greeting .p-fc-greeting__body picture {
  width: 200px;
}
@media screen and (max-width: 767px ) {
  .p-fc-greeting .p-fc-greeting__body {
    width: 100%;
    display: block;
    text-align: center;
  }
  .p-fc-greeting .p-fc-greeting__body p {
    width: 100%;
    text-align: left;
    margin-bottom: 32px;
  }
  .p-fc-greeting .p-fc-greeting__body img {
    display: inline-block;
    width: 200px;
  }
}
.p-fc-greeting .p-fc-greeting__table {
  width: 940px;
  margin: auto;
  border-radius: 4px;
  background: #FAF8F4;
  padding: 20px;
  display: block;
  /* Ja/BOLD 16 */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
}
.p-fc-greeting .p-fc-greeting__table .table-tl {
  width: 180px;
  padding: 2px 20px;
  text-align: center;
  gap: 10px;
  font-size: 14px;
  color: #fff;
  border-radius: 28px;
  background: #F0CA00;
  margin-bottom: 16px;
  font-weight: 700;
}
.p-fc-greeting .p-fc-greeting__table .table-name {
  display: block;
  margin-bottom: 16px;
  font-weight: 700;
}
.p-fc-greeting .p-fc-greeting__table p {
  font-weight: 400;
  margin-bottom: 16px;
}
.p-fc-greeting .p-fc-greeting__table dl {
  color: #818181;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 28.8px */
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.p-fc-greeting .p-fc-greeting__table dl dt {
  width: 80px;
  padding-bottom: 0px;
}
.p-fc-greeting .p-fc-greeting__table dl dd {
  width: calc(100% - 80px);
  padding-bottom: 0px;
  white-space: normal;
}
@media screen and (max-width: 767px ) {
  .p-fc-greeting .p-fc-greeting__table {
    text-align: center;
    width: 100%;
    padding: 10px 8px;
  }
  .p-fc-greeting .p-fc-greeting__table p {
    text-align: left;
  }
  .p-fc-greeting .p-fc-greeting__table dd {
    text-align: left;
  }
}

.p-fc-outline {
  margin-bottom: 120px;
}
.p-fc-outline .c-title-section {
  margin-bottom: 64px;
}
.p-fc-outline .p-fc-outline__body {
  display: flex;
  width: 1100px;
}
.p-fc-outline .p-fc-outline__body table {
  width: 445px;
}
.p-fc-outline .p-fc-outline__body table tr {
  border-bottom: 1px solid #A2DDF4;
}
.p-fc-outline .p-fc-outline__body table th {
  border-bottom: 1px solid #A2DDF4;
  text-align: left;
  width: 109px;
  color: #F0CA00;
  /* Ja/BOLD 16 */
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
  padding: 16px 0px 10px;
}
.p-fc-outline .p-fc-outline__body table td {
  width: 326px;
  border-bottom: 1px solid #A2DDF4;
  padding: 16px 0px 10px;
}
.p-fc-outline .p-fc-outline__body picture {
  width: 646px;
}
@media screen and (max-width: 767px ) {
  .p-fc-outline .p-fc-outline__body {
    display: block;
    width: 100%;
  }
  .p-fc-outline .p-fc-outline__body table {
    width: 100%;
    margin-bottom: 32px;
  }
  .p-fc-outline .p-fc-outline__body picture {
    width: 100%;
  }
}

.p-fc-about .p-fc-about__header {
  background-color: #F2FAFF;
  padding: 64px 0px;
}
.p-fc-about .p-fc-about__header.is--space64 {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px ) {
  .p-fc-about .p-fc-about__header.is--space64 {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px ) {
  .p-fc-about .p-fc-about__header {
    padding: 32px 0px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px ) {
  .p-fc-about .c-title-section {
    padding: 0px 25px;
  }
}
.p-fc-about .c-title-section .c-title-section__en {
  color: #B2EAFC !important;
  margin-bottom: 16px;
}
.p-fc-about .c-title-section .c-title-section__ja {
  color: #53C3EF !important;
  font-size: 28px;
}

.p-fc-about2 {
  background: linear-gradient(90deg, #53C3EF 0%, #53C3EF 50%, #fff 50%, #fff 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 486px;
  position: relative;
}
.p-fc-about2 .p-fc-about2-wrap {
  display: flex;
  width: 1100px;
  margin: 120px auto 230px;
}
.p-fc-about2 .p-fc-about2-wrap .p-fc-misson {
  width: 50%;
  text-align: center;
  color: #fff;
}
.p-fc-about2 .p-fc-about2-wrap .p-fc-misson .misson_title__en {
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px ) {
  .p-fc-about2 .p-fc-about2-wrap .p-fc-misson .misson_title__en {
    margin-bottom: 24px;
  }
}
.p-fc-about2 .p-fc-about2-wrap .p-fc-misson .misson_title__ja {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}
.p-fc-about2 .p-fc-about2-wrap .p-fc-vison {
  width: 50%;
  text-align: center;
  color: #53C3EF;
}
.p-fc-about2 .p-fc-about2-wrap .p-fc-vison .vison_title__en {
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px ) {
  .p-fc-about2 .p-fc-about2-wrap .p-fc-vison .vison_title__en {
    margin-bottom: 24px;
  }
}
.p-fc-about2 .p-fc-about2-wrap .p-fc-vison .vison_title__ja {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}
.p-fc-about2 .c-wave-fc {
  height: 140px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
.p-fc-about2 .c-wave-fc img {
  height: 100%;
}
@media screen and (max-width: 767px ) {
  .p-fc-about2 {
    display: block;
    background: transparent;
    height: auto;
  }
  .p-fc-about2 .p-fc-about2-wrap {
    margin: 0px;
    display: block;
    width: 100%;
    text-align: center;
  }
  .p-fc-about2 .p-fc-about2-wrap .p-fc-misson {
    width: 100%;
    background-color: #53C3EF;
    padding: 99px 0px 167px;
  }
  .p-fc-about2 .p-fc-about2-wrap .p-fc-vison {
    width: 100%;
    padding: 99px 0px 167px;
  }
  .p-fc-about2 .c-wave-fc {
    height: 66px !important;
  }
}

.p-fc-photo {
  padding-top: 100px;
  margin-bottom: 100px;
}
.p-fc-photo .p-fc-photo__header {
  position: relative;
  margin-bottom: 200px;
}
.p-fc-photo .p-fc-photo__header:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  height: 231px;
  background: url("../images/img_store.png");
  background-size: cover;
}
.p-fc-photo .p-fc-photo__body {
  display: flex;
  width: 900px;
  margin: auto;
  gap: 40px;
}
.p-fc-photo .p-fc-photo__body .photo__col {
  text-align: center;
}
.p-fc-photo .p-fc-photo__body .photo__col .photo__col_title {
  display: flex;
  padding: 2px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 28px;
  background: #F0CA00;
  color: #fff;
  margin-bottom: 40px;
  font-size: 14px;
  width: 140px;
  margin: auto auto 40px;
}
.p-fc-photo .p-fc-photo__body .photo__col img {
  width: 306px;
}
.p-fc-photo .p-fc-photo__body .photo__col:last-child img {
  width: 156px;
}
@media screen and (max-width: 767px ) {
  .p-fc-photo .p-fc-photo__header {
    margin-bottom: 32px;
  }
  .p-fc-photo .p-fc-photo__header:before {
    display: none;
  }
  .p-fc-photo .p-fc-photo__body {
    display: block;
    width: 100%;
  }
  .p-fc-photo .p-fc-photo__body .photo__col {
    margin-bottom: 32px;
  }
  .p-fc-photo .p-fc-photo__body .photo__col:last-child img {
    width: 240px;
  }
}

.p-fc-store {
  margin-bottom: 120px;
}
.p-fc-store .p-fc-store__header {
  margin-bottom: 64px;
}
.p-fc-store .p-fc-store__body {
  display: flex;
  width: 954px;
  margin: auto;
  gap: 64px;
  margin-bottom: 64px;
}
.p-fc-store .p-fc-store__body p {
  width: 288px;
  color: #818181;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 28.8px */
}
.p-fc-store .p-fc-store__body p span {
  font-size: 12px;
}
@media screen and (max-width: 767px ) {
  .p-fc-store .p-fc-store__body {
    display: block;
    width: calc(100% - 34px);
    margin: auto;
  }
  .p-fc-store .p-fc-store__body p {
    width: 100%;
    margin-bottom: 32px;
  }
  .p-fc-store .p-fc-store__body .p-fc-store__body__photo {
    width: 100%;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px ) {
  .p-fc-store .p-fc-store__body2 {
    display: block;
    width: calc(100% - 34px);
    margin: auto;
  }
}
.p-fc-store .p-fc-store__body__photo {
  width: 600px;
}
@media screen and (max-width: 767px ) {
  .p-fc-store .p-fc-store__body__photo {
    width: 100%;
  }
}
.p-fc-store .sub_title {
  width: 197px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px ) {
  .p-fc-store .sub_title {
    text-align: center;
    width: 100%;
  }
  .p-fc-store .sub_title img {
    width: 200px;
  }
}
.p-fc-store .p-fc-store__body__table {
  text-align: center;
  color: #F0CA00;
  /* Ja/BOLD 16 */
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
}
.p-fc-store .p-fc-store__body__table span {
  display: inline-block;
  margin-bottom: 16px;
}
.p-fc-store .p-fc-store__body__table img {
  width: 608px;
}
@media screen and (max-width: 767px ) {
  .p-fc-store .p-fc-store__body__table img {
    width: 100%;
  }
}

@media screen and (max-width: 767px ) {
  .p-fc-graph {
    padding-top: 32px;
  }
}
.p-fc-graph .p-fc-graph__header {
  margin-bottom: 64px;
}
.p-fc-graph .p-fc-graph__body {
  text-align: center;
  margin-bottom: 100px;
}
.p-fc-graph .p-fc-graph__body2 {
  margin-bottom: 100px;
}
.p-fc-graph .p-fc-graph__body2 .box {
  width: 904px;
  margin: auto auto 16px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-graph__body2 .box {
    width: calc(100% - 62px);
    padding: 32px;
  }
}
.p-fc-graph .p-fc-graph__body2 ul {
  width: 904px;
  margin: auto;
}
.p-fc-graph .p-fc-graph__body2 ul li {
  text-indent: -2em;
  padding-left: 3em;
  font-size: 12px;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-graph__body2 ul {
    width: 100%;
  }
}
.p-fc-graph .p-fc-graph__body3 {
  margin-bottom: 100px;
}
.p-fc-graph .p-fc-graph__body3 .box {
  width: 886px;
  display: flex;
  gap: 40px;
  margin: auto auto 16px;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-graph__body3 .box {
    display: block;
    width: 100%;
  }
  .p-fc-graph .p-fc-graph__body3 .box img {
    margin-bottom: 32px;
  }
}
.p-fc-graph .p-fc-graph__body3 ul {
  width: 886px;
  margin: auto;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-graph__body3 ul {
    width: 100%;
    margin-top: -40px;
  }
}
.p-fc-graph .p-fc-graph__body3 ul li {
  text-indent: -2em;
  padding-left: 3em;
  font-size: 12px;
}
.p-fc-graph .graph_box {
  width: 840px;
  margin: auto;
  display: flex;
  padding: 40px;
  align-items: center;
  gap: 64px;
  border-radius: 4px;
  background: var(--, #FFF);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  position: relative;
}
.p-fc-graph .graph_box:before {
  content: "";
  background: url("../images/graph_img.png");
  background-size: cover;
  width: 225px;
  height: 255px;
  position: absolute;
  right: -135px;
  bottom: -50px;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .graph_box {
    width: 100%;
    display: block;
    box-shadow: none;
    padding: 0px 20px 300px;
    margin-bottom: 32px;
  }
  .p-fc-graph .graph_box img {
    margin-bottom: 32px;
  }
  .p-fc-graph .graph_box:before {
    content: "";
    background: url("../images/graph_img.png");
    background-size: cover;
    width: 280px;
    height: 240px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 0px;
  }
}
.p-fc-graph .graph_box .tl {
  color: #F0CA00;
  /* Ja/BOLD 16 */
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
}
.p-fc-graph .graph_box .txt_box {
  text-align: center;
}
.p-fc-graph .graph_box .txt_box .tl2 {
  padding: 16px 0px;
  text-align: center;
  color: #53C3EF;
  /* Ja/BOLD 48 */
  font-family: "Zen Kaku Gothic New";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.p-fc-graph .graph_box .txt_box .tl2 span {
  font-size: 32px;
  line-height: 1;
}
.p-fc-graph .graph_box .txt_box .tl2 span:nth-child(3) {
  font-size: 28px;
}
.p-fc-graph .graph_box .txt_box .at {
  color: #818181;
  /* Ja/regular 12 */
  font-family: "Zen Kaku Gothic New";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
}
.p-fc-graph .graph_box img {
  width: 260px;
}
.p-fc-graph .p-fc-plan__header {
  position: relative;
  z-index: 1;
}
.p-fc-graph .p-fc-plan__body {
  background-color: #F2FAFF;
  margin-top: -20px;
  padding-top: 80px;
  padding-bottom: 120px;
  margin-bottom: 280px;
  width: 100%;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-plan__body {
    width: calc(100% + 50px);
    margin: -20px -25px 0px;
  }
}
.p-fc-graph .p-fc-plan__body .box_top {
  display: flex;
  width: 800px;
  margin: auto auto 40px;
  gap: 40px;
  align-items: flex-start;
}
.p-fc-graph .p-fc-plan__body .box_top .img_box {
  width: 319px;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-plan__body .box_top {
    width: 100%;
    display: block;
    text-align: center;
  }
  .p-fc-graph .p-fc-plan__body .box_top .img_box {
    text-align: center;
    width: 100%;
    margin-bottom: 32px;
  }
  .p-fc-graph .p-fc-plan__body .box_top .img_box img {
    width: 240px;
  }
}
.p-fc-graph .p-fc-plan__body .box_bottom {
  text-align: center;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-plan__body .box_bottom {
    width: calc(100% - 40px);
    margin: auto;
  }
}
.p-fc-graph .p-fc-plan__body .box_bottom .img_box1 {
  display: inline-block;
  text-align: center;
  width: 465px;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-plan__body .box_bottom .img_box1 {
    width: 100%;
    max-width: 302px;
  }
}
.p-fc-graph .p-fc-plan__body .box_bottom .img_box2 {
  text-align: center;
  padding: 20px 0px;
}
.p-fc-graph .p-fc-plan__body .box_bottom .img_box2 img {
  width: 42px;
  text-align: center;
  margin: auto;
}
.p-fc-graph .p-fc-plan__body .box_bottom .img_box3 {
  display: inline-block;
  text-align: center;
  width: 875px;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-plan__body .box_bottom .img_box3 {
    width: 100%;
    max-width: 302px;
  }
}
.p-fc-graph .p-fc-plan__body .txt_box {
  border-radius: 4px;
  background: #FFF;
  text-align: center;
  padding: 32px 20px 20px;
  position: relative;
}
@media screen and (max-width: 767px ) {
  .p-fc-graph .p-fc-plan__body .txt_box {
    width: calc(100% - 40px);
    margin: auto;
  }
}
.p-fc-graph .p-fc-plan__body .txt_box .tl {
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -140px;
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 280px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 28px;
  background: #F0CA00;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.16);
}
.p-fc-graph .p-fc-plan__body .txt_box p {
  text-align: left;
  color: #53C3EF;
  /* Ja/BOLD 16 */
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
  margin-bottom: 16px;
}
.p-fc-graph .p-fc-plan__body .txt_box ul {
  text-align: left;
  font-size: 12px;
}

.c-wave {
  position: relative;
}

.p-home-about.is_fc {
  padding-top: 100px;
  background: linear-gradient(180deg, #FFF 0%, #FCFBF8 24.6%, #FAF8F4 100%);
}
.p-home-about.is_fc .p-home-about__title {
  top: -20px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .p-home-about__title {
    text-align: center;
  }
}
.p-home-about.is_fc .p-fc-strength__header {
  padding-top: 100px;
  margin-bottom: 64px;
}
.p-home-about.is_fc .list_box {
  margin-bottom: 64px;
  margin-top: 100px;
}
.p-home-about.is_fc .card {
  display: flex;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card {
    display: block;
    margin-right: 0px;
    margin-bottom: 32px;
  }
  .p-home-about.is_fc .card p {
    margin-bottom: 32px;
  }
}
.p-home-about.is_fc .card.no1 p {
  width: 285px;
  margin-right: 215px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no1 p {
    width: 100%;
    margin-right: 0px;
  }
}
.p-home-about.is_fc .card.no2 {
  margin-bottom: 94px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no2 {
    margin-bottom: 42px;
  }
}
.p-home-about.is_fc .card.no2 .txt_box {
  order: 2;
}
.p-home-about.is_fc .card.no2 .txt_box p {
  width: 420px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no2 .txt_box p {
    width: 100%;
  }
}
.p-home-about.is_fc .card.no2 .txt_box p span {
  font-size: 12px;
  display: inline-block;
  margin-top: 16px;
}
.p-home-about.is_fc .card.no2 .img_box {
  order: 1;
}
.p-home-about.is_fc .card.no2 .img_box {
  margin-right: 78px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no2 .img_box {
    width: 100%;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no2 .tl {
    text-align: right;
  }
}
.p-home-about.is_fc .card.no3 {
  text-align: center;
  display: block;
}
.p-home-about.is_fc .card.no3 .txt_box {
  width: 100%;
  margin-bottom: 70px;
}
.p-home-about.is_fc .card.no3 .price_box .tl {
  text-align: center;
  margin-bottom: 0px;
}
.p-home-about.is_fc .card.no3 .price_box .tl span {
  color: #53C3EF;
}
.p-home-about.is_fc .card.no3 .price_box .tl .price1 {
  margin-right: 14px;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no3 .price_box .tl .price1 {
    width: 100%;
    text-align: center;
  }
}
.p-home-about.is_fc .card.no3 .price_box .tl .price2 {
  display: inline-block;
  font-family: "Zen Kaku Gothic New";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 67.2px */
  position: relative;
  display: inline-block;
}
.p-home-about.is_fc .card.no3 .price_box .tl .price2:before {
  content: "※";
  position: absolute;
  top: -25px;
  right: -15px;
  font-size: 12px;
}
.p-home-about.is_fc .card.no3 .price_box .tl .price2 span {
  font-size: 24px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no3 .price_box .tl .price2 {
    text-align: center;
  }
}
.p-home-about.is_fc .card.no3 .price_box .at {
  width: 350px;
  font-size: 12px;
  color: #818181;
  text-align: left;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no3 .price_box .at {
    width: 100%;
    text-align: center;
  }
}
.p-home-about.is_fc .card.no5 {
  display: block;
  position: relative;
  padding-bottom: 120px;
  margin: auto;
  margin-bottom: 0px;
  width: 915px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5 {
    padding-top: 120px;
    width: 100%;
  }
}
.p-home-about.is_fc .card.no5 .card_inner {
  position: relative;
  background-color: #fff;
  padding: 32px 40px;
  z-index: 1;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5 .card_inner {
    background-color: transparent;
    padding: 32px 0px;
  }
}
.p-home-about.is_fc .card.no5 .img_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5 .img_list {
    display: block;
    background-color: #fff;
    padding: 16px 24px;
    width: 232px;
    margin: auto auto 16px;
  }
}
.p-home-about.is_fc .card.no5 .img_list li {
  width: 48%;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5 .img_list li {
    width: 100%;
    margin-bottom: 30%;
  }
  .p-home-about.is_fc .card.no5 .img_list li:last-child {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5 .at_list {
    width: 300px;
    margin: auto;
  }
}
.p-home-about.is_fc .card.no5 .at_list li {
  color: #818181;
  /* Ja/regular 12 */
  font-family: "Zen Kaku Gothic New";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5 .at_list li {
    text-indent: -2.2em;
    padding-left: 2.2em;
  }
}
.p-home-about.is_fc .card.no5:before {
  content: "";
  background: url("../images/fc_market_img.png");
  background-size: cover;
  position: absolute;
  right: 0px;
  top: -210px;
  width: 181px;
  height: 340px;
  z-index: 0;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card.no5:before {
    right: 50%;
    margin-right: -65px;
    width: 130px;
    height: 240px;
    top: 0px;
  }
}
.p-home-about.is_fc .card.no5 .at_list {
  color: #818181;
  /* Ja/regular 12 */
  font-family: "Zen Kaku Gothic New";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
}
.p-home-about.is_fc .card .tl {
  color: #53C3EF;
  /* Ja/BOLD 20 */
  font-family: "Zen Kaku Gothic New";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 28px */
  margin-bottom: 16px;
}
.p-home-about.is_fc .card .tl span {
  color: #F0CA00;
}
.p-home-about.is_fc .card .img_box img {
  width: 600px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .card .img_box img {
    width: 100%;
  }
}
.p-home-about.is_fc .graph_box {
  width: 828px;
  margin: auto auto 64px;
  display: flex;
  padding: 20px;
  align-items: flex-start;
  gap: 64px;
  background-color: #fff;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .graph_box {
    display: block;
    width: 100%;
    margin-right: 0px;
  }
}
.p-home-about.is_fc .graph_box .graph1 {
  width: 346px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .graph_box .graph1 {
    width: 100%;
    margin-bottom: 32px;
  }
}
.p-home-about.is_fc .graph_box .graph2 {
  width: 378px;
}
@media screen and (max-width: 767px ) {
  .p-home-about.is_fc .graph_box .graph2 {
    width: 100%;
    margin-bottom: 32px;
  }
}
.p-home-about.is_fc .graph_box p {
  text-align: center;
  color: #F0CA00;
  /* Ja/BOLD 16 */
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
  text-align: left;
}
.p-home-about.is_fc .graph_box .at {
  width: 100%;
  margin-top: 16px;
  display: inline-block;
  text-align: left;
  color: #818181;
  /* Ja/regular 12 */
  font-family: "Zen Kaku Gothic New";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
}
.p-home-about.is_fc .p-home-about__wave {
  background-color: #fff !important;
}

.p-home-plan {
  padding-top: 120px;
  margin-bottom: 120px;
}
.p-home-plan .p-fc-plan__header {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px ) {
  .p-home-plan .p-fc-plan__header {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px ) {
  .p-home-plan .p-fc-plan__header .c-title-section {
    text-align: left;
  }
}
.p-home-plan .ini_box {
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px ) {
  .p-home-plan .ini_box {
    margin-bottom: 32px;
  }
}
.p-home-plan .ini_box .ini_txt {
  color: #F0CA00;
  font-family: "Zen Kaku Gothic New";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 16px;
}
.p-home-plan .ini_box .ini_txt span {
  font-size: 16px;
}
.p-home-plan .ini_box .ini_at {
  color: #818181;
  /* Ja/regular 12 */
  font-family: "Zen Kaku Gothic New";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
}
.p-home-plan .table_box {
  margin-bottom: 100px;
}
.p-home-plan .table_box table {
  width: 480px;
  border-collapse: collapse;
  margin: auto auto 16px;
}
@media screen and (max-width: 767px ) {
  .p-home-plan .table_box table {
    width: calc(100% - 20px);
    margin: auto;
    margin-bottom: 8px;
  }
}
.p-home-plan .table_box table tr th {
  width: 240px;
  text-align: center;
  border: 1px solid #818181;
  background: #53C3EF;
  padding: 10px;
  color: #fff;
}
.p-home-plan .table_box table tr td {
  width: 240px;
  text-align: center;
  border: 1px solid #818181;
  background: #FFF;
  padding: 10px;
}
.p-home-plan .table_box .at {
  width: 584px;
  margin: auto;
  color: #818181;
  /* Ja/regular 12 */
  font-family: "Zen Kaku Gothic New";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
}
@media screen and (max-width: 767px ) {
  .p-home-plan .table_box .at {
    width: 100%;
    margin-bottom: 32px;
  }
  .p-home-plan .table_box .at li {
    text-indent: -1em;
    padding-left: 1em;
  }
}
.p-home-plan .p-fc-sch__header {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px ) {
  .p-home-plan .p-fc-sch__header {
    width: 100%;
    text-align: right;
    margin-bottom: 32px;
  }
  .p-home-plan .p-fc-sch__header .c-title-section {
    align-items: revert;
    text-align: right;
  }
}
.p-home-plan .p-fc-sch__body {
  position: relative;
}
@media screen and (max-width: 767px ) {
  .p-home-plan .p-fc-sch__body {
    width: calc(100% + 50px);
    margin: 0px -25px;
  }
}
.p-home-plan .p-fc-sch__body:before {
  content: "";
  position: absolute;
  top: -170px;
  left: 50%;
  margin-left: -330px;
  width: 146px;
  height: 220px;
  background: url("../images/fc_sch_img%402x.png");
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 767px ) {
  .p-home-plan .p-fc-sch__body:before {
    left: 20px;
    top: -120px;
    margin-left: 0px;
    width: 100px;
    height: 160px;
  }
}
.p-home-plan .p-fc-sch__body img {
  position: relative;
}

.p-home-about__wave {
  background-color: #fff;
}
@media screen and (max-width: 767px ) {
  .p-home-about__wave {
    background-color: #FAF8F4;
  }
}

/* ================================
.p-home-faq
================================ */
.p-home-faq .p-fc-sch__header {
  background-color: #FAF8F4;
  padding-top: 120px;
}
@media screen and (max-width: 767px ) {
  .p-home-faq .p-fc-sch__header {
    padding-top: 72px;
  }
}

/*
.p-home-faq__wave
================================ */
.p-home-faq__wave {
  width: 100%;
  height: 61px;
}
@media screen and (max-width: 767px ) {
  .p-home-faq__wave {
    height: 41px;
  }
}

/*
.p-home-faq__body
================================ */
.p-home-faq__body {
  position: relative;
  padding: 40px 0 100px;
  background-color: #FAF8F4;
}
@media screen and (max-width: 767px ) {
  .p-home-faq__body {
    padding: 30px 0 70px;
  }
}

/*
.p-home-faq__illust
================================ */
.p-home-faq__illust {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 319px;
}
@media screen and (max-width: 767px ) {
  .p-home-faq__illust {
    width: 234px;
    top: 10px;
  }
}

/*
.p-home-faq__message
================================ */
.p-home-faq__message {
  padding-top: 25px;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.03em;
}
.p-home-faq__message span {
  display: inline;
  color: #53C3EF;
}
@media screen and (max-width: 767px ) {
  .p-home-faq__message {
    padding-top: 30px;
    text-align: left;
    line-height: 1.33;
  }
}

.p-home-faq__list {
  margin-top: 40px;
}
@media screen and (max-width: 767px ) {
  .p-home-faq__list {
    margin-top: 15px;
  }
}

.p-home-contact {
  width: 800px;
  margin: 300px auto 0px;
  padding: 100px;
  border-radius: 8px;
  background: var(--, #FFF);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
@media screen and (max-width: 767px ) {
  .p-home-contact {
    padding: 72px 25px;
    width: calc(100% - 10px);
    margin: 200px auto 100px;
  }
}
.p-home-contact:before {
  content: "";
  position: absolute;
  top: -207px;
  left: 50%;
  height: 280px;
  width: 615px;
  margin-left: -307px;
  background: url("../images/img_contact.svg");
  background-size: cover;
}
@media screen and (max-width: 767px ) {
  .p-home-contact:before {
    top: -127px;
    left: 50%;
    margin-left: -50%;
    height: 300px;
    width: calc(100% - 40px);
    background: url("../images/img_contact.svg") no-repeat;
    background-size: 100% auto;
  }
}
.p-home-contact .p-fc-contact__header {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px ) {
  .p-home-contact .p-fc-contact__header {
    margin-bottom: 24px;
  }
}
.p-home-contact .p-fc-contact__body p {
  text-align: center;
  color: #F0CA00;
  /* Ja/BOLD 16 */
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
}
.p-home-contact .c-button-type3 {
  height: 64px;
  font-size: 20px;
}

.u-bgc--f2faff {
  background-color: #F2FAFF;
}
.u-bgc--f2faff::after {
  background-color: #F0CA00 !important;
  transition: background-color 0.3s, transform 0.3s;
}
.u-bgc--f2faff::before {
  background-color: #F0CA00 !important;
  transition: background-color 0.3s, transform 0.3s;
}

.p-qa__header.is--open.u-bgc--f2faff {
  background-color: #F0CA00;
}
.p-qa__header.is--open.u-bgc--f2faff::after {
  background-color: #fff !important;
}
.p-qa__header.is--open.u-bgc--f2faff::before {
  background-color: #fff !important;
  transform: translateY(-1px) rotate(0deg);
}

.p-fc-mv {
  position: relative;
  top: 0px;
  left: 0px;
}
.p-fc-mv .p-fc-mv__inner.u-pc {
  background: url("../images/fc_main_bk_pc.png") no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: relative;
}
.p-fc-mv .p-fc-mv__inner.u-pc img {
  height: calc(100vh - 60px);
  margin-top: 40px;
  margin-bottom: 20px;
  width: auto;
}
@media screen and (max-width: 767px ) {
  .p-fc-mv .p-fc-mv__inner.u-pc {
    display: none !important;
  }
  .p-fc-mv .p-fc-mv__inner.u-sp {
    background: url("../images/fc_main_bk_sp%402x.png") no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .p-fc-mv .p-fc-mv__inner.u-sp img {
    width: 100%;
  }
  .p-fc-mv .p-fc-mv__inner.u-sp:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 83px;
    background: url("../images/fc_main_bottom_sp%402x.png") no-repeat;
    background-size: 100% 100%;
  }
}

.p-fc-mv__inner {
  width: 100%;
  margin-bottom: 100px;
}

.p-fc-mv__layer4 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100vh;
  height: 100%;
}

.p-fc-fixed-menu {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 240px;
  height: 240px;
  background: url("../images/fc_bn.png") no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  padding-top: 180px;
  text-align: center;
  z-index: 999;
}
.p-fc-fixed-menu p {
  display: none;
}
.p-fc-fixed-menu .btn_close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  background: url("../images/fixed_menu_close.svg") no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  cursor: pointer;
}
.p-fc-fixed-menu .c-button-type2 {
  width: 80%;
}
@media screen and (max-width: 767px ) {
  .p-fc-fixed-menu {
    display: block;
    background: none;
    width: 100%;
    height: 80px;
    background-color: #F0CA00;
    padding-top: 10px;
    padding-bottom: 30px;
    z-index: 999;
  }
  .p-fc-fixed-menu .btn_close {
    display: none;
  }
  .p-fc-fixed-menu .p-fc-fixed-menu--inner {
    display: flex;
    padding: 0px 20px;
  }
  .p-fc-fixed-menu p {
    width: 50%;
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    /* Ja/BOLD 14 */
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    /* 22.4px */
  }
  .p-fc-fixed-menu .c-button-type2 {
    width: 50%;
    float: left;
  }
}

@media screen and (max-width: 767px ) {
  .is_fc c-title-section {
    padding: 32px 25px;
    margin-bottom: 32px;
  }
}
.is_fc .c-title-section__en {
  color: #EFEBDF !important;
}
.is_fc .c-title-section__ja {
  color: #F0CA00 !important;
}
@media screen and (max-width: 767px ) {
  .is_fc .c-title-section__ja {
    font-size: 28px !important;
  }
}
.is_fc.is--pc-center {
  text-align: center;
}

.u-bgc--f2faff {
  background-color: #f2faff;
}

.l-body:has(.fc-page) + .l-footer {
  padding-bottom: 108px;
}