@charset "utf-8";
.Page .PageHeader { position:relative; }
.Page .PageHeader .end { position:absolute; top:0; left:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6vw; color:#fff; font-weight:bold; z-index:999; }
.Page .PageHeader .end p { text-align:center; line-height:2; }
/*.Page .PageHeader .btn { position:absolute; bottom:5.079%; right:0; left:0; margin:auto; width:30%; }*/
/*.Page .PageHeader .btn a { display:block; }*/
html.Desktop .Page .PageHeader a:hover { opacity:1; }
@media screen and (max-width:767px) {
	.Page .PageHeader .end { font-size:3vw; }
	/*.Page .PageHeader .btn { position:absolute; bottom:8%; left:0; right:0; margin:auto; width:90%; }*/
	/*.Page .PageHeader .btn a { display:block; }*/
}




.RegistArea {}
.RegistArea a { display:flex; align-items:center; justify-content:center; position:relative; padding:0 16px 0 32px; width:560px; height:80px; margin:auto; border-radius:80px; line-height:1.25; font-weight:bold; text-decoration:none; box-sizing:border-box; color:#fff; 
/*background:var(--bg_grad_a2);*/

background: #fc9045;
background: -moz-linear-gradient(left,  #fc9045 0%, #fc1720 100%);
background: -webkit-linear-gradient(left,  #fc9045 0%,#fc1720 100%);
background: linear-gradient(to right,  #fc9045 0%,#fc1720 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9045', endColorstr='#fc1720',GradientType=1 );
}
.RegistArea a .txt { font-size:32px; margin-right:8px; }
.RegistArea a .txt span { font-size:24px; }
.RegistArea a .arrow { font-size:32px; color:#fff; line-height:1; position:absolute; top:50%; right:16px; transform:translateY(-50%); }
.RegistArea a .arrow svg { vertical-align:bottom; }
@media screen and (max-width:1199px) {
	.RegistArea {}
	.RegistArea a { padding:0 calc(16vw / var(--scale)) 0 calc(32vw / var(--scale)); width:calc(560vw / var(--scale)); height:calc(80vw / var(--scale)); border-radius:calc(80vw / var(--scale)); }
	.RegistArea a .txt { font-size:calc(32vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	.RegistArea a .txt span { font-size:calc(24vw / var(--scale)); }
	.RegistArea a .arrow { font-size:calc(32vw / var(--scale)); right:calc(16vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.RegistArea {}
	.RegistArea a { padding:0 calc(16vw / var(--scale)) 0 calc(32vw / var(--scale)); width:100%; height:calc(56vw / var(--scale)); border-radius:calc(56vw / var(--scale)); }
	.RegistArea a .txt { font-size:calc(24vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	.RegistArea a .txt span { font-size:calc(16vw / var(--scale)); }
	.RegistArea a .arrow { font-size:calc(32vw / var(--scale)); right:calc(16vw / var(--scale)); }
}
@media screen and (max-width:519px) {
	.RegistArea a { justify-content:space-between; }
	.RegistArea a .txt { font-size:calc(20vw / var(--scale)); }
	.RegistArea a .txt span { font-size:calc(14vw / var(--scale)); }
}


.RegistAreaEnd { display:flex; align-items:center; justify-content:center; width:560px; height:80px; margin:auto; border-radius:80px; line-height:1.25; font-weight:bold; text-decoration:none; box-sizing:border-box; background:#999; color:#fff; }
.RegistAreaEnd .txt { font-size:24px; }
.RegistAreaEnd .arrow { font-size:32px; color:#fff; line-height:1; }
.RegistAreaEnd .arrow svg { vertical-align:bottom; }
@media screen and (max-width:1199px) {
	.RegistAreaEnd { width:calc(560vw / var(--scale)); height:calc(80vw / var(--scale)); border-radius:calc(80vw / var(--scale)); }
	.RegistAreaEnd .txt { font-size:calc(24vw / var(--scale)); }
	.RegistAreaEnd .arrow { font-size:calc(32vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.RegistAreaEnd { width:100%; height:calc(56vw / var(--scale)); border-radius:calc(56vw / var(--scale)); }
	.RegistAreaEnd .txt { font-size:calc(20vw / var(--scale)); }
	.RegistAreaEnd .arrow { font-size:calc(32vw / var(--scale)); }
}
@media screen and (max-width:519px) {
	.RegistAreaEnd {}
	.RegistAreaEnd .txt { font-size:calc(14vw / var(--scale)); }
	.RegistAreaEnd .arrow {}
}




.RegistArea2 {}
.RegistArea2 .BtnArea { display:flex; width:fit-content; gap:24px; margin:auto; }
.RegistArea2 .BtnArea a {
	display:flex; align-items:center;
	padding:0 64px 0 32px; min-width:360px; height:80px; margin:auto; border-radius:9999px; font-weight:bold; text-decoration:none; box-sizing:border-box; color:#fff; position:relative;  
	background: #fc9045;
	background: -moz-linear-gradient(left,  #fc9045 0%, #fc1720 100%);
	background: -webkit-linear-gradient(left,  #fc9045 0%,#fc1720 100%);
	background: linear-gradient(to right,  #fc9045 0%,#fc1720 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9045', endColorstr='#fc1720',GradientType=1 );
}
.RegistArea2 .BtnArea a .txt { display:block; line-height:1.25; }
.RegistArea2 .BtnArea a .txt .sub { font-size:20px; letter-spacing:.04em; }
.RegistArea2 .BtnArea a .txt .main { font-size:20px; letter-spacing:.04em; }
.RegistArea2 .BtnArea a .txt .main strong { font-size:28px; letter-spacing:.04em; }
.RegistArea2 a .arrow { font-size:32px; color:#fff; line-height:1; position:absolute; top:50%; right:16px; transform:translateY(-50%); }
.RegistArea2 a .arrow svg { vertical-align:bottom; }
@media screen and (max-width:1199px) {
	.RegistArea2 .BtnArea { gap:calc(24vw / var(--scale));;}
	.RegistArea2 .BtnArea a { padding:0 calc(64vw / var(--scale)) 0 calc(32vw / var(--scale)); min-width:calc(360vw / var(--scale)); height:calc(80vw / var(--scale)); }
	.RegistArea2 .BtnArea a .txt .sub { font-size:calc(20vw / var(--scale)); }
	.RegistArea2 .BtnArea a .txt .main { font-size:calc(20vw / var(--scale));  }
	.RegistArea2 .BtnArea a .txt .main strong { font-size:calc(28vw / var(--scale)); }
	.RegistArea2 a .arrow { font-size:calc(32vw / var(--scale)); right:calc(16vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.RegistArea2 .BtnArea { display:block; width:auto; }
	.RegistArea2 .BtnArea a { padding:0 calc(64vw / var(--scale)) 0 calc(32vw / var(--scale)); width:100%; min-width:0; height:calc(56vw / var(--scale)); }
	.RegistArea2 .BtnArea a:has(+ a) { margin-bottom:calc(16vw / var(--scale)); }
	.RegistArea2 .BtnArea a .txt .sub { font-size:calc(14vw / var(--scale)); }
	.RegistArea2 .BtnArea a .txt .main { font-size:calc(14vw / var(--scale));  }
	.RegistArea2 .BtnArea a .txt .main strong { font-size:calc(20vw / var(--scale)); }
	.RegistArea2 a .arrow { font-size:calc(32vw / var(--scale)); right:calc(16vw / var(--scale)); }
}
@media screen and (max-width:519px) {
}
