@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital@1&family=Noto+Sans+JP:wght@500;700&family=Noto+Serif+JP:wght@400;700&family=Poppins:wght@400;600&display=swap");

.site-main {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9c9ce+0,ffffff+50,ebced3+100 */
  background: linear-gradient(to right, rgba(233, 201, 206, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(235, 206, 211, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 768px) {
  .modaal-container {
    max-width: 83.33333333333334vw;
  }
  .modal-cont.row {
    max-width: 68.05555555555556vw;
  }
}
.modal-cont ul.notes {
  font-size: var(--pixel14);
}

.intextlink,
.intextlink:hover {
  text-decoration: underline;
}

.site-header .masthead .content .saisontop > a {
  border-bottom: var(--pixel01) solid #464646;
}
@media only screen and (min-width: 768px) {
  .site-header .row {
    width: auto;
  }
  .site-header .masthead {
    padding: 1.39vw 0;
  }
  .site-header .masthead .content .brand-logo {
    width: 34.72vw;
  }
  .site-header .masthead .content .brand-logo .brand-logo-desc {
    font-size: var(--pixel11);
  }
  .site-header .masthead .content .brand-logo .brand-logo-img > a {
    padding: 0.35vw 0.35vw 0.35vw 0;
  }
  .site-header .masthead .content .brand-logo .brand-logo-img img {
    width: 27.08vw;
  }
  .site-header .masthead .content .saisontop {
    width: calc(100% - 34.72vw - 12.5vw);
    padding-right: 1.39vw;
  }
  .site-header .masthead .content .saisontop > a {
    font-size: var(--pixel12);
  }
  .site-header .masthead .content .official {
    padding: 0.35vw 0;
    height: 3.82vw;
  }
  .site-header .masthead .content .official > img {
    height: 3.13vw;
    padding: 0 1.39vw;
  }
  .globalnav {
    padding: 0.69vw 0;
  }
  .globalnav li,
  .globalnav .login > li {
    border-radius: 0.35vw;
    height: 3.47vw;
  }
  .globalnav li:after {
    top: calc(50% - 0.3vw);
    right: 0.56vw;
    width: 0.56vw;
    height: 0.56vw;
  }
  .globalnav li > a {
    padding: 0.69vw 1.04vw 0.69vw 0.69vw;
    font-size: var(--pixel14);
  }
  .globalnav .login > li a {
    font-size: var(--pixel14);
  }
}
@media only screen and (max-width: 767px) {
  .site-header .masthead {
    padding: 3.47vw 2.13vw 3.47vw 4vw;
    height: 13.6vw;
    width: calc(100% - 13.33vw);
  }
  .site-header .masthead .content .brand-logo .brand-logo-img {
    padding-bottom: 0.8vw;
    padding-right: 2.13vw;
  }
  .site-header .masthead .content .brand-logo .brand-logo-img img {
    max-width: 106.67vw;
  }
  .site-header .masthead .content .official {
    width: 28vw;
  }
  .site-header .masthead .content .official > img {
    height: 5.87vw;
    padding: 0 2.13vw;
  }
  .site-header .masthead .content .official > img:last-child {
    padding-left: 2.13vw;
  }
  .hamburger {
    padding: 2.93vw 2.93vw 5.6vw 2.93vw;
    width: 13.33vw;
    height: 13.6vw;
  }
  .hamburger:after {
    font-size: var(--pixel10);
  }
  .hamburger-box {
    width: 7.47vw;
    height: 4.8vw;
  }
  .hamburger-inner {
    margin-top: -0.4vw;
  }
  .hamburger-inner::before {
    top: -2.13vw;
  }
  .hamburger-inner::after {
    bottom: -2.13vw;
  }
  .gn-nav .hamburger-inner,
  .gn-nav .hamburger-inner::before,
  .gn-nav .hamburger-inner::after {
    height: 0.53vw;
    width: 7.47vw;
    border-radius: 0.8vw;
  }
}
@-webkit-keyframes slidenav {
  0% {
    right: -100%;
    width: 0%;
  }
  100% {
    right: 0;
    width: calc(100% - 13.33vw);
  }
}
@keyframes slidenav {
  0% {
    right: -100%;
    width: 0%;
  }
  100% {
    right: 0;
    width: calc(100% - 13.33vw);
  }
}

/** ITEM ENTRY BUTTON
==============================================*/
.item-entry-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d6e3b+0,f4cf82+50,bf9c51+100 */
  background: linear-gradient(45deg, rgba(141, 110, 59, 1) 0%, rgba(244, 207, 130, 1) 50%, rgba(191, 156, 81, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-position: center center;
  background-size: 200% auto;
  line-height: 1.2;
}
.item-entry-button:hover {
  opacity: 1;
  color: #fff;
}
.item-entry-button:before,
.item-entry-button:after {
  content: "";
  position: absolute;
}
.item-entry-button:before {
  background-color: #fff;
  border-radius: 50%;
}
.item-entry-button:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.72%2011.28%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23dbb777%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2.16px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22KV%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221.08%201.08%205.64%205.64%201.08%2010.21%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media only screen and (min-width: 768px) {
  .item-entry-button {
    border: 0.14vw solid #f4cf82;
    min-width: 18.68vw;
    max-width: 29.17vw;
    min-height: 4.79vw;
    border-radius: 2.26vw;
    font-size: var(--pixel26);
    text-shadow: 0.26vw 0.17vw 0.09vw rgb(0, 0, 0, 0.25);
    padding: 0.5vw 4.6vw 0.5vw 3vw;
    transition: all 0.3s ease-out;
  }
  .item-entry-button:hover {
    background-position: 0% center;
  }
  .item-entry-button:before {
    width: 2.55vw;
    height: 2.55vw;
    right: 1.6vw;
    top: calc(50% - 1.275vw);
  }
  .item-entry-button:after {
    width: 0.49vw;
    height: 0.83vw;
    right: 2.63vw;
    top: calc(50% - 0.415vw);
  }
}
@media only screen and (max-width: 767px) {
  .item-entry-button {
    border: 0.53vw solid #f4cf82;
    min-width: 68.16vw;
    min-height: 16.16vw;
    border-radius: 8.26vw;
    font-size: var(--pixel21);
    text-shadow: 0.86vw 0.57vw 0.29vw rgb(0, 0, 0, 0.25);
    padding-right: 16vw;
    padding-left: 10vw;
  }
  .item-entry-button:before {
    width: 8.59vw;
    height: 8.59vw;
    right: 5.33vw;
    top: calc(50% - 4.295vw);
  }
  .item-entry-button:after {
    width: 1.6vw;
    height: 2.67vw;
    right: 8.67vw;
    top: calc(50% - 1.335vw);
  }
}

/** ROSE GOLD LABEL
==============================================*/
.rose-gold-label {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0c4d0+0,df828f+24,df828f+24 */
  background: linear-gradient(135deg, rgba(240, 196, 208, 1) 0%, rgba(223, 130, 143, 1) 50%, rgba(223, 130, 143, 1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: relative;
  color: #fff;
}
.rose-gold-label:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d6e3b+0,f4cf82+50,bf9c51+100 */
  background: linear-gradient(45deg, rgba(141, 110, 59, 1) 0%, rgba(244, 207, 130, 1) 50%, rgba(191, 156, 81, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 768px) {
  .rose-gold-label {
    -webkit-filter: drop-shadow(0.49vw 0.49vw 0.35vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0.49vw 0.49vw 0.35vw rgba(0, 0, 0, 0.1));
  }
  .rose-gold-label:before {
    height: 0.28vw;
    -webkit-filter: drop-shadow(0.1vw 0.1vw 0.07vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0.1vw 0.1vw 0.07vw rgba(0, 0, 0, 0.1));
  }
}
@media only screen and (max-width: 767px) {
  .rose-gold-label {
    -webkit-filter: drop-shadow(1.87vw 1.87vw 1.33vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(1.87vw 1.87vw 1.33vw rgba(0, 0, 0, 0.1));
  }
  .rose-gold-label:before {
    height: 0.53vw;
  }
}

/** POINT NUMBERING
==============================================*/
.point-numbering {
  counter-reset: number;
}
.point-numbering__num {
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#df828f+0,ae4c61+100 */
  background: linear-gradient(45deg, rgba(223, 130, 143, 1) 0%, rgba(174, 76, 97, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 1;
  font-family: "Poppins", sans-serif;
}
.point-numbering__num:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20132.74%202.15%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m0%2C1.07c44.23-1.43%2C88.5-1.44%2C132.74%2C0-44.23%2C1.44-88.5%2C1.43-132.74%2C0h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  order: 2;
}
.point-numbering__num:after {
  font-family: "Noto Serif JP", serif;
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
  font-style: italic;
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.05em;
  order: 3;
}

/** HEADLINE
==============================================*/
.headline__title {
  font-family: "Noto Serif JP", serif;
  line-height: 1.625;
}
.headline__title:before {
  content: attr(data-en);
  font-family: "Poppins", sans-serif;
  display: block;
  color: #ae4c61;
  letter-spacing: 0;
  font-size: var(--pixel14);
}
@media only screen and (min-width: 768px) {
  .headline__title {
    font-size: var(--pixel32);
    letter-spacing: 0.1em;
  }
  .headline__title:before {
    margin-bottom: 1vw;
  }
}
@media only screen and (max-width: 767px) {
  .headline__title {
    letter-spacing: 0;
    font-size: var(--pixel26);
    text-align: center;
  }
  .headline__title:before {
    margin-bottom: 2vw;
  }
}

/** HEADLINE STRONG
==============================================*/
.section-point:nth-of-type(even) .headline-strong {
  margin-left: auto;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .headline-strong {
    width: 69.24vw;
    min-height: 16vw;
    padding-left: 25.56vw;
    padding-right: 3vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .headline-strong {
    width: 96vw;
    min-height: 25.33vw;
    padding: 5.33vw 6.67vw 5.33vw 8vw;
  }
}

.headline-strong__label {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .headline-strong__label {
    left: 6.11vw;
    top: 0;
    width: 15.77vw;
    height: 13vw;
    font-size: var(--pixel28);
    padding-top: 1vw;
  }
  .headline-strong__label:before {
    width: 9.22vw;
    height: 0.14vw;
    margin-top: 1.1vw;
    margin-bottom: 1.1vw;
  }
  .headline-strong__label:after {
    font-size: 6vw;
  }
}
@media only screen and (max-width: 767px) {
  .headline-strong__label {
    left: 4vw;
    top: 0;
    width: 20.8vw;
    height: 20.8vw;
    font-size: 3.03vw;
    padding-top: 1.5vw;
  }
  .headline-strong__label:before {
    width: 12.16vw;
    height: 0.19vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  .headline-strong__label:after {
    font-size: 9.75vw;
  }
}

@media only screen and (min-width: 768px) {
  .headline-strong__main {
    padding-top: 0.5vw;
  }
}

.headline-strong__title {
  font-weight: bold;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .headline-strong__title {
    font-size: var(--pixel26);
  }
}
@media only screen and (max-width: 767px) {
  .headline-strong__title {
    padding-left: 20vw;
    font-size: var(--pixel18);
  }
}

@media only screen and (min-width: 768px) {
  .headline-strong__txt {
    font-size: var(--pixel18);
    margin-top: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .headline-strong__txt {
    font-size: var(--pixel14);
    margin-top: 4vw;
  }
}

/** SPECIAL HERO
==============================================*/
@media only screen and (min-width: 768px) {
  .section-hero {
    background: url(/csmembers/rose/assets/images/fv-bg-pc.jpg) no-repeat center center/cover;
  }
  .section-hero .section-content {
    padding-top: 6vw;
    padding-bottom: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero {
    background: url(/csmembers/rose/assets/images/fv-bg-sp.jpg) no-repeat center -18vw / cover;
  }
  .section-hero .section-content {
    padding-top: 24vw;
    padding-bottom: 17.07vw;
  }
}

.fv-item-block {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .fv-item {
    display: inline-block;
    padding-right: 1.67vw;
    padding-left: 1.67vw;
    max-width: 30vw;
    -webkit-filter: drop-shadow(0.21vw 0.21vw 0.21vw rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0.21vw 0.21vw 0.21vw rgba(0, 0, 0, 0.5));
  }
}
@media only screen and (max-width: 640px) {
  .fv-item-block {
    text-align: center;
  }
  .fv-item {
    -webkit-filter: drop-shadow(0.53vw 0.53vw 0.53vw rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0.53vw 0.53vw 0.53vw rgba(0, 0, 0, 0.5));
  }
}

.fv-item__title {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  text-align: center;
  line-height: 1.5625;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 768px) {
  .fv-item__title {
    font-size: var(--pixel32);
    margin-bottom: 1.45vw;
  }
}
@media only screen and (max-width: 767px) {
  .fv-item__title {
    font-size: var(--pixel27);
    margin-bottom: 6vw;
  }
}

.fv-item__card {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .fv-item__card {
    width: 14vw;
  }
}
@media only screen and (max-width: 767px) {
  .fv-item__card {
    width: 49.73vw;
  }
}

.fv-item__appeal {
  text-align: center;
  color: #fff;
  font-weight: normal;
  -webkit-filter: drop-shadow(1.87vw 1.87vw 1.33vw rgba(0, 0, 0, 0.1));
  filter: drop-shadow(1.87vw 1.87vw 1.33vw rgba(0, 0, 0, 0.1));
}
.fv-item__appeal > span {
  display: block;
}
.fv-item__appeal-txt {
  font-weight: bold;
  display: inline-block;
}
.fv-item__appeal-txt--s {
  font-weight: normal;
  display: block;
}
.fv-item__appeal-sub {
  letter-spacing: 0;
}
.fv-item__appeal-notes > li {
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  font-size: var(--pixel12);
  letter-spacing: 0;
}
.fv-item__appeal-notes > li:before {
  content: "※";
}
@media only screen and (min-width: 768px) {
  .fv-item__appeal {
    margin-top: 1.39vw;
  }
  .fv-item__appeal-txt {
    padding-right: 0.9vw;
    padding-left: 0.9vw;
    font-size: var(--pixel20);
  }
  .fv-item__appeal-txt--s {
    font-size: var(--pixel14);
  }
  .fv-item__appeal-sub {
    font-size: var(--pixel15);
    border-top: 0.03vw solid #fff;
    border-bottom: 0.03vw solid #fff;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    padding-top: 0.3vw;
    padding-bottom: 0.3vw;
  }
}
@media only screen and (max-width: 767px) {
  .fv-item__appeal {
    margin-top: 3.73vw;
    margin-bottom: 12vw;
  }
  .fv-item__appeal-txt {
    font-size: var(--pixel24);
  }
  .fv-item__appeal-txt--s {
    font-size: var(--pixel16);
  }
  .fv-item__appeal-sub {
    font-size: var(--pixel16);
    border-top: 0.13vw solid #fff;
    border-bottom: 0.13vw solid #fff;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

@media only screen and (max-width: 767px) {
  .fv-item .item-entry-button {
    margin-right: auto;
    margin-left: auto;
  }
}

/** SECTION PAGE NAV
==============================================*/
.section-page-nav {
  background-color: #fff;
}
.section-page-nav .section-content {
  background-color: rgba(242, 217, 209, 0.25);
}
@media only screen and (min-width: 768px) {
  .section-page-nav .section-content {
    padding-bottom: 11.2vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-page-nav .section-content {
    padding-bottom: 19vw;
  }
}

.page-nav-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

@media only screen and (min-width: 768px) {
  .page-nav-list__item {
    min-width: 15.63vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-nav-list__item {
    width: 29.33vw;
    margin-right: 0.8vw;
    margin-left: 0.8vw;
  }
}

.page-nav-list__link {
  display: block;
  text-align: center;
  position: relative;
  font-weight: bold;
}
.page-nav-list__link:before,
.page-nav-list__link:after {
  content: "";
  position: absolute;
}
.page-nav-list__link:before {
  background-color: #e56783;
  height: var(--pixel01);
}
.page-nav-list__link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .page-nav-list__link {
    padding: 1.55vw 1.74vw 2.43vw;
    font-size: var(--pixel18);
  }
  .page-nav-list__link:before {
    width: 12.15vw;
    left: 1.74vw;
    bottom: 1.74vw;
  }
  .page-nav-list__link:after {
    border-right: 0.35vw solid transparent;
    border-left: 0.35vw solid transparent;
    border-top: 0.38vw solid #e56783;
    left: calc(50% - 0.35vw);
    bottom: 0.5vw;
    transition: all 0.3s ease-out;
  }
  .page-nav-list__link:hover:after {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-nav-list__link {
    padding: 5.33vw 0 5.33vw;
    font-size: var(--pixel14);
  }
  .page-nav-list__link:before {
    width: 100%;
    left: 0;
    bottom: 3.5vw;
  }
  .page-nav-list__link:after {
    border-right: 0.8vw solid transparent;
    border-left: 0.8vw solid transparent;
    border-top: 0.8vw solid #e56783;
    left: calc(50% - 0.8vw);
    bottom: 0;
  }
}

/** SPECIAL APPEAL
==============================================*/
.section-appeal .section-content {
  background: linear-gradient(180deg, rgba(242, 217, 209, 0.25) 0%, rgba(242, 217, 209, 0.25) 50%, rgba(242, 217, 209, 0) 50%, rgba(242, 217, 209, 0) 100%);
}
@media only screen and (min-width: 768px) {
  .section-appeal {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .section-appeal {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 100%);
  }
}

.appeal-block {
  background-color: #fff;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .appeal-block {
    padding-top: 5vw;
    padding-bottom: 2.43vw;
  }
}
@media only screen and (max-width: 767px) {
  .appeal-block {
    padding-top: 17.33vw;
    padding-bottom: 6.67vw;
    width: 92vw;
  }
}

.appeal-head {
  background-color: #e98097;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.appeal-head:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-bottom: 0;
  position: absolute;
}
.appeal-head__lead {
  color: #fff;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.appeal-head__lead-l {
  font-weight: bold;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 768px) {
  .appeal-head {
    width: 50.7vw;
    height: 9.93vw;
    border-radius: 0.21vw;
    left: calc(50% - 25.35vw);
    top: -5.515vw;
  }
  .appeal-head:after {
    border-right: 1.04vw solid transparent;
    border-left: 1.04vw solid transparent;
    border-top: 1.39vw solid #e98097;
    top: 100%;
    left: calc(50% - 1.04vw);
  }
  .appeal-head__lead {
    font-size: var(--pixel28);
  }
  .appeal-head__lead-s {
    font-size: var(--pixel22);
  }
  .appeal-head__lead-l {
    font-size: var(--pixel42);
  }
}
@media only screen and (max-width: 767px) {
  .appeal-head {
    width: 84vw;
    height: 25.33vw;
    left: calc(50% - 42vw);
    top: -11.47vw;
  }
  .appeal-head:after {
    border-right: 2vw solid transparent;
    border-left: 2vw solid transparent;
    border-top: 3.47vw solid #e98097;
    top: 100%;
    left: calc(50% - 2vw);
  }
  .appeal-head__lead {
    font-size: var(--pixel16);
  }
  .appeal-head__lead-s {
    font-size: 3.41vw;
  }
  .appeal-head__lead-l {
    font-size: var(--pixel24);
  }
}

.appeal-body__main {
  display: flex;
  justify-content: center;
  align-items: center;
}
.appeal-body__main-lead {
  border-radius: 50%;
  position: relative;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d6e3b+0,f4cf82+50,bf9c51+100 */
  background: linear-gradient(45deg, rgba(141, 110, 59, 1) 0%, rgba(244, 207, 130, 1) 50%, rgba(191, 156, 81, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
.appeal-body__main-lead:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d6e3b+0,f4cf82+50,bf9c51+100 */
  background: linear-gradient(45deg, rgba(183, 66, 95, 1) 0%, rgba(223, 130, 143, 1) 50%, rgba(174, 76, 97, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: -1;
}
.appeal-body__main-text {
  font-family: "Noto Serif JP", serif;
  font-style: italic;
  font-weight: 700;
  color: #4d4d4d;
  line-height: 1;
  padding-bottom: 0.1em;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 768px) {
  .appeal-body__main {
    margin-top: 1.6vw;
  }
  .appeal-body__main-lead {
    width: 8.39vw;
    height: 8.39vw;
    font-size: var(--pixel38);
  }
  .appeal-body__main-lead:before {
    width: 8.11vw;
    height: 8.11vw;
    left: 0.14vw;
    top: 0.14vw;
  }
  .appeal-body__main-text {
    font-size: var(--pixel110);
    margin-left: 1vw;
  }
}
@media only screen and (max-width: 767px) {
  .appeal-body__main {
    margin-top: 4vw;
  }
  .appeal-body__main-lead {
    width: 21.47vw;
    height: 21.47vw;
    font-size: 6.75vw;
  }
  .appeal-body__main-lead:before {
    width: 20.76vw;
    height: 20.76vw;
    left: 0.355vw;
    top: 0.355vw;
  }
  .appeal-body__main-text {
    font-size: 19.73vw;
    margin-left: 3vw;
  }
}

.appeal-body__notes > li {
  text-align: center;
  font-size: var(--pixel14);
  letter-spacing: -0.03em;
}
.appeal-body__notes > li:before {
  content: "※";
}
@media only screen and (min-width: 768px) {
  .appeal-body__notes {
    margin-top: 0.9vw;
  }
  .appeal-body__notes > li {
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .appeal-body__notes {
    margin-top: 8vw;
  }
}

/** SECTION POINT NAV
==============================================*/
@media only screen and (min-width: 768px) {
  .section-point-nav {
    padding-top: 6vw;
    padding-bottom: 7.64vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-point-nav {
    padding-top: 10vw;
    padding-bottom: 18.67vw;
  }
}

@media only screen and (min-width: 768px) {
  .point-nav-list {
    display: flex;
    margin-top: 3vw;
  }
}
@media only screen and (max-width: 767px) {
  .point-nav-list {
    margin-top: 6vw;
  }
}

@media only screen and (min-width: 768px) {
  .point-nav-list__item {
    width: 21.88vw;
    height: 18vw;
    margin-right: 0.9vw;
    margin-left: 0.9vw;
  }
}
@media only screen and (max-width: 767px) {
  .point-nav-list__item {
    height: 21.33vw;
  }
  .point-nav-list__item:not(:first-child) {
    margin-top: 5.33vw;
  }
}

.point-nav-list__link {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: 200% auto;
}
.point-nav-list__link:hover {
  color: #fff;
  opacity: 1;
}
.point-nav-list__link:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.71%2011.98%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2.26px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2220.58%201.13%2010.85%2010.85%201.13%201.13%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .point-nav-list__link {
    transition: all 0.3s ease;
    display: block;
    padding-bottom: 3vw;
    transition: all 0.3s ease-out;
  }
  .point-nav-list__link:hover {
    -webkit-filter: drop-shadow(0.49vw 0.49vw 0.35vw rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0.49vw 0.49vw 0.35vw rgba(0, 0, 0, 0.3));
    background-position: 99% center;
  }
  .point-nav-list__link:after {
    width: 1.53vw;
    height: 0.83vw;
    bottom: 2.22vw;
    left: calc(50% - 0.765vw);
    transition: all 0.3s ease-out;
  }
  .point-nav-list__link:hover:after {
    bottom: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .point-nav-list__link {
    display: flex;
    padding-left: 3.73vw;
    padding-right: 3.73vw;
  }
  .point-nav-list__link:after {
    width: 3.73vw;
    height: 2.13vw;
    top: calc(50% - 1.65vw);
    right: 3.73vw;
  }
}

.point-nav-list__label {
  font-family: "Poppins", sans-serif;
}
.point-nav-list__label:before {
  height: var(--pixel01);
}
@media only screen and (min-width: 768px) {
  .point-nav-list__label {
    font-size: var(--pixel16);
    width: 7.57vw;
    height: 7.57vw;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0.5vw;
  }
  .point-nav-list__label:before {
    width: 4.42vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
  }
  .point-nav-list__label:after {
    font-size: var(--pixel51);
  }
}
@media only screen and (max-width: 767px) {
  .point-nav-list__label {
    font-size: 2.49vw;
    width: 17.07vw;
    height: 17.07vw;
    padding-top: 1.5vw;
  }
  .point-nav-list__label:before {
    width: 9.98vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  .point-nav-list__label:after {
    font-size: var(--pixel30);
  }
}

.point-nav-list__txt {
  font-weight: bold;
  display: block;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .point-nav-list__txt {
    font-size: var(--pixel20);
    text-align: center;
    margin-top: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .point-nav-list__txt {
    font-size: var(--pixel16);
    padding-left: 2.67vw;
    padding-top: 4vw;
  }
}

/** SECTION POINT
==============================================*/
.section-point .content {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .section-point {
    padding-bottom: 7vw;
  }
  .section-point .content {
    border-radius: 0.69vw;
    margin-top: -5vw;
    padding-top: 9.03vw;
    padding-bottom: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-point {
    padding-bottom: 16vw;
  }
  .section-point .content {
    width: 92vw;
    padding-top: 5vw;
    padding-bottom: 8vw;
  }
}

/** POINTS INFO
==============================================*/
.points-info {
  background-color: #fbf1f0;
}
@media only screen and (min-width: 768px) {
  .points-info {
    width: 59.03vw;
    margin-right: auto;
    margin-left: auto;
    padding: 3.47vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-info {
    padding: 8vw 4vw 6vw;
  }
}

@media only screen and (min-width: 768px) {
  .points-incentive {
    display: flex;
  }
}

.points-incentive-items {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .points-incentive-items {
    margin-right: 1.74vw;
  }
}

@media only screen and (min-width: 768px) {
  .points-incentive-items__item:not(:last-child) {
    margin-right: 1.46vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-incentive-items__item {
    padding-right: 2.5vw;
    padding-left: 2.5vw;
    width: 50%;
  }
}

.points-incentive-items__head {
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: var(--pixel14);
}
.points-incentive-items__head:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 100%;
}
.points-incentive-items__item--domestic .points-incentive-items__head {
  background-color: #e98097;
}
.points-incentive-items__item--domestic .points-incentive-items__head:after {
  border-color: #e98097 transparent transparent transparent;
}
.points-incentive-items__item--overseas .points-incentive-items__head {
  background-color: #ae4c61;
}
.points-incentive-items__item--overseas .points-incentive-items__head:after {
  border-color: #ae4c61 transparent transparent transparent;
}
@media only screen and (min-width: 768px) {
  .points-incentive-items__head {
    width: 8.53vw;
  }
  .points-incentive-items__head:after {
    border-width: 0.35vw 0.28vw 0 0.28vw;
    left: calc(50% - 0.28vw);
  }
}
@media only screen and (max-width: 767px) {
  .points-incentive-items__head {
    width: 100%;
  }
  .points-incentive-items__head:after {
    border-width: 1.6vw 1.07vw 0 1.6vw;
    left: calc(50% - 1.6vw);
  }
}

.points-incentive-items__body {
  line-height: 1;
  text-align: center;
}
.points-incentive-items__num {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  letter-spacing: -0.03em;
  margin-right: 0.1em;
}
.points-incentive-items__item--domestic .points-incentive-items__num {
  color: #e98097;
}
.points-incentive-items__item--overseas .points-incentive-items__num {
  color: #ae4c61;
}
.points-incentive-items__sub {
  font-weight: bold;
  font-size: 0.5em;
}
@media only screen and (min-width: 768px) {
  .points-incentive-items__body {
    font-size: 5.07vw;
    margin-top: 0.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-incentive-items__body {
    font-size: 19.47vw;
    margin-top: 4vw;
  }
}

@media only screen and (max-width: 767px) {
  .points-incentive-info {
    margin-top: 4vw;
  }
}

.points-incentive-info__dl > dt,
.points-incentive-info__dl > dd {
  font-weight: bold;
  font-size: var(--pixel16);
}
.points-incentive-info__dl > dd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.points-incentive-info__dl > dd:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #b2265b;
  margin-right: 0.15em;
  margin-left: 0.15em;
}
@media only screen and (min-width: 768px) {
  .points-incentive-info__dl > dt {
    float: left;
  }
  .points-incentive-info__dl > dd:before {
    border-width: 0.28vw 0 0.28vw 0.42vw;
  }
  .points-incentive-info__dl > dd:after {
    content: "";
    display: block;
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .points-incentive-info__dl > dd:before {
    border-width: 1.2vw 0 1.2vw 1.87vw;
  }
}

.points-incentive-info__notes {
  margin-top: 1em;
}
.points-incentive-info__notes > li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: var(--pixel12);
  line-height: 1.5;
}
.points-incentive-info__notes > li:before {
  content: "※";
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .points-incentive-info__notes {
    margin-top: 0.5em;
  }
}

@media only screen and (min-width: 768px) {
  .points-simulation {
    margin-top: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-simulation {
    margin-top: 5vw;
  }
}

.points-simulation__lead-wrap {
  text-align: center;
}
.points-simulation__lead {
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: inline-block;
  border: var(--pixel01) solid #bcb5b0;
}
.points-simulation__lead:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.06%2015.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bstroke%3A%23bcb5b0%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.41%20.29%2010.53%2014.8%2020.65%20.29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .points-simulation__lead-wrap {
    margin-bottom: 1.88vw;
  }
  .points-simulation__lead {
    border-radius: 0.42vw;
    font-size: var(--pixel18);
    padding: 1vw 1.25vw;
    max-width: 100%;
  }
  .points-simulation__lead:after {
    width: 1.41vw;
    height: 1.01vw;
    top: calc(100% - 0.14vw);
    left: calc(50% - 0.705vw);
  }
}
@media only screen and (max-width: 767px) {
  .points-simulation__lead-wrap {
    margin-bottom: 11vw;
  }
  .points-simulation__lead {
    border-radius: 1.08vw;
    font-size: 3.24vw;
    padding: 2.67vw 4vw;
    width: 100%;
  }
  .points-simulation__lead:after {
    width: 3.73vw;
    height: 2.93vw;
    top: calc(100% - 0.54vw);
    left: calc(50% - 1.865vw);
  }
}

.points-simulation__img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .points-simulation__img {
    width: 35.26vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-simulation__img {
    width: 70.58vw;
  }
}

.points-simulation__sub {
  font-size: var(--pixel12);
  display: block;
}
@media only screen and (min-width: 768px) {
  .points-simulation__sub {
  }
}
@media only screen and (max-width: 767px) {
  .points-simulation__sub {
    margin-top: 4vw;
  }
}

/** POINTS USE CASE
==============================================*/
.points-use-case {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .points-use-case {
    width: 59.03vw;
    margin-top: 3.96vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-use-case {
    margin-top: 14.93vw;
  }
}

.points-use-case__lead {
  background-color: #e98097;
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: var(--pixel18);
}
.points-use-case__lead:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #e98097 transparent transparent transparent;
  position: absolute;
  top: 100%;
}
@media only screen and (min-width: 768px) {
  .points-use-case__lead {
    margin-bottom: 1.6vw;
    padding: 1.25vw;
  }
  .points-use-case__lead:after {
    border-width: 1.6vw 1.46vw 0 1.46vw;
    left: calc(50% - 1.46vw);
  }
}
@media only screen and (max-width: 767px) {
  .points-use-case__lead {
    margin-bottom: 6.13vw;
    padding: 4.5vw 3vw;
    letter-spacing: 0;
  }
  .points-use-case__lead:after {
    border-width: 3.2vw 2.93vw 0 2.93vw;
    left: calc(50% - 2.93vw);
  }
}

@media only screen and (min-width: 768px) {
  .points-use-case__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.96vw;
  }
}

.points-use-case__item {
  background-color: #fbf1f0;
}
@media only screen and (min-width: 768px) {
  .points-use-case__item {
    width: calc(50% - 1.39vw);
    padding: 1.39vw;
  }
  .points-use-case__item:nth-child(odd) {
    margin-right: 2.78vw;
  }
  .points-use-case__item:not(:nth-child(-n + 2)) {
    margin-top: 1.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-use-case__item {
    padding: 2.67vw 3.73vw;
  }
  .points-use-case__item:not(:first-child) {
    margin-top: 4vw;
  }
}

.points-use-case__ttl {
  font-weight: bold;
  color: #e56783;
  position: relative;
}
.points-use-case__ttl:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.points-use-case__item--item .points-use-case__ttl:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041.97%2039.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-1%2C.cls-2%7Bstroke%3A%23e56783%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.28px%3B%7D.cls-2%7Bfill%3Anone%3B%7D.cls-3%7Bfill%3A%23e56783%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m33.56%2C5.35c2.71-.2%2C5.08%2C1.84%2C5.28%2C4.56.07%2C1.02-.17%2C1.99-.64%2C2.81%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%2233.41%208.71%2030.22%205.41%2033.52%202.22%2033.41%208.71%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m9.09%2C34.91c-2.71.2-5.08-1.84-5.28-4.56-.07-1.02.17-1.99.64-2.81%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%229.24%2031.55%2012.43%2034.85%209.12%2038.04%209.24%2031.55%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2217.56%22%20y%3D%2221.35%22%20width%3D%2223.77%22%20height%3D%223.39%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2219%22%20y%3D%2224.74%22%20width%3D%2220.89%22%20height%3D%2214.13%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2227.65%22%20y%3D%2221.35%22%20width%3D%223.76%22%20height%3D%2217.52%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2228.12%22%20y%3D%2221.36%22%20width%3D%222.63%22%20height%3D%2220.89%22%20transform%3D%22translate(-2.36%2061.24)%20rotate(-90)%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%2235.45%2017.75%2029.44%2021.35%2031.63%2014.69%2035.45%2017.75%2035.45%2017.75%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%2227.25%2014.69%2029.44%2021.35%2023.43%2017.75%2027.25%2014.69%2027.25%2014.69%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2213.01%22%20cy%3D%2213.01%22%20r%3D%2212.38%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m13.83%2C14.18h-1.33v2.03c0%2C.29-.07.51-.2.66s-.31.22-.52.22-.39-.07-.53-.22-.2-.37-.2-.65v-5.51c0-.32.07-.55.22-.68s.38-.2.7-.2h1.86c.55%2C0%2C.97.04%2C1.27.13.29.08.55.22.76.41s.37.42.49.69.17.58.17.92c0%2C.73-.22%2C1.28-.67%2C1.66s-1.12.56-2.01.56Zm-.35-3.28h-.98v2.19h.98c.34%2C0%2C.63-.04.86-.11s.4-.19.52-.35.18-.38.18-.64c0-.32-.09-.57-.28-.77-.21-.21-.64-.32-1.28-.32Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m3.94%2C13.01c0-5%2C4.07-9.08%2C9.08-9.08%2C1.47%2C0%2C2.86.35%2C4.09.97%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m21.89%2C11.1c.13.62.2%2C1.26.2%2C1.91%2C0%2C2.73-1.21%2C5.19-3.13%2C6.85-1.59%2C1.38-3.67%2C2.22-5.94%2C2.22s-4.5-.9-6.11-2.37%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.points-use-case__item--point .points-use-case__ttl:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042.2%2041.58%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-1%2C.cls-2%7Bstroke%3A%23e56783%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.35px%3B%7D.cls-2%7Bfill%3Anone%3B%7D.cls-3%7Bfill%3A%23e56783%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2228.43%22%20cy%3D%2227.87%22%20rx%3D%2213.09%22%20ry%3D%2213.04%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m18.83%2C27.87c0-5.27%2C4.31-9.56%2C9.6-9.56%2C1.56%2C0%2C3.02.37%2C4.33%2C1.03%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m37.82%2C25.85c.14.65.21%2C1.32.21%2C2.02%2C0%2C2.88-1.28%2C5.47-3.31%2C7.22-1.69%2C1.46-3.89%2C2.34-6.29%2C2.34s-4.76-.95-6.47-2.5%22%2F%3E%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2213.77%22%20cy%3D%2213.72%22%20rx%3D%2213.09%22%20ry%3D%2213.04%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m14.25%2C14.82h-1.4v2.13c0%2C.31-.07.54-.22.69s-.33.24-.55.24-.42-.08-.56-.23-.21-.38-.21-.69v-5.81c0-.34.08-.58.23-.72s.4-.22.74-.22h1.97c.58%2C0%2C1.03.04%2C1.34.13.31.09.58.23.8.43s.4.44.51.73.18.61.18.97c0%2C.77-.24%2C1.35-.71%2C1.75s-1.18.59-2.12.59Zm-.37-3.46h-1.03v2.3h1.03c.36%2C0%2C.66-.04.91-.11s.43-.2.56-.37.19-.4.19-.67c0-.33-.1-.6-.29-.81-.22-.22-.67-.33-1.36-.33Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.17%2C13.72c0-5.27%2C4.31-9.56%2C9.6-9.56%2C1.56%2C0%2C3.02.37%2C4.33%2C1.03%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m23.16%2C11.7c.14.65.21%2C1.32.21%2C2.02%2C0%2C2.88-1.28%2C5.47-3.31%2C7.22-1.69%2C1.46-3.89%2C2.34-6.29%2C2.34s-4.76-.95-6.47-2.5%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m28.52%2C26.77l2.1-2.74c.11-.12.23-.18.38-.17.14%2C0%2C.27.06.38.18.09.14.14.3.14.49%2C0%2C.18-.04.34-.13.48l-1.83%2C2.28h1.33c.12-.02.23.03.32.14.09.11.13.23.13.37.01.16-.02.3-.11.4-.09.11-.19.17-.3.19h-1.89v.41h1.83c.12%2C0%2C.22.04.32.13.09.09.15.21.16.38%2C0%2C.16-.03.29-.1.41-.07.12-.17.18-.3.2h-1.91v1.6c0%2C.16-.05.3-.15.43-.1.13-.22.2-.35.21-.14%2C0-.26-.05-.36-.18-.1-.12-.16-.26-.16-.41v-1.64h-1.89c-.11%2C0-.22-.06-.31-.17s-.14-.25-.12-.41c0-.15.05-.28.14-.38.09-.11.2-.16.32-.16h1.86v-.41h-1.97c-.1-.03-.18-.1-.26-.2-.07-.1-.1-.23-.1-.4.01-.11.06-.22.13-.33.07-.11.16-.16.26-.17h1.41l-1.77-2.33c-.09-.11-.14-.25-.14-.43s.04-.34.13-.47c.1-.11.23-.17.37-.17.14%2C0%2C.26.05.35.16l2.07%2C2.74Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m34.23%2C5.64c2.87-.21%2C5.37%2C1.94%2C5.58%2C4.8.08%2C1.07-.18%2C2.09-.68%2C2.96%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%2234.07%209.18%2030.7%205.7%2034.19%202.34%2034.07%209.18%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m8.33%2C36.79c-2.87.21-5.37-1.94-5.58-4.8-.08-1.07.18-2.09.68-2.96%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%228.5%2033.25%2011.87%2036.73%208.37%2040.09%208.5%2033.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.points-use-case__item--pay .points-use-case__ttl:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.55%2039.73%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23e56783%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.23px%3B%7D.cls-2%7Bfill%3A%23fff%3Bstroke%3A%23d0285b%3Bstroke-miterlimit%3A10%3Bstroke-width%3A.41px%3B%7D.cls-3%7Bfill%3A%23e56783%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m5.25%2C18.97l-.05.18-1.23%2C4.61c-.27.69-.05%2C1.48.55%2C1.93.79.6%2C1.93.31%2C2.34-.6l1.4-4.05v10.48l2.07%2C4.16v3.42h9.13v-3.42l4.6-10.87c.67-1.57.73-3.34.17-4.95l2.89-.91c1.01%2C0%2C1.83-.82%2C1.83-1.83V2.44c0-1.01-.82-1.83-1.83-1.83H2.44c-1.01%2C0-1.83.82-1.83%2C1.83v14.7c0%2C1.01.82%2C1.83%2C1.83%2C1.83h2.81Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m8.14%2C18.97H2.44c-1.01%2C0-1.83-.82-1.83-1.83V2.44c0-1.01.82-1.83%2C1.83-1.83h24.67c1.01%2C0%2C1.83.82%2C1.83%2C1.83v14.7c0%2C1.01-.82%2C1.83-1.83%2C1.83h-14.03%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%22.62%22%20y1%3D%225.81%22%20x2%3D%2228.93%22%20y2%3D%225.81%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%225.41%204.21%203.52%203.47%205.41%202.72%205.41%204.21%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m7.11%2C13.35c-.14%2C0-.26-.05-.35-.15-.09-.1-.13-.23-.13-.41v-2.82c0-.2.05-.34.15-.43.1-.09.24-.14.43-.14h.95c.29%2C0%2C.52.02.68.07.17.05.31.12.43.23.12.11.22.24.28.4.06.15.09.33.09.51%2C0%2C.41-.13.72-.38.93-.25.21-.62.31-1.1.31h-.56v.92c0%2C.18-.05.32-.13.41-.09.1-.21.15-.35.15Zm.87-2.27c.16%2C0%2C.3-.02.4-.05.09-.03.16-.07.21-.14.05-.06.07-.15.07-.26%2C0-.13-.04-.24-.11-.32-.06-.06-.2-.13-.57-.13h-.38v.89h.38Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m12.04%2C13.35c-.3%2C0-.57-.05-.81-.15-.24-.1-.45-.24-.61-.42-.16-.18-.28-.4-.37-.65-.08-.25-.12-.52-.12-.8s.04-.57.13-.81c.09-.25.21-.46.37-.64.16-.18.37-.31.6-.41.23-.09.5-.14.79-.14.4%2C0%2C.74.08%2C1.03.25.29.16.51.4.66.7.15.3.22.65.22%2C1.05%2C0%2C.29-.04.56-.12.81-.08.25-.2.46-.37.64-.16.18-.37.32-.61.42-.24.09-.51.14-.81.14Zm-.01-3.19c-.13%2C0-.25.02-.36.07-.11.05-.2.12-.28.21-.08.09-.14.22-.19.37-.05.15-.07.33-.07.52s.02.37.07.53c.05.15.11.28.2.38.08.1.18.17.29.22.11.05.23.07.36.07.17%2C0%2C.32-.04.46-.13.14-.08.25-.21.33-.39.09-.18.13-.41.13-.68%2C0-.25-.04-.47-.12-.65-.08-.17-.19-.31-.33-.39-.14-.09-.3-.13-.49-.13Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m14.99%2C13.35c-.14%2C0-.26-.05-.35-.15-.09-.1-.13-.24-.13-.41v-2.88c0-.18.04-.32.13-.41.09-.1.21-.15.35-.15s.26.05.35.15c.09.1.13.24.13.42v2.88c0%2C.18-.05.32-.13.42-.09.1-.21.15-.35.15Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m18.86%2C13.35c-.08%2C0-.15-.01-.22-.04-.07-.02-.13-.06-.19-.11-.05-.05-.1-.1-.15-.16l-.12-.17-1.18-1.81v1.76c0%2C.17-.04.3-.13.39-.09.1-.2.14-.33.14s-.25-.05-.34-.15c-.08-.09-.12-.22-.12-.39v-2.82c0-.14.02-.24.05-.32.04-.1.11-.18.2-.24.09-.06.19-.09.3-.09.08%2C0%2C.16.01.22.04.06.03.11.06.16.11.04.04.08.09.12.16l.12.18%2C1.21%2C1.83v-1.79c0-.17.04-.3.12-.39.08-.1.19-.15.33-.15s.25.05.34.15c.08.09.12.22.12.39v2.87c0%2C.52-.32.6-.51.6Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m21.57%2C13.35c-.14%2C0-.26-.05-.35-.15-.09-.1-.13-.24-.13-.42v-2.54h-.69c-.15%2C0-.28-.04-.36-.11-.09-.08-.13-.18-.13-.31s.05-.23.14-.31c.08-.07.2-.11.35-.11h2.35c.16%2C0%2C.28.04.36.11.09.08.13.18.13.31s-.05.23-.13.31c-.08.07-.21.11-.36.11h-.69v2.54c0%2C.18-.04.32-.13.42-.09.1-.21.15-.35.15Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m12.85%2C25.73v-8.61c0-1.25-1.01-2.25-2.25-2.25h0c-1.29%2C0-2.34%2C1.05-2.34%2C2.34v14.33s2.07%2C4.16%2C2.07%2C4.16v3.42h9.13v-3.42l4.6-10.87c.67-1.57.73-3.34.17-4.95h0%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m5.25%2C18.97l-1.28%2C4.79c-.27.69-.05%2C1.48.55%2C1.93h0c.79.6%2C1.93.31%2C2.34-.6l1.4-4.05%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.points-use-case__item--management .points-use-case__ttl:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041.35%2035.75%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23e56783%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.33px%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-3%7Bfill%3A%23e56783%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22img%22%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2217.54%22%20cy%3D%2217.53%22%20r%3D%2216.83%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m24.4%2C32.65c-2.13.98-4.49%2C1.52-6.98%2C1.52C8.17%2C34.17.67%2C26.67.67%2C17.42S8.17.67%2C17.42.67c7.83%2C0%2C14.4%2C5.37%2C16.24%2C12.62%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m5.21%2C17.42c0-6.73%2C5.48-12.21%2C12.21-12.21%2C1.68%2C0%2C3.29.34%2C4.75.96%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m23.56%2C27.97c-1.8%2C1.05-3.9%2C1.66-6.14%2C1.66-2.88%2C0-5.53-1-7.62-2.68%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m32.04%2C16.02l-8.55%2C8.9c-.27.28-.07.75.32.75h17.09c.39%2C0%2C.59-.47.32-.75l-8.55-8.9c-.17-.18-.47-.18-.64%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m26.86%2C25.67h11v9.63c0%2C.24-.2.44-.44.44h-10.12c-.24%2C0-.44-.2-.44-.44v-9.63h0Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22m18.46%2C19.66h-2.26v3.45c0%2C.49-.12.87-.35%2C1.12s-.53.38-.88.38-.67-.13-.9-.38-.34-.62-.34-1.11v-9.4c0-.54.12-.93.37-1.16s.65-.35%2C1.19-.35h3.17c.94%2C0%2C1.66.07%2C2.16.22.5.14.93.37%2C1.29.69s.64.72.83%2C1.18.28.99.28%2C1.57c0%2C1.24-.38%2C2.18-1.15%2C2.82s-1.9.96-3.42.96Zm-.6-5.59h-1.66v3.73h1.66c.58%2C0%2C1.07-.06%2C1.46-.18s.69-.32.89-.6.31-.64.31-1.09c0-.54-.16-.98-.47-1.31-.35-.36-1.08-.54-2.19-.54Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.points-use-case__txt {
  font-size: var(--pixel14);
}
@media only screen and (min-width: 768px) {
  .points-use-case__ttl {
    font-size: var(--pixel20);
    padding-left: 4.1vw;
    margin-bottom: 1.39vw;
  }
  .points-use-case__item--item .points-use-case__ttl:before {
    width: 2.84vw;
    height: 2.65vw;
  }
  .points-use-case__item--point .points-use-case__ttl:before {
    width: 2.84vw;
    height: 2.79vw;
  }
  .points-use-case__item--pay .points-use-case__ttl:before {
    width: 2.84vw;
    height: 2.67vw;
  }
  .points-use-case__item--management .points-use-case__ttl:before {
    width: 2.84vw;
    height: 2.44vw;
  }
}
@media only screen and (max-width: 767px) {
  .points-use-case__ttl {
    font-size: var(--pixel18);
    padding-top: 1vw;
    padding-left: 13.33vw;
    margin-bottom: 4vw;
    letter-spacing: 0;
  }
  .points-use-case__item--item .points-use-case__ttl:before {
    width: 9.67vw;
    height: 9.08vw;
  }
  .points-use-case__item--point .points-use-case__ttl:before {
    width: 9.67vw;
    height: 9.56vw;
  }
  .points-use-case__item--pay .points-use-case__ttl:before {
    width: 7.03vw;
    height: 9.56vw;
  }
  .points-use-case__item--management .points-use-case__ttl:before {
    width: 9.72vw;
    height: 8.41vw;
  }
  .points-use-case__txt {
    letter-spacing: 0;
  }
}

/** TRAVEL SERVICE
==============================================*/
@media only screen and (min-width: 768px) {
  .travel-service__list > li:not(:first-child) {
    margin-top: 3.68vw;
  }
}
@media only screen and (max-width: 767px) {
  .travel-service__list > li:not(:first-child) {
    margin-top: 6.67vw;
  }
}

@media only screen and (min-width: 768px) {
  .travel-service__item {
    display: flex;
  }
}

.travel-service__img {
  background-color: #fbf1f0;
}
.travel-service__img img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .travel-service__img {
    width: 33.47vw;
    padding: 2.78vw 0 2.78vw 3.47vw;
  }
}
@media only screen and (max-width: 767px) {
  .travel-service__img {
    height: 35.51vw;
  }
}

.travel-service__info {
  background-color: #fbf1f0;
  position: relative;
}
.travel-service__info > *:not(:first-child) {
  margin-top: var(--pixel08);
}
@media only screen and (min-width: 768px) {
  .travel-service__info {
    width: calc(100% - 33.47vw);
    padding: 2.78vw 3.47vw;
  }
}
@media only screen and (max-width: 767px) {
  .travel-service__info {
    padding: 5.33vw 4vw 9vw;
  }
}

.travel-service__ttl {
  color: #e56783;
  font-weight: bold;
}
.travel-service__txt {
  font-size: var(--pixel16);
}
.travel-service__more {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
  color: #fff;
  background-color: #ae4c61;
  line-height: 1;
}
.travel-service__more:hover {
  color: #fff;
}
.travel-service__more:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.65%206.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22button%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%229.65%201%205.33%205.33%201%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  transition: all 0.3s ease;
  transform: rotate(-90deg);
}
.travel-service__more.is-active:after {
  transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .travel-service__ttl {
    font-size: var(--pixel20);
    margin-bottom: 1.25vw;
  }
  .travel-service__more {
    font-size: var(--pixel14);
    padding: 0.9vw 2.57vw 0.7vw 0.97vw;
    cursor: pointer;
  }
  .travel-service__more:after {
    width: 0.76vw;
    height: 0.49vw;
    right: 0.69vw;
    top: calc(50% - 0.15vw);
  }
  .travel-service__more.is-active:after {
    transform: rotate(180deg);
    top: calc(50% - 0.3vw);
  }
}
@media only screen and (max-width: 767px) {
  .travel-service__ttl {
    font-size: var(--pixel18);
    text-align: center;
    margin-bottom: 1.5vw;
  }
  .travel-service__txt {
    letter-spacing: 0;
  }
  .travel-service__more {
    font-size: var(--pixel12);
    padding: 2.2vw 5.33vw 2vw 4vw;
  }
  .travel-service__more:after {
    width: 2.13vw;
    height: 1.33vw;
    right: 2.13vw;
    top: calc(50% - 0.5vw);
  }
  .travel-service__more.is-active:after {
    transform: rotate(180deg);
    top: calc(50% - 0.7vw);
  }
}

.travel-service__notes > li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: var(--pixel12);
}
.travel-service__notes > li::before {
  content: "※";
}

.travel-service__accordion {
  background-color: #fbf1f0;
}
@media only screen and (min-width: 768px) {
  .travel-service__accordion {
    padding: 2.78vw 3.47vw;
  }
}
@media only screen and (max-width: 767px) {
  .travel-service__accordion {
    padding: 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .service-item__box:not(:last-child) {
    margin-bottom: 1.5vw;
  }
  .service-item__box > *:not(:last-child) {
    margin-bottom: 0.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .service-item__box:not(:last-child) {
    margin-bottom: 4vw;
  }
  .service-item__box > *:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.service-item__name {
  text-indent: -1em;
  padding-left: 1em;
  font-weight: bold;
}
.service-item__name:before {
  content: "■";
}
@media only screen and (min-width: 768px) {
  .service-item__name {
    font-size: var(--pixel16);
  }
}
@media only screen and (max-width: 767px) {
  .service-item__name {
    font-size: var(--pixel14);
  }
}

.service-item__lineup {
  display: flex;
  flex-wrap: wrap;
}
.service-item__lineup > li:before {
  content: "・";
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .service-item__lineup > li:not(:last-child) {
    margin-right: 1vw;
  }
  .service-item__lineup > li {
    font-size: var(--pixel14);
  }
}
@media only screen and (max-width: 767px) {
  .service-item__lineup > li:not(:last-child) {
    margin-right: 1vw;
  }
  .service-item__lineup > li {
    font-size: var(--pixel12);
  }
}

@media only screen and (min-width: 768px) {
  .service-item__txt {
    font-size: var(--pixel14);
  }
}
@media only screen and (max-width: 767px) {
  .service-item__txt {
    font-size: var(--pixel12);
  }
}

.service-item__notes > li {
  text-indent: -1em;
  padding-left: 1em;
}
.service-item__notes > li:before {
  content: "※";
}
@media only screen and (min-width: 768px) {
  .service-item__notes > li {
    font-size: var(--pixel12);
  }
}
@media only screen and (max-width: 767px) {
  .service-item__notes > li {
    font-size: var(--pixel10);
  }
}

.service-item__notes-number {
  counter-reset: number;
}
.service-item__notes-number > li {
  text-indent: -2em;
  padding-left: 2em;
}
.service-item__notes-number > li:before {
  counter-increment: number;
  content: "※" counter(number) ":";
}
@media only screen and (min-width: 768px) {
  .service-item__notes-number > li {
    font-size: var(--pixel12);
  }
}
@media only screen and (max-width: 767px) {
  .service-item__notes-number > li {
    font-size: var(--pixel10);
  }
}

.service-item__button {
  text-align: center;
}
@media only screen and (min-width: 641px) {
}
@media only screen and (max-width: 640px) {
}

.service-item__more {
  display: inline-block;
  border: var(--pixel01) solid #e56783;
  color: #e56783;
  padding: var(--pixel10) var(--pixel20);
  position: relative;
}
.service-item__more:hover {
  color: #e56783;
}
.service-item__more:before {
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #fbf1f0;
  transition: width 0.3s ease;
}
.service-item__more:hover:before {
  width: 100%;
}
.service-item__more-txt {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 641px) {
  .service-item__more {
    font-size: var(--pixel16);
  }
  .service-item__more:hover {
    color: #e56783;
  }
}
@media only screen and (max-width: 640px) {
  .service-item__more {
    font-size: var(--pixel13);
  }
}

/** SPECIAL COUPON
==============================================*/
@media only screen and (max-width: 767px) {
  #section-special-coupon {
    padding-bottom: 8vw;
  }
  #section-special-coupon .content {
    background: transparent;
    width: 100%;
  }
}

.special-coupon__list {
  display: flex;
  flex-wrap: wrap;
}

.special-coupon__item {
  background-color: #fff;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .special-coupon__item {
    -webkit-filter: drop-shadow(0vw 0vw 0.2vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0vw 0vw 0.2vw rgba(0, 0, 0, 0.1));
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon__item {
    -webkit-filter: drop-shadow(0vw 0vw 0.52vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0vw 0vw 0.52vw rgba(0, 0, 0, 0.1));
  }
}

.special-coupon__link {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.special-coupon__link > * {
  flex-shrink: 0; /* fix IE11 */
}
@media only screen and (min-width: 768px) {
  .special-coupon__item {
    width: calc(100% / 3 - 1.39vw);
    margin-bottom: 3.47vw;
    margin-right: 0.69vw;
    margin-left: 0.69vw;
    padding: 0.69vw;
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon__item {
    width: calc(50% - 1vw);
    margin-bottom: 4vw;
    padding: 1.07vw;
  }
  .special-coupon__item:nth-child(odd) {
    margin-right: 2vw;
  }
}

.special-coupon__name {
  text-align: center;
  background-color: #edb8b8;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .special-coupon__name {
    font-size: var(--pixel18);
    line-height: 1.75;
    padding: 0.21vw;
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon__name {
    font-size: var(--pixel12);
    line-height: 1.5;
    padding: 0.8vw;
  }
}

.special-coupon__img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .special-coupon__img {
    overflow: hidden;
  }
  .special-coupon__img img {
    transition: all 0.3s ease;
  }
  .special-coupon__link:hover .special-coupon__img img {
    transform: scale(1.03);
  }
}

.special-coupon__txt {
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .special-coupon__txt {
    font-size: var(--pixel14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.69vw;
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon__txt {
    font-size: var(--pixel12);
    padding: 2.67vw 0;
  }
}

.special-coupon__incentive {
  background-color: #eaaeb2;
  position: relative;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.special-coupon__incentive:before,
.special-coupon__incentive:after {
  content: "";
  position: absolute;
  background-color: #e0868c;
}
@media only screen and (min-width: 768px) {
  .special-coupon__incentive {
    padding: 0.42vw;
  }
  .special-coupon__incentive:before {
    left: 1.11vw;
    top: 0.42vw;
    width: calc(100% - 2.22vw);
    height: calc(100% - 0.83vw);
  }
  .special-coupon__incentive:after {
    left: 0.42vw;
    top: 1.11vw;
    width: calc(100% - 0.83vw);
    height: calc(100% - 2.22vw);
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon__incentive {
    padding: 0.8vw;
  }
  .special-coupon__incentive:before {
    left: 1.6vw;
    top: 0.8vw;
    width: calc(100% - 3.2vw);
    height: calc(100% - 1.6vw);
  }
  .special-coupon__incentive:after {
    left: 0.8vw;
    top: 1.6vw;
    width: calc(100% - 1.6vw);
    height: calc(100% - 3.2vw);
  }
}

.special-coupon__incentive-txt {
  text-align: center;
  font-weight: 700;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .special-coupon__incentive-txt {
    font-size: var(--pixel14);
    padding: 0.42vw 0.69vw;
    min-height: 6.6vw;
    background: -ms-radial-gradient(0 100%, circle, rgba(204, 0, 0, 0) 0.63vw, #e0868c 0.69vw), -ms-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 0.63vw, #e0868c 0.69vw), -ms-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 0.63vw, #e0868c 0.69vw), -ms-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 0.63vw, #e0868c 0.69vw);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
  }
  .special-coupon__incentive-txt .small {
    font-size: 0.83vw;
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon__incentive-txt {
    font-size: 2.93vw;
    padding: 0.8vw 0;
    min-height: 10vw;
    background: -ms-radial-gradient(0 100%, circle, rgba(204, 0, 0, 0) 1.07vw, #e0868c 1.33vw), -ms-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 1.07vw, #e0868c 1.33vw), -ms-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 1.07vw, #e0868c 1.33vw), -ms-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 1.07vw, #e0868c 1.33vw);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
  }
  .special-coupon__incentive-txt .small {
    font-size: var(--pixel10);
  }
}

.special-coupon-other__button {
  background-color: #ae4c61;
  color: #fff;
  text-align: center;
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.special-coupon-other__button:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.65%206.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22button%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%229.65%201%205.33%205.33%201%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  transition: all 0.3s ease-out;
}
.special-coupon-other__button.is-active:after {
  transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .special-coupon-other__cont {
    margin-top: 5vw;
  }
  .special-coupon-other__button {
    width: 46.18vw;
    height: 5.56vw;
    font-size: var(--pixel18);
    border-radius: 0.28vw;
  }
  .special-coupon-other__button:after {
    width: 1.67vw;
    height: 0.97vw;
    top: calc(50% - 0.4585vw);
    right: 2.64vw;
  }
}
@media only screen and (max-width: 767px) {
  .special-coupon-other__button {
    width: 84.06vw;
    height: 13.12vw;
    font-size: var(--pixel16);
    margin-top: 9vw;
    margin-bottom: 6vw;
  }
  .special-coupon-other__button:after {
    width: 2.67vw;
    height: 1.6vw;
    top: calc(50% - 0.3vw);
    right: 13.07vw;
  }
}

/** SECTION DETAILS
==============================================*/
.section-details {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .section-details {
    padding-top: 5.56vw;
    padding-bottom: 9.72vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-details {
    padding-top: 17.87vw;
    padding-bottom: 20vw;
  }
}

@media only screen and (min-width: 768px) {
  .details-spec {
    display: flex;
    margin-top: 3.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .details-spec {
    margin-top: 9vw;
  }
}

.details-spec__item {
  text-align: center;
}
.details-spec__name {
  text-align: center;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .details-spec__item {
    width: 23.77vw;
  }
  .details-spec__name {
    font-size: var(--pixel14);
    margin-top: 2vw;
  }
}
@media only screen and (max-width: 767px) {
  .details-spec__img {
    width: 54.67vw;
  }
  .details-spec__name {
    font-size: var(--pixel12);
    margin-top: 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .details-spec__info {
    width: calc(100% - 23.77vw);
    padding-left: 4.86vw;
  }
}
@media only screen and (max-width: 767px) {
  .details-spec__info {
    padding-top: 7.47vw;
    text-align: center;
  }
}

.details-spec__dl {
  display: grid;
  grid-template-columns: auto 1fr;
}
.details-spec__dl > dt:not(:last-of-type),
.details-spec__dl > dd:not(:last-of-type) {
  border-bottom: var(--pixel01) solid #dad6d3;
}
.details-spec__dl > dt {
  font-weight: bold;
}
.details-spec__dl-icons {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .details-spec__dl > dt,
  .details-spec__dl > dd {
    padding-bottom: 2.08vw;
  }
  .details-spec__dl > dt:not(:first-of-type),
  .details-spec__dl > dd:not(:first-of-type) {
    margin-top: 2.08vw;
  }
  .details-spec__dl > dt {
    font-size: var(--pixel16);
    padding-right: 3.47vw;
  }
  .details-spec__dl > dd {
    font-size: var(--pixel16);
  }
  .details-spec__dl-icons > li:not(:last-child) {
    margin-right: 0.83vw;
  }
  .details-spec__dl-icons > li img {
    height: 2.09vw;
  }
}
@media only screen and (max-width: 767px) {
  .details-spec__dl {
    text-align: left;
  }
  .details-spec__dl > dt,
  .details-spec__dl > dd {
    padding-bottom: 4vw;
  }
  .details-spec__dl > dt:not(:first-of-type),
  .details-spec__dl > dd:not(:first-of-type) {
    margin-top: 4vw;
  }
  .details-spec__dl > dt {
    font-size: var(--pixel14);
    padding-right: 3.47vw;
  }
  .details-spec__dl > dd {
    font-size: var(--pixel14);
  }
  .details-spec__dl-icons > li:not(:last-child) {
    margin-right: 2.67vw;
  }
  .details-spec__dl-icons > li img {
    height: 7.18vw;
  }
}

.details-spec__info .item-entry-button {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .details-spec__info .item-entry-button {
    margin-top: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .details-spec__info .item-entry-button {
    margin-top: 10vw;
  }
}

/** SECTION PROCESS
==============================================*/
@media only screen and (min-width: 768px) {
  .section-process {
    padding-top: 8vw;
    padding-bottom: 8.68vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-process {
    padding-top: 18.67vw;
    padding-bottom: 14.4vw;
  }
}

@media only screen and (min-width: 768px) {
  .application-process {
    margin-top: 1vw;
    border-top: var(--pixel01) solid #ae4c61;
  }
}

@media only screen and (min-width: 768px) {
  .application-process__head {
    margin-bottom: 6vw;
    margin-top: 2vw;
  }
  .application-process__lead {
    font-size: var(--pixel18);
  }
  .application-process__sub {
    font-size: var(--pixel14);
    margin-top: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .application-process__head {
    margin-bottom: 17vw;
    margin-top: 8vw;
  }
  .application-process__lead {
    font-size: var(--pixel16);
    display: inline;
  }
  .application-process__sub {
    font-size: var(--pixel16);
    display: inline;
  }
}

.application-process__step {
  counter-reset: number;
}
@media only screen and (min-width: 768px) {
  .application-process__step {
    display: flex;
  }
}

.application-process__step > li {
  border-right: var(--pixel01) solid #ae4c61;
  border-left: var(--pixel01) solid #ae4c61;
}
.application-process__step > li:not(:last-child) {
  position: relative;
}
.application-process__step > li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
@media only screen and (min-width: 768px) {
  .application-process__step > li {
    width: 13.89vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
  .application-process__step > li:not(:last-child) {
    margin-right: 4.84vw;
  }
  .application-process__step > li:not(:last-child):after {
    border-width: 0.9vw 0 0.9vw 1.25vw;
    right: -3.045vw;
    top: calc(50% - 0.9vw);
    border-color: transparent transparent transparent #ae4c61;
  }
}
@media only screen and (max-width: 767px) {
  .application-process__step > li {
    padding: 5.33vw;
    border-radius: 1.6vw;
    border-bottom: var(--pixel01) solid #ae4c61;
    position: relative;
  }
  .application-process__step > li:not(:last-child) {
    margin-bottom: 13.33vw;
  }
  .application-process__step > li:not(:last-child):after {
    border-width: 4.8vw 3.33vw 0 3.33vw;
    left: calc(50% - 3.33vw);
    bottom: -8.53vw;
    border-color: #ae4c61 transparent transparent transparent;
  }
}

@media only screen and (max-width: 767px) {
  .application-process__item:before,
  .application-process__item:after {
    content: "";
    width: 32.53vw;
    height: 1.6vw;
    border-top: var(--pixel01) solid #ae4c61;
    position: absolute;
    top: 0;
  }
  .application-process__item:before {
    left: 0;
    border-top-left-radius: 1.6vw;
  }
  .application-process__item:after {
    right: 0;
    border-top-right-radius: 1.6vw;
  }
  .application-process__item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.application-process__step-head {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  color: #ae4c61;
  display: block;
  font-size: var(--pixel24);
  line-height: 1;
  text-align: center;
}
.application-process__step-head:after {
  counter-increment: number;
  content: counter(number);
}
@media only screen and (min-width: 768px) {
  .application-process__step-head {
    margin-bottom: 1.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .application-process__step-head {
    position: absolute;
    top: -0.5em;
    left: 0;
    width: 100%;
  }
}

.application-process__step-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .application-process__step-img {
    margin-bottom: 1.5vw;
  }
  .application-process__step > li:first-child .application-process__step-img img {
    width: 5.89vw;
    height: 5.23vw;
  }
  .application-process__step > li:nth-child(2) .application-process__step-img img {
    width: 5.86vw;
    height: 5.18vw;
  }
  .application-process__step > li:nth-child(3) .application-process__step-img img {
    width: 5.82vw;
    height: 4.12vw;
  }
  .application-process__step > li:nth-child(4) .application-process__step-img img {
    width: 5.83vw;
    height: 4.08vw;
  }
}
@media only screen and (max-width: 767px) {
  .application-process__step-img {
    margin-right: 10.13vw;
  }
  .application-process__step > li:first-child .application-process__step-img img {
    width: 22.61vw;
    height: 20.08vw;
  }
  .application-process__step > li:nth-child(2) .application-process__step-img img {
    width: 22.49vw;
    height: 19.88vw;
  }
  .application-process__step > li:nth-child(3) .application-process__step-img img {
    width: 22.33vw;
    height: 15.82vw;
  }
  .application-process__step > li:nth-child(4) .application-process__step-img img {
    width: 22.37vw;
    height: 15.68vw;
  }
}

.application-process__step-txt {
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .application-process__step-txt {
    font-size: var(--pixel14);
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .application-process__step-txt {
    font-size: var(--pixel16);
  }
}

.application-process__notes > li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: var(--pixel12);
}
.application-process__notes > li:before {
  content: "※";
}
@media only screen and (min-width: 768px) {
  .application-process__notes {
    margin-top: 2.64vw;
  }
}
@media only screen and (max-width: 767px) {
  .application-process__notes {
    margin-top: 10.67vw;
  }
}

/** SECTION HOWTO
==============================================*/
.section-howto {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0c4d0+0,e8b4be+34 */
  background: linear-gradient(to right, rgba(240, 196, 208, 1) 0%, rgba(232, 180, 190, 1) 34%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 768px) {
  .section-howto {
    padding-top: 7vw;
    padding-bottom: 11.81vw;
  }
  .section-howto .content {
    padding-top: 3vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-howto {
    padding-top: 17.33vw;
    padding-bottom: 17.33vw;
  }
  .section-howto .content {
    padding-top: 6vw;
  }
}

.service-category__item {
}
@media only screen and (min-width: 768px) {
  .service-category {
    display: flex;
    flex-wrap: wrap;
  }
  .service-category__item {
    width: calc(50% - 1vw);
  }
  .service-category__item:nth-child(odd) {
    margin-right: 2vw;
  }
  .service-category__item:not(:nth-child(-n + 2)) {
    margin-top: 2vw;
  }
}
@media only screen and (max-width: 767px) {
  .service-category__item:not(:first-child) {
    margin-top: 6vw;
  }
}

.service-category__in {
  background-color: #fff;
  overflow: hidden;
}
.service-category__info > dt {
  font-size: var(--pixel18);
}
.service-category__list {
  padding-left: 1em;
}
.service-category__list > li {
  list-style: disc;
  font-size: var(--pixel14);
}
@media only screen and (min-width: 768px) {
  .service-category__in {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5vw;
    -webkit-filter: drop-shadow(0vw 0vw 0.2vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0vw 0vw 0.2vw rgba(0, 0, 0, 0.1));
    min-height: 10vw;
    border-radius: 0.3vw;
  }
  .service-category__img {
    width: 35%;
  }
  .service-category__info {
    width: 65%;
    padding-left: 1.5vw;
  }
  .service-category__info > dt {
    margin-bottom: 0.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .service-category__in {
    display: block;
    border-radius: 1.5vw;
    -webkit-filter: drop-shadow(0vw 0vw 1vw rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0vw 0vw 1vw rgba(0, 0, 0, 0.1));
  }
  .service-category__info {
    padding: 4vw 6vw;
  }
  .service-category__info > dt {
    margin-bottom: 1.5vw;
  }
}

/** SECTION FAQ
==============================================*/
.section-faq {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0c4d0+0,e8b4be+34 */
  background: linear-gradient(to right, rgba(240, 196, 208, 1) 0%, rgba(232, 180, 190, 1) 34%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 768px) {
  .section-faq {
    padding-top: 7vw;
    padding-bottom: 11.81vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-faq {
    padding-top: 17.33vw;
    padding-bottom: 17.33vw;
  }
}

@media only screen and (min-width: 768px) {
  .faq-block {
    margin-top: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .faq-block {
    margin-top: 10vw;
  }
}

.faq-block__ttl {
  color: #ae4c61;
  position: relative;
}
.faq-block__ttl:before {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#df828f+0,ae4c61+100 */
  background: linear-gradient(45deg, rgba(223, 130, 143, 1) 0%, rgba(174, 76, 97, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (min-width: 768px) {
  .faq-block__ttl {
    font-size: var(--pixel20);
    padding-left: 1.5vw;
    margin-bottom: 1vw;
  }
  .faq-block__ttl:before {
    width: 0.49vw;
  }
}
@media only screen and (max-width: 767px) {
  .faq-block__ttl {
    font-size: var(--pixel18);
    padding-left: 4vw;
    margin-bottom: 3vw;
  }
  .faq-block__ttl:before {
    width: 1.33vw;
  }
}

.faq-question {
  background-color: #fff;
  position: relative;
}
.faq-question:after {
  content: "";
  background-color: #ae4c61;
  border-radius: 50%;
  position: absolute;
}
.faq-question__ttl:before,
.faq-question__ttl:after {
  content: "";
  height: var(--pixel01);
  background-color: #fff;
  position: absolute;
  z-index: 1;
}
.faq-question__ttl:after {
  transition: all 0.3s ease;
  transform: rotate(90deg);
}
.faq-question.is-active .faq-question__ttl:after {
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .faq-question {
    border-radius: 0.28vw;
    padding: 1.8vw 5.87vw 1.8vw 3.13vw;
    cursor: pointer;
    margin-bottom: 1.04vw;
  }
  .faq-question:after {
    width: 2.54vw;
    height: 2.54vw;
    right: 1.67vw;
    top: calc(50% - 1.27vw);
  }
  .faq-question__ttl {
    font-size: var(--pixel18);
  }
  .faq-question__ttl:before,
  .faq-question__ttl:after {
    width: 0.83vw;
    right: 2.5vw;
    top: calc(50% - 0.03vw);
  }
}
@media only screen and (max-width: 767px) {
  .faq-question {
    border-radius: 1.07vw;
    padding: 4vw 12vw 4vw 4vw;
    margin-bottom: 4.5vw;
    line-height: 1.4;
  }
  .faq-question:after {
    width: 5.33vw;
    height: 5.33vw;
    right: 4vw;
    top: calc(50% - 2.665vw);
  }
  .faq-question__ttl {
    font-size: var(--pixel16);
    letter-spacing: 0;
  }
  .faq-question__ttl:before,
  .faq-question__ttl:after {
    width: 2.67vw;
    right: 5.33vw;
    top: calc(50% - 0.13vw);
  }
}

.faq-anser__sub-box {
  line-height: 1.3;
}
.faq-anser__txt {
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.faq-anser__intextlink {
  color: #b2265b;
  text-decoration: underline;
}
.faq-anser__intextlink:hover {
  color: #b2265b;
  text-decoration: underline;
}
.faq-anser__img img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .faq-anser {
    margin-bottom: 2.08vw;
    border-radius: 0.28vw;
    padding: 1.8vw 5.56vw;
    background-color: #fff;
  }
  .faq-anser__box > *:not(:last-child) {
    margin-bottom: 0.5vw;
  }
  .faq-anser__txt {
    font-size: var(--pixel18);
  }
  .faq-anser__intextlink {
    font-size: var(--pixel14);
  }
}
@media only screen and (max-width: 767px) {
  .faq-anser:not(:last-of-type) {
    margin-bottom: 12vw;
  }
  .faq-anser__box > *:not(:last-child) {
    margin-bottom: 3vw;
  }
  .faq-anser__txt {
    font-size: var(--pixel14);
    letter-spacing: 0;
  }
  .faq-anser__intextlink {
    font-size: var(--pixel12);
  }
}

@media only screen and (min-width: 768px) {
  .section-item-info {
    padding-top: 4.17vw;
    padding-bottom: 4.17vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-item-info {
    padding-top: 13.33vw;
    padding-bottom: 13.33vw;
  }
}

@media only screen and (min-width: 768px) {
  .item-information {
    width: 59.72vw;
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-columns: 1fr;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      "item-information__name item-information__item"
      "item-information__lead item-information__item";
  }
}
@media only screen and (max-width: 767px) {
  .item-information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.item-information__name > * {
  display: block;
  text-align: center;
}
.item-information__name-en {
  margin-right: auto;
  margin-left: auto;
}
.item-information__name-ja {
  margin-top: 1em;
}
.item-information__lead {
  font-family: "Noto Serif JP", serif;
  color: #ae4c61;
  text-align: center;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 768px) {
  .item-information__name {
    grid-area: item-information__name;
  }
  .item-information__name-en {
    width: 31.29vw;
  }
  .item-information__name-ja {
    font-size: var(--pixel13);
  }
  .item-information__lead {
    margin-top: 1.8vw;
    font-size: var(--pixel32);
    grid-area: item-information__lead;
  }
}
@media only screen and (max-width: 767px) {
  .item-information__name {
    order: 3;
    margin-bottom: 8vw;
  }
  .item-information__name-en {
    width: 56.32vw;
  }
  .item-information__name-ja {
    font-size: var(--pixel12);
  }
  .item-information__lead {
    order: 1;
    font-size: var(--pixel22);
    margin-bottom: 9vw;
  }
}

.item-information__item {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .item-information__item {
    width: 22.15vw;
    grid-area: item-information__item;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .item-information__card {
    width: 16.45vw;
  }
}
@media only screen and (max-width: 767px) {
  .item-information__item {
    order: 2;
  }
  .item-information__card {
    width: 49.73vw;
    margin-bottom: 6.67vw;
    -webkit-filter: drop-shadow(0.53vw 0.53vw 0.53vw rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0.53vw 0.53vw 0.53vw rgba(0, 0, 0, 0.3));
  }
}

.item-information__button {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .item-information__button {
    float: right;
    width: 22.15vw;
  }
  .item-information__button .item-entry-button {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .item-information__button {
    order: 4;
  }
}

/** MODAL TABLE
==============================================*/
.modal-cont .block_content .table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.modal-cont .block_content .table thead {
  background-color: #f0f0f0;
}
.modal-cont .block_content .table thead th {
  padding: var(--pixel20);
}
.modal-cont .block_content .table thead .card_img img {
  max-width: 100%;
}
.modal-cont .block_content .table thead .card_name {
  padding-top: var(--pixel10);
}
@media only screen and (min-width: 641px) {
  .modal-cont .block_content .table thead .card_img img {
    width: 11.11111111111111vw;
  }
  .modal-cont .block_content .table thead .card_name {
    font-size: var(--pixel14);
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .block_content .table thead .card_img img {
    width: 32vw;
  }
  .modal-cont .block_content .table thead .card_name {
    font-size: var(--pixel12);
  }
}

.modal-cont .block_content .table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.modal-cont .block_content .table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}

.modal-cont .block_content .table tbody tr th:not(:last-child),
.modal-cont .block_content .table tbody tr td:not(:last-child) {
  border-right: 1px solid #3c3c3c;
}
.modal-cont .block_content .table tbody tr th,
.modal-cont .block_content .table tbody tr td {
  padding: var(--pixel10);
  vertical-align: middle;
}
@media only screen and (min-width: 641px) {
  .modal-cont .block_content .table tbody tr th .txt,
  .modal-cont .block_content .table tbody tr td .txt {
    font-size: var(--pixel14);
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .block_content .table tbody tr th .txt,
  .modal-cont .block_content .table tbody tr td .txt {
    font-size: var(--pixel12);
  }
}

.modal-cont .block_content .table tbody tr td .btn {
  font-size: var(--pixel14);
  color: #fff;
  border-radius: var(--pixel05);
  background-color: #9f7d3a;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: var(--pixel10);
  line-height: 1.3;
}
@media only screen and (min-width: 641px) {
  .modal-cont .block_content .table tbody tr td .btn {
    width: 16.319444444444446vw;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .block_content .table tbody tr td .btn {
    width: 62.66666666666667vw;
  }
}

/** MODAL LOUNGE
==============================================*/
.modal-cont .lounge_block .block_content .table {
  table-layout: inherit;
}
.modal-cont .lounge_block .block_content .table tbody th,
.modal-cont .lounge_block .block_content .table tbody td {
  word-wrap: break-word;
}
@media screen and (min-width: 641px) {
  .modal-cont .lounge_block .block_content .table tbody th {
    width: 20%;
  }
  .modal-cont .lounge_block .block_content .table tbody td {
    width: 80%;
  }
}
@media screen and (max-width: 640px) {
  .modal-cont .lounge_block .block_content .table tbody th {
    width: 30%;
  }
  .modal-cont .lounge_block .block_content .table tbody td {
    width: 70%;
  }
}

/** ENTRT MODAL
==============================================*/
@media only screen and (min-width: 768px) {
  .entry-modal {
    width: 58.33vw;
    max-width: 100%;
    padding: 2.43vw;
  }
  .entry-modal > * {
    max-width: 37.5vw;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .entry-modal {
    padding: 8vw 5.33vw;
  }
}

.entry-modal .entry-modal__ttl {
  font-size: var(--pixel16);
  color: #ae4c61;
  display: inline-block;
  border-bottom: var(--pixel01) solid #ae4c61;
}
@media only screen and (min-width: 768px) {
  .entry-modal .entry-modal__ttl {
    margin-bottom: 1.74vw;
  }
}
@media only screen and (max-width: 767px) {
  .entry-modal .entry-modal__ttl {
    margin-bottom: 6.67vw;
  }
}

@media only screen and (min-width: 768px) {
  .entry-modal .entry-modal__txt {
    font-size: var(--pixel18);
  }
  .entry-modal .qr_img {
    padding-top: 1.39vw;
    padding-bottom: 2.08vw;
  }
  .entry-modal .qr_img canvas {
    width: 10.42vw;
  }
}
@media only screen and (max-width: 767px) {
  .entry-modal .entry-modal__txt {
    font-size: var(--pixel15);
  }
}

.card-entry__button {
  color: #fff;
  font-size: var(--pixel16);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  position: relative;
  font-weight: bold;
}
.card-entry__button {
  background-color: #e98097;
}
.card-entry__style--member .card-entry__button {
  background-color: #ae4c61;
}
.card-entry__button:hover {
  color: #fff;
}
.card-entry__button:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent rgba(225, 225, 225, 0.6);
  position: absolute;
}
.card-entry__button .small {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .card-entry__list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 1.74vw;
  }
  .card-entry__style {
    padding: 0 0.69vw;
  }
  .card-entry__button {
    width: 19.79vw;
    max-width: 100%;
    border-radius: 0.35vw;
    padding: 0.69vw;
    min-height: 4.17vw;
    border: 0.14vw solid #e98097;
  }
  .card-entry__button:after {
    border-width: 0.28vw 0 0.28vw 0.28vw;
    right: 0.69vw;
    top: calc(50% - 0.28vw);
  }
  .card-entry__button .small {
    font-size: var(--pixel13);
  }
}
@media only screen and (max-width: 767px) {
  .card-entry__list {
    padding-top: 6.67vw;
  }
  .card-entry__style:not(:last-child) {
    margin-bottom: 4vw;
  }
  .card-entry__button {
    border-radius: 1.33vw;
    padding: 2.67vw;
    min-height: 12.53vw;
    border: 0.53vw solid #e98097;
  }
  .card-entry__button:after {
    border-width: 1.07vw 0 1.07vw 1.07vw;
    right: 2.67vw;
    top: calc(50% - 1.07vw);
  }
  .card-entry__button .small {
    font-size: var(--pixel10);
  }
}

.entry-modal .information_red {
  display: inline-block;
  color: #ff0000;
  font-size: var(--pixel11);
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .entry-modal .information_red {
    padding-top: 2.67vw;
  }
}

.howto-dl > dt {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
}
.plastic .howto-dl > dt {
  color: #ae4c61;
}
.digital .howto-dl > dt {
  color: #ff503c;
}
.howto-dl > dt:after {
  content: "";
  position: absolute;
  right: 0;
}
.howto-dl > dt:after {
  background-color: #ae4c61;
}
@media only screen and (min-width: 768px) {
  .howto-dl > dt {
    padding-right: 1.39vw;
  }
  .howto-dl > dt:after {
    width: 0.83vw;
    height: 0.83vw;
    top: calc(50% - 0.42vw);
  }
}
@media only screen and (max-width: 767px) {
  .howto-dl > dt {
    padding-right: 5.33vw;
  }
  .howto-dl > dt:after {
    width: 3.2vw;
    height: 3.2vw;
    top: calc(50% - 1.6vw);
  }
}

.howto-dl__ttl:before,
.howto-dl__ttl:after {
  content: "";
  position: absolute;
  background-color: #fff;
  z-index: 1;
  height: var(--pixel01);
}
.howto-dl__ttl {
  font-size: var(--pixel12);
  display: block;
}
.howto-dl__ttl:after {
  transform: rotate(90deg);
}
.howto-dl > dt.is-active .howto-dl__ttl:after {
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .howto-dl {
    padding-top: 1.04vw;
  }
  .howto-dl__ttl:before,
  .howto-dl__ttl:after {
    width: 0.49vw;
    right: 0.17vw;
    top: calc(50% - 0.035vw);
  }
}
@media only screen and (max-width: 767px) {
  .howto-dl {
    padding-top: 4vw;
  }
  .howto-dl__ttl:before,
  .howto-dl__ttl:after {
    width: 1.87vw;
    right: 0.67vw;
    top: calc(50% - 0.13vw);
  }
}

.howto-dl > dd {
  background-color: #eef2f2;
}
@media only screen and (min-width: 768px) {
  .howto-dl > dd {
    width: calc(200% + 1.39vw);
    margin-left: calc(-100% + -1.39vw);
    padding: 1.04vw;
  }
}
@media only screen and (max-width: 767px) {
  .howto-dl > dd {
    max-width: 100%;
    padding: 4vw;
  }
}

@media only screen and (min-width: 768px) {
  .howto-kantan-entry > * {
    margin-bottom: 0.69vw;
  }
}
@media only screen and (max-width: 767px) {
  .howto-kantan-entry > * {
    margin-bottom: 2.67vw;
  }
}

@media only screen and (min-width: 768px) {
  .howto-kantan-entry .inner {
    padding-bottom: 0.69vw;
  }
}
@media only screen and (max-width: 767px) {
  .howto-kantan-entry .inner {
    padding-bottom: 2.67vw;
  }
}

.howto-kantan-entry__lead {
  text-align: left;
  font-size: var(--pixel12);
}

.howto-kantan-entry__notes {
  font-size: var(--pixel10);
}

.howto-kantan-entry__ttl {
  font-weight: 700;
  padding-top: 1em;
  font-size: var(--pixel14);
}

.howto-kantan-entry__lead {
  font-weight: 700;
  font-size: var(--pixel13);
}
.howto-kantan-entry__text {
  font-size: var(--pixel12);
}
@media only screen and (min-width: 768px) {
  .howto-kantan-entry__text {
    padding-top: 0.35vw;
  }
}
@media only screen and (max-width: 767px) {
  .howto-kantan-entry__text {
    padding-top: 1.33vw;
  }
}

@media only screen and (min-width: 768px) {
  .howto-kantan-entry__img {
    padding-top: 0.69vw;
    padding-bottom: 0.69vw;
  }
}
@media only screen and (max-width: 767px) {
  .howto-kantan-entry__img {
    padding-top: 2.67vw;
    padding-bottom: 2.67vw;
  }
}

.howto-kantan-entry__dot-list {
  text-align: left;
  line-height: 1.3;
}
.howto-kantan-entry__dot-list > li {
  text-align: left;
  font-size: var(--pixel12);
  display: inline-block;
}

.howto-kantan-entry__text {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .howto-kantan-entry__step {
    width: 100%;
    max-width: 34.72vw;
    margin: 0 auto 2vw;
  }
  .howto-kantan-entry__box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .howto-kantan-entry__box > * {
    width: 50%;
  }
  .howto-kantan-entry__img {
    padding-right: 0.69vw;
  }
  .howto-kantan-entry__info {
    padding-top: 1.39vw;
    padding-left: 0.69vw;
  }
  .howto-kantan-entry__lead {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .howto-kantan-entry__step {
    margin-bottom: 8vw;
  }
  .howto-kantan-entry__info {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}

/** ROSE REVISION
==============================================*/
.modal-cont__title {
  font-size: 1.39vw;
}
@media only screen and (max-width: 767px) {
  .modal-cont__title {
    font-size: var(--pixel16);
  }
  .modal-cont__txt {
    font-size: var(--pixel14);
  }
}

.rose-revision > *:not(:first-child) {
  margin-top: 1em;
}

.rose-revision__txt {
  font-size: var(--pixel15);
}
@media only screen and (max-width: 767px) {
  .rose-revision__txt {
    font-size: var(--pixel13);
    letter-spacing: 0;
  }
}

.rose-revision__table {
  width: 100%;
  border: var(--pixel01) solid #e69a9a;
}
@media only screen and (max-width: 767px) {
  .rose-revision__table-wrap {
    overflow-x: scroll;
  }
  .rose-revision__table {
    width: 200%;
  }
}

.rose-revision__table th,
.rose-revision__table td {
  vertical-align: middle;
  text-align: center;
  font-size: var(--pixel14);
}
@media only screen and (min-width: 768px) {
  .rose-revision__table th,
  .rose-revision__table td {
    padding: 0.35vw 1.04vw;
  }
  .rose-revision__table th:not(:first-child),
  .rose-revision__table td:not(:first-child) {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .rose-revision__table th,
  .rose-revision__table td {
    font-size: var(--pixel11);
    padding: 2vw;
    letter-spacing: 0;
  }
}

.rose-revision__table th {
  background-color: #e69a9a;
  color: #fff;
}
.rose-revision__table th:first-child,
.rose-revision__table th:nth-child(2) {
  border-right: var(--pixel01) solid #fff;
}
.rose-revision__table tr:first-child th,
.rose-revision__table tr:not(:last-child) th {
  border-bottom: var(--pixel01) solid #fff;
}
.rose-revision__table td:nth-child(2) {
  border-right: var(--pixel01) solid #e69a9a;
}
.rose-revision__table tr:not(:last-child) td {
  border-bottom: var(--pixel01) solid #e69a9a;
}

.rose-revision__table td {
  background-color: #fff;
}

.rose-revision__table td .pk {
  color: #ff0000;
}
.rose-revision__table td .small {
  font-size: var(--pixel12);
  line-height: 1.3;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .rose-revision__table th,
  .rose-revision__table td {
    text-align: left;
  }
  .rose-revision__table td .small {
    font-size: var(--pixel10);
    text-align: left;
  }
}

/** SIMPLIFIED CHART
==============================================*/
@media screen and (max-width: 767px) {
  .simplified-chart .comparison-table th,
  .simplified-chart .comparison-table td {
    padding: 1.33vw;
  }
  .simplified-chart .comparison-table th:not(:first-child),
  .simplified-chart .comparison-table td:not(:first-child) {
    width: auto;
  }
  .simplified-chart .comparison-table thead th,
  .simplified-chart .comparison-table tbody th,
  .simplified-chart .comparison-table tbody td {
    font-size: var(--pixel12);
  }
  .simplified-chart .comparison-table {
    width: 100%;
  }
}

.comparison-table th:not(:last-child),
.comparison-table td:not(:last-child) {
  border-right: var(--pixel01) solid #fff;
}
.comparison-table tbody th,
.comparison-table tbody td {
  border-top: var(--pixel01) solid #fff;
}
.comparison-table th {
  background-color: #df828f;
  color: #fff;
}
.comparison-table thead th:first-child {
  border-top-left-radius: var(--pixel08);
}
.comparison-table tbody tr:nth-child(odd) td:nth-child(even) {
  background-color: #f1eef1;
}
.comparison-table tbody tr:nth-child(odd) td:nth-child(odd) {
  background-color: #ffeee6;
}
.comparison-table tbody tr:nth-child(even) td:nth-child(even) {
  background-color: #e7e2e7;
}
.comparison-table tbody tr:nth-child(even) td:nth-child(odd) {
  background-color: #ffe7df;
}
.comparison-table th,
.comparison-table td {
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
}
.comparison-body__large {
  z-index: 0;
}
.comparison-body__notes {
  display: block;
}
@media screen and (min-width: 768px) {
  .comparison-table {
    width: 100%;
  }
  .comparison-table th,
  .comparison-table td {
    padding: 0.6944444444444444vw;
  }
  .comparison-table thead th {
    font-size: var(--pixel18);
  }
  .comparison-table tbody th,
  .comparison-table tbody td {
    font-size: var(--pixel16);
  }
  .comparison-table th:not(:first-child),
  .comparison-table td:not(:first-child) {
    width: 23.88888888888889vw;
  }
  .comparison-table thead th:last-child {
    border-top-right-radius: 0.5555555555555556vw;
  }
  .comparison-table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 0.5555555555555556vw;
  }
  .comparison-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.5555555555555556vw;
  }
  .comparison-body__large {
    font-size: var(--pixel20);
  }
  .comparison-body__small {
    font-size: var(--pixel14);
  }
  .comparison-body__notes {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 767px) {
  .comparison-block .js-scrollable {
    padding-right: 5.333333333333334vw;
    width: calc(100% + 6.666666666666667vw);
  }
  .comparison-block .comparison-table {
    width: 192vw;
  }
  .comparison-table th,
  .comparison-table td {
    padding: 2.666666666666667vw;
  }
  .comparison-table th:not(:first-child),
  .comparison-table td:not(:first-child) {
    width: 35%;
  }
  .comparison-table thead th:last-child {
    border-top-right-radius: 2.1333333333333333vw;
  }
  .comparison-table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 2.1333333333333333vw;
  }
  .comparison-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 2.1333333333333333vw;
  }
  .comparison-table thead th {
    font-size: var(--pixel16);
  }
  .comparison-table tbody th {
    font-size: var(--pixel16);
  }
  .comparison-table tbody td {
    font-size: var(--pixel14);
  }
  .comparison-body__large {
    font-size: var(--pixel16);
  }
  .comparison-body__small {
    font-size: var(--pixel12);
  }
  .comparison-body__notes {
    font-size: var(--pixel10);
  }
}
@media screen and (max-width: 375px) {
  .comparison-block .js-scrollable {
    width: calc(100% + 6.666666666666667vw);
  }
}