@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Fanwood+Text');

body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ?ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

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

.wrap{
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.contents{
	margin-left: auto;
	margin-right: auto;
}

/* 横幅全画面 */
.fullWidth{
	width: 100%;
}


.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gothic{
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fanwood,
.head-sp-nav,
.head-e:after{
	font-family: 'Fanwood Text', serif;
	font-style: italic;
}


/* ヘッダー ////////// */
.header{
	z-index: 10;
}
body:not(.index) .header{
	position: fixed;
	left: 0;
	top: 0;
}
.logo{
	display: block;
}

.logo img{
	height:66px;
}

.icon-external{
	vertical-align: middle;
}
/* ヘッダー ////////// */


/* フッター ////////// */

.nav-top-footer > li > a{
	display: block;
	color: #fff;
	background: #333;
	text-align: center;
	box-sizing: border-box;
}
.footer{
	position: relative;
	box-sizing: border-box;
	background: #1a1a1a;
}

.nav-common > li > a{
	display: block;
	color: #fff;
}

.copyright{
	color: #999;
	line-height: 1;
}
/* フッター ////////// */


/* サイドバー ////////// */
.side-nav{
	border-top: 5px solid #e6001b;
}
.side-nav > li,
.side-latest li{
	border-bottom: 1px solid #d8d8d8;
}
.side-nav a{
	display: block;
	padding: 0 1.25em;
	box-sizing: border-box;
}
.side-nav a:hover,
.side-nav .current{
	color: #e6001b;
	background: #f0f1f3;
	opacity: 1;
}

.head-side{
	padding: 1em;
	background: #f0f1f3;
}
.side-latest .head-side{
	margin-bottom: 1em;
}
.side-archive .head-side{
	margin-bottom: 1.5em;
}
.side-latest a{
	display: block;
	line-height: 1.4;
}

/* サイドバー ////////// */


/* 見出し */

/* 見出し */


/* 背景色 */
.bg-white{
	background: #fff;
}
.bg-gray{
	background: #f2f2f2;
}
.bg-pink{
	background: #e96193;
}

.bg-stripe{
	background: url(../images/bg-stripe.png) repeat center center;
}
/* 背景色 */


/* 文字色 */
.color-red{
	color: #820000;
}
.color-blue{
	color: #1d2083;
}
/* 文字色 */


/* トップに戻るボタン */
.pagetop{
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 10;
}
/* トップに戻るボタン */


/* パンくず */
.breadcrumb{
	padding: 1em 0;
}
.breadcrumb li{
	display: inline-block;
}
.breadcrumb li:not(:first-child):before{
	font-family: FontAwesome;
	content: ">";
	margin: 0 0.5em;
}
.breadcrumb a,
.breadcrumb span{
	color: #666;
}
.breadcrumb a{
	text-decoration: underline;
}
/* パンくず */


/* ページ送り */
.pager{
	display: table;
	margin: 0 auto;
	text-align: center;
}
.pager li{
	display: inline-block;
	margin: 0 0.25em;
	vertical-align: middle;
}
.page{
	display: block;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	box-sizing: border-box;
}
.page.current,
.page:hover{
	color: #fff;
	background: #e6001b;
	opacity: 1;
}
.page-prev{
	margin-right: 30px;
}
.page-next{
	margin-left: 30px;
}
/* ページ送り */


/* ページメイン */
.main-page .contents{
	position: relative;
}
.title-page{
	display: block;
}
/* ページメイン */


.text-common{
	line-height: 1.65;
}


/* ボタン */
.btn{
	display: block;
	margin: 0 auto;
	color: #fff;
	background: #1a1a1a;
	text-align: center;
	border-radius: 5px;
	text-indent: 0.07em;
	letter-spacing: 0.07em;
}
/* ボタン */


/* 共通テーブル */
.wrap-table-common{
	margin-left: auto;
	margin-right: auto;
}
.table-common{
	width: 100%;
}
.table-common th,
.table-common td{
	line-height: 2;
	box-sizing: border-box;
}
/* 共通テーブル */


.angle-right:after{
	content: "";
	display: inline-block;
	margin-left: 1em;
	width: 6px;
	height: 12px;
	background: url(../images/angle-right.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
}


/* slick */
.slick-dotted.slick-slider{
    margin: 0;
}
.slick-prev,
.slick-next {
	z-index: 10;
}
.slick-prev:before,
.slick-next:before{
    content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
    opacity: 1;
}
.slick-prev:before{
	background: url(../images/prev.png) no-repeat center center;
    background-size: contain;
}
.slick-next:before{
	background: url(../images/next.png) no-repeat center center;
    background-size: contain;
}
/* slick */


/* 共通レイアウト */
.box-text-common p{
	line-height: 2.15;
}
/* 共通レイアウト */



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



/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */
@media screen and (min-width: 751px) , print{
	/* 横幅全画面 */
	.fullWidth{
		min-width: 1260px;	/* 最低幅 表示エリアを指定 */
	}

	.contents{
		width: 1260px;
	}
	.movie .inner-contents{
		padding: 0 150px;
		box-sizing: border-box;
	}
	.factory .inner-contents{
		padding: 0 90px;
		box-sizing: border-box;
	}


	
	/* ヘッダー ////////// */
	.header{
		position: absolute;
		top: 0;
		left: 0;
		padding: 27px 0;
		box-sizing: border-box;
	}
	.fixed-header{
		position: fixed;
		background: #1a1a1a;
		z-index: 20;
	}
	.logo{
		padding-left: 50px;
	}
	/* ヘッダー ////////// */
	
	
	/* グローバルナビ ////////// */
	.nav{
		padding-right: 30px;
	}
	.global-nav{
		display: table;
		table-layout: fixed;
	}
	.global-nav > li{
		display: table-cell;
		text-align: center;
	}
	.global-nav > li > a{
		position: relative;
		display: block;
		font-size: 13px;
		color: #fff;
		text-indent: 0.15em;
		letter-spacing: 0.15em;
	}
	.global-nav > li:not(:last-child) > a{
		padding: 1em;
	}
	.global-nav > li:last-child > a{
		padding: 1em 3em;
		margin-left: 2em;
		border: 1px solid #fff;
	}
	.global-nav > li:not(:last-child) a:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		background: #fff;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	.global-nav > li:not(:last-child) a:hover{
		opacity: 1;
	}
	.global-nav > li:not(:last-child) a.current:after,
	.global-nav > li:not(:last-child) a:hover:after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}
	
	/* グローバルナビ ////////// */
	
	
	/* フッター ////////// */
	.nav-top-footer > li{
		width: 50%;
	}
	.nav-top-footer > li:first-child a{
		border-right: 1px solid #4d4d4d;
	}
	.nav-top-footer > li > a{
		padding: 50px 0;
		height: 140px;
	}
	.footer{
		padding: 70px 0 50px;
		text-align: center;
	}
	.logo-footer{
		display: block;
		margin-bottom: 50px;
	}
	
	.nav-common{
		display: table;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	.nav-common > li{
		display: table-cell;
	}
	.nav-common > li > a{
		padding: 0.5em 1.5em;
		font-size: 13px;
		
	}
	.copyright small{
		font-size: 10px;
	}
	/* フッター ////////// */
	
	
	/* 見出し */
	.wrap-head-main{
		padding: 30px 0 50px;
	}
	.head-main{
		font-size: 25px;
	}
	.head-main:after{
		font-size: 14px;
	}
	/* 見出し */
	
	
	/* パンくず */
	.breadcrumb{
		padding-left: 50px;
	}
	.breadcrumb a,
	.breadcrumb span,
	.breadcrumb li:not(:first-child):before{
		font-size: 12px;
	}
	/* パンくず */
	
	
	/* ページ送り */
	.page{
		width: 30px;
		line-height: 30px;
	}
	/* ページ送り */
	

	/* ボタン */
	.btn{
		font-size: 13px;
	}
	.section-index-movie .btn,
	.recruit .btn{
		padding: 2.2em 0;
		width: 630px;
	}
	.interview .btn,
	.inner-section .btn{
		padding: 1.5em 0;
		width: 210px;
	}
	.entry .btn{
		padding: 2.2em 0;
		width: 265px;
	}
	/* ボタン */
	
	/* ページメイン */
	.main-page .contents{
		height: 300px;
	}
	/* ページメイン */
	
	
	/* 共通テーブル */
	.wrap-table-common{
		width: 720px;
	}
	.table-common th{
		vertical-align: top;
	}
	.recruit .table-common th{
		width: 110px;
	}
	.entry .table-common th{
		width: 190px;
	}
	.recruit .table-common td{
		padding-bottom: 50px;
	}
	.entry .table-common th,
	.entry .table-common td{
		padding-bottom: 40px;
	}
	/* 共通テーブル */
	
	
	.angle-right:after{
		width: 6px;
		height: 12px;
	}

	
	/* slick */
	.slick-arrow.contents {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.movie-slider .slick-arrow.contents{
		height: auto;
	}
	.slick-prev{
		left: 0;
	}
	.slick-next{
		right: 0;
	}
	.movie-slider .slick-prev,
	.movie-slider .slick-next,
	.movie-slider .slick-prev:before,
	.movie-slider .slick-next:before{
		width: 38px;
		height: 38px;
	}
	
	.staff-slider .slick-prev,
	.staff-slider .slick-next,
	.staff-slider .slick-prev:before,
	.staff-slider .slick-next:before{
		width: 48px;
		height: 48px;
	}
	/* slick */
	
	
	/* 共通レイアウト */
	.wrap-common{
		padding: 100px 0 120px;
	}
	.wrap-common1{
		position: relative;
	}
	.message .wrap-common1,
	.interview .wrap-common1{
		margin-bottom: 100px;
		min-height: 715px;
	}
	.history .wrap-common1{
		margin-bottom: 70px;
		min-height: 800px;
	}
	.wrap-common2{
		position: relative;
		
	}
	.message .wrap-common2,
	.interview .wrap-common2{
		min-height: 630px;
	}
	.history .wrap-common2{
		margin-bottom: 50px;
		min-height: 670px;
	}

	.bg-white-pale{
		position: relative;
		background: rgba(255,255,255,0.8);
		box-sizing: border-box;
		z-index: 10;
	}
	.box-text-common{
		width: 600px;
	}
	.message .box-text-common{
		padding: 70px 90px;
	}
	.wrap-history,
	.history .box-text-common,
	.interview .box-text-common{
		padding: 80px 90px;
	}
	
	.box-text-common1{
		position: absolute;
		left: 80px;
		top: 0;
	}
	.box-img-common1{
		position: absolute;
		right: 0;
		top: 70px;
	}
	
	.box-text-common2{
		position: absolute;
		right: 90px;
		top: 0;
	}
	.box-img-common2{
		position: absolute;
		left: 0;
		top: 70px;
	}
	.box-img-common{
		position: relative;
		z-index: 1;
	}
	.box-text-common > *:not(:last-child){
		margin-bottom: 50px;
	}
	.box-text-common > * > *:not(:last-child){
		margin-bottom: 30px;
	}
	
	
	/* 共通レイアウト */
}
/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */



/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 750px){
	body{
		position: relative;
	}
	.main{
		margin-bottom: 15vw;
	}
	.sp-contents{
		margin-left: auto;
		margin-right: auto;
		width: 86.6%;
	}
	
	/* ヘッダー ////////// */
	.header{
		position: fixed;
		top: 0;
		left: 0;
		background: #1a1a1a;
		box-sizing: border-box;
	}
	
	.logo{
		padding: 4vw 5vw 4vw 5vw;
		width: 42%;
	}
	
	.logo img{
		height:auto !important;
	}
	.inner-header > *:nth-child(2),
	.inner-header > *:nth-child(3){
		display: inline-block;
		margin-right: 0.5em;
		width: 40%;
	}
	.inner-header > *:nth-child(2) img,
	.inner-header > *:nth-child(3) img{
		width: 100%;
		height: auto;
	}
	
	.sp-btn{
		position: absolute;
		right: 5vw;
		top: 5.5vw;
		margin: auto;
		cursor: pointer;
		z-index: 105;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		width: 6vw;
		height: 5vw;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 0.75vw;
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(2vw) rotate(-45deg);
		transform: translateY(2vw) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-2.25vw) rotate(45deg);
		transform: translateY(-2.25vw) rotate(45deg);
	}
	/* ヘッダー ////////// */
	
	
	/* モバイルナビ ////////// */
	.nav{
		display: none;
		position: absolute;
		top: 16vw;
		left: 0;
		width: 100%;
		background: #1a1a1a;
		z-index: 100;
		box-sizing: border-box;
	}
	.global-nav > li{
		border-bottom: 1px solid #4d4d4d;
	}
	.global-nav > li:first-child{
		border-top: 1px solid #4d4d4d;
	}
	.global-nav a{
		position: relative;
		display: block;
		padding: 1.5em;
		font-size: 3vw;
		color: #fff;
		background: #1a1a1a;
		text-align: center;
	}
	.global-nav a:after{
		content: "";
		display: block;
		position: absolute;
		right: 6vw;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1.5vw;
		height: 3vw;
		background: url(../images/angle-right.png) no-repeat center center;
		background-size: contain;
	}
	
	.icon-external{
		margin-left: 0.5em;
		width: 1.5vw;
		height: 1.5vw;
	}
	/* モバイルナビ ////////// */
	
	
	/* フッター ////////// */
	.nav-top-footer > li > a{
		border-bottom: 1px solid #fff;
	}
	.nav-top-footer > li:first-child > a{
		border-top: 1px solid #fff;
	}
	.nav-top-footer > li > a{
		padding: 5.2vw 0;
	}
	.nav-top-footer > li > a > img{
		padding-left: 7%;
		width: 30vw;
		height: auto;
	}
	
	.footer{
		padding: 10vw 0 4vw;
		box-sizing: border-box;
		text-align: center;
	}
	.logo-footer{
		display: block;
		margin: 0 auto 10vw;
		width: 37%;
	}
	.nav-common{
		margin-bottom: 7.5vw;
	}
	.nav-common > li:not(:last-child){
		display: none;
	}
	.nav-common > li > a,
	.copyright small{
		font-size: 3vw;
	}

	/* フッター ////////// */

	
	/* サイドバー ////////// */
	.sidebar{
		margin-bottom: 10vw
	}
	.side-nav a{
		padding: 1em 1.5em;
	}
	.side-bnr > li:last-child img{
		height: 18vw;
	}
	
	.head-side{
		font-size: 4vw;
	}
	.side-latest a{
		padding: 1em;
	}
	.side-archive li{
		padding: 0.5em;
	}
	.side-archive a{
		padding: 0.5em;
	}
	/* サイドバー ////////// */
	
	
	/* 見出し */
	.wrap-head-main{
		padding: 4vw 0 7.5vw;
	}
	.head-main{
		font-size: 6vw;
	}
	.head-main:after{
		font-size: 3vw;
	}
	/* 見出し */
	
	
	/* トップに戻るボタン */
	.pagetop img{
		width: 12vw;
		height: auto;
	}
	/* トップに戻るボタン */
	
	
	/* ページ送り */
	.page{
		width: 8vw;
		line-height: 8vw;
		font-size: 4vw
	}
	.page-prev img,
	.page-next img{
		width: 3vw;
		height: auto;
	}
	/* ページ送り */
	
	
	.arrow-white-right:after{
		width: 2vw;
		height: 4vw;
	}
	.arrow-navy-up:after{
		width: 5vw;
		height: 3vw;
	}
	
	
	
	/* ボタン */
	.btn{
		padding: 1.5em 0;
		font-size: 3.2vw;
	}
	button.btn{
		width: 100%;
	}
	/* ボタン */
	
	
	/* ページメイン */
	.main-page .contents{
		height: 22vw;
	}
	.title-page img{
		padding-top: 0.5em;
		width: auto;
		height: 9vw;
	}
	/* ページメイン */
	
	
	/* 共通テーブル */
	.table-common th,
	.table-common td,
	.table-common p,
	.table-common li{
		font-size: 3vw;
	}
	.table-common th{
		vertical-align: top;
	}
	.recruit .table-common th{
		width: 6em;
	}
	.form.entry .table-common th{
		padding-bottom: 2vw;
	}
	.recruit .table-common td{
		padding-bottom: 2em;
	}
	.entry .table-common td{
		padding-bottom: 5vw;
	}
	.confirm.entry .table-common td{
		padding-bottom: 5vw;
		font-size: 3.6vw;
	}
	/* 共通テーブル */
	
	
	.angle-right:after{
		width: 1vw;
		height: 2vw;
	}
	
	
	/* slick */
	.slick-prev{
		left: 0;
	}
	.slick-next{
		right: 0;
	}
	.slick-prev,
	.slick-next,
	.slick-prev:before,
	.slick-next:before{
		width: 7vw;
		height: 7vw;
	}
	
	/* slick */
	
	
	/* 共通レイアウト */
	.wrap-common{
		padding: 8.5vw 0 7.5vw;
	}
	.wrap-common1{
		margin-bottom: 10vw;
	}
	.box-text-common{
		margin-bottom: 6vw;
	}
	.box-text-common > *:not(:last-child){
		margin-bottom: 8.5vw;
	}
	.box-text-common > * > *:not(:last-child){
		margin-bottom: 5.3vw;
	}
	.head-q{
		width: auto;
		height: 3.3vw;
	}
	.box-text-common p{
		font-size: 3vw;
	}
	
	
	/* 共通レイアウト */

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