@charset "utf-8";

/* ============================================
	font-family
============================================ */
@font-face {
  font-family: 'ClanWeb-Book';
  src: url('../font/ClanWeb-Book.eot?');
  src: url('../font/ClanWeb-Book.woff') format("WOFF");
}

@font-face {
  font-family: 'ClanWeb-News';
  src: url('../font/ClanWeb-News.eot?');
  src: url('../font/ClanWeb-News.woff') format("WOFF");
}

@font-face {
  font-family: 'ClanWeb-Medium';
  src: url('../font/ClanWeb-Medium.eot?');
  src: url('../font/ClanWeb-Medium.woff') format("WOFF");
}

@font-face {
  font-family: 'ClanWeb-Bold';
  src: url('../font/ClanWeb-Bold.eot?');
  src: url('../font/ClanWeb-Bold.woff') format("WOFF");
}

body #mainContactArea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 1.6;
	background: #fff;
}

#mainContactArea .clanWeb,
h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h5,
#mainContactArea header,
#mainContactArea footer,
#mainContactArea .seeAll,
#mainContactArea .seeMore,
#mainContactArea .linkBtn_03,
#mainContactArea .linkBtn_05,
#mainContactArea .linkBtn_06,
#mainContactArea .linkBtn_07,
#mainContactArea .btn_contacts,
#mainContactArea .btn_contacts_02,
#mainContactArea .btn_network,
#mainContactArea .subtitle,
#mainContactArea .linkBtn_10,
#mainContactArea .linkBtn_11,
#mainContactArea table caption {
	font-family: ClanWeb-Book;
}

#mainContactArea .clanMedium {
	font-family: ClanWeb-Medium;
}

#mainContactArea .mark {
	font-family: sans-serif;
}


/* ============================================
	font-size
============================================ */

/*
	base : 15px;

	10px : 66.66%
	11px : 73.33%
	12px : 80%
	13px : 86.66%
	14px : 93.33%
	15px : 100%
	16px : 106.66%
	17px : 113.33%
	18px : 120%
	19px : 126.66%
	20px : 133.33%
	21px : 140%
	22px : 146.66%
	23px : 153.33%
	24px : 160%
	25px : 166.66%
	26px : 173.33%
	28px : 186.66%
	40px : 266.7%
	45px : 300%
*/

/* 45px */

#mainContactArea #keyvisualArea .captionBox .title {
	font-size: 380%;
}

/* 40px */

#mainContactArea body h1 {
	font-size: 266.66%;
}

/* 28px */

#mainContactArea body h2 {
	font-size: 186.66%;
}

/* 25px */

#mainContactArea #groupLinkArea h2,
/* body h3, */
#mainContactArea .linkToTop {
	font-size: 166.66%;
}

/* 24px */

#mainContactArea h2.contacts {
	font-size: 160%;
}


/* 20px */

#mainContactArea h3,
#mainContactArea .fontSize_20,
#keyvisualArea a .more,
#mainContactArea .seeAll,
#mainContactArea .greenProducts,
#footerLinkArea #footerLink #productsLink ul,
#mainContactArea .btn_contacts_02,
#mainContactArea .btn_network,
#mainContactArea .linkBtn_04,
#mainContactArea table caption  {
	font-size: 133.33%
}

/* 18px */

#mainContactArea #globalNav {
	font-size: 106.66%;
}

/* 17px */
.msie8 #mainContactArea #globalNav,
#footerLinkArea #footerLink #groupLink ul,
#mainContactArea .row a .linkBtn_01.thin,
#mainContactArea .subtitle {
	font-size: 113.33%;
}

/* 16px */
#mainContactArea h4,
#mainContactArea .seeMore {
	font-size: 106.66%;
}

/* 15px */
#mainContactArea #sideNav ul li a,
#mainContactArea #productsLinkArea .row .col_1of4 a span {
	font-size: 100%
}

/* 14px */
#mainContactArea .linkBtn_03_s {
    font-size: 93.33%;
}

/* 19px */



/* 12px */

#mainContactArea #headLinkArea,
#mainContactArea #keyvisualArea .captionBox .description,
#mainContactArea #groupLinkArea ul,
#mainContactArea #footerLinkArea #footerLink #productsLink p,
#mainContactArea .caption  {
	font-size: 80%;
}

