/*
Theme Name: 大阪府家具工業組合_ver_01_2026
Theme URL:
Author:
Author URI:
Description: 大阪府家具工業組合_のテンプレートver01
Version: 9999
Tags:
License:
License URI:
*/
/* ==========================================================================
   Foundation
   ========================================================================== */
/* Reset
   ----------------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav.gnav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:400;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav.gnav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
figure{margin-bottom:0;}
/* Base
   ----------------------------------------------------------------- */
.serif{
	font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
}
body{
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
	color:#000;
	/*max-width:2400px;*/
	margin:0 auto;
	/*letter-spacing: 1px;*/
	/*font-feature-settings: "palt";*/
	background-color:#fff;
}
@media screen and (max-width: 480px){
	body{letter-spacing:0;}
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{opacity:0.7;}
img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}
figcaption{
	text-align:center;
	font-size:clamp(13px, 1.5vw, 16px);
	line-height:1.5em;
	margin:5px 0;
}
ol{list-style:none}
strong{font-weight:bold;}
/* ==========================================================================
   共通
========================================================================== */
html{
	font-size:clamp(14px, 1.5vw, 16px);
	scroll-padding-top: 100px;/*追従headerの高さ指定*/
}
main{/*overflow:hidden;*/}

/*文字寄せ*/
.txt-right{text-align:right;}
.txt-center{text-align:center;}
/*一文字空白*/
.indent{text-indent: 1em;}
/*URL改行防止*/
main p{word-break: break-all;}


/*共通ボタン*/
.btn {text-align:center;}
.btn a{
	font-size:20px;
  box-sizing:border-box;
  line-height:53px;
  padding:0 10px;
	min-width:263px;
	text-align:center;
  display:inline-block;
  margin:0 auto;
  background-color:#647E66;
  color:#fff;
  font-weight:bold;
  border-radius:30px;
  text-decoration:none;
}

@media screen and (max-width: 768px){
	.btn a{
		line-height:48px;
		font-size:15px;
		padding: 0 20px;
		min-width: 230px;
		}
}


