@charset "utf-8";
/*************************************************
 全国町村会
 style.css
**************************************************/

/* ガイド線（不要になった時点で消す） */
/* header,
.contents,
footer { box-shadow: inset blue 0px 0px 0px 4px;} */

/* header .wrap,
.page_control, */
/* .contents .wrap, */
/* footer .wrap, */
/* header nav ul, */
/* footer .nav ul { box-shadow: inset red 0px 0px 0px 2px;} */
/* article section { box-shadow: inset purple 0px 0px 0px 2px;} */

/* nav,
.nav { box-shadow: inset green 0px 0px 0px 2px;} */


/* ===========================
 代入指定
=========================== */
:root {
/* コンテンツ幅
  --width-contents-def: 1160px;
  --width-contents-nav: 300px;
*/

/* リンク文字色
  --color-link-def: #0044cc;
  --color-link-visited: #527076;
  --color-link-hover: #14205F;
  --color-link-active: #5D0000;
  --color-btn-def: #000;
*/

/* 背景色
    --color-primary: #4072B3;
    --color-secondary: #AEC4E5;
*/
  
/* spacec
	--space-side-common: 10px;
*/
}


/* ===========================
 基本スタイル
=========================== */
body{width:100%;overflow-x: hidden;}

body { margin: 0; background: #fff; color: #000; font-size: 100%; line-height: 1.6; font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; -webkit-text-size-adjust:100%;}
header,article,footer,section,h1,h2,h3,hr { clear: both;} /*-clear-*/
article ,section ,nav ,dl,ul,div { padding: 0 0 5px; overflow: auto;} /*-hasLayout-*/
input [type="text"],
input [type="button"],
input [type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
input [type="button"],
input [type="submit"] { cursor: pointer;} /*-formAppearanceClear-*/

h1,h2,h3,h4,h5,p,dl,ul,ol { margin-top: 0;}
ul { list-style: none;}
ul,ol { padding-left: 0px;}
textarea { max-width: 95%;}
fieldset { margin: 0 0 1em; padding: 0 0 5px; border: none;}

a { color: #0044cc; text-decoration: underline;}

/* a:visited { color: #527076;} */
a:visited { color: #4C6A70;}
a:hover { color: #14205F;}
a:active { color: #5D0000;}
a:hover img{ opacity: 0.8;}

img { border: none; vertical-align: middle;}
/* ===========================
 コンテンツの幅
=========================== */
body,
#TOP { min-width: 320px; padding-bottom: 0;}

/* コンテンツ幅 */
.menu_global, /* GNAV幅 */
.header_wrap,
.header_main_wrap,
.locus_wrap,
.contents_wrap,
.footer_wrap,
.copyright_wrap,
.footer-bottom { max-width: 1160px; margin: 0 auto;}
.copyright_wrap { display: block;}


/* コンテンツ内部、サイドメニュー幅 */
.contents_wrap article { width: calc(1160px - 300px - 20px);}
.contents_wrap .menu_contents { width: 300px;}


/* no_nav - サイドメニュー不要時にbodyのclassにno_navを追記 */
.no_nav .contents_wrap article { float: none; width: 100%; max-width: 100%;}
.no_nav .contents_wrap .menu_contents { float: none; display: none;}


/*************************************************
 ヘッダー
**************************************************/
header { position: relative;padding:0;box-shadow:none;}
header .page_control form.search input.search_bt { color: #000;}

/* ===========================
 タイトル
=========================== */
/* header h1,
header .title { font-size: 1em;}
header .title { width: 200px; margin: 0; padding: 0; float: left; border: none;}
header .title a { display: block; height: 100%;}
header .title img { max-width: 100%; height: auto;} */

/* ===========================
 タイトル
=========================== */

/* header h1, */
header .title {font-size: 1em;}
header .title {margin:2em 0; padding: 0;border: none;}
header .title 
{display: block; width: 100%; max-width: 595px; height:auto;margin:0 auto 0.5em;padding:1em 0;}
header .title img
{max-width: 100%; height: auto;}



/* ===========================
 ヘッダー セクション
=========================== */
.header_wrap_bk {background: #eff3f6;overflow:visible;}
.header_wrap{display:flex;justify-content: space-between;padding: 0.5em 1em 0;overflow: visible;}

.header_sec {overflow:visible;}
.header_sec_wrap {padding-bottom: 0;}


/* ヘッダー ページコントロール大枠 */
.sec_conf {padding-bottom: 0;}
.sec_conf .header_sec_wrap {overflow:visible;}

/* logo */
.top_logo a {display: inline-block;}

/* menu_global + sp ver */
.menu_global li a,
.menu_global_sp li a {position:relative;display:inline-block;margin-bottom:0.3em; font-size:1.2em;}
.menu_global li a:hover:after,
.menu_global li a:focus:after,
.menu_global_sp li a:hover:after,
.menu_global_sp li a:focus:after{position:absolute;content:"";display:block;height:4px;right:0;left:0;bottom:0; background-image: linear-gradient(90deg, rgba(4, 202, 255, 1), rgba(4, 202, 255, 1) 100%, rgba(4, 202, 255, 1));}



/* ===========================
 ハンバーガーメニュー
=========================== */
.mb_global_menu { display: none; position: fixed; top: 0%; left: 0%; right: 0%; height: 52px; padding: 0; background-color: rgba(0,0,0,0.6); z-index: 110; }
.mb_global_menu ul { display: flex; justify-content: center; align-items: stretch; height: 100%; margin: 0; padding: 0;}
.mb_global_menu li { width: 33.3333333%; border-left: 1px solid rgba(255,255,255,0.6);}
.mb_global_menu li.mb_menu01 { border: none;}
.mb_global_menu a { position: relative; display: block; height: 100%; width: 100%; color: #fff; text-decoration: none;}
.mb_global_menu .mb_item { position: absolute;}
.mb_global_menu .mb_item.icon { width: 26px; height: 26px; top: 4px; left: 50%; margin-left: -13px; background: center center no-repeat transparent; background-size: contain; transition-duration: 0.2s;}
.mb_global_menu .mb_item.text { display: flex; justify-content: center; align-items: center; top: 30px; bottom: 0px; left: 0px; right: 0px; font-size: 0.65em; text-shadow: 0 0 6px #000, 0 0 3px #000;}

.mb_global_menu li.mb_menu01 .mb_item.icon { background-image: url("../../img/mbmenu_icon01.png");}
.mb_global_menu li.mb_menu02 .mb_item.icon { background-image: url("../../img/mbmenu_icon02.png");}
.mb_global_menu li.mb_menu03 .mb_item.icon { background-image: url("../../img/mbmenu_icon03.png");}
.mb_global_menu li.mb_menu01.active .mb_item.icon,
.mb_global_menu li.mb_menu02.active .mb_item.icon,
.mb_global_menu li.mb_menu03.active .mb_item.icon { background-image: url("../../img/mbmenu_icon00.png"); transform: rotate(360deg);}


/* スマートフォン時の背景 */
.menu_bg,
.conf_bg,
.search_bg {
	display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(64,64,64,0.85); z-index: 100;
} 



/* ===========================
 ページコントロール
=========================== */
.page_control {position:relative;min-width:24em;margin:0;padding:0;overflow:visible;}

.page_control .conf {padding: 0;}
.page_control .UD { margin: 0; padding: 0;}

.page_control dl,
.page_control dl dt,
.page_control dl dd { min-height: 34px; margin: 0; padding: 0;}

.page_control dl { float:left; display: flex; height: 34px ; margin: 0 0 0 0.5em; padding: 0; font-size: 0.8em; overflow: hidden;}
.page_control dl.color_change dt {}
.page_control dl.textsize_change dt {}

.page_control dl dt,
.page_control dl dd { display: flex; justify-content: center; align-items: center;}
.page_control dl dt { padding: 0 0.5em;}
.page_control dl dd {}
.page_control dl dd a {display: flex; justify-content: center; align-items: center; min-width: 30px; height: 30px; margin: 2px; padding: 0 0.2em; text-decoration: none; font-size: 1.1em;border: 3px solid rgba(0,0,0,0);border-radius: 3px;}
.page_control dl dd a:hover,
.page_control dl dd a:focus{border:3px solid #89a3bd;transition-duration:0.15s;}
.page_control dl dd button {display: flex; justify-content: center; align-items: center; min-width: 30px; height: 30px; margin: 2px; padding: 0 0.2em; text-decoration: none; font-size: 1.1em;border: 3px solid rgba(0,0,0,0);border-radius: 3px;}
.page_control dl dd button:hover,
.page_control dl dd button:focus{border:3px solid #89a3bd;transition-duration:0.15s;}

/* 表示色 */
.page_control dl.color_change dd a { background-color: #fff;}
.page_control dl.color_change dd.high a { color: #fff; background-color: #000;} /* ハイコントラスト */
.page_control dl.color_change dd.default a { color: #000; background-color: #fff;} /* 標準 */
.page_control dl.color_change dd.low a { color: #000; background-color: #ccc;} /* ローコントラスト */

/* 文字サイズ */
.page_control dl.textsize_change dd button { color: #000; background-color: #fff;}
.page_control dl.textsize_change dd.smaller a {} /* 小 */
.page_control dl.textsize_change dd.default a {} /* 中 */
.page_control dl.textsize_change dd.larger a {} /* 大 */

/* パネルボタン*/
.page_control ul.panel_button {display:flex;justify-content:flex-end;align-items:flex-end; margin: 0.3em 0 0;padding:0;}
.page_control ul li {position:relative;padding: 0.5em 0em 0.5em 1.5em;}
.page_control ul li a{font-weight:bold;font-size:1em;}

/* 20220726 add */
li#searchopen_pc a {position:relative; width: 25px;height: 25px;}
li#searchopen_pc a:after{position:absolute;content:"";top: 0;left:0;right:0;bottom:0; width: 25px;height: 25px;background:url(../../img/search_icon.png) center center no-repeat;background-size: contain;}

.conf_language {margin-right:23px;}
.conf_language a:before {position: absolute;content:"";top:-1px;left:0;height:41.594px;width:1.5em;background:url(../../img/fl_icon.png) center center no-repeat;}

.conf_link {margin-right:23px;}
.conf_link a:before {position: absolute;content:"";top:-1px;left:0;height:41.594px;width:1.5em;background:url(../../img/ico_header_link.png) center center no-repeat;}


.udopen_pc a:before{position: absolute;content: "";top:-1px;left:0;height:41.594px;width:1.5em;background: url(../../img/showhelp_icon.png) center center no-repeat;}

.searchopen_pc a img {width:100%;height:auto;}
.searchopen_pc a {display:block;width:1.3em;}

.page_control div.UD {display:none;}
.blc_search {display: none;}

/* responsive対応用css */
@media(min-width:1181px) {
#UD,
.page_control form.search
{position: absolute;display:none;top:45px;right: 0px;max-height:0px;max-width:23em;padding: 0px;clear: both;background:rgba(255,255,255);border-radius:3px;z-index:90;overflow:hidden;}
#UD.active,.page_control form.search.active {display: block;max-height: 200px;padding:5px;background: #dadfe3;box-shadow: inset 0 0 0 1.5px #adb1b5;}
}
/* ===========================
 ページコントロール - 翻訳・読み上げ
=========================== */

.page_control .conf {justify-content:flex-end;}
/* .page_control .conf_language, */
/* .page_control .conf_voice { display: block; height: 34px; margin: 0 0 0 0.5em; padding: 0; text-align: center; font-size: 0.8em;} */

/* .page_control .conf_language a, */
/* .page_control .conf_voice a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 0.5em; text-decoration: none;} */


/* 翻訳ボタン */
/* .page_control .conf_language a { border: 2px solid #ccc;} */
.page_control .conf_language a:hover,
.page_control .conf_language a:focus {}


/* 読み上げボタン */
.page_control .conf_voice a { border: 2px solid #ccc;}
.page_control .conf_voice a:hover,
.page_control .conf_voice a:focus { background-color: #ccc;}



/* ===========================
  ページコントロール - 検索
=========================== */
.blc_search { width: 300px; margin: 4px 0; padding: 0; font-size: 0.8em; text-align: center; float: right;}

.blc_search .search_wrap,
.blc_search .search_wrap_inner { padding-bottom: 0;}

.blc_search .search_wrap {display:block;}
.blc_search .search_txt {}
.blc_search .search_wrap_inner { height: 44px;}

.blc_search .search_wrap_inner input[type="text"] {width: calc(100% - 0em);padding-left: 0.1em;padding-right: 0.1em;line-height:38px;border: none;font-size:1.5em;}
.blc_search .search_wrap_inner {width: calc(100% - 0em);background: #fff;padding: 3px 2px;}
.blc_search .search_wrap_inner input[type='submit']{width:5em;}
.blc_search input.search_bt {border: 1px solid #b9c4cd;border-radius: 0.5em;background: #c3d2dd;cursor: pointer;}
.blc_search input.search_txt, .blc_search input.search_bt {height: 38px;font-size: 1.2em;}



/* ===========================
  グローバルメニュー
=========================== */
.menu_global { padding-bottom: 0; overflow: visible;}


/* グローバルメニュー - 直下 */
#menu { position: relative;display:flex;justify-content:space-evenly;margin:1.5em 0 0;padding:0;overflow:visible;font-family: serif; font-size: 1.3em;}
#menu li { /* width: 20%; */ text-align: center;}
#menu li.menu01 {}
#menu li.menu02 {}
#menu li.menu03 {}
#menu li.menu04 {}
#menu li.menu05 {}
#menu li.menu06 {}
#menu li a {display:inline-block;height: 100%;padding-bottom:0.7em; transition-duration: 0.15s;background-color: transparent;}
/* #menu li a:hover,
#menu li a:focus { background-color: yellow;} */


/* グローバルメニュー - 下階層 */
#menu li dt a { position: relative; display: flex; align-content: center; justify-content: center; height: 100%; transition-duration: 0.15s; flex-wrap: wrap;}
#menu li dt a:hover,
#menu li dt a:focus,
#menu dl:hover dt a,
#menu dl.focus dt a { background-color: yellow;} /* グローバル ホバー色 */
#menu ul.sub_category { background: #ddddff;} /* サブカテゴリ 背景色 */

#menu dl { height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; overflow: visible;}
#menu dl dt { height: 100%;} 
#menu dl dd { position: absolute; top: 100%; left: 0%; right: 0%; padding: 0; margin: 0; max-height: 0px; transition-duration: 0.4s; overflow: hidden; z-index: 1000;}

/*
header nav.active #menu dl dd { top: 100%;}
*/

#menu dl:hover dd,
#menu dl.focus dd { height: auto; max-height: 600px; margin: 0px;}
#menu ul.sub_category { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; height: auto; width: auto; margin: 0px;}
#menu ul.sub_category li { flex-basis: 25%;}
#menu ul.sub_category li a { display: flex; height: calc(100% - 10px); margin: 5px; padding: 1em;	text-decoration: none; background: #fff; transition-duration: 0.15s; box-sizing: border-box;} /* サブカテゴリ項目 */

#menu ul.sub_category li a { position: relative;}
#menu ul.sub_category li a:hover,
#menu ul.sub_category li a:focus { background-color: red;} /* サブカテゴリボタン ホバー色 */
#menu ul.sub_category li a:hover:before,
#menu ul.sub_category li a:focus:before {}



/*************************************************
 フッター
**************************************************/
footer {padding-top:2em;}

.menu_footer {padding-bottom:0;}
.menu_footer ul { display: flex; justify-content: center;margin-bottom: 0;padding-bottom: 0;}
.menu_footer li {}
.menu_footer li a {}

.footer_wrap {}
.footer_wrap dl {text-align: center;}
.footer_wrap dt {margin-bottom:1em; text-align: center;}
.footer_wrap dt a {display: inline-block;}
.footer_wrap dd {margin: 0;}
.footer_wrap dd span {padding-left: 1em;}

.footer-bottom {display: flex;justify-content: space-between;padding:1em;}
.footer-bottom-bk {background: #EFF3F6;}

.sitemap {padding-right: 1.5em;border-right:2px dashed #000;}
.sitemap:hover,
.sitemap:focus{text-decoration:underline;}
.prtt_pinfo {padding-left: 1.5em;}
.prtt_pinfo:hover,
.prtt_pinfo:focus{text-decoration:underline;}

.copyright { clear: both;margin-bottom:0;}
.copyright_wrap {}


.reread_link{ width:80px; height: 80px; position:fixed; bottom: 10px; right:0; padding: 0; z-index: 99;}
.reread_link a {
	position:relative;display: flex; justify-content: center; align-items: center; height:100%; width: 100%;
	font-size: 0.8em; text-align: center; text-decoration: none;
	background: rgb(78,86,73); border-radius: 50%; overflow: hidden;color:rgba(0,0,0,0)
}
.reread_link a:before{    position: absolute;content: "";top: 20px;left: 20px;width: 3em;height: 3em;background: url(../../img/pagetop_scroll.png) center center no-repeat;background-size: contain;}
.reread_link a img { max-width: 100%; height: auto;}
.reread_link a:hover,
.reread_link a:focus { opacity: 0.8;}


/*************************************************
 コンテンツ
**************************************************/
/* メニュー右 */
.menu_left .contents_wrap article { float: right;}
.menu_left .contents_wrap .menu_contents { float: left;}

/* メニュー左 */
.menu_right .contents_wrap article { float: left;}
.menu_right .contents_wrap .menu_contents { float: right;}



/*************************************************
 サブトップ
**************************************************/
.subtop .list { display: flex; flex-wrap: wrap;}
.subtop .category  { width: 48%;}
.subtop .category.left { margin-right: 2%;}
.subtop .category.right { margin-left: 2%;}
.subtop .section { margin-bottom: 1em; background-color: #eee;}
.subtop .section ul { display: none;}
.subtop .section li.more { margin-top: 1em;}

.subtop .listopen.active .text_open,
.subtop .listopen .text_close { display: none;}
.subtop .listopen .text_open,
.subtop .listopen.active .text_close { display: block;}

/* ----------------------
コンテンツページ
---------------------------*/
.contents .contents_inside {padding-top: 2em;padding-bottom: 2em;background:url(../../img/sec_03_bk.jpg) top center no-repeat;background-size:cover;}
.contents h1 {text-align: center;padding: 1em;}
.contents h1 .heading {display: inline-block;padding: 0 1em 0.2em;border-bottom: 2px solid #fff;font-family: serif;text-shadow: 1px 0px 5px #fff, 1px 0px 5px #fff, 1px 0px 5px #fff, 1px 0px 5px #fff;}
.menu_right .contents_wrap article{background: #fff;padding: 2em 4em;}
.locus {background: #eff3f6;padding: 0px;}
#main {padding: 0;}


/*************************************************
 CMS用テンプレート  .txtbox内部
**************************************************/
/* common */
.txtbox p, .txtbox dl{padding-left: 2em;}
.txtbox ul > li:before {background: #64c8a6;}
.txtbox table.wide_table, .txtbox table.widetable{padding-left: 0;}

.txtbox li > p { padding-left: 0em;}

/* 見出し */
.txtbox h2 {padding: 0.5em 1em;background: #d3f09e;font-weight: normal;}
.txtbox h3 {position: relative;padding: 0.6em 1.3em;border-bottom: 2px dotted gray;font-weight: normal;font-size:1.2em;}
.txtbox h3:before {position: absolute;content: "";top: 0;bottom: 0;left: 0;width: 0.3em;margin: 0.4em 0;background-image: linear-gradient(0deg, #64c8a6 50%, #c0e480 50%, #c0e480);/*box-shadow: 1px 0 3px 0 #ccc;*/}
.txtbox h4 {position: relative;padding:0 1.7em;font-weight: normal;font-size: 1.17em;}
.txtbox h4:before {
    position: absolute;
    content: "";
    top: -0.25em;
    left: -14px;
    width: 3em;
    height: 2em;
    background: url(/nenkin/images/icon_circle.png) center center no-repeat;
    background-size: contain;
}
.txtbox h5 {position: relative;padding: 0 1.8em;font-weight: normal;font-size:1.1em;}
.txtbox h5:before {position:absolute;content:"";top:0;bottom:0;left: 12px;width: 0.4em;margin-bottom:0.1em; background: #64c8a6;}
.txtbox h6 {position: relative;padding: 0 2em;font-weight: normal;font-size:1em;}
.txtbox h6:before {position:absolute;content:"";top:6px;bottom:0;left:12px;width:0.7em;height:0.7em;background:#bdbdbd;}

/* table */
.txtbox table th,
.txtbox table td { border: 4px solid #fff;} /* テーブル線の色 */
.txtbox table th {background: #d3f09e;} /* THの色 */
.txtbox table td {background: #eff3f6;} /* TDの色 */

/* acrobat */
.acrobat {background: #eff3f6;padding: 1em 1em 1em 0;}
.acrobat_button a{background: linear-gradient(294deg,#f3f3f3 37%, #fff 37%, #fff);box-shadow: inset 0 0 0 3px #fff;}
.acrobat_button a:hover,
.acrobat_button a:focus {border-color:#c3e2a7;}

/* sec_08 brochure */
.sec_08 {background:linear-gradient(90deg, rgba(100,222,185,1) 15%, rgba(123,227,142,1) 38%, rgba(140,231,92,1) 83%);}
.sec_08_btn a:hover,
.sec_08_btn a:focus{background:linear-gradient(90deg, rgba(41,176,143,1) 15%, rgba(64,190,93,1) 38%, rgba(90,203,37,1) 83%);}
.sec_08_btn {text-align: center;padding:2em 4em;}
.sec_08_btn a{display: inline-block;background: linear-gradient(90deg, rgba(100,222,185,1) 15%, rgba(123,227,142,1) 38%, rgba(140,231,92,1) 83%);}

.sec_08_btn a:hover img,
.sec_08_btn a:focus img{opacity:1;}
.sec_08_btn a img{width:100%;height: auto;}

/* ----------------------
メニューページ
---------------------------*/
.menuPage_contents h1 .heading {font-family:serif;}

.menu_link_list {display: flex;justify-content:left; flex-wrap: wrap;width: 100%;}
.menu_link_btn:nth-of-type(2n+1) {margin-right: 1.5em;margin-left: 1em;}
.menu_link_btn:nth-of-type(2n) {margin-right: 1em;margin-left: 1.5em;}
.menu_link_btn {width: calc(50% - 2.5em);margin-top: 1.5em;margin-bottom: 1.5em;padding:0;}
.menu_link_btn a{display:flex;align-items:center;position: relative;height:100%; padding: 1em 4em 1em 1em;border: 11px solid #bee798;background-image: linear-gradient(307deg,#f6f7d7 25%, #fff 25%, #fff);font-size: 1.3em;transition-duration: 0.15s;box-shadow: inset 0 0 0 1.5px #8dcc4c;}
.menu_link_btn a:after {position: absolute;content: "";top: 0;right: 1.5em;width: 1em;height: 100%;background: url(../../img/btn_arrow.png) center center no-repeat;}
.menu_link_btn a:hover,
.menu_link_btn a:focus{border-color: #79c970;}

/* ------------------------
メニューリストページ
----------------------- */
.list_page .news dl {display: block;border-bottom: 1.7px dashed #359166;}
.list_page .news dt {display: inline-block;margin-bottom: 0.3em;padding: 0.2em 0.2em 0;/*background-color: rgb(179 233 220 / 66%);border-radius: 8px 0;*/font-weight: bold;}
.list_page .news dd a:hover,
.list_page .news dd a:focus{text-decoration:underline;transition-duration:0.75s;}

/* ===========================
 個人年金
=========================== */
.contents .contents_inside {
    padding-top: 2em;
    padding-bottom: 2em;
    background-size: cover;
    background-image: repeating-radial-gradient(circle at 30% 72%, rgba(178, 254, 255, 1), rgba(137, 219, 248, 1) 12%, rgba(178, 254, 255, 1) 24%);
}

.menu_link_btn a {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 1em 4em 1em 1em;
    border: 11px solid #A3D8F6;
    background-image: linear-gradient(307deg, #D2EEFE 25%, #fff 25%, #fff);
    font-size: 1.3em;
    transition-duration: 0.15s;
    box-shadow: inset 0 0 0 1.5px #21A0DB;
    border-radius: 15px;
}
.menu_link_btn a:hover, .menu_link_btn a:focus {
    border-color: #21A0DB;
}


/*************************************************
 レスポンシブ　タブレット 1160px + 20px
**************************************************/
@media screen and (max-width: 1180px) {

	/* ===========================
	 代入指定
	=========================== */
	:root {
	/* コンテンツ幅 */
	  --width-contents-def: none; /* max-widthの値 */
	}

	#TOP,
	.global_wrap,
	.header_wrap,
	#menu,
	.locus_wrap,
	.contents_wrap,
	.contents_wrap article,
	.contents_wrap .menu_contents,
	.menu_footer,
	.footer_wrap { float: none; position: static; width: auto;}

	.contents_wrap { display: block;}
	.menu_left .contents_wrap article,
	.menu_left .contents_wrap .menu_contents,
	.menu_right .contents_wrap article,
	.menu_right .contents_wrap .menu_contents { float: none; width: 100%; max-width: none;}

	/* .header_wrap, */
	.locus_wrap,
	.contents_wrap,
	.menu_footer ul,
	.footer_wrap,
	.copyright_wrap { margin-left: 2.5%; margin-right: 2.5%;}



	/* ===========================
	 グローバルメニュー
	=========================== */
	header {margin-top:52px;}
	.header_wrap {display: block;text-align: center;}

	.menu_global { position: fixed; top: 0px; left: 0px; right: 0px; height: 0; z-index: 110; overflow: visible;}
	#menu { display: none; position: fixed; top: 52px; bottom: 0px; left: 0px; right: 0px; margin: 0; padding: 0; background-color: transparent; overflow: auto; }
	#menu li { width: auto;}
	#menu li a{display: flex;justify-content: center;text-align: center;}
	#menu li a,
	#menu li dt a { padding: 1em; background: #fff;}
	#menu li a {border-bottom:1px dashed #ccc;}
    #menu li a:hover,#menu li a:focus { border-bottom-color: transparent;}
	#menu li:last-child a {border-bottom:none;}
/*
	#menu li a:hover,
	#menu li a:focus {border:none;}
*/
	.menu_global li a{margin-bottom:0;}

	.menu_global #menu a { font-size: 1em; padding-top: .8em; padding-bottom: .8em;}
		


	/* グローバルメニュー サブカテゴリ */
	#menu dl dd { display: none!important;} /* サブカテゴリ非表示 */


	/* ハンバーガーメニュー */
	.menu_button,
	.mb_global_menu { display: block; transition-duration: 0.3s;}

	 /* hamburgermenu inshow */
	 .page_control ul.panel_button{display: block;}
	 li#searchopen_pc,
	 li#udopen,
	 .conf_language a:before,
	 .conf_link a:before { display: none;}
	 .page_control ul li{padding: 0.5em 0;}


	/* コンフィグメニュー*/
	.conf_button { display :block; padding-bottom: 0; transition-duration: 0.3s;}
	.conf_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
	
	
	/* ホームメニュー*/
	.home_button { display: block; padding-bottom: 0; transition-duration: 0.3s;}
	.home_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}


	/* タイトル */
	header .title {}


	/* ページコントロール */
	.conf,
	.blc_search { display: none;}
	.page_control { color: #fff; padding: 0;}

	.blc_search,
	.page_control .UD {margin-left:2%;margin-right:2%;}
	.page_control dl.textsize_change,
	.page_control dl.color_change { width: 100%; margin: 1em auto;}
	.page_control .voice { width: 100%; margin-left: auto; margin-right: auto;}
	.page_control .voice a { border: 2px solid #fff;}
	
	.page_control .conf { position: fixed; top: 50%; left: 2.5%; right: 2.5%; min-height: 240px; margin-top: -120px; padding-top: 25px; z-index: 105;}
	.page_control .conf_link,
	.page_control .conf_language,
	.page_control .conf_voice { float: none; width: 20em; height: auto; margin: 1em auto;}
	.page_control .conf_link a,
	.page_control .conf_language a,
	.page_control .conf_voice a {display: block; padding: 0.5em; font-size: 1.1em; background-color: #fff;}
	.page_control .UD { float: none;}
	.page_control dl { justify-content: center;}
	.page_control dl dd a,
	.page_control dl dd button{ margin-left: 0.75em; margin-right: 0.75em;}
	.page_control dl.textsize_change dt,
	.page_control dl.color_change dt { width: 7em; text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 4px #000; font-size: 1.2em; background-color: rgba(0,0,0,0);}

	.blc_search { position: fixed; top: 50%; left: 2.5%; right: 2.5%; min-height: 150px; width: auto; margin-top: -75px; padding-top: 25px; z-index: 105;}
	.blc_search .search_wrap { display: block;}
	.blc_search .search_wrap_inner { width: 100%; height: 51px;}
	.blc_search label.search_txt { display: block; width: 100%; padding: 0.5em; font-size: 1.3em; text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 4px #000; background-color: rgba(0,0,0,0);}
	.blc_search input.search_txt,
	.blc_search input.search_bt { height: 44px; font-size: 1.2em;}
	.blc_search input.search_txt { width: calc(100% - 4.5em); padding-left: 0.5em; padding-right: 0.5em; line-height: 44px;}
	.blc_search input.search_bt { width: 4.5em;}




	.page_control div.UD {display:block;}
	/* .blc_search {display: block;} */

	/* フッター */
	/* footer { padding-bottom: 80px;} ハンバーガー分の余白 */

	.footer-bottom {display: block;padding-bottom: 80px;}

	.copyright {text-align: center;}

	/* article */
	.menu_right .contents_wrap article {padding:2em 2.5em;}

	/* メニューページ */
	.menu_link_btn a{padding-right:3em;}

}



/*************************************************
 レスポンシブ　タブレット 600px + 20px
**************************************************/
@media screen and (max-width: 620px) {

/**********************************
 サブトップ
**********************************/
	.subtop .list {}
	.subtop .category  { width: 100%;}
	.subtop .category.left { margin-right: 0;}
	.subtop .category.right { margin-left: 0;}
	.subtop .section { margin-bottom: 1em; background-color: #eee;}
	.subtop .section ul { display: none;}

	/* footer  */
	.footer_wrap dd span {display: block; padding-left: 0;}

	/* article */
	.menu_right .contents_wrap article {padding:0.8em;}

	/* sec_08 brochure */
	.sec_08_btn {padding: 1em 1em;}

	/* メニューページ */
	.menu_link_list{display:block;}
	.menu_link_btn:nth-of-type(2n+1) {margin-right:auto;margin-left:auto;}
    .menu_link_btn:nth-of-type(2n) {margin-right:auto;margin-left:auto;}
	.menu_link_btn{width: 100%;}

	/* コンテンツページ */
	.contents h1 { padding-left: .5em; padding-right: .5em;}
	.contents h1 .heading { padding-left: .5em; padding-right: .5em;}

}



@media screen and (min-width:1181px) {
	html body #menu { display: flex!important;} 
	.page_control .conf { display: flex!important;} 
  
	/* .page_control .UD,
	.blc_search { display: block!important;} */
	.page_control .UD,
	.blc_search { display: block;}

	.menu_bg,
	.conf_bg ,
	.search_bg { display: none!important;}

}




@media screen and (-ms-high-contrast:active) {
* {text-indent: 0em !important;}
}

.menu_global #menu a,
.menu_global_sp #menu_sp a,
.conf_language a,
.conf_link a,
.udopen_pc a,
.menu_footer a,
.menu_link_btn a,
.list_page .news dd a
/* .menu_section ul li a,
.menu_global_sp ul li a */
{color:#000;text-decoration:none;}