/*
Theme Name: nanosystem-solutions.com
Theme URI:
Author: NanoSystemSolutions.Inc.,
Author URI:
Description:
Version: 2019.04
License:
License URI:
Tags:
*/

@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*HTML5 format*/

section, article, nav, aside, header, footer, address {
  display:block;
}

/*basic elements*/

html {}
body {
  margin:0;
  padding:80px 0 0;
}
ul, ol {
  margin:0;
  padding:0;
  list-style-type:none;
}
table {border-collapse:collapse;}
thead th, thead td {}
th, td {}
img {border:none;}
img.alignleft {float:left;}
img.alignright {float:right;}
img.aligncenter {display:block; margin:1em auto;}
input[type="text"], input[type="email"], input[type="tel"], textarea {
  box-sizing:border-box;
  background-color:rgb(255,255,255);
  border:1px solid rgb(230,232,237);
}
input[type="text"], input[type="email"], input[type="tel"] {
  padding:0 0.5em;
  height:30px;
}
textarea {
  padding:0.5em;
  height:200px;
}
select {
  -webkit-appearance:none;
  vertical-align:middle;
  padding:0 0 0 1em;
  height:30px;
  font-size:14px;
  background:rgb(255,255,255) url(images/ic_affordance.png) 95% center no-repeat;
  background-size:8px 12px;
  border:1px solid rgb(230,232,237);
}

a.btn, button,
input[type="submit"], input[type="button"],
.metaslider span.btn {
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  text-align:center;
  line-height:1;
  padding:0.5em 1em;
  background-color:transparent;
  border:1px solid rgb(13,94,166);
}
a.btn:hover, button:hover,
input[type="submit"]:hover, input[type="button"]:hover {
  background-color:rgb(13,94,166);
}

.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

hr {display:none;}
.reset {clear:both;}

/*block level elements*/

#header header h1,
#navi,
nav.path,
#footer_content {
  margin:0 auto;
  max-width:1092px;
}
#container {}
#header {
  position:fixed;
  left:0;
  top:0;
  z-index:1;
  width:100%;
  height:80px;
  background-color:rgb(255,255,255);
  background-color:rgba(255,255,255,0.95);
  border-bottom:1px solid #eee;
}
#navi {position:relative;}
#section {}
#contents {}
#main, #aside {
  margin:0 auto;
  padding-top:3em;
  max-width:910px;
}
#footer {
  background-color:rgb(21,32,59);
  overflow:hidden;
}

/*head elements*/

#header header h1 {position:relative;}
#header header h1 a {
  position:absolute;
  left:12px;
  top:12px;
  z-index:1;
  width:102px;
  height:56px;
  background:url(images/logo_01.png) center no-repeat;
  background-size:100%;
  font-size:0;
  color:transparent;
}

/*navi elements*/

#navi h1 {display:none;}
#navi ul {
  margin-top:33px;
  padding:0 0 0 182px;
  text-align:right;
  font-size:0;
}
#navi li {
  display:inline-block;
  margin:0 12px;
}
#navi ul ul {
  display:none;
  position:absolute;
  margin:0;
  padding:0;
  background:rgb(255,255,255);
  text-align:left;
}
#navi li:hover ul {display:block;}
#navi ul ul li {
  display:block;
  margin:1.25em;
}
#navi a {
  display:block;
  padding:0 0 0.5em;
}
#navi ul ul a {
  display:inline;
  padding:0;
}

/*foot elements*/

#footer_content {
  margin:30px auto;
  font-size:0;
}
#footer address,
#footer_navi, #footer_navi ul {
  display:inline-block;
  vertical-align:top;
}
#footer address {width:25%;}
#footer address h2 {margin:0 12px 2em;}
#footer address h3 {margin:1em 12px 0.5em;}
#footer address span.address {
  display:block;
  margin:0.5em 12px;
}
#footer_navi {width:75%;}
#footer_navi h1 {display:none;}
#footer_navi > ul {width:33.3%;}
#footer_navi ul ul {
  display:block;
  margin:0 0 0 1.25em;
}
#footer_navi li {
  margin:0 12px;
  border-top:1px solid rgb(51,75,135);
}
#footer_navi > ul > li:last-child {border-bottom:1px solid rgb(51,75,135);}
#footer_navi ul ul li {margin:0;}
#footer_navi a {
  display:inline-block;
  padding:0.6em 0;
}

#copyright {
  display:block;
  padding:1em 0;
  border-top:1px solid rgb(51,75,135);
  text-align:center;
}

/*common elements*/

#title {
  padding:75px 0 0;
  height:155px;/* 230px */
  background:rgb(72,184,215) url(images/bg_title.jpg) center no-repeat;
  background-size:cover;
  text-align:center;
}
#title h1:before, #title span:before {
  content:'';
  display:block;
  margin:0 0 10px;
}
body.blog #title h1:before,
body.single-post #title span:before {content:'NEWS';}
body.page-product #title h1:before,
body.page-maskless #title h1:before,
body.page-inspection #title h1:before,
body.page-ocr #title h1:before {content:'PRODUCT';}
body.page-application #title h1:before {content:'APPLICATION';}
body.page-company #title h1:before,
body.page-info #title h1:before,
body.page-philosophy #title h1:before,
body.page-business #title h1:before,
body.page-aboutus #title h1:before,
body.page-facility #title h1:before,
body.page-location #title h1:before {content:'COMPANY INFORMATION';}
body.page-recruit #title h1:before,
body.page-about #title h1:before{content:'ABOUT US';},
body.page-interview1 #title h1:before,
body.page-interview2 #title h1:before,
body.page-interview3 #title h1:before,
body.page-entry #title h1:before,
body.page-message-from-recruitment-officer #title h1:before {content:'JOBS';}
body.page-contact #title h1:before {content:'CONTACT';}
body.page-ir #title h1:before {content:'FINANCIAL PUBLIC NOTICE';}
body.page-privacy #title h1:before {content:'PRIVACY POLICY';}
body.page-products #title h1:before {content:'OUR PRODUCTS';}

#title h1, #title span {
  position:relative;
  display:inline-block;
  margin:0;
  padding:0 0 0.4em;
}
#title h1:after, #title span:after {
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  margin-left:-50px;
  width:100px;
  border-bottom:1px solid rgb(255,255,255);
}

.path {}
.path h1 {display:none;}
.path p {margin:1em 12px;}
.path span.home {}
.path span.dir {}
.path span.page {}
.path span.gt {}

.paginate {}
.paginate ul {
  margin:40px 12px;
  text-align:center;
  font-size:0;
}
.paginate li {display:inline;}
.paginate li a {
  box-sizing:border-box;
  display:inline-block;
  margin:0 12px;
  padding:0 1.25em;
  height:44px;
  line-height:44px;
  border:1px solid rgb(13,94,166);
  text-align:center;
}
.paginate li a:hover {
  background-color:rgb(13,94,166);
}
.paginate .index {}
.paginate .prev {}
.paginate .next {}
.paginate .num {}

.page_top {clear:both;}
.page_top p {
  margin:1em 40px;
  text-align:right;
}
.page_top a {
  box-sizing:border-box;
  display:inline-block;
  width:44px;
  height:44px;
  line-height:40px;
  text-align:center;
  background-color:rgb(13,94,166);
  border:1px solid rgb(13,94,166);
  font-size:0;
  color:transparent;
}
.page_top a:hover {
  background-color:rgb(255,255,255);
}

/*body elements*/

.body > h2, .body h3, .body h4 {clear:both;}
.body > h2, article#main h1,
.body h3,
.body h4 {
  margin:1.5em 12px;
}
.body p,
.body ul,
.body ol {
  margin:1em 12px;
}

.body > h2, article#main h1 {
  position:relative;
  padding:0 0 0.5em;
  border-bottom:1px solid rgb(229,229,229);
}
.body > h2:after, article#main h1:after {
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:25%;
  border-top:1px solid rgb(13,94,166);
}
.body h3 {}
.body h4 {
  padding:0.2em 0 0.2em 0.6em;
  border-left:1px solid rgb(13,94,166);
}
.body p {}
.body > ul {
  padding:0 0 0 2em;
  list-style-type:disc;
}
.body > ol {
  padding:0 0 0 2em;
  list-style-type:decimal;
}
.body li {
  margin:0.8em 0;
}
.body ul.check {
  padding:0;
  list-style-type:none;
}
.body ul.check li {
  position:relative;
  padding:0 0 0 2em;
}
.body ul.check li:before {
  position:absolute;
  left:0.5em;
  top:0;
}
.body dl {}
.body dt {}
.body dd {}
.body table {
  margin:1em 12px;
  width:100%;
  max-width:calc(100% - 24px);
  border-top:1px solid rgb(229,229,229);
  border-collapse:collapse;
}
.body th {
  padding:1em 0.5em;
  border-bottom:1px solid rgb(229,229,229);
  text-align:left;
}
.body td {
  padding:1em 0.5em;
  border-bottom:1px solid rgb(229,229,229);
}
.body table p {margin:0.5em 0;}

.body img {
   max-width:100%;
   height:auto;
}
.body img.alignleft {float:left; margin:0 24px 24px 0;}
.body img.alignright {float:right; margin:0 0 24px 24px;}
.body img.aligncenter {display:block; margin:2em auto;}

.body div.col {
  margin:1rem 0;
  font-size:0;
}
.body figure {
  margin:1em 12px;
  padding:0;
}
.body div.col figure {
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
  margin:0;
  padding:0 12px;
  width:50%;
}
.body div.col4 figure {width:25%;}
.body figcaption {
  margin:0.5em 0;
  padding:0;
  font-size:1rem;
}
.body figcaption strong {}
.body p > strong {
  position:relative;
  display:inline-block;
  padding:0 0.25em;
}
.body p > strong:after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  border-bottom:1em solid rgba(13,94,166,0.2);
}

.body div.box {
  margin:1em 12px;
  padding:0 1em;
  background-color:rgb(250,250,250);
  overflow:hidden;
}
.body div.box p {margin:1em 0;}

.body div.googlemap {margin:1em 12px;}

.body div.mv {margin:2rem 12px;}
.body div.mv iframe {max-width:100%;}

.body p a.btn {margin:0 0.25rem 0.5rem 0;}

.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

.edit_post_link {clear:both;}
.edit_post_link p {margin:1em 12px;}

body.w100 #main {
  margin:0;
  padding-top:0;
  max-width:100%;
}
body.w100 #main.body > h2,
body.w100 #main.body > h3,
body.w100 #main.body > h4,
body.w100 #main.body > p,
body.w100 #main.body > ul,
body.w100 #main.body > ol {
  margin:1em auto;
  width:100%;
  max-width:886px;
}

div.page_menu {
  -ms-display:flex;
  display:flex;
  flex-wrap:wrap;
  border-top:1px solid rgb(229,229,229);
  border-bottom:1px solid rgb(229,229,229);
}
div.page_menu div.page {
  box-sizing:content-box;
  position:relative;
  flex-basis:33.33%;
  overflow:hidden;
}
div.page_menu div.page.all {
  flex-basis:100%;
  border-top:1px solid rgb(229,229,229);
  text-align:center;
}
/* div.page_menu div.page:nth-of-type(3n-1) {position:relative;}
div.page_menu div.page:nth-of-type(3n-1):before,
div.page_menu div.page:nth-of-type(3n-1):after {
  content:'';
  position:absolute;
  top:0;
  height:100%;
}
div.page_menu div.page:nth-of-type(3n-1):before {
  left:0;
  border-left:1px solid rgb(229,229,229);
}
div.page_menu div.page:nth-of-type(3n-1):after {
  right:0;
  border-left:1px solid rgb(229,229,229);
} */

div.page_menu div.page::after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:100%;
  border-right:1px solid rgb(229,229,229);
}
div.page_menu div.page:nth-of-type(3n):after {content:none;}

div.page_menu.product div.page {flex-basis:25%;}
div.page_menu.product div.page:nth-of-type(3n):after {content:'';}
div.page_menu.product div.page:nth-of-type(4n):after {content:none;}

div.page_menu div.page span.thumb {
  display:block;
  margin:0;
  text-align:center;
}
div.page_menu div.page img {
  width:100%;
  height:auto;
}
div.page_menu div.page h2 {margin:1em 24px;}
div.page_menu div.page p {margin:1em 24px;}
div.page_menu div.page a.btn {margin:0 0.5em 0.5em 0;}

body.w100 div.topic {
  position:relative;
  margin:3rem auto;
  width:910px;
}
body.w100 div.topic p {
  padding:0 480px 0 0;
  min-height:256px;
}
body.w100 div.topic div.mv {}
body.w100 div.topic div.mv iframe {
  position:absolute;
  right:12px;
  top:4rem;
  width:458px;
  height:256px;
}
body.w100 div.eos {
  border-top:1px solid rgb(229,229,229);
  border-bottom:1px solid rgb(229,229,229);
}

body.page-col2 #content {
  margin:0 auto;
  max-width:1092px;
  direction:rtl;
  font-size:0;
}
body.page-col2 #main,
body.page-col2 #aside {
  display:inline-block;
  vertical-align:top;
  direction:ltr;
}
body.page-col2 #main {
  width:66.2%;
  max-width:728px;
}
body.page-col2 #aside {
  margin-right:8%;
  width:25%;
  max-width:273px;
}

.mod {}
.mod h1 {margin:2em 12px;}
nav.mod ul {}
nav.mod li {margin:0.8em 12px;}
nav.mod li a {}
nav.mod div.banners {}
nav.mod div.banners ul {
  margin:2rem 0;
  font-size:0;
}
#aside div.banners li {margin:1.5rem 12px;}
#aside div.banners li img {
  width:100%;
  height:auto;
}
#aside a.btn {
  box-sizing:border-box;
  width:100%;
}

/* home */

body.home div.page_menu {border:none;}
body.home div.page_menu div.page {
  min-height:300px;
  background-color:rgb(250,250,250);
  background-size:cover;
  border:none;
}
/* body.home div.page:nth-of-type(3n-1):before,
body.home div.page:nth-of-type(3n-1):after {content:none;} */
body.home div.page_menu div.page.all {min-height:200px;}
div.page.product {background:url(images/home_bg_product.jpg) center no-repeat;}
div.page.application {background:url(images/home_bg_application.jpg) center no-repeat;}
div.page.newbiz {background:url(images/home_bg_newbiz.jpg) center no-repeat;}
div.page.products {background:url(images/home_bg_products.jpg) center no-repeat;}
div.page.facility {background:url(images/home_bg_facility.jpg) center no-repeat;}
div.page.location {background:url(images/home_bg_location.jpg) center no-repeat;}
div.page.company {background:url(images/home_bg_company.jpg) center no-repeat;}
body.home div.page h2:before {
  content:'';
  display:block;
  margin:30px 0 10px;
}
body.home div.page.product h2:before {content:'Products';}
body.home div.page.application h2:before {content:'Application';}
body.home div.page.newbiz h2:before {content:'New Business';}
body.home div.page.products h2:before {content:'Our Products';}
body.home div.page.facility h2:before {content:'Facility';}
body.home div.page.location h2:before {content:'Our Locatoin';}
body.home div.page.company h2:before {content:'Company Information';}
body.home div.page.jobs h2:before {content:'Jobs';}
body.home div.page h2 {margin:10px 30px 1em;}
body.home div.company h2 {margin:60px 30px 1em;}
body.home div.page p {margin:1em 30px;}

body.home div.page a.btn,
.metaslider span.btn,
#home_recruit a.btn {border-color:rgb(255,255,255);}
body.home div.page a.btn:hover,
.metaslider span.btn:hover,
#home_recruit a.btn:hover {background-color:rgb(255,255,255);}

body.home section h1 {
  position:relative;
  margin:40px 12px;
  text-align:center;
}
body.home section h1:after {
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  margin-left:-50px;
  width:100px;
  border-bottom:1px solid rgb(51,51,51);
}
body.home section h1 span:before {
  content:'';
  display:block;
  margin:0 0 10px;
  text-transform:uppercase;
}
body.home section h1 span {
  display:inline-block;
  padding:0 0 0.4em;
}
body.home div.content {
  display:flex;
  flex-wrap:wrap;
  margin:0 auto;
  max-width:910px;
}
body.home div.btn {
  margin:40px 0;
  text-align:center;
}

#home_news {
  margin:0 auto;
  max-width:910px;
}
#home_news h1 span:before {content:'News';}

#home_recruit {
  background:url(images/home_bg_jobs.jpg) center no-repeat;
  background-size:cover;
  overflow:hidden;
}
#home_recruit h1:after {border-color:rgb(255,255,255);}
#home_recruit h1 span:before {content:'Jobs';}
#home_recruit div.col {
  margin:0 1%;
  width:48%;
  background-color:rgba(28,29,147,0.7);
}
#home_recruit h2 {
  margin:1.5em 5%;
  text-align:center;
}
#home_recruit ol {
  margin:1em 0;
  list-style-type:decimal;
}
#home_recruit li {margin:1em 5% 1em 3em;}

#home_result,
#home_link {
  margin:0 5%;
  width:40%;
}
#home_result h1 span {letter-spacing:-0.05em;}
#home_result h1 span:before {
  content:'Result';
  letter-spacing:0;
}
#home_result ul {}
#home_result li {margin:1em 12px;}
#home_result li a.btn {
  box-sizing:border-box;
  padding:1em;
  width:100%;
  text-align:left;
}
#home_result p {margin:1em 12px;}
#home_result div.mv {
  margin:1rem 12px;
  text-align:center;
}
#home_result div.mv iframe {
  max-width:100%;
  max-height:192px;
}

#home_link {}
#home_link {}
#home_link h1 {}
#home_link h1 span:before {content:'Related Link';}
#home_link ul {}
#home_link li {
  margin:1.5rem 0;
  text-align:center;
}
#home_link li a {}
#home_link li img {
  max-width:100%;
  height:auto;
}

#home_bnr {
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 3rem;
}
#home_bnr span {
  display: inline-block;
  background-color: rgb(255 255 255);
  font-size: 0;
}
#home_bnr a:hover img {opacity: 0.8;}

/* news */

div.posts {}
div.posts ul {}
div.posts li {
  margin:0 12px;
  padding:1em 0;
  border-bottom:1px solid rgb(229,229,229);
}
div.posts li:first-child {border-top:1px solid rgb(229,229,229);}
div.posts li a {font-size:0;}
div.posts li time, div.posts li span.title {
  display:inline-block;
  vertical-align:top;
}
div.posts li time {width:15%;}
div.posts li span.title {width:85%;}

body.single-post #main {max-width:728px;}
body.single-post #main header time {
  display:block;
  margin:1em 12px;
}

/* recruit */

div.intro {
  background:rgb(192,192,192) url(images/recruit_bg_intro.jpg) center no-repeat;
  background-size:cover;
  overflow:hidden;
}
div.intro h2 {
  margin:40px auto;
  max-width:1068px;
  text-align:center;
}
div.intro_content {
  margin:40px auto;
  max-width:1068px;
}
div.intro_content div.btn {
  margin:40px 0;
  text-align:center;
}
div.intro_content a.btn {
  border:1px solid rgb(255,255,255);
  color:rgb(255,255,255);
}
div.intro_content a.btn:hover {
  background-color:rgb(255,255,255);
  color:rgb(13,94,166);
}

div.entry_btn {
  margin:40px 0;
  height:200px;
  line-height:200px;
  background:rgb(192,192,192) url(images/bg_entry_btn.jpg) center no-repeat;
  background-size:cover;
  text-align:center;
}
div.entry_btn a.btn {padding:1em 4em;}
div.entry_btn a.btn {
  background-color:rgb(255,255,255);
  border-color:rgba(255,255,255,1);
}
div.entry_btn a.btn:hover {
  background-color:rgb(13,94,166);
  border-color:rgba(255,255,255,1);
}

#staff_interview {overflow:hidden;}
#staff_interview h1 {
  margin:40px 0;
  text-align:center;
}
div.staff {
  direction:rtl;
  display:table;
  margin:40px auto;
  max-width:1068px;
  background-color:rgb(21,32,59);
  overflow:hidden;
  font-size:0;
}
div.staff_body, div.staff_photo {
  direction:ltr;
  display:table-cell;
  vertical-align:top;
  width:50%;
}
div.staff_body {}
div.staff_body h2 {
  margin:2em 24px;
}
div.staff_body p {
  margin:1em 24px;
}
div.staff_photo {}
div.staff_photo img {
  width:100%;
  height:auto;
}

body.page-entry table.entry {
  margin:0 0 3em;
}

/* contact */

div.wpcf7 {}
div.screen-reader-response {}
form.wpcf7-form {
  margin:2em 12px;
  padding:20px 0;
  background-color:rgb(250,250,250);
  overflow:hidden;
}
form.wpcf7-form h2 {margin:1em 0;}
form.wpcf7-form table {
  margin:20px auto;
  width:80%;
}
form.wpcf7-form tr {}
form.wpcf7-form th, form.wpcf7-form td {
  vertical-align:top;
  padding:1em 0.5em;
}
form.wpcf7-form th {
  padding:1.2em 0;
  width:25%;
  line-height:1.5;
}
form.wpcf7-form td {width:75%;}
span.wpcf7-form-control-wrap {}
span.wpcf7-form-control-wrap.subject span.wpcf7-list-item {
  display:block;
  margin:0 0 0.5em;
}
input.wpcf7-text {width:80%;}
input.wpcf7-email {}
input[name="zip"] {
  vertical-align:middle;
  width:8em;
}
select[name="pref"] {
  margin:0 0 0 1em;
  width:8em;
}
input[name="address"] {margin:0.5em 0 0;}
td.pr {line-height:40px;}
input[type="checkbox"] {vertical-align:middle;}
input[name="pr_ad_name"], input[name="pr_exhibition_name"], input[name="pr_other_name"] {width:60%;}
input.wpcf7-validates-as-required {}
input.wpcf7-validates-as-email {}
textarea.wpcf7-textarea {width:95%;}
span.wpcf7-not-valid-tip {}
input.wpcf7-not-valid {}
form.wpcf7-form p {
  margin:1em auto;
  width:80%;
}
form.wpcf7-form div.btn {
  margin:40px 0;
  text-align:center;
}
input.btn {}
input.wpcf7-submit {padding:0.5em 3em;}
span.ajax-loader {}
span.wpcf7-not-valid-tip {
  display:block;
  margin:0.5em 0 0;
  font-size:80%;
}
div.wpcf7-response-output {
  margin:40px auto !important;
  padding:2em;
  width:80%;
  background-color:rgb(229,229,229);
  border:none;
}

span.wpcf7-checkbox span.wpcf7-list-item {margin:0 1em 0.5em 0;}

form.wpcf7-form span.note {
  font-size:85%;
  color:gray;
}

/* fx */

#header,
#navi li:hover ul {box-shadow:0 0 5px rgba(0,0,0,0.25);}

#navi ul ul,
.page_top a, .paginate li a,
a.btn, button,
input[type="submit"], input[type="button"],
input[type="text"], input[type="email"], input[type="tel"], textarea, div.wpcf7-response-output,
.metaslider span.btn {border-radius:4px;}
form.wpcf7-form,
.body div.box {border-radius:8px;}

nav.mod div.banners a:hover img {opacity:0.8;}

a.btn, button,
input[type="submit"], input[type="button"],
.paginate li a, .page_top a {transition:0.25s;}

/*characters*/

body {font-size:16px;}
input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], input[type="button"],
.paginate li a, .page_top a:before,
div.posts li time, div.posts li span.title,
body.page-col2 #main, body.page-col2 #aside,
div.page_menu div.page,
div.staff_body,
body.home div.page h2:before {font-size:1rem;}
#copyright {font-size:12px;}
.path,
#footer address, #footer address h2, #footer address h3,
#footer_navi ul {font-size:13px;}
textarea, #navi li,
body.single-post #main header time, div.posts li time {font-size:14px;}
#title h1:before, #title span:before,
.body > h2, article#main h1, .body h3,
div.entry_btn a.btn, div.staff_body h2,
div.page_menu div.page h2,
body.home section h1 span:before,
#home_recruit h2 {font-size:20px;}
body.home div.page h2, #home_news h1,
#staff_interview h1 {font-size:24px;}
#title h1, #title span {font-size:26px;}
.metaslider .caption strong {font-size:32px;}

