@charset "UTF-8";


/* --------------------------------------------------------------------
　共通設定
-------------------------------------------------------------------- */
main#page-main-wrapper > h1{
width:100%;
font-weight:600;
letter-spacing:.02em;
text-align:center;
display:block !important;
line-height:1;
}
main#page-main-wrapper > h1 > span{
font-size:1.2rem;
margin-top:.8rem;
display:block;
opacity:.6;
}
@media screen and (min-width:769px){
	main#page-main-wrapper > h1{
	font-size:3rem;
	padding:6rem 0;
	}
}
@media screen and (max-width:768px){
	main#page-main-wrapper > h1{
	font-size:2.2rem;
	padding:4rem 2rem;
	}
}

/* --------------------------------------------------------------------
　履歴設定
-------------------------------------------------------------------- */
#provision-history-wrap{
display:grid;
padding:0 2rem;
}
#provision-history-wrap > section > a:after{
content:"LOOK AT";
width:max-content;
display:block;
border-bottom:1px solid #212121;
}
#provision-history-wrap > section > a > figure{
border-radius:2rem;
overflow:hidden;
}
#provision-history-wrap > section > a > .info{
display:flex;
align-items:center;
font-weight:600;
gap:0 1rem;
line-height:1;
margin-top:1.5rem;
}
#provision-history-wrap > section > a > .info > .days{
color:#243d66;
}
#provision-history-wrap > section > a > .info > .media{
color:#fff;
background:#243d66;
border-radius:1.5rem;
display:flex;
align-items:center;
justify-content:center;
}
#provision-history-wrap > section > a > .text{
line-height:1.5;
margin-top:1.5rem;
}
@media screen and (min-width:769px){
	#provision-history-wrap{
	grid-template-columns:repeat(4,1fr);
	gap:4rem 3rem;
	width:1140px;
	margin:0 auto 10rem auto;
	}
	#provision-history-wrap > section > a:after{
	padding-bottom:.1rem;
	margin:1.5rem 0 0 0;
	font-size:1.3rem;
	}
	#provision-history-wrap > section > a > .info{
	font-size:1.4rem;
	justify-content:flex-start;
	}
	#provision-history-wrap > section > a > .info > .media{
	font-size:1.2rem;
	padding:0 2rem;
	height:2.5rem;
	}
	#provision-history-wrap > section > a > .text{
	font-size:1.3rem;
	}
}
@media screen and (max-width:768px){
	#provision-history-wrap{
	grid-template-columns:repeat(2,1fr);
	gap:3rem 1rem;
	width:100%;
	margin:0 auto 10rem auto;
	}
	#provision-history-wrap > section > a:after{
	padding-bottom:.15rem;
	margin:1.5rem auto 0 0;
	font-size:1.2rem;
	}
	#provision-history-wrap > section > a > .info{
	font-size:1.1rem;
	justify-content:flex-start;
	}
	#provision-history-wrap > section > a > .info > .media{
	font-size:1.0rem;
	padding:0 1.5rem;
	height:2rem;
	}
	#provision-history-wrap > section > a > .text{
	font-size:1.2rem;
	}
}