@charset "UTF-8";

html {
	word-break: normal;
	scroll-behavior: smooth;
	font-size: 100%;
	position: relative;
	--comContainer-PLRNum: 16;
	--baseUnit: 1px;
	--comContainer-PLR: calc(var(--comContainer-PLRNum) * var(--baseUnit));
	overflow-x: hidden;
	min-height: 100%;
	--SelectionItemList-BorderCPink: #EE86A8;
}
html.Modal-Selection-open {
	overflow: hidden;
}

body:not(.index) {
	--Body-BG: linear-gradient(
		to bottom,
		#FFD3F1 0%,
		#E4F7F9 15%,
		#FFE67A 30%,
		#E4F7F9 50%,
		#FFD3F1 65%,
		#FFE67A 80%,
		#E4F7F9 100%
	);
}
@media screen and (min-width: 641px) {
	body.index {
		background: 
			linear-gradient(
				to bottom,
				#FFD3F1 0%,
				#E4F7F9 45%,
				#FFE67A 93%,
				#FBE98D 100%
			)
		;
	}
}
@media screen and (max-width: 640px) {
	body.index {
		background: 
			linear-gradient(
				to bottom,
				#FFD3F1 0%,
				#E4F7F9 12%,
				#FFD3F1 23%,
				#E4F7F9 80%,
				#FFE67A 85%,
				#E4F7F9 90%,
				#FFD3F1 98%,
				#FFD3F1 100%
			)
		;
	}
}
body {
	background: var(--Body-BG);
	color: #565656;
	min-height: 100vh;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight: 400;
	vertical-align: baseline;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	padding: 0px 0 0;
}

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

::before,
::after {
	text-decoration: inherit;
	vertical-align: inherit;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust:none;/* iPhoneでの文字サイズ自動修正を使わない*/
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}
img {
	border-style: none;
	max-width: 100%;
	height: auto;
}

ol, ul {
	list-style:  none;
}

a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
	text-decoration: none;
}
a[x-apple-data-detectors] {
	color: #565656;
	text-decoration: none;
	pointer-events: none;
}
button {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	outline: none;
}
input,
textarea {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none;
	outline: none;
	background: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	box-sizing: border-box;
}

.ad-wrap {
	max-width: 600px;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
}

.comBtnLayContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.comBtnLay {
	--comBtnLay-BGC: #2EA7E0;
	--comBtnLay-FC: #fff;
	--comBtnLay-BSC: rgba(32, 118, 158, 1);
	border-radius: var(--comBtnLay-H);
	background: var(--comBtnLay-BGC);
	--indexBtn-BoxSX: 1px;
	--indexBtn-BoxSY: 3px;
	box-shadow: var(--indexBtn-BoxSX) var(--indexBtn-BoxSY) 0px var(--comBtnLay-BSC);
	color: var(--comBtnLay-FC);
	font-weight: 800;
	font-size: var(--comBtnLay-FS);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row nowrap;
	height: var(--comBtnLay-H);
	width: 100%;
	max-width: var(--comBtnLay-Maxw);
	transition: all 0.3s ease;
	padding: var(--comBtnLay-padding);
}
.comBtnLay input {
	font-weight: 800;
}
.comBtnLay.Pink {
	--comBtnLay-BGC: #EE86A8;
	--comBtnLay-BSC: rgb(221, 99, 139);
}
.comBtnLay.borderPink {
	--comBtnLay-BGC: #fff;
	--comBtnLay-BSC: rgb(221, 99, 139);
	--comBtnLay-FC: #EE86A8;
	border: var(--comBtnLay-BS) solid var(--comBtnLay-FC);
}
.comBtnLay.icon-pen::after {
	content: "";
	background: url(../images/icon-pen.svg) no-repeat center center / 100% auto;
	display: block;
	width: var(--indexBtn-iconS);
	height: var(--indexBtn-iconS);
}
@media (hover: hover) and (pointer: fine) {
	.comBtnLay:hover {
		transform: translate(var(--indexBtn-BoxSX), var(--indexBtn-BoxSY));
		box-shadow: none;
	}
}

