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

/*スマホ用スタイル*/
@media screen and (max-width: 767px){

/*
 セクション間余白
----------------------------------------------------------- */
section {padding: 30px 0;}
.index .sec02 {padding: 30px 0 110px;}
.index .sec03 {padding: 0 0 30px;}
.index .sec06 {padding: 0 0 30px;}
.index .sec07 {padding: 0 0 30px;}
.index .sec08 {padding: 0 0 30px;}
.index .sec09 {padding: 0 0 30px;}
.index .sec10 {padding: 0 0 30px;}
.index .sec11 {padding: 0 0 30px;}
.index .sec12 {padding: 0;}
.index .sec13 {padding: 0 0 30px;}
.index .sec14 {padding: 0 0 30px;}
/*
 plan
----------------------------------------------------------- */
.plan .sec02 {padding: 30px 0 0;}
.plan .sec03 {padding: 0 0 30px;}
.plan .sec04 {padding: 0 0 30px;}
.plan .sec05 {padding: 0 0 30px;}
/*
 faq
----------------------------------------------------------- */
.faq .sec01 {padding: 30px 0;}
.faq .sec02 {padding: 0;}
.faq .sec03 {padding: 30px 0 0;}
.faq .sec04 {padding: 30px 0 0;}
.faq .sec05 {padding: 30px 0 0;}
.faq .sec06 {padding: 30px 0 0;}
.faq .sec07 {padding: 30px 0 0;}
.faq .sec08 {padding: 30px 0 0;}
.faq .sec09 {padding: 30px 0 0;}
.faq .sec10 {padding: 30px 0 0;}
/*
 staff
----------------------------------------------------------- */
.staff .sec01 {padding: 30px 0 0;}
.staff .sec02 {padding: 30px 0;}
/*
 contact
----------------------------------------------------------- */
.contact .sec01 {padding: 30px 0 0;}
.contact .sec02 {padding: 30px 0;}
/*
/*
 purchase
----------------------------------------------------------- */
.purchase .sec01 {padding: 30px 0 0;}
.purchase .sec02 {padding: 30px 0;}
.purchase .sec04 {padding: 30px 0 0;}
/*
 moving
----------------------------------------------------------- */
.moving .sec01 {padding: 30px 0 0;}
.moving .sec02 {padding: 30px 0;}
/*
 pest
----------------------------------------------------------- */
.pest .sec01 {padding: 30px 0 0;}
.pest .sec02 {padding: 30px 0 0;}
.pest .sec03 {padding: 30px 0;}
.pest .sec04 {padding: 30px 0;}
/*
 cleaning
----------------------------------------------------------- */
.cleaning .sec01 {padding: 30px 0 0;}
.cleaning .sec02 {padding: 30px 0;}
/*
 reform
----------------------------------------------------------- */
.reform .sec01 {padding: 30px 0 0;}
.reform .sec02 {padding: 30px 0;}
/*
 whereabouts
----------------------------------------------------------- */
.whereabouts .sec01 {padding: 30px 0;}
.whereabouts .sec02 {padding: 30px 0;}
.whereabouts .sec03 {padding: 30px 0 0;}
.whereabouts .sec04 {padding: 30px 0;}
/*
 dismantling
----------------------------------------------------------- */
.dismantling .sec01 {padding: 30px 0 0;}
.dismantling .sec02 {padding: 30px 0 0;}
.dismantling .sec03 {padding: 30px 0 0;}
.dismantling .sec04 {padding: 30px 0;}
/*
 はみ出し画像中央
----------------------------------------------------------- */
.wic1 img {width: 100%;}
.wic1 {margin-left: -15px; margin-right: -15px;}

.wic2 img {width: 100%;}
.wic2 {margin-left: -15px; margin-right: -15px;}

.wic3 img {width: 100%;}
.wic3 {margin-left: -15px; margin-right: -15px;}

/*
 Header
----------------------------------------------------------- */
header {
	padding: 15px;
}
header .contact {
	padding-right: 40px;
}
header .logo {
	height: 40px;
}
.header_box .logo {
    width: 125px;
}
header .logo img {
	max-height: 40px;
}
.header_box {
	display: block;
}
/*
 Nav
----------------------------------------------------------- */
header .nav_area {
	display: block;
}
header nav ul {
	padding: 15px 0;
}
header nav li {
	display: inline-block;
	line-height: 1rem;
	padding-right: 0px;
	padding-top: 15px;
}
header .nav_jp {
	font-size: 16px;
}
header #nav_toggle{
	position: absolute;
	top: 8px; /**/
	right: 8px; /**/
	width: 40px; /**/
	height: 30px;
}
header #nav_toggle div{
	position: relative;
	width: 30px; /**/
	margin: 0 auto;
}
header #nav_toggle span {
	display: block;
	height: 4px;
	background: var(--green);
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	border-radius: 3px;
}
header #nav_toggle span:nth-child(1){
	top: 5px; /**/
}
header #nav_toggle span:nth-child(2) {
	top: 15px; /**/
}
header #nav_toggle span:nth-child(3) {
	top: 25px; /**/
}
.open #nav_toggle span:nth-child(1) {
	top: 12px; /**/
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px; /**/
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
header nav ul.container {
	flex-direction: column;
	padding-left: 0;
	padding-right: 0;
}
header nav li {
	width: 100%;
	border-left: 0;
	border-right: 0;
}
header nav li {
	padding: 15px;
	background: var(--yellow02);
}
header nav li:last-of-type {
	border-bottom: unset;
}
header nav li a {
    flex-direction: row;
}
header nav li a::after, nav li a::before {
    display: none;
}
header .nav_jp {
	padding-bottom: 0;
	padding-right: 10px;
}
header nav li {
	position: relative;
}
header nav li:before {
	position: absolute;
	color: var(--green);
	font: var(--fa-font-solid);
	content: "\f0da";
	right: 15px;
	width: 8px;
	height: 12px;
}
.drawer nav li:before {
	display: none;
}
/*
 共通部分
----------------------------------------------------------- */
.section_head {
	margin-bottom: 30px;
}
.section_head_main {
	font-size: 2.4rem;
}
.section_head_sub {
	font-size: 1.8rem;
}
.sb_head {
	font-size: 1.8rem;
}
.sb_head_img {
	position: absolute;
	margin-right: 0;
	width: 70px;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
}
.uldot_head {
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.uldot_head02 {
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.btn01 {
	width: 100%;
}
.btn_wrap {
    display: block;
}
.section_ttl {
	padding-top: 15px;
	padding-left: 15px;
	margin-bottom: 30px;
	font-size: 2.4rem;
}
.section_ttl::before {
	left: -5px;
	
}
.simple_ttl {
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.borderl_ttl {
	font-size: 1.8rem;
	margin-bottom: 15px;
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 25px;
	width: calc(100% - 50px);
	border-radius: 10px;
	bottom: 15px;
}
.swiper-button-prev span,
.swiper-button-next span {
	height: 40px;
	width: 40px;
}
/*
 CTA
----------------------------------------------------------- */
.index .cta {
	margin-top: 20px;
}
.cta_box {
	padding: 75px 15px 15px;
	background-image: url(../img/sp_cta_bg.webp);
}
.cta_head {
	margin-bottom: 15px;
}
.cta_img_icon {
	top: -15px;
	left: 30px;
}
.cta_img_icon_item {
	width: 80px;
}
.cta_img_icon_item:first-of-type {
    margin-right: 5px;
}
.cta_img {
	position: absolute;
	top: 100px;
	right: -5px;
	width: 90px;
}
.cta_btm_box {
    padding: 15px;
}
.cta_img_icon_item:first-of-type {
	margin-right: 0;
}
.cta_img_icon_item:nth-child(-n + 2) {
	margin-right: 10px;
}
.cta_font_m {
	font-size: 1.1em;
}
.cta_tel_btn {
	padding: 15px 5px;
}
.cta_mail_btn {
	padding: 15px 5px;
}
.cta_line_btn {
	padding: 15px 5px;
}
.cta_web_btn {
	padding: 15px 5px;
}
.cta .fbox_4 > * {width: 100%;}
/*
 MV
----------------------------------------------------------- */
.index .mv {
	margin-top: 60px;
	background-image: url(../img/sp_mv_bg.webp);
}
.index .mv ul {
	margin-top: -15px;
}
.index .main_imgbox {
	height: 340px;
}
/*
 sec01
----------------------------------------------------------- */
.index .sec01::after {
	bottom: -20px;
	height: 20px;
}
.rbn_acc_box:nth-child(2)::before {
	top: -30px;
	transform: translatex(-50%) rotate(90deg);
	height: 70px;
	width: 30px;
	left: 50%;
}
.rbn_acc {
	margin-left: -10px;
}
.rbn_acc_cl01::before {
	border-right: solid 10px var(--purple02);
}
.rbn_acc_cl02::before {
	border-right: solid 10px var(--yellow03);
}
/*
 sec02
----------------------------------------------------------- */
.index .sec02 {
	margin-top: 20px;
}
.index .sec02 .sb_head {
    padding: 10px 20px 10px 70px;
}
.index .sec02 .sb_section_head {
    margin-bottom: -15px;
}
.index .sec02 .sec02_bg {
    padding: 30px 15px 15px;
}
.index .sec02 .sec02_list {
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: auto;
	gap: 15px 15px;
}
.index .sec02 .sec02_list_item {
    padding: 0 0 15px 30px;
    font-size: 1.8rem;
}
/*
 sec03
----------------------------------------------------------- */
.index .sec03 .section_head_main::before {
    bottom: 0px;
    left: -20px;
}
.index .sec03 .section_head_main::after {
    bottom: 0px;
    right: -20px;
}
/*
 sec04
----------------------------------------------------------- */
.index .sec04::after {
    bottom: -20px;
	height: 20px;
}
/*
 sec05
----------------------------------------------------------- */
.index .sec05 {
    margin-top: 20px;
}
.index .acc_box {
	padding: 15px;
}
.index .acc_box .font_s {
	font-size: 0.8em;
}
.index .cmn_cat {
	display: flex;
	justify-content: center;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 200;
	font-size: 1.3rem;
	font-style: normal;
	padding: 5px 15px;
	margin-right: 15px;
	border: 1px solid var(--green);
	width: 90px;
}
.index .acc_box_ttl {
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--green);
	margin-bottom: 15px;
}
/*
 sec11
----------------------------------------------------------- */
.index .sec11 h3 {
	font-size: 1.8rem;
	margin-bottom: 30px;
}
/*
 sec12
----------------------------------------------------------- */
.index .sec12 {
	margin-top: 20px;
	padding: 30px 0;
}
.index .sec12::before {
	top: -20px;
	height: 20px;
}
.index .sec12::after {
	bottom: -20px;
	height: 20px;
}
/*
 sec13
----------------------------------------------------------- */
.ex_box {
	padding: 15px;
}
.ex_box_item {
	padding: 15px;
}
.ex_box_item_area .fbox_3 > * {
	width: 50%;
}
/*
 sec14
----------------------------------------------------------- */
.news_box > ul li {
	padding-bottom: 15px;
}
.news_box > ul li:last-of-type {
	padding-bottom: 0px;
}
/*
 Footer
----------------------------------------------------------- */
.footer_area {
	padding: 30px 0;
}
.footer_head {
	font-size: 1.8rem;
	margin-bottom: 30px;
}
.footer_img {
	width: 90px;
}
.footer_txt {
	width: calc(100% - 90px);
}
.footer .link_item .fbox_3 > * {
	width: 50%;
}
.footer_btm_box_ttl {
	font-size: 1.8rem;
}
/*
 Page Top
----------------------------------------------------------- */
.pagetop {
	bottom: 105px;
	right: 10px;
}
/*
 ここからabout
----------------------------------------------------------- */

/*
 sec01
----------------------------------------------------------- */
.about .about_sec01_img {
	width: 100%;
	padding: 0 0 15px;
}
/*
 sec02
----------------------------------------------------------- */
.about .sec02 {
	margin-top: 20px;
}
.about .sec02::before {
	top: -20px;
	height: 20px;
}
.about .sec02::after {
	bottom: -20px;
	height: 20px;
}
/*
 sec03
----------------------------------------------------------- */
.about .sec03 {
	margin-top: 20px;
}
.about table, 
.about thead, 
.about tbody, 
.about th, 
.about td, 
.about tr {
    display: block;
}
.about th {
width: 100%;
padding: 15px 0 10px 0;
}
.about td {
width: 100%;
padding: 10px 0 15px 0;
}
.about td::after {
display: none;
}
/*
 ここからplan
----------------------------------------------------------- */
.plan .price {
	font-size: 1.8rem;
}
.plan th {
	font-size: 1.6rem;
}
/*
 ここからfaq
----------------------------------------------------------- */
/*
 sec01
----------------------------------------------------------- */
.faq .btn01 {
    font-size: 1.2rem;
    padding: 5px 35px 5px 5px;
}
/*
 ここからcontact
----------------------------------------------------------- */
/*
 sec02
----------------------------------------------------------- */
.contact .sec02_bg {
	background: var(--yellow02);
	padding: 15px;
}
/*
 ここからpurchase
----------------------------------------------------------- */
/*
 sec03
----------------------------------------------------------- */
.tabs {
	margin-top: 15px;
	padding-bottom: 15px;
}
.tab_content {
	padding: 15px 15px 0;
}
.purchase .cmn_cat {
	font-size: 1.6rem;
	width: 90px;
}
.purchase .acc_box_ttl {
	margin-bottom: 15px;
	font-size: 2rem;
}
/*
 sec04
----------------------------------------------------------- */
.purchase .sec04 .sec04_item_box .fbox > * {
	width: 50%;
}
.purchase .sec04_btm_area {
	padding: 15px;
}
/*
 ここからmoving
----------------------------------------------------------- */
/*
 sec03
----------------------------------------------------------- */
.moving .cmn_cat {
	font-size: 1.6rem;
	width: 90px;
}
.moving .acc_box_ttl {
	margin-bottom: 15px;
	font-size: 2rem;
}
/*
 ここからpest
----------------------------------------------------------- */
/*
 sec04
----------------------------------------------------------- */
.pest .cmn_cat {
	font-size: 1.6rem;
	width: 90px;
}
.pest .acc_box_ttl {
	margin-bottom: 15px;
	font-size: 2rem;
}
/*
 ここからcleaning
----------------------------------------------------------- */
/*
 sec03
----------------------------------------------------------- */
.cleaning .cmn_cat {
	font-size: 1.6rem;
	width: 90px;
}
.cleaning .acc_box_ttl {
	margin-bottom: 15px;
	font-size: 2rem;
}
/*
 sec04
----------------------------------------------------------- */
.cleaning .sec04_list .fbox_2 > * {
	width: 50%;
}
/*
 ここからwhereabouts
----------------------------------------------------------- */
/*
 sec02
----------------------------------------------------------- */
.whereabouts .cmn_cat {
	font-size: 1.6rem;
	width: 90px;
}
.whereabouts .acc_box_ttl {
	margin-bottom: 15px;
	font-size: 2rem;
}
/*
 sec06
----------------------------------------------------------- */
.whereabouts .sec06 .btm_box {
	padding: 15px;
}
/*
 ここからdismantling
----------------------------------------------------------- */
/*
 sec02
----------------------------------------------------------- */
.dismantling .cmn_cat {
	font-size: 1.6rem;
	width: 90px;
}
.dismantling .acc_box_ttl {
	margin-bottom: 15px;
	font-size: 2rem;
}
/*
 ここからnews
----------------------------------------------------------- */
/*
 sec01
----------------------------------------------------------- */
.article .article_img {
	float: unset;
	padding: 0 0 30px;
	width: 100%;
}
/*
 ここからcontact form
----------------------------------------------------------- */
.cf7_box .submit_btn {
	display: block;
}
.cf7_box .submit_btn input {
	width: 100%;
}
.cf7_box .l_txt {
	width: 100%;
}
.cf7_box .r_txt {
	width: 100%;
}
/*
 pagination
----------------------------------------------------------- */
.pagination {
	text-align: center;
	padding-bottom: 45px;
}
.nav-links .page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nav-links a.page-numbers ,
.nav-links .current,
.nav-links a.prev,
.nav-links a.next,
.nav-links .dots {
	width: 40px;
	height: 40px;
	line-height: 35px;
	margin-right: 15px;
	font-size: 12px;
	border: solid 1px var(--green);
}
.nav-links a.next {
	margin-right: 0;
}
.nav-links .next::before {
	left: -10px;
}
.nav-links .prev::after {
	right: -10px;
}
.Pagination-Item-Link-Icon {
	width: 15px;
}
}/*スマホ用スタイルend*/