@charset "UTF-8";

.contentsInr{
	background:#ffffff;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding:40px;
}

@media only screen and (max-width: 767px){
	.wrap{
		padding:0 10px;
	}
	#contents{
		padding:0 !important;
	}
	.contentsInr{
		padding:10px 20px;
	}
}
/*----------------------------------------------------
	Title
----------------------------------------------------*/
#mainTtlBox{
	background-image:url(../images/about/ttl_bg.png);
}

/*----------------------------------------------------
	Section style
----------------------------------------------------*/
.contentsInr section{
	padding-bottom:80px;
}
.contentsInr section:last-of-type{
	padding-bottom:40px;
}
.contentsInr section h2{
	padding-bottom:40px;
}

@media only screen and (max-width: 767px){
	.contentsInr section{
		padding-bottom:20px;
	}
	.contentsInr section:last-of-type{
		padding-bottom:10px;
	}
	.contentsInr section h2{
		border-bottom:4px solid #fbfbfb;
		position:relative;
		z-index:9;
		padding-bottom:10px;
		margin:10px 0 20px 0;
		font-weight:normal;
	}
	.contentsInr section h2:before{
		content:"";
		background:#fdeaff;
		width:30px;
		height:30px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		position:absolute;
		z-index:-1;
		top:-6px;
		left:-6px;
	}

}

/*----------------------------------------------------
	aboutNav
----------------------------------------------------*/
.aboutNav{
	padding-top:30px;
}
.aboutNav ul{
	letter-spacing:-40em;
	width:980px;
	margin:auto;
}
.aboutNav ul li{
	display:inline-block;
	letter-spacing:normal;
	padding-right:5px;
}
.aboutNav ul li:last-of-type{
	padding-right:0;
}
.aboutNav ul li a{
	display:inline-block;
	width:192px;
	height:65px;
	text-align:center;
	vertical-align:middle;
	background:#845288;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding-top:11px;
}
.aboutNav ul li a:hover{
	background:#5d1063;
}

@media only screen and (max-width: 767px){
	.aboutNav{
		padding-top:20px;
	}
	.aboutNav ul{
		width:98%;
		margin:0 auto;
		letter-spacing:normal;
		display:table;
	}
	.aboutNav ul li{
		padding-right:2px;
		width:20%;
		display:table-cell;
	}
	.aboutNav ul li a{
		width:100%;
		height:auto;
		text-align:center;
		vertical-align:middle;
		padding:10px 0 20px 0;
		color:#fff;
		position:relative;
		font-size:12px;
		text-align:center;
		background:#5d1063;
	}
	.aboutNav ul li a:before{
		content:"▼";
		font-size:5px;
		position:absolute;
		bottom:5px;
		left:0;
		right:0;
		margin:0;
	}
}


/*----------------------------------------------------
	greetingBox
----------------------------------------------------*/
#greetingBox div{
	text-align:center;
}

/*----------------------------------------------------
	companyBox
----------------------------------------------------*/
#companyBox .companyInr{
	padding-top:40px;
}
#companyBox .companyInr dl{
	float:left;
	width:526px;
	position:relative;
}
#companyBox .companyInr dt{
	position:absolute;
	padding-top:10px;
	left:10px;
}
#companyBox .companyInr dd{
	padding:10px 0 10px 130px;
	border-bottom:1px solid #f6f6f6;
}
#companyBox .companyInr dd li{
	padding:0 0 15px 16px;
	position:relative;
	line-height:1.6;
}
#companyBox .companyInr dd li:before{
	content:"●";
	font-size:10px;
	color:#5a0c61;
	position:absolute;
	left:0;
	top:2px;
}
#companyBox .companyInr dd li span{
	font-weight:bold;
}


#companyBox .companyInr div{
	float:right;
}

