/*********************************************************
  =Foundation
---------------------------------------------------------- */

.sp .p-overseas_body{
	font-family:"Fira Sans","Noto Sans JP","メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size: 0.9375rem;
	letter-spacing: 0em;
	-webkit-text-size-adjust:100%;
}

/**********************************************************
  =Layout
---------------------------------------------------------- */

.sp header,footer,main{
	min-width: inherit;
}
.sp .l-overseas_bottom{
	min-width: inherit;
}
.sp .l-overseas_bottom .bottom{
	width: 100%;
}

/*********************************************************
  =Object
---------------------------------------------------------- */

/*component*/

/*heading*/
.l-overseas_main h1{
	letter-spacing: 0.01em;
}
.l-overseas_main h1.p-main_title,
.l-overseas_main .p-ctg_label{
	font-size: 2.125rem;
	text-align: center;
}
.sp .l-overseas_main .p-ctg_label{
	font-size: 2rem;
	padding-top: 10px;
	padding-bottom: 16px;
	padding-right: 0.125rem;
}
.sp .l-overseas_main .p-ctg_label.c-jp{
	font-size: 1.675rem;
	padding-top: 0.875rem;
	padding-bottom: 1.125rem;
}
.sp .l-overseas_main h1.p-lev2{
	font-size: 1.75rem;
}

.l-overseas_main h2{
	font-size: 1.625rem;
	letter-spacing: 0.02em;
}
.l-overseas_main h2.c-medium{
	font-size: 1.25rem;
}
.l-overseas_main h3{
	font-size: 1.125rem;
}
.l-overseas_main h3.c-small{
	font-size: 1rem;
}
.l-overseas_main h4{
	font-size: 1rem;
}
h2.p-main_heading,
h2.p-sub_heading{
	font-size: 1.75rem;
}
h2.p-main_heading{
	padding-top: 2.125rem;
	padding-right: 0.25rem;
}
h2.p-sub_heading,
h3.p-sub_heading{
	text-align: center;
	padding-right: 0.25rem;
	font-size: 1.125rem;
}

h2.p-main_heading::before,
h2.p-sub_heading::before,
h3.p-sub_heading::before{
	left: 50%;
	margin-left: -52px;
	background-size: 75%;
	background-position: 50% 0;
}

/*layout*/
.sp .c-inner--bodyWidth{
	width: 100%;
	padding-left: 4%;
	padding-right: 4%;
}

.c-flex--between{
	display: inherit;
}
.c-flex--start{
	display: inherit;
}
.c-flex--end{
	display: inherit;
}
.c-flex--center{
	display: inherit;
}

.sp .c-mb--1{
	margin-bottom: 1.25rem !important;
}
.sp .c-mb--2{
	margin-bottom: 2rem !important;
}
.sp .c-mb--3{
	margin-bottom: 3rem !important;
}
.sp .c-mt--1{
	margin-top: 1.25rem !important;
}
.sp .c-mt--2{
	margin-top: 2rem !important;
}
.sp .c-mt--3{
	margin-top: 3rem !important;
}

.sp .c-caption{
	font-size: 0.75rem;
}
.sp .c-small_txt{
	font-size: 75%;
}

.sp .c-bn_btn.c-arrow_right::after{
	right: 10px;
}

.sp .c-link a.c-small{
	font-size: 0.8125rem;	
}
a.c-pdf::after,
a.c-blank::after{
	width: 12px;
	height: 12px;
	margin: 0 0.125rem -2px 0.125rem;
}

/*grid col*/
.col2 .c-col,
.col3 .col2 .c-col,
.col4 .col2 .c-col,
.col5 .col2 .c-col{
	width:100%;}

.col3 .c-col,
.col2 .col3 .c-col,
.col4 .col3 .c-col,
.col5 .col3 .c-col{
width:75%;
margin-left: auto; margin-right: auto;}
.col3 .c-col.span-2 {
width:100%;}

.col4 .c-col,
.col2 .col4 .c-col,
.col3 .col4 .c-col,
.col5 .col4 .c-col {
width:75%;
margin-left: auto; margin-right: auto;}
.col4 .c-col.span-2 {
width:100%;}
.col4 .c-col.span-3 {
width:100%;}

.col5 .c-col,
.col2 .col5 .c-col,
.col3 .col5 .c-col,
.col4 .col5 .c-col{
width:100%;}
.col5 .c-col.span-2 {
width:100%;}
.col5 .c-col.span-3 {
width:100%;}
.col5 .c-col.span-4 {
width:100%;}

.sp .c-box_article.c-padding{
	padding: 1.125rem;
}
.c-col.c-narrow{
	width: 75%;
	margin-left: auto; margin-right: auto;
}
.c-col.c-narrow--60{
	width: 60%;
	margin-left: auto; margin-right: auto;
}
/*  Project
---------------------------------------------------------- */

.sp .p-overseas_pagetop{
	min-width: inherit;
	background-color: #447AAC;
}
.sp .p-overseas_pagetop__inner{
	width: 100%;
	padding: 0.625rem 0.25rem 0.875rem 0;
	text-align: center;
	line-height: 1;
}

