@charset "UTF-8";
/* ==================================================
[Style] 
    1. setting
	2. foundation
	3. Layout  
	4. object 

================================================== */
/* --------------------------------------------------
	1. setting
-------------------------------------------------- */
/* typography */
/* media-query */
/* variables */
/* --------------------------------------------------
	2. foundation
-------------------------------------------------- */
/* reset */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* base */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #231f20;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  word-break: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #000;
  outline: none;
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-decoration: none;
  cursor: pointer;
}

ul, ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

select,
textarea,
input[type="text"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"] {
  width: 100%;
  padding: 6px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 8px;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 4px 0 0;
  cursor: pointer;
}

/* mixins */
/* vendor */
/* slick */
/* --------------------------------------------------
	3. Layout
-------------------------------------------------- */
/* header */
.l-header {
  padding-top: calc(62/1200*100vw);
  padding-left: calc(0/1200*100vw);
  position: relative;
}

.l-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: calc(20/1200*100vw);
  top: calc(13/1200*100vw);
  width: calc(1044/1200*100vw);
  aspect-ratio: 1044/294;
  margin: 0 auto;
  background: url(./images/lp/bg_top_page_02.png) no-repeat center top/cover;
}

.l-header__logo {
  width: calc(1111/1200*100vw);
  margin: 0 auto;
}

.l-header__logo img {
  width: 100%;
}

/* footer */
.l-footer {
  --vw: 1200;
  margin-top: calc(95/var(--vw)*100vw);
  padding-bottom: calc(50/var(--vw)*100vw);
  position: relative;
  line-height: 0;
}

.l-footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1%;
  left: 13.5%;
  width: calc(825/var(--vw)*100vw);
  aspect-ratio: 1650/290;
  background: url(./images/lp/bg_art_footer_01.png) no-repeat center/contain;
}

.l-footer__inner {
  padding-left: calc(4/var(--vw)*100vw);
}

.l-footer__head {
  width: calc(196/var(--vw)*100vw);
  margin: 0 auto;
}

.l-footer__contact-01 {
  width: calc(593/var(--vw)*100vw);
  margin: calc(27/var(--vw)*100vw) auto 0;
}

.l-footer__contact-02 {
  width: calc(296/var(--vw)*100vw);
  margin: calc(18/var(--vw)*100vw) auto 0;
}

.l-footer__desc {
  width: calc(497/var(--vw)*100vw);
  margin: calc(22/var(--vw)*100vw) auto 0;
}

.l-footer__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(1100/var(--vw)*100vw);
  margin: calc(40/var(--vw)*100vw) auto 0;
  gap: calc(22/1100*100%);
}

.l-footer__nav-btn {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: calc(74/var(--vw)*100vw);
  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;
  border: calc(1/16*1rem) solid #231F20;
}

.l-footer__nav-btn img {
  height: calc(23/var(--vw)*100vw);
  width: auto !important;
}

.l-footer__nav-btn:nth-child(1) {
  padding-left: calc(10/var(--vw)*100vw);
  padding-right: calc(8/var(--vw)*100vw);
}

@media (hover: hover) {
  .l-footer__nav-btn {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .l-footer__nav-btn:hover {
    opacity: 0.7;
  }
}

.l-footer__cr {
  margin: calc(23/var(--vw)*100vw) auto 0;
  text-align: center;
}

.l-footer__cr img {
  width: calc(424/var(--vw)*100vw);
}

/* main */
.l-inner {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  max-width: 100%;
  height: inherit;
}

/* flex */
/* table */
/* --------------------------------------------------
	4. object
-------------------------------------------------- */
/* component */
.c-mainvisual {
  margin-top: calc(-96/1200*100vw);
}

.c-mainvisual__banner img {
  width: 100%;
}

/* project */
body.index {
  position: relative;
  overflow-x: hidden;
}

body.index #all {
  overflow: hidden;
}

body.index::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(-4/1920*100vw) 0;
  left: 0;
  right: 0;
  height: calc(800/1200*100vw);
  background: url("./images/lp/bg_top_page_01.png") no-repeat center top/cover;
}

body.index .index-event {
  margin-top: calc(-247/1200*100vw);
  background: #fff;
  position: relative;
}

body.index .index-event img {
  width: 100%;
}

