@charset "UTF-8";
input[type=text],
input[type=email],
input[type=tel] {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}

input[type=submit],
input[type=button],
button {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  background: transparent;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #333;
  font-size: 20px;
}
@media screen and (max-width: 1200px) {
  body {
    font-size: 1.6666666667vw;
  }
}

.sp_only {
  display: none;
}

.inner {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .inner {
    width: 100vw;
  }
}

.rel {
  position: relative;
}

.review_box {
  width: 900px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1200px) {
  .review_box {
    width: 75vw;
    margin: 0 auto 4.1666666667vw;
  }
}

.float_btn {
  width: 140px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 999;
}
@media screen and (max-width: 1200px) {
  .float_btn {
    width: 11.6666666667vw;
    right: 2.5vw;
    bottom: 2.5vw;
  }
}

.header {
  width: 100%;
  background: #fff;
  transition: all 0.3s;
  position: fixed;
  top: -86px;
  left: 0;
  z-index: 999;
}
@media screen and (max-width: 1200px) {
  .header {
    top: -7.1666666667vw;
  }
}
.header.fixed {
  top: 0;
}
.header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1100px;
  padding: 12px 0;
}
@media screen and (max-width: 1200px) {
  .header .inner {
    width: 91.6666666667vw;
    padding: 1vw 0;
  }
}
.header .inner .logo {
  width: 62px;
}
@media screen and (max-width: 1200px) {
  .header .inner .logo {
    width: 5.1666666667vw;
  }
}
.header .inner .head_right {
  display: flex;
  align-items: center;
}
.header .inner .head_right .head_tel {
  width: 386px;
}
@media screen and (max-width: 1200px) {
  .header .inner .head_right .head_tel {
    width: 32.1666666667vw;
  }
}
.header .inner .head_right .head_mail {
  width: 180px;
  margin: 0 6px 0 11px;
}
@media screen and (max-width: 1200px) {
  .header .inner .head_right .head_mail {
    width: 15vw;
    margin: 0 0.5vw 0 0.9166666667vw;
  }
}
.header .inner .head_right .head_line {
  width: 150px;
}
@media screen and (max-width: 1200px) {
  .header .inner .head_right .head_line {
    width: 12.5vw;
  }
}

#fv {
  background: url("../img/pc_fv_bg.jpg") no-repeat top center;
  padding-bottom: 55px;
}
@media screen and (max-width: 1200px) {
  #fv {
    background-size: 166.6666666667vw auto;
    padding-bottom: 4.5833333333vw;
  }
}
#fv .inner .fv_text {
  font-size: 25px;
  letter-spacing: 0.06em;
  position: absolute;
  top: 470px;
  left: 65px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_text {
    top: 39.1666666667vw;
    left: 5.4166666667vw;
    font-size: 2.0833333333vw;
  }
}
#fv .inner .fv_text strong {
  color: #F0844A;
  font-weight: 500;
}
#fv .inner .fv_kome {
  color: #666;
  font-size: 14px;
  position: absolute;
  right: 100px;
  bottom: 77px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_kome {
    right: 8.3333333333vw;
    bottom: 6.4166666667vw;
    font-size: 1.1666666667vw;
  }
}
#fv .inner .fv_list {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 110px;
  right: 80px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_list {
    top: 9.1666666667vw;
    right: 6.6666666667vw;
    gap: 0.4166666667vw;
  }
}
#fv .inner .fv_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 90px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_list li {
    width: 15vw;
    height: 7.5vw;
  }
}
#fv .inner .fv_list li:nth-child(1) {
  padding-left: 15px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_list li:nth-child(1) {
    padding-left: 1.25vw;
  }
}
#fv .inner .fv_list li:nth-child(2) {
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_list li:nth-child(2) {
    width: 13.3333333333vw;
  }
}
#fv .inner .fv_list li:nth-child(3) {
  padding-right: 15px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_list li:nth-child(3) {
    padding-right: 1.25vw;
  }
}
#fv .inner .fv_list li p {
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_list li p {
    font-size: 2vw;
    line-height: 2.5vw;
  }
}
#fv .inner .fv_list li p span {
  font-size: 70%;
}
#fv .inner .fv_tit {
  position: absolute;
  top: 245px;
  left: 740px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_tit {
    top: 20.4166666667vw;
    left: 61.6666666667vw;
  }
}
#fv .inner .fv_tit .tit01 {
  font-size: 22px;
  margin-bottom: 13px;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_tit .tit01 {
    font-size: 1.8333333333vw;
    margin-bottom: 1.0833333333vw;
  }
}
#fv .inner .fv_tit .tit01 strong {
  color: #3C8CBE;
  font-weight: 500;
}
#fv .inner .fv_tit .tit02 {
  font-size: 34px;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #fv .inner .fv_tit .tit02 {
    font-size: 2.8333333333vw;
  }
}

#customer {
  background: url("../img/pc_customer_bg.jpg") no-repeat top center;
}
@media screen and (max-width: 1200px) {
  #customer {
    background-size: 166.6666666667vw auto;
  }
}
#customer .inner {
  padding: 485px 0 90px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #customer .inner {
    padding: 40.4166666667vw 0 7.5vw;
  }
}
#customer .inner .customer_img01 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #customer .inner .customer_img01 {
    top: -5vw;
  }
}
#customer .inner .customer_list {
  display: flex;
  justify-content: center;
  gap: 80px;
  margin: 5px 0 5px 60px;
}
@media screen and (max-width: 1200px) {
  #customer .inner .customer_list {
    gap: 6.6666666667vw;
    margin: 0.4166666667vw 0 0.4166666667vw 5vw;
  }
}
#customer .inner .customer_list .box {
  display: flex;
  align-items: center;
  width: 400px;
  height: 100px;
  margin-top: 40px;
  padding-left: 70px;
  border-radius: 15px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #customer .inner .customer_list .box {
    width: 33.3333333333vw;
    height: 8.3333333333vw;
    margin-top: 3.3333333333vw;
    padding-left: 5.8333333333vw;
    border-radius: 1.25vw;
  }
}
#customer .inner .customer_list .box:first-child {
  margin-top: 0;
}
#customer .inner .customer_list .box .img {
  width: 110px;
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  #customer .inner .customer_list .box .img {
    width: 9.1666666667vw;
    left: -5vw;
  }
}
#customer .inner .customer_list .box .text {
  color: #1A1A1A;
  font-size: 18px;
  line-height: 1.66;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  #customer .inner .customer_list .box .text {
    font-size: 1.5vw;
  }
}
#customer .inner .customer_list .box .text strong {
  color: #5096C8;
  background: linear-gradient(transparent 70%, #FFFF83 70% 90%, transparent 90%);
}
#customer .inner .media_box {
  display: flex;
  align-items: center;
  width: 960px;
  height: 170px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #customer .inner .media_box {
    width: 80vw;
    height: 14.1666666667vw;
  }
}
#customer .inner .media_box::before, #customer .inner .media_box::after {
  content: "";
  display: block;
  width: 10px;
  height: 160px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1200px) {
  #customer .inner .media_box::before, #customer .inner .media_box::after {
    width: 0.8333333333vw;
    height: 13.3333333333vw;
  }
}
#customer .inner .media_box::before {
  border-left: 1px solid #333;
  left: 0;
}
#customer .inner .media_box::after {
  border-right: 1px solid #333;
  right: 0;
}
#customer .inner .media_box .media_img {
  width: 465px;
  height: 165px;
  margin-left: 30px;
  background: url(../img/customer_img03.png) no-repeat top left/100%;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #customer .inner .media_box .media_img {
    width: 38.75vw;
    height: 13.75vw;
    margin-left: 2.5vw;
  }
}
#customer .inner .media_box .media_img .media_list {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 1200px) {
  #customer .inner .media_box .media_img .media_list {
    gap: 0.8333333333vw;
  }
}
#customer .inner .media_box .media_img .media_list li {
  color: #fff;
  font-size: 22px;
  line-height: 1.22;
  text-align: center;
  letter-spacing: 0.04em;
  width: 140px;
  padding-top: 65px;
}
@media screen and (max-width: 1200px) {
  #customer .inner .media_box .media_img .media_list li {
    font-size: 1.8333333333vw;
    width: 11.6666666667vw;
    padding-top: 5.4166666667vw;
  }
}
#customer .inner .media_box .media_text {
  color: #1A1A1A;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: 20px;
}
@media screen and (max-width: 1200px) {
  #customer .inner .media_box .media_text {
    font-size: 1.5vw;
    margin-left: 1.6666666667vw;
  }
}
#customer .inner .media_box .media_text span {
  font-weight: 400;
}

#worries {
  background: url("../img/pc_worries_bg.jpg") no-repeat top center;
  height: 1090px;
}
@media screen and (max-width: 1200px) {
  #worries {
    background-size: 166.6666666667vw auto;
    height: 90.8333333333vw;
  }
}
#worries .inner .wor_list {
  width: 520px;
}
@media screen and (max-width: 1200px) {
  #worries .inner .wor_list {
    width: 43.3333333333vw;
  }
}
#worries .inner .wor_list.list01 {
  margin: 40px 0 0 190px;
}
@media screen and (max-width: 1200px) {
  #worries .inner .wor_list.list01 {
    margin: 3.3333333333vw 0 0 15.8333333333vw;
  }
}
#worries .inner .wor_list.list02 {
  margin: 150px 0 0 520px;
}
@media screen and (max-width: 1200px) {
  #worries .inner .wor_list.list02 {
    margin: 12.5vw 0 0 43.3333333333vw;
  }
}
#worries .inner .wor_list li {
  color: #fff;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 16px 0 16px 60px;
  border-top: 1px solid #666;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #worries .inner .wor_list li {
    font-size: 1.8333333333vw;
    padding: 1.3333333333vw 0 1.3333333333vw 5vw;
  }
}
#worries .inner .wor_list li:first-child {
  border-top: none;
}
#worries .inner .wor_list li::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/worries_check.png) no-repeat top left/100%;
  position: absolute;
  top: 19px;
  left: 10px;
}
@media screen and (max-width: 1200px) {
  #worries .inner .wor_list li::before {
    width: 2.5vw;
    height: 2.5vw;
    top: 1.5833333333vw;
    left: 0.8333333333vw;
  }
}
#worries .inner .wor_list li strong {
  color: #FFFF83;
  font-weight: 500;
}

#counter {
  background: url("../img/pc_counter_bg.jpg") no-repeat top center;
  height: 1840px;
}
@media screen and (max-width: 1200px) {
  #counter {
    background-size: 166.6666666667vw auto;
    height: 153.3333333333vw;
  }
}
#counter .inner .counter {
  display: flex;
  justify-content: center;
}
#counter .inner .counter li {
  width: 253px;
  height: 170px;
  padding-top: 6px;
  border-right: 3px dotted #4D4D4D;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #counter .inner .counter li {
    width: 21.0833333333vw;
    height: 14.1666666667vw;
    padding-top: 0.5vw;
    border-right: 0.25vw dotted #4D4D4D;
  }
}
#counter .inner .counter li:last-child {
  border-right: none;
}
#counter .inner .counter li .icon {
  width: 60px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 1200px) {
  #counter .inner .counter li .icon {
    width: 5vw;
    margin: 0 auto 0.8333333333vw;
  }
}
#counter .inner .counter li .text {
  color: #1A1A1A;
  font-size: 30px;
  line-height: 1.26;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #counter .inner .counter li .text {
    font-size: 2.5vw;
  }
}
#counter .inner .counter li .text span {
  font-size: 75%;
  font-weight: 500;
}

