@charset "utf-8";

h3 { font-size: 3rem; text-align: center; color: #9fa0a0; line-height: 1.2; font-weight: bold; }
h3 span { display:block; font-size:1.6rem; color:#231815; }

/* slider css ----------------------------------------*/
.slider { position:relative; z-index: 1; }
.slider-item { background-repeat: no-repeat; background-position: center; background-size: cover; }

/*ドットナビゲーションの設定*/
.slick-dots { text-align:center; margin-top:1rem; }
.slick-dots li { display:inline-block; margin:0 1rem; }
.slick-dots button {
    color: transparent;
    outline: none;
    width:15px;
    height:15px;
    display:block;
    border-radius:50%;
    background:#c9caca;
}
.slick-dots .slick-active button{ background:#231815; }

/* common ----------------------------------------*/
section { margin-top:9rem; }
section:last-child { margin-bottom:11rem; }
main{margin-top: 0px}
/* mv ----------------------------------------*/
#mv{ margin-top:18.5rem; }
#mv .wrap { position:relative; }
#mv .mark { position:absolute; top:3rem; right:0; z-index:10; }
#mv img { width:100%; }

/* info ----------------------------------------*/
#info {  }
#info h3 span { color:#231815; }
#info ul { margin-top:2.5rem; }
#info ul li { border-top:solid 1px #9FA0A0; text-align:center; padding:4rem 0; font-weight: bold; }
#info ul li:first-child { border-bottom:solid 1px #9FA0A0; font-size:3.6rem; }
#info ul li:nth-of-type(n+2) { border-top:none; }
#info ul li.cont { max-width:57rem; width:100%; margin:0 auto; }
#info ul li.cont .text { border-bottom:solid 1px #9FA0A0; text-align:center; padding:2rem 0; font-size:3.6rem; line-height:1.4; }
#info ul li.cont .contWrap { margin-top:7rem; }
#info ul li.cont .contWrap .ttl { font-size:3rem; color:#006A95; font-weight: bold; }
#info ul li.cont .contWrap .tx { font-size:1.8rem; margin:6rem 0; }
#info ul li.cont .contWrap .box { background:#006A95; text-align:center; max-width:39rem; margin:0 auto; font-weight:bold; padding:0.5rem 0; color:#fff; }

/* content ----------------------------------------*/
#content {}
#content ul {}
#content > ul > li { 
  width:calc((100% - 100rem) / 2 + 100rem);
  position:relative;
  margin-bottom:9rem;  
}
#content > ul > li:nth-child(1) {background:#006A95; }
#content > ul > li:nth-child(2) {background:#CF736D; margin-left:auto; transform:translateX(100%); }
#content > ul > li:nth-child(3) {background:#4D4838; margin-bottom:0; }
#content > ul > li:after {
  content:"";
  display:block;
  position:absolute;
  right:0;
  bottom:0;
  border-style: solid;
  border-width: 0 0 42rem 20rem;
  border-color: transparent transparent #fff transparent;
}
#content > ul li:nth-of-type(even):after{
  right:initial;
  left:0;
  border-width: 42rem 0 0 20rem;
  border-color: transparent transparent transparent #fff;
}
#content ul li .back { mix-blend-mode:multiply; }
#content ul li:nth-of-type(even) .back img { display:block; margin-left:auto; }
#content ul li .wrap { max-width:100rem; width:100%; margin-left:auto; position:absolute; top:0; padding:4rem 0; color:#fff; }
#content ul li:nth-of-type(odd) .wrap { right:0; }
#content ul li:nth-of-type(even) .wrap { left:0; }
#content ul li .wrap .tt { display:flex; align-items:flex-end;  }
#content ul li .wrap .tt li:first-child { margin-right:5rem; }
#content ul li .wrap .tt li:last-child { font-size:2rem; }
#content ul li:nth-of-type(even) .wrap .tt { margin-left:8rem; }
#content ul li .wrap .img { display:flex; justify-content:space-between; max-width:57rem; margin:5rem auto 0; }
#content ul li .wrap .img li { width:48%; }
#content ul li .wrap .img li img { margin-bottom:1rem; }

/* outline ----------------------------------------*/
#outline { padding-top:15.5rem; margin-top:-15.5rem; }
#outline h3 { margin-top:10rem; }
#outline p.t { background:#e5edee; font-weight: bold; padding:0.5rem 4rem; margin:2rem 0; }
#outline p.t.t2 { margin:4rem 0 2rem; background:#cdd3e6; }
#outline table { width:100%; }
#outline table tr { font-weight: bold; padding:1rem 0; }
#outline table tr th { border-right:solid 2px #4a8186; width:20%; text-align:right; padding:1rem 3rem 1rem 0; }
#outline table tr td { padding:1rem 0 1rem 3rem; width:80%; }
#outline ul { max-width:43rem; width:100%; margin:5rem auto 0; }
#outline ul li { display:flex; }
#outline ul li:nth-of-type(n+2) { margin-top:2rem; }
#outline ul li span { text-align:center; padding:0.5rem 0; }
#outline ul li span:first-child { background:#006A95; color:#fff; font-weight: bold; width:40%; }
#outline ul li span:last-child { background:rgb(0,106,149,.15); width:60%; }

