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

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

html {
  font-size: 62.5%; }

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

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

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

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

img {
  width: 100%; }

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

.text .container {
  background-color: #fff;
  max-width: 980px;
  padding: 0px; }
  @media only screen and (max-width: 768px) {
    .text .container {
      padding: 0; } }
  .text .container .lp-block-inner {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 100px 60px; }
    @media only screen and (max-width: 768px) {
      .text .container .lp-block-inner {
        padding: 0 15px 20px; } }
    .text .container .lp-block-inner p {
      margin: 0 auto;
      line-height: 2em;
      padding: 1.8em 0 0;
      color: #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
========================================================================== */
.h3-u {
  text-align: center; }
  .h3-u h3 {
    color: #143789;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 6px #48a3ec;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.3;
    font-size: 2em; }
    @media only screen and (max-width: 768px) {
      .h3-u h3 {
        padding-bottom: 5px;
        border-bottom: solid 3px #48a3ec;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 1.2em; } }
  .h3-u + p {
    padding-top: 60px; }
    @media only screen and (max-width: 768px) {
      .h3-u + p {
        padding-top: 30px; } }

.strength h3 {
  color: #fff;
  margin-top: 1.2em;
  padding: 10px 15px 15px;
  padding-left: 60px;
  text-indent: -40px;
  text-align: left;
  background-color: #143789;
  border-bottom: 6px solid #48a3ec; }
  @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 #48a3ec; } }
  .strength h3 .number {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    margin-right: 0.2em;
    color: #ffe2aa; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
  .img-flex {
    flex-direction: column; } }
.img-flex-re {
  display: flex;
  height: 100%;
  padding: 0; }

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

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

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

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

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

/* =======================================
リスト
======================================= */
.text ul {
  list-style-type: none;
  margin: 2em auto 0; }
  @media only screen and (max-width: 768px) {
    .text ul {
      margin: 1.5em auto 0;
      padding: 0px; } }
  .text ul li {
    color: #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: #f95000;
      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: #f95000;
      margin-right: 5px; }

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

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

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

.ast2 {
  color: #48a3ec; }

.ast3 {
  color: #143789; }

.r {
  color: #f95000; }

.y {
  color: #ffe2aa; }

.bk {
  color: #555555; }

.wb {
  font-weight: bold; }

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

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

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

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

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

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

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

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

  .lll {
    font-size: 1.3em;
    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-ph {
  padding-left: 0.5em !important;
  text-indent: -0.5em; }
  @media only screen and (max-width: 768px) {
    .idt-ph {
      padding-left: 0.5em !important;
      text-indent: -0.5em; } }

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

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

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

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

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

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

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

a {
  word-wrap: break-word; }

#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: #48a3ec; }
          @media only screen and (max-width: 768px) {
            #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name, #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
              text-align: center; } }
        #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
          font-size: 1.4em; }
          @media only screen and (max-width: 768px) {
            #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-title {
              font-size: 1em; } }
        #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name {
          font-size: 1.6em; }
          @media only screen and (max-width: 768px) {
            #wrap .enquete .container .lp-block-inner .voice-content .profile .prof-name {
              font-size: 1.1em; } }
      #wrap .enquete .container .lp-block-inner .voice-content .voice-txt {
        align-self: center; }
        #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p {
          background: -webkit-linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
          background: linear-gradient(180deg, rgba(170, 170, 170, 0) 98%, #aaaaaa 98%);
          background-position: bottom;
          background-size: 40px 40px;
          color: #555;
          padding: 40px 0 0;
          line-height: 40px; }
          @media only screen and (max-width: 768px) {
            #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p {
              background-size: 30px 30px;
              line-height: 30px; }
              #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p:nth-child(1) {
                padding: 15px 0 0; }
              #wrap .enquete .container .lp-block-inner .voice-content .voice-txt p:nth-child(n+2) {
                padding: 30px 0 0; } }
#wrap .enquete .profile-img {
  margin: 0;
  text-align: left;
  width: 200px;
  height: 200px;
  background-color: #eeece5;
  background-image: url(../img/parts/voice-message.svg);
  background-position: center center;
  background-size: 100% 100%;
  overflow: hidden;
  border-radius: 50%; }
  #wrap .enquete .profile-img img {
    width: 100%; }
  @media only screen and (max-width: 768px) {
    #wrap .enquete .profile-img {
      margin: 0 auto;
      width: 140px;
      height: 140px; } }
#wrap .enquete .container {
  background-color: transparent;
  background: linear-gradient(90deg, #f4efe1, #f4efe1), url("../img/url(../img/parts/pattern1.jpg)") center center/900px repeat scroll;
  background-blend-mode: color;
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .enquete .container {
      padding-top: 15px;
      padding-bottom: 15px; } }
  #wrap .enquete .container .question-bk {
    padding: 0 !important;
    margin-top: 30px;
    background-color: transparent !important;
    background: -webkit-linear-gradient(0deg, #48a3ec 50%, rgba(72, 163, 236, 0) 50%);
    background: linear-gradient(0deg, #48a3ec 50%, rgba(72, 163, 236, 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: #48a3ec; }
    #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: #143789; }
        @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: #143789;
        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; } }

