*{margin:0;padding:0;outline:none}html,body{width:100%;height:100%;font-family:"Noto Sans JP",sans-serif}body::before{position:absolute;opacity:.1;content:" ";width:100%;height:100%;background:url(../img/ciogi.svg) no-repeat;background-size:auto 40%;background-position:right 90%}@media only screen and (min-width: 600px){body::before{background-size:auto 60%;background-position:right bottom}}@media only screen and (min-width: 600px){br.sp{display:none}}#main{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:space-between}header{position:relative;background:#000;width:100%;height:40px}header img{position:relative;display:block;height:100%;width:auto}section{position:relative;width:100%}article{position:relative;text-align:center;padding:20px 0}article h1{font-weight:700;font-size:24px;line-height:30px}@media only screen and (min-width: 600px){article h1{font-size:32px;line-height:36px}}article p{font-weight:400;padding:1em 0;font-size:12px;line-height:16px}@media only screen and (min-width: 600px){article p{font-size:16px;line-height:20px}}article#links{display:flex;flex-wrap:wrap;justify-content:center}article#links .items{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:45%;max-width:400px;margin:4px}article#links .items a{position:relative;display:flex;width:100%;height:64px;background:#fff;border:2px solid #fdd000;justify-content:center;align-items:center;text-decoration:none;border-radius:8px}article#links .items a:hover{background:rgba(253,208,0,.2)}article#links .items a img{display:block;width:100%;height:100%}footer{position:relative;background:#000;width:100%;text-align:center;color:#fff;font-size:12px;font-weight:100;padding-bottom:1em}footer img{height:48px;width:auto}footer p{margin-top:-1em}