/* CSS Document */

/*===============================================
	reset
===============================================*/
*{
    margin:0;
    padding:0;
    color:#000;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{
    margin:0;
    padding:0;
    border:none;
    font-style:normal;
    font-weight:normal;
    font-size:100%;
    text-align:left;
}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}

a{text-decoration:none;color:#1800ff;}
a:hover{text-decoration:underline;}
a:hover img{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

html,body{
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    max-width:none;
    overflow-x:hidden;
}

body{
    font-family:'Noto Sans JP',sans-serif;
    background:#f5f5f5;
}

input,textarea,select{
    font-family:'Noto Sans JP',sans-serif;
    font-size:12px;
}
h1,h2,h3,h4{
    font-family:'Noto Sans JP',sans-serif;
    font-weight:bold;
}

.center{text-align:center!important;margin:0 auto!important;}
.textleft{text-align:left!important;}
.textright{text-align:right!important;}
.underL{text-decoration:underline!important;}
.displayN{display:none!important;}
.bold{font-weight:bold!important;}
.sp{display:none;}
.pc{display:inline;}
.mb20{margin-bottom:20px!important;}
.mt80{margin-top:80px!important;}
.under_red{text-decoration:underline;text-decoration-color:red;text-decoration-style:double;}
p{line-height:2rem;}

body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}
.cFix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cFix{display:block;}

#wrap{
    width:100%;
    background:url("/files/d1ef2d54-dfb1-4f7f-a609-8354243b0ff9.png") no-repeat bottom,#f5f5f5;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    z-index:-1;
}

#index{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

main,
#cnt1,#cnt2,#cnt3,#cnt4,#cnt5,#cnt6{
    margin:0;
    padding:0;
}

main img,
#cnt1 img,
#cnt2 img,
#cnt3 img,
#cnt4 img,
#cnt5 img,
#cnt6 img{
    display:block;
    width:100%;
    max-width:none;
}

#cnt1{margin-top:-6vw;}

#cta{
    display:block;
    width:100%;
    background:#000;
    padding:10px 0 3px;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
}

#cta a{
    display:block;
    width:90%;
    max-width:700px;
    margin:0 auto;
    text-align:center;
}

#cta img{
    display:block;
    width:100%;
}

.target{
    animation:floating-y .8s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y{
    from{transform:translateY(-3%);}
    to{transform:translateY(3%);}
}

@media screen and (max-width:640px){
    #wrap{display:none;}
    #cnt1{margin-top:-6vw;}
    #cta a{
        width:90%;
        max-width:none;
    }
}