body {
		color: black;
		line-height: 1.5em;
		font-family: "ヒラギノ角ゴ Pro W3" , メイリオ , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , 游ゴシック , "Yu Gothic" , 游ゴシック体 , YuGothic , "Hiragino Kaku Gothic Pro" , Meiryo , "ＭＳ Ｐゴシック" , "Meiryo UI" ,"MS PGothic" , sans-serif;
		font-size: 90%;
		background-color: white;
	}

	#wrap {
		width: 100%;
		overflow: hidden;
		background-color: #f1efe2; /* 全体背景  */
	}

	/* 未訪問のリンク色 */
	a:link {
		color:#996633;
	}

	/* 訪問済みのリンク色 */
	a:visited{
		color:#807000;
	}

	/* マウスを乗せた時のリンク色 */
	a:hover{
		color:#e4d033;
	}

	/* クリックした時のリンク色 */
	a:active{
		color:#e4d033;
	}

	h1 {
		padding: 0px 5px;
		display: block;
	}

	h1 span {
		*padding: 10px 0px 10px 0px;
		font-size: 30px;
		font-weight: bolder;
		vertical-align: middle;
	}

	h1 img {
		padding: 10px 0px 10px 0px;
		vertical-align: middle;
	}

	h2 {
	  font-size: 20px;
	  font-weight: bold;
	  text-shadow: 3px 3px 3px #999999;
	  margin-bottom: 15px;
	  position: relative;
	}

	h2 span {
	  position: relative;
	  z-index: 2;
	  display: inline-block;
	  margin: 0 2.5em;
	  padding: 0 1em;
	  background-color: #fff;
	  text-align: left;
	}

	h2::before {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 100%;
	  height: 1px;
	  background-color: #000;
	}

	h3{
		font-size: 20px;
		font-weight: bold;
		text-shadow: 3px 3px 3px #999999;
		margin-bottom: 20px;
		padding: 0 20px;
	}

	h4{
		color: #333;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 3px 3px 3px #999999;
		padding: 0px 0px 16px 0px;
	}

	/* 項目【必須】 */
	.setRed{
		color:#FF0000;
	}

	/* エラーメッセージ */
	.errorMessage {
		background: rgb(255, 221, 221);
		border-radius: 2px;
		border: 2px solid red;
		border-image: none;
		color: red;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-* ヘッダエリア *-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	.head{
		background: white;
		text-align: center;
		border-bottom: 0px solid #666;
		width: 100%;
		padding: 10px 0 10px 0;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-* プログレスバー：headクラスのdivタグ *-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	.head div {
		background: #fff;
	}

	/* コンテンツの共通：本体 */
	.head div span {
		/* NOTE
		* height: line-height + padding(t) + padding(b) 40
		* spacing: margin(r)+margin(l)-sharpness
		*/
		color: #ccc;
		line-height: 20px;
		position: relative;
		background: #fff;
		display: inline-block;
		padding: 7px;
		margin: 0 17px;
		font-size: 1em;
	}

	/* コンテンツの共通：左 */
	.head div span::before {
		/* NOTE
		* height: border(t)+border(b) 30
		* width: border(l) 20 =sharpness
		*/
		content: " ";
		position: absolute;
		top: 0;
		left: -20px;
		width: 0;
		height: 0;
		/* border-width: 20px 0 20px 20px; */
		/* border-style: solid; */
		/* border-color: transparent; */
		/* border-top-color: #DFE0E6; */
		/* border-bottom-color: #DFE0E6; */
	}

	/* コンテンツの共通：右 */
	.head div span::after {
		/* NOTE
		* height: border(t)+border(b) 30
		* width: border(l) 20 =sharpness
		*/
		content: " ";
		position: absolute;
		top: 0;
		left: 100%;
		width: 0;
		height: 0;
		/* border-width: 20px 0 20px 20px; */
		/* border-style: solid; */
		/* border-color: transparent; */
		/* border-left-color: #DFE0E6; */
	}

	/* presentクラス：色を変える */
	.head div span.present{
		background: #fff;
		color: #000;
		text-shadow: 3px 3px 3px #999;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-* スクロール時に小さくなる：miniheadクラス *-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	.minihead{
		padding: 10px 0 10px 0;
		position: fixed;
		z-index: 2;
		transition: 0.5s;
		margin: -267px 0;
		border-top: 8px solid #fff;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.4);
	}

	.minihead img{
		height: 20px;
	}

	.minihead h1 span{
		font-size: 1em;
	}

	.minihead div {
		padding: 1px 0;
	}

	.minihead div span {
		line-height: 15px;
		padding: 5px;
		margin: 0 12px;
		font-size: 0.8em;
	}

	.minihead div span::before {
		border-width: 25px 0 0 20px;
	}

	.minihead div span::after {
		border-width: 25px 0 0 20px;
	}

	.apply{
		margin: -167px 0;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*  お手続きの流れ  *-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	.clearfix::after {
	  content: "";
	  display: block;
	  clear: both;
	}

	.procedure {
		padding: 15px 0;
	}

	.procedure-summary {
	 	width: 870px;
		height: 227px;
		margin: auto;
	}



	.procedure-put-one {
		float: left;
		width: 430px;
		height: 227px;
	}

	.procedure-put-two {
		float: left;
		width: 210px;
		height: 227px;
		box-shadow: 2px 2px 6px #a9a9a9;
	}

	.procedure-put-three {
		float: left;
		width: 210px;
		height: 227px;
		box-shadow: 2px 2px 6px #a9a9a9;
	}



	.procedure-putOne {
		float: right;
		width: 430px;
		height: 227px;
	}

	.procedure-putTwo {
		float: right;
		width: 210px;
		height: 227px;
		box-shadow: 2px 2px 6px #a9a9a9;

	}

	.procedure-putThree {
		float: right;
		width: 210px;
		height: 227px;
		box-shadow: 2px 2px 6px #a9a9a9;

	}



	.procedure-header {
		width: 210px;
		height: 14px;
		background-color: #FFF;
	}

	.procedure-top {
		width: 210px;
		height: 59px;
		background-color: #FFF;
	}

	.font-inner {
		color: #e4d033;
		font-size: 80px;
		font-weight: bold;
		text-align: center;
		padding-top: 24px;
		margin-bottom: -1px;
	}

	.procedure-center {
		width: 210px;
		height: 45px;
		background-color: #e4d033;
	}

	.heading-inner {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		padding: 14px 0 10px 0;
	}

	.procedure-bottom {
		width: 188px;
		height: 88px;
		background-color: #FFF;
		padding: 11px 10px 10px 12px;
	}

	.wording-inner {
		text-align: center;
	}



	.procedure-put-four {
		width: 870px;
		height: 165px;
		margin: auto;
		box-shadow: 2px 2px 6px #a9a9a9;
		margin-top: 10px;
	}

	.procedureHeader {
		width: 870px;
		height: 14px;
		background-color: #FFF;

	}

	.procedureTop {
		width: 870px;
		height: 59px;
		background-color: #FFF;

	}

	.fontInner {
		color: #e67e00;
		font-size: 80px;
		font-weight: bold;
		text-align: center;
		padding-top: 24px;
		margin-bottom: -1px;
	}

	.procedureCenter {
		width: 870px;
		height: 45px;
		background-color: #e67e00;
	}

	.procedureBottom {
		width: 848px;
		height: 26px;
		background-color: #FFF;
		padding: 11px 10px 10px 12px;

	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-* コンテンツの設定 *-*-*-*-*
*-*-*-*-*  お手続きの流れ  *-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	#fdw-pricing-table {
		margin:0 auto;
		text-align: center;
		width: 928px; /* total computed width */
		zoom: 1;
	}

	#fdw-pricing-table:before, #fdw-pricing-table:after {
	  content: "";
	  display: table;
	}

	#fdw-pricing-table:after {
	  clear: both;
	}

/* ---------------------------------------- */

	#fdw-pricing-table .plan {
		background: #fff;
		border: 0px solid #666;
		color: #333;
		padding: 20px 11px 20px 20px;
		width: 180px;
		height:206px;
		float: left;
		display: inline; /* IE6 double margin fix */
		position: relative;
		margin: 0 5px;
		-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}

	/* ボックス右下を浮かせる影 */
	/* #fdw-pricing-table .plan:after {
	  z-index: -1;
	  position: absolute;
	  content: "";
	  bottom: 10px;
	  right: 4px;
	  width: 80%;
	  top: 80%;
	  -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	} */

