@charset "utf-8";

/* Webkit対応 */
.form-control::-webkit-input-placeholder{
    color: #cfcfcf;
}
/* Firefox対応 */
.form-control::-moz-placeholder{
    color: #cfcfcf;
}
/* Firefox対応 */
.form-control:-moz-placeholder{
    color: #cfcfcf;
}
/* IE対応 */
.form-control:-ms-input-placeholder{
    color: #cfcfcf;
}


.no-gutter-all > [class*='col-'] {
    padding:0;
    margin:0;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


[class*='col-'] > .panel {
	margin-bottom:20px;
	padding-bottom:0px;
	box-shadow:none;
	border-color:#eee;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* header ------------------------------------*/

header{
  margin-bottom:1em;
}

/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
	/*border-color: #007D67;*/
	transition: 0.15s linear;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #007D67;
}
.navbar-default .container-fluid i {
  color:#007D67;
}

.navbar-default .navbar-nav>.active.join>a {
  font-weight: bold;
  background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
}

.ui-menu .ui-menu-item:hover {
 /* background: rgba(0,125,103,.4);*/
}

@media screen and (max-width: 767px) {
	ul.nav.navbar-nav .join a{
		color: #333;
	}
	ul.nav.navbar-nav .join a:hover{
		color: #73BF76;
	}
}

div#page-titles.container {
  padding-top:60px;
}
@media (min-width: 768px) {
	div#page-titles.container {
		padding-top:80px;
	}
}
div#page-titles .row{
	margin-bottom: 0;
	padding: 40px 0 20px 0;
}
@media (min-width: 768px) {
	div#page-titles .row{
		margin-bottom: 0;
		padding: 40px 0 30px 0;
	}	
}


/* button ------------------------------------*/

#btn-save.btn-border.btn-success {
  color:#007D67;
  border: 2px solid #007D67;

}
#btn-save.btn-border.btn-success:hover {
  color:white;
  background-color:#007D67;
  border: 2px solid #007D67;

}
#btn-save.btn-border.btn-success:hover i{
  color:white;
}

.btn-ex-fsg {
  padding: 12px;
  font-size: 13px;
  border-radius: 8px;
  width:90%;
	max-width: 320px;
  margin-top:0.5em;
  margin-bottom:0.5em;
}
button{
	font-size: 13px !important;
}

@media (min-width: 768px) {
	.btn-ex-fsg {
		font-size: 15px !important;
	}	
	button{
		font-size: 15px !important;
	}
}




.btn-ex-fsg2 {
  padding: 0.75em 0.75em;
  border-radius: 5px;
  width:90%;
  margin-top:0.25em;
  margin-bottom:0.25em;
	/* background-image: linear-gradient(to bottom,#007D67 0,#016b57 100%); */
}


/* gly fa */
i {
  color: #007D67;
}

/* image */
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-responsive-overwrite{
    margin: 0 auto;
}

.fsg-div-margin-top{
	margin-top:1em;
}

.alert-fsg-ao {
  margin-bottom:10px;
}

/* table */
table.table-fsg-ao-input>tbody>tr>td,
table.table-fsg-ao-input>tbody>tr>th,
table.table-fsg-app-input>tbody>tr>td,
table.table-fsg-app-input>tbody>tr>th,
table.table-fsg-app-input2>tbody>tr>td,
table.table-fsg-app-input2>tbody>tr>th {
	border-top: none;
}

table.table-fsg-ao-input>tbody>tr>th,
table.table-fsg-app-input>tbody>tr>th {
	width: 30%;
	text-align: right;
	text-align: left;
	vertical-align: middle;
}

table.table-fsg-app-input2>tbody>tr>th {
	width: 20%;
	text-align: right;
	text-align: left;
	vertical-align: middle;
}

.table-fsg-ao-input tr th span>i,
.table-fsg-app-input tr th span>i  {
  font-size:120%;
}

table.th-left th {
	text-align:left !important;
}


/* form extend */

.radio {
  display: none;
}

