@charset "utf-8";

/*事業系サイト 共通設定*/

body{
  font-family: Arial, Helvetica, sans-serif,"微软雅黑","宋体";
  line-height: 1.5;
}



/*リンク：色付き#0089B8
リンクホバー：色付き+下線
訪問済み：色付き#0089B8 */
#rwd-content a:link,
#rwd-content a:visited,
#rwd-content a:hover,
#rwd-content a:active{
  color: #000;
}

#rwd-content a:hover{
  color: #b10000;
  text-decoration: none;
}

/*aの場合はdefault打ち消し＋hoverのアクションも定義*/
#rwd-content .rwd-news-item a .rwd-news-title{
    font-weight: bold;
    color: #4d4d4d;
}

#rwd-content .rwd-news-date{ color: #000;}

/* リンクのあるパーツで文字色が変わるものは事業サイト用hover色を設定 */
#rwd-content ul.rwd-global-subnav .rwd-global-subnav-two.rwd-subnav-grid .rwd-global-subnav-two-item a:hover .rwd-subnav-grid-caption,
#rwd-content .rwd-utility-nav li a:hover,
#rwd-content .rwd-link-list05 li a:hover,
#rwd-content .rwd-link-list06 li a:hover,
#rwd-content .rwd-link-list07 li a:hover::before,
#rwd-content .rwd-link-list07 li a:hover,
#rwd-content .rwd-link-list11 li a:hover,
#rwd-content .rwd-news-item a:hover .rwd-news-title{
  color: #b10000;
}

.rwd-global-subnav-three {
  padding-bottom: 2px;
}
.rwd-global-subnav-three a{
  border: 0;
}


/* ==========================================
    PC Layout
   ========================================== */
@media print, screen and (min-width: 768px){

/*事業系サイトのニュース記事の左罫線色設定*/
  #rwd-content .rwd-news-chronology-text{
    border-left: 4px solid #63758f;
  }
  /*#rwd-content .rwd-news-chronology-text:after{ background: #63758f; }*/
  #rwd-content  .rwd-news-item a:after{
      background: #63758f;
    }


  #rwd-content .rwd-headline3-type04 .rwd-headline3-text{
      border-left: 8px solid #63758f;
  }

  #rwd-content .rwd-header-identify {
    padding: 16px 1px 0 0;
  }

  #rwd-content .rwd-header-category-title{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 77px;
    padding: 0 0 0 35px;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
  }
  #rwd-content .rwd-header-category-title span{
    display: block;
    margin-top: 11px;
  }

  /* PC ユーティリティー*/
  #rwd-content .rwd-utility-nav{
    margin-top: 23px;
    height: 25px;
  }

  #rwd-content .rwd-utility-nav-search .icon{
    width: 23px;
    height: 22px;
    display: inline-block;
    margin-top: -6px;
  }


  /*PC グローバルナビ  */
  #rwd-content .rwd-global-nav-wrap{
    background-color: #274277;
    /*margin-top: 14px;*/
  }


  #rwd-content .rwd-global-nav {
    max-width: 1220px;
    margin: 0 auto;
  }

  #rwd-content .rwd-global-nav span,
  #rwd-content .rwd-global-nav a{
    color: #fff;
    font-weight: normal;
  }

  #rwd-content .rwd-global-nav span:hover,
  #rwd-content .rwd-global-nav a:hover{
    color: #fff;
    text-decoration:none;
  }

  #rwd-content .rwd-global-nav-item span,
  #rwd-content .rwd-global-nav-item a{
    display: block;
    font-size: 1.5rem;
  }

  #rwd-content .rwd-global-nav-item > a  .rwd-icon-newwin-wrapper{
    display: inline;
  }

  #rwd-content .rwd-global-nav-item > span,
  #rwd-content .rwd-global-nav-item > a{
    height: 51px;
    line-height: 51px;
  }

  #rwd-content .rwd-global-nav-item{
    font-size: 1.5rem;
    margin-left:  4.95%;
  }


  /*#rwd-content .rwd-utility-nav-global{ padding: 0 15px 0 18px; }*/
  /*#rwd-content .rwd-utility-nav-global{ padding: 0 10px 0 18px; }*/
  /*#rwd-content .rwd-utility-nav-recall{ padding: 0 10px 0 18px; }*/
  /*#rwd-content .rwd-utility-nav-support{ padding: 0 15px 0 9px; }*/

  #rwd-content .rwd-utility-nav-item{ padding: 0 17px 0 18px;}
  #rwd-content .rwd-utility-nav-search{ padding: 0 18px 0 27px; }




  #rwd-content .rwd-global-nav-item span:hover,
  #rwd-content .rwd-global-nav-item a:hover{
    border-bottom: none;
  }

  #rwd-content .rwd-global-nav-item.active span,
  #rwd-content .rwd-global-nav-item.active a,
  #rwd-content .rwd-global-nav-item.current span,
  #rwd-content .rwd-global-nav-item.current a{
    color: #16fff2;
  }
  /*#rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item span:hover,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item a:hover{
    color: #16fff2;
  }*/
  #rwd-content .rwd-global-nav-item.active > span::after,
  #rwd-content .rwd-global-nav-item.active > a::after,
  #rwd-content .rwd-global-nav-item.current > span::after,
  #rwd-content .rwd-global-nav-item.current > a::after,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item > span:hover::after,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item > a:hover::after {
    display: block;
    content: "";
    position: absolute;
    bottom:2px;
    left: -1em;
    width: calc(100% + 2em);
    height: 6px;
    background-color:  #16fff2;
    z-index: 1000;
  }

  #rwd-content .rwd-global-nav-item:first-child{
	  margin-left: 2.5333333333em;
  }

