@charset "UTF-8";


/* ---------- #fv ---------- */
#fv {
  position: relative;
}
#fv .fv {
  height: 100vh;/* Fallback */
  /*height: calc(var(--vh, 1vh) * 100);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (orientation: portrait) {
  #fv .fv {
    height: 50vh;
  }
}
#fv .fv01 {
  background-image: url("../img/index/fv01.jpg");
}
#fv .fv02 {
  background-image: url("../img/index/fv02.jpg");
}
#fv .fv03 {
  background-image: url("../img/index/fv03.jpg");
}
#fv .scroller {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 5px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
#fv .scroller::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
#fv .scroller span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 10px;
  animation: scroller 1.6s ease infinite;
}
@keyframes scroller {
  0% {
    transform: translateY(-5px)
  }
  to {
    transform: translateY(70px)
  }
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
  #fv .fv {
    height: 70vh;
  }
}
@media (max-width: 639px) {
}
@media (orientation: portrait) and (max-width: 639px) {
  #fv .fv02 {
    background-image: url("../img/index/fv02_sp.jpg");
  }
  #fv .fv03 {
    background-image: url("../img/index/fv03_sp.jpg");
  }
}


/* ---------- #lead ---------- */
#lead {
  padding-top: 150px;
  padding-bottom: 150px;
  text-align: center;
}
#lead .en_ttl {
  color: #ae9453;
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#lead h2 {
  font-size: 32px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#lead p {
  margin-top: 30px;
  line-height: 3;
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
  #lead {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 639px) {
  #lead h2 {
    font-size: 24px;
  }
}


/* ---------- .fullwidth_img ---------- */
.fullwidth_img {
  height: 280px;
  background-image: url("../img/index/fullwidth_img.png");
  background-position: center;
  background-size: cover;
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
  .fullwidth_img {
    height: 180px;
  }
}
@media (max-width: 639px) {
}


/* ---------- #point ---------- */
#point {
  padding-top: 200px;
  padding-bottom: 200px;
}
#point section {
  display: flex;
  justify-content: space-between;
}
#point section:not(:first-child) {
  margin-top: 100px;
  padding-top: 100px;
  border-top: 1px solid #dcd4c1;
}
#point section > .ttl_img,
#point section > h2 {
  display: none;
}
#point .content {
  width: calc(51000% / 1200);
}
#point .ttl_img {
  text-align: center;
}
#point h2 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 29px;
  text-align: center;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#point p {
}
#point .img {
  width: 50%;
}
#point .img img {
  width: 100%;
}
#point section:nth-child(2n) .content {
  order: 2;
}
#point section:nth-child(2n) .img {
  order: 1;
}
@media (max-width: 959px) {
  #point section {
    flex-wrap: wrap;
  }
  #point .ttl_img,
  #point h2 {
    display: none;
  }
  #point section > .ttl_img,
  #point section > h2 {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #point {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #point section:not(:first-child) {
    margin-top: 50px;
    padding-top: 50px;
  }
}
@media (max-width: 639px) {
  #point section {
    display: block;
  }
  #point h2 {
    font-size: 20px;
  }
  #point .content,
  #point .img {
    width: 100%;
  }
  #point .img {
    margin-top: 20px;
  }
}


