@charset "UTF-8";
@charset "UTF-8";



*{
margin:0;
padding:0;
}
html{
}
body{
font-size:1.10vw;
line-height:150%;
font-weight:400;
color:#281e1b;
font-family:"Rounded Mplus 1c","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
} _::content, _:future, body { 
font-size:1.14vw;
} @-moz-document url-prefix() {
body {
font-size:1.10vw;
}
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
font-weight:300;
line-height: 150%;
}
header,footer,article,section,nav,small,aside,div,ul,li,h1,h2,h3,h4,h5{
display:block;
box-sizing:border-box;
position:relative;
}
li{
list-style:none;
}
img,
video{
display:block;
outline:none;
width:100%;
height:auto;
}
input{
outline: none;
}
p{
}
a{
color:#281e1b;
text-decoration:none;
}
a:hover{
text-decoration: underline;
}
iframe{
border:none;
width:100%;
}
table{
border-collapse:separate;
background:#ddd;
border-spacing: 1px;
width:100%;
}
th,td{
font-weight:normal;
vertical-align: top;
padding:.5em;
background:white;
}
th{
text-align:left;
}
td{
text-align:left;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
} #shareheader{
padding-bottom:1em;
border-bottom: .2em solid #183B95;
}
#header-h1{
width:100%;
font-size:70%;
background:#183B95;
padding:.4em 0;
margin-bottom: .6em;
overflow: hidden;
}
#header-h1 h1{
}
@media only screen and (max-width: 1000px){
#header-h1{
padding:.6em 0 .2em;
}
#header-h1 h1{
transform: scale(.7);
margin-left: -22%;
width: 150%;
}
}
#header-h1 h1{
color:white;
}
#header-l{
width:8%;
margin-right:2em;
}
#header-cl{
margin-right:auto;
font-size:160%;
}
#header-cl span{
font-size:160%;
margin-left:.2em;
}
#headnav li{
padding:0 .4em;
font-size:90%;
cursor:pointer;
}
#headnav li:hover{
text-decoration: underline;
}
#headnav li:before{
content:"▶ ";
font-size:80%;
}
#header-r{
font-size: 240%;
line-height: 120%;
margin-left:1em;
} #topimage{
border-bottom: .2em solid #183B95;
}
#topimage>div{
position: absolute;
left: 15vw;
top: 27%;
color: white;
text-shadow: 0 0 1em;
}
#topimage h2{
font-size:300%;
} #motto{
padding:5em 0 8em;
}
#motto h2{
color:#183B95;
font-size:180%;
margin-bottom:.6em;
}
#service{
margin-bottom:5em;
}
#service h2{
color:#183B95;
padding-bottom:.4em;
margin-bottom:5em;
}
#service h2 span{
font-size:200%;
}
#service h2:before,
#motto h2:before{
content:"";
height:.2em;
width:30%;
position:absolute;
bottom:0;
left:35%;
background:#F18C1B;
}
#service li{
margin-bottom:5em;
background: #ece9dc;
}
#service li>p{
width:55%;
}
#service li>div{
width:50%;
margin-left:-5%;
}
#service li>div>div{
background:#3977C1 url(//imataku.jp/wp-content/themes/imataku/images/front/serviceback.png);
background-size:8px 8px;
color:white;
padding: 8em 3em;
}
#service h3{
font-size: 160%;
padding-left: 23%;
font-weight: bold;
line-height: 300%;
margin-bottom: 1em;
}
#service h3:before{
content:"";
width:40%;
height:.1em;
background:#F18C1B;
position:absolute;
bottom:0;
left:23%;
}
#service h4{
font-size: 160%;
font-weight: 400;
margin-bottom: 1em;
}
#discri{
margin-bottom:7em;
}
#company h2{
color: #183B95;
padding-bottom: .4em;
margin-bottom: 3em;
font-size:200%;
}
#company h2:before{
content: "";
height: .2em;
width: 30%;
position: absolute;
bottom: 0;
left: 35%;
background: #F18C1B;
}
#company>div>div{
width:49%;
}
.dp-google-map{
height:100% !important;
} #collage{
margin:3em 0 7em;
}
#collage p{
padding:.4em 0;
font-size:120%;
font-weight: bold;
} #recruit h2{
color: #183B95;
padding-bottom: .4em;
margin-bottom: 3em;
font-size: 200%;
}
#recruit h2:before{
content: "";
height: .2em;
width: 30%;
position: absolute;
bottom: 0;
left: 35%;
background: #F18C1B;
}
#recruittype{
margin: 7em auto;
}
#recruittype h3{
font-size:180%;
font-weight: bold;
margin-bottom:3em;
}
#recruittype li{
width:30%;
}
#recruittype li:nth-of-type(2){
-moz-transition-delay:.4s;
-webkit-transition-delay:.4s;
-o-transition-delay:.4s;
-ms-transition-delay:.4s;
}
#recruittype li:nth-of-type(3){
-moz-transition-delay:.8s;
-webkit-transition-delay:.8s;
-o-transition-delay:.8s;
-ms-transition-delay:.8s;
}
#recruittype h4{
font-weight: 300;
font-size:200%;
line-height:300%;
}
#flow{
background:-webkit-linear-gradient(#ECEFF4, white);
background:-o-linear-gradient(#ECEFF4, white);
background:linear-gradient(#ECEFF4, white);
padding:7em 0 3em;
}
#flow h3{
font-size:180%;
font-weight: bold;
margin-bottom:3em;
}
#flow li>p{
width:45%;
}
#flow li>div{
width:60%;
padding:3em 2em;
}
#flow li:nth-of-type(odd)>div{
margin-left:-5%;
background:-webkit-linear-gradient(left, white, transparent);
background:-o-linear-gradient(left, white, transparent);
background:linear-gradient(to right, white, transparent);
}
#flow li:nth-of-type(even)>div{
margin-right:-5%;
-webkit-order:-1;-ms-flex-order:-1;order: -1;
background:-webkit-linear-gradient(left, transparent, white);
background:-o-linear-gradient(left, transparent, white);
background:linear-gradient(to right, transparent, white);
}
#flow h4{
font-weight: 300;
font-size: 200%;
border-bottom: .1em solid #F18C1B;
line-height: 150%;
margin-bottom: .4em;
}
#recruitbtn{
margin: 7em auto;
}
#recruitbtn a{
display: inline-block;
padding:1em 8em;
background:#183B95;
color:white;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
#recruitbtn a:hover{
text-decoration: none;
background:#00b4e2;
} #footernav li{
margin:.6em 0;
}
#footernav li:last-of-type{
border-right:none;
} #inquiry>div{
}
.wpcf7{
margin-bottom:2em;
}
.wpcf7 table{
background:#aaa;
border-spacing:1px;
color:#333;
width:100%;
font-size:90%;
margin-bottom:2em;
}
.wpcf7 th,
.wpcf7 td{
background:white;
font-weight:normal;
text-align: left;
padding:.5em;
}
.wpcf7 th{
width:25%;
background:#f1f1f1;
}
.wpcf7 td{
width:75%;
}
.wpcf7 tr:last-child th{
vertical-align: top;
}
.wpcf7 td input:not([type=radio]),
.wpcf7 td textarea{
width:90%;
font-size:100%;
border:none;
}
.wpcf7 td .wpcf7-form-control-wrap{
width:100%;
}
.wpcf7 td span.wpcf7-form-control>span:not(:first-child) input[type=radio]{
margin:0 0 0 2em;
}
.wpcf7 td textarea{
border:1px solid #ccc;
}
.wpcf7-response-output{
color:red;
text-align: center;
}
.hissu,
.ninni{
font-size:80%;
padding:.2em;
color:white;
margin-left:.5em;
}
.hissu{
background:red;
}
.ninni{
background:#aaa;
}
#privacy h3{
font-size:100%;
font-weight:normal;
color:#ff4500;
}
#privacy h3 span{
font-size:90%;
color:#333;
}
#privacy p:nth-of-type(2){
height:4em;
overflow:scroll;
border:1px solid #aaa;
padding:.3em;
line-height:120%;
color:#333;
margin-bottom:2em;
font-size:80%;
}
#inquiry form>p{
text-align: center;
}
#inquiry input[type=checkbox]{
cursor:pointer;
}
#inquiry input[type=submit]{
font-size: 100%;
padding: 0 2em;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 1px 1px 1px gray;
margin-top: 2em;
cursor:pointer;
background: -moz-linear-gradient(#fff, #cecece);
background: -webkit-linear-gradient(#fff, #cecece);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cecece));
background: -o-linear-gradient(#fff, #cecece);
background: linear-gradient(#fff, #cecece);
}
#inquiry .screen-reader-response{
color:red;
margin-bottom:1em;
}
#inquiry .wpcf7-not-valid-tip{
display:inline-block;
font-size:90%;
color:red;
}
#inquiry .wpcf7-validation-errors{
text-align: center;
color:red;
}
#inquiry .wpcf7 label{
cursor:pointer;
}
.h3content>section>p{
height:3em;
overflow-y:scroll;
border:1px solid #ddd;
font-size:80%;
margin-bottom:3em;
}
input[type="submit"]{
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
padding: 1em 7em;
background: #009bdf;
background-size: auto 50%;
color: white;
border-radius: .2em;
}
.screen-reader-response,
.wpcf7-not-valid-tip{
display: inline-block;
color:red;
font-weight: bold;
} #footernav{
padding:.4em 0;
}
#footernav ul{
-webkit-justify-content:center;-ms-flex-pack: center; justify-content:center;
}
#footernav li a{
display: block;
padding:0 1em;
border-right:1px solid black;
}
#footernav li:last-of-type a{
border-right:none;
}
#footerinfo{
padding:5em 0;
background:url(//imataku.jp/wp-content/themes/imataku/images/front/footer@2.jpg)center no-repeat;
background:cover;
}
#footerinfo>div>div:nth-of-type(1){
width:35vw;
}
#footerinfo>div>div>div:nth-of-type(1){
width:34%;
margin-right:1em;
}
#footerinfo>div>div>div:nth-of-type(2){
width:80%;
}
#footerinfo>div>div>div>p:nth-of-type(1){
font-size:220%;
line-height:120%;
}
#footeraccess{
padding-top: .8em;
}
#footertelno{
font-size:220%;
line-height:120%;
}
#copyright{
font-size:70%;
line-height: 260%;
background:#183B95;
color:white;
} #notfound{
padding:0 10%;
margin:5em auto;
}
#notfound header{
margin-bottom:2em;
}
#notfound>div:not(#breadcrumb){
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;
}
#notfound>div>div:nth-of-type(1){
margin-right:3em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
font-size: 800%;
line-height: 100%;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
font-size:300%;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
margin-bottom:3em;
} #sharetitle h2{
font-size: 200%;
color: #153897;
margin: 2em 0 2em 15vw;
line-height: 200%;
}
#sharetitle h2:before{
content:"";
width:40%;
height:.2em;
background:#F18C1B;
position:absolute;
bottom:0;
left:0;
}
#precruit1>div:nth-of-type(1){
width:55%;
padding:2em 1em;
}
#precruit1>div:nth-of-type(2){
width:45%;
}
#precruit1 h3{
font-size:140%;
margin-bottom:.6em;
}
#precruit2{
margin: 5em 0;
}
#precruit2 h2,
#inquiry1 h2{
font-size: 160%;
font-weight: bold;
color: #153897;
line-height: 200%;
margin-bottom:1em;
}
#precruit2 h2:before,
#inquiry1 h2:before{
content: "";
width: 30%;
height: .1em;
background: #F18C1B;
position: absolute;
bottom: 0;
left: 0;
}
#precruit2 h3{
margin-bottom:1em;
}
#precruit2 table{
margin-bottom:3em;
}
#submit{
margin:1em;
} .list-mv07{
opacity: 0;
transform: translate(0,20%); 
-webkit-transform: translate(0,20%); 
transition: 1.2s;
}
.mv07{
opacity: 1.0;
transform: translate(0,0); 
-webkit-transform: translate(0,0);
}
.list-mv08{
opacity: 0;
transform: translate(20%,0); 
-webkit-transform: translate(20%,0); 
transition: 1.8s;
}
.mv08{
opacity: 1.0;
transform: translate(0,0); 
-webkit-transform: translate(0,0);
}
.list-mv09{
opacity: 0;
transform: translate(0,-20%); 
-webkit-transform: translate(0,-20%); 
transition: 1.8s;
}
.mv09{
opacity: 1.0;
transform: translate(0,0); 
-webkit-transform: translate(0,0);
} .ddn{display:none !important;}
.txc{text-align: center !important;}
.bold{font-weight: bold !important;}
.minwidth7{min-width:600px;width:70%;margin:0 auto;}
.minwidth8{min-width:680px;width:80%;margin:0 auto;}
.minwidth9{min-width:700px;width:90%;margin:0 auto;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.itemcenter{align-items: center;}
.itemend{align-items: flex-end;}
.itemend{align-items: flex-end;}
.justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}