/* 一般のお客さまへ */
.customer-section {
  margin: 40px 0;
}

.customer-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 20px;
}

.customer-item {
  display: block;
  padding: 16px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  transition: background 0.2s;
}

.customer-item:hover {
  background: #f0f8ff;
}


.contents {
 margin: 20px 20px 40px;
}

table{
 width: 100%;
}

table, th, td{
 border: 1px solid #999;
 border-collapse:collapse;
 padding: 5px;
}

ol {
  counter-reset: number;
}
ol li {
  position: relative;
  padding-left: 40px;
}
ol li::before {
  counter-increment: number;
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
}

.list-style{
	list-style-type: square;
}
.list-style li{
	margin-left: 2rem;
}

.list-style a:hover{
	text-decoration:underline;
}

.flexbox {
	display:flex;
}

.flexbox div{
	margin: 1rem;
	flex-basis: 50%;
}
/* ボタン */
.center-search-btn {
  text-align: center;
  margin: 20px 0;
}

.btn-green {
  display: inline-block;
  background-color: #2e8b57; 
  color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

.btn-green:hover {
  background-color: #246f46;
}

/* 協会の概要 */

 .greeting_image img{
 margin: 10px 20px 20px 10px;
 float: left;
 width:250px!important;
 }
 
.signature_area{
 margin:0 0 0 auto;
 text-align:right;
 }

.signature{
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro'!important;
 font-size: 1.5rem;
 font-weight:bold;
}

.history_table th{
 width:20%;
 text-align:left;
}

.member_table td {
 width: 50%;
}

.member_table a:hover {
  text-decoration: underline !important;
}

.director_list_table td:first-of-type{
 width:20%!important;
 text-align:center;
}

.retrieval_underbar {
  color:#246f46;
}

.retrieval_underbar:hover {
 text-decoration:underline;
}

/* 協会の仕事 */
.note {
	margin: 20px;
	display:flex;
}

.note a{
	text-decoration: underline;
	margin: 1rem;
}

.deco-green {
	color:#009944;
}

.breaker-img{
	display:block;
	text-align:center;
	margin:1rem auto;
}
.breaker-img img{
	margin: 0 auto;
}


.caravan-img{
 margin: 10px 20px 20px 10px;
 float: left;
 width:250px!important;
}
 

/* スマホで1カラム */
@media (max-width: 768px) {
  .customer-grid {
    grid-template-columns: 1fr;
  }
  
  .note {
	display:block;
 }

 .member_table td {
  display: block;
  width: 100%;
 }
}

@media (max-width: 480px) {
 .greeting_image img, .caravan-img{
    margin: 10px auto;
	float: none;
	clear:both;
	width:100%;
 }
 .flexbox{
	 display:block;
}