.radio + .radio-icon:before {
  content: "\f3a6";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 22px;
}

.radio:checked + .radio-icon:before {
  content: "\f3a7";
  color: #17bcdf;
}

/*.form-group:last-child{
	margin-bottom: 0;
}*/


input[type=radio] {
    border-radius: 50%;
    background-clip: padding-box;
    background-clip: border-box;
}

input[type=radio],
input[type=checkbox] {
    display: inline-block;
    position: relative;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0px;
    margin-bottom: 0;
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 10px;
    vertical-align: middle;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-clip: padding-box;
    background-clip: border-box;
	cursor: pointer;
}
input[type=radio] {
    background-color: #FFF;
    margin:0 7px 0 0 !important;
}

input[type=radio] + label{
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
}

input[type=radio]:checked{
	background-color: #333;
}

/* check box */

/* ラベルのスタイル　*/
.chkbox label {
	padding-left:		38px;			/* ラベルの位置 */
	font-size:		150%;
	line-height:		32px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			32px;			/* ボックスの横幅 */
	height:			32px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:none;
}

img#photo-image {
 -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
	max-width: 360px;
	margin:0 auto 0.25em auto;
}

@media (max-width: 576px) {
	img#photo-image {	
		max-width: 180px;
		margin:0 auto 0.25em auto;
	}
}

.imagePreview {
    width: 100%;
    height: 500px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
}


.btn-save-block .btn-border.center-block{
	background: #fff;
	border:3px solid #8fc98f;
	padding:0.75em 0.75em;
	border-radius: 8px;
	color: #007d67;
	transition: 0.1s linear;
}
.btn-save-block .btn-border.center-block:hover,
.btn-save-block .btn-border.center-block:focus{
	background: #fbfdf8;
}

button:focus {
	outline:0;
	transform: none;
}

.str-confirm {
  /*font-size:120%;
  font-weight:bold;*/
/*  color: #0000CD;
  display: table-cell;*/
	/* font-weight:bold*/
}
span.str-confirm {
  display: inline;
}

tr.tr-border-top th,
tr.tr-border-top td {
  border-top: #EFEFEF 1px solid !important;
}

.suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 200px;
}
.suggest div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
.suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}


.color-white {
	color:white !important;
}

.webapps-panel-body table td,
.webapps-panel-body table th {
	padding:0.25em;
}
.webapps-panel-body * th {
	background-color:#efefef;
}
.webapps-panel-body * th.nw {
	white-space:nowrap;
}
.webapps-panel-body * th.th-2 {
	font-size:90%;
	font-weight:none;
	white-space:normal;
}
.webapps-panel-body * th.th-1 {
	background-color:#DCDCDC;
}

.webapps-panel-body * h3,
.webapps-panel-body * h4,
.webapps-panel-body * h5,
.webapps-panel-body * h6 {
	margin-top:0.25em;
	margin-bottom:0.25em;
}


#pagetop {
    position: fixed;
    bottom: 90px;
    right: 15px;
    background-color: #419641;
    padding: 8px;
    z-index: 9999;
}
@media screen and (min-width: 768px) {
#pagetop {
    bottom: 15px;
    right: 15px;
}	
	
}

.fa-chevron-up {
    font-size: 18px;
}

.pageTop-chevron{
    color:white;
    padding:8px;
}

#pagetop a {
  color: black;
}

/* add 210929 ----------------------*/

.btn{
	max-width: 260px;
	width: 100%;
	outline: none !important;
}
.modal-footer button{
	max-width: 180px;
	width: 100%;
	outline: none !important;
	font-size: 13px !important;
}

@media (min-width: 768px) {
	.btn{
		max-width: 300px;
		/*max-width: 260px;*/
	}
	.modal-footer button{
		font-size: 14px !important;
	}	
}

button.btn,
a.btn{
	border-radius: 3px !important;
	font-size: 14px !important;
	padding: 12px;
	margin:10px auto;
}

