@charset "utf-8";

/*------------------------------------------------------------
common_parts_fixed
------------------------------------------------------------ */
#move_top.fixed {
	z-index: 100;
}

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */

.content {
	background: #f4f8ff;
}

/*------------------------------------------------------------
[SP]quality_contents
------------------------------------------------------------ */
.quality_contents {
	background: #f4f8ff;
	overflow: hidden;
}

/*------------------------------------------------------------
[SP]lead
------------------------------------------------------------ */
.lead {
	margin: 0 auto 10.6666666666667vw;
	width: 92vw;
}

.lead h1 {
	margin: 0 0 10.4vw;
	padding: 0;
	font-size: 7.4666666666667vw;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}

.lead p {
	font-size: 4vw;
	line-height: 1.666666666666667;
	text-align: center;
}

/*------------------------------------------------------------
[SP]contents_menu
------------------------------------------------------------ */
.contents_menu {
	margin: 0 auto 12.8vw;
}

.contents_menu ul {
	margin: 0 auto;
	width: 82.533333333333333vw;
	height: 80.933333333333333vw;
	position: relative;
}

.contents_menu li {
	list-style: none;
}

.contents_menu .contents_menu_development a {
	width: 18.6666666666667vw;
	height: 18.6666666666667vw;
	border-radius: 50%;
	background: #00cbfe;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2.9333333333333vw;
	position: absolute;
	top: 18.6666666666667vw;
	left: 31.866666666666667vw;
	z-index: 100;
	mix-blend-mode: multiply;
	color: #fff !important;
	font-size: 4vw;
	text-decoration: none !important;
	opacity: 0;
}

.contents_menu .contents_menu_development span.img {
	width: 32vw;
	height: 32vw;
	border-radius: 16vw;
	background: url(../img/menu_development.png) no-repeat 0 0;
	background-size: 32vw 32vw;
	display: block;
	position: absolute;
	top: 0;
	left: 25.3333333333333vw;
	z-index: 10;
	opacity: 0;
}

.contents_menu .contents_menu_development span.arrow {
	content: '';
	width: 3.2vw;
	height: 1.8666666666667vw;
	background: url(../img/icon_arrow_down.png) no-repeat 0 0;
	background-size: 3.2vw auto;
	position: absolute;
	top: 30.133333333333333vw;
	left: calc(50% - 1.6vw);
	z-index: 100;
	opacity: 0;
}

.contents_menu .contents_menu_materials a {
	width: 18.6666666666667vw;
	height: 18.6666666666667vw;
	border-radius: 50%;
	background: #55cc33;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2.9333333333333vw;
	position: absolute;
	top: 28vw;
	left: 45.866666666666667vw;
	z-index: 100;
	mix-blend-mode: multiply;
	color: #fff !important;
	font-size: 4vw;
	text-decoration: none !important;
	opacity: 0;
}

.contents_menu .contents_menu_materials span.img {
	width: 32vw;
	height: 32vw;
	border-radius: 16vw;
	background: url(../img/menu_materials.png) no-repeat 0 0;
	background-size: 32vw 32vw;
	display: block;
	position: absolute;
	top: 18.2666666666667vw;
	left: 50.533333333333333vw;
	z-index: 10;
	opacity: 0;
}

.contents_menu .contents_menu_materials span.arrow {
	content: '';
	width: 3.2vw;
	height: 1.8666666666667vw;
	background: url(../img/icon_arrow_down.png) no-repeat 0 0;
	background-size: 3.2vw auto;
	position: absolute;
	top: 39.466666666666667vw;
	left: 53.466666666666667vw;
	z-index: 100;
	opacity: 0;
}

.contents_menu .contents_menu_manufacturing a {
	width: 18.6666666666667vw;
	height: 18.6666666666667vw;
	border-radius: 50%;
	background: #7766ee;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2.9333333333333vw;
	position: absolute;
	top: 44vw;
	left: 40.533333333333333vw;
	z-index: 100;
	mix-blend-mode: multiply;
	color: #fff !important;
	font-size: 4vw;
	text-decoration: none !important;
	opacity: 0;
}

.contents_menu .contents_menu_manufacturing span.img {
	width: 32vw;
	height: 32vw;
	border-radius: 16vw;
	background: url(../img/menu_manufacturing.png) no-repeat 0 0;
	background-size: 32vw 32vw;
	display: block;
	position: absolute;
	top: 48.933333333333333vw;
	left: 41.2vw;
	z-index: 10;
	opacity: 0;
}

.contents_menu .contents_menu_manufacturing span.arrow {
	content: '';
	width: 3.2vw;
	height: 1.8666666666667vw;
	background: url(../img/icon_arrow_down.png) no-repeat 0 0;
	background-size: 3.2vw auto;
	position: absolute;
	top: 55.466666666666667vw;
	left: 48.266666666666667vw;
	z-index: 100;
	opacity: 0;
}

.contents_menu .contents_menu_distribution a {
	width: 18.6666666666667vw;
	height: 18.6666666666667vw;
	border-radius: 50%;
	background: #dd4477;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2.9333333333333vw;
	position: absolute;
	top: 44vw;
	left: 21.8666666666667vw;
	z-index: 100;
	mix-blend-mode: multiply;
	color: #fff !important;
	font-size: 4vw;
	text-decoration: none !important;
	opacity: 0;
}

