@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-sp {
    display: block;
  }
}

/* base */
a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  a:hover {
    opacity: 1;
  }
}

.l-inner {
  width: 100%;
  max-width: 1040px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .l-inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* box */
.box {
  background: #CFB030;
  padding: 24px 24px 15px 15px;
}
@media screen and (max-width: 1024px) {
  .box {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 768px) {
  .box {
    padding: 6.7632850242vw 3.6231884058vw 6.038647343vw;
  }
}
.box img {
  width: 100%;
}

.box__content {
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(111, 95, 41, .3);
          box-shadow: 0 0 15px rgba(111, 95, 41, .3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 35px 30px 27px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .box__content {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  .box__content {
    display: block;
    -webkit-box-shadow: 0 0 3.6231884058vw rgba(111, 95, 41, .3);
            box-shadow: 0 0 3.6231884058vw rgba(111, 95, 41, .3);
    padding: 4.1062801932vw 2.8985507246vw 7.2463768116vw;
  }
}
.box__content::before, .box__content::after {
  position: absolute;
  content: "";
  border-right: 23px solid transparent;
  border-bottom: 23px solid #987F14;
  border-left: 23px solid transparent;
}
@media screen and (max-width: 768px) {
  .box__content::before, .box__content::after {
    border-right: 6.038647343vw solid transparent;
    border-bottom: 6.038647343vw solid #987F14;
    border-left: 6.038647343vw solid transparent;
  }
}
.box__content::before {
  left: -16px;
  top: -9px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .box__content::before {
    left: -4.1062801932vw;
    top: -2.4154589372vw;
  }
}
.box__content::after {
  right: -16px;
  bottom: -9px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
  .box__content::after {
    right: -4.1062801932vw;
    bottom: -2.4154589372vw;
  }
}

.box__body {
  width: 57%;
}
@media screen and (max-width: 768px) {
  .box__body {
    width: 100%;
  }
}

.box__text {
  text-align: center;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #000;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .box__text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .box__text {
    font-size: 4.347826087vw;
    margin-right: 0;
  }
}
.box__text span {
  color: #987F14;
}

.box__img {
  text-align: center;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .box__img {
    margin-top: 4.1062801932vw;
  }
}

.box__btns {
  width: 40%;
  padding-top: 20px;
}
@media screen and (max-width: 1024px) {
  .box__btns {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .box__btns {
    width: 100%;
    margin-top: 2.4154589372vw;
  }
}

.box__btn a {
  display: block;
}
.box__btn:first-child {
  width: 99%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .box__btn:first-child {
    width: 100%;
  }
}
.box__btn:nth-child(2) {
  width: 100%;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .box__btn:nth-child(2) {
    margin-top: 1.9323671498vw;
  }
}
.box__btn:last-child {
  width: 100%;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .box__btn:last-child {
    margin-top: 1.9323671498vw;
  }
}

/* header */
.header {
  height: 80px;
  padding: 6px 19px 0 23px;
}
@media screen and (max-width: 768px) {
  .header {
    height: 16.9082125604vw;
    padding: 1.4492753623vw 3.8647342995vw 0 3.3816425121vw;
  }
}
.header::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #253350;
}
@media screen and (max-width: 768px) {
  .header::after {
    height: 1.4492753623vw;
  }
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  width: 100%;
}

.header__logo {
  width: 150px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 35.7487922705vw;
  }
}
.header__logo a {
  display: block;
}

.header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 75%;
}
.header__btns a {
  display: block;
}

.header__tel {
  width: 272px;
}
@media screen and (max-width: 768px) {
  .header__tel {
    width: 11.1111111111vw;
  }
}

.header__btns {
  margin-left: 28px;
}
@media screen and (max-width: 768px) {
  .header__btns {
    margin-left: 0.9661835749vw;
  }
}

.header__btn {
  width: 194px;
}
@media screen and (max-width: 1024px) {
  .header__btn {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  .header__btn {
    width: 11.1111111111vw;
  }
}
.header__btn:last-child {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .header__btn:last-child {
    margin-left: 0.9661835749vw;
  }
}

/* main */
@media screen and (max-width: 768px) {
  .main {
    margin-top: 16.9082125604vw;
  }
}

/* section-subtitle */
.section-subtitle {
  text-align: center;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .section-subtitle {
    font-size: 4.8309178744vw;
    margin-top: 0.4830917874vw;
  }
}

/* section-title */
.section-title {
  text-align: center;
  font-size: 64px;
  font-size: 4rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .section-title {
    font-size: 9.6618357488vw;
  }
}
.section-title::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 50px;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .section-title::before {
    height: 0.7246376812vw;
    width: 12.077294686vw;
    top: -2.4154589372vw;
  }
}

/* case */
.case {
  background: #E7E7E7;
  padding: 60px 0 48px;
}
@media screen and (max-width: 768px) {
  .case {
    padding: 10.38647343vw 0 8.9371980676vw;
  }
}

.case__title {
  text-align: center;
  color: #253350;
  font-size: 46.4px;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .case__title {
    font-size: 7.0048309179vw;
  }
}

.case__item {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .case__item {
    margin-top: 8.4541062802vw;
  }
}

.case__item-header {
  text-align: center;
}

.case__item-title {
  display: inline-block;
  color: #A92A28;
  font-size: 38.4px;
  font-size: 2.4rem;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  .case__item-title {
    font-size: 5.7971014493vw;
  }
}
.case__item-title::before, .case__item-title::after {
  position: absolute;
  content: "";
  width: 38px;
  background: #A92A28;
  height: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .case__item-title::before, .case__item-title::after {
    width: 9.1787439614vw;
    height: 0.2415458937vw;
  }
}
.case__item-title:before {
  left: -70px;
}
@media screen and (max-width: 768px) {
  .case__item-title:before {
    left: -16.9082125604vw;
  }
}
.case__item-title::after {
  right: -70px;
}
@media screen and (max-width: 768px) {
  .case__item-title::after {
    right: -16.9082125604vw;
  }
}

.case__item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  margin-top: 20px;
  padding: 30px 22px;
}
@media screen and (max-width: 768px) {
  .case__item-box {
    display: block;
    margin-top: 4.8309178744vw;
    padding: 7.2463768116vw 5.3140096618vw;
  }
}

