@charset "utf-8";
/* CSS Document */

/************************************************************************************
MODIFICATION
*************************************************************************************/
.tit_top {
	color:#FFFFFF;
	font-size:15px;
	font-weight:500;
	line-height:41px;
	background-color:#CB0909;
	border-radius:5px;
	padding:0 10px;
	margin-bottom:45px;
	display:inline-block;
}
a.button05 {
	width:229px;
	height:67px;
	background-image:url(../images/common/button01.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	display:block;
	margin-top:50px;
	margin-right:auto;
	transition: all 0.4s;
}
a.button05:hover {
	background-image:url(../images/common/button01_over.png);
}
a.ghostButton {
	margin-bottom:15px;
}
@media only screen and (max-width: 1039px){
	.tit_top {
		font-size:12px;
		line-height:23px;
		padding:0 5px;
		margin-bottom:20px;
	}
	a.button05 {
		width:126px;
		height:38px;
		background-image:url(../images/common/button01_sp.png);
		margin-top:20px;
		margin-right:0;
		margin-left:auto;
	}
	a.button05:hover {
		background-image:url(../images/common/button01_sp_over.png);
	}
}
/************************************************************************************
INTRO
*************************************************************************************/
article#intro {
	min-width:100%;
	min-height:calc( 100vh - 89px );
	background-image:url(../images/top/intro_fv.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
	transform:scale(1);
	animation: vibe 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode:forwards;
	
	margin-bottom:55px;
}
@media only screen and (max-width: 1039px){
	article#intro {
		min-height:calc( 100vh - 50px );
		background-image:url(../images/top/intro_fv_sp.png);
		margin-top:-50px;
		margin-bottom:30px;
	}
}

/************************************************************************************
ABOUTWRAP
*************************************************************************************/
article#aboutWrap {
	height:600px;
	margin-bottom:30px;
}
article#aboutWrap section {
	position:relative;
}
article#aboutWrap section h2 {
	width:48%;
	color:#C40018;
	font-size:60px;
	font-weight:600;
	text-align:left;
	line-height:160%;
	margin-bottom:50px;
}
article#aboutWrap section p {
	width:48%;
	font-size:20px;
	font-weight:600;
	text-align:left;
	letter-spacing:3px;
	line-height:150%;
}
article#aboutWrap section figure {
	width:574px;
	height:377px;
	position:absolute;
	right:-100px;
	top:20px;
}
article#aboutWrap section figure img {
	width:100%;
	height:auto;
}
@media only screen and (max-width: 1039px){
	article#aboutWrap {
		height:auto;
		padding:0 20px;
		margin-bottom:30px;
	}
	article#aboutWrap section h2 {
		width:100%;
		font-size:25px;
		line-height:160%;
		margin-bottom:20px;
	}
	article#aboutWrap section p {
		width:100%;
		font-size:13px;
		letter-spacing:1px;
		line-height:150%;
	}
	article#aboutWrap section figure {
		width:100%;
		height:auto;
		position:inherit;
		right:0;
		top:0;
		margin-bottom:20px;
	}
}

/************************************************************************************
ADVANTAGEWRAP
*************************************************************************************/
article#advantageWrap {
	background-image:url(../images/top/about_bg.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:92px 0 244px;
	margin-bottom:50px;
}
article#advantageWrap h1 {
	color:#FFFFFF;
	font-size:45px;
	font-weight:600;
	text-align:left;
	line-height:160%;
	margin-bottom:35px;
}
article#advantageWrap h1 span {
	font-size:60px;
}
article#advantageWrap section div {
	width:24%;
	margin-left:1%;
	float:left;
}
article#advantageWrap section div:first-child {
	margin-left:0;
}
.advantage01, .advantage02, .advantage03, .advantage04 {
	font-size:16px;
	font-weight:500;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.advantage01 {
	background-image:url(../images/top/about_img02.png);
	padding:195px 20px 40px 30px;
}
.advantage02 {
	background-image:url(../images/top/about_img03.png);
	padding:195px 20px 40px 30px;
}
.advantage03 {
	background-image:url(../images/top/about_img04.png);
	padding:205px 20px 50px 30px;
}
.advantage04 {
	background-image:url(../images/top/about_img05.png);
	padding:216px 20px 61px 20px;
	text-align:center;
}
article#advantageWrap section span {
	font-size:14px !important;
}
@media only screen and (max-width: 1039px){
	article#advantageWrap {
		background-image:url(../images/top/about_bg_sp.png);
		background-size:cover;
		padding:92px 20px;
		margin-bottom:30px;
	}
	article#advantageWrap h1 {
		font-size:25px;
		line-height:160%;
		margin-bottom:20px;
	}
	article#advantageWrap h1 span {
		font-size:30px;
	}
	article#advantageWrap section div {
		width:100%;
		margin-left:0;
		float:none;
	}
	.advantage01, .advantage02, .advantage03, .advantage04 {
		width:310px;
		height:137px;
		font-size:13px;
		background-size:contain;
		margin:0 auto 15px;
	}
	.advantage01 {
		background-image:url(../images/top/about_img02_sp.png);
		padding:30px 10px 30px 50%;
	}
	.advantage02 {
		background-image:url(../images/top/about_img03_sp.png);
		padding:30px 10px 30px 50%;
	}
	.advantage03 {
		background-image:url(../images/top/about_img04_sp.png);
		padding:30px 10px 30px 50%;
	}
	.advantage04 {
		background-image:url(../images/top/about_img05_sp.png);
		padding:59px 17px 59px 50%;
	}
	.advantage04 p {
		text-align:left;
	}
	article#advantageWrap section span {
		font-size:13px !important;
	}
}

/************************************************************************************
SERVICEWRAP
*************************************************************************************/
article#serviceWrap {
	background-image:url(../images/top/service_bg.png);
	background-position:left bottom;
	background-size:78%;
	background-repeat:no-repeat;
	margin-bottom:50px;
	position:relative;
}
article#serviceWrap h2 {
	color:#C40018;
	font-size:45px;
	font-weight:600;
	text-align:left;
	line-height:160%;
	margin-bottom:35px;
}
article#serviceWrap h2 span {
	font-size:60px;
}
article#serviceWrap section {
	padding-bottom:330px;
}
article#serviceWrap section figure {
	width:695px;
	height:445px;
	position:absolute;
	right:-20px;
	top:106px;
}
article#serviceWrap section figure img {
	width:100%;
	height:auto;
}
article#serviceWrap section p {
	width:50%;
	font-size:20px;
	font-weight:600;
	letter-spacing:3px;
    line-height:150%;
}
article#serviceWrap .button05 {
	margin-bottom:50px;
}
@media only screen and (max-width: 1039px){
	article#serviceWrap {
		background-size:90%;
		padding:0 20px;
		margin-bottom:30px;
	}
	article#serviceWrap h2 {
		font-size:25px;
		line-height:160%;
		margin-bottom:20px;
	}
	article#serviceWrap h2 span {
		font-size:30px;
	}
	article#serviceWrap section {
		padding-bottom:115px;
	}
	article#serviceWrap section figure {
		width:90%;
		height:auto;
		position:inherit;
		right:0;
		margin:0 auto 20px;
	}
	article#serviceWrap section p {
		width:100%;
		font-size:13px;
	}
}

/************************************************************************************
INTRODUCTIONWRAP
*************************************************************************************/
article#introductionWrap {
	margin-bottom:100px;
}
article#introductionWrap h2 {
	color:#C40018;
	font-size:60px;
	font-weight:600;
	text-align:left;
	line-height:160%;
	margin-bottom:35px;
}
article#introductionWrap p {
	font-size:20px;
	font-weight:600;
	letter-spacing:3px;
    line-height:150%;
	margin-bottom:50px;
}
article#introductionWrap figure {
	width:635px;
	margin:0 auto;
}
article#introductionWrap figure img {
	width:100%;
	height:auto;
}
article#introductionWrap a.button05 {
	margin-right:0;
	margin-left:auto;
	margin-top:-140px;
}
	
