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:hsla(0,0%,100%,.8);font-size:36px;color:#333;font-family:Quicksand,sans-serif;min-width:524px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:.5em 1em;box-shadow:0 0 6px 1px rgba(39,187,200,.8),inset 0 0 6px 1px rgba(39,187,200,.8);border-radius:30px}@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%,#f9c0a8 0)}.color{color:#005892;font-weight:700}.contents,.contents-ranking{margin:30px 0}h2{position:relative;padding-left:70px;margin-top:50px;font-size:20px}h2:before{content:attr(data-number);top:50%;transform:translateY(-65%);color:rgba(98,202,211,.8);font-size:50px}h2:after,h2:before{position:absolute;left:0}h2:after{content:"";bottom:0;width:120px;height:2px;background-color:#9bcdd2}@media (max-width:670px){h2{font-size:20px;padding-left:50px}h2:before{font-size:35px}h2:after{width:80px}}h3{position:relative;font-size:26px;text-align:center}h3:before{content:attr(data-number);display:block;margin-bottom:30px;color:#ff8551;font-size:30px}h3:after{content:"";position:absolute;top:40px;left:50%;transform:translateX(-50%);width:4px;height:20px;background-color:#ff8551}@media (max-width:670px){h3{font-size:18px}}h4{padding-bottom:10px;font-size:26px;background-image:repeating-linear-gradient(90deg,#b4a983,#b4a983 2px,transparent 0,transparent 4px);background-size:4px 4px;background-repeat:repeat-x;background-position:bottom}@media (max-width:670px){h4{font-size:18px}}.box{padding:.25em 1em;top:0;background:#f2f2ec;border-radius:10px}.box p{margin:0;padding:.5em .25em;line-height:1.5em}.toc-005{margin-bottom:30px;border-radius:3px;background-color:#fff3f3;border:1px solid #999}.toc-005 div{display:flex;justify-content:center;align-items:center;margin:0;padding:10px 0;background-color:#ff8551;color:#fff;font-weight:600;font-size:1.1em}.toc-005 ol{list-style-type:decimal;margin:0}.toc-005>ol{padding:1em 1em 1em 3em}.toc-005 ol ol{margin-top:5px;padding-left:1.1em}.toc-005 li{padding:5px 0;font-weight:600}.toc-005 ol ol li{font-weight:500;font-size:.9em}.toc-005 a{color:#333}.toc-005 a:hover{text-decoration:underline}ul.list{counter-reset:list;list-style-type:none;padding:0}ul.list li{position:relative;padding:0 0 0 20px;margin:7px 0;font-size:1em;line-height:30px}ul.list li:before{counter-increment:list;content:"";display:block;position:absolute;left:0;height:0;width:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fb6542;top:50%;transform:translateY(-50%)}.button{display:flex;justify-content:center;width:50%;margin:0 auto;padding:.8em 2em;border-radius:25px;background-color:#47c0ca;border:2px solid #fff;color:#fff;font-weight:700;font-size:1em;transition:.5s}.button:hover{color:#47c0ca;background:#fff;border:2px solid #47c0ca}@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}.item-image{max-width:1440px}footer{color:#555;background:#e5e5e5;text-align:center;padding:30px;margin-top:60px;font-size:18px}