@charset "UTF-8";
.footer-gnavbtn .footer-gnavbtn-list { display: none; }

.contents { color: #222; }

.breadcrumbs { background: #fff; }
.breadcrumbs ul li { color: #222; }
.breadcrumbs ul li + li::before { color: #222; }
.breadcrumbs ul li a { color: #222; }

.subwin-btn { padding: 4rem 0; }
.subwin-btn ul { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.subwin-btn ul * { min-height: 0%; }
.subwin-btn ul li { width: 47%; max-width: 220px; margin: 1rem 1% 0 1%; }
.subwin-btn ul li a { display: block; background: #fff; width: 100%; font-size: 1rem; padding: .75rem 0; position: relative; color: #222; border: solid 1px #222; text-align: center; transition: .3s; }
.subwin-btn ul li a:hover { opacity: .8; }
.subwin-btn ul li a::before { content: ""; display: none; width: calc(100% - 4px); height: calc(100% - 4px); border: thin solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.subwin-btn ul li a .txt { display: block; line-height: 1.2; }
@media screen and (max-width: 600px) { .subwin-btn ul li { width: 100%; }
  .subwin-btn ul li.print { display: none; } }

body#outline .ol-box { font-family: "Noto Sans JP","Roboto","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; max-width: 750px; margin: 0 auto; }
body#outline .ol-box .ol-ttl { color: #7f6e60; line-height: 1.4; font-weight: bold; font-size: 1rem; }
body#outline .ol-box table { width: 100%; margin-top: 1rem; border: solid 1px #ccc; border-collapse: collapse; }
body#outline .ol-box table th, body#outline .ol-box table td { padding: 1rem 1.25rem; font-size: .8125rem; line-height: 1.6; vertical-align: top; border: solid 1px #ccc; }
body#outline .ol-box table th { /*width: 28%;*/ width: 29%; font-weight: normal; background: #eee; }
body#outline .ol-box table td { /*width: 72%;*/ width: 71%; }
body#outline .ol-box table b { font-weight: normal; font-size: 16px; }
body#outline .ol-box table .font-s { display: inline-block; font-size: 0.75rem; margin-top: 0.5rem; }
body#outline .ol-box table .benefit { /*margin-top: 0;*/ /*margin-bottom: 1rem;*/ margin-top: 1rem; }
body#outline .ol-box + .ol-box { margin-top: 4rem; }
body#outline .ol-data { font-family: "Noto Sans JP","Roboto","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; max-width: 750px; margin: 2rem auto 0 auto; text-align: right; font-size: .8125rem; line-height: 1.6; }
body#outline .pre_ad { font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; text-align: left; line-height: 1.44; }
body#outline .pre_ad .font-l { display: inline-block; margin-right: 0.5rem; font-size: 1.125rem; }
body#outline .pre_ad .font-s { display: inline-block; font-size: 0.75rem; margin-top: 0.5rem; }
@media screen and (max-width: 600px) { body#outline .ol-box table { border: none; border-right: solid 1px #ccc; border-left: solid 1px #ccc; }
  body#outline .ol-box table th, body#outline .ol-box table td { display: block; border: none; border-bottom: solid 1px #ccc; width: 100%; }
  body#outline .ol-box table tr:first-of-type th { border-top: solid 1px #ccc; }
  body#outline .ol-box table .font-s { font-size: 1em; }
  body#outline .pre_ad .font-l { font-size: 1.285714285714286rem; }
  body#outline .pre_ad .font-s { font-size: 1em; } }

body#map .map-img { max-width: 800px; margin: auto; }
body#map .map-img .img { border: solid 1px #595858; }
body#map .subwin-btn { padding: 3rem 0; }
body#map .subwin-btn ul { max-width: 500px; margin: 0 auto; }
body#map .subwin-btn ul li.gmap a { border: solid 1px #1b5a2d; background: #1b5a2d; color: #fff; }
body#map .subwin-btn ul li.gmap a::before { border: thin solid #000; }
body#map .subwin-btn ul li.print { width: 100%; }

@media print { body { width: 90%; margin: 0 auto; }
  header { display: none; }
  .contents { padding: 0; /*margin-top: -120px;*/ margin-top: 0; }
  .contents .subwin-btn, .contents .conversion { display: none; }
  footer .navigation, footer .laurel-banners, footer .other-property-list, footer .corp-logo { display: none; } }
.video-box { width: 100%; margin: 0 auto 5rem; }
@keyframes moviefadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.video-box .video-inner { overflow: hidden; border-radius: 4px; box-shadow: 0 0 2px #ad853d; position: relative; padding-bottom: 56.25%; }
.video-box .video-inner video, .video-box .video-inner img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.video-box .video-inner .video-tag { position: absolute; top: 0; left: 0; }
.video-box .video-inner .video-play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; cursor: pointer; }
.video-box .video-inner .video-play.fadeOut { pointer-events: none; animation: moviefadeOut 0.5s linear 0s forwards; }
.video-box .video-inner .video-play::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url("../video/lc-kawaguchi-zeh_poster.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.2; }
.video-box .video-inner .video-play::after { content: ""; display: block; width: 120px; padding-bottom: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("../video/movie_assets_play.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
@media screen and (max-width: 600px) { .video-box .video-inner .video-play::after { width: 80px; padding-bottom: 80px; } }

/******************************************************

faq

******************************************************/
#faq .faq-head { background: #dfd8d2; max-width: 1400px; border-top: 1px solid #ccc; margin: auto; padding: 3rem 0; }
#faq .map-en { text-align: center; font-size: 2.4rem; }
#faq .text-kana { text-align: center; font-size: 1rem; margin-top: 0.5rem; }
#faq .accordion { border-bottom: 1px solid #ccc; margin: auto; max-width: 90rem; margin-top: 5rem; margin-bottom: 5rem; }
#faq .toggle { display: none; }
#faq .Label { /*タイトル*/ padding: 1.8rem 5rem 1.8rem 6rem; margin-top: 0.5rem; display: block; color: #000; background: #dfd8d2; font-size: 1.2rem !important; line-height: 1.7; position: relative; }
#faq .Label b { position: absolute; left: 1.5rem; top: 50%; color: #111; font-weight: lighter; transform: translateY(-50%); font-size: 1.8rem; }
#faq .Label::before { /*タイトル横の矢印*/ content: ""; width: 2rem; height: 2px; background: #111; position: absolute; top: 50%; right: 2%; transform: translateX(-50%) translateY(-50%) rotate(0deg); }
#faq .Label::after { /*タイトル横の矢印*/ content: ""; width: 2rem; height: 2px; background: #111; position: absolute; top: 50%; right: 2%; transform: translateX(-50%) translateY(-50%) rotate(90deg); }
#faq .Label, #faq .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; font-size: 1.2rem !important; line-height: 1.7; }
#faq .content { /*本文*/ height: 0; padding: 0 5% 0 6rem; overflow: hidden; position: relative; }
#faq .content b { position: absolute; left: 1.5rem; top: 1.35rem; color: #111; font-weight: lighter; font-size: 1.8rem; }
#faq .content a { word-break: break-all; }
#faq .toggle:checked + .Label + .content { /*開閉時*/ height: auto; padding: 2rem 2rem 2rem 6rem; transition: all .3s; }
#faq .toggle:checked + .Label { background: #dfd8d2; }
#faq .toggle:checked + .Label::after { display: none; }
#faq .conversion { width: 90%; }

body#plan .subwin-btn { padding: 3rem 0; }
body#plan .subwin-btn ul li a { background: #fff; color: #000; border: 1px solid #aaa; }
body#plan .subwin-btn ul li a::before { border: thin solid #000; }

.plan-detail { max-width: 1400px; margin: auto; }
.plan-detail .detail-txt01 { background: #7f6e60; box-sizing: border-box; padding: 1rem 5% 0.5rem; color: #fff; text-align: center; line-height: 1.4; font-size: 1.8rem; }
.plan-detail .detail-txt01 b { font-weight: lighter; font-size: 220%; line-height: 1; }
.plan-detail .detail-txt01 b.middle { font-weight: lighter; font-size: 140%; line-height: 1; }
@media screen and (max-width: 600px) { .plan-detail .detail-txt01 { font-size: 1.5rem; } }
.plan-detail .detail-txt02 { background: #dfd8d2; box-sizing: border-box; padding: 0.1rem 2%; color: #000; text-align: center; font-size: 1rem; line-height: 1.4; }
.plan-detail .detail-txt02 b { font-weight: lighter; font-size: 240%; }
.plan-detail .detail-txt02 .txt-s { display: inline-block; text-align: left; font-size: 0.9rem; }
@media screen and (max-width: 600px) { .plan-detail .detail-txt02 { font-size: 0.8rem; }
  .plan-detail .detail-txt02 .txt-s { font-size: 0.6rem; } }
.plan-detail .plan-d-img { width: 90%; margin: 3rem 5%; text-align: center; }
.plan-detail .plan-d-img img { max-width: 520px; width: 100%; height: auto; }

.hanrei { display: block; margin: auto; width: 80%; margin-top: 1.5rem; text-align: center; }
.hanrei img { max-width: 360px; width: 100%; height: auto; }

.plan-d-merit { margin: auto; max-width: 800px; width: 90%; }
.plan-d-merit li { margin-top: 0.5rem; background: #dfd8d2; padding: 0.5rem; font-size: 1.3rem; line-height: 1.4; text-align: center; }
.plan-d-merit li b { color: #920c26; font-weight: lighter; }
@media screen and (max-width: 600px) { .plan-d-merit li { font-size: 3.5vw; } }