@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:600&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:700&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:400&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:500&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:600&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:700&display=swap");
html {
  font-size: 62.5%;
  position: relative;
  width: 100%;
  z-index: 2;
}

* {
  background-clip: padding-box;
  box-sizing: border-box;
}

body {
  counter-reset: number 0;
  font-family: YakuHanJP, "Noto Sans JP", univia-pro, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  max-height: 99999px;
  vertical-align: baseline;
}

.min {
  font-family: YakuHanJP, "Noto Serif JP", univia-pro, -apple-system, BlinkMacSystemFont, serif;
}

body img {
  display: block;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
}
body * {
  background-clip: padding-box;
  box-sizing: border-box;
  position: relative;
  text-align: justify;
}
body .flex-wrap {
  display: flex;
}

main * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main *::after, main *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
p {
  font-size: 1rem;
  line-height: 1;
  margin: 0 auto;
  padding: 0;
}

ul,
ol,
dl {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

p,
li,
dt,
dd {
  line-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  background: transparent;
  color: #000;
  text-decoration: none;
}
a img {
  display: inline-block;
}
a:active, a:hover {
  outline: 0;
}

input[type=image]:focus {
  outline: 0;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

button {
  border: none;
  cursor: pointer;
  outline: 0;
}

.main .clearfix {
  width: 100%;
}
.main .clearfix:after {
  clear: both;
  content: "";
  display: block;
}

body {
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
}

picture {
  display: block;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}

body a {
  transition: all ease 0.3s;
}
body a img {
  transition: all ease 0.3s;
}
body a:hover,
body a img:hover {
  filter: brightness(1.1);
}
body h3 a img:hover {
  filter: brightness(1.05);
}

.pce {
  display: block;
}

.pcei {
  display: inline-block;
}

.spe,
.spei,
.pc-none {
  display: none;
}

.sp-none {
  display: block;
}

@media (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
  main .spe {
    display: block;
  }
  main .spei {
    display: inline-block;
  }
  main .pce,
  main .pcei {
    display: none;
  }
  main img {
    width: 100%;
  }
  .pc-none {
    display: block;
  }
  .sp-none {
    display: none;
  }
}
main .sec-inner {
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  main .sec-inner {
    max-width: 740px;
  }
}
/*============================
#header
============================*/
#header {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.11);
}
#header img {
  width: 100%;
}
#header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1490px;
  padding: 7px 20px;
  margin: 0 auto;
}
#header .header-logo-wrap,
#header .header-tel-wrap {
  display: flex;
  align-items: center;
}
#header .header-logo-01 {
  width: 236px;
  margin: 0 12px 0 0;
}
#header .header-logo-02 {
  width: 393px;
}
#header .header-tel-wrap {
  padding: 0 17px 0 0;
}
#header .header-tel-link {
  width: 353px;
  margin: 0 21px 0 0;
}
#header .header-tel-link a {
  pointer-events: none;
}
#header .header-tel-txt {
  color: #181818;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
}
#header .header-tel-txt-small {
  display: block;
  position: relative;
  left: -3px;
  font-size: 16px;
}

/*============================
#fv
============================*/
#fv img {
  width: 100%;
}
#fv .fv-container {
  max-width: 1100px;
  position: relative;
  margin: 0 auto;
  background-image: url(../img/fv-bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: 165%;
  background-position: center -47px;
  height: min(766px, 69.6363636364vw);
}
#fv .fv-logo-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 42px 20px 34px;
}
#fv .fv-logo {
  width: 393px;
}
#fv .fv-inner {
  max-width: 1100px;
  padding: 50px 0 20px;
  margin: 0 auto;
}
#fv .fv-list {
  margin: 0;
}
#fv .fv-list-item {
  width: 289px;
  margin-bottom: 20px;
}
#fv .fv-ttl {
  width: 660px;
  margin: 0 0 10px 5px;
}
#fv .fv-txt {
  width: 701px;
  padding: 0 0 19px 108px;
}
#fv .fv-btn {
  width: 802px;
  margin: 0 0 29px;
}
#fv .fv-btn a {
  display: block;
}
#fv .fv-btn a::after {
  content: "";
  display: block;
  width: 19px;
  padding-top: 36px;
  background-image: url(../img/fv-btn-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  transition: all ease 0.3s;
  top: 52px;
  right: 43px;
}
#fv .fv-btn a:hover::after {
  right: 2.4%;
}
#fv .fv-caution {
  margin: 0 0 0 15px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  box-shadow: 0 0 7px 1px rgba(255, 255, 255, 0.5);
}
#fv .fv-company {
  margin: 0 0 45px;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #fv .fv-company {
    margin: 0 0 min(4.5vw, 45px);
  }
}
.sec-inner .btn-wrap {
  margin: 6% auto 9%;
}

.white-wrap .btn-wrap {
  padding: 0;
  margin: 0 auto;
}

.btn-form {
  display: flex;
  width: 711px;
  background-image: url(../img/btn-bg_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 108px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.btn-form:after {
  content: "";
  display: block;
  width: 18px;
  padding-top: 32px;
  background-image: url(../img/btn-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  transition: all ease 0.3s;
  top: 38%;
  right: 6%;
}
.btn-form:hover:after {
  right: 4%;
}
.btn-form p {
  color: #FFF;
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.2rem;
  line-height: 1;
  /* padding-bottom: 20px; */
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .btn-form {
    width: min(71.1vw, 711px);
    height: min(10.8vw, 108px);
  }
  .btn-form:after {
    width: min(1.8vw, 18px);
    padding-top: min(3.2vw, 32px);
  }
  .btn-form p {
    font-size: min(3.6vw, 36px);
  }
}
/*============================
#intro
============================*/
#intro {
  padding-top: 63px;
  background-image: url(../img/intro-bg_pc.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#intro .sec-inner {
  margin-bottom: 150px;
}
#intro.intro-company-ttl {
  position: relative;
  left: 8px;
  width: 562px;
  z-index: 2;
  margin: 0 auto -14px;
}
#intro .intro-company-ttl img {
  margin: 0 auto;
}
#intro .intro-company-img {
  width: 801px;
  margin: 0 auto 41px;
  width: min(80.1vw, 801px);
}
#intro .intro-company-img img {
  margin: 0 auto;
}
#intro .intro-company-img p {
  text-align: right;
  padding-right: 21px;
  font-size: 1.2rem;
  line-height: 1;
}
#intro .sec-inner.is-below {
  margin-bottom: 0;
}
#intro .sec-inner .intro-mainWrap {
  text-align: center;
}
#intro .sec-inner .intro-mainWrap h2 {
  position: relative;
  left: 4px;
  margin: 0 auto 43px;
  width: 720px;
}
#intro .sec-inner .intro-mainWrap h3 {
  position: relative;
  left: 8px;
  margin: 0 auto 41px;
  width: 549px;
}
#intro .sec-inner .intro-textWrap {
  margin: 0 auto;
  width: 950px;
  position: relative;
  top: -73px;
}
#intro .sec-inner .intro-textWrap h3 {
  position: absolute;
  width: 455px;
  top: 43px;
  left: -6px;
  right: 0;
}
#intro .sec-inner .intro-textWrap h4 {
  position: absolute;
  width: 75%;
  top: 38%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  letter-spacing: 0.16rem;
  font-weight: 400;
  line-height: 2.5838888889;
  text-align: center;
}
#intro .sec-inner .intro-textWrap h4 span {
  color: #ef0060;
  font-weight: 600;
}
#intro .sec-inner .intro-textWrap h4 sup {
  font-size: 1.2rem;
  vertical-align: top;
  line-height: 3.5;
}
#intro .sec-inner .intro-textWrap p {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1;
  right: 210px;
  bottom: 35px;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #intro .sec-inner {
    margin-bottom: min(15vw, 150px);
  }
}
@media screen and (max-width: 750px) {
  #intro .sec-inner.is-below {
    padding-bottom: min(18.6666666667vw, 140px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #intro .sec-inner .intro-mainWrap h2 {
    left: min(0.4vw, 4px);
    margin: 0 auto min(4.3vw, 43px);
    width: min(72vw, 720px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #intro .sec-inner .intro-mainWrap h3 {
    left: min(0.8vw, 8px);
    margin: 0 auto min(2vw, 20px);
    width: min(54.9vw, 549px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #intro .sec-inner .intro-textWrap {
    width: min(95vw, 950px);
    top: max(-7.3vw, -73px);
  }
  #intro .sec-inner .intro-textWrap h3 {
    width: min(45.5vw, 455px);
    top: min(4.3vw, 43px);
    left: max(-0.6vw, -6px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #intro .sec-inner .intro-textWrap p {
    font-size: min(1.4vw, 14px);
    right: min(21vw, 210px);
    bottom: min(3.5vw, 35px);
  }
  #intro .sec-inner .intro-textWrap h4 sup {
    font-size: min(1.2vw, 12px);
  }
  #intro .sec-inner .intro-textWrap p {
    font-size: min(1.4vw, 14px);
    right: min(21vw, 210px);
    bottom: min(3.5vw, 35px);
  }
}
/*============================
#onayami
============================*/
#onayami .onayami-bottomWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffeef4;
}
#onayami .onayami-bottomWrap-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(19.3333333333vw, 145px) 0 min(13.3333333333vw, 100px);
  background-image: url(../img/onayami-main_bg_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  width: 100%;
  max-width: min(100.6666666667vw, 755px);
  height: auto;
}
#onayami .onayami-bottomWrap-inner h3 img {
  width: 100%;
  margin: 0 auto;
}
#onayami .onayami-bottomWrap-inner div + div {
  margin-top: min(8.8vw, 66px);
}
#onayami .onayami-bottomWrap-inner .point-flex {
  display: flex;
}
#onayami .onayami-bottomWrap-inner ol.point-flex {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
#onayami .onayami-bottomWrap-inner ol.point-flex li {
  display: flex;
  justify-content: center;
}
#onayami .onayami-bottomWrap-inner ol.point-flex li img {
  width: 100%;
  max-width: min(44.4vw, 333px);
}
#onayami .onayami-bottomWrap-inner ol.point-flex li p {
  position: absolute;
  font-size: clamp(18px, 4vw, 30px);
  font-weight: 500;
  line-height: 1.4545454545;
  bottom: min(5.0666666667vw, 38px);
  text-align: center;
}
#onayami .onayami-bottomWrap-inner ol.point-flex li:nth-of-type(2) p, #onayami .onayami-bottomWrap-inner ol.point-flex li:nth-of-type(3) p {
  bottom: min(7.4666666667vw, 56px);
}
#onayami .onayami-mainWrap {
  text-align: center;
  background-image: url(../img/onayami-bg_pc.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 0 0 48px;
}
#onayami .onayami-mainWrap .sec-inner {
  text-align: center;
  padding: 55px 0 0;
}
#onayami .onayami-mainWrap h2 {
  font-size: 3.8rem;
  font-weight: 500;
  color: #FFF;
  background-color: #000;
  display: inline-block;
  margin: 0 auto 80px;
  padding: 13px 22px 14px;
  letter-spacing: 0.1rem;
  position: relative;
  left: 8px;
}
#onayami .onayami-mainWrap h2:after {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#onayami .onayami-mainWrap ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#onayami .onayami-mainWrap ul li {
  position: relative;
  left: 5px;
  background-color: #FFF;
  font-size: 2.7rem;
  font-weight: 500;
  letter-spacing: 0.2rem;
  line-height: 1;
  padding: 0.6em 1em 0.7em 2.4em;
  margin-bottom: 0.9em;
}
#onayami .onayami-mainWrap ul li span {
  color: #ef0060;
  border-bottom: 2px solid currentColor;
}
#onayami .onayami-mainWrap ul li:before {
  content: "";
  display: block;
  background-image: url(../img/onayami-check-icon.png);
  width: 32px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3%;
}
#onayami .onayami-mainWrap .onayami-arrow {
  position: absolute;
  width: 203px;
  height: 115px;
  bottom: -114px;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 1;
  font-size: 2.8rem;
  letter-spacing: 0.12em;
  background-image: url(../img/arrow-bg_pc.png);
  background-repeat: no-repeat;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  z-index: 10;
}

