@charset "UTF-8";
/* ==========================================================================================
*パーツ用スタイル /*670px 以下の指定 印刷時同様
========================================================================================== */
/* 1.5倍に拡大表示 */
input[type="radio"], input[type="chexkbox"],input[type="checkbox"] {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
}

.sp-none {
	display: none !important;
}

.main-inner img {
    max-width: 95%;
    height: auto;
    /* margin-left: 0; */
}

.img-guidance {
	margin: 0;
    padding: 0;
	height: 1px !important;
	width: 1px !important;
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
#base {
    overflow-y: scroll;
}
/* ヘッダーエリア
============================== */
.sp_head_wp {
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu_btn_wp {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 92px; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.logo {
    margin: 0 0 0 10px;
    position: relative;
    z-index: 105;
}
.button_container {
    border: none;
}
/* メニュー開閉エリア
============================== */

/* ヘッダメニューリスト
============================== */
/* ボタン */
#gnavi_menu {
    display: none;
    border-bottom: 4px solid #FDD000;
    margin-bottom: 10px;
}
#toggle01,#toggleEn {
    font-size: 1.4rem;
    min-width: 105px;
    -webkit-box-shadow: 0 3px 0 #E1B400;
    box-shadow: 0 3px 0 #E1B400;
    background-color: #FDD000;
    color: #333333;
    text-decoration: none;
    border: 1px solid #FDD000;
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    text-align: left;
}

#toggle01:active,#toggleEn:active {
    position: relative;
    top: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
}

#toggle01 > img,#toggleEn > img {
    margin-right: 5px;
    margin-bottom: 2px;
}
/* メニューリンク */
.switch_menu_title a {
    background-color: #FFF;
    border-bottom: 1px solid #FDD000;
    position: relative;
    display: block;
    padding: 10px 32px 10px 15px;
}
p.switch_menu_title a::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    border-color: #FA8900;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 10px;
}
.switch_menu_title a:link, 
.switch_menu_title a:visited, 
.switch_menu_title a:hover, 
.switch_menu_title a:focus, 
.switch_menu_title a:active {
	color: #333;
    text-decoration: none;
}
.switch_menu_title {
    margin: 0;
    padding: 0;
    z-index: 200;
    position: relative;
    font-size: 1.7rem;
}
.smph_gnavi_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px 10px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.smph_gnavi_menu p {
    line-height: 1;
    white-space: nowrap;
    background-image: none;
    border-right: 1px solid #000000;
    padding: 0 15px 0 0;
    margin: 0 15px 3px 0;
    font-size: 1.4rem;
}

.smph_gnavi_menu p a {
    line-height: 1;
}
/*  開閉メニューリンク色  */
.smph_gnavi_menu p a:link, 
.smph_gnavi_menu p a:visited, 
.smph_gnavi_menu p a:focus, 
.smph_gnavi_menu p a:hover, 
.smph_gnavi_menu p a:active {
   color: #333;
   text-decoration:none;
}

.smph_gnavi_menu p:last-child {
    border: none;
}

.smph_gnavi_wp {
    margin: 0 10px;
}
.smph_head_text {
    text-align: center;
}
.smph_head_text img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    max-width: 350px;
}
/* 検索 */
#kensaku_menu {
    background-color: #FFEDA6;
    padding: 10px 10px;
    border-bottom: 1px solid #FFF;
}
input.searchBtn {
    font-size: 1.8rem;
    min-width: 80px;
    border: 1px solid #8EE1E1;
    background-color: #8EE1E1;
    border-radius: 0 5px 5px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.search-wp_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 1000px;
    margin: 0 auto;
}
.searchbox-only {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
}
.search_icon {
    background-color: #FFF;
    padding: 7px 12px;
    height: 36px;
    border-radius: 5px 0 0 5px;
}
input.searchBox {
    width: calc(100% - 80px);
    border: 1px solid #FFF;
    height: 36px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
}

