@charset "utf-8";

/* ===========================================
lightboxスタイル▼
=========================================== */

html.lb-disable-scrolling {
    overflow: hidden;
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid white;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: white;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
/*     background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); */
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: #4ae;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 1.2rem;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/images/close.png) top right no-repeat;
    text-align: right;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}


/* ===========================================
CMS用スタイル
=========================================== */


/* html5用 */

article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}


/* ▼横幅広いテーブルためし
jquery.table.js
============================== */

.table-scroll {
    overflow: auto;
    padding: 10px;
    background-color: #f9f9f9;
    margin-bottom: 30px;
    border: 1px solid #CCC;
}

button {
    border: none;
    background: none;
    border-radius: 0;
    font-family: inherit;
    cursor: pointer;
}


/* ガイダンス
============================== */

.img-guidance {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute;
    overflow: hidden;
}

hr {
    display: none;
}

.guidance {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute;
    overflow: hidden;
}


/* 目隠し見出し用指定 */

.txtno-display {
    margin: 0;
    padding: 0;
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
}


/* ハイコントラスト用 */


/* 見出しフォントサイズ
============================== */

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 2.0rem;
}

h3 {
    font-size: 1.7rem;
}

h4 {
    font-size: 1.6rem;
}


/* 更新日・snsボタン
============================== */

.icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* 画像パーツ
============================== */

img {
    border: none;
    vertical-align: middle;
}

.img-area {
    padding: 0;
    display: block;
    margin: 0 0 10px 0;
}


/* 画像エリア内floatのclear */

.img-area:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}


/* 画像リンク　2個横並び */

p.imglink-side2 {
    float: left;
    padding: 0;
    text-align: center;
    display: table;
    width: 160px;
    /* minimum width */
}

.imglink-side2 {
    margin: 0 10px 5px 10px;
}

.imglink-side2 span {
    display: block;
}

p.imglink-side2:nth-child(1) {
    margin: 0 10px 5px 0;
}


/* 画像横並び（3連） */

p.imglink-side3 {
    padding: 0;
    text-align: center;
    float: left;
    display: table;
    width: 160px;
    /* minimum width */
}

p.imglink-side3 {
    margin: 0 10px 5px 10px;
    padding: 0;
}

p.imglink-side3 span {
    padding: 0;
}

p.imglink-side3:nth-child(1) {
    margin: 0 10px 5px 0;
}

/* a11_画像横並び(2連)　a11_画像横並び(3連)　中央寄せ */
.img-area.img-set-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.img-area.img-set-center p.imglink-side2 {
  text-align: center;
  width: calc((100% - 20px) / 2);
  flex-shrink: 0;
}
.img-area.img-set-center p.imglink-side2:nth-child(2) {
  margin-right: 0;
}
.img-area.img-set-center p.imglink-side2 span {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.img-area.img-set-center p.imglink-side3 {
  text-align: center;
  width: calc((100% - 40px) / 3);
  flex-shrink: 0;
}
.img-area.img-set-center p.imglink-side3:nth-child(3) {
  margin-right: 0;
}
.img-area.img-set-center p.imglink-side3 span {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
}

/* IE */
@media all and (-ms-high-contrast: none) {
  .img-area.img-set-center p.imglink-side2 {
    width: 45%;
  }
  .img-area.img-set-center p.imglink-side3 {
    width: 30%;
  }
}

/* 画像リンク　4連 */

p.imglink-side4 {
    float: left;
    margin: 0 10px 5px 10px;
    padding: 0;
    color: #222222;
    text-align: center;
    display: table;
    width: 160px;
    /* minimum width */
}

p.imglink-side4 img {
    padding: 0;
}

p.imglink-side4 span {
    margin: 0 0 0 10px;
    padding: 0;
}

p.imglink-side4:nth-child(1) {
    margin: 0 10px 5px 0;
}


/* 画像リンク　5連 */

p.imglink-side5 {
    float: left;
    margin: 0.56em 10px 0.1em 0;
    padding: 0;
    color: #222222;
    text-align: center;
    float: left;
    display: table;
    width: 160px;
    /* minimum width */
}

p.imglink-side5 img {
    padding: 0;
}

p.imglink-side5 span {
    margin: 0 0 0 10px;
    padding: 0;
}

p.imglink-side5 a {
  text-decoration: none;
}


/* 画像、画像リンク　左（文章回りこみ） */

.img-area-l {
    margin-bottom: .85rem;
    overflow: hidden;
}

.imglink-txt-left {
    float: left;
    margin: 0;
    text-align: center;
    display: table;
    width: 160px;
    /* minimum width */
    padding: 0;
    padding-right: 10px;
}

.imglink-txt-left img {
    padding: 0;
}

p.imglink-txt-left span {
    display: block;
}


/* 画像、画像リンク　右（文章回りこみ） */

.img-area-r {
    padding: 0;
    overflow: hidden;
    margin-bottom: .85rem;
}

p.imglink-txt-right {
    float: right;
    margin: 0;
    text-align: center;
    display: table;
    width: 160px;
    /* minimum width */
    padding: 0 0 0 10px;
}

p.imglink-txt-right img {
    padding: 0;
}

p.imglink-txt-right span {
    display: block;
}


/* HTML取り込み枠 */

.insertfile {
    margin: 0.8em 0 1.2em 0;
    padding: 0;
}


/* 地図エリア、画像リンク（文章回りこみ）用再調整 */

.wysiwyg_wp ol, .wysiwyg_wp ul, .img-area-l .h3bg, .img-area-l .h3bg, .img-area-l .h4bg, .img-area-l ul, .img-area-l ol, .img-area-r .h3bg, .img-area-r .h3bg, .img-area-r .h4bg, .img-area-r ul, .img-area-r ol {
    overflow: hidden;
    _zoom: 1;
}

.img-area-l .h2bg, .img-area-r .h2bg {
    overflow: hidden;
    clear: none;
}

.img-area-l .h2bg div, .img-area-r .h2bg div {
    overflow: hidden;
    clear: none;
}

.img-area-l h2, .img-area-r h2 {
    overflow: hidden;
    clear: none;
}

.img-area-l .h3bg {
    margin-left: 0;
}

.img-area-l .h4bg {
    margin-left: 0;
}

.img-area-l p {
    margin-left: 0;
    overflow: hidden;
}

.img-area-l ul {
    padding-left: 40px;
}

.img-area-l ol {
    padding-left: 40px;
}

.img-area-r ol {
    padding-left: 40px;
}


/* 地図エリア */

.mapimg {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
}


/* 追加調整 */

p {
    margin-bottom: .85em;
}


/* 第三階層ナビゲーション
============================== */

#sub-navi li.menu_btn:first-child>a::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: '';
    width: 1px;
    height: calc(100% - 1.5em);
    background-color: #cbd3df;
    z-index: 9000;
}

#sub-navi li.menu_btn>a::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    content: '';
    width: 1px;
    height: calc(100% - 1.5em);
    background-color: #cbd3df;
    z-index: 9000;
}

#g-navi ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sub-navi ul#tabMenu {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* position: relative; */
}

.ko_menu_in {
    width: 960px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4;
    margin: 0 auto;
}

.ko_menu {
    -webkit-transition: opacity 0.5s, visibility 0s ease 0.5s;
    -o-transition: opacity 0.5s, visibility 0s ease 0.5s;
    transition: opacity 0.5s, visibility 0s ease 0.5s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: #1C356C 3px solid;
    padding: 30px;
    background: rgba(252, 255, 255, 0.95);
    margin-top: -2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999;
}

.ko_menu.active {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
    visibility: visible;
}

#sub-navi li.menu_btn>a.btn_active {
    color: #ffffff;
    background: #1C356C;
}

#sub-navi ul#tabMenu li.menu_btn>a:hover {
    color: #ffffff;
    background: #1C356C;
}

#sub-navi ul#tabMenu.kurashi-navi li.menu_btn>a {
    padding: 12px 10px;
}

#sub-navi ul#tabMenu li.menu_btn>a {
    list-style: none;
    padding: 12px 8px;
    display: block;
    position: relative;
}

.ko_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ko_menu_in ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

