@charset "UTF-8";

/* 各カテゴリ別設定 for service
=================================================================== */
#hdrCNT { border-bottom: 4px solid rgba(0,101,168,1.00)}
#gNavService {background-color: rgba(0,101,168,1.00)}
#gNav > ul > #gNavService > a,
#service #gNav > ul > #gNavService:hover > a {color:rgba(255,255,255,1.00)}
#subNavi h2 {
	border-top-color: rgba(0,101,168,1.00);
	background-image: url(../../service/image/sidemenuImg.jpg);
}
#relativeNavi h3 {
	border-left-color: rgba(0,101,168,1.00);
	background-color: rgba(0,101,168,0.50);
}

.sct_Lead h1 {/*pageTitle*/
	color: rgba(25,79,127,1.00);
	border-bottom-color: rgba(0,101,168,1.00);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEQ0VCRjIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNTkpIiAvPgo8L3N2Zz4=);
	background-image: -webkit-linear-gradient(rgba(255,255,255,1.00) 0%,rgba(206,231,242,0.34) 100%);
	background-image: linear-gradient(rgba(255,255,255,1.00) 0%,rgba(206,231,242,0.34) 100%);
}
.sct_Lead h1 {
}
.headtitle01 {
	background-color: rgba(240,248,251,1.00);
	border-color: rgba(103,171,217,1.00);
	color: rgba(25,79,127,1.00);
}
.headtitle02,
.headtitle03 { color: rgba(25,79,127,1.00); }
.sct_Lead ul li:before,
.sct_content ul li:before { border-color: rgba(166,206,233,1.00); }
.sct_Lead ul.list_2Tier li:before,
.sct_content ul.list_2Tier li:before { border-left-color: rgba(0,101,168,1.00); }
.sct_links .link_intPage i { background-position: 0px 0px; }
.sct_linkPN .link_prevPage i { background-position: -13px 0px; }
.sct_linkPN .link_nextPage i { background-position: 0px 0px; }

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
#breadcrumb ol li:nth-of-type(2) { background-color: rgba(0,101,168,1.00); }
}
@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
}


/* procedure */
.sct_Lead .procedureImgThum {
	width: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	float: right;
	line-height: 2;
	font-size: 85%;
	text-align: center;
	border: 1px solid rgba(221,221,221,1.00);
}
.sct_Lead .procedureImgThum figcaption {display:none;}
#procedureList {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 15px;
	list-style: decimal inside;
}
#procedureList li {
	font-weight: bold;
}
#procedureList ol {
	list-style: none;
}
#procedureList ol li {
	line-height: 1;
	font-weight: normal;
	padding: 4px 0 7px 19px;
}
#procedureList ol li:before {
	content: "\0025B8"; /* "▸" */
	color: rgba(0,101,168,1.00);
	padding-right: 4px;
}
#sct_procedureList:before, #sct_procedureList:after {content:""; display:table;}
#sct_procedureList:after {clear:both}
#sct_procedureList {
	margin: 10px;
	font-size: 93%;
	background-color: rgba(243,243,243,1.00);
}
#sct_procedureList h2 {
	margin-top: 10px;
	padding-left: 10px;
	color: rgba(25,79,127,1.00);
	font-weight: bold;
}
#sct_procedureList h3 {
	margin-top: 10px;
	padding: 0px;
	color: rgba(25,79,127,1.00);
	font-weight: bold;
	letter-spacing: 0em;
}
#sct_procedureList div {
	width: 220px;
	float: left;
	padding-left: 10px;
	font-size: 93%;
}
#sct_procedureList div ul li {
	padding: 0 0 11px 11px;
	line-height: 1.2;
}
#sct_procedureList div ul li:before {
	content: "\0025B8"; /* "▸" */
	margin-left: -14px;
	padding-right: 3px;
	color: rgba(0,101,168,1.00);
}
#sct_procedureList .procedureList_BackTop{
	margin-top: -35px;
	padding-right: 10px;
	text-align: right;
}

