#main_title {position: relative;}
	
	section:nth-of-type(1) {text-align: center;}
	section:nth-of-type(1) h2 {position: relative; display: inline-block; color: #fff;}
	section:nth-of-type(1) h2:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff;}
	section:nth-of-type(1) p {text-align: center; color: #fff;}
	
	section:nth-of-type(2) {width: 100%; background: url("/common/images/global/map.png") no-repeat center top #f7f8f8;}
	section:nth-of-type(2) .contentArea {height: auto; padding-top: 0;}
	
	#pinArea {position: relative; margin: 0 auto;}
	
/* ============================================================================== PC === */

@media print, screen and (min-width: 769px) {

	.contents-header {background: url("/common/images/global/title_bg.png") no-repeat center bottom #dff0f7;}
	.contents-header h1 {width: 200px; height: 30px; margin: 70px auto 0;}
	.contents-header h1 img {width: 100%; height: auto;}
	
	section:nth-of-type(1) {padding: 50px 0; text-align: center;}
	section:nth-of-type(1) h2 {position: relative; display: inline-block; margin-bottom: 20px; padding: 0 20px 15px; font-size: 20px; color: #fff; line-height: 1.5em;}
	section:nth-of-type(1) h2:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff;}
	section:nth-of-type(1) p {font-size: 15px; text-align: center; color: #fff;}
	
	section:nth-of-type(2) {height: 660px; margin-bottom: 60px; background-size: 1000px 660px;}
	
	#pinArea {width: 1000px; height: 660px;}
	.defs {display: none;}
	.pin-icon {position: absolute; width: 18px; height: 30px; fill: #141C90; z-index: 30;}
	.pin-icon a {display: block; width: 100%; height: 100%;}
	
	#pinAll {position: relative; left: 0; top: -20px; opacity: 0;}
	
	/*
	.pin-icon a {
		transition: fill .15s linear;
		-webkit-transition: fill .15s linear;
		-moz-transition: fill .15s linear;
		-ms-transition: fill .15s linear;
	}
	.pin-icon a:hover {fill: #f00;}
	*/
	
	#area1 {left: 780px; top: 240px;}					/* アメリカ合衆国 */
	#area2 {left: 882px; top: 302px;}					/* ドミニカ共和国 */
	#area3 {left: 912px; top: 327px;}					/* トリニダード・トバゴ */
	#area4 {left: 800px; top: 300px;}					/* メキシコ */
	#area5 {left: 880px; top: 440px;}					/* チリ */
	#area6 {left: 395px; top: 377px;}					/* インドネシア */
	#area7 {left: 200px; top: 290px;}					/* サウジアラビア */
	#area8 {left: 368px; top: 352px;}					/* シンガポール */
	#area9 {left: 470px; top: 250px;}					/* 日本 */
	#area10 {left: 220px; top: 282px;}					/* バーレーン */
	#area11 {left: 424px; top: 325px;}					/* フィリピン */
	#area13 {left: 56px; top: 184px;}					/* アイルランド */
	#area14 {left: 75px; top: 186px;}					/* イギリス */
	#area17 {left: 142px; top: 240px;}					/* ギリシャ */
	#area18 {left: 64px; top: 250px;}					/* ジブラルタル */
	#area15 {left: 122px; top: 200px; z-index: 34;}		/* オーストリア */
	#area20 {left: 127px; top: 190px; z-index: 33;}		/* チェコ */
	#area19 {left: 140px; top: 193px; z-index: 32;}		/* スロバキア */
	#area26 {left: 132px; top: 180px; z-index: 31;}		/* ポーランド */
	#area21 {left: 110px; top: 186px;}					/* ドイツ */
	#area12 {left: 180px; top: 256px; z-index: 37;}		/* レバノン */
	#area16 {left: 172px; top: 250px; z-index: 36;}		/* キプロス */
	#area22 {left: 167px; top: 240px; z-index: 35;}		/* トルコ */
	#area23 {left: 157px; top: 134px;}					/* フィンランド */
	#area24 {left: 82px; top: 210px;}					/* フランス */
	#area25 {left: 92px; top: 194px;}					/* ベルギー */
	#area27 {left: 121px; top: 250px;}					/* マルタ */
	#area28 {left: 390px; top: 150px;}					/* ロシア */
	#area29 {left: 72px; top: 340px;}					/* ガーナ */
	#area30 {left: 146px; top: 447px;}					/* 南アフリカ共和国 */
	
	#pinArea h3 {display: none;}
	#pinArea ul {list-style-type: none;}
	#pinArea li {display: none; position: absolute; width: 80px; height: 130px; z-index: 90;}
	
}

/* ============================================================================== SP === */

@media screen and (max-width: 768px) {
	
	.contents-header .contentArea {padding: 10% 5%;}
	.contents-header {background: url("/common/images/global/sp_title_bg.png") no-repeat center bottom; background-size: cover;}
	.contents-header .contentArea {padding: 6% 5%;}
	.contents-header h1 {width: auto; height: 10rem; margin: 0 auto; text-align: center;}
	.contents-header h1 img {width: auto; height: 100%;}
	
	section:nth-of-type(1) {padding: 3rem 5%;}
	section:nth-of-type(1) h2 {margin-bottom: 1.5rem; padding: 0 5% 1.5rem; font-size: 15px; line-height: 1.5em;}
	section:nth-of-type(1) p {padding: 0 5%; font-size: 13px; text-align: justify;}
	section:nth-of-type(1) p br {display: none;}
	
	section:nth-of-type(2) {height: auto; margin-bottom: 6rem; background-size: 400% auto; background-repeat: repeat-y;}
	
	#pinArea {width: 100%; height: auto;}
	.defs, svg {display: none;}
	
	#pinArea h3 {margin: 4rem 0 1rem; text-align: center; font-size: 18px;}
	#pinArea {padding: 5% 0; box-sizing: border-box;}
	#pinArea ul {list-style-type: none; text-align: center;}
	#pinArea li {display: inline-block; vertical-align: top; width: 8.2rem; margin: 2%;}
	
}