/* 11px */


/* 10px */

#mainContactArea .captionSmall {
	font-size: 45%;
}


/* ============================================
    color
============================================ */


#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5,
#mainContactArea .caption,
#mainContactArea .btn_network {
    color: #4d4d4f;
}


/* ============================================
	link color
============================================ */
#mainContactArea a,
#mainContactArea a:link {
	color: #000;
	text-decoration: none;
	-webkit-tap-highlight-color: ;
}

#mainContactArea a:visited {
	color: #673ca7;
	text-decoration: none;
	-webkit-tap-highlight-color: ;
}

#mainContactArea a:hover {
	color: #000;
/*	text-decoration: underline;*/
    opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

#mainContactArea a:active,
#mainContactArea a:focus {
	color: ;
	text-decoration: ;
}

#mainContactArea p a,
#mainContactArea p a:link,
#mainContactArea p a:visited,
#mainContactArea a.underline,
#mainContactArea a.underline:link,
#mainContactArea a.udnerline {
	text-decoration: underline;
}

#mainContactArea p a:hover,
#mainContactArea a.underline:hover {
	/* text-decoration: none; */
}

#mainContactArea #headLinkArea a:link,
#mainContactArea #headLinkArea a:visited,
#mainContactArea #globalNav a:link,
#mainContactArea #globalNav a:visited,
#mainContactArea #globalNav ul li ul.subMenu .row a:link,

#mainContactArea #globalNav ul li ul.subMenu .row a:visited,
#mainContactArea #keyvisualArea a:link .captionBox,
#mainContactArea #keyvisualArea a:visited .captionBox,
#mainContactArea a:link .linkBtn_01,
#mainContactArea a:visited .linkBtn_01,
#mainContactArea .linkBtn_02 a:link,
#mainContactArea .linkBtn_02 a:visited,
#mainContactArea .linkToTop a:link,
#mainContactArea .linkToTop a:visited,
#mainContactArea #productsLink .linkToTop a:link,
#mainContactArea #productsLink .linkToTop a:visited {
	color: #fff;
}

#globalNav a:hove#mainContactArea r {
	color: #666666;
	text-decoration: none;
}

#mainContactArea #globalNav ul li ul.subMenu .row a:hover {
	text-decoration: underline;
}

#mainContactArea #keyvisualArea a:hover,
.linkToTop a:hover {
	text-decoration: none;
}

#mainContactArea #languageSelector li.current ul li a:link,
#mainContactArea #languageSelector li.current ul li a:visited {
	color: #000;
}

#mainContactArea #groupLinkArea ul li a:link,
#mainContactArea #groupLinkArea ul li a:visited {
	color: #000000;
}

#mainContactArea .greenProducts li a:link,
#mainContactArea .greenProducts li a:visited {
	color: #46b944;
}

#mainContactArea #footerLink a:link,
#mainContactArea #footerLink a:visited {
	color: #4d4d4f;
}

/* ============================================
    base layout
============================================ */

#mainContactArea ol {
    list-style-type: decimal;
    margin: 0;
    padding: 0;
}

#mainContactArea .row .alphaList,
#mainContactArea .row .alphaList li  {
    list-style-type: lower-alpha;
}

#mainContactArea ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainContactArea li {
    margin: 0;
    padding: 0;
}


#mainContactArea ul li,
#mainContactArea ul li a {
    display: inline-block;
}

#mainContactArea p {
    display: block;
    margin: 0;
    padding: 0;
}

#mainContactArea p.pMargin_01 {
    margin: 0 0 1em 0;
}

#mainContactArea .separateBlock {
    margin-top: 3em;
}

#mainContactArea img {
    vertical-align: middle;
    max-width: 100%;
    width:auto\9;
    height: auto;
}

.msie8 #mainContactArea img.icon_outerlink,
.msie8 #mainContactArea img.icon_pdflink,
.msie8 #mainContactArea img.icon_zoom {
	max-width: none;
}

#mainContactArea figure {
    overflow: hidden;
}
#mainContactArea figcaption {
}


#mainContactArea #wrapper,
#mainContactArea #headerArea,
#mainContactArea #keyvisualArea,
#mainContactArea #footerLinkArea,
#mainContactArea footer,
#mainContactArea section {
    width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
}

