@charset "utf-8";
/* CSS Document */
/*スムーススクロール*/
html {
  scroll-behavior: smooth;
}
body {
  padding-top: 100px;
}
/*section {
  padding-top: 100px;
	margin-top: -100px;
}*/
body header {
  margin-right: auto;
  margin-left: auto;
  color: #000;
  top: 0px;
  -webkit-box-shadow: 0px 10px 10px 1px rgba(85, 85, 85, 0.70);
  box-shadow: 0px 5px 10px 1px rgba(85, 85, 85, 0.70);
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  height: 100px;
  right: 0;
  left: 0;
  z-index: 100;
  position: fixed;
}
#wrapper {
  min-width: 319px;
  max-width: 1920px;
  margin: 0 auto;
 overflow: hidden;
}
.header_wrap {
  margin: 0 auto;
  height: 100px;
 position: relative;
}
.header_top_area {
  height: 55px;
}
#headerlogo {
  float: left;
  width: 64%;
  margin: 1% 0 0 1%;
}
#headerlogo .logo {
    display: block;
    position: relative;
    width: 300px; 
    height: 42px; 
    overflow: hidden;
}
#headerlogo .logo::before {
  display: block;
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   width: 300px; 
   height: 42px; 
   background: #ffffff url("../images/common/rogo_sp.svg") no-repeat center;
}
#sp_headerContact {
  margin: 10px 10px 0 0;
  float: right;
}
ul.header_otoiawase_btn {
  text-align: right;
  padding: 0 0 0 20px;
  float: left;
}
ul.header_tell_btn {
  text-align: right;
  padding: 0 0 0 20px;
  float: left;
}
#sp_headerContact ul li a {
  width: 50px;
  height: 30px;
}
br.br_ok {
	display: block;
	}
/*topページ画像部分 下の3つはheightとbottomが関連している*/
.top_image {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 75vw; /*750x500*/
	background-color: #565656;
}
.top_image .billboard_top {
  background-image: url("../images/top/SP_top_img.png");
  background-color: #063305;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
  background-origin: padding-box;
  background-clip: border-box;
  width: 100%;
  max-width: 767px;
  height: 75vw;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  padding: 0;
  z-index: -9999;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*キャンペーンカルーセル*/
.top_image .slide_area {
	width: 100%;
	height: 100%;
	/*position: absolute;*/
	/*bottom: 30px;*/
}
.slide_area .swiper-slide {
	height: 82%;
 margin-top: 18%;
	}	
.slide_area .swiper-slide img {
	display: block;
	width: 50%;
	margin: 0 auto;
}
.bg_wasi .mame {
  padding-top: 0;
  font-family: "Noto Serif JP", serif;
}
.bg_wasi {
  background-image: url("../images/top/bg_mame_nav_wasi2.jpg");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: auto 100%;
}.page_image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 250px; /*767x300*/
	background-color: #565656;
}
.page_image .billboard_page {
  background-image: url("../images/top/sp_top_mame_bg_img.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: scroll;
  background-origin: padding-box;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
}
.page_image .title {
  position: relative;
  height: 250px;
}
.page_image .catch_copy h3 {
  width: 100%;
  left: 50%;
  /*top: 50;*/
  position: absolute;
  -ms-transform: translate(-50%, 60%);
  -webkit-transform: translate(-50%, 60%);
  transform: translate(-50%, 60%);
  font-size: calc(1em + 1.6vw);
  color: #D6A92B;
  z-index: 4;
}
.mame .page_image .title img {
  left: 50%;
  bottom: 0;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 70%;
  z-index: 4;
  height: 60px;
}
.sankaku {
  display: block;
}
section .goaisatu {
  font-family: "Noto Serif JP", serif;
}
.goaisatu h3 {
  font-size: calc(1.4em + 0.5vw);
}
.goaisatu .relative .sankaku img {
  left: 50%;
  bottom: -150px;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
section.dantai_syoukai .dantai_block {
  border: 3px solid #EFE8DD;
  border-radius: 1em;
}
section.dantai_syoukai .dantai_block p {
	font-size: calc(0.9em + 0.8vw);
}
.dantai_syoukai .relative .sankaku img {
  left: 50%;
  bottom: -100px;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
.mame .relative .sankaku img {
  left: 50%;
  bottom: 0;
  position: absolute;
  -ms-transform: translate(-50%, 50px);
  -webkit-transform: translate(-50%, 50px);
  transform: translate(-50%, 50px);
  height: 50px;
  z-index: 4;
}
.page_image .title img {}
.page_image .catch_copy {
  text-align: center;
  position: relative;
}
/*印刷製本まめ知識navボタン*/
.mame_nav ul.mame_marui_nav {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
 max-width: 1200px;
}
.mame_nav ul.mame_marui_nav li {
  float: left;
 height: 150px;
 position: relative;
 margin: 1rem 0;
}
.mame_nav ul.mame_marui_nav li a {
  display: inline-block;
}
.mame_nav ul.mame_marui_nav li p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: calc(1em + 1.2vw);
  text-align: center;
 width: 120px;
}
.mame_nav ul li.mame_marui_nav1 {
  position: relative;
}
  .mame_nav ul.mame_marui_nav img {
    margin: 0;
  max-height: 150px;
  max-width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*.mame_nav ul li.mame_marui_nav2 {
  background-image: url("../images/top/mame_bg_2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
.mame_nav ul li.mame_marui_nav3 {
  background-image: url("../images/top/mame_bg_3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  margin: 0 25%;
}
.mame_nav ul li.mame_marui_nav4 {
  background-image: url("../images/top/mame_bg_4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
.mame_nav ul li.mame_marui_nav5 {
  background-image: url("../images/top/mame_bg_5.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}*/
/*==========================つづきを見る折りたたみ　transition: all .5s ease;はゆっくりにならない*/
.more-wrap *, .more-wrap *:before, .more-wrap *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.more-wrap {
  position: relative;
}
/* 続きを読むボタン */
.more-wrap label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%);
  margin-bottom: 0;
}
.more-wrap input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
/*contentに改行は'\a'を入れ、white-space:preを入れる*/
.more-wrap label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: -5rem;
  left: 50%;
  width: 16rem;
  white-space: pre;
  font-family: FontAwesome;
  content: '\a続きをよむ''\a''\f103';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #565656;
  font-size: 1.4rem;
}
.more-wrap input {
  display: none;
}
.more-wrap input .acd-check {
  height: 0;
  overflow: hidden;
}
.more-wrap .more-item {
  overflow: hidden;
  height: 300px; /* 開く前に見えている部分の高さ */
  transition: all .5s ease;
}
.more-wrap input:checked + label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}
.more-wrap input:checked + label:after {
  white-space: pre;
  font-family: FontAwesome;
  content: '\a閉じる''\a''\f102';
}
.more-wrap input:checked ~ .more-item {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all .5s ease;
}
/*つづきを見るここまで*/
section.goaisatu .daihyou img {
  max-width: 200px;
  width: 30%;
}
#sidebar .relative .sankaku img {
  left: 50%;
  bottom: -50px;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 80px;
  z-index: 4;
}
 #sidebar .sidebar_h3_link a {
    display: block;
  height: 85px;
  padding-top: 50px;
  padding-bottom: 1rem;
 }
#sidebar {
  padding-bottom: 100px;
}
#sidebar ul {
 line-height: 1.5;
 margin: 3rem auto;
 width: 80%;
 border-top : thin solid #02988c;
}
#sidebar ul li {
 text-align: center;
 padding: 1rem 0.5rem;
  border-bottom : thin solid #02988c;
}
#sidebar ul li.current-menu-item,
#sidebar ul li.current-reports-ancestor,
#sidebar ul li.current-post-ancestor,
#pagemenu ul li.current_page_item {
 background-color: #fff;
 color: #02988c;
}
/*#gnavi ul li.current_page_item {
 border-bottom: 1px solid #0860a8;
}*/
 #sidebar .kanrenkyou_twitter {
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    background-color: #3366cc;
    text-align: center;
    font-size: 2.4rem;
    color: #FFF;
  width: 100%;
  }
