@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: 25px;
padding-top: 0;
}
h1 img {
height: 25px;
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_area{
padding:150px 0;
}
.concept_box{
display:flex;
justify-content:space-between;
margin-bottom:50px;
}
.concept_img{
width:55%;
}
.concept_txt{
width:40%;
font-size:22px;
line-height:2em;
text-align:justify;
}
.c_structure_box{
text-align:center;
}
.c_structure_box img{
/*width:100%;*/
}


@media screen and (max-width: 768px) {
.concept_area{
padding:15% 0;
}
.concept_box{
display:block;
margin-bottom:10%;
}
.concept_img{
width:100%;
margin-bottom:10%;
}
.concept_txt{
width:100%;
font-size:22px;
text-align:left;
}
}

/* land_plan================================================ */
.land_plan_area{
padding:150px 0 90px;
background:#efeedf;
}
.land_plan_tit{
margin-bottom:50px;
}
.land_plan_txt{
font-size:50px;
margin-bottom:90px;
color: #231815;
text-align:center;
font-weight:normal;
}
.land_plan_box{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:70px;
}
.land_plan_point{
width:47%;
}
.land_plan_img{
width:52%;
}
.bulk{
text-align:center;
}

@media screen and (max-width: 1200px) {
/* land_plan================================================ */
.land_plan_area {
margin-bottom:0;
}
}
@media screen and (max-width: 768px) {
/* land_plan================================================ */
.land_plan_area{
padding:15% 0;
}
.land_plan_txt{
font-size: 25px;
margin-bottom: 5%;
}
.land_plan_box{
margin-bottom:5%;
}
.land_plan_point{
}
.land_plan_img{
}
.bulk{
}
}

/* plan================================================ */
.plan_area{
padding:150px 0 50px;
}

.plan_box{
margin-bottom:150px;
}
.plan_area:last-child{
margin-bottom:0;
}
.plan_tit{
margin-bottom:50px;
}
.plan_txt{
font-size:50px;
margin-bottom:50px;
color: #231815;
text-align:center;
font-weight:normal;
}
.plan_info{
display:flex;
justify-content:space-between;
margin-bottom:50px;
}
.plan_info_img{
width:45%;
}
.plan_info_img img{
width:100%;
}
.plan_info_txt{
width:52%;
}
.plan_info_txt dl {
color: #231815;
margin-bottom: 1.5em;
}
.plan_info_txt dt {
  font-size: 18px;
  font-weight:bold;
}
.plan_info_txt dl:nth-child(1) dt::before {
  content: url(../img/n1.png);
  margin-right: 5px;
  vertical-align: middle;
}
.plan_info_txt dl:nth-child(2) dt::before {
  content: url(../img/n2.png);
  margin-right: 5px;
  vertical-align: middle;
}
.plan_info_txt dl:nth-child(3) dt::before {
  content: url(../img/n3.png);
  margin-right: 5px;
  vertical-align: middle;
}
.plan_info_txt dd {
  font-size: 14px;
}
.plan_img{
text-align:center;
}

.two_family_plan{
}
.two_family_plan .plan_info_img{
width:45.5%;
}
.two_family_plan .plan_txt{
width:49%;
text-align:left;
}
.two_family_point{
max-width:970px;
margin:50px auto 90px;
display:flex;
justify-content: space-between;
}
.two_family_point dl {
color: #231815;
margin-bottom: 1.5em;
}
.two_family_point dt {
  font-size: 18px;
  font-weight:bold;
}

.two_family_point .parent_household{
width:51%;
}
.two_family_point .parent_household dl:nth-child(1) dt::before {
  content: url(../img/p1.png);
  margin-right: 5px;
  vertical-align: middle;
}
.two_family_point .parent_household dl:nth-child(2) dt::before {
  content: url(../img/p2.png);
  margin-right: 5px;
  vertical-align: middle;
}
.two_family_point .parent_household dl:nth-child(3) dt::before {
  content: url(../img/p3.png);
  margin-right: 5px;
  vertical-align: middle;
}

.two_family_point .child_household{
width:42%;
}
.two_family_point .child_household dl:nth-child(1) dt::before {
  content: url(../img/c1.png);
  margin-right: 5px;
  vertical-align: middle;
}
.two_family_point .child_household dl:nth-child(2) dt::before {
  content: url(../img/c2.png);
  margin-right: 5px;
  vertical-align: middle;
}
.two_family_point .child_household dl:nth-child(3) dt::before {
  content: url(../img/c3.png);
  margin-right: 5px;
  vertical-align: middle;
}

  @media screen and (max-width: 1200px) {
  /* plan================================================ */
  .plan_area {
    margin-bottom:0;
  }
  .plan_area ul {
    display: block;
  }
  .plan_area li:last-child {
    width: 100%;
    margin-top: 4%;
  }
  .plan_area dt {
    font-size: 15px;
  }
  .plan_area dd {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
.plan_area{
padding:10% 0;
}

.plan_box{
margin-bottom:5%;
}
.plan_box:last-child{
margin-bottom:0;
}
.plan_tit{
margin-bottom:5%;
}

.plan_txt{
font-size: 22px;
padding: 0 5%;
margin-bottom: 5%;
text-align:left;
}
.plan_info{
display:block;
margin-bottom:5%;
}
.plan_info_img{
width:100%;
}
.plan_info_img img{
}
.plan_info_txt{
margin-top:5%;
width:100%;
}
.plan_area dl {
}
.plan_area dt {
font-size: 18px;
}
.plan_area dl:nth-child(1) dt::before {
}
.plan_area dl:nth-child(2) dt::before {
}
.plan_area dl:nth-child(3) dt::before {
}
.plan_area dd {
font-size: 14px;
}
.plan_img{
}
.two_family_plan{
}
.two_family_plan .plan_info_img{
width:100%;
}
.two_family_plan .plan_txt{
width:100%;
text-align:left;
font-size: 22px;
}
.two_family_point{
max-width:100%;
margin:5% auto 10%;
display:block;
justify-content: space-between;
}
.two_family_point dl {
font-size: 18px;
}
.two_family_point dt {
  font-size: 14px;
  font-weight:bold;
}

.two_family_point .parent_household{
width:100%;
margin-bottom:5%;
}
.two_family_point .parent_household dl:nth-child(1) dt::before {
}
.two_family_point .parent_household dl:nth-child(2) dt::before {
}
.two_family_point .parent_household dl:nth-child(3) dt::before {
}

.two_family_point .child_household{
width:100%;
}
.two_family_point .child_household dl:nth-child(1) dt::before {
}
.two_family_point .child_household dl:nth-child(2) dt::before {
}
.two_family_point .child_household dl:nth-child(3) dt::before {
}
}


/* equip================================================ */
.equip_area{
padding:150px 0;
}
.equip_tit{
margin-bottom:50px;
}
#equip dl {
  margin: 0 auto;
}
#equip dt {
  font-weight: 700;
  margin-top: 30px;
  background: #770b11;
  font-size: 30px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
#equip dt p span {
  font-size: 0.7em;
  font-feature-settings: "palt";
}

