@charset "UTF-8";
/*!
Theme Name: boneedz
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boneedz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

boneedz is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");
* {
  box-sizing: border-box;
}

body {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  color: #000000;
}

body ul li {
  list-style: none;
}

body a {
  text-decoration: none;
  color: #000000;
}

body figure {
  margin: 0;
}

body img {
  max-width: 100%;
  height: auto;
}

.barner__sp {
  display: none;
}

@media all and (min-width: 1024px) {
  .br_sp {
    display: none;
  }
}
.br_pc {
  display: none;
}

@media all and (min-width: 1024px) {
  .br_pc {
    display: inline;
  }
}
.inner {
  width: 100%;
  padding: 0 25px;
}

@media all and (min-width: 1024px) {
  .inner {
    padding: 0 28px;
    max-width: 1024px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .barner__sp {
    display: block;
  }
  .barner__pc {
    display: none;
  }
  section#top_banner {
    margin-bottom: 50px;
  }
}
/**/
.more_btn {
  display: block;
  background-color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  border: solid 2px #696969;
  border-top-left-radius: 0%;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 75%;
}

@media all and (min-width: 1024px) {
  .more_btn {
    width: 180px;
    font-size: 14px;
    padding: 0.5em 0;
  }
}
/**/
#keyvisual {
  width: 100%;
  position: relative;
  margin-top: 60px;
}

#keyvisual img {
  width: 100%;
}

#keyvisual a:hover {
  opacity: 0.7;
}

.kv_banner {
  text-align: center;
  margin: 3em 5vw 1em;
}

@media all and (min-width: 1024px) {
  .kv_banner {
    width: 1000px;
    margin: 3em auto 0;
  }
}
.kv_banner a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 500px) {
  #keyvisual {
    width: 100%;
    position: relative;
    margin-top: 80px;
  }
  #keyvisual.lp_fv {
    margin-bottom: 64px;
  }
}
#keyvisual .kv_slide {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
}

@media all and (min-width: 1024px) {
  #keyvisual .kv_slide {
    flex-wrap: nowrap;
  }
}
#keyvisual .kv_slide li {
  display: inline-block;
  width: 100%;
}

@media all and (min-width: 1024px) {
  #keyvisual .kv_slide li {
    flex-grow: 1;
  }
}
@media all and (min-width: 1024px) {
  .lp_contents {
    background-color: #fff;
    padding: 0;
  }
}
.lp_contents .lp_inner {
  background-color: #fff;
}

#sec-exam .sp-view {
  display: none;
}

@media screen and (max-width: 500px) {
  #sec-exam .sp-view {
    display: inherit;
  }
}
#sec-exam h2.balloon_style {
  position: relative;
  display: inline-block;
  padding: 16px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 42px;
  background: #FB4500;
  font-weight: bold;
  margin: 0 auto 32px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
#sec-exam h2.balloon_style:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FB4500;
}
@media screen and (max-width: 767px) {
  #sec-exam h2.balloon_style {
    font-size: 6vw;
  }
}

#sec-exam .exam_wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 24px;
}
#sec-exam .exam_wrap.slide-paused:hover ul.exam_list {
  animation-play-state: paused;
}
#sec-exam ul.exam_list {
  display: flex;
  justify-content: space-around;
  animation: loop-slide 40s infinite linear 1s both;
}
#sec-exam ul.exam_list li {
  width: 340px;
  margin-right: 32px;
}
@media screen and (max-width: 767px) {
  #sec-exam ul.exam_list li {
    width: 42vw;
    min-width: 42vw;
    display: inline-block;
    margin-right: 2.7vw;
  }
}
#sec-exam ul.exam_list li a {
  transition: all 0.3s ease 0s;
}
#sec-exam ul.exam_list li a:hover {
  opacity: 0.7;
}
#sec-exam ul.exam_list li .thm {
  margin-bottom: 0.5em;
}
#sec-exam ul.exam_list li .thm img {
  width: 100%;
}
#sec-exam ul.exam_list li .date {
  margin-bottom: 0.5em;
}
#sec-exam ul.exam_list li .title {
  font-weight: bold;
  font-size: 20px;
  white-space: normal;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #sec-exam ul.exam_list li .title {
    font-size: 4.5vw;
  }
}
#sec-exam .more_btn {
  margin: 1em auto 2em;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

#sec-exam .covid19 {
  padding: 28px 0;
}

@media all and (min-width: 1024px) {
  .covid19 {
    padding: 65px 0;
  }
}
.covid19 strong {
  display: block;
  background-color: #b22222;
  width: 100%;
  text-align: center;
  font-size: 15px;
  padding: 15px 0;
  font-weight: 700;
  color: #fff;
  line-height: 2;
  border-radius: 0;
  margin: 0 auto;
}

.covid19 strong a {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.covid19 strong a img {
  width: 30px;
  height: auto;
  margin-left: 20px;
}

@media all and (min-width: 1024px) {
  .covid19 strong {
    width: 100%;
    border-radius: 0;
    font-size: 30px;
  }
}
.covid19 .more_btn {
  display: none;
}

@media all and (min-width: 1024px) {
  .covid19 .more_btn {
    display: block;
    margin-left: auto;
    margin-top: 26px;
  }
}
.covid19 .arrow {
  position: relative;
  width: 80px;
  height: 20px;
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  .covid19 .arrow {
    display: none;
  }
}
.covid19 .arrow a {
  display: block;
  height: 100%;
}

.covid19 .arrow::before,
.covid19 .arrow::after {
  display: block;
  width: 38px;
  height: 4px;
  background-color: #b22222;
  position: absolute;
  bottom: 0;
  content: "";
}

.covid19 .arrow::before {
  left: calc(50% - 38px);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  transform: rotate(10deg);
  transform-origin: right;
}

.covid19 .arrow::after {
  left: 50%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transform: rotate(-10deg);
  transform-origin: left;
}

#news {
  margin-bottom: 50px;
}

@media all and (min-width: 1024px) {
  #news {
    margin-bottom: 15px;
  }
}
@media all and (min-width: 1024px) {
  #news h2 {
    display: none;
  }
}
#news input[type=radio] {
  display: none;
}

#news .blog_tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media all and (min-width: 1024px) {
  #news .blog_tabs {
    justify-content: flex-start;
  }
}
#news .blog_tabs li {
  display: inline-block;
  position: relative;
}

@media all and (min-width: 1024px) {
  #news .blog_tabs li {
    margin-right: 20px;
    width: 94px;
    background-color: #a9a9a9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 25px;
  }
}
#news .blog_tabs li label {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}

@media all and (min-width: 1024px) {
  #news .blog_tabs li label {
    font-size: 20px;
    line-height: 2;
  }
}
@media all and (max-width: 1023px) {
  #news .blog_tabs li {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 22px;
  }
  #news .blog_tabs #blogtab_all,
  #news .blog_tabs #blogtab_maru {
    background-image: url("../../img/lp-img/blogtab_org.png");
    width: 70px;
  }
  #news .blog_tabs #blogtab_fukuoka_kasuga,
  #news .blog_tabs #blogtab_taka,
  #news .blog_tabs #blogtab_saka {
    background-image: url("../../img/lp-img/blogtab_red.png");
    width: 80px;
  }
}
@media all and (min-width: 1024px) {
  #news .blog_tabs li::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 0 0 20px;
    border-color: transparent transparent transparent #a9a9a9;
    position: absolute;
    bottom: 0;
    left: 100%;
  }
}
#news .blog_tab_content {
  margin-bottom: 10px;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content {
    border-bottom: solid 2px #b22222;
    border-top: solid 2px #b22222;
  }
}
#news .blog_tab_content .blog_contents {
  display: none;
  padding: 37px 0 0;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content .blog_contents {
    padding: 50px 86px 50px 66px;
  }
}
#news .blog_tab_content li {
  margin-bottom: 28px;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li {
    margin-bottom: 35px;
  }
}
#news .blog_tab_content li span {
  display: inline-block;
  vertical-align: middle;
}

#news .blog_tab_content li .blog_meta {
  display: block;
  margin-bottom: 10px;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li .blog_meta {
    display: inline-block;
    margin-bottom: 0;
    width: 24%;
  }
}
#news .blog_tab_content li .blog_meta .blog_cat {
  width: 60px;
  line-height: 30px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  background-color: #b22222;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li .blog_meta .blog_cat {
    width: 73px;
    font-size: 12px;
  }
}
#news .blog_tab_content li .blog_meta .store_taka {
  background-color: #b22222;
}

#news .blog_tab_content li .blog_meta .store_saka {
  background-color: #e5156a;
}

#news .blog_tab_content li .blog_meta .store_maru {
  background-color: #db6d09;
}