#footerlogo {
  padding-top: 1rem;
}
.copyright {
  padding-bottom: 10px;
  font-size: 12px;
}
.bg_center {
  position: absolute;
  top: 50%;
}
#sp_footer_area .footer_menu {
  margin: 0 0 5rem;
  padding: 0.5rem;
  font-size: 14px;
}
.footer_area {
  background-color: #072b31;
}
.footer_menu ul {
  width: 90%;
  padding: 0;
  margin: 0 auto;
}
.footer_menu ul li {
  width: 100%;
  padding: 0.5rem 0;
}
.footer_menu ul li a {
  display: block; /*クリックできる領域を広げる*/
  color: #ffffff;
  padding: 0;
  /*font-size: calc(1em + 1vw);*/
  text-align: center;
}
.footer_menu ul#menu-footernav > li > a {
  padding: 0.5rem;
 border: thin solid #fff;
 border-radius: 0.5rem;
}
.footer_menu ul li ul.sub-menu li a {
 border: none;
}
.footer_menu ul li ul.sub-menu li a::before {
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 content: "\f0da";
 color: #fff;
 margin-right: 0.5rem;
}
.footer_li_btn {
  display: block;
  text-align: center;
}
#sp_footer_area .footer_footermenu {
  background-color: #EFE8DD;
  margin: 1rem;
  padding: 0.5rem 0;
  text-align: center;
  border-radius: 10px;
  color: #565656;
}
.footer_footermenu h5 {
  font-size: calc(1em + 0.8vw);
  font-weight: 400;
}
.footer_footermenu p {
  height: auto;
  line-height: 1.5;
  margin: 0 auto;
  width: 80%;
  font-size: calc(0.8em + 0.8vw);
}
.footer_footermenu a {
  display: block; /*クリックできる領域を広げる*/
  padding: 0.5em;
  font-size: calc(0.8em + 0.8vw);
}
.btn-white_and_peacock {
  border-radius: 4em;
  border: 1px solid #02988c;
  background-color: #02988c;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
.btn-white_and_peacock:hover {
  border: 1px solid #02988c;
  background-color: #ffffff;
  transition: all 0.3s ease;
  opacity: 1;
  color: #02988c;
}
.btn-white_and_skyblue {
  border-radius: 4em;
  border: 1px solid #0088ff;
  background-color: #0088ff;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
.btn-white_and_skyblue:hover {
  border: 1px solid #0088ff;
  background-color: #ffffff;
  transition: all 0.3s ease;
  opacity: 1;
  color: #0088ff;
}
.toiawase_text p {
  font-size: calc(1em + 0.2vw);
  width: 50%;
  margin: 0 auto;
}
/* 縦棒のアニメーション。sdl03は下の@keyframesで指定*/
#anchor::after {
  animation: sdl03 2s cubic-bezier(1, 0, 0, 1) infinite;
}
/*min-width: 992pxで動作するスクロールダウンバー（上から下へ）キーフレーム*/
@keyframes sdl03 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
section h2 {
  font-size: calc(1.4em + 1vw);
  font-family: "Noto Serif JP", serif;
 padding-bottom: 50px;
 padding-top: 50px;
}

section.mame_nav h2 {
 padding-bottom: 0;
}
.box-fadein img {
  opacity: 0;
}
.box-fadein.lazyloaded img.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 1s .4s;
  transition: opacity 1s .4s;
}
.main_side {
    margin: 0 auto;
    width: 100%;
  }