.expense-list {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    .expense-list {
      margin-top: 15px; } }
  .expense-list table {
    border-collapse: collapse;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    width: 100%;
    table-layout: fixed; }
    @media only screen and (max-width: 768px) {
      .expense-list table tr {
        padding: 5px; } }
    .expense-list table th {
      border-bottom: 1px solid #aaa;
      border-right: 1px solid #aaa;
      font-size: 1em;
      font-weight: normal;
      padding: 10px;
      background-color: #fcf8ee; }
      .expense-list table th.ex-th {
        font-weight: bold;
        background-color: #bde8ff; }
        @media only screen and (max-width: 768px) {
          .expense-list table th.ex-th {
            text-align: center; } }
      @media only screen and (max-width: 768px) {
        .expense-list table th {
          font-size: 0.9em;
          padding: 0 10px;
          padding-top: 5px;
          padding-bottom: 5px; } }
    .expense-list table td {
      border-bottom: 1px solid #aaa;
      border-right: 1px solid #aaa;
      font-size: 1em;
      padding: 10px;
      text-align: right; }
      @media only screen and (max-width: 768px) {
        .expense-list table td {
          font-size: 0.9em;
          padding: 10px; } }

.case-list {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    .case-list {
      margin-top: 15px; } }
  .case-list table {
    border-collapse: collapse;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    width: 100%;
    table-layout: fixed; }
    @media only screen and (max-width: 768px) {
      .case-list table tr {
        padding: 5px; } }
    .case-list table th {
      width: 35%;
      border-bottom: 1px solid #aaa;
      border-right: 1px solid #aaa;
      font-size: 1.2em;
      padding: 10px;
      font-weight: bold;
      background-color: #bde8ff; }
      .case-list table th.ex-th {
        font-weight: bold;
        background-color: #bde8ff; }
        @media only screen and (max-width: 768px) {
          .case-list table th.ex-th {
            text-align: center; } }
      @media only screen and (max-width: 768px) {
        .case-list table th {
          font-size: 1em;
          padding: 5px 10px; } }
    .case-list table td {
      border-bottom: 1px solid #aaa;
      border-right: 1px solid #aaa;
      font-size: 1.2em;
      padding: 10px; }
      @media only screen and (max-width: 768px) {
        .case-list table td {
          font-size: 1em; } }
      .case-list table td ul {
        list-style-type: none;
        margin: 0.4em auto 0; }
        @media only screen and (max-width: 768px) {
          .case-list table td ul {
            margin: 0.2em auto 0;
            padding: 0px; } }
        .case-list table td ul li {
          color: #555555;
          font-size: 1.2em;
          padding-left: 1.2em;
          text-indent: -1.2em;
          margin: 0 0 0.4em 0;
          font-weight: normal; }
          @media only screen and (max-width: 768px) {
            .case-list table td ul li {
              font-size: 1em;
              padding-left: 1.2em;
              text-indent: -1.2em; } }
          .case-list table td ul li:before {
            font-family: "Font Awesome 5 Free";
            content: "\f058";
            font-weight: bold;
            color: #48a3ec;
            margin-right: 0.2em; }
      @media only screen and (max-width: 768px) {
        .case-list table td {
          padding: 10px; } }
  .case-list td {
    background-color: #fff; }

/* ==========================================================================
プロフィール
========================================================================== */
#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: #bde8ff 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, #48a3ec, #48a3ec), url("../img/url(../img/parts/h2-bk2.jpg)") center center/400px repeat scroll;
  background-blend-mode: screen;
  background-size: 900px; }
  #wrap .merit .container {
    background-color: #fff;
    max-width: 980px;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      #wrap .merit .container {
        padding: 0; } }
    #wrap .merit .container .lp-block-inner {
      width: 100%;
      max-width: 980px;
      margin: 0 auto;
      padding: 20px 100px 60px; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .lp-block-inner {
          padding: 1px 15px 20px; } }
      #wrap .merit .container .lp-block-inner p {
        margin: 0 auto;
        line-height: 2em;
        padding: 1.8em 0 0;
        color: #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 #143789;
      border-radius: 15px;
      padding: 0 30px 30px; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit-item {
          border: 2px solid #143789;
          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: #143789;
        color: #fff; }
        @media only screen and (max-width: 768px) {
          #wrap .merit .container .merit-item h3 {
            text-indent: -1.5em;
            border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
            padding: 5px 10px 5px 38px;
            margin: 0 -10px; } }
        #wrap .merit .container .merit-item h3 .number {
          border-right: 3px solid #fff;
          vertical-align: -5%;
          font-family: 'Lato', sans-serif;
          font-weight: 600;
          font-size: 1.6em;
          margin-right: 18px;
          padding-right: 10px; }
          @media only screen and (max-width: 768px) {
            #wrap .merit .container .merit-item h3 .number {
              border-right: 2px solid #fff;
              font-size: 1.3em;
              margin-right: 8px;
              padding-right: 5px; } }
    #wrap .merit .container .merit01 {
      border: 3px solid #D03F39; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit01 {
          border: 3px solid #D03F39; } }
      #wrap .merit .container .merit01 h3 {
        background-color: #D03F39; }
    #wrap .merit .container .merit02 {
      border: 3px solid #C76928; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit02 {
          border: 3px solid #C76928; } }
      #wrap .merit .container .merit02 h3 {
        background-color: #C76928; }
    #wrap .merit .container .merit03 {
      border: 3px solid #C48D4F; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit03 {
          border: 3px solid #C48D4F; } }
      #wrap .merit .container .merit03 h3 {
        background-color: #C48D4F; }
    #wrap .merit .container .merit04 {
      border: 3px solid #568817; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit04 {
          border: 3px solid #568817; } }
      #wrap .merit .container .merit04 h3 {
        background-color: #568817; }
    #wrap .merit .container .merit05 {
      border: 3px solid #1F9C9E; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit05 {
          border: 3px solid #1F9C9E; } }
      #wrap .merit .container .merit05 h3 {
        background-color: #1F9C9E; }
    #wrap .merit .container .merit06 {
      border: 3px solid #216096; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit06 {
          border: 3px solid #216096; } }
      #wrap .merit .container .merit06 h3 {
        background-color: #216096; }
    #wrap .merit .container .merit07 {
      border: 3px solid #4F2291; }
      @media only screen and (max-width: 768px) {
        #wrap .merit .container .merit07 {
          border: 3px solid #4F2291; } }
      #wrap .merit .container .merit07 h3 {
        background-color: #4F2291; }

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

/* ==========================================================================
サブヘッド
========================================================================== */
#wrap .lp-block .container .lp-block-inner .content-title01 {
  margin-top: 30px;
  padding: 1px 20px 20px;
  background-color: #bde8ff;
  background: -webkit-linear-gradient(180deg, white, #bde8ff);
  background: linear-gradient(180deg, white, #bde8ff);
  border-bottom: #143789 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: #143789 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 #f95000;
  border-radius: 16px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .tokuten {
      margin-top: 20px;
      border: 3px solid #f95000;
      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, #f95000, #f95000 5px, #ff661e 0, #ff661e 10px);
    color: #fff;
    text-align: left;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    border-bottom: 6px solid #f95000;
    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, #f95000, #f95000 4px, #ff661e 0, #ff661e 8px);
        margin: 0 -10px;
        border-bottom: 3px solid #f95000; } }
    #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 #f95000;
    border-left: 12px solid #f95000;
    border-right: 12px solid #f95000;
    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 #f95000;
        border-left: 6px solid #f95000;
        border-right: 6px solid #f95000;
        padding: 3px 5px; } }
  #wrap .lp-block .container .lp-block-inner .tokuten p {
    padding-top: 20px;
    line-height: 2; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .tokuten p {
        padding-top: 10px; } }

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

#wrap .lp-block .container .lp-block-inner .mesage-frame {
  border: solid #143789 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 #143789 0px;
      background-color: #fff;
      border-radius: 0px;
      margin-top: 20px;
      padding: 15px;
      padding-top: 0px; }
      #wrap .lp-block .container .lp-block-inner .mesage-frame > :first-child {
        padding-top: 0;
        margin-top: 0; } }

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

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

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

