.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}.intro{padding:40px 0}.chapter__pattern--title{color:#4b4948;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__pattern--title{font-size:2.8rem}}.chapter__pattern--text{color:#4b4948;font-size:1.8rem;line-height:1.8em;text-align:center}.chapter__pattern--titlewrap{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px;color:#4b4948}@media screen and (max-width:599px){.chapter__pattern--titlewrap{flex-wrap:wrap;gap:10px}}.chapter__pattern--titlewrap--titlebox--text{line-height:1.6em;margin-bottom:10px}@media screen and (max-width: 1024px){.chapter__pattern--titlewrap--titlebox--text{font-size:1.5rem;margin-bottom:5px}}.chapter__pattern--titlewrap--titlebox--title{font-size:2.5rem;font-weight:700}@media screen and (max-width: 1024px){.chapter__pattern--titlewrap--titlebox--title{font-size:2rem}}.chapter__pattern--titlewrap--titlebox--title--font3{font-size:3rem}.chapter__pattern--titlewrap--colortitle{font-size:6rem;line-height:1.2em}@media screen and (max-width: 1024px){.chapter__pattern--titlewrap--colortitle{font-size:5rem}}.chapter__pattern--titlewrap--colortitle--large{font-weight:700;margin-right:10px;font-size:10rem}@media screen and (max-width: 1024px){.chapter__pattern--titlewrap--colortitle--large{font-size:8rem}}.page-title{flex-direction:column;align-items:center}.page-title__sub{display:block;color:#0068b7;font-size:2.5rem;font-weight:700}.pattern-lineup{display:grid;gap:20px;grid-template-columns:repeat(4, 1fr);margin-bottom:30px}@media screen and (max-width: 1024px){.pattern-lineup{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width:599px){.pattern-lineup{grid-template-columns:1fr}}.pattern-lineup__list{display:flex;flex-wrap:wrap}.pattern-lineup__list--link{display:flex;flex-direction:column;width:100%;outline:2px solid rgba(0,0,0,0);box-shadow:3px 8px 8px 0 rgba(0,0,0,.56);padding:15px}.pattern-lineup__list--link--nonlink{pointer-events:none}.pattern-lineup__list--link--nonlink .pattern-lineup__list--detail{padding:5px 0}.pattern-lineup__list--link--nonlink .pattern-lineup__list--detail::after{content:none}@media(any-hover: hover){.pattern-lineup__list--link{transition:all .5s ease}.pattern-lineup__list--link:hover{background:#0068b7;box-shadow:none}.pattern-lineup__list--link:hover .pattern-lineup__list--img{transform:scale(1.1, 1.1)}.pattern-lineup__list--link:hover .pattern-lineup__list--detail--text01,.pattern-lineup__list--link:hover .pattern-lineup__list--detail--text02,.pattern-lineup__list--link:hover .pattern-lineup__list--detail--text03{color:#fff}.pattern-lineup__list--link:hover .pattern-lineup__list--detail::after{border-color:#fff}}.pattern-lineup__list--frame{width:100%;flex-shrink:0}@media(any-hover: hover){.pattern-lineup__list--frame{overflow:hidden}}.pattern-lineup__list--img{display:block;object-fit:cover;width:100%;height:100%;aspect-ratio:275/186}@media(any-hover: hover){.pattern-lineup__list--img{transition:all .5s ease}}.pattern-lineup__list--detail{position:relative;width:100%;padding:5px 20px 0 0;display:flex;flex-direction:column;height:100%}@media screen and (max-width:599px){.pattern-lineup__list--detail{padding-right:15px}}.pattern-lineup__list--detail::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){.pattern-lineup__list--detail::after{transition:all .5s ease}}@media(any-hover: hover){.pattern-lineup__list--detail{transition:all .5s ease}}.pattern-lineup__list--detail--text01{color:#4b4948;font-weight:700;margin-bottom:5px}@media(any-hover: hover){.pattern-lineup__list--detail--text01{transition:all .5s ease}}.pattern-lineup__list--detail--text02{font-size:1.4rem}@media(any-hover: hover){.pattern-lineup__list--detail--text02{transition:all .5s ease}}.pattern-lineup__list--detail--text02--text03{color:#4b4948;font-weight:700}@media(any-hover: hover){.pattern-lineup__list--detail--text02--text03{transition:all .5s ease}}