/* # PC Layout Setting ## subnav*/
  #rwd-content ul.rwd-global-subnav{
    top:49px;
  }

/* # PC Layout Setting ## subnav*/
  #rwd-content ul.rwd-global-subnav{
    left: -1em;
  }

  #rwd-content .rwd-global-nav-item.nav-direction-left ul.rwd-global-subnav{
      left:auto;
     right:-1em;
   }
  /* サブメニュー */
  #rwd-content .rwd-global-nav-item:hover ul.rwd-global-subnav{
    padding-top: 2px;
  }
  #rwd-content   ul.rwd-global-subnav .rwd-global-subnav-item span,
  #rwd-content   ul.rwd-global-subnav .rwd-global-subnav-item a{
    color: #0c2659;
  }
  #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item.active > span,
  #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item.active > a,
  #rwd-content ul.rwd-global-subnav .rwd-global-subnav-two-item.active > span,
  #rwd-content ul.rwd-global-subnav .rwd-global-subnav-two-item.active > a{
    background-color: #687998;
    color: #fff;
  }

  #rwd-content:not(.rwd-touch-enable) ul.rwd-global-subnav:not(.rwd-megadrop-menu) .rwd-global-subnav-item span:hover,
  #rwd-content:not(.rwd-touch-enable) ul.rwd-global-subnav:not(.rwd-megadrop-menu) .rwd-global-subnav-item a:hover{
    background-color: #687998;
    color: #fff;
  }

  #rwd-content .rwd-global-subnav .rwd-global-subnav-item a,
  #rwd-content .rwd-global-subnav .rwd-global-subnav-item span{
    padding: 12px 17px 7px 17px;
  }

  #rwd-content  #rwd-control-modal-bg.active{
    /*margin-top: 127px;*/
  }

  #rwd-content .rwd-main-header:after{
    display: none;
  }

/*
  #rwd-content .rwd-main-header.with-keyvisual{
    margin-bottom: 12px;
  }
*/

  #rwd-content .rwd-global-nav:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      left: 0;
      bottom: 0;
      background-color: #ccc;
      pointer-events: none;
      z-index: 100;
  }

  #rwd-content .rwd-404-content input.keyword,
  #rwd-content .rwd-search-form input.keyword{
    font-family: Arial, Helvetica, sans-serif,"微软雅黑","宋体";
  }

  /* PC Layout Setting footer sns buttons // */
  .rwd-wrap-sns-buttons{ margin-bottom: 30px; }
  /* // PC Layout Setting footer sns buttons */


  /* Common Layout Setting 404 page // */
  #rwd-content #rwd-main-content.rwd-404-content {
    margin: -30px auto 20px;
  }

}





