@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

会社概要

------------------------------------------------------------ */

/* 会社概要
---------------------------------------------- */
.sec_outline{
	max-width: 1200px;
	padding: 0 50px;
	margin: 0 auto 120px;
}

.tbl_type01{
	width: 100%;
	height: 100%;
}

.tbl_type01 tr{height: 100%;}

.tbl_type01 th{
	width: 200px;
	color: #4F697B;
	font-weight: 700;
}

.tbl_type01 th .th_inner{
	border-bottom: 1px solid #A1BACC;
	padding: 40px 20px;
	height: 100%;
}

.tbl_type01 td{
	padding-left: 20px;
	line-height: 2;
}

.tbl_type01 td .td_inner{
	border-bottom: 1px solid #CBD6DE;
	padding: 40px 20px;
}

.tbl_type01 td address{display: inline-block;}

.tbl_type01 td .btn_map{
	display: inline-block;
	margin-left: 10px;
}

.tbl_type01 td .btn_map a{
	display: inline-block;
	background: #0270BB;
	border: 1px solid #0270BB;
	color: #FFF;
	text-align: center;
	min-width: 120px;
	border-radius: 24px;
	padding: 5px 10px 8px;
	line-height: 1;
	transition: background .3s, color .3s;
}

.tbl_type01 td .btn_map:hover a{
	background: #FFF;
	color: #0270BB;
}

.tbl_type01 tr.locations td p{margin-bottom: 15px;}

