@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,600,700&display=swap");
.clearfix {
  *zoom: 1
}
.clearfix:after {
  content: "";
  display: table;
  clear: both
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a {
  -webkit-text-decoration: normal;
  text-decoration: normal;
  cursor: pointer
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none
}
input, select {
  vertical-align: middle
}
html {
  font-size: 62.5%
}
body, html {
  width: 100%;
  height: auto;
  overflow-x: hidden
}
body {
  font-family: 'Noto Sans JP', NotoSansCJKjp, "メイリオ", Meiryo, Osaka, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.09em;
  -webkit-text-size-adjust: 100%;
  color: #333;
  background: #fff
}
@media screen and (max-width:599px) {
  body {
    font-size: 4vw
  }
}
body.is-hide {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden
}
body.fixed {
  position: fixed;
  width: 100%
}
img {
  max-width: 100%;
  height: auto
}
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}
a.link-disabled {
  pointer-events: none
}
@media screen and (min-width:990px) {
  a:hover {
    opacity: 0.7
  }
}
figure {
  line-height: 0
}
.pc-ui {
  display: block
}
@media screen and (max-width:599px) {
  .pc-ui {
    display: none
  }
}
.tab-ui {
  display: none
}
@media screen and (max-width:989px) {
  .tab-ui {
    display: block
  }
}
.sp-ui {
  display: none
}
@media screen and (max-width:599px) {
  .sp-ui {
    display: block
  }
}
.sp {
  display: block
}
@media only screen and (min-width:750px) {
  .sp {
    display: none
  }
}
.pc {
  display: none
}
@media only screen and (min-width:750px) {
  .pc {
    display: block
  }
}
.lum-lightbox-inner img {
  max-height: 99%
}
.luminous {
  height: 45.33333vw !important;
  background: none !important;
  border: none !important
}
@media only screen and (min-width:750px) {
  .luminous {
    height: 250px !important
  }
}
.luminous img {
  width: 100% !important
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 89.33333vw;
  height: 14.66667vw;
  -webkit-box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.16);
  border-radius: 0.53333vw;
  background-blend-mode: multiply;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d7d7d7), to(#ffffff));
  background-image: -webkit-linear-gradient(bottom, #d7d7d7, #ffffff);
  background-image: -o-linear-gradient(bottom, #d7d7d7, #ffffff);
  background-image: linear-gradient(to top, #d7d7d7, #ffffff)
}
@media only screen and (min-width:750px) {
  .btn {
    width: 500px
  }
}
@media only screen and (min-width:992px) {
  .btn {
    width: 500px
  }
}
@media only screen and (min-width:1200px) {
  .btn {
    width: 500px
  }
}
@media only screen and (min-width:750px) {
  .btn {
    height: 80px
  }
}
@media only screen and (min-width:992px) {
  .btn {
    height: 80px
  }
}
@media only screen and (min-width:1200px) {
  .btn {
    height: 80px
  }
}
@media only screen and (min-width:750px) {
  .btn {
    border-radius: 4px
  }
}
@media only screen and (min-width:992px) {
  .btn {
    border-radius: 4px
  }
}
@media only screen and (min-width:1200px) {
  .btn {
    border-radius: 4px
  }
}
.btn.try {
  background-color: #df6529
}
.btn.form {
  background-color: #4f8e38
}
.btn p.text {
  font-size: calc((27 / 2.34375) * 1px + (27 - (27 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  color: #ffffff
}
@media only screen and (min-width:750px) {
  .btn p.text {
    font-size: 20px
  }
}
@media only screen and (min-width:992px) {
  .btn p.text {
    font-size: 20px
  }
}
@media only screen and (min-width:1200px) {
  .btn p.text {
    font-size: 20px
  }
}
.btn span {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4.26667vw;
  margin-top: auto;
  margin-bottom: auto;
  width: 4.4vw;
  height: 4.4vw;
  background-color: #ffffff;
  border-radius: 50%
}
@media only screen and (min-width:750px) {
  .btn span {
    right: 24px
  }
}
@media only screen and (min-width:750px) {
  .btn span {
    width: 24px
  }
}
@media only screen and (min-width:992px) {
  .btn span {
    width: 24px
  }
}
@media only screen and (min-width:1200px) {
  .btn span {
    width: 24px
  }
}
@media only screen and (min-width:750px) {
  .btn span {
    height: 24px
  }
}
@media only screen and (min-width:992px) {
  .btn span {
    height: 24px
  }
}
@media only screen and (min-width:1200px) {
  .btn span {
    height: 24px
  }
}
.btn span:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0.53333vw;
  margin: auto;
  width: 1.6vw;
  height: 1.6vw;
  border-top: 0.4vw solid #df6529;
  border-right: 0.4vw solid #df6529;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
@media only screen and (min-width:750px) {
  .btn span:after {
    right: 4px
  }
}
@media only screen and (min-width:750px) {
  .btn span:after {
    width: 7px
  }
}
@media only screen and (min-width:992px) {
  .btn span:after {
    width: 7px
  }
}
@media only screen and (min-width:1200px) {
  .btn span:after {
    width: 7px
  }
}
@media only screen and (min-width:750px) {
  .btn span:after {
    height: 7px
  }
}
@media only screen and (min-width:992px) {
  .btn span:after {
    height: 7px
  }
}
@media only screen and (min-width:1200px) {
  .btn span:after {
    height: 7px
  }
}
@media only screen and (min-width:750px) {
  .btn span:after {
    border-top: 3px solid #df6529;
    border-right: 3px solid #df6529
  }
}
.btn span.to-form:after {
  border-top: 0.4vw solid #4f8e38;
  border-right: 0.4vw solid #4f8e38
}
@media only screen and (min-width:750px) {
  .btn span.to-form:after {
    border-top: 3px solid #4f8e38;
    border-right: 3px solid #4f8e38
  }
}
.btn aside p {
  font-size: calc((19 / 2.34375) * 1px + (19 - (19 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  color: #fdff4f;
  text-align: center
}
@media only screen and (min-width:750px) {
  .btn aside p {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  .btn aside p {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  .btn aside p {
    font-size: 14px
  }
}
a.download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 86.66667vw;
  height: 12vw;
  border-radius: 0.53333vw;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  a.download {
    width: 520px
  }
}
@media only screen and (min-width:992px) {
  a.download {
    width: 520px
  }
}
@media only screen and (min-width:1200px) {
  a.download {
    width: 520px
  }
}
@media only screen and (min-width:750px) {
  a.download {
    height: 50px
  }
}
@media only screen and (min-width:992px) {
  a.download {
    height: 50px
  }
}
@media only screen and (min-width:1200px) {
  a.download {
    height: 50px
  }
}
@media only screen and (min-width:750px) {
  a.download {
    border-radius: 4px
  }
}
@media only screen and (min-width:992px) {
  a.download {
    border-radius: 4px
  }
}
@media only screen and (min-width:1200px) {
  a.download {
    border-radius: 4px
  }
}
a.download p.text {
  margin-left: 0vw;
  font-size: calc((24 / 2.34375) * 1px + (24 - (24 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: center;
  color: #ffffff
}
@media only screen and (min-width:750px) {
  a.download p.text {
    margin-left: 40px
  }
}
@media only screen and (min-width:750px) {
  a.download p.text {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  a.download p.text {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  a.download p.text {
    font-size: 14px
  }
}
@media only screen and (min-width:750px) {
  a.download p.text {
    letter-spacing: 0.05em
  }
}
a.download p.text span {
  display: none
}
@media only screen and (min-width:750px) {
  a.download p.text span {
    display: inline
  }
}
a.download:before {
  content: '';
  display: block;
  position: absolute;
  top: -3.2vw;
  left: 2.93333vw;
  width: 11.46667vw;
  height: 16.66667vw;
  background-image: url(/lp07/assets/img/brochure.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.16)
}
@media only screen and (min-width:750px) {
  a.download:before {
    top: -28px;
    left: 32px
  }
}
@media only screen and (min-width:750px) {
  a.download:before {
    width: 64px
  }
}
@media only screen and (min-width:992px) {
  a.download:before {
    width: 64px
  }
}
@media only screen and (min-width:1200px) {
  a.download:before {
    width: 64px
  }
}
@media only screen and (min-width:750px) {
  a.download:before {
    height: 92px
  }
}
@media only screen and (min-width:992px) {
  a.download:before {
    height: 92px
  }
}
@media only screen and (min-width:1200px) {
  a.download:before {
    height: 92px
  }
}
h2.h2 {
  font-size: calc((40 / 2.34375) * 1px + (40 - (40 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #444444
}
@media only screen and (min-width:750px) {
  h2.h2 {
    font-size: 24px
  }
}
@media only screen and (min-width:992px) {
  h2.h2 {
    font-size: 24px
  }
}
@media only screen and (min-width:1200px) {
  h2.h2 {
    font-size: 24px
  }
}
h2.h2.white {
  color: #fffefe
}
h3.h3 {
  margin-top: 9.33333vw;
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #f86a24
}
@media only screen and (min-width:750px) {
  h3.h3 {
    margin-top: 50px
  }
}
@media only screen and (min-width:750px) {
  h3.h3 {
    font-size: 20px
  }
}
@media only screen and (min-width:992px) {
  h3.h3 {
    font-size: 20px
  }
}
@media only screen and (min-width:1200px) {
  h3.h3 {
    font-size: 20px
  }
}
header.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 10.66667vw
}
@media only screen and (min-width:750px) {
  header.header {
    height: 100px
  }
}
@media only screen and (min-width:992px) {
  header.header {
    height: 100px
  }
}
@media only screen and (min-width:1200px) {
  header.header {
    height: 100px
  }
}
header.header .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 93.86667vw;
  height: 6.93333vw
}
@media only screen and (min-width:750px) {
  header.header .in {
    width: 1100px
  }
}
@media only screen and (min-width:992px) {
  header.header .in {
    width: 1100px
  }
}
@media only screen and (min-width:1200px) {
  header.header .in {
    width: 1100px
  }
}
@media only screen and (min-width:750px) {
  header.header .in {
    height: 52px
  }
}
@media only screen and (min-width:992px) {
  header.header .in {
    height: 52px
  }
}
@media only screen and (min-width:1200px) {
  header.header .in {
    height: 52px
  }
}
header.header figure.logo {
  width: 14.93333vw
}
@media only screen and (min-width:750px) {
  header.header figure.logo {
    width: 112px
  }
}
@media only screen and (min-width:992px) {
  header.header figure.logo {
    width: 112px
  }
}
@media only screen and (min-width:1200px) {
  header.header figure.logo {
    width: 112px
  }
}
header.header .tel-block {
  margin-top: 0vw;
  width: 46.4vw;
  text-align: right
}
@media only screen and (min-width:750px) {
  header.header .tel-block {
    margin-top: 10px
  }
}
@media only screen and (min-width:750px) {
  header.header .tel-block {
    width: 248px
  }
}
@media only screen and (min-width:992px) {
  header.header .tel-block {
    width: 248px
  }
}
@media only screen and (min-width:1200px) {
  header.header .tel-block {
    width: 248px
  }
}
header.header .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media only screen and (min-width:750px) {
  header.header .tel {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
header.header .tel .left {
  display: none;
  width: 70px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: 0;
  color: #ffffff;
  background-color: #f86a24
}
@media only screen and (min-width:750px) {
  header.header .tel .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
header.header .tel .right {
  font-size: calc((34 / 2.34375) * 1px + (34 - (34 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
  color: #f86a24
}
@media only screen and (min-width:750px) {
  header.header .tel .right {
    font-size: 22px
  }
}
@media only screen and (min-width:992px) {
  header.header .tel .right {
    font-size: 22px
  }
}
@media only screen and (min-width:1200px) {
  header.header .tel .right {
    font-size: 22px
  }
}
header.header p.open-close {
  margin-top: 0.8vw;
  font-size: calc((18 / 2.34375) * 1px + (18 - (18 / 2.34375))*(100vw - 320px)/(750 - 320));
  line-height: 1;
  letter-spacing: normal;
  color: #222222
}
@media only screen and (min-width:750px) {
  header.header p.open-close {
    margin-top: 6px
  }
}
@media only screen and (min-width:750px) {
  header.header p.open-close {
    font-size: 10px
  }
}
@media only screen and (min-width:992px) {
  header.header p.open-close {
    font-size: 10px
  }
}
@media only screen and (min-width:1200px) {
  header.header p.open-close {
    font-size: 10px
  }
}
section.hero {
  margin: 0 auto;
  width: 100%;
  height: 138.93333vw;
  background-image: url(/lp07/assets/img/bg/hero-sp.jpg);
  background-repeat: no-repeat;
  background-size: contain
}
@media only screen and (min-width:750px) {
  section.hero {
    height: 440px
  }
}
@media only screen and (min-width:992px) {
  section.hero {
    height: 440px
  }
}
@media only screen and (min-width:1200px) {
  section.hero {
    height: 440px
  }
}
@media only screen and (min-width:750px) {
  section.hero {
    background-image: url(/lp07/assets/img/bg/hero-pc.jpg);
    background-size: 1920px auto;
    background-position: center top
  }
}
section.hero .text {
  margin: 0 auto;
  padding-top: 75.73333vw;
  width: 92vw
}
@media only screen and (min-width:750px) {
  section.hero .text {
    padding-top: 62px
  }
}
@media only screen and (min-width:750px) {
  section.hero .text {
    width: 634px
  }
}
@media only screen and (min-width:992px) {
  section.hero .text {
    width: 634px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .text {
    width: 634px
  }
}
@media only screen and (min-width:750px) {
  section.hero .text {
    text-align: center
  }
}
section.hero .text p {
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: normal
}
@media only screen and (min-width:750px) {
  section.hero .text p {
    font-size: 24px
  }
}
@media only screen and (min-width:992px) {
  section.hero .text p {
    font-size: 24px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .text p {
    font-size: 24px
  }
}
section.hero .text h1 {
  margin-top: 4vw;
  font-size: calc((44 / 2.34375) * 1px + (44 - (44 / 2.34375))*(100vw - 320px)/(750 - 320));
  line-height: 1.2
}
@media only screen and (min-width:750px) {
  section.hero .text h1 {
    margin-top: 20px
  }
}
@media only screen and (min-width:750px) {
  section.hero .text h1 {
    font-size: 41px
  }
}
@media only screen and (min-width:992px) {
  section.hero .text h1 {
    font-size: 41px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .text h1 {
    font-size: 41px
  }
}
section.hero .text h1 span.medium {
  font-size: calc((48 / 2.34375) * 1px + (48 - (48 / 2.34375))*(100vw - 320px)/(750 - 320))
}
@media only screen and (min-width:750px) {
  section.hero .text h1 span.medium {
    font-size: 41px
  }
}
@media only screen and (min-width:992px) {
  section.hero .text h1 span.medium {
    font-size: 41px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .text h1 span.medium {
    font-size: 41px
  }
}
section.hero .text h1 span.large {
  font-family: Roboto;
  font-size: calc((84 / 2.34375) * 1px + (84 - (84 / 2.34375))*(100vw - 320px)/(750 - 320))
}
@media only screen and (min-width:750px) {
  section.hero .text h1 span.large {
    font-size: 72px
  }
}
@media only screen and (min-width:992px) {
  section.hero .text h1 span.large {
    font-size: 72px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .text h1 span.large {
    font-size: 72px
  }
}
section.hero .text h1 span.underline {
  border-bottom: solid 0.66667vw #f86a24
}
@media only screen and (min-width:750px) {
  section.hero .text h1 span.underline {
    border-bottom: solid 5px #f86a24
  }
}
section.hero .orange {
  color: #f86a24
}
section.hero .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5.06667vw;
  margin-left: auto;
  margin-right: auto;
  width: 94.66667vw
}
@media only screen and (min-width:750px) {
  section.hero .result {
    margin-top: 42px
  }
}
@media only screen and (min-width:750px) {
  section.hero .result {
    width: 534px
  }
}
@media only screen and (min-width:992px) {
  section.hero .result {
    width: 534px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .result {
    width: 534px
  }
}
section.hero .result figure.left {
  width: 60.77333vw
}
@media only screen and (min-width:750px) {
  section.hero .result figure.left {
    width: 350.6px
  }
}
@media only screen and (min-width:992px) {
  section.hero .result figure.left {
    width: 350.6px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .result figure.left {
    width: 350.6px
  }
}
section.hero .result figure.right {
  width: 31.46667vw
}
@media only screen and (min-width:750px) {
  section.hero .result figure.right {
    width: 162px
  }
}
@media only screen and (min-width:992px) {
  section.hero .result figure.right {
    width: 162px
  }
}
@media only screen and (min-width:1200px) {
  section.hero .result figure.right {
    width: 162px
  }
}
.mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 54.66667vw;
  background-color: #e6e9f7
}
@media only screen and (min-width:750px) {
  .mv {
    height: 160px
  }
}
@media only screen and (min-width:992px) {
  .mv {
    height: 160px
  }
}
@media only screen and (min-width:1200px) {
  .mv {
    height: 160px
  }
}
.mv.mv-with-download {
  height: 89.33333vw
}
@media only screen and (min-width:750px) {
  .mv.mv-with-download {
    height: 350px
  }
}
@media only screen and (min-width:992px) {
  .mv.mv-with-download {
    height: 350px
  }
}
@media only screen and (min-width:1200px) {
  .mv.mv-with-download {
    height: 350px
  }
}
.mv .in {
  width: 89.33333vw
}
.mv .in a + a {
  margin-top: 6.66667vw
}
@media only screen and (min-width:750px) {
  .mv .in a + a {
    margin-top: 0px
  }
}
@media only screen and (min-width:750px) {
  .mv .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media only screen and (min-width:750px) {
  .mv .in {
    width: 1044px
  }
}
@media only screen and (min-width:992px) {
  .mv .in {
    width: 1044px
  }
}
@media only screen and (min-width:1200px) {
  .mv .in {
    width: 1044px
  }
}
.mv figure.btn-to-download {
  margin-top: 8vw;
  width: 89.33333vw
}
@media only screen and (min-width:750px) {
  .mv figure.btn-to-download {
    margin-top: 32px
  }
}
@media only screen and (min-width:750px) {
  .mv figure.btn-to-download {
    width: 570px
  }
}
@media only screen and (min-width:992px) {
  .mv figure.btn-to-download {
    width: 570px
  }
}
@media only screen and (min-width:1200px) {
  .mv figure.btn-to-download {
    width: 570px
  }
}
section.example {
  padding-top: 8.53333vw;
  padding-bottom: 17.06667vw
}
@media only screen and (min-width:750px) {
  section.example {
    padding-top: 56px
  }
}
@media only screen and (min-width:750px) {
  section.example {
    padding-bottom: 86px
  }
}
section.example p.letter {
  margin-top: 5.6vw;
  margin-left: auto;
  margin-right: auto;
  width: 88.93333vw;
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  line-height: 1.67;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.example p.letter {
    margin-top: 32px
  }
}
@media only screen and (min-width:750px) {
  section.example p.letter {
    width: 100%
  }
}
@media only screen and (min-width:992px) {
  section.example p.letter {
    width: 100%
  }
}
@media only screen and (min-width:1200px) {
  section.example p.letter {
    width: 100%
  }
}
@media only screen and (min-width:750px) {
  section.example p.letter {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.example p.letter {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.example p.letter {
    font-size: 16px
  }
}
@media only screen and (min-width:750px) {
  section.example p.letter {
    text-align: center
  }
}
section.example .companies .wrapper {
  margin-top: 4vw;
  margin-left: auto;
  margin-right: auto;
  width: 92vw
}
@media only screen and (min-width:750px) {
  section.example .companies .wrapper {
    margin-top: 0px
  }
}
@media only screen and (min-width:750px) {
  section.example .companies .wrapper {
    width: 1200px
  }
}
@media only screen and (min-width:992px) {
  section.example .companies .wrapper {
    width: 1200px
  }
}
@media only screen and (min-width:1200px) {
  section.example .companies .wrapper {
    width: 1200px
  }
}
section.example .companies .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.33333vw
}
@media only screen and (min-width:750px) {
  section.example .companies .in {
    margin-left: 25px
  }
}
section.example .companies figure {
  margin-top: 1.33333vw;
  margin-left: 1.33333vw;
  width: 29.33333vw
}
@media only screen and (min-width:750px) {
  section.example .companies figure {
    margin-top: 20px
  }
}
@media only screen and (min-width:750px) {
  section.example .companies figure {
    margin-left: 25px
  }
}
@media only screen and (min-width:750px) {
  section.example .companies figure {
    width: 200px
  }
}
@media only screen and (min-width:992px) {
  section.example .companies figure {
    width: 200px
  }
}
@media only screen and (min-width:1200px) {
  section.example .companies figure {
    width: 200px
  }
}
section.example .btn-area {
  margin-top: 9.33333vw
}
@media only screen and (min-width:750px) {
  section.example .btn-area {
    margin-top: 32px
  }
}
section.example .btn-area a {
  margin: 0 auto
}
section.reason {
  padding-bottom: 13.33333vw
}
@media only screen and (min-width:750px) {
  section.reason {
    padding-bottom: 50px
  }
}
section.reason .ul-block {
  padding-top: 12.26667vw;
  padding-bottom: 15.2vw;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.reason .ul-block {
    padding-top: 40px
  }
}
@media only screen and (min-width:750px) {
  section.reason .ul-block {
    padding-bottom: 44px
  }
}
section.reason ul.card-block {
  margin-top: 6vw;
  margin-left: auto;
  margin-right: auto;
  width: 80vw
}
@media only screen and (min-width:750px) {
  section.reason ul.card-block {
    margin-top: 26px
  }
}
@media only screen and (min-width:750px) {
  section.reason ul.card-block {
    width: 1000px
  }
}
@media only screen and (min-width:992px) {
  section.reason ul.card-block {
    width: 1000px
  }
}
@media only screen and (min-width:1200px) {
  section.reason ul.card-block {
    width: 1000px
  }
}
@media only screen and (min-width:750px) {
  section.reason ul.card-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
section.reason ul.card-block li + li {
  margin-top: 5.06667vw
}
@media only screen and (min-width:750px) {
  section.reason ul.card-block li + li {
    margin-top: 0px
  }
}
section.reason .dl-block {
  margin-top: 18.66667vw;
  margin-left: auto;
  margin-right: auto;
  width: 88.53333vw
}
@media only screen and (min-width:750px) {
  section.reason .dl-block {
    margin-top: 70px
  }
}
@media only screen and (min-width:750px) {
  section.reason .dl-block {
    width: 1108px
  }
}
@media only screen and (min-width:992px) {
  section.reason .dl-block {
    width: 1108px
  }
}
@media only screen and (min-width:1200px) {
  section.reason .dl-block {
    width: 1108px
  }
}
section.reason dl.dl {
  border-left: solid 0.8vw #f86a24
}
@media only screen and (min-width:750px) {
  section.reason dl.dl {
    border-left: solid 6px #f86a24
  }
}
section.reason dl.dl + dl {
  margin-top: 11.46667vw
}
@media only screen and (min-width:750px) {
  section.reason dl.dl + dl {
    margin-top: 50px
  }
}
section.reason dl.dl dt {
  margin-left: 5.86667vw;
  font-size: calc((38 / 2.34375) * 1px + (38 - (38 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 600;
  line-height: 1.42;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.reason dl.dl dt {
    margin-left: 22px
  }
}
@media only screen and (min-width:750px) {
  section.reason dl.dl dt {
    font-size: 24px
  }
}
@media only screen and (min-width:992px) {
  section.reason dl.dl dt {
    font-size: 24px
  }
}
@media only screen and (min-width:1200px) {
  section.reason dl.dl dt {
    font-size: 24px
  }
}
section.reason dl.dl dd {
  margin-top: 7.2vw;
  margin-left: 5.86667vw;
  padding-bottom: 0.66667vw;
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  line-height: 1.74;
  letter-spacing: 0.05em;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.reason dl.dl dd {
    margin-top: 18px
  }
}
@media only screen and (min-width:750px) {
  section.reason dl.dl dd {
    margin-left: 22px
  }
}
@media only screen and (min-width:750px) {
  section.reason dl.dl dd {
    padding-bottom: 5px
  }
}
@media only screen and (min-width:750px) {
  section.reason dl.dl dd {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.reason dl.dl dd {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.reason dl.dl dd {
    font-size: 16px
  }
}
.card {
  border-radius: 1.06667vw;
  background-color: #ffffff
}
@media only screen and (min-width:750px) {
  .card {
    border-radius: 8px
  }
}
@media only screen and (min-width:992px) {
  .card {
    border-radius: 8px
  }
}
@media only screen and (min-width:1200px) {
  .card {
    border-radius: 8px
  }
}
.card.reason {
  width: 80vw;
  height: 69.86667vw
}
@media only screen and (min-width:750px) {
  .card.reason {
    width: 310px
  }
}
@media only screen and (min-width:992px) {
  .card.reason {
    width: 310px
  }
}
@media only screen and (min-width:1200px) {
  .card.reason {
    width: 310px
  }
}
@media only screen and (min-width:750px) {
  .card.reason {
    height: 270px
  }
}
@media only screen and (min-width:992px) {
  .card.reason {
    height: 270px
  }
}
@media only screen and (min-width:1200px) {
  .card.reason {
    height: 270px
  }
}
.card.reason header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 19.46667vw
}
@media only screen and (min-width:750px) {
  .card.reason header {
    height: 72px
  }
}
@media only screen and (min-width:992px) {
  .card.reason header {
    height: 72px
  }
}
@media only screen and (min-width:1200px) {
  .card.reason header {
    height: 72px
  }
}
.card.reason h3 {
  font-size: calc((42.5 / 2.34375) * 1px + (42.5 - (42.5 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #444444
}
@media only screen and (min-width:750px) {
  .card.reason h3 {
    font-size: 22px
  }
}
@media only screen and (min-width:992px) {
  .card.reason h3 {
    font-size: 22px
  }
}
@media only screen and (min-width:1200px) {
  .card.reason h3 {
    font-size: 22px
  }
}
.card.reason figure {
  margin: 0 auto;
  width: 32.8vw
}
@media only screen and (min-width:750px) {
  .card.reason figure {
    width: 126px
  }
}
@media only screen and (min-width:992px) {
  .card.reason figure {
    width: 126px
  }
}
@media only screen and (min-width:1200px) {
  .card.reason figure {
    width: 126px
  }
}
.card.reason footer p {
  margin-top: 6.13333vw;
  font-size: calc((29 / 2.34375) * 1px + (29 - (29 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.42;
  text-align: center;
  color: #444444
}
@media only screen and (min-width:750px) {
  .card.reason footer p {
    margin-top: 24px
  }
}
@media only screen and (min-width:750px) {
  .card.reason footer p {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  .card.reason footer p {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  .card.reason footer p {
    font-size: 16px
  }
}
.card.step {
  width: 80vw;
  height: 60vw
}
@media only screen and (min-width:750px) {
  .card.step {
    width: 240px
  }
}
@media only screen and (min-width:992px) {
  .card.step {
    width: 240px
  }
}
@media only screen and (min-width:1200px) {
  .card.step {
    width: 240px
  }
}
@media only screen and (min-width:750px) {
  .card.step {
    height: 200px
  }
}
@media only screen and (min-width:992px) {
  .card.step {
    height: 200px
  }
}
@media only screen and (min-width:1200px) {
  .card.step {
    height: 200px
  }
}
.card.step header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18.66667vw
}
@media only screen and (min-width:750px) {
  .card.step header {
    height: 60px
  }
}
@media only screen and (min-width:992px) {
  .card.step header {
    height: 60px
  }
}
@media only screen and (min-width:1200px) {
  .card.step header {
    height: 60px
  }
}
.card.step header h3 {
  font-family: Roboto;
  font-size: calc((40 / 2.34375) * 1px + (40 - (40 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 0.75;
  text-align: center;
  color: #f86a24
}
@media only screen and (min-width:750px) {
  .card.step header h3 {
    font-size: 20px
  }
}
@media only screen and (min-width:992px) {
  .card.step header h3 {
    font-size: 20px
  }
}
@media only screen and (min-width:1200px) {
  .card.step header h3 {
    font-size: 20px
  }
}
.card.step figure {
  margin: 0 auto;
  width: 19.73333vw
}
@media only screen and (min-width:750px) {
  .card.step figure {
    width: 70px
  }
}
@media only screen and (min-width:992px) {
  .card.step figure {
    width: 70px
  }
}
@media only screen and (min-width:1200px) {
  .card.step figure {
    width: 70px
  }
}
.card.step footer p {
  margin-top: 5.33333vw;
  font-size: calc((35 / 2.34375) * 1px + (35 - (35 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.28;
  text-align: center;
  color: #444444
}
@media only screen and (min-width:750px) {
  .card.step footer p {
    margin-top: 16px
  }
}
@media only screen and (min-width:750px) {
  .card.step footer p {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  .card.step footer p {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  .card.step footer p {
    font-size: 16px
  }
}
section.feature {
  padding-bottom: 16vw
}
@media only screen and (min-width:750px) {
  section.feature {
    padding-bottom: 80px
  }
}
section.feature .block1 {
  padding-top: 12.8vw;
  padding-bottom: 11.73333vw;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.feature .block1 {
    padding-top: 42px
  }
}
@media only screen and (min-width:750px) {
  section.feature .block1 {
    padding-bottom: 54px
  }
}
section.feature .popular {
  margin-left: auto;
  margin-right: auto;
  margin-top: 9.6vw;
  width: 89.33333vw
}
@media only screen and (min-width:750px) {
  section.feature .popular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media only screen and (min-width:750px) {
  section.feature .popular {
    margin-top: 26px
  }
}
@media only screen and (min-width:750px) {
  section.feature .popular {
    width: 824px
  }
}
@media only screen and (min-width:992px) {
  section.feature .popular {
    width: 824px
  }
}
@media only screen and (min-width:1200px) {
  section.feature .popular {
    width: 824px
  }
}
section.feature .above {
  width: 100%
}
@media only screen and (min-width:750px) {
  section.feature .above {
    width: 464px
  }
}
@media only screen and (min-width:992px) {
  section.feature .above {
    width: 464px
  }
}
@media only screen and (min-width:1200px) {
  section.feature .above {
    width: 464px
  }
}
section.feature .below {
  margin-top: 2.66667vw;
  margin-left: auto;
  margin-right: auto;
  width: 56vw
}
@media only screen and (min-width:750px) {
  section.feature .below {
    margin-top: 0px
  }
}
@media only screen and (min-width:750px) {
  section.feature .below {
    margin-left: 58px
  }
}
@media only screen and (min-width:750px) {
  section.feature .below {
    width: 304px
  }
}
@media only screen and (min-width:992px) {
  section.feature .below {
    width: 304px
  }
}
@media only screen and (min-width:1200px) {
  section.feature .below {
    width: 304px
  }
}
section.feature ul.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
section.feature ul.list .circle {
  width: 22.4vw;
  height: 22.4vw;
  border-radius: 50%;
  background-color: #2d4087
}
@media only screen and (min-width:750px) {
  section.feature ul.list .circle {
    width: 120px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.list .circle {
    width: 120px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.list .circle {
    width: 120px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.list .circle {
    height: 120px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.list .circle {
    height: 120px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.list .circle {
    height: 120px
  }
}
section.feature ul.list figure {
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.66667vw;
  width: 14.66667vw;
  height: 14.66667vw
}
@media only screen and (min-width:750px) {
  section.feature ul.list figure {
    padding-top: 14px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.list figure {
    width: 80px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.list figure {
    width: 80px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.list figure {
    width: 80px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.list figure {
    height: 80px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.list figure {
    height: 80px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.list figure {
    height: 80px
  }
}
section.feature ul.list li + li {
  margin-left: 0vw
}
@media only screen and (min-width:750px) {
  section.feature ul.list li + li {
    margin-left: 54px
  }
}
section.feature p.text {
  margin-top: -5.33333vw;
  font-size: calc((22.5 / 2.34375) * 1px + (22.5 - (22.5 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.87;
  color: #fffefe;
  text-align: center
}
@media only screen and (min-width:750px) {
  section.feature p.text {
    margin-top: -30px
  }
}
@media only screen and (min-width:750px) {
  section.feature p.text {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.feature p.text {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.feature p.text {
    font-size: 16px
  }
}
section.feature p.text.three {
  margin-left: -4vw
}
@media only screen and (min-width:750px) {
  section.feature p.text.three {
    margin-left: -20px
  }
}
@media only screen and (min-width:750px) {
  section.feature p.text.three {
    width: 130%
  }
}
section.feature .block2 {
  margin-top: 1.33333vw;
  margin-left: auto;
  margin-right: auto;
  width: 89.33333vw
}
@media only screen and (min-width:750px) {
  section.feature .block2 {
    margin-top: 20px
  }
}
@media only screen and (min-width:750px) {
  section.feature .block2 {
    width: 1100px
  }
}
@media only screen and (min-width:992px) {
  section.feature .block2 {
    width: 1100px
  }
}
@media only screen and (min-width:1200px) {
  section.feature .block2 {
    width: 1100px
  }
}
section.feature ul.detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
section.feature ul.detail li {
  margin-top: 12vw;
  width: 89.33333vw
}
@media only screen and (min-width:750px) {
  section.feature ul.detail li {
    margin-top: 40px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail li {
    width: 520px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail li {
    width: 520px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail li {
    width: 520px
  }
}
section.feature ul.detail header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
section.feature ul.detail .right {
  margin-left: 2.13333vw
}
@media only screen and (min-width:750px) {
  section.feature ul.detail .right {
    margin-left: 16px
  }
}
section.feature ul.detail .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.6vw;
  width: 13.86667vw;
  height: 13.86667vw;
  border-radius: 50%;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.feature ul.detail .circle {
    margin-top: 0px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail .circle {
    width: 104px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail .circle {
    width: 104px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail .circle {
    width: 104px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail .circle {
    height: 104px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail .circle {
    height: 104px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail .circle {
    height: 104px
  }
}
section.feature ul.detail .circle figure {
  width: 8.26667vw
}
@media only screen and (min-width:750px) {
  section.feature ul.detail .circle figure {
    width: 62px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail .circle figure {
    width: 62px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail .circle figure {
    width: 62px
  }
}
section.feature ul.detail p.sub {
  display: inline-block;
  padding-top: 0.66667vw;
  padding-bottom: 0.66667vw;
  padding-left: 2.4vw;
  padding-right: 2.4vw;
  font-size: calc((20 / 2.34375) * 1px + (20 - (20 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.2;
  color: #f86a24;
  border: solid 1px #f86a24;
  border-radius: 2.4vw
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.sub {
    padding-top: 6px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.sub {
    padding-bottom: 6px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.sub {
    padding-left: 18px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.sub {
    padding-right: 18px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.sub {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail p.sub {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail p.sub {
    font-size: 16px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.sub {
    border-radius: 16px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail p.sub {
    border-radius: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail p.sub {
    border-radius: 16px
  }
}
section.feature ul.detail h3 {
  margin-top: 1.86667vw;
  font-size: calc((38 / 2.34375) * 1px + (38 - (38 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.32;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.feature ul.detail h3 {
    margin-top: 14px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail h3 {
    font-size: 24px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail h3 {
    font-size: 24px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail h3 {
    font-size: 24px
  }
}
section.feature ul.detail p.body {
  margin-top: 6.4vw;
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  line-height: 1.74;
  letter-spacing: 0.05em;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.body {
    margin-top: 30px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.body {
    height: 105px
  }
}
@media only screen and (min-width:750px) {
  section.feature ul.detail p.body {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail p.body {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail p.body {
    font-size: 16px
  }
}
section.feature ul.detail a.sample {
  display: block;
  margin-top: 8.53333vw
}
@media only screen and (min-width:750px) {
  section.feature ul.detail a.sample {
    margin-top: 34px
  }
}
section.feature ul.detail li.pc {
  position: relative
}
@media only screen and (min-width:750px) {
  section.feature ul.detail li.pc .in {
    position: absolute;
    left: 50px;
    width: 638px;
    height: 572px;
    background-image: url(/lp07/assets/img/bg/feature.png);
    background-size: 638px 572px
  }
}
section.feature ul.detail aside.to-expand {
  margin-top: 1.06667vw;
  text-align: center
}
@media only screen and (min-width:750px) {
  section.feature ul.detail aside.to-expand {
    margin-top: 4px
  }
}
section.feature ul.detail aside.to-expand span {
  font-size: calc((28 / 2.34375) * 1px + (28 - (28 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.feature ul.detail aside.to-expand span {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  section.feature ul.detail aside.to-expand span {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  section.feature ul.detail aside.to-expand span {
    font-size: 14px
  }
}
section.voice {
  padding-bottom: 16vw
}
@media only screen and (min-width:750px) {
  section.voice {
    padding-bottom: 70px
  }
}
section.voice header.voice-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 29.33333vw;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.voice header.voice-header {
    height: 140px
  }
}
@media only screen and (min-width:992px) {
  section.voice header.voice-header {
    height: 140px
  }
}
@media only screen and (min-width:1200px) {
  section.voice header.voice-header {
    height: 140px
  }
}
section.voice header.voice-header h2 {
  position: relative;
  font-size: calc((40 / 2.34375) * 1px + (40 - (40 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #fffefe
}
@media only screen and (min-width:750px) {
  section.voice header.voice-header h2 {
    font-size: 24px
  }
}
@media only screen and (min-width:992px) {
  section.voice header.voice-header h2 {
    font-size: 24px
  }
}
@media only screen and (min-width:1200px) {
  section.voice header.voice-header h2 {
    font-size: 24px
  }
}
section.voice header.voice-header h2:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 15.33333vw;
  height: 15.73333vw;
  background-image: url(/lp07/assets/img/icon/voice.svg);
  background-size: contain
}
@media only screen and (min-width:750px) {
  section.voice header.voice-header h2:after {
    width: 80px
  }
}
@media only screen and (min-width:992px) {
  section.voice header.voice-header h2:after {
    width: 80px
  }
}
@media only screen and (min-width:1200px) {
  section.voice header.voice-header h2:after {
    width: 80px
  }
}
@media only screen and (min-width:750px) {
  section.voice header.voice-header h2:after {
    height: 85px
  }
}
@media only screen and (min-width:992px) {
  section.voice header.voice-header h2:after {
    height: 85px
  }
}
@media only screen and (min-width:1200px) {
  section.voice header.voice-header h2:after {
    height: 85px
  }
}
section.voice .main {
  margin-left: auto;
  margin-right: auto;
  padding-top: 12vw;
  width: 89.33333vw
}
@media only screen and (min-width:750px) {
  section.voice .main {
    padding-top: 68px
  }
}
@media only screen and (min-width:750px) {
  section.voice .main {
    width: 1100px
  }
}
@media only screen and (min-width:992px) {
  section.voice .main {
    width: 1100px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .main {
    width: 1100px
  }
}
section.voice .main p.sub {
  margin-top: 5.06667vw;
  font-size: calc((24 / 2.34375) * 1px + (24 - (24 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #f86a24
}
@media only screen and (min-width:750px) {
  section.voice .main p.sub {
    margin-top: 12px
  }
}
@media only screen and (min-width:750px) {
  section.voice .main p.sub {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  section.voice .main p.sub {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .main p.sub {
    font-size: 14px
  }
}
section.voice ul.company li .h2 {
  letter-spacing: 0.01em
}
section.voice ul.company li + li {
  margin-top: 13.06667vw
}
@media only screen and (min-width:750px) {
  section.voice ul.company li + li {
    margin-top: 90px
  }
}
section.voice .contents {
  margin-top: 5.6vw
}
@media only screen and (min-width:750px) {
  section.voice .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}
@media only screen and (min-width:750px) {
  section.voice .contents {
    margin-top: 44px
  }
}
section.voice .picture-block {
  width: 100%
}
@media only screen and (min-width:750px) {
  section.voice .picture-block {
    width: 500px
  }
}
@media only screen and (min-width:992px) {
  section.voice .picture-block {
    width: 500px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .picture-block {
    width: 500px
  }
}
section.voice .picture-block figcaption {
  font-size: calc((20 / 2.34375) * 1px + (20 - (20 / 2.34375))*(100vw - 320px)/(750 - 320));
  line-height: 2;
  color: #888888
}
@media only screen and (min-width:750px) {
  section.voice .picture-block figcaption {
    font-size: 12px
  }
}
@media only screen and (min-width:992px) {
  section.voice .picture-block figcaption {
    font-size: 12px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .picture-block figcaption {
    font-size: 12px
  }
}
section.voice .text-block {
  margin-top: 8vw;
  width: 100%
}
@media only screen and (min-width:750px) {
  section.voice .text-block {
    margin-top: 0px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block {
    width: 560px
  }
}
@media only screen and (min-width:992px) {
  section.voice .text-block {
    width: 560px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .text-block {
    width: 560px
  }
}
section.voice .text-block p.text {
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  line-height: 1.67;
  letter-spacing: 0.01em;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.voice .text-block p.text {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  section.voice .text-block p.text {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .text-block p.text {
    font-size: 14px
  }
}
section.voice .text-block .about {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 6.93333vw;
  margin-bottom: 2.93333vw;
  padding-top: 6.4vw;
  padding-bottom: 7.73333vw;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  width: 100%;
  background-color: #f3f3f3
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    margin-top: 0px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    margin-bottom: 16px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    padding-top: 20px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    padding-bottom: 20px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    padding-left: 30px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    padding-right: 20px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about {
    width: 550px
  }
}
@media only screen and (min-width:992px) {
  section.voice .text-block .about {
    width: 550px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .text-block .about {
    width: 550px
  }
}
section.voice .text-block .about h3 {
  font-size: calc((28 / 2.34375) * 1px + (28 - (28 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  color: #888888
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about h3 {
    font-size: 12px
  }
}
@media only screen and (min-width:992px) {
  section.voice .text-block .about h3 {
    font-size: 12px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .text-block .about h3 {
    font-size: 12px
  }
}
section.voice .text-block .about p {
  margin-top: 3.46667vw;
  font-size: calc((26 / 2.34375) * 1px + (26 - (26 / 2.34375))*(100vw - 320px)/(750 - 320));
  line-height: 1.77;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about p {
    margin-top: 14px
  }
}
@media only screen and (min-width:750px) {
  section.voice .text-block .about p {
    font-size: 12px
  }
}
@media only screen and (min-width:992px) {
  section.voice .text-block .about p {
    font-size: 12px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .text-block .about p {
    font-size: 12px
  }
}
section.voice .btn-area {
  margin-top: 8vw;
  margin-left: auto;
  margin-right: auto;
  width: 86.66667vw
}
@media only screen and (min-width:750px) {
  section.voice .btn-area {
    margin-top: 44px
  }
}
@media only screen and (min-width:750px) {
  section.voice .btn-area {
    width: 520px
  }
}
@media only screen and (min-width:992px) {
  section.voice .btn-area {
    width: 520px
  }
}
@media only screen and (min-width:1200px) {
  section.voice .btn-area {
    width: 520px
  }
}
section.faq {
  padding-bottom: 0vw
}
@media only screen and (min-width:750px) {
  section.faq {
    padding-bottom: 70px
  }
}
section.faq header.faq-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 29.33333vw;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.faq header.faq-header {
    height: 140px
  }
}
@media only screen and (min-width:992px) {
  section.faq header.faq-header {
    height: 140px
  }
}
@media only screen and (min-width:1200px) {
  section.faq header.faq-header {
    height: 140px
  }
}
section.faq header.faq-header h2 {
  position: relative;
  font-size: calc((40 / 2.34375) * 1px + (40 - (40 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #fffefe
}
@media only screen and (min-width:750px) {
  section.faq header.faq-header h2 {
    font-size: 24px
  }
}
@media only screen and (min-width:992px) {
  section.faq header.faq-header h2 {
    font-size: 24px
  }
}
@media only screen and (min-width:1200px) {
  section.faq header.faq-header h2 {
    font-size: 24px
  }
}
section.faq header.faq-header h2:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.6vw;
  height: 14.93333vw;
  background-image: url(/lp07/assets/img/icon/faq.svg);
  background-size: contain
}
@media only screen and (min-width:750px) {
  section.faq header.faq-header h2:after {
    width: 124px
  }
}
@media only screen and (min-width:992px) {
  section.faq header.faq-header h2:after {
    width: 124px
  }
}
@media only screen and (min-width:1200px) {
  section.faq header.faq-header h2:after {
    width: 124px
  }
}
@media only screen and (min-width:750px) {
  section.faq header.faq-header h2:after {
    height: 86px
  }
}
@media only screen and (min-width:992px) {
  section.faq header.faq-header h2:after {
    height: 86px
  }
}
@media only screen and (min-width:1200px) {
  section.faq header.faq-header h2:after {
    height: 86px
  }
}
section.faq .main {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}
@media only screen and (min-width:750px) {
  section.faq .main {
    width: 1100px
  }
}
@media only screen and (min-width:992px) {
  section.faq .main {
    width: 1100px
  }
}
@media only screen and (min-width:1200px) {
  section.faq .main {
    width: 1100px
  }
}
section.faq ul.accordion-list {
  margin-top: 0vw;
  border-top: solid 1px #dddddd
}
@media only screen and (min-width:750px) {
  section.faq ul.accordion-list {
    margin-top: 68px
  }
}
section.faq ul.accordion-list li {
  border-bottom: solid 1px #dddddd;
  counter-increment: q
}
section.faq ul.accordion-list li input[type=checkbox] {
  display: none
}
section.faq ul.accordion-list li input[type=checkbox]:checked + label:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}
section.faq ul.accordion-list li input[type=checkbox]:checked + label + .answer {
  max-height: 61.33333vw;
  opacity: 1
}
@media only screen and (min-width:750px) {
  section.faq ul.accordion-list li input[type=checkbox]:checked + label + .answer {
    max-height: 200px
  }
}
section.faq label {
  display: block;
  position: relative;
  cursor: pointer
}
section.faq label:after, section.faq label:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4vw;
  margin-top: auto;
  margin-bottom: auto;
  width: 3.46667vw;
  height: 0.26667vw;
  background-color: #444444;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
@media only screen and (min-width:750px) {
  section.faq label:after, section.faq label:before {
    right: 40px
  }
}
@media only screen and (min-width:750px) {
  section.faq label:after, section.faq label:before {
    width: 18px
  }
}
@media only screen and (min-width:992px) {
  section.faq label:after, section.faq label:before {
    width: 18px
  }
}
@media only screen and (min-width:1200px) {
  section.faq label:after, section.faq label:before {
    width: 18px
  }
}
@media only screen and (min-width:750px) {
  section.faq label:after, section.faq label:before {
    height: 2px
  }
}
@media only screen and (min-width:992px) {
  section.faq label:after, section.faq label:before {
    height: 2px
  }
}
@media only screen and (min-width:1200px) {
  section.faq label:after, section.faq label:before {
    height: 2px
  }
}
section.faq label:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
section.faq span.q {
  display: block;
  position: relative;
  padding-top: 5.33333vw;
  padding-bottom: 5.33333vw;
  padding-left: 10.66667vw;
  padding-right: 12.26667vw;
  font-size: calc((28 / 2.34375) * 1px + (28 - (28 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.faq span.q {
    padding-top: 26px
  }
}
@media only screen and (min-width:750px) {
  section.faq span.q {
    padding-bottom: 26px
  }
}
@media only screen and (min-width:750px) {
  section.faq span.q {
    padding-left: 88px
  }
}
@media only screen and (min-width:750px) {
  section.faq span.q {
    padding-right: 88px
  }
}
@media only screen and (min-width:750px) {
  section.faq span.q {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.faq span.q {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.faq span.q {
    font-size: 16px
  }
}
section.faq span.q:before {
  content: "Q"counter(q) ".";
  display: block;
  position: absolute;
  top: 6.4vw;
  left: 2.93333vw;
  font-family: Roboto;
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.faq span.q:before {
    top: 28px;
    left: 42px
  }
}
@media only screen and (min-width:750px) {
  section.faq span.q:before {
    font-size: 20px
  }
}
@media only screen and (min-width:992px) {
  section.faq span.q:before {
    font-size: 20px
  }
}
@media only screen and (min-width:1200px) {
  section.faq span.q:before {
    font-size: 20px
  }
}
section.faq .answer {
  overflow: hidden;
  max-height: 0;
  background-color: #f3f3f3;
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
section.faq .answer p {
  position: relative;
  padding-top: 5.33333vw;
  padding-bottom: 5.33333vw;
  padding-left: 10.66667vw;
  padding-right: 7.46667vw;
  font-size: calc((28 / 2.34375) * 1px + (28 - (28 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  line-height: 1.79;
  letter-spacing: 0.05em;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.faq .answer p {
    padding-top: 26px
  }
}
@media only screen and (min-width:750px) {
  section.faq .answer p {
    padding-bottom: 26px
  }
}
@media only screen and (min-width:750px) {
  section.faq .answer p {
    padding-left: 88px
  }
}
@media only screen and (min-width:750px) {
  section.faq .answer p {
    padding-right: 76px
  }
}
@media only screen and (min-width:750px) {
  section.faq .answer p {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.faq .answer p {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.faq .answer p {
    font-size: 16px
  }
}
section.faq .answer p:before {
  content: 'A.';
  display: block;
  position: absolute;
  top: 6.66667vw;
  left: 3.46667vw;
  font-family: Roboto;
  font-size: calc((30 / 2.34375) * 1px + (30 - (30 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  color: #f86a24
}
@media only screen and (min-width:750px) {
  section.faq .answer p:before {
    top: 30px;
    left: 48px
  }
}
@media only screen and (min-width:750px) {
  section.faq .answer p:before {
    font-size: 20px
  }
}
@media only screen and (min-width:992px) {
  section.faq .answer p:before {
    font-size: 20px
  }
}
@media only screen and (min-width:1200px) {
  section.faq .answer p:before {
    font-size: 20px
  }
}
section.step {
  padding-bottom: 10.66667vw
}
@media only screen and (min-width:750px) {
  section.step {
    padding-bottom: 50px
  }
}
section.step .feel-free-try {
  padding-top: 13.33333vw;
  padding-bottom: 14vw;
  background-color: #3a4d96
}
@media only screen and (min-width:750px) {
  section.step .feel-free-try {
    padding-top: 40px
  }
}
@media only screen and (min-width:750px) {
  section.step .feel-free-try {
    padding-bottom: 40px
  }
}
section.step ul.feel-free-step {
  margin-top: 5.33333vw;
  margin-left: auto;
  margin-right: auto;
  width: 80vw
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step {
    margin-top: 36px
  }
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step {
    width: 1100px
  }
}
@media only screen and (min-width:992px) {
  section.step ul.feel-free-step {
    width: 1100px
  }
}
@media only screen and (min-width:1200px) {
  section.step ul.feel-free-step {
    width: 1100px
  }
}
section.step ul.feel-free-step li + li {
  position: relative;
  margin-top: 15.46667vw
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step li + li {
    margin-top: 0px
  }
}
section.step ul.feel-free-step li + li:before {
  content: '';
  display: block;
  position: absolute;
  top: -13.33333vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 5.86667vw;
  height: 5.86667vw;
  border-top: 1.33333vw solid #f3f3f3;
  border-right: 1.33333vw solid #f3f3f3;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step li + li:before {
    top: 0;
    bottom: 0;
    left: -40px
  }
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step li + li:before {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0
  }
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step li + li:before {
    width: 18px
  }
}
@media only screen and (min-width:992px) {
  section.step ul.feel-free-step li + li:before {
    width: 18px
  }
}
@media only screen and (min-width:1200px) {
  section.step ul.feel-free-step li + li:before {
    width: 18px
  }
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step li + li:before {
    height: 16px
  }
}
@media only screen and (min-width:992px) {
  section.step ul.feel-free-step li + li:before {
    height: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.step ul.feel-free-step li + li:before {
    height: 16px
  }
}
@media only screen and (min-width:750px) {
  section.step ul.feel-free-step li + li:before {
    border-top: 4px solid #f3f3f3;
    border-right: 4px solid #f3f3f3;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}
section.step p.please-considering {
  margin-top: 10.66667vw;
  margin-left: auto;
  margin-right: auto;
  width: 88vw;
  font-size: calc((32 / 2.34375) * 1px + (32 - (32 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.05em;
  color: #444444
}
@media only screen and (min-width:750px) {
  section.step p.please-considering {
    margin-top: 34px
  }
}
@media only screen and (min-width:750px) {
  section.step p.please-considering {
    width: 750px
  }
}
@media only screen and (min-width:992px) {
  section.step p.please-considering {
    width: 750px
  }
}
@media only screen and (min-width:1200px) {
  section.step p.please-considering {
    width: 750px
  }
}
@media only screen and (min-width:750px) {
  section.step p.please-considering {
    font-size: 16px
  }
}
@media only screen and (min-width:992px) {
  section.step p.please-considering {
    font-size: 16px
  }
}
@media only screen and (min-width:1200px) {
  section.step p.please-considering {
    font-size: 16px
  }
}
@media only screen and (min-width:750px) {
  section.step p.please-considering {
    text-align: center
  }
}
footer.footer {
  padding-top: 7.46667vw;
  padding-bottom: 9.33333vw
}
@media only screen and (min-width:750px) {
  footer.footer {
    padding-top: 46px
  }
}
@media only screen and (min-width:750px) {
  footer.footer {
    padding-bottom: 50px
  }
}
footer.footer figure.logo {
  margin-left: auto;
  margin-right: auto;
  width: 20.8vw
}
@media only screen and (min-width:750px) {
  footer.footer figure.logo {
    width: 113px
  }
}
@media only screen and (min-width:992px) {
  footer.footer figure.logo {
    width: 113px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer figure.logo {
    width: 113px
  }
}
footer.footer .tel-area {
  margin-top: 3.2vw;
  margin-left: auto;
  margin-right: auto;
  width: 76.8vw
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area {
    margin-top: 26px
  }
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area {
    width: 500px
  }
}
@media only screen and (min-width:992px) {
  footer.footer .tel-area {
    width: 500px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer .tel-area {
    width: 500px
  }
}
footer.footer .tel-area .above {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
footer.footer .tel-area .below {
  margin-top: 2.13333vw
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area .below {
    margin-top: 8px
  }
}
footer.footer .tel-area p.free {
  padding-top: 0.93333vw;
  padding-bottom: 0.93333vw;
  padding-left: 0.93333vw;
  padding-right: 0.93333vw;
  font-size: calc((18.5 / 2.34375) * 1px + (18.5 - (18.5 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #ffffff;
  background-color: #f86a24
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.free {
    padding-top: 4px
  }
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.free {
    padding-bottom: 4px
  }
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.free {
    padding-left: 5px
  }
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.free {
    padding-right: 5px
  }
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.free {
    font-size: 12px
  }
}
@media only screen and (min-width:992px) {
  footer.footer .tel-area p.free {
    font-size: 12px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer .tel-area p.free {
    font-size: 12px
  }
}
footer.footer .tel-area p.tel {
  margin-left: 1.33333vw;
  font-size: calc((38 / 2.34375) * 1px + (38 - (38 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: bold;
  color: #f86a24;
  line-height: 0.8;
  letter-spacing: 0.05em
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.tel {
    margin-left: 10px
  }
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.tel {
    font-size: 22px
  }
}
@media only screen and (min-width:992px) {
  footer.footer .tel-area p.tel {
    font-size: 22px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer .tel-area p.tel {
    font-size: 22px
  }
}
footer.footer .tel-area p.working-time {
  font-size: calc((20 / 2.34375) * 1px + (20 - (20 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #222222
}
@media only screen and (min-width:750px) {
  footer.footer .tel-area p.working-time {
    font-size: 12px
  }
}
@media only screen and (min-width:992px) {
  footer.footer .tel-area p.working-time {
    font-size: 12px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer .tel-area p.working-time {
    font-size: 12px
  }
}
footer.footer p.company {
  margin-top: 8vw;
  font-size: calc((24 / 2.34375) * 1px + (24 - (24 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: 0.05em;
  text-align: center;
  color: #444444
}
@media only screen and (min-width:750px) {
  footer.footer p.company {
    margin-top: 30px
  }
}
@media only screen and (min-width:750px) {
  footer.footer p.company {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  footer.footer p.company {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer p.company {
    font-size: 14px
  }
}
footer.footer p.copy {
  margin-top: 8.53333vw;
  font-size: calc((24 / 2.34375) * 1px + (24 - (24 / 2.34375))*(100vw - 320px)/(750 - 320));
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
  color: #444444
}
@media only screen and (min-width:750px) {
  footer.footer p.copy {
    margin-top: 30px
  }
}
@media only screen and (min-width:750px) {
  footer.footer p.copy {
    font-size: 14px
  }
}
@media only screen and (min-width:992px) {
  footer.footer p.copy {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) {
  footer.footer p.copy {
    font-size: 14px
  }
}
.pdb-5 {
  padding-bottom: 5px !important
}
.pdb-10 {
  padding-bottom: 10px !important
}
.pdb-15 {
  padding-bottom: 15px !important
}
.pdb-20 {
  padding-bottom: 20px !important
}
.pdb-25 {
  padding-bottom: 25px !important
}
.mgb-5 {
  margin-bottom: 5px !important
}
.mgb-10 {
  margin-bottom: 10px !important
}
.mgb-15 {
  margin-bottom: 15px !important
}
.mgb-20 {
  margin-bottom: 20px !important
}
.mgb-25 {
  margin-bottom: 25px !important
}
.mgb-30 {
  margin-bottom: 30px !important
}
.mgb-40 {
  margin-bottom: 40px !important
}
.mgb-50 {
  margin-bottom: 50px !important
}
.mgb-60 {
  margin-bottom: 60px !important
}
.mgb-70 {
  margin-bottom: 70px !important
}
.mgb-80 {
  margin-bottom: 80px !important
}
/*# sourceMappingURL=style.css.map */