/***************************************************topページ以外のページで共通*/
/*==============================================
スマホTOPページ
================================================*/
/*パンクズ*/
.breadcrumbs {
	padding-top: 1rem;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.3rem;
	height: 3rem;
	font-size: 75%;
		color: #666;
}
.breadcrumbs  li {
	float: left;
	padding-left: 1rem;
}
.breadcrumbs  li::before {
	content: ">";
		padding-right: 1rem;
}
.breadcrumbs  li:first-child::before {
	padding-left: 0;
	content: none;
}
.breadcrumbs  li img {
	width: 1rem;
}
.breadcrumbs  li a {
	color: #00a0e9;
	text-decoration: underline;
}
.breadcrumbs_space {
	width: 100%;
	margin-top: 14em;
	display: block;
	clear: both;
	height: 2em;
}
#not404 .dataList-inner {
	padding: 2rem 1rem 3rem;
}
#not404 .dataList-inner h3 {
	font-size: 110%;
	padding-bottom: 1rem;
	color: #f44d75;
}
/*各ページのトップのページメニュー縦1列*/
#pagemenu {
  width: 100%;
}
#pagemenu ul {
  width: 100%;
  margin: 0 auto;
}
#pagemenu li {
  margin-bottom: 0.5em;
  line-height: 1rem;
  text-align: center;
  border: thin solid #565656;
  border-radius: 1rem;
  padding: 1rem 0;
  margin: 2rem 0;
 /* font-size: calc(1em + 1.2vw);*/
}
 .page-id-15 #pagemenu li {
  margin-bottom: 0.5em;
  line-height: 1.2;
  text-align: center;
  border: thin solid #565656;
  border-radius: 1rem;
  padding: 1rem 0;
  margin: 1rem 0;
  font-size: 14px;
}
#pagemenu li:hover {
  background-color: #ffffff;
}
#pagemenu a li {
  text-decoration: none;
  list-style-type: none;
  color: #565656;
}
.pagemenu {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pagemenu .relative .sankaku img {
  left: 50%;
  bottom: -80px;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
/*トップページ以外の各ページメイン画像部タイトル*/
.main_top_image {
  position: relative;
}
.main_top_image h1 {
  font-size: calc(1.6em + 1.2vw);
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.title_blue_line {
  margin: 0 auto;
  padding: 50px 0;
}
.title_blue_line h2 {
  padding: 0 5rem;
  text-align: center;
  font-size: 3.2rem;
  font-family: "Noto Serif JP", serif;
  display: inline-block;
  color: #072b31;
  border-bottom: 2px solid #0860a8;
}
.title_blue_line span {
  font-size: 1.4rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
h3.border_left_midasi {
  padding-left: 1rem;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
  display: inline-block;
  color: #072b31;
  border-left: 2px solid #ff7f00;
}
/*トップページ活動報告抜粋＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#report_area .card {
 display: flex;
}
#report_area .card > a {
 display: block;
 text-align: center;
 background-color: #565656;
}
#report_area .card img {
 width: 300px;
 height: 178px;
 margin: 0 auto;
}
/*デフォルト*/
#report_area .news_category {
  display: inline-block;
  width: 80px;
  text-align: center;
  color: #fff;
  background-image: url("../images/common/category-tag-corners.png");
  background-repeat: no-repeat;
  background: #02988C;
  border-radius: 0.5rem;
}
#report_area .time_inner {
  font-size: 12px;
}
#report_area .card-body {
  border-bottom: 1px dotted #6F6F6F;
  padding-bottom: 1rem;
}
#report_area .card-body .kousin {
  text-align: left;
  color: #6F6F6F;
  padding: 2rem 0 0;
}
#report_area .card-body h4 {
   line-height: 1.6;
 font-weight: 400;
}

/*トップページお知らせ抜粋＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/**topお知らせ一覧を見るリンクボタンで使用　more_btnはごあいさつでもっと見るに使用*/
.more_ichiran_btn {
  width: 300px;
  height: 40px;
  color: #fff;
  background-color: #115e6a;
  ;
  padding: 0 2rem;
  border-radius: 20px 20px;
  border: none;
}
.more_ichiran_btn p:after {
  font-family: FontAwesome;
  content: '\a一覧を見る''　''\f101';
}
/*フロントページ最近のお知らせ部分*/
#news_area .news_category {
  display: inline-block;
  width: 100px;
  text-align: center;
  color: #fff;
  background-image: url("../images/common/category-tag-corners.png");
  background-repeat: no-repeat;
  background: #02988C;
  border-radius: 0.5rem;
}
/*お知らせ投稿ページ*/
.single-post .news_category {
  display: inline-block;
  width: 100px;
  text-align: center;
  color: #fff;
  background-image: url("../images/common/category-tag-corners.png");
  background-repeat: no-repeat;
  background: #02988C;
  border-radius: 0.5rem;
}
/*カテゴリーお知らせ*/
h2.auto_underline_y a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding: 0 0 .5rem;
}
#news_area .time_inner {
  font-size: 12px;
 padding-bottom: 1rem;
}
/*お知らせ*/
#news_area .time_inner span.osirase,
.single-post .time_inner span.osirase {
  background-color: #0088ff;
}
/*イベント情報*/
#news_area .time_inner span.event_news,
.single-post .time_inner span.event_news {
  background-color: #A71B1B;
}
/*集会情報*/
#news_area .time_inner span.syukai_news,
.single-post .time_inner span.syukai_news {
  background-color: #D6A92B;
}
#news_area ul li {
  border-bottom: 1px dotted #6F6F6F;
  padding-bottom: 1rem;
}
#news_area ul li .kousin {
  text-align: left;
  color: #6F6F6F;
  padding: 2rem 0 0;
}
#news_area ul li h4 {
  line-height: 1.6;
 font-weight: 400;
}
/*トップページ以外の各ページメイン画像部タイトル*/
#scroll_down .scroll_down {
  display: inline-block;
  position: absolute;
  left: -10px;
  bottom: 80px;
  padding: 10px 10px 170px;
  color: #ff7f00;
  font-size: 12px;
  font-family: mplus2, sanserif;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
/*   -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;*/
  transition: .2s;
  overflow: hidden;
  cursor: pointer;
  z-index: 5;
-webkit-text-orientation: mixed;
 text-orientation: mixed;
}
.scroll_down::after {
  content: '';
  position: absolute;
  bottom: 80px;
  width: 1px;
  height: 80px;
  background: #ff7f00;
  margin-left: -8px
}
#anchor::after {
  animation: sdl03 2s cubic-bezier(1, 0, 0, 1) infinite;
}
/*活動報告一覧ページ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
 .thumbnail_photo {
  background-color: #565656;
  position: relative;
  width: 100%;
  height: auto;
 }
.page-id-13 .card, .tax-report_cat .card {
 display: flex;
}
.page-id-13 .card img, .tax-report_cat .card img {
width: 100%;
 height: auto;
}
.page-id-13 .card-body, .tax-report_cat .card-body {
 float: left;
}
.page-id-13 .news_category,
.tax-report_cat .news_category,
.single-reports .news_category {
  display: inline-block;
  width: 80px;
  text-align: center;
  color: #fff;
  background-image: url("../images/common/category-tag-corners.png");
  background-repeat: no-repeat;
  background: #02988C;
  border-radius: 0.5rem;
}
.page-id-13 .time_inner {
  font-size: 14px;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*研修報告*/
.page-id-13 .time_inner span.kensyu,
.tax-report_cat .time_inner span.kensyu,
.single-reports .time_inner span.kensyu,
#report_area .time_inner span.kensyu {
  background-color: #D6A92B;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*催事報告*/
.page-id-13 .time_inner span.saiji,
.tax-report_cat .time_inner span.saiji,
.single-reports .time_inner span.saiji,
#report_area .time_inner span.saiji {
  background-color: #A71b1b;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*懇談会*/
.page-id-13 .time_inner span.kondankai, 
.tax-report_cat .time_inner span.kondankai,
.single-reports .time_inner span.kondankai,
#report_area .time_inner span.kondankai {
  background-color: #491caa;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*掲載記事*/