.ko_menu_in ul li {
    margin: 0 25px 22px 0;
    width: calc(100% / 4 - 25px);
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 16px;
    vertical-align: middle;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ko_menu_in ul li::before {
    position: absolute;
    top: .3em;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #2b6bba;
    border-right: 1px solid #2b6bba;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ko_menu_in p {
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0 0 20px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    text-align: left;
}


/* ファイルダウンロード
============================== */

.filelink a {
    background-image: url(/images/shared-file_oth.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    clear: both;
    display: inline-block;
    background-position: 0 .3em;
    vertical-align: bottom;
}


/* 内部リンク
============================== */

.innerLink a.innerLink {
    background-image: url(/images/shared-icon-innerLink.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    background-position: 1px .4em;
}


/* 外部リンク
============================== */

.externalLink a.externalLink {
    background-image: url(/images/shared-icon-window.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    background-position: 0 .4em;
}


/* ページ内ジャンプ横用
============================== */

ul.linkjump li::before {
    content: none;
}

ul.linkjump {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

ul.linkjump li {
    float: left;
    margin: 0.2em 0 0.2em 0;
    padding: 3px 25px 1px 20px;
    line-height: 1.2;
    background-image: url(/images/c_icon_jumplink.png);
    background-repeat: no-repeat;
    background-position: 0 .5rem;
    _height: 1%;
}


/* Adobe Readerのダウンロード
============================== */

p.dladobereader {
    clear: both;
    margin-bottom: 15px;
    padding: 6px 8px 8px 8px;
    border: 1px solid #DDDDDD;
    background-color: #FFF;
}

p.dladobereader img {
    margin-right: 5px;
    vertical-align: middle;
}


/* この記事への問い合わせ
============================== */

.contact-free {
    padding: 10px 15px;
}


/* コンテンツ内のこのページの上へ戻る
============================== */

.tothispage2 {
    clear: both;
    margin: 0.56em 25px 0.56em 0;
    padding: 0;
}

.totoptxt {
    clear: both;
    line-height: 1.2;
    font-size: 1.5rem;
    text-align: right;
    position: relative;
    margin-left: auto;
}

.totoptxt:before {
    content: '';
    background-image: url(/images/c_icon_pagetop.png);
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    margin: 0 0 0 -20px;
    padding: 0 0 0 20px;
    image-rendering: auto;
    height: 8px;
    width: 10px;
}

.evecal_wp, .detail.bg-grd-body  {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}


/* フッタメニューエリア
============================== */


/* カテゴリ別メニュー */

.categoryMenu-wp {
    padding: 25px 0 25px 0;
}

.categoryMenu-wp h2 {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: relative;
    text-align: center;
}

.categoryMenu-wp h2 span {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: relative;
    z-index: 2;
    display: inline;
    margin: 0 1.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
    font-weight: bold;
}

.categoryMenu-wp h2::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    max-width: 100%;
    width: 100%;
    height: 1px;
    background-image: url(/images/categoryMenuTitle.gif);
}

.btn-list-case li {
    margin: 0;
    text-align: center;
    width: calc(100% / 8);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-list-case li a {
    display: block;
}

.btn-list-case li dt {
    padding: 0 0 12px;
    margin: 0;
}

.btn-list-case li a>img {
    margin: 0 auto;
    border-radius: 50%;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 88px;
    background-color: #2B77C3;
    -webkit-box-shadow: 0 4px #BEDDF1;
    box-shadow: 0 4px #BEDDF1;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-list-case li dt a:hover {
    opacity: 0.8;
}

.btn-list-case li dt a img {
    width: 80px;
    height: 80px;
    padding-top: 5px;
}

.btn-list-case li span.list-case-text {
    color: #333333;
    font-size: 1.4rem;
    margin: 0;
    display: block;
    padding: 10px 0;
}

.btn-list-case li:last-child {
    margin: 0;
}

.btn-list-case {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.categoryMenu-wp .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.categoryMenu-wp .l-contents {
    width: 640px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.categoryMenu-wp.foot .r-contents {
    width: 100%;
}

.categoryMenu-wp .r-contents {
    width: 300px;
}

ul.pc-kuarea-container li a {
    background-image: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 0 #6EAED9;
    box-shadow: 0 3px 0 #6EAED9;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #FFF;
    padding: 10px 10px;
    border: 1px solid #f1f1f1;
    text-decoration: none;
    width: 102px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.pc-kuarea-container li {
    display: inline-block;
    margin-bottom: 10px;
}

ul.pc-kuarea-container {
    padding: 0;
    margin: 0;
}

ul.pc-kuarea-container {
    width: 960px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

table.area-list td {
    padding: 0;
    border: none;
}

table.area-list {
    border: none;
    margin: 0 10px;
    table-layout: fixed;
    width: 100%;
}


/* ライフステージメニュー
============================== */

.btn-list-case li a span.life-btn-img {
    margin: 0 auto 5px auto;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: #2B77C3;
    -webkit-box-shadow: 0 4px #BEDDF1;
    box-shadow: 0 4px #BEDDF1;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* 広告エリア
============================== */

.kokoku-title h2 {
    font-size: 3.7rem;
    font-family: "游明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    text-align: center;
    color: #000000;
    background: none;
}

.kokoku-wp .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.kokoku-title {
    width: 180px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

.kokoku-list {
    width: 780px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.kokoku-list li {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 12px;
}

.kokoku-list li:nth-of-type(6n) {
    margin-right: 0;
}

.kokoku-wp {
    background-color: #E8E8E8;
    padding: 25px 0;
}

.kokoku-title p {
    padding: 0;
    margin: 0;
    text-align: center;
}

.kokoku-title p a {
    margin: 0;
    float: none;
}

.kokoku-title p a.icon-arrow:hover, .kokoku-title p a.icon-arrow {
    color: #16365D;
}


/* ローカルナビ
============================== */

#losubnavi {
    border-top: 1px solid #B0D7F7;
    background-color: #EDF7FF;
    padding: 25px 0;
    text-align: center;
}

.lobgbox ul li {
    text-align: left;
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 15px;
}

.lonav-btn h2 {
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    margin: 0;
    color: #1a4d74;
}

.lobgbox ul {
    padding: 10px 20px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 960px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0;
}

span.now {
    background-color: #FFF;
    padding: 5px;
}

.lonavi {
    display: none;
}

.lonav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* ローカルナビ開閉 */

button.lsnavi {
    padding: 2px 30px;
}

button.lsnavi.close {
}

/* ハイライト、「黒」背景時に適応 */
@media screen and (-ms-high-contrast: active) {
    button.lsnavi {
        background-color: #FFF;
    }
}


/* フッター
============================== */

#footer-navi ul, #footer-navi ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-link ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* インデックス
=================== */


/* 新着情報
============ */

h2.newinfo-title {
    background: #00499a;
    background: -webkit-linear-gradient(left, #00499a 0%, #1d81bd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#00499a), to(#1d81bd));
    background: -o-linear-gradient(left, #00499a 0%, #1d81bd 100%);
    background: linear-gradient(to right, #00499a 0%, #1d81bd 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 0 8px 21px;
    color: #FFF;
    border-radius: 5px 5px 0 0;
    margin: 0;
}

.newinfo-box {
    padding-bottom: 5px;
    background-color: #FFF;
    margin: 0 0 0.85em 0;
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: 0px 0px 6px 1px #dbdbdb;
    box-shadow: 0px 0px 6px 1px #dbdbdb;
}

.newinfo-box .h2bg {
    margin: 0;
}

.ichiran-link {
    text-align: right;
}

.newinfo-title h2 {
    padding: 10px 15px;
}

.ichiran-wp {
    overflow: hidden;
    margin: 0 15px;
}

.info-list .link {
    display: block;
    position: relative;
}

.newinfo-in {
    overflow: hidden;
    padding: 0 15px 5px 10px;
    border: 1px solid #EFEFEF;
}

.info-list li:before {
    content: none;
}


/* 日付リスト */

.info-list {
    margin: 0;
    padding: 12px 5px;
}

.info-list .date {
    margin: 0;
    padding: 0;
    width: 9em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

ul.info-list li {
    padding: 5px 10px 5px 10px;
    clear: both;
    margin: 0 0 3px 0;
    position: relative;
    width: auto;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ichiran-all {
    margin: 0 13px;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ichiran-link a {
    background-repeat: no-repeat;
    background-position: 0 .2em;
    padding-left: 15px;
    position: relative;
}

.ichiran-link a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    content: '';
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0d497f;
    border-right: 1px solid #0d497f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rss-link a {
    background-image: url(/images/c_rss_icon.gif);
    background-repeat: no-repeat;
    background-position: 0 .2em;
    padding-left: 20px;
    position: relative;
    display: block;
}

.rss-link {
    margin-left: 25px;
}

.newinfo-box>p {
    padding: 10px 12px;
    background-color: #FFF;
    margin: 0;
}


/* メニューパーツ
============================== */

ul.site-li li {
    line-height: 1.8;
}

ul.menu_list.info-list li {
    background-color: transparent;
    border-bottom: 1px dotted #DDD;
}

.allNewsList-wp .info-list li {
    border-bottom: 1px dotted #CCC;
    background-color: transparent;
}

.info-list .link img {
    margin: 0 0 0 5px;
}

span.pageSummary {
    display: block;
}


/* メニュー自動生成1列（子・孫）（横）
============================== */

ul.norcor-side {
    margin: 0 0 0.86em 0;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    padding: 5px 10px 2px 10px;
}

ul.norcor-side li {
    margin: 0.6em 12px 0.6em 0;
    padding: 0 30px 0 0;
    line-height: 2;
    background-color: transparent;
    background-image: url(/images/norcor_side_li_icon.png);
    background-repeat: no-repeat;
    display: inline;
    background-position: 100% .2rem;
}

ul.norcor-side li a {
    line-height: 2;
}


/*  メニューリンク色  */

ul.norcor-side li:first-child {
    padding: 0 30px 0 0;
    margin: 0.6em 12px 0.6em 0;
}

ul.norcor-side li:last-child {
    border-right: none;
    background-image: none;
}

ul.norcor-side li::before {
    content: none;
}


/* box3列用 */

.box-area {
    clear: both;
    margin: 20px 0 1em 0;
    padding: 0;
}

.box-side3 {
    margin: 0 5px 0.58em 0;
}

.box-side3 h2 {
    background-color: #EBE9E3;
    margin: 0 0 0.58em 0;
    padding: .8em 15px 0.8em 10px;
    _height: 1%;
}

.box-side3 h2 a {
    background-image: url(/images/N_c_icon_snavi_li.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    display: block;
}

.box-side3 p {
    margin: 0 5px 0.1em 10px;
}

.m-title a {
    display: block;
}


/*  メニューリンク色  */

.m-box2 {
    width: calc(100% / 2 - 5px);
    margin: 0 10px 0 0;
}

.m-box2:nth-of-type(2) {
    margin: 0;
    float: right;
}

.m-title {
    position: relative;
    margin: .8em 2px 0.8em 0;
    background-color: #f5fbff;
}

.menulist {
    margin: 0 0 0.85em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menulist2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0.58em 0;
}

.m-box3 {
    width: calc(100% / 3 - 10px);
    margin: 0 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-title+p.pageSummary {
    padding-top: 0;
}

.norcor li>span.pageSummary {
    margin-bottom: 15px;
    line-height: 1.5;
}

.norcor li {
    line-height: 1.8;
}

ul.norcor.kisha .date {
    margin: 0;
    width: 10em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.norcor.kisha li {
    padding: 5px 10px 5px 10px;
    clear: both;
    margin: 0 0 3px 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.norcor.kisha {
    padding-left: 15px;
    padding-right: 15px;
}

/* インデックス開閉メニュー
============================== */

.acd01_bt {
    position: absolute;
    top: 17px;
    right: 5px;
    padding: 3px 0;
    margin: 0;
}

.switch_menu .open2 {
    display: none;
}

.switch_menu {
    width: 32%;
    margin: 0 1em 0 0;
    position: relative;
}

.switch_menu:nth-of-type(3) {
    margin: 0;
}

.switch_menu h2 {
    margin: 0;
}

.switch_menu .m-title a {
    margin: 0 85px 0 0;
    display: inline-block;
}

.switch_menu .acd01_bt img {
    background: url(/images/c_menu_icon_open.png);
    width: 70px;
    height: 30px;
    background-repeat: no-repeat;
}

.switch_menu .acd01_bt.close img {
    background: url(/images/c_menu_icon_close.png);
    background-repeat: no-repeat;
}


/* 関連リンク
============================== */

.kanren_title h2 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 2px solid #a7c5e6;
    color: #375A8A;
    font-weight: bold;
    border-bottom: 1px solid #a7c5e6;
    padding: 10px 0 10px 25px;
    background: #fafbfd;
    margin-bottom: 20px;
}

.kanren-box {
    margin-bottom: 15px;
}

.site-li {
    padding: 0 1em 0 3em;
}


/* 概要文付きメニュー
=================== */

h2.Summary-title {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url(/images/shared-arrow-btn-more.png) no-repeat 15px 14px #0071bc;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px 10px 8px 37px;
    margin: 0;
}

h2.Summary-title a {
    color: #fff;
}

.m-box3.Summary-box {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    margin: 0px 25px 25px 0;
    padding-bottom: 20px;
    width: calc(100% / 3 - 20px);
}

ul.Summary-li {
    padding: 10px 1em 10px 3em;
    margin: 0;
}

p.pageSummary {
    padding: 10px 25px 0 25px;
}

.m-box3.Summary-box:last-of-type {
    margin-right: 0;
}


/* お知らせメニュー
=================== */

.oshirase-box {
    background-color: #F2F9FF;
    border: 1px solid #C5E4F8;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

h2.oshirase-title {
    font-size: 2.0rem;
    color: #333333;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding-bottom: 10px;
    background: transparent;
}

.oshirase-box .info-list {
    padding-left: 0;
    padding: 0;
}

.oshirase-box .info-list li {
    padding: 10px 10px 5px 10px;
}


/* 重要なお知らせ
=================== */

.jyuuyou-box.clearfix {
    border: 3px solid #E34F4F;
    padding: 20px 20px;
    margin-bottom: 15px;
    background-color: #FFF0F0;
}

h2.jyuuyou-title {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #B30000;
    font-size: 2.0rem;
    margin: 0;
    padding: 0 20px 10px 0;
    border: none;
    background: transparent;
}


/* よく利用される情報
=================== */

.RiyouLink-box {
    border-top: 5px solid #0071BD;
    border-bottom: 2px solid #0071BD;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.RiyouLink_title h2 {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.8rem;
    color: #0071BD;
    padding: 10px 18px;
    margin: 0;
    background: transparent;
}

ul.RiyouLink_li {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 1em;
}

ul.RiyouLink_li li {
    list-style: none;
    margin-right: 15px;
    margin-bottom: 10px;
}

ul.RiyouLink_li li a {
    padding: 5px 15px 5px 23px;
    display: block;
    background-color: #EDF7FF;
    background-image: url(/images/c_riyou_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 0.8em;
}


/* ===========================================
▼サイトマップ▼
=========================================== */

.sitemap_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.85em;
}

.sitemap_box {
    width: calc(100% / 3 - 7px);
    margin-bottom: 0.85em;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sitemap_box p {
    margin: 0;
    padding: 5px 3px 6px 22px;
    background-image: url(/images/c_icon_lonavi.gif);
    background-repeat: no-repeat;
    background-position: 6px 4px;
    line-height: 130%;
    _height: 1%;
}

ul.sitemap_li {
    padding: 0 1em 0 1em;
    margin: 0 0 0.85em 0;
    list-style: none;
}

ul.sitemap_li li {
    margin: 0;
    padding: 6px 3px 6px 22px;
    background-image: url(/images/c_icon_lonavi.gif);
    background-repeat: no-repeat;
    background-position: 3px .25em;
    line-height: 130%;
    _height: 1%;
}

.sitemap_box h2.nextpage {
    margin: 0 0 10px;
}

.sitemap_box:nth-of-type(3) {
    margin-right: 0;
}

.sitemap_box h3.sitemap_title {
    margin-bottom: 10px;
}


/* ===========================================
▼検索ページ▼
=========================================== */

input.search_submit {
    -webkit-box-shadow: 0 2px 0 #6EAED9;
    box-shadow: 0 2px 0 #6EAED9;
    background-color: #0071BC;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #0071BC;
    border-radius: 0 5px 5px 0;
    padding: 7px 14px 6px 32px;
    background-image: url(/images/searchbox_btn.gif);
    background-repeat: no-repeat;
    background-position: 4px .3em;
    float: left;
}

#cse-search-box>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#google, #google_faq {
    width: 790px;
    margin-bottom: 50px;
}

.search_box_area {
    padding: 50px 60px;
}

.search_btn_box {
    width: 212px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search_btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;
}

.search_btn_box:nth-of-type(4n) {
    margin-right: 0;
}

.search_btn_link {
    position: relative;
    vertical-align: top;
    margin-bottom: 15px;
}

.search_btn_link a {
    -webkit-box-shadow: 0 3px 0 #6EAED9;
    box-shadow: 0 3px 0 #6EAED9;
    background-color: #0071BC;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #0071BC;
    border-radius: 5px;
    padding: 20px 14px 20px 42px;
    position: relative;
    display: block;
    line-height: 1.3em;
    width: 212px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
    background-image: url(/images/search_btn_icon.gif);
    background-repeat: no-repeat;
    background-position: 12px 1em;
}

.search_btn_link a:active {
    top: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
}

.search_btn_link a::before {}

.search_btn_text {
    padding: 0 5px;
}

.search-box {
    padding-right: 25px;
    clear: both;
}

#google p, #google_faq p {
    margin: 0;
    padding: 0;
    padding-left: 40px;
    background-image: url(/images/search_tsukaikata.gif);
    background-repeat: no-repeat;
    background-position: 28px 0.48em;
}

.search-box input#qe {
    border-color: #B5B5B6 !important;
    height: 34px;
    float: left;
    border-radius: 5px 0 0 5px;
    width: 246px;
}

.google_all {
    width: 467px;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.google_box input#try-google-q {
    float: left;
    border: 1px solid #B5B5B6;
    height: 34px;
    border-radius: 5px 0 0 5px;
    width: 246px;
    padding: 2px;
}

.search_box_area p {
    padding-left: 0;
}


/* よくある質問パーツ
=================== */

.answer-area {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
    margin: 0 4px 0px;
    overflow: hidden;
    margin-bottom: 40px;
}

.answer-title {
    padding: 10px 12px;
    background: #2B77C3;
    border-bottom: none;
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 3.0rem;
    line-height: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center;
    min-width: 1em;
    width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.answer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.answer-text {
    padding: 10px 10px 5px 10px;
    /* width: 100%; */
    font-size: 1.5rem;
    /* max-height: 100%; */
}

.question-main-title {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.question-title {
    padding: 10px 12px;
    background: none;
    background-color: #1b1464;
    border-bottom: none;
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 3.0rem;
    line-height: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 1em;
    text-align: center;
    text-shadow: none;
    border: none;
    width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.question-area {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
    margin: 0 4px 0px;
    margin: 0 4px 10px 4px;
}

.question-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 918px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.question-text {
    display: block;
    margin: 0;
    border: none;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 35px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-size: 1.7rem;
    text-shadow: none;
    background: none;
    color: #3c3c3c;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1 .question-text {
    font-size: 2.8rem;
}

/* ===========================================
▼写真集ページ▼
=========================================== */


/* 画像拡大
=================== */

.picture_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 900px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px auto;
}

span.pic_text {
    display: block;
    padding: 8px;
    color: #333333;
}

.pic_img_box4 {
    width: 215px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 13px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(74, 56, 34, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(74, 56, 34, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pic_img_box4:last-of-type {
    margin-right: 0;
}

.imgdisplaynone {
    display: none;
}

.pic_img_box4 a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    text-decoration: none;
}

/* .openimg img {
  width: 100%;
  height: auto;
} */


/* 写真集スライダー
=================== */

.photo_slider a {
    display: block;
}

.photo_slider a:focus {
    display: block;
    outline: 3px #b0d7f7 solid !important;
}

.photo_slider a:focus {
    outline-offset: -4px;
}

.bx-pager-item>a {
    font-size: 1.4rem;
    background-color: #EEEEEE;
    border: 1px solid #FFF;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-box-shadow: none;
    -o-box-shadow: initial;
    box-shadow: none;
    border-radius: 0;
}

.bx-pager-item>a.active {
    background-color: #0071BC;
}

.bx-pager.bx-default-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bx-controls-auto-item a {
    color: #FFF;
    min-height: 24px;
    padding: 2px 6px 2px 20px;
    background-color: #0071BC;
    font-size: 1.4rem;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

a.bx-start {
    background-image: url(/images/top-btn-play.gif);
}

a.bx-stop {
    background-image: url(/images/top-btn-pause.gif);
}

.photo_slider_wp {
    width: 900px;
    margin: 0 auto 40px auto;
}

.bx-controls.bx-has-controls-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* -webkit-box-orient: horizontal; */
    /* -webkit-box-direction: reverse; */
    /*-ms-flex-direction: row-reverse;*/
    /* flex-direction: row-reverse; */
    margin-top: -40px;
    z-index: 9999;
    position: relative;
}

.bx-pager-item {
    margin: 0 2px;
}


/* ===========================================
▼ポータルサイト▼
=========================================== */

.portal_title {
    margin: 20px;
    padding: 0 0 0 15px;
    /* border-left: 3px solid; */
    position: relative;
}
.portal_title::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: '';
    width: 3px;
    height: calc(100% - .3em);
    background-color: #FFF;
      background: rgb(1,73,154); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(1,73,154,1) 0%, rgba(10,92,166,1) 47%, rgba(106,170,212,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(1,73,154,1) 0%,rgba(10,92,166,1) 47%,rgba(106,170,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(1,73,154,1) 0%,rgba(10,92,166,1) 47%,rgba(106,170,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01499a', endColorstr='#6aaad4',GradientType=0 ); /* IE6-9 */
}

.Portal_slider_wp .bx-controls.bx-has-controls-auto {
    margin: 0;
    padding: 10px 0;
}

.Portal_slider_wp {
    width: 900px;
    margin: 0 auto 40px auto;
}


/* ===========================================
▼暮らし・総合ページ▼
=========================================== */


/* タイトル中寄せ */

h2.center_title span {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
}

h2.center_title::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    max-width: 100%;
    width: 100%;
    height: 1px;
    background-image: url(/images/categoryMenuTitle.gif);
}

h2.center_title {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: relative;
    text-align: center;
}


/* よく使われる情報 */

.top_kurashi_menu_btn a {
    display: block;
    padding: 20px 0 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px;
    background-color: #FFF;
    color: #333;
    border: 1px solid transparent;
    min-height: 146px;
}

span.yokumenu_txt {
    display: block;
    line-height: 1.3em;
    color: #333;
}

.top_kurashi_menu_btn li {
    width: 134px;
    text-align: center;
}

.top_kurashi_menu_btn ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.yoku_menu_in {
    width: 960px;
    margin: 0 auto;
}

.yoku_menu {
    background-color: #9AC1E9;
    padding-bottom: 20px;
}

.yoku_menu h2 {
    color: #333333;
    font-size: 1.8rem;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-shadow: #EFF5FB 1px 0px, #EFF5FB -1px 0px, #EFF5FB 0px -1px, #EFF5FB 0px 1px, #EFF5FB 1px 1px, #EFF5FB -1px 1px, #EFF5FB 1px -1px, #EFF5FB -1px -1px, #EFF5FB 0px 1px, #EFF5FB 0px 1px, #EFF5FB 0px -1px, #EFF5FB 0px -1px, #EFF5FB 1px 0px, #EFF5FB -1px 0px, #EFF5FB 1px 0px, #EFF5FB -1px 0px;
    margin-bottom: 0;
    padding: 10px 0;
}


/* 次階層重要なお知らせ */

.con_important-area h2 {
    background: url(/images/important-icon.png) no-repeat 10px 1.1em;
    color: #B43308;
    padding: 13px 10px 13px 40px;
    font-size: 1.4rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 165px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: bold;
}

.con_important-area ul::after {
    content: "";
    position: absolute;
    top: 12px;
    left: -22px;
    border: 11px solid transparent;
    border-right: 11px solid #B43308;
    z-index: 1;
}

.con_important-area ul::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid #FFF;
    z-index: 2;
}

.con_important-area ul {
    border-left: 1px solid #B43308;
    padding: 13px 10px 13px 25px;
    margin: 0;
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.con_important-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto 20px auto;
    border-color: #B43308;
    max-width: 100%;
}

.con_important-area li {
    padding-bottom: 10px;
    display: block;
}

.con_important-area ul li {
    padding-bottom: 10px;
    display: block;
}

.con_important-area span.date {
    width: 9em;
    display: inline-block;
}


/* トピックス */

.topics-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto 20px auto;
}

.topics-area h2 {
    background: url(/images/topics-dt.gif) no-repeat 10px 0.9em;
    color: #0071bc;
    padding: 13px 10px 13px 40px;
    font-size: 1.4rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 165px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.topics-area ul {
    border-left: 1px solid #b0d7f7;
    padding: 13px 10px 13px 25px;
    margin: 0;
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.topics-area ul::after {
    content: "";
    position: absolute;
    top: 12px;
    left: -22px;
    border: 11px solid transparent;
    border-right: 11px solid #b0d7f7;
    z-index: 1;
}

.topics-area ul::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid #FFF;
    z-index: 2;
}

.topics-area ul li {
    padding-bottom: 10px;
    display: block;
}

.topics-area span.date {
    width: 9em;
    display: inline-block;
}


/* ピックアップ */
.pickup-area .slick-slide {
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #EDF7FF;
    margin: 5px 5px;
    padding: 10px;
    line-height: 1.3em;
    min-height: 300px;
    -webkit-box-shadow: 0 3px 0 #6EAED9;
    box-shadow: 0 3px 0 #6EAED9;
    border-radius: 5px;
    border: 1px solid transparent;
    text-align: left;
}

.pickup-area .slick-slide .pickup-slid-item {
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

.pickup-slid-item {
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #EDF7FF;
    margin: 5px 10px;
    padding: 10px;
    line-height: 1.3em;
    min-height: 300px;
    -webkit-box-shadow: 0 3px 0 #6EAED9;
    box-shadow: 0 3px 0 #6EAED9;
    border-radius: 5px;
    border: 1px solid transparent;
    text-align: left;
}

.pickup-slid-img {
    text-align: center;
}

.pickup-slid-link {
    font-size: 1.8rem;
    color: #003379;
    line-height: 1.3em;
    margin: 10px 0;
    text-align: center;
}
a:visited .pickup-slid-link {
    color: #551A8B;
}
.pickup-slider-area {
    padding: 10px 0;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.pickup-slider-area .slick-list {
    text-align: center;
}


/* 再生停止ボタン */

.pickup-area button#tglBtn {
    color: #FFF;
    min-height: 24px;
    background-color: #0071BC;
    font-size: 1.4rem;
    border-radius: 5px;
    margin-top: 10px;
}

.pickup-area span#startBtn {
    background-image: url(/images/top-btn-play.gif);
    padding: 2px 6px 2px 20px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.pickup-area span#stopBtn {
    background-image: url(/images/top-btn-pause.gif);
    padding: 2px 6px 2px 20px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}


/* タブ切り替え */

.information-area {}

.information-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.information_tabs {
    width: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    z-index: 100;
    position: relative;
}

.information_tabs li {
    width: calc(100% / 3);
}

.information_panels {
    background-color: #EDF7FF;
    min-height: 220px;
    border: 1px solid #C5E4F8;
    margin-top: -1px;
}

.information-area .panel {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}

.information_tabs li a {
    display: block;
    padding: 12px 20px;
    text-align: center;
    border-top: 1px solid #C5E4F8;
    border-left: 1px solid #C5E4F8;
}

.information_tabs li:last-of-type a {
    border-right: 1px solid #C5E4F8;
}

.information_tabs li a.on {
    background-color: #EDF7FF;
    border-bottom: 1px solid #EDF7FF;
}

span.btn-list-job-img {
    margin: 0 auto;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 88px;
    background-color: #2B77C3;
    -webkit-box-shadow: 0 4px #C4DBF2;
    box-shadow: 0 4px #C4DBF2;
}

.information-area .panel.hidearea {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
}


/* ===========================================
▼事業者▼
=========================================== */

ul.btn-list-job {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.yoku_menu_in_shisei_btn li {
    width: 134px;
    text-align: center;
    background-color: #EDF7FF;
    margin: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.yoku_menu_in_shisei_btn ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

span.yokumenu_shisei_txt {
    display: block;
    line-height: 1.3em;
}

.yoku_menu_btnwp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.yoku_menu_in_shisei {
    width: 960px;
    margin: 0 auto;
}

p.shisei_bnr a {
    background-image: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 0 #6EAED9;
    box-shadow: 0 3px 0 #6EAED9;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #FFF;
}

p.shisei_bnr {
    padding: 0;
    margin: 0 0 6px 0;
    width: 128px;
}

p.shisei_bnr a img {
    width: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

span.kurashi_bnr_txt {
    width: 58px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.yoku_menu_in_shisei_btn {
    width: 690px;
}

.yoku_menu_in_shisei_textBtn {
    width: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.yoku_menu_in_shisei_btn li a {
    display: block;
    padding: 20px 0 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #EDF7FF;
}

.yoku_menu_shisei {
    background-color: #F7FCFF;
    padding-bottom: 20px;
}

.seisaku-item {
    border: 3px solid #C5E4F8;
    padding: 20px;
    border-radius: 3px;
    width: 290px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 7px 15px 7px;
}

.seisaku-area-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 914px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.seisaku-img {
    text-align: center;
    margin-bottom: 20px;
}

.bunya_menu {
    width: 960px;
    margin: 0 auto;
}

.btn-list-job li {
    width: calc(100% / 7);
    text-align: center;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

.btn-list-job-text {
    padding-top: 15px;
    display: block;
}

.btn-list-job li a {
    display: block;
}


/* 新着情報 */

.newinfo_2nd {
    background-color: #EDF7FF;
    min-height: 220px;
    border: 1px solid #C5E4F8;
    padding: 20px 0;
}

h2.newinfo_2nd-title {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-align: center;
}

.newinfo-box_2nd {
    width: 960px;
    margin: 0 auto;
}


/* 政策 */

.seisaku-link {
    font-size: 1.8rem;
    text-align: center;
}

.seisaku-text {
    padding: 10px 0;
}


/* よく使われる情報 */

.yoku_menu_in_shisei h2 {
    color: #333333;
    font-size: 1.8rem;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-shadow: #EFF5FB 1px 0px, #EFF5FB -1px 0px, #EFF5FB 0px -1px, #EFF5FB 0px 1px, #EFF5FB 1px 1px, #EFF5FB -1px 1px, #EFF5FB 1px -1px, #EFF5FB -1px -1px, #EFF5FB 0px 1px, #EFF5FB 0px 1px, #EFF5FB 0px -1px, #EFF5FB 0px -1px, #EFF5FB 1px 0px, #EFF5FB -1px 0px, #EFF5FB 1px 0px, #EFF5FB -1px 0px;
    margin-bottom: 0;
    padding: 10px 0;
}


/** イーオくん
===================================*/

#repl-ai-chatboard-icon {
    right: auto !important;
    left: 15px !important;
}

.repl-ai-chatboard {
    right: auto !important;
}


/** 記者発表
===================================*/

.pressRelease-toiawase p {
    margin-bottom: 0;
}

.pressRelease-toiawase {
    border: 4px double #333333;
    width: 18em;
    text-align: right;
    padding: 10px;
    float: right;
    margin-bottom: 30px;
}
.pressRelease-wysiwyg,
.pressRelease-file,
.pressRelease-link {
    clear: both;
}

/* ==================================================
イベントカレンダー
================================================== */


/* 2021追加設定 */

table#calendarlist tr th, table#calendar tr th {
  background-color: #e8f4ff;
}

.table_calenderlist ul, .evecal_box_wp ul {
  list-style-type: none;
  margin: 0;
}

div.top-btn.btn-color03.cal_bt_calendar a, div.top-btn.btn-color03.cal_bt_itiran a {
  background: #0071bc;
  border: medium none;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 0 #6eaed9;
  box-shadow: 0 4px 0 #6eaed9;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 14px 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 2px 1px #233674;
  width: 100%;
}

.evecal_box_wp.evecal_recent, .evecal_box_wp.evecal_deadline, .evecal_box_wp.evecal_period {
  padding-bottom: 5px;
  background-color: #E8ECF3;
  margin: 0 0 0.85em 0;
  border-radius: 5px;
  position: relative;
  -webkit-box-shadow: 0px 0px 6px 1px #dbdbdb;
  box-shadow: 0px 0px 6px 1px #dbdbdb;
}

.evecal_box_wp.evecal_recent h2, .evecal_box_wp.evecal_deadline h2, .evecal_box_wp.evecal_period h2 {
  background: #00499a;
  background: -webkit-linear-gradient(left, #00499a 0%, #1d81bd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00499a), to(#1d81bd));
  background: -o-linear-gradient(left, #00499a 0%, #1d81bd 100%);
  background: linear-gradient(to right, #00499a 0%, #1d81bd 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 0 8px 21px;
  color: #FFF;
  border-radius: 5px 5px 0 0;
  margin: 0;
}

.evecal_box_wp.evecal_recent ul, .evecal_box_wp.evecal_deadline ul, .evecal_box_wp.evecal_period ul {
  margin: 0;
  padding: 0;
}

.evecal_box_wp.evecal_recent li, .evecal_box_wp.evecal_deadline li, .evecal_box_wp.evecal_period li {
  margin-bottom: 5px;
  background-color: #ffffff;
  padding: 10px;
  display: flex;
}

.evecal_box_wp.evecal_recent li p, .evecal_box_wp.evecal_deadline li p, .evecal_box_wp.evecal_period li p {
  margin-bottom: 0;
}

#eventrecent, #eventdeadline, #eventperiod {
  margin: 10px;
}

#eventrecent ul > p, #eventdeadline ul > p, #eventperiod ul > p {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 30px;
}

span.ecate1 {
  margin-left: 20px;
}

p.evecal_messe {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 10px;
}

.evecal_wp_inner_daycal .daylist {
  margin: 40px 0;
}

/* イベント詳細アイコン */
#calendarlist td.einfo ul li span.ecate{
  display: inline-block;
  background-color: #FFF;
  padding: 2px 6px;
  border: 1px solid #CCC;
  border-radius: 5px;
  margin: 2px;
}

span.calendar_day{
  display: block;
}


/* イベカレインデックスメニュー
============================== */

ul#eventall {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 5px 0 12px;
}

ul#eventall li {
    margin: 0.1em 0 0 0;
    padding: 1px 0 2px 20px;
    font-weight: normal;
    background-position: 0 0.38em;
    background-repeat: no-repeat;
}

#eventall p {
    margin: 0 0 0.5em 0;
    padding: 0 0 0 28px;
}


/* アイコン詳細
============================== */

ul.calicon-li {
    margin: 1px 0 20px 0;
    padding: 0;
    list-style: none;
    background-color: #E6E6E6;
}

ul.calicon-li li {
    float: left;
    margin: 0;
    padding: 8px 6px 8px 0;
    white-space: nowrap;
    background-image: none;
}

ul.calicon-li img {
    margin: 0 0 3px 6px;
    padding: 0;
    vertical-align: middle;
}

p.calicon-p img {
    margin: 0 8px 2px 0;
    padding: 0;
    vertical-align: middle;
}

p.calicon-p {
    margin: 20px;
}

span.calicon-p02 {
    padding: 0 0 0 1.7em;
}

span.calicon-p01 {
    display: block;
}


/* カレンダーボタンリスト
============================== */

.calbt-li {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.calbt-li .top-btn {
    margin-left: 10px;
}
.cal_bt_itiran a::before {
    content: "";
    background: url(/images/cal_bt_itiran.png) no-repeat 3px .25em;
    padding: 0 0 0 30px;
}

.cal_bt_calendar a::before {
    content: "";
    background: url(/images/cal_bt_calendar.png) no-repeat 0 .15em;
    padding: 0 0 0 30px;
}

.cal_bt_kakukyoku a::before {
    content: "";
    background: url(/images/cal_bt_kakukyoku.png) no-repeat 0 .15em;
    padding: 0 0 0 30px;
}

.calbt-li_r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

a.btn.btn-small2 {
    padding: 10px 5px;
    width: 220px;
    border: 1px solid transparent;
}

.top-btn.cal_bt_outsidelink {
    margin-left: 0;
}
/* カレンダーページ枠
============================== */

div.cal-box {
    margin: 1em 0 1em 0;
    padding: 0;
}


/* ボタン枠
============================== */

div.calbt-box {
    margin: 1em 0 1em 0;
    padding: 0;
    text-align: right;
}

div.calbt-box p {
    display: inline;
}


/* カレンダーテキストエリア
============================== */

div.e-box {
    float: left;
    clear: both;
    width: 100%;
}

div.e-txt {
    text-align: left;
}

p.e-img {
    float: right;
    margin: 0;
    padding: 0;
    width: 212px;
    text-align: right;
}

div.e-txt p {
    margin: 0.1em 5px 0.56em 10px;
    padding: 0;
}

p.e-img img {
    margin: 12px 0 0 0;
}


/* 前の月・次の月
============================== */

.calwrap {
    margin: 1em 0 0 0;
    padding: 8px 0;
    background-color: #E6E6E6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.calwrap p {
    margin: 0;
    padding: 5px 0;
}

.calwrap .lastmonth {
    width: 5.5em;
    position: relative;
    border-right: 1px solid #FFFFFF;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.lastmonth span::before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border-color: #0071bc;
    border-style: solid;
    border-width: 2.5px 2.5px 0 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    left: 1em;
    top: .95em;
    width: 6px;
}

.lastmonth span {
    margin: 0 0 0 38px;
    padding: 0;
}

.calwrap .nextmonth {
    width: 5.5em;
    text-align: right;
    position: relative;
    border-left: 1px solid #FFFFFF;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nextmonth span::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #0071bc;
    border-style: solid;
    border-width: 2.5px 2.5px 0 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 1em;
    top: .95em;
    width: 6px;
}

.nextmonth span {
    margin: 0 38px 0 0;
    padding: 0;
}

.calwrap .thismonth {
    text-align: center;
    font-weight: bold;
    font-size: 1.9rem;
    padding: 2px 0 0 0;
    color: #1b1464;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
}

.calwrap a:link, .calwrap a:visited {
    color: #0A2530;
}

.cal_bt_calendar a, .cal_bt_itiran a, .cal_bt_kakukyoku a {
    width: auto !important;
    padding: 10px 10px 10px 10px !important;
}


/* テーブル（カレンダー）
============================== */

table#calendar {
    clear: both;
    margin: 0 0 12px 0;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #D6D6D6;
    width: 100%;
}

table#calendar th {
    margin: 0;
    padding: 5px 4px 4px 4px;
    color: #1E1F1F;
    text-align: center;
}

table#calendar td {
    margin: 0;
    padding: 3px 3px 3px 3px;
    color: #333333;
    line-height: 130%;
    vertical-align: top;
    width: 14.28%;
    background-color: #FFFFFF;
    height: 90px;
}

table#calendar td.cal_sun {
    background-color: #FAF0ED;
    color: #1E1F1F;
}

table#calendar td.cal_holiday {
    background-color: #F8E9E4;
    color: #1E1F1F;
}

table#calendar td.cal_sat {
    background-color: #F4F6FA;
    color: #1E1F1F;
}

table#calendar td.cal_holiday {
    background-color: #FAF0ED;
    color: #1E1F1F;
}

table#calendar td.dirEventHoliday {
    background-color: #F8E9E4;
    color: #1E1F1F;
}


/* セル内表示設定
============================== */

table#calendar p {
    clear: both;
    margin: 0.2em 0 0.2em 0;
    padding: 0 2px 3px 4px;
}

table#calendar p img {
    float: left;
    margin: 0;
}

table#calendar p span {
    display: block;
    margin: 0 0 0 20px;
}


/* テーブル（一覧表）
============================== */

table#calendarlist {
    clear: both;
    margin: 0 0 12px 0;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #D6D6D6;
    width: 100%;
}

#calendarlist tr.cal_sun td {
    background-color: #FDF0F0;
    color: #1E1F1F;
}

#calendarlist tr.cal_sat td {
    background-color: #F4FBFB;
    color: #1E1F1F;
}

#calendarlist tr.cal_holiday td {
    background-color: #FDF0F0;
    color: #1E1F1F;
}

#calendarlist tr.dirEventHoliday td {
    background-color: #FDF0F0;
    color: #1E1F1F;
}

#calendarlist th {
    margin: 0;
    padding: 2px 4px 1px 4px;
    color: #1E1F1F;
    text-align: center;
}

#calendarlist td {
    margin: 0;
    padding: 3px 0 3px 3px;
    color: #1E1F1F;
    line-height: 130%;
    vertical-align: top;
    text-align: center;
    background-color: #FFFFFF;
}

#calendarlist td.sunday {
    color: #1E1F1F;
    background-color: transparent;
}

#calendarlist td.saturday {
    color: #1E1F1F;
    background-color: transparent;
}

#calendarlist .day {
    width: 10em;
}

#calendarlist .week {
    width: 5em;
}

#calendarlist td.einfo {
    text-align: left;
}


/* セル内表示設定
============================== */

table#calendarlist p {
    clear: both;
    margin: 0.1em 2px 0.1em 0;
    padding: 1px 2px 3px 2px;
    background-color: transparent;
    color: #1E1F1F;
}

