/*!
 * index.css
 */

 


#mainvisual {
	display: block;
	position: relative;
	width: 100%;
	height: 600px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #f3f3f3;
	background-image: url(../images/mvbg_01.jpg);
	background-position: center top;
	background-size: cover;
}

.mainvisual-inner {
	display: block;
	position: relative;
	width: 95%;
	max-width: 1800px;
	height: 600px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}



.mv_title {
	display: block;
	position: absolute;
	margin: 0 0 0 -360px;
	padding: 0 0 0 0;
	top: 130px;
	left: 50%;
	width: 720px;
	height: 100px;
}

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

	.mv_title {
		display: block;
		position: absolute;
		margin: 0 0 0 -310px;
		padding: 0 0 0 0;
		top: 130px;
		left: 50%;
		width: 620px;
		height: 86px;
	}

}

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

	.mv_title {
		display: block;
		position: absolute;
		margin: 0 0 0 -270px;
		padding: 0 0 0 0;
		top: 130px;
		left: 50%;
		width: 540px;
		height: 75px;
	}

}

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

	.mv_title {
		display: block;
		position: absolute;
		margin: 0 0 0 -200px;
		padding: 0 0 0 0;
		top: 130px;
		left: 50%;
		width: 400px;
		height: 56px;
	}

}

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

	.mv_title {
		display: block;
		position: absolute;
		margin: 0 0 0 -150px;
		padding: 0 0 0 0;
		top: 130px;
		left: 50%;
		width: 300px;
		height: 42px;
	}

}










/* ABOUT US */

#about-index {
	display: block;
	position: relative;
	width: 90%;
	max-width: 1400px;
	height: auto;
	padding: 0 0 0 0;
	margin: -70px auto 0 auto;
	z-index: 100;
}

.about-index-inner {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1400px;
	height: auto;
	min-height: 520px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #fff;
  box-shadow: 0px -1px 10px 4px rgba(148, 148, 148, 0.45);
	overflow: hidden;
}

.about_left {
	display: block;
	position: relative;
	padding: 80px 24px 60px 105px;
	margin: 0 0 0 0;
	width: 63%;
	height: auto;
	float: left;
	overflow: hidden;
}

.about_right {
	display: block;
	position: relative;
	width: 37%;
	height: auto;
	min-height: 520px;
	background-image: url(../images/about_img.png);
	background-position: left bottom;
	background-size: cover;
	float: left;
	overflow: hidden;
}



.about-title {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.2em;
	line-height: 160%;
	font-family: 'Noto Sans JP', sans-serif;
	color: #855e35;
	font-weight: 700;
	letter-spacing: 2px;
}

.about-sub-title {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 2.6em;
	line-height: 130%;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555555;
}

.about-sub-title span {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.5em;
	line-height: 140%;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555555;
}

.about-lead {
	display: block;
	position: relative;
	padding: 22px 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.24em;
	line-height: 180%;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555555;
}

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

	.about_left {
		display: block;
		position: relative;
		padding: 50px 24px 60px 65px;
		margin: 0 0 0 0;
		width: 76%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.about_right {
		display: block;
		position: relative;
		width: 24%;
		height: auto;
		min-height: 520px;
		background-image: url(../images/about_img.png);
		background-position: left bottom;
		background-size: cover;
		float: left;
		overflow: hidden;
	}

}

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

	.about_left {
		display: block;
		position: relative;
		padding: 50px 24px 60px 45px;
		margin: 0 0 0 0;
		width: 80%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.about_right {
		display: block;
		position: relative;
		width: 20%;
		height: auto;
		min-height: 520px;
		background-image: url(../images/about_img.png);
		background-position: left bottom;
		background-size: cover;
		float: left;
		overflow: hidden;
	}

	.about-sub-title br {
		display: none;
	}

	.about-sub-title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 2.2em;
		line-height: 130%;
		font-weight: 900;
		font-family: 'Noto Sans JP', sans-serif;
		color: #555555;
	}
	
	.about-sub-title span {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 1.5em;
		line-height: 140%;
		font-weight: 700;
		font-family: 'Noto Sans JP', sans-serif;
		color: #555555;
	}

}

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

	.about_left {
		display: block;
		position: relative;
		padding: 40px 45px 60px 45px;
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
		float: none;
		overflow: hidden;
	}
	
	.about_right {
		display: none;
	}

}

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

	.about_left {
		display: block;
		position: relative;
		padding: 28px 18px 60px 18px;
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
		float: none;
		overflow: hidden;
	}
	
	.about-sub-title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 1.4em;
		line-height: 140%;
		font-weight: 700;
		font-family: 'Noto Sans JP', sans-serif;
		color: #555555;
	}
	
	.about-sub-title span {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 1.3em;
		line-height: 160%;
		font-weight: 700;
		font-family: 'Noto Sans JP', sans-serif;
		color: #555555;
	}

}










/* 会社概要 */

#company-index {
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 600px;
	padding: 80px 0 60px 0;
	margin: 40px auto 0 auto;
	background: #faf7f3;
	overflow: hidden;
}

.company-title {
	display: block;
	position: relative;
	padding: 0 0 60px 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 3em;
	line-height: 120%;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555555;
}

.company-title span {
	display: block;
	position: relative;
	padding: 0 0 10px 0;
	font-size: 0.36em;
	line-height: 120%;
	color: #855e35;
	font-weight: 700;
	letter-spacing: 2px;
}

