@charset "utf-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

* {
	box-sizing: border-box;
}
body {
	font-family: 游明朝, YuMincho,'Yu Mincho',serif;
}
a {
	color:inherit;
	transition: 0.3s;
}
.common_inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/* subhead */
.subhead_bg{
overflow: hidden;
height: 600px;
background-position: center center;
background-size: cover;
position: relative;
margin-bottom: 80px;
margin-top: 58px;
}
.subhead{  
position: absolute;
transform: translate(-50%, -78%);
top: 50%;
left: 50%;
width: 100%;
text-align: center;}
.pg_ttl{
/* max-width: 218px; */
margin: 0 auto 29px;
display: block;}
.pg_ttl_un{
text-align: center;
color: #fff;
font-size: 16px;
letter-spacing: 0.095em;
margin: 0 auto 45px;
}
.sub_pg_ttl{
text-align: center;
color: #fff;
font-size: 38px;
letter-spacing: 0.16em;
margin: 0;
}
.pg_ttl img{
	height: 29px;
	width: auto;
}

/*  */
.header {
	/* background: #fff; */
}
#pc_header {
}
#sp_header {
	display: none;
}
.header_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}
.header_top a:hover {
	opacity: 0.7;
}
.header_logo {
	max-width: 409px;
	margin-left: 20px;
}
.header_top_nav {
	display: flex;
}
.nav_list01 {
	font-family: YuGothic,'Yu Gothic',sans-serif;
	display: flex;
	align-items: center;
	font-size: 14px;
	letter-spacing: 0.095em;
	margin-right: 30px;
}
.nav_list01 li:not(:last-child) {
	margin-right: 15px;
}
.nav_list01 a {
	position: relative;
	color: #555555;
}

.nav_list01 a.soon {
	color: #d0d0d0;
	pointer-events: none;
}
.nav_list01 a::before {
	content: "»";
	display: inline-block;
	margin-right: 5px;
	/* width: 6px;
	height: 6px;
	background-image: url(../img/common/arrow.png);
	background-size: 100% auto;
	background-repeat: no-repeat; */
}
.nav_list02 {
	display: flex;
	align-items: center;
	font-size: 14px;
	letter-spacing: 0.12em;
	
}
.nav_list02 a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	width: 170px;
	height: 80px;
}
.navlink_entry {
	color: #fff;
	background: #00375e;
}
.navlink_limited {
	color: #2d6fac;
	background:#def2f9;

}
/*  */
.header_gnav_bg {
	position: absolute;
	display:block;
	top: 80px;
	/* header_topと同じ高さ */
	width:  100%;
	height: 58px;
	/* header_gnavと同じ高さ */
	z-index: 100;
	background-color: #000;
	mix-blend-mode: multiply;
}
.header_gnav {
	position: absolute;
	top: 80px;
	/* header_topと同じ高さ */
	width:  100%;
	z-index: 100;
}

.gnav_list {
    display: flex;
}
.gnav_list li {
	width: calc(100% / 9);
	height: 58px;
/* 	border-right: 1px solid #fff; */
}
.gnav_list li:first-child {
/* 	border-left: 1px solid #fff; */
}
.gnav_list a {
	display: block;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items:center;
	height: 100%;
}

.gnav_list a.soon {
	color: #bfbfbf;
	pointer-events: none;
}

.gnav_list a:hover {
/* 	color: #f8e8af; */
    opacity: 0.7;
}
.gnav_list a span {
	display: block;
}
.gnav_ja {
	font-size: 12px;
	letter-spacing: 0.4em;
}
.gnav_en {
    font-size: 12px;
    letter-spacing: 0.1em;
}
/*  */
.footer_dis_pc{
	display: block !important;
}
.footer_dis_sp{
	display: none !important;
}
/* ---------------------------------
	 footer-PC
--------------------------------- */
.footer-cap {
	padding: 50px 0 0;
	font-size: 11px;
	text-align: justify;
}