#point .inner {
  position: relative;
}
#point .icon {
  width: 110px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -48px;
}
@media screen and (max-width: 1200px) {
  #point .icon {
    top: -4vw;
    width: 9.1666666667vw;
  }
}
#point .icon.p01 {
  top: -20px;
}
@media screen and (max-width: 1200px) {
  #point .icon.p01 {
    top: -1.6666666667vw;
  }
}
#point .icon.p04 {
  top: -30px;
}
@media screen and (max-width: 1200px) {
  #point .icon.p04 {
    top: -2.5vw;
  }
}
#point .icon.p05 {
  top: -10px;
}
@media screen and (max-width: 1200px) {
  #point .icon.p05 {
    top: -0.8333333333vw;
  }
}
#point .icon.p06 {
  top: -30px;
}
@media screen and (max-width: 1200px) {
  #point .icon.p06 {
    top: -2.5vw;
  }
}
#point .icon.p07 {
  top: -30px;
}
@media screen and (max-width: 1200px) {
  #point .icon.p07 {
    top: -2.5vw;
  }
}
#point #point01 {
  background: url("../img/pc_bg_point01.jpg") no-repeat top center, #D9E9F7;
  height: 2580px;
}
@media screen and (max-width: 1200px) {
  #point #point01 {
    background-size: 166.6666666667vw auto;
    height: 215vw;
  }
}
#point #point01 .inner .point_top {
  color: #1A1A1A;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.075em;
  position: absolute;
  top: 267px;
  left: 480px;
}
@media screen and (max-width: 1200px) {
  #point #point01 .inner .point_top {
    top: 22.25vw;
    left: 40vw;
    font-size: 2vw;
  }
}
#point #point01 .inner .point_top strong {
  color: #F0844A;
  font-weight: 700;
}
#point #point01 .inner .text01 {
  color: #1A1A1A;
  font-size: 16px;
  line-height: 1.87;
  text-align: center;
  letter-spacing: 0.075em;
  width: 820px;
  margin: 0 auto 20px;
  padding: 20px 0 30px;
  border-bottom: 1px solid #1A1A1A;
}
@media screen and (max-width: 1200px) {
  #point #point01 .inner .text01 {
    font-size: 1.3333333333vw;
    width: 68.3333333333vw;
    margin-bottom: 1.6666666667vw;
    padding: 1.6666666667vw 0 2.5vw;
  }
}
#point #point01 .inner .text02 {
  color: #1A1A1A;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.06em;
  width: 750px;
  margin: 0 auto 35px;
}
@media screen and (max-width: 1200px) {
  #point #point01 .inner .text02 {
    font-size: 1.1666666667vw;
    width: 62.5vw;
    margin-bottom: 2.9166666667vw;
  }
}
#point #point02 {
  background: url("../img/pc_bg_point02.jpg") no-repeat top center;
  height: 1640px;
}
@media screen and (max-width: 1200px) {
  #point #point02 {
    background-size: 166.6666666667vw auto;
    height: 136.6666666667vw;
  }
}
#point #point02 .inner .top_text {
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 25px 0 34px;
}
@media screen and (max-width: 1200px) {
  #point #point02 .inner .top_text {
    margin: 2.0833333333vw 0 2.8333333333vw;
  }
}
#point #point02 .inner .text_area {
  text-align: center;
  position: absolute;
  top: 95px;
  left: 190px;
}
@media screen and (max-width: 1200px) {
  #point #point02 .inner .text_area {
    top: 7.9166666667vw;
    left: 15.8333333333vw;
  }
}
#point #point02 .inner .text_area .text01 {
  color: #1A1A1A;
  font-size: 29px;
  font-weight: 700;
  letter-spacing: 0.075em;
  width: 480px;
  margin: 0 auto 19px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  #point #point02 .inner .text_area .text01 {
    font-size: 2.4166666667vw;
    width: 40vw;
    margin: 0 auto 1.5833333333vw;
    padding-bottom: 1.6666666667vw;
  }
}
#point #point02 .inner .text_area .text01 strong {
  color: #3C8CBE;
  font-weight: 700;
}
#point #point02 .inner .text_area .text02 {
  color: #1A1A1A;
  line-height: 1.8;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 1200px) {
  #point #point02 .inner .text_area .text02 {
    letter-spacing: 0.00625vw;
  }
}
#point #point02 .inner .text_area .text02 span {
  color: #333;
}
#point #point03 {
  background: url("../img/pc_bg_point03.jpg") no-repeat top center, #FAFAFA;
  padding-bottom: 110px;
}
@media screen and (max-width: 1200px) {
  #point #point03 {
    background-size: 166.6666666667vw auto;
    padding-bottom: 9.1666666667vw;
  }
}
#point #point03 .inner .top_text {
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 30px 0 40px;
}
@media screen and (max-width: 1200px) {
  #point #point03 .inner .top_text {
    margin: 2.5vw 0 3.3333333333vw;
  }
}
#point #point03 .inner .point03_list {
  display: flex;
  justify-content: center;
}
#point #point03 .inner .point03_list li {
  width: 340px;
  border-left: 1px solid #999;
}
@media screen and (max-width: 1200px) {
  #point #point03 .inner .point03_list li {
    width: 28.3333333333vw;
  }
}
#point #point03 .inner .point03_list li:first-child {
  border-left: none;
}
#point #point03 .inner .point03_list li .img {
  width: 270px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #point #point03 .inner .point03_list li .img {
    width: 22.5vw;
  }
}
#point #point03 .inner .point03_list li .text01 {
  color: #1A1A1A;
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin: 15px 0 10px;
}
@media screen and (max-width: 1200px) {
  #point #point03 .inner .point03_list li .text01 {
    font-size: 2vw;
    margin: 1.25vw 0 0.8333333333vw;
  }
}
#point #point03 .inner .point03_list li .text01 strong {
  color: #3C8CBE;
  font-weight: 700;
}
#point #point03 .inner .point03_list li .text02 {
  color: #4D4D4D;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1200px) {
  #point #point03 .inner .point03_list li .text02 {
    font-size: 1.3333333333vw;
  }
}
#point #point04 {
  background: url("../img/pc_bg_point04.jpg") no-repeat top center, #D9E9F7;
  padding-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  #point #point04 {
    background-size: 166.6666666667vw auto;
    padding-bottom: 5.8333333333vw;
  }
}
#point #point04 .inner .top_text_area {
  margin: 25px 0 95px 685px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .top_text_area {
    margin: 2.0833333333vw 0 7.9166666667vw 57.0833333333vw;
  }
}
#point #point04 .inner .top_text_area .top_text {
  line-height: 1.8;
  letter-spacing: 0.08em;
  margin-left: 5px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .top_text_area .top_text {
    margin-left: 0.4166666667vw;
    margin-bottom: 2.0833333333vw;
  }
}
#point #point04 .inner .top_text_area .list li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .top_text_area .list li {
    margin-top: 1.6666666667vw;
  }
}
#point #point04 .inner .top_text_area .list li:first-child {
  margin-top: 0;
}
#point #point04 .inner .top_text_area .list li .img {
  width: 90px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .top_text_area .list li .img {
    width: 7.5vw;
  }
}
#point #point04 .inner .top_text_area .list li .text {
  color: #3C8CBE;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-left: 20px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .top_text_area .list li .text {
    font-size: 1.8333333333vw;
    margin-left: 1.6666666667vw;
  }
}
#point #point04 .inner .top_text_area .list li .text strong {
  font-weight: 700;
  background: linear-gradient(transparent 60%, #FFFF83 60% 90%, transparent 90%);
}
#point #point04 .inner .point04_type {
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type {
    gap: 3.3333333333vw;
  }
}
#point #point04 .inner .point04_type .box {
  width: 480px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box {
    width: 40vw;
  }
}
#point #point04 .inner .point04_type .box .top_text {
  text-align: center;
}
#point #point04 .inner .point04_type .box .top_text span {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0 20px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box .top_text span {
    font-size: 2vw;
    padding: 0 1.6666666667vw;
  }
}
#point #point04 .inner .point04_type .box .top_text span::before, #point #point04 .inner .point04_type .box .top_text span::after {
  content: "";
  display: block;
  width: 2px;
  height: 33px;
  background: #fff;
  position: absolute;
  top: 3px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box .top_text span::before, #point #point04 .inner .point04_type .box .top_text span::after {
    height: 2.75vw;
    top: 0.25vw;
  }
}
#point #point04 .inner .point04_type .box .top_text span::before {
  left: 0;
  transform: rotate(-25deg);
}
#point #point04 .inner .point04_type .box .top_text span::after {
  right: 0;
  transform: rotate(25deg);
}
#point #point04 .inner .point04_type .box .tit {
  color: #fff;
  font-size: 28px;
  line-height: 56px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  height: 56px;
  margin: 16px 0;
  border-radius: 30px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box .tit {
    font-size: 2.3333333333vw;
    line-height: 4.6666666667vw;
    height: 4.6666666667vw;
    margin: 1.3333333333vw 0;
    border-radius: 2.5vw;
  }
}
#point #point04 .inner .point04_type .box .tit.type01 {
  background: #62B8DE;
  position: relative;
}
#point #point04 .inner .point04_type .box .tit.type01::before {
  content: "";
  display: block;
  width: 150px;
  height: 68px;
  background: url(../img/point04_no1.png) no-repeat top left/100%;
  position: absolute;
  left: 0;
  bottom: 4px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box .tit.type01::before {
    width: 12.5vw;
    height: 5.6666666667vw;
    bottom: 0.3333333333vw;
  }
}
#point #point04 .inner .point04_type .box .tit.type02 {
  background: #3C8CBE;
}
#point #point04 .inner .point04_type .box .img {
  width: 460px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box .img {
    width: 38.3333333333vw;
  }
}
#point #point04 .inner .point04_type .box .text {
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .point04_type .box .text {
    margin-top: 1.25vw;
  }
}
#point #point04 .inner .point04_type .box .text span {
  font-size: 60%;
  font-weight: 500;
  vertical-align: 0.6em;
}
#point #point04 .inner .kome {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 1.71;
  text-align: right;
  margin: 35px 110px 0 0;
}
@media screen and (max-width: 1200px) {
  #point #point04 .inner .kome {
    font-size: 1.1666666667vw;
    margin: 2.9166666667vw 9.1666666667vw 0 0;
  }
}
#point #point05 {
  background: url("../img/pc_bg_point05.jpg") no-repeat top center, #FAFAFA;
  padding-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  #point #point05 {
    background-size: 166.6666666667vw auto;
    padding-bottom: 8.3333333333vw;
  }
}
#point #point05 .inner .top_text {
  line-height: 1.8;
  letter-spacing: 0.08em;
  width: 430px;
  margin: 30px 0 30px 100px;
}
@media screen and (max-width: 1200px) {
  #point #point05 .inner .top_text {
    width: 35.8333333333vw;
    margin: 2.5vw 0 2.5vw 8.3333333333vw;
  }
}
#point #point05 .inner .top_text strong {
  color: #5096C8;
  font-weight: 400;
}
#point #point05 .inner .top_img {
  width: 266px;
  margin: 0 0 70px 100px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
  #point #point05 .inner .top_img {
    width: 22.1666666667vw;
    margin: 0 0 5.8333333333vw 8.3333333333vw;
  }
}
#point #point05 .inner .point05_func {
  width: 1000px;
  height: 210px;
  margin: 0 auto;
  background: url(../img/pc_point05_img.png) no-repeat top left/100%;
}
@media screen and (max-width: 1200px) {
  #point #point05 .inner .point05_func {
    width: 83.3333333333vw;
    height: 17.5vw;
  }
}
#point #point05 .inner .point05_func .tit {
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.08em;
  padding: 15px 0 110px 35px;
}
@media screen and (max-width: 1200px) {
  #point #point05 .inner .point05_func .tit {
    font-size: 2vw;
    padding: 1.25vw 0 9.1666666667vw 2.9166666667vw;
  }
}
#point #point05 .inner .point05_func .func_list {
  display: flex;
  justify-content: center;
}
#point #point05 .inner .point05_func .func_list li {
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-weight: 500;
  width: 140px;
}
@media screen and (max-width: 1200px) {
  #point #point05 .inner .point05_func .func_list li {
    font-size: 1.4166666667vw;
    width: 11.6666666667vw;
  }
}
#point #point06 {
  background: url("../img/pc_bg_point06.jpg") no-repeat top center;
}
@media screen and (max-width: 1200px) {
  #point #point06 {
    background-size: 166.6666666667vw auto;
  }
}
#point #point06 .inner .top_text {
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 30px 0 35px;
}
@media screen and (max-width: 1200px) {
  #point #point06 .inner .top_text {
    margin: 2.5vw 0 2.9166666667vw;
  }
}
#point #point06 .inner .top_text strong {
  font-weight: 700;
  background: linear-gradient(transparent 60%, #FFFF83 60% 90%, transparent 90%);
}
#point #point06 .inner p[class^=text0] {
  color: #1A1A1A;
  font-size: 30px;
  line-height: 1.53;
  font-weight: 700;
  letter-spacing: 0.075em;
  position: absolute;
  top: 160px;
}
@media screen and (max-width: 1200px) {
  #point #point06 .inner p[class^=text0] {
    font-size: 2.5vw;
    top: 13.3333333333vw;
  }
}
#point #point06 .inner p[class^=text0].text01 {
  left: 185px;
}
@media screen and (max-width: 1200px) {
  #point #point06 .inner p[class^=text0].text01 {
    left: 15.4166666667vw;
  }
}
#point #point06 .inner p[class^=text0].text02 {
  left: 725px;
}
@media screen and (max-width: 1200px) {
  #point #point06 .inner p[class^=text0].text02 {
    left: 60.4166666667vw;
  }
}
#point #point06 .inner p[class^=text0].text03 {
  left: 185px;
}
@media screen and (max-width: 1200px) {
  #point #point06 .inner p[class^=text0].text03 {
    left: 15.4166666667vw;
  }
}
#point #point07 {
  background: url("../img/pc_bg_point07.jpg") no-repeat top center, #FAFAFA;
  padding-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  #point #point07 {
    background-size: 166.6666666667vw auto;
    padding-bottom: 10vw;
  }
}
#point #point07 .inner .top_text {
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 17px 0 30px;
}
@media screen and (max-width: 1200px) {
  #point #point07 .inner .top_text {
    margin: 1.4166666667vw 0 2.5vw;
  }
}
#point #point07 .inner .kome {
  color: #4D4D4D;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
}
@media screen and (max-width: 1200px) {
  #point #point07 .inner .kome {
    font-size: 1.1666666667vw;
    bottom: 0.4166666667vw;
  }
}
#point #point07 .inner .youtube {
  text-align: center;
  margin-top: 85px;
}
@media screen and (max-width: 1200px) {
  #point #point07 .inner .youtube {
    margin-top: 7.0833333333vw;
  }
}
#point #point07 .inner .youtube iframe {
  width: 700px;
  height: 393px;
}
@media screen and (max-width: 1200px) {
  #point #point07 .inner .youtube iframe {
    width: 58.3333333333vw;
    height: 32.75vw;
  }
}

