* {
  -webkit-tap-highlight-color: transparent;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form, figure {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

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

table {
  border-collapse: collapse;
  empty-cells: show;
}

th, td {
  text-align: left;
  vertical-align: top;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

input, textarea, select {
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

select::-ms-expand {
  display: none;
}

[disabled] {
  cursor: not-allowed;
}

input[type=submit]:not([disabled]), input[type=reset]:not([disabled]),
button[type=submit]:not([disabled]),
button[type=reset]:not([disabled]) {
  cursor: pointer;
}

html,
:root {
  font-size: 7.14286vw;
}

@media screen and (max-width: 750px) {
  html,
  :root {
    font-size: 13.33333vw;
  }
}

body {
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.55556;
}

@media screen and (max-width: 750px) {
  body {
    font-size: 0.24rem;
  }
}

#wrap {
  overflow: hidden;
}

.wrap {
  max-width: 10rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .wrap {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }
}

img,
video {
  max-width: 100%;
}

img[src$="_sp.jpg"], img[src$="_sp.png"], img[src$="_sp.svg"] {
  display: none;
}

@media screen and (max-width: 750px) {
  img[src$="_sp.jpg"], img[src$="_sp.png"], img[src$="_sp.svg"] {
    display: inline-block;
  }
  img[src$="_sp.jpg"] + img, img[src$="_sp.png"] + img, img[src$="_sp.svg"] + img {
    display: none;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  br.sp {
    display: inline;
  }
}

html:not(.mobile) a[href^="tel:"] {
  pointer-events: none;
}

html:not(.mobile) .hov {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@supports ((-webkit-filter: brightness(100%)) or (filter: brightness(100%))) {
  html:not(.mobile) .hov {
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
  }
}

html:not(.mobile) .hov:hover {
  opacity: .8;
}

@supports ((-webkit-filter: brightness(100%)) or (filter: brightness(100%))) {
  html:not(.mobile) .hov:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    opacity: 1;
  }
}

.gHeader {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: .5rem .6rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
}

@media screen and (max-width: 750px) {
  .gHeader {
    height: 1.3rem;
    padding: 0 .4rem;
    position: static;
  }
}

.gHeader .branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

@media screen and (max-width: 750px) {
  .gHeader .branding {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.gHeader .branding .siteTitle {
  width: 3.9rem;
  font-size: .33rem;
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .gHeader .branding .siteTitle {
    width: auto;
    padding: .5rem 0 0;
    font-size: .43rem;
  }
}

.gHeader .branding .siteTitle span {
  font-family: oswald, sans-serif;
  font-weight: 400;
}

.gHeader .branding .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 3.34rem;
  padding: .03rem 0 0;
}

@media screen and (max-width: 750px) {
  .gHeader .branding .contact {
    display: block;
    width: auto;
    padding: .33rem 0 0;
  }
}

@media screen and (max-width: 750px) {
  .gHeader .branding .contact .col01 {
    display: none;
  }
}

.gHeader .branding .contact .col01 .line01 {
  font-family: oswald, sans-serif;
  font-size: .17rem;
}

.gHeader .branding .contact .col01 .line02 {
  margin: .08rem 0 0;
  font-size: .14rem;
}

.gHeader .branding .contact .col02 {
  width: .4rem;
}

@media screen and (max-width: 750px) {
  .gHeader .branding .contact .col02 {
    width: .83rem;
  }
}

.main .mainVisual {
  height: 8.85rem;
  position: relative;
  z-index: 1;
  background: url(../imgs/bg-mv.png) 50% 0/100% auto no-repeat;
}

@media screen and (max-width: 750px) {
  .main .mainVisual {
    height: 15.5rem;
    background-image: url(../imgs/bg-mv_sp.jpg);
  }
}

.main .mainVisual .text,
.main .mainVisual .image01 {
  opacity: 0;
  -webkit-transform: translate3d(0, 1rem, 0);
          transform: translate3d(0, 1rem, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text,
  .main .mainVisual .image01 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.main .mainVisual.active .text,
.main .mainVisual.active .image01 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.main .mainVisual .text {
  padding: 1.56rem 0 0 7.29rem;
  position: relative;
  z-index: +1;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text {
    padding: .62rem .4rem 0;
    position: relative;
    z-index: +1;
  }
}

.main .mainVisual .text .line01 {
  font-size: .21rem;
  line-height: 1;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line01 {
    font-size: .45rem;
  }
}

.main .mainVisual .text .line01 strong {
  color: #39adbb;
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line01 strong {
    font-weight: 900;
  }
}

.main .mainVisual .text .line02 {
  margin: .22rem 0 0;
  font-size: .54rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.2963;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line02 {
    margin: .24rem -.4rem 0 0;
    font-size: .86rem;
    line-height: 1.32558;
    white-space: nowrap;
  }
  .main .mainVisual .text .line02 .mark02 {
    margin: 0 -.5em 0 0;
  }
}

.main .mainVisual .text .line02 strong {
  color: #39adbb;
  font-weight: inherit;
}

.main .mainVisual .text .line02 .mark01 {
  margin: 0 0 0 -.5em;
}

.main .mainVisual .text .line02 .en {
  display: inline-block;
  padding: .2rem 0 0;
  font-family: oswald, sans-serif;
  font-size: .17rem;
  font-weight: 700;
  vertical-align: top;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line02 .en {
    display: block;
    margin: .12rem 0 0;
    font-size: .26rem;
    line-height: 1;
  }
}

.main .mainVisual .text .line03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.72rem;
  margin: .1rem 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line03 {
    display: block;
    width: auto;
    margin: .36rem 0 0;
  }
}

.main .mainVisual .text .line03 .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.17rem;
  height: 1.09rem;
  background: #7d7d7d;
  color: #fff;
  line-height: 1.55556;
  letter-spacing: 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line03 .label {
    width: auto;
    height: 1.35rem;
    margin: 0 0 .5rem;
    font-size: .3rem;
    line-height: 1.4;
  }
}

.main .mainVisual .text .line03 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.56rem;
  height: 1.56rem;
  background: #62d2ed;
  border-radius: 50%;
  color: #fff;
  line-height: 1.44444;
  text-align: center;
}

.main .mainVisual .text .line03 .item.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .text .line03 .item {
    width: 2.28rem;
    height: 2.28rem;
    margin: .2rem 0 0;
    font-size: .29rem;
    line-height: 1.41379;
  }
  .main .mainVisual .text .line03 .item.pc {
    display: none;
  }
  .main .mainVisual .text .line03 .item.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main .mainVisual .image {
  display: block;
  width: 9.04rem;
  height: 8.85rem;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .image {
    width: 4.82rem;
    height: auto;
    top: 6.31rem;
    right: .4rem;
    left: auto;
    z-index: +1;
  }
}

.main .mainVisual .image .image01 {
  width: 4.1rem;
  margin: 1.37rem 0 0 2.41rem;
  position: relative;
  z-index: +1;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .image .image01 {
    width: 100%;
    margin: 0;
  }
}

.main .mainVisual .image .image02 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  .main .mainVisual .image .image02 {
    display: none;
  }
}

.main .cv01 {
  margin: .2rem 0 0;
}

@media screen and (max-width: 750px) {
  .main .cv01 {
    display: none;
  }
}

.main .cv01 .btn {
  width: 5.48rem;
  margin: 0;
  background: #fff;
  border-radius: .06rem;
  -webkit-box-shadow: 0 0.07rem 0.08rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.07rem 0.08rem 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 750px) {
  .main .cv01 .btn {
    width: auto;
  }
}

.main .cv01 a {
  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: 1rem;
  background: #ffd34f;
  border-radius: .06rem;
  font-size: .3rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .main .cv01 a {
    height: 1.5rem;
    font-size: .4rem;
  }
}

.main .cost .title,
.main .performance .title,
.main .voice .title,
.main .qa .title {
  line-height: 1.6;
  font-size: .4rem;
  font-weight: 900;
  letter-spacing: 0;
}

.main .cost .title::before, .main .cost .title::after,
.main .performance .title::before,
.main .performance .title::after,
.main .voice .title::before,
.main .voice .title::after,
.main .qa .title::before,
.main .qa .title::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.main .cost .title::before,
.main .performance .title::before,
.main .voice .title::before,
.main .qa .title::before {
  margin-bottom: -0.3em;
}

.main .cost .title::after,
.main .performance .title::after,
.main .voice .title::after,
.main .qa .title::after {
  margin-top: -0.3em;
}

@media screen and (max-width: 750px) {
  .main .cost .title,
  .main .performance .title,
  .main .voice .title,
  .main .qa .title {
    line-height: 1.56667;
    margin-right: -.4rem;
    font-size: 0.588rem;
  }
  .main .cost .title::before, .main .cost .title::after,
  .main .performance .title::before,
  .main .performance .title::after,
  .main .voice .title::before,
  .main .voice .title::after,
  .main .qa .title::before,
  .main .qa .title::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
  }
  .main .cost .title::before,
  .main .performance .title::before,
  .main .voice .title::before,
  .main .qa .title::before {
    margin-bottom: -0.28333em;
  }
  .main .cost .title::after,
  .main .performance .title::after,
  .main .voice .title::after,
  .main .qa .title::after {
    margin-top: -0.28333em;
  }
}

.main .cost .title strong,
.main .performance .title strong,
.main .voice .title strong,
.main .qa .title strong {
  position: relative;
  z-index: 1;
  color: #39adbb;
}

.main .cost .title strong::before,
.main .performance .title strong::before,
.main .voice .title strong::before,
.main .qa .title strong::before {
  content: '';
  display: block;
  width: 100%;
  height: .1rem;
  position: absolute;
  bottom: .1rem;
  left: 0;
  z-index: -1;
  background: #ffd34f;
  border-radius: .05rem;
}

.main .cost .title .en,
.main .performance .title .en,
.main .voice .title .en,
.main .qa .title .en {
  position: absolute;
  font-family: oswald, sans-serif;
  font-size: .31rem;
  font-weight: 500;
}

.main .cost p,
.main .performance p,
.main .voice p,
.main .qa p {
  line-height: 1.55556;
  width: 6.4rem;
  padding: .4rem 0 0;
  letter-spacing: -.1em;
}

.main .cost p::before, .main .cost p::after,
.main .performance p::before,
.main .performance p::after,
.main .voice p::before,
.main .voice p::after,
.main .qa p::before,
.main .qa p::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.main .cost p::before,
.main .performance p::before,
.main .voice p::before,
.main .qa p::before {
  margin-bottom: -0.27778em;
}

.main .cost p::after,
.main .performance p::after,
.main .voice p::after,
.main .qa p::after {
  margin-top: -0.27778em;
}

@media screen and (max-width: 750px) {
  .main .cost p,
  .main .performance p,
  .main .voice p,
  .main .qa p {
    line-height: 1.5;
    width: auto;
    padding: .45rem 0 0;
    font-size: .3rem;
  }
  .main .cost p::before, .main .cost p::after,
  .main .performance p::before,
  .main .performance p::after,
  .main .voice p::before,
  .main .voice p::after,
  .main .qa p::before,
  .main .qa p::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
  }
  .main .cost p::before,
  .main .performance p::before,
  .main .voice p::before,
  .main .qa p::before {
    margin-bottom: -0.25em;
  }
  .main .cost p::after,
  .main .performance p::after,
  .main .voice p::after,
  .main .qa p::after {
    margin-top: -0.25em;
  }
}

.main .cost {
  margin: .7rem 0 0;
  position: relative;
}

@media screen and (max-width: 750px) {
  .main .cost {
    margin: .9rem 0 0;
  }
}

.main .cost .bg {
  width: 100%;
  height: 23.96rem;
  position: absolute;
  top: 1.48rem;
  left: 0;
  background: url(../imgs/bg01.png) 0 0/0.08rem auto repeat;
}

@media screen and (max-width: 750px) {
  .main .cost .bg {
    height: 16.74rem;
    top: 17.37rem;
    background-image: url(../imgs/bg01_sp.png);
  }
}

.main .cost .bg::before, .main .cost .bg::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  right: 0;
}

