@charset "UTF-8";
/*#wrap{
	display:none;
}*/

.logo{
	display:inline-block;
	vertical-align: top;
	width:25%;
	padding-top:0.4em;
}
.pg_header_box{
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
	position:fixed;
	top:0;
	width:100%;
	z-index:9997;
	height:4.1em;
}
.pg_header{
	width:1199px;
	max-width:100%;
	position:fixed;
	left:50%;
	margin-left:-600px;
}
.gnavi_box {
	display:inline-block;
	vertical-align: top;
	width:73%;
	margin:0;
	padding:0.4em 0;
}
.gnavi_box01 {
	margin:0;
	padding:0;
	max-width:100%;
	list-style-type: none;
	letter-spacing:-4em;
}
.gnavi_box01>.sp{
	display:none;
	}
/*.gnavi_box01 li:nth-child(6){
	border-right:1px solid #ffffff;
	display:inline-block;
	}*/
.gnavi_box01 li:nth-child(7){
	border-right:1px solid #ffffff;
	display:inline-block;
}

.gnavi_menu{
	display:inline-block;
	border-right:1px solid #cccccc;
	font-weight:normal;
	letter-spacing:0;
	vertical-align: top;
	padding:0 0.2em;
}

.gnavi_menu a{
	display:block;
	width:100%;
	font-size:1em;
	color:#666666;
	/*padding:0.8em 1.8em;*/
	padding:0.8em 1.4em;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.gnavi_menu a:hover{
	background-color:rgba(10,32,89,1.00);
	color:#ffffff;
}
.active_gnavi{
	background-color:rgba(10,32,89,1.00);
	color:#ffffff;	
}


.key_visual{
	background: url("../img/key_visual.jpg") no-repeat left center;
	background-size:100% auto;
	padding:10em;
	margin-top:4.5em;
}
.key_visual p{
	font-size:3em;
	text-align:right;
}
.sub_menu{
	margin:0;
	padding:0;
	letter-spacing: -4em;
}

.sub_menu_left{
	display:inline-block;
	width:35%;
	box-sizing: border-box;
	letter-spacing: normal;
	vertical-align: top;
}
.sub_menu_box{
	margin:0;
	padding:0;
	list-style-type: none;
}

.sub_menu_list01{
	display:block;
	/*padding-bottom:10em;*/
	background: url("../img/img_top_01.jpg") no-repeat left top;
	background-size:100% 100%;
	box-sizing: inherit;
	position:relative;
}
.sub_menu_list02{
	display:block;
	/*padding-bottom:16em;*/
	background: url("../img/img_top_02.jpg") no-repeat left top;
	background-size:100% 100%;
	position:relative;
	box-sizing:inherit;
}
.sub_menu_list01 a{
	height:18em;
}
.sub_menu_list02 a{
	height:26em;
}

.sub_menu_right{
	display:inline-block;
	width:65%;
	box-sizing: border-box;
	vertical-align: top;
	letter-spacing:0;
}
.sub_menu_list03{
	display:block;
	/*padding-bottom:21.3em;*/
	background: url("../img/img_top_03.jpg") no-repeat left top;
	background-size:100% 100%;
	position:relative;
	box-sizing: inherit;
}
.sub_menu_list04{
	display:block;
	/*padding-bottom:22em;*/
	background: url("../img/img_top_04.jpg") no-repeat left top;
	background-size:100% 100%;
	position:relative;
	box-sizing: inherit;
}
.sub_menu_list03 a{
	height:32em;
}
.sub_menu_list04 a{
	height:29.4em;
}
.memulist a{
	display: block;
	position:relative;
	width:100%;
	background-color:rgba(255,255,255,0);
	transition:background 0.5s;
}

.sub_menu_bottom{
	position: relative;
	/*transition: .5s;*/
	background: url("../img/img_top_05.jpg") no-repeat left top;
	background-size:100% 100%;
}

.sub_menu_bottom a{
	height:300px;
	background-color:rgba(255,255,255,0);
	transition:background 0.5s;	
}
.sub_menu_bottom a:hover{
	background-color:rgba(255,255,255,0.6);	
}
/*.sub_menu_bottom a:hover img{
	opacity: 0.5;
}*/

.sub_menu_bg_white{
	height:5em;
    width:15em;
	background-color:rgba(255,255,255,0);
	position:absolute;
	/*display:none;*/
	top:0;
	transition:background 0.5s;
}
.sub_menu_list04 > .sub_menu_bg_white{
	left:50%;
}

/*.memulist a:hover + .sub_menu_bg_white{
	background-color:rgba(255,255,255,0.8);
}*/
.memulist a:hover{
	background-color:rgba(255,255,255,0.6);	
}
.sub_menu_text{
	padding:1em;
	height:5em;
    width:15em;
	position:relative;
	z-index:1000;
}
.sub_menu_text01{
	font-size:1.1em;
	font-weight:normal;
}
.sub_menu_text02{
	font-size:1.1em;
	font-weight:normal;
}

.sub_menu_text03{
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
}
.sub_menu_sbox01{
	width:100%;
	height:100%;

}
.sub_menu_sbox01 img{
	width:100%;
}
.sub_menu_sbox02{
	width:49%;
	display:inline-block;
	vertical-align: center;
	padding:30% 5%;
	font-size:1.1em;
	font-weight:normal;
}

.sub_menu_sbox03{
	display:inline-block;
	vertical-align: top;
}
/*slider part*/
.properties_menu{
	max-width:90%;
	min-width:300px;
	margin: auto;
	padding:0;
}

    * {
      box-sizing: border-box;
    }

 .properties_menu > section.slider {
     max-width: 95%;
     margin:6% auto;
    }

 .properties_menu > section div div div.slick-slide {
     margin: 0px;
    }

 .properties_menu > section div div div.slick-slide img {
     width: 100%;
    }

 .properties_menu > section button.slick-prev:before,
 .properties_menu > section button.slick-next:before {
     color: black;
    }


 .properties_menu > section div div div.slick-slide {
     transition: all ease-in-out .3s;
     opacity: .3;
    }
    
 .properties_menu > section div div div.slick-active {
      opacity: 1;
    }

 .properties_menu > section div div div.slick-current {
     opacity: .9;
    }
.slider-item{
	border:1px solid #cccccc;
	font-size:0.9em;
	font-weight:normal;
	padding:1em 1em 0 1em;
}

.properties_menu > section div div div.slick-slide:not(.slick-center) {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.slide_text01{
	margin-top:1em;
}

/*slider part*/

/*sns*/
.insta{
	/*display:inline-block;
	width:48%;
	box-sizing: border-box;
	margin-bottom:10px;
	vertical-align: top;*/
	margin-bottom:3em;
}
.insta_banner{
	border:8px solid rgba(10,32,89,1.00);
	text-align:center;
}
.insta_banner img{
	max-width:100%;
}
.pc> .insta_banner {
	width:62%;
	margin:0 auto;
}
.faceb{
	display:inline-block;
	width:50%;
	box-sizing: border-box;
	margin-bottom:10px;
	vertical-align: top;
	text-align: right;
}
/*sns*/
@media screen and (max-width: 1220px) {
	.pg_header{
		width:100%;
		left:0.8em;
		margin:0 auto;
	}
	.gnavi_menu a{
		padding:0.8em 1.1em;
	}
	
}
@media screen and (max-width: 1190px) {

.sub_menu_bottom a{
	height:25vw;
}
.sub_menu_sbox01 img {
	height:17.4em;
}
}
@media screen and (max-width: 1031px) {
	.gnavi_menu a{
	padding:0.8em 0.8em;
	}
}
@media screen and (max-width: 1024px) {
	.logo{
		padding:0.4em 0 0 0.4em;
	}
	.pg_header{
		margin-bottom:1em;
		/*margin-left:-500px;*/
	}
	.gnavi_menu a{
		padding: 0.8em 0.65em;
	}
	.sub_menu_list01 a{
	height:23vw;
	}
	.sub_menu_list02 a{
	height:34.5vw;
	}
	.sub_menu_list03 a{
	height:40vw;
	}
	.sub_menu_list04 a{
	height:40.8vw;
	}
	.sub_menu_sbox01 img {
	height:101.5%;
	width:101.5%;
}	
}
@media screen and (max-width: 933px) {
	.pg_header{
	font-size:0.9em;
	}
	.logo a img{
	width:100%
	}
}
@media screen and (max-width: 843px) {
	.pg_header{
	font-size:0.8em;
	}
	.key_visual{
	background-size:100% 100%;
	}
}
@media screen and (max-width: 768px) {
	.first_page> .pg_header_box> .pg_header >.logo  {
		position: fixed;
    	z-index: 9997;
    	top: 0;
		background-color:#ffffff;
		/*height:3.3em;*/
		/*height:4.1em;*/
		width:100%
		min-height: 70px;		
	}
	.pg_header_box{
		height:70px;
		}
	.logo{
		width:100%;
		min-height: 70px;	
	}
	.logo a img{
	width:auto;
	max-width:40%;
	min-width:200px;
	margin-top:10px;
	}
	.key_visual{
		padding:15% 5%;
		background: url("../img/key_visual_s.jpg") no-repeat left center;
		background-size:100% auto;
		margin-top:0;
	}
	/*.pg_header_box{
		height:12em;
	}*/
	.first_page> .pg_header_box{
		z-index:auto;
		position:relative;
		top:auto;
		/*height:3.1em;*/
		height:70px;		
	}
	.pg_header> .key_visual{
		margin-top:3.3em;
	}
	.pg_header{
		border:none;
		margin-bottom:0.5em;
		width: 100%;
		/*margin-left: -50%;*/
		left:0;

	}
	.first_page> .pg_header_box> .pg_header  {
		position:relative;
		margin-left:0;
		left:0;		
	}
	/*.first_page> .pg_header_box{
		height:21em;
	}*/
	.gnavi_box{
		display:block;
		width:100%;
		/*text-align:center;*/
		background-color:#ffffff;
		padding:0;
	}
	.gnavi_box01>.pc{
		display:none;
	}
	.gnavi_box01>.sp{
		display:flex;
	}
	.gnavi_box01{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	.gnavi_menu{
		border:none;
		display:flex;
		width:48%;
		/*margin-bottom:0.5em;*/
	}
	.gnavi_menu a{
		padding: 0.5em;
		/*font-size:0.9em;*/
		font-size:2.5vw;
		/*border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;*/
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		/*background-color:#F4F4F4;*/
		/*background-color:#f5f5e5;*/
		background-color:#ffffff!important;
		color:#00257e!important;
		border-right:none;
		width:100%;
		text-align:center;
	}
	.sub_menu_sbox01 img {
    height: 100%;
    width: 100%;
	}
	.first_page> #wrap{
	/*margin-top:9em;*/
	/*margin-top:4.5em;*/
	margin-top:0;
	padding-top:0;
	}
	.first_page> .pg_header_box> .pg_header> .fixed {
	position: fixed;
	/*top: 3.3em;*/
	top: 0em;
	z-index:9997;
	}
	
	.memulist a:hover + .sub_menu_bg_white{
	background-color:rgba(255,255,255,0);
	}
	/*.sub_menu{
		margin-top:6em;
	}*/
	.sub_menu_left {
		display:block;
		width: 98%;
		margin:0 auto;
	}
	.sub_menu_text01{
		font-size:1.5em;
	}
	.sub_menu_text02{
		font-size:1.5em;
	}
	.sub_menu_right {
		display:block;
		width: 98%;
		margin:0 auto;
	}
	.sub_menu_list01> a div.sub_menu_text{
		width:20em;
	}
	.sub_menu_list01 a{
		height:23em;
	}
	.sub_menu_list02 a{
		height:32em;
	}
	.sub_menu_list03 a{
		height:21em;
	}
	.sub_menu_list04 a{
		height:24em;
	}
	.sub_menu_sbox02{
		padding:25% 5%;
	}
	.sub_menu_bg_white{
	background-color:rgba(255,255,255,0);
	}
	.properties_menu{
		margin:15% auto;
	}
	/*.insta{
		display:block;
		width:98%;
		margin:0 auto 5% auto;
		max-width:500px;
	}
	.faceb{
		display:block;
		width:98%;
		margin:0 auto 5% auto;
		max-width:500px;
		height:auto;
	}*/
	.insta{
		/*display:inline-block;
		width:48%;
		margin:0 auto 5% auto;
		max-width:500px;
		min-width:170px;*/
	}
	.faceb{
		display:inline-block;
		width:48%;
		margin:0 auto 5% auto;
		max-width:500px;
		min-width:170px;
		height:auto;
	}
	
/*gnavi*/	
nav.gnavi_box {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.gnavi_box ul {
    background: #ccc;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.gnavi_box ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #e5dfb3;
}
 
/* �Ō�̓��C����`���Ȃ�
nav.gnavi_box ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
} */
 
nav.gnavi_box ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
    font-size:16px;
    font-weight:bold;
}
 
/* ���̃N���X���AjQuery�ŕt�^�E�폜���� */
nav.gnavi_box.active {
    transform: translateY(0%);
}

/*hanberger*/
.navToggle {
    display: block;
    position: fixed;    /* body�ɑ΂��Ă̐�Έʒu�w�� */
    right: 13px;
    /*top: 12px;*/
    top: 20px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 9999;
    /*background: #917f3e;*/
    text-align: center;
    background: url(../img/menu_bar.png) no-repeat 0 0 !important;
    background-size: contain !important;
}
div.navToggle.active {
	background: url(../img/ico_menu02.png) no-repeat 0 0 !important;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggle�ɑ΂��� */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

.sub_menu_bottom, .sub_menu_bottom img{
	width: 100%;
}
	
	
/*/gnavi*/	
	
}
@media screen and (max-width: 530px) {

}
@media screen and (max-width: 420px) {
	/*.first_page> .pg_header_box> .pg_header >.logo  {
		height:6.5em;
	}*/
	.pg_header> .key_visual{
		margin-top:5em;
	}
	.pg_header_box{
	/*	height:9em;*/
	}
	/*.first_page> .pg_header_box> .pg_header> .fixed {
	top: 6.5em;/
	}*/
	/*.first_page> .pg_header_box{
		height:24em;
	}*/
	.gnavi_menu a{
		padding: 0.4em;
	}
}


/*footer style */
footer .footer-menu { background: #00275e; padding:60px 40px;}
footer .footer-menu .main { width: 100%; max-width: 1520px; margin:0 auto;}
footer .footer-menu .main .logo { line-height: 0; margin-bottom: 20px;}
footer .footer-menu .main .logo a { display: inline-block; transition: .3s; }
footer .footer-menu .main .logo a img { width: 280px;}
footer .footer-menu .main .logo a:hover { opacity: .7;}

footer .footer-menu .main .nav { display: flex; flex-wrap: wrap; align-items: flex-start; }
footer .footer-menu .main .nav > ul { flex-grow: 1;}
footer .footer-menu .main .nav > ul:not(:last-child) { padding-right: 40px;}
footer .footer-menu .main .nav > ul > li > a { font-size: 20px; font-weight: bold; color: #fff; line-height: 2; margin:3px auto; display: inline-block;}
footer .footer-menu .main .nav > ul > li > a .iconfont { font-size: 14px; margin-right: 3px;}
footer .footer-menu .main .nav > ul > li > a+.subnav { padding-left: .5em;}
footer .footer-menu .main .nav > ul > li > a+.subnav > li > a { font-size: 16px; color: #fff; line-height: 2; margin:3px auto; display: inline-block;}
footer .footer-menu .main .nav > ul > li > a+.subnav > li > a .iconfont { font-size: 12px; margin-right: 3px;}

footer .footer-copyright { background: #001c41; color: #fff; font-size: 12px; padding:20px; text-align: center;}
footer .footer-copyright p { width: 100%; max-width: 1180px; margin:0 auto;}
footer .footer-copyright p a{ color: #fff;}
footer .footer-copyright p a:hover{ color: #337ab7;}
@media screen and (max-width:1000px) {
  footer .footer-menu .main .logo { margin-bottom: 0;}
  footer .footer-menu { padding:30px 20px;}
}
/* /footer */