@charset "UTF-8";


/*****************************************************
　会社概要 
*****************************************************/
/* top-visual
------------------------------------------------- */
/* ----- breadcrumb ----- */
.breadcrumb{
	padding:60px 0 0;
}
/* ----- top-largetext ----- */
#top-visual .top-largetext{
	font-size:40px;
	font-size:4.0rem;
	font-weight:700;
	line-height:1.2;
	margin:50px 0 60px;
}
#top-visual .top-largetext span{
	font-size:inherit;
	color:#eda314;
}
/* s-block
------------------------------------------------- */
#s-block{
	background:#f5af27;
	text-align:center;
	padding:75px 0 70px;
}
#s-block .largetext{
	font-size:36px;
	font-size:3.6rem;
	font-weight:700;
	line-height:1.5;
}
.s-block-area{
	margin:50px 0 0;
	display:flex;
}
.s-block{
	width:45%;
}
.s-block + .s-block{
	margin:0 0 0 10%;
}
.s-block dl{
	margin:35px 0 0;
}
.s-block dl dt{
	font-size:32px;
	font-size:3.2rem;
	font-weight:700;
	line-height:1.3;
	margin:0 0 15px;
}
.s-block dl dd ul{
	list-style-type:none;
}
.s-block dl dd ul li{
	font-size:20px;
	font-size:2.0rem;
	font-weight:700;
	line-height:1.3;
	padding:0 0 0 28px;
	display:inline-block;
	position:relative;
}
.s-block dl dd ul li + li{
	margin:5px 0 0;
}
.s-block dl dd ul li:before{
	content:'';
	background:url('../img/company/check-circle.png') no-repeat center center;
	width:20px;
	height:20px;
	margin:-10px 0 0;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	z-index:0;
}
/* 会社概要
------------------------------------------------- */
#company{
	padding:100px 0;
}
/* ----- テーブル ----- */
#company-date{
	width:100%;
	margin:50px 0 40px;
}
#company-date th,
#company-date td{
	line-height:1.3;
	vertical-align:top;
}
#company-date th{
	background:#ececec;
	width:32%;
	font-weight:700;
	text-align:left;
	padding:20px 30px;
}
#company-date td{
	background:#f2f2f2;
	padding:20px 28px;
}
/* ----- ボタン ----- */
.company-btn{
	max-width:1230px;
	width:95%;
	font-size:0;
	text-align:center;
	margin:0 auto;
}
.c-btn{
	background:#f5af27;
	max-width:380px;
	width:100%;
	font-size:20px;
	font-size:2.0rem;
	color:#1e1e1e;
	text-align:center;
	line-height:1.5;
	margin:0 15px 15px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.c-btn a{
	color:inherit;
	padding:20px 70px;
	display:block;
}
.c-btn a:after{
	content:'';
	border-left:1px solid #da9309;
	background:url('../img/common/btn_arrow2.png') no-repeat center center;
	background-size:70px auto;
	-webkit-background-size:70px auto;
	width:70px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}
.c-btn.download a{
	padding:5px 70px;
}
.c-btn.download a:after{
	background:url('../img/common/arrow-down-circle.png') no-repeat center center;
}
/* メッセージ
------------------------------------------------- */
#message{
	background:#f7f7f7;
	padding:90px 0 150px;
	position:relative;
	z-index:0;
	overflow:hidden;
}
#message:before,
#message:after{
	content:'';
	max-width:1070px;
	width:100%;
	height:1029px;
	display:block;
	position:absolute;
	right:0;
	z-index:-1;
}
#message:before{
	background:url('../img/company/m_bg.png') no-repeat right top;
	background-size:contain;
	-webkit-background-size:contain;
	top:0;
}
#message:after{
	background:url('../img/company/m_bg.png') no-repeat right bottom;
	background-size:contain;
	-webkit-background-size:contain;
	bottom:0;
}
#message > .inner:before{
	content:'';
	background:url('../img/company/m_bg2.png') no-repeat left top;
	background-size:contain;
	-webkit-background-size:contain;
	max-width:1084px;
	width:100%;
	height:1029px;
	margin:-515px 0 0;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	z-index:-1;
}
.m-block{
	max-width:840px;
	width:70%;
}
.m-block:first-child{
	margin:50px 0 0;
}
.m-block + .m-block{
	margin:100px 0 0;
}
.m-left{
	float:left;
}
.m-right{
	float:right;
}
.m-block figcaption{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.4;
	margin:25px 0 0;
}
.m-block .m-ttl{
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.4;
	color:#eda314;
	margin:5px 0 10px;
}
.m-block .text{
	margin:0 0 0 9%;
}
.m-block .text p{
	line-height:1.5;
}
.m-block .text p + p{
	margin:40px 0 0;
}
/* メインビジュアル写真について
------------------------------------------------- */
#main-visual-photo{
	background:#f7f7f7;
}
/* ----- mvp-contents ----- */
#mvp-contents{
	background:#efefef;
	margin:60px 0 0;
	padding:80px 0 100px;
}
#mvp-contents .img{
	max-width:440px;
	width:37%;
	float:left;
}
#mvp-contents .text{
	max-width:720px;
	width:60%;
	float:right;
}
.mvp-ttl{
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.3;
	color:#eda314;
	margin:0 0 15px;
}
#mvp-contents .text p{
	line-height:1.5;
}
/* profile */
#mvp-contents .profile{
	margin:50px 0 0;
}
#mvp-contents .profile dt{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 5px;
}
#mvp-contents .profile dt span{
	font-size:26px;
	font-size:2.6rem;
}
#mvp-contents .profile dd ul{
	font-size:0;
	margin:15px 0 0;
	list-style-type:none;
}
#mvp-contents .profile dd ul li{
	display:inline-block;
	vertical-align:top;
}
#mvp-contents .profile dd ul li + li{
	margin:0 0 0 10px;
}


