@charset "UTF-8";

#voc .hero{
	position:relative
}
#voc .hero>img{
	width:100%;
}
#voc .hero-info-outer{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
#voc .hero-info-outer .width-l{
	position:relative;
	width:100%;
	height:100%;
}
#voc .hero-info{
	position:absolute;
	top:20%;
	left:15%;
	display:block;
	width:auto;
	color:#fff;
}
#voc .hero-info-title{
	letter-spacing:.1em;
	font-size:30px;
	font-weight:700;
	padding-bottom:1em;
}
#voc .hero-info p{
	font-size:15px;
	letter-spacing:.1em;
	line-height:2.6;
	padding-left:.2em
}

@media (max-width:768px){
	#voc .hero-info{
		top:10%;
		left:5%;
	}
	#voc .hero-info-title{
		letter-spacing:.05em;
		font-size:22px;
	}
	#voc .hero-info p{
		font-size:13px;
		line-height:2.2
	}
}

#voc .head{
	background:0 no-repeat;
	background-size:cover
}

@media (max-width:768px){
	#voc .head{
		background-position:74%
	}
}

#voc .head-inner{
	background:rgba(44,54,67,.4);
	color:#fff
}

#voc .section{
	padding:80px 64px 120px
}

@media (max-width:768px){
	#voc .section{
		padding:40px 24px 56px
	}
}

#voc .section-title{
	padding-bottom:56px;
	text-align:center
}

@media (max-width:768px){
	#voc .section-title{
		padding:4px 0 32px
	}
}

#voc .section-title span{
	display:block;
	font-size:26px;
	letter-spacing:.3em;
	padding-left:.3em
}

@media (max-width:768px){
	#voc .section-title span{
		font-size:17.5px;
		letter-spacing:.2em;
		padding-left:.2em
	}
}

#voc .section-title b{
	color:#f6d60b;
	display:block;
	font-size:23px;
	font-weight:900;
	line-height:1;
	letter-spacing:.1em;
	padding:8px 0 0 .1em
}

@media (max-width:768px){
	#voc .section-title b{
		font-size:15px
	}
}

#voc .overseas-worldmap{
	padding:56px 32px 120px
}

@media (max-width:768px){
	#voc .overseas-worldmap{
		padding:64px 38px 24px;
		position:relative
	}
}

#voc .overseas-worldmap>span{
	display:block
}

@media (min-width:769px){
	#voc .overseas-worldmap>span{
		position:relative
	}
}

@media (max-width:768px){
	#voc .overseas-worldmap>span{
		display:-webkit-box;
		display:flex;
		flex-wrap:wrap;
		margin:0 -22px
	}
}

#voc .overseas-worldmap>span>img{
	z-index:0;
	width:100%;
}

@media (min-width:769px){
	#voc .overseas-worldmap>span>img{
		position:relative
	}
}

@media (max-width:768px){
	#voc .overseas-worldmap>span>img{
		opacity:.3;
		position:absolute;
		top:0;
		left:0
	}
}

#voc .overseas-worldmap a{
	z-index:1
}

@media (min-width:769px){
	#voc .overseas-worldmap a{
		background:hsla(0,0%,100%,.2);
		opacity:0;
		position:absolute;
		width:7%
	}

	#voc .overseas-worldmap a:hover{
		opacity:1
	}

	#voc .overseas-worldmap a:after{
		content:"";
		display:block;
		padding-top:100%
	}
}

@media (max-width:768px){
	#voc .overseas-worldmap a{
		color:#231815;
		display:block;
		-webkit-box-flex:0;
		flex:0 0 33.33333%;
		font-size:12px;
		padding:0 22px 24px;
		position:relative;
		text-align:center;
		width:33.33333%
	}

	#voc .overseas-worldmap a img{
		border:1px solid #e6e6e6;
		width:100%;
	}
}

@media (min-width:769px){
	#voc .overseasWorldmap-th{
		left:31%;
		top:40%
	}

	#voc .overseasWorldmap-mm{
		top:60%;
		left:25.6%
	}

	#voc .overseasWorldmap-bg{
		top:30%;
		left:9.4%
	}

	#voc .overseasWorldmap-ph{
		top:52.4%;
		left:41%
	}

	#voc .overseasWorldmap-pe{
		top:70.5%;
		left:82.5%
	}

	#voc .overseasWorldmap-my{
		top:72%;
		left:34%
	}

	#voc .overseasWorldmap-ng{
		top:60%;
		left:4.6%
	}

	#voc .overseasWorldmap-af{
		top:30.4%;
		left:21.6%
	}

	#voc .overseasWorldmap-uk{
		top:12.8%;
		left:2.6%;
		height:16%;
	}

	#voc .overseasWorldmap-fr{
		top:42.2%;
		left:-0.3%
	}
}

