@charset "UTF-8";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
	line-height: 1.6;
	color: #000;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
}
body, input, textarea, select, button {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	/* 明朝フォント
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ /*resize: none;
*/
}
button
{ border: none; overflow: visible; background: none; vertical-align: top;	font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th,
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
/* 2016.5.24 追記*/
em
{ color:#af3100}
/* /2016.5.24 追記*/
/* 2016.5.30 追記*/
strong
{ font-weight: bold ;}
/* /2016.5.30 追記*/
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
.txt-lable-01 {
	position: relative;
	top: 1px;
}

.red{
	color: #820132;
	font-weight: bold;
}
/* ==========================================================
 base Link
========================================================== */
a {
	color: #f00;
	text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: underline;}
/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
	content: "";
	display: table;
}
.clearfix:after,
.contents:after
{
	clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
	*zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
body { text-align: center;}
/* ==========================================================
 wrapper
========================================================== */
.wrapper {
	width: 100%;
	padding-bottom: 60px;
	min-width: 960px;
}
	.wrapper-in {
		width: 960px;
		margin: 0 auto;
	}
/* ==========================================================
 header
========================================================== */
.header {
	width: 100%;
	height: 85px;
	margin-bottom: 50px;
	border-top: 6px solid #231815;
}
	.header-in {
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	.header-logo { margin: 25px 0 0; }
		.header-logo a {
			display: block; 
			width: 170px;
		}
		.header-logo a:focus { outline: none;}
			.header-logo a img { width: 100%;}

/* ==========================================================
 nav-global
========================================================== */
.nav-global {
}
	.nav-global li {
	}
		.nav-global li a {
		}
		.nav-global li a:hover {
		}
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
}
	.nav-local li {
	}
		.nav-local li a {
		}
		.nav-local li a:hover {
		}
/* ==========================================================
 contents
========================================================== */
.contents {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.contents-main {
	width: 100%;
}
/* ==========================================================
 box-error-01
========================================================== */
	.box-error-01 {
		width: 100%;
		padding: 16px 20px 16px;
		margin-bottom: 28px;
		background-color: #ffedeb;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #d82400;
		border-radius: 3px;
	}
/* ==========================================================
 box-news-01
========================================================== */
.box-news-01 {
	padding: 20px 10px 15px 22px;
	margin-bottom: 20px;
	border: 5px solid #f2bbad;
}
	.box-news-01 .title {
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: bold;
	}
	.box-news-01 .detail {
		font-size: 15px;
	}
		.box-news-01 .detail span {
			font-size: 16px;
			color: #af3100;
			font-weight: bold;
		}
.box-news-02 {
	margin-bottom: 20px;
	font-size: 16px;
	color: #af3100;
	letter-spacing: -0.8px;
}
	.box-news-02 span { font-weight: bold; }
		
/* ==========================================================
 list-flow
========================================================== */
.list-flow {
	margin-bottom: 20px;
}
	.list-flow ul {
		margin: 0 -3px;
		overflow: hidden;
	}
		.list-flow ul li {
			float: left;
			margin-left: 26px;
		}
		.list-flow ul li.list-01 { width: 300px; margin-left: 0; }
		.list-flow ul li.list-02 { width: 294px; }
		.list-flow ul li.list-03 { width: 314px; }
			.list-flow  ul > li > span {
				display: block;
				position: relative;
				height: 64px;
				padding-top: 19px;
				text-align: center;
				background-color: #cecece;
				color: #7c7c7c;
				font-size: 16px;
				font-weight: bold;
			}
			.list-flow ul li.list-02 > span:before,
			.list-flow ul li.list-02 > span:after {
				position: absolute;
				content: "";
				width: 26px;
				height: 64px;
				background: url(../img/bg_flow_02.png);
				background-image: url(../img/bg_flow_02.svg), none;
				top: 0;
			}
			.list-flow ul li.list-02 > span:before { left: -26px; }
			.list-flow ul li.list-02 > span:after { right: -26px; }
				.list-flow ul li span .text-01 {
					display: inline-block;
					height: 20px;
					line-height: 20px;
					padding: 0 6px 0;
					margin-right: 10px;
					background-color: #fff;
					font-size: 12px;
					color: #7c7c7c;
					font-weight: bold;
				}
/* step-01 */
.list-flow ul.step-01 li.list-01 > span { background-color: #993000; color: #fff; }
.list-flow ul.step-01 li.list-02 > span:before { 
	background: url(../img/bg_flow_01.png);
	background-image: url(../img/bg_flow_01.svg), none; 
}
.list-flow ul.step-01 li.list-01 > span .text-01 { color: #993000; }
/* step-02 */
.list-flow ul.step-02 li.list-02 > span { background-color: #993000; color: #fff; }
.list-flow ul.step-02 li.list-02 > span:before { 
	background: url(../img/bg_flow_03.png);
	background-image: url(../img/bg_flow_03.svg), none;  
}
.list-flow ul.step-02 li.list-02 > span:after {
	 background: url(../img/bg_flow_01.png);
	 background-image: url(../img/bg_flow_01.svg), none;  
}
.list-flow ul.step-02 li.list-02 > span .text-01 { color: #993000; }
/* step-03 */
.list-flow ul.step-03 li.list-03 > span { background-color: #993000; color: #fff; }
.list-flow ul.step-03 li.list-02 > span:after { background: url(../img/bg_flow_03.png); }
.list-flow ul.step-03 li.list-03 > span .text-01 { color: #993000; }			

/* ==========================================================
 footer
========================================================== */
.footer {
	width: 100%;
	min-width: 960px;
	height: 165px;
	background-color: #000;
}
	.footer-in {
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	.footer-copyright {
		padding-top: 20px;
		color: #fff;
		text-align: center;
	}
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
	.grid-cmn > .col {
	}
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
	margin-bottom: 50px;
}
/* section last margin */
/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn-01 {
	padding: 17px 20px 15px 17px;
	margin-bottom: 45px;
	border: 1px solid #676767;
}
	.box-cmn-01 .title {
		margin-bottom: 15px;
		font-size: 18px;
		font-weight: bold;;
	}
	.box-cmn-01 .detail {
		font-size: 15px;
	}
		.box-cmn-01 .detail li {
			position: relative;
			padding-left: 10px;
		}
		.box-cmn-01 .detail li:before {
			position: absolute;
			top: 9px;
			left: 0;
			content: "";
			width: 5px;
			height: 5px;
			border-radius: 50%;
			background-color: #000;
		}
			.box-cmn-01 .detail li a {
				padding-right: 19px;
				margin-right: 4px;
				text-decoration: underline;
				color: #000;
				background: url(../img/ico_window_01.png) right 3px no-repeat;
				background-image: url(../img/ico_window_01.svg), none;
				background-size: 15px 13px;
			}
				.box-cmn-01 .detail li a:hover { text-decoration: none;}
.box-cmn-02 {
	position: relative;
	padding: 3px 0 15px;
}

.box-cmn-02:last-child { 
	padding: 16px 0 0;
}
	.box-cmn-02 dl.box-name-01 {
		width: 100%;
		display: table;
	}
		.box-cmn-02 dl.box-name-01 dt {
			display: table-cell;
			width: 5%;
			padding-top: 9px;
			font-weight: bold;
		}
		.box-cmn-02 dl.box-name-01 dd {
			width: 90%;
			padding: 1px 0;
			display: table-cell;
			vertical-align: top;
			overflow: hidden;
			text-align: right;
		}
			.box-cmn-02 dl.box-name-01 dd .lastname {
				width: 50%;
				float: left;
			}
				.box-cmn-02 dl.box-name-01 dd .lastname .title {
					padding-right: 9px;
				}
				.box-cmn-02 dl.box-name-01 dd .lastname input[type="text"] {
					width: 191px;
					padding: 7px 10px;
				}
			.box-cmn-02 dl.box-name-01 dd .firstname {
				width: 50%;
				float: left;
			}
				.box-cmn-02 dl.box-name-01 dd .firstname .title {
					padding-right: 9px;
				}
				.box-cmn-02 dl.box-name-01 dd .firstname input[type="text"] {
					width: 188px;
					padding: 7px 10px;
				}
	.companyName li {
		margin-bottom: 10px;
	}	

	.companyName li input[type="text"]  {
			width: 80%;
			padding: 5px 10px;
		}

	.box-email-01 li {
		margin-bottom: 10px;
	}
		.box-email-01 li input[type="email"] {
			width: 80%;
			padding: 5px 10px;
		}
.box-emil-correct {
	padding: 8px 15px 10px;
	background-color: #e8f7c6;
	color: #436600;
	letter-spacing: -0.5px;
	border-radius: 3px;
}
	.box-emil-correct a {
		padding-right: 19px;
		margin-right: 4px;
		text-decoration: underline;
		color: #436600;
		background: url(../img/ico_window_01.png) right 3px no-repeat;
		background-image: url(../img/ico_window_01.svg), none;
		background-size: 15px 13px;
	}
		.box-emil-correct a:hover { text-decoration: none;}
	.box-emil-correct span { font-weight: bold;}

.box-tel-01 {
}
	.box-tel-01 input[type="tel"] {
		width: 40%;
		padding: 5px 10px;
	}
	.box-fax-01 input[type="tel"] {
		width: 40%;
		padding: 5px 10px;
	}
	
.box-address-01 {
}
	.box-address-01 dl {
		display: table;
		width: 100%;
		margin-bottom: 20px;
	}
	.box-address-01 dl:last-child { margin-bottom: 0;}
		.box-address-01 dl dt {
			display: table-cell;
			padding-top: 6px;
/*			width: 10%;
*/
			width:75px;
		} 
		.box-address-01 dl dd {
			display: table-cell;
			vertical-align: top;
			text-align: left;
		}
		.box-address-01 dl dd.postalCode {
			overflow: hidden;
		}
			.box-address-01 dl dd.postalCode input[type="text"] {
				float: left;
/*
				width: 190px;
*/
				width:150px;
				padding: 5px 10px;
			}

			/* 郵便番号から住所を自動入力　ボタン */
			.box-address-01 dl dd.postalCode input[type="button"] {
				width: 230px;
				float: left;
				padding: 10px 7px;
/*
				padding: 19px 7px 18px;
*/
				margin-left: 9px;
				background-color: #d3d0c9;
				border: none;
				border-radius: 3px;
				cursor: pointer;
				-webkit-appearance: none;
/*
				line-height: 0;
*/
				line-height: 1em;
			}
			.box-address-01 dl dd.preFectures select {
				width: 158px;
				padding: 5px;
			}
			.box-address-01 dl dd textarea {
				width: 100%;
				padding: 10px 10px;
				border-radius: 3px;
			}
			.box-address-01 dl dd textarea:focus {
				background-color: #fffdd4;
			}
		
.box-note-01 {
	padding: 15px;
	margin-bottom: 35px;
	border: 5px solid #e5e2df;
}
	.box-note-01 .detail { margin-bottom: 15px;}
		.box-note-01 .detail a {
			padding-right: 19px;
			margin-right: 4px;
			text-decoration: underline;
			color: #000;
			background: url(../img/ico_window_01.png) right 3px no-repeat;
			background-image: url(../img/ico_window_01.svg), none;
			background-size: 15px 13px;
		}
		.box-note-01 .detail a:hover { text-decoration: none;}
	.box-note-01 input[type="checkbox"] {
		text-align: center;
	}
	.box-note-01 .form-warnning-01 ,
	.box-note-01 .accept { text-align: center;}
	.box-note-01 .accept { padding: 10px 0; }
	 
/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
}
/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: bold;
}
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
	position: relative;
	padding-left: 17px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}
	.ttl-cmn-02:before {
		position: absolute;
		top: 5px;
		left: 0;
		content: "";
		width: 7px;
		height: 28px;
		background-color: #993000;
	}
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
}
/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn {
}

/* ==========================================================
 list
========================================================== */

/* list-cmn
---------------------------------------------------------- */
.list-cmn {
}
	.list-cmn li {
	}
/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
}
	.table-cmn th,
	.table-cmn td {
	}
	.table-cmn th {
	}
	.table-cmn td {
	}
/* ==========================================================
 hr-cmn
========================================================== */
.hr-cmn-01 {
	margin: -22px -15px 0;
	display: block;
	border-bottom: 1px solid #737373;
}
/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
	text-align: right;
}
/* btn-submit
---------------------------------------------------------- */
.btn-submit-01 {
	text-align: center;
}
	.btn-submit-01 input[type="submit"] {
		-webkit-appearance: none;
		width: 40%;
		padding: 14px 15px 15px 15px;
		background-color: #5a9900;
		border: none;
		font-size: 21px;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
		border-radius: 3px;
	}
	.btn-submit-01 input[type="submit"]:hover {
		background-color: #4c7c00;
	}
	
/* btn-home
---------------------------------------------------------- */
.btn-home-01 {
	text-align: center;
}
	.btn-home-01 a {
		padding-left: 24px;
		font-size: 18px;
		text-decoration: underline;
		color: #000;
		background: url(../img/ico_home_01.png) left 0 no-repeat;
		background-image: url(../img/ico_home_01.svg), none;
		background-size: 19px 19px;
	}
		.btn-home-01 a:hover { text-decoration: none;}
/* ==========================================================
 link
========================================================== */
/* link-cmn
---------------------------------------------------------- */
.link-cmn {
}
/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */
/* type="text" */
	input[type="text"] ,
	input[type="tel"],
	input[type="email"]{ font-size: 16px;}
	
	input[type="text"] ,
	input[type="tel"] { padding: 0 10px;}
textarea { font-size: 16px;}	
/* type="checkbox" */
input[type="checkbox"] { 
	margin-right: 5px;
	border: none;
	vertical-align: middle;
}
/* type="radio" */
input[type="radio"] { 
	margin-right: 5px;
	border: none;
	vertical-align: middle;
}
/* select */ 
select {
	font-size: 16px;
}
/* textarea */
textarea {
}
/* button */
button {
}
/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {
}
/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
}
/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {
}
/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {
}
/* radio-cmn-button
---------------------------------------------------------- */
.list-radio-01 {
}
	.list-radio-01 li { 
		margin-bottom: 10px;
		line-height: 1.3;
	}
/* checkbox-cmn-button
---------------------------------------------------------- */
.list-checkbox-01 li { 
	margin-bottom: 10px;
	line-height: 1.3;

}
	label.type_dis01 {
			color: #7c7c7c;
			cursor: default;
			text-decoration:line-through;
	}
		.list-checkbox-01 input[type="checkbox"] {
			margin-right: 5px;
		}
	.list-checkbox-02 {
		overflow: hidden;
		padding-top: 4px;
		float: left;
	}
		.list-checkbox-02 li {
			float: left;
			margin-left: 25px;
		}
/* select-cmn
---------------------------------------------------------- */
.list-select-01 {
	overflow: hidden;
}
	.list-select-01 li {
		float: left;
		padding-left: 1px;
	} 
		.list-select-01 li label {
			padding: 0 10px;
		} 
			.list-select-01 li select {
				width: 125px;
				padding: 6px 5px 5px;
			}
/* box-dattime
---------------------------------------------------------- */
.box-dattime-01 {
	overflow: hidden;
	margin-bottom: 18px;
}
.box-dattime-01:last-child {
	margin-bottom: 0px;
}
	.box-dattime-01 .label { 
		float: left;
		padding: 6px 5px 0 0; 
	}
	.box-dattime-01 .select-date {
		float: left;
		overflow: hidden;
	}
		.box-dattime-01 .select-date .box-ym-01 {
			float: left;
			padding: 0 5px;
		}
			.box-dattime-01 .select-date .box-ym-01 select {
				width: 145px;
				padding: 5px;
			}
		.box-dattime-01 .select-date .box-date-01 {
			float: left;
			padding: 0 0 0 5px;
			overflow: hidden;
		}
			.box-dattime-01 .select-date .box-date-01 .date {
				width: 110px;
				padding-right: 10px;
				float: left;
			}
				.box-dattime-01 .select-date .box-date-01 .date select {
					width: 100%;
					padding: 5px;
				}
			.box-dattime-01 .select-date .box-date-01 .date-02 {
				width: 235px;
				float: left;
			}
			.box-dattime-01 .select-date .box-date-01 .date-02 input {
				/* width: 80%; */
				width:12.5em;
			}
			.box-dattime-01 .select-date .box-date-01 .calendar {
				display: inline-block;
				width: 28px; 
				height: 32px;
				padding-top: 2px;
				float: left;
				cursor: pointer;
			}
/* ==========================================================
boxform
========================================================== */
.box-form-01 {
}
	.box-form-01 dl.type01{
		display: table;
		border-top: 1px solid #737373;
	}
		.box-form-01 dl.type01:last-of-type {
			border-bottom: 1px solid #737373;
		}
		.box-form-01 dl.type01 > dt {
			display: table-cell;
/*
			width: 21%;
*/
			width:250px;
			padding: 16px 15px 16px 15px;
			background-color: #f2f0eb;
			font-weight: bold;
			vertical-align: top;
			line-height: 1.3;
		}
			.box-form-01 dl.type01 > dt .note { font-size: 12px;}
			.box-form-01 dl.type01 > dt .require {
				position: relative;
			}
			.box-form-01 dl.type01 > dt .require:before {
				position: absolute;
				top: -1px;
				right: 0;
				content: "必須";
				height: 20px;
				line-height: 20px;
				padding: 0 6px 0;
				background-color: #993000;
				color: #fff;
				font-size: 13px;
			}
			
		.box-form-01 dl.type01 > dd {
/*			width: 755px;
*/
			width:706px;
			display: table-cell;
			padding: 16px 15px 16px 15px;
			margin-left: 225px;
		}
			/*2016.5.27 追記*/
			.box-form-01 dl.type01 > dd .completeDate{
				margin-top:10px;
			}			
/* ==========================================================
txtarea
========================================================== */
.box-txtarea-01 {
	width: 100%;
}
	.box-txtarea-01 textarea {
		width: 100%;
		padding: 5px 10px 5px 10px;
		border-radius: 3px;
		height: 10em;
	}

	#comment{
		height:10em;
	}
	/* 2016.5.30 追記 */
	.box-txtarea-01 textarea#propertyAddress {
		padding: 5px 5px;
	}
	.box-txtarea-01 textarea#enquete1other,
	.box-txtarea-01 textarea#enquete2other,
	.box-txtarea-01 textarea#enquete3other,
	.box-txtarea-01 textarea#enquete4other,
	.box-txtarea-01 textarea#enquete5other,
	.box-txtarea-01 textarea#enquete6other,
	.box-txtarea-01 textarea#enquete7other,
	.box-txtarea-01 textarea#enquete8other {
		padding: 5px 10px 5px 10px;
	}
	/* /2016.5.30 追記 */
	.box-txtarea-01 textarea:focus {
		background-color: #fffdd4;
	}
