@charset "utf-8";
/*
Theme Name:tsuyama-chikumoku
*/
html{
    scroll-behavior: smooth;
    overflow-wrap: break-word;
    word-wrap: break-word;
	overflow-y: scroll;
}
body{
	/*background-image: url(images/bg_img.png);*/
	background-size: 100% 700px;
	font-family: 'Sawarabi Mincho', serif;
	/*font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";*/
	/*position: relative;*/
	display: grid;
	line-height: 1.8;
	font-weight: 300;
	letter-spacing: 0.15rem;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
body > * {
	/*
		overflow-x: hidden;
	*/
	min-width: 0;
}
/*	本文中の画像　*/
article img {
	border: none;
	outline: none;
	max-width: 100%;
	height: auto;
}
.aligncenter {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin-bottom: 30px;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-bottom: 30px;
	margin-left: 30px;
}
.wp-caption {
	max-width: 100%;
}
.wp-caption-text {
	margin: 0;
	color: #666;
	font-size: 14px;
	text-align: center;
}
/* 本文中の画像　END*/

/*--------------- header ------------------*/
.site-header{
    width: 100%;
    background-color: #fff!important;
}
.main_logo {
    padding: 10px 0 0 0;
}
.main_logo a{
  background: none;
}
.main_box img{
  	width: 100%;
}
.content_inn{
	width: 100%;
}
.container{
	z-index:100;
    width: 100%;
    background-color: #fff;
	position: absolute;
}
.top_nav_sp{
	display: none;
}
header a {
    color: #006837;
	text-decoration: none;
}
.main_nav nav{
	position: absolute;
	bottom: 5px;
}
.top_nav{
	padding: 10px;
}
.top_nav_inner{
	display: flex;
    justify-content: center;
}
.top_nav_inner li{
	/*border-right: 1px dotted #00a770;*/
    padding: 5px 20px;
	margin: auto 0;
}
.top_nav_inner li:last-child{
	border-right: none;
}
.t_pdf img{
	width: 300px;
}
.main_logo img{
	width: 300px
}
.tel_box p{
	font-size: 13px;
}
.tel_box a{
	font-size: 17px;
}
ul.bototm_nav{
	text-align: center;
}
.bototm_nav_inner{
	display: flex;
}
.bototm_nav_inner li{
	border-right: 1px solid #00a770;
}
.bototm_nav_inner li:last-child {
    border-right: none;
}
.bototm_nav ul{
	justify-content: center;
	list-style:none;
	margin: 10px 0;
}
.sns_icon{
		display: flex;
}
.sns_icon a{
		font-size: 10px;
}
.sns_box img{
	display: block;
    width: 50px;
    height: 50px;
    margin: 10px;
}
.top_nav_pc{
	display: flex;
}
.bototm_nav li.current-menu-item a {
    color: #314BB9;
}
.bototm_nav a{
    color: #000;
}
.main_logo a:hover{
  background:none;
}
.site-header.transform .logo{
    display: none;
}
.bototm_nav_inner{
	display: flex;
}
.bototm_nav_home_pc{
	margin: 0 15px;
}
.bototm_nav_pc{
	display: grid;	
	text-align: center;
	padding: 5px 30px;
}
.bototm_nav_pc a img{
  transition: .3s;
}
.bototm_nav_pc a img::before {
  content: "";
  width: 90%;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 5%;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  z-index: -1;
  opacity: 0;
  transition: .3s;
}
.bototm_nav_pc a img:hover{
	color: #00a770;
    transform: translateY(-7px);
}
.bototm_nav_pc a img:hover::before {
  transform: translateY(7px);
  opacity: 1;
}
.bototm_nav_pc a:hover{
	color: #00a770;
}
.bototm_nav_pc a img{
	display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    transition-duration: .3s;
}

/* sp用 短縮メニュー */
.menu{
    z-index: 99;
	cursor: pointer;
}
.menu__line{
    transition:transform .3s;
    width: 100%;
}
.bototm_nav_category_sp a:hover{
    color: #666;
	background: none;
}
.menu__line--top.active{
	color: #fff;
    font-weight: bold;
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*------------- gnav ------------*/
.gnav{
    background: #00a770;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 3000;
    left: 0;
	top:0;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
   margin: -20px 0;
}
.gnav__menu__item a{
    color: #fff;
	font-size: 1.4em;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
	background: none;
}
/*------------- gnav End ------------*/
/* sp用 短縮メニュー End */
/*--------------- header End------------------*/

/*----------------- front_page(top)(index) ------------------*/

/*---------- main-box -----------*/
.main_images {
	display: flex;
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute; left: 20%; top: 20%;
    width: 250px;
    transition: all 2s ease-in-out;
}
.main_images:hover {
	transform: scale(2,2)
}
.main_images img{
	vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
.main-box_2{
    position: absolute;
	z-index: 1;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.main_images_sp{
    display: none;
}

.main-box_2 img{
	width: 100%;
    display: block;
}
/*----------- main-box End -----------*/

/*---------- news-box -----------*/
.news-box ul{
    margin: 10px 0;
}
.news_container{
    list-style: none;
    padding: 0px;
}
.news_container li h1{
	text-align: center;
}
.members-news-list,
.news-list{
	text-align: center;
}
.members-news-list li,
.news-list li{
	text-align: left;
	border-bottom: 1px dotted #4E8E13;
	padding: 3px 10px;
}
.members-news-list time,
.news-list time{
	display: flex;
	color: #4E8E13;
}
.members-news-list a,
.news-list a{
	text-decoration: none;
	color: #000;
	font-size: 16px;
}
.members-news-list a:hover,
.news-list a:hover{
	color: #000;
	border-bottom: 1px solid #00a770;
}
.topics_members-news,
.topics_news{
	padding: 5px 13px 4px;
    /*background: #FFFFFF url(/shared/images/main/contents_bg.jpg) repeat-x left top;*/
	max-width: 1100px;
    margin: 0 auto;
} 
.topics_members-news_2{
	padding: 5px 13px 20px;
}
.topics_members-news h1,
.topics_news h1{
    margin: 10px 0 0 0;
    font-size: 20px;
    /*border-top: 1px solid #4E8E13;*/
    color: inherit;
    /*background: #E2F1D2 url(/shared/templates/free/images/contents/h1_bg.jpg) no-repeat right bottom;*/
    clear: both;
	padding: 10px 0;
} 
.members-news_button,
.news_button{
	text-align: center;
	margin: 20px 0;
}
.members-news_button a,
.news_button a{
	background-color: #00a770;
    color: #fff;
    padding: 10px;
    letter-spacing: 0.14em;
    text-decoration: none;
}
/*----------- news-box End -----------*/
/*---------- move-box -----------*/
.move-box ul{
	justify-content: center;
    list-style: none;	
}
.move_container{
	display: flex;
    list-style: none;
    padding: 0px;
}
.move_container li{
	text-align: center;
}
.move-box ul li{
	padding: 30px 10px;
}
/*----------- move-box End -----------*/

/*---------- banner-box -----------*/
.banner-box{
	width: 100%;
	height: 100%;
	/*background-color: aquamarine;*/
}
/*----------- banner-box End -----------*/

.report_list_container{
	padding: 10px 0 30px 0;
}
.report_list_container h1{
	text-align: center;
	font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}
.report_list{
	display: flex;
    flex-wrap: wrap;
}
.all_report{
	padding: 20px 0 0 0;
}
article.li{
	list-style: none;
	background-color: #fff;
    overflow: hidden;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    transition: 0.2s ease-in-out;
	padding: 0px 20px;
}
article.li .cover{
	height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
}
article.li .inner_top{
	height: 180px;
}
article.li .inner_bottom{
	padding: 5px;
}
.report_list time{
	color: #BEBEBE;
	font-weight: 500;
	font-size: 15px;
}
.report_list a {
    color: #333;
	text-decoration: none;
}
.inner_bottom li{
	text-align: left;
}
.fa-pen{
	font-size: 13px;
}
/*-------------------------------------------- 後日実装 ------------------------------------*/

/*アイキャッチ画像背景*/
.inner_top_img{
	z-index: 1;
	height: 100%;
	/*position: absolute;*/
	background-image: url("images/eyecatch_noimage.png");
	background-repeat: repeat;
}
.inner_top_img img{
	widows: 100%;
}
/*アイキャッチ画像*/
.inner_top_img img{
	margin: 0 auto;
	height: 100%;
	width: 100%;
}
ul.categories{
	display: flex;
	z-index: 10;
	position: absolute;
}
ul.categories li{
	padding: 5px 0;
}
ul.categories li a{
	display: inline-block;
	padding: 0 10px;
	margin:20px;
	background-color: #444; 
    color: #fff;
    font-size: 15px;
	height: 25px;
	vertical-align: middle;
    line-height: 25px;
    font-weight: bold;
}
ul.categories li a:hover {
	background-color: #ccc;
	transition: 0.3s ease-in-out;
}
.page_navi{
	max-width: 1200px;
	text-align: left;
	margin: 0 0 0 50px;
	font-size:20px;
	padding: 20px 0 0 0;
}
.page_navi a{
	text-decoration: none;
	color:#BEBEBE;;
}
.page_navi a:hover{
	color: #314BB9;
}
span.current {
	font-weight: bold;
	color:  #314BB9;
}
.title{
	font-size: 25px;
}
.all_report p{
	text-align: center;
	font-size: 20px;
}
.all_report a{
	text-decoration: none;
    color: #BEBEBE;
}
.all_report a:hover{
	color: #314BB9;
}

/*------------ 記事 ------------------*/

article h1 a {
	color: #000;
	text-decoration: none;
}
/*------------ 記事 END------------------*/

/*------------- 記事の追加情報 ------------*/

.postinfo {
	margin-top: 15px;
	font-size: 14px;
}
.postinfo a {
	color: #000;
	text-decoration: none;
	/*padding: 5px;*/
	font-size: 16px
}
.postinfo .postcat {
	margin-left: 20px;
}
.postinfo i {
	color: #888;
}
/*------------- 前後の記事へのリンク --------------*/
.pagenav {
	padding: 20px 0px;
}
.pagenav a {
	padding: 5px 10px;
	border: solid 1px #ccc;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
.pagenav .old a {
	float: left
}
.pagenav .new a {
	float: right;
}

/*-------------- 前後の記事へのリンク END ---------------*/

/*--------------- 記事の追加情報 END ----------------*/

/*----------------------------------------- 後日実装 End ------------------------------------------*/

/*--------------- index End------------------*/

/*--------------------------------- サブページ共有 ---------------------------------*/
.sub_page_content{
	padding:  80px 0 0 0;
}
.sub_page_title{
	text-align: center;
	font-size: 35px;
	color: #4E8E13;
	padding: 10px 0 0 0;
}
.sub_page_contner{
	max-width: 1100px;
    margin: 0 auto 20px auto;
}
.topic_path{
	text-align: right;
	margin: 5px;
}
/*--------------------------------- サブページ共有 End ---------------------------------*/
.union_nav_pc li{
	width: 183px;
    font-weight: bold;
    padding: 8px 10px 8px 11px;
    font-size: 20px;
    border: 1px solid #4E8E13;
    border-top: 1px solid #4E8E13;
    color: inherit;
    /*background: #E2F1D2 url(/shared/templates/free/images/contents/h1_bg.jpg) no-repeat right bottom;*/
    clear: both;
    text-align: center;
}
.union_nav_pc a{
	text-decoration: none;
	color: #000;
}
/*-------------------------------------- 各ページ --------------------------------------*/
/*--------------------------------- page-subsidy ---------------------------------*/
.subsidy_table{
  border-collapse:separate;
  border-spacing: 0;
  table-layout: fixed;
}
.subsidy_table th:last-child{
  border-right: 1px solid #a8b7c5;
  border-left: none;
}
.subsidy_table th{
  text-align: center;
  color:#000;
  background: #ddd;;
  border-left: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  padding: 10px 0;
  font-weight: bold;
}
.subsidy_table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  padding: 10px 3px;
  vertical-align: middle;
}
.subsidy_table td:last-child{
  border-right: 1px solid #a8b7c5;
  text-align: left;
  padding: 10px 3px 3px 10px;
  vertical-align: middle;
}
.subsidy_table2{
  border-spacing: 0;
  table-layout: fixed;
  margin: 20px 0px;
  width: 100%;
}
.subsidy_table2 th:last-child{
  border-right: 1px solid #a8b7c5;
}
.subsidy_table2 th{
  text-align: center;
  color:#000;
  background: #ddd;;
  border-left: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  padding: 10px 0;
  font-weight: bold;
}
.subsidy_table2 th:nth-child(2){
  border-right: none;
}
.subsidy_table2 th:nth-child(3){
  border-left: none;
}
.subsidy_table2 td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  padding: 10px 3px;
  vertical-align: middle;
}
.subsidy_table2 td:last-child{
  border-right: 1px solid #a8b7c5;
  text-align: center;
  vertical-align: middle;
}
.subsidy_table3{
  border-spacing: 0;
  table-layout: fixed;
  margin: 20px 0px;
  width: 100%;
}
.subsidy_table3 th{
  text-align: center;
  color:#000;
  background: #ddd;;
  border-left: 1px solid #a8b7c5;
  border-right: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  padding: 10px 0;
  font-weight: bold;
}
.subsidy_table3 td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  padding: 10px 3px;
  vertical-align: middle;
}
.subsidy_table3 td:last-child{
  border-right: 1px solid #a8b7c5;
  text-align: center;
  vertical-align: middle;
}
.subsidy_table3 img{
    width: 50px;
    padding: 15px 0 0 0;
}
.arrow{
	max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.arrow img{
}
.data-table{
  border-collapse:separate;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.data-table th:last-child{
  border-right: 1px solid #a8b7c5;
}
.data-table th{
  text-align: center;
  color:#000;
  background: #f7f7f7;;
  border-left: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  padding: 10px 0;
  font-weight: bold;
}

.data-table td{
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
      padding: 3px 3px 3px 10px;
	vertical-align: middle;
}

.data-table td:last-child{
  border-right: 1px solid #a8b7c5;
　text-align: center;
}
.table-wrap{
}
/*--------------------------------- page-subsidy End ---------------------------------*/


/*--------------------------------- page-single ---------------------------------*/

.sub_page_inside{
	/*padding:10px;*/
	/*border: 1px solid #C2BCAE;*/
    /*background: #FFFFFF url(/shared/images/main/contents_bg.jpg) repeat-x left top;*/
	/*box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);*/
	/*margin: 10px 0;*/
	max-width: 1100px;
    margin: 10px 0;
}
.sub_page_inside h2{
	margin: 10px 0;
    padding: 5px 10px 5px 11px;
    font-size: 20px;	
    border-bottom: 2px solid #f8b551;
    clear: both;
}
.sub_page_inside h3{
	font-weight: bold;
	/*padding: 5px 10px 5px 11px;*/
    font-size: 18px;	
}

.postinfo{
	text-align: right;
}
.single-inside h2{
	border-bottom: 1px solid #00a770;
	font-weight: none;
	font-size: 18px;
	padding: 5px;
	margin:10px 0;
}
.single-inside{
	margin: 10px 0;
	padding: 0 10px 0;
    color: inherit;
	text-align: left;
}
.single-inside p{
	padding: 5px;
}
.alignnone img{
	text-align: center;
}
.itiran{
	text-align: center;
}

/*--------------------------------- page-single End ---------------------------------*/
.subsidy_inside li{
	list-style-type: katakana;
	list-style-position:inside;
	padding: 3px 10px;
}
.subsidy_inside p{
	padding: 3px 5px;
}
.fiscal_year{
	text-align: left;
	font-weight: bold;
}
/*--------------------------------- page-roster ---------------------------------*/
.total_number{
	text-align: right;
}
.union_nav_pc{
	display: flex;
	justify-content: center;
}
.union_nav_pc a:hover{
	color: #006837;
}
.widget{
	width: 183px;
	font-weight: bold;
    margin: 10px 0 20px 0;
    padding: 8px 10px 8px 11px;
    font-size: 20px;
    border: 1px solid #4E8E13;
    border-top: 2px solid #4E8E13;
    color: inherit;
    /*background: #E2F1D2 url(/shared/templates/free/images/contents/h1_bg.jpg) no-repeat right bottom;*/
    clear: both;
	text-align: center;
}

.cat-item a,
.cat-item-2 a{
	color: #000;
	text-decoration: none;
}

.union-list li{
	list-style: none;
	text-align: left;
    border-bottom: 2px dotted #4E8E13;
	padding: 3px;
}
.union-list li a{
	color: #000;
	text-decoration: none;
}
p.list_detail_info a{
	color: blue;
	text-decoration: none;
	text-align: left;
    display: block;
}
.page_back a{
	text-decoration: none;
}
.union_nav_sp{
	display: none;
}
.union_nav_table{
	border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}
.union_nav_table a{
	color: #000;
    text-decoration: none;
	padding: 15px 25px;
}
.union_nav_table th{
	text-align: center;
    color: #000;
    background: #E2F1D2 ;
    border-left: 1px solid #a8b7c5;
    border-top: 1px solid #a8b7c5;
    border-bottom: 1px solid #a8b7c5;
    padding: 10px 0;
    font-weight: bold;
}
.union_nav_table th:last-child {
    border-right: 1px solid #a8b7c5;
    text-align: center;
}
.union_nav_table td{
	text-align: center;
    border-left: 1px solid #a8b7c5;
    border-bottom: 1px solid #a8b7c5;
    border-top: none;
    padding: 10px 0;
	background-color: #E2F1D2;
}
.union_nav_table td:last-child {
    border-right: 1px solid #a8b7c5;
    text-align: center;
}

/*--------------------------------- page-roster End ---------------------------------*/

.content_inside{
	max-width: 350px;
	margin: 50px  auto;
}
#mw_wp_form_mw-wp-form-92 p,
mw_wp_form mw_wp_form_input　p{
	text-align: left;
}
/*-------------------------------------- 各ページ End --------------------------------------*/

/*-------------------------------------- taxonomy-page union End --------------------------------------*/

.union_inside li{
	padding: 5px;
}
.union_inside p{
	padding: 5px;
}

/*-------------------------------------- taxonomy-page union End --------------------------------------*/

/*------------- footer -------------*/
.footer_l_c{
	padding: 20px  0 15px 0;
	background-color: #f7f7f7;
    overflow: hidden;
}
footer a{
    text-decoration: none;
	    color: #000;
}
footer a:hover {
	color: #314BB9;
}
/* footer logo */
.footer_logo h1{
	text-align: center;
	padding: 10px 0;
	font-size: 20px;
}
p.footer_adress_PC{
	display: block;
	color: #000;
	text-align: center;
}
p.footer_adress_sp{
	display: none;
}
/* コピーライト */
.copy p{
	text-align: center;
	color: #000;
	font-size: 13px;
}
/*----------- footer End -----------*/

/*----------- 問い合わせフォーム -----------*/
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
    padding: 1em;
  	width: 100%;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
}
.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 14px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}
 .mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}
 
/*「表」デザイン */
.cform th {
	font-size: 15px;
	width: 30%; 
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0px 10px 15px;
	font-weight: bolder;
	vertical-align:middle
}
.cform td {
	font-size: 15px;
	line-height: 200%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 10px;
}
/* 表示 */
.cform {
	width: 94%;
	margin: auto;
}
/*「送信ボタン」デザイン */
.submit-btn input {
	background-color:#ebbbbb;
	border:0;
	color:#ffffff;
	font-size:1.3em;
	font-weight:bolder;
	margin:0 auto;
	padding: 10px 35px;
	border-radius: 3px;
	cursor: pointer;
	text-align:center;
}
.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}
.submit-btn input:hover {
	background: #EF5B9C;
	color: #FFFFFF;
	cursor: pointer;
}

