@charset "UTF-8";

/*
	トビラ
-----------------------------------------------------------------------------------------------*/
#companyIdxArea{
	position:relative;
}
#titCompanyIdx{
	width:328px;
	height:80px;
	background:url(../images/tit_company_idx.png) left top no-repeat;
}

/* 私たちの想い */
#btnOmoi{
	display:block;
	width:228px;
	height:48px;
	margin:25px 0 0 0;
	background:url(../images/btn_omoi_on_pc.png) left top no-repeat;
	position:relative;
}
#btnOmoi::before{
	content:' ';
	display:block;
	width:228px;
	height:48px;
	background:url(../images/btn_omoi_off_pc.png) left top no-repeat;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	transition:opacity 0.2s;
}
#btnOmoi:hover::before{
	opacity:0;
}

/* リスト_メイン */
.listIdxMain{
	height:700px;
	position:relative;
}
.listIdxMain li{
	position:absolute;
}
#idxProfile{
	top:-118px;
	right:30px;
}
#idxHistory{
	top:145px;
	left:186px;
}
#idxAccess{
	top:379px;
	right:234px;
}

/* リスト_サブ */
.listIdxSub{
	position:absolute;
	bottom:0;
}


/*
	私たちの想い
-----------------------------------------------------------------------------------------------*/
#pageMessage{
	text-align:center;
}
#pageMessage p{
	display:inline-block;
	padding:40px 0 30px 0;
	font-family:'Yu Mincho',YuMincho,'游明朝','ヒラギノ明朝 Pro W3',Hiragino Mincho Pro,'ＭＳ Ｐ明朝',MS PMincho,serif;
	font-size:1.5rem;
	text-align:left;
	line-height:180%;
	letter-spacing:0.05em;
}

/*
	会社概要
-----------------------------------------------------------------------------------------------*/
#pageHistory .tblBase th{
	width:auto;
}
.mvProfileBox video{
	width:100%;
}
.olistProfileService{
	padding:0 0 0 1.2em;
}
.olistProfileService li{
	list-style-type:decimal;
	padding:0 0 5px 0;
}
.olistProfileService li:last-of-type{
	padding:0;
}
.profileAccessBox{
	padding:0 0 22px 0;
}
.profileAccessBox:last-of-type{
	padding:0;
}
.profileAccessBox .tit{
	display:inline-block;
	min-width:90px;
	height:24px;
	padding:0 10px;
	font-size:1.4rem;
	font-weight:normal;
	line-height:24px;
	text-align:center;
	color:#FFFFFF;
	background-color:rgba(68,43,0,0.3);
	border-radius:12px;
}
.profileAccessBox p{
	padding:5px 0;
}
.listClient li{
	min-width:calc(100%/2);
	float:left;
	padding:0 20px 8px 0;
}
.txtClientAttention{
	display:block;
	font-size:1.2rem;
	text-align:right;
}


/*
	沿革
-----------------------------------------------------------------------------------------------*/


/*
	アクセス
-----------------------------------------------------------------------------------------------*/
.accessArea{
	display:-ms-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 0 -30px 0;
}
.accessBox{
	width:555px;
	margin:0 30px 30px 0;
}
.accessBox:nth-of-type(2n){
	margin-right:0;
}
.mapBox{
	padding:15px 0 0 0;
}
.listAccess{
	padding:10px 0 0 0;
}
.listAccess li{
	padding:3px 0 8px 18px;
	background:url(../images/ico_train.png) left top no-repeat;
}


/*
	個人情報保護方針
-----------------------------------------------------------------------------------------------*/
/* 見出し */
#pagePrivacy .titCts01{
	margin-top: 30px;
}
#pagePrivacy .titCts01:nth-of-type(n+2){
	margin-top: 60px;
}
.titPrivacy01,.titIsms01{
	padding:0 0 10px 0;
	margin:30px 0 12px 0;
	border-bottom:1px solid rgba(104,62,0,0.2);
	font-size: 1.6rem;
	font-weight:bold;
	color:rgba(104,62,0,1);
}
.titPrivacy02{
	margin:25px 0 12px 0;
}
.titPrivacy02.mt00{
	margin-top:0;
}
.titPrivacy03{
	padding-bottom: 5px;
	margin-top:15px;
	font-size: 1.3rem;
	font-weight: bold;
}

