@charset "UTF-8";

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: initial;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  cursor: default;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-alternates-v17-latin-regular.woff2') format('woff2'),
  url('../fonts/montserrat-alternates-v17-latin-regular.woff') format('woff');
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-alternates-v17-latin-700.woff2') format('woff2'),
  url('../fonts/montserrat-alternates-v17-latin-700.woff') format('woff');
}
/* montserrat-alternates-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-alternates-v17-latin-800.woff2') format('woff2'),
  url('../fonts/montserrat-alternates-v17-latin-800.woff') format('woff');}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-alternates-v17-latin-900.woff2') format('woff2'),
  url('../fonts/montserrat-alternates-v17-latin-900.woff') format('woff');
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dela Gothic One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dela-gothic-one-v15-japanese-regular.woff2') format('woff2'),
  url('../fonts/dela-gothic-one-v15-japanese-regular.woff') format('woff');
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'M PLUS 1 Code';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/m-plus-1-code-v12-japanese-regular.woff2') format('woff2'),
  url('../fonts/m-plus-1-code-v12-japanese-regular.woff') format('woff');}

body{
  font-size: calc(16/var(--view-size)*100vw);
  line-height: 1;
  font-family: "M PLUS 1 Code";
  font-weight: 400;
  color: #000;
  letter-spacing: .1em;
}
@media(max-width: 768px){
  body{
    font-size: calc(14/var(--view-size)*100vw);
  }
}
/* :rootのCSS変数の宣言 */
:root {
  /* vies size PC */
  --view-size: 1400;
}
.pc_only {
  display: inline-block;
}
.sp_only {
  display: none;
}
@media(max-width: 768px){
  body{
    font-size: calc(14/var(--view-size)*100vw);
  }
  :root {
    /* vies size PC */
    --view-size: 400;
  }
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}

/* 共通 */
.lp_common_wrapper {
  position: relative;
  padding-left: calc(100/var(--view-size)*100vw);
  padding-right: calc(100/var(--view-size)*100vw);
}
@media(max-width: 768px){
  .lp_common_wrapper {
    padding-left: calc(20/var(--view-size)*100vw);
    padding-right: calc(20/var(--view-size)*100vw);
  }
}

/* 共通ここまで */

/* ヘッダー */
header {
  position: relative;
  z-index: 2;
}
.header_wrapper {
  display: flex;
  justify-content: space-between;
}
.header_title {
  position: relative;
  padding-top: calc(38/var(--view-size)*100vw);
  padding-left: calc(50/var(--view-size)*100vw);
  font-size: calc(25/var(--view-size)*100vw);
  letter-spacing: .2em;
  font-family: "Montserrat Alternates";
  font-weight: 800;
}
.header_title::before {
  content: "";
  position: absolute;
  top: calc(-50.13/var(--view-size)*100vw);
  left: calc(-35/var(--view-size)*100vw);
  width: calc(200/var(--view-size)*100vw);
  height: calc(171.3/var(--view-size)*100vw);
  border-radius: calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(200 / var(--view-size)* 100vw) calc(250 / var(--view-size)* 100vw);
  transform: rotate(10deg);
  background-color: rgba(255, 216, 0, .8);
  z-index: -1;
}
.header_title a {
  display: inline-block;
  padding-top: calc(10/var(--view-size)*100vw);
  padding-bottom: calc(10/var(--view-size)*100vw);
}
.header_title span {
  -webkit-text-stroke: calc(2 / var(--view-size)* 100vw) #000;
  text-stroke: calc(2 / var(--view-size)* 100vw) #000;
  color: rgba(255, 255, 255, 0);
}
.header_return_wrapper {
  position: relative;
}
.header_return_wrapper a {
  margin-top: calc(-15 / var(--view-size)* 100vw);
  margin-right: calc(-10 / var(--view-size)* 100vw);
  display: block;
  padding-top: calc(72/var(--view-size)*100vw);
  padding-bottom: calc(56/var(--view-size)*100vw);
  padding-right: calc(41/var(--view-size)*100vw);
  padding-left: calc(41/var(--view-size)*100vw);
  transform: rotate(-10deg);
  background-color: #000;
  border: 3px solid #000;
  transition: all 0.3s ease-out;
  border-radius: calc(100 / var(--view-size)* 100vw) calc(30 / var(--view-size)* 100vw) calc(100 / var(--view-size)* 100vw) calc(70 / var(--view-size)* 100vw);
}
.header_return_wrapper a:hover {
  background-color: rgba(0, 0, 0, .5);
}
.header_return_wrapper a span {
  display: block;
  color: #fff;
  font-family: "Dela Gothic One";
  font-size: calc(14/var(--view-size)*100vw);
  transform: rotate(10deg);
}
@media(max-width: 768px){
  .header_title {
    padding-top: calc(19/var(--view-size)*100vw);
    padding-left: calc(20/var(--view-size)*100vw);
    font-size: calc(18/var(--view-size)*100vw);
  }
  .header_title::before {
    top: calc(-20/var(--view-size)*100vw);
    left: calc(-15/var(--view-size)*100vw);
    width: calc(100/var(--view-size)*100vw);
    height: calc(85.57/var(--view-size)*100vw);
  }
  .header_return_wrapper a {
    margin-top: calc(-15 / var(--view-size)* 100vw);
    margin-right: calc(-16 / var(--view-size)* 100vw);
    padding-top: calc(54/var(--view-size)*100vw);
    padding-bottom: calc(44.5/var(--view-size)*100vw);
    padding-right: calc(29/var(--view-size)*100vw);
    padding-left: calc(31/var(--view-size)*100vw);
  }
  .header_return_wrapper a span {
    white-space: nowrap;
  }
}
/* ヘッダーここまで */

