@charset "UTF-8";
html {
  font-size: 100%;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.4159292035vw;
  }
}
@media (min-width: 1130px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #000;
}

@media screen and (min-width: 768px) {
  a,
  button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  a:hover,
  button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}

/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l-inner {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 1130px;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.l-worries {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

/*================
各ボタン
=================*/
.c-btn1 {
  display: inline-block;
  background-color: #0cd408;
  text-align: center;
  padding-top: 1.8125rem;
  padding-bottom: 1.8125rem;
  max-width: 21.4375rem;
  width: 100%;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0.375rem 0 #059202;
  box-shadow: 0 0.375rem 0 #059202;
}
@media screen and (min-width: 768px) {
  .c-btn1 {
    padding-top: 2.5rem;
    padding-bottom: 2.4375rem;
    max-width: 48rem;
    min-width: 0;
    min-width: initial;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.c-btn1__speech {
  display: inline-block;
  font-size: 1.1875rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.04em;
  text-shadow: 0.0625rem 0.0625rem 0.125rem rgba(5, 42, 4, 0.25);
  position: relative;
  padding-left: 6.875rem;
  padding-right: 5.1875rem;
}
@media screen and (min-width: 768px) {
  .c-btn1__speech {
    font-size: 1.5rem;
    padding-left: 12.5rem;
    padding-right: 12.625rem;
  }
}

.c-btn1__speech::before {
  content: '';
  position: absolute;
  background: url('../images/btn1-speech.png') no-repeat center center/contain;
  width: 6.3125rem;
  height: 5.875rem;
  top: -2.1875rem;
  left: 0;
}
@media screen and (min-width: 768px) {
  .c-btn1__speech::before {
    width: 10.3125rem;
    height: 9.5625rem;
    top: -5.625rem;
  }
}

.c-btn1 span::after {
  content: '';
  position: absolute;
  background: url('../images/btn-arrow.svg') no-repeat center center/contain;
  width: 0.6875rem;
  height: 0.8125rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .c-btn1 span::after {
    width: 1.125rem;
    height: 1.3125rem;
  }
}

@media (hover: hover) {
  .c-btn1:hover {
    -webkit-box-shadow: 0 0 0 #059202;
    box-shadow: 0 0 0 #059202;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 1;
  }
  .c-btn1--form:hover {
    -webkit-box-shadow: 0 0 0 #e57e06;
    box-shadow: 0 0 0 #e57e06;
  }
}
.c-btn1--form {
  background-color: #fe8900;
  -webkit-box-shadow: 0 0.375rem 0 #e57e06;
  box-shadow: 0 0.375rem 0 #e57e06;
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-btn1__form {
  display: inline-block;
  font-size: 1.1875rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 7.1875rem;
  padding-right: 7.1875rem;
}
@media screen and (min-width: 768px) {
  .c-btn1__form {
    font-size: 1.5rem;
    padding-left: 15.3125rem;
    padding-right: 15.3125rem;
  }
}

/*================
お問い合わせフォーム詳細
=================*/
input,
textarea,
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  resize: vertical;
}

.c-form__item + .c-form__item {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .c-form__item + .c-form__item {
    margin-top: 1.5rem;
  }
}

.c-form__label-text {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .c-form__label-text {
    font-size: 1.25rem;
  }
}

.c-form__label-text span {
  color: #ee515d;
}

.c-form__input {
  margin-top: 0.25rem;
  max-width: 48rem;
  width: 100%;
  border: 1px solid #cacaca;
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.25rem;
}
@media screen and (min-width: 768px) {
  .c-form__input {
    margin-top: 0.75rem;
  }
}

.c-form__input-text {
  width: 100%;
  font-size: 0.875rem;
}

.c-form__input-textarea {
  width: 100%;
  height: 9.875rem;
}

.c-form__policy {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .c-form__policy {
    margin-top: 1.5rem;
  }
}

.c-form__policy-wrapper {
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0.25rem;
  background-color: #fff;
  max-width: 48rem;
  width: 100%;
}

.c-form__policy-title {
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.c-form__policy-textbox {
  margin-top: 0.625rem;
  height: 3.125rem;
  overflow: auto;
}

.c-form__policy-text {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.c-form__policy-caution {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
}

.c-form__btn {
  margin-top: 2rem;
  text-align: center;
  margin-top: 4.375rem;
}

::-webkit-input-placeholder {
  color: #c4c4c4;
  font-size: 0.875rem;
}

::-moz-placeholder {
  color: #c4c4c4;
  font-size: 0.875rem;
}

::-ms-input-placeholder {
  color: #c4c4c4;
  font-size: 0.875rem;
}

::placeholder {
  color: #c4c4c4;
  font-size: 0.875rem;
}

/*================
無料請求ご依頼フォーム
=================*/
.p-contact {
  background-color: #f6e01e;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .p-contact {
    padding-top: 6.25rem;
    padding-bottom: 7.5rem;
  }
}

.p-contact__title-wrapper {
  text-align: center;
}

.p-contact__subtitle {
  font-size: 1.1875rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-contact__subtitle {
    font-size: 1.5rem;
  }
}

.p-contact__title {
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-contact__title {
    font-size: 3rem;
    margin-top: 1rem;
  }
}

.p-contact__form-wrapper {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*================
フッター
=================*/
.p-footer {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.p-footer__logo {
  text-align: center;
}

.p-footer__logo-link {
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-footer__logo-link {
    font-size: 1.25rem;
  }
}

.p-footer__wrapper {
  margin-top: 2.1875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__wrapper {
    margin-top: 2.5rem;
  }
}

.p-footer__company {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-footer__company {
    font-size: 1.125rem;
  }
}

.p-footer__address {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-footer__address {
    font-size: 1.125rem;
  }
}

.p-footer__contact-address {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-footer__contact-address {
    font-size: 1.125rem;
  }
}

.p-footer__tel {
  font-family: 'Oswald', sans-serif;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-footer__tel {
    pointer-events: none;
  }
}

.p-footer__fax {
  font-family: 'Oswald', sans-serif;
  display: inline-block;
  padding-left: 0.625rem;
}

.p-footer__copyright {
  text-align: center;
  margin-top: 2.5rem;
  font-size: 1rem;
  color: #969696;
  letter-spacing: 0.1em;
}

/*================
ヘッダー＆メインビジュアル
=================*/
.p-header {
  background-color: #2cadf5;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: 5.4375rem;
}
@media screen and (min-width: 768px) {
  .p-header {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    margin-top: 4.625rem;
  }
}

.p-header__top-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  .p-header__top-wrapper {
    background-color: rgba(255, 255, 255, 0.7);
  }
}

.p-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-header__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
}

.p-header__top-btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-header__top-btn {
    max-width: 23.125rem;
  }
}

.p-header__btn {
  display: block;
  text-align: center;
  width: 100%;
  background: orange;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-header__btn {
    border-radius: 0.625rem;
  }
}

.p-header__btn span {
  font-size: 1rem;
  color: #fff;
  text-shadow: 0 0 0.125rem #000;
}

.p-header__bottom-btn {
  padding: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-header__bottom-btn {
    max-width: 23.125rem;
    width: 100%;
  }
}

.p-header__facebook-btn {
  background-color: #1877f2;
  border-radius: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.p-header__facebook-icon {
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  padding-right: 0.3125rem;
}

.p-header__facebook-text {
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  white-space: nowrap;
  letter-spacing: -0.04em;
}

.p-header__top-text {
  font-size: 0.6875rem;
  padding-left: 0.25rem;
  padding-right: 1.25rem;
}

.p-header__top-text a {
  color: blue;
}

.p-header__wrapper {
  background-color: #fff;
  border-radius: 0 0 4.375rem 4.375rem;
  padding-bottom: 2.125rem;
}

.p-header__title-wrapper {
  position: absolute;
  top: 5.4375rem;
  right: 0;
  width: 100%;
  padding-left: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-header__title-wrapper {
    padding-left: 2rem;
    top: 4.625rem;
  }
}

.p-header__title-head {
  position: relative;
  padding-bottom: 0.4375rem;
  z-index: 5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-header__title-head {
    padding-top: 0.4375rem;
    padding-bottom: 0.8125rem;
  }
}

.p-header__title-head::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0385cc;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-header__title-head::before {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 3% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 3% 100%);
  }
}

.p-header__title-head::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b5e0f9;
  -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%);
  width: 100%;
  height: 100%;
  z-index: -2;
}
@media screen and (min-width: 768px) {
  .p-header__title-head::after {
    -webkit-clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0 100%);
  }
}

