#form_table{
	width:80%;
	margin:0 auto;
	}
.wd200{
	width:200px;
	}
.lh1{line-height:1.5;}
.mt20{margin-top:20px;}

.f_wrap{display: flex;		/*flexボックスを使う指定*/
	flex-wrap: nowrap;justify-content: start;}
	
	.p_wrap{display: flex;		/*flexボックスを使う指定*/
	flex-wrap: nowrap;justify-content: space-between;}

.f250{width:250px;}
.wd400{400px;}

.progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 33.333%;
    color: #999999;
    font-weight: bold;
}
.progressbar li:before {
    display: block;
    width: 26px;
    height: 26px;
    margin: 7px auto 20px auto;
    content: '';
    text-align: center;
    border-radius: 50%;
    z-index: 15;
    background-color: #CCC;
}
.progressbar li:after {
    position: absolute;
    z-index: 0;
    top: 26px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #CCC;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active,
.progressbar li.complete{
    color: #171C61;z-index: 1;
}
.progressbar li.active:before,
.progressbar li.complete:before {
    background-color: #171C61;
}
.progressbar li.active:after,
.progressbar li.complete:after {
    background-color: #171C61;
}

/* 装飾 */
#form_table ul{
  margin: 40px 0 !important;
}

.sonota{margin-right:5px;margin-left:20px;}
.sonota1{width:200px;}
select{height:50px;background:#EDEDED;border-radius:2px;}

@media print, screen and (max-width: 500px){
#table01{	
	border-collapse:  collapse;     /* セルの線を重ねる */
	width:100%;
	}

#table01 th {
        display: none;
    }
 
    /* セルをブロックとして表示 */
    #table01 td {
        display: block;
    }
 
    /* 最初の項目に背景色を付ける */
    #table01 td:nth-child(1) {
        
        background-color: #DDDDDD;
    }
    #table01 td:nth-child(1):before {
        content: '発信日：';
    }
 
    /* セルに見出し代わりの文字を付加 */
    #table01 td:nth-child(2):before {
        content: '種別：';
    }
 
    #table01 td:nth-child(3):before {
        content: '通達番号：';
    }
 
    #table01 td:nth-child(4):before {
        content: '件　名：';
    }
    h2.h2_fm{
    font-size:20px;
    }
input[type="email"] ,input[type="email"] {
	width:100%;
	}
	.fs14_m{
		font-size:14px;
		}	
.progressbar .item {
    position: relative;
    width: 26%;margin:0 auto;
    }
th, td {
    wihth: 100%;
    display: block;
  }
th{
	border-bottom:none;
	}
#form_table{width:100%;
}

}

@media print, screen and (min-width: 768px){
.progressbar .item {
    position: relative;
    width: 26%;margin:0 auto;
    }
}
@media print, screen and (min-width: 501px){
h2.h2_fm{
    font-size:30px;
    }
#form_area{
	padding:10px;
	width:100%;
	margin:0 auto;
	margin-top:20px;
	}
input[type="email"] ,input[type="email"] {
	width:100%;
	}
	.progressbar .item::before{
	position: absolute;
    z-index: 0;
    top: 0;
    right:76%;
    bottom: 0;
    content: '';
    border: 33px solid transparent;
    border-left: 20px solid #FFF;
    margin: auto;
    }
.progressbar .item::before{
	position: absolute;
    z-index: 0;
    top: 0;
    right:80%;
    bottom: 0;
    content: '';
    border: 33px solid transparent;
    border-left: 20px solid #FFF;
    margin: auto;
    }
    }
    
    
.b{
	font-weight:bold;
	}
.progressbar .item {
    position: relative;
    margin:0 auto;
    }
input[type="radio"]{
	height:20px;
	width:20px;
	margin-right:5px;
	} 
    
input[type="text"] ,input[type="email"] {
	background-color:#EDEDED;
	padding:7px 0 7px 10px;/* 上、右2、下、左 */
	font-size:16px;
	border:solid 1px #999999;
	border-radius:2px;
	width:100%;height:50px;
}

input[type="text"].postal-code{
	width:150px;
	}
input[type="text"].pref{
	width:200px;
	}
input[type="text"].shikuchouson{
	width:280px;
	}
input[type="text"].seinen{
	width:100px;margin-right:5px;
	}
input[type="text"].zokugara{
	width:200px;
	}
textarea{
background-color:#EDEDED;
	padding:7px 0 7px 10px;/* 上、右2、下、左 */
	width:100%;	
	border:none;
}

textarea.textarea{
scrollbar-base-color: #EDEDED;
	scrollbar-track-color: #fff8dc;
	}

.pd10{
	padding:10px;
	}

h2.h2_fm{
	color:#171C61;border-bottom:1px solid #171C61;
	padding:10px;
	line-height:1.2;
	text-align:center;
	}
	
h3{
	color:#171C61;padding:5px 0 5px 10px;
	border-left:5px solid #4ea917;
	font-size:20px;
	}
.required{
	font-weight:bold;
	padding:5px;
	}
.required:after{
	color:#FF0000;
	content:'※必須';
	margin-left:10px;
	}

#form_area{
	text-align:left;
	padding:10px;
	border-radius:10px;	
	}

#form_area div{
	padding:10px;
	}
#form_area div label{
	padding-right:10px;
	display:block;
	color:#171C61;
	font-size:18px;
	font-weight:bold;
	}
	
.center{
	text-align:center;
	}
.mg_b10{
	margin-bottom:10px;
	}
.mg_b5{
	margin-bottom:5px;
	}
#table01{	
	border-collapse:  collapse;     /* セルの線を重ねる */
	width:90%;
	}