@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffeef4;
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner {
    padding: min(6.25vw, 120px) 0 min(4.4791666667vw, 86px);
    background-image: url(../img/onayami-main_bg_pc.png);
    max-width: min(100vw, 1920px);
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner {
    padding: min(10vw, 120px) 0 min(7.1666666667vw, 86px);
  }
}
@media screen and (max-width: 700px) {
  #onayami .onayami-bottomWrap-inner h3 img {
    max-width: 82%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner h3 img {
    max-width: min(65.9166666667vw, 791px);
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner div + div {
    margin-top: min(1.5625vw, 30px);
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner .point-flex {
    display: flex;
  }
}
/*============================
.point-flex
============================*/
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li:first-of-type {
    width: 100%;
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li img {
    width: 100%;
    max-width: min(15.5729166667vw, 299px);
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li img {
    max-width: min(24.9166666667vw, 299px);
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li p {
    position: absolute;
    font-size: clamp(18px, 1.3541666667vw, 26px);
    font-weight: 500;
    line-height: 1.4545454545;
    bottom: min(1.9791666667vw, 38px);
    text-align: center;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li p {
    font-size: clamp(20px, 2vw, 24px);
  }
}
@media screen and (min-width: 751px) {
  #onayami .onayami-bottomWrap-inner ol.point-flex li:nth-of-type(2) p, #onayami .onayami-bottomWrap-inner ol.point-flex li:nth-of-type(3) p {
    bottom: min(2.9166666667vw, 56px);
  }
}
@media screen and (min-width: 751px) {
  #onayami .sec-inner {
    max-width: 1020px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #onayami .onayami-mainWrap {
    padding: 0 0 min(4.8vw, 48px);
  }
  #onayami .onayami-mainWrap .sec-inner {
    padding: min(5.5vw, 55px) 0 0;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #onayami .onayami-mainWrap h2 {
    font-size: min(3.8vw, 38px);
    margin: 0 auto min(8vw, 80px);
    padding: min(1.3vw, 13px) min(2.2vw, 22px) min(1.4vw, 14px);
    left: min(0.8vw, 8px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #onayami .onayami-mainWrap h2:after {
    height: min(3vw, 30px);
  }
  #onayami .onayami-mainWrap ul li {
    left: min(0.5vw, 5px);
    font-size: min(2.7vw, 27px);
    padding: min(1.6vw, 16px) min(2.7vw, 27px) min(1.9vw, 19px) min(6.5vw, 65px);
    margin-bottom: min(2.4vw, 24px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #onayami .onayami-mainWrap ul li:before {
    width: min(3.2vw, 32px);
    height: min(2.8vw, 28px);
  }
  #onayami .onayami-mainWrap .onayami-arrow {
    width: min(20.3vw, 203px);
    height: min(11.5vw, 115px);
    bottom: max(-11.4vw, -114px);
    font-size: min(2.8vw, 28px);
    padding-bottom: min(1vw, 10px);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
/*============================
#point-head
============================*/
#point-head ol {
  display: flex;
  width: 650px;
  justify-content: space-between;
  margin: -121px auto 84px;
}
#point-head ol li {
  display: flex;
  justify-content: center;
}
#point-head ol li p {
  position: absolute;
  font-size: 1.85rem;
  font-weight: 500;
  line-height: 1.4545454545;
  top: 67px;
  text-align: center;
}

@media screen and (min-width: 751px) {
  #point-head .sec-inner {
    max-width: 100%;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point-head ol {
    width: min(65vw, 650px);
    margin: max(-12.1vw, -121px) auto min(8.4vw, 84px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point-head ol li p {
    font-size: min(1.8vw, 18px);
    top: min(6.7vw, 67px);
  }
}
/*============================
#point01
============================*/
#point01 .sec-inner {
  max-width: 100%;
  background-color: #f8f8f8;
  padding-bottom: 168px;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner {
    padding-bottom: min(16.8vw, 168px);
  }
}
.point-area .sec-inner .point-titleWrap {
  padding: 75px 0 120px;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.point-area .sec-inner .point-titleWrap p {
  font-size: 5rem;
  color: #FFF;
  background-color: #ef0060;
  display: inline-block;
  line-height: 1;
  position: absolute;
  padding: 0.2em 0.2em 0.4em;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
.point-area .sec-inner .point-titleWrap h2 {
  font-size: 3.6rem;
  line-height: 1.5166666667;
  color: #FFF;
  display: inline-block;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #FFF;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-area .sec-inner .point-titleWrap {
    padding: min(7.5vw, 75px) 0 min(12vw, 120px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-area .sec-inner .point-titleWrap p {
    font-size: min(5vw, 50px);
    padding: min(1vw, 10px) min(1vw, 10px) min(2vw, 20px);
    top: max(-3.5vw, -35px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-area .sec-inner .point-titleWrap h2 {
    font-size: min(3.6vw, 36px);
    padding-bottom: min(2vw, 20px);
  }
}
#point01 .sec-inner .point-titleWrap {
  background-image: url(../img/point01-head-bg_pc.jpg);
}

.point-area .sec-inner .point-colorBox {
  background-image: url(../img/box-bg-top_pc.png), url(../img/box-bg-bottom_pc.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  background-size: contain, contain;
  width: 950px;
  margin: 0 auto;
  margin-top: -80px;
  padding: 25px 0 73px;
  text-align: center;
}
.point-area .sec-inner .point-colorBox .point-colorBox-head {
  font-size: 2.6rem;
  vertical-align: top;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.08em;
  font-weight: 600;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-area .sec-inner .point-colorBox {
    width: min(95vw, 950px);
    margin-top: max(-8vw, -80px);
    padding: min(2.5vw, 25px) 0 min(7.3vw, 73px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-area .sec-inner .point-colorBox .point-colorBox-head {
    font-size: min(2.6vw, 26px);
  }
}
.sec-inner .point-colorBox .white-wrap {
  background-color: #FFF;
}

.point-area .sec-inner .point-colorBox .point-colorBox-head span {
  font-size: 4.1rem;
  color: #ef0060;
  margin-right: 0.6em;
}
.point-area .sec-inner .point-colorBox .point-colorBox-head span:after {
  content: "";
  display: block;
  width: 3px;
  height: 50px;
  background-color: #ef0060;
  position: absolute;
  right: -13px;
  top: -1px;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-area .sec-inner .point-colorBox .point-colorBox-head span {
    font-size: min(4.1vw, 41px);
    margin-right: min(2.4vw, 24px);
  }
  .point-area .sec-inner .point-colorBox .point-colorBox-head span:after {
    width: min(0.3vw, 3px);
    height: min(5vw, 50px);
    right: max(-1.3vw, -13px);
    top: max(-0.1vw, -1px);
  }
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox {
  width: 600px;
  margin: 0 auto;
  background-color: #f8f8f8;
}
#point01 .white-wrap {
  padding-top: 30px;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox dl {
  display: flex;
  flex-wrap: wrap;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox dl dt {
  width: 27%;
  text-align: center;
  font-size: 1.8rem;
  color: #FFF;
  background-color: #000;
  line-height: 1;
  padding: 0.6em 0;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox dl dd {
  width: 73%;
  text-align: center;
  font-size: 1.6rem;
  color: #FFF;
  background-color: #4d4d4d;
  line-height: 1;
  letter-spacing: 0.07em;
  padding: 0.8em 0;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-01 {
  width: 401px;
  margin: 21px auto 22px;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-02 {
  width: 397px;
  margin: 20px auto 7px;
  position: relative;
  left: 8px;
}

@media screen and (min-width: 751px) {
  #point01 .white-wrap {
    padding-top: 47px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-cb-innerBox {
    width: min(60vw, 600px);
  }
  #point01 .white-wrap {
    padding-top: min(4.7vw, 47px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-cb-innerBox dl dt {
    font-size: min(1.8vw, 18px);
    padding: min(1.1vw, 11px) 0;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox dl dd {
    font-size: min(1.6vw, 16px);
    padding: min(1.1vw, 11px) 0;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-01 {
    width: min(40.1vw, 401px);
    margin: min(2.1vw, 21px) auto min(2.2vw, 22px);
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-02 {
    width: min(39.7vw, 397px);
    margin: min(2vw, 20px) auto min(0.7vw, 7px);
    left: min(0.8vw, 8px);
  }
}
.point-colorBox .point-cb-image-02-list {
  display: flex;
  justify-content: space-between;
  width: 368px;
  margin: 0 auto 18px;
}
.point-colorBox .point-cb-image-02-list li {
  line-height: 1;
  font-size: 1.5rem;
  width: 162px;
  text-align: center;
  color: #FFF;
  padding: 0.3em 0;
}
.point-colorBox .point-cb-image-02-list li:nth-child(1) {
  background-color: #a8882c;
}
.point-colorBox .point-cb-image-02-list li:nth-child(2) {
  background-color: #1d56ae;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .point-colorBox .point-cb-image-02-list {
    width: min(36.8vw, 368px);
    margin: 0 auto min(1.8vw, 18px);
  }
  .point-colorBox .point-cb-image-02-list li {
    font-size: min(1.5vw, 15px);
    width: min(16.2vw, 162px);
    padding: min(0.4vw, 4px) 0;
  }
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-02-text {
  font-size: 1.3rem;
  line-height: 1;
  margin-bottom: 25px;
  text-align: center;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-03 {
  width: 370px;
  margin: 3px auto 6px;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-closeText {
  font-size: 2.1rem;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  padding-bottom: 50px;
}
#point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-arrowText {
  background-image: url(../img/point-arrow_pc.png);
  width: 163px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 2.6rem;
  padding-bottom: 10px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.09em;
}
#point01 .sec-inner .point-colorBox .point-continuation {
  position: relative;
  margin: 69px auto 45px;
  width: 467px;
  height: 125px;
  background-image: url(../img/point01-no1_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 2.4rem;
  line-height: 1.15;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 500;
}
#point01 .sec-inner .point-colorBox .point-continuation .min {
  color: #ef0060;
  font-size: 7rem;
  font-weight: 500;
  letter-spacing: 0.9rem;
}
#point01 .sec-inner .point-colorBox .point-column-box {
  background-image: url(../img/point01-column-bg_pc.jpg);
  background-repeat: no-repeat;
  padding: 29px 0 23px;
  background-size: 100% 100%;
}
#point01 .sec-inner .point-colorBox .point-column-box .point-column-list {
  display: flex;
  flex-wrap: wrap;
  width: 640px;
  justify-content: space-between;
  margin: 0 auto;
}
#point01 .sec-inner .point-colorBox .point-column-box .point-column-text {
  color: #FFF;
  line-height: 1;
  text-align: right;
  filter: drop-shadow(0px 0px 15px rgb(0, 0, 0));
  font-size: 1.4rem;
  margin-top: 20px;
  margin-right: 150px;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box {
  background-image: url(../img/point01-yahoo-frame_pc.png);
  background-size: 100% 100%;
  margin: 34px auto 0;
  width: 757px;
  padding: 0 41px 20px;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box h4 {
  font-size: 2.8rem;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  padding: 13px 0 0;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box img {
  display: block;
  margin: 64px auto 40px;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box dl dt {
  color: #f40004;
  font-size: 2.4rem;
  line-height: 1.6;
  border-bottom: dotted 2px #f40004;
  padding-bottom: 10px;
  padding-left: 14px;
  letter-spacing: 0.1em;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box dl dt span {
  display: inline-block;
  width: 30px;
  background-color: #f40004;
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  margin-right: 15px;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box dl dt span.indent {
  background-color: transparent;
  color: #f40004;
  width: auto;
  margin-left: 2em;
  margin-right: 0;
}
#point01 .sec-inner .point-colorBox .point-yahoo-box dl dd {
  font-size: 2.1rem;
  line-height: 1.5555555556;
  padding: 16px 7px 29px;
  letter-spacing: 0.1rem;
}
#point01 .sec-inner .point-colorBox.box02, #point01 .sec-inner .point-colorBox.box03 {
  margin-top: 116px;
  padding-bottom: 64px;
}
#point01 .sec-inner .point-colorBox .point-tableBox {
  width: 592px;
  margin: 0 auto;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl {
  border: 3px solid #4d4d4d;
  margin-bottom: 16px;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dt {
  background-color: #4d4d4d;
  color: #FFF;
  line-height: 1;
  font-size: 1.66rem;
  padding: 1.2rem 0 1.6rem 3.2rem;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd {
  display: flex;
  width: 100%;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul {
  display: flex;
  align-items: center;
  width: 100%;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li p {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 1.4em;
  letter-spacing: 0.05em;
  color: #000;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li p span {
  font-size: 1.3rem;
  line-height: 1.4;
  display: inline-block;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li img {
  width: 78px;
  position: relative;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(1) {
  width: 417px;
  height: 80px;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(1):after {
  content: "";
  display: block;
  width: 2px;
  height: 54px;
  background-color: #000;
  position: absolute;
  right: -15px;
  top: 11px;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) {
  width: 160px;
  height: 110px;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 16px;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p {
  color: #f01f6c;
  font-size: 3.8rem;
  padding-left: 0;
  font-weight: 600;
  text-align: center;
  line-height: 0;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p span {
  font-size: 2.12rem;
}
#point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p span.black-small {
  display: inline-block;
  line-height: 1;
  font-size: 1.2rem;
  color: #000;
}
#point01 .sec-inner .point-colorBox .point-table-text {
  font-size: 2.2rem;
  line-height: 1.7307692308;
  margin: 17px auto 0;
  width: 650px;
  position: relative;
  left: 8px;
}
#point01 .sec-inner .point-colorBox .point-tableImageBox {
  width: 540px;
  margin: 0 auto;
}
#point01 .sec-inner .point-colorBox .point-tableImageBox h3 {
  background-color: #f01f6c;
  font-size: 2rem;
  color: #FFF;
  text-align: center;
  padding: 1rem 0;
  font-weight: 500;
  margin-bottom: 30px;
}
#point01 .sec-inner .point-colorBox.box03 .btn-small:after {
  content: "";
  display: block;
  width: 15px;
  padding-top: 26px;
  background-image: url(../img/btn-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  transition: all ease 0.3s;
  top: 33%;
  right: 7%;
}
#point01 .sec-inner .point-colorBox .point-tableImageBox .point-tableImage {
  width: 100%;
}
#point01 .sec-inner .point-colorBox.box03 .point-ai-image {
  width: 550px;
  margin: 9px auto 0;
}
#point01 .sec-inner .point-colorBox.box03 .point-ai-caution {
  margin: 20px auto 56px;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
}
#point01 .sec-inner .point-colorBox.box03 .point-ai-mainText {
  font-size: 2.2rem;
  line-height: 1.7307692308;
  width: 623px;
  margin: 0 auto 40px;
}
#point01 .sec-inner .point-colorBox.box03 .btn-small {
  width: 471px;
  margin: 0 auto;
  height: 97px;
  background-image: url(../img/btn-small_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
#point01 .sec-inner .point-colorBox.box03 .btn-small:hover:after {
  right: 4%;
}
#point01 .sec-inner .point-colorBox.box03 .btn-small p {
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.14em;
  font-weight: 500;
  color: #FFF;
  padding-bottom: 15px;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-02-text {
    font-size: min(1.3vw, 13px);
    margin-bottom: min(2.5vw, 25px);
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-03 {
    width: min(37vw, 370px);
    margin: min(0.3vw, 3px) auto min(0.6vw, 6px);
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-closeText {
    font-size: min(2.1vw, 21px);
    padding-bottom: min(5vw, 50px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-arrowText {
    width: min(16.3vw, 163px);
    height: min(7.2vw, 72px);
    font-size: min(2.6vw, 26px);
    padding-bottom: min(1vw, 10px);
    bottom: max(-4vw, -40px);
    background-size: cover;
  }
  #point01 .sec-inner .point-colorBox .point-continuation {
    margin: min(6.9vw, 69px) auto min(4.5vw, 45px);
    width: min(46.7vw, 467px);
    height: min(12.5vw, 125px);
    font-size: min(2.4vw, 24px);
  }
  #point01 .sec-inner .point-colorBox .point-continuation .min {
    font-size: min(7vw, 70px);
  }
}
@media screen and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-continuation-num {
    font-size: 8.1rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-column-box {
    padding: min(2.9vw, 29px) 0 min(2.3vw, 23px);
  }
  #point01 .sec-inner .point-colorBox .point-column-box .point-column-list {
    width: min(64vw, 640px);
  }
  #point01 .sec-inner .point-colorBox .point-column-box .point-column-list li {
    width: 29%;
  }
  #point01 .sec-inner .point-colorBox .point-column-box .point-column-text {
    filter: drop-shadow(0px 0px min(1.5vw, 15px) rgb(0, 0, 0));
    font-size: min(1.4vw, 14px);
    margin-top: min(2vw, 20px);
    margin-right: min(15vw, 150px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-yahoo-box {
    margin: min(3.4vw, 34px) auto 0;
    width: min(75.7vw, 757px);
    padding: 0 min(4.1vw, 41px) min(2vw, 20px);
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box h4 {
    font-size: min(2.8vw, 28px);
    padding: min(1.3vw, 13px) 0 0;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box img {
    margin: min(6.4vw, 64px) auto min(4vw, 40px);
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dt {
    font-size: min(2.4vw, 24px);
    padding-bottom: min(1vw, 10px);
    padding-left: min(1.4vw, 14px);
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dt span {
    width: min(3vw, 30px);
    margin-right: min(1.5vw, 15px);
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dt span.indent {
    margin-left: min(5vw, 5em);
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dd {
    font-size: min(2.1vw, 21px);
    padding: min(1.6vw, 16px) min(0.7vw, 7px) min(2.9vw, 29px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox.box02, #point01 .sec-inner .point-colorBox.box03 {
    margin-top: min(9.5vw, 95px);
    padding-bottom: min(6.4vw, 64px);
  }
}
@media screen and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox.box03.is-bottom {
    margin-top: 115px;
  }
  #point01 .sec-inner .point-colorBox .point-colorBox-head {
    position: relative;
    z-index: 1;
    top: 17px;
    left: -26px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox.box03.is-bottom {
    margin-top: min(11.5vw, 115px);
  }
  #point01 .sec-inner .point-colorBox .point-colorBox-head {
    top: min(1.7vw, 17px);
    left: max(-2.6vw, -26px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-tableBox {
    width: min(59.2vw, 592px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl {
    margin-bottom: min(1.6vw, 16px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dt {
    font-size: min(1.6vw, 16px);
    padding: min(1.2vw, 12px) 0 min(1.6vw, 16px) min(3.2vw, 32px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li p {
    font-size: min(2.2vw, 22px);
    padding-left: min(3vw, 30px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li p span {
    font-size: min(1.3vw, 13px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li img {
    width: min(7.8vw, 78px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(1) {
    width: min(41.7vw, 417px);
    height: min(8vw, 80px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(1):after {
    width: min(0.2vw, 2px);
    height: min(5.4vw, 54px);
    right: max(-1.5vw, -15px);
    top: min(1.1vw, 11px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) {
    width: min(16vw, 160px);
    height: min(11vw, 110px);
    left: min(1.6vw, 16px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p {
    font-size: min(3.8vw, 38px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p span {
    font-size: min(2.1vw, 21px);
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p span.black-small {
    font-size: min(1.2vw, 12px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox .point-table-text {
    font-size: min(2.2vw, 22px);
    margin: min(1.7vw, 17px) auto 0;
    width: min(65vw, 650px);
    left: min(0.8vw, 8px);
  }
  #point01 .sec-inner .point-colorBox .point-tableImageBox {
    width: min(54vw, 540px);
  }
  #point01 .sec-inner .point-colorBox .point-tableImageBox h3 {
    font-size: min(2vw, 20px);
    padding: min(1vw, 10px) 0;
    margin-bottom: min(3vw, 30px);
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small:after {
    width: min(1.5vw, 15px);
    padding-top: min(2.6vw, 26px);
  }
}
/* box03 */
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point01 .sec-inner .point-colorBox.box03 .point-ai-image {
    width: min(55vw, 550px);
    margin: min(0.9vw, 9px) auto 0;
  }
  #point01 .sec-inner .point-colorBox.box03 .point-ai-caution {
    margin: min(2vw, 20px) auto min(5.6vw, 56px);
    font-size: min(1.3vw, 13px);
  }
  #point01 .sec-inner .point-colorBox.box03 .point-ai-mainText {
    font-size: min(2.2vw, 22px);
    width: min(62.3vw, 623px);
    margin: 0 auto min(4vw, 40px);
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small {
    width: min(47.1vw, 471px);
    height: min(9.7vw, 97px);
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small p {
    font-size: min(2.4vw, 24px);
    padding-bottom: min(1.5vw, 15px);
  }
}
/*============================
#point02
============================*/
#point02 .sec-inner {
  max-width: 100%;
}
#point02.point-area {
  margin-top: 0;
  background: #fff;
}
#point02.point-area .sec-inner {
  /* background-color: #f8f8f8; */
  padding-bottom: 185px;
}
#point02.point-area .sec-inner .point-titleWrap {
  background-image: url(../img/point02-head-bg_pc.jpg);
}
#point02.point-area .sec-inner .point-colorBox.box01 {
  /* padding-bottom: 38px; */
}
#point02.point-area .sec-inner .point-colorBox.box01 .point02-mainImage {
  width: 624px;
  margin: 40px auto 30px;
}
#point02.point-area .sec-inner .point-colorBox.box01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 512px;
  margin: 0 auto 13px;
}
#point02.point-area .sec-inner .point-colorBox.box01 ul li {
  display: flex;
  justify-content: center;
}
#point02.point-area .sec-inner .point-colorBox.box01 ul li p {
  position: absolute;
  top: 87px;
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.3076923077;
  font-weight: 500;
}
#point02.point-area .sec-inner .point-colorBox.box01 ul li:nth-of-type(3) p {
  top: 50%;
}
#point02.point-area .sec-inner .point-colorBox.box01 ul li:nth-of-type(3) p span {
  /* font-size: 1rem; */
}
#point02.point-area .sec-inner .point-colorBox.box01 .point02-mainText {
  text-align: center;
  font-size: 2.22rem;
  line-height: 1.7307692308;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point02.point-area .sec-inner {
    padding-bottom: min(16.7vw, 167px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point02.point-area .sec-inner .point-colorBox.box01 .point02-mainImage {
    width: min(62.4vw, 624px);
    margin: min(4vw, 40px) auto min(3vw, 30px);
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul {
    width: min(51.2vw, 512px);
    margin: 0 auto min(1.3vw, 13px);
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul li {
    width: 31%;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul li p {
    top: min(8.7vw, 87px);
    font-size: min(1.7vw, 17px);
  }
  #point02.point-area .sec-inner .point-colorBox.box01 .point02-mainText {
    font-size: min(2.2vw, 22px);
  }
}
/*============================
#point03
============================*/
#point03 .sec-inner {
  max-width: 100%;
}
#point03.point-area {
  margin-top: 0;
}
#point03.point-area .sec-inner {
  background-color: #f8f8f8;
  padding-bottom: 113px;
  margin-bottom: 0;
}
#point03.point-area .sec-inner .point-titleWrap {
  background-image: url(../img/point03-head-bg_pc.jpg);
}
#point03.point-area .sec-inner .point-colorBox .black-head {
  position: relative;
  z-index: 1;
  top: 28px;
  width: 637px;
  margin: 0 auto 0;
  background-color: #000;
  color: #FFF;
  text-align: center;
  padding: 1.4rem 0;
  font-size: 2.4rem;
  line-height: 1;
}
#point03.point-area .sec-inner .point-colorBox .ca-image {
  width: 360px;
  margin: 0 auto 110px;
  padding-top: 73px;
}
#point03.point-area .sec-inner .point-colorBox .ca-image:after {
  content: "";
  display: block;
  width: 179px;
  height: 39px;
  background-image: url(../img/point03-main-arrow_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -84px;
  left: 50%;
  transform: translateX(-50%);
}
#point03.point-area .sec-inner .point-colorBox .pink-head {
  background-color: #f01f6c;
  color: #FFF;
  text-align: center;
  padding: 0.7em 0;
  font-size: 2.3rem;
  line-height: 1;
  width: 637px;
}
#point03.point-area .sec-inner .point-colorBox .ace-image {
  width: 741px;
  margin: 16px auto 50px;
}
#point03.point-area .sec-inner .point-colorBox .point02-mainText {
  font-size: 2.22rem;
  line-height: 1.7307692308;
  width: 628px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point03.point-area .sec-inner {
    padding-bottom: min(11.3vw, 113px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #point03.point-area .sec-inner .point-colorBox .black-head {
    top: min(2.8vw, 28px);
    width: min(63.7vw, 637px);
    padding: min(1.4vw, 14px) 0;
    font-size: min(2.4vw, 24px);
  }
  #point03.point-area .sec-inner .point-colorBox .ca-image {
    width: min(36vw, 360px);
    margin: 0 auto min(11vw, 110px);
    padding-top: min(7.3vw, 73px);
  }
  #point03.point-area .sec-inner .point-colorBox .ca-image:after {
    width: min(17.9vw, 179px);
    height: min(3.9vw, 39px);
    bottom: max(-8.4vw, -84px);
  }
  #point03.point-area .sec-inner .point-colorBox .pink-head {
    padding: min(1.6vw, 16px) 0;
    font-size: min(2.3vw, 23px);
    width: min(63.7vw, 637px);
  }
  #point03.point-area .sec-inner .point-colorBox .ace-image {
    width: min(74.1vw, 741px);
    margin: min(1.6vw, 16px) auto min(5vw, 50px);
  }
  #point03.point-area .sec-inner .point-colorBox .point02-mainText {
    font-size: min(2.2vw, 22px);
    width: min(62.8vw, 628px);
  }
}
/*============================
.cv-area
============================*/
.cv-area .sec-inner {
  padding: 82px 0 56px;
  text-align: center;
}
.cv-area .sec-inner h3 {
  font-size: 2.54rem;
  text-align: center;
  letter-spacing: 0.2rem;
  font-weight: 500;
  border-bottom: 3px solid #ef0060;
  display: inline-block;
  padding-bottom: 10px;
}
.cv-area .sec-inner .btn-form {
  margin-top: 20px;
  flex-direction: column;
}
.cv-area .sec-inner .btn-form p {
  font-size: 1.9rem;
  font-weight: bold;
  color: #000;
  background-color: #FFF;
  border-radius: 12px;
  line-height: 1;
  letter-spacing: 0;
  padding: 0.3em 1.5em;
}
.cv-area .sec-inner .btn-form h4 {
  font-size: 3.6rem;
  font-weight: bold;
  color: #FFF;
  font-weight: 500;
  line-height: 0.6;
  letter-spacing: 0.08em;
  padding: 0.3em 1.5em 0.5em;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .cv-area .sec-inner {
    padding: min(8.2vw, 82px) 0 min(5.6vw, 56px);
  }
  .cv-area .sec-inner h3 {
    font-size: min(2.5vw, 25px);
    padding-bottom: min(1vw, 10px);
  }
  .cv-area .sec-inner .btn-form {
    margin-top: min(2vw, 20px);
  }
  .cv-area .sec-inner .btn-form p {
    font-size: min(1.9vw, 19px);
    border-radius: min(1.2vw, 12px);
    padding: min(0.5vw, 5px) min(2.8vw, 28px);
  }
  .cv-area .sec-inner .btn-form h4 {
    font-size: min(3.6vw, 36px);
    padding: min(1.1vw, 11px) min(5.4vw, 54px) min(1.8vw, 18px);
  }
}
/*============================
#improve
============================*/
#improve {
  background-image: url(../img/improve-bg_pc.jpg);
  background-size: cover;
  background-position: center top;
}
#improve .sec-inner {
  text-align: center;
  padding: 38px 0 77px;
}
#improve .sec-inner .improve-head {
  text-align: center;
  color: #FFF;
  font-size: 2.5rem;
  letter-spacing: 0.3rem;
  line-height: 1;
}
#improve .sec-inner h2 {
  font-size: 3.6rem;
  color: #FFF;
  line-height: 1.5;
  text-align: center;
  margin-top: 16px;
  font-weight: 500;
  letter-spacing: 0.3rem;
}
#improve .sec-inner .improve-mainImg {
  margin: 0 auto;
  display: block;
  width: 317px;
}
#improve .sec-inner .improve-mainText {
  font-size: 2.2rem;
  line-height: 1.6842105263;
  text-align: left;
  color: #FFF;
  width: 598px;
  margin: 0 auto 40px;
  text-shadow: 0px 0px 10px rgb(0, 0, 0), 0px 0px 10px rgb(0, 0, 0), 0px 0px 10px rgb(0, 0, 0);
  letter-spacing: 0.15rem;
}
#improve .sec-inner .improve-detail {
  background-color: #FFF;
  border-radius: 10px;
  padding: 0 3em;
  width: 674px;
  margin: 0 auto 60px;
}
#improve .sec-inner .improve-detail dt {
  font-size: 3.33rem;
  line-height: 1;
  color: #3bd0ed;
  font-weight: 600;
  text-align: center;
  padding: 0.6em 0;
  width: 546px;
  margin: 0 auto;
  border-bottom: 1px solid #bfbfbf;
  letter-spacing: 0.4rem;
}
#improve .sec-inner .improve-detail dd {
  font-size: 1.8rem;
  line-height: 1.6964285714;
  text-align: center;
  padding: 0.8em 0 1.2em;
  font-weight: 500;
  letter-spacing: 0.05em;
}
#improve .sec-inner .improve-color-box {
  background-image: url(../img/box-bg-top_pc.png), url(../img/box-bg-bottom_pc.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  background-size: contain, contain;
  width: 950px;
  margin: 0 auto;
  padding: 71px 0 75px;
  text-align: center;
}
#improve .sec-inner .improve-color-box .improve-CB-inner {
  background-color: #FFF;
  z-index: 0;
}
#improve .sec-inner .improve-color-box .improve-CB-inner h3 {
  width: 630px;
  position: relative;
  top: -11px;
  margin: 0 auto;
  font-size: 2.5rem;
  background-color: #f01f6c;
  color: #FFF;
  text-align: center;
  padding: 0.5em 0 0.6em;
  letter-spacing: 0.2rem;
}
#improve .sec-inner .improve-color-box .improve-CB-inner h3 span {
  font-size: 2rem;
  display: inline-block;
  margin-right: 0.5em;
}
#improve .sec-inner .improve-color-box .improve-tableImg {
  width: 370px;
  margin: 21px auto 19px;
}
#improve .sec-inner .improve-color-box .improve-tableText {
  width: 610px;
  margin: 0 auto 54px;
  font-size: 1.9rem;
  line-height: 1.7083333333;
  letter-spacing: 0.05em;
}
#improve .sec-inner .improve-color-box .improve-qsImg {
  width: 370px;
  margin: 20px auto 22px;
}
#improve .sec-inner .improve-color-box .improve-qsText {
  width: 605px;
  margin: 0 auto 15px;
  font-size: 1.9rem;
  line-height: 1.7083333333;
  letter-spacing: 0.05em;
}
#improve .sec-inner .improve-color-box .improve-qsText sup {
  font-size: 1rem;
  line-height: 2.5;
  vertical-align: top;
}
#improve .sec-inner .improve-color-box .imrove-qsCaution {
  width: 602px;
  margin: 0 auto 0;
  font-size: 1.4rem;
  line-height: 1.2923076923;
  letter-spacing: 0.05em;
}
#improve .sec-inner .improve-close-head {
  width: 180px;
  height: 34px;
  background-image: url(../img/improve-closetext-bg_pc.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 54px auto 0;
  font-size: 2.58rem;
  letter-spacing: 0.2em;
  color: #FFF;
  font-weight: 500;
  text-align: center;
  padding-top: 15px;
}
#improve .sec-inner .improve-close-box {
  width: 678px;
  margin: 0 auto;
  border: 3px solid #FFF;
  border-radius: 20px;
  text-align: center;
  margin-top: 38px;
  background-color: rgba(2, 13, 44, 0.7);
}
#improve .sec-inner .improve-close-box dt {
  color: #f01f6c;
  background-color: #FFF;
  display: inline-block;
  font-size: 2.2rem;
  line-height: 1;
  border-radius: 5px;
  margin-top: -25px;
  padding: 0.5em 1.3em;
  font-weight: 600;
  letter-spacing: 0.3rem;
}
#improve .sec-inner .improve-close-box dd {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.6em 0 5.2em;
}
#improve .sec-inner .improve-close-box dd p {
  font-size: 3.1rem;
  line-height: 1.3571428571;
  color: #FFF;
  margin-left: 1.5em;
  letter-spacing: 0.3rem;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #improve .sec-inner {
    padding: min(3.8vw, 38px) 0 min(7.7vw, 77px);
  }
  #improve .sec-inner .improve-head {
    font-size: min(2.5vw, 25px);
  }
  #improve .sec-inner h2 {
    font-size: min(3.6vw, 36px);
    margin-top: min(1.6vw, 16px);
  }
  #improve .sec-inner .improve-mainImg {
    width: min(31.7vw, 317px);
  }
  #improve .sec-inner .improve-mainText {
    font-size: min(2.2vw, 22px);
    width: min(59.8vw, 598px);
    margin: 0 auto min(4vw, 40px);
    text-shadow: 0px 0px min(1vw, 10px) rgb(0, 0, 0), 0px 0px min(1vw, 10px) rgb(0, 0, 0), 0px 0px min(1vw, 10px) rgb(0, 0, 0);
  }
  #improve .sec-inner .improve-detail {
    border-radius: min(1vw, 10px);
    padding: 0 min(3vw, 30px);
    width: min(67.4vw, 674px);
    margin: 0 auto min(6vw, 60px);
  }
  #improve .sec-inner .improve-detail dt {
    font-size: min(3.3vw, 33px);
    padding: min(2vw, 20px) 0;
    width: min(54.6vw, 546px);
  }
  #improve .sec-inner .improve-detail dd {
    font-size: min(1.8vw, 18px);
    padding: min(1.4vw, 14px) 0 min(2.1vw, 21px);
  }
  #improve .sec-inner .improve-color-box {
    width: min(95vw, 950px);
    padding: min(7.1vw, 71px) 0 min(7.5vw, 75px);
  }
  #improve .sec-inner .improve-color-box .improve-CB-inner h3 {
    width: min(63vw, 630px);
    top: max(-1.1vw, -11px) x;
    font-size: min(2.5vw, 25px);
    padding: min(1.2vw, 12px) 0 min(1.5vw, 15px);
  }
}
@media screen and (max-width: 750px) {
  #improve .sec-inner .improve-color-box .improve-CB-inner h3 span {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #improve .sec-inner .improve-color-box .improve-CB-inner h3 span {
    font-size: min(2vw, 20px);
    margin-right: min(1vw, 10px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #improve .sec-inner .improve-color-box .improve-tableImg {
    width: min(37vw, 370px);
    margin: min(2.1vw, 21px) auto min(1.9vw, 19px);
  }
  #improve .sec-inner .improve-color-box .improve-tableText {
    width: min(61vw, 610px);
    margin: 0 auto min(5.4vw, 54px);
    font-size: min(1.9vw, 19px);
  }
  #improve .sec-inner .improve-color-box .improve-qsImg {
    width: min(37vw, 370px);
    margin: min(2vw, 20px) auto min(2.2vw, 22px);
  }
  #improve .sec-inner .improve-color-box .improve-qsText {
    width: min(60.5vw, 605px);
    margin: 0 auto min(1.5vw, 15px);
    font-size: min(1.9vw, 19px);
  }
  #improve .sec-inner .improve-color-box .improve-qsText sup {
    font-size: min(1vw, 10px);
  }
  #improve .sec-inner .improve-color-box .imrove-qsCaution {
    width: min(60.2vw, 602px);
    font-size: min(1.4vw, 14px);
  }
  #improve .sec-inner .improve-close-head {
    width: min(18vw, 180px);
    height: min(3.4vw, 34px);
    margin: min(5.4vw, 54px) auto 0;
    font-size: min(2.6vw, 26px);
    padding-top: min(1.5vw, 15px);
  }
  #improve .sec-inner .improve-close-box {
    width: min(67.8vw, 678px);
    border-radius: min(2vw, 20px);
    margin-top: min(3.8vw, 38px);
  }
  #improve .sec-inner .improve-close-box dt {
    font-size: min(2.2vw, 22px);
    border-radius: min(0.5vw, 5px);
    margin-top: max(-2.5vw, -25px);
    padding: min(1.1vw, 11px) min(2.8vw, 28px);
  }
  #improve .sec-inner .improve-close-box dd {
    padding: min(3.6vw, 36px) 0 min(5.2vw, 52px);
  }
  #improve .sec-inner .improve-close-box dd p {
    font-size: min(3.1vw, 31px);
    margin-left: min(4.6vw, 46px);
  }
}
/*============================
#faq
============================*/
#faq {
  background-color: #f8f8f8;
  padding: 48px 0 83px;
}
#faq .sec-inner {
  text-align: center;
}
#faq .sec-inner h2 {
  text-align: center;
  font-size: 3.9rem;
  line-height: 1;
  letter-spacing: 0.2rem;
  margin-bottom: 58px;
}
#faq .sec-inner .faq-item {
  border: 2px solid #757575;
  padding: 2.7em 2.2em;
}
#faq .sec-inner .faq-item:not(:last-of-type) {
  margin-bottom: 42px;
}
#faq .sec-inner .faq-item dt {
  background-color: #ef0060;
  color: #FFF;
  font-size: 2.3rem;
  line-height: 1;
  padding: 0.7em 0 0.9em 2.7em;
  letter-spacing: 0.17rem;
}
#faq .sec-inner .faq-item dt:before {
  content: "";
  display: block;
  width: 31px;
  height: 37px;
  background-image: url(../img/faq-icon-q.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.8em;
  top: 0.5em;
}
#faq .sec-inner .faq-item dd {
  font-size: 1.9rem;
  line-height: 1.7083333333;
  margin: 13px 0 0;
  letter-spacing: 0.05em;
  font-weight: 500;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #faq {
    padding: min(4.8vw, 48px) 0 min(8.3vw, 83px);
  }
}
@media screen and (min-width: 751px) {
  #faq .sec-inner {
    max-width: 830px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  #faq .sec-inner h2 {
    font-size: min(3.9vw, 39px);
    margin-bottom: min(5.8vw, 58px);
  }
  #faq .sec-inner .faq-item {
    padding: min(2.7vw, 27px) min(2.2vw, 22px);
  }
  #faq .sec-inner .faq-item:not(:last-of-type) {
    margin-bottom: 42px;
  }
  #faq .sec-inner .faq-item dt {
    font-size: min(2.3vw, 23px);
    padding: min(1.6vw, 16px) 0 min(2vw, 20px) min(6.2vw, 62px);
  }
  #faq .sec-inner .faq-item dt:before {
    width: min(3.1vw, 31px);
    height: min(3.7vw, 37px);
    left: min(1.8vw, 18px);
    top: min(1.1vw, 11px);
  }
  #faq .sec-inner .faq-item dd {
    font-size: min(1.9vw, 19px);
    margin: min(1.3vw, 13px) 0 0;
  }
}
/*============================
#form
============================*/
#form_top {
  position: absolute;
  top: 2.5vw;
}

