.title_logo{box-sizing:border-box;height:250px;background:linear-gradient(to bottom, #adddff, #ffffff);position:relative;overflow:hidden}.title_logo::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-image:url("../img/header_1920.svg");background-repeat:no-repeat;background-position:center}@media(max-width: 500px){.title_logo::before{background-image:url("../img/header_500.svg")}}.title_logo::after{content:"";position:absolute;left:calc(50% + 178px);top:0;width:422px;height:250px;background-image:url("../img/header.png");background-size:422px 250px}@media(max-width: 500px){.title_logo::after{display:none}}.title_logo>h1{position:absolute;left:0;right:0;top:93px;margin:0;text-align:center;font-weight:500;font-size:48px;line-height:64px}section.products{padding-bottom:16px}section.products>ul{margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill, 280px);gap:40px;justify-content:center;max-width:800px}section.products>ul>li{--hover-border-color: #BB87FF;--hover-bg-color: #F2E8FF;--bar-color: #D5B7FD}section.products>ul>li:nth-of-type(2){--hover-border-color: #FF7171;--hover-bg-color: #FFEEEE;--bar-color: #FFC0C0}section.products>ul>li>a{display:block;position:relative;box-sizing:border-box;width:280px;height:210px;background:#fff;border-radius:8px;box-shadow:0px 0px 6px 2px rgba(76,76,76,.2392156863);overflow:hidden}section.products>ul>li>a>*{position:absolute;pointer-events:none}section.products>ul>li>a>div{left:10px;top:30px;height:150px;width:229px;box-shadow:0 0 0 1px #ccc;transform:perspective(700px) rotate3d(0, 1, 0, 27deg);background:#ccc;filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.1882352941))}section.products>ul>li>a>img:nth-of-type(2){left:10px;top:30px;height:150px;transform:perspective(700px) rotate3d(0, 1, 0, 27deg)}section.products>ul>li>a::after{display:none;content:"";pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;border-radius:8px;border:6px solid var(--hover-border-color)}@media(hover: hover){section.products>ul>li>a:hover{background-color:var(--hover-bg-color)}section.products>ul>li>a:hover::after{display:block}}section.products>ul>li>a:active{background-color:var(--hover-bg-color);box-shadow:none}section.products>ul>li>a:active::after{display:block}section.products>ul>li>h3{font-weight:500;font-size:20px;line-height:28px;text-align:center;position:relative;background-image:linear-gradient(to right, #FFFFFF, var(--bar-color), #FFFFFF);background-size:100% 10px;background-position:bottom 1px center;background-repeat:no-repeat}section.products>ul>li>p{margin:4px 0 0 0;font-family:Noto Sans JP;font-size:14px;line-height:20px;text-align:center}section.products>ul>li>*+*{margin:4px 0 0 0}section.use-cases{background:#eaf6ff;padding-bottom:16px}section.use-cases>ul{list-style:none;margin-top:0;margin-bottom:0;padding:0}section.use-cases>ul>li>a{position:relative;display:block;background:#fff;padding:16px;border-radius:8px;box-shadow:0px 0px 12px 2px rgba(124,185,255,.3215686275);text-decoration:none;color:inherit}@media(max-width: 1023.9px){section.use-cases>ul>li>a{padding:8px}}section.use-cases>ul>li>a::after{content:"";pointer-events:none;border-radius:8px;position:absolute;left:0;top:0;right:0;bottom:0;border:6px solid #94c3ff;display:none}@media(hover: hover){section.use-cases>ul>li>a:hover::after{display:block}}section.use-cases>ul>li>a:active{box-shadow:none}section.use-cases>ul>li>a:active::after{display:block}section.use-cases>ul>li>a>.cmn_use_edu_tags{font-size:16px;line-height:24px}section.use-cases>ul>li>a>*{margin:0}section.use-cases>ul>li>a>*+*{margin-top:8px}section.use-cases>ul>li>a>h3{font-weight:500;font-size:20px;line-height:28px}section.use-cases>ul>li>a>div{font-size:14px;line-height:20px}section.use-cases>ul>li>a>dl{display:grid;grid-template-columns:80px 1fr}@media(min-width: 1024px){section.use-cases>ul>li>a>dl{width:-webkit-fit-content;width:fit-content}}@media(max-width: 1023.9px){section.use-cases>ul>li>a>dl{grid-template-columns:48px 1fr}}section.use-cases>ul>li>a>dl>dt{background:#dee0e3;border-radius:8px 0 0 8px;display:grid;place-content:center;text-align:center;font-weight:500}section.use-cases>ul>li>a>dl>dd{margin:0;padding:8px 16px;background:#f3f5f8;border-radius:0 8px 8px 0;display:grid;place-content:center left}@media(max-width: 1023.9px){section.use-cases>ul>li>a>dl>dd{padding:8px}}section.use-cases>ul>li+li{margin-top:16px}