@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/s-top.jpg") right 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/s-top.jpg") center top 30px/cover;
height: 350px;}
#all-top div{width: 100px;right:0;}
#all-top .top01{bottom:180px;}
#all-top .top02{bottom:95px;}
#all-top .top03{bottom:10px;}
}

#s-about{
position: relative;
background: url("/img/i-about_back.jpg") no-repeat top center/cover;
padding-bottom: 100px;
}
#s-about .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
position: relative;
}
#s-about .cup{
width: 70%;
position: absolute;
bottom: 60px;
left: 10px;
max-width: 1100px;
z-index: 1;
}
#s-about .cup img{
width: 16.6%;
display: inline-block;
}
#s-about .leaf{
position: absolute;
left: 0;
top: 0;
animation-duration: 2.5s;
}
#s-about .leaf img{
width: 250px;
}
#s-about 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;
}
#s-about h2{
margin: 30px auto 0;
padding-bottom: 2rem;
color: #6B4D05;
text-align: center;
font-size: 3rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
@media screen and (max-width: 768px) {
#s-about{padding-bottom: 50px;}
#s-about .text-box{padding: 0 20px;}
#s-about .line-stripe{height: 60px;}
#s-about .leaf img{width: 150px;}
#s-about .cup{bottom: 40px;}
#s-about h3{font-size: 5rem;letter-spacing: 0.8rem;}
#s-about h2{font-size: 2rem;letter-spacing: 0.2rem;}
}

#s-start{
margin-top: -11rem;
padding-bottom: 2rem;
z-index: 1;
position: relative;
}
#s-start .line-cloud01{
width: 100%;
height: 130px;
background: url("/img/line-cloud01.png") repeat-x top center;
animation-duration: 3s;
}
#s-start .line-cloud02{
width: 100%;
height: 153px;
background: url("/img/line-cloud02.png") repeat-x bottom center;
animation-duration: 3s;
}
#s-start .kirakira{
position: absolute;
top:100px;
right: 20px;
}
#s-start .text-box{
max-width: 840px;
margin: 50px auto 0;
text-align: center;
padding: 0 20px;
}
#s-start .text-box img:nth-of-type(2){
width: 100%;
}
#s-start h2{
margin-top: 30px;
padding-bottom: 2rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
font-size: 3rem;
letter-spacing: 0.8rem;
line-height: 4.5rem;
}
#s-start p{
margin: 2rem auto;
font-size: 1.8rem;
color: #6B4D05;
line-height: 4rem;
}
#s-start .text-box2{
background: #FCFFEA;
max-width: 100%;
margin: 0 auto 10px;
padding: 80px 20px 80px 0;
text-align: left;
}
#s-start .text-box2 .container{
padding-left: 0;
max-width: 840px;
}
#s-start .text-box2 .row img{
width: 100%;
}
#s-start .text-box2 h2{
margin-top: 0;
}
#s-start .text-box3{
max-width: 100%;
padding: 20px;
}
#s-start .text-box3 .container{
max-width: 840px;
}
#s-start .text-box3 .row img{
width: 100%;
}
#s-start .text-box3 a{
display: inline-block;
margin-top: 20px;
background: #E1CE5F;
color: #5F4415;
padding: 20px 50px;
border: 9px solid #fff;
border-radius: 50px;
box-shadow:2px 2px 3px #999;
font-size: 2.5rem;
letter-spacing: 0.2rem;
font-weight: 500;
transition: 0.5s;
}
#s-start .text-box3 a:hover{
background: #F0E9B7;
}

