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

@media only screen and (max-width: 768px) {
	/*-------------------------------------------------------------------------------------
スマホ用レイアウト（768px以下スクリーン）
----------------------------------------------------------------------------------------*/
	/*--------------------------------------------------
共通設定(スマホ)
-----------------------------------------------------*/
	/*body全体の初期スタイル調整*/
	body {
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	/*--------------------------------------------------
見出しタグ設定（PC）
-----------------------------------------------------*/
	h2 {
		margin: 0.5em 0em;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
		position: relative;
		padding: 1.5rem;
	}
	h2:before {
		position: absolute;
		bottom: -10px;
		left: calc(50% - 30px);
		width: 60px;
		height: 5px;
		content: '';
		border-radius: 5px;
		background: #6c8c31;
	}
	h3 {
		margin: 0.5em 0em;
		padding: 0.3em 0.6em;
		font-size: 1.6em;
		font-weight: bold;
		border-left: 8px solid #6c8c31;
		border-bottom: 1px dotted #6c8c31;
	}
	h4 {
		margin: 0.5em 0em;
		padding: 0.3em 0.6em;
		font-size: 1.4em;
		border: 1px solid #ccc;
		font-weight: bold;
	}
	h5 {
		margin: 1em 0em 0.5em;
		padding: 0.1em;
		font-size: 1.4em;
		color: #4d6d12;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
		display: inline-block;
	}
	/*--------------------------------------------------
全体レイアウト／背景設定（スマホ）
-----------------------------------------------------*/
	/*全体エリア（全体背景を設定するにはここ）*/
	.main {
		background-color: #f2f2f2;
		overflow: hidden;
	}
	/*記事(ボディ)エリア*/
	.article {
		background-color: #fff;
		border-left: none;
		border-right: none;
		font-size: 1.6em;
		/*=16px*/
	}
	/*記事(ボディ)エリアの行間*/
	.article p {
		line-height: 1.6;
	}
	.article {
		width: 100%;
	}
	/*カラム全体の幅を変更する*/
	.top_image_in, .section_inr {
		width: 100%;
		margin: 0 auto;
		/*真ん中に要素を置きたいときに使う*/
	}
	/*--------------------------------------------------
上部固定ヘッダー設定
-----------------------------------------------------*/
	/*上部固定ヘッダー全体*/
	.header {
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		z-index: 5000;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		overflow: auto;
	}
	/*ヘッダー内部をカラム幅にする*/
	.header_inr {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	/*ヘッダーのロゴ*/
	.header_logo {
		width: 30%;
		float: left;
		margin: 0.5em 0 0 1em;
		padding: 1.5em 0;
		margin-right: 3em;
	}
	/*ヘッダーのメニュー*/
	.header_menu li {
		float: right;
		list-style: none;
		font-size: 1em;
		margin-left: 1em;
		margin-right: 15px;
		padding-top: 1.5em;
	}
	.list_last {
		display: none;
	}
	/*ヘッダーの相談・見積もりボタン*/
	.header_soudan {
		display: none;
	}
	/*--------------------------------------------------
下部固定ヘッダー（スマホ）
-----------------------------------------------------*/
	.fix_menu_smartphone {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 10000;
		box-shadow: 0px 0px 3px #594a42;
	}
	.fix_menu_smartphone img {
		width: 100%;
	}
	.menu_left {
		background-color: #fff;
		float: left;
		width: 50%;
		padding: 0em 0;
	}
	.menu_right {
		background-color: #fff;
		float: left;
		width: 50%;
		padding: 0em 0;
	}
	/*--------------------------------------------------
sectionの設定
-----------------------------------------------------*/
	.seciton_01 {
		background: #fff;
		padding: 1.5em 0;
		margin-bottom: 2em;
	}
	.section_02 {
		background: #FFFEF0;
		padding: 1.5em 0;
		text-align: center;
		margin-top: 5em;
	}
	.section_03 {
		padding: 1.5em 0!important;
	}
	.section_04 {
		background: #f6f6f6;
		padding: 1.5em 0.5em;
	}
	.seciton_05 {
		background: #f9f9f9;
		padding: 1.5em 0;
	}
	.section_inr {
		text-align: center;
		margin-top: 5em;
	}
	/*--------------------------------------------------
お悩みエリア
-----------------------------------------------------*/
	.nayami {
		background-image: url("../images/nyami_bg.png");
		background-size: cover;
		padding-bottom: 0.6em;
		position: relative;
	}
	.nayami_title {
		padding: 0.8em 0 0.8em;
		font-family: "ヒラギノ角ゴ ProN";
		color: #000;
		text-align: center;
	}
	.nayami_innr {
		margin: 0 auto;
		padding: 0 0.2em;
	}
	.nayami_title02 {
		background-color: #dc2814;
		padding: 0.8em 0 0.8em;
		font-family: "ヒラギノ角ゴ ProN";
		color: #fff;
		text-align: center;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.nayami_midashi01 {
		font-weight: bold;
		font-size: 1.4em;
		color: #000;
		position: relative;
		text-align: center;
		border-bottom: 3px dotted #000;
		margin-bottom: 0.5em;
	}
	.nayami_midashi01:before {
		position: absolute;
		bottom: -15px;
		left: calc(50% - 30px);
		width: 60px;
		height: 5px;
		content: '';
		border-radius: 3px;
		background: #fff;
	}
	.nayami_komidashi {
		font-weight: bold;
		font-size: 1.4em;
		color: #fff;
		background: linear-gradient(transparent 70%, #c93508 0%);
		text-shadow: 1px 1px 3px #000;
		font-family: "ヒラギノ角ゴ StdN";
	}
	.checkbox_arw {
		position: relative;
		text-align: center;
		top: -3em;
	}
	.nayami_undertext {
		text-align: center;
		font-weight: bold;
		font-size: 1.4em;
		padding: 1em;
		text-decoration: underline;
		text-decoration-color: #fff55b;
	}
	.checkbox {
		padding: 2em 0;
		text-align: left;
		margin: 0.2em;
	}
	.checkbox_inr {
		margin: 0;
		font-size: 1.3em;
		font-weight: bold;
		padding: 2em;
		background: #FFFCF7;
	}
	.checkbox_inr_text {
		background: url("../images/../images/checkbox-icon.png") no-repeat;
		padding-left: 1.8em;
		vertical-align: middle;
		margin-bottom: 2em;
	}
	.checkbox_inr img {
		padding: 1em 0 1em 5em;
		width: 80%;
		margin: 0 auto;
	}
	/*--------------------------------------------------
３つの理由
-----------------------------------------------------*/
	.select_inr {
		padding: 1.5em 0;
		background: #FFFEF0;
		margin: 2em auto;
	}
	.select_komidashi {
		margin-top: 3em;
		padding: 1.5em 0 0.5em 0;
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: left;
	}
	.select_01, .select_02, .select_03 {
		position: relative;
		margin: 6em auto 5em;
		background-color: #fff;
		padding: 2em 0;
		width: auto;
	}
	.select_01 img, .select_02 img, .select_03 img {
		width: 100%;
	}
	.select_number {
		font-family: 'Roboto', sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		color: #6c8c31;
		line-height: 1;
	}
	.select_content {
		background-color: #fff;
	}
	.select_text {
		padding-top: 1em;
		font-size: 1.2em;
		text-align: left;
	}
	dl {
		display: block;
		width: 100%;
		padding: 0 0.5em;
	}
	.select_01 dt {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 1em;
		display: inline-block;
	}
	.select_01 dd {
		padding-left: 0;
		width: auto;
	}
	.select_02 dt {
		width: 100%;
		padding-top: 1em;
	}
	.select_02 dd {
		padding-left: 0;
		width: auto;
	}
	.select_03 dt {
		width: 100%;
		padding-top: 1em;
	}
	.select_03 dd {
		padding-left: 0;
		width: auto;
	}
	/*--------------------------------------------------
運用実績のご紹介
-----------------------------------------------------*/
	.seisaku_inr {
		text-align: center;
		margin: 0 auto;
		background: #fff;
		text-align: center;
	}
	.jirei01 {
		text-align: center;
		padding: 2em 0 4em;
		margin: -5em 4em 6em;
		background: #fff;
	}
	.jirei02 {
		padding: 2em 0 4em;
		margin: -5em 5em 10em;
		background: #fff;
	}
	.jirei01 p, .jirei02 p {
		padding-top: 1em;
		text-align: left;
		font-size: 1em;
	}
	.seisaku_komidashi {
		margin-top: 3em;
		padding: 1.5em 0 0.5em 0;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: left;
	}
	.seisaku_text {
		font-size: 1.2em;
		margin: 0 auto;
	}
	.seisaku_number {
		font-family: 'Roboto', sans-serif;
		font-size: 2em;
		font-weight: bold;
		color: #75202d;
		line-height: 1;
	}
	.jirei_img {
		margin-top: 5em;
	}
	/*--------------------------------------------------
できること
-----------------------------------------------------*/
	.dekirukkoto_inr {
		text-align: center;
		margin: 0 auto;
	}
	.deki_service {
		margin-bottom: 8em;
	}
	.title_service {
		margin-top: 1em;
		padding: 1.5em 0 0.5em 0;
		font-size: 1.7em;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: center;
		background: url("../images/bg_service.png") no-repeat center;
		display: block;
	}
	.teikyoservice {
		width: 100%;
		padding: 0 !important;
	}
	.service_inr {
		padding: 0 2em;
		margin: 0 auto;
	}
	.service_inr img {
		width: 100%;
	}
	.service_text {
		font-size: 1.1em;
	}
	.title_purpose {
		margin-top: 1em;
		padding: 1.5em 0 0.5em 0;
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: center;
		background: url("../images/bg_purpose.png") no-repeat center;
		display: block;
	}
	.purpose_inr {
		margin: 0 auto;
		text-align: center;
	}
	.purpose_ul {
		list-style: none;
		display: inline-block;
	}
	.purpose_ul li {
		width: 100%;
		padding-bottom: 5em;
	}
	/*--------------------------------------------------
サービスの流れ
-----------------------------------------------------*/
	.flow_inr {
		margin: 0 auto;
		text-align: center;
	}
	.flow_contents {
		margin: 0 auto;
	}
	.flow_title {
		padding-left: 0.5em;
		padding: 0.6em 0;
		font-family: "ヒラギノ角ゴ ProN";
		color: #fff;
		background-color: #40709c;
		border-radius: 1em;
		display: inline-block;
		width: 300px;
		text-align: center;
	}
	.flow_title02 {
		padding-left: 0.5em;
		padding: 0.6em 0;
		font-family: "ヒラギノ角ゴ ProN";
		color: #fff;
		background-color: #518ec6;
		border-radius: 1em;
		display: inline-block;
		width: 300px;
		text-align: center;
	}
	.flow_midashi01 {
		font-style: italic;
		font-weight: bold;
		font-size: 1.2em;
	}
	.flow_midashi02 {
		font-weight: bold;
		font-size: 1.2em;
		padding-left: 0.8em;
	}
	.flow_img {
		padding: 1em 4em;
		font-size: 1.2em;
	}
	.flow_img img {
		width: 100%;
	}
	.arw03 {
		text-align: center;
		margin: 1em 0;
	}
	.box {
		display: none;
	}
	/*--------------------------------------------------
よくある質問
-----------------------------------------------------*/
	.question_inr {
		text-align: center;
		margin: 5em 1em;
	}
	.box_qa {
		background-color: #caeaca;
		padding: 1em;
		margin-bottom: 5em;
	}
	.box_qa_q {
		background-color: #fff;
		padding: 1em 2em 1em 3em;
		border-bottom: 1px solid #ccc;
		font-size: 1.4em;
		font-weight: bold;
		color: #164903;
	}
	.box_qa_a {
		background-color: #fff;
		padding: 1em 2em 1em 3em;
		font-size: 1.2em;
	}
	.box_qa_q p, .box_qa_a p {
		text-indent: -2em;
	}
	/*--------------------------------------------------
CTAエリア
-----------------------------------------------------*/
	.cta_inr {
		margin: 0;
		text-align: center;
		background-color: #fff;
		border-radius: 10px;
		padding: 0.2em 1em 1em;
	}
	.cta_title {
		color: #164903;
		text-align: center;
		font-weight: bold;
		font-size: 1.1em;
	}
	.cta_title::before {
		content: " \005C ";
		font-family: arial;
		color: #164903;
		font-size: 1.4em;
		font-weight: normal;
		position: relative;
		bottom: -2px;
		right: 10px;
	}
	.cta_title::after {
		content: " / ";
		font-family: arial;
		color: #164903;
		font-size: 1.4em;
		font-weight: normal;
		position: relative;
		bottom: -2px;
		left: 5px;
	}
	.cta_subtitle {
		padding: 0.5em 0;
		color: #000;
		text-align: center;
		font-weight: bold;
		font-size: 1.3em;
	}
	.cta_subtitle img {
		width: 20% !important;
		padding-right: 0.5em;
	}
	.tokuka {
		font-size: 1.4em;
		font-weight: bold;
		color: red;
	}
	.zeikomi {
		font-size: 0.5em;
		font-weight: bold;
		color: red;
	}
	.cta_subtitle img {
		width: 10%;
		padding-right: 0.5em;
	}
	.cta_btn01 {
		padding-top: 1em;
		width: 100%;
		margin: 0 auto;
	}
	.cta_btn01 img {
		padding: 0;
		width: 100%;
		box-shadow: 2px 2px 6px #9c9c9c;
	}
	.cta_btn02 {
		text-align: center;
		margin-top: 3em;
	}
	.cta_btn02 img {
		box-shadow: 2px 4px 6px #9c9c9c;
	}
	.box_01 {
		display: inline-block;
		padding: 0 0 1.5em;
	}
	.box_02 {
		padding: 0;
		display: inline-block;
	}
	.cta_btn02_btn {
		margin: 0 auto;
		padding-top: 1em;
		font-size: 0.8em;
	}
	/*--------------------------------------------------
会社概要
-----------------------------------------------------*/
	.company_title {
		margin-top: 5em;
	}
	table {
		margin: 2em auto;
		width: 90% !important;
	}
	th {
		background-color: #6c8c31;
		color: #fff;
		padding: 1em;
		font-size: 1.2em;
	}
	td {
		padding-left: 2em;
		font-size: 1.2em;
	}
	.map {
		text-align: center;
		margin: 0 3em 2em;
	}
	.map iframe {
		width: 300px;
		height: 400px;
		padding: 1em 0 5em;
	}
	/*--------------------------------------------------
フッター部分
-----------------------------------------------------*/
	.footer {
		background-color: #6c8c31;
		margin-bottom: 4em;
		padding: 2em 0em;
		text-align: center;
		font-size: 1.4em;
		color: #fff;
	}
	.footer a {
		color: #fff;
	}
}
/*--------------------------------------------------
プライバシーポリシー
-----------------------------------------------------*/

.privacy_innr {
	padding: 5em 10em 15em;
	margin: 0;
}