@charset "UTF-8";

@media screen and (max-width: 768px){

/*====================================
下層ページ共通
=====================================*/
/* ページタイトル */
#page_ttl {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
	#page_ttl.company {
		background: #603C26;
	}
	#page_ttl.partition {
		background: #60b213;
	}
	#page_ttl.guide {
		background: #D86337;
	}
	#page_ttl h2 {
		margin: 0 auto;
		padding: 0;
	}
		#page_ttl h2 img {
			width: 100%;
			height: auto;
		}

/* 2カラムベース（スマホは縦） */
#two_column {
	width: 100%;
	margin: 0 auto;
	padding: 3% 0 5%;
}
	#two_column .column_nav {
		width: 100%;
		margin: 0;
		padding: 5% 3% 0;
		text-align: left;
	}
		#two_column .column_nav a,
		#two_column .column_nav span {
			display: inline-block;
			width: 48%;
			margin: 0 0.5% 0;
			padding: 0;
		}
		#two_column .column_nav a:nth-child(3),
		#two_column .column_nav span:nth-child(3) {
			margin: 2% 0.5% 0;
		}
			#two_column .column_nav a img,
			#two_column .column_nav span img {
				width: 100%;
				height: auto;
			}
	#two_column .column_l {
		width: 100%;
		margin: 10% auto 0;
		padding: 0 3%;
	}
		#two_column .column_l p {
			padding: 0 0 0 3%;
			font-size: 3.6vw;
			line-height: 160%;
			text-align: left;
		}
			#two_column .column_l p.indent1 {
				padding: 0 0 0 calc(3% + 1em);
				text-indent: -1em;
			}
			#two_column .column_l p a {
				color: #e0201d;
				font-weight: bold;
				text-decoration: none;
			}
			#two_column .column_l p img {
				width: 100%;
				height: auto;
			}
		#two_column .column_l .mt10 {
			margin: 2% auto 0;
		}
		#two_column .column_l .mt15 {
			margin: 2% auto 0;
		}
		#two_column .column_l .mt20 {
			margin: 2% auto 0;
		}
		#two_column .column_l .mt25 {
			margin: 3% auto 0;
		}
		#two_column .column_l .mt30 {
			margin: 3% auto 0;
		}
		#two_column .column_l .mt45 {
			margin: 5% auto 0;
		}
		#two_column .column_l .mt50 {
			margin: 5% auto 0;
		}
		#two_column .column_l .mt90 {
			margin: 10% auto 0;
		}


/*====================================
会社情報
=====================================*/
h3.company_ttl {
	margin: 0 auto;
	padding: 0;
	background: #603813;
}
	h3.company_ttl img {
		width: 40%;
		height: auto;
	}
div.company01 {
	margin: 0 auto;
	padding: 10% 3% 8%;
	background: #EDE6D7;
}
	div.company01 .compnay_top {
		width: 100%;
		margin: 0 auto;
		padding: 5% 5%;
		background: #f5f2ea;
		border-radius: 3em;
		box-shadow: 0 0 10px rgba(89,68,36,0.35);
	}
		div.company01 .compnay_top h3 {
			margin: 0 auto;
			padding: 0;
		}
			div.company01 .compnay_top h3 img {
				width: 100%;
				height: auto;
			}
		div.company01 .compnay_top .company01_in {
			margin: 3% auto 0;
			padding: 0;
		}
			div.company01 .compnay_top .company01_in .logo {
				width: 45%;
				margin: 0 auto;
				padding: 0;
			}
				iv.company01 .compnay_top .company01_in .logo  img{
					width: 100%;
					height: auto;
				}
			div.company01 .compnay_top .company01_in .txt {
				width: 100%;
				margin: 3% 0 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 170%;
				text-align: left;
			}
				div.company01 .compnay_top .company01_in .txt p {
					margin: 0;
					padding: 0;
				}
	div.company01 .company_greeting {
		width: 100%;
		margin: 10% auto 0;
		padding: 1.5em 0;
		background: #fff;
		box-shadow: 0 0 10px rgba(89,68,36,0.35);
	}
		div.company01 .company_greeting p {
			margin: 3% 0 0;
			padding: 0 3%;
			font-size: 3.6vw;
			line-height: 170%;
			text-align: left;
		}
			div.company01 .company_greeting p span {
				color: #b8292a;
				font-weight: bold;
			}
		div.company01 .company_greeting p:first-of-type {
			margin: 5% 0 0;
		}
		div.company01 .company_greeting p.president {
			text-align: right;
		}
		div.company01 .company_greeting h4 {
			width: 80%;
			margin: 5% auto 0;
			padding: 0 3%;
		}
			div.company01 .company_greeting h4 img {
				width: 100%;
				height: auto;
			}
