@charset "UTF-8";
/*
 * top_layout.css
 *
 */

/* !Loading
---------------------------------------------------------- */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1.8s 0.6s;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.loaded {
  opacity: 0;
  visibility: hidden;
}

/* !mainvisual
---------------------------------------------------------- */
.main {
	width: 100%;
	height:100vh;
	position: relative;
	z-index:-99;
	overflow: hidden;
}
	.main h2.copy {
		position: absolute;
		font-size:60px;
		font-size:4.8vw;
		font-weight:700;
		color: #5CACDF;
		line-height:1.4;
		font-feature-settings: "palt";
		top:20%;
		right:4%;
		z-index:5;
	}
		.main h2 span.text {
			display: inline-block;
			opacity:0;
			animation: text-animation 0.5s forwards;
			transform: translateY(50px);
		}
		.main h2.copy span:nth-child(1) {
			animation-delay: 2.00s;
		}
		.main h2.copy span:nth-child(2) {
			animation-delay: 2.06s;
		}
		.main h2.copy span:nth-child(3) {
			animation-delay: 2.12s;
		}
		.main h2.copy span:nth-child(4) {
			animation-delay: 2.18s;
		}
		.main h2.copy span:nth-child(5) {
			animation-delay: 2.24s;
		}
		.main h2.copy span:nth-child(6) {
			animation-delay: 2.30s;
		}
		.main h2.copy span:nth-child(7) {
			animation-delay: 2.36s;
		}
		.main h2.copy span:nth-child(8) {
			animation-delay: 2.42s;
		}
		.main h2.copy span:nth-child(9) {
			animation-delay: 2.48s;
		}
		.main h2.copy span:nth-child(10) {
			animation-delay: 2.54s;
		}
		.main h2.copy span:nth-child(11) {
			animation-delay: 2.6s;
		}
	.main img.photo {
		display: block;
		position: absolute;
		width:75%;
		max-width:1050px;
		bottom:5%;
		right: 0;
		z-index: 3;
		animation: photo 3s 1 ease ;
	}
	.main img.rhombus1 {
		display: block;
		position: absolute;
		width:24%;
		top:31%;
		left: 1%;
		z-index: 1;
		animation: rhombus1 3.7s 1 ease ;
	}
	.main img.rhombus2 {
		display: block;
		position: absolute;
		width:40%;
		top:42%;
		left: 7%;
		z-index: 4;
		animation: rhombus2 3.9s 1 ease ;
	}
	.main img.rhombus3 {
		display: block;
		position: absolute;
		width:41%;
		bottom:0;
		left: 16%;
		z-index: 2;
		animation: rhombus3 4.1s 1 ease ;
	}

@keyframes text-animation {
    0% {
		opacity:0;
        transform: translateY(50px);
    }
    100% {
		opacity:1;
        transform: translateY(0);
    }
}

@keyframes photo {
    0% {
        opacity: 0;
		right: -100px;
    }
	60% {
        opacity: 0;
		right: -100px;
    }
	100% {
        opacity: 1;
		right: 0;
    }
}

@keyframes rhombus1 {
    0% {
        opacity: 0;
		margin-top:-100px;
    }
	70% {
        opacity: 0;
		margin-top:-100px;
    }
	100% {
        opacity: 1;
		margin-top:0;
    }
}

@keyframes rhombus2 {
    0% {
        opacity: 0;
		margin-left:-100px;
    }
	73% {
        opacity: 0;
		margin-left:-100px;
    }
	100% {
        opacity: 1;
		margin-left:0;
    }
}

@keyframes rhombus3 {
    0% {
        opacity: 0;
		margin-bottom:-100px;
    }
	76% {
        opacity: 0;
		margin-bottom:-100px;
    }
	100% {
        opacity: 1;
		margin-bottom:0;
    }
}
		
.main div.scroll {
	position:absolute;
	width:9px;
	height:80px;
	bottom:0;
	left:50px;
	z-index:6;
	animation: scroll-animation 4s 1 ease ;
}
@keyframes scroll-animation {
    0% {
		opacity:0;
    }
	70% {
		opacity:0;
    }
	100% {
		opacity:1;
    }
}
#mouse,
#mouse:before {
    position: absolute;
    left: 0;
}
#mouse {
    bottom: 0;
    width: 1px;
    height: 80px;
	background:#CBD6EC;
	left:0;
}
#mouse:before {
    content: '';
    top: 0;
    width: 9px;
    height: 9px;
    background: #21A6D8;
    margin-left: -4px;
    border-radius: 50%;
    -webkit-animation: scroll 1.5s infinite;
    -moz-animation: scroll 1.5s infinite;
	animation: scroll 1.5s infinite;
}
@keyframes scroll {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
        transform: translateY(80px);
    }
}
@-webkit-keyframes scroll {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
        transform: translateY(80px);
    }
}
@-moz-keyframes scroll {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
        transform: translateY(80px);
    }
}