/* =======================================
全体背景
======================================= */
body {
  background-color: #f2f2f2; }
  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; }

/* =======================================
本文
======================================= */
.text .container {
  max-width: 100%;
  background-color: #fff;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .text .container {
      padding: 0; } }
  .text .container .lp-block-inner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 60px 60px; }
    @media only screen and (max-width: 768px) {
      .text .container .lp-block-inner {
        padding: 1px 15px 20px; } }
    .text .container .lp-block-inner p {
      margin: 0 auto;
      line-height: 2em;
      padding: 1.8em 0 0;
      color: #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; } }

/* =======================================
ロゴ＋グローバルメニュー
======================================= */
header {
  z-index: 2;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  header .header-logo {
    padding: 10px 20px; }
    header .header-logo h1 {
      color: #555;
      font-size: 0.6em;
      text-align: left;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    header .header-logo img {
      margin: 10px 0 0;
      display: block;
      width: 100px;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    @media only screen and (max-width: 768px) {
      header .header-logo {
        padding: 10px 20px; }
        header .header-logo h1 {
          font-size: 0.6em;
          text-align: left; }
        header .header-logo img {
          margin: 10px 0 0;
          display: block;
          width: 80px;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
  header .global-nav {
    position: fixed;
    right: -320px;
    /* これで隠れる */
    top: 0;
    width: 300px;
    /* スマホに収まるくらい */
    height: 100vh;
    padding-top: 40px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: all .6s;
    z-index: 200;
    overflow-y: auto;
    /* メニューが多くなったらスクロールできるように */ }
    header .global-nav .global-nav__list {
      margin: 0;
      padding: 0;
      list-style: none; }
      header .global-nav .global-nav__list .global-nav__item {
        text-align: center;
        padding: 0 14px; }
        header .global-nav .global-nav__list .global-nav__item a {
          display: block;
          padding: 8px 0;
          border-bottom: 1px solid #999;
          text-decoration: none;
          color: #555; }
          header .global-nav .global-nav__list .global-nav__item a:hover {
            background-color: #999; }
  header .hamburger {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    /* クリックしやすいようにちゃんと幅を指定する */
    height: 40px;
    /* クリックしやすいようにちゃんと高さを指定する */
    cursor: pointer;
    z-index: 300; }

/* ハンバーガーメニュー */
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 2px;
  background-color: #555;
  transition: all .6s; }

.hamburger__line--1 {
  top: 14px; }

.hamburger__line--2 {
  top: 20px; }

.hamburger__line--3 {
  top: 26px; }

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer; }

/* ハンバーガーメニューの内容が表示された時用のボタンのCSS */
.nav-open .global-nav {
  right: 0; }

.nav-open .black-bg {
  opacity: .7;
  visibility: visible; }

.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px; }

.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%; }

.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px; }

/* ページスクロール事のヘッダー部分のCSS */
header.smaller {
  background-color: rgba(255, 255, 255, 0.7); }
  header.smaller .header-logo {
    padding: 10px 20px; }
    header.smaller .header-logo h1 {
      font-size: 0.5em;
      text-align: left; }
      @media only screen and (max-width: 768px) {
        header.smaller .header-logo h1 {
          font-size: 0.5em; } }
    header.smaller .header-logo img {
      margin: 10px 0 0;
      display: block;
      width: 80px; }

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

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

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

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

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

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

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

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

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

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

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

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

/* =======================================
見出し
======================================= */
.heading-2 .container {
  width: 100%;
  max-width: 100%; }
  .heading-2 .container .lp-block-inner {
    background-color: #48a3ec;
    padding: 20px; }
    @media only screen and (max-width: 768px) {
      .heading-2 .container .lp-block-inner {
        padding: 10px 5px; } }
    .heading-2 .container .lp-block-inner h2 {
      color: #fff;
      text-align: center;
      font-weight: bold;
      line-height: 1.4em;
      font-size: 3.2em; }
      @media only screen and (max-width: 768px) {
        .heading-2 .container .lp-block-inner h2 {
          font-size: 1.8em; } }
    .heading-2 .container .lp-block-inner p {
      color: #fff;
      text-align: center;
      font-size: 1.92em;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        .heading-2 .container .lp-block-inner p {
          font-size: 1.26em; } }
#wrap .heading-2 + .text .container {
  padding-top: 1px; }
  @media only screen and (max-width: 768px) {
    #wrap .heading-2 + .text .container {
      padding-top: 1px; } }
.heading-2 .container .lp-block-inner p {
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
.heading-2 .container .lp-block-inner h2 {
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
.heading-2 .container .lp-block-inner h2.sb {
  font-size: 1.6em; }
  @media only screen and (max-width: 768px) {
    .heading-2 .container .lp-block-inner h2.sb {
      font-size: 1em; } }

.heading-3 .container {
  width: 100%;
  max-width: 100%; }
  .heading-3 .container .lp-block-inner {
    position: relative;
    background-color: #bde8ff;
    padding: 15px; }
    @media only screen and (max-width: 768px) {
      .heading-3 .container .lp-block-inner {
        padding: 10px 5px; } }
    .heading-3 .container .lp-block-inner:before {
      position: absolute;
      content: "";
      border-top: 40px solid #bde8ff;
      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-3 .container .lp-block-inner:before {
          position: absolute;
          content: "";
          border-top: 13.3333333333px solid #bde8ff;
          border-left: 30px solid transparent;
          border-right: 30px solid transparent;
          top: 100%;
          left: 50%;
          transform: translateX(-50%); } }
    .heading-3 .container .lp-block-inner h3 {
      padding: 0;
      color: #0e255c;
      text-align: center;
      font-weight: bold;
      line-height: 1.4em;
      font-size: 2.2em; }
      @media only screen and (max-width: 768px) {
        .heading-3 .container .lp-block-inner h3 {
          font-size: 1.4em; } }
    .heading-3 .container .lp-block-inner p {
      color: #0e255c;
      text-align: center;
      font-size: 1.32em;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        .heading-3 .container .lp-block-inner p {
          font-size: 0.98em; } }
#wrap .heading-2 + .text .container {
  padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    #wrap .heading-2 + .text .container {
      padding-top: 13.3333333333px; } }
.heading-3 .container .lp-block-inner h3.sb {
  font-size: 1.4em; }
  @media only screen and (max-width: 768px) {
    .heading-3 .container .lp-block-inner h3.sb {
      font-size: 1em; } }

.lp-block-inner > h3 .container {
  width: 100%;
  max-width: #143789; }
  .lp-block-inner > h3 .container .lp-block-inner {
    position: relative;
    background-color: #48a3ec;
    padding: 15px; }
    @media only screen and (max-width: 768px) {
      .lp-block-inner > h3 .container .lp-block-inner {
        padding: 10px 5px; } }
    .lp-block-inner > h3 .container .lp-block-inner:before {
      position: absolute;
      content: "";
      border-top: 30px solid #fff;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      top: 100%;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        .lp-block-inner > h3 .container .lp-block-inner:before {
          position: absolute;
          content: "";
          border-top: 10px solid #fff;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          top: 100%;
          left: 50%;
          transform: translateX(-50%); } }
    .lp-block-inner > h3 .container .lp-block-inner h3 {
      padding: 0;
      color: #143789;
      text-align: center;
      font-weight: bold;
      line-height: 1.4em;
      font-size: 2.8em; }
      @media only screen and (max-width: 768px) {
        .lp-block-inner > h3 .container .lp-block-inner h3 {
          font-size: 1.5em; } }
    .lp-block-inner > h3 .container .lp-block-inner p {
      color: #143789;
      text-align: center;
      font-size: 1.68em;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        .lp-block-inner > h3 .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; } }

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