.company-index-inner {
	display: block;
	position: relative;
	width: 95%;
	max-width: 880px;
	height: auto;
	min-height: 540px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

.company-index-inner ul {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.company-index-inner ul li {
	display: block;
	position: relative;
	width: 100%;
	height: 78px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.5em;
	line-height: 78px;
}

.company-index-inner ul li .master {
	display: block;
	position: relative;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555;
	width: 280px;
	height: 78px;
	line-height: 78px;
	border-bottom: 1px solid #855e35;
	float: left;
}

.company-index-inner ul li .slave {
	float: left;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555;
	padding: 0 0 0 0;
	margin: 0 0 0 50px;
}

.company-index-inner ul li .slave br {
	display: none;
}

.company-index-inner ul li .mark {
	display: block;
	position: absolute;
	top: 0;
	right: -12px;
}





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

	.company-index-inner ul li {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		min-height: 74px;
		padding: 0 0 10px 22px;
		margin: 0 0 24px 0;
		font-size: 1.4em;
		line-height: 140%;
		border-bottom: 1px solid #855e35;
	}
	
	.company-index-inner ul li .master {
		display: block;
		position: relative;
		font-weight: 700;
		font-family: 'Noto Sans JP', sans-serif;
		color: #555;
		width: 100%;
		height: 28px;
		line-height: 160%;
		border-bottom: none;
		float: none;
		font-size: 0.9em;
	}
	
	.company-index-inner ul li .slave {
		float: none;
		font-weight: 400;
		font-family: 'Noto Sans JP', sans-serif;
		color: #555;
		padding: 3px 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
	}

	.company-index-inner ul li .mark {
		display: block;
		position: absolute;
		top: -6px;
		right: 24px;
	}

}


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

	.company-index-inner ul li .slave br {
		display: block;
	}

	.company-index-inner ul li .mark {
		display: block;
		position: absolute;
		top: 14px;
		right: 24px;
	}

}

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

	.company-index-inner ul li {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		min-height: 74px;
		padding: 0 16px 10px 16px;
		margin: 0 0 24px 0;
		font-size: 1.3em;
		line-height: 140%;
		border-bottom: 1px solid #855e35;
	}
	
}








/* 事業内容 */

#busi-index {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 650px;
	padding: 80px 0 0 0;
	margin: 0 auto 60px auto;
	background: #fff;
	overflow: hidden;
}

.busi-title {
	display: block;
	position: relative;
	padding: 0 0 80px 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 3em;
	line-height: 120%;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555555;
}

.busi-title span {
	display: block;
	position: relative;
	padding: 0 0 10px 0;
	font-size: 0.36em;
	line-height: 120%;
	color: #855e35;
	font-weight: 700;
	letter-spacing: 2px;
}

.busi-index-inner {
	display: block;
	position: relative;
	width: 95%;
	max-width: 1140px;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

.busi-index-inner ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.busi-index-inner ul .busi-kind {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 1.5% 0 1.5%;
	width: 30%;
	max-width: 348px;
	height: auto;
	float: left;
}

.busi-icon {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: -12px;
	left: -8px;
	z-index: 100;
}

.busi-img {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: auto;
	max-width: 320px;
	height: auto;
	z-index: 90;
}

.busi-img img {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
	width: 100%;
	height: auto;
}

.busi-en-txt {
	display: block;
	position: relative;
	padding: 0 0 4px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height: 120%;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #9d9d9d;
	letter-spacing: 1px;
}

.busi-part01 {
	display: block;
	position: relative;
	padding: 0 0 22px 0;
	margin: 0 0 0 0;
	font-size: 1.8em;
	line-height: 120%;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	color: #748aac;
}

.busi-part02 {
	display: block;
	position: relative;
	padding: 0 0 22px 0;
	margin: 0 0 0 0;
	font-size: 1.8em;
	line-height: 120%;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	color: #f98487;
}

.busi-part03 {
	display: block;
	position: relative;
	padding: 0 0 22px 0;
	margin: 0 0 0 0;
	font-size: 1.8em;
	line-height: 120%;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	color: #883f00;
}

.busi-feat {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	max-width: 348px;
}

.busi-feat ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	max-width: 348px;
	list-style: none;
}

.busi-feat ul li {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 1% 6px 1%;
	width: 31.3%;
	max-width: 108px;
	height: 32px;
	line-height: 32px;
	float: left;
	text-align: center;
	font-size: 0.9em;
	color: #010101;
	background-color: #dadbdb;
	border-radius: 6px;
}

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

	.busi-index-inner ul .busi-kind {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 120px auto;
		width: 100%;
		max-width: 348px;
		height: auto;
		float: none;
	}

}

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

	.busi-icon {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: -24px;
		left: 12px;
		z-index: 100;
	}

	.busi-en-txt {
		text-align: center;
	}

	.busi-part01,
	.busi-part02,
	.busi-part03 {
		text-align: center;
	}

	.busi-feat ul li {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 6px auto;
		width: 80%;
		max-width: 280px;
		height: 32px;
		line-height: 32px;
		float: none;
		text-align: center;
		font-size: 0.9em;
		color: #010101;
		background-color: #dadbdb;
		border-radius: 6px;
	}

}













/* map */

#map-index {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 900px;
	padding: 80px 0 0 0;
	margin: 0 0 0 0;
	background: #fff;
	overflow: hidden;
}

@media only screen and (max-width: 630px) {
	
#map-index {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 900px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #fff;
	overflow: hidden;
}	
	
	
}

.map-title {
	display: block;
	position: relative;
	padding: 0 0 25px 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 3em;
	line-height: 120%;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555555;
}

.map-title span {
	display: block;
	position: relative;
	padding: 0 0 10px 0;
	font-size: 0.36em;
	line-height: 120%;
	color: #855e35;
	font-weight: 700;
	letter-spacing: 2px;
}

.map-index-inner {
	display: block;
	position: relative;
	width: 100%;
	height: 800px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*background-color: #f6f6f6;*/
}

.map-index-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}