@charset "UTF-8";

/* ---------- reset ---------- */

* {
	margin: 0;
	padding: 0;
	line-height: calc(0.25rem + 1em + 0.25rem);
}
*,::before,::after {
  box-sizing: border-box;
}
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}
html {
  block-size: 100%;
  -webkit-text-size-adjust: none;
}
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  min-block-size: 100%;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}
:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
  margin: 0 auto;
}
:where(svg) {
  stroke: none;
  fill: currentColor;
}
:where(svg):where(:not([fill])) {
  stroke: currentColor;
  fill: none;
  
  stroke-linecap: round;
  stroke-linejoin: round;
}
:where(svg):where(:not([width])) {
  inline-size: 5rem;
}
:where(input, button, textarea, select),
:where(input[type="file"])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}
:where(textarea) {
  resize: vertical;
}
@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
:where(p, h1, h2, h3, h4, h5, h6) {
  font-size: 1.0em;
  /* font-weight: normal; */
  overflow-wrap: break-word;
}
:where(ul, ol)[role="list"] {
  list-style: none;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}
:where(input[type="file"]) {
  cursor: auto;
}
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  text-align: center;
}
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])[disabled] {
  cursor: not-allowed;
}
ul {
	list-style: none;
}
/* ---------- body / container ---------- */

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 16px;
	word-wrap: break-word;
	word-break: break-all;
	color: #000000;
	background: #ffffff;
}
div.container {
	width: 100%;
	max-width: 750px;
	margin: 0 auto 0 auto;
}
div.container.front {
	background: #fff;
}
div.container.entry {
	background: #76C5B3;
	background: linear-gradient(180deg,rgba(118, 197, 179, 1) 0%, rgba(204, 229, 212, 1) 100%);
}

/* ---------- header / footer ---------- */

div.container.front header {
	width: 100%;
	margin: 0 auto 5.5% auto;
}

div.container.entry header {
	position: relative;
	width: 100%;
}
div.container.entry header a {
	display: block;
	position: absolute;
	bottom: 6%;
	width: 86%;
	transform: translate(-50%, 0%);
	left: 50%;
}

footer {
	width: 100%;
	color: #443d53;
	font-size: 0.75em;
	text-align: center;
	padding: 2.5% 0;
}
@media screen and (max-width:750px) {
	footer {
		font-size: 2.0vw;
	}
}

/* ---------- front > member ---------- */

a.member {
	display: block;
	width: 70%;
	margin: 0 auto 6.5% auto
}
a.member img {
	width: 100%;
	border-radius: 51px;
	box-shadow: 0px 7px 20px 8px rgba(109, 104, 122, 0.3);
}

@media screen and (max-width:750px) {
	a.member {
		width: 75%;
	}
	a.member img {
		border-radius: 6.8vw;
		box-shadow: 0px 0.93vw 2.6vw 1vw rgba(109, 104, 122, 0.3);
	}
}

@media screen and (max-width:550px) {
	a.member {
		width: 85%;
	}
}

/* ---------- front > tvcm ---------- */

div.tvcm {
	width: 100%;
	background-color: #fff0f6;
	padding: 0 0 5.5% 0;
}
div.tvcm h2.midashi {
	display: block;
	/* width: 70%; */
	width: 80%;
	margin: 0 auto 5.5% auto;
}
div.tvcm p {
	font-size: 1.5em;
	text-align: center;
	margin: 0 auto 5.5% auto;
}
div.tvcm figure.mv {
	display: block;
	width: 86%;
	margin: 0 auto 5.5% auto;
}

div.tvcm a {
	display: block;
	width: 64%;
	margin: 0 auto 0 auto;
}
div.tvcm a img {
	width: 100%;
	border-radius: 51px;
	box-shadow: 0px 7px 20px 8px rgba(109, 104, 122, 0.3);
}

