@charset "UTF-8";

.sub_fs {
	background:url(../../assets/img/company/bg_company.jpg) no-repeat center / cover;
}

.sp_img {
	display: none;
}

.block:not(:last-of-type) {
	margin-bottom:150px;
}

.block1 .txt_wrap {
	width:79%;
	padding-right:1em;
	max-width:740px;
}

.block1 figure {
	width:150px;
}

.block1 figcaption {
	margin-top:0.5em;
}

.company_data {
	margin-top:60px;
}

.company_data dt {
	width:17%;
	padding:1.5em 0 3em 1.5em;
}

.company_data dd {
	width:83%;
	padding:1.5em 0 3em 1.5em;
	border-top:1px solid #D9DDEA;
}

.block3 h1.borders {
	margin-bottom:100px;
}

.block3 .inner {
	position: relative;
}

.block3 .inner::after {
	display: block;
	content:"";
	width:221.57px;
	height:64px;
	background:url(../../assets/img/company/roop.svg) no-repeat center / contain;
	position:absolute;
	top:18px;
	right:90px;
}

.history_img {
	margin:0 auto;
	text-align: center;
}


.base:not(:last-of-type) {
	margin-bottom:80px;
}

.base h2 {
	margin-bottom:1.5em;
}

.base h2 span {
	display: inline-block;
	padding:0.2em 0.5em;
	border: 1px solid #001A72;
}

.base_txt {
	width:57%;
	max-width:534px;
}

.base_img {
	width:38%;
	max-width:360px;
}

.base_img figure {
	margin-bottom:10px;
	position: relative;
}

.base_img img {
	width:100%;
	height:100%;
	object-fit: cover;
}

.base_txt a {
	color:#fff!important;
	display: block;
	width:126px;
	height:30px;
	line-height:30px;
	font-size:1.4rem;
	text-align:center;
	margin:1em 0 ;
}


.base4 figcaption {
	position:absolute;
	top:0;
	right:0;
	width:75px;
	height:20px;
	text-align:center;
	font-size:1rem;
	line-height:20px;
}
/* --- ver sp --- */


@media screen and (max-width: 960px) {

.block:not(:last-of-type) {
	margin-bottom:80px;
}
.block1 .txt_wrap {
	width:100%;
	padding-right:0;
	max-width:100%;
}

.block1 figure {
	width:100%;
	margin-top:20px;
}

.block1 figure figcaption {
	text-align:left;
}

.company_data {
	margin-top:40px;
}

.company_data dt,
.company_data dd {
	width:100%;
}
.company_data dt {
	padding:0.8em 0 0.4em 0;
}

.company_data dd {
	border-top:none;
	padding:0 0 2em 0;
}

.company_data .borders2::after {
	left:0;
}

.block3 .inner::after {
	width:172.55px;
	height:49.84px;
	top:6px;
	right:20px;
}

.base:not(:last-of-type) {
	margin-bottom:50px;
}

.base_txt,
.base_img {
	width:100%;
	max-width:100%;
}

.base_txt {
	margin-bottom:30px;
}


@media screen and (max-width: 420px) {

	.pc_img {
		display: none;
	}

	.sp_img {
		display: block;
	}

}
}