@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(//fonts.googleapis.com/css?family=Anton);
@import url(//fonts.googleapis.com/css?family=Oswald&display=swap);
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
.test {
  border: 1px solid red !important;
}

/* =======================================
リセット
======================================= */
body, h1, h2, h3, h4, h5, h6, p, li, ul {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 1.6rem;
  color: #333;
}

html {
  font-size: 62.5%;
}

#wrap {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

@media only screen and (min-width: 769px) {
  .spv {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .pcv {
    display: none !important;
  }
}
/* =======================================
デフォルト
======================================= */
.container h3 {
  line-height: 1.4;
  text-align: center;
  padding: 1em 0 0;
  font-weight: bold;
  color: #555555;
  font-size: 2em;
}
@media only screen and (max-width: 768px) {
  .container h3 {
    line-height: 1.4;
    text-align: center;
    padding: 1.2em 0 0;
    font-size: 1.2em;
  }
}

.container h4 {
  line-height: 1.4;
  text-align: center;
  padding: 1.2em 0 0;
  font-weight: bold;
  color: #555555;
  font-size: 1.8em;
}
@media only screen and (max-width: 768px) {
  .container h4 {
    line-height: 1.4;
    text-align: center;
    padding: 1.2em 0 0;
    font-size: 1.1em;
  }
}

.container h5 {
  line-height: 1.4;
  text-align: center;
  padding: 1.4em 0 0;
  font-weight: bold;
  color: #555555;
  font-size: 1.6em;
}
@media only screen and (max-width: 768px) {
  .container h5 {
    line-height: 1.4;
    text-align: center;
    padding: 1.2em 0 0;
    font-size: 1.1em;
  }
}

img {
  width: 100%;
}

/* =======================================
本文フォーマット
======================================= */
.container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.text .container {
  background-color: #fff;
  max-width: 980px;
  padding: 0px;
}
@media only screen and (max-width: 768px) {
  .text .container {
    padding: 0;
  }
}
.text .container .lp-block-inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 100px 60px;
}
@media only screen and (max-width: 768px) {
  .text .container .lp-block-inner {
    padding: 0 15px 20px;
  }
}
.text .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .text .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}

/* =======================================
サブヘッド
======================================= */
.heading-2 .container {
  width: 100%;
  max-width: 980px;
  background-color: #fff;
}
.heading-2 .container .lp-block-inner {
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .heading-2 .container .lp-block-inner {
    padding: 15px 10px;
  }
}
.heading-2 .container .lp-block-inner h2 {
  text-align: center;
  font-weight: bold;
  line-height: 1.4em;
  font-size: 2.8em;
}
@media only screen and (max-width: 768px) {
  .heading-2 .container .lp-block-inner h2 {
    font-size: 1.5em;
  }
}
.heading-2 .container .lp-block-inner p {
  text-align: center;
  font-size: 1.68em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .heading-2 .container .lp-block-inner p {
    font-size: 1.05em;
  }
}

/* ==========================================================================
h3
========================================================================== */
.h3-u {
  text-align: center;
}
.h3-u h3 {
  color: #f4632e;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: solid 6px #f8936e;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 1.3;
  font-size: 2em;
}
@media only screen and (max-width: 768px) {
  .h3-u h3 {
    padding-bottom: 5px;
    border-bottom: solid 3px #f8936e;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1.2em;
  }
}
.h3-u + p {
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  .h3-u + p {
    padding-top: 30px;
  }
}

.strength h3 {
  color: #fff;
  margin-top: 1.2em;
  padding: 10px 15px 15px;
  padding-left: 60px;
  text-indent: -40px;
  text-align: left;
  background-color: #f4632e;
  border-bottom: 6px solid #f8936e;
}
@media only screen and (max-width: 768px) {
  .strength h3 {
    font-size: 1.2em;
    padding: 5px 10px 8px;
    padding-left: 34px;
    text-indent: -24px;
    border-bottom: 3px solid #f8936e;
  }
}
.strength h3 .number {
  font-family: 'Lato', sans-serif;
  font-size: 1.2em;
  margin-right: 0.2em;
  color: #ffdea9;
}

.img-all {
  display: block;
  width: 100%;
  height: 100%;
  margin: 2.8em auto 0;
}
@media only screen and (max-width: 768px) {
  .img-all {
    display: block;
    width: 100%;
    height: auto;
    margin: 2em auto 0;
  }
}

.img-left {
  order: 0;
  width: 300px;
  height: 100%;
  margin: 2.8em 30px 0 0;
  float: left;
}
@media only screen and (max-width: 768px) {
  .img-left {
    display: block;
    width: 100%;
    height: auto;
    margin: 2em auto 0;
    float: none;
  }
}

.img-right {
  order: 2;
  width: 300px;
  height: 100%;
  margin: 2.8em 0 0 30px;
  float: right;
}
@media only screen and (max-width: 768px) {
  .img-right {
    order: 0;
    display: block;
    width: 100%;
    height: auto;
    margin: 2em auto 0;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .img-sp-under {
    order: 2 !important;
  }
}
.img-pc-w180 {
  width: 180px;
}

.img-pc-w200 {
  width: 200px;
}

.img-pc-w250 {
  width: 250px;
}

.img-pc-w300 {
  width: 300px;
}

.img-pc-w340 {
  width: 340px;
}

.img-pc-w350 {
  width: 350px;
}

.img-pc-w400 {
  width: 400px;
}

.img-pc-w450 {
  width: 450px;
}

.img-pc-w500 {
  width: 500px;
}

.img-pc-w550 {
  width: 550px;
}

.img-pc-w600 {
  width: 600px;
}

.img-pc-w100p {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .img-sp-w100 {
    width: 100%;
  }

  .img-sp-w90 {
    width: 90%;
  }

  .img-sp-w80 {
    width: 80%;
  }

  .img-sp-w70 {
    width: 70%;
  }

  .img-sp-w60 {
    width: 60%;
  }

  .img-sp-w50 {
    width: 50%;
  }

  .img-sp-w30 {
    width: 30%;
  }
}
.img-txt {
  flex: 1;
}

.img-flex {
  display: flex;
  height: 100%;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .img-flex {
    flex-direction: column;
  }
}
#wrap .lp-block .container .lp-block-inner .img-cap {
  font-size: 1.8rem;
  text-align: center;
  padding-top: 10px;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .img-cap {
    font-size: 1.44rem;
    padding-top: 5px;
  }
}

.txt-l-t {
  padding-right: 35%;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .txt-l-t {
    padding-right: 0;
    padding-left: 0;
    padding-top: 55%;
  }
}

.txt-r-t {
  padding-right: 0;
  padding-left: 35%;
}
@media only screen and (max-width: 768px) {
  .txt-r-t {
    padding-right: 0;
    padding-left: 0;
    padding-top: 55%;
  }
}

.txt-l-nt {
  padding-right: 35%;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .txt-l-nt {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }
}

.txt-nr-t {
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .txt-nr-t {
    padding-right: 0;
    padding-left: 0;
    padding-top: 55%;
  }
}

/* =======================================
リスト
======================================= */
.text ul {
  list-style-type: none;
  margin: 2em auto 0;
}
@media only screen and (max-width: 768px) {
  .text ul {
    margin: 1.5em auto 0;
    padding: 0px;
  }
}
.text ul li {
  color: #333;
  font-size: 1.5em;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .text ul li {
    padding-left: 1.2em;
    text-indent: -1.2em;
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
  }
}
.text ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: bold;
  color: #ee292e;
  margin-right: 5px;
}

.text ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  margin: 2em auto 0;
}
@media only screen and (max-width: 768px) {
  .text ol {
    margin: 1.5em auto 0;
    padding: 0px;
  }
}
.text ol li {
  color: #333;
  font-size: 1.5em;
  padding-left: 1.2em;
  text-indent: -1.2em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .text ol li {
    padding-left: 1.2em;
    text-indent: -1.2em;
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
  }
}
.text ol li:before {
  counter-increment: item;
  content: counter(item) ".";
  font-weight: bold;
  font-size: 1.1em;
  color: #ee292e;
  margin-right: 5px;
}

/*============================
ボタンのみの場合
============================*/
.form-contents {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .form-contents {
    padding-top: 7px;
  }
}
.form-contents .btn-form-css {
  padding: 20px 0 10px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  .form-contents .btn-form-css {
    min-width: 260px;
    padding: 0 0 10px;
    margin: 0 auto;
  }
}
.form-contents .btn-form-img {
  padding: 20px 0 0px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  .form-contents .btn-form-img {
    min-width: 260px;
    padding: 10px 0 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .button-form .form-mid-txt {
    padding-bottom: 5px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .button-form .form-bottom-txt {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .button-form .form-bottom-txt {
    padding-top: 10px;
  }
}

/* =======================================
装飾
======================================= */
.ast1 {
  color: #f9efed;
}

.ast2 {
  color: #f8936e;
}

.ast3 {
  color: #f4632e;
}

.r {
  color: #ee292e;
}

.r2 {
  color: #ffe942;
}

.y {
  color: #ffdea9;
}

.bk {
  color: #333;
}

.wb {
  font-weight: bold;
}

.u {
  text-decoration-line: underline;
}

.mk {
  background: -webkit-linear-gradient(top, rgba(255, 222, 169, 0) 70%, #ffdea9 70%);
  background: linear-gradient(to bottom, rgba(255, 222, 169, 0) 70%, #ffdea9 70%);
}

.mk-r {
  background: -webkit-linear-gradient(top, rgba(238, 41, 46, 0) 70%, #ee292e 70%);
  background: linear-gradient(to bottom, rgba(238, 41, 46, 0) 70%, #ee292e 70%);
}

.l {
  font-size: 1.2em;
  line-height: 1.3em;
}

.ll {
  font-size: 1.5em;
  line-height: 1.3em;
}

.lll {
  font-size: 2.3em;
  line-height: 1.3em;
}

.llll {
  font-size: 3.2em;
  line-height: 1.3em;
}

@media only screen and (max-width: 768px) {
  .l {
    font-size: 1.1em;
    line-height: 1.3em;
  }

  .ll {
    font-size: 1.3em;
    line-height: 1.3em;
  }

  .lll {
    font-size: 1.8em;
    line-height: 1.3em;
  }

  .llll {
    font-size: 2.4em;
    line-height: 1.3em;
  }
}
.lsn {
  letter-spacing: -0.4em;
}

.ls {
  letter-spacing: 0.1em;
}

.s {
  font-size: 0.9em;
}

.ss {
  font-size: 0.8em;
}

.c {
  text-align: center;
}

.c-l {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .c-l {
    text-align: left;
  }
}

.l-c {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .l-c {
    text-align: center;
  }
}

.rt {
  text-align: right;
}

.nts {
  font-family: "gsg";
  font-feature-settings: "palt";
}

.idt-p {
  padding-left: 1em !important;
  text-indent: -1em;
}
@media only screen and (max-width: 768px) {
  .idt-p {
    padding-left: 1em !important;
    text-indent: -1em;
  }
}

.idt-pb {
  padding-left: 1em !important;
  text-indent: -1em;
}
@media only screen and (max-width: 768px) {
  .idt-pb {
    padding-left: 0.5em !important;
    text-indent: -1em;
  }
}

.idt-l {
  padding-left: 1.5em !important;
  text-indent: -1.5em;
}
@media only screen and (max-width: 768px) {
  .idt-l {
    padding-left: 1.3em;
    text-indent: -1.3em;
  }
}

.idt-lb {
  padding-left: 1em !important;
  text-indent: -1.5em;
}
@media only screen and (max-width: 768px) {
  .idt-lb {
    padding-left: 0.3em !important;
    text-indent: -1em;
  }
}

.idt-ll {
  padding-left: 2em !important;
  text-indent: -2em;
}
@media only screen and (max-width: 768px) {
  .idt-ll {
    padding-left: 0.4em !important;
    text-indent: -1.4em;
  }
}

.idt-llb {
  padding-left: 1em !important;
  text-indent: -2em;
}
@media only screen and (max-width: 768px) {
  .idt-llb {
    padding-left: 0.5em !important;
    text-indent: -1.2em;
  }
}

.d {
  padding: 0.3em 0;
  background-repeat: repeat-x;
  background-size: 0.9em 0.45em;
  background-position: top left;
  background-image: -webkit-gradient(radial, center center, 0, center center, 1.5, from(#ee292e), color-stop(0.5, #ee292e), color-stop(0.9, transparent), to(transparent));
  background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #ee292e, #ee292e 95%, transparent 95%, transparent);
  background-image: radial-gradient(0.1em 0.1em at center center, #ee292e, #ee292e 95%, transparent);
}

@supports (text-emphasis: dot) or (-webkit-text-emphasis: dot) {
  .d {
    -webkit-text-emphasis: filled dot #ee292e;
    text-emphasis: filled dot #ee292e;
    background-image: none;
  }
}
.ds {
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.ds2 {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.br-txt {
  background: #f8936e;
  border-radius: 50px;
  font-size: 0.85em;
  padding: 0.16em 0.6em;
  color: #fff;
  text-shadow: none;
  margin-right: 0.4em;
  margin-left: 0;
  box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2);
  vertical-align: 0.1em;
}

.font-anton {
  font-family: 'Anton', sans-serif;
}

.font-oswald {
  font-family: 'Oswald', sans-serif;
}

.font-lato {
  font-family: 'Lato', sans-serif;
}

#wrap .enquete .container {
  padding: 60px 30px;
  background-color: #F1E9D9;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container {
    padding: 30px 15px;
  }
}
#wrap .enquete .container .lp-block-inner {
  background-color: #F4F3EE;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 60xp 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner {
    padding: 0 15px 15px;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content {
  background-color: #fff;
  border-radius: 30px;
  padding: 40px;
}
#wrap .enquete .container .lp-block-inner .voice-content:nth-child(n+2) {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content {
    border-radius: 10px;
    padding: 15px;
  }
  #wrap .enquete .container .lp-block-inner .voice-content:nth-child(n+2) {
    margin-top: 15px;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .profile {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .profile {
    flex-direction: column;
    margin: 0 auto;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .profile .prof-txt {
  align-self: center;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-txt {
    padding-top: 10px;
    text-align: center;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name, #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
  padding-top: 0;
  line-height: 1.2;
  text-align: left;
  color: #f8936e;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name, #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
    text-align: center;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
    font-size: 1em;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name {
  font-size: 1.6em;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name {
    font-size: 1.1em;
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .voice-txt {
  align-self: center;
}
#wrap .enquete .container .lp-block-inner .voice-content .voice-txt p {
  background: -webkit-linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background: linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background-position: bottom;
  background-size: 40px 40px;
  color: #555;
  padding: 40px 0 0;
  line-height: 40px;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p {
    background-size: 30px 30px;
    line-height: 30px;
  }
  #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p:nth-child(1) {
    padding: 15px 0 0;
  }
  #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p:nth-child(n+2) {
    padding: 30px 0 0;
  }
}
#wrap .enquete .profile-img {
  margin: 0;
  text-align: left;
  width: 200px;
  height: 200px;
  background-color: #eeece5;
  background-image: url(../img/parts/voice-message.svg);
  background-position: center center;
  background-size: 100% 100%;
  overflow: hidden;
  border-radius: 50%;
}
#wrap .enquete .profile-img img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .profile-img {
    margin: 0 auto;
    width: 140px;
    height: 140px;
  }
}
#wrap .enquete .container {
  background-color: transparent;
  background: linear-gradient(90deg, #f4efe1, #f4efe1), url("../img/url(../img/parts/pattern1.jpg)") center center/900px repeat scroll;
  background-blend-mode: color;
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#wrap .enquete .container .question-bk {
  padding: 0 !important;
  margin-top: 30px;
  background-color: transparent !important;
  background: -webkit-linear-gradient(0deg, #f8936e 50%, rgba(248, 147, 110, 0) 50%);
  background: linear-gradient(0deg, #f8936e 50%, rgba(248, 147, 110, 0) 50%);
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .question-bk {
    margin-top: 15px;
  }
}
#wrap .enquete .container .question-bk:first-child {
  margin-top: 0;
}
#wrap .enquete .container .lp-block-inner {
  padding-top: 0 !important;
  background-color: #f8936e;
}
#wrap .enquete .container .lp-block-inner .voice-content {
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  }
}
#wrap .enquete .container .lp-block-inner .voice-content .question-hl {
  text-align: left;
  padding-top: 0 !important;
  padding-bottom: 0.6em;
  color: #f4632e;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .voice-content .question-hl {
    padding-bottom: 0.3em;
  }
}
#wrap .enquete .container .lp-block-inner .question {
  text-align: center;
}
#wrap .enquete .container .lp-block-inner .question p {
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  padding: 1.6em 0;
  display: inline-block;
  background-color: #f4632e;
  width: 140px;
  height: 140px;
  border-radius: 70px;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner .question p {
    font-size: 1.2em;
    padding: 1.5em 0;
    width: 90px;
    height: 90px;
    border-radius: 45px;
  }
}
#wrap .enquete .container .lp-block-inner h3 {
  color: #fff;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  padding: 15px 0 0 !important;
  margin: 0;
  background-color: transparent;
  border: none;
}
@media only screen and (max-width: 768px) {
  #wrap .enquete .container .lp-block-inner h3 {
    padding: 5px 0 0 !important;
  }
}
#wrap .enquete .voice-txt p:first-child {
  padding-top: 0 !important;
}

