@charset "utf-8";

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

body{
width:100%;
color:#333;
font-size:1.5rem;
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;}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

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

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

h1{
color:#00549a;
font-size:8rem;
font-weight:500;
line-height:1;
text-align:center;
margin:0 auto 60px auto;
display:table;
}
h1 span{
font-size:2.6rem;
line-height:1;
margin:20px auto 0 auto;
display:table;
}

h2{
color:#1c93c9;
font-size:3rem;
font-weight:500;
line-height:1;
text-align:center;
margin:80px auto;
display:table;
}

h3{
width:100%;
font-size:2rem;
font-weight:300;
line-height:1.5;
text-align:center;
margin:0 0 0 0;
display:table;
}

h4{
width:100%;
color:#00549a;
font-size:2rem;
font-weight:500;
line-height:1;
text-align:center;
margin:60px 0;
display:block;
}
h4 img{
margin:0 auto 10px auto;
display:table;
}

h5{
width:100%;
color:#000;
font-size:3.6rem;
font-weight:500;
line-height:1;
text-align:center;
margin:60px 0;
display:block;
}

p{
font-size:1.7rem;
line-height:1.8;
margin:0;
}

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

#content{
width:100%;
}

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

#common-sec{
width:90%;
max-width:1200px;
height:auto;
padding:50px 0;
margin:0 auto;
}

#home-back-image{
width:100%;
background-repeat:no-repeat;
background-size:initial;
}
.home-back-image-right{
background-position:top 20px right -25%;
}
.home-back-image-left{
background-position:top 20px left -25%;
}

#people-back-image{
width:100%;
background-repeat:no-repeat;
background-size:initial;
}
.people-back-image-right{
background-position:top 20px right -25%;
}
.people-back-image-left{
background-position:bottom 0px left -25%;
}


#home-movie-box{
width:100%;
height:90vh;
margin:75px 0 0 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-movie-box img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#grobal-navi-box{
width:94%;
padding:6px 3%;
background:#1c93c9;
display:flex;
justify-content:space-between;
position:fixed;
top:0;
left:0;
z-index:10;
}
#navi-logo{
width:500px;
}
#navi-logo img{
margin:0 10px 0 0;
}
#navi-logo span{
color:#fff;
font-size:3rem;
font-weight:700;
line-height:2.1;
}

#navi-box{
width:740px;
margin:auto 0;
display:flex;
justify-content:space-between;
}
#navi-box a{
font-size:1.4rem;
line-height:1;
padding:10px 20px;
background:#fff;
border-radius:6px;
}


#home-content-box, #home-people-box{
width:100%;
padding:0;
margin:0 0 60px 0;
display:flex;
justify-content:flex-start;
}
#home-content-box dt{
width:50%;
height:420px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
}
#home-content-box-dt-inner{
width:100%;
color:#fff;
font-size:1.6rem;
text-align:center;
position:absolute;
bottom:20px;
}
#home-content-box-dt-inner div{
font-size:12rem;
font-weight:700;
line-height:1;
margin:0 auto;
display:table;
}
#home-content-box-dt-inner span{
font-size:1rem;
font-weight:300;
margin:10px auto 0 auto;
display:table;
}

#home-content-box dt img{
width:110%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:-1;
}

#home-content-box dd{
width:44%;
font-size:1.5rem;
line-height:1.5;
padding:0 3%;
margin:auto 0;
}
#home-content-box dd span{
font-size:2.8rem;
font-weight:700;
letter-spacing:2px;
line-height:1.5;
margin-bottom:20px;
display:table;
}


#common-lnk{
color:#fff;
font-size:1.4rem;
font-weight:360;
line-height:3;
padding:0 60px;
margin:20px auto;
background:#00549a;
border-radius:6px;
display:table;
}

.home-content-box-lnk{
margin-bottom:0 !important;
}

#youtube-iframe{
width:680px;
height:383px;
margin:0 auto 140px auto;
display:table;
}

#home-people-box a{
width:33%;
height:500px;
position:relative;
overflow:hidden;
}
#home-people-box a img{
width:110%;
max-width:inherit;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
#home-people-box dl{
width:100%;
height:500px;
padding:0;
margin:0;
position:relative;
z-index:1;
}
#home-people-box dl dt{
width:100%;
color:#fff;
font-size:4rem;
font-weight:500;
line-height:1;
text-align:center;
padding:0;
margin:0;
display:table;
position:absolute;
top:5%;
left:0;
}
#home-people-box dl dd{
width:100%;
color:#fff;
font-size:4rem;
font-weight:500;
line-height:1;
text-align:center;
padding:0;
margin:0;
display:table;
position:absolute;
bottom:5%;
left:0;
}
#home-people-box dl dd span{
width:100%;
font-size:1.4rem;
font-weight:500;
line-height:1;
text-align:center;
margin:5px 0 0 0;
display:table;
}

