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

/*初期化
-----------------------------------------------------------------------------------*/
html, body, div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend, input, textarea,
p, blockquote, table, th, td, address{
	margin: 0;
	padding: 0;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
#products_name {border:0;}
img , a img{
	vertical-align:top;
	border:none;
	background:transparent;
	}
.text span{
	vertical-align:top;
    padding:0;
    margin:0;
	} 
#medicineArea a:hover{
	font-style:normal;
	font-weight:normal;
	}
#wrap{list-style:none;}
.photo02{text-align:left;}
#button_area{
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after{content:'';}
abbr,acronym {
	border:0;
	font-variant:normal;
	}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/*input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}*/

input,textarea,select{font-size:100%;}
legend{color:#000;}


/*use Fx: Dotted line erase when click Link or Block element*/
*{outline: none;}


/* 共通スタイル */
a { color:#000; text-decoration:none; }
small { font-size:80%; }

/* 文字サイズ */
/* -------------------------------------------------------- */
.font9 { font-size:9px; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font15 { font-size:15px; }
.font17 { font-size:17px; }
.font20 { font-size:20px; }
.font25 { font-size:25px; }


/* 文字色 */
/* -------------------------------------------------------- */
.red { color:#F00; }
.orange { color:#ff6a00; }
.blue { color:#00F; }
.yellow { color:#FCC700; }


/* 背景色 */
/* -------------------------------------------------------- */
.bg { background:#f5f5f5; }
.bg_red { background-color:#FFdddd; }

p.indent { text-indent:-1em;padding-left:1em; }
p.indent1 {
	text-indent:-19px;
	padding-left:19px;
	line-height:1.6;
}


/* 余白 */
/* -------------------------------------------------------- */
.ml1 { margin-left:1px; }
.ml5 { margin-left:5px; }
.ml8 { margin-left:8px; }
.ml10 { margin-left:10px; }
.ml13 { margin-left:13px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml55 { margin-left:55px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml105 { margin-left:105px; }

.mt0 { margin-top:0 !important; }
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:60px; }
.mt80 { margin-top:80px; }
.mt95 { margin-top:95px; }
.mt100 { margin-top:100px; }
.mt120 { margin-top:120px; }
.mt135 { margin-top:135px; }
.mt150 { margin-top:150px; }
.mt200 { margin-top:200px; }
.mt230 { margin-top:230px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.ptd5 { padding:5px 0; }


/* 幅指定 */
/* -------------------------------------------------------- */
.w80 { width:80px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w210 { width:210px; }
.w225 { width:225px; }
.w244 { width:244px; }
.w255 { width:255px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w330 { width:330px; }
.w340 { width:340px; }
.w350 { width:350px; }
.w370 { width:370px; }
.w375 { width:375px; }
.w385 { width:385px; }
.w400 { width:400px; }
.w410 { width:410px; }
.w420 { width:420px; }
.w450 { width:450px; }
.w480 { width:480px; }
.w510 { width:510px; }
.w615 { width:615px; }


/* 配置 */
/* -------------------------------------------------------- */
.alignce { text-align:center; }
.alignle { text-align:left; }
.alignri { text-align:right; }


/* ロールオーバー */
/* -------------------------------------------------------- */
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}


/* 回り込み */
/* -------------------------------------------------------- */
.fl { float:left; }
.fr { float:right; }


/* 回り込み解除 */
/* -------------------------------------------------------- */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix {
	display: inline-table;
	min-height:1%;  /* for IE 7*/
}  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  


.pc { display:block; }
.sp, .sp_message_img { display:none; }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}

.large {
	font-size:120%;
}

img {
	max-width:100%;
	height:auto;
}

body {
	font-size:13px;
	line-height:1.3;
	-webkit-text-size-adjust: none;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	/*font-family: 'Lato', sans-serif;*/
	position: relative;
    right: 0;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2001;
	background-color:#fff;
}

#wrapper {
    overflow: hidden;
	height: 100%;
	/*height: 100vh;*/
	position: relative;
	width: 100%;
	z-index:1000;
}
#video {
	background: url('/video_bg.jpg') no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size:auto 100%;
	left: 0;
	min-height: 100%;
	min-height: 100vh;
	min-width: 100%;
	min-width: 100vw;
	position: absolute;
	top: 0;
	z-index: -1;
}

.inner {
	width:1600px;
	margin:0 auto;
}

#spBtn {
	display:none;
}
#spBtn #BtnArea {
	position: fixed;
	left: 0;
	text-align:center;
	width:100%;
	bottom: 0;
	z-index: 9999999;
}
#spNaviBtn {
	display: none;
	width: 60px;
	height: 60px;
	background:#FFF;
	cursor:pointer;
	position:relative;
}

#spNaviBtn span,
#spNaviBtn span:before,
#spNaviBtn span:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 34px;
	height: 2px;
	background: #000;
}

#spNaviBtn span {
	margin: -1px 0 0 -17px;
	transition: .2s;
}
#spNaviBtn span:before,
#spNaviBtn span:after {
	content: "";
	margin-left: -17px;
	transition: .3s;
}
#spNaviBtn span:before {
	margin-top: -13px;
}
#spNaviBtn span:after {
	margin-top: 11px;
}

#spNaviBtn.open span {
	background: transparent;
}
#spNaviBtn.open span:before,
#spNaviBtn.open span:after {
	margin-top: -4px;
}
#spNaviBtn.open span:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#spNaviBtn.open span:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

