@charset "UTF-8";
.--pc {
  display: none;
}

@media (min-width: 768px) {
  .--pc {
    display: block;
  }
}
body:has(.--sp) main {
  padding-top: 44px;
}
@media (min-width: 768px) {
  body:has(.--sp) main {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .--sp {
    display: none;
  }
}
.--sp .gHeader {
  background-color: #004098;
  position: fixed;
  width: 100%;
  z-index: 1001;
}
.--sp .gHeader-kitagasLogo {
  padding: 7px 0 10px 0;
  text-align: center;
  background-color: #fff;
}
.--sp .gNav {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 991.98px) {
  .--sp .gNav {
    border-top: 1px solid #D5D2D2;
  }
}
.--sp .gNav-nav {
  position: relative;
}
.--sp .gNav-ul {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
.--sp .gNav-ul-li {
  border-left: 1px solid #D5D2D2;
  text-align: center;
  width: 100%;
  position: relative;
}
@media (max-width: 767.98px) {
  .--sp .gNav-ul-li {
    text-align: left;
    padding-bottom: 20px;
    border-left: 0px solid #D5D2D2;
  }
}
.--sp .gNav-ul-li:first-child {
  border-left: 0px solid #D5D2D2;
}
.--sp .gNav-ul-li a {
  display: block;
  padding: 10px;
  color: #004098;
  font-weight: bold;
  position: relative;
}
@media (max-width: 767.98px) {
  .--sp .gNav-ul-li a {
    color: #fff;
    padding: 0;
    font-size: 1.8rem;
  }
}
.--sp .gNav-ul-li a:hover {
  text-decoration: none;
}
.--sp .gNav-ul-li a.active {
  background-color: #004098;
  color: #fff;
}
.--sp .gNav-sub {
  width: 100%;
  z-index: 5;
  max-width: 900px;
  margin: 0 auto;
  background-color: #004098;
}
.--sp .gNav-sub-li {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .--sp .gNav-sub-li {
    display: block;
  }
}
.--sp .gNav-sub-li a {
  padding: 11px 20px;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
}
@media (max-width: 767.98px) {
  .--sp .gNav-sub-li a {
    padding: 0 20px 0 0;
    display: table;
  }
}
.--sp .gNav-sub-li a::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.--sp .gNav-spMenu {
  display: none;
}
.--sp .gNav-spMenu a {
  color: #fff;
}
@media (max-width: 767.98px) {
  .--sp .gNav-spMenu {
    display: block;
    margin-bottom: 20px;
  }
  .--sp .gNav-spMenu li:first-child {
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}
.--sp .pcMenu {
  display: flex;
}
@media (max-width: 767.98px) {
  .--sp .pcMenu {
    display: none;
  }
}
.--sp .gNav-logo {
  padding-right: 20px;
}
@media (max-width: 991.98px) {
  .--sp .gNav-logo {
    display: none;
  }
}
.--sp .gNav-logo img {
  margin-top: 12px;
}
.--sp .gNav-globalMenu {
  width: 100%;
}
@media (max-width: 767.98px) {
  .--sp .spMenu {
    display: none;
    padding: 70px 40px;
    background-color: #004098;
    position: fixed;
    top: 45px;
    bottom: 0;
    height: 100%;
    z-index: 500;
    width: 100%;
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .--sp #spBtn {
    display: block;
    position: absolute;
    padding: 4px 9px;
    right: 10px;
    top: -40px;
    color: #ffffff;
    cursor: pointer;
    z-index: 50;
    width: 32px;
    height: 32px;
    z-index: 505;
  }
  .--sp #spBtn span {
    position: absolute;
    border: 1px solid #004098;
    width: 18px;
    right: 7px;
    transition: all 0.2s;
  }
  .--sp #spBtn span:nth-child(1) {
    top: 10px;
  }
  .--sp #spBtn span:nth-child(2) {
    top: 15px;
    opacity: 1;
  }
  .--sp #spBtn span:nth-child(3) {
    top: 20px;
  }
  .--sp #spBtn span.active:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(-45deg);
    transform: translateY(5px) rotate(-45deg);
  }
  .--sp #spBtn span.active:nth-child(2) {
    opacity: 0;
  }
  .--sp #spBtn span.active:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg);
  }
}
.--sp .gFooter {
  background-color: #004098;
  padding: 60px 0;
  color: #fff;
}
@media (max-width: 991.98px) {
  .--sp .gFooter {
    padding: 30px 10px 170px 10px;
  }
}
.--sp .gFooter-kitagasLogo {
  margin-bottom: 30px;
}
.--sp .gFooter-h2 {
  font-weight: 1.6rem;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}