#mainContactArea #headLinkArea,
#mainContactArea #headerArea #header,
#mainContactArea #footerLinkArea #footerLink,
#mainContactArea footer .inner,
#mainContactArea #contactArea {
	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
}

#mainContactArea #wrapper {
    min-width: 1020px;
    /*overflow: visible;*/
}

#mainContactArea #headerArea #header {
    width: 1020px;
    padding: 0px 0 0 34px;
}

#mainContactArea #mainContactArea {
	width: 980px;
	float: left;
  margin-top: 12px;
}

#mainContactArea #contactArea,
#mainContactArea #groupLinkArea {
    margin-bottom: 60px;
}

#mainContactArea div#contactArea > .row:first-child {
	margin-top: 22px;
}

#mainContactArea div#contactArea > .row:first-child h1 {
	margin-bottom: 0;
}

/* grid */
#mainContactArea .row .col_1of2 {
    display: block;
}

#mainContactArea .android .row .col_1of2,
.msie8 #mainContactArea .row .col_1of2,
.msie9 #mainContactArea .row .col_1of2 {
    float: left;
}
#mainContactArea .android .row{
    display: block;
}

#mainContactArea .row.vertical .bg figure {
	margin-bottom: 10px;
}

#mainContactArea .row.vertical .bg figure + figure {
	margin-bottom: 0;
}

/* 20150126 fukazawa added */
#mainContactArea .row .col_1of2 a .col_1of2,
#mainContactArea .row .col_1of3 a .col_1of2 {
    width: 49%;
    float: left;
}


#mainContactArea .row figcaption {
    padding: 0.4em 0 0;
}

#mainContactArea .row figcaption span {
    display: block;
    padding: 0 0 0.4em;
}

#mainContactArea .row figcaption span.italic {
    display: inline;
    padding: 0;
	font-style: italic;
}

#mainContactArea .row figcaption p {
    clear: both;
}
#mainContactArea .row figcaption .linkBtn_03 {
    margin-top: 0.5em;
}

#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5 {
    padding-top: 4%;
    line-height: 1em;
}

#mainContactArea .row + h1,
#mainContactArea .row + h2,
#mainContactArea .row + h3,
#mainContactArea .row + h4,
#mainContactArea .row + h5 {
    padding-top: 4%;
}


#mainContactArea h1 .shoulder {
	display: block;
	font-size: 50%;
	line-height: 1.5;
}

#mainContactArea h1 .subtitle {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 70%;
}

#mainContactArea h1 a {
	padding: 0 1.2em 0 0;
    margin-right: 1.5em;
    color: #4d4d4f;
}

#mainContactArea h1 a:link {
	color: #4d4d4f;
}

#mainContactArea .block {
    display: block;
}

#mainContactArea .inline-block {
	display: inline-block;
}

#mainContactArea .inline {
    display: inline !important;
}

/* margin, padding */

#mainContactArea .noMargin,
.msie8 #mainContactArea .noMargin,
.msie9 #mainContactArea .noMargin {
    margin: 0;
}
#mainContactArea .noMarginR,
.msie8 #mainContactArea .noMarginR,
.msie9 #mainContactArea .noMarginR {
    margin-right: 0;
}
#mainContactArea .noMarginL,
.msie8 #mainContactArea .noMarginL,
.msie9 #mainContactArea .noMarginL {
    margin-left: 0;
}
#mainContactArea .noMarginT,
.msie8 #mainContactArea .noMarginT,
.msie9 #mainContactArea .noMarginT {
    margin-top: 0;
}
#mainContactArea .noMarginB,
.msie8 #mainContactArea .noMarginB,
.msie9 #mainContactArea .noMarginB {
    margin-bottom: 0;
}

#mainContactArea .marginT_0,
.msie8 #mainContactArea .marginT_0,
.msie9 #mainContactArea .marginT_0 {
    margin-top: 0;
}
#mainContactArea .marginT_5,
.msie8 #mainContactArea .marginT_5,
.msie9 #mainContactArea .marginT_5 {
    margin-top: 5px;
}
#mainContactArea .marginT_10,
.msie8 #mainContactArea .marginT_10,
.msie9 #mainContactArea .marginT_10 {
    margin-top: 10px;
}
#mainContactArea .marginT_20,
.msie8 #mainContactArea .marginT_20,
.msie9 #mainContactArea .marginT_20 {
    margin-top: 20px;
}
#mainContactArea .marginT_30,
.msie8 #mainContactArea .marginT_30,
.msie9 #mainContactArea .marginT_30 {
    margin-top: 30px;
}
#mainContactArea .marginT_40,
.msie8 #mainContactArea .marginT_40,
v.msie9 .marginT_40 {
    margin-top: 40px;
}
#mainContactArea .marginT_50,
.msie8 #mainContactArea .marginT_50,
v.msie9 .marginT_50 {
    margin-top: 50px;
}