#voc .overseas-items>li{
	padding:0 56px
}

@media (max-width:768px){
	#voc .overseas-items>li{
		padding:0 26px 0 20px
	}

	#voc .overseas-items>li:first-child .overseasItem-flags{
		margin-top:-16px
	}
}

#voc .overseas-items>li:nth-child(2n-1){
	background:#f0f0f0
}

#voc .overseas-items .width-l{
	padding:180px 0 80px;
	position:relative
}

@media (max-width:768px){
	#voc .overseas-items .width-l{
		padding:40px 0 48px
	}
}

@media (min-width:769px){
	#voc .overseasItem-inner{
		border-left:1px solid #231815;
		display:-webkit-box;
		display:flex;
		flex-wrap:wrap;
		margin-left:42px;
		padding-left:30px
	}
}

#voc .overseasItem-en{
	font-size:30px;
	font-weight:700;
	left:0;
	line-height:1;
	letter-spacing:.1em;
	margin-left:30px;
	position:absolute;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transform-origin:top left;
	transform-origin:top left;
	top:180px
}

@media (max-width:768px){
	#voc .overseasItem-en{
		font-size:17px;
		margin-left:-7px;
		top:0
	}
}

@media (min-width:769px){
	#voc .overseasItem-flags{
		width:296px
	}

	#voc .overseasItem-flags img{
		margin:0 auto 4px 0;
		width:120px;
	}
}

@media (max-width:768px){
	#voc .overseasItem-flags{
		font-size:12px;
		padding:0 0 16px;
		position:relative;
		z-index:1
	}

	#voc .overseasItem-flags img{
		-webkit-box-ordinal-group:2;
		order:1;
		margin:0;
		width:60px
	}
}

@media (min-width:769px){
	#voc .overseasItem-flags>span{
		display:block;
		font-size:24px
	}

	#voc .overseasItem-flags>span+span{
		margin-top:20px
	}
}
#voc .overseasItem-flags>span>span{
	font-weight:700;
}
@media (max-width:768px){
	#voc .overseasItem-flags>span{
		-webkit-box-align:center;
		align-items:center;
		display:-webkit-box;
		display:flex;
		-webkit-box-pack:end;
		justify-content:flex-end
	}

	#voc .overseasItem-flags>span+span{
		margin-top:8px
	}

	#voc .overseasItem-flags>span span{
		-webkit-box-ordinal-group:1;
		order:0;
		padding-right:12px
	}
}

#voc .overseasItem-flags p{
	line-height:1.8;
	padding-top:8px;
	padding-right:12px;
	text-align:left;
}

@media (max-width:768px){
	#voc .overseasItem-flags p{
		font-size:12px;
		padding:16px 0 0 55px
	}
}

@media (min-width:769px){
	#voc .overseasItem-content{
		-webkit-box-flex:1;
		flex:1;
		margin-top:-80px;
		letter-spacing:0.05em;
	}
}

@media (max-width:768px){
	#voc .overseasItem-content{
		border-left:1px solid #231815;
		font-size:12px;
		margin-left:24px;
		padding-left:30px;
		position:relative;
		z-index:1
	}
}

#voc .overseasItem-content ul{
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	justify-content:space-between;
	padding-bottom:10px
}

#voc .overseasItem-content li{
	background:50% no-repeat;
	background-size:cover;
	margin-bottom:4px;
	width:calc(50% - 2px)
}

#voc .overseasItem-content li:after{
	content:"";
	display:block;
	padding-top:67%
}

#voc .overseasItem-content ul.three li:after{
	display:none
}

#voc .overseasItem-content ul.three div{
	background:50% no-repeat;
	background-size:cover;
	margin-bottom:4px;
	width:100%
}

#voc .overseasItem-content ul.three div:after{
	content:"";
	display:block;
	padding-top:67%
}

#voc .overseasItem-content ul.five li:first-child,#voc .overseasItem-content ul.five li:nth-child(2),#voc .overseasItem-content ul.five li:nth-child(3){
	width:calc(33.33333% - 2px)
}

#voc .overseasItem-content ul.five li:first-child:after,#voc .overseasItem-content ul.five li:nth-child(2):after,#voc .overseasItem-content ul.five li:nth-child(3):after{
	padding-top:100%
}

