@charset "UTF-8";
@media screen and (max-width: 768px) {
.pc,.pc-1000{
    display: none !important;
}
.sp,.sp-999{
    display: block !important;
}
    
.with-map{ margin: 45px 0;}
}


    
    
/*    ----teaser----*/


body {
    background: #53BF9D; animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

main{
/*
    width: 100%;
    min-width: 100%;
    margin: 0;
    margin-top: calc(50vh - 200px);
    font-family: 'Zen Maru Gothic', 'Calibri', sans-serif;
*/
}
    
img{
    display: block;
/*
    width:80vw;
    max-width: 360px;
    margin: 0 auto 60px;
*/
}

p{
/*
    color: #fff; text-align: center;
    line-height: 2em;
    font-size: 14px;
    margin-bottom: 3em;
*/
}
 
p.address{
    font-size: 12px;
}
    
a{
    text-decoration: underline;
}
   
@media screen and (max-height: 380px) {
main{
    margin-top:30px;
}
}
/*    ----teaser----*/

body {
    font-family:'Lato', "Noto Sans Japanese", sans-serif;
}

#exhibition ul li span.italic{
    font-style: italic;
    display: inline-block;
    max-width: 100%;
    margin: 0;
}

/*-------------------------------------------------
	Animation
-------------------------------------------------*/
/* Fadein animation */
.bl_fadeIn {
	opacity: 0 !important;
	top: 25px;
	position: relative;
}
.bl_fadeIn.in {
	opacity: 1 !important;
	top: 0 !important;
	transition: all 1s ease-out,top 1s ease-out;
}
.secWrap.ns_logo {
    padding: 20px 20px 0
}
.ns_logo img {
    max-width:40vw 
}
.h1txt2 {
    margin-bottom: 60px
}
.h2txt {
    margin-top: 20px
}

.swiper {
	margin-top: 40px;
}
.swiper-wrapper {
  transition-timing-function: linear;
}
.swiper-slide {
	max-width: 400px
}
.swiper-slide img {
	max-width: 100%
}
.fill img {
    width: 40vw;
    margin: 90px auto 0px;
}
.next .seed_ex {
    max-width: 100%;
    margin-top: 40px
}