/* #mainImg
================================================ */
#mainImg { background: url("/img/company/bg_cv01_sp.png") no-repeat top center/cover; margin-top: 0; padding-top: 50px; }

#mainImg .inner { position: static; }

#mainImg .inner:before { display: none; }

@media all and (min-width: 600px) { #mainImg { background: url("/img/company/bg_cv01_pc.png") no-repeat top center/cover; margin-top: 95px; padding-top: 0; }
 #mainImg .inner:before { display: none; } }

/*  single
---------------------------------------- */
#single .inner { padding-top: 50px; padding-bottom: 25px; }

#single .return { margin-top: 40px; padding: 25px 0; background-color: #eeeeee; }

#single .return .btn { margin-top: 0; }

@media all and (min-width: 600px) { #single .inner { padding-top: 72px; }
  #single .return { margin-top: 80px; }
  #single .return .btn { max-width: 350px; } }



.ul_blank a[target]:after { 
content: ""; display: inline-block; width: 13px; height: 9px; margin-left: 8px; 
background: url("../img/common/ico_blank01_blue.png") no-repeat center/contain; }


/*  #about
================================================== */
#about .txt { margin-bottom: 15px; }

#about .list { margin-bottom: 15px; }

#about .list + .txt { margin-bottom: 20px; }

#about .list + .list { margin-top: -13px; }

#about .img_box { margin-bottom: 25px; }

#about .subTit + .list { margin-bottom: 25px; }

@media all and (min-width: 600px) { #about .txt { margin-bottom: 30px; }
  #about .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #about .listBox .list { width: 50%; }
  #about .listBox .list + .list { margin-top: 0; }
  #about .list { margin-bottom: 30px; }
  #about .list + .txt { margin-bottom: 40px; }
  #about .list + .list { margin-top: -13px; }
  #about .img_box { margin-bottom: 40px; }
  #about .subTit + .list { margin-bottom: 40px; }
  #about .subTit + .txt { margin-bottom: 20px; } }


/*  #feature
================================================== */
#feature .tit { margin-bottom: 13px; }

#feature .subTit { margin-bottom: 3px; }

#feature .txt { margin-bottom: 20px; }

#feature .txt span { font-weight: 500; }

#feature .img_box { margin-bottom: 30px; }

#feature .areaBtn { margin: 0 -18px 0; padding: 25px 45px; background: #f3f3f3; }

#feature .areaBtn .btn { margin-top: 0; }

#feature .areaBtn .btn + .btn { margin-top: 10px; }

#feature .areaBtn .btn a { height: auto; padding: 12px 0 14px; line-height: 1.4; }

@media all and (min-width: 600px) { #feature .tit { margin-bottom: 26px; }
  #feature .subTit { margin-bottom: 14px; }
  #feature .txt { margin-bottom: 20px; }
  #feature .txt span { font-weight: bold; }
  #feature .img_box { margin-bottom: 50px; }
  #feature .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 25px 94px; }
  #feature .areaBtn .btn { width: calc(50% - 30px); margin: 0; }
  #feature .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; }
  #feature .areaBtn .btn a { height: 85px; padding: 13px 0 14px; line-height: 1.6; text-align: center; }
  #feature .areaBtn .btn a:before { height: 85px; } }



/*  #realtime
================================================== */
#realtime .subTit { margin-bottom: 10px; }

#realtime .secRealtime { margin-bottom: 30px; }

#realtime .secRealtime:last-of-type { margin-bottom: 0; }

#realtime .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }

#realtime .areaBtn .btn { margin-top: 0; }

#realtime .areaBtn .btn + .btn { margin-top: 10px; }

#realtime .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

#realtime .secData .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

#realtime .secData .img_box { margin-top: 25px; margin-bottom: 25px; }

#realtime .secData .txt { margin-bottom: 20px; }

#realtime .secData .box + .box { margin-top: 25px; }

@media all and (min-width: 600px) { #realtime .secRealtime { margin-bottom: 40px; }
  #realtime .secRealtime .img_box { margin-bottom: 50px; }
  #realtime .secData { padding: 10px 0 34px; }
  #realtime .secData .copy { margin-bottom: 5px; font-size: 1.5rem; }
  #realtime .secData .txt { margin-bottom: 40px; }
  #realtime .secData .img_box { margin-bottom: 35px; }
  #realtime .secData .box .txt { margin-bottom: 0; }
  #realtime .secData .box + .box { margin-top: 25px; }
  #realtime .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 25px 253px; }
  #realtime .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #realtime .areaBtn .btn a { height: 105px; }
  #realtime .areaBtn .btn a:before { height: 105px; }
  #realtime .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; } }


/* 装飾
================================================== */
/*　 ↓ボタン
<div class="areaTxt mod_img_box03_area_txt marginbottom40">
<p style="padding-top: 10px; text-align:center; font-weight: bold; font-size: 110%;">
<a href="" title="" class="btn wakusen" style="padding:10px 30px;">カタログはこちら</a></p>
</div>
　*/
a.btn{
  display: inline-block;
  width: 240px;
  margin: 6px 0px 0px 20px;
  padding: 5px 5px 5px 15px;
  border: 1px solid #009BD3;
  background: rgba(255,255,255, 1);
  color: #009BD3;
  text-decoration: none;
  line-height: 1.5em;
  transition: .3s;
}

a.wakusen:hover {
  background: rgba(0,155,211, 0.5);
  color: rgba(255, 255, 255, 0.95);
  border: 1px solid #009BD3;
}


.mod_table01 th {  padding: 10px 20px; }



/*  .secCatalog
================================================== */
.secCatalog .inner { padding-top: 45px; }

.secCatalog .tit { margin-bottom: 26px; }

.secCatalog .img { margin-bottom: 26px; }

.secCatalog .table { margin-bottom: 0; }

.secCatalog .areaTxt { padding: 20px; }

.secCatalog .btn { margin-top: 0; }

.secCatalog .btn + .btn { margin-top: 10px; }

.secCatalog .btn + .btn a { padding: 8px 0 11px; }

.secCatalog .btn a { padding: 20px 0 17px; }

.secCatalog .btn .note { display: block; margin-top: 3px; font-size: 1.3rem; line-height: 1.5; font-weight: 400; }

 a.blank { position: relative; }
 a.blank:after { content: ""; display: block; position: absolute; bottom: 4px; right: -20px; width: 13px; height: 9px; margin-top: -40px; background: url(../img/common/ico_blank01_blue.png) no-repeat center; background-size: 100%;}

@media all and (min-width: 600px) { .secCatalog + .secCatalog .inner { padding-top: 92px; }
  .secCatalog .inner { padding-top: 68px; }
  .secCatalog .tit { margin-bottom: 37px; }
  .secCatalog .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .secCatalog .img { width: calc(34.6% - 15px); margin-bottom: 0; }
  .secCatalog .areaTable { width: calc(65.4% - 15px); }
  .secCatalog .areaTxt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 36px 0; }
  .secCatalog .areaTxt .btn { width: 350px; max-width: 350px; margin: 0; }
  .secCatalog .areaTxt .btn a { padding: 16px 0 13px; }
  .secCatalog .areaTxt .btn a:hover .note { color: #fff; }
  .secCatalog .areaTxt .btn a .note { position: relative; z-index: 1; }
  .secCatalog .areaTxt .btn + .btn { margin-top: 0; margin-left: 20px; }
 a.blank:after { bottom: 3px; }
  .secCatalog .areaTxt .btn .note { font-size: 1.5rem; } }

/*  #document
================================================== */
#document .inner { padding-bottom: 26px; }

#document .box { display: block; margin-bottom: 32px; }

#document .box-tit { padding: 10px; }

#document .secDocument + .secDocument { margin-top: 30px; }

#document .secDocument .subTit { margin-bottom: 9px; }

#document .secDocument .txt { margin-bottom: 22px; }

#document .secDocument .box { margin-bottom: 32px; }

#document .secDocument .table th .img { display: inline-block; margin-top: 5px; margin-bottom: 0; }

#document .secDocument .table th .img img { width: auto; height: 42px; }

#document .secDocument .table td { vertical-align: middle; }

#document .secDocument .table td .update { color: #016cb1; }

#document .txtLink { text-align: center;  margin-top: 15px;}

@media all and (min-width: 600px) { #document .inner { margin-bottom: 5px; }
  #document .box { margin-bottom: 39px; }
  #document .box-tit { padding: 17px 0; }
  #document .secDocument + .secDocument { margin-top: 42px; }
  #document .secDocument .subTit { margin-bottom: 17px; }
  #document .secDocument .txt { margin-bottom: 24px; }
  #document .secDocument .table th .img { display: block; }
  #document .secDocument .table th .img img { height: 56px; }
  #document .secDocument .areaBtn { margin-top: 45px; }
  #document .txtLink { width: 100%; margin-top: 20px; } }