/*** # index CSS ***/
.main-sub-title {
	color: var(--dark-blue);
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 160%;
	margin-bottom: 10px;
}
.main-title {
	color: var(--dark);
	text-align: center;
	font-size: 60px;
	line-height: 130%;
	font-weight: 700;
	word-break: keep-all;
}
.section-blank {
	padding: 160px 0;
}

/**# SECTION1 **/
#Section1 {
	width: 100vw;
	min-height: 1080px;
	position: relative;
}
#Section1BgVideo{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	position:absolute;
	z-index:1;
	transition:0.3s;
}
.section1-in {
	position: absolute;
	left: 50%;
	top:50%;
	transform:translate(-50%, -50%);
	max-width: 1120px;
	width: 90%;
	margin: 0 auto;
	color: var(--white);
	z-index:3;
	text-shadow: 1px 4px 4px var(--black);
	font-size: 64px;
	line-height: 140%;
	text-align: center;
	font-weight: 700;
	word-break: keep-all;
}

/**# Section2 **/
#Section2 {
	padding-top: 247px;
}
.section2-content {
	max-width: 1330px;
	width: 100%;
	margin: 0 auto;
	margin-top: 94px;
	position: relative;
}
.section2-content-bg {
	width: 100%;
	height: 300px;
	position: absolute;
	background: url('../img/Section2BgImg.png') no-repeat center / cover;
	z-index:1;
}
.section2-content-bg:after {
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--dark-blue);
	z-index:2;
	opacity: 0.6;
}
.section2-box {
	padding-top: 81px;
	display: flex;
	position: relative;
	z-index:3;
	justify-content: center;
	width: 1240px;
	margin: 0 auto;
}
.section2-box > .item {
	background-color: var(--white);
	padding: 25px;
	padding-top: 39px;
	width: 300px;
	margin: 0 5px;
	box-shadow: 5px 5px 10px 0 #00000033;
	box-sizing: border-box;
}
.section2-box > .item .future-top {
	color: var(--gray-dark);
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: 900;
}
.section2-box > .item .future-year {
	line-height: 120%;
	font-size: 60px;
	font-weight: 700;
	text-align: center;
	color: var(--dark-blue);
	margin-bottom: 27px;
}
.section2-box .future-list-wrap {
	font-size: 16px;
	line-height: 200%;
	color: var(--gray-dark);
	word-break: keep-all;
	font-weight: 700;
}
.section2-box .future-list-wrap .list {
	display: flex;
}
.section2-box .future-list-wrap .list .left {
	width: 30px;
	height: 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section2-box .future-list-wrap .list .left:after {
	content:"";
	display: table;
	background-color: var(--gray-dark);
	width: 5px;
	height: 5px;
	border-radius: 100%;
}
.section2-box .future-list-wrap .list .right {
	width: calc(100% - 30px);
}


/**# Section3 **/
.section3-content {
	width: 90%;
	margin: 0 auto;
	max-width: 850px;
	margin-top: 80px;
	border-top: 2px solid var(--gray-dark);
}
.history-list-wrap > .list {
	padding: 45px 0;
	font-weight: 700;
	border-bottom: 1px solid var(--gray-dark);
}
.history-list-wrap > .list .list-top {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 24px;
}
.history-list-wrap > .list .list-top .left {
	padding-right: 30px;
	margin-right: 30px;
	position: relative;
}
.history-list-wrap > .list .list-top .left:after {
	content:"";
	position: absolute;
	left: 100%;
	top: 50%;
	transform:translateY(-50%);
	width: 1px;
	height: 50%;
	background-color: var(--black);
}
.history-list-wrap > .list .list-top .right {
	color: var(--dark-blue);
}
.history-list-wrap > .list .list-content {
	font-size: 30px;
	word-break: keep-all;
	color: var(--black);
	margin-top: 28px;
}
.section3-pagination-wrap {
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section3-pagination-wrap.none {
	display: none !important;
}
.section3-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}
.section3-pagination-wrap .swiper-pagination-bullet {
	color :#D7D7D7;
	background-color:transparent !important;
	opacity:1;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	padding: 0 28px;
	cursor: pointer;
	width: auto;
	height: auto;
}
.section3-pagination-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: var(--gray-dark);
}