@media screen and (min-width: 641px) {
	.spOnly {
		display: none;
	}
	.comBtnLay {
		--comBtnLay-Maxw: 304px;
		--comBtnLay-H: 60px;
		--comBtnLay-FS: 24px;
		--comBtnLay-padding: 0;
	}
	.comBtnLay.icon-pen {
		padding: 0 34px 0 42px;
	}
	.comBtnLay.Pink,
	.comBtnLay.borderPink {
		--comBtnLay-padding: 0 34px;
		--comBtnLay-BS: 3px;
	}
	.comBtnLay.icon-pen::after {
		--indexBtn-iconS: 20px;
		margin-left: 16px;
	}
}
@media screen and (max-width: 640px) {
	html {
		/* 390pxで算出 */
		--vw1px: 0.2564102564102564vw;
	}
	.pcOnly {
		display: none;
	}
	.comBtnLay {
		--comBtnLay-Maxw: 235px;
		--comBtnLay-FS: calc(18 * var(--baseUnit));
		--comBtnLay-H: calc(49 * var(--baseUnit));
		--comBtnLay-padding: 0 calc(32 * var(--baseUnit));
	}
	.comBtnLay.icon-pen::after {
		--indexBtn-iconS: 17px;
		margin-left: calc(10 * var(--baseUnit));
	}
	.comBtnLay.Pink,
	.comBtnLay.borderPink {
		--comBtnLay-BS: 2.5px;
	}
}
@media screen and (max-width: 389px) {
	html {
		--baseUnit: var(--vw1px);
	}
}

.wrap {
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	width: 100%;
}
.wrap.error {
	min-height: 100vh;
}
.wrap.error main {
	margin-bottom: auto;
}
.wrap::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -2;
}
@media screen and (min-width: 641px) {
	.wrap::after {
		background: url(../images/body-DecoPC.png) no-repeat center top / 100% auto;
		top: -39px;
		left: 50%;
		width: 120%;
		max-width: 1728px;
		height: 100%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 640px) {
	.wrap::after {
		top: -38px;
		width: 100%;
		height: calc(879 * var(--vw1px));
		background: url(../images/body-DecoSP.png) no-repeat center bottom / 100% auto;
	}
}

header {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: calc(var(--header-PTNum) * var(--baseUnit)) var(--comContainer-PLR) 0;
	text-align: center;
	position: relative;
	z-index: 1;
	width: 100%;
}
header h1 {
	width: 100%;
	max-width: calc(var(--header-H1MaxW) * var(--baseUnit));
	line-height: 0;
}
header h1 img {
	width: 100%;
}

.headerText {
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.5);
	color: #0073A9;
	font-weight: 800;
	width: 100%;
	--headerText-PTB: calc(var(--headerText-PTBNum) * var(--baseUnit));
	--headerText-PLR: calc(var(--headerText-PLRNum) * var(--baseUnit));
	padding: var(--headerText-PTB) var(--headerText-PLR);
	font-size: calc(var(--headerText-FSNum) * var(--baseUnit));
	margin-bottom: calc(var(--headerText-MBNum) * var(--baseUnit));
}
.headerText p .text80 {
	font-size: calc((var(--headerText-FSNum) + 2) * var(--baseUnit));
}
.headerText p .emphasis {
	display: block;
	font-size: calc(var(--headerTextEmphasis-FSNum) * var(--baseUnit));
}
.headerText p .emphasis img {
	height: calc(var(--headerTextEmphasis-HNum) * var(--baseUnit));
}
.headerText p + p {
	margin-top: 1em;
}
@media screen and (min-width: 641px) {
	header {
		--header-PTNum: 72;
	}
	header h1 {
		--header-H1MaxW: 503;
	}
	.headerText {
		--headerText-PTBNum: 56;
		--headerText-PLRNum: 32;
		--headerText-FSNum: 20;
		--headerText-MBNum: 40;
		--headerTextEmphasis-FSNum: 36;
	}
	.headerText p .emphasis img {
		--headerTextEmphasis-HNum: 46;
	}
}
@media screen and (max-width: 640px) {
	header {
		--header-PTNum: 40;
	}
	header h1 {
		--header-H1MaxW: 320;
	}
	.headerText {
		--headerText-PTBNum: 40;
		--headerText-PLRNum: 24;
		--headerText-FSNum: 14;
		--headerText-MBNum: 16;
		--headerTextEmphasis-FSNum: 20;
	}
	.headerText p .emphasis img {
		--headerTextEmphasis-HNum: 29;
	}
}


