@charset "UTF-8";

.l_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
}

.bg {
	width: 100vw;
	height: 100vh;
	position: relative;
	z-index: 0;
}

.bg .bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.5s opacity;
}

.bg .bg_img:nth-child(1) {
	background-image: url(../img/bg_top01.jpg);
}

.bg .bg_img:nth-child(2) {
	background-image: url(../img/bg_top02.jpg);
}

.bg .bg_img:not(.is_show) {
	opacity: 0;
}

.hero {
	width: 100vw;
	height: 100vh;
	position: relative;
	flex-flow: row wrap;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: 60% 90%;
	background-repeat: no-repeat;
	background-size: auto 120%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzM2MCIgaGVpZ2h0PSIxMjIzIiB2aWV3Qm94PSIwIDAgMzM2MCAxMjIzIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIzMzYwIiBoZWlnaHQ9IjEyMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyMjcgLTE5NjApIiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cmVjdCB3aWR0aD0iMjQ4MyIgaGVpZ2h0PSIxMjIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yKSIgZmlsbD0iIzNmYjZjMSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjIj48cmVjdCB3aWR0aD0iMjQ4MyIgaGVpZ2h0PSIxMjIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iIzNmYjZjMSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJkIj48cmVjdCB3aWR0aD0iNTU4LjYxNiIgaGVpZ2h0PSI1NTguNjEzIiBmaWxsPSIjM2ZiNmMxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImUiPjxyZWN0IHdpZHRoPSIxMDE2Ljk3MSIgaGVpZ2h0PSIxMDE2Ljk3MSIgZmlsbD0iIzNmYjZjMSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJmIj48cmVjdCB3aWR0aD0iNjIwLjY4NyIgaGVpZ2h0PSI2MjAuNjg3IiBmaWxsPSIjM2ZiNmMxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImciPjxyZWN0IHdpZHRoPSI2MzkuNzg1IiBoZWlnaHQ9IjYzOS43ODUiIGZpbGw9IiMzZmI2YzEiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDIyNyAxOTYwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MTA0LjIgLTE5NjApIiBjbGlwLXBhdGg9InVybCgjYikiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjIpIj48ZyBjbGlwLXBhdGg9InVybCgjYykiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTkgNjM5Ljc5KSIgb3BhY2l0eT0iMC40Ij48ZyBjbGlwLXBhdGg9InVybCgjZCkiPjxwYXRoIGQ9Ik00MzkuMjUzLDYyNS42MTZhMTE5LjAyNiwxMTkuMDI2LDAsMCwxLTg0LjQtMzQuOTU5TDM0Ljk1NywyNzAuNzY0QTExOS4zNjUsMTE5LjM2NSwwLDAsMSwyMDMuNzY1LDEwMS45NTdMNTIzLjY1Nyw0MjEuODQ5YTExOS4zNjMsMTE5LjM2MywwLDAsMS04NC40LDIwMy43NjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAyIC02Ny4wMDMpIiBmaWxsPSIjM2ZiNmMxIi8+PC9nPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDY1Ljk2NiAyMDUuMzA0KSIgb3BhY2l0eT0iMC43Ij48ZyBjbGlwLXBhdGg9InVybCgjZSkiPjxwYXRoIGQ9Ik0xMDUxLjEwNywxMDM4LjQ2OWExMTkuMDI3LDExOS4wMjcsMCwwLDEtODQuNC0zNC45NTlMMTg4LjQ1NywyMjUuMjY1QTExOS4zNjUsMTE5LjM2NSwwLDEsMSwzNTcuMjY1LDU2LjQ1N0wxMTM1LjUxLDgzNC43YTExOS4zNjMsMTE5LjM2MywwLDAsMS04NC40LDIwMy43NjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTMuNDk4IC0yMS40OTgpIiBmaWxsPSIjM2ZiNmMxIi8+PC9nPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NTkuODY4IDU1OC42MTgpIiBvcGFjaXR5PSIwLjUiPjxnIGNsaXAtcGF0aD0idXJsKCNmKSI+PHBhdGggZD0iTTY4Ni4yMjgsNDc1LjQyLDI2OS4zMDgsNTguNWwtLjY2OC42NjhMMTA4LjE1OCwyMTkuNjQ5bC03LjY1OCw3LjY1OCw0MTYuOTIsNDE2LjkyQTExOS4zNjUsMTE5LjM2NSwwLDAsMCw2ODYuMjI4LDQ3NS40MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMC41IC01OC41KSIgZmlsbD0iIzNmYjZjMSIvPjwvZz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIwLjA4MyA1NTguNjE4KSIgb3BhY2l0eT0iMC44Ij48ZyBjbGlwLXBhdGg9InVybCgjZykiPjxwYXRoIGQ9Ik01MDQuNDc1LDU4LjUsNjguNDU3LDQ5NC41MThBMTE5LjM2NSwxMTkuMzY1LDAsMCwwLDIzNy4yNjUsNjYzLjMyNkw2NzMuMjgzLDIyNy4zMDhsLTEwLjE3LTEwLjE3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzLjQ5OCAtNTguNSkiIGZpbGw9IiMzZmI2YzEiLz48L2c+PC9nPjxwYXRoIGQ9Ik0xMDkuODYzLDg0LjMwOWMtLjEuMDc2LS4xODEuMTcyLS4yNzcuMjQ4bC0yLjc3OS0yLjc4OGMtMi41MTEtMi4xMi01LTQuMjg3LTcuMzcyLTYuNjU2bDEwLjE3LDEwLjE3LDcuNjQ5LTcuNjU4Yy0yLjM2OCwyLjM3OC00Ljg3LDQuNTU1LTcuMzkxLDYuNjg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTAuMjYzIDY0Mi4xNDMpIiBmaWxsPSIjM2ZiNmMxIi8+PHBhdGggZD0iTTE0ODMuMzM0LDM0Ljk1N2ExMTkuMzc2LDExOS4zNzYsMCwwLDAtMTY4LjgwOCwwTDk1OS42NzUsMzg5LjgwOCw3MjQuMTg3LDE1NC4zMmExMTkuMzc2LDExOS4zNzYsMCwwLDAtMTY4LjgwOCwwTDM0Ljk1Nyw2NzQuNzQyQTExOS4zNjUsMTE5LjM2NSwwLDAsMCwyMDMuNzY1LDg0My41NDlMNjM5Ljc4Myw0MDcuNTMxLDc5MC44NjcsNTU4LjYxNiw5NDkuNTE1LDcxNy4yNTRjMi4zNjgsMi4zNjgsNC44NTEsNC41MzYsNy4zNjIsNi42NTZsMi43ODgsMi43ODguMjY3LS4yNDhjMi41My0yLjEyOSw1LjAyMy00LjMwNyw3LjQtNi42ODRsMTYwLjQ4MS0xNjAuNDgxLjY2OC0uNjY4LDM1NC44NTEtMzU0Ljg1MWExMTkuMzc2LDExOS4zNzYsMCwwLDAsMC0xNjguODA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjE5MiAwLjAwMikiIGZpbGw9IiMzZmI2YzEiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+);
}

