@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
/*
#6BD7C0
#63CBC8
#1D848C
#76BFD2
#3136D8
#D4C7E6
#17B1DE
#22C4F2
#45D1FA
#805CFF
#7EB2FE
#ED563B
#FF6380
#354D8D
#289AD3
#36BDFF
#FFFF66
*/
@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; }

/* ==========================================================================
フォント游ゴシック
========================================================================== */
html {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt"; }

/* IE10以上 */
_:-ms-input-placeholder, :root html {
  font-family: "メイリオ", Meiryo, sans-serif; }

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

html {
  font-size: 62.5%; }

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

@media only screen and (min-width: 767px) {
  .spv {
    display: none; } }
@media only screen and (max-width: 768px) {
  .pcv {
    display: none; } }
/* ==========================================================================
デフォルト
========================================================================== */
.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: #555555;
      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
========================================================================== */
#wrap .lp-block .container .lp-block-inner .h3-u {
  text-align: center; }
  #wrap .lp-block .container .lp-block-inner .h3-u h3 {
    color: #FF8400;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 6px #FFC300;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.3; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .h3-u h3 {
        padding-bottom: 5px;
        border-bottom: solid 3px #FFC300;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 1.2em; } }
  #wrap .lp-block .container .lp-block-inner .h3-u + p {
    padding-top: 60px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .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: #FF8400;
  border-bottom: 6px solid #FFEB00; }
  @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 #FFEB00; } }
  .strength h3 .number {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    margin-right: 0.2em;
    color: #FFEB00; }

.img-all {
  display: block;
  width: 100%;
  height: 100%;
  margin: 2.8em auto 0; }

.img-left {
  order: 0;
  width: 300px;
  height: 100%;
  margin: 2.8em 30px 0 0;
  float: left; }

.img-right {
  order: 2;
  width: 300px;
  height: 100%;
  margin: 2.8em 0 0 30px;
  float: right; }

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

  .img-right {
    order: 0;
    display: block;
    width: 100%;
    height: auto;
    margin: 2em auto 0;
    float: none; }

  .img-left {
    display: block;
    width: 100%;
    height: auto;
    margin: 2em auto 0;
    float: none; }

  .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-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; } }

/* ==========================================================================
リスト
========================================================================== */
.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: #555555;
    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: #CC0000;
      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: #555555;
    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: #CC0000;
      margin-right: 5px; }

/* ==========================================================================
ダウンロードフォーム
========================================================================== */
/*============================
placeholderの色
============================*/
/*============================
フォームタグ内のレイアウト
============================*/
/* テーブルレイアウト */
form {
  padding: 20px 0 10px; }
  @media only screen and (max-width: 768px) {
    form {
      padding-top: 10px; } }
  form table {
    width: 100%; }
  form table, form th, form td {
    padding: 6px; }
    @media only screen and (max-width: 768px) {
      form table, form th, form td {
        padding: 3px; } }
  form th {
    color: #777;
    font-size: 1.2em;
    width: 32%; }
    @media only screen and (max-width: 768px) {
      form th {
        font-size: 0.9em;
        display: block;
        width: 100%;
        text-align: left; } }
  form td {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      form td {
        display: block;
        width: 100%; } }
  form .submit_button {
    padding-top: 15px; }
    @media only screen and (max-width: 768px) {
      form .submit_button {
        padding-top: 3px; } }

/* MyAsp */
form .required {
  padding: 6px;
  display: flex;
  align-items: baseline; }
  @media only screen and (max-width: 768px) {
    form .required {
      flex-direction: column;
      padding: 3px; } }
  form .required label {
    color: #777;
    font-size: 1.2em;
    width: 32%;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      form .required label {
        width: 100%;
        font-size: 0.9em;
        margin-bottom: 3px;
        text-align: left; } }
  form .required input {
    flex: 1;
    margin: 0 auto; }
form .form_input_submit, form .submit {
  text-align: center;
  padding-top: 0 !important;
  margin-top: 15px; }
  @media only screen and (max-width: 768px) {
    form .form_input_submit, form .submit {
      margin-top: 3px; } }

/*============================
フォーム内の画像
============================*/
/*============================
フォーム内タイマー
============================*/
/*============================
ボタンのみの場合
============================*/
.form-contents {
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .form-contents {
      padding-top: 7px; } }
  .form-contents a button {
    margin: 25px auto 10px; }

@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; } }