main {
	width: 100%;
	padding: 0 var(--comContainer-PLR) 0;
	position: relative;
	z-index: 1;
}
.comContainer {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	max-width: 1152px;
	width: 100%;
	margin: 0px auto 0;
	position: relative;
}
section.comContainer.thanks {
	text-align: center;
}
section.comContainer {
	background: #fff;
	border-radius: 24px;
	border: #EE86A8 var(--index-BorderS) solid;
	--index-BoxSX: calc((var(--index-BoxSXNum) * var(--baseUnit)) + var(--index-BorderS) / 2);
	--index-BoxSY: calc(((var(--index-BoxSXNum) * var(--baseUnit)) + var(--index-BorderS) / 2) * -1);
	overflow: hidden;
	font-weight: bold;
}
section.comContainer::before {
	box-shadow: inset var(--index-BoxSX) var(--index-BoxSY) 8px rgba(40, 40, 40, 0.25);
	content: "";
	position: absolute;
	top: calc(var(--index-BorderS) * -1);
	left: calc(var(--index-BorderS) * -1);
	right: calc(var(--index-BorderS) * -1);
	bottom: calc(var(--index-BorderS) * -1);
	z-index: 0;
}
section.comContainer > * {
	max-width: 920px;
	width: 100%;
	position: relative;
	z-index: 1;
}
section.comContainer > * + h2,
section.comContainer .accordionContainer > * + h2,
section.comContainer.kiyaku .comBtnLayContainer {
	margin-top: 64px;
}
section.comContainer h2:not(.error) {
	background: url(../images/ComTitle-BG.png) no-repeat center center / auto 100%;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px;
}
section.comContainer h2.error {
	background: #EE86A8;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 8px;
	font-size: calc(var(--H2Error-FSNum) * var(--baseUnit));
}
section.comContainer.index p a {
	color: #EE86A8;
	text-decoration: underline;
	word-break: break-all;
}
section.comContainer.index p.center {
	text-align: center;
}
section.comContainer.index p + p {
	margin-top: 1em;
}

.bannerContainer {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 64px;
}
.error_area {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	margin-top: calc(var(--errorArea-MTNum) * var(--baseUnit));
}
.error_area p {
	padding-left: 1em;
	text-align: left;
	position: relative;
}
.error_area p::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.error_area + .comBtnLayContainer {
	margin-top: calc(var(--errorArea-MTNum) * var(--baseUnit));
}

section.comContainer ul.kiyakuList {
	display: grid;
	grid-auto-flow: row;
	gap: 1em 0;
	counter-reset: kiyaku;
	list-style: none;
}
section.comContainer ul.kiyakuList li {
	counter-increment: kiyaku;
	padding-left: 1.7em;
	position: relative;
}
section.comContainer ul.kiyakuList li::before {
	position: absolute;
	left: 0;
}
section.comContainer ul.kiyakuList.num li::before {
	content: "(" counter(kiyaku) ")";
}
section.comContainer ul.kiyakuList.dot li::before {
	content: "・";
}
section.comContainer.kiyaku ul.kiyakuList a,
section.comContainer.kiyaku p a {
	color: #EE86A8;
	text-decoration: underline;
	word-break: break-all;
}

