@charset "utf-8";

/* --------------------------------- */
/* 便利屋まあくん様サイト用メインCSS */
/* --------------------------------- */
/* Modified : 2019/11/30 11:45 */

/* ――――――――――― */
/* ■全環境用のベースCSS  */
/* ――――――――――― */

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-family: 'M PLUS Rounded 1c',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;
		margin: 0;
		padding: 0;
		color: #000;
		background-color: #fff;
		line-height: 1.4;
		-webkit-text-size-adjust: 100%;
	}

		/* ▽消極的な改行制御区間 */
		i {
			font-style: normal;
			display: inline-block;
		}

		/* ▽画面幅に応じて自動縮小する画像 */
		.autoResize {
			max-width: 100%;
		}

		/* ▽リンク配色 */
		body a {
			text-decoration: none;
			color: #666666;
		}
		body a:hover {
			color: #a5a5a5;
		}

		/* ▽文字間隔の微調整用 */
		.thin1 { letter-spacing: -1px; }
		.thin2 { letter-spacing: -2px; }
		.thin3 { letter-spacing: -3px; }

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */
	/* ※ヘッダ背後の装飾は、モバイル/PC別々に指定 */

		/* -------------- */
		/* ▼上端ロゴ領域 */
		/* -------------- */
		h1 {
			margin: 0;
		}

	/* ==================== */
	/* ▼スライドショー区画 */
	/* ==================== */
	.slideshowCover {
		position: relative;
		margin: 0 auto;
		padding: 0;
		max-width: 1200px;
	}

	#HeadSlideshow {
		margin: 0px;
		padding: 0px;
	}

		/* ---------------------------- */
		/* ▽スライドショー用表示候補群 */
		/* ---------------------------- */
		#SlideshowBox {
			width: 100%;
			position: relative;
		}

		#SlideshowBox p {
			position: absolute;
			top:  0;
			left: 0;
			right: 0;	/* 左右0にすることで原寸を超えて拡大もできる */
			z-index: 8;
			opacity: 0.0;
			background-color: white;
			margin: 0;
		}

		#SlideshowBox p.active {
			z-index: 10;
			opacity: 1.0;
		}

		#SlideshowBox p.last-active {
			z-index: 9;
		}

		#SlideshowBox p img {
			width: 100%;
			height: auto;
			display: block;
		}

		/* ▼スクリプト無効の場合の固定表示（＋表示空間確保） */
		#NoSlideshow img {
			width: 100%;
			height: auto;
			display: block;
		}

			/* ▼画像に重ねる画像ボックス */
			.addonSlideshow {
				max-width: 100%;
				position: absolute;
				height: auto;
				bottom: 10px;
				left: 0;
				right: 0;
				z-index: 100;
			}

				/* ▼画像に重ねる画像 */
				.addonBox img  {
					max-width: 100%;
				}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	main {
		margin: 2em 0 0 0;
	}

		/* ▼メインコンテンツ汎用ボックス */
		.mainBox {
			margin: 0;
			padding: 0;
		}

		/* ▼領域のセパレータ（※主に各サブタイトルの上部に見せる部分） */
		.areaSeparator {
			margin: 3em auto 0;
			padding: 0;
			width: 73.5%;
		}
			.areaSeparator img {
				width: 100%;
				height: auto;
			}

		/* ▼サブタイトル */
		.subtitle {
			margin: 0 auto;
			padding: 0 0 1em 0;
			text-align: center;
			font-size: 1.25em;
			width: 51.2%;
		}
			/* ▽サブタイトル画像 */
			.subtitle img {
				display: block;
				margin: auto;
				padding: 0;
				width: 100%;
				height: auto;
			}

		/* ▼メインコンテンツ直下の段落 */
		.mainBox > p {
			margin: 1em 0;
			padding: 0 1.5em;
			line-height: 1.6;
		}

			/* ▼メインコンテンツ内部の特定本文段落を含むボックス */
			.mainParagraphs p {
				text-align: justify; /* 両端揃え */
			}

		/* ………………………… */
		/* ▼即日対応電話枠領域 */
		/* ………………………… */
		.quickTelArea {
			margin: 0 auto;
			padding: 0 1em;
			max-width: 500px;	/* 993 */
		}
			.quickTelArea img {
				width: 100%;
			}
			.quickTelArea .largeTelButtonBox {
				margin: 0;
				display: block;
			}

		/* ……………………… */
		/* ▼上部吹き出し領域 */
		/* ……………………… */
		.fukidashiHead {
			margin-bottom: 0;
			text-align: center;
		}
			.fukidashiHead img {
				width: 100%;
			}

		.headBalloonArea {
			display: block;
			margin: 0 auto;
			padding: 0;
			background-image: url("/imgs/fukidasi_bg.png");
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			width: 320px;
			height: 240px;
		}
			.messageInBalloon {
				margin: 0;
				padding: 10%;
				text-align: center;
				font-size: 15px;
				line-height: 24px;
			}

		/* ………………………………… */
		/* ▼ハウスボタンナビ共通装飾 */
		/* ………………………………… */
		.houseNavi {
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-align: center;
		}
			.houseNavi li {
				display: inline-block;
			}
			.houseNavi a {
				margin-top: 1em;
				display: block;
			}
			.houseNavi img {
				display: block;
				width: 155px;
				height: auto;
				margin: auto;
			}

			.naviLabel {
				font-weight: bold;
				display: block;
			}

		/* ………………………………… */
		/* ▼ページ内ナビボタン群領域 */
		/* ………………………………… */
		.headPageNaviArea {
			margin: 2em 0 3.5em 0;
		}
			.headPageNaviArea .houseNavi a {
				margin: 0 10px;
			}
			.headPageNaviArea .houseNavi img {
				width: 130px;
			}

		/* …………………… */
		/* ▼料金の一例領域 */
		/* …………………… */
		.priceArea {
			margin-bottom: 3em;
		}

			.priceArea .note {
				font-size: 0.93em;
				color: #f1a18c;
				font-weight: bold;
			}

			/* ‥‥‥‥‥‥‥‥‥ */
			/* ▽作業ケースリスト */
			/* ‥‥‥‥‥‥‥‥‥ */
			.priceGuideList {
				max-width: 550px;
				margin: auto;
			}

				/* ボックス1つ */
				.priceGuideBox {
					margin: 0.75em;
					padding: 0;
					border: #67b1ff solid 2px;
					border-radius: 10px;
					min-height: 175px;
				}

					/* ボックス内のCase画像 */
					.caseImage {
						width: 150px;
						margin: 0;
						padding: 9px;
					}
					.priceGuideBox:nth-child(2n+1) .caseImage { float: left; }
					.priceGuideBox:nth-child(2n)   .caseImage { float: right; }
					.caseImage img {
						width: 150px;
						height: auto;
					}

					.caseGuide {
						margin: 0;
						padding: 1em;
					}
						.caseGuide h3 {
							color: #f1a18c;
							margin: 0;
							padding: 0;
							line-height: 1.25;
						}
						.caseGuide h3 .note {
							display: inline-block;
							font-size: 0.8em;
							margin: 0 0 0.25em 0;
						}
						.caseGuide p {
							margin: 0;
							padding: 1em 0;
						}

		/* ……………………… */
		/* ▼サービス一覧領域 */
		/* ……………………… */
		.serviceArea {
		}

			.serviceArea .houseNavi {
				margin: 1em auto;
				max-width: 690px;	/* 最大3列並びに抑える */
			}

			.serviceArea .houseNavi a {
				font-size: 1.2em;
				margin: 1em 10px 2.4em;
			}

		/* ……………………… */
		/* ▼ご利用の流れ領域 */
		/* ……………………… */
		.flowArea {
		}

			.flowList {
				margin: auto;
				padding: 0;
				list-style-type: none;
				max-width: 320px;
			}
			.flowList li {
				margin-bottom: 2em;
			}

			.oneStepHead {
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				height: 60px;
				box-sizing: border-box;
				padding: 18px 0 0 72px;
				color: #3386d1;
			}
			.oneStepHead.step1 { background-image: url("/imgs/nagare01.png"); }
			.oneStepHead.step2 { background-image: url("/imgs/nagare02.png"); }
			.oneStepHead.step3 { background-image: url("/imgs/nagare03.png"); }
			.oneStepHead.step4 { background-image: url("/imgs/nagare04.png"); }

			.oneStepGuide {
				margin: 0 15% 0 22%;
				color: #3386d1;
			}

		/* …………………… */
		/* ▼キャンセルエリア領域 */
		/* …………………… */
		.cancelArea {
		}
			/* キャンセル料テーブル */
			
			.cancelTable {
				text-align: center;
			}
		
			/* キャンセル料テーブル */
			table#Cancel {
  				/*width: 100%;*/
  				border-collapse: collapse;
  				font-size:1em;
				margin-left: auto;/* テーブル配置：中央 */
    			margin-right: auto;/* テーブル配置：中央 */
				max-width:95%;
			}

			table#Cancel tr{
  				border-bottom: solid 2px white;
			}

			table#Cancel tr:last-child{
  				border-bottom: none;
			}

			table#Cancel th{
  				position: relative;
  				text-align: left;
  				width: 35%;
  				background-color: #52c2d0;
  				color: white;
  				text-align: left;
  				padding: 10px 0.75em;
			}

			table#Cancel th:after{
  				display: block;
  				content: "";
  				width: 0px;
  				height: 0px;
  				position: absolute;
  				top:calc(50% - 10px);
  				right:-10px;
  				border-left: 10px solid #52c2d0;
  				border-top: 10px solid transparent;
  				border-bottom: 10px solid transparent;
			}
	
			table#Cancel td{
  				text-align: left;
  				width: 65%;
  				text-align: left;
  				background-color: #eee;
  				padding: 10px 1em;
			}


			
		/* …………………… */
		/* ▼対応エリア領域 */
		/* …………………… */
		.regionArea {
		}

			/* 地図画像 */
			.regionMap {
				text-align: center;
			}
			.regionMap img {
				max-width: 270px;
			}

			/* 都道府県名リスト */
			.regionPrefectures {
				color: #3386d1;
				text-align: center;
			}

		/* …………………… */
		/* ▼ごあいさつ領域 */
		/* …………………… */
		.greetingArea {
			margin: 0 0 5em 0;
		}
			/* 名前 */
			.profileName {
				text-align: center;
			}

			/* プロフィール画像 */
			.profileImageBox {
				margin: 1em;
			}
				.profileImageBox img {
					max-width: 100%;
					display: block;
					margin: auto;
				}

			/* 挨拶文ノート */
			.greetingMessage {
				margin: 1em 3em;
				text-align: justify;
				text-justify: inter-character;

				background-image: url("/imgs/ul_01.png");	/* 下線画像(行高を含む) */
				line-height: 2.4;					/* ※1：行高 */
				background-size: auto 2.4em;		/* ※1：下線画像の高さを行高に合わせる */
				background-position: 0 1.2em;	/* ※2：背景を半行ずらすことで先頭行の上にも下線画像を見せる */
				padding: 1.15em 0;				/* ※2：テキストの開始位置を調整する(背景の下線配置に合わせて半行ずらす) */
			}
			.greetingMessage ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			.greetingMessage p {
				margin: 0;
				padding: 0;
			}
			.greetingMessage p + p {
				margin: 2.4em 0 0 0;	/* 段落の境界では1行空ける(※1の行高サイズに合わせる) */
			}

			.greetingMessage li {
				padding-left: 1em;		/* リスト行頭を字下げ */
			}

		/* ………………………… */
		/* ▼パンくずリスト領域 */
		/* ………………………… */
		.pankuzuArea {
			margin: 5em 4.5em 2.5em;
			padding: 1em;
			font-size: 0.6em;
			text-align: center;
			border-top: 1px solid black;
		}
			/* リンクの配色 */
			.pankuzuArea a {
				text-decoration: none;
				color: #666666;
			}

		/* ………………… */
		/* ▼お知らせ領域 */
		/* ………………… */
		.infoBody {
			margin: 1em 1.5em;
		}

			.onelogbox {
				margin: 2em auto;
				max-width: 18em;
				padding: 0;
			}
			.onelogbox + hr {
				width: 50%;
				height: 1px;
				border-width: 1px 0 0 0;
				border-color: #919191;
				border-style: dashed none none none;
			}
			.infoBody hr:last-child {
				display: none;	/* 最後の項目の後には区切り線を引かない */
			}
			.postdate {
				font-weight: normal;
				margin: 0 0.5em 0.4em 0.5em;
				font-size: 1em;
			}
			.comment {
				margin: 0 1.5em;
			}

			/* 末尾ボタン */
			.moreButtonBox {
				width: 310px;
				margin: 0 auto;
				padding: 0;
			}
			.moreButtonLink {
				color: white;
			}
				.moreButtonLink img {
					display: block;
					width: 100%;
				}
				.moreButtonLink .label {
					position: relative;
					top: -34px;
					left: 115px;
					font-weight: bold;
					letter-spacing: 3px;
				}

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
	.cornerPage main {
		padding-top: 20px;	/* ページの上端に余白を設ける */
	}

		/* ………………………………… */
		/* ▼サービス一覧(見出し)領域 */
		/* ………………………………… */
		.cornerPage .serviceArea {
		}
			.cornerPage .serviceArea nav {
				background-color: #a9ece0;
				padding: 12px;
			}
			.serviceNaviBox {
				background-color: #ffffff;
			}
				.serviceNavi {
					list-style-type: none;
					margin: auto;
					max-width: 570px;
					padding: 5px 0;
				}
					.serviceNavi li {
						background-image: url("/imgs/bullet_svmenu.png");
						background-size: 17px 17px;
						background-position: left center;
						background-repeat: no-repeat;
						font-size: 15px;
						width: 140px;
						margin: 5px 5px;
						padding: 0 0 0 20px;
						display: inline-block;
					}
					.serviceNavi li a {
						display: block;
					}
					.serviceNavi li a:hover {
						background-color: #a9ece0;
						color: white;
					}

		/* ……………………………… */
		/* ▼サービス一覧(本文)領域 */
		/* ……………………………… */
		.mainBox.serviceArea {
		}

			/* サービスカテゴリ見出し */
			.serviceArea h3 {
				margin: 3em 0 0 0;
				padding: 0;
				text-align: center;
			}
				.serviceArea h3 img {
					width: 60px;
				}
				.serviceArea h3 .catLabel {
					display: block;
				}

			/* サービスカテゴリ内サブ見出し */
			.serviceArea h4 {
				font-size: 1rem;
				color: #f1a18c;
				margin: 2.5em 1.67em 1em;
			}

			/* サービスカテゴリ内本文 */
			.mainBox.serviceArea ul {
				margin: 0.5em 1.5em 0.5em 1em;
			}
				/* サービスカテゴリ内注意書き */
				.caution::before {
  					font-family: "Font Awesome 5 Free";
  					content: "\f071";
  					display: inline-block;
  					font-style: normal;
  					font-variant: normal;
					font-size:larger;
					font-weight:900;/*これを記述しないと表示しない：Chrome*/
  					text-rendering: auto;
  					line-height: 1;
  					color: #67B1FF;
  					margin-right:1em;
  
  					-webkit-font-smoothing: antialiased;/*フォントのレンダリング方法を調整：Safari*/
  					-moz-osx-font-smoothing: grayscale; /*フォントのレンダリング方法を調整：Firefox*/

					}
					


			/* サービスカテゴリ内画像 */
			.serviceArea .serviceImageBox {
				margin: 1em 0 0 0;
				text-align: center;
			}
			.serviceArea .serviceImageBox img {
				max-width: 100%;
				width: 270px;
				height: auto;
				border-radius: 1em;
			}

		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactform {
		}

			/* ▼入力TABLE */
			.contacttable {
				margin: auto;
				border-collapse: collapse;
				max-width: 100%;
			}
			.contacttable th,
			.contacttable td {
				text-align: left;
				font-weight: normal;
				margin: 0.25em 0 0 0;
				padding: 0;
			}

			/* 必須案内 */
			.requireGuide {
				margin: 0;
				padding: 0;
				color: red;
				font-size: 0.8em;
			}

			/* 必須サイン */
			.required-sign {
				color: red;
				line-height: 1;
				vertical-align: middle;
				display: inline-block;
				padding: 0 3px;
				margin: 0 0.5em 0 0;
			}

			/* 選択肢群 */
			.selectOptions {
				display: inline-block;
				min-width: 5.5em;
			}

			/* ▼フォーム内ボタンの装飾 */
			.formbuttons { padding-top: 1.5em !important; text-align: center !important; }
			.formbuttons input { font-size: 1.25em; margin-right: 1em; padding: 0.25em 0.75em; min-width: 10em; border: 1px solid #bbb; border-radius: 0.6em; }
			.formbuttons input.confirmbutton { background-color: #6EC3CD; color: white; border: none; padding: 0.4em 0.75em; }
			.formbuttons input.confirmbutton:hover { background-color: #4893d6; }
			.formbuttons input.clearbutton   { background-color: #fff; }
			.formbuttons input.sendbutton { background-color: #6EC3CD; color: white; border-color: #6EC3CD; }
			.formbuttons input.sendbutton:hover  { background-color: #4893d6; }
			.formbuttons input.backbutton { background-color: #fff; }
			.formbuttons input:hover { background-color: #e5f1fb; border-color: #0078d7; }
			.formbuttons input:active { background-color: #cce4f7; border-color: #005499; }

			/* iOS独自装飾の拒否 */
			input[type="submit"] {
				-webkit-appearance: none;
			}

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	footer {
		margin: 0;
		padding: 0;
		text-align: center;

		background-image: url("/imgs/foot_gizagiza_sp.png");
		background-repeat: repeat-x;
		background-size: 80%;
	}

		/* ▼フッタ上部領域 */
		.upperFooter {
			margin: 0;
			padding: 1em;
		}

		/* ▼フッタ下部領域 */
		.bottomFooter {
			margin: 0;
			padding: 0;
			background-color: #e2f2f5; /* ＝ #6EC3CD の20％ */
		}

		/* ……………… */
		/* ▼アドレス枠 */
		/* ……………… */
		.addressBox {
			max-width: 400px;
			margin: auto;
			padding: 0;
		}
		.addressBox img {
			width: 150px;
			margin: auto;
		}

		.addressBox {
			text-align: center;
			margin: 3em auto;
		}

			/* 電話番号 */
			p.tel {
				margin: 0.5em 0 0 0;
			}
				a.tel {
					display: inline-block;
					padding: 3px 10px 3px 30px;
					text-decoration: none;
					font-size: 1.2em;
					color: #000;
					background-image: url('/imgs/tel03.png');
					background-repeat: no-repeat;
					background-position: center left;
					background-size: 27px 27px;
					min-height: 27px;
				}

			/* 住所 */
			.addressList {
				font-size: 1.2em;
				margin: 1.5em 0;
			}
				.addressList h3 {
					margin-bottom: 0;
				}
					.headquarters::first-letter {
						letter-spacing: 1.5em;
					}

				.addressList h3 + p {
					margin: 0.25em 0 1.5em 0;
				}
					.zip {
						display: block;
					}
					.address {
						display: block;
						font-size: 1.1em;
						margin: 0.25em 0 0 0;
					}

			/* 電話番号リンク */
			.telBox {
				display: inline-block;
				list-style-type: none;
				margin: 0 auto;
				padding: 0;
				text-align: left;
			}
				.telBox .telItem {
					margin: 0;
					padding: 0 0 1em 0;
					font-size: 1.15em;
				}
					.telMain a {
						letter-spacing: 1.2px;	/* 桁数の少ない電話番号を、桁数の多い携帯電話番号の横幅に（できるだけ）合わせるため */
					}
				.telBox .telItem:last-child {
					padding-bottom: 0;
				}
				.telBox .telItem img {
					width: auto;
					height: 1.3em;
					vertical-align: -8px;
					margin: 0 0.3em 0 0;
				}

			/* 地図リンク */
			.mapLink a {
				text-decoration: none;
				color: #666666;
			}

		/* ………………… */
		/* ▼コンタクト枠 */
		/* ………………… */
		.contactBox {
			margin: 2em 0 0 0;
		}
			.contactNotice {
				margin: 1.5em 0;
				line-height: 1.7;
			}

			.contactBox .houseNavi li {
				margin: 0 10px 1em;
			}
				.contactBox .houseNavi li:first-child { margin-left: 0; }
				.contactBox .houseNavi li:last-child { margin-right: 0; }

			.contactBox .houseNavi .LINE-LINK img {
				width: 130px;
			}

		/* ………………… */
		/* ▼運営会社枠　 */
		/* ………………… */
		.klmstBox  {
				margin: 2em 0;
			}
			
			.klmstBox img {
				width:200px;
				height:auto;
			}
		
		/* …………………… */
		/* ▼サイトマップ枠 */
		/* …………………… */
		.sitemapBox {
			max-width: 1200px;
			margin: 0 auto;
			padding: 1.2em 1.2em 4.5em 1.2em;	/* リンクが下端すぎるとモバイル版ブラウザのUIとバッティングして操作できなくなるので、下端は多めに余白を確保しておく。 */
			text-align: left;
			line-height: 2.5;
		}

			/* ▽コーナー連結ボタン */
			.connectedButtons {
				margin: 0;
				padding: 0.5em 0 0 0;
				list-style-type: none;
			}
			.connectedButtons::after {
				content: "";
				clear: both;
				display: block;
			}
				.connectedButtons li {
					display: block;
					width: 32%;
					float: left;
					border-width: 1px 0 1px 1px;
					border-style: solid;
					border-color: #c1d0d3;
					text-align: center;
				}
				.connectedButtons li:last-child {
					border-width: 1px;
				}
				.connectedButtons li a {
					display: block;
				}

			/* ▽サイトマップリスト */
			.sitemapList {
				margin: 1em;
				padding: 0;
				list-style-type: none;
			}
				/* リスト内1項目 */
				.sitemapList li {
					display: inline-block;
					margin: 0 0.75em 0 0;
				}
				.sitemapList li::after {
					content: '｜';
				}

				/* リスト内リンク */
				.sitemapList a {
					display: inline-block;
					margin-right: 0.75em;
				}

			/* ▽最下部のコンタクトリンク */
			.bottomContact {
				margin: 2.5em 0 0 0;
				padding: 0 0 1.2em 0;
				text-align: center;
			}

		/* …………………… */
		/* ▼画面下部固定枠 */
		/* …………………… */
		#FloatBottomBox {
			display: table;
			border-collapse: collapse;
			width: 100%;
			margin: 0;
			position: fixed;
			bottom: 0;
			right: 0;
		}
			#FloatBottomBox .wideTelBox,
			#FloatBottomBox .scroll2Top {
				display: table-cell;
			}

			.wideTelBox { max-width: 80%; }
			.scroll2Top { max-width: 20%; }

			.wideTelBox img,
			.scroll2Top img { max-width: 100%; display: block; }


/* ========================================================= */
/* ■総合モバイル端末（横幅1023px以下）共通の追加・上書きCSS */
/* ========================================================= */
@media all and (max-width:1023px) {

	.pc-only { display: none !important; }

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */
	header {
	}

		.headbox {
			margin: 0;
			padding: 5px 0 0 0;
			background-image: url("/imgs/top_line_sp.jpg");		/* 上端の点線 */
			background-repeat: repeat-x;
			background-size: 100%;
		}

		.headbox h1 {
			background-image: url("/imgs/top_gizagiza_sp.png"); /* 上端の水玉＋ギザギザ背景 */
			background-repeat: repeat-x;
			background-size: 100%;
			background-position: top left;
			position: absolute;
			top: 5px;
			left: 0;
			z-index:100;
			height: 200px;
		}

		/* -------------- */
		/* ▼上端ロゴ領域 */
		/* -------------- */
		h1 {
			width: 100%;
		}
			h1 a {
				display: block;
				padding: 0;
			}
			h1 img {
				width: 100%;
				height: auto;
				display: block;
			}

		/* -------------------------------- */
		/* ▼ドロワーメニュー(モバイルのみ) */
		/* -------------------------------- */
		.mobileNaviArea {
		}

		.drawerMenu * {
			margin: 0;
			padding: 0;
			outline: none;
			border: none;
			font: inherit;
			font-family: inherit;
			font-size: 100%;
			font-style: inherit;
			font-weight: inherit;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			text-align: left;
			text-decoration: none;
			list-style: none;
		}

			/* ▼ドロワーボタンの表示と動作 */
			.drawerMenu .drawerBg {
				width: 100%;
				height: 100%;
				position: fixed;
				z-index: 999;
				background-color: rgba(255, 255, 255, 0.5);
				display: none;
				top: 0;
				left: 0;
			}
			.drawerMenu .drawerBtn {
				display: block;
				background: none;
				border: none;
				padding: 0;
				width: 31px;
				height: 31px;
				letter-spacing: 0.1em;
				cursor: pointer;
				position: fixed;
				top: 10px;		/* ボタンの配置(上) */
				right: 0px;		/* ボタンの配置(右) */
				z-index: 1001;
				text-align: center;
				outline: none;
				border-radius: 50px 0 0 50px;
				/* ▽配色と領域サイズ調整 */
				background-color: #3486d2;	/* 3本線枠の背景色 */
				padding: 9px 10px 9px 24px;	/* 3本線周囲の余白量 */
				box-sizing: content-box;
			}
			.drawerMenu .drawerBtn.active .drawerBar {	width: 26px; }					/* 3本線がクロスする場合の長さ */
			.drawerMenu .drawerBtn.active .drawerBar1 {	transform: rotate(33deg); }
			.drawerMenu .drawerBtn.active .drawerBar2 {	opacity: 0;	}
			.drawerMenu .drawerBtn.active .drawerBar3 {	transform: rotate(-34deg); }
			.drawerMenu .drawerBtn.active .drawerLabelMenu {	display: none;	}
			.drawerMenu .drawerBtn.active .drawerLabelClose {	display: block;	}
			.drawerMenu .drawerBar {
				display: block;
				height: 3px;			/* 3本線の太さ */
				margin: 4px 6px;		/* 3本線の「上下間隔」と「横の長さ」 */
				transition: all 0.2s;
				transform-origin: 0 0;
			}

			/* ▼ドロワーボタンの色 */
			.drawerMenu .drawerBtn { color: white; } /* 文字色 */
			.drawerMenu .drawerBtn .drawerBar { background-color: white; } /* バーの色 */

			/* ▼ドロワーボタン下のラベル */
			.drawerMenu .drawerText {
				text-align: center;
				font-size: 10px;
			}
			.drawerMenu .drawerLabelClose {
				letter-spacing: 0.08em;
				display: none;
			}
			.drawerMenu .drawerLabelMenu {
				display: block;
			}

			/* ▼モバイル用メニュー本体(ラッパー) */
			.drawerMenu .drawerNaviWrapper {
				background-color: rgba(255,255,255,0.9);	/* 重なるメニューの背景色 */
				width: 312px;								/* 重なるメニューの横幅 */
				height: 100%;
				transition: all 0.2s;
				transform: translate(312px);
				position: fixed;
				top: 0;
				right: 0;
				z-index: 1000;	/* 最前面表示 */
			}
			.drawerMenu .drawerNaviWrapper.open {
				transform: translate(0);
			}

			/* ▼モバイル用メニュー本体 */
			.drawerMenu .drawerNaviList {
				padding: 30px 6px;				/* メニューの動的な表示開始位置を調整する際は、padding-topの値を変更する。 */
			}

			/* ▼モバイル用メニュー項目 */
			.drawerMenu a {
				color: inherit;
				text-decoration: none;
				display: block;
				padding: 9px 18px;
				border-bottom: 1px dashed #ccc;
			}
			.drawerMenu a:visited {
			  color: inherit;
			}
			.drawerMenu a:hover {
				background-color: snow;
			}
				/* ▼字下げ項目 */
				.level2nd {
					text-indent: 1em;
				}

		/* ---------------- */
		/* ▽上部案内文章枠 */
		/* ---------------- */
			.tagline {
				font-size: 1.25em;
				letter-spacing: -0.02em;
				margin-top: 1.67em;
			}

	/* ==================== */
	/* ▼スライドショー区画 */
	/* ==================== */
	.slideshowCover {
		margin-top: calc( 100% * 0.147 );	/* ギザギザの直前までの高さが「横幅に対する0.1472％」なので、その割合で高さを計算する。(※横幅320pxの場合でも天井とスライド画像の間に隙間が見えない最小の高さ＝47px) */
	}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
	.cornerPage main {
		padding-top: 90px;	/* ページの上端に余白を設ける */
	}

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	
		/* ………………… */
		/* ▼運営会社枠 */
		/* ………………… */
				.klmstBox img {
					width: 200px;
					height: auto;
				}

}

/* ========================================================== */
/* ■タブレットサイズ（横幅600px～1023）専用の追加・上書きCSS */
/* ========================================================== */
@media all and (min-width:600px) and (max-width:1023px) {

	/* ==================== */
	/* ▼スライドショー区画 */
	/* ==================== */
		/* ---------------------------- */
		/* ▽スライドショー用表示候補群 */
		/* ---------------------------- */
			/* ▼画像に重ねる画像ボックス */
				/* ▼画像に重ねる画像 */
				.addonBox img  {
					max-width: 65%;
				}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	.deepPage main {
		margin-top: 12em;
	}

		/* ▼サブタイトル */
			/* ▽サブタイトル画像 */
			.subtitle img {
				width: 65%;
			}

		/* ▼領域のセパレータ（※主に各サブタイトルの上部に見せる部分） */
		.areaSeparator {
			text-align: center;
			margin-bottom: 0.75em;
		}
			.areaSeparator img {
				width: 65%;
				height: auto;
			}

		/* ……………………… */
		/* ▼上部吹き出し領域 */
		/* ……………………… */
		.fukidashiHead {
		}
			.fukidashiHead img {
				width: 65%;
			}

		/* …………………… */
		/* ▼料金の一例領域 */
		/* …………………… */
		.priceArea > p {
			padding: 0 5em;
		}

		/* …………………… */
		/* ▼ごあいさつ領域 */
		/* …………………… */
		.greetingArea {
			margin: 0 0 4em 0;
		}
			/* 名前 */
			.profileName {
				font-size: 1.25em;
			}

			/* 挨拶文ノート */
			.greetingMessage {
				margin: 1em auto;
				max-width: 600px;
				font-size: 1em;
				line-height: 36px;				/* ※1：行高 */
				background-size: auto 36px;		/* ※1：下線画像の高さを行高に合わせる */
			}
			.greetingMessage p + p {
				margin: 36px 0 0 0;		/* 段落の境界では1行空ける(※1の行高サイズに合わせる) */
			}

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
		/* ………………………………… */
		/* ▼サービス一覧(見出し)領域 */
		/* ………………………………… */
			.cornerPage .serviceArea nav {
				max-width: 560px;
				margin: auto;
			}

		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactform {
		}
			.contacttable .freeinputbox { width: 100%; max-width: 400px; }
		
		/* ============ */
		/* ▼フッタ区画 */
		/* ============ */
	
		/* ………………… */
		/* ▼運営会社枠 */
		/* ………………… */
				.klmstBox img {
					width: 200px;
					height: auto;
				}

}


/* ====================================================== */
/* ■スマートフォン（横幅599px以下）専用の追加・上書きCSS */
/* ====================================================== */
@media all and (max-width:599px) {

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 0.95rem;
	}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	.deepPage main {
		margin-top: 7em;
	}

			/* 挨拶文ノート */
			.greetingMessage {
				line-height: 35px;				/* ※1：行高 */
				background-size: auto 35px;		/* ※1：下線画像の高さを行高に合わせる */
			}
			.greetingMessage p + p {
				margin: 35px 0 0 0;		/* 段落の境界では1行空ける(※1の行高サイズに合わせる) */
			}

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
	.cornerPage main {
		padding-top: 20px;	/* ページの上端に余白を設ける */
	}

		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactform {
			margin: 2em 1em;
		}
			/* ▼TABLEを崩す */
			.contacttable {
				display: block;
			}
			.contacttable th,
			.contacttable td {
				display: block;
				margin: 0.25em 0 0 0;
				padding: 0;
			}

			.contacttable th { margin-top: 1.2em; font-weight: bold; }
			.contacttable th::before { content: '●'; }
			.contacttable th:empty::before { content: ''; }
			.contacttable td { padding-left: 0.5em; }

			.contacttable input.freetext { width: 100%; box-sizing: border-box; }
			.contacttable input.addresstext { max-width: 170px; }
			.contacttable .freeinputbox { width: 100%; box-sizing: border-box; }

			/* 選択肢群 */
			.selectOptions {
				min-width: 7em;
			}

			/* ▼フォーム内ボタンの装飾 */
			.formbuttons input { font-size: 1em; margin-right: 10px; padding: 0.34em 5px; min-width: 135px; }

		.policyBox {
			margin: 3.5em 0.5em;
		}

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	
		/* ………………… */
		/* ▼運営会社枠 */
		/* ………………… */
				.klmstBox img {
					width: 200px;
					height: auto;
				}

}

/* ======================================================== */
/* ■やや小型なスマホ（横幅375px以下）専用の追加・上書きCSS */
/* ======================================================== */
@media all and (max-width:375px) {

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 0.95rem;
	}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	.deepPage main {
		margin-top: 5.5em;
	}

		/* …………………… */
		/* ▼ごあいさつ領域 */
		/* …………………… */
			/* 挨拶文ノート */
			.greetingMessage {
				margin: 1em 2.5em;
			}

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	
	.klmstBox img {
					width: 180px;
					height: auto;
				}


}

/* ========================================================== */
/* ■小型スマートフォン（横幅360px以下）専用の追加・上書きCSS */
/* ========================================================== */
@media all and (max-width:360px) {

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 0.9rem;
	}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	main {
		width: 100%;
		overflow: hidden;
	}

		/* ………………………………… */
		/* ▼ハウスボタンナビ共通装飾 */
		/* ………………………………… */
			.houseNavi img {
				width: 130px;
				height: auto;
			}

		/* …………………… */
		/* ▼ごあいさつ領域 */
		/* …………………… */
			/* 挨拶文ノート */
			.greetingMessage {
				margin: 1em;
			}

		/* ………………… */
		/* ▼コンタクト枠 */
		/* ………………… */
			.contactBox .houseNavi .LINE-LINK img {
				width: 105px;
			}

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
	.cornerPage main {
		padding-top: 20px;	/* ページの上端に余白を設ける */
	}

		/* ………………………………… */
		/* ▼サービス一覧(見出し)領域 */
		/* ………………………………… */
		.cornerPage .serviceArea {
		}
			.serviceNavi {
			}
				.serviceNavi li {
					background-size: 15px 15px;
					font-size: 13px;
					width: 120px;
					margin: 3px 3px;
					padding: 0 0 0 18px;
				}

		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactform {
			margin: 2em 0.3em;
		}
			.contacttable input.freetext { font-size: 1em; }
			.contacttable input.addresstext { max-width: 170px; font-size: 1em; }
			.contacttable input.zipnumber { width: 5em; font-size: 1em; }
			.contacttable select { font-size: 1em; }
			.contacttable .freeinputbox { }

			/* ▼フォーム内ボタンの装飾 */
			.formbuttons input { min-width: 100px; }
	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	
		/* ……………………… */
		/* ▼運営会社領域 */
		/* ……………………… */
	
			.klmstBox img {
					width: 180px;
					height: auto;
				}

}

/* ============================================================================== */
/* ■タブレットサイズ以上でPCも含むサイズ画面（横幅600px以上）用の追加・上書きCSS */
/* ============================================================================== */
@media screen and (min-width:600px) {

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
		/* …………………… */
		/* ▼キャンセル領域 */
		/* …………………… */
		.cancelArea {
		}

			/* キャンセル料テーブル */
			table#Cancel {
  				max-width: 70%;
			}
		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactform {
			margin: 2em;
		}
			/* ▼入力TABLE */
			.contacttable {
			}
			.contacttable th {
				padding: 0.5em 1em;
				white-space: nowrap;	/* 見出し列を折り返さない */
			}
			.contacttable th.checks {
				vertical-align: top;
			}
			.contacttable td {
				padding: 0.5em 0;
			}
			.contacttable input.freetext { width: 300px; font-size: 1.2em; }
			.contacttable input.addresstext { width: 300px; font-size: 1.2em; }
			.contacttable input.zipnumber { width: 5em; font-size: 1.2em; }
			.contacttable select { width: 5em; min-height: 1.5em; font-size: 1.2em; }
			.contacttable .freeinputbox { max-width: 100%; height: 9em; font-size: 1.2em; }

			/* 選択肢群 */
			.selectOptions {
				margin-right: 1em;
				min-width: auto;
			}

		.policyBox {
			margin: 3.5em auto;
			width: 90%;
			max-width: 800px;
		}

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
		/* …………………… */
		/* ▼画面下部固定枠 */
		/* …………………… */
		#FloatBottomBox {
			display: block;		/* 注：これはスクリプト側が強制的にインラインで指定するので変えられない */
			width: 120px;
			margin: 0;
			text-align: right;
		}
			#FloatBottomBox .wideTelBox { display: none; } /* 固定用の電話番号ボタンは表示しない */
			#FloatBottomBox .scroll2Top {
				display: inline-block;
			}

			.scroll2Top {
				max-width: 100%;
				text-align: right;
			}
			.scroll2Top a {			opacity: 0.9; }
			.scroll2Top a:hover {	opacity: 1;	  }

			.scroll2Top img {
				display: inline;
				max-width: 92px;
				margin-right: 1em;
			}
			
		/* ………………… */
		/* ▼運営会社枠 　*/
		/* ………………… */
		.companyBox {
			margin: 2em 0 0 0;
		}
			.companyNotice {
				margin: 2em 0;
				line-height: 1.7;
				font-size:1em;
				font-weight:normal;
			}

			.klmstBox  {
				margin: 2em 0;
			}
			
			.klmstBox img {
				width:180px;
				height:auto;
			}
			
				
	
}


/* ===================================================== */
/* ■PCサイズ画面（横幅1024px以上）専用の追加・上書きCSS */
/* ===================================================== */
@media screen and (min-width:1024px) {

	.mobile-only { display: none !important; }

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 1rem;
	}

	/* ※Windows環境で日本語Webフォントのシャギーを防ぐ */
	h2,h3,p,
	.menuButton .label,
	.naviLabel,
	.comment {
		transform: rotate(0.03deg);
	}

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */
	header {
	}

		/* ---------------------------- */
		/* ▼グローバルメニュー(PCのみ) */
		/* ---------------------------- */
		header {
			background-image: url("./imgs/top_line_pc.png");
			background-repeat: repeat-x;
			padding-top: 15px;
		}
		.headbox {
			background-image: url("./imgs/top_gizagiza_pc.png");
			background-position: 0;
			min-height: 200px;

			/* ▽スライドショー画像に少しだけ重ねるための指定 */
			z-index: 300;
			position: relative;
		}

		/* ▼便利屋まあくんロゴ */
		h1 {
			max-width: 1200px;
			margin: 0 auto;
		}
		h1 a {
			max-width: 25%;
			display: block;
			margin: auto;
			text-align: center;
			position: relative;
			top: -12px;
		}
		h1 img {
			max-width: 100%;
			height: auto;
		}

		/* ▼グローバルメニュー(PCのみ) */
		.globalmenuArea {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z-index:1;
		}
			.globalmenuBox {
				display: table;
				margin: 0 auto;
				padding: 0;
				width: 100%;
				max-width: 1200px;
				list-style-type: none;
			}
				/* ▼メニュー項目 */
				.menuItem {
					display: table-cell;
					text-align: center;
					width: 12.5%;
					position: relative;
					font-weight: bold;
				}
				.menuButton {
					display: block;
				}
				.menuButton img {
					max-width: 100%;
					height: auto;
				}
				.menuButton .label {
					position: relative;
					top: -2.25em;
					font-size: 1.25em;
					display: block;
				}
				/* ▼メニュー中心の境界 */
				.menuSeparator {
					display: table-cell;
					cursor: pointer;
					/*width: 25%;*/
				}

	/* ==================== */
	/* ▼スライドショー区画 */
	/* ==================== */
	.slideshowCover {
		top: -24px;		/* 少しだけ上端のギザギザに重ねるように配置する */
	}

		.slideshowCover img {
			border-radius: 1em;
		}

		#SlideshowBox p,
		#NoSlideshow {
			overflow: hidden;
		}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */

		/* ▼サブタイトル */
		.subtitle {
			font-size: 1.7em;
		}
			/* ▽サブタイトル上の画像 */
			.subtitle img {
				width: 50%;
			}

		/* ▼領域のセパレータ（※主に各サブタイトルの上部に見せる部分） */
		.areaSeparator {
			text-align: center;
			margin-top: 5em;
			margin-bottom: 1.5em;
		}
			.areaSeparator img {
				width: 50%;
				height: auto;
			}

		/* ▼本文 */
		.mainParagraphs {
			font-size: 1.2em;
		}
		/* ▼メインコンテンツ直下の段落 */
		.mainBox > p {
			margin: 1em 15%;
			line-height: 1.7;
		}

		.moreButton {
			margin: 2.5em auto;
		}

		/* ……………………… */
		/* ▼上部吹き出し領域 */
		/* ……………………… */
		.fukidashiHead {
		}
			.fukidashiHead img {
				width: 45%;
			}

		.headBalloonArea {
			width: 497px;
			height: 373px;
		}
			.messageInBalloon {
				margin: 0;
				padding: 10%;
				text-align: center;
				font-size: 22px;
				line-height: 37px;
			}

		/* ………………………………… */
		/* ▼ハウスボタンナビ共通装飾 */
		/* ………………………………… */
		.houseNavi {
		}
			.houseNavi img {
				display: block;
				width: 200px;
				height: auto;
			}

		/* ………………………………… */
		/* ▼ページ内ナビボタン群領域 */
		/* ………………………………… */
		.headPageNaviArea {
		}
			.headPageNaviArea .houseNavi {
				font-size: 1.5em;
			}
			.headPageNaviArea .houseNavi img {
				width: 200px;
			}

		/* …………………… */
		/* ▼料金の一例領域 */
		/* …………………… */
		.priceArea {
			font-size: 1.5em;
		}

			.priceArea .note {
			}

			/* ‥‥‥‥‥‥‥‥‥ */
			/* ▽作業ケースリスト */
			/* ‥‥‥‥‥‥‥‥‥ */
			.priceGuideList {
				text-align: center;
				max-width: 100%;
			}

				/* ボックス1つ */
				.priceGuideBox {
					margin: 0.75em auto;
					padding: 0;
					border: #67b1ff solid 4px;
					border-radius: 30px;
					min-height: 260px;
					max-width: 750px;
					display: block;
					vertical-align: top;
					text-align: left;
				}

					/* ボックス内のCase画像 */
					.caseImage {
						width: 235px;	/* 470 */
						margin: 0;
						padding: 10px;
					}
					.priceGuideBox:nth-child(2n+1) .caseImage { float: left; }
					.priceGuideBox:nth-child(2n)   .caseImage { float: right; }
					.caseImage img {
						width: 235px;	/* 470 */
					}

					.caseGuide {
						margin: 0;
						padding: 1em;
					}
						.caseGuide h3 {
							color: #f1a18c;
							margin: 0;
							padding: 0;
							line-height: 1.25;
						}
						.caseGuide h3 .note {
							display: inline-block;
							font-size: 0.75em;
							margin: 0 0 0.25em 0;
						}
						.caseGuide p {
							margin: 0;
							padding: 1em 0;
							font-size: 0.9em;
						}

		/* ……………………… */
		/* ▼サービス一覧領域 */
		/* ……………………… */
		.serviceArea nav {
			max-width: 1200px;
			margin: auto;
		}

		/* ……………………… */
		/* ▼ご利用の流れ領域 */
		/* ……………………… */
		.flowArea {
		}

			.flowList {
				margin: auto;
				max-width: 705px;
			}
			.flowList li {
				margin-bottom: 3em;
			}

			.oneStepHead {
				height: 90px;
				padding: 35px 0 0 220px;
				font-size: 1.5em;
				line-height: 1;
			}

			.oneStepGuide {
				margin: 0 0 0 24%;
				color: #3386d1;
				font-size: 1.4em;
			}
		
		/* …………………… */
		/* ▼キャンセル領域 */
		/* …………………… */
		.cancelArea {
		}

			/* キャンセル料テーブル */
			.table#Cancel {
				max-width: 50%;
			}
	
		/* …………………… */
		/* ▼対応エリア領域 */
		/* …………………… */
		.regionArea {
		}

			/* 地図画像 */
			.regionMap img {
				max-width: 500px;
			}

			/* 都道府県名リスト */
			.regionPrefectures {
				font-size: 1.75em;
			}

		/* ………………… */
		/* ▼お知らせ領域 */
		/* ………………… */
		.infoBody {
			max-width: 700px;
			margin: 2em auto;
		}

			.onelogbox {
				margin: 3em auto;
				max-width: 640px;
				padding: 0;
			}

			.onelogbox + hr {
				width: auto;
				max-width: 500px;
			}

			/* 末尾ボタン */
			.moreButtonBox {
				width: 600px;
				margin: 0 auto 3em auto;
				padding: 0;
			}
			.moreButtonLink {
				color: white;
			}
				.moreButtonLink img {
					display: block;
					width: 100%;
				}
				.moreButtonLink .label {
					position: relative;
					top: -65px;
					left: 220px;
					font-weight: bold;
					letter-spacing: 5px;
					font-size: 1.9em;
				}

		/* …………………… */
		/* ▼ごあいさつ領域 */
		/* …………………… */
		.greetingArea {
			margin: 0 0 5em 0;
		}
			/* 名前 */
			.profileName {
				font-size: 1.5em;
			}

			/* プロフィール画像 */
				.profileImageBox img {
					max-width: 800px;
				}

			/* 挨拶文ノート */
			.greetingMessage {
				margin: 1em auto;
				max-width: 750px;
				line-height: 2.4;
				font-size: 1.25em;
			}

		/* ………………………… */
		/* ▼パンくずリスト領域 */
		/* ………………………… */
		.pankuzuArea {
			font-size: 1em;
		}

	/* ======================== */
	/* ▼メイン区画：cornerPage */
	/* ======================== */
	.cornerPage main {
		padding-top: 0px;
	}

		/* ………………………………… */
		/* ▼サービス一覧(見出し)領域 */
		/* ………………………………… */
		.serviceArea {
		}
			.serviceArea nav {
			}
			.serviceNavi {
				margin: auto;
				max-width: 705px;
			}
				.serviceNavi li {
					background-size: 23px 23px;
					font-size: 20px;
					width: 187px;
					margin: 6px 6px;
					padding: 0 0 0 27px;
				}

		/* ……………………………… */
		/* ▼サービス一覧(本文)領域 */
		/* ……………………………… */
		.mainBox.serviceArea {
			font-size: 1.2rem;
		}

			/* サービスカテゴリ見出し */
			.serviceArea h3 {
			}
				.serviceArea h3 img {
					width: 120px;
				}
				.serviceArea h3 .catLabel {
					font-size: 1.2em;
				}

			/* サービスカテゴリ内サブ見出し */
			.serviceArea h4 {
				font-size: 1.1em;
				margin: 2.5em 17% 1em;
			}

			/* サービスカテゴリ内本文 */
			.mainBox.serviceArea ul {
				margin: 0.5em 18% 0.5em 18%;
			}

			/* サービスカテゴリ内画像 */
			.serviceArea .serviceImageBox {
				margin: 1em 0 0 0;
				text-align: center;
			}
			.serviceArea .serviceImageBox img {
				max-width: 100%;
				width: 360px;
				border-radius: 1em;
			}

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	footer {
		font-size: 1.2em;

		background-image: url("/imgs/foot_gizagiza_pc.png");
		background-size: 100%;
	}

		/* ……………… */
		/* ▼アドレス枠 */
		/* ……………… */
		.addressBox {
			max-width: 900px;
		}
		.addressBox img {
			width: 300px;
		}

			/* 電話番号 */
				a.tel {
					padding: 3px 10px 3px 33px;
					background-size: 30px 30px;
					min-height: 30px;
				}

		/* ………………… */
		/* ▼コンタクト枠 */
		/* ………………… */
		.contactBox {
		}
			.contactNotice {
				margin: 0.5em auto 1em auto;
				max-width: 600px;
				font-size: 1.25em;
			}

			.contactBox .houseNavi li {
				font-size: 1.25em;
			}

			.contactBox .houseNavi .LINE-LINK img {
				width: 170px;
			}
		


}

/* ======================= */
/* ■埋め込みツール等用CSS */
/* ======================= */
/* ―――――――――――― */
/* ★ループスライダー用CSS  */
/* ―――――――――――― */
/* ▼loopSlider  */
.loopSliderWrap { top: 0; left: 0; height: 230px; overflow: hidden; position: absolute; text-align: center; }
.loopSliderWrap p { margin:0; padding: 0; }
.loopSlider { margin: 3em auto; width: 100%; height: 225px; text-align: left; position: relative; overflow: hidden; }
.loopSlider ul { height: 220px; float: left; overflow: hidden; }
.loopSlider ul li { padding: 15px; float: left; display: inline; overflow: hidden; border: 1px solid #eeeeee; box-sizing: border-box; }
.loopSlider ul li img { display: block; }
.loopSlider * { margin: 0; padding: 0; }
.loopSliderWrap:after { content: ""; display: none; clear: none; }

.loopBoxTitle { font-size: 1em;  color: #d8abac; }
.loopBoxGuide { font-size: 0.9em; color: #d8abac; }