/* リスト */
.olistPrivacy,.olistIsms,.listPrivacyCircle{
	padding:0 0 0 1.1em;
}
.olistPrivacy li,.olistIsms li,.listPrivacyCircle li{
	list-style-type:decimal;
	padding:0 0 10px 0;
}
.olistPrivacy li:last-of-type,.olistIsms li:last-of-type,.listPrivacyCircle li:last-of-type{
	padding:0;
}
.listPrivacyCircle li{
	list-style: none;
	position:relative;
}
.listPrivacyCircle li::before{
	content:' ';
	display:block;
	width:4px;
	height:4px;
	background-color:rgba(104,62,0,1);
	border-radius:2px;
	position:absolute;
	top:7px;
	left:-10px;
}
p + .listPrivacyCircle,p + .listPrivacyMaruNum{
	margin-top:5px;
}
.listPrivacyMaruNum{
	padding:0 0 0 1.2em;
}
.listPrivacyMaruNum li{
	padding:0 0 10px 0;
	text-indent: -1.2em;
}
.listPrivacyMaruNum li:last-of-type{
	padding:0;
}
.listPrivacyMaruNum li span:first-of-type{
	padding-right: 0.2em;
}

/* テキスト */
.txtPrivacy01{
	padding:0 0 15px 0;
}
.txtPrivacy02{
	padding-top:30px;
	text-align:right;
}
.txtPrivacy03{
	padding-bottom:30px;
	text-align:right;
}

.privacyBox{
	padding:15px;
	border:1px solid rgba(104,62,0,0.2);
}


/*
	ISMS基本方針
-----------------------------------------------------------------------------------------------*/
.txtIsms01{
	padding:30px 0;
}
.txtIsms02{
	padding:0 0 30px 0;
}
.txtIsms03{
	text-align:right;
}
.ismsBox{
	padding:20px;
	border:1px solid rgba(104,62,0,0.2);
}
.titIsms01{
	margin-top:0;
}


@media screen and (max-width:667px){
	/*
		トビラ
	-----------------------------------------------------------------------------------------------*/
	#titCompanyIdx{
		width:159px;
		height:40px;
		margin:0 auto;
		background-size:159px 40px;
	}

	/* 私たちの想い */
	#btnOmoi{
		width:147px;
		height:30px;
		margin:10px auto 15px auto;
		background:url(../images/btn_omoi_on_sp.png) left top no-repeat;
		background-size:147px 30px;
	}
	#btnOmoi::before{
		content:' ';
		display:block;
		width:147px;
		height:30px;
		background:url(../images/btn_omoi_off_sp.png) left top no-repeat;
		background-size:147px 30px;
	}

	/* リスト_メイン */
	.listIdxMain{
		height:auto;
		position:relative;
	}
	.listIdxMain li{
		float:left;
		position:static;
	}
	#idxProfile{
		top:auto;
		right:auto;
	}
	#idxHistory{
		top:auto;
		left:auto;
	}
	#idxAccess{
		top:auto;
		right:auto;
	}

	/* リスト_サブ */
	.listIdxSub{
		padding:20px 0 0 0;
		position:static;
		bottom:auto;
	}


	/*
		私たちの想い
	-----------------------------------------------------------------------------------------------*/
	#pageMessage{
		padding:40px 20px;
		text-align:center;
	}
	#pageMessage p{
		display:block;
		padding:15px 0 30px 0;
		font-family:'Yu Mincho',YuMincho,'游明朝','ヒラギノ明朝 Pro W3',Hiragino Mincho Pro,'ＭＳ Ｐ明朝',MS PMincho,serif;
		font-size:1.5rem;
		text-align:left;
		line-height:180%;
		letter-spacing:0.05em;
	}
	/*
		会社概要
	-----------------------------------------------------------------------------------------------*/
	.mvProfileBox{
		display:none;
	}
	.profileAccessBox{
		padding:0 0 20px 0;
	}
	.profileAccessBox:last-of-type{
		padding:0;
	}
	.profileAccessBox p{
		padding:5px 0;
	}
	.listClient li{
		width:100%;
		padding:0 0 8px 0;
		font-size:1.2rem;
		float:none;
	}


	/*
		沿革
	-----------------------------------------------------------------------------------------------*/


	/*
		アクセス
	-----------------------------------------------------------------------------------------------*/
	.accessArea{
		display:block;
		margin:0 0 -30px 0;
	}
	.accessBox{
		width:100%;
		margin:0 0 30px 0;
		float:none;
	}
	.mapBox{
		padding:15px 0 0 0;
	}
	.mapBox iframe{
		width:100%;
		height:250px;
	}
	.listAccess{
		padding:10px 0 0 0;
	}
	.listAccess li{
		padding:3px 0 8px 18px;
		min-height:23px;
		background:url(../images/sp_ico_train.png) left top no-repeat;
		background-size:12px 23px;
	}


	/*
		個人情報保護方針
	-----------------------------------------------------------------------------------------------*/
	.tblBase.spTbl tr{
		display:table-row;
	}
	.tblBase.spTbl th,.tblBase.spTbl td{
		display:table-cell;
		width:auto;
	}
	.tblBase.spTbl td.nowrap{
		white-space:nowrap;
	}
	.txtIsms01{
		padding:15px 0 40px 0;
	}
	.txtIsms02{
		padding:0 0 20px 0;
	}
	.ismsBox{
		padding:15px;
	}
}