/* =======================================
動画
======================================= */
.video-bk {
  margin: 0;
  padding-bottom: 20px;
  background-color: #eee;
  background-image: url(../img/parts/white-block.jpg);
  background-position: center center;
  background-size: 900px auto;
  background-attachment: fixed;
}
@media only screen and (max-width: 768px) {
  .video-bk {
    background-size: 600px auto;
    background-attachment: scroll;
    padding-bottom: 0;
    margin-bottom: -30px;
  }
}
.video-bk .content {
  max-width: 900px;
  width: 100%;
}

.video {
  margin-top: 40px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media only screen and (max-width: 768px) {
  .video {
    margin-top: 15px;
  }
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
インタビュー・吹き出し
========================================================================== */
#wrap .interviewer p {
  padding-left: 4.75em;
  text-indent: -4.75em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .interviewer p {
    padding-left: 3em;
    text-indent: -3em;
  }
}
#wrap .interviewer p:before {
  content: "ーーーーー";
  letter-spacing: -3px;
  font-weight: bold;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .interviewer p:before {
    content: "ーーー";
  }
}

.balloon-left {
  width: 100%;
  margin: 2.4em 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .balloon-left {
    margin: 1.2em 0 0;
  }
}
.balloon-left .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}
@media only screen and (max-width: 768px) {
  .balloon-left .faceicon {
    margin-right: -60px;
    width: 50px;
  }
}
.balloon-left .faceicon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.balloon-left .chatting {
  width: 100%;
}
.balloon-left .chatting .says {
  position: relative;
  display: inline-block;
  margin: 0 0 0 105px;
  padding: 20px;
  border-radius: 15px;
  color: #999;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #999;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .balloon-left .chatting .says {
    border: solid 2px #999;
    margin: 0 0 0 70px;
    padding: 10px;
  }
}
.balloon-left .chatting .says:before {
  content: "";
  position: absolute;
  top: 34px;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .balloon-left .chatting .says:before {
    top: 28px;
    left: -18px;
    border: 6px solid transparent;
    border-right: 12px solid #FFF;
  }
}
.balloon-left .chatting .says:after {
  content: "";
  position: absolute;
  top: 34px;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #999;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .balloon-left .chatting .says:after {
    top: 28px;
    left: -25px;
    border: 8px solid transparent;
    border-right: 16px solid #999;
  }
}
.balloon-left .chatting .says p:first-child {
  padding-top: 0;
}

/* ==========================================================================
サイト作成例
========================================================================== */
#web-site-sample .row .col-md-12 {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  #web-site-sample .row .col-md-12 img {
    width: 80%;
  }
}

/* ==========================================================================
ビフォーアフター
========================================================================== */
.w1200 .container {
  max-width: 100%;
}
.w1200 .container .lp-block-inner {
  max-width: 1200px !important;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
  .w1200 .container .lp-block-inner {
    padding: 0 15px;
  }
}

.w1400 .container {
  max-width: 100%;
}
.w1400 .container .lp-block-inner {
  max-width: 1400px;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
  .w1400 .container .lp-block-inner {
    padding: 0 15px;
  }
}

.banner-img {
  width: 100%;
  max-width: 600px;
  margin: 30px auto 0;
}
@media only screen and (max-width: 768px) {
  .banner-img {
    margin: 15px auto 0;
  }
}
.banner-img img {
  width: 100%;
}

.img-w80p {
  text-align: center;
}
.img-w80p img {
  width: 80%;
}

#wrap .before-after {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after {
    flex-direction: column;
    align-items: center;
  }
}
#wrap .before-after .video {
  margin-top: 0;
}
#wrap .before-after .before {
  width: 46%;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .before {
    width: 100%;
  }
}
#wrap .before-after .before img {
  width: 100%;
  border: 1px solid #ddd;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}
#wrap .before-after .before p {
  padding-top: 0.5em;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .before p {
    font-size: 1.2em;
  }
}
#wrap .before-after .before p .btoa-mark {
  color: #fff;
  padding: 5px 15px;
  margin-right: 8px;
  background-color: #0967d1;
  border-radius: 40px;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .before p .btoa-mark {
    padding: 3px 10px;
    margin-right: 5px;
  }
}
#wrap .before-after .btoa-arrow {
  width: 8%;
  padding: 16px 16px 5%;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .btoa-arrow {
    width: 20%;
    padding: 4% 2% 4%;
  }
}
#wrap .before-after .btoa-arrow img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .btoa-arrow img {
    transform: rotate(90deg);
  }
}
#wrap .before-after .after {
  width: 46%;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .after {
    width: 100%;
  }
}
#wrap .before-after .after img {
  width: 100%;
  border: 1px solid #ddd;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}
#wrap .before-after .after p {
  padding-top: 0.5em;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .after p {
    font-size: 1.2em;
  }
}
#wrap .before-after .after p .btoa-mark {
  color: #fff;
  padding: 5px 15px;
  margin-right: 8px;
  background-color: #f52489;
  border-radius: 40px;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  #wrap .before-after .after p .btoa-mark {
    padding: 3px 10px;
    margin-right: 5px;
  }
}

/* ==========================================================================
ビフォーアフター
========================================================================== */
/* ==========================================================================
Q&A
========================================================================== */
/* ==========================================================================
著者略歴
========================================================================== */
.history {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .history {
    margin-top: 15px;
  }
}
.history table {
  border-collapse: collapse;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .history table tr {
    padding: 5px;
    border-bottom: 1px solid #aaa;
  }
}
.history table tr:nth-child(odd) {
  background-color: #f5f5f5;
}
.history table th {
  width: 25%;
  border-right: 1px solid #aaa;
  font-size: 1em;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .history table th {
    display: block;
    width: 100%;
    font-size: 0.9em;
    padding: 0 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: none;
  }
}
.history table td {
  font-size: 1em;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .history table td {
    display: block;
    width: 100%;
    font-size: 0.9em;
    padding: 0 10px;
    padding-bottom: 5px;
  }
}

/* ==========================================================================
プロフィール
========================================================================== */
#wrap .container .lp-block-inner .author-profile {
  margin-top: 30px;
  background-color: #FBF8F0;
  padding: 0 40px 40px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile {
    margin-top: 15px;
    padding: 0 15px 15px;
  }
}
#wrap .container .lp-block-inner .author-profile .prf {
  border-bottom: 1px solid #aaa;
  padding: 1.2em 0 0.5em;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .prf {
    padding: 0 0 0.5em;
  }
}
#wrap .container .lp-block-inner .author-profile .prf .prf-title {
  padding-top: 0;
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .prf .prf-title {
    font-size: 1em;
  }
}
#wrap .container .lp-block-inner .author-profile .prf .prf-name-spell {
  padding-top: 0em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .prf .prf-name-spell {
    flex-direction: column;
    padding-top: 0em;
  }
}
#wrap .container .lp-block-inner .author-profile .prf .prf-name-spell .prf-name {
  margin: 0;
  padding-top: 0;
  line-height: 1.2;
  font-size: 1.6em;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .prf .prf-name-spell .prf-name {
    font-size: 1.2em;
  }
}
#wrap .container .lp-block-inner .author-profile .prf .prf-name-spell .prf-spell {
  margin: 0 0 0 0.5em;
  padding-top: 0;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  color: #a79569;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .prf .prf-name-spell .prf-spell {
    font-size: 1em;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .img-flex .img-all, #wrap .container .lp-block-inner .author-profile .img-flex .img-left, #wrap .container .lp-block-inner .author-profile .img-flex .img-right {
    margin-top: 15px;
  }
}
#wrap .container .lp-block-inner .author-profile .img-flex .img-txt p {
  padding-top: 15px;
  font-size: 1em;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .img-flex .img-txt p {
    padding-top: 10px;
    font-size: 0.9em;
  }
}
#wrap .container .lp-block-inner .author-profile .results {
  margin-top: 30px;
  border-top: 1px solid #aaa;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .results {
    margin-top: 15px;
  }
}
#wrap .container .lp-block-inner .author-profile .results .results-h3 {
  text-align: center;
}
#wrap .container .lp-block-inner .author-profile .results .results-h3 h3 {
  font-size: 1.6em;
  padding: 30px 10px 0px;
  display: inline-block;
  border-bottom: #a79569 solid 4px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .results .results-h3 h3 {
    font-size: 1.2em;
    padding: 15px 5px 0px;
    border-bottom: #a79569 solid 2px;
  }
}
#wrap .container .lp-block-inner .author-profile .results img, #wrap .container .lp-block-inner .author-profile .results .video {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .author-profile .results img, #wrap .container .lp-block-inner .author-profile .results .video {
    margin-top: 15px;
  }
}

/* ==========================================================================
メッセージ
========================================================================== */
.message .container {
  background-image: url(../img/parts/paper-bk.jpg);
}
.message .container .lp-block-inner .message-h3 {
  text-align: center;
}
.message .container .lp-block-inner .message-h3 h3 {
  font-size: 1.8em;
  display: inline-block;
  border-bottom: #f9efed solid 3px;
}
@media only screen and (max-width: 768px) {
  .message .container .lp-block-inner .message-h3 h3 {
    margin-top: 20px;
    font-size: 1.2em;
  }
}
.message .container .lp-block-inner .message-p {
  background: -webkit-linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background: linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background-position: bottom;
  background-size: 50px 50px;
  padding: 0 10px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .message .container .lp-block-inner .message-p {
    background-size: 35px 35px;
    margin-bottom: 0;
  }
}
.message .container .lp-block-inner .message-p p {
  line-height: 50px;
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  .message .container .lp-block-inner .message-p p {
    line-height: 35px;
    padding-top: 35px;
  }
}

.message .img-right-float {
  margin: 3.5em 0 0 30px;
  float: right;
  border: #fff solid 8px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .message .img-right-float {
    display: block;
    width: 60%;
    height: auto;
    margin: 2em auto 0;
    float: none;
    border: #fff solid 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }
}

/*==========================================================================
メリット
==========================================================================*/
#wrap .merit {
  background-color: transparent;
  background: linear-gradient(90deg, #f8936e, #f8936e), url("../img/url(../img/parts/h2-bk2.jpg)") center center/400px repeat scroll;
  background-blend-mode: screen;
  background-size: 900px;
}
#wrap .merit .container {
  background-color: #fff;
  max-width: 980px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container {
    padding: 0;
  }
}
#wrap .merit .container .lp-block-inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 100px 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .lp-block-inner {
    padding: 1px 15px 20px;
  }
}
#wrap .merit .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .merit {
    padding: 0 15px;
    background-size: 500px;
  }
}
#wrap .merit .container {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container {
    padding-top: 1px;
  }
}
#wrap .merit .container .merit-item {
  margin-top: 30px;
  border: 3px solid #f4632e;
  border-radius: 15px;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit-item {
    border: 2px solid #f4632e;
    border-radius: 8px;
    padding: 0 10px 15px;
    margin-top: 15px;
  }
}
#wrap .merit .container .merit-item h3 {
  margin: 0 -30px;
  border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
  padding: 5px 20px;
  text-align: left;
  background-color: #f4632e;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit-item h3 {
    text-indent: -1.5em;
    border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    padding: 5px 10px 5px 38px;
    margin: 0 -10px;
  }
}
#wrap .merit .container .merit-item h3 .number {
  border-right: 3px solid #fff;
  vertical-align: -5%;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 1.6em;
  margin-right: 18px;
  padding-right: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit-item h3 .number {
    border-right: 2px solid #fff;
    font-size: 1.3em;
    margin-right: 8px;
    padding-right: 5px;
  }
}
#wrap .merit .container .merit01 {
  border: 3px solid #D03F39;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit01 {
    border: 3px solid #D03F39;
  }
}
#wrap .merit .container .merit01 h3 {
  background-color: #D03F39;
}
#wrap .merit .container .merit02 {
  border: 3px solid #C76928;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit02 {
    border: 3px solid #C76928;
  }
}
#wrap .merit .container .merit02 h3 {
  background-color: #C76928;
}
#wrap .merit .container .merit03 {
  border: 3px solid #C48D4F;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit03 {
    border: 3px solid #C48D4F;
  }
}
#wrap .merit .container .merit03 h3 {
  background-color: #C48D4F;
}
#wrap .merit .container .merit04 {
  border: 3px solid #568817;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit04 {
    border: 3px solid #568817;
  }
}
#wrap .merit .container .merit04 h3 {
  background-color: #568817;
}
#wrap .merit .container .merit05 {
  border: 3px solid #1F9C9E;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit05 {
    border: 3px solid #1F9C9E;
  }
}
#wrap .merit .container .merit05 h3 {
  background-color: #1F9C9E;
}
#wrap .merit .container .merit06 {
  border: 3px solid #216096;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit06 {
    border: 3px solid #216096;
  }
}
#wrap .merit .container .merit06 h3 {
  background-color: #216096;
}
#wrap .merit .container .merit07 {
  border: 3px solid #4F2291;
}
@media only screen and (max-width: 768px) {
  #wrap .merit .container .merit07 {
    border: 3px solid #4F2291;
  }
}
#wrap .merit .container .merit07 h3 {
  background-color: #4F2291;
}

/* ==========================================================================
グリッドレイアウト
========================================================================== */
#wrap .lp-block .container .lp-block-inner .grid-layout .row {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .grid-layout .row {
    padding: 8px;
  }
}
#wrap .lp-block .container .lp-block-inner .grid-layout .row .inst {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .grid-layout .row .inst {
    padding: 8px;
  }
}
#wrap .lp-block .container .lp-block-inner .grid-layout .row .inst img {
  width: 100%;
}
@media only screen and (max-width: 544px) {
  #wrap .lp-block .container .lp-block-inner .grid-layout .row .inst img {
    display: block;
    margin: 0 auto;
  }
}
#wrap .lp-block .container .lp-block-inner .grid-layout .row .inst .inst-name {
  padding: 10px 0 3px;
  border-bottom: 1px solid #aaa;
}
#wrap .lp-block .container .lp-block-inner .grid-layout .row .inst .inst-name h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  padding: 0;
  text-align: left;
  font-size: 1.2em;
}
@media only screen and (max-width: 544px) {
  #wrap .lp-block .container .lp-block-inner .grid-layout .row .inst .inst-name h3 {
    text-align: center;
  }
}
#wrap .lp-block .container .lp-block-inner .grid-layout .row .inst .inst-name .genre {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  margin-top: -2px;
  padding: 0;
  font-size: 0.9em;
  text-align: left;
  color: #777;
}
@media only screen and (max-width: 544px) {
  #wrap .lp-block .container .lp-block-inner .grid-layout .row .inst .inst-name .genre {
    text-align: center;
  }
}
#wrap .lp-block .container .lp-block-inner .grid-layout .row .inst p {
  padding-top: 10px;
  font-size: 1em;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .grid-layout .row .inst p {
    font-size: 0.9em;
  }
}

