@charset "UTf-8";
.panel-body {
	background-color: var(--dark_bg_color);
	padding: 0;
}
.panel-heading-md {
	text-align: left;
	display: flex;
}
.panel-heading-md > .title {
	padding-left: 35px;
}
.modal-header {
	border-color: var(--dark_bg_color);
	background-color: var(--dark_bg_color);
}
.modal-dialog > .modal-content > .modal-header > .modal-title {
	color: #303030;
}
.modal-header >button.close {
	color: #303030;
}
#modal_dialog_btn_ok {
	background-color: var(--footer_btn_primary_bg_color);
	border-radius: 50px;
}
.modal-footer {
	border-radius: 0;
}
.glyphicon-ok:before {
    content: unset;
}
div.has_icon {
	padding-block: 0;
}
.title_image {
	width:  50px;
	height: 50px;
	border-radius: 50%;
	background-size: 50px 50px;
	margin: 10px;
}
.center_block{
	padding-inline: 20px;
}
@media (min-width: 992px)
{
	.center_block{
		max-width: 800px;
		margin: auto;
	}
}
/*--------------------------------------
	入力画面以降
---------------------------------------*/
/* 背景色 */
.bg-callout {
	background-color: var(--bg-callout_bg_color);
}
/* アラート余白調整 */
.alert {
	margin-inline: 0px;
}
/* コールアウト */
.callout {
	border-radius: 0;
	padding-inline: 0px;
	padding-block: 40px;
	border: none;
}
.callout h4 {
	background-color: var(--form_h4_bg_color);
	color: var(--form_h4_color);
}
.callout h4:before {
	margin-right: unset;
	content: unset;
}
/*  説明ブロック*/
.desc_block{
	min-height: 50px;
	padding: 10px;
	display: inline-block;
 	width: 100%;
}
/* メッセージ枠線 */
.message_block_border{
	border: 1px solid #c0c0c0;
	border-radius: 3px;
}

/* ボタン */
button.btn.btn-primary {
	background-color: var(--footer_btn_primary_bg_color);
}
button.btn.btn-default {
	background-color: #f3f1ef;
	color: #303030;
}
button.btn.footer_btn {
	min-width: 150px;
	font-family: "NotoSansJp-Medium", sans-serif;
	font-size: 16px;
	border-radius: 50px;
	margin-block: 10px;
	width: 100%;
}
.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary:active, .btn-primary.active {
	background-color: var(--footer_btn_primary_bg_color);
	border-radius: 50px;
}
.btn-info, .btn-info:focus, .btn-info.focus, .btn-info:hover, .btn-info.hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info:active, .btn-info.active {
	background-color: var(--btn_active_color);
}
.btn.btn-info.active:hover{
	background-color: var(--btn_active_color);
}
.btn-default, .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default.hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default:active, .btn-default.active {
	background-color: #f3f1ef;
	color: #303030;
	border-radius: 50px;
}
.panel-heading-md button {
	background-color: transparent;
	border: 0;
	width: 30px;
	margin-right: 5px;
}
/* form-control */
.form-horizontal .control-label,
.form-horizontal .control-form {
	text-align: left;
	margin-inline: 10px;
}
.confirm_block > .form-group {
	margin-bottom: 16px;
}
.confirm_block > .form-group >.control-label {
	border-bottom: solid 1px var(--confirm_block_border_color);
	font-size: 16px;
	font-weight: normal;
	height: 40px;
	margin-bottom: 8px;
	line-height: 2.6em;
	padding-top: 6px;
}
.form-control {
	border: 1px solid #d6d1ca;
	margin-bottom: 8px;
}
form-group > .check_btn {
	margin-bottom: 5px;
}
.form-group.no_margin_bottom {
	margin-bottom : 0px;
}
.form-group.no_margin_top {
	margin-top : 0px;
}
.form-group > .check_btn > .btn.not_active, .form-group > .check_radio > .btn.not_active, table.table > tbody > tr > td > div.grid_radio > .btn.not_active, table.table > tbody > tr > td > div.grid_check > .btn.not_active, div.rgrid > div.row > div.rgrid_check > .btn.not_active, div.rgrid > div.row > div.rgrid_radio > .btn.not_active {
	background-color: #ffffff;
	border: solid 1px #d6d1ca;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	background-color: #f3f1ef !important;
}