/*共通テーブル*/
table.tbl100{width: 100%;}
.tbl01{
	margin-bottom: 2rem;
	box-sizing: border-box;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.tbl01 thead th{
	background:#e1dded;
	font-weight:bold;
	text-align:center;
}
.tbl01 tbody th{
	text-align:center;
}
.tbl01 tbody td{background:#fff;}
.tbl01 tbody td:nth-child(1){
	text-align:center;
}
.tbl01 tbody td.point{
	background:#f4f3f2;
}
.tbl01 tbody td.pr{text-align:center;}
.tbl01 td,
.tbl01 th{
	padding: 1rem ;
	line-height: 1.5rem;
	font-size:clamp(11px, 1.25vw, 15px);
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	vertical-align: middle;
}

@media screen and (max-width: 768px){
.scroll{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 1em;
}
.scroll table{
	width: 100%;
	margin-bottom: 0.5em;
}
}
@media screen and (max-width: 480px){
.tbl01 td,
.tbl01 th{padding: 1rem 1rem;}
}

/*mapレスポンシブ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 36.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
@media screen and (max-width: 640px){
	.gmap {padding-bottom: 56.25%;}
}

/*tel スマホサイズのみクリック可*/ 
@media (min-width: 769px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.sec{padding:6rem 4rem;}

@media screen and (max-width: 768px){.sec{padding:4rem 2rem;}}
@media screen and (max-width: 480px){.sec{padding:3rem 2rem;}}

.inner{ 
	max-width:1430px;
	margin:0 auto;
	box-sizing:border-box;
}

.inner1185{
	max-width:1185px;
	margin:0 auto;
	box-sizing:border-box;
}

.inner900{
	max-width:900px;
	margin:0 auto;
	box-sizing:border-box;
}


/*sp用*/
@media screen and (min-width: 481px){.sp480{display:none;}}
@media screen and (min-width: 381px){.sp380{display:none;}}
/*見出し*/

/*共通の見出しサイズ*/
h1,
h2,
h3,
h4,
h5,
p{line-height:1.75em;}

h1:not(.not){font-size:clamp(22px, 3vw, 26px);}
h2:not(.not){font-size:clamp(20px, 2.5vw, 24px);}
h3:not(.not){font-size:clamp(18px, 2vw, 22px);}
h4:not(.not){font-size:clamp(16px, 1.75vw, 20px);}
h5:not(.not){font-size:clamp(16px, 1.75vw, 20px);}
h6:not(.not){font-size:clamp(14px, 1.5vw, 20px);}
p,a{font-size:clamp(14px, 1.5vw, 20px);}

h1:not(.not) span,
h2:not(.not) span,
h3:not(.not) span,
h4:not(.not) span,
h5:not(.not) span,
h6:not(.not) span{display:inline-block;}
p span{display:inline-block;}

/*共通の見出し装飾と余白*/
.bold{font-weight: bold;}
h1:not(.not){margin-bottom:3rem;font-weight: bold;}
h2:not(.not){margin-bottom:3rem;font-weight: bold;}
h3:not(.not){margin-bottom:2rem;font-weight: bold;color:#AD8549;}
h4:not(.not){margin-bottom:2rem;}
h5:not(.not){margin-bottom:2rem;}
h6:not(.not){margin-bottom:1rem;}
p:not(.not){margin-bottom:1rem;}



/*共通リスト*/

/*丸ドットのリスト*/
ul.list01{
	margin-bottom:1.5rem;
}
ul.list01 > li{
	font-size:clamp(14px, 1.5vw, 20px);
	line-height: 1.5em;
	padding:0 0 0 26px;
	position:relative;
	margin-bottom:1rem;
}
ul.list01 > li:before{
	content: "";
	position: absolute;
	left: 7px;
	top: calc(1em - 10px);
	width: 10px;
	height: 10px;
	background: #000;
	display: block;
	border-radius: 10px;
}
/*数字リスト*/
ol.list-num01 {
	margin-left: 0.5rem;
	margin-bottom:1.5rem;
	counter-reset: listnum;
}
ol.list-num01 > li{
	font-size:clamp(14px, 1.5vw, 20px);
	line-height: 1.75em;
	margin: 0 0 1rem 0;
	padding:0 0 0 2em;
	position:relative;
}
ol.list-num01 > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: counter(listnum) ".";
	width: 23px;
	text-align: right;
}


/*パンくず*/
#bread{
	padding:.75rem 1rem;
	background:#f4f3f2;
}
#bread ul{
	display:flex;
	flex-wrap:wrap;
	max-width:1140px;
	margin:0 auto;
}
#bread ul li{
	padding:0 .5rem 0 0;
	font-size:.8rem;
	line-height: 1rem;
	font-weight:bold;
}
#bread ul li a{
	font-size:.8rem;
	font-weight:normal;
}
#bread ul li a:after{content:"／";margin-left:.5rem;}

@media screen and (max-width: 769px){
	#bread ul li{padding:0 0.2rem 0 0 ; font-size:0.7rem;}
	#bread ul li a{font-size:0.7rem;}
}



/* ==========================================================================
   Layout
========================================================================== */

/* Header と side
----------------------------------------------------------------- */
header{
	width:100%;
	box-sizing:border-box;
	padding:0;
	background:#fff;
	z-index:99;
}
.h-logo-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	max-width:1600px;
	margin:0 auto;
	padding:20px 20px 10px;
}
.h-logo-wrap h1{
	font-size:clamp(22px, 3vw, 30px);
	margin: 0 0 0 auto;
}
@media screen and (max-width: 980px){
	.h-logo-wrap .h-logo{
	width:50%;
}
}

@media screen and (max-width: 480px){
	.h-logo-wrap {
		padding:10px;
		align-items: end;
	}
	.h-logo-wrap h1{
		font-size:clamp(14px, 2vw, 20px);
	}
}




/*pcのheaderナビ*/
.h_nav li a:hover{
	opacity:0.7;
}