/* feature.html */
#keyFitureList {
	width: 530px;
	margin: 0 auto;
}
#keyFitureList > li {
	margin-bottom: 5px;
	padding: 5px 10px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(236,185,6,1.00);
}
#keyFitureList > li h3 {
	height: 36px;
	margin: 0;
	padding-left: 36px;
	background-image: url(../../image/icns_feature15.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#keyFitureList > li.keyFeature1 h3 {background-position: 0px 0px}
#keyFitureList > li.keyFeature2 h3 {background-position: 0px -80px}
#keyFitureList > li.keyFeature3 h3 {background-position: 0px -160px}
#keyFitureList > li.keyFeature4 h3 {background-position: 0px -240px}
#keyFitureList > li.keyFeature5 h3 {background-position: 0px -320px}
#keyFitureList > li h3 a {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
#keyFitureList > li > ul {margin: -36px 0 0 235px}
#keyFitureList > li > ul > li {font-size: 93%}
#keyFitureList > li > ul > li:before {
	content: "\002713";
	height: auto;
	width: auto;
	margin-top: 0;
	margin-left: 0;
	float: none;
	border: none;
}
/************************************
future　追加分
*************************************/
#contentsMain #future_Lead {
	text-align: center;
	padding: 0;
}
#contentsMain #future_Lead .Lead {
	color: #ffffff;
	background-color: rgba(29,29,29,1.00);
	padding: 1% 0;
}
#contentsMain #future_Lead h1.future_bg {
	color: #ffffff;
	border-bottom-color: none;
	background-image: none;
	background-repeat: no-repeat;
	margin: 0;
	padding:1.9% 0;
	clear: both;
	font-weight: normal;
	font-family:Times New Roman, Times, serif;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	border-bottom: none;
	-webkit-box-shadow: none;
	box-shadow:none;
}
#contentsMain #future_Lead .future_bg .txtPublish {
	font-size: 10px;
}
#contentsMain #future_Lead h1.future_bg img { vertical-align:bottom;}
#contentsMain #future_Lead h1.vol01 {
  background: url(../../service/listingcompany/future_vol01/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol02 {
  background: url(../../service/listingcompany/future_vol02/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol03 {
  background: url(../../service/listingcompany/future_vol03/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol04 {
  background: url(../../service/listingcompany/future_vol04/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol05 {
  background: url(../../service/listingcompany/future_vol05/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol06 {
  background: url(../../service/listingcompany/future_vol06/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol07 {
  background: url(../../service/listingcompany/future_vol07/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol08 {
  background: url(../../service/listingcompany/future_vol08/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol09 {
  background: url(../../service/listingcompany/future_vol09/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol10 {
  background: url(../../service/listingcompany/future_vol10/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol11 {
  background: url(../../service/listingcompany/future_vol11/image/key.jpg) no-repeat center;
  background-size: cover;
}
#contentsMain #future_Lead h1.vol12 {
  background: url(../../service/listingcompany/future_vol12/image/key.jpg) no-repeat center;
  background-size: cover;
}
#future_content p { line-height:180%;}
#contentsMain #future_content #sub { margin-top:0;}
#future_content .bgcolor_gray { background-color: #f6f6f6;}
#future_content .comment_box {
	color: #444444;
	padding: 15px;
	margin: 15px;
	word-break: normal;
	clear: both;
	overflow: hidden;
}
#future_content .box_quotation {
    margin-right: 15px;
    margin-left: 15px;
    padding: 30px 10px;
    background-color: #F8F8F8;
    border-radius: 10px;
    text-align: center;
    font-size: 116%;
    line-height: 1;
    color: #D10000;
    text-shadow: 1px 1px 3px #D4D4D4;
}
#future_content .box_quotation q {
    quotes: "\201C" "\201D" "\2018" "\2019";
    position: relative;
}
#future_content ol{
  padding:0 0 0 2em;
  margin:0;
}
#future_content ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#future_content ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
#future_content span.supText {
font-size: 77%;
vertical-align: top;
position: relative;
top: -0.1em;
}
#future_content .profile{
	font-size: 12px;
}
#future_content .future_midashi01 { color: #124f7e;}
#future_content .future_midashi02 { color:#ea5353;}
#future_content .future_midashi03 { color:#4f9393;}
#future_content .archive { font-size:12px;}
#future_content .archive a { font-size:15px;}
#future_content .archive li { padding-bottom:1%;}
#future_content ul.pageNav01s {
	margin: 0 0 10px;
	padding: 12px;
	background: #f6f6f6;
	text-align: center;
}
#future_content ul.pageNav01s li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}
#future_content ul.pageNav01s li::before { border:none;}
#future_content ul.pageNav01s li span,
#future_content ul.pageNav01s li a {
	display: inline-block;
	padding: 1px 8px;
	background: #ffffff;
	border: 1px solid #cccccc;
	vertical-align: middle;
	text-decoration: none;
}
#future_content ul.pageNav01s li a:hover {
	background: #efefef;
}
#future_content .fig_pic a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* crossborder */
.sct_content .tbl_cb_achiv {}
.sct_content .tbl_cb_achiv th,
.sct_content .tbl_cb_achiv td {
	height: 20px;
	padding: 2px;
	font-size: 77%;
	line-height: 1;
	vertical-align: middle;
}
.sct_content .tbl_cb_achiv th { text-align: center;}
.sct_content .tbl_cb_achiv caption {
	caption-side: bottom;
	color: rgba(102,102,102,1.00);
	font-size: 85%;
	text-align: center;
}
.tbl_cb_achiv td i {
	display: inline-block;
	height: 20px;
	width: 35px;
	margin: 0 0 0 2px;
	border: 1px solid #EEEEEE;
	background-image: url(../../service/crossborder/image/flags.png);
	background-repeat: no-repeat;
}
.flag_jp { background-position: 0px 0px; }
.flag_cn { background-position: 0px -30px; }
.flag_hk { background-position: 0px -60px; }
.flag_my { background-position: 0px -90px; }
.flag_us { background-position: 0px -120px; }
.flag_th { background-position: 0px -150px; }
.flag_sg { background-position: 0px -180px; }
.flag_bd { background-position: 0px -210px; }
.flag_vn { background-position: 0px -240px; }
.flag_kr { background-position: 0px -270px; }
.flag_id { background-position: 0px -300px; }
.flag_au { background-position: 0px -330px; }
.flag_in { background-position: 0px -360px; }
.flag_ph { background-position: 0px -390px; }
.flag_tw { background-position: 0px -420px; }
.flag_kh { background-position: 0px -450px; }
.flag_la { background-position: 0px -480px; }
.flag_nz { background-position: 0px -510px; }

/* FAQ */
.sct_Lead div.box_faq_q,
.sct_Lead div.box_faq_qbt{
	padding: 24px 20px 24px 50px;
	font-size: 123.1%;
	background-color: rgba(245,251,253,1.00);
	border-bottom: 2px dotted rgba(204,204,204,1.00);
	position: relative;
	margin: -15px -10px 0 -10px;
	line-height: 1.5;
}
.sct_Lead div.box_faq_qbt{
	border-top: 1px solid rgba(204,204,204,1.00);
}
.sct_Lead div.box_faq_q::after,
.sct_Lead div.box_faq_qbt::after{
	content: "Q.";
	position: absolute;
	top: 28px;
	left: 16px;
	font-weight: bold;
	color: rgba(0,101,168,1.00);
	font-size: 20px;
	line-height: 1.0;
}
.sct_Lead div.box_faq_q p,
.sct_Lead div.box_faq_qbt p{
	font-weight: bold;
}
.sct_Lead div.box_faq_q p:last-child,
.sct_Lead div.box_faq_qbt p:last-child{
	margin-bottom: 0;
}
.sct_content.faq_answer {
	position: relative;
	padding-left: 55px;
}
.sct_content.faq_answer::after {
	content: "A.";
	position: absolute;
	top: 0px;
	left: 16px;
	font-weight: bold;
	color: rgba(242,81,0,1.00);
	font-size: 20px;
	line-height: 1.0;
}
.sct_content.faq_answer p { margin-left: 0;}

/* service_faq */
.list_faq li {
	border-top: 1px dotted rgba(204,204,204,1.00);
	padding: 16px 0 16px 10px;
	position: relative;
}
.list_faq li:first-child { border-top: 0;}

/* about ma */
#matrix_aboutma {
	width: 700px;
	margin-left: 10px;
	background-color: rgba(240,248,251,1.00);
}
#matrix_aboutma td {
	padding: 4px 5px;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	border: 3px solid rgba(255,255,255,1.00);
}
#matrix_aboutma .matrix_aboutma_bg1 {
	background-color: rgba(21,78,129,1.00);
	color: rgba(255,252,252,1.00);
}
#matrix_aboutma .matrix_aboutma_bg2 {
	background-color: rgba(0,112,194,1.00);
	color: rgba(255,252,252,1.00);
}
#matrix_aboutma .matrix_aboutma_bg3 {
	background-color: rgba(112,174,0,1.00);
	color: rgba(255,252,252,1.00);
}
#matrix_aboutma .matrix_aboutma_bg4 { background-color: rgba(139,191,227,1.00); }
#matrix_aboutma .matrix_aboutma_bg5 { background-color: rgba(207,227,164,1.00); }
#matrix_aboutma .matrix_aboutma_bg6 { background-color: rgba(169,207,233,1.00); }
#matrix_aboutma .matrix_aboutma_bg7 { background-color: rgba(216,238,245,1.00); }
#matrix_aboutma .matrix_aboutma_sub {
	background-color: rgba(255,255,255,1.00);
	text-align: left;
	font-size: 93%;
	color: rgba(102,102,102,1.00);
}
#matrix_aboutma caption {
	color : rgba(153,153,153,1.00);
	font-size : 85%;
	text-align : center;
	caption-side: bottom;
}
.box_siteBanner { /*未使用*/
	position: relative;
	height: 202px;
}
.box_siteBanner > figure { /*未使用*/
	display: inline-block;
	width: 335px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 0;
	border: 1px solid rgba(218,218,218,1.00);
	border-radius: 3px;
	background-color: rgba(255,255,255,1.00);
	-webkit-box-shadow: 1px 1px 1px rgba(238,238,238,1.00);
	box-shadow: 1px 1px 1px rgba(238,238,238,1.00);
}
.box_siteBanner > p { /*未使用*/
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding-left: 350px;
}
/************************************
aboutma/index.html　追加分
*************************************/
#service ol.aboutma_success { margin-left: 15px; }
#service ol.aboutma_success li {
	padding: 5px 25px 5px 35px;
	text-indent: -20px;
	counter-increment: mission;
}
#service ol.aboutma_success li:before {
	content: counter(mission);
	display:inline-block;
	width: 10px;
	margin-right: 5px;
	padding: 2px 0px 0 5px;
	color: rgba(255,255,255,1.00);
	font-family: 'Cuprum';
	font-size: 93%;
	font-weight: 700;
	line-height: 1;
	text-indent: 0;
	border-radius: 4px;
	background-color: #0065a8;
}