table#calendarlist p img {
    vertical-align: middle;
    margin: 0;
    clear: both;
    float: left;
}

table#calendarlist p span {
    display: block;
    margin: 0 0 0 20px;
}


/* 今日判定
============================== */

table#calendar td.cal_today, table#calendarlist tr.cal_today {
    border: 2px solid #0077c7 !important;
}

.cal_day_icon {
    border-top: 1px solid #ccc;
}


/* カレンダー区切り替え
============================== */

ul.cal_ku_btn {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

ul.cal_ku_btn li {
    width: calc(100% / 10);
    padding-right: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.cal_ku_btn li a {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
}

.sp-cal_ku_btn>button.toggleClose {
    background: url(/images/shared-icon-plus.png) no-repeat 96% 50%;
    background-size: 31px;
}

.sp-cal_ku_btn>button.toggleOpen {
    background: url(/images/shared-icon-minus.png) no-repeat 96% 50%;
    background-size: 31px;
}

.sp-cal_ku_btn>button {
    background: url(/images/shared-icon-plus.png) no-repeat 96% 50%;
    background-size: 31px;
    color: #171c61;
    display: block;
    text-decoration: none;
    padding: 12px 50px 12px 12px;
    width: 100%;
    text-align: left;
}


/* 多言語ページ
============================== */

ul.language_head_list li {
    float: left;
    margin-left: 30px;
    list-style: none;
}

ul.language_head_list li a {
    background-image: url(/images/shikai_top_icon02.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 3px .43em;
    display: inline-block;
}

ul.language_head_list {
    overflow: hidden;
    margin: 8px 0;
    padding: 0;
}
/* 海外向け */

.Overseas_slider_wpbg {
    padding-bottom: 0;
    padding-top: 20px;
    background-color: #EDF7FF;
    margin-bottom: 40px;
}

.Overseas_slider_wp .bx-controls.bx-has-controls-auto {
    padding: 20px 0;
    margin: 0;
}

.Overseas_slider_wp {
    margin: 0 auto;
    width: 920px;
}
.Overseas_AllNews {
    width: 920px;
    margin: 0 auto;
}

.Overseas_Menu {
    width: 920px;
    margin: 0 auto;
}


@media screen and (max-width: 736px) {
    /* ===========================================
    SP
  =========================================== */
    .img-area.img-set-center {
      flex-direction: column;
      align-items: center;
      margin: 10px;
    }
    .img-area.img-set-center p.imglink-side2 {
      width: 100%;
      margin: 0 0 10px 0;
    }
    .img-area.img-set-center p.imglink-side3 {
      width: 100%;
      margin: 0 0 10px 0;
    }
    p.imglink-side5 {
        float: none;
        width: auto;
        margin: 0 10px 5px 10px;
        text-align: left;
        display: block;
    }
    p.imglink-side2:nth-child(1) {
        margin: 0 10px 5px 10px;
        margin: 0 10px 10px;
    }
    p.imglink-side2 {
        float: none;
        width: auto;
        text-align: left;
        margin: 0 10px 10px;
    }
    .imglink-txt-left {
        float: none;
        width: auto;
        text-align: left;
    }
    p.imglink-side3 {
        float: none;
        width: auto;
        margin: 0 10px 5px 10px;
        text-align: left;
        display: block;
    }
    p.imglink-side3:nth-child(1) {
        margin: 0 10px 5px 10px;
    }
    p.imglink-side4 {
        float: none;
        width: auto;
        margin: 0 10px 5px 10px;
        text-align: left;
        display: block;
    }
    p.imglink-side4:nth-child(1) {
        margin: 0 10px 5px 10px;
    }
    p.imglink-txt-right {
        float: none;
        width: auto;
        text-align: left;
        padding: 0;
        margin: 0 10px 10px;
    }
    .img-right {
        float: none;
        width: auto;
        text-align: left;
    }
    .img-right span {
        display: block;
    }
    .img-center {
        float: none;
        width: auto;
        text-align: left;
        margin: 0 10px 10px;
    }
    .img-center span {
        display: block;
    }
    .img-left {
        float: none;
        width: auto;
        text-align: left;
    }
    .img-left span {
        display: block;
    }
    /* 地図エリア */
    .mapimg>div {
        max-width: 100% !important;
    }
    .mapimg>iframe {
        max-width: 100% !important;
    }
    table {
        margin: 0 10px 10px;
        /* width: calc(100% - 20px); */
    }
    .totoptxt .icon-arrow::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: .6em;
    }
    p {
        margin: 0 0px 15px;
        font-size: 1.5rem;
    }
    .img-area-l p, .img-area-r p {
        margin: 0 10px 10px;
        padding: 0;
    }
    p.imglink-side3 img {
        margin: 0 10px 5px 0;
    }
    /* グローバルナビ */
    ul.side-nav {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    ul.side-nav {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    dd.toggle-contents ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    button#hayabiki_btn_tojiru {
        color: #FFF;
        background-color: #0071BC;
        padding: 10px 20px;
        border-radius: 5px;
    }
    .closeBtn {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* インデックス
  =================== */
    .m-title h2 {
        margin: 0;
    }
    .site-li {
        margin: 0;
        padding: 0;
    }
    ul.site-li li {
        position: relative;
        display: block;
        padding: 0;
        border-bottom: 1px solid #EEEEEE;
        background-image: none;
    }
    ul.site-li li:before {
        right: 10px;
        left: auto;
        top: 50%;
    }
    ul.site-li li a {
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    .menulist2 {
        display: block;
    }
    .m-box2 {
        width: 100%;
        margin: 0;
    }
    .m-box2+.m-box2 {
        margin-top: 10px;
    }
    .menulist {
        display: block;
        margin: 0;
    }
    .menulist+.menulist {
        margin-top: 10px;
    }
    .m-box3 {
        width: 100%;
        margin: 0;
    }
    .m-box3+.m-box3 {
        margin-top: 10px;
    }
    .m-title {
        margin: 0;
    }
    .m-title+.m-title {
        margin-top: 10px;
    }
    ul.norcor li {
        display: block;
        padding: 0;
        position: relative;
        display: block;
        border-bottom: 1px solid #EEEEEE;
        background-image: none;
    }
    ul.norcor {
        padding: 0;
        margin: 0;
    }
ul.norcor.kisha li {
    display: block;
}
    ul.norcor li a {
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    ul.norcor {
        border-top: 1px solid #EEEEEE;
    }
    ul.norcor+ul.norcor {
        border: none;
    }
    .menulist2 .m-title.linkbttxt {
        margin-bottom: .8em;
    }
    /* 開閉メニュー */
    .switch_menu {
        width: 100%;
    }
    .acd01_bt {
        top: 7px;
    }
    .switch_menu_wp+.switch_menu_wp {
        margin: 0;
    }
    .switch_menu {
        border-bottom: 1px solid #FFF;
    }
    /* 新着情報 */
    ul.info-list li {
        display: block;
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        border-bottom: 1px solid #EEEEEE;
        padding: 10px 10px 5px 10px;
    }
    .info-list .link a {
        display: block;
        padding: 5px 34px 10px 0;
    }
    /* インデックスお知らせ */
    .oshirase-box .info-list li {
        padding: 0;
    }
    .oshirase-box .info-list li a {
        padding: 12px 34px 12px 12px;
        display: block;
    }
    .oshirase-box {
        padding: 10px;
    }
    /* 概要文 */
    span.pageSummary {
        padding: 0 34px 12px 12px;
    }
    p.pageSummary {
        margin-top: 10px;
    }
    .m-box3.Summary-box {
        width: 100%;
    }
    ul.Summary-li li a {
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    ul.Summary-li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #EEEEEE;
    }
    ul.Summary-li li {
        position: relative;
        display: block;
        padding: 0;
        border-bottom: 1px solid #EEEEEE;
        background-image: none;
    }
    .m-box3.Summary-box {
        padding: 0;
    }
    /* 関連リンク
      =================== */
    .kotsu_kanren ul li {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }
    /* よく使われる情報
  =================== */
    .top_kurashi_menu_btn li {
        width: 50%;
    }
    .top_kurashi_menu_btn a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .yoku_menu_in_shisei_btn li {
        width: calc(100% / 2 - 4px);
    }
    span.kurashi_bnr_txt {
        width: auto;
    }
    p.shisei_bnr a img {
        border-radius: 0 8px 8px 0;
    }
    /* サイトマップ
  =================== */
    .sitemap_box {
        width: 100%;
        display: block;
        margin: 10px 10px 0.85em 0;
    }
    .sitemap_inner {
        display: block;
    }
    /* 関連リンク
  =================== */
    .kanren-box {
        margin: 10px 0;
        border: 1px solid #a7c5e6;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 6px 1px #f3f3f3;
        box-shadow: 0px 0px 6px 1px #f3f3f3;
    }
    .kanren_title h2 {
        border-top: none;
        border-radius: 10px 10px 0 0;
        margin: 0;
        padding: 10px 0 10px 12px;
    }
    .kanren-box ul li a {
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    .kanren-box ul {
        margin: 0;
        padding: 0;
        border-radius: 10px;
    }
    .kanren-box ul li {
        display: block;
        padding: 0;
        position: relative;
        display: block;
        border-bottom: 1px solid #EEEEEE;
        background-image: none;
    }
    .kanren-box ul li:last-child {
        border: none;
    }
    .evecal_wp, .detail.bg-grd-body  {
        margin-bottom: 10px;
        padding: 0;
    }
    /* カテゴリ別メニュー
  =================== */
    .categoryMenu-wp h2 {
        padding: 0;
        overflow: hidden;
    }
    .categoryMenu-wp .l-contents li {
        text-align: center;
        width: calc(100% / 2);
        margin-bottom: 5px;
    }
    .categoryMenu-wp .l-contents li dt {
        margin: 0 auto;
        padding: 10px 0 8px;
        width: 81px;
    }
    .categoryMenu-wp .r-contents .area-list dt {
        margin: 0;
    }
    .categoryMenu-wp .l-contents li dt a {
        margin: 0 auto;
        width: 81px;
        height: 81px;
        border-radius: 50%;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 74px;
        background-color: #00aeef;
        -webkit-box-shadow: 0 4px #b8e5ff;
        box-shadow: 0 4px #b8e5ff;
    }
    .categoryMenu-wp .l-contents li dt a:hover {
        opacity: 0.8;
    }
    .categoryMenu-wp .l-contents li dt a img {
        width: 66px;
        height: 66px;
    }
    .categoryMenu-wp .l-contents li dd {
        color: #727171;
        padding: 0 0 10px;
    }
    .categoryMenu-wp .r-contents .area-list {
        font-size: 1.5rem;
    }
    .categoryMenu-wp .r-contents .area-list .toggle-btn {
        color: #171c61;
        display: block;
        text-decoration: none;
        background: url(/images/shared-icon-plus.png) no-repeat 96% 50%;
        background-size: 31px;
        color: #171c61;
        padding: 12px 50px 12px 12px;
        width: 100%;
        text-align: left;
    }
    .categoryMenu-wp .r-contents .area-list .toggle-btn.toggleOpen {
        background: url(/images/shared-icon-minus.png) no-repeat 96% 50%;
        background-size: 31px;
    }
    .categoryMenu-wp .r-contents .area-list .toggle-btn.toggleClose {
        background: url(/images/shared-icon-plus.png) no-repeat 96% 50%;
        background-size: 31px;
    }
    .categoryMenu-wp .r-contents .area-list li {
        color: #171c61;
        border-bottom: 1px solid #b0d7f7;
        margin: 0;
    }
    .categoryMenu-wp .r-contents .area-list li:last-child {
        border-bottom: none;
    }
    .area-container {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .area-container a {
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    .btn-list-search li:last-child {
        clear: both;
        float: none;
    }
    .categoryMenu-wp .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .categoryMenu-wp .r-contents {
        width: 100%;
    }
    .categoryMenu-wp .l-contents {
        width: 100%;
    }
    /* 広告エリア */
    .sp-footer-inner {
        padding-top: 40px;
        background-position: 100% 0;
        border-top: 2px solid #454081;
        margin-top: 40px;
        text-align: center;
    }
    .kokoku-title h2 {
        background: none;
    }
    .kokoku-title {
        text-align: center;
        width: 100%;
        display: block;
    }
    .kokoku-list {
        padding-top: 20px;
        max-width: 100%;
        width: 95%;
        margin: 0 auto;
    }
    .kokoku-list li:nth-of-type(6n) {
        margin-right: 5px;
    }
    .kokoku-list li {
        margin: 5px 5px 0 5px;
    }
    /*
ローカルナビ
========================= */
    .lobgbox ul {
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
    }
    .lobgbox ul li {
        position: relative;
        display: block;
        padding: 0;
        border-bottom: 1px solid #EEEEEE;
        background-image: none;
    }
    .lobgbox ul li a {
        display: block;
        text-decoration: none;
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 50%;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    .lobgbox ul li span {
        display: block;
        text-decoration: none;
        background-size: 11px 21px;
        padding: 12px 34px 12px 12px;
    }
    #losubnavi {
        padding: 10px 0;
    }
    /* フッター */
    .sp-footer-inner p {
        margin-left: 0;
        margin-right: 0;
    }
    span.display-focus {}
    /*
検索ページ
========================= */
    .search_btn_link a {
        width: 100%;
    }
    .search_btn_box {
        width: 100%;
    }
    .search_btn_area {
        display: block;
    }
    .search_box_area {
        padding: 10px 10px;
    }
    #cse-search-box>div {
        display: block;
    }
    .search-box::before, .search-box::after {
        content: "";
        display: table;
        clear: both;
    }
    #google p, #google_faq p {
        padding-left: 20px;
        background-position: 7px 0.48em;
        margin: 15px 0;
    }
    .search-box {
        margin-bottom: 20px;
        padding-right: 0;
    }
    .search-box input#qe {
        width: calc(100% - 90px);
    }
    #google, #google_faq {
        width: 100%;
    }
    .google_box::before, .google_box::after {
        content: "";
        display: table;
        clear: both;
    }
    .google_all {
        width: 100%;
        display: block;
    }
    .google_box input#try-google-q {
        width: calc(100% - 145px);
    }
    /* ===========================================
▼ポータルサイト▼
=========================================== */
    .Portal_slider_wp {
        width: 100%;
    }
    .portal_title {
        margin: 20px 20px 20px 0;
    }
    .Portal_slider_wp .bx-pager-item>a {
        width: 47px;
        height: 22px;
    }
    .Portal_slider_wp .bx-pager-item {
        margin: 0 10px;
    }
    /* ===========================================
▼写真集ページ▼
=========================================== */
    /*
画像拡大
========================= */
    .picture_wp {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pic_img_box4 {
        margin-bottom: 15px;
    }
    .pic_img_box4:last-of-type {
        margin-right: 13px;
    }
    /*
スライダー
========================= */
    .photo_slider_wp {
        width: 100%;
    }
    /* 暮らし総合
========================= */
    .yoku_menu_in {
        width: 100%;
    }
    .yoku_menu {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pickup-slider-area {
        width: 300px;
        margin: 0 auto;
    }
    .slick-slide {
        padding: 10px 25px;
    }
    ul.information_tabs {
        width: 100%;
    }
    /* 次階層重要なお知らせ */
    .con_important-area {
        display: block;
        border: 1px solid #B43308;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 0;
    }
    .con_important-area h2 {
        border-bottom: 1px solid #B43308;
        padding: 10px 10px 10px 30px;
        color: #171c61;
        width: 100%;
        margin-bottom: 5px;
        background-position: 5px .65em;
    }
    /* トピックスエリア */
    .topics-area {
        display: block;
        border: 1px solid #b0d7f7;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 0;
    }
    .topics-area h2 {
        border-bottom: 1px solid #b0d7f7;
        padding: 10px 10px 10px 30px;
        color: #171c61;
        width: 100%;
        margin-bottom: 5px;
        background-position: 5px .65em;
    }
    .con_important-area ul li a, .topics-area ul li a {
        background: url(/images/shared-arrow-right-sp.png) no-repeat 96% 0;
        background-size: 11px 21px;
        font-size: 1.4rem;
        padding: 8px 30px 10px 0;
        display: block;
    }
    .con_important-area span.date, .topics-area span.date {
        width: auto;
        display: block;
        padding: 10px 30px 0 0;
    }
    .con_important-area ul li {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #B43308;
    }
    .topics-area ul li {
        display: block;
        padding: 0 15px;
        border-bottom: 1px solid #b0d7f7;
    }
    .con_important-area ul::before, .topics-area ul::before {
        content: none;
    }
    .con_important-area ul::after, .topics-area ul::after {
        content: none;
    }
    .con_important-area ul, .topics-area ul {
        border: none;
        padding: 0;
    }
    .con_important-area ul li:last-of-type, .topics-area ul li:last-of-type {
        border: none;
    }
    .information-area .panel {
        width: 100%;
    }
    /* 分野別メニュー
========================= */
    .bunya_menu {
        width: 100%;
        padding: 0;
    }
    ul.btn-list-job {
        padding: 0 10px;
    }
    .btn-list-job li {
        margin: 0 0 30px 0;
        width: calc(100% / 2);
    }
    /* 第2階層新着情報
========================= */
    .newinfo-box_2nd {
        width: 100%;
    }
    .newinfo_2nd {
        padding: 20px 20px;
    }
    /* 第二階層トップメニュー
============================== */
    #main {
        margin: 0 auto;
        padding: 0 10px;
        padding-top: 20px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .title-line {
        padding-bottom: 20px;
    }
    /* よく使われる情報
========================= */
    .yoku_menu_in_shisei {
        width: 100%;
    }
    .yoku_menu_btnwp {
        display: block;
    }
    .yoku_menu_in_shisei_btn {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .yoku_menu_in_shisei_textBtn {
        width: 100%;
        display: block;
    }
    p.shisei_bnr {
        width: 100%;
        margin: 0 0 15px 0;
    }
    p.shisei_bnr a {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 20px;
    }
    /* 政策
========================= */
    .seisaku-item {
        width: 100%;
    }
    .seisaku-area-in {
        width: 100%;
    }
    .main-topics .topics-box .topics-left .topics-contents {
        display: none;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .main-topics .topics-box .topics-left .topics-contents.on {
        display: block;
    }
    dl.topics-image dt {
        margin-left: 0;
    }
    dl.topics-image dd {
        margin-left: 0;
    }
    .question-box {
        width: 100%;
    }
/* カレンダー */
.calbt-li_r {
    display: block;
}

.calbt-li .top-btn {
    margin-bottom: 10px;
    margin-left: 0;
}

.calbt-li {
    display: block;
}

}


/* ==================================================
重要なお知らせ　タグの基本定義
================================================== */

.importants {
    margin: 0 auto;
}

#kinkyu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    background-color: #FFF;
    width: 1160px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h2 span.title_img {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background: none;
    border: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF;
    padding: 0;
}

.important_item {
    background-color: #B43308;
    padding-bottom: 20px;
}

.important_item .title {
    margin: 0 auto;
    width: 1160px;
    padding: 20px 20px 20px 45px;
    color: #FFF;
    font-weight: bold;
    font-size: 2.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/images/important_title.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-color: transparent;
}

#kinkyu ul {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 0 0 8px;
    list-style-type: none;
    list-style-image: none;
}

#kinkyu ol {
    margin: 0.7em 5px;
    padding-left: 25px;
}

#kinkyu ul li {
    background-image: none;
    position: relative;
    padding: 0 0 0 20px;
    list-style-type: none;
    list-style-image: none;
    _height: 1%;
}

#kinkyu ul li:before {
    counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #666666;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#kinkyu .h2bg {
    margin: 0 0 0.5em 0;
    border-radius: 0;
    background: none;
    border: none;
}

#kinkyu .h2bg div {
    background-color: #B93A32;
    background-image: none;
    color: #FFFFFF;
    border: none;
}

#kinkyu .h2bg h2 {
    color: #FFFFFF;
    background: none;
    padding: 5px 20px 3px 10px;
    border: none;
    margin: 0;
}

#kinkyu .h3bg {
    margin: 1em 10px 0.7em 0;
    padding: 0;
    border-bottom: 1px solid #FFFFFF;
    background-color: #EEEEEE;
    color: #131313;
    border-left: none;
    background-image: none;
}

#kinkyu .h3bg div {
    padding: 0;
    border: none;
    border-left: 5px solid #B93A32;
    background-image: none;
}

