/******************
/* fukuyama.css
******************/
/* common
-------------------------------------------****/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400&display=swap');

body {
 min-height: 100vh;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
}
#wrapper {
 padding-bottom: 100px;
 font-family: 'Noto Sans JP', sans-serif;
}
.inner {
 width: 1280px;
 margin: auto;
}
.fl {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
}
.sp {
 display: none !important;
}
.tr{
 text-align: right;
}
.st01 {
  color: #009933;
  border-bottom: #009933 2px solid;
}
.st02 {
  color: #ff9933;
  line-height: 2.5;
  border-bottom: #ff9933 2px solid;
}
.st03 {
  color: #cc0033;
  border-bottom: #cc0033 2px solid;
}
.mt50{
  margin-top: 50px;
}
@media screen and (max-width: 767px) { 
 body{
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
 }
 body.op {
	-webkit-filter:brightness(70%);
	-moz-filter:brightness(70%);
	-ms-filter:brightness(70%);
	filter:brightness(70%);
 }
 #wrapper {
  padding-top: 19vw;
  padding-bottom: 13.514vw;
  font-family: 'Noto Sans JP', sans-serif;
 }
 .inner{
  width: 100vw;
 }
 .sp {
  display: block !important;
 }
 .pc {
  display: none !important;
 }
}

/* header
-------------------------------------------****/
header .inner.fl{
  align-items: center;
}
header h1 {
 /*width: 363px;*/
 margin: 40px 0 30px;
}
header h1 a {
 display: block;
 color: #000;
 font-size:3.0rem;
}
header h1 a:hover {
 color: #000;
}
header h1 img{
 width: 450px;
 height: auto;
}
/*--lang--*/
.lang{
  position: relative;
}
.lang::after {
  position: absolute;
  top: 48%;
  right: 13px;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #d94e8f;
  border-right: 2px solid #d94e8f;
}
#clts-lang-selecter{
  appearance: none;
  font-size: 1.8rem;
  padding: 5px 20px;
  background: #fff5fa;
  border: #d94e8f 2px solid;
  z-index: 1;
}
#clts-lang-selecter option{
  border-bottom: #d94e8f 1px solid;
}
/*--global_nav--*/
header #global_nav {
 background: #f9dcea;
 border-top: #d94e8f 8px solid;
}
header #global_nav ul {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
 margin: 0;
 border-left: #fff 3px solid;
 border-right: #fff 3px solid;
}
header #global_nav ul li{
 position: relative;
 flex-grow: 1;
 list-style: none;
 border-right: #fff 3px solid;
}
header #global_nav ul li:last-child{
 border-right: none;
}
header #global_nav ul li a{
 display: block;
 color: #555;
 font-size: 2.4rem;
 font-weight: bold;
 letter-spacing: 0.2rem;
 text-align: center;
 padding: 10px 0;
 transition: .3s ease-in-out;
}
header #global_nav ul li ul.sub_menu li a{
  font-size: 2.0rem;
}
header #global_nav ul li a:hover {
  filter: opacity(70%);
}
header #global_nav ul li a[aria-current="page"]{
 color: #fff;
 background: #d94e8f;
}
header #global_nav ul li.toggle ul.sub_menu{
 position: absolute;
 left: 0;
 top:56px;
 display: none;
 width: 100%;
 background: rgba(249,220,234,0.9);
 border: none;
 border-top: #d94e8f 2px solid;
 z-index: 3;
}
header #global_nav ul li.toggle ul.sub_menu li{
 border-right: none;
 border-top:#fff 2px solid;
}
/*--sp menu--*/
header #global_nav .sp_menu{
 display: none;
}
@media screen and (max-width: 767px) {
 header{
  position: fixed;
  background: #fff;
  z-index: 999;
 }
 header h1 {
  /*width: 49.324vw;*/
  padding-left: 5vw;
  margin: 5.405vw 0 4.054vw;
}
header h1 a {
 display: block;
 width: 11em;
 color: #000;
 font-size:1.8rem;
}
 header h1 img{
 width: 450px;
 height: auto;
}
 header #global_nav .inner{
  display: none;
  transition: .3s ease-in-out;
 }
 header #global_nav .inner.op{
  /*display: block;*/
 }
 /*--global_nav--*/
 header #global_nav ul{
  display: block;
  padding: 0 5vw;
  border-left: none;
  border-right: none;
 }