/* ==========================================================================
サブヘッド
========================================================================== */
#wrap .lp-block .container .lp-block-inner .content-title01 {
  margin-top: 30px;
  padding: 1px 20px 20px;
  background-color: #f9efed;
  background: -webkit-linear-gradient(180deg, white, #f9efed);
  background: linear-gradient(180deg, white, #f9efed);
  border-bottom: #f4632e solid 6px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .content-title01 {
    margin-top: 20px;
    padding: 1px 5px 5px;
    border-bottom: #f4632e solid 3px;
  }
}
#wrap .lp-block .container .lp-block-inner .content-title01 h3 {
  padding-top: 15px;
  margin-top: 0;
  font-size: 3.8em;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .content-title01 h3 {
    padding-top: 5px;
    font-size: 1.7em;
  }
}
#wrap .lp-block .container .lp-block-inner .content-title01 p {
  text-align: center;
  line-height: 1.3;
  padding-top: 3px;
  font-size: 1.8em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .content-title01 p {
    font-size: 1.1em;
  }
}

/* ==========================================================================
特典
========================================================================== */
#wrap .lp-block .container .lp-block-inner .tokuten {
  background-color: #fff;
  margin-top: 40px;
  padding: 0 30px 30px;
  border: 6px solid #ee292e;
  border-radius: 16px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten {
    margin-top: 20px;
    border: 3px solid #ee292e;
    border-radius: 10px;
    padding: 0 10px 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten img {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten img {
    margin-top: 15px;
    margin-bottom: 0;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten h3 {
  margin: 0 -30px;
  padding: 5px 10px 5px 90px;
  background: repeating-linear-gradient(-45deg, #ee292e, #ee292e 5px, #f14a4e 0, #f14a4e 10px);
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  border-bottom: 6px solid #ee292e;
  text-indent: -80px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten h3 {
    padding: 5px 10px 5px 45px;
    text-indent: -60px;
    font-size: 1.1em;
    background: repeating-linear-gradient(-45deg, #ee292e, #ee292e 4px, #f14a4e 0, #f14a4e 8px);
    margin: 0 -10px;
    border-bottom: 3px solid #ee292e;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten h3 img {
  width: 100px;
  margin: -40px 10px -30px -30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten h3 img {
    width: 50px;
    margin: -30px 5px -30px 5px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten h4 {
  margin-top: 30px;
  font-size: 1.6em;
  text-align: left;
  border: 2px solid #ee292e;
  border-left: 12px solid #ee292e;
  border-right: 12px solid #ee292e;
  padding: 5px 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten h4 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1em;
    border: 1px solid #ee292e;
    border-left: 6px solid #ee292e;
    border-right: 6px solid #ee292e;
    padding: 3px 5px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten p {
  padding-top: 20px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten p {
    padding-top: 10px;
  }
}

/* ==========================================================================
メッセージ
========================================================================== */
.message-h3 {
  text-align: center;
}
.message-h3 h3 {
  font-size: 2em;
  display: inline-block;
  border-bottom: #f9efed solid 6px;
  line-height: 1.3em;
  padding-top: 30px;
  padding-bottom: 6px;
  margin-bottom: -10px;
}
@media only screen and (max-width: 768px) {
  .message-h3 h3 {
    padding-top: 30px;
    font-size: 1.2em;
    border-bottom: #f9efed solid 3px;
    padding-bottom: 3px;
    margin-bottom: -10px;
  }
}

#wrap .lp-block .container .lp-block-inner .mesage-frame {
  border: solid #f4632e 0px;
  background-color: #fff;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 20px;
}
#wrap .lp-block .container .lp-block-inner .mesage-frame > :first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .mesage-frame {
    border: solid #f4632e 0px;
    background-color: #fff;
    border-radius: 0px;
    margin-top: 20px;
    padding: 15px;
    padding-top: 0px;
  }
  #wrap .lp-block .container .lp-block-inner .mesage-frame > :first-child {
    padding-top: 0;
    margin-top: 0;
  }
}

#wrap .lp-block .container .lp-block-inner .message {
  background: -webkit-linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background: linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background-position: bottom;
  background-size: 50px 50px;
  padding: 0 10px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .message {
    background-size: 35px 35px;
    padding: 0 5px;
    margin-bottom: 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .message p {
  line-height: 50px;
  padding-top: 50px;
  font-size: 1.8rem;
}
#wrap .lp-block .container .lp-block-inner .message p .l {
  font-size: 1.2em;
  vertical-align: -0.1em;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .message p {
    line-height: 35px;
    padding-top: 35px;
    font-size: 1.4rem;
  }
  #wrap .lp-block .container .lp-block-inner .message p .l {
    font-size: 1.1em;
    vertical-align: -0.05em;
  }
}

#wrap .message-bk .container {
  background-color: #f9efed;
  background-size: 200px;
}
@media only screen and (max-width: 768px) {
  #wrap .message-bk .container {
    background-size: 200px;
  }
}

/* =======================================
ページの設定
======================================= */
html body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: "palt";
}

/* =======================================
全体背景
======================================= */
body {
  background-color: #f9f0ed;
  letter-spacing: 0.1em;
}

/* =======================================
本文
======================================= */
.text .container {
  max-width: 100%;
  background-color: #fff;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .text .container {
    padding: 0;
  }
}
.text .container .lp-block-inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 60px 60px;
}
@media only screen and (max-width: 768px) {
  .text .container .lp-block-inner {
    padding: 1px 15px 20px;
  }
}
.text .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .text .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}
.text .container {
  background-color: #f9f0ed;
}
.text .container .lp-block-inner {
  max-width: 720px;
}

/* =======================================
ヘッダー
======================================= */
#wrap header figure {
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  background-image: url("../img/head-sub-pc-bk.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#wrap header figure img {
  max-width: 760px;
  width: 100%;
}

/* =======================================
セクション
======================================= */
#wrap .bk-img-all .container {
  background-image: linear-gradient(0, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), url("../img/_body-bk-all.jpg");
  background-repeat: repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-all .container {
    background-attachment: scroll;
  }
}
#wrap .bk-img-all .container .lp-block-inner {
  max-width: 900px;
}

#wrap .bk-img-right .container {
  background-color: #fff;
  background-image: url("../img/_rt-bk-pc.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  background-attachment: scroll;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-right .container {
    background-image: url("../img/_rt-bk-sp.jpg");
  }
}

#wrap .bk-img-left .container {
  background-color: #fff;
  background-image: url("../img/_lt-bk-pc.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  background-attachment: scroll;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-left .container {
    background-image: url("../img/_lt-bk-sp.jpg");
  }
}

#wrap .bk-img-right-css .container {
  background-color: #fff;
  background-image: url("../img/_body-bk.jpg");
  background-position: top right;
  background-size: 50%;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-right-css .container {
    background-image: url("../img/_body-bk.jpg");
    background-size: 100%;
  }
}
#wrap .bk-img-right-css .container:after {
  content: "";
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 35%, #fff 50%), linear-gradient(180deg, rgba(255, 255, 255, 0) 17.3333333333%, #fff 32.3333333333%);
  background-size: 100% calc(100vw * 1);
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-right-css .container:after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 13.3333333333%, #fff 28.3333333333%);
    background-size: 100% calc(100vw * 2);
  }
}

#wrap .bk-img-left-css .container {
  background-color: #fff;
  background-image: url("../img/_body-bk.jpg");
  background-position: top left;
  background-size: 50%;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-left-css .container {
    background-image: url("../img/_body-bk.jpg");
    background-size: 100%;
  }
}
#wrap .bk-img-left-css .container:after {
  content: "";
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 35%, #fff 50%), linear-gradient(180deg, rgba(255, 255, 255, 0) 17.3333333333%, #fff 32.3333333333%);
  background-size: 100% calc(100vw * 1);
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-left-css .container:after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 13.3333333333%, #fff 28.3333333333%);
    background-size: 100% calc(100vw * 2);
  }
}

#wrap .bk-img-all-css .container {
  background-color: #fff;
  background-image: url("../img/_body-bk.jpg");
  background-position: top right;
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-all-css .container {
    background-image: url("../img/_body-bk.jpg");
    background-size: 100%;
  }
}
#wrap .bk-img-all-css .container:after {
  content: "";
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.6) 26.6666666667%, #fff 56.6666666667%);
  background-size: 100% calc(100vw * 1);
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-all-css .container:after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.6) 13.3333333333%, #fff 28.3333333333%);
    background-size: 100% calc(100vw * 2);
  }
}

#wrap .bk-img-fixed-css .container {
  background-color: #fff;
  background-image: url("../img/_body-bk.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: block;
  position: relative;
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  #wrap .bk-img-fixed-css .container {
    background-image: url("../img/_body-bk.jpg");
    background-attachment: scroll;
  }
}
#wrap .bk-img-fixed-css .container:after {
  content: "";
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
  background-repeat: no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

#wrap .lp-format01 .container {
  background-color: #fff;
  max-width: 980px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format01 .container {
    padding: 0;
  }
}
#wrap .lp-format01 .container .lp-block-inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 100px 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format01 .container .lp-block-inner {
    padding: 1px 15px 20px;
  }
}
#wrap .lp-format01 .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format01 .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}

#wrap .lp-format02 .container {
  max-width: 100%;
  background-color: #fff;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format02 .container {
    padding: 0;
  }
}
#wrap .lp-format02 .container .lp-block-inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 60px 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format02 .container .lp-block-inner {
    padding: 1px 15px 20px;
  }
}
#wrap .lp-format02 .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format02 .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}

#wrap .lp-format03 .container {
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 60px 30px !important;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format03 .container {
    padding: 30px 15px !important;
  }
}
#wrap .lp-format03 .container .lp-block-inner {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 60px 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format03 .container .lp-block-inner {
    padding: 1px 15px 15px;
  }
}
#wrap .lp-format03 .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-format03 .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}

/* =======================================
全幅画像
======================================= */
#wrap #fw-img01 .container {
  background-color: transparent;
  background-image: url("../img/header-pc-bk.jpg");
  background-size: cover;
  background-position: center center;
}
#wrap #fw-img01 .container .lp-block-inner {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1200px;
}
#wrap #fw-img01 .container .lp-block-inner img {
  width: 100%;
}

/* =======================================
見出し
======================================= */
.heading-2 .container {
  width: 100%;
  max-width: 100%;
}
.heading-2 .container .lp-block-inner {
  background-color: #f4632e;
  padding: 40px 20px;
}
@media only screen and (max-width: 768px) {
  .heading-2 .container .lp-block-inner {
    padding: 10px 5px;
  }
}
.heading-2 .container .lp-block-inner h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.4em;
  font-size: 4em;
}
@media only screen and (max-width: 768px) {
  .heading-2 .container .lp-block-inner h2 {
    font-size: 1.6em;
  }
}
.heading-2 .container .lp-block-inner p {
  color: #fff;
  text-align: center;
  font-size: 2.4em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .heading-2 .container .lp-block-inner p {
    font-size: 1.12em;
  }
}
#wrap .heading-2 + .text .container {
  padding-top: 1px;
}
@media only screen and (max-width: 768px) {
  #wrap .heading-2 + .text .container {
    padding-top: 1px;
  }
}

.lp-block-inner > h3 {
  color: #fff;
  margin-top: 1.2em;
  padding: 10px 15px;
  text-align: center;
  background-color: #f4632e;
  border-bottom: 6px solid #f8936e;
}
@media only screen and (max-width: 768px) {
  .lp-block-inner > h3 {
    font-size: 1.2em;
    padding: 5px 10px;
    border-bottom: 3px solid #f8936e;
  }
}

.lp-block-inner > h4 {
  color: #f4632e;
  border-bottom: #f8936e solid 4px;
  padding-bottom: 8px;
}

/* =======================================
フォームデザイン
======================================= */
#wrap .form .container {
  max-width: 100%;
  background-color: transparent;
}
#wrap .form .container .lp-block-inner {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner {
    padding: 0;
  }
}
#wrap .form .container .lp-block-inner .form-title {
  padding: 10px 20px 20px;
  background-color: #f4632e;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-title {
    padding: 5px 5px 7px;
  }
}
#wrap .form .container .lp-block-inner .form-title p {
  text-align: center;
  margin: 0 auto;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-title p {
    padding-top: 3px;
    font-size: 0.8em;
  }
}
#wrap .form .container .lp-block-inner .form-title h2 {
  padding-top: 7px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-title h2 {
    padding-top: 3px;
    font-size: 1.2em;
  }
}
#wrap .form .container .lp-block-inner .form-frame {
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame {
    padding: 0;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-txt-bk {
  padding: 20px 0;
  background-color: #ffe3d8;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-txt-bk {
    padding: 10px 0;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-txt-bk .form-txt {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 600px;
}
#wrap .form .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-img-bk {
  background-color: #f9efed;
  background-image: url("../img/_img-full-pc-bk.jpg");
  background-position: center center;
  background-size: auto 100%;
}
#wrap .form .container .lp-block-inner .form-frame .form-img-bk img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk {
  padding: 0 30px 60px;
  background-color: #ffe3d8;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk {
    padding: 0 15px 30px;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
    padding-top: 10px;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
  padding: 10px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
    padding: 5px 0;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents {
  max-width: 600px;
  margin: 0 auto;
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
    padding-top: 5px;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
  padding-top: 15px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
    padding-top: 7px;
    flex-direction: column;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
  color: #777;
  font-size: 1.2em;
  width: 32%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 3px;
    text-align: left;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required input {
  flex: 1;
  margin: 0 auto;
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
  padding: 20px 0 10px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
    min-width: 260px;
    padding: 7px 0 15px;
    margin: 0 auto;
  }
}
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
  padding: 20px 0 0px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
    min-width: 260px;
    padding: 10px 0 0;
    margin: 0 auto;
  }
}
#wrap .form .container .lp-block-inner .form-frame th, #wrap .form .container .lp-block-inner .form-frame label {
  color: #fff;
}
#wrap .form .container .lp-block-inner .form-frame .rqd {
  color: #ffdea9;
  font-size: 0.8em;
}
#wrap .form .container .lp-block-inner .form-frame input[type="text"] {
  width: 100%;
  max-width: 540px;
  color: #555;
  border-radius: 5px;
  border: solid 2px #ccc;
  font-size: 1.2em;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame input[type="text"] {
    font-size: 0.9em;
  }
}
#wrap .form .container .lp-block-inner .form-frame input[type="text"]::placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form .container .lp-block-inner .form-frame input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form .container .lp-block-inner .form-frame input[type="text"]::-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form .container .lp-block-inner .form-frame .form-bottom-txt {
  padding-top: 10px;
}
#wrap .form .container .lp-block-inner .form-frame .form-bottom-txt p {
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .form-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form .container .lp-block-inner .form-frame .linebtn-bottom-txt {
  padding-top: 10px;
}
#wrap .form .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .form-frame .linebtn-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form .container .lp-block-inner .caution {
  width: 100%;
  height: 80px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form .container .lp-block-inner .caution {
    margin-top: 10px;
  }
}
#wrap .form .container .lp-block-inner .caution > p {
  font-size: 0.8em !important;
  font-weight: normal !important;
  line-height: 1.6em;
  text-align: left;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* =======================================
