@charset "UTF-8";
/* ================================================
pc
================================================ */
/*Anchor==================== */

a {
  color: #fff;
}
a:hover {
  opacity: 0.7;
}

/* common================================================ */
body {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
}
.sp {
  display: none;
}
.pc {
  display:block;
}
.inner {
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  /* common================================================ */
/*  .pc {
    display: none;
  }
  .tab {
    display: block;
  }
  body {
    width: 100%;
  }
  .inner {
    max-width: 90%;
  }
  img {
    width: 100%;
  }*/
}

@media screen and (max-width: 768px) {
  /* common================================================ */
  .sp {
    display: block;
  }
  .pc,
  .tab {
    display: none;
  }
  body {
    width: 100%;
  }
  img {
    width: 100%;
  }
  .inner {
    max-width: 90%;
  }

}

/* header================================================ */
header {
display: flex;
align-items:center;
justify-content: space-between;
padding: 30px 10px;
}
header h1{
padding-left:3%;
}
nav.side ul {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
nav.side li {
max-width: 165px;
padding: 0 15px;
border-left: 1px solid #aa965c;
}
nav.side li:nth-child(6),
nav.side li:nth-child(7) {
padding: 0 5px;
}
nav.side li:nth-child(1),
nav.side li:nth-child(6),
nav.side li:nth-child(7) {
border-left: 0;
}
nav.side li img {
width: 100%;
height: 100%;
}

@media screen and (max-width: 768px) {
/* header================================================ */
header {
display: flex;
align-items:center;
padding: 2%;
height: 60px;
}
h1 {
width: auto;
height: 40px;
padding-top: 0;
}
h1 img {
height: 40px;
width: auto;
}
nav ul {
display: block;
}
.sp_nav {
}
.sp_nav dt {
width: 35px;
}
.sp_nav dd {
position: absolute;
top: 60px;
left: 0;
width: 100%;
background: #f2f2f8;
clear: both;
padding: 0 3%;
display: none;
font-size: 20px;
z-index:10;
}
.sp_nav dd a {
color: #333;
display: block;
}
.sp_nav dd span {
color: #710000;
}
.sp_nav dd ul {
padding-bottom: 2%;
}
.sp_nav dd li {
border-bottom: 1px dotted #000;
padding: 2%;
}
.sp_nav dd li span {
float: right;
}
.sp_nav dd .sp_contact {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sp_nav dd .sp_contact li {
width: 48%;
border-bottom: 0;
text-align: center;
}
.sp_nav dd .sp_contact li img {
width: 100%;
}
.sp_nav dd .sp_contact a {
display: block;
}
.sp_nav dd .sp_contact li:nth-child(3) {
width: 100%;
}
.sp_nav dd .sp_contact li:nth-child(3) img {
width: 90%;
}
}
/* mv================================================ */
.main_img {
width: 100%;
}
.main_img img{
width: 100%;
}

@media screen and (max-width: 768px) {
}
/* concept================================================ */
.concept_box{
background:url(../img/concept_box_bg.png);
padding:90px 0;
text-align:center;
}
.concept_box h3{
margin-bottom:50px;
}
.concept_box p{
line-height:2.5em;
margin-bottom:50px;
font-size:18px;
}
.concept_box h4{
font-size:90px;
color:#780b11;
letter-spacing:0.2em;
}
.concept_tit{
text-align:center;
padding:200px 0 20px;
}
.concept_sub_box{
display:flex;
justify-content:space-between;
width:100%;
max-width:1100px;
margin:0 auto;
padding:120px 0;
}
.c_txt{
width:44%;
line-height:2.3em;
font-size:18px;
}
.c_img{
width:50%;
}
.station_front{
background:#efeedf;
}
.station_front .concept_tit{
background:url(../img/station_front_bg.png);
background-size:cover;
}
.station_front .c_txt p:first-child{
padding-bottom:10px;
border-bottom:1px solid #231815;
margin-bottom:20px;
}
.extent{
background:#efeedf;
}
.extent .concept_sub_box{
flex-flow:row-reverse;
}
.extent .concept_tit{
background:url(../img/extent_bg.png);
background-size: cover;
}
.extent .c_txt p:first-child{
margin-bottom:30px;
}

@media screen and (max-width: 768px) {
.concept_box{
padding:10% 0;
}
.concept_box h3{
width:80%;
margin:0 auto 5%;
}
.concept_box p{
line-height:2.5em;
margin-bottom:5%;
/*font-size:16px;*/
font-size:4vw;
}
.concept_box h4{
font-size:48px;
font-size:12vw;
letter-spacing:0.2em;
}
.concept_tit{
text-align:center;
padding:20% 15% 5%;
}
.concept_sub_box{
display:block;
width:90%;
margin:0 auto;
padding:10% 0;
}
.c_txt{
width:100%;
line-height:2.3em;
font-size:16px;
margin-bottom:5%;
}
.c_img{
width:100%;
}
.station_front{
}
.station_front .concept_tit{
background-size:cover;
background-position:center center;
}
.station_front .c_txt p:first-child{
padding-bottom:2%;
margin-bottom:3%;
}
.extent{
background:#efeedf;
}
.extent .concept_sub_box{
flex-flow:row-reverse;
}
.extent .concept_tit{
background-size:cover;
background-position:center center;
}
.extent .c_txt p:first-child{
margin-bottom:5%;
}
}

/* plan================================================ */
.plan_box{
padding:200px 0 0;
}
.plan_box h3{
text-align: center;
margin-bottom:20px;
}
.plan_box h3 + p{
text-align: center;
font-size:24px;
margin-bottom:80px;
}
.plan_flex_box{
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:120px;
}
.plan_flex_box:nth-child(even){
flex-flow:row-reverse;
}
.plan_flex_box:last-child{
margin-bottom:190px;
}
.plan_flex_img{
width:55%;
}
.plan_flex_txt{
width:41%;
}
.plan_flex_txt h4{
margin-bottom:30px;
}
.plan_flex_txt .sub_tit{
margin-bottom:25px;
}
.plan_flex_txt .p_txt{
font-size:18px;
line-height:1.5em;
margin-bottom:30px;
}
.plan_img{
margin-bottom:30px;
}
.plan_point{
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.plan_point_l{
width:48%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.plan_point_r{
width:48%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.point_img{
margin-bottom:30px;
}
.plan_point dl{
margin-bottom:50px;
width:46%;
}
.plan_point dt{
display:flex;
align-items:center;
padding-bottom:5px;
border-bottom:1px solid #6a3906;
margin-bottom:10px;
font-size:20px;
color:#6a3906;
}
.plan_point dt span{
margin-right:3px;
margin-top:-3px;
}

@media screen and (max-width: 768px) {
/* plan================================================ */
.plan_box{
padding:20% 0 20%;
}
.plan_box h3{
margin-bottom:5%;
}
.plan_box h3 + p{
font-size:18px;
margin-bottom:10%;
}
.plan_flex_box{
display:block;
margin-bottom:15%;
}
.plan_flex_box:nth-child(even){
}
.plan_flex_box:last-child{
margin-bottom:20%;
}
.plan_flex_img{
width:100%;
margin-bottom:5%;
}
.plan_flex_txt{
width:100%;
}
.plan_flex_txt h4{
margin-bottom:5%;
}
.plan_flex_txt .sub_tit{
margin-bottom:5%;
}
.plan_flex_txt .sub_tit img{
height:100%;
width:auto;
}
.plan_flex_txt .p_txt{
font-size:16px;
line-height:2em;
margin-bottom:5%;
}
.plan_img{
margin-bottom:30px;
}
.plan_point{
display:block;
}
.plan_point_l{
width:100%;
display:block;
}
.plan_point_r{
width:100%;
display:block;
}
.point_img{
margin-bottom:5%;
}
.plan_point dl{
margin-bottom:5%;
width:100%;
}
.plan_point dt{
display:flex;
align-items:center;
padding-bottom:5px;
border-bottom:1px solid #6a3906;
margin-bottom:10px;
font-size:20px;
color:#6a3906;
}
.plan_point dt span{
margin-right:5px;
margin-top:-3px;
}
}


/* equip================================================ */
.equip_box{
padding:120px 0 40px;
background:#efeedf;
}
.equip_box h3{
text-align:center;
margin-bottom:20px;
}
.equip_box h3 + p{
text-align: center;
font-size:24px;
margin-bottom:80px;
}

.kitchen{
margin-bottom:40px;
}
.bath{
margin-bottom:40px;
}
.p_r{
margin-bottom:40px;
display:flex;
justify-content:space-between;
}
.powder{
width:60%;
}
.rest{
width:37%;
}
.interior{
margin-bottom:40px;
}
.interior_tii{
margin-bottom:20px;
}
.interior_box{
display:flex;
justify-content:space-between;
}
.interior_box .i_door{
width:73%;
}
.interior_box .w_g{
width:24%;
}
.interior_box .w_g p:first-child{
margin-bottom:20px;
}

.exterior{
/*padding-bottom:40px;*/
}
.exterior_tii{
margin-bottom:20px;
}
.exterior_box{
display:flex;
justify-content:space-between;
margin-bottom:40px;
}
.exterior_box .wall{
width:40%;
}
.exterior_box .e_door{
width:57%;
}
.exterior_box .e_roof{
width:100%;
}

@media screen and (max-width: 1200px) {
/* equip================================================ */
}

@media screen and (max-width: 768px) {
/* equip================================================ */
.equip_box{
padding:20% 0 10%;
}
.equip_box h3{
margin-bottom:5%;
}
.equip_box h3 + p{
font-size:18px;
margin-bottom:10%;
}

.kitchen{
margin-bottom:10%;
}
.bath{
margin-bottom:10%;
}
.p_r{
margin-bottom:10%;
display:block;
}
.powder{
width:100%;
margin-bottom:10%;
}
.rest{
width:100%;
}
.interior{
margin-bottom:10%;
}
.interior_tii{
margin-bottom:5%;
}
.interior_box{
display:block;
}
.interior_box .i_door{
width:100%;
margin-bottom:10%;
}
.interior_box .w_g{
width:100%;
}
.interior_box .w_g p:first-child{
margin-bottom:10%;
}

.exterior{
margin-bottom:10%;
}
.exterior_tii{
margin-bottom:5%;
}
.exterior_box{
display:block;
margin-bottom:10%;
}
.exterior_box .wall{
width:100%;
margin-bottom:10%;
}
.exterior_box .e_door{
width:100%;
}
.exterior_box .e_roof{
width:100%;
}
}

/* structure================================================ */
.structure_box{
padding:0 0 120px;
background:#efeedf;
}
.structure_box h3{
text-align:center;
margin-bottom:20px;
}
.structure_box h3 + p{
text-align: center;
font-size:24px;
margin-bottom:80px;
}
.structure{
}
.conventional1{
margin-bottom:50px;
}
.conventional2{
}

@media screen and (max-width: 768px) {
/* structure================================================ */
.structure_box{
padding:0 0 20%;
}
.structure_box h3{
margin-bottom:5%;
}
.structure_box h3 + p{
font-size:18px;
margin-bottom:10%;
}
.structure{
display:block;
}
.conventional1{
width:100%;
margin-bottom:5%;
}
.conventional2{
width:100%;
}
}

/* access================================================ */
.access_box{
padding:120px 0 60px;
}
.access_box h3{
text-align:center;
margin-bottom:20px;
}
.access_box h3 + p{
text-align: center;
font-size:24px;
margin-bottom:80px;
}
.access_ul{
text-align:center;
margin-bottom:50px;
}
.access_ul li:first-child{
margin-bottom:60px;
}
.access_from{
}
.access_from_tit{
font-size:18px;
margin:20px 0;
display: flex;
align-items: center;
justify-content:space-between;
}
.access_from_tit:after{
content: "";
display: inline-block;
width:calc(100% - 11em);
height: 1px;
background: #000;
background-position:center right;
box-sizing: border-box;
border-style: solid;
border-width: 0;
}
.access_from ul{
display:flex;
justify-content:space-between;
margin-bottom:50px;
}
.access_from_note{
font-size:14px;
text-align:left;
}




@media screen and (max-width: 768px) {
/* access================================================ */
.access_box{
padding:20% 0 10%;
}
.access_box h3{
margin-bottom:5%;
}
.access_box h3 + p{
font-size:18px;
margin-bottom:10%;
}
.access_ul{
text-align:center;
margin-bottom:5%;
}
.access_ul li:first-child{
margin-bottom:5%;
}
.access_from{
}
.access_from_tit{
font-size:16px;
margin:3% 0;
}
.access_from_tit:after{
}
.access_from ul{
display:block;
margin-bottom:5%;
}
.access_from li{
margin-bottom:5%;
}
.access_from li:last-child{
margin-bottom:0;
}
.access_from_note{
font-size:12px;
}
}
/* location================================================ */
.location_box{
padding:120px 0 60px;
}
.location_box h3{
text-align:center;
margin-bottom:20px;
}
.location_box h3 + p{
text-align: center;
font-size:24px;
margin-bottom:80px;
}

.i_map_box{
margin-bottom:80px;
}
.i_map{
margin-bottom:50px;
}

.location_box .loca_img {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom:50px;
}
.location_box .loca_img li {
margin-bottom: 30px;
width:30%;
}
.location_box .loca_txt{
margin-bottom:180px;
}
.location_box .loca_txt ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.location_box .loca_txt li{
margin-bottom:50px;
width:48%;
}
.location_box .loca_txt li:nth-child(3){
margin-top:-50px;
}

.location_box #map{
margin-bottom:80px;
}
.location_box #map iframe {
width: 100%;
height: 840px;
}
.location_box .briefing_box {
  text-align: center;
  padding-bottom: 100px;
}
.location_box .briefing_box p {
font-size: 24px;
margin-bottom:30px;
}
.location_box .briefing_box ul {
display:flex;
justify-content:center;
flex-wrap:wrap;
margin: 0 20px;
gap:50px;
}
.location_box .briefing_box ul li {
width:auto;
}
.location_box .briefing_box ul li:last-child{
margin-top:40px;
width:100%;
}


 @media screen and (max-width: 1200px) {

}

@media screen and (max-width: 768px) {
.location_box{
padding:20% 0 10%;
}
.location_box h3{
margin-bottom:5%;
}
.location_box h3 + p{
font-size:18px;
margin-bottom:10%;
}

.i_map_box{
margin-bottom:10%;
}
.i_map{
margin-bottom:5%;
}
.location_box .loca_img {
display:block;
margin-bottom:10%;
}
.location_box .loca_img li {
margin-bottom:5%;
width:100%;
}
.location_box .loca_txt{
margin-bottom:10%;
}
.location_box .loca_txt ul{
display: block;
}
.location_box .loca_txt li{
margin-bottom:10%;
width:100%;
}
.location_box .loca_txt li:nth-child(3){
margin-top:0;
}

.location_box #map{
margin-bottom:80px;
}
.location_box #map iframe {
width: 100%;
height: 240px;
}
.location_box .briefing_box {
  text-align: center;
  padding-bottom:0;
}
.location_box .briefing_box p {
font-size: 18px;
margin-bottom:5%;
}
.location_box .briefing_box ul {
display:block;
margin:0 auto 10%;
gap:0;
}
.location_box .briefing_box ul li {
width:90%;
margin:0 auto 5%;
}
.location_box .briefing_box ul li:last-child{
margin-top:0;
width:100%;
}
}

/* outline================================================ */
.outline_box{
background:#efeedf;
padding:70px 0 80px;
}
.ol_box {
display: flex;
justify-content: space-between;
font-size: 20px;
font-feature-settings: "palt";
}
.outline1 {
width: 48%;
}
.outline1 p {
margin-bottom: 2em;
}
.outline1 dl{
display:flex;
border-bottom: dotted 2px #000;
padding:10px 0 10px 20px;
box-sizing:border-box;
}
.outline1 dt{
width:35%;
}
.outline1 dd{
width:65%;
}
.outline2 {
width: 48%;
}
.outline2 p {
margin-bottom: 2em;
}
.outline2 dl {
display: flex;
border-bottom: dotted 2px #000;
padding: 10px 0 10px 20px;
box-sizing:border-box;
}
.outline2 dt {
width: 35%;
}
.outline2 dd {
width: 65%;
margin: 0;
}
.days{
}

.announcement{
margin-top:50px;
}
.announcement dl{
border-bottom:0;
display:block;
align-items: flex-start;
justify-content:space-between;
padding:0;
}
.announcement dt{
font-size:30px;
width:100%;
margin-bottom:5px;
}
.announcement dd{
width:100%;
}

.conditiona {
margin-top:54px;
}


@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 768px) {
.outline_box{
padding:10% 0 10%;
}
.ol_box {
display: block;
font-size: 18px;
}
.outline1 {
width: 100%;
margin-bottom:10%;
}
.outline1 p {
margin-bottom: 5%;
}
.outline1 dl{
padding:10px 0 10px 0;
}
.outline1 dt{
width:30%;
}
.outline1 dd{
width:70%;
}

.outline2 {
width:100%;
}
.outline2 p {
margin-bottom: 5%;
}
.outline2 dl {
padding: 10px 0 10px 0;
}
.outline2 dt {
width: 50%;
}
.outline2 dd {
width: 50%;
margin: 0;
}
.days{
}

.announcement{
margin-top:5%;
}
.announcement dl{
display:block;
}
.announcement dt{
font-size:25px;
width:100%;
}
.announcement dd{
font-size:15px;
width:100%;
}

.conditiona {
margin-top:5%;
}
}