@media screen and (min-width: 981px){
.h_nav{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
.h_nav li a{
	padding: 0 1.5rem;
	line-height: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size:clamp(15px, 1.5vw, 22px);
	font-weight:bold;
}
}
@media screen and (min-width: 980px) and (max-width: 1180px){
	.h_nav li a{padding:0 1rem;}
}

/*----ハンバーガー ここから----*/
/*ハンバーガーメニューの高さがはみ出した時のスクロールバー*/
.h_menu::-webkit-scrollbar{width: 8px;}
.h_menu::-webkit-scrollbar-track{background-color: #ddd;}
.h_menu::-webkit-scrollbar-thumb{background-color: #0088FF;}

@media screen and (max-width: 980px){


/* メニューのスタイル */
.h_menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: #EAE1D9;
  color: #333;
  transition: right 0.8s ease; 
  padding: 120px 20px 20px 20px; 
  box-sizing: border-box;
  z-index: 999;
}

/* メニューが開いているとき */
.h_menu.open {
  right: 0;
}

/* ボタンのスタイル */
.hamburger {
  position: fixed;
  top: 8px;
  right: 10px;
  width: 30px;
  cursor: pointer;
  z-index: 20;
}

.hamburger span {
  display: block;
  height: 2px;
  width: 100%;
  background-color: #707070;
  margin: 8px 0;
  transition: 0.4s;
}

/* バツ印に変化するスタイル */
.hamburger.active span:nth-child(1) {
  transform: rotate(35deg) translate(8px, 8px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-35deg) translate(6px, -6px);
}

/* メニューリストのスタイル */

.h_menu .h_nav li {margin-bottom:2rem;}
.h_menu .h_nav li a {
	display:block;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.h_menu .h_nav li a span{
	font-size:15px;
	margin-top: 10px;
}

}

@media screen and (min-width: 769px){.h_menu .sp{display:none;}}
@media screen and (max-width: 768px){.h_menu .pc{display:none;}}

/*----ハンバーガー end----*/

/*追従*/
header.m_fixed{
	width:100%;
	box-sizing: border-box;
	position:fixed;
	z-index:999;
	left:0;
	top:0;
	box-shadow:0 0 3px #ccc;
}
header.m_fixed .h-logo img{
	width:180px;
}
header.m_fixed .h-logo-wrap h1{
	font-size: clamp(14px, 2vw, 20px);
}
@media screen and (min-width: 981px){
header.m_fixed .h-logo-wrap{
	padding:10px 20px 0;
	align-items: flex-end;
}
header.m_fixed .h_nav li a{
	line-height:50px;
	font-size: clamp(14px, 1.5vw, 20px);
}
}
@media screen and (max-width: 980px){
	header.m_fixed .h-logo-wrap{padding:10px;align-items: flex-end;}
	header.m_fixed .h-logo img{width:140px;}
}



/* footer
---------------------------------------------------------------- */

footer{
	padding:50px;
	background:#EAE1D9;
}
.f-inner{
	max-width: 1600px;
	margin:0 auto;
}

@media screen and (min-width: 521px){
.f-inner .col{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
}
@media screen and (max-width: 820px){
footer{padding:40px 20px;}
}
@media screen and (max-width: 480px){
footer{padding:20px 10px;}
}
footer .address{font-size:clamp(12px, 1.15vw, 20px);}

/* カテゴリー
---------------------------------------------------------------- */
#category .entry_content{
	padding: 6rem 4rem;
}
@media screen and (max-width: 768px){#category .entry_content{padding:4rem 2rem;}}
@media screen and (max-width: 480px){#category .entry_content{padding:3rem 2rem;}}

.cat_list_wrap{
	max-width:1260px;
	margin:0 auto;
}
.cat_list{
	padding: 1rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	background-image: repeating-linear-gradient(90deg, #707070, #707070 5px, transparent 5px, transparent 10px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1px;
}


.cat_list .date{
	line-height:1.75em;
	font-size: clamp(14px, 1.5vw, 18px);
	width: 8em;
}
.cat_list h2 a{
	line-height:1.75em;
	font-size: clamp(14px, 1.5vw, 18px);
}


@media screen and (max-width: 768px){
.cat_list{padding: 1rem 0;}
}

@media screen and (max-width: 480px){

	
}


/*pagenavi*/
.pagenavi{
	color: #AD8549;
	margin: 6rem auto 2rem;
	line-height:2em;
	text-align:center;
	clear: both;
}
.pagenavi a{
	text-decoration:none;
	color: #AD8549;
	font-size: clamp(13px, 1.5vw, 22px);
	line-height:24px;
	font-weight: bold;
}
.pagenavi a.page-numbers, .pagenavi .current{
	line-height: 33px;
	display: inline-block;
	padding: 0 6px;
	text-decoration: none;
	
}
.pagenavi .current{
	font-weight: bold;
	color:#AD8549;
	font-size: clamp(13px, 1.5vw, 22px);
	line-height:24px;
	box-sizing: border-box;
    border-bottom: solid 1px;
}
.pagenavi .prev.page-numbers,
.pagenavi .next.page-numbers{
	background:none;
	color:#AD8549;
}
@media screen and (max-width: 480px){
	.pagenavi a.page-numbers, .pagenavi .current{
		font-size:12px;
		line-height:20px;
		
	}
}


/*次の記事*/
/*
.navigation{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.navigation .alignleft,
.navigation .alignright{
	width:50%;
	box-sizing:border-box;
	position:relative;
}
.navigation .alignleft{padding-right:1rem;}
.navigation .alignright{padding-left:1rem;text-align:right;}

.navigation .next,
.navigation .prev{
	position:absolute;
	z-index:1;
	top:0;
	background:#958bbd;
	padding:3px 6px;
	color:#fff;
	font-size:12px;
}

.navigation .next{right:0;}
.navigation .prev{left:0;}


.navigation .tit{margin-bottom:0;}
.navigation a{
	display:block;
	padding:2rem 0;
	font-weight:bold;
	position:relative;
}
.navigation .date{
	position:absolute;
	bottom:5px;
	font-size:12px;
	color:#666;
}
.navigation .alignleft .date{left:0;}
.navigation .alignright .date{right:0;}
*/


#single .item-thumb{
	margin: 0 auto 4rem;
	aspect-ratio: 900 / 650;
	border-radius:20px;
}
#single .item-thumb img{
	display: inline-block;
	aspect-ratio: 900 / 650;
	border-radius:20px;
	object-fit: cover;
}
#single .tit-wrap .date{
	margin-bottom:1rem;
	line-height:1.75em;
	font-size:clamp(12px, 1.125vw, 16px);
	color:#707070;
}
#single .tit-wrap{margin-bottom:2rem;}
#single .tit-wrap h1.single-title{
	margin-bottom:1rem;
	line-height:1.75em;
	font-size:clamp(20px, 1.5vw, 22px);
	font-weight:bold;
}
#single .cont-wrap{margin-bottom:4rem;}
#single .btn-min{text-align:center;}


#single .post-cat,
#single .post-cat a{
	line-height: 1.75em;
	font-size: clamp(12px, 1.125vw, 16px);
}




#single .entry_content.inner{
	flex:1;
	max-width:900px;
}