/*============================
LINEフォーム
============================*/
/* ==========================================================================
フッター
========================================================================== */
footer {
  margin-top: auto; }
  footer .policy {
    background-color: #ffa442;
    padding: 20px 0; }
    @media only screen and (max-width: 768px) {
      footer .policy {
        padding: 5px 0; } }
    footer .policy p {
      color: #ffffff;
      text-align: center;
      font-size: 1em; }
      @media only screen and (max-width: 768px) {
        footer .policy p {
          font-size: 0.8em; } }
    footer .policy a {
      color: #ffffff; }
  footer .copyright {
    background-color: #FF8400;
    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: #ffffff;
      opacity: 0.5; }
      @media only screen and (max-width: 768px) {
        footer .copyright p {
          font-size: 0.8em; } }

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

.ast2 {
  color: #FFC300; }

.ast3 {
  color: #FF8400; }

.r {
  color: #CC0000; }

.y {
  color: #ffff22; }

.bk {
  color: #555555; }

.wb {
  font-weight: bold; }

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

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

.mk-r {
  background: -webkit-linear-gradient(top, rgba(204, 0, 0, 0) 70%, #CC0000 70%);
  background: linear-gradient(to bottom, rgba(204, 0, 0, 0) 70%, #CC0000 70%); }

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

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

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

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

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

  .lll {
    font-size: 1.5em;
    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(#CC0000), color-stop(0.5, #CC0000), color-stop(0.9, transparent), to(transparent));
  background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #CC0000, #CC0000 95%, transparent 95%, transparent);
  background-image: radial-gradient(0.1em 0.1em at center center, #CC0000, #CC0000 95%, transparent); }

@supports (text-emphasis: dot) or (-webkit-text-emphasis: dot) {
  .d {
    -webkit-text-emphasis: filled dot #CC0000;
    text-emphasis: filled dot #CC0000;
    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); }

#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: #FFC300; }
          @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/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, #FFC300 50%, rgba(255, 195, 0, 0) 50%);
    background: linear-gradient(0deg, #FFC300 50%, rgba(255, 195, 0, 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: #FFC300; }
    #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: #FF8400; }
        @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: #FF8400;
        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: #FFEB00 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, #FFC300, #FFC300), 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: #555555;
        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 #FF8400;
      border-radius: 15px;
      padding: 0 30px 30px; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit-item {
          border: 2px solid #FF8400;
          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: #FF8400;
        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 .instractor .row {
  padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    #wrap .instractor .row {
      padding: 8px; } }
  #wrap .instractor .row .inst {
    padding-top: 30px; }
    @media only screen and (max-width: 768px) {
      #wrap .instractor .row .inst {
        padding: 8px; } }
    #wrap .instractor .row .inst img {
      width: 100%; }
      @media only screen and (max-width: 544px) {
        #wrap .instractor .row .inst img {
          display: block;
          width: 60%;
          margin: 0 auto; } }
    #wrap .instractor .row .inst .inst-name {
      padding: 10px 0 3px;
      border-bottom: 1px solid #aaa; }
      #wrap .instractor .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 .instractor .row .inst .inst-name h3 {
            text-align: center; } }
      #wrap .instractor .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 .instractor .row .inst .inst-name .genre {
            text-align: center; } }
    #wrap .instractor .row .inst p {
      padding-top: 10px;
      font-size: 1em; }
      @media only screen and (max-width: 768px) {
        #wrap .instractor .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: #FFEB00;
  background: -webkit-linear-gradient(180deg, #fff799, #FFEB00);
  background: linear-gradient(180deg, #fff799, #FFEB00);
  border-bottom: #FF8400 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: #FF8400 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 #CC0000;
  border-radius: 16px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .tokuten {
      margin-top: 20px;
      border: 3px solid #CC0000;
      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, #CC0000, #CC0000 5px, #f00000 0, #f00000 10px);
    color: #fff;
    text-align: left;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    border-bottom: 6px solid #CC0000;
    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, #CC0000, #CC0000 4px, #f00000 0, #f00000 8px);
        margin: 0 -10px;
        border-bottom: 3px solid #CC0000; } }
    #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 #CC0000;
    border-left: 12px solid #CC0000;
    border-right: 12px solid #CC0000;
    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 #CC0000;
        border-left: 6px solid #CC0000;
        border-right: 6px solid #CC0000;
        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-bk .container {
  background-image: url(../img/parts/paper-bk.jpg);
  background-repeat: repeat;
  background-size: 200px; }
  @media only screen and (max-width: 768px) {
    .message-bk .container {
      background-size: 200px; } }

.message-h3 {
  text-align: center; }
  .message-h3 h3 {
    font-size: 2.4em;
    display: inline-block;
    border-bottom: #FFEB00 solid 6px;
    line-height: 1.3em;
    padding-top: 30px;
    padding-bottom: 6px; }
    @media only screen and (max-width: 768px) {
      .message-h3 h3 {
        padding-top: 30px;
        font-size: 1.4em;
        border-bottom: #FFEB00 solid 3px;
        padding-bottom: 3px; } }

#wrap .lp-block .container .lp-block-inner .mesage-frame {
  border: solid #FF8400 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 #FF8400 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;
      margin-bottom: 15px; } }
  #wrap .lp-block .container .lp-block-inner .message p {
    line-height: 50px;
    padding-top: 50px; }
    #wrap .lp-block .container .lp-block-inner .message p .l {
      font-size: 1.4em;
      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; }
        #wrap .lp-block .container .lp-block-inner .message p .l {
          font-size: 1.2em;
          vertical-align: -0.05em; } }

#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: #24ABF8;
    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: #fffdfa;
    border: #24ABF8 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: #24ABF8 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: #555555;
      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: #FF8400;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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: #555555;
      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: #FF8400;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-ebook .clm-frame {
    background-color: rgba(255, 255, 255, 0.8); }

#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: #FF8400;
    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: #FF8400 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: #FF8400 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 #FF8400 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 #FF8400 3px; } }
    #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4 {
      background-color: #FFEB00;
      color: #555555;
      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 #FF8400 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 #FF8400 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: #FF8400;
        font-size: 2em;
        border-right: solid #FF8400 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 #FF8400 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 #FF8400 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 #FF8400 2px;
            padding-left: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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: #555555;
      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: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-no .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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; } }

#wrap .lp-block .container .lp-block-inner .tokuten {
  background-color: #fff;
  margin-top: 40px;
  padding: 0 30px 30px;
  border: 6px solid #CC0000;
  border-radius: 16px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .tokuten {
      margin-top: 20px;
      border: 3px solid #CC0000;
      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, #CC0000, #CC0000 5px, #f00000 0, #f00000 10px);
    color: #fff;
    text-align: left;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    border-bottom: 6px solid #CC0000;
    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, #CC0000, #CC0000 4px, #f00000 0, #f00000 8px);
        margin: 0 -10px;
        border-bottom: 3px solid #CC0000; } }
    #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 #CC0000;
    border-left: 12px solid #CC0000;
    border-right: 12px solid #CC0000;
    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 #CC0000;
        border-left: 6px solid #CC0000;
        border-right: 6px solid #CC0000;
        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; } }

/* =======================================
ページの設定
======================================= */
body {
  background-color: #eee; }
  body:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background: url(../img/body-bk.jpg) center/cover no-repeat;
    -webkit-background-size: cover; }
  @supports (-ms-ime-align: auto) {
    body {
      background: url(../img/body-bk.jpg);
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }

    body:before {
      background: none; } }
  #wrap {
    position: relative;
    z-index: 2; }

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

#wrap .cpt1 .container {
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 60px 30px !important; }
  @media only screen and (max-width: 768px) {
    #wrap .cpt1 .container {
      padding: 30px 15px !important; } }
  #wrap .cpt1 .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 .cpt1 .container .lp-block-inner {
        padding: 1px 15px 15px; } }
    #wrap .cpt1 .container .lp-block-inner p {
      margin: 0 auto;
      line-height: 2em;
      padding: 1.8em 0 0;
      color: #555555;
      font-size: 2rem; }
      @media only screen and (max-width: 768px) {
        #wrap .cpt1 .container .lp-block-inner p {
          margin: 0 auto;
          width: 100%;
          line-height: 1.8em;
          padding: 1.4em 0 0;
          font-size: 1.6rem; } }