body.index .index-event:before {
  content: "";
  position: absolute;
  bottom: calc(-50/1920*100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: calc(-152/1920*100vw);
  margin-left: 0.2%;
  width: calc(2040 / 1920 * 100vw);
  background: url("./images/lp/bg_art_sec_01.png") no-repeat center top/100% auto, url("./images/lp/bg_art_sec_02.png") no-repeat center bottom/100% auto;
  mix-blend-mode: multiply;
}

body.index .index-event:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, white), to(#f6f08a));
  background: -webkit-linear-gradient(top, white 38%, #f6f08a 100%);
  background: linear-gradient(180deg, white 38%, #f6f08a 100%);
  width: 218%;
  border-radius: 0 0 50% 50%;
}

body.index .index-event__cont {
  padding-top: calc(32/1200*100vw);
  padding-bottom: calc(109/1200*100vw);
  position: relative;
  z-index: 1;
}

body.index .index-event__cont::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  background: url(./images/lp/bg_art_sec_03.png) no-repeat center bottom/contain;
  aspect-ratio: 1920 / 130;
  top: calc(-112/1920*100vw);
  margin-left: 0.1%;
}

body.index .index-event__art-01 {
  position: absolute;
  z-index: -1;
  width: calc(1092/1200*100vw);
  aspect-ratio: 1092/498;
  top: calc(30/1200*100vw);
  left: calc(34/1200*100vw);
}

body.index .index-event__art-01 img {
  width: 100%;
}

body.index .index-event__copy-01 {
  width: calc(890/1200*100vw);
  margin: 0 auto;
}

body.index .index-event__copy-01 img {
  width: 100%;
  margin-left: 0.7%;
}

body.index .index-event__desc {
  margin: calc(45/1200*100vw) auto 0;
  width: calc(1074/1200*100vw);
}

body.index .index-event__desc img {
  width: 100%;
}

body.index .index-event__copy-02 {
  margin: calc(40/1200*100vw) auto 0;
  width: calc(1088/1200*100vw);
}

body.index .index-event__copy-02 img {
  width: 100%;
  margin-left: 0.5%;
}

body.index .index-event__img {
  width: calc(1051/1200*100vw);
  margin: calc(-107/1920*100vw) auto 0;
}

body.index .index-event__img img {
  width: 100%;
  margin-left: -3.5%;
}

body.index .index-event__txt-01 {
  width: calc(1046/1200*100vw);
  margin: calc(44/1200*100vw) auto 0;
}

body.index .index-frame {
  display: block;
  position: relative;
}

body.index .index-frame img {
  width: 100%;
}

body.index .index-frame__head {
  width: calc(380/1200*100vw);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 0;
  left: 0;
}

body.index .index-frame__head-cont {
  aspect-ratio: 380/544;
  background-color: var(--color);
  width: 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;
  position: relative;
  background-color: var(--color);
  z-index: -1;
  padding-right: calc(40/1200*100vw);
  padding-top: calc(14/1200*100vw);
}

body.index .index-frame__head-cont::before {
  background: url(./images/lp/bg_art_events_01.png) no-repeat center/cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

body.index .index-frame__head-cont img {
  width: auto;
  height: calc(74/1200*100vw);
}

body.index .index-frame__cont {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  padding-top: calc(250/1200*100vw);
}

body.index .index-frame.--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

body.index .index-frame.--reverse .index-frame__head {
  left: auto;
  right: 0;
  -webkit-clip-path: polygon(0 50%, 100% 0%, 100% 100%);
  clip-path: polygon(0 50%, 100% 0%, 100% 100%);
}

body.index .index-frame.--reverse .index-frame__head-cont {
  padding-top: 0;
  padding-right: 0;
  padding-left: calc(54/1200*100vw);
  padding-bottom: calc(12/1200*100vw);
}

body.index .index-frame.--reverse .index-frame__head-cont::before {
  background: url(./images/lp/bg_art_events_02.png) no-repeat center/cover;
}

body.index .index-frame.--event01 {
  --color: rgba(243, 145, 188, 0.77);
  margin-top: calc(-73/1200*100vw);
}

body.index .index-frame.--event02 {
  --color: rgba(250, 171, 96, 0.77);
  margin-top: calc(-48/1200*100vw);
}

body.index .index-frame.--event02 .index-frame__cont {
  padding-top: calc(226/1200*100vw);
}

body.index .index-frame.--event03 {
  --color: rgba(141, 198, 63, 0.77);
  margin-top: calc(-37/1200*100vw);
}

body.index .index-frame.--event03 .index-frame__cont {
  padding-top: calc(243/1200*100vw);
}

body.index .index-frame.--event03 .index-frame__head-cont {
  padding-top: calc(40/1200*100vw);
}

body.index .index-frame.--event04 {
  --color: rgba(78, 198, 226, 0.77);
  margin-top: calc(-90/1200*100vw);
}

body.index .index-frame.--event04 .index-frame__head-cont {
  padding-left: calc(78/1200*100vw);
  padding-bottom: calc(10/1200*100vw);
  padding-right: calc(20/1200*100vw);
}

body.index .index-frame.--event04 .index-frame__cont {
  padding-top: calc(244/1200*100vw);
}

body.index .index-frame.--event05 {
  --color: rgba(170, 122, 181, 0.77);
  margin-top: calc(-94/1200*100vw);
}

body.index .index-frame.--event05 .index-frame__head-cont {
  padding-top: calc(0/1200*100vw);
  padding-right: calc(35/1200*100vw);
}

body.index .index-frame.--event06 {
  --color: rgba(90, 192, 150, 0.77);
  margin-top: calc(-138/1200*100vw);
}

body.index .index-frame.--event07 {
  --color: rgba(33, 123, 192, 0.77);
  margin-top: calc(-68/1200*100vw);
}

body.index .index-frame.--event07 .index-frame__head-cont {
  padding-top: 0;
  padding-bottom: calc(7/1200*100vw);
  padding-right: calc(33/1200*100vw);
}

body.index .index-event01 {
  position: relative;
  z-index: 1;
}

body.index .index-event01::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(828/1200*100vw);
  top: calc(-164/1200*100vw);
  left: calc(278/1200*100vw);
  aspect-ratio: 1658/546;
  background: url("./images/lp/bg_art_event01_01.png") no-repeat center/contain;
}

body.index .index-event01::after {
  content: "";
  position: absolute;
  width: calc(100/1200*100vw);
  aspect-ratio: 100/115;
  background: url(../images/lp/bg_art_event01_02.png) no-repeat center/contain;
  bottom: calc(-134/1200*100vw);
  left: calc(220/1200*100vw);
}

body.index .index-event01__title {
  position: absolute;
  width: calc(300/1200*100vw);
  top: calc(140/1200*100vw);
  left: calc(87/1200*100vw);
}

body.index .index-event01__figures {
  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;
  margin-left: auto;
  width: calc(1074/1200*100vw);
  margin-right: calc(70/1200*100vw);
  margin-top: calc(30/1200*100vw);
  gap: calc(42/1920*100vw) calc(22/1038*100%);
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

body.index .index-event01__figures-item {
  width: calc((100% - 4*22/1074*100%)/5);
}

body.index .index-event01__figures-item img:nth-child(1) {
  display: block;
  width: 100%;
}

body.index .index-event01__figures-item img:nth-child(2) {
  margin-top: calc(20/1920*100vw);
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: calc(94/1920*100vw);
  width: auto;
}

body.index .index-event01__text-01 {
  width: calc(649/1200*100vw);
  margin-left: calc(409/1200*100vw);
}

body.index .index-event01__text-01 img {
  width: 100%;
}

body.index .index-event02 {
  position: relative;
  z-index: 1;
}

body.index .index-event02::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(371/1200*100vw);
  left: auto;
  right: calc(148/1200*100vw);
  top: calc(-46/1200*100vw);
  aspect-ratio: 742/808;
  background: url("./images/lp/bg_art_event02_01.png") no-repeat center/contain;
}

body.index .index-event02__title {
  width: calc(860/1200*100vw);
  margin-left: calc(3/1200*100vw);
}

body.index .index-event02__text-01 {
  width: calc(554/1200*100vw);
  margin-left: calc(61/1200*100vw);
  margin-top: calc(29/1200*100vw);
}

body.index .index-event02__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(44/1200*100vw) calc(42/1095*100%);
  width: calc(1095/1200*100vw);
  margin: calc(34/1200*100vw) auto 0 calc(55/1200*100vw);
}

