/* RESPONSIVE
***************************************************  */

@media screen and (max-width: 1139px) {
/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	#header_pc {
		display: none;
	}

	#header_sp {
		display: block;
	}

	h1 {
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		color: #000000;
		font-size: 2.1rem;
		letter-spacing: 0.1rem;
	}

/** ---------------------------------------- */
		#header_sp {
			background-color: #ffffff;
			height: 62px;
			position: fixed;
			top: 0;
			z-index: 99;
			width: 100%;
		}

		.ham_position {
			position: relative;
		}

		.h_menul {
			position: absolute;
			top: 18px;
		}

		#nav_ham {
			position: absolute;
			top: 5px;
			right: 2%;
		}

		/*  */
		.drawer-hidden {
			display: none;
			opacity: 0;		/*  */
		}

		/*  */
		.drawer-open {
			display: flex;
			height: 60px;
			width: 60px;
			justify-content: center;
			align-items: center;
			position: relative;
			z-index: 100;		/*  */
			cursor: pointer;
		}

		/*  */
		.drawer-open span,
		.drawer-open span:before,
		.drawer-open span:after {
			content: '';
			display: block;
			height: 3px;
			width: 25px;
			border-radius: 3px;
			background: #009b4a;
			transition: 0.5s;
			position: absolute;
		}

		/*  */
		.drawer-open span:before,
		.drawer-open span:after {
			background: #009b4a;
		}

		/*  */
		.drawer-open span:before {
			bottom: 8px;
		}

		/*  */
		.drawer-open span:after {
			top: 8px;
		}

		/*  */
		#drawer-check:checked ~ .drawer-open span {
			background: rgba(255, 255, 255, 0);
		}

		/*  */
		#drawer-check:checked ~ .drawer-open span::before {
			bottom: 0;
			transform: rotate(45deg);
			background: #ffffff;		/*  */
		}
		#drawer-check:checked ~ .drawer-open span::after {
			top: 0;
			transform: rotate(-45deg);
			background: #ffffff;		/*  */
		}

		/* */
		.drawer-content {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 100%;		/* */
			z-index: 99;
			background: #009b4a;
			transition: .5s;
		}

		/*  */
		#drawer-check:checked ~ .drawer-content {
			left: 0;		/* */
		}

		/*  */
		.drawer-item,
		.drawer-item a {
			color: #ffffff;
			font-weight: 600;
		}
		.drawer-item {
			font-size: 1.7rem;
			/* font-weight: 600; */
			letter-spacing: 0.1rem;
			margin: 1.8rem 0 0.5rem 3.5rem;
		}
		ul.ham_sph {
			/* display: flex;
				align-items: center; */
			font-size: 2.0rem;
			font-weight: 700;
		}

/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.footer_pac {
		padding: 90px 8% 0;
	}

/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.r-shin_contentbox {
		width: 90%;
	}

/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.top1v_img {
		height: 346px;
		object-fit: cover;
	}

