@charset "UTF-8";
/* -------------------------------------------------------------------
[CSS for top page style]
!Do not modify this CSS directly. It's generated by Sass.
------------------------------------------------------------------ */
/* auto grouping by Sass
--------------------------------------------------------------------*/
body {
min-width: 1080px;
width: 100%;
background-color: #ffffff;
line-height: 1.625;
color: #333333;
font-size: 16px;
font-family: "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
box-sizing: border-box; }
@media (max-width: 1079px) {
body {
min-width: auto;
min-width: initial;
overflow-x: hidden; } }
@media (max-width: 690px) {
body {
min-width: 320px;
line-height: 1.5625;
font-size: 16px; } }

input, textarea, button {
font-family: "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a:link {
color: #333333;
text-decoration: none; }

a:visited {
color: #663399; }

a:hover {
color: #064fa6;
text-decoration: none; }

a:active {
color: #064fa6; }

img {
max-width: 100%; }

.oneword {
display: inline-block; }

.guidance {
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
left: -9999em;
width: 1px; }

.inner {
max-width: 1080px;
margin: 0 auto; }
@media (max-width: 690px) {
.inner {
padding-left: 10px;
padding-right: 10px; } }

.block_type01,
.block_type02 {
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0px 1px 5px 0px rgba(148, 172, 175, 0.392);
text-align: left; }

.block_type01 {
display: table;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0px 1px 5px 0px rgba(148, 172, 175, 0.392); }
.block_type01 a {
display: table-cell;
vertical-align: middle; }
.block_type01 img {
vertical-align: middle; }

.block_type02 a {
display: table;
width: 100%; }

.block_type02 .block_img,
.block_type02 .block_text {
display: table-cell;
vertical-align: middle; }

.section_ttl {
font-size: 1.75em;
line-height: 28px;
font-weight: bold;
text-align: center;
margin-bottom: 46px; }

.toppage .section_ttl {
font-size: 1.4rem;}
@media (max-width: 690px) {
.section_ttl {
font-size: 1.75em; }
.toppage .section_ttl {
font-size: 1.4em; } }

.l_unit {
padding: 60px 0 40px; }

.wrap_list {
overflow: hidden;
max-width: 1000px;
width: 100%;
margin: 0 auto;
text-align: center; }
@media (max-width: 1006px) {
.wrap_list {
width: 665px; } }
@media (max-width: 690px) {
.wrap_list {
width: 100%; } }

.list_type01 {
display: inline-block;
margin: 0 auto;
margin-left: -15px; }
.list_type01 li {
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px; }
@media (max-width: 690px) {
.list_type01 li {
float: none;
margin-bottom: 15px;
margin-left: 0; }
.list_type01 li:nth-child(3n+1) {
margin-left: 0; } }

.news_list li .area_tag, .news_list li .area_doc {
  display: block;
}
.news_list li .area_tag {
  width: auto;
}
.news_list li .link {
  display: block;
  margin-top:5px;
  margin-bottom:15px;
}
div#contentsMain .dateList .information-date {
  margin-bottom:10px;
}

.tag {
  font-size: 0.8125em;
  width: 100px;
  padding: 2px;
  display: inline-block;
  text-align: center;
  color: #FFF;
  box-sizing: content-box;
}
/* 教育 */
.tag.contents_fieldicon_01 {
	background-color: #0066CC; }
/* 科学技術・学術 */
.tag.contents_fieldicon_02 {
	background-color: #4CA091; }
/* スポーツ */
.tag.contents_fieldicon_03 {
	background-color: #F06E00; }
/* 文化 */
.tag.contents_fieldicon_04 {
	background-color: #E70012; }
/* その他の分野 */
.tag.contents_fieldicon_05 {
	background-color: #006A00; }
/* 分野横断 */
.tag.contents_fieldicon_06 {
	background-color: #4C83FF; }
/* 国際関係 */
.tag.contents_fieldicon_07 {
	background-color: #62009A; }

/* 告示・通達 */
.tag.genre_01 {
	border-left:5px solid #6871b4; }
/* 行事案内 */
.tag.genre_02 {
	border-left:5px solid #427d37; }
/* 大臣会見 */
.tag.genre_03 {
	border-left:5px solid #198199; }
/* 採用案内 */
.tag.genre_04 {
	border-left:5px solid #ad001b; }
/* 予算・決算等 */
.tag.genre_05 {
	border-left:5px solid #6b7c31; }
/* 白書・統計等 */
.tag.genre_06 {
	border-left:5px solid #cb4a1f; }
/* 報道発表 */
.tag.genre_07 {
	border-left:5px solid #877544; }
/* 政策分野別 */
.tag.genre_08 {
	border-left:5px solid #065D91; }
/* 公募情報 */
.tag.genre_09 {
	border-left:5px solid #8567a4; }
/* 審議会情報 */
.tag.genre_10 {
	border-left:5px solid #ad4f95; }
/* 政策・独法評価 */
.tag.genre_11 {
	border-left:5px solid #ee702c; }
/* その他 */
.tag.genre_12 {
	border-left:5px solid #FF6C6F; }
/* 報道発表 */
.tag.genre_13 {
	border-left:5px solid #adbbbc; }

.tag.genre_01, .tag.genre_02, .tag.genre_03, .tag.genre_04, .tag.genre_05, .tag.genre_06, .tag.genre_07, .tag.genre_08, .tag.genre_09, .tag.genre_10, .tag.genre_11, .tag.genre_12, .tag.genre_13 {
  background-color: #fbfbf7;
  color: #4d3e39;
  font-size: 80%;
  box-shadow: 1px 1px 0px #d7d7d7;
}

.area_alert {
background-color: #fbe1e1;
font-size: 0.875em; }
.area_alert .inner {
padding-top: 10px;
padding-bottom: 10px; }
.area_alert .wrap_alert_list {
overflow: hidden; }
.area_alert .alert_list {
/*margin-bottom: 10px;*/ }
.area_alert .alert_ttl {
font-size: 1em;
background-color: #bb1212;
color: #ffffff;
padding: 2px 20px;
margin-right: 20px;
float: left; }
.area_alert dl {
display: table;
width: auto; }
.area_alert .alert_date,
.area_alert .alert_txt {
display: table-cell;
padding-left: .5em;
padding-right: .5em; }
.area_alert .alert_date {
text-align: center;
min-width: 180px; }
.area_alert .alert_txt {
padding-left: 10px; }
.area_alert a {
color: #b90909; }
@media (max-width: 980px) {
.area_alert .wrap_alert_list {
margin-top: 10px; }
.area_alert .alert_ttl {
float: none; }
.area_alert .alert_date {
text-align: left; } }

/******************************************************/
/* ヘッダーメニュー #header_menu */
/******************************************************/
@media (max-width: 530px) {
ul#header_menu {
display: none; } }

ul#header_menu * {
margin: 0;
padding: 0;
list-style: none;
width: 100%; }

ul#header_menu {
position: relative;
height: 37px;
background: url(/common/img/images_header_menu_10.gif) center top repeat-x; }

ul#header_menu li {
height: 37px;
position: absolute;
border-left: 1px solid #ffffff;
line-height: 3000%;
/* overflow:hidden; */ }

ul#header_menu li#header_menu1 {
width: 16%;
left: 0;
border-left: 0; }

ul#header_menu li#header_menu2 {
width: 11%;
left: 16%; }

ul#header_menu li#header_menu3 {
width: 15%;
left: 27%; }

ul#header_menu li#header_menu4 {
width: 11%;
left: 41.5%; }

ul#header_menu li#header_menu5 {
width: 13%;
left: 52%; }

ul#header_menu li#header_menu6 {
width: 6%;
left: 65%; }

ul#header_menu li#header_menu7 {
width: 14%;
left: 71%; }

ul#header_menu li#header_menu8 {
width: 9%;
left: 85%; }

ul#header_menu li#header_menu9 {
width: 6%;
left: 94%; }

ul#header_menu li a {
display: block;
height: 37px;
text-decoration: none;
font-size: 70%;
overflow: hidden; }

ul#header_menu li#header_menu1 a {
background: url(/common/img/images_header_menu_01new.gif) center top repeat-x; }

ul#header_menu li#header_menu2 a {
background: url(/common/img/images_header_menu_02new.gif) center top repeat-x; }

ul#header_menu li#header_menu3 a {
background: url(/common/img/images_header_menu_03.gif) center top repeat-x; }

ul#header_menu li#header_menu4 a {
background: url(/common/img/images_header_menu_04.gif) center top repeat-x; }

ul#header_menu li#header_menu5 a {
background: url(/common/img/images_header_menu_05new.gif) center top repeat-x; }

ul#header_menu li#header_menu6 a {
background: url(/common/img/images_header_menu_06.gif) center top repeat-x; }

ul#header_menu li#header_menu7 a {
background: url(/common/img/images_header_menu_07.gif) center top repeat-x; }

ul#header_menu li#header_menu8 a {
background: url(/common/img/images_header_menu_08.gif) center top repeat-x; }