/* ---------- #overview ---------- */
#overview {
}
#overview .deco_header {
  position: relative;
  height: calc(calc(var(--vw) * 37000) / 1500);
}
#overview .deco_header::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50vw calc(33400vw / 1500) 50vw;
  border-width: 0 calc(var(--vw) * 50) calc(calc(var(--vw) * 33400) / 1500) calc(var(--vw) * 50);
  border-color: transparent transparent #dcd4c1 transparent;
}
#overview .deco_header > img {
  position: absolute;
  display: block;
}
#overview .deco_header .logo {
  width: calc(9000% / 1500);
  bottom: calc(calc(var(--vw) * 12000) / 1500);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#overview .deco_header .olive_01 {
  width: calc(8500% / 1500);
  left: calc(calc(var(--vw) * 16600) / 1500);
  bottom: calc(calc(var(--vw) * 9700) / 1500);
}
#overview .deco_header .olive_02 {
  width: calc(7800% / 1500);
  left: calc(calc(var(--vw) * 29600) / 1500);
  bottom: calc(calc(var(--vw) * 100) / 1500);
}
#overview .deco_header .olive_03 {
  width: calc(8300% / 1500);
  left: calc(calc(var(--vw) * 36700) / 1500);
  bottom: calc(calc(var(--vw) * 15600) / 1500);
}
#overview .deco_header .olive_04 {
  width: calc(7900% / 1500);
  left: calc(calc(var(--vw) * 50100) / 1500);
  bottom: calc(calc(var(--vw) * 10300) / 1500);
}
#overview .deco_header .olive_05 {
  width: calc(7500% / 1500);
  left: calc(calc(var(--vw) * 54600) / 1500);
  bottom: calc(calc(var(--vw) * 25800) / 1500);
}
#overview .deco_header .honey_01 {
  width: calc(8300% / 1500);
  right: calc(calc(var(--vw) * 21500) / 1500);
  bottom: calc(calc(var(--vw) * 8600) / 1500);
}
#overview .deco_header .honey_02 {
  width: calc(5900% / 1500);
  right: calc(calc(var(--vw) * 35400) / 1500);
  bottom: calc(calc(var(--vw) * 5900) / 1500);
}
#overview .deco_header .honey_03 {
  width: calc(6500% / 1500);
  right: calc(calc(var(--vw) * 46000) / 1500);
  bottom: calc(calc(var(--vw) * 20700) / 1500);
}
#overview .deco_header .honey_04 {
  width: calc(7800% / 1500);
  right: calc(calc(var(--vw) * 57100) / 1500);
  bottom: calc(calc(var(--vw) * 3400) / 1500);
}
#overview .deco_header .honey_05 {
  width: calc(11100% / 1500);
  right: calc(calc(var(--vw) * 54700) / 1500);
  bottom: calc(calc(var(--vw) * 32000) / 1500);
}
@media (max-width: 959px) {
  #overview .deco_header .logo {
    bottom: calc(calc(var(--vw) * 5400) / 1500);
  }
  #overview .deco_header .olive_01,
  #overview .deco_header .olive_02,
  #overview .deco_header .olive_03 {
    display: none;
  }
  #overview .deco_header .olive_04 {
    left: calc(calc(var(--vw) * 15100) / 1500);
    bottom: calc(calc(var(--vw) * 3300) / 1500);
  }
  #overview .deco_header .olive_05 {
    left: calc(calc(var(--vw) * 40600) / 1500);
    bottom: calc(calc(var(--vw) * 20000) / 1500);
  }
  #overview .deco_header .honey_02,
  #overview .deco_header .honey_03,
  #overview .deco_header .honey_04 {
    display: none
  }
  #overview .deco_header .honey_01 {
    right: calc(calc(var(--vw) * 15400) / 1500);
    bottom: calc(calc(var(--vw) * 5900) / 1500);
  }
  #overview .deco_header .honey_05 {
    right: calc(calc(var(--vw) * 40700) / 1500);
    bottom: calc(calc(var(--vw) * 17000) / 1500);
  }
}
@media (max-width: 767px) {
  #overview .deco_header .logo {
    width: calc(3900% / 360);
  }
  #overview .deco_header .olive_04 {
    width: calc(3950% / 440);
  }
  #overview .deco_header .olive_05 {
    width: calc(3750% / 440);
  }
  #overview .deco_header .honey_01 {
    width: calc(2950% / 310);
  }
  #overview .deco_header .honey_05 {
    width: calc(5550% / 500);
  }
}
@media (max-width: 639px) {
}
#overview section {
  background-size: cover;
  background-position: center;
}
#overview section .wrapper {
  display: flex;
  align-items: center;
  height: calc(calc(var(--vw) * 66000) / 1500);
}
#overview section .inner {
  width: 500px;
  padding: 30px 0;
  text-align: center;
}
#overview section .deco_ttl {
  padding-top: 0;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 36px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  letter-spacing: 0;
}
#overview section h2 {
  font-size: 26px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  letter-spacing: 0;
}
#overview section p {
  margin-top: 15px;
}
#overview section .btn_area {
  margin-top: 40px;
}
#overview section .btn_area .btn {
  width: 200px;
  height: 60px;
  line-height: 60px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#overview .honey {
  background-image: url("../img/index/overview_honey_img.png");
}
#overview .honey .deco_ttl {
  background-image: url("../img/index/overview_honey_ttl_bg.png");
}
#overview .honey .deco_ttl span,
#overview .olive .deco_ttl span{
  display: block;
  line-height: 1.3;
  padding: 15px 0;
}
#overview .olive {
  background-image: url("../img/index/overview_olive_img.png");
}
#overview .olive .inner {
  margin-left: auto;
}
#overview .olive .deco_ttl {
  background-image: url("../img/index/overview_olive_ttl_bg.png");
}
@media (max-width: 959px) {
  #overview section .wrapper {
    height: auto;
  }
  #overview section .inner h2,
  #overview section .inner p {
    text-shadow: 0 0 10px #fff;
  }
}
@media (max-width: 767px) {
  #overview section .deco_ttl {
    padding-top: 10px;
    background-size: 147.5px 25.5px;
  }
  #overview section .inner {
    width: 100%;
    padding: 60px 0;
  }
  #overview section .img {
    margin-top: 40px;
  }
  #overview section .img img {
    width: 80%;
  }
  #overview section .btn_area .btn {
    width: 250px;
  }
  #overview .honey {
    background-image: none;
  }
  #overview .honey .deco_ttl {
    background-image: url("../img/index/overview_honey_ttl_bg@2x.png");
  }
  #overview .olive {
    background-image: none;
  }
  #overview .olive .inner{
    border-top: 1px solid #dcd4c1;
  }
  #overview .olive .deco_ttl {
    background-image: url("../img/index/overview_olive_ttl_bg@2x.png");
  }
}
@media (max-width: 639px) {
  #overview section .deco_ttl {
    font-size: 28px;
  }
  #overview section h2 {
    font-size: 20px;
  }
  #overview section .img img {
    width: 100%;
  }
}


