@charset "UTF-8";

/* ----------------------------------------------------------------
    Normalize
----------------------------------------------------------------- */
/* Document
----------------------------------------------- */
html {
  direction: rtl;
}

/* ----------------------------------------------------------------
    Localize
----------------------------------------------------------------- */
/* .h-logo
----------------------------------------------- */
.h-logo img {
  width: 391px;
}

@media only screen and (max-width: 1240px) {
  .h-logo img {
    width: 266px;
  }
}

/* .h-utility
----------------------------------------------- */
.h-utility {
  top: 41px;
  left: 50%;
  width: 100%;
  max-width: 1200px;
  padding: 0 355px 0 0;
}

.no-js .h-utility {
  padding-right: 0;
}

@media only screen and (max-width: 1240px) {
  .h-utility {
    padding-right: 0;
  }
}

/* .h-select
----------------------------------------------- */
.h-select_inner::before {
  right: 11px;
  left: auto;
}

.h-select_inner::after {
  right: auto;
  left: 72px;
}

.h-select_list {
  padding: 7px 37px 7px 103px;
}

.h-select_btn {
  right: auto;
  left: 8px;
}

@media only screen and (max-width: 1240px) {
  .h-select_inner::after {
    right: auto;
    left: 83px;
  }
  .h-select_list {
    padding: 7px 37px 7px 109px;
  }
}

/* .h-search
----------------------------------------------- */
.h-search {
  margin: 0 20px 0 0;
}

.h-search_txt {
  padding: 7px 7px 7px 38px !important;
  background-position: top 50% right 9px !important;
}

.h-search_btn {
  right: auto;
  left: 11px;
}

@media only screen and (max-width: 1240px) {
  .h-search {
    margin: 0 0 23px 0;
  }
  .h-search_txt {
    height: 40px;
    padding-right: 10px !important;
    padding-left: 49px !important;
  }
  .h-search_btn {
    right: auto;
    left: 20px;
  }
}

/* .h-link-list
----------------------------------------------- */
.h-link-list {
  margin: 0 20px 0 0;
}

.h-link-list > li {
  margin: 0 24px 0 0;
}

.h-link-list > li:first-child {
  margin-right: 0;
}

.h-link-list > li > a {
  padding: 0 13px 0 0;
}

.h-link-list > li > a::before {
  right: 0;
  left: auto;
  transform: rotate(-135deg);
}

@media only screen and (max-width: 1240px) {
  .h-link-list {
    margin: 0 0 27px 0;
  }
}

/* .h-menu
----------------------------------------------- */
@media only screen and (max-width: 1240px) {
  .h-menu_btn {
    right: auto;
    left: 0;
  }
}

/* ----------------------------------------------------------------
    Footer (.footer and .f-*)
----------------------------------------------------------------- */
/* .f-link-list
----------------------------------------------- */
.f-link-list > li > a {
  padding: 0 18px 0 0;
}

.f-link-list > li > a::before {
  right: -3px;
  left: auto;
  transform: rotate(-135deg);
}

/* .f-link
----------------------------------------------- */
.f-link > a {
  padding: 0 19px 0 0;
}

.f-link > a::before {
  right: -2px;
  left: auto;
  transform: rotate(-135deg);
}

/* .f-copyright
----------------------------------------------- */
.f-copyright {
  direction: ltr;
}

/* ----------------------------------------------------------------
    Heading (.hdg[-*])
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2::after {
  right: 0;
  left: auto;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3 {
  margin: 40px 0 25px;
  padding: 0 19px 0 0;
  border-right: 6px solid #213155;
  border-left: 0;
}

@media only screen and (max-width: 767px) {
  .hdg-l3 {
    padding-left: 12px;
    border-right-width: 4px;
  }
}

/* ----------------------------------------------------------------
    Breadcrumb (.breadcrumb[-*])
----------------------------------------------------------------- */
/* .breadcrumb
----------------------------------------------- */
.breadcrumb_list > li {
  padding: 0 0 0 13px;
}

.breadcrumb_list > li:not(:first-child) {
  padding-right: 19px;
}

.breadcrumb_list > li:not(:first-child)::before {
  right: -3px;
  left: auto;
  transform: rotate(-135deg);
}

@media only screen and (max-width: 767px) {
  .breadcrumb_inner {
    padding: 0 20px;
  }
  .breadcrumb_list > li {
    padding-right: 9px;
  }
  .breadcrumb_list > li:not(:first-child) {
    padding-left: 17px;
  }
}

