@charset "utf-8";

* { -webkit-text-size-adjust: none; }
body {
	margin: 0;
}
p {
	margin-bottom: 0 !important;
}
#transfer-multiling {
	color: #333;
	background-color: #f6f6f6;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: -109px;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}
#transfer-multiling div,
#transfer-multiling p {
	padding: 0; margin: 0;
}
#transfer-multiling .br {
	display: block;
}
h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
}
ol,ul,li,dl,dt,dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	border-style:none; /* ieの枠罫消し */
}
/* 見出し */
h1 {
	font-size: 38px;
	font-weight: bold;
	line-height: 1.5;
}
h2 {
	font-size: 32px;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
}
/* SP */ 
@media screen and (max-width: 670px) {
	h1 {
		font-size: 20px;
		margin-top: 20px;
	}
	h2 {
		font-size: 25px;
	}
}
/* ヘッダー */
#header-lp {
	background-color: #E9F1F8;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 47px;
	z-index: 100;
	box-sizing: border-box;
}
#header-simple-lp {
	max-width: 1120px;
	margin: 0px auto;
	text-align: left;
	padding: 10px 5px 4px;
	position: relative;
}
#header-simple-lp .header-logo {
	width: 112px;
	height: auto;
}
#header-simple-lp .header-simple-center {
	position: absolute;
	top: 0;
	right: 5px;
}
#header-simple-lp .header-simple-center .multi-lang-wrap {
	float: right;
	line-height: 2.2;
	text-align: center;
	vertical-align: middle;
}
#header-simple-lp .header-simple-center #lan_nav {
	background: #76a9c8 none repeat scroll 0 0;
	display: flex !important;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	flex-wrap: wrap;
}
#header-simple-lp .header-simple-center #lan_nav li {
	border-right: 1px solid #aecee2;
}
#header-simple-lp .header-simple-center #lan_nav li:last-child {
    border-right: none;
}
#header-simple-lp .header-simple-center #lan_nav li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 8px;
}
#header-simple-lp .header-simple-center #lan_nav .selected-left {
	background: #417697;
	border-radius: 0 0 0 3px;
}
#header-simple-lp .header-simple-center #lan_nav .selected-mid {
	background: #417697;
}
#header-simple-lp .header-simple-center #lan_nav .selected-right {
	background: #417697;
	border-radius: 0 0 3px 0;
}
/* SP */ 
@media screen and (max-width: 670px) {
	#header-lp {
		height: 101px;
	}
	#header-simple-lp {
		padding: 10px 0 0;
	}
	#header-simple-lp .header-simple-center {
		max-width: none;
		padding: 4px 0 0;
		position: static;
	}
	#header-simple-lp .header-logo {
		margin-left: 25px;
		width: 112px;
		height: auto;
	}
	#header-simple-lp .header-simple-center #lan_nav {
		border-radius: 0;
		width: 100%;
	}
	#header-simple-lp .header-simple-center #lan_nav li {
		box-sizing: border-box;
		width : calc(100% / 3) ;
	}
	#header-simple-lp .header-simple-center #lan_nav li:nth-child(3) {
		border-right: none;
	}
	#header-simple-lp .header-simple-center #lan_nav li:nth-child(n+4) {
		border-top: 1px solid #aecee2;
	}
	#header-simple-lp .header-simple-center .multi-lang-wrap {
		float: none;
		height: auto;
		line-height: 2.2;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}
	#header-simple-lp .header-simple-center #lan_nav li a {
		padding: 0 6px;
	}
}

/*** コンテンツ ***/
/* メイン */
#main-visual {
	background:url(/img/forwarderIntroduce/list/bg_mainvisual_bottom.png) repeat-x left bottom, url(/img/forwarderIntroduce/list/bg_mainvisual.png) no-repeat #D4E4F1 center bottom;
	background-size: auto auto, auto 100%;
	height: 434px;
	margin: 47px auto 0;
}
#main-visual .main {
	margin: 0 auto;
	max-width: 1120px;
}
#main-visual .main h1 {
	padding-top: 41px;
	color:#003893;
}
#main-visual .main h1 span {
	color: #000;
	line-height: 47px;
	background-image: linear-gradient(transparent 50%, #FFE877 50%, #FFE877 88%,transparent 88%, transparent 100%);
}
#main-visual .main-box {
	width: 428px;
	float: right;
}
#main-visual .main .main-text {
	font-size: 16px;
	line-height: 1.5;
}
/* 英語 */
#transfer-en #main-visual .main h1 {
	font-size: 36px;
}
/* 繁体字 */
#transfer-zh-tw #main-visual .main h1 {
	font-size: 38px;
}
/* 簡体字 */
#transfer-zh-cn #main-visual .main h1 {
	font-size: 38px;
}