#l_order {
  background: url("../img/pc_l_order_bg.jpg") no-repeat top center;
  height: 1380px;
}
@media screen and (max-width: 1200px) {
  #l_order {
    background-size: 166.6666666667vw auto;
    height: 115vw;
  }
}
#l_order .inner .achieve {
  width: 450px;
  margin: 0 170px 7px auto;
}
@media screen and (max-width: 1200px) {
  #l_order .inner .achieve {
    width: 37.5vw;
    margin: 0 14.1666666667vw 0.5833333333vw auto;
  }
}
#l_order .inner .achieve .l_order_list {
  display: flex;
  justify-content: space-between;
}
#l_order .inner .achieve .l_order_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 70px;
  background: linear-gradient(162deg, #B9AA5A 0%, #B9AA5A 50%, #C0B26A 50%, #C0B26A 100%);
}
@media screen and (max-width: 1200px) {
  #l_order .inner .achieve .l_order_list li {
    width: 18.3333333333vw;
    height: 5.8333333333vw;
  }
}
#l_order .inner .achieve .l_order_list li p {
  color: #fff;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.05em;
}
#l_order .inner .achieve .text {
  font-size: 19px;
  text-align: right;
  letter-spacing: 0.08em;
  margin-top: 12px;
}
@media screen and (max-width: 1200px) {
  #l_order .inner .achieve .text {
    font-size: 1.5833333333vw;
    margin-top: 1vw;
  }
}
#l_order .inner .bot_text {
  font-size: 24px;
  line-height: 1.625;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1200px) {
  #l_order .inner .bot_text {
    font-size: 2vw;
  }
}
#l_order .inner .bot_text strong {
  color: #1E3250;
  font-weight: 700;
  padding: 0 5px;
  background: linear-gradient(transparent 10%, #fff 10% 90%, transparent 90%);
}
@media screen and (max-width: 1200px) {
  #l_order .inner .bot_text strong {
    padding: 0 0.4166666667vw;
  }
}

#voice {
  background: url("../img/pc_voice_bg.jpg") no-repeat top center, #E6F0F5;
  padding: 130px 0 90px;
}
@media screen and (max-width: 1200px) {
  #voice {
    background-size: 166.6666666667vw auto;
    padding: 10.8333333333vw 0 7.5vw;
  }
}
#voice .voice_top {
  width: 151px;
  margin: 0 auto 25px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_top {
    width: 12.5833333333vw;
    margin: 0 auto 2.0833333333vw;
  }
}
#voice h2 {
  color: #1E3250;
  font-size: 46px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.095em;
  margin-bottom: 85px;
}
@media screen and (max-width: 1200px) {
  #voice h2 {
    font-size: 3.8333333333vw;
    margin-bottom: 7.0833333333vw;
  }
}
#voice .voice_box .inner {
  margin-top: 80px;
  padding-bottom: 75px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner {
    margin-top: 6.6666666667vw;
    padding-bottom: 6.25vw;
  }
}
#voice .voice_box .inner .text_area {
  width: 760px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area {
    width: 63.3333333333vw;
  }
}
#voice .voice_box .inner .text_area .tit_area {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area {
    margin-bottom: 2.5vw;
  }
}
#voice .voice_box .inner .text_area .tit_area .tit_left {
  width: 450px;
  margin-right: 30px;
  padding: 3px 0;
  border-right: 1px solid #808080;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area .tit_left {
    width: 37.5vw;
    margin-right: 2.5vw;
    padding: 0.25vw 0;
  }
}
#voice .voice_box .inner .text_area .tit_area .tit_left .tit {
  color: #1A1A1A;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 17px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area .tit_left .tit {
    font-size: 2.5vw;
    margin-bottom: 1.4166666667vw;
  }
}
#voice .voice_box .inner .text_area .tit_area .tit_left .star {
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area .tit_left .star {
    width: 13.3333333333vw;
  }
}
#voice .voice_box .inner .text_area .tit_area .tit_right {
  display: flex;
}
#voice .voice_box .inner .text_area .tit_area .tit_right .user_img {
  width: 90px;
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area .tit_right .user_img {
    width: 7.5vw;
    margin-right: 1.6666666667vw;
  }
}
#voice .voice_box .inner .text_area .tit_area .tit_right .user_info {
  padding-top: 10px;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area .tit_right .user_info {
    padding-top: 0.8333333333vw;
  }
}
#voice .voice_box .inner .text_area .tit_area .tit_right .user_info .name {
  color: #3C8CBE;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
#voice .voice_box .inner .text_area .tit_area .tit_right .user_info .place {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: 110px;
  height: 30px;
  margin-top: 12px;
  background: #62B8DE;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .tit_area .tit_right .user_info .place {
    font-size: 1.5vw;
    line-height: 2.3333333333vw;
    width: 9.1666666667vw;
    height: 2.5vw;
    margin-top: 1vw;
  }
}
#voice .voice_box .inner .text_area .text {
  font-size: 18px;
  line-height: 1.88;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  #voice .voice_box .inner .text_area .text {
    font-size: 1.5vw;
  }
}
#voice .voice_box .inner .text_area .text strong {
  color: #3C8CBE;
  font-weight: 900;
  background: linear-gradient(transparent 60%, #FFFF83 60% 90%, transparent 90%);
}
#voice .voice_box.voice01 {
  background: url("../img/pc_voice_bg01.png") no-repeat bottom center;
  margin-top: 0;
}
#voice .voice_box.voice02 {
  background: url("../img/pc_voice_bg02.png") no-repeat bottom center;
}
#voice .voice_box.voice03 {
  background: url("../img/pc_voice_bg03.png") no-repeat bottom center;
}

#comp {
  background: url("../img/pc_comp_bg.jpg") no-repeat top center;
  height: 1750px;
}
@media screen and (max-width: 1200px) {
  #comp {
    background-size: 166.6666666667vw auto;
    height: 145.8333333333vw;
  }
}
#comp .inner .comp_img01 {
  width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 {
    width: 78.3333333333vw;
  }
}
#comp .inner .comp_img01 .comp_table {
  position: absolute;
  top: 0;
  left: 0;
}
#comp .inner .comp_img01 .comp_table tr th, #comp .inner .comp_img01 .comp_table tr td {
  vertical-align: middle;
  letter-spacing: 0.075em;
  box-sizing: border-box;
}
#comp .inner .comp_img01 .comp_table tr th.item01, #comp .inner .comp_img01 .comp_table tr th.item02 {
  height: 90px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr th.item01, #comp .inner .comp_img01 .comp_table tr th.item02 {
    height: 7.5vw;
  }
}
#comp .inner .comp_img01 .comp_table tr th.item01 {
  width: 328px;
  padding-right: 2px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr th.item01 {
    width: 27.3333333333vw;
    padding-right: 0.1666666667vw;
  }
}
#comp .inner .comp_img01 .comp_table tr th.item01 p {
  color: #fff;
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr th.item01 p {
    font-size: 2.3333333333vw;
  }
}
#comp .inner .comp_img01 .comp_table tr th.item02 {
  width: 231px;
  padding-top: 10px;
  padding-left: 5px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr th.item02 {
    width: 19.25vw;
    padding-top: 0.8333333333vw;
    padding-left: 0.4166666667vw;
  }
}
#comp .inner .comp_img01 .comp_table tr th.item02 p {
  color: #4D4D4D;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr th.item02 p {
    font-size: 1.8333333333vw;
  }
}
#comp .inner .comp_img01 .comp_table tr th.tit {
  color: #fff;
  text-align: center;
  font-weight: 400;
  width: 150px;
  height: 106px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr th.tit {
    width: 12.5vw;
    height: 8.8333333333vw;
  }
}
#comp .inner .comp_img01 .comp_table tr th.tit.top {
  height: auto;
}
#comp .inner .comp_img01 .comp_table tr td {
  padding-top: 50px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr td {
    padding-top: 4.1666666667vw;
  }
}
#comp .inner .comp_img01 .comp_table tr td p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr td p {
    font-size: 1.3333333333vw;
  }
}
#comp .inner .comp_img01 .comp_table tr td.cb {
  padding-top: 0;
  padding-left: 100px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr td.cb {
    padding-left: 8.3333333333vw;
  }
}
#comp .inner .comp_img01 .comp_table tr td.cb p {
  color: #F0844A;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr td.cb p {
    font-size: 1.6666666667vw;
  }
}
#comp .inner .comp_img01 .comp_table tr td.cb.blue p {
  color: #3C8CBE;
}
#comp .inner .comp_img01 .comp_table tr td.last {
  padding-top: 60px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .comp_img01 .comp_table tr td.last {
    padding-top: 5vw;
  }
}
#comp .inner .text {
  line-height: 1.9;
  text-align: center;
  letter-spacing: 0.08em;
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
  #comp .inner .text {
    margin-top: 1.25vw;
  }
}
#comp .inner .text strong {
  font-weight: 700;
  padding: 0 5px;
  background: #FFFF83;
}
@media screen and (max-width: 1200px) {
  #comp .inner .text strong {
    padding: 0 0.4166666667vw;
  }
}