#wrap .cpt1 .container {
  background-color: transparent;
  background-image: linear-gradient(45deg, rgba(255, 195, 0, 0.7) 25%, transparent 25%, transparent 75%, rgba(255, 195, 0, 0.7) 75%, rgba(255, 195, 0, 0.7)), linear-gradient(45deg, rgba(255, 195, 0, 0.7) 25%, transparent 25%, transparent 75%, rgba(255, 195, 0, 0.7) 75%, rgba(255, 195, 0, 0.7)), linear-gradient(45deg, rgba(255, 195, 0, 0.8) 25%, transparent 25%, transparent 75%, rgba(255, 195, 0, 0.8) 75%, rgba(255, 195, 0, 0.8)), linear-gradient(45deg, rgba(255, 195, 0, 0.8) 25%, transparent 25%, transparent 75%, rgba(255, 195, 0, 0.8) 75%, rgba(255, 195, 0, 0.8));
  background-position: 0 0, 3px 3px, 3px 0, 0 3px;
  background-size: 6px 6px; }
  @media only screen and (max-width: 768px) {
    #wrap .cpt1 .container {
      background-attachment: scroll; } }
  #wrap .cpt1 .container .lp-block-inner {
    max-width: 800px; }

/* =======================================
全幅画像
======================================= */
#wrap #fw-img01 .container {
  background-color: #FFEB00;
  background-image: url(../img/header_pc_bk.jpg);
  background-size: auto 100%;
  background-position: center center; }
  @media only screen and (max-width: 768px) {
    #wrap #fw-img01 .container {
      background-image: url(../img/header_pc_bk.jpg); } }
  #wrap #fw-img01 .container .lp-block-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px; }
    #wrap #fw-img01 .container .lp-block-inner img {
      width: 100%; }

#wrap #fw-img02 .container {
  background-color: #FFF9DB;
  background-image: none;
  background-size: auto 100%;
  background-position: center center; }
  @media only screen and (max-width: 768px) {
    #wrap #fw-img02 .container {
      background-image: none; } }
  #wrap #fw-img02 .container .lp-block-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px; }
    #wrap #fw-img02 .container .lp-block-inner img {
      width: 100%; }

/* =======================================
見出し
======================================= */
.heading-2 .container {
  width: 100%;
  max-width: 100%; }
  .heading-2 .container .lp-block-inner {
    position: relative;
    background-color: #FFEB00;
    padding: 20px; }
    @media only screen and (max-width: 768px) {
      .heading-2 .container .lp-block-inner {
        padding: 10px 5px; } }
    .heading-2 .container .lp-block-inner:before {
      position: absolute;
      content: "";
      border-top: 30px solid #FFEB00;
      border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      top: 100%;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        .heading-2 .container .lp-block-inner:before {
          position: absolute;
          content: "";
          border-top: 20px solid #FFEB00;
          border-left: 40px solid transparent;
          border-right: 40px solid transparent;
          top: 100%;
          left: 50%;
          transform: translateX(-50%); } }
    .heading-2 .container .lp-block-inner h2 {
      color: #555;
      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 {
      color: #555;
      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; } }
#wrap .heading-2 + .text .container {
  padding-top: 15px; }
  @media only screen and (max-width: 768px) {
    #wrap .heading-2 + .text .container {
      padding-top: 10px; } }

#voice-h2 .container {
  width: 100%;
  max-width: 100%; }
  #voice-h2 .container .lp-block-inner {
    position: relative;
    background-color: #FF8400;
    padding: 20px; }
    @media only screen and (max-width: 768px) {
      #voice-h2 .container .lp-block-inner {
        padding: 10px 5px; } }
    #voice-h2 .container .lp-block-inner:before {
      position: absolute;
      content: "";
      border-top: 30px solid #FF8400;
      border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      top: 100%;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        #voice-h2 .container .lp-block-inner:before {
          position: absolute;
          content: "";
          border-top: 20px solid #FF8400;
          border-left: 40px solid transparent;
          border-right: 40px solid transparent;
          top: 100%;
          left: 50%;
          transform: translateX(-50%); } }
    #voice-h2 .container .lp-block-inner h2 {
      color: #fff;
      text-align: center;
      font-weight: bold;
      line-height: 1.4em;
      font-size: 2.8em; }
      @media only screen and (max-width: 768px) {
        #voice-h2 .container .lp-block-inner h2 {
          font-size: 1.5em; } }
    #voice-h2 .container .lp-block-inner p {
      color: #fff;
      text-align: center;
      font-size: 1.68em;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        #voice-h2 .container .lp-block-inner p {
          font-size: 1.05em; } }
#wrap .heading-2 + .text .container {
  padding-top: 15px; }
  @media only screen and (max-width: 768px) {
    #wrap .heading-2 + .text .container {
      padding-top: 10px; } }

#wrap .cpt1 .container .lp-block-inner .h3-u {
  text-align: center; }
  #wrap .cpt1 .container .lp-block-inner .h3-u h3 {
    color: #555;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 6px #FFC300;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.3; }
    @media only screen and (max-width: 768px) {
      #wrap .cpt1 .container .lp-block-inner .h3-u h3 {
        padding-bottom: 5px;
        border-bottom: solid 3px #FFC300;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 1.2em; } }
  #wrap .cpt1 .container .lp-block-inner .h3-u + p {
    padding-top: 60px; }
    @media only screen and (max-width: 768px) {
      #wrap .cpt1 .container .lp-block-inner .h3-u + p {
        padding-top: 30px; } }
  #wrap .cpt1 .container .lp-block-inner .h3-u h3 {
    font-size: 2.4em; }
    @media only screen and (max-width: 768px) {
      #wrap .cpt1 .container .lp-block-inner .h3-u h3 {
        font-size: 1.2em; } }
#wrap .cpt1 .container .lp-block-inner .l {
  font-size: 1.3em;
  line-height: 1.3em; }