.sp h1.p-overseas_pagetop__logo{
	margin: 0.25rem auto;
	font-size: 1.125rem;
	padding-left: 0.5rem;
}

/*p-overseas_gnav*/
.sp .p-overseas_gnav{
	display: block;
	margin-top: 0;
	position: absolute;
	width: 100%;
	height: auto;
	overflow-y: auto;
	top:100%;
	left: 0px;
	background-color: #375D94;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.4);
	padding: 0 0.75rem 2rem;
	transition: all 0.4s;
	opacity: 0;
}
.sp .p-overseas_gnav.open{
	opacity: 1;
}
.sp .p-overseas_gnav__item{
	width: 100%;
	text-align: center;
	margin: 0;
	border-bottom: #447AAC 1px solid;
	font-size: 1.125rem;
	font-weight: 400;
}
.sp .p-overseas_gnav__item:last-of-type{
	border-bottom: none;
}
.sp .p-overseas_gnav__item.jp{
	font-size: 0.9375rem;
}
.sp .p-overseas_gnav__item>a{
	display: block;
	padding: 1.25rem 1.125rem 1.4375rem;
	transition: inherit;
	position: relative;
}
.sp .p-overseas_gnav__item.current>a{
	background-color: inherit;
}
.sp .p-overseas_gnav__item:hover>a{
	background-color: inherit;
}
.sp .p-overseas_gnav__item:hover .p-overseas_gnav__pulldown{
	border: none;
}

.sp .p-overseas_gnav__item>a.has_child:before{
	content:"";
	position: absolute;
	width: 6px; height: 12px;
	background: url("/english/tech/overseas/common/images/arrow_right_s_wh.svg") no-repeat 50% 50%;
	top:50%; right: 10px;
	margin-top: -8px;
	transform: rotate(90deg);
	transition: transform 0.4s;
}
.sp .p-overseas_gnav__item>a.has_child.is-open:before{
	transform: rotate(-90deg);
}

.sp .p-overseas_gnav__pulldown{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;	
	position: static;
	width: 100%;
	height: auto;
	background-color: inherit;
	box-shadow: none;
	font-size: 0.8125rem;
	overflow: visible;
	opacity: 1;
	transition: inherit;
	padding-bottom: 1rem;
}

.sp .p-overseas_gnav__pulldown_wrap{
	height: 0px;
	overflow: hidden;
	transition: height 0.4s;
}

.sp .p-overseas_gnav__pulldown li{
	flex: 0 0 auto;
	width: calc((100% - 0.5rem)/2);
	border: #447AAC 1px solid;
	margin: 0.25rem 0.5rem 0.25rem 0;
	background-color: #375D94;
	box-shadow: 1px 2px 8px -2px rgba(0,0,0,0.15);
}
.sp .p-overseas_gnav__pulldown li:nth-of-type(2n){
	margin-right: 0;
}

.sp .p-overseas_gnav__pulldown li a{
	color: #fff;
	font-weight: 400;
	transition: inherit;
	padding: 0.4375rem 0.25rem;
	width: 100%;
	height: 100%;
	border-left: none;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.sp .p-overseas_gnav__pulldown li.current a,
.sp .p-overseas_gnav__pulldown li a:hover
{
	background-color: inherit;
}

.sp .p-overseas_gnav__icon{
	position: absolute;
	width:70px;
	height: 100%;
	top:0px;
	right: 0px;
	transition: background-color 0.3s;
}

.sp .p-overseas_gnav__icon span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 22px;
	height: 2px;
	background-color: #fff;
	left: 24px;
	transition: all 0.4s;
}
.sp .p-overseas_gnav__icon span:nth-of-type(1) {
	top: 13px;
}
.sp .p-overseas_gnav__icon span:nth-of-type(2) {
	top: 21px;
}
.sp .p-overseas_gnav__icon span:nth-of-type(3) {
	top: 29px;
}

.sp .p-overseas_gnav__icon.open span:nth-of-type(1) {
	transform: translateY(8px) rotate(-45deg);
}
.sp .p-overseas_gnav__icon.open span:nth-of-type(2) {
	opacity: 0;
  transform: translateX(8px);
}
.sp .p-overseas_gnav__icon.open span:nth-of-type(3) {
	transform: translateY(-8px) rotate(45deg);
}

.sp .p-overseas_gnav__item.contact{
	border-left:none;
	padding-left:0px;
	margin-left: 0px;
	font-size: 0.875rem;
}
/*gnav: lang_switch*/
.sp .p-overseas_gnav__item.lang_switch{
	border-left:none;
	padding-left:0px;
	margin-left: 0px;
}
.sp .p-overseas_gnav__item.lang_switch>a{
	display: none;
}
.sp .p-overseas_gnav__item.lang_switch .p-overseas_gnav__pulldown{
	display: flex;
	justify-content: center;
	position: static;
	padding: 0.5rem 0;
}
.sp .p-overseas_gnav__item.lang_switch .p-overseas_gnav__pulldown li{
	display: block;
	flex: 0 0 auto;
	width: 25%;
}
.sp .p-overseas_gnav__item.lang_switch .p-overseas_gnav__pulldown li a{
	padding-left: 0rem;
	padding-right: 0rem;
	padding-top: 2rem;
	width: auto;
	background-image: url("/english/tech/overseas/common/images/lang_sw/icon_lang_sw.svg");
	background-repeat: no-repeat;
	background-position: 50% 0.25rem;
	font-weight: 300;
}
.sp .p-overseas_gnav__item.lang_switch .p-overseas_gnav__pulldown li.current{
	display: none;
}