/* ---------------------------------------- */

	#fdw-pricing-table .header {
		position: relative;
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		padding: 22px 20px 20px 23px;
		margin: -20px -11px 20px -20px;
		border-bottom: 8px solid;
		background-color: #eee;
		background-image: -moz-linear-gradient(#fff,#eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(#fff, #eee);
		background-image: -o-linear-gradient(#fff, #eee);
		background-image: -ms-linear-gradient(#fff, #eee);
		background-image: linear-gradient(#fff, #eee);
	}

	#fdw-pricing-table .header:after {
		position: absolute;
		bottom: -8px;
		left: 0;
		height: 3px;
		width: 100%;
		content: '';
		background-image: url(images/bar.png);
	}

	#fdw-pricing-table .plan1 .header{
		font-size: 20px;
		font-weight:bold;
		background: #e4d033;
		border-bottom: solid 0px #666;
	}

	#fdw-pricing-table .plan1 .count{
		color: #e4d033;
		font-size: 80px;
		font-weight:bold;
		background: #fff;
		padding: 20px 0px 6px 0px;
		margin: 0px 0px 12px 0px;
	}

	#fdw-pricing-table .plan2 .header{
		font-size: 20px;
		font-weight:bold;
		background: #e4d033;
		border-bottom: solid 0px #666;
	}

	#fdw-pricing-table .plan2 .count{
		color: #e4d033;
		font-size: 80px;
		font-weight:bold;
		background: #fff;
		padding: 20px 0px 6px 0px;
		margin: 0px 0px 12px 0px;
	}

	#fdw-pricing-table .plan3 .header{
		font-size: 20px;
		font-weight:bold;
		background: #e4d033;
		border-bottom: solid 0px #666;
	}

	#fdw-pricing-table .plan3 .count{
		color: #e4d033;
		font-size: 80px;
		font-weight:bold;
		background: #fff;
		padding: 20px 0px 6px 0px;
		margin: 0px 0px 12px 0px;
	}

	#fdw-pricing-table .plan4 .header{
		font-size: 20px;
		font-weight:bold;
		background: #e4d033;
		border-bottom: solid 0px #666;
	}

	#fdw-pricing-table .plan4 .count{
		color: #e4d033;
		font-size: 80px;
		font-weight:bold;
		background: #fff;
		padding: 20px 0px 6px 0px;
		margin: 0px 0px 12px 0px;
	}