.main .cost .bg::before {
  border-width: 0 14rem 9.27rem 0;
  border-color: transparent #fff transparent transparent;
  top: 0;
}

@media screen and (max-width: 750px) {
  .main .cost .bg::before {
    border-width: 0 100vw 4.98rem 0;
  }
}

.main .cost .bg::after {
  border-width: 0 0 12.4rem 14rem;
  border-color: transparent transparent #fff transparent;
  bottom: 0;
}

@media screen and (max-width: 750px) {
  .main .cost .bg::after {
    border-width: 0 0 6.66rem 100vw;
  }
}

.main .cost .wrap {
  position: relative;
}

@media screen and (max-width: 750px) {
  .main .cost .title::after {
    content: none;
  }
}

.main .cost .title .en {
  top: 0;
  right: 0;
  color: #62d2ed;
}

@media screen and (max-width: 750px) {
  .main .cost .title .en {
    display: block;
    padding: .1rem 0 0;
    position: static;
    line-height: 1;
  }
}

.main .cost section {
  position: relative;
}

.main .cost section .title {
  line-height: 1.46667;
  font-size: .3rem;
  font-weight: 700;
  letter-spacing: 0;
}

.main .cost section .title::before, .main .cost section .title::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.main .cost section .title::before {
  margin-bottom: -0.23333em;
}

