@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
/*$color1: #0094e3;*/
/*
.menu-item { background: #ccc; display: flex; justify-content: center; align-items: center; height: 120vw; max-height: 450px; span { font-size: 30px; }
}
*/
.crbox { background-color: #f2f2f2; border: none; }

.msn-h2, .msn-h2__inner, .msn-topInfo__copy { font-family: "Shippori Mincho", "Noto Serif", serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; }

#top_mv, #top_summary, #sec-info { position: relative; z-index: 1; }

#sec-fv { width: 100%; overflow: hidden; }

#main-slide { margin-bottom: 0 !important; margin-left: -4%; font-size: 0; }
#main-slide li { position: relative; }
#main-slide li .note { position: absolute; bottom: 3px; right: 3px; color: #fff; text-shadow: 0px 0px 3px #000,0px 0px 3px #000; }
#main-slide li .note.b { color: #000; text-shadow: 0px 0px 3px #ffffff,0px 0px 3px #ffffff; }
#main-slide li .note.out { position: static; display: block; margin-top: 5px; }
#main-slide .slick-dots { position: absolute; bottom: 2.5%; }
#main-slide .slick-dots li { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.7); width: 12px; height: 12px; margin: 8px; border-radius: 50%; }
#main-slide .slick-dots li button { text-indent: -9999px; }
#main-slide .slick-dots li.slick-active { background: #fff; }
@media (max-width: 767px) { #main-slide .slick-dots { bottom: 5px; } }

#top_summary { background: #fff; padding: 2rem 0 3rem; }
#top_summary .msn-obi__inner { max-width: 882px; width: 90%; }

#merit { background: #635f57; padding: 20px 0; }
#merit .inner { max-width: 1180px; width: 90%; margin: auto; color: #dcd7d1; }
#merit .inner ul { text-align: center; }
#merit .inner li { display: inline-block; padding: 0 1rem; text-align: left; font-size: 1rem; border-right: 1px solid #dcd7d1; }
#merit .inner li:last-child { border-right: none; }
#merit .inner li .sizeS { font-size: 0.9em; }
#merit .inner li .sizeS b { font-size: 1.3em; }
#merit .inner li .sizeL { font-size: 1.3em; }
#merit .inner li .sizeL b { font-size: 1.2em; }
@media (max-width: 1180px) { #merit .inner li { font-size: 1.2vw; } }
@media (max-width: 767px) { #merit { padding: 20px 0; }
  #merit .inner { width: 90%; }
  #merit .inner li { display: block; font-size: 3.7vw; border-right: none; border-bottom: 1px solid #dcd7d1; margin-bottom: 0.5rem; padding: 0 0 0.5rem 0; }
  #merit .inner li:last-child { border-bottom: none; margin-bottom: 0; } }

.msn-newsTopicsBlock__topicLabel { background: #ab9469; }

#sec-fv { margin-bottom: 0; }

#accessBlock { background: #7c7559; color: #fff; text-align: center; padding: 0.5rem 0; }
#accessBlock .copy { max-width: 1040px; width: 96%; margin: auto; }
@media (max-width: 767px) { #accessBlock { padding: 0.5rem 0; }
  #accessBlock .inner { text-align: left; width: 90%; margin: auto; }
  #accessBlock .copy { width: 100%; } }

#priceBlock { background: url("../img/top/price_bg.jpg"); color: #000; text-align: center; font-size: 1.2rem; padding: 1rem 0; font-family: "Shippori Mincho", "Noto Serif", serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; }
#priceBlock .copy { max-width: 1200px; width: 96%; margin: auto; }
#priceBlock b { font-size: 2.6em; font-weight: normal; color: #ba9a7b; }
#priceBlock .sizeM { font-size: 1.5em; }
#priceBlock .slash { font-size: 2.0em; display: inline-block; margin-left: 0.1em; }
#priceBlock .ldk { display: inline-block; /*box-sizing: border-box;
border: 1px solid #fff;
padding: 3px 5px 3px 10px;*/ margin-right: 10px; vertical-align: center; /*width: 10.5em;*/ }
@media (max-width: 767px) { #priceBlock { font-size: 4.0vw; padding: 1.5rem 0; }
  #priceBlock .inner { text-align: left; width: 90%; margin: auto; }
  #priceBlock .copy { width: 100%; }
  #priceBlock .copy > .aw { border-bottom: 1px solid #ccc; display: block; width: 100%; text-align: center; }
  #priceBlock .copy > .aw:last-child { border-bottom: none; }
  #priceBlock .slash { display: none; }
  #priceBlock .ldk { font-size: 0.8em; /*width: 11.5em;*/ text-align: center; padding: 3px 0; } }

#sec-info { background: #fff; padding: 3rem 0; margin-bottom: 0; }
#sec-info .msn-h2, #sec-info .msn-h2__inner { color: #ab9469; }
#sec-info .msn-h2__inner .msn-h2__title img { height: 1.3rem; }
#sec-info .msn-h2__inner .msn-h2__cap { margin-top: 0; }
#sec-info .msn-topInfo__copy { color: #4d4d4d; line-height: 1.8; margin-bottom: 0; }
@media (min-width: 767px) { #sec-info { margin-bottom: 0; } }

#top_news { border-radius: 5px; }

#top_latest-info { background: none; border: 1px solid #bfbfbf; border-width: 1px 0; color: #000; margin-top: 3rem; }
@media (max-width: 767px) { #top_latest-info { margin-top: 3rem; } }

#top_apology { color: #fff; }
#top_apology.crbox { background-color: transparent; border: 1px solid #d9d9d9; }
#top_apology .inner { margin: 0 auto; }
#top_apology .msn-linkBlock__text { margin: 0 auto; }

/*
#top_cv-area .msn-cv-button--30min { display: none;
}
*/
#sec-feature .bg_img { width: 100%; position: relative; }
#sec-feature .bg_img::before { content: ""; display: block; width: 100%; padding-bottom: 650px; background: url("../img/top/feature_img.jpg?v=1790863669") left center no-repeat; background-size: cover; }
#sec-feature .bg_img .bg_black { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
#sec-feature .bg_img .txtArea { position: absolute; z-index: 2; max-width: 1000px; top: 50%; left: calc(50% - 500px); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#sec-feature .bg_img .txtArea .msn-h2__inner { text-align: left; }
#sec-feature .bg_img .txtArea .msn-h2__title img { height: 2.7rem; width: auto; }
#sec-feature .bg_img .txtArea .msn-h2__cap { color: #fff; text-align: left; margin-top: 1rem; font-size: 0.3em; }
#sec-feature .bg_img .txtArea p.lead { color: #fff; line-height: 2.0; }
#sec-feature .bg_img .note { position: absolute; z-index: 2; bottom: 5px; right: 5px; color: #fff; }
@media (max-width: 767px) { #sec-feature .bg_img::before { background-image: url("../img/top/feature_img_sp.jpg?v=1790863669"); }
  #sec-feature .bg_img .msn-h2__inner { width: 100%; }
  #sec-feature .bg_img .txtArea { left: 10%; width: 80%; } }

/*.sikaku_box { transition-duration: .6s; position: fixed;
}
.sikaku_box.fixed { position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1200px; height: 300px;*/
  /*top: 50px; left: auto; z-index: +1;
}*/
/*.sikaku_box.none,
.sikaku_box.fixed.none{
}*/
.featureBox { position: relative; width: 100%; padding-bottom: 39%; margin-top: 5rem; }
.featureBox .read2 { max-width: 350px; margin: auto; line-height: 3.2; }
.featureBox .featureBoxPicture_pc { transition-duration: .6s; position: absolute; top: 0; left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); padding-bottom: 600px; width: 100%; max-width: 1200px; }
.featureBox .featureBoxPicture_pc.none, .featureBox .featureBoxPicture_pc.fixed.none { position: absolute; top: 0; left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); padding-bottom: 600px; }
.featureBox .featureBoxPicture_pc .pic1 { max-width: 275px; width: 24%; position: absolute; top: 25%; right: 50%; transform: translateX(-100%); z-index: 0; }
.featureBox .featureBoxPicture_pc .pic2 { max-width: 275px; width: 24%; position: absolute; top: 0; left: 50%; transform: translateX(110%); z-index: 0; }
.featureBox .featureBoxPicture_pc .pic3 { max-width: 275px; width: 24%; position: absolute; bottom: 0%; left: 48%; z-index: 0; }
.featureBox .featureBoxPicture_sp { display: none; width: 100%; padding-bottom: 113%; position: relative; margin-top: 2rem; }
.featureBox .featureBoxPicture_sp .pic1 { width: 52%; top: 19%; left: 0; z-index: 2; position: absolute; transform: translateX(0%); }
.featureBox .featureBoxPicture_sp .pic2 { width: 52%; top: 0; right: 0; z-index: 3; position: absolute; transform: translateX(0%); }
.featureBox .featureBoxPicture_sp .pic3 { width: 52%; left: 37%; bottom: 0; z-index: 1; position: absolute; }
@media (max-width: 767px) { .featureBox { padding-bottom: 0; }
  .featureBox .featureBoxPicture_sp { display: block; } }

.contentsLink { margin: 4rem auto; }
.contentsLink li { margin-bottom: 7rem; position: relative; }
.contentsLink li a { display: block; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; align-items: flex-end; color: #000; transition: .3s; position: relative; margin-top: -50px; }
.contentsLink li a * { min-height: 0%; }
.contentsLink li a:hover { opacity: 0.6; }
.contentsLink li:nth-child(even) .txt_deco { margin-left: 40%; padding: 40px 15% 40px 0; text-align: right; }
.contentsLink li:nth-child(even) .txt_deco span { padding-right: 0; padding-left: 1rem; }
.contentsLink li:nth-child(even) .txt_deco::after { right: auto; left: 0; }
.contentsLink li:nth-child(even) .txtArea { padding-right: 15%; padding-left: 3%; order: 2; }
.contentsLink li:nth-child(even) .pic { width: 60%; padding-right: 0; padding-left: 5%; order: 1; }
.contentsLink li:last-child { margin-bottom: 0; }
.contentsLink .txt_deco { width: 60%; background: #f9f8f3; padding: 40px 0 40px 15%; color: #a9a19a; position: relative; z-index: 0; font-size: 0.8rem; }
.contentsLink .txt_deco span { display: inline-block; background: #f9f8f3; position: relative; z-index: 2; padding-right: 1rem; }
.contentsLink .txt_deco::after { content: ""; display: block; width: 70%; height: 1px; background: #a9a19a; position: absolute; top: 50%; right: 0; z-index: 1; }
.contentsLink .txtArea { width: 40%; padding-left: 15%; padding-right: 3%; }
.contentsLink .txtArea h4 { margin-bottom: 50px; }
.contentsLink .txtArea h4 img { height: 2.7rem; width: auto; }
.contentsLink .txtArea .copy { font-size: 20px; line-height: 2; margin-bottom: 50px; }
.contentsLink .txtArea .more { background: #635f57; color: #fff; position: relative; padding: 10px 30px 10px 10px; text-align: right; }
.contentsLink .txtArea .more::after { content: ""; display: block; position: absolute; top: 42%; right: 12px; width: 10px; height: 10px; box-sizing: border-box; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); }
.contentsLink .pic { width: 60%; padding-right: 5%; }
@media (max-width: 767px) { .contentsLink { margin-bottom: 0; }
  .contentsLink li a { margin-top: -10px; }
  .contentsLink li:nth-child(even) .txt_deco { margin-left: 0; }
  .contentsLink li:nth-child(even) .txtArea { padding-right: 10%; padding-left: 10%; }
  .contentsLink li:nth-child(even) .pic { width: 100%; padding-right: 5%; padding-left: 0; }
  .contentsLink .txt_deco { width: 100%; }
  .contentsLink .txtArea { width: 100%; order: 2; margin-top: 2rem; padding-left: 10%; padding-right: 10%; }
  .contentsLink .txtArea h4 { font-size: 6vw; }
  .contentsLink .txtArea .copy { font-size: 4vw; }
  .contentsLink .pic { padding-left: 5%; padding-right: 0; width: 100%; order: 1; } }

@media (max-width: 767px) { .msn-imageGrid { margin-bottom: 0; }
  #sec-feature { margin-bottom: 0; } }
#sec-plan { background: #f9f8f3; padding-bottom: 3rem; }
#sec-plan .msn-buttonMore-wrap .msn-buttonMore--black { background: #ab9469; }
#sec-plan .msn-buttonMore-wrap .msn-buttonMore { border: none; }
#sec-plan .contentsLink li { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
#sec-plan .contentsLink li * { min-height: 0%; }

#planBlock { position: relative; padding-bottom: 3rem; margin-bottom: 4rem; }
#planBlock::after { content: ""; display: block; width: 100%; height: 80%; background: #f9f8f3; position: absolute; bottom: 0; left: 0; z-index: 1; }
#planBlock .msn-buttonMore-wrap { position: relative; z-index: 2; }

#top_plan { position: relative; z-index: 2; max-width: 1000px; width: 84%; margin: auto; }

#top_plan_more { background: #635f57; color: #fff; position: relative; padding: 10px 0; text-align: center; margin-top: 2rem; border-radius: 0; width: 400px; font-weight: normal; }
#top_plan_more::after { content: ""; display: block; position: absolute; top: 42%; right: 12px; width: 10px; height: 10px; box-sizing: border-box; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); }

@media (max-width: 767px) { #planBlock::after { height: 95%; }
  #top_plan { margin-bottom: 3rem; }
  #top_plan_more { width: 82%; } }