nav#spNavi {
	display:none;
	position: fixed;
	left:0;
	bottom:0;
	background: #a31133;
	width:100%;
	z-index:99999;
}
nav#spNavi ul {
	padding:0;
}
nav#spNavi li {
	list-style:none;
}
nav#spNavi li a {
	color:#FFF;
	text-decoration:none;
	padding:20px 10px;
	border-bottom:1px solid #FFF;
	display:block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
nav#spNavi li:last-child a {
	border-bottom:none;
}

nav#spNavi li a:hover {
	background:#09F;
}


header {
	padding:15px 2%;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	box-sizing:border-box;
	background:#FFF;
	z-index:9999;
	letter-spacing:-.4em;
}
header h1 {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	box-sizing:border-box;
	width:22%;
	text-align:left;
}
header nav {
	display:inline-block;
	letter-spacing:normal;
	width:48%;
	text-align:center;
}
header nav ul {
	letter-spacing:-.4em;
}
header nav ul li {
	letter-spacing:normal;
	vertical-align:middle;
	display:inline-block;
	margin:0 12px;
	font-size:16px;
	position:relative;
}
header nav ul li a::after{
	background-color:#333;
	content: "";
	display:block;
	position:absolute;
	height:1px;
	left: 0;
	width: 0%;
	transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}
header nav ul li a:hover::after{ width:100%; }
header ul.btn {
	display:inline-block;
	width:30%;
	text-align:right;
	list-style:none;
	letter-spacing:-.4em;
}
header ul.btn li {
	display:inline-block;
	letter-spacing:normal;
}

header li.facebook {
	margin-right:10px;
}
header li.facebook a {
	background:#003399;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px 10px 10px 30px;
	display:inline-block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border:1px solid #003399;
	position:relative;
}
header li.facebook a:before {
	content:"";
	position:absolute;
	top:5px;
	left:10px;
	width:16px;
	height:30px;
	vertical-align:middle;
	background:url(../images/common/icon_f.png);
}

header li.facebook a:hover {
	color:#003399;
	background:#FFF;
}
header li.facebook a:hover::before {
	background:url(../images/common/icon_f_on.png);
}header li.entry a {
	background:#ac0e2d;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px 30px;
	display:inline-block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border:1px solid #ac0e2d;
}
header li.entry a:hover {
	background:#FFF;
	color:#ac0e2d;
}


#slider ul, #slider ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#main_v,
#main_v_sp {
	width:100%;
    width: calc(100% - 0px);
    height: calc(100vh - 0px);
    position: relative;
	z-index:1000;
}

.bgstretcher-page{
	width: 100%;
	height: calc(100vh - 0px);
}

.bottom_facebook {
	text-align:center;
	width:500px;
	margin:0 auto;
	margin-top:30px;
}


#main_v h2,
#main_v_sp h2 {
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-27px;
}

.slider{
    margin:0 auto;
    position:relative;
    height:400px;
}
.slider h2 {
	position:relative;
	top:50%;
	width:100%;
	text-align:center;
}