header #global_nav ul li{
 width: 100%;
}
header #global_nav ul li{
 border-right: none;
 border-bottom: #fff 1px solid;
}
header #global_nav ul li:last-child{
 border-bottom: none;
}
header #global_nav ul li a{
 font-size: 1.4rem;
 padding: 4vw 0;
}
header #global_nav ul li.toggle ul.sub_menu{
 position: static;
 display: block;
 background: rgba(255,229,241,1.00);
 border: none;
 border-top:#d94e8f 1px solid;
 z-index: 3;
}
header #global_nav ul li ul.sub_menu li a{
  font-size: 1.4rem;
}
 header #global_nav ul li.toggle.nolink > a{
  pointer-events: none;
 }
 /*--sp menu--*/
 header #global_nav .sp_menu{
	position: absolute;
 top:5vw;
 /*top: 8vw;*/
	right: 5vw;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
	width: 32px;
	height: 32px;
 align-items: center;
	overflow: hidden;
 cursor: pointer;
 }
 header #global_nav .sp_menu .sp_menu_line{
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #333;
  transition: all 0.5s;
}
 header #global_nav .sp_menu .sp_menu_line::before,
 header #global_nav .sp_menu .sp_menu_line::after{
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #333;
  transition: all 0.5s;
}
header #global_nav .sp_menu .sp_menu_line::before{
  transform: translateY(-12px);
}
header #global_nav .sp_menu .sp_menu_line::after{
  transform: translateY(12px);
}
header #global_nav .sp_menu.op .sp_menu_line{
  background-color: transparent;
}
header #global_nav .sp_menu.op .sp_menu_line::before{
  transform: rotate(45deg);
}
header #global_nav .sp_menu.op .sp_menu_line::after{
  transform: rotate(-45deg);
}
/*-- sp lang--*/
   header #global_nav .inner {
        padding: 0 0 3rem 0;
        transition: 0.3s ease-in-out;
        max-height: calc(100vh - 43vw);
        overflow-y: auto;
  }

  header #global_nav .inner.op {
    display: block;
  }
	.lang::after {
    right: 18px;
	}
	#clts-lang-selecter{
  display: block;
  	width:30vw;
  	font-size: 1.0rem;
		 margin: 1vw 3vw 0 auto;
  }
  
}

/* footer
-------------------------------------------****/
footer {
 height: 100px;
 background: #f9dcea;
 border-top: #d94e8f 8px solid;
 margin-top: auto;
}
footer .footer_info {
 color: #555;
 font-size: 1.8rem;
 text-align: center;
 padding-top: 30px;
}
@media screen and (max-width: 767px) {
 footer {
  height: auto;
 }
 footer .footer_info {
  font-size: 1.4rem;
  text-align: center;
  padding-top: 1.351vw;
  padding-bottom: 3vw;
 }
}

/* index
-------------------------------------------****/
/*--main_vs--*/
#index .main_vs {
 margin-bottom: 50px;
 background: #a3848c;
 border-bottom: #f9dcea 50px solid;
}
#index .main_vs .inner {
 height: 620px;
 background: #fff;
}
#index .main_vs .inner div#n2-ss-1 .n2-ss-control-bullet {
 /*bottom: -40px;*/
}
@media screen and (max-width: 767px) {
 #index .main_vs {
  margin-bottom: 6vw;
  border-bottom: #f9dcea 30px solid;
 }
 #index .main_vs .inner {
  height: 50vw;
 }
 #index .main_vs .inner div#n2-ss-1 .n2-ss-control-bullet {
  bottom: 3.757vw;
 }
}