#news .blog_tab_content li .blog_meta .blog_date {
  text-align: right;
  color: #b22222;
  font-weight: 700;
  font-size: 12px;
  width: 67px;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li .blog_meta .blog_date {
    font-size: 17px;
    width: 100px;
  }
}
#news .blog_tab_content li .blog_link {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li .blog_link {
    width: 75%;
  }
}
#news .blog_tab_content li .blog_link .blog_title {
  font-weight: 700;
  font-size: 12px;
  width: 86%;
  white-space: pre-wrap;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li .blog_link .blog_title {
    font-size: 17px;
    width: calc(100% - 57px);
    overflow: hidden;
    white-space: nowrap;
  }
}
#news .blog_tab_content li .blog_link .blog_btn {
  width: 17px;
  height: 17px;
  background-image: url("../../img/lp-img/icon_bloglink.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
}

@media all and (min-width: 1024px) {
  #news .blog_tab_content li .blog_link .blog_btn {
    width: 27px;
    height: 27px;
  }
}
@media all and (min-width: 1024px) {
  #news #blogtab_allbtn:checked ~ .blog_tabs #blogtab_all,
  #news #blogtab_fukuoka_kasugabtn:checked ~ .blog_tabs #blogtab_fukuoka_kasuga,
  #news #blogtab_takabtn:checked ~ .blog_tabs #blogtab_taka,
  #news #blogtab_sakabtn:checked ~ .blog_tabs #blogtab_saka,
  #news #blogtab_marubtn:checked ~ .blog_tabs #blogtab_maru {
    background-color: #b22222;
  }
  #news #blogtab_allbtn:checked ~ .blog_tabs #blogtab_all::after,
  #news #blogtab_takabtn:checked ~ .blog_tabs #blogtab_taka::after,
  #news #blogtab_fukuoka_kasugabtn:checked ~ .blog_tabs #blogtab_fukuoka_kasuga::after,
  #news #blogtab_sakabtn:checked ~ .blog_tabs #blogtab_saka::after,
  #news #blogtab_marubtn:checked ~ .blog_tabs #blogtab_maru::after {
    border-color: transparent transparent transparent #b22222;
  }
}
#news #blogtab_allbtn:checked ~ .blog_tab_content #blogcontent_all,
#news #blogtab_fukuoka_kasugabtn:checked ~ .blog_tab_content #blogcontent_fukuoka_kasuga,
#news #blogtab_takabtn:checked ~ .blog_tab_content #blogcontent_taka,
#news #blogtab_sakabtn:checked ~ .blog_tab_content #blogcontent_saka,
#news #blogtab_marubtn:checked ~ .blog_tab_content #blogcontent_maru {
  display: block;
}

#news .more_btn {
  margin: 1em auto 0;
}

@media all and (min-width: 1024px) {
  #news .more_btn {
    margin: 1em auto 0;
  }
}
#top_banner .banner {
  width: 100%;
  /*   height: 100px;
  background-color: #a9a9a9; */
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (min-width: 1024px) {
  /*     #top_banner .banner {
      height: 312px; }  */
}
#top_banner .banner p {
  font-size: 20px;
  font-weight: 700;
}

/**/
.bg_gradient {
  text-align: center;
  margin-bottom: 13px;
}

@media all and (min-width: 1024px) {
  .bg_gradient {
    margin-bottom: 25px;
  }
  .bg_gradient.no_margin_bottom {
    margin-bottom: 0;
  }
}
.bg_gradient span {
  display: inline-block;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #ff4500 0%, #ff4500 50%, #b22222 50%, #b22222 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media all and (min-width: 1024px) {
  .bg_gradient span {
    font-size: 40px;
  }
}
/**/
#lp_content {
  background-color: #fff;
  overflow: hidden;
  margin-top: 4em;
}

#lp_content #lp_reasons {
  padding: 80px 0;
  position: relative;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons {
    padding: 294px 0 0;
  }
}
#lp_content #lp_reasons .message {
  position: relative;
  width: 100%;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons .message {
    position: absolute;
    top: 110px;
  }
}
#lp_content #lp_reasons .message strong {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 84%;
  margin: 0 auto 10px;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons .message strong {
    width: 81%;
    margin: 0 auto 24px;
  }
}
#lp_content #lp_reasons .message strong span {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons .message strong span {
    font-size: 48px;
  }
}
#lp_content #lp_reasons .message strong:after {
  display: block;
  width: 100%;
  height: 10px;
  background-color: #fdd000;
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: -1;
  content: "";
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons .message strong:after {
    height: 27px;
    bottom: -10px;
  }
}
#lp_content #lp_reasons h2 {
  text-align: center;
  width: 90%;
  margin: 0 auto 62px;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2 {
    width: 80%;
    font-size: 18px;
    font-weight: 700;
  }
  #lp_content #lp_reasons h2 b {
    font-size: 42px;
  }
}
#lp_content #lp_reasons h2 .__upper,
#lp_content #lp_reasons h2 .__lower {
  display: block;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2 .__upper,
  #lp_content #lp_reasons h2 .__lower {
    display: inline-block;
    color: inherit;
  }
}
#lp_content #lp_reasons h2 .__upper {
  font-size: 3.5vw;
  position: relative;
  margin-bottom: 14px;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2 .__upper {
    margin-bottom: 0;
    font-size: inherit;
  }
}
#lp_content #lp_reasons h2 .__upper::before,
#lp_content #lp_reasons h2 .__upper::after {
  display: block;
  width: 50%;
  height: 4px;
  content: "";
  background-color: #b22222;
  position: absolute;
  top: calc(50% - 2px);
}

#lp_content #lp_reasons h2.h2-reasons-2 .__upper::before,
#lp_content #lp_reasons h2.h2-reasons-2 .__upper::after {
  background-color: #3568AE;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2 .__upper::before,
  #lp_content #lp_reasons h2 .__upper::after {
    display: none;
  }
}
#lp_content #lp_reasons h2 .__upper::before {
  right: 100%;
}

#lp_content #lp_reasons h2 .__upper::after {
  left: 100%;
}

#lp_content #lp_reasons h2 .__lower {
  font-size: 10vw;
  position: relative;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2 .__lower {
    font-size: inherit;
  }
}
#lp_content #lp_reasons h2 .__lower::after {
  display: block;
  width: 200%;
  height: 4px;
  content: "";
  background-color: #b22222;
  position: absolute;
  bottom: -16px;
  left: -50%;
}

#lp_content #lp_reasons h2.h2-reasons-2 .__lower::after {
  background-color: #3568AE;
}

@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2 .__lower::after {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  #lp_content #lp_reasons h2::after {
    width: 200%;
    height: 4px;
    content: "";
    background-color: #ff4500;
    position: absolute;
    bottom: -16px;
    left: -50%;
  }
  #lp_content #lp_reasons h2.h2-reasons-2::after {
    background-color: #3568AE;
  }
}
#lp_content .reason_card {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 35px;
}

#lp_content .reasons-2 .reason_card {
  overflow: hidden;
  background-color: #4F59B8;
}

#lp_content .reasons-2 .reason_card::before {
  content: "";
  display: block;
  position: absolute;
  transform: skewY(-20deg);
  background: #4F7CB8;
  border-bottom: 15px solid #3848AF;
  width: 100%;
  height: 60%;
  left: 0;
  top: -25%;
}

#lp_content .reasons-2 .reason_card::after {
  content: "";
  display: block;
  position: absolute;
  transform: skewY(-20deg);
  background: #B4B4B4;
  border-top: 15px solid #3848AF;
  width: 100%;
  height: 60%;
  right: 0;
  bottom: -25%;
}

@media all and (min-width: 1024px) {
  #lp_content .reasons-2 .reason_card::before {
    width: 50%;
    height: 100%;
    left: -20%;
    top: 0;
    transform: skewX(-30deg);
    border-bottom: none;
    border-right: 15px solid #3848AF;
  }
  #lp_content .reasons-2 .reason_card::after {
    width: 50%;
    height: 100%;
    right: -20%;
    top: 0;
    transform: skewX(-30deg);
    border-top: none;
    border-left: 15px solid #3848AF;
  }
}
#lp_content .reason_card_innergrid {
  position: relative;
  z-index: 1;
}

#lp_content .reasons-2 .reason_card .reason_card_innergrid {
  padding: 2em 0;
}

