@charset "UTF-8";
/* CSS Document */

/*
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Josefin Sans', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Yusei Magic', sans-serif;
*/

/*shimaenaga*/
#all-top{
background: url("/img/info-top.jpg") center center/cover;
height: 800px;
margin-top:-100px;
position: relative;
}
#all-top img{
width: 100%;
}
#all-top div{
width: 200px;
position: absolute;
right:20px;
}
#all-top .top01{
bottom:370px;
}
#all-top .top02{
bottom:190px;
}
#all-top .top03{
bottom:10px;
}
#all-top a{
display: block;
transition: 0.5s;
}
#all-top a:hover{
transform:rotate(10deg);
transition: 0.5s;
}
@media screen and (max-width: 768px) {
#all-top{background: url("/img/info-top.jpg") center center/cover;
height: 400px;}
#all-top div{width: 100px;right:0;}
#all-top .top01{bottom:180px;}
#all-top .top02{bottom:95px;}
#all-top .top03{bottom:10px;}
}

#info{
position: relative;
background: url("/img/i-about_back.jpg") no-repeat top center/cover;
padding-bottom: 200px;
}
#info .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
position: relative;
}
#info .leaf{
position: absolute;
left: 0;
top: 0;
animation-duration: 2.5s;
}
#info .leaf img{
width: 250px;
}
#info .text-box{
max-width: 800px;
margin: auto;
}
#info h3{
margin: 50px 0 0;
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-shadow:2px 2px 3px #999;
text-align: center;
color: #fff;
transform: rotate( -5deg );
animation-duration: 2.5s;
}
#info .line-box{
margin: 8rem auto 0;
max-width: 800px;
}
#info .line-box h4{
font-family: 'Yusei Magic', sans-serif;
padding-bottom: 2rem;
text-align: center;
font-size: 2rem;
letter-spacing: 0.8rem;
}
#info .line-box a.line-qr{
max-width: 400px;
display: block;
margin: 0 auto;
}
#info .line-box img{
max-width: 100%;
}
#info .line-box p{
margin-top: 3rem;
text-align: center;
}
#info .fmSmtButton em{
font-size: 10px!important;
}
#info .tree{
position: absolute;
right: 0;
bottom: 0;
animation-duration: 2.5s;
}
#info .tree img{
width: 450px;
}

@media screen and (max-width: 768px) {
#info{padding-bottom: 150px;}
#info .text-box{padding: 0}
#info .line-stripe{height: 60px;}
#info .leaf img{width: 150px;}
#info h3{font-size: 5rem;letter-spacing: 0.8rem;}
#info .tree img{width: 250px;}
#info .line-box p{text-align: left;}
}

footer{
background: none;
margin-top: -150px;
}
footer .f-links{
margin-top: 70px;
}
footer .button a{
max-width: 300px;
margin: 1rem 0 0;
}
footer .f-menu{
background: url("/img/footer_back02.png") top center repeat-x;
position: relative;
padding: 100px 0 10px;
}
.f-info{
margin-top: 50px;
width: 100%;
text-align: center;
font-size: 1.4rem;
}
@media (max-width: 1200px) {
footer{margin-top: -200px;}
footer .f-menu{padding-top: 150px;background: url("/img/footer_back02_sp.png") top center / cover;}
}
@media screen and (max-width: 768px) {
footer{margin-top: -150px;}
footer .f-menu{margin-top: 20px;padding-top: 100px;}
footer .f-menu .container>img{width: 200px;}
footer .f-menu .row{max-width: 1000px;margin: 0 auto;}
footer .f-menu .row div{margin-top: 20px;}
footer .f-menu .row a{
color: #000;
display: inline-block;
width: 100%;
}
footer .f-menu .row a:hover {
transition: .4s;
transform: translateY(-5px);
}
.f-info{
margin-top: 50px;
width: 100%;
text-align: center;
font-size: 1.4rem;
}
.copyright{
margin-top: 50px;
width: 100%;
text-align: center;
font-size: 1.2rem;
}



}