@charset "utf-8";

@media all and (min-width: 768px) {
		/* header */
	.headerLeft {
		top: 23px;
	}

	.headerLeft h1 {
		width: 44px;
		margin-left: 40px;
	}

	.headTitle {
		padding-top: 2px;
	}

	.menuInfo ul {
		display:  none;
	}
}
/* topPage */
.topPage {
  padding-top: 95px;
	overflow: hidden;
	height: 100vh;
	box-sizing: border-box;
}

.topList {
	margin: 0 10px 12px;
	overflow: hidden;
	vertical-align: top;
	font-size: 0;
	white-space: nowrap;
}

.topList li {
  width: 33.33333%;
  position: relative;
	overflow: hidden;
	display: inline-block;
	white-space: normal;
}

.topList li,
.topList li a {
	height: 100%;
}

.topList li .topPic {
	height: 100%;
  transform: scale(1);
	transition: transform .5s ease;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.topPic1 {
	background-image: url(/img/index/img_fv1.jpg);
}

.topPic2 {
	background-image: url(/img/index/img_fv2.jpg);
}

.topPic3 {
	background-image: url(/img/index/img_fv3.jpg);
}

.topList li img,
.topList li a {
  width: 100%;
  display: block;
  color: #fff;
}

.topList li a:hover {
  opacity: 1;
}

.topList li a:hover .topPic {
  transform: scale(1.03);
}

.topItemInfo {
	position: absolute;
	left: 50%;
	top: 53.8%;
	transform: translate(-50%,-50%);
	width: calc(100% - 86px);
}

.topItemInfoTitle {
	text-align: center;
	margin-bottom: 65px;
}

.topItemInfoTitle h2 {
	display: inline-block;
  margin-bottom: 8px;
  width: 38px;
  height: 338px;
}

.topItemInfoTitle h2 p {
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 5.2px;
}

.topItemInfoTitle h2 p span {
	display: inline-block;
	margin-bottom: 14px;
}

.topItemInfoTitle .topItemInfoTitleEn {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .6px;
}

.topItemInn {
	font-size: 11px;
	line-height: 2.1;
}

@media all and (min-width: 768px) and (max-width: 1250px) {
	.topItemInfoTitle {
    margin-bottom: 10px;
  }

  .topItemInfoTitle h2 {
    margin-bottom: 0;
  }
}

@media all and (min-width: 768px) and (max-height: 850px){
	.topItemInfoTitle {
    margin-bottom: 25px;
	}
	.topItemInfoTitle h2 {
    margin-bottom: -25px;
	}
	.topItemInfoTitle h2 p {
    font-size: 20px;
    letter-spacing: 5.1px;
	}
	.topItemInfoTitle .topItemInfoTitleEn {
    font-size: 14px;
	}
	.topItemInn {
    font-size: 10.5px;
    line-height: 1.8;
	}

}

@media (min-width: 768px) and (max-height: 700px) {
	.topItemInfoTitle {
		margin-bottom: 15px;
	}
	.topItemInfoTitle h2 p {
		font-size: 18px;
	}
	.topItemInfoTitle h2 {
		margin-bottom: -60px;
	}
	.topItemInfoTitle .topItemInfoTitleEn {
		font-size: 12px;
	}
}

@media all and (min-width: 0) and (max-width: 767px){
	.topPage {
		padding-top: 87px;
	}

	.topList {
		margin: 0 7px 7px;
		display: block;
		word-wrap: normal;
	}

	.topList li {
		width: auto;
		display: block;
		margin-bottom: 1px;
	}

	.topPic1 {
		background-image: url(/img/index/img_fv1_sp.jpg);
	}

	.topPic2 {
		background-image: url(/img/index/img_fv2_sp.jpg);
	}

	.topPic3 {
		background-image: url(/img/index/img_fv3_sp.jpg);
	}

	.topList li a:hover .topPic {
		transform: scale(1);
	}

	.topItemInfo {
		top: 50%;
		width: calc(100% - 32px);
	}

	.topItemInfoTitle {
		text-align: left;
		margin-bottom: 24px;
	}

	.topItemInfoTitle h2 {
		display: block;
		margin-bottom: 2px;
		width: auto;
		height: auto;
	}

	.topItemInfoTitle h2 p {
		writing-mode: horizontal-tb;
		font-weight: normal;
		font-size: 19px;
		letter-spacing: 1.6px;
	}

	.topItemInfoTitle h2 p span {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 6px;
	}

	.topItemInfoTitle .topItemInfoTitleEn {
		font-size: 11px;
		letter-spacing: .4px;
		margin-top: 4px;
	}

	.topItemInn {
		font-size: 10px;
		line-height: 1.8;
		letter-spacing: .6px;
	}
}

/* news */
.topNews {
  padding: 0 25px 10px;
  position: relative;
  height: 78px;
  box-sizing: border-box;
}

.topNewsInn {
	max-width: 360px;
}

.topNewsInn .swiper-wrapper {
	display: block;
}

.topNewsInn .swiper-slide {
	margin-bottom: 3px;
}

.topNewsInn .swiper-slide a {
  display: flex;
}

.topNewsInn span {
	font-size: 13px;
	color: #0045A2;
	letter-spacing: .5px;
	margin-right: 25px;
}

.topNewsInn p {
	font-size: 12px;
	letter-spacing: .6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.linkTo a {
	font-size: 12px;
}

.pageNewsLink {
	bottom: 20px;
	right: 23px;
	margin-top: 0;
}

#gFooter {
	pointer-events: none;
}

@media all and (min-width: 0) and (max-width: 767px){
	.topNewsInn {
		max-width: 100%;
		overflow: hidden;
	}

	.topNewsInn .swiper-wrapper {
		display: flex;
	}

	.topNewsInn p {
		font-size: 11px;
		letter-spacing: .3px;
	}

	.topNews {
		padding: 0 15px 40px;
		height: 80px;
	}

	.topNewsInn .swiper-slide a {
		display: block;
	}

	.topNewsInn span {
		font-size: 12px;
	}

	.topNewsInn p {
		font-size: 11px;
		letter-spacing: .3px;
	}

	.pageNewsLink {
		bottom: 15px;
		position: absolute;
	}

	.linkTo a {
		font-size: 11px;
	}

	.newsArrows {
		position: absolute;
		width: 29px;
		padding: 10px 10px;
		box-sizing: border-box;
		bottom: 5px;
		z-index: 2;
		opacity: .7;
	}

	.newsArrows img {
		width: 100%;
		display: block;
	}

	.newsArrowsPrev {
		left: 14px;
	}

	.newsArrowsNext {
		left: 90px;
	}

	.newsNum {
		position: absolute;
		bottom: 15px;
		left: 24px;
		width: 84px;
		text-align: center;
		font-weight: 300;
		font-size: 11px;
		color: #858585;
		letter-spacing: 0.5px;
	}

	.topNewsInn .swiper-slide {
		opacity: 0 !important;
		pointer-events: none;
	}

	.topNewsInn .swiper-slide.swiper-slide-active {
		opacity: 1 !important;
		pointer-events: auto;
	}

	.newsArrows.swiper-button-disabled {
		opacity: .34;
	}
}