@media screen and (max-height:950px){
	.main h2.copy {
		font-size:54px;
		top:16%;
	}
	.main img.photo {
		max-height:560px;
		width:auto;
		bottom:5%;
		right: 0;
		z-index: 3;
	}
}

@media screen and (max-height:850px){
	.main h2.copy {
		font-size:54px;
		top:12%;
	}
	.main img.photo {
		max-height:560px;
		width:auto;
		bottom:5%;
		right: 0;
		z-index: 3;
	}
}

@media screen and (max-width:1039px){
	.main h2.copy {
		font-size:6.5vw;
		top:16%;
		right:6%;
	}
	.main img.photo {
		width:90%;
		bottom:5%;
	}
	.main img.rhombus1 {
		width:30%;
		top:36%;
		left: 1%;
	}
	.main img.rhombus2 {
		width:50%;
		top:44%;
		left: 10%;
	}
	.main img.rhombus3 {
		width:60%;
		bottom:0;
		left: 2%;
	}
	
.main div.scroll {
	width:9px;
	height:80px;
	bottom:150px;
	left:20px;
}
}

@media screen and (max-width:767px){
.main {
	width: 100%;
	height:550px;
}
	.main h2.copy {
		font-size:30px;
		top:21%;
		right:5%;
	}
		.main h2 span.text {
			transform: translateY(30px);
		}
	.main img.photo {
		width:90%;
		bottom:5%;
	}
	.main img.rhombus1 {
		width:38%;
		top:38%;
		left:1%;
	}
	.main img.rhombus2 {
		width:56%;
		top:46%;
		left: 10%;
	}
	.main img.rhombus3 {
		width:70%;
		left: 2%;
	}
@keyframes text-animation {
    0% {
		opacity:0;
        transform: translateY(30px);
    }
    100% {
		opacity:1;
        transform: translateY(0);
    }
}
	
.main div.scroll {
	width:7px;
	height:80px;
	bottom:70px;
	left:15px;
}
#mouse:before {
    width: 7px;
    height: 7px;
    margin-left: -3px;
}

}

@media screen and (max-width:360px){
.main {
	width: 100%;
	height:550px;
}
	.main h2.copy {
		font-size:26px;
		top:21%;
		right:5%;
	}
	.main img.photo {
		width:90%;
		bottom:5%;
	}
	.main img.rhombus1 {
		width:38%;
		top:38%;
		left: 1%;
	}
	.main img.rhombus2 {
		width:56%;
		top:46%;
		left: 10%;
	}
	.main img.rhombus3 {
		width:70%;
		left: 2%;
	}
	
}

/* !contents
---------------------------------------------------------- */
#contents {
	width:100%;
}

