@charset "utf-8";
.mr-cite-title {
	font-size: 1.6vw !important;
	font-weight: 600 !important;
	color: #313131 !important;
	line-height: 1.5 !important;
	position: relative;
	z-index: 99;
}
.mr-cite-title>p {
	font-size: 1.14583vw !important;
	font-weight: 500 !important;
	white-space: nowrap;
}
.mr-cite-title2>p {
	top: -3.5vw;
}
.mr-cite-title::before {
	content: '';
	width: 4vw;
	border-top: 0.5vw solid #3f65a6;
	position: absolute;
	left: 0;
	top: -1.5vw;
}
.mr-cite-title2::before {
	top: -3vw;
}
.cite-part-1 {
	width: 13vw;
	position: absolute;
	top: 5vw;
	left: 17vw;
}
.cite-part-2 {
	width: 30vw!important;
	position: absolute!important;
	top: 4vw;
	right: 3vw;
}
.cite-part-3 {
	width: 20vw;
	position: absolute;
	top: 5vw;
	left: 5.5vw;
}
.cite-part-4 {
	width: 33vw !important;
	position: absolute !important;
	top: 2.5vw;
	right: 5vw;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.mr-cite-title {
	font-size: 6vw !important;
	font-weight: 600 !important;
	margin-bottom: 5vw;
	margin-top: 5vw;
}
.mr-cite-title>p {
	font-size: 3vw !important;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 3vw;
}
.mr-cite-title2>p {
	top: 0;
}
.mr-cite-title::before {
	width: 10vw;
	border-top: 1vw solid #3f65a6;
	top: -3vw;
}
.mr-cite-title2::before {
	top: -3vw;
}
.cite-part-1 {
	display: none;
}
.cite-part-2 {
	width: 100%!important;
	position: relative!important;
	top: 5vw;
	right: 0;
	left: 0;
}
.cite-part-3 {
	display: none;
}
.cite-part-4 {
	width: 100% !important;
	position: relative !important;
	margin-top: 10vw!important;
	top: 0;
	right: 0;
	left: 0;
}
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @-webkit-keyframes blink {
 0% {
 opacity: 0.2;
}
 100% {
 opacity: 0.6;
}
}
 @keyframes blink {
 0% {
 opacity: 0.2;
}
 100% {
 opacity: 0.6;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 -ms-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.clearfix::after,  .clearfix::before {
	content: '';
	clear: both;
	display: table;
}
.mr-innovation-detail-text .wrap {
	overflow: visible;
}
.mr-innovation-detail-kv-share {
	position: absolute;
	bottom: 0;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.mr-innovation-detail-kv-share {
	position: relative;
}
}
.mr-innovation-detail-text .wrap .mr-cite {
	position: relative;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2vw;
	font-weight: 500;
	margin-top: 1vw;
	margin-bottom: 1vw;
	font-style: italic;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.mr-innovation-detail-text .wrap .mr-cite {
	font-size: 4.26667vw;
}
}
.mr-innovation-detail-text .wrap .mr-cite::before {
	content: '"';
	position: absolute;
	font-size: 5vw;
	font-weight: 500;
	left: -4vw;
	top: -3vw;
	font-style: italic;
	color: #b4b4b5;
}
.mr-innovation-detail-text .wrap .mr-cite::after {
	content: '"';
	position: absolute;
	font-size: 5vw;
	font-weight: 500;
	right: -2vw;
	bottom: -5vw;
	font-style: italic;
	color: #b4b4b5;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.mr-innovation-detail-text .wrap .mr-cite::before {
	font-size: 10vw;
	top: -5vw;
	left: -6vw;
}
.mr-innovation-detail-text .wrap .mr-cite::after {
	font-size: 10vw;
	bottom: -9vw;
}
}
.mt-5vw-10vw {
	margin-top: 5vw;
}
.mr-title-1st {
	font-size: 1.8vw !important;
	color: #242728 !important;
	line-height: 1.5 !important;
	margin-bottom: 1.5625vw;
	margin-top: 3vw;
	font-weight: 700 !important;
}
.mr-title-2nd {
	font-size: 1.4vw !important;
	color: #242728 !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	margin-bottom: 1.5625vw;
	margin-top: 3vw;
}
.mr-con-text {
	margin-top: 3vw;
	color: #727171;
	z-index: 99;
	position: relative;
}
.mr-con-text>p {
	margin-bottom: 2vw;
	color: #727171;
}
.video-cantainer {
	width: 100%;
	vertical-align: bottom;
}
.underline {
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: 0.5vw;
}
.bg-gray {
	width: 100%;
	background-color: #f2f2f2;
	padding: 3vw 0 5vw;
	overflow: hidden;
}
.line-height-2 {
	line-height: 2 !important;
}
.line-height-2>p {
	line-height: 2 !important;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.mt-5vw-10vw {
	margin-top: 10vw;
}
.mr-title-1st {
	font-size: 6vw !important;
	margin-bottom: 8vw;
	margin-top: 5vw;
}
.mr-title-2nd {
	font-size: 4vw !important;
	margin-bottom: 6vw !important;
}
.mr-con-text {
	margin-top: 9vw;
	font-size: 3.2vw;
}
.mr-con-text>p {
	margin-bottom: 8vw;
	font-size: 3.2vw;
}
.line-height-2 {
	line-height: 1.6 !important;
}
.line-height-2>p {
	line-height: 1.6 !important;
}
}
.transwhite {
	margin-top: 1vw;
	color: #727171;
}
.innovation-management-item:hover .transwhite {
	color: #fff;
}
.pc-none {
	display: none;
	position: relative;
}
.mob-none {
	position: relative;
}
.sumunderline {
	border-top: 1px solid #ccc;
	height: 0;
	position: relative;
	width: 80.9375vw;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -1px;
}
.mr-innovation-detail-text img {
	vertical-align: bottom;
}
.mr-innovation-detail-kv .mr-innovation-detail-kv-summary .mr-innovation-detail-kv-title {
	line-height: 1.3;
}
.title-span {
	font-size: 1.5vw;
	color: #3f65a6;
	margin-top: 1.5vw;
}
.citeman {
	position: relative;
	float: right;
	color: #3f65a6!important;
}
.citeman::after {
	content: '';
	width: 4vw;
	border-bottom: 1px solid #3f65a6;
	position: absolute;
	top: 1vw;
	left: -5vw;
}
.mt-3vw {
	margin-top: 3vw;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.mob-none {
	display: none;
}
.pc-none {
	display: block;
}
.sumunderline {
	display: none;
}
.title-span {
	font-size: 5vw;
	margin-top: 5vw;
}
.citeman::after {
	width: 15vw;
	left: -16vw;
	top: 3vw;
}
}
.text-center {
	text-align: center;
	margin-top: 1rem;
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper .swiper-wrapper .swiper-slide .swiper-slide-text {
	width: 90%;
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper .swiper-wrapper .swiper-slide .swiper-slide-text .swiper-slide-text-des {
	font-size: 1.1vw;
	line-height: 1.5;
	color: #727171;
}
 @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),  screen and (max-width: 639px) {
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper .swiper-wrapper .swiper-slide .swiper-slide-text {
	width: 100%;
	opacity: 1;
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper .swiper-wrapper .swiper-slide .swiper-slide-text .swiper-slide-text-des {
	font-size: 4vw;
	color: #727171;
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper .kv-swiper-pagination {
	display: none;
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper {
	padding-bottom: 10vw;
}
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .swiper-button-next, .product-text-swiper-15-1 .product-text-swiper-15-1-con .swiper-button-prev {
	display: none;
}
.product-text-swiper-15-1 .product-text-swiper-15-1-con .product-text-swiper-15-1-swiper {
	padding-bottom: 0;
}
.mr-related-products .wrap .mr-related-products-title h1 {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	margin: unset;
}
/**/
.intel-content-title {
        position: relative;
    }
    
    .intel-content-title::before {
        content: "";
        position: absolute;
        top: -1vw;
        left: 7vw;
        width: 3.5vw;
        height: 0.45vw;
        background-color: #20b396;
    }
    
    @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),
    screen and (max-width: 639px) {
        .intel-content-title::before {
            width: 15vw;
            height: 2vw;
            top: -5vw;
            left: 0;
        }
    }
    
    .mr-title-2nd-2 {
        font-size: 1.4vw !important;
        color: #242728 !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        margin-bottom: 1.5625vw;
        margin-top: 1vw;
    }

    .mt-0-15vw{
        margin-bottom: -1.5vw;
    }
    
    @media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),
    screen and (max-width: 639px) {
        .mr-title-2nd-2 {
            font-size: 5vw !important;
            margin-bottom: 6vw !important;
            margin-top: 5vw;
        }
        .mt-3vw {
            margin-top: 10vw;
        }
        .mt-0-15vw {
            margin-top: 15vw;
            margin-bottom: -5vw;
        }
    }