@charset "UTF-8";

/*
**************************************************************************
*	marugame-seimen sougyousai style.css
**************************************************************************/


/* --------------------------------------------------
		override
-------------------------------------------------- */
.o-header {
	z-index: 18;
}
.o-mobile-header {
	z-index: 20;
}
.o-mobile-navbar {
	z-index: 19;
}
:root {
	--bw: 17px;
	--vh: 100vh;
	--px: 10px;
	--fs: 62.5%;
}
@media screen and (min-width: 768px) {
	#component-statement {
		width: 480px;
		margin-left: calc(50% + 60px);
		position: relative;
		z-index: 2;
		pointer-events: none;
	}
	#component-statement * {
		pointer-events: auto;
	}
	.o-statement__content-wrapper {
		margin-bottom: 0;
		background-color: #fbf7ef;
		background-image: linear-gradient(180deg, transparent 128px, #fcefce 0, #fcefce);
		overflow: hidden;
	}
	.o-statement-top {
		align-items: center;
		flex-direction: row;
	}
	.o-statement-top__heading {
		font-size: 26px;
	}
	.o-statement-top__sentence-wrapper {
		margin-top: 0;
	}
	.o-statement-bottom {
	}
	.o-statement-bottom__background {
		aspect-ratio: 472 / 400;
	}
	.o-statement-bottom__content {
		flex-direction: column;
		padding: 40px 30px;
	}
	.o-statement-bottom__heading {
		font-size: 32px;
		line-height: 50px;
	}
	.o-statement-bottom__button {
		justify-content: center;
	}
	.a-button[data-size=small] {
		min-height: 42px;
		width: min(200px, 100%);
	}
	#component-footer {
		position: relative;
		z-index: 2;
	}
}
@media screen and (min-width: 768px) and (max-width: 1457px) {
	#component-statement {
		margin-left: auto;
		margin-right: 160px;
	}
}