.page-id-13 .time_inner span.keisai, 
.tax-report_cat .time_inner span.keisai,
.single-reports .time_inner span.keisai,
#report_area .time_inner span.keisai {
  background-color: #81224a;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*講演会*/
.page-id-13 .time_inner span.kouenkai, 
.tax-report_cat .time_inner span.kouenkai,
.single-reports .time_inner span.kouenkai,
#report_area .time_inner span.kouenkai {
  background-color: #325300;
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*その他*/
.page-id-13 .time_inner span.other, 
.tax-report_cat .time_inner span.other,
.single-reports .time_inner span.other,
#report_area .time_inner span.other {
  background-color: #362708;
}
.page-id-13 .card-body {
  border-bottom:none;
  padding-bottom: 0;
}
.page-id-13 .card-body .kousin {
  text-align: left;
  color: #6F6F6F;
  padding: 2rem 0 0;
}
.page-id-13 .card-body h4 {
   line-height: 1.6;
 font-weight: 400;
 border: none;
 margin: 0;
 font-size: calc(0.6em + 1vw);
}
.tax-report_cat .card-body {
  border-bottom:none;
  padding-bottom: 0;
}
.tax-report_cat .card-body .kousin {
  text-align: left;
  color: #6F6F6F;
  padding: 2rem 0 0;
}
.tax-report_cat .card-body h4 {
   line-height: 1.6;
 font-weight: 400;
 border: none;
 margin: 0;
 font-size: calc(0.6em + 1vw);
}

/*固定ページcolumn_areaはpage.phpで記述されている。ダッシュボード書き込み部分*/
/*大見出し*/
.column_area h4 {
   border-left: 5px solid #476A11;
 border-bottom: 1px solid #476A11;
  vertical-align: middle;
  display: inline-block;
 margin-bottom: 2rem;
 margin-top: 4rem;
 border-bottom-left-radius: 0.5rem;
}
.column_area h4 {
	font-size: 18px;
	font-weight: 600;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
 margin-bottom: 2rem;
}
/*中見出し◆付き*/
.column_area h5 {
	font-size: calc(0.5em + 1vw);
	font-weight: 400;
 margin-top: 2rem;
 margin-bottom: 2rem;
}
.archive .column_area h5 {
 font-size: calc(0.5em + 1vw);
	font-weight: 400;
 margin-top: 0.5rem;
 margin-bottom: 0.5rem;
}
.column_area h5::before {
	content: '◆';
 color: #476a11;
padding-right: 0.5rem;
}
.archive .column_area h5.no_befoer::before {
	content:none;
}
/*本文両端ぞろえ*/
.column_area p {
 line-height: 1.8;
 font-weight: normal;
 font-size: 14px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝お知らせ一覧ページ*/
#news_list .news_category {
  display: inline-block;
  width: 100px;
  text-align: center;
  color: #fff;
  background-image: url("../images/common/category-tag-corners.png");
  background-repeat: no-repeat;
  background: #02988C;
  border-radius: 0.5rem;
}
#news_list .time_inner {
  font-size: 12px;
 padding-bottom: 1rem;
}
/*#news_list .time_inner span.osirasetag {
  background-color: #0088ff;
}*/
#news_list .time_inner span.osirase::after{
  position: absolute;
  bottom: -1px;
  left: 50%;
  content: '';
  width: 0;
  height: 3px;
  background-color: #0088ff;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#news_list ul li {
  border-bottom: 1px dotted #6F6F6F;
  padding-bottom: 1rem;
}
#news_list ul li .kousin {
  text-align: left;
  color: #6F6F6F;
  padding: 2rem 0 0;
}
#news_list ul li h5 {
  line-height: 1.6;
 font-weight: 400;
}
/*お知らせ各投稿ページcolumn_areaはsingle.phpで記述。columnはcontent-single.phpで*/
.column_area .column {
 border: 1px solid #02988c;
 border-radius: 8px;
 padding: 1em 1em 3em;
 margin: 0 1rem;
 background-color: rgba(255,255,255,0.6);
 line-height: 2;
}
/*more_newsは「前の記事」「次の記事」部分。single.phpで記述。*/
.column_area .more-news {
	margin-top: 9.4%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.column_area .more-news .prev, .column_area .more-news .next {
	position: relative;
}
.column_area .more-news .prev .another-link, .column_area .more-news .next .another-link {
	font-size: 1.0rem;
	font-family: "Noto Sans JP", sans-serif;
	font-style: italic;
}
.column_area .more-news .prev .another-link {
	padding-left: 50px;
}
.column_area .more-news .prev .another-link::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 10px;
	width: 30px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/common/icon-prev-short.svg');
}
.column_area .more-news .prev .another-link:hover {
	color: #02988c;
}
.column_area .more-news .prev .another-link:hover::before {
	background-image: url('../images/common/icon-prev-hover.svg');
}
.column_area .more-news .next .another-link {
	padding-right: 50px;
}
.column_area .more-news .next .another-link::after {
	content: '';
	position: absolute;
	top: 8px;
	right: 10px;
	width: 30px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/common/icon-next-short.svg');
}
.column_area .more-news .next .another-link:hover {
	color: #02988c;
}
.column_area .more-news .next .another-link:hover::after {
	background-image: url('../images/common/icon-next-hover.svg');
}
/*メイン画像（デフォルト）*/
.main_top_image {
  width: 100%;
  height: 200px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_mame.jpg");
  background-position: bottom left, center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*.sub_title {
  font-family: Arial, "メイリオ", "Meiryo UI", sans-serif;
  padding: 0 1rem;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}*/
.border_orange {
  border-bottom: 2px solid #ff7f00;
}
.column_area h2, #news_list h2 {
  display: flex;
  align-items: center;
}
.page-id-9 .column_area h2::before {
  content: "";
  flex-grow: 1;
  border-top: 3px dotted #476a11;
  margin-right: 1rem;
}
.page-id-9 .column_area h2::after {
  content: "";
  flex-grow: 1;
  border-top: 3px dotted #476a11;
  margin-left: 1rem;
}
/*お知らせ一覧ページ*/
#news_list h2::before {
  content: "";
  flex-grow: 1;
  border-top: 3px dotted #6a4c11;
  margin-right: 1rem;
}
#news_list h2::after {
  content: "";
  flex-grow: 1;
  border-top: 3px dotted #6a4c11;
  margin-left: 1rem;
}
#kyoten .relative .sankaku img {
  left: 50%;
  bottom: -150px;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