#wrap .cpt1 .container .lp-block-inner .ll {
  font-size: 1.6em;
  line-height: 1.3em; }
#wrap .cpt1 .container .lp-block-inner .lll {
  font-size: 1.8em;
  line-height: 1.3em; }
@media only screen and (max-width: 768px) {
  #wrap .cpt1 .container .lp-block-inner .l {
    font-size: 1.1em;
    line-height: 1.3em; }
  #wrap .cpt1 .container .lp-block-inner .ll {
    font-size: 1.2em;
    line-height: 1.3em; }
  #wrap .cpt1 .container .lp-block-inner .lll {
    font-size: 1.3em;
    line-height: 1.3em; } }

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

#wrap .lp-block .container .lp-block-inner .h3-tokuten {
  text-align: center; }
  #wrap .lp-block .container .lp-block-inner .h3-tokuten h3 {
    color: #555;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 6px #FF8400;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.3; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .h3-tokuten h3 {
        padding-bottom: 5px;
        border-bottom: solid 3px #FF8400;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 1.2em; } }
  #wrap .lp-block .container .lp-block-inner .h3-tokuten + p {
    padding-top: 60px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .h3-tokuten + p {
        padding-top: 30px; } }
  #wrap .lp-block .container .lp-block-inner .h3-tokuten h3 {
    font-size: 2.6em; }
    #wrap .lp-block .container .lp-block-inner .h3-tokuten h3 .l {
      font-size: 1.2em; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .h3-tokuten h3 {
        font-size: 1.3em; } }

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

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

/* =======================================
フォームデザイン
======================================= */
#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: #FF8400; }
      @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: 1em; } }
    #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: #FFEB00; }
        @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: 640px; }
          #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: #fff;
        padding-bottom: 30px; }
        @media only screen and (max-width: 768px) {
          #wrap .form .container .lp-block-inner .form-frame .form-img-bk {
            padding-bottom: 15px; } }
      #wrap .form .container .lp-block-inner .form-frame .form-contents-bk {
        padding: 0 30px 30px;
        background-color: #FFEB00; }
        @media only screen and (max-width: 768px) {
          #wrap .form .container .lp-block-inner .form-frame .form-contents-bk {
            padding: 0 15px 15px; } }
        #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: 30px; }
          @media only screen and (max-width: 768px) {
            #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
              padding-top: 15px; } }
          #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
            padding: 10px 0;
            border-top: 1px solid #555;
            border-bottom: 1px solid #555; }
            @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: 640px;
          margin: 0 auto; }
      #wrap .form .container .lp-block-inner .form-frame th, #wrap .form .container .lp-block-inner .form-frame label {
        color: #555; }
      #wrap .form .container .lp-block-inner .form-frame .rqd {
        color: #CC0000;
        font-size: 0.8em; }
      #wrap .form .container .lp-block-inner .form-frame input {
        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 {
            font-size: 0.9em; } }
        #wrap .form .container .lp-block-inner .form-frame input::placeholder {
          color: #aaa;
          text-align: left; }
        #wrap .form .container .lp-block-inner .form-frame input:-ms-input-placeholder {
          color: #aaa;
          text-align: left; }
        #wrap .form .container .lp-block-inner .form-frame input::-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: #555;
          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: #555;
          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(85, 85, 85, 0.8) !important; }
#wrap .form .container .lp-block-inner .form-frame .form-img-bk .form-img {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .form .container .lp-block-inner .form-frame .form-img-bk .form-img {
      padding-top: 15px; } }
  #wrap .form .container .lp-block-inner .form-frame .form-img-bk .form-img img {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0); }
    @media only screen and (max-width: 768px) {
      #wrap .form .container .lp-block-inner .form-frame .form-img-bk .form-img img {
        max-width: 60%; } }
#wrap .form .container .lp-block-inner .form-frame .form-contents-bk {
  background-color: transparent !important;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.85) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.85) 75%, rgba(255, 255, 255, 0.85)), linear-gradient(45deg, rgba(255, 255, 255, 0.85) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.85) 75%, rgba(255, 255, 255, 0.85)), linear-gradient(45deg, rgba(255, 255, 255, 0.95) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.95) 75%, rgba(255, 255, 255, 0.95)), linear-gradient(45deg, rgba(255, 255, 255, 0.95) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.95) 75%, rgba(255, 255, 255, 0.95));
  background-position: 0 0, 3px 3px, 3px 0, 0 3px;
  background-size: 6px 6px; }