/* =======================================
フォームデザイン
======================================= */
#wrap .form .container {
  max-width: 100%;
  background-color: transparent; }
  #wrap .form .container .lp-block-inner {
    padding: 0;
    margin: 0 auto;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      #wrap .form .container .lp-block-inner {
        padding: 0; } }
    #wrap .form .container .lp-block-inner .form-title {
      padding: 10px 20px 20px;
      background-color: #143789; }
      @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: #bde8ff; }
        @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;
        background-image: url("../img/_img-full-pc-bk.jpg");
        background-position: center center;
        background-size: auto 100%; }
        #wrap .form .container .lp-block-inner .form-frame .form-img-bk img {
          display: block;
          margin: 0 auto;
          width: 100%;
          max-width: 980px; }
      #wrap .form .container .lp-block-inner .form-frame .form-contents-bk {
        padding: 0 30px 30px;
        background-color: #bde8ff; }
        @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;
            color: #555;
            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 .form-contents-bk .form-contents form {
            padding-top: 10px; }
            @media only screen and (max-width: 768px) {
              #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form {
                padding-top: 5px; } }
            #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
              padding-top: 15px;
              display: flex;
              align-items: baseline; }
              @media only screen and (max-width: 768px) {
                #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required {
                  padding-top: 7px;
                  flex-direction: column; } }
              #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
                color: #777;
                font-size: 1.2em;
                width: 32%;
                font-weight: bold; }
                @media only screen and (max-width: 768px) {
                  #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required label {
                    width: 100%;
                    font-size: 0.9em;
                    margin-bottom: 3px;
                    text-align: left; } }
              #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .required input {
                flex: 1;
                margin: 0 auto; }
            #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
              padding: 20px 0 10px;
              margin: 0 auto;
              min-width: 420px; }
              @media only screen and (max-width: 768px) {
                #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-css {
                  min-width: 260px;
                  padding: 7px 0 15px;
                  margin: 0 auto; } }
            #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
              padding: 20px 0 0px;
              margin: 0 auto;
              min-width: 420px; }
              @media only screen and (max-width: 768px) {
                #wrap .form .container .lp-block-inner .form-frame .form-contents-bk .form-contents form .btn-form-img {
                  min-width: 260px;
                  padding: 10px 0 0;
                  margin: 0 auto; } }
      #wrap .form .container .lp-block-inner .form-frame th, #wrap .form .container .lp-block-inner .form-frame label {
        color: #555; }
      #wrap .form .container .lp-block-inner .form-frame .rqd {
        color: #f95000;
        font-size: 0.8em; }
      #wrap .form .container .lp-block-inner .form-frame input[type="text"] {
        width: 100%;
        max-width: 540px;
        color: #555;
        border-radius: 5px;
        border: solid 2px #ccc;
        font-size: 1.2em;
        padding: 5px; }
        @media only screen and (max-width: 768px) {
          #wrap .form .container .lp-block-inner .form-frame input[type="text"] {
            font-size: 0.9em; } }
        #wrap .form .container .lp-block-inner .form-frame input[type="text"]::placeholder {
          color: #aaa;
          text-align: left; }
        #wrap .form .container .lp-block-inner .form-frame input[type="text"]:-ms-input-placeholder {
          color: #aaa;
          text-align: left; }
        #wrap .form .container .lp-block-inner .form-frame input[type="text"]::-ms-input-placeholder {
          color: #aaa;
          text-align: left; }
      #wrap .form .container .lp-block-inner .form-frame .form-bottom-txt {
        padding-top: 10px; }
        #wrap .form .container .lp-block-inner .form-frame .form-bottom-txt p {
          color: #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-contents-bk {
  background-color: #f2efe5 !important; }

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

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

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

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

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

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

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

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