.case__item-list {
  width: 56%;
}
@media screen and (max-width: 768px) {
  .case__item-list {
    width: 100%;
  }
}

.case__item-list-item {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #253350;
  border-bottom: 1px dashed #987F14;
  padding-left: 25px;
  padding-bottom: 13px;
  background: url(../img/check-icon.png) no-repeat top 7px left/18px;
}
@media screen and (max-width: 768px) {
  .case__item-list-item {
    font-size: 4.347826087vw;
    border-bottom: 0.2415458937vw dashed #987F14;
    padding-left: 6.038647343vw;
    padding-bottom: 2.8985507246vw;
    background: url(../img/check-icon.png) no-repeat top 1.690821256vw left/4.347826087vw;
  }
}
.case__item-list-item + .case__item-list-item {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .case__item-list-item + .case__item-list-item {
    margin-top: 4.8309178744vw;
  }
}

.case__item-text {
  width: 42%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .case__item-text {
    width: 100%;
    font-size: 3.8647342995vw;
    margin-top: 6.038647343vw;
  }
}
.case__item-text .bg-yellow {
  background: #FFF500;
}
.case__item-text .color-red {
  color: #A92A28;
}

/* contact */
.contact .contact__form form > p {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .contact .contact__form form > p {
    margin-top: 2.4154589372vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .contact__sub {
    text-align: left;
  }
}
.contact .contact__form {
  padding-bottom: 40px;
  max-width: 98%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contact .contact__form {
    padding-bottom: 9.6618357488vw;
  }
}

/* example */
.example {
  background: #253350;
  padding: 73px 0 77px;
}
@media screen and (max-width: 768px) {
  .example {
    padding: 14.0096618357vw 0 15.7004830918vw;
  }
}

.example__title {
  color: #fff;
}
.example__title::before {
  background: #fff;
}

.example__subtitle {
  color: #fff;
}

.example__items {
  margin-top: 52px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .example__items {
    margin-top: 9.6618357488vw;
  }
}

.example__item + .example__item {
  margin-top: 47px;
}
@media screen and (max-width: 768px) {
  .example__item + .example__item {
    margin-top: 10.8695652174vw;
  }
}

.example__item-inner {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 12px);
  padding: 20px 15px 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .example__item-inner {
    display: block;
    width: calc(100% - 3.38164vw);
    padding: 6.5217391304vw 4.8309178744vw 3.6231884058vw;
  }
}
.example__item-inner::after {
  position: absolute;
  content: "";
  right: -15px;
  bottom: -15px;
  width: 100%;
  height: 100%;
  border: 1px solid #CEAF30;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .example__item-inner::after {
    right: -3.3816425121vw;
    bottom: -4.8309178744vw;
    border: 0.2415458937vw solid #CEAF30;
  }
}

