@charset "utf-8";

h2.flow-info { background-color:#f5f6f8; border:#999 2px solid; border-radius: 5px; padding:5px 15px; }

/*汎用 [任意]ラベル*/
.tag-label-notice { background-color: #ffdd57; border-radius: 4px; display: inline-block; padding: 5px; text-align: center; width: 2.5em; }
.tab-label-include { margin-left: 4.5em; position: relative; }
.tab-label-include .tag-label-notice { position: absolute; left: -4em; top: 0.3em; }

/*index-j.html お手続きフロー図*/
.flow-process { position: relative; margin-top: 20px; width: auto; }
.flow-process .flow-process-fragment { float: left; width: 18%; margin-right: 10px; position: relative; }
.flow-process .flow-process-fragment .tag-label-notice { position: absolute; left: 3px; top: 3px; }
.flow-process .flow-process-fragment .flow-process-subject { border:#999 2px solid; background-color:#f5f6f8; border-radius: 5px; text-align: center; padding:20px 10px; }
.flow-process .flow-process-description { float: right; padding-top: 10px; width: 80%; }
.flow-process .flow-arrow { float: left; width: 18%; min-width: 180px; padding-top: 20px; }

/*index-j.html 各種お申込みボタン*/
.procedure-button   { display: block; padding: 10px; background-color:#4092ce; width: auto; box-sizing: border-box; border-radius: 5px; color: #fff; text-align: center; }
.procedure-button a { color: #fff!important; }

/*index-j.html ページ内ナビゲーション*/
.hdg-level2-withnav-mod { position: relative; padding: 0; }
.hdg-level2-withnav-mod .nav-arrow { position: absolute; right: 0; top: 0.5em; min-height: 50px; }
.hdg-level2-withnav-mod .nav-arrow a.nav-arrow-down, .hdg-level2-withnav-mod .nav-arrow a.nav-arrow-up { vertical-align: middle; padding: 10px 10px 10px 30px; /*border: 1px solid #ededed;*/ }
.hdg-level2-withnav-mod .nav-arrow a.nav-arrow-down { background: #d8eec3 url(bg_arrow02.png) no-repeat left center; background-size: 30px 30px; }
.hdg-level2-withnav-mod .nav-arrow a.nav-arrow-up { background: #d8eec3 url(bg_arrow04.png) no-repeat left center; background-size: 30px 30px; }

/*エリア別ページ テーブル間の「+」*/
.days-plus-wrapper { width: 100%; position: relative; min-height: 50px; margin-bottom: 10px; }
.days-plus-wrapper .days-plus { width: 15%; position: absolute; left: 0; top: 0; text-align: right; }
.days-plus-wrapper .days-plus-text { width: 82%; display: inline-block; margin: 0 0 0 18%!important; padding-top: 0.5em; }

/*汎用 戻りリンクボタン*/
.link-btn-return-wrapper p { margin: 10px 0; }
.link-btn-return-wrapper a.link-btn-return { border: 1px #ededed solid; padding: 10px 30px 10px 30px; background: no-repeat url(/shared_hd/css/images/icon_arrow_m04.png) 5% center; background-size: 10px 16px; min-width: 180px; display: inline-block; }

/*index-j.html モーダルウィンドウ中の説明文*/
.inline-wrap-description-mod { padding-top: 10px!important; padding-bottom: 10px!important; }

@media screen and (max-width: 767px) {
    .tag-label-notice { padding: 3px; }
    .tab-label-include { margin-left: 3px; }
    .tab-label-include .tag-label-notice { position: relative; left: 0; top: 0; display: inline-block; }
    .flow-process { height: auto; margin-top: 10px; }
    .flow-process .flow-process-fragment { float: none; width: 100%; }
    .flow-process .flow-process-fragment .tag-label-notice { left: 10px; top: 25%; }
    .flow-process .flow-process-fragment .flow-process-subject { padding: 10px 5px; }
    .flow-process .flow-process-description { float: none; padding-top: 10px; width: 100%; }
    .flow-process .flow-arrow { float: none; width: 100%; padding-top: 10px; }
    .hdg-level2-withnav-mod .nav-arrow { position: relative; margin-left: auto; text-align: right; }
    .days-plus-wrapper .days-plus-text { padding-top: 0.2em; }
    .inline-wrap-description-mod { padding-top: 10px!important; padding-bottom: 10px!important; }
    .inline-wrap-description-mod h4.hdg-level4 { margin-top: 0; }
    }