@charset "utf-8";

body {
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.07em;
  /* font-feature-settings : "palt"; */
  text-align: left;
  background-color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic,
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  /*font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;*/
  -webkit-text-size-adjust: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen\0 {
  body {
    letter-spacing: normal;
    font-family: "YakuHanJP", "Noto Sans JP", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
}
@media print {
  body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact;
  }
}
/* IE10以上 */
@media print and (-ms-high-contrast: none) {
  /* @pageの指定いらないかも */
  @page {
    size: A4;
    margin: 12.7mm 9.7mm;
  }

  body {
    zoom: 1.8;
    width: 1200px;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  margin: 0px;
  padding: 0px;
  text-align: left;
}
main {
  display: block;
}
table {
  font-size: inherit; /* モダンブラウザ向け */
  font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
input[type="radio"],
input[type="checkbox"],
label,
button,
input[type="submit"] {
  cursor: pointer;
}
input[type="submit"] {
  cursor: pointer;
}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"] {
  height: 50px;
  padding: 5px 20px;
  font-family: "YakuHanJP", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic,
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: none;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border-radius: 10px;
  -webkit-text-size-adjust: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
select {
  height: 50px;
  padding: 5px 10px;
  font-family: "YakuHanJP", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic,
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: none;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border-radius: 10px;
}
textarea {
  height: 150px;
  padding: 15px 20px;
  font-family: "YakuHanJP", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic,
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: none;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border-radius: 10px;
  vertical-align: top;
}
/* Webkit */
::-webkit-input-placeholder {
  color: #b8b8b8;
  opacity: 1;
}
/* Firefox 18 以前 */
:-moz-placeholder {
  color: #b8b8b8;
}
/* Firefox 19 以降 */
::-moz-placeholder {
  color: #b8b8b8;

  /* Firefox 19 以降のデフォルトでは */
  /* color ではなく opacity で色合いを調整しているため */
  /* 文字色を指定する場合、opacity を 1 にする必要がある */
  opacity: 1;
}
/* IE 10 以降 */
:-ms-input-placeholder {
  color: #b8b8b8 !important;
}
/* CSS4では以下のような名前の擬似クラスになるらしい */
/* おそらく今のところ対応ブラウザはない */
:placeholder-shown {
  color: #b8b8b8;
}
/* Android chrome対策 */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  max-height: 100%;
}

.clear {
  clear: both;
}
.clearfix {
  zoom: 100%;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
a {
  text-decoration: none;
}
/* a:link {
  color: #323232;
} */
a:visited {
  color: #323232;
}
a.normal:link {
  color: #323232;
}
a.normal:visited {
  color: #323232;
}
a:hover {
  text-decoration: none;
}
a:active {
}
a.noline {
  text-decoration: none;
}
a.reverse {
  text-decoration: none;
}
a.reverse:hover {
  text-decoration: underline;
}
.linkBox {
  cursor: pointer;
}
body {
  text-align: center;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}
a {
  /* FireFox リンク選択時の点線を消す　*/
  overflow: hidden;
  outline: none;
}
.ov {
  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ov:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)"; /* ie 8 */
  -moz-opacity: 0.7; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7; /* Safari 1.x */
}
.ovImg:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70); /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)"; /* ie 8 */
  -moz-opacity: 0.7; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7; /* Safari 1.x */
}

.nowrap {
  white-space: nowrap;
}
.mincho {
  font-family: "YakuHanMP", YuMincho, "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN",
    "メイリオ", "HGS明朝E", "MS P 明朝", "MS PMincho", serif;
}
@media screen\0 {
  .mincho {
    font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "メイリオ", "HGS明朝E",
      "MS P 明朝", "MS PMincho", serif;
  }
}
.gothic {
  font-family: "YakuHanJP", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic,
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}
@media screen\0 {
  .gothic {
    font-family: "YakuHanJP", "Noto Sans JP", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
      "MS PGothic", sans-serif;
  }
}
.Oswald {
  font-family: "YakuHanJP", "Oswald", sans-serif;
}
.Lato {
  font-family: "YakuHanJP", "Lato", sans-serif;
}
* {
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  input[type="text"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="email"],
  input[type="password"],
  input[type="date"],
  input[type="number"] {
    height: 44px !important;
    padding: 5px 10px !important;
    font-size: 16px;
    border-radius: 8px;
  }
  select {
    height: 44px !important;
    padding: 5px 10px !important;
    font-size: 16px;
    border-radius: 8px;
  }
  textarea {
    height: 34.6666666vw !important;
    padding: 5px 10px !important;
    font-size: 16px;
    border-radius: 8px;
  }
}

