/*
Theme Name: 備前商工会議所2022
Theme URI: 
Author: satera
Author URI: www.satera.co.jp
Description: This is my sample theme.
*/

/*
 スマートフォン用のスタイルから記述していくこと。
 media指定なし　→　767px以下（スマートフォン用）
 min-width: 768px　→　768px以上（タブレット用）
 min-width: 992px　→　992px以上（PC用）
*/

/*-- reset --*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}

html {
  background-color: transparent;
  background-image: none;
  font-size: 62.5%;
  overflow: auto;
}
body {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", メイリオ, sans-serif;
  font-weight: 400;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
  background: rgb(255, 255, 255);
}
a, a:link, a:visited {
  color: #38B48B;
}

/*画像自動縮小*/
#header img, #home_block img, .home-contents img, #sub img, #image_block img, #banner_block img, #footer img, .footer_name img {
  display: block;
  height: auto;
  max-width: 100%;
}
img[class*="wp-image-"] {
  display: block;
  height: auto;
  max-width: 100%;
}

.square_btn {
  text-align: center;
}
.square_btn a {
  width: 90%;
  font-size: 120%;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  padding: 15px;
  background-color: #38B48B;
  background-image: url(../../../images/arrow_contact.png);
  background-repeat: no-repeat;
  background-position: center right 50px;
}
@media print, screen and (min-width:768px) {
  .square_btn a {
    width: 340px;
  }
}


/* ------------------------------------------------- *
 *        #header
 * ------------------------------------------------- */
#header {
}
#header div.site-name {
  padding: 10px;
}
#header div.site-name h1 {
  margin-top: 3px;
  margin-bottom: 0;
  display: inline-block;
}


@media print, screen and (max-width:540px) {
  #header div.site-name {
    width: 240px;
  }
}
@media print, screen and (max-width:991px) {
  #header div.header_sub {
    display: none;
  }
  #header div.header_admission {
    display: none;
  }
  #header div.head_menu-cover {
    display: none;
  }
}

@media print, screen and (min-width:768px) {

}
@media print, screen and (min-width:992px) {
  #header div.site-name h1 {
    margin-left: 30px;
  }
  #header div.header_admission {
    display: block;
  }
  #header div.head_menu-cover {
    display: block;
  }
}
#header a {
  text-decoration: none;
}
.header_sub {
  padding-top: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.header_sub li {
  display: inline-block;
  letter-spacing: normal;
  font-size: 1.3rem;
  margin-left: 0;
  
}
.header_sub li {
  display: inline-block;
  letter-spacing: normal;
  font-size: 1.3rem;
  margin-left: 0;
}

.header_sub li a {
  position: relative;
  color: #333;
  padding: 0 15px;
}
.header_sub li:not(:first-child) {
  border-left: 1px solid #7d7d7d;
}

.admission-btn {
  background-color: #38B48B;
  height: 70px;
}
.admission-btn a {
  color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 50px;
  height: 100%;
  background: #38B48B url("../../../images/admission_icon.svg") no-repeat left 28px center;
  background-size: 28px auto;
}


.head_menu-cover {
  background-color: #DFF7EF;
}
.head_menu ul {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.head_menu ul li:first-child {
  border-left: solid 1px #FFF;
}
.head_menu ul li {
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  padding: 0;
  margin: 0 0 0 2px;
  text-align: center;
  width: 100%;
  border-bottom: solid 3px #38B48B;
  border-right: solid 1px #FFF;
}
.head_menu ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 20px;
  position: relative;
}
.head_menu ul li a:hover {
  color: #24765B;
}

/* ------------------------------------------------- *
 *        トップページ
 * ------------------------------------------------- */
.home-contents {
	padding-top: 10px;
	padding-bottom: 10px;
}



/* -------------------------------------- #slider_block　*/
#slider_block {
}


/* -------------------------------------- #home_block　*/
#home_block {
}
#home_block h2.heading {
  background-image: url("../../../images/icon_news.png");
  background-repeat: no-repeat;
  background-position: left top 8px;
  border-bottom: 2px solid #BCBCBC;
  padding: 5px 10px 8px 35px;
  margin-bottom: 10px;
}
#htab dt span.article_cat {
  float: right;
  width: 50%;
  color: #FFF;
  font-size: 1.2rem;
  text-align: center;
  padding: 5px;
  background-color: #38B48B;
}
#htab dt span.event {
  background-color: #FFB85F;
}
#htab dt span.oshirase {
  background-color: #61B9EA;
}
#htab dt span.seminar {
  background-color: #FF7A5A;
}
#htab dt span.kentei {
  background-color: #A96CBA;
}

