@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

article{
	background: #efefef;
}

section#page_info {
	min-height: auto;
	margin-bottom: 0;
}

div.photo {
	line-height: 0;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 768px){
	
	section#page_info {
        padding-bottom: 5.2vw;
    }
	
	section div.section_inner {
		width: 76.6%;
		max-width: 1150px;
		margin: 0 auto;
		text-align: center;
	}
	
	section div.section_inner h2 {
		font-size: 3.5rem;
		font-size: clamp(1.79rem, 2.33vw, 3.5rem);
		font-weight: 700;
		text-align: center;
		color: #c8102e;
		letter-spacing: 0.2em;
		margin-bottom: 2.6vw;
	}
	
	section div.section_inner h2 + p {
		font-size: 1.6rem;
		font-size: clamp(0.89rem, 1.06vw, 1.6rem);
		font-weight: 500;
		line-height: 2;
		letter-spacing: 0.025em;
	}
	
	section div.section_inner ul {
		margin: 7.3vw 0 8.6vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section div.section_inner ul li{
		width: 47.2%;
		height: 30vw;
		max-height: 450px;
		background: #FFF;
		position: relative;
	}
	
	section div.section_inner ul li:last-of-type{
		background: #c8102e;
	}
	
	section div.section_inner ul li a{
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		color: #FFF;
	}
	
	section div.section_inner ul li:first-of-type a{
		color: #000;
	}
	
	section div.section_inner ul li a div.box{
		width: 100%;
		height: 32.88%;
		position: relative;
	}
	
	section div.section_inner ul li a div.box h4{
		font-family: "Prompt";
		font-size: 3.5rem;
		font-size: clamp(1.79rem, 2.33vw, 3.5rem);
		font-weight: 500;
		letter-spacing: 0.025em;
		line-height: 1.2;
	}
	
	section div.section_inner ul li a div.box p{
		font-size: 2.0rem;
		font-size: clamp(1.24rem, 1.33vw, 2.0rem);
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 2;
	}
	
	section div.section_inner ul li a div.box span{
		width: 7.3%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 46.35%;
		transition: scale .5s;
	}
	
	section div.section_inner ul li a:hover div.box span{
		scale: 1.4;
	}
}




/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 767px){
	
	div#f_nav_block {
		margin-top: 0;
	}
	
	section#page_info {
        padding-bottom: 5vw;
    }
	
	section div.section_inner {
		width: 90%;
		margin: 0 auto;
	}
	
	section div.section_inner h2 {
		font-size: 1.52rem;
		font-size: clamp(1.52rem, 4.8vw, 3.6rem);
		font-weight: 700;
		text-align: center;
		color: #c8102e;
		letter-spacing: 0.2em;
		margin-bottom: 6vw;
	}
	
	section div.section_inner h2 + p {
		font-size: 1.09rem;
		font-size: clamp(1.09rem, 3.4vw, 2.6rem);
		font-weight: 500;
		line-height: 2;
		text-align: center;
		letter-spacing: 0.025em;
	}
	
	section div.section_inner ul {
		margin: 10vw 0 11vw;
	}
	
	section div.section_inner ul li{
		width: 100%;
		height: 45vw;
		background: #FFF;
		position: relative;
	}
	
	section div.section_inner ul li + li{
		margin-top: 5vw;
	}
	
	section div.section_inner ul li:last-of-type{
		background: #c8102e;
	}
	
	section div.section_inner ul li a{
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		color: #FFF;
	}
	
	section div.section_inner ul li:first-of-type a{
		color: #000;
	}
	
	section div.section_inner ul li a div.box{
		width: 100%;
		padding-bottom: 13vw;
		position: relative;
		text-align: center;
	}
	
	section div.section_inner ul li a div.box h4{
		font-family: "Prompt";
		font-size: 1.67rem;
		font-size: clamp(1.67rem, 5.06vw, 3.8rem);
		font-weight: 500;
		letter-spacing: 0.025em;
		line-height: 1.2;
	}
	
	section div.section_inner ul li a div.box p{
		font-size: 1.18rem;
		font-size: clamp(1.18rem, 3.73vw, 2.8rem);
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 2;
	}
	
	section div.section_inner ul li a div.box span{
		width: 10%;
		display: block;
		position: absolute;
		bottom: 0;
		left: 45%;
	}
	
}