/* ---------- #company ---------- */
#company {
  background-color: #dcd4c1;
  padding: 200px 0;
}
#company .wrapper {
  display: flex;
  justify-content: space-between;
}
#company .img {
  position: relative;
  z-index: 2;
  width: 50%;
  margin-right: -50%;
}
#company .img img {
  width: 100%;
}
#company .content {
  position: relative;
  z-index: 1;
  width: calc(76000% / 1200);
  margin-top: 80px;
  padding: 75px calc(6000% / 1200) 40px calc(21500% / 1200);
  background-color: #fff;
}
#company h2 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#company h2 img {
  margin-bottom: 10px;
}
#company p {
  margin-top: 15px;
}
#company .map {
  max-width: 260px;
  margin-top: -25px;
  margin-left: auto;
  text-align: center;
}
#company .map img {
  width: 100%;
}
#company .map .btn {
  width: 180px;
  height: 46px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 46px;
}
#company .deco_01,
#company .deco_02 {
  position: absolute;
  pointer-events: none;
}
#company .deco_01 {
  right: 33px;
  top: -30px;
}
#company .deco_02 {
  left: 27px;
  bottom: -15px;
}
@media (max-width: 959px) {
  #company .map {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  #company {
    padding: 100px 0;
  }
  #company .wrapper {
    display: block;
  }
  #company .img {
    width: 70%;
    margin-right: 0;
  }
  #company .content {
    width: 90%;
    margin-top: -130px;
    margin-left: auto;
    padding: 170px 20px 40px;
  }
  #company .deco_01 {
    right: -30px;
    top: 100px;
    transform: rotate(90deg);
  }
}
@media (max-width: 639px) {
  #company h2,
  #company p {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  #company .img {
    width: 90%;
  }
  #company .map {
    margin-top: 20px;
    margin-right: auto;
  }
  #company .deco_01,
  #company .deco_02 {
    display: none;
  }
}