div.company02 {
	margin: 0 auto;
	padding: 0 3% 10%;
}
	div.company02 .company_overview_access {
		width: 100%;
		margin: 5% auto 0;
		padding: 0;
	}
		div.company02 .company_overview_access table {
			width: 100%;
			margin: 2% auto 0;
			padding: 0;
			font-size: 3.6vw;
			line-height: 160%;
			border-top: 1px dashed #b09e87;
		}
			div.company02 .company_overview_access table th {
				display: block;
				width: 100%;
				margin: 0;
				padding: 2% 3% 0;
				text-align: left;
			}
			div.company02 .company_overview_access table td {
				display: block;
				width: 100%;
				margin: 0;
				padding: 0 3% 2%;
				text-align: left;
				border-bottom: 1px dashed #b09e87;
			}
				div.company02 .company_overview_access table td ul {
					width: 100%;
					margin: 0;
					padding: 0;
					list-style: none;
				}
					div.company02 .company_overview_access table td ul li {
						margin: 0 0 0 1em;
						padding: 0;
						text-indent: -1em;
					}
		div.company02 .company_overview_access .gmap {
			width: 100%;
			height: 0;
			margin: 0 auto;
			padding: 0 0 80%;
			position: relative;
		}
		div.company02 .company_overview_access .gmap iframe {
			position: absolute;
			width: 100%;
			height: 100%;
			margin: auto;
			padding: 0;
			top: 0;
			left: 0;
		}


/*====================================
パーティション
=====================================*/
#two_column .column_l h3 {
	margin: 0 auto;
	padding: 0;
}
	#two_column .column_l h3 img {
		width: 100%;
		height: auto;
	}
#two_column .column_l .part_order {
	width: 100%;
	margin: 0;
	padding: 0;
}
#two_column .column_l .part_easy {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
}
	#two_column .column_l .part_easy .part_tbl {
		width: 100%;
		margin: 2% auto 0;
		padding: 0;
	}
		#two_column .column_l .part_easy .part_tbl table {
			width: 100%;
			margin: 2% auto 0;
			padding: 0;
			border-top: 1px solid #cfc3a6;
			border-left: 1px solid #cfc3a6;
		}
			#two_column .column_l .part_easy .part_tbl table th,
			#two_column .column_l .part_easy .part_tbl table td {
				margin: 0 auto;
				padding: 2% 1%;
				font-size: 2.8vw;
				line-height: 160%;
				text-align: center;
				border-right: 1px solid #cfc3a6;
				border-bottom: 1px solid #cfc3a6;
			}
			#two_column .column_l .part_easy .part_tbl table th {
				width: auto;
				background: #f0eadf;
			}
#two_column .column_l .part_space {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
}
	#two_column .column_l .part_easy .space_img ,
	#two_column .column_l .part_space .space_img {
		margin: 3% auto 0;
		padding: 0 0 0 3%;
		display: flex;
		stify-content: space-between;
		align-items: center;
	}
		#two_column .column_l .part_easy .space_img p ,
		#two_column .column_l .part_space .space_img p {
			width: 65%;
			margin: 0;
			padding: 0;
		}
		
		#two_column .column_l .part_easy .space_img img ,
		#two_column .column_l .part_space .space_img img {
			width: 33%;
			height: auto;
		}
