@charset "UTF-8";
/* CSS Document */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテンツ共通スタイル＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
コンテンツ
1:～640px  :: SP
2:641px～  :: PC

ヘッダー/フッター
1:～750px      :: SP
2:751～1000px  :: vw
3:1000～1200px :: 100%
4:1200px～     :: PC
*/
/*見出しスタイル*/
h1, h2, h3, h4, h5 {
  line-height: 1.2;
}

/*見出しスタイル（トップページ）*/
.idx h2 {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 10px;
}

.idx .idx-dep-box h2 {
  color: #fff;
}

.idx .idx-news-box h2 {
  color: #004097;
  font-family: "Open Sans";
  text-align: left;
  line-height: 1;
}

.idx .idx-news-box h2 small {
  display: block;
  font-size: 1.2rem;
  margin-top: 12px;
}

@media print, screen and (min-width: 641px) {
  .idx h2 {
    font-size: 3.6rem;
    margin-bottom: 20px;
  }
  .idx .idx-news-box h2 {
    font-size: 4rem;
  }
  .idx .idx-news-box h2 small {
    font-size: 1.6rem;
  }
}

@media print, screen and (min-width: 801px) {
  .idx .idx-news-box h2 {
    font-size: 5rem;
  }
  .idx .idx-news-box h2 small {
    font-size: 2rem;
  }
}

/*見出しスタイル（下層ページ）*/
h1.type02 {
  font-size: 2rem;
  margin-bottom: 30px;
}

h1.type02 span {
  display: block;
  font-family: "Open Sans";
  font-size: 1.2rem;
}

h2.type02 {
  font-size: 1.8rem;
  background-color: #eee;
  border-bottom: 3px solid #bbb;
  padding: 10px 25px;
  margin-bottom: 25px;
}

h2.type03 {
  font-size: 1.8rem;
  border-bottom: 1px solid #ccc;
  padding:0 10px 20px;
  margin-bottom: 25px;
}

h2.news-h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #ccc;
  padding:0 10px 20px;
}

h2.lead-txt,
h4.lead-txt {
  font-size: 1.7rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

h2.lead-txt.al-center,
h4.lead-txt.al-center {
  text-align: center;
}

h2.csr {
  font-size: 1.8rem;
  background-color: #eee;
  border-bottom: 3px solid #bbb;
  padding: 10px 25px;
  margin-bottom: 25px;
}
h3 {
  font-size: 1.7rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

h3.type02 {
  color: #fff;
  font-size: 1.8rem;
  background-color: #eee;
  border-left: 4px solid #509cff;
  padding: 0;
  margin-bottom: 25px;
}

h3.type02 span {
  display: inline-block;
  background-color: #0c5cc4;
  padding: 10px 20px;
  max-width: 60%;
  box-sizing: border-box;
}

h3.type03 {
  font-size: 1.8rem;
  background-color: #eee;
  padding: 10px 12px;
  margin-bottom: 25px;
}

h3.type03 span {
  display: inline-block;
  border-left: 4px solid #004097;
  padding-left: 20px;
}

h3.line-gray,
h3.line-gray02,
h4.line-gray {
  font-size: 1.8rem;
  line-height: 2rem;
  border-left: 4px solid #999;
  padding: 5px 0 5px 20px;
  margin-bottom: 20px;
}

h3.line-gray {
  color: #004097;
}

h3.line-gray02 {
  color: #0d9d4e;
}


h3.csr {
  font-size: 1.8rem;
  border-bottom: 1px solid #ccc;
  padding:0 10px 20px;
  margin-bottom: 25px;
}


h4.line-gray {
  line-height: 1.2;
}

h3.line-gray-border {
  color: #004097;
  font-size: 1.8rem;
  line-height: 2rem;
  border-bottom: 1px solid #ccc;
  padding: 5px 0 10px;
  margin-bottom: 20px;
}

h3.line-gray-border span {
  border-left: 4px solid #999;
  padding-left: 20px;
}

h3.bg-green,
h3.bg-blue {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 10px 20px;
  margin-bottom: 20px;
}

h3.bg-green {
  background-color: #0d9d4e;
}

h3.bg-blue {
  background-color: #004097;
}

h3.ft-blue {
  color: #004097;
  font-size: 1.8rem;
  line-height: 1.2;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.rec h3.ft-blue {
  font-size: 1.6rem;
}

h3.ren-ttl {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.1;
  margin-bottom: 20px;
  background-color: #6d94ed;
  padding: 15px 20px;
}

@media print, screen and (min-width: 641px) {
  h1.type02 {
    font-size: 4.5rem;
    margin-bottom: 95px;
  }
  h1.type02 span {
    font-size: 1.8rem;
  }
  h2.type02 {
    font-size: 2.6rem;
    border-bottom-width: 6px;
    padding: 15px 55px;
    margin-bottom: 50px;
  }
	h2.type03 {
	  font-size: 2.2rem;
	  margin-bottom: 50px;
	}
	h2.news-h2 {
	  font-size: 2.2rem;
	}
  h2.lead-txt,
  h4.lead-txt {
    font-size: 3.2rem;
    margin-bottom: 50px;
  }
  h2.lead-txt.pc-center,
  h4.lead-txt.pc-center {
    text-align: center;
  }
  h2.lead-txt.smaller {
    font-size: 3.1rem
  }
  h2.csr {
    font-size: 2.6rem;
    border-bottom-width: 6px;
    padding: 15px 55px 15px 15px;
    margin-bottom: 50px;
  }
  h3 {
    font-size: 3rem;
    margin-bottom: 40px;
  }
  h3.type02 {
    font-size: 2.6rem;
    border-left-width: 8px;
    margin-bottom: 50px;
  }
  h3.type02 span {
    padding: 18px 45px;
  }
  h3.type03 {
    font-size: 2.6rem;
    padding: 15px 22px;
    margin-bottom: 50px;
  }
  h3.type03 span {
    border-left-width: 8px;
    padding-left: 35px;
  }
	h3.csr {
	  font-size: 2.2rem;
	  margin-bottom: 20px;
	}
  h3.line-gray,
  h3.line-gray02,
  h4.line-gray {
    font-size: 2.6rem;
    line-height: 3rem;
    border-left-width: 8px;
    padding-left: 35px;
    margin-bottom: 50px;
  }
  h4.line-gray {
    line-height: 1.2;
  }
  h3.line-gray-border {
    font-size: 2.6rem;
    line-height: 3rem;
    border-bottom-width: 2px;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  h3.line-gray-border span {
    border-left-width: 8px;
    padding-left: 35px;
  }
  h3.bg-green,
  h3.bg-blue {
    font-size: 2.8rem;
    padding: 20px 40px;
    margin-bottom: 50px;
  }
  h3.ft-blue {
    font-size: 2.6rem;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  .rec h3.ft-blue {
    font-size: 2.4rem;
    padding-bottom: 15px;
  }
  h3.ren-ttl {
    font-size: 2.6rem;
    padding: 15px 55px;
    margin-bottom: 50px;
  }
}

/*共通スタイル*/
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

/*メインコンテンツの先頭のパディング----------------------------------------------*/
.dep #main, .tec #main, .cln #main, .mng #main, .svc #main {
  padding-top: 40px;
}

@media print, screen and (min-width: 641px) {
  .dep #main, .tec #main, .cln #main, .mng #main, .svc #main {
    padding-top: 100px;
  }
}

/*メインビジュアルがないページ*/
.crp #main, .inq #main, .acc #main, .prp #main, .new #main {
  border-top: 1px solid #d2d2d2;
  padding-top: 30px;
}

.rec #main {
  border-top: 1px solid #d2d2d2;
}

@media print, screen and (min-width: 641px) {
  .crp #main, .inq #main, .acc #main, .prp #main, .new #main {
    padding-top: 95px;
  }
}

/*フレックスボックス----------------------------------------------*/
/*　アイテムを均等に配置 */
.cmn-flx {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.cmn-flx.idx-svc-list{
  -webkit-box-pack: center;
  justify-content: center
}

/* アイテムを左寄せ表示 */
.cmn-flx.line-left {
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.cmn-flx--rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

.cmn-flx .flx-item {
  box-sizing: border-box;
}

.cmn-flx .flx-img,
.cmn-flx .text-area {
  width: 100%;
}

.cmn-flx .text-area + .flx-img,
.cmn-flx .flx-img + .text-area,
.cmn-flx .flx-img + .flx-img {
  margin-top: 25px;
}

.cmn-flx .text-area .text + .text {
  margin-top: 20px;
}

.cmn-flx--sp-half {
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: -10px;
}

.cmn-flx--sp-half .flx-img {
  width: calc(50% - 12px);
  margin: 0 6px;
}

.cmn-flx--sp-half .flx-img + .flx-img {
    margin-top: 0;
}

@media print, screen and (min-width: 641px) {
  .cmn-flx .flx-img,
  .cmn-flx .text-area {
    width: 50%;
  }
  .cmn-flx .text-area.w45 {
    width: 45%;
  }
  .cmn-flx .text-area.w60 {
    width: 60%;
  }
  .cmn-flx .flx-img.w42 {
    width: 42%;
  }
  .cmn-flx .flx-img.w44 {
    width: 44%;
  }
  .cmn-flx .flx-img.w45 {
    width: 45%;
  }
  .cmn-flx .text-area + .flx-img,
  .cmn-flx .flx-img + .text-area,
  .cmn-flx .flx-img + .flx-img {
    margin-top: 0;
  }
  /* 横2個並び */
  .cmn-flx--harf {
    margin-left: -20px;
    margin-right: -20px;
  }
  .cmn-flx--harf .flx-item,
  .cmn-flx--harf .flx-img,
  .cmn-flx--harf .text-area {
    width: calc(50% - 40px);
    margin: 0 20px;
  }
  /* 横3個並び */
  .cmn-flx--third {
    margin-left: -6px;
    margin-right: -6px;
  }
  .cmn-flx--third .flx-img {
    width: calc(33.3% - 12px);
    margin: 0 6px;
  }
}

/*横幅100%----------------------------------------------*/
#main, .section-box {
  width: 100%;
  overflow: hidden;
}

.box-inner {
  width: 90%;
  margin: 0 auto;
}

.box-inner::after {
  content: '';
  display: block;
  clear: both;
}

@media print, screen and (min-width: 1080px) {
  .box-inner {
    width: 1000px;
  }
}

@media print, screen and (min-width: 1250px) {
  .idx .box-inner,
  .r_idx .box-inner {
    width: 1200px;
  }
}

/* heading-box_トップページ------------*/
.idx .heading-box01 {
  margin-top: 40px;
}

@media print, screen and (min-width: 641px) {
  .idx .heading-box01 {
    margin-top: 100px;
  }
}

/*背景色----------------------------------------------*/
.bg-gray {
  background-color: #eee;
}

/*背景画像----------------------------------------------*/
#main.bg-shape {
  background: url(../../images/bg_shape.svg) top right no-repeat;
  background-size: contain;
}

@media print, screen and (min-width: 641px) {
  #main.bg-shape {
    background-size: auto;
  }
}

/*SPのみボーダーを表示----------------------------------------------*/
.sp-border {
  border-top: 1px solid #ccc;
  padding-top: 40px;
}
@media print, screen and (min-width: 641px) {
  .sp-border {
    border-top: none;
    padding-top: 0;
  }
}

/*画像にボーダーをつける----------------------------------------------*/
.svc img.border {
  border: 1px solid #ccc;
}

/*SPのみ画像を正方形でを表示----------------------------------------------*/

.sp-square {
  height: 90vw;
  overflow: hidden;
}
.sp-square img {
  transform: scale(1.5);
  transform-origin: top center;
}
@media print, screen and (min-width: 641px) {
  .sp-square {
    height: auto;
  }
  .sp-square img {
    transform: scale(1);
  }
}

/*img----------------------------------------------*/
.section-box img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.img-center {
  margin-right: auto;
  margin-left: auto;
}

/*本文テキスト----------------------------------------------*/
#idx .text,
#cts .text,
.acc-list li,
.cmn-flx .text-area,
.rec .text,
ul.text li {
  font-size: 1.4rem;
  line-height: 1.8;
}

#idx .text + .text,
#cts .text + .text,
.acc-list li + .text,
.cmn-flx .text-area + .text,
.rec .text + .text,
ul.text li + .text {
  margin-top: 20px;
}

.text-notice {
  font-size: 1.3rem;
  line-height: 1.5;
  text-indent: -1em;
  margin-left: 1em;
}