.contents_menu .contents_menu_distribution span.img {
	width: 32vw;
	height: 32vw;
	border-radius: 16vw;
	background: url(../img/menu_distribution.png) no-repeat 0 0;
	background-size: 32vw 32vw;
	display: block;
	position: absolute;
	top: 48.666666666666667vw;
	left: 9.2vw;
	z-index: 10;
	opacity: 0;
}

.contents_menu .contents_menu_distribution span.arrow {
	content: '';
	width: 3.2vw;
	height: 1.8666666666667vw;
	background: url(../img/icon_arrow_down.png) no-repeat 0 0;
	background-size: 3.2vw auto;
	position: absolute;
	top: 55.466666666666667vw;
	left: 29.6vw;
	z-index: 100;
	opacity: 0;
}

.contents_menu .contents_menu_customer_service a {
	width: 18.6666666666667vw;
	height: 18.6666666666667vw;
	border-radius: 50%;
	background: #ff8822;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2.9333333333333vw;
	position: absolute;
	top: 28vw;
	left: 17.8666666666667vw;
	z-index: 100;
	mix-blend-mode: multiply;
	color: #fff !important;
	font-size: 4vw;
	text-decoration: none !important;
	opacity: 0;
}

.contents_menu .contents_menu_customer_service span.img {
	width: 32vw;
	height: 32vw;
	border-radius: 16vw;
	background: url(../img/menu_customer_service.png) no-repeat 0 0;
	background-size: 32vw 32vw;
	display: block;
	position: absolute;
	top: 18.2666666666667vw;
	left: 0;
	z-index: 10;
	opacity: 0;
}

.contents_menu .contents_menu_customer_service span.arrow {
	content: '';
	width: 3.2vw;
	height: 1.8666666666667vw;
	background: url(../img/icon_arrow_down.png) no-repeat 0 0;
	background-size: 3.2vw auto;
	position: absolute;
	top: 39.466666666666667vw;
	left: 26.133333333333333vw;
	z-index: 100;
	opacity: 0;
}

.contents_menu.active .contents_menu_development a {
	animation: menu_btn_development 2s ease;
	animation-fill-mode: forwards;
}

.contents_menu.active .contents_menu_materials a {
	animation: menu_btn_materials 2s ease;
	animation-fill-mode: forwards;
}

.contents_menu.active .contents_menu_manufacturing a {
	animation: menu_btn_manufacturing 2s ease;
	animation-fill-mode: forwards;
}

.contents_menu.active .contents_menu_distribution a {
	animation: menu_btn_distribution 2s ease;
	animation-fill-mode: forwards;
}

.contents_menu.active .contents_menu_customer_service a {
	animation: menu_btn_customer_service 2s ease;
	animation-fill-mode: forwards;
}

.contents_menu.active .contents_menu_development span.img,
.contents_menu.active .contents_menu_materials span.img,
.contents_menu.active .contents_menu_manufacturing span.img,
.contents_menu.active .contents_menu_distribution span.img,
.contents_menu.active .contents_menu_customer_service span.img,
.contents_menu.active .contents_menu_development span.arrow,
.contents_menu.active .contents_menu_materials span.arrow,
.contents_menu.active .contents_menu_manufacturing span.arrow,
.contents_menu.active .contents_menu_distribution span.arrow,
.contents_menu.active .contents_menu_customer_service span.arrow {
	animation: menu_fade 2s ease;
	animation-fill-mode: forwards;
}

@keyframes menu_btn_development {
	0% {
		transform: translate(0, 12.1333333333333vw);
		opacity: 0;
		color: transparent;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
		color: transparent;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
		color: #fff;
	}
}

@keyframes menu_btn_materials {
	0% {
		transform: translate(-14vw, 3.2vw);
		opacity: 0;
		color: transparent;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
		color: transparent;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
		color: #fff;
	}
}

@keyframes menu_btn_manufacturing {
	0% {
		transform: translate(-12.8vw, -8.6666666666667vw);
		opacity: 0;
		color: transparent;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
		color: transparent;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
		color: #fff;
	}
}

@keyframes menu_btn_distribution {
	0% {
		transform: translate(10vw, -12.8vw);
		opacity: 0;
		color: transparent;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
		color: transparent;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
		color: #fff;
	}
}

@keyframes menu_btn_customer_service {
	0% {
		transform: translate(14vw, 3.2vw);
		opacity: 0;
		color: transparent;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
		color: transparent;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
		color: #fff;
	}
}

@keyframes menu_fade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


/*------------------------------------------------------------
[SP]contents
------------------------------------------------------------ */
.contents {
	margin: 0 auto 13.6vw;
	padding: 6.6666666666667vw 5vw 6.6666666666667vw 6.6666666666667vw;
	width: 89.333333333333333vw;
	border-radius: 4vw;
	background: #fff;
	box-shadow: 0px 0px 2.6666666666667vw 0px rgba(0, 51, 85, 0.2);
	z-index: 10;
	position: relative;
}

.contents h2 {
	margin-bottom: 5.3333333333333vw;
	font-size: 6.6666666666667vw;
	font-weight: bold;
}

.contents h3 {
	margin-bottom: 5.3333333333333vw;
	font-size: 4.5333333333333vw;
	font-weight: bold;
	letter-spacing: -.05em;
}

.contents .text {
	font-size: 3.7333333333333vw;
	line-height: 1.666666666666667;
	letter-spacing: -.05em;
}

.contents .text+.text {
	margin-top: 6.6666666666667vw;
}