@media screen and (min-width: 769px){
	#single > .sec{
	    display: flex;
    flex-wrap: wrap;
}

aside{
	width:300px;
	margin-left:2rem;
}
}


@media screen and (min-width: 769px) and (max-width: 1080px){
	aside{
	width:200px;
	margin-left:2rem;
}
}
.side-box{
	margin-bottom:2rem;
}
	aside h2{
		font-size:clamp(13px, 1.5vw, 16px);
		margin-bottom: .5rem;
    border-bottom: solid 1px #272727;
    font-weight: bold;
	}


.nav_cat a{
	display: block;
	line-height: 1.2rem;
	padding: .5em 0.25em .5em 2em;
	font-size: clamp(13px, 2vw, 16px);
	letter-spacing: 1px;
	position: relative;
}
.nav_cat > li > a:before{
	content: "";
    position: absolute;
    top: calc((100% - 5px) / 2);
    margin: auto;
    vertical-align: middle;
    left: 10px;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #006600;
    border-right: 2px solid #006600;
}

.side_news_list li {
	border-bottom:solid 1px #ccc;
	padding: .5em 0.25em .5em .25em;
}

.side_news_list li .date{
	font-size: clamp(13px, 2vw, 16px);
	color:#707070;
	margin-bottom:.5rem;
	display:block;
}
.side_news_list li a{
	display: block;
	line-height: 1.2rem;
	
	font-size: clamp(13px, 2vw, 16px);
	letter-spacing: 1px;
	position: relative;
}

.post_m select{
	width: 100%;
    padding: 10px;
}