/*--news--*/
#index .news .inner {
 padding: 0 40px;
 -webkit-align-items: flex-start;
 -ms-align-items: flex-start;
 align-items: flex-start;
}
#index .news .news_ttl {
 position: relative;
 width: 218px;
 height: 186px;
 color: #fff;
 background: #d94e8f;
}
#index .news .news_ttl h2 {
 font-size: 3.6rem;
 font-weight: bold;
 letter-spacing: 0.2rem;
 text-align: center;
 margin: 25% auto 0;
}
#index .news .news_ttl .link {
 position: absolute;
 bottom: 10px;
 right: 10px;
 display: block;
}
#index .news .news_ttl .link a {
 color: #fff;
 transition: .3s ease-in-out;
}
#index .news .news_ttl .link a:hover {
 opacity: 0.8;
}
#index .news .news_list {
 width: 960px;
 font-size: 1.8rem;
 border-top: #adadad 1px dotted;
}
#index .news .news_list dt {
 width: 12%;
 padding: 10px 0 10px 10px;
 font-weight: bold;
 border-bottom: #adadad 1px dotted;
}
#index .news .news_list dd {
 width: 88%;
 padding: 10px 0 10px 10px;
 color: #555;
 border-bottom: #adadad 1px dotted;
}
#index .news .news_list dd a {
 color: #555;
 transition: .3s ease-in-out;
}
#index .news .news_list dd a:hover {
 color: #d94e8f;
 text-decoration: underline;
}
@media screen and (max-width: 767px) {
 #index .news .inner.fl {
  position: relative;
  display: block;
  padding: 0 5vw;
 }
 #index .news .news_ttl {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 3vw 7vw;
  margin-bottom: 5vw;
 }
 #index .news .news_ttl h2 {
  font-size: 2.0rem;
  letter-spacing: 0.2rem;
  text-align: center;
  margin: 0;
 }
 #index .news .link.sp {
  position: absolute;
  top: 9vw;
  right: 2vw;
 }
 #index .news .link.sp a {
  font-size: 1.4rem;
 }
 #index .news .news_list {
  width: 100%;
  font-size: 1.6rem;
 }
 #index .news .news_list dt {
  width: 100%;
  padding: 3vw 0 0 1.351vw;
  border-bottom: none;
 }
 #index .news .news_list dd {
  width: 100%;
  padding: 0 0 3vw 1.351vw;
 }
}
/*--top_situation--*/
#index .top_situation {
 margin-top: 80px;
}
#index .top_situation .inner h2{
  padding: 10px 20px;
  margin-bottom: 20px;
  background: #f9dcea;
  border-bottom: #d94e8f 8px solid;
}
#index .top_situation .fl_column_01{
width: 50%;
}
@media screen and (max-width: 767px) {
  #index .top_situation .inner{
    padding: 0 5vw;
  }
  #index .top_situation .inner h2{
    font-size: 1.8rem;
  }
  #index .top_situation .fl_column_01{
  width: 100%;
  }
}
/* lower common
-------------------------------------------****/
#wrapper.lower {
 padding-top: 90px;
}
#wrapper.lower .low_ttl {
 margin-bottom: 60px;
 border-bottom: #d94e8f 8px solid
}
#wrapper.lower .low_ttl h2 {
 width: 1200px;
 color: #555;
 font-size: 3.2rem;
 font-weight: bold;
 letter-spacing: 0.2rem;
 margin: auto;
}
#wrapper.lower .inner {
 width: 1120px;
 margin: auto;
}
#wrapper.lower h2.wp-block-heading{
  position: relative;
}
#wrapper.lower h2.wp-block-heading::after{
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin: 0 auto;
  background: #d94e8f;
}
@media screen and (max-width: 767px) {
 #wrapper.lower {
  padding-top: 0;
 }
 #wrapper.lower .low_ttl {
  margin-top: 5vw;
  margin-bottom: 8.108vw;
  border-bottom: #d94e8f 3px solid
 }
 #wrapper.lower .low_ttl h2 {
  width: 87vw;
  font-size: 2.0rem;
 }
 #wrapper.lower .inner {
  width: 90vw;
  margin: auto;
 }
 #wrapper.lower .inner h2{
  font-size: 1.8rem;
 }
}

/* lower news
-------------------------------------------****/
/*--news_list--*/
#news .content .news_list {
 width: 1200px;
 font-size: 1.8rem;
 border-top: #adadad 1px dotted;
 margin: auto;
}
#news .content .news_list dt {
 width: 12%;
 padding: 10px 0 10px 10px;
 font-weight: bold;
 border-bottom: #adadad 1px dotted;
}
#news .content .news_list dd {
 width: 88%;
 padding: 10px 0 10px 10px;
 color: #555;
 border-bottom: #adadad 1px dotted;
}
#news .content .news_list dd a {
 color: #555;
 transition: .3s ease-in-out;
}
#news .content .news_list dd a:hover {
 color: #d94e8f;
 text-decoration: underline;
}
@media screen and (max-width: 767px) {
 #news .content .news_list {
  width: 100%;
  font-size: 1.6rem;
  border-top: #adadad 1px dotted;
  margin: auto;
 }
 #news .content .news_list dt {
  width: 100%;
  padding: 3vw 0 0 1.351vw;
  border-bottom: none;
 }
 #news .content .news_list dd {
  width: 100%;
  padding: 0 0 3vw 1.351vw;
 }
}