ul#header_menu li#header_menu9 a {
background: url(/common/img/images_header_menu_09.gif) center top repeat-x; }

ul#header_menu li a:hover {
background-position: center bottom !important; }

/* IE6以下 Hack */
* html body ul#header_menu li a:hover {
background-position: center -37px !important; }

@media (max-width: 920px) {
/*グロナビ2段*/
ul#header_menu {
position: static;
height: auto;
margin-left: 1px;
/*20130719_smp3rd*/
margin-right: 1px;
/*20130719_smp3rd*/
margin-bottom: 3px;
padding-left: 0;
border-bottom: 1px solid #c7c7c7;
background-color: #e3e3e3; }
ul#header_menu:after {
content: ".";
clear: both;
display: block;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden; }
ul#header_menu li {
position: static;
float: left;
border: none; }
ul#header_menu li#header_menu1,
ul#header_menu li#header_menu2,
ul#header_menu li#header_menu3,
ul#header_menu li#header_menu4,
ul#header_menu li#header_menu5 {
width: 20%; }
ul#header_menu li#header_menu6,
ul#header_menu li#header_menu7,
ul#header_menu li#header_menu8,
ul#header_menu li#header_menu9 {
width: 25%; }
ul#header_menu li a,
#english ul#header_menu li a {
border-left: solid 1px #ffffff; }
ul#header_menu li#header_menu1 a,
ul#header_menu li#header_menu6 a {
border-left: none; }
dl#breadCrumbs {
clear: left;
margin-top: 5px;
border-bottom: 1px solid #D7D7D7; } }

@media (max-width: 730px) {
/*グロナビ2カラム*/
ul#header_menu {
position: static;
height: auto;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
padding-left: 0;
border-bottom: 1px solid #c7c7c7;
background-color: #e3e3e3; }
ul#header_menu:after {
content: ".";
clear: both;
display: block;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden; }
ul#header_menu * {
width: auto; }
ul#header_menu li {
position: static;
float: none;
width: 50%;
height: auto;
padding: 0;
border-top: 1px solid #cccccc;
line-height: 120%; }
ul#header_menu li a {
display: block;
height: auto;
margin-left: 5px;
padding: 15px 10px;
color: #333333;
font-size: 90%; }
ul#header_menu li a:active,
ul#header_menu li a:hover {
background-position: 97% center !important; }
ul#header_menu li#header_menu1,
ul#header_menu li#header_menu2,
ul#header_menu li#header_menu3,
ul#header_menu li#header_menu4,
ul#header_menu li#header_menu5 {
float: left;
width: 50%;
border-left: none;
background: url(/common/img/images_bg_grad_blue.jpg) repeat-x left top, #00459e; }
ul#header_menu li#header_menu1 a,
ul#header_menu li#header_menu2 a,
ul#header_menu li#header_menu3 a,
ul#header_menu li#header_menu4 a,
ul#header_menu li#header_menu5 a {
background: url(/common/img/images_tab_arrow_blue.png) no-repeat 97% center, url(/common/img/images_bg_grad_gray.jpg) repeat-x left top, #ececec; }
ul#header_menu li#header_menu6 {
clear: both; }
ul#header_menu li#header_menu6,
ul#header_menu li#header_menu7,
ul#header_menu li#header_menu8,
ul#header_menu li#header_menu9 {
float: left;
width: 50%;
border-left: none;
background: url(/common/img/images_bg_grad_green.jpg) repeat-x left top, #97c42f; }
ul#header_menu li#header_menu6 a,
ul#header_menu li#header_menu7 a,
ul#header_menu li#header_menu8 a,
ul#header_menu li#header_menu9 a {
background: url(/sports/common/img/images_tab_arrow_green.png) no-repeat 97% center, url(/common/img/images_bg_grad_gray.jpg) repeat-x left top, #ececec; } }

/******************************************************/
/* パンクズ bread_crumbs*/
/******************************************************/
@media (max-width: 530px) {
.area_bread_crumbs {
background-color: #D2EAED; } }

#bread_crumbs {
font-size: 0.75em; }
@media (max-width: 530px) {
#bread_crumbs {
margin: 0 !important;
padding: 6px 10px !important;
background: #D2EAED;
line-height: 1.4; } }

p#bread_crumbs {
margin-bottom: 5px; }

dl#bread_crumbs dt {
margin: 0;
padding: 0;
width: 1px;
height: 1px;
overflow: hidden;
left: -9999em;
position: absolute; }

dl#bread_crumbs dd {
margin: 0;
padding: 0; }

#bread_crumbs a {
text-decoration: none; }

#bread_crumbs a:hover {
text-decoration: underline; }

dl#bread_crumbs {
clear: left;
margin-top: 5px; }