@media screen and (min-width: 641px) {
	section.comContainer {
		--index-BorderS: 8px;
		--index-BoxSXNum: 17;
		--index-BoxSYNum: var(--index-BoxSXNum);
		font-size: 20px;
		padding: 56px;
	}
	section.comContainer h2:not(.error) {
		height: 106px;
	}
	section.comContainer h2:not(.error) img {
		height: 39px;
	}
	section.comContainer h2.error {
		--H2Error-FSNum: 18;
	}
	section.comContainer ul.kiyakuList.dot li::before {
		left: 3px;
	}
	.error_area,
	.error_area + .comBtnLayContainer {
		--errorArea-MTNum: 40;
	}
	.error_area + .comBtnLayContainer .comBtnLay {
		--comBtnLay-Maxw: 320px;
	}
}
@media screen and (max-width: 640px) {
	section.comContainer {
		--index-BorderS: 6px;
		--index-BoxSXNum: 13;
		--index-BoxSYNum: 10;
		font-size: calc(14 * var(--baseUnit));
		padding: calc(40 * var(--baseUnit)) calc(24 * var(--baseUnit));
	}
	section.comContainer h2:not(.error) {
		height: calc(65 * var(--baseUnit));
	}
	section.comContainer h2:not(.error) img {
		height: calc(26 * var(--baseUnit));
	}
	section.comContainer h2.error {
		--H2Error-FSNum: 14;
	}
	section.comContainer ul.kiyakuList.dot li::before {
		left: 1px;
	}
	.error_area,
	.error_area + .comBtnLayContainer {
		--errorArea-MTNum: 32;
	}
}

footer {
	color: #323232;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 100%;
	margin: calc(var(--footer-MTNum) * var(--baseUnit)) auto 0;
	padding: 1px var(--comContainer-PLR) calc(var(--footer-PBNum) * var(--baseUnit));
	position: relative;
	z-index: 1;
	text-align: center;
}
footer::before {
	content: "";
	display: block;
	position: absolute;
	top: calc((var(--footer-DecoH) - 1px) * -1);
	left: 0;
	width: 100%;
	height: var(--footer-DecoH);
	--footer-DecoPosiLR: center;
	background: url(../images/Footer-Deco.png) repeat-x var(--footer-DecoPosiLR) center / auto 100%;
	z-index: 0;
}
footer::after {
	background: url(../images/Footer-Deco_Fence.png) repeat-x center center / auto 100%;
	content: "";
	display: block;
	position: absolute;
	height: var(--footer-DecoFH);
	left: 0;
	right: 0;
	z-index: -1;
}
footer .comContainer {
	width: 100%;
	background: #fff;
	position: relative;
}
.Footer-DecoHill {
	position: absolute;
	max-width: 991px;
	width: 100%;
	z-index: -1;
}
address {
	font-style: normal;
	font-weight: bold;
	font-size: var(--address-FS);
}

.close {
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	line-height: 0;
	z-index: 3;
}
.close a {
	color: #323232;
	margin-bottom: 16px;
	transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
	.close a:hover {
		opacity: 0.7;
	}
}

