@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/NotoSansJP-Regular.woff2) format("woff2")
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: url(../../fonts/NotoSansJP-Bold.woff2) format("woff2")
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, picture, section {
  display: block
}
body {
  margin: 0;
  padding: 0
}
address, dd, dl, dt, figure, form, h1, h2, h3, h4, h5, h6, legend, li, ol, p, pre, ul {
  margin: 0;
  padding: 0;
  background-color: transparent
}
body {
  line-height: 2;
  color: #000
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 400
}
li, ul {
  list-style: none
}
a img {
  border: 0;
  vertical-align: middle;
  text-decoration: none
}
img {
  vertical-align: middle;
  border: 0
}
input[type=checkbox] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.lp-contents {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, ".SFNSDisplay-Regular", "Helvetica Neue", "Hiragino Sans", ヒラギノ角ゴシック, "ヒラギノ角ゴ ProN W3", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", Arial, メイリオ, Meiryo, Roboto, "Droid Sans", sans-serif;
  letter-spacing: -.1rem
}
.lp-contents .ryumin {
  font-family: 'リュウミン L-KL', 'Ryumin Regular KL', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: 1;
  letter-spacing: 0
}
.lp-contents .ryumin-m {
  font-family: 'リュウミン M-KL', 'Ryumin Medium KL','リュウミン L-KL', 'Ryumin Regular KL', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: 1;
  letter-spacing: 0
}
.lp-contents .ryumin-r {
  font-family: 'リュウミン R-KL', 'Ryumin Regular KL','リュウミン M-KL', 'Ryumin Medium KL', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: 1;
  letter-spacing: 0
}
.lp-contents .ryumin-b {
  font-family: 'リュウミン B-KL', 'Ryumin Bold KL','リュウミン M-KL', 'Ryumin Medium KL', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: 1;
  letter-spacing: 0
}
.lp-contents .noto {
  font-family: 'Noto Sans JP'
}
.lp-contents .mb10 {
  margin-bottom: 10px !important
}
.lp-contents .mb15 {
  margin-bottom: 15px !important
}
.lp-contents .mb20 {
  margin-bottom: 20px !important
}
.lp-contents .mb30 {
  margin-bottom: 30px !important
}
.lp-contents .mb40 {
  margin-bottom: 40px !important
}
.lp-contents .mb50 {
  margin-bottom: 50px !important
}
.lp-contents .mb60 {
  margin-bottom: 60px !important
}
.lp-contents .mb70 {
  margin-bottom: 70px !important
}
.lp-contents .mb80 {
  margin-bottom: 80px !important
}
.lp-contents .mb100 {
  margin-bottom: 100px !important
}
.lp-contents .mb130 {
  margin-bottom: 130px !important
}
.lp-contents .mb150 {
  margin-bottom: 150px !important
}
.lp-contents figcaption, .lp-contents h1, .lp-contents h2, .lp-contents h3, .lp-contents h4, .lp-contents h5, .lp-contents li, .lp-contents p {
  margin: 0;
  padding: 0;
  border: none;
  background: 0 0;
  color: #333
}
.lp-contents img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
.lp-contents video {
  width: 100%;
  display: block
}
.lp-contents a {
  color: #fff;
  text-decoration: none;
  outline: 0
}
.lp-contents .redTxt {
  color: #c50000
}
.lp-contents .blueTxt {
  color: #001388
}
.lp-contents .light-blueTxt {
  color: #000abc
}
.lp-contents .txtLeft {
  text-align: left
}
.lp-contents .txtCenter {
  text-align: center
}
.lp-contents .txtRight {
  text-align: right
}
.lp-contents .txtBold {
  font-weight: 700
}
.lp-contents .txtRegular {
  font-weight: 500
}
.lp-contents .fz64 {
  font-size: 6.4rem;
  line-height: 2
}
.lp-contents .fz58 {
  font-size: 5.8rem;
  line-height: 1.5
}
.lp-contents .fz56 {
  font-size: 5.6rem;
  line-height: 1.5
}
.lp-contents .fz54 {
  font-size: 5.4rem;
  line-height: 1.5
}
.lp-contents .fz46 {
  font-size: 4.6rem;
  line-height: 1.75
}
.lp-contents .fz44 {
  font-size: 4.4rem;
  line-height: 1.75
}
.lp-contents .fz40 {
  font-size: 4.0rem;
  line-height: 1.75
}
.lp-contents .fz40_14 {
  font-size: 4.0rem;
  line-height: 1.4
}
.lp-contents .fz36 {
  font-size: 3.6rem;
  line-height: 1.75
}
.lp-contents .fz32 {
  font-size: 3.2rem;
  line-height: 2
}
.lp-contents .fz28 {
  font-size: 2.8rem;
  line-height: 1.5
}
.lp-contents .fz26 {
  font-size: 2.6rem;
  line-height: 1.5
}
.lp-contents .fz16 {
  font-size: 1.6rem;
  line-height: 2
}
.lp-contents .ex_mark {
  margin: 0 .8rem
}
.lp-contents video {
  filter: drop-shadow(0 0 #000);
  outline: 0;
  border: none;
  display: block
}
html {
  font-size: 10px
}
@media screen and (max-width:750px) {
  html {
    font-size: calc(10vw / 7.5)
  }
}
body {
  max-width: 750px;
  margin: auto;
  position: relative
}
.lp-contents {
  background: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: 2.133rem;
  overflow: hidden;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  position: relative
}
.line_40 {
  color: transparent;
  position: relative;
  z-index: 2;
  padding: 0 2.5rem;
  transition: all .3s ease .4s
}
.line_40:after {
  content: "";
  width: 0%;
  height: 5.4rem;
  background: #001388;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  transition: 1s
}
.line_44 {
  color: transparent;
  position: relative;
  z-index: 2;
  padding: 0 2.5rem;
  transition: all .3s ease .4s
}
.line_44:after {
  content: "";
  width: 0%;
  height: 6.4rem;
  background: #001388;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  transition: 1s
}
.line_54 {
  color: transparent;
  position: relative;
  z-index: 2;
  padding: 0 2.5rem;
  transition: all .3s ease .4s
}
.line_54:after {
  content: "";
  width: 0%;
  height: 7rem;
  background: #001388;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  transition: 1s
}
.line_54_b {
  color: transparent;
  position: relative;
  z-index: 2;
  padding: 0 2.5rem;
  transition: all .3s ease .4s
}
.line_54_b:after {
  content: "";
  width: 0%;
  height: 7rem;
  background: #333;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  transition: 1s
}
.js-anim.is-open {
  color: #fff
}
.js-anim.is-open:after {
  width: 100%
}
.teiki_exclusion .trial .trial_movie_link_wrap .l_link {
  display: none
}
.teiki_exclusion .trial .trial_movie_link_wrap .r_link {
  width: 59.1rem
}
.first_time {
  position: relative
}
.first_time .first_time_btn {
  position: absolute;
  top: 54rem;
  left: 0;
  right: 0;
  margin: auto
}
.first_time .first_time_btn a span {
  display: block;
  font-size: 2.2rem;
  letter-spacing: 0.5rem;
  text-decoration: underline;
}
.first_time .first_time_btn a {
  display: block;
  color: #fff;
  font-size: 3.925rem;
  font-weight: 300;
  background: #001388;
  border: 2px solid #001388;
  width: 80%;
  height: 14rem;
  margin: 0 auto 14.7rem;
  padding: 1.5rem 0;
  border-radius: 100px;
  line-height: 1.5;
  letter-spacing: 1.5rem;
  position: relative;
  box-sizing: border-box;
  transition: 0.3s;
}
.first_time .first_time_btn a:before,
.first_time .first_time_btn a:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 3.6rem;
  width: 2.3rem;
  height: 0.2rem;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1px) 50%;
}
.first_time .first_time_btn a:before {
  transform: rotate(45deg);
}
.first_time .first_time_btn a:after {
  transform: rotate(-45deg);
}
.first_time .first_time_btn a:hover {
  color: #001388;
  background: #fff;
}
.first_time .first_time_btn a:hover:before,
.first_time .first_time_btn a:hover:after {
  background-color: #001388;
}
.first_time .under_line {
  text-decoration: underline
}
.features .special_movie_wrap {
  margin: 0;
  padding: 0
}
.features .special_movie_wrap .special_movie {
  margin: 0;
  padding: 0
}
.features .features_cont01 {
  position: relative
}
.features .features_cont01_txt_wrap {
  position: absolute;
  top: 4.9rem;
  right: 0;
  left: 0;
  margin: auto;
  inline-size: fit-content;
  margin-inline: auto;
  text-align: left
}
.features .features_cont01_ttl {
  font-weight: 400;
  line-height: 1;
  letter-spacing: .15rem;
  margin-bottom: .5rem
}
.features .features_cont01_ttl_bottom {
  letter-spacing: .5rem
}
.features .features_cont04_txt_wrap, .features .features_cont05_txt_wrap {
  margin-inline: auto;
  text-align: left;
  padding: 4rem 0 4rem 5.5rem;
  background: #bbb
}
.features .features_cont04_ttl, .features .features_cont05_ttl {
  letter-spacing: .1rem
}
.features .features_cont05_txt_bottom_wrap {
  padding: 4rem 0 1.5rem;
  background: #333
}
.features .features_cont05_bottom_ttl, .features .features_cont05_bottom_txt {
  color: #fff
}
.features .features_cont05_bottom_ttl {
  margin-bottom: .2rem
}
.features .features_cont05_bottom_txt {
  margin-bottom: 2rem
}
.features .features_cont05_movie_wrap .features_movie {
  width: 86%;
  margin: 0 auto
}
.features .features_cont05_attention {
	font-size: 1.6rem;
	color: #FFF;
	text-align: right;
	margin-top: 0rem;
	margin-right: 5rem;
}
.coach {
  background: #f3f8ff;
  padding: 5.9rem 0 2rem;
  position: relative
}
.coach:after {
  content: "";
  width: 37.1rem;
  height: 39.3rem;
  background: url(../img/coach_img.webp);
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 4.7rem
}
.coach .coach_balloon {
  width: 68rem;
  min-height: 41.3rem;
  margin: 0 auto 32rem;
  border-radius: 5.5rem;
  background: #fff;
  line-height: 1.75;
  letter-spacing: .5rem;
  padding: 1rem 1rem 4.1rem 1rem;
  box-sizing: border-box;
  position: relative
}
.coach .coach_balloon:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 4.2rem solid transparent;
  border-left: 4.2rem solid transparent;
  border-bottom: 4.3rem solid #fff;
  border-top: 0;
  position: absolute;
  bottom: -2rem;
  right: 4.8rem;
  left: 0;
  margin: auto;
  transform: rotate(30deg)
}
.coach .coach_balloon sup {
  font-size: 2rem
}
.coach .coach_name {
  color: #001388;
  text-align: right;
  padding-right: 7.4rem;
  position: relative;
  z-index: 5
}
.trial .trial_txt_wrap01, .trial .trial_txt_wrap02 {
  inline-size: fit-content;
  margin-inline: auto;
  padding: 5rem 0
}
.trial .trial_txt_ttl01, .trial .trial_txt_ttl02 {
  letter-spacing: .1rem
}
.trial .trial_txt_ttl02 span + span {
  margin-left: 1rem
}
.trial .trial_movie_wrap {
  padding-bottom: calc(100% * 890 / 750);
  position: relative
}
.trial .trial_movie {
  width: calc(100% + 2px);
  transform: translateX(-1px);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}
