@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
	
/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
.footer_contact {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
}
.footer_contact a {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 240px;
	height: 240px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #484;
	text-decoration: none;
	border-radius: 30px 0 0 0;
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.2;
}
.footer_contact i {
	font-size: 5.0rem;
}
.footer_contact a:hover {
	opacity: 0.9;
	transition: 0.5s;
}
.go-to-top {
	bottom: 140px;
}
.fix_footer {
	position: fixed;
	right: 0;
	bottom: 0;
}
.fix_footer li {
	display: flex;
	margin: 10px 0;
}
.fix_footer a {
	width: 100%;
	color: #FFF;
	padding: 12px 15px;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 20px 0 0 20px;
	text-decoration: none;
}
.fix_footer .fix_line a {
	background: #00c300;
}
.fix_footer .fix_mail a {
	background: #de3765;
}
.fix_footer img {
	width: 64px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .fix_footer {
  	display: none;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .footer_contact {
  	display: none;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/*ロゴ*/
@media screen and (max-width: 834px){
.logo-image {
width:70%;
	margin-left: auto;
		margin-right: auto;
}
}

/*記事の見出し*/
.article h2{
	background:#00395F;
	color:#fff;
}

.article h3{
	border-top:solid 1px #00395F;
		border-bottom:solid 1px #00395F;
	color:#00395F;
}

/*お問い合わせバナー pcはメール・spはTELに切替*/
.contact_banar .pc{
	display:block;
}
.contact_banar .sp{
	display:none;
}
@media screen and (max-width: 480px){
	.contact_banar .pc{
	display:none;
}
.contact_banar .sp{
	display:block;
}
	
}



/*2025-11改修*/

/*問い合わせフォーム*/
/*cf7*/
.contact-form {
	background:#e7e7eb;
	padding:30px 60px;
	width:100%;
}

.contact-form p {
	margin-bottom:0!important;
}

.contact-form-item {
	margin-bottom:20px;
}

.contact-label {
	font-size:75%;
	background:#223a70;
	color:white;
	padding:3px 6px 2px;
	border-radius:10px;
	margin-right:5px;
}

.consent {
	margin:50px 0 30px;
}

.consent ul {
	font-size:90%;
	line-height:22px;
}

.personal-info {
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	border: solid 2px #727171;
	padding: 10px;
	line-height: 1.3;
	overflow: auto;
	text-align: left;
	height: 100px;
	background: #f2f2f2;
}

.wpcf7-submit {
	background:#FDB35E;
	padding:10px 20px;
	transition:0.6s;
	margin-top:30px;
}

.wpcf7-submit:hover {
	opacity:0.7;
	transition:0.6s;
	box-shadow:2px 2px 2px gray;
}

input[type=submit] {
	background: #223a70;
	color: white;
	font-size: 1em;
}


@media (max-width: 768px) {
	.contact-content-banner {
		width:100%;
		text-align:center;
		margin-bottom:30px;
	}
  .contact-content-banner img {
		width:90%;
	}
	.contact-content {
		padding-left:0;
		width:100%;
	}
	.contact-form {
		padding:30px 20px;
	}
}

/*問い合わせフォーム:サイドバー*/
/*cf7*/
.side__contact .contact-form {
	padding:20px 15px;
	font-size: 0.9em;
}

.side__contact .contact-form-item {
	margin-bottom:10px;
}

.side__contact .consent {
	margin:15px 0;
}

.side__contact .consent ul {
	margin: 1em 0;
	padding-left: 2em;
}

.side__contact input[type=submit] {
	font-size: 0.8em;
}

/*問い合わせページのみ、SPのサイドバー問い合わせフォームを非表示*/
@media (max-width: 1023px) {
	.page-id-25 .side__contact {
	  display: none;
	}
}

/*SPフッターボタン*/
.fix_footer-sp {
	position: fixed;
	left: 0;
	bottom: 0;
}

.fix_footer-sp ul {
	display: flex;
	list-style: none;
	padding-left: 0;
}

@media (min-width: 1023px) {
	.fix_footer-sp {
		display: none;
	}
}

/*主なサポート内容*/
.main-support {
	margin-top: 4em;
}

.main-support__inner {
	display: flex;
}

.main-support__text {
	width: 58%;
}

.main-support__text h3 {
	display: inline-block;
	border: solid 1px;
	padding: 0.3em 0.6em;
	margin-bottom: 0.5em;
}

.main-support__img {
	width: 42%;
	padding-left: 2em;
}

@media (max-width: 768px) {
	.main-support__inner {
		display: block;
	}

	.main-support__text {
		width: 100%;
	}

	.main-support__text h3 {
		display: inline-block;
		border: solid 1px;
		padding: 0.3em 0.6em;
		margin-bottom: 0.5em;
	}

	.main-support__img {
		width: 100%;
		padding-left: 0;
	}
}


/*古物商許可申請ステップ*/
.application-step {}
.application-step__item {
	display: flex;
	margin-bottom: 2em;
}

.application-step__item-text {
	width: 60%;
}

.application-step__item figure {
	width: 40%;
	padding-left: 3em;
}

@media (max-width: 768px) {
	.application-step__item {
		display: block;
	}
	.application-step__item-text {
		width: 100%;
	}
	.application-step__item figure {
		width: 100%;
		padding-left: 0;
	}
}
/*/古物商許可申請ステップ*/


/* ◆◆◆ 利用者の声 ◆◆◆ */
.voice__01 {
	padding-block: 3em;
}

.voice__01 h2.voice-title {
	text-align: center;
}

.voice__01 .voice__inner {}

.voice__01 ul.voice__items {
	counter-reset: voice;
	list-style: none;
	padding: 0;
	margin: 0;
}

.voice__01 li.voice__item {
	background: white;
	padding: 2em 0 0.5em;
	margin-bottom: 2em;
}

.voice__01 li.voice__item:last-of-type {
	margin-bottom: 0;
}

.voice__01 li.voice__item h3 {
	margin-top: 0;
}

.voice__01 li.voice__item figure {
	width: 40%;
	float: right;
	padding-left: 3em;
	margin-top: 0.4em;
}


@media (max-width: 768px) {
	.voice__01 {
		margin-top: 3em;
	}

	.voice__01 li.voice__item {
		padding: 1.5em 1.5em 0.4em;
		margin-bottom: 2em;
	}

	.voice__01 li.voice__item figure {
		width: 100%;
		float: none;
		padding-left: 0;
		margin-top: 0.9em;
	}

}

/* ◆◆◆ 利用者の声 ◆◆◆ */


/* ◆◆◆ 推薦の声 ◆◆◆ */
.recommend {
	padding-block: 3em;
}

.recommend h2.recommend-title {
	text-align: center;
}

.recommend .recommend__inner {}

.recommend ul.recommend__items {
	counter-reset: recommend;
	list-style: none;
	padding: 0;
	margin: 0;
}

.recommend li.recommend__item {
	background: #eaf4fc;
	padding: 2em;
	margin-bottom: 2em;
}

.recommend li.recommend__item:last-of-type {
	margin-bottom: 0;
}

.recommend li.recommend__item h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
	border: none;
}

.recommend__item-flex {
	display: flex;
}

.recommend li.recommend__item figure {
	width: 40%;
	padding-right: 2em;
	margin-top: 0.4em;
}

.recommend li.recommend__item p {
	width: 60%;
}


@media (max-width: 768px) {

	.recommend li.recommend__item {
		padding: 1.5em 1.5em 0.1em;
		margin-bottom: 2em;
	}
	
	.recommend__item-flex {
		display: block;
	}

	.recommend li.recommend__item figure {
		width: 100%;
		padding-right: 0;
		margin-top: 0.9em;
		margin-bottom: 1em;
	}
	
	.recommend li.recommend__item p {
		width: 100%;
	}
}

/* ◆◆◆ /推薦の声 ◆◆◆ */

/* 固定ページだけ日付を非表示にする */
.page .entry-date,
.page .post-date,
.page .date-tags,
.page .update-date {
  display: none !important;
}

/*問い合わせページだけサイドバーの問い合わせフォームを非表示*/
.page-id-25 .side__contact {
  display: none !important;
}