#mainContactArea .marginB_0,
.msie8 #mainContactArea .marginB_0,
.msie9 #mainContactArea .marginB_0 {
    margin-bottom: 0 !important;
}
#mainContactArea .marginB_5,
.msie8 #mainContactArea .marginB_5,
.msie9 #mainContactArea .marginB_5 {
    margin-bottom: 5px;
}
#mainContactArea .marginB_10,
.msie8 #mainContactArea .marginB_10,
.msie9 #mainContactArea .marginB_10 {
    margin-bottom: 10px;
}
#mainContactArea .marginB_20,
.msie8 #mainContactArea .marginB_20,
.msie9 #mainContactArea .marginB_20 {
    margin-bottom: 20px;
}
#mainContactArea .marginB_30,
.msie8 #mainContactArea .marginB_30,
.msie9 #mainContactArea .marginB_30 {
    margin-bottom: 30px;
}

#mainContactArea .marginL_10,
.msie8 #mainContactArea .marginL_10,
.msie9 #mainContactArea .marginL_10 {
    margin-left: 10px;
}

#mainContactArea .marginR_0,
.msie8 #mainContactArea .marginR_0,
.msie9 #mainContactArea .marginR_0 {
    margin-right: 0 !important;
}
#mainContactArea .marginR_10,
.msie8 #mainContactArea .marginR_10,
.msie9 #mainContactArea .marginR_10 {
    margin-right: 10px !important;
}
#mainContactArea .marginR_20,
.msie8 #mainContactArea .marginR_20,
.msie9 #mainContactArea .marginR_20 {
    margin-right: 20px !important;
}
#mainContactArea .marginR_30,
.msie8 #mainContactArea .marginR_30,
.msie9 #mainContactArea .marginR_30 {
    margin-right: 30px !important;
}

#mainContactArea .marginFloatL,
.msie8 #mainContactArea .marginFloatL,
.msie9 #mainContactArea .marginFloatL {
    margin: 0 20px 0 0;
}
#mainContactArea .marginFloatR,
.msie8 #mainContactArea .marginFloatR,
.msie9 #mainContactArea .marginFloatR {
    margin: 0 0 0 20px;
}

#mainContactArea .noPadding,
.msie8 #mainContactArea .noPadding,
.msie9 #mainContactArea .noPadding {
    padding: 0 !important;
}
#mainContactArea .noPaddingR,
.msie8 #mainContactArea .noPaddingR,
.msie9 #mainContactArea .noPaddingR {
    padding-right: 0 !important;
}
#mainContactArea .noPaddingL,
.msie8 #mainContactArea .noPaddingL,
v.msie9 .noPaddingL {
    padding-left: 0 !important;
}
#mainContactArea .noPaddingT,
.msie8 #mainContactArea .noPaddingT,
.msie9 #mainContactArea .noPaddingT {
    padding-top: 0 !important;
}
#mainContactArea .noPaddingB,
.msie8 #mainContactArea .noPaddingB,
.msie9 #mainContactArea .noPaddingB {
    padding-bottom: 0 !important;
}

#mainContactArea .paddingB_0,
.msie8 #mainContactArea .paddingB_0,
.msie9 #mainContactArea .paddingB_0 {
    padding-bottom: 0 !important;
}
#mainContactArea .paddingB_10,
.msie8 #mainContactArea .paddingB_10,
.msie9 #mainContactArea .paddingB_10 {
    padding-bottom: 10px !important;
}
#mainContactArea .paddingB_30,
.msie8 #mainContactArea .paddingB_30,
.msie9 #mainContactArea .paddingB_30 {
    padding-bottom: 30px !important;
}