/* TABLET */ 
@media screen and (max-width: 940px) and (min-width: 671px) {
	#main-visual {
		background: url(/img/forwarderIntroduce/list/bg_mainvisual_bottom.png) repeat-x left bottom, url(/img/forwarderIntroduce/list/bg_mainvisual.png) no-repeat #D4E4F1 64% bottom;
		height: 378px;
		background-size: auto auto, auto 100%;
	}
	#main-visual .main-box {
		margin:0 12px 0 52%;
		width: auto;
		float: none;
	}
	#main-visual .main h1 {
		font-size: 28px;
		padding-top: 50px;
	}
	#main-visual .main .main-text {
		font-size: 14px;
	}
	/* 英語 */
	#transfer-en #main-visual .main h1 {
		font-size: 28px;
	}
	/* 繁体字 */
	#transfer-zh-tw #main-visual .main h1 {
		font-size: 28px;
	}
	/* 簡体字 */
	#transfer-zh-cn #main-visual .main h1 {
		font-size: 28px;
	}
	/* 韓国語 */
	#transfer-ko #main-visual .main h1 {
		font-size: 27px;
	}
}
/* SP */ 
@media screen and (max-width: 670px) {
	/* メイン */
	#main-visual {
		margin-top: 101px;
		padding: 397px 0 12px;
		background: url(/img/forwarderIntroduce/list/bg_mainvisual_sp.png) no-repeat #D4E4F1 center 28px;
		height: auto;
	}
	#main-visual .main-box {
		width: 100%;
		float: none;
		padding: 0 16px;
		box-sizing: border-box;
	}
	#main-visual .main h1 {
		padding-top: 10px;
		font-size: 30px;
		margin-top: 0;
		line-height: 1.4;
	}
	#main-visual .main h1 span {
		line-height: 1.4;
	}
	#main-visual .main .main-text {
		font-size: 16px;
		margin-top: 16px;
	}
	#main-visual .main .main-text br {
		display: none;
	}
	/* 英語 */
	#transfer-en #main-visual .main h1 {
		font-size: 26px;
	}
	/* 繁体字 */
	#transfer-zh-tw #main-visual .main h1 {
		font-size: 26px;
	}
	/* 簡体字 */
	#transfer-zh-cn #main-visual .main h1 {
		font-size: 26px;
	}
	/* 韓国語 */
	#transfer-ko #main-visual .main h1 {
		font-size: 26px;
	}
}