/* ==========================================================================
   main内共通
========================================================================== */

/*ページトップ共通*/
.page-tit-wrap h1{
	font-size:clamp(22px, 3vw, 26px);
	padding:60px 1rem;
	text-align:center;
	font-weight:bold;
	background:#F5F0EC;
}

/*小分け用*/
.box{margin-bottom:4rem;}

/* ==========================================================================
   section別
========================================================================== */

/*indexスライド*/
#index-topimg{position:relative;}
#index-topimg .topimg-tit{
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	z-index:9;
	text-align:center;
	color:#fff;
	font-size:clamp(15px, 3vw, 50px);
	text-shadow:0px 5px 8px rgb(0 0 0 / 40%);
	line-height: 1.5em;
}

/*index大阪府家具工業組合について*/
#index-about{background:#F5F0EC;}
#index-about .tit{margin-bottom:4rem;}
#index-about .about-list{margin:2rem 0 4rem;}
#index-about .about-list li{
	box-sizing: border-box;
	max-width: 410px;
	background: #fff;
	border-radius: 10px;
	border: solid 1px #D0BFB2;
	text-align: center;
}

#index-about .about-list li p{
	font-size:clamp(14px, 1.5vw, 24px);
	font-weight:bold;
	margin:1rem 0 0;
}
@media screen and (min-width: 769px){
	#index-about .about-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#index-about .about-list li{
	
	width: calc((100% - 4rem) / 3);
	padding: 40px;
	margin-right: 2rem;
}
#index-about .about-list li:nth-child(3n){margin-right:0;}
}

@media screen and (max-width: 820px){
	#index-about .about-list li{padding:20px;}
}
@media screen and (max-width: 768px){
	#index-about .about-list li{margin:0 auto 2rem;}
}

/*index大家工倶楽部の活動*/
#index-times .times-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 2rem;
}
#index-times .times-list li{
	width:calc((100%) / 5);
	padding:30px;
	box-sizing:border-box;
}
#index-times .times-list li a{
	display:block;
}
#index-times .times-list li .img-wrap img,
#index-times .times-list li .img-wrap .noimg{
	display: inline-block;
	aspect-ratio: 220 / 155;
	object-fit: cover;
	border:solid 1px #707070;
	margin-bottom: 1rem;
}

#index-times .times-list li .img-wrap .noimg{
	width: 100%;
	height: auto;
	background-image: url(img/logo.png);
	background-size: 70% auto;
	background-position: center;
	background-repeat: no-repeat;
}
#index-times .times-list li .txt-wrap h3{
	font-size:clamp(13px, 1.25vw, 18px);
	line-height:1.75em;
}

#index-times .sub-tit{
	text-align:center;
	margin:0 auto 2rem;
}

@media screen and (max-width: 1280px){
#index-times .times-list li{padding:10px;}
}
@media screen and (max-width: 768px){
#index-times .times-list li{width: calc((100%) / 3);}
}

@media screen and (max-width: 480px){
#index-times .times-list li{width: calc((100%) / 2);}
}

/*indexお知らせ*/
#index-news{background:#F5F0EC;}
#index-news .cont{
	background:#fff;
	padding:40px;
	margin:0 auto 2rem;
}
#index-news .cont .news-list{
	max-width:1340px;
	margin:0 auto;
}
#index-news .cont .news-list li{
	padding:1rem 1.5rem;
	display: flex;
	flex-wrap:wrap;
	background-image: repeating-linear-gradient(90deg, #707070, #707070 5px, transparent 5px, transparent 10px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
#index-news .cont .news-list li span.date,
#index-news .cont .news-list li h3{
	font-size:clamp(13px, 1.25vw, 18px);
	line-height:1.75em;
}
#index-news .cont .news-list li span.date{width:8em;}
#index-news .cont .news-list li h3{flex:1;}

@media screen and (max-width: 768px){
	#index-news .cont{padding:20px;}
	#index-news .cont .news-list li{padding:1rem 0;}
}


/*index bnr*/
#index-bnr .bnr{
	text-align:center;
	max-width:1185px;
	margin:0 auto 2rem;
}
#index-bnr .bnr a{
	display:block;
	box-shadow: 0 0 5px #ccc;
	border-radius:10%;
}