#wrap .lp-block .container .lp-block-inner .clm-ebook {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .clm-ebook {
      padding-top: 15px; } }
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #143789;
    padding: 10px 20px 10px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 5px 10px 8px; } }
    #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title .clm-title-h3 {
      text-align: center;
      color: #FFF;
      font-weight: bold;
      font-size: 2.2em;
      padding: 5px 0 0;
      line-height: 1.3;
      text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title .clm-title-h3 {
          font-size: 1.1em; } }
    #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-title .clm-title-p {
      text-align: center;
      color: #FFF;
      font-weight: bold;
      padding: 5px 0 0;
      line-height: 1.3;
      text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
  #wrap .lp-block .container .lp-block-inner .clm-ebook .clm-frame {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: rgba(255, 255, 255, 0.8);
    border: #143789 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: #143789 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: #48a3ec;
        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: #48a3ec;
        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-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: #143789;
    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: #143789 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: #143789 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 #143789 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 #143789 3px; } }
    #wrap .lp-block .container .lp-block-inner .clm-no .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 #143789 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 #143789 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: #143789;
        font-size: 2em;
        border-right: solid #143789 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 #143789 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 #143789 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 #143789 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: #f95000;
        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; } }

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

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

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

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

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

/* =======================================
Q&A
======================================= */
#wrap .faq-bk01 .container {
  background-color: #F0ECE8; }
  #wrap .faq-bk01 .container .faq {
    margin-top: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 768px) {
      #wrap .faq-bk01 .container .faq {
        margin-top: 20px; } }
    #wrap .faq-bk01 .container .faq h3 {
      position: relative;
      background-color: #143789;
      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: #143789;
      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;
  background-color: #bde8ff; }
  #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: #143789;
      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: #143789;
      padding: 20px 30px 0px 70px;
      font-size: 1.4em;
      text-align: left;
      text-indent: -1.8em; }
      @media only screen and (max-width: 768px) {
        #wrap .faq-bk02 .container .faq h4 {
          padding: 10px 20px 0px 50px;
          font-size: 1.1em;
          text-indent: -30px; } }
      #wrap .faq-bk02 .container .faq h4:before {
        font-family: 'Lato', sans-serif;
        font-size: 1.5em;
        content: "A.";
        margin-right: 5px; }
    #wrap .faq-bk02 .container .faq p {
      padding: 20px 30px 0px; }
      @media only screen and (max-width: 768px) {
        #wrap .faq-bk02 .container .faq p {
          padding: 10px 20px 0px; } }

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

/* =======================================
追加デザイン
======================================= */
#wrap #hd-img01 .container {
  background-color: #fff;
  background-image: url("../img/none");
  background-size: cover;
  background-position: center center; }
  #wrap #hd-img01 .container .lp-block-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 900px; }
    #wrap #hd-img01 .container .lp-block-inner img {
      width: 100%; }
@media only screen and (max-width: 900px) {
  #wrap #hd-img01 .container {
    padding: 10px; } }
@media only screen and (max-width: 768px) {
  #wrap #hd-img01 .container {
    padding: 0; } }

#wrap #hd-img02 .container {
  background-color: transparent;
  background-image: url("../img/none");
  background-size: cover;
  background-position: center center; }
  #wrap #hd-img02 .container .lp-block-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 650px; }
    #wrap #hd-img02 .container .lp-block-inner img {
      width: 100%; }

#wrap #hd-img03 .container {
  background-color: rgba(20, 55, 137, 0.7);
  background-image: url("../img/none");
  background-size: cover;
  background-position: center center; }
  #wrap #hd-img03 .container .lp-block-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 650px; }
    #wrap #hd-img03 .container .lp-block-inner img {
      width: 100%; }
#wrap #hd-img03 .container .lp-block-inner .award-banner {
  padding-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap #hd-img03 .container .lp-block-inner .award-banner {
      padding: 0 15px;
      padding-bottom: 15px; } }

