@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular_sub.woff2") format("woff2"), url("../font/NotoSansJP-Regular_sub.woff") format("woff"), url("../font/NotoSansJP-Regular_sub.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: bold;
  font-weight: 700;
  src: url("../font/NotoSansJP-Bold_sub.woff2") format("woff2"), url("../font/NotoSansJP-Bold_sub.woff") format("woff"), url("../font/NotoSansJP-Bold_sub.ttf") format("truetype");
}
@font-face {
  font-family: "Shippori Antique B1";
  font-style: normal;
  font-weight: 400;
  src: url("../font/ShipporiAntiqueB1-Regular_sub.woff2") format("woff2"), url("../font/ShipporiAntiqueB1-Regular_sub.woff") format("woff"), url("../font/ShipporiAntiqueB1-Regular_sub.ttf") format("truetype");
}
html, body {
  width: 100%;
  font-size: 1.3333333333vw;
  line-height: 1;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
  margin: 0 auto;
  letter-spacing: 0.06em;
}

a {
  color: #333;
  text-decoration: none;
}

a[href^="tel:"] {
  pointer-events: none;
}

img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

p {
  margin: 0;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

button[disabled] {
  cursor: not-allowed;
}
button[disabled] img {
  filter: grayscale(100%);
}

.sp_only {
  display: none !important;
}

#wrapper {
  margin: 0 auto;
  position: relative;
}

#fv {
  background-size: 150vw auto;
  min-width: 90vw;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#fv .fv_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#fv .fv_bg img {
  width: 150vw;
  height: auto;
}
#fv .contents {
  margin: auto;
  position: relative;
  width: 90vw;
  height: 59.5vw;
}
#fv .fv_txt01, #fv .fv_txt02, #fv .fv_txt03, #fv .fv_txt04, #fv .fv_txt05 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: italic;
  font-weight: bold;
  position: absolute;
}
#fv .fv_txt01 {
  position: absolute;
  color: #004831;
  top: 11.1666666667vw;
  left: 3.6666666667vw;
  font-size: 2.3333333333vw;
}
#fv .fv_txt02 {
  color: #fcee21;
  top: 9.9166666667vw;
  left: 4.1666666667vw;
  font-size: 5.8333333333vw;
}
#fv .fv_txt02 span {
  position: relative;
  font-family: "Shippori Antique B1", sans-serif;
  font-size: 11.1666666667vw;
  top: 0.1666666667vw;
}
#fv .fv_txt02 small {
  color: #fff;
}
#fv .fv_txt03 {
  color: #fff;
  top: 22.5vw;
  left: 5vw;
  font-size: 7.1666666667vw;
}
#fv .fv_txt04 {
  color: #fff;
  font-style: normal;
  top: 32.1666666667vw;
  left: 5vw;
  font-size: 2.25vw;
}
#fv .fv_txt04 span {
  color: #fcee21;
  font-style: italic;
  font-size: 2.9166666667vw;
}
#fv .fv_txt04 span:nth-of-type(1) {
  position: relative;
  font-weight: normal;
  font-family: "Shippori Antique B1", sans-serif;
  font-size: 3.3333333333vw;
  top: 0.1666666667vw;
}
#fv .fv_txt05 {
  color: #fff;
  font-style: normal;
  top: 37.6666666667vw;
  left: 5vw;
  font-size: 2.25vw;
}
#fv .fv_txt05 span {
  font-size: larger;
}
#fv .btn {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 42.9166666667vw;
  width: 51.0833333333vw;
}
#fv .btn a {
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.6));
  transition: all 0.7s ease-in-out;
  opacity: 0;
  transform: scale(0);
  display: block;
}
#fv .btn a.active {
  transition: all 0.7s ease-in-out;
  opacity: 1;
  transform: scale(1);
}
#fv .btn p {
  left: 0;
  right: 0;
  margin: auto;
  width: 15.5vw;
  padding-top: 0.8333333333vw;
}