#htab .resp-tabs-container {
  background-color: #F9F6EF;
}

#htab h2.resp-accordion {
  border: none;
  border-top: none;
  color: #FFF;
  background-color: #B7B7B7;
  border-bottom: 3px solid #FFF;
}
#htab h2.resp-accordion:first-child {
  border-top: none;
}

#htab h2.resp-tab-active {
  color: #FFF;
  background-color: #38B48B;
}
#htab h2.resp-tab-active span.resp-arrow {
  border-bottom: 12px solid #A9E4D0;
}


#htab .resp-tab-content-active dl {
  margin-bottom: 0;
}
#htab .resp-tab-content-active dt {
  font-size: 1.4rem;
  font-weight: normal;
  padding: 10px 10px 5px 10px;
}
#htab .resp-tab-content-active dd {
  clear: both;
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: 5px 10px 10px 10px;
  border-bottom: 1px solid #C7C7C7;
}

#htab .resp-tab-content {
  padding: 0;
  border: none;
}

#htab .resp-tabs-list li {
  text-align: center;
  font-weight: normal;
  width: 20%;
  color: #FFF;
  border-right: 1px solid #FFF;
  background-color: #B7B7B7;
}
#htab .resp-tabs-list li.resp-tab-active {
  color: #FFF;
  background-color: #38B48B;
  border: none;
}
@media print, screen and (min-width:768px) {
  #htab .resp-tab-content-active dl {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #htab .resp-tab-content-active dt {
    padding: 15px;
  }
  #htab .resp-tab-content-active dd {
    font-size: 1.6rem;
    padding: 15px 15px 15px 0;
    border-bottom: none;
  }
  #htab .news-main dt {
    width: 38%;
  }
  #htab .news-main dd {
    width: 62%;
  }
  #htab .news-other dt {
    width: 20%;
  }
  #htab .news-other dd {
    width: 80%;
  }
}
@media print, screen and (min-width:992px) {
  .home-contents {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #home_block h2.heading {
    margin-bottom: 20px;
  }
}

/* ------------------------------------------------- *
 *        目的別から探す
 * ------------------------------------------------- */
/* -------------------------------------- #mokuteki_block　*/
/* -------------------------------------- #side-block　*/

#mokuteki_block, .side-block .purpose {
  background: #DFF7EF;
}
.side-block {
  margin-bottom: 20px;
}
.side-block .purpose {
  padding: 0 10px 10px 10px;
}
.side-block h2.heading,
.side-block h2.widgettitle {
  color: #FFF;
  font-size: 1em;
  padding: 10px;
  background-color: #38B48B;
  margin-bottom: 0;
}
#mokuteki_block h2 {
  text-align: center;
  margin-bottom: 20px;
}
.purpose ul {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.purpose ul li {
  width: 100%;
}
.purpose ul li a {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 30px 10px 30px 80px;
  min-height: 60px;
  width: 100%;
}
.purpose ul li a:hover {
  background-color: rgba(255,255,255,0.41);
}
.purpose ul li a {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 60px;
}
.purpose  ul li.menu01 a {
  background-image: url("../../../images/menu-icon01.png");
}
.purpose  ul li.menu02 a {
  background-image: url("../../../images/menu-icon02.png");
}
.purpose  ul li.menu03 a {
  background-image: url("../../../images/menu-icon03.png");
}
.purpose  ul li.menu04 a {
  background-image: url("../../../images/menu-icon04.png");
}
.purpose  ul li.menu05 a {
  background-image: url("../../../images/menu-icon05.png");
}
.purpose  ul li.menu06 a {
  background-image: url("../../../images/menu-icon06.png");
}
.purpose  ul li.menu07 a {
  background-image: url("../../../images/menu-icon07.png");
}
.purpose  ul li.menu08 a {
  background-image: url("../../../images/menu-icon08.png");
}
.purpose  ul li.menu09 a {
  background-image: url("../../../images/menu-icon09.png");
}
.purpose  ul li.menu10 a {
  background-image: url("../../../images/menu-icon10.png");
}
.purpose  ul li.menu11 a {
  background-image: url("../../../images/menu-icon11.png");
}

@media screen and (max-width:991px) {
  .purpose ul li {
    width: 100%;
    border-bottom: 1px solid #FFF;
  }
}

@media print, screen and (min-width:992px) {
  #mokuteki_block ul {
    align-items: center;
    justify-content: center;
  }
  #mokuteki_block ul li {
    width: calc((100% - 40px) / 5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
  }
  #mokuteki_block ul li a {
    display: block;
    padding: 140px 10px 15px;
    text-align: center;
  }
  #mokuteki_block li:nth-child(n+6) {
    margin-top: 10px;
  }
  #mokuteki_block ul li a {
    background-position: center top 10px;
    background-size: 130px;
  }
}


