/* 基本カラー（グレー）:#666 */



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

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;
}

#intro{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg01.jpg') center/cover;
}

@media screen and (min-width: 0px) and (max-width: 750px)  {
#create{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg01_mobi.jpg') center/cover;
}
}

#message{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg02.jpg') center/cover;
}

#strategize{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg03.jpg') center/cover;
}

#communicate{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg04.jpg') center/cover;
}

#create{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg05.jpg') center/cover;
}

@media screen and (min-width: 0px) and (max-width: 750px)  {
#create{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg05_mobi.jpg') center/cover;
}
}

#support{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg06.jpg') center/cover;
}

#company{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg07.jpg') center/cover;
}

#activities{
background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.6)), url('image/bg08.jpg') center/cover;
}

.contents h2{
margin:0;
padding:0;
font-size: clamp(60px, 6vw, 5.5vw);
font-family: "Shippori Mincho", serif;
}

.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;
}


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

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

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

#intro .copyright{
width:100%;
margin:0.4em 0 0 0;
font-size: clamp(12px, 1vw, 1vw);
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-style: normal;
}