@charset "utf-8";


/*
	* Copyright (C) 2010 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/


/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.左サイド（leftCol）
	* 5.メイン（mainCol）
	* 6.フッター（footer）
	* 7.サブページ
	* 8.タブレット用
*/



/*******************************************************************************
**	1.基本レイアウト
*******************************************************************************/

body {
	line-height:1.75em;
	letter-spacing:0.05em;
	font-feature-settings: "palt" 1;
}

#container {
	overflow: hidden;
}

#leftCol {
	z-index: 30;
	float:left;
	width: 200px;
	height: 100%;
	position: fixed;
	background-color: #fff;
	box-sizing: border-box;
	border-right: solid 1px #ccc;
}

#mainCol {
	box-sizing: border-box;
	float:right;
	margin-right: -200px;
	padding-right: 200px;
	width: 100%;
}

a>img:hover,
.linkHover:hover {
	opacity: 0.7;
}

@media all and (-ms-high-contrast:none) {
	#breadcrumbs li:not(:last-child)::after{
		top: 15px!important;
	}

	.megaMenuListWrap>ul>li p{
		padding: 13px 20px 7px!important;
	}

	.detailTittle h2{
		padding: 25px 30px 15px!important;
	}

	.subListTitle01 h2{
		padding-bottom: 0.5em!important;
	}

	.topSiteList01 nav>ul>li{
		padding: 5px 13px 0px!important;
	}

	#detailListOn,.detailList01 li a{
		padding: 13px 0 7px!important;
	}

	.detailContents02 li h5{
		padding: 8px 0 2px 20px!important;
	}

	.detailHeading01{
		padding: 8px 10px 2px!important
	}

	.top2Col01::before{
		top: 0!important;
	}

	.top2Col01Inner::after{
		bottom: -9px!important;
	}

	.newsList01 h2,.topListTitle01,.topSiteList01 h4,.topSiteCol02 h4,.detailTittle p,.detailContents01>div>p,.detailContents02 h4,.detailContents02 article>p,.subHeading01>span,.newsList02 dt span{
		font-family: "Century Gothic"!important;
	}
}


/*******************************************************************************
**	2.基本設定
*******************************************************************************/

/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section{
	display: inline-block;
}
* html .clearfix,
* html div.section{
	height: 1%;
}
.clearfix,
div.section{
	display: block;
}

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right;}
.floatLeft {float:left;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.valignTop {vertical-align:top !important;}
.valignMiddle {vertical-align:middle !important;}
.valignBottom {vertical-align:bottom !important;}

/* image
----------------------------------------------------------------------------- */
img.imgLeft{
	float:left;
	padding:0 20px 0 0;
}
img.imgRight{
	float:right;
	padding:0 0 0 20px;
}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}

.paddingRight0 {padding-right:0 !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}

.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}

.paddingLeft0 {padding-left:0 !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}

.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}

.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}

.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize10 {font-size:10px !important;}
.fontSize11 {font-size:11px !important;}
.fontSize12 {font-size:12px !important;}
.fontSize13 {font-size:13px !important;}
.fontSize14 {font-size:14px !important;}
.fontSize15 {font-size:15px !important;}
.fontSize16 {font-size:16px !important;}
.fontSize18 {font-size:18px !important;}
.fontSize20 {font-size:20px !important;}
.fontSize25 {font-size:25px !important;}

/* link
----------------------------------------------------------------------------- */
a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}

.telLink, .telLink a{
	color: #de2126;
}

.bold{font-weight:bold;}

/*******************************************************************************
**	3.ヘッダー
*******************************************************************************/
header{
	color: #333;
	height: 55px;
	font-size: 12px;
	padding:  0 6.5%;
	height: 80px;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
	overflow: hidden;
}

header h1{
	float: left;
	font-weight: 500;
	height: 30px;
	padding-right: 10%;
	line-height: 80px;
}

#headerLogo{
	float: left;
	height: 30px;
	border-right: solid 1px #fff;
	padding: 0 6% 0 3%;
}

#headerLogo img{
	display: inline-block;
	margin-right: 10px;
}

#headerSns{
	float: right;
	height: 60px;
	color: #1b2f60;
	line-height: 80px;
}

#headerSns img{
vertical-align: middle;
}

/*#headerSns a{
	display: inline-block;
	top: -27px;
	right: -10px;
	position: relative;
}*/

#spHeaderMenu{
	display: none;
}

/*******************************************************************************
**	4.左サイド（leftCol）
*******************************************************************************/

#planningLogo{
	text-align: center;
	height: 200px;
	line-height: 163px;
}

#leftColMenu{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color:#f6f6f6;
	padding:30px 0;
}

#leftColMenu>nav{
	margin-bottom: 40px;
	font-weight: bold;
	padding-left: 30px;
}

#leftColMenu>nav>ul>li{
	line-height:14px;
	margin-bottom:28px;
	font-size:14px;
	color: #333;
}

#leftColMenu>nav>ul>li>a{
	width: 100%;
	display: inline-block;
	font-size:14px;
}

#leftBannerBox{
	text-align: center;
}

#leftBannerBox>ul>li{
	margin-bottom:20px;
}

#leftBannerBox>ul>li:last-child{
	margin-bottom:0;
}

.contactBtn01{
	text-align: center;
}

.contactBtn01 a{
	background-color: #de2126;
	color: #fff;
	font-weight: bold;
	padding: 16px 20px;
	border-radius: 50px;
	font-size: 16px;
	display: block;
	width: fit-content;
}

.contactBtn01 a:hover{
	text-decoration: none;
	opacity: 0.7;
}

.contactBtn02{
	width: 141px;
	margin:10px auto 0;
}
.contactBtn02 a{
	background-color: #de2126;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 16px;
	display: block;
	line-height: 1.1;
	text-align: center;
}

.contactBtn02 a span{
	font-size: 12px;
	display: block;
}

#leftCol>nav{
	padding: 30px 20px 20px 30px;
	font-size: 12px;
}

#leftCol>nav li{
	line-height:12px;
	margin-bottom:18px;
}

#leftCol>nav li:last-child{
	margin-bottom:0;
}

#sideText{
	 text-align: center;
	 font-size: 14px;
	 padding: 0 12px;
}

#sideText p:first-child{
	width: 40%;
	float: left;
}

#sideText p:first-child img{
	width: 60px;
}

#sideText p:last-child{
	width: 60%;
	float: left;
	padding-top: 3px;
}

#sideAddress{
	font-size: 12px;
	text-align: center;
}

.navMegaMenu{
	position: relative;
}

.navMegaMenu:before{
	content: "";
	position: absolute;
	right: 20px;
	top: 5px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #333333;
}

.megaMenuBusiness{
	position: fixed;
	left: 200px;
	top: 201px;
}

.megaMenuShop{
	position: fixed;
	left: 200px;
	top: 243px;
}

.megaMenuCompany{
	position: fixed;
	left: 200px;
	top: 285px;
}

.megaMenuListWrap:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 11.3px 6.5px 0;
	border-color: transparent #1b2f60 transparent transparent;
	left: -10px;
	top: 32px;
}

.megaMenuListWrap>ul{
	background-color: #1b2f60;
	padding: 10px;
}

.megaMenuListWrap>ul>li{
	background-color: #fff;
	padding: 30px 30px 15px;
	width: 620px;
	border-radius: 4px;
}

.megaMenuListWrap>ul>li:not(:last-child){
	margin-bottom: 4px;
}

.megaMenuListWrap>ul>li p,.FootermegaMenuListWrap{
	font-size: 16px;
	color: #1b2f60;
	border: solid 1px #1b2f60;
	border-radius: 50px;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.megaMenuListWrap>ul>li li{
	color: #333;
	float: left;
	margin: 0 20px 20px 0;
}

.megaMenuListWrap>ul>li li a{
	font-size: 14px;
}

#megaMenuRecruit{
	position: fixed;
	background-color: #efefef;
	left: 200px;
	top: 201px;
	padding: 30px 45px 10px 20px;
}

#megaMenuRecruit li{
	margin-bottom: 20px;
}

#megaMenuRecruit a{
	width: 100%;
	height: 100%;
	padding: 10px 0 10px 20px;
}

.topBnr01{
	background-color: #f5c201;
	padding: 3px 0;
	text-align: center;
}

.topBnr01 a{
	padding: 0 5%;
	display: block;
}

.topBnr01 a:hover{
	opacity: 0.7;
}

.topBnr01 a img{
	width: 100%;
	max-width: 781px;
}

.topBnr01 a img:hover{
	opacity: 1;
}

/*******************************************************************************
**	5.メイン（mainCol）
*******************************************************************************/
/******メインビジュアルのアニメーションはanimate.cssに記述******/

#mainSlider{
	width: 100%;
}

#slider{
   	background-color: #efefef;
    padding: 3% 6.5%;
}

li.slick-slide{
    margin: 30px 5px 10px;
    text-align:center;
    border-radius:5px;
    background:#FFF;
}

li.slick-slide a{
    display: block;
    text-decoration: none;
    border-radius:5px;
}
    
li.slick-slide p{
    width: 100%;
    height: 70px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 70px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:center;
}

li.slick-slide img{
	width:100%;
	border-radius: 0 0 5px 5px;
}

#mainBack{
	z-index: 100;
}

.top2Col01, .top2Col03{
	background-color: #efefef;
	position: relative;
	padding: 50px 0;
}

.top2Col01:before{
	 -webkit-transform: scale(0.75);
	content: url(../img/bg_top_01.png);
	position: absolute;
	left: -31px;
	top: -28px;
}

.top2Col01Inner:after{
	 -webkit-transform: scale(0.75);
	bottom: -30px;
	content: url("../img/bg_top_02.png");
	position: absolute;
	right: -23px
}

.top2Col01Inner, .top2Col03Inner{
	display: flex;
	flex-wrap: wrap;
	width: 750px;
	margin: 0 auto;
}

.top2Col01 article{
	position: relative;
}

.top2Col01 article:first-child{
	overflow-y: scroll;
}

.newsList01{
	font-weight: bold;
	background-color: #fff;
	height: 575px;
	box-sizing: border-box;
}

.newsList01>div{
	padding: 30px 30px 0;
	margin-bottom: 25px;
}

.newsList01 h2{
	font-size: 26px;
	line-height: 34px;
	letter-spacing: 0.2em;
	float: left;
	font-family: "Montserrat";
}

.newsList01 h2 span{
	font-size: 13px;
	color: #de2126;
	letter-spacing: 0.02em;
	padding-left: 13px;
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
}

.newsList01>div>p{
	float: right;
}

.newsList01>article>p{
	float: left;
}

.newsList01 dl{
	font-size: 13px;
	font-weight: 500;
	border-top: solid 1px #efefef;
	padding-top: 10px;
}

.newsList01 dt,.newsList01 dd{
	margin-bottom: 12px;
}