@media screen and (max-width:750px) {
	div.tvcm p {
		font-size: 3.9vw;
	}
	div.tvcm a {
		width: 69%;
	}
	div.tvcm a img {
		border-radius: 6.8vw;
		box-shadow: 0px 0.93vw 2.6vw 1vw rgba(109, 104, 122, 0.3);
	}
}

@media screen and (max-width:550px) {
	div.tvcm p {
		font-size: 4.9vw;
	}
	div.tvcm a {
		width: 74%;
	}
}

/* ---------- front >  pack ---------- */

div.pack {
	width: 100%;
	background: #F9D3E0;
	background: linear-gradient(180deg,rgba(249, 211, 224, 1) 0%, rgba(227, 0, 119, 1) 100%);
	padding: 6% 0 6% 0;
	margin: -0.2% 0 0 0;
}
div.pack div.inner {
	position: relative;
	width: 87%;
	border-radius: 100px;
	background-color: #fff;
	padding: 11% 0 0 0;
	margin: 0 auto 0 auto;
}
div.pack div.inner h2.midashi {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	width: 62%;
	color: #fff;
	font-size: 1.75em;
	text-align: center;
	border-radius: 50px;
	background-color: #e30077;
	padding: 3.5% 0;
	margin: 0 auto 0 auto;
}
div.pack div.inner figure.mv {
	display: block;
	width: 87%;
	margin: 0 auto 5.5% auto;
}
div.pack div.inner p {
	display: block;
	width: 87%;
	color: #6d687a;
	font-size: 1.25em;
	margin: 0 auto 5.5% auto;
}

div.pack div.subject {
	width: 100%;
	border-radius: 30px 30px 100px 100px;
	background-color: #fff0f6;
	padding: 11% 0;
}
div.pack div.subject h3.midashi {
	display: block;
	width: 85%;
	margin: 0 auto 5.5% auto;
}

@media screen and (max-width:750px) {
	div.pack div.inner {
		border-radius: 12vw;
	}
	div.pack div.inner h2.midashi {
		/* font-size: 3.7vw; */
		font-size: 4.2vw;
	}
	div.pack div.inner p {
		/* font-size: 2.7vw; */
		font-size: 3.2vw;
	}
	div.pack div.subject {
		border-radius: 4vw 4vw 12vw 12vw;
	}
}

@media screen and (max-width:550px) {
	div.pack div.inner h2.midashi {
		font-size: 4.7vw;
	}
	div.pack div.inner p {
		font-size: 3.7vw;
	}
}

/* ---------- front > pack > splide ---------- */

div.pack section.splide {
	display: block;
  width: 85%;
  margin: 0 auto 5.5% auto;
}
.splide__slide {
	background-color: #fff;
}
div.pack button.splide__arrow {
	width: 69px;
	height: auto;
	aspect-ratio: 1;
	background-color: #e30077;
}
div.pack button.splide__arrow.splide__arrow--prev {
	left: -5%;
}
div.pack button.splide__arrow.splide__arrow--next {
	right: -5%;
}
div.pack button.splide__arrow svg {
	width: 19px;
	height: auto;
	aspect-ratio: 1;
	fill: #fff;
	stroke: unset;
}
div.pack div.splide__track {
	border-radius: 30px;
	box-shadow: 0px 7px 20px 8px rgba(206, 74, 137, 0.3);
}

@media screen and (max-width:750px) {
	div.pack button.splide__arrow {
		width: 9.2vw;
	}
	div.pack button.splide__arrow svg {
		width: 2.6vw;
	}
	div.pack div.splide__track {
		border-radius: 4vw;
		box-shadow: 0px 0.93vw 2.6vw 1vw rgba(206, 74, 137, 0.3);
	}
}

/* ---------- front > rec ---------- */

div.rec figure.mv {
	display: block;
	width: 100%;
	margin: 0 auto 5.5% auto;
}
div.rec p {
	display: block;
	width: 86%;
	color: #6d687a;
	font-size: 1.25em;
	margin: 0 auto 5.5% auto;
}