#dekirumade .relative .sankaku img {
  left: 50%;
  bottom: calc(-150px - 3rem);
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
#syokunin .relative .sankaku img {
  left: 50%;
  bottom: calc(-150px - 3rem);
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
#katsuji .relative .sankaku img {
  left: 50%;
  bottom: calc(-150px - 3rem);
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
#samazama .relative .sankaku img {
  left: 50%;
  bottom: calc(-150px - 3rem);
  position: absolute;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 50px;
  z-index: 4;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝お知らせ*/
/*メイン画像　固定ページお知らせ一覧*/
.page-id-67 .main_top_image, .category .main_top_image {
  width: 100%;
  height: 200px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_news.jpg");
  background-position: bottom left, center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/******************************************************関連団体支部紹介ページ*/
/*トップページ以外の各ページメイン画像部タイトル*/
.page-id-15 .main_top_image {
  width: 100%;
  height: 200px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_dantai.jpg");
  background-position: bottom left, bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}
.kakomi_title {
  background-color: #072b31;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 1.4rem;
  font-family: Arial, "メイリオ", "Meiryo UI", sans-serif;
  display: inline-block;
}
/******************************************************概要*/
.page-id-17 .main_top_image {
  width: 100%;
  height: 200px;
   background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_about.jpg");
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
/******************************************************活動報告*/
.page-id-13 .main_top_image, body.tax-report_cat .main_top_image, 
.single-reports .main_top_image {
  width: 100%;
  height: 200px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_report.jpg");
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
/******************************************************製本のひきだし*/
.page-id-69 .main_top_image {
  width: 100%;
  height: 200px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_seihon.jpg");
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-id-69 #mame ul li {
  list-style-type:disc;
}
/******************************************************お知らせ*/
.page-id-67 .main_top_image, .category .main_top_image {
  width: 100%;
  height: 200px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_news.jpg");
  background-position: bottom left, top center;
  background-repeat: no-repeat;
  background-size: cover;
}
/******************************************************contact*/
/*トップページ以外の各ページメイン画像部タイトル*/
.page-id-19 .main_top_image {
  width: 100%;
  height: 200px;
 background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_contact.jpg");
  background-position: bottom left, top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-id-19 div.wpcf7 input[name="your_name"],
.page-id-19 div.wpcf7 input[name="your_email"],
.page-id-19 div.wpcf7 input[name="your_subject"],
.page-id-19 div.wpcf7 textarea {
width: 100%!important;
 max-width: 960px!important;
}
/*ブロックエディターでスマホでは回り込みを解除*/
.wp-block-image .alignleft{
float:none;
display:block;
text-align: center;
width: 100%;
		margin:0.5em 0;
}
.wp-block-image .alignright{
float:none;
display:block;
text-align: center;
width: 100%;
	margin:0.5em 0;
}
.wp-block-image figcaption,
.wp-block-image .alignright > figcaption.wp-element-caption,
.wp-block-image .alignleft > figcaption.wp-element-caption {
 float:none;
text-align: center;
	font-size: 14px;
width: 100%!important;
display: block;/*重要スマホはこれがないと縦になる*/

 /*writing-mode: horizontal-tb;*/
}
.wp-block-image figcaption::after {
 clear: both;
}
.wp-pagenavi {
  clear: both;
  margin-bottom: 50px!important;
}
/*テーブルにスクロール*/
figure.wp-block-table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
 margin: 1rem auto;
}
figure.wp-block-table table {
 margin-bottom: 1rem;
 width: 600px;
}
figure.wp-block-table th,
figure.wp-block-table td {
  border: solid 1px #ccc;
  padding: 5px;
 white-space: nowrap;
}
/*キャンペーンカルーセル*/
#carousel_area　{
	width: auto;/*100%はダメ*/
	margin-left: auto;
	margin-right: auto;
	margin-top:91px;
	height: 70%;
	overflow:hidden;
}
#carousel_area ul {
	width: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}	
	#carousel_area {
		/*width: 100%;*/
	}


@media all and (min-width: 576px) {
/* frontページお知らせ抜粋部分*/
#news_area .time_inner {
  font-size: 11px;
}
 /* frontページ活動報告抜粋部分*/
 #report_area .time_inner {
  font-size: 11px;
}
}
/*=====================================================================================================================
======================================================================================================================タブレット＆パソコン==750px以上*/
@media only screen and (min-width: 768px) {
 body {
  padding-top: 100px;
}
 body header {
  margin-right: auto;
  margin-left: auto;
  color: #000;
  top: 0px;
  -webkit-box-shadow: 0px 10px 10px 1px rgba(85, 85, 85, 0.70);
  box-shadow: 0px 5px 10px 1px rgba(85, 85, 85, 0.70);
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  height: 100px;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 100;
}
  #headerlogo {
    text-align: left;
  }
 #headerlogo .logo {
    display: block;
    position: relative;
    width: 300px; 
    height: 16px; 
    overflow: hidden;
    text-align: left;
  }
  #headerlogo .logo::before {
      width: 300px;
      height: 16px;
       background: #ffffff url("../images/common/rogo_pc.svg") no-repeat center;
   }
  #headerContact {
    margin-right: 0.5em;
    float: right;
  }
 /*header.phpのお知らせ・お問い合わせボタン部分*/
  ul.header_btn {
    float: right;
    margin: 0.5em 0 0 0;
  }
  ul.header_btn li {
    float: left;
    margin-left: 0.5rem;
  }
  ul.header_btn li a {
    display: inline-block;
    height: 25px;
    width: 100%;
  }
  ul li.header_otoiawase_btn a {
    border: 1px solid #02988C;
    background-color: #02988C;
    border-radius: 16px;
    font-size: 1.2rem;
    vertical-align: middle;
    padding: 0 10px 2px 10px;
    color: #fff;
  }
  ul li.header_tell_btni a {
    display: inline-block;
  }
  #scroll_down .top_scroll_down {
    display: inline-block;
    position: absolute;
    left: 6px;
    bottom: 80px;
    padding: 10px 10px 185px;
    color: #ff7f00;
    font-size: 14px;
    font-family: "Noto Serif JP", serif;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    writing-mode: vertical-lr;
    transition: .2s;
    overflow: hidden;
    cursor: pointer;
    z-index: 4;
   white-space: nowrap;
  }