.contents .btn_more a {
	margin-top: 6.6666666666667vw;
	padding-right: 3.7333333333333vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26.6666666666667vw;
	height: 8vw;
	border-radius: 4vw;
	color: #fff !important;
	font-size: 3.7333333333333vw;
	text-decoration: none;
	background: #0072ef url(../img/icon_arrow.png) no-repeat right 4vw center;
	background-size: 1.8666666666667vw auto;
}

.development_wrapper .contents h3 {
	color: #00cbfe;
}

.materials_wrapper .contents h3 {
	color: #55cc33;
}

.manufacturing_wrapper .contents h3 {
	color: #7766ee;
}

.distribution_wrapper .contents h3 {
	color: #dd4477;
}

.customer_service_wrapper .contents h3 {
	color: #ff8822;
}

.development_wrapper {
	margin: 0 auto;
	width: 89.333333333333333vw;
	min-height: 134.666666666666667vw;
	padding: 54.6666666666667vw 0 0;
	position: relative;
}

.materials_wrapper {
	margin: 0 auto;
	width: 89.333333333333333vw;
	min-height: 136vw;
	padding: 56vw 0 0;
	position: relative;
}

.manufacturing_wrapper {
	margin: 0 auto 10vw auto;
	width: 89.333333333333333vw;
	min-height: 129.333333333333333vw;
	padding: 56vw 0 0;
	position: relative;
}

.distribution_wrapper {
	margin: 0 auto;
	width: 89.333333333333333vw;
	min-height: 148vw;
	padding: 56vw 0 0;
	position: relative;
}

.customer_service_wrapper {
	margin: 0 auto;
	width: 89.333333333333333vw;
	min-height: 146.666666666666667vw;
	padding: 54.6666666666667vw 0 0;
	position: relative;
}

.development_wrapper .img01,
.development_wrapper .img02,
.development_wrapper .img03,
.materials_wrapper .img01,
.materials_wrapper .img02,
.materials_wrapper .img03,
.manufacturing_wrapper .img01,
.manufacturing_wrapper .img02,
.manufacturing_wrapper .img03,
.distribution_wrapper .img01,
.distribution_wrapper .img02,
.distribution_wrapper .img03,
.customer_service_wrapper .img01,
.customer_service_wrapper .img02,
.customer_service_wrapper .img03 {
	position: absolute;
	border-radius: 1.3333333333333vw;
	z-index: 1;
	opacity: 0;
}

.development_wrapper .img01 {
	width: 34.6666666666667vw;
	height: 22.6666666666667vw;
	background: url(../img/img_development01.jpg) no-repeat 0 0;
	background-size: 34.6666666666667vw auto;
	top: 0;
	left: -2.6666666666667vw;
}

.development_wrapper .img02 {
	width: 40vw;
	height: 66.6666666666667vw;
	background: url(../img/img_development02.jpg) no-repeat 0 0;
	background-size: 40vw auto;
	top: 25.3333333333333vw;
	left: -8vw;
}

.development_wrapper .img03 {
	width: 62.666666666666667vw;
	height: 60vw;
	background: url(../img/img_development03.jpg) no-repeat 0 0;
	background-size: 62.666666666666667vw auto;
	top: 0;
	left: 34.6666666666667vw;
}

.materials_wrapper .img01 {
	width: 62.666666666666667vw;
	height: 60vw;
	background: url(../img/img_materials01.jpg) no-repeat 0 0;
	background-size: 62.666666666666667vw auto;
	top: 0;
	left: -8vw;
}

.materials_wrapper .img02 {
	width: 34.6666666666667vw;
	height: 22.6666666666667vw;
	background: url(../img/img_materials02.jpg) no-repeat 0 0;
	background-size: 34.6666666666667vw auto;
	top: 0;
	left: 57.333333333333333vw;
}

.materials_wrapper .img03 {
	width: 40vw;
	height: 41.3333333333333vw;
	background: url(../img/img_materials03.jpg) no-repeat 0 0;
	background-size: 40vw auto;
	top: 25.3333333333333vw;
	left: 57.333333333333333vw;
}

.manufacturing_wrapper .img01 {
	width: 34.6666666666667vw;
	height: 22.6666666666667vw;
	background: url(../img/img_manufacturing01.jpg) no-repeat 0 0;
	background-size: 34.6666666666667vw auto;
	top: 0;
	left: -2.6666666666667vw;
}

.manufacturing_wrapper .img02 {
	width: 40vw;
	height: 41.3333333333333vw;
	background: url(../img/img_manufacturing02.jpg) no-repeat 0 0;
	background-size: 40vw auto;
	top: 25.3333333333333vw;
	left: -8vw;
}

.manufacturing_wrapper .img03 {
	width: 62.666666666666667vw;
	height: 60vw;
	background: url(../img/img_manufacturing03.jpg) no-repeat 0 0;
	background-size: 62.666666666666667vw auto;
	top: 0;
	left: 34.6666666666667vw;
}

.distribution_wrapper .img01 {
	width: 58.666666666666667vw;
	height: 60vw;
	background: url(../img/img_distribution01.jpg) no-repeat 0 0;
	background-size: 58.666666666666667vw auto;
	top: 0;
	left: -4vw;
}

.distribution_wrapper .img02 {
	width: 34.6666666666667vw;
	height: 22.6666666666667vw;
	background: url(../img/img_distribution02.jpg) no-repeat 0 0;
	background-size: 34.6666666666667vw auto;
	top: 0;
	left: 57.333333333333333vw;
}