/* !アニメーション
---------------------------------------------------------- */
.fadeIn_up {
  opacity: 1;
  transform: translate(0, 300px);
  transition: 6s 0s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_down {
  opacity: 0;
  transform: translate(0, -200px);
  transition: 3.0s .4s;
}
.fadeIn_down.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up2 {
  opacity: 0;
  transform: translate(0, 100px);
  transition: 1.6s .4s;
}
.fadeIn_up2.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(100px, 0);
  transition: 1.6s .4s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

@media screen and (max-width:767px){
.fadeIn_up {
  opacity: 1;
  transform: translate(-300px, 300px);
  transition: 6s 0s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
	
.fadeIn_left {
  opacity: 0;
  transform: translate(0, 100px);
  transition: 1.6s .4s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
}

/* !About us
---------------------------------------------------------- */
.topAboutWrap {
	width:100%;
	background-color: #364954;
	position: relative;
}
.topAboutWrap div.bgTop {
	display: block;
	width:100%;
	position: absolute;
	top:0;
	left:0;
}
.topAboutWrap div.bgBtm {
	display: block;
	width:100%;
	position: absolute;
	bottom:-11px;
	left:0;
}
.topAbout {
	width:100%;
	padding:160px 50px 150px 50px;
	position: relative;
	overflow: hidden;
}
	.topAbout div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto ;
		position: relative;
	}
		.topAbout div.inner p.enTit {
			font-family: "Roboto", sans-serif;
			font-size:24px;
			font-weight: 500;
			letter-spacing: 0.04em;
			padding-left:1em;
			color:#FFF;
			position: relative;
			margin-bottom: 30px;
			z-index: 2;
		}
			.topAbout div.inner p.enTit:before {
				position: absolute;
				content: "";
				width:2px;
				height: 100%;
				background-color: #21A6D8;
				top:0;
				left:0;
				transform: rotate(20deg);
			}
		.topAbout div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.4;
			color:#FFF;
			margin-bottom: 60px;
			position: relative;
			z-index: 2;
		}
		.topAbout div.inner p.read {
			color:#FFF;
			line-height: 2.4;
			margin-bottom: 100px;
			position: relative;
			z-index: 2;
		}
			.topAbout div.inner p.read br.tb {
				display: none;
			}
		.topAbout div.inner img.fig {
			position: absolute;
			display: block;
			width:54%;
			top:80px;
			right:-30px;
			z-index: 1;
		}
		.topAbout div.inner a.btn {
			display: inline-block;
			font-size:20px;
			font-weight: 700;
			color: #FFF;
			line-height: 100px;
			padding-left:140px;
			position: relative;
			transition:.6s;
		}
			.topAbout div.inner a.btn:hover {
				color: #21A6D8;
			}
			.topAbout div.inner a.btn div.arrow {
				position: absolute;
				width:100px;
				height: 100px;
				border:2px solid #21A6D8;
				border-radius: 50%;
				top:0;
				left:0;
				transition:.3s;
			}
				.topAbout div.inner a.btn:hover div.arrow {
					transform: scale(1.08);
				}
				.topAbout div.inner a.btn div.arrow span {
					display: inline-block;
					vertical-align: middle;
					color: #21A6D8;
					line-height: 1;
					position: relative;
					width: 0.7em;
					height: 0.15em;
					background: currentColor;
					top:-3px;
					left:43px;
				}
					.topAbout div.inner a.btn div.arrow span:before {
						content: '';
						width: 0.5em;
						height: 0.5em;
						border: 0.15em solid currentColor;
						border-left: 0;
						border-bottom: 0;
						transform: rotate(45deg);
						transform-origin: top right;
						position: absolute;
						top: 50%;
						right: -0.05em;
						box-sizing: border-box;
					}

@media screen and (max-width:1039px){
.topAboutWrap div.bgTop {
	top:0;
}
.topAboutWrap div.bgBtm {
	bottom:-10px;
}
.topAbout {
	padding:140px 30px 120px 30px;
}
		.topAbout div.inner p.enTit {
			font-size:20px;
			margin-bottom: 25px;
		}
		.topAbout div.inner h2 {
			font-size:28px;
			margin-bottom: 50px;
		}
		.topAbout div.inner p.read {
			margin-bottom: 60px;
		}
			.topAbout div.inner p.read br.tb {
				display: inherit;
			}
		.topAbout div.inner img.fig {
			width:60%;
			max-width:540px;
			top:110px;
			right:-20px;
		}
		.topAbout div.inner a.btn {
			font-size:16px;
			padding-left:130px;
		}
			.topAbout div.inner a.btn:hover {
				color: #FFF;
			}
				.topAbout div.inner a.btn:hover div.arrow {
					transform: none;
				}
		.topAbout div.inner img.line {
			width:170px;
			left:25%;
		}
}
	
@media screen and (max-width:767px){
.topAboutWrap div.bgTop {
	top:0;
}
.topAboutWrap div.bgBtm {
	bottom:-9px;
}
.topAbout {
	padding:100px 25px 100px 25px;
}
		.topAbout div.inner p.enTit {
			font-size:16px;
			margin-bottom: 20px;
		}
		.topAbout div.inner h2 {
			font-size:20px;
			line-height: 1.8;
			margin-bottom: 40px;
		}
		.topAbout div.inner p.read {
			margin-bottom: 40px;
		}
			.topAbout div.inner p.read br {
				display: none;
			}
			.topAbout div.inner p.read br.tb {
				display: none;
			}
		.topAbout div.inner img.fig {
			position: relative;
			width:100%;
			max-width:340px;
			top:auto;
			right:auto;
			margin: 0 auto 50px auto;
		}
		.topAbout div.inner a.btn {
			font-size:16px;
			line-height: 80px;
			padding-left:110px;
		}
			.topAbout div.inner a.btn div.arrow {
				width:80px;
				height: 80px;
			}
				.topAbout div.inner a.btn div.arrow span {
					top:-3px;
					left:33px;
				}
		.topAbout div.inner img.line {
			width:120px;
			top:-70px;
			left:auto;
			right:5%;
		}
}

@media screen and (max-width:360px){
		.topAbout div.inner h2 {
			font-size:16px;
		}
}

/* !事業案内
---------------------------------------------------------- */
.topBusinessWrap {
	width:100%;
	background-color: #364954;
	position: relative;
}
.topBusinessWrap div.bgTop {
	display: block;
	width:100%;
	position: absolute;
	top:0;
	left:0;
}
.topBusinessWrap div.bgBtm {
	display: block;
	width:100%;
	position: absolute;
	bottom:-10px;
	left:0;
}
.topBusiness {
	width:100%;
	padding:120px 50px 120px 50px;
}
	.topBusiness div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto ;
		position: relative;
		display: flex;
	}
		.topBusiness div.inner div.left {
			width:30%;
		}
			.topBusiness div.inner div.left p.enTit {
				font-family: "Roboto", sans-serif;
				font-size:24px;
				font-weight: 500;
				letter-spacing: 0.04em;
				padding-left:1em;
				position: relative;
				margin-bottom: 30px;
			}
				.topBusiness div.inner div.left p.enTit:before {
					position: absolute;
					content: "";
					width:2px;
					height: 100%;
					background-color: #21A6D8;
					top:0;
					left:0;
					transform: rotate(20deg);
				}
			.topBusiness div.inner div.left h2 {
				font-size:38px;
				font-weight: 600;
				line-height: 1.4;
				letter-spacing: 0.06em;
			}
		.topBusiness div.inner div.right {
			width:70%;
		}
			.topBusiness div.inner div.right ul {
				width:100%;
				display: flex;
				justify-content: space-between;
			}
				.topBusiness div.inner div.right ul li {
					width:31%;
				}
				.topBusiness div.inner div.right ul li:nth-child(2) {
					margin-top: 100px;
				}
				.topBusiness div.inner div.right ul li:nth-child(3) {
					margin-top: 200px;
				}
					.topBusiness div.inner div.right ul li a {
						display: block;
						width:100%;
					}
						.topBusiness div.inner div.right ul li a div.imgWrap {
							display:block;
							position: relative;
							width:100%;
							z-index:2;
						}
							.topBusiness div.inner div.right ul li a div.imgWrap figure.img-container {
								overflow: hidden;
								position: relative;
								border-radius: 10px;
							}
								.topBusiness div.inner div.right ul li a div.imgWrap figure.img-container img {
									display: block;
									width:100%;
									opacity: 0;
									position: relative;
									transition:all 1.0s .6s ease; 
									border-radius: 10px;
									z-index: 3;
								}
									.topBusiness div.inner div.right ul li a div.imgWrap figure.img-container div.photo {
										transition:all .6s ease;
									}
									.topBusiness div.inner div.right ul li a:hover div.imgWrap figure.img-container div.photo {
										transform: scale(1.08);
									}
								.topBusiness div.inner div.right ul li a div.imgWrap figure.img-container::before {
									background: #21A6D8;
									content: '';
									display: block;
									height: 100%;
									position: absolute;
									transform: translateX(-100%);
									transition:all 1.0s .4s ease; 
									width: 100%;
									z-index: 4;
								}
								/* アニメーション設定　*/
								.topBusiness div.inner div.right ul li a div.imgWrap figure.img-container.is-show img {
									opacity: 1;
								}
								.topBusiness div.inner div.right ul li a div.imgWrap figure.img-container.is-show:before {
									transform: translateX(100%);
								}
						.topBusiness div.inner div.right ul li a p {
							font-size:20px;
							font-weight: 600;
							font-feature-settings: "palt";
							text-align: center;
							letter-spacing: 0.06em;
							margin-top: 15px;
							transition: .6s;
						}
		.topBusiness div.inner img.line {
			position: absolute;
			display: block;
			width:197px;
			top:-100px;
			left:10%;
			z-index: -2;
		}

