<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');

@font-face
{
font-family: 和田研細明朝体;
src: url('https://cdn.leafscape.be/wadalab/wadalab-hosomin_web.woff2')
     format("woff2");
}

body{
font-family:"Josefin Slab","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#000;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width: 601px){
.wrp{
width:600px;
margin:0 auto;}

.act{
max-width:300px;
margin:50px auto 20px;}
}

@media screen and (max-width: 600px){
.wrp{
width:100%;
margin:0 auto;}

.act{margin:50px 20px 20px;}
}

.top{
border-right:solid 1px #000;
margin:0 auto;
padding:20px;}

.icn{
float:right;
height:50px;
position:relative;
top:5px;
left:16px;}

.act{
text-align:left;
border-top:solid 1px #000;
padding:15px;
line-height:200%;}

.line{
width:0;
height:30px;
margin:10px auto;
padding:0;
border-left:solid 1px #000;}

.text{
line-height:200%;
font-size:13px;
padding:30px 0 10px;
margin:20px;
text-align:left;}

.text p{
line-height:150%;
color:#555;
border-top:solid 1px #e7e7eb;
border-bottom:solid 1px #e7e7eb;
margin:10px;
padding:10px;
font-size:13px;
}

.textop{
height:30px;
background:linear-gradient(left, #fff, #fff 50%, #ccc 50%, #ccc);
background:-moz-linear-gradient(left, #fff, #fff 50%, #ccc 50%, #ccc);
background:-webkit-linear-gradient(left, #fff, #fff 50%, #ccc 50%, #ccc);
-moz-background-size:5px 5px;
-webkit-background-size:5px 5px;
background-size:5px 5px;
width:100%;
margin:0 auto 30px;}

hr{
height:5px;
background-image:linear-gradient(
90deg,hsla(0, 0%, 0%, 1),hsla(0, 0%, 0%, 1) 33.33%,hsla(0, 0%, 0%, 0) 33.33%,hsla(0, 0%, 0%, 0) 100%);
background-size:3px 100%;
width:30%;
border:none;
margin:0 auto 10px;
text-align:left;
}

header{
width:250px;
margin:50px auto 0;
padding:0;
text-align:right;}

.ft{
margin:10px;
text-align:right;}

.ft a{color:#888;}

h1{
font-family:Josefin Slab,和田研細明朝体,sans-serif;
line-height:100%;
margin:0;
padding:0;
text-align:center;}

h2{
font-family:Josefin Slab,和田研細明朝体,sans-serif;
font-size:18px;
margin:10px;
padding:0;
text-align:center;}

h3{
font-family:Josefin Slab,和田研細明朝体,sans-serif;
font-size:16px;
margin:10px;
padding:0;
text-align:left;
border-bottom:3px solid #b0e0e6;
display:inline-block;
}  

.long{
color:#000;
margin:0 5px 0 0;
padding:1px 2px;
background: #ccffff;
text-decoration:none;
border-bottom:1px #ccffff;
} 

.long:hover{
color:#000;
border:solid 1px #b0e0e6;
background: #b0e0e6;}

a{
color:#000;
text-decoration:none;
border-bottom:1px dotted #b0e0e6;
}

a:hover{
color:#000;
text-decoration:none;
border-bottom:1px dotted #b0e0e6;
}

.under1 {
border-bottom:1px solid #red;
display:inline-block;
}

.ft{
color:#000;
text-decoration:none;
}

.ft:hover {
color:#000;
text-decoration:none;
}

input[type],textarea{
height:50px;
width:80%;
font-family:"Josefin Slab","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
background:#fff;
color:#333;
border:solid 1px #c0c6c9;
margin:5px 10px;
padding:2px 5px;
-webkit-appearance: none;
box-shadow:none;}

input[type=text]{
margin:5px;
height:24px;
width:70px;}

input[type=submit]{
margin:5px;
height:auto;
width:30px;
cursor:pointer;
text-shadow:none;
border:solid 1px #c0c6c9;
background:#c0c6c9;
color:#333;
font-weight:normal;
}

</style>