/* フッター */
footer {
  position: relative;
  background-color: #000;
  padding: calc(80/var(--view-size)*100vw) 0 calc(28/var(--view-size)*100vw);
  z-index: 2;
}
.footer_copyright_wrapper {
  text-align: center;
}
.footer_copyright_wrapper small {
  font-size: calc(12/var(--view-size)*100vw);
  line-height: 1;
  color: #fff;
  font-family: "Montserrat Alternates";
  font-weight: 800;
}
.footer_nav {
  /* margin-top: calc(60/var(--view-size)*100vw); */
}
.footer_nav_list {
  display: flex;
  justify-content: center;
  column-gap: calc(59/var(--view-size)*100vw);
  padding-left: calc(93/var(--view-size)*100vw);
}
.footer_nav_item{
  margin-top: calc(20 / var(--view-size)* 100vw);
}
.footer_nav_item:first-child{
  margin-top: 0;
}
.footer_nav_item_midashi{
  text-align: center;
  font-size: calc(14 / var(--view-size)* 100vw);
  margin-bottom: calc(10 / var(--view-size)* 100vw);
  opacity: .4;
  line-height: 1;
  color: #fff;
}
.footer_nav_list a {
  letter-spacing: initial;
  color: #fff;
}
.footer_sns_list {
  margin: calc(43/var(--view-size)*100vw) auto 0;
  /* width: calc(135/var(--view-size)*100vw); */
  justify-content: center;
  column-gap: calc(30/var(--view-size)*100vw);
}
.footer_copyright_wrapper {
  margin-top: calc(68/var(--view-size)*100vw);
  text-align: center;
}
.lp_common_sns_list {
  /* width: calc(105/var(--view-size)*100vw); */
  display: flex;
  column-gap: calc(15/var(--view-size)*100vw);
  align-items: center;
}
.lp_common_sns_wrapper a {
  width: calc(25/var(--view-size)*100vw);
  display: block;
}
.lp_common_sns_wrapper img {
  width: 100%;
}
@media(max-width: 768px){
  footer {
    padding: calc(19/var(--view-size)*100vw) 0 calc(18/var(--view-size)*100vw);
  }
  .footer_copyright_wrapper small {
    font-size: calc(12/var(--view-size)*100vw);
    line-height: calc(20/12);
  }
  .footer_nav {
    margin-top: calc(30.3/var(--view-size)*100vw);
  }
  .footer_nav_list {
    display: block;
    column-gap: initial;
    padding-left: 0;
    text-align: center;
  }
  .footer_nav_list:last-child {
    /* margin-top: calc(15/var(--view-size)*100vw); */
  }
  .footer_nav_list a {
    font-size: calc(14/var(--view-size)*100vw);
    line-height: calc(32/14);
  }
  .footer_sns_list {
    margin: calc(30.5/var(--view-size)*100vw) auto 0;
    width: calc(115/var(--view-size)*100vw);
    column-gap: calc(20/var(--view-size)*100vw);
  }
  .footer_copyright_wrapper {
    margin-top: calc(50.7/var(--view-size)*100vw);
  }
  .footer_copyright_wrapper small {
    font-size: calc(12/var(--view-size)*100vw);
    letter-spacing: initial;
  }
  .footer_nav_item_midashi{
    margin-bottom: calc(5 / var(--view-size)* 100vw);
  }
}
/* フッターここまで */

