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(73,197,182,.9);font-size:36px;color:#fff;font-family:Quicksand,sans-serif;min-width:524px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;box-shadow:0 0 0 5px rgba(73,197,182,.9);border:2px dashed #fff;padding:.2em .5em}.top-image h1:after{position:absolute;content:"";right:-7px;top:-7px;border-color:rgba(73,197,182,.9) #fff;border-style:solid;border-width:0 15px 15px 0;box-shadow:-1px 1px 1px rgba(0,0,0,.15)}@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%,#85f5fd 0)}.color{color:#f33;font-weight:700}.contents,.contents-ranking{margin:30px 0}h2{border-bottom:3px solid skyblue;position:relative}h2:after{position:absolute;content:" ";display:block;border-bottom:3px solid #ffc778;bottom:-3px;width:30%}h3{padding:.5em 1em;--x-gradient:linear-gradient(90deg,#4c9ac0 0 100%);--y-gradient:linear-gradient(#4c9ac0 0 15px,transparent 0 calc(100% - 15px),#4c9ac0 calc(100% - 15px));background-image:var(--x-gradient),var(--y-gradient),var(--x-gradient),var(--y-gradient);background-repeat:no-repeat;background-size:100% 3px,3px 100%,100% 3px,3px 100%;background-position:top,100%,bottom,0}h3,h4{font-weight:700;position:relative}h4{padding:.5em .3em;margin-bottom:.3em}h4:first-letter{font-size:2em;color:#0185ba}h4:before{content:"";background-color:#0185ba;width:2em;height:3px;position:absolute;bottom:0;left:0}.box{padding:.25em 1em;top:0;background:#f2f2ec;border-radius:10px}.box p{margin:0;padding:.5em .25em;line-height:1.5em}.toc-001{margin-bottom:30px;padding:1em 1em 1em 2em;border:1px solid #999;background-color:#faf1e4}@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}