/** # SECTION4 **/
.section4-content {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-top: 90px;
	width: 90%;
}
.section4-org-img {
	width: 100%;
}

/** # SECTION5 **/
.section5-content {
	max-width: 1000px;
	margin: 0 auto;
	width: 90%;
	margin-top: 100px;
}
.section5-map iframe {
	width: 100% !important;
	height: 500px !important;
}
.section5-map > div#map {
	width: 100% !important;
	height: 500px !important;
}
.section5-map-info {
	margin-top: 80px;
	width: 100%;
	display: flex;
}
.section5-map-info > .box {
	position: relative;
	display: flex;
	/* justify-content: center; */
	padding-right: 50px;
	position: relative;
	box-sizing: border-box;
	width: 33.333%;
}
.section5-map-info > .box:after {
	content:"";
	position: absolute;
	left: 100%;
	top: 50%;
	transform:translateY(-50%);
	width: 2px;
	height: 70%;
	background-color: #e1e1e1;
}
.section5-map-info > .box:last-child:after {
	display: none;
}
.section5-map-info > .box:last-child {
	padding-right: 0;
	padding-left: 50px;
	justify-content: flex-end;
}
.section5-map-info > .box.info {
}
.section5-map-info > .box.tel {
	padding: 0 50px;
}
.section5-map-info > .box.add {
}
.section5-map-info > .box .left {
	font-size: 36px;
	font-weight: 700;
	color: var(--dark-blue);
	line-height: 80%;
	margin-right: 40px;
}
.section5-map-info .info-line {
	color: #565656;
	font-size: 14px;
	margin-bottom: 30px;
}
.section5-map-info > .box > .right > .info-line:last-child {
	margin-bottom: 0;
}
.section5-map-info .info-line .title {
	font-weight: 700;
	word-break: keep-all;
}