.newsList01 dt{
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
	color: #999;
	line-height: 20px;
	width: 85px;
	margin: 0 30px;
	text-align: left;
}

.newsList01 dd{
	border-bottom: solid 1px #efefef;
	padding: 0 30px 5px;
	box-sizing: border-box;
}

.newsList01 dd:last-child{
	border-bottom: none;
}

.newsList01 dd a{
	color: #333;
}

.subBtn01{
	text-align: center;
}

.subBtn01 a{
	color: #1b2f60;
	border: solid 2px #1b2f60;
	box-sizing: border-box;
	padding: 8px 12px;
	border-radius: 50px;
	font-size: 12px;
}

.subBtn01 a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #1b2f60;
}

#facebookPage{
	z-index: 5;
}

.sub4Col01{
	background-color: #efefef;
	padding: 1% 6.5% 6.5%;
}

.sub4Col01>nav>ul{
	display: flex;
	flex-wrap: wrap;
	max-width:924px;
	margin:0 auto;
}

.sub4Col01>nav>ul>li{
	/*width: 25%;*/
	width: 50%;
	font-size: 16px;
	/*padding: 15px 0 135px;*/
	padding: 80px 0 70px 28%;
	font-weight: bold;
	background-color: #fff;
	/*text-align: center;*/
	border-right: solid 1px #dedede;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.sub4Col01>nav>ul>li:hover{
	background-color: #bbb;
}

.sub4Col01>nav>ul>li:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #333;
	left: 50%;
	bottom: 16px;
}

#listRoom01:before,#listOwner01:before,#listCorporation01:before,#listMedia01:before{
	position: absolute;
	/*left: calc(50% - 35px);*/
	left: calc(35% - 35px);
	top: 54px;
}

#listRoom02,#listBuy02,#listTenant02,#listOwner02,#listManagement02,#listOther02{
	height:45px;
	padding:15px 10px 0 50px;
}

#listTrunk02{
	height:55px;
	padding:0px 10px 0 50px;
}

#listRoom01:before{ content: url(../img/ico_rent_01.png); }
#listOwner01:before{ content: url(../img/ico_owner_01.png); }
#listCorporation01:before{ content: url(../img/ico_corporation_01.png); }
#listMedia01:before{ content: url(../img/ico_media_01.png); }

#listRoom02{ background: url(../img/ico_rent_02.png) no-repeat left; }
#listBuy02{ background: url(../img/ico_rent_02.png) no-repeat left; }
#listTenant02{ background: url(../img/ico_tenant_02.png) no-repeat left; }
#listTrunk02{ background: url(../img/ico_trunk_02.png) no-repeat left; }
#listOwner02{ background: url(../img/ico_owner_02.png) no-repeat left; }
#listManagement02{ background: url(../img/ico_management_02.png) no-repeat left; }
#listOther02{ background: url(../img/ico_other_02.png) no-repeat left; }

#listOnBox01>div{
	background-color: #bbb;
	padding: 10px;
}

#listOnBox01,#listOnBox02{
	max-width:924px;
	margin:0 auto;
}

.col2BoxSubMenu{
	background-color: #fff;
	padding: 25px;
	width: calc(100% - 50px);
}

.col2BoxSubMenu01>ul>li{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:calc(50% - 13px);
	min-height:135px;
	float:left;
}

.col2BoxSubMenu01>ul>li,.col2BoxSubMenu02{
	margin-bottom:25px;
	padding:10px;
	border:1px solid #ccc;
	border-radius: 5px;
}

.col2BoxSubMenu01>ul>li a,.col2BoxSubMenu02 a{
	font-size:13px;
}

.col2BoxSubMenu01>ul>li{
	margin-right:25px;
}

.col2BoxSubMenu01>ul>li:nth-child(2n){
	margin-right:0;
}

.col2BoxSubMenu02{
	min-height:135px;
}


.listOtherlink li{
	float:left;
}

.listOtherlink li:not(:last-child){
	margin-right:25px;
}

.col4BoxSubMenu{
	background-color: #fff;
	padding: 25px;
}

.col4BoxSubMenu p{
	margin-bottom:10px;
	font-weight:bold;
}

.col2BoxSubMenu p{
	height:50px;
	margin-bottom: 10px;
    font-weight: bold;

}

