@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap");
.show-delay1 {
  -webkit-animation-delay: 0.1s !important;
  animation-delay: 0.1s !important;
}
.show-delay2 {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.show-delay3 {
  -webkit-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}
.show-delay4 {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
.show-delay5 {
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}
.fadeIn {
  opacity: 0;
}
.fadeIn.is-active {
  -webkit-animation: fadeIn 900ms cubic-bezier(0.66, 0, 0.34, 1) 0s 1 both;
  animation: fadeIn 900ms cubic-bezier(0.66, 0, 0.34, 1) 0s 1 both;
}
@media screen and (max-width: 768px) {
  .modal-sp .fadeIn {
    opacity: 1 !important;
  }
  .modal-sp .fadeIn.is-active {
    -webkit-animation: none;
    animation: none;
  }
}
.mv-text-effect {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  width: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
  transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
}
.mv-text-effect img {
  max-width: none !important;
}
.is-active .mv-text-effect {
  width: 100%;
}
.c-txteffect2 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #004831;
}
.c-txteffect2__inr {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-txteffect2__inr {
    padding: 5px 10px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-txteffect2__inr {
    padding: 0.384615384615385vw 0.769230769230769vw;
    margin-top: 0.615384615384615vw;
  }
}
@media screen and (max-width: 768px) {
  .c-txteffect2__inr {
    padding: 0.666666666666667vw 1.333333333333333vw;
    padding: 0.4vw 1.333333333333333vw 0.933333333333333vw;
    margin-top: 1.066666666666667vw;
  }
}
.c-txteffect2__inr::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  -webkit-transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
}
.is-active .c-txteffect2__inr::after {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-txteffect2__inr::after {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.12);
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
  }
}
@media screen and (max-width: 768px) {
  .c-txteffect2__inr::after {
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
  }
}
.c-txteffect2__inr > span {
  letter-spacing: 0.05em;
  width: 0%;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  -webkit-transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.is-active .c-txteffect2__inr > span {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-txteffect2__inr > span {
    font-size: 48px;
    line-height: 1.166666666666667;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-txteffect2__inr > span {
    font-size: 3.692307692307693vw;
  }
}
@media screen and (max-width: 768px) {
  .c-txteffect2__inr > span {
    font-size: 8.266666666666666vw;
    line-height: 1.129032258064516;
  }
}
.c-txteffect3 {
  position: relative;
  z-index: 10;
  display: block;
  color: #004831;
}
.c-txteffect3__inr {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-txteffect3__inr {
    padding: 5px 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-txteffect3__inr {
    padding: 0.384615384615385vw 0.769230769230769vw;
  }
}
@media screen and (max-width: 768px) {
  .c-txteffect3__inr {
    padding: 0.666666666666667vw 1.333333333333333vw;
    padding: 0.4vw 1.333333333333333vw 0.933333333333333vw;
  }
}
.c-txteffect3__inr::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  -webkit-transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
}
.is-active .c-txteffect3__inr::after {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-txteffect3__inr::after {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.12);
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
  }
}
@media screen and (max-width: 768px) {
  .c-txteffect3__inr::after {
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
  }
}
.c-txteffect3__inr > span {
  letter-spacing: 0.05em;
  width: 0%;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  -webkit-transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 900ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.is-active .c-txteffect3__inr > span {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-txteffect3__inr > span {
    font-size: 24px;
    line-height: 1.333333333333333;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-txteffect3__inr > span {
    font-size: 1.846153846153846vw;
  }
}
@media screen and (max-width: 768px) {
  .c-txteffect3__inr > span {
    font-size: 5.333333333333334vw;
    line-height: 1.2;
  }
}
.cmn-visual {
  position: relative;
  overflow: hidden;
}
.cmn-visual__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.cmn-visual__mask-white {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: #fff;
  background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 33%, #fff 70%, #fff 100%);
  background: linear-gradient(45deg, rgba(255,255,255,0) 33%, #fff 70%, #fff 100%);
  background-size: 450% 100%;
  background-position: 100% 0%;
}
.is-active .cmn-visual__mask-white {
  -webkit-animation: gradientAnm 2s cubic-bezier(0.66, 0, 0.34, 1) 0s 1 both;
  animation: gradientAnm 2s cubic-bezier(0.66, 0, 0.34, 1) 0s 1 both;
}
@media screen and (max-width: 768px) {
  .cmn-visual__mask-white {
    background-size: 800% 100%;
  }
}
.cmn-visual__mask-blue {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #00f;
  background: -webkit-linear-gradient(45deg, rgba(180,225,255,0) 33%, #b4e1ff 70%, #b4e1ff 100%);
  background: linear-gradient(45deg, rgba(180,225,255,0) 33%, #b4e1ff 70%, #b4e1ff 100%);
  background-size: 450% 100%;
  background-position: 100% 0%;
  mix-blend-mode: overlay;
}
.is-active .cmn-visual__mask-blue {
  -webkit-animation: gradientAnm 2s cubic-bezier(0.66, 0, 0.34, 1) 0.15s 1 both;
  animation: gradientAnm 2s cubic-bezier(0.66, 0, 0.34, 1) 0.15s 1 both;
}
@media screen and (max-width: 768px) {
  .cmn-visual__mask-blue {
    background-size: 800% 100%;
  }
}
.cmn-visual__mask-blue::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #008000;
  background: -webkit-linear-gradient(45deg, rgba(0,72,49,0) 33%, #004831 70%, #004831 100%);
  background: linear-gradient(45deg, rgba(0,72,49,0) 33%, #004831 70%, #004831 100%);
  background-size: 450% 100%;
  background-position: 100% 0%;
  mix-blend-mode: overlay;
}
.is-active .cmn-visual__mask-blue::after {
  -webkit-animation: gradientAnm 2s cubic-bezier(0.66, 0, 0.34, 1) 0.15s 1 both;
  animation: gradientAnm 2s cubic-bezier(0.66, 0, 0.34, 1) 0.15s 1 both;
}
@media screen and (max-width: 768px) {
  .cmn-visual__mask-blue::after {
    background-size: 800% 100%;
  }
}
@-webkit-keyframes scrolldown {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  50.001% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
@keyframes scrolldown {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  50.001% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gradientAnm {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes gradientAnm {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@-webkit-keyframes whiteLayer {
  0% {
    border-radius: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    border-radius: 0 0 0 100%;
  }
}
@keyframes whiteLayer {
  0% {
    border-radius: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    border-radius: 0 0 0 100%;
  }
}
.c-heading-lv1 {
  color: #004831;
}
@media screen and (min-width: 769px) {
  .c-heading-lv1 {
    font-size: 48px;
    line-height: 1.677083333333333;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-heading-lv1 {
    font-size: 3.692307692307693vw;
  }
}
@media screen and (max-width: 768px) {
  .c-heading-lv1 {
    font-size: 8.266666666666666vw;
    line-height: 1.67741935483871;
  }
}
.c-heading-lv2 {
  color: #004831;
}
@media screen and (min-width: 769px) {
  .c-heading-lv2 {
    font-size: 36px;
    line-height: 1.722222222222222;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-heading-lv2 {
    font-size: 2.769230769230769vw;
  }
}
@media screen and (max-width: 768px) {
  .c-heading-lv2 {
    font-size: 5.333333333333334vw;
    line-height: 1.2;
  }
}
.c-heading-lv3,
.start-point-bnr__ttl {
  color: #004831;
}
@media screen and (min-width: 769px) {
  .c-heading-lv3,
  .start-point-bnr__ttl {
    font-size: 24px;
    line-height: 1.333333333333333;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-heading-lv3,
  .start-point-bnr__ttl {
    font-size: 1.846153846153846vw;
  }
}
@media screen and (max-width: 768px) {
  .c-heading-lv3,
  .start-point-bnr__ttl {
    font-size: 4.533333333333333vw;
    line-height: 1.705882352941176;
  }
}
.c-lead {
  color: #333;
}
@media screen and (min-width: 769px) {
  .c-lead {
    font-size: 16px;
    line-height: 2;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-lead {
    font-size: 1.230769230769231vw;
  }
}
@media screen and (max-width: 768px) {
  .c-lead {
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
  }
}
.c-copy,
.start-point-bnr__copy {
  color: #333;
}
@media screen and (min-width: 769px) {
  .c-copy,
  .start-point-bnr__copy {
    font-size: 14px;
    line-height: 1.714285714285714;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .c-copy,
  .start-point-bnr__copy {
    font-size: 1.076923076923077vw;
  }
}
@media screen and (max-width: 768px) {
  .c-copy,
  .start-point-bnr__copy {
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
  }
}
.p-start {
  font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝偵Λ繧ｮ繝寂ｾ薙ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, Arial, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  .p-start {
    font-family: "Noto Sans JP", "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝偵Λ繧ｮ繝寂ｾ薙ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, Arial, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
  }
}
.p-start * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word;
}
.p-start img {
  width: 100%;
  vertical-align: bottom;
}
.p-start a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-start a:link,
.p-start a:visited {
  color: inherit;
}
.p-start a:hover {
  text-decoration: inherit;
}
@media screen and (max-width: 768px) {
  .p-start .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .p-start .u-is-sp {
    display: none !important;
  }
}
.p-start .u-img-wrap {
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .p-start .u-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 50px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .p-start .u-inner {
    padding: 0 3.846153846153846vw;
  }
}
@media screen and (max-width: 768px) {
  .p-start .u-inner {
    padding: 0 4vw;
  }
}
.p-start .u-fit {
  font-family: "object-fit: cover;";
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .p-start {
    padding-top: 159px;
  }
  .start-mv {
    position: relative;
    overflow: hidden;
  }
  .start-mv__bg .mv-slider__item {
    height: 100vh;
  }
  .start-mv__bg .mv-slider__item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
    transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s, -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
  }
  .start-mv__bg .mv-slider__item.swiper-initialized {
    opacity: 0;
  }
  .start-mv__bg .mv-slider__item.swiper-slide-active {
    opacity: 1;
  }
  .start-mv__bg .mv-slider__item.swiper-slide-active img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1);
    transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1);
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1);
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1);
  }
  .start-mv__desc {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding-bottom: 40px;
  }
  .start-mv__desc__inner {
    position: relative;
  }
  .start-mv .mv-desc__copy {
    margin-bottom: 30px;
  }
  .start-mv .mv-desc__copy img {
    width: 306px;
    height: 19px;
  }
  .start-mv .mv-desc__ttl {
    margin-bottom: 40px;
  }
  .start-mv .mv-desc__ttl img {
    width: 996px;
    height: 142px;
  }
  .start-mv .mv-scroll-down {
    position: absolute;
    bottom: 187px;
    right: 0;
    z-index: 4;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-bottom: 55px;
  }
  .start-mv .mv-scroll-down::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.5px;
    background: #fff;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    height: 45px;
    width: 1px;
    margin: 10px auto 0;
    -webkit-animation: scrolldown 2s ease-out infinite;
    animation: scrolldown 2s ease-out infinite;
  }
  .start-mv .mv-anchor__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -6px;
  }
  .start-mv .mv-anchor__item {
    width: 25%;
    padding: 0 6px;
    display: block;
  }
  .start-mv .mv-anchor__item:nth-child(1) {
    -webkit-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important;
  }
  .start-mv .mv-anchor__item:nth-child(2) {
    -webkit-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important;
  }
  .start-mv .mv-anchor__item:nth-child(3) {
    -webkit-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important;
  }
  .start-mv .mv-anchor__item:nth-child(4) {
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important;
  }
  .start-mv .mv-anchor__item:nth-child(5) {
    -webkit-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important;
  }
  .start-mv .mv-anchor__label {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 88px;
    background: #c4d700;
    padding: 7px 12px 6px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.166666666666667;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    border-radius: 0 0 10px 0;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-mv .mv-anchor__hdg {
    width: 100%;
    padding: 38px 10px 26px 30px;
  }
  .start-mv .mv-anchor__sttl {
    font-size: 14px;
    line-height: 1.714285714285714;
    margin-bottom: 7px;
    letter-spacing: 0.05em;
  }
  .start-mv .mv-anchor__ttl {
    font-size: 18px;
    line-height: 1.444444444444444;
    letter-spacing: 0.05em;
  }
  .start-mv .mv-anchor__arrow {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 25px;
    height: 25px;
    z-index: 2;
    background: #004831;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-mv .mv-anchor__arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    background: url("../images/ico_arrow02_white.svg") no-repeat center center/100% 100%;
  }
  .start-mv .mv-anchor__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
    background: #fff;
    height: 100%;
    color: #004831;
    overflow: hidden;
  }
  .start-mv .mv-anchor__link:hover {
    background: #c4d700;
  }
  .start-mv .mv-anchor__link:hover .mv-anchor__label {
    background: #004831;
  }
  .start-mv .mv-anchor__link:hover .mv-anchor__arrow {
    background: #fff;
  }
  .start-mv .mv-anchor__link:hover .mv-anchor__arrow::after {
    background-image: url("../images/ico_arrow02_green.svg");
  }
  .start-point {
    padding: 100px 0;
    background: #fff;
  }
  .start-point-btn {
    display: none;
  }
  .start-point-head {
    margin-bottom: 96px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 540px;
  }
  .start-point-head__bg {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 996px;
    height: 100%;
    z-index: 1;
  }
  .start-point-head__desc {
    position: relative;
    z-index: 2;
  }
  .start-point-head__head {
    margin-bottom: 30px;
  }
  .start-point-head__label {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: #c4d700;
    font-size: 14px;
    line-height: 1.142857142857143;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 10px 5px;
    border-radius: 10px;
  }
  .start-point-head__sttl {
    margin-top: 30px;
  }
  .start-point-head__copy {
    max-width: 487px;
    padding: 16px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.12);
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    font-size: 18px;
    line-height: 1.77777778;
    letter-spacing: 0.05em;
    -webkit-animation-delay: 500ms !important;
    animation-delay: 500ms !important;
  }
  .start-point-respond {
    background: #f9f6f3;
    position: relative;
  }
  .start-point-respond__ttl {
    max-width: 588px;
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .start-point-respond__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 87px 22px 40px;
  }
  .start-point-respond__item {
    width: 25%;
    padding: 0 12px;
  }
  .start-point-respond__item:nth-child(1) {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
  }
  .start-point-respond__item:nth-child(2) {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
  }
  .start-point-respond__item:nth-child(3) {
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
  }
  .start-point-respond__item:nth-child(4) {
    -webkit-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
  }
  .start-point-respond__item__content {
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.12);
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 40px 0 45px;
    height: 100%;
    font-size: 18px;
    line-height: 1.88888889;
  }
  .start-point-respond__item__content .u-text-highlight {
    color: #004831;
    font-size: 24px;
    line-height: 1.41666667;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#c4d700), color-stop(28%, #c4d700), color-stop(28%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(bottom, #c4d700 0%, #c4d700 28%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, #c4d700 0%, #c4d700 28%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 100%);
  }
  .start-point-bnr {
    background: #e3eabe;
  }
  .start-point-bnr__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px;
  }
  .start-point-bnr__item {
    width: 50%;
    padding: 12px;
    -webkit-animation-delay: 500ms !important;
    animation-delay: 500ms !important;
  }
  .start-point-bnr__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 332px;
    z-index: 1;
  }
  .start-point-bnr__desc {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 10px 100px 0 44px;
  }
  .start-point-bnr__ttl {
    margin-bottom: 15px;
  }
  .start-point-bnr__arrow {
    position: absolute;
    top: 50%;
    right: 44px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 3;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-point-bnr__arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url("../images/ico_arrow01_green.svg") no-repeat center center/100% 100%;
    width: 16px;
    height: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-point-bnr__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.07);
    box-shadow: 0 0 15px rgba(0,0,0,0.07);
    min-height: 200px;
    height: 100%;
  }
  .start-point-bnr__link:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,73,50,0.5);
    box-shadow: 0 0 15px rgba(0,73,50,0.5);
  }
  .start-point-bnr__link:hover .start-point-bnr__arrow {
    background: #004831;
  }
  .start-point-bnr__link:hover .start-point-bnr__arrow::after {
    background-image: url("../images/ico_arrow01_white.svg");
  }
  .start-point:nth-child(2n+1) {
    background: #f9f6f3;
  }
  .start-point:nth-child(2n+1) .start-point-box {
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.05);
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
  }
  .start-point:nth-child(2n+1) .start-point-respond {
    background: #fff;
  }
  .start-bnr {
    padding: 72px 0 50px;
    background: #fff;
  }
  .start-bnr__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
  }
  .start-bnr__item {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 22px;
  }
  .start-bnr__item:nth-child(0) {
    -webkit-animation-delay: 0ms !important;
    animation-delay: 0ms !important;
  }
  .start-bnr__item:nth-child(1) {
    -webkit-animation-delay: 200ms !important;
    animation-delay: 200ms !important;
  }
  .start-bnr__arrow {
    position: absolute;
    top: 50%;
    right: 34px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 3;
    background: #004831;
    border-radius: 50%;
  }
  .start-bnr__arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url("../images/ico_arrow01_white.svg") no-repeat center center/100% 100%;
    width: 16px;
    height: 15px;
  }
  .start-bnr__link {
    height: 100%;
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.12);
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }
  .start-bnr__link__inner {
    border: 4px solid transparent;
    background: rgba(255,255,255,0.6);
    border-radius: 10px;
    position: relative;
    z-index: 3;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 91px 18px 26px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-bnr__link .start-bnr02__main {
    width: 100%;
  }
  .start-bnr__link .start-bnr01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
  }
  .start-bnr__link .start-bnr01-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    max-width: 323px;
  }
  .start-bnr__link .start-bnr01__ico {
    width: 44px;
  }
  .start-bnr__link .start-bnr01__main {
    max-width: 350px;
    margin-left: 40px;
  }
  .start-bnr__link:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,73,50,0.5);
    box-shadow: 0 0 15px rgba(0,73,50,0.5);
  }
  .start-bnr__link:hover .start-bnr__link__inner {
    border-color: rgba(0,72,50,0.6);
  }
  .start-bnr__btn {
    max-width: 588px;
    margin: 0 auto;
  }
  .start-bnr__btn__txt {
    letter-spacing: 0.1em;
    font-size: 35px;
    line-height: 1.4;
    padding-right: 2px;
  }
  .start-bnr__btn__txt .sm {
    font-size: 25px;
  }
  .start-bnr__btn__arrow {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 3;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-bnr__btn__arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url("../images/ico_arrow01_orange.svg") no-repeat center center/100% 100%;
    width: 16px;
    height: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .start-bnr__btn__link {
    height: 100%;
    background: #ff6400;
    color: #fff !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 10px;
    border: 4px solid #ff6400;
  }
  .start-bnr__btn__link:hover {
    background: #fff;
    color: #ff6400 !important;
  }
  .start-bnr__btn__link:hover .start-bnr__btn__arrow {
    background: #ff6400;
  }
  .start-bnr__btn__link:hover .start-bnr__btn__arrow::after {
    background-image: url("../images/ico_arrow01_white.svg");
  }
  .nav-link {
    position: fixed;
    z-index: 101;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(50vw - 600px - 8px);
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .nav-link.is-visible {
    visibility: visible;
    opacity: 1;
  }
  .nav-link__list {
    width: 20px;
    height: 100%;
    position: relative;
  }
  .nav-link a {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #004831;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s cubic-bezier(0.66, 0, 0.34, 1);
    transition: 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  }
  .nav-link a .txt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #004831;
  }
  .nav-link a.is-current {
    opacity: 1;
    visibility: visible;
  }
  .nav-link a:hover {
    opacity: 0.75;
  }
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .start-mv__desc {
    padding-bottom: 3.076923076923077vw;
  }
  .start-mv__desc__inner {
    position: relative;
  }
  .start-mv .mv-desc__copy {
    margin-bottom: 2.307692307692308vw;
  }
  .start-mv .mv-desc__copy img {
    width: 23.53846153846154vw;
    height: 1.461538461538461vw;
  }
  .start-mv .mv-desc__ttl {
    margin-bottom: 3.076923076923077vw;
  }
  .start-mv .mv-desc__ttl img {
    width: 76.61538461538461vw;
    height: 10.923076923076923vw;
  }
  .start-mv .mv-scroll-down {
    font-size: 0.769230769230769vw;
    padding-bottom: 4.230769230769231vw;
    bottom: 14.384615384615385vw;
  }
  .start-mv .mv-scroll-down::after {
    height: 3.461538461538462vw;
    margin-top: 0.769230769230769vw;
  }
  .start-mv .mv-anchor__list {
    margin: 0 -0.461538461538462vw;
  }
  .start-mv .mv-anchor__item {
    padding: 0 0.461538461538462vw;
  }
  .start-mv .mv-anchor__label {
    min-width: 6.769230769230769vw;
    font-size: 0.923076923076923vw;
    padding: 0.538461538461538vw 0.923076923076923vw 0.461538461538462vw;
    border-radius: 0 0 0.769230769230769vw 0;
  }
  .start-mv .mv-anchor__hdg {
    padding: 2.923076923076923vw 0.769230769230769vw 2vw 2.307692307692308vw;
  }
  .start-mv .mv-anchor__sttl {
    font-size: 1.076923076923077vw;
    margin-bottom: 0.538461538461538vw;
  }
  .start-mv .mv-anchor__ttl {
    font-size: 1.384615384615385vw;
  }
  .start-mv .mv-anchor__arrow {
    bottom: 1.230769230769231vw;
    right: 1.230769230769231vw;
    width: 1.923076923076923vw;
    height: 1.923076923076923vw;
  }
  .start-mv .mv-anchor__arrow::after {
    width: 0.769230769230769vw;
    height: 0.615384615384615vw;
  }
  .start-mv .mv-anchor__link {
    border-radius: 0.769230769230769vw;
  }
  .nav-link {
    width: 3.846153846153846vw;
  }
  .nav-link__list {
    width: 1.538461538461539vw;
  }
  .nav-link a {
    font-size: 1.076923076923077vw;
    width: 1.538461538461539vw;
  }
  .nav-link a .txt {
    padding-top: 0.923076923076923vw;
    margin-top: 0.923076923076923vw;
  }
  .start-point {
    padding: 7.692307692307693vw 0;
  }
  .start-point-head {
    margin-bottom: 7.384615384615385vw;
    min-height: 41.53846153846154vw;
  }
  .start-point-head__bg {
    max-width: 76.61538461538461vw;
  }
  .start-point-head__head {
    margin-bottom: 2.307692307692308vw;
  }
  .start-point-head__label {
    font-size: 1.076923076923077vw;
    padding: 0.461538461538462vw 0.769230769230769vw 0.384615384615385vw;
    border-radius: 0.769230769230769vw;
  }
  .start-point-head__sttl {
    margin-top: 2.307692307692308vw;
  }
  .start-point-head__copy {
    max-width: 37.46153846153846vw;
    padding: 1.230769230769231vw 1.538461538461539vw;
    font-size: 1.384615384615385vw;
  }
  .start-point-respond__ttl {
    max-width: 45.230769230769226vw;
    top: -2.769230769230769vw;
  }
  .start-point-respond__list {
    padding: 6.692307692307692vw 1.692307692307692vw 3.076923076923077vw;
  }
  .start-point-respond__item {
    padding: 0 0.923076923076923vw;
  }
  .start-point-respond__item__content {
    border-radius: 0.769230769230769vw;
    padding: 3.076923076923077vw 0 3.461538461538462vw;
    height: 100%;
    font-size: 1.384615384615385vw;
  }
  .start-point-respond__item__content .u-text-highlight {
    font-size: 1.846153846153846vw;
  }
  .start-point-bnr__list {
    padding: 1.692307692307692vw;
  }
  .start-point-bnr__item {
    padding: 0.923076923076923vw;
  }
  .start-point-bnr__bg {
    max-width: 25.538461538461537vw;
  }
  .start-point-bnr__desc {
    padding: 0.769230769230769vw 7.692307692307693vw 0 3.384615384615385vw;
  }
  .start-point-bnr__ttl {
    font-size: 1.846153846153846vw;
    margin-bottom: 1.153846153846154vw;
  }
  .start-point-bnr__copy {
    font-size: 1.076923076923077vw;
  }
  .start-point-bnr__arrow {
    right: 3.384615384615385vw;
    width: 3.076923076923077vw;
    height: 3.076923076923077vw;
  }
  .start-point-bnr__arrow::after {
    width: 1.230769230769231vw;
    height: 1.153846153846154vw;
  }
  .start-point-bnr__link {
    border-radius: 0.769230769230769vw;
    min-height: 15.384615384615385vw;
  }
  .start-bnr {
    padding: 5.538461538461538vw 0 3.846153846153846vw;
  }
  .start-bnr__list {
    margin: 0 -0.923076923076923vw;
  }
  .start-bnr__item {
    padding: 0 0.923076923076923vw;
    margin-bottom: 1.692307692307692vw;
  }
  .start-bnr__arrow {
    right: 2.615384615384615vw;
    width: 3.076923076923077vw;
    height: 3.076923076923077vw;
  }
  .start-bnr__arrow::after {
    width: 1.230769230769231vw;
    height: 1.153846153846154vw;
  }
  .start-bnr__link {
    border-radius: 0.769230769230769vw;
  }
  .start-bnr__link__inner {
    border-width: 0.307692307692308vw;
    border-radius: 0.769230769230769vw;
    padding: 1.384615384615385vw 7.000000000000001vw 1.384615384615385vw 2vw;
  }
  .start-bnr__link .start-bnr01 {
    padding-left: 0.615384615384615vw;
  }
  .start-bnr__link .start-bnr01-bg {
    max-width: 24.846153846153847vw;
  }
  .start-bnr__link .start-bnr01__ico {
    width: 3.384615384615385vw;
  }
  .start-bnr__link .start-bnr01__main {
    max-width: 26.923076923076923vw;
    margin-left: 3.076923076923077vw;
  }
  .start-bnr__btn {
    max-width: 45.230769230769226vw;
  }
  .start-bnr__btn__txt {
    font-size: 2.692307692307693vw;
    padding-right: 0.153846153846154vw;
  }
  .start-bnr__btn__txt .sm {
    font-size: 1.923076923076923vw;
  }
  .start-bnr__btn__arrow {
    right: 2.307692307692308vw;
    width: 3.076923076923077vw;
    height: 3.076923076923077vw;
  }
  .start-bnr__btn__arrow::after {
    width: 1.230769230769231vw;
    height: 1.153846153846154vw;
  }
  .start-bnr__btn__link {
    border-radius: 0.769230769230769vw;
    border-width: 0.307692307692308vw;
  }
}
@media screen and (max-width: 768px) {
  body.modal-is-visible {
    overflow: hidden;
    position: fixed;
    left: 0;
    width: 100%;
  }
  .nav-link {
    display: none !important;
    opacity: 0;
    visibility: hidden;
  }
  .p-start {
    padding-top: 92px;
  }
  .start-mv {
    position: relative;
    overflow: hidden;
  }
  .start-mv__bg .mv-slider {
    max-height: none !important;
  }
  .start-mv__bg .mv-slider__item {
    height: 100%;
    height: 88.7vh;
    max-height: 133.3333vw;
  }
  .start-mv__bg .mv-slider__item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
    transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s, -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1) 1s;
  }
  .start-mv__bg .mv-slider__item.swiper-initialized {
    opacity: 0;
  }
  .start-mv__bg .mv-slider__item.swiper-slide-active {
    opacity: 1;
  }
  .start-mv__bg .mv-slider__item.swiper-slide-active img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1);
    transition: -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1);
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1);
    transition: transform 6s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 6s cubic-bezier(0.66, 0, 0.34, 1);
  }
  .start-mv__desc {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding-bottom: 4.133333333333333vw;
  }
  .start-mv__desc__inner {
    position: relative;
  }
  .start-mv .mv-desc__copy {
    margin-bottom: 4.133333333333333vw;
  }
  .start-mv .mv-desc__copy img {
    width: 60.266666666666666vw;
    height: 3.733333333333334vw;
  }
  .start-mv .mv-desc__ttl {
    margin-bottom: 40px;
  }
  .start-mv .mv-desc__ttl img {
    width: 76vw;
    height: 40.8vw;
  }
  .start-mv .mv-scroll-down {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.866666666666667vw;
    line-height: 1.142857142857143;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-bottom: 13.333333333333334vw;
  }
  .start-mv .mv-scroll-down::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.5px;
    background: #fff;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    height: 10.666666666666668vw;
    width: 1px;
    margin: 2.666666666666667vw auto 0;
    -webkit-animation: scrolldown 2s ease-out infinite;
    animation: scrolldown 2s ease-out infinite;
  }
  .start-mv .mv-anchor {
    display: none;
  }
  .start-point {
    padding: 13.333333333333334vw 0;
    background: #fff;
  }
  .start-point .modal-close-btn {
    position: absolute;
    top: 92px;
    right: 0;
    width: 16.666666666666664vw;
    height: 16.666666666666664vw;
    content: "";
    z-index: 10;
    background: #004831;
    border-radius: 0 0 0 1.333333333333333vw;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1) 0.2s;
    transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1) 0.2s;
  }
  .start-point .modal-close-btn::after {
    position: absolute;
    width: 5.066666666666666vw;
    height: 5.066666666666666vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    z-index: 1;
    background: url("../images/ico_close_modal.svg") no-repeat center center/100% 100%;
  }
  .start-point .modal-sp {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    padding: calc(92px + 4vw) 4vw 4vw;
  }
  .is-safari .start-point .modal-sp {
    padding: calc(92px + 4vw) 4vw 25.333333333333336vw;
  }
  .start-point .modal-sp::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background: rgba(51,51,51,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1) 0.2s;
    transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1) 0.2s;
  }
  .start-point .modal-sp__inner {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #fff;
    border-radius: 1.333333333333333vw;
    opacity: 0;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
    -webkit-transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 0.5s cubic-bezier(0.66, 0, 0.34, 1);
    transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 0.5s cubic-bezier(0.66, 0, 0.34, 1);
    transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1), transform 0.5s cubic-bezier(0.66, 0, 0.34, 1);
    transition: opacity 0.3s cubic-bezier(0.66, 0, 0.34, 1), transform 0.5s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 0.5s cubic-bezier(0.66, 0, 0.34, 1);
  }
  .start-point .modal-sp.is-visible {
    opacity: 1;
    visibility: visible;
  }
  .start-point .modal-sp.is-visible::after {
    opacity: 1;
  }
  .start-point .modal-sp.is-visible .modal-sp__inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .start-point .modal-sp.is-visible .modal-close-btn {
    opacity: 1;
    visibility: visible;
  }
  .start-point-btn {
    margin-top: 7.733333333333333vw;
    position: relative;
    padding: 5.866666666666666vw 6vw 5.600000000000001vw 1.333333333333333vw;
    font-size: 4.533333333333333vw;
    line-height: 1.294117647058824;
    color: #fff;
    background: #004831;
    border-radius: 10.666666666666668vw;
    text-align: center;
  }
  .start-point-btn__arrow {
    position: absolute;
    top: 50%;
    right: 5.333333333333334vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
  }
  .start-point-btn__arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 3.066666666666666vw;
    height: 2.933333333333333vw;
    background: url("../images/ico_arrow01_green.svg") no-repeat center center/100% 100%;
  }
  .start-point-head {
    padding-top: 63.46666666666667vw;
    position: relative;
  }
  .start-point-head__bg {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 76vw;
    height: 100.8vw;
    z-index: 1;
  }
  .start-point-head__desc {
    position: relative;
    z-index: 2;
  }
  .start-point-head__head {
    margin-bottom: 3.2vw;
  }
  .start-point-head__label {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: #c4d700;
    font-size: 3.2vw;
    line-height: 1.125;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    padding: 1.333333333333333vw 2.666666666666667vw;
    border-radius: 1.333333333333333vw;
  }
  .start-point-head__sttl {
    margin-top: 3.2vw;
  }
  .start-point-head__copy {
    width: 100%;
    padding: 5.333333333333334vw 6vw 5.600000000000001vw;
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
    letter-spacing: 0.05em;
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important;
  }
  .start-point-head-modal {
    padding-top: 56.666666666666664vw;
    position: relative;
  }
  .start-point-head-modal__bg {
    position: absolute;
    border-radius: 1.333333333333333vw 1.333333333333333vw 0 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 92vw;
    z-index: 1;
    overflow: hidden;
  }
  .start-point-head-modal__desc {
    position: relative;
    z-index: 2;
    padding: 0 6.266666666666667vw 13.333333333333334vw;
  }
  .start-point-head-modal__head {
    margin-right: -2.666666666666667vw;
  }
  .start-point-head-modal__label {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: #c4d700;
    font-size: 3.2vw;
    line-height: 1.125;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    padding: 1.333333333333333vw 2.666666666666667vw;
    border-radius: 1.333333333333333vw;
  }
  .start-point-head-modal__sttl {
    margin-top: 3.2vw;
    color: #004831;
    font-size: 5.333333333333334vw;
    line-height: 1.2;
  }
  .start-point-head-modal__sttl span {
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    padding: 0.666666666666667vw 1.333333333333333vw;
    padding: 0.4vw 1.333333333333333vw 0.933333333333333vw;
    letter-spacing: 0.05em;
  }
  .start-point-head-modal__ttl {
    color: #004831;
    font-size: 8.266666666666666vw;
    line-height: 1.129032258064516;
  }
  .start-point-head-modal__ttl span {
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    padding: 0.666666666666667vw 1.333333333333333vw;
    padding: 0.4vw 1.333333333333333vw 0.933333333333333vw;
    letter-spacing: 0.05em;
    margin-top: 1.066666666666667vw;
  }
  .start-point-head-modal__copy {
    width: 100%;
    padding: 5.333333333333334vw 6vw 5.600000000000001vw;
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
    letter-spacing: 0.05em;
  }
  .start-point-box {
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    margin: 0 6.266666666666667vw 6.666666666666667vw;
  }
  .start-point-respond {
    background: #f9f6f3;
    position: relative;
  }
  .start-point-respond__ttl {
    width: 71.46666666666667vw;
    position: absolute;
    top: -5.333333333333334vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .start-point-respond__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10.666666666666668vw 2.4vw 8vw;
  }
  .start-point-respond__item {
    width: 50%;
    margin-top: 3.2vw;
    padding: 0 1.6vw;
    min-height: 31.466666666666665vw;
  }
  .start-point-respond__item__content {
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    border-radius: 1.333333333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 3.066666666666666vw 0;
    height: 100%;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
  }
  .start-point-respond__item__content .u-text-highlight {
    color: #004831;
    font-size: 4.533333333333333vw;
    line-height: 1.352941176470588;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#c4d700), color-stop(28%, #c4d700), color-stop(28%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(bottom, #c4d700 0%, #c4d700 28%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, #c4d700 0%, #c4d700 28%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 100%);
  }
  .start-point-bnr {
    background: #e3eabe;
  }
  .start-point-bnr__list {
    padding: 2.666666666666667vw 4vw;
  }
  .start-point-bnr__item {
    width: 100%;
    padding: 1.333333333333333vw 0;
  }
  .start-point-bnr__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 38.666666666666664vw;
    z-index: 1;
  }
  .start-point-bnr__desc {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 1.333333333333333vw 6.666666666666667vw 0 5.600000000000001vw;
  }
  .start-point-bnr__ttl {
    color: #004831;
    font-size: 5.333333333333334vw;
    line-height: 1.2;
    margin-bottom: 2vw;
  }
  .start-point-bnr__copy {
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
  }
  .start-point-bnr__arrow {
    position: absolute;
    top: 50%;
    right: 5.600000000000001vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    z-index: 3;
    background: #fff;
    border-radius: 50%;
  }
  .start-point-bnr__arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url("../images/ico_arrow01_green.svg") no-repeat center center/100% 100%;
    width: 3.066666666666666vw;
    height: 2.933333333333333vw;
  }
  .start-point-bnr__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2.666666666666667vw;
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    min-height: 37.333333333333336vw;
    height: 100%;
  }
  .start-point:nth-child(2n+1) {
    background: #f9f6f3;
  }
  .start-point:nth-child(2n+1) .modal-sp__inner {
    background: #f9f6f3;
  }
  .start-point:nth-child(2n+1) .start-point-respond {
    background: #fff;
  }
  .start-bnr {
    padding: 13.333333333333334vw 0 10.133333333333333vw;
    background: #fff;
  }
  .start-bnr__item {
    width: 100%;
    margin-bottom: 3.2vw;
  }
  .start-bnr__arrow {
    position: absolute;
    top: 50%;
    right: 6.266666666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    z-index: 3;
    background: #004831;
    border-radius: 50%;
  }
  .start-bnr__arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url("../images/ico_arrow01_white.svg") no-repeat center center/100% 100%;
    width: 3.066666666666666vw;
    height: 2.933333333333333vw;
  }
  .start-bnr__link {
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    border-radius: 2.666666666666667vw;
    position: relative;
    overflow: hidden;
  }
  .start-bnr__link__inner {
    background: rgba(255,255,255,0.6);
    position: relative;
    z-index: 3;
    min-height: 33.33333333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.333333333333333vw 4vw;
  }
  .start-bnr__link .start-bnr02 {
    width: 100%;
  }
  .start-bnr__link .start-bnr02__main {
    max-width: 61.86666666666667vw;
    margin: 0 auto;
  }
  .start-bnr__link .start-bnr01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4.666666666666667vw;
    padding-top: 0.4vw;
  }
  .start-bnr__link .start-bnr01-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    max-width: 60.13333333333334vw;
  }
  .start-bnr__link .start-bnr01__ico {
    width: 8.799999999999999vw;
    margin-top: 0.666666666666667vw;
  }
  .start-bnr__link .start-bnr01__main {
    max-width: 51.46666666666667vw;
    margin-left: 2.666666666666667vw;
  }
  .start-bnr__btn {
    width: 100%;
    margin: 0 auto;
  }
  .start-bnr__btn__txt {
    letter-spacing: 0.1em;
    font-size: 5.733333333333333vw;
    line-height: 1.395348837209302;
  }
  .start-bnr__btn__txt .sm {
    font-size: 3.6vw;
  }
  .start-bnr__btn__arrow {
    position: absolute;
    top: 50%;
    right: 5.333333333333334vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    z-index: 3;
    background: #fff;
    border-radius: 50%;
  }
  .start-bnr__btn__arrow::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url("../images/ico_arrow01_orange.svg") no-repeat center center/100% 100%;
    width: 3.066666666666666vw;
    height: 2.933333333333333vw;
  }
  .start-bnr__btn__link {
    height: 33.33333333333333vw;
    background: #ff6400;
    color: #fff !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 2.666666666666667vw;
    -webkit-box-shadow: 0 0 4vw rgba(0,0,0,0.12);
    box-shadow: 0 0 4vw rgba(0,0,0,0.12);
  }
}