button{
	font-size: 13px !important;
}
@media (min-width: 768px) {
	button{
		font-size: 14px !important;
	}
}





p.lead{
	margin: 0;
}

.input-group-addon{
	cursor: pointer;
}
label.lead{
	margin-bottom: 10px;
}
.s-section{
	margin-bottom: 20px;
}
.s-section:last-child{
	margin-bottom: 0;
}

@media (max-width: 991px) {
	table.res tr,
	table.res td,
	table.res tbody{
		display: block !important;;
		width: 100% !important;
	}
}

.supplymental{
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 1.7;
}
@media (min-width: 768px) {
	.supplymental{
		font-size: 14px;
	}
}

.horizontal label{
	margin-right: 15px;
}

@media (min-width: 768px) {
	.horizontal .form-group{
		width: 50%;
		display: inline-block;
	}
}



input[type=checkbox],
input[type=radio]{
	margin-right: 7px;
}

#page-titles .row{
	margin-bottom: 0;
}

.icon_required{
	width: 40px;
	height: auto;
	vertical-align: middle;
}

.w_min{
	width: 100%;
	max-width: 80px;
}

.w_short{
	width: 100%;
	max-width: 140px;
}
.w_middle{
	width: 100%;
	max-width: 280px;
}	


/* display ----------------------------------*/

.display-none-min {
  display: none !important; }

@media screen and (min-width: 576px) {
  .display-none-min-sm {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .display-none-min-md {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .display-none-min-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .display-none-min-xl {
    display: none !important;
  }
}
.display-none-max {
  display: none !important;
}
@media screen and (max-width: 575px) {
  .display-none-max-sm {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .display-none-max-md {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .display-none-max-lg {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .display-none-max-xl {
    display: none !important;
  }
}

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

.m0{ margin:0 !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:0.5rem !important; }
.mb10{ margin-bottom:1.0rem !important; }
.mb15{ margin-bottom:1.5rem !important; }
.mb20{ margin-bottom:2.0rem !important; }
.mb30{ margin-bottom:3.0rem !important; }
.mb40{ margin-bottom:4.0rem !important; }
.mb50{ margin-bottom:5.0rem !important; }

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:0.5rem !important; }
.mt10{ margin-top:1.0rem !important; }
.mt15{ margin-top:1.5rem !important; }
.mt20{ margin-top:2.0rem !important; }
.mt30{ margin-top:3.0rem !important; }
.mt40{ margin-top:4.0rem !important; }
.mt50{ margin-top:5.0rem !important; }

.p0{ padding:0 !important; } 
.pt0{padding-top:0 !important; } 
.pb0{ padding-bottom:0 !important; }
.pb5{ padding-bottom:0.5rem !important; }
.pb10{ padding-bottom:1.0rem !important; }
.pb15{ padding-bottom:1.5rem !important; }
.pb20{ padding-bottom:2.0rem !important; }
.pb30{ padding-bottom:3.0rem !important; }
.pb40{ padding-bottom:4.0rem !important; }
.pb50{ padding-bottom:5.0rem !important; }

.pt0{ padding-top:0 !important; }
.pt5{ padding-top:0.5rem !important; }
.pt10{ padding-top:1.0rem !important; }
.pt15{ padding-top:1.5rem !important; }
.pt20{ padding-top:2.0rem !important; }
.pt30{ padding-top:3.0rem !important; }
.pt40{ padding-top:4.0rem !important; }
.pt50{ padding-top:5.0rem !important; }


 

@media (min-width: 768px) {
	/*pcにしか効かないマージン*/
	.pc_mb0{ margin-bottom:0 !important; }
	.pc_mb5{ margin-bottom:0.5rem !important; }
	.pc_mb10{ margin-bottom:1.0rem !important; }
	.pc_mb15{ margin-bottom:1.5rem !important; }
	.pc_mb20{ margin-bottom:2.0rem !important; }
	.pc_mb30{ margin-bottom:3.0rem !important; }
	.pc_mb40{ margin-bottom:4.0rem !important; }
	.pc_mb50{ margin-bottom:5.0rem !important; }

	.pc_mt0{ margin-top:0 !important; }
	.pc_mt5{ margin-top:0.5rem !important; }
	.pc_mt10{ margin-top:1.0rem !important; }
	.pc_mt15{ margin-top:1.5rem !important; }
	.pc_mt20{ margin-top:2.0rem !important; }
	.pc_mt30{ margin-top:3.0rem !important; }
	.pc_mt40{ margin-top:4.0rem !important; }
	.pc_mt50{ margin-top:5.0rem !important; }	
}

@media (max-width: 767px) {
	/*spにしか効かないマージン*/
	.sp_mb0{ margin-bottom:0 !important; }
	.sp_mb5{ margin-bottom:0.5rem !important; }
	.sp_mb10{ margin-bottom:1.0rem !important; }
	.sp_mb15{ margin-bottom:1.5rem !important; }
	.sp_mb20{ margin-bottom:2.0rem !important; }
	.sp_mb30{ margin-bottom:3.0rem !important; }
	.sp_mb40{ margin-bottom:4.0rem !important; }
	.sp_mb50{ margin-bottom:5.0rem !important; }	

	.sp_mt0{ margin-top:0 !important; }
	.sp_mt5{ margin-top:0.5rem !important; }
	.sp_mt10{ margin-top:1.0rem !important; }
	.sp_mt15{ margin-top:1.5rem !important; }
	.sp_mt20{ margin-top:2.0rem !important; }
	.sp_mt30{ margin-top:3.0rem !important; }
	.sp_mt40{ margin-top:4.0rem !important; }
	.sp_mt50{ margin-top:5.0rem !important; }
}



/* index.php ---------------------------------*/
								
@media (min-width: 768px) {
	#common-info .common-info-wrapper{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#common-info .photo-image{
		width: 20%;
	}
	#common-info .common-info{
		width: 75%;
	}
}

/* regedit.php ---------------------------------*/

@media (max-width: 767px) {
	.photo-image{
		max-width: 160px;
		margin: 0 auto;
		width: 100%;
	}
	.photo-image-wraper{
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
	#regedit #photo-image .form-group{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#regedit #photo-image .form-group *{
		clear: both;
	}
	#regedit .photo-image{
		width: 20%;
	}
	#regedit .photo-image-upload{
		width: 75%;
	}

	#regedit #photo-image .form-group:after,
	#regedit #photo-image .form-group:before {
	display:inherit;
	content: none;
	}
}