@media screen and (max-width:750px) {
	div.rec p {
		font-size: 3.2vw;
	}
}
@media screen and (max-width:550px) {
	div.rec p {
		font-size: 3.7vw;
	}
}

/* ---------- front > advisor ---------- */

div.advisor {
	width: 100%;
	background: #EA6D99;
	background: linear-gradient(180deg,rgba(234, 109, 153, 1) 0%, rgba(234, 109, 153, 1) 20%, rgba(249, 211, 224, 1) 100%);
	padding: 11% 0 5.5% 0;
}
div.advisor h2.midashi {
	display: block;
	width: 80%;
	margin: 0 auto 5.5% auto;
}
div.advisor div.inner {
	position: relative;
	width: 87%;
	border-radius: 100px;
	background-color: #fff;
	padding: 11% 0 5.5% 0;
	margin: 0 auto 0 auto;
}
div.advisor div.inner figure.mv {
	display: block;
	width: 91%;
	margin: 0 auto 5.5% auto;
}
div.advisor div.inner p {
	display: block;
	width: 81%;
	color: #6d687a;
	font-size: 1.25em;
	margin: 0 auto 5.5% auto;
}

@media screen and (max-width:750px) {
	div.advisor div.inner {
		border-radius: 12vw;
	}
	div.advisor div.inner p {
		font-size: 3.2vw;
	}
}

@media screen and (max-width:550px) {
	div.advisor div.inner p {
		font-size: 3.7vw;
	}
}

/* ---------- front > campaign ---------- */

div.campaign {
	width: 100%;
	background: #76C5B3;
	background: linear-gradient(180deg,rgba(118, 197, 179, 1) 0%, rgba(204, 229, 212, 1) 100%);
	padding: 0 0 5.5% 0;
}
div.campaign figure.mv {
	width: 100%;
}
div.campaign figure.ctxt {
	/* width: 86%; */
	width: 100%;
	margin: 2.0% auto 5.5% auto;
}


div.campaign ul {
	list-style: none;
	/* width: 86%; */
	width: 91%;
	margin: 0 auto 5.5% auto;
}
div.campaign ul li {
	width: 100%;
	margin: 0 0 2% 0;
}

div.campaign div.inner {
	position: relative;
	width: 87%;
	border-radius: 100px;
	background-color: #fff;
	padding: 11% 0 5.5% 0;
	margin: 0 auto 0 auto;
}
div.campaign div.inner figure.entry {
	display: block;
	width: 87%;
	margin: 0 auto 3.5% auto;
}

div.campaign div.inner a.entry-btn {
	display: block;
	width: 73.8%;
	margin: 0 auto 3.5% auto;
}
div.campaign div.inner a.entry-btn img {
	width: 100%;
	border-radius: 51px;
	box-shadow: 0px 7px 20px 8px rgba(109, 104, 122, 0.3);
}

div.campaign div.inner a.entry-btn + .entry {
	margin-top: 5%;
}

@media screen and (max-width:750px) {
	div.campaign div.inner {
		border-radius: 12vw;
	}
	div.campaign div.inner a.entry-btn img {
		border-radius: 6.8vw;
		box-shadow: 0px 0.93vw 2.6vw 1vw rgba(109, 104, 122, 0.3);
	}
}

/* ---------- line ---------- */

figure.deco {
	width: 100%;
}
figure.deco.pink01 {
	background-color: #fff;
}
figure.deco.pink02 {
	background-color: #fff0f6;
}
figure.deco.green01 {
	background-color: #f9d3e0;
}
figure.deco.white01 {
	background-color: #e30077;
}
figure.deco.white02 {
	background-color: #ea6d99;
}
figure.deco.white03 {
	background-color: unset;
	transform: rotate(180deg);
}
figure.deco.white04 {
	background-color: unset;
}
figure.deco.white05 {
	background-color: #fff0f6;
}

