/*
==========================================================================
  DYNAMIC PAGE -- top/company/stremgth/eqipment/recruit/
========================================================================== */
/* TOP
----------------------------------------------------------------- */
/* mainvisual area */
.l-mainvisual-area::before {
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 820px;
  background-color: rgba(0, 71, 157, .3);
  background-repeat: no-repeat;
  background-size: cover;
}
.l-mainvisual-area .mv_video-area::before {
  position: absolute;
  z-index: 21;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 820px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  background-size: 4px 4px;
  mix-blend-mode: overlay;
}

.l-mainvisual-area .mv_video-area::after {
  position: absolute;
  z-index: 25;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  display: block;
  width: 100vw;
  height: 820px;
  background-image: url(../image/top/pc/top-mv-mask.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.l-mainvisual-area .copy-text_en {
  font-family: "ITCAvant";
  font-weight: bold;
  font-size: 88px;
  letter-spacing: 0;
}

.l-mainvisual-area .copy-text_jp {
  font-family: "ITCAvant";
  font-weight: bold;
  font-size: 43px;
  letter-spacing: 0;
}

.l-mainvisual-area .copy-text_main {
  color: #fff;
  text-shadow:0px 0px 3px #424242;
}

.l-mainvisual-area .copy-text_sub {
  color: #fff;
  text-shadow:0px 0px 3px #424242;
}

.l-copy .l-copy_sub::before {
  position: absolute;
  z-index: -10;
  top: -60px;
  left: -405px;
  content: "";
  display: block;
  width: 1800px;
  height: 240px;
  background: url(../image/top/pc/bg_top_slant.png) no-repeat;
  background-size: 100%;
}
.l-copy .l-copy_sub.copy_02::before,
.l-copy .l-copy_sub.copy_03::before {
  content: none;
}

.l-mainvisual-area .copy-text_sub .copy-text__en {
  font-family: "ITCAvant";
  letter-spacing: 0;
  font-size: 40px;
  font-weight: bold;
}

.l-mainvisual-area .copy-text_sub .copy-text__jp {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-mainvisual-area::before {
    height: 1140px;
  }
  .l-mainvisual-area .mv_video-area::before {
    height: 1140px;
  }
  .l-mainvisual-area .mv_video-area::after {
    height: 1140px;
  }

  .l-mainvisual-area .copy-text_en {
    font-size: 48px;
  }

  .l-mainvisual-area .copy-text_jp {
    font-size: 24px;
  }

  .l-mainvisual-area .copy-text_main {
    text-shadow:0px 0px 3px #424242;
  }

  .l-mainvisual-area .copy-text_sub {
    text-shadow:0px 0px 3px #424242;
  }

  .l-mainvisual-area .copy-text_sub .copy-text__en {
    letter-spacing: 0;
    font-size: 24px;
  }

  .l-mainvisual-area .copy-text_sub .copy-text__jp {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .l-mainvisual-area::before {
    height: 575px;
  }
  .l-mainvisual-area .mv_video-area::before {
    height: 575px;
  }
  .l-mainvisual-area .mv_video-area::after {
    height: 575px;
  }

  .l-mainvisual-area .copy-text_en {
    font-size: 48px;
  }

  .l-mainvisual-area .copy-text_jp {
    font-size: 24px;
  }

  .l-mainvisual-area .copy-text_main {
    text-shadow:0px 0px 3px #424242;
  }

  .l-mainvisual-area .copy-text_sub {
    text-shadow:0px 0px 3px #424242;
  }

  .l-copy .l-copy_sub::before {
    position: absolute;
    z-index: -10;
    top: -60px;
    left: -71px;
    content: "";
    display: block;
    width: 1200px;
    height: 240px;
    background: url(../image/top/pc/bg_top_slant.png) no-repeat;
    background-size: 100%;
  }

  .l-mainvisual-area .copy-text_sub .copy-text__en {
    letter-spacing: 0;
    font-size: 24px;
  }

  .l-mainvisual-area .copy-text_sub .copy-text__jp {
    font-size: 16px;
  }
}

/* topics*/
.l-topics-area {
	background: #fff;
}

.l-topics-area::before {
	position: absolute;
	z-index: -10;
  content: "";
  top: 500px;
  width: 100%;
  min-height: 710px;
  margin: 0 40%;
  background-color: #e8eef4;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-72deg);
  -ms-transform: rotate(-72deg);
  transform: rotate(-72deg);
}

.l-topics-area .topics-headding {
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1;
}

.l-topics-area .topics-headding .u-text_en {
  font-size: 40px;
  letter-spacing: 0.1em;
}

.l-topics-area .topics-headding .u-text_ja {
  font-size: 24px;
  color: #333;
}

.l-topics-area .l-topics_link .time {
	color: #00479d;
}

.l-topics-area .l-topics_link .u-label {
	text-align: center;
}

.l-topics-area .c-btn .c-btn_detail {
	border: 1px solid #00479d;
	padding: 5px 10px;
	color: #00479d;
}
.l-topics-area .c-btn .c-btn_detail::after {
  top: 0;
	color: #00479d;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .l-topics-area::before {
    top: 430px;
    width: 100%;
    min-height: 852px;
    margin: 0 40%;
  }
}

@media screen and (max-width: 768px) {
  .l-topics-area::before {
    content: "";
    top: -147vh;
    width: 95%;
    min-height: 330vh;
    margin: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  .l-topics-area .topics-headding {
    margin-bottom: 30px;
  }

  .l-topics-area .topics-headding .u-text_en {
    font-size: 40px;
    letter-spacing: 0.1em;
  }

  .l-topics-area .time {
    margin: 0 15px 15px 0;
    font-size: 14px;
  }

  .l-topics-area .c-btn .c-btn_detail {
    padding: 10px;
  }
}

@media screen and (max-width: 480px) {
  .l-topics-area::before {
    content: "";
    top: -142vh;
    width: 124%;
    min-height: 293vh;
    margin: 0;
  }
}

/* strength */
.l-strengeth-area::before {
  content: "";
	position: absolute;
  z-index: 10;
  display: block;
  width: 91px;
  height: 498px;
  top: 0;
  left: 0;
  bottom: 0;
	background-image: url(../image/top/pc/strength_slider_l.png);
  background-repeat: no-repeat;
  background-size: 100%;
	pointer-events: none;
}

.l-strengeth-area::after {
	content: "";
	position: absolute;
  z-index: 10;
  display: block;
  width: 92px;
  height: 529px;
  right: 0;
  bottom: 0;
	background-image: url(../image/top/pc/strength_slider_r.png);
  background-repeat: no-repeat;
  background-size: 100%;
	pointer-events: none;
}

.swiper-pagination-bullet-active {
	background: #fff;
}
.swiper-pagination-bullet {
  width: 18px;
  height: 18px;
}

.strengeth-headding {
  color: #fff;
  text-align: center;
}

.strength_slide_contents .strength-text-box {
  background: rgba(255, 255, 255, 0);
  border-left: 5px solid #fff;
}

.strength_slide02 .strength-text-box,
.strength_slide04 .strength-text-box,
.strength_slide07 .strength-text-box {
  border-left: none;
	border-right: 5px solid #fff;
}

.strength_slide_contents .strength-headding {
  color: #fff;
}

.strength_slide_contents .u-text {
  color: #fff;
}

.l-strengeth-area .ttl-01::before {
  content: url(../image/strength/pc/01.svg);
  bottom: 65px;
  left: 0;
}

.l-strengeth-area .ttl-02::before {
	content: url(../image/strength/pc/02.svg);
	width: 94px;
  height: 75px;
  left: auto;
  right: 0;
}
.l-strengeth-area .ttl-03::before {
  content: url(../image/strength/pc/03.svg);
}

.l-strengeth-area .ttl-04::before {
  content: url(../image/strength/pc/04.svg);
  left: auto;
  right: 0;
}
.l-strengeth-area .ttl-05::before {
	content: url(../image/strength/pc/05.svg);
}
.l-strengeth-area .ttl-06::before {
	content: url(../image/strength/pc/06.svg);
}
.l-strengeth-area .ttl-07::before {
  content: url(../image/strength/pc/07.svg);
  left: auto;
  right: 0;
}
.l-strengeth-area .ttl-08::before {
	content: url(../image/strength/pc/08.svg);
}

@media screen and (max-width: 768px) {
  .l-strengeth-area::before,
  .l-strengeth-area::after {
		content: none;
	}
  .strengeth-headding {
    font-size: 30px;
  }

  .strengeth-headding .u-text_ja {
    font-size: 20px;
  }

  .strength_slide_contents .strength-text-box {
    border: none;
    padding: 0 30px 0 5px;
  }

  .l-strengeth-area .ttl-01::before {
    content: url(../image/strength/sp/01_sp.svg);
    width: 40px;
    left: -40px;
    /*bottom: 10px;*/
    top: 0;
  }
  .l-strengeth-area .ttl-02::before {
    content: url(../image/strength/sp/02_sp.svg);
    width: 40px;
    left: -40px;
    /*bottom: -40px;*/
    top: 0;
  }
  .l-strengeth-area .ttl-03::before {
    content: url(../image/strength/sp/03_sp.svg);
    width: 40px;
    left: -50px;
    /*bottom: -5px;*/
    top: 0;
  }
  .l-strengeth-area .ttl-04::before {
    content: url(../image/strength/sp/04_sp.svg);
    width: 40px;
    left: -50px;
    /*bottom: -5px*/
    top: 0;
  }
  .l-strengeth-area .ttl-05::before {
    content: url(../image/strength/sp/05_sp.svg);
    width: 40px;
    left: -60px;
    /*bottom: -5px;*/
    top: 0;
  }
  .l-strengeth-area .ttl-06::before {
    content: url(../image/strength/sp/06_sp.svg);
    width: 40px;
    left: -50px;
    /*bottom: -5px;*/
    top: 0;
  }
  .l-strengeth-area .ttl-07::before {
    content: url(../image/strength/sp/07_sp.svg);
    width: 40px;
    left: -60px;
    right: auto;
    /*bottom: 10px;*/
    top: 0;
  }
  .l-strengeth-area .ttl-08::before {
    content: url(../image/strength/sp/08_sp.svg);
    width: 40px;
    left: -65px;
    /*bottom: -5px;*/
    top: 0;
  }
  .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .l-strengeth-area::before {
    background-size: 80%;
  }
  .l-strengeth-area::after {
    background-size: 80%;
    background-position: right;
  }

  .l-strengeth-area .ttl-07::after {
    width: 40px;
    left: auto;
    right: 36px;
    bottom: 121px;
  }
}



/* material */
.l-material-area .material-headding {
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.3;
}

.l-material-area .material-headding .u-text_en {
  font-size: 40px;
  letter-spacing: 0.1em;
}

.l-material-area .material-headding .u-text_ja {
  font-size: 24px;
  color: #333;
}

.l-material-area .l-material_item .material-text {
  width: 100%;
  position: absolute;
  z-index: 3;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.l-material_item {
  width: calc(100% / 4 - 10px);
  border: 3px solid rgb(255, 255, 255);
}

.material_item_link:hover {
  opacity: initial;
}

.l-material_item .responsiv-image img {
	display: block;
}

.l-material-area .l-material_item picture {
  cursor: pointer;
  transition-duration: .5s;
}
.l-material-area .l-material_item:hover picture {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  transition-duration: .5s;
}

@media screen and (max-width: 768px) {
  .l-material-area .material-headding {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
  }

  .l-material-area .material-headding .u-text_en {
    font-size: 40px;
    letter-spacing: 0.1em;
  }

  .l-material-area .material-headding .u-text_ja {
  color: #333;
  }

  .l-material-area .l-material_item picture::after {
    background-color: rgba(230, 230, 230, 0.8);
  }

  .l-material-area .l-material_item .material-text {
    font-size: 13px;
    top: 50%;
  }

  .l-material_item {
    border: 3px solid #6683b8;
  }
}

@media screen and (max-width: 320px) {
  .l-material-area .l-material_item .material-text {
    font-size: 11px;
  }
	.icon-arrow-radius::after {
		bottom: -16px;
		background-size: 60%;
	}
}

/*  handling area */
.l-handling-area {
  background: url(../image/top/bg_handling.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top 0;
}

.l-handling-area::before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,125,159, 0.7);
}

.l-handling-area .l-handling-box {
  background: rgba(255,255,255, 0.8);
}

.l-handling-area .handling-headding {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #00479d;
  margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
  .l-handling-area {
    background: url(../image/top/sp_bg_handling.jpg) no-repeat;
    background-size: cover;
  }
  .l-handling-area::before {
    position: absolute;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .l-handling-area .l-handling-box {
    padding: 20px;
  }

  .l-handling-area .l-handling-box .u-text {
    font-size: 14px;
    line-height: 1.5;
  }

  .l-handling-area .handling-headding {
    font-size: 18px;
    margin-bottom: 25px;
  }
}

/* contact */
.l-contact-area {
  background: linear-gradient(70deg, #e8eef4 40%, #fff 36%);
}

.l-contact-area .estimate-headding {
  text-align: left;
  font-size: 36px;
}

.l-contact-area .contact-headding {
  text-align: center;
  font-size: 40px;
}

.l-contact-area .l-estimate-box {
  background: url(../image/top/bg_material_quote.png) no-repeat;
	background-position: bottom right;
}

.l-contact-area .l-contact-box {
  /* background: url(../image/top/bg_contact.png) no-repeat; */
  background-color: rgba(255, 255, 255, 1);
  background-image: linear-gradient(rgba(231,231,231,1) 1px, transparent 0),linear-gradient(90deg, rgba(231,231,231,1) 1px, transparent 0);
  background-size: 8px 8px;
  background-repeat: repeat;
}

.l-contact-area .l-contact-box .u-text {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}

.l-contact-area .u-text_small {
  font-size: 16px;
  font-weight: bold;
}

.l-contact-area .u-tel {
  display: inline-block;
  font-size: 36px;
  font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans";
}

.l-contact-area .fa-phone-alt {
  transform: rotate(20deg);
}

.l-contact-area .c-btn .c-btn_detail {
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-contact-area {
    background: linear-gradient(-63deg, #e8eef4 50%, #fff 36%) no-repeat;
  }

  .l-contact-area .estimate-headding {
    text-align: center;
    font-size: 30px;
  }

  .l-contact-area .contact-headding {
    font-size: 36px;
  }

  .l-contact-area .l-estimate-box {
    background: url(../image/top/bg_material_quote.png) no-repeat;
    background-size: 48%;
    background-position: 116% 415px;
  }

	.l-contact-area .l-estimate-box .u-text {
		line-height: 1.8;
		letter-spacing: 0;
		background: url(../image/top/material_monitor.png) no-repeat;
		background-size: 78%;
    background-position: -98% 273px;
  }

  .l-contact-area .l-contact-box .u-text_contact {
    display: block;
    font-size: 16px;
  }

  .l-contact-area .u-tel {
    font-size: 30px;
    letter-spacing: 0;
  }
  .l-contact-area .u-text_small {
    font-size: 16px;
    letter-spacing: 0;
    margin-left: 0;
  }

  .l-contact-area .c-btn .c-btn_detail {
    padding: 15px;
  }

  .l-contact-area .fa-phone-alt:before {
    position: absolute;
    content: "\f879";
    top: -17px;
    left: -25px;
  }
}

@media screen and  (min-width: 768px) and (max-width: 1023px) {
  .l-contact-area .l-estimate-box {
    background-size: 30%;
    background-position: 100% 260px;
  }

  .l-contact-area .l-estimate-box .u-text {
    background: none;
  }
}

@media screen and (min-width: 375px) and (max-width: 480px) {
  .l-contact-area .l-estimate-box .u-text {
		background-size: 63%;
		background-position: -20% 230px;
  }
}

@media screen and (max-width: 320px) {
	.l-contact-area .l-estimate-box .u-text {
		background-position: -110% 275px;
	}
}

/* STRENGTH
----------------------------------------------------------------- */
.strength-area:nth-of-type(odd) {
  background-color: #eff3f7;
}
.strength-area.strength03 {
  background: #fff;
}
.strength-area.strength05 {
  background: #fff;
}
.strength-area.strength07 {
  background: #fff;
}

.strength-area.strength04::after {
  position: absolute;
  content: "";
  z-index: -10;
  width: 1440px;
  height: 100%;
  max-height: 868px;
  top: 100px;
  left: 0;
  right: 0;
  background-color: #eff3f7;
}

.strength-area.strength07::after {
  position: absolute;
  content: "";
  z-index: -10;
  width: 1440px;
  height: 100%;
  max-height: 868px;
  top: 100px;
  right: 0;
  background-color: #eff3f7;
}

.strength01 .strength-box {
  background: url(../image/strength/pc/bg-strength01.jpg) no-repeat;
  background-size: cover;
}
.strength02 .strength-box {
  background: url(../image/strength/pc/bg-strength02.jpg) no-repeat;
  background-size: cover;
}
.strength03 .strength-box {
  background: url(../image/strength/pc/bg-strength03.jpg) no-repeat;
  background-size: cover;
}
.strength04 .strength-box {
  background: url(../image/strength/pc/bg-strength04.jpg) no-repeat;
  background-size: cover;
}
.strength05 .strength-box {
  background: url(../image/strength/pc/bg-strength05.jpg) no-repeat;
  background-size: cover;
}
.strength06 .strength-box {
  background: url(../image/strength/pc/bg-strength06.jpg) no-repeat;
  background-size: cover;
}
.strength07 .strength-box {
  background: url(../image/strength/pc/bg-strength07.jpg) no-repeat;
  background-size: cover;
}
.strength08 .strength-box {
  background: url(../image/strength/pc/bg-strength08.jpg) no-repeat;
  background-size: cover;
}

.strength-area:nth-of-type(odd) .strength-text-box {
  border-left: 5px solid #fff;
}
.strength-area:nth-child(even) .strength-text-box {
  border-right: 5px solid #fff;
}
.strength-area.strength06 .strength-text-box {
  border-left: 5px solid #fff;
  border-right: none;
}
.strength-area.strength07 .strength-text-box {
  border-right: 5px solid #fff;
  border-left: none;
}
.strength-area.strength08 .strength-text-box {
  border-right: none;
  border-left: 5px solid #fff;
}

.strength-area .ttl-01::before {
	content: url(../image/strength/pc/01.svg);
}
_:-ms-lang(x)::-ms-backdrop, .strength-area .ttl-01::after  {
  bottom: 120px;
}
.strength-area .ttl-02::before {
	content: url(../image/strength/pc/02.svg);
	width: 94px;
  height: 75px;
  left: auto;
  right: 0;
}
.strength-area .ttl-03::before {
  content: url(../image/strength/pc/03.svg);
}
.strength-area .ttl-04::before {
  content: url(../image/strength/pc/04.svg);
  left: auto;
  right: 0;
}
.strength-area .ttl-05::before {
	content: url(../image/strength/pc/05.svg);
}
.strength-area .ttl-06::before {
	content: url(../image/strength/pc/06.svg);
}
.strength-area .ttl-07::before {
  content: url(../image/strength/pc/07.svg);
  left: auto;
  right: 0;
  bottom: 70px;
}
.strength-area .ttl-08::before {
	content: url(../image/strength/pc/08.svg);
}

.u-headding.strength-headding {
  color: #fff;
}
.strength02 .u-headding.strength-headding,
.strength04 .u-headding.strength-headding,
.strength07 .u-headding.strength-headding  {
  text-align: right;
}
.strength-headding.ttl-07 {
  white-space: normal;
}

.strength-area .u-text {
  color: #fff;
}

.strength02 .u-text,
.strength04 .u-text {
  text-align: right;
}

.slide-bgimg {
  position: absolute;
  z-index: -10;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
}
.entity-img {
  display: none;
}

@media screen and (max-width: 768px) {
  .strength01 .strength-box {
    background-image: url(../image/strength/sp/bg-strength01_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength02 .strength-box {
    background-image: url(../image/strength/sp/bg-strength02_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength03 .strength-box {
    background-image: url(../image/strength/sp/bg-strength03_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength04 .strength-box {
    background-image: url(../image/strength/sp/bg-strength04_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength05 .strength-box {
    background-image: url(../image/strength/sp/bg-strength05_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength06 .strength-box {
    background-image: url(../image/strength/sp/bg-strength06_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength07 .strength-box {
    background-image: url(../image/strength/sp/bg-strength07_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .strength08 .strength-box {
    background-image: url(../image/strength/sp/bg-strength08_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }

.strength-area:nth-of-type(odd) .strength-text-box {
  border-left: none;
}
.strength-area:nth-child(even) .strength-text-box {
  border-right: none;
}
.strength-area.strength06 .strength-text-box {
  border-left: none;
  border-right: none;
}
.strength-area.strength07 .strength-text-box {
  border-right: none;
  border-left: none;
}
.strength-area.strength08 .strength-text-box {
  border-right: none;
  border-left: none;
}

  .strength-area .ttl-01::before {
    content: url(../image/strength/sp/01_sp.svg);
    top: -50px;
  }
  .strength-area .ttl-02::before {
    content: url(../image/strength/sp/02_sp.svg);
    width: 50px;
    height: 40px;
    left: 0;
    top: -50px;
  }
  .strength-area .ttl-03::before {
    content: url(../image/strength/sp/03_sp.svg);
    top: -50px;
  }
  .strength-area .ttl-04::before {
    content: url(../image/strength/sp/04_sp.svg);
    left: 0;
    top: -50px;
  }
  .strength-area .ttl-05::before {
    content: url(../image/strength/sp/05_sp.svg);
    top: -50px;
  }
  .strength-area .ttl-06::before {
    content: url(../image/strength/sp/06_sp.svg);
    top: -50px;
  }
  .strength-area .ttl-07::before {
    content: url(../image/strength/sp/07_sp.svg);
    top: -50px;
  }
  .strength-area .ttl-08::before {
    content: url(../image/strength/sp/08_sp.svg);
    top: -50px;
  }

  .strength02 .u-headding.strength-headding,
  .strength04 .u-headding.strength-headding,
  .strength07 .u-headding.strength-headding {
    text-align: left;
  }
  .strength-headding.ttl-07 {
    white-space: initial;
  }

  .strength02 .u-text,
  .strength04 .u-text {
    text-align: left;
  }

  .slide-bgimg.slide-bgspimg01 {
    background-image: url(../image/strength/sp/bg-strength08_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg02 {
    background-image: url(../image/strength/sp/bg-strength01_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg03 {
    background-image: url(../image/strength/sp/bg-strength02_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg04 {
    background-image: url(../image/strength/sp/bg-strength03_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg05 {
    background-image: url(../image/strength/sp/bg-strength04_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg06 {
    background-image: url(../image/strength/sp/bg-strength05_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg07 {
    background-image: url(../image/strength/sp/bg-strength06_sp.jpg) !important;
  }
  .slide-bgimg.slide-bgspimg08 {
    background-image: url(../image/strength/sp/bg-strength07_sp.jpg) !important;
  }
}

/* COMPANY
----------------------------------------------------------------- */
/* index.html ------------**/
/* common parts */
.company-top-headding {
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.company-top-headding .u-text_ja {
  font-size: 24px;
  color: #333;
}

.company-link-list .c-page-link {
  border: 2px solid #006cab;
  color: #006cab;
}
.company-link-list .c-page-link::after {
  content: "\f107";
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
}

/* greeting */
.greeting-area {
  background: url(../image/company/pc/bg_greeting.jpg) no-repeat;
  background-size: 100%;
  background-position: 100px 50px;
}

.message-txt {
  font-size: 16px;
  line-height:  1.5;
}

.greeting-text-box__txt {
  line-height:  1.5;
  font-size: 16px;
}

/* info */
.info-text-box {
  background-color: #eff3f7;
}
.info-text-box__txt {
  font-size: 16px;
}

.info-list-ttl {
  color: #00479d;
  font-size: 16px;
}
.info-list-data {
  font-size: 16px;
}

.info-list-area .info-list {
  border-bottom: 1px solid #d2d2d2;
}

/* policy */
.policy-area {
  background: url(../image/company/pc/bg_company_policy.jpg) no-repeat top center;
  background-size: cover;
}
.policy-list-ttl {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
  text-align: center;
  background: url(../image/company/pc/bg_polisy-list_ttl.png) no-repeat;
  background-size: cover;
}
.policy-list-data {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}

.guide-link-area .c-page-link {
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* common parts */
  .company-top-headding {
    font-size: 36px;
    margin: 0 0 30px 0;
  }
  .company-top-headding .u-text_ja {
    font-size: 20px;
  }

  .company-link-list .c-page-link {
    font-size: 12px;
  }
  .company-link-list .c-page-link::after {
    content: "\f107";
  }
  /* greeting */
  .greeting-area {
    background: url(../image/company/sp/bg_greeting_sp.jpg) no-repeat top 50px left 15px;
    background-size: cover;
  }

  .message-txt {
    font-size: 15px;
    line-height: 1.5;
  }

  .greeting-text-box__txt {
    line-height: 1.5;
    font-size: 15px;
  }
  .info-text-box__txt {
    font-size: 15px;
  }
  .info-list-ttl {
    font-size: 15px;
  }
  .info-list-data {
    font-size: 15px;
  }

  /* policy */
  .policy-area {
    background-size: cover;
  }

  .policy-list-ttl {
    font-size: 18px;
    background-size: cover;
  }

  .policy-list-data {
    font-size: 15px;
  }
  .policy-num-list {
    list-style-type: decimal;
    padding: 0 0 0 20px;
  }
}

/* history  **************************
------------------------------------*/
.history-table .c-main-d-list__ttl{
  background-color: #f0f4f8;
  border-bottom: 1px solid #b4b4b4;
  color: #00479d;
  font-size: 16px;
  text-align: right;
}

.history-table .c-main-d-list__data {
  border-bottom: 1px solid #b4b4b4;
  font-size: 16px;
}

.history-table .c-main-d-list__ttl:first-of-type,
.history-table .c-main-d-list__data:first-of-type {
  border-top: 1px solid #b4b4b4;
}

@media screen and (max-width: 768px) {
  .history-table .c-main-d-list__ttl{
    font-size: 15px;
    text-align: left;
  }

  .history-table .c-main-d-list__data {
    font-size: 15px;
  }

  .history-table .c-main-d-list__data:first-of-type {
    border-top: none;
  }
}

/* office  **************************
------------------------------------*/
.office-headding {
  font-size: 36px;
}
.office-name {
  color: #00479d;
  font-size: 20px;
}
.office-text-box .u-text {
 line-height: 1.5;
}
.text-link {
	display: inline;
	text-decoration: underline;
}

.machine-desc-area {
  background: url(../image/company/pc/bg_machine.jpg) no-repeat;
  background-size: cover;
}
.machine-desc-area .l-inner_base::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -230px;
  width: 600px;
  height: 452px;
  display: block;
  background-image: url(../image/company/pc/img-machine.png);
  background-size: 90%;
  background-repeat: no-repeat;
}

.machine-box-title {
  font-size: 20px;
  color: #fff;
}
.machine-col-ttl {
  color: #fff;
  font-size: 16px;
}
.machine-txt {
  color: #fff;
  font-size: 16px;
}
.machin-in-ttl {
  color: #fff;
  font-size: 16px;
}
.machine-in-list_item {
  color: #fff;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .office-headding {
    font-size: 24px;
  }
  .office-name {
    color: #00479d;
    font-size: 20px;
  }
  .office-text-box .u-text {
    font-size: 15px;
  }
  .text-link {
    display: block;
  }
  .machine-desc-area {
    background: url(../image/company/sp/bg_machine_sp.jpg) no-repeat;
    background-size: cover;
  }
  .machine-desc-area .l-inner_base::after {
    right: 5vw;
    width: 283px;
    height: 227px;
    background-image: url(../image/company/sp/img-machine_sp.png);
    background-size: 100%;
  }
  .office-headding {
    font-size: 24px;
  }
  .machine-box-title {
    font-size: 20px;
    color: #fff;
  }
  .machine-col-ttl {
    color: #fff;
    font-size: 15px;
  }
  .machine-txt {
    color: #fff;
    font-size: 15px;
  }
  .machin-in-ttl {
    color: #fff;
    font-size: 15px;
  }
  .machine-in-list_item {
    color: #fff;
    font-size: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .machine-desc-area .l-inner_base::after {
    right: 5vw;
    /* bottom: -10vw; */
    width: 283px;
    height: 227px;
    background-image: url(../image/company/sp/img-machine_sp.png);
    background-size: 100%;
  }
}


/* delivery  **************************
------------------------------------*/
.delivery-headding {
  font-size: 36px;
}

.delivery-system-area .u-text_em {
  font-size: 24px;
}
.squere-frame-box {
	border: 8px solid #e6e6e6;
}
.square-buble-box .u-text_em {
  font-size: 16px;
  line-height: 2;
  color: #fff;
}
.square-buble-box.c-traiangle::after {
  bottom: -20px;
}

.delivery-flow-ttl {
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color:rgba(0, 145, 204,.7);
  background-size: 7px 7px;
  background-image:-moz-linear-gradient(-45deg,
    rgba(0, 95, 148, .25),
    rgba(0, 95, 148, .25) 25%,
    rgba(0, 145, 204, 0.7) 25%,
    rgba(0, 145, 204, 0.7) 50%,
    rgba(0, 95, 148, .25) 50%,
    rgba(0, 95, 148, .25) 75%,
    rgba(0, 145, 204, 0.7) 75%,
    rgba(0, 145, 204, 0.7) 100%
  );

  background-image:-webkit-linear-gradient(-45deg,
    rgba(0, 95, 148, .25),
    rgba(0, 95, 148, .25) 25%,
    rgba(0, 145, 204, 0.7) 25%,
    rgba(0, 145, 204, 0.7) 50%,
    rgba(0, 95, 148, .25) 50%,
    rgba(0, 95, 148, .25) 75%,
    rgba(0, 145, 204, 0.7) 75%,
    rgba(0, 145, 204, 0.7) 100%
  );

  background-image:-ms-linear-gradient(-45deg,
    rgba(0, 95, 148, .25),
    rgba(0, 95, 148, .25) 25%,
    rgba(0, 145, 204, 0.7) 25%,
    rgba(0, 145, 204, 0.7) 50%,
    rgba(0, 95, 148, .25) 50%,
    rgba(0, 95, 148, .25) 75%,
    rgba(0, 145, 204, 0.7) 75%,
    rgba(0, 145, 204, 0.7) 100%
  );

  background-image:linear-gradient(-45deg,
    rgba(0, 95, 148, .25),
    rgba(0, 95, 148, .25) 25%,
    rgba(0, 71, 157, 0.7) 25%,
    rgba(0, 71, 157, 0.7) 50%,
    rgba(0, 95, 148, .25) 50%,
    rgba(0, 95, 148, .25) 75%,
    rgba(0, 71, 157, 0.7) 75%,
    rgba(0, 71, 157, 0.7) 100%
  );
}
.delivery-flow-ttl::after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: url(../image/company/icon-traiangle.png) no-repeat;
  background-size: 80%;
}
.delivery-flow-list:last-child .delivery-flow-ttl::after {
  content: none;
}

.delivery-title-area {
  background-size: cover;
  background-repeat:  no-repeat
}
.ja-title-area {
  background-image: url(../image/company/pc/bg_office-ja.jpg);
}
.os-title-area {
  background-image: url(../image/company/pc/bg_office-os.jpg);
}

.delivery-title-area .delivery-headding {
  color: #fff;
}
.delivery-title-area .u-headding_underBar::after {
  background-color: #fff;
}

.delivery-title-area .u-text {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
}
.steel-headding {
  font-size: 24px;
}

.delivery-office-area .area-name {
  font-weight: bold;
  color:#fff;
  text-align: center;
  font-size: 20px;
}

.delivery-os-service-area {
  background: url(../image/company/pc/bg_office-os-srvs.jpg) no-repeat;
  background-size: 110%;
}
.service-headding {
	font-size: 24px;
}

.list_blue {
  border: 5px solid #3498db;
}
.list_green {
  border: 5px solid #009fb1;
}
.os-service_item {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px 5px 5px 5px;
}
.list_blue .os-service_item {
  color: #3498db;
  border: 2px solid #3498db;
}
.list_green .os-service_item {
  color: #009fb1;
  border: 2px solid #009fb1;
}

.service-point_item {
  font-size: 16px;
  line-height: 2;
}
.service-point_item::after {
  position: absolute;
  content: "";
  top: 22%;
  left: 0;
  display: block;
  background: url(../image/company/icon-circle.png) no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .delivery-os-service-area {
		background-size: 155%;
  }
}

@media screen and (max-width: 768px) {
  .delivery-headding {
    font-size: 24px;
  }
  .delivery-system-area .u-text_em {
    font-size: 15px;
  }
  .delivery-flow-ttl {
    font-size: 15px;
  }
  .delivery-flow-ttl::after {
    content: none;
  }
  .delivery-flow-ttl::before {
    content: "";
    position: absolute;
    top: -1vh;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/company/icon-traiangle.png) no-repeat;
    background-size: 80%;
  }
  .delivery-flow-list:first-child .delivery-flow-ttl::before {
    content: none;
  }
  .delivery-flow-data {
    font-size: 15px;
  }

  .steel-headding {
    font-size: 20px;
  }
  .os-title-area {
    background-image: url(../image/company/sp/bg_office-os_sp.jpg);
  }
  .delivery-title-area .u-text {
    font-size: 15px;
  }
  .delivery-os-service-area {
    background: url(../image/company/sp/bg_office-os-srvs_sp.jpg) no-repeat;
    background-size: 105%;
  }
  .sv-long .sp_small {
    font-size: 7px;
    line-height: 1;
    letter-spacing: 0.01em;
  }
  .list_blue .os-service_item {
    font-size: 15px;
    line-height: 1;
  }
  .list_green .os-service_item {
    font-size: 15px;
    line-height: 1;
  }

  .service-point_item {
    font-size: 15px;
  }
  .service-point_item::after {
    top: 1vh;
  }
}

@media screen and (min-width: 376px) and (max-width: 480px) {
  .delivery-os-service-area {
		background-size: 100%;
  }
}

@media screen and (max-width: 320px) {
	.delivery-os-service-area {
		background-size: 125%;
  }
}

/* quality  ***********************
------------------------------------*/
.page-quality .ttl-area {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #dfdede), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #dfdede),color-stop(.75, #dfdede), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 4px 4px;
  position: relative;
  z-index: -2;
  padding: 15px;
  margin: 0 0 40px;
}
.page-quality .ttl-area:after ,.page-quality .ttl-area:before {
  content: "";
  width: 100px;
  height: 50px;
  background: #556fb5;
  position: absolute;
  z-index: -1;
}
.page-quality .ttl-area:after {
  left: 0;
  top: 0;
}
.page-quality .ttl-area:before {
  right: 0;
  bottom: 0;
}
.page-quality .ttl-area .ttl-inner {
  padding: 40px 30px 30px;
  background: #fff;
}
.page-quality .ttl-area .ttl-inner .ttl {
  margin: 0 0 30px;
  color: #00479d;
  line-height: 1;
  font-size: 36px;
  text-align: center;
}
.page-quality .ttl-area .ttl-inner .dsc {
  text-align: center;
  line-height: 1.8;
}
.page-quality .section-info {
  padding: 40px 25px;
  margin: 0 0 60px;
  background-image:
  linear-gradient(
  transparent 95%,
  rgba(231,231,231,1) 5%
  ),
  linear-gradient(
  90deg,
  transparent 95%,
  rgba(231,231,231,1) 5%
  );
  background-size: 10px 10px;
  background-repeat: repeat;
}
.page-quality .section-info .ttl {
  position: relative;
  color: #00479d;
  line-height: 1;
  font-size: 36px;
  text-align: center;
  padding: 0 0 36px;
  margin: 0 0 30px;
}
.page-quality .section-info .ttl br {
  display: none;
}
.page-quality .section-info .ttl:before {
  content: "";
  width: 70px;
  height: 5px;
  background: #00479d;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.page-quality .section-info .ttl-dsc {
  font-weight: 700;
  text-align: center;
  margin: 0 0 50px;
}
.page-quality .section-info .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 55px;
}
.page-quality .section-info .list li {
  width: calc(100% / 3 - 20px);
  background: #fff;
  padding: 40px 20px;
}
.page-quality .section-info .list li .img {
  fill: #00479d;
  display: inline-block;
  display: block;
  text-align: center;
  margin: 0 0 30px;
}
.page-quality .section-info .list li .img svg {
  height: 85px;
  width: auto;
}
.page-quality .section-info .warranty {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.page-quality .section-info .warranty .logo-area {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 50px 55px 0;
  width: 295px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-quality .section-info .warranty .table {
  flex: 1;
}
.page-quality .section-info .warranty .table dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 0 5px;
}
.page-quality .section-info .warranty .table dl:last-child {
  margin: 0;
}
.page-quality .section-info .warranty .table dl dt {
  width: 135px;
  font-weight: 700;
}
.page-quality .section-info .warranty .table dl dd {
  flex: 1;
}
.page-quality .section-info .environment {
  max-width: 840px;
  margin: 0 auto;
  background: #fff;
  border: 10px solid #e6e6e6;
  padding: 20px  30px;
}
.page-quality .section-info .environment ul {
  max-width: 700px;
}
.page-quality .section-info .environment ul li {
  margin: 0 0 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.page-quality .section-info .environment ul li:last-child {
  margin: 0;
}
.page-quality .section-info .environment ul li:before {
  content: "・";
  margin: 0 5px 0 0;
}
.page-quality .section-info .environment ul li span {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .page-quality .spnone {
    display: none;
  }
  .page-quality .ttl-area {
    z-index: -2;
    padding: 8px;
    margin: 0 0 30px;
  }
  .page-quality .ttl-area:after ,.page-quality .ttl-area:before {
    content: "";
    width: 50px;
    height: 25px;
  }
  .page-quality .ttl-area:after {
    left: 0;
    top: 0;
  }
  .page-quality .ttl-area:before {
    right: 0;
    bottom: 0;
  }
  .page-quality .ttl-area .ttl-inner {
    padding: 25px 20px 20px;
    background: #fff;
  }
  .page-quality .ttl-area .ttl-inner .ttl {
    font-size: 20px;
    margin: 0 0 20px
  }
  .page-quality .section-info {
    padding: 30px 4%;
    margin: 0 0 60px;
    width: 100vw;
    position: relative;
    left: -4%;
  }
  .page-quality .section-info .ttl {
    line-height: 1.6;
    font-size: 24px;
    padding: 0 0 25px;
    margin: 0 0 30px;
  }
  .page-quality .section-info .ttl br {
    display: block;
  }
  .page-quality .section-info .ttl:before {
    content: "";
    width: 60px;
    height: 3px;
  }
  .page-quality .section-info .ttl-dsc {
    margin: 0 0 30px;
  }
  .page-quality .section-info .list {
    display: block;
    margin: 0 0 45px;
  }
  .page-quality .section-info .list li {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 20px;
    margin:0 0 15px;
  }
  .page-quality .section-info .list li:last-child {
    margin: 0;
  }
  .page-quality .section-info .list li .img {
    fill: #00479d;
    display: inline-block;
    display: block;
    text-align: center;
    margin: 0 20px 0 0;
  }
  .page-quality .section-info .list li .img svg {
    height: auto;
    width: 65px;
  }
  .page-quality .section-info .warranty {
    display: block;
  }
  .page-quality .section-info .warranty .logo-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .page-quality .section-info .warranty .logo-area li:first-child{
    margin: 0 50px 0 0;
  }
  .page-quality .section-info .warranty .table {
    margin: 0 0 60px;
  }
  .page-quality .section-info .warranty .table dl {
    display: block;
    margin: 0 0 35px;
  }
  .page-quality .section-info .warranty .table dl:last-child {
    margin: 0;
  }
  .page-quality .section-info .warranty .table dl dt {
    width: 100%;
  }
 .page-quality .section-info .environment {
  padding: 20px 10px;
 }
  .page-quality .section-info .environment ul li {
    margin: 0 0 35px;
  }
}

/* EQUIPMENT
----------------------------------------------------------------- */
.processing-txt-box .u-text {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

.processing-name {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color:#fff;
}

.equipment-table-area {
  padding: 55px 0;
  background: url(../image/equipment/pc/bg_main-equipment.jpg) no-repeat;
  background-size: contain;
}

.equipment-headding {
  font-size: 36px;
  text-align: center;
  margin-bottom: 80px;
}

.tabele-ttl {
  margin-bottom: 45px;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  color: #00479d;
  border-top: 4px solid #00479d;
  border-bottom: 4px solid #00479d;
}

.machine-name {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

/* table ***/
.table-box {
  background-color: #fff;
}

.machine-table tr {
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  text-align: left;
}

.machine-table th,
.machine-table td {
  padding: 20px;
  font-size: 16px;
}

.machine-tr th {
  color: #00479d;
}

tr:nth-child(odd) {
  background-color: #f7f7f7;
}
tr.machine-tr {
  background-color: #e8eef4;
}

@media screen and (max-width: 768px) {
  .processing-name {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .processing-txt-box .u-text {
    font-size: 15px;
  }

  .equipment-table-area {
    padding: 55px 0;
    background: url(../image/equipment/sp/bg_main-equipment_sp.jpg) no-repeat;
    background-size: contain;
  }

  .equipment-headding {
    font-size: 24px;
    margin-bottom: 60px;
  }

  .tabele-ttl {
    margin-bottom: 35px;
    padding: 10px 0;
    font-size: 20px;
    border-top: 2px solid #00479d;
    border-bottom: 2px solid #00479d;
  }

  .machine-name {
    font-size: 15px;
  }

  /* table ***/
  .machine-table {
    width: 100%;
    border-collapse: collapse;
  }

  .machine-table tr {
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    text-align: left;
  }

  .machine-table th,
  .machine-table td {
    padding: 15px;
    font-size: 15px;
  }

  .machine-tr th {
    color: #00479d;
  }

  tr:nth-child(odd) {
    background-color: #f7f7f7;
  }
  tr.machine-tr {
    background-color: #e8eef4;
  }
}

/* RECRUIT
----------------------------------------------------------------- */
.reqruit-headding {
  font-size: 36px;
  text-align: center;
}

.reqruit-table .c-main-d-list__ttl{
  background-color: #f0f4f8;
  border-bottom: 1px solid #b4b4b4;
  color: #00479d;
  font-size: 16px;
  text-align: right;
}

.reqruit-table .c-main-d-list__data {
  border-bottom: 1px solid #b4b4b4;
  font-size: 16px;
}

.reqruit-table .c-main-d-list__ttl:first-of-type,
.reqruit-table .c-main-d-list__data:first-of-type {
  border-top: 1px solid #b4b4b4;
}

.text-list {
  list-style: square;
  list-style-position: inside;
	margin-left: 1.4em;
	text-indent: -1.4em;
}
.text-list.welfare {
  list-style: disc;
  list-style-position: inside;
}

.text-d-list_ttl {
  font-size: 18px;
  font-weight: bold;
}

.text-d-list_data {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .reqruit-headding {
    font-size: 24px;
  }
  .reqruit-table .c-main-d-list__ttl{
    font-size: 15px;
    text-align: left;
  }

  .reqruit-table .c-main-d-list__data {
    font-size: 15px;
  }

  .reqruit-table .c-main-d-list__data:first-of-type {
    border-top: none;
  }
}


.swiper-button-prev{
  left: 200px;
}
.swiper-button-next{
  right: 200px;
}
@media screen and (max-width: 768px) {
  .swiper-button-prev{
    left: 10px;
  }
  .swiper-button-next{
    right: 10px;
  }
}