@charset "UTF-8";
@media screen and (max-width: 768px) {
  .Header {
    display: none !important;
  }
}

.MainVisual {
  padding-bottom: 12.8571428571vw;
  background: linear-gradient(#000 3.5714285714vw, #288CD2 3.5714285714vw);
}
@media screen and (max-width: 768px) {
  .MainVisual {
    padding-bottom: 26.6666666667vw;
  }
}
.MainVisual.-verB {
  padding-bottom: 0;
}
.MainVisual_catchcopy {
  top: 18.6428571429vw;
  left: calc(50% - 46vw);
  width: 30.5714285714vw;
}
@media screen and (max-width: 768px) {
  .MainVisual_catchcopy {
    top: calc(0px + 41.8666666667vw);
    left: 1.6vw;
    width: 97.2vw;
  }
}
.MainVisual_catchphrase {
  top: 47.9285714286vw;
  left: calc(50% - 14.2857142857vw);
  width: 29.4285714286vw;
}
@media screen and (max-width: 768px) {
  .MainVisual_catchphrase {
    top: calc(0px + 66.6666666667vw);
    left: 22.4vw;
    width: 54.9333333333vw;
  }
}
.MainVisual_label {
  top: 21.5vw;
  left: calc(50% + 20.5vw);
  width: 19.2857142857vw;
}
@media screen and (max-width: 768px) {
  .MainVisual_label {
    top: calc(0px + 4.5333333333vw);
    right: 4vw;
    left: auto;
    width: 26.2666666667vw;
  }
}
.MainVisual_product {
  top: 51.8571428571vw;
  left: calc(50% - 20.2142857143vw);
  width: 41.4285714286vw;
}
@media screen and (max-width: 768px) {
  .MainVisual_product {
    top: calc(0px + 74.9333333333vw);
    left: 12.2666666667vw;
    width: 77.3333333333vw;
  }
}
.MainVisual_copy {
  top: 61.7857142857vw;
  left: calc(50% - 30.8571428571vw);
  width: 62.5714285714vw;
}
@media screen and (max-width: 768px) {
  .MainVisual_copy {
    top: calc(0px + 92.5333333333vw);
    left: 14.4vw;
    width: 70.6666666667vw;
  }
}

.Section_inner.-blue {
  background: #288CD2;
}

.About {
  padding-bottom: 5vw;
}
@media screen and (max-width: 768px) {
  .About {
    padding-bottom: 9.3333333333vw;
  }
}
.About_box {
  position: relative;
  left: 0.5vw;
  margin: auto;
  width: 78.5714285714vw;
}
@media screen and (max-width: 768px) {
  .About_box {
    width: 82.6666666667vw;
  }
}
.About_box::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-right: 10px solid #0d6aaa;
  border-bottom: 10px solid #0d6aaa;
}
@media screen and (max-width: 768px) {
  .About_box::before {
    top: 5px;
    left: 5px;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    border-right: 5px solid #0d6aaa;
    border-bottom: 5px solid #0d6aaa;
  }
}
.About_box.-mt-60 {
  margin-top: -4.2857142857vw;
}
@media screen and (max-width: 768px) {
  .About_box.-mt-60 {
    margin-top: -8vw;
  }
}
.About_arrow {
  position: relative;
  top: -0.7142857143vw;
  left: 0.5vw;
  z-index: 3;
  margin: auto;
  width: 43.7857142857vw;
}
@media screen and (max-width: 768px) {
  .About_arrow {
    top: -1.3333333333vw;
    left: 0.9333333333vw;
    width: 68.4vw;
  }
}
.About_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.About_lead {
  display: block;
  width: 100%;
  height: 3.5714285714vw;
  line-height: 3.5714285714vw;
  text-align: center;
  font-size: 1.8571428571vw;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .About_lead {
    height: 6.6666666667vw;
    line-height: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.About_text {
  margin: 20px 0 0;
  text-align: center;
  line-height: 1.5;
  font-size: 1.7142857143vw;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .About_text {
    margin: 2.6666666667vw 0 0;
    line-height: 1.65;
    font-size: 3.2vw;
  }
}
.About_text.-type01 {
  display: block;
  margin: 1.0714285714vw auto 0;
  padding: 0.2857142857vw 0;
  width: 8.5714285714vw;
  background: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .About_text.-type01 {
    margin: 1.0666666667vw auto 0;
    padding: 0.5333333333vw 0;
    width: 16vw;
  }
}
.About_image {
  display: block;
  margin: 0.7142857143vw auto 0;
  width: 51.0714285714vw;
}
@media screen and (max-width: 768px) {
  .About_image {
    position: relative;
    margin: 2.1333333333vw auto 0;
    width: 43.4666666667vw;
  }
  .About_image::before, .About_image::after {
    content: "";
    position: absolute;
    top: -5.8666666667vw;
    display: block;
    width: 16.4vw;
    height: 16.4vw;
  }
  .About_image::before {
    left: -26.6666666667vw;
    background: url(../img/sp-img_about_005.png) no-repeat 0 0/contain;
  }
  .About_image::after {
    right: -26.6666666667vw;
    background: url(../img/sp-img_about_006.png) no-repeat 0 0/contain;
  }
}
.About_title {
  margin: 4.4285714286vw 0 0;
  text-align: center;
  font-size: 5vw;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .About_title {
    margin: 8.2666666667vw 0 0;
    font-size: 8vw;
  }
}
.About_title span {
  font-size: 70%;
}
.About_title strong {
  font-weight: bold;
  color: #ff6432;
}
.About_copy {
  margin: 1.1428571429vw 0 0;
  text-align: center;
  font-size: 2.7142857143vw;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .About_copy {
    font-size: 5.0666666667vw;
  }
}
.About_copy span {
  font-size: 70%;
}
.About_copy strong {
  font-weight: bold;
  color: #ff6432;
}

.PlanList.-lineUp {
  padding-bottom: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp {
    padding-bottom: 8vw;
  }
}
.PlanList.-lineUp .PlanList_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.8571428571vw;
  padding-top: 5vw;
  width: 78.5714285714vw;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_list {
    width: 90.6666666667vw;
  }
}
.PlanList.-lineUp .PlanList_item {
  padding-bottom: 1.4285714286vw;
  flex: 0 0 32%;
  margin: 0 2% 0 0;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_item {
    flex: 0 0 48%;
    margin: 0 2.6666666667vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .PlanList.-lineUp .PlanList_item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .PlanList.-lineUp .PlanList_item:nth-child(n+4) {
    margin-top: 2.8571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_item:nth-child(n+3) {
    margin-top: 4vw;
  }
}
.PlanList.-lineUp .PlanList_item:last-child {
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_title {
    font-size: 4.2666666667vw;
    font-weight: bold;
  }
}
.PlanList.-lineUp .PlanList_photo {
  margin: 0 auto;
  width: 85%;
}
.PlanList.-lineUp .PlanList_price {
  margin-top: -1.4285714286vw;
  font-size: 3vw;
  color: #288CD2;
}
.PlanList.-lineUp .PlanList_price span {
  font-size: 50%;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_price {
    font-size: 6.4vw;
  }
}
.PlanList.-lineUp .PlanList_price.-type02 {
  padding: 10px 0;
  color: #000;
}
.PlanList.-lineUp .PlanList_price {
  margin-top: -1.4285714286vw;
  font-size: 3vw;
  color: #288CD2;
}
.PlanList.-lineUp .PlanList_price span {
  font-size: 50%;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_price {
    font-size: 6.4vw;
  }
}
.PlanList.-lineUp .PlanList_price.-type02 {
  padding: 10px 0;
  color: #000;
}
.PlanList.-lineUp .PlanList_residual {
  margin-top: -1.4285714286vw;
  font-size: 3vw;
  color: #288CD2;
}
.PlanList.-lineUp .PlanList_residual span {
  font-size: 50%;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_residual {
    font-size: 6.4vw;
  }
}
.PlanList.-lineUp .PlanList_residual.-type02 {
  padding: 10px 0;
  color: #000;
}
.PlanList.-lineUp .PlanList_priceTotal {
  font-size: 1.4285714286vw;
  color: #000;
}
@media screen and (max-width: 768px) {
  .PlanList.-lineUp .PlanList_priceTotal {
    line-height: 1.4;
    font-size: 4.2666666667vw;
  }
}
.PlanList_list {
  padding-bottom: 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .PlanList_list {
    padding-bottom: 8vw;
  }
}
.PlanList_item {
  padding: 0 0 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .PlanList_item {
    padding: 0 0 2.6666666667vw;
  }
}
.PlanList_title {
  padding: 1.1428571429vw 0 0;
  line-height: 1.4;
  font-size: 1.7142857143vw;
}
@media screen and (max-width: 768px) {
  .PlanList_title {
    padding: 3.2vw 0 0;
    font-size: 5.6vw;
  }
}
.PlanList_title span {
  display: block;
  text-align: center;
  font-size: 1.2857142857vw;
}
@media screen and (max-width: 768px) {
  .PlanList_title span {
    font-size: 4vw;
  }
}
.PlanList_photo {
  top: 0;
  margin: 1.0714285714vw auto 0;
  width: 18.5714285714vw;
}
@media screen and (max-width: 768px) {
  .PlanList_photo {
    width: 48vw;
  }
}
.PlanList_photo.-new::before {
  top: -0.2857142857vw;
  left: -1vw;
  width: 4.7142857143vw;
  height: 4.7142857143vw;
}
@media screen and (max-width: 768px) {
  .PlanList_photo.-new::before {
    top: 5.3333333333vw;
    left: -10.6666666667vw;
    width: 12.4vw;
    height: 12.4vw;
  }
}
.PlanList_price {
  top: 0;
}
@media screen and (max-width: 768px) {
  .PlanList_price {
    top: -1.3333333333vw;
    font-size: 6.9333333333vw;
  }
  .PlanList_price span {
    font-size: 4.2666666667vw;
  }
}
.PlanList_price.-hide {
  display: none;
}
.PlanList_price u {
  display: none;
}

.Flow {
  padding: 5.3571428571vw 0 0;
}
@media screen and (max-width: 768px) {
  .Flow {
    padding: 9.3333333333vw 0 0;
  }
}
.Flow_box {
  position: relative;
  left: 0.5vw;
  z-index: 2;
  margin: auto;
  width: 78.5714285714vw;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .Flow_box {
    width: 82.6666666667vw;
    border-radius: 10px;
  }
}
.Flow_box::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: #77add4;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .Flow_box::before {
    top: 5px;
    left: 5px;
    border-radius: 10px;
  }
}
.Flow_box.-mt-60 {
  margin-top: -4.2857142857vw;
}
.Flow_box img {
  position: relative;
  z-index: 2;
}
.Flow_content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .Flow_content {
    top: 6.9333333333vw;
    left: -2.1333333333vw;
    display: block;
    text-align: center;
  }
}
.Flow_text {
  margin: 0 0 0 4.2857142857vw;
  line-height: 1.5;
  font-size: 2.8571428571vw;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .Flow_text {
    line-height: 1.35;
    font-size: 6.1333333333vw;
  }
}
.Flow_text span {
  color: #288CD2;
  background: linear-gradient(to top, #e1f0ff, #e1f0ff 14px, transparent 14px);
}
@media screen and (max-width: 768px) {
  .Flow_text span {
    background: linear-gradient(to top, #e1f0ff, #e1f0ff 8px, transparent 8px);
  }
}
.Flow_textArrow {
  position: relative;
  display: inline-block;
  margin: 1.8571428571vw 0 0 4.2857142857vw;
  padding: 1.1428571429vw 0;
  width: 42.4285714286vw;
  text-align: center;
  font-size: 2vw;
  font-weight: bold;
  color: #fff;
  background: #288CD2;
}
@media screen and (max-width: 768px) {
  .Flow_textArrow {
    margin: 5.3333333333vw 0 0 4.2857142857vw;
    padding: 0;
    width: auto;
    text-align: center;
    font-size: 3.8666666667vw;
    color: #000;
    background: none;
  }
}
.Flow_textArrow::before {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  border-width: 30px 0 30px 30px;
  border-style: solid;
  border-color: transparent transparent transparent #288CD2;
}
@media screen and (max-width: 768px) {
  .Flow_textArrow::before {
    content: none;
  }
}
.Flow_textImage {
  margin: 3.5714285714vw auto 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .Flow_textImage {
    margin: 9.3333333333vw auto 2.6666666667vw;
  }
}
.Flow_textImage.-img01 {
  width: 28.5vw;
}
@media screen and (max-width: 768px) {
  .Flow_textImage.-img01 {
    width: 48.1333333333vw;
  }
}
.Flow_textImage.-img02 {
  width: 55.9285714286vw;
}
@media screen and (max-width: 768px) {
  .Flow_textImage.-img02 {
    width: 80.4vw;
  }
}

.Reason {
  padding-bottom: 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .Reason {
    padding: 2.6666666667vw 0 5.3333333333vw;
  }
}
.Reason_inner {
  position: relative;
  left: 0.5vw;
  margin: auto;
  width: 78.5714285714vw;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .Reason_inner {
    left: 0;
    width: 82.6666666667vw;
    border-radius: 10px;
  }
}
.Reason_inner::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 100%;
  height: 100%;
  background: #77add4;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .Reason_inner::before {
    top: 5px;
    left: 5px;
    border-radius: 10px;
  }
}
.Reason_box {
  position: relative;
  z-index: 2;
  margin: auto;
  padding: 4.2857142857vw 0;
  width: 78.5714285714vw;
  background: #ffe600;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .Reason_box {
    left: 0;
    padding: 6.6666666667vw 0;
    width: 82.6666666667vw;
    border-radius: 10px;
  }
  .Reason_box::before {
    content: "";
    position: absolute;
    top: -10.6666666667vw;
    right: -5.3333333333vw;
    display: block;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    background: url(../img/ic_reaspon_001.png) no-repeat 0 0/contain;
  }
}
.Reason_text {
  line-height: 1.765;
  text-align: center;
  font-size: 2.4285714286vw;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .Reason_text {
    line-height: 1.6;
    font-size: 4.5333333333vw;
  }
}
.Reason_text span {
  position: relative;
  display: inline-block;
  color: #ff6432;
}
.Reason_text span::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff6432;
}
@media screen and (max-width: 768px) {
  .Reason_text span::after {
    bottom: 0;
  }
}
.Reason_image {
  position: relative;
  left: 9.2857142857vw;
  margin: -1.7857142857vw auto 0;
  width: 53.9285714286vw;
}
@media screen and (max-width: 768px) {
  .Reason_image {
    left: 0;
    margin: 5.7142857143vw auto 0;
    width: 68vw;
  }
}
.Reason_detailBox {
  margin: 1.7857142857vw auto 0;
  padding: 0 0 2.8571428571vw;
  width: 71.4285714286vw;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .Reason_detailBox {
    padding: 0 0 4vw;
    width: 74.6666666667vw;
    border-radius: 10px;
  }
}
.Reason_detailBox + .Reason_detailBox {
  margin-top: 2.8571428571vw;
  padding-top: 0;
}
.Reason_table {
  margin: auto;
  width: 62.8571428571vw;
}
@media screen and (max-width: 768px) {
  .Reason_table {
    padding: 8vw 4vw 2.6666666667vw;
    width: 74.6666666667vw;
  }
}
.Reason_title {
  padding: 2.2857142857vw 0;
  text-align: center;
  font-size: 2.7142857143vw;
  font-weight: bold;
  color: #fff;
  background: #000;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .Reason_title {
    width: 74.6666666667vw;
    padding: 2.4vw 0;
    line-height: 1.4;
    font-size: 5.0666666667vw;
    border-radius: 10px 10px 0 0;
  }
}