#kinkyu .h3bg h3 {
    border: none;
    padding: 4px 8px 4px 6px;
    font-size: 120%;
    background: none;
    margin: 0;
}

#kinkyu .h4bg {
    border: none;
    font-size: 120%;
    margin: 0.7em 5px 0.56em 0;
    padding: 0;
    background: none;
}

#kinkyu .h4bg div {
    border-left: 5px solid #B93A32;
    padding: 0 5px 0 6px;
}

#kinkyu h4 {
    margin: 0.7em 0 0.56em 10px;
    padding: 2px 0 0px 16px;
    line-height: 1.5;
    font-size: 90%;
    font-weight: bold;
    _height: 1%;
}

#kinkyu .h4bg h4 {
    padding: 0;
    margin: 0;
    color: #222222;
    background: none;
    border: none;
}

#kinkyu h5 {
    margin: 0.7em 0 0.56em 10px;
    padding: 0;
    line-height: 1.5;
    font-size: 105%;
    font-weight: bold;
    color: #333;
    background: none;
}

#kinkyu h6 {
    padding: 0 0 0 7px;
    margin: 0.7em 0 0.56em 10px;
    line-height: 1.5;
    font-weight: bold;
    color: #333;
    background: none;
    font-size: 105%;
}

@media screen and (max-width: 736px) {
    /* ===========================================
    SP
  =========================================== */
    .important_item .title {
        width: 100%;
    }
    #kinkyu {
        width: 100%;
    }
    .important_item {
        padding: 0 10px 10px 10px;
    }
    /* ライフステージメニュー
============================== */
    .btn-list-case li a span.life-btn-img img {
        height: 70px;
    }
    .btn-list-case li a span.life-btn-img {
        width: 75px;
        height: 75px;
    }
