/* 基本カラー（青）:#008BD3 */



body{
margin:0;
padding:0;
font-family: "Shippori Mincho", serif;
color:#fff;
background-color:#666;
}

a:link{color:#fff; text-decoration:none; border:none;}
a:visited{color:#fff; text-decoration:none; border:none;}
a:active, 
a:hover{color:#fff; text-decoration:none; border:none;}



/* ================== contents ================== */

.container{
overflow: auto;
scroll-snap-type: y mandatory;
height: 100vh;
}

.wrap {
position: relative;
width:100%;
height:100vh;
background-blend-mode: multiply;
}

.contents{
width:100%;
height:100vh;
color:#fff;
text-align:center;
scroll-snap-align: start;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}

.contents {
text-shadow: 0px 0px 40px rgba(0,82,213,0.5);
}

.contents h2{
margin:0;
padding:0;
font-size: clamp(55px, 5vw, 5vw);
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
}

.deco:before{
content: url('image/logo_title.png');
margin:0 0 -20px 0;
display:block;
}

.subtitle{
margin:0;
padding:0;
font-size: clamp(18px, 1.5vw, 1.5vw);
font-family: "Noto Sans JP", sans-serif;
}

.lead{
width:100%;
margin:2em 0 0 0;
padding:0;
font-size: clamp(14px, 1.3vw, 1.3vw);
line-height:1.8em;
word-break: break-all;
}

.newline{
display:inline;
}

@media screen and (min-width: 0px) and (max-width: 750px)  {

.newline{
display:block;
}

}

/* ================== background ================== */

#intro{
background: url('image/bg_top.jpg') center/cover;
}

#sc{
background: url('image/bg_sc.jpg') center/cover;
}

#ifw{
background: url('image/bg_ifw.jpg') center/cover;
}

#lt{
background: url('image/bg_lt.jpg') center/cover;
}

#la{
background: url('image/bg_la.jpg') center/cover;
}

#cp{
background: url('image/bg_cp.jpg') center/cover;
}

#recruitment{
background: url('image/bg_recruitment.jpg') center/cover;
}

#recruit{
background: url('image/bg_recruit.jpg') center/cover;
}


@media screen and (min-width: 0px) and (max-width: 750px)  {

#sc{
background: url('image/bg_sc_mobi.jpg') center/cover;
}

#recruitment{
background: url('image/bg_recruitment_mobi.jpg') center/cover;
}

#recruit{
background: url('image/bg_recruit_mobi.jpg') center/cover;
}

}


/* ================== intro ================== */

#intro .site-logo img{
margin:0;
padding:0;
width: clamp(240px, 20vw, 20vw);
height:auto;
}

#intro .contents h1{
margin:0;
padding:0;
font-size: clamp(24px, 2vw, 2vw);
line-height:2em;
font-weight: 400;
font-style: normal;
}

#intro .copyright{
width:100%;
margin:0.4em 0 0 0;
font-size: clamp(12px, 0.8vw, 0.8vw);
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
}