@charset "UTF-8";
/* -----------------------------------------------
	共通
------------------------------------------------- */



/* ブレークポイント追加 */
@media (min-width: 880px) and (max-width: 991px) {
  .container {
    width: 860px; } }
/* container */
@media (min-width: 1200px) {
  .container {
    width: 980px; } }
@media (min-width: 992px) {
  .container {
    width: 980px; } }
/* トップスライダー */
@media (max-width: 1320px) {
  .container.slider {
    padding: 0; }

  #page_top #top_contents ul#slider::before, #page_top #top_contents ul#slider::after {
    width: 12%; }
  #page_top #top_contents ul#slider .slick-prev {
    left: 10.5%; }
  #page_top #top_contents ul#slider .slick-next {
    right: 10.5%; } }
@media (max-width: 1200px) {
  #page_top #top_contents ul#slider::before, #page_top #top_contents ul#slider::after {
    width: 10%; }
  #page_top #top_contents ul#slider .slick-prev {
    left: 8.5%; }
  #page_top #top_contents ul#slider .slick-next {
    right: 8.5%; } }
@media (max-width: 992px) {
  #page_top #top_contents ul#slider::before, #page_top #top_contents ul#slider::after {
    width: 5%; }
  #page_top #top_contents ul#slider .slick-prev {
    left: 3.5%; }
  #page_top #top_contents ul#slider .slick-next {
    right: 3.5%; } }
@media (max-width: 880px) {
  #page_top #top_contents ul#slider::before, #page_top #top_contents ul#slider::after {
    width: 6.5%; }
  #page_top #top_contents ul#slider .slick-prev {
    left: 4%; }
  #page_top #top_contents ul#slider .slick-next {
    right: 4%; } }
@media (max-width: 768px) {
  #page_top #top_contents {
    padding-top: 0; }
    #page_top #top_contents ul#slider_sp li {
      padding: 0; }
    #page_top #top_contents ul#slider_sp li img {
      width: 100%;
      height: auto;}
    #page_top #top_contents ul#slider_sp::before, #page_top #top_contents ul#slider::after {
      display: none; }
    #page_top #top_contents ul#slider_sp .slick-prev,
    #page_top #top_contents ul#slider_sp .slick-next {
      background: rgba(255, 255, 255, 0.45); }
      #page_top #top_contents ul#slider_sp .slick-prev::before,
      #page_top #top_contents ul#slider_sp .slick-next::before {
        font-family: ionicons;
        content: "\f3d3";
        color: #898989; }
    #page_top #top_contents ul#slider_sp .slick-prev {
      left: 0;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
      #page_top #top_contents ul#slider_sp .slick-prev::before {
        content: "\f3d2"; }
    #page_top #top_contents ul#slider_sp .slick-next {
      right: 0;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }

  .slider-nav_bg {
    display: none; } }
/* -----------------------------------------------
	ヘッダー
------------------------------------------------- */
@media (max-width: 1000px) {
  .navbar-default .navbar-nav li a span {
    padding: 15px 13px; } }
@media (max-width: 995px) {
  #main_products .row.top {
    position: relative; }
    #main_products .row.top::after {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #bf0000; }
    #main_products .row.top div {
      width: 32.9%; }
      #main_products .row.top div:nth-child(3) {
        border-right: 0; } }