@media only screen and (max-width: 767px){
	#companyBox .companyInr{
		padding-top:10px;
	}
	#companyBox .companyInr dl{
		float:none;
		width:100%;
	}
	#companyBox .companyInr dt{
		position:static;
		padding:10px 0;
		font-size:15px;
		color:#7f2187;
	}
	#companyBox .companyInr dd{
		padding:0 0 10px 10px;
		font-size:13px;
	}
	
	#companyBox .companyInr div{
		float:none;
		text-align:center;
		padding-top:10px;
	}
	#companyBox .companyInr div img{
		width:80%;
	}
}

/*----------------------------------------------------
	codeBox
----------------------------------------------------*/
#codeBox div{
	margin-top:40px;
	padding:20px;
	background:#fbfbfb;
}
#codeBox div li{
	list-style-type: decimal;
	line-height:1.6;
	margin-left:20px;
	padding-bottom:15px;
}
#codeBox div p{
	text-align:right;
}
@media only screen and (max-width: 767px){
	#codeBox div{
		margin-top:20px;
		padding:10px;
	}
}

/*----------------------------------------------------
	financeBox
----------------------------------------------------*/
#financeBox li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #f6f6f6;
	font-size:17px;
}
#financeBox li:last-of-type{
	margin-bottom:0;
}
#financeBox li a,
#financeBox li span{
	display:block;
	padding:10px 40px;
	position:relative;
}
#financeBox li a:before,
#financeBox li span:before{
	content:"";
	background:url(../images/common/icon_pdf.png) left center no-repeat;
	width:26px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
}




/*----------------------------------------------------
	accessBox
----------------------------------------------------*/
#accessBox .addressBox dl{
	letter-spacing:-40em;
}
#accessBox .addressBox dt{
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:normal;
}
#accessBox .addressBox dd{
	display:inline-block;
	letter-spacing:normal;
	padding-left:20px;
}

#accessBox .gmBox{
	padding-top:30px;
}

#accessBox .accessInr li{
	width:440px;
	border:1px solid #cdcdcd;
	float:left;
	margin-top:20px;
	padding:20px;
}
#accessBox .accessInr li:nth-of-type(2n){
	margin-left:20px;
}

#accessBox .accessInr li dl{
	text-align:center;
}
#accessBox .accessInr li dt{
	padding:50px 0 20px 0;
	font-size:12px;
	border-bottom:1px solid #cdcdcd;
	background-position:top center;
	background-repeat:no-repeat;
}
#accessBox .accessInr li dd{
	padding-top:20px;
}
@media only screen and (max-width: 767px){
	#accessBox .addressBox dl{
		letter-spacing:normal;
	}
	#accessBox .addressBox dt{
		display:block;
	}
	#accessBox .addressBox dd{
		display:block;
		padding-left:0;
		padding-top:5px;
	}
	#accessBox .gmBox{
		padding-top:20px;
	}
	#accessBox .gmBox iframe{
		width:100% !important;
	}
	
	#accessBox .accessInr li{
		width:49%;
		margin-top:10px;
		padding:10px;
	}
	#accessBox .accessInr li:nth-of-type(2n){
		margin-left:0;
		float:right;
	}

	#accessBox .accessInr li dt{
		padding:27% 0 10px 0;
		background-size:18%;
	}
	#accessBox .accessInr li dd{
		padding-top:10px;
		font-size:12px;
		line-height:1.6;
	}
	#accessBox .accessInr li.taxi dt{
		background-position:center 10%;
	}
	#accessBox .accessInr li.car dt{
		background-position:center 10%;
	}
}

/******* variation *******/
#accessBox .accessInr li.jr dt{
	background-image:url(../images/about/access_icon01.png);
}
#accessBox .accessInr li.bus dt{
	background-image:url(../images/about/access_icon02.png);
}
#accessBox .accessInr li.taxi dt{
	background-image:url(../images/about/access_icon03.png);
}
#accessBox .accessInr li.car dt{
	background-image:url(../images/about/access_icon04.png);
}