/* 海外向け */
.Overseas_slider_wp {
    width: auto;
}
.Overseas_AllNews {
    width: auto;
}

.Overseas_Menu {
    width: auto;
}
.answer-area {
    overflow: auto;
}
.answer-box {
    display: block;
}
}
/* 20190705追加 */
.footer-contents .inner .l-contents p.coll_btn {
    display: inline-block;
}

.footer-contents .l-contents p.coll_btn .btn.btn-large {
    box-sizing: border-box;
    padding-left: 45px;
    text-align: left;
}

.footer-contents  p.coll_btn .btn-large img {
    float: left;
    margin-top: 5px;
}

/* 20200325追加 */
p.shumoku {
    padding-left: 38px;
    padding-top: 10px;
}

/* 20200326追加 */
p.common-blue-bt a {
    background: #0071bc;
    border: medium none;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 0 #6eaed9;
    box-shadow: 0 4px 0 #6eaed9;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 14px 5px;
    text-align: center;
    text-decoration: none;
    width: 250px;
}




/* ===========================================
汎用ポータル 追加パーツ 20210129
=========================================== */

/* メニューリンク01
==================== */

.portal_menu_link_wp01 h2 {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 10px 20px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(/images/top_bnr_icon.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    font-weight: bold;
}
.portal_menu_link_wp01 h2 span {
    background: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
}
.portal_menu_link_wp01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.portal_menu_link01 {
    background-image: url(/images/menu_link_wp01.gif);
    padding: 20px;
    width: 280px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.portal_menu_link01 > a {
    background-color: #FFF;
    display: block;
}
.portal_menu_link_wp01 h2 .portal_menu_titleImg {
    overflow: unset;
}
.portal_menu_link_wp01 h2 .portal_menu_titleTxt {
    padding: 0 10px 0 10px;
    line-height: 1.3em;
    overflow: unset;
}
.portal_menu_link01::after {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #FFF;
    position: absolute;
    z-index: 100;
}
ul.portal_menu_titleImg li a {
    background-image: url(/images/c_riyou_icon.png);
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: 0 .5em;
    display: inline-block;
}
ul.portal_menu_titleImg {
    margin: 0;
    padding: 10px 11px 10px 10px;
    list-style: none;
    overflow: hidden;
}
ul.portal_menu_titleImg li {
    float: left;
    margin-right: 15px;
}
.portal_menu_link_area {
    width: 670px;
    margin-left: 20px;
}


/* メニューリンク02 2連
==================== */

.portal_menu_link_wp02_box {
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
    border: 1px solid #004675;
    width: 30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #FFF;
    /* height: 65px; */
}

.portal_menu_link_bnr {
  margin-bottom: 0;
  height: 100%;
}

.portal_menu_link_wp02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
p.portal_menu_link_bnr a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.2rem;
    padding: 0px 20px 0px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(/images/top_bnr_icon.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    height: 100%;
    padding: 10px 0 10px 10px;
}
span.portal_menu_link_bnr_txt {
    padding: 0 20px 0 10px;
    line-height: 1.3em;
}
p.portal_menu_link_bnr a img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

p.portal_menu_link_bnr_no_img {
  padding: 11px 0;
}


/* よく利用される情報
=================== */

.portal_RiyouLink-box {
    border-top: 5px solid #0071BD;
    border-bottom: 2px solid #0071BD;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

.portal_RiyouLink_title h2 {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.8rem;
    color: #0071BD;
    padding: 10px 18px;
    margin: 0;
    background: transparent;
}

ul.portal_RiyouLink_li {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 1em;
}

ul.portal_RiyouLink_li li {
    list-style: none;
    margin-right: 15px;
    margin-bottom: 10px;
}

ul.portal_RiyouLink_li li a {
    padding: 5px 15px 5px 23px;
    display: block;
    background-color: #EDF7FF;
    background-image: url(/images/c_riyou_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 0.8em;
}

/* ta06_業種分類別から選ぶ
=================== */

span.portal_btn-list-job-img {
    margin: 0 auto;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 88px;
    background-color: #2B77C3;
    -webkit-box-shadow: 0 4px #C4DBF2;
    box-shadow: 0 4px #C4DBF2;
}

ul.portal_btn-list-job {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.portal_bunya_menu {
    width: auto;
    margin: 0 auto;
}

.portal_btn-list-job li {
    width: calc(100% / 6);
    text-align: center;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

@supports (-ms-ime-align:auto) {
  .portal_btn-list-job li {
    width: calc((100% - 1px) / 6);
  }
}

.portal_btn-list-job-text {
    padding-top: 15px;
    display: block;
}

.portal_btn-list-job li a {
    display: block;
}


/* ta09_横浜市の政策メニュー
=================== */

.portal_seisaku-item {
    border: 3px solid #C5E4F8;
    padding: 20px;
    border-radius: 3px;
    width: 290px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 7px 15px 7px;
}

.portal_seisaku-area-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 914px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.portal_seisaku-img {
    text-align: center;
    margin-bottom: 20px;
}


/* oSam01_PRイメージ(リンク画像横並び(2連)) */
.portal_la_img-area {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 10px 0;
}
p.portal_la_imglink-side2 {
    margin: 0;
    padding: 0;
    position: relative;
}
p.portal_la_imglink-side2 img {
}
p.portal_la_imglink-side2 span {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #0F0E47;
    color: #FFF;
    padding: 16px 0;
    font-size: 2.2rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: underline;
}
p.portal_la_imglink-side2 a:hover span,
p.portal_la_imglink-side2 a:focus span {
    text-decoration: none;
}


/* トップページピックアップ
==================== */

.portal_kotsu_pickup_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 940px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
.portal_kotsu_pickup_con {
    width: 450px;
    background-color: #F4FBFB;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 1px 1px 0px #c6d5d5;
    box-shadow: 0px 1px 1px 0px #c6d5d5;
    /* display: flex; */
}
.portal_kotsu_pickup_con:nth-of-type(2n) {
    margin-left: 20px;
}
.portal_kotsu_pickup_con-r {
    padding: 20px 10px;
}
.portal_kotsu_pickup_link, .portal_kotsu_pickup_link a {
    color: #003379;
    font-size: 1.8rem;
    font-weight: bold;
}
.portal_kotsu_pickup_con-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.portal_kotsu_pickup_con a {
    /* text-decoration: none; */
    color: #333;
}
.portal_kotsu_pickup_text {
    color: #333;
    font-size: 1.5rem;
}


/* am21_画像拡大4連
==================== */

.portal_picture_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 900px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px auto;
}

.portal_pic_img_box4 {
    width: 215px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 13px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(74, 56, 34, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(74, 56, 34, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.portal_pic_img_box4 {
  width: auto;
  margin-top: 10px;
}

.portal_pic_img_box4:last-of-type {
    margin-right: 0;
}

.portal_pic_text {
  display: block;
  padding: 8px;
  color: #333333;
}

.portal_pic_img_box4 a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    text-decoration: none;
}

/* am22_青ボタンリンク
==================== */

.portal_blue_btn_box {
    width: 260px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 21.5px;
    margin-left: 21.5px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portal_blue_btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;
}

.portal_blue_btn_box:nth-of-type(4n) {
    margin-right: 0;
}

.portal_blue_btn_link {
    position: relative;
    vertical-align: top;
    margin-bottom: 15px;
}

.portal_blue_btn_link a {
    -webkit-box-shadow: 0 3px 0 #6EAED9;
    box-shadow: 0 3px 0 #6EAED9;
    background-color: #0071BC;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #0071BC;
    border-radius: 5px;
    padding: 20px 10px 20px 42px;
    position: relative;
    display: block;
    line-height: 1.3em;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
    background-image: none;
}

.portal_blue_btn_link:hover {
  opacity: 0.8;
}

.portal_blue_btn_link a:active {
    top: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
}


.portal_blue_btn_text, .portal_blue_btn_text2 {
    padding: 0 5px;
}

.portal_blue-box {
    padding-right: 25px;
    clear: both;
}

.portal_btn_txt {
  display: block;
  padding-top: 5px;
}

.portal_blue_btn_link img {
  position: absolute;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}


/* am23_動画サムネイル
==================== */

.portal_mv-area {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.portal_mv_contents {
	margin: 0 17px 12px 17px;
  width: 272px;
}

.portal_mvlink-side3 {
	position: relative;
}


.portal_mvlink-side3 a {
	position: relative;
}

.portal_play_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.portal_mvlink-side3 > a > img {
	opacity: 1;
}

.portal_mvlink-side3 > span {
  display: block;
  text-align: left;
}

.portal_mv_time {
  position: absolute;
  top: 140px;
  right: 10px;
  background-color: rgba(255,255,255,0.8);
  padding: 2px 15px;
  border-radius: 15px;
}

.portal_mv_title {
  font-weight: bold;
  padding: 10px 0;
}


/*======= ポータル見出し 青 ========*/

/* am24_01_中見出し（ポータル）青  */

.portal_h2bg_blue h2 {
  box-shadow: none;
}

.portal_h2bg_blue span {
  background-color: #2972BB;
  background: none #2972BB;
  color: #FFFFFF;
  text-shadow: none;
  border-left: none;
  box-shadow: none;
  border-radius: 30px 0 0 30px;
  position: relative;
  padding-left: 40px;
  font-size: 2.1rem;
}

.portal_h2bg_blue span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 13px;
  width: 21px;
  height: 21px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.portal_h2bg_blue a {
  color: #FFFFFF;
  text-decoration: underline;
}

.portal_h2bg_blue a:hover {
  text-decoration: none;
}

/* am24_02_小見出し（ポータル）青  */

.portal_h3bg_blue h3 {
  border-left: none;
  border-bottom: none;
  background-color: #DFEEF6;
  border-radius: 30px 0 0 30px;
}

.portal_h3bg_blue span {
  font-size: 1.6rem;
  color: #333333;
}

.portal_h3bg_blue a {
  color: #333333;
  text-decoration: underline;
}

.portal_h3bg_blue a:hover {
  text-decoration: none;
}

/* am24_03_細見出し（ポータル）青  */

.portal_h4bg_blue h4 {
  position: relative;
  color: #333333;
  padding-left: 19px;
}

.portal_h4bg_blue h4:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 16px;
  height: 16px;
  background-color: #2972BB;
  border-radius: 50%;
}

.portal_h4bg_blue a {
  color: #333333;
  text-decoration: underline;
}

.portal_h4bg_blue a:hover {
  text-decoration: none;
}

/* am24_04_細々見出し（ポータル）青  */

.portal_h5bg_blue h5 {
  position: relative;
  color: #333333;
  padding-left: 19px;
  font-size: 1.5rem;
}

.portal_h5bg_blue h5:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #2972BB;
  border-radius: 50%;
}

.portal_h5bg_blue h5 span {
  border: none;
  padding: 0;
  color: #333333;
}

.portal_h5bg_blue h5 a {
  color: #333333;
  text-decoration: underline;
}

.portal_h5bg_blue h5 a:hover {
  text-decoration: none;
}

/* am24_05_最細見出し（ポータル）青  */

.portal_h6bg_blue h6 {
  color: #2972BB;
  font-size: 1.5rem;
  padding-left: 0px;
}

.portal_h6bg_blue h6 a {
  color: #2972BB;
  text-decoration: underline;
}

.portal_h6bg_blue h6 a:hover {
  text-decoration: none;
}


/*======= ポータル見出し 赤 ========*/

/* am24_01_中見出し（ポータル）赤  */

.portal_h2bg_red h2 {
  box-shadow: none;
}

.portal_h2bg_red span {
  background-color: #D71515;
  background: none #D71515;
  color: #FFFFFF;
  text-shadow: none;
  border-left: none;
  box-shadow: none;
  border-radius: 30px 0 0 30px;
  position: relative;
  padding-left: 40px;
  font-size: 2.1rem;
}

.portal_h2bg_red span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 13px;
  width: 21px;
  height: 21px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.portal_h2bg_red a {
  color: #FFFFFF;
  text-decoration: underline;
}

.portal_h2bg_red a:hover {
  text-decoration: none;
}

/* am24_02_小見出し（ポータル）赤  */

.portal_h3bg_red h3 {
  border-left: none;
  border-bottom: none;
  background-color: #FFEBE9;
  border-radius: 30px 0 0 30px;
}

.portal_h3bg_red span {
  font-size: 1.6rem;
  color: #333333;
}

.portal_h3bg_red a {
  color: #333333;
  text-decoration: underline;
}

.portal_h3bg_red a:hover {
  text-decoration: none;
}

/* am24_03_細見出し（ポータル）赤  */

.portal_h4bg_red h4 {
  position: relative;
  color: #333333;
  padding-left: 19px;
}

.portal_h4bg_red h4:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 16px;
  height: 16px;
  background-color: #D71515;
  border-radius: 50%;
}

.portal_h4bg_red a {
  color: #333333;
  text-decoration: underline;
}

.portal_h4bg_red a:hover {
  text-decoration: none;
}

/* am24_04_細々見出し（ポータル）赤  */

.portal_h5bg_red h5 {
  position: relative;
  color: #333333;
  padding-left: 19px;
  font-size: 1.5rem;
}

.portal_h5bg_red h5:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #D71515;
  border-radius: 50%;
}

.portal_h5bg_red h5 span {
  border: none;
  padding: 0;
}

.portal_h5bg_red h5 a {
  color: #333333;
  text-decoration: underline;
}

.portal_h5bg_red h5 a:hover {
  text-decoration: none;
}

/* am24_05_最細見出し（ポータル）赤  */

.portal_h6bg_red h6 {
  color: #D71515;
  font-size: 1.5rem;
  padding-left: 0px;
}

.portal_h6bg_red h6 a {
  color: #D71515;
  text-decoration: underline;
}

.portal_h6bg_red h6 a:hover {
  text-decoration: none;
}


/*======= ポータル見出し 緑 ========*/

/* am24_01_中見出し（ポータル）緑  */

.portal_h2bg_green h2 {
  box-shadow: none;
}

.portal_h2bg_green span {
  background-color: #0D7D00;
  background: none #0D7D00;
  color: #FFFFFF;
  text-shadow: none;
  border-left: none;
  box-shadow: none;
  border-radius: 30px 0 0 30px;
  position: relative;
  padding-left: 40px;
  font-size: 2.1rem;
}

.portal_h2bg_green span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 13px;
  width: 21px;
  height: 21px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.portal_h2bg_green a {
  color: #FFFFFF;
  text-decoration: underline;
}

.portal_h2bg_green a:hover {
  text-decoration: none;
}

/* am24_02_小見出し（ポータル）緑  */

.portal_h3bg_green h3 {
  border-left: none;
  border-bottom: none;
  background-color: #E0F6D7;
  border-radius: 30px 0 0 30px;
}

.portal_h3bg_green span {
  font-size: 1.6rem;
  color: #333333;
}

.portal_h3bg_green a {
  color: #333333;
  text-decoration: underline;
}

.portal_h3bg_green a:hover {
  text-decoration: none;
}

/* am24_03_細見出し（ポータル）緑  */

.portal_h4bg_green h4 {
  position: relative;
  color: #333333;
  padding-left: 19px;
}

.portal_h4bg_green h4:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 16px;
  height: 16px;
  background-color: #0D7D00;
  border-radius: 50%;
}

.portal_h4bg_green a {
  color: #333333;
  text-decoration: underline;
}

.portal_h4bg_green a:hover {
  text-decoration: none;
}

/* am24_04_細々見出し（ポータル）緑  */

.portal_h5bg_green h5 {
  position: relative;
  color: #333333;
  padding-left: 19px;
  font-size: 1.5rem;
}

.portal_h5bg_green h5:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #0D7D00;
  border-radius: 50%;
}

.portal_h5bg_green h5 span {
  border: none;
  padding: 0;
}

.portal_h5bg_green h5 a {
  color: #333333;
  text-decoration: underline;
}

.portal_h5bg_green h5 a:hover {
  text-decoration: none;
}

/* am24_05_最細見出し（ポータル）緑  */

.portal_h6bg_green h6 {
  color: #0D7D00;
  font-size: 1.5rem;
  padding-left: 0px;
}

.portal_h6bg_green a {
  color: #0D7D00;
  text-decoration: underline;
}

.portal_h6bg_green a:hover {
  text-decoration: none;
}


/*======= ポータル見出し ピンク ========*/

/* am24_01_中見出し（ポータル）ピンク  */

.portal_h2bg_pink h2 {
  box-shadow: none;
}

.portal_h2bg_pink span {
  /* background-color: #F55A5C;
  background: none #F55A5C; */ /* 旧設定 */
  background-color: #FFA07A;
  background: none #FFA07A;
  /* color: #FFFFFF; */ /* 旧設定 */
  color: #333333;
  text-shadow: none;
  border-left: none;
  box-shadow: none;
  border-radius: 30px 0 0 30px;
  position: relative;
  padding-left: 40px;
  font-size: 2.1rem;
}

.portal_h2bg_pink span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 13px;
  width: 21px;
  height: 21px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.portal_h2bg_pink a {
  /* color: #FFFFFF; */ /* 旧設定 */
  color: #333333;
  text-decoration: underline;
}

.portal_h2bg_pink a:hover {
  text-decoration: none;
}

/* am24_02_小見出し（ポータル）ピンク  */

.portal_h3bg_pink h3 {
  border-left: none;
  border-bottom: none;
  background-color: #FFDAB9;
  border-radius: 30px 0 0 30px;
}

.portal_h3bg_pink span {
  font-size: 1.6rem;
  color: #333333;
}

.portal_h3bg_pink a {
  color: #333333;
  text-decoration: underline;
}

.portal_h3bg_pink a:hover {
  text-decoration: none;
}

/* am24_03_細見出し（ポータル）ピンク  */

.portal_h4bg_pink h4 {
  position: relative;
  color: #333333;
  padding-left: 19px;
}

.portal_h4bg_pink h4:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 16px;
  height: 16px;
  background-color: #FFA07A;
  border-radius: 50%;
}

.portal_h4bg_pink a {
  color: #333333;
  text-decoration: underline;
}

.portal_h4bg_pink a:hover {
  text-decoration: none;
}

/* am24_04_細々見出し（ポータル）ピンク  */

.portal_h5bg_pink h5 {
  position: relative;
  color: #333333;
  padding-left: 19px;
  font-size: 1.5rem;
}

.portal_h5bg_pink h5:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0px;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #FFA07A;
  border-radius: 50%;
}