.col4BoxSubMenuCenter{
	width: 100%;
	float: left;
	position: relative;
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.col4BoxSubMenuLeft,.col2BoxSubMenuLeft{
	width: 47%;
	margin-right: 3%;
	float: left;
	position: relative;
}

.col4BoxSubMenu ul:not(:last-child) {
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.col4BoxSubMenuCenter li, .col4BoxSubMenu li{
	float: left;
}

.col4BoxSubMenuCenter li:not(:last-child),.col4BoxSubMenuLeft li:not(:last-child),.col4BoxSubMenuRight li:not(:last-child){
	margin-right: 25px;
}

.col4BoxSubMenu li a{
	font-size: 14px;
	font-weight: bold;
	color: #1b2f60;
}

.col4BoxSubMenuRight,.col2BoxSubMenuRight{
	width: 47%;
	float: left;
	box-sizing: border-box;
	margin-left: 3%;
	position: relative;
}


.col4BoxSubMenuLeft:before{
	content: "";
	background-color: #ccc;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -6.5%;
}

.col4BoxSubMenuRight:before,.col2BoxSubMenuRight:before{
	content: "";
	background-color: #ccc;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -6.5%;
}

.col4BoxSubMenuRight p,.col2BoxSubMenuRight p{
	text-align: center;
}

.col2BoxSubMenuLeft img,.col2BoxSubMenuRight img{
	width:100%;
}

.col4BoxSubMenu img{
	width: 100%;
}



.select{
	background-color: #bbb!important;
}

/*
#listOnBox01>div{
	padding: 25px 40px 0;
}

#listOnBox01>div>p{
	font-weight: bold;
	margin-bottom: 15px;
}

#listOnBox01 ul{
	padding-left: 13px;
}

#listOnBox01 ul li{
	float: left;
	margin: 0 50px 10px 0;
}

#listOnBox01>div>p{
	background-size: contain;
	padding-left: 38px;
}

#listOn01>p{background: url(../img/ico_rent_01.png) no-repeat 0 center;}
#listOn02>p{background: url(../img/ico_owner_01.png) no-repeat 0 center;}
#listOn03>p{background: url(../img/ico_corporation_01.png) no-repeat 0 center;}
#listOn04>p{background: url(../img/ico_media_01.png) no-repeat 0 center;}

#listOnBox01 li a{
	position: relative;
}

#listOnBox01 li a:before{
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	content: "";
	height: 4px;
	left: -14px;
	position: absolute;
	top: 8px;
	transform: rotate(45deg);
	width: 4px;
}*/

.SiteListBg01{
	background: url(../img/bg_sitelist_01.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.topSiteListWrap01{
	font-weight: bold;
}

.topListTitle01{
	font-size: 30px;
	text-align: center;
	padding: 60px 0 50px;
	letter-spacing: 0.2em;
	font-family: "Montserrat";
}

.topListTitle01 span{
	font-size: 13px;
	color: #de2126;
	display: block;
	letter-spacing: 0.02em;
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
}

.top1ColRent{
	padding: 127px 0 20px;
}

.rentTitle01{
	text-align: center;
	margin-bottom: 30px;
}

.rentTitle01 h3{
	font-size: 40px;
	position: relative;
	display: inline;
	letter-spacing: 0.2em;
}

.rentTitle01 h3:before{
	content: url(../img/ico_rent_02.png);
	position: absolute;
	top: -66px;
	left: calc(50% - 31px);
}

.rentTitle01 h3:after{
	content: "";
	height: 2px;
	width: 100%;
	background-color: #333;
	position: absolute;
	top: 55px;
	left: 0;
}

.rentTitle01 p{
	margin-top: 10px;
}

.top1ColRent nav{
	margin: 0 auto 30px;
	width: 80%;
}

.top1ColRent li{
	float: left;
	font-size: 14px;
	line-height: 2.2em;
	position: relative;
	margin-right: 20px;
}

.top1ColRent li:before{
	content: "";
	position: absolute;
	top: 11px;
	left: -14px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top3Col01 ul{
	display: flex;
	flex-wrap: wrap;
}

.top3Col01 ul li {
	width: 33.3%;
	text-align: center;
}

.top3Col01 ul li:last-child{
	width: 33.4%;
}

.top3Col01 ul li a{
	color: #fff;
	display: inline-block;
	padding: 136px 0 50px;
	width: 100%;
	height: 155px;
}

.top3Col01 ul li a:hover{
	text-decoration: none;
}

.top3Col01 ul li:nth-child(odd){
	background-color: #1b2f60;
	opacity: 0.9;
}

.top3Col01 ul li:nth-child(even){
	background-color: #f01a22;
	opacity: 0.9;
}

.top3Col01 h4{
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.2em;
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

.top3Col01 h4:after{
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	background-color: #fff;
	top: 40px;
	left: 0;
}

.titleTenant:before{
	content: url(../img/ico_tenant_01.png);
	position: absolute;
	left: calc(50% - 30px);
	top: -85px;
}

.titleBuySale:before{
	content: url(../img/ico_buy_01.png);
	position: absolute;
	left: calc(50% - 30px);
	top: -85px;
}

.titleTrunk:before{
	content: url(../img/ico_trunk_01.png);
	position: absolute;
	left: calc(50% - 30px);
	top: -85px;
}

.top3Col01 li p{
	margin-bottom: 20px;
}

.top3Col01 li div{
	width: 60%;
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	position: relative;
	display: inline;
}

.top3Col01 li div:before{
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	height: 4px;
	left: -15px;
	top: 6px;
	position: absolute;
	transform: rotate(45deg);
	width: 4px;
}

#shopSlide li{
	border-right: solid 2px #fff;
}

.top2Col02{
	padding-bottom: 100px;
}

.top2Col02>article{
	width: 40%;
	float: left;
	margin: 0 5%;
}

.top2Col02 h5{
	font-size: 22px;
	font-weight: bold;
	/*border-bottom: solid 2px #dedede;*/
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.top2Col02>article:first-child>h5>span:before{
	content: url(../img/ico_shop_01.png);
	position: absolute;
	top: 2px;
	left: calc(50% - 140px);
}

.top2Col02>article:last-child>h5>span:before{
	content: url(../img/ico_office_01.png) ;
	position: absolute;
	top: 2px;
	left: calc(50% - 70px);
}

.top2Col02 article li{
	float: left;
	font-size: 14px;
	margin-right: 35px;
	position: relative;
}

.top2Col02 article li:before{
	content: "";
	position: absolute;
	top: 11px;
	left: -14px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.spDropMenu02{
	display: none;
}

.topSiteList01{
	background-color: #efefef;
	padding: 50px 6.5% 0;
}

.topSiteList01 ul li{
	float: left;
}

.topSiteList01>nav{
	padding-bottom: 50px;
}

.topSiteList01 nav>ul>li:hover{
	background-color: #bbb;
}

.topSiteList01 li a:hover{
	text-decoration: none;
}

.topSiteList01>ul>li{
	margin-bottom: 50px;
}

.topSiteList01>ul>li:not(:last-child){
	margin-right: 6%;
}

.topSiteList01>ul{
	width: 100%;
}

.topSiteList01 nav>ul>li{
	background-color: #fff;
	border-radius: 50px;
	margin: 0 5px 5px 0;
	padding: 3px 13px;
	font-size: 14px;
}

.topSiteList01 h4{
	color: #333;
	font-size: 26px;
	margin-bottom: 25px;
	letter-spacing: 0.2em;
	font-family: "Montserrat";
}

.topSiteList01 h4 span{
	color: #f01a22;
	font-size: 13px;
	padding-left: 13px;
	letter-spacing: 0.02em;
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
}

.topSiteList01 a{
	color: #1b2f60;
	font-weight: bold;
}

.bnrWrap01{
	padding: 50px 6.5%;
}

.imgWrap01{
	width: 87%;
    margin: 0 auto 20px;
    text-align:center;
}

.topSiteCol02{
	background-color: #efefef;
	padding: 50px 6.5% 0;
}

.topSiteCol02 article{
	width: 47%;
	float: left;
}

.topSiteCol02 h4{
	color: #333;
	font-size: 26px;
	margin-bottom: 25px;
	letter-spacing: 0.2em;
	font-family: "Montserrat";
}

.topSiteCol02 h4 span{
	color: #f01a22;
	font-size: 13px;
	padding-left: 16px;
	letter-spacing: 0.02em;
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
}

.topSiteCol02 article:first-child{
	margin-right: 6%;
}

.topSiteCol02 nav ul{
	margin-bottom: 50px;
}

.topSiteCol02 nav ul li{
	color: #333;
	background-color: #fff;
	border-radius: 50px;
	margin: 0 4px 4px 0;
	padding: 3px 13px;
	font-size: 14px;
	float: left;
}

.topSiteCol02 li:hover{
	background-color: #bbb;
}

.topSiteCol02 li a:hover{
	text-decoration: none;
}

.listNotLink li{
	color: #1b2f60;
	font-weight: bold;
}

.listNotLink li:hover{
	background-color: #fff;
}

.topSiteCol02 a{
	color: #1b2f60;
	font-weight: bold;
}

#pickupList>ul>li{
	margin-bottom: 15px;
}

#pickupList>ul>li.last{
	margin-bottom: 0px;
}

#pickupList img{
	width:100%;
}

/* SITE LINK */
.siteLink{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
li.siteLink-item{
	width: calc(16% - 0.5rem);
	margin-right: 0 !important;
}
li.siteLink-item img{
	width: 100%;
}
li.siteLink-item p{
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}







/*******************************************************************************
**	6.フッター（footer）
*******************************************************************************/
.FooterMenuList{
	padding:50px 6.5% 0;
}
.FooterMenuList>.subHeading01{
	border-top:solid 1px #333;
	padding-top:50px;
}

.FooterMenuList li{
	color: #333;
    float: left;
    margin: 0 20px 20px 0;
}

.FooterMenuList a{
	font-size: 14px;
	font-weight:bold;
}

/*******************************************************************************
**	7.サブページ
*******************************************************************************/

/* サブページ全般用
----------------------------------------------------------------------------- */

#breadcrumbs{
	height: 40px;
	line-height: 40px;
	margin: 0 6.5%;
}

#breadcrumbs li{
	float: left;
	font-size: 12px;
	margin-right: 30px;
	position: relative;
}

#breadcrumbs li:not(:last-child):after{
	content: "";
	position: absolute;
	top: 18px;
	right: -15px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.subListTitle01{
	background-position: 50% 0;
	background-size: cover;
	background-color: #1b2f60;
	color: #fff;
	padding: 50px 0;
	text-align: center;
}

.subListTitle01 h2{
	border: 1px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
	display: inline-block;
	font-size: 25px;
	margin: 0 auto 10px;
	padding: 20px 30px;
	letter-spacing: 0.2em;
}

.subListTitle01 p{
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto;
	width: 87%;
}

.button01{
	display: inline-block;
	background: url(../img/ico_service_01.png) no-repeat 30px center;
	background-color: #1b2f61;
	font-weight: bold;
	padding: 10px 55px;
	color: #fff!important;
}

/* 事業紹介(business_introduction.html)
----------------------------------------------------------------------------- */
.serviceText01{
	text-align: center;
	padding-bottom: 60px;
}

.serviceText01 p:nth-child(1){
	font-size: 20px;
	font-weight: bold;
	width: 90%;
	margin: 0 auto 40px;
}

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

.serviceListWrap01{
	color: #fff;
}

.serviceListWrap01 a{
	color: #fff;
}

.serviceList01{
	padding: 50px 0;
}

.serviceList01>p>img{
	max-width: 100%;
}

.serviceList01:nth-child(odd){
	background: url(../img/bg_servie_01.png) no-repeat left bottom;
	background-color: #1b2f60;
}

.serviceList01:nth-child(even){
	background: url(../img/bg_servie_02.png) no-repeat right bottom;
	background-color: #de2126;
}

.serviceList01>p,.serviceList01>div{
	float: left;
}

.serviceList01>p{
	width: 50%;
}

.serviceList01>div{
	padding: 0 5%;
	width: 40%;
}

.serviceList01:nth-child(even)>p{
	text-align: right;
}

.serviceList01:nth-child(even)>p:first-child{
	display: none;
}

.serviceList01 h3{
	margin-bottom: 25px;
}

.serviceList01 h3 img{
	max-width: 100%;
}

.serviceList01>div>p{
	margin-bottom: 30px;
}

.serviceList01 div li{
	font-weight: bold;
	margin-bottom: 2px;
}

.serviceList01:nth-child(odd) div li{
	background: url(../img/ico_service_01.png) no-repeat left center;
	padding-left: 15px;
}

.serviceList01:nth-child(even) div li{
	background: url(../img/ico_service_02.png) no-repeat left center;
	padding-left: 15px;
}

.businessListWrap>h4{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	padding: 90px 0 40px;
}

.businessContactWrap01{
	box-sizing: border-box;
	border: solid 4px #1b2f60;
	text-align: center;
	padding: 50px 0;
	width: 87%;
	margin: 120px auto;
}

.businessContactWrap01>h4{
	font-size: 25px;
	margin-bottom: 20px;
}

.businessContactWrap01>p{
	margin-bottom: 20px;
	padding: 0 10%;
}

/* 事業詳細(business_detail.html)
----------------------------------------------------------------------------- */

.bgBridge{background: url(../img/bg_bridge_01.jpg) no-repeat;}
.bgAssets{background: url(../img/bg_assets_01.jpg) no-repeat;}
.bgVarious{background: url(../img/bg_various_01.jpg) no-repeat;}
.bgPrivacy{background: url(../img/bg_privacy_01.jpg) no-repeat;}
.bgContact{background: url(../img/bg_contact_01.jpg) no-repeat;}
.bgHojinContact{background: url(../../hojin/common/img/bg_contact_01.jpg) no-repeat;}
.bgGasContact{background: url(../img/bg_contact_03.jpg) no-repeat;}
.bgPartnership{background: url(../img/bg_partnership_01.jpg) no-repeat;}

.detailTittle {
	background-size: cover;
	background-position: 50% 0;
	text-align: center;
	padding: 95px 0 ;
	margin-bottom: 50px;
}

.detailTittle h2{
	border: solid 1px #333;
	border-radius: 50px;
	padding: 20px 30px;
	display: inline-block;
	font-size: 25px;
	margin: 0 auto 10px;
	box-sizing: border-box;
}

.detailTittle p{
	font-size: 18px;
	font-weight: bold;
	width: 87%;
	margin: 0 auto;
	font-family: "Montserrat";
}

.detailList01{
	margin-bottom: 100px;
}

.detailList01 ul{
	width: 87%;
	margin: 0 auto;
}

.detailList01 li{
	float: left;
	border: solid 1px #1b2f60;
	background-color: #1b2f60;
	border-radius: 4px;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0.5%;
}

.detailListCol03 li{
	width: 33%;
}

.detailList01 li:hover{
	background-color: #fff;
	border: solid 1px #1b2f60;
}

.detailListCol03 li:not(:nth-child(3n)){
	margin-right: 0.5%;
}



.detailList01 li a{
	color: #fff;
	display: inline-block;
	width: 100%;
	line-height: 30px;
	padding: 10px 0;
	font-weight: bold;
}

.detailList01 li a:hover{
	color: #1b2f60;
	text-decoration: none;
}

#detailListOn{
	background-color: #fff;
	color: #1b2f60;
	display: inline-block;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 0;
}

.detailContents01{
	width: 87%;
	margin: 0 auto 80px;
}

.detailContents01>div{
	width: 30%;
	margin-right: 5%;
	float: left;
}

.detailContents01>div>h3{
	font-size: 24px;
	color: #1b2f60;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.detailContents01>div>p{
	color: #333;
	font-weight: bold;
	font-size: 13px;
	font-family: "Montserrat";
	line-height: 1.5em;
}

.detailContents01>article{
	width: 65%;
	float: left;
}

.detailContents01>article p:first-child{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.detailContents02{
	background-color: #efefef;
	padding: 50px 6.5% 0;
}

.detailContents02 h4{
	color: #333;
	font-size: 26px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
	font-family: "Montserrat";
}

.detailContents02 h4 span{
	color: #f01a22;
	font-size: 13px;
	letter-spacing: 0.02em;
	padding-left: 13px;
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
}

.detailContents02>ul{
	display: flex;
	flex-wrap: wrap;
}

.detailContents02>ul>li{
	background-color: #fff;
	width: 48%;
	float: left;
	box-sizing: border-box;
	padding: 30px 3%;
}

.detailContents02 li h5{
	font-size: 18px;
	color: #1b2f60;
	border: solid 1px #1b2f60;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 5px 20px 5px 20px;
	margin-bottom: 20px;
}

.detailContents02>ul>li:nth-child(odd){
	margin-right: 4%;
}

.detailContents02 li>a:hover{
	opacity: 0.7;
	text-decoration: inherit;
}

.detailContents02 li>a>div>div{
	width: 48%;
	margin-right: 4%;
	float: left;
}

.detailContents02 li>a>div>article{
	width: 48%;
	float: left;
}

.detailContents02 article>p{
	font-size: 14px;
	word-wrap:break-word;
	font-family: "Montserrat";
}

.detailContents02 article>p:last-child{
	font-family: "Montserrat";
}

.detailContents02 li>a>div>article>p:first-child{
	margin-bottom: 20px;
}

.companySiteList01{
	background-color: #efefef;
	padding: 50px 0 0 0;
	margin-bottom: 50px;
}

.detailHeading01{
	border: solid 3px #333;
	font-size: 16px;
	padding: 5px 10px;
	text-align: center;
	width: 130px;
	margin: 0 auto 50px;
}

.companySiteList01 ul{
	width: 93%;
	margin: 0 auto;
}

.companySiteList01 li{
	width: 45%;
	float: left;
	margin-bottom: 50px;
}

.companySiteList01 li:nth-child(odd){
	margin-right: 10%;
}

.companySiteList01 li>p{
	text-align: center;
	margin-bottom: 30px;
}

.companySiteList01 li>p>img{
	max-width: 100%;
}

.companySiteList01 li div>h5{
	font-size: 18px;
	color: #1b2f60;
	margin-bottom: 20px;
}

.companySiteList01 li div>p{
	margin-bottom: 25px;
}

.companySiteList01 li div>a{
	font-style: italic;
	overflow-wrap: break-word;
}

.companyShopList01{
	background-color: #efefef;
	padding: 50px 3.5%;
	margin-bottom: 50px;
}

.companyShopList01 li{
	float: left;
	background: url("../img/ico_arrow_02.png") no-repeat left center;
	padding-left: 15px;
	margin: 0 20px 6px 0;
}

.companyBnrWrap01{
	background-color: #efefef;
	padding: 50px 3.5%;
	margin-bottom: 50px;
}

.companyBnrWrap01 img{
	width: 100%;
}

.detailServiceList{
	padding: 0 3.5%;
}

.detailContents03,.flowContents{
	border-top: solid 1px #333;
	padding-top: 50px;
	width: 87%;
	margin: 0 auto 50px;
}

.detailContents03 h4,.flowContents h4{
	color: #333;
	font-family: "Montserrat";
	font-size: 26px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}

.detailContents03 h4 span,.flowContents h4 span{
	color: #f01a22;
	font-family: "游ゴシック","ヒラギノ角ゴ ProN W3";
	font-size: 13px;
	letter-spacing: 0.02em;
	padding-left: 13px;
}

.col3BoxSubList li{
	width: 30%;
	float: left;
	padding-top: 20px;
}

.col3BoxSubList li:not(:last-child){
	margin-right: 5%;
}

.col4BoxSubList li{
	width: 22%;
	float: left;
	padding-top: 20px;
}

.col4BoxSubList li:not(:last-child){
	margin-right: 4%;
}

.col3BoxSubList li div div,.col4BoxSubList li div div{
	text-align: center;
	margin-bottom: 35px;
}

.col3BoxSubList li h5,.col4BoxSubList li h5{
	font-size: 18px;
	color: #1b2f60;
	margin-bottom: 20px;
}

.col3BoxSubList li p,.col4BoxSubList li p{
	color: #333;
	font-size: 14px;
}

.col3BoxSubList a{
	background-color: #de2126;
	border: solid 1px #de2126;
	color: #fff;
	font-weight: bold;
	padding: 5px 20px;
	border-radius: 50px;
	font-size: 14px;
}

.col3BoxSubList a:hover{
	text-decoration:none;
  background-color: #FFF;
  border-radius: 50px;
  color:#de2126;
}

.detailContents03>p,.flowContents>p{
	margin-bottom: 80px;
	color: #333;
	font-size: 14px;
}

.detailTable01{
	width: 100%;
}

.detailTable01 tr td:first-child{
	background-color: #efefef;
	font-weight: bold;
}

.detailTable01 tr td{
	width: 33.3%;
	font-size: 14px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.detailTable01 tr:first-child td:first-child{
	background-color: inherit;
}

.detailTable01 tr:first-child td{
	padding: 13px 4px;
	font-weight: bold;
}

.detailTable01 tr:not(:first-child) td{
	box-sizing: border-box;
	padding: 13px 20px;
	color: #333;
}

.detailTable01 tr:not(:first-child) td:not(:first-child){
	background-color: #f6f6f6;
}

.bgRed{
	color: #fff;
	background-color: #de2126;
	text-align: center;
}

.bgBlue{
	color: #fff;
	background-color: #1b2f60;
	text-align: center;
}

.chartName{
	font-size:18px;
	color:#1b2f60;
	font-weight:bold;
}

.chartName span{
	padding: 5px 8px;
    margin-right: 10px;
    background-color: #1b2f60;
    color: #fff;
    border-radius:4px;
    font-weight:normal;
}

.chartTxt{
	border:solid 1px #ccc;
	padding:20px;
	margin:10px 0 30px;
}

.chartTxt ul>li{
	list-style-type: disc;
	margin-left:20px;
}

.pointList{
	width:100%;
}

.pointList li{
	width:48%;
	float:left;
	line-height:normal !important;
}

.pointList li:nth-child(odd){
	margin-right:2%;
}

.pointList .pointTxt{
	min-height:112px;
}

.pointName{
	font-size:18px;
	color: #1b2f60;
	font-weight:bold;
}

.pointName span{
	padding: 5px 8px;
    margin-right: 10px;
    background-color: #de2126;
    color: #fff;
    border-radius:4px;
    font-weight:normal;
}

.pointTxt{
	border:solid 1px #ccc;
	padding:20px;
	margin:10px 0 30px;
}

.pointTxt span{
	color:#de2126;
	font-weight:bold;
}

.pointTxt ul>li{
	list-style-type: disc;
	margin-left:20px;
}

.siteLinkbutton{
	background-color: #de2126;
    border-radius: 50px;
    font-size: 16px;
    text-align:center;
    border: solid 1px #de2126;
    color: #FFF;
    font-weight:bold;
}

.siteLinkbutton a{
	color: #FFF;
	display:block;
	padding: 10px 20px;
    
}

.siteLinkbutton a:hover{
	text-decoration:none;
    background-color: #FFF;
    border-radius: 50px;
    color:#de2126;
}


/* 店舗・事業部案内(shop.html)
----------------------------------------------------------------------------- */
.shopListWrap{

}

.bgShop{background: url(../img/bg_shop_01.jpg) no-repeat 50% 0;}

.subHeading01{
	color: #1b2f60;
	font-size: 24px;
	text-align: center;
	margin-bottom: 50px;
}

.subHeading01>span{
	color: #333;
	display: block;
	font-size: 13px;
	letter-spacing: 0.02em;
	font-family: "Montserrat";
}

.shopListWrap>ul{
	padding: 50px 4% 50px;
	background-color: #efefef;
}

.detailListCol02 li{
	width: 49.75%;
}

.detailListCol02 li:first-child{
	margin-right: 0.5%;
}

#shopListBox{
	background-color: #efefef;
	padding: 50px 4% 50px;
}

.shopListInner{
	max-width:1000px;
	margin:0 auto;
}

.shopList01{
	display: flex;
	display: -moz-flex;
	flex-wrap: wrap;
	flex-wrap: -moz-wrap;
	position: relative;
}

.shopList01>li{
	width: 32%;
	background-color: #fff;
	border-radius: 210px;
	box-sizing: border-box;
	padding: 30px 3% 30px;
	margin: 0 2% 2% 0;
	position: relative;
}

.shopList01>li:before{
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/bg_shop_top_01.png) 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
}

.shopList01>li:after{
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/bg_shop_bottom_01.png) 0 bottom no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
}

.bgColor01{
	background-color: #fff;
	height: 60%;
	left: 0;
	position: absolute;
	top: 20%;
	width: 100%;
}

.shopList01>li:nth-child(3n){
	margin-right: 0;
}

.shopImg{
	margin-bottom: 15px;
	position: relative;
	z-index: 10;
}

.shopList01>li>p{
	font-size: 18px;
	font-weight: bold;
	color: #1b2f60;
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
}

.shopList02{
	display: flex;
	display: -moz-flex;
	flex-wrap: wrap;
	flex-wrap: -moz-wrap;
	position: relative;
}

.shopList02>li{
	width: 32%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px 3% 30px;
	margin: 0 2% 2% 0;
	position: relative;
}

.shopList02>li:nth-child(3n){
	margin-right: 0;
}

.shopList02>li>p{
	font-size: 18px;
	font-weight: bold;
	color: #1b2f60;
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
}

.shopList02 .shopDetail{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.shopDetail{
	border-bottom: dotted 1px #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	z-index: 10;
}

.shopDetail>div{
	font-size: 14px;
	margin-bottom: 15px;
}

.shopDetail>dl{
	font-size: 14px;
}

.shopDetail>dl>dt{
	float: left;
	width: 28%;
	font-weight: bold;
	color: #333;
}
.shopDetail>dl>dd{
	float: left;;
	width: 72%;
	font-size: 13px;
}

.shopComment{
	font-size: 12px;
	margin-bottom: 80px;
	color: #666;
	position: relative;
	z-index: 10;
}

.btnShop01{
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 10;
	left: calc( 50% - 20px );
}

/* 企業情報(company.html)
----------------------------------------------------------------------------- */
.bgCompany{background: url(../img/bg_company_01.jpg) no-repeat 50% 0;}

.companyWrap01{
	padding: 0 3.5%;
	margin: 50px 0 30px;
	color: #333;
}

.organizationWrap01{
	text-align: center;
	margin-bottom: 80px;
}

.organizationWrap01 img{
	width: 100%;
	max-width: 881px;
}

.bgGray01{
	background-color: #eee;
}

.bgGray02{
	background-color: #efefef
}

.companyWrap01>dl{
	display: flex;
	flex-wrap: wrap;
	width: 48%;
	float: left;
	border-top: dotted 1px #ccc;
	padding-top:24px;
	margin-bottom: 50px;
}

.companyContent01{
	margin-right: 4%;
}

.companyWrap01>dl>dt{
	width: 30%;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 24px;
	margin-bottom: 24px;
	font-weight: bold;
	color: #333;
}

.companyWrap01>dl>dd{
	width: 70%;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 24px;
	margin-bottom: 24px;
	padding-left: 3%;
	box-sizing: border-box;
}

.caption {
	font-size:13px;
	line-height:1.75em;
}

.companyMap iframe{
	width: 100%;
}

.companyWrap02{
	padding: 0 6.5%;
	color: #333;
}

.companyWrap02>dl{
	display: flex;
	flex-wrap: wrap;
	border-top: dotted 1px #ccc;
	padding-top: 24px;
	max-width:700px;
	margin:0 auto;
}

.companyWrap02>dl>dt{
	width: 30%;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.companyWrap02>dl>dd{
	width: 70%;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 24px;
	margin-bottom: 24px;
	box-sizing: border-box;
	padding-left: 3%;
}

.messageWrap{
	margin-bottom: 80px;
}

.messageWrap h3{
	font-size: 25px;
	font-weight: bold;
	color: #1b2f60;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.messageWrap>article{
	float: left;
	width: calc( 95% - 273px );
	margin-right: 5%;
}

.messageWrap>div{
	float: left;
	width: 273px;
}

.messageWrap>div img{
	width: 100%;
}

.messageWrap>div p{
	margin-top: 10px;
	text-align: center;
}

.messageWrap>div p span{
	font-size: 13px;
}

.activityContents01{
	margin-bottom: 100px;
}

.activityContents01 h4{
	color: #fff;
	font-size: 18px;
	background-color: #1b2f60;
	text-align: center;
	margin-bottom: 50px;
	padding: 5px 0;
}

.activityContents01 ul li{
	float: left;
	width: 22%;
}

.activityContents01 ul li:not(:last-child){
	margin-right: 4%;
}

.activityContents01 h5{
	color: #1b2f60;
	margin-bottom: 20px;
}

.activityImg{
	text-align: center;
}

.activityImg img{
	width: 100%;
	max-width: 184px;
}

.activityContents01 p{
	margin-bottom: 15px;
}
/* ニュースリリース(news.html)
----------------------------------------------------------------------------- */

.bgNews{background: url(../img/bg_news_01.jpg) no-repeat 50% 0;}

.newsList02{
	padding: 0 5%;
	margin: 50px auto;
}

.newsList02 dl{
	font-size: 13px;
	font-weight: 500;
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.newsList02 dl>div,.newsList02 dl>a{
	background-color: #efefef;
	display: inline-block;
	width: 46%;
	margin-bottom: 50px;
	box-sizing: border-box;
	padding: 30px 35px;
}

.newsList02 dl a:hover{
	opacity: 0.7;
}

.newsList02 dl a:nth-child(odd),.newsList02 dl>div:nth-child(odd){
	margin-right: 8%;
}

.newsList02 dt{
	color: #333;
	font-size: 13px;
	font-weight: bold;
	width: 28%;
	float: left;
	border-right: 1px dotted #333;
	box-sizing: border-box;
}

.newsList02 dt span{
	font-size: 26px;
	color: #1b2f60;
	display: block;
	font-family: "Montserrat";
}

.newsList02 dd{
	border-bottom: 1px solid #efefef;
	box-sizing: border-box;
	padding-left: 30px;
	width: 72%;
	float: left;
}

.newsList02 dd a{
	color: #333;
	font-weight: bold;
}
/* プライバシーポリシー(privacy.html)
----------------------------------------------------------------------------- */
.privacyContents01{
	width: 87%;
	max-width: 700px;
	margin: 50px auto 60px;
}

.privacyContents01>h3{
	font-size: 16px;
	margin-bottom: 20px;
}

.privacyContents01>div>p{
	margin-bottom: 15px;
}

/* 404ページ(404.html)
----------------------------------------------------------------------------- */
.notWrap{
	text-align: center;
	padding-top: 60px;
	color: #333;
	border-top: 1px solid #ccc;
}

.notWrap div{
	margin-bottom: 45px;
}

.notWrap h2{
	font-size: 24px;
	color: #1b2f60;
	letter-spacing: 0.13em;
	margin-bottom: 40px;
}

.notWrap h2 span{
	color: #000;
	display: block;
	font-size: 13px;
	font-family: "Montserrat";
	letter-spacing: 0.05em;
}


/* お問い合わせ(contact)
----------------------------------------------------------------------------- */
.contactContents01{
	width: 87%;
	margin: 50px auto 0;
}

.contactTxt{
	margin-top: 50px;
	padding: 0 5%;
}

.contactHeaderBox{
	text-align: center;
	margin-bottom: 30px;
}

.contactBox{
	text-align: center;
	margin-bottom: 60px;
	padding: 0 5%;
}

.contactBox span{
	padding: 4px 20px;
}

.contactTable {
	margin: 0 auto 30px auto;
	width:900px;
}
.contactTable th {
	font-weight: bold;
	vertical-align: top;
	width: 17%;
	padding: 15px 0 0 0;
}
.contactTable th .contactRequire {
	margin: 3px 0 0 0;
	float: right;
}

.contactRequire {
	color: #de2126;
	text-align: center;
	border: 1px solid #de2126;
	padding: 1px 20px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

.contactTable .contactTableTdRight {
	width: 83%;
	padding: 10px 0 10px 20px;
}

input[type="text"] {
	color: #333;
	width: 100%;
	border: none;
	background: #F4F4F4;
	padding: 10px;
	box-sizing: border-box;
}

textarea {
	color: #333;
	width: 100%;
	border: none;
	background: #F4F4F4;
	padding: 10px;
	box-sizing: border-box;
}

.contactPrivacyBox {
	width: 70%;
	text-align: center;
	margin: 0 auto 50px;
}

.contactPrivacyLink{
	margin-bottom: 20px;
}

.contactPrivacyLink a{
	font-weight: bold;
	color: #1b2f60;
}

.contactBtn {
	margin: 60px auto;
	padding: 0 0 50px 0;
	text-align: center;
}

.contactBtn li {
	width: 48%;
	float: left;
	box-sizing: border-box;
}
.contactBtn li:nth-child(2) a {
	border: 2px solid #333;
	border-radius: 50px;
	box-sizing: border-box;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 55px;
}

.contactBtn li:nth-child(2) a:hover{
	background-color: #333;
	color: #fff;
	text-decoration: none;
}

.contactCmpBtn {
	margin: 0 2% 0 0;
}
.contactCmpBtn a {
	border: 2px solid #1b2f60;
	border-radius: 50px;
	box-sizing: border-box;
	color: #1b2f60;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 55px;
}

.contactCmpBtn a:hover {
	background-color: #1b2f60;
	color: #fff;
	text-decoration: none;
}

.contactBackBtn {
	margin: 0 0 0 2%;
}
#consent_link{
	border: 2px solid #1b2f60;
	border-radius: 50px;
	box-sizing: border-box;
	color: #1b2f60;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 55px;
}

#consent_link:hover{
	text-decoration: none;
	color: #fff;
	background-color: #1b2f60;
}

.contactAttention {
	color: #B20000;
	font-size: 10px;
	background: rgba(255,0,4,0.20);
	padding: 0 0 0 10px;
}
.contactPrivacy {
	text-align: left;
	margin: 20px 0 0 0;
	padding: 10px;
	width: 95%;
	height: 150px;
	overflow: auto;
	border: 1px solid #D4D4D4;
}
.contactPrivacyTit {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.contactPrivacyMiniTit {
	font-weight: bold;
	border-bottom: 1px solid #D4D4D4;
}
/* 法人サイト
----------------------------------------------------------------------------- */
/* top */
.hojinTit01 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
#hojinTopBukken .bgTitWrap {
	background-image: url("../../hojin/common/img/img1280_top_02.jpg");
}
#hojinTopService .bgTitWrap {
	background-image: url("../../hojin/common/img/img1280_top_03.jpg");
}
.bgTitWrap {
	margin-bottom: 50px;
	padding: 40px 0 90px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
}
.bgTitWrapInner {
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.hojinTit02 {
	font-size: 24px;
	margin-top: 5px;
}
.hojinTwoColList {
	margin: 0 50px 50px;
	display: flex;
	justify-content: space-between;
}
.hojinTwoColList li {
	width: calc((100% - 50px) / 2);
}
.hojinThreeColList {
	margin: 0 50px 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hojinThreeColList li:nth-last-child(-n + 3) {
	margin-bottom: 0;
}
.hojinThreeColList li {
	width: calc((100% - 40px) /3);
}
.bgFile {
	background: url("../../hojin/common/img/img380_common_01.jpg") no-repeat;
	background-size: 100% 100%;
	padding: 35px 20px 20px;
	box-sizing: border-box;
}
.hojinTopLink {
	overflow: hidden;
}
.bgFileImg {
	width: 20%;
	margin-right: 20px;
	float: left;
}
.bgFileTxtBox {
	width: calc(80% - 20px);
	float: left;
}
.hojinTit03 {
	font-size: 18px;
	font-weight: bold;
}
.hojinTxt01 {
	font-size: 12px;
	line-height: 1.2;
}
/* お問い合わせ */
#hojinBottomContact {
	padding: 50px;
	background: url("../../hojin/common/img/img1280_contact_01.jpg") no-repeat 50% 0;
	background-size: cover;
}
.hojinContactInner {
	font-size: 14px;
	width: 60%;
	padding: 50px;
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
}
.hojinContactTit {
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.hojinContactTit .english {
	font-size: 25px;
	margin-right: 10px;
}
.hojinContactShopInfo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hojinContactShopInfo li {
	width: 50%;
	margin-bottom: 20px;
}
.hojinContactShopInfo span {
	width: 40%;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	margin: 0 10px 0 0;
	box-sizing: border-box;
	display: inline-block;
}
.hojinContactBtn {
	color: #FFF!important;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	display: block;
}
.tel .hojinContactBtn {
	background: #1B2F60 url("../../hojin/common/img/ico_common_03.png") no-repeat 20px center;
	margin-bottom: 20px;
}
.mail .hojinContactBtn {
	background: #1B2F60 url("../../hojin/common/img/ico_common_04.png") no-repeat 20px center;
}
/* 転勤 */
#hojinTenkinMain .bgTitWrap {
	background-image: url("../../hojin/common/img/img1280_tenkin_01.jpg");
}
.hojinMachiWrap {
	padding: 50px;
	background: url("../../hojin/common/img/img1280_common_01.jpg") no-repeat 50% 0;
	background-size: cover;
	display: flex;
	justify-content: space-between;
}
.hojinAboutWrap {
	padding: 50px;
	background: #eeeeee;
	background-size: cover;
	display: flex;
	justify-content: center;
}
.hojinAboutImg {
	max-width: 50%;
	overflow: hidden;
	position: relative;
}
.hojinAboutImg img{
	width: 100%;
}
.hojinMachiImg {
	width: 50%;
	overflow: hidden;
	position: relative;
}
#hojinTenkinTxt .hojinMachiImg img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
}
.shopAccessBox{
	display: flex;
	max-width:1300px;
	margin: auto;
	padding: 50px;
	background: #eeeeee;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
	flex-wrap: wrap;
}
.shopAccessBox .hojinTit01{
	width: 100%;
	margin-bottom: 30px;
}
.shopAccessBox li.slick-slide img {
	border-radius: 0;
}
.shopAccessTextList{
	counter-reset: number 0;
}
.shopAccessTextList li{
	padding:4px 4px 16px 40px;
	border-bottom:1px solid #666;
	margin-bottom: 4px;
	position: relative;
	display: flex;
	align-items: center;
}
.shopAccessTextList li:before{
	position: absolute;
	left: 0;
	top:4px;
	counter-increment: number 1;
	content: counter(number) " ";
	padding: 10px;
	background: #1B2F60;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
}
.shopAccessText{
	width: calc((100% - 50px) / 2);
}
.shopAccessSlide{
	width: calc((100% - 50px) / 2);
	margin-right: 50px;
}
@media screen and (min-width: 1300px) {
	#hojinTenkinTxt .hojinMachiImg {
		width: 500px;
	}
	#hojinAboutTxt .hojinAboutImg {
		width: 50%;
	}
	#hojinTenkinTxt .hojinMachiImg img {
		min-width: 500px;
	}
	#hojinTenkinTxt .hojinMachiTxt {
		width: calc(100% - 500px);
	}
}
.hojinMachiTxt {
	width: 50%;
	font-size: 14px;
	padding: 50px;
	background: #FFF;
	box-sizing: border-box;
}
.hojinAboutTxt {
	width: 50%;
	font-size: 1em;
	line-height: 1.4em;
	padding: 50px;
	background: #FFF;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.hojinBgMasu {
	padding: 50px 0;
	background: url("../../hojin/common/img/bg_common_01.jpg");
}
.hojinTit04 {
	color: #1B2F60;
	font-size: 24px;
	font-weight: bold;
	height: 40px;
	margin: 0 50px 50px;
	padding: 10px 50px 0 70px;
	border-bottom: 1px solid #1B2F60;
	background: url("../../hojin/common/img/img50_common_01.jpg") no-repeat left bottom;
}
.borderBox {
	font-size: 14px;
	padding: 20px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	background: #FFF;
	position: relative;
	box-sizing: border-box;
}
.borderBox .number {
	color: #FFF;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	width: 40px;
	height: 35px;
	padding-top: 5px;
	background: #1B2F60;
	position: absolute;
	top: 10px;
	left: 10px;
}
#hojinTenkinJisseki {
	margin-bottom: 50px;
	padding-top: 50px;
	overflow: hidden;
}
.hojinBgGray {
	background: #EFEFEF;
}
.hojinThreeColList .jisseki {
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 10px;
	background: #FFF;

	
}
/* 社宅 */
#hojinSyatakuMain .bgTitWrap {
	background-image: url("../../hojin/common/img/img1280_syataku_01.jpg");
}
#hojinSyatakuTokucho {
	margin-bottom: 50px;
}
#hojinSyatakuTokucho .hojinThreeColList {
	margin: 0 50px !important;
}
#hojinSyatakuTxt .hojinMachiImg img {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(5%, -50%);
	-ms-transform: translate(5%, -50%);
	transform: translate(5%, -50%);
	height: 100%;
}
.hojinName {
	font-size: 18px;
	font-weight: bold;
	font-family: "Yu Mincho", "YuMincho";
	text-align: right;
	padding-top: 20px;
}
/* 見学 */
#hojinKengakuMain .bgTitWrap {
	background-image: url("../../hojin/common/img/img1280_kengaku_01.jpg");
}
#hojinKengakuService {
	margin-bottom: 50px;
	padding-bottom: 0;
	overflow: hidden;
}
#hojinKengakuService .hojinThreeColList {
	margin: 0 50px !important;
}
.hojinServiceTwoColList {
	font-size: 14px;
	margin: 0 50px 50px;
	padding: 50px;
	background: #FFF;
	border: 1px solid #CCC;
	display: flex;
	justify-content: space-between;
}
.hojinServiceTwoColList div {
	width: calc((100% - 50px) / 2);
}
#hojinKengakuList .borderBox {
	padding: 50px;
}
.hojinTxtWrap {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 100px;
	margin-bottom: 20px;
	padding: 5px 0;
	display: inline-block;
	background: #1B2F60;
}
.hojinTit05 {
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.hojinMiniTxt {
	font-size: 12px;
	font-weight: normal;
}

/* 空室対策 */
.tableRanking{
	width:100%;
	border:3px solid #1b2f60;
}

.tableRanking th,.tableRanking td{
	padding:5px;
	border:1px solid #1b2f60;
}

.tableRanking th{
	text-align:center;
	background:#1b2f60;
	color:#FFF;
	border:1px solid #FFF;
}

/* 法人IEハック */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.hojinContactShopInfo span:not(:target) {
		padding-top: 5px;
	}
	.mail .hojinContactBtn:not(:target) {
		padding: 13px 0 7px;
	}
	.hojinThreeColList .jisseki:not(:target) {
		padding: 13px 0 7px;
	}
	.hojinTxtWrap:not(:target) {
		padding: 8px 0 2px;
	}
	.hojinTit04:not(:target) {
		height: 35px;
		padding: 15px 50px 0 70px;
	}
}

