@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------ */

/*  Reset

/* ------------------------------------------------------------------------ */

#contentsBlock section{
	margin-bottom: 100px;
}

@media screen and (max-width: 768px){
	#contentsBlock section{
		margin-bottom: 35px;
	}
}

/*-------------------------------------------
MV
-------------------------------------------*/


#contentsBlock section#mainVisual{
}
#mainVisual > .inner {
}
#mainVisual > .inner > .left_area > h2{
}

#mainVisual > .inner > .right_area {
}

#chn #mainVisual > .inner > .right_area {
    background: linear-gradient(to left, transparent 0%, transparent 40%, #143066 100%), url(/global/chn/img/img_chn_main.jpg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

section .inner .inner_detail{
	margin-top: 40px;
	margin-bottom: 140px;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
}

@media screen and (max-width: 1100px){
	#mainVisual > .inner > .left_area {
		left: 20px;
		transform: translateY(-50%) translateX(0);
		-webkit-transform: translateY(-50%) translateX(0);
	}
}

@media screen and (max-width: 480px){
	#mainVisual > .inner > .left_area > h2 {
		font-size: 32px;
		padding: 10px 15px;
		display: block;
		text-align: center;
		font-size: 6vw;
		padding: 10px 5px;
	}
}


/* table
----------------------------------------------------*/
body#chn .tbStyle01 tr th{
	width: 300px;
	padding: 0 30px;
	font-weight: normal;
	text-align: left;
}
body#chn .tbStyle01 tr td .table_txt strong{
	display: block;
}

body#chn .tbStyle01 tr td p{
	text-align: left;
}

/* 海外グループ会社
----------------------------------------------------*/
body#chn .tbStyle01 tr td{
}
body#chn .tbStyle01 tr td .table_map{
	max-width: 160px;
	min-width: 160px;
	width: 100%;
	margin-left: 4px;
}
body#chn .tbStyle01 tr td .table_map a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #143066;
	width: 100%;
	padding: 15px 21px;
}
body#chn .tbStyle01 tr td .table_map a:hover{
	opacity: 0.8;
	text-decoration: none;
}
body#chn .tbStyle01 tr td p a{
	color: #2f2e33;
	text-decoration: underline;
}
body#chn .tbStyle01 tr td p a:hover{
	text-decoration: none;
}

.external:after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f35d";
padding: 0 0 0 4px;
}


@media screen and (max-width: 768px){
	header #headInner h1 a img {
		max-width: 90px;
	}
	body#chn .tbStyle01 tr{
		display: block;
	}
	body#chn .tbStyle01 tr th {
		width: 100%;
		padding: 10px;
		display: block;
	}
	body#chn .tbStyle01 tr th br {
		display: none;
	}
	.tbStyle01 tr:last-child th, .tbStyle01 tr:last-child td {
		border-bottom: none;
	}
	body#chn .tbStyle01 tr td {
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 500px){
	body#chn .tbStyle01 tr td {
		display: block;
		padding: 10px;
	}
	.tbStyle01 tr td p:first-child {
		margin-bottom: 1em;
	}
	body#chn .tbStyle01 tr td .table_map {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
@media (max-width: 480px){
	body#chn .tbStyle01 tr td .table_map a{
		font-size: 14px;
		padding: 10px 15px;
	}
}


/* header + footer
----------------------------------------------------*/
header #headInner h1 a {
    display: flex;
    align-items: flex-end;
	color: #666666;
	font-size: 20px;
}
header #headInner h1 a img {
	margin-right: 10px;
}
header #headInner h1 a:hover {
	text-decoration: none;
}
header div.head_right div p.contact i {
	padding-top: 0;
}

footer .foot_list >li:last-child ul {
	display: flex;
	margin-top: 15px;
}
footer .foot_list >li:last-child ul li {
	font-size: 16px;
	margin-right: 42px;
}
footer .foot_list >li:last-child ul li:last-child {
	margin-right: 0;
}
#chn footer .foot_list >li > span a {
	display: flex;
	align-items: center;
}
#chn footer .foot_list >li:last-child > ul > li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0da';
	margin-right: 6px;
}
footer .foot_copy {
    justify-content: center;
}

@media screen and (max-width: 880px){
	header #headInner h1 {
		padding: 0;
		max-width: none;
		width: 100%;
	}
	header #headInner div.head_right > div {
		margin-right: 20px;
	}
}
@media screen and (max-width: 768px){
	header #headInner h1 a {
		font-size: 15px;
	}
	.foot_list > .footer_linkBox {
		border-top: none;
	}
	.foot_list > .footer_linkBox:last-child {
		border-bottom: none;
	}
	footer .foot_list >li:last-child ul {
		display: block;
	}
	.foot_list .footer_linkBox ul li {
		margin-bottom: 0;
	}
	#chn footer .foot_list >li:last-child > ul > li::before {
		display: flex;
		align-items: center;
		padding-left: 10px;
	}
	.foot_list .footer_linkBox>span a::after {
		right: -5px;
	}
}
@media screen and (max-width: 500px){
	header #headInner h1 {
		padding: 5px 0 0;
	}
	header #headInner h1 a {
		display: block;
	}
	header #headInner h1 a img {
		display: block;
		margin-bottom: 5px;
	}
}

.fadein {
    opacity: 1 !important;
    transform: translateY(0) !important;
}