@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template:   cocoon-master
Version:    1.1.3
*/
ul{list-style-type:none;}
p{letter-spacing:1px;}
h2,h3{letter-spacing:1px;}
ol, ul {padding-left: 0;}
/*header*/
#pc_header{
	position:relative;
	width:100%;
	max-width:1720px;
	margin:0 auto;
	padding:10px;
}
.page .entry-header{
	height:400px;
	width:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	background:no-repeat center center cover;
	background-image:url(https://ikedasekizai-kitakyu.com/wp-content/uploads/2025/02/def_ttlbg.webp);
	margin:0;
	padding:0;
}
h1.entry-title{
	color:#fff;
	font-size:36px;
	letter-spacing:0.2em;
}
h1.entry-title:before{
	content:url(https://ikedasekizai-kitakyu.com/wp-content/uploads/2025/02/ttl_icon.png);
	display:block;
	width:100%;
	text-align:center;
}
.post h1.entry-title{
	color:#222;
	letter-spacing:0.1em;
}
.head_logo_wrap{
  width: 100%;
  }
.head_logo{
  width: 100%;
  text-align: center;
}
.head_ttl{
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
}
.head_nav{
  width: 100%;
  display: flex;
  justify-content: center;
}
.head_nav li{
  padding: 0.5em 1.5em;
  letter-spacing: 1px;
	border-left:1px solid #ccc;
}
.head_nav li:last-child{
	border-right:1px solid #ccc;
}
.head_nav li span{
  font-size: 10px;
  display: block;
  text-align: center;
  color: #d30f1a;
}
.head_nav li a{
	text-decoration:none;
	color:#222222;
}
.pc_header_right{
	position:absolute;
	right:0;
	top:0;
}
.pc_header_right ul{
	display:flex;
	margin-top:10px;
}
.pc_header_right ul li{
	margin-left:10px;
}
/*footer*/
.foot_contact{
	padding:80px 14px;
	background:#8fbca8;
	position:relative;
	margin-top:100px;
}
.contact_masct{
	width:100%;
	padding:0;
	text-align:center;
	position:relative;
}
.contact_masct img{
	width:120px;
	height:auto;
	margin-top:-180px;
}

#ike_footer{
	border-top:4px solid #d30f1a;
	background:#fff;
}
.foot_inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	position:relative;
	padding:68px 14px;
}
.foot_tel{
	font-size:40px;
	color:#d30f1a;
	margin-bottom:0;
}
.foot_tel span{
	margin-top:-5px;
	margin-right:10px;
}
.foot_add{
	margin-bottom:1em;
}
.foot_add li span{
	color:#d30f1a;
	margin-right:5px;
}
.foot_info dl{
	display:flex;
	margin-bottom:.5em;
}
.foot_info dl dt{
	background:#d30f1a;
	width:6em;
	color:#fff;
	text-align:center;
	border-radius:20px;
	margin-right:1em;
}
.foot_nav_wrap{
	display:flex;
}
.foot_nav_wrap dl{
	margin-left:3em;
}
.foot_nav_wrap dl dt{
	color:#d30f1a;
	margin-bottom:0.5em;
}
.foot_nav_wrap dl dd{
	font-size:90%;
	margin-bottom:0.2em;
}
.foot_nav_wrap dl dt a{
	color:#d30f1a;
	text-decoration:none;
}
.foot_nav_wrap dl dd a{
	color:#222222;
	text-decoration:none;
}

.pc_footer_btn{
	position:absolute;
	right:0;
	bottom:10px;
}
.pc_footer_btn ul{
	display:flex;
}
.pc_footer_btn ul li{
	margin-left:5px;
}
.copy{
	display:block;
	width: 100%;
	text-align: center;
	background: #d30f1a;
	color:#fff;
}
.copy a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