/* フッター上セクション */
.common_bottomMenu_section {
  position: relative;
  z-index: 2;
  height: calc(500/var(--view-size)*100vw);
  overflow: hidden;
}
.common_bottomMenu_nav_wrapper {
  /* padding-left: calc(247/var(--view-size)*100vw); */
}
.common_bottomMenu_nav {
  position: relative;
  display: flex;
}
.common_bottomMenu_nav_list {
  position: absolute;
}
.common_bottomMenu_nav_list1 {
  top: calc(80/var(--view-size)*100vw);
  left: calc(-376.11/var(--view-size)*100vw);
  width: calc(440/var(--view-size)*100vw);
  height: calc(376.49/var(--view-size)*100vw);
  background-color: #FFD800;
  transform: rotate(10deg);
  border-radius: calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw) calc(200/var(--view-size)*100vw) calc(250/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list2 {
  top: calc(132/var(--view-size)*100vw);
  left: calc(-60/var(--view-size)*100vw);
  width: calc(430/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
  background-color: #38B700;
  border: solid 3px #38B700;
  transform: rotate(-10deg);
  z-index: 1;
  transition: all 0.3s ease-out;
  border-radius: calc(400/var(--view-size)*100vw) calc(350/var(--view-size)*100vw) calc(500/var(--view-size)*100vw) calc(300/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list2:hover {
  background-color: rgba(56, 183, 0, .5);
}
.common_bottomMenu_nav_list3 {
  top: calc(102/var(--view-size)*100vw);
  left: calc(300/var(--view-size)*100vw);
  width: calc(440/var(--view-size)*100vw);
  height: calc(399.15/var(--view-size)*100vw);
  background-color: #00B4EA;
  border: solid 3px #00B4EA;
  transform: rotate(-10deg);
  transition: all 0.3s ease-out;
  border-radius: calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw) calc(200/var(--view-size)*100vw) calc(250/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list3:hover {
  background-color: rgba(0, 180, 234, .5);
}
.common_bottomMenu_nav_list4 {
  top: calc(182/var(--view-size)*100vw);
  left: calc(660/var(--view-size)*100vw);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
  background-color: #FF9D00;
  border: solid 3px #FF9D00;
  transform: rotate(30deg);
  transition: all 0.3s ease-out;
  border-radius: calc(250/var(--view-size)*100vw) calc(350/var(--view-size)*100vw) calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list4:hover {
  background-color: rgba(255,157,0,.5);
}
.common_bottomMenu_nav_list5{
  top: calc(190 / var(--view-size)* 100vw);
  left: calc(1025 / var(--view-size)* 100vw);
  width: calc(420 / var(--view-size)* 100vw);
  height: calc(420 / var(--view-size)* 100vw);
  background: #946c45;
  border: solid 3px #946c45;
  transform: rotate(10deg);
  transition: all 0.3s ease-out;
  border-radius: calc(300 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
}
.common_bottomMenu_nav_list5:hover{
  background: rgba(148, 108, 0, .5);
}
.common_bottomMenu_nav_list6{
  top: calc(334 / var(--view-size)* 100vw);
  left: calc(138 / var(--view-size)* 100vw);
  width: calc(547 / var(--view-size)* 100vw);
  height: calc(508 / var(--view-size)* 100vw);
  background: rgba(194, 103, 210);
  border: solid 3px rgba(194, 103, 210);
  transform: rotate(5deg);
  transition: all 0.3s ease-out;
  border-radius: calc(300 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
  z-index: 5;
}
.common_bottomMenu_nav_list6:hover{
  background: rgba(194, 103, 210, .5);
}
.common_bottomMenu_nav_list_items {
  display: flex;
  justify-content: center;
  height: 100%;
}
.common_bottomMenu_nav_list_items2 {
  transform: rotate(10deg);
}
.common_bottomMenu_nav_list_items3 {
  transform: rotate(10deg);
}
.common_bottomMenu_nav_list_items4 {
  transform: rotate(-30deg);
}
.common_bottomMenu_nav_list_items5 {
  transform: rotate(-10deg);
}
.common_bottomMenu_nav_list_items6 {
  transform: rotate(-5deg);
}
.common_bottomMenu_nav_list_item {
  position: relative;
  padding-right: calc(16/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item2 {
  padding-top: calc(114.5/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item3 {
  padding-top: calc(148.4/var(--view-size)*100vw);
  padding-right: calc(55/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item4 {
  padding-top: calc(120.1/var(--view-size)*100vw);
  padding-right: calc(76/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item5 {
  padding-top: calc(160/var(--view-size)*100vw);
  padding-right: calc(60 / var(--view-size)* 100vw);
}
.common_bottomMenu_nav_list_item6 {
  padding-top: calc(55/var(--view-size)*100vw);
  padding-right: calc(60 / var(--view-size)* 100vw);
}
.common_bottomMenu_nav_list_item::before {
  content: "";
  position: absolute;
  right: calc(21/var(--view-size)*100vw);
  width: calc(30/var(--view-size)*100vw);
  height: calc(30/var(--view-size)*100vw);
  background-image: url(../img/arrow.png);
  background-size: cover;
}
.common_bottomMenu_nav_list_item2::before {
  top: calc(125.5/var(--view-size)*100vw);
  right: calc(-29/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item3::before {
  top: calc(157.4/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item4::before {
  right: calc(30/var(--view-size)*100vw);
  top: calc(180.1/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item6::before{
  top: calc(80/var(--view-size)*100vw);
}
.common_bottomMenu_nav_list_item span {
  letter-spacing: .35em;
}
.common_bottomMenu_nav_list_item p {
  font-size: calc(35/var(--view-size)*100vw);
  font-family: "Dela Gothic One";
  font-weight: normal;
}
.common_bottomMenu_nav_list_item4 p {
  line-height: calc(50/35);
}
@media(max-width: 768px){
  .common_bottomMenu_section {
    height: calc(305.3/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_wrapper {
    padding-left: calc(0/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list1 {
    display: none;
  }
  .common_bottomMenu_nav_list2 {
    top: calc(5/var(--view-size)*100vw);
    left: calc(-20/var(--view-size)*100vw);
    width: calc(240/var(--view-size)*100vw);
    height: calc(240/var(--view-size)*100vw);
    z-index: 0;
  }
  .common_bottomMenu_nav_list3 {
    top: calc(10/var(--view-size)*100vw);
    left: calc(185/var(--view-size)*100vw);
    width: calc(230/var(--view-size)*100vw);
    height: calc(208.65/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list4 {
    top: calc(110/var(--view-size)*100vw);
    left: calc(-20/var(--view-size)*100vw);
    width: calc(230/var(--view-size)*100vw);
    height: calc(230/var(--view-size)*100vw);
    transform: rotate(20deg);
  }
  .common_bottomMenu_nav_list_items4{
    transform: rotate(-20deg);
  }
  .common_bottomMenu_nav_list5{
    top: calc(105 / var(--view-size)* 100vw);
    left: calc(180 / var(--view-size)* 100vw);
    width: calc(230 / var(--view-size)* 100vw);
    height: calc(230 / var(--view-size)* 100vw);
  }
  .common_bottomMenu_nav_list6{
    top: calc(211 / var(--view-size)* 100vw);
    left: calc(-45 / var(--view-size)* 100vw);
    width: calc(500 / var(--view-size)* 100vw);
    height: calc(500 / var(--view-size)* 100vw);
  }
  .common_bottomMenu_nav_list_item {
    position: relative;
    padding-right: calc(10/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item2 {
    padding-top: calc(44.6/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item3 {
    padding-top: calc(43.8/var(--view-size)*100vw);
    padding-right: calc(10.2/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item4 {
    padding-top: calc(26.8/var(--view-size)*100vw);
    padding-right: calc(40/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item5 {
    padding-top: calc(40/var(--view-size)*100vw);
    padding-right: calc(25/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item6{
    padding-top: calc(23/var(--view-size)*100vw);
    padding-right: calc(35/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item::before {
    right: calc(0/var(--view-size)*100vw);
    width: calc(20/var(--view-size)*100vw);
    height: calc(20/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item2::before {
    top: calc(48.5/var(--view-size)*100vw);
    right: calc(-14/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item3::before {
    top: calc(50.4/var(--view-size)*100vw);
    right: calc(-15/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item4::before {
    right: calc(8/var(--view-size)*100vw);
    top: calc(50.1/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item5::before {
    top: calc(55/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item6::before{
    top: calc(45/var(--view-size)*100vw);
  }
  .common_bottomMenu_nav_list_item span {
    letter-spacing: .1em;
  }
  .common_bottomMenu_nav_list_item p {
    padding-top: calc(5/var(--view-size)*100vw);
    font-size: calc(18/var(--view-size)*100vw);
  }
}





.fadeUpTrigger,
.fadeTrigger,
.fadeScaleTrigger,
.fadeUpScrollTrigger,
.fadeScrollTrigger{
  opacity: 0;
}

.fade {
  animation-name: fadeAnime;
  animation-duration: 1s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeScale{
  animation-name: fadeScaleAnime;
  animation-duration: 3s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeScaleAnime {
  0% {
    opacity: 0;
    clip-path: circle(0 at 50% 50%);
  }
  100% {
    opacity: 1;
    clip-path: circle(100% at 50% 50%);
  }
}

.delay_time1{
  animation-delay: 0.8s;
}

.delay_time2{
  animation-delay: 1.2s;
}

.delay_time3{
  animation-delay: 1.6s;
}

.delay_time4{
  animation-delay: 2s;
}

.delay_time5{
  animation-delay: 2.6s; 
}




body.non_scroll{
  overflow: hidden;
}