@media all and (min-width: 1024px) {
  #lp_content .reasons-2 .reason_card .reason_card_innergrid {
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
  }
}
#lp_content .reasons-2 .reason_card:nth-child(odd) .reason_card_innergrid {
  flex-direction: row-reverse;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
}
#lp_content .reason_card_innergrid .__h3 {
  margin-bottom: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .__h3 {
    padding-left: 35px;
    padding-top: 18px;
    margin-bottom: 0;
  }
}
#lp_content .reasons-2 .reason_card .reason_card_innergrid .__h3 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  #lp_content .reasons-2 .reason_card .reason_card_innergrid .__h3 {
    width: 40%;
  }
}
#lp_content .reason_card_innergrid .__h3 h3 {
  color: #fff;
  border-bottom: solid 1px #fff;
  display: inline-block;
  padding-bottom: 0.5rem;
  font-weight: bold;
}

#lp_content .reason_card_innergrid .__h3 h3 .h3_no {
  font-size: 49px;
  display: inline-block;
  margin-right: 16px;
  line-height: 1;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .__h3 h3 .h3_no {
    font-size: 62px;
  }
}
#lp_content .reason_card_innergrid .__h3 h3 .h3_title {
  font-size: 21px;
  display: inline-block;
  line-height: 1;
  padding-left: 16px;
  border-left: solid 1px #fff;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .__h3 h3 .h3_title {
    font-size: 26px;
    font-weight: 900;
  }
}
#lp_content .reason_card_innergrid .__h3 h3 .h3_title i {
  font-style: normal;
  margin-bottom: 4px;
}

#lp_content .reasons-2 .reason_card_innergrid figure {
  overflow: hidden;
  width: 90%;
  margin: 1em auto 0;
}

@media all and (min-width: 1024px) {
  #lp_content .reasons-2 .reason_card_innergrid figure {
    width: 55%;
    margin: 0 auto;
  }
}
#lp_content .reasons-2 .reason_card_innergrid .description {
  padding: 0 !important;
}

#lp_content .reasons-2 .reason_card_innergrid .description p {
  color: white;
  font-weight: bold;
  margin-top: 1em;
  line-height: 1.6;
}

#lp_content .reasons-2 .reason_card_innergrid .description p b {
  text-decoration: underline;
  text-decoration-thickness: 0.3em;
  text-decoration-color: #FDD000;
  text-underline-offset: 0;
  text-decoration-skip-ink: none;
}

#lp_content .reason_card_innergrid figure img {
  display: block;
  width: 100%;
}

#lp_content .reason_card_innergrid .user_voice .user_voice_card {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 18px 17px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .user_voice .user_voice_card {
    padding: 20px 18px;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
  }
}
#lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_title {
  padding-left: 36px;
  font-size: 16px;
  position: relative;
  margin-bottom: 13px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_title {
    padding-left: 45px;
    margin-bottom: 16px;
  }
}
#lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_title::before {
  display: block;
  content: "";
  background-image: url("../../img/lp-img/icon_voice.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  top: calc(50% - 14px);
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_title::before {
    width: 35px;
    height: 35px;
    top: calc(50% - 17px);
  }
}
#lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_stars {
  color: #ff4500;
  margin-bottom: 8px;
}

#lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_stars small {
  color: #000000;
  font-size: 12px;
  margin-left: 0.5em;
}

#lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_content {
  line-height: 1.5;
  font-size: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .user_voice .user_voice_card .voice_content {
    font-size: 16px;
  }
}
#lp_content .reason_card_innergrid .user_voice .user_voice_card::before {
  width: calc(100% - 9px);
  height: calc(100% - 9px);
  border: solid 1px #ff4500;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .user_voice .user_voice_card::before {
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
  }
}
@media all and (max-width: 1023px) {
  #lp_content .reason_card_innergrid .user_voice .user_voice_card::after {
    width: calc(100% - 13px);
    height: calc(100% - 13px);
    border: solid 1px #ff4500;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
  }
}
#lp_content .reason_card_innergrid .__trr .user_voice_card {
  border-top-left-radius: 15px;
  border-top-right-radius: 0%;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .__trr .user_voice_card {
    border-top-left-radius: 28px;
  }
}
#lp_content .reason_card_innergrid .__trr .user_voice_card::before {
  border-top-left-radius: 15px;
  border-top-right-radius: 0%;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .__trr .user_voice_card::before {
    border-top-left-radius: 28px;
  }
}
@media all and (max-width: 1023px) {
  #lp_content .reason_card_innergrid .__trr .user_voice_card::after {
    border-top-left-radius: 15px;
    border-top-right-radius: 0%;
  }
}
#lp_content .reason_card_innergrid .__tlr .user_voice_card {
  border-top-left-radius: 0%;
  border-top-right-radius: 15px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card_innergrid .__tlr .user_voice_card {
    border-top-right-radius: 28px;
  }
}
#lp_content .reason_card_innergrid .__tlr .user_voice_card::before {
  border-top-left-radius: 0%;
  border-top-right-radius: 28px;
}

@media all and (max-width: 1023px) {
  #lp_content .reason_card_innergrid .__tlr .user_voice_card::after {
    border-top-left-radius: 0%;
    border-top-right-radius: 28px;
  }
}
#lp_content .reason_card .pie_chart {
  border-radius: 50%;
  background: #ff4500;
  background-image: linear-gradient(to right, transparent 50%, #a9a9a9 0);
  position: absolute;
  width: 258px;
  height: 258px;
  top: calc(50% - 129px);
  left: calc(50% - 129px);
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .pie_chart {
    width: 390px;
    height: 390px;
    top: calc(50% - 195px);
    left: calc(50% - 195px);
  }
}
#lp_content .reason_card .pie_chart::before {
  content: "";
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0/50%;
  background-color: inherit;
  transform-origin: left;
  transform: rotate(72deg);
}

#lp_content .reason_card .major,
#lp_content .reason_card .minor {
  position: absolute;
}

#lp_content .reason_card .major span,
#lp_content .reason_card .minor span {
  color: #fff;
}

#lp_content .reason_card .major .percent,
#lp_content .reason_card .minor .percent {
  position: absolute;
}

#lp_content .reason_card .major .person,
#lp_content .reason_card .minor .person {
  position: absolute;
  font-size: 14px;
  line-height: 2;
  border: solid 4px #fff;
  border-radius: 4px;
  padding: 0 1.5em;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .major .person,
  #lp_content .reason_card .minor .person {
    border: solid 2px #fff;
  }
}
#lp_content .reason_card .major {
  width: 158px;
  height: 148px;
  bottom: -33px;
  left: -26px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .major {
    width: 260px;
    height: 160px;
    bottom: 14px;
    left: -62px;
  }
}
#lp_content .reason_card .major .percent {
  font-size: 35px;
  font-weight: 700;
  right: 0;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .major .percent {
    font-size: 50px;
  }
}
#lp_content .reason_card .major .percent small {
  font-size: 20px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .major .percent small {
    font-size: 25px;
  }
}
#lp_content .reason_card .major .percent::after {
  display: block;
  width: 102px;
  height: 62px;
  content: "";
  background-image: url("../../img/lp-img/pieguide_mj_sp.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(100% + 5px);
  right: 26px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .major .percent::after {
    background-image: url("../../img/lp-img/pieguide_mj.png");
    width: 154px;
    height: 91px;
    top: calc(100% + 5px);
    right: 26px;
  }
}
#lp_content .reason_card .major .person {
  bottom: 0;
}

#lp_content .reason_card .minor {
  width: 148px;
  height: 117px;
  top: -33px;
  left: calc(50% + 24px);
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .minor {
    width: 220px;
    height: 98px;
    top: 18px;
    left: calc(50% + 45px);
  }
}
#lp_content .reason_card .minor .percent {
  font-size: 26px;
  font-weight: 700;
  left: 0;
  bottom: 0;
}

#lp_content .reason_card .minor .percent small {
  font-size: 13px;
}

#lp_content .reason_card .minor .percent::after {
  display: block;
  width: 65px;
  height: 38px;
  content: "";
  background-image: url("../../img/lp-img/pieguide_mn_sp.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 100%;
  left: 34px;
}

@media all and (min-width: 1024px) {
  #lp_content .reason_card .minor .percent::after {
    background-image: url("../../img/lp-img/pieguide_mn.png");
    width: 120px;
    height: 57px;
    bottom: 100%;
    left: 34px;
  }
}
#lp_content .reason_card .minor .person {
  right: 0;
  top: 0;
}

