@charset "utf-8";
/* summary */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@1,500&display=swap');


/*----------- summary トップ--------------*/
.summaryTitle{
	position: relative;
	display: flex; 
	-ms-flex-align: center;
	align-items: center;   
	-ms-flex-pack: center;
	justify-content: center;
	height: calc(100vh - 115px)/*772px*/;
	padding: 0 5.3%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/summary_mv.jpg);
}
.summaryTitle > div{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 140px;
}
.summaryTitle > div h1{
	font-size: 54px;
	line-height: 1.8em;
	text-align: center;
	letter-spacing: 0.29em;
}
.summaryTitle > div p{
	font-size: 18px;
	line-height: 1.9em;
	text-align: center;
	letter-spacing: 0.13em;
}
.summaryTitle .scroll{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 110px;
}
.summaryTitle .scroll a{
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.24em;
	transform: rotate(90deg);
	transform-origin: center center;
	margin-left: 34px;
}
.summaryTitle .scroll a::before,
.summaryTitle .scroll a::after{
	position: absolute;
	content: "";
	display: inline-block;
	background: #fff;
}
.summaryTitle .scroll a::before{
	bottom: 0;
	left: 0;
	opacity: 0.6;
	width: 110px;
	height: 1px;
}
.summaryTitle .scroll a::after{
	bottom: -0.5px;
	left: 0;
	width: 62px;
	height: 2px;
}
@media screen and (max-width: 768px) {
.summaryTitle{
	height: calc(100vh - 75px);
	padding: 0 5.3%;
}

}/*-SP only-*/

.summaryBox{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
 min-height: 900px;
 height: 100vh;
}
.summaryBox h2{
	font-size: 29px;
	line-height: 1.65em;
	letter-spacing: 0.29em;
	color: #fff;
}
.summaryBox p{
	margin-top: 40px;
	font-size: 18px;
	line-height: 2.14em;
	letter-spacing: 0.13em;
	color: #fff;
}
.summaryBox p.link a{
	position: relative;
	padding-right: 60px;
	font-weight: 700;
	color: #fff;
}
.summaryBox p.link a::before,
.summaryBox p.link a::after{
	content: "";
    display: block;
    background: #fff;
    position: absolute;
    right: 0;
	top: 50%;
    height: 2px;
}
.summaryBox p.link a::before {
    width: 30px;
}
.summaryBox p.link a::after {
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: right bottom;
}
.summaryBox figure {
	margin-top: 80px;
}
.summaryBox figure img{
}
#summaryHistory{
	padding: 160px 0 200px;
	background-image: url(../images/summary_history.jpg);
}
#summaryHistory h2,
#summaryHistory p{
	text-shadow:0px 0px 10px #000;
}
#summaryHistory h2{
}
#summaryHistory h2 .year{
	display: inline-block;
	font-family: 'Noto Serif Display', serif, 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	letter-spacing: -0.01em;
	font-size: 104px;
}
#summaryHistory h2 .year span{
	display: inline-block;
}
#summaryHistory h2 .year span:nth-of-type(1){
}
#summaryHistory h2 .year span:nth-of-type(2){
	transform: translateY(-20px);
}
#summaryHistory h2 .year span:nth-of-type(3){
	font-size: 1.15em;
	transform: translateY(10px);
}
#summaryHistory h2 .year span:nth-of-type(4){
	font-size: 1.15em;
}
#summaryHistory .txt{
}
#summaryAbout{
	padding: 130px 0 90px;
	background-image: url(../images/summary_about.jpg);
}
#summaryAbout .txt{
	margin-left: auto;
}
#summaryAbout p.link{
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#summaryAbout figure{
 margin-top: 50px;
	text-align: center;
}
#summaryAbout figure img{
	width: 40%;
}
#summarySystem{
	padding: 140px 0;
	background-image: url(../images/summary_system.jpg);
}
#summarySystem .txt{
}
#summarySystem h2,
#summarySystem p,
#summarySystem p a{
	color: #333333;
}
#summarySystem p.link a::before,
#summarySystem p.link a::after{
    background: #333333;
}
#summaryCsr{
	padding: 150px 0;
	background-image: url(../images/summary_csr.jpg);
}
#summaryCsr .txt{
	margin-left: auto;
}
#summaryCsr h2,
#summaryCsr p{
	text-shadow:0px 0px 10px #000;
}
#summaryCsr figure img{
	width: 75%;
}

#summaryRecruit{
	padding: 190px 0 180px;
	background-image: url(../images/summary_recruit.jpg);
}
#summaryRecruit .txt{
}
@media screen and (max-width: 768px) {
	.summaryBox .txt{
		width: 90%;
		margin: auto;
	}
	.summaryBox h2{
		font-size: 26px;
	}
	.summaryBox p{
		font-size: 16px;
	}
	.summaryBox p.link a{
		padding-right: 8.5vw;
	}
	main #summaryHistory .inner h2,
	main #summaryHistory .inner p,
	main #summarySystem .inner h2,
	main #summarySystem .inner p,
	main #summaryCsr .inner h2,
	main #summaryCsr .inner p,
	main #summaryRecruit .inner h2,
	main #summaryRecruit .inner p,
	main #summaryAbout .inner h2,
	main #summaryAbout .inner p{
		padding-left: 0px;
		padding-right: 0px;	
	}
	#summaryHistory h2 .year{
		font-size: 24vw;
	}
	#summaryAbout p.link a{
	}
	main #summaryRecruit .inner h2{
		letter-spacing: 0.18em;
	}
}/* //end for SP */

@media screen and (min-width: 769px) {
	.summaryBox .txt{
		max-width: 413px;	
	}
	.summaryBox p.link a:hover::before,
	.summaryBox p.link a:hover::after{
		right: -20px;
		transition: 0.5s;  
	}
}/* //end for PC */

.rSlider li a {
  margin: 0 auto;
}