.trial .trial_movie_link_wrap {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  position: absolute;
  bottom: -17rem;
  right: 0;
  left: 0;
  margin: auto
}
.trial .trial_movie_link_wrap a {
  transition: .2s;
  width: 28.3rem;
  height: 47.3rem
}
.trial .trial_movie_link_wrap a.disable {
  pointer-events: none
}
.trial .trial_movie_link_wrap a img {
  max-height: fit-content
}
.trial .trial_movie_link_wrap a:hover {
  opacity: .8;
  cursor: pointer
}
.trial .trial_line {
  padding: 20.5rem 0 3.5rem;
  background: #e8f3f7
}
.trial .trial_line img {
  width: 60rem
}
.point {
  padding: 5rem 0 1rem
}
.point .point_ttl {
  position: relative;
  margin-bottom: 6rem
}
.point .point_ttl:before {
  content: "";
  width: 41.1rem;
  height: .6rem;
  background: #001388;
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  right: 0;
  margin: auto
}
.point .point_list_item {
  margin-top: 4.8rem
}
.point .point_list_num {
  color: #fff;
  position: relative;
  text-align: left;
  margin-bottom: 4rem;
  padding-left: 7rem;
  z-index: 1
}
.point .point_list_num:before {
  content: "";
  width: 30.6rem;
  height: 8rem;
  background: #001388;
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1
}
.point .point_list_ttl {
  text-align: left;
  margin-bottom: 5rem;
  padding-left: 7rem;
  line-height: 1.25
}
.use .use_ttl {
  margin-bottom: 7.1rem;
  padding-top: 11.2rem;
  letter-spacing: .2rem;
  line-height: 1.25;
  position: relative
}
.use .use_ttl:before {
  content: "";
  width: 50.2rem;
  height: .6rem;
  background: #001388;
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  right: 0;
  margin: auto
}
.use .ph {
  width: 60.2rem;
  height: 38.8rem;
  border: 2px solid #dbe4e9;
  box-sizing: border-box;
  margin: 0 auto
}
.use .use_movie_wrap {
  margin-bottom: 5.2rem
}
.use .use_sub_ttl {
  line-height: 1.5;
  margin-bottom: 3.1rem
}
.use .use_txt01 {
  margin-bottom: 5rem
}
.use .use_txt02 {
  margin-bottom: 5rem
}
.use .use_step {
  margin: 3.1rem 0 4.5rem;
  border-bottom: 1px solid #001388
}
.use .use_step_ttl {
  position: relative
}
.use .use_step_ttl:after, .use .use_step_ttl:before {
  content: "";
  width: 8.1rem;
  height: 1px;
  background: #001388;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}
.use .use_step_ttl:before {
  left: 0
}
.use .use_step_ttl:after {
  right: 0
}
.use .use_step_ph {
  width: 100%;
  height: fit-content
}
.use .m_line_mini:after {
  bottom: .5rem
}
.know {
  padding-top: 4.0rem
}
.know .know_cont01_txt {
  position: relative;
  margin-bottom: 4rem
}
.know .know_cont01_txt:before {
  content: "";
  width: 40.4rem;
  height: .6rem;
  background: #001388;
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  right: 0;
  margin: auto
}
.know .know_cont01_ttl {
  margin-bottom: 5rem
}
.know .know_cont02_txt_wrap {
  padding: 5rem 0
}
#about_mask .about_mask_ttl_wrap {
  padding: 5rem 0
}
#about_mask .mask_cm_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5rem 2rem
}
#about_mask .mask_cm_list li {
  cursor: pointer;
  position: relative
}
#about_mask .mask_cm_list li:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 0 1rem 1.4rem;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
#about_mask .mask_cm_list li:before {
  content: '';
  display: block;
  border-radius: 50%;
  background: rgba(0, 0, 0, .3);
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
#about_mask .mask_cm_list li:nth-child(1) {
  width: 100%;
  margin-bottom: 2rem
}
#about_mask .mask_cm_list li:nth-child(2) {
  width: 100%
}
.modal-video-close-btn {
  cursor: pointer
}
/* mainVisual */
.mask_bnr {
  position: absolute;
  top: 3rem;
  right: 0rem;
  left: 0rem;
  z-index: 1;
}
.mask_bnr a {
  width: 70rem;
  display: block;
  margin: 0 auto;
}
.mask_bnr img {
  border-radius: 20rem;
}
.turnover {
  padding: 4.3rem 0 6.4rem
}
.turnover .turnover_txt01 {
  position: relative;
  margin-bottom: 4.8rem
}
.turnover .turnover_txt01:before {
  content: "";
  width: 55rem;
  height: .6rem;
  background: #001388;
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  right: 0;
  margin: auto
}
.turnover .turnover_txt02 {
  margin-bottom: 2.7rem
}
.turnover .turnover_txt03 {
  margin-bottom: 6.3rem
}
.turnover .turnover_figure {
  margin-bottom: 5rem
}
.turnover .bg_arrow {
  display: inline-block;
  position: relative;
  z-index: 1
}
.turnover .bg_arrow:before {
  content: "";
  width: 5.3rem;
  height: 11.1rem;
  background: #dce4e7;
  clip-path: polygon(0 58.6%, 22.6% 58.6%, 22.6% 0, 77.4% 0, 77.4% 58.6%, 100% 58.6%, 50% 100%);
  position: absolute;
  top: -1rem;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1
}
.turnover .turnover_txt04 {
  margin-bottom: 7.7rem
}
.turnover .turnover_movie_wrap {
  width: 65rem;
  margin: 0 auto 6.2rem;
  position: relative;
  padding-bottom: calc(100% * 468 / 750);
  overflow: hidden
}
.turnover .turnover_movie {
  width: calc(100% + 4px);
  transform: translateX(-2px);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}
