@charset "UTF-8";
/******************** BALLOOM ********************/

/*** --------------- Common --------------- ***/
body {
  background: var(--color-ba-main);
}
.head_area .head_menu .menu li.english a {
	font-family: "Condiment";
	top: 8px;
}

@media screen and (max-width: 991px) {
	.head_area .head_menu .menu li.english a {
		top: 0;
	}
}

/* ----- Area ----- */
.top_area {
	margin-top: 160px;
}

@media screen and (max-width: 991px) {
	.top_area {
		margin-top: 120px;
	}
}
@media screen and (max-width: 575px) {
	.top_area {
		margin-top: 80px;
	}
}

/* ----- H2 ----- */
.top_area h2 {
	margin-bottom: 50px;
  padding-top: 260px;
	color: var(--color-back-w);
  font-family: "Condiment";
	font-size: var(--size-120);
  text-align: center;
	position: relative;
}
.top_area h2::before {
	content: '';
  width: 400px;
  aspect-ratio: 400 / 170;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	left: calc(50% - 200px);
}
.top_area h2 span {
  position: relative;
}
.top_area h2 span::after {
	content: '';
  width: 50px;
  aspect-ratio: 50 / 55;
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
  right: -65px;
}

@media screen and (max-width: 991px) {
  .top_area h2 {
  	margin-bottom: 40px;
    padding-top: 200px;
  	font-size: var(--size-100);
  }
  .top_area h2::before {
    width: 300px;
    top: 30px;
    left: calc(50% - 150px);
  }
  .top_area h2 span::after {
    width: 40px;
  	top: 10px;
    right: -50px;
  }
}
@media screen and (max-width: 575px) {
  .top_area h2 {
  	margin-bottom: 30px;
    padding-top: 140px;
  	font-size: var(--size-80);
  }
  .top_area h2::before {
    width: 200px;
    top: 20px;
    left: calc(50% - 100px);
  }
  .top_area h2 span::after {
    width: 40px;
  	top: 5px;
    right: -40px;
  }
}

/* ----- H3 ----- */
.top_area h3 {
	padding-bottom: 100px;
  font-family: "Tangerine";
	font-size: var(--size-80);
  text-align: center;
	position: relative;
}
.top_area h3::after {
	content: '';
  width: 2px;
  height: 80px;
  background: linear-gradient(180deg, var(--color-back-w), var(--color-ba-pu));
  border-radius: 1px;
	position: absolute;
	bottom: 20px;
	left: calc(50% - 1px);
}
.top_area h3 span {
  font-family: "Shippori Mincho B1";
  font-size: 40%;
}

@media screen and (max-width: 991px) {
  .top_area h3 {
  	padding-bottom: 80px;
  	font-size: var(--size-60);
  }
  .top_area h3::after {
    height: 60px;
  }
}
@media screen and (max-width: 575px) {
  .top_area h3 {
  	padding-bottom: 65px;
  	font-size: var(--size-50);
  }
  .top_area h3::after {
    height: 40px;
  }
  .top_area h3 span {
    font-size: 50%;
  }
}

/* ----- Img ----- */
.top_img {
  position: relative;
}
.top_img::before {
  content: '';
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px solid var(--color-ba-pu);
  position: absolute;
  top: 10px;
  left: 10px;
}
.top_img img {
  border-radius: 3px;
}

/* ----- Page Link ----- */
.page_link::before {
	background: var(--color-ba-btn);
}

/*** --------------- Header --------------- ***/
.head_area .head_menu .menu li a {
	color: var(--color-ba-main);
  letter-spacing: 0.12em;
}
.head_area .head_menu .menu li a::after {
	background: var(--color-ba-main);
}
.menu_btn .line {
	background: var(--color-ba-main);
}
.side_link li a::before {
	background: var(--color-ba-pu);
}

@media (max-width: 1399px) {
  .head_area .head_menu {
		gap: 30px;
	}
	.head_area .head_menu .menu li a {
		padding: 20px 30px;
	}
}
@media (max-width: 1199px) {
	.head_area .head_menu {
		gap: 30px;
	}
  .head_area .head_menu .menu li a {
		padding: 20px;
	}
}
@media screen and (max-width: 991px) {
	.head_area .head_menu .menu {
		border-bottom: 1px solid var(--color-ba-main);
	}
	.head_area .head_menu .menu li {
		border-top: 1px solid var(--color-ba-main);
	}
	.head_area .head_menu .menu li a::before {
		background: var(--color-ba-lp);
	}
}

