button,
input,
select,
textarea {
    font-family: inherit;
    font-size: .83rem;
    margin: .5rem 0;
    padding: 1.25em;
    width: 100%;
    border: 1px solid #ddd; }

button,
input {
    line-height: normal; }

button,
select {
    text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    width: auto; }

button[disabled],
html input[disabled] {
    cursor: default; }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    margin: 0 .5em 0 0;
    padding: 0;
    width: auto; }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0; }

textarea {
    overflow: auto;
    vertical-align: top; }


.form-box {
    padding: .5rem 0;
}

.form-box .head-title {
    margin: .5rem 0;
	line-height: 1.75rem;
}
.form-box .head-title span {
    display: inline-block;
    position: relative;
}

.form-box .dsc,
.form-box .dsc label {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .83rem;
    line-height: 1.8em;
}


.form-box .scroll-box {
	height: 20em;
	margin: 1em 0;
	padding: 1.5em 1.5em .5em;
	border: 1px solid #ddd;
	overflow-y: auto;
	font-size: .83rem;
}

.form-box .checkbox-list{
	margin: .5rem 0 0;
}
.form-box .checkbox-list > span{
	width: 100%;
	margin: 0 0 1rem !important;
}

.form-box .select-box{
	overflow: hidden;
	position: relative;}
	
	
.form-box .select-box select{
	-webkit-appearance: none;
	appearance: none;
	padding: 1em;
	letter-spacing: .1em;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;}

.form-box .select-box:before {
	position: absolute;
	top:50%;
	right: 2em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}

@media (min-width: 768px) {
	.form-box .checkbox-list > span{
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	
	.form-box .agreement.checkbox-list > span{
		 -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}
.checkbox-list label {
	position: relative;
	cursor: pointer;
}
.checkbox-list label span {
	display: inline-block;
	line-height: 1.5rem;
}
.checkbox-list input[type="checkbox"] {
	cursor: pointer;
	margin-right: 1rem;
}
.checkbox-list input[type="checkbox"]:before {
	position: absolute;
	z-index: 1;
	top: 0.4rem;
	left: 0.4rem;
	width: 0.75rem;
	height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #dc3545;
	border-top-style: none;
	border-right-style: none;
}
.checkbox-list input[type="checkbox"]:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.checkbox-list input[type="checkbox"]:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	content: '';
	cursor: pointer;
	border: 1px solid #ddd;
	background: #ffffff;
}

.form-box .checkbox-list .req + span {
	position: relative;
}

.form-box .head-title .req::after,
.form-box .checkbox-list .req + span::after {
	position: absolute;
	top: -5px;
	right: -15px;
	display: inline-block;
	content: '※';
	font-size: 10px;
	color: var(--red);
}

.btn.main_btn.entry_btn {
    border: 1px solid transparent;
    display: block;
    background-color: #fff;
    width: 90vw;
    letter-spacing: .1em;
    padding: 25px;
    margin: 2em auto;
    border-radius: 0;
    position: relative;
}
@media only screen and (min-width: 576px) {
	.btn.main_btn.entry_btn {
	    width: 430px;
	}
}

.kids .btn.main_btn.entry_btn{
	color: var(--KIDS);
	border-color: var(--KIDS);}
.kids .btn.main_btn.entry_btn:after{background-color:var(--KIDS);}

.rize .btn.main_btn.entry_btn{
	color: var(--RIZE);
	border-color: var(--RIZE);}
.rize .btn.main_btn.entry_btn:after{background-color:var(--RIZE);}

.fourstyles .btn.main_btn.entry_btn{
	color: var(--RED);
	border-color: var(--RED);}
.fourstyles .btn.main_btn.entry_btn:after{background-color:var(--RED);}




.house .btn.main_btn.entry_btn{
	color: var(--HOUSE);
	border-color: var(--HOUSE);}
.house .btn.main_btn.entry_btn:after{background-color:var(--HOUSE);}

.hiphop .btn.main_btn.entry_btn{
	color: var(--HIPHOP);
	border-color: var(--HIPHOP);}
.hiphop .btn.main_btn.entry_btn:after{background-color:var(--HIPHOP);}

.break .btn.main_btn.entry_btn{
	color: var(--BREAK);
	border-color: var(--BREAK);}
.break .btn.main_btn.entry_btn:after{background-color:var(--BREAK);}

.allstyles .btn.main_btn.entry_btn{
	color: var(--ALL-STYLES);
	border-color: var(--ALL-STYLES);}
.allstyles .btn.main_btn.entry_btn:after{background-color:var(--ALL-STYLES);}