/* ---------- entry > date ---------- */

figure.date {
	background-color: #fff;
}

/* ---------- entry > item ---------- */

div.item {
	width: 86%;
	margin: 7% auto 5.5% auto;
}

/* ---------- entry > item > splide ---------- */

div.item section.splide {
	display: block;
  width: 86.1%;
  margin: 0 auto 5.5% auto;
}
div.item button.splide__arrow {
	width: 69px;
	height: auto;
	aspect-ratio: 1;
	background-color: #e30077;
}
div.item button.splide__arrow.splide__arrow--prev {
	left: -5%;
}
div.item button.splide__arrow.splide__arrow--next {
	right: -5%;
}
div.item button.splide__arrow svg {
	width: 19px;
	height: auto;
	aspect-ratio: 1;
	fill: #fff;
	stroke: unset;
}
div.item div.splide__track {
	border-radius: 30px;
	/* box-shadow: 0px 7px 20px 8px rgba(206, 74, 137, 0.3); */
	box-shadow: 0px 7px 20px 8px rgba(118, 197, 179, 0.3);
	
}

@media screen and (max-width:750px) {
	div.item button.splide__arrow {
		width: 9.2vw;
	}
	div.item button.splide__arrow svg {
		width: 2.6vw;
	}
	div.item div.splide__track {
		border-radius: 4vw;
		box-shadow: 0px 0.93vw 2.6vw 1vw rgba(118, 197, 179, 0.3);
	}
}

/* ---------- entry > detail ---------- */

div.detail {
	position: relative;
	width: 94%;
	border-radius: 30px;
	background-color: #fff;
	padding: 11% 0 6% 0;
	margin: 11% auto 5.5% auto;
}
div.detail h2.midashi {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	width: 60%;
	color: #fff;
	font-size: 1.75em;
	text-align: center;
	border-radius: 50px;
	background-color: #e30077;
	padding: 3.5% 0;
	margin: 0 auto 0 auto;
}

div.detail figure {
	position: relative;
	width: 86.1%;
	margin: 0 auto 5.5% auto;
}
div.detail figure img.deco.entry {
	position: absolute;
	top: 6%;
	right: 6%;
	width: 127px;
	transform: rotate(15deg);
}


div.detail ul {
	list-style: none;
	width: 86.1%;
	color: #6d687a;
	margin: 0 auto 5.5% auto;
}
div.detail ul li {
	display: flex;
	font-size: 0.9em;
	margin: 0 0 4px 0;
}
div.detail ul li.imp {
	color: red;
}
div.detail ul li:before {
	content: "※";
}

@media screen and (max-width:750px) {
	div.detail {
		border-radius: 4.1vw;
	}
	div.detail h2.midashi {
		font-size: 3.7vw;
	}
	div.detail ul li {
		font-size: 0.85em;
		margin: 0 0 8px 0;
	}
	div.detail figure img.deco.entry {
		width: 16vw;
	}
}

/* ---------- entry > prize ---------- */

div.entry ul.prize {
	list-style: none;
	width: 86%;
	margin: 0 auto 5.5% auto;
}
div.entry ul.prize li {
	width: 100%;
	margin: 0 0 2% 0;
}

/* ---------- entry > contact ---------- */

div.contact {
	position: relative;
	width: 94%;
	border-radius: 30px;
	background-color: #fff;
	padding: 11% 0 6% 0;
	margin: 11% auto 5.5% auto;
}
div.contact h2.midashi {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	width: 60%;
	color: #fff;
	font-size: 1.75em;
	text-align: center;
	border-radius: 50px;
	background-color: #e30077;
	padding: 3.5% 0;
	margin: 0 auto 0 auto;
}

div.contact p {
	width: 86.1%;
	margin: 0 auto 5.5% auto;
}

div.contact dl {
	width: 86.1%;
	margin: 0 auto 5.5% auto;
}
div.contact dl dt {
	font-size: 1.4em;
}
div.contact dl dd {
	font-size: 1.2em;
}
div.contact dl dd a {
	color: red;
}

