@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ヘッダを消す */
header{
	display:none;
}

.date-tags {
  margin-bottom: 0;
}

/* 上の余白を消す */
main.main{
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}

.content{
  margin-top: 0;
}

.article h1{
  margin-top: 0;
  padding-top: 0;
}

.entry-content{
	margin-top: 0;
	margin-bottom: 0;
}

/* カラムブロック：下の余白を消す */
.wp-block-columns{
	margin-bottom: 0;
}

/* キャッチ部分 */
.pc_catch, .sp_catch{
	line-height: 1.4;
}

.sp_catch{
	display: none;
}

.catch_l{
	font-size: clamp(30px, 3.6vw, 46px);
}

.catch_m{
	font-size: clamp(18px, 2.2vw, 28px);
}

.catch_s{
	font-size: clamp(16px, 1.8vw, 20px);
}

.catch_img{
	width: 27vw;
	max-width: 345px;
}

/* カバーブロック：画面幅にする */
.viewport_width_full{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/* カラム：ボックスの高さを揃える */
.column_block{
	display: flex;
}

/* カラム：ボックスの幅を揃える */
.column_block div{
	width: 100%;
}

.caption-box-label{
	justify-content: center;
}

/* お問い合わせフォーム */
.contact_form{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.contact_agree{
	margin-bottom: 1em !important;
}

/* フッター */
.footer{
	margin-top: 0;
	padding: 0;
}

.footer-bottom{
	margin-top: 0;
}

.company_address{
	font-size: 14px;
}

.copylight{
	margin-top: 0;
}

/* reCAPTCHA */
div:has(.grecaptcha-badge){
	position: relative;
	bottom: 0;
}

.grecaptcha-badge {
	position: absolute !important;
	right: -50px !important;
	transform: scale(0.5);
}

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

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

	.catch_m{
		font-size: 18px;
	}

	.catch_s{
		font-size: 16px
	}

	.catch_img{
		width: 225px;
	}
	
	.viewport_width_full{
		min-width: 834px;
	}
}

/*480px以下*/
@media (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	main.main{
		padding: 0 16px;
	}
	
	/* キャッチ部分 */
	.pc_catch{
		display: none;
	}
	
	.sp_catch{
		display: flex;
	}
	
	.sp_catch_l{
		font-size: 8vw;
	}

	.sp_catch_m{
		font-size: 5.5vw;
	}

	.sp_catch_s{
		font-size: 4.2vw;
	}

	.sp_catch_img{
		width: 30vw;
	}
	
	.viewport_width_full{
		min-width: auto;
	}
}