@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/***************************************
共通設定
****************************************/
:root {
	--sfonts: 'M PLUS Rounded 1c', sans-serif;
}

.text-center{text-align: center;}
.font-mini{font-size: 0.8em;}
.font-color-red{color: #dd0000;}

#content .c-tabList{position: relative; z-index: 2;}
.post_content div.c-tabBody__item{display: block; padding-top: 200px; margin-top:-200px !important;}

/***************************************
ヘッダー
****************************************/
.-series .l-header__logo{padding: 0;}
.c-gnav>.menu-item>a .ttl{font-size: 16px; font-weight: bold; font-family: 'M PLUS Rounded 1c', sans-serif;}

/***************************************
FV
****************************************/
.p-mainVisual__slideText{font-size: 32px; font-weight: bold;}

/***************************************
TOP 共通設定
****************************************/
.home .l-mainContent__inner h2{
    font-weight: normal;
    font-family: "M PLUS Rounded 1c";
}

.home .l-article iframe,
.home .l-article video{width: 100%; height: auto; aspect-ratio: 16 / 9;}


/***************************************
TOP ピックアップコンテンツ
****************************************/
.top-pick__box{padding-top: 25px; box-shadow: 0 0 35px #ccc; border-radius: 15px; text-align: center; font-weight: bold; font-size: 1.1em;}
.top-pick__box .swell-block-column{border-radius: 15px;}
.top-pick__box .has-text-color{font-size: 1.4em;}




.pickup_contents{ background:#fff; }

.pickup_contents .list_block{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 auto;
}

.pickup_contents .list_block > a{
	display:block;
	position:relative;
	margin-bottom:1rem;
	padding:2rem 1rem;
	line-height: 1.25;
	text-align: center;
	border:#ddd solid 1px;
	border-top:none;
	border-radius:2rem;
	background:#fff;
	box-shadow:0.4rem 0.4rem 0.4rem 0 rgba(128,128,128,0.24);
	-webkit-transition:0.25s ease-out;
	-moz-transition:0.25s ease-out;
	-ms-transition:0.25s ease-out;
	transition:0.25s ease-out;
	overflow:hidden;
}
.pickup_contents .list_block > a:hover{
	text-decoration:none;
	box-shadow:0 0 0 0 rgba(128,128,128,0.24);
}

.pickup_contents .list_block > a::before{
	display:block;
	content:"";
	position:absolute;
	top:-150%;
	left:-170%;
	z-index:3;
	width:200%;
	height:200%;
	border-radius:20rem;
	-webkit-transition:0.35s ease-out;
	-moz-transition:0.35s ease-out;
	-ms-transition:0.35s ease-out;
	transition:0.35s ease-out;
}
.pickup_contents .list_block > a:nth-child(odd)::before{ background:#759875; }
.pickup_contents .list_block > a:nth-child(even)::before{ background:#c58699; }
.pickup_contents .list_block > a:hover::before {
	top:-50%;
	left:-50%;
	/*height:100%;*/
}

.pickup_contents .list_block > a .title{
	position:relative;
	z-index:10;
	margin-bottom:1rem;
	color:#000;
	font-size:1.75rem;
	font-weight:500;
	font-family: "M PLUS Rounded 1c";
}
.pickup_contents .list_block > a .txt,
.pickup_contents .list_block > a .list{
	position:relative;
	z-index:5;
	color:#000;
	font-size:1.25rem;
	font-weight:700;
}
.pickup_contents .list_block > a:nth-child(odd) .txt,
.pickup_contents .list_block > a:nth-child(odd) .list{ color:#759875; }
.pickup_contents .list_block > a:nth-child(even) .txt,
.pickup_contents .list_block > a:nth-child(even) .list{ color:#c58699; }

.pickup_contents .list_block > a .list{ list-style:none; }
.pickup_contents .list_block > a .list li::before {
	display:inline-block;
	content:"・";
}

.pickup_contents .list_block > a:hover .title,
.pickup_contents .list_block > a:hover .txt,
.pickup_contents .list_block > a:hover .list{ color:#fff; }

@media print,screen and (max-width:767px) {
	.pickup_contents .list_block {
		width:95%;
		margin:0 auto;
		padding:3rem 0;
	}
	.pickup_contents .list_block > a {
		width:calc(50% - 0.25rem);
		padding:2rem 0.5rem 1rem;
	}
	.pickup_contents .list_block > a:last-child { width:100%; }
	.pickup_contents .list_block > a .title{
		margin-bottom:0.5rem;
		font-size:1.5rem;
		font-weight:700;
	}
	.pickup_contents .list_block > a .txt,
	.pickup_contents .list_block > a .list{ font-size:1rem; }
}
@media print,screen and (min-width:768px) {
	.pickup_contents .list_block{ max-width:960px; padding:5rem 0; }
	.pickup_contents .list_block > a { width:calc(33% - 1rem); margin-bottom:2rem;}
}

/***************************************
TOP 特殊清掃バナー
****************************************/
.tokusyuseisoutai_wrap{position: relative;}
.tokusyuseisoutai_wrap #t_logo{position: absolute; top: 77px; right: 71px;}
.lp-banner{max-width: 960px; margin: 50px auto;}
.lp-banner figure{margin-bottom: 20px;}
.lp-banner a:hover{opacity: 0.7;}
.link_btn01 a {
	display: inline-block;
	background-color: #c58699;
	color: #ffffff;
	border-radius: 10px;
	/* font-weight: bold; */
	padding: 10px;
	font-size: 20px;
	width: 100%;
	text-align: center;
}
.link_btn01 a:hover{transition: 0.3s ease-out; text-decoration: none;}


/***************************************
TOP SOS動画
****************************************/
.video_block h2{
	color: #759875;
    font-size: 26px;
    line-height: 1.4;
    margin: 0 0 15px;
}
@media (max-width: 767px){
	.video_block h2{
		font-size: 22px;	
	}
}
.video_block{
	padding: 30px 0px;
	margin:30px auto 30px; 
	max-width: 1260px;
	display: flex;
	flex-direction: column;
	align-items:center;
	background: #F8FAF8;
}
.video_block div{
	max-width: 940px;
	width: 100%;
	position: relative;
	height: 0;
	padding-top: 41.25%;
}
.video_block iframe{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
@media print,screen and (max-width:1024px) {
	.video_block{
		padding: 2rem 10px;
		margin: 2rem auto ; 
	}
    .video_block div{
        position: relative;
        padding-top: 0%;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
    }
    .video_block iframe{
        position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
    }
}

/***************************************
TOP 違法業者注意
****************************************/
.caution__banner{text-align: center;}
.caution__banner a{transition: 0.3s;}
.caution__banner a:hover{opacity: 0.7;}

/***************************************
TOP LP誘導バナー
****************************************/
.lp-banner02{width: 100%; max-width: 1280px; margin: 50px auto;}
.lp-banner02 figure{margin-bottom: 20px;}
.lp-banner02 a:hover{opacity: 0.7;}

/***************************************
TOP LP誘導バナー下のテキスト
****************************************/
.first-text{margin: 30px 10px 0; text-align: center;}
.first-text h2{color: #759875; font-size: 26px; line-height: 1.4; margin: 0 0 15px;}
@media (max-width: 767px) {
	.first-text {
		text-align: left;
	}

	.first-text h2 {
		font-size: 22px;
	}

	.first-text br {
		display: none;
	}
}

/***************************************
TOP 選ばれる理由
****************************************/
.yellow-underline{display:inline-block; position:relative; margin-right:0.5rem; letter-spacing: 0.1em}
.yellow-underline:after{display:block;content:""; position:absolute; bottom:0.5rem; width:100%; height:1rem; background:#fff000; z-index: -1;}



.merit_block{ counter-reset: number 0; }
.merit_block h1{
	width:100%;
	/*line-height:1.5;*/
	text-align:center;
}
.merit_block h1 strong{
	display:inline-block;
	position:relative;
	margin-right:0.5rem;
	font-weight:normal;
}
.merit_block h1 strong span{
	display:block;
	position:relative;
	z-index:5;
	padding:0 0.5rem;
	font-family: "M PLUS Rounded 1c";
}
.merit_block h1 strong::after {
	display:block;
	content:"";
	position:absolute;
	bottom:0.5rem;;
	width:100%;
	height:1rem;
	background:#fff000;
}

.merit_block > div {
	counter-increment: number 1;
	text-align:center;
}
.merit_block > div p {
	position:relative;
	line-height:1.5;
	font-family: "M PLUS Rounded 1c";
}
.merit_block > div p::before {
	display:block;
	content: counter(number) "";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	color:#fff;
	text-align:center;
}
.merit_block > div:nth-child(even) p::before { background:#c58699; }
.merit_block > div:nth-child(odd) p::before { background:#759875; }
.merit_block > div.link_btn { text-align:center; }
div.link_btn.home_r_btn a {
	display:inline-block;
	padding:0.5rem 1.5rem;
	color:#c58699;
	border:#c58699 2px solid;
	border-radius:3rem;
	background:#fff;
	font-size:1.5rem;
	-webkit-transition:0.25s ease-out;
	-moz-transition:0.25s ease-out;
	-ms-transition:0.25s ease-out;
	transition:0.25s ease-out;
}
div.link_btn.home_r_btn a:hover {
	color:#fff;
	text-decoration:none;
	background:#c58699;
}

@media print,screen and (max-width:767px) {
	.merit_block{
		width:80%;
		margin:3rem auto;
	}
	.merit_block h1{
		margin-bottom:2rem;
		font-size:1.5rem;
	}
	.merit_block h1 strong{ font-size:1.5rem; }
	.merit_block > div { margin-bottom:2rem; }
	.merit_block > div p {
		display:inline-block;
		padding-left:4rem;
		text-align:left;
		line-height:1.25;
		font-size:1.5rem;
	}
	.merit_block > div p::before {
		width:2.9rem;
		height:2.9rem;
		padding:0.5rem;
		border-radius:2rem;
	}
}

@media print,screen and (min-width:768px) {
	.merit_block{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
		max-width:1280px;
		margin:6rem auto;
	}
	.merit_block h1{
		margin-bottom:3rem;
		font-size:2rem;
	}
	.merit_block h1 strong{
		letter-spacing:0.2em;
		font-size:2.4rem;
		font-weight:700;
	}
	
	.merit_block > div { width:calc(32% - 0.2rem); }
	.merit_block > div.link_btn { width:100%; }
	.merit_block > div:nth-child(even) { padding-top:3rem; }
	.merit_block > div:nth-child(2) { transform:rotate(-12.8deg); }
	.merit_block > div:nth-child(4) { transform:rotate(12.8deg); }
	.merit_block > div p {
		display:inline-block;
		padding-left:4rem;
		text-align:left;
		font-size:1.125rem;
	}
	
	.merit_block > div p::before {
		width:3.6rem;
		height:3.6rem;
		padding:0.7rem;
		font-size:1.5rem;
		border-radius:2.4rem;
	}
	.merit_block > div.link_btn.home_r_btn a {
		margin-top:4rem;
	}
}

@media print,screen and (min-width:1024px) {
	.merit_block > div p {
		padding-left:5rem;
		font-size:1.5rem;
	}
	.merit_block > div p::before {
		width:3.8rem;
		height:3.8rem;
		padding:0.7rem;
		border-radius:2.4rem;
	}
}

/***************************************
TOP よくある質問
****************************************/
.questionnaire_bnr {
	text-align: center;
}
.questionnaire_bnr a img {
	transition: 0.3s;
}
.questionnaire_bnr a:hover img {
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.questionnaire_bnr {
		width: 95%;
		margin: 0 auto;
	}
	.questionnaire_bnr a {
		display: block;
		background-image: url(https://cocoro-ya.com/wp-content/uploads/2023/06/top_bnr_questionnaire_bg.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: #c3d69b;
		padding: 1rem 1.5rem 3rem;
		border-radius: 2rem;
	}
}

/***************************************
TOP トピックスエリア
****************************************/
.top-news .is-style-more_btn a:hover{background-color: var(--color_deep03);}



.home_post_list {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.topics_contents_area,
.blog_contents_area{width: 100%;}

#home_topics_area h2,
#home_blog_area h2{font-size: 36px; text-align: center; line-height: 1.25; }

#home_topics_area h2 span,
#home_blog_area h2 span{
	color:#333333;
	font-weight: 500;
	font-size:14px;
}

.topics_contents_area,
.blog_contents_area { background:#f2f2f2; }
.topics_contents_area a:hover,
.blog_contents_area a:hover { text-decoration:none; }
.topics_block,
.blog_block {
	display: block;
	background:#fff;
	color:#000000;
}

#home_topics_area h2,
.topics_date,
#home_topics_area .more_all a  { color:#759875; }

#home_blog_area h2,
.blog_date,
#home_blog_area .more_all a { color:#c58699; }

.more_all { margin:0 auto; text-align: center; }
.more_all a { display:inline-block; color:#000; }

.more_all::after {
	content:"";
	display: inline-block;
	width:16px;
	height:20px;
	margin-left:10px;
	vertical-align: middle;
	background: url(images/home/more_arrow.png) no-repeat;
	background-size:16px;
}

@media print,screen and (max-width:767px){
	.home_post_list,
	#home_topics_area,
	#home_blog_area { width:100%; }
	.topics_contents_area,
	.blog_contents_area{ padding: 2rem 0 1.5rem; }
	.blog_contents_area{ margin-top:1rem; }
	#home_topics_area h2,
	#home_blog_area h2{ line-height: 1; }
	.topics_block,
	.blog_block {
		position: relative;
		width:90%;
		margin:0.75rem auto 0.25rem;
		padding:0.25rem 0.75rem;
		line-height:1.25;
		transition: .3s;
	}
	
	.more_all{ margin-top:20px; font-size:18px; }
}
@media print,screen and (min-width:768px) and (max-width:1024px){
	
	#home_topics_area .topics_block,
	#home_blog_area .blog_block { font-size:14px; }
	

}
@media print,screen and (min-width:768px){
	.home_post_list {
		max-width:1280px;
		margin:auto;
		padding-bottom:3rem;
	}
	#home_topics_area,
	#home_blog_area { width:50%; }
	.topics_contents_area h2,
	.blog_contents_area h2 { padding-bottom:20px; }
	
	.topics_contents_area h2 span,
	.blog_contents_area h2 span { display: block; }
	
	#home_topics_area,
	#home_blog_area { letter-spacing: -.40em; }
	
	#home_topics_area *,
	#home_blog_area * { letter-spacing: normal; }
	.topics_contents_area,
	.blog_contents_area {
		display: inline-block;
		position:relative;
		vertical-align: top;
		overflow:hidden;
		border-left:#fff 2px solid;
	}
	
	.topics_contents_area,
	.blog_contents_area { height:100%; padding:2rem 0 1.5rem; }
	.topics_block,
	.blog_block {
		width:90%;
		margin:10px auto 0;
		padding:0.75rem 1rem 0.5rem;
		transition: .3s;
		position: relative;
	}
	
	.topics_block::after,
	.blog_block::after {
		position: absolute;
		top:0;
		left: 0;
		content: '';
		width: 2rem;
		height: 0.3rem;
		transition: .3s;
	}
	
	.topics_block::after { background-color: #759875; }
	.blog_block::after { background-color: #c58699; }
	
	.topics_block:hover::after,
	.blog_block:hover::after { width: 100%; }
	.topics_date,
	.blog_date { line-height:1.25; font-size:20px; }
	
	.more_all{
		font-size: 20px;
		position: relative;
		margin-top:30px;
	}
	.more_all::after {
		position: absolute;
		top:8px;
		-webkit-transition: 0.3s;
		-moz-transition:  0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	.more_all:hover::after { margin-left:15px; }
	
}

.tokusyuseisoutai_wrap{
    position: relative;
}
.tokusyuseisoutai_wrap #t_logo{
    position: absolute;
    top: 77px;
    right: 71px;
}
@media print,screen and (max-width:1024px){
   .tokusyuseisoutai_wrap #t_logo{
    top: 5%;
    right: 8%;
    width: 25%;
    } 
}

.text_area {
	margin: 60px 0 50px;
}

.text_area h2,
.c-nap h2 {
	color: #759875;
	font-size: 26px;
	line-height: 1.4;
	margin: 0 0 15px;
	text-align: center;
}

.text_area p {
	margin: 0;
}

/*NAP*/
.c-nap {
	margin: 40px 0 0;
}

.c-table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.c-table tr:nth-child(odd) {
	background: #F8FAF8;
}

.c-table th {
	color: #759875 !important;
	font-weight: normal !important;
	text-align: left;
	vertical-align: middle;
	width: 25% !important;
}

.c-table td {
	vertical-align: middle;
}

.c-table ul {
	list-style-type: none;
}

.u-p15 {
	padding: 15px !important;
}

/*ボタン*/
.column_link {
	margin: 30px 0 50px;
	text-align: center;
}

.column_link a {
	border: #c58699 2px solid;
	border-radius: 30px;
	color: #c58699;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	padding: 15px 20px;
	position: relative;
	text-decoration: none;
	transition: 0.2s;
	width: 100%;
}

.column_link a:hover {
	background: #c58699;
	color: #fff;
	text-decoration: none;
}

@media (min-width: 768px) {

	/*ボタン PCのみ*/
	.column_link a {
		font-size: 17px;
		width: 35%;
	}
}

@media only screen and (max-width: 768px) {
	.text_area {
		margin: 60px 10px;
	}

	.text_area h2,
	.c-nap h2 {
		font-size: 22px;
		text-align: left;
	}

	.c-table th {
		display: block;
		padding-bottom: 0 !important;
		width: auto !important;
	}

	.c-table td {
		display: block;
		padding-top: 0 !important;
	}
}

/***************************************
フッター
****************************************/
.l-footer{margin-bottom: 96px;}
.l-footer .c-listMenu a{border: none; font-weight: bold;}
.l-footer .c-listMenu a:before{display: none;}
.w-footer{padding-top: 50px; padding-bottom: 50px; background-color: #fff;}
.w-footer .w-footer__box:last-child{padding-top: 50px;}
.w-footer .w-footer__box:last-child .widget_media_image{margin-top: -50px; text-align: right;}

#footer_nav,
#footer_add_area {
    color: #604c3f;
}

#footer_add_area {
    position: relative;
    margin: 0;
    padding: 2rem 0;
    text-align: center;
    font-weight: 700;
}

#footer_add_area > * {
    position: relative;
    z-index: 10;
}

#footer_add_area a img {
    width: 50%;
}

#footer_add_area p {
    padding-top: 20px;
}

.footer_info_area{
	background:#759875;
}
#footer_add_area{
	background:url(https://cocoro-ya.com/wp-content/uploads/2023/06/add_img.jpg) no-repeat center;
	background-size:cover;
}
#footer_add_area::before{
	display:block;
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:5;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.82);
}
footer #footer_nav {
	background: #C3D69B url('https://cocoro-ya.com/wp-content/uploads/2023/06/intro_img.png') 95% 95% no-repeat;
	background-size:25%;
}
footer,
#footer_nav > ul li a{ color: #604C3F;}

@media print,screen and (max-width:767px) {
	footer #footer_nav {
		padding-bottom:42vw;
		background-position:50% 100%;
		background-size:64vw;
	}
}

/***************************************
フッター ページトップへ
****************************************/
#page_top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 50;
    display: none;
}

#page_top a {
    display: block;
    position: relative;
    width: 75px;
    height: 75px;
    transition: 0.3s ease-in-out;
    background: url(https://cocoro-ya.com/wp-content/uploads/2023/06/totop_arrow.png) 50% 50%;
    background-color: #c58699;
}

#page_top a:hover {
    background-color: #759875;
}

@media print,
screen and (max-width:767px) {
    #page_top {
        bottom: calc(13vh + 1rem);
    }

    #page_top a,
    #page_top a:hover {
        width: 64px;
        height: 64px;
        background-size: contain;
    }
}

/***************************************
フッター 追従バナー
****************************************/
#foot_contact_navi_area {
    position: fixed;
    z-index: 20;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #c58699;
}

#foot_contact_navi_area .foot_contact_navi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    line-height: 1.25;
}

#foot_contact_navi_area .foot_contact_navi .tel {
    width: 100%;
    padding: 0;
    text-align: center;
}

#foot_contact_navi_area .foot_contact_navi .tel > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0 1rem;
}

#foot_contact_navi_area .foot_contact_navi .tel .txt02 {
    font-size: 1.25;
    font-weight: 700;
}

