/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL CLASS control ->              */
/* =====>=====>=====>=====>=====>=====>===== */
.sub section {
  padding: 75px 0;
}
.sub section .inner > header {
  margin-bottom: 70px;
}
.sub section .inner > header + p {
  font-size: 15px;
}
.sub section h2 {
  font-size: 30px;
}
.sub section h2::after {
  width: 150px;
  height: 5px;
  display: block;
  margin: 10px auto 0;
  content: "";
  background: #FD6721;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SUB-VISUAL control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */
#SV {
  width: 100%;
  height: 250px;
  background: url(../img/common/sv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  align-items: center;
  justify-content: center;
}
#SV h2 {
  font-family: serif;
  color: #FD6721;
  font-size: 32px;
  text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px -2px 3px #fff;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / recycle ->              */
/* =====<=====<=====<=====<=====<=====<===== */
.business .flow .inner .cntBox {
  padding: 20px;
  background: #f4f3f3;
}
.business .flow .inner .cntBox header {
  margin-bottom: 15px;
}
.business .flow .inner .cntBox header span,
.business .flow .inner .cntBox header h3 {
  color: #828282;
}
.business .flow .inner .cntBox header span {
  font-family: "Garamond";
  font-weight: bold;
  font-size: 60px;
}
.business .flow .inner .cntBox header h3 {
  font-size: 24px;
}
.business .flow .inner .cntBox .inBox {
  background: #fff;
}
.business .flow .inner .cntBox .inBox p {
  font-size: 15px;
  line-height: 1.7;
}
.business .flow .inner > .cntBox {
  width: 795px;
  margin: auto;
  align-items: stretch;
  position: relative;
  overflow: visible;
}
.business .flow .inner > .cntBox::after {
  width: 60px;
  height: 60px;
  display: block;
  margin: auto;
  content: "";
  border-top: 30px solid #FD6721;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
}
.business .flow .inner > .cntBox .inBox {
  width: 477px;
  padding: 15px 50px 15px 20px;
  border-left: 3px solid #FD6721;
}
.business .flow .inner > .cntBox .inBox header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.business .flow .inner > .cntBox .inBox header span {
  width: 53px;
}
.business .flow .inner > .cntBox .inBox p {
  padding-left: 53px;
}
.business .flow .inner > .cntBox + .fx, .business .flow .inner > .cntBox + .cntBox {
  margin-top: 30px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) {
  flex-wrap: wrap;
  align-items: flex-start;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox {
  width: 253px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox > header {
  margin-bottom: 0;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox > header h3 {
  color: #fff;
  font-size: 28px;
  line-height: 1.7;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox + .inBox {
  margin-top: 25px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox + .inBox h3,
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox + .inBox p:nth-of-type(1) {
  min-height: auto;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox + .inBox figure::after {
  display: none;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox figure + header,
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox p + header {
  padding-top: 60px;
  position: relative;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox figure + header::before,
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox p + header::before {
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  content: "";
  border-top: 24px solid #FD6721;
  border-right: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid transparent;
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox header,
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox p {
  padding: 0 15px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox header {
  margin-bottom: 5px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox header > span {
  display: block;
  padding-top: 15px;
  text-align: center;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox header h3 {
  min-height: 53px;
  font-size: 22px;
  line-height: 1.2;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox header h3 span {
  display: inline-block;
  margin-left: 5px;
  padding-top: 0;
  font-size: 21px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox p {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox p:nth-of-type(1) {
  min-height: 82px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox p:nth-of-type(2) {
  min-height: 100px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox figure {
  width: 210px;
  margin-top: 10px;
  position: relative;
  overflow: visible;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox .inBox figure::after {
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  content: "";
  border-top: 24px solid #FD6721;
  border-right: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid transparent;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -48px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(1) > header {
  background: #8dc63f;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(1) .inBox {
  border-left: 3px solid #8dc63f;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(2) > header {
  background: #4eb54a;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(2) .inBox {
  border-left: 3px solid #4eb54a;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(3) > header {
  background: #458a0a;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(3) .inBox {
  border-left: 3px solid #458a0a;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(3) .inBox:nth-of-type(2) figure {
  overflow: hidden;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(3) .inBox:nth-of-type(2) figure img {
  float: right;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(4) > header {
  background: #0c866e;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(4) .inBox {
  border-left: 3px solid #0c866e;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(4) .inBox figure:nth-last-of-type(1) {
  margin-top: 5px;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(4) .inBox figure + header::before {
  top: 0;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(4) .btn {
  width: 168px;
  margin-top: 10px;
  padding: 5px 0;
  color: #eea50a;
  font-size: 14px;
  border: 1px solid #eea50a;
}
.business .flow .inner > .cntBox + .fx:not(.cntBox) .cntBox:nth-of-type(4) .btn:hover {
  color: #fff;
  background: #eea50a;
}

#recycle section #recycle section:nth-of-type(odd) {
  background: #fff;
}
#recycle section:nth-of-type(even) {
  background: #FD6721;
}
#recycle section:nth-of-type(even) h2 {
  color: #fff;
}
#recycle section:nth-of-type(even) h2::after {
  background: #fff;
}
#recycle section .inner > header {
  margin-bottom: 45px;
}
#recycle #sec02 li {
  width: 192px;
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px -2px 3px #fff;
}
#recycle #sec02 li img {
  display: none;
}
#recycle #sec02 li:nth-of-type(1) {
  background: url(../img/recycle/sec02_01.jpg) no-repeat;
}
#recycle #sec02 li:nth-of-type(2) {
  background: url(../img/recycle/sec02_02.jpg) no-repeat;
}
#recycle #sec02 li:nth-of-type(3) {
  background: url(../img/recycle/sec02_03.jpg) no-repeat;
}
#recycle #sec02 li:nth-of-type(4) {
  background: url(../img/recycle/sec02_04.jpg) no-repeat;
}
#recycle #sec02 li:nth-of-type(5) {
  background: url(../img/recycle/sec02_05.jpg) no-repeat;
}
#recycle #sec02 li:nth-of-type(1), #recycle #sec02 li:nth-of-type(2), #recycle #sec02 li:nth-of-type(3), #recycle #sec02 li:nth-of-type(4), #recycle #sec02 li:nth-of-type(5) {
  background-size: cover;
  background-position: center;
}
#recycle #sec02 dl {
  margin-top: 25px;
  background: #fff;
  justify-content: flex-start;
  align-items: center;
}
#recycle #sec02 dl dt,
#recycle #sec02 dl dd {
  padding: 16px 0;
  font-size: 18px;
}
#recycle #sec02 dl dt {
  padding-left: 16px;
  font-weight: bold;
}
#recycle #sec02 dl dd {
  padding-left: 56px;
  position: relative;
}
#recycle #sec02 dl dd br {
  display: none;
}
#recycle #sec02 dl dd::before {
  width: 26px;
  height: 26px;
  content: "";
  display: inline-block;
  margin: 0 auto;
  background: url(../img/recycle/ico_cross.png) no-repeat;
  background-size: 26px;
  background-position: center;
  position: absolute;
  top: 20px;
  left: 15px;
}
#recycle #sec04 p {
  width: 950px;
  margin: auto;
  color: #fff;
}

#facility #sec01 .cntBox {
  align-items: flex-start;
}
#facility #sec01 .cntBox p {
  width: 792px;
}
#facility #sec01 .cntBox figure {
  position: relative;
  z-index: 0;
}
#facility #sec01 .cntBox figure figcaption {
  font-weight: bold;
  font-size: 15px;
  text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px -2px 3px #fff;
  position: absolute;
  bottom: 5px;
  left: 10px;
}
#facility #sec01 .cntBox figure + figure {
  margin-top: 10px;
}
#facility #sec01 a {
  width: 225px;
  display: block;
  margin-top: 20px;
  color: #eea50a;
  font-weight: bold;
  text-decoration: underline;
}
#facility #sec01 a i {
  margin-right: 8px;
  font-size: 24px;
}
#facility #sec02 {
  background: #FD6721;
}
#facility #sec02 h2 {
  color: #fff;
}
#facility #sec02 h2::after {
  background: #fff;
}
#facility .flow .inner .cntBox {
  background: #ffede5;
}
#facility .flow .inner .cntBox::after {
  border-top: 30px solid #fff;
}
#facility .flow .inner > .cntBox:nth-of-type(1) .inBox, #facility .flow .inner > .cntBox:nth-last-of-type(1) .inBox {
  width: 100%;
}
#facility .flow .inner > .fx:not(.cntBox) figure::after, #facility .flow .inner > .cntBox:nth-last-of-type(1)::after {
  display: none;
}
#facility .flow .inner > .fx:not(.cntBox) {
  align-items: stretch;
  justify-content: center;
  margin-bottom: 30px;
}
#facility .flow .inner > .fx:not(.cntBox) p + p {
  padding-top: 11px;
}
#facility .flow .inner > .fx:not(.cntBox) img {
  width: 100%;
}
#facility .flow .inner > .fx:not(.cntBox) > .cntBox:nth-of-type(1) figure {
  margin-top: 21px;
}
#facility .flow .inner > .fx:not(.cntBox) > .cntBox + .cntBox {
  margin-left: 20px;
}
#facility .flow .inner > .fx:not(.cntBox) div.fx {
  width: 100%;
  margin-top: 20px;
  align-items: stretch;
}
#facility .flow .inner > .fx:not(.cntBox) div.fx .cntBox {
  width: 32%;
}
#facility .flow .inner > .fx:not(.cntBox) div.fx .cntBox .inBox {
  border-left: 3px solid #458a0a;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox {
  width: 32%;
  position: relative;
  overflow: visible;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox .inBox + .inBox {
  margin-top: 0;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox > header {
  display: none;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox > header span {
  display: none;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox .inBox figure + header::before {
  top: 0;
  border-top: 24px solid #8cc63f;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox .inBox figure {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox header h3 {
  min-height: auto;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox p:nth-of-type(1), #facility .flow .inner > .fx:not(.cntBox) .cntBox p:nth-of-type(2) {
  min-height: auto;
}
#facility .flow .inner > .fx:not(.cntBox) .cntBox p span {
  display: block;
  font-weight: bold;
}

#usedpaper #sec02 {
  background: #FD6721;
}
#usedpaper #sec02 h2 {
  color: #fff;
}
#usedpaper #sec02 h2::after {
  background: #fff;
}
#usedpaper #sec02 .cntBox {
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
#usedpaper #sec02 .cntBox figure,
#usedpaper #sec02 .cntBox dl {
  background: #fff;
}
#usedpaper #sec02 .cntBox figure {
  width: 278px;
}
#usedpaper #sec02 .cntBox figure + figure {
  margin-left: 20px;
}
#usedpaper #sec02 .cntBox figure figcaption {
  padding: 20px 20px 0;
  color: #4eb54a;
  font-weight: bold;
}
#usedpaper #sec02 .cntBox figure p {
  padding: 0 20px 20px;
  font-size: 15px;
}
#usedpaper #sec02 .cntBox dl {
  width: 100%;
  margin-top: 30px;
}
#usedpaper #sec02 .cntBox dl dt,
#usedpaper #sec02 .cntBox dl dd {
  padding: 23px 0 15px;
  font-size: 18px;
}
#usedpaper #sec02 .cntBox dl dt {
  width: 175px;
  padding-left: 16px;
  font-weight: bold;
}
#usedpaper #sec02 .cntBox dl dd {
  width: 925px;
  padding-left: 56px;
  padding-right: 25px;
  font-size: 15px;
  position: relative;
}
#usedpaper #sec02 .cntBox dl dd::before {
  width: 26px;
  height: 100%;
  content: "";
  display: inline-block;
  margin: 0 auto;
  background: url(../img/recycle/ico_cross.png) no-repeat;
  background-size: 26px;
  background-position: center;
  position: absolute;
  top: 0;
  left: 15px;
}
#usedpaper #sec03 .cntBox:nth-last-of-type(1)::after {
  display: none;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / supersol ->             */
