@charset 'UTF-8';

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,
form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,
sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
* {
    box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block;
}

html{
	font-size:calc(5vw);
	font-size:-webkit-calc(5vw);
}
@media (min-width: 750px){html{font-size:37.5px}}

body{
	position:relative;
	width:100%;
	max-width:1920px;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', sans-serif;
	margin:0 auto;
}

ol,ul {
    list-style: none;
}
a,
a:hover {text-decoration: none;}

img {display:block;width:100%;height:auto}
.image{font-size:0;line-height:1;}
strong {font-weight:bold;}


.btn {
    display: inline-block;
    position: relative;
    font-size: 1.1rem;
    border-radius: 4px;
    padding: 1.3rem 1rem;
    line-height: 1.3;
    width: 100%;
    text-align: center;
    background-color:#dc3703;
    color:#FFF;
    font-weight:bold;
    box-shadow:0px 5px 0px #b7b6b6;
	letter-spacing: 1px;
}

/* layout css */
.sponly{display:block;}
.pconly{display:none;}

p.logo {
    width: 6.5rem;
    max-width:239px;
	margin: .613rem 0.7rem .613rem;
}
.inner {margin:0 0.7rem;}

.mv {
	position:relative;
	padding:3.62667rem 0 4.5333rem;
	background-image:url(../images/mv_spbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

h1 {width:93.4667%;margin:0 auto;}

.mv p.catch {
	color:#FFF;
	width:100%;
	font-size:.8rem;
	text-align:center;
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:.3rem;
    letter-spacing: 0.06rem;
    padding:0 0.7rem;
}
p.job-type {
	font-size:.8rem;
	text-align:center;
	margin:1rem auto 0;
}
.btnbox {
	margin:1rem 0 1.5rem;
}
.listing {
	margin-bottom:1.7rem;
}
.listing dt{
  position: relative;
  display: block;
  padding: 0;
  text-align:center;
  margin-bottom:.85rem;
}
.listing dt span {
	display:inline-block;
	background-color:#FFF;
	z-index:1;
	padding:0 1rem;
	max-width:80%;
	font-size:.8rem;
}
.listing dt:before{
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background-color: black;
  z-index:-1;
}

.listing dt:before {
  left:0;
}
.midashi {
	width: 100%;
	position: relative;
	background-image:url(../images/obi.png);
	background-repeat:repeat-x;
	background-size:auto 100%;
	background-position:center;
	padding-bottom:.85rem;

}


 
.midashi h2{
	position:relative;
	text-align:center;
	font-weight:900;
	font-size:.90rem;
	color:#FFF;
	margin-bottom:.2rem;
}
.midashi h2 > span {
	color:#fef200;
	font-size:1.5rem;
	line-height:1.4;
	display:block;
}
.midashi .inner {
	padding:0.5rem 0 0.7rem;
}

.midashi .sec {
	background-color:#FFF;
	padding:.5rem;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
 	justify-content:center;
 	align-items: center;
}

.midashi .sec .type span {
	background-color:#ededed;
	padding:0.3rem 2.7rem;
	font-weight:bold;
	display:inline-block;
    white-space: nowrap;
    font-size:1rem;
}
.start .midashi .sec .type span {
	padding:0.3rem .5rem;
}
.midashi .sec .rf {
	font-size:.8rem;
	padding-left:.3rem;
	font-weight:bold;
	line-height:1.3;
	margin-top:.17rem;
}
.midashi .sec .rf .acc {
	font-size:1rem;
	line-height:1;
}

.midashi .sec .rf .fst {
	display:block;
	line-height:1.4;
	font-size:.6rem;
}

.search .ttl,
.work .ttl {
	position:relative;
	text-align:center;
	font-size:0.85rem;
	margin:1rem 0;
}
.search .ttl span,
.work .ttl span {
	position:relative;
	font-weight:bold;
}
.search .ttl2 {
	position:relative;
	text-align:center;
	font-size:0.85rem;
	font-weight:bold;
	margin-bottom:1%;
}
.search ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1rem;
}
.search ul li:nth-child(even) {
	margin-right:0;
}
.search ul li:nth-last-child(1),.search ul li:nth-last-child(2) {
	margin-bottom:0;
}
.search .btnbox{
	margin:1.8rem auto 2rem;
}
.work {
	background-color:#ededed;
}
.work .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom:5px;
}
.work dl.box {
	position:relative;
	width: 46%;
    margin-right: 8%;
    margin-bottom: 1rem;
    background-color:#1193ab;
	box-shadow: 0px 5px 0px #b7b6b6;
	border-radius:4px;
	text-align:center;
	padding:1.4rem 0.2rem 0.7rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.work dl.box:nth-child(even) {
	margin-right:0;
}
.work dl.box:nth-last-child(1),.work dl.box:nth-last-child(2){
	margin-bottom:0;
}
.work dt {
	position:relative;
	width:62.1%;
	margin:0 auto .4rem;
	display:block;
}

.work dt img{
    margin: 0 auto;
}
.work dd {
	color:#FFF;
	font-weight:bold;
	font-size:.64rem;
}

.work p.text {
	background-color: #FFF;
    border-radius: 10px;
    font-size: .7rem;
    padding: 0.55rem 0.65rem;
    margin:1.5rem 0 0;
}
.work .btnbox {
	margin:1.8rem auto 0;
	padding-bottom:2rem;
}
.voice .bg {
    position: relative;
    background-image: url(../images/voice_bgsp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -1rem;
    z-index: -1;
}
.voice .bgbox {
	padding:9rem 0 0.3rem;
	text-shadow: 0 0 .6rem #000;
}
.voice .bg h3 {
	font-size:.7rem;
	color:#FFF;
	text-align:center;
	line-height:1.3;
}
.voice .bg p.anno {
	font-size:.58rem;
	color:#FFF;
	text-align:center;
	margin:0.2rem 0 0;
}
.voice ul {
	margin:0 -0.7rem;
}
.voice ul li {
	font-size:.8rem;
	color:#0f93aa;
	font-weight:bold;
	position:relative;
    background-image: url(../images/voice_line.jpg);
    background-repeat: repeat-x;
    background-size: 1.5% auto;
    background-position: center bottom;
    padding:0.6rem;
}
.voice ul li span {
	margin-right:.6rem;
}
.voice ul li span.num {
	position:absolute;
}
.voice ul li span.list {
    position: relative;
    padding-left: 1.7rem;
    display: block;
    text-align: left;
}
.voice .txt {
	font-size:.75rem;
	text-align:center;
	font-weight:bold;
	margin-bottom:.3rem;
}
.voice .btnbox {margin:2rem 0 2rem;}

.start h2 {
	font-size:1.2rem;
	line-height:1.3;
}
.start .txt1 {
	font-weight:bold;
	text-align:center;
	font-size:1rem;
	margin-top:1rem;
}
.start .txt2 {
	margin-top: .4rem;
    font-size: .7rem;
    line-height: 1.4;
}
.start-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    margin-top: .933rem;
}
.start-list {
    width: 50%;
    padding: .533rem 0 .533rem;
    font-size: .62rem;
    line-height: 1.4;
}
.start-list:nth-of-type(2n) {
    border-left: solid #b5b5b5 .053rem;
}
.start-list:nth-of-type(n+3) {
    border-top: solid #b5b5b5 .053rem;
}
.start-icon {
    width: 4rem;
    margin: 0 auto;
}
.start-icon-txt {
    margin-top: .453rem;
    padding: 0 8% 0;
}
.start .txt {
    font-size: .75rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .3rem;
}
.start .btnbox {
	margin-top:2rem;
	margin-bottom: 2.7rem;
}
.mynavi p {
	text-align:center;
}
.mynavi p a {
	display:block;
	max-width:474px;
	width:70%;
	margin:0 auto;
}

.footer {
	border-top:4px solid #000;
	padding:.3rem 0;
	margin-top:1.3rem;
}
.footer p {
	font-size:.5rem;
	text-align:center;
}
#page_top {
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 10px;
    width: 1.875rem;
    cursor: pointer;
}