.distribution_wrapper .img03 {
	width: 40vw;
	height: 41.3333333333333vw;
	background: url(../img/img_distribution03.jpg) no-repeat 0 0;
	background-size: 40vw auto;
	top: 25.3333333333333vw;
	left: 57.333333333333333vw;
}

.customer_service_wrapper .img01 {
	width: 33.3333333333333vw;
	height: 22.6666666666667vw;
	background: url(../img/img_customer_service01.jpg) no-repeat 0 0;
	background-size: 33.3333333333333vw auto;
	top: 0;
	left: -2.6666666666667vw;
}

.customer_service_wrapper .img02 {
	width: 38.666666666666667vw;
	height: 40vw;
	background: url(../img/img_customer_service02.jpg) no-repeat 0 0;
	background-size: 38.666666666666667vw auto;
	top: 25.3333333333333vw;
	left: -8vw;
}

.customer_service_wrapper .img03 {
	width: 64vw;
	height: 58.666666666666667vw;
	background: url(../img/img_customer_service03.jpg) no-repeat 0 0;
	background-size: 64vw auto;
	top: 0;
	left: 33.3333333333333vw;
}

.development_wrapper .img01,
.development_wrapper .img02,
.development_wrapper .img03,
.materials_wrapper .img01,
.materials_wrapper .img02,
.materials_wrapper .img03,
.manufacturing_wrapper .img01,
.manufacturing_wrapper .img02,
.manufacturing_wrapper .img03,
.distribution_wrapper .img01,
.distribution_wrapper .img02,
.distribution_wrapper .img03,
.customer_service_wrapper .img01,
.customer_service_wrapper .img02,
.customer_service_wrapper .img03 {
	opacity: 0;
}

.development_wrapper.active .img03,
.materials_wrapper.active .img01,
.manufacturing_wrapper.active .img03,
.distribution_wrapper.active .img01,
.customer_service_wrapper.active .img03 {
	animation: img_fade01 1s ease;
	animation-fill-mode: forwards;
}

.development_wrapper.active .img01,
.materials_wrapper.active .img02,
.manufacturing_wrapper.active .img01,
.distribution_wrapper.active .img02,
.customer_service_wrapper.active .img01 {
	animation: img_fade02 1s ease;
	animation-fill-mode: forwards;
}

.development_wrapper.active .img02,
.materials_wrapper.active .img03,
.manufacturing_wrapper.active .img02,
.distribution_wrapper.active .img03,
.customer_service_wrapper.active .img02 {
	animation: img_fade03 1.5s ease;
	animation-fill-mode: forwards;
}

