@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :  commoncss
 style info :  共通スタイル指定
=================================================================== */


/* general params and base setting
---------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
	font-size:62.5%;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

html.sp,
html.tb {
}

body {
	position:relative;
	font-size:1.6rem; color:#333; text-align: center;
	-webkit-text-size-adjust: 100%;
}

.rwd-txt img { display:""}
.rwd-txt span { display:none;}

.btnSP { display:none;}

p {
	font-size:1.4rem;
	color: #333;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom:15px;
}

p.caption,
#contents p.caption {
	font-size:1.2rem;
	line-height: 1.5;
	letter-spacing: 0.075em;
	text-align:left;
	margin:10px 0;
	color:#666;
}

ul li {
	font-size:1.4rem;
}

img {
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:top\9;
}
/*img:not(.sp_a2x) {
	max-width:100%;
	width:auto;
	height:auto;
	vertical-align:top;
}*/
img.fixImg {
	width:100%;
	width/***/: auto\9;
	max-width: 100%;
	height:auto;
}

figcaption { font-size:1.2rem; color:#666; line-height:1.5; margin:10px 0;}


a {
	outline:none;
	color:#0D57A4;
}
a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

a[href$=".pdf"] { background: url(../../img/pdficon_small.png) no-repeat 0 50%; padding-left:15px; } 
#zh-hant a[href$=".pdf"],
#news a[href$=".pdf"]{ padding-left:30px; } 
#company a[href$=".pdf"] { padding-left:20px; } 


area{
	outline:none;
}

sup { font-size:1.0rem; vertical-align:super;}


table {width:100%; border-collapse:collapse; font-size:1.4rem; border:1px solid #ccc; line-height:1.5;}
table th { background:#eeeeee; padding:3%; padding:15px\9; border:1px solid #ccc; vertical-align:middle; text-align:center;}
table td { padding:3%; padding:15px\9; border:1px solid #ccc;}
table th span,
table td span { font-size:1.0rem;}

table.noBorderNoBg,
table.noBorderNoBg th,
table.noBorderNoBg td { background:none; border:none;}



.blank {background:url(../../img/iconBlank_red.png) 0 50% no-repeat; padding-left:20px;}
#corpInfoSec .blank {background:url(../../img/iconBlank_red.png) 10% 50% no-repeat; padding-left:20px;}


/* device
---------------------------------*/
.pcOnlyB { display:block;}
.spOnlyB { display:none;}
.pcOnlyI { display:inline;}
.spOnlyI { display:none;}
.pcOnlyIB { display:inline-block;}
.spOnlyIB { display:none;}


/*loading
---------------------------------*/
#progressWrap {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:#fff;
}
#progress {
	width: 100%;
	height: 50px;
	position:fixed;
	top:35%;
	z-index:10000;
}
#progressBar {
	width: 0;
	height: 1px;
	background-color:#16664b;
	margin-bottom:10px;
}
#progressTxt {
	font-size:1.2rem;
	font-family:"Times New Roman", Times, serif;
	width:100%;
	text-align:center;
}
#logo {
	margin:0 auto 20px;
	width:186px;
	height:120px;
}
#progressTitle {
	text-align:center;
	margin-bottom:50px;
	padding:0 15px;
}


/* header
---------------------------------*/
header { 
	position:sticky;
    top: 0;
    z-index: 999;
	width:100%;
	background: url(../../img/header/line.png) top center no-repeat;
	background-color: white;
    background-repeat: no-repeat;
    background-position: top center;
    background-blend-mode: normal;
	padding:30px 0 0;
}
header .inner { position:relative; max-width:980px; margin:0 auto;}
h1 {text-align:left;}
h1 a { display:block;}
h1 img { vertical-align: middle}
h1 img:nth-child(2){ margin:0 20px;}


/* nav
---------------------------------*/
header #spNav {display:none; }