/* 流れ */
#flow {
	margin: 0 auto;
	text-align: center;
}
#flow .main {
	margin: 0 auto;
	max-width: 960px;
	padding-bottom: 90px;
}
#flow .main h2 {
	margin: 15px 10px 0;
	padding: 0 43px;
	position: relative;
	display: inline-block;
}
#flow .main h2::before,
#flow .main h2::after {
	content:"";
	width: 13px;
	height: calc(100% - 20px);
	border: 2px solid #000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#flow .main h2::before {
	left: 0;
	border-right: none;
}
#flow .main h2::after {
	right: 0;
	border-left: none;
}
#flow .main h2 span {
	color: #5A5A5A;
	font-size: 25px;
}
#flow .main ol {
	margin:18px auto 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 955px;
	background: linear-gradient(180deg,transparent 75px,#4292D5 75px,#4292D5 82px,transparent 82px);
}
#flow .main li {
	width: 155px;
	position: relative;
}
#flow .main li:last-child::after {
	content: "";
	position: absolute;
	top: 63px;
	left: -8px;
	border-style: solid;
	border-width: 16px 0 16px 24px;
	border-color: transparent transparent transparent #4292D5;
}
#flow .main .step {
	margin: 2px auto 0;
	padding: 5px 0;
	width: 80px;
	font-size: 15px;
	line-height: 1;
	color: #FFF;
	background-color: #4292D5;
}
#flow .main .catch {
	margin: 6px 0 0;
	font-size: 16px;
	font-weight: bold;
	height: 3em;
	line-height: 1.2;
	color: #244276;
	display: flex;
	justify-content: center;
	align-items: center;
}
#flow .main .text {
	font-size: 15px;
	margin: 4px 0 0;
	line-height: 1.5;
}
#flow .main li:last-child .step-text-box .text {
	text-align: center;
}
#flow .main .link {
	margin-top: 4px;
	display: inline-block;
	padding: 5px 24px 3px 16px;
	color: #333;
	border-radius: 4px;
	border:1px solid #949494;
	background: url(/img/forwarderIntroduce/list/icon_link.png) right 5px center no-repeat;
	line-height: 1;
}
#flow .main .link:hover {
	background-color: #F2F2F2;
	text-decoration: none;
}
/* 英語 */
#transfer-en #flow .main .catch {
	font-size: 14px;
	height: 6em;
}
#transfer-en #flow .main .text {
	font-size: 14px;
}
/* 英語 */
#transfer-en #flow .main h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
} 
#transfer-en #flow .main .link {
	padding-bottom: 5px;
}
/* 繁体字 */
#transfer-zh-tw #flow .main h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#transfer-zh-tw #flow .main .link {
	padding-bottom: 5px;
}
/* 簡体字 */
#transfer-zh-cn #flow .main h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#transfer-zh-cn #flow .main .link {
	padding-bottom: 7px;
}
/* 韓国語 */
#transfer-ko #flow .main h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#transfer-ko #flow .main .link {
	padding-bottom: 5px;
}
/* タイ語 */
#transfer-th #flow .main h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#transfer-th #flow .main .link {
	padding-bottom: 5px;
}

/* TABLET */ 
@media screen and (max-width: 940px) and (min-width: 671px) {
	#flow .main {
		width: 96%;
	}
	#flow .main li {
		width: 18%;
	}
	#flow .main li .img-box img {
		width: 100%;
	}
	#flow .main .catch {
		font-size: 14px;
	}
	#flow .main .catch br {
		display: none;
	}
	#flow .main .text {
		font-size: 13px;
	}
	#flow .main ol {
		background: linear-gradient(180deg,transparent 8vw,#4292D5 8vw,#4292D5 9vw,transparent 9vw);
	}
	#flow .main li:last-child::after {
		content: "";
		position: absolute;
		top: 8.5vw;
		left: -8px;
		border-style: solid;
		border-width: 1.6vw 0 1.6vw 2.6vw;
		border-color: transparent transparent transparent #4292D5;
		transform: translateY(-50%);
	}

	/* 英語 */
	#transfer-en #flow .main .catch {
		height: 8.5em;
	}
	/* 繁体字 */
	#transfer-zh-tw #flow .main .catch {
		height: 5em;
	}
	/* 簡体字 */
	#transfer-zh-cn #flow .main .catch {
		height: 5em;
	}
	/* 韓国語 */
	#transfer-ko #flow .main .catch {
		height: 5em;
	}
	/* タイ語 */
	#transfer-th #flow .main .catch {
		height: 5em;
	}
}
/* SP */ 
@media screen and (max-width: 670px) {
	#flow {
		padding-top: 54px;
		background:url(/img/forwarderIntroduce/list/bg_mainvisual_bottom_sp.png) repeat-x left top, url(/img/forwarderIntroduce/list/bg_mainvisual_bottom_cloud_sp.png) no-repeat center top, linear-gradient(180deg,#D4E4F1 130px,transparent 139px);
	}
	#flow .main {
		padding-bottom: 54px;
	}
	#flow .main h2 {
		margin-top: 0;
		padding-top: 0;
		font-size: 32px;
		line-height: 1.3;
	}
	#flow .main h2 span {
		font-size: 25px;
	}
	#flow .main ol {
		margin: 19px 0 0;
		padding: 0 24px;
		display: block;
		width: 100%;
		background: none;
		box-sizing: border-box;
	}
	#flow .main li {
		display: table;
		width: 100%;
	}
	#flow .main li:not(:last-child) {
		padding: 0 0 30px;
		background: linear-gradient(90deg,transparent 42px,#4292D5 42px,#4292D5 49px,transparent 49px);
	}
	#flow .main li:last-child::after {
		content: "";
		position: absolute;
		top: -4px;
		left: 37px;
		border-style: solid;
		border-width: 14px 9px 0 9px;
		border-color: #4292D5 transparent transparent transparent;
	}
	#flow .main li:nth-child(2) {
		padding-bottom: 8px;
	}
	#flow .main li .img-box {
		display: table-cell;
		vertical-align: top;
		width: 98px;
		text-align: left;
	}
	#flow .main li img {
		width: 90px;
	}
	#flow .main .step-text-box {
		display: table-cell;
		text-align: left;
		vertical-align: top;
	}
	#flow .main .step {
		margin: 0;
		text-align: center;
	}
	#flow .main li .step-text-box .catch {
		display: block;
		height: auto;
		font-size: 15px;
	}
	#flow .main li .step-text-box .catch br {
		display: none;
	}
	#flow .main .text {
		font-size: 14px;
		text-align: left;
	}
	#flow .main li:last-child .step-text-box .text {
		text-align: left;
	}
	#flow .main .link {
		float: right;
	}

	/* 英語 */
	#transfer-en #flow .main h2 {
		font-size: 20px;
	}
	#transfer-en #flow .main .catch {
		height: auto;
	}
	#transfer-en #flow .main .link br {
		display: none;
	}
	/* 繁体字 */
	#transfer-zh-tw #flow .main h2 {
		font-size: 25px;
	}
	/* 簡体字 */
	#transfer-zh-cn #flow .main h2 {
		font-size: 25px;
	}
	/* 韓国語 */
	#transfer-ko #flow .main h2 {
		font-size: 25px;
	}
	/* タイ語 */
	#transfer-th #flow .main h2 {
		font-size: 25px;
	}
}