/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.top1stv_clt {
		bottom: -25%;
		right: 9.5%;
		width: 150px;
	}

	.bnr_contact a {
		width: 80%;
	}

	.bnr_contact a {
		width: 80%;
	}

	.bnr_contact img {
		width: 100%;
	}

	.reason_ul1,
	.reason_ul2 {
		display: block;
	}

	.reason_ul1 li,
	.reason_ul2 li {
		width: 90%;
		margin: 0 auto;
	}

	.reason_ul1 li:nth-child(2) {
		width: 90%;
		margin: 45px auto;
	}

	.reason_ul2 {
		margin-top: 45px;
	}

	.reason_ul2 li:first-child {
		width: 90%;
		margin: 0 auto 45px;
	}

	.reason_subh {
		height: auto;
	}

	.top_infolink {
		width: 100%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.hc_strongpac ul {
		width: 90%;
	}

	.hc_servicepac li {
		width: 31.3%;
	}

	.hc_servicepac li img {
		width: 100%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.clt_hikakuimg {
		width: 100%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.asset_restopac {
		width: 90%;
	}

	.resto_simepac {
		width: 90%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.company_gmap {
		width: 100%;
	}

	.gmapclass {
		margin: 0!important;
		width: 100%!important;
	}

}



@media screen and (max-width: 767px) {
/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.footer_pac {
		padding: 60px 6% 0;
	}

	.footer_info {
		display: block;
		width: 100%;
	}

	p.footer_infoh {
		font-size: 2.3rem;
	}

	.footer_info li:first-child {
		margin: 0 0 40px 0;
	}

	.fixedbnr1,
	.fixedbnr2 {
		width: 60px;
	}

	.fixedbnr2 {
		top: 220px;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	h2 {
		font-size: 3.4rem;
	}

	.h2sub {
		font-size: 2.3rem;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.top1stv_clt {
		bottom: -40%;
	}

	.h2sub {
		font-size: 2.3rem;
		font-weight: bold;
	}

	.experience_q {
		width: 90%;
	}

	.experience_a {
		width: 80%;
	}

	.bnr_contact a {
		width: 92%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.hc_strongpac ul {
		display: block;
	}

	.strong_num {
		width: fit-content;
		margin: 0 auto;
	}

	.strong_h {
		text-align: center;
	}

	.hc_servicepac ul {
		display: block;
	}

	.hc_servicepac li {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.hc_servicepac li img {
		width: 65%;
		margin: 0 auto;
	}

	.hc_servicepac li:last-child {
		margin-bottom: 0;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.towa_img {
		width: 65%;
		margin: 65px auto 0;
	}

	.clt_repairpac {
		padding: 50px 50px;
	}

	.clt_repairpac ul {
		width: 100%;
	}

	.clt_repairpac li {
		width: 42%;
	}

	.clt_repairpac li img {
		width: 100%;
	}

	.clt_genriimg {
		padding: 50px;
	}

	.clt_genriimg img {
		width: 100%;
	}

	.clt_meritpac ul {
		display: block;
	}

	.clt_meritpac li {
		width: 100%;
		margin-bottom: 30px;
	}

	.clt_meritpac img {
		width: 90px;
	}

	.safe3 {
		display: block;
	}

	.safe3 li {
		width: 100%;
		margin-bottom: 30px;
	}

	.safe3 img {
		width: 140px;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.safe3 li:last-child {
		margin-bottom: 0;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.resto_thinkingul {
		display: block;
	}

	.resto_thinkingul li {
		width: 99%;
		margin-bottom: 30px;
	}

	.resto_thinkingul li:last-child {
		margin-bottom: 0;
	}

	.resto_koujiul {
		display: block;
		width: fit-content;
		margin: 50px auto;
	}

	.resto_koujiul li:nth-child(1) {
		width: 40%;
	}

	.resto_simebox {
		padding: 40px;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.mformbox {
		width: 95%;
	}

}



@media screen and (max-width: 549px) {
/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	p {
		font-size: 1.55rem;
		line-height: 2.1;
	}

	h2 {
		font-size: 3.0rem;
		padding-bottom: 3.0rem;
		margin-right: 10%;
		text-align: left;
	}

	.h2sub {
		font-size: 2.1rem;
		font-weight: bold;
		margin-right: 10%;
		text-align: left;
	}

	.page_h2 {
		margin-bottom: 30px;
	}

	.r-shin_contentbox {
		width: 92%;
	}

	.r-shin_contentbox {
		padding: 90px 0 90px;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.h_menul {
		top: 14px;
		margin-left: 3%;
	}

	.top1stv_clt {
		/*	 width: 105px;
			bottom: -88px;
			right: 35%;	*/
		width: 110px;
		bottom: -73px;
		right: 18%;
	}

	.top1v_img_pc {
		display: none;
	}

	.top1v_img_sp {
		display: block;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.footer_pac {
		padding: 60px 14.5% 0 4%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	#top_experience div.line_y {
		margin: 10px auto 50px;
	}

	#top_experience ul {
		margin-bottom: 50px;
	}

	.experience_q {
		width: 80%;
		font-size: 1.85rem;
		padding: 3.0rem 2.0rem;
    }

	.experience_a {
		margin-left: 2%;
		padding: 3.0rem 2.0rem;
	}

	.reason_ul1,
	.reason_ul2 {
		margin-top: 50px;
	}

	.reason_ul1 li,
	.reason_ul2 li {
		width: 86%;
		margin-left: 2%;
		margin-right: 12%;
	}

	.reason_ul1 li:nth-child(2),
	.reason_ul2 li:first-child {
		width: 86%;
		margin-left: 2%;
		margin-right: 12%;
	}

	.top_mainlinks {
		display: block;
	}

	.top_infolink {
		width: 86%;
		margin-left: 2%;
		margin-right: 12%;
	}

	.top_infolink p {
		font-size: 2.1rem;
	}

	.top_infolink a {
		font-size: 1.85rem;
	}

	.bnr_contact a {
		width: 100%;
		margin-top: 50px;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.page_assert p {
		font-size: 3.0rem;
		line-height: 1.7;
		text-align: left;
		padding: 0 14% 0 4%;
	}

	.hc_strongpac ul {
		margin-left: 2%;
		margin-right: 12%;
		width: 86%;
		padding: 40px 0;
	}

	.hc_servicepac {
		margin-right: 12%;
	}

	.hcservice_h {
		padding: 0px 14px;
		font-size: 2.0rem;
	}

	.hc_servicepac li {
		width: 98%;
	}

	.hc_servicepac li img {
		width: 98%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	p.asset_cloth {
		font-size: 1.8rem !important;
	}

	.nainai {
		width: 86%;
		margin-bottom: 55px;
	}

	.nainai li {
		font-size: 2.0rem;
	}

	.clt_h3 {
		font-size: 2.0rem;
		margin-left: 0;
		margin-right: 10%;
		text-align: left;
	}

	.clt_towapac p {
		margin-left: 0%;
		margin-right: 12%;
	}

	.towa_img {
		width: 86%;
		margin-left: 0;
	}

	.clt_clningpac p {
		margin-left: 0%;
		margin-right: 12%;
	}

	.repair_txt {
		margin-left: 0%;
		margin-right: 12%;
	}

	.clt_repairpac {
		padding: 20px 20px;
		margin-right: 12%;
	}

	.clt_repairpac p {
		font-size: 1.5rem;
		line-height: 1.85;
	}

	.clt_repairpac ul {
		display: block;
		margin-top: 20px;
	}

	.clt_repairpac li {
		width: 100%;
	}

	.clt_repairpac li:last-child {
		margin-top: 10px;
	}

	.clt_meritpac ul {
		margin-left: 0;
		margin-right: 12%;
	}

	.clt_bubun {
		padding-top: 40px;
		margin: 40px 12% 0 0;
	}

	.clt_genriimg {
		padding: 20px;
		margin-left: 0;
		margin-right: 12%;
	}

	.senzaitxt {
		margin-left: 0;
		margin-right: 12%;
	}

	.safeh_ul {
		margin-left: 0;
		margin-right: 12%;
	}

	.safeh_ul li:nth-child(1),
	.safeh_ul li:nth-child(3) {
		width: 10%;
	}

	.safeh_ul li:nth-child(2) {
		width: 80%;
	}

	.safeh_ul li:nth-child(2) {
		font-size: 1.9rem;
	}

	.safe3 li {
		width: 86%;
		margin-left: 0;
		margin-right: 10%;
	}

	.clt_hikakuimg {
		width: 86%;
		margin-left: 0;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.asset_restopac {
		width: 85%;
	}

	.asset_restobox {
		padding: 20px 20px 30px;
		
	}

	.asset_restotxt {
		font-size: 1.9rem!important;
		padding-top: 20px!important;
	}

	.restoasset {
		padding: 0 2% 0 0!important;
	}

	.resto_thinkingul li {
		width: 86%;
	}

	.thinkng_subh {
		padding: 20px;
	}

	.thinkng_txt {
		padding: 0 20px 20px;
	}

	.resto_subtxt {
		margin-right: 12%;
	}

	.resto_koujiul {
		margin-left: 0;
		margin-right: 12%;
	}

	.resto_koujiul li:nth-child(1) {
		width: 100%;
	}

	.resto_koujibox {
		width: 88%;
	}

	.tatami {
        width: 100%;
	}

	.resto_koujiboxh {
		font-size: 2.0rem;
		text-align: left;
		padding: 14px 0 14px 20px;
	}

	.resto_koujiboxtxt {
		padding: 20px;
	}

	.resto_koujiboxcap {
		text-align: left;
	}

	.resto_crossmore {
		margin: 0;
	}

	.resto_crossmorepac {
		margin: 60px 10% 0 0;
	}

	.resto_bathsub {
		width: 86%;
		margin: 20px 0 0 0;
	}

	.resto_bathul {
		width: 80%;
		margin: 0 0 20px 0;
		font-size: 2.0rem;
		letter-spacing: 0;
	}

	.resto_bathsub p {
		padding: 20px;
	}

	.bath_bg {
		top: 12%;
		width: 100%;
	}

	.resto_flowbox {
		width: 88%;
	}

	.resto_flowbox ul {
		display: block;
		padding: 20px;
	}

	.flownum {
		font-size: 4.4rem;
		border: none;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.flowsub {
		padding: 10px;
	}

	.resto_simepac {
		width: 85%;
		margin: 20px 0;
	}

	.resto_simebox {
		padding: 20px;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.renov_setpac {
		width: 88%;
	}

	.renov_h3 {
		font-size: 2.2rem;
		margin-top: 20px;
	}

	.renov_h3uline {
		margin: 20px auto 20px;
	}

	.renov_setpac ul {
		display: block;
	}

	.renov_setpac li {
		margin: 5px 0;
    }

	.renov_setpac img {
		width: 80%;
		margin: 0 auto;
	}

	.renov_setpac p {
		padding: 20px;
		font-size: 1.45rem;
	}

	.renov_puline {
		margin: 20px 100px;
	}

	.renov_sub {
		margin: 0 auto 20px;
		width: 100%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.case-head-cat {
		margin-bottom: 30px;
		width: 88%;
	}

	.case-head-cat ul {
		display: block;
	}

	.case-head-cat li {
		display: inline-block;
	}

	.case-body {
		display: block;
	}

	.case-b-pac {
		width: 86%;
		margin: 0 1.6% 40px;
	}

	.case-h-t-catname {
		font-size: 2.2rem;
		text-align: left;
	}

	.case-single_time {
		font-size: 1.9rem;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.compa_complibox {
		margin-bottom: 50px;
	}

	.compa_complibox h3 {
		padding: 10px 30px;
		font-size: 2.4rem;
		margin: 0;
	}

	.compa_complibox ul {
		display: block;
		width: 88%;
	}

	.compa_complibox li {
		width: 100%;
		margin-top: 20px;
	}

	.compli_h {
		padding: 20px 0 0;
	}

	.compli_txt {
		padding: 6px 20px 20px;
	}

	.company_profilebox {
		width: 88%;
	}

	.company_profilebox dl {
		padding: 20px 2%;
		display: block;
	}

	.company_gmap {
		width: 88%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.recruit-yobikake {
		width: 86%;
		line-height: 1.6;
	}

	.recruit-table {
		width: 90%;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.notice-pac {
		width: 88%;
	}

	.notice-day {
		padding-top: 20px;
		font-size: 1.8rem;
	}

	.notice-h {
		line-height: 1.6;
		padding: 0;
		margin: 0;
		font-size: 2.2rem;
	}

	.notice-txt {
		padding-top: 0;
	}


/** --------------------------------------------------------------------------

*** -------------------------------------------------------------------------- */
	.contactselect {
		display: block;
		margin: 0 0 50px 0;
	}

	.contactselect li {
		padding: 12px 30px;
		width: fit-content;
	}

	.contactselect li:first-child {
		margin-bottom: 20px;
	}

	.mailinfo {
		width: 86%;
	}

	.formin {
		width: 92%;
	}

	.telinfo,
	.mailinfo {
		width: 86%;
	}

	.telinfobox {
		padding: 20px 6%;
		width: 88%;
	}

	.telinfobox li {
		font-size: 2.9rem;
		letter-spacing: 0.4rem;
	}

	.telinfobox p {
		font-size: 1.55rem;
	}

	.pppac p {
		margin-right: 10%;
	}

	.kakuninpac {
		padding: 20px;
	}

	.mformbtn_kakunin {
		display: block;
	}

	.mformbtn_kakunin li {
		margin: 0 0 20px 0;
	}

	.wpcf7-previous {
		padding: 20px 30px;
	}

	.wpcf7-submit {
		padding: 20px 30px;
	}


/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.company_mvlogo {
		height: 250px;
	}

	.futurelogo {
		margin-top: 3.0rem;
	}

	.futurelogo img {
		width: 170px;
	}

	.about_box li:first-child {
		width: 25%;
	}

	.about_box li:last-child {
		width: 75%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	#archh1_sp div {
		padding-top: 66px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.danasset_categorybox {
		padding: 40px 0 32px;
	}

	.danasset_categorybox a {
		margin-bottom: 1.0rem;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.singlepost_title h2 {
		font-size: 3.0rem;
		letter-spacing: 0;
	}

	.singlepost_content h3 {
		font-size: 2.5rem;
	}

	.singlepost_content h4 {
		font-size: 1.9rem;
	}

	.singlepost_content h5 {
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.notelist li {
		width: 47%;
		margin-right: 6%;
	}

	.note_title {
		font-size: 1.6rem;
	}

}