.p-header__title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-header__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.p-header__title-upper {
  font-size: 1.625rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.08em;
  text-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
  display: block;
  text-align: left;
  padding-right: 8.125rem;
}
@media screen and (min-width: 768px) {
  .p-header__title-upper {
    display: inline-block;
    font-size: 2.875rem;
    text-shadow: 0 0.4375rem 0.4375rem rgba(0, 0, 0, 0.25);
    letter-spacing: 0;
    padding-right: 0;
    padding-right: initial;
  }
}

.p-header__title-under {
  display: block;
  font-size: 3.3rem;
  font-weight: 700;
  color: #f6e01e;
  letter-spacing: -0.04em;
  text-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
  line-height: 1;
  text-align: right;
  padding-left: 6.25rem;
}

@media screen and (min-width: 390px) {
  font-size: 3.625rem;
}

@media screen and (min-width: 768px) {
  .p-header__title-under {
    display: inline-block;
    font-size: 4.3125rem;
    letter-spacing: 0.08em;
    padding-left: 1.1875rem;
    line-height: normal;
    line-height: initial;
  }
}

.p-header__contents-wrapper {
  padding-top: 6.5625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-header__contents-wrapper {
    text-align: left;
    text-align: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.p-header__lead {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 2.1875rem;
  letter-spacing: -0.08em;
  padding-left: 5.375rem;
  text-align: center;
  z-index: 6;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-header__lead {
    letter-spacing: 0.06em;
    font-size: 3.625rem;
    padding-left: 9.9375rem;
  }
}

.p-header__lead::before {
  content: '';
  position: absolute;
  background: url('../images/mv-icon.png') no-repeat center center/contain;
  top: -1.125rem;
  left: 0;
  width: 5.125rem;
  height: 4.875rem;
}
@media screen and (min-width: 768px) {
  .p-header__lead::before {
    width: 9.3125rem;
    height: 8.8125rem;
    top: -1.75rem;
    left: 0;
  }
}

.p-header__lead-line {
  position: relative;
  border-bottom: 0.3125rem dotted #b5e0f9;
}

.p-header__lead-number {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 5.125rem;
  letter-spacing: -0.04em;
  color: #ee515d;
}
@media screen and (min-width: 768px) {
  .p-header__lead-number {
    font-size: 8.4375rem;
    letter-spacing: 0;
  }
}

.p-header__lead-percent {
  font-weight: 700;
  font-size: 2.1875rem;
  letter-spacing: -0.08em;
  color: #ee515d;
}
@media screen and (min-width: 768px) {
  .p-header__lead-percent {
    font-size: 3.625rem;
    letter-spacing: 0.06em;
  }
}

.p-header__lead-point {
  position: relative;
}

.p-header__lead-point::before {
  content: '';
  position: absolute;
  top: -0.1875rem;
  left: 0.8125rem;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  background-color: #ee515d;
}
@media screen and (min-width: 768px) {
  .p-header__lead-point::before {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.p-header__lead-point::after {
  content: '';
  position: absolute;
  top: -0.1875rem;
  left: 2.9375rem;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  background-color: #ee515d;
}
@media screen and (min-width: 768px) {
  .p-header__lead-point::after {
    width: 0.875rem;
    height: 0.875rem;
    left: 4.375rem;
  }
}

.p-header__lead-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-header__lead-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
}

.p-header__body {
  display: inline-block;
}

.p-header__lead-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-header__lead-text1 {
  font-weight: 400;
  font-size: 4.75rem;
  letter-spacing: -0.08em;
  line-height: 1;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-header__lead-text1 {
    font-size: 6.6875rem;
  }
}

.p-header__lead-text1 span {
  display: inline-block;
  position: relative;
}

.p-header__lead-text1 span::before {
  content: '';
  position: absolute;
  background: url('../images/mv-border.png') no-repeat center center/contain;
  top: 0;
  left: 0;
  width: 5.375rem;
  height: 5.375rem;
}
@media screen and (min-width: 768px) {
  .p-header__lead-text1 span::before {
    width: 7.5625rem;
    height: 7.5625rem;
  }
}

.p-header__lead-text1-left {
  padding-left: 0.3125rem;
}

.p-header__lead-text1-right {
  margin-left: 0.8125rem;
  padding-left: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-header__lead-text1-right {
    margin-left: 1.25rem;
  }
}

.p-header__lead-text2 {
  position: relative;
  font-weight: 700;
  font-size: 2.375rem;
  letter-spacing: -0.08em;
  line-height: 1;
  text-align: left;
  margin-left: 1.25rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-header__lead-text2 {
    font-size: 3.3125rem;
    margin-left: 1.5625rem;
    letter-spacing: 0;
  }
}

.p-header__lead-text2::before {
  content: '';
  position: absolute;
  background: url('../images/mv-wallet-icon.png') no-repeat center center/contain;
  top: -0.625rem;
  right: -0.9375rem;
  width: 7.5rem;
  height: 7.5rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-header__lead-text2::before {
    width: 8.125rem;
    height: 8.125rem;
    right: -1.875rem;
  }
}

.p-header__lead-bottom-text {
  position: relative;
  text-align: left;
  font-size: 3.375rem;
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 1;
  z-index: 1;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-header__lead-bottom-text {
    font-size: 4.8125rem;
    letter-spacing: 0;
  }
}

.p-header__lead-bottom-text-big {
  display: inline-block;
  font-size: 4.5rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #ee515d;
}
@media screen and (min-width: 768px) {
  .p-header__lead-bottom-text-big {
    font-size: 7.6rem;
    letter-spacing: 0;
    line-height: 1.2;
  }
}

.p-header__lead-bottom-text-rotate {
  display: inline-block;
  font-size: 4.8125rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
@media screen and (min-width: 768px) {
  .p-header__lead-bottom-text-rotate {
    font-size: 6.75rem;
  }
}

.p-header__lead-img {
  padding: 1.5625rem 0.75rem 0;
  position: relative;
  max-width: 20.9375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-header__lead-img {
    padding-top: 3rem;
    padding-left: 0;
    padding-left: initial;
    padding-right: 0;
    padding-right: initial;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 34.875rem;
    flex: 0 1 45rem;
    margin-left: -5rem;
    max-width: none;
    max-width: initial;
    margin-inline: initial;
  }
}

.p-header__lead-img img {
  aspect-ratio: 679/535;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

#header-top.UpMove {
  -webkit-animation: UpAnime 0.5s forwards;
  animation: UpAnime 0.5s forwards;
}

@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

@keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
/*　下に下がる動き　*/
#header-top.DownMove {
  -webkit-animation: DownAnime 0.5s forwards;
  animation: DownAnime 0.5s forwards;
}

@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*================
お急ぎください
=================*/
.p-hurry {
  padding-top: 2rem;
  padding-bottom: 3rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-hurry {
    padding-top: 3.0625rem;
    padding-bottom: 5rem;
  }
}

.p-hurry__lead-wrapper {
  text-align: center;
  max-width: 20.625rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-wrapper {
    max-width: none;
    max-width: initial;
    margin-inline: initial;
  }
}

.p-hurry__lead-top {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ee515d;
  position: relative;
  display: inline-block;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-top {
    font-size: 3rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.p-hurry__lead-top::before {
  content: '';
  position: absolute;
  background: url('../images/lead-effect1.png') no-repeat center center/contain;
  bottom: 0;
  left: 0;
  width: 1.25rem;
  height: 2.125rem;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-top::before {
    width: 3rem;
    height: 4.9375rem;
  }
}

.p-hurry__lead-top::after {
  content: '';
  position: absolute;
  background: url('../images/lead-effect2.png') no-repeat center center/contain;
  bottom: 0;
  right: 0;
  width: 1.25rem;
  height: 2.125rem;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-top::after {
    width: 3rem;
    height: 4.9375rem;
  }
}

.p-hurry__lead-top-limit {
  -webkit-text-emphasis: circle #ffaf04;
  text-emphasis: circle #ffaf04;
}

.p-hurry__lead-top-kana {
  font-size: 1.1875rem;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-top-kana {
    font-size: 2rem;
  }
}

.p-hurry__lead-middle {
  font-size: 2.5625rem;
  font-weight: 900;
  color: #e30a1b;
  margin-top: 0.375rem;
  position: relative;
  display: inline-block;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-middle {
    font-size: 4.5rem;
    margin-top: 1.5rem;
  }
}

.p-hurry__lead-middle::before {
  content: '';
  position: absolute;
  width: 95%;
  height: 0.75rem;
  background-color: #ffaf04;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-middle::before {
    height: 1.25rem;
  }
}

.p-hurry__lead-bottom {
  margin-top: 1rem;
  font-size: 1.1875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-hurry__lead-bottom {
    font-size: 2rem;
    margin-top: 2.5rem;
  }
}

.p-hurry__lead-bottom span {
  color: #ee515d;
}

.p-hurry__img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-hurry__img-wrapper {
    margin-top: 4.875rem;
    padding-left: 8.6875rem;
    padding-right: 6.75rem;
  }
}

.p-hurry__img1 {
  width: 50%;
  -webkit-transform: translateX(var(--slideLeft));
  transform: translateX(var(--slideLeft));
}

.p-hurry__img1 img {
  aspect-ratio: 436/418;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-hurry__img2 {
  width: 50%;
  -webkit-transform: translateX(var(--slideRight));
  transform: translateX(var(--slideRight));
}

.p-hurry__img2 img {
  aspect-ratio: 391/489;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-hurry__text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0.6875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-hurry__text {
    font-size: 2.5rem;
    margin-top: 2rem;
  }
}

.p-hurry__text span {
  color: #ee515d;
}

/*================
SEO対策のメリット
=================*/
.p-merit {
  position: relative;
  overflow: hidden;
}

.p-merit::before {
  content: 'merit';
  position: absolute;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 9.6875rem;
  color: #e4f6ff;
  top: -3.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-merit::before {
    font-size: 26.875rem;
    top: -10.625rem;
  }
}

.p-merit__title-box {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-merit__title-box {
    margin-top: 6.25rem;
  }
}

.p-merit__title {
  font-size: 2.4375rem;
  font-weight: 700;
  color: #ee515d;
}
@media screen and (min-width: 768px) {
  .p-merit__title {
    font-size: 3.5rem;
  }
}

.p-merit__title-kana {
  font-size: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-merit__title-kana {
    font-size: 2.5rem;
  }
}

.p-merit__title-sub {
  display: inline-block;
  font-size: 2.125rem;
  font-weight: 700;
  color: #fff;
  background-color: #ee515d;
  border-radius: 1.875rem;
  padding: 0.375rem 1rem;
}
@media screen and (min-width: 768px) {
  .p-merit__title-sub {
    font-size: 3rem;
    padding: 0.625rem 1.25rem;
    border-radius: 3.125rem;
  }
}

.p-merit__contents {
  background-color: #f6e01e;
  margin-top: 2rem;
  padding-top: 5.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-merit__contents {
    margin-top: 3rem;
    padding-top: 11.9375rem;
  }
}

.p-merit__head-wrapper {
  position: relative;
}

.p-merit__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -6.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-merit__head {
    top: -11rem;
    left: 16.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-merit__number {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 7.3125rem;
  color: #ee515d;
  position: relative;
  padding-right: 3.0625rem;
  -webkit-transform: translateX(var(--slideLeft));
  transform: translateX(var(--slideLeft));
}
@media screen and (min-width: 768px) {
  .p-merit__number {
    font-size: 13.75rem;
    padding-right: 5.4375rem;
  }
}

.p-merit__number--r {
  -webkit-transform: translateX(var(--slideRight));
  transform: translateX(var(--slideRight));
}

.p-merit__number::before {
  content: 'merit';
  position: absolute;
  font-size: 2.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  text-transform: uppercase;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
@media screen and (min-width: 768px) {
  .p-merit__number::before {
    font-size: 4.5rem;
    top: 52%;
  }
}

.p-merit__head-img {
  margin-left: 3.25rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7.25rem;
  flex: 0 0 7.25rem;
  -webkit-transform: translateX(var(--slideRight));
  transform: translateX(var(--slideRight));
}
@media screen and (min-width: 768px) {
  .p-merit__head-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9.4375rem;
    flex: 0 0 9.4375rem;
  }
}

.p-merit__head-img img {
  aspect-ratio: 116/157;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-merit__content {
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 4.375rem 1rem 3rem;
  max-width: 31.25rem;
  width: 100%;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-merit__content {
    max-width: none;
    max-width: initial;
    padding: 10rem 4rem 6.5rem;
  }
}

.p-merit__content + .p-merit__content {
  margin-top: 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-merit__content + .p-merit__content {
    margin-top: 10.375rem;
  }
}

.p-merit__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-merit__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.p-merit__body-wrapper {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-merit__body-wrapper {
    display: block;
  }
}

.p-merit__body-title {
  font-size: 1.5rem;
  font-weight: 900;
  position: relative;
  padding-bottom: 0.75rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (min-width: 768px) {
  .p-merit__body-title {
    font-size: 2.5rem;
    padding-bottom: 1.5rem;
  }
}

.p-merit__body-title::before {
  content: '';
  position: absolute;
  width: 3rem;
  height: 0.1875rem;
  background-color: #ee515d;
  bottom: 0;
  left: 0;
}

.p-merit__body-text,
.p-merit__body-text-bottom {
  font-size: 1.1875rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-merit__body-text,
  .p-merit__body-text-bottom {
    font-size: 1.5rem;
  }
}

.p-merit__body-text {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-merit__body-text {
    margin-top: 3rem;
  }
}

.p-merit__body-text-bottom {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-merit__body-text-bottom {
    font-size: 2rem;
    margin-top: 2.5rem;
  }
}

.p-merit__body-text-bottom span {
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  -webkit-text-decoration-color: #f6e01e;
  text-decoration-color: #f6e01e;
  text-underline-offset: -0.4em;
  text-decoration-skip-ink: none;
}

.p-merit__body-img1 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  position: relative;
  margin-top: 0.75rem;
  max-width: 19.4375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-merit__body-img1 {
    margin-top: 0;
    margin-top: initial;
    max-width: 23.25rem;
    margin-inline: initial;
    margin-left: 4rem;
  }
}

.p-merit__body-img1::before {
  content: '';
  position: absolute;
  background: url('../images/merit-circle-icon.png') no-repeat center center/contain;
  top: -1.4375rem;
  right: 0;
  width: 5.0625rem;
  height: 5rem;
}
@media screen and (min-width: 768px) {
  .p-merit__body-img1::before {
    width: 6rem;
    height: 5.875rem;
  }
}

.p-merit__body-img1 img {
  aspect-ratio: 311/326;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-merit__head-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -5.8125rem;
  right: 1rem;
}
@media screen and (min-width: 768px) {
  .p-merit__head-bottom {
    left: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: initial;
    transform: initial;
    top: -10.625rem;
    right: -30rem;
  }
}

.p-merit__head-bottom-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 9.0625rem;
  flex: 0 0 9.0625rem;
  margin-right: 2rem;
  -webkit-transform: translateX(var(--slideLeft));
  transform: translateX(var(--slideLeft));
  max-width: 71px;
}
@media screen and (min-width: 768px) {
  .p-merit__head-bottom-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15.6875rem;
    flex: 0 0 15.6875rem;
    max-width: 163px;
  }
}

.p-merit__head-bottom-img img {
  aspect-ratio: 163/252;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-merit__body-title-middle {
  font-size: 1.5rem;
  font-weight: 900;
  position: relative;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-merit__body-title-middle {
    font-size: 2.5rem;
  }
}

.p-merit__body-title-middle::before {
  content: '';
  position: absolute;
  width: 3rem;
  height: 0.1875rem;
  background-color: #ee515d;
  bottom: 0;
  left: 0;
}

.p-merit__contents-title {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 900;
  color: #32568c;
  padding-left: 1.9375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-merit__contents-title {
    font-size: 2.5rem;
    padding-left: 2.75rem;
  }
}

.p-merit__contents-title::before {
  content: '';
  position: absolute;
  background: url('../images/worries-icon.png') no-repeat center center/contain;
  width: 1.1875rem;
  height: 2.3125rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-merit__contents-title::before {
    width: 2rem;
    height: 1.75rem;
  }
}

.p-merit__content--pt {
  padding-top: 5rem;
}
@media screen and (min-width: 768px) {
  .p-merit__content--pt {
    padding-top: 10rem;
  }
}

.p-merit__lists {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-merit__lists {
    margin-top: 1.5rem;
  }
}

.p-merit__list {
  font-size: 1.1875rem;
  font-weight: 700;
  position: relative;
  padding-left: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-merit__list {
    font-size: 1.5rem;
    padding-left: 2rem;
  }
}

.p-merit__list span {
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  -webkit-text-decoration-color: #f6e01e;
  text-decoration-color: #f6e01e;
  text-underline-offset: -0.4em;
  text-decoration-skip-ink: none;
}

.p-merit__list + .p-merit__list {
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .p-merit__list + .p-merit__list {
    margin-top: 1rem;
  }
}

.p-merit__list::before {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ee515d;
  left: 0;
  top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-merit__list::before {
    width: 1rem;
    height: 1rem;
  }
}

.p-merit__body-img2 {
  margin-top: 1.5rem;
  max-width: 19.4375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-merit__body-img2 {
    max-width: 23.5625rem;
    margin-top: 0;
    margin-top: initial;
    margin-left: 3.6875rem;
  }
}

.p-merit__body-img2 img {
  aspect-ratio: 394/284;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-merit__body-img3 {
  margin-top: 1.5rem;
  max-width: 19.4375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-merit__body-img3 {
    max-width: 23.5625rem;
    margin-top: 0;
    margin-top: initial;
    margin-inline: initial;
    margin-right: 3.6875rem;
  }
}

.p-merit__body-img3 img {
  aspect-ratio: 408/253;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-merit__body-wrapper-middle {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-merit__body-wrapper-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-merit__bottom-sub-title {
  text-align: center;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-merit__bottom-sub-title {
    margin-top: 3.5rem;
  }
}

.p-merit__bottom-sub-title span {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
  background-color: #2cadf5;
  border-radius: 1.875rem;
  padding: 0.1875rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-merit__bottom-sub-title span {
    font-size: 2.5rem;
    padding: 0.1875rem 1.6875rem;
  }
}

.p-merit__bottom-sub-title span::before {
  content: '';
  position: absolute;
  background-color: #2cadf5;
  width: 1.125rem;
  height: 1rem;
  bottom: -0.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (min-width: 768px) {
  .p-merit__bottom-sub-title span::before {
    width: 2.0625rem;
    height: 1.4375rem;
    bottom: -1.25rem;
  }
}

.p-merit__bottom-lead {
  font-size: 2.0625rem;
  font-weight: 700;
  color: #32568c;
  text-align: center;
  margin-top: 1.1875rem;
}
@media screen and (min-width: 768px) {
  .p-merit__bottom-lead {
    margin-top: 2.4375rem;
    font-size: 3.5rem;
  }
}

.p-merit__bg-bottom {
  background-color: #f6e01e;
  width: 100%;
  height: 7rem;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (min-width: 768px) {
  .p-merit__bg-bottom {
    height: 14.9375rem;
  }
}

.p-merit__body-wrapper-bottom {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-merit__body-wrapper-bottom {
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/*================
お薦め
=================*/
.p-recommend {
  background-color: #f6e01e;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-recommend {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.p-recommend__lead {
  font-size: 1.0625rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-recommend__lead {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.p-recommend__btn {
  margin-top: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-recommend__btn {
    margin-top: 3.6875rem;
  }
}

.p-thanks {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background-color: #f6e01e;
}
@media screen and (min-width: 768px) {
  .p-thanks {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
}

.p-thanks__wrapper {
  text-align: center;
}

.p-thanks__head {
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-thanks__head {
    font-size: 2rem;
  }
}

.p-thanks__lead {
  margin-top: 2.5rem;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-thanks__lead {
    font-size: 1.5rem;
  }
}

.p-thanks__text {
  margin-top: 2.5rem;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-thanks__text {
    font-size: 1.125rem;
  }
}

.p-thanks__download-wrapper {
  margin-top: 2.5rem;
}

.p-thanks__download-btn {
  display: inline-block;
  background-color: #0cd408;
  text-align: center;
  padding-top: 1.8125rem;
  padding-bottom: 1.8125rem;
  max-width: 31.25rem;
  width: 100%;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0.375rem 0 #059202;
  box-shadow: 0 0.375rem 0 #059202;
}
@media screen and (min-width: 768px) {
  .p-thanks__download-btn {
    padding-top: 2.5rem;
    padding-bottom: 2.4375rem;
    max-width: 48rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media (hover: hover) {
  .p-thanks__download-btn:hover {
    -webkit-box-shadow: 0 0 0 #059202;
    box-shadow: 0 0 0 #059202;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 1;
  }
}
.p-thanks__download-btn span {
  color: #fff;
  font-size: 1.125rem;
  display: inline-block;
  position: relative;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-thanks__download-btn span {
    font-size: 1.5rem;
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
}

.p-thanks__download-btn span::before {
  content: '';
  position: absolute;
  background: url('../images/btn-arrow.svg') no-repeat center center/contain;
  width: 0.6875rem;
  height: 0.8125rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-thanks__download-btn span::before {
    width: 1.125rem;
    height: 1.3125rem;
  }
}

.p-thanks__btn-wrapper {
  margin-top: 3.75rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-thanks__btn-wrapper {
    margin-top: 5rem;
  }
}

.p-thanks__btn {
  display: inline-block;
  background-color: #fff;
  border-radius: 1.25rem;
  font-size: 1.125rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/*================
こんなお悩みありませんか？
=================*/
.p-worries {
  background-color: #2cadf5;
  padding-top: 3.0625rem;
  padding-bottom: 2.875rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-worries {
    padding-top: 4.5625rem;
    padding-bottom: 5rem;
  }
}

.p-worries__title-box {
  text-align: center;
}

.p-worries__title {
  font-size: 2.3125rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.04em;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-worries__title {
    font-size: 3.5rem;
    letter-spacing: 0;
  }
}

.p-worries__title::before {
  content: '';
  position: absolute;
  background: url('../images/worries-effect.png') no-repeat center center/contain;
  top: -1.875rem;
  right: -4.375rem;
  width: 7.1875rem;
  height: 7.1875rem;
}

.p-worries__wrapper {
  margin-top: 0.875rem;
  background-color: #fff;
  border-radius: 1.875rem;
  position: relative;
  padding: 2.5rem 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-worries__wrapper {
    margin-top: 4rem;
    padding: 4rem 0;
  }
}

.p-worries__wrapper::before {
  content: '';
  position: absolute;
  width: 2.6875rem;
  height: 2.6875rem;
  bottom: -1.0625rem;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-worries__wrapper::before {
    width: 4.5625rem;
    height: 4.5625rem;
    bottom: -1.5625rem;
  }
}

.p-worries__body {
  position: relative;
  padding-bottom: 12.25rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-worries__body {
    padding-bottom: 0;
    padding-bottom: initial;
  }
}

.js-slide {
  --slideLeft: -80px;
  --slideRight: 80px;
}

.p-worries__body::before {
  content: '';
  position: absolute;
  background: url('../images/worries-img1.png') no-repeat center center/contain;
  bottom: 0;
  left: 1.0625rem;
  width: 10.25rem;
  height: 10.75rem;
  -webkit-transform: translateX(var(--slideLeft));
  transform: translateX(var(--slideLeft));
}
@media screen and (min-width: 768px) {
  .p-worries__body::before {
    width: 13.75rem;
    height: 14.4375rem;
    left: -13.125rem;
    bottom: -11.25rem;
  }
}

.p-worries__body::after {
  content: '';
  position: absolute;
  background: url('../images/worries-img2.png') no-repeat center center/contain;
  bottom: 0;
  right: 1rem;
  width: 5.9375rem;
  height: 8.1875rem;
  -webkit-transform: translateX(var(--slideRight));
  transform: translateX(var(--slideRight));
}
@media screen and (min-width: 768px) {
  .p-worries__body::after {
    width: 9.8125rem;
    height: 16rem;
    top: -10rem;
    bottom: auto;
    bottom: initial;
    right: -13.125rem;
  }
}

.p-worries__list {
  font-size: 1.4375rem;
  font-weight: 900;
  letter-spacing: -0.08em;
  padding-left: 1.6875rem;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-worries__list {
    font-size: 2rem;
    letter-spacing: 0.04em;
    padding-left: 2.5rem;
  }
}

.p-worries__list + .p-worries__list {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-worries__list + .p-worries__list {
    margin-top: 1rem;
  }
}

.p-worries__list::before {
  content: '';
  position: absolute;
  background: url('../images/worries-icon.png') no-repeat center center/contain;
  top: 0.625rem;
  left: 0;
  width: 1.1875rem;
  height: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-worries__list::before {
    width: 1.5rem;
    height: 1.375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.p-worries__list span {
  color: #ee515d;
}

.p-worries__text {
  margin-top: 3.1875rem;
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-worries__text {
    margin-top: 4.5rem;
    font-size: 2.5rem;
    line-height: 1.8;
  }
}

.p-worries__text span {
  color: #f6e01e;
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}
/*# sourceMappingURL=styles.css.map */