#lp_content .__reason1 {
  background-image: url("../../img/lp-img/reason1_spbg.png");
  padding: 24px 13px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 {
    height: 442px;
    background-image: url("../../img/lp-img/reasoncardbg.png");
    padding: 28px;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid {
    grid-template-rows: 90px 108px 1fr;
    grid-template-columns: 580px 1fr;
  }
}
@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid .__h3 {
    grid-row: 1;
    grid-column: 2;
  }
}
#lp_content .__reason1 .reason_card_innergrid figure {
  margin-bottom: 21px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid figure {
    grid-column: 1;
    grid-row: 1/4;
    margin-bottom: 0;
  }
}
#lp_content .__reason1 .reason_card_innergrid figure img.__pc {
  display: none;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid figure img.__pc {
    display: block;
  }
}
#lp_content .__reason1 .reason_card_innergrid figure img.__sp {
  display: block;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid figure img.__sp {
    display: none;
  }
}
#lp_content .__reason1 .reason_card_innergrid .trainers {
  position: absolute;
  width: 146px;
  height: 46px;
  right: 0;
  top: 82px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid .trainers {
    width: 240px;
    height: 75px;
    top: 105px;
  }
}
#lp_content .__reason1 .reason_card_innergrid .trainers img {
  display: block;
  width: 100%;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid .user_voice {
    grid-row: 3;
    grid-column: 2;
    padding-left: 35px;
  }
}
#lp_content .__reason1 .reason_card_innergrid .description {
  margin-bottom: 2em;
  width: 100%;
  margin-top: 1em;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid .description {
    grid-column: 2;
    grid-row: 2;
    padding-top: 10px;
    padding-left: 35px;
    margin-bottom: 0;
  }
}
#lp_content .__reason1 .reason_card_innergrid .description .note {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason1 .reason_card_innergrid .description .note {
    font-size: 15px;
    text-align: left;
  }
}
#lp_content .__reason2 {
  background-image: url("../../img/lp-img/reason2_spbg.png");
  padding: 24px 13px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 {
    height: 442px;
    background-image: url("../../img/lp-img/reasoncardbg.png");
    padding: 28px;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid {
    grid-template-rows: 100px 130px 1fr;
    grid-template-columns: 50% 50%;
  }
}
#lp_content .__reason2 .reason_card_innergrid .__h3 {
  margin-bottom: 60px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid .__h3 {
    grid-column: 1;
    margin-bottom: 0;
  }
}
#lp_content .__reason2 .reason_card_innergrid figure {
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  width: 264px;
  height: 264px;
  margin-top: 33px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid figure {
    grid-column: 2;
    grid-row: 1/4;
    margin-left: 24px;
    margin-right: 0;
    width: 408px;
    height: 408px;
    margin-top: -14px;
    margin-bottom: 0;
  }
}
#lp_content .__reason2 .reason_card_innergrid .description {
  margin-bottom: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid .description {
    margin-bottom: 0;
  }
}
#lp_content .__reason2 .reason_card_innergrid .description ul {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  width: 72%;
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid .description ul {
    padding-top: 8px;
    padding-left: 64px;
    width: 443px;
    margin: 0;
  }
}
#lp_content .__reason2 .reason_card_innergrid .description ul li {
  display: block;
  width: 70px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid .description ul li {
    width: 78px;
  }
}
#lp_content .__reason2 .reason_card_innergrid .description ul li img {
  display: block;
  max-width: 100%;
  max-height: 70px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid .description ul li img {
    max-height: 78px;
  }
}
#lp_content .__reason2 .reason_card_innergrid .description ul li span {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  vertical-align: bottom;
  display: inline-block;
  width: 100%;
  text-align: center;
}

