@charset "utf-8";

html{
font-size:62.5%;
font-family:'Noto Sans JP', sans-serif;
}

body{
width:100%;
color:#333;
font-size:1.7rem;
font-weight:360;
line-height:1.8;
margin:0;
background:#ffffff;
}

img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
image-rendering:crisp-edges;
backface-visibility:hidden;
}

img.scaled-image {
border:0;
margin:0;
}

ul{list-style:none;padding:0;}

h1{
width:100%;
font-family: "Noto Serif JP", serif;
font-size:3rem;
font-weight:500;
line-height:1.5;
margin:0 0 40px 0;
display:table;
}

h2{
width:100%;
font-family: "Noto Serif JP", serif;
font-size:3.4rem;
font-weight:700;
line-height:1.5;
margin:0 0 40px 0;
display:table;
}

h3{
width:100%;
font-size:2.4rem;
font-weight:300;
line-height:2;
margin:0 0 40px 0;
display:table;
}

.center{
text-align:center;
}
.left{
text-align:left;
}

p{
width:100%;
padding:0;
margin:0;
display:block;
}

p span{
font-size:2rem;
}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

a{
color:#333;
text-decoration:none;
transition:1s;
}

a:hover{
color:#333;
text-decoration:none;
opacity:0.8;
transition:1s;
}

#wrapper{
margin:0 auto;
width:100%;
overflow: hidden;
}

#content{
width:100%;
}

#home-sec{
width:90%;
max-width:1200px;
height:auto;
padding:80px 5%;
margin:0 auto;
}

#common-sec{
width:90%;
max-width:1000px;
height:auto;
padding:80px 5%;
margin:0 auto;
}

#home-movie-box{
width:100%;
height:90vh;
margin:0;
display:block;
position:relative;
overflow:hidden;
z-index:3;
}
#home-movie-box video{
width:177.77777778vh;
min-height:100%;
min-width:100%;
display:table;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:-1;
}
#home-image-catch{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#home-movie-box a{
position:absolute;
bottom:10%;
left:50%;
transform:translatex(-50%);
}

#common-image-box{
width:100%;
padding:0;
margin:60px 0;
display:flex;
flex-flow:wrap;
}
.home-image-box{
justify-content:space-between;
}
.home-image-box div{
width:30%;
color:#fff;
font-size:1.2rem;
line-height:1;
text-align:center;
}
.home-image-box div img{
width:100%;
max-width:inherit;
margin:0 0 10px 0;
box-shadow:2px 2px 8px rgba(0,0,0,0.5);
}

#common-contents-box{
width:90%;
padding:60px 5%;
margin:0;
display:flex;
flex-flow:wrap;
box-shadow:0px 0px 8px rgba(0,0,0,0.5);
position:relative;
border-radius:30px;
overflow:hidden;
}
#common-contents-box-left{
width:150px;
height:150px;
background:#1575d7;
position:absolute;
top:-90px;
left:-90px;
transform:rotate(45deg);
z-index:-1;
}
#common-contents-box-right{
width:150px;
height:150px;
background:#1575d7;
position:absolute;
bottom:-90px;
right:-90px;
transform:rotate(45deg);
z-index:-1;
}

.box-center{
justify-content:center;
}

#home-contents-box{
width:22%;
max-width:280px;
font-size:1.2rem;
line-height:1.4;
text-align:left;
margin:0 1.5% 30px 1.5%;
}
#home-contents-box span{
width:100%;
font-size:2.2rem;
font-weight:500;
line-height:1;
text-align:center;
margin:10px 0;
display:table;
}

#common-bar{
width:100%;
height:10px;
padding:0;
margin:60px 0;
display:table;
border-top:10px solid #1575d7;
border-bottom:10px solid #1575d7;
position:relative;
}
#common-bar div{
width:auto;
font-family: "Noto Serif JP", serif;
color:#1575d7;
font-size:3rem;
font-weight:900;
padding:20px 10px;
background:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#common-bar div img{
display:table;
}



#footer-box{
width:90%;
max-width:1200px;
color:#fff;
font-size:1.3rem;
text-align:center;
margin:0 auto;
display:table;
}
#footer-box span{
width:100%;
font-size:2rem;
text-align:center;
margin:0 auto;
display:table;
}

#groval-navi-back{
width:100%;
height:68px;
background:#1575d7;
position:fixed;
z-index:2;
}
#groval-navi-box{
width:96%;
padding:10px 2%;
display:flex;
position:fixed;
top:0;
left:0;
z-index:5;
}

#groval-navi-logo{
width:auto;
margin:auto auto auto 0;
}
#navi-box{
width:600px;
margin:auto 0 auto auto;
display:flex;
justify-content:space-between;
}
#navi-box a{
color:#fff;
font-size:1.4rem;
line-height:1;
padding:0 20px;
margin:0;
border-left:1px solid #fff;
}

#common-head-image{
width:100%;
margin:0 auto;
display:table;
}

#common-table{
width:100%;
margin:0 auto;
border-collapse:collapse;
}
#common-table th{
width:30%;
font-size:1.8rem;
font-weight:390;
line-height:2;
text-align:center;
vertical-align:top;
padding:6px 0;
}
#common-table td{
width:70%;
font-size:1.8rem;
font-weight:390;
line-height:2;
padding:6px 0;
}


#recruit-head{
width:100%;
height:80vh;
background-repeat:no-repeat;
background-position:center;
backgroound-size:cover;
position:relative;
top:0;
left:0;
z-index:3;
}
#recruit-catch{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#recruit-cursor{
position:absolute;
bottom:5%;
left:50%;
transform:translatex(-50%);
}

#common-lnk{
color:#fff;
font-size:1.4rem;
line-height:2;
padding:0 40px;
margin:60px auto 0 auto;
display:table;
border-radius:20px;
background:#1575d7;
}