#reco {
  background: url("../img/pc_reco_bg.jpg") no-repeat top center;
  height: 1090px;
}
@media screen and (max-width: 1200px) {
  #reco {
    background-size: 166.6666666667vw auto;
    height: 90.8333333333vw;
  }
}
#reco .inner {
  position: relative;
}
#reco .inner .problem {
  position: absolute;
  top: -255px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem {
    top: -21.25vw;
  }
}
#reco .inner .problem .tit {
  text-align: center;
  width: 1000px;
  margin: 0 auto 25px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem .tit {
    width: 83.3333333333vw;
    margin: 0 auto 2.0833333333vw;
  }
}
#reco .inner .problem .tit::before, #reco .inner .problem .tit::after {
  content: "";
  display: block;
  width: 220px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem .tit::before, #reco .inner .problem .tit::after {
    width: 18.3333333333vw;
    height: 0.25vw;
  }
}
#reco .inner .problem .tit::before {
  left: 0;
}
#reco .inner .problem .tit::after {
  right: 0;
}
#reco .inner .problem .tit span {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem .tit span {
    font-size: 2.8333333333vw;
  }
}
#reco .inner .problem .problem_list {
  display: flex;
  justify-content: center;
  gap: 13px;
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem .problem_list {
    gap: 1.0833333333vw;
  }
}
#reco .inner .problem .problem_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 250px;
  background: url(../img/reco_ribbon_box.png) no-repeat top left/100%;
  filter: drop-shadow(10px 10px 10px rgba(7, 84, 115, 0.3));
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem .problem_list li {
    width: 20vw;
    height: 20.8333333333vw;
  }
}
#reco .inner .problem .problem_list li p {
  color: #fff;
  font-size: 24px;
  line-height: 1.41;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  #reco .inner .problem .problem_list li p {
    font-size: 2vw;
  }
}
#reco .inner .top_text {
  color: #1A1A1A;
  font-size: 32px;
  line-height: 1.53;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: underline;
  padding: 100px 0 15px;
}
@media screen and (max-width: 1200px) {
  #reco .inner .top_text {
    font-size: 2.6666666667vw;
    padding: 8.3333333333vw 0 1.25vw;
  }
}
#reco .inner .text {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.05em;
  width: 870px;
  margin: 25px auto 30px;
}
@media screen and (max-width: 1200px) {
  #reco .inner .text {
    font-size: 1.5vw;
    width: 72.5vw;
    margin: 2.0833333333vw auto 2.5vw;
  }
}
#reco .inner .reco_list {
  display: flex;
  justify-content: center;
  gap: 6px;
}
@media screen and (max-width: 1200px) {
  #reco .inner .reco_list {
    gap: 0.5vw;
  }
}
#reco .inner .reco_list li {
  width: 300px;
  padding-bottom: 30px;
  background: #fff;
}
@media screen and (max-width: 1200px) {
  #reco .inner .reco_list li {
    width: 25vw;
    padding-bottom: 2.5vw;
  }
}
#reco .inner .reco_list li .text_area {
  margin-top: -10px;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 1200px) {
  #reco .inner .reco_list li .text_area {
    margin-top: -0.8333333333vw;
  }
}
#reco .inner .reco_list li .text_area .text01 {
  color: #fff;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  width: 250px;
  height: 30px;
  margin: 0 auto 15px;
  background: #64AADC;
}
@media screen and (max-width: 1200px) {
  #reco .inner .reco_list li .text_area .text01 {
    font-size: 1.5vw;
    line-height: 2.4166666667vw;
    width: 20.8333333333vw;
    height: 2.5vw;
    margin: 0 auto 1.25vw;
  }
}
#reco .inner .reco_list li .text_area .text02 {
  color: #3C8CBE;
  font-size: 26px;
  line-height: 1.46;
  text-align: center;
  font-weight: 900;
}
@media screen and (max-width: 1200px) {
  #reco .inner .reco_list li .text_area .text02 {
    font-size: 2.1666666667vw;
  }
}

#type {
  background: url("../img/pc_type_bg.jpg") no-repeat bottom center, #fff;
  padding-bottom: 75px;
}
@media screen and (max-width: 1200px) {
  #type {
    background-size: 166.6666666667vw auto;
    padding-bottom: 6.25vw;
  }
}
#type .inner .type_table {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 860px;
  height: 736px;
  margin: 0 auto;
  background: url(../img/pc_type_table.png) no-repeat top left/100%;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table {
    width: 71.6666666667vw;
    height: 61.3333333333vw;
  }
}
#type .inner .type_table .box .type_tit {
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.05em;
  padding: 12px 0 172px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .type_tit {
    font-size: 2.1666666667vw;
    padding: 1vw 0 14.3333333333vw;
  }
}
#type .inner .type_table .box .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  height: 92px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .tit {
    height: 7.6666666667vw;
  }
}
#type .inner .type_table .box .tit:nth-child(1) {
  height: 210px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .tit:nth-child(1) {
    height: 17.5vw;
  }
}
#type .inner .type_table .box .tit:nth-child(5) {
  height: 250px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .tit:nth-child(5) {
    height: 20.8333333333vw;
  }
}
#type .inner .type_table .box .text {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  font-weight: 900;
  letter-spacing: 0.05em;
  height: 92px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .text {
    height: 7.6666666667vw;
  }
}
#type .inner .type_table .box .text span {
  font-weight: 400;
}
#type .inner .type_table .box .text strong {
  font-weight: 900;
}
#type .inner .type_table .box .text:nth-child(5) {
  height: 250px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .text:nth-child(5) {
    height: 20.8333333333vw;
  }
}
#type .inner .type_table .box .text.min {
  align-items: flex-start;
  flex-direction: column;
  font-size: 18px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .text.min {
    font-size: 1.5vw;
  }
}
#type .inner .type_table .box .text.min p {
  text-indent: -20px;
  padding-left: 20px;
  margin-left: 30px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box .text.min p {
    text-indent: -1.6666666667vw;
    padding-left: 1.6666666667vw;
    margin-left: 2.5vw;
  }
}
#type .inner .type_table .box:nth-child(1), #type .inner .type_table .box:nth-child(3) {
  width: 360px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box:nth-child(1), #type .inner .type_table .box:nth-child(3) {
    width: 30vw;
  }
}
#type .inner .type_table .box:nth-child(2) {
  width: 140px;
}
@media screen and (max-width: 1200px) {
  #type .inner .type_table .box:nth-child(2) {
    width: 11.6666666667vw;
  }
}

