@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap');

*{margin:0;
padding:0;
font-size:12px;
border:none;
border-radius:0;}

body, input, textarea{font-family:'Lora',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",Meiryo,"メイリオ", serif;
color:#111;}

body{width:100%;
text-align:center;
letter-spacing:.125em;
line-height:1.5;
word-break:break-all;
font-feature-settings:"palt";
-webkit-tap-highlight-color:rgba(0,0,0,0);
box-sizing:border-box;}

a {
 background: #ededed;
 color: #000000;
 text-decoration: none;
 transition: 0.7s;
 padding: 2px;
}
a:hover {
 background: #fff;
}

h1,h2{
font-family:'Klee One','Lora',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",Meiryo,"メイリオ", serif;
}

h1{
font-size:20px;
}

h1, h3{display:inline-block;}

h2{margin:0 0 1em 0;
font-size:15px;}

h3{margin-bottom:.9em;
padding:.2em .7em .2em .85em;
font-size:10px;
font-weight:400;}

mark{padding:.25em .3em .15em .4em;}

h3, mark, input, textarea{background:#f2f2f3;}

h4 { text-align: center;}

@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap');

header{height:15px;
background-size:10px 10px;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.25, #f2f2f3), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f2f2f3),color-stop(.75, #f2f2f3), color-stop(.75, transparent),to(transparent));}

#all{margin:0 auto;
padding:50px 15% 50px 15%;
max-width:500px;}

main{
margin-top:50px;
padding-top:50px;
border-top:#ccc solid 1px;
}

section{margin-bottom:50px;
text-align:justify;}

section:last-of-type{margin-bottom:0;}

.mail{
text-align:center;
}

input, textarea{
padding:.5em .75em .45em .9em;
letter-spacing:.1em;
line-height:1.5;
outline:none;
vertical-align:middle;
}

input[type=submit],button{color:#fff;
background:#111;
margin-top:15px;
padding:5px 10px;}

textarea{
width:90%;
max-width:400px;
height:6em;}