.area_category_ttl {
background-color: #064fa6;
margin-top: 5px;
margin-bottom: 20px; }
.area_category_ttl .category_ttl {
font-size: 1.625em;
font-weight: bold;
color: #ffffff; }

.area_hero_act {
overflow: hidden;
margin-bottom: 30px;
padding-bottom: 10px; }
@media (max-width: 690px) {
.area_hero_act {
margin-bottom: 20px; } }

.hero {
display: none;
float: left;
margin-right: 20px; }
@media (max-width: 1079px) {
.hero {
float: none;
margin: 0 auto; } }
@media (max-width: 690px) {
.hero .bx-wrapper .bx-controls-auto {
bottom: auto;
right: auto;
left: 82%;
top: 86%; } }

.heroMV .bx-wrapper .bx-viewport {
left: 0;
border: none; }

@media (max-width: 1079px) {
.controlWrap {
margin-bottom: 10px; } }

@media (max-width: 760px) {
.controlWrap {
max-width: 100% !important;
overflow: hidden; }
.controlWrap .bx-wrapper {
max-width: 90% !important;
overflow: hidden; }
.controlWrap .bx-wrapper .bx-viewport {
left: 0;
border: none; }
.controlWrap .bx_pager_hero {
position: absolute !important;
overflow: hidden; }
.controlWrap .bx_pager_hero li {
width: 120px !important; }
.controlWrap #prev_hero {
left: 0px; }
.controlWrap #next_hero {
right: 0px; } }

@media (max-width: 568px) {
.controlWrap .bx_pager_hero li {
width: 100px !important; }
.controlWrap #prev_hero,
.controlWrap #next_hero {
top: 0;
margin-top: 0;
height: 43.5px; }
.controlWrap #prev_hero a,
.controlWrap #next_hero a {
width: 15px;
background-size: contain; } }

@media (max-width: 414px) {
.controlWrap .bx_pager_hero li {
width: 75px !important; }
.controlWrap #prev_hero,
.controlWrap #next_hero {
height: 33px;
margin-top: -5px; } }

.area_topic {
min-height: 419px; }

.area_act {
min-height: 330px; }

