@charset "UTF-8";

/* --------- FMT --------- */
.info_wrap,
.footer_container {
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif";
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	font-weight: 400;
}
img {
	display: block;
	width: 100%;
}
a:hover img {
	opacity: 1;
}
.content_wrap {
	background: url(../img/bg_common01.jpg) repeat top / 120px auto;
	color: var(--txt-color);
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 66px;
	width: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
	*,*::before,*::after {
		box-sizing: border-box;
	}
}
.content-inner {
	width: 92%;
	max-width: 720px;
	margin-inline: auto;
}
figure {
	margin: 0 auto;
    width: 100%;
}
:root {
	--primary-color: #FF7100;
	--txt-color: #5A3F28;
}
.txt-link{
	color: var(--primary-color);
	text-decoration: underline;
	font-weight: 700;
	transition: .3s;
	&:active {
		opacity: .5;
	}
}
.txt-highlight {
	color: var(--primary-color);
}
.note-list-wrapper {
	margin-bottom: 30px;
}
.note-list-ttl {
	color: #E21717;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.46;
	letter-spacing: .025em;
	margin-bottom: 5px;
}
.note-list {
	display: grid;
	gap: 5px;
}
.note-list__items {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .025em;
	padding-left: 1em;
	text-indent: -1em;
}

/* ------ 汎用 ------ */
/* --- CTA --- */
.cta-wrapper {
	max-width: 600px;
	margin: 0 auto 16px;
}
.cta-btn {
	display: block;
	margin-bottom: 31px;
}
/* --- acc --- */
.acc__btn {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 6px 37px 7px 15px;
	background: var(--primary-color);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	list-style: none;
	border-radius: 10vh;
	position: relative;
	cursor: pointer;
}
.acc__btn::-webkit-details-marker {
	display:none;
}
.acc__ico {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 7px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	&::before,&::after {
		content: "";
		display: block;
		width: 10px;
		height: 2px;
		background: var(--primary-color);
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
	}
	&::after {
		rotate: 90deg;
		transition: rotate .3s;
	}
}
.acc[open] .acc__ico::after {
	rotate: 0deg;
}
.acc__content {
	margin-top: 16px;
    transition: .6s ease-in-out;
	height: 0;
	overflow: hidden;
}
/* --- comingsoon,finish --- */
.comingsoon,.finish {
	position: relative;
	pointer-events: none;
	&::after {
		content: "Coming Soon";
		display: grid;
		place-content: center;
		background: rgb(255 255 255/.8);
		color: var(--txt-color);
		font-size: 8vw;
		font-weight: 700;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		inset: 0;
	}
}
.finish-txt {
	border: 2px solid #ff0000;
	background: #fff;
	padding-block: 8px;
	color: #ff0000;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-block: 16px;
}
.finish::after {
	content: "終了しました";
	border: 2px solid #ff0000;
	color: #ff0000;
	font-size: 18px;
	width: 90%;
	height: 90%;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}
/* --- sec-box --- */
.sec-box__inner {
	padding-inline: 15px;
	background: url(../img/bg_common03.png) repeat top 25px left/100% auto,#fff
}
.sec-box__wave {
	display: flex;
	overflow: hidden;
	height: 25px;
}
.sec-box__wave__img {
	height: 100%;
	width: auto;
}
.sec-box__wave--bottom {
	scale: 1 -1;
}

