@charset "UTF-8";
/*共通css*/
@media only screen and (min-width: 856px) and (max-width: 1150px) {
  .header_area1-2 {
    width: 100%;
  }
}
@media screen and (max-width: 1150px) {
  .header_global_logo {
    margin-top: 12px;
    position: absolute;
    top: 12px;
    right: 20px;
  }
}
@media only screen and (min-width: 856px) and (max-width: 1220px) {
  .en_header .header_area1-2 {
    width: 100%;
  }
}
@media screen and (max-width: 1220px) {
  .en_header .header_global_logo {
    margin-top: 12px;
    position: absolute;
    top: 12px;
    right: 20px;
  }
}
.sidebar_local-nav > h2, .b_page-title {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0052a3), color-stop(1.00, #0066cc));
  background: -webkit-linear-gradient(#0052a3, #0066cc);
  background: -moz-linear-gradient(#0052a3, #0066cc);
  background: -o-linear-gradient(#0052a3, #0066cc);
  background: -ms-linear-gradient(#0052a3, #0066cc);
  background: linear-gradient(#0052a3, #0066cc);
}
.top .b_page-title,
.top .b_topic-path,
.solution .b_page-title,
.snap .b_page-title,
.cruise .b_page-title,
.assist .b_page-title{
  display: none;
}
/*パンクズの＞を表示する*/
.b_topic-path span {
  font-size: 0.75rem;
}
.b_topic-path span {
  margin: 0 1.25em;
}
.m_hdg._A h2, .m_hdg._A h3, .m_hdg._A h4, .m_hdg._A h5, .m_hdg._A h6 {
  border-left: 4px solid #0066cc;
  background: #d1e3f7;
  color: #333;
}
.m_hdg._B h2, .m_hdg._B h3, .m_hdg._B h4, .m_hdg._B h5, .m_hdg._B h6 {
  border-left: 4px solid #0066cc;
  background: #f2f2f2;
}
.sidebar_local-nav .nav_list > li a:not([href]) {
  background-color: #d1e3f7;
}
.company_group_lede {
  background: -webkit-linear-gradient(left, #dce9f5, #4f7cb8);
  background: linear-gradient(to right, #dce9f5, #4f7cb8);
  background-color: #dce9f5;
}
.m_listpage_link > li {
  background: #e6e6e6;
}
#l_content.first {
  padding: 0 20px 40px !important;
}
.header_logo .logo {
  margin: 5px 15px 10px 0;
}
.l_product {
  background: #666666;
}
.l_product a {
  color: #fff;
  text-decoration: none;
}
.l_product a:link:hover {
  text-decoration: underline;
}
.l_product p {
  margin: auto;
  padding: 0.4em 20px;
  max-width: 1260px;
  font-size: 1.2rem;
  font-weight: bold;
}
.header_search_sp {
  margin-top: 12px;
}
.header_global-nav_sp .nav_button::after {
  -webkit-transform: scale(0.5) rotate(90deg);
  -ms-transform: scale(0.5) rotate(90deg);
  transform: scale(0.5) rotate(90deg);
}
.header_utility .company {
  margin-right: 1.25em;
  padding: .2em 8px .2em 30px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  background: no-repeat 10px 50%;
  background-size: 11px 17px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5JREFUeNpi/P//PwMtABMDjQALiGhsbLQBUoepZGZ0fX39Mpq5eOgZzIJFbDoQf0ITKwBidij7GhBvRpM3BGI3QgZ3APEjNLEMJIMvAHEFmnwmusGjkYc3jEHh9QFNjB2JrQXE5WjyFsQYXEHAMQZQPHjDOA2IhdDwGnLCGB18BeL3aGK/hl9yo2s6RgezgHgKmhg3NQzmJsag0WJztNgcqcXmCDGYcci1jwECDAArliaeJem56AAAAABJRU5ErkJggg==);
}
.header_utility_sp .company {
  padding: 8px 0;
  display: block;
}
.header_utility_sp .contact {
  padding: 4px 0 0;
  border-top: 1px solid #5c5c5c;
  display: block;
}
.m_hdg .link_sm {
  color: #fff;
}
form input#login {
  margin: 15px 0;
}
/*センター揃え*/
._center {
  text-align: center;
}
._apart {
  margin-top: 4em;
}
._bigger{
font-size:1.3em;
}
._bigger_more{
font-size:1.5em;
}
.anc_button._conversion {
  background-color: #ff6600;
  font-size: 1.2rem;
}
._left{
text-align: left;
}
._right{
text-align: right;
}
.m_image h1 img{
max-width: 100%;
}

.anc_button._conversion._small,
._small{
font-size:1em;
}
.subheading._news {
  margin-top: .3em;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.2rem;
}

/* PCで表示 */
._pc { display: block !important; }
._sp { display: none !important; }
/* spで表示 */
@media only screen and (max-width: 750px) {
._pc { display: none !important; }
._sp { display: block !important; }
}

/*=============================================================
　header_global-nav_megadown
=============================================================*/
/*メガドロップダウンにミニ画像を追加*/

.header_global-nav_megadown{
  max-width: 100%;
}
.header_global-nav_megadown > .megadown {
  padding: 1em 10px 0;
}

.header_global-nav_megadown .megadown > .pad{
  max-width: 1260px;
  margin: 0 auto;
  text-align: center;  
}
.header_global-nav_megadown .megadown > .pad ._left{
  text-align: left;
  width: 100%;
}
.header_global-nav_megadown a {
  text-decoration: none;
}
.header_global-nav_megadown .button_close {
  margin-top: 0;
  border-top: none;
}
.header_global-nav_megadown .link_index {
font-weight: bold;
text-align: left;
font-size: 1.1em;
}
.header_global-nav_megadown .m_links._subtoc_box{
  margin-left: -1.3%;
  text-align: left;
}
.header_global-nav_megadown .m_links._subtoc_box a:not(.anc_button)::before {
display: none;
}
.header_global-nav_megadown .m_links._subtoc_box a:not(.anc_button) {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.header_global-nav_megadown .m_links._subtoc_box > li {
  margin: 0 0 1em 1.3%;
  width: 23.7%;
}
@media screen and (max-width: 56em) {
 .header_global-nav_megadown .m_links._subtoc_box > li {
    width: 47.8%;
  }
}
@media screen and (max-width: 28em) {
.header_global-nav_megadown .m_links._subtoc_box > li {
    width: 97.8%;
  }
}

/*-------------------------------------------------
各事業部専用 css
------------------------------------------------*/
.word {
  white-space: nowrap;
}
/*ニュースのメディア*/
.m_news .news_list > li > .news_date,
.m_news .news_list > li > .news_text {
  border-top: 1px solid #ecebeb;
}
.m_news .news_list > li > .news_label{
  padding: 1.2em 0;
  border-top: 1px solid #ecebeb;
  display: table-cell;
  vertical-align: top;
  font-size: 0.875rem;
}
.m_news .news_list > li > .news_label {
  padding-right: 1.5em;
  white-space: nowrap;
}
.m_news .news_list > li > .news_label span {
  padding:0.3em 0.5em;
  background-color: #cee0f2;
}
.m_news .news_list > li > .news_label .ir {
  padding:0.3em 1em;
}
@media screen and (max-width: 30em) {
  .m_news .news_list._label > li > .news_date {
  display: table-cell;
  padding-right: 1.5em;
  }
  .m_news .news_list._label > li > .news_label {
  display: table-cell;
  width: 100%;
  }
  .m_news .news_list > li > .news_text {
    display: block;
    padding-top: 0;
	border-top: none;
  }
}



.top_work .work_hdg, .work_hdg {
  margin: .5em 0;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (max-width:32.5em) {
  .top_work .work_hdg, .work_hdg {
    font-size: 1.5rem;
  }
}
._sub_manu .anc_button{
box-sizing: border-box;
text-align: center;
width:100%;
}
@media screen and (max-width: 28em) {
  ._sub_manu .m_columns._max2 .column+.column {
  margin-top: 1em;
  }
}
/*フッタキャラクター紹介*/
.f_chara{
  background-repeat: repeat-x;
  background-image: url("/infra-maintenance/images/f_chara_back.png");
  background-position: bottom;
  }
.f_chara >.pad {
padding:0 20px; 
  margin: auto;
  max-width: 1260px;
}
.f_chara .m_image {
padding-bottom: 2.5em;
}

/* トップイントロ */
.top .intro {
  background-position:top center;
  background-repeat: no-repeat;
  background-image: url("/infra-maintenance/images/title_image_back.jpg");
  background-color: #acd7f2;
}
.top .intro >.pad{
  padding:0 20px; 
  position: relative;
  margin: 0 auto;
  max-width: 1260px;
  height: 784px;
}
.top .intro_logo{
padding-top: 2em;
color: #fff;
font-weight: bold;
font-size: 1.5em;
}
.top .intro_chara{
position: absolute;
padding:0 20px;
right: 0;
bottom:0;
}
.top .intro_chara img,
.intro_logo img{
max-width: 100%;
}
.top .m_note._intro{
display: inline-block;
font-weight: lighter;
}
.top .m_box._arrow,
.top .m_box._intro{
display: inline-block;
}
.top .m_box._arrow{
max-width: 800px;
}
._inline{
display: inline-block !important;
}

@media only screen and (max-width:47.5em) {
.top .intro_logo{
padding-top: 1em;
}
  .top .intro {
    background-image: url("/infra-maintenance/images/title_image_back_s.jpg");
  }
  .top .intro_logo img{
width: 300px;
}
}
@media only screen and (max-width:36em) {
  .top .intro{
  background-size: 150% auto;
  background-position: 20% 50%;
  }
  .top .intro >.pad {
  height: 520px;
}
  .top .intro_logo img{
width: 200px;
}
.top .intro_chara{
width: 300px;
}
}
/* NETIS */
.netis_area{
background-color: #acd7f2;
}
.netis_area >.pad{
  padding:30px 20px 46px 20px; 
  position: relative;
  margin: 0 auto 30px auto;
  max-width: 1260px;
}

.m_news .news_hdg > .hdg_text h2,
.m_news .news_hdg > .hdg_text h3,
.m_news .news_hdg > .hdg_text h4,
.m_news .news_hdg > .hdg_text h5,
.m_news .news_hdg > .hdg_text h6 {
  font-size: 1.5rem;
}
/* トップシリーズ紹介 */
.m_box._arrow{
font-weight: bold;
padding: 30px 0 0 0;
margin: auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/infra-maintenance/images/index_arrow.png");
}
.m_box._arrow ._apart{
margin-top: 4em;
}

/* ソリューションイントロ */
.solution .intro {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/infra-maintenance/solution/images/title_image_back.jpg");
}
.solution .intro >.pad {
padding:0 20px; 
margin: auto;
max-width: 1260px;
}
.solution .intro_text{
text-align: left;
padding-top: 50px;
}
@media only screen and (max-width:36em) {
.solution .intro {
background-color: #b2e0f8;
  background-image: url("/infra-maintenance/solution/images/title_image_back_s.png");
  background-size: 100% auto;
  background-position: 50% bottom;
  height: 550px;
}
.solution .intro_text{
padding-top: 30px;
padding-bottom: 100px;
}
}
.solution .intro_text h1 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4;
}
.solution .intro_text .m_text{
font-weight: bold;
font-size:1.2rem;
}
.solution .intro .m_image{
text-align: left;
margin-left: 50px;
padding-bottom: 20px;
}
@media only screen and (max-width:60em) {
  .top br.pcbr {
    display: none;
  }
}

@media only screen and (max-width:36em) {
  br.pcbr {
    display: none;
  }
  .solution .intro .m_image img{
  width: 250px;
}
}


.top_work {
  color: #000;
  margin-top: 0;
  background-image: none;
  background-color: #ffcc33;
}
.top_work #l_content {
  padding: 0;
}
@media screen and (max-width: 47.5em) {
  .top_work #l_content {
    padding: 60px 10px 20px 10px;
  }
}
/* ロゴアイコン */
.listpage_image .icon {
  padding: 10px;
  background: #fff;
}
.top_work._movie {
  background-color: #d4d9dc;
}
._movie #l_content {
  padding: 0 20px;
}
/* l_contentの幅を狭く */
#l_content ._narrow {
  margin: auto;
  max-width: 1080px;
}
/* product */
.trouble,
.step {
  width: 100%
}
.trouble{
background-color: #ccc;
}
.step .m_image{
 margin-top: 0;
}
.step .m_image._margin{
 margin: 30px auto;
}
.step._blue{
background-color: #c9e2f5;
}
.step._green{
background-color: #d3dfbf;
}
.step._orange{
background-color: #fad3b2;
}
@media screen and (max-width: 56em) {
  .step .m_columns._max2 .column {
    width: 97%;
  }
  .step .list_icon img{
  width: 100px;
  }
  .step .m_image{
 margin-top: 30px;
}
}
.trouble_title,
.trouble .pad{
  margin: auto;
  padding: 0 20px;
  max-width: 800px;
}
.trouble_title p{
display: inline-block;
vertical-align: middle;
}
.trouble_title .trouble_image{
margin: 0;
line-height: 0;
}
.trouble_title .trouble_text{
margin-left: 2em;
font-size: 2em;
font-weight: bold;
}
.trouble .pad{
  padding: 30px 20px;
}
.step .pad {
  margin: auto;
  padding: 0 20px;
  max-width: 1260px;
}
.step .column{
vertical-align: middle;
}
.step_title{
font-size: 2em;
font-weight: bold;
}
.step .m_list-icon > li > .list_icon {
  padding-top: .2em;
  padding-right: 20px;
}

/*アシスト*/
.step_title h2{
text-align: center;
font-weight: bold;
font-size: 1.2em;
}
.card {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
padding: 30px 0;
}
.card_column:nth-of-type(1) {
  width: 26%;
}
.card_column:nth-of-type(2),
.card_column:nth-of-type(3){
  width: 34%;
  background-color: #fff;
  border: 2px solid #ed6d00;
  padding: 1em;
  margin-left:3%
}
.card_column._end{
background-color: #fad3b2;
border: none;
}
@media screen and (max-width: 56em) {
.card {
  flex-wrap: wrap;
}
.card_column:nth-of-type(1) {
    display: block;
width: 100%;
}
.card_column:nth-of-type(2),
.card_column:nth-of-type(3){
  width: 40%;
}
}

@media screen and (max-width: 40em) {
.card_column:nth-of-type(2),
.card_column:nth-of-type(3){
margin-top: 10px;
  width: 100%;
}
.card_column._end{
display: none;
}
}
.card_column .m_list {
  display: table-cell;
}
.card_column .m_list._margin_left {
  display: block;
  margin-left: 6.5em;
  margin-top: 0;
}
@media screen and (max-width: 66em) {
  .card_column .m_list._margin_left {
    margin-left: 3.937em;
  }
}
.sub_title._B, .sub_title._A {
  font-size: 1.3rem;
  font-weight: bold;
}
.sub_title._A {
  color: #ed6d00;
}
@media screen and (max-width: 66em) {
  .sub_title._B, .sub_title._A {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 36em) {
  .sub_title._B, .sub_title._A {
    font-size: 0.875rem;
  }
}
.card_column .sub_title._B {
  width: 5em;
  display: table-cell;
}
@media screen and (max-width: 66em) {
  .card_column .sub_title._B {
    width: 3.5em;
  }
}
/* カラム6追加 */
.m_columns._max6 {
  margin-left: -1.5%;
}
.m_columns._max6 .column {
  margin-left: 1.5%;
  width: 15.16%;
}
@media screen and (max-width: 56em) {
  .m_columns._max6 .column {
    width: 47%;
  }
}