@charset "UTF-8";

/* フォントの設定 */
html {
  font-size: calc( 1000vw / 375 );
}

@media screen and (min-width: 768px) {
  html {
    font-size: calc( 1000vw / 1366 );
  }
}

@media screen and (min-width: 1367px) {
  html {
    font-size: 10px;
  }
}

body {
  background-color: #ffffff;
  color: #221714;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
}

/* 画像の設定 */
img {
  vertical-align: bottom;
}

/* 背景 */
.bg-style_grid {
  padding: 3rem 1.5rem;
  background: url(../images/bg_grid.svg) repeat center top;
  background-size: 1.5rem auto;
}

@media screen and (min-width: 768px) {
  .bg-style_grid {
    padding: 5rem 23.3rem;
    background-size: 2rem auto;
  }
}

.bg-style_beige {
  padding: 3rem 1.5rem;
  background-color: #f4eee2;
}

@media screen and (min-width: 768px) {
  .bg-style_beige {
    padding: 5rem 0;
  }
}

.bg-style_stripe {
  padding: 3rem 1.5rem;
  background: repeating-linear-gradient(135deg,#fbf5ea,#fbf5ea 0.8rem,#fdfbf6 0,#fdfbf6 1.6rem);
}

@media screen and (min-width: 768px) {
  .bg-style_stripe {
    padding: 5rem 23.3rem;
    background-size: 2rem auto;
  }
}

.bg-style_white {
  padding: 3rem 1.5rem;
  background: #ffffff;
}

@media screen and (min-width: 768px) {
  .bg-style_white {
    max-width: 900px;
    padding: 5rem 10rem;
    margin: 0 auto;
  }
}

/* PC版・SP版の切り替え */
@media screen and (max-width: 767px) {
  .only-pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
}

/* ヘッダーの高さ調整 */
.main-contents {
  padding-top: 5rem;
}

@media screen and (min-width: 768px) {
  .main-contents {
    padding-top: 8rem;
  }
}

/* 共通の設定 */
.red_text {
  color: #bc2021;
}

.yellow_line {
  background: linear-gradient(transparent 85%, #d98411 15%);
}

.section_title {
  margin: 0 0 3rem;
  text-align: center;
  text-indent: .5rem;
}

.section_title span {
  font-size: 1.8rem;
  font-family: 'Open Sans';
  color: #bc2021;
  letter-spacing: .5rem;
}

.section_title h2 {
  font-size: 2.4rem;
  font-weight: 700;
  text-indent: -.5rem;
}

.section_title::after {
  content: '';
  display: block;
  width: 3rem;
  height: .25rem;
  background-color: #bc2021;
  margin: 1.5rem auto 0;
}

.section_lead {
  margin: 0 0 3rem;
  text-align: center;
}

.section_lead p {
  font-size: 2rem;
  font-weight: 500;
}

.section_lead p + p {
  margin-top: 1.5rem;
}

.section_lead p span {
  color: #bc2021;
  font-size: 2.4rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .section_title {
    margin: 0 0 5rem;
    text-indent: 1rem;
  }
  
  .section_title span {
    font-size: 2.4rem;
    letter-spacing: 1rem;
  }
  
  .section_title h2 {
    font-size: 3.6rem;
    text-indent: -1rem;
  }
  
  .section_title::after {
    width: 5rem;
    height: .5rem;
    margin: 2.5rem auto 0;
  }
  
  .section_lead {
    margin: 0 0 5rem;
  }
  
  .section_lead p {
    font-size: 2.8rem;
  }

  .section_lead p + p {
    margin-top: 2.5rem;
  }
  
  .section_lead p span {
    font-size: 3.6rem;
  }
}

/* ヘッダー */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #ffffff;
}

.header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1366px;
}

.header_logo a {
  transition: opacity .2s ease-out;
}

.header_logo a:hover {
  opacity: .7;
}

.header_nav_links01 a {
  display: flex;
  align-items: center;
}

.header_nav_tel > span {
  display: block;
  margin-top: 1rem;
  font-weight: 400;
  font-size: 1.4rem;
}

/* ヘッダー SP版 */
@media screen and (max-width: 767px) {
  .header_inner {
    height: 5rem;
    padding-left: 1.5rem;
  }

  .header_logo {
    width: 16rem;
  }

  .header_nav_links01 > li {
    font-weight: 700;
  }

  .tel_button {
    margin: 0 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 5rem;
    height: 100%;
    padding-bottom: .75rem;
    background: #bc2021 url(../images/icon_tel_white.svg) no-repeat center .8rem;
    background-size: 2rem auto;
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
    line-height: .5;
    font-family: "Open Sans", sans-serif;
  }

  .nav_toggle {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 5rem;
    height: 100%;
    padding-bottom: .75rem;
    color: #bc2021;
    font-weight: 700;
    font-size: 1rem;
    line-height: .5;
    font-family: "Open Sans", sans-serif;
  }

  .nav_opened .nav_toggle_text > span:nth-child(1), .nav_toggle_text > span:nth-child(2) {
    display: none;
  }

  .nav_opened .nav_toggle_text > span:nth-child(2) {
    display: inline;
  }

  .nav_toggle.nav_opened .nav_toggle_inner, .nav_toggle.nav_opened .nav_toggle_inner::before, .nav_toggle.nav_opened .nav_toggle_inner::after {
    background-color: #bc2021;
  }

  .nav_toggle_box {
    display: block;
    position: relative;
    width: 2rem;
    height: 2rem;
    margin: 0 auto 1rem;
  }

  .nav_toggle_inner {
    display: block;
    top: 50%;
    transition-duration: .075s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  }

  .nav_toggle_inner, .nav_toggle_inner::before, .nav_toggle_inner::after {
    position: absolute;
    width: 2rem;
    height: .2rem;
    background-color: #bc2021;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

  .nav_toggle_inner::before, .nav_toggle_inner::after {
    display: block;
    content: "";
  }

  .nav_toggle_inner::before {
    top: -.6rem;
    transition: top .075s .12s ease, opacity .075s ease;
  }

  .nav_toggle_inner::after {
    bottom: -.6rem;
    transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19);
  }

  .nav_toggle.nav_opened .nav_toggle_inner {
    transform: rotate(45deg);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-delay: .12s;
  }

  .nav_toggle.nav_opened .nav_toggle_inner::before {
    opacity: 0;
    top: 0;
    transition: top .075s ease, opacity .075s .12s ease;
  }

  .nav_toggle.nav_opened .nav_toggle_inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1);
  }

  .header_nav {
    position: absolute;
    top: 5rem;
    left: 0;
    z-index: 1000;
    transform: translate3d(100%, 0, 0);
    width: 100%;
    height: calc(100vh - 5rem);
    padding: 0 0 2rem;
    overflow-y: auto;
    background: #ffffff;
    transition: transform .25s ease-out;

    -webkit-overflow-scrolling: touch;
  }

  .header_nav.nav_opened {
    transform: translate3d(0, 0, 0);
  }

  .header_nav_links01 {
    margin-bottom: 3rem;
  }

  .header_nav_links01 > li {
    font-size: 1.6rem;
  }

  .header_nav_links01 a {
    height: 6rem;
    padding: 0 3rem;
    background: url(../images/arrow01.svg) no-repeat right 3rem center;
    background-size: 1.2rem auto;
  }

  .header_nav_links01 > li:nth-child(odd) a {
    background-color: #f4eee2;
  }

  .header_nav_links01 > li:nth-child(even) a {
    background-color: #ffffff;
  }

  .header_nav_links02 > li {
    width: 34.5rem;
    margin: 0 auto 3rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }

  .header_nav_links02 > li:last-child {
    margin-bottom: 0;
  }

  .header_nav_links02 a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    border: 2px solid #bc2021;
    border-radius: 2.5rem;
    background-position: right 2.5rem center;
    background-size: 2.5rem auto;
    background-repeat: no-repeat;
  }

  .header_nav_contact a {
    background-image: url(../images/arrow02.svg);
    background-color: #bc2021;
    color: #ffffff;
  }

  .header_nav_tel a {
    padding-right: 1.25rem;
    background-image: url(../images/arrow03.svg);
    background-color: #ffffff;
    color: #bc2021;
  }

  .header_nav_tel a::before {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    background: url(../images/icon_tel_red.svg) no-repeat center bottom;
    background-size: contain;
    content: "";
  }

  .header_nav_tel a > span:nth-child(2) {
    display: none;
  }
}