.portal_h5bg_pink h5 span {
  border: none;
  padding: 0;
}

.portal_h5bg_pink h5 a {
  color: #333333;
  text-decoration: underline;
}

.portal_h5bg_pink h5 a:hover {
  text-decoration: none;
}

/* am24_05_最細見出し（ポータル）ピンク  */

.portal_h6bg_pink h6 {
  color: #C3007A;
  font-size: 1.5rem;
  padding-left: 0px;
}

.portal_h6bg_pink a {
  color: #C3007A;
  text-decoration: underline;
}

.portal_h6bg_pink a:hover {
  text-decoration: none;
}


/* am17_アイコンリンク6連（背景なし）
=================== */
.non_bgimg span.portal_btn-list-job-img {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: auto;
  line-height: normal;
}


/*==================== スマホ表示 ====================*/

/* メニューリンク01
==================== */

@media screen and (max-width: 736px) {

  .portal_menu_link_area {
      width: 100%;
      box-sizing: border-box;
  }
  .portal_menu_link01 {
      margin: 0 auto !important;
      width: 100%;
      box-sizing: border-box;
      padding: 0;
  }
  .portal_menu_link_wp01 {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: block;
      margin: 0 auto;
      background-color: #dfeef6;
      padding: 10px;
      margin-bottom: 20px;
  }
  .portal_menu_link_wp02 {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: block;
      padding: 10px;
  }
  p.portal_menu_link_bnr {
      margin-right: auto !important;
      margin-left: auto !important;
      margin-top: -1px;
      margin-bottom: 0;
      width: 100%;
  }
  ul.portal_menu_titleImg li a {
      display: block;
      padding: 17px 20px 17px 10px;
      background-image: none;
      background-color: #004675;
      border-top: 1px solid #FFF;
      color: #FFF;
      position: relative;
  }

  ul.portal_menu_titleImg li {
      float: none;
      margin: 0;
      /* position: relative; */
  }

  ul.portal_menu_titleImg {
      padding: 0;
  }

  .portal_menu_link01 + .portal_menu_link01 {
      margin-top: 10px !important;
  }

  ul.portal_menu_titleImg li a::before,
  ul.portal_menu_titleImg li a::before {
      position: absolute;
      top: 50%;
      right: 20px;
      margin: auto;
      content: "";
      vertical-align: middle;
      margin-top: -5px;
  }

  ul.portal_menu_titleImg li a::before {
      width: 6px;
      height: 6px;
      border-top: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  .portal_menu_link_wp02 {
    /* margin-bottom: 0; */
    padding-top: 0;
    padding:0;
  }

  .portal_menu_link_wp01:first-child {
    margin-top: 10px;
  }
  .portal_menu_link_wp01:last-child {
    margin-bottom: 10px;
  }

  .portal_menu_link_wp02:first-child {
    margin-top: 10px;
  }
  .portal_menu_link_wp02:last-child {
    margin-bottom: 30px;
  }


  /* メニューリンク01
  ==================== */

  .portal_menu_link_wp02_box {
    margin-left: 0;
    width: 100%;
    border-bottom: none;
  }
  .portal_menu_link_wp02 {
    border-bottom: 1px solid #004675;
  }




  /* ta06_業種分類別から選ぶ
  =================== */

  .portal_bunya_menu {
      width: 100%;
      padding: 0;
  }
  ul.portal_btn-list-job {
      padding: 0 10px;
  }
  .portal_btn-list-job li {
      margin: 0 0 30px 0;
      width: calc((100% - 1px)/ 2);
  }

  /* 政策
========================= */
  .portal_seisaku-item {
      width: 100%;
  }
  .portal_seisaku-area-in {
      width: 100%;
  }
  .main-topics .topics-box .topics-left .topics-contents {
      display: none;
      -ms-flex-negative: 0;
      flex-shrink: 0;
  }
  .main-topics .topics-box .topics-left .topics-contents.on {
      display: block;
  }
  dl.topics-image dt {
      margin-left: 0;
  }
  dl.topics-image dd {
      margin-left: 0;
  }
  .question-box {
      width: 100%;
      flex-shrink: 0;
  }

  /* oSam01_PRイメージ(リンク画像横並び(2連)) */
  .portal_la_img-area {
      /*margin: 0 auto;*/
      margin: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 10px;
      text-align: center;
      margin-bottom: 20px;
  }
  .portal_la_img-area p.portal_la_imglink-side2:last-of-type {
      margin: 0 auto;
  }
  p.portal_la_imglink-side2 {
      margin: 0 auto 20px;
  }
  p.portal_la_imglink-side2 img {
      width: 100%;
      height: auto;
  }
  p.portal_la_imglink-side2 span {
      font-size: 2rem;
  }

  /*kTa02_ピックアップ*/
  .portal_kotsu_pickup_in {
      display: block;
      width: 100%;
  }
  .portal_kotsu_pickup_con {
      width: 100%;
  }
  .portal_kotsu_pickup_con:nth-of-type(2n) {
    margin-left: 0;
  }
  .portal_kotsu_pickup_con-l {
    flex-shrink: 2;
    flex-basis: 35%;
  }
  .portal_kotsu_pickup_con-r {
    flex-shrink: 3;
    flex-basis: 75%;
  }

  /*a21_Yokuaru*/
  .answer-box {
    display: flex;
  }

  /* am22_青ボタンリンク
  ==================== */
  .portal_blue_btn_link a {
      width: 100%;
  }
  .portal_blue_btn_box {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
  }
  .portal_blue_btn_area {
      display: block;
  }
  .portal_blue_box_area {
      padding: 10px 10px;
  }
  .portal_blue-box::before, .portal_blue-box::after {
      content: "";
      display: table;
      clear: both;
  }
  .portal_blue-box {
      margin-bottom: 20px;
      padding-right: 0;
  }

  /* am23_動画サムネイル
  ==================== */
  .portal_mv_contents {
    margin: 0 auto 12px auto;
  }

  /* am21_画像拡大4連
  ==================== */
  .portal_picture_wp {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .portal_pic_img_box4 img {
    width: 100%;
  }

  .portal_pic_img_box4 {
    margin-bottom:  20px;
    max-width: 100%;
  }

  .portal_pic_img_box4:last-of-type {
    margin-right: 10px;
  }

}


/* ポータルパーツ印刷時設定 */

@media print {
  body {
      -webkit-print-color-adjust: exact;
  }
}


@media print and (-ms-high-contrast: none) {
  .portal_menu_link_bnr {
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
  }

  p.portal_menu_link_bnr a {
    padding-top: 0;
    margin-top: 0;
  }
}

/* answer-area02 見出しのスタイル */
.contents-area .answer-area2 h2 {
    background: url(/images/mayor-shared-h3_hr.gif) no-repeat bottom left;
    margin-bottom: 25px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    color: #004181;
}
.contents-area .answer-area2 h2 span{
  background-color: transparent;
  background: none;
  padding: 0px;
  box-shadow: none;
  border-left: none;
}

.contents-area .answer-area2 h3 {
    color: #004181;
    font-weight: bold;
    padding-left: 0px;
    background: url(/images/mayor-shared-hr_h3_680.png) no-repeat bottom left;
    margin-bottom: 20px;
    border: none;
}
.contents-area .answer-area2 h4 {
    border-left: 4px solid #98b4d1;
    margin: 0 0 10px 0;
    padding: 0px 0px 0px 10px;
    color: #537aa1;
    font-weight: bold;
}
.contents-area .answer-area2 h4:before{
   content: none;
}
.contents-area .answer-area2 h5 {
    margin: 0 0 10px 0;
    color: #537aa1;
    font-size: 1.5rem;
    font-weight: bold;
}
.contents-area .answer-area2 h5 span {
    border: 1px solid #4e6c9c;
    padding: 0 10px 0px 10px;
}
.contents-area .answer-area2 h6 {
    margin: 0 0 5px 0;
    padding: 0px;
    color: #595757;
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
}
.contents-area .answer-area2 h6:before {
    left: 0;
    position: absolute;
    top: 5px;
    width: 14px;
    background: #595757;
    content: "";
}


/* ===========================================
よくある質問検索　202110
=========================================== */

.insertfile table.gsc-search-box {
  margin: 0;
}

.insertfile table.gsc-search-box td {
  border: none;
  padding: 0;
}

.insertfile table.gsc-search-box td.gsib_b {
  display: none;
}

.insertfile .gsst_b {
  padding: 0;
}

.insertfile .gsst_b a {
  padding-right: 10px;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.insertfile table.gsc-search-box td.gsc-search-button {
  border: none;
  padding: 0;
  padding-left: 20px;
  overflow-y: hidden;
}

.insertfile .gsc-search-button-v2 {
  height: 45px;
  width: 74.99px;
  border-radius: 0 !important;
  background-image: url(/images/faq_kensaku_btn.png) !important;
  background-size: 74px 45px !important;
  background-color: transparent !important;
  border: none !important;
}

.insertfile .gsc-search-button-v2 svg path {
  display: none !important;
}

.insertfile input#gsc-i-id1, .insertfile input#gsc-i-id2, .insertfile input#gsc-i-id3 {
  border-radius: 0 !important;
  border-top: 1px solid #CCC !important;
  border-bottom: 1px solid #CCC !important;
  border-left: 1px solid #CCC !important;
  border-right: 1px solid #CCC !important;
  height: 45px !important;
  background: none !important;
}

.insertfile input#gsc-i-id1:active, .insertfile input#gsc-i-id1:focus, .insertfile input#gsc-i-id2:active, .insertfile input#gsc-i-id2:focus, .insertfile input#gsc-i-id3:active, .insertfile input#gsc-i-id3:focus {
  border: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-radius: 3px !important;
}

.insertfile .gsc-search-box-tools .gsc-search-box .gsc-input {
  border-right: none !important;
}

.insertfile form.gsc-search-box {
  width: 55%;
}

.insertfile .gsc-control-cse {
  padding: 0.2em 1em;
  box-sizing: border-box;
}

@media screen and (max-width: 736px) {

  .insertfile .gsc-control-cse {
    width: 100%;
  }

  .insertfile form.gsc-search-box {
    width: 100%;
  }

  .insertfile .gsc-search-box-tools .gsc-search-box table.gsc-input {
    width: 220px !important;
  }

  .insertfile .gsc-search-box-tools .gsc-search-box .gsc-input {
    margin-bottom: 5px;
}

  .insertfile .gsc-search-box-tools .gsc-search-box input#gsc-i-id1.gsc-input {
    border-right: 1px solid #b5b5b6;
    border-radius: 0 !important;
  }

  .insertfile table.gsc-search-box > tbody > tr {
    display: flex;
    flex-direction: column;
  }

  .insertfile table.gsc-search-box td.gsc-search-button {
    width: auto;
    margin: 0 auto;
    padding-left: 0;
  }
}