画像フォームデザイン
======================================= */
#wrap .lp-section .form-img-btn-pc .container {
  background-color: #aaa;
  background-image: url(../img/_form-btn-img-pc-bk.jpg);
  background-position: center;
  background-size: cover;
}
#wrap .lp-section .form-img-btn-pc .container .lp-block-inner {
  background-image: url("../img/_form-btn-img-pc.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 200px 290px 127px 290px;
  background-color: transparent;
}
#wrap .lp-section .form-img-btn-pc .container .lp-block-inner .form-input {
  padding: 0 !important;
  margin: 0 !important;
}
#wrap .lp-section .form-img-btn-pc .container .lp-block-inner .form-input form {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 980px) {
  #wrap .lp-section .form-img-btn-pc .container .lp-block-inner {
    padding: 20.4081632653% 29.5918367347% 12.9591836735% 29.5918367347%;
  }
}
#wrap .lp-section .form-img-btn-pc .container .lp-block-inner button {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  background-color: transparent;
  color: transparent;
  width: 100%;
}
#wrap .lp-section .form-img-btn-pc .container .lp-block-inner button img {
  width: 100%;
}

#wrap .lp-section .form-img-btn-sp .container {
  background-color: #aaa;
}
#wrap .lp-section .form-img-btn-sp .container .lp-block-inner {
  background-image: url("../img/_form-btn-img-sp.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 230px 76px 160px 74px;
  background-color: transparent;
}
#wrap .lp-section .form-img-btn-sp .container .lp-block-inner .form-input {
  padding: 0 !important;
  margin: 0 !important;
}
#wrap .lp-section .form-img-btn-sp .container .lp-block-inner .form-input form {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 750px) {
  #wrap .lp-section .form-img-btn-sp .container .lp-block-inner {
    padding: 30.6666666667% 10.1333333333% 21.3333333333% 9.8666666667%;
  }
}
#wrap .lp-section .form-img-btn-sp .container .lp-block-inner button {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  background-color: transparent;
  color: transparent;
  width: 100%;
}
#wrap .lp-section .form-img-btn-sp .container .lp-block-inner button img {
  width: 100%;
}

#wrap .lp-section .form-img-txt-pc .container {
  background-color: #aaa;
  background-image: url(../img/_form-txt-img-pc-bk.jpg);
  background-position: center;
  background-size: cover;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner {
  background-image: url("../img/_form-txt-img-pc.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 194px 230px 123px 230px;
  background-color: transparent;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input {
  padding: 0 !important;
  margin: 0 !important;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 980px) {
  #wrap .lp-section .form-img-txt-pc .container .lp-block-inner {
    padding: 19.7959183673% 23.4693877551% 12.5510204082% 23.4693877551%;
  }
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form input[type="text"] {
  display: block;
  width: 100%;
  color: #555;
  border-radius: 5px;
  border: solid 2px #ccc;
  font-size: 1.2em;
  padding: 5px;
  margin-bottom: 3%;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form input[type="text"] {
    font-size: 0.9em;
  }
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form input[type="text"]::placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form input[type="text"]::-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form button {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  background-color: transparent;
  color: transparent;
  width: 80%;
}
#wrap .lp-section .form-img-txt-pc .container .lp-block-inner .form-input form button img {
  width: 100%;
}

#wrap .lp-section .form-img-txt-sp .container {
  background-color: #aaa;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner {
  background-image: url("../img/_form-txt-img-sp.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 263px 75px 173px 75px;
  background-color: transparent;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input {
  padding: 0 !important;
  margin: 0 !important;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 750px) {
  #wrap .lp-section .form-img-txt-sp .container .lp-block-inner {
    padding: 35.0666666667% 10% 23.0666666667% 10%;
  }
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form input[type="text"] {
  display: block;
  width: 100%;
  color: #555;
  border-radius: 5px;
  border: solid 2px #ccc;
  font-size: 1.2em;
  padding: 5px;
  margin-bottom: 3%;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form input[type="text"] {
    font-size: 0.9em;
  }
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form input[type="text"]::placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form input[type="text"]::-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form button {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  background-color: transparent;
  color: transparent;
  width: 90%;
}
#wrap .lp-section .form-img-txt-sp .container .lp-block-inner .form-input form button img {
  width: 100%;
}

/* =======================================
ボタン
======================================= */
#wrap .container .lp-block-inner .form-frame .btn-img {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  background-color: transparent;
  color: transparent;
  width: 80%;
  max-width: 460px;
}
#wrap .container .lp-block-inner .form-frame .btn-img img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .btn-img {
    width: 90%;
    max-width: 420px;
  }
}
#wrap .container .lp-block-inner .form-frame .btn_submit {
  min-width: 300px;
  border-radius: 100px;
  padding: 20px 50px 20px 20px;
  background-color: #f4622e;
  background: url("../img/parts/button-arrow04.svg"), radial-gradient(ellipse at top center, rgba(238, 41, 46, 0) 40%, #ee292e, #c0113e), linear-gradient(180deg, #f4622e, #f4622e);
  background-size: 50px, 100% 100%, 100% 100%;
  background-position: center right 20px, top center, center center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  font-size: 1.6em;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
  color: #FFFFFF;
  margin-bottom: -10px !important;
  width: 80%;
  max-width: 460px;
}
#wrap .container .lp-block-inner .form-frame .btn_submit:hover {
  filter: brightness(140%);
  box-shadow: rgba(0, 0, 0, 0.3) 0 4px 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .btn_submit {
    min-width: 160px;
    margin-top: 5px;
    border-radius: 60px;
    background-size: 30px, 100% 100%, 100% 100%;
    background-position: center right 6px, center center, center center;
    padding: 10px 6px;
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 0;
    color: #FFFFFF;
    margin-bottom: -5px !important;
  }
  #wrap .container .lp-block-inner .form-frame .btn_submit:hover {
    filter: brightness(140%);
    transform: translateY(3px);
    box-shadow: rgba(0, 0, 0, 0.3) 0 3px 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .btn_submit {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 96%;
    max-width: 420px;
  }
}