.example__item-imgs {
  width: 34%;
}
@media screen and (max-width: 1024px) {
  .example__item-imgs {
    width: 44%;
  }
}
@media screen and (max-width: 768px) {
  .example__item-imgs {
    width: 100%;
  }
}

.example__item-flex {
  font-family: "Noto Sans JP", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .example__item-flex {
    margin-top: 4.1062801932vw;
  }
}

.example__item-info {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .example__item-info {
    padding-top: 2.4154589372vw;
  }
}

.example__item-type {
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 22px;
  padding: 6px 10px;
  min-width: 148px;
  background: #253350;
}
@media screen and (max-width: 768px) {
  .example__item-type {
    font-size: 3.8647342995vw;
    border-radius: 5.3140096618vw;
    min-width: 35.7487922705vw;
    padding: 1.4492753623vw 2.4154589372vw;
  }
}

.example__item-address {
  font-size: 25.6px;
  font-size: 1.6rem;
  color: #253350;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .example__item-address {
    font-size: 3.8647342995vw;
    margin-top: 1.2077294686vw;
  }
}

.example__item-prices {
  color: #253350;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .example__item-prices {
    margin-left: 1.2077294686vw;
  }
}

.example__item-damage {
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .example__item-damage {
    font-size: 3.8647342995vw;
  }
}

.example__item-price {
  line-height: 1;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .example__item-price {
    font-size: 6.7632850242vw;
  }
}
.example__item-price span:first-child {
  font-size: 86.4px;
  font-size: 5.4rem;
}
@media screen and (max-width: 768px) {
  .example__item-price span:first-child {
    font-size: 12.8019323671vw;
  }
}
.example__item-price span:last-child {
  font-size: 32px;
  font-size: 2rem;
  margin-left: 5px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .example__item-price span:last-child {
    margin-left: 1.2077294686vw;
    font-size: 4.8309178744vw;
  }
}

.example__item-text {
  width: 28%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22.4px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  color: #253350;
  line-height: 1.95;
  margin-left: 22px;
}
@media screen and (max-width: 1024px) {
  .example__item-text {
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .example__item-text {
    width: 100%;
    font-size: 3.3816425121vw;
    margin-left: 0;
    margin-top: 2.4154589372vw;
  }
}

.example__item-body {
  width: 32%;
  margin-left: 25px;
}
@media screen and (max-width: 1024px) {
  .example__item-body {
    width: 28%;
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .example__item-body {
    width: 100%;
    margin-left: 0;
    margin-top: 6.5217391304vw;
  }
}

.example__item-subtitle {
  background: #987F14;
  color: #fff;
  text-align: center;
}
.example__item-subtitle span {
  display: inline-block;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  padding: 13px 0 13px 50px;
  background: url(../img/example-icon.png) no-repeat center left 5px/34px;
}
@media screen and (max-width: 768px) {
  .example__item-subtitle span {
    font-size: 4.8309178744vw;
    padding: 3.1400966184vw 7.2463768116vw 3.1400966184vw 12.077294686vw;
    background: url(../img/example-icon.png) no-repeat center left 0.1470588235;
  }
}

.example__item-subtext {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #A92A28;
  padding-left: 5px;
  padding-right: 23px;
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .example__item-subtext {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .example__item-subtext {
    font-size: 3.8647342995vw;
    margin-top: 3.6231884058vw;
  }
}

@media screen and (max-width: 768px) {
  .example__item-refund {
    width: 72.4637681159vw;
    margin: 0 auto;
  }
}

/* flow */
.flow {
  padding: 55px 0 70px;
}
@media screen and (max-width: 768px) {
  .flow {
    padding: 13.2850241546vw 0 9.6618357488vw;
  }
}
.flow .block07__list:last-child::after {
  height: 85%;
}
.flow .block07__list dl dd {
  letter-spacing: 0.07em;
}

h2.flow__title {
  text-align: center;
  font-size: 64px;
  font-size: 4rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  position: relative;
}
h2.flow__title::before {
  background: #fff;
}

p.flow__subtitle {
  text-align: center;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 30px;
  background: unset;
}

/* lawyer */
@media screen and (max-width: 768px) {
  .lawyer__inner {
    padding: 0;
  }
}

.lawyer__box {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .lawyer__box {
    margin: 0 0 10.8695652174vw;
  }
}

.lawyer__title::before {
  background: #253350;
}

@media screen and (max-width: 768px) {
  .lawyer__subtitle {
    margin-bottom: 4.8309178744vw;
  }
}

/* message */
.message {
  background: #253350;
  padding-top: 37px;
}
@media screen and (max-width: 768px) {
  .message {
    padding: 8.9371980676vw 0 9.6618357488vw;
    position: relative;
  }
}

.message__inner {
  max-width: 780px;
}
@media screen and (max-width: 768px) {
  .message__inner {
    position: relative;
    z-index: 3;
  }
}

.message__icon {
  width: 58px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .message__icon {
    width: 14.0096618357vw;
  }
}

.message__title {
  text-align: center;
  font-size: 46.4px;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 1.4;
  color: #FFF500;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .message__title {
    font-size: 7.0048309179vw;
    margin-top: 1.690821256vw;
  }
}

.message__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .message__flex {
    margin-top: 7.2463768116vw;
  }
}

.message__texts {
  width: 65%;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .message__texts {
    width: 100%;
    padding-top: 0;
  }
}

.message__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  color: #fff;
  width: 385px;
  letter-spacing: 0.05em;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .message__text {
    font-size: 3.8647342995vw;
  }
}
.message__text span {
  color: #FFF500;
}