#equip dt p:first-child {
  padding: 20px;
}
#equip dt p:first-child::before {
  content: url(../img/arrow.png);
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  margin-top: -10px;
}
#equip dt p:last-child {
  overflow: hidden;
  padding: 0 20px;
}
#equip dt:first-child {
  margin-top: 0;
}

#equip dd {
  position: relative;
  z-index: 1;
  display: none;
  padding: 50px 100px;
  background:#EFEEDF;
}
#equip dd p {
  margin-bottom: 40px;
}
#equip dd p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  /* equip================================================ */
  #equip dt p span {
    font-size: 0.7em;
    font-feature-settings: "palt";
    margin-left: 40px;
    display: block;
  }
  #equip dd {
    padding: 3%;
  }
}

@media screen and (max-width: 768px) {
.equip_area{
padding:15% 0;
}
#equip dl {
margin: 0 auto 10%;
}
#equip dt {
font-size: 15px;
}
#equip dt p span {
margin-left: 3.8em;
}
#equip dt p:first-child {
padding: 10px;
}
#equip dt p:first-child::before {
}
#equip dt p:last-child {
padding: 0 0;
width: 25%;
}
#equip dd {
padding: 3%;
}
#equip dd p {
}
#equip dd p:last-child {
}
}

/* access================================================ */
.access_area{
padding:120px 0 60px;
background:#efeedf;
}
.access_area h3{
text-align:center;
margin-bottom:50px;
}
.access_txt{
font-size:50px;
margin-bottom:90px;
color: #231815;
text-align:center;
font-weight:normal;
}
.access_ul{
display:flex;
justify-content:space-between;
text-align:center;
margin-bottom:80px;
}
.access_ul li{
width:48%;
}

.access_train{
margin-bottom:150px;
}
.i_map_box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.i_map{
margin-bottom:70px;
width:100%;
}
.map_guide{
width:42%;
}
.map_code{
width:55%;
}

@media screen and (max-width: 768px) {
/* access================================================ */
.access_box{
padding:15% 0 15%;
}
.access_box h3{
margin-bottom:5%;
}
.access_txt{
font-size:25px;
margin-bottom:10%;
}
.access_ul{
text-align:center;
margin-bottom:5%;
}
.access_train{
margin-bottom:15%;
}
.i_map_box{
display:block;
}
.i_map{
margin-bottom:5%;
width:100%;
}
.map_guide{
width:100%;
margin-bottom:5%;
}
.map_code{
width:100%;
}
}
/* location================================================ */
.location_box{
padding:120px 0 60px;
}
.location_box h3{
text-align:center;
margin-bottom:20px;
}
.location_txt{
font-size:50px;
margin-bottom:90px;
color: #231815;
text-align:center;
font-weight:normal;
}

.loca_img {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom:40px;
}
.loca_img li {
margin-bottom: 30px;
width:30%;
}
.l_note{
font-size:18px;
margin-bottom:120px;
}
.location_box #map{
margin-bottom:50px;
}
.location_box #map iframe {
width: 100%;
height: 770px;
}

.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_txt{
font-size:25px;
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;
}
.l_note{
font-size:14px;
margin-bottom:10%;
}
.location_box #map{
margin-bottom:10%;
}
.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{

}.outline1 dd{
}
.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:35%;
}
.outline1 dd{
width:65%;
}

.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: #1c2956;
float: left;
}
.btn-area .f_sp_contact li:nth-child(1) a {
color: #fff;
}
.btn-area .f_sp_contact li:nth-child(2) {
background: #c79f62;
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: #710000;
}


/*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);
}