@charset "utf-8";
/*page-company*/
#companyDate .companyTbl{margin:0 auto;}
#historyDate .historyTbl{width:100%;}
#historyDate .historyTbl dd small{
	display:block;
	line-height:1.6;
}
#oversea .galleryFrame{position:relative;}
#oversea .seaPager{
	width:100%;
	text-align:center;
	line-height:1.0;
}
#oversea .seaPager .swiper-pagination-bullet{
	display:inline-block;
	border:1px solid #fff;
	border-radius:50%;
	background-color:transparent;
	line-height:1.0;
	opacity:1;
}
#oversea .seaPager .swiper-pagination-bullet-active{background-color:#fff;}
#oversea .galleryFrame > button{
	position:absolute;
	cursor:pointer;
	z-index:1;
}
#oversea .galleryFrame > button img{
	display:block;
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,0.5);
	border-radius:50%;
}
#oversea .galleryFrame #galleryNext img{
	transform-origin:center center;
	transform:rotate(180deg);
}
@media screen and (max-width:767.98px){
  #leadBox .leadTtl{margin-top:10.125vw;}
	#leadBox .leadTxt{line-height:1.8;}
	#leadBox .leadTtl+.leadTxt{margin-top:5.676vw;}
	#greeting .secTxt{line-height:1.8;}
	#greeting *+.secTxt,
	#oversea *+.secTxt{margin-top:6.757vw;}
	#greeting *+.secEndTxt{margin-top:14.189vw;}
	#companyDate .companyTbl,
	#companyDate .companyTbl > *,
	#historyDate .historyTbl,
	#historyDate .historyTbl > *{display:block;}
	#companyDate .companyTbl,
	#historyDate .historyTbl{
		margin-top:8.378vw;
		letter-spacing:0.27vw;
	}
	#companyDate .companyTbl{text-align:center;}
	#companyDate .companyTbl dd{letter-spacing:0.405vw;}
	#companyDate .companyTbl dd+dt{margin-top:5.405vw;}
	#companyDate .companyTbl dt+dd{margin-top:-0.541vw;}
	#historyDate .historyTbl dd+dt{margin-top:9.73vw;}
	#historyDate .historyTbl dd small{font-size:3.514vw;}
	#oversea .seaPager{margin-top:16px;}
	#oversea .seaPager .swiper-pagination-bullet{
		width:6px;
		height:6px;
		margin:0 5px;
	}
	#oversea .galleryFrame > button{
		width:24px;
		top:calc(26.044vw - 12px);
	}
	#oversea .galleryFrame #galleryPrev{left:-12px;}
	#oversea .galleryFrame #galleryNext{right:-12px;}
}
@media screen and (min-width:768px){
  #leadBox .leadTtl + .leadTxt{margin-top:35px;}
	#leadBox .leadTxt{text-align:center;}
	#greeting .markTtl{margin-bottom:46px;}
	#greeting .ceoFg{margin-bottom:49px;}
	#greeting .secTxt+.secTxt{margin-top:34px;}
	#greeting .secTxt+.secEndTxt{margin-top:67px;}
	#companyDate .companyTbl,
	#historyDate .historyTbl{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		letter-spacing:0.1rem;
	}
	#companyDate .companyTbl{width:76.222%;}
	#companyDate .companyTbl dt+dd+dt,
	#companyDate .companyTbl dd+dt+dd{margin-top:38px;}
	#companyDate .companyTbl dt{width:49.56268%;}
	#companyDate .companyTbl dd{width:50.43732%;}
	#historyDate .historyTbl{position:relative;}
	#historyDate .historyTbl:before{
		content:"";
		position:absolute;
		top:0;
		left:42%;
		display:block;
		width:1px;
		height:100%;
		background-color:rgba(255,255,255,0.5);
	}
	#historyDate .historyTbl dt{width:42%;}
	#historyDate .historyTbl dd{
		width:58%;
		padding-left:5%;
	}
	#historyDate .historyTbl dt+dd+dt,
	#historyDate .historyTbl dd+dt+dd{margin-top:42px;}
	#historyDate .historyTbl dd small{font-size:1.3rem;}
	#oversea .seaPager{margin-top:10px;}
	#oversea .seaPager .swiper-pagination-bullet{
		width:10px;
		height:10px;
		margin:0 7px;
	}
  #oversea .galleryFrame{margin-bottom:54px;}
	#oversea .galleryFrame > button{
		width:32px;
		top:180px;
	}
	#oversea .galleryFrame #galleryPrev{left:-21px;}
	#oversea .galleryFrame #galleryNext{right:-21px;}
}
