body{margin:0px;font-feature-settings:"palt";font-size:20px;line-height:2em;}
img{border:none;max-width:100%;height:auto;display:block;width:auto;}
a{color:white;text-decoration:none;}
a img:hover{transition-duration:.3s;transform:translate(5px,5px)}
ul{margin:0px;padding:0px;list-style-type:none;}
li{margin:0px;padding:0px;}


header,article{width:50em;margin:0 auto;display:block;}
section{width:100%;}

section#stamp{background:#21976c;padding:3em 0 0;margin-top:-1em;}
section#stamp h1{width:55%;background:black;color:white;border-radius:1em;margin:0 auto -1em;text-align:center;font-size:2.5em;padding:.4em 0;position:relative;z-index:2}
section#stamp ul{background:white;display:flex;flex-wrap:wrap;width:40em;height:auto;padding:3em 1em;border-radius:1em;margin:0 auto 3em;}
section#stamp ul li{width:50%;}

section.click{width:75vh;max-width:100%;max-height:90vh;padding:0;box-sizing:border-box;box-shadow:0 0 3em rgba(0,0,0,1);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;overflow:visible!important;}
section.click a{position:absolute;width:60vh;max-width:70%;display:block;left:50%;transform:translateX(-50%);bottom:7vh;}

section.click2{width:100%;height:auto;position:relative;}
section.click2 a{position:absolute;width:41.9em;display:block;left:50%;transform:translateX(-50%);bottom:3.5em;}

section#cyui{padding:5em 0;background:url(stampimg/cyui_bg.jpg) no-repeat;background-size:cover;display:block;}
section#cyui div{width:84%;background:white;box-sizing:border-box;margin:0 auto 8em;border-radius:0 0 .75em .75em;padding:2em 3em 4em;}
section#cyui h2{width:84%;text-align:center;color:white;letter-spacing:.5em;border-radius:.75em .75em 0 0 ;background:black;margin:0 auto;padding:1.5em 0;}
section#cyui h2 span{font-size:1.75em;}
section#cyui h3{border-bottom:2px solid #21976c;padding:0 0 .2em;margin:2em 0 0;font-size:1.75em;font-weight:normal;}
section#cyui p{font-size:1.34em;line-height:1.6;text-align:justify;}


a.gotop{width:18.5em;margin:4em auto 2em;display:block;}

section#form{padding:1.75em 0 5em;background:#21976c;display:block;}
section#form div{background:white;display:flex;flex-wrap:wrap;width:84%;height:auto;padding:3em 1em 1em;border-radius:1em;margin:0 auto 3em;box-sizing:border-box;}
section#form h1{width:55%;background:black;color:white;border-radius:1em;margin:0 auto -.5em;text-align:center;font-size:2.5em;padding:.4em 0;position:relative;z-index:2}
section#form h2{color:#dc5151;font-size:2.5em;line-height:1.3;text-align:center;display:block;width:100%;}
section#form p{font-size:1.34em;line-height:1.6;text-align:justify;}
section#form iframe.pc{width:100%;height:600px;}
section#form iframe.sp{display:none;}


section#thanks{padding:3em 0 5em;background:#21976c;display:block;}
section#thanks div{background:white;display:flex;flex-wrap:wrap;width:84%;height:auto;padding:1em;border-radius:1em;margin:0 auto 3em;box-sizing:border-box;}
section#thanks table{width:70%;margin:0 auto;font-size:1.5em;font-weight:bold;}
section#thanks table td{padding:.25em;}
section#thanks h2{text-align:center;color:white;background:#dc5151;font-size:2em;line-height:1.5em;width:84%;margin:0em auto;border-radius:.25em;padding:.5em 0}
section#thanks h4{text-align:center;margin:1em 0;width:100%;font-size:1.75em;line-height:1.5}

section.click img.close{position:fixed;display:block;width:3em;height:3em;right:-3em;bottom:0em;z-index:999!important}
section.click img.close:hover{cursor:pointer;}
.closed{display:none;}

@media all and (min-width: 0) and (max-width: 749px)  {
body{font-size:2vw;}
article{width:100%;background:url(stmpimg/back_sp.jpg) repeat-y;background-size:contain;}

section#omachi{padding:2em 0em 1em;}
section#syunko{padding:2em 0em 1em;;}
section#text{padding:4em 0em;}

section#form div{width:90%;}

section#form iframe.pc{display:none;}
section#form iframe.sp{display:block;width:100%;height:758px;}
section.click img.close{position:absolute;width:5em;height:5em;right:0em;bottom:-5em;z-index:999!important}
}