div.contact ul {
	width: 86.1%;
	margin: 0 auto 0 auto;
}
div.contact ul li {
	font-size: 0.9em;
	margin-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width:750px) {
	div.contact {
		border-radius: 4.1vw;
	}
	div.contact h2.midashi {
		font-size: 3.7vw;
	}

}






/* ---------- section__body ---------- */

div.section__body {
	position: relative;
	width: 94%;
	border-radius: 30px;
	background-color: #fff;
	padding: 6% 0 6% 0;
	margin: 11% auto 5.5% auto;
}
div.section__body h2.midashi {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	width: 60%;
	color: #fff;
	font-size: 1.75em;
	text-align: center;
	border-radius: 50px;
	background-color: #e30077;
	padding: 3.5% 0;
	margin: 0 auto 0 auto;
}

@media screen and (max-width:750px) {
	div.section__body {
		border-radius: 4.1vw;
	}
	div.section__body h2.midashi {
		font-size: 3.7vw;
	}
}

/* ---------- section__body > accordion ---------- */

.accordion {
	margin: 5% 0;
}
.accordion__head {
	white-space: nowrap;
	position: relative;
	width: 86.1%;
	font-size: 1.2em;
	color: #0d3482;
	font-weight: bold;
	text-align: center;
	border: solid 2px #0d3482;
	border-radius: 15px;
	padding: 0.5em 0;
	margin: 0 auto 0 auto;
}
.accordion__head.is-open::after {
	top: 40%;
	transform: rotate(-45deg);
}
.accordion__head::after {
	position: absolute;
	top: 30%;
	right: 1.25em;
	display: block;
	width: 0.75em;
	height: 0.75em;
	content: "";
	transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	transform: rotate(135deg);
	border-top: solid 2px #0d3482;
	border-right: solid 2px #0d3482;
}
.accordion__body {
	display: none;
	width: 86.1%;
	margin: 2.5% auto 0 auto;
}

.terms__txt {
	font-size: 0.9em;
	margin-bottom: 5%;
}
.terms__tit {
	font-weight: bold;
}
.terms__list {
	margin-bottom: 5%;
}
.terms__list-item {
	font-size: 0.9em;
	margin: 0 0 8px 1em;
	margin-left: 1em;
	text-indent: -1em;
}
.terms__list-item > .terms__list {
	margin-bottom: 0;
}
.terms__list-item > .terms__list > .terms__list-item {
	font-weight: 400;
	margin: 0 0 4px 1em;
}

@media screen and (max-width:750px) {
	div.section__body {
		border-radius: 4.1vw;
	}
	div.section__body h2.midashi {
		font-size: 3.7vw;
	}

	.terms__list-item {
		font-size: 0.85em;
		margin: 0 0 8px 0;
	}
}

/* ---------- form > manage_code ---------- */

form div.form__field {
	width: 86.1%;
	margin: 0 auto 5.5% auto;
}
form div.form__field h4.form__title {
	font-size: 1.2em;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;

	display: block;
	width: 100%;
	color: inherit;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	border: solid 2px;
	border-color: #aaa5a4;
	border-radius: 4px;
	background: #f4f3f3;

	padding: 0.5em 0.75em;
}

/* ------ */
.modal {
	width: 86.1%;
	margin: 0 auto 5.5% auto;
}
.modal__close,
.modal__open {
    font-weight: bold;
    line-height: 3em;
    display: block;
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: none;
    background: #000000;
}
.modal__container {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	display: none;
	overflow: auto;
	width: 100%;
	height: 100%;
}
.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}
.modal__body {
	display: table;
	width: 100%;
	height: 100%;
}
.modal__main {
	display: table-cell;
	padding: 5%;
	text-align: center;
	vertical-align: middle;
}
.modal__content {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 93%;
	max-width: 600px;
	padding: 3.5%;
	color: #000000;
	background: #ffffff;
}
#interactive.viewport > canvas, #interactive.viewport > video {
	width: 100%;
	max-width: 100%;
}
.modal__txt {
	margin: 2.5% 0;
}