/* キャンペーンバナー */
#banner {
  width: 100%;
  max-width: 1404px;
	margin: 0 auto 100px;
	text-align: center;
}
#banner ul {
  margin: 0 auto;
	display: flex;
  justify-content: space-between;
  width: calc(100% - 48px);
  flex-wrap: wrap;
}
/* 1カラム */
#banner ul.banner-1column {
	justify-content: center;
}
#banner ul li {
	width: calc(100% / 2 - 10px);
  max-width: 700px;
  margin: 0 20px 0 0;
  display: flex;
  border: #000 1px solid;
  box-sizing: border-box;
}
#banner ul li:nth-child(2n) {
	margin-right: 0;
}
#banner ul li:nth-child(n+3) {
	margin-top: 20px;
}
/* Geniezip */
#banner ul li.banner-geniezip {
	border: #ff6c00 5px double;
  overflow: hidden;
}

#banner ul li .logo {
	width: 220px;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#banner ul li .logo img {
	width: 180px;
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
}
#banner ul li .logo::before {
  content: '';
  height: 42px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}
/* 日本語バナー */
#banner ul li.banner-jp .logo::before {
	width: 192px;
  background-image: url(/img/forwarderIntroduce/list/campaign_jp_blue.svg);
  background-size: cover;
}
/* 英語バナー */
#banner ul li.banner-eng .logo::before {
	width: 190px;
  background-image: url(/img/forwarderIntroduce/list/campaign_eng_blue.svg);
  background-size: cover;
}
/* 繁体字バナー */
#banner ul li.banner-tw .logo::before {
	width: 168px;
  background-image: url(/img/forwarderIntroduce/list/campaign_tw_blue.svg);
  background-size: cover;
}
/* 韓国語バナー */
#banner ul li.banner-ko .logo::before {
	width: 160px;
  background-image: url(/img/forwarderIntroduce/list/campaign_ko_blue.svg);
  background-size: cover;
}
#banner ul li .text {
	width: calc(100% - 220px);
  height: auto;
  background-color: #fee876;
  padding: 24px;
  text-align: left;
  display: flex;
  align-items: center;
}
#banner ul li .text_2 {
	width: calc(100% - 220px);
  height: auto;
  background-color: #fee876;
  padding: 24px 15px 24px 24px;
  text-align: left;
  display: flex;
  align-items: center;
}
#banner ul li .text p {
	font-size: 18px;
  line-height: 26px;
  color: #404040;
}
#banner ul li .text p {
	font-size: 16px;
  line-height: 26px;
  color: #404040;
}
#banner ul li .text p:nth-of-type(1) {
  font-weight: 600;
}
#banner ul li .text p:nth-of-type(1) span {
  color: #ff3b3b;
  background: linear-gradient(transparent 50%, #ffcc00 50%);
  padding: 0 2px;
}
#banner ul li .text p:nth-of-type(2) {
  margin: 12px 0 0;
}
#banner ul li .text .link {
	display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#banner ul li .text a {
	width: 150px;
  height: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  color: #404040;
  text-align: center;
  vertical-align: middle;
  border: #404040 1px solid;
  border-radius: 14px;
  margin: 12px 24px 0 0;
  background-color: #fcf1ae;
}
#banner ul li .text_2 a {
	width: 220px;
    height: 25px;
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    color: #404040;
    text-align: center;
    vertical-align: middle;
    border: #404040 1px solid;
    border-radius: 14px;
    margin: 12px 0 0 0;
    background-color: #fcf1ae;
}
#banner ul li .text .link a:nth-of-type(2) {
  margin: 12px 0 0;
}
#banner ul li .text a:hover {
	cursor: pointer;
  text-decoration: none;
  background-color: #fffadf;
}
#banner ul li .text a::before {
	content: '';
	width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
