@charset "utf-8";

/*.company .txt-area {
	margin-bottom: 5vw;
}*/

.company .ovh {
	padding-top: 5vw;
	overflow: hidden;
}

.company .sec3 > .txt-area .txt {
	position: relative;
	top: 2vw;
	opacity: 0;
	transition: top .5s ease-out, opacity .5s ease-out;
	transition-delay: .5s;
}
.company .sec3 > .txt-area .txt[data-emergence=visible] {
	top: 0;
	opacity: 1;
}

.company .img--txt {
	margin-left: calc(100% - 66.667vw);
	width: 66.667vw;
	height: 49.722vw;
	background-color: #33547C;
}

.company .sec3 {
	margin-bottom: 8vw;
}

.company .ovh > section {
	position: relative;
}

.company .ovh > section:not(:last-of-type) {
	margin-bottom: 4vw;
}

.company .ovh > section:nth-of-type(even) .img--txt {
	margin-left: 0;
	background-color: #ACC5E0;
}
.company .sec3 > section:nth-of-type(3) .img--txt { background-color: #597797; }


.company .perspective {
	position: relative;
}

.company .perspective .img--txt {
	opacity: 0;
	transform: rotateY(-20deg) translateX(200px);
	transition: transform .5s ease-out, opacity .5s ease-out;
}

.company .perspective .img {
	position: absolute;
	top: 6.7vw;
	left: 0;
	width: 56.389vw;
	opacity: 0;
	transform: rotateY(20deg) translateX(-200px);
	transition: transform .5s ease-out, opacity .5s ease-out;
}

.company .ovh > section:nth-of-type(even) .perspective .img--txt {
	transform: rotateY(20deg) translateX(-200px);
}
.company .ovh > section:nth-of-type(even) .perspective .img {
	right: 0;
	left: auto;
	transform: rotateY(-20deg) translateX(200px);
	transition: transform .5s ease-out;
}

@media screen and (min-width:768px) {
.company .perspective[data-emergence=visible] .img--txt,
.company .perspective[data-emergence=visible] .img {
	opacity: 1;
	transform: rotateY(0);
}

.company .ovh > section:nth-of-type(even) .perspective[data-emergence=visible] .img--txt,
.company .ovh > section:nth-of-type(even) .perspective[data-emergence=visible] .img {
	transform: rotateY(0);
}
}

.company .perspective .img img {
	width: 100%;
	max-width: none;
}
.company .img--txt .txt-area {
	position: absolute;
	top: 50%;
	right: 15vw;
	transform: translateY(-50%);
	width: 22.778vw;
	color: #fff;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area {
	right: auto;
	left: 15vw;
}


.company .img--txt .txt-area .label {
	position: relative;
	margin-bottom: 1.5vw;
	text-align: right;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area .label { text-align: left }

.company .img--txt .txt-area .label::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 1px;
	background-color: #D6D6D6;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area .label::before { background-color: #4D4D4D; }
.company .sec3 > section:nth-of-type(3) .img--txt .txt-area .label::before { background-color: #D6D6D6; }

.company .img--txt .txt-area .label span {
	position: relative;
	display: inline-block;
	padding: .069vw .556vw;
	background-color: #33547C;
	border: 1px solid #D6D6D6;
	border-right: none;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area .label span {
	color: #4D4D4D;
	border: 1px solid #4D4D4D;
	border-left: none;
	background-color: #ACC5E0;
}
.company .sec3 > section:nth-of-type(3) .img--txt .txt-area .label span {
	border: 1px solid #D6D6D6;
	border-right: none;
	background-color: #597797;
}

.company .img--txt .txt-area .begin {
	margin-bottom: 2.5vw;
	font-size: 1.667vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area .begin { color: #4D4D4D; }

.company .img--txt .txt-area h4 {
	position: static;
	margin-bottom: 2.5vw;
	color: #667F9D;
	font-size: 2.778vw;
	opacity: 1;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area h4 { color: #C1D3E8; }
.company .sec3 > section:nth-of-type(3) .img--txt .txt-area h4 { color: #8299B1; }

.company .img--txt .txt-area .txt {
	font-size: 1.111vw;
	text-align: left;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area .txt { color: #4D4D4D; }

.tbl-wrap {
	margin: 0 auto;
	width: 69.444vw;
}

table {
	width: 100%;
}

table th,
table td {
	padding: 2.222vw 2.778vw;
	font-size: 1.528vw;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #E4E4E4;
}

table tr:first-child th,
table tr:first-child td {
	padding-top: 0;
}

table tr:last-child th,
table tr:last-child td {
	padding-bottom: 0;
	border-bottom: none;
}

table th {
	width: 23.611vw;
	color: #597797;
}

table td {
	padding-left: 0;
}

@media screen and (max-width:900px) {
.company .img--txt .txt-area {
	right: 2.5vw;
	width: 35vw;
}

.company .ovh > section:nth-of-type(even) .img--txt .txt-area {
	left: 2.5vw;
}
}

@media screen and (max-width:767px) {
.company .sub-visual {
	height: 43.207vw;
}

.company .ovh > section:not(:last-child) {
	margin-bottom: 8vw;
}

.company .sec3 > .txt-area .txt {
	margin: 0 auto;
	width: 90%;
	text-align: left;
}

.company .perspective .img--txt {
	margin-left: 0;
	padding: 8vw 0 13vw;
	width: 100%;
	height: auto;
}

.company .perspective .img--txt .txt-area {
	position: static;
	transform: none;
	width: 100%;
}

.company .perspective .img--txt .txt-area .label {
	margin-bottom: 6vw;
	overflow: hidden;
}

.company .perspective .img--txt .txt-area .label::before {
	left: 8vw;
}

.company .ovh > section:nth-of-type(even) .perspective .img--txt .txt-area .label::before {
	right: 8vw;
	left: auto;
}

.company .perspective .img--txt .txt-area .label span {
	padding-right: 8vw;
	padding-left: 2vw;
}

.company .perspective .img--txt .txt-area .begin {
	margin-bottom: 8vw;
	font-size: 6.067vw;
	font-weight: bold;
}

.company .perspective .img--txt .txt-area h4 {
	margin-bottom: 8vw;
	font-size: 10.367vw;
}

.company .perspective .img--txt .txt-area .txt {
	padding: 0 4vw;
	font-size: 4vw;
}

.company .perspective .img {
	position: static;
	margin-top: -8vw;
	width: 100%;
	text-align: left;
}

.company .perspective .img img {
	width: 93vw;
}

.company .ovh > section:nth-of-type(even) .perspective .img {
	text-align: right;
}

.company .sec3 > section:nth-of-type(3) .perspective {
	margin-bottom: 49vw;
}

.company .perspective .img--txt[data-emergence=visible],
.company .perspective .img[data-emergence=visible] {
	opacity: 1;
	transform: rotateY(0);
}

.company .ovh > section:nth-of-type(even) .perspective .img--txt[data-emergence=visible],
.company .ovh > section:nth-of-type(even) .perspective .img[data-emergence=visible] {
	transform: rotateY(0);
}

/**/
.tbl-wrap {
	position: relative;
	top: 2vw;
	padding: 0 4vw 8vw;
	width: 100%;
	opacity: 0;
	transition: top .5s ease-out, opacity .5s ease-out;
}
.tbl-wrap[data-emergence=visible] {
	top: 0;
	opacity: 1;
}

table th,
table td {
	display: block;
	width: 100%;
	font-size: 4.5vw;
}

table th {
	padding: 16px 0 8px;
	border: none;
}

table tr:first-child th {
	padding-top: 16px;
}

table td {
	padding: 0 0 16px;
	padding-left: 0;
	border-bottom: 1px solid #E4E4E4;
}

table tr:last-child td {
	padding-bottom: 16px;
}
}