﻿.btn1-outline-danger {
	color: #c71c22;
	border-color: #c71c22;
}

	.btn1-outline-danger:hover {
		color: #fff;
		background-color: #c71c22;
		border-color: #c71c22;
	}

	.btn1-outline-danger:focus,
	.btn1-outline-danger.focus {
		box-shadow: 0 0 0 0.2rem rgba(199, 28, 34, 0.5);
	}

	.btn1-outline-danger.disabled, .btn1-outline-danger:disabled {
		color: #c71c22;
		background-color: transparent;
	}

	.btn1-outline-danger:not(:disabled):not(.disabled):active, .btn1-outline-danger:not(:disabled):not(.disabled).active,
	.show > .btn1-outline-danger.dropdown-toggle {
		color: #fff;
		background-color: #c71c22;
		border-color: #c71c22;
	}

		.btn1-outline-danger:not(:disabled):not(.disabled):active:focus, .btn1-outline-danger:not(:disabled):not(.disabled).active:focus,
		.show > .btn1-outline-danger.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(199, 28, 34, 0.5);
		}

.btn_entry {
	display: inline-block; /* ←ここ重要 */
	margin: 0 10px;
	text-decoration: none;
	border-radius: 100vmax;
	padding-left: 25px; /* 横paddingは少し大きめ推奨 */
	padding-right: 25px; /* 横paddingは少し大きめ推奨 */
	text-align: center;
}


/*
-------------------------------------------------------------*/
.recruit_line {
	overflow: hidden;
	border-bottom: 1px dashed #333;
}
	/*日付(dt)設定*/
	.recruit_line dt {
		padding: 1rem 1rem 0.5rem; /*dt内の余白。上、左右、下への順番。*/
		border-top: 1px dashed #333;
	}
		/*日付(dt)設定*/
		.recruit_line dt:first-child {
			border-top: none;
		}

	/*記事(dd)設定*/
	.recruit_line dd {
		padding: 1rem; /*dd内の余白*/
		padding-top: 0;
		margin: 0;
		line-height: 1.5;
	}

/*画面幅700px以上の追加指定*/
@media screen and (min-width:700px) {

	/*ブロック全体*/
	.recruit_line {
		display: grid; /*gridを使う指定*/
		grid-template-columns: auto 1fr; /*横並びの指定。日付とアイコン部分の幅は自動で、内容が入るブロックは残り幅一杯とる。*/

		align-items: start;
	}

		/*日付(dt)設定*/
		.recruit_line dt {
			line-height: 1.5;
			padding: 1rem; /*dt内の余白。上、右、下、左への順番。*/
		}

		/*記事(dd)設定*/
		.recruit_line dd {
			line-height: 1.5;
			padding: 1rem 1rem 1rem 0; /*dd内の余白。上、右、下、左への順番。*/
		}

		.recruit_line dt,
		.recruit_line dd {
			border-top: 1px dashed #333;
		}

			/* 最初の dt */
			/* 最初の dt の次の dd */
			.recruit_line dt:first-child,
			.recruit_line dt:first-child + dd {
				border-top: none;
			}
}

/* Form
-----------------------------------------------------*/
.label.label-must {
	font-weight: normal;
	padding: .2em .6em;
	font-size: 0.6em !important;
	color: #fff;
	border-radius: 3px
}

.label-must {
	background-color: #d81139 !important;
	margin-left: 0.8em;
}

@media screen and (max-width:555px) {
	.pc {
		display: none;
	}
}


.radio_check {
	margin-top: 0.3rem;
}

	.radio_check input[type=checkbox],
	.radio_check input[type=radio] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}

	.radio_check label {
		font-weight: normal !important;
		padding-top: 0.1rem;
		padding-left: 0.5em;
		padding-right: 1em;
	}

.bb { /*下線 */
	border-bottom: 1px dotted #999;
}

.invalid-feedback {
	font-size: inherit !important;
}