.area_act,
.area_topic {
overflow: hidden;
width: 300px;
height: auto; }
@media (max-width: 1079px) {
.area_act,
.area_topic {
margin: 0 auto; } }
@media (max-width: 690px) {
.area_act,
.area_topic {
width: 100%;
padding-bottom: 10px;
min-height: auto; } }
.area_act a,
.area_topic a {
display: block;
outline-offset: -1px;
}
.area_act span,
.area_act em,
.area_topic span,
.area_topic em {
display: block; }
.area_act .act_ttl,
.area_act .act_date,
.area_topic .act_ttl,
.area_topic .act_date {
text-align: center; }
.area_act .act_date,
.area_act .topic_index,
.area_act .act_txt,
.area_topic .act_date,
.area_topic .topic_index,
.area_topic .act_txt {
font-weight: bold; }
.area_act .act_ttl,
.area_topic .act_ttl {
background-color: #cc462b;
color: #ffffff;
text-align: center;
position: relative;
padding-left: .8em; }
.area_act .act_ttl:before,
.area_topic .act_ttl:before {
content: "";
display: block;
background: url("/common/img/top_a_menu_ta_imgs_icon_act.png") no-repeat center center;
background-size: 20px 16px;
width: 20px;
height: 16px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -70px;
margin-top: -8px; }
@media (max-width: 690px) {
.area_act .act_ttl,
.area_topic .act_ttl {
margin-bottom: 10px; } }
.area_act .topic_index,
.area_topic .topic_index {
padding: 20px 10px 5px; }
.area_act .act_date,
.area_act .topic_data,
.area_topic .act_date,
.area_topic .topic_data {
font-size: 1.25em; }
@media (max-width: 690px) {
.area_act .act_date,
.area_act .topic_data,
.area_topic .act_date,
.area_topic .topic_data {
font-size: 0.875em;
display: inline; } }
.area_act .act_img,
.area_act .topic_img,
.area_topic .act_img,
.area_topic .topic_img {
position: relative;
width: 300px; }
.area_act .act_img_non,
.area_act .topic_img_non,
.area_topic .act_img_non,
.area_topic .topic_img_non {
position: relative;
width: 300px; }
.area_act .act_img:before,
.area_act .topic_img:before,
.area_topic .act_img:before,
.area_topic .topic_img:before {
content: "";
display: block;
background: url("/common/img/top_a_menu_ta_imgs_icon_play_act.png") no-repeat center center;
background-size: 40px 40px;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px; }
.area_act .act_img:after,
.area_act .topic_img:after,
.area_topic .act_img:after,
.area_topic .topic_img:after {
color: #ffffff;
display: inline-block;
padding-left: .5em;
padding-right: .5em;
position: absolute;
bottom: 0;
left: 0; }
/*20170104*/
.area_act .act_img_non:before,
.area_act .topic_img_non:before,
.area_topic .act_img_non:before,
.area_topic .topic_img_non:before {
content: "";
display: block;
background-size: 40px 40px;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px; }
.area_act .act_img_non:after,
.area_act .topic_img_non:after,
.area_topic .act_img_non:after,
.area_topic .topic_img_non:after {
color: #ffffff;
display: inline-block;
padding-left: .5em;
padding-right: .5em;
position: absolute;
bottom: 0;
left: 0; }
@media (max-width: 690px) {
.area_act .act_img,
.area_act .topic_img,
.area_topic .act_img,
.area_topic .topic_img {
display: table;
float: left;
width: 150px;
height: auto;
margin-right: .8em; }
.area_act .act_img img,
.area_act .topic_img img,
.area_topic .act_img img,
.area_topic .topic_img img {
width: 150px;
height: 83px; }
.area_act .act_img:before,
.area_act .topic_img:before,
.area_topic .act_img:before,
.area_topic .topic_img:before {
width: 20px;
height: 20px;
background-size: 20px 20px;
margin-top: -10px;
margin-left: -10px; }
.area_act .act_img:after,
.area_act .topic_img:after,
.area_topic .act_img:after,
.area_topic .topic_img:after {
font-size: 0.53125em; }
.area_act .act_img_non,
.area_act .topic_img_non,
.area_topic .act_img_non,
.area_topic .topic_img_non {
display: table;
float: left;
width: 100px;
margin-right: .8em; }
.area_act .act_img_non img,
.area_act .topic_img_non img,
.area_topic .act_img_non img,
.area_topic .topic_img_non img {
width: 100%;
height: auto; }
.area_act .act_img_non:before,
.area_act .topic_img_non:before,
.area_topic .act_img_non:before,
.area_topic .topic_img_non:before {
width: 20px;
height: 20px;
background-size: 20px 20px;
margin-top: -10px;
margin-left: -10px; }
.area_act .act_img_non:after,
.area_act .topic_img_non:after,
.area_topic .act_img_non:after,
.area_topic .topic_img_non:after {
font-size: 0.53125em; } }
.area_act .act_img:after,
.area_topic .act_img:after {
content: "NEW";
background-color: #d64326; }
.area_act .topic_img:after,
.area_topic .topic_img:after {
content: "トピック";
background-color: #e9612d; }
/*20170104*/
.area_topic .act_img_non:after {
content: "NEW";
background-color: #d64326; }
.area_act .topic_img_non:after {
content: "トピック";
background-color: #e9612d; }
.area_act .act_txt,
.area_act .topic_txt,
.area_topic .act_txt,
.area_topic .topic_txt {
vertical-align: text-top;
padding: 10px 10px 10px; }
@media (max-width: 690px) {
.area_act .act_txt,
.area_act .topic_txt,
.area_topic .act_txt,
.area_topic .topic_txt {
font-size: 0.8125em;
display: block;
overflow: hidden; } }
.area_act .topic_txt,
.area_topic .topic_txt {
font-size: 0.875em; }

.area_categorynav {
background-color: #f2fdff; }

.categorynav_tabs {
background-color: #aee5ed; }
.categorynav_tabs .inner {
height: 80px;
background-color: #5dcbdb;
position: relative; }
.categorynav_tabs .area_manabee_default {
display: none;
position: absolute;
top: -104px;
right: -10px; }
.categorynav_tabs .bx-viewport {
padding: 0px 0;
border: none;
background-color: transparent;
overflow: visible !important; }

.wrap_bx_pager_categorynav {
max-width: 886px;
padding: 5px 10px; }
.wrap_bx_pager_categorynav .bx-wrapper {
width: auto !important;
margin: 0 !important; }

.bx_pager_categorynav {
background-color: #5dcbdb; }
.bx_pager_categorynav:before, .bx_pager_categorynav:after {
display: table;
content: ""; }
.bx_pager_categorynav:after {
clear: both; }
@media (min-width: 1080px) {
.bx_pager_categorynav {
width: 850px !important; } }
@media (max-width: 1081px) {
.bx_pager_categorynav {
width: 100% !important;
max-width: 850px; } }
.bx_pager_categorynav button {
overflow: visible;
display: table;
max-width: 170px;
width: 100%;
float: left;
position: relative; }
@media (max-width: 1081px) {
.bx_pager_categorynav button {
width: 20% !important; } }
.bx_pager_categorynav button {
display: table-cell;
width: 100%;
height: 70px;
/* padding-left: 35px; */
border: 5px solid #5dcbdb;
background-color: #ffffff;
font-weight: bold;
vertical-align: middle;
text-align: center; }
.bx_pager_categorynav button .area_manabee {
display: none;
width: 308px;
height: 169px;
transition: .3s ease-in-out; }
.bx_pager_categorynav button.active {
border-color: #aee5ed; }
.bx_pager_categorynav button.active::after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: -25px;
width: 40px;
height: 20px;
margin-left: -20px;
background: url("/common/img/top_a_menu_ta_imgs_icon_balloon.png") no-repeat center center;
background-size: 40px 20px; }
.bx_pager_categorynav button:hover .area_manabee {
display: block;
position: absolute;
bottom: 10px;
-webkit-animation: bounce 2s ease-in-out;
animation: bounce 2s ease-in-out; }
@media (max-width: 1079px) {
.bx_pager_categorynav button:hover .area_manabee {
display: none; } }

@-webkit-keyframes bounce {
5% {
-webkit-transform: scale(1, 1) translateY(-5px);
transform: scale(1, 1) translateY(-5px); }
10% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }

@keyframes bounce {
5% {
-webkit-transform: scale(1, 1) translateY(-5px);
transform: scale(1, 1) translateY(-5px); }
10% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
.bx_pager_categorynav .btnicon:before {
content: "";
display: block;
position: absolute;
left: 10px;
top: 50%;
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
margin-top: -19px; }
.bx_pager_categorynav .education .btnicon:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_education.png"); }
.bx_pager_categorynav .education:hover .area_manabee {
right: -910px; }
.bx_pager_categorynav .science .btnicon:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_science.png"); }
.bx_pager_categorynav .science:hover .area_manabee {
right: -740px; }
.bx_pager_categorynav .sports .btnicon:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_sports.png"); }
.bx_pager_categorynav .sports:hover .area_manabee {
right: -570px; }
.bx_pager_categorynav .culture .btnicon:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_culture.png"); }
.bx_pager_categorynav .culture:hover .area_manabee {
right: -400px; }
.bx_pager_categorynav .other .btnicon:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_other.png"); }
.bx_pager_categorynav .other:hover .area_manabee {
right: -230px; }
@media (max-width: 900px) {
.bx_pager_categorynav .btnicon {
padding-left: 0; }
.bx_pager_categorynav .btnicon:before {
display: none; } }
@media (max-width: 690px) {
.bx_pager_categorynav button {
font-size: 87.5%; }
.bx_pager_categorynav button.active::after {
bottom: -15px;
width: 20px;
height: 10px;
margin-left: -10px;
background-size: 20px 10px; } }
@media (max-width: 414px) {
.bx_pager_categorynav button {
font-size: 75%; } }

.categorynav_item {
width: 100%; }

.categorynav_main {
margin-top: 13px;
padding-bottom: 20px;
background-color: #f2fdff; }
@media (max-width: 690px) {
.categorynav_main {
margin-top: 3px; } }
.categorynav_main .bx-wrapper {
margin-top: 0; }
.categorynav_main .bx-wrapper .bx-viewport {
left: 0;
border: none; }
.categorynav_main .bx-wrapper .bx-controls-auto {
left: 855px;
top: -53px;
height: 35px;
margin-top: -17.5px; }
@media (max-width: 1079px) {
.categorynav_main .bx-wrapper .bx-controls-auto {
left: 870px; } }
@media (max-width: 980px) {
.categorynav_main .bx-wrapper .bx-controls-auto {
left: 860px;
width: 25px;
height: 70px;
margin-top: -35px; }
.categorynav_main .bx-wrapper .bx-controls-auto .bx-start,
.categorynav_main .bx-wrapper .bx-controls-auto .bx-stop {
width: 25px;
height: 25px;
margin: 5px 0;
background-size: 25px auto; } }
@media (max-width: 900px) {
.categorynav_main .bx-wrapper .bx-controls-auto {
display: none; } }

.inner_categorynav_item {
background-color: #ffffff;
position: relative;
padding-bottom: 10px;
}

.categorynav_head {
overflow: hidden;
background-color: #064fa6;
color: #ffffff;
padding: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.categorynav_head h2 {
font-size: 1.5em;
display: inline-block;
width: auto;
font-weight: bold;
float: left; }
.categorynav_head .links {
float: right; }
.categorynav_head .links a {
display: table-cell;
min-width: 200px;
height: 42px;
text-align: center;
vertical-align: middle;
background-color: #f2f2f2;
padding-left: .5em;
padding-right: .5em;
color: #004aa6;
font-weight: bold; }
.categorynav_head .links a:hover {
text-decoration: underline;
}
@media (max-width: 690px) {
.categorynav_head {
padding: 20px; }
.categorynav_head h2 {
float: none;
display: table;
margin: 0 auto 15px;
font-size: 1em; }
.categorynav_head .links {
float: none;
display: table;
margin: 0 auto; }
.categorynav_head .links a {
font-size: 0.875em; } }

.categorynav_body,
.wrap_area_keyword {
max-width: 1000px;
margin: 0 auto;
width: 100%; }

.wrap_area_keyword .keyword_ttl {
margin-bottom: 15px; }

.area_keyword {
overflow: hidden;
margin-top: 20px;
margin-bottom: 25px; }
.area_keyword dt {
margin-bottom: 15px; }
.area_keyword li {
float: left;
padding-right: 5px;
margin-bottom: 10px; }
.area_keyword a {
border-radius: 5px;
background-color: #e1eef0;
padding: 3px 8px; }
.area_keyword .link_keyword {
font-size: 0.875em;
float: right;
width: 100%;
margin-top: -25px;
margin-bottom: 10px; }
.area_keyword .link_keyword .item_link {
float: right; }
.area_keyword .link_keyword .item_link a {
background-color: #f2f2f2; }
.link_keyword {
padding: 5px;
text-align: right; }

.area_files dt,
.area_contents dt {
margin-bottom: 15px; }

.area_files {
float: left;
margin-top: 2px; }
.area_files ul {
max-width: 500px; }
.area_files .list_type01 {
margin-left: -10px;
text-align:center; }
.area_files .list_type01 li {
margin-bottom: 8px;
position: relative;
display: inline-block; }
.area_files .block_type01 {
width: 235px;
height: 110px; }
.area_files .block_type01 a {
padding: 0 12px 0 42px; }
.area_files .block_type01 a:before {
content: "";
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin-top: -15px; }
.area_files .block_type01 .pdf:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_pdf.gif"); }
.area_files .block_type01 .word:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_word.gif"); }
.area_files .block_type01 .excel:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_excel.gif"); }
.area_files .block_type01 .ppt:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_ppt.gif"); }
.area_files .block_type01 .ichitaro:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_ichitaro.gif"); }
.area_files .block_type01 .txt:before {
background-image: url("/common/img/top_a_menu_ta_imgs_icon_txt.gif"); }
@media (max-width: 1012px) {
.area_files {
float: none; } }

.area_files ul.list_type01,
.area_contents ul {
display: table;
margin: 0 auto;
width: 1015px; }
@media (max-width: 1012px) {
.area_files ul.list_type01,
.area_contents ul {
width: 100%; }
}


@media (max-width: 1012px) {
.area_files,
.area_contents {
margin-top: 30px; }

.area_contents {
text-align:center;}
}

.area_contents .block_type01 {
width: 235px;
height: 155px;
position: relative; }
@media (max-width: 690px) {
.area_contents .block_type01 {
margin: 0 auto;
}
}
.area_contents .block_type01 .tag {
position: absolute;
top: 135px;
left: 0; }
.area_contents .block_type01 img {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.area_contents .block_type01 .limit_text {
display: block;
visibility: hidden;
min-height: 80px;
padding-left: 5px;
padding-right: 5px; }

.area_search {
background-color: #f2fdff;
padding: 30px 0;
text-align: center; }
.area_search .inner_area_search {
/* display: inline-block; */
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
justify-content: center; /* 横方向中央揃え */ }
.area_search .label {
display: inline-block; }
.area_search .inputarea_search {
display: inline-block; }
.area_search .inputarea_search .text {
border: 1px solid #cccccc;
background-color: #ffffff;
border-radius: 5px;
width: 500px;
font-size: 0.875em;
padding: 13px 10px; }
/* .area_search .inputarea_search .submit {
float: right;
background-color: #5dcbdb;
background-image: url("/common/img/top_a_menu_ta_imgs_icon_search_white.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 27px 29px;
width: 50px;
height: 50px;
border-radius: 5px; } */
.area_search .wrap_input_text {
display: inline-block;
padding-right: 10px; }

@media (max-width: 690px) {
.area_search .inner_area_search {
display: inline-block;
}
.area_search .label {
display: block;
float: left;
margin-bottom: 13px; }
.area_search .inputarea_search {
display: table;
width: 100%; }
.area_search .inputarea_search .text,
.area_search .inputarea_search .submit {
max-width: 500px; }
.area_search .inputarea_search .text {
max-width: 500px;
width: 100%; }
.area_search .inputarea_search .submit {
display: table-cell;
width: 50px; }
.area_search .wrap_input_text {
display: table-cell;
vertical-align: middle;
width: 100%; } }

.area_attention {
overflow: hidden;
background-color: #ebfdef; }
.area_attention .block_type02 {
overflow: hidden;
width: 320px;
height: 80px; }
.area_attention .block_type02 a {
padding: 10px 10px; }
.area_attention .block_type02 .block_img {
width: 64px;
height: 64px; }
.area_attention .block_type02 img {
max-width: 64px;
width: auto;
max-height: 64px;
height: auto; }
.area_attention .block_type02 .block_text {
padding-left: .8em; }

.area_information {
overflow: hidden;
width: 100%;
margin-top: 20px;
margin-bottom: 40px;
padding: 30px 0; }
.area_information.amenu {
margin-bottom: 0;
}
.area_information .inner {
overflow: hidden;
display: table;
max-width: 1080px;
width: 100%;
margin: 0 auto; }
.area_information.amenu .inner {
max-width: 1000px;
}
.area_information .l_wrap {
display: inline-block; }
.area_information .section_ttl {
text-align: left;
margin-bottom: 20px;
line-height: 1.5625em; }

.area_news,
.area_event,
.area_infolist,
.area_infolist_first {
overflow: hidden;
display: block;
width: 760px; }
@media (max-width: 1000px) {
.area_news,
.area_event,
.area_infolist,
.area_infolist_first {
width: 100%; } }

.amenu .area_news,
.amenu .area_event,
.amenu .area_infolist,
.amenu .area_infolist_first {
overflow: hidden;
display: block;
width: 48%; }
@media (max-width: 1000px) {
.amenu .area_news,
.amenu .area_event,
.amenu .area_infolist,
.amenu .area_infolist_first {
width: 100%; } }

.area_news,
.area_infolist_first {
float: left; }
@media (max-width: 1000px) {
.area_news,
.area_infolist_first {
float: none;
max-width: none; } }

.area_event,
.area_infolist {
float: right; }
@media (max-width: 1000px) {
.area_event,
.area_infolist {
float: none;
max-width: none; } }

.area_infolist .btn_info,
.area_infolist_first .btn_info {
font-size: 0.875em;
padding-left: 8px;
padding-right: 8px; }

.area_infolist .info_head,
.area_infolist_first .info_head {
margin-bottom: 50px; }

.amenu .area_infolist .info_head,
.amenu .area_infolist_first .info_head {
margin-bottom: 25px; }

.info_head {
overflow: hidden; }

.info_ttl {
font-size: 1.5em;
font-weight: bold; }

.info_links {
overflow: hidden;
float: right; }

.info_links li {
float: left; }
.amenu .info_links li {
float: none;
}
.info_links li + li {
margin-left: 8px; }
@media (max-width: 690px) {
.info_links {
float: none;
margin-top: 20px; } }

.btn_info,
.btn_keyword {
display: inline-block;
padding: 8px 20px;
background-color: #f2f2f2;
border: 1px solid #cccccc;
border-radius: 5px;
font-weight: bold; }

.news_list,
.event_list {
padding-left: 5px;
padding-right: 5px; }
@media (max-width: 690px) {
.amenu .area_infolist_first {
margin-bottom: 30px;
}
}
.news_list li,
.event_list li {
border-bottom: 1px solid #cccccc;
padding-top: 18px;
padding-bottom: 18px; }
.toppage .news_list li {
padding-top: 14px;
padding-bottom: 14px; }
.news_list li:first-child,
.event_list li:first-child {
border-top: 1px solid #cccccc; }

.news_list li {
display: table;
width: 100%; }
.toppage .news_list li {
display: block; }
.news_list li .area_tag,
.news_list li .area_doc {
display: table-cell; }
.toppage .news_list li .area_tag,
.toppage .news_list li .area_doc {
display: block; }
@media (max-width: 690px) {
.news_list li .area_tag,
.news_list li .area_doc {
display: block; } }
.news_list li .area_tag {
width: 120px; }
.toppage .news_list li .area_tag {
width: 100%;
margin-bottom: 5px; }
@media (max-width: 690px) {
.news_list li .area_tag {
margin-bottom: 10px; } }

.area_bnr {
overflow: hidden;
background-color: #EAF4FC; }
.area_bnr.pickup {
background-color: #ffffff; }
.area_bnr .list_type01 {
margin-bottom: 30px; }
#area_act2 {
width:300px;
float: right; }
.area_bnr .block_type01 {
height: 190px;
padding: 0;}
.area_bnr .block_type01.thumb_yt {
text-align: center;
position: relative; }
.area_bnr .block_type01.thumb_yt a:before {
content: "";
display: block;
background: url("/common/img/top_a_menu_ta_imgs_icon_play_daijin.png") no-repeat center center;
width: 51px;
height: 37px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -18px;
margin-left: -25px; }
.area_bnr .block_type01.thumb_yt a:after {
content: "";
display: block;
background: url("/common/img/top_a_menu_ta_imgs_label_mextch.png") no-repeat center center;
width: 320px;
height: 42px;
position: absolute;
bottom: 20px;
left: 0; }
.area_bnr .block_type01.thumb_yt img {
width: 298px;
height: 170px;
vertical-align: middle;
border-radius: 5px; }
.area_bnr .area_sns {
border-top: 1px solid #cccccc;
max-width: 1000px;
margin: 0 auto;
text-align: center; }
.area_bnr .area_sns .links {
overflow: hidden;
display: inline-block;
margin: 40px 0; }
.area_bnr .area_sns li {
float: left;
margin-left: 20px;
margin-bottom: 5px;
margin-top: 5px; }
.area_bnr .area_sns li:first-child {
margin-left: 0; }
@media (max-width: 690px) {
.area_bnr .area_sns li {
float: none;
margin-left: 0;
margin-bottom: 15px; } }

.area_category_contents {
background-color: #f0fdff; }
.area_category_contents .area_contents {
display: table;
margin: 0 auto; }
.area_category_contents .area_contents .list_type01 {
max-width: 1000px; }
@media (max-width: 1000px) {
.area_category_contents .area_contents .list_type01 {
max-width: 750px; } }
@media (max-width: 750px) {
.area_category_contents .area_contents .list_type01 {
max-width: 500px; } }

.wrap_list {
overflow: hidden;
max-width: 1000px;
width: 100%;
margin: 0 auto;
text-align: center; }
@media (max-width: 1006px) {
.wrap_list {
width: 665px; } }
@media (max-width: 690px) {
.wrap_list {
width: 100%;
overflow: visible; } }

.area_category_links {
background-color: #f0fdff; }
.area_category_links .block_type01 {
width: 320px;
height: 120px; }
.area_category_links .block_type01 a {
color: #004aa6;
font-weight: bold;
padding: 20px 10px 20px 10px; }
.area_category_links .block_type01 .img,
.area_category_links .block_type01 .txt {
display: table-cell; }
.area_category_links .block_type01 .img {
width: 80px;
padding-left: 10px; }
.area_category_links .block_type01 .txt {
padding-left: 20px;
vertical-align: middle; }

@media (max-width: 1012px) {
.links_list .block_type01 {
border-radius: 0;}
.area_category_links .block_type01 {
padding-right:15px; }
.area_category_links .block_type01 a {
padding: 20px 10px 20px 0; }
.area_category_links .block_type01 .img {
padding-left: 5px; }
}

/*--------------------------------------
Footer Area
--------------------------------------*/
.area_footer {
padding: 0 0 20px;
position: relative;
background: #F5F5F5; }

.footer {
font-size: 0.8125em;
max-width: 1080px;
margin: 0 auto; }

/* div.footer_links
--------------------------------------*/
.footer_links {
font-size: 0.875em;
background-color: #efefef; }
.footer_links .links_list {
padding: 40px 0; }
.footer_links .links_list.first {
padding-top: 0; }
.footer_links .links_list.first, .footer_links .links_list.second {
font-weight: bold;
border-bottom: 1px solid #cccccc; }
.footer_links .links_list.third {
margin: 0 auto;
text-align: left; }
.footer_links .links_list.third .links_index {
display: table;
float: left;
min-width: 240px;
margin-bottom: 20px; }
.footer_links .links_list.third .links_index span {
display: inline-block;
font-weight: bold; }
@media (max-width: 690px) {
.footer_links .links_list.third {
width: 320px; } }
.footer_links .block_type02 {
width: 320px;
height: 95px; }
.footer_links .block_type02 a {
padding: 10px 14px; }
.footer_links .block_type02 .block_img {
width: 75px;
height: 75px;
text-align: center; }
.footer_links .block_type02 .block_img img {
max-width: 75px;
width: auto;
max-height: 75px;
height: auto;
vertical-align: middle; }
.footer_links .block_type02 .block_text {
padding-left: .8em; }

/* div.footer_utility
--------------------------------------*/
.footer_utility {
border-bottom: 1px solid #dadada;
font-size: 86%;
margin: 0 0 5px;
padding-top: 10px; }
@media (max-width: 690px) {
.footer_utility .inner {
padding-left: 0;
padding-right: 0; } }

.footer_utility a:link,
.footer_utility a:visited {
text-decoration: none; }

.footer_utility a:hover,
.footer_utility a:active {
text-decoration: underline; }

.footer_utility ul {
border-bottom: 1px dotted #c2c2c2;
list-style: none;
margin: 0 auto;
padding: 5px 10px; }

.footer_utility li {
border-left: 1px dotted #aeaeae;
display: inline;
margin: 0 0.5em 0 0;
padding: 0 0 0 0.8em;
line-height: 1.2; }

.footer_utility li.pseudo-first-child {
border: none;
padding: 0; }

.footer_utility dl {
margin: 0;
padding: 5px 10px; }

.footer_utility dt,
.footer_utility dd {
display: inline;
margin: 0 10px 0 0; }

/* div.footer_copyright
--------------------------------------*/
.footer_copyright {
font-size: 86%;
padding: 0 10px; }

@media (max-width: 690px) {
.area_footer {
padding-bottom: 10px; }
.footer {
margin: 0; }
.footer_utility ul {
padding: 0;
border: none; }
.footer_utility li {
display: block;
margin-right: 0;
padding-left: 0;
border-left: none;
border-bottom: 1px solid #c7c7c7; }
.footer_utility li.pseudo-first-child {
border-bottom: 1px solid #c7c7c7; }
.footer_utility li a {
display: block;
width: auto;
height: auto;
margin-left: 5px;
padding: 10px 15px 10px 10px;
text-decoration: none; }
.footer_utility .foot_navi li {
background: #cccccc; }
.footer_utility .foot_navi li a {
background: #ffffff;
font-size: 120%; }
.footer_utility .foot_navi li:nth-child(6),
.footer_utility .foot_navi li:nth-child(7),
.footer_utility .foot_navi li:nth-child(8),
.footer_utility .foot_navi li:nth-child(9),
.footer_utility .foot_navi li:nth-child(10) {
background: #4fb6cc; }
.footer_utility dt,
.footer_utility dd {
display: block; }
.footer_copyright {
display: block; } }

/* 20190510 mizuki-i*/
button {
cursor: pointer;
}
.area_act .act_img_non span {
color: #fff;
background-color: #cc462b;
width: 52.75px;
padding-left: .5em;
padding-right: .5em;
position: absolute;
left: 0;
bottom: 0;
}
.area_topic .topic_img_non span {
color: #fff;
background-color: #c64f25;
width: 80px;
padding-left: .5em;
padding-right: .5em;
position: absolute;
left: 0;
bottom: 0;
}
.area_files h3,
.area_contents h3 {
margin-bottom: 15px;
}

.submit {
float: right;
background-color: #064fa6;
width: 50px;
height: 50px;
border-radius: 5px;
}
.submit img {
width: 27px;
height: 29px;
}

.bx_pager_categorynav button {
color: #663399;
}
.bx_pager_categorynav button:hover {
color: #064fa6;
}

.btnicon {
display: inline-flex;
align-items: center;
padding-left: 35px;
}

.tab-hide {
display: none;
}
.tab-active {
display: inline;
}
.heroMV a,
.controlWrap a {
outline-offset: -2px;
}

.btn_info,
.block_type02 a {
outline-offset: -1px;
}

[aria-hidden="true"] {
display: none;
}


/******************************************************/
/* ヘッダー #header */
/******************************************************/
div#header *{
margin:0;
padding:0;
list-style:none;
}
div#header{
margin:0 20px 0 20px;
font-size:75%;
padding:5px 0 10px 0;
}

div#header a{text-decoration:none;}
div#header a:hover{text-decoration:underline;}

div#header h1,
div#header p{
float:left;
margin-top:10px;
}

div#header div#headerMain{
float:right;
margin-top:5px;
}
div#header div#headerMain #gsearchBox {
background: #E1EEF0;
padding: 3px 10px 10px 10px;
}
div#header div#headerMain div#headerNavi{
margin-bottom: 2px;
}
div#header div#headerMain div#gsearchBox .pcArea{
display: block;
}
div#header div#headerMain div#gsearchBox .spArea{
display: none;
text-align: right;
}
div#header div#headerMain div#gsearchBox ul{
display:inline;
}
div#header div#headerMain div#gsearchBox ul li{
display:inline;
padding:0 8px 0 11px;
white-space:nowrap;
}
div#header div#headerMain div#gsearchBox ul#headerNoscript li{background:none;}

div#header div#headerMain p#noscript{
float:none;
width:100%;
margin:0 0 5px 0;
text-align:right;
}

div#header div#headerMain div#headerInner{
float:right;
display: flex;
align-items:flex-end
}
div#header div#headerMain div#headerInner .headerBtn ul{
display: flex;
margin-bottom: 10px;
}
div#header div#headerMain div#headerInner .headerBtn ul li{
margin-right: 15px;
}
div#header div#headerMain div#headerInner .headerBtn ul a{
display: block;
padding: 5px 10px;
background: #eee;
}
div#header div#headerMain div#headerInner .headerBtn ul a::before{
display: inline-block;
content: ">";
padding-right: 5px;
}
/* 文字サイズの変更 ******************************************/
.lang {
overflow: hidden;
display: inline-block;
margin-top: 5px;
margin-bottom: 7px; }
.lang li {
display: block;
float: left; }
.lang li span {
color: #004aa6; }
.lang li + li {
margin-left: .6em; }
div#header div#headerMain div#headerInner .wrap_fontsize {
margin-right: 15px;
margin-bottom: 10px;
}
.fontsize {
overflow: hidden;
float: right;
font-weight: bold;
display: flex;
align-items: flex-end; }
.fontsize dt {
line-height: 1.3125em;
font-size: 0.875em;
display: inline-block;
vertical-align: 18%; }


.wrap_fontsize .fontsize #font,
.wrap_fontsize .fontsize #fontS,
.wrap_fontsize .fontsize #fontM,
.wrap_fontsize .fontsize #fontL {
margin-top: auto;
}

.wrap_fontsize .fontsize #fontS,
.wrap_fontsize .fontsize #fontM,
.wrap_fontsize .fontsize #fontL {
display: inline-block;
vertical-align: baseline;
padding-left: 10px; }
#fontS span, #fontS button,
#fontM span,
#fontM button,
#fontL span,
#fontL button {
display: table-cell;
border-radius: 5px;
text-align: center;
vertical-align: middle;
font-weight: bold; }
#fontS button,
#fontM button,
#fontL button {
background-color: #e1eef0; }
#fontS span,
#fontS button:hover,
#fontM span,
#fontM button:hover,
#fontL span,
#fontL button:hover {
background-color: #004aa6;
color: #ffffff; }

#fontS {
font-size: 0.75em; }
#fontS span, #fontS button {
width: 16px;
height: 16px; }

#fontM span,
#fontM button {
width: 20px;
height: 20px; }

#fontL {
font-size: 1em; }
#fontL span,
#fontL button {
width: 24px;
height: 24px; }

