.section_header{
	width:1010px;
	margin:0 auto 60px;
	position:relative;
}

.section_header_img_wrap{
	display:block;
	width:1015px;
	height:430px;
	overflow:hidden;
	position:absolute;
	left:20%;
	top:0;
}

.section_header_img{
	position:relative;
}

.section_header_img_w, .section_header_img_b {
	position: absolute;
	left: 0;
	top: 0;
	background: #000000;
	height: 0;
	/* padding: 62.5% 0 0; */
	width:100%;
	height: 100%;
	z-index: 90;
}

.section_header_img_w{
	background: #008000;
}

.section_header_img_logo{
	position:absolute;
	top:50%;
	left:50%;
	width:220px;
	transform:translate(-50%, -50%);
	z-index: 100;
}

.section_header h2 span{
	display:inline-block;
	/* font-family: 'Anton', sans-serif; */
	font-weight:bold;
	font-size:54px;
	color:#000;
	transform:rotate(90deg) translate(70px, 80px);
	width:220px;
}

.subpage .section_header_img_wrap{
	width:auto;
	height:auto;
	position:static;
}

.subpage .section_header h2{
	padding:20px 0 0;
	position:relative;
}

.subpage .section_header h2:after{
	content:"";
	display:block;
	width:20px;
	height:5px;
	background:#f3f3f3;
	position:relative;
	left:50%;
	bottom:-20px;
	margin-left:-10px;
}

.subpage .section_header h2 span{
	display:block;
	font-weight:bold;
	font-size:38px;
	color:#000;
	transform:rotate(0) translate(0, 0);
	width:auto;
	text-align:center;
}

.subpage .section_header h2 span.en{
	font-weight:normal;
	font-size:18px;
}

.section_main{
	background:url("../images/top/bg_section.png") no-repeat center center;
	background-size: cover;
	padding:330px 0 0;
}

.subpage .section_main{
	padding:0;
}

/* *****  トップページ ***** */
/* ABOUT */
#top .about{
	color:#fff;
	padding-bottom:0;
}

#top .about_table{
	width:100%;
}

#top .about_table th,
#top .about_table td{
	border:1px solid #999;
	padding:20px;
}

#top .about_table th{
	width:200px;
	background: #f3f3f3;
	/* color:#fff; */
	font-weight:bold;
}

/* FEATURE */
#top .feature .section_header:after{
	background-image:url("../images/top/img_feature.png")
}

.timeline{
	max-width:660px;
	margin: 0 auto;
}

.timeline > li {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	overflow: hidden;
	margin: 0;
	position: relative;
}
.timeline-date {
	width: 110px;
	padding-top: 20px;
}
.timeline-content {
	flex:1;
	border-left: 3px #e5e5d1 solid;
	padding: 20px 0 0 30px;
}

.timeline-content h3{
	font-size:14px;
}
.timeline-content:before {
	content: '';
	width: 12px;
	height: 12px;
	background: #008000;
	position: absolute;
	left: 106px;
	top: 24px;
	border-radius: 100%;
}

/***** 経営理念 *****/
.concept_box{
	font-size:1.3em;
	line-height:2em;
}

.concept_box_title{
	color: #008000;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 30px;
	font-family: 'Noto Serif JP', serif;
}

.concept_box_text{
	font-family: 'Noto Serif JP', serif;
	margin:0 0 20px;
}

.concept_box_name{
	text-align:right;
	font-size:0.8em;
}

.concept_box_name span{
	font-family: 'Noto Serif JP', serif;
	font-size:1.8em;
	font-weight:bold;
}

.concept_desc{
	margin:30px 0 0;
	background:#f3f3f3;
	padding:20px 20px 1px;
}

.kihon{
	background:#f3f3f3;
}

.sonzai{
	background: #efefef;
}

.kihon_list,
.sonzai_list{
	font-family: 'Noto Serif JP', serif;
	font-size:1.4em;
	font-weight:bold;
	padding:20px 20px 1px 40px;
	background:#fff;
	box-shadow: 0 0 4px 2px rgb(80 80 80 / 10%);
	color: #008000;
	margin:0 0 20px;
}

/***** 人事理念 *****/
.ikusei{
	padding-top:0;
}

.philosophy ul li{
	margin: 10px 0 0;
	padding:0 0 0 1.5em;
	position: relative;
}

.philosophy ul li:first-child{
	margin:0;
}

