/* CSS Document */
/*section-main-visual***********************************/
#wrapper-main-visual{
position:fixed;
top:60px;
width:100%;
overflow:hidden;
z-index:-1;
}
#main-visual{width:100%;}
.overlay{
position:absolute;
top:0;
width:100vw;
height:56.25vw;
background-image:linear-gradient(45deg, rgba(255,255,255,.3) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.3) 75%, rgba(255,255,255,.3)), linear-gradient(45deg, rgba(255,255,255,.3) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.3) 75%, rgba(255,255,255,.3));
background-position:0 0, 2px 2px;
background-size:4px 4px;
}


#section03,#section04,#section05,#section06{background-color:#FFF;}
/*section01[news]***********************************/
#section01{
width:100%;
padding-top:2em;
background:#FFF;
margin-top:calc(56.25% + 60px);
}

#section01-opt{
padding:1em;
background-color:#EEE;
}
.cert-logos {
display: grid;
grid-template-columns:repeat(4,1fr);
gap: 1em;
}
.cert-logos img {width:100%;}

@media(min-width:768px){
.cert-logos {grid-template-columns:repeat(7,1fr);}
}


#topics{margin:2em 0;}
#topics li{}
#topics li a{
display:block;
padding:.5em;
}
#topics li a span{margin-right:3em;}

#topics+.btn-anchor-03{
width:20em;
margin:auto;
}
/*section02[whats]***********************************/
/*#section02{}
.anchor-block-01{
height:14em;
display:flex;
justify-content:center;
align-items:center;
background-color:#2EB6AA;
background:url("../img/bg-anchor-block-01.webp") center;
}
.unit-block-01{
width:20em;
/*位置確認用*/
/*background-color:rgba(0,0,0,.1);*/
/*color:#FFF;
text-align:center;
}
.unit-block-01 img{
display:block;
width:70%;
margin:auto;
}
.unit-block-01 a.btn-anchor-01
,.unit-block-01 a.btn-anchor-02{margin-top:1em;}*/

/*section02[whats]***********************************/
#section02{
padding:2em 0 0 0;
background-color:#0FA69B;
/*background:url("../img/bg-anchor-block-01.png");*/
}
#section02 a.btn-anchor-01{
display:block;
width:50%;
margin:1.5em auto;
text-align:center;
}
.embed-01{
width:100%;
margin:2em 0;
aspect-ratio:16/9;
}
.embed-01 iframe{
width:100%;
height:100%;
}

/*section03[machine,material,technology,process]*****/
#section03{padding-top:2em;}
.anchor-block-02{
display:flex;
justify-content:center;
align-items:center;
height:25em;
background-position:center;
background-blend-mode:overlay;
background-size:100%;
transition:all 0.25s ease-in-out;
}
.anchor-block-02:hover{
background-size:105%;
background-color:transparent;
}
.anchor-block-02.rev01{
background-color:#2EB6AA;
background-image:url("../img/background-01.webp");
}
.anchor-block-02.rev02{
background-color:rgba(255,255,255,.2);
background-image:url("../img/background-02.webp");
}
.anchor-block-02.rev03{
background-color:#2EB6AA;
background-image:url("../img/background-04.webp");
}
.anchor-block-02.rev04{
background-color:rgba(255,255,255,.2);
background-image:url("../img/background-03.webp");
}
.unit-block-01{
width:20em;
/*位置確認用*/
/*background-color:rgba(0,0,0,.1);*/
color:#FFF;
text-align:center;
}
.unit-block-01 img{
display:block;
width:70%;
margin:auto;
}
.unit-block-01 a.btn-anchor-01
,.unit-block-01 a.btn-anchor-02{margin-top:1em;}

/*section04[works]***********************************/
#section04{padding-top:2em;}
.slider01{margin:1em 0;}
.slider01 img{}
.slider01+.btn-anchor-02{
width:20em;
margin:auto;
position:relative;
top:-2.5em;
}

/*section05[recruit]***********************************/
#section05{padding-top:2em;}
.anchor-block-03{
height:50em;
display:flex;
justify-content:center;
align-items:center;
background-position:center;
background-size:cover;
background-image:url("../img/background-06.webp");
}

/*section06[sns]***********************************/
#section06{padding:2em 0;}
.page-plugin-wrapper{
max-width:500px;/* Facebook Page Plugin の最大幅 */
margin:1em auto;
}
.page-plugin-wrapper>.fb-page{width:100%;}
.page-plugin-wrapper>.fb-page>span,
.page-plugin-wrapper iframe{width:100% !important;}

#list-instagram{
width:100%;
margin-top:.25em;
}
#list-instagram li{
display:inline-block;
box-sizing:border-box;
width:33.3%;
margin-top:.5em;
padding:.25em;
}
#list-instagram li .box-responce-1-1{
width:100%;
padding-top:100%;
}

#list-instagram .thumbnail{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}


/*section07[company]***********************************/
#section07{}
.anchor-block-04{
height:15em;
display:flex;
justify-content:center;
align-items:center;
background-position:center;
background-blend-mode:overlay;
background-size:cover;
background-color:rgba(0,0,0,.5);
background-image:url("../img/bg-anchor-block-04.webp");
}

/*section08[contact]***********************************/
#section08{}
.anchor-block-05{
height:15em;
display:flex;
justify-content:center;
align-items:center;
background-color:#008379;
}