/* =======================================
LINEフォーム
======================================= */
#wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex {
  padding-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex {
    padding-top: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-button {
    padding-top: 7px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-button a button {
  min-width: 420px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-button a button {
    min-width: 260px;
    margin: 0 auto 7px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-button p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-button p {
    font-size: 0.9em !important;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-qr {
  min-width: 0;
  padding-left: 20px;
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-qr {
    display: none;
    padding-left: 10px;
    padding-top: 5px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-qr img {
  width: 150px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .form-contents .line-flex .line-qr img {
    width: 100px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form .form-bottom-txt {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form .form-bottom-txt {
    padding-top: 15px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .linebtn-bottom-txt {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .linebtn-bottom-txt {
    padding-top: 10px;
  }
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form button {
  min-width: 300px;
  border-radius: 100px;
  padding: 20px 50px 20px 20px;
  background-color: #00B900;
  background: url("../img/parts/button-arrow03.svg"), linear-gradient(180deg, transparent, #555), linear-gradient(180deg, #00B900, #00B900);
  background-size: 60px, 100% 100%, 100% 100%;
  background-position: center right 10px, center center, center center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-blend-mode: screen, overlay;
  font-size: 1.3em;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0;
  color: #FFFFFF;
  margin-bottom: -10px !important;
  width: 80%;
  width: auto;
}
#wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form button:hover {
  filter: brightness(120%);
  transform: translateY(4px);
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0;
  text-shadow: rgba(255, 255, 255, 0.2) 0 0 6px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form button {
    min-width: 160px;
    margin-top: 5px;
    border-radius: 60px;
    background: none, linear-gradient(180deg, transparent, #555), linear-gradient(180deg, #00B900, #00B900);
    background-size: 30px, 100% 100%, 100% 100%;
    background-position: center right 3px, center center, center center;
    padding: 10px 6px;
    font-size: 0.9em;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 0;
    color: #FFFFFF;
    margin-bottom: -5px !important;
  }
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form button:hover {
    filter: brightness(120%);
    transform: translateY(3px);
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0;
    text-shadow: rgba(255, 255, 255, 0.2) 0 0 3px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}

/* =======================================
カウントダウンタイマー
======================================= */
#wrap .form-frame .form-timer {
  padding: 5px 0;
  text-align: center;
  font-size: 3.4rem;
  font-weight: bold;
  background-color: #e6e2db;
}
@media only screen and (max-width: 768px) {
  #wrap .form-frame .form-timer {
    padding: 3px 0;
    font-size: 1.6rem;
  }
}
#wrap .form-frame .form-timer .timer-txt {
  line-height: 1.4em;
  color: #ee292e;
}
#wrap .form-frame .form-timer #timer, #wrap .form-frame .form-timer #timer2, #wrap .form-frame .form-timer #timer3, #wrap .form-frame .form-timer #timer4, #wrap .form-frame .form-timer #timer5, #wrap .form-frame .form-timer #timer6, #wrap .form-frame .form-timer #timer7, #wrap .form-frame .form-timer #timer8, #wrap .form-frame .form-timer #timer9, #wrap .form-frame .form-timer #timer10 {
  color: #555;
  font-size: 0.8em;
  line-height: 1.3em;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
#wrap .form-frame .form-timer #timer .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer2 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer2 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer2 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer2 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer3 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer3 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer3 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer3 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer4 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer4 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer4 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer4 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer5 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer5 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer5 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer5 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer6 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer6 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer6 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer6 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer7 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer7 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer7 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer7 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer8 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer8 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer8 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer8 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer9 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer9 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer9 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer9 .yycountdown-box .yyc-sec, #wrap .form-frame .form-timer #timer10 .yycountdown-box .yyc-day, #wrap .form-frame .form-timer #timer10 .yycountdown-box .yyc-hou, #wrap .form-frame .form-timer #timer10 .yycountdown-box .yyc-min, #wrap .form-frame .form-timer #timer10 .yycountdown-box .yyc-sec {
  color: #555;
  font-size: 1.7em;
}
#wrap .form-frame .form-timer #timer .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer2 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer3 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer4 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer5 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer6 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer7 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer8 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer9 .whc-countdown .expire-num, #wrap .form-frame .form-timer #timer10 .whc-countdown .expire-num {
  color: #555;
  font-size: 1.7em;
}
#wrap .form-frame .form-timer #timer:before, #wrap .form-frame .form-timer #timer2:before, #wrap .form-frame .form-timer #timer3:before, #wrap .form-frame .form-timer #timer4:before, #wrap .form-frame .form-timer #timer5:before, #wrap .form-frame .form-timer #timer6:before, #wrap .form-frame .form-timer #timer7:before, #wrap .form-frame .form-timer #timer8:before, #wrap .form-frame .form-timer #timer9:before, #wrap .form-frame .form-timer #timer10:before {
  content: "残り";
}
#wrap .form-frame .form-timer p {
  text-align: center;
  font-weight: normal;
  padding-top: 1.2rem;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .form-frame .form-timer p {
    padding-top: 0.8rem;
    font-size: 1.4rem;
  }
}

/* =======================================
カリキュラム
======================================= */
#wrap .lp-block .container .lp-block-inner .clm-name {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name {
    padding-top: 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-title {
  background-color: #f4632e;
  padding: 10px 20px 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-title {
    padding: 5px 10px 8px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-title .clm-title-h3 {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 2.4em;
  padding: 5px 0 0;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-title .clm-title-h3 {
    font-size: 1.2em;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-title .clm-title-p {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  padding: 5px 0 0;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame {
  background-color: #fcf8ee;
  border: #f4632e solid 6px;
  padding: 0 30px 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-frame {
    border: #f4632e solid 3px;
    padding: 0 15px 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt:not(:last-child) {
  border-bottom: #f4632e solid 6px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt:not(:last-child) {
    border-bottom: #f4632e solid 3px;
    padding-bottom: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h4 {
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.6em;
  padding-top: 20px;
  text-indent: -30px;
  padding-left: 32px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h4 {
    padding-top: 15px;
    font-size: 1.1em;
    text-indent: -24px;
    padding-left: 26px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  font-weight: bold;
  color: #ee292e;
  margin-right: 5px;
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h4-p {
  color: #333;
  padding-top: 10px;
  padding-left: 32px;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h4-p {
    font-size: 1em;
    padding-top: 5px;
    padding-left: 26px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h5 {
  color: #333;
  text-indent: -28px;
  padding-left: 60px;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.4em;
  margin-top: 15px;
  padding-top: 15px;
  border-top: #999 solid 1px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h5 {
    font-size: 1.1em;
    margin-top: 10px;
    padding-top: 10px;
    text-indent: -23px;
    padding-left: 48px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  font-weight: normal;
  color: #ee292e;
  margin-right: 5px;
}
#wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h5-p {
  color: #333;
  padding-top: 10px;
  padding-left: 60px;
  font-size: 1.2em;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-name .clm-frame .clm-cpt .clm-cpt-h5-p {
    font-size: 1em;
    padding-top: 5px;
    padding-left: 48px;
  }
}

#wrap .lp-block .container .lp-block-inner .clm-ebook {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook {
    padding-top: 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #f4632e;
  padding: 10px 20px 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 5px 10px 8px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title .clm-title-h3 {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 2.2em;
  padding: 5px 0 0;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title .clm-title-h3 {
    font-size: 1.1em;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title .clm-title-p {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  padding: 5px 0 0;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  border: #f4632e solid 4px;
  padding: 0 30px 20px;
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .l {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .l {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: #f4632e solid 2px;
    padding: 0 15px 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt:not(:last-child) {
  border-bottom: #999 solid 1px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt:not(:last-child) {
    border-bottom: #999 solid 1px;
    padding-bottom: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h4 {
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.4em;
  padding-top: 15px;
  text-indent: -30px;
  padding-left: 32px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h4 {
    padding-top: 10px;
    font-size: 1em;
    text-indent: -24px;
    padding-left: 26px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  font-weight: bold;
  color: #f8936e;
  margin-right: 5px;
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h4-p {
  color: #333;
  padding-top: 10px;
  padding-left: 32px;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h4-p {
    font-size: 1em;
    padding-top: 5px;
    padding-left: 26px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h5 {
  color: #333;
  text-indent: -28px;
  padding-left: 60px;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.2em;
  margin-top: 15px;
  padding-top: 15px;
  border-top: #999 solid 1px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h5 {
    font-size: 1em;
    margin-top: 10px;
    padding-top: 10px;
    text-indent: -23px;
    padding-left: 48px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  font-weight: normal;
  color: #f8936e;
  margin-right: 5px;
}
#wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h5-p {
  color: #333;
  padding-top: 10px;
  padding-left: 60px;
  font-size: 1.2em;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h5-p {
    font-size: 1em;
    padding-top: 5px;
    padding-left: 48px;
  }
}

#wrap .lp-block .container .lp-block-inner .clm-no {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no {
    padding-top: 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-title {
  background-color: #f4632e;
  padding: 10px 20px 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-title {
    padding: 5px 10px 8px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-title .clm-title-h3 {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 2.4em;
  padding: 5px 0 0;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-title .clm-title-h3 {
    font-size: 1.2em;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-title .clm-title-p {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  padding: 5px 0 0;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame {
  border: #f4632e solid 6px;
  padding: 0 30px 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame {
    border: #f4632e solid 3px;
    padding: 0 15px 15px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt:not(:last-child) {
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt:not(:last-child) {
    padding-bottom: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt:not(:first-child) .clm-cpt-h4 {
  border-top: solid #f4632e 6px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt:not(:first-child) .clm-cpt-h4 {
    border-top: solid #f4632e 3px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 {
  background-color: #f9efed;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.8em;
  margin: 0 -30px;
  padding: 10px 20px 10px 10px;
  text-align: left;
  border-bottom: solid #f4632e 6px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 {
    margin: 0 -15px;
    padding: 5px 10px 5px 5px;
    font-size: 1.2em;
    border-bottom: solid #f4632e 3px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num {
  display: block;
  padding-right: 10px;
  padding-bottom: 5px;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  color: #f4632e;
  font-size: 2em;
  border-right: solid #f4632e 3px;
  margin-right: -3px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num {
    font-size: 1.8em;
    border-right: solid #f4632e 2px;
    margin-right: -2px;
    padding-right: 5px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num img {
  width: 80px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num img {
    width: 36px;
    padding-bottom: 2px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-h4 {
  border-left: solid #f4632e 3px;
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-h4 {
    border-left: solid #f4632e 2px;
    padding-left: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4-p {
  color: #333;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.8;
  border-bottom: #999 solid 1px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4-p {
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5 {
  color: #333;
  text-indent: -28px;
  padding-left: 30px;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.4em;
  margin-top: 15px;
  padding-top: 15px;
  border-top: #999 solid 1px;
  text-align: left;
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5:first-of-type {
  border-top: none;
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5 {
    font-size: 1.1em;
    margin-top: 10px;
    padding-top: 10px;
    text-indent: -23px;
    padding-left: 25px;
  }
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  font-weight: bold;
  color: #ee292e;
  margin-right: 5px;
}
#wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5-p {
  color: #333;
  padding-top: 10px;
  padding-left: 30px;
  font-size: 1.2em;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5-p {
    font-size: 1em;
    padding-top: 5px;
    padding-left: 25px;
  }
}

.ldb-list h3.clm-title-h3 {
  font-size: 4rem !important;
}
@media only screen and (max-width: 768px) {
  .ldb-list h3.clm-title-h3 {
    font-size: 2.5rem !important;
  }
}
.ldb-list .clm-cpt-h4 .ldb-list-num {
  color: #f4632e;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.4em;
  vertical-align: -4px;
  margin-right: 0.3em;
}
@media only screen and (max-width: 768px) {
  .ldb-list .clm-cpt-h4 .ldb-list-num {
    font-size: 1.2em;
    vertical-align: -2px;
  }
}
.ldb-list .clm-cpt-h4:before {
  display: none;
}

#wrap .ldb-list-tokuten h3.clm-title-h3 .br-txt {
  background: #fff;
  border-radius: 50px;
  font-size: 0.85em;
  padding: 0.16em 0.6em;
  color: #f4632e;
  text-shadow: none;
  margin-right: 0.4em;
  margin-left: 0;
  box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2);
  vertical-align: 0.1em;
}
#wrap .ldb-list-tokuten .clm-cpt-h4 {
  text-indent: -3.7em !important;
  padding-left: 3.7em !important;
}
#wrap .ldb-list-tokuten .clm-cpt-h4 .br-txt {
  background: #f8936e;
  border-radius: 50px;
  font-size: 0.85em;
  padding: 0.16em 0.6em;
  color: #fff;
  text-shadow: none;
  margin-right: 0.4em;
  margin-left: 0;
  box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0);
  vertical-align: 0.1em;
}
#wrap .ldb-list-tokuten .clm-cpt-h4:before {
  display: none;
}

/* =======================================
ナンバー入り見出し
======================================= */
#wrap .lp-block .container .lp-block-inner .num-chapter {
  background-color: #f4632e;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin-top: 30px;
  border-bottom: 6px solid #f8936e;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .num-chapter {
    padding: 10px 10px;
    border-bottom: 4px solid #f8936e;
  }
}
#wrap .lp-block .container .lp-block-inner .num-chapter .chapter-num {
  line-height: 1;
  font-size: 4em;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  color: #ffdea9;
  padding-bottom: 10px;
  padding-right: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .num-chapter .chapter-num {
    align-self: flex-start;
    font-size: 2em;
    padding-bottom: 5px;
    padding-right: 6px;
  }
}
#wrap .lp-block .container .lp-block-inner .num-chapter .chapter-txt {
  border-left: 2px solid #fff;
  padding-left: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .num-chapter .chapter-txt {
    border-left: 1px solid #fff;
    padding-left: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .num-chapter .chapter-txt h3 {
  font-size: 2em;
  text-align: left;
  padding: 0;
  margin: 0;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .num-chapter .chapter-txt h3 {
    font-size: 1.3em;
  }
}
#wrap .lp-block .container .lp-block-inner .num-chapter .chapter-txt p {
  font-weight: bold;
  line-height: 1.5;
  padding-top: 0.1em;
  margin: 0;
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .num-chapter .chapter-txt p {
    font-size: 1em;
  }
}

/* =======================================
特典
======================================= */
#wrap .lp-block .container .lp-block-inner .tokuten {
  background-color: #fff;
  margin-top: 40px;
  padding: 0 30px 30px;
  border: 6px solid #ee292e;
  border-radius: 16px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten {
    margin-top: 20px;
    border: 3px solid #ee292e;
    border-radius: 10px;
    padding: 0 10px 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten img {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten img {
    margin-top: 15px;
    margin-bottom: 0;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten h3 {
  margin: 0 -30px;
  padding: 5px 10px 5px 90px;
  background: repeating-linear-gradient(-45deg, #ee292e, #ee292e 5px, #f14a4e 0, #f14a4e 10px);
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  border-bottom: 6px solid #ee292e;
  text-indent: -80px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten h3 {
    padding: 5px 10px 5px 45px;
    text-indent: -60px;
    font-size: 1.1em;
    background: repeating-linear-gradient(-45deg, #ee292e, #ee292e 4px, #f14a4e 0, #f14a4e 8px);
    margin: 0 -10px;
    border-bottom: 3px solid #ee292e;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten h3 img {
  width: 100px;
  margin: -40px 10px -30px -30px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten h3 img {
    width: 50px;
    margin: -30px 5px -30px 5px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten h4 {
  margin-top: 30px;
  font-size: 1.6em;
  text-align: left;
  border: 2px solid #ee292e;
  border-left: 12px solid #ee292e;
  border-right: 12px solid #ee292e;
  padding: 5px 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten h4 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1em;
    border: 1px solid #ee292e;
    border-left: 6px solid #ee292e;
    border-right: 6px solid #ee292e;
    padding: 3px 5px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten p {
  padding-top: 20px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .tokuten p {
    padding-top: 10px;
  }
}
#wrap .lp-block .container .lp-block-inner .tokuten .br-txt {
  background-color: #fff;
  color: #ee292e;
}

/* =======================================
お客様の声
======================================= */
.voice {
  background-color: #fcf8ee;
  background-image: none;
  background-image: none;
  background-position: center center;
  background-size: 200px;
}
.voice .container {
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 60px 30px !important;
}
@media only screen and (max-width: 768px) {
  .voice .container {
    padding: 30px 15px !important;
  }
}
.voice .container .lp-block-inner {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 60px 60px;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner {
    padding: 1px 15px 15px;
  }
}
.voice .container .lp-block-inner p {
  margin: 0 auto;
  line-height: 2em;
  padding: 1.8em 0 0;
  color: #333;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner p {
    margin: 0 auto;
    width: 100%;
    line-height: 1.8em;
    padding: 1.4em 0 0;
    font-size: 1.6rem;
  }
}
.voice .container {
  background-color: transparent;
}
.voice .container .lp-block-inner {
  background-color: #f9efed;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 100px 60px;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner {
    padding: 0 15px 30px;
  }
}
.voice .container .lp-block-inner .voice-content {
  border-bottom: 1px solid #fff;
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content {
    padding-top: 15px;
    padding-bottom: 25px;
    flex-direction: column;
  }
}
.voice .container .lp-block-inner .voice-content .profile {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content .profile {
    margin: 0 auto;
  }
}
.voice .container .lp-block-inner .voice-content .profile .prof-txt {
  padding-top: 10px;
}
.voice .container .lp-block-inner .voice-content .profile .prof-name, .voice .container .lp-block-inner .voice-content .profile .prof-title {
  padding-top: 0;
  line-height: 1.4;
  text-align: center;
}
.voice .container .lp-block-inner .voice-content .profile .prof-title {
  font-size: 1em;
}
.voice .container .lp-block-inner .voice-content .voice-txt {
  position: relative;
  background-color: #fff;
  margin-top: 30px;
  padding: 0 30px 30px;
  border-radius: 15px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content .voice-txt {
    margin-top: 30px;
    padding: 0 15px 15px;
    border-radius: 10px;
  }
}
.voice .container .lp-block-inner .voice-content .voice-txt h3 {
  font-size: 1.8em;
  text-align: left;
  color: #f4632e;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content .voice-txt h3 {
    font-size: 1.3em;
  }
}
.voice .container .lp-block-inner .voice-content .voice-txt p {
  background: -webkit-linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background: linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
  background-position: bottom;
  background-size: 40px 40px;
  color: #555;
  padding: 40px 0 0;
  font-size: 1.1em;
  line-height: 40px;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content .voice-txt p {
    background-size: 30px 30px;
    padding: 30px 0 0;
    line-height: 30px;
    font-size: 0.9em;
  }
}
.voice .container .lp-block-inner .voice-content .voice-txt ul {
  padding: 1.1em 0 0 1.5em;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content .voice-txt ul {
    padding: 1.1em 0 0 1.2em;
  }
}
.voice .container .lp-block-inner .voice-content .voice-txt ul li {
  padding-top: 0.5em;
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content .voice-txt ul li {
    font-size: 0.9em;
  }
}
.voice .container .lp-block-inner .voice-content:nth-child(odd) .profile-img {
  margin: 2.8em 40px 0 0;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(odd) .profile-img {
    margin: 10px auto 0;
  }
}
.voice .container .lp-block-inner .voice-content:nth-child(odd) .prof-txt {
  margin: 0 40px 0 0;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(odd) .prof-txt {
    margin: 0 auto;
  }
}
.voice .container .lp-block-inner .voice-content:nth-child(odd) .voice-txt {
  position: relative;
}
.voice .container .lp-block-inner .voice-content:nth-child(odd) .voice-txt:before {
  content: "";
  position: absolute;
  top: 90px;
  left: -40px;
  margin-top: -20px;
  border: 20px solid transparent;
  border-right: 20px solid #fff;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(odd) .voice-txt:before {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
  }
}
.voice .container .lp-block-inner .voice-content:nth-child(even) {
  flex-direction: row-reverse;
}
.voice .container .lp-block-inner .voice-content:nth-child(even) .profile-img {
  margin: 2.8em 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(even) .profile-img {
    margin: 10px auto 0;
  }
}
.voice .container .lp-block-inner .voice-content:nth-child(even) .prof-txt {
  margin: 0 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(even) .prof-txt {
    margin: 0 auto;
  }
}
.voice .container .lp-block-inner .voice-content:nth-child(even) .voice-txt {
  position: relative;
}
.voice .container .lp-block-inner .voice-content:nth-child(even) .voice-txt:before {
  content: "";
  position: absolute;
  top: 90px;
  right: -40px;
  margin-top: -20px;
  border: 20px solid transparent;
  border-left: 20px solid #fff;
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(even) .voice-txt:before {
    top: -10px;
    right: 50%;
    transform: translateX(50%);
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
  }
}
@media only screen and (max-width: 768px) {
  .voice .container .lp-block-inner .voice-content:nth-child(even) {
    flex-direction: column;
  }
}
.voice .profile-img {
  width: 150px;
  height: 150px;
  background-color: #f7dd9a;
  background-image: url(../img/parts/voice-message.svg);
  background-position: center center;
  background-size: 100% 100%;
  overflow: hidden;
  border-radius: 50%;
}
.voice .profile-img img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .voice .profile-img {
    width: 130px;
    height: 130px;
  }
}

/* =======================================
Q&A
======================================= */
#wrap .faq-bk01 .container {
  background-color: #F0ECE8;
}
#wrap .faq-bk01 .container .faq {
  margin-top: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk01 .container .faq {
    margin-top: 20px;
  }
}
#wrap .faq-bk01 .container .faq h3 {
  position: relative;
  background-color: #f4632e;
  color: #fff;
  padding: 25px 40px 30px 70px;
  font-size: 1.4em;
  text-align: left;
  text-indent: -1.8em;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk01 .container .faq h3 {
    padding: 5px 15px 12px 40px;
    font-size: 1.1em;
    text-indent: -30px;
  }
}
#wrap .faq-bk01 .container .faq h3:before {
  font-family: 'Lato', sans-serif;
  font-size: 1.5em;
  content: "Q.";
  margin-right: 5px;
}
#wrap .faq-bk01 .container .faq .faq-a {
  padding-bottom: 30px;
}
#wrap .faq-bk01 .container .faq h4 {
  color: #f4632e;
  padding: 20px 30px 0px 70px;
  font-size: 1.4em;
  text-align: left;
  text-indent: -1.8em;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk01 .container .faq h4 {
    padding: 10px 20px 0px 50px;
    font-size: 1.1em;
    text-indent: -30px;
  }
}
#wrap .faq-bk01 .container .faq h4:before {
  font-family: 'Lato', sans-serif;
  font-size: 1.5em;
  content: "A.";
  margin-right: 5px;
}
#wrap .faq-bk01 .container .faq p {
  padding: 20px 30px 0px;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk01 .container .faq p {
    padding: 10px 20px 0px;
  }
}

#wrap .faq-bk02 .container {
  background-color: #F0ECE8;
}
#wrap .faq-bk02 .container .faq {
  margin-top: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk02 .container .faq {
    margin-top: 20px;
  }
}
#wrap .faq-bk02 .container .faq h3 {
  position: relative;
  background-color: #f4632e;
  color: #fff;
  padding: 25px 54px 30px 70px;
  font-size: 1.4em;
  text-align: left;
  text-indent: -1.8em;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk02 .container .faq h3 {
    padding: 5px 38px 12px 40px;
    font-size: 1.1em;
    text-indent: -30px;
  }
}
#wrap .faq-bk02 .container .faq h3:before {
  font-family: 'Lato', sans-serif;
  font-size: 1.5em;
  content: "Q.";
  margin-right: 5px;
}
#wrap .faq-bk02 .container .faq h3:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -22px;
  content: '\f139';
  color: #fff;
  font-size: 30px;
  font-family: "Font Awesome 5 Free";
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk02 .container .faq h3:after {
    margin-top: -13px;
    font-size: 20px;
  }
}
#wrap .faq-bk02 .container .faq h3.collapsed:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -22px;
  content: '\f13a';
  color: #fff;
  font-size: 30px;
  font-family: "Font Awesome 5 Free";
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk02 .container .faq h3.collapsed:after {
    margin-top: -13px;
    font-size: 20px;
  }
}
#wrap .faq-bk02 .container .faq .faq-a {
  padding-bottom: 30px;
}
#wrap .faq-bk02 .container .faq h4 {
  color: #f4632e;
  padding: 20px 30px 0px 70px;
  font-size: 1.4em;
  text-align: left;
  text-indent: -1.8em;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk02 .container .faq h4 {
    padding: 10px 20px 0px 50px;
    font-size: 1.1em;
    text-indent: -30px;
  }
}
#wrap .faq-bk02 .container .faq h4:before {
  font-family: 'Lato', sans-serif;
  font-size: 1.5em;
  content: "A.";
  margin-right: 5px;
}
#wrap .faq-bk02 .container .faq p {
  padding: 20px 30px 0px;
}
@media only screen and (max-width: 768px) {
  #wrap .faq-bk02 .container .faq p {
    padding: 10px 20px 0px;
  }
}

/* =======================================
フッター
======================================= */
footer {
  margin-top: auto;
}
footer .policy {
  background-color: #f4632e;
  padding: 20px 0;
}
@media only screen and (max-width: 768px) {
  footer .policy {
    padding: 5px 0;
  }
}
footer .policy p {
  color: #f9efed;
  text-align: center;
  font-size: 1em;
}
@media only screen and (max-width: 768px) {
  footer .policy p {
    font-size: 0.8em;
  }
}
footer .policy a {
  color: #f9efed;
}
footer .copyright {
  background-color: #000;
  padding: 30px 0;
}
@media only screen and (max-width: 768px) {
  footer .copyright {
    padding: 10px 0;
  }
}
footer .copyright p {
  text-align: center;
  font-size: 1em;
  color: #ffdeaa;
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  footer .copyright p {
    font-size: 0.8em;
  }
}
footer .copyright p {
  opacity: 1 !important;
}

/* =======================================
文字装飾
======================================= */
#wrap .lp-block .container .lp-block-inner .bdr01 {
  border: solid #f4632e 4px;
  background-color: #fcf8ee;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 20px;
}
#wrap .lp-block .container .lp-block-inner .bdr01 > :first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .bdr01 {
    border: solid #f4632e 2px;
    background-color: #fcf8ee;
    border-radius: 0px;
    margin-top: 20px;
    padding: 15px;
    padding-top: 15px;
  }
  #wrap .lp-block .container .lp-block-inner .bdr01 > :first-child {
    padding-top: 0;
    margin-top: 0;
  }
}

#wrap .lp-block .container .lp-block-inner .bdr02 {
  border: solid #999 1px;
  background-color: #fff;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
}
#wrap .lp-block .container .lp-block-inner .bdr02 > :first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .bdr02 {
    border: solid #999 0.5px;
    background-color: #fff;
    border-radius: 0px;
    margin-top: 20px;
    padding: 15px;
    padding-top: 15px;
  }
  #wrap .lp-block .container .lp-block-inner .bdr02 > :first-child {
    padding-top: 0;
    margin-top: 0;
  }
}
#wrap .lp-block .container .lp-block-inner .bdr02 p {
  padding-left: 3em;
  text-indent: -3em;
}
@media only screen and (max-width: 768px) {
  #wrap .lp-block .container .lp-block-inner .bdr02 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* =======================================
追加デザイン
======================================= */
#wrap #fw-img02 .container {
  background-color: transparent;
  background-image: url("../img/none");
  background-size: cover;
  background-position: center center;
}
#wrap #fw-img02 .container .lp-block-inner {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 800px;
}
#wrap #fw-img02 .container .lp-block-inner img {
  width: 100%;
}
#wrap #fw-img02 .container {
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}

#wrap #fw-img03 .container {
  background-color: transparent;
  background-image: url("../img/header-pc-bk.jpg");
  background-size: cover;
  background-position: center center;
}
#wrap #fw-img03 .container .lp-block-inner {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 760px;
}
#wrap #fw-img03 .container .lp-block-inner img {
  width: 100%;
}

#wrap .cpt1 .container {
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
#wrap .cpt1 .container .lp-block-inner {
  max-width: 860px;
}
#wrap .cpt1 .container .lp-block-inner p {
  color: #fff;
  font-size: 1.5em;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt1 .container .lp-block-inner p {
    font-size: 1em;
  }
}

/* =======================================
フォームデザイン トップページ　トップ
======================================= */
#wrap .form-lw01 .container {
  max-width: 100%;
  background-color: transparent;
}
#wrap .form-lw01 .container .lp-block-inner {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner {
    padding: 0;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-title {
  padding: 10px 20px 20px;
  background-color: #f4632e;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-title {
    padding: 5px 5px 7px;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-title p {
  text-align: center;
  margin: 0 auto;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-title p {
    padding-top: 3px;
    font-size: 0.8em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-title h2 {
  padding-top: 7px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-title h2 {
    padding-top: 3px;
    font-size: 1.2em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame {
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame {
    padding: 0;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-txt-bk {
  padding: 20px 0;
  background-color: #ffe3d8;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-txt-bk {
    padding: 10px 0;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-txt-bk .form-txt {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 600px;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-img-bk {
  background-color: #f9efed;
  background-image: url("../img/_img-full-pc-bk.jpg");
  background-position: center center;
  background-size: auto 100%;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-img-bk img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk {
  padding: 0 30px 60px;
  background-color: #ffe3d8;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk {
    padding: 0 15px 30px;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
    padding-top: 10px;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
  padding: 10px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
    padding: 5px 0;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents {
  max-width: 600px;
  margin: 0 auto;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
    padding-top: 5px;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
  padding-top: 15px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
    padding-top: 7px;
    flex-direction: column;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
  color: #777;
  font-size: 1.2em;
  width: 32%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 3px;
    text-align: left;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required input {
  flex: 1;
  margin: 0 auto;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
  padding: 20px 0 10px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
    min-width: 260px;
    padding: 7px 0 15px;
    margin: 0 auto;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
  padding: 20px 0 0px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
    min-width: 260px;
    padding: 10px 0 0;
    margin: 0 auto;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame th, #wrap .form-lw01 .container .lp-block-inner .form-frame label {
  color: #fff;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .rqd {
  color: #ffdea9;
  font-size: 0.8em;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame input[type="text"] {
  width: 100%;
  max-width: 540px;
  color: #555;
  border-radius: 5px;
  border: solid 2px #ccc;
  font-size: 1.2em;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame input[type="text"] {
    font-size: 0.9em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame input[type="text"]::placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame input[type="text"]::-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-bottom-txt {
  padding-top: 10px;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-bottom-txt p {
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .linebtn-bottom-txt {
  padding-top: 10px;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .linebtn-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .caution {
  width: 100%;
  height: 80px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .caution {
    margin-top: 10px;
  }
}
#wrap .form-lw01 .container .lp-block-inner .caution > p {
  font-size: 0.8em !important;
  font-weight: normal !important;
  line-height: 1.6em;
  text-align: left;
  color: rgba(255, 255, 255, 0.8) !important;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents .form-bottom-txt p {
  line-height: 1.3;
  color: #1b5f94;
  letter-spacing: 0;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents .form-bottom-txt p {
    font-size: 0.9em;
  }
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents .form-bottom-txt p .dl {
  background-color: #d9ebef;
}
#wrap .form-lw01 .container .lp-block-inner .form-frame .form-contents-bk .form-contents .form-bottom-txt p .dl .num {
  font-size: 1.2em;
  font-style: italic;
}

/* =======================================
フォームデザイン トップページ　ボディ
======================================= */
#wrap .form-lw02 .container {
  max-width: 100%;
  background-color: transparent;
}
#wrap .form-lw02 .container .lp-block-inner {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner {
    padding: 0;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-title {
  padding: 10px 20px 20px;
  background-color: #f4632e;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-title {
    padding: 5px 5px 7px;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-title p {
  text-align: center;
  margin: 0 auto;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-title p {
    padding-top: 3px;
    font-size: 0.8em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-title h2 {
  padding-top: 7px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-title h2 {
    padding-top: 3px;
    font-size: 1.2em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame {
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame {
    padding: 0;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-txt-bk {
  padding: 20px 0;
  background-color: #ffe3d8;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-txt-bk {
    padding: 10px 0;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-txt-bk .form-txt {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 600px;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-img-bk {
  background-color: #f9efed;
  background-image: url("../img/_img-full-pc-bk.jpg");
  background-position: center center;
  background-size: auto 100%;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-img-bk img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk {
  padding: 15px 30px 30px;
  background-color: #ffe3d8;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk {
    padding: 5px 15px 15px;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
    padding-top: 10px;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
  padding: 10px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
    padding: 5px 0;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents {
  max-width: 600px;
  margin: 0 auto;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
    padding-top: 5px;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
  padding-top: 15px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
    padding-top: 7px;
    flex-direction: column;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
  color: #777;
  font-size: 1.2em;
  width: 32%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 3px;
    text-align: left;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required input {
  flex: 1;
  margin: 0 auto;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
  padding: 20px 0 10px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
    min-width: 260px;
    padding: 7px 0 15px;
    margin: 0 auto;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
  padding: 20px 0 0px;
  margin: 0 auto;
  min-width: 420px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
    min-width: 260px;
    padding: 10px 0 0;
    margin: 0 auto;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame th, #wrap .form-lw02 .container .lp-block-inner .form-frame label {
  color: #fff;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .rqd {
  color: #ffdea9;
  font-size: 0.8em;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame input[type="text"] {
  width: 100%;
  max-width: 540px;
  color: #555;
  border-radius: 5px;
  border: solid 2px #ccc;
  font-size: 1.2em;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame input[type="text"] {
    font-size: 0.9em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame input[type="text"]::placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame input[type="text"]::-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-bottom-txt {
  padding-top: 10px;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .form-bottom-txt p {
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .form-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .linebtn-bottom-txt {
  padding-top: 10px;
}
#wrap .form-lw02 .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
  color: #fff;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .form-frame .linebtn-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form-lw02 .container .lp-block-inner .caution {
  width: 100%;
  height: 80px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw02 .container .lp-block-inner .caution {
    margin-top: 10px;
  }
}
#wrap .form-lw02 .container .lp-block-inner .caution > p {
  font-size: 0.8em !important;
  font-weight: normal !important;
  line-height: 1.6em;
  text-align: left;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* =======================================
ブレット
======================================= */
#wrap .cpt2 .container .lp-block-inner {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 860px;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt2 .container .lp-block-inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

#wrap .module01 {
  border: #ccc 2px solid;
  background-color: #f7f7f7;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .module01 {
    border: #ccc 1px solid;
    padding: 10px;
  }
}
#wrap .module01 .module-inner {
  background-color: #fff;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .module01 .module-inner {
    padding: 15px;
  }
}
#wrap .module01 .module-inner h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 2.4rem;
  margin-top: 20px;
  padding: 0 10px;
  text-align: left;
  border-left: 6px solid #ee292e;
}
@media only screen and (max-width: 768px) {
  #wrap .module01 .module-inner h4 {
    font-size: 1.6rem;
    margin-top: 10px;
    padding: 0 5px;
    text-align: left;
    border-left: 3px solid #ee292e;
  }
}
#wrap .module01 .module-inner h5 {
  border-bottom: 2px solid #ccc;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .module01 .module-inner h5 {
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 10px;
  }
}
#wrap .module01 .module-inner h5 .mk {
  background: -webkit-linear-gradient(top, rgba(255, 222, 169, 0) 50%, #ffdea9 50%);
  background: linear-gradient(to bottom, rgba(255, 222, 169, 0) 50%, #ffdea9 50%);
}

/* =======================================
モジュール h3
======================================= */
#wrap .cpt3 .container .lp-block-inner {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 860px;
}
#wrap .cpt3 .container .lp-block-inner .h3-bk {
  background-color: #f4632e;
  padding: 15px 30px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3 .container .lp-block-inner .h3-bk {
    padding: 8px 15px 10px;
  }
}
#wrap .cpt3 .container .lp-block-inner .h3-bk:before {
  position: absolute;
  content: "";
  border-top: 20px solid #f4632e;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3 .container .lp-block-inner .h3-bk:before {
    position: absolute;
    content: "";
    border-top: 13.3333333333px solid #f4632e;
    border-left: 13.3333333333px solid transparent;
    border-right: 13.3333333333px solid transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#wrap .cpt3 .container .lp-block-inner .h3-bk h3 {
  padding-top: 10px;
  color: #fff;
  text-align: left;
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3 .container .lp-block-inner .h3-bk h3 {
    padding-top: 5px;
  }
}
#wrap .cpt3 .container .lp-block-inner .h3-bk h3.module-cpt {
  padding-top: 0;
  padding-bottom: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  border-bottom: 1px #fff solid;
  font-size: 2.8rem;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3 .container .lp-block-inner .h3-bk h3.module-cpt {
    font-size: 2rem;
    padding-bottom: 3px;
  }
}

#wrap .cpt3-2 .container .lp-block-inner {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 860px;
}
#wrap .cpt3-2 .container .lp-block-inner .h3-bk {
  background-color: #f4632e;
  padding: 15px 30px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3-2 .container .lp-block-inner .h3-bk {
    padding: 8px 15px 10px;
  }
}
#wrap .cpt3-2 .container .lp-block-inner .h3-bk:before {
  position: absolute;
  content: "";
  border-top: 20px solid #f4632e;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3-2 .container .lp-block-inner .h3-bk:before {
    position: absolute;
    content: "";
    border-top: 13.3333333333px solid #f4632e;
    border-left: 13.3333333333px solid transparent;
    border-right: 13.3333333333px solid transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#wrap .cpt3-2 .container .lp-block-inner .h3-bk h3 {
  padding-top: 0.1em;
  color: #fff;
  text-align: left;
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3-2 .container .lp-block-inner .h3-bk h3 {
    font-size: 1.2em;
    letter-spacing: 0;
  }
}
#wrap .cpt3-2 .container .lp-block-inner .h3-bk h3.module-cpt {
  padding-top: 0;
  padding-bottom: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  border-bottom: 1px #fff solid;
  font-size: 2.8rem;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt3-2 .container .lp-block-inner .h3-bk h3.module-cpt {
    font-size: 2rem;
    padding-bottom: 3px;
  }
}

/* =======================================
フォームグラデライン
======================================= */
#wrap .form-line .container {
  padding-top: 10px;
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}

/* =======================================
お申し込みページトップ
======================================= */
#wrap #fw-img04 .container {
  background-color: transparent;
  background-image: url("../img/none");
  background-size: cover;
  background-position: center center;
}
#wrap #fw-img04 .container .lp-block-inner {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 600px;
}
#wrap #fw-img04 .container .lp-block-inner img {
  width: 100%;
}
#wrap #fw-img04 .container {
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
#wrap #fw-img04 .container .lp-block-inner h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 2.6em;
  padding: 42px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
}
@media only screen and (max-width: 768px) {
  #wrap #fw-img04 .container .lp-block-inner h2 {
    font-size: 1.6em;
    padding: 10px;
  }
}

/* =======================================
お申し込み内容
======================================= */
#wrap .cpt4 .container {
  background-color: #f9f0ed;
  background: linear-gradient(0deg, #ffe2d8 80px, #f9f0ed 80px);
}
#wrap .cpt4 .container .lp-block-inner {
  padding-top: 40px;
  padding-bottom: 0;
  max-width: 860px;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt4 .container .lp-block-inner {
    padding-top: 15px;
  }
}
#wrap .cpt4 .container .lp-block-inner .h3-bk {
  background-color: #f4632e;
  padding: 30px 30px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt4 .container .lp-block-inner .h3-bk {
    padding: 15px 15px 10px;
  }
}
#wrap .cpt4 .container .lp-block-inner .h3-bk:before {
  position: absolute;
  content: "";
  border-top: 20px solid #f4632e;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  #wrap .cpt4 .container .lp-block-inner .h3-bk:before {
    position: absolute;
    content: "";
    border-top: 13.3333333333px solid #f4632e;
    border-left: 13.3333333333px solid transparent;
    border-right: 13.3333333333px solid transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#wrap .cpt4 .container .lp-block-inner .h3-bk p {
  text-align: center;
  color: #fff;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt4 .container .lp-block-inner .h3-bk p {
    font-size: 1.2rem;
    padding-bottom: 0;
  }
}
#wrap .cpt4 .container .lp-block-inner .h3-bk h3 {
  padding-top: 10px;
  color: #fff;
  text-align: center;
  border-bottom: none;
  font-size: 3em;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt4 .container .lp-block-inner .h3-bk h3 {
    padding-top: 0;
    font-size: 2em;
  }
}

#wrap .module02 {
  border-left: #ccc 2px solid;
  border-right: #ccc 2px solid;
  border-bottom: #ccc 2px solid;
  background-color: #f7f7f7;
  padding: 0 15px 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 {
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    padding: 0 10px 10px;
  }
}
#wrap .module02 .module-inner {
  background-color: #fff;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 .module-inner {
    padding: 15px;
  }
}
#wrap .module02 .module-inner h4 {
  font-size: 3rem;
  margin-top: 30px;
  padding: 0 10px;
  text-align: left;
  border-left: 6px solid #ee292e;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 .module-inner h4 {
    font-size: 2rem;
    margin-top: 10px;
    padding: 0 5px;
    text-align: left;
    border-left: 3px solid #ee292e;
  }
}
#wrap .module02 .module-inner h5 {
  font-size: 2.4rem;
  margin: 20px 0 0 20px;
  padding: 0;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 .module-inner h5 {
    margin: 10px 0 0 10px;
    padding: 0 !important;
    border-bottom: none !important;
  }
}
#wrap .module02 .module-inner h5 .h5-bk {
  background-color: #ffdea9;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 .module-inner h5 {
    font-size: 2rem;
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 10px;
  }
}
#wrap .module02 .module-inner h5 .mk {
  background: -webkit-linear-gradient(top, rgba(255, 222, 169, 0) 50%, #ffdea9 50%);
  background: linear-gradient(to bottom, rgba(255, 222, 169, 0) 50%, #ffdea9 50%);
}
#wrap .module02 .module-inner .khc-outline {
  margin-top: 20px;
  background-color: #f7f7f7;
  padding: 5px 30px 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 .module-inner .khc-outline {
    padding: 5px 15px 15px;
  }
}
#wrap .module02 .module-inner .khc-outline p {
  margin-top: 20px;
}
#wrap .module02 .module-inner .khc-outline h5, #wrap .module02 .module-inner .khc-outline p {
  margin-left: 0;
  padding-left: 0;
}
#wrap .module02 .module-inner p {
  padding-top: 0;
  padding-left: 40px;
  margin-top: 15px;
  font-size: 2.2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .module02 .module-inner p {
    padding-left: 10px;
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
#wrap .module02 .module-inner p.cpt-end {
  padding-bottom: 20px;
  border-bottom: 2px solid #ccc;
}