@media print, screen and (min-width: 641px) {
  #idx .text,
  #cts .text,
  .acc-list li,
  .cmn-flx .text-area,
  .rec .text,
  ul.text li {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  #idx .text + .text,
  #cts .text + .text,
  .acc-list li + .text,
  .cmn-flx .text-area + .text,
  .rec .text + .text,
  ul.text li + .text {
    margin-top: 25px;
  }
  #idx .text.pc-center,
  #cts .text.pc-center,
  .acc-list li.pc-center,
  .cmn-flx .text-area.pc-center,
  .rec .text.pc-center,
  ul.text li.pc-center {
    text-align: center;
  }
  .idx .text {
    text-align: center;
  }
}

/*マウスオーバー----------------------------------------------*/
.idx-dep-box a,
.idx-svc-list a,
.dep-result-list a,
.r_idx-cont-nav a,
.r_idx-cont-btm a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.idx-dep-box a:hover,
.idx-svc-list a:hover,
.dep-result-list a:hover,
.r_idx-cont-nav a:hover,
.r_idx-cont-btm a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
}

.idx-news-box .btn,
#btnSubmit,
.inquiry-btn {
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.idx-news-box .btn:hover,
#btnSubmit:hover,
.inquiry-btn:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
}

/*ページ下部ローカルナビ----------------------------------------------*/
#localnav-text {
  display: block;
  margin: 50px 0;
}

#localnav-text > div {
  padding: 30px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#localnav-text div {
  width: 90%;
  margin: 0 auto;
}

#localnav-text p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2rem;
}

#localnav-text ul li {
  display: inline-block;
  margin: 15px 2rem 0 0;
  font-size: 1.4rem;
  line-height: 1.4rem;
}

#localnav-text ul li:last-child {
  margin: 15px 0 0 0;
}

#localnav-text ul li a, #localnav-text p a {
  color: #000;
  text-decoration: none;
}

#localnav-text ul li a:hover, #localnav-text p a:hover {
  color: #e02200;
}

.sub1 #localnav-text ul li:nth-child(1) a,
.sub2 #localnav-text ul li:nth-child(2) a,
.sub3 #localnav-text ul li:nth-child(3) a,
.sub4 #localnav-text ul li:nth-child(4) a,
.sub5 #localnav-text ul li:nth-child(5) a,
.sub6 #localnav-text ul li:nth-child(6) a,
.sub7 #localnav-text ul li:nth-child(7) a,
.sub8 #localnav-text ul li:nth-child(8) a,
.sub9 #localnav-text ul li:nth-child(9) a,
.sub10 #localnav-text ul li:nth-child(10) a,
.sub11 #localnav-text ul li:nth-child(11) a,
.sub12 #localnav-text ul li:nth-child(12) a,
.sub13 #localnav-text ul li:nth-child(13) a,
#localnav-text .active a {
  color: #e02200;
  font-weight: bold;
}

#localnav-text ul li:before {
  color: #004097;
  font-family: FontAwesome;
  content: "\f0da";
  padding-right: 1rem;
}

@media print, screen and (min-width: 641px) {
  #localnav-text {
    display: block;
    margin: 100px 0;
  }
  #localnav-text > div {
    padding: 40px 0;
  }
  #localnav-text div {
    width: 96%;
  }
  #localnav-text p {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  #localnav-text ul li {
    display: inline-block;
    margin: 25px 2rem 0 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  #localnav-text ul li:last-child {
    margin: 25px 0 0 0;
  }
}

@media print, screen and (min-width: 1080px) {
  #localnav-text div {
    width: 1000px;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//コンテンツ共通スタイル＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝index＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*スクロール表示エフェクト----------------------------------------------*/
.idx .fadein>a,.idx .fadein>div {
	opacity: 0;
	transform : translate(0, 50px);
	transition : all 800ms;
}
.idx .fadein>a.scrollin,.idx .fadein>div.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}
@media print,screen and (min-width: 641px) {
	.idx .fadein>a.dil2,.idx .fadein>div.dil2 {
		transition-delay:150ms;
	}
	.idx .fadein>a.dil3,.idx .fadein>div.dil3 {
		transition-delay:300ms;
	}
	.idx .fadein>a.dil4,.idx .fadein>div.dil4 {
		transition-delay:450ms;
	}
	.idx .fadein>a.dil5,.idx .fadein>div.dil5 {
		transition-delay:600ms;
	}
	.idx .fadein>a.dil6,.idx .fadein>div.dil6 {
		transition-delay:750ms;
	}
	.idx .fadein>a.dil7,.idx .fadein>div.dil7 {
		transition-delay:900ms;
	}
	.idx .fadein>a.dil8,.idx .fadein>div.dil8 {
		transition-delay:1050ms;
	}
	.idx .fadein>a.dil9,.idx .fadein>div.dil9 {
		transition-delay:1200ms;
	}
	.idx .fadein>a.dil10,.idx .fadein>div.dil10 {
		transition-delay:1350ms;
	}
}


/* 部門紹介 */
.idx .idx-dep-box {
  background-image: url(../../images/idx_dep_bg.jpg);
  background-size: cover;
  background-position: 100% 0;
  padding-bottom: 25px;
}

.idx .idx-dep-box .text {
  color: #fff;
}

.idx .idx-dep-box .idx-dep-list .flx-item {
  position: relative;
  margin-bottom: 15px;
  width: calc(50% - 7px);
}

.idx .idx-dep-box .idx-dep-list .flx-item figure {
	overflow: hidden;
}

.idx .idx-dep-box .idx-dep-list .flx-item:nth-child(2n+1) {
  margin-right: 7px;
}

.idx .idx-dep-box .idx-dep-list .flx-item:nth-child(2n) {
  margin-left: 7px;
}

.idx .idx-dep-box .idx-dep-list .flx-item .dep-ttl {
  display: block;
  color: #fff;
  font-size: 2.8vw;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  line-height: 1.1;
  padding: 6px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
}

@media print, screen and (min-width: 641px) {
  .idx .idx-dep-box {
    padding-bottom: 80px;
  }
  .idx .idx-dep-box .idx-dep-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .idx .idx-dep-box .idx-dep-list .flx-item {
    width: calc(33.3% - 20px);
    margin: 0 10px 40px !important;
  }
  .idx .idx-dep-box .idx-dep-list .flx-item .dep-ttl {
    font-size: 2rem;
    padding: 15px;
  }
}

/*サービス事業紹介*/
.idx .idx-svc-list {
  margin-right: -5%;
  margin-left: -5%;
}

.idx .idx-svc-list .flx-item {
  color: #fff;
  text-align: center;
  position: relative;
  width: 50%;
}

.idx .idx-svc-box .idx-svc-list .flx-item figure {
	overflow: hidden;
	border: 1px solid #fff;
}

.idx .idx-svc-list .flx-item .svc-ttl {
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.4;
  position: absolute;
  top: 9.3vw;
  width: 100%;
  box-sizing: border-box;
}

.idx .idx-svc-list .flx-item .svc-ttl:after {
  content: "";
  display: block;
  background: #0d9d4e;
  position: absolute;
  top: 110%;
  left: calc(50% - 20px);
  height: 3px;
  width: 40px;
}

.idx .idx-svc-list .flx-item small {
  font-size: 1.2rem;
  padding: 0 3vw;
  position: absolute;
  top: 23.4vw;
  left: 0;
}

@media print, screen and (min-width: 641px) {
  .idx .idx-svc-list .flx-item {
    width: 25%;
  }
  .idx .idx-svc-list .flx-item .svc-ttl {
    font-size: 1.8vw;
    padding: 0 20px;
    top: 3vw;
  }
  .idx .idx-svc-list .flx-item .svc-ttl br {
    display: none;
  }
  .idx .idx-svc-list .flx-item small {
    font-size: 1.6vw;
    line-height: 1.2;
    top: 12vw;
  }
}