/*管理物件入居率*/
#rateBox{
	width:94%;
	background:#f5c202;
	padding: 3%;
}

#rateData{
	float:left;
	width:50%;
}

#rateData  p{
	color:#FFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

#rateData p span{
	font-size: 1.5em;
	color:#FFF;
	}

#rateBox .contactBtn01{
	float:right;
	margin-top:20px;
	width:44%;
}

.spbr{
	display:none;
}
.pcAppear{
	display:block;
}
.spAppear{
	display:none;
}
/* 解約ページ
----------------------------------------------------------------------------- */
.cancelWrap{
	max-width: 700px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.cancelContents{
	margin-bottom: 40px;
}
.cancelContents li{
	width: 100%;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 4px;
	padding: 20px;
	box-sizing: border-box;
}
.cancelContents li:not(:first-child){
	margin-top: 20px;
}
.cancelListTitle{
	background-color: #1b2f60;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1rem;
	font-size: 20px;
	margin-bottom: 20px;
	padding: 10px;
	box-sizing: border-box;
}
.cancelListTitleSub{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

.agreeBtn{
	text-align: center;
}

.agreeCheck {
  display: none;
}

.agreeCheck + label {
  display: inline-block;
  position: relative;
	align-items: center;
	width: 170px;
	margin-top: 20px;
	padding: 10px 0 10px 30px;
  color: #ccc;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 30px;
  cursor: pointer;
}

.agreeCheck + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 2rem;
  width: 20px;
  height: 20px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

.agreeCheck:checked + label {
  background-color: #1b2f60;
  border: 1px solid #1b2f60;
  color: #fff;
}

.agreeCheck:checked + label::before {
  border: 1px solid #fff;
}

.agreeCheck:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 2.25rem;
  width: 12px;
  height: 22px;
  transform: rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.cancelFormList{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cancelFormList li:first-child{
	margin-right: 20px;
}

.cancelForm, .cancelForm a{
	display: block;
	background-color: #de2126;
	color: #fff;
	font-weight: bold;
	padding: 16px 20px;
	margin: 0 auto;
	border-radius: 50px;
	font-size: 16px;
	width: 250px;
	border: none;
	cursor: pointer;
}
.cancelForm:disabled{
	background-color: #ccc;
	cursor: default;
}

.bgSearch{background: url(../img/bg_search_01.jpg) no-repeat 50% 0;}

.textLink{
	color:#de2126!important;
	text-decoration: underline!important;
}
.textLink:visited{
	color:#de2126!important;
	text-decoration: underline!important;
}
.textLink:hover{
	text-decoration: none!important;
	opacity: 0.7;
}
.topCharityLink{
	display: flex;
	align-items: center;
	background: #eeeeee;
}
.topCharityLinkBnr
{margin-right:20px;
}
.topCharityLinkText{
	font-weight: bold;
}
.topCharityLinkList{
	margin-top: 20px;
}
.topCharityLinkList li {
	margin-top: 10px;
	color: #003292;
}
.topCharityLinkList a {
	background-color: #de2126;
	color: #fff;
	font-weight: bold;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 16px;
	margin-left: 10px;
}
/* ページ名
----------------------------------------------------------------------------- */

/*******************************************************************************
**	8.タブレット用
*******************************************************************************/
@media screen and (max-width: 1024px) {
	.hojinContactInner {
		width: 70%;
	}
	.hojinMachiWrap {
		display: block;
		justify-content: initial;
	}
	.hojinAboutWrap {
		display: block;
		justify-content: initial;
	}
	#hojinTenkinTxt .hojinMachiImg {
		width: 100%;
		height: 200px;
	}
	.hojinAboutImg {
		width: 100%;
		height: 200px;
	}
	#hojinTenkinTxt .hojinMachiImg img {
		width: 100%;
		height: initial;
	}
	.hojinAboutImg img {
		width: 100%;
		height: auto;
		max-width: initial;
		height: initial;
	}
	#hojinSyatakuTxt .hojinMachiImg {
		width: 100%;
		position: initial;
		overflow: initial;
	}
	.hojinAboutImg {
		width: 100%;
		position: initial;
		overflow: initial;
	}
	#hojinSyatakuTxt .hojinMachiImg img {
		width: 100%;
		height: initial;
		position: initial;
		transform: initial;
	}
	.hojinAboutImg img {
		width: 100%;
		height: initial;
		position: initial;
		transform: initial;
	}
	.hojinServiceTwoColList {
		display: block;
		justify-content: initial;
	}
	.hojinServiceTwoColList div {
		width: 100%;
	}
	.hojinServiceTwoColListImg {
		height: 200px;
		margin-bottom: 20px;
		overflow: hidden;
		position: relative;
	}
	.hojinServiceTwoColListImg img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.hojinMachiTxt {
		width: 100%;
	}
	.hojinAboutTxt {
		width: 100%;
	}
	
	#detailListOn{
		display:none;
		padding:0;
	}
	.detailListCol03 li{
	display:none;
	margin-bottom: 0;
	}
	
	.detailList01{
	display:none;
	margin-bottom: 0;
	}
	
	.imgWrap01 img{
	width:100%;
	}
	.topCharityLinkBnr{
		margin-right: 10px;
	}
	.topCharityLinkList{
		margin-top: 10px;
	}
	.topCharityLinkList a {
		padding: 4px 4px;
	}
}
@media screen and (max-width: 999px) {
	#leftCol{
		display: none;
	}

	header{
		position: relative;
		color: #333;
		height: 60px;
		background-color: #fff;
		padding-top: 0;
		overflow: visible;
	}

	header h1{
		display: none;
	}

	#headerSns{
		float: left;
	}

	#spMainLogo{
		line-height: 40px;
	}

	#spMainLogo img{
		width: 150px;
	}

	#spHeaderMenu{
		display: block;
		float:left;
	}

	#headerSns{
		margin-left: 10px;
		margin-top: -28px;
		height: 40px;
	}

	#headerSns img{
		vertical-align: bottom;
		height: 40px;
	}

	#spMainMenu{
		position: absolute;
		right: 6.5%;
		top: 10px;
	}

	#spMainMenuList>nav{
		z-index: 5;
		position: relative;
	}

	.spDropMenu01{
		position: relative;
	}

	.spDropMenu01:before{
		display: block;
		content: "";
		position: absolute;
		top: 26px;
		right: 22px;
		width: 15px;
		height: 3px;
		margin-top: -2px;
		background: #fff;
	}

	.spDropMenu01:after{
		display: block;
		content: "";
		position: absolute;
		top: 20px;
		right: 28px;
		width: 3px;
		height: 15px;
		margin-top: -2px;
		background: #fff;
	}

	.spDropMenu01On{
		position: relative;
	}

	.spDropMenu01On:after{
		display: none;
		content: "";
	}

	.spDropMenu02{
		display: block;
		background-color: #fff;
		border-radius: 50px;
		font-size: 14px;
		padding: 3px 13px;
		color: #333;
		font-weight: 500;
		margin-bottom: 5px;
		position: relative;
	}

	.spDropMenu02:before{
		display: block;
		content: "";
		position: absolute;
		top: 17px;
		right: 22px;
		width: 15px;
		height: 3px;
		margin-top: -2px;
		background: #333;
	}

	.spDropMenu02:after{
		display: block;
		content: "";
		position: absolute;
		top: 11px;
		right: 28px;
		width: 3px;
		height: 15px;
		margin-top: -2px;
		background: #333;
	}

	.spDropMenu02On{
		background-color: #bbb;
		position: relative;
	}

	.spDropMenu02On:after{
		display: none;
		content: "";
	}

	#breadcrumbs{
		display: none;
	}

	.topBnr01 {
		display: none;
	}

	#mainCol{
		float: none;
		margin-right: 0;
		padding-right: 0;
	}

	#mainText{
		font-size: 20px;
	}

	.top2Col01, .top2Col03{
		padding: 0;
	}

	.top2Col01Inner{
		width: 100%;
		padding: 5%;
	}
	
	.top2Col03Inner{
		width: 90%;
		padding: 5%;
	}

	.top2Col01 article:first-child{
		width: 90%;
		margin-right: 0;
		z-index: 1;
	}

	.newsList01{
		height: auto;
		margin-top: 0;
	}

	.newsList01 h2{
		margin-right: -1px;
	}

	.newsList01 h2:after{
		content: "";
		margin-right: 1px;
		float: right;
	}

	.newsList01>div>p{
		margin-right: -1px;
	}

	.newsList01>div>p:after{
		content: "";
		margin-right: 1px;
		float: right;
	}

	#facebookPage{
		padding-bottom: 80px;
	}


	.fb_iframe_widget{
		left: calc( 50% - 200px);
	}

	.newsList01 dt{
		width: 30%;
		text-align: left;
		margin: 0 0 0 30px;
	}

	.newsList01 dd{
		width: 100%;
	}

	#facebookPage span{
		left: 0;
		display: block;
		margin: 0 auto;
	}

	.sub4Col01>nav>ul>li{
		width: 50%;
	}

	#listRoom01::before, #listOwner01::before{
		top: 35%;
	}

	.top3Col01 ul li{
		width: 100%;
	}

	.top3Col01 ul li:last-child{
		width: 100%;
	}

	.top3Col01 li div {
		text-align: center;
	}

	.col4BoxSubMenu{
		padding: 7%;
	}

	.col4BoxSubMenuCenter,.col4BoxSubMenuLeft,.col2BoxSubMenuLeft{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.col4BoxSubMenuLeft::before,.col4BoxSubMenuRight::before,.col2BoxSubMenuLeft::before,.col2BoxSubMenuRight::before{
		background: none;
	}

	.col4BoxSubMenuRight,.col2BoxSubMenuRight{
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.col4BoxSubMenuRight ul{
		border-top: 1px solid #ccc;
		padding-top: 20px;
	}

	.col4BoxSubMenu li a {
		font-weight: 500;
	}

	.top2Col02>article{
		width: 90%;
		float: none;
		margin: 0 auto;
	}

	.top2Col02>article:first-child{
		margin-bottom: 50px;
	}

	.top2Col02 article nav{
		padding-left: 10%;
	}

	.businessContactWrap01{
		margin: 50px auto;
	}

	.topSiteCol02 article{
		width: 100%;
		float: none;
	}

	.topSiteCol02 article:first-child{
		margin-right: 0%;
	}

	.topSiteList01 h4,.topSiteCol02 h4,.detailContents02 h4,.detailContents03 h4,.flowContents h4{
		font-size: 18px;
		margin-bottom: 12px;
	}

	.detailContents02 h4 {
		margin-top: 13%;
	}

	.topSiteListWrap01 .topSiteList01>nav>ul{
		display: none;
	}

	.topSiteCol02>article:first-child>nav>ul{
		display: none;
	}

	.topSiteCol02>article:last-child>nav>ul{
		display: none;
	}

	.topSiteCol02>article{
		margin-bottom: 50px;
	}
	
	.sub4Col01>nav>ul,#listOnBox01, #listOnBox02{
		width:initial;
	}

	/*****事業紹介*****/


	/*****店舗・事業部案内*****/
	.shopList01>li{
		width: 48%;
		margin-right: 0;
	}

	.shopList01>li:nth-child(odd){
		margin-right: 4%;
	}

	.shopList02>li{
		width: 48%;
		margin: 0;
	}

	.shopList02>li:nth-child(odd){
		margin-right: 4%;
	}

	/*****企業情報*****/
	.companyWrap01>dl{
		width: 100%;
		float: none;
		margin-bottom: 0;
	}

	.companyWrap01>dl:first-child{
		margin-right: 0;
	}

	.companyWrap01>dl:first-child>dt:nth-last-of-type(1){
		border-bottom: none;
		margin-bottom: 0;
	}

	.companyWrap01>dl:first-child>dd:last-child{
		border-bottom: none;
		margin-bottom: 0;
	}

	.companyWrap01>dl:last-child{
		margin-bottom: 40px;
	}

	.companyContent01 dt:nth-last-child(2),.companyContent01 dd:last-child{
		border-bottom: none;
	}

	.companyWrap01{
		margin-bottom: 50px;
		font-size: 14px;
	}

	.messageWrap>article{
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 50px;
	}

	.messageWrap>div{
		float: none;
		width: 100%;
	}

	.messageWrap>div{
		text-align: center;
	}

	.messageWrap>div img{
		max-width: 273px;
	}

	/*お問い合わせ*/
	.contactTable{
		width: 90%;
	}

	.contactPrivacyBox{
		width: 100%;
	}
	/* 法人向け */
	.bgFile {
		padding: 30px 10px 20px;
	}
	
	/* 戸建賃貸事業 */
	.pointList li{
	width:100%;
	float:none;
	margin-right:0;
	}

	.pointList .pointTxt{
		min-height:inherit;
	}
	.topCharityLinkBnr{
		margin-right: 10px;
	}
	.topCharityLinkList{
		margin-top: 10px;
	}
	.topCharityLinkList a {
		padding: 4px 4px;
	}
	
}