@media screen and (max-width:1039px){
.topBusinessWrap div.bgTop {
	top:0;
}
.topBusinessWrap div.bgBtm {
	bottom:-10px;
}
.topBusiness {
	padding:100px 30px 100px 30px;
}
			.topBusiness div.inner div.left p.enTit {
				font-size:20px;
				margin-bottom: 25px;
			}
			.topBusiness div.inner div.left h2 {
				font-size:28px;
			}
									.topBusiness div.inner div.right ul li a:hover div.imgWrap figure.img-container div.photo {
										transform: none;
									}
						.topBusiness div.inner div.right ul li a p {
							font-size:16px;
						}
		.topBusiness div.inner img.line {
			width:170px;
			left:10%;
		}
}
	
@media screen and (max-width:767px){
.topBusinessWrap div.bgTop {
	top:0;
}
.topBusinessWrap div.bgBtm {
	bottom:-9px;
}
.topBusiness {
	padding:100px 25px 100px 25px;
}
	.topBusiness div.inner {
		flex-wrap: wrap;
	}
		.topBusiness div.inner div.left {
			width:100%;
			margin-bottom: 50px;
		}
			.topBusiness div.inner div.left p.enTit {
				font-size:16px;
				margin-bottom: 20px;
			}
			.topBusiness div.inner div.left h2 {
				font-size:20px;
			}
		.topBusiness div.inner div.right {
			width:100%;
		}
			.topBusiness div.inner div.right ul {
				width:100%;
				max-width:220px;
				flex-wrap: wrap;
				margin: 0 auto;
			}
				.topBusiness div.inner div.right ul li {
					width:100%;
				}
				.topBusiness div.inner div.right ul li:nth-child(2) {
					margin-top: 40px;
				}
				.topBusiness div.inner div.right ul li:nth-child(3) {
					margin-top: 40px;
				}
						.topBusiness div.inner div.right ul li a p {
							font-size:14px;
						}
		.topBusiness div.inner img.line {
			width:120px;
			top:-70px;
			left:auto;
			right:2%;
		}
}