.slider ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
    height:400px;
	position:absolute;
	left:0;
	top:0;
}
.slider ul li{
    width:100%;
    height:auto;
	position:absolute;
	left:0;
	top:0;
    animation-iteration-count:infinite;
    animation-duration:24s;
    -webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:24s;
}
.slider ul li:nth-child(1){
    animation-name:slider;
    animation-delay:-3s;
    -webkit-animation-name:slider;
    -webkit-animation-delay:-3s;
}
.slider ul li:nth-child(2){
    animation-name:slider;
    animation-delay:5s;
    -webkit-animation-name:slider;
    -webkit-animation-delay:5s;
    opacity:0;
}
.slider ul li:nth-child(3){
    animation-name:slider;
    animation-delay:13s;
    -webkit-animation-name:slider;
    -webkit-animation-delay:13s;
    opacity:0;
}
 
@keyframes slider{
    0%{
        opacity:0;
    }
    20.83%{
        opacity:1;
    }
    33.33%{
        opacity:1;
    }
    45.83%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}
@-webkit-keyframes slider{
    0%{
        opacity:0;
    }
    20.83%{
        opacity:1;
    }
    33.33%{
        opacity:1;
    }
    45.83%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}



.block-revealer__element {
	position: absolute;
	top: 0;
	left: 0;
	z-index:999;
	width: 100%;
	height: 100%;
	background:#000;
	pointer-events: none;
	opacity: 0;
}

#rev-0, #rev-1, #rev-2, #rev-3, #rev-5, #rev-6{
	width:100%;
	height:auto;
}

#kvWrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
}
#kvWrap #topVideo {
    position: fixed;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../../../img/pages/top/topVideoPoster.jpg) bottom center no-repeat;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.top_block {
	background-color: rgba(246,247,248,0.95);
}

.about {
	margin-left:10.4%;
	padding:15px 0 15px 15px;
	margin-top:200px;
	box-sizing:border-box;
}
.about .title,
.message .detail .title,
.recruit .title {
	display:table;
	width:100%;
}
.about .title h2,
.message .detail .title h2,
.recruit .title h2 {
	display:table-cell;
	font-size:42px;
	vertical-align:bottom;
	font-weight:bold;
	line-height:1;
	padding-right:30px;
	color:#ac0e2d;
}
.recruit .title h2 {
	padding:0 0 0 25px;
}
.about .title p,
.message .detail .title p,
.recruit .title p {
	display:table-cell;
	width:100%;
	padding-bottom:7px;
	vertical-align:bottom;
}
.about .subtitle,
.message .detail .subtitle,
.recruit .subtitle {
	font-size:18px;
	line-height:1;
	color:#ac0e2d;
	display:block;
	border-bottom:1px solid #ac0e2d;
}
.recruit .subtitle {
	text-align:right;
}
.about .box1 {
	margin-left:-60px;
	margin-top:20px;
	width:51.6%;
	float:left;
}
.about .box2 {
	margin-left:-60px;
	margin-top:70px;
	width:51.39%;
	float:right;
}
.about .box1 .ttl,
.about .box2 .ttl {
	margin-top:20px;
	color:#ac0e2d;
	font-size:25px;
	font-weight:bold;
	text-align:center;
}
.about .box1 img,
.about .box2 img,
.message img {
	max-width:100%;
	height:auto;
}

.about .box1 .txt,
.about .box2 .txt {
	font-size:17px;
	line-height:1.5;
	padding:10px 40px 0 40px;
}
.about .box1 .txt {
	padding-left:60px;
}

.about .more,
.message .more,
.recruit .more,
.bottom_recruit {
	text-align:center;
	margin-top:20px;
}
.about .more a,
.message .more a,
.recruit .more a,
.bottom_recruit .more a,
.interv .detail .btn a,
.recruit_enrty a {
	padding:10px 30px;
	color:#FFF;
	background:#ac0e2d;
	font-size:17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border:1px solid #ac0e2d;
	display:inline-block;
}
.message .more {
	margin:0 15%;
}
.message .more a {
	display:block;
	padding:30px 0;
	font-size:25px;
}
.recruit .more {
	margin:0 35%;
}
.recruit .more a {
	display:block;
	padding:15px 0;
	margin-top:35px;
}