#mainContactArea .paddingT_0,
.msie8 #mainContactArea .paddingT_0,
.msie9 #mainContactArea .paddingT_0 {
    padding-top: 0 !important;
}
#mainContactArea .paddingT_30,
.msie8 #mainContactArea .paddingT_30,
.msie9 #mainContactArea .paddingT_30 {
    padding-top: 30px !important;
}


/* align, valign */

#mainContactArea .alignL {
    text-align: left;
}
#mainContactArea .alignR {
    text-align: right;
}
#mainContactArea .alignC,
#mainContactArea .pc-alignC {
    text-align: center;
}

#mainContactArea .valignT {
    vertical-align: top;
}
#mainContactArea .valignM {
    vertical-align: middle;
}
#mainContactArea .valignB {
    vertical-align: bottom;
}

/* float */

#mainContactArea .floatL {
    float: left;
}
#mainContactArea .floatR {
    float: right;
}

/* position */

#mainContactArea .relative {
    position: relative;
}

/* clear */
#mainContactArea .clear {
    clear: both;
}

/* center */

#mainContactArea .center {
    margin: 0 auto;
}

#mainContactArea .center_02 {
    text-align: center;
}

/* width */

#mainContactArea .width100 {
    width: 100%;
}

/* Break Point */

@media only screen and (max-width: 640px){
#mainContactArea .pc-alignC {
    text-align: left;
}

}

/* bg, border */
#mainContactArea .bg {
    width: 100%;
}

#mainContactArea .bgColor_01 {
    background-color: #000;
}

#mainContactArea .bgColor_02 {
    background-color: #e6e7e8;
}

#mainContactArea .bgColor_03 {
    background-color: #f8f8f8;
}

#mainContactArea .bgColor_04 {
    background-color: #918f8e;
}

#mainContactArea .border_02 {
    border: 5px solid #e6e7e8;
    clear: both;
}

#mainContactArea .borderT_01 {
    border-top: 5px solid #e6e7e8;
    padding-top: 10px;
}
#mainContactArea .borderT_02 {
    border-top: 5px solid #e6e7e8;
    padding-top: 30px;
}
#mainContactArea .borderB_02 {
    border-bottom: 5px solid #e6e7e8;
    margin-bottom: 10px;
}

#mainContactArea .borderB_03 {
    border-bottom: 5px solid #e6e7e8;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

#mainContactArea .borderB_04 {
    border-bottom: 2px solid #e6e7e8;
    margin-bottom: 10px;
    padding-bottom: 5px;
}


/* text */
#mainContactArea .underline {
    text-decoration: underline;
}
#mainContactArea .border {
    font-weight: bold;
}
#mainContactArea .bold {
    font-weight: bold;
}

/* triangle */

#mainContactArea .triangle:before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 2.05em 1.2em;
    border-color: transparent transparent #e7e7e8;
    position: absolute;
    top: 0px;
    left: -1.2em;
}

#mainContactArea .triangle:after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 2.05em 1.2em 0 0;
    border-color: #e7e7e8 transparent transparent transparent;
    position: absolute;
    top: 0px;
    right: -1.2em;
}

#mainContactArea .triangleL:before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
    top: 0px;
}



/* ============================================
    skiplink
============================================ */

#mainContactArea #skipLink {
    background-color:#e0e0e0;
    line-height: 2;
    font-size:13px;
    text-align: center;
    margin: 0px;
    overflow: hidden;
}

#mainContactArea #skipLink a {
    position: absolute;
    top: -10em;
    text-decoration:none;
}

#mainContactArea #skipLink a:focus {
    position: static;
}


/* ============================================
    heading
============================================ */

#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5 {
    font-weight: normal;
	line-height: 1.3em;
}

#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5 {
    display: block;
}

#home #contactArea h1,
#home #contactArea h2,
#home #contactArea h3,
#home #contactArea h4,
#home #contactArea h5,
#home #productsLinkArea h1,
#home #productsLinkArea h3 {
    display: inline-block;
}

#mainContactArea h1 + .row,
#mainContactArea h2 + .row,
#mainContactArea h3 + .row,
#mainContactArea h4 + .row,
#mainContactArea h5 + .row {
    padding-top: 0;
}


#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5 {
    margin: 0 0 10px;
    padding: 0 2%;
}

#mainContactArea .row h1,
#mainContactArea .row h2,
#mainContactArea .row h3,
#mainContactArea .row h4,
#mainContactArea .row h5 {
    padding: 0;
}