/*--pnavi--*/
#news .content .pnavi {
 text-align: center;
 margin: 50px auto 0;
}
#news .content .pnavi .page-numbers {
 padding: 5px 10px;
 background: #EBEBEB;
 border: #EBEBEB 1px solid;
}
#news .content .pnavi .next, #news .content .pnavi .prev {
 border: none;
 background: #fff;
}
#news .content .pnavi span.current {
 background: #f9dcea;
 border: #f9dcea 1px solid;
}
@media screen and (max-width: 767px) {
 #news .content .pnavi {
  font-size: 1.4rem;
  margin: 6vw auto 0;
 }
 #news .content .pnavi .page-numbers {
  padding: 1vw 2.5vw;
  background: #EBEBEB;
  border: #EBEBEB 1px solid;
 }
}
/*--news_archives--*/
#news.news_archives .news_ttl{ 
 border-bottom: #d94e8f 1px solid;
 margin-bottom: 10px;
}
#news.news_archives .content.inner .link{
 text-align: center;
 margin-top: 50px;
}
#news.news_archives .content.inner .link a{
 display: inline-block;
 color: #fff;
 font-size: 1.4rem;
 padding: 5px 40px;
 background: #d94e8f;
 border-radius: 10px;
 transition: .3s ease-in-out;
}
#news.news_archives .content.inner .link a:hover {
 color: #555;
 background: #f9dcea;
}
@media screen and (max-width: 767px) {
#news.news_archives .content.inner .link{
 margin-top: 6.7vw;
}
#news.news_archives .content.inner .link a{
 font-size: 1.4rem;
 padding: 0.676vw 5.405vw;
 background: #d94e8f;
 border-radius: 1.351vw;
}
}

/*--news_detail--*/
#news .news_detail{
 padding-top: 90px;
} 
#news .news_detail .news_ttl{
 margin-bottom: 10px;
 border-bottom: #d94e8f 8px solid;
}
#news .news_detail .news_ttl h2{
 width: 900px;
 color: #555;
 font-size: 2.4rem;
 font-weight: bold;
 letter-spacing: 0.2rem;
 margin: auto;
}
#news .news_detail .content.inner {
 width: 900px;
 font-size: 1.8rem;
 margin: auto;
}
#news .news_detail .content.inner .day{
 margin-bottom: 20px;
}
#news .news_detail .content.inner .cont{
 overflow-wrap:break-word;
}
#news .news_detail .content.inner .link{
 text-align: center;
 margin-top: 50px;
}
#news .news_detail .content.inner .link a{
 display: inline-block;
 color: #fff;
 font-size: 1.4rem;
 padding: 5px 40px;
 background: #d94e8f;
 border-radius: 10px;
 transition: .3s ease-in-out;
}
#news .news_detail .content.inner .link a:hover {
 color: #555;
 background: #f9dcea;
}
@media screen and (max-width: 767px) {
 #news .news_detail{
 padding-top: 12vw;
} 
#news .news_detail .news_ttl{
 margin-top: 5vw;
 margin-bottom: 1.351vw;
 border-bottom: #d94e8f 3px solid
}
#news .news_detail .news_ttl h2{
 width: 87vw;
 font-size: 2.0rem;
}
#news .news_detail .content.inner {
 width: 90vw;
 font-size: 1.6rem;
}
#news .news_detail .content.inner .day{
 margin-bottom: 2.7vw;
}
#news .news_detail .content.inner .link{
 margin-top: 6.7vw;
}
#news .news_detail .content.inner .link a{
 font-size: 1.4rem;
 padding: 0.676vw 5.405vw;
 background: #d94e8f;
 border-radius: 1.351vw;
}
}

/* lower overview
-------------------------------------------****/
#overview table{
 font-size: 2.1rem; 
}
#overview table th {
 padding: 10px 15px 10px;
 font-weight: bold;
 text-align: center;
 background: #EFC0D4;
}
#overview table td {
 padding: 10px 15px 10px 20px;
 background: #FDEFF5;
}
@media screen and (max-width: 767px) {
 #overview table {
  font-size: 1.6rem;
 }
 #overview table tr{
 display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
 }
 #overview table th {
  width: 100%;
  padding: 2.3vw 2vw 2.3vw;
  text-align: left;
 }
#overview table td {
  width: 100%;
  padding: 2.3vw 2vw 2.3vw;
 }
}

/* lower corporate
-------------------------------------------****/
#corporate table {
 margin-top: 50px;
 font-size: 2.1rem;
}
#corporate table th {
 width: 15%;
 padding: 10px 15px 10px;
 font-weight: bold;
 text-align: center;
 background: #EFC0D4;
 border-bottom: #fff 2px solid;
}
#corporate table td {
 width: 85%;
 padding: 10px 15px 10px 20px;
 background: #FDEFF5;
 border-bottom: #fff 2px solid;
}
@media screen and (max-width: 767px) {
 #corporate table {
  margin-top: 6.757vw;
  font-size: 1.6rem;
 }
 #corporate table tr{
 display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
 }
 #corporate table th {
  width: 100%;
  padding: 2.3vw 2vw 2.3vw;
  text-align: left;
 }
 #corporate table td {
  width: 100%;
  padding: 2.3vw 2vw 2.3vw;
 }
}