.turnover .turnover_txt06 {
  margin-bottom: 6.8rem
}
.turnover .turnover_txt07 {
  margin-bottom: .2rem
}
.turnover .turnover_txt08 {
  margin-bottom: 8rem
}
.turnover .turnover_txt08 span {
  margin-right: 1rem
}
.cta_wrap {
  padding-top: 6rem
}
.cta_btn {
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  width: 64.5rem;
  min-height: 15rem;
  line-height: 1.3;
  margin: 0 auto 4.6rem;
  display: block;
  letter-spacing: .1rem;
  background: #001388;
  position: relative;
  border-radius: 10rem 1rem 1rem 10rem;
  padding-top: 4.9rem;
  padding-left: 11rem;
  box-sizing: border-box;
  transition: .2s
}
.cta_btn:before {
  content: "";
  width: 18.1rem;
  height: 18rem;
  background: url(../img/cta_balloon.webp);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.1rem;
  margin: auto
}
.cta_btn:hover {
  opacity: .8
}
.cta_btn .circle {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.1rem;
  margin: auto
}
.cta_btn .circle:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: .7rem solid transparent;
  border-bottom: .7rem solid transparent;
  border-left: 1.3rem solid #001388;
  border-right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.7rem;
  margin: auto
}
.lp-contents .cta_txt {
  margin-bottom: 6rem;
  position: relative
}
.lp-contents .cta_txt:after {
  content: "";
  width: 51.9rem;
  height: 1.9rem;
  background: url(../img/cta_txt_line.webp);
  background-size: cover;
  position: absolute;
  bottom: -3.4rem;
  right: 0;
  left: 0;
  margin: auto
}
.cta_note {
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  top: -1.2rem;
  letter-spacing: .2rem
}
.result {
  padding-top: 6rem
}
.result .result_txt01 {
  position: relative;
  margin-bottom: 4.8rem;
  line-height: 1.25
}
.result .result_txt01:before {
  content: "";
  width: 56.6rem;
  height: .6rem;
  background: #001388;
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  right: 0;
  margin: auto
}
.result .result_txt02 {
  margin-bottom: 5.2rem
}
.result .result_ttl {
  color: #001388;
  font-size: 4.6rem;
  background-image: #f1f2f2;
  background-image: linear-gradient(90deg, rgba(246, 246, 246, 1), rgba(244, 244, 244, 1) 35%, rgba(239, 241, 241, 1) 70%, rgba(237, 239, 238, 1));
  font-weight: 500;
  padding: 1.9rem 0
}
.result .result_ttl sup {
  font-size: 2rem
}
.result .result_movie_wrap {
  padding-bottom: calc(100% * 680 / 750);
  position: relative
}
.result .result_movie {
  width: calc(100% + 2px);
  transform: translateX(-1px);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}