#lp_content .__reason2 .reason_card_innergrid .description ul li span small {
  font-size: 27px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason2 .reason_card_innergrid .user_voice {
    grid-row: 3;
    grid-column: 1;
    padding-left: 35px;
    padding-right: 60px;
  }
}
#lp_content .__reason3 {
  background-image: url("../../img/lp-img/reason3_spbg.png");
  padding: 24px 13px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 {
    height: 442px;
    background-image: url("../../img/lp-img/reasoncardbg.png");
    padding: 28px;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid {
    grid-template-rows: 90px 90px 90px 1fr;
    grid-template-columns: 196px 396px 1fr;
  }
}
@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .__h3 {
    grid-column: 3;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description {
  margin-bottom: 42px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description {
    grid-column: 3;
    grid-row: 2;
    padding-top: 10px;
    padding-left: 35px;
    margin-bottom: 0;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .balloon {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  padding-top: 1em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../img/lp-img/reason3_balloonspbg.png");
  width: 100%;
  height: 136px;
  margin: 0 auto 28px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .balloon {
    height: 60px;
    background-image: url("../../img/lp-img/reason3_balloonbg.png");
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .pricelist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .pricelist {
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .pricelist li {
  width: 73%;
  height: 98px;
  background-color: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 26px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .pricelist li {
    width: 190px;
    height: 72px;
    padding: 8px 0;
    margin-bottom: 0;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .pricelist li .price {
  color: #ff4500;
  font-size: 40px;
  font-weight: 700;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .pricelist li .price {
    font-size: 30px;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .pricelist li .price small {
  font-size: 28px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .pricelist li .price small {
    font-size: 20px;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .pricelist li .term {
  font-size: 20px;
  border-top: solid 2px #ff4500;
  font-weight: 700;
  margin-top: 5px;
  padding-top: 5px;
  display: inline-block;
  color: #ff4500;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .pricelist li .term {
    font-size: 16px;
    border-top: solid 2px #000;
    color: #000000;
  }
}
#lp_content .__reason3 .reason_card_innergrid .description .note {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .description .note {
    font-size: 15px;
  }
}
#lp_content .__reason3 .reason_card_innergrid .comment {
  display: none;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .comment {
    display: block;
    grid-column: 1;
    grid-row: 1/3;
    padding-top: 48px;
    padding-right: 8px;
    margin-bottom: 0;
  }
}
#lp_content .__reason3 .reason_card_innergrid .comment p {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 1.75;
  color: #fff;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .comment p {
    font-size: 15px;
  }
}
#lp_content .__reason3 .reason_card_innergrid .illust {
  width: 47%;
  margin: 0 auto;
  padding-top: 23px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid .illust {
    grid-column: 1;
    grid-row: 3/5;
    padding-right: 8px;
    padding-top: 0;
    width: 100%;
    margin: 0;
    max-height: 100%;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure {
  background-color: #fff;
  padding: 14px 12px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure {
    grid-column: 2;
    grid-row: 1/5;
    padding: 12px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .figtitle {
  font-size: 20px;
  font-weight: 700;
  color: #b22222;
  text-align: center;
  margin-bottom: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .figtitle {
    font-size: 22px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare {
  display: flex;
  padding: 0 8px 4px;
  justify-content: space-between;
  border-bottom: dashed 2px #696969;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare {
    padding: 0 10px 10px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block {
  width: 29%;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block {
    width: 101px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .logo {
  width: 100%;
  height: 16px;
  margin-bottom: 10px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .logo {
    height: 28px;
    margin-bottom: 0;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .logo img {
  display: block;
  width: 53px;
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .logo img {
    width: 63px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .compete {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .compete b {
  font-size: 17px;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .price {
  color: #ff4500;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .price small {
  font-size: 14px;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .term {
  font-size: 10px;
  font-weight: 700;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .term {
    font-size: 12px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare .comp_block .term b {
  font-size: 14px;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart {
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  border-bottom: solid 2px #696969;
  height: 190px;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare_chart {
    height: 225px;
    padding: 0 10px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart {
  width: 29%;
  height: 100%;
  position: relative;
}

@media all and (min-width: 1024px) {
  #lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart {
    width: 101px;
  }
}
#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart::after {
  display: block;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart_bon {
  background-color: rgba(178, 34, 34, 0.15);
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart_bon p {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  top: 74px;
  left: calc(50% - 58px);
  white-space: nowrap;
  transform: rotate(-5deg);
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart_bon p b {
  font-size: 22px;
  padding-left: 54px;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart_bon::after {
  height: 17%;
  background-color: #b22222;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart_a::after {
  height: 50%;
  background-color: #a9a9a9;
}

#lp_content .__reason3 .reason_card_innergrid figure .compare_chart .chart_b::after {
  height: 100%;
  background-color: #a9a9a9;
}

#lp_content article#achievement em {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  font-style: normal;
  display: block;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em {
    font-size: 26px;
  }
}
#lp_content article#achievement em .__span_block {
  display: block;
  text-align: center;
  font-size: 30px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em .__span_block {
    display: inline;
    font-size: inherit;
  }
}
#lp_content article#achievement em.__grad_letter {
  color: #ff4500;
  padding: 15px 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em.__grad_letter {
    padding: 34px 0;
  }
}
#lp_content article#achievement em.__grad_letter .__letter {
  background: linear-gradient(to right, #ff4500 0%, #b22222 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em.__grad_letter .__letter {
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
  }
}
#lp_content article#achievement .shortterm_figure {
  width: 100%;
  height: calc((100vw - 6px) * 1.58);
  background-image: url("../../img/lp-img/lp_plan_bgsp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding-top: calc((100vw - 6px) * 1.58 * 0.41);
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure {
    height: 485px;
    background-image: url("../../img/lp-img/lp_plan_bg.jpg");
    padding-top: 0;
  }
}
#lp_content article#achievement .shortterm_figure p {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 278px;
  height: 55px;
  margin: 0 auto 1.5em;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure p {
    position: absolute;
    background-size: contain;
    height: 75px;
    width: auto;
    margin: 0;
  }
}
#lp_content article#achievement .shortterm_figure p span {
  font-size: 14px;
  font-weight: 700;
  color: #ff4500;
  line-height: 1.25;
  text-align: left;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure p span {
    font-size: 18px;
  }
}
#lp_content article#achievement .shortterm_figure .__ul {
  background-image: url("../../img/lp-img/plan_ballon_ul.png");
  padding-top: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure .__ul {
    top: 97px;
    left: calc(50% - 490px);
    padding: 18px 45px;
  }
}
#lp_content article#achievement .shortterm_figure .__ur {
  background-image: url("../../img/lp-img/plan_ballon_ur.png");
  padding-top: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure .__ur {
    padding: 18px 45px;
    left: calc(50% + 140px);
    top: 160px;
  }
}
#lp_content article#achievement .shortterm_figure .__ll {
  background-image: url("../../img/lp-img/plan_ballon_ll.png");
  padding-top: 7px;
  width: 224px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure .__ll {
    bottom: 130px;
    left: calc(50% - 464px);
    padding: 12px 45px;
    width: auto;
  }
}
#lp_content article#achievement .shortterm_figure .__lr {
  background-image: url("../../img/lp-img/plan_ballon_lr.png");
  padding-top: 8px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure .__lr {
    padding: 13px 45px;
    left: calc(50% + 166px);
    top: 315px;
  }
}
#lp_content article#achievement .shortterm_figure .__confuse {
  width: 56px;
  height: 40px;
  background-image: url("../../img/lp-img/plan_confuse.png");
  top: 22%;
  left: 50%;
  position: absolute;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure .__confuse {
    left: calc(50% + 91px);
    top: 24px;
    width: 108px;
    height: 77px;
  }
}
#lp_content article#achievement .shortterm_figure::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 28px 0 28px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: calc(50% - 14px);
  content: "";
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .shortterm_figure::before {
    border-width: 26px 32px 0 32px;
  }
}
#lp_content article#achievement em.__grad {
  background: linear-gradient(to right, #ff4500, #b22222);
  color: #fff;
  position: relative;
  padding: 0 0 15px 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em.__grad {
    padding: 34px 0;
  }
}
#lp_content article#achievement em.__grad::before,
#lp_content article#achievement em.__grad::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: calc(50% - 28px);
  content: "";
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em.__grad::before,
  #lp_content article#achievement em.__grad::after {
    left: calc(50% - 32px);
  }
}
#lp_content article#achievement em.__grad::before {
  border-width: 0 28px 28px 28px;
  border-color: transparent transparent #d83211 transparent;
  bottom: calc(100% - 1px);
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em.__grad::before {
    border-width: 0 32px 24px 32px;
  }
}
#lp_content article#achievement em.__grad::after {
  border-width: 28px 28px 0 28px;
  border-color: #d83211 transparent transparent transparent;
  top: calc(100% - 1px);
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement em.__grad::after {
    border-width: 24px 32px 0 32px;
  }
}
#lp_content article#achievement h2 {
  margin: 33px 0;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement h2 {
    margin: 20px 0;
  }
}
#lp_content article#achievement h2 img {
  width: 75%;
  height: auto;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement h2 img {
    width: 644px;
  }
}
#lp_content article#achievement h2::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: calc(50% - 11px);
  content: "";
  border-width: 8px 11px 0 11px;
  border-color: #ffffff transparent transparent transparent;
  top: calc(100% + 33px);
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement h2::after {
    left: calc(50% - 32px);
    top: calc(100% + 20px);
    border-width: 24px 32px 0 32px;
  }
}
#lp_content article#achievement .achievement {
  background-color: #e2e2e2;
  padding: 35px 35px 39px 35px;
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement {
    padding: 32px 0 118px;
    width: 100%;
  }
}
#lp_content article#achievement .achievement .beforeafter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter {
    width: 88%;
    margin: 0 auto;
  }
}
#lp_content article#achievement .achievement .beforeafter li {
  width: 100%;
  margin-bottom: 54px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li {
    width: 42%;
    margin-bottom: 0;
  }
}
#lp_content article#achievement .achievement .beforeafter li h3 {
  background-color: #ff4500;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 26px;
  position: relative;
  margin-bottom: 11px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li h3 {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 17px;
  }
}
#lp_content article#achievement .achievement .beforeafter li h3::before {
  display: block;
  content: "";
  width: 13px;
  height: 100%;
  background-color: #b22222;
  position: absolute;
  right: -50px;
  top: 0;
  transform: skewX(65deg);
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li h3::before {
    width: 20px;
    right: -80px;
  }
}
#lp_content article#achievement .achievement .beforeafter li h3::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 0 0 56px;
  border-color: transparent transparent transparent #ff4500;
  position: absolute;
  left: 100%;
  top: 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li h3::after {
    border-width: 40px 0 0 86px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_lr {
  display: flex;
  position: relative;
}

#lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_fig {
  padding: 30px 7px;
  width: 50%;
  position: relative;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_fig {
    padding: 47px 11px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_fig p {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  top: 22px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_fig p {
    font-size: 30px;
    top: 35px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_lr .__orange {
  background: linear-gradient(-45deg, #ff9973 0%, #ff9973 25%, #ff4500 25%, #ff4500 75%, #ff9973 75%, #ff9973 100%);
}

#lp_content article#achievement .achievement .beforeafter li .ach_lr .__red {
  background: linear-gradient(-45deg, #d58686 0%, #d58686 25%, #b22222 25%, #b22222 75%, #d58686 75%, #d58686 100%);
}

#lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_comment {
  background-image: url("../../img/lp-img/ach_comment1.png");
  bottom: -8px;
  left: -30px;
  width: 172px;
  height: 59px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_comment {
    width: 266px;
    height: 84px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_lr .ach_comment p {
  transform: rotate(2deg);
}

#lp_content article#achievement .achievement .beforeafter li .ach_comment {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}

#lp_content article#achievement .achievement .beforeafter li .ach_comment p {
  color: #ff4500;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: calc(50% - 10px);
  font-size: 12px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_comment p {
    font-size: 16px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_tb {
  position: relative;
}

#lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig {
  padding: 20px 12px;
  width: 100%;
  position: relative;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig {
    padding: 30px 17px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig p {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  top: 10px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig p {
    font-size: 30px;
    top: 14px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig .__b {
  left: 16px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig .__b {
    left: 20px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig .__a {
  left: 157px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_fig .__a {
    left: 244px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_tb .__orange {
  background: linear-gradient(-45deg, #ff9973 0%, #ff9973 25%, #ff4500 25%, #ff4500 75%, #ff9973 75%, #ff9973 100%);
}

#lp_content article#achievement .achievement .beforeafter li .ach_tb .__red {
  background: linear-gradient(-45deg, #d58686 0%, #d58686 25%, #b22222 25%, #b22222 75%, #d58686 75%, #d58686 100%);
}

#lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_comment {
  background-image: url("../../img/lp-img/ach_comment2.png");
  bottom: -16px;
  left: -32px;
  width: 175px;
  height: 52px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_comment {
    bottom: -22px;
    left: -74px;
    width: 271px;
    height: 77px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_tb .ach_comment p {
  transform: rotate(-2deg);
}

#lp_content article#achievement .achievement .beforeafter li .ach_result {
  background-color: #a9a9a9;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding: 14px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_result {
    padding: 20px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_result p {
  font-weight: 700;
  font-size: 18px;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_result p {
    font-size: 26px;
  }
}
#lp_content article#achievement .achievement .beforeafter li .ach_result p span {
  display: block;
  font-size: 10px;
  text-align: center;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .achievement .beforeafter li .ach_result p span {
    font-size: 13px;
  }
}
#lp_content article#achievement strong {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  padding: 0.5em 0;
  background: linear-gradient(to right, #ff4500, #b22222);
  position: relative;
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 6px;
  transform: rotate(-5deg);
  transform-origin: top left;
  z-index: 1;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement strong {
    font-size: 2rem;
    margin-bottom: 0;
  }
}
#lp_content article#achievement strong::after {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #fdd000;
  position: absolute;
  left: 0;
  top: 100%;
  content: "";
}

#lp_content article#achievement .more_btn {
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  #lp_content article#achievement .more_btn {
    margin: 0 0 0 auto;
  }
}
#plan-banner ul {
  margin: 2em auto;
}

#plan-banner ul li:not(:last-of-type) {
  margin-bottom: 1em;
}

@media all and (min-width: 1024px) {
  #plan-banner ul {
    display: flex;
    justify-content: space-between;
  }
  #plan-banner ul li {
    width: 32%;
    margin: 0;
  }
}
#plan-banner ul li a:hover {
  opacity: 0.7;
}

#plan-banner p {
  text-align: center;
  margin: 2em auto;
}

@media all and (min-width: 1024px) {
  #plan-banner p {
    width: 1000px;
  }
}
#lp_content article#trainer {
  padding: 80px 0 0 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer {
    padding: 40px 0 0 0;
  }
}
#lp_content article#trainer > h2 {
  font-size: 24px;
  padding: 0 5vw;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#lp_content article#trainer > h2 br {
  display: inline;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer > h2 {
    font-size: 40px;
  }
  #lp_content article#trainer > h2 br {
    display: none;
  }
}
#lp_content article#trainer .trainers {
  width: 95%;
  margin: 0 auto;
}

#lp_content article#trainer .trainers.sp_full_width {
  width: 100%;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers {
    width: 100%;
  }
}
#lp_content article#trainer .trainers h3 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 109px;
  text-align: center;
  line-height: 35px;
  background: linear-gradient(135deg, #ff4500 0%, #ff4500 50%, #b22222 50%, #b22222 100%);
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers h3 {
    font-size: 30px;
    width: 178px;
    line-height: 57px;
  }
}
#lp_content article#trainer .trainers h3::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 0 24px;
  border-color: transparent transparent transparent #b22222;
  position: absolute;
  top: 0;
  left: 100%;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers h3::after {
    border-width: 57px 0 0 36px;
  }
}
#lp_content article#trainer .trainers .trainer_list {
  background-color: #e2e2e2;
  padding: 11px 0 8px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 8px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #lp_content article#trainer .trainers .trainer_list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #lp_content article#trainer .trainers .trainer_list li {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 12px;
  }
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers .trainer_list {
    padding: 27px 0 24px;
    margin-bottom: 0;
  }
}
#lp_content article#trainer .trainers .trainer_list .__sp_none {
  display: none;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers .trainer_list .__sp_none {
    display: block;
  }
}
#lp_content article#trainer .trainers .trainer_list .trainer_img {
  width: 146px;
  height: 146px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers .trainer_list .trainer_img {
    width: 186px;
    height: 186px;
  }
}
#lp_content article#trainer .trainers .trainer_list .trainer_img img {
  display: block;
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: calc(50% - 73px);
  left: calc(50% - 73px);
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers .trainer_list .trainer_img img {
    border-radius: 100vh;
    width: 178px;
    object-fit: cover;
    height: 178px;
    top: calc(50% - 89px);
    left: calc(50% - 89px);
  }
}
#lp_content article#trainer .trainers .trainer_list p {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-top: 9px;
}