/* lower schedule
-------------------------------------------****/
#schedule .content ul.fl {
 -webkit-justify-content: flex-start;
 -ms-justify-content: flex-start;
 justify-content: flex-start;
 margin-bottom: 50px;
}
#schedule .content ul li {
 list-style: none;
 margin-right: 25px;
}
#schedule .content ul li::before {
 content: ">";
 margin-right: 5px;
}
#schedule .content figure img {
 margin: auto;
}
@media screen and (max-width: 767px) {
 #schedule .content ul.fl {
  margin: 0 0 6vw 0;
 }
 #schedule .content ul li {
  list-style: none;
  margin-right: 3.5vw;
 }
}

/* lower access
-------------------------------------------****/
#access .content div.fl {
 -webkit-justify-content: flex-start;
 -ms-justify-content: flex-start;
 justify-content: flex-start;
 margin-bottom: 50px;
}
#access .content div.fl .map {
 margin-right: 20px;
}
@media screen and (max-width: 767px) {
 #access .content div.fl {
  display: block;
  margin-bottom: 6vw;
 }
 #access .content div.fl .map {
  margin-right: 0;
  margin-bottom: 3vw;
 }
 #access .content div.fl iframe {
  width: 100% !important;
  height: 250px !important;
 }
 
}

/* lower sisetsu
-------------------------------------------****/
#sisetsu .content section{
 font-size: 1.8rem; 
}
#sisetsu .content section.wp-block-group{
 margin-bottom: 50px;
}
#sisetsu .content section h2{
 color: #555;
 width: 100%;
 padding-bottom: 5px;
 margin-bottom: 25px;
 border-bottom: #d94e8f 1px solid;
}
#sisetsu .content section p{
 margin-bottom: 0;
}
#sisetsu .content section p.has-small-font-size {
 font-size: .8125em;
}
#sisetsu .content section .wp-block-columns{ 
 padding-bottom: 10px;
 margin:20px 0 10px;
 border-bottom: #b2b2b2 1px solid;
}
#sisetsu .content section .wp-block-columns.nob{
 border-bottom:none;
}
#sisetsu .content section .wp-block-columns h3{
 padding-left: 30px;
}
@media screen and (max-width: 767px) {
 #sisetsu .content section{
   font-size: 1.6rem;
 }
 #sisetsu .content section.wp-block-group {
  margin-bottom: 6.757vw;
 }
 #sisetsu .content section h2 {
  font-size: 2.0rem;
  padding-bottom: 0.676vw;
  margin-bottom: 3.378vw;
 }
 #sisetsu .content section p{
  margin: 0 3vw 0;
 }
 #sisetsu .content section p.has-small-font-size {
  font-size: .8125em;
 }
 #sisetsu .content section .wp-block-columns {
  padding-bottom: 1.351vw;
  margin: 2.703vw 0 1.351vw;
 }
 #sisetsu .content section .wp-block-columns h3 {
  padding-left: 4.054vw;
 }
}

/*--sec01--*/
#sisetsu .content section.sec01 .wp-block-image{ 
 padding-bottom: 25px;
 border-bottom: #b2b2b2 1px solid;
}
@media screen and (max-width: 767px) {
 #sisetsu .content section.sec01 .wp-block-image {
  padding-bottom: 3.378vw;
 }
}

/*--sec02--*/
#sisetsu .content section.sec02 p {
 margin-left: 30px;
}
@media screen and (max-width: 767px) {
 #sisetsu .content section.sec02 p {
  margin-left: 4.054vw;
 }
}

/*--sec03--*/
#sisetsu .content section.sec03 h3 {
 margin-left: 30px;
}
#sisetsu .content section.sec03 p {
 margin-left: 30px;
 margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
 #sisetsu .content section.sec03 h3 {
  margin-left: 4.054vw;
 }
 #sisetsu .content section.sec03 p {
  margin-left: 4.054vw;
  margin-bottom: 2.027vw;
 }
}


/* lower status
-------------------------------------------****/
/*--status_list--*/
#status .content.fl{
 	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
