@charset "Shift_JIS";

/* --------------------------------------------------------------------
	フリーページ　共通
--------------------------------------------------------------------- */
div.freepage_ {
}
div.freepage_narrow_ {
	padding: 0 60px;
}
div.freepage_ .box_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}


/* --------------------------------------------------------------------
	フリーページ　会社概要
--------------------------------------------------------------------- */
#company {
}
#company table {
	width: 100%;
}
#company table th {
	width: 8em;
	vertical-align: top;
}
#company table td {
	vertical-align: top;
}


/* --------------------------------------------------------------------
	フリーページ　プライバシーポリシー
--------------------------------------------------------------------- */
#privacy {
}
#privacy p {
	margin-bottom: 10px;
	text-indent: 1em;
}
#privacy ol {
	border-top: 1px dotted #CCC;
}
#privacy ol li {
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
}


/* 2017.10.11 PB追記ここから */
/* --------------------------------------------------------------------
	フリーページ　お問い合わせ
--------------------------------------------------------------------- */
/* #contact_intro */
#contact_intro {
	margin-bottom: 50px;
}
#contact_intro .txt_ {
	margin-bottom: 25px;
}
#contact_intro .ways_ {
	margin-right: -26px;
	overflow: hidden;
}
#contact_intro .ways_ .item_ {
	float: left;
	width: 318px;
	margin-right: 26px;
	padding-bottom: 15px;
	border: 3px solid #ebebeb;
	background: #fafafa;
}
#contact_intro .ways_ .item_ .tit_ {
	margin-bottom: 14px;
	background: #fff;
}
#contact_intro .ways_ .item_ .btn_ {
	width: 280px;
	margin: 0 auto;
}
/* #contact_chat */
#contact_chat {
	margin-bottom: 50px;
}
#contact_chat .chat_intro_ {
	margin-bottom: 15px;
}
#contact_chat .chat_intro_ .txt_ {
	margin-bottom: 10px;
}
#contact_chat .chat_intro_ .time_ {
	overflow: hidden;
}
#contact_chat .chat_intro_ .time_ dt {
	float: left;
	width: 90px;
	padding: 6px 0 5px;
	border: 1px solid #ebebeb;
	color: #b2b2b2;
	font-weight: 700;
	text-align: center;
}
#contact_chat .chat_intro_ .time_ dd {
	float: left;
	padding: 6px 15px 5px;
	border: 1px solid #ebebeb;
	border-width: 1px 1px 1px 0;
}
#contact_chat .chat_step_ {
	margin-bottom: 40px;
	overflow: hidden;
}
#contact_chat .chat_step_ .img_ {
	float: left;
	width: 276px;
}
#contact_chat .chat_step_ .txt_wrap_ {
	float: right;
	width: 710px;
}
#contact_chat .chat_step_ .txt_wrap_ .step_ {
	margin-bottom: 23px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ebebeb;
	list-style: none;
}
#contact_chat .chat_step_ .txt_wrap_ .step_ li {
	margin-bottom: 12px;
}
#contact_chat .chat_step_ .txt_wrap_ .step_ li .num_ {
	margin-bottom: 5px;
	color: #164535;
	font-weight: 700;
}
#contact_chat .chat_step_ .txt_wrap_ .btn_ {
	width: 310px;
	margin: 0 auto;
}
#contact_chat .chat_merit_ .list_ {
	margin-right: -20px;
	overflow: hidden;
}
#contact_chat .chat_merit_ .list_ .item_ {
	float: left;
	width: 349px;
	margin-right: 20px;
	padding: 19px 0 19px 147px;
	border: 3px solid #becdca;
	background-position: 41px 16px;
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.67;
}
#contact_chat .chat_merit_ .list_ .item_:nth-child(1) { background-image: url(../img/ico_contact_chat_merit01.png); }
#contact_chat .chat_merit_ .list_ .item_:nth-child(2) { background-image: url(../img/ico_contact_chat_merit02.png); }

/* #contact_mail */
#contact_mail {
	margin-bottom: 50px;
}
#contact_mail .txt_intro_ {
	margin-bottom: 20px;
}
#contact_mail .form_wrap_ {
	padding: 40px 76px 50px;
	outline: 5px solid #ebebeb;
	border: 1px solid #ccc;
}
#contact_mail .form_wrap_ .formdetail_ td input[name^="postcode"] {
	width: 100px;
}
#contact_mail .form_wrap_ .formdetail_ td .btn_addr_ {
	position: relative;
	top: -2px;
	display: inline-block;
	width: 83px;
	margin-left: 10px;
	padding: 8px 0;
	border-radius: 3px;
	background-color: #656565;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#contact_mail .form_wrap_ .formdetail_ td input[name="tel"],
#contact_mail .form_wrap_ .formdetail_ td input[name="order_id"] {
	width: 260px;
}
#contact_mail .form_wrap_ .formdetail_ td .select_wrap_ {
	width: 350px;
}
/* #contact_tel */
#contact_tel .txt_ {
	margin-bottom: 25px;
}
/* 2017.10.11 PB追記ここまで */