#form {
  width: 370px;
  background-color: white;
  border-radius: 15px;
  position: absolute;
  z-index: 100;
  top: 68px;
  left: 62vw;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.168627451);
}
#form .form_title {
  position: relative;
  background-color: #f01a6f;
  border-radius: 10px 10px 0 0;
  color: white;
}
#form .form_tit1 {
  position: absolute;
  background-color: white;
  color: #f01a6f;
  border: 3px solid #f01a6f;
  border-radius: 20px;
  font-size: 15.5px;
  top: -16px;
  left: 62px;
  padding: 1px 20px;
  font-weight: 600;
  letter-spacing: -1.5px;
}
#form .form_tit2 {
  font-size: 15px;
  font-weight: 500;
  padding-top: 17px;
  padding-left: 70px;
  color: #ffe430;
}
#form .form_tit3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: 65px;
  margin-left: 5px;
  position: relative;
  margin-top: -1px;
  margin-bottom: 10px;
}
#form .form_tit3::before {
  position: absolute;
  content: "";
  background-image: url(../img/form_title_img1.png);
  background-size: 100% 100%;
  width: 60px;
  height: 50px;
  left: 0;
  top: -17px;
}
#form .form_title_img2 {
  padding: 0.1px;
  position: relative;
}
#form .form_title_img2 img {
  position: absolute;
  width: 72px;
  top: -102px;
  right: -6px;
}
#form .hsForm_0b08b6e4-cea4-4401-babc-e552e02e2e6a {
  padding: 10px 30px 15px 31px;
  height: 510px;
}
#form .hsForm_925a3a7a-102c-421e-885e-9d80b4726487 {
  padding: 10px 28px 15px 22px;
}
#form label {
  font-size: 13px;
  font-weight: 700;
}
#form .hs-main-font-element {
  font-size: 9px;
  color: #f01a6f;
}