/* =====<=====<=====<=====<=====<=====<===== */
#supersol h2 br {
  display: none;
}
#supersol #sec02,
#supersol #sec04 {
  background: #FD6721;
}
#supersol #sec02 p,
#supersol #sec02 h2,
#supersol #sec04 p,
#supersol #sec04 h2 {
  color: #fff;
}
#supersol #sec02 h2::after,
#supersol #sec04 h2::after {
  background: #fff;
}
#supersol .flow header span {
  width: 45px;
  font-size: 55px;
}
#supersol .flow header h3 {
  font-size: 21px;
}
#supersol .cntBox:nth-last-of-type(1)::after {
  display: none;
}
#supersol #sec01 .cntBox {
  margin-top: 60px;
}
#supersol #sec01 .cntBox header {
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #4eb54a;
}
#supersol #sec01 .cntBox .inBox {
  width: 850px;
  margin: 0 auto 50px;
  padding: 30px 30px 40px;
}
#supersol #sec01 header h3 {
  font-family: serif;
  font-size: 19px;
}
#supersol #sec01 header h3 br {
  display: none;
}
#supersol #sec01 header h3 span {
  color: #458a0a;
  font-weight: bold;
  font-size: 25px;
}
#supersol #sec01 ul {
  width: 610px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
}
#supersol #sec01 ul li {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: serif;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background: #4eb54a;
}
#supersol #sec01 ul li:nth-of-type(n + 2) {
  margin-left: 10px;
}
#supersol #sec01 ul li:nth-of-type(n + 6) {
  margin-top: 10px;
}
#supersol #sec02 a,
#supersol #sec02 a::after {
  display: inline-block;
}
#supersol #sec02 a {
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#supersol #sec02 a::after {
  margin-left: 10px;
  content: "\f08e";
  font-family: FontAwesome;
}
#supersol #sec04 .cntBox {
  flex-wrap: wrap;
  align-items: stretch;
}
#supersol #sec04 .cntBox .inBox {
  width: 49%;
  align-items: stretch;
  background: #fff;
}
#supersol #sec04 .cntBox .inBox:nth-last-of-type(1) {
  padding: 30px 86px 20px;
}
#supersol #sec04 .cntBox .inBox:nth-last-of-type(1) h3 {
  color: #4eb54a;
  font-weight: bold;
  font-size: 19px;
}
#supersol #sec04 .cntBox .inBox:nth-last-of-type(1) dl {
  width: 100%;
  margin-top: 12px;
  text-align: center;
}
#supersol #sec04 .cntBox .inBox:nth-last-of-type(1) dl dt {
  margin-bottom: 5px;
  padding-top: 0;
}
#supersol #sec04 .cntBox .inBox:nth-last-of-type(1) dl dt a {
  color: #FD6721;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}
