@charset "utf-8";

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

@media(min-width:1000px){

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

.cts {
width:1000px;
}

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



/*MV*/
#mv {
width:100%;
min-height:700px;
background:#000;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

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

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



/*COMPANY*/
#company {
}

#company .cts {
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row-reverse;
padding:100px 0;
}

#company section:nth-child(2n) .cts {
flex-direction:row;
}

#company .photo {
width:50%;
height:500px;
}

#company .details {
width:50%;
}

#company .details .detail {
width:500px;
padding:0 0 0 60px;
}

#company section:nth-child(odd) .details .detail {
margin:0 0 0 auto;
padding:0 60px 0 0;
}

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

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

#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:15px 30px;
}

#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:400px;
}

#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:360px;
}

#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:320px;
}

#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:350px;
}

#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:50px;
}

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

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

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

footer .groups .group {
width:31%;
margin:0 3.5% 20px 0;
}

footer .groups .group:nth-child(3n) {
margin-right:0;
}

footer .groups .group:last-child {
margin-bottom:0;
}

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

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

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



}