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

.mb5p{ margin-bottom: 5% !important;}
.mb10p{ margin-bottom: 10% !important;}
.mb15p{ margin-bottom: 15% !important;}
.mb20p{ margin-bottom: 20% !important;}

  .mb100 { margin-bottom: 100px !important;}
  .mb60 { margin-bottom: 60px !important;}
  .mb30 { margin-bottom: 30px !important;}
  .mb20 { margin-bottom: 20px !important;}
  .mb15 { margin-bottom: 15px !important;}
  .mb10 { margin-bottom: 10px !important;}
  .mb8 { margin-bottom: 8px !important;}
  .mb5 { margin-bottom: 5px !important;}
  .mb0 { margin-bottom: 0px !important;}
  .center { text-align: center;}
.left { text-align: left !important;}

  @media screen and (max-width: 767px) {
    .mb100 { margin-bottom: 20% !important;}
    .mb60 { margin-bottom: 25% !important;}
    .mb30 { margin-bottom: 10% !important;}
    .mb20 { margin-bottom: 8% !important;}
    .mb15 { margin-bottom: 3% !important;}
    .mb10 { margin-bottom: 2% !important;}
    .mb8 { margin-bottom: 1% !important;}
    .sp_mb10 { margin-bottom: 10px !important;}
	 .sp_mb20 { margin-bottom: 20px !important;}
    .sp_mb30 { margin-bottom: 6% !important;}
    .sp_mb60 { margin-bottom: 18% !important;}
	.sp-left { text-align: left !important;}
	  }

  /*col-set*/
  .col-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 30px);
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .col1-2 { width: calc(50% - 30px);}
  .col1-3 { width: calc(33.33333333% - 30px);}
  .col2-3 { width: calc(66.66666666% - 30px);}
  .col1-4 { width: calc(25% - 30px);}
  .col3-4 { width: calc(75% - 30px);}
  .col1-5 { width: calc(20% - 30px);}
  .col1-6 { width: calc(16.66666666% - 30px);}
  .col1000-2618 { width: calc(38.2% - 30px);}
  .col1618-2618 { width: calc(61.8% - 30px);}

  .col1-2,
  .col1-3,
  .col2-3,
  .col1-4,
  .col3-4,
  .col1-5,
  .col1-6,
  .col1000-2618,
  .col1618-2618 {
    margin-right: 30px;
  }

  @media screen and (max-width: 767px) {
    .col-set {
      width: calc(100% + 5px);
    }

    .col1-2,
    .col1-3,
    .col2-3,
    .col1-4,
    .col3-4,
    .col1-5,
    .col1-6,
    .col1000-2618,
    .col1618-2618 {
      width: calc(100% - 5px);
      margin-right: 5px;
    }

    .sp-col1-2 {
      width: calc(50% - 5px);
    }
	  
    .sp-col1-3 {
      width: calc(33.333% - 5px);
    }
  }


.col_center{ display: flex; justify-content: center;}
.center{ text-align: center;}

.fade-in {
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}

.fade-in.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.fade-in.--2 {
  transition-delay: 300ms;
}
.fade-in.--3 {
  transition-delay: 500ms;
}

.wapper{ overflow-x: hidden; margin-top: 90px;}

.mincho{ font-family:"Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif!important;}


.lp_block { color: #333333;}
.lp_block p{ word-break: break-all; color: #333333;}

@media (max-width: 767px) {
.lp_block {
    margin-top: 0px!important;
	min-width: 360px;
  }
div.cont_block{ padding: 0 6vw;}
}
		
.cont_block { max-width: 890px; margin: auto;}
@media (max-width: 767px) {
  .cont_block { padding: 0 15px;}
}

@media (max-width: 767px) {
  .pcOnly{ display: none !important;}
}
@media (min-width: 767px) {
  .spOnly{ display: none !important;}
}


.photo.scent img{ max-width: 500px;}


@media (max-width: 767px) {
.lp_block p{  font-size: 1.25rem;}
.lp_block p.photo{ width: 100%; margin: 10px auto 0 auto;}
}


@media (max-width: 500px) {
#wapper { padding-top: 0px !important; }
}


.lp_block a{ text-decoration: none;}
.lp_block h1 { letter-spacing: 3px; font-size: 5rem; font-weight: 100;}
.lp_block h3 { color: #C7C09A; font-size: 8rem;}
.lp_block h4{ font-size: 2rem;}
.lp_block h5{ font-weight: 800; font-size: 1.45rem; line-height: 1.5;}
.lp_block h5 span{ font-size: 80%;}

.lp_block .main_visual .up_day{ text-align: center; letter-spacing: 1px; color: #7a755d;}

.lp_block .main_box{ background: #f1edd68a; padding: 5% 0;}
.lp_block .main_box .index_box{ max-width: 400px; margin: 0 auto; display: flex; justify-content: center;}
.lp_block .main_box .index{ display: inline-block;}

.lp_block .main_box h2 { border-bottom: 1px solid #333333; padding-bottom: 8px; font-size: 1.4rem; margin-bottom: 10px;}
.lp_block .main_box ul{ list-style: decimal-leading-zero; margin:5px 30px 0; font-size: 1.4rem;}
.lp_block .main_box ul li{ margin-bottom: 5px;}
.lp_block p.btn{ font-size: 1.2rem; padding: 5px 20px; float: inline-end; margin-top: 10px; background: #837c51;}
.lp_block p.btn a{ color: #ffffff;}


.lp_block .all_lp { background: #e3e6e8ab; padding: 10% 0;}
.lp_block .all_lp h3{font-size: 1.45rem; text-align: center; color: #333333;}
.lp_block .all_lp h3 span{ border: 1px solid #333333; padding: 5px 20px; display: inline-block;}

.lp_block .link ul{ display: flex;}
.lp_block .link ul li{ width: 48%;}
.lp_block .link ul li:first-child{ margin-right: 1%;}
.lp_block .link ul li:last-child{ margin-left: 1%;}
.lp_block .link ul li a{ text-align: center; display: block; text-align: center; background: #333333; color: #ffffff; padding: 10px;}

@media (max-width: 767px) {
.lp_block h1 { font-size: 3rem;}
.lp_block .main_box ul{ font-size: 1.3rem;}
.lp_block .all_lp p{ font-size: 1rem; line-height: 1.5;}
.lp_block .link ul{ display:block;}
.lp_block .link ul li{ width: 100%;}
.lp_block .link ul li:first-child,
.lp_block .link ul li:last-child{ margin: 0;}
.lp_block h5{ font-weight:normal;}
}