/* #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; } }

/* #lnav
================================================ */
#lnav .list { min-width: 600px; }

@media all and (min-width: 600px) { #lnav { /* .inner{ padding-top: 44px; } */ } }

/*  装飾
================================================== */

.partwrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 4%;
}

.grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  margin-top: 5%;
  margin-bottom: 5%;
  text-align:center;
}
.grid img{
  margin-bottom: 5%;
}

@media all and (min-width: 600px) { 
.grid {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 5%;
  margin-top: 5%;
  text-align:center;
}
 }



.partitem {line-height: 1.5; }
.partitem a { color: #0171b8; }
.partitem a[target="_blank"] { position: relative; }
.partitem a[target="_blank"]:before {
 content: ""; display: block; position: absolute; bottom: 4px; right: -20px;
 width: 13px; height: 9px; margin-top: -4px;
 background: url(../img/common/ico_blank01_blue.png) no-repeat center; background-size: 100%; }


@media all and (min-width: 600px) { 
.partitem a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.partitem a[target="_blank"]:before { right: -15px; bottom: 5px; }
.partitem a:hover { text-decoration: none; }
}



/*  #product
================================================== */

#product { padding-top: 90px; margin-top: -90px;}
#product .inner { padding-bottom: 30px; }

@media all and (min-width: 600px) {
  #product { margin-top: -30px; }
  #product .inner { padding-top: 40px; padding-bottom: 40px; }
}



/*  #agency
================================================== */

#agency { padding-top: 90px; margin-top: -90px; }
#agency .inner { padding-bottom: 30px; }

@media all and (min-width: 600px) {
  #agency { margin-top: -30px; }
  #agency .inner { padding-top: 40px; padding-bottom: 40px; }
}



/*  #part
================================================== */

#part { padding-top: 90px; margin-top: -90px; }
#part .inner { padding-bottom: 30px; }

@media all and (min-width: 600px) {
  #part { margin-top: -30px; }
  #part .inner { padding-top: 40px; padding-bottom: 40px; }
}