br.br_ok {
	display: none;
	}
 /*縦棒*/
  .top_scroll_down::after {
    content: '';
    position: absolute;
    bottom: 80px;
    width: 1px;
    height: 100px;
    background: #ff7f00;
		margin-left: 5.5px;
  }
  section h2 {
    font-size: calc(1.4em + 0.8vw);
    font-family: "Noto Serif JP", serif;
  }
  #news_area {
    margin-top: -120px;
    padding-top: 120px;
  }
  #report_area {
    margin-top: -120px;
    padding-top: 120px;
  }
  /*以下の3つはheightとbottomが関連している*/
  .top_image {
    position: relative;
    background-color: #565656;
    z-index: 1;
    width: 100%;
    height: 66vw; /*1920x1280*/
    max-height: 500px;
  }
  .main_side {
    margin: 0 auto;
    width: 100%;
  }
  #main {
    float: left;
    font-family: "M PLUS 2", sans-serif;
  }
 /*パンクズ*/
.breadcrumbs {
	padding-top: 1rem;
	padding-right: 0;
	padding-left: 1rem;
	padding-bottom: 0.3rem;
	color: #666;
		font-size: 75%;
		margin-left: 0;
}
.breadcrumbs  li {
	float: left;
	padding-left: 1rem;
}
.breadcrumbs  li::before {
	content: ">";
		padding-right: 1rem;
}
.breadcrumbs  li:first-child::before {
	content: none;
}
.breadcrumbs  li:first-child {
	padding-left: 0;
}
.breadcrumbs  li img {
	width: 1rem;
}
.breadcrumbs  li a {
	color: #02988c;
	text-decoration: underline;
}

#not404 .dataList-inner {
	padding: 4rem 2rem 8rem;
	text-align: center;
}

#not404 .dataList-inner h3 {
	font-size: 120%;
	padding-bottom: 1rem;
	color: #f44d75;
}
  .page_image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 300px; /*1920x600*/
  }
  .bg_wasi {
    background-image: url("../images/top/bg_mame_nav_wasi4.jpg");
    background-position: center top;
    background-repeat: repeat-y;
    background-size: auto 100%;
  }
  .page_image .billboard_page {
    background-image: url("../images/top/pc_top_mame_bg_img.png");
    background-size: 100% 100%;
    background-repeat: repeat-x;
    background-position: center top;
    width: 100%;
    max-width: 1920px;
    height: 300px;
    z-index: 3;
  }
 .page_image .catch_copy h3 {
    width: 100%;
    left: 50%;
    top: 2rem;
    position: absolute;
    transform: translateX(-50%);
    font-size: calc(1em + 1.2vw);
    color: #D6A92B;
    z-index: 4;
    text-align: center;
  }	
  @media only screen and (min-width: 1920px) {
    .page_image .catch_copy h3 {
      font-size: calc(1em + 1vw);
    }
  }
  .page_image .title img {
    left: 50%;
    bottom: 0;
    position: absolute;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-width: 500px;
    z-index: 4;
  }
  .page_image .title {
    position: relative;
    height: 300px;
  }
  .sankaku {
    display: block;
  }
  /*繋ぎの▼*/
  .mame .relative .sankaku img {
    left: 50%;
    bottom: 0;
    position: absolute;
    -ms-transform: translate(-50%, 50px);
    -webkit-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
    z-index: 4;
  }
  .goaisatu h3 {
    font-size: calc(1.3em + 0.5vw);
  }
  .goaisatu .relative .sankaku img {
    left: 50%;
    bottom: -148px;
    position: absolute;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 4;
  }
	section.dantai_syoukai .dantai_block p {
	font-size: calc(0.6em + 0.8vw);
}
  .dantai_syoukai .relative .sankaku img {
    left: 50%;
    bottom: -148px;
    position: absolute;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 4;
    height: 50px;
  }
  /*マウスオンオーバーするとborderが中央から伸びる*/
  h2.auto_underline_y a {
    position: relative;
    display: inline-block;
    transition: .3s;
    padding: 0 0 .5rem;
  }
  h2.auto_underline_y a::after {
    position: absolute;
    bottom: -1px;
    left: 50%;
    content: '';
    width: 0;
    height: 3px;
    background-color: #D6A92B;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  h2.auto_underline_y a:hover::after {
    width: 100%;
    bottom: -1px;
  }
 .mame_nav ul.mame_marui_nav li {
   float: left;
  height: 248px;
  margin: 2rem 0;
}
  .mame_nav ul.mame_marui_nav li img {
    margin: 0;
     height: auto;
  }
  .mame_nav ul.mame_marui_nav li p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(0.8em + 1.2vw);
    text-align: center;
  }
  #gnavi {
    /*	height: 40px;*/
  }
  #gnavi ul {
    padding-right: 1rem;
    margin-bottom: 0;
		  position: absolute;
   right: 0;
  }
 #gnavi ul li {
  float: left;
 }
  /*マウスオンオーバーするとborderが中央から伸びる*/
  #gnavi ul li a {
    font-size: 14px;
    color: #000000;
    padding: 1rem 1rem 1px;
  }
  #gnavi ul li a {
    position: relative;
    display: inline-block;
    transition: .3s;
  }
  #gnavi ul li a::after {
    position: absolute;
    bottom: -1px;
    left: 50%;
    content: '';
    width: 0;
    height: 1px;
    background-color: #02988c;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #gnavi ul li a:hover::after {
    width: 100%;
    bottom: -1px;
  }
  #sidebar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    float: right;
   max-width: 250px;
  }
  #sidebar .textwidget {
    margin-bottom: 20px;
  }
  #sidebar .textwidget　.banner_area {
    width: 100%;
    margin: 10px auto 0 auto;
    text-align: center;
    display: block;
    position: relative;
  }
  #sidebar .textwidget .banner_area p img {
    width: 95%;
    min-width: 180px;
  }
  #sidebar .relative .sankaku img {
    left: 50%;
    bottom: -50px;
    position: absolute;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 4;
  }
 #sidebar .sidebar_h3_link a {
    display: block;
  height: 85px;
    padding-top: 50px;
  padding-bottom: 1rem;
 }