/* サイト内検索 ******************************************/
div#header div#headerMain div#headerInner form{
float:right;
width:268px;
background:#EEEEEE;
padding:6px 0 6px 6px;
}
div#header div#headerMain div#headerInner form input[type="text"] {
background: #FFF;
}
div#header div#headerMain div#headerInner form#cse-search-box input[type="text"]:placeholder-shown {
	background: url(https://www.google.com/cse/images/google_custom_search_smwide.gif) #FFF no-repeat 5px 3px;
}
div#header div#headerMain div#headerInner form#cse-search-box input[type="text"] {
	background: #FFF;
}
/* IE6以下 Hack */
* html body div#header div#headerMain div#headerInner form{width:274px;}

div#header div#headerMain div#headerInner form label{
display:block;
position:absolute;
width:1px;
height:1px;
text-indent:-9999px;
}

div#header div#headerMain div#headerInner form input#qt{
width:136px;
float:left;
margin-right:6px;
height:17px;
border:1px solid #ADADAD;
}
/* IE6以下 Hack */
* html body div#header div#headerMain div#headerInner form input#qt{height:19px;}

div#header div#headerMain div#headerInner form input#headerSubmit{
float:left;
margin-right:6px;
}
div#header div#headerMain div#headerInner form a{
display:block;
width:52px;
height:19px;
float:left;
background:url(/common/img/images_header_btn_02.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}

