/*
	202508-KLD
*/

.form-ex td.input-img-title-left{
    width: 150px;
    padding: 0 !important;
}
.form-ex td.input-img-title-right {
    font-size: 24px;
    line-height: 1.7em;
    padding:0 0.5em 0 1em !important;
    font-weight: bold;
}

.form-ex .form-ex-form-file-download-info {
    margin-top: 1em;
}

.form-ex.form-ex-input #content .page-head{
    padding: 30px 0;
}
.form-ex.form-ex-input #content .page-head > h3{
    display:none;
}

#content .page-head h3 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: center;
    border-bottom: none;
    padding: 0 0 1em 0;
    font-size: 1.75em;
}

.rendered-form .form-group.ctrl-disp-group-no{
    margin-bottom: 5px;
}
.rendered-form .form-group.fb-paragraph{
    margin-bottom: 1em;
}


.form-ex #privacy-policy #privacy-policy-content {
    padding: 7px;
    overflow: auto;
    height: 125px;
    border: 1px #ccc dotted;
}

.form-button {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
}


.workshop-select *{
	font-size: 16px;
}

/* workshop-select */
.workshop-select{
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 45px 0;
	width: 100%;
}

.workshop-select a{
	display: block;
	position: relative;
	color:#0180FF;
	/* opacity: 0.5; */
	color: #888;	
}

/* 
.workshop-select a img{
	width: 85px;
}
.workshop-select a:hover{
	opacity: 1;
}

.workshop-select a svg{
	position: absolute;
	top:-7px;
	left:-7px;
	width: 100px;
	stroke-width:10px;
	display: none;
}

.workshop-select a img{
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    -o-transition:transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.workshop-select a img:hover{
    -webkit-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15);
} 

.workshop-select a svg .btn-border{
    stroke-dasharray:2 6 20 6 50 20;
    stroke-dashoffset:104;
    -webkit-animation:line 4s cubic-bezier(.88,.44,.54,.77) forwards infinite;
    animation:line 4s cubic-bezier(.88,.44,.54,.77) forwards infinite;
}
@keyframes line{
    to{
        stroke-dashoffset:0;
    }
}

.form-ex-250809 .workshop-select div.ws01 a{ opacity: 1; }
.form-ex-250809 .workshop-select div.ws01 svg{ display: block; }

.form-ex-250821 .workshop-select div.ws01 a{ opacity: 1; }
.form-ex-250821 .workshop-select div.ws01 svg{ display: block; }

.form-ex-250822 .workshop-select div.ws01 a{ opacity: 1; }
.form-ex-250822 .workshop-select div.ws01 svg{ display: block; }

.form-ex-250823 .workshop-select div.ws01 a{ opacity: 1; }
.form-ex-250823 .workshop-select div.ws01 svg{ display: block; }
*/

.form-ex-250809 .workshop-select div.ws01 a,
.form-ex-250821 .workshop-select div.ws02 a,
.form-ex-250822 .workshop-select div.ws03 a,
.form-ex-250823 .workshop-select div.ws04 a{ 
	font-weight: bold; font-size: 1.15em;color: #333;
}


/* hidden setting */
.form-ex-2508vt .rendered-form.form-input > .form-group:nth-child(11),
.form-ex-2508vt .rendered-form.form-confirm > .form-group:nth-child(10){
	margin-bottom: 0.5em;
}
.form-ex-2508vt .rendered-form.form-input > .form-group:nth-child(12) label,
.form-ex-2508vt .rendered-form.form-confirm > .form-group:nth-child(11) label{
	display: none;
}



/* media query */
@media all and (max-width:480px){
	.form-ex td.input-img-title-left{
		width: 100px !important;
	}
	.form-ex td.input-img-title-right{
		font-size:20px !important;
	}
	.workshop-select a img{
		width: 60px;
	}	
	.workshop-select a svg{
		position: absolute;
		top:-7px;
		left:-7px;
		width: 75px;
	}	
}

@media all and (min-width:768px){
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
}
@media all and (max-width:767px){
	.pc{
		display: none;
	}
	.sp{
		display: block;
		margin-bottom: 35px;
	}
	.form-input .form-sentence.form-sentence-top {
		padding: 0 0 25px 0;
	}
	.form-ex.form-ex-input #content .page-head{
		padding: 15px 0;
	}
	.workshop-select{
		margin-bottom: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 5px 0;
		width: 100%;
	}
	.workshop-select > div{
		padding:0 0.75em;
		text-align: center;
	}
	.workshop-select > div.pipe{
		padding:0;
	}
	.workshop-select.has-border > div.ws01,
	.workshop-select.has-border > div.ws02{
		border-bottom: 1px solid #333;
		padding-bottom: 0.5em;

	}
}