#status .status_arc{
 width: 18%;
 padding-bottom: 20px;
 border: #ccc 1px solid;
}
#status .status_arc h3{
 font-size: 1.6rem;
 font-weight: bold;
 text-align: center;
 padding: 10px;
 background: #eee;
 border-bottom: #ccc 1px solid;
}
#status .status_arc .year_list.fl{
 -webkit-justify-content: flex-start;
 -ms-justify-content: flex-start;
 justify-content: flex-start;
}
#status .status_arc .year_list.fl h4{
 width: 100%;
 font-size: 1.4rem;
 font-weight: bold;
 text-align: center;
 padding: 10px;
 border-bottom: #ccc 1px dotted;  
 cursor: pointer;
}
#status .status_arc .year_list.fl h4:first-child{
 margin-top: 0;
}
#status .status_arc .year_list.fl div{
 width: 28%;
 padding: 5px 5px 5px 10px;
}
#status div.hide{display: none;}
/*
#status .status_arc ul {
 margin: 0;
 padding: 10px;
}
#status .status_arc ul li{
 list-style: none;
}*/
@media screen and (max-width: 767px) {
 #status .status_arc{
 order: 2;
 width: 100%;
 padding-bottom: 2.7vw;  
 }
 #status .status_arc .year_list.fl h4{
  width: 100%;
  font-size: 1.4rem;
  padding: 3vw;
  border-bottom: #ccc 1px dotted;
  cursor: pointer;
 }
 #status .status_arc .year_list.fl div{
  display: none;
 }
}
/*--status_list--*/
#status .status_list{
 width: 77%;
 padding-right: 80px;
}
#status .status_list .fl{ 
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
#status .status_list .fl.outside{
 width: 100%;
 padding-bottom: 30px;
 margin-bottom: 30px;
 border-bottom: #d94e8f 1px dotted;
}
/*#status .status_list .fl::after{
  content:"";
  display: block;
  width:250px;
}*/
#status .status_list .fl > div{
 /*width: 250px;*/
 width: 380px;
 margin-right: 10px;
}
#status .status_list .fl > div.status_list_1{
 width: 770px;
 margin-bottom: 15px;
}
#status .status_list .fl div a{
 display: block;
 border: #ccc 1px solid;
}
#status .status_list .fl div img{
 border: #fff 3px solid;
}
#status .status_list .fl h3{
 width: 100%;
 font-size: 1.4rem;
 text-align: center; 
}
#status .status_list .fl p{
 width: 100%;
 font-size: 1.4rem;
 text-align: center; 
}
@media screen and (max-width: 767px) {
 #status .status_list {
  width: 100%;
  padding-right: 0;
 }
 #status .status_list .fl div {
  width: 27vw;
  margin-right: 1.5vw;
 }
 #status .status_list .fl div.status_list_1 {
  width: 100%;
 }
 #status .status_list .fl p {
  font-size: 1.2rem;
  margin-bottom: 1.0em;
 }
}

/*--status_archive--*/
#status .status_archive .status_list h3 {
 margin-bottom: 15px;
}
#status .status_archive .status_list .fl {
 padding-bottom: 20px;
 margin-bottom: 40px;
 border-bottom: #d94e8f 1px dotted;
}
#status .status_archive .status_list .fl div {
 /*width: 250px;*/
 width: 380px;
 margin-right: 10px;
}
#status .status_archive .status_list .fl > div.status_list_1 {
 width: 770px;
}
@media screen and (max-width: 767px) {
 #status .status_archive .status_list h3 {
  margin-bottom: 2vw;
 }
 #status .status_archive .status_list .fl {
  padding-bottom: 2vw;
  margin-bottom: 5vw;
 }
 #status .status_archive .status_list .fl div {
  width: 27vw;
  margin-right: 1.5vw;
 }
 #status .status_archive .status_list .fl div.status_list_1 {
  width: 100%;
 }
}