#lp_content article#trainer .trainers .trainer_list p small {
  font-size: 14px;
}

#lp_content article#trainer .trainers .trainer_list .more_btn {
  display: none;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .trainers .trainer_list .more_btn {
    display: block;
    position: absolute;
    right: 26px;
    top: calc(100% + 14px);
  }
}
#lp_content article#trainer .more_btn.__sp_only {
  margin: 44px auto 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#trainer .more_btn.__sp_only {
    display: none;
  }
}
#lp_content article#store {
  padding: 66px 0 0 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#store {
    padding: 58px 0 0 0;
  }
}
#lp_content article#store h2 {
  margin-bottom: 45px;
}

#lp_content article#store .stores {
  background-color: #e2e2e2;
  width: 100%;
  padding: 19px 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#store .stores {
    padding: 37px 0 54px;
  }
}
@media all and (min-width: 1024px) {
  #lp_content article#store .stores .inner {
    max-width: 85%;
  }
}
#lp_content article#store .stores .store_list {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#lp_content article#store .stores .store_list li {
  width: 100%;
  margin-bottom: 33px;
}

#lp_content article#store .stores .store_list li a {
  text-decoration: underline;
}

#lp_content article#store .stores .store_list li a:hover {
  text-decoration: none;
}

@media all and (min-width: 1024px) {
  #lp_content article#store .stores .store_list li {
    width: 31%;
    margin-bottom: 36px;
  }
  #lp_content article#store .stores .store_list li.main_item {
    width: 100%;
  }
}
#lp_content article#store .stores .store_list h3 {
  position: relative;
  padding-left: 35px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

#lp_content article#store .stores .store_list h3::before {
  display: block;
  width: 28px;
  height: 29px;
  content: "";
  background-image: url("../../img/lp-img/icon_boneedz.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: calc(50% - 13px);
}

#lp_content article#store .stores .store_list h3::after {
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #ff4500;
  position: absolute;
  left: 0;
  bottom: -10px;
}

#lp_content article#store .stores .store_list h3 span {
  vertical-align: middle;
}

#lp_content article#store .stores .store_list h3 span.__store {
  font-size: 20px;
}

#lp_content article#store .stores .store_list h3 span.__hour {
  font-size: 14px;
  margin-left: 1.5em;
}

#lp_content article#store .stores .store_list p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 9px;
}

#lp_content article#store .stores .store_list .access_map {
  width: 100%;
  height: 213px;
}

#lp_content article#store .stores .store_list .access_map iframe {
  width: 100%;
  height: 100%;
}

@media all and (min-width: 1024px) {
  #lp_content article#store .stores .store_list li h3 {
    padding-left: 32px;
    display: flex;
    align-items: center;
  }
}
@media all and (min-width: 1024px) {
  #lp_content article#store .stores .store_list li h3 span.__store {
    font-size: 18px;
  }
}
@media all and (min-width: 1024px) {
  #lp_content article#store .stores .store_list li h3::before {
    width: 25px;
    height: 26px;
  }
}
@media all and (min-width: 1024px) {
  #lp_content article#store .stores .store_list li .access_map {
    height: 420px;
  }
}
#lp_content article#store .more_btn {
  margin: 2em auto;
}

@media all and (min-width: 1024px) {
  #lp_content article#store .more_btn {
    margin: 2em auto 0;
  }
}
#lp_content article#qanda {
  padding: 56px 0 0 0;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda {
    padding: 34px 0 0 0;
  }
}
#lp_content article#qanda h2 {
  margin-bottom: 18px;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda h2 {
    margin-bottom: 30px;
  }
}
#lp_content article#qanda .faqs {
  margin-bottom: 16px;
}

#lp_content article#qanda .faqs input[type=checkbox] {
  display: none;
}

#lp_content article#qanda .faqs .questions li {
  margin-bottom: 16px;
  padding: 16px 0;
  text-align: center;
  border-bottom: solid 1px #a9a9a9;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda .faqs .questions li {
    border-bottom: dashed 1px #ff4500;
    margin-bottom: 0;
    text-align: left;
    padding: 8px 0;
  }
}
#lp_content article#qanda .faqs .questions p.__q .__qtxt,
#lp_content article#qanda .faqs .questions p.__a .__atxt {
  font-size: 16px;
  font-weight: 700;
  display: block;
  line-height: 2;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda .faqs .questions p.__q .__qtxt,
  #lp_content article#qanda .faqs .questions p.__a .__atxt {
    display: inline-block;
  }
}
#lp_content article#qanda .faqs .questions p.__q .__qno {
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 59px;
  height: 35px;
  margin: 0 auto 10px;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda .faqs .questions p.__q .__qno {
    display: inline-block;
    width: 49px;
    height: 29px;
    vertical-align: middle;
    margin: 0 8px 0 0;
  }
}
#lp_content article#qanda .faqs .questions p.__q label {
  cursor: pointer;
  display: block;
  position: relative;
}

#lp_content article#qanda .faqs .questions p.__q label .__btn {
  display: block;
  background-image: url("../../img/lp-img/faq_open_sp.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 36px;
  height: 20px;
  margin: 0 auto;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda .faqs .questions p.__q label .__btn {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 18px;
    height: 18px;
    background-image: url("../../img/lp-img/faq_open.png");
    margin: 0;
  }
}
#lp_content article#qanda .faqs .questions .__q__1 .__q .__qno {
  background-image: url("../../img/lp-img/faq_q1.png");
}

#lp_content article#qanda .faqs .questions .__q__2 .__q .__qno {
  background-image: url("../../img/lp-img/faq_q2.png");
}

