@charset "UTF-8";
/*
contents ============================================
*/

/* .unit-balloon ------------------ */
.unit-balloon {
	position: relative;
	padding: 10px 3.13%;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: #e3e3e3;
}
	.unit-balloon::before {
		content: "";
		display: block;
		left: 50%;
		bottom: -6px;
		margin-left: -5px;
		position: absolute;
		width: 0;
		border: 7px solid transparent;
		border-top-color: #e3e3e3;
		border-bottom-width: 0;
		z-index: 1;
	}
	.unit-balloon::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:-7px;
		margin-left: -5px;
		width:0;
		border:7px solid transparent;
		border-top-color:#bbb;
		border-bottom-width:0;
	}
	.unit-balloon p {
		font-size: 1.4rem;
		line-height: 1.25;
	}
	.unit-balloon + * {
		margin-top: 10px;
	}


/*

Form Custom Parts  ============================

*/

/* input --------------- */
input {
	color: #333333;
	vertical-align: middle;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
	input:focus {
		outline: none;
	}

	/* input > type["text" and "password"] --------------- */
	.custom-input {
		border: 1px solid #bbb;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #f8f8f8;
		font-size: 1.2rem;
		padding: 8px 12px;
		-webkit-box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.2);
		box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.2);
		outline: none;
	}
	.custom-input.ext-full_width,
	.custom-input.ext-full_width {
		width: 100%;
	}



/* textarea ------------------------------*/

.custom-textarea {
	width: 100%;
	padding: 4px 8px;
	min-height: 80px;
	color: #333;
	background: #F8F8F8;
	border-radius: 4px;
	border-color: #bbb;
	-webkit-box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* .unit-step_nav ----------------- */
.unit-step_nav ul {
		display: table;
		width: 95.3%;
		margin: 10px 2.34% 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #bbb;
		border-radius: 3px;
	}
	.unit-step_nav ul li {
		position: relative;
		display: table-cell;
		width: 17%;
		height: 30px;
		position: relative;
		font-size: .9rem;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		background-color: #eee;
		background-image: none;
		background-size: 7px 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 6px 0 3px 5px;
	}
	.unit-step_nav ul li::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 7px;
		height: 100%;
		background: #eee url(/nomucom/smp/common/images/bg-step.png) no-repeat right center;
		background-size: 7px 100%;
	}
	.unit-step_nav ul li:first-of-type::before,
	.unit-step_nav ul li:first-of-type.active::before {
		background: none;
	}
	.unit-step_nav ul li.active {
		background-color: #cde83f;
	}
	.unit-step_nav ul li.active + li::before {
		background: #eee url(/nomucom/smp/common/images/bg-step_active.png) no-repeat right center;
		background-size: 7px 100%;
	}
	.unit-step_nav ul li.active::before {
		background: #cde83f url(/nomucom/smp/common/images/bg-step.png) no-repeat right center;
		background-size: 7px 100%;
	}
	.unit-step_nav ul li:first-of-type {
		padding-left: 0;
		width: 14%;
	}
	.unit-step_nav ul li:nth-of-type(5) {
		width: 20%;
	}
	.unit-step_nav ul li:last-of-type {
		width: 15%;
	}
	.unit-step_nav + * {
		margin-top: 10px;
	}

/* .unit-form_list ------------------ */
.unit-form_list {
}
	.unit-form_list > dt,
	.unit-form_list > dd {
		display: block;
		width: 100%;
		font-size: 1.2rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.unit-form_list > dd {
		padding: 10px 3.13%;
		overflow: hidden;
	}

	.unit-form_list > dd label + label {
		margin-left: 50px;
	}
	.unit-form_list .ext-bgcolor {
		background: #FFE5F0;
	}
	.unit-form_list > dd > p {
		font-size: 1.15rem;
	}
	.unit-form_list > dd > p + .custom-textarea {
		margin-top: 5px;
	}
	.unit-form_list > dd > ul li {
		margin-top: 15px;
	}
	.unit-form_list > dd > ul li:first-of-type {
		margin-top: 0;
	}
	.unit-form_list :not(.layout_col2) .custom-input {
		width: 100%;
	}
	.unit-form_list :not(.address_data) .custom-select {
		width: 68.75%;
	}
	.unit-form_list .layout_col2 {
		display: table;
		width: 100%;
	}
	.unit-form_list .layout_col2 > .col {
		display: table-cell;
		width: 50%;
	}
	.unit-form_list .layout_col2 > .col .txt {
		display: inline-block;
		width: 25%;
		text-align: right;
		padding-right: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.unit-form_list .layout_col2 > .col .txt + .custom-input {
		width: 75%;
	}
	.unit-form_list .address_data li ~ li {
		margin-top: 15px;
	}
	.unit-form_list .address_data .zipcode {
		float:left;
        width:130px;
	}

	.unit-form_list .address_data .otherzipcode{
		float:right;
        width:160px;
	}

	.unit-form_list .address_data .otherzipcode li{
		margin:0 0 6px 0;
	}
	.unit-form_list .address_data .mark {
		display: inline-block;
		width: 8.59%;
		text-align: center;
	}
	.unit-form_list .address_data .mark + .custom-input {
		width: 90%;
	}
	.unit-form_list .address_data .custom-input + a {
		display: inline-block;
		margin-left: 2%;
		width: 43.84%;
		font-weight: bold;
		text-decoration: underline;
		line-height: 1.3;
		vertical-align: middle;
	}
	.unit-form_list .address_data .custom-input + span {
		display: inline-block;
		margin-left: 2%;
		width: 43.84%;
		font-size: 1rem;
		line-height: 1.3;
		vertical-align: middle;
	}
	.address_data .note {
		margin-top: 10px;
	}
	.unit-form_list .address_data .txt {
		display: inline-block;
		width: 25%;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.unit-form_list .address_data .txt + .custom-input {
		width: 70%;
	}
	.unit-form_list .address_data .txt + .custom-select {
		width: 65%;
		vertical-align:middle;
		padding-top:2.5%;
	}
	.unit-form_list:not(.ext-member) + .unit-btn_layout {
		padding-top: 10px;
		padding-bottom: 30px;
	}

dd input + .txt-note {
	display: inline-block;
	padding: .5rem 0 0;
}
.unit-form_list + .unit-btn_layout {
	padding-bottom: 25px;
}