/* clear ******************************************/
div#header div#headerMain div#headerInner form,,
div#header{display: inline-block;}

div#header div#headerMain div#headerInner form:after,
div#header div#headerMain div#headerInner:after,
div#header:after{
content:".";
display: block;
height: 0;
visibility:hidden;
clear: both;
}
/* Hides MacIE5 \*/
* html div#header div#headerMain div#headerInner form,
* html div#header div#headerMain div#headerInner,
* html div#header{height:1%;}

div#header div#headerMain div#headerInner form,
div#header{
display:block;
max-width: 1080px;
margin: 0 auto;
}
div#header .menu-btn {
display: none;
}
/* Hides MacIE5 */


#headerMenu2 {
z-index: 999;
background: #0069c3;
position: relative;
}
#headerMenu2 > ul {
width: 1080px;
margin: 0 auto;
display: block;
}
#headerMenu2 > ul > li {
float: left;
width: 20%;
text-align: center;
padding: 15px 0;
line-height: 1.3;
}

#headerMenu2 li a {
display: block;
width: 100%;
height: 100%;
color: #fff;
font-weight: bold;
text-decoration: none;
border-right: 1px solid #FFF;
}
#headerMenu2 li:last-child a {
border-right: none;
}
#headerMenu2 li a:hover {
text-decoration: underline;
}
#headerMenu2 li div.subNav {
position: absolute;
top: 100%;
left: 0;
width: 100%;
opacity: 0;
text-align: left;
visibility: hidden;
background: #0069c3;
padding: 0 50px 30px 50px;
transition: .3s;
border-top: 1px solid #FFF;
box-sizing: border-box;
z-index: 999;
}
#headerMenu2 li div.subNav ul {
width: 1080px;
margin: 0 auto;
}
#headerMenu2 li:hover div.subNav,
#headerMenu2 li div.subNav.focused {
opacity: 1;
visibility: visible;
}
#headerMenu2 li div.subNav li {
width: 30%;
display: inline-block;
margin: 25px 0 5px 0;
text-align: left;
padding: 0;
border-bottom: none;
}
#headerMenu2 li div.subNav li a {
border-right: none;
}
#headerMenu2 li div.subNav li a:hover {
text-decoration: none;
}
#headerMenu2 li div.subNav li a::before {
content: "＞";
display: inline;
padding-right: 5px;
}
#headerMenu2 > ul:after {
content: ".";
clear: both;
display: block;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
#smpHeaderMenu {
display: none;
}