/* --- sec-date --- */
.sec-date {
	display: grid;
	grid-template-columns: 65px 1fr;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.sec-date__ttl {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.73;
	letter-spacing: .025em;
	text-align: center;
	background: #FC8A30;
	padding-block: 11px 10px;
}
.sec-date__dtl {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em;
	padding: 11px 23px;
}
/* --- join-box --- */
.join-box {
	background: #FFFCD6;
	border-radius: 15px;
	padding: 0 20px 25px;
	position: relative;
	margin-bottom: 30px;
}
.join-box__bg {
	width: calc(100% + 40px);
	max-width: none;
	margin: 0 -20px 10px;
}
.join-box__inner__ttl {
	background: #FFD300;
	border-radius: 10vh;
	padding-block: 2px 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em;
	text-align: center;
	margin-bottom: 10px;
}
/* --- common-btn --- */
.common-btn {
	display: block;
	background: var(--txt-color);
	border-radius: 10vh;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .025em;
	text-align: center;
	padding-block: 8px 10px;
	transition: .3s background-color;
	&:active {
		background: var(--primary-color);
	}
}
/* --------- animate --------- */
.loaded {
	.mv__bg,
	.mv__img-wrapper {
		clip-path: inset(0);
	}
}
.js-animate[data-animate="blur"] {
	filter: blur(10px);
	transition: filter .8s ease-in-out;
	&.js-animate--active {
		filter: none;
	}
}
.js-animate[data-animate="fade"] {
	opacity: 0;
	transition: opacity 1.2s cubic-bezier(.5,0,.5,1);
	&.js-animate--active {
		opacity: 1;
		* {
			animation: fuwafuwa 8s linear infinite alternate;
			transition: none;
		}
	}
}
.js-animate[data-animate="fade-up"] {
	translate: 0 40px;
	opacity: 0;
	transition: translate .8s cubic-bezier(.5,0,.5,1),opacity 1s cubic-bezier(.7,0,.7,1),background-color .3s;
	&.js-animate--active {
		translate: 0 0;
		opacity: 1;
	}
}
.js-animate [data-animate="deco--01"] {
	translate: -22vw;
	rotate: -24deg;
	transition: all 1.2s cubic-bezier(.5,0,.5,1);
}
.js-animate--active [data-animate="deco--01"] {
	translate: 0;
	rotate: 0deg;
}
.js-animate > [data-animate="deco--02"] {
	translate: 32vw;
	rotate: 19deg;
	transition: all 1.2s cubic-bezier(.5,0,.5,1);
}
.js-animate--active > [data-animate="deco--02"] {
	translate: 0;
	rotate: 0deg;
}
.js-animate [data-animate="deco--03"] {
	translate: 23vw;
	transition: translate 1.2s cubic-bezier(.5,0,.5,1);
}
.js-animate--active [data-animate="deco--03"] {
	translate: 0;
}
.sec-box__wave__img {
	animation: wave 18s linear infinite;
}

@keyframes fuwafuwa {
	0% {
		translate: 0 0;
	}
	25% {
		translate: 0 24px;
	}
	50% {
		translate: 0 0;
	}
	75% {
		translate: 0 -40px;
	}
	100% {
		translate: 0 0;
	}
}

@keyframes wave {
	0% {
		translate: 0;
	}
	100% {
		translate: -100%;
	}
}

/* --------- mv --------- */
.mv {
	margin-bottom: 29px;
	position: relative;
	z-index: 1;
}
.mv__bg {
	display: block;
	margin-bottom: 11px;
	clip-path: inset(0 0 100% 0);
	transition: all .5s cubic-bezier(.5,0,.5,1);
}
.mv__img-wrapper {
	width: 92%;
	margin-inline: auto;
	clip-path: inset(0 0 100% 0);
	transition: all 1s cubic-bezier(.5,0,.5,1) .5s;
}

/* --------- sec--lead --------- */
.sec--lead {
	position: relative;
	margin-bottom: 51px;
}
.sec--lead__bg {
	display: block;
	width: 126%;
	max-width: none;
	position: absolute;
	top: -28.8vw;
	left: -12.26667vw;
	mix-blend-mode: overlay;
	z-index: -1;
}
.sec--lead__txt {
	height: auto;
	aspect-ratio: 1500/1116;
	background: url(../img/bg_lead02_sp.png) no-repeat center / 100% auto;
	padding-top: 12.2667%;
	font-size: 4.8vw;
	font-weight: 700;
	line-height: 1.56;
	letter-spacing: .025em;
	text-align: center;
}

/* --------- sec--goods --------- */
.sec--goods {
	position: relative;
	margin-bottom: 50px;
}
.sec--goods__bg {
	display: block;
	width:  88vw;
	position: absolute;
	top: 0;
	right: 1.866667vw;
}
.sec--goods__inner {
	position: relative;
}
.sec--goods__ttl {
	width: 72vw;
	margin: 0 auto -10px;
}
.sec--goods__txt-wrapper {
	position: relative;
}
.sec--goods__txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.73;
	letter-spacing: .025em;
	text-align: center;
	margin-bottom: 30px;
}
.sec--goods__deco {
	position: absolute;
	top: -6.66667vw;
	left: -10.4vw;
	width: 26.13334vw;
}
.sec--goods__box__inner {
	padding-block: 29px 30px;
}
.sec--goods__box__list {
	display: grid;
	gap: 50px;
	margin-bottom: 40px;
}
.sec--goods__box__list__ttl {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: .025em;
	margin-bottom: 25px;
	text-align: center;
}
.sec--goods__box__list__ttl__small {
	font-size: 14px;
}
.sec--goods__box__list__ttl__prize {
	display: grid;
	place-content: center;
	width: 185px;
	height: 48px;
	margin: 0 auto 16px;
	background: url(../img/bg_goods04.png) no-repeat center/cover;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .3em;
	text-indent: .3em;
}
.sec--goods__box__list__ttl__prize--01 {
	width: 116px;
	background: url(../img/bg_goods03.png) no-repeat center/cover;
}
.sec--goods__box__list__ttl__balloon {
	display: block;
	width: 237px;
	margin: 0 auto 4px;
}
.sec--goods__box__list__dtl__img-wrapper {
	position: relative;
	margin-bottom: 13px;
}
.sec--goods__box__list__dtl__img-wrapper--02 {
	display: grid;
	gap: 11px 14px;
	justify-content: center;
	max-width: 195px;
}
.sec--goods__box__list__dtl__img {
	margin-inline: auto;
}
.sec--goods__box__list__dtl__img--01 {
	max-width: 114px;
}
.sec--goods__box__list__dtl__img--02 {
	max-width: 90px;
}
.sec--goods__box__list__dtl__img--02-01 {
	grid-area: 1/1/2/3;
}
.sec--goods__box__list__dtl__img--02-02 {
	grid-area: 2/1/3/2;
}
.sec--goods__box__list__dtl__img--02-03 {
	grid-area: 2/2/3/3;
}
.sec--goods__box__list__dtl__img--03 {
	width: 274px;
	margin-bottom: 11px;
}
.sec--goods__box__list__dtl__img__balloon {
	position: absolute;
	width: 78px;
	height: 86px;
	background: url(../img/bg_goods05.png) no-repeat center/cover;
	left: calc(50% + 70px);
	padding-top: 18px;
	font-weight: 700;
	text-align: center;
}
.sec--goods__box__list__dtl__img__balloon--01 {
	top: -5px;
}
.sec--goods__box__list__dtl__img__balloon--02 {
	top: 0;
}
.sec--goods__box__list__dtl__img__balloon__large-txt {
	font-size: 15px;
	display: block;
}
.sec--goods__box__list__dtl__img__balloon__num {
	font-size: 20px;
	line-height: 1;
}
.sec--goods__box__list__dtl__img__balloon__small-txt {
	font-size: 12px;
}
.sec--goods__box__list__dtl__note {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: 0;
	text-align: center;
}
.sec--goods__piyopiyo {
	margin-bottom: 30px;
	.sec--goods__box__list__dtl__img-wrapper {
		margin: 0;
	}
}