.tbl_type01 tr.locations td span{color: #4F697B;}

.tbl_type01 tr.locations td address{display: inline;}

/* CSR
---------------------------------------------- */
.sec_csr h4{
	color: #0270BB;
	font-size: 3rem;
	line-height: 1.6;
	margin-bottom: 25px;
}

/*--売上金の一部を下記団体さまへ寄付しています--*/
.csr01{
	background: #E5ECF0;
	padding: 120px 0 120px 3.64vw;
	position: relative;
	z-index: 0;
}

.csr01::before{
	content: "";
	display: block;
	background: url("../company/img/bg_company01.jpg") no-repeat 0 0;
	background-size: cover;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.csr01 h3{
	font-size: 2.6rem;
	letter-spacing: 0.2em;
	margin-bottom: 50px;
}

.csr01 .column{
	display: flex;
	align-items: center;
}

.csr01 .column .col_l{width: 62.16%;}

.csr01 .column .col_l img{
	width: 100%;
	height: 100%;
	min-height: 560px;
	object-fit: cover;
}

.csr01 .column .col_r{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	padding: 0 7.56%;
}

.csr01 .column .col_r ul{margin-bottom: 30px;}

.csr01 .column .col_r ul li{
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
}

.csr01 .column .col_r ul li:last-of-type{margin-bottom: 0;}

.csr01 .column .col_r ul li::before{
	content: "";
	background: #0270BB;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	position: absolute;
	top: 12px;
	left: 0;
}

.csr01 .column .col_r ul li a{color: #333;}

.csr01 .column .col_r ul li a .ico_tab01 svg{
	width: 12px;
	height: 12px;
	fill: #697D8B;
	margin: 0px 0 -1px 7px;
}

/*--子ども会の活動をサポートしています--*/
.csr02{padding: 120px 0;}
	
.csr02 .column{
	max-width: 1400px;
	padding: 0 50px;
	margin: 0 auto;
	display: flex;
}

.csr02 .column .col_l{
	width: 33.84%;
	padding-right: 40px;
}
	
.csr02 .column .col_r{
	width: 66.38%;
	padding-left: 40px;
	border-left: 1px solid #CBD6DE;
}

.csr02 .column .col_r p{margin-bottom: 20px;}

.csr02 .column .col_r p:last-of-type{margin-bottom: 0;}

/*--地域環境保全の活動に取り組んでいます--*/
/*--福祉車両、会社車両の導入をサポートしています--*/
.csr03{
	display: flex;
	border-top: 1px solid #CBD6DE;
}

.csr03 .col_l,
.csr03 .col_r{
	width: 50%;
	min-height: 700px;
	padding: 120px 13.75%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.csr03 .col_l{
	background: url("../company/img/bg_company02.jpg") no-repeat 0 0;
	background-size: cover;
	border-right: 1px solid #CBD6DE;
}

.csr03 .col_l ul{margin-bottom: 20px;}

.csr03 .col_l p{margin-bottom: 20px;}

.csr03 .col_l p:last-of-type{margin-bottom: 0;}

.csr03 .col_r{
	background: url("../company/img/bg_company03.jpg") no-repeat 0 0;
	background-size: cover;
}

.csr03 .col_r p{margin-bottom: 20px;}

.csr03 .col_r p:last-of-type{margin-bottom: 0;}


/* ------------------------------------------------------------

組織図

------------------------------------------------------------ */

/* 組織図
---------------------------------------------- */
.sec_chart{
	max-width: 1100px;
	margin: 0 auto 160px;
}

.sec_chart .chart01{
	background: #FFF;
	padding: 70px;
}

.sec_chart .chart01 img{
	width: 100%;
	height: auto;
}


@media only screen and (max-width:1750px){ /* 表示領域が1750px以下の場合に適用するスタイル */

	/*--地域環境保全の活動に取り組んでいます--*/
	/*--福祉車両、会社車両の導入をサポートしています--*/
	.csr03 .col_l,
	.csr03 .col_r{padding: 5%;}
	
	
}/*--@media--*/


@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	会社概要

	------------------------------------------------------------ */

	/* 会社概要
	---------------------------------------------- */
	.sec_outline{padding: 0 15px;}
	
	/* CSR
	---------------------------------------------- */
	.sec_csr h4{
		font-size: 2.4rem;
		margin-bottom: 20px;
	}

	/*--売上金の一部を下記団体さまへ寄付しています--*/
	.csr01{padding: 60px 15px;}

	.csr01::before{ 
		background: url("../company/img/bg_company01_sp.jpg") no-repeat 0 0;
		background-size: cover;
		width: 80%;
	}

	.csr01 h3{
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.csr01 .column{display: block;}

	.csr01 .column .col_l{
		width: 100%;
		margin-bottom: 40px;
	}

	.csr01 .column .col_l img{
		min-height: unset;
		height: auto;
	}

	.csr01 .column .col_r{
		display: block;
		width: 100%;
		padding: 0;
	}

	.csr01 .column .col_r ul{margin-bottom: 20px;}

	.csr01 .column .col_r ul li{
		position: relative;
		padding-left: 10px;
		margin-bottom: 5px;
	}

	.csr01 .column .col_r ul li:last-of-type{margin-bottom: 0;}

	.csr01 .column .col_r ul li::before{top: 10px;}

	.csr01 .column .col_r ul li a{color: #333;}

	.csr01 .column .col_r ul li a .ico_tab01 svg{
		width: 12px;
		height: 12px;
		fill: #697D8B;
		margin: 0px 0 -1px 5px;
	}
	
	/*--子ども会の活動をサポートしています--*/
	.csr02{padding: 60px 15px;}

	.csr02 .column{
		padding: 0;
		display: block;
	}

	.csr02 .column .col_l{
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.csr02 .column .col_r{
		width: 100%;
		padding-left: 0;
		border-left: none;
	}

	.csr02 .column .col_r p{margin-bottom: 20px;}

	.csr02 .column .col_r p:last-of-type{margin-bottom: 0;}

	/*--地域環境保全の活動に取り組んでいます--*/
	/*--福祉車両、会社車両の導入をサポートしています--*/
	.csr03{
		display: block;
		border-top: none;
	}

	.csr03 .col_l,
	.csr03 .col_r{
		width: 100%;
		min-height: unset;
		padding: 60px 15px;
		display: block;
	}

	.csr03 .col_l{
		background: url("../company/img/bg_company02_sp.jpg") no-repeat 0 0;
		background-size: cover;
		border-top: 1px solid #CBD6DE;
	}

	.csr03 .col_r{
		background: url("../company/img/bg_company03_sp.jpg") no-repeat 0 0;
		background-size: cover;
		border-top: 1px solid #CBD6DE;
	}

	/* ------------------------------------------------------------

	組織図

	------------------------------------------------------------ */

	/* 組織図
	---------------------------------------------- */
	.sec_chart .chart01{padding: 60px 40px;}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	会社概要

	------------------------------------------------------------ */

	/* 会社概要
	---------------------------------------------- */
	.sec_outline{margin-bottom: 80px;}
	
	.sec_outline .heading01{margin-bottom: 20px;}

	.tbl_type01{
		width: 100%;
		height: 100%;
	}

	.tbl_type01 th,
	.tbl_type01 td{line-height: 1.6;}

	.tbl_type01 th{width: 80px;}

	.tbl_type01 th .th_inner{padding: 35px 0;}

	.tbl_type01 td{padding-left: 10px;}

	.tbl_type01 td .td_inner{padding: 35px 0;}

	.tbl_type01 td address{display: inline-block;}

	.tbl_type01 td .btn_map{
		display: block;
		margin: 15px 0 0 0;
	}

	.tbl_type01 tr.locations td address{display: inline-block;}

	.tbl_type01 tr.locations td .td_inner > div{line-height: 2;}


	/* ------------------------------------------------------------

	組織図

	------------------------------------------------------------ */

	/* 組織図
	---------------------------------------------- */
	.sec_chart{margin-bottom: 120px;}
	
	.sec_chart .chart01{padding: 60px 15px;}
	

}/*--@media--*/