body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.top-image{position:relative;background-image:url(/top_image.jpg);height:450px;background-size:cover;background-position:50%}.top-image h1{background-color:rgba(0,0,0,.6);font-size:36px;color:#fff;font-family:Quicksand,sans-serif;min-width:524px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.5em 1em;border:5px solid #fff;border-radius:20px 0 20px 0;text-align:center}.top-image h1:after,.top-image h1:before{content:"";position:absolute;width:10px;height:10px;border:5px solid #fff;border-radius:50%}.top-image h1:after{top:-12px;left:-12px}.top-image h1:before{bottom:-12px;right:-12px}.top-image picture{width:100%}@media (max-width:560px){.top-image{height:350px}.top-image h1{font-size:24px;width:90%;min-width:auto}}@media (max-width:390px){.top-image h1{font-size:18px;width:95%}}.main{width:90%;max-width:2048px;margin:auto;font-size:18px}@media (max-width:670px){.main{font-size:16px}}.underline{font-weight:700;background:linear-gradient(transparent 60%,#0f6 0)}.color{color:#f33;font-weight:700}.contents,.contents-ranking{margin:30px 0}.main h2{color:#505050;padding:.5em;display:inline-block;line-height:1.3;background:#e9b384;vertical-align:middle;border-radius:25px 0 0 25px}.main h2:before{content:"●";color:#fff;margin-right:8px}.contents-dotted h3{margin:0;font-size:24px;position:relative;font-weight:400;display:inline-block;padding-top:40px;padding-left:40px;padding-bottom:20px}.dotted-p{margin:0;line-height:1.5;padding-left:40px}.contents-dotted h3:before{content:"";background-color:#a1ccd1;display:block;position:absolute;left:0;height:90px;width:90px;border-radius:50%;top:0;z-index:-1}@media (max-width:830px){.contents-dotted h3{font-size:20px;padding-top:30px;padding-left:30px;padding-bottom:10px}.dotted-p{padding-left:40px}.contents-dotted h3:before{height:60px;width:60px}}.contents-shadow h2{margin-bottom:0}.contents-shadow h3{border:3px solid #4c9ac0;background-color:#fff;padding:.5em 1em;position:relative;margin-top:30px}.contents-shadow h3:before{content:"";width:100%;height:100%;background-image:radial-gradient(#4c9ac0 8%,transparent 16%),radial-gradient(#4c9ac0 8%,transparent 16%);background-position:0 0,7px 7px;background-size:12px 12px;position:absolute;top:-10px;left:10px;z-index:-1}h4{position:relative;padding:.3em 0 .2em 1em;border-bottom:3px solid #4c9ac0;color:#333;font-size:1.2em}h4:before{top:0;left:.3em;transform:rotate(55deg);height:11px;width:12px}h4:after,h4:before{position:absolute;background:#4c9ac0;content:""}h4:after{transform:rotate(15deg);top:.6em;left:0;height:8px;width:8px}.contents ol{counter-reset:list;list-style-type:none;font-size:1em;padding:5px}.contents ol li{position:relative;line-height:30px;margin:7px 0 10px 40px;padding-left:15px;font-size:1em;border-bottom:1px solid #7c9d96}.contents ol li:before{counter-increment:list;content:counter(list);position:absolute;left:-30px;width:30px;height:32px;font-size:20px;background:#7c9d96;text-align:center;color:#fff;top:50%;transform:translateY(-50%)}.list{position:relative;padding:1.5em 1em 1em 2.5em;border:2px solid #e38839;margin-top:30px}.list>div{position:absolute;top:-.75em;left:1em;padding:0 .5em;background-color:#fff;color:#e38839;font-size:1em;font-weight:600}.list ul{list-style-type:disc;margin:0;padding:0}.list li{padding:.3em .3em .3em 0}.list li::marker{color:#e38839;font-size:1.1em}.list ul li a{color:#1a0dab}.list ul li a:hover{text-decoration:underline}.toc-001{margin-bottom:30px;padding:1em 1em 1em 2em;border:1px solid #999;background-color:#e0f2f5}@media (max-width:670px){.toc-001{padding:.5em .5em .5em 1em}}.toc-001 div{display:flex;align-items:center;margin:0;padding:5px 0}.toc-001 ol{list-style-type:decimal;margin:0;padding:0 1.2em}.toc-001 ol ol{margin-top:5px}.toc-001 li{padding:5px 0}.toc-001 a{color:#166c9d}.toc-001 a:hover{text-decoration:underline}.button{display:flex;justify-content:space-between;align-items:center;position:relative;width:50%;margin:0 auto;padding:.8em 2em;border:none;border-radius:25px;background-color:#3577a7;color:#fff;font-weight:700;font-size:1em}.button:before{position:absolute;right:calc(2em + 2.5px);transform:translateX(50%);width:35px;height:35px;border-radius:50%;background-color:#fff;content:""}.button:after{transform:rotate(45deg);width:5px;height:5px;margin-left:10px;border-top:3px solid #3577a7;border-right:3px solid #3577a7;content:""}.button:hover{opacity:.8}@media (max-width:790px){.button{width:90%}}@media (max-width:400px){.button{width:95%;font-size:.8em}}.image{max-width:600px}.image,.item-image{width:90%;margin:auto}footer{color:#555;background:#e5e5e5;text-align:center;padding:30px;margin-top:60px;font-size:18px}