@media screen and (max-width: 865px) {
#s-start .line-cloud01{background-size: 130%;height: 150px;}
#s-start .line-cloud02{height: 180px;background-size: 150%;}
}
@media screen and (max-width: 768px) {
#s-start{margin-top: -5rem;padding-bottom: 10rem;}
#s-start .kirakira{top:50px;width: 50px;}
#s-start .text-box{margin: 0 auto;}
#s-start .text-box img{width: 150px;}
#s-start h3{font-size: 5rem;letter-spacing: 0.8rem;}
#s-start h2{font-size: 2rem;letter-spacing: 0.2rem;line-height: 3rem;text-align: left;}
#s-start p{font-size: 1.6rem;line-height: 3rem;}
#s-start .text-box2{padding: 50px 20px 20px;}
#s-start .text-box2 .container{padding: 10px;}
#s-start .text-box2 .row img{width: 60%;display: block;margin: auto;}
#s-start .text-box2 h2{margin-top: 20px;}
#s-start .line-cloud01{background-size: 150%;height: 100px;}
#s-start .line-cloud02{height: 100px;background-size: 150%;}
#s-start .text-box3 .row img{width: 50%;display: block;margin: auto;}
#s-start .text-box3 a{font-size: 2rem;margin-bottom: 2rem;}
}

#s-shima{
margin-top: -153px;
padding-top: 180px;
background:url(/img/s-shima_back.png) no-repeat top center;
background-color:#D7D6D6;
background-size: contain;
position: relative;
}
#s-shima .contents-box{
max-width: 840px;
margin: 0 auto;
}
#s-shima .text-box{
text-align: center;
}
#s-shima h2{
margin-top: 50px;
padding: 1rem;
color: #6B4D05;
font-size: 3rem;
letter-spacing: 0.8rem;
background: #fff;
}
#s-shima h3{
margin-top: 30px;
padding-bottom: 3rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
font-size: 3rem;
letter-spacing: 0.8rem;
}
#s-shima p{
margin: 2rem auto;
font-size: 1.8rem;
color: #6B4D05;
line-height: 4rem;
text-align: left;
}
#s-shima .max-box{
width: 100%;
position: relative;
}
#s-shima .max-box img{
display: block;
position: absolute;
top:-100px;
right: 0;
animation-duration: 2.5s;
animation-delay: 1s;
}
#s-shima .text-box2{
margin-top: 50px;
}
#s-shima .text-box3{
margin-top: 50px;
}
#s-shima .text-box3 img{
width: 100%;
}
#s-shima .text-box3 h3{
margin-top: 50px;
padding-bottom: 0;
border: none;
}
#s-shima .tree{
margin: 0;
height: 400px;
background:url("/img/s-shima03.png") no-repeat top center;
background-color:#D7D6D6;
background-size: cover;
background-blend-mode: multiply;
}
@media screen and (max-width: 1200px) {
#s-shima .max-box img{width: 250px;top:-80px;}
}
@media screen and (max-width: 865px) {
#s-shima .max-box img{width: 180px;top:-60px;}
#s-shima .tree{height: 200px;}
}
@media screen and (max-width: 768px) {
#s-shima{padding-top: 80px;}
#s-shima .text-box{padding: 0 20px;}
#s-shima .text-box img{width: 100px;}
#s-shima h2{font-size: 2rem;letter-spacing: 0.2rem;text-align: left;}
#s-shima h3{font-size: 2rem;letter-spacing: 0.5rem;padding-bottom: 1.5rem;}
#s-shima p{font-size: 1.6rem;line-height: 3rem;}
#s-shima .max-box img{width: 130px;top:-60px;}
#s-shima .text-box2{margin-top: 30px;}
#s-shima .text-box3{margin-top: 30px;}
#s-shima .text-box3 img{width: 100%;}
#s-shima .tree{height: 130px;}
}