/* ----------------------------------------------------------------
    List (.list[-*])
----------------------------------------------------------------- */
/* .list
----------------------------------------------- */
.list > li {
  padding: 0 40px 0 0;
}

.list > li:last-child {
  margin-bottom: 0;
}

.list > li::before {
  right: 10px;
  left: auto;
}

.uni-list-covid .list > li {
  margin-bottom: 14px;
  padding-left: 26px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.uni-list-covid .list > li::before {
  left: 5px;
}

.uni-list-covid .list > li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .list > li {
    padding: 0 24px 0 0;
  }
  .list > li::before {
    top: .5em;
    left: 7px;
    width: 6px;
    height: 6px;
  }
  .uni-list-covid .list > li {
    margin-bottom: 15px;
    padding-left: 24px;
    font-size: 1.4rem;
  }
}

/* .list-info
----------------------------------------------- */
.list-info_txt > a {
  padding: 0 35px 0 0;
}

.list-info_txt > a::before {
  right: 7px;
  left: auto;
  transform: rotate(180deg);
  background: url("/main_sosiki/joho_tsusin/common/img/icon/arrow.svg") no-repeat 0 0;
}

@media only screen and (max-width: 767px) {
  .list-info {
    margin-top: 30px;
  }
  .list-info > li {
    flex-direction: column;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .list-info_date,
  .list-info_txt {
    flex: 0 0 auto;
    font-size: 1.6rem;
  }
  .list-info_txt {
    margin-top: 6px;
    margin-left: 0;
  }
  .list-info_txt > a::before {
    top: .2em;
  }
}

/* ----------------------------------------------------------------
    Link (.link[-*])
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link {
  padding: 0 26px 0 0;
}

.link::before {
  right: 0;
  left: auto;
  transform: rotate(180deg);
  background: url("/main_sosiki/joho_tsusin/common/img/icon/arrow.svg") no-repeat 0 0;
}

/* .link-list
----------------------------------------------- */
.link-list > li > a {
  padding: 0 26px 0 0;
}

.link-list > li > a::before {
  right: 0;
  left: auto;
  transform: rotate(180deg);
}

.link-list > li > span {
  padding: 0 26px 0 0;
}

.link-list > li > span::before {
  right: 0;
  left: auto;
}

.link-list > li > ul,
.link-list > li > ol {
  margin: 14px 26px 0 0;
}

.uni-link-list .link-list > li > a,
.uni-link-list .link-list > li > span {
  padding: 0 33px 0 0;
}

@media only screen and (max-width: 767px) {
  .link-list > li > span {
    padding: 0 24px 0 0;
  }
  .uni-link-list .link-list > li > a,
  .uni-link-list .link-list > li > span {
    padding: 0 29px 0 0;
  }
}

/* .link-list-archive
----------------------------------------------- */
.link-list-archive {
  margin-left: -2.5%;
}

.link-list-archive > li {
  flex-basis: calc(16.66667% - 2.43902%);
  margin-left: 2.43902%;
}

.link-list-archive > li > a {
  padding: 0 26px 0 0;
}

.link-list-archive > li > a::before {
  right: 0;
  left: auto;
  transform: rotate(180deg);
}

@media only screen and (max-width: 1240px) {
  .link-list-archive {
    margin-left: -1.58333%;
  }
  .link-list-archive > li {
    flex-basis: calc(33.33333% - 1.55865%);
    margin-left: 1.55865%;
  }
}

@media only screen and (max-width: 767px) {
  .link-list-archive {
    margin-left: -1.25%;
  }
  .link-list-archive > li {
    flex-basis: calc(50% - 1.23457%);
    margin-left: 1.23457%;
  }
  .link-list-archive > li {
    font-size: 1.6rem;
  }
}

/* ----------------------------------------------------------------
    Button (.btn[-*])
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn {
  padding: 12px 41px 12px 30px;
}

.btn::before {
  right: 14px;
  left: auto;
  transform: rotate(180deg);
  background: url("/main_sosiki/joho_tsusin/common/img/icon/arrow.svg") no-repeat 0 0;
}

.btn.-back::before {
  transform: rotate(0deg);
}

.hdg-l1_list .btn {
  min-width: 210px;
  padding: 17px 14px 17px 41px;
  background-color: #fff;
  line-height: 1;
}

.hdg-l1_list .btn:hover, .hdg-l1_list .btn:active, .hdg-l1_list .btn:focus {
  background-color: #213155;
}

@media only screen and (max-width: 767px) {
  .btn {
    min-width: 200px;
    padding: 9px 20px 9px 37px;
    font-size: 1.6rem;
  }
  .btn::before {
    left: 10px;
  }
  .hdg-l1_list .btn {
    width: 100%;
    min-width: auto;
    padding: 10px 20px 10px 37px;
    font-size: 1.6rem;
  }
}

/* ----------------------------------------------------------------
    Navigation (.nav[-*])
----------------------------------------------------------------- */
/* .nav-internal
----------------------------------------------- */
.nav-internal {
  margin: 55px 0;
  padding: 30px;
}

.nav-internal_list {
  margin: -20px 0 0 -25px;
}

.nav-internal_list > li {
  margin: 20px 25px 0 0;
  padding: 0 25px 0 0;
}

.nav-internal_list > li > a {
  padding: 0 27px 0 0;
}

.nav-internal_list > li > a::before {
  right: 0;
  left: auto;
  background: url("/main_sosiki/joho_tsusin/common/img/icon/arrow.svg") no-repeat 0 0;
}

/* ----------------------------------------------------------------
    Layout (.lyt[-*])
----------------------------------------------------------------- */
/* .lyt-archive
----------------------------------------------- */
.lyt-archive::before {
  left: 0;
}

.lyt-archive_hdg {
  padding: 0 0 0 40px;
}

.lyt-archive_list {
  margin: -20px -30px 0 0;
}

.lyt-archive_list > li {
  margin: 20px 30px 0 0;
  padding: 0 53px 0 0;
}

.lyt-archive_list > li::before {
  right: 12px;
  left: auto;
  transform: rotate(-35deg);
}

.lyt-archive_list > li > a {
  padding: 0 30px 0 0;
}

.lyt-archive_list > li > a::before {
  right: 0;
  left: auto;
  transform: rotate(-180deg);
  background: url("/main_sosiki/joho_tsusin/common/img/icon/arrow.svg") no-repeat 0 0;
}

/* ----------------------------------------------------------------
    Unique (.uni[-*])
----------------------------------------------------------------- */
/* .uni-panel-nl
----------------------------------------------- */
.uni-panel-nl_hdg > a {
  padding: 0 30px 0 0;
}

.uni-panel-nl_hdg > a::before {
  right: 0;
  left: auto;
  transform: rotate(180deg);
  background: url("/main_sosiki/joho_tsusin/common/img/icon/arrow.svg") no-repeat 0 0;
}

/* .uni-list-covid
----------------------------------------------- */
.uni-list-covid {
  margin: 30px 0;
}

.uni-list-covid > li {
  margin: 0 0 40px;
  padding: 0 40px 0 0;
}

.uni-list-covid > li::before {
  right: 0;
  left: auto;
}

/* ----------------------------------------------------------------
    Toggle (.toggle[-*])
----------------------------------------------------------------- */
/* .toggle
----------------------------------------------- */
.toggle_hdg {
  text-align: right;
}

.no-js .toggle_hdg {
  padding: 24px 66px 24px 48px;
}

.no-js .toggle_hdg::before {
  left: 11px;
}

.toggle_hdg_inner {
  padding: 24px 66px 24px 48px;
}

.toggle_hdg_inner::before {
  right: 11px;
  left: auto;
  margin-top: -4px;
}

.toggle_hdg_inner > span {
  right: auto;
  left: 11px;
}

@media only screen and (max-width: 767px) {
  .no-js .toggle_hdg {
    padding: 17px 40px 18px 30px;
  }
  .no-js .toggle_hdg::before {
    left: 7px;
  }
  .toggle_hdg_inner {
    padding: 17px 30px 18px 40px;
  }
  .toggle_hdg_inner::before {
    right: 7px;
  }
}

/* ----------------------------------------------------------------
    Table (.tbl[-*])
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl th,
.tbl td {
  border-right: 0;
  border-left: 2px solid #ccc;
}

.tbl th:last-child,
.tbl td:last-child {
  border-left: 0;
}

.tbl tbody th {
  text-align: right;
}

.tbl_indent {
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .tbl th,
  .tbl td {
    border-right-width: 0;
    border-left-width: 1px;
  }
  .tbl.-ss-col1 thead th,
  .tbl.-ss-col1 thead td {
    border-left: 0;
  }
  .tbl.-ss-col1 tbody th,
  .tbl.-ss-col1 tbody td {
    border-left: 0;
  }
  .tbl_indent {
    margin-right: 15px;
    margin-left: 0;
  }
}