/* media query 768 */
@media print,
screen and (min-width:768px) {
	.sponly{display:none;}
	.pconly{display:block;}
	
	.outer {max-width:990px;padding:0 20px;margin:0 auto;}
	.inner {margin:0 50px;}
	.inner-on {width:640px;margin:0 auto;}
	.inner-off ul {width:500px;margin:0 auto;}
	
	.btn {
		padding:45px 20px;
		font-size:36px;
	}
	.btn:hover {opacity:.75;}
	a img:hover {opacity:.75;}

	.btnbox {margin:40px 0;}
	p.logo {margin:.613rem auto .613rem;}
	
	.mv {
		padding:130px 0 141px;
		background-image:url(../images/mv_pcbg.jpg);
	}
	h1{
		max-width:826px;
		margin:0 auto;
		display:block;
	}
	h1 img {
		width:100%;
	}
	.mv p.catch {
		font-size:30px;
	}
	p.job-type {font-size:26px;margin:40px -50px 0;}
	
	.listing {margin-bottom:65px;margin-left:-50px;margin-right:-50px;}
	.listing dt {margin-bottom:30px;}
	.midashi {padding-bottom:27px;}
	.midashi h2 {margin-bottom:10px;}
	.midashi h2 > span {display:inline-block;}
	.midashi .inner {max-width:850px;padding:25px 0 25px;margin:0 auto;}
	.midashi .sec {padding:15px;}
	.midashi .sec .rf {padding:0.3rem 0 0.3rem .3rem;font-size:.75rem;}
	.midashi .sec .rf .fst {display:inline-block;font-size:.75rem;}
	.search .btnbox {margin:55px auto 90px;}
	.work .inner-off {margin:0;}
	.work dl.box {width:32%;margin-right:2%;padding:1rem 0.5rem 0.5rem}
	.work dl.box:nth-child(even) {margin-right:2%;}
	.work dl.box:nth-child(3n){margin-right:0;}
	.work dl.box dd {font-size:19px;}
	.work dt {width:190px;}
	.work dl.box:nth-last-child(3){	margin-bottom:0;}
	.work .btnbox {margin:55px auto 0;padding-bottom:90px;}

	.voice .bg{
		background-image:url(../images/voice_bgpc.jpg);
	}
	.voice .bgbox {padding:320px 0 30px;}
	.voice .bgbox h3 {font-weight:bold;font-size:28px;}
	.voice ul {margin:60px 0; padding-top:4px;background-image: url(../images/voice_line.jpg);background-repeat: repeat-x;background-size: 9px auto;background-position: center top;}
	.voice ul li {background-size:9px;font-size:27px;}
	.voice .btnbox {margin:55px auto 90px;}
	.voice .btnbox .txt {font-size:28px;}
	
	.start h2 {font-size:36px;}
	.start .inner {margin:0 auto;}
	.start .txt2 {font-size: 26px;width: 680px;margin: 0.4rem auto 0;}
	.start-icon-txt {font-size:22px;}
	.start .btnbox {margin-top:60px;margin-bottom:100px;}
	.mynavi p a {width:400px;}
	.footer {margin-top:100px;padding:20px 0 45px;}
	
}/* media end */
/* media query 900 */
@media print,
screen and (max-width:900px) {
.midashi .sec .rf {
	padding:0 0 0 .3rem;
	font-weight:bold;
	line-height:1.3;
	margin-top:.07rem;
}
.midashi .sec .rf .acc {
	font-size:1rem;
	line-height:1;
}

.midashi .sec .rf .fst {
	display:block;
	line-height:1.4;
}
}
/* media query 990 */
@media print,
screen and (min-width:990px) {
	.inner-off,.inner-off ul {width:100%;margin:0 auto;}
	.search ul li {margin-right:18px;margin-bottom:0;width:23.5%;}
	.search ul li:nth-child(even) {margin-right:18px;}
	.search ul li:nth-child(4n){margin-right:0;}
	.work dl.box dd {font-size: 22px;}
	.start h2 {font-size:42px;}
}

/* clearfix */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */