@charset "UTF-8";

/*================================================
 *  採用メッセージ 用
 ================================================*/


/*******メインエリア*******/
section#main_area {
	padding: 130px 0 190px;
}


/*背景*/
section#main_area #main_bg_slider {
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 100%;
	height: calc(100% + 50px);
	z-index: -1;
}

/*パンくず*/
section#main_area ol.breadcrumb {
	position: absolute;
	top: 35px;
	right: 0;
	color: #fff;
	z-index: 1;
}

/*ページタイトル*/
section#main_area h2.title_section {
	padding: 0 30px;
}


/*テキスト*/
section#main_area .inner {
	margin-top: 150px;
}
section#main_area .inner .notes {
	font-size: 26px;
	font-weight: bold;
	line-height: 3.25;
	letter-spacing: 0.06em;
	margin: -1.125em 0;
}

section#main_area .inner h3 {
	margin-top: 110px;
}





/*******イントロダクション*******/
section#intro_area .intro_box  {
	max-width: 1600px;
	margin: 0 auto;
}
section#intro_area .intro_box .unit_img {
	width: 500px;
}
section#intro_area .intro_box .unit_img img:nth-child(2) {
	top: 365px;
	left: -85px;
}
section#intro_area .intro_box .unit_img img:nth-child(3) {
	top: 820px;
	right: 70px;
}

section#intro_area .intro_box .unit_txt {
	font-size: 22px;
	line-height: 2.5;
	max-width: 850px;
	margin-left: auto;
	padding: 60px 100px 0 20px;
	width: 100%;
}
section#intro_area .intro_box .unit_txt p + p {
	margin-top: 3em;
}

section#intro_area h3 {
	margin-top: 130px;
}


@media screen and (max-width:1000px) {
	section#intro_area .intro_box {
		display: block;
		max-width: 750px;
	}
	section#intro_area .intro_box .unit_img  {
		width: 634px;
		height: 680px;
		margin-left: auto;
	}
	section#intro_area .intro_box .unit_img img:nth-child(1) {
		display: block;
		margin-left: auto;
	}
	section#intro_area .intro_box .unit_img img:nth-child(2) {
		top: auto;
		bottom: 0;
		left: 0;
	}
	section#intro_area .intro_box .unit_img img:nth-child(3) {
		display: none;
	}
	
	section#intro_area .intro_box .unit_txt {
		line-height: 2.25;
		width: 600px;
		margin: 0 auto;
		padding-right: 0;
	}
	section#intro_area .intro_box .unit_txt br.pc {
		display: none;
	}
	
}





/*******WELCOME TO*******/
section#welcome_area {
	margin-top: 180px;
}
section#welcome_area .txt_loop,
section#welcome_area .inner .img_loop,
section#welcome_area .inner .img_loop ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
section#welcome_area .txt_loop > div,
section#welcome_area .inner .img_loop ul {
	width: 2400px;
	flex-shrink: 0;
}

section#welcome_area .txt_loop {
	margin-bottom: -30px;
}
section#welcome_area .txt_loop > div {
	color: #f2f2f2;
	font-size: 180px;
	letter-spacing: 0.16em;
	text-align: center;
	animation: loopAnime 30s infinite linear both;
}


section#welcome_area .inner .img_loop ul {
	animation: loopAnimeR 30s infinite linear;
	min-height: 580px;
}


section#welcome_area .inner h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	font-size: 56px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-align: center;
	white-space: nowrap;
	z-index: 1;
}














/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:767px) {


/*******メインエリア*******/
section#main_area {
	padding: 20vw 0;
}


/*背景*/
section#main_area #main_bg_slider {
	bottom: -34vw;
	height: calc(100% + 34vw);
}

/*パンくず*/
section#main_area ol.breadcrumb {
	top: 0;
}

/*ページタイトル*/
section#main_area h2.title_section {
	padding: 0 0 0 6.5vw;
}


/*テキスト*/
section#main_area .inner {
	margin-top: 15vw;
	padding-left: 10vw;
}
section#main_area .inner .notes {
	font-size: 4.2vw;
	line-height: 2.5;
	margin: -0.75em 0;
}

section#main_area .inner h3 {
	margin-top: 13vw;
}
section#main_area .inner h3 .replace-svg {
	width: 84vw;
}




/*******イントロダクション*******/
section#intro_area .intro_box  {
	max-width: inherit;
}

section#intro_area .intro_box .unit_img  {
	width: 85vw;
	height: 90vw;
}
section#intro_area .intro_box .unit_img img:nth-child(1) {
	width: 66.6vw;
}
section#intro_area .intro_box .unit_img img:nth-child(2) {
	width: 37.3vw;
}

section#intro_area .intro_box .unit_txt {
	font-size: 4vw;
	padding-top: 12vw;
}

section#intro_area h3 {
	margin-top: 15vw;
}
section#intro_area h3 img {
	width: 86vw;
}





/*******WELCOME TO*******/
section#welcome_area {
	margin-top: 18vw;
}

section#welcome_area .txt_loop > div,
section#welcome_area .inner .img_loop ul {
	width: 320vw;
}

section#welcome_area .txt_loop {
	margin-bottom: -4vw;
}
section#welcome_area .txt_loop > div {
	font-size: 24vw;
}

section#welcome_area .inner .img_loop ul {
	min-height: 77.333vw;
}


section#welcome_area .inner h3 {
	font-size: 6.6vw;
}



	
}