#mainContactArea h3.line2 {
    margin-top: 24px;
}

#mainContactArea .subtitle {
	margin: 0 0 25px;
	padding: 0 2%;
	line-height: 1.4;
}




/* ============================================
    notation
============================================ */

#mainContactArea .notation {
    color: #4d4d4f;
}
#mainContactArea .notation dt {
    margin-bottom: 0.5em;
}
#mainContactArea .notation dd {
    margin-left: 3em;
    margin-top: -2em;
    margin-bottom: 0.5em;
}

#mainContactArea .notation_02 {
    color: #4d4d4f;
}
#mainContactArea .notation_02 dt {
    margin-bottom: 0.5em;
}
#mainContactArea .notation_02 dd {
    margin-left: 6em;
    margin-top: -2em;
    margin-bottom: 0.5em;
}

#mainContactArea .notation_03 {
    color: #4d4d4f;
}
#mainContactArea .notation_03 dt {
    margin-bottom: 0.5em;
}
#mainContactArea .notation_03 dd {
    margin-left: 3em;
    margin-top: -2em;
    margin-bottom: 0.5em;
}


/* ============================================
    Contacts
============================================ */

.contacts #mainContactArea h1 {
	line-height: 1.2;
}

.contacts #mainContactArea h1 span {
	font-size: 70%;
	display: block;
}



/* ==============================
    Media Queries
   ============================== */

@media only screen and (max-width: 640px) { /* device-width: 320px - 640px  for Smartphone */

/* non-display */
#mainContactArea #headLink,
#mainContactArea #languageSelector li.current a span,
#mainContactArea #globalNav,
#mainContactArea #footerLinkArea #footerLink #productsLink p {
	display: none;
}

/* display */


/* 20px */
body #mainContactArea h1 {
    font-size: 175%
}

/* 18px */
#mainContactArea #keyvisualArea .captionBox .title,
body #mainContactArea h2  {
    font-size: 150%
}

/* 15px */
#mainContactArea #globalNav,
#mainContactArea #groupLinkArea h1,
#mainContactArea #productsLinkArea .linkToTop,
#mainContactArea #productsLinkArea .row .col_1of4 a span,
body #mainContactArea h3 {
    font-size: 100%
}

/* 12px */
#mainContactArea #keyvisualArea a .more,
#mainContactArea .seeAll,
#mainContactArea .seeMore,
#mainContactArea .greenProducts,
#mainContactArea .linkBtn_03,
#mainContactArea .linkBtn_03_s,
#mainContactArea .linkBtn_04,
#mainContactArea .linkBtn_05,
#mainContactArea .linkBtn_08,
#mainContactArea .btn_contacts,
#mainContactArea .btn_contacts_02,
#mainContactArea .btn_network,
body #mainContactArea h4,
body #mainContactArea h5 {
/*     font-size: 80% */
}

/* 10px */
#mainContactArea #keyvisualArea a .captionBox .description,

#mainContactArea .table_01 {
    font-size: 66.66%
}

#mainContactArea #footerLinkArea #footerLink #productsLink .linkToTop,
#mainContactArea #footerLinkArea #footerLink #productsLink  ul li a span {
	font-size: 15px;
}

#mainContactArea #footerLinkArea #footerLink #groupLink ul li a {
	font-size: 12px;
}

#mainContactArea footer .copyright {
    font-size: 10px;
}


/* ============================================
    link color(Media Querie)
============================================ */


#mainContactArea #productsLinkArea h3,
#mainContactArea #footerLinkArea #footerLink #productsLink ul li.col_1of4 a:link,
#mainContactArea #footerLinkArea #footerLink #productsLink ul li.col_1of4 a:visited,
#mainContactArea #groupLinkArea ul li a:link,
#mainContactArea #groupLinkArea ul li a:visited {
	color: #000;
}

#mainContactArea #languageSelector a:link,
#mainContactArea #languageSelector a:visited {
    color: #7e7e7e;
}


/* ============================================
    base layout(Media Querie)
============================================ */

#mainContactArea #wrapper {
    min-width: 100%;
	box-sizing: border-box;
}

#mainContactArea #headLinkArea,
#mainContactArea #headerArea #header,
#mainContactArea footer,
#mainContactArea #contactArea,
#mainContactArea {
	width: 100%;
	min-width: 320px;
}