#supersol #sec04 .cntBox .inBox:nth-last-of-type(1) dl dd {
  padding-bottom: 0;
  line-height: 1.8;
}
#supersol #sec04 .cntBox .inBox:nth-of-type(n + 3) {
  margin-top: 20px;
}
#supersol #sec04 .cntBox .inBox figure {
  width: 192px;
}
#supersol #sec04 .cntBox .inBox dl {
  width: 338px;
}
#supersol #sec04 .cntBox .inBox dl dt {
  padding: 20px 20px 0 20px;
  color: #FD6721;
  font-weight: bold;
  font-size: 17px;
}
#supersol #sec04 .cntBox .inBox dl dd {
  font-size: 14px;
  padding: 0 20px 20px 20px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / spraycan ->             */
/* =====<=====<=====<=====<=====<=====<===== */
#spraycan section .inner > header + p {
  text-align: center;
}
#spraycan .cntBox header {
  margin-bottom: 0;
}
#spraycan .cntBox:nth-of-type(1) {
  margin-top: 50px;
}
#spraycan .cntBox:nth-last-of-type(1)::after {
  display: none;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / company ->              */
/* =====<=====<=====<=====<=====<=====<===== */
#company section dl {
  overflow: hidden;
}
#company section dl dt,
#company section dl dd {
  float: left;
}
#company section dl dt {
  width: 200px;
  clear: both;
}
#company section dl dd {
  width: 900px;
  padding-left: 30px;
}
#company #sec01 {
  padding-bottom: 0;
}
#company #sec01 > .inner .cntBox:nth-of-type(1) {
  flex-wrap: wrap;
  margin-bottom: 70px;
  padding: 20px 0;
  background: #fff;
}
#company #sec01 > .inner .cntBox:nth-of-type(1) p {
  width: 100%;
  font-size: 15px;
  line-height: 2.4;
}
#company #sec01 > .inner .cntBox:nth-of-type(1) figure figcaption {
  margin-top: 8px;
  font-size: 18px;
  text-align: center;
}
#company #sec01 .cntBox {
  width: 100%;
  padding-top: 65px;
  padding-bottom: 100px;
}
#company #sec01 .cntBox:nth-of-type(2) {
  padding-bottom: 75px;
  background: #f4f3f3;
}
#company #sec01 .cntBox:nth-of-type(2) dt,
#company #sec01 .cntBox:nth-of-type(2) dd {
  font-size: 15px;
  line-height: 1.5;
}
#company #sec01 .cntBox:nth-of-type(2) dt:nth-of-type(n + 2),
#company #sec01 .cntBox:nth-of-type(2) dd:nth-of-type(n + 2) {
  margin-top: 15px;
}
#company #sec01 .cntBox:nth-of-type(2) dt {
  font-weight: bold;
}
#company #sec01 .cntBox:nth-of-type(2) dt a {
  display: none;
}
#company #sec01 .cntBox:nth-of-type(2) dt::after {
  width: 2px;
  height: 1.2em;
  display: block;
  content: "";
  background: #FD6721;
  float: right;
}
#company #sec01 .cntBox:nth-of-type(2) dd li {
  font-size: 14px;
  line-height: 1.5;
}
#company #sec01 .cntBox:nth-of-type(2) dd span {
  display: block;
  font-weight: bold;
}
#company #sec01 .cntBox:nth-of-type(2) dd span:nth-of-type(n + 2) {
  margin-top: 10px;
}
#company #sec01 .cntBox:nth-of-type(2) dd .btn {
  width: 210px;
  margin: 10px 0 0;
  font-size: 13px;
}
#company #sec02 dl dt,
#company #sec02 dl dd {
  padding-top: 10px;
  padding-bottom: 20px;
}
#company #sec02 dl dt:nth-of-type(1),
#company #sec02 dl dd:nth-of-type(1) {
  margin-top: -6px;
  padding-top: 0;
}
#company #sec02 dl dt {
  font-weight: bold;
  position: relative;
}
#company #sec02 dl dt:nth-of-type(1)::after {
  top: -31px;
}
#company #sec02 dl dt::after {
  width: 11px;
  height: 11px;
  display: block;
  margin: auto;
  content: "";
  border-radius: 50%;
  background: #FD6721;
  position: absolute;
  top: -15px;
  right: -6px;
  bottom: 0;
}
#company #sec02 dl dd {
  border-left: 1px solid #FD6721;
}
#company #sec02 dl dd:nth-of-type(1) {
  padding-bottom: 26px;
}
#company #sec02 dl dd:nth-last-of-type(1) {
  padding-bottom: 35px;
}
#company #map iframe {
  width: 100%;
  height: 500px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / factory_info ->         */
/* =====<=====<=====<=====<=====<=====<===== */
#factory_intro .cntBox .inBox {
  padding: 20px;
  background: #f4f3f3;
  justify-content: flex-start;
  align-items: stretch;
}
#factory_intro .cntBox .inBox + .inBox {
  margin-top: 40px;
}
#factory_intro .cntBox .inBox header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FD6721;
}
#factory_intro .cntBox .inBox header h3 {
  color: #000;
  font-size: 20px;
  text-align: left;
}
#factory_intro .cntBox .inBox header h3 + span {
  margin-left: 20px;
  color: #4eb54a;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 2;
}
#factory_intro .cntBox .inBox .Box {
  width: 100%;
  padding: 15px 20px 0 30px;
  background: #fff;
}
#factory_intro .cntBox .inBox .Box p {
  font-size: 15px;
}
#factory_intro #sec02 {
  background: #FD6721;
}
#factory_intro #sec02 h2 {
  color: #fff;
}
#factory_intro #sec02 h2::after {
  background: #fff;
}
#factory_intro #sec02 header + p {
  padding: 0 10px 30px 10px;
  color: #fff;
  font-size: 16px;
}
#factory_intro #sec02 .cntBox {
  align-items: center;
  margin-top: 40px;
  padding: 40px;
  background: #f4f3f3;
}
#factory_intro #sec02 .cntBox figure {
  width: 465px;
}
#factory_intro #sec02 .cntBox p {
  width: 595px;
  margin-right: 40px;
  font-size: 15px;
  line-height: 2.6;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / car_intro ->            */
