/*bace section*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:3px solid Highlight;outline-offset:2px;scroll-margin-block:10vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

body{
font-family: "Noto Sans JP", sans-serif;
background-image: url("../img/background.webp");
background-size: cover;
background-attachment: fixed;
background-position: center center;
font-size: 14px;
font-weight: 400;
color: #000000;
}

/*collaboration section*/

ul.collaboration{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
padding: 0 20px 150px 20px;
}
ul.collaboration li:nth-child(2),ul.collaboration-footer li:nth-child(2){
padding: 0 25px 0 30px;
}
ul.collaboration li a:hover img,ul.collaboration-footer li a:hover img{
opacity: 0.75;
transition: 0.4s;
}
ul.collaboration-footer{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
padding: 100px 20px 100px 20px;
border-top: 1px solid #000000;
margin: 100px 0 0 0;
}


/*footer section*/
footer{
width: 100%;
background-color: #000000;
color: #FFFFFF;
padding: 50px 0;
margin: 0 0 0 0;
}
footer #footerlink{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 20px;
}
footer ul#role{
display: -webkit-flex;
display: flex;
flex-flow: column;
font-size: 16px;
color: #FFFFFF;
}
footer ul#role li{
padding: 0 30px 20px 30px;
}
footer ul#role li a {
transition: .5s;
text-decoration: none;
color: #FFFFFF;
}
footer ul#role li a:hover{
opacity: 0.5;
}
footer ul#role li a::after{
content: url("../img/img_link.svg");
vertical-align: middle;
padding: 0 0 0 10px;
}


footer ul#internal{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
font-size: 16px;
color: #FFFFFF;
padding: 0 10px 0 0;
}
footer ul#internal li{
padding: 0 20px;
}
footer ul#internal li a {
transition: .5s;
text-decoration: none;
color: #FFFFFF;
}
footer ul#internal li a:hover{
opacity: 0.5;
}

footer ul#internal li:last-child a::after{
content: url("../img/img_link.svg");
vertical-align: middle;
padding: 0 0 0 10px;
}




footer p{
padding: 50px 0 0 50px;
text-align: left;
font-size: 16px;
font-weight: 300;
}
@media screen and (max-width: 960px) {
footer #footerlink{
display: -webkit-flex;
display: flex;
flex-direction:column;
}
footer ul#internal{
display: -webkit-flex;
display: flex;
flex-direction:column;
padding: 30px 0 0 0;
}
footer ul#internal li{
padding: 10px 20px;
}
footer ul#internal li::before{
content:"・";
padding: 0 10px 0 0;
}
footer ul#role li{
padding: 0 20px 20px 20px;
}
footer p{
padding: 50px 0 0 40px;
text-align: left;
font-size: 16px;
font-weight: 300;
}
}