#chk {
  background: #EDFBE1;
  padding: 8.3333333333vw 0 21.25vw;
  margin: -7.9166666667vw 0 0;
}

.chk_wrap {
  width: 90vw;
  margin: 0 auto;
  padding: 0 0 5vw;
  position: relative;
  background: #fff;
  border-radius: 1.6666666667vw;
  filter: drop-shadow(0vw 0vw 0.8333333333vw rgba(0, 0, 0, 0.2));
}
.chk_wrap .chk_inner {
  padding: 3.3333333333vw 0 0 4.8333333333vw;
}
.chk_wrap .title {
  margin: 0 auto 2.0833333333vw;
}
.chk_wrap .option {
  display: flex;
  flex-flow: row wrap;
  width: 75vw;
  margin: 0 auto;
  gap: 2.5vw 2.5vw;
}
.chk_wrap .option li {
  width: 23.3333333333vw;
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.2));
}
.chk_wrap .option button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.chk_wrap .item {
  margin: 0 0 1.0833333333vw;
}
.chk_wrap .field img {
  margin: 0 0 1.1666666667vw 0.5833333333vw;
}
.chk_wrap input[type=text] {
  width: 16.6666666667vw;
  height: 5.8333333333vw;
  border: 0.0833333333vw solid #999;
  border-radius: 0.5vw;
  margin: 0 0 1.0833333333vw;
  font-size: 2.3333333333vw;
  padding: 0 0 0 1.5vw;
}
.chk_wrap input[type=text]::-moz-placeholder {
  color: #ccc;
}
.chk_wrap input[type=text]::placeholder {
  color: #ccc;
}
.chk_wrap .age .item {
  width: 10.8333333333vw;
}
.chk_wrap .age .field img {
  width: 1.9166666667vw;
}
.chk_wrap .age .note {
  width: 16.25vw;
}
.chk_wrap .income .item {
  width: 15.1666666667vw;
}
.chk_wrap .income .field img {
  width: 3.75vw;
}
.chk_wrap .income .note {
  width: 16.25vw;
}
.chk_wrap .amount .item {
  width: 17.3333333333vw;
}
.chk_wrap .amount .field img {
  width: 3.75vw;
}
.chk_wrap .amount .note {
  width: 28.3333333333vw;
}
.chk_wrap button {
  display: block;
  width: 40vw;
  margin: 3.5833333333vw auto 0;
  border: none;
  background: none;
}
.chk_wrap button:hover {
  opacity: 0.8;
}
.chk_wrap .back_btn {
  width: 12.5vw;
  height: 5vw;
  margin: 3.3333333333vw auto 0;
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.2));
}
.chk_wrap .back_btn button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.chk_wrap .step1 .title {
  width: 32.1666666667vw;
}
.chk_wrap .step1 .option {
  width: 49.1666666667vw;
}
.chk_wrap .step2 {
  display: none;
}
.chk_wrap .step2 .title {
  width: 30vw;
}
.chk_wrap .step3 {
  display: none;
}
.chk_wrap .step3 .title {
  width: 50.9166666667vw;
}