/* ---------------------------------------- */

	#fdw-pricing-table .name{
		font-size: 20px;
		font-weight:bold;
	}

/* ---------------------------------------- */

	#fdw-pricing-table ul {
		margin: 20px 0;
		padding: 0;
		list-style: none;
	}

	#fdw-pricing-table li {
		font-size: 13px;
		padding-left: 1px;
		margin-top: -8px;
		text-align: left;
	}

	.center-li {
		text-align: left;
		padding-left: 160px;
	}

	.contents {
		padding-bottom:15px;
		margin-bottom:15px;
	}

	.contentsA {
		padding:20px 20px 20px 20px;
		color:#fff;
		background-color:#115A71;
		margin-top:80px;
		margin-bottom:20px;
	}

	.contentsA img{
		float:left;
		margin-right:4px;
		vertical-align: middle;
	}

	.contentsB {
		padding:20px 20px 20px 20px;
		color:#000;
		margin-top:80px;
	}

	.contentsC {
		padding:20px 20px 20px 20px;
		margin-bottom:-28px;
		color:#000;
		width: 100%;
	}

	.contentsC img{
		margin-right:4px;
		vertical-align: middle;
	}

	.contentsD {
		padding:20px 20px 20px 20px;
		margin-bottom:-28px;
		color:#000;
		padding-bottom: 30px;
		width: 100%;
	}

	.contentsBox{
		padding:20px 20px 20px 20px;
	}

	.contentsBox img{
		float:left;
		margin-right:7px;
	}

	.contentsArea{
		padding:10px;
		background-color: #f5f5f5;
		border:1px solid #c8d5bb;
		margin-top:50px;
	}

/* ---------------------------------------- */

	#fdw-pricing-table .completed {
		background: #fff;
		border: 0px solid #666;
		color: #333;
		padding: 20px;
		width: 835px;
		height:140px;
		float: left;
		_display: inline; /* IE6 double margin fix */
		position: relative;
		margin: 0 5px;
		margin-bottom: 15px;
		-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		box-shadow: 2px 2px 8px rgba(0,0,0,.3);
	}

	/* ボックス右下を浮かせる影 */
	/* #fdw-pricing-table .completed:after {
		z-index: -1;
		position: absolute;
		content: "";
		bottom: 12px;
		right: 4px;
		width: 50%;
		top: 80%;
		-webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
		box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		transform: rotate(3deg);
	} */