/* ヘッダー PC版 */
@media screen and (min-width: 768px) {
  .header_inner {
    height: 8rem;
    padding-right: 5rem;
    padding-left: 5rem;
    margin: 0 auto;
  }

  .tel_button, .nav_toggle {
    display: none;
  }

  .header_logo {
    width: 20rem;
  }

  .header_nav_links01 > li {
    font-weight: 500;
  }

  .header_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6rem;
    height: 100%;
  }

  .header_nav_links01 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    height: 100%;
  }

  .header_nav_links01 > li {
    height: 100%;
  }

  .header_nav_links01 a {
    position: relative;
    height: 100%;
  }

  .header_nav_links01 a::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 1, 1);
    width: 100%;
    height: 3px;
    background-color: #bc2021;
    content: "";
    transition: transform .2s ease-out;

    transform-origin: center;
  }

  .header_nav_links01 a:hover::after {
    transform: scale3d(1, 1, 1);
  }

  .header_nav_contact {
    display: none;
  }

  .header_nav_tel {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-align: right;
  }

  .header_nav_tel a {
    color: #bc2021;
    font-weight: 700;
    font-size: 3.2rem;
  }

  .header_nav_tel a::before {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/icon_tel_red.svg) no-repeat center bottom;
    background-size: contain;
    vertical-align: bottom;
    content: "";
  }

  .header_nav_tel a > span:nth-child(1) {
    display: none;
  }
}

/* ヒーロー */
.hero {
  position: relative;
}

.hero_pc {
  display: none;
}

.hero_card {
  position: absolute;
  width: 34.5rem;
  top: 32rem;
  left: 1.5rem;
}

.hero_card a {
  transition: opacity .2s ease-in-out;
}

.hero_card a:hover {
  opacity: .7;
}

.hero_card img {
  box-shadow: 0px 0px 10px 0px #333333;
  border-radius: 5px;
}

.hero_caution {
  color: #ffffff;
  margin-top: 1rem;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .hero {
    background-color: #bc2021;
    padding-bottom: 0;
  }
  
  .hero_sp {
    display: none;
  }

  .hero_pc {
    display: block;
  }
  
  .hero_card {
    position: absolute;
    width: 36vw;
    top: 24vw;
    left: 48vw;
  }

  .hero_caution {
    font-size: 1.4rem;
  }
}

/* 成長を実感できる理由 スライダー 共通 */
.point_slide {
  position: relative;
  padding: 1.5rem 2.5rem;
  background-color: #ffffff;
  border: 2px solid #bc2021;
  border-radius: 10px;
  height: 52rem;
}

.point_slide_title {
  margin: 0 0 1.5rem;
  text-align: center;
}

.point_slide_title > span {
  font-size: 1.6rem;
  font-family: 'Open Sans';
  color: #bc2021;
  letter-spacing: .25rem;
}

.point_slide_title > h3 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.25;
}

.point_slide_voice {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 0 -1rem;
}

.point_slide_voice + .point_slide_voice {
  margin: 1.5rem -1rem 0;
}

.point_slide_voice > img {
  width: 5rem;
}

.point_slide_voice > div > p:nth-child(1) {
  font-size: 1rem;
}

.point_slide_voice > div > p:nth-child(2) {
  font-size: 1.4rem;
  font-weight: 500;
  color: #bc2021;
}

.point_slide_voice_caution {
  margin: 1rem -1rem 0;
  padding: 0 1.5rem;
  font-size: 1rem;
}

.point_slider_prev {
  width: 3.6rem;
  position: absolute;
  top: 50%;
  right: 92.5%;
  z-index: 900;
}

.point_slider_next {
  width: 3.6rem;
  position: absolute;
  top: 50%;
  left: 92.5%;
  z-index: 900;
}

/* 成長を実感できる理由 スライダー 01 */
.point_slide.point01 > .point_slide_contents {
  margin: 3cqmax 0;
}

.point_slide.point01 > .point_slide_contents > p {
  margin: 0 0 .5rem;
  font-size: 1.6rem;
  color: #bc2021;
  font-weight: 700;
  text-align: center;
}

.point_slide.point01 > .point_slide_contents > p > span.dots {
  background-image: radial-gradient(circle at center, #bc2021 30%, transparent 30%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em .3em;
  padding-top: .3em;
}

.point_slide.point01 > .point_slide_contents > img {
  width: 100%;
}

.point_slide.point01 > .point_slide_contents > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 3rem 0;
  gap: 1.5rem;
}