/* case */
.box_interviews {
	margin: 30px 0 0;
	padding: 20px 10px;
	background-color: rgba(243,249,251,0.50);
	border: 2px solid rgba(0,101,168,1.00);
}
.box_interviews > ul {
	display: table;
	width: 100%;
	margin: auto;
}
.box_interviews > ul > li {
	display: table-cell;
	padding-left: 0; /*reset*/
	text-align: center;
}
.box_interviews > ul > li:before { display: none; /*reset*/}
.box_interviews > ul > li img {
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
}
/* index.html */
.box_imgLNB {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
}
.box_scvtop {
	float: left;
	width: 420px;
}

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
}
@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
.sct_Lead .procedureImgThum { display: none;}
#sct_procedureList div {
	width: 100%;
	float: none;
	padding-left: 0;
}
#keyFitureList {	width: 100%;}
#matrix_aboutma {
	width: 100%;
	margin-left: 0;
}
	.box_imgLNB {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 0;
	}
	.box_imgLNB img {
		width: 500px;
		height: auto;
	}
	.box_scvtop {
		width: 100%;
	}
#service ol.aboutma_success { margin-left: 0px; }
}
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
#procedureList { margin-left: 0;}
#procedureList ol li {
	line-height: 2;
	padding: 0;
}
#keyFitureList > li > ul { margin: 0 0 0 36px; }
.tbl_cb_achiv td i {
	display: list-item;
	list-style: none;
}
.box_siteBanner {
	height: auto;
}
.box_siteBanner > figure {
	float: none;
	display: block;
	margin: 0 auto;
}
.box_siteBanner > p {
	position: relative;
	margin-bottom: 20px;
	padding-left: 0;
}
	.center480 {
		margin: 20px auto;
	}
#service ol.aboutma_success li {
	padding-left: 20px;
}
}