@media screen and (max-width: 850px) {
	.newsList02 dl a,.newsList02 dl>div{
	width: 100%;
	}

	#facebookPage{
		display: none;
	}

	.newsList02 dl a:nth-child(odd),.newsList02 dl>div:nth-child(odd){
		margin-right: 0;
	}

	.col3BoxSubList,.col4BoxSubList{
		display: flex;
		flex-wrap: wrap;
	}

	.col3BoxSubList li,.col4BoxSubList li{
		width: 48%;
		float: none;
	}

	.col3BoxSubList li:not(:last-child),.col4BoxSubList li:not(:last-child){
		margin-right: 0;
	}

	.col3BoxSubList li:nth-child(odd),.col4BoxSubList li:nth-child(odd){
		margin-right: 4%;
	}
	
	.imgWrap01{
	padding: 6.5%;
	text-align:center;
	}
	
	
	/* 法人向け */
	.hojinTit03 {
		font-size: 16px;
	}
	.hojinContactInner {
		width: 100%;
	}
	
.topCharityLinkBnr{
	margin-right: 10px;
}
.topCharityLinkList{
	margin-top: 10px;
}
.topCharityLinkList a {
	padding: 4px 4px;
}
}
.topInfo{
	padding: 20px;
	margin: 5px;
	border:5px solid #1B2F60;
	text-align: center;
	font-weight: bold;
	color: #1B2F60;
}
.topInfo p{
	margin-bottom: 10px;
}
.topInfo span{
	color: #de2126;
	font-size: 16px;
}
.topInfo a{
	color: #de2126;
	font-size: 16px;
}
.topSeminar{
	max-width:100%;
	width:1190px;
	margin: auto;
	background: #003292;
}
.topSeminarBnr{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.topSeminarBnr div{
	max-width: 50%;
}
.topSeminarBnr div img{
	max-width: 100%;
}
.topSeminarBtn{
	max-width: 100%;
	display: flex;
	width:1190px;
	margin: auto;
}
.topSeminarBtn div{
	display: flex;
	width: 50%;
}
.topSeminarBtn .topSeminarBtnLeft a{
	background: #6DD900;
	width: 100%;
	padding:20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
.topSeminarBtn .topSeminarBtnRight a{
	background: #00BFFF;
	width: 100%;
	padding:20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
@media screen and (max-width: 650px) {
	.topSiteList01 nav>ul>li{
		margin-right: -1px;
	}

	.topSiteList01 nav>ul>li:after{
		content: '';
		margin-right: 1px;
		float: right;
	}

	.serviceList01>p,.serviceList01>div{
		float: none;
	}

	.serviceList01>p{
		width: 90%;
		text-align: center;
		margin: 0 auto 40px;
	}

	.serviceList01:nth-child(even)>p{
		text-align: center;
	}

	.serviceList01>div{
		padding: 0;
		width: 90%;
		margin: 0 auto;
	}

	.serviceList01:nth-child(even)>p:first-child{
		display: block;
	}

	.serviceList01:nth-child(even)>p:last-child{
		display: none;
	}

	.newsList02{
		width: 85%;
	}

	.newsList02 dl{
		padding-top: 2px;
	}

	.activityContents01 h4{
		margin-bottom: 25px;
	}

	.activityContents01 ul{
		display: flex;
		flex-wrap: wrap;
	}

	.activityContents01 ul li{
		width: 48%;
		margin-bottom: 20px;
		float: none;
	}

	.activityContents01 ul li:nth-child(odd){
		margin-right: 4%;
	}

	.activityContents01 ul li:nth-child(even){
		margin-right: 0;
	}

	.activityContents01 h5{
		margin-bottom: 10px;
	}
	
	/*管理物件入居率*/
	#rateBox{
		margin-top:-3px;
	}

	#rateData, #rateBox .contactBtn01{
		float:none;
		width:100%;
	}
	
	#rateBox .contactBtn01{
		margin-bottom:20px;
	}

	.spbr{
		display:block;
	}

	.topCharityLinkBnr{
		margin-right: 10px;
	}
	.topCharityLinkList{
		margin-top: 10px;
	}
	.topCharityLinkList a {
		padding: 4px 4px;
	}

}