.point_slide.point01 > .point_slide_contents > div > img {
  width: 12rem;
}

.point_slide.point01 > .point_slide_contents > div > p {
  font-size: 1.4rem;
  text-align: justify;
}

/* 成長を実感できる理由 スライダー 02 */
.point_slide.point02 > .point_slide_contents > img {
  display: block;
  width: 80%;
  margin: 0 auto .5rem;
}

.point_slide.point02 > .point_slide_contents > p {
  margin: 0 0 1rem;
  font-size: 1.4rem;
  text-align: justify;
}

/* 成長を実感できる理由 スライダー 03 */
.point_slide.point03 > .point_slide_contents > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 0 0 2rem;
}

.point_slide.point03 > .point_slide_contents > div img {
  width: 12rem;
}

.point_slide.point03 > .point_slide_contents > div h4 {
  color: #bc2021;
  font-size: 1.4rem;
  font-weight: 500;
}

.point_slide.point03 > .point_slide_contents > div p {
  font-size: 1.2rem;
  text-align: justify;
}

/* 成長を実感できる理由 スライダー 04 */
.point_slide.point04 > .point_slide_contents {
  margin: 0 0 1.5rem;
}

.point_slide.point04 > .point_slide_contents > div > h4 {
  font-weight: 700;
  margin: 0 auto .25rem;
  font-size: 1.4rem;
}

.point_slide.point04 > .point_slide_contents > div > p {
  font-size: 1.4rem;
  margin: 0 auto .5rem;
}

.point_slide.point04 > .point_slide_contents > div:nth-child(2) {
  position: relative;
  display: inline-block;
  margin: 0 0 1rem;
  padding: .5rem 0;
  width: 100%;
  background-color: #bc2021;
}

.point_slide.point04 > .point_slide_contents > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 75%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #bc2021;
}

.point_slide.point04 > .point_slide_contents > div:nth-child(2) > p {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
}

/* 成長を実感できる理由 スライダー 05 */
.point_slide.point05 > .point_slide_contents {
  margin: 0 0 1rem;
}

.point_slide.point05 > .point_slide_contents > div > h4 {
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
}

.point_slide.point05 > .point_slide_contents > div > p {
  color: #ffffff;
  background-color: #bc2021;
  border-radius: 1.5rem;
  text-align: center;
  margin: 0 0 1rem;
  padding: 0.5rem 0;
  font-weight: 500;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  /* 成長を実感できる理由 スライダー 共通 */
  .point_slider {
    margin: 0 auto;
    max-width: 90rem;
  }

  .point_slide {
    padding: 2.5rem 5rem;
    border: 4px solid #bc2021;
    height: 70rem;
  }

  .point_slide_title {
    margin: 0 0 2.5rem;
  }

  .point_slide_title > span {
    font-size: 2.4rem;
  }

  .point_slide_title > h3 {
    font-size: 3.2rem;
  }

  .point_slide_voice {
    align-items: center;
    justify-content: flex-start;
    gap: 3rem;
    margin: 0;
    padding: 0 2.5rem;
  }

  .point_slide_voice + .point_slide_voice {
    margin: 1.5rem 0 0;
  }

  .point_slide_voice > img {
    width: 7.5rem;
  }

  .point_slide_voice > div > p:nth-child(1) {
    font-size: 1.4rem;
  }

  .point_slide_voice > div > p:nth-child(2) {
    font-size: 1.8rem;
  }

  .point_slide_voice_caution {
    margin: 1.5rem calc(50% - 47.5rem);
    padding: 0 2.5rem;
    font-size: 1.4rem;
  }

  .point_slider_prev {
    width: 4.8rem;
    right: 98%;
  }

  .point_slider_next {
    width: 4.8rem;
    left: 98%;
  }

  /* 成長を実感できる理由 スライダー 01 */
  .point_slide.point01 > .point_slide_contents {
    margin: 5rem 0;
  }

  .point_slide.point01 > .point_slide_contents > p {
    margin: 0 0 1.5rem;
    font-size: 2.4rem;
  }

  .point_slide.point01 > .point_slide_contents > img {
    display: block;
    margin: 0 auto 2.5rem;
    width: 48rem;
  }

  .point_slide.point01 > .point_slide_contents > div {
    margin: 0 0 3rem;
    gap: 3rem;
  }

  .point_slide.point01 > .point_slide_contents > div > img {
    width: 18rem;
  }

  .point_slide.point01 > .point_slide_contents > div > p {
    font-size: 2rem;
  }

  /* 成長を実感できる理由 スライダー 02 */
  .point_slide.point02 > .point_slide_contents > img {
    width: 48rem;
    margin: 0 auto 1.5rem;
  }
  
  .point_slide.point02 > .point_slide_contents > p {
    margin: 0 0 3rem;
    font-size: 2rem;
  }

  /* 成長を実感できる理由 スライダー 03 */
  .point_slide.point03 > .point_slide_contents > div {
    gap: 3rem;
    margin: 0 0 5rem;
  }

  .point_slide.point03 > .point_slide_contents > div img {
    width: 20rem;
  }

  .point_slide.point03 > .point_slide_contents > div h4 {
    font-size: 2.4rem;
  }

  .point_slide.point03 > .point_slide_contents > div p {
    font-size: 2rem;
  }

  /* 成長を実感できる理由 スライダー 04 */
  .point_slide.point04 > .point_slide_contents {
    margin: 0 0 5rem;
  }

  .point_slide.point04 > .point_slide_contents > div > h4 {
    margin: 0 auto 1rem;
    font-size: 2.4rem;
  }

  .point_slide.point04 > .point_slide_contents > div > p {
    font-size: 2rem;
    margin: 0 auto 3rem;
  }

  .point_slide.point04 > .point_slide_contents > div:nth-child(2) {
    margin: 0 0 3rem;
    padding: 1rem 0;
  }

  .point_slide.point04 > .point_slide_contents > div:nth-child(2)::before {
    top: -50px;
    left: 50%;
    margin-left: -25px;
    border: 25px solid transparent;
    border-bottom: 25px solid #bc2021;
  }

  .point_slide.point04 > .point_slide_contents > div:nth-child(2) > p {
    font-size: 2.4rem;
  }

  /* 成長を実感できる理由 スライダー 05 */
  .point_slide.point05 > .point_slide_contents {
    margin: 0 0 3rem;
  }

  .point_slide.point05 > .point_slide_contents > div > h4 {
    font-size: 2rem;
  }

  .point_slide.point05 > .point_slide_contents > div > p {
    max-width: 50rem;
    border-radius: 2.5rem;
    margin: .5rem auto 1.5rem;
    padding: .5rem 0;
    font-size: 2rem;
  }
}

