@charset "UTF-8";
/* =====================================
    会社情報
===================================== */
.sp{
	display: block;
}
.sp-i{
	display: inline-block;
}
.pc, .pc-i{
	display: none;
}
@media only screen and (min-width: 768px) {
	.pc{
		display: block;
	}
	.pc-i{
		display: inline-block;
	}
	.sp, .sp-i{
		display: none;
	}
}

.company_header{
	background: #fccd00;
}
.company_header .inner{
	max-width: 1070px;
	margin: 0 auto;
}
.company_header ul{
	width: 92%;
	margin: 0 auto;
	padding: 26px 0;
}
.company_header ul li{
	float: left;
	width: 47.82608695652174%;
}
.company_header ul li:first-child{
	margin-right: 4.347826086956522%;
}
.company_header ul:after{
  content:"";
  display:block;
  clear:both;
}
@media only screen and (min-width: 768px) {
	.company_header ul{
		width: 81.86915887850467%;
	}
	.company_header ul li{
		width: 47.71689497716895%;
	}
	.company_header ul li:first-child{
		margin-right: 4.5662100456621%;
	}
	.company_header a:hover img{
		/*opacity: 0.7;*/
	}
}

.contents{
	padding-top: 0;
}
.container{
	padding: 0 10px;
}
@media only screen and (min-width: 768px) {
	.container{
		padding: 0;
		width: 100%;
	}
}


.company_info{
	padding: 0 0 40px;
	text-align: center;
	font-size: 12px;
	line-height: 1.3;
}
.company_info h3{
	margin: 20px auto 15px;
	font-size: 16px;
	line-height: 1.47;
	color: #f08300;
	font-weight: normal;
}
.company_info p{
	text-align: left;
	font-size: 11px;
	line-height: 2;
	padding: 0 10px;
	padding-bottom: 2em;
}
.company_info table{
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}
.company_info table tr{
	border-top: 1px solid #ccc;
}
.company_info table th{
	border-left: 1px solid #ccc;
	background: #eee;
	font-weight: normal;
	width: 75px;
	text-align: left;
	padding: 15px 0;
	padding-left: 10px;
}

.company_info table td{
	border-right: 1px solid #ccc;
	text-align: left;
	padding: 15px;
	padding-right: 10px;
}
@media only screen and (min-width: 768px) {
	.company_info {
		margin: 0 auto 90.5px;
		width: 1070px;
		padding: 0 35px;
		font-size: 14px;
		line-height: 1.57;
	}
	.company_info h3{
		font-size: 33px;
		letter-spacing: -0.05em;
	}
	.company_info p{
		font-size: 20px;
		padding: 0;
		padding-bottom: 2em;
	}
	.company_info table{
		font-size: 22px;
	}
	.company_info table th{
		width: 150px;
		padding: 30px 0;
		padding-left: 20px;
	}
	.company_info table td{
		padding: 30px;
		padding-right: 20px;
	}
}

.access_info {
	padding: 0 0 38px;
	background: #fccd00;
	text-align: center;
	font-size: 12px;
	line-height: 1.3;
}
.access_info .sect_tit{
	color: #fccd00;
}
.access_info dl{
	margin-top: 15px;
}
.access_info dt{
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0 auto 10px;
	padding: 5px 0;
	width: 45.07042253521127%;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
}
.access_info dt.pink{
	border: 3px solid #fa7d99;
	background: #f54067;
}
.access_info dt.blue{
	border: 3px solid #40ceef;
	background: #0fb4f7;
}
.access_info dd{
	font-size: 13px;
	text-align: left;
	line-height: 1.46;
	letter-spacing: -0.02em;
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
	.access_info {
		padding-bottom: 160px;
		font-size: 14px;
		line-height: 1.57;
	}
	.access_info .container{
		width: 1170px;
		width: 1000px;
		margin: 0 auto;
	}
	.access_info dl{
		margin-top: 55px;
		margin-bottom: 20px;
	}
	.access_info dt,
	.access_info dd{
		font-size: 22px;
		display: inline-block;
		vertical-align: middle;
	}
	.access_info dt{
		border-width: 6px !important;
		width: 260px;
		margin: 0 30px 30px 0;
		padding: 20px 0;
	}
	.access_info dd{
		width: 880px;
		width: 710px;
	}
	.access_info .map{
		width: 744px;
		margin: 0 auto;
	}
}

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