.message__subtext {
  display: inline-block;
  background: #fff;
  color: #253350;
  font-size: 46.4px;
  font-size: 2.9rem;
  font-weight: 700;
  margin-top: 18px;
  padding: 5px 15px 5px 10px;
}
@media screen and (max-width: 768px) {
  .message__subtext {
    font-size: 7.0048309179vw;
    background: unset;
    padding: 0;
    margin-top: 7.2463768116vw;
  }
}
@media screen and (max-width: 768px) {
  .message__subtext span {
    background: #fff;
    padding: 1.4492753623vw 2.8985507246vw;
    display: inline-block;
  }
  .message__subtext span:nth-of-type(2) {
    margin-top: 1.9323671498vw;
  }
}
.message__subtext .color-red {
  color: #A92A28;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .message__subtext .color-red {
    margin-left: 0;
    padding: 0;
  }
}

.message__img {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .message__img {
    width: 56.7632850242vw;
    position: absolute;
    right: 0;
    bottom: -9.6618357488vw;
    z-index: -1;
  }
}

/* mv */
@media screen and (max-width: 768px) {
  .mv__inner {
    padding: 0;
  }
}

.mv__content {
  background: url(../img/mv-bg02.png) no-repeat center/cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mv__content {
    height: 149.0338164251vw;
    background: url(../img/mv-img01_sp.png) no-repeat center/contain;
    margin-bottom: -5px;
  }
}
.mv__content::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  z-index: 2;
  height: 131px;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../img/mv-bg01.png) no-repeat center bottom/cover;
}
@media screen and (max-width: 1024px) {
  .mv__content::before {
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .mv__content::before {
    display: none;
  }
}

.mv__img01 {
  max-width: 100%;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .mv__img01 {
    width: 750px;
  }
}
@media screen and (max-width: 768px) {
  .mv__img01 {
    width: 100%;
  }
}

.mv__img02 {
  width: 960px;
  max-width: 100%;
  margin: 20px auto -5px;
  position: relative;
  z-index: 1;
}

.mv__text {
  text-align: center;
  color: #fff;
  background: #253350;
  font-size: 36.8px;
  font-size: 2.3rem;
  font-weight: 900;
  padding: 11px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .mv__text {
    font-size: 5.5555555556vw;
    padding: 2.6570048309vw 0;
  }
}
.mv__text span {
  color: #FFFF00;
}

.mv__box {
  margin: 29px 0 23px;
}
@media screen and (max-width: 768px) {
  .mv__box {
    margin: 0;
  }
}

/* price */
.price {
  background: #F4F7FD;
  padding: 65px 0 64px;
}
@media screen and (max-width: 768px) {
  .price {
    padding: 15.7004830918vw 0 9.6618357488vw;
  }
}

.price__inner {
  max-width: 880px;
}

.price__title {
  color: #253350;
}
.price__title::before {
  background: #253350;
}

.price__subtitle {
  color: #253350;
}

.price__text {
  text-align: center;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #253350;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .price__text {
    font-size: 4.347826087vw;
    margin-top: 9.6618357488vw;
  }
}
.price__text .border {
  border-bottom: 1px solid #253350;
}
@media screen and (max-width: 768px) {
  .price__text .border {
    border-bottom: 0.2415458937vw solid #253350;
  }
}
.price__text .color-red {
  color: #A92A28;
}

.price__img {
  width: 508px;
  max-width: 100%;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .price__img {
    width: 120.7729468599vw;
    margin-top: 7.2463768116vw;
  }
}