#two_column .column_l .part_booth {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
}
#two_column .column_l .part_eco {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
}
#two_column .column_l .part_partition {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
}
#two_column .column_l .part_fastener {
	width: 100%;
	margin: 5% 0 0;
	padding: 0;
}
	#two_column .column_l .part_partition h3,
	#two_column .column_l .part_fastener h3 {
		margin: 0 auto;
		padding: 0;
	}
		#two_column .column_l .part_partition h3 img,
		#two_column .column_l .part_fastener h3 img {
			width: 100%;
			height: auto;
		}
	#two_column .column_l .partition_2cont {
		width: 100%;
		margin: 0 auto 0;
		padding: 0;
	}
		#two_column .column_l .partition_2cont .green_box {
			width: 90%;
			margin: 3% auto 0;
			padding: 0 0 3%;
			border: 3px solid #58B031;
			border-radius: 5px;
		}
			#two_column .column_l .partition_2cont .green_box h4 {
				margin: 0;
				padding: 0;
			}
				#two_column .column_l .partition_2cont .green_box h4 img {
					width: 100%;
					height: auto;
				}
			#two_column .column_l .partition_2cont .green_box p.img {
				width: 100%;
				margin: 2% 0 0;
				padding: 0;
				text-align: right;
			}
				#two_column .column_l .partition_2cont .green_box p.img img {
					width: 95%;
					height: auto;
				}
			#two_column .column_l .partition_2cont .green_box p.txt {
				margin: 3% 0 0;
				padding: 0 2%;
				font-size: 3.6vw;
				line-height: 160%;
			}
	#two_column .column_l .part_fastener .fastener_img {
		width: 95%;
		margin: 3% auto 0;
		padding: 0;
	}
		#two_column .column_l .part_fastener .fastener_img img {
			width: 100%;
			height: auto;
		}
#two_column .column_l .part_about {
	width: 100%;
	margin: 5% 0 0;
	padding: 0;
}
#two_column .column_l .part_reuse {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
}
	#two_column .column_l .part_reuse .reuse_cont {
		margin: 3% auto 0;
		padding: 0;
	}
		#two_column .column_l .part_reuse .reuse_cont p {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#two_column .column_l .part_reuse .reuse_cont p.reuse_img {
			width: 40%;
			margin: 3% auto 0;
			padding: 0;
		}
			#two_column .column_l .part_reuse .reuse_cont p.reuse_img img {
				width: 100%;
				height: auto;
			}

/*====================================
導入事例
=====================================*/
#two_column .column_l .case_index {
	width: 100%;
	margin: 0;
	padding: 0;
}
	#two_column .column_l .case_index ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#two_column .column_l .case_index ul li {
			display: block;
			width: 95%;
			margin: 0 auto;
			padding: 0;
		}
			#two_column .column_l .case_index ul li img {
				width: 100%;
				height: auto;
			}
			#two_column .column_l .case_index ul li:nth-of-type(n+2) {
				margin: 5% auto 0;
			}
			#two_column .column_l .case_index ul li a {
				display: inline-block;
				width: 100%;
				margin: 0;
				padding: 0;
				box-shadow: 0 0 8px rgba(0,0,0,0.35);
			}
h3.case_sub_ttl {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
	h3.case_sub_ttl img {
		width: 100%;
		height: auto;
	}
#two_column .column_l .case_detail {
	width: 100%;
	margin: 3% 0 0;
	padding: 0 2%;
	text-align: left;
}
	#two_column .column_l .case_detail h4 {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 3.8vw;
		line-height: 180%;
	}
		#two_column .column_l .case_detail h4.space50 {
			margin: 5% auto 0;
			text-align: center;
		}
	#two_column .column_l .case_detail p {
		padding: 0;
	}
	#two_column .column_l .case_detail p.txt {
		font-size: 3.6vw;
		line-height: 160%;
	}
	#two_column .column_l .case_detail .case_two1,
	#two_column .column_l .case_detail .case_two2,
	#two_column .column_l .case_detail .case_two3,
	#two_column .column_l .case_detail .case_two4,
	#two_column .column_l .case_detail .case_two5 {
		padding: 0 0 3%;
	}
		#two_column .column_l .case_detail .case_two1 .img,
		#two_column .column_l .case_detail .case_two2 .img,
		#two_column .column_l .case_detail .case_two4 .img,
		#two_column .column_l .case_detail .case_two5 .img {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#two_column .column_l .case_detail .case_two3 .img {
			width: 60%;
			margin: 0 auto;
			padding: 0;
		}
		#two_column .column_l .case_detail .case_two4 .img2 {
			margin: 5% 0 0 !important;
		}
			#two_column .column_l .case_detail .case_two1 .img img,
			#two_column .column_l .case_detail .case_two2 .img img,
			#two_column .column_l .case_detail .case_two3 .img img,
			#two_column .column_l .case_detail .case_two4 .img img,
			#two_column .column_l .case_detail .case_two5 .img img {
				width: 100%;
				height: auto;
			}
				#two_column .column_l .case_detail .case_two1 .img h5,
				#two_column .column_l .case_detail .case_two2 .img h5 {
					width: 100%;
					margin: 0 auto;
					padding: 0;
					font-size: 3.2vw;
					line-height: 160%;
					text-align: center;
					font-weight: normal;
				}
				#two_column .column_l .case_detail .case_two5 .img h5 {
					width: 100%;
					margin: 0 auto;
					padding: 0;
					font-size: 3.8vw;
					line-height: 160%;
					text-align: center;
				}
		#two_column .column_l .case_detail .case_two1 .cont_txt,
		#two_column .column_l .case_detail .case_two2 .cont_txt,
		#two_column .column_l .case_detail .case_two3 .cont_txt {
			width: 100%;
			margin: 3% 0 0;
			padding: 0;
		}