@media screen and (min-width: 641px) {
	footer {
		--footer-MTNum: 442;
		--footer-PBNum: 24;
	}
	.ad-wrap + footer {
		--footer-MTNum: 342;
	}
	address {
		--address-FS: 16px;
	}
	footer::before {
		--footer-DecoH: 35px;
	}
	footer::after {
		--footer-DecoFH: 57px;
		top: calc((18px + var(--footer-DecoFH)) * -1);
	}
	.Footer-DecoHill {
		min-width: 991px;
		bottom: 11px;
		right: -17px;
	}
	.close {
		right: 30px;
	}
	.close a {
		font-size: 14px;
	}
}
@media screen and (max-width: 640px) {
	footer {
		--footer-MTNum: 148;
		--footer-PBNum: 16;
		--footer-DecoHNum: 20;
		--footer-DecoH: calc(var(--footer-DecoHNum) * var(--baseUnit));
	}
	address {
		--address-FSNum: 10;
		--address-FS: calc(var(--address-FSNum) * var(--baseUnit));
	}
	footer::before {
		--footer-DecoPosiLR: 22px;
	}
	footer::after {
		--footer-DecoFHNum: 32;
		--footer-DecoFH: calc(var(--footer-DecoFHNum) * var(--baseUnit));
		--footer-DecoFPBNum: 34;
		bottom: calc(var(--footer-DecoFPBNum) * var(--baseUnit));
	}
	.Footer-DecoHill {
		bottom: calc(33 * var(--baseUnit));
	}
	.close {
		right: calc(10 * var(--baseUnit));
	}
	.close a {
		font-size: calc(10 * var(--baseUnit));
	}
}


/* ============================================================
	選考結果
============================================================ */
section.Selection {
	text-align: center;
}
.SelectionNote {
	font-weight: bold;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	width: 100%;
	gap: 1em;
}
.SelectionNote .standOut {
	color: #EE86A8;
	padding-right: 0.3em;
}

.SelectionItemList {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 744px!important;
	gap: var(--SelectionItemList-Gap);
}
.SelectionItemList > li {
	color: #565656;
	text-align: center;
	display: grid;
	grid-template-rows: auto 1fr;
	padding-bottom: 3px;
}
.SelectionItem__thumb {
	position: relative;
	overflow: hidden;
	max-height: 174px;
	display: flex;
	justify-content: center;
	padding-top: 75%;
}
.SelectionItem__thumb span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.SelectionItem__thumb img {
	height: 100%;
	display: block;
}
.SelectionItem__Info {
	display: grid;
	grid-template-rows: 1fr auto;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.SelectionItem__Info h3 {
	color: #565656;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Modal-SelectionToggle.Pink {
	cursor: pointer;
	line-height: 1;
	margin-top: auto;
	justify-self: center;
}

@media screen and (min-width: 641px) {
	.SelectionNote {
		font-size: 20px;
		margin-bottom: 40px;
	}
	.SelectionNote .standOut {
		font-size: 24px;
	}

	.SelectionItemList {
		--SelectionItemList-GapY: 24px;
		--SelectionItemList-Gap: 48px var(--SelectionItemList-GapY);
	}
	.SelectionItemList > li {
		width: calc((100% - var(--SelectionItemList-GapY) * 2) / 3.0001);
		gap: 16px;
	}
	.SelectionItem__Info h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}
	.Modal-SelectionToggle.Pink {
		--comBtnLay-H: 40px;
		--comBtnLay-FS: 20px;
		--comBtnLay-padding: 0;
		width: 132px;
	}
}
@media screen and (max-width: 920px) {
	.SelectionItemList > li {
		width: calc((100% - var(--SelectionItemList-GapY) * 1) / 2);
	}
}
@media screen and (max-width: 640px) {
	.SelectionNote {
		font-size: calc(14 * var(--baseUnit));
		margin-bottom: calc(16 * var(--baseUnit));
	}
	.SelectionNote .standOut {
		font-size: calc(16 * var(--baseUnit));
	}

	.SelectionItemList {
		--SelectionItemList-GapY: 16px;
		--SelectionItemList-Gap: 32px var(--SelectionItemList-GapY);
	}
	.SelectionItemList > li {
		gap: calc(10 * var(--baseUnit));
	}
	.SelectionItem__Info h3 {
		font-size: calc(14 * var(--baseUnit));
		margin-bottom: calc(10 * var(--baseUnit));
	}
	.Modal-SelectionToggle.Pink {
		--comBtnLay-H: calc(28 * var(--baseUnit));
		--comBtnLay-FS: calc(14 * var(--baseUnit));
		--comBtnLay-padding: 0;
		width: calc(98 * var(--baseUnit));
	}
}