#topImage {
background: #EEEEEE;
padding-bottom: 15px;
margin-bottom: 40px;
}
#topImage ul {
display: flex;
}
#topImage ul li {
width: 25%;
position: relative;
}
#topImage ul li img {
width: 100%;
height: auto;
vertical-align: top;
}
#topImage ul li span {
display: block;
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 10px;
background-color: rgba(36, 36, 36, 0.7);
color: #FFF;
text-align: center;
font-size: 1.4rem;
}
#topImage ul li span::after {
content: "";
display: block;
border-top: 1px solid #FFF;
}
#topImage .other {
text-align: right;
margin: 15px 0 0 0;
}
#topImage .other a {
background: #5E5E5E;
color: #FFF;
padding: 5px 45px;
display: inline-block;
}
h2.topPage {
font-size: 1.4rem;
font-weight: bold;
}
#area_act1 dl {
border: 1px solid #707070;
border-radius: 20px;
}
#area_act1 dl dt {
padding: 10px 10px 0 10px;
}
#area_act1 dl dd {
padding: 0 10px 10px 10px;
border-bottom: 1px solid #BDBABA;
}
#area_act1 dl dd:last-child {
border-bottom: none;
}
.topBanner1 {
text-align: center;
margin-top: 20px;
}
.topBanner1 li {
margin-top: 10px;
}
#area_news > .info_links {
width: 80%;
margin: 0 auto;
float: none;
margin-top: 25px;
}
.pickup {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area_main .pickup {
margin-bottom: 25px;
}
.pickup li {
margin-top: 20px;
width: 320px;
}
#area_main .pickup::after {
display: block;
content:"";
width: 320px;
}