/* =====<=====<=====<=====<=====<=====<===== */
#car_intro .cntBox figure {
  align-items: flex-start;
}
#car_intro .cntBox figure:nth-of-type(n + 2) {
  margin-top: 80px;
}
#car_intro .cntBox figure:nth-of-type(even) {
  flex-direction: row-reverse;
}
#car_intro .cntBox figure figure,
#car_intro .cntBox figure .inBox {
  width: 540px;
}
#car_intro .cntBox figure figcaption {
  padding-bottom: 5px;
  color: #FD6721;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #FD6721;
}
#car_intro .cntBox figure p {
  margin-top: 15px;
  font-size: 15px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / staff ->                */
/* =====<=====<=====<=====<=====<=====<===== */
#staff #sec01 {
  background: #f4f3f3;
}
#staff .cntBox {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#staff .cntBox .inBox {
  min-height: 265px;
  padding: 20px 15px 15px;
  position: relative;
  background: #fff;
}
#staff .cntBox .inBox::before {
  width: 75px;
  height: 38px;
  display: block;
  margin: auto;
  content: "";
  background: url(../img/top/ico_triangle.png) no-repeat;
  background-size: 75px;
  position: absolute;
  top: -37px;
  right: 0;
  left: 0;
}
#staff .cntBox figure {
  width: 335px;
}
#staff .cntBox figure + figure {
  margin-left: 47px;
}
#staff .cntBox figure:nth-of-type(3n + 1) {
  margin-left: 0;
}
#staff .cntBox figure:nth-of-type(n + 4) {
  margin-top: 50px;
}
#staff .cntBox figure figcaption {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5;
  border-bottom: 1px solid #FD6721;
}
#staff .cntBox figure dl {
  overflow: hidden;
}
#staff .cntBox figure dl dt,
#staff .cntBox figure dl dd {
  font-size: 14px;
  line-height: 1.8;
}
#staff .cntBox figure dl dt {
  width: 100px;
  color: #FD6721;
  font-weight: bold;
  clear: both;
}
#staff .cntBox figure dl dt:nth-of-type(n + 2) {
  margin-top: 0.5em;
}
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / license ->              */
/* =====<=====<=====<=====<=====<=====<===== */
#license .cntBox {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#license .cntBox figure {
  width: 25%;
  padding: 10px;
}
#license .cntBox figure:nth-of-type(n + 5) {
  margin-top: 40px;
}
#license .cntBox figure figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  margin-bottom: 10px;
  padding: 0 10px;
  background: #f4f3f3;
}
#license .cntBox figure figcaption a {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  pointer-events: none;
}
#license .cntBox figure figcaption a::after {
  display: none;
}
#license .cntBox figure figcaption a img {
  margin: auto;
}
#license .cntBox figure > a {
  width: 250px;
  height: 353px;
  margin: auto;
}
#license .cntBox figure > a img {
  width: 100%;
  height: auto;
}
#license .cntBox figure a {
  display: block;
  position: relative;
}
#license .cntBox figure a::after {
  display: block;
  font-family: FontAwesome;
  color: #FD6721;
  font-size: 30px;
  content: "\f019";
  position: absolute;
  right: 25px;
  bottom: 0;
  z-index: 999;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / public ->              */
/* =====<=====<=====<=====<=====<=====<===== */
#public .cntBox {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#public .cntBox .article {
  width: 32%;
  min-height: 60px;
  background: #f4f3f3;
  position: relative;
}
#public .cntBox .article::after {
  height: 27px;
  display: block;
  margin: auto;
  font-family: FontAwesome;
  color: #FD6721;
  font-size: 30px;
  content: "\f019";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  z-index: 0;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
}
#public .cntBox .article:nth-of-type(n + 4) {
  margin-top: 20px;
}
#public .cntBox .article:not(:nth-of-type(3n + 1)) {
  margin-left: 2%;
}
#public .cntBox .article a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 10px 60px 10px 20px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
}
#public .cntBox .article a span {
  width: 100%;
  display: block;
  margin-top: 0.3em;
  font-weight: bold;
  font-size: 12px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / download ->              */
/* =====<=====<=====<=====<=====<=====<===== */
#download .cntBox {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#download .cntBox .article {
  width: 32%;
  min-height: 60px;
  background: #f4f3f3;
  position: relative;
}
#download .cntBox .article::after {
  height: 27px;
  display: block;
  margin: auto;
  font-family: FontAwesome;
  color: #FD6721;
  font-size: 30px;
  content: "\f019";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  z-index: 0;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
}
#download .cntBox .article:nth-of-type(n + 4) {
  margin-top: 20px;
}
#download .cntBox .article:not(:nth-of-type(3n + 1)) {
  margin-left: 2%;
}
#download .cntBox .article a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 10px 60px 10px 20px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
}
#download .cntBox .article a span {
  width: 100%;
  display: block;
  margin-top: 0.3em;
  font-weight: bold;
  font-size: 12px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / voice ->                */
/* =====<=====<=====<=====<=====<=====<===== */
#voice .cntBox {
  padding-top: 50px;
}
#voice .cntBox figure {
  align-items: flex-start;
}
#voice .cntBox figure:nth-of-type(n + 2) {
  margin-top: 80px;
}
#voice .cntBox figure:nth-of-type(even) {
  flex-direction: row-reverse;
}
#voice .cntBox figure figure,
#voice .cntBox figure .inBox {
  width: 600px;
}
#voice .cntBox figure figcaption {
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #FD6721;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #FD6721;
}
#voice .cntBox figure figcaption span {
  font-weight: bold;
  padding: 2px 10px;
  color: #fff;
  margin-right: 20px;
  background: #fd6721;
  display: inline-block;
}
#voice .cntBox figure p {
  margin-top: 15px;
  font-size: 15px;
}
#voice .cntBox figure dl {
  overflow: hidden;
}
#voice .cntBox figure dl dt,
#voice .cntBox figure dl dd {
  font-size: 14px;
  line-height: 1.8;
}
#voice .cntBox figure dl dt {
  color: #FD6721;
  font-weight: bold;
  clear: both;
  font-size: 16px;
}
#voice .cntBox figure dl dt:nth-of-type(n + 2) {
  margin-top: 0.5em;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / recruit ->              */