/* =======================================
ブロック
======================================= */
#wrap .cpt-flow .container {
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 60px 30px !important; }
  @media only screen and (max-width: 768px) {
    #wrap .cpt-flow .container {
      padding: 30px 15px !important; } }
  #wrap .cpt-flow .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 .cpt-flow .container .lp-block-inner {
        padding: 1px 15px 15px; } }
    #wrap .cpt-flow .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 .cpt-flow .container .lp-block-inner p {
          margin: 0 auto;
          width: 100%;
          line-height: 1.8em;
          padding: 1.4em 0 0;
          font-size: 1.6rem; } }
#wrap .cpt-flow .container {
  background-color: transparent;
  background-image: linear-gradient(45deg, rgba(189, 232, 255, 0.8) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.8) 75%, rgba(189, 232, 255, 0.8)), linear-gradient(45deg, rgba(189, 232, 255, 0.8) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.8) 75%, rgba(189, 232, 255, 0.8)), linear-gradient(45deg, rgba(189, 232, 255, 0.7) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.7) 75%, rgba(189, 232, 255, 0.7)), linear-gradient(45deg, rgba(189, 232, 255, 0.7) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.7) 75%, rgba(189, 232, 255, 0.7));
  background-position: 0 0, 3px 3px, 3px 0, 0 3px;
  background-size: 6px 6px; }
  #wrap .cpt-flow .container .lp-block-inner {
    max-width: 900px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 1px 3em 3em; }
    @media only screen and (max-width: 768px) {
      #wrap .cpt-flow .container .lp-block-inner {
        padding: 1px 1.1em 1.1em; } }
    #wrap .cpt-flow .container .lp-block-inner .step-h3 {
      margin-top: 3em;
      display: flex;
      background-color: #143789;
      text-align: left; }
      @media only screen and (max-width: 768px) {
        #wrap .cpt-flow .container .lp-block-inner .step-h3 {
          margin-top: 1.1em; } }
      #wrap .cpt-flow .container .lp-block-inner .step-h3 .step-no {
        background-color: #48a3ec;
        color: #143789;
        padding: 0.4em 0.6em;
        font-size: 1.8em; }
        @media only screen and (max-width: 768px) {
          #wrap .cpt-flow .container .lp-block-inner .step-h3 .step-no {
            font-size: 1.2em; } }
      #wrap .cpt-flow .container .lp-block-inner .step-h3 .step-title {
        color: #fff;
        padding: 0.4em 0.6em;
        font-size: 1.8em;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          #wrap .cpt-flow .container .lp-block-inner .step-h3 .step-title {
            font-size: 1.2em; } }
    #wrap .cpt-flow .container .lp-block-inner .step-p {
      background-color: #fff;
      padding: 0em 2em 2em;
      position: relative; }
      #wrap .cpt-flow .container .lp-block-inner .step-p:not(:last-child)::after {
        content: ' ';
        position: absolute;
        bottom: -35px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 25px solid #143789;
        border-right: 60px solid transparent;
        border-left: 60px solid transparent; }
        @media only screen and (max-width: 768px) {
          #wrap .cpt-flow .container .lp-block-inner .step-p:not(:last-child)::after {
            bottom: -15px;
            border-top: 15px solid #143789;
            border-right: 30px solid transparent;
            border-left: 30px solid transparent; } }
      @media only screen and (max-width: 768px) {
        #wrap .cpt-flow .container .lp-block-inner .step-p {
          padding: 0em 1em 1em; } }
      @media only screen and (max-width: 768px) {
        #wrap .cpt-flow .container .lp-block-inner .step-p p {
          padding-top: 1em; } }
    #wrap .cpt-flow .container .lp-block-inner h4 {
      color: #fff;
      background-color: #143789; }

/* =======================================
トップに戻るボタン
======================================= */
#pageTop {
  position: fixed;
  bottom: 0px;
  right: 0px; }

#pageTop i {
  padding-top: 6px; }

#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 0 0;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-color: #555555;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  opacity: 0.5; }

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.3; }

/* =======================================
リスト
======================================= */
#wrap .lp-block .container .lp-block-inner .list-bdr {
  border: solid #fcd66e 2px;
  background-color: #fcf8ee;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 20px;
  padding-bottom: 0 !important; }
  #wrap .lp-block .container .lp-block-inner .list-bdr > :first-child {
    padding-top: 0 !important;
    margin-top: 0 !important; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .list-bdr {
      border: solid #fcd66e 1px;
      background-color: #fcf8ee;
      border-radius: 0px;
      margin-top: 20px;
      padding: 15px;
      padding-top: 15px; }
      #wrap .lp-block .container .lp-block-inner .list-bdr > :first-child {
        padding-top: 0;
        margin-top: 0; } }
  #wrap .lp-block .container .lp-block-inner .list-bdr ul {
    list-style-type: none;
    margin: 2em auto 0; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .list-bdr ul {
        margin: 1.5em auto 0;
        padding: 0px; } }
    #wrap .lp-block .container .lp-block-inner .list-bdr ul li {
      color: #555555;
      font-size: 1.3em;
      padding-left: 1.3em;
      padding-bottom: 0.5em;
      text-indent: -1.3em;
      margin: 0 0 0.5em 0;
      font-weight: bold; }
      #wrap .lp-block .container .lp-block-inner .list-bdr ul li:not(:last-child) {
        border-bottom: 2px solid #fcd66e; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .list-bdr ul li {
          padding-left: 1.2em;
          text-indent: -1.2em;
          font-size: 1.1em;
          margin: 0 0 0.5em 0; }
          #wrap .lp-block .container .lp-block-inner .list-bdr ul li:not(:last-child) {
            border-bottom: 1px solid #fcd66e; } }
      #wrap .lp-block .container .lp-block-inner .list-bdr ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f058";
        font-weight: bold;
        color: #f95000;
        margin-right: 5px; }