#two_column .column_l .case_pager {
	width: 100%;
	margin: 10% 0 0;
	padding: 0;
	position: relative;
}
	#two_column .column_l .case_pager .prev {
		position: absolute;
		width: 30%;
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
	}
	#two_column .column_l .case_pager .back {
		width: 30%;
		margin: 0 auto;
		padding: 0;
	}
	#two_column .column_l .case_pager .next {
		position: absolute;
		width: 30%;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
	}
	#two_column .column_l .case_pager .prev a img,
	#two_column .column_l .case_pager .back a img,
	#two_column .column_l .case_pager .next a img {
		width: 100%;
		height: auto;
	}


/*====================================
ご利用ガイド
=====================================*/
#two_column.guide .column_r {
	display: none;
}

#two_column .column_l .guide_flow {
	width: 100%;
	margin: 0;
	padding: 0;
}
	#two_column .column_l .guide_flow .flow_ttl {
		width: 70%;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
		#two_column .column_l .guide_flow .flow_ttl h3 {
			margin: 0 auto;
			padding: 0;
		}
			two_column .column_l .guide_flow .flow_ttl h3  img{
				width: 100%;
				height: auto;
			}
		#two_column .column_l .guide_flow .flow_ttl img.icon {
			position: absolute;
			width: 22%;
			margin: 0;
			padding: 0;
			bottom: -4.3em;
			right: -20%;
		}
			#two_column .column_l .guide_flow .flow_ttl img.icon img {
				width: 100%;
				height: auto
			}
	#two_column .column_l .guide_flow .step_box {
		width: 100%;
		margin: 5% auto 0;
		padding: 0;
	}
		#two_column .column_l .guide_flow .step_box.top {
			margin: 20% auto 0;
		}
		#two_column .column_l .guide_flow .step_box h4 {
			margin: 0;
			padding: 0;
		}
			#two_column .column_l .guide_flow .step_box h4 img {
				width: 100%;
				height: auto;
			}
		#two_column .column_l .guide_flow .step_box .step_detail {
			margin: 10px auto 0;
			padding: 0;
		}
			#two_column .column_l .guide_flow .step_box .step_detail .arrow {
				display: none;
			}
			#two_column .column_l .guide_flow .step_box .step_detail .txt {
				width: 100%;
				margin: 0;
				padding: 0 3%;
				font-size: 3.6vw;
				line-height: 160%;
				text-align: left;
				position: relative;
			}
			#two_column .column_l .guide_flow .step_box .step_detail .txt a {
				color: #e0201d;
				font-weight: bold;
				text-decoration: none;
			}
			#two_column .column_l .guide_flow .step_box .step_detail .txt img {
				position: absolute;
				width: 13%;
				height: auto;
				margin: 0;
				padding: 0;
				top: 0;
				right: 5%;
			}
		#two_column .column_l .guide_flow .step_box .sp_arrow {
			width: 12%;
			margin: 5% auto 0;
			padding: 0;
		}
			#two_column .column_l .guide_flow .step_box .sp_arrow img {
				width: 100%;
				height: auto;
			}