.searchbox-only form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/* メインエリア
============================== */
/* 大見出し画像 */
.main-inner .h1img img {
    max-width: 100%;
}
/* 基本情報 */
.h1bg {
    margin: 0 0 20px 0;
    background-image: none;
    border-radius: 0;
    padding: 0;
}
.h1bg h1 {
	font-size: 1.9rem;
	padding: 10px 10px 10px 10px;
}
.h2bg {
    margin: .8em 10px;
}

.h3bg {
    margin: 1em 10px .8em 10px;
}
.h4bg {
    margin: 1em 10px .8em 10px;
}
h5 {
    margin: 0.7em 0 0.56em 16px;
}

h6 {
    margin: 0.7em 0 0.56em 16px;
}
.img-area-l, .img-area-r {
    margin: 0;
}
/* コンテンツエリア
============================== */
.t-box2, .t-box {
    margin: 0;
}

.tothispage2 {
    margin: 0.56em 10px 0.56em 10px;
}

.newinfo-box .h2bg{
    margin: 0 10px;
}
/* floatの解除 */
p.imglink-side2 {
    float: none;
    width: 100%;
    text-align: left;
    margin: 0.56em 0 0.56em 0;
}

p.imglink-txt-left {
    clear: both;
    float: none;
    width: 100%;
    text-align: left;
}

.img-area-r p.imglink-txt-right {
    clear: both;
    float: none;
    width: 100%;
    text-align: left;
}
.img-area-r p.imglink-txt-right img {
	margin: 1em 10px 5px 10px;
	padding: 0;
}
.img-area-r p.imglink-txt-right span {
    margin: 0 10px 5px 10px;
    display: inline-block;
}
.img-area p.imglink-side3 {
    clear: both;
    float: none;
    width: 100%;
    text-align: left;
    margin: 0.56em 0 0.56em 0;
}
p.imglink-side3 img {
    margin: 0 10px 5px 10px;
    padding: 0;
}
p.img-right {
    clear: both;
    float: none;
    width: 95%;
    padding: 0;
}
p.img-center {
    clear: both;
    float: none;
    width: 95%;
}
p.img-only {
    clear: both;
    float: none;
    width: 95%;
}
.img-area {
    text-align: left;
    margin: 0;
}
.img-area span {
    margin-right: 10px;
    display: inline-block;
}
.menulist2 {
    display: block;
}

.m-box2 {
    width: 100%;
    margin: 0;
}

.menulist {
    display: block;
    margin: 0;
}

.m-box3 {
    width: 100%;
    margin: 0;
}
.m-title {
    margin: 0;
}

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 li a {
    display: block;
    padding: 10px 25px 10px 15px;
    background-image: url(/images/circle_arrow01.gif);
    background-repeat: no-repeat;
    background-position: 6px .88em;
    padding-left: 30px;
}

ul.norcor li:first-of-type {
    border-top: 1px solid #EEEEEE;
}

/* 対話式パーツ
============================== */
.c_taiwa.img-area-l, .c_taiwa.img-area-r {
	margin: 10px;
}
.taiwa_text {
	padding: 5px
}


/* 新着情報 */
.ichiran-link {
    text-align: center;
}
.ichiran-link a:link, 
.ichiran-link a:visited, 
.ichiran-link a:focus, 
.ichiran-link a:hover, 
.ichiran-link a:active {
   color: #333;
   text-decoration:none;
}
ul.info-list li{
    padding: 5px 10px 5px 10px;
    display: block;
}
.info-list .date {
    float: none;
    display: block;
}

.info-list .link {
    width: 100%;
    margin: 0;
}

/* サイトマップ */
.site-li {
    margin: 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;
    padding: 10px 25px 10px 15px;
    background-image: url(/images/circle_arrow01.gif);
    background-repeat: no-repeat;
    background-position: 6px .88em;
    padding-left: 30px;
}
/* 地図エリア、画像リンク（文章回りこみ）用再調整 */


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

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