#reason {
  background: url(../img/reason_bg.png) no-repeat center 0;
  padding: 16.6666666667vw 0 6vw;
  margin: -18.75vw 0 0;
}
#reason h2 {
  width: 53.3333333333vw;
  margin: 0 auto 4.75vw;
}
#reason ul {
  display: flex;
  flex-direction: column;
  width: 90vw;
  margin: 0 auto 2.6666666667vw;
  gap: 1.6666666667vw;
}
#reason li {
  width: 90vw;
  filter: drop-shadow(0vw 0vw 0.8333333333vw rgba(0, 0, 0, 0.2));
}
#reason .r_not {
  width: 30.6666666667vw;
  margin: 0 auto 4.9166666667vw;
}
#reason .inner {
  width: 90vw;
  margin: 0 auto 4.1666666667vw;
  box-shadow: 0vw 0vw 0.8333333333vw rgba(0, 0, 0, 0.2);
}
#reason .r_trigger {
  cursor: pointer;
  position: relative;
}
#reason .r_trigger.active::after {
  transform: rotate(0);
}
#reason .r_trigger:hover {
  opacity: 0.8;
}
#reason .r_trigger::before, #reason .r_trigger::after {
  content: "";
  display: block;
  width: 3.1666666667vw;
  height: 0.3333333333vw;
  background: #fff;
  position: absolute;
  top: 8.1666666667vw;
  right: 4vw;
  transition: all 0.3s;
}
#reason .r_trigger::after {
  transform: rotate(90deg);
}
#reason .r_close {
  cursor: pointer;
  position: relative;
}
#reason .r_close:hover {
  opacity: 0.8;
}
#reason .r_contents {
  display: none;
}

#reason01 .r_contents {
  display: block;
  padding: 5.6666666667vw 0 0;
}
#reason01 .img-1 {
  position: relative;
  width: 84vw;
  margin: 0 0 5.6666666667vw 4.1666666667vw;
}
#reason01 .img-1 .btn {
  position: absolute;
  width: 29.9166666667vw;
  top: 1.6666666667vw;
  right: 12.5vw;
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.6));
}
#reason01 .img-2 {
  width: 73.3333333333vw;
  margin: 0 auto 4.1666666667vw;
}

#reason02 .r_contents {
  padding: 5.25vw 0 0;
}
#reason02 .img-1 {
  width: 81.6666666667vw;
  margin: 0 auto;
}
#reason02 .img-2 {
  width: 68.3333333333vw;
  margin: 4.8333333333vw auto 5.6666666667vw;
}
#reason02 .img-3 {
  width: 56.4166666667vw;
  margin: 0 auto 6.6666666667vw;
}

#reason03 .r_contents {
  padding: 5.25vw 0 0;
}
#reason03 .img-1 {
  width: 79.1666666667vw;
  margin: 0 auto;
}
#reason03 .img-1 .btn {
  width: 38.3333333333vw;
  margin: 3.5833333333vw auto 0;
}
#reason03 .img-1 .btn:hover {
  opacity: 0.8;
}
#reason03 .img-2 {
  width: 81.75vw;
  margin: 5.9166666667vw auto 5.6666666667vw;
}
#reason03 .img-3 {
  width: 78.1666666667vw;
  margin: 0 auto 5.1666666667vw;
}

#reason04 .r_contents {
  padding: 4.75vw 0 0;
}
#reason04 .img-1 {
  width: 83.6666666667vw;
  margin: 0 auto 5.6666666667vw;
}

#reason05 .r_contents {
  padding: 5.75vw 0 0;
}
#reason05 .img-1 {
  width: 72.5833333333vw;
  margin: 0 auto 7.75vw;
}

#cta {
  background: #EDFBE1;
  padding: 5.8333333333vw 0 5.25vw;
}
#cta p {
  width: 32.5833333333vw;
  margin: 0 auto 1.3333333333vw;
}
#cta .btn {
  width: 42.1666666667vw;
  margin: 0 auto;
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.6));
}
#cta .btn:hover {
  opacity: 0.8;
}