@media (max-width: 767.98px) {
  .--sp .gFooter-nav-ul {
    margin-bottom: 30px;
  }
}
.--sp .gFooter-nav-ul-li {
  margin-bottom: 20px;
}
.--sp .gFooter-nav-ul-li a {
  font-size: 1.4rem;
  color: #fff;
  padding-right: 14px;
  font-weight: bold;
  position: relative;
  display: table;
}
@media (max-width: 767.98px) {
  .--sp .gFooter-nav-ul-li a {
    font-size: 1.2rem;
  }
}
.--sp .gFooter-nav-ul-li a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.--sp .gFooter-subNav {
  margin-left: 1em;
}
.--sp .gFooter-copyright {
  text-align: center;
  font-size: 1.2rem;
}
@media (max-width: 767.98px) {
  .--sp .gFooter-copyright {
    font-size: 1rem;
  }
}
.--sp html body .fz-10 {
  font-size: 1rem;
}
.--sp html body .fz-11 {
  font-size: 1.1rem;
}
.--sp html body .fz-12 {
  font-size: 1.2rem;
}
.--sp html body .fz-13 {
  font-size: 1.3rem;
}
.--sp html body .fz-14 {
  font-size: 1.4rem;
}
.--sp html body .fz-15 {
  font-size: 1.5rem;
}
.--sp html body .fz-16 {
  font-size: 1.6rem;
}
.--sp html body .fz-17 {
  font-size: 1.7rem;
}
.--sp html body .fz-18 {
  font-size: 1.8rem;
}
.--sp html body .fz-19 {
  font-size: 1.9rem;
}
.--sp html body .fz-20 {
  font-size: 2rem;
}
.--sp html body .fz-21 {
  font-size: 2.1rem;
}
.--sp html body .fz-22 {
  font-size: 2.2rem;
}
.--sp html body .fz-23 {
  font-size: 2.3rem;
}
.--sp html body .fz-24 {
  font-size: 2.4rem;
}
.--sp html body .fz-25 {
  font-size: 2.5rem;
}
.--sp html body .fz-26 {
  font-size: 2.6rem;
}
.--sp html body .fz-27 {
  font-size: 2.7rem;
}
.--sp html body .fz-28 {
  font-size: 2.8rem;
}
.--sp html body .fz-29 {
  font-size: 2.9rem;
}
.--sp html body .fz-30 {
  font-size: 3rem;
}
.--sp html body .fz-31 {
  font-size: 3.1rem;
}
.--sp html body .fz-32 {
  font-size: 3.2rem;
}
.--sp html body .fz-33 {
  font-size: 3.3rem;
}
.--sp html body .fz-34 {
  font-size: 3.4rem;
}
.--sp html body .fz-35 {
  font-size: 3.5rem;
}
.--sp html body .fz-36 {
  font-size: 3.6rem;
}
.--sp html body .fz-37 {
  font-size: 3.7rem;
}
.--sp html body .fz-38 {
  font-size: 3.8rem;
}
.--sp html body .fz-39 {
  font-size: 3.9rem;
}
.--sp html body .fz-40 {
  font-size: 4rem;
}
.--sp .notice, .--sp .notice-w1em {
  padding-left: 1em;
}
.--sp .notice .notice-mark, .--sp .notice-w1em .notice-mark {
  margin-left: -1em;
  width: 1em;
}
.--sp .text-ind2_5 {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.--sp .text-ind1 {
  text-indent: -1em;
  padding-left: 1em;
}
.--sp .btns {
  position: relative;
}
.--sp .smallText {
  font-size: 1.2rem;
  padding-top: 5px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .smallText {
    font-size: 1rem;
    text-align: right !important;
    max-width: 250px;
    width: 100%;
    margin: 0px auto 10px auto;
  }
}
.--sp .addLink {
  display: table;
  margin: 8px 0 0 0;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 991.98px) {
  .--sp .addLink {
    font-size: 1.2rem;
  }
}
.--sp .addLink:hover {
  color: #fff;
}
.--sp #scrollBtn {
  border: 2px solid #004098;
  background-color: #fff;
  width: 38px;
  height: 38px;
  position: fixed;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
  right: 25px;
  bottom: 20px;
  z-index: 51;
  border-radius: 50px;
  transition: ease-in-out 0.2s;
}
@media (max-width: 767.98px) {
  .--sp #scrollBtn {
    bottom: 130px;
  }
}
.--sp #scrollBtn::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -1px;
  transform: rotate(-45deg) translate(-50%);
}
.--sp #scrollBtn:hover {
  transform: translateY(4px);
  background-color: #004098;
}
.--sp #scrollBtn:hover::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.--sp .modalStyle {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 35px 30px 35px;
}
@media (max-width: 767.98px) {
  .--sp .modalStyle {
    padding: 30px 20px 40px 20px;
  }
}
.--sp .modalStyle-h2 {
  font-size: 3.4rem;
  text-align: center;
  font-weight: bold;
  color: #004098;
}
@media (max-width: 767.98px) {
  .--sp .modalStyle-h2 {
    font-size: 2rem;
  }
}
.--sp .modalStyle-tellNumber {
  margin: 25px 0 15px 0;
  text-align: center;
}
@media (max-width: 767.98px) {
  .--sp .modalStyle-tellNumber {
    margin: 25px 0 15px 0;
  }
}
.--sp .modalStyle p {
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .--sp .modalStyle p {
    font-size: 1.2rem;
  }
}
.--sp .modalStyle-ul {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .--sp .modalStyle-ul {
    margin-top: 15px;
  }
}
.--sp .modalStyle-ul-li {
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 767.98px) {
  .--sp .modalStyle-ul-li {
    font-size: 1.2rem;
  }
}
.--sp .modalStyle-ul-li::before {
  content: "●";
}
.--sp .main-itemFirstPhone {
  display: table;
  max-width: 100%;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 14px 0 14px 85px;
  font-size: 2rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  text-align: left;
  font-size: 2rem;
  position: relative;
  line-height: 1.4;
  background: url("../images/icon-phone.svg") 40px center/36px auto no-repeat, linear-gradient(#FFE200, #FFA700);
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-itemFirstPhone:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone:after {
    right: 15px;
  }
}
.--sp .main-itemFirstPhone:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-itemFirstPhone:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
.--sp .main-itemFirstPhone figure {
  position: absolute;
  top: -60px;
  left: calc(50% - 65px);
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone figure {
    left: 0;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone {
    display: table;
    max-width: 100%;
    color: #004098;
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    max-width: 440px;
    padding: 20px 0 20px 65px;
    font-size: 2rem;
    background: #FFC400;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    line-height: 1.2;
    transition: ease-in-out 0.2s;
    text-align: left;
    margin-bottom: 15px;
    font-size: 1.6rem;
    margin: 30px 0 0;
    background: url("../images/icon-phone.svg") 30px center/26px auto no-repeat, linear-gradient(#FFE200, #FFA700);
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-itemFirstPhone {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-itemFirstPhone:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone:hover {
    text-decoration: none;
    transform: translate3d(6px, 6px, 0);
    background-color: #fff;
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
    border: 2px solid #004098;
  }
  .--sp .main-itemFirstPhone:hover:after {
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
.--sp .main-itemFirstPhone:hover {
  background: #fff url("../images/icon-phone.svg") 40px center/36px auto no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-itemFirstPhone:hover {
    background: #fff url("../images/icon-phone.svg") 30px center/26px auto no-repeat;
  }
}
.--sp .main-tellBtn {
  text-align: center;
  color: #333333;
  display: table;
  font-weight: bold;
  margin: 15px auto 0 auto;
  text-decoration: underline;
  font-size: 1.4rem;
  position: relative;
  padding-bottom: 10px;
}
@media (max-width: 991.98px) {
  .--sp .main-tellBtn {
    margin: 10px auto 0 auto;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-tellBtn {
    color: #fff;
  }
}
.--sp .main-tellBtn::after {
  position: absolute;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  content: "";
  right: -10px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 767.98px) {
  .--sp .main-tellBtn::after {
    border-color: #fff;
  }
}
.--sp .main {
  padding-top: 93px;
}
@media (max-width: 991.98px) {
  .--sp .main {
    padding-top: 140px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main {
    padding-top: 44px;
  }
}
.--sp .main-spKitagas {
  display: none;
}
@media (max-width: 767.98px) {
  .--sp .main-spKitagas {
    display: block;
    text-align: center;
    padding: 20px 0;
  }
}
.--sp .main-spBtn {
  padding: 0 20px 20px 20px;
  margin-top: 70px;
}
.--sp .main-spBtn .addLink {
  margin: 5px auto 0 auto;
  color: #000;
}
.--sp .main-spBtn .addLink:hover {
  color: #000;
}
.--sp .main-fixed {
  position: fixed;
  right: 0;
  top: 140px;
  z-index: 100000;
}
@media (max-width: 991.98px) {
  .--sp .main-fixed {
    display: none;
  }
}
.--sp .main-fixed-li {
  margin-bottom: 20px;
}
.--sp .main h1.spTitle {
  display: none;
}
@media (max-width: 767.98px) {
  .--sp .main h1.spTitle {
    text-align: center;
    padding: 20px 40px 0px 40px;
    display: block;
  }
  .--sp .main h1.spTitle img {
    width: 100%;
    height: auto;
  }
}
.--sp .main-section {
  padding: 40px 0;
}
@media (max-width: 991.98px) {
  .--sp .main-section {
    padding: 30px 10px 25px 10px;
  }
}
.--sp .main-section-operator {
  background: #5FA1FF url("../images/icon-operator.svg") 30px center no-repeat;
  border-radius: 10px;
  padding: 15px 20px 15px 80px;
  display: block;
  font-size: 1.9rem;
  color: #fff;
  font-weight: bold;
  margin-top: 20px;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section-operator {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 15px 20px 15px 60px;
    background: #5FA1FF url("../images/icon-operator.svg") 24px center/20px auto no-repeat;
  }
}
.--sp .main-section-operator:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section-operator:after {
    right: 15px;
  }
}
.--sp .main-section-operator:hover {
  text-decoration: none;
  background: #fff url("../images/icon-operator-hover.svg") 30px center no-repeat;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  color: #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section-operator:hover {
    background: #fff url("../images/icon-operator-hover.svg") 24px center/20px auto no-repeat;
  }
}
.--sp .main-section-operator:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
.--sp .main-section-h2 {
  font-weight: bold;
  text-align: center;
  font-size: 3.4rem;
  line-height: 1.6;
  margin-bottom: 10px;
  color: #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section-h2 {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.--sp .main-section-h2 span {
  font-size: 2.4rem;
}
.--sp .main-section-kenshin {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.--sp .main-section-kenshin-h2 {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.6;
  text-align: center;
  color: #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section-kenshin-h2 {
    font-size: 3rem;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 50px;
  }
}
.--sp .main-section-kenshin-h2 span {
  font-size: 1.8rem;
}
.--sp .main-section-kenshin-h2 span.title {
  font-size: 2.4rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section-kenshin-h2 span.title {
    font-size: 1.6rem;
    display: block;
    padding-top: 5px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section-kenshin-h2 span {
    font-size: 1.6rem;
  }
}
.--sp .main-section-kenshin-receipt {
  padding-left: 20px;
  margin-right: -100px;
  position: relative;
}
@media (max-width: 991.98px) {
  .--sp .main-section-kenshin-receipt {
    margin-right: 0px;
    margin-top: 10px;
  }
  .--sp .main-section-kenshin-receipt img {
    width: 100%;
    max-width: 80px;
    height: auto;
  }
}
.--sp .main-section-leadText {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  color: #000;
}
@media (max-width: 767.98px) {
  .--sp .main-section-leadText {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.--sp .main-section-parts {
  position: absolute;
  left: 0;
  z-index: 1;
  margin-top: -105px;
}
@media (max-width: 991.98px) {
  .--sp .main-section-parts {
    margin-top: -70px;
    left: 50%;
    transform: translateX(-50%);
  }
  .--sp .main-section-parts img {
    width: 100%;
    max-width: 110px;
    height: auto;
  }
}
.--sp .main-section-item {
  display: table;
  max-width: 100%;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 42px 0 42px 120px;
  font-size: 3.3rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  line-height: 1;
  background: #FFC400 url("../images/icon-pc-blue.svg") 30px center no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-section-item:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section-item:after {
    right: 15px;
  }
}
.--sp .main-section-item:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-section-item:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section-item {
    display: table;
    max-width: 100%;
    color: #004098;
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    max-width: 440px;
    padding: 15px 0 20px 60px;
    font-size: 1.6rem;
    background: #FFC400;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    line-height: 1.2;
    transition: ease-in-out 0.2s;
    text-align: left;
    margin-bottom: 15px;
    background: #FFC400 url("../images/icon-pc-blue.svg") 15px center/30px auto no-repeat;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section-item:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section-item:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section-item:hover {
    text-decoration: none;
    transform: translate3d(6px, 6px, 0);
    background-color: #fff;
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
    border: 2px solid #004098;
  }
  .--sp .main-section-item:hover:after {
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
.--sp .main-section-item:hover {
  background: #fff url("../images/icon-pc-blue.svg") 30px center no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section-item:hover {
    background: #fff url("../images/icon-pc-blue.svg") 15px center/30px auto no-repeat;
  }
}
.--sp .main-section-item span {
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section-item span {
    font-size: 1.6rem;
  }
}
.--sp .main-section .main-section-track {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 15px 20px 15px 84px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-truck-whiteLarge.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
  margin-top: 15px !important;
  font-size: 1.4rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-track {
    font-size: 1.4rem;
  }
}
.--sp .main-section .main-section-track:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:after {
    right: 15px;
  }
}
.--sp .main-section .main-section-track:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section .main-section-track:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 12px 20px 12px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-truck-whiteLarge.svg") left 20px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 26px auto;
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-track {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section .main-section-track {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-track:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section .main-section-track:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section .main-section-track:hover {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 15px 20px 15px 84px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-truck-hover.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
  margin-top: 15px !important;
  font-size: 1.4rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-track:hover {
    font-size: 1.4rem;
  }
}
.--sp .main-section .main-section-track:hover:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover:after {
    right: 15px;
  }
}
.--sp .main-section .main-section-track:hover:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section .main-section-track:hover:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 12px 20px 12px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-truck-hover.svg") left 20px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 26px auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section .main-section-track:hover {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-track:hover:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section .main-section-track:hover:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section .main-section-itemPC {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 15px 20px 15px 80px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-phone-white.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-itemPC {
    font-size: 1.4rem;
  }
}
.--sp .main-section .main-section-itemPC:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:after {
    right: 15px;
  }
}
.--sp .main-section .main-section-itemPC:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section .main-section-itemPC:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 12px 20px 12px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-phone-white.svg") left 20px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 30px auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section .main-section-itemPC {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section .main-section-itemPC:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section .main-section-itemPC:hover {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 15px 20px 15px 80px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-phone-blue.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-itemPC:hover {
    font-size: 1.4rem;
  }
}
.--sp .main-section .main-section-itemPC:hover:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover:after {
    right: 15px;
  }
}
.--sp .main-section .main-section-itemPC:hover:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section .main-section-itemPC:hover:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 12px 20px 12px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-phone-blue.svg") left 20px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 30px auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section .main-section-itemPC:hover {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemPC:hover:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section .main-section-itemPC:hover:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section .main-section-itemTell {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 20px 20px 20px 70px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-tell.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
  height: 100%;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemTell {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-itemTell {
    font-size: 1.4rem;
  }
}
.--sp .main-section .main-section-itemTell:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section .main-section-itemTell:after {
    right: 15px;
  }
}
.--sp .main-section .main-section-itemTell:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section .main-section-itemTell:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-itemTell {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px 20px 20px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-tell.svg") left 25px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 16px auto;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-itemTell {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .--sp .main-section .main-section-itemTell {
    font-size: 1.4rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-itemTell:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .--sp .main-section .main-section-itemTell:after {
    right: 15px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section .main-section-itemTell:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section .main-section-itemTell:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section:nth-of-type(1) {
  padding: 10px 0 15px;
  text-align: center;
}
.--sp .main-section:nth-of-type(1) img {
  transition: ease-in-out 0.3s;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(1) img {
    width: 100%;
    height: auto;
  }
}
.--sp .main-section:nth-of-type(1) img:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
}
.--sp .main-section:nth-of-type(2) {
  padding: 30px 0;
  height: 588px;
  background: url(../images/mainImg1-pc.png) center/1920px auto no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) {
    background: url(../images/mainImg1-pc.png)-450px center/1920px auto no-repeat;
  }
  .--sp .main-section:nth-of-type(2) .container {
    max-width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) .container {
    padding: 0px 10px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) {
    background: url(../images/mainImg1-sp@2x.png) top center/auto 100% no-repeat;
    padding: 0 10px 5px 10px;
    display: flex;
    height: 405px;
    align-items: flex-end;
  }
}
.--sp .main-section:nth-of-type(2) .addLink {
  display: table;
  max-width: auto;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 12px 0 12px 45px;
  font-size: 1.6rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  background: #fff url("../images/icon-truck.svg") 15px center no-repeat;
  color: #000;
  position: relative;
  margin-top: 14px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .addLink {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-section:nth-of-type(2) .addLink:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .addLink:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(2) .addLink:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-section:nth-of-type(2) .addLink:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) .addLink {
    font-size: 1.3rem;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-first {
  height: 100%;
  max-height: 220px;
}
.--sp .main-section:nth-of-type(2) .main-section-first p {
  display: none;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-first p {
    display: flex;
    justify-content: flex-end;
    font-size: 1rem;
    line-height: 1.4;
    padding-bottom: 20px;
  }
  .--sp .main-section:nth-of-type(2) .main-section-first p span {
    font-size: 1.2rem;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-first-box {
  max-width: 410px;
  padding-bottom: 20px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-first-box {
    max-width: 410px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-first-box {
    max-width: 100%;
    padding-bottom: 0px;
  }
}
.--sp .main-section:nth-of-type(2) h1 {
  background-color: #fff;
  padding: 25px 0px 25px 35px;
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
  margin-bottom: 90px;
}
.--sp .main-section:nth-of-type(2) p {
  font-weight: bold;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) p {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-firstBtn {
  bottom: 40px;
  width: 100%;
  max-width: 840px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-firstBtn {
    position: inherit;
    width: auto;
    margin-top: -50px;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-image {
  margin: 0 0 5px 0;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-image {
    margin: 0;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-itemFirstTell {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 30px 20px 30px 70px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-tell.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
  background-size: 26px auto;
  font-size: 2rem;
  border: 3px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px 20px 15px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-tell.svg") left 25px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    font-size: 1.6rem;
    background-size: 16px auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section:nth-of-type(2) .main-section-itemFirstTell:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section:nth-of-type(3) {
  background-color: #004098;
  padding-bottom: 50px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(3) {
    padding-bottom: 30px;
  }
}
.--sp .main-section:nth-of-type(3) .large {
  font-size: 3.3rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(3) .large {
    font-size: 2.4rem;
  }
}
.--sp .main-section:nth-of-type(3) .main-section-fukidashi {
  display: table;
  margin: 0 auto 20px auto;
  position: relative;
  text-align: center;
  border-radius: 100px;
  background-color: #fff;
  padding: 20px 60px;
  color: #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(3) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
.--sp .main-section:nth-of-type(3) .main-section-fukidashi::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(3) .main-section-fukidashi {
    display: table;
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
    border-radius: 100px;
    background-color: #fff;
    padding: 20px 20px;
    color: #004098;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(3) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(3) .main-section-fukidashi::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
}
.--sp .main-section:nth-of-type(3) .main-section-fukidashi::after {
  bottom: -10px;
  width: 24px;
  height: 24px;
  background-color: #fff;
}
.--sp .main-section:nth-of-type(3) .main-section-fukidashi-h2 {
  font-weight: bold;
  font-size: 2.8rem;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(3) .main-section-fukidashi-h2 {
    font-size: 2.2rem;
  }
}
.--sp .main-section:nth-of-type(3) .main-section-fukidashi-largeText {
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(3) .main-section-fukidashi-largeText {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(3) .main-section-fukidashi-smallText {
  font-size: 1rem;
  color: #000;
  padding-top: 5px;
}
.--sp .main-section:nth-of-type(4) {
  color: #fff;
}
.--sp .main-section:nth-of-type(4) img.banner {
  cursor: pointer;
  transition: ease-in-out 0.3s;
}
.--sp .main-section:nth-of-type(4) img.banner:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
}
.--sp .main-section:nth-of-type(4) .btns {
  margin-bottom: 130px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .btns {
    margin-bottom: 0px;
  }
}
.--sp .main-section:nth-of-type(4) .btns .main-section-item {
  left: 50%;
  margin-left: -200px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .btns .main-section-item {
    left: auto;
    margin-left: 0px;
  }
}
.--sp .main-section:nth-of-type(4) .row .col-lg-6:first-child .main-section-caseBox {
  margin-right: 20px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .row .col-lg-6:first-child .main-section-caseBox {
    margin-right: 0px;
  }
}
.--sp .main-section:nth-of-type(4) .row .col-lg-6:last-child .main-section-caseBox {
  margin-left: 20px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .row .col-lg-6:last-child .main-section-caseBox {
    margin-left: 0px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-banner {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}
.--sp .main-section:nth-of-type(4) .main-section-banner-figure {
  margin-bottom: 5px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-banner-figure img {
    width: 140px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-banner-h3 {
  color: #004098;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-banner-h3 {
    font-size: 2.4rem;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-banner img {
  max-width: 700px;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox {
  border-radius: 20px;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
  border: 3px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox {
    margin-top: 25px;
    margin-bottom: 0px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-h3 {
  background-color: #fff;
  padding: 14px 0 10px 0;
  color: #004098;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom: 3px solid #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-h3 {
    padding: 15px 0;
    font-size: 1.8rem;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-ph {
  position: absolute;
  top: -15px;
  left: -15px;
  overflow: hidden;
  width: 100px;
  height: 100px;
  border: 3px solid #004098;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 50;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-ph img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-ph {
    width: 84px;
    height: 84px;
    top: -20px;
    left: -15px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body {
  padding: 15px 20px 20px 20px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body {
    padding: 15px 15px 20px 15px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-arrorwText {
  font-weight: bold;
  text-align: center;
  position: relative;
  color: #000;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-arrorwText::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 12px 9px 0 9px;
  border-color: #004098 transparent transparent transparent;
  transform: translateX(-50%);
  left: 50%;
  bottom: -20px;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-arrorwText p:first-child {
  font-size: 1.6rem;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-arrorwText p:last-child {
  font-weight: normal;
  font-size: 1.4rem;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-meritText {
  text-align: center;
  margin-top: 25px;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body-meritText {
    margin-top: 30px;
    margin-bottom: -10px;
    font-size: 1.6rem;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-priceText {
  line-height: 1.1;
  color: #D80C18;
  font-size: 6.5rem;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body-priceText {
    font-size: 4rem;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-priceText span {
  font-size: 2rem;
  color: #000;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body-priceText span {
    font-size: 1.6rem;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column-fukidashi {
  padding-right: 5px;
  padding-top: 0;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column-flex {
  display: none;
  padding: 10px 0;
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a {
  color: #fff;
  font-weight: bold;
  position: relative;
  padding-right: 18px;
  display: block;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a {
    font-size: 1.2rem;
    padding-right: 16px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: calc(50% - 60px);
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a::before {
    right: calc(50% - 50px);
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  right: calc(50% - 55px);
  top: 50%;
  margin-top: -1px;
  transform: translateY(-50%) rotate(135deg);
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
  transition: ease-in-out 0.3s;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a::after {
    right: calc(50% - 45px);
  }
}
.--sp .main-section:nth-of-type(4) .main-section-caseBox-body-column a.active::after {
  margin-top: 1px;
  transform: translateY(-50%) rotate(-45deg);
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase {
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-otherCase {
    margin-bottom: 30px;
    margin-top: 25px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase-box {
  display: none;
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase-box-fukidashi {
  background-color: #F15A24;
  padding: 14px;
  border-radius: 40px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  margin: 6px 0 20px auto;
  z-index: 50;
  position: relative;
  max-width: 480px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-otherCase-box-fukidashi {
    font-size: 1.6rem;
    padding: 7px;
    max-width: 100%;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase-box-fukidashi::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 9px 16px 9px;
  border-color: transparent transparent #F15A24 transparent;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase a {
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding-right: 18px;
  display: block;
  padding: 20px 0;
  text-align: center;
  font-size: 1.6rem;
  background-color: #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-otherCase a {
    padding: 15px 0;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: calc(50% - 160px);
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-otherCase a::before {
    right: calc(50% - 120px);
  }
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase a::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  right: calc(50% - 154px);
  top: 50%;
  margin-top: -1px;
  transform: translateY(-50%) rotate(135deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
  transition: ease-in-out 0.2s;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-otherCase a::after {
    right: calc(50% - 114px);
  }
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase a.active {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.--sp .main-section:nth-of-type(4) .main-section-otherCase a.active::after {
  margin-top: 1px;
  transform: translateY(-50%) rotate(-45deg);
}
.--sp .main-section:nth-of-type(4) .main-section-item {
  display: table;
  max-width: 400px;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 25px 20px;
  font-size: 2rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  background: #FFC400 url("../images/icon7.svg") 35px center no-repeat;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-item:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(4) .main-section-item:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-section:nth-of-type(4) .main-section-item:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item {
    display: table;
    max-width: 100%;
    color: #004098;
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    max-width: 440px;
    padding: 15px 20px;
    font-size: 1.6rem;
    background: #FFC400;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    line-height: 1.2;
    transition: ease-in-out 0.2s;
    background: #FFC400 url("../images/icon7.svg") 35px center no-repeat;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item:after {
    right: 15px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(4) .main-section-item:hover {
    text-decoration: none;
    transform: translate3d(6px, 6px, 0);
    background-color: #fff;
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
    border: 2px solid #004098;
  }
  .--sp .main-section:nth-of-type(4) .main-section-item:hover:after {
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
.--sp .main-section:nth-of-type(5) {
  background-color: #004098;
}
.--sp .main-section:nth-of-type(5) h2 {
  color: #fff;
}
.--sp .main-section:nth-of-type(5) .main-section-leadText {
  color: #fff;
}
.--sp .main-section:nth-of-type(5) .main-section-largeText {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  padding-top: 10px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(5) .main-section-largeText {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(6) {
  color: #fff;
}
.--sp .main-section:nth-of-type(6) .addLink {
  margin: -6px auto 0 auto;
  display: table;
  max-width: auto;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 12px 0 12px 45px;
  font-size: 1.6rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  background: #0D64DD url("../images/icon-truck-white.svg") 15px center no-repeat;
  color: #fff;
  position: relative;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .addLink {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-section:nth-of-type(6) .addLink:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .addLink:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(6) .addLink:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-section:nth-of-type(6) .addLink:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(6) .addLink {
    font-size: 1.4rem;
    padding-right: 20px;
  }
}
.--sp .main-section:nth-of-type(6) .addLink::after {
  border-color: #fff;
  right: 15px;
}
.--sp .main-section:nth-of-type(6) .addLink:hover {
  background-image: url("../images/icon-truck.svg");
  color: #000;
}
.--sp .main-section:nth-of-type(6) .main-section-videoSmallText {
  font-size: 1.4rem !important;
  font-weight: normal !important;
  padding-top: 10px;
  color: #000000;
  text-align: right;
  font-size: 1.2rem;
}
.--sp .main-section:nth-of-type(6) .btns {
  position: relative;
  padding-bottom: 110px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .btns {
    padding-bottom: 0;
  }
}
.--sp .main-section:nth-of-type(6) .layout {
  margin-top: 100px;
}
.--sp .main-section:nth-of-type(6) .main-itemFirstPhone {
  position: absolute;
  background: #FFC400 url("../images/icon-phone.svg") 40px center/36px auto no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-itemFirstPhone {
    position: relative;
    background: #FFC400 url("../images/icon-phone.svg") 20px center/36px auto no-repeat;
  }
}
.--sp .main-section:nth-of-type(6) .main-itemFirstPhone figure {
  position: absolute;
  top: -60px;
  left: calc(50% - 65px);
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(6) .main-itemFirstPhone figure {
    left: calc(50% - 65px);
  }
}
.--sp .main-section:nth-of-type(6) .main-section-fukidashi {
  display: table;
  margin: 0 auto 20px auto;
  position: relative;
  text-align: center;
  border-radius: 100px;
  background-color: #004098;
  padding: 10px 30px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-fukidashi::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.--sp .main-section:nth-of-type(6) .main-section-fukidashi-text {
  font-size: 5.5rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-fukidashi-text {
    font-size: 4rem;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-fukidashi-text span {
  font-size: 1.6rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-fukidashi-text span {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-fukidashi::after {
  background-color: #004098;
  bottom: -6px;
  width: 15px;
  height: 15px;
}
.--sp .main-section:nth-of-type(6) .main-section-video {
  display: flex;
  background-color: #fff;
  border: 4px solid #004098;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  margin-top: 10px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video {
    display: block;
    margin-top: 10px;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-video-box {
  text-align: center;
  color: #000;
  width: 100%;
  border-radius: 20px;
}
.--sp .main-section:nth-of-type(6) .main-section-video-box:first-child {
  padding: 20px 65px 30px 40px;
  position: relative;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video-box:first-child {
    padding: 20px 30px 60px 30px;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-video-box:first-child::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  right: -10px;
  top: 0;
  background: #fff url(../images/arrow-pc.png) right center/40px 110% no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video-box:first-child::after {
    width: 100%;
    height: 40px;
    bottom: -10px;
    right: 0;
    top: auto;
    background: #fff url(../images/arrow-sp.png) center bottom/110% 40px no-repeat;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-video-box:last-child {
  padding: 20px 40px 30px 65px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video-box:last-child {
    padding: 40px 30px 30px 30px;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-video-box-h3 {
  border: 4px solid #004098;
  font-size: 2rem;
  color: #004098;
  display: table;
  background-color: #fff;
  font-weight: bold;
  padding: 3px 25px;
  margin-right: 10px;
  border-radius: 50px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video-box-h3 {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-video-box-h3 span {
  font-size: 2.6rem;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video-box-h3 span {
    font-size: 2rem;
  }
}
.--sp .main-section:nth-of-type(6) .main-section-video-box p {
  font-weight: bold;
  font-size: 2.2rem;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(6) .main-section-video-box p {
    font-size: 1.6rem;
  }
}
.--sp .main-section:nth-of-type(7) {
  background-color: #004098;
}
.--sp .main-section:nth-of-type(7) .btns {
  margin-bottom: 110px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .btns {
    margin-bottom: 0px;
  }
}
.--sp .main-section:nth-of-type(7) .btns .main-section-item {
  left: 50%;
  margin-left: -200px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .btns .main-section-item {
    left: auto;
    margin-left: 0px;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-h2 {
  color: #fff;
}
.--sp .main-section:nth-of-type(7) .main-section-leadText {
  color: #fff;
  font-size: 1.6rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-leadText {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-fukidashi {
  display: table;
  margin: 0 auto 20px auto;
  position: relative;
  text-align: center;
  border-radius: 100px;
  background-color: #fff;
  padding: 10px 25px;
  color: #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-fukidashi::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-fukidashi {
    display: table;
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
    border-radius: 100px;
    background-color: #fff;
    padding: 5px 25px;
    color: #004098;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-fukidashi::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
}
.--sp .main-section:nth-of-type(7) .main-section-fukidashi::after {
  background-color: #fff;
  bottom: -6px;
  width: 15px;
  height: 15px;
}
.--sp .main-section:nth-of-type(7) .main-section-fukidashi-text {
  font-size: 2.2rem;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-fukidashi-text {
    font-size: 1.6rem;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-item {
  display: table;
  max-width: 400px;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 25px 20px;
  font-size: 2rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-item:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-item:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-section:nth-of-type(7) .main-section-item:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item {
    display: table;
    max-width: 100%;
    color: #004098;
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    max-width: 440px;
    padding: 15px 20px;
    font-size: 1.6rem;
    background: #FFC400;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    line-height: 1.2;
    transition: ease-in-out 0.2s;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item:after {
    right: 15px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-item:hover {
    text-decoration: none;
    transform: translate3d(6px, 6px, 0);
    background-color: #fff;
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
    border: 2px solid #004098;
  }
  .--sp .main-section:nth-of-type(7) .main-section-item:hover:after {
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-item:hover {
  background: #fff;
}
.--sp .main-section:nth-of-type(7) {
  padding: 50px 0 50px 0;
  height: 750px;
  background: url(../images/mainImg2-pc.png) center/1920px auto no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) {
    height: auto;
    background: none;
    padding: 30px 0px 50px 0px;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-spImg {
  display: none;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-spImg {
    display: block;
    margin-bottom: 30px;
  }
  .--sp .main-section:nth-of-type(7) .main-section-spImg img {
    width: 100%;
    height: auto;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-h2 {
  color: #004098;
  margin-bottom: 20px;
  margin-top: -20px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-h2 {
    display: none;
    margin-bottom: 0px;
    margin-top: 0;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-h3 {
  margin: 20px auto -90px auto;
  display: block;
  text-align: center;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-h3 {
    margin: 0px auto -90px auto;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-box {
  border: 4px solid #004098;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 100px 30px 25px 30px;
  text-align: center;
  margin: 0 -20px;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-box {
    margin: 0 10px;
    padding: 100px 15px 20px 15px;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-box-h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.--sp .main-section:nth-of-type(7) .main-section-box-list {
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-box-list {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(7) .main-section-box-list-inner {
    display: flex;
    align-items: center;
    max-width: 250px;
    margin: 0 auto;
    justify-content: space-between;
  }
}
.--sp .main-section:nth-of-type(7) .main-section-box-list p {
  text-align: center;
  line-height: 1.4;
}
.--sp .main-section:nth-of-type(7) .main-section-box-list-num span {
  text-align: center;
  background-color: #FFC400;
  font-size: 2rem;
  width: 36px;
  height: 36px;
  margin: 0 auto 6px auto;
  border-radius: 50px;
  display: block;
  line-height: 1.8;
}
.--sp .main-section:nth-of-type(7) .main-section-box-list-figure {
  margin-top: 10px;
}
.--sp .main-section:nth-of-type(8) {
  background-color: #004098;
}
.--sp .main-section:nth-of-type(8) .main-section-item {
  display: table;
  max-width: 100%;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 15px 0 20px 80px;
  font-size: 3.6rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  background: #FFC400 url("../images/icon-phone.svg") 30px center no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-item:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-item:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .main-section:nth-of-type(8) .main-section-item:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
.--sp .main-section:nth-of-type(8) .main-section-item .main-section-parts {
  margin-top: -80px;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item {
    display: table;
    max-width: 100%;
    color: #004098;
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    max-width: 440px;
    padding: 15px 0 20px 60px;
    font-size: 1.6rem;
    background: #FFC400;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    line-height: 1.2;
    transition: ease-in-out 0.2s;
    text-align: left;
    margin-bottom: 15px;
    background: #FFC400 url("../images/icon-phone.svg") 15px center/30px auto no-repeat;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item:hover {
    text-decoration: none;
    transform: translate3d(6px, 6px, 0);
    background-color: #fff;
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
    border: 2px solid #004098;
  }
  .--sp .main-section:nth-of-type(8) .main-section-item:hover:after {
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-item:hover {
  background: #fff url("../images/icon-phone.svg") 30px center no-repeat;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item:hover {
    background: #fff url("../images/icon-phone.svg") 15px center/30px auto no-repeat;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-item span {
  font-size: 2.4rem;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-item span {
    font-size: 1.6rem;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 15px 20px 15px 120px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-pc.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 12px 20px 12px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-pc.svg") left 20px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 30px auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  border-radius: 10px;
  padding: 15px 20px 15px 120px;
  font-size: 2rem;
  background: #5FA1FF url("../images/icon-pc-hover.svg") left 30px center no-repeat;
  color: #fff;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.4;
  transition: ease-in-out 0.2s;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:after {
    right: 15px;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:hover {
  text-decoration: none;
  color: #0D64DD;
  background-color: #fff;
  transform: translate3d(6px, 6px, 0);
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
}
.--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:hover:after {
  border-top: 2px solid #0D64DD;
  border-right: 2px solid #0D64DD;
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    padding: 12px 20px 12px 60px;
    font-size: 2rem;
    background: #5FA1FF url("../images/icon-pc-hover.svg") left 20px center no-repeat;
    color: #fff;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.4;
    transition: ease-in-out 0.2s;
    background-size: 30px auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover {
    font-size: 1.4rem;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:after {
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:hover {
    text-decoration: none;
    color: #0D64DD;
    background-color: #fff;
    transform: translate3d(6px, 6px, 0);
    box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  }
  .--sp .main-section:nth-of-type(8) .main-section-itemPC:hover:hover:after {
    border-top: 2px solid #0D64DD;
    border-right: 2px solid #0D64DD;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-fukidashi {
  display: table;
  margin: 0 auto 20px auto;
  position: relative;
  text-align: center;
  border-radius: 100px;
  background-color: #fff;
  padding: 10px 25px;
  color: #004098;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
.--sp .main-section:nth-of-type(8) .main-section-fukidashi::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-fukidashi {
    display: table;
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
    border-radius: 100px;
    background-color: #fff;
    padding: 5px 25px;
    color: #004098;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-fukidashi {
    margin: 0 auto 10px auto;
  }
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-fukidashi::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
}
.--sp .main-section:nth-of-type(8) .main-section-fukidashi::after {
  background-color: #fff;
  bottom: -6px;
  width: 15px;
  height: 15px;
}
.--sp .main-section:nth-of-type(8) .main-section-fukidashi-text {
  font-size: 2.2rem;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(8) .main-section-fukidashi-text {
    font-size: 1.6rem;
  }
}
.--sp .main-section:nth-of-type(9) h2 {
  color: #004098;
  font-size: 2.2rem;
}
.--sp .main-section:nth-of-type(9) .main-section-faq {
  margin-bottom: 20px;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box {
  border-bottom: 1px solid #D5D2D2;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box:first-child {
  border-top: 1px solid #D5D2D2;
  padding-top: 10px;
  margin-top: 10px;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-question {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-question::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #004098;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(9) .main-section-faq-box-question::before {
    right: 5px;
  }
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-question:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  background-color: #004098;
  right: 27px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(9) .main-section-faq-box-question:after {
    right: 12px;
  }
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-question dt {
  padding-right: 15px;
  color: #004098;
  font-size: 2.6rem;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(9) .main-section-faq-box-question dt {
    font-size: 2.2rem;
  }
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-question dd {
  padding-top: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-right: 30px;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box .active::after {
  width: 0px !important;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box .faqBox {
  display: none;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-answer {
  display: flex;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-answer dt {
  padding-right: 20px;
  color: #004098;
  font-size: 2.4rem;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(9) .main-section-faq-box-answer p {
    font-size: 1.4rem;
  }
}
.--sp .main-section:nth-of-type(9) .main-section-faq-box-answer-smallText {
  font-size: 1.2rem;
}
@media (max-width: 767.98px) {
  .--sp .main-section:nth-of-type(9) .main-section-faq-box-answer-smallText {
    font-size: 1rem;
  }
}
.--sp .main-section:nth-of-type(9) .main-section-cauntion p {
  font-size: 1.2rem;
}
.--sp .main-fiexdBtn {
  display: table;
  max-width: 100%;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  padding: 20px 70px;
  font-size: 1.6rem;
  background: url("../images/icon-phone.svg") 30px center/26px auto no-repeat, linear-gradient(#FFE200, #FFA700);
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
}
.--sp .main-fiexdBtn:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
.--sp .fiexdBtn {
  position: fixed;
  bottom: 20px;
  z-index: 50;
  width: 100%;
  padding: 0 20px;
  left: 0;
}
.--sp .fiexdBtn .addLink {
  display: table;
  max-width: auto;
  color: #004098;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
  max-width: 440px;
  padding: 12px 0 12px 45px;
  font-size: 1.6rem;
  background: #FFC400;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  line-height: 1.2;
  transition: ease-in-out 0.2s;
  background: #fff url("../images/icon-truck.svg") 15px center no-repeat;
  color: #000;
  position: relative;
  margin-top: 14px;
}
@media (max-width: 991.98px) {
  .--sp .fiexdBtn .addLink {
    position: relative;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
  }
}
.--sp .fiexdBtn .addLink:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 991.98px) {
  .--sp .fiexdBtn .addLink:after {
    right: 15px;
  }
}
.--sp .fiexdBtn .addLink:hover {
  text-decoration: none;
  transform: translate3d(6px, 6px, 0);
  background-color: #fff;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.16) inset;
  border: 2px solid #004098;
}
.--sp .fiexdBtn .addLink:hover:after {
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
}
@media (max-width: 767.98px) {
  .--sp .fiexdBtn .addLink {
    font-size: 1.3rem;
  }
}
.--sp .modalFrame {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9000;
  left: 0;
  top: 0;
  align-items: center;
  display: flex;
}
.--sp .modal {
  background-color: #fff;
  padding: 25px;
  max-width: 1300px;
  width: 100%;
  height: 80%;
  overflow-y: scroll;
  margin: 0 auto;
}
.--sp .modal-closeBtn {
  position: fixed;
  right: 20px;
  top: 20px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 50px;
  width: 30px;
  height: 30px;
  z-index: 9001;
  color: rgba(255, 255, 255, 0.85);
  display: block;
  font-size: 2rem;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
}
.--sp .modal-sections {
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  .--sp .modal-sections {
    margin-bottom: 25px;
  }
}
.--sp .modal-sections:last-child {
  margin-bottom: 0;
}
.--sp .modal-sections-h2 {
  background-color: #80FF80;
  padding: 10px 15px;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 20px;
  color: #000B4B;
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .--sp .modal-sections-h2 {
    font-size: 1.6rem;
  }
}
.--sp .modal-sections-text {
  font-size: 1.4rem;
}
@media (max-width: 767.98px) {
  .--sp .modal-sections-text {
    font-size: 1rem;
  }
}
.--sp .modal-sections-scroll {
  margin: 20px 0;
}
@media (max-width: 991.98px) {
  .--sp .modal-sections-scroll img {
    max-width: 920px;
    width: 920px;
  }
}
.--sp .modal-sections-dl {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  border-top: 1px solid #333333;
}
.--sp .modal-sections-dl:last-child {
  border-bottom: 1px solid #333333;
}
.--sp .modal-sections-dl-dt {
  padding: 20px;
  margin: 0;
  width: 100px;
  background-color: #F0F0F0;
  font-size: 1.4rem;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .--sp .modal-sections-dl-dt {
    font-size: 1.2rem;
    padding: 10px;
  }
}
.--sp .modal-sections-dl-dd {
  padding: 20px;
  font-size: 1.4rem;
  margin: 0;
  display: table-cell;
}
@media (max-width: 767.98px) {
  .--sp .modal-sections-dl-dd {
    font-size: 1rem;
    padding: 10px;
  }
}
.--sp .modal-sections-dl-dd ul li {
  font-size: 1.4rem;
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 767.98px) {
  .--sp .modal-sections-dl-dd ul li {
    font-size: 1rem;
  }
}
.--sp .modal-sections-dl-dd ul li::before {
  content: "・";
}
.--sp .modalFrameBtn {
  cursor: pointer;
}
.--sp .modalAddClass {
  z-index: 500000;
  justify-content: center;
}
.--sp .clear {
  clear: both;
}
.--sp .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.--sp .link {
  font-size: 1.4rem;
}
.--sp .link, .--sp .link:link, .--sp .link:visited {
  text-decoration: underline;
  color: #007bff;
}
.--sp .link:hover {
  opacity: 0.8;
}
.--sp .va-t {
  vertical-align: top;
}
.--sp .va-m {
  vertical-align: middle;
}
.--sp .va-b {
  vertical-align: bottom;
}
.--sp .fl-l {
  float: left;
}
.--sp .fl-r {
  float: right;
}
.--sp .touchdevice-block {
  display: none;
}
.--sp body.touchdevice .touchdevice-block {
  display: block;
}
.--sp .text-left {
  text-align: left;
}
.--sp .text-right {
  text-align: right;
}
.--sp .text-center {
  text-align: center;
}
.--sp .text-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
.--sp .text-nowrap {
  white-space: nowrap;
}
.--sp img {
  max-width: 100%;
  height: auto;
}
.--sp .mt0 {
  margin-top: 0px !important;
}
.--sp .mb0 {
  margin-bottom: 0px !important;
}
.--sp .ml0 {
  margin-left: 0px !important;
}
.--sp .mr0 {
  margin-right: 0px !important;
}
.--sp .pt0 {
  padding-top: 0px !important;
}
.--sp .pb0 {
  padding-bottom: 0px !important;
}
.--sp .pl0 {
  padding-left: 0px !important;
}
.--sp .pr0 {
  padding-right: 0px !important;
}
.--sp .mt5 {
  margin-top: 5px !important;
}
.--sp .mb5 {
  margin-bottom: 5px !important;
}
.--sp .ml5 {
  margin-left: 5px !important;
}
.--sp .mr5 {
  margin-right: 5px !important;
}
.--sp .pt5 {
  padding-top: 5px !important;
}
.--sp .pb5 {
  padding-bottom: 5px !important;
}
.--sp .pl5 {
  padding-left: 5px !important;
}
.--sp .pr5 {
  padding-right: 5px !important;
}
.--sp .mt10 {
  margin-top: 10px !important;
}
.--sp .mb10 {
  margin-bottom: 10px !important;
}
.--sp .ml10 {
  margin-left: 10px !important;
}
.--sp .mr10 {
  margin-right: 10px !important;
}
.--sp .pt10 {
  padding-top: 10px !important;
}
.--sp .pb10 {
  padding-bottom: 10px !important;
}
.--sp .pl10 {
  padding-left: 10px !important;
}
.--sp .pr10 {
  padding-right: 10px !important;
}
.--sp .mt15 {
  margin-top: 15px !important;
}
.--sp .mb15 {
  margin-bottom: 15px !important;
}
.--sp .ml15 {
  margin-left: 15px !important;
}
.--sp .mr15 {
  margin-right: 15px !important;
}
.--sp .pt15 {
  padding-top: 15px !important;
}
.--sp .pb15 {
  padding-bottom: 15px !important;
}
.--sp .pl15 {
  padding-left: 15px !important;
}
.--sp .pr15 {
  padding-right: 15px !important;
}
.--sp .mt20 {
  margin-top: 20px !important;
}
.--sp .mb20 {
  margin-bottom: 20px !important;
}
.--sp .ml20 {
  margin-left: 20px !important;
}
.--sp .mr20 {
  margin-right: 20px !important;
}
.--sp .pt20 {
  padding-top: 20px !important;
}
.--sp .pb20 {
  padding-bottom: 20px !important;
}
.--sp .pl20 {
  padding-left: 20px !important;
}
.--sp .pr20 {
  padding-right: 20px !important;
}
.--sp .mt25 {
  margin-top: 25px !important;
}
.--sp .mb25 {
  margin-bottom: 25px !important;
}
.--sp .ml25 {
  margin-left: 25px !important;
}
.--sp .mr25 {
  margin-right: 25px !important;
}
.--sp .pt25 {
  padding-top: 25px !important;
}
.--sp .pb25 {
  padding-bottom: 25px !important;
}
.--sp .pl25 {
  padding-left: 25px !important;
}
.--sp .pr25 {
  padding-right: 25px !important;
}
.--sp .mt30 {
  margin-top: 30px !important;
}
.--sp .mb30 {
  margin-bottom: 30px !important;
}
.--sp .ml30 {
  margin-left: 30px !important;
}
.--sp .mr30 {
  margin-right: 30px !important;
}
.--sp .pt30 {
  padding-top: 30px !important;
}
.--sp .pb30 {
  padding-bottom: 30px !important;
}
.--sp .pl30 {
  padding-left: 30px !important;
}
.--sp .pr30 {
  padding-right: 30px !important;
}
.--sp .mt35 {
  margin-top: 35px !important;
}
.--sp .mb35 {
  margin-bottom: 35px !important;
}
.--sp .ml35 {
  margin-left: 35px !important;
}
.--sp .mr35 {
  margin-right: 35px !important;
}
.--sp .pt35 {
  padding-top: 35px !important;
}
.--sp .pb35 {
  padding-bottom: 35px !important;
}
.--sp .pl35 {
  padding-left: 35px !important;
}
.--sp .pr35 {
  padding-right: 35px !important;
}
.--sp .mt40 {
  margin-top: 40px !important;
}
.--sp .mb40 {
  margin-bottom: 40px !important;
}
.--sp .ml40 {
  margin-left: 40px !important;
}
.--sp .mr40 {
  margin-right: 40px !important;
}
.--sp .pt40 {
  padding-top: 40px !important;
}
.--sp .pb40 {
  padding-bottom: 40px !important;
}
.--sp .pl40 {
  padding-left: 40px !important;
}
.--sp .pr40 {
  padding-right: 40px !important;
}
.--sp .mt45 {
  margin-top: 45px !important;
}
.--sp .mb45 {
  margin-bottom: 45px !important;
}
.--sp .ml45 {
  margin-left: 45px !important;
}
.--sp .mr45 {
  margin-right: 45px !important;
}
.--sp .pt45 {
  padding-top: 45px !important;
}
.--sp .pb45 {
  padding-bottom: 45px !important;
}
.--sp .pl45 {
  padding-left: 45px !important;
}
.--sp .pr45 {
  padding-right: 45px !important;
}
.--sp .mt50 {
  margin-top: 50px !important;
}
.--sp .mb50 {
  margin-bottom: 50px !important;
}
.--sp .ml50 {
  margin-left: 50px !important;
}
.--sp .mr50 {
  margin-right: 50px !important;
}
.--sp .pt50 {
  padding-top: 50px !important;
}
.--sp .pb50 {
  padding-bottom: 50px !important;
}
.--sp .pl50 {
  padding-left: 50px !important;
}
.--sp .pr50 {
  padding-right: 50px !important;
}
.--sp .mt-5 {
  margin-top: -5px !important;
}
.--sp .mb-5 {
  margin-bottom: -5px !important;
}
.--sp .ml-5 {
  margin-left: -5px !important;
}
.--sp .mr-5 {
  margin-right: -5px !important;
}
.--sp .mt-10 {
  margin-top: -10px !important;
}
.--sp .mb-10 {
  margin-bottom: -10px !important;
}
.--sp .ml-10 {
  margin-left: -10px !important;
}
.--sp .mr-10 {
  margin-right: -10px !important;
}
.--sp .mt-15 {
  margin-top: -15px !important;
}
.--sp .mb-15 {
  margin-bottom: -15px !important;
}
.--sp .ml-15 {
  margin-left: -15px !important;
}
.--sp .mr-15 {
  margin-right: -15px !important;
}
.--sp .mt-20 {
  margin-top: -20px !important;
}
.--sp .mb-20 {
  margin-bottom: -20px !important;
}
.--sp .ml-20 {
  margin-left: -20px !important;
}
.--sp .mr-20 {
  margin-right: -20px !important;
}
.--sp .mt-25 {
  margin-top: -25px !important;
}
.--sp .mb-25 {
  margin-bottom: -25px !important;
}
.--sp .ml-25 {
  margin-left: -25px !important;
}
.--sp .mr-25 {
  margin-right: -25px !important;
}
.--sp .w1em {
  width: 1em !important;
}
.--sp .w2em {
  width: 2em !important;
}
.--sp .w3em {
  width: 3em !important;
}
.--sp .w4em {
  width: 4em !important;
}
.--sp .w5em {
  width: 5em !important;
}
.--sp .w6em {
  width: 6em !important;
}
.--sp .w7em {
  width: 7em !important;
}
.--sp .w8em {
  width: 8em !important;
}
.--sp .w9em {
  width: 9em !important;
}
.--sp .w10em {
  width: 10em !important;
}
.--sp .w11em {
  width: 11em !important;
}
.--sp .w12em {
  width: 12em !important;
}
.--sp .w13em {
  width: 13em !important;
}
.--sp .w14em {
  width: 14em !important;
}
.--sp .w15em {
  width: 15em !important;
}
.--sp .w16em {
  width: 16em !important;
}
.--sp .w17em {
  width: 17em !important;
}
.--sp .w18em {
  width: 18em !important;
}
.--sp .w19em {
  width: 19em !important;
}
.--sp .w20em {
  width: 20em !important;
}
.--sp .max-w1em {
  max-width: 1em;
}
.--sp .max-w2em {
  max-width: 2em;
}
.--sp .max-w3em {
  max-width: 3em;
}
.--sp .max-w4em {
  max-width: 4em;
}
.--sp .max-w5em {
  max-width: 5em;
}
.--sp .max-w6em {
  max-width: 6em;
}
.--sp .max-w7em {
  max-width: 7em;
}
.--sp .max-w8em {
  max-width: 8em;
}
.--sp .max-w9em {
  max-width: 9em;
}
.--sp .max-w10em {
  max-width: 10em;
}
.--sp .max-w11em {
  max-width: 11em;
}
.--sp .max-w12em {
  max-width: 12em;
}
.--sp .max-w13em {
  max-width: 13em;
}
.--sp .max-w14em {
  max-width: 14em;
}
.--sp .max-w15em {
  max-width: 15em;
}
.--sp .max-w16em {
  max-width: 16em;
}
.--sp .max-w17em {
  max-width: 17em;
}
.--sp .max-w18em {
  max-width: 18em;
}
.--sp .max-w19em {
  max-width: 19em;
}
.--sp .max-w20em {
  max-width: 20em;
}
.--sp .max-w21em {
  max-width: 21em;
}
.--sp .max-w22em {
  max-width: 22em;
}
.--sp .max-w23em {
  max-width: 23em;
}
.--sp .max-w24em {
  max-width: 24em;
}
.--sp .max-w25em {
  max-width: 25em;
}
.--sp .max-w26em {
  max-width: 26em;
}
.--sp .max-w27em {
  max-width: 27em;
}
.--sp .max-w28em {
  max-width: 28em;
}
.--sp .max-w29em {
  max-width: 29em;
}
.--sp .max-w30em {
  max-width: 30em;
}
.--sp .max-w31em {
  max-width: 31em;
}
.--sp .max-w32em {
  max-width: 32em;
}
.--sp .max-w33em {
  max-width: 33em;
}
.--sp .max-w34em {
  max-width: 34em;
}
.--sp .max-w35em {
  max-width: 35em;
}
.--sp .max-w36em {
  max-width: 36em;
}
.--sp .max-w37em {
  max-width: 37em;
}
.--sp .max-w38em {
  max-width: 38em;
}
.--sp .max-w39em {
  max-width: 39em;
}
.--sp .max-w40em {
  max-width: 40em;
}
.--sp .min-w1em {
  min-width: 1em;
}
.--sp .min-w2em {
  min-width: 2em;
}
.--sp .min-w3em {
  min-width: 3em;
}
.--sp .min-w4em {
  min-width: 4em;
}
.--sp .min-w5em {
  min-width: 5em;
}
.--sp .min-w6em {
  min-width: 6em;
}
.--sp .min-w7em {
  min-width: 7em;
}
.--sp .min-w8em {
  min-width: 8em;
}
.--sp .min-w9em {
  min-width: 9em;
}
.--sp .min-w10em {
  min-width: 10em;
}
.--sp .min-w11em {
  min-width: 11em;
}
.--sp .min-w12em {
  min-width: 12em;
}
.--sp .min-w13em {
  min-width: 13em;
}
.--sp .min-w14em {
  min-width: 14em;
}
.--sp .min-w15em {
  min-width: 15em;
}
.--sp .min-w16em {
  min-width: 16em;
}
.--sp .min-w17em {
  min-width: 17em;
}
.--sp .min-w18em {
  min-width: 18em;
}
.--sp .min-w19em {
  min-width: 19em;
}
.--sp .min-w20em {
  min-width: 20em;
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.--sp .scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.--sp .scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.--sp .scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.--sp .scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
  z-index: 5500000;
}
.--sp .scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
  z-index: 5500000;
}
.--sp .scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}
.--sp .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}
.--sp .scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.--sp .scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  opacity: 0;
  transition-delay: 2.4s;
  z-index: 5500000;
}
.--sp .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}
.--sp .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}
.--sp .scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}
.--sp .scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}
.--sp .gHeader {
  top: 0;
}
@media screen and (min-width: 768px) {
  .--sp .gFooter {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .--sp .gFooter-sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .--sp .gFooter-pc {
    display: none;
  }
}
.--sp .simple-footer-title {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
}
.--sp .simple-footer-text {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 1em;
}
.--sp .simple-footer-text a {
  color: #FFFFFF;
}
.--sp .modal {
  height: 90%;
  background: #f4e9e6;
}
@media screen and (max-width: 768px) {
  .--sp .modal {
    height: 80%;
  }
}
.--sp .modal-sections-h2 {
  background: #232E84;
  color: #fff;
  border-radius: 0;
}
.--sp .modal-sections-dl-dt {
  background: #C1D3ED;
}
.--sp .modal-closeBtn {
  color: #FFFFFF;
  background: #FF0004;
}
.--sp .cal-wrap {
  background: #FFFCDB;
  padding: 20px 40px;
  border-radius: 30px;
}
@media screen and (min-width: 600px) {
  .--sp .sptbl {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .--sp .sptbl img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .--sp .pctbl {
    display: none;
  }
}
.--sp .top {
  overflow-x: hidden;
  line-height: 1.5;
  color: #333333;
}
.--sp .top__banner {
  display: block;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
.--sp .top__banner:hover img {
  filter: brightness(1.1);
}
.--sp .top__banner img {
  width: 100%;
  transition: ease-in-out 0.3s;
}
@media screen and (min-width: 768px) {
  .--sp .top__banner__wrap {
    padding: 10px 0;
  }
}
.--sp .top__btn {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.16));
  transition: ease-in-out 0.15s;
  position: relative;
}
.--sp .top__btn::before {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
  content: "";
  width: 7px;
  height: 7px;
}
@media screen and (min-width: 768px) {
  .--sp .top__btn::before {
    right: 10px;
  }
}
.--sp .top__btn:hover {
  transform: translate(6px, 6px);
  text-decoration: none;
  filter: drop-shadow(0px 0px 0 rgba(0, 0, 0, 0.16));
  box-shadow: inset 6px 6px 6px rgba(0, 0, 0, 0.16);
}
.--sp .top__btn--s {
  height: 45px;
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .--sp .top__btn--s {
    font-size: 1.6rem;
  }
}
.--sp .top__btn--m {
  height: 60px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1024px) {
  .--sp .top__btn--m {
    height: 85px;
    font-size: 2rem;
  }
}
.--sp .top__btn--l {
  height: 55px;
  font-size: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .--sp .top__btn--l {
    height: 85px;
    font-size: 2rem;
  }
}
.--sp .top__btn--yellow {
  color: #004098;
  background: linear-gradient(to bottom, #FFE200, #FFA700);
}
.--sp .top__btn--yellow:hover {
  color: #004098;
  border: 2px solid #004098;
  background: #FFFFFF;
}
.--sp .top__btn--white {
  color: #333333;
  background: #FFFFFF;
}
.--sp .top__btn--white:hover {
  color: #333333;
  border: 2px solid #333333;
}
.--sp .top__btn--lightBlue {
  color: #FFFFFF;
  background: #60A1FF;
}
.--sp .top__btn--lightBlue::before {
  border-color: #FFFFFF;
}
.--sp .top__btn--lightBlue:hover {
  color: #004098;
  background: #FFFFFF;
}
.--sp .top__btn--lightBlue:hover::before {
  border-color: #004098;
}
.--sp .top__btn--blue {
  color: #FFFFFF;
  background: #0D64DD;
}
.--sp .top__btn--blue::before {
  border-color: #FFFFFF;
}
.--sp .top__btn--blue:hover {
  color: #004098;
  background: #FFFFFF;
}
.--sp .top__btn--blue:hover::before {
  border-color: #004098;
}
.--sp .top__btn:has(.top__btn__icon-4):hover .top__btn__icon-4::before {
  content: url(../img/top/btn-icon4-hov-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn:has(.top__btn__icon-4):hover .top__btn__icon-4::before {
    content: url(../img/top/btn-icon4-hov-pc.svg);
  }
}
.--sp .top__btn:has(.top__btn__icon-5):hover .top__btn__icon-5::before {
  content: url(../img/top/btn-icon5-hov-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn:has(.top__btn__icon-5):hover .top__btn__icon-5::before {
    content: url(../img/top/btn-icon5-hov-pc.svg);
  }
}
@media screen and (min-width: 768px) {
  .--sp .top__btn#denkiTOP-sim {
    margin-left: auto;
    max-width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top__btn#denkiTOP-center-kenshinhyo {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top__btn#denkiTOP-center-kenshinhyo {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top__btn#denkiTOP-center-kenshinhyo > span span {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top__btn#denkiTOP-center-kenshinhyo > span span {
    font-size: 3.3rem;
  }
}
.--sp .top__btn#denkiTOP-last-kenshinhyo {
  height: 85px;
}
.--sp .top__btn__icon {
  position: relative;
  padding-left: 30px;
}
.--sp .top__btn__icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-1 {
    padding-left: 45px;
  }
}
.--sp .top__btn__icon-1::before {
  content: url(../img/top/btn-icon1-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-1::before {
    content: url(../img/top/btn-icon1-pc.svg);
  }
}
.--sp .top__btn__icon-2::before {
  content: url(../img/top/btn-icon2-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-2::before {
    content: url(../img/top/btn-icon2-pc.svg);
  }
}
.--sp .top__btn__icon-3::before {
  content: url(../img/top/btn-icon3-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-3::before {
    content: url(../img/top/btn-icon3-pc.svg);
  }
}
.--sp .top__btn__icon-4 {
  padding-left: 35px;
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-4 {
    padding-left: 85px;
  }
}
.--sp .top__btn__icon-4::before {
  content: url(../img/top/btn-icon4-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-4::before {
    content: url(../img/top/btn-icon4-pc.svg);
  }
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-5 {
    padding-left: 50px;
  }
}
.--sp .top__btn__icon-5::before {
  content: url(../img/top/btn-icon5-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__btn__icon-5::before {
    content: url(../img/top/btn-icon5-pc.svg);
  }
}
.--sp .top .fv {
  position: relative;
  background-color: #EBEDF0;
}
.--sp .top .fv__container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.--sp .top .fv__title img {
  width: 100%;
}
.--sp .top .fv__inner {
  padding: 0 20px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .--sp .top .fv__inner {
    left: 12.8125%;
    right: auto;
    bottom: auto;
    top: 28vw;
    padding: 0;
    width: 400px;
  }
}
@media screen and (min-width: 1280px) {
  .--sp .top .fv__inner {
    top: auto;
    bottom: 80px;
  }
}
.--sp .top .fv__text {
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .--sp .top .fv__text {
    margin-bottom: 0;
  }
}
.--sp .top .fv__text span {
  font-size: 1.2rem;
}
.--sp .top .fv__text__wrap {
  display: flex;
  justify-content: end;
}
@media screen and (min-width: 1024px) {
  .--sp .top .fv__text__wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    transform: translate(50%, 80%);
  }
}
.--sp .top .fv__btnArea {
  display: grid;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .--sp .top .fv__btnArea {
    max-width: calc(73% + 40px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .fv__btnArea {
    max-width: none;
    margin: 0;
  }
}
.--sp .top .lead {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .lead {
    padding: 40px 0;
  }
}
.--sp .top .lead__title {
  text-align: center;
  margin-bottom: 10px;
}
.--sp .top .lead .deco {
  width: fit-content;
  margin-inline: auto;
  position: relative;
}
.--sp .top .lead .deco::before {
  position: absolute;
  top: 0;
  left: 0;
  translate: -100% 0;
  content: "";
  aspect-ratio: 99/110;
  width: 49px;
  background-image: url(../img/top/deco-sp.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.--sp .top .lead .deco::after {
  position: absolute;
  top: 0;
  right: 0;
  translate: 100% 0;
  scale: -1 1;
  content: "";
  aspect-ratio: 99/110;
  width: 49px;
  background-image: url(../img/top/deco-sp.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.--sp .top .lead__text-1 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .--sp .top .lead__text-1 {
    font-size: 4rem;
    margin-bottom: 0;
  }
}
.--sp .top .lead__text-1 > strong {
  display: inline-block;
  font-weight: 700;
  padding: 0 20px;
  position: relative;
}
.--sp .top .lead__text-1 > strong::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: url(../img/top/lead-icon1-sp.svg);
  line-height: 1;
  transform: translateY(calc(-50% + 1.5px));
}
@media screen and (min-width: 768px) {
  .--sp .top .lead__text-1 > strong::before {
    content: url(../img/top/lead-icon1-pc.svg);
  }
}
.--sp .top .lead__text-1 > strong::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: url(../img/top/lead-icon1-sp.svg);
  line-height: 1;
  transform: translateY(calc(-50% - 1.5px)) rotate(180deg);
}
@media screen and (min-width: 768px) {
  .--sp .top .lead__text-1 > strong::after {
    content: url(../img/top/lead-icon1-pc.svg);
  }
}
.--sp .top .lead__text-2 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top .lead__text-2 {
    font-size: 2rem;
  }
}
.--sp .top .lead__text-2 > span {
  border-bottom: 2px solid #FFC400;
}
.--sp .top .lead__text-3 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.--sp .top .lead__text__wrap {
  width: fit-content;
  margin-inline: auto;
  position: relative;
}
.--sp .top .lead__text__wrap::before {
  position: absolute;
  top: 0;
  right: 100%;
  content: url(../img/top/laed-icon2-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top .lead__text__wrap::before {
    right: calc(100% + 1em);
    content: url(../img/top/lead-icon2-pc.svg);
  }
}
.--sp .top .lead__text__wrap::after {
  position: absolute;
  top: 0;
  left: 100%;
  transform: rotate3d(0, 1, 0, 180deg);
  content: url(../img/top/laed-icon2-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top .lead__text__wrap::after {
    left: calc(100% + 1em);
    transform: rotate3d(0, 1, 0, 180deg);
    content: url(../img/top/lead-icon2-pc.svg);
  }
}
.--sp .top .container {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
}
.--sp .top .text-blue {
  color: #004098;
}
.--sp .top .text-red {
  color: #D80C18;
}
.--sp .top .text-yellow {
  color: #FFC400;
}
.--sp .top .reason {
  color: #FFFFFF;
  background-color: #004098;
  padding: 20px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .--sp .top .reason {
    padding: 30px 0;
  }
}
.--sp .top .reason__titleArea {
  margin-bottom: 20px;
}
.--sp .top .reason__title {
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .--sp .top .reason__title {
    font-size: 1.6rem;
  }
}
.--sp .top .reason__list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .--sp .top .reason__list {
    gap: 60px;
    width: fit-content;
    margin: 0 auto;
  }
}
.--sp .top .reason__list::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: #FFFFFF;
  content: "";
}
.--sp .top .reason__card {
  position: relative;
  display: grid;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .--sp .top .reason__card {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
.--sp .top .reason__card__num {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 568px) {
  .--sp .top .reason__card__num {
    left: 20%;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .reason__card__num {
    position: static;
    top: auto;
    left: auto;
  }
}
.--sp .top .reason__card__text {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .--sp .top .reason__card__text {
    font-size: 2.4rem;
    text-align: left;
  }
}
.--sp .top__sect-title {
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top__sect-title {
    font-size: 3.4rem;
  }
}
.--sp .top__sect-title--white {
  color: #FFFFFF;
}
.--sp .top__sect-title--blue {
  color: #004098;
}
.--sp .top__sect-title.bubble {
  position: relative;
}
.--sp .top__sect-title.bubble::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  content: url(../img/top/voice-bubble4-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top__sect-title.bubble::before {
    content: url(../img/top/voice-bubble4-pc.svg);
  }
}
.--sp .top .bill {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill {
    padding: 40px 0;
  }
}
.--sp .top .bill__titleArea {
  margin-bottom: 20px;
}
.--sp .top .bill__caution {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  color: #333333;
}
.--sp .top .bill__list {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__list {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 20px;
    margin-bottom: 25px;
  }
}
.--sp .top .bill__case {
  border: 2px solid #004098;
  border-radius: 20px;
  text-align: center;
  max-width: 470px;
  margin: 0 auto;
}
.--sp .top .bill__case__title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #004098;
  padding: 1em 0;
  border-bottom: 2px solid #004098;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__case__title {
    font-size: 2rem;
  }
}
.--sp .top .bill__case__textArea {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__case__textArea {
    padding: 25px;
  }
}
.--sp .top .bill__case__price {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__case__price {
    margin-bottom: 10px;
  }
}
.--sp .top .bill__case__text {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333333;
}
.--sp .top .bill__diagnosis {
  display: block;
  border-radius: 21px;
  background-color: #004098;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  max-width: 470px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__diagnosis {
    max-width: 680px;
  }
}
.--sp .top .bill__diagnosis:hover {
  text-decoration: none;
}
.--sp .top .bill__diagnosis:hover .top__btn {
  transform: translate(6px, 6px);
  text-decoration: none;
  filter: drop-shadow(0px 0px 0 rgba(0, 0, 0, 0.16));
  box-shadow: inset 6px 6px 6px rgba(0, 0, 0, 0.16);
}
.--sp .top .bill__diagnosis:hover .top__btn--yellow {
  color: #004098;
  border: 2px solid #004098;
  background: #FFFFFF;
}
.--sp .top .bill__diagnosis__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  border-radius: 20px 20px 0 0;
  padding: 5px 0;
}
.--sp .top .bill__diagnosis__content {
  padding: 0 20px 20px;
  border-radius: 0 0 20px 20px;
  background-color: #FFFFFF;
}
.--sp .top .bill__diagnosis__content__inner {
  position: relative;
  max-width: 280px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__diagnosis__content__inner {
    max-width: none;
  }
}
.--sp .top .bill__diagnosis__ph {
  position: absolute;
  top: -30px;
  left: -10px;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__diagnosis__ph {
    top: auto;
    bottom: -20px;
  }
}
.--sp .top .bill__diagnosis__text {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__diagnosis__text {
    transform: translateY(-25px);
    margin-bottom: -15px;
  }
}
.--sp .top .bill__diagnosis__btn {
  display: block;
  width: fit-content;
  margin: 0 auto;
  filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.16));
  transition: ease-in-out 0.3s;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__diagnosis__btn {
    margin: 0 0 0 auto;
  }
}
.--sp .top .bill__diagnosis__btn:hover {
  filter: drop-shadow(0px 0px rgba(0, 0, 0, 0.16));
  transform: translate(6px, 6px);
}
.--sp .top .bill__check {
  max-width: 960px;
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check {
    margin-bottom: 40px;
  }
}
.--sp .top .bill__check.ac_open .bill__check__top {
  border-radius: 20px 20px 0 0;
}
.--sp .top .bill__check__top {
  border-radius: 20px;
  padding: 15px;
  color: #FFFFFF;
  background-color: #004098;
  transition: ease-in-out 0.3s;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__top {
    padding: 20px 0;
  }
}
.--sp .top .bill__check__top__inner {
  width: fit-content;
  margin: 0 auto;
}
.--sp .top .bill__check__text-1 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.25em;
}
.--sp .top .bill__check__text-1 img {
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__text-1 img {
    margin-top: 0;
  }
}
.--sp .top .bill__check__text-2 {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.--sp .top .bill__check__bottom {
  background-color: #004098;
  border-radius: 0 0 20px 20px;
}
.--sp .top .bill__check__bottom > p {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 1em 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__bottom > p {
    font-size: 1.2rem;
  }
}
.--sp .top .bill__check__table {
  width: 100%;
}
.--sp .top .bill__check__table th {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table th {
    font-size: 1.4rem;
  }
}
.--sp .top .bill__check__table th + * {
  border-left: 4px solid #004098;
}
.--sp .top .bill__check__table thead {
  background-color: #797979;
}
.--sp .top .bill__check__table thead th {
  color: #FFFFFF;
  padding: 10px 0;
}
.--sp .top .bill__check__table thead th:first-child {
  width: 30%;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table thead th:first-child {
    width: 17%;
  }
}
.--sp .top .bill__check__table thead th:last-child {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table thead th:last-child {
    width: 83%;
  }
}
.--sp .top .bill__check__table tbody tr:nth-child(odd) th {
  background-color: #F0F0F0;
}
.--sp .top .bill__check__table tbody tr:nth-child(odd) td {
  background-color: #BFE2F2;
}
.--sp .top .bill__check__table tbody tr:nth-child(even) th {
  background-color: #E1E1E1;
}
.--sp .top .bill__check__table tbody tr:nth-child(even) td {
  background-color: #96CFEA;
}
.--sp .top .bill__check__table tbody tr th {
  position: relative;
  width: 30%;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table tbody tr th {
    width: 17%;
  }
}
.--sp .top .bill__check__table tbody tr th::before {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-12.5%, -50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 12px;
  border-color: transparent transparent transparent #FFC400;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table tbody tr th::before {
    border-width: 13px 18px;
  }
}
.--sp .top .bill__check__table tbody tr th > span {
  display: block;
  margin-top: 0.5em;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table tbody tr th > span {
    font-size: 1.6rem;
  }
}
.--sp .top .bill__check__table tbody tr th > span strong {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table tbody tr th > span strong {
    font-size: 1.6rem;
  }
}
.--sp .top .bill__check__table tbody tr td {
  padding: 10px 15px;
  width: 70%;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table tbody tr td {
    width: 83%;
    padding: 10px 30px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table__textArea {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 55px;
    align-items: center;
  }
}
.--sp .top .bill__check__table__text-1 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table__text-1 {
    font-size: 1.6rem;
    margin-bottom: 0;
    grid-row: 1/3;
  }
}
.--sp .top .bill__check__table__text-2 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill__check__table__text-2 {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
.--sp .top .bill__check__try {
  color: #FFFFFF;
  font-size: 1.1rem;
  padding: 1em 20px;
}
@media (min-width: 768px) {
  .--sp .top .bill__check__try {
    font-size: 1.2rem;
  }
}
.--sp .top .bill__check__try > dt {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.--sp .top .bill__check__try > dd {
  display: none;
  margin-top: 1em;
}
.--sp .top .bill .ac-toggler > div {
  position: relative;
}
.--sp .top .bill .ac-arrow {
  bottom: -10px;
  right: 20px;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill .ac-arrow {
    bottom: auto;
    top: 50%;
    right: 0;
    transform: translate(200%, -50%);
  }
}
.--sp .top .bill .ac_open .ac-arrow {
  transform: rotate(-180deg);
}
@media screen and (min-width: 768px) {
  .--sp .top .bill .ac_open .ac-arrow {
    transform: translate(200%, -50%) rotate(-180deg);
  }
}
.--sp .top .bill .ac2-toggler > div {
  position: relative;
}
.--sp .top .bill .ac2-arrow {
  bottom: -10px;
  right: 20px;
}
@media screen and (min-width: 768px) {
  .--sp .top .bill .ac2-arrow {
    bottom: auto;
    top: 50%;
    right: 0;
    transform: translate(200%, -50%);
  }
}
.--sp .top .bill .ac2_open .ac-arrow {
  transform: rotate(-180deg);
}
@media screen and (min-width: 768px) {
  .--sp .top .bill .ac2_open .ac-arrow {
    transform: translate(200%, -50%) rotate(-180deg);
  }
}
.--sp .top .procedure {
  padding: 20px 0;
  background-color: #004098;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .--sp .top .procedure {
    padding: 30px 0;
  }
}
.--sp .top .procedure__text {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.--sp .top .procedure__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 660px;
  margin: 0 auto;
}
.--sp .top .procedure__item {
  text-align: center;
}
.--sp .top .procedure__item img {
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .--sp .top .procedure__item img {
    padding: 0;
  }
}
.--sp .top .procedure__item__text {
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top .procedure__item__text {
    font-size: 1.8rem;
  }
}
.--sp .top .trouble {
  padding: 20px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .--sp .top .trouble {
    padding: 30px 0;
  }
}
.--sp .top .trouble__ph {
  margin-bottom: 10px;
}
.--sp .top .trouble__copy {
  font-size: 2.6rem;
  font-weight: 700;
  color: #D80C18;
}
.--sp .top .apply {
  padding: 20px 0;
  background-color: #004098;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply {
    padding: 30px 0;
  }
}
.--sp .top .apply__title {
  font-size: 3rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  position: relative;
  padding-top: 35px;
  margin-bottom: 2.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__title {
    font-size: 2.4rem;
    padding-top: 80px;
    display: block;
    text-align: center;
    width: fit-content;
    padding-top: 0;
    margin: 70px auto 2em;
  }
}
.--sp .top .apply__title__bubble {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__title__bubble {
    transform: translate(-50%, -100%);
  }
}
.--sp .top .apply__title small {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__title small {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__title__text {
    text-align: center;
  }
}
.--sp .top .apply__title__ph {
  width: 80px;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__title__ph {
    width: 76px;
    position: absolute;
    top: 50%;
    left: calc(100% + 1em);
    transform: translateY(-50%);
  }
}
.--sp .top .apply__btnArea {
  display: grid;
  gap: 15px;
  margin: 0 auto;
  max-width: 680px;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btnArea {
    grid-template-columns: 1fr calc(1fr + 10px);
    gap: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .apply__btnArea {
    padding: 0 40px;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btnArea .top__btn:first-child {
    grid-row: 1/3;
    height: auto;
  }
}
.--sp .top .apply__btnArea .top__btn:first-child::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: url(../img/top/apply-bubble2-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btnArea .top__btn:first-child::after {
    content: url(../img/top/apply-bubble2-pc.svg);
    left: 0;
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btnArea .top__btn:not(:first-child) {
    grid-column: 2/3;
  }
}
.--sp .top .apply__btn {
  filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.16));
  transition: ease-in-out 0.3s;
}
.--sp .top .apply__btn:first-child {
  position: relative;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btn:first-child {
    grid-row: 1/3;
  }
}
.--sp .top .apply__btn:first-child::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: url(../img/top/apply-bubble2-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btn:first-child::before {
    content: url(../img/top/apply-bubble2-pc.svg);
    left: 0;
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btn:not(:first-child) {
    grid-column: 2/3;
  }
}
.--sp .top .apply__btn:hover {
  transform: translate(6px, 6px);
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.16));
}
.--sp .top .apply__btn__wrap {
  display: grid;
  gap: 15px;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .--sp .top .apply__btn__wrap {
    grid-template-columns: 1fr calc(1fr + 10px);
    gap: 12px;
  }
}
.--sp .top .voice {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice {
    padding: 30px 0;
  }
}
.--sp .top .voice__text {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__text {
    font-size: 1.6rem;
  }
}
.--sp .top .voice__list {
  display: grid;
  gap: 20px;
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 135px;
  }
}
.--sp .top .voice__step {
  list-style: none;
  padding: 0;
  border: 4px solid #004098;
  border-radius: 20px;
  max-width: 335px;
  margin: 0 auto 85px;
  filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.16));
  background-color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__step {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: none;
    gap: 30px;
    margin-bottom: 95px;
  }
}
.--sp .top .voice__step li {
  padding: 25px;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__step li {
    padding: 25px 45px 50px;
  }
}
.--sp .top .voice__step li:has(.voice__step__arrow) {
  position: relative;
}
.--sp .top .voice__step__arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 101%;
  transform: translate(-50%, 50%);
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__step__arrow {
    bottom: auto;
    top: 50%;
    left: calc(100% + 15px);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 101%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__step__arrow img {
    height: 100%;
  }
}
.--sp .top .voice__step__text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8em;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__step__text {
    font-size: 1.8rem;
    gap: 0.2em;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .voice__step__text {
    font-size: 2.2rem;
  }
}
.--sp .top .voice__btnArea {
  display: grid;
  gap: 15px;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__btnArea {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__btnArea {
    max-width: 460px;
  }
}
.--sp .top .voice__btnArea::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: url(../img/top/voice-bubble5-sp.svg);
}
@media screen and (min-width: 768px) {
  .--sp .top .voice__btnArea::before {
    content: url(../img/top/voice-bubble5-pc.svg);
  }
}
.--sp .top .specialty {
  padding: 20px 0;
  background-color: #004098;
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty {
    padding: 30px 0;
  }
}
.--sp .top .specialty__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #FFC400;
  margin: 0 -2px;
  margin-bottom: calc(1em - 5px);
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty__title {
    font-size: 3rem;
  }
}
.--sp .top .specialty__list {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty__list {
    gap: 60px;
  }
}
.--sp .top .specialty__list__title {
  font-size: 2rem;
  font-weight: 700;
  color: #FFC400;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty__list__title {
    font-size: 2.4rem;
    gap: 20px;
  }
}
.--sp .top .specialty__list__title__wrap {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty__list__title__wrap {
    margin-bottom: 24px;
  }
}
.--sp .top .specialty__list__title__caution {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  position: absolute;
  top: 100%;
  left: 41px;
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty__list__title__caution {
    left: 56px;
  }
}
.--sp .top .specialty__list__text {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .--sp .top .specialty__list__text {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present {
    position: relative;
    width: fit-content;
    margin: 0 auto;
  }
}
.--sp .top .specialty .present__bubble {
  font-size: 1.8rem;
  font-weight: 700;
  color: #004098;
  text-align: center;
  border-radius: 10px;
  background-color: #FFC400;
  display: block;
  width: fit-content;
  padding: 0.2em 2em;
  margin: 0 auto -25px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present__bubble {
    position: absolute;
    top: -10px;
    left: -20px;
    padding: 0.5em;
  }
}
.--sp .top .specialty .present__bubble::before {
  position: absolute;
  top: 100%;
  right: 4em;
  transform: translate(2px, -0.01px);
  border-style: solid;
  border-width: 6px 7.5px;
  border-color: #FFC400 transparent transparent #FFC400;
  width: 0;
  height: 0;
  content: "";
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present__bubble::before {
    top: 50%;
    left: 100%;
    transform: translate(-3px, -50%);
    border-width: 7px 16px;
    border-color: transparent transparent transparent #FFC400;
  }
}
.--sp .top .specialty .present__bubble br {
  display: none;
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present__bubble br {
    display: block;
  }
}
.--sp .top .specialty .present__box {
  padding: 40px 15px 20px;
  background-color: #FFFFFF;
  border-radius: 20px;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present__box {
    padding: 20px 10px 10px 20px;
  }
}
.--sp .top .specialty .present__box__wrap {
  margin: 0 20px;
}
.--sp .top .specialty .present__price {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present__price {
    width: fit-content;
    padding-left: 70px;
  }
}
.--sp .top .specialty .present__price__inner {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
  gap: 5px;
}
@media (min-width: 768px) {
  .--sp .top .specialty .present__price__inner {
    gap: 10px;
  }
}
.--sp .top .specialty .present__price__inner span {
  margin-bottom: 7px;
}
.--sp .top .specialty .present__price__inner span:last-child {
  font-size: 1.8rem;
}
.--sp .top .specialty .present__caution {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333333;
}
@media (min-width: 1024px) {
  .--sp .top .specialty .present__caution {
    margin-top: 1.75em;
  }
}
.--sp .top .specialty .present__caution .br {
  display: none;
}
@media screen and (min-width: 1024px) {
  .--sp .top .specialty .present__caution .br {
    display: block;
  }
}
.--sp .top .specialty__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.--sp .top .specialty__inner img {
  width: 100%;
}
.--sp .top .specialty__inner figcaption {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  margin-top: 0.5em;
}
.--sp .top .specialty__inner figcaption > small {
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
}
.--sp .top .ac-toggler {
  cursor: pointer;
}
.--sp .top .ac-content {
  display: none;
}
.--sp .top .ac-arrow {
  position: absolute;
  transition: ease-in-out 0.3s;
}
.--sp .top .question {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .question {
    padding: 30px 0;
  }
}
.--sp .top .question__list {
  max-width: 540px;
  margin: 0 auto 40px;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__list {
    max-width: 700px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .question__list {
    max-width: 100%;
  }
}
.--sp .top .question__list > li {
  padding: 15px 0;
  border-bottom: 1px solid #D5D2D2;
}
.--sp .top .question__list > li:first-child {
  border-top: 1px solid #D5D2D2;
}
.--sp .top .question__qa {
  margin: 0;
}
.--sp .top .question__qa dt {
  padding-right: 30px;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__qa dt {
    padding-right: 55px;
  }
}
.--sp .top .question__qa dd {
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__qa dd {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .--sp .top .question__qa dd {
    padding-left: 40px;
    padding-right: 55px;
  }
}
.--sp .top .question__qa__text {
  position: relative;
  padding-left: 35px;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__qa__text {
    padding-left: 40px;
  }
}
.--sp .top .question__qa__text::before {
  font-size: 2.2rem;
  font-weight: 700;
  color: #004098;
  line-height: 1;
  position: absolute;
  top: 1px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__qa__text::before {
    font-size: 2.6rem;
  }
}
.--sp .top .question__qa__text--q {
  font-size: 1.6rem;
  font-weight: 700;
}
.--sp .top .question__qa__text--q::before {
  content: "Q.";
}
.--sp .top .question__qa__text--a {
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__qa__text--a {
    font-size: 1.6rem;
  }
}
.--sp .top .question__qa__text--a small {
  display: block;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .--sp .top .question__qa__text--a small {
    font-size: 1.2rem;
  }
}
.--sp .top .question__qa__text--a::before {
  content: "A.";
}
.--sp .top .question .ac-toggler {
  position: relative;
}
.--sp .top .question .ac-toggler::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #004098;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .--sp .top .question .ac-toggler::before {
    right: 20px;
  }
}
.--sp .top .question .ac-toggler::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  background-color: #004098;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .--sp .top .question .ac-toggler::after {
    right: 27px;
  }
}
.--sp .top .question .ac_open .ac-toggler::after {
  opacity: 0;
}
.--sp .top .question .estimate {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .--sp .top .question .estimate {
    line-height: 1.75;
  }
}
.--sp .top .question .estimate dt {
  font-weight: 500;
}
.--sp .top .question .estimate dd {
  font-weight: 500;
}
.--sp .top .side-nav {
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 20px;
  z-index: 10;
  transform: translateY(calc(100% + 20px));
  transition: ease-in-out 0.3s;
}
@media screen and (min-width: 768px) {
  .--sp .top .side-nav {
    bottom: auto;
    top: 150px;
    left: auto;
    width: fit-content;
    padding: 0;
    transform: translateX(150%);
  }
}
@media screen and (min-width: 992px) {
  .--sp .top .side-nav {
    top: 110px;
  }
}
.--sp .top .side-nav.visible {
  transform: none;
}
.--sp .top .side-nav li {
  text-align: center;
}
.--sp .top .side-nav li:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .--sp .top .side-nav__btn-sp {
    display: none;
  }
}
.--sp .top .side-nav__btn-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .--sp .top .side-nav__btn-pc {
    display: inline-block;
  }
}
.--sp .top #scrollBtn {
  bottom: 160px;
}
@media screen and (min-width: 768px) {
  .--sp .top #scrollBtn {
    bottom: 20px;
  }
}
.--sp .bannerArea {
  text-align: center;
  padding: 30px 0 20px;
}
.--sp .bannerArea__title {
  color: #004098;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .--sp .bannerArea__title {
    bottom: 3rem;
  }
}
.--sp .bannerArea__item {
  max-width: 768px;
  margin: 0 auto;
}
.--sp .bannerArea__item:hover img {
  filter: brightness(1.1);
}
.--sp .bannerArea__item img {
  transition: ease-in-out 0.3s;
}
.--sp .modal-cp-banner {
  cursor: pointer;
}
.--sp .modal-cp-content {
  max-width: 1000px;
}
@media screen and (min-width: 768px) {
  .--sp .modal-cp-content {
    padding: 40px 60px;
  }
}
.--sp .modal-cp-content-shadow {
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.25);
}
.--sp .modal-cp-content-shadow img {
  margin-top: -4%;
  margin-left: -2.5%;
  width: 102.5%;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .--sp .modal-cp-content-shadow img {
    margin-top: -1.5%;
    margin-left: 0%;
    width: auto;
    max-width: 100%;
  }
}
.--sp .modal-cp-content .modal-sections-h2 {
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .--sp .modal-cp-content .modal-sections-h2 {
    font-size: 29px;
  }
}
.--sp .modal-cp-content .modal-sections-dl-dt {
  font-size: 1.2rem;
  text-align: center;
  width: 80px;
}
@media screen and (min-width: 768px) {
  .--sp .modal-cp-content .modal-sections-dl-dt {
    font-size: 1.4rem;
    width: 100px;
  }
}
.--sp .modal-cp-content .modal-sections-dl-dd {
  font-weight: bold;
  background: #fff;
}
.--sp .modal-cp-content .modal-sections-dl-dd p, .--sp .modal-cp-content .modal-sections-dl-dd ul li {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .--sp .modal-cp-content .modal-sections-dl-dd p, .--sp .modal-cp-content .modal-sections-dl-dd ul li {
    font-size: 1.4rem;
  }
}
.--sp .gHeader-kitagasLogo {
  padding: 11px 0 12px;
}
.--sp .gNav-sub-li a {
  line-height: 1.7;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
.--sp .gNav-spMenu {
  list-style: none;
  padding: 0;
}
.--sp .gNav-spMenu li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  line-height: 1.7;
}/*# sourceMappingURL=sp-header.css.map */