﻿*{box-sizing:border-box}html{scrollbar-width:none}body{background-color:#fff;color:#000;margin:0;overflow-x:hidden;font-family:"arial";font-size:1em;line-height:1.2}#menu_block{z-index:10;position:fixed;top:0;right:0;background-color:#303030;padding:.5ch}#menu{display:flex;gap:.5ch}div.mbtn{padding:.5ch;user-select:none;cursor:pointer;background-color:#fff;font-size:1.5vw}@media only screen and (orientation: portrait){div.mbtn{font-size:3vw}}@media only screen and (orientation: portrait)and (max-width: 600px){div.mbtn{font-size:3.5vw}}div.mbtn:hover{background-color:gold}div.mbtnh{padding:.5ch;user-select:none;cursor:pointer;background-color:#fff;font-size:1.5vw}@media only screen and (orientation: portrait){div.mbtnh{font-size:3vw}}@media only screen and (orientation: portrait)and (max-width: 600px){div.mbtnh{font-size:3.5vw}}div.mbtnh:hover{background-color:gold}@media only screen and (orientation: portrait){div.mbtnh{display:none}}#popup_menu{position:fixed;z-index:12;right:0;top:0;display:none;border:.5ch solid #303030}a.pme_close{font-style:italic;text-align:center;font-size:1.5vw}@media only screen and (orientation: portrait){a.pme_close{font-size:3vw}}@media only screen and (orientation: portrait)and (max-width: 600px){a.pme_close{font-size:4vw}}a.popup_menu_elmt{display:block;background-color:#fff;color:#000;user-select:none;padding:.6ch;text-decoration-line:none;font-size:2vw}@media only screen and (orientation: portrait){a.popup_menu_elmt{font-size:4vw}}@media only screen and (orientation: portrait)and (max-width: 600px){a.popup_menu_elmt{font-size:5vw}}a.popup_menu_elmt:hover{background-color:#303030;color:gold}#mask{position:fixed;display:none;z-index:11;width:100%;height:100%;background-color:rgba(0,0,0,.7);cursor:pointer}#true_body{width:100vw;display:flex;flex-direction:column;scroll-snap-type:y mandatory}div.bodyblock{width:100%}div.Grad_SEP{background:linear-gradient(to right, #ffde59, #ff914d)}div.Grad_SEP H1{text-align:center;font-size:4vw}div.Grad_SEP H2{text-align:center;font-size:4vw}H1{margin:0;font-weight:bold;font-size:4vw}@media only screen and (orientation: portrait){H1{font-size:5vw}}@media only screen and (orientation: portrait)and (max-width: 600px){H1{font-size:6vw}}H2{margin:0;font-weight:bold;font-size:3vw}@media only screen and (orientation: portrait){H2{font-size:4vw}}@media only screen and (orientation: portrait)and (max-width: 600px){H2{font-size:5vw}}H3{margin:0;font-weight:bold;font-size:2vw}@media only screen and (orientation: portrait){H3{font-size:3vw}}@media only screen and (orientation: portrait)and (max-width: 600px){H3{font-size:4vw}}H4{margin:0}P{margin:0;font-size:2vw}@media only screen and (orientation: portrait){P{font-size:4vw}}@media only screen and (orientation: portrait)and (max-width: 600px){P{font-size:5vw}}P:not(:first-child){margin-top:1ch}UL{padding-left:3ch;font-size:2vw}@media only screen and (orientation: portrait){UL{font-size:4vw}}@media only screen and (orientation: portrait)and (max-width: 600px){UL{font-size:5vw}}A{color:#000;font-weight:bold;text-decoration:underline;text-decoration-color:#ff914d}#BOD{display:flex;padding:2ch;column-gap:2ch}@media only screen and (orientation: portrait){#BOD{display:block}}#IMG{width:30%}@media only screen and (orientation: portrait){#IMG{display:none}}#IMG IMG{width:100%;object-fit:cover}#RIGHT{width:70%;display:flex;flex-direction:column;align-items:center}@media only screen and (orientation: portrait){#RIGHT{width:100%}}h1{text-align:center;width:100%;background:linear-gradient(to right, #ffde59, #ff914d);font-size:4vw}@media only screen and (orientation: portrait){h1{font-size:7vw}}@media only screen and (orientation: portrait)and (max-width: 600px){h1{font-size:8vw}}h2{font-size:3vw}@media only screen and (orientation: portrait){h2{font-size:5vw}}@media only screen and (orientation: portrait)and (max-width: 600px){h2{font-size:5.5vw}}ul{font-size:2vw}@media only screen and (orientation: portrait){ul{font-size:5vw}}@media only screen and (orientation: portrait)and (max-width: 600px){ul{font-size:5vw}}ul li{margin-top:1ch}ul li::marker{content:"🔆 ";color:#ff914d}form input,form button,form div{font-family:initial;font-size:2vw}@media only screen and (orientation: portrait){form input,form button,form div{font-size:5.5vw}}@media only screen and (orientation: portrait)and (max-width: 600px){form input,form button,form div{font-size:4.5vw}}form button:disabled{color:#d3d3d3}#BTS{margin-top:2ch;cursor:pointer;padding:.5ch;border:.2em solid #000}#BTS:hover{background-color:gold}
