@charset "utf-8";
/* CSS Document */

/*
Theme Name: お片付けサポートZERO
Version: 3.1
Author: k-design
*/

@import url(css/post.css?202508251108);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family:"Noto Sans JP";color:#333333;
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333333;transition:0.4s;}
a:hover{color:#999999;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}

.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #00A971;border-left: 2px solid #00A971;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #00A971;border-right: 2px solid #00A971;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #333333;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #00A971;display: inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color: #00A971;}
.wp-pagenavi span.current{color: #fff;background-color: #00A971;}

/* ===== 全体 ===== */
.l_wrap{max-width:1280px;margin:0 auto;}
.wrap{max-width:1000px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* 画像ポップアップ */
.lightbox-target{width:100%;position:fixed;top:-100%;left:0;background:rgba(0, 0, 0, 0.7);opacity:0;transition:opacity 0.5s ease-in-out;overflow:hidden;z-index:300;}
.lightbox-target .container{margin:auto;position:absolute;top:50vh;left:50vw;background-color:white;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);transition:0.5s ease-in-out;text-align:left;transform:translate3d(-50%, -50%, 0);}
a.lightbox-close{width:50px;height:50px;line-height:50px;margin:0;display:block;background:white;color:black;text-decoration:none;position:absolute;top:0;right:0;text-align:center;}
.lightbox-target:target{opacity:1;top:0;bottom:0;}
.lightbox-target:target img{max-height:560px;vertical-align:top;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow{position:relative;display:inline-block;padding:10px;}
.arrow::before{content:'';width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:48%;bottom:8px;transform:translateX(-48%);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}

#page-top{position:fixed;bottom:0;right:16px;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:40px;height:40px;line-height:40px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}
/* btn_dsn1 */
.btn_dsn1{width:60%;min-width:320px;margin:0 auto;font-size:21px;font-weight:900;text-align:center;letter-spacing:0.05em;}
.btn_dsn1 a{padding:12px 16px;display:block;background:#FFFFFF;border:2px solid #FFFFFF;border-radius:4px;box-sizing:border-box;color:#00A971;transition:0.4s;}
.btn_dsn1 a:hover{background:#00A971;color:#FFFFFF;}
/* btn_dsn2 */
.btn_dsn2{width:320px;margin:0 auto;font-size:21px;font-weight:900;text-align:center;letter-spacing:0.05em;}
.btn_dsn2 a{padding:12px 16px;display:block;background:#00A971;border:2px solid #00A971;border-radius:4px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
.btn_dsn2 a:hover{background:#FFFFFF;color:#00A971;}

/* ===== header ===== */
#header{padding:12px 3%;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:3px solid #00A971;}
#logo{width:180px;}
/* head_con */
.head_con{display:flex;justify-content:space-between;}
.head_con .head_tel{height:80px;}
.head_con .head_tel_icon{height:80px;margin:0 0 0 8px;}
.head_con .head_mail{height:80px;margin:0 8px;}
.head_con .head_line{height:80px;}
.head_con img{width:100%;height:100%;}

/* ===== global_menu ===== */
#global_menu{border-top:1px solid #999999;border-bottom:5px solid #00A971;}
#global_menu ul{display:flex;justify-content:flex-start;flex-wrap:wrap;}
#global_menu ul li{width:20%;font-size:15px;font-weight:700;text-align:center;}
#global_menu ul li a{width:100%;padding:16px 0;display:block;color:#000000;text-decoration:none;transition:0.4s;}
#global_menu ul li a:hover{background:#00A971;color:#FFFFFF;}
#global_menu ul li span{width:100%;display:block;border-right:1px solid #999999;box-sizing:border-box;}
#global_menu ul li:first-of-type span{border-left:1px solid #999999;}

/* mainimage */
.mainimage{border-bottom:5px solid #00A971;}
.mainimage img{width:100%;}

/* ===== contents ===== */
#contents section{padding:64px 0;}
#contents .page_title{margin-bottom:48px;font-size:56px;font-weight:600;color:#000000;letter-spacing:0.05em;text-align:center;}

/* === worries === */
#contents #worries{margin-bottom:100px;padding:64px 5%;background:#DFEFE9;position:relative;}
#worries:after{width:100%;height:120px;content:"";position:absolute;left:0;bottom:-120px;clip-path:polygon(0 0,50% 100%,100% 0);background-color:#DFEFE9;}
#worries h2.page_title{width:60%;margin:0 auto 32px;}
#worries .worries_box{margin-bottom:64px;padding:24px;background:#FFFFFF;display:flex;flex-direction:row-reverse;position:relative;border:5px solid #00A971;border-radius:4px;box-sizing:border-box;}
#worries .worries_box .inner{width:65%;}
#worries .worries_box .worries_cta_01{width:32%;position:absolute;left:0;bottom:0;}
#worries .worries_box ul{font-size:2.1vw;letter-spacing:0.05em;}
#worries .worries_box ul li{padding-left:7%;background:url("image/worries_arrow.svg") no-repeat left center / 4%;}
#worries h3{width:80%;margin:0 auto 24px;}
/* === plan === */
#contents #plan{padding:64px 5%;}
#plan h2.page_title{width:60%;margin:0 auto 32px;}
#plan .plan_box .plan_item{margin:1% 0;position:relative;}
#plan .plan_box .plan_item h3.plan_head{width:100%;padding:12px 16px;background:rgba(0,169,113,0.6);position:absolute;left:0;bottom:0;box-sizing:border-box;font-size:max(1.6vw, 18px);font-weight:700;color:#FFFFFF;text-align:center;}
/* === reason === */
#contents #reason{padding:64px 5%;background:#dfefe9;}
#reason h2.page_title{width:80%;margin:0 auto 32px;}
#reason .reason_box{margin-bottom:0;}
#reason .reason_box dl.item{margin:1% 0;padding:24px;background:#FFFFFF;border-radius:4px;box-sizing:border-box;box-shadow:2px 2px 4px rgba(0,0,0,0.4);}
#reason .reason_box dl.item dt{margin-bottom:24px;font-size:max(1.8vw, 16px);font-weight:900;color:#00A971;text-align:center;line-height:1.6;}
#reason .reason_box dl.item dd .reason_image{margin-bottom:12px;}
/* === works === */
#contents #works{padding:64px 10%;background:#00A971;}
#works h2.page_title{color:#FFFFFF;}
#works .works_item{margin-bottom:40px;background:#FFFFFF;position:relative;}
#works .works_item .works_cat{padding:8px 12px;background:#F08C00;position:absolute;top:-16px;left:50%;transform:translateX(-50%);display:inline-block;font-size:14px;color:#FFFFFF;}
#works .works_item .works_detail{padding:16px 12px;}
#works .works_item .works_area{margin-bottom:12px;padding:4px 12px;display:inline-block;background:#00A971;font-size:14px;color:#FFFFFF;}
#works .works_item .works_title{line-height:1.6;}
/* === voice === */
#voice h2.page_title{color:#00A971;}
#voice .voice_box{margin-bottom:48px;}
#voice .voice_item{height:auto;margin:0 8px 24px;padding:24px 20px 18px;background:#DFEFE9;position:relative;border-radius:4px;box-sizing:border-box;box-shadow:2px 2px 4px rgba(0,0,0,0.4);cursor:pointer;transition:0.4s;}
#voice .voice_item:hover{opacity:0.6;}
#voice .voice_item dt{margin-bottom:8px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:18px;font-weight:700;color:#00A971;line-height:1.4;}
#voice .voice_item dt .voice_image_thumb{width:64px;}
#voice .voice_item dt .voice_image_thumb img{border-radius:50%;}
#voice .voice_item dt .voice_title{width:calc(100% - 80px);}
#voice .voice_item dd p{margin-bottom:24px;font-size:14px;}
#voice .voice_item dd .voice_name{padding:4px 24px;background:#00A971;display:inline-block;border-radius:24px;box-sizing:border-box;font-size:11px;font-weight:600;color:#FFFFFF;}
#voice .slick-slider .slick-track{display:flex;justify-content:space-between;}
/* === faq === */
#faq{background:#00A971;}
#faq h2.page_title{color:#FFFFFF;}
#faq .l_wrap{margin-bottom:48px;}
#faq .faq_box dt.question{margin-bottom:12px;padding:16px 48px 16px 16px;background:#FFFFFF;cursor:pointer;position:relative;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,0.6);font-size:21px;font-weight:700;}
#faq dl dt::before{width:20px;height:2px;content:"";background:#000000;position:absolute;top:50%;right:24px;transform: translateY(-50%);transition:opacity .6s;}
#faq dl dt::after{width:20px;height:2px;content:"";background:#000000;position:absolute;top:50%;right:24px;transform:translateY(-50%) rotate(90deg);transition:transform .6s;}
#faq dl dt.show::before{opacity:0;}
#faq dl dt.show::after{transform:translateY(-50%) rotate(180deg);}
#faq .faq_box dt.question span{padding-left:40px;padding-right:24px;display:block;position:relative;}
#faq .faq_box dt.question span::before{content:"Q.";position:absolute;top:-8px;left:0;font-size:26px;font-weight:700;color:#00A971;}
#faq .faq_box dd.answer{margin-bottom:24px;padding-left:48px;display:none;position:relative;font-size:21px;color:#FFFFFF;}
#faq .faq_box dd.answer::before{content:"A.";position:absolute;top:-4px;left:12px;font-size:24px;font-weight:700;}
#faq .faq_example{padding:24px;background:#FFFFFF;border-radius:8px;box-sizing:border-box;}
/* === news === */
#news .news_box .news_item{position:relative;}
#news .news_box .news_thumbnail{margin-bottom:8px;}
#news .news_box .news_date{font-size:13px;color:#00A971;line-height:1.2;}
#news .news_box .news_title{font-size:15px;}
/* === service_area === */
#contents #area{padding:64px 0 0;}
#area .service_area{padding:64px 10% 100px;background:#DFEFE9;}
.service_area dl{margin-bottom:24px;padding:12px 18px;background:#FFFFFF;border:4px solid #00A971;box-sizing:border-box;}
.service_area dl dt{margin-bottom:4px;font-size:21px;font-weight:700;color:#F08C00;}
.service_area dl dd ul{line-height:1.4;}
.service_area dl dd ul li{margin-right:12px;display:inline-block;font-size:14px;}
/* === lab_cta === */
#contents .lab_cta{padding:30px 10%;background:#F08C00;position:relative;display:flex;flex-direction:row-reverse;}
.lab_cta .inner{width:56%;}
.lab_cta .lab_cta_01{width:40%;position:absolute;left:72px;bottom:0;}
.lab_cta .lab_cta_detail{padding:24px;background:#FFFFFF;border-radius:8px;box-sizing:border-box;}
.lab_cta .lab_cta_detail .lab_cta_tel{width:90%;margin:0 auto 12px;}
.lab_cta .lab_cta_detail ul.lab_cta_btn{display:flex;justify-content:space-between;flex-wrap:wrap;}
.lab_cta .lab_cta_detail ul.lab_cta_btn li{width:32%;}
/* ===== footer ===== */
#footer{padding:40px 5% 16px;border-top:5px solid #00a971;}
#footer .f_box{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_box .f_acc{width:300px;}
#footer .f_box .f_acc h2{width:240px;margin-bottom:12px;}
#footer .f_box .f_acc p{line-height:1.4;}
#footer .f_box .f_acc a{color:#333333;}
#footer .f_box .f_menu{width:calc(100% - 360px);display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_box .f_menu::after{width:31%;content:"";display:block;}
#footer .f_box .f_menu dl{width:31%;}
#footer .f_box .f_menu dl dt{font-weight:700;}
#footer .f_box .f_menu dl dd ul li{font-size:14px;}
#footer div.copy{font-size:11px;color:#555555;text-align:center;}

/* ===== 固定ページ共通 ===== */
.page #contents .page_title strong,
.archive #contents .page_title strong{display:block;font-size:32px;line-height:1;}
.page #contents .page_title strong span,
.archive #contents .page_title strong span{color:#00A971;}

/* contact */
#contact{text-align:left;}
#contact dt{margin-bottom:4px;}
#contact dt span.red{margin-left:16px;padding:0 8px;background:#D90000;color:#FFFFFF;font-size:11px;}
#contact dd{margin-bottom:16px;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:16px 20px;cursor:pointer;-webkit-appearance: none;appearance: none;box-sizing:border-box;background:#EFEFEF;border:none;font-size:18px;}
.wpcf7 input[type="submit"]{display:block;width:320px;margin:0 auto;padding:16px 0;border:1px solid #00A971;cursor:pointer;outline: none;background:#00A971;color:#FFFFFF;box-sizing: border-box;-webkit-appearance: none;border-radius:0;clear:both;font-size:21px;font-weight:700;letter-spacing:0.05em;border-radius:4px;transition:0.4s;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#00A971;}

/* ===== single ===== */
.single #contents h2.page_title{padding: 0.2em 0;border-top: solid 3px #333333;border-bottom: solid 3px #333333;color:#333333}
.entry_data{font-size:11px;text-align:right;}
/* === 作業実績詳細ページ === */
.single .single_works{padding-top:0!important;display:flex;justify-content:space-between;flex-wrap:wrap;}
.single_works #main{width:calc(100% - 320px);}
.single_works #main .single_head{display:flex;justify-content:flex-start;}
.single_works #main .single_head .single_term{margin-right:16px;padding:2px 24px;display:inline-block;background:#00A971;font-size:14px;font-weight:600;color:#FFFFFF;}
.single_works #main h1.page_title{font-size:32px;text-align:left;line-height:1.6;}
.single_works #sidebar{width:240px;}
/* サイド（右側部分） */
#sidebar .side_fix{position:sticky;top:80px;}
#sidebar .widget{margin-bottom:48px;}
#sidebar .widget dt{padding-bottom:8px;border-bottom:1px solid #343434;font-size:18px;}

#sidebar .widget dd ul li{font-size:14px;}
#sidebar .widget dd ul li a{padding:8px 0;display:block;border-bottom:1px solid #D9D9D9;color:#000000;}
#sidebar .widget dd ul li ul{margin-left:24px;}
#sidebar .widget dd ul li ul li{position:relative;}
#sidebar .widget dd ul li ul li:before{content:"├";position:absolute;left:-24px;top:50%;transform:translateY(-50%);}
#sidebar .widget dd ul li ul li:last-of-type:before{content:"└";}

#sidebar .widget dd select{width:100%;margin-top:18px;padding:8px;box-sizing:border-box;cursor:pointer;background: #FFFFFF;border: 1px solid #343434;color: #343434;}
/* ranking_box */
#sidebar .side_ranking dt{margin-bottom:12px;}
#sidebar .ranking_box{margin-bottom:12px;padding-bottom:12px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid rgba(68,68,68,0.6);position:relative;}
#sidebar .ranking_box .ranking_image{width:80px;}
#sidebar .ranking_box .ranking_detail{width:calc(100% - 100px);}
#sidebar .ranking_box .ranking_detail .ranking_title{margin-bottom:8px;font-size:13px;font-weight:700;}
#sidebar .ranking_box .ranking_detail .ranking_date{margin-bottom:4px;font-size:10px;font-weight:500;}
#sidebar .ranking_box .ranking_detail .starts_view{margin-left:12px;color:#999999;}
/* === お客様の声詳細ページ === */
.single .single_voice{padding-top:0!important;}
#contents.single .single_voice h1.page_title{margin-bottom:24px;font-size:32px;font-weight:900;color:#00A971;letter-spacing:0.05em;text-align:left;}
.single_voice_wrap{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.single_voice_wrap .single_voice_image{width:200px;height:200px;}
.single_voice_wrap .single_voice_image img{border-radius:50%;}
.single_voice_wrap .single_voice_detail{width:calc(100% - 240px);}
.single_voice_wrap .single_voice_detail .des{margin-bottom:48px;}
.single_voice_wrap .single_voice_detail .voice_name{padding:8px 32px;background:#00A971;display:inline-block;border-radius:24px;box-sizing:border-box;font-weight:600;color:#FFFFFF;}
.single #voice{background:#F8F3ED;}
.single #voice h2.page_title{display:none;}
.single #voice .voice_item{background:#FFFFFF;}

/* ===== archive ===== */
.archive #contents .archive_wrap{padding:0 10% 64px;display:flex;justify-content:space-between;flex-wrap:wrap;}
/* === お客様の声一覧 === */
.post-type-archive-voice .voice_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.post-type-archive-voice .voice_box .voice_item{width:48%;margin:0 0 4%!important;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

#toc_container{width:100%;margin-bottom:48px;padding:20px 30px 30px;background:#f9f9f9;border:1px solid #aaa;display:table;box-sizing:border-box;font-size:95%;}
#toc_container .toc_title, .toc_container .toc_title {text-align: center;padding: 5px;position: relative;display: inline-block;vertical-align: middle;margin-bottom: 5px;}
#toc_container ul.toc_list > li{list-style:decimal;}
#toc_container ul.toc_list > li::marker{font-size:1.1em;font-weight:700;color:#999999;}
#toc_container ul.toc_list > li > a{margin-bottom:8px;padding:4px 0;display:block;border-bottom:1px dotted #CCCCCC;font-weight:700;}
#toc_container ul.toc_list ul li{list-style:decimal;}
#toc_container ul.toc_list ul li a, #toc_container ul.toc_list ul li::marker{color:#666666;}

@media screen and (min-width: 1025px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1320px) {
	.l_wrap{width:90%;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
/* === header === */
	#logo{width:15%;display:flex;flex-direction:column;justify-content:center;}
	.head_con{width:85%;padding:0 64px 0 20%;box-sizing:border-box;}
	.head_con .head_tel{width:60%;height:inherit;}
	.head_con .head_tel_icon,.head_con .head_mail,.head_con .head_line{width:12%;height:inherit;}
	
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:32px;position:absolute;top:50%;right:3%;transform:translateY(-50%);cursor:pointer;z-index:100001;}
	.overlayMenuBtn span{width:32px;position:relative;display:block;border:2px solid #229F9A;transition:.5s;background-color:#229F9A;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 10px;}
	.overlayMenuBtn span:nth-child(3){top: 20px;}
	/* overlayMenu */
	.overlayMenu{width:100%;height:100vh;display:none;position:fixed;overflow:auto;background:#FFFFFF;z-index:100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}
	/* overlayMenuItem */
	.overlayMenuItem ul.sp_menu{margin:20px 0 40px;padding:0;list-style-type:none;}
	.overlayMenuItem ul.sp_menu li{border-top:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li a{width:100%;padding:12px 24px;display:block;box-sizing:border-box;color:#333333;text-decoration:none;transition:.5s;}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#229F9A;color:#FFFFFF;}
	/* ===== global_menu ===== */
	#global_menu{display:none;}
	
/* === footer === */
	#footer .f_box{width:100%;}
	#footer .f_box .f_acc{margin:0 auto;order:2;text-align:center;}
	#footer .f_box .f_acc h2{margin:0 auto 12px;}
	#footer .f_box .f_menu{width:100%;margin-bottom:40px;order:1;}
		
/* === 作業実績詳細ページ === */
	.single_works #main{width:100%;margin-bottom:48px;}
	.single_works #sidebar{width:100%;}
}

@media screen and (max-width: 900px) {
/* === plan === */
	#plan .plan_box .plan_item{width:49%;}
/* === reason === */
	#reason .reason_box dl.item{width:49%;}
/* === works === */
	#works .works_item{width:49%;}
/* === faq === */
	#contents #faq{padding:64px 5%;}
	#faq .faq_box dt.question, #faq .faq_box dd.answer{font-size:18px;}
/* === news === */
	#news .news_box{padding:0 5%;}
	#news .news_box .news_item{width:48%;margin:2% 0;}
/* === service_area === */
	#contents .service_area{padding:64px 5% 100px;}
/* === lab_cta === */
	#contents .lab_cta{padding:30px 5%;}
	.lab_cta .inner{width:60%;}
	.lab_cta .lab_cta_01{width:42%;left:8px;}
	
}

@media screen and (max-width: 800px) {
/* ===== archive ===== */
	/* === よくある質問 === */
	.post-type-archive-faq #contents #faq .l_wrap{width:100%;}
	/* === お客様の声一覧 === */
	.post-type-archive-voice #contents #voice{padding-top:0;}
	.post-type-archive-voice .voice_box .voice_item{width:100%;margin:0 0 24px!important;}
}

@media screen and (max-width: 740px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
/* === header === */
	#header{border-bottom:3px solid #00A971;}
	#logo{width:120px;}
	.head_con{width:100%;padding:8px 12px;background:#FFFFFF;position:fixed;left:0;bottom:0;z-index:9999;box-sizing:border-box;}
	.head_con .head_tel{width:55%;}
	.head_con .head_tel_icon,.head_con .head_mail,.head_con .head_line{width:14%;}
	
	#contents .page_title{font-size:max(5.8vw, 32px);}
	.page #contents .page_title strong, .archive #contents .page_title strong{font-size:24px;}
/* === faq === */
	#faq .l_wrap{width:100%;}
/* === news === */
	#contents #news h2.page_title span{display:block;}
/* === lab_cta === */
	#contents .lab_cta{padding:30px 2%;}
	.lab_cta .inner{width:100%;}
	.lab_cta .lab_cta_01{width:34%;top:-5%;}
	.lab_cta .lab_cta_catch{width:64%;margin-left:auto;display:block;}
	.lab_cta .lab_cta_detail{padding:16px 12px;position:relative;}
	.lab_cta .lab_cta_detail ul.lab_cta_btn li{width:90%;margin:2% auto;}
/* === area === */
	.service_area dl dt{line-height:1;}
/* === footer === */
	#footer{margin-bottom:100px;}
	#footer .f_box .f_menu dl{width:48%;margin-bottom:24px;}
}

@media screen and (max-width: 640px) {
/* === worries === */
	#contents #worries{margin-bottom:60px;padding:48px 5% 24px;}
	#worries:after{height:80px;bottom:-78px;}
	#worries h2.page_title{width:90%;margin-bottom:12px;}
	#worries .worries_box{margin-bottom:40px;}
	#worries .worries_box .worries_cta_01{display:none;}
	#worries .worries_box .inner{width:100%;}
	#worries .worries_box ul{font-size:17px;}
	#worries .worries_box ul li{background-position:left 8px;}
	#worries h3{width:100%;}
/* === plan === */
	#plan h2.page_title{width:100%;margin-bottom:12px;}
	#plan .plan_box{margin-bottom:0;}
	#plan .plan_box .plan_item{width:100%;margin-bottom:16px;}
/* === reason === */
	#reason h2.page_title{width:100%;}
	#reason .reason_box dl.item{width:100%;margin-bottom:16px;}
	#reason .reason_box dl.item dt{font-size:21px;}
/* === works === */
	#contents #works{padding:48px 5%;}
	#works .works_box{margin-bottom:0;}
	#works .works_item{width:100%;}
/* === news === */
	#news .news_box .news_item{width:100%;}
/* === lab_cta === */
	.lab_cta .lab_cta_01{top:-4%;}
/* === footer === */
	#footer .f_box .f_acc{text-align:left;}
	#footer .f_box .f_acc h2{width:100%;}
	#footer .f_box .f_menu dl{width:100%;margin-bottom:24px;}
	#footer .f_box .f_menu dl dt{padding:12px 16px;background:#00A971;color:#FFFFFF;text-align:center;}
	#footer .f_box .f_menu li{border-bottom:1px solid #555555;}
	#footer .f_box .f_menu li.link_none{padding:8px 0;}
	#footer .f_box .f_menu li a{padding:8px 0;display:block;}
}