@charset "UTF-8";


/* --------------------------------------------------------------------
　共通設定
-------------------------------------------------------------------- */
main#page-main-wrapper > h1{
font-size:2.2rem;
letter-spacing:.05em;
text-align:center;
justify-content:center;
align-items:center;
line-height:1;
font-weight:600;
padding:8rem 0 0 0;
}
main#page-main-wrapper > h1 > span{
width:100%;
font-size:12px;
margin-top:10px;
display:block;
font-weight:300;
}
@media screen and (max-width:768px){
	main#page-main-wrapper > h1{
	font-size:1.8rem;
	padding:4rem 0;
	}
}




/* --------------------------------------------------------------------
　履歴設定
-------------------------------------------------------------------- */
#provision-history-wrap{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8rem 1rem;
width:1140px;
margin:9rem auto 10rem auto;
padding:0 2rem;
}
#provision-history-wrap > section > h3{
margin-bottom:15px;
line-height:1;
}
#provision-history-wrap > section > h3 > div{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
font-size:1.5rem;
font-weight:600;
grid-column:2;
grid-row:1;
line-height:1.6;
margin:auto auto 0 0;
}
#provision-history-wrap > section > h3 > span{
font-size:1.0rem;
grid-column:2;
grid-row:2;
margin:0 auto auto 0;
}
#provision-history-wrap > section > .text{
font-size:1.0rem;
}
#provision-history-wrap > section > .btn{
margin-top:10px;
}
#provision-history-wrap > section > .btn > a{
background:#cfcfcf;
color:#fff;
height:40px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
font-size:1.2rem;
position:relative;
}
#provision-history-wrap > section > .btn > a:after{
font-family:'Material Symbols Outlined';
font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
content:"\e5cc";
font-size:25px;
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
}
@media screen and (max-width:768px){
	#provision-history-wrap{
	width:100%;
	grid-template-columns:repeat(2,1fr);
	gap:4rem 1rem;
	align-items:flex-start;
	padding:0 1.5rem 8rem 1.5rem;
	margin:0 auto;
	}
	#provision-history-wrap > section > h3 > div{
	font-size:1.3rem;
	}
	#provision-history-wrap > section{
	width:100%;
	}
}