#two_column .column_l .guide_other {
	width: 100%;
	margin: 0;
	padding: 5% 0 0;
}
	#two_column .column_l .guide_other .guide_box {
		width: 100%;
		min-height: 10em;
		margin: 5% auto 0;
		padding: 3% 5% 10%;
		background: url(../guide/images/guide_box_bg2.png) bottom left / 100% auto no-repeat ,url(../guide/images/guide_box_bg1.png) top left / 100% auto repeat-y;
		position: relative;
	}
		#two_column .column_l .guide_other .guide_box h3 {
			width: 70%;
			margin: 0 auto;
			padding: 0;
		}
			#two_column .column_l .guide_other .guide_box h3 img {
				width: 100%;
				height: auto;
			}
		#two_column .column_l .guide_other .guide_box p {
			width: 75%;
			margin-left: 0 !important;
			padding: 2% 0 0;
			font-size: 3.6vw;
			line-height: 170%;
			text-align: left;
		}
			#two_column .column_l .guide_other .guide_box p a {
				font-size: 3.8vw;
				line-height: 170%;
				color: #dd6627;
				font-weight: bold;
				text-decoration: none;
			}
		#two_column .column_l .guide_other .guide_box h4 {
			width: 25%;
			margin: 3% 0 0 !important;
			padding: 0;
			text-align: left;
		}
			#two_column .column_l .guide_other .guide_box h4 img {
				width: 100%;
				height: auto;
			}
		#two_column .column_l .guide_other .guide_box img.box_img {
			position: absolute;
			margin: 0;
			padding: 0;
		}
			#two_column .column_l .guide_other .guide_box img.box_img.delivery_img {
				width: 30%;
				height: auto;
				bottom: 5%;
				right: 3%;
			}
			#two_column .column_l .guide_other .guide_box img.box_img.area_price_img {
				width: 30%;
				height: auto;
				bottom: 10%;
				right: 2%;
			}
			#two_column .column_l .guide_other .guide_box img.box_img.payment_img {
				width: 20%;
				height: auto;
				bottom: 5%;
				right: 3%;
			}
			#two_column .column_l .guide_other .guide_box img.box_img.change_img {
				width: 20%;
				height: auto;
				bottom: 10%;
				right: 3%;
			}
			#two_column .column_l .guide_other .guide_box img.box_img.manual_img {
				width: 20%;
				height: auto;
				bottom: 15%;
				right: 3%;
			}


/*====================================
お問い合わせ
=====================================*/
div.contact_cont {
	margin: 0 auto;
	padding: 10% 3% 8%;
	background: #EDE6D7;
}
	div.contact_cont .form_cont {
		width: 100%;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 0 10px rgba(89,68,36,0.15);
	}
	div.contact_cont .form_cont.tel_cont {
		margin: 0 auto;
		padding: 3% 0;
	}
		div.contact_cont .form_cont .cont_top {
			margin: 0;
			padding: 0 5%;
		}
			div.contact_cont .form_cont .cont_top .mark {
				width: 20%;
				margin: 0 auto;
				padding: 0;
			}
				div.contact_cont .form_cont .cont_top .mark img {
					width: 100%;
					height: auto;
				}
			div.contact_cont .form_cont .cont_top .detail {
				margin: 5% auto 0;
				padding: 0;
			}
				div.contact_cont .form_cont .cont_top .detail h3 {
					width: 90%;
					margin: 0 auto;
					padding: 0;
				}
					div.contact_cont .form_cont .cont_top .detail h3 img {
						width: 100%;
						height: auto;
					}
				div.contact_cont .form_cont.tel_cont .cont_top .detail a {
					display: inline-block;
					width: 70%;
					margin: 3% auto 0;
					padding: 0;
				}
					div.contact_cont .form_cont.tel_cont .cont_top .detail a img {
						width: 100%;
						height: auto;
					}
				div.contact_cont .form_cont .cont_top .detail p {
					margin: 3% auto 0;
					padding: 0;
					font-size: 3.6vw;
					line-height: 160%;
				}
	div.contact_cont .form_cont p.attention {
		color:#603813;
		margin: 5% auto 0;
		padding: 0 5%;
		font-size: 3.6vw;
		line-height: 160%;
		text-align: left;
	}
	div.contact_cont .form_cont.mail_cont {
		margin: 10% auto 0;
		padding: 5% 0 3%;
	}
	div.contact_cont .form_cont.mail_cont2 {
		margin: 0 auto 0;
		padding: 5% 0 3%;
	}
		div.contact_cont .form_cont.mail_cont p,
		div.contact_cont .form_cont.mail_cont2 p {
			margin: 3% 0 0;
			padding: 0 5%;
			font-size: 3.6vw;
			line-height: 160%;
			text-align: left;
		}

		div.contact_cont dl {
			width: 100%;
			margin: 20px auto 0;
			padding: 0;
			border-bottom: 1px dashed #ece6d6;
			text-align: left;
		}
			div.contact_cont dl dt {
				width: 100%;
				margin: 0 auto;
				padding: 2% 3% 1%;
				font-weight: bold;
				border-top: 1px dashed #ece6d6;
			}
				div.contact_cont dl dt span {
					display: inline-block;
					margin: 0 0 0 0.2em;
					padding: 0 2%;
					font-size: 2.6vw;
					line-height: 1.8em;
					color: #fff;
					vertical-align: 0.2em;
				}
				div.contact_cont dl dt span.ico1 {
					background: #666666;
				}
				div.contact_cont dl dt span.ico2 {
					background: #E66432;
				}
				div.contact_cont dl dt em {
					display: block;
					margin: 3px 0 0 1em;
					padding: 0;
					font-size: 13px;
					line-height: 160%;
					text-indent: -1em;
				}
			div.contact_cont dl dd {
				width: 100%;
				margin: 0 auto;
				padding: 1% 3% 2%;
			}
				div.contact_cont dl dd span {
					display: inline-block;
					margin: 0;
					padding: 0;
					font-size: 2.6vw;
					line-height: 160%;
					text-align: left;
				}
			div.contact_cont dl dd input:nth-of-type(n+2) {
				margin: 5px 0 0;
			}
			div.contact_cont dl dd div.privacy {
				width: 100%;
				height: 250px;
				margin: 0;
				padding: 3%;
				font-size: 3.4vw;
				border: 1px solid #e2e0cb;
				overflow-y: scroll;
			}
			div.contact_cont dl dd div.privacy p {
				margin: 2% 0 0;
				padding: 0 !important;
			}
				div.contact_cont dl dd div.privacy p:first-child {
					margin: 0;
				}
			div.contact_cont dl dd div.radio {
				margin: 3% auto;
				text-align:center;
			}
				div.contact_cont dl dd div.radio input {
					margin-right: 2%;
				}

				div.contact_cont dl dd div.radio span.font_normal {
					font-size: 3.6vw;
				}


		#companyname ,#name ,#telno ,#email ,#address {
			width: 100%;
			padding: 2% 3%;
			font-size: 4.0vw;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #C9C9C9;
			background: #fff;
		}
		input[type=file] {
			width: 100%;
			padding: 2% 3%;
			font-size: 3.0vw;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #C9C9C9;
			background: #fff;
		}
		#message {
			width: 100%;
			height: 200px;
			padding: 2% 3%;
			font-size: 4.0vw;
			font-family	: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
			border: 1px solid #C9C9C9;
			background: #fff;
		}