nav.footer-nav {
	font-size: 12px;
	text-align: center;
	padding: 100px 0 15px;
	border-bottom: #CCC solid 1px;
}

.footer-tel-area {
	display: flex;
	justify-content: center;
	padding-top: 50px;
}

.footer-tel {
		width: 330px;
}

.footer-tel p {
	font-size: 11px;
	line-height: 1.4;
	padding: 4px 0;
}

.footer-tel p:nth-child(1) {
	text-align: center;
}

.footer-tel p:nth-child(3),.footer-tel p:nth-child(4) {
	text-align: center;
}

.footer-logo-area {
	display: flex;
	justify-content: center;
	padding-top: 50px;
}

.footer-logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 500px;
}

.footer-logo p:nth-child(1) {
	width: 236px;
}

.footer-logo p:nth-child(2) {
	width: 243px;
}

.footer-logo p:nth-child(3) {
	padding-top: 10px;
	font-size: 11px;
}

.copyright {
	padding: 50px 0 20px;
	font-size: 11px;
	text-align: center;
}

#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

#page-top img {
	width: 70px;
}



h1.pg_ttl{
  padding-top: 60px;
}

.page_ttl{
  width: auto;
  margin: 60px auto;
  padding-bottom: 40px;
  position: relative;
  text-align: center;
}

.page_ttl img{
  height: 32px;
  width:auto;
}

.page_ttl::after{
  content: "";
  display: block;
  width: 26%;
  max-width: 92px;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,-50%);
}

.footer-nav a.soon{
	color: #d0d0d0;
	pointer-events: none;
}
.footer_br_650{
	display: none!important;
}

/**/
.gnav_list li.new{
	position: relative;
}
.gnav_list li.new::before {
	content: "New";
    /* font-family: adobe-garamond-pro, serif; */
    font-weight: 400;
    /* font-style: italic; */
    background: #9b1b1b;
    font-size: 10px;
    color: #fff;
    /* border: 1px solid; */
    padding: 1px 8px;
    display: inline-block;
    position: absolute;
    top: 9px;
    transform: translate(-50%,-100%);
    left: 50%;
}