.result figure {
  margin: 0
}
.result .result_caution {
  text-align: left;
  padding: 1.8rem 0 1.8rem 7rem;
  background-image: #f1f2f2;
  background-image: linear-gradient(90deg, rgba(246, 246, 246, 1), rgba(244, 244, 244, 1) 35%, rgba(239, 241, 241, 1) 70%, rgba(237, 239, 238, 1))
}
.result .result_caution_item {
  color: #333;
  line-height: 1.75
}
.check {
  position: relative;
  padding-top: 4.7rem
}
.check .check_top {
  background: #fff;
  padding-bottom: 2.8rem;
  position: relative
}
.check .check_top_ttl {
  font-size: 5.8rem;
  color: #001388;
  font-weight: 400;
  padding: 6.9rem 0 0;
  margin-bottom: 1.8rem;
  letter-spacing: 0.2rem;
  position: relative;
  z-index: 1;
}
.check .check_top_ttl:before {
  content: "";
  width: 50rem;
  height: 3rem;
  background: #d4e4fb;
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
.check .check_top_txt {
  font-size: 3.2rem;
  color: #001388;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1rem;
  margin-bottom: 1.3rem;
}
.check .check_top_txt_bottom {
  color: #333;
  font-size: 2.3rem;
  font-weight: 400;
  letter-spacing: 0.2rem;
}
.check .check_top_txt_bottom:before {
  content: "";
  display: inline-block;
  width: 6.6rem;
  height: 6.6rem;
  background-image: url(../img/swipe_icon.webp);
  background-size: cover;
  position: relative;
  top: 1.4rem;
  margin-right: 1.4rem
}
.check .check_slide {
  margin-bottom: 0
}
.check .check_slide_bottom_wrap {
  padding: 2rem 0 2.1rem;
  background-image: url(../img/check_slide_bottom_bg.webp);
  background-size: cover;
  min-height: 56.5rem
}
.check .check_slide_log {
  margin-bottom: 2.7rem
}
.check .check_slide_txt {
  font-size: 2.833rem;
  font-weight: 400;
  color: #000;
  line-height: 1.83947;
  text-align: justify;
  padding: 0 9rem;
  letter-spacing: .2rem
}
.check .check_bottom_caution {
  font-size: 2.2rem;
  font-weight: 400;
  text-align: right;
  color: #333;
  padding-right: 2rem;
  margin-bottom: 7rem
}
.check .slick-list {
  width: 100%
}
.check .slick-dots {
  bottom: -9.3rem
}
.check .slick-dots li {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 .5rem;
  border: 1px solid #001388;
  background: 0 0
}
.check .slick-dots li.slick-active {
  background: #001388
}
.check .slick-next, .check .slick-prev {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-image: url(../img/arrow_r.webp);
  background-size: cover;
  top: 75%;
  z-index: 2
}
.check .slick-next {
  right: 1.9rem
}
.check .slick-prev {
  left: 2.1rem;
  background-image: url(../img/arrow_l.webp)
}
.check .slick-next:before, .check .slick-prev:before {
  content: ""
}
.check .slick-dots li {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .3rem;
  background: #fff;
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%
}
.check .slick-dots li button:before {
  display: none
}
.check .slick-dots li.slick-active {
  background: #001388
}
.qa {
  padding: 8.4rem 0 7.5rem;
  background: #fff;
  background-image: linear-gradient(180deg, rgba(244, 246, 250, 1), rgba(255, 255, 255, 1))
}
.qa .qa_ttl {
  width: 17.8rem;
  margin: 0 auto 1.5rem;
  position: relative
}
.qa .qa_ttl:before {
  content: "";
  background-image: url(../img/matomete.webp);
  width: 11.25rem;
  height: 11.25rem;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 4.7rem;
  right: 20.5rem;
  margin: auto
}
.qa .qa_ttl_bt_txt {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #001388;
  font-weight: 700;
  font-size: 3.75rem
}
.qa .qa_ac_wrapper {
  margin: 0 3.4rem
}
.qa .qa_ac_article {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 2.575rem;
  font-weight: 500;
  color: #fff;
  background: #001388;
  margin: 5.2rem -3.4rem 2.1rem;
  padding: 1.3rem 0
}
.qa .qa_ac_article:first-child {
  margin-top: 0
}
.qa .qa_ac {
  background-color: #fff;
  border-radius: 2rem;
  padding: 2.5rem 0;
  box-shadow: 0 .3rem 1.5rem 0 rgba(0, 7, 62, .35);
  margin-bottom: 1em;
  text-align: left
}
.qa .qa_ac_ttl {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #001388;
  font-size: 2.6rem;
  font-weight: 700;
  padding-left: 6.8rem;
  padding-right: 3em;
  position: relative
}
.qa .qa_ac_ttl::before {
  content: "Q. ";
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 3rem;
  position: absolute;
  top: -.4rem;
  left: 2.7rem
}
.qa .qa_ac_ttl:hover {
  cursor: pointer
}
.qa .qa_ac_box {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  background-color: #001388;
  width: 3.84rem;
  height: 3.84rem;
  border-radius: 50%;
  z-index: 1
}
.qa .qa_ac_inner_01 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 1px;
  height: 1.6rem;
  background-color: #fff;
  transform-origin: center;
  transition-duration: .2s;
  z-index: 2
}
.qa .qa_ac_inner_02 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 1.6rem;
  height: 1px;
  background-color: #fff;
  transform-origin: center;
  transition-duration: .2s;
  z-index: 2
}
.qa .qa_ac_ttl.active .qa_ac_inner_01 {
  opacity: 0
}
.qa .qa_ac_ttl.active .qa_ac_inner_02 {
  transform: translate(-50%, -50%) rotate(180deg);
  transform-origin: center
}
.qa .qa_ac_content {
  padding: 4.5rem 2.2rem 0 6.9rem
}
.qa .qa_ac_desc {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #333;
  font-size: 2.6rem;
  position: relative;
  line-height: 1.9
}
.qa .qa_ac_desc:before {
  content: "A. ";
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #6a88b1;
  font-size: 3rem;
  position: absolute;
  top: -.4rem;
  left: -4.1rem
}
.qa .qa_ac_note {
  display: block;
  font-size: 2rem
}
.qa .qa_ac_youtube {
  width: 90%;
  margin: 5% auto 0
}
.qa .qa_ac_youtube iframe {
  width: 100%;
  height: 24.4rem
}
.brand {
  background: #fff
}
.brand .brand_head {
  padding: 10rem 0 55.5rem;
  background-image: url(../img/brand_head_bg.webp);
  background-size: cover;
  background-repeat: no-repeat
}
.brand .brand_ttl {
  font-size: 4.352rem;
  font-weight: 700;
  line-height: 1.5
}
footer {
  background-color: #f8f8f8
}
footer .nav {
  margin-bottom: 5.866%;
  padding: 2% 5.333% 0;
  text-align: left
}
footer .nav li {
  border-bottom: 1px solid #e4e4e4
}
footer .nav li a {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  padding: 1em 0 1em .5em;
  color: #333;
  text-decoration: none;
  display: block;
  position: relative;
  transition: .3s
}
footer .nav li a:hover {
  text-decoration: underline;
  opacity: .7;
  transform: scale(.98)
}
footer .nav li a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
footer .copy {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #333;
  font-size: 1.707rem;
  text-align: center;
  padding-bottom: 6%
}