.join-box__deco {
	width: 37.133334vw;
	position: absolute;
	bottom: -3.28vw;
	right: -14.13334vw;
}
.step-list {
	display: grid;
	gap: 10px;
	position: relative;
	&::before {
		content: "";
		display: block;
		width: 25px;
		height: 100%;
		border-right: 2px dotted #5A4028;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
}
.step-list__items {
	display: grid;
	grid-template-columns: 49px 1fr;
	gap: 10px;
	align-items: center;
	position: relative;
	z-index: 1;
}
.step-list__items__count {
	width: 49px;
	height: 49px;
	background: var(--txt-color);
	border-radius: 50%;
	color: #fff;
	font-weight: 900;
	text-align: center;
	padding-top: 8px;
	* {
		display: block;
		line-height: 1;
	}
}
.step-list__items__count__txt {
	font-size: 11px;
}
.step-list__items__count__num {
	font-size: 21px;
}
.step-list__items__txt {
	font-size: 16px;
	font-weight: 700;
}
.caution-acc {
	margin-bottom: 20px;
}
.sec--goods__box__btn {
	margin-bottom: 10px;
	background: url(../img/ico_pdf.png) no-repeat center left calc(50% + 50px)/18px auto,var(--txt-color);
	&:active {
		background: url(../img/ico_pdf.png) no-repeat center left calc(50% + 50px)/18px auto,var(--primary-color);
	}
}
.privacy-acc {
	.acc__btn {
		width: 100%;
		background: var(--txt-color);
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: .025em;
		text-align: center;
		padding: 8px 0 10px;
	}
	.acc__ico {
		right: 15px;
		top: 9px;
		&::before,&::after {
			background: var(--txt-color);
		}
	}
	.acc__content {
		border: 1px solid var(--txt-color);
		border-radius: 10px;
	}
	.acc__content__inner {
		padding: 15px;
	}
}
.privacy-acc__txt {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .025em;
}

/* --------- sec--benefit --------- */
.sec--benefit {
	position: relative;
	margin-bottom: 34px;
}
.sec--benefit__bg {
	display: block;
	width: 94.13333vw;
	position: absolute;
	top: 1.333333vw;
	left: 4vw;
}
.sec--benefit__inner {
	position: relative;
}
.sec--benefit__ttl {
	width: 75.6522%;
	margin: 0 auto -15px;
}
.sec--benefit__txt-wrapper {
	position: relative;
}
.sec--benefit__deco {
	width: 41.867vw;
	position: absolute;
	right: -22.4vw;
	top: -11.28vw;
}
.sec--benefit__txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.73;
	letter-spacing: .025em;
	text-align: center;
	margin-bottom: 24px;
}
.sec--benefit__box__inner {
	padding-block: 6px 27px;
}
.sec--benefit__box__note {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .025em;
	text-align: center;
	margin-bottom: 24px;
}
.sec--benefit__box__note--02 {
	margin-bottom: 30px;
}
.sec--benefit__box__img-wrapper {
	display: flex;
	gap: 6px;
	justify-content: center;
	align-items: start;
	margin-bottom: 11px;
}
.sec--benefit__box__img__balloon {
	width: 100px;
	height: 73px;
	background: url(../img/bg_benefit03.png) no-repeat center/cover;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	text-align: center;
	padding-top: 18px;
	margin-top: 11px;
}
.sec--benefit__box__img__balloon--02 {
	scale: -1 1;
	.sec--benefit__box__img__balloon__txt {
		display: inline-block;
		scale: -1 1;
	}
}
.sec--benefit__box__img {
	width: 164px;
}
.join-box__txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.53;
	letter-spacing: .025em;
	margin-bottom: 12px;
}
.join-box__period {
	margin-bottom: 12px;
}
.join-box__inner__dtl__ttl {
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.53;
	margin-bottom: 5px;
}
.join-box__period__txt,
.join-box__place__txt {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: .025em;
}
.join-box__period__txt {
	margin-bottom: 5px;
}
.join-box__place__txt {
	margin-bottom: 12px;
}
.join-box__period__note {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -.025em;
}
.join-box__place__tokyo {
	margin-bottom: 12px;
}
.join-box__place__ttl {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.53;
	margin-bottom: 10px;
}
.join-box__place__list {
	display: grid;
	gap: 10px;
}
.join-box__place__btn {
	font-size: 13px;
	padding-block: 10px 11px;
	position: relative;
	&::after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		rotate: 45deg;
		position: absolute;
		top: 50%;
		right: 17px;
		translate: 0 -50%;
	}
}
.sec--benefit__note-list-wrapper {
	margin: 0;
}

