@charset "UTF-8";

.with_button{
	display: flex;
	gap: 1em;
	margin-bottom: 1.5em;
}
.with_button h5{
	font-size: 1rem;
	font-weight: bold;
	line-height: 3;
}
.with_button input[type="submit"]{
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	height: 3em;
	padding: 1em 2.5em;
	background-color: #998675;
	color: white;
	border-radius: 3em;
	border: none;
}
/*
#seminar0107 .with_button h5{
	width: 17em;
	text-align: right;
}
*/
.with_button a{
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	height: 1em;
	padding: 1em 2.5em;
	background-color: #998675;
	color: white;
	border-radius: 3em;
	border: none;
}
.with_button .expired_seminar_rect{
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	height: 1em;
	padding: 1em 2.5em;
	background-color: #bbbbbb;
	color: white;
	border-radius: 3em;
	border: none;
}


/* セミナー */
#kagakulabo .ec_button_area{
	display: flex;
	gap: .5em;
	margin-top: 1em;
	max-width: 40em;	/* ボタンが際限なく伸びないように */
	/*
	background-color: yellow;
	*/
}
#kagakulabo .ec_button_area a{
	flex: 1;
	display: flex;	/* 高さの確保 */
	text-align: center;
	/*
	background-color: gainsboro;
	*/
}
#kagakulabo .ec_button_area a:hover{
	opacity: .7;
}
#kagakulabo .regular_button{
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #af8f68;
	padding: .5em;
	box-sizing: border-box;
	border-radius: 1.5em;
	border: 2px solid #af8f68;
	min-width: 9em;	/* 下回るとボタン内テキストに折り返しが発生 */	/*
	background-color: azure;
	*/
}
#kagakulabo .regular_button.bunkyo{
	min-width: 14em;	/* 下回るとボタン内テキストに折り返しが発生 */
}
/* 矢印アイコンをafterでつける */
#kagakulabo .regular_button::after{
	content: "";
	display: inline-block;
	height: 1em;
	width: calc(1em * 6.33 / 11);
	background-image: url("../inc/ec/icon_arrow_other.svg");
	/* #000000を#af8f68にする */
	filter: invert(64%) sepia(10%) saturate(1373%) hue-rotate(353deg) brightness(90%) contrast(81%);
	/*
	background-color: aqua;
	*/
	position: relative;
	top: .12em;	/* なぜか天地中央が揃わないので調整 */
}
#kagakulabo .regular_button.closed{
	border: none;
	color: #666666;
	background-color: #b3b3b3;
	min-width: 19em;
}
#kagakulabo .regular_button.closed::after{
	/* #000000を#666666にする
	filter: invert(44%) sepia(0%) saturate(44%) hue-rotate(188deg) brightness(86%) contrast(81%);
	*/
	width: 0;
}
#kagakulabo .regular_button.closed.bunkyo{
	display: none;
}

@media screen and (max-width : 600px){
	#kagakulabo .ec_button_area{
		min-width: 11em;	/* 下回るとボタン内テキストに折り返しが発生 */
		/*
		background-color: aqua;
		*/
		flex-direction: column;
		gap: 1em;
	}
	#kagakulabo .regular_button{
		/* 中身の文字を中央に揃える */
		justify-content: center;
		font-size: 1.1em;
		/*
		height: calc(3.5em + 4px);
		background-color: aqua;
		*/
		border-radius: 1.75em;
	}
}