@charset "utf-8";

/* ページタイトル
============================================================================= */
.ttlPage-svg{
	fill: #ff6e0b;
}


.wanted{
	margin: 0 auto;
	line-height: 1.8;
}
.wanted .inner{
	max-width: 1000px;
}
.sect:first-of-type{
	margin-top: 32px;
}
.sect:nth-child(even){
	background: #f9f9f9;
}
.wantedsect-sub{
	margin-top: 24px;
}

.wanted-txt:not(.mt0):not(:first-child), .sect-dl:not(.mt0), .list-dot:not(.mt0), .list-kome:not(.mt0), .kome:not(.mt0){
	margin-top: 1em;
}
.sect-dl > dt:not(:first-of-type){
	margin-top: 16px;
}
.sect-dl > dt,
.sect-dlbox dt{
	font-weight: bold;
}
.sect-dl > dt
.sect-dlbox dt:after{
	content: "：";
}
.sect-dlbox dd{
	margin-left: 1em;
}


.list{
	margin-top: 1em;
}
.list li{
	position: relative;
	padding-left: calc(1em + 4px);
}
.list li span{
	position: absolute;
	left: 0;
	top: 0;
}

.list-num{
	margin-top: 16px;
}
.list-num > li{
	padding-left: calc(1.5em + 4px);
}
.list-num.-border > li:not(:first-child){
	padding-top: 16px;
	border-top: dashed 1px #ccc;
}
.list-num > li:before{
	content: counter(cnt)".";
	left: 0;
	font-weight: bold;
}
.list-num > li li{
	counter-increment: inner-counter;
}
.list-num > li:not(:first-child){
	margin-top: 1em;
}
.list-num_ttl{
	font-weight: bold;
}
.list-circle.-inner{
	margin-top: .5em;
}

.list-circle > li{
	position: relative;
	padding-left: calc(1em + 4px);
}
.list-circle > li:not(:first-child){
	margin-top: .5em;
}
.list-circle > li:before{
	position: absolute;
	left: 4px;
	top: 10px;
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50vw;
	background: #352f25;
}


.wanted-table{
	margin-top: 24px;
}
.wanted-table .wantedsect-sub{
	margin-top: 16px;
}
.wanted-table .ttl-sub{
	font-size: 1.8rem;
	font-weight: bold;
}
.wanted-table .wantedsect-bd{
	margin-left: 16px;
}
.red{
	color: #cc0000;
}

.wanted-table .wanted-txt:first-child,
.wanted-table .sect-dl:first-child{
	margin-top: 0;
}

.wanted-bt{
	margin-top: 16px;
}
.wanted-bt a{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 80px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    line-height: 1.3;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 16px;
    border: solid 3px #fff;
    background: #ff6900;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
    transition: opacity .2s;
	overflow: hidden;
}
.wanted-bt a.disabled{
	position: relative;
	pointer-events: none;
}
.wanted-bt a.disabled:before{
	position: absolute;
	left: 0;
	top: 0;
	/*content: "4/10より応募開始予定！";*/
	content: "応募終了しました";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
}


@media screen and (max-width: 959px){
	.wanted-table .ttl-sub{
		display: flex;
		align-items: center;
	}
	.wanted-table .ttl-sub:after{
		content: "";
		display: inline-block;
		flex: 1;
		height: 1px;
		margin-left: 16px;
		border-top: dashed 1px #ccc;
	}
}


@media screen and (min-width: 960px){
	.wanted{
		margin: 40px auto 0;
		line-height: 2;
	}
	.sect:first-of-type {
		margin-top: 80px;
	}


	.wantedsect-sub{
		margin-top: 32px;
	}
	.sect-dlbox{
		display: flex;
		flex-wrap: wrap;
		font-weight: normal;
	}
	.sect-dlbox dt{
		font-weight: normal;
	}
	.sect-dlbox dd{
		flex: 1;
	}

	.list-num{
		margin-top: 32px;
	}
	.list-circle > li:before{
		top: 16px;
	}
	
	
	.wanted-table{
		margin-top: 32px;
		border-top: dashed 1px #ccc;
	}
	.wanted-table .wantedsect-sub{
		display: flex;
		margin-top: 0;
		border-bottom: dashed 1px #ccc;
	}
	.wanted-table .ttl-sub{
		width: 15em;
		font-size: 100%;
	}
	.wanted-table .wantedsect-bd{
		flex: 1;
		margin-left: 0;
	}
	.wanted-table .ttl-sub, .wanted-table .wantedsect-bd{
		padding: 24px 16px;
	}
	
	.wanted-bt{
		margin: 32px auto 0;
		width: 100%;
		max-width: 600px;
	}
	.wanted-bt a{
		font-size: 2.1rem;
	}
	.wanted-bt a:hover{
		opacity: .6;
	}

}

.wantedsect-date{
	margin: 16px 16px 0;
	text-align: right;
}
@media screen and (min-width: 960px){
	.wantedsect-date{
		margin: 32px auto 0;
		width: 100%;
		max-width: 1400px;
	}
}