.Feature.-reason {
  width: 100%;
}
.Feature.-reason .Feature_content {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
@media screen and (max-width: 768px) {
  .Feature.-reason .Feature_content {
    padding: 4vw 4vw;
    width: 100%;
  }
}
.Feature.-reason .Feature_title {
  font-size: 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .Feature.-reason .Feature_title {
    font-size: 4vw;
  }
}
.Feature.-reason .Feature_item {
  font-size: 1.5714285714vw;
}
@media screen and (max-width: 768px) {
  .Feature.-reason .Feature_item {
    font-size: 3.2vw;
  }
}
.Feature.-reason .Feature_image {
  flex: 0 0 35vw;
}
.Feature.-reason .Feature_information {
  flex: 0 0 28vw;
}
.Feature.-reason .Feature_arrow {
  margin: 0.8571428571vw auto;
}
.Feature.-reason .Feature_list {
  margin: auto;
  width: 90%;
}
.Feature.-reason .Feature_item {
  flex: 0 0 48%;
  padding: 0.4285714286vw 0;
}
@media screen and (max-width: 768px) {
  .Feature_title {
    white-space: normal;
  }
}
.Feature_support {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .Feature_supportTitle {
    margin-right: 1.3333333333vw;
  }
}
.Feature_supportItem {
  margin: 0 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .Feature_supportItem {
    margin-bottom: 2.6666666667vw;
  }
}

.Notes.-mainVisual {
  top: 56.4285714286vw;
}
.Notes.-planList {
  margin: 0.2857142857vw 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .Notes.-planList {
    font-size: 2.1333333333vw;
  }
}
.Notes.-reason {
  margin: 1.4285714286vw 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .Notes.-reason {
    margin: 4vw auto 0;
    width: 68vw;
    text-align: left;
    font-size: 2.1333333333vw;
  }
}
.Notes.-lineUp, .Notes.-plan {
  margin: 1.4285714286vw auto 0;
  width: 78.5714285714vw;
  font-size: 0.7142857143vw;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .Notes.-lineUp, .Notes.-plan {
    font-size: 2.4vw;
  }
}
.Notes.mt10 {
  margin-top: 0.7142857143vw;
}

.Form {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .Form {
    padding: 0 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .Form_selectBox {
    width: 100%;
    height: 9.6vw;
  }
  .Form_selectBox::after {
    content: "";
    top: 40%;
    right: 10%;
    width: 6px;
    height: 6px;
    border-bottom: #2d91d6 2px solid;
    border-right: #2d91d6 2px solid;
    -webkit-transform: rotate(45deg) translateY(-30%);
    transform: rotate(45deg) translateY(-30%);
  }
}
@media screen and (max-width: 768px) {
  .Form_selectBox select {
    padding: 1.3333333333vw;
    height: 9.6vw;
    font-size: 2.6666666667vw;
  }
}
.Form_selectBox select:disabled {
  opacity: 1 !important;
  color: #000;
}
.Form_selectBox select:disabled option {
  color: #000;
}
.Form_selectBox.-disabled {
  color: #000;
  background: #fff;
}
.Form_selectBox.-disabled::after {
  content: none;
}

.Button {
  position: relative;
}
.Button.-lineUp {
  display: block;
  margin: auto;
  padding: 0.4285714286vw 0;
  width: 35.7142857143vw;
  text-align: center;
  font-size: 1.7857142857vw;
  color: #fff;
  background: #ff6432;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .Button.-lineUp {
    padding: 0.8vw 0;
    width: 70.2666666667vw;
    font-size: 4.8vw;
  }
}
.Button.-lineUp::after {
  content: "▼";
  position: absolute;
  right: 1.4285714286vw;
}
.Button.-lineUp::before {
  content: "もっと見る";
}
.Button.-lineUp.-isActive::after {
  content: "▲";
  position: absolute;
  right: 1.4285714286vw;
}
.Button.-lineUp.-isActive::before {
  content: "閉じる";
}

.-dispNone {
  display: none;
}

@media screen and (max-width: 768px) {
  .Contact {
    display: block;
  }
}
.Contact_title {
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .Contact_title {
    margin-top: 2.6666666667vw;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .Contact_comment {
    margin: 2.6666666667vw auto;
    text-align: center;
  }
}
.Contact_information {
  padding: 0;
}

.ContactArea {
  z-index: 10;
  display: block;
  width: 100%;
  background: #e3f1ff;
}
.ContactArea_text {
  padding-top: 20px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContactArea_text {
    padding-top: 10px;
    font-size: 3.2vw;
  }
}
.ContactArea_text i {
  display: flex;
  justify-content: center;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .ContactArea_text i {
    padding-top: 10px;
    font-size: 2.6666666667vw;
  }
}
.ContactArea_text i::before, .ContactArea_text i::after {
  margin: 0 14px;
}
.ContactArea_text i::before {
  content: "＼";
}
.ContactArea_text i::after {
  content: "／";
}
.ContactArea_text span {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .ContactArea_text span {
    font-size: 5.3333333333vw;
  }
}

.Conversion_list.-single {
  justify-content: center;
}
.Conversion_list.-single .Conversion_item {
  flex: 0 0 0;
}
.Conversion.-text {
  width: 54.2857142857vw;
}
@media screen and (max-width: 768px) {
  .Conversion.-text {
    width: 85.3333333333vw;
  }
}
.Conversion_link {
  position: relative;
  display: inline-block;
  padding: 12px 20px;
  width: 320px;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .Conversion_link {
    padding: 2.1333333333vw 2.6666666667vw;
    width: 40vw;
    font-size: 3.2vw;
  }
}
.Conversion_link.-line {
  background: #06C755;
  border-radius: 10px;
}
.Conversion_link.-line::before {
  width: 43px;
  height: 41px;
  background: url(../img/ic_line_001.svg) no-repeat 0 0/contain;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .Conversion_link.-line::before {
    width: 5.7333333333vw;
    height: 5.4666666667vw;
  }
}
.Conversion_link.-line.-line2 {
  padding-left: 40px;
  font-size: 20px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .Conversion_link.-line.-line2 {
    padding-left: 5.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .Conversion_link.-line.-line2::before {
    left: 1.3333333333vw;
  }
}
.Conversion_link.-tel {
  background: #288cd2;
  border-radius: 10px;
}
.Conversion_link.-tel::before {
  width: 43px;
  height: 30px;
  background: url(../img/ic_tel_001.svg) no-repeat 50% 0/contain;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .Conversion_link.-tel::before {
    width: 5.7333333333vw;
    height: 4vw;
  }
}
.Conversion_link.-tel.-tel2 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .Conversion_link.-tel.-tel2 {
    font-size: 2.6666666667vw;
  }
}
.Conversion_link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .Conversion_link::before {
    left: 2.6666666667vw;
  }
}
.Conversion_link::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  transform: translate(0, -50%) rotateZ(-90deg);
}
@media screen and (max-width: 768px) {
  .Conversion_link::after {
    right: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
.Button.-contactArea.-single {
  justify-content: center;
}
.Button_link {
  position: relative;
  display: inline-block;
  padding: 16px 20px;
  width: 24.2857142857vw;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .Button_link {
    max-width: 340px;
  }
}
@media screen and (max-width: 768px) {
  .Button_link {
    padding: 2.1333333333vw 2.6666666667vw;
    width: 45.3333333333vw;
    font-size: 3.2vw;
  }
}
.Button_link.-line {
  background: #06C755;
  border-radius: 10px;
}
.Button_link.-line::before {
  width: 43px;
  height: 41px;
  background: url(../img/ic_line_001.svg) no-repeat 0 0/contain;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .Button_link.-line::before {
    width: 5.7333333333vw;
    height: 5.4666666667vw;
  }
}
.Button_link.-line.-line2 {
  padding-left: 40px;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .Button_link.-line.-line2 {
    padding-left: 5.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
.Button_link.-line {
  background: #06C755;
  border-radius: 10px;
}
.Button_link.-line::before {
  width: 43px;
  height: 41px;
  background: url(../img/ic_line_001.svg) no-repeat 0 0/contain;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .Button_link.-line::before {
    width: 5.7333333333vw;
    height: 5.4666666667vw;
  }
}
.Button_link.-tel {
  background: #288cd2;
  border-radius: 10px;
}
.Button_link.-tel::before {
  width: 43px;
  height: 30px;
  background: url(../img/ic_tel_001.svg) no-repeat 50% 0/contain;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .Button_link.-tel::before {
    width: 5.7333333333vw;
    height: 4vw;
  }
}
.Button_link.-tel.-tel2 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .Button_link.-tel.-tel2 {
    font-size: 2.6666666667vw;
  }
}
.Button_link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .Button_link::before {
    left: 2.6666666667vw;
  }
}
.Button_link::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  transform: translate(0, -50%) rotateZ(-90deg);
}
@media screen and (max-width: 768px) {
  .Button_link::after {
    right: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
.contactInner {
  padding-bottom: 20px;
  height: auto !important;
}

.ContactArea {
  z-index: 10;
  display: block;
  width: 100%;
  background: #e3f1ff;
}
.ContactArea_text {
  padding-top: 20px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContactArea_text {
    padding-top: 10px;
    font-size: 3.2vw;
  }
}
.ContactArea_text i {
  display: flex;
  justify-content: center;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .ContactArea_text i {
    padding-top: 10px;
    font-size: 2.6666666667vw;
  }
}
.ContactArea_text i::before, .ContactArea_text i::after {
  margin: 0 14px;
}
.ContactArea_text i::before {
  content: "＼";
}
.ContactArea_text i::after {
  content: "／";
}
.ContactArea_text span {
  line-height: 1.2;
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .ContactArea_text span {
    font-size: 5.3333333333vw;
  }
}

/*# sourceMappingURL=style.css.map */