@charset "utf-8";

input[type="text"],
input[type="email"],
input[type="tel"],
select, option,
input[type="submit"],
input[type="button"],
input[type="password"],
button,
textarea{
	margin:0;
	padding:0;
	background:none;
	border:none;
	border-radius:0;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-family:'Zen Kaku Gothic New', sans-serif;
}
::placeholder{
  color:#999999;
	font-family:'Zen Kaku Gothic New', sans-serif;
}

.formZone input:disabled{
	opacity:0.3;
	cursor:not-allowed;
}
.formZone > .items .bdyBox input:focus,
.formZone > .items .bdyBox select:focus,
.formZone > .items .bdyBox textarea:focus{
	background-color:#e9f8ff !important;
}


.jsErrTxt{
	color:#f00;
}


.processingModal{
	display:none;
	width:100%;
	height:100vh;
	background-color:rgba(0, 0, 0, .8);
	position:fixed;
	top:0;
	left:0;
	z-index:3000;
}
.processingModal.act{
	display:flex;
}
.processingModal .pmOuter{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100vh;
}
/* HTML: <div class="loader"></div> */
.loader {
  width: 70px;
	margin:0 auto 0;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #ffffff;
  animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@keyframes l20-1{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}
.processingModal .pmOuter .pmInner > p{
	color:#ffffff;
	margin-top:30px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){

	/* ============================================ */
	.formZone{
		width:100%;
		margin:0 auto 0;
	}
	.formZone > .items{
		width:100%;
		margin:8% auto 0;
	}
	.formZone > .items:first-child{
		margin-top:0;
	}
	.formZone > .items .ttlBox{
		display:flex;
		align-items:center;
		width:100%;
		padding-block:2%;
		/*padding-inline-start:min(10vw, 60px);*/
		padding-inline-start:clamp(34px, 10.5vw, 60px);
		padding-inline-end:0;
		/*padding:2% 0 2% 11vw;*/
		position:relative;
	}
	.formZone > .items .ttlBox > p{
		font-size:3.5vw;
	}
	.formZone > .items .ttlBox.required::before{
		display:flex;
		justify-content:center;
		align-items:center;
		width:auto;
		content:"必須";
		padding:2px 6px 3px 6px;
		background-color:#ef9a24;
		color:#ffffff;
		font-size:3vw;
		position:absolute;
		top:50%;
		transform: translateY(-45%);
		left:0;
		border-radius:2px;
	}
	.formZone > .items .bdyBox{
		width:100%;
		padding:1.5% 0 0 0;
	}
	.formZone > .items .bdyBox > p{
		font-size:3.5vw;
		word-break:break-all;
	}
	.formZone > .items > .bdyBox > .attBox p{
		font-size:3.2vw;
		margin-top:2%;
		padding-left:1em;
		text-indent:-1em;
		line-height:1.2;
	}

	/* ============================================ */
	.formZone > .items .bdyBox input[type="text"],
	.formZone > .items .bdyBox input[type="email"],
	.formZone > .items .bdyBox input[type="tel"],
	.formZone > .items .bdyBox input[type="password"]{
		width:100%;
		background-color:#f5f5f5;
		padding:.5em .7em;
		border-radius:7px;
		font-size:3.5vw;
	}
	::placeholder{
		font-size:3.5vw;
	}
	select{
		width:100%;
		font-size:3.5vw;
	}

	/* ============================================ */
	.formZone > .items .bdyBox .selectWrap{
		display:inline-block;
		position:relative;
	}
	.formZone > .items .bdyBox .selectWrap::before{
		display:block;
		content:"\e5d7";
		font-variation-settings:'wght' 300;
		font-family:"Material Symbols Outlined";
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-43%);
		font-size:4.5vw;
		color:#666666;
		z-index:2;
		pointer-events:none;
	}
	.formZone > .items .bdyBox .selectWrap select{
		position:relative;
		background-color:#f5f5f5;
		padding:.7em 3em .7em 1em;
		color:#333333;
		border-radius:5px;
	}
	.formZone > .items .bdyBox .selectWrap select option{
		color:#333333;
	}

	/* ============================================ */
	.formZone > .items .bdyBox .radioWrap{
		width:100%;
		margin:0 auto 0;
	}
	.formZone > .items .bdyBox .radioWrap .customradio{
		display:inline-block;
		width:100%;
		margin-top:2%;
	}
	.formZone > .items .bdyBox .radioWrap .customradio:first-child{
		margin-top:0;
	}

	/* ----------------------------- */
	.radioWrap .customradio input[type="radio"]{
		position:absolute;
		appearance:none;
	}
	.radioWrap .customradio .crinner{
		display:flex;
		align-items:center;
		padding:.5em 0.7em;
		position:relative;
		background:#f5f5f5;
		border-radius:5px;
	}
	.radioWrap .customradio input[type="radio"]:checked + .crinner{
		background-color:#d8e6ec;
	}
	.radioWrap .customradio .crinner > .crtext{
		position:relative;
		padding-left:1.7em;
		line-height:1.2;
		font-size:3.5vw;
		transition:0.3s;
	}
	.radioWrap .customradio .crinner > .crtext > span{
		font-size:0.84rem;
	}
	.radioWrap .customradio .crinner > .crtext::before{
		position:absolute;
		content:"";
		width:16px;
		height:16px;
		border-radius:20px;
		background:#fff;
		top:50%;
		left:0;
		transform:translateY(-50%);
		border:1px solid #e2e2e2;
	}
	.radioWrap .customradio input[type="radio"]:checked + .crinner > .crtext::before{
		border:1px solid #a4d580;
	}
	.radioWrap .customradio input[type="radio"] + .crinner > .crtext::after{
		background-color:#ffffff;
	}
	.radioWrap .customradio input[type="radio"]:checked + .crinner > .crtext::after{
		position:absolute;
		content:"";
		font-size:10px;
		width:12px;
		height:12px;
		border-radius:20px;
		background-color:var(--themeColorBlue);
		top:50%;
		left:3px;
		transform:translateY(-50%);
	}

	/* ============================================ */
	.formZone > .items .bdyBox .checkWrap{
		display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
		gap:1%;
	}
	.formZone > .items .bdyBox .checkWrap .customcheck{
		width:100%;
		margin-top:2%;
	}

	/* ----------------------------- */
	.checkWrap .customcheck input[type="checkbox"]{
		position:absolute;
		appearance:none;
	}
	.checkWrap .customcheck .ccinner{
		display:flex;
		align-items:center;
		padding:.7em 1em;
		position:relative;
		background:#f5f5f5;
		border-radius:4px;
	}
	.checkWrap .customcheck input[type="checkbox"]:checked + .ccinner{
		background-color:#cff1ff;
	}
	.checkWrap .customcheck .ccinner > .cctext{
		position:relative;
		padding-left:1.6em;
		line-height:1;
		transition:0.3s;
	}
	.checkWrap .customcheck .ccinner > .cctext::before{
		position:absolute;
		content:"";
		width:16px;
		height:16px;
		border-radius:4px;
		background:#fff;
		top:50%;
		left:0;
		transform:translateY(-45%);
		border:1px solid #e2e2e2;
	}
	.checkWrap .customcheck input[type="checkbox"]:checked + .ccinner > .cctext::before{
		border:1px solid #7cc0dd;
	}
	.checkWrap .customcheck input[type="checkbox"] + .ccinner > .cctext::after{
		background-color:#ffffff;
	}
	.checkWrap .customcheck input[type="checkbox"]:checked + .ccinner > .cctext::after{
		display:block;
		position:absolute;
		content:"";
		width:16px;
		height:7px;
		border-bottom:5px solid;
		border-left:5px solid;
		border-color: #1dbde6;
		background-color:transparent;
		top:50%;
		left:5px;
		transform:rotate(-45deg) translateY(-80%);
	}

	/* ============================================ */
	.formZone > .items.addressBox > .bdyBox .innerBox{}
	.formZone > .items.addressBox > .bdyBox .innerBox > p{
		width:100%;
		font-size:3vw;
		padding-bottom:1%;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > div{}
	.formZone > .items.addressBox > .bdyBox .innerBox.prefBox{
		margin-top:6%;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox.adr1Box,
	.formZone > .items.addressBox > .bdyBox .innerBox.adr2Box{
		margin-top:4%;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > div > .zip1{
		width:6em;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > div > .zip2{
		width:10em;
	}

	/* ============================================ */
	.formZone > .items.emailBox > .bdyBox > div:nth-child(2),
	.formZone > .items.passwordBox > .bdyBox > div:nth-child(2){
		margin-top:2%;
	}

	/* ============================================ */
	.formZone > .items.wheelchairBox > .bdyBox .radioWrap,
	.formZone > .items.assistanceBox > .bdyBox .radioWrap,
	.formZone > .items.signlanguageBox > .bdyBox .radioWrap{
		display: flex;
	}
	.formZone > .items.wheelchairBox > .bdyBox .radioWrap .customradio,
	.formZone > .items.assistanceBox > .bdyBox .radioWrap .customradio,
	.formZone > .items.signlanguageBox > .bdyBox .radioWrap .customradio{
		width:49%;
		margin-top:0;
	}
	.formZone > .items.wheelchairBox > .bdyBox .radioWrap .customradio:first-child,
	.formZone > .items.assistanceBox > .bdyBox .radioWrap .customradio:first-child,
	.formZone > .items.signlanguageBox > .bdyBox .radioWrap .customradio:first-child{
		margin-right:2%;
	}

	/* ============================================ */
	.formZone > .items > .bdyBox .jsErrTxt{
		font-size:3.5vw;
		font-weight:500;
		margin-top:1.5%;
	}
	.formZone > .items > .bdyBox .jsErrTxt.recommend_categoryErr{
		margin-top:11%;
	}


	/* ============================================ */
	.formZone > .formBtmBox{
		border-top:1px solid #999999;
		margin-top:15%;
	}

	/* ============================================ */
	.formZone > .formBtmBox .ppBox{
		margin-top:5%;
		text-align:center;
	}
	.formZone > .formBtmBox .ppBox a{
		color:#333333;
		font-size:3.5vw;
	}
	.formZone > .formBtmBox .ppBox a span{
		display:inline-block;
		font-size:3.5vw;
		position:relative;
		top:2px;
	}

	/* ============================================ */
	.formZone > .formBtmBox .agreeBox .checkWrap{
		width:260px;
		margin:10px auto 0;
	}
	.formZone > .formBtmBox .agreeBox .checkWrap .customcheck .ccinner > .cctext{
		font-size:0.9rem;
		padding-top:3px;
	}

	/* ============================================ */
	.formZone > .formBtmBox .btnWrap{
		display:flex;
		flex-direction:column-reverse;
		justify-content:center;
		margin-top:6%;
	}
	/* ------------------------------------ */
	.formZone > .formBtmBox .btnWrap .submitBox{
		width:80%;
		max-width:360px;
		height:auto;
		margin:0 auto 0;
		position:relative;
		pointer-events:none;
	}
	.formZone > .formBtmBox .btnWrap .submitBox::before{
		content:"";
    display:block;
    padding-top:16.8%;
	}
	.formZone > .formBtmBox .btnWrap .submitBox::after{
		display:block;
		content:"\e315";
		font-family:"Material Symbols Outlined";
		font-size:5vw;
		font-variation-settings:'wght' 300;
		color:#ffffff;

		position:absolute;
		top:50%;
		transform:translateY(-45%);
		right:0;
		z-index:3;
	}
	/* ------------------------------------ */
	.formZone > .formBtmBox .btnWrap .submitBox .toConfirmBtn{
		pointer-events:auto;
		display:flex;
		justify-content: center;
		align-items: center;
		width:100%;
		height:100%;
		padding:0;
		text-align:center;
		color:#ffffff;
		font-size:3.7vw;
		font-weight:400;
		font-family:'Zen Kaku Gothic New', sans-serif;
		line-height:1;
		background-color:var(--themeColorBlue);
		border-radius:10px;
		cursor:pointer;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}

	/* ------------------------------------ */
	.formZone > .formBtmBox .btnWrap > a,
	.formZone > .formBtmBox .btnWrap > button{
		display:flex;
		justify-content: center;
		align-items: center;
		width:80%;
		max-width:360px;
		margin:0 auto 0;
		height:auto;
		text-align:center;
		color:#ffffff;
		font-size:3.7vw;
		font-weight:400;
		line-height:1;
		border-radius:10px;
		position:relative;
	}
	.formZone > .formBtmBox .btnWrap > a::before,
	.formZone > .formBtmBox .btnWrap > button::before{
		content:"";
    display:block;
    padding-top:16.8%;
	}
	.formZone > .formBtmBox .btnWrap > a:first-child,
	.formZone > .formBtmBox .btnWrap > button:first-child{
		margin-top:10px;
	}

	/* ------------------------------------ */
	.formZone > .formBtmBox .btnWrap .prevBtn{
		background-color:#999999;
	}
	.formZone > .formBtmBox .btnWrap .toCompleteBtn{
		background-color:var(--themeColorBlue);
	}
	.formZone > .formBtmBox .btnWrap .toMypageBtn{
		/*background:rgb(255,0,0);
		background:radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(176,12,0,1) 35%);*/
		background-color:var(--themeColorOrange);
	}

	/* ------------------------------------ */
	.formZone > .formBtmBox .btnWrap .prevBtn::after,
	.formZone > .formBtmBox .btnWrap .toCompleteBtn::after,
	.formZone > .formBtmBox .btnWrap .toMypageBtn::after{
		display:block;
		font-family:"Material Symbols Outlined";
		font-size:5vw;
		font-variation-settings:'wght' 300;
		position:absolute;
		top:50%;
		transform:translateY(-45%);
	}
	.formZone > .formBtmBox .btnWrap .prevBtn::after{
		content:"\e314";
		left:0;
	}
	.formZone > .formBtmBox .btnWrap .toCompleteBtn::after,
	.formZone > .formBtmBox .btnWrap .toMypageBtn::after{
		content:"\e315";
		right:0;
	}

	/* ============================================ */
	.formZone.confirm > .formBtmBox{
		margin-top:8%;
	}
	.formZone.confirm > .items{
		width:100%;
		margin-top:10%;
	}
	.formZone.confirm > .items:first-child{
		margin-top:0;
	}
	.formZone.confirm > .items .bdyBox{
		padding:2.5% 0 0 0;
	}


	/* ============================================ */
	/* ============================================ */
	.formZone.complete{}
	.formZone.complete .compMsg > p{
		font-size:3.5vw;
		line-height:1.3;
		margin-top:3%;
	}
	.formZone.complete .compMsg > p:first-child{
		margin-top:0;
	}
	.formZone.complete > .formBtmBox{
		margin-top:10%;
		border-top:none;
	}
	.formZone.complete > .formBtmBox .btnWrap{
		margin-top:0;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){

	/* ///////////////////////////////////////////////////// */
	.formZone{
		width:100%;
		margin:0 auto 0;
	}
	.formZone > .items{
		display:flex;
		width:100%;
		margin:40px auto 0;
	}
	.formZone > .items .ttlBox{
		width:20%;
		max-width:250px;
		min-width:200px;
		padding-left:clamp(42.5px, 10%, 50px);
		position:relative;
		/*background:#fcc;*/
	}
	.formZone > .items .bdyBox{
		flex-grow:1;
		flex-shrink:1; 
		flex-basis:0;
	}
	.formZone > .items .ttlBox.required::before{
		display:flex;
		justify-content:center;
		align-items:center;
		width:3.5vw;
		max-width:45px;
		min-width:40px;
		content:"必須";
		padding:2px 0 3px 0;
		background-color:#ef9a24;
		color:#ffffff;
		font-size:clamp(0.7rem, 1.0vw, 1.0rem);
		font-weight:600;
		position:absolute;
		top:8px;
		left:0;
		border-radius:5px;
	}
	.formZone.confirm > .items .ttlBox.required::before{
		top:3px;
	}
	.formZone > .items .ttlBox p{
		padding-top:0.5em;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}

	/* ///////////////////////////////////////////////////// */
	.formZone > .items .bdyBox input[type="text"],
	.formZone > .items .bdyBox input[type="email"],
	.formZone > .items .bdyBox input[type="tel"],
	.formZone > .items .bdyBox input[type="password"]{
		width:100%;
		background-color:#f5f5f5;
		padding:.5em .7em;
		border-radius:7px;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	::placeholder{
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	.formZone > .items .bdyBox textarea{
		width:100%;
		padding:.7em 1em;
		background-color:#f5f5f5;
		border:none;
	}

	.formZone > .items > .bdyBox .attBox > p{
		margin-top:8px;
		font-size:clamp(0.8rem, 1.0vw, 1.0rem);
		text-indent:-1em;
		padding-left:1em;
		line-height:1.3;
	}

	/* ============================================ */
	.formZone > .items > .bdyBox .selectWrap{
		display:inline-block;
		position:relative;
	}
	.formZone > .items > .bdyBox .selectWrap::before{
		display:block;
		content:"\e5d7";
		font-variation-settings:'wght' 300;
		font-family:"Material Symbols Outlined";
		position:absolute;
		right:0.2em;
		top:50%;
		transform: translateY(-50%);
		font-size:clamp(1.2rem, 1.5vw, 1.5rem);
		color:#666666;
		z-index:2;
		pointer-events:none;
	}

	.formZone > .items > .bdyBox .selectWrap select{
		position:relative;
		background-color:#f5f5f5;
		padding:.5em 2.5em .5em .7em;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}

	/* ============================================ */
	.formZone > .items > .bdyBox .radioWrap{
		display:flex;
		flex-wrap:wrap;
	}
	.formZone > .items > .bdyBox .radioWrap .customradio{
		/*width:49%;*/
		width:fit-content;
		margin-top:2%;
		margin-right:2%;
	}
	.formZone > .items > .bdyBox .radioWrap .customradio:nth-child(-n+2){
		margin-top:0;
	}
	.formZone > .items > .bdyBox .radioWrap .customradio:nth-child(even){
		margin-right:0;
	}

	/* ------------------------------------ */
	.radioWrap .customradio input[type="radio"]{
		position:absolute;
		appearance:none;
	}
	.radioWrap .customradio .crinner{
		display:flex;
		align-items:center;
		padding:.7em 1.2em;
		position:relative;
		background:#f5f5f5;
		border-radius:10px;
	}
	.radioWrap .customradio input[type="radio"]:checked + .crinner{
		background-color:#d8e6ec;
	}
	.radioWrap .customradio .crinner > .crtext{
		position:relative;
		padding-left:1.2em;
		line-height:1.2;
		transition:0.3s;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	.radioWrap .customradio .crinner > .crtext > span{
		font-size:0.9rem;
		font-size:inherit;
	}
	.radioWrap .customradio .crinner > .crtext::before{
		position:absolute;
		content:"";
		width:16px;
		height:16px;
		border-radius:20px;
		background:#fff;
		top:0.15vw;
		/*top:50%;
		transform:translateY(-50%);*/
		left:0;
		border:1px solid #e2e2e2;
	}
	.radioWrap .customradio input[type="radio"]:checked + .crinner > .crtext::before{
		border:1px solid #a4d580;
	}
	.radioWrap .customradio input[type="radio"] + .crinner > .crtext::after{
		background-color:#ffffff;
	}
	.radioWrap .customradio input[type="radio"]:checked + .crinner > .crtext::after{
		position:absolute;
		content:"";
		font-size:10px;
		width:12px;
		height:12px;
		border-radius:20px;
		background-color:var(--themeColorBlue);
		top:calc(0.15vw + 3px);
		/*top:50%;
		transform:translateY(-50%);*/
		left:3px;
	}

	/* ============================================ */
	.formZone .checkWrap{
		/*display:flex;
		flex-wrap:wrap;*/
		display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
		gap:20px;
	}
	/*.formZone .checkWrap .customcheck{
		width:fit-content;
		margin-top:2%;
		margin-right:2%;
	}
	.formZone .checkWrap .customcheck:nth-child(-n+2){
		margin-top:0;
	}
	.formZone .checkWrap .customcheck:nth-child(even){
		margin-right:0;
	}*/

	/* ------------------------------------ */
	.checkWrap .customcheck input[type="checkbox"]{
		position:absolute;
		appearance:none;
	}
	.checkWrap .customcheck .ccinner{
		display:flex;
		align-items:center;
		padding:.7em 1em;
		position:relative;
		background:#f5f5f5;
		border-radius:4px;
	}
	.checkWrap .customcheck input[type="checkbox"]:checked + .ccinner{
		background-color:#d8e6ec;
	}
	.checkWrap .customcheck .ccinner > .cctext{
		position:relative;
		padding-left:1.6em;
		line-height:1;
		transition:0.3s;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	.checkWrap .customcheck .ccinner > .cctext::before{
		position:absolute;
		content:"";
		width:16px;
		height:16px;
		border-radius:4px;
		background:#fff;
		top:50%;
		left:0;
		transform:translateY(-45%);
		border:1px solid #e2e2e2;
	}
	.checkWrap .customcheck input[type="checkbox"]:checked + .ccinner > .cctext::before{
		border:1px solid #7cc0dd;
	}
	.checkWrap .customcheck input[type="checkbox"] + .ccinner > .cctext::after{
		background-color:#ffffff;
	}
	.checkWrap .customcheck input[type="checkbox"]:checked + .ccinner > .cctext::after{
		display:block;
		position:absolute;
		content:"";
		width:16px;
		height:7px;
		border-bottom:5px solid;
		border-left:5px solid;
		border-color:var(--themeColorBlue);
		background-color:transparent;
		top:50%;
		left:5px;
		transform:rotate(-45deg) translateY(-80%);
	}

	/* ============================================ */
	.formZone > .items.addressBox > .bdyBox .innerBox{
		display:flex;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > p{
		width:6em;
		padding-top:11px;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > div{
		width:calc(100% - 6em);
	}
	.formZone > .items.addressBox > .bdyBox .innerBox.prefBox{
		margin-top:15px;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox.adr1Box,
	.formZone > .items.addressBox > .bdyBox .innerBox.adr2Box{
		margin-top:5px;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > div > .zip1{
		width:6em;
	}
	.formZone > .items.addressBox > .bdyBox .innerBox > div > .zip2{
		width:10em;
	}
	.formZone > .items.addressBox > .bdyBox > .attBox{
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
		padding-left:6em;
	}

	/* ============================================ */
	.formZone > .items > .bdyBox .jsErrTxt{
		display:none;
		margin-top:7px;
		padding-left:5px;
		font-size:clamp(1.0rem, 1.2vw, 1.2rem);
		font-weight:500;
	}
	/* ------------------------------------ */
	.formZone > .items > .bdyBox .jsErrTxt.zipErr, 
	.formZone > .items > .bdyBox .jsErrTxt.prefErr,
	.formZone > .items > .bdyBox .jsErrTxt.adr1Err,
	.formZone > .items > .bdyBox .jsErrTxt.adr2Err{
		margin-bottom:20px;
	}
	/* ============================================ */
	.formZone > .items.emailBox > .bdyBox > div:nth-child(2),
	.formZone > .items.passwordBox > .bdyBox > div:nth-child(2){
		margin-top:7px;
	}
	/* ============================================ */
	.formZone > .formBtmBox{
		border-top:1px solid #999999;
		margin-top:50px;
	}
	.formZone.complete > .formBtmBox{
		margin-top:0;
	}

	/* ------------------------------------ */
	.formZone > .formBtmBox .ppBox{
		margin-top:40px;
		text-align:center;
	}
	.formZone > .formBtmBox .ppBox a{
		display:flex;
		align-items:center;
		justify-content: center;
		color:#333333;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	.formZone > .formBtmBox .ppBox a span{
		display:inline-block;
		font-size:clamp(1rem, 1.3vw, 1.3rem);
		position:relative;
		top:2px;
	}

	/* ------------------------------------ */
	.formZone > .formBtmBox .agreeBox .checkWrap .customcheck{
		width:fit-content;
		margin:10px auto 0;
	}

	/* ============================================ */
	.formZone > .formBtmBox .btnWrap{
		display:flex;
		justify-content:center;
		margin-top:30px;
	}

	.formZone > .formBtmBox .btnWrap .submitBox{
		min-width:400px;
		height:auto;
		margin:0 auto 0;
		position:relative;
		pointer-events:none;
		transition:all 0.2s ease-in-out;
		transform:scale(1);
		opacity:1;
	}
	.formZone > .formBtmBox .btnWrap .submitBox:hover{
		transform:scale(1.03);
		opacity:0.8;
	}
	.formZone > .formBtmBox .btnWrap .submitBox::before{
		content:"";
    display:block;
    padding-top:13.5%;
	}
	.formZone > .formBtmBox .btnWrap .submitBox::after{
		display:block;
		content:"\e315";
		font-family:"Material Symbols Outlined";
		color:#ffffff;
		font-size:clamp(1.1rem, 1.5vw, 1.5rem);
		font-variation-settings:'wght' 300;

		position:absolute;
		top:50%;
		transform:translateY(-45%);
		right:0;
		z-index:3;
	}
	.formZone > .formBtmBox .btnWrap .submitBox .toConfirmBtn{
		pointer-events:auto;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		padding:18px;
		text-align:center;
		color:#ffffff;
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		font-weight:400;
		font-family:'Zen Kaku Gothic New', sans-serif;
		line-height:1;
		background-color:var(--themeColorBlue);
		border-radius:10px;
		cursor:pointer;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}
	.formZone > .formBtmBox .btnWrap > a,
	.formZone > .formBtmBox .btnWrap > button{
		display:flex;
		justify-content: center;
		align-items: center;
		width:35%;
		max-width:340px;
		height:auto;
		padding:18px;
		text-align:center;
		color:#ffffff;
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		font-weight:400;
		line-height:1;
		border-radius:10px;
		position:relative;
		border:none;
		font-family:'Zen Kaku Gothic New', sans-serif;
		cursor:pointer;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
		opacity:1;
	}
	.formZone > .formBtmBox .btnWrap > a:hover,
	.formZone > .formBtmBox .btnWrap > button:hover{
		transform:scale(1.03);
		opacity:0.8;
	}
	.formZone > .formBtmBox .btnWrap > a:last-child,
	.formZone > .formBtmBox .btnWrap > button:last-child{
		margin-left:50px;
	}
	.formZone > .formBtmBox .btnWrap .prevBtn{
		background-color:#999999;
	}
	.formZone > .formBtmBox .btnWrap .prevBtn::before{
		display:block;
		content:"\e314";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.1rem, 1.5vw, 1.5rem);
		font-variation-settings:'wght' 300;
		position:absolute;
		top:50%;
		transform:translateY(-45%);
		left:0;
	}
	.formZone > .formBtmBox .btnWrap .toCompleteBtn{
		background-color:var(--themeColorBlue);
	}
	.formZone > .formBtmBox .btnWrap .toMypageBtn{
		/*background:rgb(255,0,0);
		background:radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(176,12,0,1) 35%);*/
		background-color:var(--themeColorOrange);
	}
	.formZone > .formBtmBox .btnWrap .toCompleteBtn::before,
	.formZone > .formBtmBox .btnWrap .toMypageBtn::before{
		display:block;
		content:"\e315";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.1rem, 1.5vw, 1.5rem);
		font-variation-settings:'wght' 300;
		position:absolute;
		top:50%;
		transform:translateY(-45%);
		right:0;
	}

	/* ============================================ */
	/* ============================================ */
	.formZone.confirm{
		margin-top:60px;
	}
	.formZone.confirm > .items{
		margin-top:60px;
	}
	.formZone.confirm > .items:first-child{
		margin-top:0;
	}
	.formZone.confirm > .items > .ttlBox p,
	.formZone.confirm > .items > .bdyBox p{
		padding-top:0;
		padding-bottom:0;
		line-height:1.4;
	}

	/* ============================================ */
	/* ============================================ */
	.formZone.complete{}
	.formZone.complete .compMsg > p{
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		line-height:1.3;
		margin-top:20px;
	}
	.formZone.complete .compMsg > p:first-child{
		margin-top:0;
	}
	.formZone.complete > .formBtmBox{
		margin-top:50px;
		border-top:none;
	}
	.formZone.complete > .formBtmBox .btnWrap{
		margin-top:0;
	}


}