@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,
*::before,
*::after{box-sizing:border-box}
*{margin:0;padding:0;}
img,
picture,
video,
canvas,
svg{display:block;max-width:100%}
input,
button,
textarea,
select{font:inherit}
p,
h1,
h2,
h3,
h4,
h5,
h6{overflow-wrap:break-word}


/* addition */
img,
video {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

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


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: 'Noto Sans JP', sans-serif;
}

html body,
table th,
table td,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6;
  color: #000;
  font-size: 4.6666vw;
}
@media screen and (min-width: 751px) {
  html body,
  table th,
  table td,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 20px;
  }
}


strong, em {
  font-weight: 700;
}

.lp_page__class .fMin {
  font-family: 'Noto Serif JP', serif;
}


/* ---------------------------------------------
link
--------------------------------------------- */
a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
.wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  .wrapper {
    width: 100%;
  }
}

.contentsWrapper {
  width: 90%;
  margin: 0 auto;
}
.contentsWrapper_sp {
  width: 100%;
}
@media screen and (min-width: 751px) {
  .contentsWrapper,
  .contentsWrapper_sp {
    width: 1220px;
  }
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.lp_page__class {
  width: 100%;
  overflow: hidden;
}
.lp_page__class .sec {
  margin: 0 0 4em;
}
.lp_page__class .sec .secTitle {
  margin: 0 0 1em;
  font-size: 125%;
}

.lp_page__class .sec h2 {
  margin: 0 0 2em;
}
.lp_page__class .sec h3 {
  margin: 0 0 1em;
}

.lp_page__class p {
  margin: 0 0 2em;
}

.lp_page__class sup {
  font-size: 55%;
  font-weight: 500;
  vertical-align: super;
}

.lp_page__class .btn a:hover {
  filter: saturate(130%);
}

.lp_page__class .org1 {
  color: #f38300;
}
.lp_page__class .org2 {
  background: linear-gradient(90deg,rgba(215, 108, 37, 1) 30%, rgba(243, 151, 0, 1) 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.lp_page__class .bru1 {
  color: #72cff1;
}

.lp_page__class .taC {
  text-align: center;
}
.lp_page__class .taR {
  text-align: right;
}

.lp_page__class .note small {
  font-size: 2.7vw;
  display: block;
}
@media screen and (min-width: 751px) {
  .lp_page__class .note small {
    font-size: 16px;
  }
}
.lp_page__class .note1 small {
  padding-left: 1em;
  text-indent: -1em;
}
.lp_page__class .note2 small {
  padding-left: 2em;
  text-indent: -2em;
}

.lp_page__class .brPc {
  display: none;
}
@media screen and (min-width: 751px) {
  .lp_page__class .brSp {
    display: none;
  }
  .lp_page__class .brPc {
    display: block;
  }
}

.lp_page__class .txtSt1 {
  padding: 0 .1em;
  color: #fff;
  background-color: #f39700;
}
.lp_page__class .txtSt2 {
  padding: .1em .1em .2em;
  line-height: 1;
  color: #fff;
  background: linear-gradient(90deg,rgba(215, 108, 37, 1) 30%, rgba(243, 151, 0, 1) 100%);
  display: inline-block;
}
.lp_page__class .txtSt3 {
  padding: 0 .1em;
  color: #f38400;
  background-color: #fff;
}

.lp_page__class .sty1 {
  padding-bottom: .2em;
  background: url(../images/line1.svg) repeat-x left 1px bottom;
  background-size: 2vw auto;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  .lp_page__class .sty1 {
    background-size: 12px auto;
  }
}

/* wave */
.lp_page__class .separate {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 1;
}
.lp_page__class .separate2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  border-bottom: 1px solid #edf3f3;
  z-index: 1;
}
.lp_page__class .separate::after,
.lp_page__class .separate2::after {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  z-index: 2;
}
.lp_page__class .separate::after {
  background-color: #fff;
}
.lp_page__class .separate2::after {
  background-color: #edf3f3;
}
.lp_page__class .separate canvas,
.lp_page__class .separate2 canvas {
  width: 100% !important;
}
@media screen and (min-width: 751px) {
  .lp_page__class .separate canvas,
  .lp_page__class .separate2 canvas {
    width: 100% !important;
    height: 100px !important;
  }
}

/* btn */
.lp_page__class .btnArea .btnSt1 a {
  padding: 6.6666vw 0 6vw;
  text-decoration: none;
  color: #000;
  display: block;
  background-color: #fff;
  border: .6666vw solid #000;
  border-radius: 4vw;
  box-shadow: 0 -1.3333vw 0 0 rgba(243,151,0,1) inset;
  transition: all .2s;
  position: relative;
}
@media screen and (min-width: 751px) {
  .lp_page__class .btnArea .btnSt1 a {
    padding: 10px 0 13px;
    border: 3px solid #000;
    border-radius: 18px;
    box-shadow: 0 -5px 0 0 rgba(243,151,0,1) inset;
  }
}
.lp_page__class .btnArea .btnSt1 a:hover {
  box-shadow: 0 0 0 0 rgba(243,151,0,1) inset;
}

.lp_page__class .btnArea .cta_btn1 .img {
  width: 160px;
  margin: 0 auto;
  display: block;
}
.lp_page__class .btnArea .btn_cart .btnInner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp_page__class .btnArea .btn_cart .icon {
  width: 37px;
  margin-right: 1em;
}
.lp_page__class .btnArea .btn_cart a {
  padding: .5161vw 0 .7096vw;
}
@media screen and (min-width: 1551px) {
  .lp_page__class .btnArea .btn_cart a {
    padding: 8px 0 11px;
  }
}
.lp_page__class .btnArea .btn_cart .txt {
  white-space: nowrap;
  font-size: 1.6129vw;
  font-weight: 500;
  background: linear-gradient(90deg,rgba(215, 108, 37, 1) 30%, rgba(243, 151, 0, 1) 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1551px) {
  .lp_page__class .btnArea .btn_cart .txt {
    font-size: 25px;
  }
}
.lp_page__class .btnArea .btn_cart .txt::before {
  content: '';
  width: 2.387vw;
  height: 2.0645vw;
  margin-right: 1.6129vw;
  background: url(../images/icon_cart.svg) no-repeat center;
}
@media screen and (min-width: 1551px) {
  .lp_page__class .btnArea .btn_cart .txt::before {
    width: 37px;
    height: 32px;
    margin-right: 25px;
  }
}

/* cta */
.lp_page__class #mainContents .cta {
  background-color: #fff;
  border: .5333vw solid #000;
  box-shadow: 0 0 1.2vw 0 rgba(157,157,157,1);
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .lp_page__class #mainContents .cta {
    border-width: 4px;
    box-shadow: 0 0 9px 0 rgba(157,157,157,1);
  }
}
.lp_page__class .cta .ctaTtl {
  margin-bottom: 1.5em;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  background-color: #000;
}
.lp_page__class .cta .ctaTtl .ttl {
  margin: 0;
  line-height: 1;
  color: #fff;
  font-size: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaTtl .ttl {
    font-size: 92.5%;
  }
}
.lp_page__class .cta .ctaTtl .ttl .txt1 {
  margin: 0 .5em;
  padding: .5em;
  color: #000;
  background-color: #fff;
  border-radius: 6px;
}
.lp_page__class .cta .ctaTtl .ttl .cal {
  width: 26px;
}
.lp_page__class .cta .ctaTxt1 {
  margin-bottom: 1.5em;
}
.lp_page__class .cta .ctaTxt1 .txt {
  margin-bottom: 1.5em;
  text-align: center;
  font-size: 117%;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaTxt1 .txt {
    margin-bottom: 0;
    font-size: 150%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.lp_page__class .cta .ctaTxt1 .txt .txt1 {
  width: 63.2vw;
  margin: 0 auto 1em;
  display: block;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaTxt1 .txt .txt1 {
    width: 282px;
    margin: 0 1em 0 0;
  }
}
.lp_page__class .cta .ctaTxt2 {
  margin-bottom: 1em;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaTxt2 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.lp_page__class .cta .ctaTxt2 .name {
  width: 88.2666vw;
  margin: 0 auto 1em;
  position: relative;
  left: 4.5vw;
  display: block;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaTxt2 .name {
    width: 460px;
    margin: 0 1em 0 0;
    left: 0;
  }
}
.lp_page__class .cta .ctaTxt2 .price {
  width: 70.9333vw;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaTxt2 .price {
    width: 282px;
    margin: 0;
  }
}
.lp_page__class #mainContents .cta .ctaBtnArea {
  padding: 1.4em 4vw;
  background-color: #f5f3ee;
}
@media screen and (min-width: 751px) {
  .lp_page__class #mainContents .cta .ctaBtnArea {
    padding: 1.4em 0;
  }
}
.lp_page__class .cta .ctaBtnArea {
  display: flex;
  justify-content: center;
}
.lp_page__class .cta .ctaBtnArea .btn {
  position: relative;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .ctaBtnArea .btn {
    width: 240px;
  }
}
.lp_page__class .cta1 .ctaBtnArea {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.2vw;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta1 .ctaBtnArea {
    justify-content: center;
    gap: 24px;
  }
}
.lp_page__class .cta1 .ctaBtnArea .btn {
  width: 39vw;
  margin-bottom: 4vw;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta1 .ctaBtnArea .btn {
    width: 240px;
    margin-bottom: 0;
  }
}
.lp_page__class .cta1 .ctaBtnArea .btn3 {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta1 .ctaBtnArea .btn3 {
    width: 330px;
  }
}
.lp_page__class .cta1 .ctaBtnArea .btn .img {
  width: 29.334vw;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta1 .ctaBtnArea .btn .img {
    width: 140px;
  }
}
.lp_page__class .cta1 .ctaBtnArea .btn3 .img {
  width: 61.334vw;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta1 .ctaBtnArea .btn3 .img {
    width: 260px;
  }
}
.lp_page__class .cta1 .ctaBtnArea .btnCmt {
  padding: .1em 1em .3em;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  font-size: 3.8666vw;
  font-weight: 600;
  background-color: #f39700;
  border-radius: 2em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta1 .ctaBtnArea .btnCmt {
    font-size: 16px;
    font-weight: 500;
    gap: 5.6vw;
  }
}
.lp_page__class .cta2 .ctaBtnArea {
  display: block;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta2 .ctaBtnArea {
    display: flex;
    gap: 53px;
  }
}
.lp_page__class .cta2 .ctaBtnArea .btn {
  margin-bottom: 1em;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta2 .ctaBtnArea .btn {
    width: 345px;
    margin-bottom: 0;
  }
}
.lp_page__class .cta2 .ctaBtnArea .btn1 .img {
  margin: 0 auto;
  display: block;
}
.lp_page__class .cta2 .ctaBtnArea .btn1 .img {
  width: 76.54%;
}
.lp_page__class .cta2 .ctaBtnArea .btn2 .img {
  width: 36.606%;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta2 .ctaBtnArea .btn2 .img {
    width: 41.3%;
  }
}
.lp_page__class .cta .btnArea .btnSt1 a {
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.lp_page__class .cta2 .btnArea .btnSt1 a {
  padding: 4.6666vw 0;
}
@media screen and (min-width: 751px) {
  .lp_page__class .cta .btnArea .btnSt1 a,
  .lp_page__class .cta2 .btnArea .btnSt1 a {
    padding: 0;
  }
}

/* sec icon */
.lp_page__class .secIconSt1 {
  padding: 0 0 95px;
  position: relative;
}
.lp_page__class .secIconSt1::before {
  content: '';
  width: 14.7999vw;
  height: 14.7999vw;
  background: url(../images/sec_icon1.svg) no-repeat center #fff;
  background-size: 6.8vw auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -35%);
}
@media screen and (min-width: 751px) {
  .lp_page__class .secIconSt1::before {
    width: 111px;
    height: 111px;
    background-size: 51px auto;
  }
}

/* toggle */
.lp_page__class .toggleArea .toggleCont {
  display: none;
}


/* ---------------------------------------------
#pageHeader
--------------------------------------------- */
#pageHeader {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
}
#pageHeader.active_spNav {
  position: fixed;
}
@media screen and (min-width: 1001px) {
  #pageHeader {
    position: relative;
  }
}
#pageHeader .pageHeader_top {
  margin: 0;
  padding: 2.6666vw 3.996vw;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.2258vw;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1001px) {
  #pageHeader .pageHeader_top {
    padding: 20px 0;
    justify-content: center;
    gap: 2vw;
  }
}
@media screen and (min-width: 1551px) {
  #pageHeader .pageHeader_top {
    padding: 20px;
    gap: 60px;
  }
}
#pageHeader .logo {
  width: 26.6666vw;
}
@media screen and (min-width: 1001px) {
  #pageHeader .logo {
    width: 15.1vw;
  }
}
@media screen and (min-width: 1551px) {
  #pageHeader .logo {
    width: 151px;
  }
}
#pageHeader .gNav .navList li a {
  text-decoration: none;
  color: #000;
}
#pageHeader .pageHeader_top .gNav {
  display: none !important;
}
@media screen and (min-width: 1001px) {
  #pageHeader .pageHeader_top .gNav {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 2vw;
  }
}
@media screen and (min-width: 1551px) {
  #pageHeader .pageHeader_top .gNav {
    gap: 40px;
  }
}
#pageHeader .pageHeader_top .gNav .navList {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2vw;
}
@media screen and (min-width: 1551px) {
  #pageHeader .pageHeader_top .gNav .navList {
    gap: 40px;
  }
}
#pageHeader .pageHeader_top .gNav .navList li {
  white-space: nowrap;
}
@media screen and (min-width: 1001px) {
  #pageHeader .pageHeader_top .gNav .navList li {
    font-size: 1.3vw;
  }
}
@media screen and (min-width: 1551px) {
  #pageHeader .pageHeader_top .gNav .navList li {
    font-size: 20px;
  }
}
#pageHeader .pageHeader_top .gNav .navList li a {
  padding-bottom: .2em;
  background-image: linear-gradient(#000, #000);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 2px;
  transition: background-size 0.3s;
}
#pageHeader .pageHeader_top .gNav .navList li a:hover {
  background-position: bottom left;
  background-size: 100% 2px;
}
#pageHeader .pageHeader_top .gNav .btnArea {
  width: 15vw;
}
@media screen and (min-width: 1551px) {
  #pageHeader .pageHeader_top .gNav .btnArea {
    width: 224px;
  }
}
#pageHeader .pageHeader_top .gNav .btnArea .btnSt1 a {
  border-width: 2px;
}
#pageHeader .pageHeader_top .nav_toggleBtn {
  width: 6.6666vw;
  height: 4.5vw;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #pageHeader .pageHeader_top .nav_toggleBtn {
    width: 50px;
    height: 40px;
  }
}
@media screen and (min-width: 1001px) {
  #pageHeader .pageHeader_top .nav_toggleBtn {
    display: none;
  }
}
#pageHeader .pageHeader_top .nav_toggleBtn span {
  width: 100%;
  height: .5vw;
  background-color: #000;
  position: absolute;
  left: 50%;
  z-index: 2;
  transform-origin: center;
  transform: translateX(-50%);
  transition: all .5s;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #pageHeader .pageHeader_top .nav_toggleBtn span {
    height: 4px;
  }
}
#pageHeader .pageHeader_top .nav_toggleBtn span:nth-of-type(1) {
  top: 0;
  box-shadow: 0 0 0 2px #fff;
  z-index: 2;
}
#pageHeader .pageHeader_top .nav_toggleBtn span:nth-of-type(2) {
  top: calc(50% - .25vw);
}
#pageHeader .pageHeader_top .nav_toggleBtn span:nth-of-type(3) {
  bottom: 0;
  z-index: 1;
}
#pageHeader.active_spNav .pageHeader_top .nav_toggleBtn span:nth-of-type(1),
#pageHeader.active_spNav .pageHeader_top .nav_toggleBtn span:nth-of-type(3) {
  top: 50%;
  width: 90%;
}
#pageHeader.active_spNav .pageHeader_top .nav_toggleBtn span:nth-of-type(1) {
  transform: translateX(-50%) rotate(45deg);
}
#pageHeader.active_spNav .pageHeader_top .nav_toggleBtn span:nth-of-type(2) {
  left: 60%;
  opacity: 0;
}
#pageHeader.active_spNav .pageHeader_top .nav_toggleBtn span:nth-of-type(3) {
  transform: translateX(-50%) rotate(-45deg);
}
#pageHeader .pageHeader_top .nav_toggleBtn::after {
  content: '';
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  border: .35vw solid transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: all .75s;
}
@media screen and (min-width: 751px) {
  #pageHeader .pageHeader_top .nav_toggleBtn::after {
    width: 80px;
    height: 80px;
    border: 3px solid transparent;
  }
}
#pageHeader.active_spNav .pageHeader_top .nav_toggleBtn::after {
  animation: active-btn19 .7s .25s forwards;
}
@keyframes active-btn19 {
  0% {
    border-color: transparent;
    transform: translate(-50%, -50%) rotate(0);
  }
  25% {
    border-color: transparent #000 transparent transparent;
  }
  50% {
    border-color: transparent #000 #000 transparent;
  }
  75% {
    border-color: transparent #000 #000 #000;
  }
  100% {
    border-color: #000;
    transform: translate(-50%, -50%) rotate(-680deg);
  }
}
#pageHeader.active_spNav {
  height: 100dvh;
}
#pageHeader .pageHeader_sp {
  width: 100%;
  height: 100%;
  padding: 30vw 9.3333vw 0;
  background-color: #f5f3ee;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: translateY(-1em);
  transition: transform .3s;
}
#pageHeader.active_spNav .pageHeader_sp {
  transform: translateY(0);
}
@media screen and (min-width: 1001px) {
  #pageHeader .pageHeader_sp {
    display: none !important;
  }
}
#pageHeader .pageHeader_sp .gNav {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#pageHeader .pageHeader_sp .gNav .navList li {
  margin-bottom: 1em;
  font-size: 4.6666vw;
}
@media screen and (min-width: 751px) {
  #pageHeader .pageHeader_sp .gNav .navList li {
    font-size: 35px;
  }
}
#pageHeader .pageHeader_sp .gNav .btnArea {
  padding: 0 0 1.5em;
}
#pageHeader .pageHeader_sp .gNav .btnArea .ttlArea {
  margin-bottom: .5em;
  font-size: 5.4666vw;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
}
#pageHeader .pageHeader_sp .gNav .btnArea .ttlArea::before {
  content: '';
  width: 8.6666vw;
  height: 7.4666vw;
  background: url(../images/icon_cart.svg) no-repeat center;
  display: block;
}


