@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css

----------------------------------------------------------- */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*===============================================
●PC 画面の横幅が769px以上
===============================================*/
body {
	color: #4C4948;
	font-family: 'Noto Sans Japanese', sans-serif;
	overflow-x:hidden;
	text-align:center;
	}
/* 基本リンクスタイル */
/*a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover {color: #aaa; text-decoration:underline;}
a:active {color: #333;text-decoration: none;}
a:current {color: #333;text-decoration: none;}
*/

.area{
	max-width:940px!important;
	margin:0 auto;
	}
.area2{ /* フッター電話番号 */
	/*max-width:670px!important;*/
	max-width:760px!important;
	margin:0 auto;
	}
	
	
/* ボタン */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	cursor:pointer;
}
.button:before,
.button:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
/* ボタン テキスト白 */
.btnW a:link {color: #fff;text-decoration: none;}
.btnW a:visited {color: #fff;text-decoration: none;}
.btnW a:hover {color: #fff; text-decoration:none;}
.btnW a:active {color: #fff;text-decoration: none;}
/* タブボタン */
ul.tab {
	text-align:center;
	margin:2% auto 5%;
}
ul.tab li {
	display: inline;
	margin-right:2%;
	width:30%;
}
ul.tab li:last-child {
	margin-right:0;
}
/* テーブル指定 */
table {
border-top: solid 1px #E6E6E6;
border-left: solid 1px #E6E6E6;
}
table th {
background: #F0F0F6;
border-right: solid 1px #E6E6E6;
border-bottom: solid 1px #E6E6E6;
padding: 0.6em;
}
table td {
border-right: solid 1px #E6E6E6;
border-bottom: solid 1px #E6E6E6;
padding: 0.6em;
}
table tr:nth-child(even) { background-color:#F9F9F9; }
table tr:nth-child(odd) { background-color:#Fff; }

/*===========================================================================
●tablet 画面の横幅が768pxまで※※※レイアウトがおかしいもののみ※※※
===========================================================================*/
@media screen and (max-width: 768px){
/* 基本タブボタン */
ul.tab li img {
	max-width:30%
}

}
/*===========================================================================
●smart 画面の横幅が480pxまで
===========================================================================*/
@media screen and (max-width:480px){

/* 基本タブボタン */
ul.tab li img {
	max-width:100%
}
ul.tab li:last-child {
	margin-right:2%;
}
}


/* カラム設定
********************************************************/
.flexboxL { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
}
@media only screen and (max-width: 480px) {
.flexboxL { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}
}

.flexsb {/* 左右 */
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between; }






.kanbai{
    font-size: 20px;
    /* color: rgba(168,43,45,1.00); */
    color: #FFF;
    font-weight: bold;
    background: rgba(168,43,45,1.00);
    padding: 8px;
    width: 940px;
    margin: 31px auto;
}

@media only screen and (max-width: 940px) {
.kanbai {
    width: 100%;
    margin: 10px auto
}
}

/* ヘッダー *****************************************************/
.header{
	margin:0 auto;
}
.hdrCorpWrap{
	background:#DDDDDD;
}
.hdrBox{
	max-width:50%;
}
.hdrCorpLink{ /* 物件ロゴリンク */
	font-size:70%;
}
.hdrCorpLink a{
	display:block;
	padding:10px 0;
}
.hdrCorpLink a img{
	vertical-align:middle;
	padding-right:5px;
}
h1 { font-size:70%; text-align:right; color:#666666; padding-top:20px }

.logoBox { /* 物件名 */
	max-width:40%;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	padding:1% 0 2% 0;
}
.logo { width:80px;}
.title { padding-top:20px; text-align:left; font-weight:bold; }

.hnavBox {
max-width:60%;
	padding:1% 0 2% 0;
}
.hreq,
.hres {
float:left;
}
.hreqBtn { 
background: #CB5D7D url(../img/iconReq.png) no-repeat;
-moz-background-size:auto 60%;
background-size:auto 60%;
background-position:10px 10px;
color: #fff;
padding:10px 15px 10px 40px; 
font-size:120%; 
font-weight:bold; 
margin:20px 10px 0 0;
}
.hresBtn {
	background: #CB5D7D url(../img/iconRes.png) no-repeat; 
-moz-background-size:auto 60%;
background-size:auto 60%;
background-position:10px 10px;
color: #fff;
padding:10px 15px 10px 40px; 
font-size:120%; 
font-weight:bold; 
margin:20px 10px 0 0; 
}
.hreqBtn:hover,
.hresBtn:hover { background-color:#D11957; }

.telBox { width:240px; float:right; }
.telBox .txt { font-size:70%; color:#7F7F7F; }
.freed { width:40px; height:26px; float:left; padding:5px 5px 0 0; }
.tel { font-size:150%; font-weight:bold; color:#7F7F7F; }
.teltime { width:240px; background-color:#7F7F7F; float:right; text-align:center; color:#fff; font-size:70%; }

.nvSP { display:none; }

.hdrCorpLinkSP{ /* 物件ロゴリンク */
	display:none;
}
.logoBoxSP {
	display:none;
}


@media only screen and (max-width: 940px) {
.header { display:none; }


.hdrCorpLinkSP{ /* 物件ロゴリンク */
	display:block;
margin:0 auto;
	font-size:70%;
}
.hdrCorpLinkSP a{
	display:block;
	padding:0;
}

.logoBoxSP { /* 物件名 */
display:block;
margin:0 auto;
font-size:90%;/* 120% */
}
.logoBoxSP img { /* 物件名 */
width:60px;/* 70px */
vertical-align:middle;
}
.logoBoxSP span { font-weight:bold; }

.logoBoxSP a:link,
.logoBoxSP a:visited,
.logoBoxSP a:hover,
.logoBoxSP a:active {color: #4C496A;text-decoration: none;}

}

@media only screen and (max-width: 768px) {
.logoBoxSP img { /* 物件名 */
width:50px;
padding:5px 0;
}
.logoBoxSP { /* 物件名 */
font-size:80%;
padding:5px 0;
}
}


/* グローバルナビ 
********************************************************/
#menu-box {
	background-color:rgba(0,0,0,0.6);
}
#menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
}
#menu li{
	width:25%;
}
#menu li a {
display: block;
text-align: center;
_float:left;
color:#fff;
/*height:50px;*/
/*line-height:50px;*/
padding:15px 0;
}
#menu li a span,#menu li a strong{
display:block;
font-size:90%;
line-height:1.4;
}
#menu li a span{
font-size:70%;
}
#menu li:hover{
background:#000;
}

#menu li a:link {color: #fff;text-decoration: none;}
#menu li a:visited {color: #fff;text-decoration: none;}
#menu li a:hover {color: #fff; text-decoration:none;}
#menu li a:active {color: #fff;text-decoration: none;}
#menu li a.current {color: #fff;text-decoration: none;background: #000;}
#toggle {
	display: none;
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	#menu {
		display: none;
		position:fixed;
	}
	#menu li {
		width: 50%;/*100*/
		border-bottom: #aaa 1px solid;
		float:left;
	}
	
	#menu li:nth-child(odd) {
		border-right: #aaa 1px solid;
		box-sizing: border-box;
	}

	#menu li a {
		padding: 15px;
		text-align: left;
		display: block;
		background: #ebebeb;
		position: relative;
	}
	#menu li a:after {
		content: '';
		margin-top: -4px;
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		color: #888;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.2em;
		display: block;
		position: absolute;
		border-top: 2px solid #b0b0b0;
		border-right: 2px solid #b0b0b0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}	
#menu li a:link {color: #333;text-decoration: none;}
#menu li a:visited {color: #333;text-decoration: none;}
#menu li a:hover {color: #aaa; text-decoration:underline;}
#menu li a:active {color: #333;text-decoration: none;}
#menu li a.current {color: #fff;text-decoration: none;background: #AAAAAA;}
#menu li a span {display:none;}	
	
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #000;
	}
	#toggle .nvNv{
		display: block;
		position: relative;
		padding: 15px 0;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
