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

/********　LP全体　*********/

.content {
    margin-top: 0;
}

.page-id-7 .entry-header,
.page-id-266 .entry-header,
.page-id-309 .entry-header {
	display: none;
}

.page-id-7 .entry-content,
.page-id-266 .entry-content,
.page-id-309 .entry-content {
    margin:0;
}

.page-id-7 .article,
.page-id-266 .article,
.page-id-309 .article {
	margin-bottom: 0!important;
}

.page-id-7 .main,
.page-id-266 .main,
.page-id-309 .main,
.page-id-969 .main {
    padding: 0;
}
 
.page-id-7 #content .wrap,
.page-id-266 #content .wrap,
.page-id-309 #content .wrap {
    width: 100%;
}

.page-id-3 .date-tags,
.page-id-266 .date-tags,
.page-id-320 .date-tags {
	display: none;
}

.page-id-266 h1,
.page-id-309 h1 {
	display: none;
}

.top_contents_w {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.top_contents_c {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f3f9fe;
}

.top_contents_w .box,
.top_contents_c .box {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 25px 0;
}

.page-id-3 .entry-footer,
.page-id-7 .entry-footer,
.page-id-266 .entry-footer,
.page-id-309 .entry-footer,
.page-id-320 .entry-footer {
	display: none;
}

.article h1 {
	padding: 0 0 7px 0;
	font-size: 175%;
	color: #00913a;
}

.page-id-7 .article h2 {
	margin: 15px auto;
	font-weight: 900;
	padding: 0;
	font-size: 225%;
	background: none;
	text-align: center;
	color: #0071bc;
	letter-spacing: -2px;
}

.article h3 {
	margin: 50px 0 15px 0;
	background: none;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: 4px solid #00913a;
	color: #00913a;
}

.page-id-7 .article h2 span.size {
	font-size: 125%;
}

.page-id-7 .article h2 span.sub {
	font-size: 85%;
	color: #ededed;
}

.page-id-7 .article h3 {
	background: none;
	border: none;
}

.footer {
    margin-top: 0;
}

.pc-display {
	display: block;
}

.sp-display {
	display: none;
}

.clear {
	clear: both;
}

/********　フォームフレーム　*********/

.contents {
    border-radius: 0!important;
    box-shadow: 0!important;
    margin: 0 auto;
    max-width: 100%!important;
}


.miura_box {
	margin: 15px auto;
	padding: 25px;
	border: 1px dashed #cccccc;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #ffffff;
}

.miura_box .miura_img {
	width: 20%;
	margin: 0;
	padding: 0;
}

.miura_box .miura_text {
	width: 78%;
	margin: 0;
	padding: 0;
}

p.miura_text_in {
	margin: 0;
	padding: 0;
}

p.kome {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5;
}


/********　現在時刻　*********/

p.now_time {
	margin: 0;
	padding: 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 900;
    font-style: normal;
	font-size: 150%;
	line-height: 1.2;
	text-align: center;
	color: #ff0000;
}

.rt {
	margin: 0 5px 0 0;
	font-size: 200%;
}

.rt span {
	font-size: 70%;
}


/********　ヘッダー　*********/

.week_img {
	width: 100%;
	margin: 25px auto;
	padding:  15px 0;
	font-size: 125%;
	text-align: center;
	color: #ffffff;
    background: #ededed;
}

.page-id-7 .wrap {
	width: 100%;
	margin: 0 auto;
}

.site-name-text-link {
    padding: 0;
}

.cf::after {
    content: none;
}

.header-container-in.hlt-top-menu .wrap {
	width: 1000px;
	margin: 0 auto;
}

.header-container-in.hlt-top-menu {
	display: block;
}

.header-in {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	padding: 15px 0;
}

.contact_button_box_header {
	width: 500px;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	font-size: 65%;
}

.contact_button_header_left {
	width: 50%;
	margin: 0 auto;
	padding: 0 5px 0 0;
}

.contact_button_header_right {
	width: 50%;
	margin: 0 auto;
	padding: 0 0 0 5px;
}

.tel_h {
	border-radius: 30px;
}

.web_h {
	border-radius: 30px;
}


/********　トップメイン画像　*********/

.top_main {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(https://kachoko.com/fuyouhinkaishu-test/wp-content/uploads/2024/01/main_bg02.png) center bottom no-repeat;
	background-size: 101%;
}

.top_main_pc {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(https://katazuke-shokunin.kachoko.com/wp-content/uploads/2024/05/pc_head04_bg.png) top repeat-x;
	background-size: contain;
}

.top_main_pc img {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	object-fit: cover;
}

.top_main_sp {
	width: 100%;
	margin: 0;
	padding: 0;
}

.top_main_sp img {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.top_main_img {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 25px 0 100px 0;
}

.top_main_merit {
	width: 100%;
	max-width: 600px;
	height: 180px;
	margin: -50px auto 0 auto;
	padding: 25px 0;
	text-align: center;
	position: relative;
}

.top_main_merit img {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
}

.merit {
	width: 85%;
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: center;
}


/********　クレジットカード　*********/

p.credit-card {
	margin: 35px 0 0 0;
	font-weight: 900;
	font-size: 165%;
	text-align: center;
}


/********　　悪徳業者　*********/

.caution_box {
	width: 100%;
	margin: 25px auto;
	padding: 25px;
	background: #e8f2f9;
	border: 5px solid #97b0c1;
}

p.caution_title {
	margin: 0;
	padding: 0;
	font-size: 175%;
	font-weight: 900;
	text-align: center;
}

p.caution_text {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.4;
}


/********　安全対策　*********/

.safe_box {
    width: 100%;
	margin: 25px 0;
	padding: 0;
}

/********　お悩み　*********/

ul.worries {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

ul.worries li {
	width: calc(100%/3);
	margin: 0;
	padding: 5px;
}

ul.worries li img {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}


/********　おまかせ　*********/

.omakase_bg {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f3f9fe;
}

h2.omakase {
	width: 100%;
	margin: 0 auto!important;
	padding: 35px 0!important;
	font-size: 175%;
	color: #ffffff!important;
	background: #0071bc!important;
	position: relative;
}

ul.omakase_list {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.omakase_list li {
	width: 24%;
	margin: 0 0 15px 0;
	padding: 15px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}

ul.omakase_list li p {
	margin: 0;
	padding: 0;
}

p.omakase_title {
	padding: 0 0 5px 0!important;
	font-size: 100%;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 900;
    font-style: normal;
	line-height: 1.2;
	color: #284b66;
	text-align: center;
}

p.omakase_title span {
	font-size: 135%;
	font-weight: bold;
	line-height: 1.2;
	color: #f35e0c;
}

ul.omakase_list li img {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}


/********　選ばれる理由　*********/

ul.reason {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.reason li {
	width: 24%;
	margin: 0 0 15px 0;
	padding: 25px 15px;
	border: 5px solid #0071bc;
	background: #ffffff;
	border-radius: 15px;
	text-align: center;
}

ul.reason p {
	margin: 0;
	padding: 0;
}

p.reason_title {
	margin: 0 0 15px 0!important;
	font-size: 135%;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	line-height: 1.2;
	color: #0071bc;
	text-align: center;
}

ul.reason li img {
	width: 100%;
	margin: 0 auto;
	padding: 0 25px;
	line-height: 0;
}


/********　料金プラン　*********/

p.price_read {
	margin: 15px auto 0 auto;
	padding: 0;
	font-size: 175%;
	font-weight: 900;
	text-align: center;
	line-height: 1.2;
	color: #ff0000;
}

ul.price {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.price li {
	width: 32%;
	margin: 0 auto 10px auto;
	padding: 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	color: #284b66;
	line-height: 1.3;
	background: #ffffff;
	border: 3px solid #0071bc;
	border-radius: 8px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.price li.price_plan {
	width: 48%;
	margin: 0 auto 10px auto;
	padding: 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	color: #284b66;
	line-height: 1.3;
	background: #ffffff;
	border: 3px solid #0071bc;
	border-radius: 8px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

p.price_plan {
	margin: 0;
	padding: 7px 0!important;
	font-size: 175%;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	line-height: 1.5!important;
	color: #ffffff;
	text-align: center;
	background: #0071bc;
}

ul.price li .price_img {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

ul.price li .price_img p {
	margin: 0;
	padding: 0;
	line-height: 0;
	text-align: center;
}

ul.price li .price_img img {
	width: 85%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
}

ul.price li .price_text,
ul.price li .price_text2 {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

p.price_details {
	margin: 0;
	padding: 0 0 5px 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	color: #0071bc;
	line-height: 1.3;
}

p.price_details span.meyasu {
	margin: 0;
	padding: 0 10px;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 400;
    font-style: normal;
	line-height: 1.3;
	color: #ffffff;
	background: #0071bc;
	border-radius: 15px;
}

p.price_yen {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 175%;
	font-weight: bold;
	line-height: 1.0;
	color: #f46d11;
	text-align: center;
}

p.price_yen2 {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	font-size: 240%;
	font-weight: bold;
	line-height: 1.2;
	color: #f46d11;
	text-align: center;
}

del.c_del_2 {
    background-image: linear-gradient(#fe3464, #fe3464);
    background-position: 0 50%;
    background-size: 100% 2px;
    background-repeat: repeat-x;
    color: #cccccc;
    margin: 0;
    text-decoration: none;
}

p.price_yen span,
p.price_yen_s span {
	font-size: 70%;
}

p.price_yen_s {
	margin: 0;
	padding: 0 0 35px 0;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	font-size: 225%;
	font-weight: bold;
	line-height: 0;
	color: #f46d11;
	text-align: center;
}

h2.campaign_title {
	margin: 50px auto 15px auto;
	padding: 15px 0;
	font-size: 225%!important;
	font-family: "m-plus-rounded-2p", sans-serif;
	font-weight: 800;
    font-style: normal;
	line-height: 0.9!important;
	text-align: center;
	color: #ff0000!important;
	background: #fff000!important;
	border-radius: 2px;
}

h2.campaign_title span {
	font-size: 60%;
	color: #565656;
}

h2.campaign_title span.yellow {
	font-size: 135%!important;
	color: #ff0000;
}

p.campaign_text {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.3;
	text-align: center;
}

p.campaign_text img {
	width: 100%;
	margin: 0;
	padding: 0;
	max-width: 350px;
}

.kaitori {
	width: 100%;
	max-width: 750px;
	margin: 25px auto;
	padding: 35px 25px;
	background: #ffffff;
	border-radius: 7px;
}


/********　サービス　*********/

ul.service {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.service li {
	width: 32%;
	margin: 0 0 15px 0;
	padding: 0;
	background: #ffffff;
	border-radius: 10px;
	border: 5px solid #0071bc;
}３

ul.service li p {
	margin: 0;
	padding: 0;
}

p.service_title {
	margin: 0;
	padding: 15px 0!important;
	font-size: 135%;
	font-weight: 900;
	line-height: 1.2;
	color: #ffffff;
	text-align: center;
	background: #0071bc;
	border-radius: 5px 5px 0 0;
}

p.service_text {
	margin: 0;
	padding: 15px!important;
	font-size: 100%;
	line-height: 1.3;	
	text-align: center;
    font-style: normal;
}

ul.service li img {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	border-radius: 0 0 5px 5px;
}



/********　お客様の声　*********/

ul.nagare {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.nagare li {
	width: 24%;
	margin: 0 0 15px 0;
	padding: 15px;
	border: 5px solid #0071bc;
	background: #ffffff;
	border-radius: 10px;
	text-align: center;
	line-height: 1.2;
}

span.nagare_number {
	font-size: 200%;
	font-weight: 800;
	color: #0071bc;
}

ul.nagare li p {
	margin: 0;
	padding: 0;
}

p.nagare_title {
	margin: 0 0 15px 0!important;
	font-weight: 800;
	font-size: 135%;
	font-weight: bold;
	line-height: 1.0;
	color: #0071bc;
	text-align: center;	
}

p.nagare_title span {
	font-size: 65%;
}

ul.nagare li img {
	width: 100%;
	margin: 0 auto;
	padding: 0 25px;
	line-height: 0;
}


/********　片付け事例紹介　*********/

ul.case {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

ul.case li {
	width: 32%;
	margin: 0 0 15px 0;
	padding: 0 0 25px 0;
	border: 5px solid #0071bc;
	background: #ffffff;
	border-radius: 10px;
	text-align: center;
	line-height: 1.2;
}

ul.case li p {
	margin: 0;
	padding: 0;
}

p.case_plan {
	padding: 20px 15px!important;
	font-size: 200%;
	font-weight: 800;
    font-style: normal;
	line-height: 0.4!important;
	color: #ffffff;
	text-align: center;
	background: #0071bc;
	border-radius: 5px 5px 0 0;
}

p.case_plan_sub {
	padding: 10px 15px!important;
	font-size: 100%;
	font-weight: 800;
    font-style: normal;
	line-height: 1.2!important;
	color: #ffffff;
	text-align: center;
	background: #0071bc;
	border-top: 1px dashed #ffffff;
}

p.case_plan span {
	font-size: 50%;
}

ul.case li p.case_detail {
	margin: 5px 0;
	padding: 10px 15px;
	font-weight: 400;
    font-style: normal;
}

ul.case li p.case_price {
	margin: 0 25px;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	font-size: 115%;
	color: #284b66;
	text-align: left;
}

ul.case li p.case_price span {
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-size: 80%;
	color: #ffffff;
	background: #284b66;
	border-radius: 2px;
}

ul.case li p.case_area {
	margin: 5px 25px 0 25px;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	font-size: 115%;
	color: #284b66;
	text-align: left;
}

ul.case li p.case_area span {
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-size: 80%;
	color: #ffffff;
	background: #d0683b;
	border-radius: 2px;
}



/********　お客様の声　*********/

.voice_box {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.voice_box_img {
	width: 15%;
	margin: 0;
	padding: 5px;
}

.voice_box_text {
	width: 85%;
	margin: 0;
	padding: 15px 25px;
	border: 3px solid #0071bc;
	border-radius: 10px;
	background: #ffffff;
}

p.voice_title {
	margin: 0 0 5px 0;
	font-size: 135%;
	font-weight: bold;
	color: #0071bc;
}

p.voice_text {
	margin: 0;
	padding: 0;
}

.voice_left,
.voice_right {
	position: relative;
}

.voice_left::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -15px;
    top: 20px;
    border-right: 15px solid #0071bc;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.voice_left::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -10px;
    top: 20px;
    border-right: 15px solid #ffffff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.voice_right::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -15px;
    top: 20px;
    border-left: 15px solid #0071bc;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.voice_right::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -10px;
    top: 20px;
    border-left: 15px solid #ffffff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}



/********　よくある質問　*********/

.faq_box {
	width: 100%;
	margin: 15px auto;
	padding: 0;
	border: 3px solid #284b66;
	border-radius: 10px;
}

p.q {
	margin: 0 auto;
	padding: 5px 25px;
	font-size: 125%;
	font-weight: bold;
	color: #ffffff;
	background: #0071bc;
	border-radius: 6px 6PX 0 0;
}

p.q span {
	margin: 0 5px 0 0;
	padding: 3px 5px;
	font-size: 90%;
	color: #284b66;
	background: #ffffff;
	border-radius: 15px;
}

p.a {
	margin: 0 0 0 40px!important;
	padding: 0;
	font-size: 100%;
	text-indent: -30px;
}

p.a span {
	margin: 0 5px 0 0;
	padding: 3px 5px;
	font-size: 90%;
	color: #ffffff;
	background: #e13013;
	border-radius: 15px;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
	border-top: 1px dashed #cccccc;
}

.cp_qa2 {
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
	color: #333333;
}

.cp_qa .cp_actab {
	padding: 10px 0;
	border-bottom: 1px dashed #cccccc;
}

.cp_qa2 .cp_actab2 {
	margin: 1px auto;
	padding: 0;
	background: #0071bc;
	position: relative;
}


.cp_qa2 .cp_actab2::after {
	content: "▼";
	text-align: right;
	position: absolute;
	color: #ffffff;
	right: 15px;
	top: 15px;
}

.cp_qa p {
	margin: 0;
	padding: 0;
}

.cp_qa2 p {
	margin: 0;
	padding: 0;
}

.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
	line-height: 1.5;
}

.cp_qa2 label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 10px 15px 48px;
	cursor: pointer;
	line-height: 1.5;
	color: #ffffff;
}

.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px!important;
	padding: 0;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}

.cp_qa2 .cp_actab-content2 {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0!important;
	padding: 0;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
	background: #f3f9fe;
}

p, .paragraph {
	margin: 0;
	padding: 0;
}

.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px 0;
	opacity: 1;
}

.cp_qa2 .cp_actab2 input[type=checkbox]:checked ~ .cp_actab-content2 {
	height: auto;
	padding: 0;
	opacity: 1;
}

.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}

.cp_qa2 .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}

.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.cp_qa2 .cp_actab2 input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}

.cp_qa2 .cp_actab2 input[type=checkbox] {
  display: none;
}

.cp_actab span {
	margin: 0 5px 0 0;
	padding: 3px 5px 2px 5px;
	font-size: 100%;
	color: #ffffff;
	background: #0071bc;
	border-radius: 2px;
}

.cp_actab2 span {
	margin: 0 5px 0 0;
	padding: 3px 5px 2px 5px;
	font-size: 100%;
	color: #ffffff;
	background: #0071bc;
	border-radius: 2px;
}

.gyou_box {
	padding: 15px;
}

.gyou_box_w {
	padding: 15px;
	background: #ffffff;
}

p.gyou {
	margin: 0;
	padding: 0;
	font-size: 135%;
	font-weight: 900;
	line-height: 1.3;
	color: #0071bc;
}


/********　対応エリア　*********/

h3.area_h3 {
	margin: 25px auto 5px auto;
	padding: 0;
	font-size: 125%;
	color: #0071bc;
	text-align: center;
}

ul.area {
	width: 100%;
	margin: 5px auto 25px auto;
	padding: 25px 35px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	border: 2px solid #666666;
	background: #ffffff;
	border-radius: 10px;
}

ul.area li {
	width: calc(100%/5);
	margin: 0;
	padding: 0;
	line-height: 1.75;
	text-align: left;
}

ul.area li:before {
	content: "›";
	font-size: 125%;
	color: #666666;
}


.accord_toggle {
	display: none;
}

.accord_Label {
	padding: 1em;
	display: block;
	color: #fff;
	background: #019ac6;
}

.accord_Label::before {
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}

.accord_Label,
.accord_content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.accord_content {
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}

.accord_toggle:checked + .accord_Label + .accord_content {
	height: auto;
	padding:20px ;
	transition: all .3s;
}

.accord_toggle:checked + .accord_Label::before {
	transform: rotate(-45deg) !important;
}


/********　不用品例　*********/

ul.fuyouhinrei {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

ul.fuyouhinrei li {
	width: 48%;
	margin: 5px;
	padding: 15px 10px;
	font-size: 110%;
	font-weight: 800;
    font-style: normal;
	line-height: 1.3;
	color: #0071bc;
	text-align: left;
	border-radius: 8px;
	border: 3px solid #0071bc;
}

ul.fuyouhinrei li img {
	margin: 0 15px 0 0;
	padding: 0;
	line-height: 0;
}

ul.fuyouhinrei li span {
	font-size: 85%;
	font-weight: 400;
    font-style: normal;
}
	

/********　貴重品　*********/

.vluables {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	border: 2px solid #0071bc;
	background: #ffffff;
	border-radius: 5px;
}

.vluables_left {
	width: 100%;
	position: relative;
	z-index: 99;
}

h4.vluables_title {
	margin: 25px 0 5px 0;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #0071bc;
	border-top: none;
	border-bottom: none;
}

p.vluables_text  {
	margin: 5px 0;
	padding: 0;
	text-align: center;
}

.vluables_right {
	width: 30%;
	position: absolute;
	bottom: 0;
	right: 25px;
}

.vluables_right img {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}


/********　SDGs　*********/

.sdgs {
	margin: 25px 0 0 0!important;
	padding: 0!important;
	font-size: 200%!important;
	text-align: center!important;
	color: #000000!important;
}



/********　会社概要　*********/

table.company {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	font-size: 90%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: none;
	border-right: none;
}

table.company th {
	width: 30%;
	margin: 0;
	padding: 15px 0;
	background: none;
	border-top: 1px solid #666;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

table.company td {
	width: 70%;
	margin: 0;
	padding: 15px 25px;
	background: none;
	border-top: 1px solid #666;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

table tr:nth-of-type(2n+1) {
    background: none!important;
}


/********　お問い合わせボタン　*********/

.contact_button_tel {
	width: 100%;
	margin: 5px auto 0 auto;
	padding: 12px;
	background: #e10000;
	border-radius: 5px;
	text-align: center;
	border-bottom: 20px solid #ae0000;
}

.contact_button_tel:hover {
	border-top: 20px solid #ffffff;
	border-bottom: none;
}

.contact_button_tel img {
	width: 75%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
}

.contact_box {
	width: 100%;
	margin: 15px auto 25px auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact_box .contact_mail {
	width: 49%;
	margin: 0;
	padding: 25px 25px;
    background: #EF6684;
	border-radius: 5px;
}

.contact_box .contact_line {
	width: 48%;
	margin: 0;
	padding: 25px 25px;
    background: #31D73A;
	border-radius: 5px;
}

.contact_box .contact_mail img,
.contact_box .contact_line img {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
}

.contact_button_box {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact_button_left {
	width: 49%;
	margin: 0 auto;
	padding: 0;
}

.contact_button_right {
	width: 49%;
	margin: 0 auto;
	padding: 0;
}

p.contact_button_text {
	margin: 0;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	font-size: 115%;
	text-align: center;
	font-weight: bold;
}

p.pay {
	margin: 0;
	padding: 0;
	font-weight: 400;
    font-style: normal;
	font-size: 90%;
	text-align: center;
}

p.contact_button {
	width: 100%;
	margin: 0;
	padding: 0;
}

p.contact_button a {
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

p.line_button_text {
	margin: 0;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

.line_button_box {
	width: 50%;
	margin: 0 auto;
	padding: 5px;
}

p.line_button {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
}

p.line_button a {
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

.tel {
	background: #e41b1b;
	border: 5px solid #ed8888;
	border-radius: 40px;
}

.web {
	background: #f46d11;
	border: 5px solid #f1b185;
	border-radius: 40px;
}

.line {
	background: url(https://kaishu-shokunin.kachoko.com/wp-content/uploads/2024/02/line_logo.png) 90px 20px no-repeat,
		        #00913a;
	background-size: 30px;
	border: 5px solid #5bb981;
	border-radius: 40px;
}


/********　スマホヘッダー固定　*********/

.sp_head_menu {
	width: 100%;
	margin: 0;
    background: #ffffff;
	position: fixed !important; 
    position: absolute;
    top: 0;
    left: 0;
	z-index: 999;
}

p.sp_head_read {
	margin: 0;
	padding: 5px 5px 0 5px;
	font-weight: 800;
    font-style: normal;
	font-size: 95%;
	text-align: center;
	color: #565656;
	line-height: 0;
}

p.sp_head_read img {
	width: 100%;
	margin: 0;
	padding: 0;
    line-height: 0;
}

p.sp_head_read span.r {
	color: #ff0000;
}

.sp_head_menu .sp_head_menu_inner {
	width: 100%;
	padding: 5px;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
}

p.sp_head_logo {
	width: 13%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

p.sp_head_menu_read {
	width: 38%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

p.sp_head_logo img {
	width: 100%;
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 0;
}

p.sp_head_tel {
	width: 60%;
	margin: 0;
	padding: 0;
	line-height: 0;
	text-align: center;
}

p.sp_head_tel img {
	width: 70%;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 0;
}

p.sp_head_tel a {
	padding: 7px 0;
	font-weight: 800;
    font-style: normal;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: #e41b1b;
	border-radius: 5px;
	display: block;
}

p.sp_head_line {
	width: 42%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

p.sp_head_line a {
	padding: 22px 0;
	font-weight: 800;
    font-style: normal;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: #00913a;
	border-radius: 3px;
	display: block;
	border-bottom: 5px solid #006227;
}


/********　スマホフッター固定　*********/

.sp-foot-menu {
	width: 100%;
	height: auto;
	margin: auto;
	background: #ffffff;
	position: fixed !important; 
    position: absolute;
    bottom: 0;  
    left: 0;
}

.sp-foot-menu .sp-foot-menu_inner {
	width: 100%;
	padding: 0 5px 5px 5px;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
}

.sp-foot-menu .sp-foot-menu_inner a {
	font-weight: 800;
    font-style: normal;
	color: #ffffff;
	text-decoration: none;
}

.sp-foot-menu p.line_button_foot {
	width: 14%;
	padding: 5px;
	font-size: 60%;
	line-height: 1.3;
	text-align: center;
	color: #ffffff;
	background: #00913a;
	border-radius: 3px;
}

.sp-foot-menu p.contact_button_foot {
	width: 14%;
	padding: 5px;
	font-size: 60%;
	line-height: 1.3;
	text-align: center;
	color: #ffffff;
	background: #e86b1b;
	border-radius: 3px;
}

.sp-foot-menu p.tel_button_foot {
	width: 68%;
	padding: 10px 5px 5px 5px;
	font-size: 90%;
	line-height: 1.1;
	text-align: center;
	color: #ffffff;
	background: #e41b1b;
	border-radius: 3px;
	 position: relative;
}

.mocchiri {
    animation: mocchiri 2s infinite;
}
@keyframes mocchiri {
    0% {
        transform: scale(1, 1.0);
    }
    20% {
        transform: scale(0.8, 0.9);
    }
    95% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1.0);
    }
}

.sp-foot-menu p.tel_button_foot img {
	width: 95%;
    height: auto;
	line-height: 0;
}

span.tel_y {
	color: #fff000;
}

span.tel_b {
	font-size: 150%;
}

p.sp-foot_text {
	margin: 5px auto 0 auto;
	padding: 0;
	font-weight: 800;
    font-style: normal;
	text-align: center;
	color: #565656;
}


/********　お問い合わせフォーム　*********/

h1.contact_h1 {
	margin: 0 auto;
	padding: 100px 0;
	font-weight: 800;
    font-style: normal;
	font-size: 200%;
	text-align: center;
	display: block!important;
	background: url(https://kachoko.com/fuyouhinkaishu-test/wp-content/uploads/2024/01/main_bg02.png) center 150px no-repeat,#fefef3;
	background-size: 101%;
}

table.contact {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #000000;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

table.contact th {
	width: 30%;
	margin: 0;
	padding: 15px;
	line-height: 1.3;
	font-weight: 400;
    font-style: normal;
	background: none;
	border-top: none;
	border-bottom: 1px solid #000000;
	border-left: none;
	border-right: none;
}

table.contact th span {
	padding: 1px 10px;
	font-size: 80%;
	color: #ff0000;
	border: 1px solid #ff0000;
	border-radius: 10px;
}

table.contact th span.etc {
	padding: 1px 7px;
	font-size: 85%;
	color: #000000;
	border: 1px solid #000000;
	border-radius: 2px;
}

table.contact td {
	width: 70%;
	margin: 0;
	padding: 15px;
	font-weight: 400;
    font-style: normal;
	border-top: none;
	border-bottom: 1px solid #000000;
	border-left: none;
	border-right: none;
}

table.contact td input {
	margin: 5px 0;
}

table.contact td select {
	margin: 5px 0;
}

ul.kibou_list {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

ul.kibou_list li {
	width: 33.3333%;
	margin: 0;
	padding: 0;
}

input[type=submit] {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 50px auto;
	padding: 15px;
	font-weight: 800;
    font-style: normal;
	font-size: 150%;
	color: #ffffff;
	background: #13ae67;
	border-radius: 40px;
	border: none;
}



/********　フェード　*********/

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}   



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
.header-container-in.hlt-top-menu .header .header-in {
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
	
.contact_button_box_header {
	width: 58%;
	box-sizing: border-box;
}

.header-container-in.hlt-top-menu .logo-header {
    width: 37%;
	box-sizing: border-box;
}
	
.header-container-in.hlt-top-menu .wrap {
	width: 100%;
	max-width: 834px;
	box-sizing: border-box;
}
	
.top_main_pc {
    padding: 0 15px;
}
	
.top_contents_w .box,
.top_contents_c .box {
	padding: 25px 15px;
}

}


/*834px以下*/
@media screen and (max-width: 834px){

.top_contents_w .box,
.top_contents_c .box {
	max-width: 834px;
	padding: 25px;
}	
	
p.reason_title {
	font-size: 125%;
}
	
p.price_details {
    font-size: 80%;
}

p.price_yen {
	font-size: 150%;
}

p.service_title {
	font-size: 120%;	
}

p.service_text {
	font-size: 80%;	
}
	
span.nagare_number {
	font-size: 150%;
}

p.nagare_title {
	font-size: 100%;
}
	
ul.area li {
    font-size: 90%;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
	
.page-id-3 .header,
.page-id-7 .header,
.page-id-266 .header,
.page-id-309 .header,
.page-id-320 .header,
.page-id-369 .header {
	display: none;
}

p.now_time {
	font-size: 125%;
	line-height: 1.3;
}

.rt {
	margin: 0 5px 0 0;
	font-size: 200%;
}
	
.header-in {
	padding: 15px;	
}
	
.header-container-in.hlt-top-menu .wrap {
	width: 100%;
	max-width: 480px;
}
	
.top_main {
	padding: 0 15px;
	background: url(https://kachoko.com/fuyouhinkaishu-test/wp-content/uploads/2024/01/main_bg02.png) center bottom no-repeat;
	background-size: 200%;
}

.top_main_merit {
	max-width: 300px;
	height: 80px;
}
	
.top_main_merit img {
    max-width: 300px;
    margin: 0 auto;
}
	
.top_contents_w .box,
.top_contents_c .box {
	max-width: 480px;
	padding: 15px;
}	

h2.campaign_title {
	margin: 35px 0 5px 0;
	font-size: 125%!important;
	border-top: 0;
	border-bottom: 0;
}
	
h2.campaign_title span {
	font-size: 70%;
}
	
p.campaign_text {
	margin: 15px 0;
}
	
p.campaign_text img {
	width: 55%;
}


.contact_button_box {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 80%;
}
	
.contact_button_right {
	width: 100%;
}

.contact_button_left {
	width: 100%;
	margin: 0 auto 5px auto;
}
	
p.contact_button a {
	font-size: 150%;
	line-height: 0;
}
	
p.pay {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
	
p.line_button {
	width: 100%;
}

p.service_title {
	font-size: 150%;
}

p.service_text {
	font-size: 130%;
}


.page-id-7 .article h2 {
	font-size: 175%;
}
	
ul.worries li {
	width: calc(100%/2);
	margin: 0;
	padding: 5px 0 5px 5px;
}
	
h2.omakase {
	padding: 35px 0!important;
	font-size: 125%!important;
}

p.omakase_title {
	font-size: 100%;
}

ul.price li,
ul.price li.price_plan,
ul.service li,
ul.case li {
	width: 100%;
}
	
ul.omakase_list li {
	width: 49%;
	padding: 10px;
	font-size: 100%;
}

ul.omakase_list li img {
	padding: 0;
}

ul.price {
	width: 100%;
	margin: 15px auto 0 auto;
}
	
p.reason_title {
	font-size: 115%;
}	

ul.reason li {
	width: 49%;
	padding: 15px;
}

ul.reason li img {
	width: 100%;
	padding: 0;
}
	
ul.price li .price_img {
	width: 35%;
	text-align: left;
}
	
ul.price li .price_img img {
	width: 80%;
	padding: 0;
}
	
ul.price li .price_text {
	width: 65%;
	padding: 0 0 0 15px;
	text-align: left;
}
	
ul.price li .price_text2 {
	width: 65%;
	padding: 10px 0 0 15px;
	text-align: left;
}
	
p.price_plan {
	padding: 2px 0!important;
	font-size: 125%;
	border-radius: 5px 0 5px 0;
}
	
p.price_yen {
	font-size: 125%;
	text-align: left;
}
	
p.price_yen2 {
	font-size: 220%;
	text-align: left;
}
	
p.price_yen_s {
	padding: 0 0 25px 0;
	font-size: 200%;
}
	
p.price_yen,
p.price_yen_s {
	text-align: left;
}
	
p.price_details {
    margin: 0;
	padding: 10px 0 5px 0;
}

ul.nagare li {
	width:48%;
}
	
.voice_box_img {
	width: 30%;
	margin: 0;
	padding: 5px;
}

.voice_box_text {
	width: 70%;
	padding: 15px;
}
	
p.voice_title {
	font-size: 125%;
	line-height: 1.2;
}

p.voice_text {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5;
}

p.q {
	padding: 15px 15px;
	font-size: 110%;
	line-height: 1.3;
}
	
.cp_qa .cp_actab-content {
	margin: 0 15px!important;
}

p.a {
	margin: 0!important;
	padding: 0;
	font-size: 90%;
	line-height: 1.5;
	text-indent: 0;
}
	
ul.area {
	padding: 15px;
}

ul.area li {
	width: calc(100%/2);
	font-size: 90%;
}

ul.fuyouhinrei li {
	width: 46.5%;
}
	
.miura_box {
	padding: 15px;
	display: block;	
}
	
.miura_box .miura_img {
	width: 40%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.miura_box .miura_text {
	width: 100%;
	margin: 0;
	padding: 0;
}

p.miura_text_in {
	margin: 0 0 10px 0;
	line-height: 1.6;
}

p.kome {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5;
}
	
p.credit-card {
	font-size: 115%;
	line-height: 1.4;
}

h1.contact_h1 {
	padding: 75px 0;
	font-size: 150%;
	background: url(https://kachoko.com/fuyouhinkaishu-test/wp-content/uploads/2024/01/main_bg02.png) center 150px no-repeat,#fefef3;
	background-size: 101%;
}

table.contact {
	border: none;
}
	
table.company {
	padding: 0 15px;
	border-top: none;
}

table.company th {
	width: 100%;
	padding: 15px 0;
	display: block;
}

table.company td {
	width: 100%;
	padding: 15px 0;
	display: block;
	text-align: center;
}

table.contact th {
	width: 100%;
	padding: 15px 0;
	display: block;
}

table.contact td {
	width: 100%;
	padding: 15px 0;
	display: block;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
	
table.contact th span.etc {
	margin: 0 0 0 5px;
}

.contact_button_tel {
	padding: 10px;
	border-bottom: 10px solid #ae0000;
}

.contact_button_tel img {
	width: 100%;
}
	
.contact_box .contact_mail {
	padding: 15px;
}

.contact_box .contact_line {
	padding: 15px;
}

.line_button_box {
	width: 100%;
	margin: 0 auto;
}

.line {
	background: url(https://kaishu-shokunin.kachoko.com/wp-content/uploads/2024/02/line_logo.png) 15px 20px no-repeat,#00913a;
    background-size: 25px;	
}
	
ul.fuyouhinrei li img {
	width: 100%;
	margin: 0 0 10px 0;
}
	
p.caution_title {
	font-size: 115%;
}
	
.content {
	padding-top: 5px;
}

.footer {
	margin-bottom: 100px;
}
	
.pc-display {
	display: none;
}

.sp-display {
	display: block;
}
	
p.contact_button_text {
	font-size: 125%;
}
	
.kaitori {
	margin: 15px auto;
	padding: 0;
	background: none;
	border-radius: 0;
}
	
p.vluables_text  {
	font-size: 90%;
}

}


@media screen and (max-width: 350px){
	
p.price_read {
	font-size: 90%;
}

p.sp_head_read {
	font-size: 85%;
}

p.price_yen_s {
	font-size: 165%;
}

.contact_button_box {
	font-size: 80%;
}
	
.sp-foot-menu p.tel_button_foot {
	font-size: 70%;
}
		
}