.price__item {
  width: 780px;
  max-width: 100%;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .price__item {
    margin-top: 7.2463768116vw;
  }
}
.price__item img {
  -webkit-box-shadow: 0 0 11px rgba(37, 51, 80, .2);
          box-shadow: 0 0 11px rgba(37, 51, 80, .2);
}
@media screen and (max-width: 768px) {
  .price__item img {
    -webkit-box-shadow: 0 0 2.6570048309vw rgba(37, 51, 80, .2);
            box-shadow: 0 0 2.6570048309vw rgba(37, 51, 80, .2);
  }
}

.price__subtext {
  font-size: 22.4px;
  font-size: 1.4rem;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .price__subtext {
    font-size: 3.3816425121vw;
    white-space: nowrap;
    margin-top: 3.6231884058vw;
  }
}

/* strength */
.strength {
  padding: 65px 0 60px;
  background: url(../img/strength-bg_pc.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .strength {
    padding: 15.7004830918vw 0 12.077294686vw;
  }
}

.strength__title {
  color: #fff;
}
.strength__title::before {
  background: #fff;
}

.strength__subtitle {
  color: #fff;
}

.strength__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .strength__items {
    display: block;
    margin-top: 13.2850241546vw;
  }
}

.strength__item {
  background: #fff;
  width: calc(33.33333% - 11.33333px);
  padding: 10px 10px 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .strength__item {
    width: 100%;
    padding: 2.6570048309vw 2.6570048309vw 4.1062801932vw;
  }
  .strength__item + .strength__item {
    margin-top: 7.2463768116vw;
  }
}
.strength__item:not(:nth-child(3n+1)) {
  margin-left: 17px;
}
@media screen and (max-width: 768px) {
  .strength__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}

.strength__item-number {
  position: absolute;
  left: 0;
  top: 0;
  background: #987F14;
  color: #fff;
  font-size: 36.8px;
  font-size: 2.3rem;
  font-weight: 700;
  width: 40px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .strength__item-number {
    font-size: 5.5555555556vw;
    width: 11.5942028986vw;
    height: 11.5942028986vw;
    padding-bottom: 1.2077294686vw;
  }
}

.strength__item-title {
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #253350;
  margin-top: 12px;
  min-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .strength__item-title {
    font-size: 5.3140096618vw;
    margin-top: 3.6231884058vw;
    min-height: 10.8695652174vw;
  }
}

.strength__item-text {
  color: #000;
  font-size: 22.4px;
  font-size: 1.4rem;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .strength__item-text {
    font-size: 3.3816425121vw;
    margin-top: 2.4154589372vw;
  }
}

/* support */
.support__content {
  padding-top: 30px;
  background: url(../img/support-bg_pc.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .support__content {
    padding: 6.038647343vw 0 6.038647343vw;
    background: url(../img/support-bg_sp.png) no-repeat center/cover;
  }
}

.support__inner {
  max-width: 715px;
}

.support__title {
  color: #987F14;
  font-size: 59.2px;
  font-size: 3.7rem;
  line-height: 1.25;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .support__title {
    font-size: 8.9371980676vw;
  }
}

.support__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .support__flex {
    display: block;
    margin-top: 3.1400966184vw;
    padding-right: 0;
  }
}

.support__texts {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .support__texts {
    width: 100%;
  }
}

.support__subtitle {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .support__subtitle {
    margin-top: 0;
  }
}
.support__subtitle span {
  display: inline-block;
  font-size: 41.6px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background: #253350;
  padding: 0 2px;
}
@media screen and (max-width: 768px) {
  .support__subtitle span {
    white-space: nowrap;
    font-size: 6.2801932367vw;
    padding: 0 0.4830917874vw;
  }
}
.support__subtitle span:last-child {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .support__subtitle span:last-child {
    margin-top: 0.4830917874vw;
  }
}

.support__text {
  width: 400px;
  max-width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22.4px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .support__text {
    width: 51.9323671498vw;
    font-size: 3.3816425121vw;
    line-height: 1.65;
    margin-top: 3.6231884058vw;
  }
}
.support__text span {
  color: #A92A28;
}

.support__img {
  width: 220px;
  max-width: 100%;
  margin-bottom: -5px;
}
@media screen and (max-width: 768px) {
  .support__img {
    position: absolute;
    z-index: 3;
    width: 53.1400966184vw;
    right: -12.077294686vw;
    bottom: -7.2463768116vw;
    margin-bottom: 0;
  }
}

.support__box {
  margin: 30px 0;
}
@media screen and (max-width: 768px) {
  .support__box {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .support__box-inner {
    padding: 0;
  }
}
/*# sourceMappingURL=top.css.map */