@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:999px){

/*STYLE*/
.pc {
display:none;
}

.cts {
width:90%;
}

h1 {
width:40px;
position:fixed;
top:20px;
left:20px;
z-index:999;
}



/*MV*/
#mv {
width:100%;
min-height:70vw;
background:#000;
display:flex;
justify-content:center;
align-items:center;
position:relative;
margin-top:55px;
padding-bottom:27.5px;
}

#mv video{
width:100%;
height:auto;
}

.music {
width:45px;
height:45px;
position:absolute;
right:0;
cursor:pointer;
z-index:1;
}



/*COMPANY*/
#company {
}

#company .cts {
width:100%;
padding:60px 0;
}

#company section:nth-child(2n) .cts {
}

#company .photo {
width:90%;
height:60vw;
margin-bottom:40px;
}

#company .details {
width:80%;
margin:auto;
}

#company .details .detail {
width:100%;
}

#company section:nth-child(odd) .details .detail {
}

#company .details .detail .logo {
margin-bottom:30px;
}

#company .details .detail h2 {
font-size:120%;
font-weight:600;
letter-spacing:2px;
line-height:160%;
padding-bottom:15px;
text-align:center;
}

#company .details .detail .ex {
letter-spacing:1px;
line-height:180%;
padding-bottom:35px;
}

#company .details .detail .morebtn {
text-align:center;
}

#company .details .detail .morebtn .btn {
display:inline-block;
}

#company .details .detail .morebtn .btn a {
display:flex;
justify-content:center;
align-items:center;
background:#fff;
padding:12px 25px;
}

#company .details .detail .morebtn .btn a p {
font-weight:600;
}



/*RICOTECH*/
#ricotech {
background:#1e1e1e;
}

#ricotech .photo {
background:url(../img/ricotech.jpg) center;
background-size:cover;
}

#ricotech .logo {
width:80%;
margin:auto;
}

#ricotech .morebtn .btn a p {
color:#1e1e1e;
}

#ricotech .morebtn .btn a .arrow {
width:8px;
height:8px;
border-top:#1e1e1e 1px solid;
border-right:#1e1e1e 1px solid;
transform:rotate(45deg);
margin-left:10px;
}



/*SAKAGAMI*/
#sakagami {
background:#141c4d;
}

#sakagami .photo {
background:url(../img/sakagami.jpg) center;
background-size:cover;
}

#sakagami .logo {
width:70%;
margin:auto;
}

#sakagami .details .detail .morebtn .btn a {
background:#c8d2dc;
}

#sakagami .morebtn .btn a p {
color:#141c4d;
}

#sakagami .morebtn .btn a .arrow {
width:8px;
height:8px;
border-top:#141c4d 1px solid;
border-right:#141c4d 1px solid;
transform:rotate(45deg);
margin-left:10px;
}



/*ST ADVISERS*/
#st_advisers {
background:#0065b5;
}

#st_advisers .photo {
background:url(../img/st_advisers.jpg) center;
background-size:cover;
}

#st_advisers .logo {
width:65%;
margin:auto;
}

#st_advisers .morebtn .btn a p {
color:#0065b5;
}

#st_advisers .morebtn .btn a .arrow {
width:8px;
height:8px;
border-top:#0065b5 1px solid;
border-right:#0065b5 1px solid;
transform:rotate(45deg);
margin-left:10px;
}



/*NIWA*/
#niwa {
background:#fff;
}

#niwa .photo {
background:url(../img/niwa.jpg) center;
background-size:cover;
}

#niwa .logo {
width:70%;
margin:auto;
}

#niwa .details .detail h2 {
color:#000;
}

#niwa .details .detail .ex {
color:#000;
}

#niwa .details .detail .morebtn .btn a {
background:#c1272d;
}

#niwa .morebtn .btn a p {
color:#fff;
}

#niwa .morebtn .btn a .arrow {
width:8px;
height:8px;
border-top:#fff 1px solid;
border-right:#fff 1px solid;
transform:rotate(45deg);
margin-left:10px;
}




/*FOOTER*/
footer {
background:#000;
padding:50px 0 30px;
}

footer .footer_cts {
margin-bottom:35px;
}

footer .footer_cts .footer_symbol {
width:55px;
margin:0 auto 5px;
}

footer .footer_cts .footer_logo {
width:160px;
margin:auto;
}

footer .groups {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
padding-bottom:30px;
}

footer .groups .group {
width:47%;
margin-bottom:15px;
}

footer .groups .group .banner {
margin-bottom:10px;
}

footer .groups .group .banner a {
}

footer .groups .group .company {
font-size:70%;
}

footer .copyright {
font-size:60%;
text-align:center;
}






}