@charset "UTF-8";

h1,h2,h3,h4,h5,h6,p,li,a,table,small{transform: rotate(0.028deg);}
body{color:#333; font-family: "Sawarabi Mincho"; }
body{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

/* COMMON */
.box-w800,.box-w1200{margin:50px auto;}
.box-w800{width: 800px;text-align:center;}
.box-w1200{width: 1200px;}

/* box-w800 */
.box-w800 h2,
.box-w800 h3,
.box-w800 p{margin:20px auto;}

.box-w800 h2{border:2px solid #EA5414;display:inline-block;padding:10px 20px;font-size:1.6rem;}
.box-w800 h3{
	background: #EA5414;
	color: #fff;
	display: inline-block;
	font-size: 1.3rem;
	margin-bottom: 0;
	padding: 5px 20px 5px 20px;
	letter-spacing:0.2rem;
}
.box-w800 table{width:auto;margin:0 auto;border-top:1px dotted #999;}

.box-w800 th,
.box-w800 td{border-bottom:1px dotted #999;padding:10px 20px;}
.box-w800 td{text-align:left;}
.box-w800 th{
	color: #EA5414;
	text-align: right;
	vertical-align: middle;
	letter-spacing: 0.2rem;
	white-space: nowrap;
	vertical-align:top;
}
.box-w800 td p{margin-bottom:15px;}
.box-w800 td p:first-child{margin-top:0;}
.box-w800 td h5{display:inline-block;padding:2px 20px;border:1px solid #999;font-size:1.1em;}

/*  */
#container{width: 1200px;margin:20px auto 0 auto;}

/* HEADER FOOTER */
header,footer{position:relative;}
header{height:800px;}
header#header_page{height:90px;}
footer{
	height:350px;
	background-image: url(image/bk_tail.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position:relative;
}

header h1 a{
	width:255px;
	height:70px;
	display:block;
	background-image: url(image/logo_top.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% auto;
}
header h1 a span{display:none;}

/* VISUAL */
#main_visual{height:300px;}

/* NAVI */
header .gmenu-over{top: 0;left: 0px;right: 0px;bottom: 0px;}
footer .gmenu-over{top: 80px;left: 0px;right: 0px;bottom: 0px;}
.gmenu-over{width:1000px;height:115px;margin:0 auto;position:absolute;z-index:999;}

.gmenu{bottom:0;position:absolute;}
.gmenu li{list-style:none;float:left;margin-right:20px;}
.gmenu li a{display:block;border-bottom:2px solid #21AB38;text-decoration:none;}
.gmenu li a:link,
.gmenu li a:visited{color:#333;}
.gmenu li a:hover{color:#EA5414;}

.info{position: absolute;bottom:0;right:0;}
.info h4{font-size:0.9rem;color:#21AB38;}
.info p{font-size:1.2rem;border-bottom:2px solid #21AB38;}
.info i{color:#21AB38;}

header .gmenu{left:60px;}

/*  */
#box-recruit_top{
	background-image: url(image/img_s_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:440px;
	position:relative;
}

#box-recruit_top p{line-height:170%;position:absolute;right:0;bottom:10px;}

#box-recruit_bottom{text-align:center;margin-bottom:100px;}

#box-intv_nav,
#box-intv_img{display:inline;}

#box-intv_nav a{
	font-size:1.2rem;
	letter-spacing:0.3rem;
	text-align:center;
	color:#fff;
	text-decoration:none;
	margin:15px auto 0 auto;
	padding:10px 5%;
	box-shadow: 4px 4px 5px rgba(0,0,0,0.2);
}
#box-intv_nav a:link,
#box-intv_nav a:visited{background:#8EC31E;}
#box-intv_nav a:hover{background:#EA5414;}

/* */
#box-recrute_page h2{margin-top:80px;}

/* */
#bottom_text{text-align:center;}
#bottom_text p{background:#EA5414;color:#fff;display:inline-block;padding:5px 20px;font-size:1.4em;}

/* インタビュー */
#box-intv_flex{display:flex;justify-content: space-between;}
.intv_koe{background:#f5f5f5;width:350px;text-align:left;padding:0 20px 20px 20px;}
.intv_koe h4{font-weight:bold;margin:20px 0 10px 0;}
.intv_koe p{margin:10px auto}
.intv_koe span{color:#EA5414;}


/* */
small{display:block;text-align:right;font-size:0.8rem;}
#last{text-align:center;margin:10px auto 20px auto;}