@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* A Modern CSS Reset */
*, *::before, *::after {
  box-sizing: border-box; }

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0; }

ul[role="list"], ol[role="list"] {
  list-style: none; }

html:focus-within {
  scroll-behavior: smooth; }

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

a:not([class]) {
  text-decoration-skip-ink: auto; }

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

input, button, textarea, select {
  font: inherit; }

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }

  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important; } }
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  outline: none;
  text-decoration: none !important; }

/*--------------------------
メディアクエリ設定
---------------------------*/
/*マップ型変数で定義*/
/*@mixinでメディアクエリを呼び出す。変数mq、初期値sm*/
/*フォントサイズレスポンシブ*/
/*20pxのテキストを画面幅に合わせて変更する場合*/
/*.sample {
  @include fs-vw(20);
}*/
/*-------------------------------------
変数
-------------------------------------*/
/*-------------------------------------
全体
-------------------------------------*/
* {
  box-sizing: border-box; }

html, body {
  scroll-behavior: smooth;
  scroll-padding-top: 60px; }
  @media screen and (min-width: 768px) {
    html, body {
      scroll-padding-top: 144px; } }

body {
  /*	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
  font-family: 'Zen Maru Gothic',"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  overflow-x: hidden;
  font-size: 3.8647342995vw; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 16px; } }

a.el_txt_link {
  text-decoration: underline !important;
  color: #399E7D; }

a[href^="tel:"] {
  pointer-events: auto; }
  @media screen and (min-width: 768px) {
    a[href^="tel:"] {
      pointer-events: none; } }

.ly_container {
  overflow-x: hidden; }

.ly_sectionInner {
  width: 94%;
  padding: 2em 0;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .ly_sectionInner {
      width: 100%;
      max-width: 1000px;
      padding: 4em 0; } }
  .ly_sectionInner.ly_sectionInner__cv {
    padding: 3em 0; }

/*  #cv, #price, #brand, #comapre, #assessment, #flow, #voice{
      scroll-padding-top: 60px;
      @include mq(pc){
          scroll-padding-top: 200px;
      }	
  }*/
/*-------------------------------------
ヘルパークラス
-------------------------------------*/
.hp_txt_large {
  font-size: 1.5em !important; }

.hp_txt_or {
  color: #399E7D !important; }

.hp_txt_red {
  color: #F73347 !important; }

.hp_txt_marker {
  background: linear-gradient(transparent 60%, #FFEB00 60%); }
  .hp_txt_marker.hp_txt_marker__fill {
    background: #FFEB00; }

.hp_ta_c {
  text-align: center !important; }

.hp_sp_br {
  display: block; }
  @media screen and (min-width: 768px) {
    .hp_sp_br {
      display: none; } }

.hp_pc_br {
  display: none; }
  @media screen and (min-width: 768px) {
    .hp_pc_br {
      display: block; } }

.hp_bg_be {
  background-color: #FBF8EE; }

.hp_bg_gray {
  background-color: #F5F2EF; }

.hp_txt_xsmall {
  font-size: 0.5em; }

.hp_pt_wave {
  position: relative;
  z-index: 1; }
  .hp_pt_wave::after {
    display: block;
    content: "";
    width: 100%;
    height: 24px;
    background-image: url("../images/pt-wave-blue.webp");
    background-repeat: repeat-x;
    background-position: center;
    background-size: 24px;
    position: absolute;
    bottom: -14px;
    left: 0;
    right: 0;
    z-index: -1; }
  .hp_pt_wave.hp_pt_wave__reason {
    background-size: 17px; }

/*-------------------------------------
header
-------------------------------------*/
.ly_header {
  /*SP*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .ly_header {
      width: 100%;
      padding: 8px 0px;
      position: static; } }
  .ly_header.ly_header__static {
    position: static; }

.ly_headerInner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  gap: 2px; }
  @media screen and (min-width: 768px) {
    .ly_headerInner {
      gap: 16px;
      max-width: 1280px;
      margin: 0 auto; } }

.bl_header_logo {
  width: 28%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 768px) {
    .bl_header_logo {
      width: 160px; } }

.bl_navList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%; }
  .bl_navList > li {
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }

.bl_header_tel {
  display: none; }
  @media screen and (min-width: 768px) {
    .bl_header_tel {
      display: block;
      width: 340px;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; } }

.bl_header_btn {
  display: none; }
  @media screen and (min-width: 768px) {
    .bl_header_btn {
      display: block;
      width: 190px;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; } }

/*gnavi*/
.ly_gnavi {
  padding: 0.5em 0;
  position: fixed;
  top: 54px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none; }
  @media screen and (min-width: 768px) {
    .ly_gnavi {
      display: block;
      max-width: 400px;
      width: 100%;
      margin-left: auto;
      margin-right: 0;
      position: static;
      background-color: transparent; } }

.bl_gnavi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .bl_gnavi {
      flex-wrap: nowrap;
      flex-direction: row;
      gap: 0px; } }
  .bl_gnavi > li {
    width: 70%;
    flex-basis: content; }
    @media screen and (min-width: 768px) {
      .bl_gnavi > li {
        width: 100%; } }
    .bl_gnavi > li:nth-child(n+2) {
      margin-top: 0.5em; }
      @media screen and (min-width: 768px) {
        .bl_gnavi > li:nth-child(n+2) {
          margin-top: 0;
          border-left: solid 1px currentColor; } }
    .bl_gnavi > li > a {
      display: block;
      text-align: center;
      padding: 0.8em 0.5em; }
      @media screen and (min-width: 768px) {
        .bl_gnavi > li > a {
          padding: 0 1em; } }

@media screen and (min-width: 768px) {
  .el_gnavi_txt {
    font-size: 0.8em;
    color: #333333;
    font-weight: 700; } }

/*スマホ版トグルメニュー*/
.ly_menu_btn {
  display: block;
  margin-left: auto; }
  @media screen and (min-width: 768px) {
    .ly_menu_btn {
      display: none; } }

.bl_menu_btn {
  width: 44px;
  background: transparent;
  border-style: none;
  padding: 0.8em; }
  .bl_menu_btn > span {
    display: block;
    width: 1.5em;
    height: 2px;
    background: #333; }
    .bl_menu_btn > span:nth-child(n+2) {
      margin-top: 0.3em; }
  .bl_menu_btn.js-active {
    position: relative;
    -webkit-transition: .3s all;
    transition: .3s all; }
    .bl_menu_btn.js-active > span {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transition: .3s all;
      transition: .3s all; }
      .bl_menu_btn.js-active > span:nth-of-type(1) {
        width: 1.5em;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%); }
      .bl_menu_btn.js-active > span:nth-of-type(2) {
        width: 1.5em;
        -webkit-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%) translateX(1px); }
      .bl_menu_btn.js-active > span:nth-of-type(3) {
        display: none; }

/*グレーアウト背景*/
.hp_spMenu_bg {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 990;
  opacity: 0;
  visibility: hidden;
  transition: .3s all; }
  .hp_spMenu_bg.js-active {
    transition: .3s all;
    opacity: 1;
    visibility: visible; }
  @media screen and (min-width: 768px) {
    .hp_spMenu_bg {
      display: none; } }

/*-------------------------------------
共通パーツ
-------------------------------------*/
.bl_heading {
  /*リボン付き*/ }
  .bl_heading.bl_heading__trouble {
    text-align: center;
    color: #000333;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 5.7971014493vw; }
    @media screen and (min-width: 768px) {
      .bl_heading.bl_heading__trouble {
        font-size: 2em; } }
  .bl_heading.bl_heading__ribbon {
    background: #1b2a60;
    background: linear-gradient(0deg, #1b2a60 0%, #0868aa 100%);
    padding: 0.5em;
    text-align: center;
    margin-bottom: 2em;
    position: relative;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      .bl_heading.bl_heading__ribbon {
        padding: 1em; } }
    .bl_heading.bl_heading__ribbon::after {
      display: block;
      content: "";
      width: 14px;
      background: url("../images/bg-pt-arrow.webp");
      background-repeat: repeat-y;
      background-position: top right;
      background-size: 6.9px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
      @media screen and (min-width: 768px) {
        .bl_heading.bl_heading__ribbon::after {
          background-size: 7.1px; } }
    .bl_heading.bl_heading__ribbon .el_heading_txt {
      color: #fff;
      font-size: 1.125em; }
  .bl_heading.bl_heading__case {
    color: #000333;
    font-weight: 700;
    padding-bottom: 1em;
    font-size: 5.0724637681vw; }
    @media screen and (min-width: 768px) {
      .bl_heading.bl_heading__case {
        font-size: 1.5em; } }
    .bl_heading.bl_heading__case::after {
      display: block;
      content: "";
      width: 14em;
      height: 20px;
      background-image: url("../images/pt-line-gara@2x.webp");
      background-repeat: repeat-x;
      background-size: contain; }
  .bl_heading.bl_heading__data {
    text-align: center;
    color: #000333;
    font-weight: 700;
    font-size: 6.7632850242vw; }
    @media screen and (min-width: 768px) {
      .bl_heading.bl_heading__data {
        font-size: 2em; } }
    .bl_heading.bl_heading__data > .el_heading_subTxt {
      display: block;
      font-size: 0.7em; }
  .bl_heading.bl_heading__contact {
    text-align: center;
    color: #C72B38;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 5.7971014493vw; }
    @media screen and (min-width: 768px) {
      .bl_heading.bl_heading__contact {
        font-size: 1.5em; } }
    .bl_heading.bl_heading__contact .el_heading_imgTxt {
      width: 80px;
      display: block;
      margin: 0.2em auto; }

/*------------ボタン------------*/
.ly_btn.ly_btn__cv {
  width: 90%;
  margin: 3em auto 1em; }
  @media screen and (min-width: 768px) {
    .ly_btn.ly_btn__cv {
      width: 800px;
      margin: 4em auto 2em; } }

.bl_btn {
  /*default*/
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 1em;
  font-weight: 700;
  text-align: center;
  -webkit-transition: .3s all;
  transition: .3s all;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  z-index: 1;
  background: transparent;
  color: #fff;
  /*リボン飾り*/ }
  @media screen and (min-width: 768px) {
    .bl_btn {
      padding: 1em 0.5em;
      letter-spacing: 0.08em; } }
  .bl_btn::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border: solid 2px #1B2025;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1; }
  .bl_btn::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #36d1dc;
    background: linear-gradient(90deg, #36d1dc 0%, #5b86e5 100%);
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: -1; }
  .bl_btn.bl_btn__spFixed {
    padding: 0.5em 1em; }
  .bl_btn:focus .bl_btn_icon {
    -webkit-transition: .3s all;
    transition: .3s all;
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  .bl_btn:hover .bl_btn_icon {
    -webkit-transition: .3s all;
    transition: .3s all;
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  .bl_btn .bl_btnInner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 16px; }
  .bl_btn .bl_btn_icon {
    width: 40px;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto; }
  .bl_btn .bl_btn_txt {
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: 4.347826087vw; }
    @media screen and (min-width: 768px) {
      .bl_btn .bl_btn_txt {
        font-size: 1.2em; } }
  .bl_btn .el_btn_txt {
    width: 100%;
    color: #fff;
    font-size: 5.0724637681vw; }
    @media screen and (min-width: 768px) {
      .bl_btn .el_btn_txt {
        font-size: 2em; } }
    .bl_btn .el_btn_txt > .hp_txt_s {
      font-size: 0.8em; }
    .bl_btn .el_btn_txt.el_btn_txt__l {
      font-size: 1.1em; }
    .bl_btn .el_btn_txt.el_btn_txt__icon {
      display: flex;
      justify-content: center;
      flex-direction: row-reverse;
      align-items: center;
      gap: 8px; }
      .bl_btn .el_btn_txt.el_btn_txt__icon::after {
        display: block;
        content: "";
        width: 32px;
        height: 32px;
        background-image: url("../images/common/icon-beginner.png");
        background-size: contain;
        background-repeat: no-repeat; }
  .bl_btn .bl_btn_kazariTxt {
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 90%; }
    @media screen and (min-width: 768px) {
      .bl_btn .bl_btn_kazariTxt {
        top: -20px;
        width: 560px; } }
  .bl_btn.bl_btn__header {
    flex-direction: column;
    border-style: none;
    position: relative;
    -webkit-transition: .3s all;
    transition: .3s all; }
    @media screen and (min-width: 768px) {
      .bl_btn.bl_btn__header {
        flex-direction: row;
        border-style: inherit; } }

.bl_btn_kazariTxt {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1; }

/*-------------------------------------
footer
-------------------------------------*/
.ly_footer {
  width: 100%;
  background: #E2EBF9;
  padding: 0.4em 0 5.5em; }
  @media screen and (min-width: 768px) {
    .ly_footer {
      padding: 48px 0 24px; } }
  .ly_footer.ly_footer__contact {
    padding: 0.4em 0; }
    @media screen and (min-width: 768px) {
      .ly_footer.ly_footer__contact {
        padding: 48px 0 24px; } }

.ly_footerLogo {
  width: 40%;
  margin: 1em auto; }
  @media screen and (min-width: 768px) {
    .ly_footerLogo {
      max-width: 200px;
      width: 100%; } }

.ly_footerLink {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 1em auto; }
  @media screen and (min-width: 768px) {
    .ly_footerLink {
      margin: 0 auto;
      max-width: 500px;
      width: 100%; } }

.bl_footerLink {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0 2em; }
  @media screen and (min-width: 768px) {
    .bl_footerLink {
      gap: 32px; } }
  .bl_footerLink > li {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .bl_footerLink > li {
        width: auto; } }
    .bl_footerLink > li > a {
      display: block;
      padding: 0.5em 0;
      font-size: 0.875em;
      color: #333; }

.bl_footer_tel {
  width: 70%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 768px) {
    .bl_footer_tel {
      width: 30%; } }

.ly_copyright {
  background: #E2EBF9;
  padding: 0.5em;
  text-align: center;
  font-size: 0.8em; }
  @media screen and (min-width: 768px) {
    .ly_copyright {
      margin-top: 32px; } }

/*-------------------------------------
SP固定フッター
-------------------------------------*/
.ly_sp_fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  background: #fff;
  padding: 1em;
  z-index: 980;
  box-shadow: 0px 0px 13px -6px rgba(0, 0, 0, 0.3); }
  @media screen and (min-width: 768px) {
    .ly_sp_fixed {
      display: none; } }

.bl_sp_fixedInner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 8px; }

.bl_sp_fixed_left {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_sp_fixed_right {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

/*-------------------------------------
PC固定フッター
-------------------------------------*/
.ly_pc_fixed {
  display: none; }
  @media screen and (min-width: 768px) {
    .ly_pc_fixed {
      display: none;
      width: 305px;
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 990;
      -webkit-transform: translateY(0px);
      transform: translateY(0px); } }
  .ly_pc_fixed.js-active {
    -webkit-transform: translateY(462px);
    transform: translateY(462px);
    -webkit-transition: .3s all;
    transition: .3s all; }

.bl_pc_fixed_ttl {
  background-color: #004EA2;
  text-align: center;
  border-radius: 8px 8px 0 0;
  padding: 0.5em;
  position: relative; }

.el_pc_fixed_ttl {
  color: #fff; }

.ly_pc_fixed_close {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1; }

.bl_pc_fixed_close {
  display: block;
  border: solid 2px #fff;
  padding: 0.2em;
  position: relative;
  cursor: pointer; }

.el_pc_fixed_close {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border-style: none;
  cursor: pointer; }
  .el_pc_fixed_close > span {
    border-radius: 48px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto; }
    .el_pc_fixed_close > span:nth-of-type(1) {
      width: 1em;
      height: 2px;
      background-color: #fff; }
    .el_pc_fixed_close > span:nth-of-type(2) {
      width: 1em;
      height: 2px;
      background-color: #fff;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .el_pc_fixed_close.js-active > span {
    -webkit-transition: .3s all;
    transition: .3s all; }
    .el_pc_fixed_close.js-active > span:nth-of-type(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .el_pc_fixed_close.js-active > span:nth-of-type(2) {
      display: none; }

.bl_pc_fixed_bottom {
  background-color: #004EA2;
  text-align: center; }

.bl_pc_fixed_bottomInner {
  padding: 0.5em 1em; }

/*.bl_pc_fixed_telInner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}*/
.bl_pc_fixed_tel_img {
  width: 24px;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_pc_fixed_tel {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.2em 0.5em; }
  .bl_pc_fixed_tel > a {
    display: block;
    width: 100%; }
    .bl_pc_fixed_tel > a > .el_tel_icon {
      width: 16px;
      display: inline-block;
      vertical-align: middle; }
    .bl_pc_fixed_tel > a > .el_tel_txt {
      display: inline-block;
      color: #fff;
      font-weight: 700;
      vertical-align: middle; }

.el_tel_subTxt {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 3.3816425121vw; }
  @media screen and (min-width: 768px) {
    .el_tel_subTxt {
      font-size: 0.7em; } }

.agreeInner.agreeInner__side {
  line-height: 1.1; }

.bl_pc_fixed_upper {
  background-color: #fff;
  padding: 0.2em 0.5em; }

/**/
/*----------------------------
TOP
----------------------------*/
/*SP準拠・PC上書き*/
/*------------FV----------------*/
.ly_fv {
  position: relative;
  z-index: 1;
  margin-top: 59px; }
  @media screen and (min-width: 768px) {
    .ly_fv {
      margin-top: 0; } }

.bl_fvInner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  margin: 0 auto;
  background: #399E7D;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .bl_fvInner {
      flex-direction: row; } }
  .bl_fvInner::before {
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../images/pt-fv-stripe-top@2x.webp");
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }
  .bl_fvInner::after {
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../images/pt-fv-stripe-bottom@2x.webp");
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }
  @media screen and (min-width: 768px) {
    .bl_fvInner {
      max-width: 1000px; } }

.bl_fv_lead {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_fv_img {
  width: 100%;
  height: 180px;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  align-self: stretch; }
  @media screen and (min-width: 768px) {
    .bl_fv_img {
      width: 50%;
      height: auto; } }
  .bl_fv_img > img {
    object-fit: cover;
    height: 100%; }

.bl_fv_leadWrapper {
  position: absolute;
  top: 10%;
  left: 16px;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .bl_fv_leadWrapper {
      top: 50%;
      left: 48px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }

.ly_fv_lead {
  margin-top: 8px; }

.bl_fv_lead {
  font-weight: 700;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px; }

.bl_lead_txt {
  background: #fff;
  color: #399E7D;
  padding: 0.2em;
  text-align: center;
  width: 40%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 4.347826087vw; }
  @media screen and (min-width: 768px) {
    .bl_lead_txt {
      width: 30%;
      font-size: 1.125em; } }
  .bl_lead_txt.bl_lead_txt__main {
    width: 100%;
    background: transparent;
    color: #fff;
    font-size: 5.7971014493vw; }
    @media screen and (min-width: 768px) {
      .bl_lead_txt.bl_lead_txt__main {
        font-size: 2em; } }

.ly_fv_btn {
  display: block;
  width: 90%;
  margin: 1em auto 2em; }
  @media screen and (min-width: 768px) {
    .ly_fv_btn {
      width: 80%;
      margin: 0.5em auto; } }
  .ly_fv_btn .bl_btn .el_btn_txt {
    font-size: 5.0724637681vw; }
    @media screen and (min-width: 768px) {
      .ly_fv_btn .bl_btn .el_btn_txt {
        font-size: 1.5em; } }

/*----------------------------
FV下キャンペーン
----------------------------*/
.el_camp_lead {
  text-align: center;
  color: #000333;
  font-weight: 700;
  font-size: 7.729468599vw; }
  @media screen and (min-width: 768px) {
    .el_camp_lead {
      font-size: 2em; } }
  .el_camp_lead .hp_txt_small {
    font-size: 3.3816425121vw; }
    @media screen and (min-width: 768px) {
      .el_camp_lead .hp_txt_small {
        font-size: 0.8em; } }

.ly_camp_img {
  margin: 3em auto; }

/*----------------------------
FV下キャンペーン(こんなシーンでも大活躍！)
----------------------------*/
.bl_sceneList > li:nth-of-type(n+2) {
  margin-top: 64px; }
  @media screen and (min-width: 768px) {
    .bl_sceneList > li:nth-of-type(n+2) {
      margin-top: 80px; } }

.bl_sceneListInner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  gap: 24px; }
  @media screen and (min-width: 768px) {
    .bl_sceneListInner {
      flex-direction: row; } }
  .bl_sceneListInner.bl_sceneListInner__rev {
    flex-direction: column-reverse; }
    @media screen and (min-width: 768px) {
      .bl_sceneListInner.bl_sceneListInner__rev {
        flex-direction: row-reverse;
        align-items: flex-start; } }

.bl_scene_img {
  width: 90%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 768px) {
    .bl_scene_img {
      width: 60%; } }

.bl_scene_txtWrapper {
  width: 90%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 768px) {
    .bl_scene_txtWrapper {
      width: 80%; } }

.bl_scene_txt {
  line-height: 1.7; }

.bl_bizimoTtlWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .bl_bizimoTtlWrapper {
      max-width: 730px;
      flex-direction: row; } }

.bl_subTtl {
  width: 90%;
  background-color: #0868AA;
  border-radius: 48px;
  padding: 0.4em 1em;
  text-align: center;
  color: #fff;
  font-weight: 700;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 5.7971014493vw; }
  @media screen and (min-width: 768px) {
    .bl_subTtl {
      width: 100%;
      font-size: 1.5em;
      padding: 0.8em 2em; } }

.bl_ttl_logo {
  width: 70%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 768px) {
    .bl_ttl_logo {
      width: 100%; } }

/*----------------------------
選ばれる理由
----------------------------*/
.ly_reasonList {
  margin: 3em auto; }

.bl_reasonList {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  margin: 94px auto 0;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .bl_reasonList {
      width: 100%;
      flex-wrap: nowrap;
      margin: 134px auto 0; } }
  .bl_reasonList > li {
    background-color: #F7F3EA;
    position: relative;
    padding: 2em; }
    @media screen and (min-width: 768px) {
      .bl_reasonList > li {
        min-height: 322px; } }
    .bl_reasonList > li::before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 32px 32px 0 0;
      border-color: #fff transparent transparent transparent;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .bl_reasonList > li:nth-child(n+2) {
      margin-top: 64px; }
      @media screen and (min-width: 768px) {
        .bl_reasonList > li:nth-child(n+2) {
          margin-top: 0; } }

.ly_reasonListInner {
  position: relative; }

.ly_num {
  position: absolute;
  top: -126px;
  left: 0;
  right: 0;
  margin: auto;
  width: 110px;
  height: 110px;
  z-index: 1; }

.bl_reason_img {
  width: 80%;
  margin: 1.2em auto; }

.bl_reason_txtWrapper {
  text-align: center; }

.el_reason_txt {
  font-size: 7.729468599vw; }
  @media screen and (min-width: 768px) {
    .el_reason_txt {
      font-size: 1.5em; } }
  .el_reason_txt.el_reason_txt__l {
    font-weight: 700;
    font-size: 6.2801932367vw; }
    @media screen and (min-width: 768px) {
      .el_reason_txt.el_reason_txt__l {
        font-size: 1.8em; } }

.bl_reason_price {
  font-weight: 700;
  font-size: 7.729468599vw; }
  @media screen and (min-width: 768px) {
    .bl_reason_price {
      font-size: 2.2em; } }
  .bl_reason_price .hp_txt_small {
    font-size: 0.6em;
    letter-spacing: -0.1em; }

/*----------------------------
タブレット詳細
----------------------------*/
.bl_recommend_txt {
  text-align: center;
  color: #000333;
  font-weight: 700;
  font-size: 6.7632850242vw; }
  @media screen and (min-width: 768px) {
    .bl_recommend_txt {
      font-size: 2em; } }

.bl_model_details {
  margin-top: 3em; }
  @media screen and (min-width: 768px) {
    .bl_model_details {
      margin-top: 0; } }

.bl_model_detailsInner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 32px;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .bl_model_detailsInner {
      flex-direction: row; } }

.ly_detailsList {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_models_img {
  width: 70%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (min-width: 768px) {
    .bl_models_img {
      width: 100%; } }

.bl_detailsInner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 8px; }
  @media screen and (min-width: 768px) {
    .bl_detailsInner {
      gap: 16px; } }

.bl_details_num {
  color: #000333;
  font-weight: 700;
  font-size: 9.6618357488vw; }
  @media screen and (min-width: 768px) {
    .bl_details_num {
      font-size: 4em; } }

.bl_details_txt {
  color: #000333;
  font-weight: 700;
  font-size: 5.0724637681vw; }
  @media screen and (min-width: 768px) {
    .bl_details_txt {
      font-size: 1.6em; } }

.bl_specList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 48px;
  row-gap: 4px; }
  @media screen and (min-width: 768px) {
    .bl_specList {
      row-gap: 14px; } }
  .bl_specList > li {
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
    @media screen and (min-width: 768px) {
      .bl_specList > li {
        width: 45%; } }
    @media screen and (min-width: 768px) {
      .bl_specList > li:nth-of-type(1) {
        width: 22%; } }
    @media screen and (min-width: 768px) {
      .bl_specList > li:nth-of-type(3) {
        width: 26%; } }

.bl_specInner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  gap: 16px; }
  @media screen and (min-width: 768px) {
    .bl_specInner {
      align-items: center; } }

.bl_spec_ttl {
  width: 90%;
  color: #000333;
  font-weight: 700;
  border: solid 1px currentColor;
  border-radius: 64px;
  padding: 0.5em 1.3em;
  /*		-ms-flex: 0 1 auto;
  	flex: 0 1 auto;*/
  text-align: center;
  flex-basis: content;
  font-size: 4.347826087vw; }
  @media screen and (min-width: 768px) {
    .bl_spec_ttl {
      font-size: 1.313em; } }

.bl_spec_data {
  /*width: 100%;*/
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .bl_spec_data .hp_txt_large {
    font-size: 1.8em !important; }

.el_spec_data {
  color: #000333;
  font-weight: 700;
  font-size: 5.0724637681vw; }
  @media screen and (min-width: 768px) {
    .el_spec_data {
      font-size: 1.313em; } }
  .el_spec_data.el_spec_data__sp {
    margin-top: -0.5em; }
    @media screen and (min-width: 768px) {
      .el_spec_data.el_spec_data__sp {
        margin-top: 0; } }

.ly_specTable {
  margin: 3em auto; }

.bl_specTable tr:nth-child(2n) td {
  background: #E2EBF9; }
.bl_specTable th {
  background: #0868AA;
  padding: 1em 0.8em;
  text-align: left;
  color: #fff;
  width: 36%; }
  @media screen and (min-width: 768px) {
    .bl_specTable th {
      width: 240px;
      padding: 1em 1.5em; } }
.bl_specTable td {
  padding: 1em 1.5em; }

/*----------------------------
料金プラン
----------------------------*/
.ly_priceTable {
  margin: 3em auto 1em; }
  @media screen and (min-width: 768px) {
    .ly_priceTable {
      margin: 3em auto; } }

.bl_priceTable {
  width: 100%;
  margin: 0 auto; }
  .bl_priceTable tr:nth-child(2n) td {
    background: #E2EBF9; }
  .bl_priceTable th {
    background: #0868AA;
    padding: 1em;
    text-align: left;
    color: #fff; }
    @media screen and (min-width: 768px) {
      .bl_priceTable th {
        padding: 1em 1.5em; } }
  .bl_priceTable td {
    padding: 1em 1.5em; }

.bl_cautionList > li {
  text-indent: -1.8em;
  padding-left: 1.8em;
  color: #000333;
  font-size: 3.1400966184vw; }
  @media screen and (min-width: 768px) {
    .bl_cautionList > li {
      font-size: 0.8em; } }

/*----------------------------
FLOW
----------------------------*/
.bl_flow_img {
  width: 90%;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .bl_flow_img {
      max-width: 740px;
      width: 100%; } }

/*----------------------------
FAQ
----------------------------*/
.bl_faqList > li:nth-of-type(n+2) {
  margin-top: 1.2em; }

.bl_faq_ttl {
  background-color: #E7EDF3;
  padding: 1em 0.8em;
  border-radius: 8px;
  cursor: pointer;
  text-indent: -1em;
  padding-left: 2em; }
  @media screen and (min-width: 768px) {
    .bl_faq_ttl {
      text-indent: 0;
      padding-left: 1em; } }

.bl_faq_ttlInner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 8px; }

.el_faq_ttl {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.el_faq_icon {
  width: 48px;
  height: 24px;
  margin-left: auto;
  text-align: center;
  position: relative;
  transition: .3s all; }
  .el_faq_icon.el_faq_icon__answer {
    margin-left: 0; }
  .el_faq_icon .el_icon_line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #000333;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transition: .3s all; }
    .el_faq_icon .el_icon_line:nth-of-type(2) {
      z-index: 1;
      -webkit-transform: rotate(90deg) translateY(-50%);
      transform: rotate(90deg) translateY(-50%); }
  .el_faq_icon.js-active .el_icon_line:nth-of-type(1) {
    display: none; }
  .el_faq_icon.js-active .el_icon_line:nth-of-type(2) {
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%); }

.bl_faq_cont {
  padding: 16px 0;
  display: none;
  /*toggle*/ }

.bl_faq_contInner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 8px; }

/*------------お悩み--------------*/
.ly_troubleList {
  margin: 3em auto 6em;
  position: relative; }
  .ly_troubleList::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 80px solid transparent;
    border-left: 80px solid transparent;
    border-top: 42px solid #0868aa;
    border-bottom: 0;
    position: absolute;
    bottom: -80px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }

.bl_troubleList {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 32px;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .bl_troubleList {
      flex-wrap: nowrap;
      gap: 16px; } }
  .bl_troubleList > li {
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }

.bl_trouble_word {
  background-color: #F5F2EF;
  border-radius: 48px;
  padding: 1.2em;
  text-align: center;
  font-weight: 700;
  color: #399E7D;
  font-size: 1.2em;
  position: relative; }
  .bl_trouble_word::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 12px 0 12px;
    border-color: #f5f2ef transparent transparent transparent;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }

.bl_trouble_img {
  width: 100%;
  margin: 0 auto 0.8em; }
  @media screen and (min-width: 768px) {
    .bl_trouble_img {
      margin: 0 auto 1.2em; } }

.bl_trouble_txt {
  text-align: center;
  font-weight: 700;
  font-size: 5.0724637681vw; }
  @media screen and (min-width: 768px) {
    .bl_trouble_txt {
      font-size: 1.313em; } }

.ly_answer_txt {
  margin: 2em auto; }

.bl_answer_txt {
  text-align: center;
  color: #000333;
  font-weight: 700;
  font-size: 7.729468599vw; }
  @media screen and (min-width: 768px) {
    .bl_answer_txt {
      font-size: 1.8em; } }

/*------九州------------*/
.ly_years {
  margin: 2em auto;
  width: 100%; }

.bl_years_ttl {
  text-align: center;
  color: #000333;
  font-weight: 700;
  line-height: 1.3;
  font-size: 7.729468599vw; }
  @media screen and (min-width: 768px) {
    .bl_years_ttl {
      font-size: 1.8em; } }

.bl_yearsListInner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 90%;
  gap: 8px;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .bl_yearsListInner {
      margin: 1em auto;
      flex-direction: row; } }

.bl_yearsList_left {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_yearsList_right {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_yearsList_contInner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 12px; }
  @media screen and (min-width: 768px) {
    .bl_yearsList_contInner {
      justify-content: center; } }

.el_years_icon {
  width: 25%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.el_years_subTxt {
  display: block; }

.el_years_num {
  display: block;
  margin-top: -0.3em;
  color: #000333;
  font-weight: 700;
  font-size: 11.5942028986vw; }
  @media screen and (min-width: 768px) {
    .el_years_num {
      font-size: 4em; } }

/*------フロー------------*/
.ly_flow {
  width: 92%;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .ly_flow {
      width: 100%; } }

.ly_flowList {
  margin: 2em auto 5em; }

.bl_flowList {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px; }
  @media screen and (min-width: 768px) {
    .bl_flowList {
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: 24px; } }
  .bl_flowList > li {
    width: 46%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: #fff;
    padding: 2em 2em 1em;
    border-radius: 40px;
    position: relative; }
    .bl_flowList > li:nth-of-type(n+2)::after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 0 16px 14px;
      border-color: transparent transparent transparent #399E7D;
      position: absolute;
      top: 50%;
      left: -17px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1; }
    .bl_flowList > li:nth-of-type(3)::after {
      display: none; }
      @media screen and (min-width: 768px) {
        .bl_flowList > li:nth-of-type(3)::after {
          display: block; } }
    @media screen and (min-width: 768px) {
      .bl_flowList > li {
        width: calc(100% / 4); } }

.bl_flow_txt {
  margin: 1em auto 0.5em;
  color: #399E7D;
  font-weight: 700;
  text-align: center;
  font-size: 4.347826087vw; }
  @media screen and (min-width: 768px) {
    .bl_flow_txt {
      font-size: 1.125em; } }

/*------------お客様の声----------------*/
.ly_voiceList {
  margin: 2em auto;
  width: 92%; }
  @media screen and (min-width: 768px) {
    .ly_voiceList {
      width: 100%; } }

.bl_voiceList > li {
  width: 100%;
  background: #F2FFFB;
  padding: 2em;
  position: relative;
  border: solid 1px #399E7D;
  border-radius: 24px; }
  @media screen and (min-width: 768px) {
    .bl_voiceList > li {
      padding: 2.5em; } }
  .bl_voiceList > li:nth-of-type(n+2) {
    margin-top: 1em; }

.ly_voiceListInner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 24px; }
  @media screen and (min-width: 768px) {
    .ly_voiceListInner {
      flex-direction: row;
      gap: 48px; } }

.bl_voice_img {
  width: 30%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_voice_txtWrapper {
  width: 100%; }

.bl_voice_ttl {
  font-size: 1.313em; }

.bl_voice_name {
  margin: 1em 0;
  font-size: 0.8em; }

.el_voice_txt {
  font-size: 0.875em;
  line-height: 1.8; }

/**/
/*----------------------------
お問合せフォーム
----------------------------*/
.ly_contact_lead {
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_contact_lead {
      margin: 32px auto; } }

.bl_contact_lead {
  text-align: center;
  line-height: 1.8; }

.ly_camp_caution {
  border: solid 1px #CC6055;
  padding: 1em 1.5em;
  width: 90%;
  margin: 1em auto 0.5em; }
  @media screen and (min-width: 768px) {
    .ly_camp_caution {
      width: 80%;
      padding: 1.5em; } }

.bl_camp_caution {
  text-align: center;
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .bl_camp_caution {
      line-height: 1.8; } }

/*--------------------------------------------------
文字関係
---------------------------------------------------*/
.ly_lead_catuion {
  width: 96%;
  margin: 2em auto;
  border: solid 1px #e50000;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_lead_catuion {
      width: 100%;
      max-width: 800px; } }

.bl_lead_caution {
  color: #e50000;
  padding: 1em;
  text-align: center; }

.el_lead {
  text-align: center;
  display: block;
  margin: 1em auto; }

/*--------------------------------------------------
横並び
---------------------------------------------------*/
.ly_flex {
  width: 96%;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_flex {
      width: 100%;
      max-width: 900px;
      margin: 2em auto; } }

.bl_flexList {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .bl_flexList {
      flex-wrap: nowrap; } }

.bl_flexListItem {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .bl_flexListItem:nth-child(n+2) {
    margin-top: 1em; }
    @media screen and (min-width: 768px) {
      .bl_flexListItem:nth-child(n+2) {
        margin-left: 1em; } }

/*--------------------------------------------------
注釈
---------------------------------------------------*/
.ly_caution {
  width: 96%;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_caution {
      width: 100%;
      max-width: 900px;
      margin: 2em auto; } }

.bl_caution_ttl {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 0.5em 0;
  position: relative;
  font-size: 3.3816425121vw; }
  @media screen and (min-width: 768px) {
    .bl_caution_ttl {
      font-size: 0.875em; } }
  .bl_caution_ttl::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #000333 transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.bl_caution_cont {
  margin-top: 1em; }

.bl_cautionListItem {
  font-size: 2.8985507246vw; }
  @media screen and (min-width: 768px) {
    .bl_cautionListItem {
      font-size: 0.8em; } }

/*--------------------------------------------------
お問合せフォーム本体
---------------------------------------------------*/
.ly_form {
  display: block;
  width: 100%;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_form {
      width: 100%;
      max-width: 800px;
      margin: 2em auto; } }
  .ly_form input[type="text"] {
    padding: 0.5em;
    width: 100%;
    font-size: 4.347826087vw; }
    @media screen and (min-width: 768px) {
      .ly_form input[type="text"] {
        font-size: 1.125em; } }
  .ly_form input[type="tel"] {
    padding: 0.5em;
    width: 100%;
    font-size: 4.347826087vw; }
    @media screen and (min-width: 768px) {
      .ly_form input[type="tel"] {
        font-size: 1.125em; } }
  .ly_form input[type="email"] {
    padding: 0.5em;
    width: 100%;
    font-size: 4.347826087vw; }
    @media screen and (min-width: 768px) {
      .ly_form input[type="email"] {
        font-size: 1.125em; } }
  .ly_form select {
    padding: 0.5em;
    width: 100%;
    font-size: 4.347826087vw; }
    @media screen and (min-width: 768px) {
      .ly_form select {
        font-size: 1.125em; } }
  .ly_form input[type="checkbox"] {
    width: 24px;
    height: 24px;
    vertical-align: middle; }
  .ly_form input[type="radio"] {
    width: 24px;
    height: 24px;
    vertical-align: middle; }
  .ly_form .el_labeltxt {
    vertical-align: middle; }
    .ly_form .el_labeltxt.el_labeltxt__side {
      font-size: 3.3816425121vw; }
      @media screen and (min-width: 768px) {
        .ly_form .el_labeltxt.el_labeltxt__side {
          font-size: 0.8em; } }
  .ly_form textarea {
    width: 100%;
    padding: 0.5em;
    font-size: 4.347826087vw; }
    @media screen and (min-width: 768px) {
      .ly_form textarea {
        font-size: 1.125em; } }
  @media screen and (min-width: 768px) {
    .ly_form.ly_form__side {
      width: 100%;
      max-width: 100%;
      margin: 0 auto; } }
  .ly_form.ly_form__side input[type="text"] {
    padding: 0.1em;
    width: 100%;
    font-size: 3.3816425121vw; }
    @media screen and (min-width: 768px) {
      .ly_form.ly_form__side input[type="text"] {
        font-size: 0.875em; } }
  .ly_form.ly_form__side input[type="tel"] {
    padding: 0.1em;
    width: 100%;
    font-size: 3.3816425121vw; }
    @media screen and (min-width: 768px) {
      .ly_form.ly_form__side input[type="tel"] {
        font-size: 0.875em; } }
  .ly_form.ly_form__side input[type="email"] {
    padding: 0.1em;
    width: 100%;
    font-size: 3.3816425121vw; }
    @media screen and (min-width: 768px) {
      .ly_form.ly_form__side input[type="email"] {
        font-size: 0.875em; } }
  .ly_form.ly_form__side select {
    padding: 0.1em;
    width: 100%;
    font-size: 3.3816425121vw; }
    @media screen and (min-width: 768px) {
      .ly_form.ly_form__side select {
        font-size: 0.875em; } }
  .ly_form.ly_form__side input[type="checkbox"] {
    width: 16px;
    height: 16px;
    vertical-align: middle; }
  .ly_form.ly_form__side input[type="radio"] {
    width: 16px;
    height: 16px;
    vertical-align: middle; }

.bl_formList {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-top: solid 1px #BFBFBF;
  padding: 1em;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .bl_formList {
      flex-wrap: nowrap; } }
  .bl_formList:last-child {
    border-bottom: solid 1px #BFBFBF; }
  .bl_formList.bl_formList__col {
    flex-direction: column; }
  @media screen and (min-width: 768px) {
    .bl_formList.bl_formList__side {
      padding: 0.2em;
      border-top-style: none; } }

.el_formList_ttl {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .el_formList_ttl {
      width: 40%; } }
  .el_formList_ttl.el_formList_ttl__side {
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .el_formList_ttl.el_formList_ttl__side {
        width: 100%;
        font-size: 2.8985507246vw; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .el_formList_ttl.el_formList_ttl__side {
      font-size: 0.7em; } }

.bl_formList_cont {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 0.8em; }
  @media screen and (min-width: 768px) {
    .bl_formList_cont {
      margin-top: 0; } }
  .bl_formList_cont.bl_formList_cont__flex {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (min-width: 768px) {
      .bl_formList_cont.bl_formList_cont__flex {
        flex-wrap: nowrap; } }
    @media screen and (min-width: 768px) {
      .bl_formList_cont.bl_formList_cont__flex div:nth-child(n+2) {
        margin-left: 0.5em; } }
  .bl_formList_cont .hp_txt_small {
    font-size: 2.8985507246vw; }
    @media screen and (min-width: 768px) {
      .bl_formList_cont .hp_txt_small {
        font-size: 0.7em; } }

.bl_formList_contListItem {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_product_img {
  display: block;
  margin-top: 1em; }

/*送信ボタン*/
.ly_submit {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 96%;
  margin: 2em auto;
  /*side*/
  /*確認画面用*/ }
  @media screen and (min-width: 768px) {
    .ly_submit {
      width: 100%;
      max-width: 440px;
      margin: 2em auto; } }
  .ly_submit.ly_submit__side {
    margin: 0.5em auto; }
    .ly_submit.ly_submit__side > .bl_submit .el_submit {
      font-size: 3.3816425121vw; }
      @media screen and (min-width: 768px) {
        .ly_submit.ly_submit__side > .bl_submit .el_submit {
          font-size: 0.875em; } }
  @media screen and (min-width: 768px) {
    .ly_submit.ly_submit__confirm {
      max-width: 440px; } }

.bl_submit {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .bl_submit.bl_submit__back {
    width: 60%; }

.el_submit {
  display: block;
  width: 100%;
  padding: 1em 1.5em;
  border-radius: 88px;
  background: #333333;
  text-align: center;
  color: #fff;
  font-weight: 900;
  border-style: none;
  cursor: pointer;
  pointer-events: auto;
  transition: .3s all;
  -webkit-appearance: none;
  appearance: none;
  font-size: 5.7971014493vw; }
  @media screen and (min-width: 768px) {
    .el_submit {
      font-size: 1.5em; } }
  .el_submit.el_submit__back {
    background: #B1B1B1;
    padding: 0.5em; }
  .el_submit.js-disabled {
    background: #aaa;
    pointer-events: none;
    transition: .3s all; }

.el_label {
  background: #F9FF43;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  color: #0868AA;
  text-align: center;
  font-size: 0.8em;
  margin-left: 0.2em; }

/*--------------------------------------------------
同意チェックボックス
---------------------------------------------------*/
.bl_agree {
  width: 96%;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .bl_agree {
      width: 100%;
      max-width: 800px;
      margin: 2em auto; } }

.bl_agreeInner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }

.el_agree_text.el_agree_text__side {
  font-size: 3.3816425121vw; }
  @media screen and (min-width: 768px) {
    .el_agree_text.el_agree_text__side {
      font-size: 0.7em; } }

/*--------------------------------------------------
footer
---------------------------------------------------*/
.bl_footer {
  padding: 2em;
  text-align: center; }
  .bl_footer small {
    font-size: 0.7em; }

/*--------------------------------------------------
完了画面
---------------------------------------------------*/
.ly_thanksLead {
  width: 96%;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_thanksLead {
      width: 100%;
      max-width: 800px;
      margin: 2em auto; } }

.bl_thanksLead {
  text-align: center;
  line-height: 1.9; }

.bl_cautionLeadBox {
  border: solid 1px #E00429;
  border-radius: 8px;
  padding: 1.5em;
  text-align: center;
  line-height: 1.9; }

.ly_btnTop {
  width: 96%;
  margin: 2em auto; }
  @media screen and (min-width: 768px) {
    .ly_btnTop {
      width: 100%;
      max-width: 400px;
      margin: 2em auto; } }

/**/

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