@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
}

body {
  font-size: 1.8rem;
  color: #242323;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

h2 {
  display: inline-block;
  font-size: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  font-weight: 700;
}

h3 {
  font-size: 32px;
  margin-bottom: 16px;
  font-weight: 700;
}

h4 {
  font-size: 26px;
  font-weight: 700;
}

p {
  line-height: 3.6rem;
  margin-bottom: 20px;
  letter-spacing: -1px;
}

.underline_blue {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #a8eaff));
  background: linear-gradient(transparent 50%, #a8eaff 50%);
}

.underline_orange {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(50%, #ff9800));
  background: linear-gradient(transparent 80%, #ff9800 50%);
}

.wrapper {
  width: 80%;
  margin: 0 auto 80px;
}

section {
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.sp-only {
  display: none;
}

.cta-btn {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 999;
}

.cta-btn img {
  width: 280px;
}

.first-view {
  margin-bottom: 0;
}

/* ---message--- */
.message-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 25px;
}

.message-container h4 {
  margin-bottom: 10px;
}

.message-container span {
  font-size: 1.8rem;
}

.message-container .message-content {
  width: 60%;
}

.message-container .message-photo {
  width: 40%;
}

.message-container .message-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}

.worry {
  color: #fff;
  background-color: #707070;
}

.worry h2 {
  width: 100%;
  text-align: center;
}

.worry-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  width: 80%;
  margin: 0 auto;
}

.worry-container .worry-photo {
  width: 40%;
}

.worry-container .worry-content ul li {
  margin-bottom: 30px;
  font-size: 22px;
}

.worry-container .worry-content img {
  width: 30px;
}

.step .step-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
  gap: 10px;
}

.step .step-container .step-img {
  width: 40%;
}

.step .step-container .step-img:nth-child(2) {
  text-align: right;
}

.step .step-container .step-img img {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.step .step-container .step-content {
  width: 80%;
}

.recommend {
  margin-bottom: 0;
  background-color: blanchedalmond;
}

.recommend .recommend-content {
  margin-bottom: 60px;
}

.recommend .recommend-content .recommend-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 25px;
}

.recommend .recommend-content .recommend-container .recommend-photo {
  width: 40%;
}

.recommend .recommend-content .recommend-container .recommend-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}

.recommend .recommend-content .recommend-container .recommend-text {
  width: 60%;
  margin-bottom: 20px;
}

.recommend .recommend-content .recommend-container .recommend-text span {
  font-weight: bold;
}

.recommend .takeuchi-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
}

.recommend .takeuchi-container .takeuchi-banner {
  width: 50%;
  text-align: left;
}

.recommend .takeuchi-container .takeuchi-banner img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.recommend .takeuchi-container .takeuchi-book {
  width: 50%;
  text-align: left;
  text-align: center;
}

.recommend .takeuchi-container .takeuchi-book img {
  width: 70%;
}

.impression .impression-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.impression .impression-container .impression-content {
  width: 60%;
}

.impression .impression-container .impression-img {
  width: 40%;
}

.impression .impression-container .impression-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*アコーディオン全体*/
.accordion-area {
  list-style: none;
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
}

.accordion-area li {
  margin: 10px 0;
}

.accordion-area .list {
  border: 1px solid #707070;
}

/*アコーディオンタイトル*/
.title {
  position: relative;
  /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 2.4rem;
  font-weight: normal;
  padding: 10px 10px 10px 50px;
  background-color: #707070;
  color: #fff;
  border-radius: 10px;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

/*アイコンの＋と×*/
.title::before,
.title::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  background-color: #ff9800;
}

.title::before {
  top: 48%;
  left: 15px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.title::after {
  top: 48%;
  left: 15px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
.title.close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.title.close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;
  /*はじめは非表示*/
  background: #ff9800;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
}

.wpcf7-submit {
  padding: 10px 40px;
  background: #ff9800;
  border-radius: 10px;
}

.wpcf7-text,
.wpcf7-textarea {
  border: 1px solid #707070;
}

.btn {
  text-align: center;
}

.btn img {
  width: 500px;
}
/*# sourceMappingURL=lp.css.map */