#voice {
  padding: 9vw 0 13.6666666667vw;
}
#voice h2 {
  width: 45.0833333333vw;
  margin: 0 auto 5.3333333333vw;
}
#voice .voice_slide {
  width: 90vw;
  margin: 0 auto;
}
#voice .voice_slide .slick-list {
  padding-top: 1.6666666667vw !important;
  padding-bottom: 1.6666666667vw !important;
}
#voice .voice_slide .slick-slide {
  opacity: 0.6;
  margin: 0 2.5vw;
}
#voice .voice_slide .slick-slide.slick-current {
  opacity: 1;
}
#voice .voice_slide .slick-slide img {
  filter: drop-shadow(0vw 0vw 0.8333333333vw rgba(0, 0, 0, 0.2));
}
#voice .voice_slide .slick-prev {
  z-index: 90;
  left: 12.5vw;
}
#voice .voice_slide .slick-prev::before {
  content: "";
  display: block;
  background: url(../img/prev.png) no-repeat center 0/100%;
  width: 1.8333333333vw;
  height: 4.3333333333vw;
}
#voice .voice_slide .slick-next {
  z-index: 90;
  right: 12.5vw;
}
#voice .voice_slide .slick-next::before {
  content: "";
  display: block;
  background: url(../img/next.png) no-repeat center 0/100%;
  width: 1.8333333333vw;
  height: 4.3333333333vw;
}
#voice .voice_slide .slick-dots {
  bottom: -4.5833333333vw;
}
#voice .voice_slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  margin: 0 0.8333333333vw;
  padding: 0;
  cursor: pointer;
}
#voice .voice_slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  padding: 0vw;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}
#voice .voice_slide .slick-dots li button::before {
  font-family: slick;
  font-size: 1vw;
  line-height: 1.6666666667vw;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  content: "•";
  text-align: center;
  opacity: 1;
  color: #C3DA30;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#voice .voice_slide .slick-dots li.slick-active button::before {
  color: #004831;
}

#qanda {
  background: #F2F2F2;
  padding: 7.75vw 0 11.4166666667vw;
}
#qanda .sect_title {
  width: 23.9166666667vw;
  margin: 0 auto 6.1666666667vw;
}
#qanda ul {
  width: 83.3333333333vw;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  gap: 1.6666666667vw 0;
}
#qanda li {
  width: 100%;
  letter-spacing: 0;
}
#qanda div[itemprop=name] {
  color: #fff;
  background: #004831 url(../img/q.png) no-repeat 2.25vw center/1.9166666667vw;
  font-weight: 700;
  font-size: 2vw;
  line-height: 2.5vw;
  padding: 1.25vw 0 1.25vw 6.1666666667vw;
  position: relative;
  cursor: pointer;
}
#qanda div[itemprop=name].active {
  margin-bottom: 0;
}
#qanda div[itemprop=name].active::after {
  transform: rotate(0);
}
#qanda div[itemprop=name]:hover {
  opacity: 0.8;
}
#qanda div[itemprop=name]::before, #qanda div[itemprop=name]::after {
  content: "";
  display: block;
  width: 2.5vw;
  height: 0.25vw;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 3.1666666667vw;
  transition: all 0.3s;
}
#qanda div[itemprop=name]::after {
  transform: rotate(90deg);
}
#qanda div[itemprop=acceptedAnswer] {
  background: #FFF url(../img/a.png) no-repeat 3.8333333333vw 2.75vw/2vw;
  font-size: 1.4166666667vw;
  line-height: 2.5vw;
  padding: 2.8333333333vw 0 3.8333333333vw 7.5vw;
  display: none;
}
#qanda div[itemprop=acceptedAnswer] p {
  width: 72.5vw;
}
#qanda div[itemprop=acceptedAnswer] span {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