.philosophy ul li:after{
	content:"";
	display: block;
	width:4px;
	height:4px;
	position: absolute;
	top:9px;
	left:4px;
	background:#008000;
}

.philosophy_box_title{
	font-family: 'Noto Serif JP', serif;
	font-size:1.8em;
	font-weight:bold;
	color:#008000;
	text-align:center;
	margin:0 0 30px;
}

.philosophy_box_title span{
	display:block;
	font-size: 16.5px;
	padding:10px 0 0;
}

.philosophy_img{
	text-align:center;
}

.philosophy_link{
	padding:30px 0 0;
}

.philosophy_link a{
	display: block;
	background: rgba(100, 100, 100, 1) no-repeat 80% center;
	background-size: contain;
	padding: 20px 40px 20px 40px;
	text-align:center;
	color: #fff;
	position: relative;
	cursor: pointer;
	text-decoration:none;
	width:100%;
	max-width:400px;
	margin:0 auto;
	font-weight: bold;
	font-size: 22px;
}

.philosophy_link a:after {
	content: "";
	display: block;
	width: 31px;
	height: 31px;
	background: url("https://2rinkan.mom/assets/images/common/icon_arrow.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -15px;
}
﻿

/***** ポリシー *****/
.about.sns{
	padding-top:0;
}

.about.sns{
	padding-top:0;
}

.about.kanyu{
	padding-top:0;
}

/***** お問い合わせ *****/
.qa_item{
	margin:0 0 30px;
}

.qa_item_q{
	background:#f3f3f3;
	border-left:3px solid #008000;
	padding:10px;
	margin:0 0 20px;
}

.qa_item ul{
	margin:0 0 5px;
}

.qa_item li{
	position:relative;
	padding:0 0 0 1em;
	margin:5px 0 0;
}
.qa_item li:after{
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-radius:100px;
	background:#008000;
	position:absolute;
	top:9px;
	left:4px;
}

.contact .attention{
	background:#f3f3f3;
	padding:20px;
	margin:0 0 20px;
}

.contact .attention p{
	margin:0 0 10px;
}

.contact .attention ul li{
	margin: 10px 0 0;
	padding:0 0 0 1.5em;
	position: relative;
}

.contact .attention ul li:first-child{
	margin:0;
}

.contact .attention ul li:after{
	content:"";
	display: block;
	width:4px;
	height:4px;
	position: absolute;
	top:9px;
	left:4px;
	background:#008000;
}

.contact .mail{
	padding:20px 0 0;
	text-align:center;
}

.contact .mail a{
	font-size:1.2em;
	display:inline-block;
}

@media screen and (max-width: 767px){
	.section_header{
		width:auto;
		margin:0;
	}

	.subpage .section_header{
		margin: 0 auto 30px;
	}
	
	.section_header_img_wrap{
		width:auto;
		height:auto;
		position:static;
	}

	.section_header h2 span{
		font-size:34px;
		transform:rotate(0) translate(0, 0);
		width:auto;
		padding:0 10px;
	}

	.subpage .section_header h2 span{
			font-size:26px;
	}

	.subpage .section_header h2 span.en{
		font-size:14px;
	}


	.section_main{
		padding:20px 0 0;
	}

	/* *****  トップページ ***** */
	/* ABOUT */
	#top .about_table,
	#top .about_table tbody{
		width:100%;
	}
	
	#top .about_table th,
	#top .about_table td{
		padding:10px;
	}
	
	#top .about_table th{
		width:100px;
	}

	/* FEATURE */
	.timeline-date {
		width: 60px;
	}
	
	.timeline-content{
		padding-left:20px;
	}
	
	.timeline-content h3{
		font-size:13px;
	}

	.timeline-content:before {
		left: 56px;
	}

	/***** 経営理念 *****/
	.concept_box_title{
		font-size:1.1em;
		margin:0 0 20px;
	}

	.concept_box_name span{
		font-size:1.4em;
	}
	
	.concept_desc{
		padding:10px;
	}

	.kihon_list,
	.sonzai_list{
		font-size:1.2em;
		padding:20px 4px 1px 10px;
	}

	/***** 人事理念 *****/
	.philosophy_box_title{
		font-size:1.05em;
		margin:0 0 20px;
	}

	.philosophy_box_title span{
		font-size: 13.5px;
	}

	.philosophy_link a{
		font-size: 18px;
	}
}


