@charset "UTF-8";
/* CSS Document */
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  --bk: #000;
  --w: #fff;
  --nv:#1c305c;
  --db:#2a83a2;
  --bg:#00a497;
  --gy:#8da0b6;
}
body{
font-family: "Noto Sans JP", sans-serif;
height: 100%;
overflow-x: hidden;
min-height: 100dvh;
}
img{
max-width: 100%;
}
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
/*文字*/
a {
color:var(--bk);
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity .3s ease;
transition:opacity .3s ease
}

a:hover {
color: var(--db);
text-decoration:none
}

a:focus {
text-decoration:none
    }
h1{
font-size: 75px;
text-align: left;
}
h2{
font-size: 40px;
text-align: center;
letter-spacing: 5px;
padding-left: 5px;
}
h2 span{
font-size: 14px;
display: block;
}
h3{
font-size: 24px;
text-align: left;
}
/*header*/
header {
width: 100%;
position:relative;
background-color:#000;
}
.recruit-logo {
position: absolute;
width: 100%;
align-items: center;
z-index: 10;
margin: 10px;
}
.recruit-logo a{
text-decoration: none;
font-size: 18px;
color: #fff;
font-weight: 600;
}
.recruit-logo img{
max-width: 400px;
margin-right: 20px;
}
.switch{
position:fixed;
top: 20px;
right: 80px;
z-index: 1000;
color: #fff;
}
.switch a{
text-decoration: none;
color: #fff;
margin: 0 5px;
font-size: 14px;
}
.switch :hover{
color: #ccc;
}
.openbtn1 span{
background-color: #fff;
filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.6));
  }
/*セクション*/
main{
position:relative;
width: 100%;
overflow: hidden;
}
/*footer*/
footer{
background-color: #000000;
color: var(--w);
position: relative;
padding: 20px;
}
.footer-box{
text-align: center;
display: flex;
justify-content: center;
}
.footer-box img{
width: 110px;
}
address{
text-align: left;
padding: 0 20px;
font-style: normal;
font-size: 14px;
}
address h2{
margin: 0;
font-size: 21px;
text-align: left;
font-family: "Yuji Syuku", serif;
color: var(--w);
}
p.copy{
text-align: center;
font-size: 13px;
}
section{
position: relative;
}
.pc{
display: block;
}
.sp{
display: none;
}
@media screen and (max-width:768px) {
.recruit-logo {
width: 80%;
margin: 10px 5px;
text-align: center;
line-height: 0;
}
.recruit-logo a{
text-decoration: none;
font-size: 14px;
color: #fff;
font-weight: 600;
margin: 0;
}
.recruit-logo img{
max-width: 300px;
margin-right: 5px;
}
.switch{
position:fixed;
top: 55px;
right: 10px;
z-index: 1000;
color: #fff;
}
h1{
font-size: 32px;
text-align: left;
}
h2{
font-size: 32px;
text-align: center;
letter-spacing: 5px;
padding-left: 5px;
}
h3{
font-size: 18px;
}
.pc{
display: none;
}
.sp{
display: block;
}
}