/* -------------------------------------- #banner_block　*/
#banner_block {
  margin-top: 30px;
}
#banner_block li.widget {
  width: 100%;
  list-style: none;
  display: block;
}
#banner_block .widget_sp_image {
  text-align: center;
}
#banner_block .widget_sp_image h2 {
  display: none;
}
#banner_block .widget_sp_image img {
  margin: 0 auto 10px auto;
}

@media print, screen and (min-width:480px) {
  #banner_block li.widget {
    width: 50%;
  }
}
@media print, screen and (min-width:992px) {
  #banner_block li.widget {
    width: 25%;
  }
}


/* -------------------------------------- breadcrumbs　*/
.breadcrumbs {
	font-size: 0.8em;
  background: #F4F2F2;
  margin-bottom: 10px;
}
.breadcrumbs .container {
  padding-top: 10px;
  padding-bottom: 10px;
}
.breadcrumbs .home {
}
.breadcrumbs span {
}
.breadcrumbs a {
	text-decoration: underline;
	margin-right: 5px;
}

/* ------------------------------------------------- *
 *        固定ページ
 * ------------------------------------------------- */
#main {
  margin-top: 20px;
}

/* -------------------------------------- page-header　*/
#page-header {
  background-color: #FBFBFB;
}

p.waku {
  display: inline-block;
  border: solid 1px #000;
  padding: 5px 15px;
}
p.waku.aka {
  color: #FF0000;
  border: solid 1px #FF0000;
}

/* -------------------------------------- カラムブロック　*/
.wp-block-columns.box {
  margin-bottom: 0;
}
.wp-block-columns.box .wp-block-column {
  border-top: 5px solid #38B48B;
  background-color: #F9F6EF;
  margin-bottom: 15px;
}
.wp-block-columns.box .wp-block-column:empty {
  border-top: none;
  background-color: transparent;
  margin-bottom: 0;
}

.wp-block-columns.box .wp-block-column a {
  color: #38B48B;
}
.wp-block-columns.box .wp-block-column h2 {
  font-size: 1.8rem;
  padding: 10px 10px 10px 38px;
  background-image: url("../../../images/icon_link.svg");
  background-repeat: no-repeat;
  background-position: left 10px top 13px;
  margin-bottom: 0;
}
.wp-block-columns.box .wp-block-column hr {
  margin-top: 0;
}
.wp-block-columns.box .wp-block-column p {
  padding: 0 10px 0 10px;
}


.wp-block-columns.addressbox .wp-block-column {
  text-align: center;
  background: #DFF7EF;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 30px auto 50px;
}
.wp-block-columns.addressbox .wp-block-column p {
  margin-bottom: 0;
}
p.call strong {
  color: #38B48B;
  font-size: 120%;
  margin-left: 10px;
}

.wp-block-columns.kakoi .wp-block-column {
  border: #A5A5A5 1px solid;
  padding: 15px 20px;
}
.wp-block-columns.kakoi .wp-block-column p, .wp-block-columns.kakoi .wp-block-column ul {
  margin-bottom: 5px;
}

.wp-block-columns.soudan {
  border-bottom: #C2C2C2 1px solid;
  margin-bottom: 1em;
}
.wp-block-columns.soudan .wp-block-column {
  padding: 10px 10px 20px 10px;
}
.wp-block-columns.soudan .wp-block-column .wp-block-image {
  margin-bottom: 0;
}
.wp-block-columns.soudan .wp-block-column p {
  margin-bottom: 5px;
}