@media (max-width: 1030px) {
div#header div#headerMain {
width: 100%;
float: none;
clear: both;
padding-top: 10px;
}
div#header div#headerMain div#headerInner {
width: 100%;
float: none;
border-top: 2px solid #ccc;
padding-top: 10px;
display: block;
}

div#header h1, div#header p {
margin-top: 0;
margin-left: 10px;
}

div#header .menu-btn {
float: right;
display: block;
margin-top: 13px;
margin-right: 10px;
}

div#header div#headerMain div#gsearchBox .pcArea,
div#header div#headerMain div#headerInner .wrap_fontsize,
div#header div#headerMain div#headerInner .headerBtn ul li:first-child{
display: none;
}
div#header div#headerMain div#gsearchBox .spArea{
display: block;
}

div#header div#headerMain div#headerInner form {
width: 100%;
float: none;
margin-bottom: 10px;
}
div#header div#headerMain div#headerInner form input[type="text"] {
width: calc(100% - 50px) !important;
}
div#header div#headerMain div#headerInner .headerBtn ul {
padding-left: 10px;
}

#headerMenu2 {
display: none;
}
#smpHeaderMenu {
position: absolute;
top: 70px;
width: 100%;
z-index: 99999;
background: rgba(0, 0, 0, .5);
margin: 0;
padding: 0;
list-style-type: none;
}
#smpHeaderMenu a {
color: #FFF;
display: block;
text-decoration: none;
}
div#header .icon-close {
width: 108px;
height: 34px;
}
#smpHeaderMenu li div.subNav {
background: #064FA6;
display: none;
transition: none;
list-style: none;
padding: 0;
}
#smpHeaderMenu > li {
width: 100%;
float: none;
text-align: left;
padding: 0;
border-top: 1px solid #FFF;
border-bottom: none;
background: #0069c3;
}
#smpHeaderMenu li a {
border: none;
position: relative;
}
#smpHeaderMenu > li > a {
padding: 10px 15px;
}
#smpHeaderMenu li div.subNav {
display: none;
}
#smpHeaderMenu li div.subNav li {
width: 100%;
margin: 0;
border-top: 1px solid #FFF;
}
#smpHeaderMenu li div.subNav li a {
padding: 15px 25px 15px 2em;
}
#smpHeaderMenu li div.subNav li a::before {
display: none;
}
#smpHeaderMenu li a::after {
position: absolute;
top: 50%;
right: 20px;
margin-top: -.5em;
content: "＞";
transition: .5s;
line-height: 1;
}
#smpHeaderMenu li a.active::after {
transform: rotate(90deg);
}
#topImage ul {
display: flex;
flex-wrap: wrap;
}
#topImage ul li {
width: 50%;
position: relative;
}
#topImage ul li span {
font-size: 1rem;
}
#topImage .other {
text-align: center;
}
#topImage .other a {
padding: 5px 10px;
}

#area_act1,
#area_act2 {
margin-top: 30px;
float: none;
margin: 30px auto 0 auto;
}
#area_act1 {
width: 500px;
}
#area_act1 dl {
border-radius: 0;
}
.info_head .info_links {
margin-right: 0;
margin-top: 0;
margin-bottom: 15px;
}
.amenu .info_head .info_links {
margin-top: 15px;
}
.area_bnr .block_type01 {
height: auto;
}
#area_main .pickup {
align-items: center;
}
#area_main .pickup li {
width: 30%;
}
#area_main .pickup::after {
width: 30%;
}
}

@media (max-width: 640px) {
.pickup li {
width: 100% !important;
text-align: center;
}
#area_act1 {
width: 300px;
}
}

@media (max-width: 480px) {
div#header h1 img,
div#header p img {
width: 180px;
height: auto;
}
div#header .menu-btn {
margin-top: 0;
}
#smpHeaderMenu {
top: 48px;
}
}

@media (max-width: 1019px) {
  input[type="submit"] {
    -webkit-appearance: button;
    color: #222;
  }
}