/* =======================================
こちらから
======================================= */
#wrap .cpt6 .container .lp-block-inner {
  padding: 2.4em 60px 2.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt6 .container .lp-block-inner {
    padding: 2em 15px 2em;
  }
}

#wrap .cpt5 .container {
  background-color: #ffe2d8;
}
#wrap .cpt5 .container .lp-block-inner {
  padding: 0;
}
#wrap .cpt5 .container .lp-block-inner h2 {
  font-size: 2.2em;
  padding-top: 5px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  #wrap .cpt5 .container .lp-block-inner h2 {
    font-size: 1.3em;
  }
}
#wrap .cpt5 .container .lp-block-inner img.img-all {
  margin-top: 20px;
}

/* =======================================
お申し込みページフォーム
======================================= */
#wrap .form-lw03 .container {
  max-width: 100%;
  background-color: transparent;
}
#wrap .form-lw03 .container .lp-block-inner {
  background-color: #fff;
  padding: 20px 100px 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner {
    padding: 5px 15px 15px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-title {
  max-width: 780px;
  margin: 40px auto 0;
  padding: 10px 20px 20px;
  background-color: #f4992e;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-title {
    margin: 10px auto 0;
    padding: 5px 5px 7px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-title p {
  text-align: center;
  margin: 0 auto;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-title p {
    padding-top: 3px;
    font-size: 0.8em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-title h2 {
  padding-top: 7px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 3em;
  line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-title h2 {
    padding-top: 3px;
    font-size: 2em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame {
  max-width: 780px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  border-left: #f4992e solid 8px;
  border-right: #f4992e solid 8px;
  border-bottom: #f4992e solid 8px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame {
    padding: 0;
    border-left: #f4992e solid 4px;
    border-right: #f4992e solid 4px;
    border-bottom: #f4992e solid 4px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-txt-bk {
  padding: 20px 0 0;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-txt-bk {
    padding: 10px 0 0;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-txt-bk .form-txt {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 600px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
  font-size: 1.2em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk {
  padding: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk {
    padding: 0 15px 15px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
  font-size: 1.2em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
    font-size: 1em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
    padding-top: 15px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
  padding: 10px 0;
  color: #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
    padding: 5px 0;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents {
  max-width: 600px;
  margin: 0 auto;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
  padding: 6px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
    flex-direction: column;
    padding: 3px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
  color: #777;
  font-size: 1.2em;
  width: 32%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 3px;
    text-align: left;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required input {
  flex: 1;
  margin: 0 auto;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .form_input_submit {
  text-align: center;
  padding-top: 0 !important;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .form_input_submit {
    margin-top: 3px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame th, #wrap .form-lw03 .container .lp-block-inner .form-frame label {
  color: #333;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .rqd {
  color: #ee292e;
  font-size: 0.8em;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame input[type="text"] {
  width: 100%;
  max-width: 540px;
  color: #555;
  border-radius: 5px;
  border: solid 2px #ccc;
  font-size: 1.2em;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame input[type="text"] {
    font-size: 0.9em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame input[type="text"]::placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame input[type="text"]::-ms-input-placeholder {
  color: #aaa;
  text-align: left;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-bottom-txt {
  padding-top: 10px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-bottom-txt p {
  color: #333;
  font-size: 1.2em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .linebtn-bottom-txt {
  padding-top: 10px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
  color: #333;
  font-size: 1.2em;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .linebtn-bottom-txt {
    padding-top: 5px;
    font-size: 1em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .caution {
  width: 100%;
  height: 80px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .caution {
    margin-top: 10px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .caution > p {
  font-size: 0.8em !important;
  font-weight: normal !important;
  line-height: 1.6em;
  text-align: left;
  color: rgba(51, 51, 51, 0.8) !important;
}
#wrap .form-lw03 .container {
  background-color: #ffe2d8;
}
#wrap .form-lw03 .container .lp-block-inner {
  background-color: transparent;
  padding: 20px 60px 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner {
    padding: 15px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-title {
  max-width: 740px;
  margin-top: 0;
}
#wrap .form-lw03 .container .lp-block-inner .form-title p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame {
  max-width: 740px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-top-txt p {
  line-height: 1.8;
  font-size: 2.2rem !important;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-top-txt p {
    font-size: 1.5rem !important;
    letter-spacing: 0;
    text-align: left;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk {
  padding: 0 20px 20px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk {
    padding: 0 10px 10px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 1000px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex {
    display: block;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 {
  min-width: 320px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 {
    min-width: 0px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 .btn_submit {
  min-width: 300px;
  border-radius: 100px;
  padding: 20px 50px 20px 20px;
  background-color: #c5f030;
  background: url("../img/parts/button-arrow04.svg"), radial-gradient(ellipse at top center, rgba(130, 214, 52, 0) 40%, #82d634, #79bb27), linear-gradient(180deg, #c5f030, #c5f030);
  background-size: 50px, 100% 100%, 100% 100%;
  background-position: center right 10px, top center, center center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  font-size: 1.3em;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
  color: #FFFFFF;
  margin-bottom: -10px !important;
  width: 100%;
  max-width: 340px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 .btn_submit:hover {
  filter: brightness(140%);
  box-shadow: rgba(0, 0, 0, 0.3) 0 4px 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 .btn_submit {
    min-width: 160px;
    margin-top: 5px;
    border-radius: 60px;
    background-size: 30px, 100% 100%, 100% 100%;
    background-position: center right 3px, center center, center center;
    padding: 10px 6px;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 0;
    color: #FFFFFF;
    margin-bottom: -5px !important;
  }
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 .btn_submit:hover {
    filter: brightness(140%);
    transform: translateY(3px);
    box-shadow: rgba(0, 0, 0, 0.3) 0 3px 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 .btn_submit {
    min-width: 0px;
    padding: 20px 30px 20px 15px;
    width: 100%;
    max-width: 420px;
  }
}
@media only screen and (max-width: 330px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css01 .btn_submit {
    font-size: 1.1em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 {
  min-width: 320px;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 {
    min-width: 0px;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 .btn_submit {
  min-width: 300px;
  border-radius: 100px;
  padding: 20px 50px 20px 20px;
  background-color: #f3b92e;
  background: url("../img/parts/button-arrow04.svg"), radial-gradient(ellipse at top center, rgba(237, 145, 47, 0) 40%, #ed912f, #d85f1e), linear-gradient(180deg, #f3b92e, #f3b92e);
  background-size: 50px, 100% 100%, 100% 100%;
  background-position: center right 10px, top center, center center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  font-size: 1.3em;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
  color: #FFFFFF;
  margin-bottom: -10px !important;
  width: 100%;
  max-width: 340px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 .btn_submit:hover {
  filter: brightness(140%);
  box-shadow: rgba(0, 0, 0, 0.3) 0 4px 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 .btn_submit {
    min-width: 160px;
    margin-top: 5px;
    border-radius: 60px;
    background-size: 30px, 100% 100%, 100% 100%;
    background-position: center right 3px, center center, center center;
    padding: 10px 6px;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 0;
    color: #FFFFFF;
    margin-bottom: -5px !important;
  }
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 .btn_submit:hover {
    filter: brightness(140%);
    transform: translateY(3px);
    box-shadow: rgba(0, 0, 0, 0.3) 0 3px 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 .btn_submit {
    min-width: 0px;
    padding: 20px 30px 20px 15px;
    width: 100%;
    max-width: 420px;
  }
}
@media only screen and (max-width: 330px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents .btn-form-css02 .btn_submit {
    font-size: 1.1em;
  }
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-button-flex .form-contents p {
  font-size: 1.6rem;
  color: #666666;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-bottom-txt2 {
  margin-top: 20px;
}
#wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-bottom-txt2 p {
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-bottom-txt2 p {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 330px) {
  #wrap .form-lw03 .container .lp-block-inner .form-frame .form-contents-bk .form-bottom-txt2 p {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}

/* =======================================
カウントダウンタイマー
======================================= */
#wrap .timer-bk .form-timer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  text-align: center;
  font-size: 3.4rem;
  font-weight: bold;
  background-color: #3d2f3c;
}
@media only screen and (max-width: 768px) {
  #wrap .timer-bk .form-timer {
    flex-direction: column;
    padding: 10px 5px;
    font-size: 2.1rem;
  }
}
#wrap .timer-bk .form-timer .timer-txt {
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 1em;
  line-height: 1.4em;
  margin-right: 10px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #wrap .timer-bk .form-timer .timer-txt {
    padding: 3px 6px;
    border-radius: 4px;
    margin: 0 auto;
  }
}
#wrap .timer-bk .form-timer .timer, #wrap .timer-bk .form-timer #timer, #wrap .timer-bk .form-timer #timer2, #wrap .timer-bk .form-timer #timer3, #wrap .timer-bk .form-timer #timer4, #wrap .timer-bk .form-timer #timer5, #wrap .timer-bk .form-timer #timer6, #wrap .timer-bk .form-timer #timer7, #wrap .timer-bk .form-timer #timer8, #wrap .timer-bk .form-timer #timer9, #wrap .timer-bk .form-timer #timer10 {
  color: #fff;
  font-size: 1em;
  line-height: 1.3em;
  padding: 0;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  #wrap .timer-bk .form-timer .timer, #wrap .timer-bk .form-timer #timer, #wrap .timer-bk .form-timer #timer2, #wrap .timer-bk .form-timer #timer3, #wrap .timer-bk .form-timer #timer4, #wrap .timer-bk .form-timer #timer5, #wrap .timer-bk .form-timer #timer6, #wrap .timer-bk .form-timer #timer7, #wrap .timer-bk .form-timer #timer8, #wrap .timer-bk .form-timer #timer9, #wrap .timer-bk .form-timer #timer10 {
    margin: 0 auto 0;
    padding-top: 0px;
  }
}
#wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-sec {
  color: #eeeeee;
  font-size: 1.7em;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer .timer .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer2 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer3 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer4 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer5 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer6 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer7 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer8 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer9 .yycountdown-box .yyc-sec, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-day, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-hou, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-min, #wrap .timer-bk .form-timer #timer10 .yycountdown-box .yyc-sec {
    font-size: 1.53em;
  }
}
#wrap .timer-bk .form-timer .timer .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer2 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer3 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer4 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer5 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer6 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer7 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer8 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer9 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer10 .whc-countdown .expire-num {
  color: #eeeeee;
  font-size: 1.7em;
}
@media only screen and (max-width: 768px) {
  #wrap .timer-bk .form-timer .timer .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer2 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer3 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer4 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer5 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer6 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer7 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer8 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer9 .whc-countdown .expire-num, #wrap .timer-bk .form-timer #timer10 .whc-countdown .expire-num {
    font-size: 1.53em;
  }
}
#wrap .timer-bk .form-timer .timer:before, #wrap .timer-bk .form-timer #timer:before, #wrap .timer-bk .form-timer #timer2:before, #wrap .timer-bk .form-timer #timer3:before, #wrap .timer-bk .form-timer #timer4:before, #wrap .timer-bk .form-timer #timer5:before, #wrap .timer-bk .form-timer #timer6:before, #wrap .timer-bk .form-timer #timer7:before, #wrap .timer-bk .form-timer #timer8:before, #wrap .timer-bk .form-timer #timer9:before, #wrap .timer-bk .form-timer #timer10:before {
  content: "残り";
}
#wrap .timer-bk .form-timer p {
  text-align: center;
  font-weight: normal;
  padding-top: 1.2rem;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #wrap .timer-bk .form-timer p {
    padding-top: 0.8rem;
    font-size: 1.4rem;
  }
}

#wrap .dl01 .container {
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
#wrap .dl01 .container .lp-block-inner {
  text-align: center;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.4) 0 0 6px;
  padding: 24px;
  font-size: 2em;
  max-width: 1200px;
}
@media only screen and (max-width: 768px) {
  #wrap .dl01 .container .lp-block-inner {
    font-size: 0.85em;
    padding: 10px;
  }
}
#wrap .dl01 .container .lp-block-inner .num-dl {
  font-weight: bold;
  font-size: 1.6em;
  vertical-align: -0.05em;
  font-style: italic;
}
#wrap .dl01 .container .lp-block-inner .txt-dl {
  font-size: 1.2em;
}

/* =======================================
期間限定特典
======================================= */
#wrap .tokuten-cpt1 .container {
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
#wrap .tokuten-cpt1 .container .lp-block-inner {
  max-width: 500px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt1 .container .lp-block-inner {
    max-width: 300px;
    padding-bottom: 15px;
  }
}

#wrap .tokuten-title .container {
  background-color: #c3123e;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
#wrap .tokuten-title .container .lp-block-inner {
  background-origin: content-box;
  background-image: url(../img/laurel-crown.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 500px;
  padding-bottom: 75px;
}
#wrap .tokuten-title .container .lp-block-inner .gentei-area {
  padding: 3em 0 5em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title .container .lp-block-inner .gentei-area {
    padding: 2em 0 3em;
  }
}
#wrap .tokuten-title .container .lp-block-inner .gentei-area .gentei-area-h3 {
  text-align: center;
}
#wrap .tokuten-title .container .lp-block-inner .gentei-area .gentei-area-h3 h3 {
  letter-spacing: 0;
  display: inline-block;
  padding: 0 0.5em;
  color: #333;
  border-bottom: #ee292e solid 3px;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title .container .lp-block-inner .gentei-area .gentei-area-h3 h3 {
    font-size: 1em;
  }
}
#wrap .tokuten-title .container .lp-block-inner .gentei-area .gentei-area-h3 h3 .num {
  font-size: 1.5em;
}
#wrap .tokuten-title .container .lp-block-inner .gentei-area img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title .container .lp-block-inner {
    max-width: 300px;
    padding-bottom: 15px;
  }
}

#wrap .tokuten-title2 {
  background-color: #c3123e !important;
  background: linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
#wrap .tokuten-title2 .container {
  background-color: transparent !important;
  background: linear-gradient(180deg, #f9f0ed 50px, rgba(249, 240, 237, 0) 50px);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title2 .container {
    background: linear-gradient(180deg, #f9f0ed 35px, rgba(249, 240, 237, 0) 35px);
  }
}
#wrap .tokuten-title2 .container .lp-block-inner {
  background-origin: content-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 600px;
  padding-top: 0;
  padding-bottom: 75px;
}
#wrap .tokuten-title2 .container .lp-block-inner .gentei-area {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title2 .container .lp-block-inner .gentei-area {
    padding: 0 10px 25px;
  }
}
#wrap .tokuten-title2 .container .lp-block-inner .gentei-area .gentei-area-h3 {
  text-align: center;
}
#wrap .tokuten-title2 .container .lp-block-inner .gentei-area .gentei-area-h3 h3 {
  letter-spacing: 0;
  display: inline-block;
  padding: 0 0.5em;
  color: #333;
  border-bottom: #ee292e solid 3px;
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title2 .container .lp-block-inner .gentei-area .gentei-area-h3 h3 {
    font-size: 1em;
  }
}
#wrap .tokuten-title2 .container .lp-block-inner .gentei-area .gentei-area-h3 h3 .num {
  font-size: 1.5em;
}
#wrap .tokuten-title2 .container .lp-block-inner .gentei-area img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-title2 .container .lp-block-inner {
    max-width: 100%;
    padding-bottom: 0;
  }
}

.form-limit {
  background-image: url(../img/cfti-l.png), url(../img/cfti-r.png);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, bottom right;
  background-size: auto 100%, auto 100%;
  padding: 0 7%;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .form-limit {
    padding: 0 15px 5px;
  }
}
.form-limit .fl-cap {
  font-weight: bold;
  letter-spacing: 0;
  font-size: 1.7em;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .form-limit .fl-cap {
    font-size: 1.1em;
  }
}
.form-limit .fl-date {
  padding: 1% 0 0;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 2.2em;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .form-limit .fl-date {
    font-size: 1.2em;
  }
}
.form-limit .yy {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  .form-limit .yy {
    font-size: 1.1em;
  }
}
.form-limit .num {
  font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
  .form-limit .num {
    font-size: 1.6em;
  }
}

.fl-dl {
  padding: 3% 0 1%;
  line-height: 1.3;
  color: #1b5f94;
  letter-spacing: 0;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .fl-dl {
    padding: 2% 0 2%;
    font-size: 1em;
  }
}
.fl-dl .mk {
  background-color: #d9ebef;
  background-image: none;
  padding: 0.1em;
}

.btn-dl {
  padding-top: 1.2em;
}
@media only screen and (max-width: 768px) {
  .btn-dl {
    padding-top: 0.8em;
  }
}
.btn-dl .btn-dl-h {
  color: #1b5f94;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .btn-dl .btn-dl-h {
    font-size: 0.95em;
  }
}
.btn-dl .date {
  background-color: #d9ebef;
  padding: 0.1em;
}
.btn-dl .num {
  font-size: 1.2em;
  font-style: italic;
}
.btn-dl .btn-dl-cap {
  color: #1b5f94;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 1.1em;
  padding: 0.5em 0 0;
}
@media only screen and (max-width: 768px) {
  .btn-dl .btn-dl-cap {
    font-size: 0.8em;
  }
}

#wrap .tokuten-content-area .container {
  background-color: transparent;
}
#wrap .tokuten-content-area .container .lp-block-inner {
  padding-top: 0;
  padding-bottom: 30px;
  max-width: 860px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner {
    padding-bottom: 15px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner h2 {
  font-size: 2.6em;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  margin: 1em 0 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner h2 {
    font-size: 1.2em;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content {
  margin-top: 45px;
  border: #ccc 2px solid;
  background-color: #f7f7f7;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content {
    border: #ccc 1px solid;
    padding: 10px;
    margin-top: 50px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner {
  background-color: #fff;
  padding: 25px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner {
    padding: 0 15px 15px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 {
    flex-direction: column;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  text-align: center;
  border-radius: 50%;
  background: url(../img/laurel-crown-mark.png);
  background-size: 100%;
  background-position: center;
  color: #fff;
  font-weight: bold;
  padding-top: 16px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark {
    width: 80px;
    height: 80px;
    margin: -45px auto 0;
    padding-top: 18px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .tmh {
  font-size: 0.8em;
  line-height: 1em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .tmh {
    font-size: 0.9em;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .num {
  font-size: 1.8em;
  line-height: 1em;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .num {
    font-size: 2em;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt {
  flex-grow: 2;
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt .sub {
  letter-spacing: 0;
  font-size: 1.4em;
  color: #ee292e;
  border-bottom: #ccc 2px solid;
  padding: 0 0 0.2em 10px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt .sub {
    font-size: 1.1em;
    padding: 10px 0 0.3em 0;
    text-align: center;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt h3 {
  color: #333;
  text-align: left;
  padding: 0.2em 0 0 10px;
  font-size: 2.3em;
  line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt h3 {
    text-align: center;
    letter-spacing: 0;
    padding: 0.3em 0 0 0;
    font-size: 1.6em;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt {
  padding: 0 0 0 80px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt {
    padding: 0 0 15px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt .tokuten-contents-img {
  margin-top: 20px;
  border: #ccc solid 2px;
  padding: 2px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt .tokuten-contents-img {
    margin-top: 15px;
    border: #ccc solid 1px;
    padding: 1px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt p {
  font-size: 1em;
  font-weight: bold;
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt p .mk {
  background-color: #ffdea9;
  padding: 0.1em;
  background-image: none;
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul {
  list-style-type: none;
  margin: 2em auto 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul {
    margin: 1.5em auto 0;
    padding: 0px;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li {
  color: #333;
  font-size: 1.2em;
  padding-left: 1.2em;
  text-indent: -1.2em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li {
    letter-spacing: 0;
    padding-left: 1em;
    text-indent: -1.3em;
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
  }
}
#wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: bold;
  color: #ee292e;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li:before {
    margin-right: 3px;
  }
}

#wrap .tokuten-content-area01 {
  margin-top: -105px;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area01 {
    margin-top: 0px;
  }
}
#wrap .tokuten-content-area01 .container {
  background: linear-gradient(0deg, #ffe2d8 90px, rgba(255, 226, 216, 0) 90px);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area01 .container {
    padding-top: 1px;
    background: linear-gradient(0deg, #ffe2d8 60px, rgba(255, 226, 216, 0) 60px);
  }
}

#wrap .tokuten-content-area01b {
  margin-top: -105px;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area01b {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area01b .container {
    padding-top: 1px;
  }
}

#wrap .tokuten-content-area02 {
  margin-top: -105px;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area02 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area02 .container {
    padding-top: 1px;
  }
}
#wrap .tokuten-content-area02 .container .lp-block-inner {
  padding-bottom: 0;
}

#wrap .tokuten-content-area03 {
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area03 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-content-area03 .container {
    padding-top: 5px;
  }
}
#wrap .tokuten-content-area03 .container .lp-block-inner {
  padding-bottom: 0;
}

#wrap .tokuten-cpt2 .container {
  background-color: rgba(249, 240, 237, 0);
  background: linear-gradient(0deg, #ffe2d8 90px, rgba(255, 226, 216, 0) 90px), linear-gradient(180deg, rgba(249, 240, 237, 0) 60px, #f9f0ed 60px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt2 .container {
    background-color: #f9f0ed;
    background: linear-gradient(0deg, #ffe2d8 45px, rgba(255, 226, 216, 0) 45px), linear-gradient(180deg, #f9f0ed 30px, #f9f0ed 30px), linear-gradient(180deg, rgba(249, 240, 237, 0) 30px, rgba(249, 240, 237, 0) 30px);
  }
}
#wrap .tokuten-cpt2 .container .lp-block-inner {
  max-width: 800px;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt2 .container .lp-block-inner {
    padding: 15px;
  }
}
#wrap .tokuten-cpt2 .container .lp-block-inner img {
  margin-top: 0;
}

#wrap .tokuten-cpt3 .container {
  background-color: #f9f0ed;
}
#wrap .tokuten-cpt3 .container .lp-block-inner {
  padding-top: 40px;
  padding-bottom: 40;
  max-width: 860px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt3 .container .lp-block-inner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk {
  background-color: #f4632e;
  padding: 30px 30px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk {
    padding: 15px 15px 10px;
  }
}
#wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk:before {
  position: absolute;
  content: "";
  border-top: 20px solid #f4632e;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk:before {
    position: absolute;
    content: "";
    border-top: 13.3333333333px solid #f4632e;
    border-left: 13.3333333333px solid transparent;
    border-right: 13.3333333333px solid transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk p {
  text-align: center;
  color: #fff;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk p {
    font-size: 1.2rem;
    padding-bottom: 0;
  }
}
#wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk h3 {
  padding-top: 10px;
  color: #fff;
  text-align: center;
  border-bottom: none;
  font-size: 3em;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt3 .container .lp-block-inner .h3-bk h3 {
    padding-top: 0;
    font-size: 2em;
  }
}

#wrap .tokuten-cpt4 .container {
  background-color: rgba(249, 240, 237, 0);
  background: linear-gradient(180deg, rgba(249, 240, 237, 0) 60px, #f9f0ed 60px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt4 .container {
    background-color: #f9f0ed;
    background: linear-gradient(180deg, #f9f0ed 30px, #f9f0ed 30px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
  }
}
#wrap .tokuten-cpt4 .container .lp-block-inner {
  max-width: 800px;
  padding: 0 30px 60px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt4 .container .lp-block-inner {
    padding: 0 15px 30px;
  }
}
#wrap .tokuten-cpt4 .container .lp-block-inner #app-tokuten img {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt4 .container .lp-block-inner #app-tokuten {
    padding-top: 1em;
  }
}

#wrap .tokuten-cpt5 {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt5 {
    padding-top: 15px;
  }
}
#wrap .tokuten-cpt5 .container {
  background-color: rgba(249, 240, 237, 0);
  background: linear-gradient(180deg, #f9f0ed 40px, rgba(249, 240, 237, 0) 40px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt5 .container {
    background: linear-gradient(180deg, #f9f0ed 25px, rgba(249, 240, 237, 0) 25px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
  }
}
#wrap .tokuten-cpt5 .container .lp-block-inner {
  max-width: 600px;
  padding-top: 0;
  padding-bottom: 30px;
  margin-top: -2px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt5 .container .lp-block-inner {
    max-width: 300px;
    padding-top: 0;
    padding-bottom: 15px;
  }
}

#wrap .tokuten-cpt6 .container {
  background-color: rgba(249, 240, 237, 0);
  background: linear-gradient(180deg, rgba(249, 240, 237, 0) 60px, #f9f0ed 60px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt6 .container {
    background-color: #f9f0ed;
    background: linear-gradient(180deg, rgba(249, 240, 237, 0) 30px, #f9f0ed 30px), linear-gradient(90deg, #f9f0ed, #f9f0ed);
  }
}
#wrap .tokuten-cpt6 .container .lp-block-inner {
  max-width: 800px;
  padding: 1px 30px 1px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt6 .container .lp-block-inner {
    padding: 15px 15px 1px;
  }
}
#wrap .tokuten-cpt6 .container .lp-block-inner img {
  margin-top: 0;
}

#wrap .tokuten-cpt7 .container {
  background-color: #f9f0ed;
}
#wrap .tokuten-cpt7 .container .lp-block-inner {
  max-width: 800px;
  padding: 50px 30px 1px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt7 .container .lp-block-inner {
    padding: 25px 15px 1px;
  }
}
#wrap .tokuten-cpt7 .container .lp-block-inner img {
  margin-top: 0;
}

#wrap .tokuten-cpt10 .container {
  background-color: rgba(249, 240, 237, 0);
  background: linear-gradient(180deg, #fde2d8 40px, rgba(253, 226, 216, 0) 40px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt10 .container {
    background: linear-gradient(180deg, #fde2d8 25px, rgba(253, 226, 216, 0) 25px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
  }
}
#wrap .tokuten-cpt10 .container .lp-block-inner {
  max-width: 1000px;
  padding-top: 0;
  padding-bottom: 30px;
  margin-top: -2px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt10 .container .lp-block-inner {
    padding-top: 0;
    padding-bottom: 15px;
  }
}

#wrap .tokuten-cpt8 .container {
  background-color: rgba(249, 240, 237, 0);
  background: linear-gradient(0deg, #ffe2d8 90px, rgba(255, 226, 216, 0) 90px), linear-gradient(180deg, rgba(249, 240, 237, 0) 60px, #f9f0ed 60px), linear-gradient(90deg, #c0113e, #ee292e, #f4622e, #ee292e, #c0113e);
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container {
    background-color: #f9f0ed;
    background: linear-gradient(0deg, #ffe2d8 45px, rgba(255, 226, 216, 0) 45px), linear-gradient(180deg, #f9f0ed 30px, #f9f0ed 30px), linear-gradient(180deg, rgba(249, 240, 237, 0) 30px, rgba(249, 240, 237, 0) 30px);
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner {
  max-width: 800px;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner {
    padding: 15px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner img {
  margin-top: 0;
}

#wrap .tokuten-cpt8 .container {
  background-color: transparent;
}
#wrap .tokuten-cpt8 .container .lp-block-inner {
  padding-top: 0;
  padding-bottom: 30px;
  max-width: 860px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner {
    padding-bottom: 15px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner h2 {
  font-size: 2.6em;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  margin: 1em 0 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner h2 {
    font-size: 1.2em;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content {
  margin-top: 0px;
  border: #ccc 2px solid;
  background-color: #f7f7f7;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content {
    border: #ccc 1px solid;
    padding: 10px;
    margin-top: 15px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner {
  background-color: #fff;
  padding: 1px 25px 25px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner {
    padding: 1px 15px 15px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 {
    flex-direction: column;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  text-align: center;
  border-radius: 50%;
  background: url(../img/laurel-crown-mark.png);
  background-size: 100%;
  background-position: center;
  color: #fff;
  font-weight: bold;
  padding-top: 16px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark {
    width: 80px;
    height: 80px;
    margin: -45px auto 0;
    padding-top: 18px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .tmh {
  font-size: 0.8em;
  line-height: 1em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .tmh {
    font-size: 0.9em;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .num {
  font-size: 1.8em;
  line-height: 1em;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-mark .num {
    font-size: 2em;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt {
  flex-grow: 2;
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt .sub {
  letter-spacing: 0;
  font-size: 1.4em;
  color: #ee292e;
  border-bottom: #ccc 2px solid;
  padding: 0 0 0.2em 10px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt .sub {
    font-size: 1.1em;
    padding: 10px 0 0.3em 0;
    text-align: center;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt h3 {
  color: #333;
  text-align: left;
  padding: 0.2em 0 0 10px;
  font-size: 2.3em;
  line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-h3 .tokuten-h3-txt h3 {
    text-align: center;
    letter-spacing: 0;
    padding: 0.3em 0 0 0;
    font-size: 1.6em;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt {
    padding: 0 0 15px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt .tokuten-contents-img {
  margin-top: 20px;
  border: #ccc solid 2px;
  padding: 2px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt .tokuten-contents-img {
    margin-top: 15px;
    border: #ccc solid 1px;
    padding: 1px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt p {
  font-size: 1.2em;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt p {
    font-size: 1em;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt p .mk {
  background-color: #ffdea9;
  padding: 0.1em;
  background-image: none;
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul {
  list-style-type: none;
  margin: 2em auto 0;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul {
    margin: 1.5em auto 0;
    padding: 0px;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li {
  color: #333;
  font-size: 1.2em;
  padding-left: 1.2em;
  text-indent: -1.2em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li {
    letter-spacing: 0;
    padding-left: 1em;
    text-indent: -1.3em;
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
  }
}
#wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: bold;
  color: #ee292e;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  #wrap .tokuten-cpt8 .container .lp-block-inner .tokuten-content .tokuten-inner .tokuten-contents-txt ul li:before {
    margin-right: 3px;
  }
}

/*# sourceMappingURL=style.css.map */