@charset "UTF-8";
/* ****************************************************************** 

	--shop.css--

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/
#contents .contentBox {
	margin-bottom:94px;
}
#pageCompany .maps {
	padding:5px 0px 5px 20px;
	background:url(/recruit/img/company/icon_map.png) no-repeat left center;
	background-size:13px;
	text-decoration:underline;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
	vertical-align:middle;
}
#pageCompany .maps:hover {
	opacity:0.6;
	text-decoration:none;
}
.population {
	margin-top:30px;
}
.population .comparative {
	float:left;
	width:38%;
}
.population .comparativeDetail {
	float:right;
	width:57%;
}
.population .title {
	margin-bottom:17px;
	padding:15px 25px;
	background:#F4F4F4;
	font-size:15px;
	font-family: a-otf-futo-go-b101-pr6n,sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:2px;
}
.comparative .image {
	padding:7% 12% 20px 4%;
	text-align:center;
}
.dateTime {
	font-size:12px;
	text-align:right;
	letter-spacing:2px;
}
.boxAge {
	margin-bottom:35px;
}
.comparativeDetail .boxAge:last-child{
	margin-bottom:0;
}
.boxAge .contentList .text01 {
	padding-left:7px;
	font-size:14px;
	line-height:1.9em;
	letter-spacing:2px;
}
.boxAge .content .text01 b {
	font-weight:bold;
}
.contentList {
	position:relative;
}
.contentList .dateTime01 {
	position:absolute;
	bottom:5px;
	right:0;
	width:100%;
}
.tableYear {
	margin-top:23px;
	margin-bottom:7px;
	border:1px solid #e5e5e5 ;
}
.tableYear li {
	float:left;
	width:25%;
	border-right:1px solid #e5e5e5;
	text-align:center;
	line-height:1.9em;
}
.tableYear li:last-child{
	border:none;
}
.tableYear .year {
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
	font-weight:bold;
}
.tableYear .numberPerson {
	font-size:14px;
}
.tableYear .year {
	padding:5px;
	letter-spacing: 2px;
}
.tableYear .numberPerson {
	padding:7px 5px;
	letter-spacing: 2px;
}
.boxMood {
	display:table;
	margin-left:5px;
	margin-top: 5.5%;
	margin-bottom: 5.5%;
}
.managementLeft {
	display:table-cell;
	width:46.5%;
	border: 2px solid #EEE;
	font-weight: bold;
	text-align: center;
}
.managementLeft img {
	display:inline-block;
	padding:19% 13%;
	vertical-align: middle;
	word-break: break-all;
}
.managementRight {
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	line-height:2.7em;
	letter-spacing:3px;
}
.txt {
	margin-bottom: 28px;
	font-weight: bold;
	letter-spacing: 3.7px;
	font-size: 12px;
}
#pageCompanysystem .infoDetail th {
	background:url(/recruit/img/company/icon_o.png) no-repeat 0 50%;
	padding-left:15px;
	width:100%;
	float:none;
}
#pageCompanysystem .infoDetail td {
	padding-left:15px;
	width:100%;
}
#pageCompanysystem .infoDetail td span {
	font-weight:bold;
	font-size:13px;
}
#pageCompanysystem .imageSystem {
	margin:0 0 70px 0;
	padding-top:20px;
}
#pageCompanysystem .titleBoxsystem {
	background:#F4F4F4;
	padding: 15px 25px;
	margin:0 0 30px 0;
	font-size:15px;
	font-weight:bold;
}
#pageCompanysystem .blockInner {
	margin-bottom:70px;
}
#welfare, #education {
	padding-top: 10px;

}
#welfare .headline3, #education .headline3 {
	margin-top:5px;
}
#welfare {
	margin-bottom:70px;
}
.letter2{
	margin: 0 auto;
	padding: 0 10px;
	color: #1E0E07;
	font-size:14px;
	line-height: 2.3em;
	margin-bottom: 20px;
}
.philosophy .title {
	margin-bottom: 25px;
	color: #e60013;
	font-weight: bold;
	font-size: 41px;
	font-family: 'Helvetica', sans-serif;
}
.philosophy .title span {
	display: block;
	font-size: 15px;
}
.philosophy  .headline3 {
	margin-bottom: 50px;
}
.boxActLove {
	display: flex;
	flex-direction: column;
}
.boxActLove li {
	display: flex;
	margin-bottom: 15px;
}
.boxActLove .image {
	width: 100px;
	margin-right: 16px;
}
.boxActLove .boxDetail {
	flex: 1;
}
.boxActLove .boxDetail .detail {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.6;
}
.boxActLove .boxDetail .sub {
	font-size: 11px;
	margin-top: 10px;
	line-height: 1.5;
}
.listValues {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 10px;
}
.listValues li {
	display: flex;
	width: calc(50% - 10px);
	margin-bottom: 40px;
}
.listValues .box {
	position: relative;
    top: 7px;
	width: calc(100% - 110px);
}
.listValues .icon{
	width: 70px;
	min-width: 70px;
	margin-right: 40px;
}
.listValues .icon img{
	width: 70px;
}
.listValues .ttl{
	font-weight: 700;
	font-size: 34px;
	font-family:"Montserrat", sans-serif;
    line-height: 1.2;
}
.listValues .text{
	font-weight: 700;
	font-size: 13px;
	line-height: 1.5;
}
@media screen and (max-width:736px) {
	.philosophy .headline3 {
		margin-bottom: 20px;
	}
	.listValues {
		padding-top: 0;
	}
	.listValues li {
		width: 100%;
		margin-bottom: 12px;
	}
	.listValues li:last-child {
		margin-bottom: 0;
	}
	.listValues .box {
		position: static;
		width: calc(100% - 70px);
	}
	.listValues .icon{
		position: relative;
		top: 3px;
		width: 50px;
		min-width: 50px;
		margin-right: 20px;
	}
	.listValues .icon img{
		width: 70px;
	}
	.listValues .ttl{
		font-size: 22px;
		line-height: 1.2;
	}
	.listValues .text{
		font-size: 12px;
	}
}
/*==================================================================
	2. Page Message style
===================================================================*/
.letter,
.textAuthor {
	max-width: 676px;
	margin: 0 auto;
	padding: 0 10px;
	color: #1E0E07;
	font-size:14px;
	line-height: 2.3em;
}
.letter {
	padding-bottom:32px;
}
.content .letterLast {
	padding-bottom:68px;
}
.textAuthor {
	padding-bottom:105px;
	text-align:right;
}
.textAuthor strong {
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width:992px) {
	.contentList .dateTime01 {
		position:initial;
	}
}
@media screen and (max-width:736px) {
	#contents .contentBox {
		margin-bottom:40px;
		padding-top:12px;
	}
	.population .title {
		padding: 10px 25px;
		font-size:11px;
	}
	.comparative {
		margin-bottom:20px;
	}
	.comparative .image {
		padding:2% 10%;
	}
	.dateTime {
		font-size:9px;
	}
	.boxAge .contentList  .text01 {
		font-size:10px;
	}
	.tableYear .year {
		font-size:9px;
	}
	.tableYear .numberPerson {
		font-size:10px;
	}
	.managementRight {
		font-size:11px;
	}
	#pageCompany .maps {
		padding:5px 0 5px 15px;
		background-size: 10px;
	}
	.population .comparative,
	.population .comparativeDetail {
		float:left;
		width:100%;
	}
	.managementLeft,
	.managementRight {
		float:left;
		display:inline-block;
		width:100%;
		margin-bottom:20px;
	}
	.managementRight {
		padding-left:10px;
	}
	.boxMood {
		margin-top:20px;
		margin-top:10px;
	}
	#contents .boxAge:last-child {
		margin-bottom:0;
	}
	.boxMood {
		margin-left:0;
	}
	.tableYear .year {
		padding:4px;
	}
	.tableYear .numberPerson {
		padding:6px 4px;
	}
	.txt {
		font-size: 10px;
	}
	.letter {
		padding-bottom:20px;
		font-size:10px;
	}
	.content .letterLast {
		padding-bottom:34px;
	}
	.textAuthor {
		padding-bottom:50px;
		font-size:10px;
	}
	.textAuthor strong {
		font-size:13px;
	}
	#pageCompanysystem .titleBoxsystem  {
		margin:0 0 15px 0;
		font-size:13px;
	}
	#pageCompanysystem .infoDetail th {
		background:none;
		padding-left:0;
	}
	#pageCompanysystem .infoDetail td {
		padding-left:0;
	}
	#pageCompanysystem .imageSystem {
		margin: 0 0 35px 0;
	}
	#pageCompanysystem .blockInner {
		margin-bottom: 35px;
	}
	#welfare {
		margin-bottom:25px;
	}
	.boxActLove .boxDetail .sub {
		margin-top: 5px;
		font-size: 15px;
	}
}
@media screen and (max-width:375px) {
	.boxActLove li {
		flex-direction: column;
	}
	.boxActLove .image {
		margin: 0 auto 5px;
		max-width: 150px;
	}
	.boxActLove li {
		margin-bottom: 20px;
	}
	.boxActLove .image {
		width: 276px;
	}
}