/* 韓国国旗 */
#banner ul li .text a.flag-ko::before {
  background-image: url(/img/forwarderIntroduce/list/flag_ko.svg);
  background-size: cover;
}
/* 香港国旗 */
#banner ul li .text a.flag-hk::before {
  background-image: url(/img/forwarderIntroduce/list/flag_hk.svg);
  background-size: cover;
}
/* 台湾国旗 */
#banner ul li .text a.flag-tw::before {
  background-image: url(/img/forwarderIntroduce/list/flag_tw.svg);
  background-size: cover;
}
#banner ul li .text a::after {
	content: '';
  display: block;
	width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  right: 12px;
  border-top: solid 2px #404040;
  border-right: solid 2px #404040;
  transform: rotate(45deg);
}
/* TABLET */ 
@media screen and (max-width: 940px) {
  #banner ul {
    display: block;
  }
  #banner ul li,
  #banner ul li.banner-jp {
    width: 100%;
    max-width: none;
  }
  #banner ul li,
  #banner ul li:last-of-type {
    margin: 24px 0 0;
  }
  #banner ul li .logo {
    width: 200px;
  }
  #banner ul li .logo img {
    width: 176px;
    padding: 0 12px;
  }
  #banner ul li .logo::before {
    height: 40px;
  }
  /* 日本語バナー */
  #banner ul li.banner-jp .logo::before {
    width: 180px;
  }
  /* 英語バナー */
  #banner ul li.banner-eng .logo::before {
    width: 180px;
  }
  /* 繁体字バナー */
  #banner ul li.banner-tw .logo::before {
    width: 160px;
  }
  /* 韓国語バナー */
  #banner ul li.banner-ko .logo::before {
    width: 153px;
  }
}
/* SP */ 
@media screen and (max-width: 670px) {
  #banner ul {
    width: calc(100% - 16px);
    margin: 0 8px;
  }
  #banner ul li {
    margin: 0 0 24px 0;
    display: block
  }
  #banner ul li .logo {
    width: 100%;
    position: relative;
  }
  #banner ul li .logo img {
    width: 240px;
    margin: 64px auto 32px;
  }
  #banner ul li .text {
    width: calc(100% - 48px);
    padding: 24px;
  }
  #banner ul li .text .wrap {
    width: 100%;
  }
  #banner ul li .text .link {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  #banner ul li .text a {
    width: 100%;
    max-width: 380px;
    min-width: 140px;
    margin: 16px 0 0;
  }
}