/* ---------------------------------------- */

	#fdw-pricing-table .completed1 .header{
		font-weight:bold;
		background: #e67e00;
		border-bottom: solid 0px #666;
		margin: -20px -20px 20px -20px;
	}

	#fdw-pricing-table .completed1 .count{
		color: #e67e00;
		font-size: 80px;
		font-weight:bold;
		background: #fff;
		padding: 20px 0px 6px 0px;
		margin: 0px 0px 12px 0px;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*　セクション共通要素	 *-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	.section{
		width: 66%;
		max-width: 1000px;
		margin: 11px auto;
		padding: 20px;
		background: #fff;
		border: 0px solid #666;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}

	.sectionA{
		width: 70%;
		max-width: 1000px;
		margin: 20px auto;
		margin-top: 35px;
		padding: 10px 0px 0px 0px;
	}

	.sectionB{
		padding: 0px 40px;
	}

	.sectionC{
		width: 70%;
		max-width: 1000px;
		margin: 20px auto;
		padding: 10px 0px 10px 0px;
	}

	.sectionD{
		color: #333;
		padding: 16px 0px 0px 0px;
	}

	.sectionE{
		width: 64%;
		margin: 20px auto;
		padding: 20px;
	}

/***** 内部コンテンツ *****/

	/* 	スクロールボックス */
	.scroll{
		color: #333;
		background: #fff;
		height: 200px;
		overflow-y: scroll;
		border: 4px solid #c0c0c0;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-* セクション内独自要素 *-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/***** 使用可能な金融機関 *****/

	#bankList {
		margin: 10px 0px;
		place-content: flex-start center;
	}

	#bankList span{
		display: inline-block;
		background: #f1efe2;
		border: 2px solid #f1efe2;
		width: 145px;
		margin: 0 -3px;
	}

/***** 入力テーブル *****/

	.input {
/* 		width: 90%; */
	}

	.input th,.input td{
		text-align: left;
	}

	.input th{
		width: 270px;
	}

/* 	.input td{ */
/* 		width: 70%; */
/* 	} */

	.input span{
		display: inline-block;
	}

/***** 入力テーブル(入力内容確認) *****/

	.input2 th,.input2 td{
		text-align: left;
		padding: 10px 0px 10px 0px;
	}

	.input2 th{
		width: 270px;
	}


	.input3 th,.input3 td{
		text-align: left;
		padding: 5px 0px 5px 5px;
	}

	.input3 th{
		width: 250px;
	}

	.input4 th,.input4 td{
		text-align: left;
		padding: 5px;
	}

	.input4 th{
		width: 250px;
	}

/***** テキストボックス *****/

	input:not([type="checkbox"]),select {
		height: 20px;
		padding: 5px;
		margin: 8px 0px 8px 0px;
		background: #e6dc85;
		color: #000;
		border: 1px solid #666;
		border-radius: 2px;
	}

/* 	input::-webkit-input-placeholder { */
/* 	  color: #999; */
/* 	} */

/* 	input::-moz-placeholder { */
/* 	  color: #999; opacity: 1; */
/* 	} */

	/* テキストボックスの中の文字 */
	input:-ms-input-placeholder {
	  color: #fff;
	}

	p.message {
		color: red;
		font-weight: bold;
	}

/***** チェックボックス *****/

	/* 未チェックなら縁取る */
	input[type='checkbox'] {
		outline: red solid 3px;
		cursor: pointer;
	}

	/* チェックしたら縁外れる */
	input[type='checkbox']:checked {
		outline: none;
	}

/***** IME：優先入力 *****/

	/* IME: 英数字(半角英数字) */
	input {
		ime-mode: inactive;
	}

	/* IME: 日本語(全角ひらがな) */
	input.ime-jp {
		ime-mode: active;
	}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*　　　　フッタエリア			 *-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	.foot{
		bottom: 0px;
		width: 100%;
		text-align: center;
	}

/***** アイコン *****/

	.foot i{
		margin: 0 10px 0 0;
	}

	.foot .fa-hand-point-right{
		font-size: 1.2em;
	}

/***** ボタン *****/

	button {
		background: #807000;
		color: #fff;
		font-size: 15px;
		height: 40px;
		min-width: 130px;
		border: 0;
		border-radius: 3px;
		margin: 10px 5%;
		box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
		cursor: pointer;
	}

	button:hover{
		transition: 0.2s;
		box-shadow: 4px 4px 3px rgba(0,0,0,0.4);
	}

	#mail{
	}

	#print {
	}

/***** 下部表示 *****/

	.copyRight {
		color: #666;
		background: #f1efe2;
		font-size: 0.6em;
	}





	.contents {
		margin: 5px;
		padding: 10px 0px 0px;
		font-size: 15px;
	}

	/* 入力項目に関する注意事項 */
	.info {
		font-size: 14px;
	}

	/* 入力項目に関する注意事項(全入力項目に対する) */
	.info_entire{
		padding: 20px 0px 15px 5px;
	}

	/* 入力項目の右側(全角半角) */
	.info_type {
		font-size: 12px;
		color: #666;
	}

	.notice {

	}

	/* セレクトボックス */
	select {
		background: #e6dc85;
		color: #000;
		padding: 5px;
		border-radius: 2px;
		border: 1px solid rgb(112, 112, 112);
		border-image: none;
		height: 35px;
	}