@charset "UTF-8";

body{
font-size:14px;
line-height:1.4em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
color:#000;
text-align:center;
background:#FFF;
margin:0;
padding:0;
}
a:link{
text-decoration:none;
color:#000;
}
a:visited{
text-decoration:none;
color:#000;
}
a:active{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:none;
color:#000;
}
img{
width:100%;
height:auto
}
.clearfix{
display:block;
}
.clear{
clear:both;
}
.clear hr{
display:none;
}
ul,li{
list-style:none;
}
ol,li{
list-style:none;
}
#container {
width:100%;
text-align:center;
}
.footer{
background-color:#FFF;
color:#000;
}




@media screen and (min-width:1024px) {
.smp{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
.floating_smp{
display:none;
}
.flow-navi__wrapper{
display:none;
}
.floating{
position:fixed;
height:auto;
top:auto;
right:0.5%;
bottom:10%;
left:auto;
z-index:1000;
}
.floating ol{
}
.floating ol li{
width:100px;
margin:0 0 6px 0;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
a.home{
display:block;
position:relative;
width:260px;
padding:1.2em;
font-size:16px;
letter-spacing:0.05em;
text-align:center;
text-decoration:none;
color:#FFF;
border:1px solid #6FB92C;
background:#6FB92C;
overflow:hidden;
z-index:1 !important;
margin:50px auto;
}
a.home:after{
content:"";
position:absolute;
top:50%;
left:50%;
height:0;
width:100%;
background:#fff;
opacity:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
transition:0.3s;
z-index:-1;
}
a.home:hover{
color:#6FB92C;
}
a.home:hover:after{
height:250%;
opacity:1;
}
a.home:active:after{
height:350%;
opacity:1;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
p{
font-size:13px;
line-height:1.5em;
text-align:justify;
}
.floating_smp{
display:none;
}
.flow-navi__wrapper{
display:none;
}
.floating{
position:fixed;
height:auto;
top:auto;
right:0.5%;
bottom:3%;
left:auto;
z-index:1000;
}
.floating ol{
}
.floating ol li{
width:100px;
margin:0 0 10px 0;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
a.home{
display:block;
position:relative;
width:200px;
padding:1.2em;
font-size:15px;
letter-spacing:0.05em;
text-align:center;
text-decoration:none;
color:#FFF;
border:1px solid #6FB92C;
background:#6FB92C;
overflow:hidden;
z-index:1 !important;
margin:40px auto;
}
a.home:after{
content:"";
position:absolute;
top:50%;
left:50%;
height:0;
width:100%;
background:#fff;
opacity:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
transition:0.3s;
z-index:-1;
}
a.home:hover{
color:#6FB92C;
}
a.home:hover:after{
height:250%;
opacity:1;
}
a.home:active:after{
height:350%;
opacity:1;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
.flow-navi__wrapper{
display:none;
}
.floating{
display:none;
}
.floating_smp{
position:fixed;
width:100%;
height:auto;
top:auto;
right:0;
bottom:0;
left:0;
z-index:1000;
}
.floating_smp ol{
}
.floating_smp ol li{
width:50%;
margin:0;
float:left;
}
a.home{
display:block;
position:relative;
width:200px;
padding:1.2em;
font-size:15px;
letter-spacing:0.05em;
text-align:center;
text-decoration:none;
color:#FFF;
border:1px solid #6FB92C;
background:#6FB92C;
overflow:hidden;
z-index:1 !important;
margin:30px auto;
}
a.home:after{
content:"";
position:absolute;
top:50%;
left:50%;
height:0;
width:100%;
background:#fff;
opacity:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
transition:0.3s;
z-index:-1;
}
a.home:hover{
color:#6FB92C;
}
a.home:hover:after{
height:250%;
opacity:1;
}
a.home:active:after{
height:350%;
opacity:1;
}
}









/* ==================================================

PHOTO_AREA

================================================== */
@media screen and (min-width:1024px) {
.photo_area{
width:1000px;
margin:0 auto;
padding:0;
}
.photo_area h1{
width:24%;
margin:0 auto 80px;
}
.photo_area h2{
font-size:26px;
font-weight:500;
position:relative;
padding:0 45px;
text-align:center;
width:15em;
margin:1em auto 1.2em;
letter-spacing:0.1em;
text-indent:0.1em;
color:#6FB92C;
}
.photo_area h2:before{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:44px;
height:4px;
background-color:#6FB92C;
transform:rotate(60deg);
}
.photo_area h2:after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:44px;
height:4px;
background-color:#6FB92C;
transform:rotate(-60deg);
}
.photo_area h2:before{
left:0;
}
.photo_area h2:after{
right:0;
}
.photo_area p{
text-align:center;
line-height:1.8em;
margin-bottom:3em;
}

.entry{
margin:3em auto;
}
.entry a{
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:0 auto;
max-width:360px;
padding:1.5em 0;
color:#FFF;
transition:0.3s ease-in-out;
font-size:18px;
font-weight:500;
letter-spacing:0.05em;
background:#6FB92C;
border-radius:8px;
border-bottom:solid 5px #629B26;
}
.entry a:hover{
border-bottom:solid 2px #629B26;
transform:translateY(3px);
}




}
@media only screen and (min-width:768px) and (max-width:1023px) {
.photo_area{
width:98%;
margin:0 auto;
padding:0;
}
.photo_area h1{
width:26%;
margin:0 auto 60px;
}
.photo_area h2{
font-size:23px;
font-weight:500;
position:relative;
padding:0 45px;
text-align:center;
width:15em;
margin:1em auto 1.2em;
letter-spacing:0.1em;
text-indent:0.1em;
color:#6FB92C;
}
.photo_area h2:before{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:40px;
height:4px;
background-color:#6FB92C;
transform:rotate(60deg);
}
.photo_area h2:after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:40px;
height:4px;
background-color:#6FB92C;
transform:rotate(-60deg);
}
.photo_area h2:before{
left:0;
}
.photo_area h2:after{
right:0;
}
.photo_area p{
width:90%;
margin:0 auto 3em;
text-align:justify;
line-height:1.8em;
}
.entry{
margin:3em auto;
}
.entry a{
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:0 auto;
max-width:330px;
padding:1.5em 0;
color:#FFF;
transition:0.3s ease-in-out;
font-size:16px;
font-weight:500;
letter-spacing:0.05em;
background:#6FB92C;
border-radius:8px;
border-bottom:solid 5px #629B26;
}
.entry a:hover{
border-bottom:solid 2px #629B26;
transform:translateY(3px);
}




}
@media only screen and (min-width:320px) and (max-width:767px) {
.photo_area{
width:98%;
margin:0 auto;
padding:0;
}
.photo_area h1{
width:50%;
margin:0 auto 40px;
}
.photo_area h2{
font-size:20px;
font-weight:600;
position:relative;
padding:0 30px;
text-align:center;
width:14em;
margin:1em auto 1.2em;
letter-spacing:0.1em;
text-indent:0.1em;
color:#6FB92C;
}
.photo_area h2:before{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:40px;
height:3px;
background-color:#6FB92C;
transform:rotate(60deg);
}
.photo_area h2:after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:40px;
height:3px;
background-color:#6FB92C;
transform:rotate(-60deg);
}
.photo_area h2:before{
left:0;
}
.photo_area h2:after{
right:0;
}
.photo_area p{
width:90%;
margin:0 auto 1.5em;
text-align:justify;
line-height:1.5em;
}
.entry{
margin:3em auto;
}
.entry a{
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:0 auto;
max-width:90%;
padding:1.5em 0;
color:#FFF;
transition:0.3s ease-in-out;
font-size:16px;
font-weight:500;
letter-spacing:0.05em;
background:#6FB92C;
border-radius:8px;
border-bottom:solid 5px #629B26;
}
.entry a:hover{
border-bottom:solid 2px #629B26;
transform:translateY(3px);
}






}







/* ==================================================

FOOTER_AREA

================================================== */
@media screen and (min-width:1024px) {
.footer_area{
width:1000px;
margin:0 auto;
padding:10px 0 10px;
}
.footer_area div#logo{
width:300px;
margin:0px auto 30px;
}
.footer_area p{
font-size:15px;
text-align:center;
letter-spacing:0.05em;
color:#6FB92C;
}
.sns{
width:50px;
height:auto;
position:fixed;
top:auto;
right:0;
bottom:10%;
left:auto;
z-index:2000;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.footer_area{
width:98%;
margin:0 auto;
padding:10px 0 10px;
}
.footer_area div#logo{
width:240px;
margin:0px auto 20px;
}
.footer_area p{
font-size:14px;
text-align:center;
letter-spacing:0.05em;
color:#6FB92C;
}
.sns{
width:50px;
height:auto;
position:fixed;
top:auto;
right:0;
bottom:10%;
left:auto;
z-index:2000;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.footer_area{
width:98%;
margin:0 auto;
padding:10px 0 10px;
}
.footer_area div#logo{
width:60%;
margin:0 auto 15px;
}
.footer_area p{
font-size:13px;
line-height:1.5em;
text-align:center;
letter-spacing:0.05em;
color:#6FB92C;
}
.sns{
width:10%;
height:auto;
position:fixed;
top:auto;
right:0;
bottom:10%;
left:auto;
z-index:2000;
}
}









/*==================================================================

SWIPER

==================================================================*/
.swiper-container{
text-align:center;
cursor:grab;
}
.swiper-container:active{
cursor:grabbing;
}
.swiper-container .swiper-slide img{
max-width:100%;
width:100%;
height:auto;
}
.thumbs{
height:10%;
box-sizing:border-box;
padding:10px 0;
}
.thumbs .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs .swiper-slide:active{
cursor:grabbing;
}
.thumbs .swiper-slide-active{
opacity:1;
}
.thumbs2{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs2 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs2 .swiper-slide:active{
cursor:grabbing;
}
.thumbs2 .swiper-slide-active{
opacity:1;
}
.thumbs3{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs3 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs3 .swiper-slide:active{
cursor:grabbing;
}
.thumbs3 .swiper-slide-active{
opacity:1;
}
.thumbs4{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs4 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs4 .swiper-slide:active{
cursor:grabbing;
}
.thumbs4 .swiper-slide-active{
opacity:1;
}
@media (max-width:600px){
.swiper-blind-left,.swiper-blind-right{
display:none;
}
}