/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#mainContents {
  width: 100%;
  padding-top: 14vw;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 1001px) {
  #mainContents {
    padding-top: 0;
  }
}

/* contentHeader */
#mainContents .contentHeader {
  position: relative;
}
#mainContents .contentHeader #hero {
  width: 100%;
  height: 97.3333vw;
  background: url(../images/pageHeader_bg1_sp.jpg) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  #mainContents .contentHeader #hero {
    height: 540px;
    background-image: url(../images/pageHeader_bg1.jpg), url(../images/pageHeader_bg2.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center;
    background-size: auto, cover;
    position: relative;
    z-index: 1;
  }
}
#mainContents .contentHeader #hero .pageTitle {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 24%;
  left: 0;
  z-index: 3;
}
@media screen and (min-width: 751px) {
  #mainContents .contentHeader #hero .pageTitle {
    width: 1220px;
    top: 35.5%;
    left: 50%;
    transform: translateX(-50%);
  }
}


/* contents */
#mainContents #sec1 {
  margin-bottom: 0;
  padding: 57vw 0 15vw;
  background: url(../images/sec1_bg1_sp.jpg) no-repeat center top 30vw;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec1 {
    margin-bottom: 0;
    padding: 180px 0 75px;
    background: url(../images/sec1_bg1.jpg) no-repeat center bottom;
    position: relative;
  }
}
#mainContents #sec1::before {
  content: '';
  width: 100%;
  height: 57.5%;
  background-color: #edf3f3;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  #mainContents #sec1::before {
    height: 43%;
  }
}
#mainContents #sec1 .secTitle {
  margin-bottom: .5em;
  line-height: 1.3;
  font-size: 5.7333vw;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec1 .secTitle {
    text-align: center;
    font-size: 30px;
  }
}
#mainContents #sec1 .secTitle .fs1 {
  font-size: 166%;
}
#mainContents #sec1 .secTitle .fs2 {
  font-size: 80%;
}
#mainContents #sec1 .txtArea1 {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec1 .txtArea1 {
    margin-bottom: 1em;
    text-align: center;
  }
}
#mainContents #sec1 .txtArea1 p:last-child {
  margin-bottom: 0;
}


