<link href='https://fonts.googleapis.com/css?family=Crimson Text' rel='stylesheet' type='text/css'>
<style type="text/css">
@font-face
{
font-family: はれのそら明朝;
src: url('https://cdn.leafscape.be/Harenosora/harenosora_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
-------------------------------------------------*/

body{
font-family: 'Crimson Text',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:11px;
letter-spacing: 2.8px;
line-height:1.85;
margin:0;
padding:0;
width:100%;
text-align:center;
overflow-x:hidden;
word-break:break-all;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

header{
margin:0 auto;
padding:100px 40px 10px 40px;
max-width:320px;
}

#wrp{
margin:0 auto;
padding:15px 30px 0 30px;
max-width:420px;
}

.bx{
margin:0 auto;
padding:15px 20px;
width:70%;
color:#888;
border:#eee solid 1px;
box-shadow:0 0 5px 1px #f3f3f3;
text-align:justify;
position:relative;
}

.st{
padding:1px;
background:#fffccf;
}

h1{
font-size:16px;
font-family: "はれのそら明朝","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:0 auto 50px auto;
width:1em;
min-height:8em;
letter-spacing:0;
line-height:1.6;
font-weight:400;
display:table;
position:relative;
}

h1 p{
vertical-align:middle;
display:table-cell;
}

h1:before{
top:-55px;
left:-80px;
width:55px;
height:60px;
content:"";
background-image: url("https://alicex.jp/data/rs0221/img/rs0221_upld_1.gif");
background-size:55px;
background-repeat:no-repeat;
background-position: center;
position:absolute;
/*画像反転ここから*/
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
-moz-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
/*画像反転ここまで*/
z-index:-1;
}

h1:after{
bottom:-65px;
left:30px;
width:100px;
height:180px;
content:"";
background-image: url("https://alicex.jp/data/rs0221/img/rs0221_upld_2.gif");
background-size:100px;
background-repeat:no-repeat;
background-position:bottom center;
position:absolute;
z-index:-1;
}

h1 span{
transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -o-transform: rotate(180deg);
display:block;
}

h1 nav{
top:15px;
left:-72.5px;
width:35px;
content:"";
position:absolute;
}

h1 nav a{
font-size:11px;
margin:5px 0;
width:30px;
height:30px;
color:#555;
background:#efefef;
border:#efefef solid 1px;
box-sizing:border-box;
border-radius:50%;
line-height:30px;
display:inline-block;
}

h1 nav a:hover{
color:#555;
background:#fff;
}

h2{
font-size:10px;
font-family: "はれのそら明朝","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:-35px 0 20px 0;
color:#555;
letter-spacing:4.5px;
text-align:center;
}

h2 span{
padding-bottom:2px;
border-bottom:#eee double 3px;
}

h2 img{width:35px;}

a{text-decoration:none;}

a:hover{color:#cfcfcf;}

input[type],textarea{
font-size: 11px;
font-family: 'Crimson Text',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding:4px 5px;
height: auto;
color: #aaa;
background:#efefef;
border:#efefef solid  1px;
border-radius:0;
box-shadow: none;
vertical-align:middle;
outline:none;
}

input[type=text]{
margin-right:5px;
width:75px;
}

input[type=submit]{width: auto;}

textarea{
width:85%;
margin-bottom:8px;
}

::selection {background: #efefef;}

::-moz-selection {background: #efefef;}
</style>