#regedit #photo-image .photo-image-upload .btn-block{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#regedit #photo-image .photo-image-upload .btn-block button{
	width:48%;
	font-size: 14px !important;
	margin:0;
}
@media (max-width: 360px) {
	#regedit #photo-image .photo-image-upload .btn-block button{
		font-size: 12px !important;
	}
}

/* app.php ---------------------------------*/		

h3 a,
h2 a{
	font-size: 14px;
	font-weight: normal;
	margin-left: 7px;
}

.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.flex .sub_text{
	padding: 0 7px;
}
.s-section.job .form-group:nth-child(3){
	/*margin-bottom: 30px;*/
}

table.no-margin,
table.no-margin th,
table.no-margin td{
	margin:0 !important;
	padding:0 !important;
}
table.no-margin th,
table.no-margin td{
	padding:0 10px 10px 0 !important;
}
table.no-margin th:last-child,
table.no-margin td:last-child{
	padding-right: 0 !important;
}
.job-wrap + .job-wrap{
	margin-top: 20px;
}
.job-wrap + .job-wrap,
.skill-wrap + .skill-wrap,
.active-wrap + .active-wrap{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px dotted #ddd;
}
@media (min-width: 768px) {
	.job-wrap + .job-wrap{
		margin-top: 30px;
	}
	.job-wrap + .job-wrap,
	.skill-wrap + .skill-wrap,
	.active-wrap + .active-wrap{
		margin-top: 30px;
		padding-top: 30px;
		border-top:1px dotted #ddd;
	}	
}