.form-columns-2 {
  margin-top: 8px !important;
}

.form-columns-1 {
  margin-top: 8px !important;
}
.form-columns-1:nth-child(1) {
  margin-top: 0px !important;
}

.hs-form-0b08b6e4-cea4-4401-babc-e552e02e2e6a_502f85e6-d561-461c-95c0-536050d6569f fieldset.form-columns-2 .input {
  margin-right: 0px !important;
  width: 75.6vw;
}

.hs-richtext p {
  margin-top: 20px;
  margin-bottom: 17px;
  font-size: 12px;
}
.hs-richtext a {
  text-decoration: underline;
  color: #0054d3;
}

#form input {
  height: 28px;
}
#form input[name=company], #form input[name=email], #form input[name=phone], #form input[name=company_lp], #form input[name=competitor_lp] {
  background-color: #eeeeee;
  border: 0px;
  border-radius: 5px;
  width: 311px;
  margin-bottom: 2.5%;
}
#form input[name=lastname] {
  background-color: #eeeeee;
  border: 0px;
  border-radius: 5px;
  width: 150px;
  margin-bottom: 4.5%;
}
#form input[name=firstname] {
  background-color: #eeeeee;
  border: 0px;
  border-radius: 5px;
  width: 155px;
  margin-bottom: 4.5%;
}
#form select {
  background-color: #eeeeee;
  border: 0px;
  border-radius: 5px;
  height: 28px;
  width: 311px;
  padding: 5px 20px 5px 5px;
  margin-bottom: 2.5%;
}

#promotion_budget-0b08b6e4-cea4-4401-babc-e552e02e2e6a {
  /* 標準の下矢印を非表示にする */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* カスタム矢印画像を追加 */
  background-image: url("../img/arrow-image.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 13px;
  /* 画像サイズに応じて調整 */
  background-position: calc(100% - 12px) center;
  /* ここを調整 */
}
#promotion_budget-0b08b6e4-cea4-4401-babc-e552e02e2e6a::-ms-expand {
  display: none;
}

/* IE10以降用 */
#form .actions {
  position: relative;
  display: inline-block;
  /* または適切なdisplayプロパティ */
  width: 335px;
  /* pink_btn.png の幅 */
  height: 80px;
}
#form .actions input[type=submit] {
  opacity: 0;
  position: absolute;
  top: 12px;
  left: -10px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
#form .actions::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -10px;
  width: 100%;
  height: 100%;
  background-image: url("../img/form_btn_pink.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
#form .actions:hover::before {
  opacity: 0.8;
  /* ホバー時のエフェクト（オプション） */
}
#form .actions:active::before {
  opacity: 1;
  /* クリック時のエフェクト（オプション） */
}

