@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
  image-rendering: -webkit-optimize-contrast;
}

/*--------------------------------------------------------------
/pub/template/
--------------------------------------------------------------*/
/* *****************************************
/*+  common  +******************************
/***************************************** */
body {
  margin: 0;
  padding: 0;
}
@media (min-width: 513px) {
  body {
    background: #FFF url("../img/sp/pc_bg.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
  }
}

#template {
  max-width: 512px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Sans JP", -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
  background-color: #FFF;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.75vw;
  color: #373737;
  font-weight: 400;
}
@media (min-width: 513px) {
  #template {
    box-shadow: 0px 0px 54px 0px rgba(105, 80, 34, 0.3);
  }
}
@media (min-width: 513px) {
  #template {
    font-size: 19.2px;
  }
}
#template a {
  color: #cbb361;
  text-decoration: underline;
}
#template a:link, #template a:visited {
  color: #cbb361;
  text-decoration: underline;
}
#template a:hover, #template a:active {
  color: #cbb361;
  text-decoration: none;
}
@media (min-width: 513px) {
  #template a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  #template a {
    transition: .3s all;
  }
  #template a:hover {
    opacity: .7;
  }
}
#template * {
  margin: 0;
  padding: 0;
  line-height: 1.65;
}
#template img, #template input[type="image"] {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}
#template video {
  width: 100%;
  height: auto;
  display: block;
}
#template ol, #template ul {
  list-style: none;
}
#template sup {
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
  letter-spacing: .05em;
}
#template .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
#template *, #template *:before, #template *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#template .fade {
  transition: 0.5s;
}
#template .fade:hover {
  opacity: .75;
}
#template .text-pink {
  color: #d37583;
}
#template .bold {
  font-weight: bold;
}
#template .notes {
  margin: 0 6.25%;
}
#template .note {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.5vw;
  text-align: left;
  letter-spacing: normal;
}
@media (min-width: 513px) {
  #template .note {
    font-size: 12.8px;
  }
}
#template .note li {
  letter-spacing: normal;
  text-indent: -1em;
  padding-left: 1em;
}
#template dl.note {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.4;
  text-align: left;
}
#template dl.note dt {
  width: 1em;
}
#template dl.note dd {
  width: calc(100% - 1em);
}
#template dl.note.numbering dt {
  width: 2em;
}
#template dl.note.numbering dd {
  width: calc(100% - 2em);
}
#template .tr {
  text-align: right;
}
#template .tl {
  text-align: left;
}
#template .tc {
  text-align: center;
}
#template .under-line {
  background: linear-gradient(0deg, #f9ba00 15%, white 15%);
}
#template #footer {
  padding: 1em 0;
}
#template .fadeIn {
  opacity: 0;
  transition: .3s;
}
#template .fadeIn.lazyloaded {
  opacity: 1;
}

.effected, .effected::before, .effected::after {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1, 1) !important;
}

/* *****************************************
/*+  content  +********************************
/***************************************** */
/*+ common parts + ------------------------------ */
.modal {
  display: none;
}

.modaal-inner-wrapper {
  padding: 80px calc( 45 / 640 * 100%);
}

.modaal-container {
  max-width: 512px;
  overflow: hidden;
  margin: 0 auto;
  font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
  background-color: #FFF;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.75vw;
  color: #373737;
  border-radius: clamp(6px, 1.875vw, 9.6px);
}
@media (min-width: 513px) {
  .modaal-container {
    font-size: 19.2px;
  }
}
.modaal-container img, .modaal-container input[type="image"] {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}
.modaal-container video {
  width: 100%;
  height: auto;
  display: block;
}

.modaal-content-container {
  padding: 0;
}

.modal__contents {
  text-align: center;
  padding: calc( 70 / 640 * 100%) 0;
}
.modal__contents .modal_close {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.8125vw;
  color: #ae953e;
  text-align: center;
  margin: 2em auto 0;
}
@media (min-width: 513px) {
  .modal__contents .modal_close {
    font-size: 14.4px;
  }
}
.modal__contents .modal_close::before, .modal__contents .modal_close::after {
  content: "";
  position: absolute;
  left: -1.5em;
  top: 50%;
  width: .8em;
  height: 0;
  border-bottom: #ae953e solid 1px;
}
.modal__contents .modal_close::before {
  transform: rotate(45deg);
}
.modal__contents .modal_close::after {
  transform: rotate(-45deg);
}

.swiper-button-prev, .swiper-button-next {
  top: auto;
}
.swiper-button-prev::after, .swiper-button-next::after {
  content: none;
}

.swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
}

/*+ block + ------------------------------ */
#content > section, #content .area {
  position: relative;
  z-index: 0;
}
#content {
  position: relative;
}
#content{
  opacity: 0.01;
  filter: brightness(1);
}
#content{
  animation: brightness_low 2.5s cubic-bezier(0.39, 0.38, 0.28, 0.88) 0s forwards;
}
@keyframes fadein {
  0% {
    transform: translateY(15px);
    opacity: 0.01;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes brightness {
  0% {
    filter: brightness(2.5);
    opacity: 0.01;
  }
  100% {
    filter: brightness(1);
    opacity: 1;
  }
}
@keyframes brightness_low {
  0% {
    filter: brightness(1.2);
    opacity: 0.01;
  }
  100% {
    filter: brightness(1);
    opacity: 1;
  }
}
@keyframes yura_horizontal {
  0% {
    transform: translateX(-15px) skew(15deg);
  }
  25% {
    transform: translateX(3px) skew(0deg);
  }
  50% {
    transform: translateX(-8px) skew(15deg);
  }
  75% {
    transform: translateX(0px) skew(0deg);
  }
  100% {
    transform: translateX(-2px) skew(15deg);
  }
}
@keyframes yura_vertical {
  0% {
    transform: translateY(-15px);
    opacity: .7;
  }
  25% {
    transform: translateY(3px);
    opacity: .8;
  }
  50% {
    transform: translateY(-20px);
    opacity: 1;
  }
  75% {
    transform: translateY(0px);
    opacity: .8;
  }
  100% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
#content .cv {
  padding: calc( 40 / 640 * 100%) 0 calc( 90 / 640 * 100%);
}
#content .cv .inner {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(90deg, #e9cea6 0%, #f3ead0 27%, #e0c696 60%, #e2bf8e 100%);
  margin: 0 calc( 30 / 640 * 100%);
  padding: 0 0 calc( 10 / 640 * 100%);
  border-radius: clamp(6px, 1.875vw, 9.6px);
}
#content .cv__contents {
  overflow: hidden;
  margin: 0 calc( 10 / 580 * 100%);
  padding: 0 0 calc( 30 / 580 * 100%);
  border-radius: clamp(4px, 1.25vw, 6.4px);
  background-color: #FFF;
}
#content .cv .cv_btn input {
  position: relative;
  cursor: pointer;
  display: block;
  width: calc( 520 / 560 * 100%);
  height: 0;
  margin: calc( 30 / 560 * 100%) auto calc( 30 / 560 * 100%);
  padding-top: calc( 116 / 560 * 100%);
  border: none;
  text-indent: -9999px;
  background: url(../img/sp/cv_btn.png) no-repeat 0 0/100% auto;
  filter: drop-shadow(6px 6px 14px rgba(118, 118, 118, 0.35));
  transition: all .3s;
}
#content .cv .cv_btn input:hover {
  opacity: .9;
  transform: translateY(5px);
  filter: drop-shadow(2px 2px 7px rgba(118, 118, 118, 0.8));
}
#content .cv .cv_btn_member input {
  position: relative;
  cursor: pointer;
  display: block;
  width: calc( 440 / 560 * 100%);
  height: 0;
  margin: 0 auto calc( 40 / 560 * 100%);
  padding-top: calc( 80 / 560 * 100%);
  border: none;
  text-indent: -9999px;
  background: url("../img/sp/cv_btn_member.png") no-repeat 0 0/100% auto;
  transition: all .3s;
}
#content .cv .cv_btn_member input:hover {
  opacity: .7;
  transform: translateY(5px);
}
#content .cv .link_seibun, #content .cv .link_guide {
  margin: calc( 40 / 560 * 100%);
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.4375vw;
  letter-spacing: .05em;
}
@media (min-width: 513px) {
  #content .cv .link_seibun, #content .cv .link_guide {
    font-size: 17.6px;
  }
}
#content .cv .link_seibun a, #content .cv .link_guide a {
  color: #ff9036;
}
#content .cv .cv_service {
  width: calc( 560 / 560 * 100%);
  margin: calc( 40 / 560 * 100%) auto calc( 30 / 560 * 100%);
}
#content .cv .note {
  margin: 0 calc( 30 / 560 * 100%) 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.5vw;
  letter-spacing: normal;
}
@media (min-width: 513px) {
  #content .cv .note {
    font-size: 12.8px;
  }
}
#content .cv .note.numbering {
  margin-bottom: 0;
}
#content .nayami {
  position: relative;
  background-color: #d5d5d5;
  padding: calc( 100 / 640 * 100%) 0 calc( 170 / 640 * 100%);
}
#content .kutabire {
  position: relative;
  background-color: #f2f2f2;
  border-radius: clamp(6px, 1.875vw, 9.6px);
  margin: calc( -50 / 640 * 100%) calc( 20 / 640 * 100%) calc( 80 / 640 * 100%);
  padding: calc( 115 / 640 * 100%) 0 calc( 100 / 640 * 100%);
}
#content .kutabire::before {
  position: absolute;
  content: "";
  background-color: #373737;
  width: 1px;
  height: 6em;
  top: -3em;
}
#content .kutabire__figure1 {
  position: relative;
}
#content .kutabire__figure1 .animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  margin: calc( 40 / 640 * 100%) auto 0;
}
#content .solution {
  background: #FFF url("../img/sp/solution_bg.jpg") no-repeat center top/100% auto;
  border-radius: clamp(6px, 1.875vw, 9.6px);
  padding: calc( 100 / 640 * 100%) 0 calc( 170 / 640 * 100%);
}
#content .solution__note {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.34375vw;
  letter-spacing: 0.08em;
  margin: 0 calc( 40 / 640 * 100%) calc( 60 / 640 * 100%);
}
@media (min-width: 513px) {
  #content .solution__note {
    font-size: 12px;
  }
}
#content .component {
  padding: 0 0 calc( 20 / 640 * 100%);
}
#content .component__01_figure02 {
  position: relative;
}
#content .component__01_figure02 .animation {
  position: absolute;
  top: 0;
  left: 3.5em;
  right: 0;
  width: 64%;
  margin: calc( 110 / 640 * 100%) auto 0;
}
#content .influencer {
  padding: 0 0 calc( 100 / 640 * 100%);
}
#content .voice {
  position: relative;
  padding: 0 0 calc( 120 / 640 * 100%);
}
#content .voice .note {
  margin: calc( 60 / 640 * 100%) calc( 45 / 640 * 100%) 0;
}
#content .cs {
  @import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
  position: relative;
}
#content .cs::before {
  position: absolute;
  z-index: 4;
  content: "";
  background-color: #373737;
  width: 1px;
  height: 6em;
  top: -3em;
}
#content .cs__pic {
  position: relative;
  z-index: 3;
}
#content .cs__bg {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
#content .cs__chart-wrapper {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  width: calc( 440 / 640 * 100%);
  margin: calc( 156 / 640 * 100%) auto 0;
}
#content .cs__txt {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  margin: calc( 290 / 640 * 100%) auto auto;
  display: flex;
  justify-content: center;
  color: #FFF;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  text-shadow: 0.2em 0.2em 0px #c76975;
}
#content .cs__txt > div {
  align-self: flex-end;
}
#content .cs__txt--ttl {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 5vw;
  line-height: 1.3;
  letter-spacing: .05em;
}
@media (min-width: 513px) {
  #content .cs__txt--ttl {
    font-size: 25.6px;
  }
}
#content .cs__txt--number {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 17.1875vw;
  letter-spacing: -.01em;
  line-height: 0;
}
@media (min-width: 513px) {
  #content .cs__txt--number {
    font-size: 88px;
  }
}
#content .cs__txt--number .decimal {
  font-size: 60%;
  line-height: 1;
}
#content .cs__txt--unit {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 9.375vw;
  line-height: 1;
  padding-left: .1em;
}
@media (min-width: 513px) {
  #content .cs__txt--unit {
    font-size: 48px;
  }
}
#content .cs__asterisk {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.1875vw;
  position: absolute;
  z-index: 5;
  color: #FFF;
  text-shadow: 0.1em 0.1em 0px #c76975;
  top: 0;
  left: calc( 480 / 640 * 100%);
  margin: calc( 290 / 640 * 100%) auto auto;
}
@media (min-width: 513px) {
  #content .cs__asterisk {
    font-size: 11.2px;
  }
}
#content .set {
  padding: calc( 90 / 640 * 100%) 0 0;
  position: relative;
}
#content .set__block .note {
  margin: calc( 30 / 640 * 100%) calc( 45 / 640 * 100%) 0;
}
#content .set__sidenote {
  border: #7e6b5d solid 1px;
  color: #7e6b5d;
  margin: 0 calc( 45 / 640 * 100%);
  padding: 1em;
  text-align: center;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.75vw;
  letter-spacing: .1em;
  white-space: nowrap;
}
@media (min-width: 513px) {
  #content .set__sidenote {
    font-size: 19.2px;
  }
}
#content .set__sidenote-txt {
  font-weight: 400;
  margin-bottom: .5em;
}
#content .set__sidenote-btn {
  width: 60%;
  margin: 0 auto;
  cursor: pointer;
}
#content .set__sidenote-btn:hover {
  opacity: .7;
}
#content .set .offer {
  margin: calc( 100 / 640 * 100%) 0 0;
  padding: calc( 100 / 640 * 100%) 0;
  padding-bottom: 0;
  background-color: #f5f5f5;
  position: relative;
}
#content .set .offer .set__plus {
  position: absolute;
  width: calc( 78 / 640 * 100%);
  margin: auto;
  left: 0;
  right: 0;
  top: -1.55em;
}
#content .howto__step02 {
  position: relative;
}
#content .howto__step02 .howto04-mov {
  position: absolute;
  top: 0;
  left: calc( 134 / 640 * 100%);
  right: 0;
  margin-top: calc( 70 / 640 * 100%);
  width: calc( 184 / 640 * 100%);
}
#content .howto__step02 .howto05-mov {
  position: absolute;
  top: 0;
  left: calc( 322 / 640 * 100%);
  right: 0;
  margin-top: calc( 70 / 640 * 100%);
  width: calc( 184 / 640 * 100%);
}
#content .quality .inner {
  padding: 0 0 calc( 0 / 640 * 100%);
}
#content .quality__slider-container {
  position: relative;
  margin: 0 0 calc( 0 / 640 * 100%);
  padding: 0 0 calc( 0 / 640 * 100%);
}
#content .quality__slider .swiper-button-prev, #content .quality__slider .swiper-button-next {
  position: absolute;
  top: 238px;
  width: calc( 49 / 640 * 100%);
  cursor: pointer;
  transition: all .2s;
}
#content .quality__slider .swiper-button-prev {
  left: calc( 10 / 640 * 100%);
}
#content .quality__slider .swiper-button-next {
  right: calc( 10 / 640 * 100%);
}
#content .quality__slider .swiper-button-disabled {
  opacity: 0;
  cursor: default;
}
#content .quality__slider .swiper-pagination {
  display: flex;
  justify-content: center;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 2.5em;
}
#content .quality__slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 .5em;
  border-radius: 999px;
  background-color: #CCC;
}
#content .quality__slider .swiper-pagination-bullet-active {
  background-color: #32469b;
}
#content .quality__summary {
  margin-top: calc( 100 / 640 * 100%);
}
#content .appeal {
  position: relative;
  padding: calc( 130 / 640 * 100%) 0 calc( 130 / 640 * 100%);
}
#content .appeal__bg {
  overflow: hidden;
  position: absolute;
  border-radius: clamp(6px, 1.875vw, 9.6px);
  background-color: #f1efe9;
  left: 0;
  right: 0;
  top: 0;
  width: calc( 560 / 640 * 100%);
  height: 100%;
  margin: 0 auto;
}
#content .appeal .inner > p {
  position: relative;
}
#content .appeal__pic01, #content .appeal__pic02 {
  overflow: hidden;
  background-color: #f1efe9;
  width: calc( 448 / 640 * 100%);
  border-radius: clamp(4px, 1.25vw, 6.4px);
  box-shadow: 21.213px 21.213px 40px 0px rgba(96, 61, 5, 0.33);
}
#content .appeal__pic01 {
  margin: 0 auto calc( 60 / 640 * 100%) calc( 20 / 640 * 100%);
}
#content .appeal__txt01 {
  margin: 0 0 calc( 50 / 640 * 100%) 0;
}
#content .appeal__pic02 {
  margin: 0 calc( 20 / 640 * 100%) calc( 60 / 640 * 100%) auto;
}
#content .faq .inner {
  padding: calc(20 / 640 * 100%) 0 calc(100 / 640 * 100%);
  position: relative;
}
#content .faq__ttl {
  margin-bottom: calc( 80 / 640 * 100%);
}
#content .faq .faqBlock {
  background-color: #f5f5f5;
  margin: 0 calc( 30 / 640 * 100%) calc( 40 / 640 * 100%);
  text-align: left;
  padding: 1em;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.75vw;
}
@media (min-width: 513px) {
  #content .faq .faqBlock {
    font-size: 19.2px;
  }
}
#content .faq .faqBlock :last-of-type {
  margin-bottom: 0;
}
#content .faq .faqBlock .question {
  padding: 0 1.2em 0 0;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: baseline;
}
#content .faq .faqBlock .question span {
  padding-right: .2em;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 4.6875vw;
  line-height: 1;
  left: 0;
  top: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ae953e;
}
@media (min-width: 513px) {
  #content .faq .faqBlock .question span {
    font-size: 24px;
  }
}
#content .faq .faqBlock .question::before, #content .faq .faqBlock .question::after {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  height: 1px;
  background-color: #373737;
  right: -0.5em;
  top: .75em;
}
#content .faq .faqBlock .question::after {
  transform: rotate(90deg);
  transition: all .3s;
}
#content .faq .faqBlock .question.active::after {
  transform: rotate(180deg);
}
#content .faq .faqBlock .answer {
  padding: 0 0 0 1.5em;
}
#content .faq .faqBlock .answer__inner {
  margin: 1em 0;
  padding: 0 0 0 1.5em;
  position: relative;
}
#content .faq .faqBlock .answer__inner::before {
  content: "A";
  display: block;
  position: absolute;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 4.6875vw;
  line-height: 1;
  left: 0;
  top: .2em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 513px) {
  #content .faq .faqBlock .answer__inner::before {
    font-size: 24px;
  }
}
#content .faq .faqBlock .answer__inner p {
  margin-bottom: 1rem;
}