#foot_contact_navi_area .foot_contact_navi .tel .tel_link::before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    background: url(https://cocoro-ya.com/wp-content/uploads/2023/06/free_dial.png) 50% 50% no-repeat;
    background-size: contain;
}

#foot_contact_navi_area .foot_contact_navi .tel .tel_link + a {
    padding: 0;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}
#foot_contact_navi_area .foot_contact_navi .tel a{padding: 0;}

#foot_contact_navi_area .foot_contact_navi .tel a:hover img.sp_none {
    background: #759875;
}


#foot_contact_navi_area .foot_contact_navi .tel a:hover.contact_link
#footer_nav > ul li a {
    font-family: "M PLUS Rounded 1c";
}

@media print,
screen and (max-width:767px) {
    #foot_contact_navi_area .foot_contact_navi {
        height: calc(6.8vh + 3rem);
        padding: 0.5rem 0;
    }

    #foot_contact_navi_area .foot_contact_navi .tel .txt02 {
        font-size: 2.4vh;
    }

    #foot_contact_navi_area .foot_contact_navi .tel .tel_link,
    #foot_contact_navi_area .foot_contact_navi .tel .tel_link a {
        color: #fff;
        font-size: 4vh;
        font-weight: 700;
    }

    #foot_contact_navi_area .foot_contact_navi .tel .tel_link::before {
        width: 30px;
        height: 4vh;
    }

    #foot_contact_navi_area .foot_contact_navi .tel .tel_link + a img {
        height: 4.4vh;
    }
}