/* 絞り込み選択 */
#search {
	margin: 32px auto 0;
	width: 96%;
	max-width: 1366px;
	text-align: right;
}
#search ul {
	display: inline-block;
}
#search ul li {
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
#search ul li:not(:first-child) {
	margin-left: 10px;
}
#search .title {
	font-size: 15px;
	font-weight: bold;
	padding-right: 6px;
}
#search select {
	padding: 8px 24px 8px 8px;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 15px;
	background-color: #fff;
	color:#000;
	-webkit-appearance: none;
	appearance: none;
	min-height: 35px;
}
#search select:hover {
	cursor: pointer;
}
#search li:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg) translateY(0.4em);
	pointer-events: none;
}
#search button {
	margin:0 0 0 10px;
	padding: 5px 24px;
	border: 1px solid #2185D0;
	border-radius: 4px;
	color: #FFF;
	background-color: #65B0E9;
	font-size: 15px;
	vertical-align: top;
	min-height: 34px;
}
#search button:hover {
	border: 1px solid #0063AC;
	background-color: #2185D0;
	cursor: pointer;
}
#select .displayNone,
#select .displayNone + .trans-msg,
#select .displayNone + .trans-msg + .co-sp-only {
	display: none;
}

/* TABLET */ 
@media screen and (max-width: 940px) and (min-width: 671px) {
	#search .title {
		font-size: 13px;
		padding-right: 4px;
	}
	#search select {
		padding: 7px 24px 7px 6px;
		font-size: 13px;
	}
	#search button {
		padding: 5px 14px 4px;
		font-size: 13px;
	}
}
/* SP */ 
@media screen and (max-width: 670px) {
	#search {
		margin-top: 15px;
	}
	#search ul {
		display: block;
	}
	#search ul li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 7px;
	}
	#search ul li:not(:first-child) {
		margin: 0 0 7px;
	}
	#search ul li:last-child {
		margin: 0 0 12px;
	}
	#search select {
		width:calc(100% - 6em);
	}
	#search button {
		margin: 0;
	}
	/* 英語 */
	#transfer-en #select .main h2 {
		font-size: 20px;
	}
	#transfer-en #search .title  {
		font-size: 13px;
	}
	#transfer-en #search select {
		width: calc(100% - 10em);
	}
	/* タイ語 */
	#transfer-th #search select {
		width: calc(100% - 8em);
	}
}

/* 配送サービス選択 */
#select {
	margin: 0 auto;
	text-align: center;
}
#select .main {
	margin: 0 auto 30px;
}
#select .main h2 {
	margin: 0 auto;
	width: calc(100% - 32px);
	max-width: 820px;
	position: relative;
}
#select .main h2::after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 4px);
	width: 100%;
	height: 2px;
	background-color: #000;
}
#select .main h2 span {
	padding: 0 20px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
}
#select .main table {
	border-collapse: collapse;
	margin: 14px auto 0;
	width: 96%;
	max-width: 1366px;
	word-break: normal;
}
#select .main table tr:nth-child(3n+1) { border-top: solid 1px #565656; }
#select .main table tr:first-child { border-top: 0; }
#select .main table { border-bottom: solid 1px #565656; }
#select .main table thead th {
	background-color: #565656;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 16px;
	padding: 10px;
}
#select .main table thead th:first-child {
	width: 14%;
}
#select .main table thead th:nth-child(2) {
	width: 10%;
}
#select .main table thead th:nth-child(3) {
	width: 18%;
}
#select .main table thead th:nth-child(4) {
	width: 19%;
}
#select .main table thead th:nth-child(5) {
	width: 16%;
}
#select .main table thead th:last-child {
	width: 23%;
}
#select .main table thead th:nth-child(2) p {
	text-align: center;
}
#select .main table thead th:nth-child(3) p {
	text-align: center;
}
#select .main table thead th:nth-child(4) p {
	text-align: center;
}
#select .main table thead th:nth-child(5) p {
	text-align: center;
}
#select .main table thead th:nth-child(6) p {
	text-align: left;
}
#select .main table thead th:last-child p {
	text-align: center;
}
#select .main tbody.fadeIn {
	opacity: 0;
	animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeIn{
	0%  { opacity: 0; }
	100%{ opacity: 1; }
}
#select .main table td {
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
}
#select .main table td:first-child,
#select .main table td:nth-child(2) {
	text-align: center;
}
#select .main table .logo { margin-top: 10px; }
#select .main table .logo img {
	vertical-align: middle;
	max-width: 170px;
}
#select .main table .button-pc {
	display: inline-block;
	margin: 12px 0 10px;
}
#select .main table .button-sp {
	display: none;
}
#select .main table p {
	margin-bottom: 0;
}
#select .main table .trans-msg td {
	background-color: #f6f6f6;
	text-align: left;
}
#select .main table .trans-msg td:before {
	content: attr(data-label);
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
#select .main table .recommend {
	background-color:#ff9123;
	color: #fff;
	font-weight: bold;
	width: 60px;
	height: 22px;
	line-height: 22px;
	border-radius: 30px;
}
#select .main table .recommend.long {
	width: 80px;
}
#select .main table .recommend p {
	vertical-align: middle;
	text-align: center;
}
/* 英語 */
#transfer-en #select .main h2 {
	max-width: 100%;
}
#transfer-en #select .main h2 span {
	margin: 0 60px;
}
#transfer-en #select .main table thead th p {
	text-align: left;
}
/* タイ語 */
#transfer-th #select .main table {
	margin-top: 30px;
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#select .main table thead th p {
		text-align: left !important;
	}
	#select .main table { width: 100%; }
	#select .main table thead th {
		font-size: 14px;
		padding: 10px 6px;
	}
	#select .main table .logo img { max-width: 110px; }
}