/* --------------------------------------------------
		parts
-------------------------------------------------- */
.sougyousai {
	position: relative;
	line-height: 1;
	font-size: var(--fs);
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", sans-serif;
}
.sougyousai-bg {
	display: none;
}
.sougyousai-wrap {
	position: relative;
	z-index: 2;
	background-image: url("../images/bg_sp.webp");
	background-position: center top;
	background-size: 100% auto;
	background-repeat: repeat-y;
	overflow: hidden;
}
.bold {
	font-family: YuGothic, "Yu Gothic", sans-serif;
	font-weight: bold;
}
.l-cts {
	position: relative;
	z-index: 2;
	pointer-events: none;
}
.l-cts__wrap {
	position: relative;
	pointer-events: auto;
}
.l-cts__inner {
	position: relative;
	padding: 0 4%;
}
.js-fade,
.js-fadeIn {
	position: relative;
	opacity: 0;
}
.c-button--a {
	margin-top: 3.0em;
	display: block;
	background-color: #ffffff;
	box-shadow: 0 0.4em 0 rgba(0, 0, 0, 0.2);
	border-radius: 1.0em 1.0em;
	text-align: center;
}
.c-button--a span {
	display: inline-block;
	width: 20em;
	padding: 4.3em 0;
}
@media screen and (max-width: 767.9px) {
	.u-pc {
		display: none;
	}
	.u-ancher {
		padding-top: 12.0em;
		margin-top: -12.0em;
	}
}
@media screen and (min-width: 768px) {
	.u-sp {
		display: none;
	}
	.u-ancher {
		padding-top: 80px;
		margin-top: -80px;
	}
	.sougyousai-bg {
		position: absolute;
		display: block;
		top: -80px;
		left: 0;
		width: 100%;
		height: calc(100% + 80px);
	}
	.sougyousai-wrap {
		width: 480px;
		margin-left: calc(50% + 60px);
		pointer-events: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1457px) {
	.sougyousai-wrap {
		margin-left: auto;
		margin-right: 160px;
	}
}


/* --------------------------------------------------
		sougyousai-bg
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.sougyousai-bg__image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
	.sougyousai-bg__image .unit {
		position: sticky;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
	}
	.sougyousai-bg__image .unit .bg {
		position: relative;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.sougyousai-bg__image .unit .confettis {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.sougyousai-bg__image .unit .confetti {
		position: absolute;
		transform-origin: center center;
	}
	.sougyousai-bg__image .unit .confetti.c--01 {
		width: 22px;
	}
	.sougyousai-bg__image .unit .confetti.c--02 {
		width: 28px;
	}
	.sougyousai-bg__image .unit .confetti.c--03 {
		width: 24px;
	}
	.sougyousai-bg__image .unit .confetti.c--04 {
		width: 27px;
	}
	.sougyousai-bg__image .unit .confetti.c--05 {
		width: 29px;
	}
	.sougyousai-bg__image .unit .confetti.c--06 {
		width: 25px;
	}
	.sougyousai-bg__image .unit .confetti.c--07 {
		width: 18px;
	}
	.sougyousai-bg__image .unit .confetti.c--08 {
		width: 24px;
	}
	.sougyousai-bg__image .unit .confetti.c--09 {
		width: 20px;
	}
	.sougyousai-bg__image .unit .confetti.c--10 {
		width: 16px;
	}
	.sougyousai-bg__image .unit .confetti.c--11 {
		width: 25px;
	}
	.sougyousai-bg__image .unit .confetti.c--12 {
		width: 30px;
	}
	.sougyousai-bg__image .unit .confetti img {
		position: relative;
		transform-origin: center center;
		max-width: none;
	}
	.sougyousai-bg__nav {
		z-index: 2;
		position: sticky;
		top: 210px;
    width: calc(50% + 288px);
		padding-bottom: 60px;
	}
	.sougyousai-bg__nav .list {
		max-width: 528px;
		padding: 0 40px;
		margin: 0 auto;
	}
	.sougyousai-bg__nav .list li + li {
		margin-top: 26px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1457px) {
	.sougyousai-bg__nav {
		width: calc(100% - 550px - 60px);
	}
}
@media screen and (max-width: 977px) {
	.sougyousai-bg__nav .list {
		display: none;
	}
}


/* --------------------------------------------------
		visual
-------------------------------------------------- */
.visual .l-cts__wrap {
	background-image: url("../images/bg_sp.webp");
	background-position: center center;
	background-size: cover;
}
.visual .l-cts__inner {
	padding: 10.5em 0 7.2em;
}
.visual__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.visual__bg .kirakira {
	position: absolute;
	transition: top 2.0s cubic-bezier(0.25, 1, 0.5, 1);
}
.visual__bg .kirakira.kirakira--01 {
	width: 15.5%;
  top: -100%;
  left: 81%;
}
.visual__bg.is-show .kirakira.kirakira--01 {
	transition-delay: 0.2s;
	top: 30.5em;
}
.visual__bg .kirakira.kirakira--02 {
	width: 13%;
	top: -100%;
	left: 3%;
}
.visual__bg.is-show .kirakira.kirakira--02 {
	transition-delay: 0.4s;
	top: 31em;
}
.visual__days {
	position: absolute;
	top: 0;
	left: 0;
	width: 56%;
}
.visual__logo {
	position: absolute;
  width: 67%;
  margin: 0 auto 0.3em;
  z-index: 3;
  top: 24.6%;
  left: 0;
  right: 0;
	opacity: 0;
}
.visual__logo .title {
	position: relative;
	opacity: 0;
}
.visual__logo .title.is-clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.visual__lead {
	width: 92%;
	margin: 0 auto 3.2em;
	position: relative;
	opacity: 0;
}
.visual__text {
	color: #000000;
	font-size: 3.0em;
	line-height: 1.5;
	text-align: center;
	position: relative;
	opacity: 0;
}
@media screen and (max-width: 767.9px) {
	.visual__bg.is-show .kirakira.kirakira--01{
		top: 36.5em;
	}
	.visual__bg.is-show .kirakira.kirakira--02{
		top: 37em;
	}
}

/* --------------------------------------------------
		introduction
-------------------------------------------------- */
.introduction .l-cts__wrap {
	background: linear-gradient(#FFE7C4, #FFFFFF);
	padding: 0em 0em 1em;
}
.introduction__title{
	width: 100%;
  margin: 0 auto 3.5em;
	opacity: 0;
}

.introduction__text{
	color: #000000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.75;
  opacity: 0;
}

.introduction__text > img{
	padding:  0 16px 1.8em;
}

@media screen and (max-width: 767.9px) {
	.introduction__text > img{
	padding:  0 0 0em;
}
}


.introduction__text p{
  margin: 0 0 1.8em 0;
}

.introduction__text p span{
	font-size: 14px;
	line-height: 1.4;
}

.introduction__bg {
	position: relative;
	opacity: 0;
	z-index: 2;
}

.introduction__bg .kirakira{
	position: absolute;
}

.introduction__bg .kirakira--03{
	right: 0em;
	top: 18em;
	width: 10%;
}

.introduction__bg .kirakira--04{
	top: 15em;
	left: 2em;
	width: 11%;
}

.kirakira--05{
	bottom: -8.2em;
  left: -3em;
  width: 14%;
}

@media screen and (max-width: 767.9px) {
	.introduction .l-cts__wrap{
		padding: 0em 0em 6em;
	}
	.introduction__text p {
    margin: 0 0 1.5em 0;
	}
	.introduction__bg .kirakira--03 {
    right: 1em;
    top: 21em;
}
	.introduction__bg .kirakira--04{
		left: 1em;
	}
	.introduction__bg .kirakira--06{
		position: absolute;
    right: -1.2em;
    bottom: 20em;
	}

	.introduction__text{padding-inline: 16px;}
}

/* --------------------------------------------------
		schedule
-------------------------------------------------- */
.schedule .l-cts__wrap {
	padding: 5.6em 0 0em;
}
.schedule__title {
	width: 46.66666666666667%;
	margin: -3.1em auto 4.0em;
}
.schedule__list li + li {
	margin-top: 3.5em;
}
@media screen and (max-width: 767.9px) {
	.schedule .l-cts__wrap{
		padding: 9.6em 0 0em;
	}
	.schedule__list li + li{
		margin-top: 4.5em;
	}
}

/* --------------------------------------------------
		event
-------------------------------------------------- */
.event-01{background-color: #fff;}


.event .l-cts__wrap {
	padding-bottom: 9.0em;
}

.event-01.event .l-cts__wrap{padding-block-end: 0;}

.event-02.event .l-cts__wrap{padding-block-end: 3em;}

.event__title {
	position: relative;
	z-index: 2;
	padding-top: 0em;
}

.event-01 .event__title > img{margin-block-start: 0rem;}

.event__title .badge {
	display: block;
  position: absolute;
  z-index: 1;
  width: 22%;
  left: 1em;
  top: -1.5em;
}
.event-01__title span{
	top: -14px;
}
/* .event__date {
	margin: 0 -4.347826086956522%;
	padding: 2.3em 4.347826086956522%;
	background-image: url("../img/bg_03.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
} */
.event__unit {
	padding: 0 4.347826086956522%;
}
.event__text {
	color: #000000;
	font-size: 3.0em;
	line-height: 1.5;
}
.event__text .line {
	background-color: #ffed55;
}
.event__note {
	color: #666666;
	font-size: 2.4em;
	line-height: 1.5;
}
.event__item {
	position: relative;
	margin: 0 -4.347826086956522% 6.0em;
}
.event__item .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.event__item .bg .cloud {
	position: absolute;
}
.event__item .bg .cloud.kirakira--01 {
	width: 54.4%;
	top: -0.5em;
	left: -23.73333333333333%;
}
.event__item .bg .cloud.cloud--02 {
	width: 104%;
	bottom: -7.0em;
	left: -61.06666666666667%;
}
/* .event__item .date {
	position: absolute;
	bottom: 0;
	left: 8%;
	z-index: 1;
	width: 84%;
	padding: 2.3em 0;
	background-image: url("../img/bg_03.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 108.695652173913% auto;
	border-radius: 5.0em 5.0em;
} */



/* --------------------------------------------------
		event-01
-------------------------------------------------- */
.event-01 .event__item .copy {
	position: absolute;
	width: 14.66666666666667%;
	top: 3.0em;
	left: 78.66666666666667%;
}
.event-01 .event__unit {
	margin-bottom: 9.0em;
}
.event-01__place .title {
	margin-bottom: 3.0em;
}
.event-01__place .lead {
	font-size: 3.2em;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 0.625em;
}
.event-01__place .date {
	font-size: 3.6em;
	text-align: center;
	margin-bottom: 1.667em;
}
.event-01__place .date span {
	display: inline-block;
	padding: 0.278em 0.556em;
	border: 0.112em solid #ffffff;
}
.event-01__place .list {
	display: flex;
	flex-wrap: wrap;
	margin: -3.0em -2.173913043478261% 6.0em;
}
.event-01__place .list li {
	width: 50%;
	margin-top: 3.0em;
	padding: 0 2.083333333333333%;
}
.event-01__place .list li a {
	position: relative;
	display: block;
	border-radius: 2.0em 2.0em;
	overflow: hidden;
}
.event-01__place .list li a.is-end {
	pointer-events: none;
}
.event-01__place .list li a.is-end::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.event-01__place .list li a.is-end img {
	opacity: 0.25;
}
.event-01__place .note {
	font-size: 3.0em;
	line-height: 1.5;
}
.event-01__mentaku .image {
	position: relative;
	z-index: 1;
	margin: -5.0em -4.347826086956522% 0;
}
.event-01__mentaku .list li + li {
	margin-top: 9.0em;
}
.event-01__mentaku .list li .title {
	position: relative;
	margin: 0 -4.347826086956522% 3.0em;
	padding: 0 4.347826086956522%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.event-01__mentaku .list li .title span {
	display: inline-block;
}
/* .event-01__mentaku .list li:nth-of-type(1) .title {
	text-align: right;
	margin-top: -3.0em;
	height: 13em;
	padding-top: 3.0em;
	background-image: url("../img/event01_07.webp");
} */
.event-01__mentaku .list li:nth-of-type(1) .title span {
	width: 55.65217391304348%;
}
/* .event-01__mentaku .list li:nth-of-type(2) .title {
	height: 15em;
	padding-top: 4.2em;
	background-image: url("../img/event01_09.webp");
} */
.event-01__mentaku .list li:nth-of-type(2) .title span {
	width: 31.30434782608696%;
}
.event-01__mentaku .list li .event__unit {
	margin-bottom: 0;
}
.event-01__mentaku .list li .button {
	margin-top: 3.0em;
}
@media screen and (min-width: 768px) {
}
/* ----------------元event02------------------------ */

/* --------------------------------------------------
		event-02
-------------------------------------------------- */
.event-03{top: 2rem;}

.event-03 .event__unit {
	margin-bottom: 6.0em;
}
/* .event-03 .event__text {
	margin-bottom: 1.333333333333333em;
	padding-bottom: 1.333333333333333em;
	background-image: url("../img/line_01.webp");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
} */
.event-03__detail {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.event-03__detail .image {
	width: 38.0952380952381%;
	opacity: 0.2;
}
.event-03__detail .body {
	width: 57.14285714285714%;
}
.event-03__detail .body > * {
	opacity: 0.2;
}
.event-03__detail .body .note {
	color: #666666;
	font-size: 2.0em;
	line-height: 1.4;
	margin: 1.0em -1.2em 0 0;
}
.event-03__detail .end {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 29.76190476190476%;
	width: 40.47619047619048%;
	opacity: 1;
}
.event-03__udonday {
	border: 0.8em solid #c81233;
	border-radius: 2.0em 2.0em;
	padding: 2.2em 5.36231884057971% 3.2em;
	background-color: #ffffff;
}
.event-03__udonday .title {
	margin-bottom: 4.0em;
	padding-bottom: 2.0em;
	border-bottom: 0.8em solid #c81233;
}
.event-03__udonday .text {
	margin: 0 3.333333333333333% 1.0em;
	padding-bottom: 0;
	background-image: none;
}
.event-03__udonday .note {
	margin: 0 3.333333333333333%;
}
.event-03__button a {
	pointer-events: none;
	opacity: 0.3;
}
@media screen and (min-width: 768px) {
}

/* ---------------------------------------- */

/* --------------------------------------------------
		event-03
-------------------------------------------------- */
.event-02 .event__text {
	margin-bottom: 1.0em;
}
.event-02__list {
	width: 84.05797101449275%;
	margin: 4.0em auto;
}
.event-02__list .item {
	padding: 0 0.5em;
}
.event-02__list .slick-list {
	overflow: visible;
}
@media screen and (min-width: 768px) {
}

/* --------------------------------------------------
		sougyouai-logo
-------------------------------------------------- */
.sougyouai-logo .l-cts__wrap {
	padding: 6.0em 0;
	background-color: #fbf7ef;
}
.sougyouai-logo__logo {
	width: 92.7536231884058%;
	margin: 0 auto 2.0em;
}
@media screen and (min-width: 768px) {
}


/* --------------------------------------------------
		fixednav
-------------------------------------------------- */
@media screen and (min-width: 768px) {
}


/* --------------------------------------------------
		modal
-------------------------------------------------- */
@media screen and (min-width: 768px) {
}


/* --------------------------------------------------
		※※※※※
-------------------------------------------------- */
@media screen and (min-width: 768px) {
}


/* --------------------------------------------------
		2024創業祭追加
-------------------------------------------------- */

.visual__line__top{
	position: absolute;
  bottom: 0;
}
.visual__line__bottom{
  bottom: -20px;
  z-index: 3;
}
.event__title__no1{
	width: 22%;
  position: absolute;
  top: -30px;
  z-index: 3;
  left: 10px;
}
.event__title__img{
	position: relative;
  top: -16px;
}
.event__introduction{
  position: relative;
  top: 0em;
  margin: 0 16px;
}
.event__introduction p{
	font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
	color: #101F43;
}
.event__introduction_note{
	font-size: 14px;
	color: #101F43;
	margin-block-start: 24px;
	font-weight: bold;
	position: relative;
	margin-inline: 16px;
}
.event-01__mensyo{
	position: relative;
	margin-block-start: 24px;
	
	padding-block-start: 90px;
}

.event_bg_inner{
background-color: #FFF5E5;
}

.event-01__mensyo::before{
	content: '';
	width: 100%;
	height: 90px;
	background: url(../images/bg_wave01.webp)no-repeat top center;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0px;
}

.event-01__mensyo__box{position: relative;}

.event-01__mensyo__box::after{
	content: '';
	width: 117px;
	height: 117px;
	background: url(../images/bg_square.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	bottom: 0.4rem;
	left: -0.8rem;
	opacity: 0.3;
	z-index: -1;
}

.event-01__mensyo__img{
	width: 78.5%;
	position: relative;
	margin-inline: auto 0;
	right: -2rem;
	padding-block-start: 2rem;
}

.event-01__mensyo__img::before{
	content: '';
	width: 117px;
	height: 117px;
	background: url(../images/bg_square.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 2rem;
	opacity: 0.3;
	z-index: -1;
}


.event-01__mensyo__name{
	width: 30%;
  position: absolute;
  z-index: 999;
  top: 2rem;
  left: 10%;
}
.event-01__mensyo__text,.event-01__mensyokunin__text{
	font-size: 16px;
  font-weight: bold;
  color: #101F43;
  line-height: 1.5;
  margin: 1.6em 0 0em;
}
.event-01__mensyo__text span{
	display: block;
	font-size: 14px;
	margin: 1.6em 0 0 0;
}
.event-01__mensyokunin__name{
	width: 17%;
    position: absolute;
    right: 11%;
    z-index: 5;
}
.event-01__mensyokunin{
	position: relative;
}

.event-01__mensyokunin__text span{
	display: block;
	font-size: 14px;
	margin: 1.6em 0 0 0;
}

.event-01__mensyokunin .event_bg_inner{padding-block-start: 2rem;}

.event-01__mensykunin__box{position: relative;}

.event-01__mensykunin__box::before{
	content: '';
	width: 117px;
	height: 117px;
	background: url(../images/bg_square.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 12rem;
	right: 0rem;
	opacity: 0.3;
}

.event-01__mensykunin__box::after{
	content: '';
	width: 100%;
	height: 90px;
	background: url(../images/bg_wave01.webp)no-repeat top center;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: -90px;
	transform: rotate(180deg);
}


.event-01__mensyokunin__img{
	position: relative;
	top: 0;
	left: -2.4rem;
	z-index: 3;
	width: 71%;
}

.event-01__mensyokunin__img::before{
	content: '';
	width: 117px;
	height: 117px;
	background: url(../images/bg_square.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: -2rem;
	right: -3.5rem;
	opacity: 0.3;
	z-index: -1;
}



.mensyokunin__button a{
	display: block;
  text-align: center;
  font-size: 16px;
  background-color: #17224B;
  color: #ffffff;
  border-radius: 0.5847em 0.5847em;
  margin: 2.7em 0 2.55em 0;
}
.mensyokunin__button a span{
	display: inline-block;
  padding: 1.615em  1.615em;
  background-image: url("../images/mensyokunin_icon.webp");
  background-size: 0.7em auto;
  background-position: right 20px center;
  width: 100%;
}

.menshokunin_schedule_box{padding: 0;}

.event-01__mensyokunin__message{
	width: 66%;
  margin: 3em auto;
  position:relative
}

.event-01__mensyokunin__message::before{
	content: '';
	width: 48px;
	height: 90px;
	background: url(../images/kami01.png)no-repeat center center;
	background-size: 100%;
	position: absolute;
	left: -18%;
	top: 12%;
}

.event-01__mensyokunin__message::after{
	content: '';
	width: 48px;
	height: 90px;
	background: url(../images/kami02.png)no-repeat center center;
	background-size: 100%;
	position: absolute;
	right: -18%;
	top: 12%;
}

.event-01__mensyokunin__schedule{
	width: 100%;
  margin: 17em auto 4em;
}
.event-01__mensyokunin__schedule_text{
	color: #17224B;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 1em 0;
	line-height: 1.2;
}
.event-01__mensyokunin__schedule_time{
	width: 324px;
  margin: 0 auto 2rem;
}
.event-01_note{
	margin: 0 auto 3rem;
	padding-inline: 16px;
}
.event-01_note p{
	font-size: 16px;
	font-weight: bold;
	color: #17224B;
	line-height: 1.5;
}
.event-01__mensyokunin .list{
	padding-inline: 16px;
	display: flex;
  flex-wrap: wrap;
  margin: -3.0em -2.173913043478261% 3em;
}
.event-01__mensyokunin .list li{
	width: 50%;
  margin-top: 2.7em;
  padding: 0 2.083333333333333%;
}
.event-01__mensyo__stacker{
	position: relative;
}

/* ----------------元event02------------------------ */

.event-02_wrap{background-color: #fff;}

.event-02_wrap::before{
	content: '';
	width: 100%;
	height: 30px;
	background: url(../images/bg_line01.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	bottom: -30px;
	left: 0;

}

.event-03__title{
	position: relative;
}
.event-03__title h2.event__title span{
	top: 28px;
}
.event-03__title h2.event__title{
	top: -1em;
}
.event-03__title__icon{
	width: 22%;
  position: absolute;
  top: 10px;
  left: 10px;
}


/* --------------------------------------------------
		event03移行
-------------------------------------------------- */

.event-03_goods{
	margin: 1.9em auto 3.5em;
}
.event-03__select{
	position: relative;
}
.event-03__select__icon{
	width: 19%;
  position: absolute;
  top: -9px;
  left: 16px;
}
.event-03__text{
  margin: 2.1em auto;
  padding: 0.7em 0em 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #17224B;
}
.event-03__text p{
	margin: 0 0 0.8em 0;
}

.event-03__text p small{
	display: block;
    font-size: 14px;
    margin: 1.6em 0 0 0;
}
.event-03__text span{
	background-color: #CEA560;
  color: #ffffff;
  padding: 3px;
}
.event-03__x__button a{
	display: block;
  text-align: center;
  font-size: 16px;
  /* background-color: #000000; */
  color: #ffffff;
  border-radius: 0.5847em 0.5847em;
  margin: 2.3em 0 1em 0;
}
.event-03__x__button a span::before{
	content: "";
  display: inline-block;
  width: 43px;
  height: 43px;
  background-image: url(../images/logo_x.webp);
  background-size: 3em auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}
.event-03__x__button a span{
	display: inline-block;
  padding: 1.2em 1.2em;
  background-image: url(../images/mensyokunin_icon.webp);
  background-size: 0.7em auto;
  background-position: right 20px center;
  width: 100%;
  vertical-align: middle;
}

/* ---------------------------------------- */

.event-02__title{
	margin: 0 0 0 0;
}
.event-02__title h2.event__title{
	top: 0em;
}
.event-02__title h2.event__title span{
	top: 0.5em;
}
.event-02__title__icon{
	width: 22%;
	position: absolute;
	top: -10px;
  left: 20px;
}

/* --------------------------------------------------
		event02移行
-------------------------------------------------- */

.event-02 .list{
	display: flex;
  flex-wrap: wrap;
  margin-block-start: 24px;
}
.event-02 .list li{
	width: 50%;
  margin-top: 1.0em;
  padding: 0 1.2%;
}
.event-02 .list li + li+ li{
	margin-top: 3.0em;
}
.event-02__coupon__text{
    margin: 2em auto;
    padding: 0.7em;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #101F43;
}
@media screen and (max-width: 767.9px) {
	.event__title{
		padding-top: 0em;
	}
	.event__title .badge{
		top: -1em;
	}
	.event__title__img{
		top: -15px;
	}
	.event__introduction{
		padding: 1.1em 0px;
	}
	.event-01__mensyo__name{
		width: 34%;
    top: 3px;
    right: 10px;
	}

	.event-01__mensyo{padding-block-start: 75px;}

.event-01__mensyo::before{
	content: '';
	width: 100%;
	height: 75px;
	background: url(../images/bg_wave01.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0px;
}

.event-01__mensykunin__box::after{
	height: 75px;
	bottom: -75px;
}

.event-01__mensyokunin__schedule{margin: 22em auto 4em;}

	.event-01__mensyo__text, .event-01__mensyokunin__text{
		margin: 2em 0 0em;
	}
	.event-01__mensyo__text span{
		margin: 0.5em 0 0 0;
	}
	.event-01__mensyokunin__img{
	}
	.mensyokunin__button a{
		margin: 1.4em 0 2.3em 0;
	}
	.event-01__mensyokunin__message{
		width: 74%;
    margin: 5em auto 12em;
	}

	.event-01__mensyokunin__schedule_time{
	width: 254px;
  margin: 0 auto 1.6rem;
}

/* ----------------元event02------------------------ */
	.event-03 .list{
		margin: 1.5em 0 7em;
	}
	.event-03__select__icon{
		top: -8px;
    left: 7px;
	}
	.event-03__text{
		margin: 0.8em auto;
    padding: 0.7em 0em 1.2em;
    line-height: 1.5;
	}
	.event-03__x__button a{
		margin: 1em 0 1.2em 0;
	}
/* ---------------------------------------- */

	
	.event-02__title h2.event__title span{
		top: 1.5em;
    left: 2em;
	}

	.event-02_wrap::before{
	content: '';
	width: 100%;
	height: 30px;
	background: url(../images/bg_line01.webp)no-repeat center center;
	background-size: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;

}


	.event-01__mensyokunin__schedule_text{
		font-size: 22px;
	}

	.event__introduction_note{
		top: 0em;
	}

	

	
}