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


/*--------------------------------------------------


    PICKUP HITSU PAGE
	

---------------------------------------------------*/






/*HISTORY -----------------------------------------------*/
.predident-name{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
}

.history-cont{
	width: 100%;
	margin: 0 auto;
	padding-top: 80px;
	position: relative;
}

.history-cont img.pattern{
	display: block;
	width: 25%;
	height: auto;
	position: absolute;
	top: 70%;
	left: -3%;
	z-index: -1;
}

.history-cont + .history-cont{
	margin-top: 200px;
}

.history-cont.cont01{
	background: url("../images/pickup/pickup_01.jpg") no-repeat right top;
	background-size:contain;
}

.history-cont.cont02{
	padding-top: 0;
}

.history-cont.cont02 .cont02-image{
	width: 100%;
}

.history-cont.cont02 .cont02-image img{
	width: 100%;
	height: auto;
}

.history-cont.cont03{
	background: url("../images/pickup/pickup_02.jpg") no-repeat left top;
	background-size:contain;
	margin-bottom: 120px;
}

.history-inner{
	width: 1200px;
	margin: 0 auto;
}

.history-inner div{
	display: block;
	width: 65%;
	background-color: #FFFFFF;
	padding: 6% 6% 0 0;
}

.history-inner div.right{
	width: 65%;
	margin-left: 35%;
	padding: 6% 0 0 6%;
}

.history-inner div h4{
	font-size: 30px;
	color: #1B4499;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.history-cont.cont02 .history-inner div{
	width: 100%;
	padding: 140px 0 0 0;
}

.bn-hitsy{display: flex!important; display:-webkit-flex!important; justify-content: flex-end!important; margin-top: 40px; text-align: right!important; width: 100%!important; padding: 0!important;}
.bn-hitsy div{width:100%!important; padding: 0!important;}
.bn-hitsy div img{width:100%!important; padding: 0!important;}
.bn-hitsy div img:hover{opacity: 0.6;}
.bn-hitsy span{display: block; margin-top: 20px;}


@media screen and (max-width: 1499px) {
.history-inner{
	width: 80%;
}
.bn-hitsy div img{width:70%!important;}
}

@media screen and (max-width: 1200px) {
.predident-name{
	font-size: 1.3vw;
}

@media screen and (max-width: 768px) {
.predident-name{
	position:static;
	margin-top: 15px;
	font-size: 3.6vw;
}

.history-cont{
	width: 90%;
	padding-top: 0px;
}

.history-cont + .history-cont{
	margin-top: 50px;
}

.history-cont.cont01{
	background: none;
}

.history-cont.cont03{
	background: none;
	margin-bottom: 50px;
}

.history-cont.cont01 img,
.history-cont.cont03 img{
	width: 100%;
	height: auto;
}
	
.history-inner{
	width: 100%;
}
	
.history-cont.cont01 .history-inner div,
.history-cont.cont03 .history-inner div{
	margin-bottom: 15px;
}

.history-inner div{
	width: 100%;
	padding: 0;
}

.history-inner div.right{
	width: 100%;
	margin-left: 0%;
	padding: 0%;
}

.history-inner div h4{
	font-size: 20px;
	letter-spacing: 0px;
	margin-bottom: 15px;
}

.history-cont.cont02 .history-inner div{
	width: 100%;
	padding: 15px 0 0 0;
}
}