#wrap .apli .container {
  max-width: 100%;
  background-color: transparent; }
  #wrap .apli .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 .apli .container .lp-block-inner {
        padding: 5px 15px 15px; } }
    #wrap .apli .container .lp-block-inner .form-title {
      max-width: 780px;
      margin: 40px auto 0;
      padding: 10px 20px 20px;
      background-color: #FF8400; }
      @media only screen and (max-width: 768px) {
        #wrap .apli .container .lp-block-inner .form-title {
          margin: 10px auto 0;
          padding: 5px 5px 7px; } }
      #wrap .apli .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 .apli .container .lp-block-inner .form-title p {
            padding-top: 3px;
            font-size: 0.8em; } }
      #wrap .apli .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 .apli .container .lp-block-inner .form-title h2 {
            padding-top: 3px;
            font-size: 1.2em; } }
    #wrap .apli .container .lp-block-inner .form-frame {
      max-width: 780px;
      margin: 0 auto;
      padding: 0;
      background-color: #fff;
      border-left: #FF8400 solid 2px;
      border-right: #FF8400 solid 2px;
      border-bottom: #FF8400 solid 2px; }
      @media only screen and (max-width: 768px) {
        #wrap .apli .container .lp-block-inner .form-frame {
          padding: 0;
          border-left: #FF8400 solid 1px;
          border-right: #FF8400 solid 1px;
          border-bottom: #FF8400 solid 1px; } }
      #wrap .apli .container .lp-block-inner .form-frame .form-txt-bk {
        padding: 20px 0 0; }
        @media only screen and (max-width: 768px) {
          #wrap .apli .container .lp-block-inner .form-frame .form-txt-bk {
            padding: 10px 0 0; } }
        #wrap .apli .container .lp-block-inner .form-frame .form-txt-bk .form-txt {
          margin: 0 auto;
          padding: 0 15px;
          max-width: 660px; }
          #wrap .apli .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
            font-size: 1.4em; }
            @media only screen and (max-width: 768px) {
              #wrap .apli .container .lp-block-inner .form-frame .form-txt-bk .form-txt p {
                font-size: 1em; } }
      #wrap .apli .container .lp-block-inner .form-frame .form-img-bk {
        padding-bottom: 0; }
        @media only screen and (max-width: 768px) {
          #wrap .apli .container .lp-block-inner .form-frame .form-img-bk {
            padding-bottom: 0; } }
      #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk {
        padding: 0 30px 30px; }
        @media only screen and (max-width: 768px) {
          #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk {
            padding: 0 15px 15px; } }
        #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
          font-size: 1.4em; }
          @media only screen and (max-width: 768px) {
            #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-txt p {
              font-size: 1em; } }
        #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
          padding-top: 30px; }
          @media only screen and (max-width: 768px) {
            #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt {
              padding-top: 15px; } }
          #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
            padding: 10px 0;
            color: #555555;
            border-top: 1px solid #555555;
            border-bottom: 1px solid #555555; }
            @media only screen and (max-width: 768px) {
              #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-mid-txt p {
                padding: 5px 0; } }
        #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk .form-contents {
          max-width: 660px;
          margin: 0 auto; }
      #wrap .apli .container .lp-block-inner .form-frame th, #wrap .apli .container .lp-block-inner .form-frame label {
        color: #555555; }
      #wrap .apli .container .lp-block-inner .form-frame .rqd {
        color: #CC0000;
        font-size: 0.8em; }
      #wrap .apli .container .lp-block-inner .form-frame input {
        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 .apli .container .lp-block-inner .form-frame input {
            font-size: 0.9em; } }
        #wrap .apli .container .lp-block-inner .form-frame input::placeholder {
          color: #aaa;
          text-align: left; }
        #wrap .apli .container .lp-block-inner .form-frame input:-ms-input-placeholder {
          color: #aaa;
          text-align: left; }
        #wrap .apli .container .lp-block-inner .form-frame input::-ms-input-placeholder {
          color: #aaa;
          text-align: left; }
      #wrap .apli .container .lp-block-inner .form-frame .form-bottom-txt {
        padding-top: 10px; }
        #wrap .apli .container .lp-block-inner .form-frame .form-bottom-txt p {
          color: #555555;
          font-size: 1.4em; }
          @media only screen and (max-width: 768px) {
            #wrap .apli .container .lp-block-inner .form-frame .form-bottom-txt p {
              font-size: 1em; } }
        @media only screen and (max-width: 768px) {
          #wrap .apli .container .lp-block-inner .form-frame .form-bottom-txt {
            padding-top: 5px;
            font-size: 1em; } }
      #wrap .apli .container .lp-block-inner .form-frame .linebtn-bottom-txt {
        padding-top: 10px; }
        #wrap .apli .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
          color: #555555;
          font-size: 1.4em; }
          @media only screen and (max-width: 768px) {
            #wrap .apli .container .lp-block-inner .form-frame .linebtn-bottom-txt p {
              font-size: 1em; } }
        @media only screen and (max-width: 768px) {
          #wrap .apli .container .lp-block-inner .form-frame .linebtn-bottom-txt {
            padding-top: 5px;
            font-size: 1em; } }
    #wrap .apli .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 .apli .container .lp-block-inner .caution {
          margin-top: 10px; } }
      #wrap .apli .container .lp-block-inner .caution > p {
        font-size: 0.8em !important;
        font-weight: normal !important;
        line-height: 1.6em;
        text-align: left;
        color: rgba(85, 85, 85, 0.8) !important; }
#wrap .apli .container {
  background-color: #fff; }
  #wrap .apli .container .lp-block-inner {
    padding-top: 0 !important; }
    @media only screen and (max-width: 768px) {
      #wrap .apli .container .lp-block-inner .form-frame .form-contents-bk {
        padding: 0 0 10px; } }
    #wrap .apli .container .lp-block-inner .form-title {
      margin-top: 0 !important; }
    #wrap .apli .container .lp-block-inner .form-bottom-txt {
      padding-top: 15px !important; }
      @media only screen and (max-width: 768px) {
        #wrap .apli .container .lp-block-inner .form-bottom-txt {
          padding-top: 0 !important; } }
    #wrap .apli .container .lp-block-inner .btn-form-css button {
      animation: none; }
    @media only screen and (max-width: 768px) {
      #wrap .apli .container .lp-block-inner .btn-form-css {
        padding-top: 5px !important; } }