[class*="btn-remove"]{
		color: #333;
		line-height: 1;
		padding: 10px;
		font-size: 14px;
		/*border-radius: 38px;*/
		width: 80px;
		text-align: center;
		cursor: pointer;
		transition: 0.1s linear;
		background-color: #f1f1f1;
	border:2px solid #f1f1f1;
	display: inline-block;

}
[class*="btn-remove"] i{
		margin-right: 5px;
}										
.unit:first-child [class*="btn-remove"]{
	cursor: default;
	color: #bbb;
	display: none;
}
.unit:first-child td [class*="btn-remove"]{
	display: block;
}
.unit:first-child [class*="btn-remove"] i{
	color:#bbb;
}


/* change_password.php  ---------------------------------*/	

#change_password label,
#forgot_password label,
#join label,
#login label{
	margin-bottom: 10px;
	font-weight: bold;
}

/* download.php  ---------------------------------*/	

#howto ul.download-list {
	list-style: circle;
	margin:10px 0 30px 0;
	padding:0;
}

#howto ul.download-list li {
	margin:0 0 0 22px;
	padding:0;
}
#howto ul.download-list li i{
	margin-left: 3px;
}

.panel-inner{
	padding:0 10px 10px 10px;
}
.panel-inner img{
		margin-bottom: 15px;
}		

@media (min-width: 768px) {
	.panel-inner{
		padding:0 20px 20px 20px;
	}
	.panel-inner img{
			margin-bottom: 0;
	}		
}


/* terms.php  ---------------------------------*/	

#terms h3,
#terms h2{
	margin:20px 0 10px 0;
}
#terms p{
	font-size: 14px;
}

/* login.php（ログイン）  ---------------------------------*/	

@media (max-width: 767px) {
	#login .login-block{
		border-bottom:1px dotted #ddd;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) {
	#login .join-block{
		
		padding-left: 40px;
	}
	#login .login-block{
		padding-right: 40px;
		border-right:1px dotted #ddd;
	}	

}


/* index.php（マイページトップ）  ---------------------------------*/	
#mypage-top h3{
	color: #007D67;
}


@media (max-width: 767px) {
	#mypage-top .aoe-block{
		border-bottom:1px dotted #ddd;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) {
	#mypage-top .aoe-block{
		border-right:1px dotted #ddd;
		padding-right: 40px;
	}
	#mypage-top .app-block{
		padding-left: 40px;
	}	

}

/* join.php（新規アカウント登録）  ---------------------------------*/


.bg-block{
	background-color:#f0f6fb;
	padding: 15px;
	border-radius: 3px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.bg-block{
		padding: 20px;
	}	
}




/* 大枠 */

.panel-wrap{
	background-color: #fff;
	padding: 20px;
	border:1px solid #eee;
	margin-bottom: 20px;
}
@media (min-width: 576px) {
	.panel-wrap{
		padding: 20px;
	}		
}	
@media (min-width: 768px) {
	.panel-wrap{
		padding: 30px;
	}		
}
@media (min-width: 992px) {
	.panel-wrap{
		padding: 40px;
	}		
}

/* 小枠 */

.s-section{
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}
.s-section.no-border{
	border-bottom:none;
	padding-bottom: 0;
}

@media (min-width: 768px) {
	.s-section{
		padding-bottom: 40px;
		margin-bottom: 40px;
	}		
}
@media (min-width: 992px) {
	.s-section{
		padding-bottom: 40px;
		margin-bottom: 40px;
	}		
}