@media screen and (max-width: 750px) {
  #form_top {
    position: relative;
    top: -10vw;
  }
  #form {
    width: 86.6666666667vw;
    position: relative;
    top: 0;
    left: 6.5%;
    right: -6.5%;
    margin-bottom: 12%;
  }
  #form .form_tit1 {
    border-radius: 2vw;
    border: 3px solid #f01a6f;
    font-size: 3.8666666667vw;
    top: -18%;
    left: 10.8vw;
    padding: 0.2vw 6vw;
    letter-spacing: -0.35vw;
  }
  #form .form_tit2 {
    font-size: 3.8vw;
    padding-top: 5vw;
    padding-left: 16.3vw;
    letter-spacing: -0.3333333333vw;
  }
  #form .form_tit3 {
    font-size: 5.6vw;
    padding-left: 16vw;
    margin-left: 0.5vw;
    margin-top: 0;
    margin-bottom: 3vw;
  }
  #form .form_tit3::before {
    width: 12.6666666667vw;
    height: 10vw;
    left: 2vw;
    top: -4vw;
  }
  #form .form_title_img2 img {
    width: 16.8vw;
    top: -22.3vw;
    right: -1.4vw;
  }
  #form label {
    font-size: 3.5vw;
  }
  #form .hs-main-font-element {
    font-size: 1.2vw;
  }
  #form .hsForm_0b08b6e4-cea4-4401-babc-e552e02e2e6a {
    padding: 2vw 4vw;
    height: 125.2vw;
  }
  #form .hsForm_925a3a7a-102c-421e-885e-9d80b4726487 {
    padding: 2vw 4vw;
  }
  #form .hsForm_925a3a7a-102c-421e-885e-9d80b4726487 fieldset {
    max-width: 100%;
  }
  #form .hsForm_925a3a7a-102c-421e-885e-9d80b4726487 .form-columns-1 .hs-form-field .hs-field-desc {
    font-size: 1.92vw;
  }
  #form input {
    height: 7vw;
  }
  form.hs-form-0b08b6e4-cea4-4401-babc-e552e02e2e6a_b9ea283c-bd60-497d-b95b-e1ccf92483e3:not(.hs-video-form) .form-columns-2 .hs-form-field,
  form.hs-form-0b08b6e4-cea4-4401-babc-e552e02e2e6a_b9ea283c-bd60-497d-b95b-e1ccf92483e3:not(.hs-video-form) .form-columns-3 .hs-form-field {
    float: left;
    width: 50%;
  }
  #form select {
    height: 7vw;
    width: 100%;
  }
  #form .hs_lastname,
  #form .hs-firstname {
    width: 50% !important;
    float: left !important;
  }
  .hs-richtext p {
    margin-top: 3.333333vw;
    margin-bottom: 5vw;
    font-size: 2.9333333333vw;
  }
  .hs-form-0b08b6e4-cea4-4401-babc-e552e02e2e6a_4340084c-04a9-4313-a47e-895f3d8e8a5f fieldset {
    max-width: 100%;
  }
  #form .actions {
    width: 80vw;
    height: 17.6vw;
    margin-top: 8px;
  }
  #form .actions::before {
    top: 2px;
    left: -5px;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: top;
  }
  #form .actions input[type=submit] {
    top: 2px;
    left: -5px;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #form input[name=company], #form input[name=lastname], #form input[name=firstname], #form input[name=email], #form input[name=phone], #form input[name=company_lp], #form input[name=competitor_lp] {
    width: 100%;
  }
}
/*============================
footer
============================*/
footer {
  background-color: #eeeeee;
  padding: 30px 0;
}
footer .copy {
  color: #646464;
  font-size: 10px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  footer {
    padding: min(3vw, 30px) 0;
  }
  footer .copy {
    font-size: min(1vw, 10px);
  }
}
/* ---------------------------------------------
 float
--------------------------------------------- */
.bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s, opacity 0.4s;
  box-sizing: border-box;
}
.bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}