#mainContents #sec2 {
  margin-bottom: 0;
  padding: 16vw 0 23vw;
  background: url(../images/sec2_bg1_sp.jpg) no-repeat center;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 {
    padding: 90px 0 160px;
    background: url(../images/sec2_bg1.jpg) no-repeat center;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 91%, 50% 100%, 0 91%);
  }
}
#mainContents #sec2 .block1 {
  background-color: #fff;
  position: relative;
}
#mainContents #sec2 .block1::before {
  content: '';
  width: 360vw;
  height: 70vw;
  background-image: url(../images/sec2_bg2.png), url(../images/sec2_bg2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
  background-size: 157.3333vw auto;
  position: absolute;
  top: -11vw;
  left: 50%;
  transform: translateX(-48.5%);
  z-index: 3;
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .block1::before {
    width: 3169px;
    height: 591px;
    background-size: 1180px auto;
    top: 0;
    transform: translateX(-50%);
  }
}
#mainContents #sec2 .block1::after {
  content: '';
  height: 39%;
  background-color: #f4efe2;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .block1::after {
    height: 38%;
  }
}
#mainContents #sec2 .inner {
  padding: 10.6667vw 0 9.3333vw;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .inner {
    padding: 65px 0 50px;
  }
}
#mainContents #sec2 .icon {
  width: 15.8667vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .icon {
    width: 86px;
    transform: translate(-50%, -35%);
  }
}
#mainContents #sec2 .secTitle {
  margin-bottom: 1em;
  text-align: center;
  font-size: 5.8667vw;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .secTitle {
    margin-bottom: .5em;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#mainContents #sec2 .secTitle .txt1 {
  margin: 0;
  padding: .1em 1em .2em;
  line-height: 1;
  color: #fff;
  background-color: #4f4f4f;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .secTitle .txt1 {
    margin: .2em 1em 0 0;
  }
}
#mainContents #sec2 .secTitle .txt2 {
  padding-top: .5em;
  font-size: 127%;
  font-weight: 600;
  line-height: 1.1;
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .secTitle .txt2 {
    font-size: 130%;
    font-weight: 500;
  }
}
#mainContents #sec2 .secTitle .txt2 .fs1 {
  font-size: 155%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .secTitle .txt2 .fs1 {
    font-size: 148%;
  }
}
#mainContents #sec2 .waves {
  width: 90.371%;
  margin: 0 auto .5em;
  padding: 1.3333vw;
  background-color: #fff;
  border-radius: 2.6667vw;
  display: flex;
  justify-content: center;
  justify-self: center;
  justify-items: center;
  gap: 1.4667vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .waves {
    width: 970px;
    padding: 10px;
    border-radius: 20px;
    gap: 23px;
  }
}
#mainContents #sec2 .wave {
  width: 39vw;
  padding: .5em 0;
  text-align: center;
  color: #fff;
  border-radius: 1.3333vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .wave {
    width: 465px;
    text-align: left;
    border-radius: 10px;
    display: flex;
    justify-self: center;
    align-items: center;
  }
}
#mainContents #sec2 .wave1 {
  background: linear-gradient(270deg,#87A4EC 30%, #C3D1F2 100%);
}
#mainContents #sec2 .wave2 {
  background: linear-gradient(270deg,#d76c25 30%, #f39700 100%);
}
#mainContents #sec2 .wave .ttlArea {
  margin: 0;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .wave .ttlArea {
    margin: 0 1.5em;
  }
}
#mainContents #sec2 .wave .ttlArea .ttl {
  margin-bottom: .1em;
  font-size: 5.8667vw;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .wave .ttlArea .ttl {
    margin-bottom: 0;
    font-size: 32px;
  }
}
#mainContents #sec2 .wave1 .ttlArea .ttl {
  color: #3047f1;
}
#mainContents #sec2 .wave2 .ttlArea .ttl {
  color: #fcff00;
}
#mainContents #sec2 .wave .txtArea {
  padding-top: .3em;
  white-space: nowrap;
  line-height: 1.4;
  font-size: 4.2667vw;
  font-weight: 500;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .wave .txtArea {
    padding: .4em 0 .4em 1.5em;
    font-size: 23px;
  }
}
#mainContents #sec2 .wave .txtArea .fs1 {
  font-weight: 500;
}
#mainContents #sec2 .wave .txtArea .fs1 em {
  font-size: 121%;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .wave .txtArea .fs1 em {
    font-size: 120%;
  }
}
#mainContents #sec2 .wave .txtArea::before {
  content: '';
  width: 80%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .wave .txtArea::before {
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(0);
  }
}
#mainContents #sec2 .wave .txtArea p:last-child {
  margin-bottom: 0;
}
#mainContents #sec2 .ttlArea2 {
  margin-bottom: 1em;
  text-align: center;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .ttlArea2 {
    margin-bottom: 1.5em;
  }
}
#mainContents #sec2 .ttlArea2 .ttl {
  margin: 0;
  font-size: 143%;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .ttlArea2 .ttl {
    font-size: 175%;
  }
}
#mainContents #sec2 .ttlArea2 .ttl .sty1 {
  margin-left: .5em;
  font-size: 91%;
  font-weight: 700;
}
#mainContents #sec2 .ttlArea2 .ttl .sty1 .fs1 {
  font-size: 153%;
  font-weight: 600;
}
#mainContents #sec2 .txtArea1 {
  text-align: center;
}
#mainContents #sec2 .txtArea1 .txt {
  margin: 0 1em;
  font-size: 96%;
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .txtArea1 .txt {
    margin: 0;
    font-size: 135%;
  }
}
#mainContents #sec2 .txtArea1 .txt p {
  margin-bottom: .5em;
}
#mainContents #sec2 .txtArea1 .noteArea {
  margin: 0 1.1em;
  text-align: left;
}
@media screen and (min-width: 751px) {
  #mainContents #sec2 .txtArea1 .noteArea {
    margin: 0;
    display: inline-block;
  }
}


