@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.4; }
  @media screen and (min-width: 960px) {
    body {
      font-size: 1.6rem; } }

img {
  display: block;
  max-width: 100%; }

a {
  color: inherit;
  text-decoration: none; }

em {
  font-style: normal; }

ul, li {
  list-style-type: none; }

p {
  line-height: 1.8; }

input[type="text"], input[type="email"], textarea {
  display: block;
  width: 100%;
  padding: 1.2rem;
  font-size: 1.5rem;
  border: none;
  border-radius: 0.4rem; }

/*

共通

*/
.ff_oswald {
  font-family: "Oswald", serif; }

.bg_gr {
  background-color: #4E93A6; }

.lp_content {
  width: 120rem;
  max-width: 94%;
  margin: 0 auto;
  padding: 4.0rem 0; }
  @media screen and (min-width: 960px) {
    .lp_content {
      padding: 8.0rem 0; } }

.cont_ttl_area {
  position: relative;
  padding-bottom: 2.4rem;
  text-align: center;
  margin-bottom: 4.0rem; }
  @media screen and (min-width: 960px) {
    .cont_ttl_area {
      margin-bottom: 8.0rem; } }
  .cont_ttl_area .cont_ttl_en {
    position: relative;
    margin-bottom: 1.2rem; }
    @media screen and (min-width: 640px) {
      .cont_ttl_area .cont_ttl_en {
        font-size: 2.4rem; } }
    @media screen and (min-width: 960px) {
      .cont_ttl_area .cont_ttl_en {
        font-size: 3.2rem; } }
    .cont_ttl_area .cont_ttl_en::before, .cont_ttl_area .cont_ttl_en::after {
      content: "";
      display: block;
      width: 36%;
      height: 0.8rem;
      position: absolute;
      top: 50%;
      translate: 0 -50%; }
    .cont_ttl_area .cont_ttl_en::before {
      left: 0; }
    .cont_ttl_area .cont_ttl_en::after {
      right: 0; }
  .cont_ttl_area .white_baloon {
    background-color: #fff;
    padding: 0.8rem;
    border-radius: 0.8rem;
    color: #333;
    position: relative;
    margin-bottom: 2.0rem;
    font-weight: 700; }
    @media screen and (min-width: 640px) {
      .cont_ttl_area .white_baloon {
        width: 52rem;
        margin: 0 auto 2.0rem;
        font-size: 2.0rem; } }
    @media screen and (min-width: 960px) {
      .cont_ttl_area .white_baloon {
        width: 100%;
        max-width: 90rem;
        font-size: 3.6rem; } }
    .cont_ttl_area .white_baloon::before {
      content: "";
      display: block;
      width: 1.6rem;
      height: 1.6rem;
      background-color: #fff;
      -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
      clip-path: polygon(0 0, 50% 100%, 100% 0);
      position: absolute;
      bottom: -1.6rem;
      right: 30%; }
  .cont_ttl_area h2 {
    font-size: 2.0rem;
    position: relative; }
    @media screen and (min-width: 640px) {
      .cont_ttl_area h2 {
        font-size: 3.6rem; } }
    @media screen and (min-width: 960px) {
      .cont_ttl_area h2 {
        font-size: 5.6rem; } }
    .cont_ttl_area h2 span {
      display: block;
      font-size: 1.6rem; }
      @media screen and (min-width: 640px) {
        .cont_ttl_area h2 span {
          font-size: 2.0rem; } }
      @media screen and (min-width: 960px) {
        .cont_ttl_area h2 span {
          font-size: 3.2rem; } }
    .cont_ttl_area h2 img {
      display: inline-block;
      position: relative;
      width: 2.4rem;
      margin-top: -2.4rem;
      margin-right: 0.4rem;
      top: 0.4rem; }
      @media screen and (min-width: 640px) {
        .cont_ttl_area h2 img {
          width: 4.0rem; } }
      @media screen and (min-width: 960px) {
        .cont_ttl_area h2 img {
          width: 5.6rem; } }
  .cont_ttl_area .green_baloon {
    position: absolute;
    background: url(/cms/wp-content/themes/npat/qc-anchor-lp/img/green_baloon02.png) no-repeat center center;
    background-size: 100%;
    top: -18%;
    left: 2%;
    padding: 1.6rem 1.2rem 3.2rem;
    font-weight: 700; }
    @media screen and (min-width: 640px) {
      .cont_ttl_area .green_baloon {
        top: -8%;
        left: 20%;
        padding: 1.6rem 1.6rem 3.2rem;
        font-size: 1.8rem; } }
    @media screen and (min-width: 960px) {
      .cont_ttl_area .green_baloon {
        top: -12%;
        left: 15%;
        padding: 2.0rem 2.4rem 4.8rem;
        font-size: 2.0rem; } }
    @media screen and (min-width: 1280px) {
      .cont_ttl_area .green_baloon {
        left: 22%; } }
    .cont_ttl_area .green_baloon span {
      font-size: 2.0rem; }
      @media screen and (min-width: 640px) {
        .cont_ttl_area .green_baloon span {
          font-size: 2.4rem; } }
      @media screen and (min-width: 960px) {
        .cont_ttl_area .green_baloon span {
          font-size: 4.0rem; } }
  .cont_ttl_area::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.8rem;
    position: absolute;
    bottom: 0; }

