/* CSS Document */

.l-overseas_header{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
}

.p-overseas_pagetop{
	background-color: rgba(68,122,172,0);
	transition: background-color 0.3s, box-shadow 0.3s;
}
.p-overseas_pagetop.is-fixed,
.p-overseas_pagetop:hover{
	background-color: rgba(68,122,172,1);
}

h1.p-overseas_pagetop__logo,
.p-overseas_gnav__item>a{
	text-shadow: 1px 1px 4px rgb(0 0 0 / 70%), 2px 3px 24px rgb(0 0 0 / 18%);
	transition: all 0.3s;
}
.sp h1.p-overseas_pagetop__logo,
.sp .p-overseas_gnav__item>a{
	text-shadow: none;
}
.p-overseas_pagetop:hover h1.p-overseas_pagetop__logo,
.p-overseas_pagetop.is-fixed h1.p-overseas_pagetop__logo,
.p-overseas_pagetop:hover .p-overseas_gnav__item>a,
.p-overseas_pagetop.is-fixed .p-overseas_gnav__item>a{
	text-shadow: none;
}
.p-overseas_gnav__item.current>a {
	background-color: rgba(0,0,0,0.5);
}
.p-overseas_pagetop:hover .p-overseas_gnav__item.current>a,
.p-overseas_pagetop.is-fixed .p-overseas_gnav__item.current>a{
	background-color: #375d94;
}

.sp .l-overseas_header{
	position: inherit;
}

.l-overseas_main .p-overview_main h1.p-lev2{
	padding-top: 2.25rem;
}
.sp .l-overseas_main .p-overview_main h1.p-lev2{
	padding-top: 1rem;
}

/*About Us: Overview*/
.p-overview_ctg_box{
	/*box-shadow: 2px 3px 32px -3px rgba(0,0,0,0.6);*/
}
.sp .p-overview_ctg_box{
	box-shadow: none;
}

h3.p-overview_ctg,
h3.p-fact_sheet__heading,
h3.p-division__heading{
	font-size: 1.75rem;
	line-height: 1;
	text-align: center;
}
h3.p-overview_ctg{
	color: #fff;
	padding: 1.4375rem 0;
	font-weight: 400;
	letter-spacing: 0.03em;
	position: relative;
}
h3.p-overview_ctg::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px; left: 0px;
	/*mix-blend-mode: multiply;*/
}
h3.p-overview_ctg.const::before{
	background-color: #1F8C7F;
}
h3.p-overview_ctg.dev::before{
	background-color: #666EBC;
}
h3.p-overview_ctg>span{
	position: relative;
}
h3.p-fact_sheet__heading,
h3.p-division__heading{
	padding: 0.75rem 0 0.875rem;
	margin-bottom: 2.5rem;
}
h3.p-division__heading{
	margin-bottom: 2rem;
}
.p-fact_sheet{
	background-color: #E5E7EA;
	padding: 2.25rem 0 2.5rem;
	/*padding: 1rem 30px 30px;*/
}
.p-fact_sheet__heading{
	margin-bottom: 1rem;
}
.p-fact_sheet__graph{
	flex: 0 0 auto;
	width: 360px;
	transform: translateY(40px);
	opacity: 0;
}
.p-fact_sheet .is-appear>.p-fact_sheet__graph{
	transform: translateY(0px);
	opacity: 1;
}
.p-fact_sheet .is-appear>.p-fact_sheet__graph:nth-of-type(1){
	transition: all 0.6s 0.1s;
}
.p-fact_sheet .is-appear>.p-fact_sheet__graph:nth-of-type(2){
	transition: all 0.6s 0.2s;
}
.p-fact_sheet .is-appear>.p-fact_sheet__graph:nth-of-type(3){
	transition: all 0.6s 0.3s;
}
/*
.p-fact_sheet{
}*/

/*p-overview_main*/
.p-overview_main{
	padding: 0 0 1rem;
	overflow: hidden;
}
.l-overseas_main .p-lev2_title_bar{
	position: relative;
	/*margin-bottom: 2rem;*/
	/*background-color: rgba(38,64,96,0.2);*/
	background-color: transparent;
	opacity: 0;
	transition: all 0.6s 0.5s;
}
.l-overseas_main .p-overview_main.is-appear .p-lev2_title_bar{
	opacity: 1;
}

.sp .l-overseas_main .p-lev2_title_bar{
	background-color: #375D94;
}

.p-overview_main::before{
	content: "";
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 330px;
	background: url("/english/tech/overseas/about_us/overview/images/bg_overview.jpg") no-repeat 50% 50%;
	background-size: cover;
	transform: translateY(-30px);
	opacity: 0;
	transition: all 0.6s 0.5s;
}
.p-overview_main.is-appear::before{
	transform: translateY(0);
	opacity: 1;
}
.p-overview_main .p-overview{
	position: relative;
}
.sp .p-overview_main::before{
	display: none;
}

.p-overview__lede{
	padding: 1.125rem 0 4rem;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	text-align: center;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.9),4px 6px 30px rgba(0,0,0,0.6);
	position: relative;
	transform: translateY(-30px);
	opacity: 0;
	transition: all 0.8s 0.3s;
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
}
.is-appear .p-overview__lede{
	opacity: 1;
	transform: translateY(0px);
}

.sp .p-overview__lede{
	padding: 1.5rem 0 1.5rem;
	color: #212121;
	text-shadow: none;
	font-size: 1rem;
	text-align: left;
	opacity: 1;
	transform: translateY(0px);
}

/*p-division*/
.p-division{
	padding-top: 2.25rem;
	padding-bottom: 3.25rem;
	background-color: #EAF1FA;
}
.p-division_heading_area{
	position: relative;
	background: url("/english/tech/overseas/about_us/overview/images/img_diivision_main.jpg") no-repeat 50% 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 200px;
}
.p-division_heading_area::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px; left: 0px;
	background-color: rgba(55,93,148,0.5);
	mix-blend-mode: multiply;
}

.p-division_heading_area h2.p-division_heading{
	font-size: 1.75rem; color: #fff;
	text-align: center;
	padding: 1.25rem 1rem 1.25rem;
	line-height: 1.5;
	position: relative;
}

/*sp*/

.sp h3.p-overview_ctg,
.sp h3.p-fact_sheet__heading,
.sp h3.p-division__heading{
	font-size: 1.375rem;
	padding: 0.75rem 0.25rem 0.75rem 0;
}
.sp h3.p-fact_sheet__heading,
.sp h3.p-division__heading{
	margin-bottom: 1.5rem;
	line-height: 1.5;
}
.sp .p-overview h3{
	text-align: center;
}
.sp .p-fact_sheet{
	padding: 1.25rem 30px 1rem;
}
.sp .p-fact_sheet__graph{
	width: 90%;
	margin: 0 auto 1rem;
}

.sp .p-division{
	padding-top: 1.25rem;
	padding-bottom: 2rem;
}