/* CSS Document */
.sec01{
	margin-top: 120px;
}

.sec01 .inner_area{
	margin: 40px auto;
}

.pagelink_area{
	margin: 95px auto;
}
.pagelink_area .pagelink_inner{
	display: flex;
	justify-content: center;
}

	.pagelink_area .pagelink_inner li{
		padding: 0 0 0 40px;
		font-size: 18px;
	}

	.pagelink_area .pagelink_inner li:first-child{
		padding-left: 0;
	}

	.pagelink_area .pagelink_inner li a:hover{
		text-decoration: underline;
	}

	.pagelink_area .pagelink_inner li:after{
		content: "|";
		padding-left: 40px;
	}
	.pagelink_area .pagelink_inner li:last-child:after{
		display: none;
	}

#greeting,
#profile,
#b_content,
#history,
#environmental{
	margin-bottom: 100px;
}

.company #greeting .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	text-align: justify;
	line-height: 1.6;
}

.company #profile .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 40px auto;
}

.company #b_content .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 60px auto;
}

.company #rinen .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 60px auto;
}
	.company #rinen .inner_area p{
		font-size: 26px;
		margin-bottom: 15px;
	}

.company #rinen{
	margin: 120px auto;
}

.company #conduct .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 60px auto;
	text-align: left;
}

.company #conduct .inner_area ol li{
	margin: 0 auto 20px;
}

.company #conduct .inner_area p{
	margin: 0 auto 20px;
}

.company #history .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 60px auto;
}

.company #environmental .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 60px auto;
}

.company h3{
	margin-bottom: 40px;
	text-align: center;
}

.flex{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.left_box{
	width: 71%;
	margin-right: 2%;
	text-align: left;
}

.left_box p{
	margin-bottom: 30px;
}

.right_box figcaption{
	font-size: 13px;
	padding-top: 5px;
}

.b_content_box{
	margin-bottom: 40px;
	text-align: left;
}

.b_content_box .ttl{
	font-weight: bold;
	margin-bottom: 10px;
}

.history_img{
	width: 25%;
	margin-top: 10px;
}

#environmental .inner_area{
	text-align: left;
}

#environmental .inner_area .inner{
	margin: 40px auto 60px;
}

#environmental .inner_area .inner figure{
	width: 50%;
	margin: 40px auto;
}

.atention_box{
	background: #f5f0eb;
	padding: 20px;
	font-size: 13px;
}

.atention_box > div:first-child{
	margin: 0 auto 20px;
}

.atention_box > div .ttl{
	margin-bottom: 10px;
	font-weight: bold;
}

.atention_box a{
	text-decoration: underline;
}
	.atention_box a:hover{
		text-decoration: none;
	}

.att{
	font-size: 13px;
	margin-top: 5px;
}

#access .inner_area{
	max-width: 900px;
	width: 100%;
	margin: 60px auto;
}

#profile .tblStyle02 td.link a{
	text-decoration: underline;
}
#profile .tblStyle02 td.link a:hover{
	text-decoration: none;
}

.tbl_details{
	margin: 60px 0 25px;
}

.tbl_details tr{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 15px;
}
	.tbl_details tr:last-child{
		margin-bottom: 0;
	}

.tbl_details th{
	background: #382816;
	text-align: center;
	min-width: 118px;
	margin-right: 30px;
	color: #fff;
	padding: 5px;
	display: block;
}

.tbl_details td{
	text-align: left;
	padding-top: 7px;
}

.tbl_details td span{
	display: inline-block;
	padding-right: 5px;
}
.tbl_details td div{
	display: inline-block;
	background: #333333;
}
	
.tbl_details td div a{
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	font-size: 13px;
}
	.tbl_details td div a:hover{
		text-decoration: underline;
	}

@media screen and (max-width: 995px) {
	.sec01{
		margin-top: 40px;
	}
	
	.pagelink_area .pagelink_inner li{
		padding: 0 0 0 20px;
	}
	
	.pagelink_area .pagelink_inner li::after {
		padding-left: 20px;
	}
}

@media screen and (max-width: 640px) {
	.pagelink_area{
		margin: 0;
	}
	
	.pagelink_area .pagelink_inner {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	.pagelink_area .pagelink_inner li {
		background: #ddd;
		width: 50%;
		padding: 0;
			padding-left: 0px;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	
	.pagelink_area .pagelink_inner li a {
		display: block;
		padding: 10px;
		font-size: 16px;
	}
	
	.pagelink_area .pagelink_inner li::after {
		display: none;
	}
	
	#greeting .flex{
		flex-direction: column-reverse;
	}
	
	#profile{
		margin-bottom: 40px;
	}
	
	.left_box{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	
	.company #rinen{
		margin: 80px auto;
	}
	
	.company #rinen .inner_area{
		margin: 0 auto;
		padding: 40px 15px;
	}
	
	.company #rinen .inner_area p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	#environmental .inner_area .inner .flex{
		display: block;
	}
	
	#environmental .inner_area .inner .flex .mr20{
		margin-right: 0 !important;
	}
	
	.history_img{
		width: 50%;
	}
	
	#environmental .inner_area .inner figure{
		width: 70%;
		text-align: center;
	}
	
	.tbl_details{
		width: 100%;
	}
	
	.tbl_details tr{
		display: block;
		margin-bottom: 5px;
	}
	
	.tbl_details th{
		margin-right: 0;
	}
	
	.tbl_details td{
		width: 100%;
	}
}

@media screen and (max-width: 360px) {
	.pagelink_area .pagelink_inner li a{
		font-size: 14px;
	}
}