/* SP */ 
@media screen and (max-width: 670px) {
	#select .main h2 {
		width: calc(100% - 32px);
	}
	#select .main h2 span {
		display: inline-block;
	}
	#select .main table {
		margin-top: 18px;
	}
	#select .main table thead {
		display: none;
	}
	#select .main table tr {
		position: relative;
	}
	#select .main table tr:first-child {
		border-top: solid 1px #565656;
	}
	#select .main table tr:last-child {
		border-bottom: none;
	}
	#select .main table td {
		box-sizing: border-box;
		display: block;
		text-align: right;
	}
	#select .main table td:nth-child(odd) {
		background-color: #ffffff;
	}
	#select .main table td:nth-child(even) {
		background-color: #efefef;
	}
	#select .main table td[data-label]:before {
		content: attr(data-label);
		display: block;
		float: left;
		font-weight: bold;
		padding-right: 5%;
		text-align: left;
		width: 45%;
	}
	#select .main table .trans-msg td { background: none; }
	#select .main table .trans-msg td:before { font-size: 13px; }
	#select .main table td:last-child:before {
		margin-bottom: 5px;
		padding-right: 0;
		width: 100%;
	}
	#select .main table .logo {
		margin: 20px 0 10px;
	}
	#select .main table tr:first-child td:first-child .logo {
		margin-top: 0;
	}
	#select .main table .button-pc {
		display: none;
	}
	#select .main table .button-sp {
		display: inline-block;
		margin-bottom: 20px;
	}
	#select .main table td p {
		margin-left: 50%;
		min-height: 2.5em;
		text-align: left;
		width: 50%;
	}
	#select .main table td:last-child p {
		margin-left: 0;
		text-align: left;
		width: 100%;
	}
	#select .main table .recommend p {
		margin-left: 0;
		width: 100%;
	}
	/* 英語 */
	#transfer-en #select .main h2 span {
		margin: 0 30px;
	}
	/* 韓国語 */
	#transfer-ko #select .main h2 span {
		margin: 0 30px;
	}
}

/* 下部リンク */
#bottom-link {
	text-align: center;
}
#bottom-link .link-top {
	margin-bottom: 30px;
	padding: 17px 50px 16px;
	border:1px solid #000;
	border-radius: 200px;
	display: inline-block;
	color: #FFF;
	background-color: #003893;
	font-size: 18px;
	font-weight: bold;
}
#bottom-link .link-top:hover {
	background-color:#3571D2;
	text-decoration: none;
}
#bottom-link .contact-link-area {
	margin: 0;
	padding: 12px 10px 13px;
	background-color: #F3F3F3;
}
#bottom-link .contact-link {
	padding: 4px 24px 4px 16px;
	display: inline-block;
	color: #2B2B2B;
	font-size: 15px;
	background: url(/img/forwarderIntroduce/list/icon_contactlink.png) right 5px center no-repeat;
}
#bottom-link .contact-link:hover {
	text-decoration: none;
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#bottom-link .contact-link {
		font-size: 15px;
	}
}
/* SP */ 
@media screen and (max-width: 670px) {
	#bottom-link .contact-link-area {
		padding: 8px 10px 9px;
	}
	#bottom-link .link-top {
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 28px);
		max-width: 380px;
		box-sizing: border-box;
	}
	#bottom-link .contact-link {
		font-size: 15px;
	}
}