@media print,
screen and (min-width:768px) {
    #foot_contact_navi_area .foot_contact_navi {
        max-width: 1280px;
        height: 6rem;
    }

    #foot_contact_navi_area .foot_contact_navi .tel .tel_link {
        font-size: 3rem;
        font-weight: 700;
    }

    #foot_contact_navi_area .foot_contact_navi .tel .tel_link::before {
        width: 64px;
        height: 3rem;
    }


}

@media print,
screen and (max-width:600px) {
    #foot_contact_navi_area .foot_contact_navi .tel .tel_link a {
        font-size: initial;
        vertical-align: middle;
    }

    #foot_contact_navi_area .foot_contact_navi .tel > * {
        padding: 0;
    }
}

/***************************************
固定ページ 共通設定
****************************************/
.post_content td,
.post_content th,
.post_content td:last-child,
.post_content th:last-child,
.post_content tr:last-child>td{border: none;}

.post_content tbody th:before{display: none;}

/***************************************
固定ページ こころ屋について
****************************************/
.is-style-kakko_box.concept{padding: 1em; font-size: 32px; font-weight: bold;}
.page-id-345 img{display: block; margin-right: auto; margin-left: auto;}
.top-about__concept-title{text-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5); font-weight: bold; font-size: 3.5em;}

