@charset "UTF-8";
@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: "Jost", "Noto Sans JP", sans-serif, "游ゴシック Medium","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; font-weight: 400; -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; }

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

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

#sec-info { background: #333333; padding: 4rem 0 2rem; margin-bottom: 0; }
#sec-info .msn-h2, #sec-info .msn-h2__inner, #sec-info .msn-topInfo__copy { color: #fff; }
@media (min-width: 767px) { #sec-info { margin-bottom: 0; } }

#top_news { border-radius: 5px; }

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

#sec-feature .msn-section__container { max-width: 1200px; }

#top_cv-area .msn-cv-button--30min {
  display: none;
}

/*.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: 4rem; }
.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; color: #000; transition: .3s; }
.contentsLink li a * { min-height: 0%; }
.contentsLink li a:hover { opacity: 0.6; }
.contentsLink .txtArea { width: 50%; padding-left: 20%; padding-right: 3%; }
.contentsLink .txtArea h4 { font-size: 40px; margin-bottom: 20px; }
.contentsLink .txtArea .copy { font-size: 20px; line-height: 2; margin-bottom: 30px; }
.contentsLink .txtArea .more::before { content: ""; display: inline-block; vertical-align: middle; width: 50px; height: 1px; background: #000; margin-right: 10px; }
.contentsLink .pic { width: 50%; }
@media (max-width: 767px) { .contentsLink { margin-bottom: 0; }
  .contentsLink .txtArea { width: 90%; margin: 2rem auto 0; order: 2; padding-left: 0; }
  .contentsLink .txtArea h4 { font-size: 6vw; }
  .contentsLink .txtArea .copy { font-size: 4vw; }
  .contentsLink .pic { width: 100%; order: 1; } }

@media (max-width: 767px) { .msn-imageGrid { margin-bottom: 0; }
  #sec-feature { margin-bottom: 0; } }
#sec-plan { background: #f8f5f0; padding-bottom: 3rem; }
#sec-plan .msn-buttonMore-wrap .msn-buttonMore--black { background: #ba9a7b; }
#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%; }

@media (max-width: 767px) { #top_plan { margin-bottom: 3rem; } }