#detail {
  padding: 7.5vw 0 7vw;
  position: relative;
}
#detail .sect_title {
  text-align: center;
  font-size: 2.3333333333vw;
  color: #004831;
  letter-spacing: 0.06em;
  margin: 0 0 5vw;
}
#detail .inner {
  width: 78.3333333333vw;
  margin: 0 auto;
}
#detail h3 {
  border-left: 0.6666666667vw solid #004831;
  padding: 0.5833333333vw 0 0 2vw;
  font-size: 1.6666666667vw;
  height: 3vw;
  color: #333;
  margin: 0 0 2.25vw;
}
#detail table {
  border: solid 1px #333333;
  margin: 0 auto 3.1666666667vw;
  width: 100%;
  border-collapse: collapse;
  color: #333;
}
#detail table th {
  border: solid 1px #333333;
  font-weight: normal;
  font-size: 1.5vw;
  width: 25%;
  padding: 2% 0 2%;
  background-color: #F4FBF7;
}
#detail table td {
  border: solid 1px #333333;
  font-weight: normal;
  font-size: 1.5vw;
  line-height: 2.1666666667vw;
  padding: 1.5vw 0 1.5vw 3%;
}
#detail .atm {
  position: relative;
}
#detail .atm img {
  display: block;
  width: 53.6666666667vw;
}
#detail .atm p {
  position: absolute;
  top: 4.5833333333vw;
  left: 37.6666666667vw;
  font-size: 1.1666666667vw;
  letter-spacing: 0;
}
#detail .atm p span {
  display: block;
  font-size: 0.9166666667vw;
  line-height: 1.1666666667vw;
  text-indent: -1em;
  padding-left: 1em;
}
#detail ul {
  display: flex;
  gap: 0 1.25vw;
  height: 1.1666666667vw;
  margin-top: 8.75vw;
}
#detail ul li {
  height: 1.1666666667vw;
}
#detail ul li:nth-child(1) {
  border-right: 1px solid #004831;
  padding: 0 1.5833333333vw 0 0;
}
#detail ul a {
  display: block;
  background: url(../img/marker.png) no-repeat 0 0/1.1666666667vw;
  text-decoration: underline;
  font-size: 1.1666666667vw;
  color: #004831;
  padding: 0 0 0 2.5vw;
}
#detail ul a:hover {
  opacity: 0.8;
}
#detail .note {
  color: #333;
  margin: 2.1666666667vw 0 0;
}
#detail .note span {
  display: block;
  width: 32.1666666667vw;
  margin-bottom: 2.9166666667vw;
}
#detail .note p {
  width: 94%;
  font-size: 1vw;
  line-height: 1.75vw;
  letter-spacing: 0;
}
#detail .btn_top {
  width: 15.5833333333vw;
  position: absolute;
  right: 0.8333333333vw;
  bottom: 9.6666666667vw;
}
#detail .btn_top a {
  display: block;
  width: 6.75vw;
  margin: 0 auto;
}
#detail .btn_top:hover {
  opacity: 0.8;
}

.btn_order {
  width: 15.5833333333vw;
  position: absolute;
  right: 0.8333333333vw;
  bottom: 0.8333333333vw;
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.6));
}
.btn_order.mb {
  margin-bottom: 25vw;
}
.btn_order:hover {
  opacity: 0.8;
}

footer {
  background: #004831;
  text-align: center;
  color: #fff;
  padding: 3.3333333333vw 0 2.8333333333vw;
}
footer small {
  display: block;
  text-align: center;
  font-size: 1.1666666667vw;
}

.md-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 999;
}

.md-contents {
  background: #FFF;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 81.6666666667vw;
  transform: translate(-50%, -50%);
  z-index: 10000;
  padding: 6.0833333333vw 0 0;
}

.md-inner {
  width: 100%;
  height: 100%;
}
.md-inner .ttl {
  width: 18vw;
  margin: 0 auto 5.6666666667vw;
}
.md-inner .txt {
  width: 69.3333333333vw;
  margin: 0 auto;
}
.md-inner .btn {
  width: 42.1666666667vw;
  filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.4166666667vw rgba(0, 0, 0, 0.6));
}
.md-inner .btn:hover {
  opacity: 0.8;
}
.md-inner .md-close {
  cursor: pointer;
}
.md-inner .md-close:hover {
  opacity: 0.8;
}

#chk_modal_1 .btn {
  margin: 5.4166666667vw auto 5.6666666667vw;
}

#chk_modal_2 .btn {
  margin: 2.9166666667vw auto 5.6666666667vw;
}

#chk_modal_3 .txt {
  margin-bottom: 8.6666666667vw;
}/*# sourceMappingURL=style_mid.css.map */