﻿.contents{background-color:#f5f5f5;padding-bottom:20px}.contents__chapter{width:calc(100% - 40px);margin:20px auto 0 auto;padding-top:80px;padding-bottom:80px}.chapter{background:#fff}.chapter__outer{width:calc(100% - 20px);max-width:1200px;margin:0 auto}.chapter__inner{margin-top:60px}.chapter__title--alpha{color:#1a1a1a;font-size:4rem;font-weight:900}@media screen and (max-width: 1024px){.chapter__title--alpha{display:flex;justify-content:center}}.chapter__title--bravo{color:#1a1a1a;font-size:2rem;font-weight:900}@media screen and (max-width: 1024px){.chapter__title--bravo{display:flex;justify-content:center}}.chapter__title--charlie{background-color:#0068b7;color:#fff;font-size:2rem;font-weight:900;line-height:1.2;padding:7px 15px}.chapter__title--charlie::before{content:"▼"}.chapter__title--delta{border:1px solid #333;font-size:2rem;font-weight:900;line-height:1.2;padding:5px 15px}.chapter__body{margin:30px 5px}.chapter__text{line-height:2}.jumper{position:sticky;top:0;background-color:#666;display:flex;justify-content:center;align-items:center;font-weight:500;line-height:1.2;z-index:10}.jumper__body{width:calc(100% - 20px);max-width:1200px;display:flex;justify-content:space-between}.jumper__top{padding:20px 15px 20px 0}.jumper__top-link{transition:all .5s ease;display:flex;border:1px solid #fff;color:#fff;align-items:center;padding:3px 5px}.jumper__top-link:before{content:"▲"}@media screen and (min-width:600px){.jumper__top-link:before{font-size:90%;padding-right:3px}}@media(any-hover: hover){.jumper__top-link:hover{color:#666;background-color:#fff}}@media screen and (max-width:599px){.jumper__top-text{display:none}}.jumper__anchor{flex-grow:1;position:relative;overflow:auto hidden}.jumper__anchor::-webkit-scrollbar{height:5px}.jumper__anchor::-webkit-scrollbar-thumb{background-color:#a6a7ae;border-radius:10px}.jumper__anchor::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.jumper__anchor-list{position:absolute;top:0;left:0;display:flex}.jumper__anchor-item{flex-shrink:0;display:flex}.jumper__anchor-link{display:flex;padding:24px 15px;color:#fff;align-items:center;justify-content:center;font-weight:900}.jumper__anchor-link:before{content:"▼";font-size:90%;padding-right:3px}.jumper__english,.jumper__my-page{padding:20px 0 20px 15px}.jumper__english-link,.jumper__my-page-link{transition:all .5s ease;display:flex;border:1px solid #fff;color:#fff;align-items:center;padding:3px 5px}@media(any-hover: hover){.jumper__english-link:hover,.jumper__my-page-link:hover{color:#666;background-color:#fff}}.js-jumper__unhover:not(.js-jumper__current){opacity:.5}.js-jumper__current{color:#0068b7;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0px 1px 0 #fff,-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff}.chapter__products--title{max-width:1200px;width:100%;margin:0 auto 60px;text-align:center;font-weight:bold;font-size:3rem}@media screen and (max-width:599px){.chapter__products--title{font-size:2.8rem}}.page-title{flex-direction:column;align-items:center}.page-title__sub{display:block;color:#0068b7;font-size:2.5rem;font-weight:700}.products-lineup{display:grid;grid-gap:30px;grid-template-columns:repeat(4, 1fr);margin-bottom:30px}@media screen and (max-width: 1024px){.products-lineup{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width:599px){.products-lineup{grid-template-columns:repeat(2, 1fr);gap:15px}}.products-lineup__list{display:flex;flex-wrap:wrap}.products-lineup__list--link{display:flex;flex-direction:column;width:100%;outline:2px solid rgba(0,0,0,0)}@media(any-hover: hover){.products-lineup__list--link{transition:all .5s ease}.products-lineup__list--link:hover{border-color:#0068b7;outline-color:#0068b7;background:#0068b7;color:#fff}.products-lineup__list--link:hover .products-lineup__list--img{transform:scale(1.1, 1.1)}.products-lineup__list--link:hover .products-lineup__list--text::after{border-color:#fff}}.products-lineup__list--frame{width:100%;flex-shrink:0}@media(any-hover: hover){.products-lineup__list--frame{overflow:hidden}}.products-lineup__list--img{aspect-ratio:16/9;display:block;object-fit:cover;width:100%;height:100%}@media(any-hover: hover){.products-lineup__list--img{transition:all .5s ease}}.products-lineup__list--text{position:relative;width:100%;padding:10px 27px 10px 10px;display:flex;font-weight:700}.products-lineup__list--text::after{position:absolute;top:50%;right:10px;content:"";height:7px;width:7px;border-right:1px solid;border-top:1px solid;border-color:#333;transform:translateY(-50%) rotate(45deg)}@media(any-hover: hover){.products-lineup__list--text::after{transition:all .5s ease}}