#lp_content article#qanda .faqs .questions .__q__3 .__q .__qno {
  background-image: url("../../img/lp-img/faq_q3.png");
}

#lp_content article#qanda .faqs .questions .__q__4 .__q .__qno {
  background-image: url("../../img/lp-img/faq_q4.png");
}

#lp_content article#qanda .faqs .questions p.__a {
  height: 0;
  visibility: hidden;
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda .faqs .questions p.__a .__atxt {
    padding-left: 70px;
  }
}
#lp_content article#qanda .faqs #faq_check1:checked ~ .questions .__q__1 .__q .__btn,
#lp_content article#qanda .faqs #faq_check2:checked ~ .questions .__q__2 .__q .__btn,
#lp_content article#qanda .faqs #faq_check3:checked ~ .questions .__q__3 .__q .__btn,
#lp_content article#qanda .faqs #faq_check4:checked ~ .questions .__q__4 .__q .__btn {
  background-image: url("../../img/lp-img/faq_close_sp.png");
}

@media all and (min-width: 1024px) {
  #lp_content article#qanda .faqs #faq_check1:checked ~ .questions .__q__1 .__q .__btn,
  #lp_content article#qanda .faqs #faq_check2:checked ~ .questions .__q__2 .__q .__btn,
  #lp_content article#qanda .faqs #faq_check3:checked ~ .questions .__q__3 .__q .__btn,
  #lp_content article#qanda .faqs #faq_check4:checked ~ .questions .__q__4 .__q .__btn {
    background-image: url("../../img/lp-img/faq_close.png");
  }
}
#lp_content article#qanda .faqs #faq_check1:checked ~ .questions .__q__1 .__a,
#lp_content article#qanda .faqs #faq_check2:checked ~ .questions .__q__2 .__a,
#lp_content article#qanda .faqs #faq_check3:checked ~ .questions .__q__3 .__a,
#lp_content article#qanda .faqs #faq_check4:checked ~ .questions .__q__4 .__a {
  height: auto;
  visibility: visible;
}

#lp_content article#qanda .more_btn {
  margin: 0 auto;
}

/**/
.line_banner {
  margin-bottom: 45px;
  margin-left: 16px;
  margin-right: 16px;
}

@media all and (min-width: 1024px) {
  .line_banner {
    margin-left: 0;
    margin-right: 0;
  }
}
#contact {
  padding: 60px 0;
  background-color: #fff;
  overflow: hidden;
}

@media all and (min-width: 1024px) {
  #contact {
    padding: 30px 0 60px;
  }
}
@media all and (min-width: 1024px) {
  #contact .contact_wrapper {
    width: 934px;
    margin: 0 auto;
  }
}
#contact .contact_wrapper .contact_head {
  background-image: url("../../img/lp-img/contacthead_spbg.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 32px;
  height: 48vw;
  position: relative;
  padding: 30px 0 0 0;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head {
    background: none;
    margin-bottom: 26px;
    height: auto;
    padding: 0;
  }
}
#contact .contact_wrapper .contact_head h2,
#contact .contact_wrapper .contact_head em,
#contact .contact_wrapper .contact_head p {
  width: 246px;
  margin-left: auto;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head h2,
  #contact .contact_wrapper .contact_head em,
  #contact .contact_wrapper .contact_head p {
    margin-left: 0;
    width: 100%;
  }
}
#contact .contact_wrapper .contact_head h2 {
  background: rgba(255, 255, 255, 0.7);
  line-height: 30px;
  margin-bottom: 12px;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head h2 {
    margin-bottom: 24px;
    width: 100%;
    background: none;
    line-height: 1;
  }
}
#contact .contact_wrapper .contact_head h2 span {
  font-size: 20px;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head h2 span {
    font-size: 68px;
  }
}
#contact .contact_wrapper .contact_head em {
  font-size: 14px;
  font-weight: 700;
  display: block;
  color: #fff;
  font-style: normal;
  margin-bottom: 10px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head em {
    font-size: 36px;
    text-align: center;
    margin-bottom: 16px;
    color: inherit;
    text-shadow: none;
  }
}
#contact .contact_wrapper .contact_head p {
  font-size: 10px;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  margin-bottom: 5px;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head p {
    font-size: 16px;
    text-align: center;
    color: inherit;
    text-shadow: none;
  }
}
@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_head .gradient_banner {
    display: none;
  }
}
#contact .contact_wrapper .contact_content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content {
    align-items: stretch;
  }
}
#contact .contact_wrapper .contact_content .contact_fig_pc {
  display: none;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_fig_pc {
    display: block;
    width: 414px;
    position: relative;
    overflow: hidden;
    background-image: url("../../img/lp-img/contact_image.jpg");
    background-size: cover;
    background-position: center 10%;
  }
  #contact .contact_wrapper .contact_content .contact_fig_pc img {
    height: 100%;
  }
  #contact .contact_wrapper .contact_content .contact_fig_pc .gradient_banner {
    position: absolute;
    top: calc(80% - 30px);
    left: 0;
    width: calc(100% + 30px);
  }
  #contact .contact_wrapper .contact_content .contact_fig_pc .contact_lead {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 151px;
  }
  #contact .contact_wrapper .contact_content .contact_fig_pc .contact_lead img {
    width: 100%;
  }
}
#contact .contact_wrapper .contact_content .contact_form {
  width: 100%;
  font-size: 16px;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form {
    width: 510px;
    font-size: 12px;
  }
  #contact .contact_wrapper .contact_content .contact_form .inner {
    padding: 0;
  }
}
@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form ul {
    background-color: #e6e6e6;
    padding: 20px 28px;
  }
}
#contact .contact_wrapper .contact_content .contact_form li {
  margin-bottom: 1em;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form li {
    margin-bottom: 4px;
  }
}
#contact .contact_wrapper .contact_content .contact_form li label {
  font-weight: 700;
}

#contact .contact_wrapper .contact_content .contact_form li .form_label {
  display: block;
  margin-bottom: 0.5em;
}

#contact .contact_wrapper .contact_content .contact_form li .textarea_label {
  color: #696969;
  display: flex;
  align-items: center;
}

#contact .contact_wrapper .contact_content .contact_form li .textarea_label:after {
  content: "";
  display: inline-block;
  background: url("../../img/lp-img/faq_open.png") no-repeat center;
  background-size: cover;
  margin-left: 1em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
}

#contact .contact_wrapper .contact_content .contact_form li .textarea_label:hover {
  opacity: 0.7;
  cursor: pointer;
}

#contact .contact_wrapper .contact_content .contact_form li .textarea_label + textarea {
  display: none;
}

#contact .contact_wrapper .contact_content .contact_form li .form_label .required {
  display: inline-block;
  margin-left: 1em;
  color: #fff;
  background-color: #ff4500;
  padding: 0 1em;
  line-height: 1.5;
  border-radius: 8px;
}

#contact .contact_wrapper .contact_content .contact_form li .form_label .any {
  display: inline-block;
  margin-left: 1em;
  color: #fff;
  background-color: #696969;
  padding: 0 1em;
  line-height: 1.5;
  border-radius: 8px;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form li span.mwform-checkbox-field,
  #contact .contact_wrapper .contact_content .contact_form li input[type=text],
  #contact .contact_wrapper .contact_content .contact_form li select,
  #contact .contact_wrapper .contact_content .contact_form li textarea {
    margin-left: 12px;
  }
}
#contact .contact_wrapper .contact_content .contact_form li input[type=text],
#contact .contact_wrapper .contact_content .contact_form li textarea,
#contact .contact_wrapper .contact_content .contact_form li select {
  width: 100%;
  margin-bottom: 0.5em;
  padding: 4px 8px;
}

#contact .contact_wrapper .contact_content .contact_form li textarea {
  resize: none;
}

#contact .contact_wrapper .contact_content .contact_form li .__small {
  font-size: 10px;
  margin-bottom: 1em;
  margin-left: 10px;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form li .__small {
    margin-left: 12px;
    margin-bottom: 0.5em;
  }
}
#contact .contact_wrapper .contact_content .contact_form .__chk_horizontal .vertical-item .mwform-checkbox-field-text {
  vertical-align: middle;
}