.wp-block-columns.sdgs {
  background: #E4F7FF;
  padding: 20px 10px;
}
.wp-block-columns.sdgs .wp-block-column:nth-child(1) {
  padding-left: 10px;
}
.wp-block-columns.sdgs .wp-block-column:nth-child(2) {
  display: flex;
}
.wp-block-columns.sdgs h2 {
  font-size: 1.4em;
  color: #007BB1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.wp-block-columns.sdgs h3 {
  margin-bottom: 10px;
}
.wp-block-columns.sdgs ul {
  list-style: disc;
  list-style-position: inside;
  margin-left: 10px;
}
.wp-block-columns.sdgs img {
  margin-top: 5px;
  margin-right: 5px;
}

.wp-block-buttons>.wp-block-button {
  margin-bottom: 1em;
}
.wp-block-buttons .wp-block-button a.wp-block-button__link {
  color: #38B48B;
  background-color: #FFF;
  border: 2px solid #38B48B;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 10px 20px !important;
}
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover {
  color: #FFF;
  background-color: #38B48B;
  text-decoration: none;
}



hr.wp-block-separator.space {
  border-top: none;
  padding-bottom: 1.5rem;
}
.wp-block-file {
  font-size: 1.8rem;
  background-image: url("../../../images/list_icon.svg");
  background-repeat: no-repeat;
  background-position: left 5px top 8px;
  padding-left: 33px;
  margin-top: 1.5em;
}
.wp-block-file a {
  color: #38B48B;
}
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
  color: #FFF;
  background: #38B48B;
}
.wp-block-file .wp-block-file__button {
  background: #FFF;
  border-radius: 2em;
  border: 2px solid #38B48B;
  font-size: .8em;
  padding: 0.5em 1em;
}


h1.page-title {
  font-size: 1.3em;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 30px 5px;
  margin-bottom: 0;
}
.title-area {
  padding: 10px 15px 10px 10px;
  background-color: #F9F6EF;
  border-left: 10px solid #38B48B;
  margin-bottom: 10px;
}
h2.title {
  font-size: 1.2em;
  position: relative;
  margin-bottom: 0;
}
h2.title::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 3px solid #FFF;
  border-top: none;
  border-left: none;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}

h2.head {
  color: #38B48B;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 10px 10px 10px 30px;
  background-image: url("../../../images/icon_link.svg");
  background-repeat: no-repeat;
  background-position: left top 15px;
  border-bottom: 1px solid #38B48B;
  margin-top: 3rem;
  margin-bottom: 10px;
}
h3.head {
  color: #38B48B;
  font-size: 1.6rem;
  background-color: #F9F6EF;
  padding: 10px;
  margin-bottom: 10px;
}
h4.head {
  background-color: #F4F2F2;
  padding: 10px;
  margin-bottom: 10px;
}
.page-content h4 {
  font-size: 110%;
}
.page-content p {
  line-height: 1.6;
  margin-bottom: 1.5em;
}
.page-content p.ind_a {
  text-indent: -2.5em;
  padding-left: 2.5em;
}


.page-content ul,
.page-content ol {
  margin-bottom: 20px;
}
.page-content ul.list {
  padding-left: 5px;
  margin-bottom: 20px;
}
.page-content ol.list {
  padding-left: 20px;
  margin-bottom: 20px;
}
.page-content ol.list li {
  margin-bottom: 5px;
}
.page-content ol.n6 {
  counter-reset: item 5;
}
.page-content ol.n7 {
  counter-reset: item 6;
}
.page-content ul.list li {
  background-image: url("../../../images/list_icon.svg");
  background-repeat: no-repeat;
  background-position: left top 8px;
  padding-left: 20px;
  margin-bottom: 5px;
}