#matpri {
  background: #E5F4FF;
  padding-bottom: 75px;
}
@media screen and (max-width: 1200px) {
  #matpri {
    padding-bottom: 6.25vw;
  }
}
#matpri h2 {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #matpri h2 {
    width: 100vw;
  }
}
#matpri .material.mate01 {
  background: url("../img/pc_price_line01.png") no-repeat top center;
}
@media screen and (max-width: 1200px) {
  #matpri .material.mate01 {
    background-size: 166.6666666667vw auto;
  }
}
#matpri .material.mate02 {
  background: url("../img/pc_price_line02.png") no-repeat top center;
  margin-top: 110px;
}
@media screen and (max-width: 1200px) {
  #matpri .material.mate02 {
    background-size: 166.6666666667vw auto;
    margin-top: 9.1666666667vw;
  }
}
#matpri .material .material_in {
  width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in {
    width: 73.3333333333vw;
  }
}
#matpri .material .material_in .top {
  display: flex;
  justify-content: center;
  gap: 35px;
  padding-bottom: 45px;
  margin-bottom: 40px;
  border-bottom: 1px solid #B3B3B3;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top {
    gap: 2.9166666667vw;
    padding-bottom: 3.75vw;
    margin-bottom: 3.3333333333vw;
  }
}
#matpri .material .material_in .top .text_area {
  width: 390px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area {
    width: 32.5vw;
  }
}
#matpri .material .material_in .top .text_area .tit {
  display: flex;
  align-items: center;
}
#matpri .material .material_in .top .text_area .tit img {
  width: 50px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area .tit img {
    width: 4.1666666667vw;
  }
}
#matpri .material .material_in .top .text_area .tit span {
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  letter-spacing: 0.04em;
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area .tit span {
    font-size: 3vw;
    margin-left: 0.8333333333vw;
  }
}
#matpri .material .material_in .top .text_area .text {
  font-size: 16px;
  line-height: 1.87;
  margin: 25px 0 20px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area .text {
    font-size: 1.3333333333vw;
    margin: 2.0833333333vw 0 1.6666666667vw;
  }
}
#matpri .material .material_in .top .text_area .text strong {
  font-weight: 700;
  background: #FFFF83;
}
#matpri .material .material_in .top .text_area .type {
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  padding: 10px 0;
  border: 1px solid #333;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area .type {
    padding: 0.8333333333vw 0;
  }
}
#matpri .material .material_in .top .text_area .type .type01 {
  font-size: 18px;
  text-align: center;
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area .type .type01 {
    font-size: 1.5vw;
    width: 13.3333333333vw;
  }
}
#matpri .material .material_in .top .text_area .type .type02 {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 700;
  padding-left: 15px;
  border-left: 1px solid #333;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .text_area .type .type02 {
    font-size: 1.5vw;
    padding-left: 1.25vw;
  }
}
#matpri .material .material_in .top .img {
  width: 435px;
  margin-top: 25px;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .top .img {
    width: 36.25vw;
    margin-top: 2.0833333333vw;
  }
}
#matpri .material .material_in .bot {
  display: flex;
}
#matpri .material .material_in .bot .mate_info_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 280px;
  margin: 20px 50px 0 10px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .mate_info_list {
    gap: 0.8333333333vw;
    width: 23.3333333333vw;
    margin: 1.6666666667vw 4.1666666667vw 0 0.8333333333vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table {
  width: 520px;
  height: 540px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table {
    width: 43.3333333333vw;
    height: 45vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table.type_a {
  background: url("../img/pc_mate_price_a.png") no-repeat top center/100%;
}
#matpri .material .material_in .bot .price_area .price_table.type_a .cart_btn {
  background: #83C3D3;
}
#matpri .material .material_in .bot .price_area .price_table.type_a .cart_btn::before {
  background: url("../img/icon_cart01.png") no-repeat top center/100%;
}
#matpri .material .material_in .bot .price_area .price_table.type_b {
  background: url("../img/pc_mate_price_b.png") no-repeat top center/100%;
}
#matpri .material .material_in .bot .price_area .price_table.type_b .cart_btn {
  background: #6DB9E8;
}
#matpri .material .material_in .bot .price_area .price_table.type_b .cart_btn::before {
  background: url("../img/icon_cart02.png") no-repeat top center/100%;
}
#matpri .material .material_in .bot .price_area .price_table th {
  font-weight: 400;
  vertical-align: middle;
  box-sizing: border-box;
}
#matpri .material .material_in .bot .price_area .price_table th p {
  color: #fff;
  font-size: 18px;
  line-height: 1.22;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table th p {
    font-size: 1.5vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table th.width {
  width: 140px;
  height: 80px;
  padding-top: 20px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table th.width {
    width: 11.6666666667vw;
    height: 6.6666666667vw;
    padding-top: 1.6666666667vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table th.hright {
  width: 100px;
  height: 114px;
  padding-right: 20px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table th.hright {
    width: 8.3333333333vw;
    height: 9.5vw;
    padding-right: 1.6666666667vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table th.hright p {
  text-align: right;
}
#matpri .material .material_in .bot .price_area .price_table td {
  vertical-align: top;
}
#matpri .material .material_in .bot .price_area .price_table td div .number {
  font-size: 14px;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table td div .number {
    font-size: 1.1666666667vw;
    padding-top: 4.1666666667vw;
    margin-bottom: 0.8333333333vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table td div .cart_btn {
  width: 118px;
  height: 24px;
  margin: 0 auto;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table td div .cart_btn {
    width: 9.8333333333vw;
    height: 2vw;
    border-radius: 1.25vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table td div .cart_btn::before {
  content: "";
  display: block;
  width: 17px;
  height: 14px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 7px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table td div .cart_btn::before {
    width: 1.4166666667vw;
    height: 1.1666666667vw;
    margin-top: -0.6666666667vw;
    left: 0.5833333333vw;
  }
}
#matpri .material .material_in .bot .price_area .price_table td div .cart_btn:hover {
  opacity: 0.8;
}
#matpri .material .material_in .bot .price_area .price_table td div .cart_btn input,
#matpri .material .material_in .bot .price_area .price_table td div .cart_btn button {
  color: #fff;
  font-size: 12px;
  vertical-align: 5px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-bottom: 4px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .price_table td div .cart_btn input,
  #matpri .material .material_in .bot .price_area .price_table td div .cart_btn button {
    font-size: 1vw;
    vertical-align: 0.4166666667vw;
    padding-left: 1.3333333333vw;
    padding-bottom: 0.3333333333vw;
  }
}
#matpri .material .material_in .bot .price_area .kome {
  font-size: 16px;
  text-align: right;
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  #matpri .material .material_in .bot .price_area .kome {
    font-size: 1.3333333333vw;
    margin-top: 0.8333333333vw;
  }
}

#howto_size {
  background: #E6EBEB;
  padding-bottom: 110px;
}
@media screen and (max-width: 1200px) {
  #howto_size {
    padding-bottom: 9.1666666667vw;
  }
}
#howto_size .top_tit {
  background: #87CDFF;
  margin-bottom: 110px;
}
@media screen and (max-width: 1200px) {
  #howto_size .top_tit {
    margin-bottom: 9.1666666667vw;
  }
}
#howto_size .top_tit h2 {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #howto_size .top_tit h2 {
    width: 100vw;
  }
}
#howto_size .howto_type {
  width: 880px;
  margin: 0 auto;
  padding-top: 590px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type {
    width: 73.3333333333vw;
    padding-top: 49.1666666667vw;
  }
}
#howto_size .howto_type .type_name {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 240px;
  position: absolute;
  top: -30px;
  left: -30px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .type_name {
    width: 20vw;
    height: 20vw;
    top: -2.5vw;
    left: -2.5vw;
  }
}
#howto_size .howto_type .type_name.type01 {
  background: linear-gradient(135deg, #62B8DE 0%, #62B8DE 50%, #81C6E4 50%, #81C6E4 100%);
}
#howto_size .howto_type .type_name.type02 {
  background: linear-gradient(135deg, #3C8CBE 0%, #3C8CBE 50%, #4F97C4 50%, #4F97C4 100%);
}
#howto_size .howto_type .type_name p {
  color: #fff;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .type_name p {
    font-size: 3.6666666667vw;
  }
}
#howto_size .howto_type .type_name p span {
  font-size: 70%;
  line-height: 1;
  vertical-align: 0;
}
#howto_size .howto_type .howto_text01,
#howto_size .howto_type .howto_text02 {
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.05em;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .howto_text01,
  #howto_size .howto_type .howto_text02 {
    font-size: 1.75vw;
  }
}
#howto_size .howto_type .howto_text01 span,
#howto_size .howto_type .howto_text02 span {
  color: #FFFF83;
}
#howto_size .howto_type .howto_text01.type01 {
  top: 130px;
  left: 505px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .howto_text01.type01 {
    top: 10.8333333333vw;
    left: 42.0833333333vw;
  }
}
#howto_size .howto_type .howto_text01.type02 {
  top: 130px;
  left: 520px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .howto_text01.type02 {
    top: 10.8333333333vw;
    left: 43.3333333333vw;
  }
}
#howto_size .howto_type .howto_text02.type01 {
  top: 380px;
  left: 500px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .howto_text02.type01 {
    top: 31.6666666667vw;
    left: 41.6666666667vw;
  }
}
#howto_size .howto_type .howto_text02.type02 {
  top: 370px;
  left: 405px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .howto_text02.type02 {
    top: 30.8333333333vw;
    left: 33.75vw;
  }
}
#howto_size .howto_type .howto_type_in {
  width: 800px;
  margin: 0 auto;
  background: #fff;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type .howto_type_in {
    width: 66.6666666667vw;
  }
}
#howto_size .howto_type.howto01 {
  background: url(../img/pc_size_img01.png) no-repeat top center/100%;
}
#howto_size .howto_type.howto01 .howto_type_in {
  display: flex;
  justify-content: center;
  gap: 80px;
  padding: 35px 0;
  border-radius: 10px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in {
    gap: 6.6666666667vw;
    padding: 2.9166666667vw 0;
    border-radius: 0.8333333333vw;
  }
}
#howto_size .howto_type.howto01 .howto_type_in .box {
  width: 310px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in .box {
    width: 25.8333333333vw;
  }
}
#howto_size .howto_type.howto01 .howto_type_in .box .tit {
  font-size: 26px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 27px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in .box .tit {
    font-size: 2.1666666667vw;
    margin-bottom: 2.25vw;
  }
}
#howto_size .howto_type.howto01 .howto_type_in .box .tit.height {
  color: #62B8DE;
}
#howto_size .howto_type.howto01 .howto_type_in .box .tit.width {
  color: #00A99D;
}
#howto_size .howto_type.howto01 .howto_type_in .box .img_area {
  position: relative;
}
#howto_size .howto_type.howto01 .howto_type_in .box .img_area .bubble {
  width: 90px;
  position: absolute;
  right: -20px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in .box .img_area .bubble {
    width: 7.5vw;
    right: -1.6666666667vw;
  }
}
#howto_size .howto_type.howto01 .howto_type_in .box .img_area .bubble.sucker01 {
  top: -10px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in .box .img_area .bubble.sucker01 {
    top: -0.8333333333vw;
  }
}
#howto_size .howto_type.howto01 .howto_type_in .box .img_area .bubble.sucker02 {
  top: 80px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in .box .img_area .bubble.sucker02 {
    top: 6.6666666667vw;
  }
}
#howto_size .howto_type.howto01 .howto_type_in .box .text {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 25px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto01 .howto_type_in .box .text {
    font-size: 1.3333333333vw;
    margin-top: 2.0833333333vw;
  }
}
#howto_size .howto_type.howto02 {
  background: url(../img/pc_size_img02.png) no-repeat top center/100%;
  margin-top: 120px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 {
    margin-top: 10vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in {
  border-radius: 20px;
  padding-bottom: 55px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in {
    border-radius: 1.6666666667vw;
    padding-bottom: 4.5833333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .in_tit {
  color: #fff;
  font-size: 30px;
  line-height: 68px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.04em;
  height: 70px;
  border-radius: 20px 20px 0 0;
  background: #8ABAD8;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .in_tit {
    font-size: 2.5vw;
    line-height: 5.6666666667vw;
    height: 5.8333333333vw;
    border-radius: 1.6666666667vw 1.6666666667vw 0 0;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step {
  width: 690px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step {
    width: 57.5vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li {
    margin-top: 4.1666666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li::before {
  content: "";
  display: block;
  width: 30px;
  height: 20px;
  background: url(../img/howto_rail_arrow.png) no-repeat top center/100%;
  position: absolute;
  left: 120px;
  bottom: -35px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li::before {
    width: 2.5vw;
    height: 1.6666666667vw;
    left: 10vw;
    bottom: -2.9166666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li:first-child {
  margin-top: 0;
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li:last-child::before {
  content: none;
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li .img_area {
  width: 270px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li .img_area {
    width: 22.5vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li .img_area .circle {
  width: 154px;
  position: absolute;
  right: -12px;
  bottom: -22px;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li .img_area .circle {
    width: 12.8333333333vw;
    right: -1vw;
    bottom: -1.8333333333vw;
    filter: drop-shadow(0.8333333333vw 0.8333333333vw 0.8333333333vw rgba(0, 0, 0, 0.2));
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area {
  width: 390px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area {
    width: 32.5vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area .tit {
  color: #3C8CBE;
  font-size: 24px;
  font-weight: 700;
  padding-left: 10px;
  padding-bottom: 17px;
  margin: 10px 0 15px;
  box-sizing: border-box;
  background-image: linear-gradient(to right, #87CDFF, #87CDFF 2px, transparent 2px);
  background-size: 6px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area .tit {
    font-size: 2vw;
    padding-left: 0.8333333333vw;
    padding-bottom: 1.4166666667vw;
    margin: 0.8333333333vw 0 1.25vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area .text {
  font-size: 16px;
  line-height: 1.62;
  width: 370px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area .text {
    font-size: 1.3333333333vw;
    width: 30.8333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area .kome {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 1.71;
  width: 370px;
  margin: 10px auto 0;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .howto_step li .text_area .kome {
    font-size: 1.1666666667vw;
    width: 30.8333333333vw;
    margin: 0.8333333333vw auto 0;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .service {
  width: 950px;
  margin: 80px -75px 0;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .service {
    width: 79.1666666667vw;
    margin: 6.6666666667vw -6.25vw 0;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .service .text_area {
  color: #fff;
  width: 350px;
  position: absolute;
  top: 137px;
  left: 105px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .service .text_area {
    width: 29.1666666667vw;
    top: 11.4166666667vw;
    left: 8.75vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .service .text_area .text {
  line-height: 1.55;
}
#howto_size .howto_type.howto02 .howto_type_in .service .text_area .kome {
  font-size: 16px;
  line-height: 1.62;
  margin-top: 13px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .service .text_area .kome {
    font-size: 1.3333333333vw;
    margin-top: 1.0833333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .color_list {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .color_list {
    gap: 1.6666666667vw;
    margin-bottom: 3.75vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .color_list li {
  width: 330px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .color_list li {
    width: 27.5vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .color_list li .img img {
  border-radius: 10px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .color_list li .img img {
    border-radius: 0.8333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .color_list li .name {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 23px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .color_list li .name {
    font-size: 2vw;
    margin-top: 1.9166666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list {
  width: 690px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list {
    width: 57.5vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  background: #3C8CBE;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit {
    height: 5.8333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit p {
  color: #fff;
  font-size: 23px;
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit p {
    font-size: 1.9166666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  border-radius: 15px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 45px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon {
    width: 2.5vw;
    height: 2.5vw;
    margin-top: -1.25vw;
    border-radius: 1.25vw;
    right: 3.75vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon::before, #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon::after {
  content: "";
  display: block;
  width: 19px;
  height: 4px;
  margin: -2px auto 0;
  background: #63A3CB;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon::before, #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon::after {
    width: 1.5833333333vw;
    height: 0.3333333333vw;
    margin-top: -0.1666666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit .icon::after {
  transform: rotate(90deg);
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_tit.open .icon::after {
  transform: rotate(0);
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area {
  display: none;
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table {
  width: 690px;
  height: 430px;
  margin-top: 40px;
  background: url(../img/pc_rail_price.png) no-repeat top center/100%;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table {
    width: 57.5vw;
    height: 35.8333333333vw;
    margin-top: 3.3333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th {
  font-weight: 400;
  vertical-align: middle;
  box-sizing: border-box;
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th p {
  color: #fff;
  font-size: 18px;
  line-height: 1.22;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th p {
    font-size: 1.5vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.width {
  width: 100px;
  height: 80px;
  padding-top: 20px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.width {
    width: 8.3333333333vw;
    height: 6.6666666667vw;
    padding-top: 1.6666666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.width p {
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.width p {
    font-size: 1.3333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.hright {
  width: 90px;
  height: 114px;
  padding-right: 20px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.hright {
    width: 7.5vw;
    height: 9.5vw;
    padding-right: 1.6666666667vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table th.hright p {
  text-align: right;
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td {
  vertical-align: top;
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .number {
  font-size: 14px;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .number {
    font-size: 1.1666666667vw;
    padding-top: 4.1666666667vw;
    margin-bottom: 0.8333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn {
  width: 80px;
  height: 24px;
  margin: 0 auto;
  border-radius: 15px;
  background: #63A3CB;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn {
    width: 6.6666666667vw;
    height: 2vw;
    border-radius: 1.25vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn::before {
  content: "";
  display: block;
  width: 17px;
  height: 14px;
  margin-top: -8px;
  background: url("../img/icon_cart02.png") no-repeat top center/100%;
  position: absolute;
  top: 50%;
  left: 10px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn::before {
    width: 1.4166666667vw;
    height: 1.1666666667vw;
    margin-top: -0.6666666667vw;
    left: 0.8333333333vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn:hover {
  opacity: 0.8;
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn input,
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn button {
  color: #fff;
  font-size: 12px;
  vertical-align: 5px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-bottom: 3px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn input,
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .price_table td div .cart_btn button {
    font-size: 1vw;
    vertical-align: 0.4166666667vw;
    padding-left: 1.3333333333vw;
    padding-bottom: 0.25vw;
  }
}
#howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .kome {
  font-size: 16px;
  text-align: right;
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  #howto_size .howto_type.howto02 .howto_type_in .rail_price_list .rail_price_area .kome {
    font-size: 1.3333333333vw;
    margin-top: 0.8333333333vw;
  }
}

#flow {
  background: #fff;
  padding-bottom: 130px;
}
@media screen and (max-width: 1200px) {
  #flow {
    padding-bottom: 10.8333333333vw;
  }
}
#flow .inner .flow_list {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list {
    gap: 4.1666666667vw;
    margin-bottom: 5vw;
  }
}
#flow .inner .flow_list li {
  width: 240px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li {
    width: 20vw;
  }
}
#flow .inner .flow_list li::before {
  content: "";
  display: block;
  width: 30px;
  height: 20px;
  background: url(../img/flow_arrow.png) no-repeat top left/100%;
  transform: rotate(-90deg);
  position: absolute;
  top: 115px;
  right: -39px;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li::before {
    width: 2.5vw;
    height: 1.6666666667vw;
    top: 9.5833333333vw;
    right: -3.25vw;
  }
}
#flow .inner .flow_list li:last-child::before {
  content: none;
}
#flow .inner .flow_list li .img_area {
  position: relative;
}
#flow .inner .flow_list li .img_area .tit {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 700;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li .img_area .tit {
    font-size: 2vw;
    bottom: 3.3333333333vw;
  }
}
#flow .inner .flow_list li .img_area .tit.line2 {
  bottom: 20px;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li .img_area .tit.line2 {
    bottom: 1.6666666667vw;
  }
}
#flow .inner .flow_list li .text_area {
  width: 220px;
  margin: 15px auto 0;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li .text_area {
    width: 18.3333333333vw;
    margin: 1.25vw auto 0;
  }
}
#flow .inner .flow_list li .text_area .text {
  font-size: 16px;
  line-height: 1.75;
  padding: 0 5px;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li .text_area .text {
    font-size: 1.3333333333vw;
    padding: 0 0.4166666667vw;
  }
}
#flow .inner .flow_list li .text_area .text strong {
  color: #F15A24;
  font-weight: 700;
}
#flow .inner .flow_list li .text_area .kome {
  font-size: 14px;
  line-height: 1.64;
  letter-spacing: 0.05em;
  margin-top: 20px;
  padding: 15px 5px 0;
  border-top: 1px solid #999;
}
@media screen and (max-width: 1200px) {
  #flow .inner .flow_list li .text_area .kome {
    font-size: 1.1666666667vw;
    margin-top: 1.6666666667vw;
    padding: 1.25vw 0.4166666667vw 0;
  }
}

.size_in_box {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 50px;
  border-radius: 20px;
  background: #fff;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 1200px) {
  .size_in_box {
    width: 80vw;
    padding-bottom: 4.1666666667vw;
    border-radius: 1.6666666667vw;
  }
}
.size_in_box .size_in_img {
  width: 840px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .size_in_box .size_in_img {
    width: 70vw;
  }
}
.size_in_box .size_in_img .text {
  color: #fff;
  line-height: 1.55;
  font-weight: 700;
  width: 350px;
  position: absolute;
  top: 175px;
  right: 20px;
}
@media screen and (max-width: 1200px) {
  .size_in_box .size_in_img .text {
    width: 29.1666666667vw;
    top: 14.5833333333vw;
    right: 1.6666666667vw;
  }
}
.size_in_box .size_in_img .text strong {
  color: #FFFF14;
  font-weight: 700;
}
.size_in_box .size_in_img .text strong span {
  font-weight: 400;
}
.size_in_box.size_in01 {
  border: 6px solid #3C8CBE;
}
@media screen and (max-width: 1200px) {
  .size_in_box.size_in01 {
    border-width: 0.5vw;
  }
}
.size_in_box.size_in01 .tit {
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 12px 0 17px;
  margin-bottom: 45px;
  background: #3C8CBE;
}
@media screen and (max-width: 1200px) {
  .size_in_box.size_in01 .tit {
    font-size: 2.5vw;
    padding: 1vw 0 1.4166666667vw;
    margin-bottom: 3.75vw;
  }
}
.size_in_box.size_in02 {
  margin: 50px auto 0;
}
@media screen and (max-width: 1200px) {
  .size_in_box.size_in02 {
    margin: 4.1666666667vw auto 0;
  }
}
.size_in_box.size_in02 .tit {
  color: #4D4D4D;
  font-size: 26px;
  text-align: center;
  letter-spacing: 0.05em;
  padding: 35px 0 30px;
}
@media screen and (max-width: 1200px) {
  .size_in_box.size_in02 .tit {
    font-size: 2.1666666667vw;
    padding: 2.9166666667vw 0 2.5vw;
  }
}

#product {
  background: url("../img/pc_bg_product01.jpg") no-repeat top center, #F5F5F5;
  padding-bottom: 115px;
}
@media screen and (max-width: 1200px) {
  #product {
    background-size: 166.6666666667vw auto;
    padding-bottom: 9.5833333333vw;
  }
}
#product h2 {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #product h2 {
    width: 100vw;
  }
}
#product .inner h3 {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: 330px;
  margin-bottom: 47px;
}
@media screen and (max-width: 1200px) {
  #product .inner h3 {
    font-size: 3.1666666667vw;
    margin-left: 27.5vw;
    margin-bottom: 3.9166666667vw;
  }
}
#product .inner .color {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-left: 220px;
}
@media screen and (max-width: 1200px) {
  #product .inner .color {
    font-size: 2vw;
    margin-left: 18.3333333333vw;
  }
}
#product .inner .text {
  font-size: 19px;
  font-weight: 300;
  margin: 25px 0 28px 220px;
}
@media screen and (max-width: 1200px) {
  #product .inner .text {
    font-size: 1.5833333333vw;
    margin: 2.0833333333vw 0 2.3333333333vw 18.3333333333vw;
  }
}
#product .inner .text a {
  text-decoration: underline;
}
#product .inner .btn_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 470px;
  margin-left: 220px;
}
@media screen and (max-width: 1200px) {
  #product .inner .btn_list {
    width: 39.1666666667vw;
    gap: 0.8333333333vw;
    margin-left: 18.3333333333vw;
  }
}
#product .inner .btn_list li .buy_btn {
  overflow: hidden;
  width: 230px;
  height: 64px;
  border-radius: 35px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #product .inner .btn_list li .buy_btn {
    width: 19.1666666667vw;
    height: 5.3333333333vw;
    border-radius: 2.9166666667vw;
  }
}
#product .inner .btn_list li .buy_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 20%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  animation: shine 3s ease-in-out infinite;
}
#product .inner .btn_list li .buy_btn input {
  display: block;
  color: #fff;
  font-size: 20px;
  text-align: left;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: 0.05em;
  width: 230px;
  height: 64px;
  padding-left: 24px;
  background: url("../img/pc_buy_btn.png") no-repeat top left/100%;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #product .inner .btn_list li .buy_btn input {
    font-size: 1.6666666667vw;
    width: 19.1666666667vw;
    height: 5.3333333333vw;
    line-height: 5.1666666667vw;
    padding-left: 2vw;
  }
}
#product .inner .btn_list li .buy_btn input:hover {
  opacity: 0.8;
}
#product #product01,
#product #product02,
#product #product03,
#product #product04 {
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 1200px) {
  #product #product01,
  #product #product02,
  #product #product03,
  #product #product04 {
    background-size: 166.6666666667vw auto;
  }
}
#product #product01 {
  background-image: url("../img/pc_bg_product02.jpg");
  height: 630px;
}
@media screen and (max-width: 1200px) {
  #product #product01 {
    height: 52.5vw;
  }
}
#product #product01 .inner {
  padding-top: 58px;
}
@media screen and (max-width: 1200px) {
  #product #product01 .inner {
    padding-top: 4.8333333333vw;
  }
}
#product #product02 {
  background-image: url("../img/pc_bg_product03.jpg");
  height: 695px;
}
@media screen and (max-width: 1200px) {
  #product #product02 {
    height: 57.9166666667vw;
  }
}
#product #product02 .inner {
  padding-top: 55px;
}
@media screen and (max-width: 1200px) {
  #product #product02 .inner {
    padding-top: 4.5833333333vw;
  }
}
#product #product03 {
  background-image: url("../img/pc_bg_product04.jpg");
  height: 611px;
}
@media screen and (max-width: 1200px) {
  #product #product03 {
    height: 50.9166666667vw;
  }
}
#product #product03 .inner {
  padding-top: 65px;
}
@media screen and (max-width: 1200px) {
  #product #product03 .inner {
    padding-top: 5.4166666667vw;
  }
}
#product #product04 {
  background-image: url("../img/pc_bg_product05.jpg");
  height: 645px;
}
@media screen and (max-width: 1200px) {
  #product #product04 {
    height: 53.75vw;
  }
}
#product #product04 .inner {
  padding-top: 68px;
}
@media screen and (max-width: 1200px) {
  #product #product04 .inner {
    padding-top: 5.6666666667vw;
  }
}
#product #product01 h3,
#product #product03 h3 {
  color: #64B4C8;
}
#product #product01 .color,
#product #product03 .color {
  color: #64B4C8;
}
#product #product01 .text a,
#product #product03 .text a {
  color: #369DB5;
}
#product #product02 h3,
#product #product04 h3 {
  color: #2F9BDE;
}
#product #product02 .color,
#product #product04 .color {
  color: #2F9BDE;
}
#product #product02 .text a,
#product #product04 .text a {
  color: #3C8CBE;
}

@keyframes shine {
  0% {
    left: -75%;
  }
  40% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}
#contact {
  background: #FFFFF0;
  border-top: 6px solid #1E3250;
}
@media screen and (max-width: 1200px) {
  #contact {
    border-top: 0.5vw solid #1E3250;
  }
}
#contact .inner {
  padding: 95px 0 50px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #contact .inner {
    padding: 7.9166666667vw 0 4.1666666667vw;
  }
}
#contact .inner .tit_area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 60px;
  margin: 0 auto;
  border-radius: 30px;
  background: #1E3250;
  position: absolute;
  top: -26px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #contact .inner .tit_area {
    width: 58.3333333333vw;
    height: 5vw;
    border-radius: 2.5vw;
    top: -2.1666666667vw;
  }
}
#contact .inner .tit_area::before {
  content: "";
  display: block;
  width: 28px;
  height: 18px;
  margin: 0 auto;
  background: url(../img/contact_arrow.png) no-repeat top left/100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
}
@media screen and (max-width: 1200px) {
  #contact .inner .tit_area::before {
    width: 2.3333333333vw;
    height: 1.5vw;
    bottom: -1.4166666667vw;
  }
}
#contact .inner .tit_area .tit {
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1200px) {
  #contact .inner .tit_area .tit {
    font-size: 2vw;
  }
}
#contact .inner .tit_area .tit strong {
  color: #FFFF83;
  font-weight: 700;
}
#contact .inner .contact_type {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type {
    gap: 3.3333333333vw;
  }
}
#contact .inner .contact_type .tel_area {
  width: 500px;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type .tel_area {
    width: 41.6666666667vw;
  }
}
#contact .inner .contact_type .tel_area .tel {
  width: 490px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type .tel_area .tel {
    width: 40.8333333333vw;
  }
}
#contact .inner .contact_type .tel_area .fax {
  width: 240px;
  margin: 20px auto 16px;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type .tel_area .fax {
    width: 20vw;
    margin: 1.6666666667vw auto 1.3333333333vw;
  }
}
#contact .inner .contact_type .tel_area .time {
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.06em;
  padding-top: 12px;
  border-top: 1px solid #999;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type .tel_area .time {
    font-size: 1.5vw;
    padding-top: 1vw;
  }
}
#contact .inner .contact_type .mail a {
  display: block;
  color: #fff;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0.06em;
  width: 400px;
  height: 140px;
  padding-top: 85px;
  border-radius: 15px;
  background: linear-gradient(0deg, rgb(70, 120, 180) 0%, rgb(80, 180, 230) 94%);
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type .mail a {
    font-size: 1.8333333333vw;
    width: 33.3333333333vw;
    height: 11.6666666667vw;
    padding-top: 7.0833333333vw;
    border-radius: 1.25vw;
  }
}
#contact .inner .contact_type .mail a::before {
  content: "";
  display: block;
  width: 57px;
  height: 40px;
  margin: 0 auto;
  background: url(../img/contact_icon_mail.png) no-repeat top left/100%;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #contact .inner .contact_type .mail a::before {
    width: 4.75vw;
    height: 3.3333333333vw;
    top: 2.5vw;
  }
}
#contact .inner .large {
  width: 800px;
  margin: 40px auto 0;
  padding: 18px 0;
  border: 4px solid #87CDFF;
  background: #fff;
}
@media screen and (max-width: 1200px) {
  #contact .inner .large {
    width: 66.6666666667vw;
    margin: 3.3333333333vw auto 0;
    padding: 1.5vw 0;
    border: 0.3333333333vw solid #87CDFF;
  }
}
#contact .inner .large .text {
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.06em;
}
#contact .inner .large .text strong {
  color: #0A6FAD;
  font-weight: 500;
}