/* --------- sec--links --------- */
.sec--links__bg {
	display: block;
	height: 48px;
}
.sec--links__bg__img {
	height: 100%;
	width: auto;
	margin-inline: auto;
}
.sec--links__inner {
	background: url(../img/bg_links02.png) repeat top/100% auto;
	padding-bottom: 48px;
}
.sec--links__ttl {
	margin-bottom: 20px;
}
.sec--links__list {
	display: grid;
	gap: 20px;
}
.sec--links__bnr {
	display: block;
	margin-bottom: 6px;
	transition: .3s opacity;
	&:active {
		opacity: .5;
	}
}
.sec--links__note {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.42;
	text-align: center;
}

/* --------- footer --------- */
/* ------ info_wrap ------ */
.info_wrap {
	margin: 0 auto;
	padding: 8px 40px 20px;
	position: relative;
	background-color: #FFF;
}
.oshitabi_btn {
	display: block;
	border: 4px solid #000;
	background: #FFF;
	max-width: 740px;
	margin: 32px auto 0;
	font-size: 18px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	text-align: center;
	border-radius: 10px;
	padding: 10px 30px 10px 5px;
	position: relative;
	transition: all .3s;
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 30px;
		height: 12px;
		width: 12px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		translate: 0 -50%;
		rotate: 45deg;
		transition: all .3s;
	}
	&:active {
		background: var(--primary-color);
		color: #FFF;
		border-color: var(--primary-color);
		&::after {
			border-color: #fff;
		}
	}
}
.credit {
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
}
.footer_container {
	position: relative;
	z-index: 100;
	background-color: #FFF;
	padding-top: 1px;
}

