@charset "UTF-8";

@media only screen and (max-width : 768px) {
	/*-----------------------
スマホ・タブレット用レイアウト（768px以下スクリーン）
----------------------*/

	/*------------------
共通設定(スマホ)
-------------------*/

	/* はみ出した領域は非表示にする*/
	html {
		overflow-y: scroll;
		overflow-x: hidden;
	}

	html,
	body {
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	/*画像サイズの調整*/
	img {
		height: auto;
		max-width: 100%;
	}

	/*H2タグ*/
	h2 {
		margin: 0.5em 0 0.5em;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
	}




	/*--------------------------------------------------------
全体レイアウト/背景設定(スマホ・タブレット)
--------------------------------------------------------*/

	/*全体エリア(全体背景の設定はここ)*/
	.main {
		background-color: #fff;
	}

	/*記事(ボディ)エリア*/
	.article {
		background-color: #fff;
		/*スマホの場合はカラムの線を消す*/
		border-left: none;
		border-right: none;
	}

	/*記事(ボディ)エリアの行間*/
	.article p {
		line-height: 1.8em;
	}

	/*記事(ボディ)エリアのフォントサイズ*/
	.article {
		font-size: 1.6em;
	}

	/*カラム全体の幅はスマホの場合固定*/
	.header_inr,
	.article,
	.atcl_inr,
	.top_image_in {
		width: 100%;
		margin: 0 auto
	}

	/*PC画面とスマホ画面の切り替え*/

	.gamen_pc {
		display: none;
	}

	.gamen_rps {
		display: block;
	}

	/*--------------------------------------------------------
上部固定ヘッダー設定
--------------------------------------------------------*/

	/*上部固定ヘッダー全体*/
	.header {
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		background-color: #fff;
		border-bottom: 1px;
		overflow: auto;
	}


	/*ヘッダーロゴ*/
	.header_logo {
		float: left;
		width: 25%;
		margin-top: 20px;
		margin-left: 5px;
	}

	.header_text {
		float: left;
		margin-top: 1.6em;
	}

	.header_text_inr {
		background-color: #fe7e00;
		padding: 0.5em;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
	}

	/*ヘッダー 電話ボタン*/
	.header_tel {
		width: 45%;
		float: left;
		margin: 1em 0.2em 0em;
	}

	/*ヘッダー 問い合わせボタン*/
	.header_mail,
	.header_line {
		width: 12%;
		float: right;
		margin: 1.4em 0.1em 0em;
	}

	/*ヘッダー内の画像はエリア幅に合わせる*/
	.header_logo img,
	.header_tel img,
	.header_mail img,
	.header_line img {
		width: 100%;
	}


	/*---------------------------
ファーストビュー設定
-------------------------------*/

	.top_image {
		position: relative;
		z-index: 1;
		background: url(../images/haikei_gaiju_top.png) center no-repeat #fff;
		height: auto;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	.top_image_in img {
		width: 100%;
	}

	/*-----------------------
害獣リストエリア設定
-----------------------*/


	/* ③ 上の横長リストを少しだけ上に重ねる */
	.gaiju_list {

		position: relative;
		transform: translateY(-10px);
		z-index: 30;
		text-align: center;
	}

	.gaiju_list img {
		margin: 0 auto;
		width: 100%;
	}

	/*-----------------------
キャンペーンエリア設定
-----------------------*/
	.sec_10off_campaign {
		margin: 0;
		text-align: center;
		display: block;
			padding-top: 0.5em;

	}

	.sec_10off_campaign img {

		width: 100%;
		margin: 0;
		padding: 0em 0.5em;
		margin: 0 auto;
	}

	/* --------------------------
cv設定
----------------------------*/

	.cv_tel_text {
		font-size: 1em;
	}

	.cv_area img,
	.cv_area02 img {
		display: block;
		max-width: 100%;
		height: auto
	}

	.cv_inr {
		padding: 0em;

	}


	.cv_cntnr {
		flex-direction: column;
		gap: 5px;
		padding: 0.3em 0.3em 0em;
	}

	.cv_btn {
		display: flex;
		gap: 5px;
		justify-content: center;
	}

	.cv_btn img {
		width: 100%;
	}



	/* ⑦ 備考（住所/営業時間/決済） */
	.cv_Annotation_text {
		display: flex;
		justify-content: center;
		gap: 0em 5px;
		flex-wrap: wrap;
		margin-top: 8px;
		padding-bottom: 6px;

	}

	.cv_Annotation_text p,
	.cv_credit p {
		margin: 0;
		font-weight: 600;
		letter-spacing: .2px;
		color: #333;
		font-size: clamp(0.5rem, 2.5vw, 1.4rem);
	}

	/* クレジットカードエリア */
	.cv_credit {
		flex-direction: column;
		padding-bottom: 0.4em;
	}

	.cv_credit_text::before,
	.cv_credit_text::after {
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background-color: #CD060C;
		/* 線の色 */
	}

	.cv_credit_img {
		display: flex;
		justify-content: center;
		gap: 6px;
	}

	.cv_credit img {
		max-width: 50px;
	}


	/* --------------------------
TEL_CTAエリア設定
----------------------------*/

	.sec_tel_cv_area {
		background-color: #fe7e00;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.tel_cv_area_text {
		text-align: center;
		color: #fff;

	}

	.tel_text01 {
		font-size: clamp(1.3rem, 2.5vw, 1.8rem);
		font-weight: bold;
	}

	.tel_text_small {
		font-size: 0.8em;

	}

	.tel_text02 {
		font-size: clamp(0.9rem, 2.5vw, 1.4rem);
		font-weight: bold;
	}


	.tel_cv_area_inr img {
		width: 100%;
	}

	.tel_cv_area_inr {
		background: #fff;
		border-radius: 12px;
		max-width: 750px;
		margin: 0 auto;
		padding: 0.5em 0em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0px 40px;
		margin-left: 0.2em;
		margin-right: 0.2em;
	}

	.tel_cv_area_inr p {
		margin: 0;
		padding: 0.3em 0em;
		font-weight: bold;
		font-size: 1.5em;
	}

	/* --------------------------
悩みエリア設定
----------------------------*/


	/* 悩み・予兆エリア */
	.nayami_list_inr {
		text-align: center;
		width: 950px;
		margin: 0 auto;
		padding-top: 1.5em;
		width: 100%;
	}

	.nayami_list img {
		width: 100%;
	}

	.nayami_arrow {
		max-width: 300px;
		margin: 0 auto;
	}

	/* 悩みエリア */
	.nayami_woman {
		text-align: center;
		padding-top: 1em;
	}

	.nayami_woman img {
		width: 100%;
	}

	/*----- 被害・危険エリア -----*/
	.nayami_higai img {
		width: 100%;
	}

	.nayami_danger_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.danger_card {
		padding: 22px 16px;
	}

	.nayami_danger_grid {
		gap: 14px;
	}

	.nayami_red_arrow {
		text-align: center;
	}

	.nayami_red_arrow img {
		display: inline-block;
		max-width: 350px;
		width: 100%;
		height: auto;
	}

	/* --------------------------
解決エリア設定
----------------------------*/


	.kaiketu_title {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	.kaiketu_title img {
		width: 100%;
	}

	.gaiju_skill img {
		width: 100%;
	}



	.gaiju_security {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 1em;
	}


	.security_mds_inr {
		background-color: #fe7e00;
		color: #fff;
		padding: 0.5em 1em 0.3em;
	}



	/* 安心の保証制度 */
	.security_mds_inr {
		font-size: 1.2em;
	}

	.gaiju_security_cntnr {
		flex-direction: column;
		gap: 5px;
		background-color: #fff;
		border: 2px solid #fe7e00;
		padding: 1em;

	}

	.security_img img {
		width: 100%;
	}

	/* --------------------------
施工風景エリア設定
----------------------------*/
	.sec_gaiju_seko {
		background-color: #f8f5e4;
		padding-bottom: 2em;
	}

	.gaiju_seko_title {
		padding-top: 0.3em;
		padding-bottom: 0.5em;
	}

	.seko_jirei_area {
		width: 100%;
	}

	.seko_jirei_inr {
		padding: 0em 0.5em;

	}

	.seko_jirei_flex {
		flex-direction: column;
		padding: 0.5em 0em;
	}

	.seko_jirei_flex img {
		width: 100%;
	}

	.seko_jirei_higai {
		padding: 0.5em;
	}

	.seko_jirei_higai_mds {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}


	.seko_arrow_irai img {
		max-width: 300px;
	}

	.seko_jirei_grid {
		width: 100%;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	.seko_jirei_grid img {
		width: 48%;
	}

	/*---- 見積もり無料のエリア ----*/
	.gaiju_survey_area {
		width: 100%;
		margin: 0 auto;
		overflow: visible;
	}

	/* 親：茶色の帯 */
	.gaiju_survey_area_title {
		background: #4e3a1d;
		padding: 1.5em 0em 0.5em;
		text-align: center;
		overflow: visible;
	}



	/* リード文 */
	.survey_lead-strong {
		font-size: 1.1em;
		margin: 0;

	}

	/* 方眼紙の本文枠（下側だけ角丸） */
	.gaiju_survey_area_inr {
		background: url(../images/haikei_graph_paper.png) center #fff;
		border-radius: 0 0 12px 12px;
		padding-top: 1em;
	}

	/* 小見出し */
	.survey_lead {
		text-align: center;
	}

	.gaiju_survey_cntnr {
		max-width: 700px;
		margin: 0 auto;
		padding: 0em 0.5em 0.8em;
	}

	.gaiju_survey_cntnr img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	/* --------------------------
料金エリア設定
----------------------------*/


	.gaiju_price_title {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}


	.gaiju_price_list {
		gap: 15px 5px;
		width: 100%;
		padding: 1em 0.5em;
		margin: 0 auto;
	}

	.price_item {
		flex: 0 1 48%;
	}

	/* --------------------------
お客様の声エリア設定
----------------------------*/
	.voice_cntnr {
		padding: 0.5em;

	}



	.voice_title img {
		width: 100%;
	}


	.voice_cntnr_img {
		flex-direction: column;
		align-items: center;
	}

	.voice_cntnr_img img:first-child {
		align-self: flex-start;
		width: 100%;
		max-width: none;
	}

	.voice_cntnr_img img:last-child {
		align-self: center;
		width: 70%;
		max-width: none;
	}

	/* --------------------------
流れエリア設定
----------------------------*/
	.sec_gaiju_nagare {
		background-color: #f1fbf2;
		padding-bottom: 2em;
	}

	.gaiju_nagare_title {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}




	.nagare_cntnr {
		flex-direction: column;
		justify-content: center;
		gap: 2px;
		background-color: #fff;
		width: 100%;
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 0.5em;
		padding: 0.5em;
	}

	.nagare_img {
		text-align: center;
	}

	.nagare_img img {
		max-height: 150px;
	}

	.nagare_mds {
		display: flex;
		align-items: center;

	}

	.nagare_mds img {
		max-width: 60px;
	}

	.nagare_mds h3 {
		padding-top: 1em;
		font-size: 1.2em;
		color: #fe7e00;
	}


	/* --------------------------
Q&Aエリア設定
----------------------------*/

	.sec_gaiju_qa {
		background: url(../images/haikei_gaiju_kaiketu.png) center #fff;
		background-size: cover;
		padding: 2em 0.5em;
	}





	/*---------------------------
フッター部分
--------------------*/

	.footer {
		padding: 2em 0em 3em;
		font-size: 1em;
	}

	/*スマホ用下部固定メニュー*/
	.fix_menu_smartphone {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 10000;
		box-shadow: 0 0 3px #4e3a1d;
		background: #fff;
		display: none;
		/* ← 基本は非表示 */
	}

	.fix_menu_smartphone.is-show {
		display: block;
		/* ← JSでこのクラスを付けたときだけ表示 */
	}

	.fix_menu_smartphone img {
		width: 100%;
	}

	.tel_left {
		width: 100%;
		padding: 0;
	}

	/* --------------------------
表エリア設定
----------------------------*/

th {
	width: 40%;
}

td {
	width: 60%;
}



}