@charset "utf-8";

/* common
----------------------------------------------------------- */



/* form
----------------------------------------------------------- */
dl#form,
dl.form{
	width:100%;
}

#birth_y{width:6.5em;}

.form h1.pttl{
	position:relative;
}
.form h1.pttl:after{
	width:55px;
	height:152px;
	content:"";
	position:absolute;
	top:-35px;
	right:-10px;
	display:block;
	background:url(../img/pttl_bk.png) no-repeat center center / 100% auto;
}
.form h1.pttl span{
	width: calc(100% - 60px*2);
 	padding: 10px 60px;
}
@media screen and (max-width:420px){
	.form h1.pttl span{
		width: calc(100% - 60px - 15px);
 		padding: 10px 60px 10px 15px;
	}
}
@media screen and (min-width:540px){
	.form dl dt span p {
		display: inline;
	}
}
@media screen and (min-width:720px){
	.form dl dt span p {
		display: block;
	}
}

/* member_registration
----------------------------------------------------------- */
.registration dl dt{
}
.registration dl dt span.mandatory,
.registration dl dt span.optionary {
	padding-left: 3em;
}
.registration dl dt span{
	font-size:16px;
	font-weight:bold;
}
.registration dl dt span p{
	font-size:70%;
	font-weight:normal;
}
.registration dl dt span:before{
	top:0.4em;
	font-size:70%;
	font-weight:normal;
}
.registration dd.establishment select,
.registration dd.birth_representative select{
	width:5em;
}
.registration dd.establishment select#establishmenty,
.registration dd.birth_representative select#birth_representativey{
	width:6em;
}

.registration div.guardian{
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
.registration div.guardian.open{
  max-height: 500px; /* 十分に大きめの高さを設定すること */
  opacity: 1;
  transform: translateY(0);
}

.registration dl dd input[type="file"]{
	width:100%;
}
@media screen and (max-width:720px){
	.registration dl dt span p{
		display:inline;
	}
}
@media screen and (min-width:420px){
	.registration dl dt span{
		font-size:18px;
	}
}
@media screen and (min-width:540px){
	.registration dl dt span{
		font-size:20px;
	}
}