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


/*下層ページ共通*/




/*-----------------------------------------------------------------------------
	PC
-----------------------------------------------------------------------------*/
@media screen and (min-width:768px){
	
	
	
	h2{
		font-size: 2.2rem;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 90px;
	}
	
	h2::after{
		content: "";
		display: block;
		background-color: #707070;
		width: 53px;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	section.link_box h2{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	section.link_box h2::after{
		content: none;
	}
	
	
	
/*----------------------------------
	メイン画像
----------------------------------*/	
	.main_img{
		position: relative;
		/* padding-top: 100px; */
		margin: 0 auto 70px;
	}
	.main_img .img_wrap, .main_img .img_wrap img {
		width: 100%;
		height: 400px;
	}
	.main_img .img_wrap img {
		width: 100%;
		height: 400px;
	}
	
	.main_img p{
		background-color: #5E79B5;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.8em;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-30%);
		padding: 10px 5px 0 5px;
	}
	
	.main_img p,
	.title_box p{
		font-size: 1.5rem;
		font-weight: 700;
		font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
	}
	
	
	
/*----------------------------------
	title_box
----------------------------------*/	
	.title_box{
		margin-bottom: 130px;
	}
	
	.title_box h1{
		font-size: 4rem;
		font-weight: 500;
		font-family: 'Raleway', sans-serif;
		text-transform: uppercase;
		margin-bottom: 70px;
		letter-spacing: 0.2em;
	}
	
	.title_box h1,
	.title_box p{
		text-align: center;
	}
	
	
	
	
	
}











/*-----------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------*/
@media screen and (max-width:767px){
	
	
	
	
	h2{
		font-size: 1.8rem;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		position: relative;
		padding-bottom: 5px;
		margin-bottom: 45px;
	}
	
	h2::after{
		content: "";
		display: block;
		background-color: #707070;
		width: 30px;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	section.link_box h2{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	section.link_box h2::after{
		content: none;
	}
	
	
	
/*----------------------------------
	メイン画像(SP)
----------------------------------*/	
	.main_img{
		position: relative;
		/* padding-top: 50px; */
		margin: 0 auto 35px;
	}
	
	.main_img .img_wrap{
		height: 400px;
	}
	
	.main_img p,
	.title_box p{
		font-size: 1.5rem;
		font-weight: 700;
		font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
	}
	
	.main_img p{
		white-space: nowrap;
		background-color: #5E79B5;
		font-size: 1.3rem;
		font-weight: 500;
		color: #fff;
		writing-mode: vertical-rl;
		line-height: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-30%);
		padding: 8px;
	}
	
	
	
/*----------------------------------
	title_box(SP)
----------------------------------*/	
	.title_box{
		margin-bottom: 40px;
	}
	
	.title_box h1{
		font-size: 2.5rem;
		font-weight: 500;
		font-family: 'Raleway', sans-serif;
		text-transform: uppercase;
		margin-bottom: 35px;
	}
	
	.title_box h1,
	.title_box p{
		text-align: center;
	}	
	
	
	
}