#line {
  background: #1E3250;
  padding: 50px 0;
}
@media screen and (max-width: 1200px) {
  #line {
    padding: 4.1666666667vw 0;
  }
}
#line .line_img {
  width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #line .line_img {
    width: 71.6666666667vw;
  }
}

#form {
  background: #E5F4FF;
  padding: 90px 0 80px;
}
@media screen and (max-width: 1200px) {
  #form {
    padding: 7.5vw 0 6.6666666667vw;
  }
}
#form .inner {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #form .inner {
    width: 83.3333333333vw;
  }
}
#form .inner .text_area h2 {
  color: #2F9BDE;
  font-size: 34px;
  letter-spacing: 0.04em;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  #form .inner .text_area h2 {
    font-size: 2.8333333333vw;
    margin-bottom: 2.5vw;
  }
}
#form .inner .text_area .text,
#form .inner .text_area .kome {
  font-size: 16px;
  line-height: 1.75;
  width: 460px;
}
@media screen and (max-width: 1200px) {
  #form .inner .text_area .text,
  #form .inner .text_area .kome {
    font-size: 1.3333333333vw;
    width: 38.3333333333vw;
  }
}
#form .inner .text_area .text {
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  #form .inner .text_area .text {
    margin-bottom: 2.5vw;
  }
}
#form .inner .form_area {
  padding-left: 60px;
  border-left: 1px solid #B3B3B3;
}
@media screen and (max-width: 1200px) {
  #form .inner .form_area {
    padding-left: 5vw;
  }
}
#form .inner .form_area .form_table th,
#form .inner .form_area .form_table td {
  display: block;
}
#form .inner .form_area .form_table th {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  padding-bottom: 12px;
}
@media screen and (max-width: 1200px) {
  #form .inner .form_area .form_table th {
    font-size: 1.3333333333vw;
    padding-bottom: 1vw;
  }
}
#form .inner .form_area .form_table th span {
  position: relative;
}
#form .inner .form_area .form_table th span::before {
  content: "必須";
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  width: 40px;
  height: 20px;
  background: #C92707;
  position: absolute;
  top: 2px;
  right: -55px;
}
@media screen and (max-width: 1200px) {
  #form .inner .form_area .form_table th span::before {
    font-size: 1.1666666667vw;
    width: 3.3333333333vw;
    height: 1.6666666667vw;
    top: 0.1666666667vw;
    right: -4.5833333333vw;
  }
}
#form .inner .form_area .form_table td {
  padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  #form .inner .form_area .form_table td {
    padding-bottom: 2.5vw;
  }
}
#form .inner .form_area .form_table td input {
  font-size: 16px;
  width: 440px;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #form .inner .form_area .form_table td input {
    font-size: 1.3333333333vw;
    width: 36.6666666667vw;
    height: 3.3333333333vw;
    padding: 0 1.25vw;
  }
}
#form .inner .form_area .form_table td input.min {
  width: 200px;
}
@media screen and (max-width: 1200px) {
  #form .inner .form_area .form_table td input.min {
    width: 16.6666666667vw;
  }
}
#form .inner .form_area .form_table td input::placeholder {
  color: #B3B3B3;
}
#form p[class^=form_btn] input,
#form p[class^=form_btn] a {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 78px;
  text-align: center;
  letter-spacing: 0.06em;
  width: 240px;
  height: 80px;
  border-radius: 40px;
  background: linear-gradient(0deg, rgb(70, 120, 180) 0%, rgb(80, 180, 230) 94%);
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #form p[class^=form_btn] input,
  #form p[class^=form_btn] a {
    font-size: 1.3333333333vw;
    width: 20vw;
    height: 6.6666666667vw;
    line-height: 6.5vw;
    border-radius: 3.3333333333vw;
  }
}
#form p[class^=form_btn] input:hover,
#form p[class^=form_btn] a:hover {
  opacity: 0.8;
}
#form p[class^=form_btn].form_btn_back input,
#form p[class^=form_btn].form_btn_back a {
  color: #333;
  background: linear-gradient(0deg, rgb(200, 200, 200) 0%, rgb(230, 230, 230) 94%);
}
#form.form_conf {
  min-height: 100vh;
  padding: 110px 0 100px;
}
@media screen and (max-width: 1200px) {
  #form.form_conf {
    padding: 9.1666666667vw 0 8.3333333333vw;
  }
}
#form.form_conf h2 {
  color: #2F9BDE;
  font-size: 34px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #form.form_conf h2 {
    font-size: 2.8333333333vw;
  }
}
#form.form_conf .top_text {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  margin: 20px 0 35px;
}
@media screen and (max-width: 1200px) {
  #form.form_conf .top_text {
    font-size: 1.3333333333vw;
    margin: 1.6666666667vw 0 2.9166666667vw;
  }
}
#form.form_conf .form_table {
  width: 500px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 1200px) {
  #form.form_conf .form_table {
    width: 41.6666666667vw;
    margin-bottom: 3.3333333333vw;
  }
}
#form.form_conf .form_table tr:first-of-type th,
#form.form_conf .form_table tr:first-of-type td {
  border-top: none;
}
#form.form_conf .form_table tr th,
#form.form_conf .form_table tr td {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  padding: 25px 0;
  border-top: 1px solid #B3B3B3;
}
@media screen and (max-width: 1200px) {
  #form.form_conf .form_table tr th,
  #form.form_conf .form_table tr td {
    font-size: 1.3333333333vw;
    padding: 2.0833333333vw 0;
  }
}
#form.form_conf .form_table tr th {
  text-align: right;
  width: 160px;
  padding-right: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #form.form_conf .form_table tr th {
    width: 13.3333333333vw;
    padding-right: 3.3333333333vw;
  }
}
#form.form_conf .btn_area {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 1200px) {
  #form.form_conf .btn_area {
    gap: 1.6666666667vw;
  }
}
#form.form_thanks {
  min-height: 100vh;
  padding: 110px 0 100px;
}
@media screen and (max-width: 1200px) {
  #form.form_thanks {
    padding: 9.1666666667vw 0 8.3333333333vw;
  }
}
#form.form_thanks h2 {
  color: #2F9BDE;
  font-size: 34px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #form.form_thanks h2 {
    font-size: 2.8333333333vw;
  }
}
#form.form_thanks .thanks_text {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  margin: 20px 0 75px;
}
@media screen and (max-width: 1200px) {
  #form.form_thanks .thanks_text {
    font-size: 1.3333333333vw;
    margin: 1.6666666667vw 0 6.25vw;
  }
}
#form.form_thanks .form_btn_back a {
  margin: 0 auto;
}

