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

@import url("css-smacss/style-base.css");
@import url("css-smacss/style-layout.css");
@import url("css-smacss/style-module.css");
@import url("css-smacss/style-state.css");
@import url("css-smacss/style-theme.css");

@import url("css/style-top.css");
@import url("css/style-single.css");
@import url("css/style-form.css");
@import url("css/style-sponsor.css");

@import url("css/style-iroiro.css");
@import url("css/style-about.css");

@import url("css/style-contact.css");
@import url("css/style-lp.css");



/************************************
** 子テーマ用のスタイルを書く
************************************/

/*デフォルトCSSの上書き*/
.wrap{
	width: 100%!important;
}
.content-in{
}
.copyright{
	font-size: 9px;
}
.main{
	padding: 0px!important;
	border: none!important;
}
.content{
	margin-top: 0px;
}
/*768px以上*/
@media screen and (min-width: 768px) {
	.content-in{
		display: flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.main{
	padding: 0px!important;
	}
}
.footer-bottom	{
	margin: 0px!important;
	padding: 0px!important;
}

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



/****************************************************
** レスポンシブデザイン用メディアクエリ（モバイルファースト
****************************************************/

/*768px以上*/
@media screen and (min-width: 768px) {
	/*タブレットのデザイン内容をここに*/
	
/* メールフォーム　*/
	.mwwpform-box {
		width:60%;
	}
/*  採用情報 */
	.recruit-text li {
		display:flex;
	}
	.recruit-text li b {
		margin: 5px 0 0 0;
		display:block;
	}
	.recruit-text li div:first-child {
		width: 150px;
	}
}

/************************************
** MW WP Form 確認画面レイアウト（2026-10 調整）
************************************/
.mw_wp_form_confirm .mwwpform-box{
	background: #fff;
	padding: 8px 20px 0;
	margin-top: 2rem;
	border-radius: 6px;
}
.mw_wp_form_confirm .mwwpform-box::before{
	content: "以下の内容で送信します。ご確認のうえ「送信する」を押してください。";
	display: block;
	grid-column: 1 / -1;
	padding: 20px 0 16px;
	border-bottom: 2px solid #00a4c0;
	font-size: 14px;
	font-weight: bold;
	color: #3e373c;
	line-height: 1.6;
}
.mw_wp_form_confirm .contents-contact-required-item,
.mw_wp_form_confirm .contents-contact-normal-item{
	display: none;
}
.mw_wp_form_confirm .contents-contact-textarea-box{
	margin: 0;
}
.mw_wp_form_confirm .mwwpform-box p.mwwpform-box-item{
	width: 100% !important;
	margin: 0 !important;
	padding: 16px 0 4px !important;
	border-left: none;
	font-size: 13px;
	font-weight: bold;
	color: #7c706e;
	line-height: 1.6;
}
.mw_wp_form_confirm .mwwpform-box p:not(.mwwpform-box-item){
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 16px !important;
	border-bottom: 1px solid #e6e1de;
	font-size: 16px;
	color: #3e373c;
	line-height: 1.7;
	word-break: break-word;
	overflow-wrap: anywhere;
}
.mw_wp_form_confirm .contents-contact-textarea-box p:not(.mwwpform-box-item){
	border-bottom: none;
}
.mw_wp_form_confirm .contents-contact-button-box{
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	gap: 16px;
	padding: 28px 0 32px;
	border-top: 2px solid #00a4c0;
}
.mw_wp_form_confirm .contents-contact-button-box br{
	display: none;
}
.mw_wp_form_confirm .contents-contact-btn-submit01,
.mw_wp_form_confirm .contents-contact-btn-submit02{
	margin: 0 !important;
	padding: 1.25rem 2rem;
	font-size: 17px;
}
.mw_wp_form_confirm .contents-contact-btn-submit01{
	background: #fff;
	color: #7c706e !important;
	border: 1px solid #7c706e;
}

/*768px以上*/
@media screen and (min-width: 768px) {
.mw_wp_form_confirm .mwwpform-box{
	display: grid;
	grid-template-columns: 13em 1fr;
	padding: 8px 48px 0;
}
.mw_wp_form_confirm .contents-contact-textarea-box{
	display: contents;
}
.mw_wp_form_confirm .mwwpform-box p.mwwpform-box-item,
.mw_wp_form_confirm .mwwpform-box p:not(.mwwpform-box-item){
	padding: 20px 0 !important;
	border-bottom: 1px solid #e6e1de;
}
.mw_wp_form_confirm .mwwpform-box p.mwwpform-box-item{
	padding: 22px 1.5em 18px 0 !important;
	font-size: 14px;
}
.mw_wp_form_confirm .contents-contact-textarea-box p.mwwpform-box-item,
.mw_wp_form_confirm .contents-contact-textarea-box p:not(.mwwpform-box-item){
	width: 100% !important;
	border-bottom: none;
}
.mw_wp_form_confirm .contents-contact-privacy-check{
	display: none;
}
.mw_wp_form_confirm .contents-contact-button-box{
	grid-column: 1 / -1;
	flex-direction: row;
	justify-content: center;
	gap: 24px;
	padding: 32px 0 40px;
}
.mw_wp_form_confirm .contents-contact-btn-submit01,
.mw_wp_form_confirm .contents-contact-btn-submit02{
	width: 280px;
}
}