/* =====>=====>=====>=====>=====>=====>===== */
#recruit .recruit + .recruit {
  margin-top: 50px;
}
#recruit h3 {
  margin-bottom: 0.3em;
  color: #222;
  font-size: 20px;
  text-align: left;
}
#recruit #sec01 .cntBox ul.fx {
  justify-content: center;
  gap: 80px;
  padding-top: 30px;
}
#recruit #sec01 .cntBox ul.fx li a {
  display: inline-block;
  width: 150px;
  border: 1px solid #FD6721;
  padding: 3px 0;
  text-align: center;
  font-size: 13px;
  color: #FD6721;
  transition: 0.6s;
}
#recruit #sec01 .cntBox ul.fx li a:hover {
  color: #fff;
  background: #fd6721;
}
#recruit #sec02 {
  background-color: #F4F3F3;
}
#recruit #sec02 .inner + .inner {
  padding-top: 150px;
}
#recruit #sec02 .inner .box-white {
  background-color: #FFF;
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 60px;
}
#recruit #sec02 .inner .box-white dl {
  display: flex;
  justify-content: space-between;
}
#recruit #sec02 .inner .box-white dl + dl {
  padding-top: 25px;
}
#recruit #sec02 .inner .box-white dl dt span {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  width: 120px;
  border-bottom: 1px solid #FD6721;
}
#recruit #sec02 .inner .box-white dl dd {
  font-size: 15px;
  font-weight: 600;
  width: 600px;
  letter-spacing: 0.1em;
}
#recruit #sec02 .inner .box-white .entry-btn {
  padding-top: 50px;
}
#recruit #sec02 .inner .box-white .entry-btn p {
  text-align: center;
}
#recruit #sec02 .inner .box-white .entry-btn p a {
  display: inline-block;
  width: 150px;
  border: 1px solid #FD6721;
  padding: 3px 0;
  text-align: center;
  font-size: 13px;
  color: #FD6721;
  transition: 0.6s;
}
#recruit #sec02 .inner .box-white .entry-btn p a:hover {
  color: #fff;
  background: #fd6721;
}
#recruit #sec03 .inner .detail {
  max-width: 360px;
  margin: 0 auto;
  padding-top: 40px;
}
#recruit #sec03 .inner .detail p {
  font-weight: 600;
  font-size: 18px;
}
#recruit #sec03 .inner .detail ul {
  padding-top: 30px;
}
#recruit #sec03 .inner .detail ul li {
  position: relative;
  padding-left: 40px;
}
#recruit #sec03 .inner .detail ul li + li {
  margin-top: 20px;
}
#recruit #sec03 .inner .detail ul li a {
  text-decoration: underline;
  font-weight: 600;
  font-size: 18px;
  transition: all ease 0.3s;
}
#recruit #sec03 .inner .detail ul li a:hover {
  opacity: 0.7;
}
#recruit #sec03 .inner .detail ul li::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 25px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#recruit #sec03 .inner .detail ul li.mail::before {
  background-image: url(../img/recruit/logo-mail.svg);
}
#recruit #sec03 .inner .detail ul li.tel::before {
  background-image: url(../img/recruit/logo-tel.svg);
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / contact ->              */
/* =====>=====>=====>=====>=====>=====>===== */
#contact #sec01,
#check #sec01 {
  background: #f4f3f3;
}
#contact #sec01 .cntBox + .cntBox,
#check #sec01 .cntBox + .cntBox {
  margin-top: 50px;
}
#contact #sec01 .cntBox:nth-of-type(1) dl,
#contact #sec01 .cntBox:nth-of-type(1) dl + div,
#check #sec01 .cntBox:nth-of-type(1) dl,
#check #sec01 .cntBox:nth-of-type(1) dl + div {
  width: 700px;
  margin: auto;
}
#contact #sec01 .cntBox:nth-of-type(1) dl,
#check #sec01 .cntBox:nth-of-type(1) dl {
  align-items: stretch;
  background: #fff;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dt,
#contact #sec01 .cntBox:nth-of-type(1) dl dd,
#check #sec01 .cntBox:nth-of-type(1) dl dt,
#check #sec01 .cntBox:nth-of-type(1) dl dd {
  padding: 25px 10px;
  text-align: center;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dt,
#check #sec01 .cntBox:nth-of-type(1) dl dt {
  width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
  background: #FD6721;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dd,
#check #sec01 .cntBox:nth-of-type(1) dl dd {
  width: 520px;
  font-family: "Century Gothic";
  font-size: 17px;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dd a,
#contact #sec01 .cntBox:nth-of-type(1) dl dd i,
#check #sec01 .cntBox:nth-of-type(1) dl dd a,
#check #sec01 .cntBox:nth-of-type(1) dl dd i {
  font-weight: bold;
  color: #FD6721;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dd a,
#check #sec01 .cntBox:nth-of-type(1) dl dd a {
  display: inline-block;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dd a i,
#check #sec01 .cntBox:nth-of-type(1) dl dd a i {
  margin-right: 8px;
  font-size: 34px;
}
#contact #sec01 .cntBox:nth-of-type(1) dl dd a + span,
#check #sec01 .cntBox:nth-of-type(1) dl dd a + span {
  display: block;
  font-size: 14px;
}
#contact #sec01 .cntBox:nth-of-type(2) form,
#check #sec01 .cntBox:nth-of-type(2) form {
  margin-top: 20px;
  padding: 40px 20px 0;
  border-top: 1px solid #FD6721;
}
#contact #sec01 .cntBox:nth-of-type(2) dl,
#check #sec01 .cntBox:nth-of-type(2) dl {
  overflow: hidden;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dt,
#contact #sec01 .cntBox:nth-of-type(2) dl dd,
#check #sec01 .cntBox:nth-of-type(2) dl dt,
#check #sec01 .cntBox:nth-of-type(2) dl dd {
  padding: 20px 0;
  float: left;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dt,
#check #sec01 .cntBox:nth-of-type(2) dl dt {
  width: 25%;
  padding-right: 30px;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dt span,
#check #sec01 .cntBox:nth-of-type(2) dl dt span {
  color: #FD6721;
  font-weight: bold;
  font-size: 13px;
  float: right;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dd,
#check #sec01 .cntBox:nth-of-type(2) dl dd {
  width: 75%;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dd input,
#contact #sec01 .cntBox:nth-of-type(2) dl dd textarea,
#check #sec01 .cntBox:nth-of-type(2) dl dd input,
#check #sec01 .cntBox:nth-of-type(2) dl dd textarea {
  padding: 3px 5px;
  font-size: 15px;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dd input,
#check #sec01 .cntBox:nth-of-type(2) dl dd input {
  width: 50%;
  height: 2.8em;
}
#contact #sec01 .cntBox:nth-of-type(2) dl dd textarea,
#check #sec01 .cntBox:nth-of-type(2) dl dd textarea {
  width: 100%;
  height: 200px;
  font-family: intail;
  border: 0;
}
#contact #sec01 .cntBox:nth-of-type(2) input[type=submit],
#check #sec01 .cntBox:nth-of-type(2) input[type=submit] {
  width: 230px;
  height: 50px;
  display: block;
  margin: 40px auto 0;
  color: #FD6721;
  font-size: 16px;
  line-height: 2.1;
  border: 1px solid #FD6721;
  background: #fff;
  cursor: pointer;
  transition: 0.4s;
}
#contact #sec01 .cntBox:nth-of-type(2) input[type=submit]:hover,
#check #sec01 .cntBox:nth-of-type(2) input[type=submit]:hover {
  color: #fff;
  background: #FD6721;
}
#contact div.wpcf7-mail-sent-ng,
#contact div.wpcf7-validation-errors,
#check div.wpcf7-mail-sent-ng,
#check div.wpcf7-validation-errors {
  border: 0;
}
#contact div.wpcf7-mail-sent-ok,
#check div.wpcf7-mail-sent-ok {
  padding: 15px;
  border: 2px solid #FD6721;
  line-height: 1.7;
}