.hero .hero_txt {
	width: 90%;
	max-width: 900px;
}

.l_vision {
	padding: 12vw 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.l_vision::before,
.l_vision::after {
	width: calc(100vw + 10px);
	padding: 12vw 0 0;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	z-index: 0;
	content: '';
	background-repeat: no-repeat;
	background-size: cover;
}

.l_vision::before {
	top: 0;
	background-position: top center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTgwIiBoZWlnaHQ9IjMzNi4xMTciIHZpZXdCb3g9IjAgMCAxOTgwIDMzNi4xMTciPjxwYXRoIGQ9Ik0xNjQzLjIzNCw0NjEuMjdhMTA0LjA4OCwxMDQuMDg4LDAsMCwwLTU0LjA3LDBMMTIwNi40ODcsNTcwLjI1Miw2MjguMjM0LDM5Ny42M2E5NS4yMzQsOTUuMjM0LDAsMCwwLTI3LjAzNS0zLjc0NWgtLjA4NWE5NS4yMyw5NS4yMywwLDAsMC0yNi45NSwzLjc0NkwxMSw1NjUuNzUyVjczMEgxOTkxVjU2MC4zMTNabS02MTkuODcsMTE4Ljg5MS0xLjY5LS41OTQsMS45OS41OTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEgLTM5My44ODMpIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

.l_vision::after {
	bottom: 0;
	background-position: bottom center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTgwIiBoZWlnaHQ9IjI2NS4yNTIiIHZpZXdCb3g9IjAgMCAxOTgwIDI2NS4yNTIiPjxwYXRoIGQ9Ik0xOTgxLDBWMjYwLjc1MkwxNDE3LjgzNiw5Mi42MzFhOTUuMjMxLDk1LjIzMSwwLDAsMC0yNi45NS0zLjc0NmgtLjA4NWE5NS4yMzQsOTUuMjM0LDAsMCwwLTI3LjAzNSwzLjc0NUw3ODUuNTEzLDI2NS4yNTIsNDAyLjgzNiwxNTYuMjdhMTA0LjA4OCwxMDQuMDg4LDAsMCwwLTU0LjA3LDBMMSwyNTUuMzEzVjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}

.vision {
	padding: 50px 0;
	background-color: #fff;
	box-shadow: 0 0 0 10px #fff;
}

.vision .vision_inner {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.vision .vision_inner .vision_inner_head {
	font-family: 'Ubuntu', sans-serif;
	font-size: min(5vw, 80px);
	font-weight: bold;
	line-height: 1;
}

.vision .vision_inner .vision_inner_body {
	margin: 40px 0 0;
}

.vision .vision_inner .vision_inner_body .vision_inner_body_main {
	font-size: min(4vw, 50px);
	font-weight: bold;
	letter-spacing: 4px;
}

.vision .vision_inner .vision_inner_body .vision_inner_body_main > span {
	color: #3fb6c1;
}

.vision .vision_inner .vision_inner_body .vision_inner_body_sub {
	margin: 30px 0 0;
	line-height: 2;
}

.vision .vision_inner .vision_inner_foot {
	width: 90%;
	max-width: 376px;
	height: 65px;
	margin: 60px auto 0;
	font-size: 20px;
	font-weight: bold;
}

.l_service {
	margin: 60px 0 0;
	position: relative;
	z-index: 1;
}

.service {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.service .service_head {
	font-family: 'Ubuntu', sans-serif;
	font-size: min(5vw, 80px);
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #f4f4f2;
}

.service .service_body {
	margin: 80px 0 0;
}

.servicelist {
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	transition: 0.3s opacity;
}

.servicelist .servicelist_inner .servicelist_inner_ttl {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #3fb6c1;
}

.servicelist .servicelist_inner .servicelist_inner_txt {
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 1.8;
}

.l_works {
	margin: 150px 0 0;
	padding: 12vw 0 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.l_works::before {
	width: calc(100vw + 10px);
	padding: 12vw 0 0;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translateX(50%);
	z-index: 0;
	content: '';
	background-position: top center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTgwIiBoZWlnaHQ9IjMzNi4xMTciIHZpZXdCb3g9IjAgMCAxOTgwIDMzNi4xMTciPjxwYXRoIGQ9Ik0xNjQzLjIzNCw0NjEuMjdhMTA0LjA4OCwxMDQuMDg4LDAsMCwwLTU0LjA3LDBMMTIwNi40ODcsNTcwLjI1Miw2MjguMjM0LDM5Ny42M2E5NS4yMzQsOTUuMjM0LDAsMCwwLTI3LjAzNS0zLjc0NWgtLjA4NWE5NS4yMyw5NS4yMywwLDAsMC0yNi45NSwzLjc0NkwxMSw1NjUuNzUyVjczMEgxOTkxVjU2MC4zMTNabS02MTkuODcsMTE4Ljg5MS0xLjY5LS41OTQsMS45OS41OTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEgLTM5My44ODMpIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
	background-repeat: no-repeat;
	background-size: cover;
}

.works {
	background-color: #fff;
	box-shadow: 0 0 0 10px #fff;
}

.works .works_inner .works_inner_head {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	font-family: 'Ubuntu', sans-serif;
	font-size: min(5vw, 80px);
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

.works .works_inner .works_inner_foot {
	width: 90%;
	max-width: 376px;
	height: 80px;
	margin: 100px auto 0;
	font-size: 20px;
	font-weight: bold;
}

@media (min-width: 1101px) {
	.vision .vision_inner .vision_inner_head {
		text-align: center;
	}

	.vision .vision_inner .vision_inner_body .vision_inner_body_main {
		text-align: center;
	}

	.l_servicelist {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	.l_servicelist > li {
		width: calc(50% - 10px);
		position: relative;
	}

	.l_servicelist > li::before {
		width: 50vw;
		height: 100%;
		position: absolute;
		bottom: 50%;
		transform: translateY(50%);
		content: '';
		background-color: #f4f4f2;
	}

	.l_servicelist > li:nth-child(odd)::before {
		right: 0;
		border-radius: 0 1000px 1000px 0;
	}

	.l_servicelist > li:nth-child(even) {
		top: 186.5px;
	}

	.l_servicelist > li:nth-child(even)::before {
		left: 0;
		border-radius: 1000px 0 0 1000px;
	}

	.l_servicelist > li:nth-child(n + 3) {
		margin: 60px 0 60px;
	}

	.servicelist:hover {
		opacity: 0.6;
	}

	.works .works_inner .works_inner_body {
		width: 90%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
}

@media (max-width: 1100px) {
	.hero {
		background-size: 240vw;
		background-position: 60% center;
	}

	.hero .hero_txt {
		max-width: 600px;
	}

	.vision {
		padding: 30px 0;
	}

	.vision .vision_inner .vision_inner_head {
		font-size: min(11vw, 40px);
	}

	.vision .vision_inner .vision_inner_body {
		margin: 20px 0 0;
	}

	.vision .vision_inner .vision_inner_body .vision_inner_body_main {
		font-size: min(6vw, 28px);
		line-height: 1.8;
	}

	.vision .vision_inner .vision_inner_body .vision_inner_body_sub {
		margin: 20px 0 0;
	}

	.vision .vision_inner .vision_inner_foot {
		height: 55px;
		margin-top: 30px;
		font-size: 18px;
	}

	.l_service {
		margin-top: 40px;
	}

	.service .service_head {
		font-size: min(11vw, 40px);
	}

	.service .service_body {
		margin: 30px 0 0;
	}

	.l_servicelist > li:nth-child(n + 2) {
		margin: 40px 0 40px;
	}

	.servicelist {
		padding: 30px 0;
		background-color: #f4f4f2;
		border-radius: 100vw;
	}

	.servicelist:active {
		opacity: 0.6;
	}

	.servicelist .servicelist_inner {
		width: 76%;
		margin: auto;
	}

	.servicelist .servicelist_inner .servicelist_inner_ttl {
		font-size: 20px;
	}

	.servicelist .servicelist_inner .servicelist_inner_txt {
		font-size: 14px;
	}

	.l_works {
		margin: 80px 0 0;
	}

	.works .works_inner {
		padding: 20px 0 0;
	}

	.works .works_inner .works_inner_head {
		font-size: min(11vw, 40px);
	}

	.works .works_inner .works_inner_body {
		margin: 30px 0 0;
	}

	.works .works_inner .works_inner_foot {
		height: 60px;
		font-size: 18px;
		margin: 20px auto 0;
	}
}


  .vision-text01 {
    text-align: center;
  }
@media screen and (max-width: 1100px) {
  .vision-text01 {
    text-align: left;
  }
}