#mainContents #sec3 {
  margin-bottom: 0;
  padding-bottom: 0;
  background: url(../images/sec_bg1_sp.jpg) no-repeat center top 77vw;
  background-size: 100% auto;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 {
    padding-bottom: 95px;
    background: url(../images/sec_bg1.jpg) no-repeat center top;
    background-size: 100% 540px;
  }
}
#mainContents #sec3 .secTitleArea {
  margin-bottom: 2em;
  padding-top: 13.3333vw;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .secTitleArea {
    margin-bottom: 3em;
    padding-top: 100px;
  }
}
#mainContents #sec3 .secTitleArea .secTitle {
  margin-bottom: .6em;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .05em;
  font-size: 257%;
  font-weight: 600;
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .secTitleArea .secTitle {
    margin-bottom: 0;
    text-align: left;
    font-size: 285%;
    display: inline-block;
    transform: translateX(50%);
  }
}
#mainContents #sec3 .secTitleArea .secTitle .sty1 {
  margin-right: .3em;
  font-size: 79%;
}
#mainContents #sec3 .secTitleArea .secTitle .sty1 .fs1 {
  font-size: 155%;
}
#mainContents #sec3 .secTitleArea .figImg {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .secTitleArea .figImg {
    width: 795px;
    position: absolute;
    top: 50%;
    right: max(56.08%, calc(50% + 110px));
    transform: translateY(-54%);
  }
}
#mainContents #sec3 .ttlArea {
  margin-bottom: 1.5em;
  text-align: center;
}
#mainContents #sec3 .ttlArea .txt1 {
  margin-bottom: 1em;
  font-size: 89%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .ttlArea .txt1 {
    font-size: 110%;
  }
}
#mainContents #sec3 .ttlArea .txt1::before,
#mainContents #sec3 .ttlArea .txt1::after {
  content: '';
  width: 6.6667vw;
  height: 14.9333vw;
  background: url(../images/sec3_dec1.svg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .ttlArea .txt1::before,
  #mainContents #sec3 .ttlArea .txt1::after {
    width: 36px;
    height: 79px;
  }
}
#mainContents #sec3 .ttlArea .txt1::after {
  transform: scale(-1, 1);
}
#mainContents #sec3 .ttlArea .txt1 .txt2 {
  margin: 0 .5em;
  font-weight: 600;
  border-bottom: 2px solid #000;
}
#mainContents #sec3 .ttlArea .txt1 .fs1 {
  font-size: 154%;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .ttlArea .txt1 .fs1 {
    font-size: 140%;
  }
}
#mainContents #sec3 .ttlArea .txt3 {
  font-size: 160%;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .ttlArea .txt3 {
    font-size: 195%;
  }
}
#mainContents #sec3 .ttlArea .txt3 .fs1 {
  font-size: 89%;
}
#mainContents #sec3 .txtArea1 {
  margin-bottom: 2em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .txtArea1 {
    text-align: center;
  }
}
#mainContents #sec3 .txtArea1 .txt p {
  margin-bottom: .5em;
}
#mainContents #sec3 .structure {
  padding: 13.3333vw 0;
  text-align: center;
  background: url(../images/sec3_bg2_sp.jpg) no-repeat center / cover;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .structure {
    padding: 2em;
    background: url(../images/sec3_bg2.jpg) no-repeat center / cover;
  }
}
#mainContents #sec3 .structure .ttlArea2 {
  width: 90%;
  margin: 0 auto 1em;
  padding: .8em 1.5em;
  background-color: #fff;
  border-radius: 1.3333vw;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .structure .ttlArea2 {
    width: auto;
    margin: 0 0 1em;
    border-radius: 10px;
    display: inline-block;
  }
}
#mainContents #sec3 .structure .ttlArea2::after {
  content: '';
  width: 20px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#mainContents #sec3 .structure .ttlArea2 .ttl {
  margin-bottom: 0;
  font-size: 125%;
  font-weight: 600;
}
#mainContents #sec3 .structure .ttlArea2 .ttl .sty1 {
  margin-right: .3em;
  padding-bottom: .3em;
  background-size: 8px auto;
}
#mainContents #sec3 .structure .ttlArea2 .ttl .fs1 {
  font-size: 76%;
}
#mainContents #sec3 .structure .txtArea2 {
  margin-bottom: 1em;
}
#mainContents #sec3 .structure .txtArea2 .txt {
  color: #fff;
}
#mainContents #sec3 .structure .txtArea2 .txt p:last-child {
  margin-bottom: 0;
}
#mainContents #sec3 .amplitude {
  width: 90%;
  margin: 0 auto;
  padding: 10vw 0 6.6667vw;
  background-color: #fff;
  border-radius: 1.333vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .amplitude {
    width: 83.334%;
    padding: 55px 0 45px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
#mainContents #sec3 .amplitude .block {
  width: 90.371%;
  margin: 0 auto;
}
#mainContents #sec3 .amplitude .blockL {
  margin-bottom: 1em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .amplitude .block {
    width: 420px;
    margin: 0;
  }
}
#mainContents #sec3 .amplitude .block .ttlArea {
  margin-bottom: .5em;
}
#mainContents #sec3 .amplitude .block .ttlArea .ttl {
  width: 90.477%;
  margin: 0 auto;
  padding: .3em 0 .4em;
  color: #fff;
  font-weight: 600;
  border-radius: 1.333vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec3 .amplitude .block .ttlArea .ttl {
    font-size: 125%;
    border-radius: 10px;
  }
}
#mainContents #sec3 .amplitude .blockL .ttlArea .ttl {
  background-color: #3667a3;
}
#mainContents #sec3 .amplitude .blockR .ttlArea .ttl {
  background-color: #ac2925;
}