.about .more a:hover,
.message .more a:hover,
.recruit .more a:hover,
.bottom_recruit .more a:hover,
.interv .detail .btn a:hover,
.recruit_enrty a:hover {
	border:1px solid #ac0e2d;
	background:none;
	color:#ac0e2d;
}

.message {
	letter-spacing:-.4em;
	margin-top:200px;
}
.message .photo {
	width:47%;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.message .detail {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	width:53%;
	padding:0 0 0 2.4%;
	box-sizing:border-box;
}
.message .detail .txt {
	font-size:18px;
	line-height:1.7;
	margin:25px 0;
}

.recruit {
	margin:200px 13.5% 0 0;
	padding:15px 15px 15px 0;
	box-sizing:border-box;
}
.recruit .photo {
	margin:20px -65px 30px 0;
}
.recruit .photo img {
	max-width:100%;
}

.recruit .btn_area {
	text-align:center;
	margin-bottom:25px;
}

.recruit dl,
.bottom_recruit dl {
	display:inline-block;
	background:#ac0e2d;
	color:#FFF;
	letter-spacing:-.4em;
	padding:10px 0;
	min-width:80%;
}
.bottom_recruit dl {
	margin-bottom:25px;
}
.recruit dl dt,
.bottom_recruit dt {
	font-weight:bold;
}
.recruit dl dt, .recruit dd {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	font-size:23px;
}
.bottom_recruit dl dt, .bottom_recruit dd {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	font-size:23px;
}
.interview {
	margin-top:200px;
}
.interview ul {
	list-style:none;
	letter-spacing:-.4em;
}
.interview ul img {
	width:100%;
}

.interview ul li {
	position:relative;
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
}
.interview ul li p:first-child {
	position:absolute;
	top:-35px;
	left:15px;
	background:#ac0e2d;
	color:#FFF;
	font-size:30px;
	padding:10px 25px;
	font-weight:bold;
	z-index:1000;
}
.interview ul li:last-child {
	margin-top:65px;
}

.interview li:nth-child(3n+1) {
	width:26.3%;
	margin-left:8.3%;
	margin-top:-70px;
}
.interview li:first-child {
	margin-top:0;
}
.interview li:nth-child(3n+2) {
	width:26.25%;
	margin:-17px 2.18% 0 2.18%;
}
.interview li:nth-child(3n+3) {
	width:26.3%;
	margin-top:140px;
	margin-left:0;
}
.interview li:nth-child(2) {
	margin-top:70px;
}
.interview li:nth-child(3) {
	margin-top:140px;
}

.interview ul li .name {
	text-align:center;
	font-size:23px;
	font-weight:bold;
	margin:20px 0 10px 0;
}
.interview ul li .title {
	padding:0px 30px 20px 30px;
	font-size:23px;
	line-height:2;
	color:#FFF;
}
.interview ul li .title span {
	background:#ac0e2d;
	display:inline-block;
	padding:10px 10px 5px 10px;
	line-height:1;
}

.next_sec {
	margin:200px 8.3% 50px 8.3%;
}
.next_sec .top_area {
	padding:65px 0 35px 0;
	background:url(../images/nextsec/png01.jpg) no-repeat;
}
.next_sec .logo {
	text-align:center;
}
.next_sec .top {
	text-align:center;
	font-size:35px;
	margin-top:10px;
	color:#FFF;
}
.next_sec ul {
	margin-top:-15px;
}
.next_sec ul li {
	background-color:rgba(0,0,0,0.7);
	margin-top:15px;
	letter-spacing:-.4em;
	list-style:none;
}
.next_sec ul li .img {
	width:51.7%;
	height:280px;
	overflow:hidden;
	position:relative;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
}
.next_sec ul li .img img {
	width:100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
	max-width:inherit;
}

.next_sec ul li .txt {
	width:48.3%;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0 30px;
	color:#FFF;
	font-size:25px;
	line-height:1.7;
}
.next_sec ul li .txt a {
	color:#FFF;
}

#recommend ul li {
	background-color:rgba(0,0,0,0.7);
}
#recommend ul li .img {
	width:51.7%;
	height:280px;
	overflow:hidden;
	position:relative;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
}
#recommend ul li .img img {
	width:100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
	max-width:inherit;
}

