.l-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.l-main {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #f9fbf2;
  display: block;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.l-main img {
  width: 100%;
}
.l-main * {
  box-sizing: border-box;
}
.font-b{
	font-weight: bold;
}

.c-btn {
  line-height: 1.4;
}
.c-btn__link {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  background-color: #fff;
  color: #3e3631;
}
@media screen and (min-width: 768px) {
  .c-btn__link {
    height: 90px;
    max-width: 320px;
    font-size: 1.6666666667rem;
    border-radius: 16px;
    line-height: 1.4;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__link {
    font-size: 3.7333333333vw;
    height: 13.3333333333vw;
    max-width: 78.6666666667vw;
    border-radius: 2.1333333333vw;
    line-height: 1.4;
  }
}
.c-btn__link.is_hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #3e3631;
}

.c-text {
  font-size: 1.25rem;
  text-align: justify;
}
.c-text.-small {
  font-size: 1.0833333333rem;
}

.c-title {
  font-weight: bold;
}
.c-title.-primary {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-title.-primary {
    font-size: 4.1666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .c-title.-primary {
    font-size: 8.2666666667vw;
  }
}
.c-title.-primary span {
  line-height: 1;
}
.c-title.-secondary {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-title.-secondary {
    color: #fffffe;
    font-size: 2.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .c-title.-secondary {
    color: #fffffe;
    font-size: 5.6vw;
  }
}
.c-title.-secondary span {
  line-height: 1;
}
.c-title.-tertiary {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-title.-tertiary {
    font-size: 1.6666666667rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-title.-tertiary {
    font-size: 1.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .c-title.-tertiary {
    font-size: 4vw;
  }
}
.c-title.-tertiary span {
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .display-sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .display-pc {
    display: none !important;
  }
}

#page-top {
  position: fixed;
  text-align: center;
  z-index: 99;
}
@media screen and (min-width: 768px) {
  #page-top {
    bottom: 40px;
    right: 40px;
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  #page-top {
    bottom: 5.3333333333vw;
    right: 2.6666666667vw;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
}
#page-top a {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
#page-top img {
  width: 100%;
}
#page-top img.is_hover {
  opacity: 0.65;
}

#menu {
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  right: 0;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #menu {
    width: 400px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  #menu {
    width: 100%;
    position: fixed;
    height: 100vh;
  }
}

#menu.active {
  opacity: 1;
  z-index: 999;
}