/*body*/
section{
	padding:80px 0;
}
.bg_deepgreen{
	background:#8fbca8;
}
.bg_lightgreen{
	background:#c7ddd3;
}
.jc_center{
	justify-content: center;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.sub-caption {
    font-family: Tunga, "Trebuchet MS", Tahoma, Verdana, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    font-size: 0.65em;
    opacity: 1;
}
h2{
	font-size:24px;
	text-align:center;
background-color:  transparent;
	margin-bottom:1em;
}
p{
	margin-bottom:1.5em;
}
.ta_center{
	text-align:center;
}
.page .wp-block-group{
	margin-bottom: 0;
}
.page ul{
	padding: 0;
}
.main_image{
	width: 100%;
	max-width: 1720px;
	height: calc(100vh - 100px);
	background-image: url(https://ikedasekizai-kitakyu.com/wp-content/uploads/2025/01/haka_img.webp);
	background-position: center center;
	background-size: cover;
	padding: 100px 0 0 100px;
	margin: 0 auto;
	margin-bottom: 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
#header-container .wrap {
    width: 100%;
	max-width: 1720px;	
    margin: 0 auto;
	font-weight: 700;
}
.main_image h2.main_txt{
	font-size: 32px;
	line-height: 1.75;
	color: #fff;
	text-shadow: 0px 0px 10px #333333;
}
.sec-wrap{
	padding: 0 4% 68px;
	width: 100%;
	max-width: 1720px;
	margin: 0 auto;
}
.sec-w-wrap{
	padding:108px 4%;
	width: 100%;
	max-width: 1720px;
	margin: 0 auto;
}
/*ttl_block*/
.ttl_block{
	padding: 0 4% 60px;
	width: 100%;
	max-width: 1720px;
	margin-left:auto;
	margin-right:auto;
}
.ttl_block img{
	padding: 0 0 28px;
}
.ttl_block p{
	font-size:12px;
	margin-bottom:.5em;
}
.qa-container {
            max-width: 900px;
            margin: 0 auto;
        }
 .qa-item {
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            overflow: hidden;
            background: white;
        }
.qa-label {
            display: block;
            padding: 20px;
            background: rgba(255,255,255,0.8);
            color:#222222;
            cursor: pointer;
            font-weight: bold;
        }
.qa-label span{
			margin-right:10px;
			color:#d53b43;
        }
.qa-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            background: #fff;
            padding: 0 10px;
        }
.qa-container input[type="checkbox"] {
            display: none;
        }
.qa-container input[type="checkbox"]:checked + .qa-content {
            max-height: 200px;
            padding: 10px;
        }
ul.value_list{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
ul.value_list li{
	width:calc(25% - 20px);
	padding:2em 1.5em;
	background:rgba(255,255,255,0.8);
	border-radius:3px;
}
ul.value_list li h3{
	border:none;
	text-align:center;
	font-size:22px;
	position: relative;
	padding-bottom:.5em;
}
ul.value_list li h3::before {
    position: absolute;
    border-bottom: 2px solid #d53b43;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
}
.article h3{
	border:none;
	font-size:22px;
	margin-bottom:1em;
	padding:0;
}
ul.value_list li p{
	font-size:16px;
}
.col2_box{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-bottom:48px;

}
.col2_box div{
	width:50%;
}
ul.service_list{
	width:100%;
	max-width:1120px;
	margin:20px auto 48px;
	display:flex;
	justify-content:space-between;
}
ul.service_list li{
	width:calc(100% / 6);
}
ul.service_list li img{
	width:100%;
	height:auto;
}

.mrb1em{
	margin-bottom: 1em;
}
.mrb30{
	margin-bottom: 30px!important;
}
.mrb60{
	margin-bottom: 60px!important;
}
.ta_center{
	text-align: center;
}
.bg_yel{
	background-color: #ffdc11;
}
.fc_red{
	color: #d8215a;
}
.sec_ico img{
	margin-top: -40px;
}
.page .article .wp-block-image{
	margin-bottom: 0;
}
.page .article h2.center_h2{
  display: inline-block;
  position: relative;
  font-size: 38px;
	margin-bottom: 1.5em;
}
.page .article  h2.center_h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: inline-block;
  width: 50px;
  height: 1px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #000;
}
.catch_txt span{
	display: inline-block;
	border: 2px solid #d8215a;
	border-radius: 50px;
	color:  #d8215a;
	background-color: #ffe7e7;
	padding: 10px 1em;
	width: 100%;
	text-align: center;
}
.m-wrap{
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.s-wrap{
	width: 100%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
/*table*/
.table_wrap{
	padding: 20px;
	border-radius: 20px;
	border: 3px solid #000;
	background: #fff;
}
.table_wrap table tr{
    background-color: #fff;
}
.table_wrap table tr::nth-child(2){
    background-color: #fff;
}

.table_wrap table{
	border: none;
}
.table_wrap table th, table td {
    border: none;
    padding: 6px;
}
.table_wrap table td span{
	font-size: 12px;
}
.table_wrap table tr {
    border-top: 2px solid #000;
}
.table_wrap table tr:first-child{
    border-top: none;
}
.table_wrap table tr td:first-child{
 width: 12em;
}

/**/
.news_list{
	width: 100%;
	margin-bottom: 40px!important;
}
.news_list li{
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding: 1em 0;
	border-bottom: 1px solid #333;
	align-items: center;
}
.news_list li a{
	color: #000;
	text-decoration: none;
}
.news_list li .wp-block-latest-posts__post-date{
	padding-right: 2em;
}
.news_list li a::before {
	content: "▶︎";
    color:#d8215a!important;
}
/**/
.ike_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 1.2em;
	text-align: center;
	width: 400px;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	border-radius: 40px;
	border: 2px solid #fff;
	background-color: #dc3f48;
	transition: 0.3s;
	letter-spacing:1px;
}
.ike_btn:hover{
  color:#fff;
	background-color:#ec3d42;
}
.contactbtn_list li p{
	width:100%;
	text-align:center;
	font-size:12px;
	color: #dc3f48;
}
.contactbtn_list li{
	padding-bottom:20px;
}
.contactbtn_list li:last-child p{
	color: #4cc764;
}

.tel_btn,.mail_btn,.line_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0 0 0 54px;
	height:58px;
	line-height:58px;
	text-align: center;
	width: 320px;
	color: #dc3f48;
	font-size: 16px;
	text-decoration: none;
	border-radius: 40px;
	border: 4px solid #dc3f48;
	background-color: #fff;
	transition: 0.3s;
	letter-spacing:1px;
	position:relative;
	font-size:20px;
}
.line_btn{
	color: #4cc764;
	border: 4px solid #4cc764;
}
.line_btn::before{
	content:url(https://ikedasekizai-kitakyu.com/img/line_ico.webp);
	position:absolute;
	left:-2px;
	top:-4px;
}
.mail_btn::before{
	content:url(https://ikedasekizai-kitakyu.com/img/mail_icon.webp);
	position:absolute;
	left:-2px;
	top:-4px;
}
.tel_btn::before{
	content:url(https://ikedasekizai-kitakyu.com/img/tel_icon.webp);
	position:absolute;
	left:-2px;
	top:-4px;
}

.page h3.center_h3{
	background-color: transparent;
	font-size: 24px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-style: normal;
	font-weight: 700;
	border: none;
	padding: 0;
	margin: 0px;
	text-align: center;
	}
.page h3.contact_h3{
		background-color:  #ffdc11;
		font-size: 24px;
		font-family: fot-tsukuardgothic-std, sans-serif;
font-style: normal;
font-weight: 700;
		border: none;
		padding: 5px;
		margin: 0 0 30px;
		text-align: center;
	}
.sec_contact{
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
	padding: 48px 0 68px;
	background-image: url(https://watanabegankaiin.com/wp-content/themes/cocoon-child-master/images/line_img01.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
}
/*abouttable*/
.about_table table tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.about_table  table{
	border: none;
	width: 100%;
}
.about_table table th, table td {
    border: none;
    padding: 1em .5em;
	text-align: left;
}
.about_table  table tr {
    border-top: 4px solid #c7ddd3;
   border-bottom: 4px solid #c7ddd3;
	background:#fff;
}
.about_table  table tr td:first-child{
 width: 7em;
	background:#8fbca8;
}
.contact_wrap{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 48px 0;
}
article ul.contact_list{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		box-sizing: border-box;
	margin-bottom: 48px!important;
	}
article ul.contact_list::before{
  content:"";
  display: block;
  width: calc(25% - 10px);
  order:1;
}
article ul.contact_list::after{
  content:"";
  display: block;
  width: calc(25% - 10px);
}
article ul.contact_list li{
		width: calc(25% - 10px);
		margin: 0 0 20px;
		text-align: left;
	padding: 0;
	}
article ul.contact_list li img{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
article ul.contact_list li span{
	display: block;
	font-size: 16px;
	line-height: 1.2;
	}
.flow_ttl_wrap{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.flow_icon{
	width:100%;
	text-align:center;
	margin-bottom:32px;
}
.flow_block{
	padding:120px 0 80px;
	background:#ddebe5;
	position:relative;
}
.flow_block:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -40px;
  border: 40px solid transparent;
  border-top: 40px solid #ddebe5;
	z-index:10;
}
.flow_block:nth-child(2n){
	background:#ffffff;
}
.flow_block:nth-child(2n):before {
  border: 40px solid transparent;
  border-top: 40px solid #ffffff;
}

.article .flow_block h2{
	line-height:1.8em;
	padding:0 0 1em;
}
.flow_block p{
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:32px 32px 0;
	border-top:1px solid #222222;
}
.serviceblock_list{
	width:100%;
	max-width:1120px;
	margin-right:auto;
	margin-left:auto;
}
.serviceblock_list ul{
	width:100%;
	margin-left:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.serviceblock_list ul li{
	width:calc(50% - 10px);
	border:2px solid #222222;
	border-radius:10px;
	background:#ffffff;
	padding:20px;
}
.serviceblock_list ul li div.ttl_wrap{
	display:flex;
	margin-bottom:20px;
	align-items:center;
}
.serviceblock_list ul li div.ttl_wrap h3{
	padding-left:20px;
	color:#8fbca8;
}
.form_lavel{
	display:flex;
	margin-bottom:1.5em;
}
.form_ttl{
	width:14em;
}
.form_ttl span{
	font-size:10px;
	margin-left:10px;
	color: #d30f1a;
}
.form_lavel div:nth-child(2){
	width:calc(100% - 14em);
}
.form_lavel div label{
	display:block;
}
.ta_center{
	display:center;
}
span.wpcf7-list-item{
	display:block;
}
.form_btn{
	width:100%;
	text-align:center;
}
.form_btn input{
	width:300px;
	border-radius:30px;
	background:#d30f1a;
	color: #ffffff;
	height:60px;
}

/*834px以下*/
@media screen and (max-width: 834px){
.page .entry-header{
	height:180px;
}
h1.entry-title{
	font-size:20px;
}
.page .entry-header img{
	width:50px;
	height:auto;
}
.main_image{
	height: 80vh;
	background-image: url(https://ikedasekizai-kitakyu.com/wp-content/uploads/2025/02/main_image_sp.webp);
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
}
.main_image img{
	width:50%;
	height:auto;
	display:block;
	margin:0 auto;
	padding-bottom:20px;
}
.main_image h2.main_txt{
	font-size: 20px;
	text-align: center;
}
.ttl_block {
    padding: 0 4% 20px;
}
section{
padding:48px 14px;
}
.page h3.center_h3{
		font-size: 18px;
	}
.page h3.contact_h3{
		font-size: 18px;
	}
.sec_ico img{
	margin-top: -20px;
	width: 100px;
	height: auto;
}
/*abouttable*/
.about_table table th, table td {
	display:block;
	font-size:16px;
}
.about_table  table tr td:first-child{
 width: 100%;
}
.page .article h2.center_h2{
  font-size: 20px;
}
.catch_txt span{
	padding: 10px 2em;
}
.news_list{
	width: 100%;
	margin-bottom: 40px!important;
}
.news_list li{
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	align-items: flex-start;
}
.serviceblock_list ul{
	flex-direction:column;
}
.serviceblock_list ul li{
	width:100%;
}
.serviceblock_list ul li img{
	width:72px;
	height:auto;
}
.flow_icon {
    margin-bottom: 20px;
}
	.flow_icon img{
		width:60px;
		height:auto;
	}
.footer-info_inner{
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
}
.contact_wrap{
	padding: 48px 4%;
}
.ttl-wrap{
	margin: 100px auto 0;
}
article ul.contact_list li span{
	font-size: 14px;
	}
}
@media screen and (max-width: 480px){
.contact_masct img{
	width:80px;
	height:auto;
	margin-top:-120px;
}
#pc_header{
	display:none;
	}
.ike_btn{
	width: 320px;
}
.tel_btn,.mail_btn,.line_btn{
	width: 320px;
	border: 4px solid #dc3f48;
}
.line_btn{
	color: #4cc764;
	border: 4px solid #4cc764;
}
article ul.contact_list li{
		width: calc(50% - 5px);
		margin-bottom: 15px;
	}
ul.value_list{
	flex-direction:column;
}
ul.value_list li{
	width:100%;
}
ul.value_list li h3{
	font-size:18px;
}
.article h3{
	font-size:18px;
}
ul.value_list li p{
	font-size:16px;
}
.col2_box{
	flex-direction:column;
}
.col2_box div{
	width:100%;
}
.col2_box div.col2_img{
	margin-bottom:20px;
}
ul.service_list{
	flex-wrap:wrap;
}
ul.service_list li{
	width:calc((100% / 3) - 6px);
	margin:3px;
}
.form_lavel{
	flex-direction:column;
}
.form_lavel div:nth-child(2){
	width:100%;
}

/*footer*/
.foot_inner{
	flex-direction:column;
	padding:40px 14px;
}
.foot_logo{
	text-align:center;
	margin-bottom:0.5em;
}
.foot_logo img{
	width:200px;
}
.foot_tel{
	font-size:28px;
	text-align:center;
}
.foot_add{
	margin-bottom:1em;
}
.foot_add li span{
	color:#d30f1a;
	margin-right:5px;
}
.foot_info{
	margin-bottom:1.5em;
}
.foot_nav_wrap{
	display:flex;
}
.foot_nav_wrap dl{
	margin-left:0em;
}
.foot_nav_wrap dl:nth-child(2){
	margin-left:3em;
}
.pc_footer_btn{
	display:none;
}
}
.menu-drawer li {
	padding:20px 0;
	border-bottom: 1px solid #ccc;
}
.navi-menu-content{
	background:#c7ddd3;
}

.logo-menu-button img{
	width:140px;
	height:auto;
}
.foot_fixed_bottom{
	display:none;
}
@media screen and (max-width: 480px){
	.contact_masct_footbtm{
		position:absolute;
		bottom:0;
			left:40px;
	}
.contact_masct_footbtm img{
	width:40px;
	height:auto;
	}
.foot_fixed_bottom{
	display:block;
	position:fixed;
	width:100%;
	background:rgba(143,188,168,.80);
	height:70px;
	bottom:0;
	padding:5px;
}
.foot_fixed_bottom a{
	padding: 1.2em;
	text-align: center;
	width: 100%;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	border-radius: 40px;
	border: 2px solid #fff;
	background-color: #dc3f48;
	transition: 0.3s;
	letter-spacing:1px;
	display:block;
	padding-left:40px;
	}
.copy{
	padding-bottom:80px;
}}
h2.entry-card-title{
	text-align:left;
}
ul.blog_wrap{
	display:flex;
	max-width:1120px;
	width:100%;
	margin:0 auto 48px;
	flex-wrap:wrap;
}
ul.blog_wrap li{
	width:calc((100% / 3) - 10px);
	position:relative;
}
ul.blog_wrap li::before{
    content: "";
    padding-top: 100%;
    display: block;
}
ul.blog_wrap li img{
  width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  border-radius:5px;
}
ul.blog_wrap li a{text-decoration:none; color:#222222; font-size:14px; display:block;}
.mw-1120{
	max-width:1120px!important;
}
ul.voice_wrap{
	display:flex;
	max-width:1120px;
	width:100%;
	margin:0 auto 48px;
	flex-wrap:wrap;
}
ul.voice_wrap li{
	width:calc((100% / 2) - 10px);
	position:relative;
  border-radius:5px;
border:2px solid #8fbca8;
	background:#fff;
	padding:16px;
}
ul.voice_wrap li h3{
	font-size:20px;
	padding:1em 0;
    background: linear-gradient(90deg, #d53b43 0% 100%);
    background-repeat: no-repeat;
	background-size: 100px 2px;
    background-position: left bottom;
}
ul.voice_wrap li img{
  width: 100%;
  border-radius:5px;
}
ul.voice_wrap li a{text-decoration:none; color:#222222; font-size:14px; display:block;}
@media screen and (max-width: 480px){
ul.blog_wrap{
	margin:0 auto 24px;
}
ul.blog_wrap li{
	width:calc((100% / 2) - 5px);
}
ul.blog_wrap li::before {
    padding-top: 70%;
}
ul.voice_wrap{
	margin:0 auto 24px;
}
ul.voice_wrap li{
	width:100%;
}
ul.voice_wrap li h3{
	font-size:18px;
}	
}