#wrap .lp-block .container .lp-block-inner .list-bdr-2 {
  border: solid #48a3ec 2px;
  background-color: #f0f0f0;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 20px;
  padding-bottom: 0 !important; }
  #wrap .lp-block .container .lp-block-inner .list-bdr-2 > :first-child {
    padding-top: 0 !important;
    margin-top: 0 !important; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .list-bdr-2 {
      border: solid #48a3ec 1px;
      background-color: #f0f0f0;
      border-radius: 0px;
      margin-top: 20px;
      padding: 15px;
      padding-top: 15px; }
      #wrap .lp-block .container .lp-block-inner .list-bdr-2 > :first-child {
        padding-top: 0;
        margin-top: 0; } }
  #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul {
    list-style-type: none;
    margin: 2em auto 0; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul {
        margin: 1.5em auto 0;
        padding: 0px; } }
    #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul li {
      color: #555555;
      font-size: 1.3em;
      padding-left: 1.3em;
      padding-bottom: 0.5em;
      text-indent: -1.3em;
      margin: 0 0 0.5em 0;
      font-weight: bold; }
      #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul li:not(:last-child) {
        border-bottom: 2px solid #48a3ec; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul li {
          padding-left: 1.2em;
          text-indent: -1.2em;
          font-size: 1.1em;
          margin: 0 0 0.5em 0; }
          #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul li:not(:last-child) {
            border-bottom: 1px solid #48a3ec; } }
      #wrap .lp-block .container .lp-block-inner .list-bdr-2 ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f057";
        font-weight: bold;
        color: #48a3ec;
        margin-right: 5px; }

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

#wrap .lp-block .container .lp-block-inner .bdr02 {
  border: solid #fcd66e 2px;
  background-color: #fcf8ee;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 20px;
  padding-top: 1.4em;
  padding-bottom: 0.6em; }
  #wrap .lp-block .container .lp-block-inner .bdr02 > :first-child {
    padding-top: 0 !important;
    margin-top: 0 !important; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .bdr02 {
      border: solid #fcd66e 1px;
      background-color: #fcf8ee;
      border-radius: 0px;
      margin-top: 20px;
      padding: 15px;
      padding-top: 15px; }
      #wrap .lp-block .container .lp-block-inner .bdr02 > :first-child {
        padding-top: 0;
        margin-top: 0; } }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .bdr02 {
      padding-top: 1.2em;
      padding-bottom: 0.6em; } }
  #wrap .lp-block .container .lp-block-inner .bdr02 ul {
    list-style-type: none; }
    #wrap .lp-block .container .lp-block-inner .bdr02 ul li {
      color: #555555;
      font-size: 1.3em;
      padding-left: 1.3em;
      text-indent: -1.3em;
      margin: 0 0 0.5em 0;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .bdr02 ul li {
          padding-left: 1.2em;
          text-indent: -1.2em;
          font-size: 1em;
          margin: 0 0 0.5em 0; } }
      #wrap .lp-block .container .lp-block-inner .bdr02 ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f058";
        font-weight: bold;
        color: #f95000;
        margin-right: 5px; }

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

#wrap .lp-block .container .lp-block-inner .blog-post {
  border: solid #fcd66e 2px;
  background-color: #fcf8ee;
  border-radius: 0px;
  margin-top: 30px;
  padding: 20px 30px;
  padding-top: 20px;
  padding-top: 0;
  padding-bottom: 30px; }
  #wrap .lp-block .container .lp-block-inner .blog-post > :first-child {
    padding-top: 0 !important;
    margin-top: 0 !important; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .blog-post {
      border: solid #fcd66e 1px;
      background-color: #fcf8ee;
      border-radius: 0px;
      margin-top: 20px;
      padding: 15px;
      padding-top: 15px; }
      #wrap .lp-block .container .lp-block-inner .blog-post > :first-child {
        padding-top: 0;
        margin-top: 0; } }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .blog-post {
      padding-bottom: 5px; } }

#wrap .lp-block .container .lp-block-inner .grid-layout-blog .row {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row {
      padding: 8px;
      padding-top: 5px; } }
  #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst {
    padding-top: 0px; }
    @media only screen and (max-width: 768px) {
      #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst {
        padding: 8px;
        padding-top: 0px; } }
    #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst img {
      width: 100%; }
      @media only screen and (max-width: 544px) {
        #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst img {
          display: block;
          margin: 0 auto; } }
    #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst p {
      padding-top: 0;
      font-size: 1.2em;
      line-height: 1.6; }
      @media only screen and (max-width: 768px) {
        #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst p {
          font-size: 1em; } }
  @media only screen and (min-width: 769px) {
    #wrap .lp-block .container .lp-block-inner .grid-layout-blog .row .inst:last-child {
      padding-left: 0; } }

.phone-area {
  margin-top: 30px;
  background-color: #d7f1ff;
  padding: 30px 30px 20px; }
  @media only screen and (max-width: 768px) {
    .phone-area {
      margin-top: 15px;
      padding: 15px 15px 10px; } }
  .phone-area .phone-title {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    padding: 5px;
    color: #fff;
    background-color: #48a3ec;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .phone-area .phone-title {
        font-size: 1em; } }
  .phone-area .phone-number {
    font-family: 'Lato', sans-serif;
    font-size: 3.6em;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .phone-area .phone-number {
        font-size: 2.4em; } }
    .phone-area .phone-number a {
      color: #143789; }

.access-map iframe {
  width: 100%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: all  0.7s ease;
  -webkit-transition: all 0.7s ease; }
  .access-map iframe:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); }

