* {box-sizing:border-box;}

html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {
  margin:0;
  color:#494949;
  -webkit-text-size-adjust:none;
  font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size:14px;
  line-height:1.75;
  word-wrap:break-word;
}
h1, h2, h3, h4, h5, h6 {font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; text-transform:uppercase; line-height:1.5; font-weight:normal;}

a, .button, a img {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#4b4949; text-decoration:none;}
a:hover, a:focus {text-decoration:none;}

a:hover img {
  opacity:.75;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
  background-color:rgba(255,255,255,.01);
}

input {border:1px solid #ddd;}

p {text-align:inter-ideograph;}

.hidden {display:none;}

.pull-left {float:left;}
.pull-right {float:right;}

.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.button {display:inline-block; padding:10px 50px; border:none; background:none; box-shadow:0; outline:none;}
.button-default {border:1px solid #494949;}
.button-default:hover {border:1px solid #ddd;}

.img-fullwidth {width:100%; display:block;}

.table {width:100%; max-width:100%; border-spacing:0; border-collapse:collapse;}
.table-honsya {margin-bottom:1em;}

.text-lg {font-size:120%;}

.thumbnail {box-shadow:none;}

.container {width:960px;}

.for-mobile {display:none;}

.animated {-webkit-animation-duration:1.25s; animation-duration:1.25s;}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn;}

@-webkit-keyframes fadeInLeft {
  0% {opacity:0; -webkit-transform:translateX(-50px);}
  100% {opacity:1; -webkit-transform:translateX(0);}
}
@keyframes fadeInLeft {
  0% {opacity:0; transform:translateX(-50px);}
  100% {opacity:1; transform:translateX(0);}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}

@-webkit-keyframes fadeInRight {
  0% {opacity:0; -webkit-transform:translateX(50px);}
  100% {opacity:1; -webkit-transform:translateX(0);}
}
@keyframes fadeInRight {
  0% {opacity:0; transform:translateX(50px);}
  100% {opacity:1; transform:translateX(0);}
}
.fadeInRight {-webkit-animation-name:fadeInRight; animation-name:fadeInRight;}

@-webkit-keyframes fadeInBottom {
  0% {opacity:0; -webkit-transform:translateY(50px);}
  100% {opacity:1; -webkit-transform:translateY(0);}
}
@keyframes fadeInBottom {
  0% {opacity:0; transform:translateY(50px);}
  100% {opacity:1; transform:translateY(0);}
}
.fadeInBottom {-webkit-animation-name:fadeInBottom; animation-name:fadeInBottom;}

.delayOff {}
.delayOn {}

.delay {-webkit-animation-delay:.5s; animation-delay:.5s;}

/*----------
  header
----------*/
header {padding-top:20px; padding-bottom:12px; background-color:#fff;}
.brand {margin-bottom:10px;}
#menu-trigger {display:none;}
.logo {width:270px; height:auto; padding:13.5px 0;}
.nav-left {float:left;}
.nav-right {float:right;}
nav.navbar ul {margin:0; padding:0; list-style:none;}
nav.navbar > ul > li {float:left; position:relative; width:155px;}
nav.navbar > ul > li > a {display:block; padding:20px; text-align:center; border-left:1px solid #ddd; font-size:16px;}
nav.navbar > ul > li > a > .menu-item-description {display:block; text-transform:uppercase; font-size:12px; color:#9e9e9f;}
nav.navbar > ul > li:last-child > a {border-right:1px solid #ddd;}
nav.navbar > ul > li.current-menu-item > a,
nav.navbar > ul > li.current-menu-parent > a,
nav.navbar > ul > li > a:hover {color:#009de6;}
nav.navbar > ul > li.current-menu-item > a > .menu-item-description,
nav.navbar > ul > li > a:hover > .menu-item-description {color:#9e9e9f;}
nav.navbar > ul > li i {display:none;}
.sub-menu {display:none; position:absolute; left:0; right:-1px; padding:0; z-index:100;}
.sub-menu > li > a {display:block; padding:15px 20px; background-color:#285e85; border-bottom:1px solid #285e85; color:#fff;}
.sub-menu > li.current-menu-item > a,
.sub-menu > li > a:hover {background-color:#537e9d; color:#009de6;}
.navbar-search {position:relative;}
#search-btn {position:relative; top:30px; right:20px; margin:0; padding:0; z-index:101;}
#search-btn i {font-size:24px;}
.search-modal {position:absolute; top:44px; right:0; padding:0; z-index:100;}
.search-modal input {position:relative; right:20px; padding:8px 12px; width:130px; height:35px;}
#search-btn-mobile {display:none;}

@keyframes slideIn {
  from {
    opacity:0;
    right:-30px;
  }
  to {
    opacity:1;
    right:0;
  }
}
.fade {display:none;}
.fade.slideIn {display:block; animation:slideIn .25s linear;}
.slideUp {top:10px !important;}

/*----------
  top
----------*/
#content {clear:both; min-width:960px;}
.slide-image {width:100%; height:auto;}
.slider {position:relative;}
.slider a:hover img {opacity:1;}
.slick-dots {position:absolute; bottom:30px; left:0; right:0; margin:0; padding:0; text-align:center;}
.slick-dots > li {display:inline-block; width:10px; height:10px; line-height:10px; margin-right:15px; background-color:#fff; cursor:pointer; outline:none;}
.slick-dots > li.slick-active {background-color:#2287C6;}
.slick-dots > li:last-child {margin-right:0;}
.slick-dots > li > button {display:none;}
.section-block {padding:30px 0;}
.section-block-gray {background-color:#f4f4f4;}
.section-heading {margin-top:0; margin-bottom:10px; border-bottom:1px solid #ddd;}
.section-news {}
.list-news {margin:0 0 20px; padding:0; list-style:none;}
.list-news .list-item > a {display:block; padding:10px 50px; border-bottom:1px solid #ddd;}
.list-news .list-item > a > .post-date {color:#868686;}
#all-news {display:none;}
.section-products .section-heading {margin-bottom:20px;}
.products-banner {text-align:center; height:204.59px;}
.products-banner .item {display:inline-block; width:300px;}
.products-banner .item:last-child {margin-left:18px;}
.products-banner img {}
.products-banner .item.products-catalog {}
.products-banner .item.products-catalog a {display:block; position:relative;}
.products-banner .item.products-catalog .catalog-thumbnail {height:240px;}
.products-banner .item.products-catalog .catalog-thumbnail img {max-height:100%;}
.products-banner .item.products-catalog .catalog-title {position:absolute; top:65px; left:-50px; right:170px; font-size:20px; text-align:right;}
.products-banner .item.products-catalog .catalog-title small {color:#868686;}

/*----------
  page
----------*/
.page-header {position:relative; min-width:960px; padding:90px; background-size:cover; text-align:center;}
.page-header .overlay {position:absolute; top:0; left:0; right:0; bottom:0; content:''; background:url('../images/overlay-white-dotted.png') 0 0 repeat; z-index:0;}
.page-header .page-title-en {position:relative; font-size:32px; z-index:10;}
.page-header .page-title {position:relative; margin:0; font-size:18px; z-index:10;}
.page-header .page-description {position:relative; margin:10px 0 0; font-size:16px; z-index:10;}
.page-sub-header {min-width:960px;}
.page-sub-header ul {margin:0; padding-left:0; overflow:hidden; list-style:none;}
.page-sub-header ul > li {width:33.3%; float:left; text-align:center;}
.page-sub-header ul > li i {display:none;}
.page-sub-header ul > li:nth-child(1) {background-color:rgba(109,150,80,.30);}
.page-sub-header ul > li:nth-child(2) {background-color:rgba(143,111,72,.30);}
.page-sub-header ul > li:nth-child(3) {background-color:rgba(94,176,224,.30);}
.page-sub-header ul > li:nth-child(4) {background-color:rgba(196,168,54,.30);}
.page-sub-header ul > .current-menu-item:nth-child(1),
.page-sub-header ul > li:nth-child(1) > a:hover {background-color:rgba(109,150,80,.70);}
.page-sub-header ul > .current-menu-item:nth-child(2),
.page-sub-header ul > li:nth-child(2) > a:hover {background-color:rgba(143,111,72,.70);}
.page-sub-header ul > .current-menu-item:nth-child(3),
.page-sub-header ul > li:nth-child(3) > a:hover {background-color:rgba(94,176,224,.70);}
.page-sub-header ul > .current-menu-item:nth-child(4),
.page-sub-header ul > li:nth-child(4) > a:hover {background-color:rgba(196,168,54,.70);}
.page-sub-header ul > li a {display:block; padding:30px 0; font-size:22px; letter-spacing:2px; color:#fff;}
.page-body {min-width:960px; padding:45px 0; background-size:cover; background-position:center bottom;}
.page-wrap {padding:45px 0;}
.page-wrap-bg {background-color:#f4f4f4;}
.page-heading {margin-bottom:30px; text-align:center;}
.page-heading span {display:inline-block; border-bottom:1px dotted #9e9e9f; font-size:18px;}
.col-item .item {display:block; float:left; width:450px; margin-bottom:40px; background-color:#fff;}
.col-item .item:nth-child(odd) {margin-right:20px;}
.col-item .item:nth-child(even) {margin-left:20px;}
.col-item .item .caption {padding:20px; text-align:center;}
.col-item .item .caption .title {margin:0 0 5px; font-size:24px;}
.col-item .item .caption .subtitle {font-size:12px; color:#9e9e9f;}
.col-item .item .caption .subtitle:before,
.col-item .item .caption .subtitle:after {content:'―';}
.col-item .item .caption .subtitle:before {margin-right:10px;}
.col-item .item .caption .subtitle:after {margin-left:10px;}
.col-item .item .caption .adding-text {margin-top:10px; font-size:12px;}
.col-item .item-one {width:295px;}
.col-item .item-third {width:605px;}
.border-heading {position:relative; text-align:center; font-size:18px;}
.border-heading span {position:relative; padding-left:20px; padding-right:20px; background-color:#fff; z-index:10;}
.border-heading small {display:block;}
.border-heading .btn-map {text-align:right;}
.border-heading .btn-map a {display:inline-block; padding:0 12px; background-color:#285b82; color:#fff; font-size:12px;}
.page-wrap-bg .border-heading span {background-color:#f4f4f4;}
.border-heading:before {position:absolute; top:12px; left:0; right:0; content:''; border-bottom:1px solid #ddd; z-index:1;}

p {margin:0 0 1.5em;}
hr {border-top-color:#ddd;}
dl {overflow:hidden;}
dl dt,
dl dd {float:left; margin:0; text-align:left;}
dl dt {width:20%;}
dl dd {width:80%;}

.lead {font-size:24px;}

/* page extension */
.page-company #content,
.page-recruit #content,
.page-contact #content {background-color:#f4f4f4;}
.page-information .col-item .item {min-height:450px;}/* min-height:406px;n */
.page-information .col-item .item-4 dl dt {width:40%;}
.page-information .col-item .item-4 dl dd {width:60%;}
.page-philosophy .page-body {padding-bottom:150px;}
.page-history .page-body {padding:0;}
.page-history .border-heading {margin-bottom:25px;}
.list-history {padding-left:0; list-style:none;}
.list-history > li {overflow:hidden; padding:15px 10px; border-bottom:1px dotted #9e9e9f;}
.list-history > li .year,
.list-history > li .month,
.list-history > li .text {float:left;}
.list-history > li .year {width:70px;}
.list-history > li .month {width:35px; margin-right:35px; text-align:right;}
.list-history > li .text {width:620px;}
.list-history > li ul {padding-left:1.5em; list-style-type:disc;}
.page-about a:hover img {opacity:1;}
.page-about .page-header {color:#fff;}
.page-about .page-body {padding:0;}
.page-about .col-item {overflow:hidden;}
.page-about .col-item .item {position:relative; width:33.3%; margin:0;}
.page-about .col-item .item .overlay {position:absolute; left:0; right:0; bottom:0; content:''; min-height:80px; max-height:80px; z-index:0; opacity:10; -webkit-transition:max-height .5s; -moz-transition:min-height .5s;  -ms-transition:min-height .5s; -o-transition:min-height .5s; transition:min-height .5s;}
.page-about .col-item .item:hover .overlay {min-height:100%;}
.page-about .col-item .item-1 .overlay {background-color:rgba(109,150,80,.75);}
.page-about .col-item .item-2 .overlay {background-color:rgba(143,111,72,.75);}
.page-about .col-item .item-3 .overlay {background-color:rgba(94,176,224,.75);}
.page-about .col-item .item-4 .overlay {background-color:rgba(196,168,54,.75);}
.page-about .col-item .item .caption {position:absolute; bottom:0; left:0; right:0; padding:0; color:#fff;}
.page-about .col-item .item .caption .title {margin-bottom:15px; font-size:100px; line-height:1.25;}
.page-about .col-item .item .caption .subtitle {margin-bottom:25px; color:#fff;}
.page-about .col-item .item .caption .adding-text {margin-top:0; padding:22px 0; letter-spacing:2px; font-size:20px;}
.page-privacy-policy .page-header,
.page-search .page-header,
.page-sitemap .page-header,
.single .page-header {background-color:#f4f4f4;}
.page-about-child .page-header {padding:20px;}
.page-about-child .page-body {padding:0;}
.page-about-child .page-inner-header {position:relative; background-size:cover; background-position:center center}
.page-about-child .float-block {margin-top:100px; margin-bottom:150px;}
.page-about-child .float-block .heading {margin:0 0 5px; padding-bottom:20px; border-bottom:2px solid rgba(109,150,80,1); text-align:center; font-size:34px; line-height:1; letter-spacing:2px; color:rgba(109,150,80,1);}
.page-about-child .float-block .col-block {overflow:hidden; padding:80px 50px 60px; background:url('../images/overlay-black-dotted.png') 0 0 repeat;}
.page-about-child .float-block .col-block .col-left,
.page-about-child .float-block .col-block .col-right {float:left;}
.page-about-child .float-block .col-block .col-left {width:150px; margin-right:40px;}
.page-about-child .float-block .col-block .col-left .thumbnail {margin-top:30px; text-align:center;}
.page-about-child .float-block .col-block .col-left .subtitle {margin-top:10px; text-align:center; color:#fff;}
.page-about-child .float-block .col-block .col-left .subtitle:before {content:'―'; margin-right:10px;}
.page-about-child .float-block .col-block .col-left .subtitle:after {content:'―'; margin-left:10px;}
.page-about-child .float-block .col-block .col-right {width:490px; color:#fff;}
.page-about-child .float-block .col-block .col-right .catch-copy {margin-bottom:10px; font-size:26px;}
.page-about-child .float-block .col-block .col-right .lead {font-size:inherit; line-height:2.25;}
.page-about-child .key-header {padding:30px 0;}
.page-about-child .key-header .key-logo {margin-bottom:20px; text-align:center;}
.page-about-child .key-header .key-logo img {width:50px;}
.page-about-child .key-header .key-title {text-align:center; font-size:24px; color:rgba(109,150,80,1);}
.page-about-child .key-header .key-text {}
.page-about-child .content-body .content-body-inner {margin-bottom:40px;}
.page-about-child .content-body h3 {margin:0; padding:12px 0; background-color:rgba(109,150,80,.7); text-align:center; letter-spacing:3px; font-size:20px; color:#fff;}
.page-about-child .content-body .col-wrap {overflow:hidden; padding:30px 0;}
.page-about-child .content-body .col-wrap-bg {padding:0; background-color:rgba(109,150,80,.1);}
.page-about-child .content-body .col-one,
.page-about-child .content-body .col-two,
.page-about-child .content-body .col-third {float:left;}
.page-about-child .content-body .col-one {width:35%; overflow:hidden;}
.page-about-child .content-body .col-third {width:65%;}
.page-about-child .content-body .col-one .col-inner {width:280px; margin:30px 30px 30px 0; float:right;}
.page-about-child .content-body .col-two {width:50%;}
.page-about-child .content-body .col-wrap .text-right img {margin-left:8px;}
.page-about-child .content-body .col-wrap .text-left {margin-left:40px; width:450px;}
.page-about-child .content-body .col-wrap .text-left h4 {margin:30px 0 10px; padding-bottom:5px; border-bottom:1px dotted #9e9e9f;}
.page-about-child .content-body .col-one .text-left {width:280px;}
.page-fertilizer .float-block .heading {border-bottom-color:rgba(143,111,72,1); color:rgba(143,111,72,1);}
.page-fertilizer .content-body h3 {background-color:rgba(143,111,72,.7);}
.page-fertilizer .key-header .key-title {color:rgba(143,111,72,1);}
.page-fertilizer .content-body .col-wrap-bg {background-color:rgba(143,111,72,.1);}
.page-building-materials .float-block .heading {border-bottom-color:rgba(94,176,224,1); color:rgba(94,176,224,1);}
.page-building-materials .content-body h3 {background-color:rgba(94,176,224,.7);}
.page-building-materials .key-header .key-title {color:rgba(94,176,224,1);}
.page-building-materials .content-body .col-wrap-bg {background-color:rgba(94,176,224,.1);}
.page-building-materials .content-body .content-body-inner:nth-child(3) .col-wrap .text-right {overflow:hidden;}
.page-building-materials .content-body .content-body-inner:nth-child(3) .col-wrap .text-right img {max-width:468px; margin:0 0 10px;}
.page-civil-engineering-materials .float-block .heading {border-bottom-color:rgba(196,168,54,1); color:rgba(196,168,54,1);}
.page-civil-engineering-materials .content-body h3 {background-color:rgba(196,168,54,.7);}
.page-civil-engineering-materials .key-header .key-title {color:rgba(196,168,54,1);}
.page-civil-engineering-materials .content-body .col-wrap-bg {background-color:rgba(196,168,54,.1);}
.page-office .col-1,
.page-office .col-2,
.page-office .col-3 {width:33%}
.page-office .item-2 {position:relative;}
.page-office .item-2 a.map {position:absolute; display:block; width:80px; height:20px;}
.page-office .item-2 a.m-1 {top:291px; right:107px;}
.page-office .item-2 a.m-2 {top:69px; left:138px;}
.page-office .item-2 a.m-3 {top:195px; right:35px;}
.page-office .item-2 a.m-4 {top:166px; left:119px;}
.page-office .item-2 a.m-5 {top:210px; left:97px;}
.page-office .item-2 a.m-6 {top:324px; left:214px;}
.page-office .item-2 a.m-7 {top:243px; left:-11px;}
.page-office .item-2 a.m-8 {top:71px; right:-4px;}
.page-office .item-2 a.m-9 {top:249px; right:46px;}
.page-office .item-2 a.m-10 {top:370px; left:119px;}
.page-privacy-policy .page-body ol {margin-bottom:1.5em;}
.page-privacy-policy .page-body ol > li {margin-bottom:1em;}

/*----------
  single
----------*/
.post-link a {display:inline-block; padding:8px 12px; border:1px solid #ddd;}
.post-link a:hover {background-color:#f4f4f4;}
.post-link .prev {text-align:left;}
.post-link .next {text-align:right;}
.post-link .prev a i {margin-right:5px;}
.post-link .next a i {margin-left:5px;}

/*----------
  form
----------*/
.page-contact .page-body form label {display:block; margin-bottom:10px; font-size:16px;}
.page-contact .page-body form input[type=text],
.page-contact .page-body form input[type=email] {display:block; width:100%; height:50px; padding:6px 12px; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc;}
.page-contact .page-body form textarea {display:block; width:100%; padding:6px 12px; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc;}
.required {color:#2287c6;}
.form-part {margin-bottom:30px;}
.scroll-box {height:150px; padding:20px 30px 10px; background-color:#fff; border:1px solid #ccc; overflow-y:scroll;}
.wpcf7-submit {display:block; width:100%; padding:10px 15px; background-color:#333; color:#fff; outline:none; cursor:pointer;}
input.wpcf7-submit[disabled] {opacity:.3; cursor:not-allowed;}
span.wpcf7-checkbox {display:block; overflow:hidden;}
span.wpcf7-list-item {width:300px; display:block; float:left; margin:15px 0;}
span.wpcf7-list-item label {margin-bottom:0 !important;}
span.wpcf7-list-item:nth-child(3),
span.wpcf7-list-item:nth-child(5) {clear:both;}
div.wpcf7-validation-errors {background-color:#fff; border-width:1px;}
div.wpcf7-response-output {margin:20px 0; padding:15px 20px;}
.wpcf7-not-valid {background-color:#fff0f0 !important;}
/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
	width:100%;
	margin:15px 0 0 30px;
}
.radio-part {
	margin: 0 0 60px 0;
}
.form-cont {
	margin: 0 0 200px 0;
	padding: 0 0 50px 0;
}
/*----------
  radio & checkbox
----------*/
input[type=checkbox] {display:none;}
input[type=checkbox] + .wpcf7-list-item-label {position:relative; vertical-align:middle; cursor:pointer;}
input[type=checkbox] + .wpcf7-list-item-label:before {content:''; position:relative; top:3px; display:inline-block; width:18px; height:18px; margin-right:10px; background-color:#fff; border:1px solid #ccc;}
input[type=checkbox]:checked + .wpcf7-list-item-label:before {background-color:#2287c6;}


/*----------
  footer
----------*/
footer {min-width:960px;}
.section-footer {padding:30px 0; background-color:#f4f4f4;}
.section-copyright {padding:20px 0; background-color:#a3b4be; font-size:13px;}
#menu-footer-menu {margin:0; padding:0; list-style:none;}
#menu-footer-menu > li {display:inline-block;}
#menu-footer-menu > li > a {display:block; padding:0 10px; border-left:1px solid #fff; color:#fff;}
#menu-footer-menu > li:last-child > a {border-right:1px solid #fff;}
#menu-footer-menu > li > i {display:none;}
.copyright {text-align:right; color:#fff;}

#pagetop {position:fixed; right:10px; bottom:10px; text-align:center; z-index:1000; opacity:0;}
#pagetop i {width:40px; height:40px; padding-top:5px; background-color:#717071; font-size:2em; color:#fff;}

@media (max-width:640px) {

  .for-pc {display:none !important;}
  .for-mobile {display:block !important;}

  .lead {font-size:18px;}
  .container {width:auto; padding-left:20px; padding-right:20px;}
  #content,
  footer,
  .page-header,
  .page-sub-header,
  .page-body {min-width:100%;}

  /*----------
    header
  ----------*/
  header {padding:10px 0;}
  .brand {position:relative; margin-bottom:0;}
  .brand .logo {margin:5px 0 0; width:200px; height:auto;}
  #menu-trigger {position:absolute; top:10px; right:0; display:inline-block; padding:7px 7px 2px 7px; background-color:#ccc; border:none; outline:none;}
  #menu-trigger i {position:relative; display:block; width:24px; height:24px; font-size:18px; color:#fff;}
  #menu-trigger,
  #menu-trigger span {transition:all .3s;}
  #menu-trigger span {position:absolute; left:2px; width:20px; height:3px; background-color:#fff;}
  #menu-trigger span:nth-of-type(1) {top:1px;}
  #menu-trigger span:nth-of-type(2) {top:8px;}
  #menu-trigger span:nth-of-type(3) {bottom:6px;}
  #menu-trigger > .active span:nth-of-type(1) {-webkit-transform:translateY(20px) rotate(-45deg); transform:translateY(20px) rotate(-45deg); top:-11px;}
  #menu-trigger > .active span:nth-of-type(2) {opacity:0;}
  #menu-trigger > .active span:nth-of-type(3) {-webkit-transform:translateY(-20px) rotate(45deg); transform:translateY(-20px) rotate(45deg); bottom:-8px;}
  #menu-target,
  #menu-mobile {display:none;}
  .nav-left,
  .nav-right {float:none;}
  nav.navbar > ul > li {float:none; width:auto; border-bottom:1px solid #ddd;}
  nav.navbar > ul > li > a {display:inline-block; padding:10px 0; border-left:none; text-align:left;}
  nav.navbar > ul > li:nth-child(3) > a,
  nav.navbar > ul > li:nth-child(4) > a,
  nav.navbar > ul > li:nth-child(5) > a {display:block;}
  nav.navbar > ul > li > a > .menu-item-description {display:inline-block; margin-left:5px;}
  nav.navbar > ul > li:nth-child(1) i,
  nav.navbar > ul > li:nth-child(2) i {display:inline-block; position:absolute; top:12px; right:0; width:22px; height:22px; line-height:22px; padding:0 3px 6px; text-align:center; font-family:'FontAwesome'; content:'\f107'; background-color:#ccc; border-radius:11px; color:#fff;}
  /*
  nav.navbar > ul > li:nth-child(1) i,
  nav.navbar > ul > li:nth-child(2) i {display:inline-block; position:absolute; top:16px; right:5px; font-family:'FontAwesome'; content:'\f107';}
  */
  nav.navbar > ul > li:last-child > a {border-right:none;}
  .sub-menu {position:static;}
  .navbar-search {margin:15px 0;}
  #search-btn {position:static; display:none;}
  .search-modal {display:block; position:static;}
  .search-modal input {position:static; width:100%; height:40px;}
  #search-btn-mobile {position:relative; display:none; top:3px; margin:0 0 0 5px; padding:0; font-size:22px;}

  /*----------
    top
  ----------*/
  .slick-dots {bottom:10px;}
  .list-news .list-item > a {padding:10px 20px;}
  .products-banner {text-align:center; height:auto;}
  .products-banner .item {width:auto;}
  .products-banner .item:last-child {margin-left:0;}
  .products-banner img {margin-bottom:20px; max-width:80%; display:inline-block;}
  .products-banner .item:last-child img {margin:0;}
  .products-banner .item.products-catalog .catalog-title {top:45px; left:20px; right:inherit; font-size:18px;}

  /*----------
    page
  ----------*/
  .page-header {padding:40px 0;}
  .page-header .page-title-en {font-size:24px;}
  .page-sub-header ul > li {float:none; width:auto;}
  .page-sub-header ul > li a {padding:15px 0; font-size:16px;}
  .page-body {padding:20px 0;}
  .page-wrap {padding:20px 0;}
  .col-item .item {width:auto; float:none; margin-bottom:20px;}
  .col-item .item:nth-child(odd) {margin-right:0;}
  .col-item .item:nth-child(even) {margin-left:0;}

  .page-information .col-item .item {min-height:auto;}
  .page-history .border-heading {margin-bottom:15px;}
  .page-history .list-history li .year,
  .page-history .list-history li .month,
  .page-history .list-history li .text {float:none; width:auto;}
  .page-history .list-history li .year {display:inline-block; margin-right:5px;}
  .page-history .list-history li .month {display:inline-block; text-align:left;}
  .page-history .list-history li .text {}
  .page-about .col-item .item {width:auto;}
  .page-about .col-item .item .overlay {top:0; left:inherit; right:0; bottom:0; width:150px; min-height:inherit; max-height:inherit; z-index:2;}
  .page-about .col-item .item .caption {top:0; left:inherit; right:0; bottom:0; width:150px; z-index:3;}
  .page-about .col-item .item .caption .title {margin-top:25px; font-size:30px; line-height:1;}
  .page-about .col-item .item .caption .title img {width:55px;}
  .page-about .col-item .item .caption .subtitle {margin-bottom:10px;}
  .page-about .col-item .item .caption .adding-text {padding:0; font-size:18px;}
  .page-about .col-item .item .thumbnail {max-height:180px; overflow:hidden;}
  .page-about .col-item .item .thumbnail img {position:relative; z-index:1;}
  .page-about-child .page-header {padding:10px;}
  .page-about-child .float-block {margin-top:20px; margin-bottom:20px; padding-bottom:20px;}
  .page-about-child .float-block .float-right-block {width:50%; margin-left:50%; padding:20px 0; background-color:rgba(109,150,80,1); text-align:center;}
  .page-about-child .float-block .float-right-block .thumbnail {}
  .page-about-child .float-block .float-right-block .thumbnail img {width:70px;}
  .page-about-child .float-block .float-right-block .subtitle {margin-top:10px; color:#fff;}
  .page-about-child .float-block .float-right-block .subtitle:before,
  .page-about-child .float-block .float-right-block .subtitle:after {content:'―';}
  .page-about-child .float-block .float-right-block .subtitle:before {margin-right:10px;}
  .page-about-child .float-block .float-right-block .subtitle:after {margin-left:10px;}
  .page-about-child .float-block .float-right-block .heading {margin:15px 0 0; padding:0; border:none; font-size:20px; color:#fff;}
  .page-about-child .float-block hr {margin:20px 20px 5px; border-top:2px solid rgba(109,150,80,1);}
  .page-about-child .float-block .col-block {margin:0 20px; padding:20px; color:#fff;}
  .page-about-child .float-block .col-block .catch-copy {font-size:20px;}
  .page-about-child .float-block .col-block .lead {font-size:12px;}
  .page-about-child .float-block .col-block .lead br {display:none;}
  .page-about-child .key-header {padding:20px 0;}
  .page-about-child .key-header .key-title {font-size:16px;}
  .page-about-child .key-header .key-title br {display:none;}
  .page-about-child .content-body .content-body-inner {margin-bottom:0;}
  .page-about-child .content-body h3 {font-size:18px;}
  .page-about-child .content-body .col-one,
  .page-about-child .content-body .col-third {width:auto; float:none;}
  .page-about-child .content-body .col-one .col-inner {width:auto; margin:20px;}
  .page-about-child .content-body .col-wrap {}
  .page-about-child .content-body .col-two {width:auto; float:none;}
  .page-about-child .content-body .col-two .text-right {text-align:center;}
  .page-about-child .content-body .col-two .text-right img {max-width:150px;}
  .page-about-child .content-body .col-two .text-right img:first-child {margin-left:0;}
  .page-about-child .content-body .irregular-1 .col-two .text-right img {max-width:95px;}
  .page-about-child .content-body .irregular-2 .col-third .text-right {text-align:center;}
  .page-about-child .content-body .irregular-2 .col-third .text-right img {max-width:69px;}
  .page-about-child .content-body .col-wrap .text-left {width:auto; margin-left:20px; margin-right:20px;}
  .page-about-child .content-body .col-wrap .text-left .button {margin-top:10px;}
  .page-fertilizer .float-block .float-right-block {background-color:rgba(143,111,72,1);}
  .page-fertilizer .float-block hr {border-top-color:rgba(143,111,72,1);}
  .page-building-materials .float-block .float-right-block {background-color:rgba(94,176,224,1);}
  .page-building-materials .float-block hr {border-top-color:rgba(94,176,224,1);}
  .page-building-materials .content-body .content-body-inner:nth-child(3) .col-wrap .text-right img {max-width:308px; margin:0 0 11px; float:none;}
  .page-civil-engineering-materials .float-block .float-right-block {background-color:rgba(196,168,54,1);}
  .page-civil-engineering-materials .float-block hr {border-top-color:rgba(196,168,54,1);}
  .page-office .for-mobile {}
  .page-office .for-mobile img {}
  .page-office .for-mobile .list-area {margin:0; padding:0; list-style:none; overflow:hidden; background-color:#f4f4f4; border-top:1px solid #ddd; border-left:1px solid #ddd;}
  .page-office .for-mobile .list-area > li {position:relative; width:50%; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
  .page-office .for-mobile .list-area > li > a {display:block; padding:5px 10px;}
  .page-office .for-mobile .list-area > li:after {position:absolute; top:5px; right:10px; font-family:'FontAwesome'; content:'\f103'; color:#ccc;}
  .page-office .col-1,
  .page-office .col-2,
  .page-office .col-3 {vertical-align:top;}
  .single .page-body h1 {font-size:18px}

  .page-office .nd_subtitle {font-size:24px;}
  .nd_vision21 {display:block; margin:20px autox; width:800px; height:auto; text-align:center;}

  /* form */
  span.wpcf7-list-item {width:80%;}
  span.wpcf7-list-item:nth-child(3),
  span.wpcf7-list-item:nth-child(5) {clear:none;}

  /*----------
    footer
  ----------*/
  footer .logo {display:block; margin:0 auto 20px; width:210px; height:auto;}
  .section-footer {text-align:center; font-size:12px;}
  .copyright,
  #menu-footer-menu {text-align:center;}

}
@media (max-width:374px) {
  .products-banner .item.products-catalog .catalog-title {font-size:16px;}
}
@media (max-width:413px) {
  .products-banner .item.products-catalog .catalog-title {left:0;}
}

.brand{
  text-align: center;
}

#menu-target,
.section-footer,
.col-sm-pull-6,
#menu-trigger{
  display: none;
}

.col-sm-6 {
  width: 100%;
  left: auto !important;
  text-align: center;
}

.copyright{
  text-align: center;
}