.s-section:last-child,
.s-section.last{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

label.control-label{
	margin-bottom: 10px;
	/*font-weight: bold;*/
}
.form-group label.control-label{
	margin-bottom: 0;
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	label.control-label{
		margin-bottom: 0;
		padding-top: 7px;
	}
}
@media (min-width: 992px) {
	label.control-label{
		margin-bottom: 0;
	}
}



/* alert */

.alert.info{
	margin:15px 0;
	padding:0;
	box-shadow: none;
}
.alert.info ul,
.alert.info li{
	margin:0;
	padding:0;
}
.alert.info li{
	list-style: circle;
	margin: 0 0 0 22px;
}
	

/* STEPバー */
.progressbar {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin:0 auto;
	margin-top: 30px;
	margin-bottom: 0;
	border:1px solid #eee;
}
.progressbar .item {
	position: relative;
	width: 33.33333%;
	text-align: center;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 13px 0;
	line-height: 1.5;
	background: #fff;
	color: #666;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	border: 37px solid transparent;
	border-left: 20px solid #fff;
	margin: auto;
}
.progressbar .item:not(:last-child)::before {
	margin-left: 1px;
	border-left-color: #f3f3f3;
}

@media screen and (max-width: 767px) {
	.progressbar .item {
			font-size: 11px;
			line-height: 1.4;
			padding: 10px 0;
	}
	.progressbar .item:not(:last-child)::before,
	.progressbar .item:not(:last-child)::after {
			border-width: 25px;
			border-left-width: 12px;
	}
}

/* active */

.progressbar .item.active {
    z-index: 1;
    background: #007d67;
    color: #FFF;
}
.progressbar .item.active:not(:last-child)::after {
    border-left-color: #007d67;
}
.progressbar .item.active:not(:last-child)::before {
    border-left: none;
}



/* 固定メニュー */



@media screen and (max-width: 767px) {
.btn-save-block.fixed{
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	z-index: 1031;
	padding: 0;
	padding: 20px 30px;
}
	.btn-save-block.fixed button.btn-border.center-block{
		max-width: inherit;
		border-top:3px solid #8fc98f;
	}
	.btn-save-block.fixed button{
		box-shadow: 0px 0px 10px -5px #888, 0px 0px 10px -5px #888, 0px 0px 15px -5px #888;
	}
	
	.btn-save-block.fixed button{
		width: 100%;
		max-width: inherit
	}
	
}

@media screen and (min-width: 768px) {
	.btn-save-block.fixed{
    position: fixed;
    z-index: 1031;
    padding: 0;		
		top: 13px;
		right: 10px;
		display: none;
	}	
	.btn-save-block.fixed{
		margin-bottom: 30px;
	}
}










/* [説明]モーダルダイアログ  ---------------------------------*/

.modal-dialog{
	
}

.modal-header h4.modal-title{
	background: none;
	background-color: none;
	text-align: center;
	color: #007D67;
	margin:0;
	padding:0;
	font-size: 16px;
}
.modal-body h2{
	margin-bottom: 20px;
	font-size: 20px;
}

@media screen and (min-width: 576px) {
	.modal-header h4.modal-title{
		font-size: 20px;
	}	
	.modal-body h2{
		font-size: 30px;
	}	
	
}

.modal-body h3{
	margin-bottom: 10px;
	font-size: 16px;
}
.modal-body h4{
	margin-top: 0;
}
.modal-body .panel-body{
	padding: 10px;
}

div.modal-body div.panel-body p{
	margin-bottom: 0;

}
.modal-footer{
	text-align: center;
}
.modal-footer button{
	margin: 0 auto;
}

.modal-dialog table{
	margin: 10px 0;
}
.modal-dialog table th,
.modal-dialog table td{
	font-size: 12px;
}
.modal-dialog table th{
	background-color: #f5f5f5;
}
@media screen and (min-width: 576px) {
	.modal-dialog table th,
	.modal-dialog table td{
		font-size: 13px;
	}	
}

.btn-container{
	margin-top: 30px;
}
@media screen and (min-width: 768px) {
		.btn-container{
		margin-top: 40px;
	}
}

/* ラジオボタン調節 ------------------*/

.form-group.radio input[type="radio"],
.form-group.checkbox input[type="checkbox"]{
	float: left;
}
.form-group.radio input[type="radio"] + label,
.form-group.checkbox input[type="checkbox"] + label{
	padding-left: 31px !important;
}

.form-group.radio:after,
.form-group.checkbox:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.form-group.radio,
.form-group.checkbox{
	display: inline-block;
}
/*\*/
* html .form-group.radio,
* html .form-group.checkbox{
	height: 1%;
}
.form-group.radio,
.form-group.checkbox{
	display: block; 
}	

/* ラジオボタン調節2 */

.form-group.cbox .control-label,
.form-group.rbox .control-label{
/*	display: flex;
	align-items: center;*/
	
}
.form-group.cbox span:first-child,
.form-group.rbox span:first-child{
	width: 31px;
	float: left;
}
.form-group.cbox span,
.form-group.rbox span{
	vertical-align: middle;
}

/* clear */

.form-group.cbox:after,
.form-group.rbox:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.form-group.cbox,
.form-group.rbox{
	display: inline-block;
}
/*\*/
* html .form-group.cbox,
* html .form-group.rbox{
	height: 1%;
}
.form-group.cbox,
.form-group.rbox{
	display: block; 
}

@media screen and (min-width: 768px) {
	#kubun,#tokutaiseido{
		display: flex;
		flex-wrap: wrap;
	}
}