table.time-table {
  width: 100%;
  border-left: 1px solid #143789; }
  table.time-table tbody tr th {
    background-color: #143789;
    color: #fff;
    padding: 0.5em;
    text-align: center; }
  table.time-table tbody tr td {
    border-right: 1px solid #143789;
    border-bottom: 1px solid #143789;
    padding: 0.5em;
    text-align: center; }

#wrap .lp-block .container .lp-block-inner .access-about p {
  padding-top: 1.2em !important;
  font-size: 1.2em !important;
  line-height: 1.6; }
  @media only screen and (max-width: 768px) {
    #wrap .lp-block .container .lp-block-inner .access-about p {
      font-size: 1em !important; } }

#wrap .access-logo {
  width: 100%; }
  #wrap .access-logo img {
    width: 100%; }
  #wrap .access-logo .access-logo-mark {
    width: 30% !important; }
  #wrap .access-logo .access-logo-type {
    padding-left: 1em;
    width: 65% !important; }

#wrap .access-reserve h3 {
  margin-top: 1.6em;
  padding: 0.3em;
  background-color: #143789;
  font-size: 1.2em;
  color: #fff; }

#wrap .cpt-case .container {
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 60px 30px !important; }
  @media only screen and (max-width: 768px) {
    #wrap .cpt-case .container {
      padding: 30px 15px !important; } }
  #wrap .cpt-case .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 .cpt-case .container .lp-block-inner {
        padding: 1px 15px 15px; } }
    #wrap .cpt-case .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 .cpt-case .container .lp-block-inner p {
          margin: 0 auto;
          width: 100%;
          line-height: 1.8em;
          padding: 1.4em 0 0;
          font-size: 1.6rem; } }
#wrap .cpt-case .container {
  background-color: transparent;
  background-color: transparent;
  background-image: linear-gradient(45deg, rgba(189, 232, 255, 0.8) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.8) 75%, rgba(189, 232, 255, 0.8)), linear-gradient(45deg, rgba(189, 232, 255, 0.8) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.8) 75%, rgba(189, 232, 255, 0.8)), linear-gradient(45deg, rgba(189, 232, 255, 0.7) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.7) 75%, rgba(189, 232, 255, 0.7)), linear-gradient(45deg, rgba(189, 232, 255, 0.7) 25%, transparent 25%, transparent 75%, rgba(189, 232, 255, 0.7) 75%, rgba(189, 232, 255, 0.7));
  background-position: 0 0, 3px 3px, 3px 0, 0 3px;
  background-size: 6px 6px; }
  @media only screen and (max-width: 768px) {
    #wrap .cpt-case .container {
      padding: 15px !important; } }
  #wrap .cpt-case .container .lp-block-inner {
    background-color: rgba(255, 255, 255, 0.5); }
    #wrap .cpt-case .container .lp-block-inner .case-block {
      background-color: #fff;
      margin-top: 40px; }
      @media only screen and (max-width: 768px) {
        #wrap .cpt-case .container .lp-block-inner .case-block {
          margin-top: 15px; } }
      #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 {
        background-color: #143789;
        display: flex;
        position: relative;
        z-index: 1; }
        #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 .case-block-h3-mark {
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #48a3ec;
          color: #143789;
          padding: 0.2em 0.5em 0.4em;
          font-size: 1.8em;
          font-weight: bold;
          width: 120px;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 .case-block-h3-mark {
              font-size: 1em;
              padding: 0.2em 0.5em 0.4em;
              width: 58px; } }
        #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 h3 {
          text-align: left;
          color: #fff;
          align-self: center;
          padding: 0.6em 2em 0.6em 1em;
          font-size: 1.6em; }
          @media only screen and (max-width: 768px) {
            #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 h3 {
              font-size: 1em;
              padding: 0.6em 2em 0.6em 0.6em; } }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 h3:after {
            position: absolute;
            top: 50%;
            right: 0.3em;
            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 .cpt-case .container .lp-block-inner .case-block .case-block-h3 h3:after {
                margin-top: -13px;
                font-size: 20px; } }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-h3 h3.collapsed:after {
            position: absolute;
            top: 50%;
            right: 0.3em;
            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 .cpt-case .container .lp-block-inner .case-block .case-block-h3 h3.collapsed:after {
                margin-top: -13px;
                font-size: 20px; } }
      #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents {
        padding: 0 40px 40px;
        background-color: #fcf8ee; }
        @media only screen and (max-width: 768px) {
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents {
            padding: 0 15px 15px; } }
        #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 {
          background-color: #48a3ec;
          color: #fff;
          padding: 0.4em;
          margin-top: 2em;
          position: relative;
          z-index: 1; }
          @media only screen and (max-width: 768px) {
            #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 {
              padding: 0.4em 2em; } }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 h4 {
            color: #fff;
            padding: 0; }
            #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 h4:after {
              position: absolute;
              top: 50%;
              right: 0.3em;
              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 .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 h4:after {
                  margin-top: -13px;
                  font-size: 20px; } }
            #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 h4.collapsed:after {
              position: absolute;
              top: 50%;
              right: 0.3em;
              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 .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 h4.collapsed:after {
                  margin-top: -13px;
                  font-size: 20px; } }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 p {
            color: #fff;
            text-align: center;
            padding-top: 0;
            line-height: 1.3; }
            @media only screen and (max-width: 768px) {
              #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-h4 p {
                font-size: 0.75em; } }
        #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-erea {
          padding: 0 20px 30px;
          background-color: #fff; }
          @media only screen and (max-width: 768px) {
            #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-erea {
              padding: 0px; } }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-erea .row {
            padding: 0.5em 0 0; }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-erea h5 {
            color: #143789;
            border-bottom: solid 4px #48a3ec; }
          #wrap .cpt-case .container .lp-block-inner .case-block .case-block-contents .case-image-erea .case-image {
            padding: 0 20px 20px; }

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