@charset "UTF-8";:root{--white-color:#fff;--black-color:#000;--primary-color:#21297e;--background-color:#e7e7e8;--accent-color:#898fc9}:root{--content-width-sm:90%;--content-width-main:1080px}:root{--z-index-background:-1;--z-index-content:10}body{line-height:1.6;font-size:30px;color:var(--black-color);font-family:sans-serif;letter-spacing:.1em;font-family:'Noto Sans JP',sans-serif}a{text-decoration:none;color:var(--black-color)}img{width:100%;height:auto}li{list-style:none}.l_header-main-wrap{background:var(--primary-color);padding:20px 0}.l_header-main,.l_header-sub{width:var(--content-width-sm);margin:0 auto;display:flex;align-items:center}@media screen and (min-width:1080px){.l_header-main,.l_header-sub{width:var(--content-width-main)}}.l_header-logo_img{width:50px;display:flex}.l_header-main_ttl{color:var(--white-color);margin-left:20px;font-size:20px;font-weight:700}@media screen and (min-width:1080px){.l_header-main_ttl{font-size:26px}}.l_header-sub-wrap{background:var(--accent-color)}.header-sub_ttl{color:var(--white-color);font-size:16px}.section_inner{width:var(--content-width-sm);margin:0 auto;padding:40px 0}@media screen and (min-width:1080px){.section_inner{width:var(--content-width-main)}}.section_ttl{font-size:20px;font-weight:700;position:relative;padding-left:20px;display:flex;align-items:center}.section_ttl:before{content:"";width:10px;height:30px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:var(--primary-color);z-index:var(--z-index-content)}.recommend_img-wrap{margin:30px auto;display:flex;width:100%}.recommend_img-box{max-width:600px;margin:0 5px 30px;object-fit:cover}.recommend_img{width:65%;margin:0 auto}@media screen and (min-width:768px){.recommend_img{width:100%}}@media screen and (min-width:768px){.section_wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}}.genre-list-wrap{margin-top:40px;width:100%}@media screen and (min-width:768px){.genre-list-wrap{width:48%}}.genre-list{display:block}.genre-items-wrap{vertical-align:middle;padding:5px 0;border:1px solid var(--primary-color);display:flex;justify-content:center;height:40px}.genre-ttl-wrap{display:flex;align-items:center;padding:5px 0;background:var(--primary-color);height:50px;justify-content:center;position:relative}.genre-ttl_imgbox{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:40px;height:40px;background:var(--white-color);border-radius:10px}.genre-items-name{font-size:16px;vertical-align:middle;font-weight:700;display:flex;align-items:center}.genre-ttl{font-size:18px;vertical-align:middle;font-weight:700;display:flex;align-items:center;color:var(--white-color)}.genre-list-ttl{position:relative;height:50px;display:none}.genre-list-ttl:before{content:"1";position:absolute;top:50%;left:20px;transform:translateY(-50%);border:1px solid var(--primary-color);border-radius:10px;padding:5px 12px;width:40px;height:40px;font-size:18px;font-weight:700}.genre-list-ttl:nth-child(3):before{content:"2"}.genre-list-ttl:nth-child(4):before{content:"3"}.genre-list-ttl:nth-child(5):before{content:"4"}.genre-list-ttl:nth-child(6):before{content:"5"}.genre-list-ttl:nth-child(7):before{content:"6"}.case-list-wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}@media screen and (min-width:768px){.case-list-wrap{gap:30px}}.case-list{width:100px}@media screen and (min-width:768px){.case-list{width:150px}}@media screen and (min-width:1080px){.case-list{width:200px}}.case-item{width:100px;height:100px}@media screen and (min-width:768px){.case-item{width:150px;height:150px}}@media screen and (min-width:1080px){.case-item{width:200px;height:200px}}.case-item-img{border-radius:15px}.case-item-txt{font-size:12px;text-align:center;font-weight:700;margin-top:10px;line-height:1.2}@media screen and (min-width:768px){.case-item-txt{font-size:14px}}@media screen and (min-width:1080px){.case-item-txt{font-size:18px}}.case-list-water{width:25%}.case-item-water{margin:0 auto}.l_footer-sub{background:var(--accent-color);height:20px}.l_footer-main{background:var(--primary-color);height:40px;display:flex;justify-content:center;align-items:center}.l_footer-name{font-size:10px;color:var(--white-color)}.l_category-list-wrap{display:flex;justify-content:center;align-items:center;gap:40px}@media screen and (min-width:1080px){.l_category-list-wrap{gap:80px}}.l_category-item{width:60px;height:60px;border:1px solid var(--black-color);border-radius:10px}@media screen and (min-width:768px){.l_category-item{width:80px;height:80px}}.l_category-item-ttl{font-size:12px;font-weight:700;margin-top:-10px;text-align:center}.l_genre-list{background:var(--primary-color);margin-top:50px}.l_genre-ttl-wrap{display:flex;padding:5px 0}.l_genre-ttl_imgbox{width:40px;height:40px;background:var(--white-color);border-radius:10px;margin-left:10px}.l_genre-ttl{font-size:18px;color:var(--white-color);font-weight:700;margin-left:30px;display:flex;align-items:center}.l_genre-content-ttl-wrap{border:1px solid var(--accent-color);border-radius:0 0 10px 10px;margin-top:20px}.l_genre-content-ttl{background:var(--accent-color);color:var(--white-color);font-size:16px;padding:5px 20px;text-align:center}.l_genre-content-box{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}