/*btn-area*/
.btn-area {
width: 100%;
position: fixed;
z-index: 10;
bottom: 0px;
left: 0px;
background: #ddd;
}
.btn-area .f_sp_contact {
width: 90%;
margin: 0 auto;
}
.btn-area .f_sp_contact li {
width: 48%;
border-bottom: 0;
margin: 3% 0;
text-align: center;
border-radius: 4px;
}
.btn-area .f_sp_contact li img {
width: 50%;
}
.btn-area .f_sp_contact a {
display: block;
padding: 3% 2%;
}
.btn-area .f_sp_contact a.tel {
padding: 1% 2%;
}
.btn-area .f_sp_contact li:nth-child(1) {
background: #efeedf;
float: left;
}
.btn-area .f_sp_contact li:nth-child(1) a {
color: #aa965c;
}
.btn-area .f_sp_contact li:nth-child(2) {
background: #aa965c;
float: right;
}
.btn-area .f_sp_contact li:nth-child(2) a {
color: #fff;
}
.btn-area .f_sp_contact li:nth-child(3) {
clear: both;
width: 100%;
background: #fff;
}


/*fade_in*/
.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}


.panorama_link{
text-align:center;
margin-bottom:50px;
}
.panorama_link img{
width:80%;
max-width:800px;
margin:0 auto;
}
.panorama_link p{
font-size:30px;
margin-bottom:10px;
}
.panorama_link a{
background:#aa975c;
border-radius:9999px;
color:#fff;
font-size:25px;
padding:20px 100px;
margin:0 auto;
}

.panorama{
width:100%;
margin:0 auto;
}
.panorama h4{
font-size:30px;
text-align:center;
margin-bottom:20px;
/*border-bottom:2px solid #aa975c;*/
}
.panorama iframe{
width:100%;
height:550px;
}
@media screen and (max-width: 768px) {
.panorama_link{
text-align:center;
margin-bottom:10%;
}
.panorama_link img{
margin-bottom:3%;
}
.panorama_link p{
font-size:5vw;
margin-bottom:5%;
line-height:1.5em;
}
.panorama_link a{
font-size:4vw;
padding:3% 10%;
margin:0 auto;
}

.panorama{
width:100%;
margin:0 auto;
}
.panorama h4{
font-size:30px;
text-align:center;
margin-bottom:20px;
/*border-bottom:2px solid #aa975c;*/
}
.panorama iframe{
width:100%;
height:350px;
}
}