@charset "UTF-8";
/* CSS Document */

.lower_main_vi1{
	background: url(/company/asset/img/lower/main_vi/ti_bg.jpg);
	background-size: cover;
	background-position: center;
}
.lower_main_vi1.collaboration_vi{
	background: url(/company/asset/img/lower/main_vi/collaboration_bg.jpg);
	background-size: cover;
	background-position: center;
}
.lower_main_vi1.newarea_vi{
	background: url(/company/asset/img/lower/main_vi/newarea_bg.jpg);
	background-size: cover;
	background-position: center;
}
.lower_main_vi1.rd_vi{
	background: url(/company/asset/img/lower/main_vi/rd_bg.jpg);
	background-size: cover;
	background-position: center;
}

.contents .cnt{
	margin-bottom: 60px;
}
.contents .cnt p.copy{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.contents .cnt p{
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	letter-spacing: 0.7px;
}
.contents .cnt h2{
	margin-bottom: 36px;
}

.cnt .column.column1{
	gap:20px;
	margin-bottom: 20px;
}
.cnt .column.column1 .col {
    width: calc(100% / 2 - 10px);
}
.cnt .column.column1 .anchor_btn{
	width: 100%;
	margin-bottom: 0px;
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    box-sizing: border-box;
}

.cnt .column h3{
	margin: 36px 0px 16px;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 144.444% */
	letter-spacing: 0.9px;
}
.cnt .column h3.h3_small{
	font-size: 1.6rem;
}
.cnt .column p{
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 175% */
	letter-spacing: 0.8px;
}
.cnt .column a p{
	font-size: 1.4rem;
}
.cnt .column{
	gap:40px;
}
.cnt .column .col{
	width: calc(100%/2 - 20px);
}
.cnt .column .txt_block{
	margin-bottom: 24px;
}
.cnt .column .link_btn{
	text-align: center;
	width: 100%;
	border: solid 1px #557EC0;
}
.cnt .column .link_btn p{
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	letter-spacing: 0.7px;
	border-bottom: none;
}
.cnt .column .pdf_btn{
	width: 100%;
	text-align: left;
	border: solid 1px #557EC0;
}
.cnt .column .pdf_btn p{
	border-bottom: none;
	text-decoration: underline;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	letter-spacing: 0.7px;
	border-bottom: none;
}
.cnt .note{
	background: #F5F5F5;
	padding: 30px;
	margin-top: 36px;
}
.cnt .note h4{
	margin-bottom: 24px;
}
.cnt .note a{
	background: #fff;
}
.cnt .note a:hover{
	background: #557EC0;
}
.cnt .txt .column{
	margin-top: 24px;
}
.cnt .column .txt .column{
	gap:20px;
}
.cnt .column .txt .column .col{
	width: calc(100%/2 - 10px);
	display: flex;
}
.cnt .note.platform .column {
	gap: 0px;
}
.cnt .note.platform .col.img {
	width: calc(100% * 0.65 - 20px);
}
.cnt .note.platform .col.txt {
	width: calc(100% * 0.35 + 20px);
}
@media only screen and (max-width: 1024px) {
	.link_btn::after{
		content: "▶︎";
		opacity: 1;
		background: none;
		color: #557EC0;
	}
	.cnt .column h3.h3_small{
		font-size: 1.4rem;
		color: #333333;
	}
	.cnt .column .pdf_btn{
		border: solid 1px #CCCCCC;
	}
}
@media only screen and (max-width: 767px) {
	.cnt h2{
		font-style: normal;
		font-weight: 700;
		line-height: 26px; /* 144.444% */
		letter-spacing: 1.08px;
	}
	.contents .cnt p{
		font-weight: 400;
		line-height: 24px; /* 171.429% */
		letter-spacing: 0.7px;
	}
	.cnt .column p{
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 24px; /* 171.429% */
		letter-spacing: 0.7px;
	}
	.column{
		display: block;
	}
	.column.col2 .col{
		width: 100%;
	}
	.column.col2 .img{
		margin-bottom: 32px;
	}
	.cnt .note.platform .col.img {
		width: 100%;
	}
	.cnt .note.platform .col.txt {
		width: 100%;
	}
	.cnt .note{
		padding: 20px;
	}
	.cnt .note h4{
		margin-bottom: 16px;
	}
	.column.col2 .txt .column{
		display: flex;
	}
	.column.col2 .txt .column .col{
		width: calc(100%/2 - 10px);
	}
	.cnt .column .link_btn{
		padding: 14px 32px 14px 16px
	}
	
	.cnt .column.column1 .col {
		width:100%;
		margin-bottom: 20px;
	}
}

.cnt .columnti .txt .column{
	margin-top: 0px;
}
.cnt .columnti .txt .column .col{
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.cnt .columnti{
		display: flex;
		flex-direction: column-reverse;
	}
	.cnt .columnti .column.column1 .col{
		margin-bottom: 0px;
	}
	.cnt .columnti .img{
		margin-bottom: 0px;
	}
}


.img_wrap {
	max-width: 100%;
	height: auto;
	display: inline-block;
	position: relative;
}
.img_wrap img {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	transition: 0.4s;
}
.img_wrap img.base {
	position: static;
	opacity: 0 !important;
	transform: none;
}
.img_wrap img.index_parts_back {
	top: 7%;
	margin-left: -3%;
	width: 47%;
}
.img_wrap img.index_parts_bottom {
	bottom: 8.5%;
	margin-left: -2%;
	width: 41%;
}
.img_wrap img.index_parts_center {
	bottom: 16%;
	margin-left: -2.5%;
	width: 21%;
}
.img_wrap img.index_parts_circle {
	bottom: 8.5%;
	margin-left: -2%;
	width: 29%;
}
.img_wrap img.index_parts_openinno01 {
	bottom: 7%;
	margin-left: 0%;
	width: 89%;
}
.img_wrap img.index_parts_openinno02 {
	bottom: 12.5%;
	margin-left: 0.5%;
	width: 82.5%;
	opacity: 0;
}
.img_wrap img.index_parts_techlink01 {
	bottom: 26%;
	margin-left: -0.5%;
	width: 51.5%;
}
.img_wrap img.index_parts_techlink02 {
	bottom: 28.75%;
	margin-left: 0.5%;
	width: 45.5%;
	opacity: 0;
}
.img_wrap img.index_parts_devaccel {
	bottom: 34%;
	margin-left: -2%;
	width: 26.5%;
}
.img_wrap img.dualdrive_parts01 {
	bottom: 21%;
	margin-left: -0.5%;
	width: 45.5%;
}
.img_wrap img.dualdrive_parts02 {
	bottom: 13%;
	margin-left: -0.5%;
	width: 49%;
	opacity: 0;
}
.img_wrap img.dualdrive_parts03 {
	top: 55%;
	margin-left: -0.5%;
	width: 59%;
	opacity: 0;
}
.img_wrap img.devaccel_parts01 {
	bottom: 6%;
	margin-left: 0%;
	width: 54.5%;
	z-index: 2;
}
.img_wrap img.devaccel_parts02 {
	bottom: 16%;
	margin-left: 0.5%;
	width: 35.5%;
	z-index: 1;
	opacity: 0;
}
.img_wrap img.devaccel_parts03 {
	bottom: 58.5%;
	margin-left: 0.5%;
	width: 37.5%;
	z-index: 2;
	opacity: 0;
}
.img_wrap img.platform_parts01 {
	bottom: 10%;
	margin-left: 0%;
	width: 26.5%;
}
.img_wrap img.platform_parts02 {
	bottom: 16%;
	margin-left: 0%;
	width: 86.5%;
	opacity: 0;
}
.img_wrap img.techlink_parts01 {
	bottom: 29.5%;
	margin-left: 0%;
	width: 100%;
}
.img_wrap img.techlink_parts02 {
	top: 37%;
	margin-left: -2%;
	width: 19%;
	opacity: 0;
}
.img_wrap img.techlink_parts03 {
	top: 40.5%;
	margin-left: -1%;
	width: 33%;
	opacity: 0;
}
.img_wrap img.openinno_parts01 {
	bottom: 3.5%;
	margin-left: -1%;
	width: 57%;
}
.img_wrap img.openinno_parts02 {
	top: 56.5%;
	margin-left: -1%;
	width: 43%;
	opacity: 0;
}
.img_wrap img.openinno_parts03 {
	top: 50.5%;
	margin-left: 0%;
	width: 70%;
	opacity: 0;
}
.img_wrap[data-hover] img {
	transition: 0.2s;
}
.img_wrap[data-hover]:not([data-hover=""]) img {
	transition: 0.4s;
}
.img_wrap[data-hover="dualdrive"] img.index_parts_bottom,
.img_wrap[data-hover="openinno"] img.index_parts_bottom {
	bottom: 7%;
	margin-left: -2%;
	width: 47%;
}
.img_wrap[data-hover="dualdrive"] img.index_parts_circle,
.img_wrap[data-hover="techlink"] img.index_parts_circle {
	bottom: 7.5%;
	margin-left: -2%;
	width: 32%;
}
.img_wrap[data-hover="openinno"] img.index_parts_openinno01 {}
.img_wrap[data-hover="openinno"] img.index_parts_openinno02 {
	opacity: 1;
}
.img_wrap[data-hover="techlink"] img.index_parts_techlink01 {}
.img_wrap[data-hover="techlink"] img.index_parts_techlink02 {
	opacity: 1;
}
.img_wrap[data-hover="devaccel"] img.index_parts_devaccel {
	bottom: 31%;
	margin-left: -2%;
	width: 31.5%;
}
.img_wrap:not(.part_index).active img {
	opacity: 1;
}
.img_wrap.active img.dualdrive_parts01 {}
.img_wrap.active img.dualdrive_parts02 {
	bottom: 9%;
	margin-left: -0.5%;
	width: 59%;
	transition: 0.8s;
}
.img_wrap.active img.dualdrive_parts03 {
	top: 51%;
	margin-left: -0.5%;
	width: 89%;
	transition: 0.8s 0.7s;
}
.img_wrap.active img.devaccel_parts01 {}
.img_wrap.active img.devaccel_parts02 {
	bottom: 16%;
	margin-left: 0.5%;
	width: 53.5%;
	transition: 0.8s;
}
.img_wrap.active img.devaccel_parts03 {
	bottom: 48%;
	margin-left: 0.5%;
	width: 69.5%;
	transition: 0.8s 0.7s;
}
.img_wrap.active img.platform_parts01 {}
.img_wrap.active img.platform_parts02 {
	bottom: 28%;
	margin-left: 0%;
	width: 86.5%;
	transition: 1.2s;
}
.img_wrap.active img.techlink_parts01 {}
.img_wrap.active img.techlink_parts02 {
	top: 30%;
	margin-left: -2%;
	width: 40%;
	transition: 0.8s;
}
.img_wrap.active img.techlink_parts03 {
	top: 33.5%;
	margin-left: -1%;
	width: 57%;
	transition: 0.8s 0.7s;
}
.img_wrap.active img.openinno_parts01 {}
.img_wrap.active img.openinno_parts02 {
	top: 35.5%;
	margin-left: -1%;
	width: 75%;
	transition: 0.8s;
}
.img_wrap.active img.openinno_parts03 {
	top: 39.5%;
	margin-left: 0%;
	width: 100%;
	transition: 0.8s 0.7s;
}

/*テーブル*/
.scroll-hint-wrapper {
  overflow-y: hidden !important;
	margin: 30px 0px;
}

.scroll-hint-icon {
  top: calc(50% - 54px) !important;
}

.sustaina-table--topcap {
  font-size: 1.4rem;
  text-align: right;
  margin-bottom: 8px;
}

.sustaina-table--bottomcap {
  font-size: 1.4rem;
  line-height: 1.3em;
}
.sustaina-table--bottomcap span {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.3em;
}
.sustaina-table--bottomcap:first-of-type {
  margin-top: 12px;
}

.sustaina-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.sustaina-table .category {
  text-align: left;
}
.sustaina-table .subcategory {
  text-align: left;
  padding-left: 2em;
}
.sustaina-table .unit {
  vertical-align: middle;
}
.sustaina-table td{
	padding-bottom: 10px;
}
.sustaina-table td {
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 1.4rem;
}
.sustaina-table td:first-of-type {
  width: 15%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 28px;
}
.sustaina-table td:nth-of-type(2) {
	width: 72.9%;
	font-size: 1.6rem;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.7px;
}
.sustaina-table td:nth-of-type(3){
	width: auto;
}
