@charset "UTF-8";
/* ----------------------------------------------
  mainvisual
---------------------------------------------- */
.mainvisual {
  text-align: center;
  margin-bottom: 15px;
}
.mainvisual img {
  width: min(100%,1600px);
  height: auto;
}
/* ----------------------------------------------
  cta
---------------------------------------------- */
.cta {
  padding: 0 0 min(2.5vw,30px);
  z-index: 1;
}
.cta .head {
  font-size: min(3.333vw,40px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: min(1.333vw,16px);
}
.cta .head span {
  font-weight: 800;
  color: #981919;
}
.cta .caution {
  font-size: min(1.833vw,22px);
  font-weight: 600;
  text-indent: -1em;
  margin-left: 1em;
}
.cta .object {
  position: absolute;
  right: min(13.75vw,165px);
  top: max(-6.417vw,-77px);
}
.cta .object .object2 {
  position: absolute;
  top: min(1.667vw,20px);
  right: max(-13.75vw,-165px);
}
.cta .object .object3 {
  position: absolute;
  bottom: max(-2.5vw,-30px);
  right: max(-6.667vw,-80px);
}
.cta .box {
  background: #e4e4e4;
  padding: min(2.5vw,30px) min(5vw,60px) min(3.333vw,40px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(2.5vw,30px) min(2.917vw,35px);
  margin: min(2.083vw,25px) auto;
}
.cta .text2 .caution {
  font-size: min(1.5vw,18px);
  line-height: 1.666em;
}
.cta .item a {
  display: block;
}
/* img */
.cta .object1 img {
  width: min(13vw,156px);
}
.cta .object2 img {
  width: min(15.333vw,184px);
}
.cta .object3 img {
  width: min(8.417vw,101px);
}
.cta .line img,
.cta .mail img {
  width: min(33.333vw,400px);
}
.cta .tel img {
  width: min(57vw,684px);
}
@media screen and (max-width: 767px) {
  .cta {
    padding: 0 0 2.667vw;
  }
  .cta .text1 {
    padding-left: 1.6vw;
  }
  .cta .head {
    font-size: 7.733vw;
    line-height: 1.2em;
    margin-bottom: 2.667vw;
  }
  .cta .caution {
    font-size: 3.467vw;
    line-height: 1.3em;
  }
  .cta .box {
    padding: 6.667vw 5.333vw 8vw;
    gap: 5.333vw 0;
    margin: 14.933vw auto 4vw;
  }
  .cta .object {
    right: 10.133vw;
    top: 12.267vw;
  }
  .cta .object .object2 {
    top: 15.2vw;
    right: 28vw;
  }
  .cta .object .object3 {
    bottom: 27.733vw;
    right: -9.333vw;
  }
  .cta .mail {
    margin-bottom: 4vw;
  }
  .cta .text2 .caution {
    font-size: 3.2vw;
  }
  /* img */
  .cta .object1 img {
    width: 35.2vw;
  }
  .cta .object2 img {
    width: 34.667vw;
  }
  .cta .object3 img {
    width: 16.267vw;
  }
  .cta .line img,
  .cta .mail img,
  .cta .tel img {
    width: 100%;
  }
}
/* ----------------------------------------------
  common
---------------------------------------------- */
p.fs20 {
  font-size: min(1.667vw,20px);
}
p.fs18 {
  font-size: min(1.5vw,18px);
}
p.fs16 {
  font-size: min(1.333vw,16px);
}
p.fs14 {
  font-size: min(1.167vw,14px);
}
p.fw600 {
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  p.fs20 {
    font-size: 16px;
  }
  p.fs18 {
    font-size: 16px;
  }
  p.fs16 {
    font-size: 14px;
  }
  p.fs14 {
    font-size: 12px;
  }
}
/* ----------------------------------------------
  cautionArea
---------------------------------------------- */
.cautionArea {
  background: url(../images/top/caution__bg.png)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(6.667vw,80px) 0;
}
.cautionArea::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 72px 1200px 0px 0px;
  position: absolute;
  top: 0;
  left: 0;
}
.cautionArea .title {
  text-align: center;
  margin-bottom: min(3.75vw,45px);
}
.cautionArea .title p {
  color: #ffcc00;
  font-size: min(3.333vw,40px);
  font-weight: 800;
  line-height: 1.25em;
  margin-top: min(1.333vw,16px);
}
.cautionArea .title img {
  width: min(4.25vw,51px);
}
.cautionArea .box {
  position: relative;
  background: #191919;
  color: #fff;
  font-weight: 600;
  padding: min(3.75vw,45px) min(5vw,60px) min(4.583vw,55px);
  box-shadow: 0px 0px 0px min(1.667vw,20px) #191919;
  border: solid 2px #ffcc00;
  text-align: center;
}
.cautionArea .text1 {
  margin-bottom: min(3.583vw,43px);
}
.cautionArea .text1 p {
  line-height: 1.5em;
}
.cautionArea .text1 .head {
  color: #ffcc00;
  font-size: min(2.083vw,25px);
  font-weight: 600;
  line-height: 2.4em;
  margin-bottom: min(1.417vw,17px);
}
.cautionArea .text1 .head span {
  font-size: min(4.167vw,50px);
  vertical-align: top;
}
.cautionArea .flex1 .item p {
  display: block;
  color: #ffcc00;
  line-height: 1.5em;
  margin-top: min(1.667vw,20px);
}
.cautionArea .flex1 .item img {
  width: min(21vw,252px);
}
.cautionArea .text2 {
  text-align: left;
  margin: 0 auto min(8.75vw,105px);
}
.cautionArea .text2 p {
  line-height: 1.875em;
}
.cautionArea .flex2 .item {
  position: relative;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  padding: min(4.167vw,50px) min(5vw,60px) 0 0;
}
.cautionArea .flex2 .item .head {
  background: #191919;
  font-weight: 800;
  position: absolute;
  top: max(-0.75vw,-9px);
  left: 0;
  padding-right: min(2.083vw,25px);
}
.cautionArea .flex2 .item .fs16 {
  line-height: 1.625em;
  font-weight: 300;
  padding-left: min(2.5vw,30px);
  text-align: left;
}
.cautionArea .flex2 .item .fs16::before {
  content: "";
  background: url(../images/top/caution__object002.png)no-repeat;
  background-size: contain;
  width: min(27.5vw,330px);
  height: min(20.583vw,247px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .cautionArea .flex1,
  .cautionArea .flex2 {
    display: flex;
    justify-content: center;
    gap: 0 min(7.5vw,90px);
  }
  .cautionArea .flex1 {
    margin-bottom: min(5vw,60px);
  }
  .cautionArea .text2 {
    width: min(53.333vw,640px);
  }
  .cautionArea .flex2 .item {
    width: min(30vw,360px);
  }
}
@media screen and (max-width: 767px) {
  .cautionArea {
    background: url(../images/top/sp-caution__bg.png)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 10.667vw 0;
  }
  .cautionArea::before {
    border-width: 6.133vw 100vw 0px 0px;
  }
  .cautionArea .title {
    margin-bottom: 5.333vw;
  }
  .cautionArea .title img {
    width: 8vw;
  }
  .cautionArea .title p {
    font-size: 5.867vw;
    font-weight: 700;
    margin-top: 1.867vw;
  }
  .cautionArea .box {
    padding: 8vw 8vw 13.333vw;
    box-shadow: 0px 0px 0px 10px #191919;
    width: 99%;
    margin: 0 auto;
  }
  .cautionArea .text1 .head {
    font-size: 4.267vw;
    margin-bottom: 4.533vw;
  }
  .cautionArea .text1 .head span {
    font-size: 6.667vw;
  }
  .cautionArea .text1 p.fs20 {
    font-size: 4vw;
    font-weight: 300;
    text-align: left;
  }
  .cautionArea .text1 {
    margin-bottom: 8vw;
  }
  .cautionArea .flex1 {
    margin-bottom: 8vw;
  }
  .cautionArea .flex1 .item:first-of-type {
    margin-bottom: 7.467vw;
  }
  .cautionArea .flex1 .item p {
    margin-top: 3.467vw;
  }
  .cautionArea .flex1 .item img {
    width: 49.867vw;
  }
  .cautionArea .text2 {
    margin-bottom: 16vw;
  }
  .cautionArea .text2 p {
    font-weight: 300;
  }
  .cautionArea .flex2 .item:first-of-type {
    margin-bottom: 10.667vw;
  }
  .cautionArea .flex2 .item {
    padding: 8vw 5.333vw 0 0;
  }
  .cautionArea .flex2 .item .head {
    font-weight: 700;
    top: -2.4vw;
    padding-right: 4vw;
  }
  .cautionArea .flex2 .item .fs16::before {
    width: 70.933vw;
    height: 53.067vw;
  }
}
/* ----------------------------------------------
  checkArea
---------------------------------------------- */
.checkArea {
  background: url(../images/top/check__bg.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(6.667vw,80px) 0 min(5.833vw,70px);
}
.checkArea .inner::before {
  content: "";
  background: url(../images/top/check__image.png)no-repeat;
  background-size: contain;
  width: min(30vw,360px);
  height: min(34.583vw,415px);
  position: absolute;
  bottom: max(-5.833vw,-70px);
  right: max(-6vw,-72px);
  z-index: 1;
}
/* whiteBox */
.checkArea .whiteBox {
  position: relative;
  background: rgba(213, 213, 213, 0.8);
  border-radius: 20px;
  padding: min(2.917vw,35px) min(8.75vw,105px) min(5.833vw,70px);
}
.checkArea .whiteBox .head img {
  width: min(59.333vw,712px);
  height: auto;
  margin: 0 auto min(2.083vw,25px);
}
.checkArea .whiteBox ul li {
  position: relative;
  font-size: min(1.917vw,23px);
  font-weight: 600;
  line-height: 1.45em;
  padding-left: min(4.5vw,54px);
  margin-bottom: min(2vw,24px);
  text-align: left;
}
.checkArea .whiteBox ul li:last-child {
  margin: 0;
}
.checkArea .whiteBox ul li::before {
  content: "";
  background: url(../images/top/check__object.png)no-repeat;
  background-size: contain;
  width: min(3.333vw,40px);
  height: min(3vw,36px);
  position: absolute;
  top: max(-0.333vw,-4px);
  left: 0;
}
@media screen and (max-width: 767px) {
  .checkArea {
     padding-bottom: 22.667vw;
   }
   .checkArea .inner {
     width: 98%;
   }
   .checkArea .inner::before {
     content: "";
     background: url(../images/top/check__image.png) no-repeat;
     background-size: contain;
     width: 47.733vw;
     height: 55.2vw;
     position: absolute;
     bottom: -22.667vw;
     right: -6.667vw;
     z-index: 1;
   }
   .checkArea .whiteBox {
     padding: 6.667vw 6.133vw 9.333vw;
   }
   .checkArea .whiteBox .head img {
     width: 68.267vw;
     margin-bottom: 6.667vw;
   }
   .checkArea .whiteBox ul li {
     font-size: 4.267vw;
     padding-left: 13.067vw;
     margin-bottom: 4.8vw;
     letter-spacing: 0.08em;
     line-height: 1.65em;
   }
   .checkArea .whiteBox ul li::before {
     width: 8vw;
     height: 7.2vw;
     top: 0;
   }
}
/* ----------------------------------------------
  accompArea
---------------------------------------------- */
.accompArea .lead {
  text-align: center;
  margin: min(0.833vw,10px) auto max(-2.083vw,-25px);
}
.accompArea .content {
  background: url(../images/top/accomp__back.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(7.5vw,90px) 0 min(5.417vw,65px);
}
.accompArea .content .whiteBox {
  background: #fff;
  padding: min(7.167vw,86px) 0 min(3.75vw,45px);
}
.accompArea .content .head {
  position: relative;
  background: #9a8c48;
  width: min(52.5vw,630px);
  height: min(5.5vw,66px);
  border-radius: min(2.75vw,33px);
  text-align: center;
  margin: 0 auto max(-2.75vw,-33px);
  z-index: 1;
}
.accompArea .content .head p {
  color: #fff;
  font-size: min(2.667vw,32px);
  font-weight: 600;
  line-height: min(5.5vw,66px);
  letter-spacing: 0.3em;
}
.accompArea .content ul li {
  margin-bottom: min(4.167vw,50px);
}
.accompArea .content ul li img {
  width: min(74vw,888px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .accompArea .lead img {
    width: min(83.667vw,1004px);
    margin-left: max(-3.833vw,-46px);
  }
}
@media screen and (max-width: 767px) {
  .accompArea .lead {
    margin: 2.133vw 0 -3.2vw;
  }
  .accompArea .lead .inner {
    width: 100%;
  }
  .accompArea .lead img {
    width: 100vw;
  }
  .accompArea .content {
    padding: 10.667vw 0 6.667vw;
  }
  .accompArea .content .inner {
    width: 97%;
  }
  .accompArea .content .head {
    width: 76vw;
    height: 10.667vw;
    border-radius: 5.333vw;
    margin-bottom: -5.333vw;
  }
  .accompArea .content .head p {
    font-size: 5.333vw;
    line-height: 10.667vw;
  }
  .accompArea .content ul li {
    margin-bottom: 2.933vw;
  }
  .accompArea .content ul li img {
    width: 89.333vw;
  }
}
/* ----------------------------------------------
  reasonArea content1
---------------------------------------------- */
.reasonArea .content1 {
  background: url(../images/top/reason__bg001.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(6.667vw,80px) 0 min(7.917vw,95px);
}
.reasonArea .content1 .head img {
  width: min(50.167vw,602px);
  margin: 0 auto min(5vw,60px);
}
.reasonArea .content1 ul li {
  background: rgba(255,255,255,0.8);
  border-radius: 40px;
  padding: min(3.75vw,45px) 0 min(4.167vw,50px);
  margin-bottom: min(3.75vw,45px);
  box-shadow: 0 max(-0.833vw,-10px) min(1.75vw,21px) min(1vw,12px) rgba(87, 87, 87, 0.035), 0 min(0.833vw,10px) min(1.75vw,21px) min(1vw,12px) rgba(87, 87, 87, 0.035);
}
.reasonArea .content1 ul li:last-child {
  margin-bottom: 0;
}
.reasonArea .content1 ul li .image {
  text-align: center;
}
.reasonArea .content1 ul li .image img {
  width: min(16.167vw,194px);
}
.reasonArea .content1 ul li:nth-child(2) .image img {
  width: min(13.75vw,165px);
}
.reasonArea .content1 ul li:nth-child(3) .image img {
  width: min(16vw,192px);
}
.reasonArea .content1 ul li p {
  font-size: min(1.25vw,15px);
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  .reasonArea .content1 ul li {
    display: flex;
    align-items: center;
  }
  .reasonArea .content1 ul li .image {
    width: min(25.417vw,305px);
  }
  .reasonArea .content1 ul li p {
    width: calc(100% - min(25.417vw,305px));
    padding-right: min(5vw,60px);
  }
}
@media screen and (max-width: 767px) {
  .reasonArea .content1 {
    padding: 10.667vw 0;
  }
  .reasonArea .content1 .head img {
    width: 80.267vw;
    margin: 0 auto 35px;
  }
  .reasonArea .content1 ul li {
    border-radius: 5.333vw;
    padding: 8.533vw 9.333vw;
    margin-bottom: 6.667vw;
    box-shadow: 0 -10px 21px 12px rgba(87, 87, 87, 0.035), 0 10px 21px 12px rgba(87, 87, 87, 0.035);
  }
  .reasonArea .content1 ul li .image {
    margin-bottom: 5.333vw;
  }
  .reasonArea .content1 ul li .image img {
    width: 46.4vw;
  }
  .reasonArea .content1 ul li:nth-child(2) .image img {
    width: 38.667vw;
  }
  .reasonArea .content1 ul li:nth-child(3) .image img {
    width: 45.867vw;
  }
  .reasonArea .content1 ul li p {
    font-size: 3.733vw;
  }
}
/* ----------------------------------------------
  reasonArea content2
---------------------------------------------- */
.reasonArea .content2 {
  background: url(../images/top/reason__bg002.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(4.167vw,50px) 0 min(5.833vw,70px);
}
.reasonArea .content2 .head img {
  width: min(68.5vw,822px);
  margin: 0 auto min(4.167vw,50px);
}
.reasonArea .content2 .table img {
  width: 100%;
  height: auto;
}
.reasonArea .content2 .table .scroll-hint-icon {
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .reasonArea .content2 {
    padding: 13.333vw 0;
  }
  .reasonArea .content2 .head img {
    width: 74.667vw;
    margin-bottom: 9.333vw;
  }
  .reasonArea .content2 .table img {
    width: auto;
    height: 133.333vw;
  }
}
/* ----------------------------------------------
  pointArea
---------------------------------------------- */
.pointArea {
  padding: 0 0 min(8.333vw,100px);
}
.pointArea .head {
  background: url(../images/top/point__head-bg.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(7.917vw,95px) 0 min(6.25vw,75px);
  text-align: center;
}
.pointArea .head img {
  width: min(77.583vw,931px);
  margin: 0 auto;
}
/* text */
.pointArea .text p {
  line-height: 1.944em;
}
/* lead */
.pointArea .lead .inner {
  background: #dfdfdf;
  padding: 0 0 min(5.833vw,70px);
}
.pointArea .lead .head {
  position: relative;
  background: #d12d2d;
  width: 100%;
  text-align: center;
  padding: min(1.667vw,20px) 0 min(3.75vw,45px);
}
.pointArea .lead .head::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #d12d2d transparent transparent;
  border-width: 0 min(3.167vw,38px) min(3.5vw,42px) 0;
  position: absolute;
  bottom: max(-3.5vw,-42px);
  left: min(35vw,420px);
}
.pointArea .lead .head img {
  width: min(54.25vw,651px);
  margin: 0 auto;
}
.pointArea .lead ul {
  padding: min(7.083vw,85px) 0 min(4.167vw,50px);
}
.pointArea .lead ul li {
  text-align: center;
}
.pointArea .lead ul li .icon {
  position: relative;
  width: min(12.583vw,151px);
  margin: 0 auto min(2.083vw,25px);
}
.pointArea .lead ul li .icon img {
  width: 100%;
}
.pointArea .lead ul li .icon::before {
  content: "";
  background: url(../images/top/point__point1.png)no-repeat;
  background-size: contain;
  width: min(5.5vw,66px);
  height: min(5.5vw,66px);
  position: absolute;
  top: max(-1.667vw,-20px);
  left: max(-1.333vw,-16px);
  z-index: 1;
}
.pointArea .lead ul li:nth-child(2) .icon::before {
  background: url(../images/top/point__point2.png)no-repeat;
  background-size: contain;
}
.pointArea .lead ul li:nth-child(3) .icon::before {
  background: url(../images/top/point__point3.png)no-repeat;
  background-size: contain;
}
.pointArea .lead ul li:nth-child(4) .icon::before {
  background: url(../images/top/point__point4.png)no-repeat;
  background-size: contain;
}
.pointArea .lead ul li p {
  text-align: left;
  width: min(15vw,180px);
  margin: 0 auto;
  line-height: 1.625em;
  letter-spacing: 0;
}
.pointArea .lead .yellowBox {
  position: relative;
  background: #fce052;
  padding: min(3.333vw,40px) min(6.667vw,80px);
  width: min(62.5vw,750px);
  margin: 0 auto;
}
.pointArea .lead .yellowBox::before {
  content: "";
  background: url(../images/top/point__lead-object.png)no-repeat;
  background-size: contain;
  width: min(11.083vw,133px);
  height: min(12.083vw,145px);
  position: absolute;
  bottom: max(-0.667vw,-8px);
  left: max(-6.333vw,-76px);
  z-index: 1;
}
.pointArea .lead .yellowBox p {
  line-height: 1.944em;
  margin-bottom: 1em;
}
.pointArea .lead .yellowBox p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .pointArea .text {
    padding: 0 0 min(4.583vw,55px);
  }
  .pointArea .text .flexItem {
    display: flex;
  }
  .pointArea .text .flexItem p {
    width: min(35.417vw,425px);
    padding-top: min(5vw,60px);
    padding-right: min(2.5vw,30px);
  }
  .pointArea .text .flexItem img {
    width: calc(100% - min(35.417vw,425px));
    margin-top: max(-2.917vw,-35px);
    padding-bottom: min(2.917vw,35px);
  }
  .pointArea .lead ul {
    display: flex;
    justify-content: center;
  }
  .pointArea .lead ul li {
    width: min(18.75vw,225px);
  }
}
@media screen and (max-width: 767px) {
  .pointArea {
    padding: 0 0 12vw;
  }
  .pointArea .head {
    padding: 8vw 0 5.333vw;
  }
  .pointArea .head img {
    width: 77.067vw;
  }
  /* text */
  .pointArea .text p {
    padding: 20px 2% 25px;
    font-size: 3.733vw;
  }
  .pointArea .text .flexItem img {
    width: 100%;
  }
  /* lead */
  .pointArea .lead .inner {
    padding: 0 0 10.667vw;
  }
  .pointArea .lead .head {
    padding: 5.333vw 0;
  }
  .pointArea .lead .head::after {
    border-width: 0 5.067vw 5.6vw 0;
    bottom: -5.6vw;
    left: 19.733vw;
  }
  .pointArea .lead .head img {
    width: 65.867vw;
  }
  .pointArea .lead ul {
    padding: 18.667vw 0 12vw;
  }
  .pointArea .lead ul li {
    margin-bottom: 13.333vw;
  }
  .pointArea .lead ul li:last-child {
    margin-bottom: 0;
  }
  .pointArea .lead ul li .icon {
    width: 40.267vw;
    margin-bottom: 4vw;
  }
  .pointArea .lead ul li .icon::before {
    width: 17.6vw;
    height: 17.6vw;
    top: -5.333vw;
    left: -4.267vw;
  }
  .pointArea .lead ul li p {
    width: 61.333vw;
  }
  .pointArea .lead .yellowBox {
    padding: 6.667vw 6.667vw 21.333vw;
    width: 95%;
  }
  .pointArea .lead .yellowBox::before {
    width: 24.8vw;
    height: 27.2vw;
    bottom: -8.533vw;
    left: 0;
  }
  .pointArea .lead .yellowBox p {
    font-size: 3.733vw;
  }
}
/* ----------------------------------------------
  flowArea
---------------------------------------------- */
.flowArea {
  background: url(../images/top/flow__bg.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(7.5vw,90px) 0;
  margin-bottom: min(3.333vw,40px);
}
.flowArea::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0px 0px min(20vw,240px) min(100vw,1200px);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.flowArea .whiteBox {
  position: relative;
  background: #fff;
  padding: min(4.583vw,55px) min(4.583vw,55px) min(5vw,60px);
  box-shadow: 0 max(-0.833vw, -10px) min(1.75vw, 21px) min(1vw, 12px) rgba(87, 87, 87, 0.035), 0 min(0.833vw, 10px) min(1.75vw, 21px) min(1vw, 12px) rgba(87, 87, 87, 0.035);
  z-index: 2;
}
.flowArea .head {
  margin-bottom: min(4.583vw,55px);
}
.flowArea .head img {
  width: min(70.5vw,846px);
  margin: 0 auto;
}
.flowArea ul li {
  display: flex;
  margin-bottom: min(3.75vw,45px);
}
.flowArea ul li:last-child {
  margin-bottom: 0;
}
.flowArea ul li .number {
  position: relative;
  background: #881515;
  width: min(4.083vw,49px);
  height: 100%;
  padding-top: min(6.25vw,75px);
  text-align: center;
}
.flowArea ul li .number::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #881515 transparent transparent transparent;
  border-width: min(1.75vw,21px) min(2.042vw,24.5px) 0px min(2.042vw,24.5px);
  position: absolute;
  bottom: max(-1.74vw,-21px);
  left: 0;
}
.flowArea ul li:last-child .number::after {
  border-color: #fff transparent transparent transparent;
  bottom: auto;
  top: 0;
}
.flowArea ul li .number img {
  width: min(2.75vw,33px);
  margin: 0 auto;
}
.flowArea ul li .content {
  width: calc(100% - min(4.083vw,49px));
}
.flowArea ul li .content .text .head {
  position: relative;
  color: #881515;
  font-size: min(2.167vw,26px);
  font-weight: 600;
  margin-bottom: min(2.5vw,30px);
  display: inline-block;
}
.flowArea ul li .content .text .head::after {
  content: "";
  background: #881515;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.flowArea ul li .content .text .fs18 {
  line-height: 1.444em;
}
@media screen and (min-width: 768px) {
  .flowArea ul li .content {
    display: flex;
    justify-content: space-between;
    padding-top: min(0.833vw,10px);
  }
  .flowArea ul li .content .text {
    padding: min(0.417vw,5px) min(2.917vw,35px) 0 min(2.5vw,30px);
  }
  .flowArea ul li .number {
    height: min(15vw,180px);
  }
}
@media screen and (max-width: 767px) {
  .flowArea {
    padding: 9.333vw 0;
    margin-bottom: 7.2vw;
  }
  .flowArea::after {
    border-width: 0px 0px 13.333vw 100vw;
  }
  .flowArea .whiteBox {
    padding: 7.467vw 5.333vw 8vw;
    box-shadow: 0 -10px 21px 12px rgba(87, 87, 87, 0.035), 0 10px 21px 12px rgba(87, 87, 87, 0.035);
  }
  .flowArea .head {
    margin-bottom: 6.667vw;
  }
  .flowArea .head img {
    width: 70.4vw;
  }
  .flowArea ul li {
    margin-bottom: 8vw;
  }
  .flowArea ul li .number {
    width: 8vw;
    height: auto;
    padding-top: 5.333vw;
  }
  .flowArea ul li .number::after {
    border-width: 3.467vw 4vw 0 4vw;
    bottom: -3.4vw;
  }
  .flowArea ul li .number img {
    width: 5.333vw;
  }
  .flowArea ul li .content {
    width: calc(100% - 8vw);
    padding: 1.867vw 0 0 5.333vw;
  }
  .flowArea ul li .content .text {
    margin-bottom: 4vw;
  }
  .flowArea ul li .content .text .head {
    font-size: 5.867vw;
    margin-bottom: 4vw;
  }
  .flowArea ul li .content .text .fs18 {
    font-size: 3.733vw;
  }
}
/* ----------------------------------------------
  contactArea
---------------------------------------------- */
.contactArea {
  background: #eeeeee;
  padding: min(17.333vw,65px) 0 min(21.333vw,80px);
  margin-top: min(6.667vw,25px);
}
.contactArea .head {
  font-size: min(2.667vw,32px);
  font-weight: 600;
  margin-bottom: min(10.667vw,40px);
  text-align: center;
}
.contactArea dl {
  margin-bottom: min(8vw,30px);
}
.contactArea dl:last-of-type {
  margin-bottom: 0;
}
.contactArea dt p span {
  background: #881515;
  color: #fff;
  font-size: min(3.733vw,14px);
  padding: min(1.333vw,5px) min(2.133vw,8px) min(1.333vw,5px) min(2.4vw,9px);
  border-radius: min(1.067vw,4px);
  margin-left: min(4vw,15px);
}
.contactArea .wpcf7 {
  position: relative;
  text-align: left;
  background: #fff;
  width: min(95%,580px);
  margin: 0 auto;
  padding: min(4.583vw, 55px) min(4.583vw, 55px) min(2.083vw, 25px);
  box-shadow: 0 max(-0.833vw, -10px) min(1.75vw, 21px) min(1vw, 12px) rgba(87, 87, 87, 0.035), 0 min(0.833vw, 10px) min(1.75vw, 21px) min(1vw, 12px) rgba(87, 87, 87, 0.035);
}
.contactArea p.text1 {
  text-align: center;
  margin-bottom: min(6.667vw,25px);
  font-weight: 600;
}
.contactArea p.text2 {
  text-align: center;
  font-size: min(3.2vw,12px);
  margin-bottom: min(12vw,45px);
}
.contactArea p.text3 {
  width: 100%;
  font-size: min(3.2vw,12px);
  text-indent: -1em;
  line-height: 1.625em;
  margin: min(8vw,30px) 0 min(8vw,30px) 1em;
}
.contactArea span.wpcf7-list-item {
  margin: 0 !important;
  display: block !important;
  position: relative;
  height: min(8vw,30px);
}
.contactArea .wpcf7-form-control-wrap {
  margin-top: min(4.8vw,18px);
  display: block;
}
.contactArea .wpcf7-list-item-label {
  padding-left: min(10.667vw,40px);
  line-height: min(2.933vw,11px);
  cursor: pointer;
}
.contactArea input,
.contactArea select,
.contactArea textarea {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-size: min(4.267vw,16px);
  line-height: 1.625em;
  padding: min(5.333vw,20px);
  border-radius: min(2.667vw,10px);
  border: none;
  background-color: #E4E4E4;
  width: 100%;
}
.contactArea .wpcf7-not-valid-tip {
  margin-top: min(2.667vw,10px);
}
/* acceptance */
.contactArea .acceptance {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactArea .acceptance input[type="checkbox"] {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
  width: auto;
}
.contactArea .acceptance span.wpcf7-list-item-label {
  display: none;
}
.contactArea .acceptance span.wpcf7-form-control-wrap {
  margin-top: max(-0.533vw,-2px) !important;
  margin-right: min(2.667vw,10px);
}
.contactArea .acceptance span.wpcf7-list-item {
  height: auto;
}
.contactArea .acceptance p {
  font-size: min(4vw,15px);
}
.contactArea .acceptance a {
  color: #00a5a5;
}
/* submit */
.contactArea input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1em;
  text-decoration: none;
  background: #00a5a5;
  color: #fff;
  border-radius: min(2.667vw,10px);
  font-size: min(4.267vw,16px);
  font-weight: 300;
  letter-spacing: 2px;
  font-weight: bold;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  display: block;
  width: min(80%,220px);
  margin: min(9.333vw,35px) auto 0;
  text-align: center;
}
@media screen and (max-width:767px) {
  .contactArea {
    padding: 45px 0 65px;
    margin-top: 20px;
  }

  .contactArea .wpcf7 {
    width: 95%;
    padding: 8vw 6.667vw;
  }
  .contactArea .head {
    font-size: 26px;
    margin-bottom: 26px;
  }
  .contactArea p.text1 {
    margin-bottom: 25px;
    line-height: 1.425em;
  }
  .contactArea p.text2 {
    font-size: 12px;
    line-height: 1.425em;
    margin-bottom: 40px;
  }
  dt {
    font-weight: 600;
  }
  .contactArea input, .contactArea select, .contactArea textarea {
    font-size: 16px;
    padding: 10px;
  }
  .contactArea dt p span {
    font-size: 12px;
    padding: 5px 8px 5px 9px;
    border-radius: 4px;
    margin-left: 10px;
  }
  .contactArea .acceptance p {
    font-size: 15px;
  }
  .contactArea input[type="submit"] {
    border-radius: 10px;
    font-size: 16px;
    margin: 35px auto 0;
  }
}
/* ----------------------------------------------
  companyArea
---------------------------------------------- */
.companyArea {
  background: url(../images/top/company__bg.jpg)no-repeat;
  background-position: center;
  background-size: cover;
  padding: min(7.5vw,90px) 0;
}
.companyArea .whiteBox {
  background: rgba(255,255,255,0.85);
  width: min(53.333vw,640px);
  margin: 0 auto;
  padding: min(5vw,60px) 0 min(4.167vw,50px);
  text-align: center;
}
.companyArea .whiteBox .logo {
  margin-bottom: min(3.333vw,40px);
}
.companyArea .whiteBox .logo img {
  width: min(23.333vw,280px);
}
.companyArea .whiteBox .text p {
  line-height: 2.222em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .companyArea {
    padding: 12vw 0;
  }
  .companyArea .whiteBox {
    width: 100%;
    padding: 9.333vw 0 6.667vw;
  }
  .companyArea .whiteBox .logo {
    margin-bottom: 5.867vw;
    margin-left: -1.333vw;
  }
  .companyArea .whiteBox .logo img {
    width: 56vw;
  }
  .companyArea .whiteBox .text p {
    font-size: 3.733vw;
    line-height: 2em;
    font-weight: 300;
  }
}