/*--status_detail--*/
#status .status_detail{
 padding-top: 90px;
} 
#status .status_detail .status_ttl{
 margin-bottom: 10px;
 border-bottom: #d94e8f 8px solid;
}
#status .status_detail .status_ttl h2{
 width: 900px;
 color: #555;
 font-size: 2.4rem;
 font-weight: bold;
 letter-spacing: 0.2rem;
 margin: auto;
}
#status .status_detail .content.inner {
 width: 900px;
 font-size: 1.8rem;
 margin: auto;
}
#status .status_detail .content.inner .day{
 margin-bottom: 20px;
}
#status .status_detail .content.inner .cont::after{
  content:"";
  display: block;
  width:32%;
}
#status .status_detail .content.inner .cont div{
 width: 32%;
 margin-bottom: 10px;
}
#status .status_detail .content.inner .cont div a{
 display: block;
 border: #ccc 1px solid;
}
#status .status_detail .content.inner .cont div img{
 width: 100% !important;
 border: #fff 3px solid;
}
#status .status_detail .content.inner .cont div p{
 font-size: 1.4rem;
 text-align: center;
}
#status .content.inner .link{
 text-align: center;
 margin-top: 50px;
}
#status .content.inner .link a{
 display: inline-block;
 color: #fff;
 font-size: 1.4rem;
 padding: 5px 40px;
 background: #d94e8f;
 border-radius: 10px;
 transition: .3s ease-in-out;
}
#status .content.inner .link a:hover {
 color: #555;
 background: #f9dcea;
}
@media screen and (max-width: 767px) {
 #status .status_detail {
  padding-top: 12vw;
 }
 #status .status_detail .status_ttl {
  margin-top: 5vw;
  margin-bottom: 1.5vw;
 }
 #status .status_detail .status_ttl h2 {
  width: 87vw;
  font-size: 2.0rem;
 }
 #status .status_detail .content.inner {
  width: 95vw;
  font-size: 1.6rem;
 }
 #status .status_detail .content.inner .day {
  margin-bottom: 2.7vw;
 }
 #status .status_detail .content.inner .cont div {
  margin-bottom: 1.351vw;
 }
 #status .status_detail .content.inner .cont div p {
  font-size: 1.2rem;
  text-align: center;
 }
 #status .content.inner .link {
  text-align: center;
  margin-top: 6.757vw;
 }
 #status .content.inner .link a {
  font-size: 1.4rem;
  padding: 0.676vw 5.405vw;
  border-radius: 1.351vw;
 }
}
/*--lightbox--*/
.lb-data {
 position: relative;
}
.lb-data .lb-caption {
 position: absolute;
 top: -48px;
 left: 10px;
 color: #333;
 padding: 10px;
 background: rgba(255,255,255,0.8);
}
@media screen and (max-width: 767px) {
.lb-data .lb-caption {
 top: -10vw;
 left: 2vw;
 font-size: 1.2rem !important;
 padding: 1.5vw;
}
}


/* lower monitoring
-------------------------------------------****/
#monitoring .content.fl{
 	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
/*--monitoring_arc--*/
#monitoring .monitoring_arc{
 width: 18%;
 border: #ccc 1px solid;
}
#monitoring .monitoring_arc h3{
 font-size: 1.6rem;
 font-weight: bold;
 text-align: center;
 padding: 10px;
 background: #eee;
 border-bottom: #ccc 1px solid;
}
 #monitoring .monitoring_arc h4{
 width: 50%;
 font-size: 1.4rem;
 font-weight: bold;
 text-align: center;
 padding: 10px;
 border-bottom: #ccc 1px dotted;
 }
#monitoring .monitoring_arc h4:nth-child(odd){
 border-right: #ccc 1px dotted; 
}
#monitoring .monitoring_arc h4:nth-child(-n+2){
 border-bottom: none; 
}
@media screen and (max-width: 767px) {
 #monitoring .monitoring_arc{
  width: 100%;
  order: 2;
  border: #ccc 1px solid;
 }
}

/*--monitoring_list--*/
#monitoring .monitoring_list{
 width: 77%;
}
#monitoring .monitoring_list .fl{ 
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
#monitoring .monitoring_list ul li{
 position: relative;
 list-style: none;
 padding:0 0 10px 20px;
 margin-bottom: 10px;
 border-bottom: #d94e8f 1px solid;
}
#monitoring .monitoring_list ul li::before{
 position: absolute;
 top:2px;
 left: 0;
 content: "・";
 color: #d94e8f;
}
@media screen and (max-width: 767px) {
#monitoring .monitoring_list{
 width: 100%;
 order: 1;
 margin-bottom: 5vw;
}
 #monitoring .monitoring_list ul{
  margin: 0;
}
 #monitoring .monitoring_list ul li h3{
  font-size: 1.6rem;  
 }
}
/*--monitoring_link--*/
#monitoring .content.inner .link{
 text-align: center;
 margin-top: 50px;
}
#monitoring .content.inner .link a{
 display: inline-block;
 color: #fff;
 font-size: 1.4rem;
 padding: 5px 40px;
 background: #d94e8f;
 border-radius: 10px;
 transition: .3s ease-in-out;
}
#monitoring .content.inner .link a:hover {
 color: #555;
 background: #f9dcea;
}
@media screen and (max-width: 767px) {
 #monitoring .content.inner .link {
  text-align: center;
  margin-top: 6.757vw;
 }
 #monitoring .content.inner .link a {
  font-size: 1.4rem;
  padding: 0.676vw 5.405vw;
  border-radius: 1.351vw;
 }
}