#check #sec01 .cntBox:nth-of-type(2) .btnBox {
  margin-top: 80px;
  align-items: center;
  justify-content: center;
}
#check #sec01 .cntBox:nth-of-type(2) .btnBox button {
  margin: 0;
}
#check #sec01 .cntBox:nth-of-type(2) .btnBox button + button {
  margin-left: 30px;
}

p.error {
  color: #ff2a2a;
  font-size: 14px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / topics ->               */
/* =====>=====>=====>=====>=====>=====>===== */
#topics section article + article,
#single section article + article,
#useful section article + article {
  margin-top: 70px;
}
#topics section article > a,
#single section article > a,
#useful section article > a {
  display: block;
}
#topics section article h3,
#single section article h3,
#useful section article h3 {
  color: #222;
  font-size: 18px;
  text-align: left;
}
#topics section article .info,
#single section article .info,
#useful section article .info {
  margin-bottom: 8px;
  justify-content: flex-start;
}
#topics section article span,
#single section article span,
#useful section article span {
  font-size: 14px;
}
#topics section article span.cat,
#single section article span.cat,
#useful section article span.cat {
  margin-left: 1em;
}
#topics section article span.cat a,
#single section article span.cat a,
#useful section article span.cat a {
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
  background: #FD6721;
}
#topics section .content,
#single section .content,
#useful section .content {
  padding-top: 0.8em;
  margin-top: 0.5em;
  font-size: 15px;
  border-top: 1px dashed rgba(253, 103, 33, 0.3);
}
#topics .pagenav,
#single .pagenav,
#useful .pagenav {
  width: 100%;
  margin-top: 70px;
}
#topics .pagenav .prev a,
#topics .pagenav .next a,
#single .pagenav .prev a,
#single .pagenav .next a,
#useful .pagenav .prev a,
#useful .pagenav .next a {
  color: #FD6721;
  text-decoration: underline;
}

#single section article header {
  margin-bottom: 1em;
}
#single section .content a {
  display: inline-block;
}
#single section .content a img {
  max-width: 100%;
  height: auto;
}
#single .pagenav {
  width: 380px;
  margin: 50px auto 0;
}
#single .pagenav div {
  width: 110px;
  text-align: center;
}
#single .pagenav .blogTop a {
  display: block;
  padding: 2px 1em;
  color: #fff;
  background: #FD6721;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / policy ->               */
/* =====>=====>=====>=====>=====>=====>===== */
#policy #sec01 dt {
  margin-top: 40px;
  margin-bottom: 8px;
  padding-bottom: 3px;
  font-weight: bold;
  border-bottom: 1px solid #FD6721;
}
#policy #sec01 dd {
  padding-left: 1em;
  font-size: 14px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / industrial ->         */
/* =====<=====<=====<=====<=====<=====<===== */
#industrial .inner h3 {
  margin-bottom: 1rem;
  margin-top: 2rem;
}
#industrial #sec01 .cntBox .inBox {
  padding: 20px;
  background: #f4f3f3;
  justify-content: flex-start;
  align-items: stretch;
}
#industrial #sec01 .cntBox .inBox + .inBox {
  margin-top: 10px;
}
#industrial #sec01 .cntBox .inBox header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FD6721;
}
#industrial #sec01 .cntBox .inBox header h3 {
  color: #000;
  font-size: 20px;
  text-align: left;
  margin-bottom: 0;
}
#industrial #sec01 .cntBox .inBox .Box {
  width: 100%;
  padding: 15px 20px 15px 30px;
  background: #fff;
}
#industrial #sec01 .cntBox .inBox .Box p {
  font-size: 15px;
}
#industrial #sec02 {
  background: #FD6721;
}
#industrial #sec02 h2 {
  color: #fff;
}
#industrial #sec02 h2::after {
  background: #fff;
}
#industrial #sec02 .cntBox {
  padding: 20px;
  background: #f4f3f3;
  align-items: stretch;
}
#industrial #sec02 .cntBox header {
  margin-bottom: 15px;
}
#industrial #sec02 .cntBox header span,
#industrial #sec02 .cntBox header h3 {
  color: #828282;
}
#industrial #sec02 .cntBox header span {
  font-family: "Garamond";
  font-weight: bold;
  font-size: 60px;
}
#industrial #sec02 .cntBox header h3 {
  font-size: 24px;
}
#industrial #sec02 .cntBox .inBox {
  background: #fff;
  width: 70%;
  padding: 15px 50px 15px 20px;
  border-left: 3px solid #FD6721;
}
#industrial #sec02 .cntBox .inBox header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#industrial #sec02 .cntBox .inBox header span {
  width: 53px;
}
#industrial #sec02 .cntBox .inBox p {
  padding-left: 53px;
  font-size: 15px;
  line-height: 1.7;
}
#industrial #sec02 .cntBox + .fx, #industrial #sec02 .cntBox + .cntBox {
  margin-top: 30px;
}
#industrial #sec03 {
  background: #f4f3f3;
}
#industrial #sec03 .cntBox {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
#industrial #sec03 .cntBox figure,
#industrial #sec03 .cntBox div {
  width: 530px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