.main .cost section .title::after {
  margin-top: -0.23333em;
}

@media screen and (max-width: 750px) {
  .main .cost section .title {
    line-height: 1.625;
    padding: .5rem 0 0;
    font-size: .4rem;
  }
  .main .cost section .title::before, .main .cost section .title::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
  }
  .main .cost section .title::before {
    margin-bottom: -0.3125em;
  }
  .main .cost section .title::after {
    margin-top: -0.3125em;
  }
}

.main .cost section .title strong::before {
  height: .07rem;
  bottom: .07rem;
  border-radius: .035rem;
}

.main .cost section .image {
  display: block;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .main .cost section .image {
    position: static;
  }
}

.main .cost section p {
  width: auto;
  padding: .44rem 0 0;
}

.main .cost .section01 {
  padding: 1.4rem 0 0 5.4rem;
}

@media screen and (max-width: 750px) {
  .main .cost .section01 {
    padding: 1rem 0 0;
  }
}

.main .cost .section01 .image {
  width: 6.8rem;
  top: .76rem;
  left: -2rem;
}

@media screen and (max-width: 750px) {
  .main .cost .section01 .image {
    width: auto;
  }
}

.main .cost .section02 {
  padding: 2.5rem 5.4rem 0 0;
}

@media screen and (max-width: 750px) {
  .main .cost .section02 {
    padding: 1rem 0 0;
  }
}