#contactArea,
#mainContactArea {
    margin-top: 10px;
}

#contactArea,
#mainContactArea section {
    margin-bottom: 0;
}

#mainContactArea .row {
    padding-left: 4%;
    padding-right: 4%;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

div#contactArea > .row:first-child {
	margin-top: 0;
}

#mainContactArea .borderB_03 {
    margin-bottom: 10px;
    padding-bottom: 20px;
}

#mainContactArea .marginT_0 {
    margin-top: 0;
}
#mainContactArea .marginT_10 {
    margin-top: 10px;
}
#mainContactArea .marginT_20 {
    margin-top: 20px;
}
#mainContactArea .marginT_30 {
    margin-top: 20px;
}
#mainContactArea .marginT_50 {
    margin-top: 30px;
}

#mainContactArea .marginB_0 {
    margin-bottom: 0;
}
#mainContactArea .marginB_10 {
    margin-bottom: 10px;
}
#mainContactArea .marginB_20 {
    margin-bottom: 10px;
}
#mainContactArea .marginB_30 {
    margin-bottom: 10px;
}

#mainContactArea .paddingB_10 {
    padding-bottom: 10px;
}
#mainContactArea .paddingB_30 {
    padding-bottom: 10px;
}

#mainContactArea .paddingT_30 {
    padding-top: 10px;
}

#mainContactArea figure.floatL.marginFloatL,
#mainContactArea figure.floatR.marginFloatR {
    float: none;
    margin: 0;
}


#mainContactArea .android .row .col_1of2 {
	float:left;
}

#mainContactArea .row .col_1of3,
#mainContactArea .row .col_1of4,
#mainContactArea .row .col_1of5 {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}

#mainContactArea .android .row .col_1of3:nth-child(2n+1),
#mainContactArea .android .row .col_1of5:nth-child(2n+1) {
	clear:both;
}

.msie8 #mainContactArea .row .col_1of2,
.msie9 #mainContactArea .row .col_1of2 {
    width: 48%;
}

#mainContactArea .row .col_1of2 .bg .col_1of2,
#mainContactArea .row .col_1of2 .bg .col_1of2:last-child {
    width: 50%;
}

#mainContactArea .row .col_1of2.sp_col_1of1 {
    width: 100%;
	margin-right: 0;
}
#mainContactArea .row .col_1of2.MovieArea {
	width:100% !important;
    clear:both;
}
#mainContactArea .row .col_1of2.MovieArea iframe{
	width:100%;
}
#mainContactArea .row .col_1of3.sp_col_1of1 {
	clear:both;
}

#mainContactArea .row.vertical .bg {
	padding: 4%;
}

#mainContactArea .row.vertical .col_2of3 .bg,
#mainContactArea .row.vertical .col_1of3 .bg {
	width: 92%;
}

#mainContactArea .row .col_1of2.sp_col_1of1 .col_1of2,
#mainContactArea .row .col_1of2.sp_col_1of1 .col_1of2:last-child {
    width: 48%;
    float: left;
}

#mainContactArea .row .bg.border {
    width: 100%;
}

#mainContactArea .sp_block {
    display: block;
}

#mainContactArea .sp_block_w100 {
    display: block;
    width: 100%;
    margin-right: 0;
}

#mainContactArea .sp_block .col_1of3,
#mainContactArea .sp_block .col_2of3,
#mainContactArea .row figure .col_1of3,
#mainContactArea .row figure .col_2of3  {
    width: auto;
}

#mainContactArea .sp_block > .col_1of3,
#mainContactArea .sp_block > .col_2of3 {
    width: 100%;
    padding: 0.4em 0 0.4em;
}

.msie9 #mainContactArea .sp_block > .col_1of3,
.msie9 #mainContactArea .sp_block > .col_2of3 {
    width: 100%;
}


/* ============================================
    heading(Media Querie)
============================================ */

#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5 {
    margin: 10px 0 10px 0;
    padding: 0 4%;
}
#mainContactArea .sp_col_1of1 h1,
#mainContactArea .sp_col_1of1 h2,
#mainContactArea .sp_col_1of1 h3,
#mainContactArea .sp_col_1of1 h4,
#mainContactArea .sp_col_1of1 h5 {
    padding: 0;
}



}