@media screen and (max-width:768px){
	/*****************************************************
	　会社概要 
	*****************************************************/
	/* top-visual
	------------------------------------------------- */
	/* ----- breadcrumb ----- */
	.breadcrumb{
		padding:30px 0 0;
	}
	/* ----- top-largetext ----- */
	#top-visual .top-largetext{
		font-size:6.25vw;
	}
	#top-visual .top-largetext br{
		display:none;
	}
	/* s-block
	------------------------------------------------- */
	#s-block .largetext{
		font-size:5vw;
	}
	.s-block-area{
		display:block;
	}
	.s-block{
		width:100%;
	}
	.s-block + .s-block{
		margin:50px 0 0;
	}
	.s-block dl dt{
		font-size:5vw;
	}
	.s-block dl dd ul li{
		font-size:3.75vw;
	}
	/* 会社概要
	------------------------------------------------- */
	/* ----- ボタン ----- */
	.c-btn{
		font-size:3.75vw;
		line-height:1.5;
		margin:0 auto 15px;
	}
	.c-btn a:after{
		height:100%;
	}
	.c-btn a span{
		display:block;
	}
	/* メッセージ
	------------------------------------------------- */
	.m-block{
		width:100%;
	}
	.m-left,
	.m-right{
		float:none;
	}
	.m-block figcaption{
		font-size:3.12vw;
	}
	.m-block .m-ttl{
		font-size:4.06vw;
	}
	.m-block .text{
		margin:0;
	}
	.m-block .text p + p{
		margin:2em 0 0;
	}
}


@media screen and (max-width:640px){
	/*****************************************************
	　会社概要 
	*****************************************************/
	/* 会社概要
	------------------------------------------------- */
	/* ----- テーブル ----- */
	#company-date th,
	#company-date td{
		padding:10px 20px;
	}
}


@media screen and (max-width:480px){
	/*****************************************************
	　会社概要 
	*****************************************************/
	/* top-visual
	------------------------------------------------- */
	/* ----- breadcrumb ----- */
	.breadcrumb{
		padding:15px 0 0;
	}
	/* ----- top-largetext ----- */
	#top-visual .top-largetext{
		margin:25px 0 30px;
	}
	/* s-block
	------------------------------------------------- */
	#s-block{
		padding:40px 0 35px;
	}
	.s-block dl{
		margin:20px 0 0;
	}
	.s-block-area{
		margin:25px 0 0;
	}
	.s-block + .s-block{
		margin:40px 0 0;
	}
	.s-block dl dd ul li{
		padding:0 0 0 23px;
	}
	.s-block dl dd ul li:before{
		background-size:contain;
		-webkit-background-size:contain;
		width:15px;
		height:15px;
		margin:-7px 0 0;
	}
	/* 会社概要
	------------------------------------------------- */
	#company{
		padding:50px 0;
	}
	/* ----- テーブル ----- */
	#company-date{
		margin:25px 0;
	}
	/* ----- ボタン ----- */
	.c-btn a{
		padding:20px 50px;
	}
	.c-btn a:after{
		background-size:50px auto;
		-webkit-background-size:50px auto;
		width:50px;
	}
	.c-btn.download a{
		padding:10px 50px;
	}
	.c-btn.download a:after{
		background-size:50px auto;
		-webkit-background-size:50px auto;
	}
	/* メッセージ
	------------------------------------------------- */
	#message{
		padding:45px 0 80px;
	}
	.m-block:first-child{
		margin:25px 0 0;
	}
	.m-block + .m-block{
		margin:50px 0 0;
	}
	.m-block .text p + p{
		margin:1.3em 0 0;
	}
	/* メインビジュアル写真について
	------------------------------------------------- */
	/* ----- mvp-contents ----- */
	#mvp-contents{
		margin:30px 0 0;
		padding:40px 0 50px;
	}
	#mvp-contents .img,
	#mvp-contents .text{
		width:100%;
		float:none;
	}
	#mvp-contents .img{
		max-width:none;
		margin:0 0 30px;
		text-align:center;
	}
	.mvp-ttl{
		font-size:4.06vw;
	}
	/* profile */
	#mvp-contents .profile{
		margin:25px 0 0;
	}
	#mvp-contents .profile dt{
		font-size:3.12vw;
	}
	#mvp-contents .profile dt span{
		font-size:4.06vw;
	}
}