<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=PT+Serif');

@font-face
{
font-family: はれのそら明朝;
src: url('https://cdn.leafscape.be/Harenosora/harenosora_web.woff2')
  format("woff2");
}

body{
font-family:"PT Serif","メイリオ", sans-serif;
font-size:12px;
letter-spacing:2px;
line-height:180%;
color: #000;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width:601px){
.wrp{
width:600px;
margin:0 auto;}

.top{
max-width:300px;
margin:10px auto 30px;}

.box{
max-width:400px;
margin:0 auto 10px;}
}

@media screen and (max-width: 600px){
.wrp{
width:100%;
margin:0 auto;}

.top{margin:10px 20px 20px;}

.box{margin:0 20px 10px;}
}

.top{padding:15px;}

.box{overflow:hidden;}

.box:before,.box:after{
content: "";
display: table;}

.box:after{clear:both;}

.act{
margin:10px;
overflow:hidden;}

.text{
font-size:13px;
letter-spacing:2px;
line-height:200%;
margin:20px;}

.text p{
font-size:11px;
letter-spacing:1px;
line-height:150%;
margin:20px;
padding:10px;
border-left:solid 5px #e9dfe5;
color:#333;}

header{
padding:0;
margin:50px auto 30px;
text-align:center;}

.ft{
text-align:center;
margin:20px;}

h1{
color:#000;
letter-spacing:15px;
line-height:250%;
font-family:はれのそら明朝, "PT Serif",sans-serif;
font-weight:normal;
font-size:30px;
margin:0 auto 20px;
padding:30px;
writing-mode:tb-rl;
writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-o-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;}

h2{
font-size:12px;
font-weight:normal;
float:left;
border:solid 1px #192f60;
background:#192f60;
color:#fff;
padding:0 5px;
margin-right:15px;}

h3{
font-size:24px;
color:#000;
letter-spacing:15px;
line-height:250%;
font-family:はれのそら明朝, "PT Serif",sans-serif;
font-weight:normal;
margin:0 auto 20px;
writing-mode:tb-rl;
writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-o-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;}

a{
background:#e9dfe5;
color:#000;
text-decoration:none;
margin:3px;
padding:1px 2px;}

a:nth-child(2n){background:#efefef;}

a:hover{background:none;}

input[type],textarea{
height:50px;
width:80%;
font-family:"PT Serif","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
background:#e9dfe5;
color:#000;
border:solid 1px #e9dfe5;
margin:5px 10px;
padding:2px 5px;
-webkit-appearance: none;
box-shadow:none;
border-radius:5px;}

input[type=text]{
margin:5px;
height:24px;
width:60px;}

input[type=submit]{
margin:5px;
height:auto;
width:80px;
cursor:pointer;
text-shadow:none;
border:solid 1px #192f60;
background:#192f60;
color:#fff;
font-weight:normal;
}

</style>