body.index .index-event02__card-item {
  width: calc(334/1095*100%);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body.index .index-event02__card-item img {
  width: 100%;
}

body.index .index-event02__card-item:nth-child(3) {
  width: calc(343/1095*100%);
}

body.index .index-event02__card-item:nth-child(10) {
  width: calc(400/1095*100%);
}

body.index .index-event02__card-item:nth-child(11) {
  width: calc(528/1095*100%);
  margin-left: auto;
  margin-right: calc(9/1200*100vw);
}

body.index .index-event02__map {
  margin-top: calc(12/1200*100vw);
  position: relative;
}

body.index .index-event02__map::before, body.index .index-event02__map::after {
  content: "";
  position: absolute;
}

body.index .index-event02__map::before {
  aspect-ratio: 1158/532;
  width: calc(578/1200*100vw);
  background: url(../images/lp/bg_art_event02_02.png) no-repeat center/contain;
  top: calc(-86/1200*100vw);
  right: calc(118/1200*100vw);
}

body.index .index-event02__map::after {
  aspect-ratio: 2078/402;
  width: calc(1038/1200*100vw);
  background: url(../images/lp/bg_art_event02_03.png) no-repeat center/contain;
  bottom: calc(140/1200*100vw);
  left: calc(85/1200*100vw);
}

body.index .index-event02__map-title {
  width: calc(559/1200*100vw);
  margin-left: calc(341/1200*100vw);
}

body.index .index-event02__map-diagram {
  width: calc(1094/1200*100vw);
  margin: calc(16/1200*100vw) auto 0;
}

body.index .index-event02__map-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: calc(20/1094*100%);
}