.main .cost .section02 .image {
  width: 6.79rem;
  top: 1.85rem;
  right: -2rem;
}

@media screen and (max-width: 750px) {
  .main .cost .section02 .image {
    width: auto;
  }
}

.main .cv02 .wrap,
.main .cv03 .wrap,
.main .cv04 .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .main .cv02 .wrap,
  .main .cv03 .wrap,
  .main .cv04 .wrap {
    padding: 0 .05rem .05rem;
  }
}

.main .cv02 .contact,
.main .cv02 .btn,
.main .cv02 .line,
.main .cv03 .contact,
.main .cv03 .btn,
.main .cv03 .line,
.main .cv04 .contact,
.main .cv04 .btn,
.main .cv04 .line {
  width: 3.2rem;
  border-radius: .06rem;
  -webkit-box-shadow: 0 0.07rem 0.08rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.07rem 0.08rem 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 750px) {
  .main .cv02 .contact,
  .main .cv02 .btn,
  .main .cv02 .line,
  .main .cv03 .contact,
  .main .cv03 .btn,
  .main .cv03 .line,
  .main .cv04 .contact,
  .main .cv04 .btn,
  .main .cv04 .line {
    width: 3.05rem;
  }
}

@media screen and (max-width: 750px) {
  .main .cv02 .line,
  .main .cv03 .line,
  .main .cv04 .line {
    width: 1.2rem;
  }
}