@media screen and (max-width: 768px) {
.topCharityLinkBnr{
	margin-right: 10px;
}
.topCharityLinkList{
	margin-top: 10px;
}
.topCharityLinkList a {
	padding: 4px 4px;
}
}
/*******************************************************************************
**	9.スマートフォン用
*******************************************************************************/
@media screen and (max-width: 480px) {
	.detailTittle{
		padding: 45px 0;
	}

	.detailTittle h2{
		width: 87%;
		line-height: 1.5em;
	}

	.detailList01{
		/*margin-bottom: 40px;
		font-size: 14px;*/
	}
	

	.detailListCol03 li:not(:last-child){
		margin-right: 0;
	}

	.detailListCol03 li{
		display:none;
		/*width: 100%;
		float: none;
		margin-bottom: 10px;*/
	}

	.detailListCol02 li{
		width: 100%;
		margin-bottom: 10px;
	}

	.detailListCol02 li:first-child{
		margin-right: 0;
	}

	.detailContents01{
		padding: 6.5%;
		font-size: 14px;
		margin-bottom: 40px;
	}

	.detailContents02 li h5{
		font-size: 16px;
	}

	.detailContents01>div>p{
		font-size: 13px;
	}

	.detailContents01>div>h3{
		font-size: 20px;
	}

	.detailContents01>div{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.detailContents01 article{
		width: 100%;
		float: none;
	}

	.detailContents01>article p:first-child{
		font-size: 16px;
	}

	.detailContents02>ul>li:nth-child(odd){
		margin-right: 0;
	}

	.detailContents02>ul>li{
		float: none;
		width: 100%;
		margin-bottom: 3.25%;
	}

	.detailContents02 li>div>div{
		width: 100%;
		margin: 0 0 30px 0;
		float: none;
	}

	.detailContents02 li>div>article{
		float: none;
		width: 100%;
	}

	.companyShopList01 li{
		float: none;
	}

	.shopList01>li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.shopList01>li:nth-child(odd){
		margin-right: 0;
	}

	.shopList01>li>p{
		padding: 0 5%;
	}

	.shopList02>li{
		width: 100%;
		padding: 30px 5%;
	}

	.shopList02>li:nth-child(odd){
		margin-right: 0;
	}

	.shopComment{
		padding: 0 5%;
	}

	.topListTitle01{
		font-size: 20px;
		padding: 30px 0 25px;
	}

	.topListTitle01 span{
		font-size: 12px;
	}

	.subListTitle01 h2{
		font-size: 18px;
		margin-right: -1px;
	}

	.subListTitle01 h2:after {
		content: "";
		margin-right: 1px;
		float: right;
	}

	.subListTitle01 p{
		font-size: 14px;
	}

	.shopListWrap>h3{
		font-size: 20px;
		margin-top:6.5%;
	}

	.shopDetail{
		padding: 0 5%;
	}

	.pure-drawer>ul>li{
		position: relative;
	}
	
	.pure-drawer .bannerBox{
		padding-bottom:12px;
	}
	
	.pure-drawer .bannerBox>ul>li a{
		padding-bottom:0;
	}

	.topSiteList01 nav>ul>li{
		width: 100%;
		box-sizing: border-box;
	}

	.topSiteList01 a{
		display: inline-block;
		width: 100%;
		font-weight: 500;
	}

	.topSiteList01>ul>li{
		width: 100%;
	}

	.topSiteList01>nav {
		padding-bottom: 19.5%;
	}

	.topSiteCol02 nav ul li{
		float: none;
		font-weight: 500
	}

	.topSiteCol02 nav ul li a{
		width: 100%;
		display: inline-block;
		font-weight: 500;
	}

	.newsList01 h2{
		font-size: 18px;
	}

	.detailContents02{
		padding: 6.5%;
	}

	.detailContents02 h3{
		width: 100%;
		margin: 0 auto 20px;
		float: none;
	}

	.detailContents02 article{
		width: 100%;
		float: none;
	}

	.businessContactWrap01>h4{
		padding: 0 15%;
	}

	.businessContactWrap01>p{
		padding: 0 15%;
	}

	.businessContactWrap01>a{
		margin: 0 10%;
	}

	.contactBtn li{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.contactCmpBtn a{
		display: inline-block;
	}

	.contactBtn li:nth-child(2) a{
		display: inline-block;
	}

	.contactBackBtn{
		margin: 0;
	}

	#listRoom01::before, #listOwner01::before, #listCorporation01::before, #listMedia01::before{
		content: "";
	}

	.sub4Col01>nav>ul>li{
		width: 100%;
		padding: 10px 0;
		color: #333;
		border-bottom: solid 1px #efefef;
		position: relative;
		font-size: 14px;
		font-weight: 500;
		text-align:center;
	}

	.sub4Col01>nav>ul>li:hover{
		background-color: #fff;
	}

	.sub4Col01>nav>ul>li:before{
		display: block;
		content: "";
		position: absolute;
		top: 17px;
		right: 22px;
		width: 15px;
		height: 3px;
		margin-top: 13px;
		background: #333;
	}

	.sub4Col01>nav>ul>li:after{
		display: block;
		content: "";
		position: absolute;
		top: 19px;
		left: auto;
		right: 28px;
		width: 3px;
		height: 15px;
		margin-top: -2px;
		background: #333;
		border: none;
	}
	
	.col2BoxSubMenu01>ul>li{
		width:100%;
		margin-right:0;
	}
	
	#listRoom01::before, #listOwner01::before{
		top: auto;
	}

	#listRoom01::before, #listOwner01::before, #listCorporation01::before, #listMedia01::before{
		top: auto;
		left: auto;
	}

	.select:after{
		content: none!important;
	}

	.detailTittle h2{
		font-size: 14px;
	}

	.detailTittle p{
		font-size: 10px;
		line-height: 1.5em;
	}


	.notWrap{
		padding: 60px 5%;
	}

	.notWrap h2,.notWrap p{
		text-align: left;
	}

	.notWrap h2 span{
		line-height: 1.5em;
	}

	.col4BoxSubList li h5{
		font-size: 16px;
	}

	.col4BoxSubMenuCenter li{
		margin-right: -1px;
	}

	.col4BoxSubMenuCenter li:after{
		content: "";
		margin-right: 1px;
		float: right;
	}

	/*お問い合わせ*/
	.contactTable th{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.contactTable .contactTableTdRight{
		display: block;
		width: 100%;
		padding: 0;
	}

	.contactRequire{
		margin-right: -1px;
		padding: 1px 7%;
		font-size: 12px;
		line-height: 20px;
	}

	.contactRequire:after {
		content: "";
		margin-right: 1px;
		float: right;
	}

	.newsList02 dt{
		width: 100%;
		float: none;
		border-right: none;
		margin-bottom: 5px;
	}

	.newsList02 dt span{
		display: inline;
		padding-right: 10px;
	}

	.newsList02 dd{
		width: 100%;
		float: none;
		padding-left: 0;
	}

	.messageWrap h3 {
		font-size: 20px;
		margin-top:6.5%;
	}



/* SITE LINK */
.siteLink{
}
li.siteLink-item{
	width: calc(50% - 0.5rem) !important;
	margin: 0 0 2% 0 !important;
}

	/* 法人向け */
	.hojinTit01,
	.hojinTit02,
	.hojinContactTit .english {
		font-size: 18px;
		margin-right: 5%;
		margin-left: 5%;
	}
	.hojinTwoColList {
		display: block;
		justify-content: initial;
		margin: 0 5% 50px 5%;
	}
	.hojinTwoColList li {
		width: 100%;
	}
	.hojinTwoColList li:first-child {
		margin-bottom: 20px;
	}
	.hojinThreeColList {
		display: block;
		flex-wrap: initial;
		justify-content: initial;
		margin: 0 5% 50px 5%;
	}
	.hojinThreeColList li:nth-last-child(-n+3) {
		margin-bottom: 20px;
	}
	.hojinThreeColList li {
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.hojinThreeColList li:last-child {
		margin-bottom: 0;
	}
	#map1 {
		height: 300px !important;
	}
	#hojinBottomContact {
		padding: 5%;
	}
	.hojinContactInner {
		padding: 5%;
	}
	.hojinContactShopInfo {
		display: block;
		flex-wrap: initial;
		justify-content: initial;
	}
	.hojinContactShopInfo li {
		width: 100%;
	}
	.mail .hojinContactBtn {
		background: #1b2f60;
	}
	.hojinMachiWrap {
		padding: 5%;
	}
	.hojinMachiTxt {
		padding: 5%;
	}
	#hojinTenkinTxt .hojinMachiTxt img {
		width: 100%;
	}
	.hojinAboutWrap {
		padding: 5%;
	}
	.hojinAboutTxt {
		padding: 5%;
	}
	.hojinAboutTxt img {
		width: 100%;
	}
	.hojinAboutImg{
		width: 100%;
		max-width: initial;
		height: auto;
	}
	.hojinAboutImg img {
		width: 100%;
		max-width: initial;
		height: auto;
	}
	.hojinTit04 {
		font-size: 16px;
		margin: 0 5% 20px;
		padding: 5px 5% 0 55px;
		height: 35px;
		background-size: 39px;
	}
	#hojinSyatakuTokucho .hojinThreeColList {
		margin: 0 5% !important;
	}
	.hojinServiceTwoColList {
		margin: 0 5% 5%;
		padding: 5%;
	}
	.hojinTit05 {
		font-size: 16px;
	}
	#hojinKengakuList .borderBox {
		padding: 5%;
	}
	#hojinKengakuService .hojinThreeColList {
		margin: 0 5% !important;
	}
	
	.companyWrap02 .subHeading01{
	margin:50px 0;
	}

