:root{--color-primary: #2047FF;--color-text: #202020;--color-cv: #FF7F00;--color-bg: #F8F9FB}main{padding-bottom:50px}html{line-height:1.5;font-size:16px;font-family:"Noto Sans JP",sans-serif;color:var(--color-text);scrollbar-color:var(--color-text) #ddd;scrollbar-width:thin;background-color:var(--color-bg)}img{height:auto;max-width:100%}.container{max-width:min(1200px,100%);margin-inline:auto;padding-inline:20px}.header{padding-block:20px 10px}.header .logo{width:120px;height:50px}.header .logo img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.header .logo{width:100px}}.title-wrap{margin:0 auto}.title-wrap img{width:30px;display:block;margin:0 auto}.title-wrap .title{margin-top:10px;font-weight:bold;text-align:center;font-size:30px}@media screen and (max-width: 768px){.title-wrap .title{font-size:20px}}.iframe-wrap{margin-top:30px;width:100%}.iframe-wrap iframe{width:100%;height:auto;aspect-ratio:21/9}@media screen and (max-width: 768px){.iframe-wrap{margin-top:10px}.iframe-wrap iframe{aspect-ratio:1/1.5}}.gradient-button{margin-top:20px;position:relative;margin-inline:auto;width:min(100%,340px);display:grid;align-items:center;grid-template-columns:1fr 24px;padding:16px 14px;border-radius:4px;text-align:center;color:#fff;font-weight:bold;box-shadow:0px 2px 4px 0px rgba(0,0,0,.2);transition-duration:.3s;background:linear-gradient(90deg, var(--color-primary) 0%, #208CFF 100%)}.gradient-button::after{content:"";width:11px;height:11px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg)}@media(any-hover: hover){.gradient-button:hover{box-shadow:none;transform:translateY(2px);filter:brightness(1.2)}}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.uselist{width:min(1100px,100%);margin:30px auto 0;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:10px}@media screen and (max-width: 768px){.uselist{margin-top:10px}}.uselist .item{padding:20px;display:grid;grid-template-rows:subgrid;grid-row:span 3;background-color:#fff}.uselist .image{width:100%;text-align:center}.uselist .image img{width:100%}.uselist h3{margin-top:10px;text-align:center;font-size:18px;font-weight:bold}@media screen and (max-width: 768px){.uselist p{font-size:14px}}.copy{padding-block:30px;display:flex;gap:30px;justify-content:center;align-items:end;font-size:20px;font-weight:bold}.copy a{transition-duration:.3s}@media(any-hover: hover){.copy a:hover{opacity:.8}}@media screen and (max-width: 768px){.copy{gap:10px;font-size:14px}.copy img{width:120px}}