/* =======================================
ボタン
======================================= */
#btn_submit, #wrap .container .lp-block-inner .form-frame .form_input_submit input, #wrap .container .lp-block-inner .form-frame .btn_submit {
  min-width: 300px;
  border-radius: 8px;
  padding: 10px 20px;
  background-color: #00d300;
  background-image: url(../img/parts/btn-luster.png);
  background-size: 100% 100%;
  font-size: 1.6em;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
  box-shadow: #006d00 0px 10px, rgba(0, 0, 0, 0.2) 0px 20px;
  border: none;
  color: #FFFFFF;
  width: auto;
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate; }
  @media only screen and (max-width: 768px) {
    #btn_submit, #wrap .container .lp-block-inner .form-frame .form_input_submit input, #wrap .container .lp-block-inner .form-frame .btn_submit {
      min-width: 160px;
      margin-top: 5px;
      border-radius: 6px;
      padding: 6px 8px;
      font-size: 1.1em;
      font-weight: bold;
      text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
      box-shadow: #006d00 0px 8px, rgba(0, 0, 0, 0.2) 0px 16px;
      border: none;
      color: #FFFFFF; } }
  #btn_submit:hover, #wrap .container .lp-block-inner .form-frame .form_input_submit input:hover, #wrap .container .lp-block-inner .form-frame .btn_submit:hover {
    transform: translateY(7px);
    background-color: #20ff20;
    text-shadow: white 0px 0px 10px;
    box-shadow: #00fd00 0px 3px, rgba(0, 0, 0, 0.2) 0px 6px, rgba(255, 255, 255, 0.8) 0px 0px 40px;
    text-decoration: none;
    -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) {
      #btn_submit:hover, #wrap .container .lp-block-inner .form-frame .form_input_submit input:hover, #wrap .container .lp-block-inner .form-frame .btn_submit:hover {
        transform: translateY(5px);
        box-shadow: #00fd00 0px 3px, rgba(0, 0, 0, 0.2) 0px 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; } }
  #btn_submit:hover, #wrap .container .lp-block-inner .form-frame .form_input_submit input:hover, #wrap .container .lp-block-inner .form-frame .btn_submit:hover {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none; }
@-webkit-keyframes blink {
  0% {
    filter: brightness(100%); }
  100% {
    text-shadow: rgba(255, 255, 255, 0.7) 0 0 10px;
    filter: brightness(140%); } }
@-moz-keyframes blink {
  0% {
    filter: brightness(100%); }
  100% {
    text-shadow: rgba(255, 255, 255, 0.7) 0 0 10px;
    filter: brightness(140%); } }
@keyframes blink {
  0% {
    filter: brightness(100%); }
  100% {
    text-shadow: rgba(255, 255, 255, 0.7) 0 0 10px;
    filter: brightness(140%); } }
#wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form button {
  min-width: 300px;
  border-radius: 8px;
  padding: 10px 50px 10px 20px;
  background-color: #00d300;
  background-image: url(../img/parts/button-arrow01.svg), url(../img/parts/btn-luster.png);
  background-size: 50px, 100% 100%;
  background-position: center right,center center;
  background-repeat: no-repeat, no-repeat;
  font-size: 1.3em;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
  box-shadow: #006d00 0px 10px, rgba(0, 0, 0, 0.2) 0px 20px;
  border: none;
  color: #FFFFFF;
  width: auto; }
  @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: 6px;
      padding: 6px 8px;
      background-image: none, url(../img/parts/btn-luster.png);
      background-size: 30px, 100% 100%;
      font-size: 1.1em;
      font-weight: bold;
      text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
      box-shadow: #006d00 0px 8px, rgba(0, 0, 0, 0.2) 0px 16px;
      border: none;
      color: #FFFFFF; } }
  #wrap .container .lp-block-inner .form-frame .form-contents-bk .line-form button:hover {
    transform: translateY(7px);
    background-color: #20ff20;
    text-shadow: white 0px 0px 10px;
    box-shadow: #00fd00 0px 3px, rgba(0, 0, 0, 0.2) 0px 6px, rgba(255, 255, 255, 0.8) 0px 0px 40px;
    text-decoration: none;
    -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:hover {
        transform: translateY(5px);
        box-shadow: #00fd00 0px 3px, rgba(0, 0, 0, 0.2) 0px 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; } }

/* =======================================
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 {
    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 .timer-bk .form-timer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 10px;
  text-align: center;
  font-size: 3.4rem;
  font-weight: bold;
  background-color: #FF8400; }
  @media only screen and (max-width: 768px) {
    #wrap .timer-bk .form-timer {
      flex-direction: column;
      padding: 5px;
      font-size: 1.8rem; } }
  #wrap .timer-bk .form-timer .timer-txt {
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 1em;
    line-height: 1.4em;
    margin-right: 10px;
    background-color: #CC0000;
    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 #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;
    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 #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: 5px auto 0; } }
    #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: #ffff22;
      font-size: 1.7em; }
      @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 #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 #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: #ffff22;
      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 #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 #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 .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: #CC0000; }
  #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 {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm .clm-title {
    background-color: #FF8400;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm .clm-title {
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm .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 .clm-title .clm-title-h3 {
          font-size: 1.2em; } }
    #wrap .lp-block .container .lp-block-inner .clm .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 .clm-frame {
    background-color: #fffdfa;
    border: #FF8400 solid 4px;
    padding: 0 30px 20px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm .clm-frame {
        border: #FF8400 solid 2px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm .clm-frame .clm-cpt:not(:last-child) {
      border-bottom: #FF8400 solid 4px;
      padding-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm .clm-frame .clm-cpt:not(:last-child) {
          border-bottom: #FF8400 solid 2px;
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm .clm-frame .clm-cpt .clm-cpt-h4 {
      color: #555555;
      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 .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 .clm-frame .clm-cpt .clm-cpt-h4:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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 .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 .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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 .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 .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: normal;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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 .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-maincontents {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-maincontents {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-title {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #FF8400;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-title {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .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-maincontents .clm-title .clm-title-h3 {
          font-size: 1.1em; } }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .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-maincontents .clm-frame {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #fffdfa;
    border: #FF8400 solid 6px;
    padding: 0 30px 20px; }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-frame .l {
      font-size: 1.4em; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-frame .l {
          font-size: 1.2em; } }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-frame {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border: #FF8400 solid 3px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .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-maincontents .clm-frame .clm-cpt:not(:last-child) {
          border-bottom: #999 solid 1px;
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-frame .clm-cpt .clm-cpt-h4 {
      color: #555555;
      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-maincontents .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-maincontents .clm-frame .clm-cpt .clm-cpt-h4:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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-maincontents .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-maincontents .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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-maincontents .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-maincontents .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: normal;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-maincontents .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-maincontents .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-maincontents .clm-frame {
    background-color: rgba(255, 255, 255, 0.8); }

#wrap .lp-block .container .lp-block-inner .clm-tokutencontents {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-title {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #CC0000;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-title {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .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-tokutencontents .clm-title .clm-title-h3 {
          font-size: 1.1em; } }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .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-tokutencontents .clm-frame {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #fffdfa;
    border: #CC0000 solid 6px;
    padding: 0 30px 20px; }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-frame .l {
      font-size: 1.4em; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-frame .l {
          font-size: 1.2em; } }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-frame {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border: #CC0000 solid 3px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .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-tokutencontents .clm-frame .clm-cpt:not(:last-child) {
          border-bottom: #999 solid 1px;
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-frame .clm-cpt .clm-cpt-h4 {
      color: #555555;
      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-tokutencontents .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-tokutencontents .clm-frame .clm-cpt .clm-cpt-h4:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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-tokutencontents .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-tokutencontents .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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-tokutencontents .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-tokutencontents .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: normal;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-tokutencontents .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-tokutencontents .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-tokutencontents .clm-frame {
    background-color: rgba(255, 255, 255, 0.8); }

#wrap .lp-block .container .lp-block-inner .clm-supports {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-supports {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-supports .clm-title {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #009fd0;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-supports .clm-title {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-supports .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-supports .clm-title .clm-title-h3 {
          font-size: 1.1em; } }
    #wrap .lp-block .container .lp-block-inner .clm-supports .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-supports .clm-frame {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #fffdfa;
    border: #009fd0 solid 6px;
    padding: 0 30px 20px; }
    #wrap .lp-block .container .lp-block-inner .clm-supports .clm-frame .l {
      font-size: 1.4em; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-supports .clm-frame .l {
          font-size: 1.2em; } }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-supports .clm-frame {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border: #009fd0 solid 3px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm-supports .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-supports .clm-frame .clm-cpt:not(:last-child) {
          border-bottom: #999 solid 1px;
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-supports .clm-frame .clm-cpt .clm-cpt-h4 {
      color: #555555;
      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-supports .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-supports .clm-frame .clm-cpt .clm-cpt-h4:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-supports .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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-supports .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-supports .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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-supports .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-supports .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: normal;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-supports .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-supports .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-supports .clm-frame {
    background-color: rgba(255, 255, 255, 0.8); }

#wrap .lp-block .container .lp-block-inner .clm-dr5 {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-dr5 {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-title {
    background-color: #FF8400;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-title {
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .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-dr5 .clm-title .clm-title-h3 {
          font-size: 1.2em; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .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-dr5 .clm-frame {
    border: #FF8400 solid 6px;
    padding: 0 30px 20px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame {
        border: #FF8400 solid 3px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .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-dr5 .clm-frame .clm-cpt:not(:last-child) {
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt:not(:first-child) .clm-cpt-h4 {
      border-top: solid #FF8400 6px; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt:not(:first-child) .clm-cpt-h4 {
          border-top: solid #FF8400 3px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h4 {
      background-color: #FFEB00;
      color: #555555;
      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 #FF8400 6px;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h4 {
          margin: 0 -15px;
          padding: 5px 10px 5px 5px;
          font-size: 1.2em;
          border-bottom: solid #FF8400 3px; } }
      #wrap .lp-block .container .lp-block-inner .clm-dr5 .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: #FF8400;
        font-size: 2em;
        border-right: solid #FF8400 3px;
        margin-right: -3px; }
        @media only screen and (max-width: 768px) {
          #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num {
            font-size: 1.8em;
            border-right: solid #FF8400 2px;
            margin-right: -2px;
            padding-right: 5px; } }
        #wrap .lp-block .container .lp-block-inner .clm-dr5 .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-dr5 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num img {
              width: 36px;
              padding-bottom: 2px; } }
      #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-h4 {
        border-left: solid #FF8400 3px;
        padding-left: 10px; }
        @media only screen and (max-width: 768px) {
          #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-h4 {
            border-left: solid #FF8400 2px;
            padding-left: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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-dr5 .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-dr5 .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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-dr5 .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-dr5 .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-dr5 .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-dr5 .clm-frame .clm-cpt .clm-cpt-h5-p {
          font-size: 1em;
          padding-top: 5px;
          padding-left: 25px; } }
  #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-title-h3 {
    font-size: 3em !important; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-title-h3 {
        font-size: 1.5em !important; } }
  #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-title-p {
    font-size: 1.6em !important; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-title-p {
        font-size: 1.1em !important; } }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-dr5 .clm-cpt-h5 {
      font-size: 1em !important; } }

#wrap .lp-block .container .lp-block-inner .clm-dr6 {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-dr6 {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-title {
    background-color: #009fd0;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-title {
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .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-dr6 .clm-title .clm-title-h3 {
          font-size: 1.2em; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .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-dr6 .clm-frame {
    border: #009fd0 solid 6px;
    padding: 0 30px 20px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame {
        border: #009fd0 solid 3px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .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-dr6 .clm-frame .clm-cpt:not(:last-child) {
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt:not(:first-child) .clm-cpt-h4 {
      border-top: solid #009fd0 6px; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt:not(:first-child) .clm-cpt-h4 {
          border-top: solid #009fd0 3px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h4 {
      background-color: #bde8ff;
      color: #555555;
      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 #009fd0 6px;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h4 {
          margin: 0 -15px;
          padding: 5px 10px 5px 5px;
          font-size: 1.2em;
          border-bottom: solid #009fd0 3px; } }
      #wrap .lp-block .container .lp-block-inner .clm-dr6 .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: #009fd0;
        font-size: 2em;
        border-right: solid #009fd0 3px;
        margin-right: -3px; }
        @media only screen and (max-width: 768px) {
          #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num {
            font-size: 1.8em;
            border-right: solid #009fd0 2px;
            margin-right: -2px;
            padding-right: 5px; } }
        #wrap .lp-block .container .lp-block-inner .clm-dr6 .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-dr6 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-num img {
              width: 36px;
              padding-bottom: 2px; } }
      #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-h4 {
        border-left: solid #009fd0 3px;
        padding-left: 10px; }
        @media only screen and (max-width: 768px) {
          #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h4 .clm-h4-h4 {
            border-left: solid #009fd0 2px;
            padding-left: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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-dr6 .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-dr6 .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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-dr6 .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-dr6 .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-dr6 .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-dr6 .clm-frame .clm-cpt .clm-cpt-h5-p {
          font-size: 1em;
          padding-top: 5px;
          padding-left: 25px; } }
  #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-title-h3 {
    font-size: 3em !important; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-title-h3 {
        font-size: 1.5em !important; } }
  #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-title-p {
    font-size: 1.6em !important; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-title-p {
        font-size: 1.1em !important; } }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-dr6 .clm-cpt-h5 {
      font-size: 1em !important; } }

/* =======================================
お客様の声
======================================= */
.voice {
  background-color: transparent;
  background-image: none;
  background-position: center center;
  background-size: 200px;
  background-image: linear-gradient(45deg, rgba(255, 243, 211, 0.9) 25%, transparent 25%, transparent 75%, rgba(255, 243, 211, 0.9) 75%, rgba(255, 243, 211, 0.9)), linear-gradient(45deg, rgba(255, 243, 211, 0.9) 25%, transparent 25%, transparent 75%, rgba(255, 243, 211, 0.9) 75%, rgba(255, 243, 211, 0.9)), linear-gradient(45deg, rgba(255, 243, 211, 0.95) 25%, transparent 25%, transparent 75%, rgba(255, 243, 211, 0.95) 75%, rgba(255, 243, 211, 0.95)), linear-gradient(45deg, rgba(255, 243, 211, 0.95) 25%, transparent 25%, transparent 75%, rgba(255, 243, 211, 0.95) 75%, rgba(255, 243, 211, 0.95)), url("../img/bk-img01.jpg");
  background-position: 0 0, 3px 3px, 3px 0, 0 3px, center;
  background-size: 6px 6px, 6px 6px, 6px 6px, 6px 6px, cover;
  background-attachment: scroll, scroll, scroll, scroll, fixed; }
  .voice .container {
    background-color: transparent; }
    .voice .container .lp-block-inner {
      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 #ccc;
        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: #b98b0c;
            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; } }
  .voice .container {
    background-color: #fff;
    max-width: 980px;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .voice .container {
        padding: 0; } }
    .voice .container .lp-block-inner {
      width: 100%;
      max-width: 980px;
      margin: 0 auto;
      padding: 20px 100px 60px; }
      @media only screen and (max-width: 768px) {
        .voice .container .lp-block-inner {
          padding: 1px 15px 20px; } }
      .voice .container .lp-block-inner p {
        margin: 0 auto;
        line-height: 2em;
        padding: 1.8em 0 0;
        color: #555555;
        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: rgba(252, 225, 0, 0.8); }
    .voice .container .lp-block-inner .voice-content {
      border-bottom: 2px solid #fff; }
      @media only screen and (max-width: 768px) {
        .voice .container .lp-block-inner .voice-content {
          border-bottom: 2px solid #fff; } }
      .voice .container .lp-block-inner .voice-content .voice-txt P .l {
        font-size: 1.2em; }

/* =======================================
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: #FF8400;
      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: #FF8400;
      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: #FF8400;
      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: #FF8400;
      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; } }

/* =======================================
文字装飾
======================================= */
#wrap .lp-block .container .lp-block-inner .bdr01 {
  border: solid #FF8400 4px;
  background-color: #fffce9;
  border-radius: 16px;
  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 #FF8400 2px;
      background-color: #fffce9;
      border-radius: 8px;
      margin-top: 20px;
      padding: 15px;
      padding-top: 15px; }
      #wrap .lp-block .container .lp-block-inner .bdr01 > :first-child {
        padding-top: 0;
        margin-top: 0; } }

