@charset "utf-8";

/* -----------------------------------------------
FileName: @contact_primary.css
----------------------------------------------- */

/*Structure
------------------------------------------------*/
body input {
	font: 400 15px Arial;
}

div#page-common {
	margin: 0 auto 5px;
	padding: 0 0 17px;
	width: 100%;
}

div#cf-Area-DocumentBody {
	background: none;
}

div#cf-Area-DocumentBody #layer-DocumentBody-01 {
	margin: 0 auto;
	padding-bottom: 0;
	width: 720px;
}

div#headsup-area {
	color: #FF0000;
}

/*Heading
------------------------------------------------*/
div#layer-DocumentBody-01 h1 {
	margin-bottom: 10px;
	padding-bottom: 18px;
	background:
		url("/newmock/base/inquiry/common/images/ins_common/images/prt-separator-15.gif")
		repeat-x left bottom;
}

div#layer-DocumentBody-01 div.form_hdg03 {
	margin-bottom: 10px;
	padding-bottom: 1px;
	background:
		url("/newmock/base/inquiry/common/images/ins_common/images/prt-rounder-43.gif")
		no-repeat left bottom;
	zoom: 1;
}

div#layer-DocumentBody-01 div.form_hdg03 h3 {
	padding: 10px;
	background: #444D76
		url("/newmock/base/inquiry/common/images/ins_common/images/prt-rounder-42.gif")
		no-repeat left top;
	color: #ffffff;
	font-weight: bold;
}

/*Text
------------------------------------------------*/
div#layer-DocumentBody-01 p {
	margin-bottom: 10px;
}

div#layer-DocumentBody-01 em {
	color: #e67878;
	font-weight: normal;
	font-style: normal;
}

/*Unorderd list
------------------------------------------------*/
ul#step-list {
	margin-bottom: 24px;
}

ul#step-list li {
	padding-right: 25px;
	float: left;
	background:
		url("/newmock/base/inquiry/temporaryinquiry/images/step-process-00.gif")
		no-repeat right top;
}

ul#step-list li.current {
	background:
		url("/newmock/base/inquiry/temporaryinquiry/images/step-process-00-on.gif")
		no-repeat right top;
}

ul#step-list li.last {
	padding: 0;
	background: none;
}

/*Area Box
------------------------------------------------*/
div#layer-DocumentBody-01 div.description-area {
	padding-bottom: 25px;
	margin-bottom: 35px;
	border-bottom: 1px dashed #000000;
}

div#layer-DocumentBody-01 div.button-area {
	margin-top: 20px;
	text-align: center;
}

div#layer-DocumentBody-01 div.button-area p {
	margin: 0 13px;
	display: inline;
}

div#layer-DocumentBody-01 div.button-area p.link-text1 {
	margin-top: 20px;
	display: block;
	text-align: left;
}

/*Table
------------------------------------------------*/
div#layer-DocumentBody-01 table.tbl_form {
	margin-bottom: 15px;
	width: 720px;
	border-top: 1px solid #bbdbf5;
	border-right: 1px solid #bbdbf5;
	border-spacing: 0;
	border-collapse: collapse;
}

div#layer-DocumentBody-01 table.tbl_form.confirm {
	margin-bottom: 15px;
	width: 720px;
	border-top: 1px solid #d2dae1;
	border-right: 1px solid #d2dae1;
	border-spacing: 0;
	border-collapse: collapse;
}

div#layer-DocumentBody-01 table.tbl_form th {
	table-layout: fixed;
	padding: 10px;
	border-bottom: 1px solid #bbdbf5;
	border-left: 1px solid #bbdbf5;
	background-color: #e9f2fb;
	vertical-align: middle;
	font-weight: bold;
}

div#layer-DocumentBody-01 table.tbl_form.confirm th {
	padding: 10px;
	border-bottom: 1px solid #d2dae1;
	border-left: 1px solid #d2dae1;
	background-color: #eeeeee;
	vertical-align: middle;
	font-weight: bold;
}

div#layer-DocumentBody-01 table.tbl_form th span {
	font-weight: normal;
}

div#layer-DocumentBody-01 table.tbl_form td {
	table-layout: fixed;
	padding: 10px;
	border-bottom: 1px solid #bbdbf5;
	border-left: 1px solid #bbdbf5;
	vertical-align: middle;
}

div#layer-DocumentBody-01 table.tbl_form.confirm td {
	padding: 10px;
	border-bottom: 1px solid #d2dae1;
	border-left: 1px solid #d2dae1;
	vertical-align: middle;
}

div#layer-DocumentBody-01 table.tbl_form th.first {
	border-bottom: 1px solid #bbdbf5;
	border-left: 1px solid #bbdbf5;
	border-right: none;
}

div#layer-DocumentBody-01 table.tbl_form.confirm th.first {
	border-bottom: 1px solid #d2dae1;
	border-left: 1px solid #d2dae1;
	border-right: none;
}

div#layer-DocumentBody-01 table.tbl_form td p {
	margin-bottom: 0;
}

div#layer-DocumentBody-01 table.tbl_form td.name label {
	margin-left: 1em; /
	margin-left: 0.6em;
}

div#layer-DocumentBody-01 textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

div#layer-DocumentBody-01 .label-01 {
	display: inline-block;
	padding: 0 4px;
	border: solid 1px;
	border-radius: 4px;
	margin-left: 4px;
	background-color: #fff;
	font-size: .4875rem;
}