body.index .index-event02__map-item.--item01 .index-event02__map-item-f {
  margin-top: calc(22/1200*100vw);
}

body.index .index-event02__map-item.--item02 {
  margin-top: calc(2/1200*100vw);
}

body.index .index-event02__map-item.--item02 .index-event02__map-item-img {
  margin-left: calc(8/1200*100vw);
  margin-top: calc(29/1200*100vw);
  max-width: calc(850/1200*100vw);
}

body.index .index-event02__map-item.--item03 {
  margin-top: calc(26/1200*100vw);
}

body.index .index-event02__map-item.--item03 .index-event02__map-item-img {
  max-width: calc(855/1200*100vw);
  margin-left: calc(7/1200*100vw);
}

body.index .index-event02__map-item.--item03 .index-event02__map-item-f {
  margin-top: calc(30/1200*100vw);
}

body.index .index-event02__map-item-f {
  width: calc(122/1094*100%);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body.index .index-event02__map-note {
  width: calc(1010/1200*100vw);
  margin: calc(42/1200*100vw) auto 0;
}

body.index .index-event03 {
  position: relative;
  z-index: 1;
}

body.index .index-event03::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(1000/1200*100vw);
  aspect-ratio: 2000/2042;
  top: calc(-141/1200*100vw);
  left: calc(62/1200*100vw);
  background: url("./images/lp/bg_art_event03_01.png") no-repeat center/contain;
}

body.index .index-event03__title {
  margin-left: calc(408/1200*100vw);
  width: calc(768/1200*100vw);
}

body.index .index-event03__img {
  width: calc(984/1200*100vw);
  margin: calc(16/1200*100vw) auto 0;
}

body.index .index-event04 {
  position: relative;
  z-index: 1;
  padding-bottom: calc(85/1200*100vw);
}

body.index .index-event04::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(261/1200*100vw);
  aspect-ratio: 522/1418;
  bottom: calc(-42/1200*100vw);
  left: calc(412/1200*100vw);
  background: url("./images/lp/bg_art_event04_01.png") no-repeat center/contain;
}

body.index .index-event04__title {
  width: calc(699/1200*100vw);
  margin-left: calc(5/1200*100vw);
}

body.index .index-event04__img {
  position: absolute;
  width: calc(427/1200*100vw);
  right: calc(132/1200*100vw);
  bottom: calc(0/1200*100vw);
}

body.index .index-event05 {
  position: relative;
  z-index: 1;
}

body.index .index-event05::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("./images/lp/bg_art_event05_01.png") no-repeat center/contain;
  aspect-ratio: 2400/2048;
  width: 100vw;
  left: calc(4/1200*100vw);
  top: calc(-23/1200*100vw);
}