.img-area-l p {
	margin-left: 10px;
}
.img-area-l ul,ul {
	margin: 0.3em 5px 0.3em 10px;
	padding: 0;
	padding-left: 10px;
}
.img-area-l ol, ol {
	margin: 0.7em 5px 0.7em 10px;
	/* padding-left: 30px; */
}
.img-area-r ol {
	margin: 0.7em 5px 0.7em 10px;
	padding: 0;
}

.img-area-l ol li,
.img-area-r ol li {
	margin: 0 0 0 2em;
}
.img-area-r ul {
    padding: 10px;
}
.img-only, 
.img-left, 
.img-center, 
.img-right {
    float: none;
    width: auto;
    text-align: left;
    margin: 0.56em 10px 0.56em 10px;
    display: block;
}
.img-only img, 
.img-left img, 
.img-center img, 
.img-right img {
    margin: 0 !important;
}
p {
    margin: 0.56em 10px 0.56em 10px;
    padding: 0;
    line-height: 1.58;
}
/* pdfバナー */
p.dladobereader {
    margin-right: 10px;
    margin-left: 10px;
}
/* table */
table {
    margin: 0 10px 0.58em 10px;
    width: 95%;
}
/* テーブルスクロール
================================= */
.scroll_table {
    padding: 0 0 10px 0;
    overflow-x:auto;
    margin-bottom:10px;
    padding: 0;
    background-color: #EEEEEE;
}
.scroll_table_switch a {
    border: 1px solid #BBBBBB;
    display: inline-block;
    background-color: #FFF;
    padding: 7px 43px 7px 15px;
    background-image: url(/images/smph_table_scroll_on.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-bottom: 10px;
}
.scroll_table_switch {
    text-align: right;
    margin: 0 10px 0 0;
}
.scroll_table_switch a.scroll {
    background-image: url(/images/smph_table_scroll_off.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
.scroll_table{
	overflow-x: auto;
}
.scroll_table::-webkit-scrollbar{
	width: 5px;
	background: #EEEEEE;
    height: 5px;
}
.scroll_table::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #EEEEEE;
}
.scroll_table::-webkit-scrollbar-thumb{
	background: #BEBEBE;
	border-radius: 15px;
    background: #BCBCBC;
}
.scroll_table::-webkit-scrollbar-thumb:horizontal{
	background: #BEBEBE;
	border-radius: 15px;
}
.scroll_table::-webkit-scrollbar-track{
    background: #F1F1F1;
}

/* インデックスメニュー
============================== */
ul.site-li li:before {
}

ul.norcor li::before {

}
.bgnewinfo-box {
    display: block;
}

.osusume-box {
    width: auto;
    margin: 0 10px 0.85em 10px;
}

.bgnewinfo-box .newinfo-box {
    width: auto;
    margin: 0 10px 0.85em 10px;
}
.oshirase-box {
    margin: 0 10px 0.85em 10px;
}
.newinfo-box {
    margin: 0 10px 0.85em 10px;
}
.CNavi2rd-left-img {
    text-align: center;
}
.CNavi3rd-left-img {
    text-align: center;
}
h2.nextpage {
    margin-top: 15px;
}
/* 地図パーツ
============================== */
.mapimg > div {
    max-width: 100% !important;
}
.mapimg > iframe {
    max-width: 100% !important;
}
.map-area {
    margin: 10px 10px;
}

.map-area .mapimg {
    width: auto;
    float: none;
}
.map-area .h2bg,
.map-area .h3bg,
.map-area .h4bg,
.map-area ul,
.map-area ol {
	margin-left: 6px;
}



/* 評価エリア
============================== */
form#formmail {
    margin: 10px;
}
/* ==========================================================================================
広告
========================================================================================== */

.kokoku{
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #F0F8FA;
}

.kokoku .kokoku_left{
	margin: 0 auto;
	padding: 20px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 300px;
}
.kokoku .kokoku_left .top_kanren_bnr{
 	margin: 0 6px 6px 0;
}

.kokoku .kokoku_left .top_kanren_bnr:nth-child(2n){
	margin-right: 0;
}

.kokoku .kokoku_left .top_kanren_bnr img{
	width: 147px;
}

.kokoku .kokoku_right{
	padding: 0;
}

.kokoku .kokoku_right p{
	background-color: #0D578D;
	margin: 10px;
	padding: 0;
	border-radius: 5px;
}

.kokoku .kokoku_right p a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
/* フッター
============================== */
.foot_wp {
    padding: 10px 0 0 0;
    background-color: #FFFAE5;
}
.footlist li {
    background-image: none;
    padding: 0;
}

.footlist {
    margin: 0;
    padding: 0;
}

.footlist li a {
    display: inline-block;
    padding: 5px 20px 5px 30px;
    background-image: url(/images/circle_arrow01.gif);
    background-repeat: no-repeat;
    background-position: 8px .75em;
}
.footlist li a:link {
	color: #000000;
    text-decoration: none;
}
.footlist li a:visited {
	color: #000000;
}
.footlist li a:hover, 
.footlist li a:focus {
	color: #000000;
	text-decoration: underline;
}
.footlist li a:active {
	color: #000000;
}
.foot_link_btn a {
    background-color: #11649F;
    padding: 10px 5px;
    display: block;
    color: #FFF;
    text-align: center;
    margin: 0 5px;
}
.foot_link_btn a:link, 
.foot_link_btn a:visited, 
.foot_link_btn a:focus, 
.foot_link_btn a:hover,
.foot_link_btn a:active {
    color: #FFF;
}
.foot_link_R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
}