/* ==========================================================
input text
========================================================== */
.box-text-01 {
	width: 100%;
}
	.box-text-01 input[type="text"] {
		width: 100%;
		padding: 7px 10px;
	}
/* ==========================================================
warrning
========================================================== */
.warnning .box-txtarea-01 textarea {
	background-color: #ffedeb;
	border: 1px solid #f0957c;
}
	.warnning .box-txtarea-01 textarea:focus { background-color: #fffdd4; font-size: 16px;}
.warnning input[type="text"] ,
.warnning input[type="email"],
.warnning input[type="tel"],
.warnning select,
.warnning textarea {
	background-color: #ffedeb;
	border: 1px solid #f0957c;
}
/* ==========================================================
focus
========================================================== */
	input[type="tel"]:focus { background-color: #fffdd4;}
	input[type="email"]:focus { background-color: #fffdd4;}
	input[type="text"]:focus { background-color: #fffdd4;}


/* txt-warnning
---------------------------------------------------------- */
.txt-warnning {
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #D82400;
}
	.txt-warnning:before {
		position: absolute;
		top: 2px;
		left: 0;
		width: 20px;
		height: 18px;
		content: "";
		background: url(../img/ico_warnning_01.png) 0 0 no-repeat;
   		background-image: url(../img/ico_warnning_01.svg), none;
	}
/* form-cmn-warnning
---------------------------------------------------------- */
.form-warnning-01 {
	padding: 10px 0 1px 8px;
	background-color: #ffedeb;
	border-radius: 3px;
}

/* ==========================================================
page confirm
========================================================== */
.confirm-page .contents-main .sec-cmn-01:last-of-type { margin-bottom: 73px;}
.confirm-page .list-flow { margin-bottom: 30px;}
.confirm-page .box-cmn-01 {
	border: none;
	padding: 10px 0 0;
}

.confirm-page .box-dattime-01 .output {
	overflow: hidden;
	padding-top: 6px;
}
	.confirm-page .box-dattime-01 .output li {
		float: left;
	}
	
.confirm-page .box-name-01 .output {
	overflow: hidden;
}
	.confirm-page .box-name-01 .output li {
		float: left;
		margin-right: 15px;
	}
	
.confirm-page .box-dattime-01 { margin-bottom: 0; line-height: 1.2;}
/* btn
---------------------------------------------------------- */
.confirm-page .box-btn-01 {
	overflow: hidden;
}
	/*.confirm-page .box-btn-01 .btn-prev-01:before {
		position: absolute;
		top: 50%;
		left: 23px;
		content: "";
		margin-top: -7px;
		background: url(../img/ico_arrow_right_01.png) 0 0 no-repeat;
		background-image: url(../img/ico_arrow_right_01.svg), none;
		background-size: 8px 16px;
		width: 8px;
		height: 16px;
		
	}*/

	.confirm-page .box-btn-01 .btn-prev-01 {
		float: left;
		width: 170px;
		/*
			padding: 16px 16px 16px 30px;
		*/
		font-size: 18px;
		background-color: #cecece;
		border-radius: 3px;
		cursor: pointer;
	}
		.confirm-page .box-btn-01 .btn-prev-01 input[type="submit"] {
				display: inline-block;
			-webkit-appearance: none;
			/* width: 100%; */
			background: url(../img/ico_arrow_right_01.png) 15px center no-repeat;
			background-image: url(../img/ico_arrow_right_01.svg), none;
			background-size: 8px 35px;
			border: none;
			border-radius: 3px;


		    cursor: pointer;
		    font-size: 21px;
    		font-weight: bold;
			padding: 14px 15px 15px 30px;


		}




		.confirm-page .box-btn-01 .btn-prev-01 input[type="submit"]:focus { outline: none;}
	.confirm-page .box-btn-01 .btn-submit-01 {
		float: right;
		width: 400px;
		margin-right: 282px;
		border-radius: 3px;
	}
		.confirm-page .box-btn-01 .btn-submit-01 input[type="submit"] {
			width: 100%;
		}
		
/* ==========================================================
page complete
========================================================== */
/* title
---------------------------------------------------------- */
.complete-page .ttl-cmn-01 { margin-bottom: 40px;}
/* box cmn
---------------------------------------------------------- */
.complete-page .box-cmn-01 { margin-bottom: 32px;}
	.complete-page .box-cmn-01 .title {
		margin-bottom: 7px;
		font-size: 21px;
		font-weight: bold;
	}
	.complete-page .box-cmn-01 ul { margin-bottom: 28px;}
	/* sec-cmn-01
---------------------------------------------------------- */
.complete-page .sec-cmn-01 .title-01 { margin-bottom: 15px;}
/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
	-ms-filter: 'alpha( opacity=100)';
	opacity: 1;
}
.is-opacity:hover
{
	-ms-filter: 'alpha( opacity=70)';
	filter: alpha( opacity=70);
	opacity: 0.7;
}
/* css animation 
---------------------------------------------------------- */
.is-animate
{
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* ==========================================================
 style
========================================================== */
.s-fw-n		 { font-weight: normal;}
.s-fw-b		 { font-weight: bold;}
.s-ta-l		 { text-align: left !important;}
.s-ta-c		 { text-align: center !important;}
.s-ta-r		 { text-align: right !important;}
.s-va-t		 { vertical-align: top !important;}
.s-va-m		 { vertical-align: middle !important;}
.s-va-b		 { vertical-align: bottom !important;}
.s-ov-h		 { overflow: hidden;}
.s-clear		{ clear: both;}
.s-hide		 { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n		 { background: none !important;}
.s-mt-00		{ margin-top: 0 !important;}
.s-mb-00		{ margin-bottom: 0 !important;}
.s-ml-00		{ margin-left: 0 !important;}
.s-mr-00		{ margin-right: 0 !important;}
/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-tb,
.only-sp,
.no-pc { display: none !important;}
.no-tb {}
.no-sp {}


/* ==========================================================
 tool
========================================================== */
.atode { padding: 10px; border: 2px solid #8c0000; background-color: #ff4d4d; color: #fff; font-size: 30px; text-align: center;}

.mailbtn{
	text-align: center;
	margin: 30px 0 0;
}

.btn-square {
text-align: center;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
	width: 40%;
	font-size: 21px;
	font-weight: bold;
	margin: 15px 0 0;
}
.btn-square:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
	text-decoration: none;
}