#common-lnk-box{
width:600px;
margin:0 auto;
display:flex;
justify-content:center;
}


#footer-box{
width:1200px;
padding:20px 0;
margin:0 auto;
display:flex;
justify-content:space-between;
}
#footer-box dt{
width:520px;
padding:0;
margin:auto 0;
display:flex;
justify-content:space-between;
}
#footer-box dd{
width:500px;
padding:0;
margin:auto 0;
}
#footer-box dd table{
width:100%;
border-collapse:collapse;
}
#footer-box dd table th{
width:auto;
color:#fff;
padding:10px 10px 0 0;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#footer-box dd table th img{
width:100px;
margin:auto 0 auto auto;
}
#footer-box dd table th span{
width:200px;
font-size:2.8rem;
font-weight:500;
line-height:1;
display:inline-block;
}
#footer-box dd table th div{
width:100%;
font-size:1rem;
font-weight:300;
line-height:1.5;
text-align:right;
margin:0 0 0 0;
display:table;
}

#footer-box dd table td{
width:150px;
}


#people-box{
width:100%;
min-width:1000px;
height:580px;
margin:70px 0 0 0;
display:flex;
position:relative;
}
#people-box-title{
color:#fff;
font-size:10rem;
font-weight:500;
text-align:center;
position:absolute;
top:120px;
left:50%;
transform:translatex(-50%);
z-index:5;
}
#people-box-title span{
font-size:2.6rem;
margin:0 auto;
display:table;
}
#people-box dt{
width:33.333%;
padding:0;
margin:0;
position:relative;
overflow:hidden;
}
#people-box dd{
width:33.333%;
padding:0;
margin:0;
position:relative;
overflow:hidden;
}
#people-box dt img, #people-box dd img{
width:110%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
#people-box-job{
width:100%;
color:#fff;
font-size:3.6rem;
font-weight:700;
line-height:1.2;
text-align:center;
position:absolute;
bottom:30px;
left:50%;
transform:translatex(-50%);
z-index:2;
}
#people-box-job span{
font-size:2rem;
font-weight:300;
line-height:1;
margin:10px auto 0 auto;
display:table;
}
#people-box-screen-blue{
width:100%;
height:580px;
background:rgba(28,148,201,0.3);
position:absolute;
top:0;
left:0;
z-index:3;
}
#people-box-screen-black{
width:100%;
height:580px;
background:rgba(0,0,0,0.2);
position:absolute;
top:0;
left:0;
z-index:1;
}

#people-content-box{
width:100%;
margin:60px auto;
display:flex;
justify-content:flex-start;
}
#people-content-box dt{
width:41%;
font-size:1.5rem;
font-weight:360;
line-height:1.7;
padding:0 2%;
margin:auto 0;
display:table;
}
#people-content-box dt span{
width:100%;
color:#1c93c9;
font-size:2.6rem;
font-weight:700;
line-height:1.5;
margin-bottom:10px;
display:table;
}

#people-content-box dd{
width:55%;
height:500px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
}
#people-content-box dd img{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}


#about-head-box, #recruit-head-box{
width:100%;
min-width:980px;
height:600px;
padding:0;
margin-top:70px;
position:relative;
overflow:hidden;
}
#about-head-box-image, #recruit-head-box-image{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:-1;
}

#about-head-inner-box dl{
width:90%;
max-width:1200px;
margin:40px auto 0 auto;
display:flex;
justify-content:space-between;
}
#about-head-inner-box dl a{
width:auto;
color:#fff;
font-size:1.7rem;
font-weight:300;
text-align:center;
margin:10px auto;
display:table;
}
#about-head-inner-box dl a dt{
width:100px;
text-align:center;
padding:10px 20px;
margin:0 0 5px 0;
background-color:rgba(0,84,154,0.7);
border:1px solid #fff;
}


#about-content-box{
width:100%;
margin:80px 0 0 0;
display:flex;
}

#about-content-box dt{
width:50%;
padding:0;
margin:0;
background:#00bbb1;
position:relative;
}

#about-box-content-circle01, #about-box-content-circle02, #about-box-content-circle03{
width:220px;
height:220px;
color:#fff;
font-size:2rem;
line-height:1;
text-align:center;
border:1px solid #fff;
border-radius:50%;
position:absolute;
}

