@charset "UTF-8";

*{
margin:0;
padding:0;
font-family:'Julius Sans One', sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
} _::content, _:future, body { 
font-size:4.14vw;
} @-moz-document url-prefix() {
body {
font-size:4.10vw;
}
}
html{
height:100%;
}
body{
line-height:150%;
height:100%;
font-weight:300;
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
font-weight:300;
}
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{
display:block;
outline:none;
width:100%;
height:auto;
}
p{
color:#333;
}
a{
text-decoration:none;
color:#333;
}
a:hover{
text-decoration: underline;
}
iframe{
border:none;
}
table{
border-collapse:separate;
}
th,td{
font-weight:normal;
}
th{
text-align:left;
}
td{
text-align:left;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
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{
border-bottom: .2em solid #183B95;
}
#header-l{
width: 23%;
padding: .4em;
}
#header-cl{
margin-right: auto;
font-size: 200%;
padding-top: .2em;
}
#header-cl p{
color:black;
}
#headnav li{
padding:0 .4em;
font-size:90%;
cursor:pointer;
}
#headnav li:hover{
text-decoration: underline;
}
#headnav li:before{
content:"▶ ";
font-size:80%;
} #topimage{
border-bottom: .2em solid #183B95;
}
#topimage>div{
position: absolute;
left: 10vw;
top: 10%;
}
#topimage h2{
font-size:180%;
} #motto{
padding:2em 1em 4em;
}
#motto h2{
color:#183B95;
font-size:160%;
margin-bottom:.6em;
}
#service{
margin-bottom:1em;
}
#service h2{
color: #183B95;
padding-bottom: .4em;
margin-bottom: 1em;
}
#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{
background: #ece9dc;
}
#service li>p{
}
#service li>div{
}
#service li>div>div{
background: #3977C1 url(//imataku.jp/wp-content/themes/imataku/images/front/serviceback.png);
background-size: 8px 8px;
color: white;
padding: 3em 3em;
}
#service h3{
font-size: 160%;
font-weight: bold;
line-height: 300%;
width: 80%;
margin: -2.5em auto -0.5em;
background: rgba(255,255,255,.7);
z-index: 1;
}
#service h3:before{
content:"";
width:40%;
height:.1em;
background:#F18C1B;
position:absolute;
bottom:0;
left:30%;
}
#service h4{
font-size: 140%;
font-weight: 400;
margin-bottom: .8em;
}
#service p{
color: #d1e6fd;
}
#discri{
margin-bottom: 3em;
padding: 1em;
}
#company{
padding:0 1em;
}
#company h2{
color: #183B95;
padding-bottom: .4em;
margin-bottom: 1em;
font-size: 160%;
}
#company h2:before{
content: "";
height: .2em;
width: 30%;
position: absolute;
bottom: 0;
left: 35%;
background: #F18C1B;
}
#company table{
background:white;
}
#company th,
#company td{
display: block;
}
#company th{
border-bottom:1px dotted #ddd;
padding-bottom:0;
}
#company th:before{
content:"・";
}
#company td{
padding-top:0;
padding-left:1em;
color:#555;
}
#goomap{
height:50vw;
}
.dp-google-map{
height:100% !important;
} #collage{
margin:3em 0;
}
#collage p{
padding:.4em 0;
} #recruit h2{
color: #183B95;
padding-bottom: .4em;
margin-bottom: 1em;
font-size: 180%;
}
#recruit h2:before{
content: "";
height: .2em;
width: 30%;
position: absolute;
bottom: 0;
left: 35%;
background: #F18C1B;
}
#recruit>p:nth-of-type(1){
overflow: hidden;
height:40vw;
}
#recruit>p:nth-of-type(1) img{
width:160%;
}
#recruittype{
margin: 2em auto;
}
#recruittype h3{
font-size:140%;
font-weight: bold;
margin-bottom:1em;
}
#recruittype li{
width:80%;
margin:0 auto 3em;
}
#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-size: 140%;
line-height: 200%;
font-weight: 400;
}
#flow{
background:-webkit-linear-gradient(#ECEFF4, white);
background:-o-linear-gradient(#ECEFF4, white);
background:linear-gradient(#ECEFF4, white);
padding:3em 1em;
overflow: hidden;
}
#flow h3{
font-size: 140%;
font-weight: bold;
margin-bottom: 1em;
}
#flow li>p{
}
#flow li>div{
padding: 1em;
margin-bottom: 1em;
}
#flow li:nth-of-type(odd)>div{
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{
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: 140%;
border-bottom: .1em solid #F18C1B;
line-height: 150%;
margin-bottom: .4em;
}
#recruitbtn{
margin: 2em auto;
}
#recruitbtn a{
display: inline-block;
padding:1em 4em;
background:#183B95;
color:white;
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
} #footernav li{
line-height: 300%;
} #inquiry>div{
}
.wpcf7{
margin-bottom:2em;
padding:0 .4em;
}
.wpcf7 table{
background:#aaa;
border-spacing:1px;
color:#333;
width:100%;
font-size:90%;
}
#inquiry1 table{
background:white;
}
.wpcf7 th,
.wpcf7 td{
background:white;
font-weight:normal;
text-align: left;
padding:.5em;
}
#inquiry1 th,
#inquiry1 td{
display: block;
width:100%;
box-sizing: border-box;
}
#inquiry1 th{
background:white;
}
#inquiry1 td{
margin-bottom:1em;
padding:0;
}
#inquiry1 input:not([type="submit"]){
border: 1px solid #ddd;
font-size: 130%;
line-height: 200%;
padding-left:.4em;
box-sizing: border-box;
}
.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: .5em 4em;
background: #009bdf;
background-size: auto 50%;
color: white;
border-radius: .2em;
font-size: 120%;
}
.screen-reader-response,
.wpcf7-not-valid-tip{
display: inline-block;
color:red;
font-weight: bold;
} #footernav{
padding: 2em 2em 7em;
position: fixed;
left: 0;
bottom: -20em;
width: 100vw;
background: rgba(255, 255, 255, 0.95);
z-index: 9998;
border-top:.2em solid #183B95;
display: none;
}
#m_menu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: .5em 0;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: flex;
z-index: 9999;
background: #183B95;
}
#m_menu li {
width: 48%;
padding: 0 4%;
}
#m_menu li a {
display: block;
color: white;
}
#m_menu li:last-of-type {
width: 46%;
border: .2em solid white;
border-radius: 2.5em;
margin: 0 .6em 0 auto;
padding: 0;
}
#m_menu li:last-of-type:before {
content: "メニュー";
position: absolute;
left: 3.5em;
top: 0;
line-height: 260%;
font-size: 120%;
color: white;
}
.menu-trigger {
position: relative;
width: 100%;
height: 2.6em;
border-radius: .5em;
margin-top: .2em;
}
.menu-trigger, .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger span {
position: absolute;
left: 16%;
width: 20%;
height: .2em;
background-color: #fff;
border-radius: .1em;
}
.menu-trigger span:nth-of-type(1) {
top: 18%;
}
.menu-trigger span:nth-of-type(2) {
top: 46%;
}
.menu-trigger span:nth-of-type(3) {
bottom: 18%;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(.72em) rotate(-315deg);
transform: translateY(.72em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-.72em) rotate(315deg);
transform: translateY(-.72em) rotate(315deg);
}
#footernav ul{
}
#footernav li a{
display: block;
border-bottom:1px solid #ccc;
}
#footernav li a:before{
content:"➾　";
}
#footerinfo{
padding:2em 1em;
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){
}
#footerinfo>div>div>div:nth-of-type(1){
width:27%;
margin-right:1em;
}
#footerinfo>div>div>div:nth-of-type(2){
width:73%;
}
#footerinfo>div>div>div>p:nth-of-type(1){
font-size:160%;
line-height:120%;
}
#footerinfo>div>div>div>p:nth-of-type(2){
font-size:80%;
}
#footeraccess{
padding-top: .8em;
}
#footertelno{
font-size:180%;
line-height:120%;
}
#footeraccess>p:nth-of-type(2){
font-size:90%;
}
#copyright{
font-size:70%;
line-height: 260%;
background:#183B95;
color:white;
padding-bottom:7em;
} #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: 180%;
color: #153897;
margin: 1em 0;
line-height: 200%;
}
#sharetitle h2:before{
content:"";
width:40%;
height:.2em;
background:#F18C1B;
position:absolute;
bottom:0;
left:30%;
}
#precruit1>div{
width:100%;
}
#precruit1>div:nth-of-type(1){
padding:2em 1em;
}
#precruit1>div:nth-of-type(2){
-webkit-order:-1;-ms-flex-order:-1;order: -1;
height:14em;
overflow: hidden;
}
#precruit1 h3{
font-size:140%;
margin-bottom:.6em;
}
#precruit2{
padding:0 .6em;
}
#precruit2 h2,
#inquiry1 h2{
font-size: 160%;
font-weight: bold;
color: #153897;
line-height: 200%;
margin-bottom:1em;
text-align: center;
}
#precruit2 h2:before,
#inquiry1 h2:before{
content: "";
width: 30%;
height: .1em;
background: #F18C1B;
position: absolute;
bottom: 0;
left: 35%;
}
#precruit2 h3{
margin-bottom:1em;
font-weight: bold;
}
#precruit2 table{
margin-bottom:2em;
}
#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);
} .mdn{display:none !important;}
.m_txc{text-align: center !important;}
.m_flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemcenter{align-items: center;}
.m_itemend{align-items: flex-end;}
.m_itemend{align-items: flex-end;}
.m_justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}