.bl_floatArea_inner {
  width: 740px;
  margin: 0 auto 12px;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  .bl_floatArea_inner {
    width: min(74vw, 740px);
    margin: 0 auto min(1.2vw, px);
  }
}
/* ---------------------------------------------
 MD
--------------------------------------------- */
@media screen and (max-width: 1940px) and (min-width: 751px) {
  #header {
    box-shadow: 0 min(0.1030927835vw, 2px) min(0.7731958763vw, 15px) 0 rgba(0, 0, 0, 0.11);
  }
  #header .header-inner {
    max-width: min(76.8041237113vw, 1490px);
    padding: min(0.3608247423vw, 7px) min(1.0309278351vw, 20px);
  }
  #header .header-logo-01 {
    width: min(12.1649484536vw, 236px);
    margin: 0 min(0.618556701vw, 12px) 0 0;
  }
  #header .header-logo-02 {
    width: min(20.2577319588vw, 393px);
  }
  #header .header-tel-wrap {
    padding: 0 min(0.8762886598vw, 17px) 0 0;
  }
  #header .header-tel-link {
    width: min(18.1958762887vw, 353px);
    margin: 0 min(1.0824742268vw, 21px) 0 0;
  }
  #header .header-tel-txt {
    font-size: min(0.9278350515vw, 18px);
  }
  #header .header-tel-txt-small {
    left: max(-0.1546391753vw, -3px);
    font-size: min(0.824742268vw, 16px);
  }
}
@media screen and (max-width: 1100px) and (min-width: 751px) {
  #fv .fv-container {
    background-size: 171%;
  }
  #fv .fv-logo-wrap {
    padding: min(3.8181818182vw, 42px) min(1.8181818182vw, 20px) min(3.0909090909vw, 34px);
  }
  #fv .fv-logo {
    width: min(35.7272727273vw, 393px);
  }
  #fv .fv-inner {
    max-width: min(132.2727272727vw, 1455px);
    padding: min(5.2727272727vw, 58px) min(1.6363636364vw, 18px) min(3.6363636364vw, 40px);
  }
  #fv .fv-list {
    margin: 0 0 min(2.7272727273vw, 30px);
  }
  #fv .fv-list-item {
    width: min(26.2727272727vw, 289px);
    margin-bottom: min(2.0909090909vw, 23px);
  }
  #fv .fv-ttl {
    width: min(59.8181818182vw, 658px);
  }
  #fv .fv-txt {
    width: min(63.7272727273vw, 701px);
    padding: 0 0 min(1.7272727273vw, 19px) min(9.8181818182vw, 108px);
  }
  #fv .fv-btn {
    width: min(72.9090909091vw, 802px);
    margin: 0 0 min(2.6363636364vw, 29px);
  }
  #fv .fv-btn a::after {
    width: min(1.7272727273vw, 19px);
    padding-top: min(3.2727272727vw, 36px);
    top: min(4.7272727273vw, 52px);
    right: min(3.9090909091vw, 43px);
  }
  #fv .fv-btn a:hover::after {
    right: min(3.0909090909vw, 34px);
  }
  #fv .fv-caution {
    margin: 0 0 0 min(1.3636363636vw, 15px);
    font-size: min(1.2727272727vw, 14px);
  }
}
/*============================
SP
============================*/
@media (max-width: 750px) {
  /*============================
  #header
  ============================*/
  #header {
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.16);
  }
  #header .header-inner {
    padding: 3.1% 1.7%;
  }
  #header .header-logo-wrap,
  #header .header-tel-wrap {
    display: block;
  }
  #header .header-logo-wrap {
    width: 32%;
  }
  #header .header-tel-wrap {
    width: 47%;
  }
  #header .header-logo-01 {
    width: 100%;
    margin: 0 4% 0 0;
  }
  #header .header-logo-02 {
    width: 100%;
  }
  #header .header-tel-wrap {
    padding: 0 3.2% 0 0;
  }
  #header .header-tel-link {
    position: relative;
    right: -2%;
    width: 100%;
    margin: 0 0 2.5% auto;
  }
  #header .header-tel-link a {
    pointer-events: all;
  }
  #header .header-tel-txt {
    display: flex;
    justify-content: end;
    font-size: 1.9rem;
  }
  #header .header-tel-txt-small {
    display: block;
    position: relative;
    left: -3px;
    font-size: 1.9rem;
  }
  /*============================
  #fv
  ============================*/
  #fv .fv-container {
    background-image: url(../img/fv-bg_sp.jpg);
    background-size: cover;
    margin: 0 0 4%;
    background-position: center;
    height: min(1070px, 142.6666666667vw);
  }
  #fv .fv-logo-wrap {
    padding: 3.8% 2.7% 4.1%;
  }
  #fv .fv-logo {
    width: 48.8%;
    margin: 0 auto;
  }
  #fv .fv-inner {
    padding: 0 3.6% 3.8%;
  }
  #fv .fv-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 56.6%;
    gap: 3%;
  }
  #fv .fv-list-item {
    width: 48%;
    margin: 0;
  }
  #fv .fv-list-item:first-child {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1.7%;
  }
  #fv .fv-list-item:first-child img {
    width: 48%;
  }
  #fv .fv-ttl {
    width: 101%;
    margin: 0 0 0 0.1%;
  }
  #fv .fv-txt {
    width: 82.6%;
    padding: 0 0 0;
    margin: 0 auto 0.4%;
  }
  #fv .fv-btn {
    width: 101%;
    margin: 0 0 0.6%;
  }
  #fv .fv-btn a::after {
    width: 2.6%;
    padding-top: 4.8%;
    top: 34%;
    right: 4.3%;
  }
  #fv .fv-caution {
    position: relative;
    margin: 0 0 0;
    font-size: min(1.4666666667vw, 11px);
    line-height: 1.5;
    text-align: left;
    margin-left: 5.3%;
  }
  #fv .fv-company {
    margin: 0 0 2.4%;
  }
  #intro .sec-inner {
    margin-bottom: 0;
  }
  #intro .intro-company-ttl {
    position: relative;
    width: 78%;
    z-index: 2;
    margin: 0 auto -2.5%;
  }
  #intro .intro-company-img {
    width: 88%;
    margin: 0 auto 14%;
  }
  .sec-inner .btn-wrap {
    margin: 9% auto 18%;
  }
  .btn-form {
    display: flex;
    width: 93.3333333333%;
    background-image: url(../img/btn-bg_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 18.6666666667vw;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .btn-form:after {
    content: "";
    display: block;
    width: 4%;
    padding-top: 5.3333333333%;
    background-image: url(../img/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    transition: all ease 0.3s;
    top: 30%;
    right: 5%;
  }
  .btn-form:hover:after {
    right: 3%;
  }
  .btn-form p {
    color: #FFF;
    font-size: 3.8rem;
    letter-spacing: 0.2rem;
    line-height: 1;
    padding-bottom: 3%;
    font-weight: 400;
  }
  /*============================
  #intro
  ============================*/
  #intro {
    padding-top: 0;
    background-image: url(../img/intro-bg_sp.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  #intro .sec-inner .intro-mainWrap h2 {
    margin: 0 auto 6.6666666667%;
    width: 92.1333333333%;
  }
  #intro .sec-inner .intro-mainWrap h3 {
    margin: 0 auto 0;
    padding: 0 0 12%;
    width: 82.4%;
    left: 0;
  }
  #intro .intro-company-img p {
    padding-right: 3.3%;
    font-size: 2rem;
  }
  #intro .sec-inner .intro-textWrap {
    margin: 0 auto;
    width: 85.3333333333%;
    top: 0;
  }
  #intro .sec-inner .intro-textWrap h3 {
    position: absolute;
    width: 80.78125%;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
  }
  #intro .sec-inner .intro-textWrap h4 {
    position: absolute;
    width: 78.125%;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2.4rem;
    letter-spacing: 0.2rem;
    font-weight: 400;
    line-height: 2.7083333333;
    text-align: center;
  }
  #intro .sec-inner .intro-textWrap h4 sup {
    font-size: 1.4rem;
    vertical-align: top;
    line-height: 4;
  }
  #intro .sec-inner .intro-textWrap p {
    position: absolute;
    font-size: 1.4rem;
    right: 4%;
    top: 92%;
  }
  /*============================
  #onayami
  ============================*/
  #onayami .onayami-mainWrap {
    text-align: center;
    background-image: url(../img/onayami-bg_sp.jpg);
    background-size: cover;
    padding: 0;
  }
  #onayami .onayami-mainWrap .sec-inner {
    text-align: center;
    padding: min(10.6666666667%, 80px) 0 min(13.3333333333%, 100px);
  }
  #onayami .onayami-mainWrap h2 {
    font-size: 4.5rem;
    font-weight: 500;
    color: #FFF;
    background-color: #000;
    display: inline;
    margin: 0 auto;
    padding: 0.3em;
    line-height: 2.4;
    letter-spacing: 0.2rem;
    left: 0;
  }
  #onayami .onayami-mainWrap h2:after {
    content: "";
    width: 1px;
    height: 10vw;
    background-color: #000;
    position: absolute;
    bottom: -13vw;
    left: 30%;
  }
  #onayami .onayami-mainWrap ul {
    display: flex;
    /* flex-wrap: nowrap; */
    flex-direction: column;
    align-items: center;
    margin-top: min(16.2666666667%, 122px);
  }
  #onayami .onayami-mainWrap ul li {
    background-color: #FFF;
    font-size: 3rem;
    margin-bottom: 1em;
    padding: 0.6em 0.6em 0.6em 2em;
  }
  #onayami .onayami-mainWrap ul li span {
    border-bottom: 1px solid currentColor;
  }
  #onayami .onayami-mainWrap ul li:before {
    background-image: url(../img/onayami-check-icon.png);
    width: 4.6666666667vw;
    height: 4.4vw;
  }
  #onayami .onayami-mainWrap .onayami-arrow {
    position: absolute;
    width: 38.4%;
    height: 19.6vw;
    background-size: contain;
    bottom: -15%;
    left: 39%;
    transform: translateX(-50%);
    font-size: 4.5rem;
    background-image: url(../img/arrow-bg_sp.png);
    padding-bottom: 5%;
    letter-spacing: 0;
  }
  /*============================
  #point-head
  ============================*/
  #point-head ol {
    display: flex;
    width: 96%;
    justify-content: space-between;
    margin: 8% auto 15%;
  }
  #point-head ol li {
    display: flex;
    justify-content: center;
    width: 32.3611111111%;
  }
  #point-head ol li p {
    font-size: 2.2rem;
    line-height: 1.4545454545;
    top: 30%;
    text-align: center;
  }
  /*============================
  #point01
  ============================*/
  .point-area {
    width: 92%;
    margin: 0 auto;
  }
  #point01 .sec-inner {
    padding-bottom: 11.3333333333%;
  }
  .point-area .sec-inner .point-titleWrap {
    padding: 14.6666666667% 0 20%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
  }
  .point-area .sec-inner .point-titleWrap p {
    font-size: 5rem;
    color: #FFF;
    background-color: #ef0060;
    display: inline-block;
    line-height: 1;
    position: absolute;
    padding: 0.4em 0.4em 0.4em;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
  }
  .point-area .sec-inner .point-titleWrap h2 {
    font-size: 4.3rem;
    line-height: 1.5166666667;
    color: #FFF;
    display: inline-block;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #FFF;
  }
  #point01 .sec-inner .point-titleWrap {
    background-image: url(../img/point01-head-bg_sp.jpg);
  }
  .point-area .sec-inner .point-colorBox {
    background-image: url(../img/box-bg-top_sp.png), url(../img/box-bg-bottom_sp.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-size: contain, contain;
    width: 91.3043478261%;
    margin: 0 auto;
    margin-top: -70px;
    padding: 6% 0 14%;
    text-align: center;
  }
  .point-area .sec-inner .point-colorBox .point-colorBox-head {
    font-size: 3.2rem;
    vertical-align: top;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 4%;
    letter-spacing: 0;
  }
  .point-area .sec-inner .point-colorBox .point-colorBox-head span {
    font-size: 5rem;
    color: #ef0060;
    margin-right: 1em;
  }
  .point-area .sec-inner .point-colorBox .point-colorBox-head span:after {
    content: "";
    display: block;
    width: 1px;
    height: 8vw;
    background-color: #ef0060;
    position: absolute;
    right: -0.5em;
    top: 0.5vw;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox {
    width: 90.4761904762%;
    margin: 0 auto;
    background-color: #f8f8f8;
    padding-top: 0;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox dl {
    display: flex;
    flex-wrap: wrap;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox dl dt {
    width: 25%;
    text-align: center;
    font-size: 1.8rem;
    color: #FFF;
    background-color: #000;
    line-height: 1;
    padding: 0.8em 0;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox dl dd {
    width: 75%;
    text-align: center;
    font-size: 1.8rem;
    color: #FFF;
    background-color: #4d4d4d;
    line-height: 1;
    padding: 0.8em 0;
    letter-spacing: 0;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-01 {
    width: 85.9649122807%;
    margin: 20px auto 30px;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-02 {
    width: 84.7368421053%;
    margin: 3% auto 4%;
    left: 0;
  }
  .point-colorBox .point-cb-image-02-list {
    display: flex;
    justify-content: space-between;
    width: 84.7368421053%;
    margin: 0 auto 25px;
  }
  .point-colorBox .point-cb-image-02-list li {
    font-size: 1.8rem;
    width: 45%;
    padding: 0.7em 0;
  }
  .point-colorBox .point-cb-image-02-list li:nth-child(1) {
    background-color: #a8882c;
  }
  .point-colorBox .point-cb-image-02-list li:nth-child(2) {
    background-color: #1d56ae;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-02-text {
    margin-bottom: 5%;
    text-align: center;
    font-size: 1.1rem;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-image-03 {
    width: 78.9473684211%;
    margin: 0 auto 4%;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-closeText {
    font-size: 2.6rem;
    padding-bottom: 10%;
    letter-spacing: 0;
    line-height: 1;
  }
  #point01 .sec-inner .point-colorBox .point-cb-innerBox .point-cb-arrowText {
    background-image: url(../img/point-arrow_sp.png);
    width: 26.5333333333vw;
    height: 11.7333333333vw;
    background-size: contain;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 3.2rem;
    padding-bottom: 3%;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 0;
  }
  #point01 .sec-inner .point-colorBox .point-continuation {
    margin: 14% auto 10%;
    width: 75.7333333333vw;
    height: 20.4vw;
    background-image: url(../img/point01-no1_sp.png);
    background-size: contain;
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  #point01 .sec-inner .point-colorBox .point-continuation .min {
    color: #ef0060;
    font-size: 8.5rem;
    font-weight: 500;
    letter-spacing: 0.3rem;
  }
  #point01 .sec-inner .point-colorBox .point-column-box {
    background-image: url(../img/point01-column-bg_sp.jpg);
    background-repeat: no-repeat;
    padding: 5% 0 2%;
    background-size: 100% 100%;
  }
  #point01 .sec-inner .point-colorBox .point-column-box .point-column-list {
    display: flex;
    flex-wrap: wrap;
    width: 93.6507936508%;
    justify-content: space-between;
    margin: 0 auto;
  }
  #point01 .sec-inner .point-colorBox .point-column-box .point-column-list li {
    width: 31.3559322034%;
  }
  #point01 .sec-inner .point-colorBox .point-column-box .point-column-text {
    color: #FFF;
    line-height: 1;
    text-align: right;
    filter: drop-shadow(0px 0px 15px rgb(0, 0, 0));
    font-size: 1.4rem;
    margin-top: 4%;
    margin-right: 3%;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box {
    background-image: url(../img/point01-yahoo-frame_sp.png);
    background-size: 100% 100%;
    margin: 20px auto 0;
    width: 90.4761904762%;
    padding: 0 35px 20px;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box h4 {
    font-size: 2.8rem;
    padding: 3% 0 0;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box img {
    margin: 7% auto 6%;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dt {
    font-size: 2.5rem;
    padding-bottom: 3%;
    letter-spacing: 0;
    padding-left: 0;
    border-bottom: dotted 1px #f40004;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dt span {
    display: inline-block;
    width: 3rem;
    background-color: #f40004;
    color: #FFF;
    text-align: center;
    line-height: 1.3;
    margin-right: 3%;
    font-size: 2.5rem;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dt span.indent {
    margin-left: 0;
  }
  #point01 .sec-inner .point-colorBox .point-yahoo-box dl dd {
    font-size: 2rem;
    line-height: 1.8;
    padding: 5% 0 8%;
    letter-spacing: 0.1rem;
  }
  #point01 .sec-inner .point-colorBox.box02, #point01 .sec-inner .point-colorBox.box03 {
    margin-top: 12%;
    padding-bottom: 14%;
  }
  #point01 .sec-inner .point-colorBox.box02 {
    padding-top: 10%;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox {
    width: 90.4761904762%;
    margin: 0 auto;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl {
    border: 2px solid #4d4d4d;
    margin-bottom: 3%;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dt {
    background-color: #4d4d4d;
    color: #FFF;
    line-height: 1;
    font-size: 1.8rem;
    padding: 0.8rem 0 0.8rem 2rem;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd {
    display: flex;
    width: 100%;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul {
    display: flex;
    align-items: center;
    width: 100%;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li p {
    font-size: 2.7rem;
    line-height: 1.4;
    font-weight: 500;
    padding-left: 1.7em;
    color: #000;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li p span {
    font-size: 1.6rem;
    line-height: 1.2;
    display: inline-block;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li img {
    width: 22%;
    position: relative;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(1) {
    width: 65%;
    height: 18vw;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(1):after {
    content: "";
    display: block;
    width: 1px;
    height: 7vw;
    background-color: #000;
    position: absolute;
    right: -15px;
    top: 27%;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) {
    width: 35%;
    height: 80px;
    align-items: center;
    justify-content: center;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p {
    color: #f01f6c;
    font-size: 4.6rem;
    padding-left: 0;
    font-weight: 600;
    text-align: center;
    line-height: 0;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p span {
    font-size: 2.3rem;
  }
  #point01 .sec-inner .point-colorBox .point-tableBox dl dd ul li:nth-of-type(2) p span.black-small {
    display: inline-block;
    line-height: 1;
    font-size: 1.6rem;
    color: #000;
  }
  #point01 .sec-inner .point-colorBox .point-table-text {
    font-size: 2.6rem;
    line-height: 1.7307692308;
    margin: 8% auto 0;
    width: 90.4761904762%;
  }
  #point01 .sec-inner .point-colorBox .point-tableImageBox {
    width: 90.4761904762%;
    margin: 0 auto;
  }
  #point01 .sec-inner .point-colorBox .point-tableImageBox h3 {
    background-color: #f01f6c;
    font-size: 2.6rem;
    padding: 1em 0;
    font-weight: 500;
    margin-bottom: 30px;
  }
  #point01 .sec-inner .point-colorBox .point-tableImageBox .point-tableImage {
    width: 100%;
  }
  #point01 .sec-inner .point-colorBox.box03 .point-ai-image {
    width: 90.4761904762%;
    margin: 0 auto;
  }
  #point01 .sec-inner .point-colorBox.box03 .point-ai-caution {
    margin: 4% auto 6%;
    font-size: 1.1rem;
    line-height: 1;
    text-align: center;
  }
  #point01 .sec-inner .point-colorBox.box03 .point-ai-mainText {
    font-size: 2.6rem;
    line-height: 1.7307692308;
    width: 90.4761904762%;
    margin: 0 auto 5%;
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-wrap {
    margin: 0 auto;
    padding: 0;
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small {
    width: 90.6666666667%;
    margin: 0 auto;
    height: 15.4666666667vw;
    background-image: url(../img/btn-small_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small:after {
    content: "";
    display: block;
    width: 3.1347962382%;
    padding-top: 5.4858934169%;
    background-image: url(../img/btn-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    transition: all ease 0.3s;
    top: 30%;
    right: 7%;
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small:hover:after {
    right: 5%;
  }
  #point01 .sec-inner .point-colorBox.box03 .btn-small p {
    font-size: 3rem;
    line-height: 1;
    color: #FFF;
    padding-bottom: 3%;
    font-weight: 400;
    letter-spacing: 0;
  }
  /* box03 */
  /*============================
  #point02
  ============================*/
  #point02.point-area {
    margin-top: 15%;
  }
  #point02.point-area .sec-inner {
    background-color: #f8f8f8;
    padding-bottom: 15%;
  }
  #point02.point-area .sec-inner .point-titleWrap {
    background-image: url(../img/point02-head-bg_sp.jpg);
  }
  #point02.point-area .sec-inner .point-colorBox.box01 .point02-mainImage {
    width: 87.3015873016%;
    margin: 5% auto 5%;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90.4761904762%;
    margin: 0 auto 8%;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul li {
    display: flex;
    justify-content: center;
    width: 31.4035087719%;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul li p {
    position: absolute;
    top: 55%;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.4001088732;
    font-weight: 500;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul li:nth-of-type(3) p {
    top: 50%;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 ul li:nth-of-type(3) p span {
    font-size: 1.5rem;
  }
  #point02.point-area .sec-inner .point-colorBox.box01 .point02-mainText {
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.7307692308;
  }
  /*============================
  #point03
  ============================*/
  #point03.point-area {
    margin-top: 15%;
  }
  #point03.point-area .sec-inner {
    background-color: #f8f8f8;
    padding-bottom: 85px;
    margin-bottom: 85px;
  }
  #point03.point-area .sec-inner .point-titleWrap {
    background-image: url(../img/point03-head-bg_sp.jpg);
  }
  #point03.point-area .sec-inner .point-colorBox .black-head {
    width: 90.4761904762%;
    margin: 2% auto 0;
    background-color: #000;
    color: #FFF;
    text-align: center;
    padding: 0.7em 0;
    font-size: 2.6rem;
    line-height: 1;
  }
  #point03.point-area .sec-inner .point-colorBox .ca-image {
    width: 73.3333333333%;
    margin: 0 auto 25%;
  }
  #point03.point-area .sec-inner .point-colorBox .ca-image:after {
    width: 33.8666666667vw;
    height: 7.7333333333vw;
    background-image: url(../img/point03-main-arrow_sp.png);
    bottom: -30%;
  }
  #point03.point-area .sec-inner .point-colorBox .pink-head {
    background-color: #f01f6c;
    color: #FFF;
    text-align: center;
    padding: 0.7em 0;
    font-size: 2.6rem;
    line-height: 1;
    width: 90.4761904762%;
  }
  #point03.point-area .sec-inner .point-colorBox .ace-image {
    width: 84.7619047619%;
    margin: 8% auto 8%;
  }
  #point03.point-area .sec-inner .point-colorBox .point02-mainText {
    font-size: 2.6rem;
    line-height: 1.7307692308;
    width: 82.6086956522%;
    margin: 0 auto;
    letter-spacing: -0.05rem;
  }
  /*============================
  #result
  ============================*/
  #result {
    background-color: #efefef;
    padding: 12% 0;
  }
  #result .sec-inner .result-color-box {
    width: 92%;
    margin: 0 auto;
    background-image: url(../img/result-box-bg-top_sp.png), url(../img/result-box-bg-bottom_sp.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: #FFF;
    padding: 60px 0 50px;
    text-align: center;
  }
  #result .sec-inner .result-color-box h2 {
    font-size: 4.5rem;
    line-height: 1;
    margin-bottom: 8%;
  }
  #result .sec-inner .result-color-box h2 span {
    border: 2px solid #f2478a;
    display: inline-block;
    margin-right: 0.8rem;
    padding: 0.2em;
  }
  #result .sec-inner .result-color-box dl {
    text-align: center;
    margin-bottom: 20px;
  }
  #result .sec-inner .result-color-box dl dt {
    background-color: #757575;
    border-radius: 20px;
    line-height: 1;
    color: #FFF;
    font-size: 2.2rem;
    padding: 0.3em 3em;
    display: inline-block;
    z-index: 5;
  }
  #result .sec-inner .result-color-box dl dd {
    width: 92%;
    margin: 0 auto;
    background-color: #f3f3f3;
    border-radius: 15px;
    padding: 4rem 2rem 2rem;
    margin-top: -15px;
  }
  #result .sec-inner .result-color-box dl dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-items: stretch;
  }
  #result .sec-inner .result-color-box dl dd ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    padding: 2em 3.5em;
    border-radius: 15px;
    width: 48%;
  }
  #result .sec-inner .result-color-box .icon-box img {
    width: 8vw;
    height: auto;
    margin-right: 0;
  }
  #result .sec-inner .result-color-box .icon-box.icon-wide img {
    width: 9.3333333333vw;
  }
  #result .sec-inner .result-color-box .number-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 5;
    margin-top: 8%;
  }
  #result .sec-inner .result-color-box .number-box .number-head {
    line-height: 1;
    font-size: 3rem;
    font-weight: 600;
  }
  #result .sec-inner .result-color-box .number-box .number-main {
    line-height: 1;
    font-size: 6rem;
    font-weight: 600;
    color: #ef0764;
  }
  #result .sec-inner .result-color-box .number-box .number-main span {
    font-size: 3.5rem;
  }
  #result .sec-inner .result-color-box .double-column {
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  #result .sec-inner .result-color-box .double-column dl {
    width: 50%;
  }
  #result .sec-inner .result-color-box .double-column dl dt {
    padding: 0.5em 1.5em;
  }
  #result .sec-inner .result-color-box .double-column dl dd {
    width: 100%;
  }
  #result .sec-inner .result-color-box .double-column dl dd ul li {
    width: 100%;
  }
  #result .sec-inner .result-color-box .double-column dl:nth-of-type(1) dd {
    padding-right: 1em;
    border-radius: 10px 0 0 10px;
  }
  #result .sec-inner .result-color-box .double-column dl:nth-of-type(2) dd {
    padding-left: 1em;
    border-radius: 0px 10px 10px 0;
  }
  #result .sec-inner .result-color-box .result-closeBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
  }
  #result .sec-inner .result-color-box .result-closeBox img {
    width: 25.7333333333vw;
  }
  #result .sec-inner .result-color-box .result-closeBox p {
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1.25;
    margin-left: 2rem;
  }
  #result .sec-inner .result-color-box .result-closeBox .text-pink {
    color: #ef0060;
  }
  #result .sec-inner .result-color-box .result-closeBox .text-pink .text-large {
    font-size: 5.7rem;
  }
  #result .sec-inner .result-color-box .result-closeBox .text-small {
    font-size: 2.4rem;
  }
  /*============================
  .cv-area
  ============================*/
  .cv-area .sec-inner {
    padding: 10% 0 6%;
    text-align: center;
  }
  .cv-area .sec-inner h3 {
    font-size: 3.2rem;
    text-align: center;
    letter-spacing: 0.2rem;
    font-weight: 500;
    border-bottom: 2px solid #ef0060;
    display: inline-block;
    padding-bottom: 10px;
  }
  .cv-area .sec-inner .btn-form {
    margin-top: 20px;
    flex-direction: column;
  }
  .cv-area .sec-inner .btn-form p {
    font-size: 2.6rem;
    border-radius: 20px;
  }
  .cv-area .sec-inner .btn-form h4 {
    font-size: 4.2rem;
    padding: 0.3em 1.5em 0.5em;
    line-height: 1;
    letter-spacing: 0;
  }
  /*============================
  #improve
  ============================*/
  #improve {
    background-image: url(../img/improve-bg_sp.jpg);
    background-size: cover;
    background-position: center top;
  }
  #improve .sec-inner {
    text-align: center;
    padding: 38px 0 70px;
  }
  #improve .sec-inner .improve-head {
    font-size: 3rem;
    line-height: 1;
  }
  #improve .sec-inner h2 {
    font-size: 4.5rem;
    line-height: 1.4444444444;
  }
  #improve .sec-inner .improve-mainImg {
    margin: 0 auto;
    display: block;
    width: 51.8666666667%;
  }
  #improve .sec-inner .improve-mainText {
    font-size: 2.7rem;
    line-height: 1.8518518519;
    width: 84%;
    letter-spacing: 0.2rem;
    margin: 0 auto 30px;
  }
  #improve .sec-inner .improve-detail {
    background-color: #FFF;
    border-radius: 10px;
    padding: 0 4em;
    width: 84%;
    margin: 0 auto 60px;
  }
  #improve .sec-inner .improve-detail dt {
    font-size: 3.9rem;
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
    padding: 1em 0;
  }
  #improve .sec-inner .improve-detail dd {
    font-size: 2rem;
    line-height: 1.875;
  }
  #improve .sec-inner .improve-color-box {
    background-image: url(../img/box-bg-top_sp.png), url(../img/box-bg-bottom_sp.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-size: contain, contain;
    width: 84%;
    margin: 0 auto;
    /* background-color: #FFF; */
    padding: 10% 0;
    text-align: center;
  }
  #improve .sec-inner .improve-color-box .improve-CB-inner {
    background-color: #FFF;
    z-index: 0;
  }
  #improve .sec-inner .improve-color-box .improve-CB-inner h3 {
    width: 90.4761904762%;
    margin: 0 auto;
    font-size: 2.6rem;
    padding: 0.7em 0;
    top: 0;
  }
  #improve .sec-inner .improve-color-box .improve-tableImg {
    width: 90.4761904762%;
    margin: 6% auto;
  }
  #improve .sec-inner .improve-color-box .improve-tableText {
    width: 90.4761904762%;
    margin: 0 auto 60px;
    font-size: 2.4rem;
    line-height: 1.7083333333;
    letter-spacing: 0;
  }
  #improve .sec-inner .improve-color-box .improve-qsImg {
    width: 90.4761904762%;
    margin: 6% auto;
  }
  #improve .sec-inner .improve-color-box .improve-qsText {
    width: 90.4761904762%;
    margin: 0 auto 3%;
    font-size: 2.4rem;
    line-height: 1.7083333333;
    letter-spacing: 0;
  }
  #improve .sec-inner .improve-color-box .improve-qsText sup {
    font-size: 1.4rem;
    line-height: 2.5;
    vertical-align: top;
  }
  #improve .sec-inner .improve-color-box .imrove-qsCaution {
    width: 90.4761904762%;
    margin: 0 auto 0;
    font-size: 1.6rem;
    line-height: 1.2923076923;
    letter-spacing: 0;
  }
  #improve .sec-inner .improve-close-head {
    width: 30.6666666667vw;
    height: 5.3333333333vw;
    background-image: url(../img/improve-closetext-bg_sp.png);
    margin: 10% auto 0;
    font-size: 3.4rem;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    padding-top: 0.6em;
    letter-spacing: 0;
  }
  #improve .sec-inner .improve-close-box {
    width: 84%;
    margin: 0 auto;
    border: 2px solid #FFF;
    border-radius: 15px;
    text-align: center;
    margin-top: 9%;
    background-color: rgba(2, 13, 44, 0.7);
  }
  #improve .sec-inner .improve-close-box dt {
    color: #f01f6c;
    background-color: #FFF;
    display: inline-block;
    font-size: 2.8rem;
    line-height: 1;
    border-radius: 5px;
    margin-top: -7%;
    padding: 0.5em 1em;
    font-weight: 500;
  }
  #improve .sec-inner .improve-close-box dd {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 3em 0 4em;
  }
  #improve .sec-inner .improve-close-box dd img {
    width: 13.4666666667vw;
  }
  #improve .sec-inner .improve-close-box dd p {
    font-size: 4.5rem;
    line-height: 1.4222222222;
    color: #FFF;
    margin-left: 0;
    margin-top: 0.5em;
    text-align: center;
  }
  /*============================
  #faq
  ============================*/
  #faq {
    background-color: #f8f8f8;
    padding: 8% 0 10%;
  }
  #faq .sec-inner {
    text-align: center;
  }
  #faq .sec-inner h2 {
    text-align: center;
    font-size: 5rem;
    margin-bottom: 8%;
  }
  #faq .sec-inner .faq-item {
    border: 2px solid #757575;
    padding: 2em 2em 3em;
    width: 92%;
    margin: 0 auto;
  }
  #faq .sec-inner .faq-item:not(:last-of-type) {
    margin-bottom: 3%;
  }
  #faq .sec-inner .faq-item dt {
    background-color: #ef0060;
    color: #FFF;
    font-size: 3rem;
    line-height: 1.4;
    padding: 0.7em 0 0.7em 2em;
    letter-spacing: 0.2rem;
  }
  #faq .sec-inner .faq-item dt:before {
    content: "";
    display: block;
    width: 4vw;
    height: 5vw;
    background-image: url(../img/faq-icon-q.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0.5em;
    top: 0.8em;
  }
  #faq .sec-inner .faq-item:nth-of-type(1) dt:before {
    top: 1.5em;
  }
  #faq .sec-inner .faq-item dd {
    font-size: 2.4rem;
    line-height: 1.7083333333;
    margin: 4% 0 0;
    font-weight: 400;
    letter-spacing: 0;
  }
  /* ---------------------------------------------
   float
  --------------------------------------------- */
  .bl_floatArea {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s, opacity 0.4s;
    box-sizing: border-box;
  }
  .bl_floatArea.is_show {
    visibility: visible;
    opacity: 1;
  }
  .bl_floatArea_inner {
    width: 100%;
    margin: 0 auto;
  }
}
/* SP End */
/* 2502　実績（achievements）セクション追加 */
#achievements {
  padding: 12rem 0 12.2rem;
  background-image: url(../img/achievements-bg_pc.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #achievements {
    background-image: url(../img/achievements-bg_sp.png);
  }
}
#achievements .achievements-head {
  font-size: 4.3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
}
#achievements .achievements-head + #achievements .achievements-head {
  margin: 3rem 0 0;
}
#achievements .achievements-head-accent {
  font-size: 4.3rem;
  display: inline-block;
  background-color: #f01f6c;
  color: #fff;
  margin: 0 1rem 0 0;
  padding: 1rem 2.5rem 1.3rem;
}
#achievements .card-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6.9rem;
  gap: 12px;
}
@media screen and (max-width: 750px) {
  #achievements .card-wrap {
    margin-top: min(8.66vw, 65px);
    gap: 27px;
  }
}
#achievements .card-wrap li {
  width: 22.8rem;
  height: 30rem;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  #achievements .card-wrap li {
    width: min(42.6vw, 320px);
    height: min(55.46vw, 416px);
  }
}
#achievements .card {
  border: 3px solid #0f3468;
  border-radius: 10px;
  padding-top: 3rem;
  padding-inline: 1.8rem;
  height: 100%;
}
@media screen and (max-width: 750px) {
  #achievements .card {
    padding-top: min(5.86vw, 44px);
    padding-inline: min(3.73vw, 28px);
  }
}
#achievements .card .icon {
  margin: 0 auto 2.9rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon {
    margin-bottom: min(5.33vw, 40px);
  }
}
#achievements .card .icon.icon1 {
  width: 10.7rem;
  height: 12.5rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon1 {
    width: min(20vw, 150px);
    height: min(23.33vw, 175px);
  }
}
#achievements .card .icon.icon2 {
  width: 9.3rem;
  height: 12.2rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon2 {
    width: min(17.2vw, 129px);
    height: min(22.53vw, 169px);
  }
}
#achievements .card .icon.icon3 {
  width: 12.3rem;
  height: 12.6rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon3 {
    width: min(23.06vw, 173px);
    height: min(23.59vw, 177px);
  }
}
#achievements .card .icon.icon4 {
  width: 9.7rem;
  height: 12.4rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon4 {
    width: min(18.13vw, 136px);
    height: min(23.06vw, 173px);
  }
}
#achievements .card .icon.icon5 {
  width: 8rem;
  height: 13.8rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon5 {
    width: min(14.79vw, 111px);
    height: min(25.6vw, 192px);
  }
}
#achievements .card .icon.icon6 {
  width: 8.3rem;
  height: 12.5rem;
  margin-bottom: 4.3rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon6 {
    width: min(15.33vw, 115px);
    height: min(23.2vw, 174px);
  }
}
#achievements .card .icon.icon7 {
  width: 10.1rem;
  height: 12.8rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon7 {
    width: min(18.53vw, 139px);
    height: min(24vw, 180px);
  }
}
#achievements .card .icon.icon8 {
  width: 16.2rem;
  height: 12.6rem;
}
@media screen and (max-width: 750px) {
  #achievements .card .icon.icon8 {
    width: min(29.86vw, 224px);
    height: min(23.7vw, 178px);
  }
}
#achievements .card-text {
  display: flex;
  justify-content: center;
  align-items: end;
}
@media screen and (max-width: 750px) {
  #achievements .card-text {
    align-items: center;
  }
}
#achievements .card-text.cv {
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  #achievements .card-text.cv {
    margin-bottom: min(0.53vw, 4px);
  }
}
#achievements .card-text.cv .text-type {
  margin-right: 0.5rem;
}
@media screen and (max-width: 750px) {
  #achievements .card-text.cv .text-type {
    margin-right: min(1.46vw, 11px);
  }
}
#achievements .card-text.cpa .text-type {
  margin-right: 2.8rem;
}
@media screen and (max-width: 750px) {
  #achievements .card-text.cpa .text-type {
    margin-right: min(5.86vw, 44px);
  }
}
#achievements .card-text.cv .text-value, #achievements .card-text.cpa .text-value {
  margin-right: 0.3rem;
}
@media screen and (max-width: 750px) {
  #achievements .card-text.cv .text-value, #achievements .card-text.cpa .text-value {
    margin-bottom: min(0.53vw, 4px);
  }
}
#achievements .card-text-financial .text-value {
  margin-right: 0.3rem;
}
@media screen and (max-width: 750px) {
  #achievements .card-text-img {
    width: min(3.86vw, 29px);
    height: min(5.86vw, 44px);
  }
}
#achievements .text-type {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #0f3468;
  background-color: #d5e0f1;
  font-size: 2.2rem;
  width: 7rem;
  height: 3rem;
  border-radius: 17px;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #achievements .text-type {
    width: min(12vw, 90px);
    height: min(4.39vw, 33px);
    font-size: min(3.46vw, 26px);
  }
}
#achievements .text-type.roas {
  width: 11.2rem;
  height: 2.6rem;
  margin: 0 auto 9px;
}
@media screen and (max-width: 750px) {
  #achievements .text-type.roas {
    width: min(20.93vw, 157px);
    height: min(4.8vw, 36px);
  }
}
#achievements .text-value {
  font-size: 4rem;
  font-weight: 700;
  color: #f01f6c;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 750px) {
  #achievements .text-value {
    font-size: min(7.46vw, 56px);
  }
}
#achievements .text-value-small {
  font-size: 3rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #achievements .text-value-small {
    font-size: min(4vw, 30px);
  }
}

.present {
  padding-top: 10.2rem;
  padding-bottom: 15.4rem;
  width: 100%;
  background-image: url(../img/slider-bg_pc.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .present {
    background-image: url(../img/slider-bg_sp.png);
    padding-top: min(15.86vw, 119px);
    padding-bottom: min(21.6vw, 162px);
  }
}
.present-head-sub, .present-head {
  text-align: center;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.present-head-sub {
  font-size: 4.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .present-head-sub {
    font-size: min(5.73vw, 43px);
  }
}
.present-head {
  font-size: 5.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .present-head {
    font-size: min(7.46vw, 56px);
  }
}
.present-head-accent {
  color: #f01f6c;
}
.present-slider {
  background-color: #fff;
  border: 4px solid #f01f6c;
  border-top-left-radius: 30px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 30px;
  margin-top: 6.6rem;
  margin-bottom: 10rem;
  padding-top: 4rem;
  padding-inline: 8.3rem;
  padding-bottom: 5.2rem;
}
@media screen and (max-width: 750px) {
  .present-slider {
    width: 92%;
    margin: min(8.66vw, 65px) auto min(10.93vw, 82px);
    padding-top: min(8.79vw, 66px);
    padding-bottom: min(6.66vw, 50px);
    padding-inline: min(7.6vw, 57px);
  }
}
.present-slider-box {
  background-color: #fff1f4;
  border-radius: 25px;
  margin-top: 3.9rem;
  padding-block: 7.3rem;
  padding-inline: 6rem;
}
@media screen and (max-width: 750px) {
  .present-slider-box {
    border-radius: 15px;
    margin-top: min(6.53vw, 49px);
    padding-block: min(6.4vw, 48px);
    padding-inline: min(6.26vw, 47px);
  }
}
.present-slider-title {
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .present-slider-title {
    width: min(37.3vw, 280px);
  }
}
.present-slider-txt {
  margin-top: 2.3rem;
  line-height: 1.5;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .present-slider-txt {
    margin-top: min(4.26vw, 32px);
    font-size: min(4.8vw, 36px);
  }
}
.present-txt-box {
  position: relative;
}
.present-txt-box::before {
  position: absolute;
  content: "";
  background-image: url(../img/present-slider-arrow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 19.1rem;
  height: 49.6rem;
  top: -56%;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 750px) {
  .present-txt-box::before {
    top: -50%;
    width: min(23.33vw, 175px);
    height: min(61.86vw, 464px);
  }
}
.present-txt {
  text-align: center;
}
.present-txt span {
  display: inline-block;
  line-height: 1;
  font-size: 4.3rem;
  color: #fff;
  background-color: #404040;
  padding: 1.7rem 3.4rem;
}
@media screen and (max-width: 750px) {
  .present-txt span {
    font-size: min(5.86vw, 44px);
    padding: min(2vw, 15px) min(3.33vw, 25px);
  }
}
.present-txt + .present-txt {
  margin-top: 2.3rem;
}
@media screen and (max-width: 750px) {
  .present-txt + .present-txt {
    margin-top: min(2.13vw, 16px);
  }
}

.slick-list img {
  width: 65rem;
}
@media screen and (max-width: 750px) {
  .slick-list img {
    width: min(61.3vw, 460px);
  }
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slide-arrow {
  position: absolute;
  content: "";
  width: 7rem;
  height: 7rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .slide-arrow {
    width: min(8vw, 60px);
    height: min(8vw, 60px);
  }
}

.prev-arrow {
  background-image: url(../img/prev-btn.png);
  left: -4.5%;
}

.next-arrow {
  background-image: url(../img/next-btn.png);
  right: -4.5%;
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
  #achievements {
    padding: min(12vw, 120px) 0 min(12.2vw, 122px);
  }
  #achievements .achievements-head {
    font-size: min(4.3vw, 43px);
  }
  #achievements .achievements-head-accent {
    font-size: min(4.3vw, 43px);
    padding: min(1vw, 10px) min(2.5vw, 25px) min(1.3vw, 13px);
    margin: 0 min(1vw, 10px) 0 0;
  }
  #achievements .achievements-head + .achievements-head {
    margin: min(3vw, 30px) 0 0;
  }
  #achievements .card-wrap {
    margin-top: min(6.9vw, 69px);
  }
  #achievements .card-wrap li {
    width: min(22.8vw, 228px);
    height: min(30vw, 300px);
  }
  #achievements .card {
    padding-top: min(3vw, 30px);
    padding-inline: min(1.8vw, 18px);
  }
  #achievements .card .icon {
    margin: 0 auto min(2.9vw, 29px);
  }
  #achievements .card .icon.icon1 {
    width: min(10.7vw, 107px);
    height: min(12.5vw, 125px);
  }
  #achievements .card .icon.icon2 {
    width: min(9.3vw, 93px);
    height: min(12.2vw, 122px);
  }
  #achievements .card .icon.icon3 {
    width: min(12.3vw, 123px);
    height: min(12.6vw, 126px);
  }
  #achievements .card .icon.icon4 {
    width: min(9.7vw, 97px);
    height: min(12.4vw, 124px);
  }
  #achievements .card .icon.icon5 {
    width: min(8vw, 80px);
    height: min(13.8vw, 138px);
    margin-bottom: min(1.6vw, 16px);
  }
  #achievements .card .icon.icon6 {
    width: min(8.3vw, 83px);
    height: min(12.5vw, 125px);
    margin-bottom: min(4.3vw, 43px);
  }
  #achievements .card .icon.icon7 {
    width: min(10.1vw, 101px);
    height: min(12.8vw, 128px);
  }
  #achievements .card .icon.icon8 {
    width: min(16.2vw, 162px);
    height: min(12.6vw, 126px);
  }
  #achievements .card-text.cv {
    margin-bottom: min(1vw, 10px);
  }
  #achievements .card-text.cv .text-type {
    margin-right: min(0.5vw, 5px);
  }
  #achievements .card-text.cpa .text-type {
    margin-right: min(2.8vw, 28px);
  }
  #achievements .card-text.cv .text-value, #achievements .card-text.cpa .text-value {
    margin-right: min(0.3vw, 3px);
  }
  #achievements .card-text-financial {
    margin-right: min(3vw, 3px);
  }
  #achievements .text-type {
    font-size: min(2.2vw, 22px);
    width: min(7vw, 70px);
    height: min(3vw, 30px);
  }
  #achievements .text-type.roas {
    width: min(11.2vw, 112px);
    height: min(2.6vw, 26px);
  }
  #achievements .text-value {
    font-size: min(4vw, 40px);
  }
  #achievements .text-value-small {
    font-size: min(3vw, 30px);
  }
  .present {
    padding-top: min(10.2vw, 102px);
    padding-bottom: min(15.4vw, 154px);
  }
  .present-head-sub {
    font-size: min(4.3vw, 43px);
  }
  .present-head {
    font-size: min(5.6vw, 56px);
  }
  .present-slider {
    margin-top: min(6.6vw, 66px);
    margin-bottom: min(10vw, 100px);
    padding-top: min(4vw, 40px);
    padding-inline: min(8.3vw, 83px);
    padding-bottom: min(5.2vw, 52px);
  }
  .present-slider-box {
    margin-top: min(3.9vw, 39px);
    padding-block: min(7.3vw, 73px);
    padding-inline: min(6vw, 60px);
  }
  .present-slider-txt {
    margin-top: min(2.3vw, 23px);
    font-size: min(3vw, 30px);
  }
  .present-txt-box::before {
    width: min(19.1vw, 191px);
    height: min(49.6vw, 496px);
  }
  .present-txt span {
    font-size: min(4.3vw, 43px);
    padding: min(1.7vw, 17px) min(3.4vw, 34px);
  }
  .present-txt + .present-txt {
    margin-top: min(2.3vw, 23px);
  }
  .slick-list img {
    width: min(65vw, 650px);
  }
  .slide-arrow {
    width: min(7vw, 70px);
    height: min(7vw, 70px);
  }
}
@media screen and (max-width: 750px) {
  #achievements {
    padding: min(13.86vw, 104px) 0 min(16.26vw, 122px);
  }
  #achievements .achievements-head {
    font-size: min(7.19vw, 54px);
  }
  #achievements .achievements-head:nth-child(4) {
    margin: min(4.39vw, 33px) 0 0;
    font-size: min(5.33vw, 40px);
  }
  #achievements .achievements-head-accent {
    font-size: min(8.53vw, 64px);
    margin: 0;
  }
  #achievements .achievements-head-accent.mt16_sp {
    margin-top: min(2.13vw, 16px);
  }
  #achievements .achievements-head-small {
    font-size: min(4vw, 30px);
    margin-top: min(6.13vw, 46px);
  }
}
@media screen and (max-width: 750px) {
  #achievements {
    padding: min(13.86vw, 104px) 0 min(16.26vw, 122px);
    background-image: url(../img/achievements-bg_sp.png);
  }
  #achievements .achievements-head {
    font-size: min(7.19vw, 54px);
  }
  #achievements .achievements-head:nth-child(4) {
    margin: min(4.39vw, 33px) 0 0;
    font-size: min(5.33vw, 40px);
  }
  #achievements .achievements-head-accent {
    font-size: min(8.53vw, 64px);
    margin: 0;
  }
  #achievements .achievements-head-accent.mt16_sp {
    margin-top: min(2.13vw, 16px);
  }
  #achievements .achievements-head-small {
    font-size: min(4vw, 30px);
    margin-top: min(6.13vw, 46px);
  }
  #achievements .card-wrap {
    margin-top: min(8.66vw, 65px);
    gap: 27px;
  }
  #achievements .card-wrap li {
    width: min(42.6vw, 320px);
    height: min(55.46vw, 416px);
  }
  #achievements .card {
    padding-top: min(5.86vw, 44px);
    padding-inline: min(3.73vw, 28px);
  }
  #achievements .card .icon {
    margin-bottom: min(5.33vw, 40px);
  }
  #achievements .card .icon.icon1 {
    width: min(20vw, 150px);
    height: min(23.33vw, 175px);
  }
  #achievements .card .icon.icon2 {
    width: min(17.2vw, 129px);
    height: min(22.53vw, 169px);
  }
  #achievements .card .icon.icon3 {
    width: min(23.06vw, 173px);
    height: min(23.59vw, 177px);
  }
  #achievements .card .icon.icon4 {
    width: min(18.13vw, 136px);
    height: min(23.06vw, 173px);
  }
  #achievements .card .icon.icon5 {
    width: min(14.79vw, 111px);
    height: min(25.6vw, 192px);
  }
  #achievements .card .icon.icon6 {
    width: min(15.33vw, 115px);
    height: min(23.2vw, 174px);
  }
  #achievements .card .icon.icon7 {
    width: min(18.53vw, 139px);
    height: min(24vw, 180px);
  }
  #achievements .card .icon.icon8 {
    width: min(29.86vw, 224px);
    height: min(23.7vw, 178px);
  }
  #achievements .card-text {
    align-items: center;
  }
  #achievements .card-text.cv {
    margin-bottom: min(0.53vw, 4px);
  }
  #achievements .card-text.cv .text-type {
    margin-right: min(1.46vw, 11px);
  }
  #achievements .card-text.cpa .text-type {
    margin-right: min(5.86vw, 44px);
  }
  #achievements .card-text.cv .text-value, #achievements .card-text.cpa .text-value {
    margin-bottom: min(0.53vw, 4px);
  }
  #achievements .card-text-img {
    width: min(3.86vw, 29px);
    height: min(5.86vw, 44px);
  }
  #achievements .text-type {
    width: min(12vw, 90px);
    height: min(4.39vw, 33px);
    font-size: min(3.46vw, 26px);
  }
  #achievements .text-type.roas {
    width: min(20.93vw, 157px);
    height: min(4.8vw, 36px);
  }
  #achievements .text-value {
    font-size: min(7.46vw, 56px);
  }
  #achievements .text-value-small {
    font-size: min(4vw, 30px);
  }
  .present {
    background-image: url(../img/slider-bg_sp.png);
    padding-top: min(15.86vw, 119px);
    padding-bottom: min(21.6vw, 162px);
  }
  .present-head-sub {
    font-size: min(5.73vw, 43px);
  }
  .present-head {
    font-size: min(7.46vw, 56px);
  }
  .present-slider {
    width: 92%;
    margin: min(8.66vw, 65px) auto min(10.93vw, 82px);
    padding-top: min(8.79vw, 66px);
    padding-bottom: min(6.66vw, 50px);
    padding-inline: min(7.6vw, 57px);
  }
  .present-slider-box {
    border-radius: 15px;
    margin-top: min(6.53vw, 49px);
    padding-block: min(6.4vw, 48px);
    padding-inline: min(6.26vw, 47px);
  }
  .present-slider-title {
    width: min(37.3vw, 280px);
  }
  .present-slider-txt {
    margin-top: min(4.26vw, 32px);
    font-size: min(4.8vw, 36px);
  }
  .present-txt-box::before {
    top: -50%;
    width: min(23.33vw, 175px);
    height: min(61.86vw, 464px);
  }
  .present-txt span {
    font-size: min(5.86vw, 44px);
    padding: min(2vw, 15px) min(3.33vw, 25px);
  }
  .present-txt + .present-txt {
    margin-top: min(2.13vw, 16px);
  }
  .slick-list img {
    width: min(61.3vw, 460px);
  }
  .slide-arrow {
    width: min(8vw, 60px);
    height: min(8vw, 60px);
  }
}/*# sourceMappingURL=style2.css.map */