@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */


/* ********************
トップページ ここから
******************** */

.main-visual {
	overflow: hidden;
}

.main-slider{
	z-index: 10;
}

.bx-wrapper .bx-viewport{
	border: none;
	left: 0;
}
.main-message{
	position: absolute;
	left: 0;
	color: #fff;
	z-index: 100;
}
.main-message-e{
	font-weight: bold;
	font-family: Arial;
	text-shadow: 0 0 20px #333;
}

.main-message-j{
	font-weight: bold;
	text-shadow: 0 0 20px #333;
}


/* 大見出し */
.head-index{
	margin: 0 0 0.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	color: #1f286f;
	line-height: 1.25;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}
/* 大見出し */


/* ボタン */
.btn-link{
	display: block;
	margin: 0 auto;
	color: #fff;
	background: #1f286f;
	text-align: center;
	text-indent: 0.06em;
	letter-spacing: 0.06em;
}
/* ボタン */


/* お問い合わせ */
.text-index-contact{
	line-height: 2;
	text-align: center;
}
/* お問い合わせ */


/* TOPICS */
.wrap-index-topics{
	
}
.wrap-index-topics:before {
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	background: url(../images/border_dotted.gif);
}
.wrap-index-topics:after {
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	background: url(../images/border_dotted.gif);
}
.box-index-topics:not(:last-child):after{
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	background: url(../images/border_dotted.gif);
}

.box-index-topics dd,
.box-index-topics dt{
	line-height: 1.5;
}
/* TOPICS */


/* 安全への取組み */
.text-index-safety{
	padding: 1em 0;
	line-height: 2;
	text-align: center;
}
/* 安全への取組み */


/* ********************
トップページ ここまで
******************** */


/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 791px) {
	/* ********************
	トップページ ここから
	******************** */
	.main-visual {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	.main-visual img{
		position: absolute;
		bottom: 0;
		left:0;
		right: 0;
		max-width: 4000px;
		height: auto;
	}
	
	.header{
		position: relative;
		z-index: 100;
	}
	.main-visual .slide{
		overflow: hidden;
	}
	.main-visual .inner{
		overflow: hidden;
		position: relative;
	}
	
	.main-message{
		bottom: 100px;
		text-align: right;
	}
	.main-message-e{
		margin-bottom: 0.6em;
		font-size: 146%;
		letter-spacing: 0.1em;
	}
	.main-message-j{
		font-size: 146%;
		letter-spacing: 0.1em;
	}
	.sizeM {
		font-size: 130%;
	}
	.sizeL {
		font-size: 160%;
		font-weight: bold;
	}
	.sizeLL {
		font-size: 300%;
		font-weight: bold;
		position: relative;
		bottom: -8px;
	}

	
	/* 大見出し */
	.head-index,
	.head-index span{
		font-size: 40px;
	}
	/* 大見出し */
	
	
	/* ボタン */
	.btn-link{
		width: 280px;
		line-height: 62px;
		font-size: 20px;
		border-radius: 31px;
	}
	/* ボタン */
	

	/* お問い合わせ */
	.section-index-contact{
		width: 100%;
		/*height: 500px;*/
	}
	.img-index-contact{
		position: absolute;
		z-index: 1;
	}
	/*
	.inner-index-contact{
		position: relative;
		left: 60px;
		padding: 107px 0;
		width: 400px;
		height: 100%;
		background: rgba(255,255,255,0.7);
		z-index: 10;
		box-sizing: border-box;
	}
	*/
	.text-index-contact p:not(:last-child){
		margin-bottom: 2em;
	}
	/* お問い合わせ */
	
	
	/* TOPICS */
	.wrap-index-topics{
		height: auto;
		padding-left:50px;
		padding-right:50px;
		box-sizing: border-box;
		margin-bottom: 46px;
	}
	.box-index-topics dd,
	.box-index-topics dt{
		float: left;
		line-height: 1em;
		padding: 34px 0;
		font-size: 80%;
	}
	.box-index-topics dd{
		width: 20%;
		text-align: left;
		color: #f00;
	}
	.box-index-topics dt{
		width: 80%;
	}
	/* TOPICS */
	
	
	/* 社員インタビュー */
	.section-index-staff{
		padding: 25px 0;
	}
	.slider-staff{
		margin-bottom: 30px;
	}
	.slider-staff li{

	}
	/* 社員インタビュー */
	
	
	/* 安全への取組み */
	.box-col2{
		width: 480px
	}
	/* 安全への取組み */
	
	
	/* プロフィールムービー */
	.iframe-youtube{
		margin-bottom: 20px;
	}
	/* プロフィールムービー */
	
	/* ********************
	トップページ ここまで
	******************** */
}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 790px) {
	/* ********************
	トップページ ここから
	******************** */
	.main-visual{
		position: relative;
		margin-top: 11.5vw;
	}
	.main-visual img {
		width: 100%;
		height: auto;
	}
	
	.main-message{
		bottom: 5vw;
	}
	.main-message-e{
		margin-bottom: 0.25em;
		font-size: 6.5vw;
		line-height: 1.25;
		letter-spacing: 0.05em;
	}
	.main-message-j{
		font-size: 3.3vw;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	
	.header{
		position: fixed!important;
		top: 0!important;
		z-index: 9000;
	}
	
	/* 大見出し */
	.head-index,
	.head-index span{
		margin-bottom: 1em;
		font-size: 6vw;
		font-weight: bold;
	}
	/* 大見出し */
	
	
	/* ボタン */
	.btn-link{
		width: 60%;
		line-height: 3;
		font-size: 4vw;
		border-radius: 1.5em;
	}
	/* ボタン */
	
	
	/* お問い合わせ */
	.img-index-contact{
		margin-bottom: 1em;
	}
	.text-index-contact p{
		margin-bottom: 1em;
	}
	/* お問い合わせ */
	
	
	/* TOPICS */
	.wrap-index-topics{
		height: 70vw;
	}
	.box-index-topics{
		padding: 1em;
	}
	.box-index-topics dd{
		margin-bottom: 0.25em;
	}
	.box-index-topics dt{

	}
	/* TOPICS */
	
	/* 社員インタビュー */
	.section-index-staff{
		padding: 25px 0;
	}
	.slider-staff{
		margin-bottom: 1em;
		height: 25vw;
	}
	.slider-staff li {
	}
	.slider-staff img{
		width: 100%;
		height: auto;
	}
	/* 社員インタビュー */
	
	
	/* 安全への取組み */
	.section-index-safety{
		margin: 0 0 5vw;
	}
	.text-index-safety{
		font-size: 3.3vw;
	}
	/* 安全への取組み */
	
	
	/* プロフィールムービー */
	.iframe-youtube{
		margin-bottom: 3vw;
		width: 100%;
		height: 52vw;
	}
	.btn-facebook{
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.btn-facebook img{
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
		height: auto;
	}
	/* プロフィールムービー */
	
	/* ********************
	トップページ ここまで
	******************** */
}


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */