/*
Theme Name: 株式会社ミーティッジ
Theme URI: http://meatidge.co.jp
Author: 株式会社ミーティッジ
Author URI: http://meatidge.co.jp
Description:
Version: 2026.10.09
License:
License URI:
Tags:
*/

@charset "utf-8";

@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;
}

/* initialization */

body {
  margin:0;
  padding:70px 0 0;
}

section, article, nav, aside, header, footer, address {display:block;}
ul, ol {
  margin:0;
  padding:0;
  list-style-type:none;
}
table {border-collapse:collapse;}
img {border:none;}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
textarea, select {
  -webkit-appearance:none;
  box-sizing:border-box;
  width:100%;
  background-color:rgb(255,255,255);
  border:1px solid rgb(204,204,204);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"], input[type="url"],
textarea:focus {outline:none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"] {
  padding:0 1em;
  height:40px;
}
textarea {
  padding:1em;
  height:300px;
}
select {
  padding:0 1em;
  height:40px;
  background:url(images/bg_select.png) center right 10px no-repeat;
  background-size:auto 18px;
}
a.btn, button, input[type="submit"], input[type="button"] {
  -webkit-appearance:none;
  box-sizing:border-box;
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  text-align:center;
  padding:0.75em 1em;
  background-color:rgb(249,149,0);
  border:2px solid rgb(249,149,0);
  line-height:1;
}
a.btn:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {background-color:rgba(249,149,0,0.8);}

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

.body div.cols {
  display:flex;
  flex-wrap:wrap;
}

/* block level elements */

#header {
  position:fixed;
  left:0;
  top:0;
  z-index:1;
  width:100%;
  height:70px;
  background-color:rgba(255,255,255,0.95);
}
body.admin-bar #header {top:32px;}
#navi {}
#contents {}
#main {
  margin:0 auto;
  max-width:900px;
}
#aside {}
#footer {}

div.content,
#header h1, #navi,
#contents,
.path,
.pages ul {
  margin:0 auto;
  max-width:1080px;
}

#footer div.content,
#ft_navi,
.pages ul,
body.blog #contents,
body.category #contents,
body.single-post #contents {
  display:flex;
  flex-wrap:wrap;
}
#navi li,
div.posts time, div.posts span.title,
.paginate li a,
div.wp-pagenavi span, div.wp-pagenavi a,
div.share li a {
  display:inline-block;
  vertical-align:top;
}

/* head elements */

#header h1 {
  position:relative;
  font-size:0;
}
#header h1 a {
  position:absolute;
  left:10px;
  top:20px;
}
#header h1 img {vertical-align:middle;}
#header h1 span {
  display:inline-block;
  vertical-align:middle;
  padding:0 1.5em;
  height:30px;
  line-height:30px;
  border-right:1px solid rgb(204,204,204);
}

/* navi elements */

#navi {position:relative;}
#navi h2 {display:none;}
#navi ul {
  position:absolute;
  right:0;
  top:0;
  z-index:1;
  font-size:0;
}
#navi li {
  position:relative;
  margin:0 10px;
}
#navi > ul > li.tracability,
#navi > ul > li.privacy,
#navi > ul > li.terms {display:none;}
#navi a {
  display:block;
  height:66px;
  line-height:72px;
  border-bottom:4px solid transparent;
}
#navi li:hover a {border-color:rgb(249,149,0);}
#navi a[href*="contact"] {
  box-sizing:border-box;
  padding:15px 1em 0;
  height:70px;
  background-color:rgb(249,149,0);
  border:none;
  line-height:1.25;
}
#navi a[href*="contact"]:hover {
  background-color:rgba(249,149,0,0.8);
}
#navi a[href*="contact"]:before {
  display:block !important;
  margin:0 0 5px;
}
#navi > ul > li:hover {padding:0 0 10px;}
#navi li ul {
  display:none;
  position:absolute;
  left:0;
  right:initial;
  top:55px;
  margin:0;
  min-width:213px;
  background-color:rgb(249,149,0);
  white-space:nowrap;
}
#navi li ul:before {
  content:'';
  position:absolute;
  left:0;
  top:-9px;
  width:100%;
  height:9px;
  background:url(images/bg_popup.png) 10% bottom no-repeat;
  background-size:auto 9px;
}
#navi li:hover ul {display:block;}
#navi li li {
  display:block;
  margin:0;
}
#navi li li:last-child {border:none;}
#navi li li a {
  padding:1em;
  height:initial;
  line-height:1;
  border:none;
}
#navi li.btn {display:none;}

/* foot elements */

#footer div.content {padding:20px 0;}
#ft_navi {width:50%;}
#ft_navi h1 {display:none;}
#ft_navi ul {width:50%;}
#ft_navi li {
  margin:0 10px;
  padding:0.7em 0;
  border-bottom:1px solid rgb(204,204,204);
}
#ft_navi li:first-child {border-top:1px solid rgb(204,204,204);}
#ft_navi a {}
#ft_navi a:before {}
#ft_navi li ul {
  width:initial;
  margin:0.7em 0 0 2em;
}
#ft_navi li li {margin:0;}
#ft_navi li li:last-child {
  padding-bottom:0;
  border:none;
}

#ft_info, ft_etc {width:25%;}
#footer div.col h2,
#footer div.col p {margin:1em 10px;}
#footer div.col a.btn {width:100%;}
#ft_info a.btn {
  background-color:rgb(255,255,255);
  border-color:rgb(151,151,151);
}
#ft_info a.btn:hover {
  background-color:rgba(46,107,178,0.1);
  border-color:rgb(46,107,178);
}

#copyright {
  display:block;
  padding:0.8em 5%;
  background-color:rgb(60,60,60);
  text-align:center;
}

/* common elements */

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

#title h1, #title span {
  display:block;
  margin:2em 10px;
}
#title h1:before, #title span:before {
  content:'';
  display:inline-block;
  vertical-align:middle;
  margin:0 0.25em 0 0;
  width:0.8em;
  height:0.25em;
  border-top:2px solid rgb(214,25,32);
}
#title h1:after, #title span:after {margin:0 0 0 2em;}
body.blog #title h1:after,
body.category #title h1:after,
body.single-post #title span:after {content:'NEWS';}
body.page-dev #title h1:after {content:'EACH DEPARTMENT';}
body.page-safty-policy #title h1:after {content:'COMMITMENT OF SAFETY AND SECURITY';}
body.page-tracability #title h1:after {content:'BEEF TRACEABILITY SYSTEM';}
body.page-privacy #title h1:after {content:'PRIVACY POLICY';}
body.page-terms #title h1:after {content:'TERMS OF USE';}
body.page-contact #title h1:after {content:'CONTACT';}
body.page-recruit #title h1:after {content:'RECRUIT';}

#mainImg {margin:40px 10px;}
#mainImg img {
  width:100%;
  height:auto;
}

div.wp-pagenavi {
  margin:40px 10px;
  text-align:center;
}
div.wp-pagenavi span, div.wp-pagenavi a,
.paginate li a {
  margin:0 10px 10px 0;
  min-width:36px;
  height:36px;
  line-height:36px;
  text-align:center;
  background-color:rgb(255,255,255);
  border:1px solid rgb(249,149,0);
}
div.wp-pagenavi span {
  background-color:rgb(236,236,236);
  border:1px solid rgb(236,236,236);
}
div.wp-pagenavi span.pages {display:none;}
div.wp-pagenavi span.current {}
div.wp-pagenavi span.extend {}
div.wp-pagenavi a {}
div.wp-pagenavi a:hover,
.paginate li a:hover {background-color:rgb(255,248,241);}
div.wp-pagenavi a.previouspostslink {}
div.wp-pagenavi a.page {}
div.wp-pagenavi a.smaller {}
div.wp-pagenavi a.larger {}
div.wp-pagenavi a.nextpostslink {}
div.wp-pagenavi a.last {}

.paginate {}
.body .paginate ul {
  margin:40px 10px;
  padding:40px 0 0;
  border-top:1px solid rgb(204,204,204);
  text-align:center;
  font-size:0;
}
.paginate li {
  display:inline;
  margin:0 !important;
}
.paginate li a {
  margin:0;
  width:30%;
}
.paginate .index a {margin:0 4%;}
.paginate .prev {}
.paginate .next {}

.page_top {clear:both;}
.page_top p {
  margin:0;
  text-align:center;
}
.page_top a {
  display:block;
  padding:1em 0;
  background-color:rgb(214,25,32);
}
.page_top a:before {margin:0;}

aside.contact {
  height:200px;
  /* background:url(images/bg_contact.jpg) center no-repeat;
  background-size:cover; */
  background-color:rgb(249,149,0);
  overflow:hidden;
}
aside.contact div.content {
  position:relative;
  width:677px;
}
aside.contact h2 {margin:60px 10px 1em;}
aside.contact p {margin:1em 10px;}
aside.contact p.btn {
  position:absolute;
  right:0;
  top:0;
  margin:0 10px;
  width:227px;
}
aside.contact a.btn {
  margin:0 0 10px;
  width:100%;
  background-color:transparent;
  border-color:rgb(255,255,255);
}
aside.contact a.btn:hover {background-color:rgba(255,255,255,0.3);}

.pages {margin:80px 0;}
.pages h2 {
  position:relative;
  margin:40px auto;
  width:1060px;
  text-align:center;
}
.pages h2:before, .pages h2:after {
  content:'';
  position:absolute;
  top:50%;
  z-index:0;
  width:100%;
  border-top:1px solid rgb(51,51,51);
}
.pages h2:before {left:0;}
.pages h2:after {right:0;}
.pages h2 span {
  position:relative;
  z-index:1;
  display:inline-block;
  padding:0 0.75em;
  background-color:rgb(255,255,255);
}
.pages ul {}
.pages li {width:33.33%;}
.pages li a {
  display:block;
  margin:10px;
  height:calc(100% - 20px);
  background-color:rgb(255,255,255);
  border-color:rgb(255,255,255);
  overflow:hidden;
}
.pages li a:hover {background-color:rgb(255,248,241);}
.pages li span {display:block;}
.pages span.thumb {}
.pages span.thumb img {
  width:100%;
  height:auto;
}
.pages span.title {
  position:relative;
  margin:1em;
  text-align:center;
}
.pages span.title:before {
  content:'';
  display:none;
  margin:-2.75em auto 1em;
  padding:0.5em;
  width:75%;
  background-color:rgb(255,255,255);
  border:2px solid rgb(51,51,51);
  text-align:center;
}
.pages a[href$="philosophy"] span.title:before {content:'PHILOSOPHY'; display:block;}
.pages a[href$="history"] span.title:before {content:'HISTORY'; display:block;}
.pages a[href$="company"] span.title:before {content:'COMPANY PROFILE'; display:block;}
.pages a[href$="salesdev_1"] span.title:before {content:'SALES DEPARTMENT 1'; display:block;}
.pages a[href$="salesdev_2"] span.title:before {content:'SALES DEPARTMENT 2'; display:block;}
.pages a[href$="production"] span.title:before {content:'PRODUCTION DEPARTMENT'; display:block;}
.pages a[href$="distributioncenter"] span.title:before {content:'DISTRIBUTION CENTER'; display:block;}
.pages span.desc {margin:1em;}

.mod {}
.mod h1 {
  margin:1em 10px;
  padding:0.5em;
  background-color:rgb(249,149,0);
}
nav.mod ul {}
nav.mod li {margin:0.75em 10px;}
nav.mod li a {
  position:relative;
  display:block;
  padding:0 0 0 1em;
}
nav.mod li a:before {
  position:absolute;
  left:0;
  top:0.1em;
}

div.share {}
div.share ul {
  margin:40px 10px;
  text-align:center;
  font-size:0;
}
div.share li {
  display:inline;
  margin:0;
}
div.share li a {
  width:47%;
  height:40px;
  background-color:#eee;
}
div.share li.twitter a {
  margin:0 6% 0 0;
  background-color:rgb(72,170,230);
}
div.share li.facebook a {background-color:rgb(59,89,152);}
div.share li a:hover {opacity:0.8;}
div.share li a:before {
  font-size:24px !important;
  line-height:40px !important;
}

/* body elements */

.body h1, .body h2, .body h3 {
  clear:both;
  margin:1.5em 10px;
}
.body h2 {
  position:relative;
  padding:0 0 0.25em;
  border-bottom:1px solid rgb(204,204,204);
}
.body h2:after {
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:25%;
  border-top:1px solid rgb(249,149,0);
}
.body h2.tagline {
  padding:0;
  border:none;
  text-align:center;
}
.body h2.tagline:after {content:none;}

.body h4, .body p {margin:1em 10px;}
.body h1 {}
.body h2 {}
.body h3 {}
.body h4 {}
.body p {}

.body ul, .body ol {
  margin:1.5em 0;
  padding:0 0 0 2em;
}
.body ul {list-style-type:disc;}
.body ol {list-style-type:decimal;}
.body li {margin:0.5em 10px;}

.body dl {}
.body dt {}
.body dd {}

.body table {
  margin:2em 10px;
  width:97%;
  border-top:1px solid rgb(204,204,204);
}
.body th {
  padding:0.8em 0;
  border-bottom:1px solid rgb(204,204,204);
  text-align:left;
}
.body td {
  padding:0.8em 0 0.8em 1em;
  border-bottom:1px solid rgb(204,204,204);
}

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

.body div.cols {}
.body div.cols.nowrap {flex-wrap:nowrap;}
.body div.col {}
.body div.col2 div.col {width:50%;}
.body div.col3 div.col {width:33.33%;}
.body div.col4 div.col {width:25%;}
.body div.col5 div.col {width:20%;}
.body div.col.all {width:100%;}
.body div.col.stretch {
  flex:1;
  width:inherit;
}
.body div.col + p,
.body div.col div.cols + p {display:none;}

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

.edit_post_link {
  display:none;
  clear:both;
}
body.logged-in .edit_post_link {display:block;}
.edit_post_link p {}

.body div.tagline {text-align:center;}
.body div.dev {
  margin:2em 10px;
  text-align:center;
}
.body div.dev span {
  display:inline-block;
  margin:0 0 1em;
  padding:0.5em;
  background-color:rgb(255,255,255);
  border:2px solid rgb(51,51,51);
  text-align:center;
}

.body form {
  margin:40px auto;
  max-width:540px;
}
div.wpcf7 {}
div.screen-reader-response {}
form.wpcf7-form {}
form.wpcf7-form div {}
form.wpcf7-form div span.label {}
form.wpcf7-form div label {}
span.wpcf7-form-control-wrap {}
input.wpcf7-text {}
input.wpcf7-email {}
input.wpcf7-validates-as-required {}
input.wpcf7-validates-as-email {}
textarea.wpcf7-textarea {}
span.wpcf7-not-valid-tip {}
input.wpcf7-not-valid {}
form.wpcf7-form div.btns {
  margin:40px 5%;
  text-align:center;
}
input.btn {}
input.wpcf7-submit {
  padding:0.8em 3em;
  width:180px;
  letter-spacing:0.25em;
}
input.wpcf7-submit:disabled,
input.wpcf7-submit:disabled:hover {
  background-color:rgb(150,150,150);
  border-color:rgb(150,150,150);
  opacity:0.5;
}
span.ajax-loader {}
div.wpcf7-response-output {
  padding:1em;
  background-color:rgb(255,255,255);
  border-color:rgb(249,149,0);
}

/* home */

#home_about {
  height:500px;
  background:url(images/home_bg_about.jpg) center no-repeat;
  background-size:130%;
  text-align:center;
  overflow:hidden;
}
#home_about h1 {margin:120px 0 40px;}
#home_about h1 span {
  display:block;
  margin:1em 0;
}
#home_about p {}
#home_about a.btn {
  width:340px;
  background-color:transparent;
  border-color:rgb(255,255,255);
  margin:40px 0 0;
}
#home_about a.btn:hover {background-color:rgba(255,255,255,0.3);}

#home_dev {
  margin:0;
  background-color:rgb(245,245,245);
}
#home_dev.pages ul {
  margin:1px 0 0;
  max-width:initial;
}
#home_dev.pages li {width:25%;}
#home_dev.pages li a {
  margin:0 1px 0 0;
  height:auto;
  box-shadow:none;
  overflow:hidden;
}
#home_dev.pages li:last-child a {margin-right:0;}

/* #home_dev span.thumb {
  background-position:center;
  background-repeat:no-repeat;
  background-size:120%;
}
#home_dev a[href$="salesdev_1"] span.thumb {background-image:url(images/home_dev_sales1.jpg);}
#home_dev a[href$="salesdev_2"] span.thumb {background-image:url(images/home_dev_sales2.jpg);}
#home_dev a[href$="production"] span.thumb {background-image:url(images/home_dev_production.jpg);}
#home_dev a[href$="distributioncenter"] span.thumb {background-image:url(images/home_dev_distribution.jpg);}
#home_dev.pages a:hover img {opacity:0;} */

#home_news {
  background:url(images/home_bg_news.jpg) center no-repeat;
  background-size:cover;
  overflow:hidden;
}
#home_news h1 {
  margin:60px 0;
  text-align:center;
}
#home_news h1 span {
  display:inline-block;
  padding:0 0 0.5em;
  border-bottom:1px solid rgb(255,255,255);
}
#home_news h1:before {
  content:'NEWS';
  display:block;
  margin:1em 0;
}
#home_news div.posts {
  margin:40px auto;
  max-width:1080px;
}
#home_news div.posts li a {
  margin:10px;
  padding:20px;
  border:1px solid rgb(255,255,255);
}
#home_news div.posts li a:hover {background-color:rgba(255,255,255,0.3);}
#home_news a.btn {
  width:340px;
  background-color:transparent;
  border-color:rgb(255,255,255);
}
#home_news a.btn:hover {background-color:rgba(255,255,255,0.3);}
div.index {
  margin:60px 0;
  text-align:center;
}

/* news */

body.blog #title,
body.category #title,
body.single-post #title {width:100%;}
body.blog #main,
body.category #main,
body.single-post #main {
  margin:0 100px 0 0;
  width:710px;
}
body.blog #aside,
body.category #aside,
body.single-post #aside {width:270px;}

div.posts {margin:40px 0;}
div.posts ul {}
div.posts li {}
div.posts li a {
  display:block;
  margin:30px 10px;
  line-height:20px;
  font-size:0;
}
div.posts time {width:20%;}
div.posts span.title {width:80%;}

article#main header {
  position:relative;
  margin:40px 0;
  padding:30px 0 0;
}
article#main header h1 {
  margin:0 10px;
  padding:0 0 0.5em;
  border-bottom:1px solid rgb(204,204,204);
}
article#main header time {
  position:absolute;
  left:10px;
  top:0;
}
article#main header time:before {margin:0 5px 0 0;}

/* dev */

body.page-dev .pages li {width:25%;}

/* tracability */

#sklotno {margin:3rem auto;}
#sklotno span.label {
  display:block;
  margin:0 0 0.25em;
}
#sklotno input[type="text"] {
  vertical-align:middle;
  width:70%;
}
#sklotno button {
  vertical-align:middle;
  width:20%;
}
div.result {
  margin:2rem 10px;
  padding:0 1rem;
  background-color:rgba(249,149,0,0.05);
  overflow:hidden;
}
div.result.notfound {background-color:rgba(0,0,0,0.03);}
div.result h4 {}
div.result ul {}
div.result li {
  display:inline-block;
  margin:0.5em 0;
  width:32%;
  font-size:110%;
  font-weight:bold;
}
div.result p.notice {color:red;}

/* about - philosophy */

body.page-philosophy #contents {max-width:1280px;}
body.page-philosophy #title {
  margin:0 auto;
  max-width:1080px;
}
body.page-philosophy #main {max-width:inherit;}
#philosophy_message {
  margin:3rem 0 6rem;
  background:url(images/about_bg_message.jpg) center no-repeat;
  background-size:contain;
}
#philosophy_message div.content {text-align:center;}
/* #philosophy_message div.copy {
	line-height: 43px;
} */
#philosophy_message div.copy br {display:none;}
/* #philosophy_message div.copy span {
  display:block;
  margin:0 0 1em;
} */
#philosophy_message div.copy strong {
  display:block;
  margin:1em 0;
}
#philosophy_message div.logo {margin:6rem 0;}
#philosophy_message div.logo img {}
#philosophy_message div.content p {margin:3em 0;}

#philosophy_message h3{
	font-size: 24px;
}

/* recruit */

#pop_recruit {
  position:fixed;
  z-index:999;
  right:0;
  bottom:90px;
  max-width:360px;
  background-color:rgb(213,25,32);
  box-shadow:0 0 0.5rem rgba(0,0,0,0.25);
}
#pop_recruit h1 {
  margin:0.5em 0.5rem;
  text-align:center;
  font-size:1.4rem;
  font-weight:bold;
  color:rgb(255,255,255);
}
#pop_recruit div.content {
  margin:0.5rem;
  background-color:rgb(255,255,255);
  overflow:hidden;
}
#pop_recruit p {
  margin:1rem;
  font-size:1.2rem;
  line-height:1.3;
  text-align:center;
}

table.entry td {line-height:1.5;}
table.entry td p {
  margin:0;
  line-height:1.5;
}

/* popup banner */

body.popup {padding-bottom:80px;}
body.popup div.grecaptcha-badge {display:none;}
#pop_banner {
  position:fixed;
  z-index:999;
  right:0;
  bottom:20px;
  width:360px;
  height:226px;
  background:url(images/bnr_202303_shop.jpg) center no-repeat;
  background-size:cover;
  box-shadow:0 0 0.5rem rgba(0,0,0,0.25);
  overflow:hidden;
}
#pop_banner h1 {
  position:relative;
  margin:1em;
  padding:0 2em;
  text-align:center;
  font-size:1.2rem;
  line-height:1.2;
  font-weight:bold;
  color:rgb(255,255,255);
}
#pop_banner h1 > span {display:inline-block;}
#pop_banner h1 > span:before,
#pop_banner h1 > span:after {
  position:absolute;
  top:0.25em;
  font-size:150%;
}
#pop_banner h1 > span:before {
  content:'＼';
  left:0;
}
#pop_banner h1 > span:after {
  content:'／';
  right:0;
}
#pop_banner h1 span span {display:inline-block;}
#pop_banner div.content {}
#pop_banner p {
  margin:1rem;
  font-size:1.2rem;
  line-height:1.3;
  text-align:center;
}
#pop_banner p.btn {
  position:absolute;
  bottom:0;
  margin:0 0 1rem;
  width:100%;
}
#pop_banner a.btn {
  padding:0.6em 1em;
  background-color:rgb(213,25,32);
  border-color:rgb(213,25,32);
}
#pop_banner a.btn:hover {border-color:rgb(255,255,255)}

/* fx */

#header,
#navi li ul,
.pages li a {box-shadow:0px 0px 4px rgba(0,0,0,0.25);}

a.btn, button, input[type="submit"], input[type="button"],
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea,
#navi li ul,
div.wp-pagenavi span, div.wp-pagenavi a,
.paginate li a,
div.wpcf7-response-output,
#home_news div.posts li a,
div.share li a {border-radius:4px;}

.page_top a:hover,
.pages li a:hover img {opacity:0.8;}

/* #home_dev.pages img {transition:0.25s;} */

/* characters */

body {
  font-size:16px;
  line-height:1;
  color:rgb(51,51,51);
}
a.btn, button, input[type="submit"], input[type="button"],
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
textarea, select,
.paginate li {font-size:1rem;}
#header h1 span,
.path p, .page_top p,
#title h1:after, #title span:after,
.pages span.title:before,
div.posts time {font-size:12px;}
#footer, #footer h2, #footer a.btn,
#copyright {font-size:13px;}
#navi li,
aside.contact a.btn,
.body div.tagline, .body div.dev span,
.pages span.desc,
article#main header time,
div.wpcf7-response-output,
#home_news h1:before {font-size:14px;}
#title h1, #title span,
.body h4,
div.posts span.title,
.mod h1,
#philosophy_message div.copy span {font-size:16px;}
.body h3,
#philosophy_message div.content p {font-size:18px;}
aside.contact h2,
.body h1, .body h2,
.body div.dev,
.pages h2 {font-size:20px;}
#home_about h1 span {font-size:22px;}
article#main header h1 {font-size:30px;}
.body h2.tagline,
#philosophy_message div.copy strong {font-size:34px;}
#home_about h1 {font-size:40px;}

p, textarea,
.pages span.desc {line-height:1.5;}
#title h1, #title span,
.path p,
.body h1, .body h2, .body h3, .body h4,
.body li, .body table,
.pages span.title,
nav.mod li,
div.wpcf7-response-output {line-height:1.3;}
.body p {line-height:1.8;}
#philosophy_message div.content p {line-height:2;}

a.btn, button, input[type="submit"], input[type="button"],
#navi a,
#title span,
.pages span.title,
.body div.dev {font-weight:bold;}
#title h1:after, #title span:after,
.body div.tagline,
#home_about h1 span,
#home_news h1:before {font-weight:300;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
a.btn,
#header a,
.page_top a,
.pages li a,
div.wp-pagenavi a, .paginate li a,
#home_news a,
#home_news a:hover span.title {text-decoration:none;}
#navi li li a:hover,
div.posts a:hover span.title {text-decoration:underline;}

a:link {color:rgb(46,107,178);}
a:visited {color:rgb(46,107,178);}
a:hover {color:rgb(46,107,178);}
a:active {color:rgb(46,107,178);}
#navi a,
.pages li a {color:rgb(51,51,51);}
.path a:hover,
#footer a:hover {color:rgb(46,107,178);}
#header h1 span,
.path p, .path a,
#footer, #footer a,
div.posts time {color:rgb(151,151,151);}
a.btn, button, input[type="submit"], input[type="button"],
#navi a[href*="contact"], #navi li li a,
.page_top a,
aside.contact, aside.contact a,
#ft_etc a[href*="tracability"],
.mod h1,
#home_about,
#home_news, #home_news a, #home_news time,
div.share li a {color:rgb(255,255,255);}
.body h3,
div.wp-pagenavi a, .paginate li a {color:rgb(249,149,0);}
article#main header time {color:rgb(90,90,90);}

body {
  font-family:'游ゴシック Medium', 'Yu Gothic Medium', 'YuGothic', 'Verdana', sans-serif;
  /* font-family:'游ゴシック', 'Yu Gothic', 'YuGothic', 'Verdana', sans-serif */
}

#copyright {font-family:'Arial', sans-serif;}
#title h1:after, #title span:after,
.body div.tagline,
.body div.dev span,
.pages span.title:before,
#home_about h1 span,
#home_news h1:before,
#philosophy_message div.copy span {font-family:'Open Sans', sans-serif}

.fa,
a.btn.more:after,
time:before,
#navi a:before, #navi h2:before,
#ft_navi a[href$="about"]:before,
#ft_navi a[href$="dev"]:before,
.page_top a:before,
aside.contact a[href$="contact"]:after,
nav.mod li a:before,
div.share li a:before  {
  display: inline-block;
  min-width:1em;
  text-align:center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.btn.more:after,
nav.mod li a:before {content:'\f101';}
time:before {content:'\f017';}
#navi > ul > li > a[href*="about"]:before,
#navi > ul > li > a[href*="dev"]:before,
#ft_navi a[href$="about"]:before,
#ft_navi a[href$="dev"]:before {content:'\f107';}
#navi a[href*="contact"]:before {content:'\f003';}
.page_top a:before {content:'\f106'; display:block;}
article#main header time:before {content:'\f073';}
div.share li.twitter a:before {content:'\f099';}
div.share li.facebook a:before {content:'\f09a';}

#home_about,
#home_news {text-shadow:0px 0px 4px rgba(0,0,0,0.5);}

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

/* block level elements */

body {padding:60px 0 0;}

#header {
  position:static;
  height:inherit;
  background-color:inherit;
}

.body div.cols,
#footer div.content,
#ft_navi,
.pages ul,
body.blog #contents,
body.category #contents,
body.single-post #contents {display:block;}
#navi li,
div.posts time, div.posts span.title {display:block;}

/* head elements */

#header h1 {
  position:fixed;
  left:0;
  top:0;
  z-index:20;
  width:100%;
  height:60px;
  background-color:rgba(255,255,255,0.95);
}
#header h1 a {position:static;}
#header h1 img {
  margin:18px 5%;
  width:auto;
  height:24px;
}
#header h1 span {display:none;}

/* navi elements */

#navi {position:relative;}
#navi h2 {
  display:block;
  position:fixed;
  right:0;
  top:0;
  z-index:21;
  margin:0;
  width:60px;
  height:60px;
  background-color:rgb(249,149,0);
  text-align:center;
  font-size:0;
  color:transparent;
}
#navi > ul {
  position:fixed;
  right:-100%;
  top:60px;
  z-index:1000;
  padding:60px 0 0;
  width:100%;
  height:calc(100% - 60px);
  background-color:rgb(249,149,0);
  font-size:inherit;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  transition:0.25s;
}
#navi.active > ul {right:0;}
#navi li {
  display:block !important;
  position:relative;
  margin:0;
}
#navi a {
  display:block;
  padding:1em;
  height:auto;
  line-height:inherit;
  border:none;
}
#navi li:hover a {border:none;}
#navi a[href*="contact"] {
  box-sizing:inherit;
  padding:1em;
  height:inherit;
  background-color:inherit;
  border:inherit;
  line-height:1;
}
#navi a[href*="contact"]:hover {
  background-color:inherit;
  border:inherit;
}
#navi a[href*="contact"]:before {
  display:inline-block !important;
  margin:0 0 5px;
  content:none;
}
#navi > ul > li:hover {padding:0;}
#navi li ul {
  display:block;
  position:static;
  margin:0 0 0 1rem;
  min-width:inherit;
  background-color:inherit;
  white-space:inherit;
  box-shadow:none;
}
#navi li ul:before {content:none;}
#navi li:hover ul {display:inherit;}
#navi li li {
  display:block;
  margin:0;
}
#navi li li a {
  padding:1em;
  height:initial;
  line-height:1;
  border:none;
}
#navi a.btn, #navi a.btn:hover {
  display:block;
  margin:0 5% 10px;
  border:2px solid rgb(255,255,255);
}
#navi a[href*="tracability"]:not([class="btn"]),
#navi a[href*="contact"]:not([class="btn"]) {display:none;}

/* foot elements */

#footer div.content {padding:1rem 0;}
#ft_navi {width:100%;}
#ft_navi ul {width:100%;}
#ft_navi li {
  margin:0 5%;
  padding:0;
}
#ft_navi li:first-child {border-top:none;}
#ft_navi ul:nth-of-type(1) > li:first-child,
#ft_navi li li:first-child {border-top:1px solid rgb(204,204,204);}
#ft_navi a {
  display:block;
  padding:0.7em 0;
}
#ft_navi li ul {margin:0 0 0 2em;}

#ft_info, ft_etc {width:100%;}
#footer div.col h2,
#footer div.col p {margin:1em 5%;}

/* common elements */

.path p {margin:2rem 5%;}

#title h1, #title span {margin:2em 5%;}
#title h1:after, #title span:after {
  display:block;
  margin:0 0 0 1.5em;
}

#mainImg {margin:2rem 5%;}

div.wp-pagenavi {margin:2rem 5%;}
.body .paginate ul {
  margin:2rem 5%;
  padding:2rem 0 0;
}

.page_top a {padding:0.5rem 0;}

aside.contact {height:auto;}
aside.contact div.content {width:100%;}
aside.contact h2 {margin:2rem 5% 1em;}
aside.contact p {margin:1em 5%;}
aside.contact p.btn {
  position:static;
  margin:1em 5%;
  width:initial;
}
aside.contact a.btn {
  margin:10px 0;
  width:100%;
}

.pages {margin:4rem 0;}
.pages h2 {
  margin:2rem auto;
  width:100%;
}
.pages li {width:initial !important;}
.pages li a {
  margin:1rem 5%;
  height:initial;
}

.mod h1 {margin:1em 5%;}
nav.mod li {margin:0.75em 5%;}

div.share ul {margin:3rem 5%;}

/* body elements */

.body h1, .body h2, .body h3 {margin:1.5em 5%;}
.body h4, .body p {margin:1em 5%;}
.body li {margin:0.5em 5%;}

.body table {
  margin:2em 5%;
  width:90%;
}

.body img.alignleft,
.body img.alignright,
.body img.aligncenter {
  float:none;
  display:block;
  margin:2em auto;
}

.body iframe {max-width:100%;}

.body div.cols {}
.body div.cols div.col {width:100% !important;}

.body div.dev {margin:1.5rem 5%;}

.body form {
  margin:2rem auto;
  max-width:inherit;
}
form.wpcf7-form div.btns {margin:2rem 5%;}
input.wpcf7-submit {
  padding:0.8em 0;
  width:100%;
}
div.wpcf7-response-output {margin:1rem 5%;}

/* home */

#home_about {
  padding:0 0 2rem;
  height:auto;
  background-size:cover;
}
#home_about h1 {margin:4rem 5%;}
#home_about h1 span {
  display:block;
  margin:1em 0;
}
#home_about p {}
#home_about a.btn {width:90%;}

#home_dev.pages ul {margin:0;}
#home_dev.pages li a {
  margin:1px 0 0;
  box-shadow:none;
}
#home_dev.pages li:nth-child(2) a {margin:0;}

#home_news h1 {margin:2rem 5%;}
#home_news h1 span {padding:0 0 0.25em;}
#home_news div.posts li a {
  margin:1rem 5%;
  padding:10px;
}
div.index {margin:2rem 5%;}

/* news */

body.blog #main,
body.category #main,
body.single-post #main {
  margin:0;
  width:100%;
}
body.blog #aside,
body.category #aside,
body.single-post #aside {width:100%;}

div.posts {margin:2rem 0;}
div.posts li a {
  margin:1rem 5%;
  line-height:1.5;
  font-size:inherit;
}
div.posts time {width:100%;}
div.posts span.title {width:100%;}

article#main header {
  margin:2rem 0;
  padding:1.5rem 0 0;
}
article#main header h1 {
  margin:0 5%;
  padding:0 0 0.25em;
}
article#main header time {left:5%;}

/* tracability */

#sklotno {margin:2rem 5%;}
div.result li {width:49%;}
#sklotno input[type="text"] {
  margin:0 0 0.5rem;
  width:100%;
}
#sklotno button {}

/* about - philosophy */

#philosophy_message {
  margin:1rem 0 3rem;
  background-image:url(images/mb_about_bg_message.jpg);
}
#philosophy_message div.copy {
  margin:0 5%;
	line-height:1.2;
}
#philosophy_message div.copy span {
  display:block;
  margin:0.35em 5%;
  text-align:center;
}
#philosophy_message div.copy span + br {display:none;}
#philosophy_message div.copy strong {margin:1.3em 5%;}
#philosophy_message div.logo {margin:3rem 5%;}
#philosophy_message div.logo img {
  max-width:100%;
  height:auto;
}
#philosophy_message div.content p {margin:2em 5%;}
#philosophy_message div.content p br {display:none;}

/* recruit */

table.entry {}
table.entry th,
table.entry td {display:block;}
table.entry th {
  margin:0;
  padding:0.5em 0;
  border:none;
}
table.entry td {
  margin:0;
  padding:0.5em 0;
}
table.entry th br {display:none;}

#pop_recruit {
  left:0;
  right:initial;
  bottom:0;
  width:100%;
  max-width:initial;
}
#pop_recruit h1 {
  margin:0.5em 5%;
  font-size:1.2rem;
}
#pop_recruit div.content {}
#pop_recruit p {
  margin:0.75rem;
  font-size:1rem;
  line-height:1.2;
}

/* popup banner */

body.popup {padding-bottom:12rem;}
#pop_banner {
  left:0;
  right:initial;
  bottom:0;
  width:100%;
  height:initial;
  max-width:initial;
  background-position:center bottom 20%;
}
#pop_banner h1 {
  margin:0.5em 5% 8rem;
  font-size:1.2rem;
}
#pop_banner div.content {}
#pop_banner p {
  margin:0.75rem;
  font-size:1rem;
  line-height:1.2;
}
#pop_banner p.btn {margin:0 0 0.5rem;}

/* fx */

#header {box-shadow:none;}
#header h1 {box-shadow:0px 0px 4px rgba(0,0,0,0.25);}

/* characters */

body {
  font-size:100%;
  font-family:'Roboto', sans-serif;
  -webkit-text-size-adjust:none;
}

#header h1 span,
.path p, .page_top p,
#title h1:after, #title span:after,
.pages span.title:before,
div.posts time {font-size:12px;}
#navi a.btn,
#footer, #footer h2, #footer a.btn,
#copyright {font-size:14px;}
aside.contact a.btn,
.body div.tagline, .body div.dev span,
.pages span.desc,
article#main header time,
div.wpcf7-response-output,
#home_news h1:before {font-size:14px;}
#title h1, #title span,
.body h4,
div.posts span.title,
#navi li,
.mod h1,
#philosophy_message div.copy span,
#philosophy_message div.content p {font-size:16px;}
.body h3 {font-size:18px;}
aside.contact h2,
.body h1, .body h2,
.body div.dev,
.pages h2 {font-size:20px;}
#home_about h1 span {font-size:20px;}
article#main header h1,
#philosophy_message div.copy strong {font-size:24px;}
.body h2.tagline {font-size:24px;}
#home_about h1 {font-size:24px;}

#navi a {color:rgb(255,255,255);}

#navi h2:before {
  content:'\f0c9';
  font-size:32px;
  line-height:60px;
  color:rgb(255,255,255);
}
#navi.active h2:before {content:'\f00d';}

} /* @media only screen and (max-width:768px) */