header nav { width:100%; border-bottom:3px solid #ddd; margin-bottom:1px;}
header nav ul { max-width:980px; margin:0 auto;}
header nav ul li { display: inline-block;} 
header nav ul li a { display:block; padding:35px 0 20px; border-bottom:3px solid #ddd; margin-bottom:-3px;  text-decoration:none !important; color:#000; font-size:1.6rem;}
header nav ul li a span { display:none;}

header nav ul li.gNav-01 { width:25%;}
header nav ul li.gNav-02 { width:25%;}
header nav ul li.gNav-03 { width:25%;}
header nav ul li.gNav-04 { width:25%;}

header nav ul li > a:hover { border-bottom:3px solid #aa141d;}
#zh-hant nav ul li.gNav-01 a,
#company nav ul li.gNav-02 > a,
#gst nav ul li.gNav-03 a { border-bottom:3px solid #aa141d;}

header nav ul li.gNav-04 a {background:url(../../img/iconBlank_red.png) 25% 62% no-repeat;}


/* hNav
---------------------------------*/
#hNav { position:absolute; top:0; right:0;}
#hNav ul { letter-spacing: -.40em;}
#hNav ul li { display:inline-block; letter-spacing:normal; margin-right:15px; font-size:1.2rem;}
#hNav ul li.hNav-04 { margin:0 0 0 30px;}
#hNav ul li a { background: url(../../img/header/iconArrow.png) 0 50% no-repeat; padding-left:10px; color:#333; text-decoration:none;}
#hNav ul li.hNav-04 a { background: url(../../img/header/iconMail.png) 0 50% no-repeat; padding-left:25px;}
#hNav ul li a:hover { text-decoration:underline;}

#hNavSp { display:none;}




/* contentsArea
---------------------------------*/
#contentsArea { position:relative; padding-bottom:70px; overflow:hidden; }

#company #contentsArea,
#jobs #contentsArea,
#news #contentsArea,
#privacy_policy #contentsArea,
#socialmedia_policy #contentsArea,
#policy #contentsArea,
#financial #contentsArea,
#anti-bribery #contentsArea,
#contact #contentsArea,
#sitemap #contentsArea { max-width:980px; margin:6px auto 0;}

#company #contents,
#jobs #contents,
#privacy_policy #contents,
#financial #contents { width:74.489795918367%; float:right; text-align:left;}

#policy #contents,
#socialmedia_policy #contents,
#anti-bribery #contentsArea,
#contact #contents,
#sitemap #contents { text-align:left;}

#company #contents h2,
#jobs #contents h2,
#news #contents h2,
#privacy_policy #contents h2,
#policy #contents h2,
#socialmedia_policy #contents h2,
#financial #contents h2,
#anti-bribery #contentsArea h2,
#contact #contents h2,
#sitemap #contents h2 { font-size:2.6rem; padding:36px 0; margin:0 0 20px; border-bottom:3px solid #ccc; }

/* ttlSection */
.ttlSection { background:#021907; line-height:0; border-bottom:3px solid #dddddd;}
.ttlSection h2 { max-width:1280px; margin:0 auto;}
.ttlSection h2 .ttl { width:37.5%;}
.ttlSection h2 .ttlImg { width:62.5%;}


/*topicPathWrap*/
.topicPathWrap {
	text-align:left;
	padding:12px 0 2px;
	margin:auto;
}
.topicPathWrap > .topicPathInner {
	max-width:980px;
	margin:auto;
}
.topicPathWrap > .topicPathInner > ul {
	word-spacing: -.4em;
	display: table;
	display: block\9; /* IE 8, 9用の指定 */
	width: 100%;/* 任意の値 */
	text-align:left;
}
@-moz-document url-prefix() {/* firefox用の指定 */
  .topicPathWrap > .topicPathInner > ul {
	  display: block;
  }
}
.topicPathWrap > .topicPathInner > ul > li {
	word-spacing: normal;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	position:relative;
	font-size:1.2rem;
	color:#632a2d;
	margin-bottom:10px;
}
.topicPathWrap > .topicPathInner > ul > li a {
	color:#333;
}
.topicPathWrap > .topicPathInner > ul > li:after {
	content: ">";
	color:#333;
	padding:0 10px;
}
/*
#company.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#gst.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#corporate.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#jobs.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#news.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#contact.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#privacy_policy.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#socialmedia_policy.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#policy.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#financial.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after,
#sitemap.index .topicPathWrap > .topicPathInner > ul > *:first-child + *:after {content:""} 

.topicPathWrap > .topicPathInner > ul > *:first-child + * + *:after {content:""} 

#privacy_policy.required_documentation .topicPathWrap > .topicPathInner > ul > *:first-child + * + *:after,
#privacy_policy.answer_method .topicPathWrap > .topicPathInner > ul > *:first-child + * + *:after,
#privacy_policy.payment .topicPathWrap > .topicPathInner > ul > *:first-child + * + *:after {content:">";} 

#privacy_policy.required_documentation .topicPathWrap > .topicPathInner > ul > *:first-child + * + * + *:after,
#privacy_policy.answer_method .topicPathWrap > .topicPathInner > ul > *:first-child + * + * + *:after,
#privacy_policy.payment .topicPathWrap > .topicPathInner > ul > *:first-child + * + * + *:after {content:""} 
*/
.topicPathWrap > .topicPathInner > ul > *:nth-last-child(1):after {content:""} 

/* lNav
---------------------------------*/
#lNav { width:21.428571428571%; float:left; background:#eeeeee; color:#333333; text-align:left;}
#lNav h2 { font-size:2.0rem !important; line-height:1.3; padding:40px 18px; border-bottom:1px solid #fff; font-weight:normal;}
#lNav ul li { border-bottom:1px solid #fff; line-height:1.3;}
#lNav ul li a { display:block; padding:14px 18px; color:#333; text-decoration:none; font-size:1.4rem\9 !important; font-size:1.4rem; font-weight:normal;}
#lNav ul li a:hover,
#lNav ul li a.blank:hover,
#lNav ul li.cur > a { text-decoration:none; color:#fff; background:#888890;}

#lNav ul li.cur ul {border:1px solid #632a2d; border-top:none; padding-bottom:18px;}
#lNav ul li.cur ul li{ border-bottom:none;}
#lNav ul li.cur ul li > a {padding:18px 18px 0;}
#lNav ul li.cur ul li > a:hover,
#lNav ul li.cur ul li.cur > a { text-decoration:none; color:#632a2d; background:none; font-weight:bold;}

#lNav ul li a,
#lNav ul li.cur ul li > a {background:url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 4% bottom 50%;}

#lNav ul li a.blank {background:url(../../img/iconBlank_red.png) right 4% bottom 50% no-repeat;}

#lNav ul li a,
#lNav ul li.cur ul li > a {background:url(../../img/header/nav/iconArrow_ie.png) no-repeat\9; background-position:96% 50%\9;}

/* footer
---------------------------------*/
/* footerPickup */
#footerPickup { background: rgba(255,255,255,0.9); border:1px solid #ddd; border-width:0 0 0; position: fixed; bottom: 0; width: 100%; display:none;}
#footerPickup ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	margin:0 auto;
	max-width:980px;	
}
#footerPickup li { display:inline-block; width:60%; margin: 0 auto; padding:10px 5%; vertical-align:top;}
#footerPickup li p { display:inline-block; width:50%; vertical-align:middle; margin:0;}
#footerPickup li a { display:inline-block; width:50%; vertical-align:middle;}

#closeFooterPickup { background:#7A4A4C; color:#fff; padding:12px 0; cursor:pointer; display:none;}
#closeFooterPickup.selected {}


/* siteIndex adjustment ... */
.personalPageOnly,
.corporatePageOnly {display:none;}

/* siteIndex */
footer #siteIndexArea { background:#f0f0ea; text-align:left; padding-top:45px;}
footer #siteIndexArea #siteIndexAreaWrapper { max-width:980px; margin:0 auto; padding-bottom:30px;}
footer #siteIndexArea #siteIndexAreaWrapper h2 { display:none;}
footer #siteIndexArea #siteIndexAreaWrapper h3 { font-size:1.6rem; margin-bottom:10px; font-weight:normal;}
footer #siteIndexArea > ul { width:100%;}
footer #siteIndexArea ul > li:first-child { border-left:1px solid #c7c7b7;}
footer #siteIndexArea ul > li { border-right:1px solid #c7c7b7; display:inline-block; vertical-align:top; padding:0 15px; margin-bottom:10px; font-size:1.2rem; min-height:180px; line-height:1.5; }
footer #siteIndexArea ul > li a { color:#333; text-decoration:underline; background: url(../../img/iconArrow.png) 0 50% no-repeat; padding-left:0.75em; display:block;}
footer #siteIndexArea ul > li a.blank {background:url(../../img/iconBlank_red.png) 0 50% no-repeat; padding-left:1.2em;}
footer #siteIndexArea #siteIndexAreaWrapper h3 a { text-decoration:none;}
.mobile footer #siteIndexArea ul > li a {background:none;}
footer #siteIndexArea ul > li a:hover { text-decoration:none;}
footer #siteIndexArea ul > li#etcIndex { width:33.33333%; }
footer #siteIndexArea ul > li#companyIndex { width:33.33333%; }
footer #siteIndexArea ul > li#gstIndex { width:33.33333%; }

footer #siteIndexArea ul li ul li { display: block; width:100%; border:none; padding:0 0 0 0; min-height:0; }
footer #siteIndexArea ul li ul li:first-child { border:none; }


/* unDiscription */
footer #siteIndexArea #siteIndexAreaWrapper .unDiscription { background:#fff; margin:30px 0 0; padding:15px; text-align:center; }
footer #siteIndexArea #siteIndexAreaWrapper .unDiscription h2 { padding:0; width:27%; letter-spacing: normal; display:inline-block; vertical-align:middle; background:none; margin:0;}
/*footer #siteIndexArea #siteIndexAreaWrapper .unDiscription p { width:71%; letter-spacing: normal; display:inline-block; vertical-align:middle; font-size:1.2rem;}
*/
/* copyrightArea */
footer #copyrightArea { background:#484845; color:#fff; padding:20px 0;}
footer #copyrightArea .copyrightAreaWrapper { overflow:hidden; max-width:980px; margin:0 auto;}
footer #copyrightArea .fNav { float:right;}
footer #copyrightArea .brandCopy { float:left;}
footer #copyrightArea .fNav ul li { display:inline-block;}
footer #copyrightArea .fNav ul li:after { content:"|"; }
footer #copyrightArea .fNav ul li a { color:#fff; font-size:1.1rem; text-decoration:underline; padding:0 10px; }
footer #copyrightArea .fNav ul li a:hover { text-decoration:none;}
footer #copyrightArea small { font-family:"Times New Roman", Times, serif; font-size:1.2rem; padding:15px 0 0; text-align:center;}


/* backTop
-------------------------------------- */
#backTop {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	width:56px;
	height:56px;
	text-indent:-9999px;
	background: url(../../img/footer/btnBackTop.png) 0 0 no-repeat;
	cursor:pointer;
}

@media only screen and (max-width: 1020px) {

#contentsArea { padding:0 1%; }

/* footerPickup */
#footerPickup ul { display:block;}
#footerPickup li {width:100%; border-bottom:1px solid #ddd;}
#footerPickup li:last-child p {width:50%; text-align:center;}
#footerPickup li:last-child a {width:50%; text-align:center;}

}
@media only screen and (max-width: 980px) {

header .inner { margin:0 2%;}
section { margin:0 2%;}

/*topicPathWrap*/
.topicPathWrap {padding:12px 3% 2px;}

footer #siteIndexArea #siteIndexAreaWrapper .unDiscription { margin:30px 2% 0;}
footer #copyrightArea .copyrightAreaWrapper { margin:0 2%;}
footer #copyrightArea .brandCopy { float:none; margin-bottom:10px;}
footer #copyrightArea .fNav { float:none; margin:0 0 20px; line-height:1.5;}
footer #copyrightArea small { float:none; text-align:center;}

}

@media only screen and (max-width: 930px) {
	header nav ul li.gNav-04 a {background:url(../../img/iconBlank_red.png) 5% 62% no-repeat;}
}

@media only screen and (max-width: 850px) {
	
header h1 { width:65%; }
h1 img:nth-child(2){ margin:0 15px;}
#hNav ul li {margin-right:10px;}
#hNav ul li.hNav-04 { margin:0;}

footer #siteIndexArea #siteIndexAreaWrapper h3 { font-size:1.3rem; }

/* lNav
---------------------------------*/
#lNav { width:24%; float:left; }

}

@media only screen and (max-width: 767px) {
/* device
---------------------------------*/
.pcOnlyB { display:none;}
.spOnlyB { display:block;}
.pcOnlyI { display:none;}
.spOnlyI { display:inline;}
.pcOnlyIB { display:none;}
.spOnlyIB { display: inline-block;}


html {font-size:50%;}
header { padding:0; border-bottom:1px solid #ddd; }
header h1 { width:100%; text-align:center; padding: 19px 0;}
header h1 img:first-child { width:240px; height:auto;}
#fontSizeChange  { display:none;}
#hNav {display:none;}



/* nav
---------------------------------*/
header #spNav { display:block;  position:absolute; top:10px; left:5px; cursor:pointer;  padding:10px;}
header #spNav img { width:23px; height:30px; max-width:none;}
header #spNav .spNavClose {display:none; }
header #spNav.selected img  { display:none;}

header nav { display:none; border:none; margin:0; }
header nav ul li {margin-bottom:0; text-align:left;border-top:1px solid #ddd;}
header nav ul li.spOnlyB { display:inline-block;} 
header nav ul li > a { padding:12px 3%; border-bottom:3px solid #fff; text-decoration:none !important; color:#000; font-size:1.6rem;}
header nav ul li a { display:block;}

header nav ul li.gNav-01,
header nav ul li.gNav-02,
header nav ul li.gNav-03,
header nav ul li.gNav-05,
header nav ul li.gNav-06,
header nav ul li.gNav-07 { width:100%; background:url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 5% bottom 50%; }
header nav ul li.gNav-04 { width:100%;}
header nav ul li.gNav-04 a { width:100%; background:url(../../img/iconBlank_red@2x.png) no-repeat; background-size:10px 9px; background-position: right 5% bottom 50%; }

header nav ul li.gNav-02 { background:url(../../img/header/nav/iconPlus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }
header nav ul li.gNav-02 a.selected { background:url(../../img/header/nav/iconMinus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }
header nav ul li.gNav-02 a.selected:hover { background:#eee url(../../img/header/nav/iconMinus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }

header nav ul li > a:hover { color:#b6434a; background:#eee url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 5% bottom 50%; }
header nav ul li.gNav-02 > a:hover { background:#eee url(../../img/header/nav/iconPlus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }
header nav ul li > a:hover:after { border-bottom:3px solid #aa141d;}

#zh-hant nav ul li.gNav-01 a,
#company nav ul li.gNav-02 > a,
#personal nav ul li.gNav-03 a,
#corporate nav ul li.gNav-04 a,
#jobs nav ul li.gNav-05 a,
#news nav ul li.gNav-06 a,
#contact nav ul li.gNav-07 a { color:#b6434a; background:#eee url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 5% bottom 50%; }

#company nav ul li.gNav-02 > a { background:#eee url(../../img/header/nav/iconMinus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }
#company nav ul li.gNav-02 > a.selected { background:#eee url(../../img/header/nav/iconPlus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }



header nav ul li.gNav-02.spOnlyB > ul li { width:100%; font-size: 1.0rem; background:#eee url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 5% bottom 50%; }
header nav ul li.gNav-02.spOnlyB > ul li a { border-bottom:1px solid #ddd; padding: 12px 6%;}

header nav ul li.gNav-02.spOnlyB > ul li a:hover { border-bottom:1px solid #aa141d;}
#company.index header nav ul li.gNav-02.spOnlyB > ul li.gNav-02-top a,
#company.message header nav ul li.gNav-02.spOnlyB > ul li.gNav-02-message a,
#company.profile header nav ul li.gNav-02.spOnlyB > ul li.gNav-02-profile a,
#company.office header nav ul li.gNav-02.spOnlyB > ul li.gNav-02-office a,
#company.business header nav ul li.gNav-02.spOnlyB > ul li.gNav-02-business a,
#company.group header nav ul li.gNav-02.spOnlyB > ul li.gNav-02-group a
 { border-bottom:1px solid #aa141d; color:#b6434a;}

#hNavSp { display:block;}
#hNavSp ul li { width:38%;}
#hNavSp ul li:first-child { width:24%;}
#hNavSp ul li a { padding:12px 10% 12px 20%; font-size:1.2rem; background:url(../../img/header/nav/iconArrow.png) 10% 50% no-repeat; background-size:6px 10px; }

/* contents 
---------------------------------*/
#contentsArea { padding-bottom:0;}
#contents,
#company #contents, #jobs #contents, #news #contents, #privacy_policy #contents, #financial #contents { float:none; width:100% !important; padding:0 2%;}


/* lNav
---------------------------------*/
#lNav { float:none; width:100% !important;}
#lNav h2 { font-size:2.0rem; padding:20px 3%; border-bottom:1px solid #fff; font-weight:normal;}
#lNav ul li a,
#lNav ul li.cur ul li > a {padding:10px 6% 10px 3%; font-size:1.4rem; background:url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 4% bottom 50%;}


/* footer
---------------------------------*/
/* siteIndex */
footer #siteIndexArea { padding-top:0;}
footer #siteIndexArea #siteIndexAreaWrapper { padding-bottom:0;}
footer #siteIndexArea #siteIndexAreaWrapper h2 { display:block; font-family:"Times New Roman", Times, serif; padding:15px 3%; cursor:pointer; border-bottom:1px solid #c7c7b7; background:none; background:url(../../img/header/nav/iconPlus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; font-size:1.4rem; }
footer #siteIndexArea #siteIndexAreaWrapper h2.selected {background:none; background:url(../../img/header/nav/iconMinus.png) no-repeat; background-size:10px 10px; background-position: right 5% bottom 50%; }
footer #siteIndexArea #siteIndexAreaWrapper h3 { margin:0; border-top:1px solid #c7c7b7; background:#eee url(../../img/header/nav/iconArrow.png) no-repeat; background-size:6px 10px; background-position: right 5% bottom 50%; }
footer #siteIndexArea #siteIndexAreaWrapper > ul { display:none; border-bottom:1px solid #c7c7b7;}
footer #siteIndexArea ul > li:first-child { border-left:none;}
footer #siteIndexArea ul > li { border-right:none; padding:0; margin-bottom:5px; min-height:0; }
footer #siteIndexArea ul > li a { display:block; padding:0 3%;}
footer #siteIndexArea ul > li a:hover { text-decoration:none;}
footer #siteIndexArea ul > li h3 a,
footer #siteIndexArea ul > li#serviceIndex h3 {text-decoration:none; padding:10px 3%; background:none;}

footer #siteIndexArea ul > li#etcIndex,
footer #siteIndexArea ul > li#companyIndex,
footer #siteIndexArea ul > li#gstIndex { width:100%; }

/* unDiscription */
footer #siteIndexArea #siteIndexAreaWrapper .unDiscription { border:none; margin:0; padding:10px 3% 15px; }
footer #siteIndexArea #siteIndexAreaWrapper .unDiscription h2 {width:100%; padding:8px; text-align:center; border:none;}
footer #siteIndexArea #siteIndexAreaWrapper .unDiscription img  {width:240px;}
footer #siteIndexArea #siteIndexAreaWrapper .unDiscription p { width:100%;}

/* copyrightArea */
footer #copyrightArea { padding:0 0 20px;}
footer #copyrightArea .copyrightAreaWrapper { margin:0;}
footer #copyrightArea .fNav ul { text-align:left;}
footer #copyrightArea .fNav ul li { width:50%;}
footer #copyrightArea .fNav ul li:after { content:""; }
footer #copyrightArea .fNav ul li a { display:block; padding:10px 1%; text-decoration:none; border:1px solid #666; border-top:0; border-left:0; text-align:center;}

#closeFooterPickup { display:block;}
#backTop {
	bottom:55px;
}

}
@media only screen and (max-width: 480px) {

header h1 { text-align:right; padding-right:3%;}	

/*#company #contents h2,
#jobs #contents h2,
#news #contents h2,
#privacy_policy #contents h2,
#policy #contents h2,
#socialmedia_policy #contents h2,
#financial #contents h2,
#contact #contents h2 { text-align:center; }*/

footer #copyrightArea .fNav ul li a { font-size:1.0rem;}

#footerPickup li:first-child p,
#footerPickup li:last-child p {width:100%; margin-bottom:10px;}
#footerPickup li:first-child a,
#footerPickup li:last-child a {width:100%;}

}

@media only screen and (max-width: 424px) {
	header h1 img:first-child {
		width: 220px;
	}
	h1 img:nth-child(2) {
		margin: 0 0 0 10px;
		width: 50px;
	}
}
@media only screen and (max-width: 374px) {
	header h1 img:first-child {
		width: 200px;
	}
	h1 img:nth-child(2) {
		margin: 0 0 0 10px;
		width: 45px;
	}
}