@media print, screen and (min-width: 1080px) {
  .idx .idx-svc-box .box-inner {
    width: 100%;
  }
  .idx .idx-svc-list {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 1200px) {
  .idx .idx-svc-list .flx-item {
    width: 25%;
  }
  .idx .idx-svc-list .flx-item .svc-ttl {
    font-size: 2.2rem;
    padding: 0 20px;
    top: 60px;
  }
  .idx .idx-svc-list .flx-item .svc-ttl:after {
    left: calc(50% - 35px)
    width: 70px;
  }
  .idx .idx-svc-list .flx-item .svc-ttl br {
    display: block;
  }
  .idx .idx-svc-list .flx-item small {
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: 0 20px;
    top: 150px;
  }
}

/*再生可能エネルギー発電状況*/
.idx .idx-ren-box {
  padding-bottom: 40px;
}

.idx .idx-ren-box .item-inner {
  background: #fff;
}

.idx .idx-ren-box .item-inner figure {
  width: 100%;
}

.idx .idx-ren-box .item-inner .panel {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}

.idx .idx-ren-box .item-inner .panel__ttl {
  color: #004097;
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 6px;
  border-bottom: 2px solid #0d9d4e;
}

.idx .idx-ren-box .item-inner .panel__detail {
  margin-top: 6px;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.idx .idx-ren-box .item-inner .panel__detail dt, .idx .idx-ren-box .item-inner .panel__detail dd {
  font-size: 3.5vw;
  line-height: 1.2;
  word-break: break-all;
  box-sizing: border-box;
}

.idx .idx-ren-box .item-inner .panel__detail dt {
  width: 60%;
}

.idx .idx-ren-box .item-inner .panel__detail dd {
  width: 40%;
  white-space: nowrap;
}

.idx .idx-ren-box .flx-item + .flx-item {
  margin-top: 40px;
}

@media print, screen and (min-width: 425px) {
  .idx .idx-ren-box .item-inner figure {
    width: 45%;
  }
  .idx .idx-ren-box .item-inner .panel {
    width: 55%;
    padding: 8px;
  }
  .idx .idx-ren-box .item-inner .panel__ttl {
    font-size: 10px;
  }
  .idx .idx-ren-box .item-inner .panel__detail dt,
  .idx .idx-ren-box .item-inner .panel__detail dd {
    font-size: 11px;
  }
	.idx .idx-ren-box .flx-item + .flx-item {
	  margin-top: 20px;
	}
}

@media print, screen and (min-width: 641px) {
  .idx .idx-ren-box {
    margin-right: -10px;
    margin-left: -10px;
    padding-bottom: 80px;
  }
  .idx .idx-ren-box .flx-item {
    width: 33.3%;
    margin-top: 0 !important;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .idx .idx-ren-box .item-inner {
    flex-wrap: wrap;
    height: 100%;
  }
  .idx .idx-ren-box .item-inner figure {
    width: 100%;
  }
  .idx .idx-ren-box .item-inner .panel {
    padding: 10px;
    width: 100%;
  }
  .idx .idx-ren-box .item-inner .panel__ttl {
    font-size: 1.5vw;
    padding-bottom: 10px;
    border-bottom-width: 3px;
  }
  .idx .idx-ren-box .item-inner .panel__detail {
    margin: 10px 0 0;
  }
  .idx .idx-ren-box .item-inner .panel__detail + .panel__detail {
    margin-top: 5px;
  }
  .idx .idx-ren-box .item-inner .panel__detail dt, .idx .idx-ren-box .item-inner .panel__detail dd {
    font-size: 1.4vw;
  }
  .idx .idx-ren-box .item-inner .panel__detail dt {
    padding-right: 1em;
  }
}

@media print, screen and (min-width: 801px) {
  .idx .idx-ren-box .item-inner .panel {
    padding: 15px 20px;
  }
  .idx .idx-ren-box .item-inner .panel__ttl {
    font-size: 1.6rem;
  }
  .idx .idx-ren-box .item-inner .panel__detail {
    margin: 15px 5px 0;
  }
  .idx .idx-ren-box .item-inner .panel__detail + .panel__detail {
    margin-top: 8px;
  }
  .idx .idx-ren-box .item-inner .panel__detail dt, .idx .idx-ren-box .item-inner .panel__detail dd {
    font-size: 1.4rem;
  }
}

/*ニュース*/
.idx .idx-news-box .item-ttl {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  width: 100%;
}

.idx .idx-news-box .item-ttl .btn {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background: #0d9d4e;
  padding: 10px 0;
  position: relative;
  width: 150px;
  box-sizing: border-box;
}

.idx .idx-news-box .item-ttl .btn:after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 1.8rem;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.idx .idx-news-box .item-cont {
  margin-top: 10px;
  width: 100%;
}

.idx .idx-news-box .item-cont .idx-news-list {
  border-top: 1px solid #ccc;
}

.idx .idx-news-box .item-cont .idx-news-list dl {
  padding: 7px 0 12px;
  border-bottom: 1px solid #ccc;
}

.idx .idx-news-box .item-cont .idx-news-list dt, .idx .idx-news-box .item-cont .idx-news-list dd {
  font-size: 1.4rem;
  line-height: 1.6;
}

.idx .idx-news-box .item-cont .idx-news-list dt {
  display: block;
  margin-top: 5px;
}

.idx .idx-news-box .item-cont .idx-news-list dt .date {
  font-size: 1.6rem;
  margin-right: 20px;
  width: 150px;
}

.idx .idx-news-box .item-cont .idx-news-list dt .info, .idx .idx-news-box .item-cont .idx-news-list dt .news, .idx .idx-news-box .item-cont .idx-news-list dt .attention {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  display: inline-block;
  width: 100px;
}

.idx .idx-news-box .item-cont .idx-news-list dt .info {
  background-color: #0d9d4e;
}

.idx .idx-news-box .item-cont .idx-news-list dt .news {
  background-color: #004097;
}
.idx .idx-news-box .item-cont .idx-news-list dt .attention{
  background-color: #fd0;
  color:#333;
}
.idx .idx-news-box .item-cont .idx-news-list dd {
  font-size: 1.6rem;
  display: block;
  margin-top: 5px;
}

.idx .idx-news-box .item-cont .idx-news-list dd a {
	color:#000;
}

.idx .idx-news-box .item-cont .idx-news-list dd em {
  color: #f00;
  padding-left: 10px;
}

@media print, screen and (min-width: 641px) {
  .idx .idx-news-box .item-ttl {
    padding-right: 5%;
    position: relative;
    width: 25%;
    min-height: 180px;
  }
  .idx .idx-news-box .item-ttl .btn {
    font-size: 1.6rem;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
  }
  .idx .idx-news-box .item-ttl .btn:after {
    font-size: 2.2rem;
    right: 10px;
  }
  .idx .idx-news-box .item-cont {
    margin-top: 0;
    width: 75%;
  }
  .idx .idx-news-box .item-cont .idx-news-list dl {
    display: -webkit-box;
    display: flex;
  }
  .idx .idx-news-box .item-cont .idx-news-list dt {
    white-space: nowrap;
  }
  .idx .idx-news-box .item-cont .idx-news-list dt .info, .idx .idx-news-box .item-cont .idx-news-list dt .news, .idx .idx-news-box .item-cont .idx-news-list dt .attention {
    margin-right: 20px;
    font-size: 1.6rem;
  }
}

@media print, screen and (min-width: 801px) {
  .idx .idx-news-box .item-ttl {
/*    padding-right: 5%;*/
  }
  .idx .idx-news-box .item-ttl .btn {
    font-size: 1.6rem;
  }
  .idx .idx-news-box .item-ttl .btn:after {
    font-size: 2.6rem;
    right: 15px;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//index＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝事業案内＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*グレーのボックス（電力部門）*/
.dep .dep-gray-list-box {
  padding: 20px 15px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
}

.dep .dep-gray-list-box .cmn-flx + .cmn-flx {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

@media print, screen and (min-width: 641px) {
  .dep .dep-gray-list-box {
    padding: 50px 70px;
  }
  .dep .dep-gray-list-box .cmn-flx .flx-img {
    width: 42%;
    max-width: 360px;
  }
  .dep .dep-gray-list-box .cmn-flx .text-area {
    width: 50%;
  }
  .dep .dep-gray-list-box .cmn-flx + .cmn-flx {
    padding-top: 50px;
    margin-top: 50px;
  }
}

/*電力部門*/
.dep .dep-result-list {
  margin-left: -5px;
  margin-right: -5px;
}

.dep .dep-result-list .flx-item {
  margin: 0 5px 10px;
  width: calc(50% - 10px);
}

.dep .dep-result-list .flx-item:hover {
  text-decoration: none;
}

.dep .dep-result-list .flx-item .dep-ttl {
  display: block;
  color: #000;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 10px;
}

@media print, screen and (min-width: 641px) {
  .dep .dep-result-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .dep .dep-result-list .flx-item {
    margin: 0 10px 20px;
    width: calc(33.3% - 20px);
  }
  .dep .dep-result-list .flx-item .dep-ttl {
    font-size: 1.6rem;
  }
}

/*再生可能エネルギー発電所情報*/
.dep-ren-list .blue-border-box {
  border: 1px solid #102189;
  background-color: #f5f5f5;
  padding: 20px;
}
.dep-ren-list .blue-border-box + .blue-border-box {
  margin-top: 25px;
}
.dep-ren-list .flx-item-left .flx-img,
.dep-ren-list .flx-item-left .text-area {
  box-sizing: border-box;
}
.dep-ren-list .flx-item-left .flx-img {
  width: 40%;
}
.dep-ren-list .flx-item-left .text-area {
  padding-left: 5vw;
  margin-top: 0;
  width: 60%;
}
.dep-ren-list .flx-item-left .text-area p {
  font-size: 1.4rem;
  line-height: 1.2;
}
.dep-ren-list .flx-item-left .text-area b {
  display: inline-block;
  margin-bottom: 5px;
}
.dep-ren-list .flx-item-left .text-area a {
  display: inline-block;
  color: #000;
  margin-top: 15px;
}
.dep-ren-list .flx-item-right {
  margin-top: 25px;
}
.dep-ren-list .flx-item-right .blue-ttl {
  color: #fff;
  background-color: #102189;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 4px solid #9baaff;
  padding: 10px;
  display: flex;
  justify-content: space-around;
  width: 100%;
  line-height: 1;
  height: 1em;
}
.dep-ren-list .flx-item-right .blue-ttl span:first-child {
  padding-right: 1em;
}
.dep-ren-list .flx-item-right .blue-ttl span:last-child {
  padding-left: 1em;
}
.dep-ren-list .flx-item-right .box {
  background-color: #fff;
  width: 100%;
  padding: 13px 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dep-ren-list .flx-item-right .box p {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  width: calc(50% - 5px);
  padding: 11px 5px;
}
.dep-ren-list .flx-item-right .box .power-now {
  background-color: #d2efd1;
  margin-right: 5px;
}
.dep-ren-list .flx-item-right .box .power-day {
  background-color: #cde5ff;
  margin-left: 5px;
}
@media print, screen and (max-width: 375px) {
  .dep-ren-list .flx-item-left .flx-img {
    width: 35%;
  }
  .dep-ren-list .flx-item-left .text-area {
    width: 65%;
    padding-left: 4vw;
  }
  .dep-ren-list .flx-item-left .text-area p,
  .dep-ren-list .flx-item-left .text-area a {
    font-size: 3.5vw;
  }
  .dep-ren-list .flx-item-left .text-area a {
    margin-top: 2.5vw;
  }
  .dep-ren-list .flx-item-right {
    margin-top: 20px;
  }
  .dep-ren-list .flx-item-right .blue-ttl {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 3.5vw;
  }
}
@media print, screen and (min-width: 641px) {
  .dep-ren-list .blue-border-box {
    padding: 29px 19px 29px 39px;
  }
  .dep-ren-list .blue-border-box + .blue-border-box {
    margin-top: 30px;
  }
  .dep-ren-list .flx-item-left {
    width: 60%;
    justify-content: flex-start;
  }
  .dep-ren-list .flx-item-left .flx-img {
    width: 34%;
    max-width: 200px;
  }
  .dep-ren-list .flx-item-left .text-area {
    padding-left: 3vw;
  }
  .dep-ren-list .flx-item-left .text-area b {
    font-size: 1.9vw;
  }
  .dep-ren-list .flx-item-left .text-area p,
  .dep-ren-list .flx-item-left .text-area a  {
    font-size: 1.6vw;
  }
  .dep-ren-list .flx-item-left .text-area a {
    margin-top: 25px;
  }
  .dep-ren-list .flx-item-right {
    width: 40%;
    margin-top: 0;
  }
  .dep-ren-list .flx-item-right .blue-ttl {
    font-size: 1.6vw;
    padding: 10px 5px;
  }
  .dep-ren-list .flx-item-right .blue-ttl span:first-child,
  .dep-ren-list .flx-item-right .blue-ttl span:last-child {
    padding: 0;
  }
  .dep-ren-list .flx-item-right .box {
    padding: 13px 10px 15px;
  }
  .dep-ren-list .flx-item-right .box p {
    font-size: 1.6vw;
  }
}

@media print, screen and (min-width: 1000px) {
  .dep-ren-list .flx-item-left {
    width: 63%;
  }
  .dep-ren-list .flx-item-left .text-area {
    padding-left: 50px;
  }
  .dep-ren-list .flx-item-left .text-area b {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .dep-ren-list .flx-item-left .text-area p,
  .dep-ren-list .flx-item-left .text-area a  {
    font-size: 1.6rem;
  }
  .dep-ren-list .flx-item-right {
    width: 37%;
  }
  .dep-ren-list .flx-item-right .blue-ttl {
    font-size: 1.6rem;
    padding: 10px 30px;
  }
  .dep-ren-list .flx-item-right .box p {
    font-size: 1.6rem;
  }
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//事業案内＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝クリハラントの技術開発製品＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.tec .tec-gray-box {
  background-color: rgba(245, 245, 245, 0.6);
  padding: 20px 15px;
}

.tec .tec-gray-box .gray-box-inner {
  background-color: #fff;
  padding: 20px 15px;
}

.tec .tec-office-list .flx-item {
  margin-bottom: 20px;
}

.tec .tec-office-list .flx-item .ttl {
  color: #004097;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 10px 0 5px;
}

.tec .tec-office-list .flx-item .desc {
  font-size: 1.4rem;
}

@media print, screen and (min-width: 641px) {
  .tec .tec-gray-box {
    padding: 50px 60px;
  }
  .tec .tec-gray-box .gray-box-inner {
    padding: 50px;
  }
  .tec .tec-office-list {
    margin-bottom: -40px;
  }
  .tec .tec-office-list .flx-item {
    margin-bottom: 40px;
  }
  .tec .tec-office-list .flx-item .ttl {
    font-size: 2rem;
    margin: 20px 0 15px;
  }
  .tec .tec-office-list .flx-item .desc {
    font-size: 1.6rem;
  }
  .tec .tec-quality-box .cmn-flx .text-area {
    width: 52%;
  }
  .tec .tec-quality-box .cmn-flx .flx-img {
    width: 44%;
    max-width: 330px;
  }
}

.tec .tec-prod-box {
  border: 1px solid #ccc;
  padding: 20px 15px;
  position: relative;
}

.tec .tec-prod-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #ccc;
}

@media print, screen and (min-width: 641px) {
  .tec .tec-prod-box {
    padding: 50px 70px;
  }
  .tec .tec-prod-box:before {
    height: 6px;
    left: 70px;
    width: calc(100% - 140px);
  }
  .tec .tec-prod-box.cmn-flx .text-area {
    width: 52%;
  }
  .tec .tec-prod-box.cmn-flx .flx-img {
    width: 42%;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//クリハラントの技術開発製品＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝新技術・クリーンエネルギーへの取り組み＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//新技術・クリーンエネルギーへの取り組み＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝クオリティマネジメント＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.mng .mng-system-list .cmn-flx {
  margin-bottom: 25px;
}

.mng .mng-img-list {
  margin-left: -5px;
  margin-right: -5px;
}

.mng .mng-img-list .flx-item {
  width: calc(50% - 10px);
  margin: 0 5px 10px;
}

@media print, screen and (min-width: 641px) {
  .mng .mng-system-list .cmn-flx {
    margin-bottom: 40px;
  }
  .mng .mng-system-list .cmn-flx .text-area {
    width: 47%;
  }
  .mng .mng-img-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .mng .mng-img-list .flx-item {
    width: calc(25% - 20px);
    margin: 0 10px 10px;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//クオリティマネジメント＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝企業情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--テーブル（会社概要,沿革,事業所）-------------------------*/
.crp .crp-tbl-box,.rec .crp-tbl-box {
  border-top: 1px solid #ccc;
}

.crp .crp-tbl-box dl,.rec .crp-tbl-box dl {
  border-bottom: 1px solid #ccc;
}

.crp .crp-tbl-box dt, .crp .crp-tbl-box dd, .crp .crp-tbl-box dd p, .crp .crp-tbl-box dd li,
.rec .crp-tbl-box dt, .rec .crp-tbl-box dd, .rec .crp-tbl-box dd p{
  font-size: 1.4rem;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
}

.crp .crp-tbl-box dt,.rec .crp-tbl-box dt {
  font-weight: bold;
  background-color: #eee;
  padding: 8px 15px;
  border-bottom: 1px solid #ccc;
}

.crp .crp-tbl-box dd,.rec .crp-tbl-box dd {
  padding: 10px 15px;
}

.crp .crp-tbl-box dd a, .rec .crp-tbl-box dd a {
  color: #00c;
}

.crp .crp-tbl-box dd p + .tbl-list, .rec .crp-tbl-box dd p + .tbl-list {
  margin-left: 10px;
}

.crp .crp-tbl-box dd .tbl-list, .rec .crp-tbl-box dd .tbl-list {
  margin-top: 5px;
  margin-bottom: 5px;
}

.crp .crp-tbl-box dd .tbl-list li, .rec .crp-tbl-box dd .tbl-list li {
  text-indent: -2em;
  padding-left: 2em;
}


/*▼テーブル（主な事業）*/
.crp .crp-tbl-box dd.business .tbl-list{
  display:block;
}
.crp .crp-tbl-box dd.business .tbl-list li{
  width:auto;
}
/*▲テーブル（主な事業）*/


/*▼テーブル（建設業許可／営業種目アコーディオン）*/
.crp .crp-tbl-box .acMenu dd p span{
	display:inline-block;
	cursor:pointer;
}
.crp .crp-tbl-box .acMenu dd p span:before{
	content:'＋ ';
}
.crp .crp-tbl-box .acMenu dd p span.active:before{
	content:'― ';
}
.crp .crp-tbl-box .acMenu dd p span.type_inline:before,
.crp .crp-tbl-box .acMenu dd p span.type_inline:active:before{
	content:'';
}
.crp .crp-tbl-box .acMenu dd p span{
	color:#00c;
}
.crp .crp-tbl-box .acMenu dd p span:hover,
.crp .crp-tbl-box .acMenu dd p span:active{
	text-decoration:underline;
}
.crp .crp-tbl-box .acMenu dd p + ul{
	display:none;
}
/*▲テーブル（建設業許可／営業種目アコーディオン）*/


.crp .crp-tbl-box dd .outlink, .rec .crp-tbl-box dd .outlink {
  display: inline-block;
  color: #000;
  font-size: 1.2rem;
  line-height: 1;
  border: 1px solid #ccc;
  padding: 3px 15px 3px 8px;
  margin-left: 15px;
  position: relative;
}

.crp .crp-tbl-box dd .outlink:after, .rec .crp-tbl-box dd .outlink:after {
  display: block;
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 1.5rem;
  line-height: 0;
  position: absolute;
  right: 4px;
  top: 50%;
}

.crp .crp-tbl-box dd .outlink:hover,.rec .crp-tbl-box dd .outlink:hover {
  text-decoration: none;
  opacity: 0.7;
}

.crp .crp-tbl-box dd.telno, .rec .crp-tbl-box dd.telno {
  padding-top: 0;
}

/*テーブル（公的資格保有者）*/
.crp .crp-tbl-box.tbl-column-fourth {
  border-top: none;
}

.crp .crp-tbl-box.tbl-column-fourth .tbl-date {
  font-size: 1.3rem;
  text-align: right;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

.crp .crp-tbl-box.tbl-column-fourth dl {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.crp .crp-tbl-box.tbl-column-fourth dl.tbl-head {
  display: none;
}

.crp .crp-tbl-box.tbl-column-fourth dt {
  width: 100%;
}

.crp .crp-tbl-box.tbl-column-fourth dt .desc {
  font-size: 0.85em;
  display: inline-block;
  margin-left: 10px;
}

.crp .crp-tbl-box.tbl-column-fourth dd {
  padding: 10px;
  float: left;
  width: 40%;
}

.crp .crp-tbl-box.tbl-column-fourth dd:first-of-type {
  width: 50%;
}

.crp .crp-tbl-box.tbl-column-fourth dd:last-of-type {
  text-align: right;
  padding-left: 0;
  width: 10%;
}

@media print, screen and (min-width: 481px) and (max-width:640px) {
	
/*テーブル（沿革）*/
  .crp .crp-tbl-box dd.business .tbl-list{
    display:flex;
    flex-wrap:wrap;
  }
  .crp .crp-tbl-box dd.business .tbl-list li{
    width:50%;
  }
}
@media print, screen and (min-width: 641px) {
  .crp .crp-tbl-box dl, .rec .crp-tbl-box dl {
    display: -webkit-box;
    display: flex;
  }
  .crp .crp-tbl-box dt, .crp .crp-tbl-box dd, .crp .crp-tbl-box dd p, .crp .crp-tbl-box dd li,
  .rec .crp-tbl-box dt, .rec .crp-tbl-box dd, .rec .crp-tbl-box dd p, .rec .crp-tbl-box dd li{
    font-size: 1.6rem;
  }
  .crp .crp-tbl-box dt, .crp .crp-tbl-box dd, .rec .crp-tbl-box dt, .rec .crp-tbl-box dd {
    padding: 25px 20px;
  }
  .crp .crp-tbl-box dt, .rec .crp-tbl-box dt {
    background: none;
    border-bottom: none;
    width: 27%;
  }
  .crp .crp-tbl-box dd, .rec .crp-tbl-box dd {
    background-color: #fff !important;
    width: 73%;
  }

  /*テーブル（事業内容）*/
 .crp .crp-tbl-box dd.business .tbl-list{
    display:flex;
    flex-wrap:wrap;
 }
 .crp .crp-tbl-box dd.business .tbl-list li{
    width:33.3%;
    white-space:nowrap;
    margin-bottom:0.2em;
 }


  /*テーブル（沿革）*/
  .crp .crp-tbl-box.tbl-bg-gray dt {
    background-color: #eee;
    text-align: center;
    width: 25%;
  }
  .crp .crp-tbl-box.tbl-bg-gray dd {
    width: 75%;
  }
  /*テーブル（事業所）*/
  .crp .crp-tbl-box.tbl-column-third dt, .rec .crp-tbl-box.tbl-column-third dt {
    font-weight: normal;
    width: 22%;
  }
  .crp .crp-tbl-box.tbl-column-third dd.add, .rec .crp-tbl-box.tbl-column-third dd.add {
    width: 53%;
  }
  .crp .crp-tbl-box.tbl-column-third dd.telno, .rec .crp-tbl-box.tbl-column-third dd.telno {
    text-align: right;
    padding: 25px 20px 25px 0;
    width: 25%;
  }
  /*テーブル（公的資格保有者）*/
  .crp .crp-tbl-box.tbl-column-fourth .tbl-date {
    font-size: 1.4rem;
  }
  .crp .crp-tbl-box.tbl-column-fourth dl.tbl-head {
    display: -webkit-box;
    display: flex;
  }
  .crp .crp-tbl-box.tbl-column-fourth dl.tbl-head dt,
  .crp .crp-tbl-box.tbl-column-fourth dl.tbl-head dd {
    background-color: #eee !important;
    font-weight: bold;
  }
  .crp .crp-tbl-box.tbl-column-fourth dt, .crp .crp-tbl-box.tbl-column-fourth dd {
    font-size: 1.6rem;
    padding: 12px 20px !important;
  }
  .crp .crp-tbl-box.tbl-column-fourth dt {
    font-weight: normal;
    font-weight: bold;
    width: 20%;
  }
  .crp .crp-tbl-box.tbl-column-fourth dt .desc {
    display: none;
  }
  .crp .crp-tbl-box.tbl-column-fourth dd {
    width: 30%;
  }
  .crp .crp-tbl-box.tbl-column-fourth dd:first-of-type {
    width: 35%;
  }
  .crp .crp-tbl-box.tbl-column-fourth dd:last-of-type {
    padding-left: 5px !important;
    width: 15%;
  }
}

/*--ご挨拶-------------------------*/
.crp .crp-mes-box .flx-img {
  margin: 0 auto 25px;
  width: 50%;
}

.crp .crp-mes-box .text-area .crp-sign {
  float: right;
  margin-top: 25px;
  width: 200px;
}

@media print, screen and (min-width: 641px) {
  .crp .crp-mes-box .flx-img {
    width: 22%;
  }
  .crp .crp-mes-box .text-area {
    width: 73%;
    margin-right: 5%;
  }
  .crp .crp-mes-box .text-area .crp-sign {
    margin-top: 60px;
    width: 288px;
  }
}

/*--企業理念-------------------------*/
.crp .crp-ide-box .img-center {
  width: 100%;
  margin-bottom: 25px;
}

@media print, screen and (min-width: 641px) {
  .crp .crp-ide-box .img-center {
    width: 550px;
    margin-top: 100px;
    margin-bottom: 80px;
  }
  .crp .crp-ide-box .img-center.text02 {
    width: 480px;
    margin-top: 90px;
  }
}

/*--主要取引先-------------------------*/
.crp .crp-cli-list li {
	width: 100%;
	margin-top: 10px;
  padding-right: 15px;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 641px) {
	.crp .crp-cli-list li {
		width: 50%;
    font-size: 1.6rem;
    line-height: 2.6rem;
	}
}

/*--社歌-------------------------*/
.crp .cp-song-box{
	margin-bottom:50px;
}
.crp .cp-song-lyrics{
	padding:1em;
	border:1px solid #ccc;
	margin-bottom:50px;
}
.crp .cp-song-lyrics .soundsrc{
	background-color:#004097;
	padding:1em;
	border-radius:1em;
	color:#fff;
}
.crp .cp-song-lyrics .soundsrc p{
}
.crp .cp-song-artist h3{
	padding:0.5em;
	background-color:#004097;
	color:#fff;
	font-weight:bold;
	font-size:1.25em;
}
.crp .cp-song-artist .a-name{
	margin-bottom:1em;
}
.crp .cp-song-artist .a-name p{
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.5em;
}
.crp .cp-song-artist figure img{
	width:100%;
	max-width:360px;
}
.crp .cp-song-artist dl{
}
.crp .cp-song-artist dl dt{
	position:relative;
	margin-bottom:0.5em;
	font-weight:bold;
}
.crp .cp-song-artist dl dt:after{
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	width:100%;
	height:2px;
	background-color:#eee;
	z-index:1;
}
.crp .cp-song-artist dl dt span{
	position:relative;
	display:inline-block;
	padding:0.2em 0;
	border-bottom:2px solid #004097;
	color:#004097;
	z-index:2;
}
.crp .cp-song-artist dl dd{
	margin-left:0.5em;
	margin-bottom:1em;
}

@media print, screen and (min-width: 641px) {
	.crp .cp-song-lyrics{
		padding:2em;
	}
	.crp .cp-song-artist .a-name{
		width:40%;
	}
	.crp .cp-song-artist dl{
		width:60%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//企業情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝お問い合わせ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.inq-table .cmn-flx {
  border-top: 1px solid #ccc;
}

.inq-table .cmn-flx dt {
  font-size: 1.4rem;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  padding: 5px 20px;
  width: 100%;
  box-sizing: border-box;
}

.inq-table .cmn-flx dt .must {
  color: #f00;
  font-size: 11px;
  margin-left: 10px;
}

.inq-table .cmn-flx dd {
  font-size: 1.4rem;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  width: 100%;
  box-sizing: border-box;
}

.inq-table .cmn-flx dd .sample-text {
  display: block;
  font-size: 85%;
  line-height: 1.5;
  margin-top: 0.5em;
}

.inq-table .cmn-flx dd .name-wrap {
  display: inline-block;
  margin: 5px 0 0 0;
  width: 48%;
  padding-right: 8px;
  box-sizing: border-box;
}

.inq-table .cmn-flx dd .name-wrap + .name-wrap {
  padding-right: 0;
}

.inq-table .cmn-flx dd .name-wrap .size-small {
  width: calc(100% - 45px);
}

.inq-table input,
.inq-table textarea,
.inq-table select {
  font-size: 1.4rem;
  line-height: 1.2;
  border: 1px solid #ccc;
}

.inq-table input,
.inq-table textarea {
  padding: 2px;
}

.inq-table select {
  padding: 2px 10px;
  width: 120px;
}

.inq-table input + input {
  margin-left: 10px;
}

.inq-table textarea {
  height: 170px;
}

.inq-table input:focus,
.inq-table textarea:focus {
  border: 1px solid #66afe9;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px rgba(102, 175, 233, 0.6);
}

.inq-table .text-wrap {
  width: 26px;
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px;
}
.inq-table .size-small,
.inq-table .size-mid,
.inq-table .size-wide {
  width: 100%;
}

@media print, screen and (min-width: 641px) {
  .inq-table {
    margin-top: 60px;
  }
  .inq-table .cmn-flx dt, .inq-table .cmn-flx dd {
    padding: 15px 20px;
  }
  .inq-table .cmn-flx dt {
    font-weight: normal;
    text-align: left;
    width: 210px;
  }
  .inq-table .cmn-flx dd {
    width: calc(100% - 210px);
  }
  .inq-table .cmn-flx dd .name-wrap {
    margin-right: 20px;
    width: auto;
  }
  .inq-table input,
  .inq-table textarea,
  .inq-table select {
    font-size: 1.5rem;
    border: 1px solid #ccc;
  }
  .inq-table textarea {
    height: 220px;
  }
  .inq-table .size-small,
  .inq-table .cmn-flx dd .name-wrap .size-small {
    width: 150px;
  }
  .inq-table .size-mid {
    width: 360px;
  }
  .inq-table .size-wide {
    width: 100%;
  }
}

@media print, screen and (min-width: 801px) {
  .inq-table .cmn-flx dt, .inq-table .cmn-flx dd {
    padding: 15px 25px;
  }
  .inq-table .cmn-flx dt {
    width: 230px;
  }
  .inq-table .cmn-flx dd {
    width: calc(100% - 230px);
  }
}

#btnSubmit {
  margin: 40px auto 0;
  border: none;
  width: 100%;
  max-width: 357px;
  color: #fff;
  background-color: rgba(155,58,38,1);
  background: #004097;
  padding: 30px 13px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.8rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//お問い合わせ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝アクセス＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.acc .acc-list {
  margin-bottom: 25px;
}

.acc .acc-list li {
  padding-left: 25px;
  position: relative;
}

.acc .acc-list li:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 6px;
}

.acc .map iframe {
  background-color: #eee;
  height: 250px;
  width: 100%;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 641px) {
  .acc .acc-list {
    margin-bottom: 40px;
  }
  .acc .map iframe {
    height: 600px;
    margin-bottom: 30px;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//アクセス＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝新製品・新工法・新サービス紹介＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--新製品・新工法・新サービス紹介_共通-------------------------*/
/*お問い合わせ*/
.svc .svc-inquiry-box {
  background-image: url(../../images/svc_inquiry_bg.jpg);
  background-size: cover;
  padding: 20px 30px;
}

.svc .svc-inquiry-box h3,
.svc .svc-inquiry-box .text {
  color: #fff;
}

.svc .svc-inquiry-box .cont {
  background-color: #fff;
  margin-top: 20px;
  font-weight:bold;
}

.svc .svc-inquiry-box .cont__ttl {
  color: #fff;
  font-size: 1.7rem;
  line-height: 1.2;
  text-align: center;
  background-color: #102189;
  padding: 10px 20px;
}

.svc .svc-inquiry-box .cont .cmn-flx {
  text-align: center;
  padding: 0 15px;
}

.svc .svc-inquiry-box .cont .cmn-flx .flx-item {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}

.svc .svc-inquiry-box .cont__tel {
  padding: 15px 0;
}

.svc .svc-inquiry-box .cont__tel .tel-ttl {
  margin-bottom: 15px;
}

.svc .svc-inquiry-box .cont__tel .telno {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
          align-items: baseline;
  color: #900;
  font-family: "Open Sans";
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}

.svc .svc-inquiry-box .cont__tel .telno img {
  width: 18px;
  margin-right: 10px;
}

.svc .svc-inquiry-box .cont__mail {
  padding: 15px 0;
  border-top: 2px solid #ccc;
}

.svc .svc-inquiry-box .cont__mail .mail-ttl {
  margin-bottom: 15px;
}

.svc .svc-inquiry-box .cont__mail .inquiry-btn {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  background-color: #509cff;
  padding: 10px;
  width: 46%;
  min-width: 180px;
  box-sizing: border-box;
}

@media print, screen and (min-width: 801px) {
  .svc .svc-inquiry-box {
    padding: 50px 70px;
  }
  .svc .svc-inquiry-box .cont {
    margin-top: 40px;
  }
  .svc .svc-inquiry-box .cont__ttl {
    font-size: 2.6rem;
    padding: 15px;
  }
  .svc .svc-inquiry-box .cont .cmn-flx {
    padding: 40px 0;
  }
  .svc .svc-inquiry-box .cont .cmn-flx .flx-item {
    text-align: center;
    width: 50%;
  }
  .svc .svc-inquiry-box .cont__tel {
    padding: 0 60px;
  }
  .svc .svc-inquiry-box .cont__tel .tel-ttl {
    font-size: 2.4rem;
    margin-bottom: 25px;
    margin-right: -1.5em;
    margin-left: -1.5em;
  }
  .svc .svc-inquiry-box .cont__tel .telno {
    font-size: 3.6rem;
    line-height: 1;
  }
  .svc .svc-inquiry-box .cont__tel .telno img {
    width: 30px;
    margin-right: 15px;
  }
  .svc .svc-inquiry-box .cont__mail {
    padding: 0 60px;
    border-top: none;
    border-left: 2px solid #ccc;
  }
  .svc .svc-inquiry-box .cont__mail .mail-ttl {
    font-size: 2.4rem;
    margin-bottom: 25px;
    margin-right: -1.5em;
    margin-left: -1.5em;
  }
  .svc .svc-inquiry-box .cont__mail .inquiry-btn {
    font-size: 2rem;
    padding: 15px;
    width: 100%;
  }
}

/*ページ先頭の特長*/
.svc .svc-lead-box {
  border: 1px solid #668cc1;
  background: rgba(255, 255, 255, 0.6);
  padding: 20px 15px;
}

.svc .svc-lead-box .box-ttl {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
}

.svc .svc-lead-box .box-list li {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 10px 15px;
  box-sizing: border-box;
}

.svc .svc-lead-box .box-list li + li {
  margin-top: 10px;
}

.svc .svc-lead-box .box-list.box-list--green li {
  background-color: #0d9d4e;
}

.svc .svc-lead-box .box-list.box-list--blue li {
  background-color: #004097;
}

.svc .svc-lead-box .box-list.box-list--ttl li {
  display: -webkit-box;
  display: flex;
  padding: 0;
}

.svc .svc-lead-box .box-list.box-list--ttl li .box-list__ttl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #004097;
  padding: 10px 15px;
  width: 6em;
  box-sizing: border-box;
}

.svc .svc-lead-box .box-list.box-list--ttl li .box-list__ttl.ttl-no {
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 15px;
}

.svc .svc-lead-box .box-list.box-list--ttl li .box-list__ttl.ttl-no b {
  font-size: 2rem;
  margin-left: 3px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.svc .svc-lead-box .box-list.box-list--ttl li .box-list__cont {
  background-color: #0d9d4e;
  padding: 10px 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: calc(100% - 6em);
  box-sizing: border-box;
}

.svc .svc-lead-box .box-dws-list li {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #0c5cc4;
  padding: 15px;
  width: 100%;
}

.svc .svc-lead-box .box-dws-list li:nth-child(n+2) {
  margin-top: 15px;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-lead-box {
    padding: 50px 70px;
  }
  .svc .svc-lead-box .box-ttl {
    font-size: 2.8rem;
    text-align: center;
  }
  .svc .svc-lead-box .box-list li {
    font-size: 2.2rem;
    text-align: center;
    padding: 20px;
  }
  .svc .svc-lead-box .box-list li + li {
    margin-top: 20px;
  }
  .svc .svc-lead-box .box-list.box-list--ttl li {
    padding: 0;
  }
  .svc .svc-lead-box .box-list.box-list--ttl li .box-list__ttl {
    padding: 20px;
    width: 150px;
  }
  .svc .svc-lead-box .box-list.box-list--ttl li .box-list__ttl.ttl-no {
    font-size: 1.8rem;
    padding-top: 25px;
  }
  .svc .svc-lead-box .box-list.box-list--ttl li .box-list__ttl.ttl-no b {
    font-size: 2.6rem;
    margin-left: 5px;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  .svc .svc-lead-box .box-list.box-list--ttl li .box-list__cont {
    text-align: left;
    padding: 20px;
    width: calc(100% - 150px);
  }
  .svc .svc-lead-box .box-dws-list {
    margin-left: -25px;
    margin-right: -25px;
  }
  .svc .svc-lead-box .box-dws-list li {
    color: #fff;
    font-size: 1.8rem;
    padding: 20px;
    margin: 0 25px;
    width: calc(50% - 50px);
    box-sizing: border-box;
  }
  .svc .svc-lead-box .box-dws-list li:nth-child(2) {
    margin-top: 0;
  }
  .svc .svc-lead-box .box-dws-list li:nth-child(n+3) {
    margin-top: 20px;
  }
}

/*黄色のボックス*/
.svc .svc-list .svc-pickup-box {
  background-color: #fffde5;
  padding: 20px 15px;
}

.svc .svc-list .svc-pickup-box .box-ttl,
.svc .svc-list .svc-pickup-box .box-ttl-s {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}

.svc .svc-list .svc-pickup-box .box-ttl-s {
  font-size: 1.7rem;
}

.svc .svc-list .svc-pickup-box .box-ttl-bg-blue {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 20px;
  background-color: #0c5cc4;
  padding: 5px 15px;
}

.svc .svc-list .svc-pickup-box .box-ttl-blue {
  color: #004097;
  font-size: 1.7rem;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 20px;
  position: relative;
}

.svc .svc-list .svc-pickup-box .box-ttl-blue:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #509cff;
  position: absolute;
  left: 0;
  top: 5px;
}

.svc .svc-list .svc-pickup-box .box-ttl-green {
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
}

.svc .svc-list .svc-pickup-box .box-ttl-green span {
  box-sizing: border-box;
}

.svc .svc-list .svc-pickup-box .box-ttl-green .label {
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  background-color: #0d9d4e;
  text-align: center;
  padding: 14px;
  width: 150px;
  font-size: 2.4vw;
  padding: 12px;
  width: 32%;
  max-width: 110px;
}

.svc .svc-list .svc-pickup-box .box-ttl-green .ttl {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 30px;
  width: calc(100% - 150px);
  font-size: 2.3vw;
  padding-left: 2vw;
  width: 68%;
}

.svc .svc-list .svc-pickup-box .box-list li {
  font-size: 1.4rem;
  line-height: 1.2;
  padding-left: 20px;
  margin-bottom: 8px;
  position: relative;
  box-sizing: border-box;
}

.svc .svc-list .svc-pickup-box .box-list li:before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #509cff;
  position: absolute;
  left: 0;
  top: 3px;
}

.svc .svc-list .svc-pickup-box .cmn-flx .flx-item + .flx-item {
  margin-top: 40px;
}

.svc .svc-list .svc-pickup-box .sp-w70 {
  width: 70%;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-pickup-box {
    padding: 50px 70px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl,
  .svc .svc-list .svc-pickup-box .box-ttl-s {
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-s {
    font-size: 2.4rem;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-bg-blue {
    font-size: 2.6rem;
    margin-bottom: 40px;
    padding: 10px 35px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-blue {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-green {
    margin-bottom: 40px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-green .label {
    font-size: 1.8vw;
    padding: 12px;
    width: 20%;
    max-width: none;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-green .ttl {
    font-size: 2.3vw;
    padding-left: 2vw;
    width: 80%;
  }
  .svc .svc-list .svc-pickup-box .box-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .svc .svc-list .svc-pickup-box .box-list li {
    font-size: 1.8rem;
    margin-bottom: 10px;
    padding-right: 10px;
    width: 50%;
  }
  .svc .svc-list .svc-pickup-box .cmn-flx .flx-item + .flx-item {
    margin-top: 0;
  }
  .svc .svc-list .svc-pickup-box .sp-w70 {
    width: 60%;
    max-width: 600px;
  }
}

@media print, screen and (min-width: 1080px) {
  .svc .svc-list .svc-pickup-box .box-ttl-green {
    margin-bottom: 40px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-green .label {
    font-size: 2rem;
    padding: 14px;
    width: 150px;
  }
  .svc .svc-list .svc-pickup-box .box-ttl-green .ttl {
    font-size: 2.8rem;
    padding-left: 30px;
    width: calc(100% - 150px);
  }
}

/*水色のボックス*/
.svc .svc-list .svc-featured-box {
  background-color: #eef6ff;
  padding: 20px 15px;
}

.svc .svc-list .svc-featured-box .box-ttl {
  color: #509cff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 20px;
  margin-bottom: 20px;
  position: relative;
}

.svc .svc-list .svc-featured-box .box-ttl:before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #509cff;
  position: absolute;
  left: 0;
  top: 2px;
}

.svc .svc-list .svc-featured-box .text + .box-ttl {
  margin-top: 30px;
}

@media print, screen and (min-width: 801px) {
  .svc .svc-list .svc-featured-box {
    padding: 50px 70px;
  }
  .svc .svc-list .svc-featured-box .box-ttl {
    font-size: 2.4rem;
    padding-left: 40px;
    margin-bottom: 25px;
  }
  .svc .svc-list .svc-featured-box .box-ttl:before {
    width: 15px;
    height: 15px;
    top: 5px;
    left: 3px;
  }
  .svc .svc-list .svc-featured-box .text + .box-ttl {
    margin-top: 40px;
  }
}

/*サブ見出し（h3.type02）の下のテキスト*/
.svc h3.type02 + h4.lead-txt {
  margin: 40px auto;
}
@media print, screen and (min-width: 801px) {
  .svc h3.type02 + h4.lead-txt {
    margin: 70px auto;
  }
}

/*--真空排気装置-------------------------*/
.svc .svc-list .svc-text-box .box-ttl {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 30px;
}

@media print, screen and (min-width: 801px) {
  .svc .svc-list .svc-text-box .box-ttl {
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}

/*真空排気装置（真空排気装置性能、装置開発）*/
.svc .svc-list .svc-func-box01 .text-area .ttl,
.svc .svc-list .svc-func-box02 .text-area .ttl {
  color: #0d9d4e;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}

.svc .svc-list .svc-func-box01 .text-area .text + .ttl,
.svc .svc-list .svc-func-box02 .text-area .text + .ttl {
  margin-top: 30px;
}

.svc .svc-list .svc-func-box01 .flx-img.sp-w80,
.svc .svc-list .svc-func-box02 .flx-img.sp-w80 {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-func-box01 .text-area .ttl,
  .svc .svc-list .svc-func-box02 .text-area .ttl {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
  .svc .svc-list .svc-func-box01 .text-area .text + .ttl,
  .svc .svc-list .svc-func-box02 .text-area .text + .ttl {
    margin-top: 50px;
  }
  .svc .svc-list .svc-func-box01 .flx-img.sp-w80,
  .svc .svc-list .svc-func-box02 .flx-img.sp-w80 {
    width: 45%;
    margin-left: 0;
  }
}

/*--アクアモニタ-------------------------*/
.svc .svc-list .svc-flow-list .text-area .flow-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-flow-list .text-area .flow-ttl {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
}

.svc .svc-list .svc-prod-list .flx-item + .flx-item {
  margin-top: 30px;
}

.svc .svc-list .svc-prod-list .box-ttl-bk {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 30px;
  margin-bottom: 20px;
}

.svc .svc-list .svc-prod-list .text li {
  margin-left: 1em;
  text-indent: -1em;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-prod-list .flx-item + .flx-item {
    margin-top: 0;
  }
  .svc .svc-list .svc-prod-list .box-ttl-bk {
    font-size: 2.4rem;
    margin-top: 45px;
    margin-bottom: 25px;
  }
}

.svc .svc-list .svc-howto-box .flx-img.sp-w60 {
  width: 60%;
  margin: 0 auto;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-howto-box .flx-img.sp-w60 {
    width: 35%;
    margin-left: 0;
  }
}

.svc .svc-list .</span></dt>-tbl-box {
  border-top: 1px solid #ccc;
}

.svc .svc-list .rec-tbl-box dl {
  display: -webkit-box;
  display: flex;
  border: 1px solid #ccc;
  border-top: none;
}

.svc .svc-list .rec-tbl-box dl:last-child dd {
  background-color: #fff;
}

.svc .svc-list .rec-tbl-box dt, .svc .svc-list .rec-tbl-box dd {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  word-break: break-all;
  width: 100%;
  box-sizing: border-box;
}

.svc .svc-list .rec-tbl-box dt {
  background-color: #f6f6f6;
  padding: 8px 5px;
  width: 25%;
  font-weight: normal;
}

.svc .svc-list .rec-tbl-box dd {
  background-color: #edf0ff;
  border-left: 1px solid #ccc;
  padding: 8px 5px;
  width: 37.5%;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .rec-tbl-box dl dt,
  .svc .svc-list .rec-tbl-box dl dd {
    font-size: 1.6rem;
    padding: 8px 15px;
  }
}

/*--ダイヤモンドワイヤーソー切断サービス-------------------------*/
.svc .svc-list .svc-dws-list .dws-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
  padding-left: 25px;
  position: relative;
}

.svc .svc-list .svc-dws-list .dws-ttl:before {
  content: "";
  display: block;
  width: 16px;
  height: 15px;
  background-color: #509cff;
  position: absolute;
  left: 0;
  top: 2px;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-dws-list .dws-ttl {
    font-size: 2.4rem;
    margin-bottom: 25px;
    padding-left: 30px;
  }
  .svc .svc-list .svc-dws-list .dws-ttl:before {
    top: 5px;
  }
}

/*--太陽光発電所メンテナンスサービス-------------------------*/
.svc .svc-list .svc-mente-box .mente-ttl {
  display: -webkit-box;
  display: flex;
  line-height: 1.4;
  margin-bottom: 20px;
}

.svc .svc-list .svc-mente-box .mente-ttl span {
  box-sizing: border-box;
}

.svc .svc-list .svc-mente-box .mente-ttl span.no {
  color: #fff;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  background-color: #0d9d4e;
  padding: 8px 0;
  width: 20%;
}

.svc .svc-list .svc-mente-box .mente-ttl span.no b {
  font-size: 4.5vw;
  text-align: center;
  margin-top: 3px;
  width: 100%;
}

.svc .svc-list .svc-mente-box .mente-ttl span.ttl {
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 1.5;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 4vw;
  width: 80%;
}

@media print, screen and (max-width: 374px) {
  .svc .svc-list .svc-mente-box .mente-ttl span.ttl {
    font-size: 4.5vw;
  }
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-mente-box .mente-ttl {
    margin-bottom: 50px;
  }
  .svc .svc-list .svc-mente-box .mente-ttl span.no {
    font-size: 3vw;
    padding: 12px 0;
    width: 100px;
  }
  .svc .svc-list .svc-mente-box .mente-ttl span.no b {
    font-size: 3vw;
    margin-top: 5px;
  }
  .svc .svc-list .svc-mente-box .mente-ttl span.ttl {
    font-size: 3vw;
    padding-left: 4.5vw;
    width: calc(100% - 100px);
  }
}

@media print, screen and (min-width: 801px) {
  .svc .svc-list .svc-mente-box .mente-ttl span.no {
    font-size: 2.5rem;
    width: 130px;
  }
  .svc .svc-list .svc-mente-box .mente-ttl span.no b {
    font-size: 3rem;
  }
  .svc .svc-list .svc-mente-box .mente-ttl span.ttl {
    font-size: 2.8rem;
    padding-left: 45px;
    width: calc(100% - 130px);
  }
}

.svc .svc-list .svc-msms-box {
  margin-right: -6px;
  margin-left: -6px;
}

.svc .svc-list .svc-msms-box .flx-item {
  width: calc(50% - 12px);
  margin: 0 6px;
}

.svc .svc-list .svc-msms-box .flx-item:nth-child(n+3) {
  margin-top: 15px;
}

.svc .svc-list .svc-msms-box .flx-item .msms-ttl {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 10px;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-msms-box .flx-item {
    width: calc(33.3% - 12px);
    margin: 0 6px;
  }
  .svc .svc-list .svc-msms-box .flx-item:nth-child(3) {
    margin-top: 0;
  }
  .svc .svc-list .svc-msms-box .flx-item:nth-child(n+4) {
    margin-top: 20px;
  }
  .svc .svc-list .svc-msms-box .flx-item .msms-ttl {
    font-size: 1.4rem;
    margin-top: 15px;
  }
}

/*--再生可能エネルギー発電事業参入へのトータルサポート-------------------------*/
.svc .svc-list .svc-abt-box .abt-ttl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}

.svc .svc-list .svc-abt-box .abt-ttl span {
  color: #fff;
  line-height: 1;
  background-color: #0d9d4e;
  padding: 5px 8px;
  margin-right: 18px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-abt-box .abt-ttl {
    font-size: 2.8rem;
    margin-bottom: 50px;
  }
  .svc .svc-list .svc-abt-box .abt-ttl span {
    padding: 10px 15px;
    margin-right: 30px;
  }
}

.svc .svc-list .svc-result-box .cmn-flx + .cmn-flx {
  margin-top: 60px;
}

.svc .svc-list .svc-result-box .result-ttl {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 15px;
}

.svc .svc-list .svc-result-box dl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.svc .svc-list .svc-result-box dl dt, .svc .svc-list .svc-result-box dl dd {
  font-size: 1.6rem;
  line-height: 1.2;
  box-sizing: border-box;
}

.svc .svc-list .svc-result-box dl dt {
  width: 38%;
  padding-right: 15px;
}

.svc .svc-list .svc-result-box dl dd {
  width: 62%;
}

@media print, screen and (min-width: 641px) {
  .svc .svc-list .svc-result-box .cmn-flx + .cmn-flx {
    margin-top: 50px;
  }
  .svc .svc-list .svc-result-box .result-ttl {
    font-size: 2.2rem;
    margin-bottom: 25px;
  }
  .svc .svc-list .svc-result-box dl {
    padding: 15px 0;
  }
  .svc .svc-list .svc-result-box dt, .svc .svc-list .svc-result-box dd {
    font-size: 1.4rem;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//新製品・新工法・新サービス紹介＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝協力会社様募集＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.par .par-list>ul {
	width: calc(100% - 2rem);
	list-style: decimal outside;
	margin-left:2rem;
}
.par .par-list>ul>li:nth-child(n+2) {
	margin-top:20px;
}
.par .par-list>ul>li>ul{
	padding:0 0 0 1rem;
}
.par .par-list>ul>li>ul>li{
	list-style-type:none;
	list-style-position:outside;
	counter-increment: cnt;
}
.par .par-list>ul>li>ul>li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}
.par .par-list>ul>li>ul>li>ul {
	list-style: decimal outside;
	margin-left:4rem;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//協力会社様募集＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝個人情報保護方針＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.prp #container ul {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left:4rem;
	width:calc(100% - 4rem);
}
.prp #container ul li {
	margin-top:10px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//個人情報保護方針＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ニュース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.new .news-tab3 {
	margin-top:30px;
	width:100%;
}
.new .news-tab, .new .news-tab4 {
	margin-top:30px;
	width:100%;
}
.new .news-tab td, .new .news-tab3 td, .new .news-tab4 td {
	border:1px solid #ccc;
	padding:10px 20px;
}
.new .news-tab td.col1, .new .news-tab3 td.col1, .new .news-tab4 td.col1 {
	background:#eee;
}
@media print, screen and (min-width: 641px) {
	.new .news-img {
		width:70%;
		margin:0 auto;
	}
	.new .news-tab3 {
		margin-top:50px;
	}
	.new .news-tab, .new .news-tab4 {
		margin:50px auto 0;
		width:70%;
	}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//ニュース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝採用情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--採用情報_共通-------------------------*/
/*コンテンツの一番最初のボックス*/
.rec h1.type02,
.rec .rec-lead-box {
  padding-top: 60px;
  margin-bottom: 60px;
}
.rec .rec-sel-bn2 {
	background: #eee;
}

@media print, screen and (min-width: 801px) {
  .rec h1.type02,
  .rec .rec-lead-box {
    padding-top: 120px;
    margin-bottom: 120px;
  }
}

/*グレーのボーダーのボックス*/
.rec .rec-border-top-gray {
  border: 1px solid #ccc;
  padding: 20px 15px;
  position: relative;
}

.rec .rec-border-top-gray:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #ccc;
}

.rec .rec-border-top-gray .cmn-flx--sp-half {
  margin-left: -5px;
  margin-right: -5px;
}

.rec .rec-border-top-gray .cmn-flx--sp-half .flx-img {
  width: calc(50% - 10px);
  margin: 0 5px 10px;
}


@media print, screen and (min-width: 641px) {
  .rec .rec-border-top-gray {
    padding: 50px 70px;
  }
  .rec .rec-border-top-gray:before {
    height: 6px;
    left: 70px;
    width: calc(100% - 140px);
  }
  .rec .rec-border-top-gray .cmn-flx--sp-half {
    margin-left: -5px;
    margin-right: -5px;
  }
  .rec .rec-border-top-gray .cmn-flx--sp-half .flx-img {
    width: calc(25% - 10px);
    margin: 0 5px 10px;
  }
}

/*青のボーダーのボックス*/
.rec .rec-border-top-blue {
  border: 1px solid #ccc;
  padding: 20px 15px;
  position: relative;
}

.rec .rec-border-top-blue:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #004097;
}

.rec .rec-border-top-blue h3.bg-green {
  font-size: 1.8rem;
}

.rec .rec-border-top-blue .text-area .name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.rec .rec-border-top-blue .text-area .name span {
  display: block;
  font-size: 1.4rem;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-border-top-blue {
    padding: 50px 70px;
  }
  .rec .rec-border-top-blue:before {
    height: 6px;
    left: 70px;
    width: calc(100% - 140px);
  }
  .rec .rec-border-top-blue h3.bg-green {
    font-size: 2.2rem;
  }
}
.rec .rec-sel-bn2 {
	padding:50px 15%;
}
.rec .rec-sel-bn2 > p {
	width: 100%;
	margin-bottom:30px;
	text-align:center;
}
.rec .rec-sel-bn2 a {
	display: block;
	width:45%;
	background:#009844;
	padding:20px 0;
	transition: all 0.2s;
}
.rec .rec-sel-bn2 a:nth-child(2) {
	background: #004097;
}
.rec .rec-sel-bn2 a p {
	text-align: center;
	color: #fff;
}
.rec .rec-sel-bn2 a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.rec .section-box{
	margin-top:20px;
}


/*--採用トップ-------------------------*/
.rec.r-idx .section-box .box-inner .flx{
	width:100%;
	margin-bottom:2em;
	display:flex;
	flex-direction:column;
}
.rec.r-idx .section-box .box-inner div{
	margin-bottom:2em;
}
.rec.r-idx .section-box .box-inner div .sm{
	display:inline;
}
.rec.r-idx .section-box .box-inner div .md{
	display:none;
}
.rec.r-idx .section-box .box-inner ul li{
	margin-bottom:1em;
}
.rec.r-idx .section-box .box-inner ul li a img{
	margin:0 auto;
	max-width:300px;
	transition:0.3s;
}
.rec.r-idx .section-box .box-inner ul li a:hover img{
	opacity:0.5;
	transition:0.3s;
}


@media print, screen and (min-width: 641px) {
	.rec.r-idx .section-box .box-inner .flx{
		justify-content:space-between;
		flex-direction:row;
	}
	.rec.r-idx .section-box .box-inner div{
		width:calc(100% - 380px);
	}
	.rec.r-idx .section-box .box-inner div .sm{
		display:none;
	}
	.rec.r-idx .section-box .box-inner div .md{
		display:inline;
	}
	.rec.r-idx .section-box .box-inner ul{
		width:330px;
		list-style-type:none;
	}
	.rec.r-idx .section-box .box-inner ul li img{
		max-width:330px;
	}
}
@media print, screen and (min-width: 801px) {
}
@media print, screen and (min-width: 1080px) {
}


/*--中途採用　募集要項一覧-------------------------*/

.rec .section-box .box-inner .job-list{
	margin-bottom:5em;
}
.rec .section-box .box-inner .job-list a{
	display:block;
	text-decoration:none;
}
.rec .section-box .box-inner .job-list a:hover dl{
	background-color:#ffc;
	transition:0.5s;
}
.rec .section-box .box-inner .job-list dl{
	width:100%;
	padding:0.5em 0 0;
	display:flex;
	flex-direction:column;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	transition:0.5s;
}
.rec .section-box .box-inner .job-list > dl{
	display:none;
}
.rec .section-box .box-inner .job-list dl > *{
	padding:0.25em;
	box-sizing:border-box;
}
.rec .section-box .box-inner .job-list dl dt{
	width:100%;
}
.rec .section-box .box-inner .job-list dl dt span.tech-global{
	background-color:#06c;
	color:#fff;
	padding:0.25em 0.5em;;
	display:inline-block;
	border-radius:0.25em;
	font-size:0.82em;
	font-weight:bold;
}
.rec .section-box .box-inner .job-list dl dt span.job02{
	background-color:#390;
	color:#fff;
	padding:0.25em 0.5em;;
	display:inline-block;
	border-radius:0.25em;
	font-size:0.82em;
	font-weight:bold;
}
.rec .section-box .box-inner .job-list dl dd:nth-child(2){
	width:100%;
}
.rec .section-box .box-inner .job-list dl dd:nth-child(2):before{
	content:"仕事内容：";
}
.rec .section-box .box-inner .job-list dl dd:nth-child(3){
	width:100%;
}
.rec .section-box .box-inner .job-list dl dd:nth-child(3):before{
	content:"勤務地：";
}

@media print, screen and (min-width: 641px) {
	.rec .section-box .box-inner .job-list{
		margin-bottom:5em;
	}
	.rec .section-box .box-inner .job-list a{
		display:block;
		text-decoration:none;
	}
	.rec .section-box .box-inner .job-list a:hover dl{
		background-color:#ffc;
		transition:0.5s;
	}
	.rec .section-box .box-inner .job-list dl{
		width:100%;
		display:flex;
		border-bottom:1px solid #ccc;
		flex-direction:row;
		background-color:#fff;
		transition:0.5s;
	}
	.rec .section-box .box-inner .job-list > dl{
		display:flex;
	}
	.rec .section-box .box-inner .job-list dl > *{
		padding:1em;
		box-sizing:border-box;
	}
	.rec .section-box .box-inner .job-list dl dt{
		width:30%;
	}
	.rec .section-box .box-inner .job-list dl dd:nth-child(2){
		width:50%;
	}
	.rec .section-box .box-inner .job-list dl dd:nth-child(3){
		width:20%;
		text-align:center;
	}
	.rec .section-box .box-inner .job-list dl dt:before{
		content:"";
	}
	.rec .section-box .box-inner .job-list dl dd:nth-child(2):before{
		content:"";
	}
	.rec .section-box .box-inner .job-list dl dd:nth-child(3):before{
		content:"";
	}
}
@media print, screen and (min-width: 801px) {
}
@media print, screen and (min-width: 1080px) {
}

/*--中途採用　募集要項一覧 2-------------------------*/

.rec .section-box .box-inner .job-list2{
	margin-bottom:5em;
}
.rec .section-box .box-inner .job-list2 dl{
	width:100%;
	padding:0.5em 0 0;
	display:flex;
	flex-direction:column;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	transition:0.5s;
}
.rec .section-box .box-inner .job-list2 dl:first-child{
	display:none;
}
.rec .section-box .box-inner .job-list2 dl > *{
	padding:0.25em;
	box-sizing:border-box;
}
.rec .section-box .box-inner .job-list2 dl dt{
	width:100%;
}
.rec .section-box .box-inner .job-list2 dl dt span.tech-global{
	background-color:#06c;
	color:#fff;
	padding:0.25em 0.5em;;
	display:inline-block;
	border-radius:0.25em;
	font-size:0.82em;
	font-weight:bold;
}
.rec .section-box .box-inner .job-list2 dl dt span.job02{
	background-color:#390;
	color:#fff;
	padding:0.25em 0.5em;;
	display:inline-block;
	border-radius:0.25em;
	font-size:0.82em;
	font-weight:bold;
}
.rec .section-box .box-inner .job-list2 dl dt{
	width:100%;
}
.rec .section-box .box-inner .job-list2 dl dt:before{
	content:"■ 雇用形態：\A";
  white-space: pre;
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(2){
	width:100%;
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(2):before{
	content:"■ 仕事内容：\A";
  white-space: pre;
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(3){
	width:100%;
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(3):before{
	content:"■ 勤務地／募集要項：";
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(3) li{
	display:inline-block;
	margin-bottom:0.5em;
	margin-right:0.5em;
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(3) a{
	display:inline-block;
	text-decoration:none;
	padding:0.25em 0.5em;
	background-color:#06c;
	color:#fff;
	border-radius:0.25em;
}
.rec .section-box .box-inner .job-list2 dl dd:nth-child(3) a:hover{
	background-color:#09f;
	transition:0.5s;
}

@media print, screen and (min-width: 641px) {
	.rec .section-box .box-inner .job-list2{
		margin-bottom:5em;
	}
	.rec .section-box .box-inner .job-list2 dl{
		width:100%;
		display:flex;
		border-bottom:1px solid #ccc;
		flex-direction:row;
		background-color:#fff;
		transition:0.5s;
	}
	.rec .section-box .box-inner .job-list2 dl:first-child{
		display:flex;
	}
	.rec .section-box .box-inner .job-list2 dl > *{
		padding:1em;
		box-sizing:border-box;
	}
	.rec .section-box .box-inner .job-list2 dl dt{
		width:20%;
	}
	.rec .section-box .box-inner .job-list2 dl dd:nth-child(2){
		width:50%;
	}
	.rec .section-box .box-inner .job-list2 dl dd:nth-child(3){
		width:30%;
		text-align:left;
	}
	.rec .section-box .box-inner .job-list2 dl dt:before{
		content:"";
	}
	.rec .section-box .box-inner .job-list2 dl dd:nth-child(2):before{
		content:"";
	}
	.rec .section-box .box-inner .job-list2 dl dd:nth-child(3):before{
		content:"";
	}
}
@media print, screen and (min-width: 801px) {
}
@media print, screen and (min-width: 1080px) {
}
/*--中途採用比率　（一覧ページ）-------------------------*/


.rec .section-box .box-inner .career-ratio p{
	text-align:right;
}
.rec .section-box .box-inner .career-ratio{
	margin-bottom:5em;
}
.rec .section-box .box-inner .career-ratio dl{
	width:100%;
	display:flex;
	flex-direction:column;
	background-color:#fff;
	transition:0.5s;
}
.rec .section-box .box-inner .career-ratio dl:first-child{
	display:none;
}
.rec .section-box .box-inner .career-ratio dl > *{
	padding:0.25em;
	box-sizing:border-box;
}
.rec .section-box .box-inner .career-ratio dl dt{
	width:100%;
	box-sizing:border-box;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:1.25em;
}
.rec .section-box .box-inner .career-ratio dl dd{
	box-sizing:border-box;
}
.rec .section-box .box-inner .career-ratio dl dd span:after{
	content:' … ';
}

@media print, screen and (min-width: 641px) {
	.rec .section-box .box-inner .career-ratio{
		margin-bottom:5em;
	}
	.rec .section-box .box-inner .career-ratio dl{
		width:100%;
		display:flex;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:none;
		border-bottom:none;
		flex-direction:row;
		background-color:#fff;
		transition:0.5s;
	}
	.rec .section-box .box-inner .career-ratio dl:first-child{
		display:flex;
	}
	.rec .section-box .box-inner .career-ratio dl > *{
		padding:0;
		box-sizing:border-box;
	}
	.rec .section-box .box-inner .career-ratio dl dt{
		width:30%;
		padding:1.5em 0.5em 0 ;
		margin-bottom:0;
		border-top:none;
		border-left:none;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-align:center;
		background-color:#eff;
	}
	.rec .section-box .box-inner .career-ratio dl dd{
		width:23.3%;
		padding-bottom:0.5em;
		border-top:none;
		border-left:none;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-align:center;
	}
	.rec .section-box .box-inner .career-ratio dl dd span{
		display:block;
		padding:0.5em;
		margin-bottom:0.5em;
		border-bottom:1px solid #ccc;
		font-weight:bold;
	}
	.rec .section-box .box-inner .career-ratio dl dd span:after{
		content:none;
	}
}
@media print, screen and (min-width: 801px) {
}
@media print, screen and (min-width: 1080px) {
}





/*--中途採用　募集要項詳細-------------------------*/
.rec.jobdetails .section-box .app_btn{
	margin:5em auto 0;
	text-align:center;
}
.rec.jobdetails .section-box .app_btn a{
	display:inline-block;
	padding:1em 2em;
	background-color:#f60;
	font-size:1.25em;
	color:#fff;
	font-weight:bold;
	border-radius:0.5em;
	transition:0.3s;
}
.rec.jobdetails .section-box .app_btn a:hover{
	background-color:#fc3;
	font-weight:bold;
	transition:0.3s;
	text-decoration:none;
}
.rec.jobdetails .section-box .back_btn{
	margin:5em auto 0;
	text-align:center;
}
.rec.jobdetails .section-box .back_btn a{
	display:inline-block;
	padding:1em 2em;
	background-color:#06c;
	font-size:1.25em;
	color:#fff;
	font-weight:bold;
	border-radius:0.5em;
	transition:0.3s;
}
.rec.jobdetails .section-box .back_btn a:hover{
	background-color:#f60;
	font-weight:bold;
	transition:0.3s;
	text-decoration:none;
}
@media print, screen and (min-width: 641px) {
}
@media print, screen and (min-width: 801px) {
}
@media print, screen and (min-width: 1080px) {
}


/*--応募フォーム（お問い合わせ上書き）-------------------------*/
.rec .inq-table .text-wrap-wide {
  display: block;
  margin-right: 5px;
}
.rec .inq-table .job-career-box{
	padding:1em 0 2em;
	border-bottom:1px solid #ccc;
}
.rec .inq-table .job-career-box:last-child{
	border-bottom:none;
}
.rec .inq-table .job-career-box > div{
	margin-bottom:1em;
}
.rec .inq-table .cmn-flx dd .name-wrap {
  margin-right: 20px;
  width: auto;
}
.rec .inq-table input,
.rec .inq-table textarea,
.rec .inq-table select {
	padding:0.5em;
	box-sizing:border-box;
	margin-bottom:0.25em;
}
.rec .inq-table .cmn-flx dt {
  font-size: 1.6rem;
  border-bottom: 1px solid #ccc;
  background-color: #f6f6f6;
  padding: 5px 20px;
  box-sizing: border-box;
}
.rec .inq-table dd .job-career-box br.sp {
	display:inline;
}

@media print, screen and (min-width: 641px) {
}
@media print, screen and (min-width: 801px) {
	.rec .inq-table dd .job-career-box br.sp {
		display:none;
	}
}

/*--社長メッセージ、求める人材像の署名部分-------------------------*/
.rec .rec-txt {
  float: right;
  margin-top: 25px;
  width: 180px;
}
@media print, screen and (min-width: 641px) {
  .rec .rec-txt {
    margin-top: 60px;
    width: 340px;
  }
}

/*--事業紹介-------------------------*/
.rec .rec-dep-list .cmn-flx + .cmn-flx {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ccc;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-dep-list .cmn-flx + .cmn-flx {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #ccc;
  }
}

/*--わかる「クリハラント」-------------------------*/
.rec .rec-abt-list h3.bg-green {
  margin-bottom: 0;
}

.rec .rec-abt-list .gray-box {
  background-color: #f5f5f5;
  padding: 20px 15px;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-abt-list .gray-box {
    padding: 50px 70px;
  }
  .rec .rec-abt-list .gray-box h3.line-gray {
    font-size: 2.2rem;
  }
}

/*--先輩社員の声-------------------------*/
.rec .rec-voice-box h3.bg-green {
  font-size: 1.9rem;
}

.rec .rec-voice-box .text-area .name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.rec .rec-voice-box .text-area .name span {
  display: block;
  font-size: 1.4rem;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-voice-box h3.bg-green {
    font-size: 2.5rem;
    padding: 20px 35px;
  }
  .rec .rec-voice-box .text-area .name {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .rec .rec-voice-box .text-area .name span {
    font-size: 1.6rem;
  }
}

/*--福利厚生-------------------------*/
.rec .rec-bnf-list {
  padding: 40px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.rec .rec-bnf-list .cmn-flx + .cmn-flx {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ccc;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-bnf-list {
    padding: 50px 0;
  }
  .rec .rec-bnf-list .cmn-flx + .cmn-flx {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #ccc;
  }
}

/*--募集要項-------------------------*/
.rec .rec-tbl-box {
  border-top: 1px solid #ccc;
}

.rec .rec-tbl-box dl {
  border-bottom: 1px solid #ccc;
}

.rec .rec-tbl-box dt, .rec .rec-tbl-box dd, .rec .rec-tbl-box dd p, .rec .rec-tbl-box dd li {
  font-size: 1.4rem;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
}

.rec .rec-tbl-box dt {
  background-color: #eee;
  padding: 8px 15px;
  border-bottom: 1px solid #ccc;
}

.rec .rec-tbl-box dd {
  padding: 10px 15px;
}

.rec .rec-tbl-box dd .tbl-list {
  margin-bottom: 5px;
}

.rec .rec-tbl-box dd .tbl-list li {
  text-indent: -1em;
  padding-left: 1em;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-tbl-box dl {
    display: -webkit-box;
    display: flex;
  }
  .rec .rec-tbl-box dt, .rec .rec-tbl-box dd, .rec .rec-tbl-box dd p, .rec .rec-tbl-box dd li {
    font-size: 1.6rem;
  }
  .rec .rec-tbl-box dt, .rec .rec-tbl-box dd {
    padding: 25px 20px;
  }
  .rec .rec-tbl-box dt {
    background: none;
    border-bottom: none;
    width: 20%;
  }
  .rec .rec-tbl-box dd {
    width: 80%;
  }
}

/*--選考プロセス・スケジュール-------------------------*/
.rec .cmn-flx.w87 {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.rec .cmn-flx.w87 .flx-img {
  margin-bottom: 15px;
  text-align: center;
}

.rec .cmn-flx.w87 a {
  display: inline-block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.rec .cmn-flx.w87 a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.rec .rec-process-list .cmn-flx .process-no {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background-color: #004097;
  border-top: 5px solid #ccc;
  padding: 25px 30px;
  width: 100%;
}

.rec .rec-process-list .cmn-flx .process-no span {
  font-size: 2.8rem;
  vertical-align: middle;
  margin-right: 8px;
}

.rec .rec-process-list .cmn-flx .process-no.no01 {
  background-color: #0682dc;
}

.rec .rec-process-list .cmn-flx .process-no.no01:after {
  border-top-color: #0682dc;
}

.rec .rec-process-list .cmn-flx .process-no.no02 {
  background-color: #0671d3;
}

.rec .rec-process-list .cmn-flx .process-no.no02:after {
  border-top-color: #0671d3;
}

.rec .rec-process-list .cmn-flx .process-no.no03 {
  background-color: #0955c3;
}

.rec .rec-process-list .cmn-flx .process-no.no03:after {
  border-top-color: #0955c3;
}

.rec .rec-process-list .cmn-flx .process-no.no04 {
  background-color: #0b37b2;
}

.rec .rec-process-list .cmn-flx .process-no.no04:after {
  border-top-color: #0b37b2;
}

.rec .rec-process-list .cmn-flx .process-no.no05 {
  background-color: #0e199e;
}

.rec .rec-process-list .cmn-flx .text-area {
  margin-top: 25px;
}

.rec .rec-process-list .cmn-flx + .cmn-flx {
  margin-top: 30px;
}

@media print, screen and (min-width: 641px) {
  .rec .cmn-flx.w87 {
    width: 60%;
  }
  .rec .cmn-flx.w87 .flx-img {
    margin-bottom: 0;
    width: calc(100% / 2);
  }
  .rec .rec-process-list .cmn-flx .process-no {
    font-size: 2rem;
    line-height: 1.1;
    width: 250px;
    padding: 28px 20px 22px;
    margin-bottom: 30px;
    box-sizing: border-box;
    position: relative;
  }
  .rec .rec-process-list .cmn-flx .process-no:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-top: 28px solid #004097;
    border-left: 125px solid #fff;
    border-right: 125px solid #fff;
  }
  .rec .rec-process-list .cmn-flx .process-no.no05 {
    margin-bottom: 0;
    height: 120px;
  }
  .rec .rec-process-list .cmn-flx .process-no.no05:after {
    content: none;
  }
  .rec .rec-process-list .cmn-flx .process-no span {
    font-size: 4rem;
    line-height: 1;
    margin-right: 20px;
  }
  .rec .rec-process-list .cmn-flx .text-area {
    font-size: 1.6rem;
    padding-left: 40px;
    margin-top: 0;
    width: calc(100% - 290px);
  }
  .rec .rec-process-list .cmn-flx + .cmn-flx {
    margin-top: 25px;
  }
}

@media print, screen and (min-width: 801px) {
  .rec .rec-process-list .cmn-flx .process-no {
    width: 350px;
  }
  .rec .rec-process-list .cmn-flx .process-no:after {
    border-left-width: 175px;
    border-right-width: 175px;
  }
  .rec .rec-process-list .cmn-flx .text-area {
    width: calc(100% - 390px);
  }
}

/*--エントリーについて-------------------------*/
.rec .rec-entry-pp {
	width: calc(100% - 2rem);
	list-style: decimal outside;
	margin-left:2rem;
}
.rec .rec-entry-pp>li:nth-child(n+2) {
	margin-top:20px;
}

/*--採用Q&A-------------------------*/
.rec .rec-faq-list .faq__q {
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  background-color: #e6e6e6;
  padding: 10px 10px 10px 35px;
  margin-bottom: 20px;
  position: relative;
}

.rec .rec-faq-list .faq__q span {
  color: #004097;
  position: absolute;
  left: 10px;
}

.rec .rec-faq-list .faq__a {
  padding-left: 35px;
  margin-bottom: 40px;
  position: relative;
}

.rec .rec-faq-list .faq__a span {
  color: #0d9d4e;
  font-weight: bold;
  position: absolute;
  left: 10px;
}

@media print, screen and (min-width: 641px) {
  .rec .rec-faq-list .faq__q {
    font-size: 2.4rem;
    padding: 15px 50px;
    margin-bottom: 30px;
  }
  .rec .rec-faq-list .faq__q span {
    left: 20px;
  }
  .rec .rec-faq-list .faq__a {
    padding-left: 50px;
    margin-bottom: 50px;
  }
  .rec .rec-faq-list .faq__a span {
	  font-size: 2.4rem;
    left: 20px;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//採用情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ニュース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.new .new-news-box .item-ttl {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  width: 100%;
}

.new .new-news-box .item-ttl .btn {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background: #0d9d4e;
  padding: 10px 0;
  position: relative;
  width: 150px;
  box-sizing: border-box;
}

.new .new-news-box .item-ttl .btn:after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 1.8rem;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.new .new-news-box .item-cont {
  margin-top: 10px;
  width: 100%;
}

.new .new-news-box .item-cont .new-news-list {
  border-top: 1px solid #ccc;
}

.new .new-news-box .item-cont .new-news-list dl {
  padding: 7px 0 12px;
  border-bottom: 1px solid #ccc;
}

.new .new-news-box .item-cont .new-news-list dt, .new .new-news-box .item-cont .new-news-list dd {
  font-size: 1.4rem;
  line-height: 1.6;
}

.new .new-news-box .item-cont .new-news-list dt {
  display: block;
  margin-top: 5px;
}

.new .new-news-box .item-cont .new-news-list dt .date {
  font-size: 1.6rem;
  margin-right: 20px;
  width: 150px;
}

.new .new-news-box .item-cont .new-news-list dt .info, .new .new-news-box .item-cont .new-news-list dt .news, .new .new-news-box .item-cont .new-news-list dt .attention {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  display: inline-block;
  width: 100px;
}

.new .new-news-box .item-cont .new-news-list dt .info {
  background-color: #0d9d4e;
}

.new .new-news-box .item-cont .new-news-list dt .news {
  background-color: #004097;
}
.new .new-news-box .item-cont .new-news-list dt .attention{
  background-color: #fd0;
  color:#333;
}
.new .new-news-box .item-cont .new-news-list dd {
  font-size: 1.6rem;
  display: block;
  margin-top: 5px;
}

.new .new-news-box .item-cont .new-news-list dd a {
	color:#000;
}

.new .new-news-box .item-cont .new-news-list dd em {
  color: #f00;
  padding-left: 10px;
}

@media print, screen and (min-width: 641px) {
  .new .new-news-box .item-ttl {
    padding-right: 5%;
    position: relative;
    width: 25%;
    min-height: 180px;
  }
  .new .new-news-box .item-ttl .btn {
    font-size: 1.6rem;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
  }
  .new .new-news-box .item-ttl .btn:after {
    font-size: 2.2rem;
    right: 10px;
  }
  .new .new-news-box .item-cont {
    margin-top: 0;
  }
  .new .new-news-box .item-cont .new-news-list dl {
    display: -webkit-box;
    display: flex;
  }
  .new .new-news-box .item-cont .new-news-list dt {
    white-space: nowrap;
  }
  .new .new-news-box .item-cont .new-news-list dt .info, .new .new-news-box .item-cont .new-news-list dt .news, .new .new-news-box .item-cont .new-news-list dt .attention {
    margin-right: 20px;
    font-size: 1.6rem;
  }
}

@media print, screen and (min-width: 801px) {
  .new .new-news-box .item-ttl {
/*    padding-right: 5%;*/
  }
  .new .new-news-box .item-ttl .btn {
    font-size: 1.6rem;
  }
  .new .new-news-box .item-ttl .btn:after {
    font-size: 2.6rem;
    right: 15px;
  }
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝//ニュース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.fancybox-outer {
    padding: 0 0 15px !important;
}

.fancybox-title-float-wrap {
    bottom: 0 !important;
	margin-bottom: 0 !important;
}

.fancybox-title-float-wrap .child {
    background: none !important;
    text-shadow: none !important;
    color: #000 !important;
	font-size:1.6rem !important;
}