/* 実績 */
.result {
  padding: 3rem 1.5rem;
  background: url(../images/bg_grid.svg) repeat center top;
  background-size: 1.5rem auto;
}

.result_subtitle {
  max-width: 640px;
  margin: 3rem auto 0;
  position: relative;
}

.result_subtitle > img {
  width: 15rem;
  transform: rotate(-5deg);
}

.result_subtitle > p {
  position: absolute;
  bottom: -1rem;
  right: 0;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
}

.result_subtitle > p > span {
  color: #bc2021;
}

.result_slider {
  margin: 2.5rem 0 0;
}

.result_slide {
  max-width: 840px;
  margin: 0 auto;
}

.result_slide > img.only-pc {
  display: none;
}

.result_slider_prev {
  width: 3.6rem;
  position: absolute;
  top: 50%;
  left: -1rem;
  z-index: 500;
}

.result_slider_next {
  width: 3.6rem;
  position: absolute;
  top: 50%;
  right: -1rem;
  z-index: 500;
}

.result_caution01 {
  margin-top: 1rem;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
}

.result_medal {
  margin: 2.5rem auto;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.result_medal img {
  width: 10.5rem;
}

.result_caution02 {
  margin-top: 1rem;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .result {
    padding: 5rem 0;
    background-size: 2rem auto;
  }

  .result_subtitle {
    margin: 5rem auto 0;
  }

  .result_subtitle > img {
    width: 20rem;
  }
  
  .result_subtitle > p {
    font-size: 3.2rem;
  }

  .result_slider {
    margin: 3rem 0 0;
  }

  .result_slide {
    margin: 0 5rem;
  }

  .result_slide > img.only-sp {
    display: none;
  }

  .result_slide > img.only-pc {
    display: block;
  }

  .result_slider_prev {
    width: 5.6rem;
    left: calc(50% - 41rem);
  }

  .result_slider_next {
    width: 5.6rem;
    right: calc(50% - 41rem);
  }

  .result_caution01 {
    margin: 1rem 0 0 calc(50% - 37rem);
    font-size: 1.4rem;
  }

  .result_medal {
    max-width: 640px;
    margin: 3rem auto;
    justify-content: space-between;
    gap: 2.5rem;
  }
  
  .result_medal img {
    width: 18rem;
  }

  .result_caution02 {
    text-align: center;
    font-size: 1.4rem;
  }
}

/* CTAボタン */
.call-to-action {
  text-align: center;
}

.call-to-action > p:nth-child(1) {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 1.5rem;
  letter-spacing: -.1rem;
}

.call-to-action > p:nth-child(1) > span {
  display: inline-block;
  line-height: 1.25;
}

.call-to-action > p:nth-child(1) > strong {
  font-weight: 700;
}

.call-to-action > p:nth-child(1) > span.red_text {
  display: inline;
  font-weight: 700;
  font-size: 2.4rem;
}

.call-to-action > p:nth-child(1) > span > img {
  width: 20rem;
  margin: 0 .5rem 0 0;
}

.call-to-action > p:nth-child(2) {
  font-size: 2.4rem;
  color: #bc2021;
  font-weight: 700;
  margin: 0 0 1rem;
  animation: blink .8s ease-in-out infinite alternate;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.call-to-action > a {
  position: relative;
  display: inline-block;
  width: 34.5rem;
  font-size: 1.8rem;
  color: #ffffff;
  background-color: #bc2021;
  font-weight: 700;
  padding: 1.5rem;
  border-radius: 2.75rem;
  transition: opacity .2s ease-out;
}

.call-to-action > a:hover {
  opacity: .7;
}

.call-to-action > a::after {
  position: absolute;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/arrow02.svg) no-repeat center bottom;
  background-size: contain;
  content: "";
}

@media screen and (min-width: 768px) {
  .call-to-action > p:nth-child(1) {
    font-size: 2.8rem;
    margin: 0 0 2.5rem;
  }
  
  .call-to-action > p:nth-child(1) > span.red_text {
    font-size: 3.6rem;
  }
  
  .call-to-action > p:nth-child(1) > span > img {
    width: 30rem;
    margin: 0 1rem 0 0;
  }
  
  .call-to-action > p:nth-child(2) {
    font-size: 3.6rem;
    margin: 0 0 1rem;
  }
  
  .call-to-action > a {
    width: 56rem;
    font-size: 2.8rem;
    padding: 2.5rem;
    border-radius: 4.6rem;
  }
  
  .call-to-action > a::after {
    top: 2.8rem;
    right: 5rem;
    width: 3.6rem;
    height: 3.6rem;
  }
}

/* 無料体験 */
.trial {
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  border: 2px solid #bc2021;
  border-radius: 10px;
  background-color: #ffffff;
}

.trial h3 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
}

.trial h3:not(:first-child) {
  margin: 3rem 0 1.5rem;
}

.trial_table01 {
  width: 100%;
  border: 1px solid #e4ddcd;
  background-color: #ffffff;
  text-align: center;
  border-collapse: collapse;
}

.trial_table01 th {
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #f4eee2;
  font-weight: 500;
}

.trial_table01 td {
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #ffffff;
}

.trial_area {
  position: relative;
}

.trial_area::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-70%) rotate(-135deg);
  width: 1.2rem;
  height: 1.2rem;
  border-top: 2px solid #bc2021;
  border-left: 2px solid #bc2021;
  content: "";
  pointer-events: none;
}

.trial_area > select {
  width: 100%;
  padding: 1rem 1.5rem;
  border: 1px solid #bc2021;
  border-radius: 5px;
}

.trial_info {
  display: none;
}

.trial_info.current {
  display: block;
}

.trial_info > dt {
  margin: 1.5rem 0 0;
  position: relative;
  background-color: #f4eee2;
  padding: 1.5rem;
  border-left: 2px solid #bc2021;
  cursor: pointer;
  transition: opacity .2s ease-out;
}