#contact_btn {
	margin: 0 auto;
	padding: 3% 0 0;
	text-align: center;
}

div.form_btn1 {
	display: inline-block;
	width: 100%;
	margin: 5px auto;
}
	div.form_btn1 button {
		display: block;
		cursor: pointer;
		border: none;
		background: #fff;
	}
		div.form_btn1 button img {
			width: 90%;
			height: auto;
		}

div.form_btn2 {
	display: inline-block;
	width: 100%;
	margin: 5px auto;
}
	div.form_btn2 button {
		display: block;
		cursor: pointer;
		border: none;
		background: #fff;
	}
		div.form_btn2 button img {
			width: 90%;
			height: auto;
		}

	div.contact_privacy p {
		margin: 2% 0 0;
		padding: 0;
		text-align: left;
	}
		div.contact_privacy p:first-of-type {
			margin: 3% 0 0;
		}
		div.contact_privacy p strong {
			display: block;
			color: #26A5B8;
		}


/*====================================
お役立ちコラム
=====================================*/
div.column_list {
	margin: 0 auto;
	padding: 10% 0;
}
	div.column_list .list_in {
		width: 100%;
		margin: 0 auto;
		padding: 0 3%;
	}
		div.column_list .list_in h4 {
			width: 100%;
			margin: 5% auto 0;
			padding: 2% 3% 1.5%;
			background: url(../blog/images/list_ttl_bg.png) center / auto 100% repeat-x;
			border-radius: 5px;
			display: flex;
			align-items: center;
			cursor: pointer;
			position: relative;
		}
			div.column_list .list_in h4:after {
				position: absolute;
				content: '';
				width: 7%;
				height: 0;
				margin: auto;
				padding: 0 0 7%;
				background: url(../blog/images/list_close.png) center / 100% no-repeat;
				top: 50%;
				right: 3%;
				transform: translateY(-50%);
				-webkit- transform: translateY(-50%);
				transition: 0.2s linear;
			}
			div.column_list .list_in h4.open:after {
				position: absolute;
				content: '';
				width: 7%;
				height: 0;
				margin: auto;
				padding: 0 0 7%;
				background: url(../blog/images/list_open.png) center / 100% no-repeat;
				top: 50%;
				right: 3%;
				transform: translateY(-50%);
				-webkit- transform: translateY(-50%);
			}
			div.column_list .list_in h4:first-of-type {
				margin: 0 auto;
			}
			div.column_list .list_in h4 span {
				display: inline-block;
				margin: 0;
				padding: 0;
				font-size: 3.0vw;
				line-height: 160%;
				font-weight: normal;
			}
			div.column_list .list_in h4 strong {
				display: inline-block;
				margin: 0 0 0 1%;
				padding: 0;
				font-size: 4.2vw;
				line-height: 160%;
			}
		div.column_list .list_in ul {
			display: none;
			width: 100%;
			margin: 0 auto;
			padding: 2% 2% 0;
			text-align: left;
			list-style: none;
		}
			div.column_list .list_in ul li {
				display: inline-block;
				width: 100%;
				margin: 2% 0 0;
				padding: 0 0 0 1.2em;
				font-size: 3.4vw;
				line-height: 160%;
				text-align: left;
				position: relative;
			}
			div.column_list .list_in ul li:before {
				position: absolute;
				content: '';
				width: 3%;
				height: 0;
				margin: auto;
				padding: 0 0 6%;
				background: url(../blog/images/list_icon.png) center / 100% no-repeat;
				top: 0;
				left: 0;
			}
				div.column_list .list_in ul li a {
					color: #5d3d23;
					text-decoration: none;
				}