/* --------- mediaquery --------- */
@media(min-width:751px){
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	/* --------- FMT --------- */
	.content_wrap {
		margin-top: 90px;
	}
	.txt-link:hover {
		opacity: .5;
	}

	/* ------ 汎用 ------ */
	/* --- CTA --- */
	.qr-wrapper {
		display: grid;
		max-width: 480px;
		margin-inline: auto;
		grid-template-columns: 1fr 100px;
		gap: 18px;
		background: #E52600;
		border: 3px solid #B11D00;
		border-radius: 10px;
		padding: 13px;
		margin-bottom: 30px;
	}
	.qr-ttl {
		background: #fff;
		border-radius: 10vh;
		text-align: center;
		color: #E04844;
		font-size: 17px;
		font-weight: 900;
		letter-spacing: .025em;
		padding-block: 3px;
		margin-bottom: 10px;
	}
	.qr-txt {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.64;
		letter-spacing: .025em;
	}
	/* --- comingsoon,finish --- */
	.comingsoon::after {
		font-size: 18px;
	}
	.finish::after {
		white-space: pre;
		content: "終了\Aしました";
	}
	/* --- sec-box --- */
	.sec-box__inner {
		padding-inline: 60px;
		background-size: 345px auto;
	}
	/* --- sec-date --- */
	.sec-date {
		max-width: 372px;
		grid-template-columns: 70px 1fr;
		margin: 0 auto 40px;
	}
	.sec-date__ttl {
		color: #fff;
		font-size: 16px;
		line-height: 1.5;
		padding-block: 13px;
	}
	.sec-date__dtl {
		font-size: 18px;
		line-height: 1.44;
		padding: 12px 18px;
	}
	/* --- common-btn --- */
	.common-btn:hover {
		background: var(--primary-color);
	}

	/* --------- animate --------- */
	.js-animate [data-animate="deco--01"] {
		opacity: 0;
		translate: -80px;
	}
	.js-animate--active [data-animate="deco--01"] {
		opacity: 1;
		translate: 0;
	}
	.js-animate > [data-animate="deco--02"] {
		opacity: 0;
		translate: 120px;
	}
	.js-animate--active > [data-animate="deco--02"] {
		opacity: 1;
		translate: 0;
	}
	.js-animate [data-animate="deco--03"] {
		opacity: 0;
		translate: 80px;
	}
	.js-animate--active [data-animate="deco--03"] {
		opacity: 1;
		translate: 0;
	}

	/* --------- mv --------- */
	.mv {
		margin-bottom: 41px;
	}
	.mv__bg {
		margin-bottom: 30px;
	}
	.mv__img-wrapper {
		max-width: 500px;
	}

	/* --------- sec--lead --------- */
	.sec--lead {
		margin-bottom: 60px;
	}
	.sec--lead__bg {
		width: 632px;
		top: -144px;
		left: 50%;
		translate: -50%;
	}
	.sec--lead__txt {
		max-width: 492px;
		margin-inline: auto;
		aspect-ratio: 984/708;
		background: url(../img/bg_lead02_pc.png) no-repeat center / 100% auto;
		padding-top: 62px;
		font-size: 22px;
		line-height: 1.54;
	}

	/* --------- sec--goods --------- */
	.sec--goods::before {
		content: "";
		display: block;
		width: 1396px;
		height: 1897px;
		background: url(../img/bg_goods07_pc.png) no-repeat center/cover;
		position: absolute;
		top: -3.2196%;
		left: calc(50% - 707px);
		mix-blend-mode: overlay;
	}
	.sec--goods__bg {
		width:  463px;
		top: 6px;
		left: calc(50% - 176px);
	}
	.sec--goods__inner {
		position: relative;
	}
	.sec--goods__ttl {
		width: 313px;
	}
	.sec--goods__txt {
		font-size: 16px;
		line-height: 1.6875;
	}
	.sec--goods__deco {
		width: 126px;
		top: -91px;
		left: 4px;
	}
	.sec--goods__box__inner {
		padding-block: 30px;
	}
	.sec--goods__box__list__dtl__img-wrapper--02 {
		max-width: 301px;
	}
	.sec--goods__box__list__dtl__img--02-01 {
		grid-area: 1/1/2/2;
	}
	.sec--goods__box__list__dtl__img--02-02 {
		grid-area: 1/2/2/3;
	}
	.sec--goods__box__list__dtl__img--02-03 {
		grid-area: 1/3/2/4;
	}
	.sec--goods__box__list__dtl__img__balloon--01 {
		left: calc(50% + 70px);
	}
	.sec--goods__box__list__dtl__img__balloon--02 {
		left: calc(50% + 170px);
	}
	.caution-acc {
		margin-bottom: 16px;
	}
	.sec--goods__box__btn:hover {
		background: url(../img/ico_pdf.png) no-repeat center left calc(50% + 50px)/18px auto,var(--primary-color);
	}

	/* --------- sec--benefit --------- */
	.sec--benefit {
		margin-bottom: 50px;
	}
	.sec--benefit__bg {
		width: 500px;
		top: -6px;
		left: calc(50% - 283px);
	}
	.sec--benefit__ttl {
		width: 313px;
		margin-bottom: -34px;
	}
	.sec--benefit__deco {
		width: 206px;
		right: -12px;
		top: -65px;
	}
	.sec--benefit__txt {
		font-size: 16px;
		line-height: 1.6875;
		margin-bottom: 40px;
	}
	.sec--benefit__box__inner {
		padding-block: 15px 27px;
	}
	.sec--benefit__box__img__balloon {
		width: 112px;
		height: 84px;
		padding-top: 20px;
	}
	.join-box__txt {
		margin-bottom: 14px;
	}
	.join-box__deco {
		width: 160px;
		bottom: -14px;
		right: -14px;
	}
	.join-box__place__tokyo {
		margin-bottom: 14px;
	}
	.join-box__place__list {
		grid-template-columns: repeat(2,1fr);
		gap: 12px 9px;
	}

	/* --------- sec--links --------- */
	.sec--links__bg {
		height: 57px;
	}
	.sec--links__inner {
		background-size: 375px auto;
		padding-bottom: 60px;
		.content-inner {
			max-width: 450px;
		}
	}
	.sec--links__ttl {
		translate: 0 -6px;
		margin: 0 19px 14px;
	}
	.sec--links__bnr {
		margin-bottom: 8px;
		&:hover {
			opacity: .5;
		}
	}

	/* --------- footer --------- */
	.info_wrap {
		margin: 0 auto;
		padding: 8px 20px 100px;
	}
	.oshitabi_btn {
		padding: 15px;
		font-size: 20px;
		&:hover {
			background: var(--primary-color);
			color: #FFF;
			border-color: var(--primary-color);
			&::after {
				border-color: #fff;
			}
		}
	}
}

@media(max-width:750px){
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}