.main .cv02 .contact,
.main .cv02 .btn a,
.main .cv02 .line a,
.main .cv03 .contact,
.main .cv03 .btn a,
.main .cv03 .line a,
.main .cv04 .contact,
.main .cv04 .btn a,
.main .cv04 .line a {
  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: 1.2rem;
  border-radius: .06rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .main .cv02 .contact,
  .main .cv02 .btn a,
  .main .cv02 .line a,
  .main .cv03 .contact,
  .main .cv03 .btn a,
  .main .cv03 .line a,
  .main .cv04 .contact,
  .main .cv04 .btn a,
  .main .cv04 .line a {
    height: 1.3rem;
  }
}

.main .cv02 .contact,
.main .cv03 .contact,
.main .cv04 .contact {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #39adbb;
  color: #fff;
  line-height: 1;
}

.main .cv02 .contact .line01,
.main .cv03 .contact .line01,
.main .cv04 .contact .line01 {
  font-family: oswald, sans-serif;
  font-size: .28rem;
}

@media screen and (max-width: 750px) {
  .main .cv02 .contact .line01,
  .main .cv03 .contact .line01,
  .main .cv04 .contact .line01 {
    font-size: .38rem;
  }
}

.main .cv02 .contact .line02,
.main .cv03 .contact .line02,
.main .cv04 .contact .line02 {
  margin: .06rem 0 0;
  font-family: oswald, sans-serif;
  font-size: .17rem;
}

@media screen and (max-width: 750px) {
  .main .cv02 .contact .line02,
  .main .cv03 .contact .line02,
  .main .cv04 .contact .line02 {
    margin: .06rem 0 0;
    font-size: .24rem;
  }
}

.main .cv02 .contact .line03,
.main .cv03 .contact .line03,
.main .cv04 .contact .line03 {
  margin: .06rem 0 0;
  font-size: .14rem;
}

@media screen and (max-width: 750px) {
  .main .cv02 .contact .line03,
  .main .cv03 .contact .line03,
  .main .cv04 .contact .line03 {
    margin: .08rem 0 0;
    font-size: .22rem;
  }
}

.main .cv02 .btn,
.main .cv03 .btn,
.main .cv04 .btn {
  background: #fff;
}

.main .cv02 .btn a,
.main .cv03 .btn a,
.main .cv04 .btn a {
  background: #ffd34f;
  font-size: .3rem;
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .main .cv02 .btn a,
  .main .cv03 .btn a,
  .main .cv04 .btn a {
    font-size: .33rem;
    line-height: 1.51515;
  }
}

.main .cv02 .line,
.main .cv03 .line,
.main .cv04 .line {
  background: #fff;
}

.main .cv02 .line a,
.main .cv03 .line a,
.main .cv04 .line a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #31ae36;
  font-size: .3rem;
  font-weight: 700;
  color: #fff;
}

.main .cv02 .line a::before,
.main .cv03 .line a::before,
.main .cv04 .line a::before {
  content: '';
  display: block;
  width: .4rem;
  height: .37rem;
  margin: 0 auto;
  background: url(../imgs/ico-line02.svg) 50% 0/contain no-repeat;
}

@media screen and (max-width: 750px) {
  .main .cv02 .line a::before,
  .main .cv03 .line a::before,
  .main .cv04 .line a::before {
    width: .69rem;
    height: .62rem;
  }
}

@media screen and (max-width: 750px) {
  .main .cv02,
  .main .cv03 {
    display: none;
  }
}

.main .cv02 {
  padding: 1.75rem 0 1.5rem;
  position: relative;
}

.main .cv03 {
  padding: .95rem 0 1.7rem;
  position: relative;
}

.main .cv04 {
  padding: 1.65rem 0 0;
  position: relative;
}

@media screen and (max-width: 750px) {
  .main .cv04 {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
  }
}

.main .performance {
  padding: 0 0 1.75rem;
  position: relative;
}

@media screen and (max-width: 750px) {
  .main .performance {
    padding: 1.6rem 0 0;
  }
}

.main .performance .title {
  position: relative;
}

