/* WSYS-11166 【VMDB・フロント】位置情報確認GPS_オプション追加 20240709 N.Kita */
@charset "utf-8";
/* 共通 */
._inner {
  width: 100%;
  padding: 0 3%;
}
p {
  font-size: 1.4rem;
}
/* 申込ボタン */
._applay ._applay_btn {
  width: 100%;
  font-size: 2rem;
}
._applay ._text {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

/* gps_head */
.gps_head_warp {
  flex-wrap: wrap;
}
.gps_head_warp ._subtext {
  width: 100%;
  border-radius: 10px;
  margin: 0;
  text-align: left;
  display: block;
  height: auto;
  padding: 10px 20px;
}
.gps_head_warp ._subtext:before {
  border-left: 20px solid #f7931e;
  right: 50%;
  bottom: -25px;
  top: inherit;
  transform: translateX(50%) rotateZ(90deg);
}
.gps_head_warp ._maintext {
  padding-right: 0;
  padding-top: 20px;
}
.gps_head_warp ._maintext::after {
  width: 105px;
  height: 95px;
  right: 0px;
  top: -90px;
  transform: inherit;
}
.gps_head_warp ._maintext h2 {
  font-size: 3rem;
}
.gps_head_warp ._maintext p {
  font-size: 1.1rem;
  position: relative;
}
.gps_head_warp ._maintext p::before,
.gps_head_warp ._maintext p::after {
  content: "";
  background: url(../../images/page/price/option/gps/head_warp_catch.svg);
  background-size: contain;
  width: 2.9333vw;
  height: 4.566vw;
}
.gps_head_warp ._maintext p::after {
  transform: rotate(45deg);
}
.gps_head_warp ._maintext p span {
  padding: 2px 10px;
}

/* gps_introduction */
.gps_introduction_content {
  padding: 4%;
  border-radius: 15px;
}
.gps_introduction_head p {
  font-size: 1rem;
}
.gps_introduction_head h3 {
  font-size: 3.6rem;
}
.gps_introduction_warp {
  position: relative;
  padding-bottom: 30vw;
}
.gps_introduction_warp .gps_introduction_point {
  width: 40%;
}
.gps_introduction_warp .gps_introduction_model {
  width: 60%;
}
.gps_introduction_warp .gps_introduction_model ._image {
  width: 75%;
  margin: 0 auto;
}
.gps_introduction_model ._campaign {
  margin-top: 10px;
}
.gps_introduction_point ._list {
  flex-direction: column;
  align-items: inherit;
  margin-bottom: 0;
}
.gps_introduction_point ._item:nth-child(1) {
  width: auto;
  display: block;
}
.gps_introduction_point ._item p {
  width: auto;
  font-size: 1.2rem;
  padding: 10px;
}
.gps_introduction_point ._applay {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.gps_introduction_model img {
  width: 100%;
}
.gps_introduction_model ._campaign ._title {
  font-size: 1.2rem;
  padding: 2px 5px;
}
/* START WSYS-11354 【VMDB・フロント】位置情報確認GPSキャンペーン終了 ※4Tと同時リリース 20240829 N.Kita */
.gps_introduction_model ._price {
  margin-top: 10px;
}
.gps_introduction_model ._price ._price_name {
  width: 100%;
  font-size: 1.5rem;
}
.gps_introduction_model ._price ._price_detail {
  font-size: 1.4rem;
}
.gps_introduction_model ._price ._price_detail ._numbers {
  font-size: 3.4rem;
}
/* E N D WSYS-11354 【VMDB・フロント】位置情報確認GPSキャンペーン終了 ※4Tと同時リリース 20240829 N.Kita */


/* gps_merit */
.gps_merit_bg {
  padding-top: 6%;
  background-size: 115%;
  background-position: 50% bottom;
  background-repeat: no-repeat;
}
.gps_merit_bg::before {
  bottom: 15px;
  right: 6px;
  width: 11.9vw;
  height: 21.8vw;
}
.gps_merit h3 {
  font-size: 2.4rem;
}
.gps_merit_warp {
  gap: 10px;
  padding: 5.333vw 0 15.466vw;
}
.gps_merit_warp ._text {
  width: 32vw;
  height: 32vw;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
.gps_merit_warp ._text.item01::before {
  top: 55%;
}
.gps_merit_warp ._text.item02::before {
  top: 44%;
}
.gps_merit_warp ._image {
  width: 26.666vw;
}
.gps_merit_warp img {
  width: 100%;
}
.gps_merit_detail::before{
  top: -10.666vw;
  height: 10.666vw;
}
.gps_merit_detail_inner {
  width: 100%;
  padding: 20px 4%;
}
.gps_merit_detail ._list {
  padding-bottom: 20px;
}
.gps_merit_detail ._list ._head {
  font-size: 2.4rem;
  border-radius: 5px;
}
.gps_merit_detail ._list_inner {
  padding: 2%;
  gap: 5px;
}
.gps_merit_detail ._list_inner::after {
  width: 32vw;
  height: 33.866vw;
  top: 28.533vw;
}
.gps_merit_detail ._list_inner ._text {
  font-size: 1.6rem;
  height: 18.666vw;
}
.gps_merit_detail ._list_inner ._text strong {
  font-size: 2.5rem;
}
/* START WSYS-11354 【VMDB・フロント】位置情報確認GPSキャンペーン終了 ※4Tと同時リリース 20240829 N.Kita */
.gps_merit_detail ._list_inner ._price_name {
  font-size: 1.8rem;
  gap: 10px;
}
.gps_merit_detail ._list_inner ._price_name ._price_regular {
  font-size: 1.4rem;
}
.gps_merit_detail ._list_inner ._price_name ._numbers {
  font-size: 4rem;
}
/* E N D WSYS-11354 【VMDB・フロント】位置情報確認GPSキャンペーン終了 ※4Tと同時リリース 20240829 N.Kita */

/* gps_about */
.gps_about {
  padding: 40px 0;
}
.gps_about ._head h3 {
  font-size: 2.8rem;
}
.gps_about_list {
  padding: 0 20px 20px;
}
.gps_about_item {
  flex-direction: column;
  position: relative;
  gap: 10px;
}
.gps_about_item > div {
  width: 100%;
}
.gps_about_item ._image {
  padding-top: 10.666vw;
}
.gps_about_item ._textarea ._title {
  position: absolute;
  top: 28px;
  font-size: 2rem;
  padding-bottom: 0;
}
.gps_about_item:nth-child(2) ._image {
  order: 1;
}
.gps_about_item:nth-child(2) ._textarea {
  order: 2;
}
.gps_about_item ._textarea ._text {
  font-size: 1.6rem;
}

/* gps_use */
.gps_use {
  padding: 40px 0;
}
.gps_use ._head h3 {
  font-size: 2.8rem;
}
.gps_use ._head p {
  font-size: 1.6rem;
}
.gps_use_list {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.gps_use_item {
  padding: 10px 5px;
}
.gps_use_item:before {
  width: 30px;
  height: 30px;
  font-size: 2rem;
}
.gps_use_item:nth-child(1) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gps_use_item:nth-child(1) ._image {
  width: 50%;
}
.gps_use_item:nth-child(2),
.gps_use_item:nth-child(3) {
  width: calc((100% - 10px) /2);
}
/* START WSYS-11209 【フロント】位置情報確認GPSの修正と傘ページを削除 20240718 M.Shimizu */
.gps_use_item ._text {
  font-size: 1.3rem;
  font-weight: 700;
}
/* END WSYS-11209 【フロント】位置情報確認GPSの修正と傘ページを削除 20240718 M.Shimizu */
.gps_use_check {
  padding: 15px 10px;
}
.gps_use_check:before,
.gps_use_check::after {
  left: 20%;
}
.gps_use_check:before {
  border-width: 0px 25px 25px 25px;
  top: -25px;
}
.gps_use_check::after {
  border-width: 0px 32px 32px 32px;
  top: -32px;
}
.gps_use_check ._head {
  font-size: 2rem;
}
.gps_use_check ._list {
  gap: 20px;
}
.gps_use_check ._item {
  border: none;
}
.gps_use_check ._item:nth-child(1) {
  position: relative;
}
.gps_use_check ._item:nth-child(1)::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 100%;
  background-color: rgba(255, 255, 255, .8);
  position: absolute;
  top: -2px;
  right: calc(-10px + -1.5px);
  border-radius: 50px;
}
.gps_use_check ._item ._title {
  font-size: 1.4rem;
}
.gps_use_check ._item ._text {
  padding: 10px;
}

/* gps_confirmation-method */
.gps_confirmation-method {
  padding: 40px 0;
}
.gps_confirmation-method ._inner {
  padding: 0 20px;
}
.gps_confirmation-method ._head h3 {
  font-size: 2.8rem;
}
.gps_confirmation-method ._head p {
  font-size: 1.6rem;
}
.gps_confirmation-method_warp {
  margin: 20px auto 40px;
}

/* gps_faq */
.gps_faq {
  padding: 40px 0;
}
.gps_faq ._head h3 {
  font-size: 2.8rem;
}
.gps_faq_list {
  margin: 20px 0 40px;
}
.gps_faq_item ._question {
  font-size: 1.6rem;
}
.gps_faq_item ._answer {
  padding: 10px;
  font-size: 1.4rem;
}
.gps_faq_item ._answer .not-available_list {
  margin-top: 10px;
}
.gps_faq_item ._answer .not-available_list tr td {
  font-size: 1.1rem;
}

/* gps_information */
.gps_information {
  padding: 40px 0;
}
.gps_information ._head h3 {
  font-size: 2.8rem;
}
.gps_information_warp {
  margin: 20px 0 40px;
  padding: 20px 10px;
  border: 6px solid #00b050;
}
.gps_information_warp ._detail {
  gap: 5px;
}
.gps_information_warp ._detail ._detail_image {
  width: 110px;
}
.gps_information_warp ._other ._note {
  margin-top: 10px;
}