@media all and (max-width: 1023px) {
  #contact .contact_wrapper .contact_content .contact_form .__chk_horizontal .vertical-item input[type=checkbox] {
    width: 20px;
    height: 20px;
  }
}
@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form .__chk_horizontal .vertical-item {
    display: inline-block;
    margin-right: 1em;
  }
}
@media all and (max-width: 1023px) {
  #contact .contact_wrapper .contact_content .contact_form .__chk_labelwidth input[type=checkbox] {
    width: 20px;
    height: 20px;
  }
  #contact .contact_wrapper .contact_content .contact_form .__chk_labelwidth .mwform-checkbox-field-text {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    line-height: 1.25;
  }
  #contact .contact_wrapper .contact_content .contact_form .__chk_labelwidth .vertical-item + .vertical-item {
    margin-top: 10px;
  }
}
#contact .contact_wrapper .contact_content .contact_form input[type=submit] {
  display: block;
  margin: 30px auto;
  width: 152px;
  background-color: #ff4500;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}

#contact .contact_wrapper .contact_content .contact_form input[type=submit]:hover {
  opacity: 0.7;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .contact_content .contact_form input[type=submit] {
    width: 60%;
    margin: 1em auto 0;
  }
}
#contact .contact_wrapper .gradient_banner {
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  transform: rotate(-5deg);
  transform-origin: top right;
  margin-left: -15px;
  margin-right: -15px;
}

#contact .contact_wrapper .gradient_banner span {
  display: inline-block;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(135deg, #ff4500 0%, #ff4500 50%, #b22222 50%, #b22222 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media all and (min-width: 1024px) {
  #contact .contact_wrapper .gradient_banner span {
    font-size: 30px;
  }
}
#social {
  background-color: #fff;
}

#social h2 span {
  font-size: 16px;
  line-height: 1.5;
}

@media all and (min-width: 1024px) {
  #social h2 span {
    font-size: 32px;
  }
}
#social .sns_icons {
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}

@media all and (min-width: 1024px) {
  #social .sns_icons {
    margin-bottom: 24px;
  }
}
#social .sns_icons li {
  display: inline-block;
  height: 19px;
}

@media all and (min-width: 1024px) {
  #social .sns_icons li {
    height: 54px;
  }
}
#social .sns_icons li img {
  width: auto;
  height: 100%;
}

@media screen and (max-width: 500px) {
  #social .sns_icons li img {
    width: auto;
    height: auto;
  }
}
#social .youtube_ch a {
  display: block;
  width: 100%;
}

#social .youtube_ch a img {
  width: 100%;
}

#sponsor {
  padding: 35px 0 50px;
  background-color: #fff;
}

@media all and (min-width: 1024px) {
  #sponsor {
    padding: 43px 0;
  }
}
#sponsor .sponsors {
  display: flex;
  flex-wrap: wrap;
}

#sponsor .sponsors li {
  width: 100%;
  text-align: center;
  margin-bottom: 2em;
}

@media all and (min-width: 1024px) {
  #sponsor .sponsors li {
    width: 50%;
    margin-bottom: 0;
  }
}
@media all and (min-width: 1024px) {
  #sponsor .sponsors li:first-child img {
    width: 437px;
  }
}
@media all and (min-width: 1024px) {
  #sponsor .sponsors li:last-child img {
    width: 398px;
  }
}
/**/
.floating_btn {
  position: fixed;
  z-index: 998;
  background: linear-gradient(160deg, #00bda2 0%, #00bda2 50%, #ff9f28 50%, #ff9f28 100%);
  border: solid 4px #fff;
  border-radius: 20px;
  right: 16px;
  bottom: 45px;
  padding: 12px 32px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
}
.floating_btn a {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .floating_btn {
    width: auto;
    height: auto;
    padding: 6px 32px;
    font-size: 16px;
    right: 8px;
    bottom: 8px;
  }
}

.floating_btn a {
  display: block;
  width: 100%;
  height: 100%;
}

.floating_btn a .btn_inner {
  width: 170px;
  height: 64px;
  margin: 5px auto;
  border: solid 2px #fff;
  border-radius: 16px;
  position: relative;
  padding: 12px 0;
}

@media all and (min-width: 1024px) {
  .floating_btn a .btn_inner {
    width: 228px;
    height: 85px;
    margin: 5px auto;
    border: solid 3px #fff;
    border-radius: 20px;
    padding: 16px 0;
  }
}
.floating_btn a .btn_inner span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

@media all and (min-width: 1024px) {
  .floating_btn a .btn_inner span {
    font-size: 22px;
  }
}
.floating_btn a .btn_inner span b {
  font-size: 18px;
}

@media all and (min-width: 1024px) {
  .floating_btn a .btn_inner span b {
    font-size: 26px;
  }
}
body.page article.confirm,
body.page article.complete {
  padding-bottom: 4em;
}

body.page article.confirm .entry-title,
body.page article.complete .entry-title {
  margin: 2em 0;
  font-size: 20px;
  text-align: center;
  color: #ff4500;
}

body.page article.confirm .entry-content .mw_wp_form_confirm ul,
body.page article.complete .entry-content .mw_wp_form_confirm ul {
  margin-bottom: 2em;
}

body.page article.confirm .entry-content .mw_wp_form_confirm ul li,
body.page article.complete .entry-content .mw_wp_form_confirm ul li {
  margin-bottom: 1em;
}

body.page article.confirm .entry-content .mw_wp_form_confirm ul li label.form_label,
body.page article.complete .entry-content .mw_wp_form_confirm ul li label.form_label {
  display: inline-block;
  margin-right: 2em;
}

body.page article.confirm .entry-content .mw_wp_form_confirm ul li label.form_label .required,
body.page article.complete .entry-content .mw_wp_form_confirm ul li label.form_label .required {
  display: none;
}

body.page article.confirm .entry-content .mw_wp_form_confirm input[type=submit],
body.page article.complete .entry-content .mw_wp_form_confirm input[type=submit] {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: inline-block;
  width: 10em;
  line-height: 3;
  border-radius: 10px;
  margin-right: 2em;
  background-color: #e9e9e9;
  font-weight: 700;
  cursor: pointer;
  color: #000000;
}

body.page article.confirm .entry-content .mw_wp_form_confirm input[name=submit],
body.page article.complete .entry-content .mw_wp_form_confirm input[name=submit] {
  background-color: #ff4500;
  color: #fff;
}

/*確認画面*/
.mw_wp_form_preview {
  width: 60%;
  margin: 0 auto;
}

.mw_wp_form_preview ul {
  background-color: #e6e6e6;
  padding: 20px 28px;
}

label.form_label span {
  display: none;
}

.mw_wp_form_preview ul li {
  list-style: none;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  margin-bottom: 15px;
}

label.form_label {
  font-size: 13px;
  margin-bottom: 5px;
}

.mw_wp_form_preview input[type=submit] {
  display: block;
  margin: 30px auto;
  width: 152px;
  background-color: #ff4500;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}

.mw_wp_form_complete {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 0 80px 0;
}

.mw_wp_form_complete .top-button {
  display: block;
  margin: 30px auto;
  width: 152px;
  background-color: #ff4500;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}

.page-title p {
  color: #fff;
}

@media screen and (max-width: 500px) {
  .mw_wp_form_preview {
    width: 90%;
    margin: 0 auto;
  }
}
.text_align_center {
  text-align: center;
}

.text_color_white {
  color: #ffffff;
}

.text_line_height {
  line-height: 1.6;
}

.margin_bottom_low {
  margin-bottom: 36px;
}

@media screen and (max-width: 500px) {
  .margin_bottom_low {
    margin-bottom: 18px;
  }
}
.section_margin_bottom {
  margin-bottom: 118px;
}

@media screen and (max-width: 500px) {
  .section_margin_bottom {
    margin-bottom: 58px;
  }
}
/*add*/
@media screen and (max-width: 500px) {
  #lp_content #lp_reasons {
    padding: 20px 0;
    padding-top: 0;
  }
  #lp_content article#achievement em {
    font-size: 21px;
  }
  #lp_content article#achievement .achievement {
    width: 100%;
  }
  #lp_content article#qanda .faqs .questions p.__q .__qtxt,
  #lp_content article#qanda .faqs .questions p.__a .__atxt {
    font-size: 15px;
  }
  #news {
    margin-bottom: 3em;
  }
  #social .sns_icons {
    width: 85%;
  }
  #social .sns_icons li {
    width: 15%;
  }
  #social .sns_icons li a {
    width: 100%;
    display: inline-block;
  }
  #social .sns_icons li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 15%;
  }
}
@media all and (min-width: 1024px) {
  .footer-nav {
    justify-content: flex-start;
  }
  .footer-nav > li {
    width: 16.6666666667%;
  }
}
#footer .footer-lower .footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}

#footer .footer-lower .footer-logo img {
  width: 150px;
}

#footer .footer-lower .footer-logo .box {
  display: inline-block;
  color: #b22222;
  background-color: white;
  padding: 0.5em 1em;
  margin-left: 1em;
}

.t_c {
  text-align: center;
}