@charset "UTF-8";
/**$txt:#333;
$txt2: #3e5059;**/
.footer-gnavbtn .footer-gnavbtn-list {
  display: none; }

.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;
    align-items: stretch; }
    .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: flex;
        align-items: center;
        justify-content: center;
        background: #777;
        width: 100%;
        height: 100%;
        font-size: 1rem;
        padding: .75rem 0;
        position: relative;
        color: #fff;
        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","yu-gothic-pr6n","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 .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","yu-gothic-pr6n","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 {
  /*@include mincho;*/
  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: 8px 0 3.2rem; }
  body#map .subwin-btn ul {
    max-width: 500px;
    margin: 0 auto; }
    body#map .subwin-btn ul li.gmap a {
      background: #a28037;
      color: #fff; }
      body#map .subwin-btn ul li.gmap a::before {
        border: thin solid #000; }
    body#map .subwin-btn ul li.print {
      width: 100%; }

#map02 {
  margin-top: 2.4rem; }
  #map02 .navigation,
  #map02 #menuButton,
  #map02 .breadcrumbs,
  #map02 .conversion,
  #map02 .laurel-banners,
  #map02 .other-property-list,
  #map02 #sp_footer_nav_belt {
    display: none; }
  #map02 .header_container .logo a {
    pointer-events: none; }
  #map02 .contact {
    padding-bottom: 2rem;
    border-top: 1px solid #ddd; }
  #map02 .corp-logo ul li a {
    pointer-events: none; }
  #map02 .corp-logo .copyright {
    padding-top: 1.5rem; }
  #map02 .header_container {
    padding-bottom: 1rem; }
  #map02 .map-img {
    max-width: 800px;
    margin: auto; }
    #map02 .map-img .img {
      border: solid 1px #595858; }
  #map02 .add {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
    color: #fff;
    background: #a5221b; }
    #map02 .add .txt {
      font-size: 1.4rem; }
    #map02 .add .note {
      margin-top: 0.5rem;
      text-align: center; }
  #map02 .subwin-btn {
    padding: 3rem 0; }
    #map02 .subwin-btn ul {
      max-width: 500px;
      margin: 0 auto; }
      #map02 .subwin-btn ul li.gmap a {
        background: #a28037;
        color: #fff; }
        #map02 .subwin-btn ul li.gmap a::before {
          border: thin solid #000; }
      #map02 .subwin-btn ul li.print {
        width: 100%; }
  @media screen and (max-width: 600px) {
    #map02 {
      padding-bottom: 0; } }

@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; } }

.yokoku-txt {
  font-size: 1.5em; }