.plan-table {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    .plan-table {
      padding-top: 20px; } }
  .plan-table table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #777;
    border-left: 1px solid #777; }
    .plan-table table th, .plan-table table td {
      border-bottom: 1px solid #777;
      border-right: 1px solid #777;
      padding: 10px; }
      @media only screen and (max-width: 768px) {
        .plan-table table th, .plan-table table td {
          padding-top: 5px;
          font-size: 0.8em; } }
    .plan-table table thead tr th {
      background-color: #eee;
      text-align: center; }
    .plan-table table tbody tr th {
      background-color: #eee; }
    .plan-table table tbody tr td {
      text-align: center; }
    .plan-table table tbody tr .th-left-top {
      width: 30px; }
    @media only screen and (max-width: 768px) {
      .plan-table table tbody tr .th-left {
        width: 115px; } }

#wrap .lp-block .container .lp-block-inner .clm-name-support {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-name-support {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-title {
    background-color: #FF8400;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-title {
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-name-support .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-support .clm-title .clm-title-h3 {
          font-size: 1.2em; } }
    #wrap .lp-block .container .lp-block-inner .clm-name-support .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-support .clm-frame {
    background-color: #fff3d3;
    border: #FF8400 solid 6px;
    padding: 0 30px 20px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-frame {
        border: #FF8400 solid 3px;
        padding: 0 15px 15px; } }
    #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-frame .clm-cpt:not(:last-child) {
      border-bottom: #FF8400 solid 6px;
      padding-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-frame .clm-cpt:not(:last-child) {
          border-bottom: #FF8400 solid 3px;
          padding-bottom: 10px; } }
    #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-frame .clm-cpt .clm-cpt-h4 {
      color: #555555;
      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-support .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-support .clm-frame .clm-cpt .clm-cpt-h4:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: bold;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-frame .clm-cpt .clm-cpt-h4-p {
      color: #555555;
      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-support .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-support .clm-frame .clm-cpt .clm-cpt-h5 {
      color: #555555;
      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-support .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-support .clm-frame .clm-cpt .clm-cpt-h5:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: normal;
        color: #CC0000;
        margin-right: 5px; }
    #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-frame .clm-cpt .clm-cpt-h5-p {
      color: #555555;
      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-support .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-name-support .clm-cpt-h4:nth-of-type(n+2) {
    margin-top: 1em;
    border-top: solid #009FCF 6px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-name-support .clm-cpt-h4:nth-of-type(n+2) {
        border-top: solid #009FCF 3px; } }

@media only screen and (max-width: 768px) {
  .grid-layout .row {
    padding-right: 5px;
    padding-left: 5px; } }
.grid-layout .row .col-md-4 {
  padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    .grid-layout .row .col-md-4 {
      padding-top: 10px;
      padding-right: 5px;
      padding-left: 5px; } }

#wrap .voice .container .lp-block-inner .voice-content h3 {
  color: #333;
  font-size: 1.2em;
  padding-bottom: 0.3em; }
  @media only screen and (max-width: 768px) {
    #wrap .voice .container .lp-block-inner .voice-content h3 {
      font-size: 1em; } }

.btn-flex {
  display: flex;
  justify-content: center; }
  .btn-flex .btn-form-css {
    margin: 0 10px; }
    @media only screen and (max-width: 768px) {
      .btn-flex .btn-form-css {
        margin: 0 4px; } }
    @media only screen and (max-width: 768px) {
      .btn-flex .btn-form-css a {
        font-size: 1em; } }

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