@charset "utf-8";
:root {
  --color-main1: #ffde0e;
  --color-sub1: #d6deeb;
  --color-sub2: #bdb371;
  --color-blk1: #333333;
  --color-blk2: #737373;
	--color-blk3: #cccccc;
  --color-blk4: #E9E9E9;
  --color-wht: #FFFFFF;
  --margin-big: 100px;
  --margin-middle: 60px;
  --margin-small: 40px;
  --margin-col: 40px;
  --container-w1: 60px;
  --container-w2: 30px;
  --header-hight: 80px;
  --font02: "Noto Serif JP", serif;
  --font03: "Yuji Syuku", serif;
  --rp120:120px;
  --rp100:100px;
  --rp80:80px;
  --rp60:60px;
  --rp40:40px;
  --rp20:20px;
}
@media screen and (max-width: 1080px) {
  :root {
    --margin-big: 80px;
    --margin-middle: 40px;
    --margin-small: 20px;
    --margin-col: 20px;
    --container-w1: 30px;
    --rp120:100px;
    --rp100:80px;
    --rp80:60px;
    --rp60:40px;
    --rp40:20px;
  }
}
@media screen and (max-width: 560px) {
  :root {
    --margin-big: 60px;
    --margin-middle: 40px;
    --container-w1: 20px;
    --container-w2: 20px;
    --rp120:80px;
    --rp100:60px;
    --rp80:40px;
    --rp60:20px;
  }
}
body{
  letter-spacing: 0.1em;
}
@media screen and (max-width: 560px) {
  body{
    letter-spacing: 0;
  }
}
p{
  font-size: 18px;
  line-height: calc(1em + 14px);
  margin: var(--margin-small) 0 0 0;
}
@media screen and (max-width: 560px) {
p{
  font-size: 14px;
  line-height: calc(1em + 12px);
}
}
.lp01-mainimage{
  background: url(../img/lp/bg11.jpg) top center / cover no-repeat #000;
}
.lp01-section01 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0.01em 0;
}
.lp01-section01_inner{
  padding: 0.01em var(--container-w1);
}
.lp01-section02_inner{
  padding:var(--container-w1) var(--container-w1) 100px;
}
@media screen and (max-width: 560px) {
  .lp01-section02_inner{
    padding: 40px var(--container-w1) 60px;
  }
}
.lp01-bkg01{
  background: rgba(0, 0, 0, .7);
}
.lp01-bkg02{
  background: #FFF;
  border-left: 8px solid #e5dbd0;
  border-right: 8px solid #e5dbd0;
  color: var(--color-blk1);
}
.lp01-head_text01{
  font-family: var(--font03);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp01-head_text01 > div{
  border: 2px solid var(--color-wht);
  font-size: 32px;
  line-height: calc(1em + 4px);
  padding: 8px 16px 12px;
  text-align: center;
}
.lp01-head_text02{
  font-family: var(--font02);
  font-weight: 700;
  font-size: 20px;
  line-height: calc(1em + 16px);
  text-align: center;
}
.lp01-head_text03{
  font-family: var(--font02);
  font-weight: 700;
  font-size: 52px;
  line-height: calc(1em + 16px);
  text-align: center;
  color: var(--color-main1);
}
.lp01-head_text04{
  font-family: var(--font02);
  font-weight: 700;
  font-size: 32px;
  line-height: calc(1em + 16px);
  text-align: center;
  color: var(--color-main1);
}
@media screen and (max-width: 1080px) {
  .lp01-head_text01{
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 560px) {
  .lp01-head_text01 > div{
    font-size: 24px;
  }
  .lp01-head_text02{
    font-size: 16px;
  }
  .lp01-head_text03{
    font-size: 32px;
  }
  .lp01-head_text04{
    font-size: 20px;
  }
}
.lp01-box01{
  background: var(--color-wht);
  border-radius: 8px;
  overflow: hidden;
  color: var(--color-blk1);
}
.lp01-box01 > .title{
  text-align: center;
  border-bottom: 2px solid var(--color-blk1);
  padding: 16px 32px;
  background: var(--color-blk1);
  color: var(--color-main1);
}
.lp01-box01 > .text_area{
    padding: var(--rp40);
}
@media screen and (max-width: 560px) {
  .lp01-box01 > .title{
    padding: 16px 16px;
  }
}
.lp01-subheadpart01{
  background: url(../img/top_bg01.jpg) center center / cover no-repeat;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: var(--margin-middle);
}
.lp01-subheadpart01 > .inner{
  font-family: var(--font02);
  font-weight: 900;
  font-size: 52px;
  line-height: calc(1em + 16px);
  text-align: center;
  text-shadow: 0 0 8px #000;
  color: var(--color-main1);
  overflow: hidden;
}
@keyframes subheadpart01 {
	0% { opacity: 0;transform: translateY(100%); }
	100% { opacity: 1; transform: translateY(0);}
}
.lp01-subheadpart01.animeTrigger > .inner > span{
  opacity: 0;transform: translateY(100%);display: block;
}
.lp01-subheadpart01.animeTrigger.animetion > .inner > span{
	animation: subheadpart01 1.2s ease 0s 1 forwards;
}
@media screen and (max-width: 560px) {
  .lp01-subheadpart01{
    padding: var(--margin-middle) 20px;
  }
  .lp01-subheadpart01 > .inner{
    font-size: 32px;
  }
}
.lp01-mainbkg01{
  background: url(../img/lp/bg12.png) top center / 100% repeat-y #FFF;
}
.lp01-btn01{
  background: #006b12;
  border: 2px solid #016912;
  box-shadow: 0 0 8px #01cf23 inset , 0 0 8px #ffde0e;
  color: var(--color-main1) !important;
  text-decoration: none !important;
  padding: 16px 64px 16px 64px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 60px;
  position: relative;
  line-height: calc(1em + 8px);
  font-weight: 700;
  font-size: 24px;
  cursor: pointer;
  transition: transform .2s;
}
.lp01-btn01:hover{
  transform: translateY(2px);
}
@media screen and (max-width: 560px) {
  .lp01-btn01{
    padding: 16px;
    font-size: 20px;
  }
}