.trial_info > dt:hover {
  opacity: .7;
}

.trial_info > dt::before, .trial_info > dt::after {
  display: block;
  position: absolute;
  top: 2.4rem;
  right: 1.5rem;
  width: 1.5rem;
  height: 2px;
  background-color: #bc2021;
  content: "";
  transition: transform .2s linear;
}

.trial_info > dt::after {
  transform: rotate(-90deg);
}

.trial_info > dt.opened::after {
  transform: rotate(0deg);
}

.trial_info > dt > p:nth-child(1) {
  font-weight: 500;
  margin: 0 0 .5rem;
}

.trial_info > dt > p:nth-child(2) {
  font-size: 1.4rem;
  margin: 0 0 1.5rem;
}

.trial_info > dt > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem;
}

.trial_info > dt > div img {
  width: 10rem;
  transition: opacity .2s ease-out;
}

.trial_info > dt > div img:hover {
  opacity: .7;
}

.trial_info > dd {
  display: none;
  margin: 1.5rem 0 0;
}

.trial_table02 {
  width: 100%;
  border: 1px solid #e4ddcd;
  background-color: #ffffff;
  text-align: center;
  border-collapse: collapse;
}

.trial_table02 th {
  width: 40%;
  font-size: 1.4rem;
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #ffeeee;
  font-weight: 500;
  vertical-align: middle;
}

.trial_table02 td {
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .trial {
    padding: 2.5rem 5rem;
    border: 4px solid #bc2021;
    font-size: 1.8rem;
  }
  
  .trial h3 {
    font-size: 2.4rem;
    margin: 0 0 2.5rem;
  }
  
  .trial h3:not(:first-child) {
    margin: 5rem 0 2.5rem;
  }
  
  .trial_table01 {
    border: 2px solid #e4ddcd;
  }
  
  .trial_table01 th {
    border: 2px solid #e4ddcd;
  }
  
  .trial_table01 td {
    border: 2px solid #e4ddcd;
  }
  
  .trial_area::after {
    right: 2.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .trial_area > select {
    padding: 1rem 2.5rem;
    border: 2px solid #bc2021;
  }
  
  .trial_info > dt {
    margin: 2.5rem 0 0;
    padding: 2.5rem;
    border-left: 4px solid #bc2021;
  }
  
  .trial_info > dt::before, .trial_info > dt::after {
    top: 4.1rem;
    right: 2.5rem;
    width: 2.4rem;
    height: 4px;
  }
  
  .trial_info > dt > p:nth-child(2) {
    font-size: 1.8rem;
  }
  
  .trial_info > dt > div {
    gap: 2.5rem;
  }
  
  .trial_info > dt > div img {
    width: 15rem;
  }
  
  .trial_info > dd {
    margin: 2.5rem 0 0;
  }
  
  .trial_table02 {
    border: 2px solid #e4ddcd;
  }
  
  .trial_table02 th {
    width: 40%;
    font-size: 1.8rem;
    padding: 2rem;
    border: 2px solid #e4ddcd;
  }
  
  .trial_table02 td {
    padding: 2rem;
    border: 2px solid #e4ddcd;
  }
}

/* 成長ストーリー */
.story_slide > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 750px;
  height: 64rem;
  margin: 0 auto;
  padding: 1.5rem 2.5rem;
  border: 2px solid #bc2021;
  border-radius: 10px;
  background-color: #ffffff;
}

.story_name > p:first-child {
  font-size: 1.4rem;
  padding: 0 0 0 1.5rem;
}

.story_name > p:last-child {
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #bc2021;
  border-radius: 5px;
  color: #ffffff;
  padding: .5rem 1.5rem;
  margin: 0 0 1rem;
}

.story_slide h3 {
  font-weight: 700;
  font-size: 2rem;
  text-align: justify;
  margin: 0 0 1rem;
  line-height: 1.25;
  letter-spacing: -.2rem;
}

.story_tag {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: .5rem;
  margin: 0 0 1rem;
}

.story_tag > p {
  color: #d98411;
  font-weight: 500;
  font-size: 1.2rem;
  border: 1px solid #d98411;
  padding: 0 .75rem;
  border-radius: 1.1rem;
}

.story_slide > div > p {
  font-weight: 500;
  text-align: justify;
  margin: 0 0 1rem;
}

.slick-arrow {
  display: block;
  z-index: 100;
  transform: translateY(-50%);
  width: 3.2rem;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  outline: none;
  cursor: pointer;
  transition: opacity .2s ease-out;
}

.slick-arrow:hover {
  opacity: .7;
}

.story_prev {
  position: absolute;
  top: 50%;
  left: -1rem;
}

.story_next {
  position: absolute;
  top: 50%;
  right: -1rem;
}

.story_caution {
  margin-top: 1rem;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .story_slide > div {
    padding: 2.5rem;
    border: 4px solid #bc2021;
    height: 88rem;
  }
  
  .story_name > p:first-child {
    font-size: 1.8rem;
    padding: 0 0 0 2.5rem;
  }
  
  .story_name > p:last-child {
    font-size: 2.4rem;
    padding: .5rem 2.5rem;
    margin: 0 0 1.5rem;
  }
  
  .story_slide h3 {
    font-size: 2.8rem;
    margin: 0 0 1.5rem;
    letter-spacing: 0;
  }
  
  .story_tag {
    gap: 1.5rem;
    margin: 0 0 1.5rem;
  }
  
  .story_tag > p {
    font-size: 1.6rem;
    padding: .5rem 1.5rem;
    border-radius: 2.2rem;
  }
  
  .story_slide > div > p {
    font-size: 1.8rem;
    margin: 0 0 1.5rem;
    letter-spacing: 0;
  }

  .slick-arrow {
    width: 5.6rem;
  }

  .story_prev {
    left: calc(50% - 41rem);
  }

  .story_next {
    right: calc(50% - 41rem);
  }

  .story_caution {
    margin: 1rem 0 0 calc(50% - 37.5rem);
    font-size: 1.4rem;
  }
}

/* よくある質問 */
.faq dt {
  padding: 1rem 4.5rem 1rem;
  position: relative;
  color: #ffffff;
  background: #bc2021 url(../images/icon_faq.svg) no-repeat 1.05rem 50%;
  background-size: 2.4rem auto;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .2s ease-out;
  text-align: justify;
}

.faq dt:not(:first-child) {
  margin: 1.5rem 0 0;
}

