/*!
 * rev. 2022-03-01
 * copyright ? 2022
 * 
 */
@media only screen and (max-width: 980px) {
  .n_sp_none {
    display: none!important;
  }
}

@media only screen and (min-width: 981px) {
  .n_pc_none {
    display: none!important;
  }
}





/*-----------  n_service2024_mv  ------------ */

.n_service2024_mv {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
}

.n_service2024_mv .n_service2024_txt{
  position: absolute;
  left: 10%;
  top: 40%;
  width: 40%;
  z-index: 100;
}


.n_service2024_mv .n_slider_block .n_slider_element {
  max-height: 720px;
}
.n_service2024_mv .n_slider_block .n_slider_element img {
  object-fit: cover;
}

@media only screen and (max-width: 980px) {
  .n_service2024_mv .n_slider_block {

  }
}


.n_service2024_mv .n_slider_block .slick-prev {
  left: 40px !important;

}
.n_service2024_mv .n_slider_block .slick-next {
  right: 40px !important;

}


@media only screen and (max-width: 980px) {
  .n_service2024_mv .n_slider_block .slick-prev {
    left: 20px !important;
  
  }
  .n_service2024_mv .n_slider_block .slick-next {
    right: 20px !important;
  
  }

}






/*-----------  n_service2024_lead  ------------ */

.n_service2024_lead {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  background: #0073BC;
  color: #FFF;
}


.n_service2024_lead .n_lead_inner{
  max-width:960px ;
  margin: 0 auto;
  padding: 60px 0;
}
@media only screen and (max-width: 980px) {
  .n_service2024_lead .n_lead_inner{
    padding: 20px;
  }
}

.n_service2024_lead .n_lead_txtimg{
  max-width: 1600px;
  margin: 0 auto;
}



.n_service2024_lead .n_lead_inner h2{
  font-size: 200%;
}
@media only screen and (max-width: 980px) {
  .n_service2024_lead .n_lead_inner h2{
    font-size: 120%;
  }
}


.n_service2024_lead .n_lead_inner p{
  font-size: 180%;
  text-align: center;
  line-height: 2;
}
@media only screen and (max-width: 980px) {
  .n_service2024_lead .n_lead_inner p{
    font-size: 80%;
    text-align: left;
  }
  .n_service2024_lead .n_lead_inner p br{
    display: none;
  }
}


/*-----------  n_service2024_pickup  ------------ */



.n_service2024_pickup {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  background: #F5F5F5;
  padding: 60px 0;

}

@media only screen and (max-width: 980px) {
  .n_service2024_pickup {
    display: block;
    padding: 40px 0;
  }
}


.n_service2024_pickup .n_pickup_inner{
  max-width:1000px ;
  margin: 0 auto;
  display: flex;
  overflow: hidden; 
}

@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_pickup_inner{
    display: block;
    padding: 40px 0;
  }
}


.n_service2024_pickup .n_service2024_left{
  width: 25%;
  min-width: 340px;
  padding: 0 60px 0 0;
}

@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_service2024_left{
    width: 100%;
    min-width:auto;
    padding: 0;
  }
}

.n_service2024_pickup .n_service2024_left .n_service2024_enttl {
  text-align: left;
  padding-top: 120px;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_service2024_left .n_service2024_enttl {
    text-align: center;
    padding-top: 0px;
    width: 36%;
    margin: 0 auto;
  }
}
.n_service2024_pickup .n_service2024_left .n_service2024_ttltxt {
  color: #0073BC;
  margin-bottom: 40px;
}

@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_service2024_left .n_service2024_ttltxt {
    text-align: center;
    margin-bottom: 20px;
    font-size: 80%;
  }
}

.n_pickup_taglist {
  list-style: none;
}
.n_pickup_taglist a{
  list-style: none;
}

.n_service2024_pickup .n_service2024_right{
  width: 75%;
  position: initial !important;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_service2024_right{
    width: 100%;
  }
}

.n_service2024_pickup .n_service2024_right .n_slider_block_pickup{
  margin-bottom: 0 !important;
}

.n_service2024_pickup .n_slider_block .slick-slide {
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_slider_block .slick-slide {
    padding: 20px 10px;
  }
}

.n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listcate {
  position: absolute;
  right: 30px;
  top: 20px;
  transform: translate(0, -50% );
  height: 25px;
  width: auto;
}

@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listcate {
    right: 20px;
    top: 20px;
    height: 16px;
  }
}


.n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listcate img {
  width: auto;
  height: 100%;
}