#table01 th{
	background-color: #DDDDDD;
	border:solid 1px #CCCCCC;
	padding:5px;
	min-width:80px;
	}
.select1{
	width:140px;
	height:30px;
	background-color:#EDEDED;	
	font-size:16px;
	border:solid 1px #999999;margin-right:5px;margin-top:5px;margin-bottom:5px;
	border-radius:2px;
	}
.capt{
	margin-bottom:20px;
	}

#table01 td{	
	border:solid 1px #CCCCCC;
	padding:5px;
	}
.kakunin_zone{
	margin-top:20px;
	}
/* form-nav */

.progressbar {
  display: flex;
  flex-wrap: wrap;
}


@media screen and (max-width: 900px) {
.br-tab{
	display:block;
	}

}

@media screen and (max-width: 767px) {

}

@media print, screen and (max-width: 540px){
.f_wrap{
	flex-wrap: wrap;justify-content: space-evenly;}
.sp-none{display:none;}
.f250{width:100%;}
	
.p_wrap{display: flex;		/*flexボックスを使う指定*/
	flex-wrap: nowrap;justify-content: space-evenly;}
}

@media print, screen and (max-width: 400px){

#form_table{width:100%;
}

input[type="text"].zokugara{
	width:150px;
	}


}

/* active */


input[type="submit"]{
	padding:5px;
	width:200px;
	height:50px;
	border-radius:10px;
	background-color:#171C61;
	color:#FFF;
	font-size:16px;
	margin-bottom:10px;
	}
input[type="submit"]:hover{
	background-color:#3377BB;
	}
.blue{
	color:#171C61;
	}
.modoru{
	padding:5px;
	width:200px;
	height:50px;
	border-radius:10px;
	background-color:#389a38;
	color:#FFF;
	font-size:16px;
	margin-bottom:10px;
	}
.modoru:hover{
	background-color:#fda203;
	}
	
input[type="checkbox"] {
	width:20px;
	height:20px;
	accent-color:#171C61;
	margin-bottom:10px;
	margin-right:10px;
	vertical-align:-2px;
}
	}
input[type="radio"] {
accent-color:#171C61;
vertical-align:-2px;
}
	}
.fs16{
	font-size:16px;
	}
.mg_b{
	margin-bottom:10px;
	}

#form_table ul{
	margin-bottom:0;
	padding-bottom:0;
	}

#form_table ul li{
	border-bottom:none;
	display:inline-block;
}
	}

.send-button{
  padding-top: 10px;
  text-align: right;
}
 
.add-item{
  box-sizing: border-box;  
  background-color: #fff;
  padding:0;
  margin:0;
}
 
.form-group__title{
  margin-bottom: 0;
  font-size: 22px;
  font-weight: bold;
}
 
 
.wrap{  
  box-sizing: border-box;
  letter-spacing:0.1em;
  padding:0;
  margin:0;
}
 
.js-ff-add-button-wrap{
  text-align: center;
  padding:0;
  margin:0;
}

.js-ff-add-item-buttons{
  padding-top: 0px;
}
 
.form-group{
  margin-bottom: 0px;
  padding:0;
  margin:0;
}
 
.form-group:last-child{
  margin-bottom: 0px;
}
 
.btn{
  background-color: #389a38;
  border: none;
  color: #FFFFFF;
  width:100%;
  padding: 12px 32px;
  text-align: center;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin: 16px 0 !important;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
 
.btn.btn-red{
  background-color: #d68d8d;
}
 
.btn.btn-green{
  background-color: #8dd696;
}
 
.expendable-fields{
  background-color: #FFF;
  padding:0;
  margin:0;
}
 
.wrap{
  color:#666666;
  padding:0;
  margin:0;
} 
 
.js-ff-add{
padding:0;margin:0;
} 
.p-add_group:last-child{
  margin-bottom: 0;
}
.js-ff-add-item{
  margin-bottom: 0px;
}
.js-ff-add-item:last-child{
  margin-bottom: 0;
}
 
.js-ff-add-wrapper.__old{
  margin-bottom: 0;
}
 
.js-ff-add-item-buttons{
  text-align: center;
}
 
.js-ff-add{
padding:0;
  margin:0;
}
 
.di-textarea-tall{
  height: 120px;
}
 
.js-ff-add-item .form-group{
  margin-bottom: 0;
  padding:0;
  margin:0;
}
 
.js-ff-add-wrapper-wrapper{
  margin-bottom: 0;
  padding:0;
  margin:0;
}
 
.js-ff-add-button{
  text-align: center;
}
 
.js-ff-add-originals{
  display: none;
}

.formTable{border-collapse: collapse;}

table{
width:80%;
border-collapse: collapse;
margin:0 auto;
margin-bottom:20px;
}

th{
	padding:10px;
	border:solid 1px #BBBBBB;
	background-color:#EDEDED;
	}
td{
	padding:10px;
	border:solid 1px #BBBBBB;
	}
.fs20{
	font-size:20px;
	}
	
.pd10{
	padding:10px;
	}
.pd5{
	padding:5px;
	}
div label{
	color:#171C61;
	}
.blue{
	color:#171C61;
	}
.b{
	font-weight:bold;
	}
.br-tab{
	display:none;
	}

div.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}
div.mfp_buttons button#mfp_button_send {
}
div.mfp_buttons button#mfp_button_cancel {
}
.imagebutton {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	background: none;
}


.gyoukan{
	margin-bottom:1px;padding-bottom:0;}
	
.wd200{
	width:200px;
	}
.sonota2{width:400px;}