#template .guide {
  margin: 0;
  letter-spacing: normal;
}
#template .guide .guidance {
  width: 49.21875%;
  margin: 0 auto 6.25%;
}
#template .guide #tokushou, #template .guide .company-outline, #template .guide .policy {
  margin-bottom: 1em;
}
#template .guide .note {
  text-align: left;
  margin: 0 4.6875%;
}
#template .guide .note h3 {
  margin-top: 1em;
}
#template .guide .note p {
  margin-bottom: 1em;
}
#template .guide .returnTop {
  text-align: right;
  margin: 1.5em 3.125%;
}
#template .guide a {
  color: #7e6b5d;
}

/* =====================================
	floating
===================================== */
.sticky_bnr {
  max-width: 512px;
  margin: 0 auto !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transform: translateZ(1px);
}
.sticky_bnr > div {
  display: flex;
  justify-content: flex-end;
  padding: 0 3px 3px 0 !important;
}

.sticky_close {
  cursor: pointer;
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #777;
  border-radius: 50%;
  background: #fff;
}
.sticky_close::before, .sticky_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  background: #777;
}
.sticky_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.sticky_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* =====================================
	scroll animation
===================================== */
#content .js-scroll.scroll-fadeinUp {
  opacity: 0;
  transform: translateY(15px);
  box-shadow: 0 0 0 0px rgba(96, 61, 5, 0.33);
}
#content .js-scroll.scroll-fadeinUpShadow {
  opacity: 0;
  transform: translateY(15px);
  box-shadow: 0 0 0 0px rgba(96, 61, 5, 0.33);
}
#content .js-scroll.scroll-scaleDown {
  width: 100%;
  border-radius: 0;
}
#content .js-scroll.is-scroll.scroll-fadeinUp {
  animation: scroll-fadeinUp 0.5s cubic-bezier(0.39, 0.38, 0.28, 0.88) 0s forwards;
}
#content .js-scroll.is-scroll.scroll-fadeinUpShadow {
  animation: scroll-fadeinUpShadow 1s cubic-bezier(0.39, 0.38, 0.28, 0.88) 0s forwards;
}
#content .js-scroll.is-scroll.scroll-scaleDown {
  animation: scroll-scaleDown 0.5s cubic-bezier(0.39, 0.38, 0.28, 0.88) 0s forwards;
}
@keyframes scroll-fadeinUp {
  0% {
    transform: translateY(15px);
    opacity: 0.01;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes scroll-fadeinUpShadow {
  0% {
    transform: translateY(15px);
    opacity: 0.01;
    box-shadow: 0 0 0 0px rgba(96, 61, 5, 0.33);
  }
  50% {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 10px 10px 20px 0px rgba(96, 61, 5, 0.33);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 21.213px 21.213px 40px 0px rgba(96, 61, 5, 0.33);
  }
}
@keyframes scroll-scaleDown {
  0% {
    width: 100%;
    border-radius: 0;
  }
  100% {
    width: calc( 560 / 640 * 100%);
    border-radius: clamp(6px, 1.875vw, 9.6px);
  }
}