.nvSP {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	justify-content: space-between;
}
.nvSP > p {
	flex-basis: 24%;
	border-left:1px solid #fff;
}
#toggle .nvTel{
	display: block;
	position: relative;
	padding: 15px 0;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	border-left:none;
}
#toggle .nvReq,
#toggle .nvRes{
	display: block;
	position: relative;
	padding: 15px 0;
	color:#FFF;
	text-align: center;
	text-decoration: none;
}
.fixed{
  position: fixed!important;
  top: 0px;
  left: 0px;
  z-index: 9999;
}
}



/* ぱんくず 
********************************************************/

.pan { width:940px; margin:10px auto 10px; text-align:left; font-size:70%; color:#4C4948; }
.pan a { color:#4C4948; }

@media only screen and (max-width: 940px) {
.pan { 
width:95%;
font-size:70%;
padding-top:0px; clear:both;/* 流す */
/* padding-top:200px; *//* FIX時 */ }
}


/* フッター 
********************************************************/

.footer { background:#DDD; padding:3% 0 1% 0; }

.footer .box1 { width:450px; float:left; }
.logo_corp { width:285px; height:31px; float:left; text-align:left; margin-bottom:5px;  }

.f_telBox { width:450px; float:left; text-align:left; }
.f_telBox .txt { font-size:70%; color:#7F7F7F; }
.f_telBox .box { width:220px; float:left; }
.f_telBox .freed { width:35px; height:26px; float:left; padding:5px 5px 0 0; }
.f_telBox .foottel { font-size:140%; font-weight:bold; color:#7F7F7F; }
.f_telBox .teltime { width:180px; background-color:#7F7F7F; float:left; text-align:center; color:#fff; font-size:70%; margin:7px 0 0 10px; }

.tel a:link,
.tel a:visited,
.tel a:hover,
.tel a:active {color: #333;text-decoration: none;}

.ftrBtn {float:right; }

.freq,
.fres {
float:left;
}
.freqBtn { 
background: #CB5D7D url(../img/iconReq.png) no-repeat;
-moz-background-size:auto 60%;
background-size:auto 60%;
background-position:10px 10px;
color: #fff;
padding:15px 15px 15px 50px; 
font-size:120%; 
font-weight:bold; 
margin:20px 10px 0 0;
}
.fresBtn {
	background: #CB5D7D url(../img/iconRes.png) no-repeat; 
-moz-background-size:auto 60%;
background-size:auto 60%;
background-position:10px 10px;
color: #fff;
padding:15px 15px 15px 50px; 
font-size:120%; 
font-weight:bold; 
margin:20px 10px 0 0; 
}
.freqBtn:hover,
.fresBtn:hover { background-color:#D11957; }



.f_pp { width:200px; margin:50px auto 0; font-size:70%; letter-spacing:0.3em; border-bottom:1px solid #4C4948;  }
.f_pp a.pplink { padding:0 0 3px; }
.f_pp a { text-decoration:none; color:#4C4948; }

.under { background-color:#EFEFEF; padding:1% 0 ;  }
.copyRight{	clear:both;	max-width:940px; margin:2% auto 0; font-size:70%; }


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

.footer .box1 { margin:0 auto; float:none; }	
.ftrBtn { width:310px; margin:0 auto; float:none;}

.f_pp { margin:5% auto 1.5%; }
.copyRight{	width:90%; margin:2% auto 0; font-size:70%; }	
}

@media only screen and (max-width: 480px) {
.footer .box1 { width:390px; float:none; margin:0 5%; }
.f_telBox { width:390px; float:left; }
.f_telBox .freed { width:35px; height:26px; float:left; padding:5px 5px 0 0; }
.f_telBox .teltime { width:140px; margin:7px 0 0 0px; }
}

@media only screen and (max-width: 380px) {
.logo_corp { width:80%; margin:15px auto 10px; }	
}