/* lower error404
-------------------------------------------****/
.error-404 .error_ttl{
 margin-bottom: 10px;
 border-bottom: #d94e8f 8px solid
}
.error-404 .error_ttl h2{
 width: 900px;
 color: #555;
 font-size: 2.4rem;
 font-weight: bold;
 letter-spacing: 0.2rem;
 margin: auto;
}
.error-404 .content.inner p{
 text-align: center;
 margin-top: 30px;
} 
.error-404 .content.inner .link{
 text-align: center;
 margin-top: 50px;
}
.error-404 .content.inner .link a{
 display: inline-block;
 color: #fff;
 font-size: 1.4rem;
 padding: 5px 40px;
 background: #d94e8f;
 border-radius: 10px;
 transition: .3s ease-in-out;
}
.error-404 .content.inner .link a:hover {
 color: #555;
 background: #f9dcea;
}
@media screen and (max-width: 767px) {}

/* lower method
-------------------------------------------****/
#method .content.inner .situation{
  margin-top: 50px;
}
#method .content.inner .situation .fl_column_01{
  width: 50%;
}
@media screen and (max-width: 767px) {
  #method .content.inner .situation{
    margin-top: 5vw;
  }
  #method .content.inner .situation .fl_column_01{
    width: 100%;
    margin-bottom: 3vw;
  }
}

/* ごみの受付方法
-------------------------------------------****/
.method-block{
    margin: 0 0 6rem 0;
}

.method-title{
    color: #314f6f;
    font-size: 3.7rem;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
}

.method-title-line{
    border-bottom: solid 2px #1e4b69;
}

@media screen and (max-width: 767px) {
.method-title{
    font-size: 2rem;
}
}

/* 施設見学について
-------------------------------------------****/
.tour-plans-flex{
    display: flex;
    justify-content: space-around;
}

.tour-plans-link{
    text-align: center;
    color: #007acc;
}

.tour-plans-global-pdf {
    position: relative;
    display: block;
    padding-left: 32px;
    color: #007acc;
    font-size: 1.5rem
}

.tour-plans-global-pdf::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6px;
    display: inline-block;
    content: "";
    width: 32px;
    height: 32px;
    margin: auto 0;
    background: url(http://eco-service-fukuyama.demo55.net/wp-content/uploads/2025/05/pdf_32x32.png) left center no-repeat;
}

.brochure-name{
    vertical-align: top;
    width: 225px;
}

.brochure-font{
    font-size: 2rem
}

@media screen and (min-width: 768px) {
.brochure-img{
    max-width: 400px !important
}

.brochure-children-img{
    max-width: 375px !important
}

}

@media screen and (max-width: 767px) {
.tour-plans-flex{
    display: block;
}

.brochure-name{
    width: auto;
}

.brochure-img{
    max-width: 270px !important;
    margin: auto
}

.brochure-children-img{
    max-width: 275px !important;
    margin: auto
}
}

/* お問い合わせ
-------------------------------------------****/

#inquiry table {
    border-collapse: collapse;
    width: 100%;
}
#inquiry th, td {
    border: 1px solid #000;
    padding: 8px;
    vertical-align: top;
}
.highlight {
    color: red;
}
.vcenter {
    vertical-align: middle;
}

.inquiry-flex{
    display: flex
}

.inquiry-address{
    padding: 0 0 0 10rem
}

.inquiry-name{
    width: 270px
}

.inquiry-time{
    padding: 0 0 0 1rem;
}

.inquiry_link{
    color: #007acc
}

.inquiry-link-title{
    width: 200px
}

.inquiry-link-2{
    color: #007acc;
    border-bottom: solid 1px #007acc;
}

.inquiry-link-2:hover {
 color: #d94e8f;
 border-bottom: solid 1px #d94e8f;
}

.inquiry-link-2:visited {
    color: #007acc;
}

.inquiry-link-2:visited:hover {
  color: #d94e8f; 
}

@media (max-width: 768px) {
#inquiry table, thead, tbody, tr, td, th {
    display: block;
    width: 100%;
}

#inquiry tr:first-of-type {
    margin-bottom: 0;
     border-bottom: 0;
}

#inquiry td{
    padding: 10px;
}

#inquiry td:first-of-type {
    padding: 10px;
    border-bottom: solid 1px;
}


#inquiry tr {
    margin-bottom: 15px;
    border: 1px solid #000;
}

#inquiry td, th {
    border: none;
}

.grouped-block {
    background: #fff;
    border: 1px solid #000;
    margin-bottom: 15px;
    padding: 10px;
}

.grouped-block .block-title {
    font-weight: bold;
    margin-bottom: 10px;
 }

.b-b-none{
    border-bottom: none !important
}

.inquiry-flex{
    display: block
}

.inquiry-address{
    padding: 0
}

.inquiry-time{
    padding: 0;
}

}