.wp-block-table.basic td, .wp-block-table.basic th {
	border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 1.5;
}
.basic table {
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
.basic tr td {
	padding: 10px;
}
.basic tr td:nth-child(1) {
	background-color: #F0F0F0;
	text-align: left;
}
.basic tr td:nth-child(2) {
}


.wp-block-table.rental td, .wp-block-table.rental th {
	border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 1.5;
}
.rental table {
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
.rental tr td {
  padding: 10px;
}
.rental tr:nth-child(1) {
	background-color: #F0F0F0;
	padding: 10px;
  text-align: center;
}

.wp-block-table.schedule td, .wp-block-table.schedule th {
	border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 1.5;
}
.schedule table {
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
.schedule tr td {
  padding: 10px;
}
.schedule tr:nth-child(1) {
	background-color: #F0F0F0;
	padding: 10px;
}
.schedule tr td:nth-child(1) {
	background-color: #F0F0F0;
}

p.slogan {
  font-size: 1.8em;
  font-family: "Ryumin Bold KL";
  margin: 10px;
}


#seminar_block {
  margin-bottom: 20px;
}
#seminar_block .feed_area {
  border: 1px solid #C5C5C5;
  margin-top: 20px;
  margin-bottom: 30px;
}
#seminar_block .feed_area .title {
  padding: 10px;
  background-color: #F6F4F4;
  margin-bottom: 10px;
}
#seminar_block .feed_area .title h3 {
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 0;
}
#seminar_block .feed_area .title h3 a {
  color: #38B48B;
}
#seminar_block .feed_area .content {
  padding: 15px;
}
#seminar_block .feed_area p.time {
  text-align: right;
  margin-bottom: 0;
}
@media print, screen and (min-width:768px) {
  #seminar_block .feed_area {
    padding: 30px 30px 15px 30px;
  }
  #seminar_block .feed_area .title h3 {
    font-size: 1.3em;
  }
}
@media print, screen and (min-width:768px) {
  .title-area {
    padding: 20px 15px 20px 20px;
    margin-bottom: 20px;
  }
  .wp-block-columns.box .wp-block-column h2 {
    padding: 15px 10px 15px 38px;
    background-position: left 12px top 18px;
  }
  .wp-block-columns.box .wp-block-column p {
    padding: 0 20px 0 20px;
  }
  .wp-block-columns.addressbox .wp-block-column {
    padding: 20px 30px;
  }
  h2.title {
    font-size: 1.6em;
  }
  h2.head {
    font-size: 2rem;
    line-height: 1.8;
    background-position: left top 20px;
  }
  h3.head {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .basic tr td:nth-child(1) {
    padding: 10px 20px;
  }
  .member tr td:nth-child(1) {
    width: 220px;
  }
  .kentei tr td:nth-child(1) {
    width: 300px;
  }
  .ccinews tr td:nth-child(1) {
    text-align: center;
    width: 100px;
  }
  .soshikizu img {
    padding: 20px;
  }
}

/* -----------------------------------------------------------
	WEB名鑑
----------------------------------------------------------- */
.meikan-catergory {
  margin-bottom: 30px;
}
.meikan-catergory select {
  width: 100%;
}
.meikan-catergory section {
  margin-bottom: 20px;
}
.meikan-catergory section h3 {
  color: #38B48B;
  font-size: 1.6rem;
  background-color: #F9F6EF;
  padding: 10px;
  margin-bottom: 10px;
}

.last-update {
	text-align: right;
}
.pagination {
  margin: 2rem 0;
}
.screen-reader-text {
	display: none;
}

#main table td.term a {
  margin-right: 20px;
}
#main table.meikan-s {
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
#main table.meikan-s th, #main table.meikan-s td {
  border-collapse: collapse;
	padding: 15px;
	border: 1px solid #ccc;
}
#main table.meikan-s tbody th {
	width: 20%;
  font-weight: normal;
  text-align: center;
	background-color: #DFF7EF;
}
#main table.meikan-s span.leader {
	margin-right: 30px;
}
@media (max-width:480px){
	#main table.meikan-s tbody th {
		width: 100%;
		text-align: left;
	}
}
/*WEB名鑑　事業所リスト*/
table.meikan {
  width: 100%;
  margin-bottom: 10px;
}
#main table.meikan th, #main table.meikan td {
  border-collapse: collapse;
	padding: 15px;
	border: 1px solid #ccc;
}
table.meikan thead th {
	font-weight: normal;
  text-align: center;
  background-color: #DFF7EF;
}
table.meikan tbody th,
table.meikan tbody td {
  
  padding: 10px;
}
#main table.meikan tbody td.term {
  width: 30%;
}
#main table.meikan tbody tr td:nth-of-type(3),
#main table.meikan tbody tr td:nth-of-type(4) {
  font-size: 1.4rem;
}
table.meikan tbody th {
	font-weight: normal;
	width: 40%;
}
table.meikan tbody tr:nth-child(odd) {
	background-color: #F9F6EF;
}

 
@media (max-width:768px) {
  table.meikan {
      display: block;
  }
  table.meikan thead {
      display: none;
  }
  table.meikan tbody {
      display: block;
  }
  table.meikan tbody tr {
      display: block;
  }
  table.meikan tbody th,
  table.meikan tbody td {
      display: list-item;
      border: none;
  }
  table.meikan tbody th {
      list-style-type: none;
    width: 100%;
  }
  table.meikan tbody td {
      margin-left: 20px;
      padding: 0;
  }
}