#mainContents #sec4 {
  margin-bottom: 0;
  padding: 12vw 0;
  background-color: #edf3f3;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  #mainContents #sec4 {
    padding: 90px 0;
  }
}

#mainContents #sec5 {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 2;
  background: url(../images/sec_bg1_sp.jpg) no-repeat center top 77vw;
  background-size: 100% auto;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 {
    padding-bottom: 0;
    background: url(../images/sec_bg1.jpg) no-repeat center top;
    background-size: 100% 540px;
  }
}
#mainContents #sec5 .secTitleArea {
  margin-bottom: 2em;
  padding-top: 13.3333vw;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .secTitleArea {
    margin-bottom: 3em;
    padding-top: 100px;
  }
}
#mainContents #sec5 .secTitleArea .secTitle {
  margin-bottom: .6em;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .05em;
  font-size: 229%;
  font-weight: 600;
  display: block;

}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .secTitleArea .secTitle {
    margin: 0 2em 0 0;
    text-align: left;
    font-size: 285%;
    display: inline-block;
    transform: translateX(-50%);
  }
}
#mainContents #sec5 .secTitleArea .secTitle .sty1 {
  margin-right: .3em;
  font-size: 79%;
}
#mainContents #sec5 .secTitleArea .secTitle .fs1 {
  font-size: 72.5%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .secTitleArea .secTitle .fs1 {
    font-size: 82%;
  }
}
#mainContents #sec5 .secTitleArea .secTitle .fs2 {
  margin-right: .3em;
  padding-right: .3em;
  padding-left: .3em;
  font-size: 107%;
}
#mainContents #sec5 .secTitleArea .secTitle .fs3 {
  font-size: 115%;
}
#mainContents #sec5 .secTitleArea .figImg {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .secTitleArea .figImg {
    width: 788px;
    position: absolute;
    top: 50%;
    left: calc(50% + 110px);
    transform: translateY(-50%);
  }
}
#mainContents #sec5 .contNav {
  margin-bottom: 14.6667vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .contNav {
    margin-bottom: 80px;
  }
}
#mainContents #sec5 .contNav .contNav_list {
  display: flex;
  flex-direction: column;
  gap: 3.3333vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .contNav .contNav_list {
    flex-direction: row;
    justify-content: space-between;
    grid-area: 0;
    gap: 20px;
  }
}
#mainContents #sec5 .contNav .contNav_list li {
  width: 100%;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .contNav .contNav_list li {
    width: 390px;
    line-height: 1.4;
  }
}
#mainContents #sec5 .contNav .contNav_list li a {
  height: 100%;
  padding: 1em 0 1.8em;
  text-decoration: none;
  background: #000;
  background: linear-gradient(180deg,#000 30%, #363636 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .contNav .contNav_list li a {
    padding: 1em 0 1.5em;
  }
}
#mainContents #sec5 .contNav .contNav_list li a::before {
  content: '';
  width: 17.3333vw;
  height: 14vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(-10%, -10%);
  opacity: .3;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .contNav .contNav_list li a::before {
    width: 76px;
    height: 61px;
  }
}
#mainContents #sec5 .contNav .contNav_list li:first-child a::before {
  background-image: url(../images/icon_num1.svg);
}
#mainContents #sec5 .contNav .contNav_list li:nth-child(2) a::before {
  background-image: url(../images/icon_num2.svg);
}
#mainContents #sec5 .contNav .contNav_list li:nth-child(3) a::before {
  background-image: url(../images/icon_num3.svg);
}
#mainContents #sec5 .contNav .contNav_list li a::after {
  content: '';
  width: 5.2vw;
  height: 2.9333vw;
  background: url(../images/arrow1.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  bottom: .7em;
  left: 50%;
  transform: translateX(-50%);
  transition: all .3s;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .contNav .contNav_list li a::after {
    width: 23px;
    height: 13px;
    bottom: .5em;
  }
}
#mainContents #sec5 .contNav .contNav_list li a:hover::after {
  bottom: .3em;
}
#mainContents #sec5 .contNav .contNav_list li .txt1 {
  color: #fff;
  font-size: 105%;
  position: relative;
  z-index: 2;
}
#mainContents #sec5 .contNav .contNav_list li .txt2 {
  font-size: 140%;
  position: relative;
  z-index: 2;
}
#mainContents #sec5 .experiences .experience {
  margin-bottom: 15vw;
  padding: 0 0 15vw;
  background-color: #edf3f3;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience {
    margin-bottom: 80px;
    padding: 20px 0 100px;
  }
}
#mainContents #sec5 .experiences .experience:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience:last-child {
    padding-bottom: 0;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea {
  margin-bottom: 45px;
  position: relative;
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl {
  margin-bottom: 0;
  padding-top: 5.3333vw;
  text-align: center;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience .ttlArea .ttl {
    padding-top: 0;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .num {
  width: 38vw;
  height: 31vw;
  color: transparent;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience .ttlArea .ttl .num {
    width: 200px;
    height: 160px;
  }
}
#mainContents #sec5 .experiences #experience1 .ttlArea .ttl .num {
  top: 13vw;
  background-image: url(../images/icon_num1.svg);
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .ttlArea .ttl .num {
    top: 0;
  }
}
#mainContents #sec5 .experiences #experience2 .ttlArea .ttl .num {
  background-image: url(../images/icon_num2.svg);
}
#mainContents #sec5 .experiences #experience3 .ttlArea .ttl .num {
  background-image: url(../images/icon_num3.svg);
  top: -5vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .ttlArea .ttl .num {
    top: 0;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .icon {
  width: 22.2667vw;
  height: 22.2667vw;
  margin: 0 auto .5em;
  color: #fff;
  font-size: 126%;
  background: linear-gradient(180deg,#000 30%, #363636 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience .ttlArea .ttl .icon {
    width: 108px;
    height: 108px;
    font-size: 140%;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .icon::after {
  content: '';
  width: 2.9333vw;
  height: 1.7333vw;
  background-color: #363636;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience .ttlArea .ttl .icon::after {
    width: 13px;
    height: 8px;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .txtArea {
  position: relative;
  z-index: 2;
  display: block;
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .txt1 {
  padding-bottom: .2em;
  line-height: 1.3;
  font-size: 223%;
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience .ttlArea .ttl .txt1 {
    font-size: 250%;
    display: inline-block;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .txt1 .fs1 {
  font-size: 74%;
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .txt2 {
  padding-top: 1em;
  font-size: 155%;
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .experience .ttlArea .ttl .txt2 {
    padding-top: .5em;
    font-size: 200%;
  }
}
#mainContents #sec5 .experiences .experience .ttlArea .ttl .txt2 .fs1 {
  font-size: 75%;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media {
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media {
    display: flex;
    justify-content: center;
    gap: 45px;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block {
  margin-bottom: 3em;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .blockR {
  margin-bottom: 0;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block {
    width: 512px;
    margin-bottom: 0;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .ttlArea2 {
  margin-bottom: 1em;
  text-align: center;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .ttlArea2 .ttl {
  margin-bottom: 0;
  text-align: center;
  font-size: 114%;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block .ttlArea2 .ttl {
    font-size: 130%;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .ttlArea2 .ttl .txt1 {
  font-weight: 600;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias {
  color: #fff;
  background-color: #000;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .bg1 {
  padding: 1em 0 .8em;
  background: linear-gradient(180deg,#000 30%, #363636 100%);
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .ttl2 {
  padding-bottom: 1.3em;
  text-align: center;
  position: relative;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .ttl2 .ttl {
  padding: .1em 1em;
  font-size: 114%;
  background-color: #fff;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .ttl2 .ttl {
    font-size: 129%;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .ttl2 .noteArea {
  position: absolute;
  right: 0;
  bottom: .2em;
  left: 0;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .ttl2 .noteArea small {
  font-size: 2.9333vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .ttl2 .noteArea small {
    font-size: 14px;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio {
  width: 92%;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio {
    width: 88.87%;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio .txtArea {
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio .txtArea {
    font-size: 115%;
  }
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio .txtArea .txt1 {
  line-height: 1.4;
  display: block;
}
#mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio .txtArea .mode {
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience1 .experienceCont .media .block .medias .media_audio .txtArea .mode {
    margin-left: .3em;
    display: inline-block;
  }
}
#mainContents #sec5 .experiences .audioBtn {
  margin-bottom: .5em;
  padding: .5em 2.5em;
  border: .2667vw solid #fff;
  border-radius: 3em;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .audioBtn {
    padding: .85em 1.5em;
    border: 1px solid #fff;
  }
}
#mainContents #sec5 .experiences .audioBtn .icon {
  width: 13.8667vw;
  height: 13.8667vw;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 1.6vw;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .audioBtn .icon {
    width: 58px;
    height: 58px;
    right: 5px;
  }
}
#mainContents #sec5 .experiences .audioBtn .icon::before {
  content: '';
  width: 12.8vw;
  height: 12.8vw;
  background: url(../images/icon_audio.svg) no-repeat center #fff;
  background-size: 6vw auto;
  border: .6667vw solid #000;
  border-radius: 50%;
  display: block;
  transition: all .3s;
  box-shadow: 0 -1.3333vw 0 0 #f39700 inset;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .audioBtn .icon::before {
    content: '';
    width: 54px;
    height: 54px;
    background-size: 26px auto;
    border: 2px solid #000;
    box-shadow: 0 -6px 0 0 #f39700 inset;
  }
}
#mainContents #sec5 .experiences .audioBtn.playing .icon::before {
  background-color: #fff68f;
  box-shadow: 0 0 0 0 transparent inset;
  animation: pulseSp .2s infinite ease-in-out;
}
@keyframes pulseSp {
  0% {
    background-size: 6vw auto;
  }
  50% {
    background-size: 6.3vw auto;
  }
  100% {
    background-size: 6vw auto;
  }
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences .audioBtn.playing .icon::before {
    animation: pulse .2s infinite ease-in-out;
  }
}
@keyframes pulse {
  0% {
    background-size: 26px auto;
  }
  50% {
    background-size: 28px auto;
  }
  100% {
    background-size: 26px auto;
  }
}
#mainContents #sec5 .experiences #experience2 .ttlArea .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainContents #sec5 .experiences #experience2 .ttlArea .ttl .cal {
  width: 6.8vw;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .ttlArea .ttl .cal {
    width: 32px;
    margin: 0 .3em;
  }
}
#mainContents #sec5 .experiences #experience2 .txtArea1 {
  margin-bottom: 16.6667vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .txtArea1 {
    margin-bottom: 100px;
  }
}
#mainContents #sec5 .experiences #experience2 .txtArea1 .txt1 {
  margin-bottom: 0;
}
#mainContents #sec5 .experiences #experience2 .features {
  padding-bottom: 13.3333vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features {
    padding-bottom: 100px;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature {
  margin-bottom: 15vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature {
    margin-bottom: 100px;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature:last-child {
  margin-bottom: 0;
}
#mainContents #sec5 .experiences #experience2 .features .feature .ttlArea {
  margin-bottom: 2.5em;
  text-align: center;
  position: relative;
  filter: drop-shadow(0 0 19px rgba(147,147,147,0.5));
}
#mainContents #sec5 .experiences #experience2 .features .feature .ttlArea::before {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 65%;
  left: 81%;
  transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .ttlArea::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature1 .ttlArea::before {
  width: 11.4667vw;
  height: 18.5333vw;
  background-image: url(../images/icon_excl_sp.png);
  background-size: 100% auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature1 .ttlArea::before {
    width: 51px;
    height: 75px;
    background-image: url(../images/icon_excl.png);
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature2 .ttlArea::before {
  width: 17.8667vw;
  height: 18.5333vw;
  background-image: url(../images/icon_ear_sp.png);
  background-size: 100% auto;
  left: 86%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature2 .ttlArea::before {
    width: 76px;
    height: 78px;
    background-image: url(../images/icon_ear.png);
    left: 50%;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .ttlArea::after {
  content: '';
  width: 5.4667vw;
  height: 3.0667vw;
  background-color: #fff;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .ttlArea::after {
    width: 37px;
    height: 21px;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .ttlArea .ttl {
  margin-bottom: 0;
  padding: .5em 2em;
  font-size: 114%;
  font-weight: 600;
  background-color: #fff;
  border-radius: 22px;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .ttlArea .ttl {
    padding: .5em 2em;
    font-size: 175%;
    border-radius: 22px;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont {
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .featureCont {
    align-items: center;
    flex-direction: row-reverse;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea {
  width: 100%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea {
    width: 560px;
    min-height: 340px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #mainContents #sec5 .experiences #experience2 .features .feature2 .featureCont .txtArea {
    min-height: 410px;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .ttlArea2 {
  margin-bottom: 2em;
  text-align: center;
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .ttlArea2 .ttl {
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 223%;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .ttlArea2 .ttl {
    line-height: 1.6;
    font-size: 250%;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .ttlArea2 .ttl .sty1 {
  padding-bottom: .2em;
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .ttlArea2 .ttl .fs1 {
  font-size: 74%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .ttlArea2 .ttl .fs1 {
    font-size: 82%;
  }
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .txtArea .txt p:last-child {
  margin-bottom: 0;
}
#mainContents #sec5 .experiences #experience2 .features .feature .featureCont .figImg {
  margin-bottom: 2em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .features .feature .featureCont .figImg {
    width: 610px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 50%;
  }
}
#mainContents #sec5 .experiences #experience2 .function {
  padding: 19.3333vw 0 5vw;
  background: url(../images/sec5_bg1_sp.jpg) no-repeat center top #fff;
  background-size: 100% auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function {
    padding: 70px 0;
    background: url(../images/sec5_bg1.jpg) no-repeat right center #fff;
    background-size: auto;
  }
}
#mainContents #sec5 .experiences #experience2 .function .ttlArea3 {
  margin-bottom: 2em;
  text-align: center;
}
#mainContents #sec5 .experiences #experience2 .function .ttlArea3 .ttl {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 223%;
  font-weight: 600;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .ttlArea3 .ttl {
    font-size: 250%;
  }
}
#mainContents #sec5 .experiences #experience2 .function .ttlArea3 .ttl .sty1 {
  padding-bottom: .2em;
}
#mainContents #sec5 .experiences #experience2 .function .ttlArea3 .ttl .fs1 {
  font-size: 75%;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .ttlArea3 .ttl .fs1 {
    font-size: 91%;
  }
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .txtArea1 {
  margin-bottom: 2em;
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .txtArea1 .txt {
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .functionCont .txtArea1 .txt {
    width: 1070px;
    margin: 0 auto;
  }
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .functionList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .functionCont .functionList {
    justify-content: center;
    gap: 37px;
  }
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li {
  width: 41.3333vw;
  margin-bottom: 7.3333vw;
  padding: 1.3em 0;
  color: #fff;
  background-color: #000;
  border-radius: 1.333vw;
  background: linear-gradient(180deg,#000 30%, #363636 100%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li {
    width: 210px;
    margin-bottom: 0;
    padding: 1.5em 0;
    border-radius: 10px;
  }
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li .figImg {
  width: 90.33%;
  margin: 0 auto .5em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li .figImg {
    width: 90.48%;
    margin: 0 auto 1em;
  }
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li .txtArea {
  text-align: center;
  font-size: 80%;
  font-weight: 600;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li .txtArea {
    font-size: 90%;
  }
}
#mainContents #sec5 .experiences #experience2 .function .functionCont .functionList li .txtArea p {
  margin-bottom: 0;
}
#mainContents #sec5 .experiences #experience2 .ctaArea {
  padding: 12vw 0 1px;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience2 .ctaArea {
    padding-top: 90px;
  }
}
#mainContents #sec5 .experiences #experience3 .ttlArea {
  margin-bottom: 10vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .ttlArea {
    margin-bottom: 110px;
  }
}
#mainContents #sec5 .experiences #experience3 .check {
  padding-bottom: 8.6667vw;
  background-color: #fff;
  border-radius: 5.3333vw;
  position: relative;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check {
    padding-bottom: 60px;
    border-radius: 40px;
  }
}
#mainContents #sec5 .experiences #experience3 .check::before {
  content: '';
  width: 22.2667vw;
  height: 33.2vw;
  background: url(../images/icon_q_sp.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -15%);
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check::before {
    width: 114px;
    height: 172px;
    background: url(../images/icon_q.png) no-repeat center;
    transform: translate(-50%, -28%);
  }
}
#mainContents #sec5 .experiences #experience3 .check .ttlArea4 {
  margin: 0 -4vw 1em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .ttlArea4 {
    margin: 0 0 1em;
    text-align: center;
  }
}
#mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl {
  margin-bottom: 0;
  text-align: center;
  line-height: 1.4;
  font-size: 133%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl {
    font-size: 143%;
    top: -20px;
    gap: .5em;
  }
}
#mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl::before,
#mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl::after {
  content: '';
  width: 18.6667vw;
  height: 29.3333vw;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl::before,
  #mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl::after {
    width: 100px;
    height: 150px;
  }
}
#mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl::before {
  background-image: url(../images/icon_psn1.svg);
}
#mainContents #sec5 .experiences #experience3 .check .ttlArea4 .ttl::after {
  background-image: url(../images/icon_psn2.svg);
}
#mainContents #sec5 .experiences #experience3 .check .checkCont {
  display: block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .checkCont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
}
#mainContents #sec5 .experiences #experience3 .check .checkCont .figImg {
  width: 90%;
  margin: 0 auto 1em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .checkCont .figImg {
    width: 520px;
    margin: 0;
  }
}
#mainContents #sec5 .experiences #experience3 .check .checkCont .txtArea {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .checkCont .txtArea {
    width: 560px;
    margin: 0;
  }
}
#mainContents #sec5 .experiences #experience3 .check .checkCont .noteArea {
  margin-bottom: 1em;
}
#mainContents #sec5 .experiences #experience3 .check .checkCont .app_dlLink {
  display: flex;
  justify-content: center;
  gap: 5.4667vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .checkCont .app_dlLink {
    gap: 35px;
  }
}
#mainContents #sec5 .experiences #experience3 .check .checkCont .app_dlLink .dlLink1 {
  width: 33.4667vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .checkCont .app_dlLink .dlLink1 {
    width: 225px;
  }
}
#mainContents #sec5 .experiences #experience3 .check .checkCont .app_dlLink .dlLink2 {
  width: 41.0667vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec5 .experiences #experience3 .check .checkCont .app_dlLink .dlLink2 {
    width: 276px;
  }
}


#mainContents #sec6 {
  margin-bottom: 0;
  padding: 10.6667vw 0 8vw;
}
@media screen and (min-width: 751px) {
  #mainContents #sec6 {
    padding: 70px 0 1px;
    background-color: #edf3f3;
  }
}
#mainContents #sec6 .secTitle {
  text-align: center;
}
#mainContents #sec6 .faq {
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq {
    width: 840px;
  }
}
#mainContents #sec6 .faq .faqBlock {
  margin-bottom: 20px;
}
#mainContents #sec6 .faq .faqBlock .faqTtl {
  padding: 1em;
  background: linear-gradient(180deg,#000 30%, #363636 100%);
  position: relative;
}
#mainContents #sec6 .faq .faqBlock .faqTtl i,
#mainContents #sec6 .faq .faqBlock .faqTtl i::after {
  width: 4.6667vw;
  height: .8vw;
  background-color: #fff;
  display: block;
  position: absolute;
}
@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqTtl i,
  #mainContents #sec6 .faq .faqBlock .faqTtl i::after {
    width: 19px;
    height: 3px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqTtl i {
  top: 50%;
  right: .5em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqTtl i {
    top: 50%;
    right: 1.5em;
  }
}
#mainContents #sec6 .faq .faqBlock .faqTtl i::after {
  content: '';
  top: 0;
  left: 0;
  transform: rotate(90deg);
  transition: all .5s;
}
#mainContents #sec6 .faq .faqBlock.active .faqTtl i::after {
  transform: rotate(360deg);
}
#mainContents #sec6 .faq .faqBlock .ttl {
  width: 95%;
  margin-bottom: 0;
  color: #fff;
  font-size: 80%;
  font-weight: 600;
  display: flex;
  align-items: center;
}
#mainContents #sec6 .faq .faqBlock .ttl::before {
  content: '';
  width: 5.4667vw;
  height: 5.0667vw;
  margin-right: .5em;
  background: url(../images/icon_faq_q.svg) no-repeat center bottom;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .ttl::before {
    width: 23px;
    height: 22px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqCont {
  padding: 1em;
  background-color: #f5f3ee;
  border-bottom: 2px solid #000;
}
#mainContents #sec6 .faq .faqBlock .faqCont .txtArea {
  padding-left: 2em;
  font-size: 80%;
  font-weight: 500;
  position: relative;
}
#mainContents #sec6 .faq .faqBlock .faqCont .txtArea::before {
  content: '';
  width: 5.4667vw;
  height: 5.0667vw;
  background: url(../images/icon_faq_a.svg) no-repeat center bottom;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqCont .txtArea::before {
    width: 23px;
    height: 22px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqCont .txtArea p:last-child {
  margin-bottom: 0;
}


#mainContents #sec7 {
  margin-bottom: 0;
  padding: 9.3333vw 0;
  background-color: #edf3f3;
}
@media screen and (min-width: 751px) {
  #mainContents #sec7 {
    padding: 70px 0;
  }
}
#mainContents #sec7 .noteArea {
  padding-top: 1em;
}
@media screen and (min-width: 751px) {
  #mainContents #sec7 .noteArea {
    text-align: center;
  }
}


/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  padding: 3em 0;
  text-align: center;
  font-size: 3.8667vw;
  background-color: #edf3f3;
}
@media screen and (min-width: 751px) {
  #pageFooter {
    font-size: 16px;
  }
}
#pageFooter .logo_footer {
  width: 75.6vw;
  margin: 0 auto 2em;
}
@media screen and (min-width: 751px) {
  #pageFooter .logo_footer {
    width: 350px;
  }
}
#pageFooter .footerNav ul {
  margin-bottom: 2em;
}
#pageFooter .footerNav ul li {
  margin-bottom: 1em;
  display: inline-block;
}
@media screen and (min-width: 751px) {
  #pageFooter .footerNav ul li {
    margin-bottom: 0;
  }
}
#pageFooter .footerNav ul li::after {
  content: '\0FF5C';
  margin: 0 1em;
  display: inline-block;
}
#pageFooter .footerNav ul li:last-child:after {
  display: none;
}
#pageFooter .footerNav ul li:nth-of-type(2)::after {
  display: none;
}
@media screen and (min-width: 751px) {
  #pageFooter .footerNav ul li:nth-of-type(2)::after {
    display: inline-block;
  }
}
#pageFooter .footerNav ul li a:link,
#pageFooter .footerNav ul li a:visited {
  color: #000;
  text-decoration: none;
}
#pageFooter .footerNav ul li a:hover {
  text-decoration: underline;
}
#pageFooter .copyright {
  font-size: 2vw;
}
@media screen and (min-width: 751px) {
  #pageFooter .copyright {
    font-size: 14px;
  }
}