/*大阪府家具工業組合とは？*/
#about .tit{margin-bottom: 3rem;}
#about .col{display:flex;flex-wrap:wrap;}
#about .col .item-txt{flex:1;}
#about .col .item-img{
	width:30%;
	max-width: 240px;
	padding: 0 6rem;
	text-align: center;
}
@media screen and (max-width: 768px){
#about .col .item-img{padding:0 0 0 2rem;}
}

#yakuin{background:#F5F0EC;}
#yakuin .cont{
	background: #fff;
	padding: 40px;
	margin: 0 auto 2rem;
}
#yakuin .cont table{
	width:100%;
	max-width:1210px;
	margin:0 auto;
}
#yakuin .cont table th,
#yakuin .cont table td{
	padding:1rem 1.5rem;
	background-image: repeating-linear-gradient(90deg, #707070, #707070 5px, transparent 5px, transparent 10px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1px;
	line-height:1.75em;
}
#yakuin .cont table th{
	font-weight:bold;
	text-align:left;
	font-size: clamp(14px, 1.5vw, 20px);
	width:5em;
}
#yakuin .cont table td{
	font-size: clamp(14px, 1.5vw, 20px);
}

@media screen and (max-width: 768px){
#yakuin .cont table th,
#yakuin .cont table td{padding:1rem;}
}
@media screen and (max-width: 480px){
	#yakuin .cont{padding:20px;}
	#yakuin .cont table th{padding-left:0;}
	#yakuin .cont table td{padding-right:0;}
}
/*新規組合加盟について*/


@media screen and (min-width: 541px){
	#join01{
	display:flex;
	flex-wrap:wrap;
}
#join01 .item-txt{flex:1;}
#join01 .item-img{
	max-width:540px;
	width:40%;
	margin-left:4rem;
}
}

@media screen and (max-width: 768px){
	#join01 .item-img{margin-left:2rem;}
}

@media screen and (max-width: 540px){
	#join01 .item-img{margin-left:0;margin-top:2rem;}

}



/*組合員*/
/*---タブ実装---*/
.tab_wrap{ margin:0 auto ;}
input[type="radio"]{display:none;}
.tab_area{
	font-size:0;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin-bottom:2rem;
}

.tab_area label{
	
	font-size:20px;
  box-sizing:border-box;
  line-height:53px;
  padding:0 10px;
	min-width:263px;
	text-align:center;
  display:inline-block;
	margin:.5rem;
  background-color:#647E66;
  color:#fff;
  font-weight:bold;
  border-radius:30px;
  text-decoration:none;
	border:solid 1px #647E66;
}
.tab_area label{
	color:#647E66;
	background:#fff;
}
.tab_area label:nth-child(6){width:200px;}

.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;margin: 0 auto; position: relative; top: -1px;}
.tab_panel{display:none;width:100%; box-sizing:border-box;}
.tab_panel ul:not(.list_btn_inline) {padding-bottom: 2em;}
#tab1:checked ~ .tab_area .tab1_label{background:#647E66; color:#fff; z-index: 99; opacity: 1;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#647E66; color:#fff; z-index: 99; opacity: 1;}
#tab2:checked ~ .panel_area #panel2{display:block;}

#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label{
	/*border: solid 1px #ccc;
    border-top: solid 1px #45C1AC;
    border-right: solid 1px #45C1AC;
    border-left: solid 1px #45C1AC;
		box-sizing:border-box;*/
}


@media (max-width:768px) {
.tab_area label{
	font-size:14px;
	min-width:180px;
}
}


@media (max-width:480px) {
	.tab_area label{
	font-size:14px;
	min-width:130px;
}
}


.member-box{
	border:solid 1px #647F66;
	border-radius:20px;
	padding:40px;
	margin-bottom:40px;
	
}

.member-box h3{
	margin-bottom: 1rem;
}
.member-box p{margin-bottom:0;}