/* !お知らせ
---------------------------------------------------------- */
.topNews {
	width:100%;
	padding:120px 50px 120px 50px;
}
	.topNews div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
		.topNews div.inner div.left {
			width:35%;
		}
			.topNews div.inner div.left p.enTit {
				font-family: "Roboto", sans-serif;
				font-size:24px;
				font-weight: 500;
				letter-spacing: 0.04em;
				padding-left:1em;
				position: relative;
				margin-bottom: 30px;
			}
				.topNews div.inner div.left p.enTit:before {
					position: absolute;
					content: "";
					width:2px;
					height: 100%;
					background-color: #21A6D8;
					top:0;
					left:0;
					transform: rotate(20deg);
				}
			.topNews div.inner div.left h2 {
				font-size:38px;
				font-weight: 700;
				line-height: 1.4;
				letter-spacing: 0.06em;
				margin-bottom: 100px;
			}
			.topNews div.inner div.left a.btn {
				display: inline-block;
				font-size:20px;
				font-weight: 700;
				color: #26353D;
				line-height: 80px;
				padding-left:120px;
				position: relative;
				transition:.6s;
			}
				.topNews div.inner div.left a.btn:hover {
					color: #21A6D8;
				}
				.topNews div.inner div.left a.btn div.arrow {
					position: absolute;
					width:80px;
					height: 80px;
					border:2px solid #21A6D8;
					border-radius: 50%;
					top:0;
					left:0;
					transition:.3s;
				}
					.topNews div.inner div.left a.btn:hover div.arrow {
						transform: scale(1.08);
					}
					.topNews div.inner div.left a.btn div.arrow span {
						display: inline-block;
						vertical-align: middle;
						color: #21A6D8;
						line-height: 1;
						position: relative;
						width: 0.7em;
						height: 0.15em;
						background: currentColor;
						top:-3px;
						left:33px;
					}
						.topNews div.inner div.left a.btn div.arrow span:before {
							content: '';
							width: 0.5em;
							height: 0.5em;
							border: 0.15em solid currentColor;
							border-left: 0;
							border-bottom: 0;
							transform: rotate(45deg);
							transform-origin: top right;
							position: absolute;
							top: 50%;
							right: -0.05em;
							box-sizing: border-box;
						}
				
		.topNews div.inner div.right {
			width:65%;
		}
			.topNews div.inner div.right div.newsList {
				display:block;
				width:100%;
				border-top:1px solid #E6E9EA;
			}
					.topNews div.inner div.right div.newsList dl {
						width:100%;
						line-height:1.8;
						display:flex;
						flex-wrap:wrap;
						border-bottom:1px solid #E6E9EA;
					}
						.topNews div.inner div.right div.newsList dl dt {
							width:20%;
							padding:2em 0;
						}
						.topNews div.inner div.right div.newsList dl dd {
							width:80%;
							padding:2em 60px 2em 0;
						}
					.topNews div.inner div.right div.newsList a dl dt {
						font-weight: 700;
						color:#26353D;
						opacity:.5;
					}
						.topNews div.inner div.right div.newsList a dl dd {
							color:#26353D;
							transition:.6s;
							position: relative;
						}
							.topNews div.inner div.right div.newsList a:hover dl dd {
								color:#21A6D8;
							}
							.topNews div.inner div.right div.newsList a dl dd div.arrow {
								position: absolute;
								width:40px;
								height: 40px;
								border:2px solid #21A6D8;
								border-radius: 50%;
								top:50%;
								margin-top: -20px;
								right:0;
								transition:.3s;
							}
								.topNews div.inner div.right div.newsList a:hover dl dd div.arrow {
									transform: scale(1.1);
								}
								.topNews div.inner div.right div.newsList a dl dd div.arrow span {
									display: inline-block;
									vertical-align: middle;
									color: #21A6D8;
									line-height: 1;
									position: relative;
									width: 0.5em;
									height: 0.13em;
									background: currentColor;
									top:1px;
									left:14px;
								}
									.topNews div.inner div.right div.newsList a dl dd div.arrow span:before {
										content: '';
										width: 0.5em;
										height: 0.5em;
										border: 0.13em solid currentColor;
										border-left: 0;
										border-bottom: 0;
										transform: rotate(45deg);
										transform-origin: top right;
										position: absolute;
										top: 50%;
										right: -0.05em;
										box-sizing: border-box;
									}

