@charset "utf-8";

/*-------------------------------
	イベントお申し込みフォーム
-------------------------------*/

.Contact-member__item{
	width: 100%;
	max-width: 43rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*----- イベント名 */
.Contact__field.-event{
	max-width: 100%;
}
.Contact__field.-event input{
	color: var(--maincolor);
	font-size: 2rem;
	font-weight: 700;
	height: auto;
	padding: 0;
	border: none;
	background: none;
}

/*----- 参加日 */
.Contact-block.-date .Contact__select{
	max-width: 35rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Contact-member__item{
		max-width: 100%;
	}

	/*----- イベント名 */
	.Contact__field.-event input{
		font-size: 3.4rem;
		line-height: calc(5.1 / 3.4);
	}

	/*----- 参加日 */
	.Contact-block.-date .Contact__select{
		max-width: 100%;
	}

}



/*-------------------------------
	確認
-------------------------------*/

.Confirm .Contact-member__item{
	justify-content: flex-start;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

}



/*-------------------------------
	完了
-------------------------------*/


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

}