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

section.lp_tmp{padding: 0 0 30px;}

#contents_lp{
  position: relative;
  width: 100%;
  /*margin: 0 auto;
  padding: 0 20px;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
padding-bottom: 60px;
}

.m_a{margin: auto;display: block;}
.w30{width: 30%;}
.w80{width: 80%;}

.bg_orange{background-color: #FCEDD7;padding: 50px 0;}
.bg_gray{background-color: #ddd;padding: 50px 0;}
.bg_white{background-color: #fff;padding: 30px 0;}
.bg_black{background-color: #000;padding: 30px 0;}
.cont_wrap img{max-width: 100%;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 10px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.lb-number,.lb-nav{display:none !important;}
.lb-data .lb-close{margin: 10px auto 0 !important;display: block !important; float: unset !important;}

@media screen and (min-width: 768px){
	.pc_onry{display: block;}
	.sp_onry{display: none;}
	.cont_wrap{max-width: 1300px;width: 80%; margin:0 auto 30px;display: block;}
	.mtb{padding: 50px 0;margin: 50px 0;}
	.bnr_box3_2{display:block;}
	/*3分割box(SP2分割)*/
	.box_3b{width: calc(99% / 3);box-sizing: border-box; display:inline-block;}
	.box_2b{width: calc(99% / 2);box-sizing: border-box; display:inline-block; vertical-align: top;}
	.box_3b img,.box_2b img{margin: 2% auto;max-width: 90%;}
    .w70pc{width: 55%;display: block;}
}

@media screen and (max-width: 767px){
    .bg_orange{background-color: #FCEDD7;padding: 30px 0;}
	.bg_gray{background-color: #ddd;padding: 30px 0;}
	.bg_white{background-color: #fff;padding: 30px 0;}
	.bg_black{background-color: #000;padding: 30px 0;}
	.pc_onry{display: none;}
	.sp_onry{display: block;}
    section.p10{padding: 0 10px;}
	.w100{width:100% !important;}
	.w90{width:90% !important; margin:20px auto;display: block;}
	.cont_wrap{width: 95%;margin: auto;display: block;}
	.mtb{padding: 30px 0;margin: 30px 0;}
	.bnr_box3_2{display:flex;flex-flow: row wrap;}
	/*3分割box(SP2分割)*/
	.box_3b{width: calc(100% / 3);box-sizing: border-box;}
	.box_2b{width: calc(100% / 2);box-sizing: border-box;}
	.box_3b img,.box_2b img{margin: 2% auto;max-width: 90%;display: block;}
	.bnr_box2_2{display:flex;flex-flow: row wrap;}
}

/*====================================================================
slick
====================================================================*/

* {
  box-sizing: border-box;
}
.sliderArea {
  max-width: 100%;
  margin: 30px auto;
  padding: 0 25px;
}
@media screen and (min-width: 768px){
.sa_blue{background-color: #95c3ee99;
    padding: 50px 50px 1px;
    margin-top: 0;
}
.sa_orange{background-color: #FCEDD7;
    padding: 50px 50px 1px;
    margin-top: 30px;
}
.slick-dotted.slick-slider {
    margin: 0px 20px 60px;
    margin-bottom: 60px !important;
}
}
@media screen and (max-width: 767px){
.sa_blue{background-color: #95c3ee99;
    padding: 20px 34px 1px;
    margin-top: 0px;
}
.sa_orange{background-color: #FCEDD7;
    padding: 20px 34px 1px;
    margin-top: 30px;
}
.slick-dotted.slick-slider {
    margin: 0px 20px 60px;
    margin-bottom: 60px !important;
}
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}


.scroll-hint-icon-wrap {
    -moz-animation: cssAnimation 0s ease-in 8s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 8s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 8s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 8s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}