@keyframes img_fade01 {
	0% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes img_fade02 {
	0% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	25% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes img_fade03 {
	0% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	50% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.development_wrapper.active.fixed .img01,
.materials_wrapper.active.fixed .img02,
.manufacturing_wrapper.active.fixed .img01,
.distribution_wrapper.active.fixed .img02,
.customer_service_wrapper.active.fixed .img01,
.development_wrapper.active.fixed .img02,
.materials_wrapper.active.fixed .img03,
.manufacturing_wrapper.active.fixed .img02,
.distribution_wrapper.active.fixed .img03,
.customer_service_wrapper.active.fixed .img02,
.development_wrapper.active.fixed .img03,
.materials_wrapper.active.fixed .img01,
.manufacturing_wrapper.active.fixed .img03,
.distribution_wrapper.active.fixed .img01,
.customer_service_wrapper.active.fixed .img03 {
	animation: img_fixed 2s ease;
	animation-fill-mode: forwards;
}

@keyframes img_fixed {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.development_wrapper .contents,
.materials_wrapper .contents,
.manufacturing_wrapper .contents,
.distribution_wrapper .contents,
.customer_service_wrapper .contents {
	opacity: 0;
}

.development_wrapper.active .contents,
.materials_wrapper.active .contents,
.manufacturing_wrapper.active .contents,
.distribution_wrapper.active .contents,
.customer_service_wrapper.active .contents {
	animation: text_fade 2s ease;
	animation-fill-mode: forwards;
}

@keyframes text_fade {
	0% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	50% {
		opacity: 0;
		transform: translate(0, 4vw);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.development_wrapper.active.fixed .contents,
.materials_wrapper.active.fixed .contents,
.manufacturing_wrapper.active.fixed .contents,
.distribution_wrapper.active.fixed .contents,
.customer_service_wrapper.active.fixed .contents {
	animation: text_fixed 2s ease;
	animation-fill-mode: forwards;
}

@keyframes text_fixed {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

/*------------------------------------------------------------
[SP]safety_measures
------------------------------------------------------------ */
.safety_measures {
	margin: 0 auto;
	padding-bottom: 56vw;
	width: 96vw;
	position: relative;
}

.safety_measures::after {
	content: '';
	width: 94.666666666666667vw;
	height: 21.3333333333333vw;
	background: url(../img/img_safety_measures.jpg) no-repeat 0 0;
	background-size: 94.666666666666667vw auto;
	border-radius: 1.3333333333333vw;
	position: absolute;
	bottom: 24vw;
	left: 0.6666666666667vw;
}

.safety_measures h2 {
	margin-bottom: 6.6666666666667vw;
	font-size: 6.6666666666667vw;
	font-weight: bold;
	text-align: center;
}

.safety_measures .text {
	font-size: 3.7333333333333vw;
	line-height: 1.739130434782609;
	text-align: center;
	letter-spacing: -.05em;
}

.safety_measures .btn_more a {
	margin: 6.6666666666667vw auto 0;
	padding-right: 3.7333333333333vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 81.3333333333333vw;
	height: 8vw;
	border-radius: 4vw;
	color: #fff !important;
	font-size: 3.7333333333333vw;
	text-decoration: none;
	background: #0072ef url(../img/icon_arrow.png) no-repeat right 4vw center;
	background-size: 1.8666666666667vw auto;
}

.footer_contents .contents {
	background: none;
	padding: 0;
	box-shadow: none;
	width: inherit;
}


/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print,
screen and (min-width:768px) {

	.content {
		background: #fff;
	}

	/*------------------------------------------------------------
[PC]quality_contents
------------------------------------------------------------ */
	.quality_contents {
		background: none;
		overflow: visible;
	}

	/*------------------------------------------------------------
[PC]contents_wrapper
------------------------------------------------------------ */
	.contents_wrapper {
		background: #f4f8ff;
		padding: 90px 0 0;
		margin-top: -25px
	}

	/*------------------------------------------------------------
[PC]lead
------------------------------------------------------------ */
	.lead {
		margin: 0 auto 100px;
		width: 1160px;
	}

	.lead h1 {
		margin: 0 0 60px;
		padding: 0;
		font-size: 45px;
		line-height: 1;
		font-weight: bold;
		text-align: center;
	}

	.lead p {
		font-size: 23px;
		line-height: 1.666666666666667;
	}

	/*------------------------------------------------------------
[PC]contents_menu
------------------------------------------------------------ */
	.contents_menu {
		margin: 0 auto 130px;
	}

	.contents_menu ul {
		margin: 0 auto;
		width: 1160px;
		height: 260px;
		position: relative;
	}

	.contents_menu li {
		list-style: none;
	}

	.contents_menu .contents_menu_development a {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #00cbfe;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
		position: absolute;
		top: 0;
		left: 50px;
		z-index: 11;
		mix-blend-mode: multiply;
		color: #fff !important;
		font-size: 24px;
		text-decoration: none;
		opacity: 0;
	}

	.contents_menu .contents_menu_development span.img {
		width: 220px;
		height: 170px;
		border-radius: 10px;
		background: url(../img/pc_menu_development.jpg) no-repeat 0 0;
		background-size: 220px auto;
		display: block;
		position: absolute;
		top: 90px;
		left: 0;
		z-index: 10;
		opacity: 0;
	}

	.contents_menu .contents_menu_development span.arrow {
		content: '';
		width: 12px;
		height: 7px;
		background: url(../img/icon_arrow_down.png) no-repeat 0 0;
		background-size: 12px 7px;
		position: absolute;
		top: 98px;
		left: 104px;
		z-index: 100;
		opacity: 0;
	}

	.contents_menu .contents_menu_materials a {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #55cc33;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
		position: absolute;
		top: 0;
		left: 285px;
		z-index: 11;
		mix-blend-mode: multiply;
		color: #fff !important;
		font-size: 24px;
		text-decoration: none;
		opacity: 0;
	}

	.contents_menu .contents_menu_materials span.img {
		width: 220px;
		height: 170px;
		border-radius: 10px;
		background: url(../img/pc_menu_materials.jpg) no-repeat 0 0;
		background-size: 220px auto;
		display: block;
		position: absolute;
		top: 90px;
		left: 235px;
		z-index: 10;
		opacity: 0;
	}

	.contents_menu .contents_menu_materials span.arrow {
		content: '';
		width: 12px;
		height: 7px;
		background: url(../img/icon_arrow_down.png) no-repeat 0 0;
		background-size: 12px 7px;
		position: absolute;
		top: 98px;
		left: 339px;
		z-index: 100;
		opacity: 0;
	}

	.contents_menu .contents_menu_manufacturing a {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #7766ee;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
		position: absolute;
		top: 0;
		left: 520px;
		z-index: 11;
		mix-blend-mode: multiply;
		color: #fff !important;
		font-size: 24px;
		text-decoration: none;
		opacity: 0;
	}

	.contents_menu .contents_menu_manufacturing span.img {
		width: 220px;
		height: 170px;
		border-radius: 10px;
		background: url(../img/pc_menu_manufacturing.jpg) no-repeat 0 0;
		background-size: 220px auto;
		display: block;
		position: absolute;
		top: 90px;
		left: 470px;
		z-index: 10;
		opacity: 0;
	}

	.contents_menu .contents_menu_manufacturing span.arrow {
		content: '';
		width: 12px;
		height: 7px;
		background: url(../img/icon_arrow_down.png) no-repeat 0 0;
		background-size: 12px 7px;
		position: absolute;
		top: 98px;
		left: 574px;
		z-index: 100;
		opacity: 0;
	}

	.contents_menu .contents_menu_distribution a {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #dd4477;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
		position: absolute;
		top: 0;
		left: 755px;
		z-index: 11;
		mix-blend-mode: multiply;
		color: #fff !important;
		font-size: 24px;
		text-decoration: none;
		opacity: 0;
	}

	.contents_menu .contents_menu_distribution span.img {
		width: 220px;
		height: 170px;
		border-radius: 10px;
		background: url(../img/pc_menu_distribution.jpg) no-repeat 0 0;
		background-size: 220px auto;
		display: block;
		position: absolute;
		top: 90px;
		left: 705px;
		z-index: 10;
		opacity: 0;
	}

	.contents_menu .contents_menu_distribution span.arrow {
		content: '';
		width: 12px;
		height: 7px;
		background: url(../img/icon_arrow_down.png) no-repeat 0 0;
		background-size: 12px 7px;
		position: absolute;
		top: 98px;
		left: 809px;
		z-index: 100;
		opacity: 0;
	}

	.contents_menu .contents_menu_customer_service a {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #ff8822;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
		position: absolute;
		top: 0;
		left: 990px;
		z-index: 11;
		mix-blend-mode: multiply;
		color: #fff !important;
		font-size: 24px;
		text-decoration: none;
		opacity: 0;
	}

	.contents_menu .contents_menu_customer_service span.img {
		width: 220px;
		height: 170px;
		border-radius: 10px;
		background: url(../img/pc_menu_customer_service.jpg) no-repeat 0 0;
		background-size: 220px auto;
		display: block;
		position: absolute;
		top: 90px;
		left: 940px;
		z-index: 10;
		opacity: 0;
	}

	.contents_menu .contents_menu_customer_service span.arrow {
		content: '';
		width: 12px;
		height: 7px;
		background: url(../img/icon_arrow_down.png) no-repeat 0 0;
		background-size: 12px 7px;
		position: absolute;
		top: 98px;
		left: 1044px;
		z-index: 100;
		opacity: 0;
	}

	.contents_menu .contents_menu_development a:hover,
	.contents_menu .contents_menu_materials a:hover,
	.contents_menu .contents_menu_manufacturing a:hover,
	.contents_menu .contents_menu_distribution a:hover,
	.contents_menu .contents_menu_customer_service a:hover {
		text-decoration: none !important;
		color: #fff !important;
	}


	.contents_menu.active .contents_menu_development a {
		animation: menu_btn_development 2s ease;
		animation-fill-mode: forwards;
	}

	.contents_menu.active .contents_menu_materials a {
		animation: menu_btn_materials 2s ease;
		animation-fill-mode: forwards;
	}

	.contents_menu.active .contents_menu_manufacturing a {
		animation: menu_btn_manufacturing 2s ease;
		animation-fill-mode: forwards;
	}

	.contents_menu.active .contents_menu_distribution a {
		animation: menu_btn_distribution 2s ease;
		animation-fill-mode: forwards;
	}

	.contents_menu.active .contents_menu_customer_service a {
		animation: menu_btn_customer_service 2s ease;
		animation-fill-mode: forwards;
	}

	.contents_menu.active .contents_menu_development span.img,
	.contents_menu.active .contents_menu_materials span.img,
	.contents_menu.active .contents_menu_manufacturing span.img,
	.contents_menu.active .contents_menu_distribution span.img,
	.contents_menu.active .contents_menu_customer_service span.img,
	.contents_menu.active .contents_menu_development span.arrow,
	.contents_menu.active .contents_menu_materials span.arrow,
	.contents_menu.active .contents_menu_manufacturing span.arrow,
	.contents_menu.active .contents_menu_distribution span.arrow,
	.contents_menu.active .contents_menu_customer_service span.arrow {
		animation: menu_fade 2s ease;
		animation-fill-mode: forwards;
	}


	@keyframes menu_btn_development {
		0% {
			transform: translate(470px, 0);
			opacity: 0;
			color: transparent;
		}

		50% {
			transform: translate(0, 0);
			opacity: 1;
			color: transparent;
		}

		100% {
			transform: translate(0, 0);
			opacity: 1;
			color: #fff;
		}
	}

	@keyframes menu_btn_materials {
		0% {
			transform: translate(235px, 0);
			opacity: 0;
			color: transparent;
		}

		50% {
			transform: translate(0, 0);
			opacity: 1;
			color: transparent;
		}

		100% {
			transform: translate(0, 0);
			opacity: 1;
			color: #fff;
		}
	}

	@keyframes menu_btn_manufacturing {
		0% {
			transform: translate(0, 0);
			opacity: 0;
			color: transparent;
		}

		50% {
			transform: translate(0, 0);
			opacity: 1;
			color: transparent;
		}

		100% {
			transform: translate(0, 0);
			opacity: 1;
			color: #fff;
		}
	}

	@keyframes menu_btn_distribution {
		0% {
			transform: translate(-235px, 0);
			opacity: 0;
			color: transparent;
		}

		50% {
			transform: translate(0, 0);
			opacity: 1;
			color: transparent;
		}

		100% {
			transform: translate(0, 0);
			opacity: 1;
			color: #fff;
		}
	}

	@keyframes menu_btn_customer_service {
		0% {
			transform: translate(-470px, 0);
			opacity: 0;
			color: transparent;
		}

		50% {
			transform: translate(0, 0);
			opacity: 1;
			color: transparent;
		}

		100% {
			transform: translate(0, 0);
			opacity: 1;
			color: #fff;
		}
	}

	@keyframes menu_fade {
		0% {
			opacity: 0;
		}

		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	/*------------------------------------------------------------
[PC]contents
------------------------------------------------------------ */
	.contents {
		margin: 0 auto;
		padding: 50px 40px 50px 50px;
		width: 580px;
		border-radius: 20px;
		background: #fff;
		box-shadow: 0px 0px 2.6666666666667vw 0px rgba(0, 51, 85, 0.2);
		z-index: 10;
		position: relative;
	}

	.contents .title {
		display: flex;
		align-items: flex-end;
		margin-bottom: 25px;
	}

	.contents h2 {
		margin: 0 35px 0 0;
		font-size: 35px;
		font-weight: bold;
	}

	.contents h3 {
		margin: 0;
		font-size: 20px;
		line-height: 35px;
		font-weight: bold;
	}

	.contents .text {
		font-size: 18px;
		line-height: 1.666666666666667;
	}

	.contents .text+.text {
		margin-top: 30px;
	}

	.contents .btn_more a {
		margin-top: 40px;
		padding-right: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 160px;
		height: 40px;
		border-radius: 20px;
		color: #fff !important;
		font-size: 15px;
		text-decoration: none;
		background: #0072ef url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
	}

	.development_wrapper .btn_more a:hover {
		background: #00cbfe url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
		text-decoration: none !important;
	}

	.materials_wrapper .btn_more a:hover {
		background: #55cc33 url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
		text-decoration: none !important;
	}

	.manufacturing_wrapper .btn_more a:hover {
		background: #7766ee url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
		text-decoration: none !important;
	}

	.distribution_wrapper .btn_more a:hover {
		background: #dd4477 url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
		text-decoration: none !important;
	}

	.customer_service_wrapper .btn_more a:hover {
		background: #ff8822 url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
		text-decoration: none !important;
	}

	.development_wrapper {
		margin: 0 auto 80px;
		width: 1160px;
		min-height: 820px;
		padding: 430px 540px 0 40px;
		position: relative;
	}

	.materials_wrapper {
		margin: 0 auto 80px;
		width: 1160px;
		min-height: 790px;
		padding: 430px 40px 0 540px;
		position: relative;
	}

	.manufacturing_wrapper {
		margin: 0 auto 80px;
		width: 1160px;
		min-height: 790px;
		padding: 430px 540px 0 40px;
		position: relative;
	}

	.distribution_wrapper {
		margin: 0 auto 80px;
		width: 1160px;
		min-height: 840px;
		padding: 430px 40px 0 540px;
		position: relative;
	}

	.customer_service_wrapper {
		margin: 0 auto 100px;
		width: 1160px;
		min-height: 820px;
		padding: 430px 540px 0 40px;
		position: relative;
	}

	.development_wrapper .img01,
	.development_wrapper .img02,
	.development_wrapper .img03,
	.materials_wrapper .img01,
	.materials_wrapper .img02,
	.materials_wrapper .img03,
	.manufacturing_wrapper .img01,
	.manufacturing_wrapper .img02,
	.manufacturing_wrapper .img03,
	.distribution_wrapper .img01,
	.distribution_wrapper .img02,
	.distribution_wrapper .img03,
	.customer_service_wrapper .img01,
	.customer_service_wrapper .img02,
	.customer_service_wrapper .img03 {
		position: absolute;
		border-radius: 20px;
		z-index: 1;
		opacity: 0;
	}

	.development_wrapper .img01 {
		width: 360px;
		height: 240px;
		background: url(../img/pc_img_development01.jpg) no-repeat 0 0;
		background-size: 360px auto;
		top: 0;
		left: 120px;
	}

	.development_wrapper .img02 {
		width: 600px;
		height: 430px;
		background: url(../img/pc_img_development02.jpg) no-repeat 0 0;
		background-size: 600px auto;
		top: 280px;
		left: -120px;
	}

	.development_wrapper .img03 {
		width: 760px;
		height: 630px;
		background: url(../img/pc_img_development03.jpg) no-repeat 0 0;
		background-size: 760px auto;
		top: 0;
		left: 520px;
	}

	.materials_wrapper .img01 {
		width: 760px;
		height: 630px;
		background: url(../img/pc_img_materials01.jpg) no-repeat 0 0;
		background-size: 760px auto;
		top: 0;
		left: -120px;
	}

	.materials_wrapper .img02 {
		width: 360px;
		height: 240px;
		background: url(../img/pc_img_materials02.jpg) no-repeat 0 0;
		background-size: 360px auto;
		top: 0;
		left: 680px;
	}

	.materials_wrapper .img03 {
		width: 600px;
		height: 430px;
		background: url(../img/pc_img_materials03.jpg) no-repeat 0 0;
		background-size: 600px auto;
		top: 280px;
		left: 680px;
	}

	.manufacturing_wrapper .img01 {
		width: 360px;
		height: 240px;
		background: url(../img/pc_img_manufacturing01.jpg) no-repeat 0 0;
		background-size: 360px auto;
		top: 0;
		left: 120px;
	}

	.manufacturing_wrapper .img02 {
		width: 600px;
		height: 430px;
		background: url(../img/pc_img_manufacturing02.jpg) no-repeat 0 0;
		background-size: 600px auto;
		top: 280px;
		left: -120px;
	}

	.manufacturing_wrapper .img03 {
		width: 760px;
		height: 630px;
		background: url(../img/pc_img_manufacturing03.jpg) no-repeat 0 0;
		background-size: 760px auto;
		top: 0;
		left: 520px;
	}

	.distribution_wrapper .img01 {
		width: 760px;
		height: 630px;
		background: url(../img/pc_img_distribution01.jpg) no-repeat 0 0;
		background-size: 760px auto;
		top: 0;
		left: -120px;
	}

	.distribution_wrapper .img02 {
		width: 360px;
		height: 240px;
		background: url(../img/pc_img_distribution02.jpg) no-repeat 0 0;
		background-size: 360px auto;
		top: 0;
		left: 680px;
	}

	.distribution_wrapper .img03 {
		width: 600px;
		height: 430px;
		background: url(../img/pc_img_distribution03.jpg) no-repeat 0 0;
		background-size: 600px auto;
		top: 280px;
		left: 680px;
	}

	.customer_service_wrapper .img01 {
		width: 360px;
		height: 240px;
		background: url(../img/pc_img_customer_service01.jpg) no-repeat 0 0;
		background-size: 360px auto;
		top: 0;
		left: 120px;
	}

	.customer_service_wrapper .img02 {
		width: 600px;
		height: 430px;
		background: url(../img/pc_img_customer_service02.jpg) no-repeat 0 0;
		background-size: 600px auto;
		top: 280px;
		left: -120px;
	}

	.customer_service_wrapper .img03 {
		width: 760px;
		height: 630px;
		background: url(../img/pc_img_customer_service03.jpg) no-repeat 0 0;
		background-size: 760px auto;
		top: 0;
		left: 520px;
	}

	.development_wrapper .img01,
	.development_wrapper .img02,
	.development_wrapper .img03,
	.materials_wrapper .img01,
	.materials_wrapper .img02,
	.materials_wrapper .img03,
	.manufacturing_wrapper .img01,
	.manufacturing_wrapper .img02,
	.manufacturing_wrapper .img03,
	.distribution_wrapper .img01,
	.distribution_wrapper .img02,
	.distribution_wrapper .img03,
	.customer_service_wrapper .img01,
	.customer_service_wrapper .img02,
	.customer_service_wrapper .img03 {
		opacity: 0;
	}

	.development_wrapper.active .img03,
	.materials_wrapper.active .img01,
	.manufacturing_wrapper.active .img03,
	.distribution_wrapper.active .img01,
	.customer_service_wrapper.active .img03 {
		animation: img_fade01 1s ease;
		animation-fill-mode: forwards;
	}

	.development_wrapper.active .img01,
	.materials_wrapper.active .img02,
	.manufacturing_wrapper.active .img01,
	.distribution_wrapper.active .img02,
	.customer_service_wrapper.active .img01 {
		animation: img_fade02 1s ease;
		animation-fill-mode: forwards;
	}

	.development_wrapper.active .img02,
	.materials_wrapper.active .img03,
	.manufacturing_wrapper.active .img02,
	.distribution_wrapper.active .img03,
	.customer_service_wrapper.active .img02 {
		animation: img_fade03 1.5s ease;
		animation-fill-mode: forwards;
	}

	@keyframes img_fade01 {
		0% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		100% {
			opacity: 1;
			transform: translate(0, 0);
		}
	}

	@keyframes img_fade02 {
		0% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		25% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		100% {
			opacity: 1;
			transform: translate(0, 0);
		}
	}

	@keyframes img_fade03 {
		0% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		50% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		100% {
			opacity: 1;
			transform: translate(0, 0);
		}
	}

	.development_wrapper .contents,
	.materials_wrapper .contents,
	.manufacturing_wrapper .contents,
	.distribution_wrapper .contents,
	.customer_service_wrapper .contents {
		opacity: 0;
	}

	.development_wrapper.active .contents,
	.materials_wrapper.active .contents,
	.manufacturing_wrapper.active .contents,
	.distribution_wrapper.active .contents,
	.customer_service_wrapper.active .contents {
		animation: text_fade 2s ease;
		animation-fill-mode: forwards;
	}

	@keyframes text_fade {
		0% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		50% {
			opacity: 0;
			transform: translate(0, 60px);
		}

		100% {
			opacity: 1;
			transform: translate(0, 0);
		}
	}

	.development_wrapper.active.fixed .contents,
	.materials_wrapper.active.fixed .contents,
	.manufacturing_wrapper.active.fixed .contents,
	.distribution_wrapper.active.fixed .contents,
	.customer_service_wrapper.active.fixed .contents {
		animation: text_fixed 2s ease;
		animation-fill-mode: forwards;
	}

	@keyframes text_fixed {
		0% {
			opacity: 1;
			transform: translate(0, 0);
		}

		100% {
			opacity: 1;
			transform: translate(0, 0);
		}
	}

	/*------------------------------------------------------------
[PC]safety_measures
------------------------------------------------------------ */
	.safety_measures {
		margin: 0 auto;
		padding-bottom: 500px;
		width: 1080px;
		position: relative;
	}

	.safety_measures::after {
		content: '';
		width: 1080px;
		height: 240px;
		background: url(../img/pc_img_safety_measures.jpg) no-repeat 0 0;
		background-size: 1080px auto;
		border-radius: 20px;
		position: absolute;
		bottom: 200px;
		left: 0;
	}

	.safety_measures h2 {
		margin-bottom: 60px;
		font-size: 45px;
		font-weight: bold;
		text-align: center;
	}

	.safety_measures .text {
		font-size: 23px;
		line-height: 1.739130434782609;
		text-align: center;
	}

	.safety_measures .btn_more a {
		margin: 55px auto 0;
		padding-right: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 360px;
		height: 50px;
		border-radius: 25px;
		color: #fff !important;
		font-size: 18px;
		text-decoration: none;
		background: #0072ef url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
	}

	.safety_measures .btn_more a:hover {
		background: #00cbfe url(../img/icon_arrow.png) no-repeat right 20px center;
		background-size: 7px auto;
		text-decoration: none !important;
	}


	.footer_contents .contents {
		background: none;
		padding: 0;
		box-shadow: none;
		width: inherit;
	}


}