.main .performance .title .en {
  bottom: -.28rem;
  left: 7.2rem;
  color: #fff;
  white-space: nowrap;
  -webkit-transform: rotate(-41.6deg);
          transform: rotate(-41.6deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

@media screen and (max-width: 750px) {
  .main .performance .title .en {
    bottom: -2.4rem;
    left: 4.6rem;
  }
}

@media screen and (max-width: 750px) {
  .main .performance p {
    position: relative;
  }
}

.main .performance .image {
  display: block;
  padding: .55rem 0 0;
}

@media screen and (max-width: 750px) {
  .main .performance .image {
    padding: .9rem 0 0;
  }
}

.main .performance .image + p {
  width: auto;
  padding: .5rem 1rem 0;
}

@media screen and (max-width: 750px) {
  .main .performance .image + p {
    padding: .5rem 0 0;
  }
}

.main .voice {
  padding: 0 0 1.2rem;
}

@media screen and (max-width: 750px) {
  .main .voice {
    padding: 1.2rem 0 1.6rem;
  }
}

.main .voice .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .75rem .3rem 0;
}

@media screen and (max-width: 750px) {
  .main .voice .inner {
    display: block;
    padding: 0;
  }
}

.main .voice .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.4rem;
  padding: 0 0 .3rem;
  position: relative;
  background: #fff;
}

@media screen and (max-width: 750px) {
  .main .voice .item {
    width: auto;
    margin: .8rem 0 0;
    padding: 0 0 .65rem;
  }
}

.main .voice .item::before {
  content: '';
  display: block;
  width: 4.73rem;
  height: 4.86rem;
  position: absolute;
  top: .36rem;
  left: 50%;
  z-index: -1;
  background: url(../imgs/bg02.jpg) 0 0/contain no-repeat;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media screen and (max-width: 750px) {
  .main .voice .item::before {
    width: 5.93rem;
    height: 6.1rem;
    top: auto;
    bottom: -.42rem;
    background-image: url(../imgs/bg02_sp.jpg);
  }
}

.main .voice .item p {
  width: auto;
  padding: .3rem .6rem 0;
}

@media screen and (max-width: 750px) {
  .main .voice .item p {
    padding: .5rem 0 0;
  }
}

.main .maker {
  padding: 1.05rem 0;
  background: #39adbb;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .main .maker {
    padding: 1.1rem 0 1.2rem;
  }
}

.main .maker .title {
  color: #fff;
  font-size: .3rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}

@media screen and (max-width: 750px) {
  .main .maker .title {
    line-height: 1.4;
    font-size: .5rem;
  }
  .main .maker .title::before, .main .maker .title::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
  }
  .main .maker .title::before {
    margin-bottom: -0.2em;
  }
  .main .maker .title::after {
    margin-top: -0.2em;
  }
}

.main .maker p {
  line-height: 1.7;
  padding: .35rem 0 0;
  color: #fff;
  font-size: .2rem;
  letter-spacing: .01em;
}

.main .maker p::before, .main .maker p::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.main .maker p::before {
  margin-bottom: -0.35em;
}

.main .maker p::after {
  margin-top: -0.35em;
}

@media screen and (max-width: 750px) {
  .main .maker p {
    line-height: 1.5;
    padding: .6rem 0 0;
    font-size: .3rem;
  }
  .main .maker p::before, .main .maker p::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
  }
  .main .maker p::before {
    margin-bottom: -0.25em;
  }
  .main .maker p::after {
    margin-top: -0.25em;
  }
}

.main .maker .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .1rem 0 0;
}

@media screen and (max-width: 750px) {
  .main .maker .list {
    padding: .36rem 0 0;
  }
}

.main .maker .list li {
  width: 3.1rem;
  margin: .45rem 0 0;
  position: relative;
  z-index: 1;
  color: #39adbb;
  font-size: .3rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: .01em;
  /*&::before {
					content: '';
					display: block;
					width: 2.69rem;
					height: 2.16rem;
					position: absolute;
					top: -.01rem;
					left: 50%;
					z-index: -1;
					background: url(../imgs/bg03.png) 0 0 / contain no-repeat;
					transform: translate(-50%, 0);

					@include sp {
						top: .47rem;
					}
				}*/
}