.cont_ttl_area_wt {
  color: #fff; }
  .cont_ttl_area_wt .cont_ttl_en::before, .cont_ttl_area_wt .cont_ttl_en::after {
    background-image: -webkit-repeating-linear-gradient(150deg, transparent, transparent 4px, rgba(255, 255, 255, 0.5) 4px, rgba(255, 255, 255, 0.5) 5px);
    background-image: -o-repeating-linear-gradient(150deg, transparent, transparent 4px, rgba(255, 255, 255, 0.5) 4px, rgba(255, 255, 255, 0.5) 5px);
    background-image: repeating-linear-gradient(-60deg, transparent, transparent 4px, rgba(255, 255, 255, 0.5) 4px, rgba(255, 255, 255, 0.5) 5px); }
  .cont_ttl_area_wt::before {
    background-image: -webkit-repeating-linear-gradient(150deg, transparent, transparent 4px, rgba(255, 255, 255, 0.5) 4px, rgba(255, 255, 255, 0.5) 5px);
    background-image: -o-repeating-linear-gradient(150deg, transparent, transparent 4px, rgba(255, 255, 255, 0.5) 4px, rgba(255, 255, 255, 0.5) 5px);
    background-image: repeating-linear-gradient(-60deg, transparent, transparent 4px, rgba(255, 255, 255, 0.5) 4px, rgba(255, 255, 255, 0.5) 5px); }

.cont_ttl_area_gr .cont_ttl_en {
  color: #4E93A6; }
  .cont_ttl_area_gr .cont_ttl_en::before, .cont_ttl_area_gr .cont_ttl_en::after {
    background-image: -webkit-repeating-linear-gradient(150deg, transparent, transparent 4px, #4E93A6 4px, #4E93A6 5px);
    background-image: -o-repeating-linear-gradient(150deg, transparent, transparent 4px, #4E93A6 4px, #4E93A6 5px);
    background-image: repeating-linear-gradient(-60deg, transparent, transparent 4px, #4E93A6 4px, #4E93A6 5px); }

.cont_ttl_area_gr h2 em {
  font-weight: inherit;
  font-style: normal;
  color: #4E93A6; }

.cont_ttl_area_gr::before {
  background-image: -webkit-repeating-linear-gradient(150deg, transparent, transparent 4px, #4E93A6 4px, #4E93A6 5px);
  background-image: -o-repeating-linear-gradient(150deg, transparent, transparent 4px, #4E93A6 4px, #4E93A6 5px);
  background-image: repeating-linear-gradient(-60deg, transparent, transparent 4px, #4E93A6 4px, #4E93A6 5px); }

.over_alpha {
  -webkit-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
  cursor: pointer; }
  .over_alpha:hover {
    opacity: 0.7; }

/*

ファーストビュー

*/
.fv_sec {
  background: url(/cms/wp-content/themes/npat/qc-anchor-lp/img/fv_bg.jpg) no-repeat center center;
  background-size: cover;
  height: 54rem;
  padding: 2.0rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 640px) {
    .fv_sec {
      height: 64rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-line-pack: center;
      align-content: center; } }
  @media screen and (min-width: 960px) {
    .fv_sec {
      height: 75rem; } }
  .fv_sec h1 {
    width: calc(100% - 4.0rem);
    background-color: #fff;
    padding: 0.8rem;
    border-radius: 0.8rem;
    position: absolute;
    top: 2.0rem;
    left: 2.0rem;
    font-size: 2.0rem; }
    @media screen and (min-width: 640px) {
      .fv_sec h1 {
        position: relative;
        width: 100%;
        max-width: 100rem;
        font-size: 2.4rem;
        text-align: center;
        margin: 0 auto 4.0rem;
        top: 0;
        left: 0; } }
    @media screen and (min-width: 960px) {
      .fv_sec h1 {
        font-size: 3.6rem;
        margin: 0 auto 6.4rem; } }
    .fv_sec h1 span {
      color: #4E93A6; }
    .fv_sec h1::before {
      content: "";
      display: block;
      width: 2.4rem;
      height: 2.4rem;
      background-color: #fff;
      -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      bottom: -2.4rem;
      right: 20%; }
      @media screen and (min-width: 640px) {
        .fv_sec h1::before {
          right: 30%; } }
  .fv_sec .fv_main {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4.0rem 2.0rem;
    color: #fff;
    position: relative; }
    @media screen and (min-width: 640px) {
      .fv_sec .fv_main {
        width: 56rem;
        padding: 4.0rem 2.0rem 6.4rem; } }
    @media screen and (min-width: 960px) {
      .fv_sec .fv_main {
        width: 80rem; } }
    .fv_sec .fv_main p {
      background-color: #ADED00;
      padding: 0.8rem 2.4rem;
      position: absolute;
      top: 0;
      left: 50%;
      translate: -50% -50%;
      border-radius: 10rem;
      color: #333;
      font-weight: 700; }
      @media screen and (min-width: 640px) {
        .fv_sec .fv_main p {
          font-size: 2.0rem;
          padding: 0.4rem 4.0rem; } }
      @media screen and (min-width: 960px) {
        .fv_sec .fv_main p {
          font-size: 2.4rem;
          padding: 0.4rem 6.4rem; } }
    .fv_sec .fv_main h2 {
      font-size: 1.8rem;
      text-align: center; }
      @media screen and (min-width: 640px) {
        .fv_sec .fv_main h2 {
          font-size: 2.8rem; } }
      @media screen and (min-width: 960px) {
        .fv_sec .fv_main h2 {
          font-size: 3.6rem; } }
      .fv_sec .fv_main h2 em {
        color: #ADED00;
        font-style: normal; }
      .fv_sec .fv_main h2 span {
        display: block;
        font-size: 1.4rem;
        margin-top: 1.2rem; }
        @media screen and (min-width: 640px) {
          .fv_sec .fv_main h2 span {
            font-size: 1.8rem; } }
        @media screen and (min-width: 960px) {
          .fv_sec .fv_main h2 span {
            font-size: 2.0rem; } }
    .fv_sec .fv_main h3 {
      margin-top: 2.4rem;
      text-align: center; }
      @media screen and (min-width: 640px) {
        .fv_sec .fv_main h3 {
          width: 48rem;
          margin: 2.4rem auto 0; } }
      @media screen and (min-width: 960px) {
        .fv_sec .fv_main h3 {
          width: 56rem;
          margin: 2.4rem auto 0; } }
      .fv_sec .fv_main h3 span {
        margin-top: 1.2rem;
        display: block;
        font-weight: 200;
        letter-spacing: 0.3em; }
    .fv_sec .fv_main .fv_product_image {
      position: absolute;
      width: 8.0rem;
      bottom: -9.0rem;
      left: 50%;
      margin: 0;
      translate: -50% 0; }
      @media screen and (min-width: 640px) {
        .fv_sec .fv_main .fv_product_image {
          bottom: -2.0rem;
          left: 0;
          translate: 0 0; } }
      @media screen and (min-width: 960px) {
        .fv_sec .fv_main .fv_product_image {
          width: 10.0rem;
          bottom: 7.0rem; } }

.qc_sec01 {
  background-color: #4E93A6;
  background-image: url(/cms/wp-content/themes/npat/qc-anchor-lp/img/sec01_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%; }

@media screen and (min-width: 640px) {
  .worries_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.worries_list .worries_module {
  background-color: #fff;
  padding: 4.0rem 2.0rem 2.0rem;
  border-radius: 1.2rem;
  position: relative;
  margin-bottom: 6.4rem; }
  @media screen and (min-width: 640px) {
    .worries_list .worries_module {
      width: 32%;
      margin-bottom: 0; } }
  .worries_list .worries_module .green_baloon {
    position: absolute;
    width: 90%;
    padding: 2.0rem 0 4.0rem;
    text-align: center;
    font-weight: 700;
    top: 0;
    left: 50%;
    translate: -50% -50%;
    background: url(/cms/wp-content/themes/npat/qc-anchor-lp/img/green_baloon.png) no-repeat center center;
    background-size: contain; }
    @media screen and (min-width: 640px) {
      .worries_list .worries_module .green_baloon {
        font-size: 1.2rem;
        padding: 2.4rem 0 4.0rem; } }
    @media screen and (min-width: 960px) {
      .worries_list .worries_module .green_baloon {
        font-size: 1.6rem; } }
  .worries_list .worries_module h3 {
    font-size: 1.8rem;
    text-align: center;
    padding-bottom: 1.2rem;
    border-bottom: dotted 0.2rem #4E93A6;
    margin-bottom: 1.2rem; }
    @media screen and (min-width: 960px) {
      .worries_list .worries_module h3 {
        font-size: 2.4rem; } }
    @media screen and (min-width: 1280px) {
      .worries_list .worries_module h3 br {
        display: none; } }
  .worries_list .worries_module figure {
    width: 12.8rem;
    margin: 0 auto 2.4rem; }
  .worries_list .worries_module:last-of-type {
    margin-bottom: 0; }

.qc_sec02 .manga_wrap {
  max-width: 88rem;
  margin: 0 auto; }

.features_module {
  background-color: #fff;
  padding: 2.0rem;
  border-radius: 1.2rem;
  margin-top: 2.4rem; }
  @media screen and (min-width: 640px) {
    .features_module {
      padding: 4.0rem; } }
  .features_module h3 {
    border-top: dotted 0.3rem #4E93A6;
    border-bottom: dotted 0.3rem #4E93A6;
    font-size: 1.6rem;
    padding: 1.2rem 0 1.2rem 5.2rem;
    position: relative;
    margin-bottom: 1.2rem; }
    @media screen and (min-width: 640px) {
      .features_module h3 {
        font-size: 2.4rem;
        padding-left: 9.6rem; } }
    @media screen and (min-width: 960px) {
      .features_module h3 {
        font-size: 3.6rem;
        padding-left: 12rem;
        margin-bottom: 2.4rem; } }
    .features_module h3 span {
      display: block;
      font-size: 1.2rem;
      color: #4E93A6; }
      @media screen and (min-width: 640px) {
        .features_module h3 span {
          font-size: 1.6rem; } }
      @media screen and (min-width: 960px) {
        .features_module h3 span {
          font-size: 2.0rem; } }
    .features_module h3 .ttl_icon {
      position: absolute;
      width: 5.2rem;
      left: -10px;
      top: 50%;
      translate: 0 -50%; }
      @media screen and (min-width: 640px) {
        .features_module h3 .ttl_icon {
          width: 9.6rem;
          left: -10px; } }
      @media screen and (min-width: 960px) {
        .features_module h3 .ttl_icon {
          width: 12rem; } }
  @media screen and (min-width: 640px) {
    .features_module .features_module_row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; } }
  .features_module .features_module_row figure {
    margin-bottom: 1.6rem; }
    @media screen and (min-width: 640px) {
      .features_module .features_module_row figure {
        width: 48%; } }
  @media screen and (min-width: 640px) {
    .features_module .features_module_row .feature_module_info {
      width: 48%; } }
  .features_module .features_module_row .feature_module_info dl {
    margin-top: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #F5FBD5;
    padding: 1.2rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 960px) {
      .features_module .features_module_row .feature_module_info dl {
        margin-top: 2.0rem; } }
    .features_module .features_module_row .feature_module_info dl dt {
      width: 24%;
      font-size: 2.0rem;
      color: #4E93A6;
      text-align: center; }
    .features_module .features_module_row .feature_module_info dl dd {
      width: 76%;
      padding: 0 1.2rem;
      border-left: solid 0.1rem #4E93A6; }
  .features_module .features_module_row .feature_module_info .features_module_note {
    font-size: 1.2rem;
    margin-top: 1.2rem; }

@media screen and (min-width: 640px) {
  .suitable_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.suitable_list li {
  background-color: #F5FBD5;
  padding: 1.2rem;
  border-left: solid 0.4rem #4E93A6;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.2rem; }
  @media screen and (min-width: 640px) {
    .suitable_list li {
      width: 49%; } }
  @media screen and (min-width: 960px) {
    .suitable_list li {
      padding: 2.0rem 1.2rem;
      font-size: 2.4rem; } }

.suitable_list_note {
  text-align: right;
  font-size: 1.2rem;
  margin-bottom: 4.0rem; }
  @media screen and (min-width: 960px) {
    .suitable_list_note {
      margin-bottom: 5.2rem; } }

.to_product_btn {
  width: 100%;
  max-width: 68rem;
  margin: 0 auto;
  text-align: center; }
  .to_product_btn a {
    display: block;
    background-color: #4E93A6;
    padding: 2.0rem 0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 10rem;
    -webkit-box-shadow: 0 6px 0 #B9D4DC;
    box-shadow: 0 6px 0 #B9D4DC;
    position: relative; }
    @media screen and (min-width: 640px) {
      .to_product_btn a {
        font-size: 2.4rem;
        padding: 2.4rem 0; } }
    @media screen and (min-width: 960px) {
      .to_product_btn a {
        font-size: 2.8rem;
        padding: 2.4rem 0; } }
    .to_product_btn a::before {
      content: "";
      display: block;
      width: 1.2rem;
      height: 1.2rem;
      border-top: solid 0.2rem #fff;
      border-right: solid 0.2rem #fff;
      position: absolute;
      top: 50%;
      right: 2.0rem;
      translate: 0 -50%;
      rotate: 45deg; }
      @media screen and (min-width: 640px) {
        .to_product_btn a::before {
          right: 4.0rem; } }

.qc_sec05 {
  background: url(/cms/wp-content/themes/npat/qc-anchor-lp/img/qc_sec05_bg.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center; }
  .qc_sec05 .lp_content {
    position: relative; }
    @media screen and (min-width: 960px) {
      .qc_sec05 .lp_content {
        max-width: 96rem; } }
  .qc_sec05 .achievements_ttl {
    background-size: 40px;
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-image: url(/cms/wp-content/themes/npat/qc-anchor-lp/img/laurel_l.png), url(/cms/wp-content/themes/npat/qc-anchor-lp/img/laurel_r.png);
    padding-bottom: 1.2rem;
    border-bottom: solid 0.1rem #E2CA48;
    margin-bottom: 1.2rem;
    color: #E2CA48; }
    @media screen and (min-width: 640px) {
      .qc_sec05 .achievements_ttl {
        background-size: 52px; } }
    @media screen and (min-width: 960px) {
      .qc_sec05 .achievements_ttl {
        background-size: 64px;
        padding-bottom: 2.4rem;
        margin-bottom: 2.4rem; } }
    .qc_sec05 .achievements_ttl h2 {
      color: #E2CA48;
      line-height: 1.2;
      margin-bottom: 1.2rem;
      font-size: 2.4rem; }
      @media screen and (min-width: 960px) {
        .qc_sec05 .achievements_ttl h2 {
          font-size: 2.8rem; } }
      .qc_sec05 .achievements_ttl h2 span {
        display: block; }
        @media screen and (min-width: 640px) {
          .qc_sec05 .achievements_ttl h2 span {
            display: inline;
            margin: 0 0.8rem; } }
        .qc_sec05 .achievements_ttl h2 span em {
          font-size: 4.8rem;
          font-style: normal;
          background: -webkit-gradient(linear, left bottom, left top, from(#E2CA48), to(#A28900));
          background: -webkit-linear-gradient(bottom, #E2CA48 0%, #A28900 100%);
          background: -o-linear-gradient(bottom, #E2CA48 0%, #A28900 100%);
          background: linear-gradient(0deg, #E2CA48 0%, #A28900 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
          @media screen and (min-width: 640px) {
            .qc_sec05 .achievements_ttl h2 span em {
              font-size: 7.2rem; } }
          @media screen and (min-width: 960px) {
            .qc_sec05 .achievements_ttl h2 span em {
              font-size: 10rem; } }
    .qc_sec05 .achievements_ttl h3 {
      font-size: 2.0rem; }
      @media screen and (min-width: 640px) {
        .qc_sec05 .achievements_ttl h3 {
          font-size: 3.6rem; } }
      @media screen and (min-width: 960px) {
        .qc_sec05 .achievements_ttl h3 {
          font-size: 4.8rem; } }
  .qc_sec05 .achievements {
    margin-bottom: 2.4rem; }
    @media screen and (min-width: 960px) {
      .qc_sec05 .achievements {
        font-size: 2.0rem;
        margin-bottom: 6.4rem; } }
    @media screen and (min-width: 640px) {
      .qc_sec05 .achievements br {
        display: none; } }
    .qc_sec05 .achievements em {
      display: block;
      font-size: 1.8rem; }
      @media screen and (min-width: 960px) {
        .qc_sec05 .achievements em {
          font-size: 2.8rem; } }
    .qc_sec05 .achievements span {
      display: block;
      font-size: 1.2rem; }
      @media screen and (min-width: 960px) {
        .qc_sec05 .achievements span {
          font-size: 1.6rem; } }
  .qc_sec05 .product_img02, .qc_sec05 .product_img03 {
    width: 4.0rem;
    position: absolute;
    bottom: 46%; }
    @media screen and (min-width: 640px) {
      .qc_sec05 .product_img02, .qc_sec05 .product_img03 {
        width: 6.4rem;
        bottom: 32%; } }
    @media screen and (min-width: 640px) {
      .qc_sec05 .product_img02, .qc_sec05 .product_img03 {
        width: 12rem;
        bottom: 16%; } }
  .qc_sec05 .product_img02 {
    left: 0; }
  .qc_sec05 .product_img03 {
    right: 0; }

.to_contact_btn {
  width: 100%;
  max-width: 68rem;
  margin: 0 auto;
  text-align: center; }
  .to_contact_btn a {
    display: block;
    background-color: #fff;
    padding: 2.0rem 0;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 10rem;
    position: relative; }
    @media screen and (min-width: 640px) {
      .to_contact_btn a {
        font-size: 2.4rem;
        padding: 2.4rem 0; } }
    .to_contact_btn a::before {
      content: "";
      display: block;
      width: 1.2rem;
      height: 1.2rem;
      border-top: solid 0.2rem #333;
      border-right: solid 0.2rem #333;
      position: absolute;
      top: 50%;
      right: 2.0rem;
      translate: 0 -50%;
      rotate: 45deg; }
      @media screen and (min-width: 640px) {
        .to_contact_btn a::before {
          right: 4.0rem; } }

.faq_module {
  background-color: #fff;
  padding: 0 2.0rem;
  border-radius: 1.2rem;
  margin-top: 1.2rem; }
  @media screen and (min-width: 960px) {
    .faq_module {
      max-width: 96rem;
      margin-left: auto;
      margin-right: auto; } }
  .faq_module dt {
    font-size: 1.6rem;
    font-weight: 700;
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    position: relative;
    cursor: pointer;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s; }
    .faq_module dt:hover {
      opacity: 0.7; }
    @media screen and (min-width: 640px) {
      .faq_module dt {
        font-size: 2.0rem;
        padding-left: 3.6rem;
        padding-right: 3.6rem; } }
    .faq_module dt::before {
      content: "Q.";
      font-family: "Oswald", serif;
      font-size: 2.4rem;
      position: absolute;
      top: 50%;
      left: 0;
      translate: 0 -50%;
      color: #C2E502; }
      @media screen and (min-width: 640px) {
        .faq_module dt::before {
          font-size: 3.2rem; } }
    .faq_module dt::after {
      position: absolute;
      font-size: 2.4rem;
      top: 50%;
      right: 0;
      translate: 0 -50%;
      color: #4E93A6; }
      @media screen and (min-width: 640px) {
        .faq_module dt::after {
          font-size: 3.2rem; } }
  .faq_module .close::after {
    content: "+"; }
  .faq_module .open::after {
    content: "-"; }
  .faq_module dd {
    border-top: dotted 0.1rem #ccc;
    padding-top: 1.2rem;
    padding-bottom: 2.0rem;
    line-height: 1.8;
    display: none; }

.qc_sec07 {
  background-color: #f0f0f0; }

@media screen and (min-width: 640px) {
  .lp_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 960px) {
  .lp_form {
    max-width: 96rem;
    margin-left: auto;
    margin-right: auto; } }

.lp_form dt {
  margin-bottom: 0.8rem;
  font-weight: 700; }
  @media screen and (min-width: 640px) {
    .lp_form dt {
      width: 30%; } }
  .lp_form dt span {
    font-size: 1.2rem;
    font-weight: 400;
    color: #EA1515;
    margin-left: 0.8rem; }

.lp_form dd {
  margin-bottom: 2.0rem; }
  @media screen and (min-width: 640px) {
    .lp_form dd {
      width: 70%; } }
  .lp_form dd textarea {
    margin-top: 1.2rem; }

.lp_form_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 4.0rem; }
  .lp_form_btn input {
    text-align: center;
    display: block;
    width: 48%;
    max-width: 44rem;
    background-color: #4E93A6;
    color: #fff;
    border-radius: 10rem;
    border: none;
    margin: 0 1%;
    padding: 1.2rem;
    font-weight: 700; }
    @media screen and (min-width: 960px) {
      .lp_form_btn input {
        font-size: 2.0rem; } }
  .lp_form_btn input[name="submitBack"] {
    background-color: #999; }

.float_bnr {
  position: fixed;
  width: 28rem;
  bottom: 0.8rem;
  right: 0.8rem; }
  @media screen and (min-width: 960px) {
    .float_bnr {
      width: 33rem;
      bottom: 2.0rem;
      right: 2.0rem; } }
  .float_bnr .close_btn {
    position: absolute;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 1.2rem;
    background-color: #fff;
    top: -0.8rem;
    right: -0.8rem; }
    .float_bnr .close_btn::before, .float_bnr .close_btn::after {
      content: "";
      display: block;
      width: 1.8rem;
      height: 0.3rem;
      background-color: #333;
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%; }
    .float_bnr .close_btn::before {
      rotate: 45deg; }
    .float_bnr .close_btn::after {
      rotate: -45deg; }

footer {
  background-color: #fff;
  padding: 1.2rem 0; }
  @media screen and (min-width: 640px) {
    footer {
      padding: 2.4rem 0; } }
  footer .lp_footer_logo {
    margin: 0 auto;
    width: 21rem; }