body {line-height:1;}
#footer_navi ul, .path p,
article#main h1, .body h2, .body h3, .body h4,
#home_result li a.btn {line-height:1.2;}
#footer address,
.body li, div.posts li,
.body figcaption,
div.wpcf7-response-output,
#home_recruit li {line-height:1.3;}
.body table,
div.intro h2, div.staff_body h2,
div.page_menu div.page p {line-height:1.5;}
.body p {line-height:1.7;}

#navi li {font-weight:bold;}
#title h1,
#footer address h3 {font-weight:normal;}
#title h1:before, #title span:before,
body.home div.page h2:before,
body.home section h1 span:before {font-weight:300;}

a:link, a:visited,
#home_recruit li a:hover {text-decoration:none;}
a:hover, a:active,
div.posts a:hover span.title,
nav.mod li a,
#home_recruit li a {text-decoration:underline;}
a.btn, .paginate li a, .page_top a {text-decoration:none;}

body,
nav.mod li a {color:rgb(51,51,51);}
a:link {color:rgb(13,94,166);}
a:visited {color:rgb(13,94,166);}
a:hover {color:rgb(13,94,166);}
a:active {color:rgb(13,94,166);}
#footer, #footer a {color:rgb(221,229,234);}
#copyright {color:rgb(77,92,105);}
a.btn:hover, button:hover,
input[type="submit"]:hover, input[type="button"]:hover,
#title, .paginate li a:hover, .page_top a:before,
div.intro, div.staff_body,
body.home div.page_menu, body.home div.page a.btn,
#home_recruit, #home_recruit a {color:rgb(255,255,255);}
a.btn, button,
input[type="submit"], input[type="button"],
.page_top a:hover:before,
nav.mod li a:hover,
body.home div.page a.btn:hover,
.metaslider span.btn:hover,
#home_recruit a.btn:hover {color:rgb(13,94,166);}
div.posts li time {color:rgb(70,70,70);}

.metaslider .caption,
#title,
body.home div.page_menu,
.metaslider span.btn, .metaslider span.btn:after {
  text-shadow:0px 0px 3px rgba(0,0,0,0.5);
}
body.home div.page_menu a.btn:hover,
.metaslider span.btn:hover {
  text-shadow:none;
}

#footer address {font-style:normal;}

body,
a.btn, button,
input[type="submit"], input[type="button"] {
  font-family: '游ゴシック', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}
#title h1:before, #title span:before,
body.home div.page h2:before,
body.home section h1 span:before,
.path span.gt, #copyright {font-family:'Open Sans', 'Arial', sans-serif;}
.metaslider .caption {font-family:'Open Sans', 'YuGothic';}

#navi h1:before, #navi a:before, #footer_navi a:before,
.page_top a:before,
.body ul.check li:before,
.metaslider span.btn:after,
span.ic:before {
  display:inline-block;
  width:1em;
  text-align:center;
  font-family:'FontAwesome';
  font-size:inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#navi a[href$="product"]:before,
#navi a[href$="company"]:before,
#footer_navi a[href$="product"]:before,
#footer_navi a[href$="company"]:before,
#footer_navi a[href$="recruit"]:before,
.metaslider span.btn:after {
  content:'\f107';
  width:1.25em;
}
#navi a[href$="en"]:before {content:'\f0ac'; width:1.25em;}
.page_top a:before {content:'\f102'; font-size:28px;}
.body ul.check li:before {content:'\f058';}
.body span.ic:before {margin:0 0.5em;}
span.ic.car:before {content:'\f1b9';}
span.ic.train:before {content:'\f238';}

/*misc*/

.ir {
  font-size:0;
  color:transparent;
}