#industrial #sec03 .cntBox div,
#industrial #sec03 .cntBox figure:nth-of-type(n + 3) {
  margin-top: 20px;
}
#industrial #sec03 .cntBox div,
#industrial #sec03 .cntBox figure:nth-of-type(even) {
  margin-left: 40px;
}
#industrial #sec03 .cntBox figure dl {
  background: #fff;
}
#industrial #sec03 .cntBox figure dl {
  width: 338px;
}
#industrial #sec03 .cntBox figure dl dt {
  padding: 20px 20px 0 20px;
  color: #FD6721;
  font-weight: bold;
  font-size: 17px;
}
#industrial #sec03 .cntBox figure dl dd {
  padding: 0 20px 20px 20px;
  font-size: 15px;
}
#industrial #sec03 .cntBox div {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
}
#industrial #sec03 .cntBox div br {
  display: none;
}
#industrial #sec03 .cntBox div ul {
  margin-top: 5px;
}
#industrial #sec03 .cntBox div ul li a {
  font-weight: bold;
}
#industrial #sec03 .cntBox div ul li:nth-of-type(1) a {
  font-family: "Century Gothic";
  font-size: 37px;
  line-height: 1.4;
  letter-spacing: -1px;
}
#industrial #sec03 .cntBox div ul li:nth-of-type(1) a i {
  margin-right: 10px;
  color: #FD6721;
}
#industrial #sec03 .cntBox div ul li:nth-of-type(2) {
  margin-top: 10px;
}
#industrial #sec03 .cntBox div ul li:nth-of-type(2) a {
  display: block;
  padding: 20px 10px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  background: #eea50a;
}
#industrial #sec03 .inner table tbody tr th,
#industrial #sec03 .inner table tbody tr td {
  margin: 0px;
  padding: 20px 15px;
  font-weight: normal;
  border: 1px solid #cccccc;
  text-align: left;
  background-color: #fff;
  vertical-align: middle;
}
#industrial #sec03 .worry li {
  width: 192px;
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px -2px 3px #fff;
}
#industrial #sec03 .worry li img {
  display: none;
}
#industrial #sec03 .worry li:nth-of-type(1) {
  background: url(../img/industrial/sec03_11.jpg) no-repeat;
}
#industrial #sec03 .worry li:nth-of-type(2) {
  background: url(../img/industrial/sec03_12.jpg) no-repeat;
}
#industrial #sec03 .worry li:nth-of-type(3) {
  background: url(../img/industrial/sec03_13.jpg) no-repeat;
}
#industrial #sec03 .worry li:nth-of-type(4) {
  background: url(../img/industrial/sec03_14.jpg) no-repeat;
}
#industrial #sec03 .worry li:nth-of-type(5) {
  background: url(../img/industrial/sec03_15.png) no-repeat;
}
#industrial #sec03 .worry li:nth-of-type(1), #industrial #sec03 .worry li:nth-of-type(2), #industrial #sec03 .worry li:nth-of-type(3), #industrial #sec03 .worry li:nth-of-type(4), #industrial #sec03 .worry li:nth-of-type(5) {
  background-size: cover;
  background-position: center;
}
#industrial #sec04 > .inner > h3 {
  margin-top: 3rem;
}
#industrial #sec04 .cntBox dl + dl {
  margin-top: 80px;
}
#industrial #sec04 .cntBox dl dt,
#industrial #sec04 .cntBox dl dd {
  position: relative;
}
#industrial #sec04 .cntBox dl dt {
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid #FD6721;
}
#industrial #sec04 .cntBox dl dd li + li {
  margin-top: 8px;
}
#industrial #sec04 .illegal {
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
#industrial #sec04 .illegal figure,
#industrial #sec04 .illegal dl {
  background: #fff;
}
#industrial #sec04 .illegal figure {
  width: 100%;
  border: 3px solid #FD6721;
  border-radius: 20px;
  margin-bottom: 1rem;
  margin-left: 20px;
}
#industrial #sec04 .illegal figure figcaption {
  margin: 20px 20px 10px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #FD6721;
}
#industrial #sec04 .illegal figure p {
  padding: 0 20px 20px;
  font-size: 15px;
}
#industrial #sec05 {
  background: #f4f3f3;
}
#industrial #sec05 .cntBox {
  background: #fff;
  padding: 30px 30px 30px 20px;
}
#industrial #sec05 .cntBox figure {
  width: 515px;
}
#industrial #sec05 .cntBox .p-half {
  width: 510px;
}
#industrial #sec05 .cntBox ul > li {
  font-weight: bold;
}
#industrial #sec06 {
  background: #FD6721;
}
#industrial #sec06 h2 {
  color: #fff;
}
#industrial #sec06 h2::after {
  background: #fff;
}
#industrial #sec06 .cntBox {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
#industrial #sec06 .cntBox figure,
#industrial #sec06 .cntBox div {
  width: 530px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
#industrial #sec06 .cntBox div,
#industrial #sec06 .cntBox figure:nth-of-type(n + 3) {
  margin-top: 20px;
}
#industrial #sec06 .cntBox div,
#industrial #sec06 .cntBox figure:nth-of-type(even) {
  margin-left: 40px;
}
#industrial #sec06 .cntBox figure dl {
  background: #fff;
}
#industrial #sec06 .cntBox figure dl {
  width: 338px;
}
#industrial #sec06 .cntBox figure dl dt {
  padding: 20px 20px 0 20px;
  color: #FD6721;
  font-weight: bold;
  font-size: 20px;
}
#industrial #sec06 .cntBox figure dl dd {
  padding: 0 20px 20px 20px;
  font-size: 15px;
}
#industrial #sec06 .cntBox div {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
}
#industrial #sec06 .cntBox div br {
  display: none;
}
#industrial #sec06 .cntBox div ul {
  margin-top: 5px;
}
#industrial #sec06 .cntBox div ul li a {
  font-weight: bold;
}
#industrial #sec06 .cntBox div ul li:nth-of-type(1) a {
  font-family: "Century Gothic";
  font-size: 37px;
  line-height: 1.4;
  letter-spacing: -1px;
}
#industrial #sec06 .cntBox div ul li:nth-of-type(1) a i {
  margin-right: 10px;
  color: #FD6721;
}
#industrial #sec06 .cntBox div ul li:nth-of-type(2) {
  margin-top: 10px;
}
#industrial #sec06 .cntBox div ul li:nth-of-type(2) a {
  display: block;
  padding: 20px 10px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  background: #eea50a;
}
#industrial #sec07 .inner > header + p {
  text-align: center;
}
#industrial #sec07 .cntBox header {
  margin-bottom: 0;
}
#industrial #sec07 .cntBox:nth-of-type(1) {
  margin-top: 50px;
}
#industrial #sec07 .cntBox:nth-last-of-type(1)::after {
  display: none;
}
#industrial #sec08 .cntBox {
  align-items: flex-start;
}
#industrial #sec08 .cntBox p {
  width: 792px;
}
#industrial #sec08 .cntBox figure {
  position: relative;
  z-index: 0;
}
#industrial #sec08 .cntBox figure figcaption {
  font-weight: bold;
  font-size: 15px;
  text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px -2px 3px #fff;
  position: absolute;
  bottom: 5px;
  left: 10px;
}
#industrial #sec08 .cntBox figure + figure {
  margin-top: 10px;
}
#industrial #sec08 a {
  width: 225px;
  display: block;
  margin-top: 20px;
  color: #eea50a;
  font-weight: bold;
  text-decoration: underline;
}
#industrial #sec08 a i {
  margin-right: 8px;
  font-size: 24px;
}
#industrial #sec09 {
  background: #FD6721;
}
#industrial #sec09 h2 {
  color: #fff;
}
#industrial #sec09 h2::after {
  background: #fff;
}
#industrial #sec09.flow .inner .cntBox {
  background: #ffede5;
}
#industrial #sec09.flow .inner .cntBox::after {
  border-top: 30px solid #fff;
}
#industrial #sec09.flow .inner > .cntBox:nth-of-type(1) .inBox, #industrial #sec09.flow .inner > .cntBox:nth-last-of-type(1) .inBox {
  width: 100%;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) figure::after, #industrial #sec09.flow .inner > .cntBox:nth-last-of-type(1)::after {
  display: none;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) {
  align-items: stretch;
  justify-content: center;
  margin-bottom: 30px;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) p + p {
  padding-top: 11px;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) img {
  width: 100%;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) > .cntBox:nth-of-type(1) figure {
  margin-top: 21px;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) > .cntBox + .cntBox {
  margin-left: 20px;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) div.fx {
  width: 100%;
  margin-top: 20px;
  align-items: stretch;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) div.fx .cntBox {
  width: 32%;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) div.fx .cntBox .inBox {
  border-left: 3px solid #458a0a;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox {
  width: 32%;
  position: relative;
  overflow: visible;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox .inBox + .inBox {
  margin-top: 0;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox > header {
  display: none;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox > header span {
  display: none;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox .inBox figure + header::before {
  top: 0;
  border-top: 24px solid #8cc63f;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox .inBox figure {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox header h3 {
  min-height: auto;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox p:nth-of-type(1), #industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox p:nth-of-type(2) {
  min-height: auto;
}
#industrial #sec09.flow .inner > .fx:not(.cntBox) .cntBox p span {
  display: block;
  font-weight: bold;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / price ->               */
/* =====>=====>=====>=====>=====>=====>===== */
#price .cntBox .scroll {
  overflow: auto;
}
#price .cntBox .scroll .pricelist {
  border-collapse: collapse;
  min-width: 600px;
}
#price .cntBox .scroll .pricelist th {
  border: solid 1px #999;
  background-color: #fff5e5;
  padding: 10px;
  text-align: center;
}
#price .cntBox .scroll .pricelist td {
  border-right: 1px solid #999;
  border-bottom: 1px dotted #ccc;
  line-height: 22px;
  padding: 10px 3px;
  max-width: 150px;
  text-align: center;
}
#price .cntBox .scroll .pricelist .solid td {
  border-bottom: 1px solid #999;
}
#price .cntBox .inBox {
  padding: 20px;
  background: #f4f3f3;
  justify-content: flex-start;
  align-items: stretch;
}
#price .cntBox .inBox + .inBox {
  margin-top: 40px;
}
#price .cntBox .inBox header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FD6721;
}
#price .cntBox .inBox header h3 {
  color: #000;
  font-size: 20px;
  text-align: left;
}
#price .cntBox .inBox header h3 + span {
  margin-left: 20px;
  color: #4eb54a;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 2;
}
#price .cntBox .inBox .Box {
  width: 100%;
  padding: 15px 20px 0 30px;
  background: #fff;
}
#price .cntBox .inBox .Box p {
  font-size: 15px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / estimate ->         */