/* ====================================================================================
    # PC Liquid Layout
   ==================================================================================== */
@media screen and (min-width: 768px) and (max-width: 1220px){

  #rwd-content .rwd-global-nav {
    width: 100%;
  }

    #rwd-content .rwd-global-nav > ul{
      width: 100%;
    }

    #rwd-content .rwd-utility-nav-item,
    #rwd-content .rwd-utility-nav-home,
    #rwd-content .rwd-utility-nav-global,
    #rwd-content .rwd-utility-nav-recall,
    #rwd-content .rwd-utility-nav-support ,
    #rwd-content .rwd-utility-nav-search{
      padding: 0 7px 0 7px;
    }


    #rwd-content .rwd-global-nav ul li span,
    #rwd-content .rwd-global-nav ul li a{
      padding-left: 15px;
      padding-right: 15px;
    }

    #rwd-content .rwd-global-nav-item span,
    #rwd-content .rwd-global-nav-item a,
    #rwd-content ul.rwd-global-subnav.rwd-megadrop-menu .rwd-global-subnav-two.rwd-subnav-grid .rwd-global-subnav-two-item .rwd-subnav-grid-caption{
      font-size: 1.2vw;
    }

    #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item a,
    #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item span,
    #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item a div,
    #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item a img{
      font-size: 1.2vw;
      padding-left: 1em;
      padding-right: 1em;
    }

}

@media screen and (min-width: 768px) and (max-width: 916px){
  #rwd-content .rwd-global-nav ul li span,
  #rwd-content .rwd-global-nav ul li a{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.3rem;
  }
  #rwd-content .rwd-header-category-title {
    padding: 0 0 0 18px;
  }

  /* font-size: 1.2vw;にした場合にpaddingが小さくなり 文字と被ってしまうので*/
  #rwd-content .rwd-global-subnav .rwd-global-subnav-item a[target="_blank"],
  #rwd-content .rwd-global-subnav .rwd-global-subnav-item span[target="_blank"] {
      padding-right: 3em;
  }

}


/* ==========================================
    SP Layout
   ========================================== */
@media screen and (max-width: 767px){

  #rwd-content .rwd-header-identify {
      padding: 10px 0 0 0;
  }

  /*category titleの帯をフィットさせる*/
  #rwd-content:not(.rwd-top) .rwd-header-inner{
    padding-bottom: 30px;
  }

  /*#rwd-content.rwd-top .rwd-main-header .rwd-global-nav{
    margin-top: 60px;
  }*/

  #rwd-content .rwd-main-header .rwd-global-nav {
    margin-top: 55px;
  }

  #rwd-content .rwd-utility-nav-search{
    padding-right: 6px;
  }

/*category titleの帯をフィットさせる*/
  #rwd-content .rwd-header-inner{
    padding-bottom: 30px;
  }

  #rwd-content .rwd-header-category-title{
    color: #fff;
    background-color: #274277;
    font-size: 1.3rem;
    position: absolute;
    width: 100%;
    top: 55px;
    left: 0;
    /* height: 34px; */
    /* line-height: 29px; */
    padding: 7px 0 4px 5%;
    box-sizing: border-box;
    border-bottom: 3px solid #ccc;
    /* margin-bottom: 10px; */
    line-height: 1.6;
  }

  #rwd-content .rwd-main-header::after{
    height: 58px;
    /*background-color: #fff;*/
  }


  #rwd-content .rwd-main-header.show-nav .rwd-global-nav { margin-left:0; }
  #rwd-content .rwd-global-nav {
    top:90px
  }

  #rwd-content .rwd-header-category-title span{
    font-size: 1.3rem;
  }


    /* SP Layout Setting footer sns buttons // */
    .rwd-wrap-sns-buttons{ margin-bottom: 24px; }
    /* // SP Layout Setting footer sns buttons */
}