/* ------ */
.card {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 86.1%;
	border: solid 2px #aaa5a4;
	border-radius: 4px;
	padding: 5%;
	margin: 0 auto 5% auto;
}
.card__img {
	width: 100%;
	max-width: 383px;
	margin: 0 auto 5% auto;
}

.card__list {
	width: 100%;
}
.card__list-item {
	margin-left: 1em;
	text-indent: -1em;
}

/* ------ */
.form__agree {
	width: 86.1%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 5.5% auto;
}
input[type="checkbox"], input[type="radio"] {
	z-index: -1;
	display: block;
	float: left;
	width: 1em;
	margin-right: -2rem;
	opacity: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
input[type="checkbox"] + label, input[type="radio"] + label {
	position: relative;
	display: inline-block;
	padding-left: 1.9em;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
	line-height: 1.65em;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1.4em;
	height: 1.4em;
	content: " ";
	transform: translateY(-50%);
	text-align: center;
	border: solid 2px;
	border-color: #1b2a75;
	background: #ffffff;
}
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
    content: "";
    color: #ffffff;
    border-color: #1b2a75;
    background-color: #1b2a75;
    background-image: url(../img/check-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80% 80%;
}

/* ------ */
.form__navi {
	width: 86.1%;
	margin: 0 auto 5.5% auto;
}
.form__button {
	background-color: unset;
}
.form__button[disabled] {
	cursor: default;
	-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);
}

/* ------ */
.section__list {
	width: 86.1%;
	font-size: 0.9em;
	margin: 0 auto 5.5% auto;	
}
.section__list, .section__list__products {
	margin-top: 5%;
}
.section__list-item, .section__list-item__products {
	margin-left: 1em;
	text-indent: -1em;
}

/* ---------- front > confirm ---------- */

.form__message--alert {
	color: #ff0000;
	border-color: #ff0000;
}
.form__message--info {
	color: #0064e6;
	border-color: #0064e6;
}
.form__message {
	width: 86.1%;
	font-weight: 600;
	font-size: 1.4em;
	text-align: center;
	border: 6px solid;
	padding: 1.25em 0;
	margin: 0 auto 5.5% auto;
}
.form__txt {
	width: 86.1%;
	font-size: 1.2em;
	text-align: center;
	margin: 0 auto 5.5% auto;
}
.form__confirm {
	outline: 0;
	display: block;
	width: 100%;
	color: inherit;
	font-weight: bold;
	line-height: 1em;
	border: 2px solid #1b2a75;
	border-radius: 4px;	
	background: #e6fff7;
	padding: 0.65em 0.75em;
}
.form__button.form__button--entry {
	margin: 0 auto 3% auto;
}
.form__button.form__button--back {
	display: block;
	width: 57%;
	margin: 0 auto 0 auto;
}

.form__account {
	width: 86.1%;
	overflow: hidden;
	margin: 4% auto;
	border: solid 2px #777777;
	background: #ffffff;
}
.form__accounthead {
	font-weight: bold;
	text-align: center;
	padding: 0.25em 0.25em 0.4em 9.6px;
	background: #777777;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.4;
}
.form__accountbody {
	padding: 1% 2%;
	text-align: center;
	font-size: 2.0em;
	font-weight: bold;
}

@media screen and (max-width:750px) {
	.form__message {
		font-size: 3.0vw;
	}
	.form__txt {
		font-size: 2.2vw
	}

	.form__accounthead {
		font-size: 3.0vw;
	}
	.form__accountbody {
		font-size: 5.0vw;
	}
}

/* ---------- 追加CSS（2026/03/16） ---------- */

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9のアスペクト比 */
	height: 0;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}