.Modal-SelectionWrap {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
	.Modal-SelectionWrap.is-open {
		opacity: 1;
		visibility: visible;
	}

.Modal-SelectionContainer {
	background: #fff;
	border-radius: 24px;
	border: var(--Modal-SelectionWrap-borderW) solid var(--SelectionItemList-BorderCPink);
	color: #565656;
	display: flex;
	flex-flow: column;
	justify-content: center;
	max-width: 860px;
	position: relative;
	width: 100%;
	max-height: calc(100vh - ((var(--Modal-SelectionClose-Top) + var(--Modal-SelectionClose-W) + 5px) * 2));
	--Modal-SelectionArticle-PB: 5px;
	padding: var(--Modal-SelectionContainer-PTB) var(--Modal-SelectionContainer-PLR) calc(var(--Modal-SelectionContainer-PTB) - var(--Modal-SelectionArticle-PB));
}
.Modal-SelectionArticle {
	padding: 0 0 var(--Modal-SelectionArticle-PB);
	overflow-y: auto;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	text-align: center;
}
.Modal-Selection__Info {
	color: #565656;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
}
.Modal-Selection__thumb {
	overflow: hidden;
	aspect-ratio: 4 / 3;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: var(--Modal-Selection__thumb-H);
	max-height: var(--Modal-Selection__thumb-H);
	position: relative;
	width: 100%;
}
.Modal-Selection__thumb span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
}
.Modal-Selection__thumb img {
	height: 100%;
	display: block;
}
.Modal-Selection__name {
	width: 100%;
	text-align: center;
	font-weight: 800;
}
.Modal-Selection__desc {
	width: 100%;
	font-weight: bold;
	text-align: left;
	display: flex;
	flex-flow: column nowrap;
}
.Modal-Selection__desc * + * {
	margin-top: 1em;
}
#SelectionVoteForm button {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row nowrap;
	font-weight: 800;
	color: #fff;
	height: var(--button-H);
	border-radius: var(--button-H);
	background: var(--button-BG);
	transition: all 0.3s ease;
	--button-BG: var(--SelectionItemList-BorderCPink);
}
.Modal-SelectionClose {
	width: var(--Modal-SelectionClose-W);
	height: var(--Modal-SelectionClose-W);
	position: absolute;
	display: block;
	top: calc((var(--Modal-SelectionClose-W) + var(--Modal-SelectionWrap-borderW) + var(--Modal-SelectionClose-Top)) * -1);
	right: calc(var(--Modal-SelectionWrap-borderW) * -1);
	transition: all 0.3s ease;
}
.Modal-SelectionClose .icon-close {
	width: 100%;
	height: 100%;
	--icon-color: var(--SelectionItemList-BorderCPink);
}
@media (hover: hover) and (pointer: fine) {
	.Modal-SelectionClose:hover,
	#SelectionVoteForm button:hover {
		opacity: 0.7;
	}
}
@media screen and (min-width: 641px) {
	.Modal-SelectionWrap {
		--Modal-SelectionClose-W: 66px;
		--Modal-SelectionWrap-borderW: 8px;
		
		--Modal-SelectionContainer-PTB: 56px;
		--Modal-Selection__Info-PLR: 15px;
		--Modal-SelectionContainer-PLR: calc(69px - var(--Modal-Selection__Info-PLR));
		
		--Modal-SelectionClose-Top: 7px;
		padding: calc(var(--Modal-SelectionClose-W) + var(--Modal-SelectionClose-Top)) var(--Modal-SelectionClose-W);
	}
	.Modal-SelectionContainer {
		box-shadow: inset 9px -9px 8px 0px rgba(40,40,40,0.25);
	}
	.Modal-Selection__Info {
		margin-bottom: 32px;
		padding: 0 var(--Modal-Selection__Info-PLR);
	}
	.Modal-Selection__thumb {
		--Modal-Selection__thumb-H: calc(174px * 2);
		margin-bottom: 32px;
	}
	.Modal-Selection__name {
		font-size: 32px;
		margin-bottom: 32px;
	}
	.Modal-Selection__desc {
		font-size: 20px;
	}
	#SelectionVoteForm button {
		width: 160px;
		--button-H: 57px;
		font-size: 24px;
	}
}
@media screen and (max-width: 640px) {
	.Modal-SelectionWrap {
		--Modal-SelectionClose-W: calc(46 * var(--baseUnit));
		--Modal-SelectionWrap-borderW: 3px;
		
		--Modal-SelectionContainer-PTB: calc(32 * var(--baseUnit));
		--Modal-SelectionContainer-PLR: calc(24 * var(--baseUnit));

		--Modal-SelectionClose-Top: 5px;
		padding: calc(var(--Modal-SelectionClose-W) + var(--Modal-SelectionClose-Top)) calc(24 * var(--baseUnit));
	}
	.Modal-Selection__Info {
		margin-bottom: calc(24 * var(--baseUnit));
	}
	.Modal-Selection__thumb {
		--Modal-Selection__thumb-H: calc(105 * var(--baseUnit) * 2);
		margin-bottom: calc(24 * var(--baseUnit));
	}
	.Modal-Selection__name {
		font-size: calc(20 * var(--baseUnit));
		margin-bottom: calc(24 * var(--baseUnit));
	}
	.Modal-Selection__desc {
		font-size: calc(14 * var(--baseUnit));
	}
	#SelectionVoteForm button {
		width: calc(128 * var(--baseUnit));
		--button-H: calc(40 * var(--baseUnit));
		font-size: calc(16 * var(--baseUnit));
	}
}