/*** --------------- Vis Area --------------- ***/
.vis_area {
	background: var(--color-back-w);
}

/*** --------------- Insta Area --------------- ***/
.insta_area {
  padding: 60px 0 100px;
	background: var(--color-back-b);
}
.insta_area h2 {
  margin: 0;
  padding: 0;
  font-size: 0;
}
#sb_instagram .sb_instagram_header a {
  transition: 0.3s;
}
#sb_instagram .sb_instagram_header a:hover {
  opacity: 0.8;
}
#sb_instagram .sb_instagram_header h3 {
  font-family: "Condiment";
  font-size: var(--size-28);
  position: relative;
  top: 10px;
}
#sb_instagram #sbi_images {
  gap: 40px;
}
#sb_instagram .sbi_photo_wrap {
  transition: 0.3s;
}
#sb_instagram .sbi_photo_wrap:hover {
  opacity: 0.8;
}
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
  margin-top: 20px;
  padding: 20px 30px 10px;
  border-radius: 0;
  font-family: "Condiment", "Shippori Mincho B1", "Hiragino Mincho ProN", serif;
  font-size: var(--size-18);
  letter-spacing: 0.12em;
}
#sb_instagram #sbi_load .sbi_load_btn:focus,
#sb_instagram #sbi_load .sbi_load_btn:hover {
  box-shadow: inset 0 0 10px 30px var(--color-ba-main);
}
#sb_instagram .sbi_follow_btn a:focus,
#sb_instagram .sbi_follow_btn a:hover {
  box-shadow: inset 0 0 10px 30px var(--color-ba-btn);
}
#sb_instagram #sbi_load .sbi_follow_btn {
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .insta_area {
    padding: 40px 0 80px;
  }
  #sb_instagram #sbi_images {
    gap: 30px;
  }
}
@media screen and (max-width: 575px) {
  .insta_area {
    padding: 30px 10px 60px;
  }
  #sb_instagram .sb_instagram_header h3 {
    font-size: var(--size-24);
    top: 8px;
  }
  #sb_instagram #sbi_images {
    gap: 20px;
  }
  #sb_instagram #sbi_load .sbi_follow_btn {
    width: 100%;
    margin-left: 0;
  }
}

/*** --------------- Shop Area --------------- ***/
.shop_area.top_area {
	margin-top: 80px;
}
.shop_area h2 {
	margin-bottom: 100px;
}
.shop_area h2::before {
  background-image: url(../img/h2_shop_01.png);
}
.shop_area h2 span::after {
  background-image: url(../img/h2_shop_02.png);
}

@media screen and (max-width: 991px) {
	.shop_area.top_area {
		margin-top: 70px;
	}
  .shop_area h2 {
  	margin-bottom: 80px;
  }
}
@media screen and (max-width: 575px) {
	.shop_area.top_area {
		margin-top: 60px;
	}
  .shop_area h2 {
  	margin-bottom: 60px;
  }
}