/* =====<=====<=====<=====<=====<=====<===== */
#estimate #sec01 .inner > header + p {
  text-align: center;
  margin-bottom: 30px;
}
#estimate #sec01 .inner p {
  text-align: center;
  margin-bottom: 30px;
}
#estimate #sec01 .inner > .cntBox > header {
  margin-bottom: 0;
  width: auto;
}
#estimate #sec01 .inner > .cntBox > header span {
  position: absolute;
  top: -20px;
  left: -20px;
}
#estimate #sec01 .inner > .cntBox p {
  text-align: justify;
}
#estimate #sec01 .inner > .cntBox > .cntBox:last-of-type {
  background-color: #ffede5;
}
#estimate #sec01 .inner > .cntBox > .cntBox:last-of-type > .inBox {
  border-left: 3px solid #458a0a;
}
#estimate #sec01 .inner > .cntBox > .cntBox > .inBox {
  width: 100%;
  padding: 15px;
}
#estimate #sec01 .inner > .cntBox > .cntBox > .inBox header {
  display: inline-block;
}
#estimate #sec01 .inner > .cntBox > .cntBox > .inBox p {
  padding: 10px;
}
#estimate #sec01 .inner > .cntBox > .cntBox > .inBox figure {
  margin-top: 21px;
}
#estimate #sec01 .inner > .cntBox > .cntBox > .inBox figure > img {
  width: 100%;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(1) {
  margin-top: 50px;
  justify-content: space-around;
  background-color: #fff;
  padding: 0;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(1)::after {
  display: none;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(1) > .cntBox {
  background-color: #fff;
  padding: 0;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(1) > .cntBox .inBox {
  background-color: transparent;
  border-left: none;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(1) > .cntBox h3 {
  font-size: 32px;
  color: #fff;
  background: #FD6721;
  padding: 10px 20px;
  width: 300px;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(1) > .cntBox:last-of-type h3 {
  background: #458a0a;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(2) {
  margin-top: 0;
}
#estimate #sec01 .inner > .cntBox:nth-of-type(3), #estimate #sec01 .inner > .cntBox:nth-of-type(6), #estimate #sec01 .inner > .cntBox:nth-of-type(7) {
  padding: 40px;
}
#estimate #sec01 .inner > .cntBox:nth-last-of-type(1) {
  margin-bottom: 50px;
}
#estimate #sec01 .inner > .cntBox:nth-last-of-type(1)::after {
  display: none;
}
#estimate #sec02 {
  background: #f4f3f3;
}
#estimate #sec02 header + p {
  text-align: center;
}
#estimate #sec02 .cntBox {
  padding-top: 50px;
}
#estimate #sec02 .cntBox dl + dl {
  margin-top: 80px;
}
#estimate #sec02 .cntBox dl dt,
#estimate #sec02 .cntBox dl dd {
  padding-left: 45px;
  position: relative;
}
#estimate #sec02 .cntBox dl dt::before,
#estimate #sec02 .cntBox dl dd::before {
  display: block;
  position: absolute;
  top: -35px;
  left: 0;
  font-weight: bold;
  font-size: 40px;
}
#estimate #sec02 .cntBox dl dt {
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid #FD6721;
}
#estimate #sec02 .cntBox dl dt::before {
  content: "Q";
  color: #FD6721;
}
#estimate #sec02 .cntBox dl dd::before {
  content: "A";
  color: #eea50a;
}
#estimate #sec02 .cntBox dl dd li {
  padding-left: 1em;
  text-indent: -1em;
}
#estimate #sec02 .cntBox dl dd li + li {
  margin-top: 8px;
}
#estimate #sec02 .cntBox dl dd li span {
  font-size: 14px;
}
#estimate #sec03 .inner > header + p {
  margin-bottom: 30px;
}
#estimate #sec03 .inner > header + p + p {
  margin-bottom: 30px;
}
#estimate #sec03 .inner > header + p + p span {
  color: #FD6721;
  font-weight: bold;
}
#estimate #sec03 .inner > .cntBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
#estimate #sec03 .inner > .cntBox .inBox {
  padding: 20px;
  background: #f4f3f3;
  justify-content: flex-start;
  align-items: stretch;
}
#estimate #sec03 .inner > .cntBox .inBox header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FD6721;
}
#estimate #sec03 .inner > .cntBox .inBox header h3 {
  color: #000;
  font-size: 20px;
  text-align: left;
}
#estimate #sec03 .inner > .cntBox .inBox header h3 + span {
  margin-left: 20px;
  color: #4eb54a;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 2;
}
#estimate #sec03 .inner > .cntBox .inBox .Box {
  width: 100%;
  padding: 15px 20px 10px 30px;
  background: #fff;
}
#estimate #sec03 .inner > .cntBox .inBox .Box p {
  font-size: 15px;
  margin-top: 1em;
}
#estimate #sec03 .inner > .cntBox .inBox .Box p span {
  background-color: #FD6721;
  color: #fff;
  padding: 0.3em 0.5em;
  margin-right: 1em;
  font-weight: bold;
}
#estimate #sec04 {
  background: #f4f3f3;
}
#estimate #sec04 .cntBox {
  background: #fff;
  padding: 30px 30px 30px 20px;
}
#estimate #sec04 .cntBox figure {
  width: 515px;
}
#estimate #sec04 .cntBox .p-half {
  width: 510px;
}
#estimate #sec04 .cntBox ul > li {
  font-weight: bold;
}/*# sourceMappingURL=module.css.map */