body.index .index-event05__title {
  width: calc(628/1200*100vw);
  margin-left: calc(406/1200*100vw);
  margin-top: calc(-30/1200*100vw);
}

body.index .index-event05__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: calc(135/1200*100vw);
  margin-top: calc(-50/1200*100vw);
}

body.index .index-event05__images-left {
  width: calc(450/1200*100vw);
}

body.index .index-event05__images-item.--item01 {
  width: calc(434/450*100%);
}

body.index .index-event05__images-item.--item02 {
  width: calc(312/450*100%);
  margin-top: calc(-36/450*100%);
  margin-left: calc(34/450*100%);
}

body.index .index-event05__images-item.--item03 {
  width: calc(422/450*100%);
  margin-top: calc(32/450*100%);
}

body.index .index-event05__images-item.--item04 {
  width: 100%;
}

body.index .index-event05__images-item.--item05 {
  width: calc(370/545*100%);
  margin-top: calc(36/545*100%);
  margin-left: calc(55/545*100%);
}

body.index .index-event05__images-item.--item06 {
  width: calc(470/545*100%);
  margin-top: calc(29/545*100%);
  margin-left: calc(40/545*100%);
}

body.index .index-event05__images-right {
  width: calc(545/1200*100vw);
  margin-top: calc(69/1200*100vw);
}

body.index .index-event05__text01 {
  width: calc(1083/1200*100vw);
  margin: calc(28/1200*100vw) auto 0;
}

body.index .index-event06 {
  position: relative;
  z-index: 1;
}

body.index .index-event06::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("./images/lp/im_event_06_art_01.png") no-repeat center/contain;
  aspect-ratio: 588/564;
  width: calc(294/1200*100vw);
  top: calc(54/1200*100vw);
  right: calc(234/1200*100vw);
}

body.index .index-event06__title {
  width: calc(940/1200*100vw);
  margin-left: calc(8/1200*100vw);
  margin-top: calc(-30/1200*100vw);
}

body.index .index-event06__images {
  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;
  margin-left: calc(82/1200*100vw);
  margin-top: calc(28/1200*100vw);
  gap: calc(30/1200*100vw);
}

body.index .index-event06__images-item {
  width: calc(482/1200*100vw);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body.index .index-event06__images-item:nth-child(2) {
  width: calc(564/1200*100vw);
  margin-top: calc(46/1200*100vw);
}

body.index .index-event07 {
  position: relative;
  z-index: 1;
}

body.index .index-event07::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("./images/lp/bg_art_event07_01.png") no-repeat center/contain;
  aspect-ratio: 180/204;
  width: calc(90/1200*100vw);
  bottom: calc(-50/1200*100vw);
  right: calc(178/1200*100vw);
}

body.index .index-event07__title {
  width: calc(713/1200*100vw);
  margin-left: calc(411/1200*100vw);
  margin-top: calc(-20/1200*100vw);
}

body.index .index-event07__cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: calc(78/1200*100vw);
  margin-top: calc(13/1200*100vw);
}

body.index .index-event07__cont-img {
  width: calc(554/1200*100vw);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body.index .index-event07__cont-txt {
  width: calc(485/1200*100vw);
  margin-left: calc(8/1200*100vw);
  margin-top: calc(5/1200*100vw);
}

body.index .index-note {
  width: calc(1088/1200*100vw);
  margin: calc(78/1200*100vw) auto 0;
  position: relative;
  z-index: 1;
}

body.index .index-note::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("./images/lp/bg_art_index_note_01.png") no-repeat center/contain;
  aspect-ratio: 204/238;
  width: calc(102/1200*100vw);
  bottom: calc(194/1200*100vw);
  right: calc(74/1200*100vw);
}

/* utility */
/* display */
.u-inlineBlock {
  display: inline-block;
}

@media all and (min-width: 740px), print {
  .u-onlySp {
    display: none !important;
  }
}

@media only screen and (max-width: 739px) {
  .u-onlyPc {
    display: none !important;
  }
}

/* hover */
.u-hoverOpacity {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  opacity: 1;
}

.u-hoverOpacity:hover {
  opacity: 0.7;
}

.u-tel {
  pointer-events: none;
}

@media only screen and (max-width: 739px) {
  .u-tel {
    pointer-events: auto;
  }
}