/* ----- Shop Box ----- */
.shop_area .shop_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 100px;
}
.shop_area .shop_box .shop_left {
  width: calc(50% - 100px);
}
.shop_area .shop_box dl {
  width: 50%;
  position: relative;
}
.shop_area .shop_box dl::before {
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-ba-pu), var(--color-back-w));
  border-radius: 1px;
	position: absolute;
	top: 0;
  left: 0;
}
.shop_area .shop_box dl .shop_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0;
  position: relative;
}
.shop_area .shop_box dl .shop_item::before {
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-ba-pu), var(--color-back-w));
  border-radius: 1px;
	position: absolute;
	bottom: 0;
  left: 0;
}
.shop_area .shop_box dl dt {
  width: 200px;
  color: var(--color-ba-pu);
	font-family: "Condiment";
	font-size: var(--size-24);
  font-weight: normal;
  letter-spacing: 0.12em;
  text-align: center;
}
.shop_area .shop_box dl dd {
  width: calc(100% - 200px);
  margin: 0;
}
.shop_area .shop_box dl ul li {
  margin-top: 10px;
  padding-left: 25px;
  position: relative;
}
.shop_area .shop_box dl ul li:first-of-type {
  margin-top: 0;
}
.shop_area .shop_box dl ul li::before {
  content: '';
  width: 15px;
  height: 16px;
  background: var(--color-ba-pu);
  clip-path: path('M10.3379 0.529297C11.1094 0.715382 11.8352 1.0351 12.4756 1.47168C13.3854 2.23217 14.0841 3.18167 14.5137 4.24023C14.9431 5.29873 15.0914 6.43605 14.9453 7.55762C14.5143 10.8884 12.8025 13.703 11.1484 14.9365C10.5726 15.3889 9.88872 15.7106 9.15234 15.875C8.41603 16.0394 7.64787 16.0418 6.91016 15.8828C6.27687 15.6432 6.49694 14.6749 6.78223 13.4033C7.06775 12.1306 9.08003 2.93419 9.2334 2.14844C9.38613 1.36556 9.72402 0.52215 10.3379 0.529297ZM5.45605 0.161133C6.23378 -0.0115902 7.04033 -0.0458882 7.83203 0.0605469C8.40057 0.275109 8.35432 1.1754 8.16211 1.94727C7.9696 2.72049 5.91504 11.9169 5.63281 13.1865C5.35066 14.4558 5.14642 15.4291 4.46289 15.4238C3.71588 15.306 3.00951 15.0277 2.40137 14.6123C1.79326 14.1969 1.29959 13.6562 0.961914 13.0332C-0.0375876 11.3065 -0.417125 8.10105 0.600586 4.87891C0.942479 3.79466 1.56099 2.80097 2.40527 1.98047C3.24986 1.15977 4.29604 0.535969 5.45605 0.161133Z');
  position: absolute;
  top: 7px;
  left: 0;
}
.shop_area .shop_box dl ul li .zone {
  display: inline-block;
  width: 130px;
  position: relative;
}
.shop_area .shop_box dl ul li .zone::after {
  content: '';
  width: 45px;
  height: 1px;
  background: var(--color-back-w);
  border-radius: 1px;
  position: absolute;
  top: calc(50% - 0.5px);
  right: 15px;
}
.shop_area .shop_box dl .page_link {
  margin: 5px 0 0;
	padding: 15px 30px 5px 60px;
  border-color: var(--color-ba-pu);
	font-size: var(--size-18);
}
.shop_area .shop_box dl .page_link::after {
	content: none;
}
.shop_area .shop_box dl .page_link span::before {
	width: 20px;
	background-image: url(../img/icon_tel_w.png);
	top: calc(50% - 16px);
	left: -35px;
}
.shop_area .shop_box dl .map_box {
	width: calc(100% - 20px);
	height: 0;
	margin: 15px 0 5px;
	padding-top: 250px;
	position: relative;
}
.shop_area .shop_box dl .map_box iframe {
	width: 100%;
	height: 100%;
	filter: invert(1);
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 1399px) {
  .shop_area .shop_box dl dt {
    width: 150px;
  }
  .shop_area .shop_box dl dd {
    width: calc(100% - 150px);
  }
}
@media (max-width: 1199px) {
  .shop_area .shop_box {
    gap: 50px;
  }
  .shop_area .shop_box .shop_left {
    width: calc(40% - 50px);
  }
  .shop_area .shop_box dl {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .shop_area .shop_box .shop_left {
    width: 500px;
  }
  .shop_area .shop_box dl {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .shop_area .shop_box dl {
    width: 100%;
  }
  .shop_area .shop_box dl dt {
    width: 120px;
  }
  .shop_area .shop_box dl dd {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 575px) {
  .shop_area .shop_box {
    gap: 40px;
  }
  .shop_area .shop_box dl .shop_item {
    padding: 20px 15px;
  }
  .shop_area .shop_box dl dt {
    width: 100%;
  }
  .shop_area .shop_box dl dd {
    width: 100%;
    text-align: center;
  }
  .shop_area .shop_box dl ul li {
    text-align: left;
  }
  .shop_area .shop_box dl .map_box {
  	width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .shop_area .shop_box dl ul li .zone {
    width: 100%;
  }
  .shop_area .shop_box dl ul li .zone::after {
    width: calc(100% - 25px - 3em);
    right: 0;
  }

  .shop_area .shop_box dl ul li .time {
    display: inline-block;
    width: 100%;
    text-align: right;
  }
}

/*** --------------- About Area --------------- ***/
.about_area h2::before {
  background-image: url(../img/h2_about_01.png);
}
.about_area h2 span::after {
  background-image: url(../img/h2_about_02.png);
  top: -40px;
  right: -100px;
}

@media screen and (max-width: 991px) {
  .about_area h2 span::after {
    top: -30px;
    right: -80px;
  }
}
@media screen and (max-width: 575px) {
  .about_area h2 span::after {
    right: -60px;
  }
}

/* ----- About Box ----- */
.about_area .about_box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
.about_area .about_box .about_left {
  width: 50%;
}
.about_area .about_box .top_img {
  width: 400px;
  margin: 0 auto;
}
.about_area .about_box .top_img::before {
  border-color: var(--color-ba-lg);
}
.about_area .about_box .about_right {
  width: 50%;
}
.about_area .about_box .about_right p:first-of-type {
  margin: 0;
}
.about_area .about_box .btn_box {
  text-align: center;
}
.about_area .about_box .page_link {
  margin-top: 30px;
  padding-left: 60px;
  border-color: var(--color-ba-lg);
}
.about_area .about_box .page_link img {
  width: 30px;
  margin-right: 20px;
  position: relative;
  top: -10px;
}

@media (max-width: 1399px) {
  .about_area .about_box .about_left {
    width: 45%;
  }
  .about_area .about_box .about_right {
    width: 55%;
  }
}
@media (max-width: 1199px) {
  .about_area .about_box {
    gap: 50px;
  }
  .about_area .about_box .about_left {
    width: 100%;
  }
  .about_area .about_box .about_right {
    width: 70%;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .about_area .about_box .about_right {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .about_area .about_box .about_right {
    text-align: left;
  }
}
@media screen and (max-width: 575px) {
  .about_area .about_box .top_img {
    width: 100%;
    max-width: 300px;
  }
  .about_area .about_box .page_link {
    padding: 35px 20px 20px 20px;
  }
  .about_area .about_box .page_link::after {
    right: 10px;
    bottom: 10px;
  }
  .about_area .about_box .page_link:hover::after {
    right: 5px;
  }
}

/*** --------------- Menu Area --------------- ***/
.menu_area h2 {
  padding-top: 240px;
}
.menu_area h2::before {
  background-image: url(../img/h2_menu_01.png);
}
.menu_area h2 span::after {
  background-image: url(../img/h2_menu_02.png);
}
.menu_area .menu_text {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .menu_area h2 {
    padding-top: 180px;
  }
}
@media screen and (max-width: 767px) {
  .menu_area .menu_text {
    text-align: left;
  }
}
@media screen and (max-width: 575px) {
  .menu_area h2 {
    padding-top: 120px;
  }
}

/* ----- Menu Box ----- */
.menu_area .menu_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 1050px;
  min-height: 550px;
  margin: 150px auto 0;
  padding: 0 0 0 550px;
  position: relative;
}
.menu_area .menu_box:first-of-type {
  margin-top: 100px;
}
.menu_area .menu_box.right {
  padding: 0 550px 0 0;
}
.menu_area .menu_box h3::after  {
  background: linear-gradient(180deg, var(--color-back-w), var(--color-ba-ye));
}
.menu_area .menu_box .top_img {
  width: 400px;
  position: absolute;
  bottom: 0;
  left: 50px;
}
.menu_area .menu_box.right .top_img {
  right: 50px;
  left: auto;
}
.menu_area .menu_box .top_img::before {
  border-color: var(--color-ba-ye);
}
.menu_area .menu_box .text_box {
  padding: 30px 20px;
  position: relative;
}
.menu_area .menu_box.right .text_box {
  text-align: right;
}
.menu_area .menu_box .text_box::before {
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-ba-ye), var(--color-back-w));
  border-radius: 1px;
	position: absolute;
	top: 0;
  left: 0;
}
.menu_area .menu_box.right .text_box::before {
  background: linear-gradient(-90deg, var(--color-ba-ye), var(--color-back-w));
}
.menu_area .menu_box .text_box p:first-of-type {
  margin: 0;
}
.menu_area .menu_box .text_box p:last-of-type {
  position: relative;
}
.menu_area .menu_box .text_box p:last-of-type::after {
  content: '';
  width: calc(100% + 40px);
  height: 1px;
  background: linear-gradient(90deg, var(--color-ba-ye), var(--color-back-w));
  border-radius: 1px;
	position: absolute;
	bottom: -30px;
  left: -20px;
}
.menu_area .menu_box.right .text_box p:last-of-type::after {
  background: linear-gradient(-90deg, var(--color-ba-ye), var(--color-back-w));
}
.menu_area .menu_box .text_box .menu_title {
  font-size: var(--size-20);
}
.menu_area .menu_box .text_box h4 {
  margin-top: 35px;
  color: var(--color-ba-pi);
  font-family: "Condiment";
  font-size: var(--size-20);
  text-align: center;
  line-height: 0.8;
  position: relative;
}
.menu_area .menu_box .text_box h4.season {
  color: var(--color-ba-lb);
}
.menu_area .menu_box .text_box h4::after {
  content: '';
  width: 100%;
  height: 1px;
  background: var(--color-ba-pi);
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
}
.menu_area .menu_box .text_box h4.season::after {
  background: var(--color-ba-lb);
}
.menu_area .menu_box .text_box h4 span {
  display: inline-block;
  padding: 0 20px;
  background: var(--color-ba-main);
  position: relative;
  z-index: 1;
}
.menu_area .menu_box .text_box h4 + p {
  margin-top: 10px;
  font-size: var(--size-14);
  text-align: center;
}

@media (max-width: 1199px) {
  .menu_area .menu_box {
    width: 100%;
    min-height: 530px;
    padding: 0 0 0 calc(100% - 500px);
  }
  .menu_area .menu_box.right {
    padding: 0 calc(100% - 500px) 0 0;
  }
  .menu_area .menu_box .top_img {
    width: 380px;
    left: 0;
  }
  .menu_area .menu_box.right .top_img {
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  .menu_area .menu_box {
    align-items: center;
    width: 500px;
    min-height: auto;
    margin: 100px auto 0;
    padding: 0;
  }
  .menu_area .menu_box:first-of-type {
    margin-top: 80px;
  }
  .menu_area .menu_box.right {
    padding: 0;
  }
  .menu_area .menu_box .top_img {
    position: static;
  }
  .menu_area .menu_box .text_box {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .menu_area .menu_box {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .menu_area .menu_box {
    margin: 80px 0 0;
  }
  .menu_area .menu_box:first-of-type {
    margin-top: 60px;
  }
  .menu_area .menu_box .top_img {
    width: 100%;
    max-width: 300px;
  }
  .menu_area .menu_box .text_box {
    padding: 30px 10px;
  }
  .menu_area .menu_box.right .text_box {
    text-align: left;
  }
  .menu_area .menu_box .text_box p:last-of-type::after {
    width: calc(100% + 20px);
    left: -10px;
  }
  .menu_area .menu_box .text_box h4 + p {
    text-align: left;
  }
}

/* ----- Menu Btn ----- */
.menu_area .btn_box {
  margin-top: 120px;
  text-align: center;
}
.menu_area .page_link {
  margin-top: 0;
  padding-left: 60px;
  border-color: var(--color-ba-ye);
}
.menu_area .page_link img {
  width: 30px;
  margin-right: 20px;
  position: relative;
  top: -10px;
}

@media screen and (max-width: 991px) {
  .menu_area .btn_box {
    margin-top: 100px;
  }
}
@media screen and (max-width: 575px) {
  .menu_area .btn_box {
    margin-top: 80px;
  }
  .menu_area .page_link {
    padding: 35px 20px 20px 20px;
  }
  .menu_area .page_link::after {
    right: 10px;
    bottom: 10px;
  }
  .menu_area .page_link:hover::after {
    right: 5px;
  }
}

/*** --------------- Event Area --------------- ***/
.event_area h2 {
  padding-top: 240px;
}
.event_area h2::before {
  background-image: url(../img/h2_event_01.png);
}
.event_area h2 span::after {
  background-image: url(../img/h2_event_02.png);
  top: -40px;
  right: -100px;
}

@media screen and (max-width: 991px) {
  .event_area h2 {
    padding-top: 180px;
  }
  .event_area h2 span::after {
    top: -30px;
    right: -80px;
  }
}
@media screen and (max-width: 575px) {
  .event_area h2 {
    padding-top: 120px;
  }
  .event_area h2 span::after {
    right: -60px;
  }
}

/* ----- Event Box ----- */
.event_area .event_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.event_area .event_box .event_left {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: 50%;
  padding-right: 100px;
}
.event_area .event_box .top_img {
  width: 480px;
}
.event_area .event_box .top_img:nth-of-type(2) {
  margin-left: auto;
}
.event_area .event_box .top_img::before {
  border-color: var(--color-ba-re);
}
.event_area .event_box .event_right {
  width: 550px;
}
.event_area .event_box h3::after  {
  background: linear-gradient(180deg, var(--color-back-w), var(--color-ba-re));
}
.event_area .event_box .event_text {
  margin: 0;
  padding: 0 30px;
}
.event_area .event_box .event_ul {
  margin-top: 30px;
  padding: 20px 30px;
  position: relative;
}
.event_area .event_box .event_ul::before {
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-ba-re), var(--color-back-w));
  border-radius: 1px;
	position: absolute;
  top: 0;
  left: 0;
}
.event_area .event_box .event_ul li {
  margin-top: 10px;
  padding-left: 25px;
  position: relative;
}
.event_area .event_box .event_ul li:first-of-type {
  margin-top: 0;
}
.event_area .event_box .event_ul li::before {
  content: '';
  width: 15px;
  height: 16px;
  background: var(--color-ba-re);
  clip-path: path('M10.3379 0.529297C11.1094 0.715382 11.8352 1.0351 12.4756 1.47168C13.3854 2.23217 14.0841 3.18167 14.5137 4.24023C14.9431 5.29873 15.0914 6.43605 14.9453 7.55762C14.5143 10.8884 12.8025 13.703 11.1484 14.9365C10.5726 15.3889 9.88872 15.7106 9.15234 15.875C8.41603 16.0394 7.64787 16.0418 6.91016 15.8828C6.27687 15.6432 6.49694 14.6749 6.78223 13.4033C7.06775 12.1306 9.08003 2.93419 9.2334 2.14844C9.38613 1.36556 9.72402 0.52215 10.3379 0.529297ZM5.45605 0.161133C6.23378 -0.0115902 7.04033 -0.0458882 7.83203 0.0605469C8.40057 0.275109 8.35432 1.1754 8.16211 1.94727C7.9696 2.72049 5.91504 11.9169 5.63281 13.1865C5.35066 14.4558 5.14642 15.4291 4.46289 15.4238C3.71588 15.306 3.00951 15.0277 2.40137 14.6123C1.79326 14.1969 1.29959 13.6562 0.961914 13.0332C-0.0375876 11.3065 -0.417125 8.10105 0.600586 4.87891C0.942479 3.79466 1.56099 2.80097 2.40527 1.98047C3.24986 1.15977 4.29604 0.535969 5.45605 0.161133Z');
  position: absolute;
  top: 7px;
  left: 0;
}
.event_area .event_box .event_ul li:last-of-type::after {
  content: '';
  width: calc(100% + 60px);
  height: 1px;
  background: linear-gradient(90deg, var(--color-ba-re), var(--color-back-w));
  border-radius: 1px;
	position: absolute;
  bottom: -20px;
  left: -30px;
}
.event_area .event_box .event_memo {
  margin-top: 20px;
  font-size: var(--size-14);
  text-align: right;
}
.event_area .event_box .event_memo li {
  margin-top: 5px;
  position: relative;
}
.event_area .event_box .event_memo li:first-of-type {
  margin: 0;
}
.event_area .event_box .event_memo li::before {
  content: '＊';
  color: var(--color-ba-re);
}

@media (max-width: 1399px) {
  .event_area .event_box .event_left {
    padding-right: 80px;
  }
  .event_area .event_box .top_img {
    width: 420px;
  }
}
@media (max-width: 1199px) {
  .event_area .event_box {
    gap: 80px;
  }
  .event_area .event_box .event_left {
    width: 70%;
    padding-right: 0;
  }
  .event_area .event_box .top_img {
    width: 480px;
  }
}
@media screen and (max-width: 991px) {
  .event_area .event_box .event_left {
    width: 90%;
    gap: 60px;
  }
  .event_area .event_box .top_img {
    width: 450px;
  }
}
@media screen and (max-width: 767px) {
  .event_area .event_box .top_img {
    width: 400px;
  }
  .event_area .event_box .event_ul {
    padding: 20px;
  }
  .event_area .event_box .event_ul li:last-of-type::after {
    width: calc(100% + 40px);
    left: -20px;
  }
}
@media screen and (max-width: 575px) {
  .event_area .event_box {
    gap: 60px;
  }
  .event_area .event_box .event_left {
    width: 100%;
    gap: 40px;
  }
  .event_area .event_box .top_img {
    width: 100%;
    max-width: 300px;
  }
  .event_area .event_box .event_text {
    padding: 0 10px;
  }
  .event_area .event_box .event_memo {
    text-align: left;
    text-indent: -1rem;
    padding-left: 1rem;
  }
}

/*** --------------- Footer --------------- ***/
.foot_area .foot_box::before {
  background: var(--color-ba-pu);
}
.foot_area .foot_copy {
  color: var(--color-ba-pu);
}