/* 会社概要 */
#company-info {
	padding: 45px 0 23px;
	background-color: #8C9BAE;
}
#company-info .inner {
	margin: 0 auto;
	max-width: 950px;
}
#company-info .title-area {
	text-align: center;
}
#company-info .title-area h2 {
	margin-bottom: 40px;
	padding: 0 48px;
	display: inline-block;
	font-size: 32px;
	line-height: 1;
	color: #FFF;
	background: linear-gradient(transparent 50%, #697B93 50%);
}
#company-info .content {
	margin-bottom: 34px;
	display: flex;
}
#company-info .content .txt-area h3 {
	margin: 16px 0 13px;
	line-height: 1.16;
	font-size: 30px;
	font-weight: 600;
	color: #333333;
	font-style: italic;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#company-info .content .txt-area p,
#company-info .content .txt-area a {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 1.8;
}
#company-info .content .txt-area a {
	text-decoration: underline;
}
#company-info .content .img-area {
	padding-right: 25px;
}
#company-info .content .img-area img {
	display: block;
	width: 380px;
}
#company-info .sns-area {
	display: flex;
	justify-content: center;
	padding-top: 26px;
	align-items: center;
	border-top: dotted 2px #FFFFFF;
}
#company-info .sns-area a:not(:first-child) {
	margin-left: 12px;
}
#company-info .sns-area img {
	width: 32px;
	height: auto;
	display: block;
}
#company-info .sns-area img.facebook {
	width: 25px;
}
#company-info .sns-area img.instagram {
	width: 27px;
}
#company-info .sns-area img.x_logo {
	width: 26px;
}
/* 簡体字 */
#transfer-zh-cn #company-info .sns-area div:not(:first-child) {
	margin-left: 20px;
}
#transfer-zh-cn #company-info .sns-area .weibo .icon {
	margin: 0 auto 12px;
	width: 72px;
	height: auto;
}
#transfer-zh-cn #company-info .sns-area .wechat .icon,
#transfer-zh-cn #company-info .sns-area .red .icon {
	margin: 0 auto 10px;
	width: auto;
	height: 31px;
}

#transfer-zh-cn #company-info .sns-area .code {
	width: 78px;
	height: auto;
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#company-info {
		padding: 32px 0 18px;
	}
	#company-info .inner {
		width: 90%;
	}
	#company-info .title-area h2 {
		margin-bottom: 18px;
	}
	#company-info .content {
		margin: 0 auto 26px;
		display: block;
		text-align: center;
		width: 70%;
	}
	#company-info .content .txt-area h3 {
		font-size: 25px;
	}
	#company-info .content .txt-area {
		text-align: left;
	}
	#company-info .content .img-area {
		padding-right: 0;
	}
	#company-info .content .img-area img {
		margin: 0 auto;
	}
	#company-info .sns-area {
		padding-top: 18px;
	}
}

/* SP */ 
@media screen and (max-width: 670px) {
	#company-info {
		padding: 32px 0 18px;
	}
	#company-info .inner {
		width: 86%;
	}
	#company-info .title-area h2 {
		margin-bottom: 18px;
	}
	#company-info .content {
		margin: 0 auto 26px;
		display: block;
		text-align: center;
		width: 100%;
	}
	#company-info .content .txt-area h3 {
		font-size: 25px;
	}
	#company-info .content .txt-area {
		text-align: left;
	}
	#company-info .content .img-area {
		padding-right: 0;
	}
	#company-info .content .img-area img {
		margin: 0 auto;
		max-width: 330px;
		width: 100%;
	}
	#company-info .sns-area {
		padding-top: 18px;
	}
}

/* フッター */
.footer {
	padding: 7px 0;
	background-color: #284974;
	text-align: center;
}
.footer .copy {
	color: #fff;
	font-size: 11px;
}