div#layer-DocumentBody-01 .breakword {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.name-borderleft {
	border-left: none !important;
}

/*Clearfix
------------------------------------------------*/
ul#step-list:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

ul#step-list {
	zoom: 1;
}

body {
	font-size: 15px;
	overflow-x: hidden;
}

/*レスポンシブ対応
------------------------------------------------*/
body.rwd #cf-Area-DocumentBody #layer-DocumentBody-01 {
	max-width: 720px;
}

@media only screen and (max-width: 768px) {
	* {
		font-size: 15px;
	}
	html body.rwd.form #cf-Area-DocumentBody {
		padding-top: 5px;
	}
	.rwd div#layer-DocumentBody-01 input, .rwd div#layer-DocumentBody-01 select
		{
		height: 30px;
	}
	.rwd div#Area-SiteHeader {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.rwd div#layer-DocumentBody-01 table.tbl_form {
		width: 100%;
	}
	.rwd div#layer-DocumentBody-01 table.tbl_form, .rwd div#layer-DocumentBody-01 table.tbl_form tbody,
		.rwd div#layer-DocumentBody-01 table.tbl_form tr, .rwd div#layer-DocumentBody-01 table.tbl_form th,
		.rwd div#layer-DocumentBody-01 table.tbl_form td {
		display: block;
	}
	.rwd div#layer-DocumentBody-01 table.tbl_form input {
		width: 100%;
		box-sizing: border-box;
	}
	.rwd div#layer-DocumentBody-01 table.tbl_form #zip01 {
		width: 50px;
	}
	.rwd div#layer-DocumentBody-01 table.tbl_form #zip02 {
		width: 70px;
	}
	.rwd div#layer-DocumentBody-01 table.tbl_form .name>input {
		display: block;
	}
	.rwd div#layer-DocumentBody-01 div.button-area p {
		display: block;
	}
	.rwd div#layer-DocumentBody-01 div.button-area	p:not(:first-child) {
		margin-top: 5px;
	}

.rwd div#Area-SiteHeader p {
	width: auto;
}

.rwd div#layer-DocumentBody-01 #step-list img {
	width: 98px;
}

.rwd div#layer-DocumentBody-01 #step-list li, .rwd div#layer-DocumentBody-01 #step-list li.current
	{
	background-size: 20px;
}

.sp-none {
	display: none !important;
}

.rwd div#layer-DocumentBody-01 table.tbl_form select {
	width: 100%;
	box-sizing: border-box;
}

.name-borderleft {
	border-left: 1px solid #bbdbf5 !important;
}

}

/*  テーブル
--------------------------------------*/
.tbl_form .w51 {
	width: 50px;
	margin-right: 10px;
}

.tbl_form .input-address {
	width: 220px;
}

.errormsg {
	color: #FF0000;
	font-weight: bold;
}

#error-box-02 mb15 {
	style ="color: #FF0000;
	font-weight: bold;
}

.tbl_form .wa60v11_todou {
	background-color: #EFEFEF4D;
	border-style: solid;
	border-width: thin;
	border-radius: 2px;
	border-color: #7676764D
}

.tbl_form.confirm a {
	style ="text-transform: uppercase";
}

div#layer-DocumentBody-01 table.tbl_form .tbl_form__post button {
	background-color: #fff;
	border: none;
}

div#layer-DocumentBody-01 select, div#layer-DocumentBody-01 input, div#layer-DocumentBody-01 button
	{
	cursor: pointer;
}

img {
	border: 0;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, img, table, caption,
	th, td, form, fieldset, legend, input, textarea, select, pre, code,
	blockquote, address {
	font-size: 100%;
}

html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, img,
	table, caption, th, td, form, fieldset, legend, input, textarea, select,
	pre, code, blockquote, address {
	margin: 0;
	padding: 0;
}

}
th, td {
	font-weight: normal;
	vertical-align: top;
}

table {
	border: medium none;
	border-collapse: collapse;
}

/* ------------------------------------------------------------------------------- */
/* モーダル */
#modalWrapper {
	padding-bottom: 8px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	display: none;
	width: 951px;
}

#modalContent {
	clear: both;
	background-color: #FFF;
	/* width: 755px; */
	width: 896px;
	padding: 18px 19px 0 20px;
}

#modalContent .inner {
	padding-top: 35px;
}

#modalOverlay {
	background: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

#modalLoading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -101px;
	margin-top: -26px;
	z-index: 101;
	display: none;
	width: 203px;
}

#lb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}

img {
	border: none;
}

body {
	line-height: 1.4;
}

div#layer-DocumentBody-01 table.tbl_form .tbl_form__post>p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

div#layer-DocumentBody-01 table.tbl_form td p {
	margin-bottom: 0;
}

.tbl-02 td .read-input {
	display: none;
}

.tbl-02 td .disabled-input {
	display: block;
}

.tbl-02 td.filled .read-input {
	display: block;
}

.tbl-02 td.filled .disabled-input {
	display: none;
}

#search_add_btn {
	margin: 5px 0px 5px 0px;
}

#zip01 {
	width: 50px;
	margin: 0px 5px 0px 0px;
}

#zip02 {
	width: 70px;
	margin: 0px 10px 0px 5px;
}

span[id^="chgtarget"].required {
	color: #e67878;
	font-weight: normal;
	font-style: normal;
}