#faq {
  background: url("../img/pc_faq_bg.jpg") no-repeat top center, #fff;
  padding-bottom: 90px;
}
@media screen and (max-width: 1200px) {
  #faq {
    background-size: 166.6666666667vw auto;
    padding-bottom: 7.5vw;
  }
}
#faq .inner .faq_list {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list {
    width: 83.3333333333vw;
  }
}
#faq .inner .faq_list .faq_box {
  border: 4px solid #EAF6FF;
  background: #DCF0FF;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box {
    border: 0.3333333333vw solid #EAF6FF;
    margin-top: 1.6666666667vw;
  }
}
#faq .inner .faq_list .faq_box:first-child {
  margin-top: 0;
}
#faq .inner .faq_list .faq_box .faq_q {
  display: flex;
  align-items: center;
  width: 900px;
  min-height: 160px;
  margin: 0 auto;
  padding: 30px 50px 30px 90px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_q {
    width: 75vw;
    min-height: 13.3333333333vw;
    padding: 2.5vw 4.1666666667vw 2.5vw 7.5vw;
  }
}
#faq .inner .faq_list .faq_box .faq_q::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url(../img/faq_q.png) no-repeat top left/100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -11px;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_q::before {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    left: -0.9166666667vw;
  }
}
#faq .inner .faq_list .faq_box .faq_q::after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  background: url(../img/faq_arrow.png) no-repeat top left/100%;
  position: absolute;
  top: 50%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_q::after {
    width: 1.6666666667vw;
    height: 1vw;
  }
}
#faq .inner .faq_list .faq_box .faq_q.active::after {
  transform: rotate(180deg);
}
#faq .inner .faq_list .faq_box .faq_q .q_text {
  color: #3C8CBE;
  font-size: 22px;
  line-height: 1.54;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_q .q_text {
    font-size: 1.8333333333vw;
  }
}
#faq .inner .faq_list .faq_box .faq_a {
  display: none;
  width: 900px;
  margin: 0 auto;
  padding: 40px 5px 40px 65px;
  border-top: 1px solid #8DBDE1;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_a {
    width: 75vw;
    padding: 3.3333333333vw 0.4166666667vw 3.3333333333vw 5.4166666667vw;
  }
}
#faq .inner .faq_list .faq_box .faq_a .a_text {
  font-size: 18px;
  line-height: 1.88;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_a .a_text {
    font-size: 1.5vw;
  }
}
#faq .inner .faq_list .faq_box .faq_a .a_text::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url(../img/faq_a.png) no-repeat top left/100%;
  position: absolute;
  top: 0;
  left: -75px;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_a .a_text::before {
    width: 5vw;
    height: 5vw;
    left: -6.25vw;
  }
}
#faq .inner .faq_list .faq_box .faq_a .a_text strong {
  font-weight: 700;
  background: linear-gradient(transparent 60%, #FFFF83 60% 90%, transparent 90%);
}
#faq .inner .faq_list .faq_box .faq_a .a_text a {
  color: #1E3250;
  text-decoration: underline;
  padding-right: 20px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_a .a_text a {
    padding-right: 1.6666666667vw;
  }
}
#faq .inner .faq_list .faq_box .faq_a .a_text a::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url(../img/link_icon.png) no-repeat top left/100%;
  position: absolute;
  top: 7px;
  right: 2px;
}
@media screen and (max-width: 1200px) {
  #faq .inner .faq_list .faq_box .faq_a .a_text a::before {
    width: 1.0833333333vw;
    height: 1.0833333333vw;
    top: 0.5833333333vw;
    right: 0.1666666667vw;
  }
}

