@charset "UTF-8";

#slick section {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
}

#slick section > div {
	display: flex;
  justify-content: center;
  align-items: center;
}

#slick, #slick section, #slick section > div {
	height: 655px;
	overflow: hidden;
}

.slick-dots {
	bottom: 30px;
}

.slick-dots li button:before {
	opacity: 1;
	content: ' ';
	border: solid 1px #fff;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	line-height: 12px;
}

.slick-dots li.slick-active button:before {
	background: #fff;
	opacity: 1;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

#slick section, #slick section .btnBorder, .slick-dots li button:before {
	color: #fff !important;
}

#slick .btnBorder {
	border-color: #fff;
}

#slick .btnBorder:hover, #topList li li a:hover {
	background-color: #fff;
}

#slick h1 {
	font-size: 3.4rem;
	line-height: 1.2;
}

#slick p {
	font-size: 1.7rem;
}

#slick img {
	margin: 30px auto;
}

#slick01 {
	background-image: url(../images/top-slide01.jpg);
}

#slick01 > div {
	background: rgba(64, 130, 196, 0.9);
}

#slick01 img {
	width: 460px;
}

#slick02 {
	background-image: url(../images/top-slide02.jpg);
}

#slick02 > div {
	background: rgba(246, 131, 96, 0.9);
}

#slick02 img {
	width: 440px;
}

#slick03 {
	background-image: url(../images/top-slide03.jpg);
}

#slick03 > div {
	background: rgba(71, 79, 89, 0.9);
}

#slick03 img {
	width: 535px;
	margin-bottom: 50px;
	margin-top: 50px;
}

#topStrategy h1, #topSolutions h1, #topStaff h1, #topCusPtn h1 {
	text-align: center;
}

#topSolutions h1, #topStaff h1, #topCusPtn h1, #topStrategy h1, #topStrategy h2 {
	line-height: 1.4;
}

#topSolutions h1, #topStaff h1, #topCusPtn h1 {
	font-size: 3.2rem;
	text-align: center;
}

#topSolutions .logo {
	width: 200px;
	margin: 50px auto;
}

#topStrategy h1 {
	font-size: 2.6rem;
	margin-bottom: 20px;
}

#topStrategy h1 + p {
	margin-bottom: 40px;
}

#topStrategy h2 {
	font-size: 2.2rem;
	margin-bottom: 15px;
	
}

#topStrategy .centerClm {
	width: 30%;
	margin-left: 5%;
	margin-right: 5%;
}

#topStrategy .centerClm img, #topStrategy .rowSpBtween img {
	margin-bottom: 40px;
}

#topStrategy > section, #topStrategy .rowSpBtween section:first-child {
	border: solid 1px #efefef;
}

#topStrategy > section {
	border-width: 0 0 1px;
}

#topStrategy .rowSpBtween section {
	width: 50%;
}

#topStrategy .rowSpBtween section:first-child {
	padding-right: 5%;
	border-width: 0 1px 0 0;
}

#topStrategy .rowSpBtween section:last-child {
	padding-left: 5%;
}

#topStrategy .rowSpBtween img {
	width: 70%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}

#topList {
	background: #4082c4;
	padding-bottom: 0 !important;
}

#topList * {
	color: #fff;
}

#topList img {
	width: 70%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#topList h2 {
	text-align: center;
	line-height: 1.1;
	font-size: 2.3rem;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 2px #fff;
}

#topList a {
	text-align: center;
}

#topList > .inner > ul > li {
	width: 23%;
}

#topList > .inner > ul {
	margin-bottom: 30px;
}

#topList .row .row li {
	width: 30%;
}

#topList li li {
	border: solid 1px #fff;
	margin-bottom: 10px;
}

#topList li li a {
	line-height: 1.0;
	padding: 10px 5px;
}

#topStaff h1, #topCusPtn h1 {
	margin-bottom: 30px;
}

#topStaff h2, #topStaff h3 {
	line-height: 1.0;
}

#topStaff h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 2.3rem;
}

#topStaff h3 {
	font-size: 1.6rem;
	margin-bottom: 20px;
}

#slickStaff {
	margin-bottom: 80px;
}

#slickStaff li {
	padding: 0 1%;
	text-align: center;
}

#slickStaff li img {
	max-width: 200px;
}

#slickStaff .slick-dots li button:before {
	border-color: #474f59;
}

#slickStaff .slick-dots li.slick-active button:before {
	background-color: #474f59;
}

#slickStaff .slick-dots {
	bottom: -50px;
}

#topStrategy {
	padding-bottom: 20px;
}

#topStrategy > section {
	margin-bottom: 60px;
	padding-bottom: 60px;
}

#topStrategy > section > p {
	text-align: center;
}

#topCusPtn ul {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#topCusPtn li {
	margin: 0 3% 30px;
}

#topCusPtn li img {
	width: auto;
	max-width: 150px;
	max-height: 60px;
}

#topCusPtn .btnBorder {
	margin-top: 30px;
}

@media screen and (max-width: 1023px) {
	main {
		margin-top: 58px !important;
	}
	
	#topList > .inner > ul > li {
		width: 48%;
	}
	
	#topList img {
		width: 100%;
		max-width: 600px;
	}
	
	#topList > .inner > ul {
		margin-bottom: 0;
	}
	
	#topStrategy .rowSpBtween img, #topStrategy .btnBorder, #topCusPtn ul {
		width: 100%;
	}
	
	#topStrategy .centerClm {
		width: 40%;
	}
	
	#topStaff .btnBorder {
		width: 90% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 0 !important;
	}
	
	#topCusPtn li {
		width: 50%;
		margin-left: 0;
		margin-right: 0;
	}
	
	#topCusPtn .btnBorder {
		margin-top: 0 !important;
	}
}

@media screen and (max-width:767px) {
	#slick, #slick section, #slick section > div {
		height: 80vh;
	}
	
	#slick section > div {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#slick section img {
		width: 80%;
	}
	
	#slick h1 {
		font-size: 3.0rem;
	}
	
	#slick p {
		line-height: 1.4;
		font-size: 1.5rem;
		margin-top: 15px;
	}
	
	#topStrategy .txtAlRight {
		text-align: left;
	}
	
	#topStrategy h2 {
		text-align: center;
	}
	
	#topStrategy .centerClm, #topStrategy .rowSpBtween img, #topStrategy .rowSpBtween .btnBorder {
		width: 80% !important;
		max-width: 400px;
		margin: 25px auto 0 !important;
	}
	
	#topStrategy .rowSpBtween section {
		width: 100%;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	#topStrategy .rowSpBtween section:first-child {
		border-width: 0 0 1px;
	}
	
	#topStrategy > section, #topStrategy .rowSpBtween section:first-child {
		margin-bottom: 35px;
		padding-bottom: 35px;
	}
	
	#topStrategy .rowSpBtween img {
		margin-top: 0 !important;
	}
	
	#topStrategy h1 + p {
		margin-bottom: 25px;
	}
	
	#topList {
		padding-top: 40px !important;
	}
	
	#topList > .inner > ul > li {
		width: 100%;
		margin-bottom: 35px;
	}
}