/***************************************
固定ページ 会社概要
****************************************/
.company__flex{margin-top: 20px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.company__flex img{width: 28%; margin: 0 2% 10px;}
.company__flex a{width: 28%; margin: 0 2% 10px;}
.company__flex a img{width: 100%;}

/*************************************
固定ページ / CONTACT
**************************************/
.cf7__inner{width: 100%; max-width: 1000px; background-color: #fff; padding: 5%; margin: 0 auto;}
.cf7__box{width: 100%; max-width: 800px; margin: 0 auto 40px; display: flex;}
.cf7__box .font-mini{font-size: 13px;}
.cf7__box-name{width: 25%;}
.cf7__box-name .req{font-size: 13px; color: var(--color_main);}
.cf7__box-input{width: 75%; padding-left: 20px;}
.cf7__box-input input,
.cf7__box-input textarea{width: 90%;}
.cf7__btn{width: 100%; max-width: 800px; margin: 0 auto 40px; text-align: center;}
.cf7__btn [type=submit]{background-color: var(--color_main); width: 80%; max-width: 248px; margin: 0 auto; padding: 12px 24px 13px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-align: center; color: #fff; font-weight: bold; transition: .3s;}
.cf7__btn [type=submit]:hover{box-shadow: none;}
.cf7__btn .wpcf7-spinner{display: block; margin: 10px auto;}

/***************************************
お客様の声
****************************************/
.questionnaire__lead-text{margin-bottom: 80px;}
.questionnaire__lead-text p{margin-bottom: 1em;}
.questionnaire__block .questionnaire__box:not(:last-child){border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 50px;}
.questionnaire__title{margin-bottom: 1em; font-size: 24px;}
.under_line{display: inline; position: relative; margin: 0 0.5rem; color: #944; font-size: 1.25rem; background: linear-gradient(transparent 60%, #FFFF00 0%);}

/***************************************
個別投稿ページ
****************************************/
.p-articleThumb{width: 50%; margin: 2em auto;}

.single__contact{background-color: var(--color_gray); padding: 5%; text-align: center;}
.single__contact h2{margin-bottom: 20px; font-size: 24px;}
.single__contact p{margin-bottom: 1.5em;}

/***************************************
レスポンシブ
****************************************/
@media screen and (max-width:767px) { .sp_none{display: none !important;} }
@media print,screen and (min-width:768px) { .pc_none{display: none !important;} }

@media screen and (max-width:896px) {
	.top-reason.wp-block-columns{--wp-column-gap: 0; text-align: center;}
	
	.page-id-345 img{max-width: 400px;}
	.wp-block-columns.rev{flex-direction: column-reverse;}
	
	.questionnaire__content img{width: 100%; max-width: 500px;}
	.questionnaire__content .staff-img{margin-top: -20px;}
	.questionnaire__content .staff-img img{width: 100%; max-width: 200px;}
}
@media screen and (max-width:480px) {
	.p-mainVisual__textLayer{background-color: transparent;}
	.p-mainVisual__slideText{font-size: 24px;}
	.pickup_contents .list_block{padding: 0;}
	
	.top-about__concept-title{font-size: 2.4em;}
	.is-style-kakko_box.concept{font-size: 24px;}
	.page-id-345 img{max-width: 100%;}
	
	.questionnaire__title{font-size: 21px;}
	.questionnaire__content .staff-img img{max-width: 100px;}
	.questionnaire__content .text-center{font-size: 12px;}
	
	.w-footer .w-footer__box:last-child .widget_media_image{margin-top: 0;}
	
	.p-articleThumb{width: 100%;}
	
	#page_top{display: none !important;}
}