.n_service2024_pickup .n_slider_block .n_slider_image {
  border-radius: 10px;
  overflow: hidden;

}

.n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listttl {
  font-size: 110%;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listttl {
    font-size: 90%;
  }
}


.n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listtxt {
  font-size: 80%;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup .n_slider_block .slick-slide .n_service2024_pickup_listtxt {
    font-size: 60%;
  }
}




.n_slider_block_pickup .slick-arrow.slick-prev {
  position: absolute !important;
  left: 80px !important;
  right:auto !important;
  top: auto !important;
  bottom: 100px !important;
}

@media only screen and (max-width: 980px) {
  .n_slider_block_pickup .slick-arrow.slick-prev {
    display: none !important;
  }
}

.n_slider_block_pickup .slick-arrow.slick-next {
  position: absolute !important;
  left: 330px !important;
  right:auto !important;
  top: auto !important;
  bottom: 100px !important;
}

@media only screen and (max-width: 980px) {
  .n_slider_block_pickup .slick-arrow.slick-next {
    display: none !important;
  }
}

.n_slider_block_pickup .slick-dots {
  position: absolute !important;
  left: 130px !important;
  right:auto !important;
  top: auto !important;
  bottom: 130px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.n_slider_block_pickup .slick-dots li {
  margin: 0 4px !important;
}
.n_slider_block_pickup .slick-dots li button{
  height: 10px !important;
  width: 10px !important;
}

@media only screen and (max-width: 980px) {
  .n_slider_block_pickup .slick-dots {
    display: none !important;
  }
}




/*-----------  solution business  ------------ */



.n_service2024_enttl {
  text-align: center;
  padding: 80px 0 0;
}

.n_service2024_solution_ttl {
  text-align: center;
  position: relative;
  padding: 40px 0;
}

.n_service2024_solution_ttl:before {
  content: "";
  background: #0073BC;
  display: block;
  width: 60px;
  height: 3px;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 0;
}

.n_service2024_solution_ttl h3 {
  font-size: 150%;
  color: #0073BC;
  font-weight: bold;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_ttl h3 {
    font-size: 120%;
    line-height: 1.2;
  }
}

.n_service2024_solution_ttl p {
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_ttl p {
    font-size: 80%;
  }
}



/*-----------  ¥¢¥³©`¥Ç¥£¥ª¥ó  ------------*/


.n_accordion {
  background: #d9eef8;
  padding-bottom: 1px;
  margin: 0 0 10px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  background: #0073BC !important;
}

.n_accordion_ttl::before {
  display: none !important;
}
.n_accordion_ttl::after {
  display: none !important;
}

.n_accordion_ttl span::before {
  background: #FFF !important;
  width: 20px;
}
.n_accordion_ttl span::after {
  background: #FFF !important;
  width: 20px;
}

.n_accordion_ttl {
  color: #FFF !important;
}

.n_accordion_content {
  padding: 40px !important;
}
@media only screen and (max-width: 980px) {
  .n_accordion_content {
    padding: 20px !important;
  }
  .n_accordion_content p {
    font-size: 80%;
  }
}


/*--  ¥¢¥³©`¥Ç¥£¥ª¥ó ¥³¥ó¥Æ¥ó¥Ä  --*/

/* n_step_list */
.n_step_list {
  display: flex;
  list-style: none;
  justify-content: space-around;
  margin-top: 80px !important;
  padding: 0 !important;
}
@media only screen and (max-width: 980px) {
  .n_step_list {
    display: block;
    padding: 0 !important;
    margin-top: 40px !important;
  }
}

.n_step_list li{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 29%;
  margin: 2%;
  position: relative;
  background: #F5FAFE;
  border-radius: 10px;
  padding: 40px 1em 1em;

}
@media only screen and (max-width: 980px) {
  .n_step_list li{
    width: 100% !important;
    margin: 40px auto 60px !important;
    box-sizing: border-box !important;
    padding: 20px 1em 1em !important;
  }
}

.n_step_list li:after {
  content: "";
  width: 1em;
  height: 1em;
  border-top: 2px solid #0a7cb7;
  border-right: 2px solid #0a7cb7;
  -webkit-transform:rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: -9%;
  top: 30px;
  bottom: 0;
  margin: auto;
  -webkit-transition: .5s;
  transition: .5s;
}

@media only screen and (max-width: 980px) {
  .n_step_list li:after {
    border-top: 2px solid #0a7cb7;
    border-right: 2px solid #0a7cb7;
    -webkit-transform:translateX(10px)rotate(135deg);
    transform: translateX(10px)rotate(135deg);
    left: auto;
    right: 50%;
    margin-left: 10px !important;
    top: 100%;
    bottom: auto;
  }
  
}
.n_step_list li:last-child::after {
  display: none;
}


.n_step_list li .n_step_icon{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
}

@media only screen and (max-width: 980px) {
  .n_step_list li .n_step_icon{
    width: 50px;
    height: 50px;
  }
  
}

.n_step_list li h4{
  margin: 1em 0;
}

.n_step_list li p{
  font-size: 80%;
}




/* n_col3_list */

.n_col3_list {
  display: flex;
  list-style: none;
  justify-content: center;
  padding: 0 !important;
}
@media only screen and (max-width: 980px) {
  .n_col3_list {
    display: block;
    padding: 0 !important;
  }
}
.n_col3_list li {
  width: 30%;
  margin: 1.5%;
}
@media only screen and (max-width: 980px) {
  .n_col3_list li {
    width: 100%;
    margin: 15px auto !important;
  }
}

.n_col3_list li a,
.n_col3_list li span {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none !important;
}

.n_col3_list li a .n_list_pic,
.n_col3_list li span .n_list_pic {
  display: block;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.n_col3_list li a .n_list_pic img,
.n_col3_list li span .n_list_pic img {
  display: block;
}

.n_col3_list li a .n_list_txt,
.n_col3_list li span .n_list_txt {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  border: 1px solid #DBDBDB;
  border-top: none;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
  position: relative;
  color: #008BCD !important;
}
@media only screen and (max-width: 980px) {
  .n_col3_list li a .n_list_txt,
  .n_col3_list li span .n_list_txt {
    font-size: 90%;
    padding: 10px 0 20px !important
  }
}

.n_col3_list li a .n_list_txt:after {
  content: "";
  width: 1.25em;
  height: 1.25em;
  border:none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  background: url(/library/2021/images/common/icon/icon_list_blue.svg) no-repeat center center;
  background-size: contain;
  right: 1em;
  bottom: 1em;
  margin: auto;
  -webkit-transition: .5s;
  transition: .5s;
}

@media only screen and (max-width: 980px) {
  .n_col3_list li a .n_list_txt:after {
    right: .5em;
    bottom: .5em;
  }
}

/*-----------  ¥¿¥Ö  ------------*/


/*--  n_tab_links_service  --*/


.n_tab_links_service {
  margin-bottom: 30px;
}
@media only screen and (max-width: 980px) {
  .n_tab_links_service {
    width: 100%;
    overflow-y: hidden!important;
    overflow: scroll;
  }
}


.n_tab_links_service .n_tab_links_service_list {
  width: calc(100% + 12px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0;
  margin: 0 -6px;
  position: relative;
  justify-content: center !important;
  margin-bottom: 60px !important;
}
@media only screen and (max-width: 980px) {
  .n_tab_links_service .n_tab_links_service_list {
    margin:0 0 20px !important;
    padding: 0 !important;
    min-width: 420px;
    width: calc(100% + 12px);

  }
}

@media only screen and (max-width: 980px) {
  .n_tab_links_service.n_tab_noscroll {
    overflow: visible;
  }
  .n_tab_links_service.n_tab_noscroll .n_tab_links_service_list {
    min-width: auto;
    width: calc(100% + 12px);
  }
}






.n_tab_links_service .n_tab_links_service_list li {
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 200px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  overflow: hidden;
  margin: 0 6px;
  
}
@media only screen and (max-width: 980px) {
  .n_tab_links_service .n_tab_links_service_list li {
    height: auto!important;
    width: 140px !important;
  }
}
















.n_tab_links_service .n_tab_links_service_list a,
.n_tab_links_service .n_tab_links_service_list a:link,
.n_tab_links_service .n_tab_links_service_list a:visited,
.n_tab_links_service .n_tab_links_service_list button {
  cursor: pointer;
  line-height: 1;
  padding: 0;
  font-size: 81.25%;
  line-height: 1.4;
  width: 100%;
  height: 100%;
  background-color: #d9eef8;
  min-height: 55px;
  font-weight: 700;
  vertical-align: middle;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: 0;
  border: 0;
  position: relative;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  border-radius: 50px !important;
  background: #F5F5F5 !important;
  font-size: 100%;
  line-height: 1;
}


@media only screen and (max-width: 980px) {
  .n_tab_links_service .n_tab_links_service_list a,
  .n_tab_links_service .n_tab_links_service_list a:link,
  .n_tab_links_service .n_tab_links_service_list a:visited,
  .n_tab_links_service .n_tab_links_service_list button {
    min-height: 32px;
    font-weight: 700;
  }
}


.n_tab_links_service .n_tab_links_service_list a:link>span,
.n_tab_links_service .n_tab_links_service_list a:visited>span,
.n_tab_links_service .n_tab_links_service_list a>span,
.n_tab_links_service .n_tab_links_service_list button>span {
  display: block;
  width: 100%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px 7px 2px;

  -webkit-transform: none;
          transform: none;

}

@media only screen and (max-width: 980px) {
  .n_tab_links_service .n_tab_links_service_list a:link>span,
  .n_tab_links_service .n_tab_links_service_list a:visited>span,
  .n_tab_links_service .n_tab_links_service_list a>span,.n_tab_links_service .n_tab_links_service_list button>span {
    padding: 0px 7px 0px;
    font-size: 80%;
  }

}

.n_tab_links_service .n_tab_links_service_list a.active,
.n_tab_links_service .n_tab_links_service_list a:link.active,
.n_tab_links_service .n_tab_links_service_list a:visited.active,
.n_tab_links_service .n_tab_links_service_list button.active {
  background: #0073BC !important;
  color: #FFF !important;
}







/*--  n_tab_block_content  --*/

.n_tab_block_content {
  margin-top: -10px;
}
@media only screen and (max-width: 980px) {
  .n_tab_block_content {
    margin-top: -20px;
  }
}

.n_tab_block_content .n_tab_content {
  display: none;
}

.n_tab_block_content .n_tab_content#tab-service01 {
  display: block;
}
.n_tab_block_content .n_tab_content#tab-service04 {
  display: block;
}





/*-----------  ¥Ë©`¥ºš° ¥½¥ê¥å©`¥·¥ç¥ó¥¿¥¤¥È¥ë  ------------ */

.n_service2024_solution_needs {
  position: relative;
  padding: 80px 0;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_needs {
    padding: 40px 0;
  }
}
.n_service2024_solution_needs .n_service2024_solution_bg {
  position: absolute;
  left:50%;
  width: 200%;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_needs .n_service2024_solution_bg {
    left:0%;
    top: 11%;
    width: 90%;
  }
}




/*-----------  ¥Ä©`¥ëš° ¥½¥ê¥å©`¥·¥ç¥ó¥¿¥¤¥È¥ë  ------------ */


.n_service2024_solution_tool {
  position: relative;
  padding: 80px 0;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_tool {
    padding: 40px 0;
  }
}
.n_service2024_solution_tool .n_service2024_solution_bg {
  position: absolute;
  left:-20%;
  width: 200%;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_tool .n_service2024_solution_bg {
    left:0%;
    top: 7.5%;
    width: 80%;
  }
}



/*-----------  ˜I·Nš° ¥½¥ê¥å©`¥·¥ç¥ó¥¿¥¤¥È¥ë  ------------ */

.n_service2024_solution_industry {
  position: relative;
  padding: 80px 0;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_industry {
    padding: 40px 0;
  }
}
.n_service2024_solution_industry .n_service2024_solution_bg {
  position: absolute;
  left:50%;
  width: 200%;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_industry .n_service2024_solution_bg {
    left:0%;
    top: 7.5%;
    /* width: 150%; */
    width: 100%;
  }
}




/*-----------  ¥Ä©`¥ëš°˜I·Nš° ¥½¥ê¥å©`¥·¥ç¥ó¥¿¥Ö  ------------ */



.n_service2024_solution_tool .n_slider_element,
.n_service2024_solution_industry .n_slider_element {
  display: block;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  box-sizing: border-box;
}

.n_service2024_solution_tool .n_slider_element a,
.n_service2024_solution_industry .n_slider_element a {
  display: block;
  width: 100%;
}


.n_service2024_solution_tool .n_slider_image,
.n_service2024_solution_industry .n_slider_image {
  display: block;
  max-width: 560px;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (max-width: 980px) {
  .n_service2024_solution_tool .n_slider_image,
  .n_service2024_solution_industry .n_slider_image {
    border-radius: 10px;
  }
}

.n_service2024_pickup_listttl {
  color: #0073BC;
  font-size: 120%;
  display: block;
  margin: .5em 0;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup_listttl {
    font-size: 100%;
  }
}


.n_service2024_pickup_listtxt {
  color: #242520;
  font-size: 100%;
  display: block;
}
@media only screen and (max-width: 980px) {
  .n_service2024_pickup_listtxt {
    font-size: 70%;
  }
  
}