@charset "UTF-8";

*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;font-size:70%;position:relative;top:-0.5em;}
sub{vertical-align:text-bottom;font-size:70%;position:relative;top:0.5em;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#222;}
object,embed{margin:0;vertical-align:top;}
img,a{vertical-align:top;}
i{font:inherit;}
video{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:0;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,main{display:block;}

body {
text-align:center;
font-size:17px;
line-height:1.8;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
color:#222;
background:#fff;
overflow-wrap:break-word;
-webkit-text-size-adjust:100%;}

@media only screen and (max-width:640px) {

body {
font-size:16px;
line-height:1.7;}

}

h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:100%;
line-height:1.8;
font-weight:normal;}
.mincho {
font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝',YuMincho,'HG明朝E','ＭＳ Ｐ明朝','MS PMincho','ＭＳ 明朝',serif;}

img {
max-width:100%;
height:auto;}
table {
max-width:100%;}

ol {
margin:0 0 0 22px;}
ol li {
list-style:decimal;
line-height:1.3;
margin:8px 0;}

a:link {
color:#e06;
outline:none;
text-decoration:none;
transition:color 0.25s;}
a:visited {
color:#e06;
outline:none;
text-decoration:none;}
a:hover , a:active {
color:#e80;
outline:none;
text-decoration:none;}

hr {
clear:both;
width:100%;
margin:20px 0;
border:0;
height:1px;
background:#999;}

.aligncenter {
text-align:center;
display:block;
margin:0 auto;}
.alignleft {
float:left;
margin:3px 30px 30px 0;}
.alignright {
float:right;
margin:3px 0 30px 30px;}

@media only screen and (max-width: 800px) {

.alignright , .alignleft {
float:none;
text-align:center;
display:block;
margin:0 auto 30px;}

}

.block , blockquote {
clear:both;
margin:36px 0 0 0;
padding:25px;
background:#fff3f9;
border:3px solid #ffeef3;
font-size:110%;
line-height:1.5;
font-weight:bold;
border-radius:8px;}

.clearfix:before , .clearfix:after {
display:table;
content:" ";}
.clearfix:after {
clear:both;}

.col-flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}

.btn {
transition:all 0.3s;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;}
.btn:hover {
filter:alpha(opacity=60)!important;
-moz-opacity:0.6!important;
opacity:0.6!important;}

.yuragi {
animation:vertical 1s ease-in-out infinite alternate;}
@keyframes vertical {
0% { transform:translateY(-3px);}
100% { transform:translateY(3px);}
}

/*  layout  ======================*/

.lp-wrapper {
padding-top:60px;
width:100%;}
.lp-container {
position:relative;
margin:0 auto;
width:92%;
max-width:1000px;}
.lp-footer {
font-size:14px;
line-height:1.75;}

@media only screen and (max-width:640px) {

.lp-wrapper {
padding-top:50px;}

}