/*p-thumb_link*/
.p-thumb_link{
	display: inherit;
}
.p-thumb_link__img{
	width: 100%;
}
.p-thumb_link__txt{
	width: 100%;
	position: relative;
	padding: 0.75rem 1.25rem 0.8125rem;
}
.sp .c-arrow_right .p-thumb_link__txt{
	padding-left:2rem;
	padding-right:2.25rem;
	text-align: center;
}
.sp .p-thumb_link.c-arrow_right::after{
	display: none;
	width: 24px;
}
.sp .p-thumb_link.c-arrow_right .p-thumb_link__txt::after{
	content: "";
	display: block;
	width: 14px;
	height: 24px;
	background: url("../images/arrow_right_m_red.svg") no-repeat 0px 50%;
	position: absolute;
	right: 10px; top: 50%;
	margin-top: -12px;
}
.sp .p-thumb_link.c-arrow_right.small::after{
	width: 14px;
	height: 24px;
	background: url("../images/arrow_right_m_red.svg") no-repeat 0px 50%;
	position: absolute;
	right: 24px; top: 50%;
	margin-top: -12px;
}
.p-thumb_link h3{
	font-size: 1.125rem;
}
.p-thumb_link h4{
	margin-bottom: 0.125rem;
}

/*p-person_data*/
.sp .p-person_data{
	font-size: 0.8125rem;
}
.sp .p-person_data__name{
	font-size: 1.375rem;
}
.sp .p-person_data__name .p-en{
	font-size: 0.8125rem;
}

/**/
.sp .p-thumb_link__img.large{
	width: 100%;
}
.sp .p-thumb_link__img.small{
	width: 100%;
}

/*p-rel_link*/

.p-rel_link{
	display: inherit;
}
.p-rel_link dt{
	width: 100%;
}
.p-rel_link dt h3,
.p-rel_link h4{
	font-size: 1rem;
}
.p-rel_link dd{
	width: 100%;
	padding: 0.75rem 1.25rem 0.125rem !important;
}
.p-rel_link__list li{
	padding-left: 0;
	padding-right: 0;
	font-size: 0.8125rem;
}
.p-rel_link__list.col2 li{
	width: 100%;
}

/*link_box*/
.sp .p-link_box::before{
	/*display: none;*/
	width: 12px;
	height: 22px;
	right: 12px;
	background-size: 100%;
	margin-top: -12px;
}
.sp .p-link_box.c-large{
	padding: 1.125rem 0 1.375rem;
}

/*p-overseas_bnav*/

.p-overseas_bnav h3.p-bnav_heading{
	font-size: 1.875rem;
	text-align: center;
	padding-top: 1rem;
	padding-right: 0.25rem;
}
.p-overseas_bnav .p-projects_nav h2.p-sub_heading{
	margin-top: 2rem;
}

/*feature_bn*/
.sp .p-feature_bn__btn{
	width: 100%;
	padding: 1.3125rem 0 1.75rem;
}
.sp .p-feature_bn__btn::before{
	display: none;
}
.sp .p-feature_bn__label{
	font-size: 1.75rem;
	padding: 0rem 0 0.4375rem;
}
.sp .p-feature_bn__btn h2{
	font-size: 2rem;
	line-height: 1.3;
	letter-spacing: 0;
}

/*p-overseas_contact*/

.sp .p-overseas_contact__btn{
	font-size: 1.125rem;
	width: 100%;
}
.sp .p-overseas_contact__btn .en{
	font-size: 2rem;
}

/*p-footer_rel_link*/
.sp .p-footer_rel_link{
	display: none;
}
.sp #overseas_top .p-footer_rel_link{
	display: block;
}
.sp .p-footer_rel_link .c-bn_btn{
	margin-bottom: 1.5rem;
}

.sp .p-sns_accounts__area{
	display: block;
}
.sp .p-sns_accounts__label{
	text-align: center;
	margin-right: 0;
	margin-bottom: 1rem;
	border-right: none;
	padding: 0;
}
.sp .p-sns_accounts__area dd{
	padding-left: 0 !important;
}
.sp .p-sns_accounts__icon{
	display: block;
	/*justify-content: center;*/
	width: 75%;
	margin: 0 auto;
}
.sp .p-sns_accounts__icon li{
	margin: 0;
}

/* Utility
--------------------------------------------*/

br.u-spBr{
	display:inline;
}
.sp .u-fullWidth{
	width: 108.6% !important;
	margin-left: -4.3% !important;
	margin-right: -4.3% !important;
}
.sp .u-spNone{
	display: none;
}