.member-box .item02 > div{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	margin-bottom:1rem;
}
.member-box .item02 > div h4{
	color:#fff;
	font-size:clamp(14px, 1.5vw, 20px);
	padding:0 1rem;
	width:130px;
	box-sizing:border-box;
	text-align: center;
	margin-right:1rem;
}
.member-box .item02 > div.hi h4{background:#647e66;}
.member-box .item02 > div.me h4{background:#609EE6;}
.member-box .item02 > div.hp h4{background:#E2A467;}
.member-box .item02 > div p{flex:1;}

@media (min-width:769px) {
	.member-box{display:flex;flex-wrap:wrap;}
.member-box .item01{max-width:480px;flex:1;}
.member-box .item02{flex:1;}

}
@media (max-width:768px) {
.member-box{padding:30px;}
.member-box .item01{margin-bottom:1rem;}
.member-box .item02 > div h4{width:100px;}
}


@media (max-width:480px) {
	#member.sec{padding:3rem 1rem;}
	.member-box{
		border-radius:10px;
		padding:20px;
	}
	.member-box .item02 > div h4{width:85px;}
}


/*お問い合わせ*/


.field{
	max-width:1000px;
	margin:0 auto 2rem;
	display: flex;
	flex-wrap: wrap;
}
.field > p{
	width:10em;
	margin-bottom:0;}
.field .field-head p{
	margin-bottom:0.5rem;
	font-size:clamp(15px, 1.25vw, 20px);
	font-weight:bold;
	color:#234461;
}
.field-body{flex:1;}

.field-label{font-weight:bold;font-size:clamp(14px, 1.25vw, 18px);}
.field input[type="radio"],
.field input[type="checkbox"]{
	-ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    margin-top: 0;
    margin-right: 8px;
}

.field input[type="text"],
.field input[type="tel"],
.field input[type="email"],
.field input[type="date"],
.field select,
.field textarea{
	padding: 1rem;
	border: solid 1px #303030;
	width: 100%;
	box-sizing: border-box;
	font-size:clamp(15px, 1.25vw, 20px);
	font-weight:bold;
	border-radius:10px;
}
::placeholder{font-size:clamp(14px, 1.25vw, 20px);color:rgba(48,48,48,0.2);}
.field .hissu{font-size:clamp(10px, 1vw, 15px);padding-left: .5rem;font-weight: bold;}
.wpcf7 select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	    color: #303030;
}

.wpcf7-list-item-label{
	font-size:clamp(14px, 1.25vw, 18px);
	font-weight:bold;
	margin: 0 0 .5rem 0;
}


.field .wpcf7-form-control-wrap{
	display: block;
}
.field .your-service .wpcf7-list-item{
	display: block;
	margin: 0;
}

@media screen and (max-width: 480px){
.field .kiku .wpcf7-list-item,
.field .shiru .wpcf7-list-item{display:block;}
.field input[type="text"],
.field input[type="tel"],
.field input[type="email"],
.field input[type="date"],
.field select,
.field textarea{
	padding: .5rem;
	border-radius:5px;
}
}



.form-submit {text-align:center;}

@media screen and (min-width: 769px){
.form-submit > p{
	display: flex;
	justify-content: center;
	/*flex-direction: column;*/
	}
}
.form-submit input{
	font-size:20px;
  box-sizing:border-box;
  line-height:53px;
  padding:0 10px;
	min-width:263px;
	text-align:center;
  display:inline-block;
	margin:.5rem;
  background-color:#647E66;
  color:#fff;
  font-weight:bold;
  border-radius:30px;
  text-decoration:none;
	border:solid 1px #647E66;
}
.form-submit input.reset-button{
	color:#647E66;
	background:#fff;
}
.form-submit input.reset-button:hover,
.form-submit .wpcf7-form-control:hover{opacity:0.7;}

.form-submit .wpcf7-spinner{display:none;}

@media screen and (max-width: 768px){
	.form-submit input{
		line-height:48px;
		font-size:15px;
		min-width:200px;
		}
	
}
.form-agreement{font-weight:bold;}
.form-agreement a{
	color:#398826;
	font-weight:bold;
	text-decoration: underline;
}




.field input[type="checkbox"]{
	transform: scale(1.4); 
	margin-right: 0.4em;
}


@media screen and (max-width: 768px){
.field{display:block;}
.field .field-head .field-label{font-weight:bold;}
.field .field-body{margin-bottom:1rem;}
}



/*ファイル追加した時のボタン*/
.entry_content .wp-block-file *+.wp-block-file__button{
	    padding: 2px 5px;
    font-size: 12px;
}