.h2-kiyaku {
	display: flex;
	justify-content: center;
}

.accordionToggle {
	display: flex;
	justify-content: center;
	margin-top: 16px;
	position: relative;
	z-index: 2;
}
.accordionToggle a.comBtnLay.Pink {
	cursor: pointer;
	line-height: 1;
}
.accordionContainer {
	overflow: hidden;
	max-height: var(--accordionContainer-CloseH);
	transition: all 0.3s ease-in-out;
	position: relative;
}
.accordionContainer::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: var(--accordionContainer-FadeH);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.7) 50%, #fff 100%);
	pointer-events: none;
	transition: opacity 0.3s ease-in-out;
}
.accordionContainer.active::after {
	opacity: 0;
}

@media screen and (min-width: 641px) {
	.h2-kiyaku {
		margin-top: 80px;
		margin-bottom: 16px;
	}
	.h2-kiyaku img {
		width: 354px;
	}
	.accordionToggle a.comBtnLay.Pink {
		--comBtnLay-H: 57px;
		--comBtnLay-FS: 24px;
		width: 184px;
		--comBtnLay-padding: 0;
	}
	.accordionContainer {
		--accordionContainer-CloseH: 380px;
		--accordionContainer-FadeH: 170px;
	}
}
@media screen and (max-width: 640px) {
	.h2-kiyaku {
		margin-top: calc(48 * var(--baseUnit));
		margin-bottom: calc(16 * var(--baseUnit));
	}
	.h2-kiyaku img {
		width: calc(185 * var(--baseUnit));
	}
	.accordionToggle a.comBtnLay.Pink {
		--comBtnLay-H: calc(40 * var(--baseUnit));
		--comBtnLay-FS: calc(16 * var(--baseUnit));
		width: calc(144 * var(--baseUnit));
		--comBtnLay-padding: 0!important;
	}
	.accordionContainer {
		--accordionContainer-CloseH: calc(340 * var(--baseUnit));
		--accordionContainer-FadeH: calc(130 * var(--baseUnit));
	}
}