/* ---------------------------------------------
.flortingBnr
--------------------------------------------- */
.lp_page__class .flortingBnr {
  padding: 4vw 0;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(245, 243, 238, .5);
  z-index: 91;
  display: none;
}
@media screen and (min-width: 751px) {
  .lp_page__class .flortingBnr {
    padding: 17px 0;
  }
}
.lp_page__class .flortingBnr .ctaBtnArea {
  display: flex;
  justify-content: center;
  gap: 4.2667vw;
}
@media screen and (min-width: 751px) {
  .lp_page__class .flortingBnr .ctaBtnArea {
    gap: 53px;
  }
}
.lp_page__class .flortingBnr .ctaBtnArea .btn {
  width: 43.3333vw;
  margin: 0;
}
@media screen and (min-width: 751px) {
  .lp_page__class .flortingBnr .ctaBtnArea .btn {
    width: 345px;
  }
}
.lp_page__class .flortingBnr .btnArea .btnSt1 a {
  padding: 2.9333vw 0;
  border-width: .4vw;
  border-radius: 2.4vw;
  box-shadow: 0 -.8vw 0 0 rgba(243,151,0,1) inset;
}
@media screen and (min-width: 751px) {
  .lp_page__class .flortingBnr .btnArea .btnSt1 a {
    padding: 0;
    border-width: 3px;
    border-radius: 18px;
    box-shadow: 0 -6px 0 0 rgba(243,151,0,1) inset;
  }
}