#eco {
  background: url("../img/pc_eco_bg.jpg") no-repeat top center, #E8EEEF;
  height: 580px;
}
@media screen and (max-width: 1200px) {
  #eco {
    background-size: 166.6666666667vw auto;
    height: 48.3333333333vw;
  }
}
#eco .inner .text_area {
  padding-top: 145px;
  margin-left: 100px;
}
@media screen and (max-width: 1200px) {
  #eco .inner .text_area {
    padding-top: 12.0833333333vw;
    margin-left: 8.3333333333vw;
  }
}
#eco .inner .text_area h2 {
  color: #1E3250;
  font-size: 38px;
  line-height: 1.47;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1200px) {
  #eco .inner .text_area h2 {
    font-size: 3.1666666667vw;
  }
}
#eco .inner .text_area h2 strong {
  color: #64B4C8;
  font-weight: 700;
}
#eco .inner .text_area .text {
  font-size: 18px;
  line-height: 2;
  width: 530px;
  margin-top: 35px;
}
@media screen and (max-width: 1200px) {
  #eco .inner .text_area .text {
    font-size: 1.5vw;
    width: 44.1666666667vw;
    margin-top: 2.9166666667vw;
  }
}

#cta {
  background: #64B4C8;
  padding: 70px 0 80px;
}
@media screen and (max-width: 1200px) {
  #cta {
    padding: 5.8333333333vw 0 6.6666666667vw;
  }
}

.cta_btn a {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 28px;
  line-height: 98px;
  font-weight: 700;
  letter-spacing: 0.08em;
  width: 540px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50px;
  padding-left: 170px;
  background: url(../img/pc_cta_btn.png) no-repeat top left/100%;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .cta_btn a {
    font-size: 2.3333333333vw;
    line-height: 8.1666666667vw;
    width: 45vw;
    height: 8.3333333333vw;
    border-radius: 4.1666666667vw;
    padding-left: 14.1666666667vw;
  }
}
.cta_btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 20%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  animation: shine 3s ease-in-out infinite;
}

#ueda {
  background: url("../img/pc_ueda_bg.jpg") no-repeat top center;
  height: 975px;
}
@media screen and (max-width: 1200px) {
  #ueda {
    background-size: 166.6666666667vw auto;
    height: 81.25vw;
  }
}
#ueda .inner .ueda_in {
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in {
    width: 83.3333333333vw;
  }
}
#ueda .inner .ueda_in .img {
  width: 322px;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .img {
    width: 26.8333333333vw;
  }
}
#ueda .inner .ueda_in .text_area .box {
  color: #fff;
  padding-left: 58px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box {
    padding-left: 4.8333333333vw;
  }
}
#ueda .inner .ueda_in .text_area .box::before {
  content: "";
  width: 58px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box::before {
    width: 4.8333333333vw;
  }
}
#ueda .inner .ueda_in .text_area .box.box01 {
  height: 180px;
  margin-top: 60px;
  padding-top: 13px;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box.box01 {
    height: 15vw;
    margin-top: 5vw;
    padding-top: 1.0833333333vw;
  }
}
#ueda .inner .ueda_in .text_area .box.box01::before {
  height: 180px;
  background: url(../img/pc_ueda_img02.png) no-repeat top left/100%;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box.box01::before {
    height: 15vw;
  }
}
#ueda .inner .ueda_in .text_area .box.box02 {
  height: 252px;
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box.box02 {
    height: 21vw;
    margin-top: 2.5vw;
  }
}
#ueda .inner .ueda_in .text_area .box.box02::before {
  height: 252px;
  background: url(../img/pc_ueda_img03.png) no-repeat top left/100%;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box.box02::before {
    height: 21vw;
  }
}
#ueda .inner .ueda_in .text_area .box .tit {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box .tit {
    font-size: 2vw;
    margin-bottom: 1.6666666667vw;
  }
}
#ueda .inner .ueda_in .text_area .box .tit span {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box .tit span {
    font-size: 1.5vw;
  }
}
#ueda .inner .ueda_in .text_area .box .text {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.05em;
  width: 580px;
}
@media screen and (max-width: 1200px) {
  #ueda .inner .ueda_in .text_area .box .text {
    font-size: 1.5vw;
    width: 48.3333333333vw;
  }
}
#ueda .inner .ueda_in .text_area .box .text strong {
  color: #FFFF9C;
  font-weight: 700;
}

#about {
  background: url("../img/pc_about_bg.jpg") repeat-y top center;
  height: 760px;
}
@media screen and (max-width: 1200px) {
  #about {
    background-size: 166.6666666667vw auto;
    height: 63.3333333333vw;
  }
}
#about .inner .about_box {
  display: flex;
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #about .inner .about_box {
    width: 91.6666666667vw;
  }
}
#about .inner .about_box .img {
  width: 510px;
}
@media screen and (max-width: 1200px) {
  #about .inner .about_box .img {
    width: 42.5vw;
  }
}
#about .inner .about_box .text {
  font-size: 18px;
  line-height: 1.88;
  letter-spacing: 0.05em;
  width: 490px;
}
@media screen and (max-width: 1200px) {
  #about .inner .about_box .text {
    font-size: 1.5vw;
    width: 40.8333333333vw;
    margin-top: 1.6666666667vw;
  }
}
#about .inner .about_box .text:last-child {
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  #about .inner .about_box .text:last-child {
    margin-top: 0.8333333333vw;
  }
}

#info {
  background: #fff;
  padding: 70px 0 100px;
}
@media screen and (max-width: 1200px) {
  #info {
    padding: 5.8333333333vw 0 8.3333333333vw;
  }
}
#info .info_box {
  display: flex;
  justify-content: space-between;
  width: 920px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #info .info_box {
    width: 76.6666666667vw;
  }
}
#info .info_box .box:first-child .text_area {
  min-height: 500px;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box:first-child .text_area {
    min-height: 41.6666666667vw;
  }
}
#info .info_box .box .head {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: 440px;
  height: 40px;
  padding: 8px 0 0 20px;
  background: url("../img/pc_info_head.png") no-repeat top center/100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box .head {
    font-size: 1.6666666667vw;
    width: 36.6666666667vw;
    height: 3.3333333333vw;
    padding: 0.6666666667vw 0 0 1.6666666667vw;
  }
}
#info .info_box .box .text_area {
  font-size: 16px;
  line-height: 1.62;
  letter-spacing: 0.05em;
  width: 440px;
  padding: 15px 20px 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box .text_area {
    font-size: 1.3333333333vw;
    width: 36.6666666667vw;
    padding: 1.25vw 1.6666666667vw 4.1666666667vw;
  }
}
#info .info_box .box .text_area.min_box {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box .text_area.min_box {
    flex-direction: column;
    gap: 2.5vw;
  }
}
#info .info_box .box .text_area .text {
  width: 400px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box .text_area .text {
    width: 33.3333333333vw;
    margin-bottom: 0.8333333333vw;
  }
}
#info .info_box .box .text_area .text .red {
  color: #C92707;
}
#info .info_box .box .text_area .kome {
  color: #666;
  font-size: 14px;
  line-height: 1.71;
  width: 400px;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box .text_area .kome {
    font-size: 1.1666666667vw;
    width: 33.3333333333vw;
  }
}
#info .info_box .box .text_area .kome a {
  color: #666;
}
#info .info_box .box .text_area .min_text {
  width: 140px;
}
@media screen and (max-width: 1200px) {
  #info .info_box .box .text_area .min_text {
    width: 11.6666666667vw;
  }
}

#bot_cta {
  background: #64B4C8;
  padding: 70px 0 90px;
}
@media screen and (max-width: 1200px) {
  #bot_cta {
    padding: 5.8333333333vw 0 7.5vw;
  }
}

.footer {
  background: #1E3250;
  padding: 20px 0 25px;
}
@media screen and (max-width: 1200px) {
  .footer {
    padding: 1.6666666667vw 0 2.0833333333vw;
  }
}
.footer .copy {
  color: #fff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  .footer .copy {
    font-size: 1vw;
  }
}/*# sourceMappingURL=style.css.map */