.p-navigation {
  background-color: #fff;
  width: 100%;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-navigation {
    width: 100%;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation {
    width: 100%;
    top: 0;
    right: 0;
  }
}
.p-navigation__warp {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-navigation__warp {
    width: 100%;
    padding-top: 110px;
    padding-left: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__warp {
    width: 77.3333333333vw;
    padding-top: 20vw;
    padding-bottom: 6.6666666667vw;
  }
}
.p-navigation__list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-navigation__list {
    margin-bottom: 2px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__list {
    margin-bottom: 1.0666666667vw;
    padding-left: 4vw;
  }
}
.p-navigation__list::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-navigation__list::before {
    background-image: url(../images/sun_icon_pc.png);
    background-position: center top;
    background-size: cover;
    height: 22px;
    position: absolute;
    width: 22px;
    left: 0;
    top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__list::before {
    background-image: url(../images/sun_icon_pc.png);
    background-position: center top;
    background-size: cover;
    height: 2.9333333333vw;
    position: absolute;
    width: 2.9333333333vw;
    left: 0vw;
    top: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-navigation__list.beforeless {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__list.beforeless {
    margin-left: 4vw;
  }
}
.p-navigation__list.beforeless::before {
  background-image: none !important;
}
@media screen and (min-width: 768px) {
  .p-navigation__list.last-child {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__list.last-child {
    margin-top: 4vw;
  }
}
.p-navigation__link {
  font-weight: bold;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-navigation__link {
    color: #3e3631;
    line-height: 1.8;
    font-size: 1.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__link {
    text-align: justify;
    color: #3e3631;
    line-height: 2.2;
    font-size: 4vw;
  }
}
.p-navigation__link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  background-color: #3e3631;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-navigation__link::after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .p-navigation__link::after {
    height: 0.4vw;
  }
}
.p-navigation__link.is_hover {
  display: inline-block;
}
.p-navigation__link.is_hover::after {
  width: 100%;
}

.p-hamburger {
  position: absolute;
  z-index: 9999;
  cursor: pointer;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-hamburger {
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    padding: 12px 2px 10px 2px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger {
    top: 0px;
    right: 0px;
    cursor: pointer;
    width: 13.0666666667vw;
    height: 13.0666666667vw;
    padding: 2.1333333333vw 0.2666666667vw 1.3333333333vw 0.2666666667vw;
    border-radius: 2vw;
  }
}
.p-hamburger__line01 {
  position: relative;
  background-color: #3e3631;
  margin-left: auto;
  margin-right: auto;
  transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .p-hamburger__line01 {
    width: 40px;
    height: 3px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger__line01 {
    width: 6.6666666667vw;
    height: 0.5333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-hamburger__line01.active {
    -webkit-transform: translate3d(0, 11px, 0) rotate(135deg);
    transform: translate3d(0, 11px, 0) rotate(135deg);
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger__line01.active {
    -webkit-transform: translate3d(0, 1.3333333333vw, 0) rotate(135deg);
    transform: translate3d(0, 1.8666666667vw, 0) rotate(135deg);
  }
}
.p-hamburger__line02 {
  background-color: #3e3631;
  margin-left: auto;
  margin-right: auto;
  transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .p-hamburger__line02 {
    width: 40px;
    height: 3px;
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger__line02 {
    width: 6.6666666667vw;
    height: 0.5333333333vw;
  }
}
.p-hamburger__line02.active {
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.p-hamburger__line03 {
  margin-left: auto;
  margin-right: auto;
  background-color: #3e3631;
  transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .p-hamburger__line03 {
    width: 40px;
    height: 3px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger__line03 {
    width: 6.6666666667vw;
    height: 0.5333333333vw;
    margin-top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-hamburger__line03.active {
    -webkit-transform: translate3d(0, -11px, 0) rotate(-135deg);
    transform: translate3d(0, -11px, 0) rotate(-135deg);
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger__line03.active {
    -webkit-transform: translate3d(0, -1.2vw, 0) rotate(-135deg);
    transform: translate3d(0, -1.8666666667vw, 0) rotate(-135deg);
  }
}
.p-hamburger__txt {
  position: relative;
  overflow: hidden;
  text-align: center;
  color: #3e3631;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-hamburger__txt {
    margin-top: 5px;
    font-size: 1.5rem;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 767px) {
  .p-hamburger__txt {
    margin-top: 0.8vw;
    font-size: 3.2vw;
    letter-spacing: -0.2px;
  }
}
.p-hamburger__txt--menu {
  display: block;
  line-height: 1;
}
.p-hamburger__txt--menu.active {
  display: none !important;
}
.p-hamburger__txt--close {
  display: block;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  line-height: 1;
}
.p-hamburger__txt--close.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.p-plaza {
  position: relative;
}
.p-plaza__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-plaza__container {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza__container {
    margin-bottom: 8vw;
  }
}
.p-plaza__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-plaza__title {
    margin-bottom: 68px;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza__title {
    margin-bottom: 2.6666666667vw;
  }
}
.p-plaza__image {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-plaza__image {
    max-width: 1200px;
    padding-bottom: 148px;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza__image {
    width: 100%;
    padding-bottom: 30.4vw;
  }
}
.p-plaza .p-hug {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 99;
}
.p-plaza .p-hug::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug::before {
    background-image: url(../images/flower01_pc.png);
    background-position: center top;
    background-size: cover;
    height: 155px;
    position: absolute;
    width: 183px;
    left: 168px;
    top: -120px;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug::before {
    background-image: url(../images/pop_sp.png);
    background-position: center top;
    background-size: cover;
    height: 30.1333333333vw;
    position: absolute;
    width: 30.1333333333vw;
    left: 1.3333333333vw;
    top: -32vw;
  }
}
.p-plaza .p-hug::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug::after {
    background-image: url(../images/flower02_pc.png);
    background-position: center top;
    background-size: cover;
    height: 137px;
    position: absolute;
    width: 208px;
    right: 130px;
    top: -118px;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug::after {
    background-image: url(../images/flower01_sp.png);
    background-position: center top;
    background-size: cover;
    height: 27.2vw;
    position: absolute;
    width: 64.2666666667vw;
    right: 0vw;
    top: -26.9333333333vw;
    z-index: -1;
  }
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__container {
    max-width: 1200px;
    background-image: url(../images/hugmogu_bg_pc.png);
    background-position: center top;
    background-size: cover;
    height: 294px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__container {
    width: 89.3333333333vw;
    background-image: url(../images/hugmogu_bg_sp.png);
    background-position: center top;
    background-size: cover;
    height: 80vw;
    position: relative;
  }
}
.p-plaza .p-hug__container::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__container::before {
    background-image: url(../images/pop_pc.png);
    background-position: center top;
    background-size: cover;
    height: 225px;
    position: absolute;
    width: 225px;
    left: -20px;
    top: -72px;
  }
}
.p-plaza .p-hug__title {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__title {
    width: 520px;
    background-image: url(../images/ribbon_pc.png);
    background-position: center top;
    background-size: cover;
    height: 83px;
    margin-top: -50px;
    padding-top: 23px;
    padding-bottom: 32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__title {
    width: 89.3333333333vw;
    background-image: url(../images/ribbon_sp.png);
    background-position: center top;
    background-size: cover;
    height: 13.8666666667vw;
    margin-top: -8.5333333333vw;
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__title span {
    letter-spacing: -1.2px;
  }
}
.p-plaza .p-hug__lead {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__lead {
    color: #3e3631;
    line-height: 1.6;
    font-size: 2.3333333333rem;
    padding-top: 48px;
    padding-bottom: 58px;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__lead {
    color: #3e3631;
    line-height: 1.5;
    font-size: 5.6vw;
    padding-top: 7.3333333333vw;
    padding-bottom: 6vw;
  }
}
.p-plaza .p-hug__lead span {
  background: linear-gradient(transparent 65%, rgb(203, 223, 154) 35%);
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__box {
    display: flex;
    justify-content: space-around;
  }
}
.p-plaza .p-hug__btn {
  text-align: center;
  position: relative;
  color: #3e3631;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__btn {
    min-width: 370px;
    width: 30.8333333333%;
    text-align: center;
    border: solid 3px #cbdf9a;
    border-radius: 16px;
    font-size: 1.5833333333rem;
    line-height: 1.6;
    letter-spacing: -1.5px;
  }
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__btn:not(:first-child) {
    margin-left: 1.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__btn:not(:first-child) {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__btn {
    margin-left: auto;
    margin-right: auto;
    width: 77.8666666667vw;
    line-height: 1.8;
    font-size: 4vw;
    letter-spacing: -1.1px;
    text-align: center;
    border: solid 0.4vw #cbdf9a;
    border-radius: 2.1333333333vw;
  }
}
.p-plaza .p-hug__btn::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-plaza .p-hug__btn::after {
    background-image: url(../images/pain_icon_pc.png);
    background-position: center top;
    background-size: cover;
    height: 43px;
    position: absolute;
    width: 30px;
    right: -10px;
    top: -18px;
  }
}
@media screen and (max-width: 767px) {
  .p-plaza .p-hug__btn::after {
    background-image: url(../images/pain_icon.png);
    background-position: center top;
    background-size: cover;
    height: 5.3333333333vw;
    position: absolute;
    width: 4vw;
    right: -0.8vw;
    top: -1.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  #hugmogu {
    padding-top: 53px;
    margin-top: -53px;
  }
}
@media screen and (max-width: 767px) {
  #hugmogu {
    padding-top: 32px;
    margin-top: -32px;
  }
}

.p-mv {
  position: relative;
}
.p-mv__image {
  width: 100%;
}
.p-mv__image img {
  width: 100%;
}
.p-mv__main {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-mv__title {
    width: 22.7604166667%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media screen and (min-width: 560px) and (max-width: 767px) {
  .p-mv__title {
    width: 33.6153846154%;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__title {
    width: 78.4vw;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
.p-mv__lead {
  color: #3e3631;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-mv__lead {
    padding-top: 0px;
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__lead {
    padding-top: 4vw;
    padding-bottom: 8.6666666667vw;
  }
}
.p-mv__lead--text {
  color: #3e3631;
  line-height: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-mv__lead--text {
    font-size: 1.6666666667rem;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__lead--text {
    font-size: 4vw;
    letter-spacing: -1.5px;
    line-height: 2.5;
  }
}
.p-mv__lead .font-bold {
  font-weight: bold;
  margin-right: 2px;
}
@media screen and (max-width: 767px) {
  .p-mv__lead .font-bold {
    margin-left: 3px;
  }
}
.p-mv__lead .text-unedrline {
  position: relative;
  display: inline-block;
}
.p-mv__lead .text-unedrline:after {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-mv__lead .text-unedrline:after {
    bottom: -2px;
    left: -5px;
    background: radial-gradient(circle farthest-side, #cbdf9a, #cbdf9a 50%, transparent 50%, transparent);
    background-size: 9px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__lead .text-unedrline:after {
    bottom: -1px;
    left: 0;
    background: radial-gradient(circle farthest-side, #cbdf9a, #cbdf9a 50%, transparent 50%, transparent);
    background-size: 8px;
    content: "";
    display: inline-block;
    height: 8px;
    width: 100%;
  }
}
.p-mv__btn {
  position: absolute;
  top: 0;
  z-index: 99;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .p-mv__btn {
    right: 90px;
    width: 210px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__btn {
    right: 16vw;
    width: 33.3333333333vw;
  }
}
.p-mv__btn.is_hover {
  opacity: 0.9;
}
.p-mv__btn .btn-link {
  position: relative;
  text-align: center;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  background-color: #8fc320;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .p-mv__btn .btn-link {
    height: 70px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.5px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__btn .btn-link {
    height: 13.0666666667vw;
    font-size: 3.2vw;
    letter-spacing: -0.5px;
    border-radius: 2vw;
  }
}
.p-mv__btn .btn-link.is_hover {
  opacity: 0.8;
}

.p-Slider__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-Slider__container {
    max-width: 1200px;
    width: 100%;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider__container {
    padding-bottom: 16vw;
  }
}
.p-Slider__title {
  color: #3e3631;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-Slider__title {
    font-size: 3.3333333333rem;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider__title {
    line-height: 1.6;
    font-size: 7.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-Slider__wrap {
    margin-left: -30%;
    margin-right: -30%;
  }
}
@media screen and (min-width: 768px) {
  .p-Slider__item {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider__item {
    padding: 0 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-Slider__item img {
    max-width: 800px;
    width: 800px;
  }
}
@media screen and (min-width: 1200px) {
  .p-Slider__item img {
    width: 41.6666666667vw;
    width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider__item img {
    width: 78.6666666667vw;
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .p-Slider__item.slick-active .p-Slider__caption {
    display: block !important;
  }
}
.p-Slider__caption {
  transition: opacity 1s, transform 1s;
}
@media screen and (min-width: 768px) {
  .p-Slider__caption {
    display: none;
    padding-top: 18px;
    text-align: center;
    color: #3e3631;
    line-height: 2;
    font-size: 1.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider__caption {
    padding-top: 2vw;
    text-align: center;
    color: #3e3631;
    line-height: 2;
    font-size: 3.4666666667vw;
  }
}
.p-Slider .slick-prev {
  font-size: 0;
  display: block;
  position: absolute;
  bottom: -32px;
  width: 12px;
  height: 20px;
  border: none;
  cursor: pointer;
  background-size: contain;
  z-index: 10;
  left: 45.7292%;
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-prev {
    bottom: -8.6666666667vw;
    left: 33.3333333333vw;
  }
}
.p-Slider .slick-prev::after {
  content: "";
  position: absolute;
  margin: auto;
  border-top: #e69835 solid 2px;
  border-left: #e69835 solid 2px;
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-Slider .slick-prev::after {
    top: 0;
    bottom: -4px;
    left: 4px;
    display: block;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-prev::after {
    top: 0;
    bottom: -4px;
    left: 4px;
    display: block;
    width: 12px;
    height: 12px;
  }
}
.p-Slider .slick-next {
  font-size: 0;
  display: block;
  position: absolute;
  bottom: -32px;
  width: 12px;
  height: 20px;
  border: none;
  cursor: pointer;
  background-size: contain;
  z-index: 10;
  right: 46.1%;
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-next {
    bottom: -8.6666666667vw;
    right: 33.3333333333vw;
  }
}
.p-Slider .slick-next::after {
  content: "";
  position: absolute;
  margin: auto;
  border-top: #e69835 solid 2px;
  border-right: #e69835 solid 2px;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-Slider .slick-next::after {
    top: 0;
    bottom: -4px;
    right: 4px;
    display: block;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-next::after {
    top: 0;
    bottom: -4px;
    right: 4px;
    display: block;
    width: 12px;
    height: 12px;
  }
}
.p-Slider .slick-dots {
  position: absolute;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-Slider .slick-dots {
    bottom: -40px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-dots {
    bottom: -8vw;
  }
}
.p-Slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-Slider .slick-dots li {
    margin: 0 3px;
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-dots li {
    margin: 0 1.3333333333vw;
    width: 10px;
    height: 10px;
  }
}
.p-Slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 3px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.p-Slider .slick-dots li button:hover, .p-Slider .slick-dots li button:focus {
  outline: none;
}
.p-Slider .slick-dots li button:hover:before, .p-Slider .slick-dots li button:focus:before {
  opacity: 1;
}
.p-Slider .slick-dots li button:before {
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #e69835;
  content: "";
  text-align: center;
  opacity: 0.4;
  color: #e69835;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p-Slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #e69835;
}
@media screen and (min-width: 768px) {
  .p-Slider .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-Slider .slick-dotted.slick-slider {
    margin-bottom: 16vw;
  }
}

.p-features {
  position: relative;
}
.p-features__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-features__container {
    max-width: 1200px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-features__container {
    width: 89.3333333333vw;
    margin-bottom: 8vw;
  }
}
.p-features__title {
  text-align: center;
  background-color: #8fc320;
}
@media screen and (min-width: 768px) {
  .p-features__title {
    margin-bottom: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-features__title {
    margin-bottom: 4vw;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
  }
}
@media screen and (min-width: 768px) {
  .p-features__text {
    text-align: center;
    color: #3e3631;
    line-height: 1.61;
    font-size: 1.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-features__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.5;
    font-size: 3.7333333333vw;
    letter-spacing: -0.1px;
  }
}

.p-infomation {
  position: relative;
}
.p-infomation__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-infomation__container {
    max-width: 1200px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-infomation__container {
    width: 89.3333333333vw;
    margin-bottom: 8vw;
  }
}
.p-infomation__title {
  text-align: center;
  background-color: #8fc320;
}
@media screen and (min-width: 768px) {
  .p-infomation__title {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-infomation__title {
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
  }
}
@media screen and (min-width: 768px) {
  .p-infomation__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.61;
    font-size: 1.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-infomation__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.5;
    font-size: 3.7333333333vw;
    letter-spacing: -0.1px;
  }
}
@media screen and (min-width: 768px) {
  .p-infomation__text + .p-infomation__text {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-infomation__text + .p-infomation__text {
    margin-top: 5.3333333333vw;
  }
}

.p-infomation__col {
  /* display: flex; */
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-infomation__col {
	display: flex;
    align-items: center;
    padding: 50px 50px 50px 50px;
	/* border-bottom: 2px solid #8fc320; */
  }
  .p-infomation__col + .p-infomation__col {
	border-top: 2px solid #8fc320;

}
}
@media screen and (max-width: 767px) {
  .p-infomation__col {
    padding: 4vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
	padding-bottom: calc(60/750 * 100vw);
  }
	.p-infomation__col+.p-infomation__col {
		border-top: 2px solid #8fc320;

	}
}
@media screen and (max-width: 767px) {
  .p-infomation__textCont {
    width: 52vw;
  }
}
@media screen and (min-width: 768px) {
  .p-infomation__img {
    max-width: 350px;
	width: calc(350/1100 * 100%);
    margin-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-infomation__img {
    width: calc(520/750 * 100vw);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: calc(20/750 * 100vw);
    /* margin-right: 2.6666666667vw; */
  }
}

@media screen and (min-width: 768px) {
	.p-infomation__textCont {
		max-width: 750px;
		width: calc(750/1100 * 100%);
	}
}

@media screen and (max-width: 767px) {
	.p-infomation__textCont {
		width:100%;
	}
}
.p-infomation__link span {
  color: #8fc320;
  text-decoration: underline;
}

.p-activities {
  position: relative;
}
.p-activities__container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-activities__container {
    max-width: 1200px;
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 767px) {
  .p-activities__container {
    width: 89.3333333333vw;
    padding-bottom: 6.6666666667vw;
  }
}
.p-activities__container::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-activities__container::after {
    background-image: url(../images/flower03_pc.png);
    background-position: center top;
    background-size: cover;
    height: 180px;
    position: absolute;
    width: 234px;
    right: 38px;
    top: 202px;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-activities__container::after {
    background-image: url(../images/flower03_sp.png);
    background-position: center top;
    background-size: cover;
    height: 16.8vw;
    position: absolute;
    width: 21.8666666667vw;
    right: 5.3333333333vw;
    bottom: 0vw;
    z-index: 1;
  }
}
.p-activities__title {
  text-align: center;
  background-color: #8fc320;
}
@media screen and (min-width: 768px) {
  .p-activities__title {
    margin-bottom: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-activities__title {
    margin-bottom: 4vw;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
  }
}
.p-activities__list {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-activities__list {
    max-width: 800px;
  }
}
.p-activities__point {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-activities__point {
    text-align: justify;
    color: #333;
    line-height: 1.625;
    font-size: 1.6666666667rem;
    padding-left: 30px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-activities__point {
    text-align: justify;
    color: #333;
    line-height: 1.5;
    font-size: 3.7333333333vw;
    padding-left: 4vw;
    margin-bottom: 1.0666666667vw;
  }
}
.p-activities__point::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-activities__point::before {
    background-image: url(../images/sun_icon_pc.png);
    background-position: center top;
    background-size: cover;
    height: 22px;
    position: absolute;
    width: 22px;
    left: 0;
    top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-activities__point::before {
    background-image: url(../images/sun_icon_pc.png);
    background-position: center top;
    background-size: cover;
    height: 2.9333333333vw;
    position: absolute;
    width: 2.9333333333vw;
    left: 0vw;
    top: 1.8666666667vw;
  }
}

.p-imp {
  position: relative;
}
.p-imp__container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-imp__container {
    max-width: 1200px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__container {
    padding-bottom: 8vw;
  }
}
.p-imp__container::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-imp__container::after {
    background-image: url(../images/flower04_pc.png);
    background-position: center top;
    background-size: cover;
    height: 129px;
    position: absolute;
    width: 130px;
    left: 2px;
    bottom: 0px;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__container::after {
    background-image: url(../images/flower04_pc.png);
    background-position: center top;
    background-size: cover;
    height: 13.3333333333vw;
    position: absolute;
    width: 13.6vw;
    right: 10.6666666667vw;
    bottom: 0vw;
    z-index: 1;
  }
}
.p-imp__title {
  text-align: center;
  background-color: #8fc320;
}
@media screen and (min-width: 768px) {
  .p-imp__title {
    margin-bottom: 52px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__title {
    margin-left: auto;
    margin-right: auto;
    width: 89.3333333333vw;
    margin-bottom: 4vw;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
  }
}
.p-imp__detail {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-imp__detail {
    max-width: 800px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__detail {
    width: 89.3333333333vw;
    margin-bottom: 8vw;
  }
}
.p-imp__detail dl {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-imp__detail dl {
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__detail dl {
    margin-bottom: 3.3333333333vw;
    padding-bottom: 3.3333333333vw;
  }
}
.p-imp__detail dl:after {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-imp__detail dl:after {
    bottom: -5px;
    left: 0;
    background: radial-gradient(circle farthest-side, #fc9659, #fc9659 50%, transparent 50%, transparent);
    background-size: 8px;
    content: "";
    display: inline-block;
    height: 8px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__detail dl:after {
    bottom: -2px;
    left: 0;
    background: radial-gradient(circle farthest-side, #fc9659, #fc9659 50%, transparent 50%, transparent);
    background-size: 8px;
    content: "";
    display: inline-block;
    height: 8px;
    width: 100%;
  }
}
.p-imp__detail dt {
  color: #3e3631;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-imp__detail dt {
    font-size: 1.3333333333rem;
    padding-bottom: 4px;
    width: 126px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__detail dt {
    font-size: 3.7333333333vw;
    margin-bottom: 0.6666666667vw;
  }
}
.p-imp__detail dd {
  color: #3e3631;
}
@media screen and (min-width: 768px) {
  .p-imp__detail dd {
    font-size: 1.3333333333rem;
    line-height: 1.61;
    width: 674px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__detail dd {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.p-imp__images {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-imp__images {
    max-width: 800px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__images {
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
}
.p-imp__warp {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-imp__warp {
    max-width: 800px;
    margin-bottom: 40px;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .p-imp__warp {
    width: 89.3333333333vw;
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-imp .p-consult {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .p-imp .p-consult {
    margin-bottom: 4vw;
  }
}
.p-imp .p-consult__title {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-imp .p-consult__title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp .p-consult__title {
    margin-bottom: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-imp .p-consult__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.625;
    font-size: 1.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-imp .p-consult__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.5;
    font-size: 3.7333333333vw;
  }
}
.p-imp .p-consult__text .font-bold {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-imp .p-apply {
    width: 50%;
  }
}
.p-imp .p-apply__title {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-imp .p-apply__title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp .p-apply__title {
    margin-bottom: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-imp .p-apply__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.625;
    font-size: 1.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-imp .p-apply__text {
    text-align: justify;
    color: #3e3631;
    line-height: 1.5;
    font-size: 3.7333333333vw;
  }
}
.p-imp .p-apply__text .font-bold {
  font-weight: bold;
}
.p-imp .p-apply__contact {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-imp .p-apply__contact {
    text-align: justify;
    color: #3e3631;
    line-height: 1.525;
    font-size: 1.6666666667rem;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .p-imp .p-apply__contact {
    text-align: justify;
    color: #3e3631;
    line-height: 1.6;
    font-size: 3.7333333333vw;
    margin-top: 1.0666666667vw;
  }
}
.p-imp .p-apply__contact .contact-num {
  text-decoration: none;
}
.p-imp .p-apply__contact .contact-num:hover {
  opacity: 0.7;
}
.p-imp .p-apply__contact .contact-line {
  text-decoration: underline;
}
.p-imp .p-apply__contact .contact-line:hover {
  text-decoration: none;
}

.p-eat {
  position: relative;
  background-color: #f4dfbd;
}
.p-eat__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-eat__container {
    padding-top: 110px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__container {
    padding-top: 14.6666666667vw;
    padding-bottom: 16vw;
  }
}
.p-eat__title {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-eat__title {
    margin-bottom: 58px;
    line-height: 1;
    font-size: 5.1666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__title {
    font-size: 8vw;
    margin-bottom: 9.3333333333vw;
    font-size: 10.6666666667vw !important;
  }
}
.p-eat__title span {
  line-height: 1;
  position: relative;
}
.p-eat__title span::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-eat__title span::before {
    background-image: url(../images/eat_title_before.png);
    background-position: center top;
    background-size: cover;
    height: 58px;
    width: 49px;
    left: -60px;
    top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__title span::before {
    background-image: url(../images/eat_title_before_sp.png);
    background-position: center top;
    background-size: cover;
    height: 10.1333333333vw;
    width: 8.8vw;
    left: -9.3333333333vw;
    top: 4.8vw;
  }
}
.p-eat__title span::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-eat__title span::after {
    background-image: url(../images/eat_title_after.png);
    background-position: center top;
    background-size: cover;
    height: 58px;
    width: 49px;
    right: -56px;
    top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__title span::after {
    background-image: url(../images/eat_title_after_sp.png);
    background-position: center top;
    background-size: cover;
    height: 10.1333333333vw;
    width: 8.8vw;
    right: -8vw;
    top: 4.8vw;
  }
}
.p-eat__warp {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-eat__warp {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__warp {
    width: 89.3333333333vw;
  }
}
.p-eat__list {
  background-color: #e69835;
}
@media screen and (min-width: 768px) {
  .p-eat__list {
    max-width: 378px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__list {
    margin-left: auto;
    margin-right: auto;
    max-width: 89.3333333333vw;
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-eat__list:not(:first-child) {
    margin-left: 2.8333333333%;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__list:not(:first-child) {
    margin-top: 8vw;
  }
}
.p-eat__col {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-eat__col {
    background-image: url(../images/eat_list_bg_pc.png);
    width: 378px;
    height: 678px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 42px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__col {
    background-image: url(../images/eat_list_bg_sp.png);
    width: 89.3333333333vw;
    height: 143.2vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4.6666666667vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 4.5333333333vw;
  }
}
.p-eat__subTitle {
  color: #fffffe;
}
@media screen and (min-width: 768px) {
  .p-eat__subTitle {
    color: #fffffe;
    font-size: 2.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__subTitle {
    font-size: 4vw;
    font-size: 4vw;
    letter-spacing: -1.5px;
    margin-left: -2px;
  }
}
.p-eat__lead {
  color: #dd632f;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-eat__lead {
    font-size: 1.6666666667rem;
    line-height: 1.6;
    margin-top: 35px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__lead {
    line-height: 1.5;
    font-size: 4vw;
    margin-top: 3.4666666667vw;
    margin-bottom: 1.6vw;
  }
}
.p-eat__text {
  text-align: justify;
  color: #3e3631;
}
@media screen and (min-width: 768px) {
  .p-eat__text {
    line-height: 1.6;
    font-size: 1.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-eat__text {
    line-height: 1.6;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-eat__img {
    width: 310px;
    bottom: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-eat__img {
    margin-top: 4vw;
  }
}

.p-play {
  position: relative;
  background-color: #c4e2d9;
}
@media screen and (max-width: 767px) {
  .p-play {
    background-color: #c4e2d9;
  }
}
.p-play__container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-play__container {
    max-width: 1200px;
    padding-top: 105px;
    padding-bottom: 102px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__container {
    margin-bottom: 14.6666666667vw;
    padding-top: 14.6666666667vw;
    padding-bottom: 12vw;
  }
}
.p-play__container::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-play__container::after {
    background-image: url(../images/flower05_pc.png);
    background-position: center top;
    background-size: cover;
    height: 148px;
    position: absolute;
    width: 176px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
  }
}
.p-play__title {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-play__title {
    margin-bottom: 65px;
    line-height: 1;
    font-size: 5.1666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-play__title {
    margin-bottom: 9.3333333333vw;
    font-size: 10.6666666667vw !important;
  }
}
.p-play__title span {
  line-height: 1;
  position: relative;
}
.p-play__title span::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-play__title span::before {
    background-image: url(../images/play_title_before.png);
    background-position: center top;
    background-size: cover;
    height: 90px;
    width: 125px;
    left: -140px;
    top: -16px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__title span::before {
    background-image: url(../images/play_title_before_sp.png);
    background-position: center top;
    background-size: cover;
    height: 12vw;
    width: 16.8vw;
    left: -18.6666666667vw;
    top: 2.6666666667vw;
  }
}
.p-play__title span::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-play__title span::after {
    background-image: url(../images/play_title_after.png);
    background-position: center top;
    background-size: cover;
    height: 88px;
    width: 46px;
    right: -60px;
    top: -5px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__title span::after {
    background-image: url(../images/play_title_after_sp.png);
    background-position: center top;
    background-size: cover;
    height: 11.4666666667vw;
    width: 6.1333333333vw;
    right: -8vw;
    top: 2.6666666667vw;
  }
}
.p-play__warp {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-play__warp {
    display: flex;
    padding-bottom: 76px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__warp {
    width: 89.3333333333vw;
    padding-bottom: 6.1333333333vw;
  }
}
.p-play__list {
  background-color: #62b3aa;
}
@media screen and (min-width: 768px) {
  .p-play__list {
    max-width: 580px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__list {
    margin-left: auto;
    margin-right: auto;
    max-width: 89.3333333333vw;
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-play__list:not(:first-child) {
    margin-left: 3.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .p-play__list:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
.p-play__col {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-play__col {
    background-image: url(../images/play_list_bg_pc.png);
    width: 580px;
    height: 470px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 45px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__col {
    background-image: url(../images/play_list_bg_sp.png);
    width: 89.3333333333vw;
    height: 87.2vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4.2666666667vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 4.5333333333vw;
  }
}
.p-play__subTitle {
  color: #fffffe;
}
@media screen and (min-width: 768px) {
  .p-play__subTitle {
    color: #fffffe;
    font-size: 2.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-play__subTitle {
    font-size: 4vw;
    letter-spacing: -1.5px;
    margin-left: -2px;
  }
}
.p-play__lead {
  color: #028471;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-play__lead {
    font-size: 1.6666666667rem;
    line-height: 1.6;
    margin-top: 35px;
    margin-bottom: 10px;
    letter-spacing: -1.1px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__lead {
    line-height: 1.5;
    font-size: 4vw;
    margin-top: 2.6666666667vw;
    margin-bottom: 1.6vw;
    letter-spacing: -1.1px;
  }
}
.p-play__text {
  text-align: justify;
  color: #3e3631;
}
@media screen and (min-width: 768px) {
  .p-play__text {
    line-height: 1.6;
    font-size: 1.3333333333rem;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 767px) {
  .p-play__text {
    line-height: 1.6;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-play__img {
    width: 510px;
    bottom: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-play__img {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .p-play__img.playImg01 {
    margin-top: 5.3333333333vw;
  }
}
.p-play .p-point {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-play .p-point {
    width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .p-play .p-point {
    width: 89.3333333333vw;
  }
}
.p-play .p-point__title {
  color: #3e3631;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-play .p-point__title {
    font-size: 3.3333333333rem;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-play .p-point__title {
    line-height: 1.6;
    font-size: 7.4666666667vw;
    margin-bottom: 1.6vw;
  }
}
.p-play .p-point__warp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-play .p-point__warp {
    justify-content: space-around;
  }
}
@media screen and (min-width: 768px) {
  .p-play .p-point__list {
    width: 252px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-play .p-point__list {
    width: 37.8666666667vw;
    margin-bottom: 4vw;
  }
}

.p-access {
  position: relative;
}
.p-access__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-access__container {
    max-width: 1200px;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__container {
    margin-left: auto;
    margin-right: auto;
    width: 89.3333333333vw;
    padding-bottom: 12.5333333333vw;
  }
}
.p-access__title {
  text-align: center;
  background-color: #8fc320;
}
@media screen and (min-width: 768px) {
  .p-access__title {
    margin-bottom: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__title {
    margin-left: auto;
    margin-right: auto;
    width: 89.3333333333vw;
    margin-bottom: 4vw;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
  }
}
.p-access__lead {
  color: #333;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-access__lead {
    padding-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__lead {
    padding-top: 4vw;
  }
}
.p-access__lead--text {
  text-align: center;
  color: #333;
}
@media screen and (min-width: 768px) {
  .p-access__lead--text {
    line-height: 1.5;
    font-size: 1.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access__lead--text {
    line-height: 1.5;
    font-size: 4vw;
  }
}
.p-access__warp {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-access__warp {
    max-width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__warp {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access__col01 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-access__col02 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-access__hagumoku {
    width: 357px;
  }
}
.p-access__heading {
  color: #3e3631;
  font-weight: bold;
  position: relative;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .p-access__heading {
    line-height: 1.5;
    font-size: 1.6666666667rem;
    padding-bottom: 4px;
    margin-top: 52px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__heading {
    line-height: 1.5;
    font-size: 4vw;
    padding-bottom: 0.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.p-access__note {
  color: #3e3631;
  position: relative;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .p-access__note {
    line-height: 1.6;
    font-size: 1.6666666667rem;
    margin-top: 14px;
    padding-left: 22px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__note {
    line-height: 1.5;
    font-size: 3.7333333333vw;
    margin-top: 2.9333333333vw;
    margin-left: 0;
    padding-left: 3.2vw;
  }
}
.p-access__note span {
  position: absolute;
  left: 0;
  top: 0;
}
.p-access__address {
  color: #3e3631;
  position: relative;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .p-access__address {
    line-height: 1.6;
    font-size: 1.6666666667rem;
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__address {
    line-height: 1.5;
    font-size: 4vw;
    margin-top: 2.9333333333vw;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access__map {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__map {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access__map.access-map {
    width: 464px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .p-access__map.access-map {
    height: 57.3333333333vw;
  }
}
.p-access__map iframe {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-access__parking {
    width: 357px;
    margin-left: 86px;
  }
}
@media screen and (min-width: 768px) {
  .p-access__text {
    width: 310px;
    margin-right: 26px;
  }
}
.p-access .underline01 {
  position: relative;
}
.p-access .underline01::after {
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .p-access .underline01::after {
    background-image: url(../images/access_title_under_line_pc.png);
    width: 359px;
    height: 11px;
    position: absolute;
    bottom: -12px;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access .underline01::after {
    background-image: url(../images/access_title_under_line_sp.png);
    width: 53.0666666667vw;
    height: 1.6vw;
    position: absolute;
    bottom: -2vw;
    left: 0;
  }
}

.p-footer {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-footer {
    background-image: url(../images/footer_bg_pc.png);
    background-position: center top;
    background-size: cover;
    height: 705px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer {
    background-image: url(../images/footer_bg_sp.png);
    background-position: center top;
    background-size: cover;
    height: 107.4666666667vw;
  }
}
.p-footer__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-footer__container {
    max-width: 1200px;
    padding-top: 60px;
    padding-bottom: 270px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__container {
    padding-top: 9.3333333333vw;
    padding-bottom: 36vw;
  }
}
.p-footer__title {
  color: #3e3631;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-footer__title {
    font-size: 2.3333333333rem;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__title {
    line-height: 1.6;
    font-size: 4.5333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.p-footer__address {
  color: #3e3631;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__address {
    font-size: 1.6666666667rem;
    line-height: 1.6;
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__address {
    line-height: 1.6;
    font-size: 3.4666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-footer__line {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__line {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-footer .font-sml {
    font-size: 80%;
  }
}
@media screen and (max-width: 767px) {
  .p-footer .font-sml {
    font-size: 80%;
  }
}
.p-footer .line-link {
  position: relative;
}
.p-footer .line-link::before {
  content: "";
  display: inline-block;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .p-footer .line-link::before {
    background-image: url(../images/footer_line_icon_pc.png);
    width: 41px;
    height: 41px;
    top: 0;
    left: 0;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer .line-link::before {
    background-image: url(../images/footer_line_icon_pc.png);
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    top: 0;
    left: 0;
    margin-right: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-footer__hoiku {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__hoiku {
    margin-bottom: 6.6666666667vw;
  }
}
.p-footer__copyright {
  color: #3e3631;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__copyright {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__copyright {
    line-height: 1.6;
    font-size: 3.4666666667vw;
  }
}

.u-align-center {
  text-align: center;
}

.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-bgclr-secondary {
  background-color: #dd673d;
}

.u-bgclr-tertiary {
  background-color: #dd632f;
}

.u-bgclr-quaternary {
  background-color: #028471;
}

.u-color-green {
  color: #8fc320;
}

.u-color-blue {
  color: #028471;
}

.u-color-orange {
  color: #dd632f;
}

.u-display-block {
  display: block;
}

.u-display-inline-block {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .u-flex-center-md {
    display: flex;
    justify-content: center;
  }
}

.u-order-1 {
  order: 1;
}

.u-order-2 {
  order: 2;
}

.a-scroll-up {
  opacity: 0;
  transform: translate(0, 20px);
  transition: opacity 1s, transform 1s;
}
.a-scroll-up.is_active {
  opacity: 1;
  transform: translate(0, 0);
}
.a-scroll-rotate {
  position: relative;
  opacity: 0;
  transform: rotateY(-180deg);
  transition: opacity 1.2s, transform 1.2s;
}
.a-scroll-rotate.is_active {
  opacity: 1;
  transform: rotateY(0);
}
.a-scroll-left_in {
  transition: width 1s;
  width: 0;
}
.a-scroll-left_in.is_active {
  width: auto;
}
.a-scroll-right_in.is_active {
  transform: translate(0, 0);
}
.a-scroll-blur {
  opacity: 0;
}
.a-scroll-blur.is_active {
  animation-name: aniBlur;
  opacity: 1;
  transition: 0.8s;
}

@keyframes aniBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
.delay-time05 {
  transition-delay: 0.5s;
}

@media screen and (min-width: 768px) {
  .delay-time1 {
    transition-delay: 1s;
  }
}
@media screen and (max-width: 767px) {
  .delay-time1 {
    transition-delay: 0.5s;
  }
}

@media screen and (min-width: 768px) {
  .delay-time2 {
    transition-delay: 2s;
  }
}
@media screen and (max-width: 767px) {
  .delay-time2 {
    transition-delay: 0.5s;
  }
}

.delay-time4 {
  animation-delay: 2s;
}/*# sourceMappingURL=style.css.map */