/**********************************

 general

***********************************/
.imgMax {
  max-width: none;
  width: 100%;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.alignC {
  text-align: center;
}
.alignR {
  text-align: right;
}
.alignL {
  text-align: left;
}
.veralignT {
  vertical-align: top;
}
.veralignM {
  vertical-align: middle;
}
.veralignB {
  vertical-align: bottom;
}
.indent {
  text-indent: -1em;
  padding-left: 1em;
}
.bold {
  font-weight: bold;
}
.red {
  color: #ff3f00;
}
.blue {
  color: #0d6db8;
}
.yellow {
  color: #ffff00;
}
.bgYellow {
  background-color: #fff100;
}
.marker {
  background: linear-gradient(transparent 60%, #ffdf00 60%);
}
@media screen\0 {
  .marker {
    font-family: "YakuHanJP", Lato, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
      sans-serif;
  }
}
.underline {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

/**********************************

 parts

***********************************/
.define_wrap {
  padding: 0 50px;
}

.define_inner {
  max-width: 100%;
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1099px) {
  .define_wrap {
    padding: 0 4.545454545454545%;
  }
}

@media screen and (max-width: 767px) {
  .define_wrap {
    padding: 0 4.66666667%;
  }
}

/**********************************

 layout

***********************************/
body {
  overflow: visible !important;
}

.l-wrap {
  overflow: hidden;
}

.l-main {
}

.l-pageTop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 5;
}

@media screen and (max-width: 1023px) {
  .l-pageTop {
    width: 60px;
    bottom: 24px;
    right: 24px;
  }
}

@media screen and (max-width: 767px) {
  .l-wrap {
    padding-bottom: 50px;
  }

  .l-pageTop {
    width: 32px;
    bottom: 65px;
    right: 4%;
  }
}

/**********************************

 l-header

***********************************/
.l-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.l-header__logo {
  margin-left: 50px;
  margin-right: 25px;
}

.l-header__cv {
  display: flex;
  align-items: center;
  margin-right: 50px;
}

.l-header__cv-tel {
  margin-right: 20px;
}

.l-header__cv-tel a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.l-header__cv-tel a .box {
}

.l-header__cv-tel a .num {
  margin-bottom: 8px;
  color: #0d6db8;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
}

.l-header__cv-tel a .num span {
  padding-left: 26px;
  position: relative;
  z-index: 1;
}

.l-header__cv-tel a .num span:before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: url(../images/icon_tel01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.l-header__cv-tel a .time {
  font-size: 12px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 100px;
}

.l-header__cv-trial {
  margin-right: 20px;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
}

.l-header__cv-trial a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 35px;
  color: #fff;
  /* background-color: #ff8000; */
  border-radius: 100px;
}

.l-header__cv-trial a span {
  padding-left: 38px;
  position: relative;
  z-index: 1;
}

.l-header__cv-trial a span:before {
  content: "";
  display: block;
  width: 26px;
  height: 21px;
  background: url(../images/icon_laptop01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.l-header__cv-contact {
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  /* color: #ffffff !important; */
}

.l-header__cv-contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 35px;
  /* background-color: #ffdf00; */
  border-radius: 100px;
  /* color: #fff; */
}

.l-header__cv-contact a span {
  padding-left: 34px;
  position: relative;
  /* color: #ffffff; */
  z-index: 1;
}

.l-header__cv-contact a span:before {
  content: "";
  display: block;
  width: 23px;
  height: 16px;
  /* background: url(../images/icon_mail01.png) no-repeat center; */
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* color: #fff; */
}

@media screen and (max-width: 1269px) {
  .l-header__logo {
    margin-left: 3.937007874015748%;
  }

  .l-header__cv {
    margin-right: 3.937007874015748%;
  }
}

@media screen and (max-width: 1023px) {
  .l-header__cv-tel {
    margin-right: 15px;
  }

  .l-header__cv-tel a .num {
    font-size: 25px;
  }

  .l-header__cv-tel a .num span {
    padding-left: 22px;
  }

  .l-header__cv-tel a .num span:before {
    width: 17px;
    height: 17px;
  }

  .l-header__cv-tel a .time {
    font-size: 10px;
  }

  .l-header__cv-trial {
    margin-right: 15px;
  }

  .l-header__cv-trial a {
    padding: 0 15px;
  }

  .l-header__cv-contact a {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .l-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    background-color: #fff;
    position: static;
  }

  .l-header__logo {
    width: 90px;
    margin-left: 0;
    margin-right: 0;
  }

  .l-header__logo img {
    display: block;
  }

  .l-header__cv {
    display: none;
  }
}

/**********************************

 l-fixedContents

***********************************/
.l-fixedContents {
  display: none;
}

@media screen and (max-width: 767px) {
  .l-fixedContents {
    display: flex;
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
  }

  .l-fixedContents-tel {
    width: 33.333334%;
  }

  .l-fixedContents-tel a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 50px;
    background-color: #fff;
  }

  .l-fixedContents-tel a .box {
    width: 100%;
  }

  .l-fixedContents-tel a .num {
    width: 100%;
    margin-bottom: 8px;
    color: #0d6db8;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: center;
    white-space: nowrap;
  }

  .l-fixedContents-tel a .num span {
    padding-left: 13px;
    position: relative;
    z-index: 1;
  }

  .l-fixedContents-tel a .num span:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 1px;
    background: url(../images/icon_tel01.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .l-fixedContents-tel a .time {
    width: 100%;
    padding: 2px 0;
    font-size: 9px;
    text-align: center;
    letter-spacing: normal;
    background-color: #eeeeee;
  }

  .l-fixedContents-trial {
    width: 33.333334%;
    font-size: 12px;
    font-weight: bold;
  }

  .l-fixedContents-trial a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background-color: #ff8000;
  }

  .l-fixedContents-trial a span.icon {
    padding-left: 23px;
    position: relative;
    z-index: 1;
  }

  .l-fixedContents-trial a span.icon:before {
    content: "";
    display: block;
    width: 17px;
    height: 13px;
    background: url(../images/icon_laptop01.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .l-fixedContents-contact {
    width: 33.333334%;
    font-size: 12px;
    font-weight: bold;
  }

  .l-fixedContents-contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #ffdf00;
  }

  .l-fixedContents-contact a span {
    padding-left: 22px;
    position: relative;
    z-index: 1;
  }

  .l-fixedContents-contact a span:before {
    content: "";
    display: block;
    width: 16px;
    height: 12px;
    background: url(../images/icon_mail01.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
}

/**********************************

 l-footer

***********************************/
.l-footer {
}

.l-footer__inner {
  padding: 35px 0;
}

.l-footer__inner-logo {
  margin-bottom: 30px;
  text-align: center;
}

.l-footer__inner-copy {
  color: #b8b8b8;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .l-footer__inner {
    padding: 18px 0;
  }

  .l-footer__inner-logo {
    width: 90px;
    margin: 0 auto 15px;
  }

  .l-footer__inner-copy {
    font-size: 9px;
  }
}

/**********************************

 c-bg-dot01

***********************************/
.c-bg-dot01 {
  background: url(../images/bg_dot01.png) repeat;
}

@media screen and (max-width: 767px) {
  .c-bg-dot01 {
    background-size: 10px 10px;
  }
}

/**********************************

 c-bg-stripe01

***********************************/
.c-bg-stripe01 {
  background: url(../images/bg_stripe01.png) repeat;
}

@media screen and (max-width: 767px) {
  .c-bg-stripe01 {
    background-size: 10px 10px;
  }
}

/**********************************

 c-title01

***********************************/
.c-title01 {
  margin-top: 2em;
  margin-bottom: 1.19047619047619em;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.c-title01.white {
  color: #fff;
}

@media screen and (max-width: 1099px) {
  .c-title01 {
    font-size: 3.818vw;
  }
}

@media screen and (max-width: 767px) {
  .c-title01 {
    margin-top: -0.3em;
    margin-bottom: 25px;
    font-size: 21px;
  }
}

/**********************************

 c-subHero

***********************************/
.c-subHero {
  background-color: #d1ff03;
}

.c-subHero__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}

.c-subHero__inner__ttl {
  color: #000;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-subHero__inner {
    height: 150px;
  }

  .c-subHero__inner__ttl {
    font-size: 18px;
  }
}

/**********************************

 c-btn01

***********************************/
a.c-btn01 {
  display: block;
  width: 100%;
  padding: 20px 15px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border-radius: 9px;
  box-shadow: 0px 5px 0px 0px #802000;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff531a+0,f23d00+100 */
  background: rgb(255, 83, 26); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(255, 83, 26, 1) 0%,
    rgba(242, 61, 0, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 83, 26, 1) 0%,
    rgba(242, 61, 0, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 83, 26, 1) 0%,
    rgba(242, 61, 0, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff531a', endColorstr='#f23d00',GradientType=0 ); /* IE6-9 */
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 767px) {
  a.c-btn01 {
    padding: 12px 15px;
    margin-bottom: 4px;
    font-size: 17px;
    border-radius: 6px;
    box-shadow: 0px 4px 0px 0px #802000;
  }
}

/**********************************

 c-form

***********************************/
.c-form {
}

.c-form__content {
  margin-bottom: 55px;
}

.c-form__content dl {
  display: table;
  width: 100%;
  margin-bottom: 34px;
}

.c-form__content dl dt {
  display: table-cell;
  width: 330px;
  padding: 15px 20px 15px 25px;
  vertical-align: middle;
  background-color: #0054b0;
  box-shadow: 0px 4px 0px 0px #a9c1db;
}

.c-form__content dl dt .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 1.5;
}

.c-form__content dl dt .inner .name {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.c-form__content dl dt .inner .require {
  padding: 3px 5px;
  color: #ffff00;
  font-size: 12px;
  font-weight: bold;
  background-color: #ff3f00;
}

.c-form__content dl dt .inner .any {
  padding: 3px 5px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background-color: #00bfff;
}

.c-form__content dl dd {
  display: table-cell;
  padding: 19px;
  line-height: 1.5;
  vertical-align: middle;
  background-color: #fff;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  box-shadow: 0px 4px 0px 0px #d9d9d9;
}

.c-form__submit {
  width: 340px;
  max-width: 100%;
  margin: 0 auto;
}

.c-form__submit button,
.c-form__confirmBtn__btn .submit {
  display: block;
  width: 100%;
  padding: 20px 15px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border-radius: 9px;
  box-shadow: 0px 5px 0px 0px #802000;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff531a+0,f23d00+100 */
  background: rgb(255, 83, 26); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(255, 83, 26, 1) 0%,
    rgba(242, 61, 0, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 83, 26, 1) 0%,
    rgba(242, 61, 0, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 83, 26, 1) 0%,
    rgba(242, 61, 0, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff531a', endColorstr='#f23d00',GradientType=0 ); /* IE6-9 */
  border: none !important;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.c-form__confirmBtn {
  display: flex;
  justify-content: center;
}

.c-form__confirmBtn__btn {
  width: 360px;
}

.c-form__confirmBtn__btn:first-child {
  margin-right: 30px;
}

.c-form__confirmBtn__btn .back {
  display: block;
  width: 100%;
  padding: 20px 15px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border-radius: 9px;
  box-shadow: 0px 5px 0px 0px #333333;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,777777+100 */
  background: rgb(102, 102, 102); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(102, 102, 102, 1) 0%,
    rgba(119, 119, 119, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(102, 102, 102, 1) 0%,
    rgba(119, 119, 119, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(102, 102, 102, 1) 0%,
    rgba(119, 119, 119, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 767px) {
  .c-form__content {
    margin-bottom: 32px;
  }

  .c-form__content dl {
    display: block;
    width: auto;
    margin-bottom: 30px;
  }

  .c-form__content dl dt {
    display: block;
    width: auto;
    padding: 11px 15px;
    box-shadow: none;
  }

  .c-form__content dl dt .inner {
    display: block;
    width: auto;
    position: relative;
  }

  .c-form__content dl dt .inner .name {
    font-size: 16px;
    text-align: center;
  }

  .c-form__content dl dt .inner .require {
    padding: 3px 5px;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .c-form__content dl dt .inner .any {
    padding: 3px 5px;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .c-form__content dl dd {
    display: block;
    padding: 14px;
    border: 1px solid #dddddd;
    box-shadow: none;
  }

  .c-form__submit {
    width: 240px;
  }

  .c-form__submit button,
  .c-form__confirmBtn__btn .submit {
    padding: 12px 15px;
    margin-bottom: 4px;
    font-size: 17px;
    border-radius: 6px;
    box-shadow: 0px 4px 0px 0px #802000;
  }

  .c-form__confirmBtn {
    justify-content: space-between;
  }

  .c-form__confirmBtn__btn {
    width: 47.5%;
  }

  .c-form__confirmBtn__btn:first-child {
    margin-right: 0;
  }

  .c-form__confirmBtn__btn .back {
    padding: 12px 15px;
    margin-bottom: 4px;
    font-size: 17px;
    border-radius: 6px;
    box-shadow: 0px 4px 0px 0px #333333;
  }
}

/**********************************

 c-faq__list

***********************************/
.c-faq__list {
}

.c-faq__list dl {
  margin-bottom: 63px;
}

.c-faq__list dl:last-child {
  margin-bottom: 0;
}

.c-faq__list dl dt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 23px;
}

.c-faq__list dl dt .icon {
  width: 80px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 80px;
  background-color: #0e6eb8;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.c-faq__list dl dt .ttl {
  flex: 1;
  min-height: 80px;
  padding: 24px 29px;
  margin-left: 20px;
  color: #0d6db8;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  border: 1px solid #eeeeee;
  background-color: #fff;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.c-faq__list dl dd {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.c-faq__list dl dd .icon {
  width: 80px;
  color: #0e6eb8;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 80px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.c-faq__list dl dd .cont {
  flex: 1;
  min-height: 80px;
  padding: 24px 29px;
  margin-left: 20px;
  border: 1px solid #eeeeee;
  background-color: #fff;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.c-faq__list dl dd .cont p {
}

@media screen and (max-width: 767px) {
  .c-faq__list {
  }

  .c-faq__list dl {
    margin-bottom: 30px;
  }

  .c-faq__list dl dt {
    margin-bottom: 20px;
  }

  .c-faq__list dl dt .icon {
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-faq__list dl dt .ttl {
    flex: 1;
    min-height: 40px;
    padding: 8px 10px;
    margin-left: 10px;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-faq__list dl dd .icon {
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 6px;
    border: none;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-faq__list dl dd .cont {
    min-height: 40px;
    padding: 8px 10px;
    margin-left: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-faq__list dl dd .cont p {
  }
}

/**********************************

 c-completeSec

***********************************/
.c-completeSec {
}

.c-completeSec__inner {
  padding: 120px 0;
}

.c-completeSec__inner .intro {
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: bold;
}

.c-completeSec__inner .back {
  max-width: 430px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-completeSec__inner {
    padding: 60px 0;
  }

  .c-completeSec__inner .intro {
    margin-bottom: 30px;
    font-size: 14px;
  }

  .c-completeSec__inner .back {
    max-width: 215px;
  }
}

/**********************************

 c-hero

***********************************/
.form-sp {
}
.page1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.c-hero {
  position: relative;
  z-index: 1;
}

.c-hero:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/hero_bg01_pc.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.c-hero__inner {
  width: 1170px;
  padding-top: 115px;
  position: relative;
  z-index: 1;
}

.c-hero__inner-txt01 {
  margin-bottom: 60px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

.c-hero__inner-txt01 span {
  display: inline-block;
  padding: 11px 20px;
  background-color: #0e6eb8;
  border-radius: 8px;
}

.c-hero__inner-box {
  position: relative;
  z-index: 1;
}

.c-hero__inner-box ul {
  display: flex;
  position: absolute;
  top: -26px;
  left: 0;
  z-index: 1;
}

.c-hero__inner-box ul li {
  padding: 2px 12px;
  margin-right: 15px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #ff8000;
  border-radius: 8px;
}

.c-hero__inner-box ul li:last-child {
  margin-right: 0;
}

.c-hero__inner-box-ttl {
  margin-bottom: 64px;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

.c-hero__inner-box-ttl span {
  display: inline-block;
  padding: 11px 20px;
  margin-bottom: 30px;
  background-color: #000000;
  border-radius: 8px;
}

.c-hero__inner-box-ttl span:last-child,
.c-hero__inner-box-ttl span:nth-child(3) {
  margin-bottom: 0;
}

.c-hero__inner-list {
  display: flex;
  margin-bottom: 15px;
}

.c-hero__inner-list-box {
  padding: 25px 20px 20px;
  margin-right: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}

.c-hero__inner-list-box:last-child {
  margin-right: 0;
}

.c-hero__inner-list-box .num {
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  background-color: #0e6eb8;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.c-hero__inner-list-box .txt01 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.c-hero__inner-laptop {
  width: 70%;
  margin-bottom: 8.11965811965812%;
  /* position: absolute;
  bottom: 0;
  right: 0; */
  z-index: 1;
  align-self: center;
  justify-self: center;
}
.inner_laptop_image {
  width: auto;
  height: auto;
}

.c-hero__inner-laptop .movie {
  width: 75.45271629778672%;
  margin-top: 3.420523138832998%;
  margin-left: -0.2%;
  /* position: absolute;
  top: 0;
  left: 50%; */
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.c-hero__inner-laptop .movie * {
  max-height: none;
}

.c-hero__inner-laptop .movie video {
  width: 100%;
}

.c-hero__inner-laptop .movie iframe {
  height: 100% !important;
}

.c-hero__inner-btn {
  width: 440px;
}

.c-hero__inner-btn a {
  display: block;
  padding: 18px 0;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 100px;
  box-shadow: 0px 5px 0px 0px #5b2e00;
  overflow: visible;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffa428+0,f47a00+100 */
  background: rgb(255, 164, 40); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(255, 164, 40, 1) 0%,
    rgba(244, 122, 0, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 164, 40, 1) 0%,
    rgba(244, 122, 0, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 164, 40, 1) 0%,
    rgba(244, 122, 0, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa428', endColorstr='#f47a00',GradientType=0 ); /* IE6-9 */
  position: relative;
  z-index: 1;
}

.c-hero__inner-btn a:before {
  content: "";
  display: block;
  width: 98px;
  height: 94px;
  margin: -37px -102px 0 0;
  background: url(../images/hero_balloon_pc.png) no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.c-hero__inner-btn a span {
  padding-left: 50px;
  position: relative;
  z-index: 1;
}

.c-hero__inner-btn a span:before {
  content: "";
  display: block;
  width: 37px;
  height: 29px;
  background: url(../images/icon_laptop02.png) no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1269px) {
  .c-hero {
    padding: 0 3.937007874015748%;
  }

  .c-hero:before {
    background-size: cover;
  }

  .c-hero__inner {
    width: 92.126vw;
    height: auto;
    /*height: 69.764vw;*/
    padding-top: calc(100px + 1.181102362204724vw);
  }

  .c-hero__inner-txt01 {
    margin-bottom: 4.724vw;
    font-size: 1.574vw;
  }

  .c-hero__inner-txt01 span {
    padding: 0.866vw 1.575vw;
    border-radius: 0.63vw;
  }

  .c-hero__inner-box ul {
    top: -2.047vw;
  }

  .c-hero__inner-box ul li {
    padding: 0.157vw 0.945vw;
    margin-right: 1.181vw;
    font-size: 1.26vw;
    border-radius: 0.63vw;
  }

  .c-hero__inner-box-ttl {
    margin-bottom: 5.039vw;
    font-size: 2.36vw;
    width: auto;
  }

  .c-hero__inner-box-ttl span {
    padding: 0.866vw 1.575vw;
    margin-bottom: 2.362vw;
    border-radius: 0.63vw;
  }

  .c-hero__inner-list {
    margin-bottom: 6.142vw;
  }

  .c-hero__inner-list-box {
    padding: 1.969vw 1.575vw 1.575vw;
    margin-right: 1.575vw;
    border-radius: 0.787vw;
    box-shadow: 0px 0.236220472440945vw 0px 0px rgba(0, 0, 0, 0.2);
  }

  .c-hero__inner-list-box .num {
    width: 2.205vw;
    height: 2.205vw;
    line-height: 2.205vw;
    font-size: 0.945vw;
  }

  .c-hero__inner-list-box .txt01 {
    font-size: 1.417vw;
  }

  .c-hero__inner-laptop {
    width: 70%;
    margin-bottom: 8.11965811965812%;
  }

  .c-hero__inner-btn {
    width: 34.646vw;
  }

  .c-hero__inner-btn a {
    padding: 1.417vw 0;
    font-size: 1.89vw;
    box-shadow: 0px 0.393700787401575vw 0px 0px #5b2e00;
  }

  .c-hero__inner-btn a:before {
    width: 7.717vw;
    height: 7.402vw;
    margin: -2.913vw -8.031vw 0 0;
  }

  .c-hero__inner-btn a span {
    padding-left: 3.937vw;
  }

  .c-hero__inner-btn a span:before {
    width: 2.913vw;
    height: 2.283vw;
  }
}

@media screen and (max-width: 767px) {
  .form-sp {
    display: block;
    align-self: center;
    justify-self: center;
  }
  .page1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .c-hero {
  }

  .c-hero:before {
    background: url(../images/hero_bg01_sp.png) no-repeat center top;
    background-size: cover;
  }

  .c-hero__inner {
    height: auto;
    padding-top: 12vw;
    padding-bottom: 11.733vw;
  }

  .c-hero__inner-txt01 {
    margin-bottom: 9.333vw;
    font-size: 4vw;
  }

  .c-hero__inner-txt01 span {
    padding: 1.333vw 2.667vw;
    border-radius: 1.6vw;
  }

  .c-hero__inner-box ul {
    top: -4.267vw;
  }

  .c-hero__inner-box ul li {
    padding: 0 1.6vw;
    margin-right: 2vw;
    font-size: 3.2vw;
    border-radius: 1.067vw;
  }

  .c-hero__inner-box-ttl {
    margin-bottom: 5.1vw;
    font-size: 6.266666666666667vw;
  }

  .c-hero__inner-box-ttl span {
    padding: 1vw 2.667vw;
    margin-bottom: 2vw;
    border-radius: 1.6vw;
  }

  .c-hero__inner-box-ttl span:last-child {
    margin-bottom: 0;
  }

  .c-hero__inner-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5.433vw;
  }

  .c-hero__inner-list-box {
    width: 47.058823529411765%;
    padding: 4vw 2.667vw 2.667vw;
    margin-right: 0;
    background-color: #fff;
    border-radius: 2.133vw;
    box-shadow: 0px 0.4vw 0px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
  }

  .c-hero__inner-list-box:last-child {
    width: 58.823529411764706%;
    margin-top: 7.2vw;
    margin-left: 20.588235294117647%;
    margin-right: 0;
    display: none;
  }

  .c-hero__inner-list-box .num {
    width: 5.867vw;
    height: 5.867vw;
    line-height: 5.867vw;
    font-size: 2.667vw;
  }

  .c-hero__inner-list-box .txt01 {
    font-size: 3.733vw;
  }

  .c-hero__inner-laptop {
    width: 73.235294117647059%;
    margin: 0 auto 38px;
    position: relative;
  }

  .c-hero__inner-laptop .movie {
    width: 75.45271629778672%;
    margin-top: 3.420523138832998%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .c-hero__inner-laptop .movie video {
    width: 100%;
  }

  .c-hero__inner-btn {
    width: 78.667vw;
    margin: 0 auto;
  }

  .c-hero__inner-btn a {
    padding: 2.933vw 0;
    font-size: 4.267vw;
    box-shadow: 0px 0.933333333333333vw 0px 0px #5b2e00;
  }

  .c-hero__inner-btn a:before {
    width: 14.4vw;
    height: 14.667vw;
    margin: -8vw -8.533vw 0 0;
    background: url(../images/hero_balloon_sp.png) no-repeat left top;
    background-size: contain;
  }

  .c-hero__inner-btn a span {
    padding-left: 7.467vw;
  }

  .c-hero__inner-btn a span:before {
    width: 5.867vw;
    height: 4.533vw;
    background: url(../images/icon_laptop02.png) no-repeat left top;
    background-size: contain;
  }
}

/**********************************

 c-lang

***********************************/
.c-lang {
  background: #0e6eb8;
  background-size: cover;
}

.c-lang__inner {
  padding: 35px 0 42px;
}

.c-lang__inner-list {
  display: block;
  justify-content: space-between;
  padding-top: 15px;
}

.c-lang__inner-list-sec {
  width: auto;
  margin-bottom: 42px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

.c-lang__inner-list-sec .ttl {
  padding: 35px 3.333333333333333% 45px;
  color: #0c6cb8;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #f2f9ff;
  border-radius: 10px 10px 0 0;
}

.c-lang__inner-list-sec .cont {
  padding: 3.5% 1% 1.5% 1%;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.c-lang__inner-list-sec .cont li {
  text-align: center;
  font-weight: 700;
  line-height: 132%; /* 40.92px */
}

/* .lang-list-each {
  width: 33.333333333333333%;
} */

.lang-list-center {
  width: 33.333333333333333%;
}

.lang-list-side {
  width: 33.333333333333333%;
}

.c-lang__inner-list-sec .lang-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.c-lang__inner-list-sec .cont img {
  width: 30px;
  height: auto;
  rotate: 180deg;
  transition: all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-lang__inner-list-sec .ellipsis {
  display: block;
}

.c-lang__inner-list-sec.is-active .ellipsis {
  display: none;
}

.list-center {
  border-width: 0 1.6px;
  border-style: none solid;
  border-color: #000;
}

.c-lang__inner-list-sec .hidden-list {
  white-space: nowrap;
  overflow: hidden;
  height: 0px;
  transition: all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-lang__inner-list-sec.is-active .hidden-list {
  height: 675px;
}

.c-lang__inner-list-sec.is-active img {
  rotate: 0deg;
}

@media screen and (max-width: 767px) {
  .c-lang {
    background: #0e6eb8;
    background-size: 747px auto;
  }

  .c-lang__inner-list-sec .ttl {
    padding: 20px 4.411764705882353% 3.5%;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
  }

  .c-lang__inner-list-sec.is-active .hidden-list {
    height: 380px;
  }

  .c-lang__inner-list-sec .lang-list {
    font-size: 9px;
  }

  .lang-list-center {
    width: 40%;
  }

  .lang-list-side {
    width: 30%;
  }
}

/**********************************

 c-about

***********************************/
.c-about {
  background: #0e6eb8 url(../images/about_bg01_pc.png) no-repeat center top;
  background-size: cover;
}

.c-about__inner {
  padding: 35px 0 42px;
}

.c-about__inner-list {
  display: block;
  justify-content: space-between;
  padding-top: 15px;
}

.c-about__inner-list-sec {
  width: auto;
  margin-bottom: 42px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

.c-about__inner-list-sec:last-child {
  margin-bottom: 0;
}

.c-about__inner-list-sec .num {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  background-color: #ffdf00;
  border-radius: 50%;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1), -1px -2px 2px 0px rgba(0, 0, 0, 0.25) inset;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.c-about__inner-list-sec .ttl {
  padding: 35px 3.333333333333333% 15px;
  color: #0c6cb8;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #f2f9ff;
  border-radius: 10px 10px 0 0;
}

.c-about__inner-list-sec .cont {
  padding: 3.5% 4.411764705882353%;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.c-about__inner-list-sec .cont p {
  letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
  .c-about {
    background: #0e6eb8 url(../images/about_bg01_sp.png) no-repeat center top;
    background-size: 747px auto;
  }

  .c-about__inner-list-sec .num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), -1px -1px 1px 0px rgba(0, 0, 0, 0.25) inset;
  }

  .c-about__inner-list-sec .ttl {
    padding: 20px 4.411764705882353% 3.5%;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
  }
}

/**********************************

 c-logo-gallery

***********************************/
.c-logo-gallery {
  height: 120px;
  background: url(../images/logo_gallery.png) repeat-x left center;
  animation: bg-slider 60s linear infinite;
}

@keyframes bg-slider {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -1730px center;
  }
}

@media screen and (max-width: 767px) {
  .c-logo-gallery {
    height: 60px;
    background-size: 865px auto;
    animation: bg-slider 60s linear infinite;
  }

  @keyframes bg-slider {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -865px center;
    }
  }
}

/**********************************

 c-reason

***********************************/
.c-reason {
  background-color: #0e6eb8;
}

.c-reason__inner {
  padding: 80px 0 103px;
}

.c-reason__inner__list {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
}

.c-reason__inner__list-sec {
  width: 30%;
  padding: 35px 3% 3%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

.c-reason__inner__list-sec .num {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  background-color: #ffe10c;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.c-reason__inner__list-sec .icon {
  padding: 24px 0;
  margin-bottom: 15px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
}

.c-reason__inner__list-sec .icon img {
  display: block;
  width: 34.453781512605042%;
  margin: 0 auto;
}

.c-reason__inner__list-sec .ttl {
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
}

.c-reason__inner__list-sec .cont {
  margin-bottom: 20px;
}

.c-reason__inner__list-sec ul {
  color: #0e6eb8;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.c-reason__inner__list-sec ul li {
  padding: 9px 10px 9px 26px;
  margin-bottom: 15px;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}

.c-reason__inner__list-sec ul li:last-child {
  margin-bottom: 0;
}

.c-reason__inner__list-sec ul li:before {
  content: "";
  display: block;
  width: 9px;
  height: 7px;
  margin-top: 17px;
  background: url(../images/icon_check01_pc.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-reason__inner {
    padding: 35px 0 42px;
  }

  .c-reason__inner__list {
    display: block;
    padding-top: 14px;
  }

  .c-reason__inner__list-sec {
    width: auto;
    padding: 25px 4.411764705882353% 6.617647058823529%;
    margin-bottom: 46px;
    border-radius: 10px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-reason__inner__list-sec:last-child {
    margin-bottom: 0;
  }

  .c-reason__inner__list-sec .num {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 6px;
  }

  .c-reason__inner__list-sec .icon {
    padding: 15px 0;
    margin-bottom: 12px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
  }

  .c-reason__inner__list-sec .icon img {
    width: 45px;
  }

  .c-reason__inner__list-sec .ttl {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 16px;
  }

  .c-reason__inner__list-sec .cont {
    margin-bottom: 15px;
  }

  .c-reason__inner__list-sec ul {
    font-size: 14px;
  }

  .c-reason__inner__list-sec ul li {
    padding: 4px 10px 4px 23px;
    margin-bottom: 15px;
    border-radius: 10px;
  }

  .c-reason__inner__list-sec ul li:before {
    width: 8px;
    height: 6px;
    margin-top: 12px;
    background: url(../images/icon_check01_sp.png) no-repeat center;
    background-size: contain;
    left: 9px;
  }
}

/**********************************

 c-function

***********************************/
.c-function {
}

.c-function__inner {
  padding: 80px 0 103px;
}

.c-function__inner__list {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
}

.c-function__inner__list-sec {
  width: 30%;
  padding: 35px 2.9% 2.9%;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

.c-function__inner__list-sec .num {
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  background-color: #0e6eb8;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.c-function__inner__list-sec .icon {
  padding: 24px 0;
  margin-bottom: 15px;
  background-color: #fafafa;
  border-radius: 10px;
}

.c-function__inner__list-sec .icon img {
  display: block;
  width: 30.833333333333333%;
  margin: 0 auto;
}

.c-function__inner__list-sec .ttl {
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
}

.c-function__inner__list-sec .cont {
}

@media screen and (max-width: 767px) {
  .c-function__inner {
    padding: 35px 0 42px;
  }

  .c-function__inner__list {
    display: block;
    padding-top: 14px;
  }

  .c-function__inner__list-sec {
    width: auto;
    padding: 30px 4.411764705882353% 6.617647058823529%;
    margin-bottom: 46px;
    border-radius: 10px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-function__inner__list-sec:last-child {
    margin-bottom: 0;
  }

  .c-function__inner__list-sec .num {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 6px;
  }

  .c-function__inner__list-sec .icon {
    padding: 15px 0;
    margin-bottom: 12px;
    border-radius: 10px;
  }

  .c-function__inner__list-sec .icon img {
    width: 45px;
  }

  .c-function__inner__list-sec .ttl {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 16px;
  }

  .c-function__inner__list-sec .cont {
    margin-bottom: -0.5em;
  }
}

/**********************************

 c-cv

***********************************/
.c-cv {
  background: url(../images/cv_bg01_pc.jpg) no-repeat center;
  position: relative;
  z-index: 1;
}

.c-cv:before {
  content: "";
  display: block;
  width: 1330px;
  height: 244px;
  background: url(../images/cv_pic01_pc.png) no-repeat center bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.c-cv__inner {
  padding: 40px 0 50px;
}

.c-cv__inner-ttl {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.c-cv__inner-list {
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  width: 940px;
  max-width: 100%;
  margin: 0 auto;
  gap: 40px;
}

.c-cv__inner-list-tel {
  width: 31.914893617021277%;
}

.c-cv__inner-list-tel a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #fff;
  border-radius: 100px;
}

.c-cv__inner-list-tel a .box {
}

.c-cv__inner-list-tel a .num {
  margin-bottom: 8px;
  color: #0d6db8;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
}

.c-cv__inner-list-tel a .num span {
  padding-left: 26px;
  position: relative;
  z-index: 1;
}

.c-cv__inner-list-tel a .num span:before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: url(../images/icon_tel01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.c-cv__inner-list-tel a .time {
  font-size: 12px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 100px;
}

.c-cv__inner-list-trial {
  min-width: 31.914893617021277%;
  width: auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.c-cv__inner-list-trial a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  color: #fff;
  /* background-color: #ff8000; */
  border-radius: 100px;
  padding: 0 20px;
}

.c-cv__inner-list-trial a span.icon {
  padding-left: 38px;
  position: relative;
  z-index: 1;
}

.c-cv__inner-list-trial a span.icon:before {
  content: "";
  display: block;
  width: 26px;
  height: 21px;
  background: url(../images/icon_laptop01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.c-cv__inner-list-contact {
  width: 31.914893617021277%;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.c-cv__inner-list-contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #ffdf00;
  border-radius: 100px;
}

.c-cv__inner-list-contact a span {
  padding-left: 34px;
  position: relative;
  z-index: 1;
}

.c-cv__inner-list-contact a span:before {
  content: "";
  display: block;
  width: 25px;
  height: 18px;
  background: url(../images/icon_mail01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1023px) {
  .c-cv__inner-list-tel a {
    height: 7.813vw;
  }

  .c-cv__inner-list-tel a .num {
    margin-bottom: 0.781vw;
    font-size: 2.637vw;
  }

  .c-cv__inner-list-tel a .num span {
    padding-left: 2.539vw;
  }

  .c-cv__inner-list-tel a .num span:before {
    width: 1.855vw;
    height: 1.855vw;
  }

  .c-cv__inner-list-tel a .time {
    font-size: 1.172vw;
  }

  .c-cv__inner-list-trial {
    font-size: 1.953vw;
  }

  .c-cv__inner-list-trial a {
    height: 7.813vw;
  }

  .c-cv__inner-list-trial a span.icon {
    padding-left: 3.711vw;
  }

  .c-cv__inner-list-trial a span.icon:before {
    width: 2.539vw;
    height: 2.051vw;
  }

  .c-cv__inner-list-contact {
    font-size: 1.953vw;
  }

  .c-cv__inner-list-contact a {
    height: 7.813vw;
  }

  .c-cv__inner-list-contact a span {
    padding-left: 3.32vw;
  }

  .c-cv__inner-list-contact a span:before {
    width: 2.441vw;
    height: 1.758vw;
  }
}

@media screen and (max-width: 767px) {
  .c-cv {
    background: url(../images/cv_bg01_sp.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 1;
  }

  .c-cv:before {
    display: none;
  }

  .c-cv:after {
    content: "";
    display: block;
    width: 340px;
    height: 87px;
    margin: 0 auto;
    background: url(../images/cv_pic01_sp.png) no-repeat center bottom;
    background-size: contain;
  }

  .c-cv__inner {
    padding: 20px 0 0;
  }

  .c-cv__inner-ttl {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
  }

  .c-cv__inner-list {
    display: block;
    /* width: 240px; */
    width: 300px;
    margin-bottom: 13px;
    gap: 0;
  }

  .c-cv__inner-list-tel {
    width: auto;
    margin-bottom: 20px;
  }

  .c-cv__inner-list-tel a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 61px;
    background-color: #fff;
    border-radius: 100px;
  }

  .c-cv__inner-list-tel a .box {
  }

  .c-cv__inner-list-tel a .num {
    margin-bottom: 6px;
    font-size: 20px;
    letter-spacing: 0.07em;
  }

  .c-cv__inner-list-tel a .num span {
    padding-left: 21px;
  }

  .c-cv__inner-list-tel a .num span:before {
    width: 15px;
    height: 15px;
  }

  .c-cv__inner-list-tel a .time {
    padding: 0 35px;
    font-size: 9px;
  }

  .c-cv__inner-list-trial {
    width: auto;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .c-cv__inner-list-trial a {
    height: 50px;
  }

  .c-cv__inner-list-trial a span.icon {
    padding-left: 28px;
  }

  .c-cv__inner-list-trial a span.icon:before {
    width: 22px;
    height: 17px;
  }

  .c-cv__inner-list-contact {
    width: auto;
    font-size: 16px;
  }

  .c-cv__inner-list-contact a {
    height: 50px;
  }

  .c-cv__inner-list-contact a span {
    padding-left: 23px;
  }

  .c-cv__inner-list-contact a span:before {
    width: 16px;
    height: 11px;
  }
}

/**********************************

 c-case

***********************************/
.c-case {
}

.c-case__inner {
  padding: 80px 0 103px;
}

.c-case__inner-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -6.3%;
}

.c-case__inner-list-sec {
  width: 47%;
  padding: 2.9%;
  margin-bottom: 6.3%;
  background-color: #fff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.c-case__inner-list-sec .logo {
  padding: 25px 0;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
}

.c-case__inner-list-sec .logo img {
  display: block;
  width: 56.372549019607843%;
  margin: 0 auto;
}

.c-case__inner-list-sec .ttl {
  padding: 11px 10px;
  margin-bottom: 15px;
  color: #0c6cb8;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #fafafa;
  border-radius: 10px;
}

.c-case__inner-list-sec .txt01 {
}

@media screen and (max-width: 767px) {
  .c-case {
  }

  .c-case__inner {
    padding: 35px 0 42px;
  }

  .c-case__inner-list {
    display: block;
    margin-bottom: 0;
  }

  .c-case__inner-list-sec {
    width: auto;
    padding: 5.735294117647059% 4.264705882352941%;
    margin-bottom: 32px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }

  .c-case__inner-list-sec:last-child {
    margin-bottom: 0;
  }

  .c-case__inner-list-sec .logo {
    padding: 12px 0;
    margin-bottom: 15px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
  }

  .c-case__inner-list-sec .logo img {
    width: 115px;
  }

  .c-case__inner-list-sec .ttl {
    padding: 6px 10px;
    margin-bottom: 12px;
    font-size: 16px;
    border-radius: 8px;
  }

  .c-case__inner-list-sec .txt01 {
  }
}

/**********************************

 c-voice

***********************************/
.c-voice {
}

.c-voice__inner {
  padding: 80px 0 103px;
}

.c-voice__inner-list {
}

.c-voice__inner-list-sec {
  margin-bottom: 63px;
}

.c-voice__inner-list-sec:last-child {
  margin-bottom: 0;
}

.c-voice__inner-list-sec .ttl {
  padding: 20px 80px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #0e6eb8;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.c-voice__inner-list-sec .ttl:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 3%;
  background: url(../images/voice_acc02.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-voice__inner-list-sec .ttl.is-active:before {
  background: url(../images/voice_acc01.png) no-repeat center;
  background-size: contain;
}

.c-voice__inner-list-sec .content {
  display: none;
}

.c-voice__inner-list-sec .content.is-active {
  display: block;
}

.c-voice__inner-list-sec .content .inner {
  padding: 3.9%;
  margin-top: 43px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.c-voice__inner-list-sec .content .inner .box {
  padding: 1.5% 2.173913043478261%;
  background-color: #fafafa;
  border-radius: 10px;
}

.c-voice__inner-list-sec .content .inner .box p {
}

@media screen and (max-width: 767px) {
  .c-voice {
  }

  .c-voice__inner {
    padding: 40px 0 42px;
  }

  .c-voice__inner-list {
  }

  .c-voice__inner-list-sec {
    margin-bottom: 32px;
  }

  .c-voice__inner-list-sec:last-child {
    margin-bottom: 0;
  }

  .c-voice__inner-list-sec .ttl {
    padding: 11px 45px;
    font-size: 16px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }

  .c-voice__inner-list-sec .ttl:before {
    width: 23px;
    height: 23px;
    margin-right: 4.411764705882353%;
    background: url(../images/voice_acc02_sp.png) no-repeat center;
    background-size: contain;
  }

  .c-voice__inner-list-sec .ttl.is-active:before {
    background: url(../images/voice_acc01_sp.png) no-repeat center;
    background-size: contain;
  }

  .c-voice__inner-list-sec .content {
    display: none;
  }

  .c-voice__inner-list-sec .content.is-active {
    display: block;
  }

  .c-voice__inner-list-sec .content .inner {
    padding: 4.264705882352941%;
    margin-top: 21px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  }

  .c-voice__inner-list-sec .content .inner .box {
    padding: 2% 3.225806451612903%;
    border-radius: 10px;
  }

  .c-voice__inner-list-sec .content .inner .box p {
  }
}

/**********************************

 c-plan

***********************************/
.c-plan {
  background-color: #0e6eb8;
}

.c-plan__inner {
  padding: 80px 0 103px;
}

.c-plan__inner-intro {
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
}

.c-plan__inner-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -8.3%;
}

.c-plan__inner-list-sec {
  width: 47%;
  padding: 35px 3% 4%;
  margin-bottom: 8.3%;
  background-color: #fff;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.c-plan__inner-list-sec .num {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  background-color: #ffe10c;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.c-plan__inner-list-sec .ttl {
  padding: 14px 5px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #fafafa;
  border-radius: 10px;
}

.c-plan__inner-list-sec .price {
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

.c-plan__inner-list-sec .price span {
  color: #0e6eb8;
  font-size: 72px;
  font-weight: bold;
}

.c-plan__inner-list-sec .price span.normal {
  font-size: 16px;
  color: #000;
}

.c-plan__inner-list-sec .detail {
  padding: 14px 5px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
}

.c-plan__inner-list-sec .info {
}

.c-plan__inner-list-sec .info dl {
  padding: 9px 0;
  border-bottom: 1px solid #e9e9e9;
}

.c-plan__inner-list-sec .info dl dt {
  font-weight: bold;
  text-align: center;
}

.c-plan__inner-list-sec .info dl dd {
  text-align: center;
}

.c-plan__inner-note {
  margin-top: 40px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1099px) {
  .c-plan__inner-list-sec .ttl {
    padding: 1.367vw 0.488vw;
    margin-bottom: 2.441vw;
    font-size: 1.758vw;
    border-radius: 0.977vw;
  }

  .c-plan__inner-list-sec .price {
    margin-bottom: 1.953vw;
    font-size: 3.516vw;
  }

  .c-plan__inner-list-sec .price span {
    font-size: 7.031vw;
  }

  .c-plan__inner-list-sec .detail {
    padding: 1.367vw 0.488vw;
    font-size: 1.563vw;
  }

  .c-plan__inner-list-sec .info dl {
    padding: 0.879vw 0;
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  .c-plan__inner {
    padding: 35px 0 35px;
  }

  .c-plan__inner-intro {
    margin-bottom: 35px;
  }

  .c-plan__inner-list {
    display: block;
    margin-bottom: 0;
  }

  .c-plan__inner-list-sec {
    width: auto;
    padding: 25px 4.411764705882353% 7.352941176470588%;
    margin-bottom: 46px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }

  .c-plan__inner-list-sec:last-child {
    margin-bottom: 0;
  }

  .c-plan__inner-list-sec .num {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 6px;
  }

  .c-plan__inner-list-sec .ttl {
    padding: 6px 5px;
    margin-bottom: 15px;
    font-size: 16px;
    border-radius: 6px;
  }

  .c-plan__inner-list-sec .price {
    margin-bottom: 12px;
    font-size: 18px;
  }

  .c-plan__inner-list-sec .price span {
    font-size: 36px;
  }

  .c-plan__inner-list-sec .detail {
    padding: 6px 5px;
    font-size: 12px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
  }

  .c-plan__inner-list-sec .info {
  }

  .c-plan__inner-list-sec .info dl {
    padding: 12px 0;
    border-bottom: 1px solid #e9e9e9;
  }

  .c-plan__inner-list-sec .info dl dt {
    font-size: 12px;
  }

  .c-plan__inner-list-sec .info dl dd {
    font-size: 12px;
  }

  .c-plan__inner-note {
    margin-top: 15px;
    font-size: 12px;
  }
}

/**********************************

 c-faq1

***********************************/
.c-faq {
}

.c-faq__inner {
  padding: 80px 0 103px;
}

@media screen and (max-width: 767px) {
  .c-faq__inner {
    padding: 35px 0 42px;
  }
}

/**********************************

 c-company

***********************************/
.c-company {
}

.c-company__inner {
  padding: 80px 0 103px;
}

.c-company__inner-content {
}

.c-company__inner-content dl {
  display: flex;
  border-bottom: 1px solid #dddddd;
}

.c-company__inner-content dl:first-child {
  border-top: 1px solid #dddddd;
}

.c-company__inner-content dl dt {
  width: 34%;
  padding: 25px 0;
  font-weight: bold;
  text-align: right;
}

.c-company__inner-content dl dd {
  flex: 1;
  padding: 25px 0 25px 55px;
  text-align: left;
}
.c-company__inner-content dl dd a {
  text-decoration: underline;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-company__inner {
    padding: 35px 0 42px;
  }

  .c-company__inner-content {
  }

  .c-company__inner-content dl {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #dddddd;
  }

  .c-company__inner-content dl:first-child {
    border-top: 1px solid #dddddd;
  }

  .c-company__inner-content dl dt {
    width: auto;
    padding: 0;
    margin-bottom: 0.3em;
    text-align: center;
  }

  .c-company__inner-content dl dd {
    padding: 0;
    text-align: center;
  }
}

/**********************************

 c-contact

***********************************/
.c-contact {
}

.c-contact__inner {
  padding: 80px 0 103px !important;
}

.c-contact__inner-intro {
  margin-top: -20px !important;
  margin-bottom: 40px !important;
  text-align: center !important;
}

.c-contact__inner-content {
  padding: 4% 3% 5% !important;
  background-color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05) !important;
}

.c-contact__inner-content form {
  margin: 0 auto !important;
}

.c-contact__inner-content form a {
  text-decoration: underline !important;
}

.c-contact__inner-content form a:hover {
  text-decoration: none !important;
}

.c-contact__inner-content .mktoFormRow {
  /* display: flex !important; */
}

.c-contact__inner-content {
}

.c-contact__inner-content .mktoFormRow .mktoFormCol {
}

.c-contact__inner-content .mktoFormRow .mktoFormCol .mktoFieldWrap {
}

.c-contact__inner-content .mktoLabel {
  margin-bottom: 0.5em !important;
  font-weight: bold !important;
}

.c-contact__inner-content .mktoForm .mktoButtonRow {
  display: block !important;
  width: 280px !important;
  margin: 10px auto 0 !important;
}

.c-contact__inner-content .mktoForm .mktoButtonWrap.mktoSimple {
  width: auto !important;
  margin: 0 auto !important;
}

.c-contact__inner-content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  display: block !important;
  width: 100% !important;
  padding: 22px 15px !important;
  margin-bottom: 5px !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  text-decoration: none !important;
  letter-spacing: 0.05em !important;
  line-height: 1.5 !important;
  border-radius: 100px !important;
  box-shadow: 0px 5px 0px 0px #222222 !important;
  background: rgb(102, 102, 102) !important;
  background: -moz-linear-gradient(
    top,
    rgba(102, 102, 102, 1) 0%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(102, 102, 102, 1) 0%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(102, 102, 102, 1) 0%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0) !important;
  border: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.c-contact__inner-content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
  box-shadow: 0px 5px 0px 0px #222222 !important;
  background: rgb(102, 102, 102) !important;
  background: -moz-linear-gradient(
    top,
    rgba(102, 102, 102, 1) 0%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(102, 102, 102, 1) 0%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(102, 102, 102, 1) 0%,
    rgba(51, 51, 51, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0) !important;
}

.c-contact__inner-content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
  opacity: 0.7 !important;
  border: none !important;
}

@media screen and (max-width: 767px) {
  .c-contact__inner {
    padding: 30px 0 42px !important;
  }

  .c-contact__inner-intro {
    margin: -1em 0 25px 0 !important;
    font-size: 12px !important;
    text-align: left !important;
  }

  .c-contact__inner-content {
    padding: 5.882352941176471% 4.411764705882353% !important;
    border-radius: 5px !important;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05) !important;
  }

  .c-contact__inner-content .mktoForm .mktoFieldWrap {
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e4e4e4 !important;
  }

  .c-contact__inner-content .mktoForm .mktoLabel {
    text-align: center !important;
  }

  .c-contact__inner-content .mktoForm .mktoAsterix {
    display: inline-block !important;
    float: none !important;
  }

  .c-contact__inner-content .mktoForm .mktoButtonRow {
    display: block !important;
    width: auto !important;
    padding-top: 5px !important;
    margin: -30px auto 0 !important;
    background-color: #fff !important;
  }

  .c-contact__inner-content .mktoForm .mktoButtonWrap.mktoSimple {
    width: 240px !important;
    margin: 0 auto !important;
  }

  .c-contact__inner-content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    padding: 15px 10px !important;
    margin-bottom: 2px !important;
    font-size: 16px !important;
    box-shadow: 0px 3px 0px 0px #222222 !important;
  }
}

/**********************************

 xxx

***********************************/

@media screen and (max-width: 767px) {
}

/**********************************

フォーム

***********************************/

/* ===== コンテナ ===== */
.form-sp .form-container {
  border-radius: 15px !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15) !important;
  width: 580px !important;
  overflow: hidden !important;
  border: 3px solid #106eb8;
  background-color: #106eb8;
}

/* ===== ヘッダー ===== */
.form-sp .header-section {
  height: 152.67px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  background: #106eb8 !important;
  border-bottom: solid 0.5px #b7b7b7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.form-sp .header-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #ffffff !important;
  gap: 80px !important;
}

.form-sp .header-text h2 {
  white-space: nowrap;
  margin: 0 0 5px !important;
  font-size: 24px !important;
  font-weight: bold !important;
}
.form-sp .header-text h1 {
  white-space: nowrap;
  margin: 0 0 5px !important;
  font-size: 24px !important;
  font-weight: bold !important;
}

.form-sp .form-header-image {
  width: 120px !important;
  height: auto !important;
  flex-shrink: 0 !important;
}

/* ===== フォーム内部 ===== */
.form-sp .form-content {
  background: #eff9fe !important;
  padding-top: 10px !important;
  padding-right: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 40px !important;
}

.form-sp .input-step-text {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.form-sp .step-indicator {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-bottom: 30px !important;
  /* gap: 5px !important; */
}

.form-sp .step-number {
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  color: #666 !important;
}

.form-sp .step-circle {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  font-weight: bold !important;
  color: black !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}
.form-sp .step-number.active .step-circle {
  background-color: #106eb8 !important;
  color: #fff !important;
}

/* ===== ステップ ===== */
.form-sp .form-step {
  display: none;
  width: 500px;
}
.form-sp .form-step.active {
  display: block !important;
  gap: 10px !important;
}

/* ===== フィールド ===== */
.form-sp .form-step .mktoFormRow {
  margin-bottom: 20px !important;
  width: 100% !important;
}
.form-sp .mktoLabel {
  display: block !important;
  margin-bottom: 8px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  color: #333 !important;
}
.form-sp .mktoAsterix {
  color: #ff0000 !important;
  margin-right: 5px !important;
}
.form-sp .mktoField {
  width: 100% !important;
  height: 50px;
  max-width: 100%;
  padding: 5px !important;
  border: 2px solid #ddd !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease !important;
  background-color: #ffffff !important;
  align-self: center !important;
}
.form-sp .mktoField:focus {
  outline: none !important;
  border-color: #4682b4 !important;
}
.form-sp .mktoField.error {
  border-color: #e74c3c !important;
}
.form-sp .mktoField_name {
  width: 100% !important;
  padding: 5px !important;
  border: 2px solid #ddd !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease !important;
  background-color: #ffffff !important;
}
.form-sp .mktoField_name:focus {
  outline: none !important;
  border-color: #4682b4 !important;
}
.form-sp .mktoField_name.error {
  border-color: #e74c3c !important;
}

/* 名前フィールド横並び */
.form-sp .mktoFormRow.name-row {
  display: flex !important;
  gap: 15px !important;
  width: 500px !important;
}
.form-sp .name-field {
  flex: 1 !important;
}

/* ラジオ・チェックボックス */
.form-sp .mktoRadioList,
.form-sp .mktoCheckboxList {
}
.form-sp .mktoRadioList label,
.form-sp .mktoCheckboxList label {
  display: block !important;
  margin: 10px 0 !important;
  cursor: pointer !important;
  font-weight: normal !important;
  font-size: 16px !important;
  height: 10px !important;
}
.form-sp .mktoRadioList input[type="radio"] {
  margin-right: 8px !important;
}
.form-sp .mktoCheckboxList {
  display: flex !important;
  align-items: center !important;
}
.form-sp .mktoCheckboxList input[type="checkbox"] {
  margin-right: 8px !important;
  margin-top: 2px !important;
}

/* ===== ボタン ===== */
.form-sp .button-row {
  display: flex !important;
  gap: 15px !important;
  justify-content: center !important;
  width: 500px !important;
}
.form-sp .btn {
  height: 58.433px !important;
  border: none !important;
  border-radius: 2px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.form-sp .btn-primary {
  width: 135.4776px !important;
  height: 58.433px !important;
  background: #ff8c00 !important;
  color: #fff !important;
  border: 1px solid #ff8c00 !important;
}
.form-sp .btn-primary:hover {
  background: #ff7f00 !important;
  color: #ffffff !important;
  border-color: #ff7f00 !important;
  transform: translateY(-1px) !important;
}
.form-sp .btn-submit {
  width: 162.746px !important;
  height: 58.433px !important;
  background: #ff8c00 !important;
  color: #fff !important;
  border: 1px solid #ff8c00 !important;
}
.form-sp .btn-submit:hover {
  background: #ff7f00 !important;
  border-color: #ff7f00 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
.form-sp .btn-secondary {
  width: 135.4776px !important;
  background: #f8f9fa !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
}
.form-sp .btn-secondary:hover {
  background: #e9ecef !important;
  transform: translateY(-1px) !important;
}
.form-sp .btn:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* ===== エラー ===== */
.form-sp .error-message {
  color: #e74c3c !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}

@media (min-width: 768px) {
  /* ===== コンテナ ===== */
  .form-sp .form-container {
    /* margin-top: clamp(0px, 5vw, 80px); */
    width: clamp(0px, 36.25vw, 580px) !important;
  }

  /* ===== ヘッダー ===== */
  .form-sp .header-section {
    height: clamp(0px, 9.5419vw, 152.67px) !important;
    padding-left: clamp(0px, 2vw, 32px) !important;
    padding-right: clamp(0px, 2.5vw, 40px) !important;
  }
  .form-sp .header-content {
    gap: clamp(0px, 1vw, 16px) !important;
    /* justify-content: center; */
  }
  .form-sp .header-text h2 {
    margin-bottom: clamp(0px, 0.3125vw, 5px) !important;
    font-size: clamp(0px, 1.5vw, 24px) !important;
  }
  .form-sp .header-text h1 {
    margin-bottom: clamp(0px, 0.3125vw, 5px) !important;
    font-size: clamp(0px, 1.6vw, 27px) !important;
  }
  .form-sp .form-header-image {
    width: clamp(0px, 10.975vw, 180px) !important;
  }

  /* ===== フォーム内部 ===== */
  .form-sp .form-content {
    padding-top: clamp(0px, 0.625vw, 10px) !important;
    padding-right: clamp(0px, 2.5vw, 40px) !important;
    padding-bottom: clamp(0px, 2.5vw, 40px) !important;
    padding-left: clamp(0px, 2.5vw, 40px) !important;
    /* border: solid 3px #106EB8; */
    border-: 10px;
  }

  /* ===== ステップ表示 ===== */
  .form-sp .input-step-text {
    font-size: clamp(0px, 1vw, 16px) !important;
  }
  .form-sp .step-indicator {
    margin-bottom: clamp(0px, 1.875vw, 30px) !important;
    /* gap: clamp(0px, 0.3125vw, 5px) !important; */
  }
  .form-sp .step-number {
    font-size: clamp(0px, 0.875vw, 14px) !important;
  }
  .form-sp .step-circle {
    width: clamp(0px, 2vw, 32px) !important;
    height: clamp(0px, 2vw, 32px) !important;
    margin: clamp(0px, 0.5vw, 8px) !important;
    font-size: clamp(0px, 0.875vw, 14px) !important;
  }

  /* ===== フィールド行 ===== */
  .form-sp .form-step {
    width: clamp(0px, 31.25vw, 500px) !important;
  }
  .form-sp .form-step .mktoFormRow {
    margin-bottom: clamp(0px, 1.25vw, 20px) !important;
  }
  .form-sp .mktoLabel {
    margin-bottom: clamp(0px, 0.5vw, 8px) !important;
    font-size: clamp(0px, 1vw, 16px) !important;
  }
  .form-sp .mktoAsterix {
    margin-right: clamp(0px, 0.3125vw, 5px) !important;
  }
  .form-sp .mktoField,
  .form-sp .mktoField_name {
    padding: clamp(0px, 0.3125vw, 5px) !important;
    font-size: clamp(0px, 0.875vw, 14px) !important;
    height: clamp(0px, 3.125vw, 50px) !important;
  }

  /* ===== 名前フィールド横並び ===== */
  .form-sp .mktoFormRow.name-row {
    gap: clamp(0px, 0.9375vw, 15px) !important;
    width: clamp(0px, 31.25vw, 500px) !important;
    margin-bottom: clamp(0px, 1.25vw, 20px) !important;
  }

  .form-sp .mktoFormCol.name-field {
    width: clamp(0px, 1vw, 250px) !important;
  }

  /* ===== ラジオ & チェックボックス ===== */
  .mktoRadioList {
    display: flex;
    flex-direction: column;
  }

  .form-sp .mktoRadioList label,
  .form-sp .mktoCheckboxList label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4em !important;
    cursor: pointer !important;
    font-size: clamp(0px, 1vw, 16px) !important;
    margin-top: clamp(0px, 0.625vw, 10px) !important;
    margin-bottom: clamp(0px, 0.625vw, 10px) !important;
    height: clamp(0px, 0.625vw, 10px) !important;
    white-space: nowrap !important;
  }
  .form-sp .mktoRadioList input[type="radio"] {
    width: clamp(0px, 1.25vw, 20px) !important;
    margin: 0 !important;
    margin-right: clamp(0px, 0.5vw, 8px) !important;
  }
  .form-sp .mktoCheckboxList input[type="checkbox"] {
    width: clamp(0px, 1.25vw, 20px) !important;
    margin-right: clamp(0px, 0.5vw, 8px) !important;
    margin-top: clamp(0px, 0.125vw, 2px) !important;
  }

  /* ===== ボタン行 ===== */
  .form-sp .button-row {
    gap: clamp(0px, 0.9375vw, 15px) !important;
    width: clamp(0px, 31.25vw, 500px) !important;
    margin-top: 1vw;
  }
  .form-sp .btn {
    height: clamp(0px, 3.6521vw, 58.433px) !important;
    font-size: clamp(0px, 1vw, 16px) !important;
  }
  .form-sp .btn-primary,
  .form-sp .btn-secondary {
    width: clamp(0px, 8.4673vw, 135.478px) !important;
    height: clamp(0px, 3.6521vw, 58.433px) !important;
  }
  .form-sp .btn-submit {
    /* display: flex !important; */
    width: clamp(0px, 12vw, 192px) !important;
    height: clamp(0px, 3.6521vw, 58.433px) !important;
    white-space: nowrap;
    align-items: center;
    gap: 0.5vw;
    padding: 5px;
    justify-content: center;
  }

  /* ===== エラー表示 ===== */
  .form-sp .error-message {
    font-size: clamp(0px, 0.75vw, 12px) !important;
    margin-top: clamp(0px, 0.3125vw, 5px) !important;
  }
}

@media (max-width: 767px) {
  .form-sp .mktoFormRow.name-row {
    display: flex !important;
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  /* ===== コンテナ ===== */
  .form-sp {
    display: flex;
    justify-content: center;
  }
  .form-sp .form-container {
    width: 90vw !important;
    margin: 0 0 12.414vw !important; /* 80px */
    border: 1vw solid #106eb8;
    /* height: 120vw;  */
  }

  /* ===== ヘッダー ===== */
  .form-sp .header-section {
    height: 23.69vw !important; /* 152.67px */
    padding-left: 2vw !important; /* 40px */
    padding-right: 6.207vw !important; /* 40px */
  }
  .form-sp .header-content {
    gap: 0vw !important;
  } /* 80px */

  .form-sp .header-text h2 {
    margin-bottom: 0.776vw !important; /* 5px */
    font-size: 4.267vw !important;
  }
  .form-sp .header-text h1 {
    margin-bottom: 0.776vw !important; /* 5px */
    font-size: 4.5vw !important;
  }
  .form-sp .form-header-image {
    width: 30vw !important; /* 120px */
  }

  /* ===== フォーム内部 ===== */
  .form-sp .form-content {
    padding-top: 3vw !important; /* 10px */
    padding-right: 6.207vw !important; /* 40px */
    padding-bottom: 6.207vw !important; /* 40px */
    padding-left: 6.207vw !important; /* 40px */
    /* max-height: 69.828vw; */
  }
  .form-sp .input-step-text {
    font-size: 3vw !important; /* 16px */
  }

  .form-sp .step-indicator {
    margin-top: 3vw;
    margin-bottom: 4.655vw !important; /* 30px */
    gap: 0.776vw !important; /* 15px */
  }
  .form-sp .step-number {
    font-size: 3vw !important; /* 14px */
  }

  .form-sp .step-circle {
    width: 4.966vw !important; /* 32px */
    height: 4.966vw !important; /* 32px */
    margin-right: 1.379vw !important; /* 8px */
    font-size: 3.733vw !important; /* 14px */
  }

  .form-sp .form-step.active {
    gap: 1.552vw !important;
  } /* 10px */

  /* ===== フィールド ===== */
  .form-sp .form-step {
    width: 77.586vw !important;
  }
  .form-sp .mktoFormCol {
    width: 100%;
  }
  .form-sp .form-step .mktoFormRow {
    margin-bottom: 3.103vw !important; /* 20px */
  }
  .form-sp .mktoLabel {
    margin-bottom: 1.379vw !important; /* 8px */
    font-size: 4vw !important; /* 16px */
  }
  .form-sp .mktoAsterix {
    margin-right: 0.776vw !important; /* 5px */
  }
  .form-sp .mktoField {
    padding: 6vw 4vw !important; /* 5px */
    font-size: 3.733vw !important; /* 14px */
    height: 6.5189vw !important;
  }
  .form-sp .mktoField .form-sp .mktoField_name {
    width: 50vw !important;
    padding: 6vw 4vw !important; /* 5px */
    font-size: 3.733vw !important; /* 14px */
  }

  .form-sp .mktoFormRow.name-row {
    gap: 2.328vw !important; /* 15px */
    width: 65.189vw !important;
    margin-bottom: 3.103vw !important; /* 20px */
  }

  /* ラジオ & チェックボックス */
  .form-sp .mktoRadioList,
  .form-sp .mktoCheckboxList {
    width: 100% !important;
  }
  .form-sp .mktoRadioList label,
  .form-sp .mktoCheckboxList label {
    display: flex !important;
    align-items: center;
    margin: 1.552vw 0 !important; /* 10px 0 */
    font-size: 2.4vw !important; /* 16px */
    height: 5.5vw !important;
    /* align-self: center; */
    /* justify-content: center; */
    white-space: nowrap;
  }
  .form-sp .mktoRadioList input[type="radio"] {
    padding: 0.776vw !important; /* 5px */
    font-size: 16px !important; /* 14px */
    height: 6.5189vw !important;
    margin: 0 !important;
    width: 3.5vw !important;
    margin-right: 1.379vw !important;
  } /* 8px */
  .form-sp .mktoCheckboxList input[type="checkbox"] {
    padding: 0.776vw !important; /* 5px */
    font-size: 16px !important; /* 14px */
    height: 6.5189vw !important;
    width: 3.3vw !important;
    margin-right: 0.5vw !important; /* 8px */
    margin-top: 0.31vw !important; /* 2px */
  }

  /* ===== ボタン ===== */
  .form-sp .button-row {
    gap: 2.328vw !important; /* 15px */
    width: 77.586vw !important;
    margin-top: 3vw;
  }
  .form-sp .btn {
    height: 9.067vw !important; /* 58.433px */
    font-size: 4vw !important; /* 16px */
  }
  .form-sp .btn-primary,
  .form-sp .btn-secondary {
    width: 25vw !important; /* 135.4776px */
    height: 12vw !important;
  }
  .form-sp .btn-submit {
    /* display: flex !important; */
    width: 42vw !important; /* 162.746px */
    height: 12vw !important;
    justify-content: center;
    align-items: center;
    gap: 1.5vw;
  }

  /* ===== エラー ===== */
  .form-sp .error-message {
    font-size: 3.2vw !important; /* 12px */
    margin-top: 0.776vw !important; /* 5px */
  }
}

.inner_form_pc_container {
}

@media (min-width: 768px) {
  .inner_form_pc_container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
  }
  .form-size-empty {
    width: clamp(0px, 35.875vw, 574px) !important;
  }
  .mktoFormCol {
    width: clamp(0px, 31.25vw, 500px) !important;
  }
  .header-inviting-words {
    font-size: clamp(0px, 1.25vw, 20px) !important;
  }
  .header-three-minutes {
    font-size: clamp(0px, 2.2vw, 32px) !important;
  }
  .c-hero__inner-box-ttl small {
    font-size: 0.4em;
  }
  .submitBtn-svg {
    width: clamp(0px, 1.2vw, 20px) !important;
    height: auto;
    padding: 0px !important;
  }
  .svg-container {
    display: flex;
    height: 100%;
    /* align-items: center; */
    padding-bottom: clamp(0px, 0.14vw, 2.24px) !important;
  }
}
@media (max-width: 767px) {
  .form-size-empty {
    display: none !important;
  }
}
.mktoFieldWrap {
  width: 100% !important;
}

#mktoForm_1240 {
  width: 431px !important;
}

@media (max-width: 680px) {
  #mktoForm_1240 {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .form-sp .form-step {
    width: 72vw !important;
  }
  .form-sp .button-row {
    width: 72vw !important;
  }
}

@media (max-width: 767px) {
  #LblmktoCheckbox_23260_0 {
    font-size: 2.7vw !important;
    white-space: nowrap;
  }
  #LblmktoCheckbox_23260_0 a {
    padding: 0px !important;
  }

  .c-hero__inner-txt01-parent {
    display: flex;
    justify-content: center;
  }
  .c-voice .c-hero__inner-txt01 {
    margin-bottom: 9.333vw;
    /* margin-left: 3.6665vw; */
  }
  .c-voice .c-hero__inner-txt01 span {
    display: inline-block;
    font-size: 4vw !important;
    padding: 1.333vw 2.667vw;
    border-radius: 1.6vw;
  }

  .header-inviting-words {
    font-size: 3.2vw;
  }
  .header-three-minutes {
    font-size: 5.5vw !important;
  }
  .c-hero__inner-box-ttl small {
    font-size: 0.4em;
  }
  .submitBtn-svg {
    width: 4.5vw;
    height: auto;
    padding: 0px !important;
  }
  .svg-container {
    display: flex;
    height: 100%;
    /* align-items: center; */
    padding-bottom: 0vw !important;
  }
}

.header-inviting-words {
  font-weight: bold;
}

.header-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-header-image img {
  width: 90%;
  transition: transform 0.3s ease; /* アニメーション */
}
.form-header-image img:hover {
  transform: scale(1.1);
}

@media (min-width: 1270px) {
  .c-hero__inner-box-ttl {
    width: 770px;
  }
  .laptop-container {
    width: auto;
  }
}
@media (max-width: 1269px) and (min-width: 768px) {
  .c-hero__inner-box-ttl {
    width: auto;
  }
  .laptop-container {
    width: auto;
  }
}