@charset "UTF-8";

/*====================================================
////id no_head
====================================================*/
.no_head .noBox {
  line-height: 1;
  padding-left: 20px;
  position: relative;
}
.no_head .en {
  margin: auto;
  position: absolute;
    top: -50px;
    left: -1.8em;
    bottom: -50px;
}
.no_head .en span {
  display: block;
  padding-left: .3em;
  text-align: center;
  transform: rotate(90deg);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
  .no_head .en {
    font-size: 1.3rem;
  }
  .no_head .no {
    font-size: 6.5rem;
  }
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
  .no_head .en {
    font-size: 1.4rem;
  }
  .no_head .no {
    font-size: 7.0rem;
  }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
  .no_head .no {
    font-size: 8.0rem;
  }
}

/*====================================================
////id .serviceBox
====================================================*/
.serviceBox .item {
  grid-gap: 30px 40px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
////id service
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
  #service_1 .item .imgBox ,
  #service_4 .item .imgBox {
    margin: auto;
    max-width: 500px;
  }
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
  #service_1 .item {
    grid-template-columns: 1fr 360px;
  }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
  #service_1 .item {
    grid-template-columns: 1fr 35%;
  }
}

@media screen and (min-width:1280px) {
}


/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}