/* ===========================================
パンくずSP表示　202203
=========================================== */
div.pankz-area .pk-img {
  margin: 0;
  display: inline-block;
  padding: 0;
  background: none;
  font-size: 1.3rem;
  padding: 2px 8px;
  font-weight: normal;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border: 1px solid #000000;
  border-radius: 6px;
  width: fit-content;
  float: left;
  line-height: 1.6rem;
  margin-top: 2px;
  margin-right: 10px;
  background-color: #FFF;
}

@media screen and (min-width: 737px) {
div.pankz-area .inner {
  height: auto !important;
}
}

@media screen and (max-width: 736px) {
  div.pankz-area.sp-none {
    display: block !important;
    position: relative;
  }
  div.pankz-area.sp-none div.inner {
    margin: 10px 20px 0 5px;
    padding: 0;
    width: auto;
  }
  div.pankz-area.sp-none ol.sp-none {
    display: block !important;
    overflow-x: initial;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  div.pankz-area.sp-none ol.sp-none li {
    float: left;
    padding: 0px;
    margin-right: 10px;
    position: relative;
  }


  .pankz-area ol {
  width: 100%;
  overflow-x: clip;
  /* overflow-y: hidden; */
}

.pankz-area ol li, .pankz-area ul li {
  font-size: 1.3rem;
  padding: 0 15px 5px 10px;
  line-height: 2.2;
}

.pankz-area ol li:first-of-type, .pankz-area ul li:first-of-type {
  padding-left: 5px;
}

.pankz_morebtn_wp {
  position: absolute;
  top: 2px;
  right: 10px;
}

.pankz_morebtn {
  padding: 0;
}

.pankz-area li.icon_show::before {
  display: block;
}


.inner {
  overflow-y: hidden;
}

.pankz-area.active {
  display: block;
}

div.pankz-area .inner.active ol {
  overflow-y: visible;
}

.pankz-area .inner.active {
  height: auto !important;
  overflow-y: visible;
}

.pankz-area .inner nav {
  overflow:hidden;
}

.pankz-area .inner li::after {
    content: '>';
    margin-left: 10px;
}

.pankz-area .inner li.pk-thispage::after {
    content: none;
}
}



/* a33_ページ送りリンク
=================== */
.pagenation_link_wp {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 10px;
}

.pagenation_link_wp div {
  border-top: 1px solid #4E83C5;
  border-bottom: 1px solid #4E83C5;
  background-color: #EDF3F7;
  min-height: 60px;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

.pagenation_link_wp div.pagenation_link_next {
  width: calc((100% - 138px) / 2);
  background-image: url(/images/pagenation_next_icon.png);
  background-position: left 10px center;
}

.pagenation_link_wp div.pagenation_link_index {
  width: 98px;
  margin-left: calc(((100% - 138px) / 2) + 20px);
  background-image: url(/images/pagenation_index_icon.png);
  background-position: left 10px center;
  position: relative;
}

.pagenation_link_wp div.pagenation_link_prev {
  width: calc((100% - 138px) / 2);
  margin-left: 138px;
  background-image: url(/images/pagenation_prev_icon.png);
  background-position: right 10px center;
}

.pagenation_link_wp div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 60px;
  font-size: 1.5rem;
  box-sizing: border-box;
  color: #3C3C3C;
  text-decoration: none;
  word-break: break-all;
}

.pagenation_link_wp div a:hover {
  text-decoration: underline;
}

.pagenation_link_wp div.pagenation_link_next a {
  padding: 10px 10px 10px 40px;
}

.pagenation_link_wp div.pagenation_link_index a {
  padding: 10px 5px 10px 40px;
}

.pagenation_link_wp div.pagenation_link_prev a {
  padding: 10px 40px 10px 10px;
}

/* 次のページがある場合 */
div.pagenation_link_next + div.pagenation_link_index {
  margin-left: 20px;
}

/* 一覧がある場合 */
div.pagenation_link_index + div.pagenation_link_prev {
  margin-left: 20px;
}


@media screen and (max-width: 736px) {

  .pagenation_link_wp div {
    min-height: 50px;
    background-size: 15px;
  }

  .pagenation_link_wp div.pagenation_link_next {
    width: calc((100% - 110px) / 2);
    background-position: left 5px center;
  }

  .pagenation_link_wp div.pagenation_link_index {
    width: 90px;
    background-position: left 5px center;
    margin-left: calc(((100% - 110px) / 2) + 10px);
  }

  .pagenation_link_wp div.pagenation_link_prev {
    width: calc((100% - 110px) / 2);
    margin-left: 110px;
    background-position: right 5px center;
  }

  .pagenation_link_wp div a {
    min-height: 50px;
    font-size: 1.4rem;
  }

  .pagenation_link_wp div.pagenation_link_next a {
    padding: 5px 5px 5px 25px;
  }

  .pagenation_link_wp div.pagenation_link_index a {
    padding-left: 25px;
  }

  .pagenation_link_wp div.pagenation_link_prev a {
    padding: 5px 25px 5px 5px;
  }

  /* 次のページがある場合 */
  div.pagenation_link_next + div.pagenation_link_index {
    margin-left: 10px;
  }

  /* 一覧がある場合 */
  div.pagenation_link_index + div.pagenation_link_prev {
    margin-left: 10px;
  }
}