div.form-group.required > label.control-label:after,
div.form-group.required > div.control-label:after {
	color: var(--required_color);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--select_highlighted_bg_color);
}
.footer_btn_area {
	padding-block: 10px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.form-inline .form-control {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.footer_btn_area {
		max-width: 60%;
		margin: auto;
		margin-bottom: 20px;
	}
}
/* ブロック */
.check_agree_block {
	background-color: var(--dark_bg_color);
	min-height: 50px;
	padding-block: 10px;
	display: flex;
	width: 100%;
	justify-content: center;
}
span.help-block {
	color: #303030;
}
div.background_white {
	background-color: #ffffff;
}
.program_image {
	width: 100%;
	height: 320px;
	position: relative;
	overflow: hidden;
}
.program_image > img {
	height: 320px;
}
.program_image > div{
	position: absolute;
	top:50%;
	text-align: center;
	color: #ffffff;
	width: 100%;
	transform: translateY(-50%);
}
.program_image > div > .program_name{
	line-height: 48px;
	font-size: 24px;
}
.program_image > div > .label {
	background-color: var(--program_image_label_bg_color);
}
div.spacer {
	height:16px;
}
#reserve_simple_block > .content {
	background-color: #ffffff;
	padding-block: 20px;
	margin-bottom: 8px;
}
.wide_line_space {
	line-height: 28px;
}
.margin_top_10
{
	margin-top: 20px;
}
/* リンク */
a, a:hover, a:focus {
	color: var(--link_color_for_bg_light);
}
a.link_policy, a.link_policy:hover, a.link_policy:focus,
a.link_enquete, a.link_enquete:hover, a.link_enquete:focus{
	color: var(--link_color_for_bg_dark);
}
.glyphicon.prv {
	float: left;
}
.glyphicon.prv:before {
	content: "\e079";
}
/* メディアクエリ */
@media (max-width: 590px) {
	.program_image {
		height: 170px;
	}
	.program_image > img {
		height: 170px;
	}
}
@media (min-width:591px) and (max-width:675px){
	.program_image {
		height: 200px;
	}
	.program_image > img {
		height: 200px;
	}
}
@media (min-width:676px) and (max-width:775px){
	.program_image {
		height: 220px;
	}
	.program_image > img {
		height: 220px;
	}
}
@media (min-width:776px) and (max-width:875px){
	.program_image {
		height: 250px;
	}
	.program_image > img {
		height: 250px;
	}
}
@media (max-width: 991px)
{
	.form-horizontal .control-label:before {
		content: unset;
	}
	.form-horizontal .form-group {
		margin-bottom: 20px;
	}
}
@media (min-width: 992px)
{
	#frmMain {
		max-width: 1100px;
		margin: auto;
	}
}

/* ウィザード */
ul.nav-wizard {
    margin-top: 2em;
	width: 100%;
	display: flex;
    justify-content: space-between;
	column-gap: 8%;
}
.nav.nav-wizard:before{
	display: none;
}
.nav.nav-wizard:after{
	display: none;
}
.nav-wizard > li {
	width: 100%;
}
.nav-wizard > li > a {
	position: relative;
	background-color: #eeeeee;
	color: #999999;
}
.nav-wizard > li:not(:first-child) > a {
	padding-inline: 0px;
}
.nav-wizard > li:not(:first-child) > a:before {
	border-left: 0;
}
  .nav-wizard > li:not(:last-child) > a {
	margin-right: 0px;
  }
.nav-wizard > li:not(:last-child) > a:after {
	border: none;
	border-top: 5px solid #eeeeee;
	content: "";
	width: 50%;
	height: 0;
	top: calc(50% - 2.5px);
	left: 100%;
	transform: translateY(-50%);
	z-index: 0;
}
.nav-wizard > li:first-child > a {
	border-radius: 0;
}
.nav-wizard > li:last-child > a {
	border-radius: 0;
}
.nav-wizard > li.done:hover > a,
.nav-wizard > li:hover > a {
background-color: #eeeeee;
}
.nav-wizard > li.done:hover > a:before,
.nav-wizard > li:hover > a:before {
border-right-color: #eeeeee;
}
.nav-wizard > li.done:hover > a:after,
.nav-wizard > li:hover > a:after {
border-top-color: #eeeeee;
}
.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
	color: #ffffff;
	background-color: var(--nav_wizard_bg_color);
}
.nav-wizard > li.active > a:after {
	border-top-color: var(--nav_wizard_bg_color);
}
.nav-wizard > li.disabled > a {
  color: #777777;
}
.nav-wizard > li.disabled > a:hover,
.nav-wizard > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: #eeeeee;
  cursor: default;
}