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

body {
    position: relative;
    overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

body #lp {
    margin-top: -33px;
    background: #a5c9c1;
    padding-bottom: 1%;
}

#lp a {
  text-decoration: none;
  color: #333333;
}

#lp a.detail {
  text-decoration: underline;
  display: block;
  text-align: center;
}

#lp p {
	font-family: 'Montserrat',YuGothic,'Yu Gothic',sans-serif;
	color: #333333;
	font-size: 0.9rem;
	line-height: 1.9;
	letter-spacing: 0.08rem;
  margin-bottom: 10px;
}

#lp h2 {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #222;
    letter-spacing: 0.05em;
}

#lp h3 {
    text-align: center;
    /* font-size: 1.8rem; */
    color: #222;
}

#lp section{
  margin: 0;
}

#lp .kv_area img {
  width: 100%;
    margin: 0 auto;
    object-fit: cover;
}


.head_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#lp p.h_caption {
  text-align: left;
  margin-bottom: 20px;
}
#lp p.h_caption_02 {
  text-align: left;
  width: 80%;
  background-color: #cee9e3;
  padding: 16px;
}

#lp p.gallery_credit {
  margin: 10px 20px;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.5;
}
#lp p.gallery_caption {
  margin: 10px 20px 50px;
}
.gallery_credit span {
  font-weight: normal;
  font-size: 0.8rem;
}

.only_sp { display: block;}
.only_sp02 { display: none;}
.only_pc { display: none;}


.linkbtn_type1{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    margin: 20px auto;
    position: relative;
    text-decoration: none;
    line-height: 1;
     padding: 5%;
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.slider {
  width: 50%;
  margin: 100px auto;
}

.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
border: 15px solid #fff;
}

.slick-prev:before,
.slick-next:before {
color: black;
}


.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}

.slick-active {
opacity: .5;
}

.slick-current {
opacity: 1;
}

.sec_inner{	padding: 40px 15px;}

.fs-x-small{ font-size:0.8rem !important; }
.fs-small{ font-size: 1.0rem !important; }
.fs-middle{ font-size: 1.2rem !important; }
.fs-large{ font-size: 1.4rem !important; }
.fs-x-large{ font-size: 1.6rem !important; }
.is-center{ text-align: center !important; }
.is-left{ text-align: left !important; }
.is-right{ text-align: right !important; }
.fc-white{ color: #fff !important; }
.mb10{ margin-bottom: 10px!important; }
.mb20{ margin-bottom: 20px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb50{ margin-bottom: 50px!important; }
.mt10{ margin-top: 10px!important; }
.mt20{ margin-top: 20px!important; }
.mt30{ margin-top: 30px!important; }
.mt50{ margin-top: 50px!important; }



/*PC用*/
@media screen and (min-width: 768px){
.only_sp{display: none;}
.only_pc{ display: block; }
body #lp { margin-top: -10px; padding: 20px; }
#lp h2{ font-size: 22px; }
#lp h3{ font-size:32px; }
#lp p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 50px;
}



#lp .kv_area {
    width: 100%;
    position: relative;
}

#lp section {
max-width: 1024px;
margin: 0 auto;
}

#lp section.kv_area {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
}

.kv_area img {
    max-width: 100%;
}

 .linkbtn_type1{
    width: 400px;
    padding: 23px;
    margin-bottom: 120px;
 }
 .gallery_area_inner {
  display: flex;
  justify-content: space-between;
}
.slick-gallery {
  width: 482px;
  height: auto;
}
#lp p.gallery_credit {
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
  line-height: 1.5;
}
#lp p.gallery_caption {
  text-align: left;
}

.fs-x-small{ font-size:14px !important; }
.fs-small{ font-size:16px !important; }
.fs-middle{ font-size: 20px !important; }
.fs-large{ font-size:24px !important; }
.fs-x-large{ font-size:28px !important; }

}


.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}