#home { margin-top:13rem; }
#home h3 { font-size:2.6rem; color:#231815; }
#home .box { border:solid 2px #00397A; margin-top:3rem; }
#home .box .flb { display:flex; margin-top:5rem; }
#home .box .flb li {}
#home .box .flb > li:first-child { width:36%; }
#home .box .flb > li:last-child { width:63%; padding:0 2rem; }
#home .box .flb > li:last-child ul { display:flex; justify-content:space-between; margin:1rem 0; }
#home .box .flb > li:last-child ul li { width:32%; }
#home .box .flb li .ttl { font-size:2.6rem; color:#00397a; font-weight: bold; text-align:center; }
#home .box .flb li .tx { font-weight: bold; line-height:1.8; }
#home .box .flb li .btn { max-width:20rem; width:100%; margin-top:3rem; }

#bnrArea {}
#bnrArea h3 { font-size:2.6rem; color:#231815; }
#bnrArea ul { margin-top:3rem; }
#bnrArea ul li {  }
#bnrArea ul li:nth-of-type(n+2) { margin-top:3rem; }




/* slick-main -----*/
#modelroom .slider-thum .slick-img {  }
#modelroom .slider-thum .slick-list { margin:0 3rem; }
#modelroom .slick-img .text { text-align:center; margin-top:1rem; }
#modelroom .slick-img .text .title { font-size:1.4rem; line-height:1.2; }
#modelroom .slick-img .text .title span { color:#4a8186; display:block; font-size:2.6rem; font-weight: bold; }
#modelroom .slick-img .text .tx { margin-top:1rem; font-weight: bold; }
/* slick-thum -----*/
#modelroom .thumbnail-img p { text-align:center; color:#4a8186; font-weight: bold; font-size:1.4rem; }
#modelroom .thumbnail-img { opacity: 0.3; transition: opacity .3s linear; }
#modelroom .thumbnail .slick-track { transform: unset !important; }
#modelroom .thumbnail .slick-current { opacity: 1; }
#modelroom .thumbnail .slick-slide { padding:1rem; }
/* slick-common -----*/
.slick-arrow { 
  position:absolute;
  z-index:2;
  top:35%;
  height:8rem;
  width:2rem;
  background:#b5b5b6;
  cursor:pointer;
}
.slick-arrow:before { 
  content:' ';
  width:30px;
  height:25px;
  border-right: solid 4px #fff;
  transform: rotate(20deg);
  position: absolute;
  top: calc(50% - 0.6rem);
  right:0.75rem;
}
.slick-arrow:after {
  content:' ';
  width:30px;
  height:25px;
  border-right: solid 4px #fff;
  transform: rotate(-20deg);
  position: absolute;
  bottom: calc(50% - 0.6rem);
  right:0.75rem;
}
.next-arrow { right:0!important; }
.prev-arrow { left:0!important; transform:rotate(180deg); }

@media screen and (max-width:600px){
  .slick-arrow { top:23%; }
  .slick-arrow:before { top:calc(50% - 0.7rem); }
  .slick-arrow:after { bottom:calc(50% - 0.7rem); }  
}



/*========================================
responsive
========================================*/
@media screen and (max-width:1024px){}
@media screen and (max-width:1000px){
  
  #content > ul > li { margin-bottom:5rem; }
  #content > ul > li { width:100%; }
  #content > ul > li:after { display:none; }
  #content ul li:nth-of-type(even) .wrap .tt { margin-left:0; }
  #content ul li .back { height:45rem; }
  #content ul li .back img { height:100%; }
  #content ul li .wrap { }
  #content ul li .wrap .tt { padding:0 2rem; align-items:flex-start; }
  #content ul li .wrap .tt li:last-child { font-size:1.8rem; }
  
}
@media screen and (max-width:870px){
  #mv { margin-top:9rem; }
}
@media screen and (max-width:768px){
  
  #home ul { display:block; }
  #home ul li { width:100%; }
  #home ul li {  }
}
@media screen and (max-width:600px){
  #mv{ margin-top: 7rem; }
  #content ul li .back { height:100rem; }
  #content ul li .back img { object-fit:cover; }
  #content ul li .wrap .tt { display:block; }
  #content ul li .wrap .tt li { text-align:center; }
  #content ul li .wrap .tt li:first-child { margin-right:0; margin-bottom:2rem; }
  #content ul li .wrap .tt li:last-child { font-size:1.8rem; }
  #content ul li .wrap .img { display:block; max-width:100%; padding:0 2rem; }
  #content ul li .wrap .img li { width:100%; font-size:1.6rem; }
  #content ul li .wrap .img li:first-child { margin-bottom:2rem; }
  
  #info ul li:first-child { font-size:2.4rem; }
  #info ul li.cont .text { font-size:2.4rem; }
  #info ul li.cont .contWrap .ttl { font-size:2rem; }
  #info ul li.cont .contWrap .tx { margin:3rem 0; }
  
  #outline { padding-top:3rem; margin-top:-3rem; }
  #outline h3 { margin-top:5rem; }
  #outline table tr th { width:33%; }
  #outline ul li { display:block; }
  #outline ul li span { width:100%!important; display:block; }
  
  
  #home .box .flb { flex-direction:column; margin:2rem 0; }
  #home .box .flb > li { width:100%!important; overflow:hidden; }
  #home .box .flb > li:first-child img { max-width:none; width:105%; margin-bottom:2rem; }
  #home .box .flb li .ttl { font-size:2rem; }
  #home .box .flb > li:last-child ul { margin-top:2rem; }
  #home .box .flb li .btn { margin:3rem auto 0; }
  
  #bnr-area ul { display:block; }
  #bnr-area ul li { width:100%; margin-right:0; margin-bottom:2rem; }
  #bnr-area ul li:nth-of-type(n+3) { margin-bottom:2rem; }
  #bnr-area ul li:last-child { margin-bottom:0; }
  
}
@media screen and (max-width:414px){}
@media screen and (max-width:375px){}
@media screen and (max-width:320px){}