*{position:relative;box-sizing:border-box;margin:0;padding:0;transition:all .4s,font-size 0s,color 0s;scroll-behavior:smooth;}
iframe{display:block;}
div,p,ul,li,a{border:none;}
h3,#i2,input,label,.c2{text-align:center;}
h3>a{text-decoration:none;}
label{display:inline-block;}
#i1,h3{position:absolute;}
input[type=submit],input[type=button]{cursor:pointer;}
select{padding:5px;font-size:15px;}
ul{list-style:none;}
body{height:100%;font-family:'Kosugi Maru';}
h1{margin-top:30px;line-height:30px;color:#802}
h2{padding:35px 20px;color:#a02}
h3,textarea{font-size:16px;}
input,label{width:240px;margin:auto;font-size:18px;line-height:30px;height:40px;padding-top:5px;vertical-align:top;}
textarea{height:120px;padding:10px;}
#i1{top:0;}
form{margin-top:40px;}
h3{top:70px;right:0;width:150px;line-height:30px;}
p{line-height:25px;}
body,textarea,#i2,#i2>p{width:100%;}
.c1{text-align:left;}
.c3{text-align:right;}
.c4{color:red;}
.c80>b{font-size:80%;}
h3{border:2px solid #444;border-color:#888 #444 #444 #888;}
h3:hover{border-color:#ccc #888 #888 #ccc;}
label{background:#c02;color:#eee;}
#i1{left:calc(50% - 300px);width:600px;}
    @media screen and (max-width:620px){#i1{left:10px;width:calc(100% - 20px);}}
    @media screen and (max-width:450px){textarea{height:200px;}}