.section6-content {
	margin-top: 80px;
	width: 100%;
}
.section6-list-box {
	height: 850px;
	display: flex;
	max-width: 3200px;
	margin: 0 auto;
}
.section6-business {
	width: 25%;
	height: 100%;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.section6-business.si {
	background-image: url('../img/Section6SIBg.png');
}
.section6-business.solution {
	background-image: url('../img/Section6SolutionBg.png');
}
.section6-business.tech {
	background-image: url('../img/Section6TechBg.png');
}
.section6-business.consulting {
	background-image: url('../img/Section6ConsultingBg.png');
}

.section6-business .title-box {
	color: var(--white);
	text-align: center;
}
.section6-business .title-box .title {
	font-size: 48px;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 117px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section6-business .title-box .more-box {
	display: flex;
	align-items: center;
	font-size: 20px;
	justify-content: center;
}
.section6-business .title-box .more-box .more {
	margin-right: 16px;
}
.section6-business .title-box .more-box .vector {
	display: flex;
	align-items: center;
}
.section6-business .title-box .more-box .more-vector {
	width: 50px;
	transition: 0.3s;
}
.section6-business:hover .more-vector {
	transform:translateX(20px);
}
.section6-business-wrap {
	width: 90%;
	max-width: 1120px;
	margin: 0 auto;
	margin-top: 242px;
}
.section6-business-wrap .business-box {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 150px;
}
.section6-business-wrap .business-box:last-child {
	margin-bottom: 0;
}
.section6-business-wrap .business-box.reverse {
	flex-direction: row-reverse;
}
.section6-business-wrap .business-box .img-wrap {
	width: 500px;
}
.section6-business-img {
	width: 100%;
}
.section6-business-wrap .business-box .about-wrap {
	width: 50%;
}
.section6-business-wrap .business-title {
	font-size: 48px;
	font-weight: 700;
	color: var(--dark-blue);
	margin-bottom: 27px;
	word-break: keep-all;
}
.section6-business-wrap .business-about {
	font-weight: 700;
	color: var(--black);
	font-size: 23px;
	line-height: 140%;
	margin-bottom: 32px;
	letter-spacing: -0.5px;
	word-break: keep-all;
}
.section6-business-wrap .business-category-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.section6-business-wrap .business-category-box > .item {
	width: 49.5%;
}
.section6-business-wrap .business-category-box .line {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 180%;
	letter-spacing: -0.6px;
	word-break: keep-all;
}
.section6-business-wrap .business-category-box .line .left {
	width: 5px;
	height: 5px;
	background-color: var(--black);
	border-radius: 100%;
	margin: 0 7px;
}


/** # SECTION7 **/
.section7-content {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 153px;
	width: 90%;
}
.section7-content-title {
	width: 100%;
	display: flex;
	align-items: center;
}
.section7-content-title:before {
	content:"";
	display: box;
	flex-grow: 1;
	height: 2px;
	background-color: var(--dark-blue);
}
.section7-content-title:after {
	content:"";
	display: box;
	flex-grow: 1;
	height: 2px;
	background-color: var(--dark-blue);
}
.section7-content-title > .title {
	padding: 0 90px;
	font-size: 24px;
	font-weight: 700;
	color: var(--dark-blue);
	line-height: 140%;
	text-align: center;
}
.section7-content-in {
	margin-bottom: 130px;
}
.section7-content > .section7-content-in:last-child {
	margin-bottom: 0;
	border-bottom: 2px solid var(--dark-blue);
}
.section7-recruit-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 850px;
	margin: 0 auto;
	margin-top: 82px;
}
.section7-recruit-box > .recruit-item {
	width: 240px;
	height: 240px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.section7-recruit-box > .recruit-item.first {
	border: 10px solid #5096CA;
}
.section7-recruit-box > .recruit-item.second {
	border: 10px solid #3869B2;
}
.section7-recruit-box > .recruit-item.third {
	border: 10px solid #001EA4;
}
.recruit-step-content {
	text-align: center;
}
.recruit-step-number {
	font-size: 36px;
	font-weight: 700;
	line-height: 140%;
	color: var(--gray-dark);
}
.recruit-step-title {
	font-size: 24px;
	line-height: 140%;
	font-weight: 700;
	color: var(--dark-blue);
	margin: 10px 0;
}
.recruit-step-text {
	font-size: 16px;
	line-height: 120%;
	color: var(--gray-dark);
	font-weight: 700;
}
.recruit-vector {
	width: 40px;
}
.recruit-vector-icon{
	width: 100%;
}
.section7-recruit-about {
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	margin-top: 65px;
	word-break: keep-all;
}
.section7-recruit-about > a:hover {
	text-decoration: underline;
}
.section7-recruit-about > .point {
	color: var(--dark-blue);
	font-weight: 900;
}
.section7-welfare-box {
	padding: 0 52px;
	width: 100%;
	box-sizing: border-box;
	margin: 30px 0;
}
.section7-welfare-box > .line {
	width: 100%;
	display: flex;
	font-weight: 700;
	font-size: 20px;
	line-height: 200%;
	justify-content: space-between;
	flex-wrap: wrap;
}
.section7-welfare-box > .line .item {
	width: 30%;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	word-break: keep-all;
}
.section7-welfare-box > .line .item .left {
	background-color: var(--black);
	width: 5px;
	height: 5px;
	border-radius: 100%;
	margin: 0 10px;
}

/**# Section8 **/
#Section8 > .title-wrap {
	max-width: 1000px;
	margin: 0 auto;
	width: 90%;
}
.section8-mail-text {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	color: var(--dark-blue);
	margin-top: 19px;
	margin-bottom: 60px;
}
.section8-content {
	padding-top: 65px;
	border-top :1px solid var(--dark-blue);
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.section8-content .line {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.section8-content .line .input-group {
	margin-bottom: 58px;
	width: 100%;
}
.section8-content .line .input-group.half {
	width: calc(50% - 20px);
}
.section8-content .line .input-group .text {
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 10px;
	color: var(--gray-dark);
}
.section8-content .line .input-group .required {
	color: var(--dark-blue);
}
.cs-form-control {
	width: 100%;
	border: 1px solid var(--gray-dark);
	border-radius: 2px;
	background-color: #f5f5f5;
	box-sizing: border-box;
	padding: 0 10px;
	height: 50px;
	outline: none;
	font-size: 18px;
}
textarea.cs-form-control {
	height: 300px;
	box-sizing: border-box;
	padding: 10px;
}
.cs-submit-btn {
	width: 100%;
	height: 50px;
	background-color: var(--dark-blue);
	color: var(--white);
	font-size: 20px;
	font-weight: 700;
	border: none;
	outline: none;
	line-height: 100%;
	cursor: pointer;
}

/** # FLOATING **/
#FoatingTop {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 10;
}
.go-top-box {
	cursor: pointer;
	width: 100px;
	height: 100px;
	background: rgba(255,255,255,0.8);
	border-radius :100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 5px 5px 10px 0 #00000033;
}
.go-top-box-in {
	text-align: center;
}
.floating-top-icon {
	width: 28px;
}
.floating-top-text {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	color: var(--black);
}

@media screen and (max-width:1600px){
	/** # SECTION6 **/
	.section6-business .title-box .title {
		font-size: 38px;
		height: 120px;
	}
	.section6-business .title-box .more-box {
		font-size: 17px;
	}
	.section6-business .title-box .more-box .more-vector {
		width: 40px;
	}
}

@media screen and (max-width:1400px){
	/** # SECTION1 **/
	#Section1 {
		min-height: 900px;
	}
	.section1-in {
		font-size: 55px;
	}

	/** # SECTION2 **/
	.section2-box {
		width: 90%;
	}
	.section2-box > .item {
		padding: 23px;
		padding-top: 35px;
		width: calc(25% - 10px);
	}

	/** # SECTION6 **/
	.section6-list-box {
		height: 700px;
	}
	.section6-business-wrap .business-about {
		font-size: 22px;
	}
	.section6-business-wrap .business-category-box .line {
		font-size: 15px;
	}
}

@media screen and (max-width:1200px){
	.main-sub-title {
		font-size: 20px;
	}
	.main-title {
		font-size: 48px;
	}
	.section-blank {
		padding: 120px 0;
	} 
	/** # SECTION1 **/
	#Section1 {
		min-height: 750px;
	}
	.section1-in {
		font-size: 40px;
	}

	/** # SECTION2 **/
	#Section2 {
		padding-top: 200px;
	}
	.section2-box > .item .future-top {
		font-size: 17px;
	}
	.section2-box > .item .future-year {
		font-size: 52px;
	}
	.section2-box .future-list-wrap .list .left {
		width: 20px;
	}
	.section2-box .future-list-wrap {
		font-size: 13px;
	}
	.section2-box > .item {
		padding: 20px;
		padding-top: 30px;
	}

	/** # SECTION3 **/
	.history-list-wrap > .list .list-top {
		font-size: 22px;
	}
	.history-list-wrap > .list .list-content {
		font-size: 28px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet {
		font-size: 22px;
	}

	/** # SECTION5 **/
	.section5-map-info > .box {
		padding-right: 30px;
	}
	.section5-map-info > .box.tel {
		padding: 0 40px;
	}
	.section5-map-info > .box:last-child {
		padding-left: 40px;
	}
	.section5-map-info > .box .left {
		margin-right: 27px;
	}

	/** # SECTION6 **/
	.section6-business-wrap {
		max-width: 900px;
		margin: 0 auto;
		margin-top: 200px;
	}
	.section6-list-box {
		height: 550px;
	}
	.section6-business-wrap .business-about {
		font-size: 18px;
	}
	.section6-business-wrap .business-category-box .line {
		font-size: 14px;
	}
	.section6-business-wrap .business-box .img-wrap {
		width: 400px;
	}
	.section6-business-wrap .business-title {
		font-size: 37px;
		margin-bottom: 20px;
	}
	.section6-business-wrap .business-box .about-wrap {
		width: calc(100% - 430px);
	}
	.section6-business-wrap .business-box {
		margin-bottom: 120px;
	}

	/** # SECTION7 **/
	.section7-content-title > .title {
		padding: 0 50px;
	}
	.section7-recruit-box > .recruit-item {
		width: 220px;
		height: 220px;
	}
	.recruit-step-title {
		margin: 10px 0;
	}
	.section7-welfare-box > .line .item {
		width: 33%;
	}
	.section7-welfare-box > .line {
		font-size: 18px;
	}

	/** # SECTION8 **/
	.section8-content .line .input-group .text {
		font-size: 20px;
	}
}