@media screen and (max-width:1039px){
.topNews {
	padding:100px 30px 100px 30px;
}
		.topNews div.inner div.left {
			width:35%;
		}
			.topNews div.inner div.left p.enTit {
				font-size:20px;
				margin-bottom: 25px;
			}
			.topNews div.inner div.left h2 {
				font-size:28px;
				margin-bottom: 80px;
			}
			.topNews div.inner div.left a.btn {
				font-size:15px;
				line-height: 70px;
				padding-left:90px;
			}
				.topNews div.inner div.left a.btn:hover {
					color: #26353D;
				}
				.topNews div.inner div.left a.btn div.arrow {
					width:70px;
					height: 70px;
				}
					.topNews div.inner div.left a.btn:hover div.arrow {
						transform: none;
					}
					.topNews div.inner div.left a.btn div.arrow span {
						top:-3px;
						left:28px;
					}
				
		.topNews div.inner div.right {
			width:65%;
		}
						.topNews div.inner div.right div.newsList dl dt {
							width:24%;
							padding:2em 0;
						}
						.topNews div.inner div.right div.newsList dl dd {
							width:76%;
							padding:2em 60px 2em 0;
						}
							.topNews div.inner div.right div.newsList a:hover dl dd {
								color:#26353D;
							}
								.topNews div.inner div.right div.newsList a:hover dl dd div.arrow {
									transform: none;
								}
}
	
@media screen and (max-width:767px){
.topNews {
	padding:80px 25px 80px 25px;
}
	.topNews div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
		.topNews div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.topNews div.inner div.left p.enTit {
				font-size:16px;
				margin-bottom: 20px;
			}
			.topNews div.inner div.left h2 {
				font-size:20px;
				margin-bottom: 30px;
			}
			.topNews div.inner div.left a.btn {
				font-size:14px;
			}
				
		.topNews div.inner div.right {
			width:100%;
		}
			.topNews div.inner div.right div.newsList {
				display:block;
				width:100%;
				border-top:1px solid #E6E9EA;
			}
						.topNews div.inner div.right div.newsList dl dt {
							width:100%;
							padding:2em 0 0 0;
							margin-bottom: -1.4em;
						}
						.topNews div.inner div.right div.newsList dl dd {
							width:100%;
							padding:2em 60px 2em 0;
						}
								.topNews div.inner div.right div.newsList a dl dd div.arrow span {
									top:3px;
									left:14px;
								}
}