@media only screen and (max-width: 1039px){
	article#introductionWrap {
		padding:0 20px;
		margin-bottom:30px;
	}
	article#serviceWrap h2 {
		font-size:30px;
		line-height:160%;
		margin-bottom:20px;
	}
	article#introductionWrap p {
		font-size:13px;
		margin-bottom:20px;
	}
	article#introductionWrap figure {
		width:100%;
	}
	article#introductionWrap a.button05 {
		margin-right:0;
		margin-left:auto;
		margin-top:20px;
	}
}

/************************************************************************************
SUPPORTWRAP
*************************************************************************************/
article#supportWrap {
	margin-bottom:50px;
}
article#supportWrap section {
	width:50%;
	height:614px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
article#supportWrap section.forJob {
	background-image:url(../images/top/support_bg01.png);
	float:left;
}
article#supportWrap section.forActivity {
	background-image:url(../images/top/support_bg02.png);
	float:right;
}

article#supportWrap h2 {
	width:460px;
	color:#FFFFFF;
	font-size:60px;
	font-weight:600;
	text-align:left;
	line-height:160%;
	margin-bottom:35px;
}
article#supportWrap p {
	width:460px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:600;
	text-align:left;
	letter-spacing:3px;
    line-height:150%;
	margin-bottom:20px;
}
.forActivity p {
	padding-bottom:125px;
}
.flexbox02_div {
	width:460px;
	margin:0 auto;
}
@media only screen and (max-width: 1039px){
	article#supportWrap {
		margin-bottom:30px;
	}
	article#supportWrap div.section1040 {
		padding:0 20px;
	}
	article#supportWrap section {
		width:100vw;
		height:100vw;
		float:none;
	}
	article#supportWrap h2 {
		width:90%;
		font-size:30px;
		line-height:160%;
		margin-bottom:20px;
	}
	article#supportWrap section.forActivity h2 {
		margin-top:0;
	}
	article#supportWrap p {
		width:90%;
		font-size:13px;
		margin-bottom:20px;
	}
	.forActivity p {
		padding-bottom:0;
	}
	.flexbox02_div {
		width:90%;
	}
	.ghostButton {
		margin-right:auto;
	}
}

/************************************************************************************
CONTACTWRAP
*************************************************************************************/
article#contactWrap {
	
}
.toEntry {
	float:left;
}
.toCantact {
	float:right;
}
article#contactWrap h2 {
	width:100%;
	font-size:30px;
	font-weight:600;
	text-align:left;
	letter-spacing:1px;
    line-height:150%;
	margin-bottom:20px;
}
a.button06 {
	width:505px;
	height:140px;
	background-image:url(../images/common/button05.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	display:block;
	margin:0 auto;
	transition: all 0.4s;
}
a.button06:hover {
	background-image:url(../images/common/button05_over.png);
}
a.button07 {
	width:505px;
	height:140px;
	background-image:url(../images/common/button06.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	display:block;
	margin:0 auto;
	transition: all 0.4s;
}
a.button07:hover {
	background-image:url(../images/common/button06_over.png);
}
@media only screen and (max-width: 1039px){
	article#contactWrap {
		padding:0 20px;
	}
	.toEntry, .toCantact {
		float:none;
	}
	article#contactWrap h2 {
		width:315px;
		font-size:13px;
		margin:0 auto 10px;
	}
	a.button06 {
		width:315px;
		height:75px;
		background-image:url(../images/common/button05_sp.png);
		margin:0 auto 20px;
	}
	a.button06:hover {
		background-image:url(../images/common/button05_sp_over.png);
	}
	a.button07 {
		width:315px;
		height:75px;
		background-image:url(../images/common/button06_sp.png);
		margin:0 auto;
	}
	a.button07:hover {
		background-image:url(../images/common/button06_sp_over.png);
	}
}