.faq dt:hover {
  opacity: .7;
}

.faq dt::before, .faq dt::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 1.5rem;
  height: 2px;
  background-color: #ffffff;
  content: "";
  transition: transform .2s linear;
}

.faq dt::after {
  transform: rotate(-90deg);
}

.faq dt.opened::after {
  transform: rotate(0deg);
}

.faq dd {
  display: none;
  padding: 1.5rem;
  border: 1px solid #bc2021;
  background-color: #ffffff;
}

.faq dd > p {
  text-align: justify;
}

.faq dd > p + p {
  margin: 1.5rem 0 0;
}

.faq dd > p.red_text {
  font-size: 1.8rem;
  font-weight: 500;
}

.faq dd > p > span {
  font-weight: 500;
}

.faq dd > a {
  width: 25rem;
  display: block;
  margin: 3rem auto 0;
  padding: 1rem 0;
  background-color: #d98411;
  color: #ffffff;
  text-align: center;
  border-radius: 2.2rem;
  font-weight: 700;
}

.faq dd > a.red_button {
  background-color: #bc2021;
  margin: 3rem auto;
}

.faq dd > h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
}

.faq dd > h5 {
  font-weight: 700;
  margin: 0 0 .5rem;
}

.faq dd > h6 {
  font-weight: 700;
  margin: .5rem 0 0;
}

.faq dd > p > .red_text {
  font-weight: 700;
}

.faq dd > table {
  width: 100%;
  margin: 1.5rem 0 0;
  border: 1px solid #e4ddcd;
  background-color: #ffffff;
  text-align: center;
  border-collapse: collapse;
}

.faq dd > table th {
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #f4eee2;
  font-weight: 500;
}

.faq dd > table td {
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #ffffff;
}

.faq dd > table td.red_table {
  padding: 1rem;
  border: 1px solid #e4ddcd;
  background-color: #ffeeee;
  font-weight: 500;
  color: #bc2021;
}

.faq_caution {
  margin: 1rem 0 1.5rem;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
  text-align: justify;
}

.faq_price {
  position: relative;
}

.faq dd > p.faq_recommend {
  margin: 0;
  position: absolute;
  top: 1.5rem;
  right: 3rem;
  text-align: center;
  color: #ffffff;
  background-color: #bc2021;
  padding: .5rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.faq dd > p.faq_recommend::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 1.2rem solid #bc2021;
  border-right: 1.2rem solid transparent;
  border-left: 1.2rem solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

.contact-card {
  margin: 3rem 0 0;
  padding: 3rem 1.5rem;
  background-color: #f4eee2;
  text-align: center;
}

.contact-card p:nth-child(1) {
  font-size: 1.4rem;
  margin: 0 0 1.5rem;
  font-weight: 500;
}

.contact-card p:nth-child(2) {
  font-weight: 500;
}

.contact-card a {
  margin: 1rem 0;
  position: relative;
  display: inline-block;
  width: 31.5rem;
  font-size: 3.2rem;
  color: #ffffff;
  background-color: #bc2021;
  font-weight: 700;
  padding: .5rem;
  border-radius: 2.9rem;
  transition: opacity .2s ease-out;
}

.contact-card a:hover {
  opacity: .7;
}

.contact-card a::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.5rem;
  background: url(../images/icon_tel_white.svg) no-repeat center bottom;
  background-size: contain;
  content: "";
}

.contact-card p:nth-child(4) {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .faq {
    max-width: 900px;
    margin: 0 auto;
  }

  .faq dt {
    font-size: 2rem;
    padding: 1rem 6rem 1rem;
    background: #bc2021 url(../images/icon_faq.svg) no-repeat 1.5rem 50%;
    background-size: 3rem auto;
    font-weight: 500;
  }
  
  .faq dt:not(:first-child) {
    margin: 2.5rem 0 0;
  }
  
  .faq dt::before, .faq dt::after {
    right: 2rem;
    width: 2.4rem;
    height: 4px;
  }

  .faq dd {
    font-size: 1.8rem;
    padding: 2.5rem 5rem;
    border: 2px solid #bc2021;
  }
  
  .faq dd > p + p {
    margin: 2.5rem 0 0;
  }
  
  .faq dd > p.red_text {
    font-size: 2rem;
  }
  
  .faq dd > a {
    width: 40rem;
    margin: 5rem auto 0;
    border-radius: 2.35rem;
    font-weight: 500;
  }
  
  .faq dd > a.red_button {
    background-color: #bc2021;
    margin: 5rem auto;
  }
  
  .faq dd > h4 {
    font-size: 2rem;
    margin: 0 0 2.5rem;
  }
  
  .faq dd > h5 {
    margin: 1rem;
  }
  
  .faq_caution {
    margin: 1rem 0 2.5rem;
    font-size: 1.4rem;
  }
  
  .faq dd > p.faq_recommend {
    top: 5rem;
    right: 5rem;
    padding: 1rem 2.5rem;
    font-size: 1.8rem;
  }
  
  .contact-card {
    max-width: 900px;
    margin: 5rem auto 0;
    padding: 5rem 2.5rem;
  }
  
  .contact-card p:nth-child(1) {
    font-size: 1.6rem;
    margin: 0 0 2.5rem;
  }
  
  .contact-card p:nth-child(2) {
    font-size: 1.8rem;
  }
  
  .contact-card a {
    margin: 0;
    width: 100%;
    font-size: 4.8rem;
    color: #bc2021;
    background-color: #f4eee2;
    padding: 0;
    border-radius: 0;
  }
  
  .contact-card a::before {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 1rem;
    background: url(../images/icon_tel_red.svg) no-repeat center bottom;
  }
  
  .contact-card p:nth-child(4) {
    font-size: 1.6rem;
  }
}

/* フォーム 全体 */
.contact dl {
  margin: 0 0 3rem;
}

.contact dt {
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0 0 1rem;
}

.contact dt > span {
  color: #ff776b;
}

.contact dd > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.txt-error {
  display: none;
  font-size: 1.2rem;
  margin: 1rem 0 0;
  color: #ff776b;
}


/* フォーム 2カラム */
.contact dd > ul.two-column > li {
  width: 100%;
}

/* フォーム セレクトボックス */
.contact-select {
  position: relative;
}

.contact-select select {
  padding: 1rem 1.5rem;
  width: 100%;
  border-radius: 5px;
  background-color: #f0f0f0;
}

.contact-select::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-70%) rotate(-135deg);
  width: 1.2rem;
  height: 1.2rem;
  border-top: 2px solid #777777;
  border-left: 2px solid #777777;
  content: "";
  pointer-events: none;
}

/* フォーム テキストボックス */
input[type=text], textarea {
  padding: 1rem 1.5rem;
  width: 100%;
  border-radius: 5px;
  background-color: #f0f0f0;
}

input[type=text]::placeholder {
  color: #ccc;
}

textarea {
  resize: vertical;
  height: 20rem;
}

/* フォーム チェックボックス＆ラジオボタン */
.contact-custom_input input {
  opacity: 0;
  width: 0;
  height: 0;
}

.contact-custom_control01 {
  display: inline-flex;
  vertical-align: bottom;
  width: 2rem;
  height: 2rem;
  bottom: .1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  margin: 0 .5rem 0 0;
  position: relative;
  background-color: #f0f0f0;
  border-radius: 2px;
  border: 2px solid #f0f0f0;
}

input[type=checkbox]:checked + .contact-custom_control01 {
  border-color: #bc2021;
}

input[type=checkbox]:checked + .contact-custom_control01::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%) rotate(-45deg);
  width: 1.2rem;
  height: .8rem;
  border-bottom: 2px solid #bc2021;
  border-left: 2px solid #bc2021;
  content: "";
}

.contact-custom_control02 {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  bottom: .1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  vertical-align: middle;
  margin: 0 .5rem 0 0;
  position: relative;
  border-radius: 1rem;
  background-color: #f0f0f0;
}

input[type=radio]:checked + .contact-custom_control02::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  background-color: #bc2021;
  content: "";
}

/* フォーム 誕生日 */
.contact dd > ul.birthday > li:nth-child(1) {
  width: 28%;
}

.contact dd > ul.birthday > li:nth-child(2) {
  width: 24%;
}

.contact dd > ul.birthday > li:nth-child(3) {
  width: 24%;
}

.contact dd > ul.birthday > li {
  position: relative;
  margin: 0 1.6rem 0 0;
}

.contact dd > ul.birthday > li:nth-child(1)::after {
  display: inline-block;
  position: absolute;
  top: 1rem;
  left: calc(100% + .5rem);
  content: "年";
}

.contact dd > ul.birthday > li:nth-child(2)::after {
  display: inline-block;
  position: absolute;
  top: 1rem;
  left: calc(100% + .5rem);
  content: "月";
}

.contact dd > ul.birthday > li:nth-child(3)::after {
  display: inline-block;
  position: absolute;
  top: 1rem;
  left: calc(100% + .5rem);
  content: "日";
}

/* フォーム 住所 */
.zip-wrap {
  margin: 0 0 1rem;
}

.zip-wrap input[type=text] {
  width: 40%;
  margin: 0 1.5rem 0 0;
}

.postcode-btn {
  position: relative;
  display: inline-flex;
  color: #ffffff;
  background-color: #bc2021;
  padding: .5rem 2.5rem;
  border-radius: 2.5rem;
  transition: opacity 0.2s ease-out;
  cursor: pointer;
  line-height: 1.25;
  text-align: center;
  top: .3rem;
  vertical-align: bottom;
  font-weight: 700;
}

.postcode-btn:hover {
  opacity: .7;
}

.input-mt1 {
  margin: 1rem 0 0;
}

/* フォーム 電話番号 */
.tel-wrap > input[type=text] {
  width: 25%;
}

/* フォーム メールアドレス */
.contact dd > ul.mail> li:first-child {
  position: relative;
  padding: 0 2.5rem 0 0;
}

.contact dd > ul.mail> li:first-child::after {
  display: inline-block;
  position: absolute;
  line-height: 1;
  top: 1.2rem;
  right: .5rem;
  content: "@";
}

.other-domain {
  display: none;
  margin: 1rem 0 0;
}

.other-domain.custom {
  display: block;
}

/* フォーム プライバシーポリシー */
.privacy-policy a {
  color: #81b1d5;
}

/* フォーム 送信ボタン */
.submit-button {
  font-size: 1.8rem;
  font-weight: 700;
  width: 100%;
  color: #ffffff;
  background-color: #bc2021;
  margin: 3rem auto 0;
  padding: 1.5rem;
  text-align: center;
  border-radius: 2.85rem;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}

.submit-button:hover {
  opacity: .7;
}

.non-click{
  opacity: 0.2;
  pointer-events: none;
}

/* 謎 */
.form-select.form-select--half {
  max-width: 50%;
}

@media screen and (min-width: 768px) {
  /* フォーム 全体 */
  .contact dl {
    font-size: 1.8rem;
    margin: 0 0 5rem;
  }

  .contact dt {
    font-size: 2rem;
    margin: 0 0 1.5rem;
  }

  .contact dd > ul {
    gap: 1.5rem;
  }

  .txt-error {
    font-size: 1.4rem;
  }

  /* フォーム 2カラム */
  .contact dd > ul.two-column > li {
    width: calc(50% - .75rem);
  }

  /* フォーム セレクトボックス */
  .contact-select select {
    font-size: 1.8rem;
    padding: 1rem 2.5rem;
  }

  .contact-select::after {
    right: 2.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  /* フォーム テキストボックス */
  input[type=text], textarea {
    padding: 1rem 2.5rem;
  }

  /* フォーム チェックボックス＆ラジオボタン */
  .contact-custom_control01 {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1rem 0 0;
  }

  input[type=checkbox]:checked + .contact-custom_control01::after {
    width: 1.5rem;
    height: 1rem;
  }

  .contact-custom_control02 {
    width: 2.4rem;
    height: 2.4rem;
    bottom: .25rem;
    margin: 0 1rem 0 0;
    border-radius: 1.2rem;
  }

  input[type=radio]:checked + .contact-custom_control02::after {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .6rem;
  }

  /* フォーム 誕生日 */
  .contact dd > ul.birthday > li:nth-child(1) {
    width: calc(33% - 2.8rem);
  }

  .contact dd > ul.birthday > li:nth-child(2) {
    width: calc(33% - 2.8rem);
  }

  .contact dd > ul.birthday > li:nth-child(3) {
    width: calc(33% - 2.8rem);
  }

  .contact dd > ul.birthday > li {
    margin: 0 1.8rem 0 0;
  }

  /* フォーム 住所 */
  .zip-wrap {
    margin: 0 0 1.5rem;
  }

  .zip-wrap input[type=text] {
    width: 32rem;
    margin: 0 2.5rem 0 0;
  }

  .postcode-btn {
    padding: 1rem 2.5rem;
    border-radius: 2.35rem;
    line-height: 1.5;
    top: 0rem;
  }

  .input-mt1 {
    margin: 1.5rem 0 0;
  }

  /* フォーム メールアドレス */
  .contact dd > ul.mail {
    align-items: flex-start;
  }

  .contact dd > ul.mail> li:first-child {
    padding: 0 1.5rem 0 0;
  }

  .contact dd > ul.mail> li:first-child::after {
    right: -.9rem;
  }

  .other-domain {
    margin: 1.5rem 0 0;
  }

  /* フォーム プライバシーポリシー */
  .privacy-policy span {
    font-size: 1.8rem;
  }

  /* フォーム 送信ボタン */
  .submit-button {
    display: block;
    font-size: 2.8rem;
    width: 56rem;
    margin: 5rem auto 0;
    padding: 2.5rem;
    border-radius: 4.6rem;
  }
}

/* フッター */
.footer {
  padding: 3rem 0 8rem;
  background-color: #bc2021;
}

.footer img {
  display: block;
  margin: 0 auto 1.5rem;
  width: 20rem;
}

.footer p {
  font-size: 1.2rem;
  text-align: center;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 5rem 0;
  }
  
  .footer img {
    margin: 0 auto 2.5rem;
    width: 28rem;
  }
  
  .footer p {
    font-size: 1.4rem;
  }
}