#recommend ul li .txt {
	width:47.3%;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0 30px;
	color:#FFF;
	font-size:25px;
	line-height:1.7;
}
#recommend ul li .txt a {
	color:#FFF;
}


footer {
	margin-top:200px;
	border-top:5px solid #c81435;
	padding:50px 0 30px 0;
	text-align:center;
	font-size:22px;
	position:relative;
	background:#FFF;
}
footer nav ul {
	letter-spacing:-.4em;
}
footer nav ul li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	margin:0 15px;
}
footer .logo {
	position:absolute;
	top:50px;
	right:50px;
}
footer .logo img {
	max-width:100%;
}

footer .copy {
	margin-top:45px;
}

.slider div {
	overflow:hidden;
}

/* 画面外にいる状態 */
.fadeLeft {
	position:relative;
	opacity : 0.1;
    transform : translate(100%, 0);
    transition : 500ms all;
    -webkit-transform : translate(100%, 0);
    -webkit-transition : 500ms all;
}
.fadeRight {
	position:relative;
	opacity : 0.1;
    transform : translate(-100%, 0);
    transition : 500ms all;
    -webkit-transform : translate(-100%, 0);
    -webkit-transition : 500ms all;
}

/* 画面内に入った状態 */
.fade.scrollin {
	opacity:1;
    transform : translate(0, 0);
    -webkit-transform : translate(0, 0);
}

#kvWrap {
	position: fixed;
	left: 0%;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background: url(../images/common/bg.jpg) no-repeat;
	background-position: center 100%;
	background-size: 100% auto;
}

.fade-up {
	opacity:0;
	transition: all 1s ease-in-out;
}

.interview_main {
	position:relative;
}
.interview_main.aboutv { background:url(../images/about/bg.jpg) no-repeat center bottom; }
.interview_main.interv { background:url(../images/interview/bg.jpg) no-repeat center bottom; letter-spacing:normal; }
.interview_main.messa { background:url(../images/message/bg.jpg) no-repeat center bottom; }
.interview_main.recruitv { background:url(../images/recruit/bg.jpg) no-repeat center bottom; }
.interview_main.servicev { background:url(../images/service/bg.jpg) no-repeat center bottom; }
.interview_main.workv { background:url(../images/work/bg.jpg) no-repeat center bottom; }

.interview_main h2 {
	text-align:center;
	font-size:400%;
	color:#000;
	padding:15px 0 5px 0;
}
.interview_main h2 span {
	display:block;
	font-weight:normal;
	font-size:40%;
}

.interview_first {
	position:relative;
	margin-bottom:30px;
}
.interview_first .text {
	position:absolute;
	top:30%;
	right:10%;
	font-size:25px;
	width:40%;
}
.interview_first.i01 .text { left:5%; }
.interview_first.i02 .text { right:5%; }
.interview_first.aboutpage .text {
	font-size:25px;
	letter-spacing:.1em;
}
.interview_first .text .name {
	margin-bottom:20px;
	background-color: #FFF;
	padding:5px 10px 5px 10px;
}
.interview_first .text .name span {
	font-size:.75em;
	display:block;
}
.interview_first .text li {
	margin-top:10px;
	background:#ac0e2d;
	padding:5px 15px;
	list-style:none;
	color:#FFF;
	font-size:110%;
}

.txt_area {
	padding:0 8%;
}

.interview_box {
	margin-bottom:30px;
}
.interview_box h3 {
	font-size:30px;
	font-weight:normal;
}
.interview_box dl {
	font-size:18px;
	line-height:1.8;
}
.interview_box dl dt {
	margin-top:30px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:110%;
}

.parallax {
	height:600px;
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	margin-bottom:50px;
	text-indent:-9999px;
}