#s-messe{
background: #BFD6D6;
position: relative;
}
#s-messe .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
}
#s-messe .back{
display: block;
position: absolute;
top:100;
left:0;
}
#s-messe h3{
margin: 30px 0 0;
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-shadow:2px 2px 3px #999;
color: #fff;
animation-duration: 2.5s;
text-align: right;
padding-right: 50px;
}
#s-messe .box{
width: 100%;
max-width: 800px;
margin: 20px auto 50px;
position: relative;
background: #fff;
padding: 20px;
}
#s-messe .box img{
width: 100%;
display: inline-block;
margin-top: -50px;
margin-bottom: 20px;
}
#s-messe .text-box{
margin-top: 50px;
}
#s-messe h2{
margin: 0 auto;
padding-bottom: 2rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
text-align: center;
font-size: 3rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
#s-messe p{
margin: 2rem auto;
font-size: 1.8rem;
max-width: 800px;
color: #6B4D05;
line-height: 4rem;
}
#s-messe .button{
margin: 50px auto 100px;
}
@media screen and (max-width: 768px) {
#s-messe h3{margin-top: 20px;font-size: 5rem;letter-spacing: 0.8rem;}
#s-messe .box img{width: 50%;}
#s-messe .box{margin: 50px 0 50px;padding: 20px;}
#s-messe .text-box{margin-top: 10px; padding: 0 20px;}
#s-messe h2{font-size: 2rem;letter-spacing: 0.2rem;}
#s-messe p{font-size: 1.6rem;line-height: 3rem;}
#s-messe .line-stripe{height: 60px;}
}

#s-prof{
background: url("/img/s-prof_back.jpg") top center / cover;
position: relative;
padding: 150px 0 0;
}
#s-prof h3{
position: absolute;
top:70px;
left: -1%;
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;
width: 100%;
z-index: 1;
}
#s-prof .box{
padding: 0 15px;
}
#s-prof .text-box{
max-width: 800px;
margin: 0 auto 50px;
padding: 50px 30px;
background: #fff;
}
#s-prof table {
margin: 0 auto;
width: 100%;
color: #5F4415;
}
#s-prof tr {
border-bottom: solid 1px #D9C69D;
letter-spacing: 0.1rem;
}
#s-prof th,#s-prof td {
padding: 15px;
font-weight: 400;
}
#s-prof th {
padding-left: 30px;
}
#s-prof .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
}
@media screen and (max-width: 768px) {
#s-prof{padding: 85px 0 0;}
#s-prof h3{top:30px;font-size: 5rem;letter-spacing: 0.8rem;}
#s-prof .text-box{padding: 30px 20px;}
#s-prof tr:last-child{border-bottom: none;}
#s-prof th,#s-prof td {padding: 10px 15px;width: 100%;}
#s-prof th {padding-left: 10px;}
#s-prof .line-stripe{height: 60px;}
}

#s-tokkyo{
background: #f0d6d5;
position: relative;
padding: 30px 0 0;
}
#s-tokkyo .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
}
#s-tokkyo .back{
display: block;
position: absolute;
top:100;
left:0;
}
#s-tokkyo h3{
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-shadow:2px 2px 3px #999;
color: #fff;
animation-duration: 2.5s;
text-align: center;
padding-right: 50px;
}
#s-tokkyo .box{
width: 100%;
max-width: 800px;
margin: 20px auto 50px;
position: relative;
background: #fff;
padding: 20px;
}
#s-tokkyo .text-box{
margin-top: 50px;
}
#s-tokkyo h2{
margin: 0 auto;
padding-bottom: 2rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
text-align: center;
font-size: 3rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
#s-tokkyo p{
margin: 2rem auto;
font-size: 1.8rem;
max-width: 800px;
color: #6B4D05;
line-height: 4rem;
}
#s-tokkyo .img-box{
width: 100%;
max-width: 350px;
margin: 2rem auto;
border: 1px solid #dcdcdc;
}
#s-tokkyo .img-box img{
width: 100%;
}
@media screen and (max-width: 768px) {
#s-tokkyo h3{font-size: 5rem;letter-spacing: 0.8rem;}
#s-tokkyo .box{margin: 20px 0 50px;padding: 20px;}
#s-tokkyo .text-box{ padding: 0 20px;}
#s-tokkyo h2{font-size: 2rem;letter-spacing: 0.2rem;}
#s-tokkyo p{font-size: 1.6rem;line-height: 3rem;}
#s-tokkyo .line-stripe{height: 60px;}
}