@charset "UTF-8";
/* Scss Document */
/* transition */
/* opacity */
/* inline-block */
/* font-family */
/* font size */
#mv_wrap {
  padding-top: 100px;
}
#mv_wrap #mv {
  margin: 0 5vw;
  position: relative;
  z-index: 10;
}
#mv_wrap #mv h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  width: 75%;
}
@media screen and (max-width: 812px) {
  #mv_wrap #mv h1 {
    width: 96%;
  }
}
#mv_wrap #mv ul li {
  width: 100%;
}
@media screen and (max-width: 1439px) {
  #mv_wrap {
    padding-top: 90px;
  }
}
@media screen and (max-width: 999px) {
  #mv_wrap {
    padding-top: 60px;
  }
}
@media screen and (max-width: 812px) {
  #mv_wrap {
    padding-top: 13.3vw;
  }
}

.block1 {
  position: relative;
  z-index: 1;
}
.block1 .block_inner {
  padding: 6vw 0 0 18vw;
}
.block1 .block_inner figure {
  width: 107px;
  width: 7vw;
  margin-bottom: 3.5vw;
}
@media screen and (max-width: 1439px) {
  .block1 .block_inner figure {
    width: 90px;
  }
}
@media screen and (max-width: 812px) {
  .block1 .block_inner figure {
    width: 20vw;
    margin-bottom: 13vw;
  }
}
.block1 .block_inner p {
  font-size: 20px;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 3;
  margin-top: 3.8vw;
}
@media screen and (max-width: 1439px) {
  .block1 .block_inner p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .block1 .block_inner p {
    width: 60vw;
  }
}
@media screen and (max-width: 812px) {
  .block1 .block_inner p {
    width: 83vw;
    font-size: 4vw;
    margin-top: 10.6666666667vw;
    line-height: 2.5;
  }
}
@media screen and (max-width: 1679px) {
  .block1 .block_inner {
    padding: 6vw 0 0 18vw;
  }
}
@media screen and (max-width: 1439px) {
  .block1 .block_inner {
    padding: 6vw 0 0 16vw;
  }
}
@media screen and (max-width: 812px) {
  .block1 .block_inner {
    padding: 12vw 0 0 12vw;
  }
}
.block1 .fig_bg {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 4vw 3vw 3vw;
}
.block1 .bg_box {
  position: absolute;
  border-radius: 2.5vw;
  background: #c1da00;
}
.block1 .bg_box.pt2 {
  background: #00a416;
}
.block1 .bg_box.bg1 {
  top: -20%;
  right: 0;
  width: 27vw;
  height: 43vw;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 1199px) {
  .block1 .bg_box.bg1 {
    top: -15%;
  }
}
@media screen and (max-width: 812px) {
  .block1 .bg_box.bg1 {
    top: -7%;
    width: 36vw;
    height: 53vw;
  }
}
.block1 .bg_box.bg2 {
  top: 34%;
  left: 0;
  width: 12vw;
  height: 29vw;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (max-width: 812px) {
  .block1 .bg_box.bg2 {
    width: 7vw;
    height: 52vw;
    top: 38%;
  }
}
.block1 .bg_img {
  position: absolute;
  z-index: 10;
}
.block1 .bg_img img {
  width: 100%;
}
.block1 .bg_img.fig1 {
  top: 13%;
  right: 5vw;
  width: 16vw;
}
@media screen and (max-width: 812px) {
  .block1 .bg_img.fig1 {
    top: 8%;
    width: 26vw;
    right: 4vw;
  }
}

.block2 {
  border-radius: 9vw 0 9vw 0;
  padding: 7vw 0 9vw;
  margin-top: -6.5vw;
}
.block2 dl.block2_dl1 {
  margin-bottom: 130px;
}
.block2 dl.block2_dl1 > dt {
  width: 35%;
  color: #e9ff43;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 45px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
.block2 dl.block2_dl1 > dt span {
  display: block;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1 > dt span {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1 > dt {
    font-size: 7.4666666667vw;
    line-height: 1.2;
    width: 100%;
  }
}
.block2 dl.block2_dl1 > dd {
  width: 65%;
}
.block2 dl.block2_dl1 > dd ul li {
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  border-radius: 0.25vw;
  background: #fff;
  padding: 15px;
  width: 32.5%;
  color: #009614;
  font-size: 20px;
}
@media screen and (max-width: 1439px) {
  .block2 dl.block2_dl1 > dd ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1 > dd ul li {
    font-size: 4vw;
    padding: 4vw 0;
    margin-bottom: 1.3333333333vw;
  }
}
.block2 dl.block2_dl1 > dd p {
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 1439px) {
  .block2 dl.block2_dl1 > dd p {
    font-size: 18px;
  }
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1 > dd p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1 > dd {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.block2 dl.block2_dl1:last-of-type {
  margin-bottom: 0;
}
.block2 dl.block2_dl1:last-of-type p {
  line-height: 2.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1:last-of-type p {
    line-height: 2.2;
  }
}
@media screen and (max-width: 1439px) {
  .block2 dl.block2_dl1 {
    margin-bottom: 8.5vw;
  }
}
@media screen and (max-width: 812px) {
  .block2 dl.block2_dl1 {
    margin-bottom: 17vw;
  }
}
.block2 .time_box {
  position: relative;
}
.block2 .time_box:before {
  content: '';
  width: 3px;
  height: 92%;
  position: absolute;
  top: 20px;
  left: 5px;
  background: #e9ff43;
}
@media screen and (max-width: 812px) {
  .block2 .time_box:before {
    height: 93%;
    left: 3vw;
  }
}
.block2 .time_box dl.block2_dl2 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 30px;
}
.block2 .time_box dl.block2_dl2:before {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #e9ff43;
  content: '';
  border-radius: 100%;
  top: 17px;
  left: 0;
}
@media screen and (max-width: 812px) {
  .block2 .time_box dl.block2_dl2:before {
    width: 3vw;
    height: 3vw;
    top: 2.5vw;
  }
}
.block2 .time_box dl.block2_dl2 dt {
  font-size: 26px;
  color: #e9ff43;
  font-weight: 700;
  width: 35%;
  letter-spacing: 0.08em;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .block2 .time_box dl.block2_dl2 dt {
    font-size: 24px;
  }
}
@media screen and (max-width: 812px) {
  .block2 .time_box dl.block2_dl2 dt {
    font-size: 4.5333333333vw;
    width: 27%;
    line-height: 1.5;
  }
}
.block2 .time_box dl.block2_dl2 dd {
  letter-spacing: 0.04em;
  width: 65%;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .block2 .time_box dl.block2_dl2 dd {
    font-size: 18px;
  }
}
@media screen and (max-width: 812px) {
  .block2 .time_box dl.block2_dl2 dd {
    font-size: 3.7333333333vw;
    width: 73%;
    padding-top: 0.5vw;
  }
}
.block2 .time_box dl.block2_dl2:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 812px) {
  .block2 .time_box dl.block2_dl2 {
    align-items: flex-start;
    padding-left: 5vw;
    margin-bottom: 9.3333333333vw;
  }
}
@media screen and (max-width: 812px) {
  .block2 .time_box {
    padding-left: 2vw;
  }
}
@media screen and (max-width: 812px) {
  .block2 {
    padding: 20vw 3vw 20vw;
  }
}

.block3 {
  padding: 6vw 0 9vw;
  position: relative;
}
.block3 .t2 {
  letter-spacing: 0.01em;
}
.block3 .block_inner {
  padding: 0 0 0 6vw;
}
.block3 .block_inner .flow_box {
  width: 50%;
  margin-bottom: 150px;
}
.block3 .block_inner .flow_box dl {
  width: 62%;
  padding-right: 7%;
}
.block3 .block_inner .flow_box dl dt {
  text-align: center;
  color: #009614;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  line-height: 1.3;
}
.block3 .block_inner .flow_box dl dt figure {
  display: block;
  margin-bottom: 15px;
}
.block3 .block_inner .flow_box dl dt figure img {
  width: 67px;
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box dl dt figure img {
    width: 100%;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box dl dt figure {
    width: 22%;
    margin: 0 auto 3vw;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box dl dt {
    font-size: 6.1333333333vw;
  }
}
.block3 .block_inner .flow_box dl dd {
  font-size: 16px;
  margin-top: 30px;
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box dl dd {
    font-size: 3.7333333333vw;
    margin-top: 1.3333333333vw;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box dl {
    width: 95%;
    padding-right: 0;
  }
}
.block3 .block_inner .flow_box > figure {
  width: 38%;
  position: relative;
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box > figure {
    width: 36%;
    margin: 5vw auto 0;
  }
}
.block3 .block_inner .flow_box.flow2 {
  margin-left: 12%;
}
@media screen and (max-width: 1439px) {
  .block3 .block_inner .flow_box.flow2 {
    margin-left: 10%;
  }
}
@media screen and (max-width: 1199px) {
  .block3 .block_inner .flow_box.flow2 {
    margin-left: 9%;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box.flow2 {
    margin-left: 0;
  }
  .block3 .block_inner .flow_box.flow2 > figure {
    width: 43%;
  }
}
.block3 .block_inner .flow_box.flow3 {
  margin-left: 24%;
}
@media screen and (max-width: 1439px) {
  .block3 .block_inner .flow_box.flow3 {
    margin-left: 20%;
  }
}
@media screen and (max-width: 1199px) {
  .block3 .block_inner .flow_box.flow3 {
    margin-left: 18%;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box.flow3 {
    margin-left: 0;
  }
}
.block3 .block_inner .flow_box.flow4 {
  margin-left: 36%;
}
@media screen and (max-width: 1439px) {
  .block3 .block_inner .flow_box.flow4 {
    margin-left: 30%;
  }
}
@media screen and (max-width: 1199px) {
  .block3 .block_inner .flow_box.flow4 {
    margin-left: 27%;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box.flow4 {
    margin-left: 0;
  }
  .block3 .block_inner .flow_box.flow4 > figure {
    width: 43%;
  }
}
@media screen and (max-width: 1439px) {
  .block3 .block_inner .flow_box {
    width: 65%;
    margin-bottom: 8.5vw;
  }
}
@media screen and (max-width: 1199px) {
  .block3 .block_inner .flow_box {
    width: 70%;
    margin-bottom: 7.5vw;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner .flow_box {
    width: 100%;
    margin-bottom: 18vw;
  }
}
@media screen and (max-width: 812px) {
  .block3 .block_inner {
    padding: 0 6vw 0 8vw;
  }
}
.block3 .bg_box {
  position: absolute;
  border-radius: 2.5vw;
  background: #c1da00;
}
.block3 .bg_box.pt2 {
  background: #00a416;
}
.block3 .bg_box.bg1 {
  top: 15%;
  right: 0;
  width: 13vw;
  height: 32vw;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 812px) {
  .block3 .bg_box.bg1 {
    top: 8%;
    width: 10vw;
    height: 37vw;
  }
}
.block3 .bg_box.bg2 {
  top: 60%;
  left: 0;
  width: 12vw;
  height: 27vw;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (max-width: 812px) {
  .block3 .bg_box.bg2 {
    top: 47%;
    width: 9vw;
    height: 44vw;
  }
}
.block3 .bg_box.bg3 {
  top: -30%;
  left: 28%;
  width: 20vw;
  height: 9vw;
  z-index: -1;
}
@media screen and (max-width: 812px) {
  .block3 .bg_box.bg3 {
    top: 40%;
    left: 55%;
    width: 20vw;
    height: 14vw;
  }
}
.block3 .bg_box.bg4 {
  top: 15%;
  left: 74%;
  width: 8vw;
  height: 16vw;
  z-index: -1;
}
@media screen and (max-width: 812px) {
  .block3 .bg_box.bg4 {
    top: 50%;
    left: 75%;
    width: 13vw;
    height: 20vw;
  }
}
.block3 .bg_box.bg5 {
  top: 70%;
  left: 40%;
  width: 20vw;
  height: 8vw;
  z-index: -1;
}
@media screen and (max-width: 812px) {
  .block3 .bg_box.bg5 {
    top: 70%;
    left: 50%;
    width: 22vw;
    height: 12vw;
  }
}
.block3 .bg_box.bg6 {
  top: 40%;
  left: 60%;
  width: 8.5vw;
  height: 15vw;
  z-index: -1;
}
@media screen and (max-width: 812px) {
  .block3 .bg_box.bg6 {
    top: 52%;
    left: 70%;
    width: 13vw;
    height: 21vw;
  }
}
@media screen and (max-width: 812px) {
  .block3 {
    padding: 20vw 0 10vw;
  }
}

.block4 {
  border-radius: 9vw 0 9vw 0;
  padding: 4.5vw 0 17vw;
}
.block4 .voice_box dl {
  margin-bottom: 65px;
}
.block4 .voice_box dl dt {
  width: 22%;
  text-align: center;
  color: #e9ff43;
  font-size: 20px;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.04em;
}
.block4 .voice_box dl dt figure {
  display: block;
  margin-bottom: 12px;
}
@media screen and (max-width: 812px) {
  .block4 .voice_box dl dt {
    font-size: 3.7333333333vw;
  }
}
.block4 .voice_box dl dd {
  background: #fff;
  border-radius: 15px;
  padding: 30px 40px;
  width: 76%;
  font-size: 20px;
  font-weight: 700;
  line-height: 2;
  position: relative;
}
.block4 .voice_box dl dd:before {
  position: absolute;
  content: '';
  top: 42%;
  left: -21px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 21px solid #ffffff;
  border-left: 0;
}
@media screen and (max-width: 1439px) {
  .block4 .voice_box dl dd {
    font-size: 18px;
  }
}
@media screen and (max-width: 812px) {
  .block4 .voice_box dl dd {
    padding: 3vw 3vw;
    font-size: 4vw;
    width: 70%;
    line-height: 1.8;
    font-weight: 400;
  }
}
.block4 .voice_box dl.pt2 dd:before {
  position: absolute;
  content: '';
  top: 42%;
  left: auto;
  right: -21px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 21px solid #ffffff;
  border-right: 0;
}
.block4 .voice_box dl:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 812px) {
  .block4 .voice_box dl {
    margin-bottom: 9.3333333333vw;
  }
}
@media screen and (max-width: 812px) {
  .block4 {
    padding: 20vw 0 30vw;
  }
}

#loop_block {
  position: relative;
  margin-top: -7vw;
  z-index: 2;
  overflow: hidden;
}
#loop_block #loop_wrap .loop_wrap {
  display: flex;
  width: 100%;
  overflow: hidden;
}
#loop_block #loop_wrap .loop_wrap img {
  width: 145vw;
  max-width: initial;
}
#loop_block #loop_wrap .loop_wrap img:first-child {
  animation: loop 40s -20s linear infinite;
}
#loop_block #loop_wrap .loop_wrap img:last-child {
  animation: loop2 40s linear infinite;
}
@media screen and (max-width: 812px) {
  #loop_block #loop_wrap .loop_wrap img {
    width: 450vw;
  }
}
@media screen and (max-width: 812px) {
  #loop_block #loop_wrap {
    width: 150%;
  }
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.block5 {
  padding: 3.5vw 0 10vw;
  position: relative;
}
.block5 .faq_box dl {
  margin-bottom: 20px;
  background: #faf4d6;
  border-radius: 15px;
  padding: 20px 35px 22px;
}
.block5 .faq_box dl dt {
  font-size: 22px;
  position: relative;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 15px 90px 10px;
  cursor: pointer;
}
.block5 .faq_box dl dt:before {
  content: 'Ｑ';
  text-align: center;
  font-size: 34px;
  line-height: 66px;
  color: #fff;
  display: block;
  width: 66px;
  height: 66px;
  background: #f88c7b;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 812px) {
  .block5 .faq_box dl dt:before {
    width: 11vw;
    height: 11vw;
    font-size: 6.9333333333vw;
    line-height: 11vw;
  }
}
.block5 .faq_box dl dt:after {
  position: absolute;
  content: '＋';
  top: -17%;
  right: 10px;
  color: #009614;
  font-size: 50px;
}
@media screen and (max-width: 812px) {
  .block5 .faq_box dl dt:after {
    font-size: 8vw;
    right: 1vw;
    top: -5%;
  }
}
.block5 .faq_box dl dt.active:after {
  content: '－';
}
@media screen and (max-width: 1439px) {
  .block5 .faq_box dl dt {
    font-size: 20px;
  }
}
@media screen and (max-width: 812px) {
  .block5 .faq_box dl dt {
    padding: 2vw 9vw 1vw 13vw;
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
}
.block5 .faq_box dl dd {
  margin-top: 20px;
  display: none;
  position: relative;
  font-size: 18px;
  padding: 25px 90px 10px;
}
.block5 .faq_box dl dd:before {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  content: 'Ａ';
  text-align: center;
  font-size: 34px;
  line-height: 66px;
  color: #fff;
  display: block;
  width: 66px;
  height: 66px;
  background: #c1da00;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 812px) {
  .block5 .faq_box dl dd:before {
    width: 11vw;
    height: 11vw;
    font-size: 6.9333333333vw;
    line-height: 11vw;
  }
}
@media screen and (max-width: 812px) {
  .block5 .faq_box dl dd {
    padding: 2vw 2vw 1vw 13vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    margin-top: 2vw;
  }
}
@media screen and (max-width: 1439px) {
  .block5 .faq_box dl {
    padding: 16px 35px 22px;
  }
}
@media screen and (max-width: 812px) {
  .block5 .faq_box dl {
    padding: 3vw 2vw 3vw 3vw;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 812px) {
  .block5 {
    padding: 10vw 0 20vw;
  }
}

.block6 {
  border-radius: 9vw 0 9vw 0;
  padding: 4.5vw 0 9vw;
}
.block6 .t2 {
  letter-spacing: 0.01em;
}
.block6 p {
  font-size: 24px;
  text-align: center;
  background: #fff;
  border-radius: 15px;
  padding: 60px 30px;
  font-weight: 700;
}
@media screen and (max-width: 1439px) {
  .block6 p {
    font-size: 22px;
  }
}
@media screen and (max-width: 812px) {
  .block6 p {
    font-size: 4.8vw;
    padding: 13vw 3vw;
  }
}
@media screen and (max-width: 812px) {
  .block6 {
    padding: 20vw 0;
  }
}

.block7 {
  padding: 3.5vw 0 12vw;
}
.block7 .t2 {
  letter-spacing: 0.01em;
}
.block7 .area_box h3 {
  text-align: center;
  margin: 55px 0;
}
.block7 .area_box h3 span {
  display: inline-block;
  background: #00a416;
  color: #e9ff43;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  border-radius: 5px;
  padding: 10px 50px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 812px) {
  .block7 .area_box h3 span {
    font-size: 5.8666666667vw;
    padding: 2.4vw 10vw;
  }
}
@media screen and (max-width: 812px) {
  .block7 .area_box h3 {
    margin: 15vw 0 12vw;
  }
}
.block7 .area_box ul li a {
  display: block;
  background: #faf4d6;
  border-radius: 15px;
  font-size: 24px;
  padding: 30px 55px;
  color: #222;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
.block7 .area_box ul li a:before {
  position: absolute;
  top: 45%;
  left: 30px;
  width: 14px;
  height: 14px;
  content: '';
  background: #00a416;
  border-radius: 100%;
}
@media screen and (max-width: 812px) {
  .block7 .area_box ul li a:before {
    top: 42%;
    left: 4%;
    width: 2.5vw;
    height: 2.5vw;
  }
}
.block7 .area_box ul li a:after {
  content: '→';
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #009614;
  font-size: 70px;
  display: block;
  position: absolute;
  top: 12%;
  line-height: 1;
  right: 30px;
  transform: scaleX(0.6);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media screen and (max-width: 812px) {
  .block7 .area_box ul li a:after {
    font-size: 12vw;
    top: 13%;
    right: 3%;
  }
}
.block7 .area_box ul li a:hover:after {
  right: 20px;
}
@media screen and (max-width: 812px) {
  .block7 .area_box ul li a:hover:after {
    right: 3%;
  }
}
@media screen and (max-width: 1439px) {
  .block7 .area_box ul li a {
    font-size: 22px;
  }
}
@media screen and (max-width: 812px) {
  .block7 .area_box ul li a {
    padding: 4vw 6vw 4vw 8vw;
    font-size: 4.8vw;
  }
}
.block7 .contact_box {
  margin-top: 11vw;
}
.block7 .contact_box p a {
  display: block;
  width: 96%;
  margin: 0 auto;
  padding: 35px;
  background: #ec7272;
  border-radius: 100px;
  font-size: 64px;
  text-align: center;
  line-height: 1;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #e9ff43;
  text-decoration: none;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.18);
  position: relative;
}
.block7 .contact_box p a span {
  display: block;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 22px;
}
@media screen and (max-width: 1439px) {
  .block7 .contact_box p a span {
    font-size: 20px;
  }
}
@media screen and (max-width: 812px) {
  .block7 .contact_box p a span {
    font-size: 3.4666666667vw;
  }
}
.block7 .contact_box p a:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 3%;
  width: 75px;
  height: 76px;
  background: url("../../image/icon2.png") no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1439px) {
  .block7 .contact_box p a:before {
    top: 20%;
  }
}
@media screen and (max-width: 812px) {
  .block7 .contact_box p a:before {
    width: 10vw;
    height: 10.1vw;
    top: 27%;
  }
}
.block7 .contact_box p a:hover {
  background: #f88c7b;
  color: #fff;
}
@media screen and (max-width: 1439px) {
  .block7 .contact_box p a {
    width: 80%;
    font-size: 58px;
    padding: 28px;
  }
}
@media screen and (max-width: 812px) {
  .block7 .contact_box p a {
    font-size: 8.5333333333vw;
    width: 94%;
    padding: 5vw 2vw 5vw 5vw;
  }
}
@media screen and (max-width: 812px) {
  .block7 .contact_box {
    margin-top: 25vw;
  }
}
@media screen and (max-width: 812px) {
  .block7 {
    padding: 20vw 0 30vw;
  }
}