.parallax.intetv01 {
	background-image:url(../images/interview/interview1-img03.jpg);
	background-size:cover;
}
.parallax.intetv02 {
	background-image:url(../images/interview/interview2-img03.jpg);
	background-size:cover;
}
.parallax.intetv03 {
	background-image:url(../images/interview/interview3-img03.jpg);
	background-size:cover;
}
.parallax.intetv04 {
	background-image:url(../images/interview/interview4-img03.jpg);
	background-size:cover;
}
.parallax.intetv05 {
	background-image:url(../images/interview/interview5-img03.jpg);
	background-size:cover;
}
.parallax.intetv06 {
	background-image:url(../images/interview/interview6-img03.jpg);
	background-size:cover;
}
.parallax.intetv07 {
	background-image:url(../images/interview/interview7-img03.jpg);
	background-size:cover;
}
.parallax.intetv08 {
	background-image:url(../images/interview/interview8-img03.jpg);
	background-size:cover;
}
.parallax.intetv09 {
	background-image:url(../images/interview/interview9-img03.jpg);
	background-size:cover;
}
.parallax.intetv10 {
	background-image:url(../images/interview/interview10-img03.jpg);
	background-size:cover;
}
.parallax.intetv11 {
	background-image:url(../images/interview/interview11-img03.jpg);
	background-size:cover;
}
.parallax.intetv12 {
	background-image:url(../images/interview/interview12-img03.jpg);
	background-size:cover;
}
.parallax.intetv13 {
	background-image:url(../images/interview/interview13-img03.jpg);
	background-size:cover;
}
.parallax.intetv14 {
	background-image:url(../images/interview/interview14-img03.jpg);
	background-size:cover;
}
.parallax.intetv15 {
	background-image:url(../images/interview/interview15-img03.jpg);
	background-size:cover;
}


.interv_img {
	margin-bottom:50px;
	margin-left:8.3%;
	margin-right:8.3%;
}
.interv_img img {
	width:100%;
}

.interview_list {
	padding:0 8.3%;
}
.interview_list li {
	margin-top:50px;
	position:relative;
	letter-spacing:-.4em;
	list-style:none;
}
.interview_list li:first-child {
	margin-top:15px;
}

.interview_list li .photo,
.interview_list li .txt {
	letter-spacing:normal;
}
.interview_list li .photo {
	display:inline-block;
	vertical-align:top;
	width:46.375%;
}
.interview_list li .photo img {
	width:100%;
	height:auto;
}

.interview_list li .txt {
	display:inline-block;
	vertical-align:top;
	font-size:19px;
	line-height:1.8;
	width:50.875%;
	padding-left:2.7%;
	
}
.interview_list li .name {
	font-size:27px;
	margin-bottom:20px;
}

.interview_list li .detail {
	position:absolute;
	right:10px;
	bottom:0;
	letter-spacing:normal;
	font-size:18px;
}
.interview_list li .detail a {
	padding:10px 30px;
	color:#FFF;
	background:#ac0e2d;
	font-size:17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border:1px solid #ac0e2d;
	display:inline-block;
}
.interview_list li .detail a:hover {
	border:1px solid #ac0e2d;
	background:none;
	color:#ac0e2d;
}


.bottom_recruit {
	padding:0 8.3%;
	margin-top:150px;
}
.bottom_recruit .img {
	position:relative;
	margin-bottom:40px;
}
.bottom_recruit .img .name {
	position:absolute;
	top:0;
	left:0;
	background:#FFF;
	color:#ac0e2d;
	font-size:30px;
	font-weight:bold;
	width:30%;
	padding:5px 0;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
}
.bottom_recruit ul {
	margin-bottom:25px;
}
.bottom_recruit li {
	text-decoration:underline;
	list-style:none;
	font-size:20px;
	margin-top:15px;
}
.bottom_recruit .more a {
	width:20%;
}

.about_box,
.message_box {
	margin:50px 0 30px 0;
	font-size:20px;
	line-height:1.7;
}
.about_box.int {
	margin:20px 0 0 0;
}

.message_box h3 {
	margin-top:15px;
	font-size:130%;
	padding:5px 0 10px 40px;
}