@media screen and (max-width: 750px) {
  .main .maker .list li {
    width: 3.24rem;
    margin: .2rem 0 0;
    font-size: .4rem;
    line-height: 2rem;
  }
}

.main .maker .list li:nth-last-child(-n + 2) {
  width: 4.8rem;
  margin: .8rem 0 0;
}

@media screen and (max-width: 750px) {
  .main .maker .list li:nth-last-child(-n + 2) {
    width: 100%;
    margin: .2rem 0 0;
  }
}

@media screen and (max-width: 750px) {
  .main .maker .list li:nth-last-child(2) {
    margin: .5rem 0 0;
  }
}

.main .maker .list li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: -1;
}

.main .qa {
  position: relative;
}

@media screen and (max-width: 750px) {
  .main .qa {
    padding: 1rem 0 0;
  }
}

.main .qa .bg {
  width: 100%;
  height: 23.42rem;
  position: absolute;
  top: -1.25rem;
  left: 0;
  background: url(../imgs/bg01.png) 0 0/0.08rem auto repeat;
}

@media screen and (max-width: 750px) {
  .main .qa .bg {
    top: 3.58rem;
    height: 22.54rem;
    background-image: url(../imgs/bg01_sp.png);
  }
}

.main .qa .bg::before, .main .qa .bg::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 0;
}

.main .qa .bg::before {
  border-width: 9.27rem 14rem 0 0;
  border-color: #fff transparent transparent transparent;
  top: 0;
}

@media screen and (max-width: 750px) {
  .main .qa .bg::before {
    border-width: 5rem 100vw 0 0;
  }
}

.main .qa .bg::after {
  border-width: 8.25rem 0 0 9.3rem;
  border-color: transparent transparent transparent #fff;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  .main .qa .bg::after {
    border-width: 6.66rem 0 0 100vw;
  }
}

.main .qa .wrap {
  position: relative;
}

.main .qa .list {
  padding: .6rem 0 0;
}

@media screen and (max-width: 750px) {
  .main .qa .list {
    padding: .5rem 0 0;
  }
}

.main .qa .list dt,
.main .qa .list dd {
  position: relative;
  padding-left: .68rem;
  letter-spacing: 0;
}

@media screen and (max-width: 750px) {
  .main .qa .list dt,
  .main .qa .list dd {
    padding-left: .66rem;
    letter-spacing: -.1em;
  }
}

.main .qa .list dt::before,
.main .qa .list dd::before {
  position: absolute;
  left: 0;
  font-family: oswald, sans-serif;
  font-weight: 500;
  font-size: .34rem;
  line-height: 1;
  letter-spacing: 0;
}

@media screen and (max-width: 750px) {
  .main .qa .list dt::before,
  .main .qa .list dd::before {
    font-size: .45rem;
  }
}

.main .qa .list dt {
  padding-top: .5rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: 1.45833;
}

@media screen and (max-width: 750px) {
  .main .qa .list dt {
    padding-top: .48rem;
    font-size: .34rem;
    line-height: 1.41176;
  }
}

.main .qa .list dt::before {
  content: 'Q.';
  top: .45rem;
}

.main .qa .list dd {
  padding-top: .34rem;
  border-bottom: .01rem solid #a0a0a0;
  padding-bottom: .45rem;
  font-size: .22rem;
  line-height: 1.59091;
}

@media screen and (max-width: 750px) {
  .main .qa .list dd {
    padding-top: .36rem;
    padding-bottom: .66rem;
    font-size: .3rem;
    line-height: 1.5;
  }
}

.main .qa .list dd::before {
  content: 'A.';
  top: .29rem;
  color: #d32a2a;
}

.gFooter {
  padding: .9rem 0 .2rem;
  position: relative;
}

@media screen and (max-width: 750px) {
  .gFooter {
    padding: 1.4rem 0 1.85rem;
  }
}

.gFooter .copyright {
  font-family: oswald, sans-serif;
  font-size: .14rem;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .gFooter .copyright {
    font-size: .26rem;
  }
}
/*# sourceMappingURL=common.css.map */