#voc .overseasItem-content ul.five2 li:last-child,#voc .overseasItem-content ul.five2 li:nth-child(3),#voc .overseasItem-content ul.five2 li:nth-child(4){
	width:calc(33.33333% - 2px)
}

#voc .overseasItem-content ul.five2 li:last-child:after,#voc .overseasItem-content ul.five2 li:nth-child(3):after,#voc .overseasItem-content ul.five2 li:nth-child(4):after{
	padding-top:100%
}

#voc .overseasItem-content p{
	line-height:1.8
}

@media (min-width:769px){
	#voc .overseasItem-voice{
		-webkit-box-align:start;
		align-items:flex-start;
		-webkit-box-flex:0;
		flex:0 0 100%;
		display:-webkit-box;
		display:flex;
		padding-top:40px;
		width:100%;
		flex-wrap:wrap;
	}
}

@media (max-width:768px){
	#voc .overseasItem-voice{
		padding-top:24px;
		position:relative
	}
}

#voc .overseasItemVoice-man{
	position:relative;
	width:100px
}

@media (max-width:768px){
	#voc .overseasItemVoice-man{
		bottom:16px;
		left:-10px;
		position:absolute;
		width:70px;
		z-index:1
	}
}

#voc .overseasItemVoice-man img{
	margin-left:-10px;
	width:100px;
}

@media (max-width:768px){
	#voc .overseasItemVoice-man img{
		margin-left:-7px
	}
}

#voc .overseasItemVoice-man span{
	color:#fff;
	font-size:16px;
	line-height:1;
	display:block;
	left:-10px;
	position:absolute;
	top:94px;
	text-align:center;
	width:100%
}

@media (max-width:768px){
	#voc .overseasItemVoice-man span{
		font-size:12px;
		left:-7px;
		line-height:.9;
		top:66px
	}
}

#voc .overseasItemVoice-man small{
	display:block;
	font-size:13px;
	padding:4px 0
}

@media (max-width:768px){
	#voc .overseasItemVoice-man small{
		font-size:12px
	}
}

#voc .overseasItemVoice-man b{
	display:block;
	font-size:19px
}

@media (max-width:768px){
	#voc .overseasItemVoice-man b{
		font-size:14px
	}
}

#voc .overseasItemVoice-title{
	color:#2859b0;
	font-size:24px;
	padding-bottom:6px;
	font-weight:bold;
}

@media (max-width:768px){
	#voc .overseasItemVoice-title{
		font-size:14px;
		line-height:1.6
	}
}

#voc .overseasItemVoice-inner{
	background:#dfe6f3;
	border-radius:10px;
	-webkit-box-flex:1;
	flex:1;
	position:relative
}
#voc .overseasItemVoice-inner p{
	letter-spacing:0.05em;
}
@media (max-width:768px){
	#voc .overseasItemVoice-inner{
		font-size:12px;
		line-height:1.8;
		padding:18px 18px 18px 40px;
		margin-left:22px;
		min-height:160px;
	}
}

@media (min-width:769px){
	#voc .overseasItemVoice-inner{
		line-height:1.8;
		padding:24px 32px 32px 40px;
		margin-left:16px;
		font-size:15px;
	}

	#voc .overseasItemVoice-inner:before{
		border:20px solid transparent;
		border-right-color:#dfe6f3;
		border-width:8px 20px;
		content:"";
		position:absolute;
		right:100%;
		top:40%
	}
}

#voc .overseasItem-map{
	left:0;
	position:absolute;
	top:0;
	width:264px;
}

@media (max-width:768px){
	#voc .overseasItem-map{
		left:8px;
		width:180px
	}
}

#voc .overseasItemVoice-headtext{
	width:100%;
	color:#2859b0;
	letter-spacing:0.1em;
	padding-bottom:6px;
}
#voc .overseas-items>li#europe-title{
	background:initial;
	padding:0;
}
#voc .overseas-items>li#europe-title h2{
	padding:1em 0;
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#fff;
	background:#425b79;
}

#voc .overseasItemVoice-messagetext{
	width:100%;
	color:#2859b0;
	font-size:20px;
	padding-bottom:6px;
	font-weight:bold;
	text-align:center;
}
@media (max-width:768px){
	#voc .overseasItemVoice-messagetext{
		font-size:16px;
	}
}
#voc .overseasItemVoice-inner p + p{
	padding-top:1em;
}