.icn01 {
	background-image:url(../images/common/icn.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:40px;
	font-size:150%;
	line-height:1.5;
}

.icn02 {
	background-image:url(../images/common/icn.jpg);
	background-repeat:no-repeat;
	background-position:left 7px;
	background-size:20px auto;
	padding-left:25px;
	margin-top:10px;
}
.recruit_ttl.icn01 {
	background-position:left 3px;
	background-size:auto 1.3em;
	padding-left:1.2em;
	font-size:35px;
}

.recruit_top,
.service_img {
	position:relative;
}
.recruit_top img {
	width:100%;
	height:auto;
}

.recruit_top .txt,
.service_img .txt {
	position:absolute;
	bottom:50px;
	left:8%;
	background:#ac0e2d;
	color:#FFF;
	padding:10px 20px;
	font-size:30px;
	width:40%;
}
.service_img .txt {
	width:auto;
	left:30px;
	bottom:30px;
}
.txt_area .job {
	font-size:25px;
	line-height:1.7;
	letter-spacing:-.4em;
	text-align:center;
	padding-top:30px;
}
.txt_area .job li {
	list-style:none;
	letter-spacing:normal;
	margin:0 20px 0 20px;
	display:inline-block;
	vertical-align:middle;
}
.txt_area .job li a {
	color:#FFF;
	padding:10px 35px;
	background:#ac0e2d;
	border:1px solid #ac0e2d;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border-radius:10px;
	display:block;
}
.txt_area .job li a:hover {
	color:#ac0e2d;
	background:#FFF;
}

.recruit_ttl {
	font-size:28px;
	padding:5px 30px 5px 2.625%;
	font-weight:normal;
	border-bottom:5px solid #ac0e2d;
	margin-bottom:20px;
}

.recruit_box {
	padding:0 3.225%;
}

.recruit_subttl {
	font-size:25px;
	padding-left:30px;
	font-weight:normal;
	position:relative;
	margin-top:30px;
}
.recruit_subttl::before {
	position:absolute;
	display:block;
	top:50%;
	left:0;
	color:#ac0e2d;
	margin-top:-23px;
	content:"■";
}

.recruit_box .name {
	margin-top:25px;
	padding: 0.3em;/*文字周りの余白*/
	background: #ffecee;/*背景色*/
	border-left: solid 5px #ac0e2d;/*左線（実線 太さ 色）*/
	margin-bottom:15px;
}

.interv {
	border:1px solid #d2d2d2;
	letter-spacing:-.4em;
}
.interv.work {
	border:none;
}

.interv .ttl {
	letter-spacing:normal;
	font-size:130%;
}
.interv.r1 .ttl {
	padding-left:15px;
}
.interv {
	position:relative;
	margin-top:20px;
}
.interv .photo, .interv .detail {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}

.interv .photo {
	width:25.43%;
}
.interv .detail {
	width:72.125%;
	padding-left:2%;
	font-size:18px;
}
.interv.work .detail .btn {
	position:absolute;
	bottom:10px;
	right:10px;
}

.recruit_box .flow {
	margin-top:20px;
}
.recruit_box .flow dt {
	position:relative;
	padding-left:30px;
	font-size:130%;
	margin-top:10px;
}
.recruit_box .flow dt::before {
	position:absolute;
	display:block;
	top:50%;
	left:0;
	color:#ac0e2d;
	margin-top:-23px;
	content:"■";
}
.recruit_box .flow dd .job {
	font-size:130%;
}
.recruit_box .flow dd ul {
	margin-bottom:30px;
	margin-left:30px;
}
.recruit_box .flow dd li {
	list-style:none;
}
.recruit_box .flow dd li::after {
	content:"▼";
	display:block;
	margin-left:40px;
}
.recruit_box .flow dd li:last-child::after {
	display:none;
}

.recruit_enrty {
	margin-top:40px;
	text-align:center;
}
.recruit_enrty a {
	width:30%;
	letter-spacing:5px;
	font-size:40px;
	display:inline-block;
}

.nextsec_top {
	background:url(../images/nextsec/png01.jpg) no-repeat;
	background-size:cover;
	text-align:center;
	padding-top:50px;
}
.nextsec_top .top {
	color:#FFF;
	font-size:45px;
	margin-top:10px;
}
.nextsec_top ul {
	margin:0 8.333%;
}
.nextsec_top li {
	margin-top:20px;
	max-height:400px;
	list-style:none;
	overflow:hidden;
	letter-spacing:-.4em;
	background-color: rgba(0,0,0,0.7);
}
.nextsec_top li .img {
	width:50%;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.nextsec_top li .detail {
	vertical-align:middle;
	letter-spacing:normal;
	display:inline-block;
	width:50%;
	height:100%;
	color:#FFF;
	text-align:left;
}
.nextsec_top li .detail .inn {
	width:100%;
	padding:0 4.587%;
	box-sizing:border-box;
	word-break: break-all;
	font-size:18px;
}
.nextsec_top li .detail .inn .ttl {
	font-size:25px;
	margin-bottom:10px;
}
.nextsec_top li .detail .inn .ttl a{
	color:#FFF;
}

.nextsec_top li img {
	width:100%;
	height:auto;
}

.fade-up-top {
}

.int_title {
	margin-top:100px;
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFF;
	z-index: 9999999;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 999999999;
}

.about_top1 {
	background:#d10017;
	color:#FFF;
	font-size:35px;
	padding:15px 15px 0 15px;
}
.about_top1 span {
	font-size:150%;
}
.about_top2 {
	font-size:30px;
	padding:10px 15px;
}
.about_top1,
.about_top2 {
	margin-left:2%;
	margin-right:2%;
	box-sizing:border-box;
}

.geade {
	background: -moz-linear-gradient(left, #FFF, #F00, #FFF);
	background: -webkit-linear-gradient(left, #FFF, #F00, #FFF);
	background: linear-gradient(to right, #FFF, #F00, #FFF);
	height:10px;
	margin-top:100px;
}

.rec_int .txt_area {
	letter-spacing:-.4em;
	 display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.rec_int .interv {
	width:48%;
	margin-left:4%;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:10px;
}
.rec_int .interv:first-child {
	margin-left:0;
}
.rec_int .interv .ttl {
	font-weight:bold;
}
.rec_int .interv .photo {
	width:auto;
	margin:10px 0;
	text-align:center;
}
.rec_int .interv .detail {
	width:auto;
}

.interv .detail .btn {
	position:static;
	text-align:right;
	margin-top:10px;
}
.other {
	text-align:center;
	position:relative;
	display:inline-block;
}
.other .txt {
	position:absolute;
	bottom:10px;
	left:30%;
	font-size:20px;
	padding:5px 20px;
}
.other img {
	max-width:50%;
}

.entry_area {
	margin:30px 8.3% 0 8.3%;
}
.entry_area table {
	width:90%;
	margin:0 auto;
}
.entry_area table caption {
	text-align:left;
	font-size:16px;
	margin-bottom:5px;
	color:#F00;
}
.entry_area table td, .entry_area table th {
	border:1px solid #ccc;
	padding:15px 20px;
	font-size:18px;
}

.entry_area table th {
	width:25%;
	background:#eee;
	text-align:right;
}
.entry_area table input {
	border-radius:3px;
	border:1px solid #aaa;
	padding:2px;
	box-sizing:border-box;
}
.entry_area table input[name="age"] {
	margin-right:5px;
	width:3em;
}
.entry_area table input[name="zip"] {
	width:10em;
}

.entry_area table input[name="email"], .entry_area table input[name="address"] {
	width:90%;
}
.entry_area ul {
	letter-spacing:-.4em;
	margin-top:25px;
	list-style:none;
	text-align:center;
}
.entry_area ul li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
}
.entry_area ul li input {
	background:#ac0e2d;
	color:#FFF;
	padding:10px 20px;
	border:none;
	border-radius:5px;
	cursor:pointer;
	margin:0 10px;
}
.entry_area ul li input:hover {
	background:#7d061d;
}

.pager {
	letter-spacing:-.4em;
	margin-top:50px;
}
.pager ul {
	text-align:center;
}
.pager li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	margin: 8px;
	width:2.7em;
	text-align:center;
}
.pager li a {
	color:#FFF;
	display:block;
	font-weight:bold;
	font-size:16px;
	background:#c62f2f;
	border:1px solid #c62f2f;
	border-radius:3px;
	padding:7px 0;
}
.pager li a:hover {
	background:#FFF;
	color:#c62f2f;
}

.pager li.prev a,
.pager li.next a {
	background:none;
	border:none;
}

.pager li.prev a,
.pager li.next a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.pager li.prev a::before,
.pager li.next a::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width:6px;
	height: 6px;
	border-top: 3px solid #4b4b4b;
	border-right: 3px solid #4b4b4b;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.pager li.prev a::before {
	left: 3px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.pager li.next a::before {
	left: 3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pager li.prev a:hover::before,
.pager li.next a:hover::before {
	border-top: 3px solid #000;
	border-right: 3px solid #000;
}