/* -----------------------------------------------------------
	お問い合わせ
----------------------------------------------------------- */
#order {
}
.request {
  font-size: 0.9em;
  background: #f7f7f7;
  border-radius: 10px;
  margin-bottom: 30px;
}
.request .inner {
  padding: 10px;
  border-radius: 10px;
}
.request h2 {
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px;
  background-color: #38B48B;
  margin-bottom: 10px;
}
.request h3 {
  margin-bottom: 10px;
}
.request p {
  font-size: 0.9em;
  padding: 5px;
  margin-bottom: 5px;
}
.privacyCheck {
  text-align: center;
}
/* デザインカスタマイズ */
div.wpcf7 {
}
.wpcf7-form {
}
div.request input,
div.request select {
  margin-bottom: 5px;
}
div.request textarea {
  width: 100%;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
}
div.wpcf7 .hissu {
  color: #FF0000;
	margin-left: 5px;
}

div.wpcf7 dl {
  margin-bottom: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
div.wpcf7 dt {
  padding: 0 0 5px 0;
}
div.wpcf7 dd {
}
div.wpcf7 .wpcf7-spinner {
  display: block;
}
div.wpcf7 .btn-primary:disabled {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #00aeef;
  border-color: #00aeef;
  border-radius: 5px;
  width: 100%;
}
div.wpcf7 .btn-primary {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #EF0000;
  border-color: #EF0000;
  border-radius: 5px;
  width: 100%;
}



.wpcf7-captchac {
	border: 1px solid #ccc;
}
.wpcf7-form-control-wrap .wpcf7-list-item {
	width: 100%;
}
 /* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {
  text-align: center;
  border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
}

/*送信ボタン*/
.submitList {
  text-align: center;
  margin-top: 20px;
}
input.wpcf7-submit {
  display: block;
  width: 200px;
  margin: 0 auto;
  font-size: 1.6em;
  font-weight: bold;
  background-color: #38B48B;
  border-radius: 8px;
  color: #fff;
  border-style: none;
}
input.wpcf7-submit:hover:enabled {
	background-color: #e60012;
	color: #fff;
}

@media print, screen and (min-width:992px) {
  .request .inner {
    padding: 10px 20px;
  }
	div.wpcf7 dl {
		display: table;
    width: 100%;
	}
  div.wpcf7 dt {
    padding: 5px;
  }
  div.wpcf7 dd {
    padding: 5px;
  }
	div.wpcf7 dt {
		display: table-cell;
    vertical-align: middle;
		width: 35%;
	}
	div.wpcf7 dd {
    display: table-cell;
    vertical-align: middle;
		width: 65%;
	}
  div.wpcf7 .btn-primary:disabled {
    width: 300px;
  }
  div.wpcf7 .btn-primary {
    width: 300px;
  }
  .wpcf7-form-control-wrap .wpcf7-list-item {
    width: 46%;
  }
}

/* ------------------------------------------------- *
 *        #sub
 * ------------------------------------------------- */
#sub {
  margin-top: 20px;
}
/* -------------------------------------- .side-block　*/
.side-block {
}
.side-block .widget_search,
.side-block .widget_text,
.side-block .side-link {
  padding: 20px;
  background-color: #FAFAFA;
  margin-bottom: 20px;
}
.side-block li.widget {
  list-style: none;
}



