#form_table{
	width:80%;
	margin:0 auto;
	}
.wd200{
	width:200px;
	}
input[type="date"]{background:#EDEDED;border:solid 1px #999999;
	border-radius:2px;height:40px;}

input[type="text"].tel_c{max-width:250px;}

select{background:#EDEDED;border:solid 1px #999999;
	border-radius:2px;height:40px;}

input[type="checkbox"],input[type="radio"],{
  background:: #EDEDED;height:40px;
}

@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:40px;
}



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;
}
.progressbar .item {
    position: relative;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    line-height: 1.5;
    background: #BBBBBB;
    color: #FFF;
}
.progressbar .item::before,
.progressbar .item::after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 100%;
    content: '';
    border: 33px solid transparent;
    border-left: 20px solid #BBBBBB;
    margin: auto;
}
.progressbar .item::before {
    margin-left: 1px;
    border-left-color: #FFF;
}

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

}

@media screen and (max-width: 767px) {
.progressbar .item {
    font-size: 11px;
    line-height: 1.4;
    padding: 10px 0;
}

.progressbar .item {
    position: relative;
    width: 26%;margin:0 auto;
    }
.progressbar .item::before{
	right:100%;
    border-width: 25px;
    border-left-width: 12px;
    }
.progressbar .item::after {
    border-width: 25px;
    border-left-width: 12px;
}
}

@media print, screen and (max-width: 400px){
.progressbar .item {
    position: relative;
    width: 15%;margin:0 auto;
    }
#form_table{width:100%;
}

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

}

/* active */

.progressbar .item.active {
    z-index: 1;
    background: #171C61;
    color: #FFF;
}
.progressbar .item.active::after {
    border-left-color: #171C61;
}
.progressbar .item.active::before {
    border-left: none;
}
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;
	}
input[type="button"]{
	padding:5px;
	width:200px;
	height:50px;
	border-radius:10px;
	background-color:#389a38;
	color:#FFF;
	font-size:16px;
	margin-bottom:10px;
	}
input[type="button"]: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;
}
main button {
	border-radius: 5px;
	padding: 5px 10px;
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -moz-linear-gradient(top, #EEE, #CCC);
	background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
	text-shadow: 0px 2px 0px #FFF;
	font-size: 18px;
	cursor: pointer;
	outline: none;
}
.mfp_element_reset {
	color: #333;
}
main button:hover{
	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);
	box-shadow: 0px 2px 15px #CCC;
}
main button.mfp_next,button.mfp_prev {
	font-size: 14px;
}

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