.foot_link_btn {
    width: calc(100% / 3);
}
.foot_messe_wp_L {
    margin: 0 0 15px 0;
    padding: 10px 20px;
}

.foot_link_list a {
    margin: 0;
}

.foot_link_list {
    padding: 0 0 10px 0;
}

.foot_wp_L {
    padding: 10px;
}

.foot_logo {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* ページトップへ
============================== */
.page-top img {
    width: 60px;
    height: auto;
}

.page-top {
    bottom: 5px;
    right: 5px;
    padding: 5px;
}
.page-top a:active{
	
height: 60px;
}
/* 重要お知らせ
============================== */
.important_item {
    background-color: #FFEBEC;
    display: block;
}

.important_item .title {
    background-color: #C7241F;
    color: #FFF;
    text-align: center;
    padding: 20px 10px;
    font-weight: normal;
    margin: 0;
    width: 100%;
    max-width: none;
    min-width: auto;
}


.importants {
    width: 100%;
}

/* ==========================================================================================
*災害用ページ
========================================================================================== */
.baseall-s .wrap {
    margin: 0 10px;
}
.baseall-s .footlist li {
    margin: 0;
    padding: 0;
    background-image: none;
    border-top: 1px solid #CCCCCC;
}
.baseall-s .footlist li:before{
    content: none;
}

.baseall-s .footlist {
    margin: 0;
    padding: 0;
}

.baseall-s address {
    margin: 0;
}
.baseall-s .f0add h2 {
    float: none;
}

/* ==========================================================================================
*カレンダーページ
========================================================================================== */
.cal_bt_eventindex {
    display: block;
    margin: 10px;
}

.cal_bt_calendar {
    display: block;
    margin: 10px;
}

.cal-wrap {
    margin: 10px 10px 30px 10px;
}

/* 組織ページ用
============================== */
.org_list.m-box2 {
    float: none!important;
    width: 100%;
}
/* 重要お知らせ
============================== */
.important_item {
    background-color: #FFEBEC;
    display: block;
}

.important_item .title {
    background-color: #C7241F;
    color: #FFF;
    text-align: center;
    padding: 20px 10px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    max-width: none;
    min-width: auto;
    font-size: 2.0rem;
}
.importants {
    width: 100%;
}
/* =========================================
*地方事務所トップスタイル
========================================= */
/* お知らせ画像エリア
============================== */
.subSite_chihou_img_wp {
    text-align: center;
    margin-bottom: 10px;
}

.subSite_chihou_img img {
    max-width: 100%;
}
/* 事務所汎用エリア
============================== */
h2.subSite_chihou_hanyou_h2 {
    margin: 0.56em 10px 0.56em 10px;
}

/* 所在地情報パーツ */
.subSite_chihou_jimusho_title {
    display: block;
}

.chihou_jimusho_title_link {
    display: block;
    width: 100%;
}

.jimusho_title_link {
    width: 100%;
    margin-bottom: 10px;
}

.chihou_jimusho_name {
    margin-bottom: 15px;
}

.subSite_chihou_jimusho_wp {
    margin: 0 10px 10px 10px;
}

.chihou_jimusho_link ul li {
    width: 100%;
    margin-bottom: 10px;
}

.chihou_jimusho_link ul {
    display: block;
}
p.jimusho_tel_text {
    font-size: 2.6rem;
}

/* 一行リンクパーツ */
.jimusho_single_link {
    margin-right: 10px;
    margin-left: 10px;
}
/* その他パーツ */
.chihou_sonota_wp {
    margin-right: 10px;
    margin-left: 10px;
}
/* 関連バナーエリア
============================== */
.chihou_side_navi ul.norcor li {
	border: none;
}
.chihou_side_navi ul.norcor li a{
	border: none;
}
.chihou_side_navi {
    margin: 0 10px 10px 10px;
    padding: 5px;
}

.chihou_side_navi_title h2 {
    padding: 10px;
}
/* 関連バナーエリア
============================== */
.kanren_title h2 {
    font-size: 1.6rem;
    padding-left: 23px;
    background-image: url(/images/s_kanren_title_smph.gif);
    background-repeat: no-repeat;
    background-position: 6px 0.2em;
    margin-bottom: 8px;
}

.kanren_box {
    margin: 0 10px 10px 10px;
}

.kanren_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.kanren_box ul li {
    width: calc(100% / 2);
    margin-bottom: 10px;
}

.kanren_box ul li img {
    width: 100%;
}

/* =========================================
*採用ページ
========================================= */
.saiyou_index_img {
    margin: 0 0 20px 0;
}

.saiyou_index_img img {
    max-width: 100%;
}

/* メニューエリア
============================== */
.saiyou_menu {
    display: block;
    margin: 0 10px;
}

.saiyou_menu_box {
    width: 100%;
}

.saiyou_menu_img img {
    width: 100%;
    height: auto;
}
/* お知らせエリア
============================== */
.saiyou_oshirase {
    display: block;
    margin: 0 10px;
}

.saiyou_oshirase_box {
    width: 100%;
    margin: 0 0 20px 0;
}

.saiyou_oshirase_title {
    margin: 0 10px;
}
/* 英語インフォメーション
============================== */
.newinfo-box ul li {
    padding: 5px 10px 5px 10px;
    display: block;
}

.newinfo-box ul {
    margin: 0;
    padding: 12px 5px;
}
/* ==========================================================================================
*メールフォームhtml用
========================================================================================== */
.mail_form_wp {
    padding-bottom: 30px;
}
/* 利用規約
============================== */
.riyoukiyaku {
    width: 90%;
}
.mail_uketsuke_btn {
    flex-direction: column-reverse;
}

.mail_uketsuke_btn > div {
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 0 10px;
}

.return_btn a {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.return_btn {
    padding: 0 10px;
}
.submit_btn input {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
table.mail_table td, 
table.mail_table th {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #C6C6C6;
}
table.mail_table tr:last-child td {
    border: none;
}
table.mail_table {
    border: 1px solid #C6C6C6;
}

table.mail_table input[type="radio"] + label,
table.mail_table input[type="checkbox"] + label {
    margin-left: 5px;
    margin-bottom: 10px;
    display: inline-block;
}
.chui_jiko {
    margin: 10px;
}
select#officename1, 
select#officename2 {
    margin: 0;
    margin-bottom: 10px;
}