@charset "utf-8";
/* CSS Document */

.main-title-wrap {
	background: url(../images/company/title_bk.jpg) center 0 /cover no-repeat;
}
/*---------------------------------------------------------------------
					
-----------------------------------------------------------------------*/
.company {
	margin-bottom: 45px;
}
.company-outline {
	display: table;
	width: 100%;
	padding: 0 30px;
	margin-bottom: 50px;
}
.company-outline .outline-item {
	padding: 10px 0;
}
.company-outline .outline-item:not(:first-child) {
	border-top: #e9e9e9 1px solid;
}
.company-outline .outline-ttl {
	display: table-cell;
	color: #2dade9;
	font-weight: bold;
	width: 220px;
	padding: 10px 0 10px 30px;
}
.company-outline .outline-exp {
	display: table-cell;
	padding: 10px 0;
}
.company-map .map {
	width: 48.8%;
	margin-bottom: 20px;
}
.company-map .map .ttl01 h3 {
	font-size: 2.8rem;
}
.company-map .map .ttl01 .ja.side {
	line-height: 1.8;
}
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 768px) {
.company {
	margin-bottom: 25px;
}
.company-outline {
	padding: 0 0;
	margin-bottom: 25px;
}
.company-outline .outline-ttl {
	padding: 10px 0;
}
}

@media screen and (max-width: 480px) {
.company-outline .outline-ttl {
	display: block;
	width: 100%;
}
.company-outline .outline-exp {
	display: block;
	padding: 0 0 10px;
}
.company-map .map {
	width: 100%;
}
}
/*---------------------------------------------------------------------
					
-----------------------------------------------------------------------*/
.history-wrap {
	position: relative;
}
.history-wrap::before {
	display: block;
	content: '';
	width: 100%;
	height: 270px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/company/history_bk.jpg) center 0 /cover no-repeat;
}
.history-wrap .ttl01 {
	color: #fff;
	padding : 75px 0 20px;
}
.history {
	background: #fff;
	padding: 45px 50px;
}
.history-outline {
	display: table;
	width: 100%;
	position: relative;
}
.history-outline .outline-ttl {
	display: table-cell;
	color: #2dade9;
	font-weight: bold;
	width: 150px;
	padding: 15px 0;
	border-right: #001e4b 2px solid;
	font-size: 1.6rem;
}
.history-outline .outline-item:first-child .outline-ttl {
	padding: 0 0 15px 0;
}
.history-outline .outline-exp {
	display: table-cell;
	padding: 15px 0 15px 40px;
	position: relative;
}
.history-outline .outline-exp::before {
	content: '';
	display: block;
	width: 23px;
	height: 23px;
	background: #d5e623;
	border-radius: 50px;
	position: absolute;
	left: -14px;
	top: 15px;
}
.history-outline .outline-item:first-child .outline-exp::before {
	top: 0;
}
.history-outline .outline-item:first-child .outline-exp {
	padding: 0 0 15px 40px;
}

@media (max-width: 768px) {

.history {
	padding: 25px 20px;
}
.history-outline .outline-ttl {
	width: 130px;
}
.history-outline .outline-exp {
	padding: 15px 0 15px 30px;
}

.history-outline .outline-item:first-child .outline-exp {
	padding: 0 0 15px 30px;
}
}
@media screen and (max-width: 480px) {
	.history-wrap .ttl01 {
	padding : 45px 0 15px;
}
.history {
	padding: 15px ;
}
.history-outline .outline-ttl {
	display: block;
	width: 100%;
	padding: 10px 0 0;
	border-right:none;

}
.history-outline .outline-item:first-child .outline-ttl {
	padding: 10px 0 0;
}
.history-outline .outline-exp {
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
}
.history-outline .outline-exp::before {
	content: none;
}

.history-outline .outline-item:first-child .outline-exp {
	padding: 0 0 10px 0;
}
}