div.pickup_column {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
	div.pickup_column h3 {
		width: 100%;
		margin: 0;
		padding: 0 3%;
	}
		div.pickup_column h3 img {
			width: 100%;
			height: auto;
		}
div.column_detail {
	width: 100%;
	margin: 3% auto 0;
	padding: 0;
}

div.column_main {
	width: 100%;
	margin: 0 auto;
	padding: 5% 3% 15%;
	text-align: left;
}
	div.column_main h4 {
		margin: 0;
		padding: 0 0 0.2em;
		font-size: 4.0vw;
		line-height: 160%;
	}
	div.column_main h4:after {
		background: url(../blog/images/column_detail_ttl.gif) repeat;
		content:"";
		display:block;
		height: 5px;
		margin-top:6px;
	}
	div.column_main h6 {
		margin: 0;
		padding: 5px 5px 0;
		font-size:3.6vw;
		line-height: 160%;
		font-weight: normal;
		text-align: right;
	}
	div.column_main .blog_box {
		margin: 5% 0 0;
		padding: 0;
		font-size: 3.6vw;
		line-height: 160%;
	}
		div.column_main div.blog_box div,
		div.column_main div.blog_box p {
			margin: 0;
			padding: 0;
		}
			div.column_main div.blog_box div img,
			div.column_main div.blog_box p img {
				display: inline-block;
				max-width: 100%;
				height: auto;
				margin: 3% 0 0;
				padding: 0;
			}

		div.column_main div.blog_box h2 {
			background:url(../blog/images/h4_bg.gif) repeat;
			border-left:#d1c3a2 10px solid; 
			color:#111111;
			font-size:3.8vw;
			margin: 0;
			padding: .8em .5em .8em 14px;
			letter-spacing:normal;
		}

		div.column_main div.blog_box h3 {
			border-bottom:1px dashed #cbcbcb;
			color:#111111;
			font-size:3.6vw;
			margin: 0;
			padding: .5em .5em .5em .2em;
			letter-spacing:normal;
		}

		div.column_main div.blog_box h4 {
			color:#775741;
			font-size:3.4vw;
			margin: 0;
			letter-spacing:normal;
		}

		div.column_main div.blog_box img {
			display: inline-block;
			max-width: 100%;
			height: auto;
			margin: 3% 0 0;
			padding: 0;
		}

	div.column_main .list_back_btn {
		margin: 5% auto 0;
		padding: 0;
		text-align: center;
	}
		div.column_main .list_back_btn a {
			display: inline-block;
			width: 80%;
			margin: 0 auto 0;
			padding: 4%;
			font-size: 3.4vw;
			line-height: 160%;
			color: #fff;
			background: #4d7bd2;
			text-decoration: none;
		}


}