@media screen and (max-width:970px){
	.main-title {
		font-size: 44px;
	}
	/** # SECTION1 **/
	.section1-in {
		font-size: 38px;
	}

	/** # SECTION2 **/
	.section2-content {
		margin-top: 70px;
	}
	.section2-content-bg {
		height: 100%;
		background: url('../img/Section2BgImg_mo.png') no-repeat center / cover;
	}
	.section2-box {
		flex-wrap: wrap;
		max-width: 650px;
		align-content: stretch;
		justify-content: space-between;
		padding: 80px 0;
	}
	.section2-box > .item .future-year {
		font-size: 48px;
	}
	.section2-box .future-list-wrap .list .left {
		width: 15px;
	}
	.section2-box .future-list-wrap {
		font-size: 15px;
	}
	.section2-box > .item {
		/* width: calc(50% - 70px); */
		/* margin: 0 15px; */
		width: 48%;
		margin: 15px 0;
	}

	/** # SECTION3 **/
	.history-list-wrap > .list {
	}
	.history-list-wrap > .list .list-top {
		font-size: 20px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet {
		font-size: 20px;
	}

	/** # SECTION5 **/
	.section5-map-info .info-line {
		font-size: 13px;
		margin-bottom: 20px;
	}
	.section5-map-info > .box.tel {
		padding: 0 20px;
	}
	.section5-map-info > .box:last-child {
		padding-left: 20px;
	}
	.section5-map-info > .box .left {
		font-size: 28px;
		margin-right: 16px;
	}
	.section5-map-info > .box {
		font-size: 12px;
		box-sizing: border-box;
	}
	.section5-map-info {
		margin-top: 50px;
	}
	.section5-map iframe {
		height: 400px !important;
	}
	.section5-map > div#map {
		height: 400px !important;
	}
	
	/** # SECTION6 **/
	.section6-business-wrap {
		max-width: 900px;
		margin: 0 auto;
		margin-top: 170px;
	}
	.section6-business .title-box .title {
		font-size: 30px;
		height: 80px;
		margin-bottom: 80px;
	}
	.section6-business .title-box .more-box {
		font-size: 13px;
	}
	.section6-business .title-box .more-box .more-vector {
		width: 30px;
	}
	.section6-list-box {
		height: 400px;
	}
	.section6-business-wrap .business-about {
		font-size: 15px;
		margin-bottom: 18px;
	}
	.section6-business-wrap .business-category-box .line {
		font-size: 12px;
	}
	.section6-business-wrap .business-box .img-wrap {
		width: 300px;
	}
	.section6-business-wrap .business-title {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.section6-business-wrap .business-box .about-wrap {
		width: calc(100% - 330px);
	}
	.section6-business-wrap .business-box {
		margin: 0 auto;
		margin-bottom: 100px;
		max-width: 700px;
	}

	/** # SECTION7 **/
	.section7-content {
		margin-top: 130px;
	}
	.section7-recruit-box > .recruit-item {
		width: 190px;
		height: 190px;
	}
	.recruit-step-title {
		margin: 10px 0;
	}
	.section7-welfare-box > .line .item {
		width: 33%;
	}
	.section7-welfare-box > .line {
		font-size: 18px;
	}
	.recruit-step-number {
		font-size: 30px;
	}
	.recruit-step-title {
		font-size: 20px;
	}
	.recruit-step-text {
		font-size: 14px;
	}
	.recruit-vector {
		width: 35px;
	}
	.section7-recruit-box {
		max-width: 700px;
	}
	.section7-recruit-box > .recruit-item.first {
		border: 7px solid #5096ca;
	}
	.section7-recruit-box > .recruit-item.second {
		border: 7px solid #3869B2;
	}
	.section7-recruit-box > .recruit-item.third {
		border: 7px solid #001EA4;
	}
	.section7-recruit-about {
		font-size: 18px;
	}
	.section7-welfare-box > .line .item {
		width: 49.5%;
	}

	/** # SECTION8 **/
	.section8-content .line .input-group {
		margin-bottom: 45px;
	}
	.cs-form-control {
		height: 45px;
	}
	.section8-content .line .input-group .text {
		font-size: 18px;
	}

	/** # FLOATING **/
	.go-top-box {
		width: 80px;
		height: 80px;
	}
	.floating-top-icon {
		width: 25px;
	}
	.floating-top-text {
		font-size: 20px;
	}
	
}

/* MOBILE */
@media screen and (max-width:768px){
	.section-blank {
		padding: 90px 0;
	}
	.main-sub-title {
		font-size: 17px;
	}
	.main-title {
		font-size: 40px;
	}
	/** # SECTION1 **/
	#Section1 {
		min-height: 650px;
	}
	.section1-in {
		font-size: 35px;
	}

	/** # SECTION2 **/
	#Section2 {
		padding-top: 150px;
	}
	.section2-box > .item {
		margin: 10px 0;
	}
	.section2-box > .item .future-top {
		font-size: 16px;
	}
	.section2-box > .item .future-year {
		font-size: 37px;
	}
	.section2-box .future-list-wrap {
		font-size: 13px;
	}

	/** # SECTION3 **/
	.history-list-wrap > .list {
		padding: 20px 0;
	}
	.history-list-wrap > .list .list-top {
		font-size: 18px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet {
		font-size: 18px;
		padding: 0 20px;
	}
	.history-list-wrap > .list .list-content {
		margin-top: 28px;
	}

	/** # SECTION4 **/
	.section4-content {
		margin-top: 60px;
	}

	/** # SECTION5 **/
	.section5-content {
		margin-top: 70px;
	}
	.section5-map-info {
		flex-wrap: wrap;
		max-width: 600px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.section5-map-info > .box.tel {
		padding: 30px 0;
	}
	.section5-map-info > .box {
		width: 100%;
		padding: 30px 0;
	}
	.section5-map-info > .box:after {
		top: 100%;
		left: 0;
		transform:translateY(0);
		width: 100%;
		height: 1px;
	}
	.section5-map-info > .box:last-child {
		justify-content: flex-start;
		padding-left :0 ;
	}
	.section5-map-info > .box .left {
		width: 150px;
	}

	/** # SECTION6 **/
	.section6-content {
		margin-top: 50px;
	}
	.section6-list-box {
		height: auto;
		width: 100%;
		display: block;
	}
	.section6-business {
		width: 100%;
		height: 200px;
		position: relative;
	}
	.section6-business:after {
		content:"";
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		position: absolute;
		left: 0;
		top: 0;
		z-index:1;
	}
	.section6-business.si {
		background-image: url('../img/Section6SI.png');
	}
	.section6-business.solution {
		background-image: url('../img/Section6Solution.png');
	}
	.section6-business.tech {
		background-image: url('../img/Section6Tech.png');
	}
	.section6-business.consulting {
		background: url('../img/Section6Consulting.png') no-repeat top center / cover;
	}
	.section6-business .title-box {
		position: relative;
		z-index:2;
	}
	.section6-business .title-box .title {
		font-size: 30px;
		margin-bottom: 20px;
		height: auto;
	}
	.section6-business .title-box .more-box .more {
		margin-right: 10px;
	}
	.section6-business .title-box .more-box {
		font-size: 12px;
	}
	.section6-business-wrap {
		margin-top: 90px;
	}
	.section6-business-wrap .business-box {
		flex-wrap: wrap;
		max-width: 500px;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.section6-business-wrap .business-box .img-wrap {
		width: 100%;
		margin-bottom: 15px;
	}
	.section6-business-img {
		max-width: 500px;
	}
	.section6-business-wrap .business-box .about-wrap {
		width: 100%;
	}

	/** # SECTION7 **/
	.section7-recruit-box {
		max-width: 250px;
		margin: 0 auto;
		margin-top: 50px;
		flex-wrap: wrap;
	}
	.section7-recruit-box > .recruit-item {
		width: 220px;
		height: 220px;
		margin: 0 auto;
	}
	.recruit-vector {
		margin: 20px auto;
	}
	.recruit-vector-icon {
		transform: rotate(90deg);
	}
	.section7-content-in {
		margin-bottom: 70px;
	}
	.section7-welfare-box {
		padding: 0 20px;
	}
	.section7-welfare-box > .line {
		font-size: 16px;
	}
	.section7-content-title > .title {
		padding: 0 30px;
	}

	/** # SECTION8 **/
	.section8-content .line .input-group.half {
		width: calc(50% - 10px);
	}

	/** # FLOATING **/
	#FoatingTop {
		right: 20px;
		bottom: 20px;
	}
}

@media screen and (max-width:540px){
	/** # SECTION2 **/
	.section2-box > .item {
		padding: 15px;
		padding-top: 25px;
	}

		
	/** # SECTION3 **/
	.history-list-wrap > .list .list-top {
		font-size: 16px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet {
		font-size: 16px;
	}
	.history-list-wrap > .list .list-content {
		font-size: 25px;
		margin-top: 25px;
	}
	.section3-content {
		margin-top: 50px;
	}

	/** # SECTION7 **/
	.section7-content {
		margin-top: 70px;
	}
	.section7-welfare-box {
		padding: 0;
	}
	.section7-welfare-box > .line {
		font-size: 15px;
	}

	/** # SECTION8 **/
	.section8-content .line {
		flex-wrap: wrap;
	}
	.section8-content .line .input-group.half {
		width: 100%;
	}
	.section8-content .line .input-group {
		margin-bottom: 30px;
	}
	.section8-mail-text {
		margin-bottom: 40px;
	}
	.section8-content {
		padding-top: 40px;
	}
	.section8-content .line .input-group .text {
		font-size: 17px;
	}
}


@media screen and (max-width:480px) {
	.section-blank {
		padding: 70px 0;
	}
	.main-sub-title {
		font-size: 15px;
	}
	.main-title {
		font-size: 38px;
	}
	/** # SECTION1 **/
	.section1-in {
		font-size: 28px;
	}

	/** # SECTION2 **/
	.section2-content {
		margin-top: 50px;
	}
	.section2-box {
		padding: 60px 0;
	}
	.section2-box > .item {
		padding: 13px;
		padding-top: 20px;
		margin: 7px 0;
	}
	.section2-box .future-list-wrap .list .right {
		width: calc(100% - 15px);
		line-height: 160%;
	}
	.section2-box .future-list-wrap .list .left {
		height: 21px;
	}
	.section2-box .future-list-wrap {
		font-size: 12px;
	}
	.section2-box > .item .future-year {
		font-size: 35px;
		margin-bottom: 18px;
	}

	/** # SECTION3 **/
	.history-list-wrap > .list .list-top {
		font-size: 15px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet {
		font-size: 15px;
		padding: 0 15px;
	}
	.history-list-wrap > .list .list-content {
		font-size: 20px;
		margin-top: 20px;
	}
	.history-list-wrap > .list .list-top .left {
		padding-right: 20px;
		margin-right: 20px;
	}

	/** # SECTION6 **/
	.section6-business {
		height: 170px;
	}
	.section6-business .title-box .title {
		font-size: 27px;
	}
	.section6-business-wrap .business-title {
		font-size: 27px;
	}
	.section6-business-wrap .business-category-box > .item {
		width: 100%;
	}
	.section6-business-wrap .business-category-box {
		flex-wrap: wrap;
	}

	/** # SECTION7 **/
	.section7-content-title > .title {
		padding: 0 15px;
		font-size: 20px;
	}
	.section7-welfare-box > .line .item {
		width: 100%;
	}
	.section7-recruit-about {
		font-size: 16px;
	}
	.section7-recruit-box > .recruit-item {
		width: 200px;
		height: 200px;
	}
	.section7-recruit-box {
		max-width: 200px;
	}
	.section7-welfare-box {
		margin: 20px 0;
	}

	/** # SECTION8 **/
	.section8-content .line .input-group .text {
		font-size: 14px;
	}
	.cs-submit-btn {
		font-size: 17px;
	}

	/** # FLOATING **/
	.go-top-box {
		width: 70px;
		height: 70px;
	}
	.floating-top-icon {
		width: 20px;
	}
	.floating-top-text {
		font-size: 17px;
	}
}

@media screen and (max-width:360px) {
	.main-sub-title {
		font-size: 14px;
	}
	.main-title {
		font-size: 32px;
	}
	/** # SECTION1 **/
	#Section1 {
		min-height: 570px;
	}
	.section1-in {
		font-size: 25px;
	}

	/** # SECTION2 **/
	#Section2 {
		padding-top: 100px;
	}
	.section2-box > .item {
		padding: 7px;
		padding-top:15px;
		width: 49.2%;
		margin: 3px 0;
	}
	.section2-box > .item .future-top {
		font-size: 13px;
	}
	.section2-box > .item .future-year {
		font-size: 28px;
	}
	.section2-box .future-list-wrap .list .left {
		width: 10px;
	}
	.section2-box .future-list-wrap .list .left:after {
		content:"";
		width: 3px;
		height: 3px;
	}
	.section2-box .future-list-wrap {
		font-size: 11px;
	}
	.section2-content {
		margin-top: 30px;
	}

	/** # SECTION3 **/
	.history-list-wrap > .list {
		padding: 30px 0;
	}
	.history-list-wrap > .list .list-top {
		font-size: 14px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet {
		font-size: 14px;
	}
	.section3-pagination-wrap .swiper-pagination-bullet.start, .section3-pagination-wrap .swiper-pagination-bullet.end {
		display: none;
	}
	.history-list-wrap > .list .list-content {
		font-size: 18px;
		margin-top: 18px;
	}
	.section3-pagination-wrap {
		margin-top: 40px;
	}
	.history-list-wrap > .list .list-top .left {
		padding-right: 15px;
		margin-right: 15px;
	}

	/** # SECTION5 **/
	.section5-map-info > .box .left {
		width: 100px;
		font-size: 25px;
	}
	.section5-map-info > .box {
		padding: 20px 0;
	}
	.section5-map-info > .box.tel {
		padding: 20px 0;
	}
	.section5-map iframe {
		height: 300px !important;
	}
	.section5-map > div#map {
		height: 300px !important;
	}
	.section5-content {
		margin-top: 50px;
	}

	/** # SECTION7 **/
	.section7-recruit-about {
		font-size: 14px;
	}
	.recruit-vector {
		margin: 10px auto;
	}
	.section7-content-in {
		margin-bottom: 50px;
	}

	/** # SECTION8 **/
	.cs-form-control {
		font-size: 17px;
	}
}

@media screen and (max-width:320px) {
	.main-sub-title {
		font-size: 12px;
	}
	.main-title {
		font-size: 28px;
	}
	/** # SECTION1 **/
	.section1-in {
		font-size: 22px;
	}

	/** # SECTION2 **/
	.section2-box > .item {
		width: 100%;
		max-width: 200px;
		margin: 3px auto;
	}

	/** # SECTION5 **/
	.section5-map-info > .box .left {
		width: 80px;
	}

	/** # SECTION6 **/
	.section6-business-wrap .business-title {
		font-size: 25px;
	}

	/** # FLOATING **/
	#FoatingTop {
		right: 15px;
		bottom: 15px;
	}
	.go-top-box {
		width: 60px;
		height: 60px;
	}
	.floating-top-icon {
		width: 15px;
	}
	.floating-top-text {
		font-size: 15px;
	}
}