/* コンテンツをふやすプラスボタン ------------------*/
.plus_button span{
	color: #333;
	line-height: 1;
	padding: 15px 10px;
	font-size: 14px;
	border-radius: 38px;
	width: 100%;
	max-width: 200px;
	text-align: center;
	cursor: pointer;
	transition: 0.1s linear;
	margin:10px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #def5f1;
}
.minus_button span{
	color: #333;
	line-height: 1;
	padding: 15px 10px;
	font-size: 14px;
	border-radius: 38px;
	width: 100%;
	max-width: 200px;
	text-align: center;
	cursor: pointer;
	transition: 0.1s linear;
	margin:10px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
}
.minus_button span i,
.plus_button span i{
	margin-right: 5px;
}
.plus_button span:hover{
	background-color: #007D67;
	color: #fff;
}
.minus_button span:hover{
	background-color: #999;
	color: #fff;
}

.plus_button span:hover i{
	color: #fff;
}
.minus_button span:hover i{
	color: #fff;
	
}

.column-nav{
	margin-top: 30px;
}
@media screen and (min-width: 576px) {
	.column-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 30px;
	}
	.column-nav div{
		width: 220px;
		text-align: center;
	}
}

.sp_title{
	display: none;
}

/* スマホ時タイトル固定 */
@media screen and (max-width: 767px) {
	.scroll_fixed{
		background-color: #007D67;
		color: #fff !important;
		font-weight: normal !important;
		padding: 5px 10px;
		position:fixed;
		font-size: 13px;
		top:60px;
		left:0;
		width: 100%;
		box-sizing: border-box;
		z-index: 1000;
		text-align: left;
		display: block;
	}
	.sp_title{
		background-color: #007D67;
		color: #fff !important;
		font-weight: normal !important;
		padding: 5px 10px;
		position:fixed;
		font-size: 13px;
		top:60px;
		left:0;
		width: 100%;
		box-sizing: border-box;
		z-index: 1000;
		text-align: left;
	}
}
@media screen and (min-width: 768px) {

	
}

/* アニメーション */

	.alert_fix{
	overflow: hidden;
	width: 100%;
	height: 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ddd;
	color: #000;
	line-height: 4em;
	opacity: 0.9;
	border-bottom: 1px #ddd solid;
	font-weight: bold;
	z-index: 1040;		
	font-size: 20px;
}
	.alert_fix.success{
		background-color:rgb(246,255,241);
	}
	.alert_fix.info{
		background-color:rgb(241,249,255);
	}	
	.alert_fix.warning{
		background-color:rgb(255,250,241);
	}	
	.alert_fix.danger{
		background-color:rgb(251,242,242);
	}

.alert-fadeout{
	position: absolute;
	top:0;
	right:0;
	width: 200px;
}