/* 「戻るボタン」デザイン */
.back-btn input{
 margin:10px;
 padding:5px 20px;
 font-size:15px;
 text-align:center;
}
/*「必須」デザイン */
.required-srt {
font-size:0.9em;
padding: 6px;
border-radius: 5px;
background: #ebbbbb;
color: #ffffff;
}
/*----------- 問い合わせフォーム end -----------*/

/*page topへボタン*/
.scroll_button {
   width: 100px;
  height: 130px;
  position: fixed;
  right: -100px;
  bottom: 50px;
  border-radius: 50%;
}
.scroll_button img {
    position: relative;
  display: block;
  width: 100px;
  height: 150px;
  text-decoration: none;
}
.scroll_button img:hover {
	opacity: 0.9;
}

/*-------------- bxスライダー --------------*/

.bx-wrapper {
  position: relative;
  rgin-bottom: 60px;
  padding: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
}
/** THEME
===================================*/
.bx-wrapper {
 /* box-shadow: 0 0 5px #ccc;*/
 /* border: 5px solid #fff;*/
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
.bx-pager,
.bx-default-pager{
	display: none;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
.wrapper {
	    position: relative;
}

/*-------------- bxスライダー end --------------*/
footer{
	z-index: 110;
}
.main_catch{
position: absolute;
top: 0px;
}
div.pdfemb-viewer{
	border: none;
    background-color: none;
}
.banner-container{
	display: flex;
	justify-content: center;
}
.banner-container li{
	padding: 10px;
	text-align: center;
    
}
.banner-container img{
	width: 311px
}
.data-table a{
	text-decoration: none;
	color: rgb(255 105 0);
}
.data-table a:hover{
	color: #00a770;
   border-bottom: 1px solid #00a770;
}
.gnav__menu__item img{
	max-width: 50px;
	vertical-align: middle;
    margin: 10px 10px 20px 10px;
}
.aa{
	width: 100px;
}
.bb{
	width: 150px;
}
.sub_catch{
	position: absolute;
    bottom: 0;
	right: 0;
}
ul.introduction_pdf{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.introduction_pdf li{
	width: 500px;
}
.introduction_pdf img{
	width: 100%;
}

ol li {
	list-style-type: none;
	counter-increment: cnt;
}
 
ol li::before {
	content: "(" counter(cnt) ") ";
}

/* page-about */
.officer li span{
display: inline-block;
    width: 150px;
    text-indent: 0;
}
.officer li{
border-bottom: 1px dotted #4E8E13;
    padding: 10px;
	display: flex;
	align-items: center;
}
.officer li p{
	font-size: 16px;
}
.overview li{
    padding: 3px 10px;
}
.sub_page_inside p{
	padding: 0 10px;
}
/* page-about */
.bxslider p{
	position: absolute;
    top: 0;
    left: 0;
	padding: 20px;
	font-size: 25px;
	color: #fff;
    text-shadow:1px 1px 0 #4E8E13, -1px -1px 0 #4E8E13,
              -1px 1px 0 #4E8E13, 1px -1px 0 #4E8E13,
              0px 1px 0 #4E8E13,  0-1px 0 #4E8E13,
              -1px 0 0 #4E8E13, 1px 0 0 #4E8E13;
}
.gnav__menu li:not(:last-child){
	left: 40px;
    position: relative;
}
.gnav__menu li:last-child{
	top: 20px;
    position: relative;
}

ul.study_content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.study_content li{
	width: 100%;
    text-align: center;
}
.study_content img{
	width: 60%;
}
.study_content_mg img{
	width: 40%;
}
.study_content a{
	color: #000;
    vertical-align: middle;
    font-size: 15px;
	text-decoration: none;
}
img.i_pdf{
	width: 20px!important;
    margin: 0 5px;
    vertical-align: middle;
}

/* ギャラリーブロックをカバー画像のみ表示する */
#gallery-1 dl:not(:first-child){
  display: none!important;
}
#gallery-1 dl img{
	position: relative!important;
	background: none!important;
	color: var(--color_text)!important;
	margin-top: 0.75em;
	opacity: .8;
	width: 40%;
	height: auto;
}
#gallery-1 img {
    border: none!important;
}
#gallery-1 {
    height: 200px!important;
}
#gallery-2 dl:not(:first-child){
  display: none!important;
}
#gallery-2 dl img{
	position: relative!important;
	background: none!important;
	color: var(--color_text)!important;
	margin-top: 0.75em;
	opacity: .8;
	width: 40%;
	height: auto;
}
#gallery-2 img {
    border: none!important;
}
#gallery-2 {
    height: 200px!important;
}
.quote{
	margin: 10px;
}
.main_video{
	height: 600px;
}
.main_video video{
    width: 100%;
    object-fit: cover;
}
/*メインロゴ　フェードイン cssのみ*/
.mc_animation{
  padding: 10px;
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: backwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.about_inner{
	/*margin: 10px 10px 20px 10px; */
    margin: 0 auto;
    padding: 5px 13px 4px;
}
.content{

}
h2.gg{
	margin: 15px 0;
}
.access_content{
	flex-basis: 50%;
	text-align: center;
}
.googleMap{
	    overflow: hidden;
}
.googleMap iframe{
	
}
.sec-ttl-box{
	text-align: center;
    margin: 0 0 30px;
    position: relative;
    z-index: 2;
}
.sec-ttl-box ul{
	display: flex;
	padding: 20px 0;
}
.sec-ttl-box ul li{
	margin: 0 auto;
	font-size: 25px;
}

.main_video p{
	position: absolute;
	z-index: 200;
    top: 0;
    left: 0;
	padding: 20px;
	font-size: 25px;
	color: #fff;
    text-shadow:1px 1px 0 #4E8E13, -1px -1px 0 #4E8E13,
              -1px 1px 0 #4E8E13, 1px -1px 0 #4E8E13,
              0px 1px 0 #4E8E13,  0-1px 0 #4E8E13,
              -1px 0 0 #4E8E13, 1px 0 0 #4E8E13;
}
.p1_animation{
  padding: 10px;
  animation-name: fadeinP1;
  animation-duration: 30s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes fadeinP1{
  0% { opacity: 0;}
  8% { opacity: 1;}
  10% { opacity: 1;}
  15% { opacity: 1;}
  20% { opacity: 1;}
  25% { opacity: 0;}
  30% { opacity: 0;}
  35% { opacity: 0;}
  40% { opacity: 0;}
  45% { opacity: 0;}
  50% { opacity: 0;}
  55% { opacity: 0;}
  60% { opacity: 0;}
  65% { opacity: 0;}
  70% { opacity: 0;}
  80% { opacity: 0;}
  90% { opacity: 0;}
  100% { opacity: 0;}
}


.p2_animation{
  padding: 10px;
  animation-name: fadeinP2;
  animation-duration: 30s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes fadeinP2{
  0% { opacity: 0;}
  10% { opacity: 0;}
  20% { opacity: 0;}
  28% { opacity: 1;}
  30% { opacity: 1;}
  35% { opacity: 1;}
  40% { opacity: 1;}
  45% { opacity: 0;}
  50% { opacity: 0;}
  55% { opacity: 0;} 
  60% { opacity: 0;}
  70% { opacity: 0;}
  80% { opacity: 0;}
  90% { opacity: 0;}
  100% { opacity: 0;}
}
.p3_animation{
  padding: 10px;
  animation-name: fadeinP3;
  animation-duration: 30s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes fadeinP3{
  0% { opacity: 0;}
  10% { opacity: 0;}
  20% { opacity: 0;}
  25% { opacity: 0;}
  30% { opacity: 0;}
  40% { opacity: 0;}
  48% { opacity: 1;}
  50% { opacity: 1;} 
  55% { opacity: 1;} 
  60% { opacity: 1;}
  65% { opacity: 0;} 
  70% { opacity: 0;}
  75% { opacity: 0;} 
  80% { opacity: 0;}
  85% { opacity: 0;} 
  90% { opacity: 0;}
  100% { opacity: 0;}
}
.p4_animation{
  padding: 10px;
  animation-name: fadeinP4;
  animation-duration: 30s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes fadeinP4{
  0% { opacity: 0;}
  10% { opacity: 0;}
  20% { opacity: 0;}
  25% { opacity: 0;}
  30% { opacity: 0;}
  40% { opacity: 0;}
  45% { opacity: 0;}
  48% { opacity: 0;}
  50% { opacity: 0;} 
  55% { opacity: 0;} 
  60% { opacity: 0;}
  68% { opacity: 1;} 
  70% { opacity: 1;}
  75% { opacity: 1;} 
  80% { opacity: 1;}
  85% { opacity: 0;} 
  90% { opacity: 0;}
  100% { opacity: 0;}
}
.p5_animation{
  padding: 10px;
  animation-name: fadeinP5;
  animation-duration: 30s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes fadeinP5{
  0% { opacity: 0;}
  10% { opacity: 0;}
  20% { opacity: 0;}
  25% { opacity: 0;}
  30% { opacity: 0;}
  40% { opacity: 0;}
  45% { opacity: 0;}
  48% { opacity: 0;}
  50% { opacity: 0;} 
  55% { opacity: 0;} 
  60% { opacity: 0;}
  65% { opacity: 0;} 
  70% { opacity: 0;}
  75% { opacity: 0;} 
  88% { opacity: 1;}
  90% { opacity: 1;}
  95% { opacity: 1;} 
  98% { opacity: 1;} 
  100% { opacity: 0;}
}
.main_img_container{
	height: 600px;
}
.main_img_container img{
    width: 100%;
    object-fit: cover;
}
.main_img_container p{
	position: absolute;
    top: 0;
    left: 0;
	padding: 20px;
	font-size: 25px;
	color: #fff;
    text-shadow:1px 1px 0 #4E8E13, -1px -1px 0 #4E8E13,
              -1px 1px 0 #4E8E13, 1px -1px 0 #4E8E13,
              0px 1px 0 #4E8E13,  0-1px 0 #4E8E13,
              -1px 0 0 #4E8E13, 1px 0 0 #4E8E13;
	z-index: 2000;
}
.main_image {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation-name: change-img-anim;
    animation-duration: 30s;
    animation-timing-function: ease;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
}

.main_image:nth-of-type(1) {
	animation-delay: 0s;
}
.main_image:nth-of-type(2) {
	animation-delay: 6s;
}
.main_image:nth-of-type(3) {
	animation-delay: 12s;
}
.main_image:nth-of-type(4) {
	animation-delay: 18s;
}
.main_image:nth-of-type(5) {
	animation-delay: 24s;
}

@keyframes change-img-anim {	
	0%{ opacity: 0;}
	15%{ opacity: 1;}
	19%{ opacity: 1;}
	30%{ opacity: 0;}
	100%{ opacity: 0;}
}
.topics_page_okayama{
	min-height: 500px;
}
.topics{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
	min-width: 300px;
}
.topics p{
    font-size: 15px;
	color: red;
	font-weight: bold;
	background-color: rgba(255,255,253,0.8);
	padding: 10px 15px;
}
.sub_page_inside h1{
	text-align: center;
}