/*  #sidebar .kanrenkyou_twitter {
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    background-color: #3366cc;
    text-align: center;
    font-size: 2.4rem;
    color: #FFF;
  }*/
 #footer_nav ul#menu-footernav-1 > li > a::before {
 content: "\f0c8";
 font-family: "Font Awesome 5 Free";
 color: #02988c;
  font-weight: 900;
 margin-right: 0.5rem;
}
 #footer_nav ul#menu-footernav-1 > li > ul.sub-menu > li > a::before {
 content: "\f0da";
 font-family: "Font Awesome 5 Free";
 color: #fff;
  font-weight: 900;
 margin-right: 0.5rem;
}
 #footer_nav ul.menu li.menu-item ul.sub-menu li.menu-item a {
  padding-left: 1rem;
 }
  .footerBlock_wrap {
    max-width: 992px;
    margin: 0 auto;
  }
  .footerBlock h5 {
    font-size: calc(0.8em + 0.3vw);
    font-weight: 400;
    line-height: 2;
  }
  .footerBlock ul li {
    font-size: calc(0.7em + 0.3vw);
    line-height: 2;
    border-left: 1px dotted #ffffff;
    text-indent: 1rem;
    margin-left: 1rem;
  }
  .qr_code {
    margin: 1rem 0;
    width: 60px;
    height: auto;
    border: 1px solid #fff;
  }
 .footerBlock_toiawase ul li.menu-item-291, .footerBlock_toiawase ul li.menu-item-292 {
  font-size: 16px;
  width: 150px;
  margin: 1rem auto;
}
 .footerBlock_toiawase ul li.menu-item-291 a {
  border-radius: 4em;
  border: 1px solid #0088ff;
  background-color: #0088ff;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  display: block;
 }
 .footerBlock_toiawase ul li.menu-item-291 a:hover {
  border: 1px solid #0088ff;
  background-color: #ffffff;
  transition: all 0.3s ease;
  opacity: 1;
  color: #0088ff;
} 
 .footerBlock_toiawase ul li.menu-item-292 a {
  border-radius: 4em;
  border: 1px solid #02988c;
  background-color: #02988c;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  display: block;
 }
 .footerBlock_toiawase ul li.menu-item-292 a:hover {
  border: 1px solid #02988c;
  background-color: #ffffff;
  transition: all 0.3s ease;
  opacity: 1;
  color: #02988c;
 }
  /***************************************************topページ以外のページで共通*/
  /*まめ知識、協議会概要上部の子ページナビ横1列メニュー*/
  #pagemenu {
    height: 100%;
    display: inline-block;
    text-decoration: none;
  }
 .pagemenu {
  padding-top: 0;
padding-bottom: 0;
  margin-top: 20px;
 }
 .page-id-15 .pagemenu {
  padding-top: 0;
padding-bottom: 0;
  margin-top: 20px;
  margin-bottom: 10px;
 }
  #pagemenu ul {
    width: 100%;
    margin: 0;
   padding-left: 1rem;
  }
  #pagemenu li {
    display: inline-block;
    line-height: 1.0;
		border-right: 2px solid #fff;
		border-bottom: 0.1px solid rgba(222,209,174,0.00);
		border-left: 0.1px solid rgba(222,209,174,0.00);
		border-top: 0.1px solid rgba(222,209,174,0.00);
		border-radius: 0;
    font-size: 14px;
		padding: 0.25rem 0;
   margin: 0.5rem 0;
  }
	#pagemenu ul li.border_nasi{
		border-right: none;
  }
	#pagemenu ul li a {
		margin-right: 0.5rem;
		display: block;
	}
 .page-id-15 #pagemenu li {
  display: inline-block;
    line-height: 1.0;
		border-right: 1px solid #fff;
		border-bottom: 0.1px solid rgba(222,209,174,0.00);
		border-left: 2px solid #fff;
		border-top:2px solid #fff;
		border-radius: 8px 8px 0 0;
    font-size: 14px;
		padding: 1rem 0;
   margin: 0.5rem 0.5rem;
 }
  #pagemenu ul li a:hover {
    background-color: #ffffff;
    transition: all .3s ease;
  }
 .thumbnail_photo {
  background-color: #565656;
  position: relative;
  width: 110px;
  height: 110px;
 }
 /*全ての活動報告一覧ページ*/
 .page-id-13 .card img {
position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
 .page-id-13 .card-body h4 {
 font-size:14px;
}
 /*タクソノミー一覧ページ*/
  .tax-report_cat .card img {
position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
 .tax-report_cat .card-body h4 {
 font-size:14px;
}
 .column_area {
  max-width: 960px;
 }
 .column_area h4 {
	font-size: calc(0.8em + 1vw);
	font-weight: 600;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
 margin-bottom: 2rem;
}
 /*お知らせ各投稿ページの「前の記事」「次の記事」部分。single.phpで記述。*/
 .column_area .more-news {
	margin-top: 1.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.column_area .more-news .prev, .column_area .more-news .next {
	position: relative;
}
.column_area .more-news .prev .another-link, .column_area .more-news .next .another-link {
	font-size: 1.4rem;
	font-family: "Noto Sans JP", sans-serif;
	font-style: italic;
}
.column_area .more-news .prev .another-link {
	padding-left: 74px;
}
.column_area .more-news .prev .another-link::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 10px;
	width: 62px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/common/icon-prev.svg');
}
.column_area .more-news .prev .another-link:hover {
	color: #127dd6;
}
.column_area .more-news .prev .another-link:hover::before {
	background-image: url('../images/common/icon-prev-hover.svg');
}
.column_area .more-news .next .another-link {
	padding-right: 74px;
}
.column_area .more-news .next .another-link::after {
	content: '';
	position: absolute;
	top: 8px;
	right: 10px;
	width: 62px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/common/icon-next.svg');
}
.column_area .more-news .next .another-link:hover {
	color: #127dd6;
}
.column_area .more-news .next .another-link:hover::after {
	background-image: url('../images/common/icon-next-hover.svg');
}

  /*********************************************まめ知識*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  /*.page-id-9はbodyに付与されたクラス名*/
  .page-id-9 .main_top_image,
   .page-id-26 .main_top_image,
    .page-id-28 .main_top_image,
     .page-id-30 .main_top_image,
      .page-id-32 .main_top_image {
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_mame.jpg");
    background-position: bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /******************************************************関連団体*/
  /*メイン画像*/
  .page-id-15 .main_top_image {
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_dantai.jpg");
    background-position: bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /******************************************************概要*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-17 .main_top_image,
  .page-id-34 .main_top_image,
  .page-id-36 .main_top_image {
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_about.jpg");
    background-position: bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 /***************************************************活動報告*/
  /*活動報告関連全ページメイン画像部タイトル*/
  .page-id-13 .main_top_image, body.tax-report_cat .main_top_image　{
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_report.jpg");
    background-position: bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 /**************************************************製本のひきだし*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-69 .main_top_image {
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_seihon.jpg");
    background-position: bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /****************************************************お問い合わせ*/

/*トップページ以外の各ページメイン画像部タイトル*/
  #contact .main_top_image {
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_contact.jpg");
    background-position: bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 /******************************************************お知らせ*/
.page-id-67 .main_top_image, .category .main_top_image {
  width: 100%;
  height: 300px;
  background-image: url("../images/common/main_top_img_cover_left40_sp.png"), url("../images/common/main_top_image_news.jpg");
  background-position: bottom left, top center;
  background-repeat: no-repeat;
  background-size: cover;
}
 .main_wrap {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
 }
	/*画像の回り込み解除をもどす*/
	.wp-block-image .alignleft{
float:left;
display:block;
text-align: center;
width: auto;
		margin:0.5em 1em 0.5em 0;
}
.wp-block-image .alignright{
float:right;
display:block;
text-align: center;
width: auto;
		margin:0.5em 0 0.5em 1em;
}
  /**/
}
/*=================================================================================================================================================================================*/
@media only screen and (min-width:768px) and (max-width:1023px) {
  .top_image .billboard_top {
    background-image: url("../images/top/PC_top_img1024x600.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: scroll;
    background-origin: padding-box;
    background-clip: border-box;
    width: 100%;
    max-width: 1920px;
    height: 66vw;
    max-height: 500px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: -9999;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .top_image .slide_area {
    width: 100%;
    height: 100%;
  }
 .slide_area .swiper-slide {
	margin-left: 30px;
	margin-right: 30px;
	height: 300px;
	margin-top: 20%;
  max-width: 300px;
	}
	.slide_area .swiper-slide img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
}
/*=====================================================================================================================
======================================================================================================================タブレット＆パソコン==992px以上*/
@media only screen and (min-width: 992px) {
  #headerlogo figure {
    width: 100%;
    max-width: 650px;
    text-align: left;
  }
  .footerBlock ul li {
    border-left: 1px dotted #ffffff;
    text-indent: 1rem;
    line-height: 2;
    margin-left: 2rem;
    font-size: calc(0.7em + 0.3vw);
  }
 .mame_nav ul.mame_marui_nav li p {
    font-size: calc(0.8em + 0.8vw);
  }
/* frontpage*/
		#news_area .time_inner {
  font-size: 12px;
}
 /* frontpage*/
 	#report_area .time_inner {
  font-size: 12px;
}
		section.dantai_syoukai .dantai_block p {
	font-size: calc(0.3em + 0.8vw);
}
  /***************************************************topページ以外のページで共通*/
 #pagemenu li {
    font-size: 12px;
		padding: 0.5rem;
   margin: 0.5rem;
  }
  /**/
}
/*=================================================================================================================================================================================*/
@media only screen and (min-width:1024px) and (max-width:1365px) {
  /*****************************************************billboard*/
	/*トップページメイン画像部*/
.top_image .billboard_top {
    background-image: url("../images/top/PC_top_img1024x600.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: scroll;
    background-origin: padding-box;
    background-clip: border-box;
    width: 100%;
    max-width: 1920px;
    height: 66vw;
    max-height: 600px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: -9999;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
 .top_image {
    position: relative;
    background-color: #565656;
    z-index: 1;
    width: 100%;
    height: 66vw; /*1920x1280*/
    max-height: 600px;
  }
	.top_image .slide_area {
    width: 100%;
    height: 100%;
	}	
 .slide_area .swiper-slide {
	margin-left: 30px;
	margin-right: 30px;
	height: 300px;
	margin-top: 20%;
  max-width: 300px;
	}
	.slide_area .swiper-slide img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
 /**/	
}
/*=================================================================================================================================================================================*/
@media only screen and (min-width:1366px) and (max-width:1919px) {
  /*****************************************************billboard*/
	/*トップページメイン画像部*/
 .top_image .billboard_top {
    background-image: url("../images/top/PC_top_img1366x768.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: scroll;
    background-origin: padding-box;
    background-clip: border-box;
    width: 100%;
    max-width: 1920px;
    height: 66vw;
    max-height: 768px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: -9999;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
 .top_image {
    position: relative;
    background-color: #565656;
    z-index: 1;
    width: 100%;
    height: 66vw; /*1920x1280*/
    max-height: 668px;
  }
	.top_image .slide_area {
    width: 100%;
    height: 100%;
	}	
 .slide_area .swiper-slide {
	margin-left: 30px;
	margin-right: 30px;
	height: 300px;
	margin-top: 18%;
  max-width: 300px;
	}
	.slide_area .swiper-slide img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
 /**/	
}
/*=====================================================================================================================
======================================================================================================================タブレット＆パソコン==1200px以上*/
@media only screen and (min-width: 1200px) {
  /*****************************************************まめ知識*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-9 .main_top_image_wrapper .main_top_image {
    width: 100%;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_mame.jpg");
    background-position: bottom left, bottom -60px center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #pagemenu li {
    font-size: 14px;
  }
  /**/
}
/*=====================================================================================================================
======================================================================================================================パソコン==1920px以上*/
@media all and (min-width: 1920px) {
  /*************************************************まめ知識*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-9 .main_top_image_wrapper .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_mame.jpg");
    background-position: top right, bottom left, bottom -60px center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /*****************************************************関連団体*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-15 .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_dantai.jpg");
    background-position: top right, bottom left, bottom left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /***************************************************協議会概要*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-17 .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_about.jpg");
    background-position: top right, bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 /****************************************************活動報告*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-13 .main_top_image, body.tax-report_cat .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_report.jpg");
    background-position: top right, bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 /**************************************************製本のひきだし*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  .page-id-69 .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_seihon.jpg");
    background-position: top right, bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /*****************************************************お問い合わせ*/
  /*トップページ以外の各ページメイン画像部タイトル*/
  #contact .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_contact.jpg");
    background-position: top right, bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /*****************************************************お知らせ*/
	/*トップページ以外の各ページメイン画像部タイトル*/
  .archive .main_top_image {
    width: 100%;
    max-width: 1920px;
    height: 300px;
    background-image: url("../images/common/main_top_img_cover_right.png"), url("../images/common/main_top_img_cover_left40.png"), url("../images/common/main_top_image_news.jpg");
    background-position: top right, bottom left, center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /*****************************************************billboard*/
	/*トップページメイン画像部*/
 .top_image .billboard_top {
    background-image: url("../images/top/PC_top_img.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: scroll;
    background-origin: padding-box;
    background-clip: border-box;
    width: 100%;
    max-width: 1920px;
    height: 66vw;
    max-height: 980px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: -9999;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
 .top_image {
    position: relative;
    background-color: #565656;
    z-index: 1;
    width: 100%;
    height: 66vw; /*1920x1280*/
    max-height: 980px;
  }
	.top_image .slide_area {
    width: 100%;
    height: 100%;
	}	
	.slide_area .swiper-slide {
	margin-left: 30px;
	margin-right: 30px;
	height: 400px;
	margin-top: 28%;
  max-width: 400px;
	}
	.slide_area .swiper-slide img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
}