/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Sans+SC:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap");
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 5px;
  height: auto;
  left: auto;
  top: 2px;
  right: 0;
  bottom: 2px;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  background-color: #fff;
  border-radius: 100px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 96px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  display: none !important;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 13px;
  padding-right: 0;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

#mCSB_1_container {
  transform: translate3d(0, 0, 0);
  width: 100% !important;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  display: none !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #FFA7A7;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #FFA7A7;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #FFA7A7;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  display: none !important;
}

/* GENERAL
* ----------------------------------------------- */
.article {
  background: #f5f5f5;
}

#content {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  color: black;
  box-sizing: border-box;
}
#content img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 896px) {
  #content {
    width: 100%;
  }
}

#footer .contain {
  display: none;
}

#tantomatsuri {
  word-break: break-all;
  color: #191919;
  padding-bottom: min(132px, 9.663250366vw);
  background: #fff;
}
@media (max-width: 896px) {
  #tantomatsuri {
    padding-bottom: 19.7333333333vw;
  }
}
#tantomatsuri .sp {
  display: none !important;
}
@media (max-width: 896px) {
  #tantomatsuri .sp {
    display: block !important;
  }
}
@media (min-width: 897px) {
  #tantomatsuri .pc {
    display: block !important;
  }
}
@media (max-width: 896px) {
  #tantomatsuri .pc {
    display: none !important;
  }
}
#tantomatsuri * {
  box-sizing: border-box;
}
#tantomatsuri a {
  opacity: 1;
  transition: ease 0.2s opacity;
}
@media (min-width: 897px) {
  #tantomatsuri a:hover {
    opacity: 0.85;
    transition: ease 0.2s opacity;
    text-decoration: none;
  }
}
#tantomatsuri ul, #tantomatsuri li {
  list-style: none;
}
#tantomatsuri img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
#tantomatsuri h3 {
  display: block;
  border: 0;
  padding: 0;
}
#tantomatsuri .content-wrapper {
  padding: 0 min(83px, 6.0761346999vw);
  width: 100%;
  max-width: min(1366px, 100vw);
  margin: 0 auto;
}
@media (max-width: 896px) {
  #tantomatsuri .content-wrapper {
    padding: 0;
  }
}
#tantomatsuri .trans {
  transition: all 0.3s ease;
}
@media (min-width: 897px) and (hover: hover) {
  #tantomatsuri .trans:hover {
    opacity: 0.8;
  }
}
#tantomatsuri .section01 {
  position: relative;
  background: #FEF4DB;
}
#tantomatsuri .section01 .image {
  position: relative;
}
#tantomatsuri .section01 .content-wrapper {
  padding: 0;
}
#tantomatsuri .bg-pink {
  background: #F25858;
  border-radius: min(24px, 1.756954612vw);
  margin: min(46px, 3.3674963397vw) 0 0 0;
  position: relative;
}
@media (max-width: 896px) {
  #tantomatsuri .bg-pink {
    border-radius: 6.4vw;
    margin: -7.2vw 0 0 0;
  }
}
#tantomatsuri .bg-pink::before {
  position: absolute;
  content: "";
  background: url("../img/deco.png") no-repeat center top;
  background-size: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 896px) {
  #tantomatsuri .bg-pink::before {
    background: url("../img/deco-sp.png") no-repeat center top;
    background-size: 100%;
  }
}
#tantomatsuri .section02 {
  background: #EF857D;
  border-top-left-radius: min(24px, 1.756954612vw);
  border-top-right-radius: min(24px, 1.756954612vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section02 {
    border-top-left-radius: 3.7333333333vw;
    border-top-right-radius: 3.7333333333vw;
    padding: 0.5333333333vw 4vw 0 4vw;
  }
}
@media (min-width: 897px) {
  #tantomatsuri .section02 .df {
    display: flex;
  }
}
#tantomatsuri .section02-ballon {
  margin: max(-42px, -3.074670571vw) max(-10px, -0.7320644217vw) max(-111px, -8.1259150805vw) max(-7px, -0.5124450952vw);
  width: min(495px, 36.2371888726vw);
  position: relative;
}
@media (max-width: 896px) {
  #tantomatsuri .section02-ballon {
    width: 89.8666666667vw;
    margin: 0 0 -16.5333333333vw auto;
  }
}
#tantomatsuri .section02-text {
  width: min(695px, 50.878477306vw);
  margin: 0 min(27px, 1.9765739385vw) 0 0;
  padding: min(78px, 5.710102489vw) 0 0 0;
  position: relative;
}
@media (max-width: 896px) {
  #tantomatsuri .section02-text {
    width: 100%;
    margin: 0;
    padding: 0 0 13.0666666667vw 0;
  }
}
#tantomatsuri .section02-ttl {
  margin: 0 0 min(13px, 0.9516837482vw) 0;
}
@media (max-width: 896px) {
  #tantomatsuri .section02-ttl {
    margin: 0 0 2.1333333333vw 0;
  }
}
#tantomatsuri .section02-sub-ttl {
  margin: 0 0 min(15px, 1.0980966325vw) min(4px, 0.2928257687vw);
  width: min(641px, 46.925329429vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section02-sub-ttl {
    margin: 0 auto 5.8666666667vw auto;
    width: 74.9333333333vw;
  }
}
#tantomatsuri .section02-date {
  margin: 0 0 0 min(5px, 0.3660322108vw);
  width: min(688px, 50.3660322108vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section02-date {
    width: 100%;
    margin: 0;
  }
}
#tantomatsuri .section03 {
  position: relative;
  padding: min(51px, 3.7335285505vw) min(39px, 2.8550512445vw) 0 min(39px, 2.8550512445vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section03 {
    padding: 13.3333333333vw 4vw 0 4vw;
  }
}
#tantomatsuri .section03-ttl {
  margin: 0 auto min(32px, 2.3426061493vw) auto;
  width: min(388px, 28.4040995608vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section03-ttl {
    margin: 0 auto 12vw auto;
    width: 88.2666666667vw;
  }
}
#tantomatsuri .section03-ttl img {
  margin: 0 0 0 min(3px, 0.2196193265vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section03-ttl img {
    margin: 0;
  }
}
@media (min-width: 897px) {
  #tantomatsuri .section03 .step {
    display: flex;
    justify-content: space-between;
    margin: 0 min(4px, 0.2928257687vw) 0 min(10px, 0.7320644217vw);
  }
}
@media (max-width: 896px) {
  #tantomatsuri .section03 .step {
    width: 83.2vw;
    margin: 0 auto;
  }
}
#tantomatsuri .section03 .step-item {
  width: min(348px, 25.4758418741vw);
  border-radius: min(24px, 1.756954612vw);
  background: #fff;
  text-align: center;
  position: relative;
}
@media (max-width: 896px) {
  #tantomatsuri .section03 .step-item {
    width: 100%;
    border-radius: 6.4vw;
  }
}
#tantomatsuri .section03 .step-item-photo {
  line-height: 0;
}
#tantomatsuri .section03 .step-item-number {
  position: absolute;
  top: max(-15px, -1.0980966325vw);
  left: max(-13px, -0.9516837482vw);
  width: min(84px, 6.149341142vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section03 .step-item-number {
    top: -3.4666666667vw;
    left: -2.6666666667vw;
    width: 20vw;
  }
}
@media (max-width: 896px) {
  #tantomatsuri .section03 .step-item + .step-item {
    margin: 14.9333333333vw 0 0 0;
  }
}
#tantomatsuri .section03 .step-item + .step-item::before {
  position: absolute;
  content: "";
  background: url("../img/arrow.png") no-repeat center center;
  background-size: min(21px, 1.5373352855vw);
  top: max(-31px, -2.2693997072vw);
  left: max(-26px, -1.9033674963vw);
  bottom: 0;
  width: min(21px, 1.5373352855vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section03 .step-item + .step-item::before {
    background: url("../img/arrow.png") no-repeat center center;
    background-size: 5.6vw;
    transform: rotate(90deg);
    left: 0;
    right: 0;
    top: -13.8666666667vw;
    width: 5.6vw;
    height: 11.2vw;
    margin: 0 auto;
  }
}
#tantomatsuri .section03 .step-txt {
  font-size: min(18px, 1.317715959vw);
  line-height: min(26px, 1.9033674963vw);
  letter-spacing: 0;
  font-weight: 500;
  position: absolute;
  bottom: min(29px, 2.1229868228vw);
  left: min(30px, 2.196193265vw);
  right: min(20px, 1.4641288433vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section03 .step-txt {
    font-size: 4vw;
    line-height: 5.8666666667vw;
    bottom: 8vw;
    left: 4vw;
    right: 4vw;
  }
}
#tantomatsuri .section04 {
  position: relative;
  padding: min(85px, 6.2225475842vw) min(39px, 2.8550512445vw) 0 min(39px, 2.8550512445vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section04 {
    padding: 21.3333333333vw 4vw 0 4vw;
  }
}
#tantomatsuri .section04-ttl {
  margin: 0 auto min(18px, 1.317715959vw) auto;
  width: min(609px, 44.5827232796vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section04-ttl {
    margin: 0 auto 7.7333333333vw auto;
    width: 70.9333333333vw;
  }
}
#tantomatsuri .section04-ttl img {
  margin: 0 0 0 min(12px, 0.878477306vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section04-ttl img {
    margin: 0;
  }
}
#tantomatsuri .section04 .campaign-item-ttl {
  line-height: 0;
}
@media (min-width: 897px) {
  #tantomatsuri .section04 .campaign-item-df {
    display: flex;
    justify-content: center;
    background: #fff;
    border-bottom-left-radius: min(24px, 1.756954612vw);
    border-bottom-right-radius: min(24px, 1.756954612vw);
  }
}
#tantomatsuri .section04 .campaign-item-photo {
  line-height: 0;
}
#tantomatsuri .section04 .campaign-item-photo img {
  width: 100%;
  height: auto;
}
#tantomatsuri .section04 .campaign-item + .campaign-item {
  margin: min(21px, 1.5373352855vw) 0 0 0;
}
@media (max-width: 896px) {
  #tantomatsuri .section04 .campaign-item + .campaign-item {
    margin: 5.3333333333vw 0 0 0;
  }
}
#tantomatsuri .section04-note {
  font-size: min(12px, 0.878477306vw);
  line-height: min(16px, 1.1713030747vw);
  letter-spacing: 0;
  margin: min(21px, 1.5373352855vw) max(-10px, -0.7320644217vw) 0 min(10px, 0.7320644217vw);
  color: #fff;
}
@media (max-width: 896px) {
  #tantomatsuri .section04-note {
    font-size: 3.2vw;
    line-height: 4.2666666667vw;
    margin: 3.2vw 0 0 0;
  }
}
#tantomatsuri .section05 {
  position: relative;
  padding: min(91px, 6.6617862372vw) min(38px, 2.7818448023vw) 0 min(38px, 2.7818448023vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section05 {
    padding: 21.3333333333vw 4vw 0 4vw;
  }
}
#tantomatsuri .section05-ttl {
  margin: 0 auto min(25px, 1.8301610542vw) auto;
  width: min(389px, 28.4773060029vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section05-ttl {
    margin: 0 auto 7.7333333333vw auto;
    width: 82.9333333333vw;
  }
}
#tantomatsuri .section05-ttl img {
  margin: 0 0 0 max(-5px, -0.3660322108vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section05-ttl img {
    margin: 0 0 0 0.8vw;
  }
}
@media (max-width: 896px) {
  #tantomatsuri .section05 .box-inner {
    padding: 0 9.3333333333vw 0 4.5333333333vw;
  }
}
#tantomatsuri .section06 {
  position: relative;
  padding: min(56px, 4.0995607613vw) min(38px, 2.7818448023vw) min(59px, 4.3191800878vw) min(38px, 2.7818448023vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section06 {
    padding: 21.8666666667vw 4vw 10.4vw 4vw;
  }
}
#tantomatsuri .section06-ttl {
  margin: 0 auto min(25px, 1.8301610542vw) auto;
  width: min(206px, 15.0805270864vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section06-ttl {
    margin: 0 auto 8vw auto;
    width: 43.7333333333vw;
  }
}
#tantomatsuri .section06-ttl img {
  margin: 0 0 0 max(-10px, -0.7320644217vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section06-ttl img {
    margin: 0;
  }
}
#tantomatsuri .section06 .box {
  height: min(438px, 32.0644216691vw);
}
@media (max-width: 896px) {
  #tantomatsuri .section06 .box {
    height: 122.4vw;
  }
}
@media (min-width: 897px) {
  #tantomatsuri .section06 .box-inner {
    padding: min(20px, 1.4641288433vw) min(42px, 3.074670571vw) min(20px, 1.4641288433vw) min(42px, 3.074670571vw);
  }
}
#tantomatsuri .box {
  background: #fff;
  border-radius: min(24px, 1.756954612vw);
  color: #000;
  padding: 0 0 2px 0;
  height: min(246px, 18.0087847731vw);
  position: relative;
  box-sizing: border-box;
  padding: min(12px, 0.878477306vw) 0 min(12px, 0.878477306vw) 0;
}
@media (max-width: 896px) {
  #tantomatsuri .box {
    border-radius: 6.4vw;
    height: 93.0666666667vw;
    padding: 7.2vw 0 7.2vw 0;
  }
}
@media (min-width: 897px) {
  #tantomatsuri .box::before, #tantomatsuri .box::after {
    position: absolute;
    content: "";
    left: min(42px, 3.074670571vw);
    right: min(42px, 3.074670571vw);
    height: min(20px, 1.4641288433vw);
    background: #fff;
    z-index: 1;
  }
  #tantomatsuri .box::before {
    top: min(12px, 0.878477306vw);
  }
  #tantomatsuri .box::after {
    bottom: min(12px, 0.878477306vw);
  }
}
#tantomatsuri .box-inner {
  padding: min(15px, 1.0980966325vw) min(42px, 3.074670571vw) min(15px, 1.0980966325vw) min(42px, 3.074670571vw);
  box-sizing: border-box;
}
@media (max-width: 896px) {
  #tantomatsuri .box-inner {
    padding: 0 9.3333333333vw 0 4.5333333333vw;
  }
}
#tantomatsuri .box .txt {
  font-size: min(16px, 1.1713030747vw);
  line-height: min(27px, 1.9765739385vw);
  letter-spacing: 0;
  font-weight: 400;
}
@media (max-width: 896px) {
  #tantomatsuri .box .txt {
    font-size: 4.2666666667vw;
    line-height: 7.2vw;
    word-break: break-all;
  }
}
#tantomatsuri .box .mt {
  margin-top: min(32px, 2.3426061493vw);
}
@media (max-width: 896px) {
  #tantomatsuri .box .mt {
    margin-top: 7.2vw;
  }
}
#tantomatsuri .box .df {
  display: flex;
}
#tantomatsuri .box .df span:first-child {
  white-space: nowrap;
}
@media (min-width: 897px) {
  #tantomatsuri .box .mCSB_scrollTools {
    width: min(13px, 0.9516837482vw);
    right: min(10px, 0.7320644217vw);
  }
}
@media (max-width: 896px) {
  #tantomatsuri .box .mCSB_scrollTools {
    width: 3.4666666667vw;
    right: 2.6666666667vw;
  }
}
#tantomatsuri .box .mCSB_container_wrapper {
  bottom: 0;
}
#tantomatsuri .box .mCSB_container {
  position: relative !important;
  left: 0 !important;
}
#tantomatsuri .group-btn {
  text-align: center;
  padding: min(106px, 7.7598828697vw) 0 0 0;
}
@media (max-width: 896px) {
  #tantomatsuri .group-btn {
    padding: 14.9333333333vw 0 0 0;
  }
}
#tantomatsuri .group-btn-ttl {
  margin: 0 auto min(11px, 0.8052708638vw) auto;
  font-size: min(30px, 2.196193265vw);
  line-height: min(45px, 3.2942898975vw);
  letter-spacing: -0.04em;
  font-weight: 900;
  background: url("../img/ttl-deco.png") no-repeat center top;
  background-size: min(449px, 32.8696925329vw);
}
@media (min-width: 897px) {
  #tantomatsuri .group-btn-ttl {
    transform: translateX(max(-10px, -0.7320644217vw));
  }
}
@media (max-width: 896px) {
  #tantomatsuri .group-btn-ttl {
    font-size: 6.1333333333vw;
    line-height: 9.3333333333vw;
    background-size: 92vw;
    margin: 0 auto 3.7333333333vw auto;
  }
}
#tantomatsuri .group-btn .btn-cus {
  width: min(738px, 54.0263543192vw);
  margin: 0 auto;
  box-shadow: 0 min(5px, 0.3660322108vw) min(11px, 0.8052708638vw) 0 rgba(162, 162, 162, 0.85);
  -webkit-box-shadow: 0 min(5px, 0.3660322108vw) min(11px, 0.8052708638vw) 0 rgba(162, 162, 162, 0.85);
  -moz-box-shadow: 0 min(5px, 0.3660322108vw) min(11px, 0.8052708638vw) 0 rgba(162, 162, 162, 0.85);
  border-radius: min(15px, 1.0980966325vw);
  line-height: 0;
}
@media (max-width: 896px) {
  #tantomatsuri .group-btn .btn-cus {
    width: 93.6vw;
    box-shadow: 0 1.3333333333vw 2.9333333333vw 0 rgba(162, 162, 162, 0.85);
    -webkit-box-shadow: 0 1.3333333333vw 2.9333333333vw 0 rgba(162, 162, 162, 0.85);
    -moz-box-shadow: 0 1.3333333333vw 2.9333333333vw 0 rgba(162, 162, 162, 0.85);
    border-radius: 4vw;
  }
}