/* フローティングメニュー */
.float-links {
  display: flex;
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  height: 5rem;
}

.float-links a:nth-child(1) {
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  background-color: #d98411;
  line-height: 5rem;
  width: calc(100vw - 5rem);
  font-size: 1.8rem;
}

.float-links a:nth-child(1)::before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background: url(../images/icon_mail.svg) no-repeat center bottom;
  background-size: contain;
  content: "";
}

.float-links a:nth-child(2) {
  position: relative;
  padding: 2.75rem 0 0;
  text-align: center;
  font-weight: 500;
  color: #bc2021;
  background-color: #ffffff;
  width: 5rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.float-links a:nth-child(2)::before {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/arrow06.svg) no-repeat center center;
  content: "";
}

@media screen and (min-width: 768px) {
  .float-links {
    display: flex;
    flex-direction: column;
    left: calc(100% - 6rem);
    top: 16rem;
    width: 6rem;
    height: auto;
  }
  
  .float-links a:nth-child(1) {
    writing-mode: vertical-rl;
    line-height: 6rem;
    letter-spacing: .5rem;
    width: 6rem;
    font-size: 1.8rem;
    padding: 3rem 0;
    border-radius: 10px 0 0 0;
  }
  
  .float-links a:nth-child(1)::before {
    margin: 0 0 1.5rem 0;
  }
  
  .float-links a:nth-child(2) {
    padding: 3rem 0 0;
    width: 6rem;
    height: 6rem;
    font-size: 1.4rem;
    border-radius: 0 0 0 10px;
  }
  
  .float-links a:nth-child(2)::before {
    top: .75rem;
    left: 1.8rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}

/* サンクスページ */
.thanks > p:nth-child(1) {
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
  text-align: center;
}

.thanks > p:nth-child(2) {
  text-align: justify;
}

.thanks > div:nth-child(3) {
  margin: 3rem 0;
  padding: 3rem 1.5rem;
  background-color: #f4eee2;
  text-align: center;
}

.thanks > div:nth-child(3) p:nth-child(1) {
  font-weight: 500;
}

.thanks > div:nth-child(3) a {
  margin: 1rem 0;
  position: relative;
  display: inline-block;
  width: 31.5rem;
  font-size: 3.2rem;
  color: #ffffff;
  background-color: #bc2021;
  font-weight: 700;
  padding: .5rem;
  border-radius: 2.9rem;
  transition: opacity .2s ease-out;
}

.thanks > div:nth-child(3) a:hover {
  opacity: .7;
}

.thanks > div:nth-child(3) a::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.5rem;
  background: url(../images/icon_tel_white.svg) no-repeat center bottom;
  background-size: contain;
  content: "";
}

.thanks > div:nth-child(3) p:nth-child(3) {
  font-size: 1.4rem;
}

.thanks_line.only-sp > div {
  margin: 1.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}

.thanks_line.only-sp > div img {
  width: 15rem;
}

.thanks_line.only-sp > a {
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
  background-color: #bc2021;
  color: #ffffff;
  text-align: center;
  border-radius: 2.2rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .thanks {
    max-width: 900px;
    margin: 0 auto;
    padding: 10rem 12rem;
  }

  .thanks > p:nth-child(1) {
    font-size: 3.2rem;
    margin: 0 0 2.5rem;
  }

  .thanks > p:nth-child(2) {
    font-size: 1.8rem;
  }
  
  .thanks > div:nth-child(3) {
    font-size: 2rem;
    margin: 5rem 0;
    padding: 5rem 2.5rem;
  }
  
  .thanks > div:nth-child(3) a {
    margin: 0;
    width: 100%;
    font-size: 4.8rem;
    color: #bc2021;
    background-color: #f4eee2;
    padding: 0;
    border-radius: 0;
  }
  
  .thanks > div:nth-child(3) a::before {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 1rem;
    background: url(../images/icon_tel_red.svg) no-repeat center bottom;
  }
  
  .thanks > div:nth-child(3) p:nth-child(3) {
    font-size: 1.6rem;
  }

  .thanks_line.only-pc > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
  }

  .thanks_line.only-pc > div > div > img {
    width: 48rem;
    margin: 0 0 2.5rem;
  }

  .thanks_line.only-pc > div > div > p {
    font-size: 1.8rem;
  }

  .thanks_line.only-pc > div > img {
    width: 24rem;
  }
  
  .thanks_line.only-pc a {
    width: 48rem;
    display: block;
    margin: 2.5rem auto 0;
    padding: 1rem 0;
    background-color: #bc2021;
    color: #ffffff;
    text-align: center;
    border-radius: 2.35rem;
    font-weight: 700;
    font-size: 1.8rem;
  }
}

.address_caution {
  margin: 1rem 0;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .address_caution {
    font-size: 1.4rem;
  }
}