@media screen and (max-width: 1240px) {
    .header_logo {
    	width: 40%;
    }
    .gnav_ja {
    	letter-spacing: 0.1em;
    }
}
@media screen and (max-width: 1000px) {
/* subhead */
.subhead_bg{
margin-top: 0;
height: 400px;
}
.pg_ttl{
/* max-width: 178px; */
margin: 0 auto 24px;
}
.pg_ttl_un{
font-size: 14px;
letter-spacing: 0.065em;
margin: 0 auto 30px;
}
.sub_pg_ttl{
font-size: 32px;
letter-spacing: 0.12em;
}
	
	#pc_header {
		display: none;
	}
	.header#sp_header {
		display: block;
		position: fixed;
		z-index: 9999;
		width: 100%;
		background: transparent;
		height: 60px;
	}
	.header_height {
		height: 60px;
	}
	#sp_header .header_top {
		height: 60px;
		position: absolute;
		width: 100%;
		background: #fff;
	}
	#sp_header .header_logo {
		width: 250px;
	}
	.menu_icon {
       width: 30px;
       height: 25px;
       position: relative;
       cursor:pointer;
       margin-right: 20px;
    }
    .menu_icon span {
        display: block;
        width: 30px;
        height: 2px;
        background: #555;
        position: absolute;
        transition: 0.6s;
    }
    .menu_icon span:nth-child(1) {
    	top: 0;
    }
    .menu_icon span:nth-child(2) {
    	top: 50%;
    	transform: translate(0, -50%);
    }
    .menu_icon span:nth-child(3) {
    	top: 99%;
    }
    .menu_icon.is-active span:nth-child(1) {
    	transform: rotate(45deg);
    	top: 50%;
    }    
    .menu_icon.is-active span:nth-child(2) {
    	opacity: 0;
    }
    .menu_icon.is-active span:nth-child(3) {
    	transform: rotate(-45deg);
    	top: 50%;
    }
    .sp_header_nav.is-open {
        transform: translateY(0);
    }
	.sp_header_nav {
		background: #fff;
		margin-top: 60px;
        transition: 0.6s;
        transform: translate(100%);
	}
	.nav_list01 {
        margin: 0;
	}
	.nav_list01 li {
		width: 50%;
		height: 50px;
		border-top: 1px solid #e2e2e2;
	}
	.nav_list01 li:nth-child(odd) {
		border-right: 1px solid #e2e2e2;
		
	}
	.nav_list01 a {
		display: flex;
        justify-content: center;
        align-items: center;
		width: 100%;
		height: 100%;
	}

	.nav_list01 a.soon {
    color: #d0d0d0;
		pointer-events: none;
}
    .nav_list01 a::before {
        display: none;
    }
    .nav_list01 li:not(:last-child) {
    	margin: 0;
    }
	.nav_list02 {

	}
	.nav_list02 li {
		width: 100%;
		height: 50px;
	}
	.nav_list02 a {
		display: flex;
        justify-content: center;
        align-items: center;
		width: 100%;
		height: 100%;		
	}
	.sp_gnav_list {
	    display: flex;
	    flex-wrap: wrap;
	    background-color: #000;
    }
    .sp_gnav_list li {
        width: 50%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid rgba(255,255,255,0.3);
    }
    .sp_gnav_list li:not(:last-child) {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .sp_gnav_list a {
    	color: #fff;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	width: 100%;
    	height: 100%;
    	line-height: 1.2;
    	margin: 5px 0 0;
    }

		.sp_gnav_list a.soon {
			color: #d0d0d0;
			pointer-events: none;
	}
    .sp_gnav_list a div{
    	text-align: center;
    }
    .sp_gnav_list a div span{
    	display: block;
    }

	h1.pg_ttl {
		padding-top: 0px;
	}

	/**/
	.sp_gnav_list li{
		position: relative;
	}
	.sp_gnav_list li.new:before {
		content: "New";
		font-weight: 400;
		background: #9b1b1b;
		font-size: 10px;
		color: #fff;
		font-size: 10px;
		/* border: 1px solid; */
		padding: 1px 8px 0px;
		line-height: 1;
		display: inline-block;
		position: absolute;
		top: -3px;
		transform: translateX(-50%);
		display: block;
		width: 30px;
		text-align: center;
		margin: 5px auto;
		left: 50%;
		top: -6px;
	}
}
@media screen and (max-width: 768px) {
	.footer_dis_pc{
		display: none !important;
	}
	.footer_dis_sp{
		display: block !important;
	}
	
	/* ---------------------------------
	 footer-SP
	--------------------------------- */
	.footer-cap {
		padding: 20px 0 0;
		font-size: 10px;
	}

	nav.footer-nav {
		font-size: 14px;
		padding: 40px 0 0 0;
		border-bottom: none;
	}

	nav.footer-nav {
		color: #000;
		background: #fff;
		text-align: center;
		width: 100%;
		line-height: 1.3;
	}

	nav.footer-nav ul {
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #CCC;
	}

	nav.footer-nav ul li {
		position: relative;
		width: 50%;
		border-bottom: 1px solid #CCC;
		display: flex;
		align-items: center;
	}

	/**/
	nav.footer-nav ul li:last-child {
		/* width: 100%; */
	}

	nav.footer-nav ul li:nth-child(2n) {
		border-left: 1px solid #CCC;
	}

	nav.footer-nav ul li a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		padding: 15px 0;
		text-decoration: none;
	}

	/*
	nav.footer-nav ul li:nth-child(-n+6) a {
		padding: 8px 0;
	}*/

	nav.footer-nav ul li a p:nth-child(2) {
		font-family: 'EB Garamond',serif;
		font-size: 12px;
		color: #B2B2B2;
	}
	nav.footer-nav ul li .new{
	    position: absolute;
	    top:0;
	    right: 0;
	    font-size: 9px;
	    padding: 3px 5px;
	    background-color: #990000;
	    color: #fff;
	}

	.footer-tel p {
		font-size: 11px;
		line-height: 1.4;
		padding: 3px 0;
	}

	.footer-logo-area {
		padding-top: 30px;
	}

	.copyright {
		padding: 40px 0 100px;
		font-size: 10px;
	}

	#page-top {
		position: fixed;
		bottom: 53px;
		right: 2px;
	}

	#page-top img {
		width: 30px;
	}

	/* ---------------------------------
		footerFixMenu-SP
	--------------------------------- */

	.sp_footerfixArea {
		width: 100%;
		position: fixed;
		bottom: 0px;
		z-index: 1000;
		border-top: 1px solid #FFF;
	}

	.sp_footerfixArea ul {
		display: flex;
		justify-content: space-between;
	}

	.sp_footerfixArea ul li {
		position: relative;
		width: 33.3333333%;
		height: 50px;
		display: flex;
		background-color: #000;
		border-right: 1px solid #FFF;
	}

	.sp_footerfixArea ul li:last-child {
		background-color: #736E00;
		border-right: 0;
	}

	.sp_footerfixArea ul li a {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.sp_footerfixArea ul li:nth-child(1) img {
		width: 22px;
	}

	.sp_footerfixArea ul li:nth-child(2) img {
		width: 48px;
	}

	.sp_footerfixArea ul li:nth-child(3) img {
		width: 54px;
	}

}