@media (max-width: 767px) {

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0; }

  .row, ul {
    margin: 0; }

  a:hover {
    text-decoration: none; }
    
  .ml15 {
      margin-left: 0;
  }

  /* アコーディオン ------*/
  .acbtn {
    position: absolute;
    top: 12px;
    right: 10px;
    border: 1px solid #DDD;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #FFF url(/files/user/img/common/icon_open.png?v=1508458234) center center no-repeat;
    background-size: 32px; }
    .acbtn.opend {
      background-image: url(/files/user/img/common/icon_close.png?v=1508458234); }

  ul.ac {
    display: none;
    margin-left: 20px;
    overflow: hidden; }
    ul.ac.open {
      height: auto; }
    ul.ac li {
      font-size: 12px;
      display: block;
      margin-bottom: 0;
      padding-left: 0; }
    ul.ac li:first-child {
      border-top: 0; }
      ul.ac li a {
        position: relative;
        padding: 10px 10px 10px 0; }
        ul.ac li a::before {
          position: absolute;
          font-family: ionicons;
          content: "\f125";
          color: #777;
          font-size: 16px;
          right: 20px;
          top: 7px; }
        ul.ac li a br {
          display: none; }


  /* ヘッダー ---------- */
    .navbar-header div.error {
        width: 100%;
        float: left;
        padding: 15px 15px 0;
    }
  .navbar-brand {
    padding-left: 15px; }
  .navbar-brand img {
      height: 30px; }

  .navbar-sub,
  .navbar-search {
    display: none; }

  .navbar-collapse {
    padding-bottom: 0; }

  .navbar-default {
    z-index: 1030;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    border: 0;
    height: 60px; }
    .navbar-default h1 {
      margin: 0; }
    .navbar-default .container {
      padding: 0; }
    .navbar-default .navbar-nav {
        float: none;
      margin: 0; }
        .navbar-default .navbar-nav li span {
          padding: 10px 10px 10px 0;
          display: block;
          font-weight: bold;
        }
        .navbar-default .navbar-nav li.sub {
            padding-left: 15px;
            border-top: 1px dotted #666;
        }
      .navbar-default .navbar-nav li a {
        color: #221815;
        padding-right: 0; }
        .navbar-default .navbar-nav li a span {
          padding: 15px;
          font-size: 14px;
          background: none;
          max-width: 100%; }
      .navbar-default .navbar-nav li.gnavi1 span, .navbar-default .navbar-nav li.gnavi2 span, .navbar-default .navbar-nav li.gnavi3 span, .navbar-default .navbar-nav li.gnavi4 span, .navbar-default .navbar-nav li.gnavi5 span {
        border-top: 1px dotted #221815;
        border-bottom: 0; }
      .navbar-default .navbar-nav li.gnavi1 span {
        border-top: 0; }
      .navbar-default .navbar-nav li .acbtn {
        border: 0;
        top: 9px; }
      .navbar-default .navbar-nav li .ac a {
        padding: 10px 10px 10px 0;
        display: block; }
        .navbar-default .navbar-nav li .ac a:hover {
          text-decoration: none; }
      .navbar-default .navbar-nav .active > a {
        background: none;
        padding: 13px 10px 2px;
        color: #ffffff; }
        .navbar-default .navbar-nav .active > a:hover {
          background: none;
          padding: 13px 10px 2px;
          color: #ffffff; }
        .navbar-default .navbar-nav .active > a span, .navbar-default .navbar-nav .active > a:hover span {
          padding: 2px 5px 3px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          display: inline-block;
          background-color: #63c7e0; }
    .navbar-default .navbar-collapse {
      border: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: rgba(188, 188, 188, 0.95); }

  /* フッター ---------- */
  .footer_top {
    padding: 0 0 15px;
    border-top: 0; }
    .footer_top .container {
      padding: 0; }
      .footer_top .container .col-sm-2 {
        overflow: hidden;
        background: #f8f6ec;
        border-bottom: 1px dotted #221815; }
        .footer_top .container .col-sm-2:last-child {
          border-bottom: 0; }
      .footer_top .container a {
        padding: 20px;
        display: block; }
        .footer_top .container a:hover {
          text-decoration: none; }
      .footer_top .container h3 {
        position: relative;
        margin-bottom: 0;
        font-size: 16px; }
      .footer_top .container ul.ac {
        display: none;
        margin-left: 20px; }
        .footer_top .container ul.ac li {
        border-top: 1px dotted #666;
          margin-bottom: 0; }
        .footer_top .container ul.ac a,
        .footer_top .container ul.ac span {
          padding: 10px 10px 10px 0;
          display: block; }
          
        .footer_top .container ul.ac li.sub {
          border-top: 1px dotted #ccc;
          }
        .footer_top .container ul.ac li.sub a,
        .footer_top .container ul.ac li.sub span {
            padding-left: 15px;
          }
      
  /* ほか レイアウトなど ---------- */
  .col-xs-10 {
    padding-right: 0;
    padding-left: 0; }

  .navbar-toggle {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #bf0000 !important;
    text-align: center;
    margin: 0;
    padding: 9px 15px;
    border: 0;
    border-radius: 0;
    top: 0;
    right: 0; }
    .navbar-toggle .icon-bar {
      background: #FFF !important;
      width: 100%;
      height: 2px;
      margin-top: 8px !important;
      border-radius: 0; }
      .navbar-toggle .icon-bar:first-child {
        margin-top: 0 !important; }
    .navbar-toggle:hover {
      background: #bf0000 !important; }

  .br-sp-on {
    display: inline; }

  .br-sp-off {
    display: none; }

    #main_module {
        padding-bottom: 0;
    }

  /* #top_contents メイン写真 */
  #page_top #main_module {
    padding: 0; }
  #page_top #main_right {
    padding: 0; }
    #page_top #main_right .module_title {
      margin-top: 0; }
  #page_top #main_bottom .topicsItem {
    padding: 0; }

  /* 共済事業から選ぶ */
  #main_products .row.top {
    display: inline-block;
    width: 100%;
    flex-wrap: nowrap; }
    #main_products .row.top div {
      float: left;
      width: 50%; }
      #main_products .row.top div:nth-child(odd) {
        border-right: 1px solid #ef7d7d; }
      #main_products .row.top div:nth-child(even) {
        border-right: 0; }
      #main_products .row.top div:nth-child(3), #main_products .row.top div:nth-child(4) {
        border-top: 1px solid #ef7d7d;
        border-bottom: 1px solid #ef7d7d; }
    #main_products .row.top::after {
      content: none; }
  #main_products .row.bottom .lifeevent {
    padding-right: 0; }
    #main_products .row.bottom .lifeevent.col-sm-6 {
      width: 100%; }
    #main_products .row.bottom .lifeevent ul {
      /*border: 1px solid #aba680;*/
    }
      #main_products .row.bottom .lifeevent ul li {
        /*border-right: 1px solid #aba680;*/
        text-align: center; }
        #main_products .row.bottom .lifeevent ul li:nth-child(1), #main_products .row.bottom .lifeevent ul li:nth-child(2) {
          /*border-bottom: 1px solid #aba680;*/
        }
        #main_products .row.bottom .lifeevent ul li:nth-child(2), #main_products .row.bottom .lifeevent ul li:nth-child(4) {
          border-right: 0; }
        #main_products .row.bottom .lifeevent ul li a {
          background-position: center 10px;
          background-size: 64px;
          padding: 83px 15px 10px; }
    
    #main_products .row.bottom .top_bnr {
        width: 100%;
    }
    #main_products .row.bottom .simulation, #main_products .row.bottom .link {
        max-width: 100%;
    }

  /* ニュース -------- */
  .news {
    margin-top: 0;
    margin-bottom: 0;
    border: 0; }

  #main_top_information.container {
    padding: 20px 0; }

  .card {
    background: #FFF;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 2px; }
    .card a {
      display: block;
      padding: 10px 30px 10px 5px;
      background: url(/files/user/img/common/icon_arrow_03.png?v=1505807565) 97% center no-repeat;
      background-size: 13px; }
      .card a h2 {
        margin: 0 !important;
        padding: 5px 5px 5px 10px;
        border-left: 6px solid #bf0000;
        border-top: 0;
        background: none; }
      .card a p {
        padding-top: 5px;
        padding-left: 17px; }

  /* おすすめコンテンツ */
  #main_favorite {
    background: #FFF;
    padding: 10px 30px; }
    #main_favorite div.col-sm-6 {
      padding: 0 5px; }
      #main_favorite div.col-sm-6 a {
        border: 1px solid #ececec;
        display: inline-block;
        position: relative;
        text-align: left;
        padding: 5px; }
        #main_favorite div.col-sm-6 a span {
          position: relative;
          top: 0;
          left: 0 !important;
          padding: 0 5px;
          height: 16px;
          font-size: 10px;
          font-weight: bold;
          text-align: center;
          color: #FFF; }
          #main_favorite div.col-sm-6 a span.color01 {
            background: #e5004f; }
          #main_favorite div.col-sm-6 a span.color02 {
            background: #ffb400; }
          #main_favorite div.col-sm-6 a span.color03 {
            background: #99b579; }
        #main_favorite div.col-sm-6 a img {
          width: 100%;
          margin-top: 5px; }
        #main_favorite div.col-sm-6 a p {
          margin-top: 5px;
          margin-bottom: 0; }
      #main_favorite div.col-sm-6:nth-child(3) span {
        left: 0; }
        #main_favorite .slick-prev {
            left: -25px; }
        #main_favorite .slick-next {
            right: -25px; }
  /* セカンドページ */
  body:not(#page_top) .breadcrumbs {
    display: block;
}
    body:not(#page_top) #top_contents {
        margin: 0;
    }
    body:not(#page_top) #top_contents .head_image_inner {
        padding: 25px 0; }
    body:not(#page_top) #top_contents .head_image_text {
        width: 90%;
        position: relative;
        top: unset;
        left: unset;
        transform: none !important;
        
    }
    body:not(#page_top) #top_contents .head_image_text h2 span {
        display: block;
        margin-top: 10px;
        margin-left: 0;
        padding: 0;
        border-left: 0;
        transform: none;}
    body:not(#page_top) #contents {
        padding-top: 0; }
    body:not(#page_top) #main_right, body:not(#page_top) #main_left {
        float: none; }
    body:not(#page_top) #main_left {
        margin-top: 30px; }
  
    /* ボタン */
    body:not(#page_top) #main_right #main_module .btn_zoom {
        display: inline-block;
        float: right;
        text-align: center;
        text-decoration: none;
        margin-top: 10px;
        padding: 5px 10px;
        font-weight: bold;
        line-height: 1;
        border-radius: 5px;
        color: #000;
        background-color: #ebebeb;
        box-shadow:0px 3px 0px 0px #b1b1b1;
        -moz-box-shadow:0px 3px 0px 0px #b1b1b1;
        -webkit-box-shadow:0px 3px 0px 0px #b1b1b1;
    }
    body:not(#page_top) #main_right #main_module .btn_zoom:before {
        font-family: ionicons;
        content: "\f4a4";
        margin-right: 7px;
        font-size: 20px;
        vertical-align: middle;
    }

  
  body:not(#page_top) #main_right #main_module h3 {
    margin-bottom: 15px;
    padding: 15px 10px; }
  body:not(#page_top) #main_right #main_module img.right,
  body:not(#page_top) #main_right #main_module img.left {
    display: block;
    float: none;
    padding: 5px;
    margin: 0 auto 10px; }
  body:not(#page_top) #main_right #main_module .btn_area a {
    white-space: normal; }
    body:not(#page_top) #main_right #main_module .btn_area a.btn_red {
      padding: 10px 30px 10px 40px; }
      body:not(#page_top) #main_right #main_module .btn_area a.btn_red::before {
        left: 15px; }
    body:not(#page_top) #main_right #main_module .btn_area a:not(:first-child) {
      margin-left: 0;
      margin-top: 15px; }
  body:not(#page_top) footer {
    margin-top: 40px; }

  /* セカンドサイドナビ ---------- */
  .second_navi {
    padding-bottom: 30px; }
    

  /* カード型一覧 ---------- */
  #columns > div {
    padding: 0 15px; }
    
    
    #tabAccordion {
        width: 100%;
        height: auto;
        position: relative;
    }
    #tabAccordion dl {
        margin-bottom: 0;
    }
    #tabAccordion dl dt {
        top: 0;
        left: auto;
        width: 100%;
        position: relative;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        z-index: 100;
    }
    #tabAccordion dl:nth-child(2) dt {
        left: auto;
        top: 43px;
        z-index: 90;
    }
    #tabAccordion dl:nth-child(3) dt {
        left: auto;
        top: 86px;
        z-index: 80;
    }
    #tabAccordion dl:nth-child(4) dt {
        left: auto;
        top: 129px;
        width: 100%;
        z-index: 70;
        border-top: 3px solid #DDD;
        background-color: #FFF;
        border-radius: 0;
    }
    #tabAccordion dl dt a:before {
        position: absolute;
        font-family: ionicons;
        content: "\f362";
        color: #c91313;
        top: 6px;
        left: 13px;
        font-size: 20px;
    }
    #tabAccordion dl dt.btnAcv a {
        text-decoration: none;
    }
    #tabAccordion dl dt.btnAcv a:before {
        content: "\f363";
        color: #FFF;
        left: 16px;
    }
    #tabAccordion dl:nth-child(4) dt a {
        background-color: #FFF;
        text-align: center;
        padding: 10px 0;
    }
    #tabAccordion dl:nth-child(4) dt a:before {
        font-size: 20px;
        top: 6px;
        left: 14px;
    }
    #tabAccordion dl:nth-child(4) dt a:hover {
        background-color: #FFF;
    }
    #tabAccordion dl dd {
        top: 172px;
        left: 0;
    }
    #tabAccordion dl dd h5 {
        font-weight: bold;
        line-height: 1.4;
        margin-top: 30px;
        margin-bottom: 0;
    }
    #tabAccordion dl dd h5 span {
        margin-top: -2px;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    #tabAccordion dl dd p {
        margin-top: 5px !important;
    }
    #tabAccordion dl dd .pic img {
        width: 100%;
    }
    #main_right #main_module #tabAccordion dl dd table.col-sm-9 {
    width: 100%;
    }
    #main_right #main_module #tabAccordion dl dd div.col-sm-3.txt {
    width: 100%;
    padding-left: 0;
    padding: 10px;
    border: 2px solid #F00;
    }
    
    /* 関連FAQ */
    #tabAccordion dl:nth-child(4) dt.btnAcv {
        border-top: 3px solid #c91313;
    }
    #tabAccordion dl:nth-child(4) dt.btnAcv a {
        background-color: #c91313;
        color: #FFF;
        text-align: center;
        padding: 10px 0;
    }
    
    
    /* 警生協の共済　一覧 */
    body:not(#page_top) #main_right #main_module .cat_top.kyousai div .icon {
        padding-right: 10px;
    }
    body:not(#page_top) #main_module .btn_area a {
        padding: 10px 25px 10px 45px;
    }

    body:not(#page_top) #main_module .btn_area a.btnn2 {
        padding: 10px 25px 10px 45px;
    }

    body:not(#page_top) #main_right #main_module .cat_top.kyousai div .icon .btn_area a {
    }
    body:not(#page_top) #main_right #main_module .cat_top.kyousai div h5 {
        font-weight: bold;
    }
    body:not(#page_top) #main_right #main_module .kyousai div .text p span {
        margin-bottom: 8px;
    }
    body:not(#page_top) #main_right #main_module .cat_detail {
    }
    body:not(#page_top) #main_right #main_module .cat_detail.kyousai div .text .btn_area a {
        width: 100%;
    }
    body:not(#page_top) #main_right #main_module .cat_detail.kyousai .icon {
        padding-right: 10px;
    }
    body:not(#page_top) #main_right #main_module .cat_detail.kyousai div.recommended_plan {
        margin-bottom: 25px;
    }
    body:not(#page_top) #main_right #main_module .cat_detail.kyousai div.recommended_plan.notext {
        margin-bottom: 0;
    }
    body:not(#page_top) #main_right #main_module .cat_detail.kyousai div.recommended_plan.notext div.icon {
        margin-bottom: 15px;
    }
    
    body:not(#page_top) #main_right #main_module .page_link ol,
    body:not(#page_top) #main_right #main_module .page_link ul {
        margin-left: 10px;
        margin-bottom: 0;
    }
    body:not(#page_top) #main_right #main_module .page_link li {
        margin-right: 0;
        float: none;
    }
    
    body:not(#page_top) #main_right #main_module table td img {
        width: 100%;
    }
    body:not(#page_top) #main_right #main_module table.tbl121_01 td:first-child {
        text-align:center;
    }
    body:not(#page_top) #main_right #main_module table.tbl121_01 td:nth-child(2) {
        text-align:center;
        white-space: nowrap;
    }
    
    body:not(#page_top) #main_right #main_module table.kasai_img,
    body:not(#page_top) #main_right #main_module table.shinkasai_img {
       border-right: none;
       border-bottom: none;
    }
    
    body:not(#page_top) #main_right #main_module table.kasai_img td,
    body:not(#page_top) #main_right #main_module table.shinkasai_img td {
        display: block;
        float: left;
        width: 50%;
        border-left: none;
        border-top:none;
    }
    body:not(#page_top) #main_right #main_module  #tabAccordion dl dd table.shinkasai_img.pic_num_02 {
        width: 100%;
    }

    body:not(#page_top) #main_right #main_module #tabAccordion dl dd .border p {
        margin: 0 !important;
    }
    body:not(#page_top) #main_right #main_module #tabAccordion dl dd table th {
        padding: 10px;
    }
    body:not(#page_top) #main_right #main_module #tabAccordion dl dd table td {
        word-break: break-all;
    }
    body:not(#page_top) #main_right #main_module .vertical {
        white-space: normal;
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
    }
    
    
    
    body:not(#page_top) #main_right #main_module .kanren_faq .page_link {
    }
    body:not(#page_top) #main_right #main_module .kanren_faq .page_link li {
        width: 100%;
    }
    body:not(#page_top) #main_right #main_module .kanren_faq .page_link li:nth-child(even) {
        margin-right: 0;
    }

    
   


    /*--- ご請求 / 変更手続き ----------------*/
    
    body:not(#page_top) #main_module .procedure_flow {
        padding-bottom: 20px;
    }
    body:not(#page_top) #main_module .procedure_flow dl {
    	margin-top: 35px;
    	width: 96%;
    	margin: 35px auto 0;
    	border: 3px solid #56a5f5;
    	border-radius:  5px;
    	display: block;
    	position: relative;
    }
    body:not(#page_top) #main_module .procedure_flow dl::before {
        left: 45%;
    }
    body:not(#page_top) #main_module .procedure_flow dl dt {
    	display: block;
    	width: 100%;
    	padding: 5px 20px 10px 10px;
    	text-align: left;
    }
    body:not(#page_top) #main_module .procedure_flow dl dt span {
        line-height: 1;
    }
    body:not(#page_top) #main_module .procedure_flow dl dt p {
        display: inline-block;
        margin-left: 10px;
        margin-top: 5px !important;
    }
    body:not(#page_top) #main_module .procedure_flow dl dd {
    	display: block;
    	width: 100%;
    	padding: 15px 5px 15px 90px;
    	vertical-align: middle;
    	min-height: 70px;
    }
    body:not(#page_top) #main_module .procedure_flow dl dd p {
    	text-align: left;
    }
    body:not(#page_top) #main_module .procedure_flow dl dd p br {
        display: none;
    }
    body:not(#page_top) #main_module .procedure_flow dl.flow01 dd {
    	background: url(/files/user/img/under/procedure/procedure_flow_01.png?v=1511829141) 24px center no-repeat;
    	background-size: 44px 51px;
    }
    body:not(#page_top) #main_module .procedure_flow dl.flow02 dd {
    	background: url(/files/user/img/under/procedure/procedure_flow_02.png?v=1511829140) 13px center no-repeat;
    	background-size: 75px 54px;
    }
    body:not(#page_top) #main_module .procedure_flow dl.flow03 dd {
    	background: url(/files/user/img/under/procedure/procedure_flow_03.png?v=1511829140) 21px center no-repeat;
    	background-size: 55px 56px;
    }
    body:not(#page_top) #main_module .procedure_flow dl.flow04 dd {
    	background: url(/files/user/img/under/procedure/procedure_flow_04.png?v=1511829140) 28px center no-repeat;
    	background-size: 44px 54px;
    }
    body:not(#page_top) #main_module .procedure_flow dl.flow05 dd {
    	background: url(/files/user/img/under/procedure/procedure_flow_05.png?v=1511829140) 20px center no-repeat;
    	background-size: 64px 65px;
    }
    
    
    /* トップ：共済金の請求 */
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li {
        width:49%;
        margin: 0 0 2%;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li:nth-child(2),
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li:nth-child(5),
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li:nth-child(8) {
        margin: 0 0 2%;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li:nth-child(even) {
        margin: 0 0 2% 2%;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li a {
        padding: 15px;
        height: 150px;
        font-size: 1.6rem;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.nyuuin a {
        background-position: center 81px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.shibou a {
        background-position: center 82px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.syougai a {
        background-position: center 74px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.seizon a {
        background-position: center 74px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.kasai a {
        background-position: center 80px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.saigai a {
        background-position: center 80px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.jishin a {
        background-position: center 78px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.tounan a {
        background-position: center 80px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul li.syakuya a {
        background-position: center 74px;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul.dairi {
        clear: both;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul.dairi li {
        width: 100%;
    }
    body:not(#page_top) #main_right #main_module .cat_top.procedure_icon ul.dairi li a {
        padding: 20px 15px 20px 40px;
    }

    
    /* トップ：各種変更手続き、定年などでの退職時の手続 */
    body:not(#page_top) #main_right #main_module .cat_top.procedure_text ul li,
    body:not(#page_top) #main_right #main_module .cat_top.procedure_text.retire ul li,
    body:not(#page_top) #main_right #main_module .cat_top.procedure_text ul.retire li:last-child {
        width: 97%;
        margin: 10px 0 0 0;
    }

    body:not(#page_top) #main_right #main_module .procedure.base_text .page_link li {
        width: 100%;
        display: block;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .page_link li:ntc-child(odd) {
        padding-right: 0;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .page_link li a {
        width: 100%;
        display: block;
        min-height: 0;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .download {
        margin-bottom: 10px;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .download table td:nth-child(2) {
        text-align: right;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .download table td a.sample {
        display: inline-block;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .download table td a.sample br {
        display: none;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text .text ul {
        margin-bottom: 5px;
    }

    /* 退職後に利用可能な共済事業 */
    body:not(#page_top) #main_right #main_module .procedure.base_text table.retirement th:nth-child(3) {
        white-space: nowrap;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text table.retirement td:first-child {
        white-space: normal;
        width: 20%;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text table.retirement td:nth-child(2) {
        width: 60%;
    }
    body:not(#page_top) #main_right #main_module .procedure.base_text table.retirement td img {
        max-width: 60px;
    }
    
    
    /* 警生協について -----------*/
    body:not(#page_top) #main_right #main_module .cat_top.about .col-sm-5,
    body:not(#page_top) #main_right #main_module .cat_top.about .col-sm-7 {
        float: left;
    }
    body:not(#page_top) #main_right #main_module .cat_top.about .col-sm-5 {
        width: 41.66666667%;
    }
    body:not(#page_top) #main_right #main_module .cat_top.about .col-sm-7 {
        width: 58.33333333%;
    }
    body:not(#page_top) #main_right #main_module .cat_top.about .col-sm-5 img {
        max-width: 90%;
    }
    
    
    /*--- 掲示板 ----------------*/

    /* 掲示板一覧 ---*/
    body#page_bbs_list table.bbs_table {
        margin-bottom: 40px;
        margin-right: 0;
        margin-left: 0;
        border-bottom: 1px solid #CCC;
    }
    body#page_bbs_list table.bbs_table th,
    body#page_bbs_list table.bbs_table td {
        display: block;
        border-bottom: 0;
    }
    body#page_bbs_list table.bbs_table th {
        min-width: 100%;
        padding-bottom: 7px;
    }
    body#page_bbs_list table.bbs_table th a:before {
        font-family: ionicons;
        content: "\f362";
        color: #008dcc;
        font-size: 16px;
        margin-right: 7px;
    }
    body#page_bbs_list table.bbs_table td {
        border-top: 0;
        padding-top: 0;
    }
    
    
    
    /* タブメニュー */
    body.page_under .bbs .nav-tabs {
        border-bottom: 0;
    }
    body.page_under .bbs .nav-tabs>li {
        float: none;
        width: 100%;
    }
    body.page_under .bbs .nav-tabs>li>a {
        width: 100%;
        margin-right: 0;
        vertical-align: middle;
    }
    body.page_under .bbs .nav-tabs>li>a:before {
        font-family: ionicons;
        content: "\f362";
        color: #008dcc;
        font-size: 16px;
        margin-right: 7px;
    }
    body.page_under .bbs .nav-tabs>li.active>a:before {
        content: "\f363";
        margin-left: 4px;
        margin-right: 9px;
    }
    
    
    /* タイトル ---*/

    /* 掲示板詳細 */

    /* ページ送り */
    body.page_under .bbs .page_under .bbs .page_links p.summary {
        margin-bottom: 5px;
    }

    /* ツリー表示 */
    body.page_under .bbs ul.bbs_show_tree {
        margin-top: 30px;
        border-bottom: 1px solid #CCC;
    }
    body.page_under .bbs .bbs_show_tree li {
        border-top: 1px solid #CCC;
        padding: 15px;
        font-size: 1.4rem;
    }
    body.page_under .bbs .bbs_show_tree li span,
    body.page_under .bbs .bbs_show_tree li a {
        display: table-cell;
    }
    body.page_under .bbs .bbs_show_tree li a {
        width: 100%;
        padding-right: 0;
        display: block;
    }
    body.page_under .bbs .bbs_show_tree li span.name {
        white-space: nowrap;
    }

    /* スレッド表示 */

    /* 投稿：入力 */
    body.page_under .bbs .bbs_input_form table th,
    body.page_under .bbs .bbs_input_form table td {
        padding: 10px 15px;
        display: block;
        width: 100%;
    }
    body.page_under .bbs .bbs_input_form table td textarea {
        height: 100px;
    }
    body.page_under .bbs .bbs_input_form .btn_form {
        padding: 15px 50px;
    }
    
    /* 確認画面 */
    body.page_under .bbs .bbs_input_form table.bbs_show_verify_form th,
    body.page_under .bbs .bbs_input_form table.bbs_show_verify_form td {
        padding: 15px;
    }
    
    /* 完了画面 */
    body.page_under .bbs table.msgtable {
        width: 80%;
        margin: 20px auto;
        background-color: #f3f3f3;
    }
    body.page_under .bbs table.msgtable td {
        padding: 20px;
        text-align: center;
        font-size: 1.4rem;
    }
    

    /* サイトマップ ---------- */
    #sitemap h4,
    #sitemap h5 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #sitemap h5 {
        font-weight: bold;
    }
    #sitemap ul {
        padding-left: 10px;
        padding-right: 10px;
        display: block;
    }
    #sitemap ul li {
        display: block;
        width: 100%;
    }
    
    /*画像用*/
    .news_detail p img {
        max-width: 50%;
    }    
    img.rightImg {
        float:right;
        margin-left:2%;
        width:50%;
    }
    img.leftImg {
        float: left;
        margin-right:2%;
        width:50%;
    }
    img.w100Img {
        width:100% !important;
        height: auto !important;
        max-width:100% !important;
        margin: 0 0 10px !important;
    }
    
    
    /* 単独ページ ------------------------------------------ */

    /* 共通 */
    body:not(#page_top) .one_page #main_module .bg_gray {
        background-color: #f2f2f2;
        margin-top: 40px;
        padding: 25px;
        border-radius: 5px;
    }
    body:not(#page_top) .one_page #main_module .btn_area.border {
        border: 4px solid #efefef;
        margin-top: 40px;
        padding: 25px 25px 10px;
    }
    body:not(#page_top) .one_page #main_module .btn_area.border  ul {
        -js-display: flex;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    body:not(#page_top) .one_page #main_module .btn_area.border  li {
        width: 100%;
        margin: 0 0 20px;
    }
    body:not(#page_top) .one_page #main_module .bg_gray02 {
        padding: 15px;
    }
    body:not(#page_top) .one_page #main_module .btn_area dl {
        display: block;
    }
    body:not(#page_top) .one_page #main_module .btn_area dl dt,
    body:not(#page_top) .one_page #main_module .btn_area dl dd {
        display: block;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    
    /* 「新火災共済」移行手続特集 ---------------------*/
    /* トップ：動画 */
    body:not(#page_top) .one_page #main_module .contact {
        margin-right: 0;
        margin-left: 0;
    }
    body:not(#page_top) .one_page #main_module .contact p.sub {
        margin-right: 20px;
        margin-left: 20px;
    }
    body:not(#page_top) .one_page #main_module .bg_yellow.col-sm-6 {
        width: 100%;
        margin-top: 20px;
    }
    body:not(#page_top) .one_page #main_module .bg_yellow:first-child {
        margin-right: 0;
    }
    body:not(#page_top) .one_page #main_module .bg_yellow h4 {
        min-height: 0;
    }
    
    /* お問合せ先 */
    body:not(#page_top) .one_page #main_module .base_text .callcenter .list {
        float: none;
        width: 100%;
        padding-top: 0;
        padding-right: 0;
    }
    body:not(#page_top) .one_page #main_module .base_text .callcenter .tel {
        float: none;
        width: 100%;
        margin-top: 15px;
        padding-left: 0;
        padding-top: 50px;
        background: url('/files/user/img/under/bg_callcenter02.png') center top no-repeat;
        background-size: auto 30px;
    }
    body:not(#page_top) .one_page #main_module .base_text .callcenter .tel p span.number {
        font-size: 40px;
    }
    
    /* よくあるご質問 */
    body:not(#page_top) .one_page #main_module .cat_top.procedure_text ul.sub {
        margin-top: 0;
    }
    body:not(#page_top) .one_page #main_module .cat_top.procedure_text ul li,
    body:not(#page_top) .one_page #main_module .cat_top.procedure_text ul.sub li,
    body:not(#page_top) .one_page #main_module .cat_top.procedure_text ul.sub li:last-child {
        width: 95%;
    }
    body:not(#page_top) .one_page #main_module .cat_top.procedure_text ul li:first-child {
        margin-top: 10px;
    }

    


}
@media (max-width: 870px) {
    body:not(#page_top) .one_page #main_module .one_page_board {
        width: 100%;
        margin: 0 auto;
    }
}


@media (max-width: 320px) {
    body:not(#page_top) #main_right #main_module .procedure.base_text table.retirement td img {
        max-width: 40px;
    }
}




/* 201803 add */
@media (max-width: 768px) {
    body:not(#page_top) #main_right #main_module .cat_top .lead {
        margin-left: 0;
        padding: 0px 0 5px 39px;
        min-height: 29px;
    }
}

/*20180320add*/


@media (max-width: 991px) {
    body:not(#page_top) .one_page #main_module #minaoshi p.icon-caution {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    body:not(#page_top) .one_page #main_module #minaoshi img.visible-xs {
        display: inline-block !important;
    }
}

/*保険の見直し【財産補償編】*/
@media (max-width: 870px) {
    body:not(#page_top) .one_page #main_module #minaoshi div.border div.caption_01 {
        padding-right: 10px;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.pic.nyuin li {
         margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    body:not(#page_top) .one_page #main_module #minaoshi h4.zaisan {
        padding-top: 5px;
        padding-bottom: 35px;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.pic li {
        display: block;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.pic ul.img-point li {
        width: 90%;
        margin: 10px auto;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.pic.nyuin li {
        margin-right: 0;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.pic.nyuin li.w80 {
        width: 80%;
        margin: 10px auto;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi span.txtWrap {
        display: block;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi p.tit_naiyou {
        padding-left: 0;
    }
    body:not(#page_top) .one_page #main_module #minaoshi table.col-sm-9 {
        width: 100%;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.col-sm-3.txt {
        width: 100%;
        padding-left: 0;
        padding: 10px;
        border: 2px solid #F00;
    }
    body:not(#page_top) .one_page #main_module #minaoshi .text {
        padding-left: 0;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.border-shibou {
        margin-left: 0;
        padding: 10px;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi div.shibou_check {
        margin-left: 0;
    }
    
    body:not(#page_top) .one_page #main_module #minaoshi table.col-sm-9.seimei {
        width: 85%;
    }

    
    body:not(#page_top) .one_page #main_module #minaoshi table,
    body:not(#page_top) .one_page #main_module #minaoshi table.seimei,
    body:not(#page_top) .one_page #main_module #minaoshi table.izoku {
        width: 100%;
    }
}


 /*---------------------------------------------
    201811 update
    ・/top ライフスタイルから選ぶ
 ---------------------------------------------*/
@media (max-width: 767px) {
    #main_products .row.bottom .lifeevent ul li.bg05 {
        width: 100%;
    }
    #main_products .row.bottom .lifeevent ul li.bg05 a {
        background-position: center;
        padding-left: 15px;
    }
}

/*---------------------------------------------
    201811 update
    ・/kyousai/ kiyaku tab add
 ---------------------------------------------*/
@media (max-width: 767px) {
    #tabAccordion.tab_kiyaku_on dl dt,
    #tabAccordion.tab_kiyaku_on dl.kanren_faq dt {
        width: 100%;
        left: 0;
    }
    #tabAccordion.tab_kiyaku_on dl:nth-child(2) dt,
    #tabAccordion.tab_kiyaku_on dl:nth-child(3) dt,
    #tabAccordion.tab_kiyaku_on dl:nth-child(5) dt {
        left: 0;
    }
    #tabAccordion.tab_kiyaku_on dl:nth-child(5) dt {
        left: 0;
        top: 172px;
        width: 100%;
    }
    #tabAccordion.tab_kiyaku_on  dl dd {
        top: 215px;
    }
    #tabAccordion.tab_kiyaku_on dl:nth-child(5) dd {
        padding-bottom: 40px !important;
    }
}


body:not(#page_top) #main_module .btn_zoom {
    display: none;
}

@media (max-width: 767px) {
    /* ボタン */
    body:not(#page_top) #main_module .btn_zoom {
        display: inline-block;
        float: right;
        text-align: center;
        text-decoration: none;
        margin-top: 10px;
        padding: 5px 10px;
        font-weight: bold;
        line-height: 1;
        border-radius: 5px;
        color: #000;
        background-color: #ebebeb;
        box-shadow:0px 3px 0px 0px #b1b1b1;
        -moz-box-shadow:0px 3px 0px 0px #b1b1b1;
        -webkit-box-shadow:0px 3px 0px 0px #b1b1b1;
    }
    body:not(#page_top) #main_module .btn_zoom:before {
        font-family: ionicons;
        content: "\f4a4";
        margin-right: 7px;
        font-size: 20px;
        vertical-align: middle;
    }    }

/*202306*/
    @media (max-width: 767px) {
    
    div.nyuinRbox {
  border:4px solid #ff0000;
  width:45%;
  float:left;
  margin-left:18px;
  margin-top:10px;
  padding-top:15px;
  background:#fffdde;
  text-align:center;
} 

p.genjyo_tit {
  text-align:center;
  margin:50px 20px 30px 25px;
  background:#ff0000;
  font-size:140%;
  color:#fff;
  border-radius:15px;
}

div.blbotop {
    border:2px solid #336594;
  width:95%;
  padding:15px 10px;
  margin:0 10px 0 15px;
}

p.madoguchi {
   background: #336594;
   font-weight:bold;
   color:#fff;
font-size:120%;
padding:5px 20px;
width:95%;
margin-left:10px;

}

table.colendar {
  width:98% !important;
}

table.colendar tr.wr02 td.pcol01 img {
  width:95%;
}

table.colendar tr.wr02 {
  background: url(/files/user/img/under/calendar_2line.gif?v=) left repeat-y;
background-size: 101% auto;
}
table.colendar tr.wr03 {
  background: url(/files/user/img/under/carendr_3line.gif?v=) left repeat-y;
  background-size: 101% auto;
  padding-bottom:20px;
}

   }