/* サイト内検索 */
.widget_search h2 {
  font-size: 14px;
}
.widget_search label.screen-reader-text {
  display: none;
}
/* サイトリンク */
.side-link .widget_sp_image {
  text-align: center;
}
.side-link li:not(:last-child) {
  margin-bottom: 10px;
}
.side-link .widget_sp_image img {
  margin: 0 auto;
}
.side-link .widget_sp_image h2 {
  display: none;
}
/* 商工会議所 */
.side-block .widget_text .shop_info {
  text-align: center;
}
.side-block .widget_text .shop_info p {
  font-size: 12px;
}
.side-block .widget_text .shop_info img {
  margin: 0 auto;
}
/* 最近の投稿 */
#sub .widget_recent_entries {
  background: #F9F6EF;
  margin-bottom: 20px;
}
#sub .widget_recent_entries ul {
	padding: 10px;
}
#sub .widget_recent_entries li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFF;
}
#sub .widget_recent_entries li a {
	display: block;
}
#sub .widget_recent_entries span.post-date {
	font-size: 0.8em;
}
/* カテゴリー */
#sub .widget_categories {
  background: #DFF7EF;
}
#sub .widget_categories ul {
	padding: 5px;
}
#sub .widget_categories li.cat-item {
	margin-bottom: 5px;
}
#sub .widget_categories li a {
  color: #000000;
  display: block;
  position: relative;
  border-bottom: 1px solid #FFF;
  padding: 15px 40px 15px 10px;
}
#sub .widget_categories li a:hover {
  color: #38B48B;
  text-decoration: none;
}
#sub .widget_categories li a::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #FFF;
  border-top: none;
  border-left: none;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}

#sub .widget_categories ul.children {
	padding-left: 10px;
}
/* アーカイブ＆カテゴリー＆検索　ドロップダウン表示 */
#sub .widget_archive label,
#sub .widget_categories label,
#sub .widget_search label {
	display: none;
}
#sub .widget_archive select,
#sub .widget_categories select {
	font-size: 1em;
}

@media print, screen and (min-width:992px) {
  .side-link .widget_sp_image img {
    width: 180px;
    height: auto;
  }
/* ----------------------------- .sidebar-sticky　*/
  .sidebar-sticky {
    position: sticky;
    top: 0;
    left: 0;
    display: block;
    background: #FF0004;
  }
}
/* ------------------------------------------------- *
 *        #footer
 * ------------------------------------------------- */
.go_pagetop {
  position: fixed;
  bottom: 0px;
  right: 0px;
  font-size: 77%;
}
.go_pagetop a {
  background-color: #eeeeee;
	background-image: url(../../../images/page-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 30px;
	text-align: center;
	display: block;
	border-bottom-left-radius: 40px;
	border-top-left-radius: 40px;
}
.go_pagetop a:hover {
  text-decoration: none;
  background-color: #E4E4E4;
}


@media print, screen and (max-width:767px) {
  .footer_name {
    text-align: center;
  }
  .footer_name .site-name img {
    width: 240px;
  }
}
.footer_name {
  margin-top: 40px;
  padding-top: 20px;
  border-top: solid 1px #B7B7B7;
}
.footer_name .site-name img {
  margin: 0 auto;
}
.footer_name ul.sns li img {
  margin: 0 auto;
}

.footer_name p {
  font-size: 1.3rem;
}
.footer_name ul.sns {
  text-align: center;
}
.footer_name ul.sns li {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}

#footer {
  background-color: #F7F7F7;
}
#footer .container {
  padding-top: 30px;
  padding-bottom: 20px;
}
.footer_menu h2 {
  color: #38B48B;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.footer_menu ul {
}
.footer_menu ul li {
  font-size: 1.3rem;
  font-weight: bold;
}
.footer_menu ul li ul.sub-menu {
  margin: 0 0 20px 15px;
}
.footer_menu ul li ul.sub-menu li {
  font-weight: normal;
}
.footer_menu ul li a {
  color: #666;
  text-decoration: none;
}

.footer_bottom {
  text-align: center;
  color: #FFF;
  padding: 10px 0 15px 0;
  background-color: #38B48B;
}
.footer_bottom .small {
  font-size: 50%;
}

@media print, screen and (min-width:992px) {
  .footer_name .container {
    width: 700px;
  }
}