#about-box-content-circle01 img, #about-box-content-circle02 img, #about-box-content-circle03 img{
margin:20px auto 0 auto;
display:table;
}
#about-box-content-circle02 img, #about-box-content-circle03 img{
margin:85px auto 0 auto;
display:table;
}

#about-box-content-circle01{
top:10%;
left:50%;
transform:translatex(-50%);
}
#about-box-content-circle02{
top:40%;
left:35%;
transform:translatex(-50%);
}
#about-box-content-circle03{
top:40%;
left:65%;
transform:translatex(-50%);
}


#about-content-box dd{
width:42%;
font-size:1.5rem;
font-weight:360;
line-height:1.5;
padding:0 4%;
margin:auto 0;
display:table;
}
#about-content-box dd img{
margin:0 auto;
display:table;
}
#about-content-box dd div{
color:#00549a;
font-size:1.8rem;
font-weight:700;
margin:0 auto;
display:table;
}
#about-content-box dd span{
width:100%;
font-size:2.6rem;
font-weight:500;
line-height:1.4;
text-align:center;
margin:20px 0;
display:table;
}


#about-content-box-table01, #about-content-box-table02{
width:50%;
border-collapse:collapse;
}
#about-content-box-table01 td{
width:49%;
height:160px;
color:#fff;
font-size:1.8rem;
font-weight:500;
line-height:1.5;
text-align:center;
vertical-align:middle;
background:#4799ff;
border:1px solid #fff;
}

#about-content-box-table02 td{
width:49%;
height:160px;
color:#fff;
font-size:1.8rem;
font-weight:500;
line-height:1.5;
text-align:center;
vertical-align:middle;
background:#ff5757;
border:1px solid #fff;
}
#about-content-box-table02 td div{
width:100%;
font-size:6rem;
font-weight:700;
line-height:1;
text-align:center;
margin:10px auto;
display:table;
}
#about-content-box-table02 td span{
width:100%;
font-size:1rem;
text-align:center;
display:table;
}


#about-overview-table{
width:90%;
margin:0 auto;
border-collapse:collapse;
}
#about-overview-table th{
width:25%;
color:#00549a;
font-size:1.8rem;
font-weight:400;
line-height:1.8;
text-align:center;
vertical-align:top;
padding:25px 0;
border-bottom:1px solid #ccc;
}
#about-overview-table td{
width:71%;
font-size:1.8rem;
font-weight:400;
line-height:1.8;
text-align:left;
padding:25px 2%;
border-bottom:1px solid #ccc;
}

#recruit-head-inner-box, #about-head-inner-box{
width:100%;
height:440px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:3;
}

#about-recruit-head-title{
color:#fff;
margin-bottom:60px;
}

#recruit-head-inner-box div{
width:800px;
margin:70px auto 0 auto;
display:flex;
justify-content:space-between;
}
#recruit-lnk01, #recruit-lnk02{
width:240px;
color:#fff;
font-size:2.8rem;
font-weight:500;
line-height:1;
text-align:center;
display:table;
background:rgba(0,84,154,0.6);
border:1px solid #fff;
position:relative;
}
#recruit-lnk01{
padding:30px 20px 30px 80px;
}
#recruit-lnk02{
padding:30px 80px 30px 20px;
}

#recruit-head-lnk01{
position:absolute;
bottom:0;
left:35px;
z-index:3;
}
#recruit-head-lnk02{
position:absolute;
bottom:0;
right:35px;
z-index:3;
}


#recruit-box{
width:100%;
margin:20px auto;
}

#recruit-box-head{
width:96%;
color:#fff;
font-size:2.4rem;
font-weight:300;
line-height:1;
padding:14px 2%;
background:#1c93c9;
border-radius:5px;
cursor:pointer;
display:block;
list-style:none;
position:relative;
}

#recruit-box-head::-webkit-details-marker {
display:none;
}
#recruit-box-com{
width:90%;
font-size:1.7rem;
font-weight:360;
line-height:1.8;
margin:60px 5%;
}
#recruit-box-com span{
width:100%;
font-size:2.4rem;
font-weight:500;
line-height:1;
padding:40px 0 20px 0;
margin:0 0 20px 0;
border-bottom:1px solid #000;
display:table;
}

details summary::before {
content: '+';
color:#fff;
font-size:3rem;
font-weight:400;
line-height:3rem;
position:absolute;
top:50%;
right:10px;
transform:translatey(-50%);
}
details[open] summary::before {
content: '-';
right:14px;
transform:scale(2,1) translatey(-60%);
}

#anchor{
margin-top:-100px;
padding-top:100px;
display:block;
}

#navi{
display:none;
}


#smart-navi{
display:none;
}