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


/*************************************/
            /* all */ 
/*************************************/

/* リンク下線消し */
a {
	text-decoration: none;
}
/* ページタイトル非表示 */
.entry-title {
	display: none;
}
/* ボタン */
.wp-block-button__link {
	text-align :center;
	background-color : #545f63;
	color : #FFF;
	font-size :14px;
	border : none ;
	border-radius : 3px;
	padding : 8px 8vw ;
}

/*************************************/
            /* header */
/*************************************/

/* ヘッダ下調整 */
.main ,
#main {
	margin : 0;
	padding : 0;
	background-color : #f7f4f2;
}
div#content.content.cf {
	margin-top : -14.5px
}
/* ヘッダ右空け */
div.item-label {
	padding-right :2rem;
	margin-left :-3rem;
}

/*************************************/
           /* footer */
/*************************************/
/* フッタ上空白消去 */
#footer ,
.footer {
	margin-top : -48px!important;
}

/**************************************/
/*             font                   */
/**************************************/
.syotai_biggest {
	font-size : 50px;
	color : #b05b4c;
	padding-left : 7vw;
	white-space : nowrap;
}
.syotai_biggest_white {
	font-size : 50px;
	color : #FFF;
	padding-top : 10px;
}
/* リストの小さい文字 */
ul.syotai_list > li {
	margin-left : 3rem;
	font-weight : bold;
}
/* 見出し */
h2.wp-block-heading {
	color : #FFF;
	font-size : 20px;
	opacity : 0.6;
	background-image: url(https://lilu-koubou.com/sample.a/wp-content/uploads/2025/11/h4banner.png);
	padding : 5px 0:
}
h4.wp-block-heading {
	font-size : 15px ;
	text-align : center ;
	margin :0 1.4rem;
	color : #FFF;
	font-weight :bold;
	background-color: rgb(0 0 0 / 10%);
}
h5.wp-block-heading {
	color : #545f63;
	font-size : 20px;
	font-weight : 400;
	border-color : #545f63;
	opacity : 0.8;
}
/* トップページエリア３横長カラム文字 */
.syotai_toppage_area3 {
	padding : 50px ;	
}
/* トップページエリア4文字 */
.syotai_toppage_area4 {
	padding : 30px 15vw;
	color : #FFF;
	font-weight : bold;
}

/********************************/
         /* TOPページ */
/********************************/

/* エリア１ */
.toppage_area1_column {
	background-color : #f7f4f2;
}
div.wp-block-columns.toppage_area1_column {
	padding : 100px 50px;
}

/* エリア１、３画像 */
#figure.wp-block-image.toppage_img1,
figure.wp-block-image.toppage_img1 {
	padding-right : 20px;
}
#figure.wp-block-image.toppage_img2,
figure.wp-block-image.toppage_img2 {
	padding-right : 40px;
	margin : -70px 0 0 -40px;
}
figure.wp-block-image.toppage_img1 > img ,
figure.wp-block-image.toppage_img2 > img{
	border-radius : 5px;
}

/* エリア２ */
.toppage_area2_column {
	background-position: 0 0;
	width : 100%;
	background-image: url(https://lilu-koubou.com/sample.a/wp-content/uploads/2025/11/samplea_back2.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 120px 30px;
}
div.wp-block-columns.toppage_area2_column {
	margin: -30px 0;
}
/* 困りごと */
.komarigoto_column {
	background-color : #545f63;
	margin: 0 22px;
	padding : 30px 0;
	border-radius: 0 0 10px 0;
	opacity : 0.9;
}
div.komarigoto_left_column {
	margin : 0 -30px 0 30px;
}
div.komarigoto_center_column {
	margin : 0;
}
div.komarigoto_right_column {
	margin : 0 30px 0 -30px;
}
/* 困りごと画像　 */
.komarigoto_img {
	margin :1rem auto ;
	width :20vw ;
}
/* 困りごと文章 */
.komarigoto_text{
	font-size :13px;
	color : #FFF ;
}
p.komarigoto_text{
	height : 6rem;
	padding : 0 3rem;
}
.area2_text_column {
	padding : 50px;
}

/* エリア3 */
.toppage_area3_column {
	padding : 80px 50px 100px 50px;
	background-color : #f7f4f2;
}
/* 横長カラム */
.toppage_area3_sub_column {
	width : 70vw;
	height :  150px;
	background-image: url(https://lilu-koubou.com/sample.a/wp-content/uploads/2025/11/samplea_back2.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	margin : 30px auto;
}

/* エリア4 */
.toppage_area4_column {
	background-position: 0 0;
	width : 100%;
	background-image: url(https://lilu-koubou.com/sample.a/wp-content/uploads/2025/11/samplea_back1.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 120px 30px;
	margin : -30px 0 ;
}

/* 連絡先ボタン */
.contact_btn{
	white-space:nowrap;
	min-width:80%;
	padding : 30px 0 0 0 ;
}


/* otherpage */

.otherpage_purple_back_column {
	background-position: 0 0;
	width : 100%;
	background-image: url(https://lilu-koubou.com/sample.a/wp-content/uploads/2025/11/samplea_back1.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 80px 30px;
	margin : 0 ;
}
.otherpage_white_back_column {
	background-color : #f7f4f2;
}
.otherpage_main_column {
	padding : 120px 15vw;
}

 /* 実績ページ */
.jisseki_img2 {
	width :350px ;
	height :350px ;
	padding:1rem;
}
/* タブ囲み */
.jiturei_info {
	height :350px;
	margin:2rem;
}
p.jiturei_info_content {
	height:120px;
	padding :1rem;
}
.box-content {
	height:250px;
}

/* スタッフ紹介・挨拶ページ */
.staff_greet_waku {
	margin : 2rem;
}

/*********    responcive   ************/

@media screen and (max-width: 900px) {
	.syotai_biggest {
		font-size : 30px;
	}
	p.komarigoto_text {
		padding-bottom : 150px;
	}
}

@media screen and (max-width: 785px) {
	
	/* ヘッダ */
	.header-container-in.hlt-top-menu {
		background-color : #f7f4f2;
	}
	/* font */
	.syotai_biggest {
		font-size : 35px;
		text-align : center;
		padding : 0 ;
	}
	
	/* toppage */
	div.komarigoto_left_column ,
	div.komarigoto_center_column ,
	div.komarigoto_right_column {
		margin : 0;
	}
	figure.komarigoto_img > img {
		min-width : 60vw;
		padding : 2rem;
	}
	figure.komarigoto_img {
		margin : 0;
	}

}

@media screen and (max-width: 450px) {
	
	/* ヘッダ */
	.header-container-in.hlt-top-menu {
		background-color : #f7f4f2;
	}
	/* font */
	.syotai_biggest_white {
		font-size : 30px;
	}
	#list {
		padding : 0;
	}
	div.wp-block-columns.toppage_area2_column ,
	div.wp-block-columns.toppage_area3_column ,
	div.wp-block-columns.area2_text_column ,
	p.syotai_toppage_area4 {
		padding : 30px 0 30px 0;
		margin : 20px auto;
	}
	div.toppage_area3_sub_column {
		min-width : 90vw;
	}
	figure.komarigoto_img > img {
		min-width : 85vw;
	}
}