@media screen and (max-width: 768px) {
	.page_ttl img {
		height: 29px;
		width: auto;
	}
	
	.page_ttl {
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 650px){
/* subhead */
.pg_ttl{
/* max-width: 150px; */
margin: 0 auto 14px;
}
.pg_ttl_un{
margin: 0 auto 25px;
}
.sub_pg_ttl{
font-size: 28px;
letter-spacing: 0.1em;
}
	.footer_br_650{
		display: block!important;
	}

	.footer-tel-area {
		padding-top: 30px;
	}

	.footer-tel {
		/* width: 100%; */
	}

	.footer-tel p {
		font-size: 11px;
		line-height: 1.4;
		padding: 3px 0;
	}

	.footer-tel p:nth-child(1) {
		text-align: center;
	}

	.footer-tel p:nth-child(2) {
		margin: 0 auto;
		width: 90%;
	}

	.footer-tel p:nth-child(3) {
		margin-left: 0;
		text-align: center;
	}

	.footer-logo-area {
		display: flex;
		justify-content: center;
		padding-top: 30px;
		max-width: 360px;
		margin: auto;
	}

	.footer-logo {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		width: 81%;
	}

	.footer-logo p:nth-child(1) {
		order: 1;
		width: 100%;
	}

	.footer-logo p:nth-child(2) {
		order: 3;
		width: 100%;
		margin-top: 20px;
	}

	.footer-logo p:nth-child(3) {
		order: 2;
		width: 100%;
		font-size: 10px;
		text-align: center;
		line-height: 1.2;
		padding-top: 5px;
	}

}






.header_btn{
  position: fixed;
  z-index: 1000;
  width: 200px;
  margin: auto;
  right: 0;
  top:12px;
  }
  .header_btn > ul{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-flex-pack:justify;
  -moz-flex-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  justify-content:space-between;
  margin: 0 auto;
  }
  
  .header_btn > ul > li{
  width: 33.3%;
  }
  .header_btn > ul > li.header_btn_tel{
  display: none;
  }
  .header_btn > ul > li > a{
  width: 100%;
  display: block;
  padding: 15px 0;
  color: #555151;
  position: relative;
  }
  .header_btn > ul > li > a::before,
  .header_btn > ul > li > a::after{
  width: 100%;
  position: absolute;
  text-align: center;
  margin: auto;
  }
  .header_btn > ul > li > a::before{
  top:0;
  left: 0;
  right: 0;
  bottom:auto;
  height: 16px;
  font-family: FontAwesome;
  font-size:16px;
  }
  .header_btn > ul > li > a::after{
  top:auto;
  left: 0;
  right: 0;
  bottom:0;
  height: 10px;
  font-size:10px;
  font-family: 'Questrial', sans-serif;
  line-height: 1;
  }
  
  .header_btn > ul > li.header_btn_tel > a::before{
      content: '\f095';
      color: #333;
  }
  .header_btn > ul > li.header_btn_tel > a::after{
      content: 'TEL';
      letter-spacing:2px;
      color: #333;
  }
  .header_btn > ul > li.header_btn_map > a::before{
      content: '\f041';
      color: #333;
  }
	.header_btn > ul > li.header_btn_map > a.soon::before {
    content: '\f041';
    color: #d0d0d0;
}
  .header_btn > ul > li.header_btn_map > a::after{
      content: '現地案内図';
      letter-spacing:0px;
      color: #333;
  }

	.header_btn > ul > li.header_btn_map > a.soon::after {
    color: #d0d0d0;
		pointer-events: none;
}
  .header_btn > ul > li.header_btn_req > a::before{
      content: '\f0e0';
  }
  .header_btn > ul > li.header_btn_req > a::after{
      content: 'お問い合わせ';
      font-family: 'Noto Sans JP', sans-serif;
      letter-spacing:2px;
  }
  
  .header_btn > ul > li.header_btn_tel{
  display: block;
  }
  
  .header_btn{
  width: 100%;
  right: 0;
  left: 0;
  bottom:0;
  top:auto;
  z-index: 900;
  box-shadow:0px -5px 10px -5px rgba(0,0,0,0.5);
  }
  
  .header_btn > ul > li{
  width: 33.33%;
  }
  
  .header_btn > ul > li > a{
  padding: 25px 0;
  background-color: #fff;
  box-sizing: border-box;
  border-left: 1px solid #b5b5b5;
  height:70px;
  }

  .header_btn > ul > li:nth-of-type(1) > a{
    border-left:none;
  }
  
  .header_btn > ul > li > a::before{
  top: 15px;
  height: 24px;
  font-size: 20px;
  }
  .header_btn > ul > li > a::after{
  top: 26px;
  }
    
  .header_btn > ul > li.header_btn_req > a{
  padding: 25px 0;
  background-color: #fff;
  box-sizing: border-box;
  /* border-left: 1px solid #a48b78; */
  height: 70px;
  }
    
  .header_btn > ul > li.header_btn_req> a::before{
  color: #333;
  }
  .header_btn > ul > li.header_btn_req> a::after{
      content: '物件エントリー';
      font-family: 'Noto Sans JP', sans-serif;
      color: #333;
  }



	@media all and (-ms-high-contrast: none) {
		main{
			display: block;
		}

		.fifth {
			max-width: 18px;
			margin: 0 8px 5px;
	}
	}



.br_900{
	display: none;
}
.br_750{
	display: none;
}
.br_650{
	display: none;
}
.br_500{
	display: none;
}
.br_450{
	display: none;
}
@media screen and (max-width: 900px){
	.br_900{
		display: block;
	}
	.subhead {
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 750px){
	.br_750{
		display: block;
	}
}

@media screen and (max-width: 650px){
	.br_650{
		display: block;
	}
}

@media screen and (max-width: 500px){
	.br_500{
		display: block;
	}
}

@media screen and (max-width: 450px){
	.br_450{
		display: block;
	}
}

@media screen and (max-width: 400px){
/* subhead */
.pg_ttl{
/* max-width: 140px; */
margin: 0 auto 12px;
}
.pg_ttl_un{
margin: 0 auto 20px;
font-size: 13px;
}
.sub_pg_ttl{
font-size: 25px;
letter-spacing: 0.1em;
}
}
@media all and (-ms-high-contrast: none) {
	.pg_ttl h1 img{
		width: 400px;
	}
  }