#slider{	
    padding: 5% 8.5% 0;
}

#slider li{
    width: 49%;
    float:left;
    margin-bottom: 5%;
    text-align:center;
    border-radius:5px;
    background:#FFF;
}

#slider li:nth-child(odd){
	margin-right:1%;
}

#slider li a{
    display: block;
    text-decoration: none;
    border-radius:5px;
}
    
#slider p{
    width: 100%;
    height: 70px;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 70px;
    color: #333;
    text-align: center;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius:5px 5px 0 0;
}

#slider img{
	width:100%;
	border-radius: 0 0 5px 5px;
}

.detailTittle{
	margin-bottom:0;
}

.cancelFormList{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
}
.cancelFormList li:first-child{
	margin-right:0;
	margin-bottom: 10px;
}
.pcAppear{
	display:none;
}
.spAppear{
	display:block;
}
.topSeminarBnr{
	display: block;
}
.topSeminarBnr div{
	max-width: 100%;
}
.topCharityLink{
	display: block;
}
.topCharityLinkBnr{
	margin-right: 0;
}
.topCharityLinkBnr img{
	width: 100%;
}
.topCharityLinkText{
	padding: 20px;
}
	.topCharityLinkList a {
		background-color: #de2126;
		color: #fff;
		font-weight: bold;
		padding: 8px 20px;
		border-radius: 50px;
		font-size: 16px;
		margin-left: 10px;
	}
	.shopAccessBox{
		display: block;
	}
	.shopAccessSlide{
		width: 100%;
		margin-right: 0;
	}
	.shopAccessSlide li.slick-slide img{
		border-radius: 0;
	}
	.shopAccessText{
		width: 100%;
	}
	.shopAccessBox .hojinTit01 {
		font-size: 18px;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}
}