@charset "utf-8";


/***************************  内容部分  ***************************/
section.types {width:80rem;height:auto;margin:3rem calc(50% - 40rem) 2rem;display:flex;flex-wrap:nowrap;justify-content:flex-start;background:#fff;}
section.types a {position:relative;width:auto;height:auto;padding:0 2rem;display:block;font-size:1rem;color:#1c1e20;line-height:4rem;white-space:nowrap;cursor:pointer;}
section.types a:hover {color:#fff;background:#005c96;box-shadow:0 0 0.5rem #1c1e2040;}
section.types a.on {color:#fff;background:#005c96;}
section.types a.on:after {content:"";position:absolute;top:100%;left:50%;width:0;height:0;border:solid 0.5rem #ffffff00;border-top-color:#005c96;transform:translateX(-50%);}
section.product {width:76rem;height:auto;padding:2rem;margin:2rem calc(50% - 40rem) 3rem;background:#fff;}
section.product ul {width:calc(100% + 2rem);height:auto;margin-left:-1rem;display:flex;flex-wrap:wrap;justify-content:flex-start;}
section.product ul li {position:relative;width:calc(33.33333333% - 6rem);height:auto;padding:2rem;margin:0 1rem 2rem;border-radius:0.5rem;cursor:pointer;}
section.product ul li:hover {box-shadow:0 0 1rem #1c1e2040;}
section.product ul li img {position:relative;left:50%;width:auto;max-width:100%;height:14rem;transform:translateX(-50%);}
section.product ul li span {position:absolute;z-index:1;top:0;left:0;width:auto;height:auto;padding:0 1.5rem;font-size:1rem;color:#fff;line-height:2rem;background:#005c96;border-radius:0.5rem 0 0 0;}
section.product ul li p {width:100%;height:auto;margin:2rem 0 1rem;display:block;font-size:1.5rem;color:#1c1e20;line-height:3rem;white-space:nowrap;cursor:pointer;overflow:hidden;}
section.product ul li i {width:100%;height:auto;display:block;font-size:1rem;font-style:normal;color:#1c1e2080;line-height:1.5rem;}