@charset "utf-8";


.datepicker{
	/*
	background: #F8F8F8;
    */
	border: 2px solid #F8F8F8;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 1.4rem;
    line-height: 1.7;
	max-width:16rem;
}

.er_text{
	font-weight:bold;
	color:#e42532;
	margin-top:1rem;
	font-size: 1.3rem;
    line-height: 1.5;
}

.err-search-box{
	margin:3rem auto 0;
	padding:2rem;
	background:#ececec;
	border-radius: 0.5rem;
}

.err-search-box-title{
	font-weight:bold;
	margin:0 0 1rem 0;
}
.err-search-box .gnav-search-text{
	background:#FFF;
	padding:1rem 1.5rem;
	width:94.5%;
	text-align:left;
}
.gnav-search-submit{
	background:#232b4d;
	color:#FFF;
	padding:1rem 0rem;
	width:5%;
	text-align: center;
}
.gnav-search-submit:hover{
	opacity: 0.7;
}
.link_block .scene-link {
    display: flex;
    justify-content: center;
    margin-top: 0rem;
	margin-bottom:5rem;
}
.link_block .scene-link li {
    padding: 0 1.5rem 0 0;
}

.not_f_ttl{
	text-align:center;
	font-weight:bold;
	font-size: 2.1rem;
    line-height: 1.6;
    font-weight: bold;
    background: none;
	margin: 0 0 3rem 0;
}

.not_f_ttl em{
	font-size: 3.2rem;
	display:inline-block;
	background-image: url(../img/er_icon.png);
    background-size: 52px 42px;
    background-repeat: no-repeat;
    background-position: top 0 center;
	padding:5rem 0 0 0;
	margin:auto;
}
.under_new_block_flow.white{
	background:#FFF;
}
.onlySP{
	display:none;
}
.onlyPC{
	display:block;
}
.new_block_ttl {
    color: #FFF;
    background: rgba(35,43,77,);
    background: linear-gradient(90deg, rgba(35,43,77,1) 0%, rgba(43,89,125,1) 25%, rgba(114,106,115,1) 50%, rgba(117,130,90,1) 75%, rgba(169,124,79,1) 100%);
    padding-left: 5rem;
}
.new_block_ttl .course_low_ttl {
    background-image: url(../img/bg_img_01.png);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: right 0 center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.new_block_ttl .course_low_ttl div{
    font-size: 2.8rem;
    max-width: 1250px;
    margin: auto;
}
.under_new_block_flow{
    padding-left: 5rem;
    padding-right: 5rem;
	background:#EFF1F9;
}
.under_new_block_flow .under_new_area_flow{
    padding-top: 4rem;
    max-width: 1100px;
    margin: auto;
	padding-bottom:4rem;
}

.search_flex_first{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.search_flex_first .flex_left{
	width:60%;
	max-width:730px;
}
.search_flex_first .flex_left form{
	background:#FFF;
	position: relative;
	padding:0.7rem 1.5rem;
}
.search_flex_first .flex_left form input.input_keyword{
	width:86%;
}

.inputs input.input_keyword{
	width:100%;
	padding:0.7rem 1.5rem;
	background:#F8F8F8;
	margin:0 0 1rem 0;
}

.search_flex_first .flex_left form> input[type="submit"] {
    display: inline-block;
    padding: 0.7rem 1.5rem 0.7rem 3.5rem;
    color: #FFF;
    font-weight: bold;
    background: #F1A82C;
	position:absolute;
	right:0;
	top:0;
	background-image: url(../img/icon_img_01.png);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: left 10px center;
	transition: 0.3s ease;
}
.search_flex_first .flex_left form> input[type="submit"]:hover{
    background: #f5c26c;
	background-image: url(../img/icon_img_01.png);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: left 10px center;
}
.search_flex_first .flex_right ul{
	display: flex;
}
.search_flex_first .flex_right ul li{
	margin-left:20px;
}
.search_flex_first .flex_right .btn a {
    border-bottom: 1px solid #c1c1c1;
}
.under_new_area_flow h2{
	background-image: url(../img/icon_img_02.png);
    background-size: 2.4rem 1.6rem;
    background-repeat: no-repeat;
    background-position: left 10px center;
	line-height:1.5;
	padding:0 0 0 45px;
	margin:35px 0 20px 0;
}
.under_new_area_flow h2 em{
	font-size:2.1rem;
}
.under_new_area_flow table{
	width:100%;
	margin:0 0 5px 0;
}
.under_new_area_flow table th{
	width:20%;
	background:#D5DDF5;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding:2rem 3rem;
	font-size:1.6rem;
	line-height:1.7;
}
.under_new_area_flow table th:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border:5px solid transparent;
	border-left: 5px solid #D5DDF5;
	z-index:1;
}
.under_new_area_flow table td{
	width:80%;
	background:#FFF;
	position: relative;
	vertical-align: middle;
	padding:2rem 3rem 1rem 3rem;
	font-size:1.4rem;
	line-height:1.7;
}
.under_new_area_flow table td ul li{
	display: inline-block;
	position:relative;
	margin-bottom:1rem;
}
.under_new_area_flow table td ul li label{
	background:#F8F8F8;
	border:2px solid #F8F8F8;
	padding:0.5rem 1rem 0.5rem 3rem;
	margin-right:0.6rem;
	display:inline-block;
	position: relative;
	transition: 0.3s ease;
	font-size:1.4rem;
	line-height:1.7;
}
.under_new_area_flow table td ul li label:hover{
	background:#F0F8FF;
	border:2px solid #232D4F;
}
.under_new_area_flow table td ul li input[type=checkbox]:checked + label{
	background:#F0F8FF;
	border:2px solid #232D4F;
}
.under_new_area_flow table td ul li input[type=checkbox] {
	accent-color:#F1A82C;
}
.under_new_area_flow table td ul li input{
	position:absolute;
	top: 0;
	bottom: 0;
	left:1rem;
	margin: auto;
	z-index:1;
}
.under_new_area_flow table td ul li input[type="checkbox"]{
    display: none;
}
/* ラベルの左に表示させる正方形のボックス□ */
.under_new_area_flow table td ul li input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 1.3rem;
    height: 1.3rem;
    left: 1rem;
    top: 1rem;
	bottom:0;
	/*
	margin:auto;
    */
	border: 1px solid;
    border-color:  #B8B8B8; /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.under_new_area_flow table td ul li input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 1.1rem;
    height: 0.6rem;
	/*
    margin-top: -0.5rem;
	*/
    top:1.2rem;
	left: 1.1rem;
    transform: rotate(-45deg);
    border-bottom: 0.3rem solid;
    border-left: 0.3rem solid;
    border-color: #FFF;
}
.under_new_area_flow table td ul li input[type="checkbox"]:checked+label::before{
    border: 1px solid;
    border-color:  #F1A82C; /* 枠の色変更 お好きな色を */
    background-color: #F1A82C; /* 背景の色変更 お好きな色を */
}
.under_new_area_flow table td input.days_selector{
	background:#F8F8F8;
	border:2px solid #F8F8F8;
	transition: 0.3s ease;
	padding: 0.5rem 2rem 0.5rem 1rem;

}
.under_new_area_flow table td input.days_selector:hover{
	background:#F0F8FF;
	border:2px solid #232D4F;
}
.under_new_area_flow table td input.days_selector[type="date"]::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
.under_new_area_flow table td input.days_selector[type="date"]::-webkit-clear-button{
    -webkit-appearance: none !important;
}
.under_new_area_flow table td .calender_icon{
	position: relative;
	display: inline-block;
	margin:0 0 1rem 0;
	background: #F8F8F8;
	z-index: 0;
}
.under_new_area_flow table td .calender_icon:before {
    content: "";
    background: url(../img/calender_icon.png) left top no-repeat;
    background-size: 1.4rem 1.6rem;
    width: 1.4rem;
    height: 1.6rem;
    z-index: -1;
    display: block;
    position: absolute;
    right: 1.4rem;
    top: 1.2rem;
}
input[type=date]::-webkit-calendar-picker-indicator{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
  }
.under_new_area_flow table td input.days_selector[type="date"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
}

.under_new_area_flow table td input.days_selector[type="date"]::-webkit-clear-button{
	-webkit-appearance: none;
}

.under_new_area_flow table td input.days_selector[type="date"]{
	position: relative;
}
.under_new_area_flow table td input.days_selector[type="date"]:checked{
	background:#F0F8FF;
	border:2px solid #232D4F;
}
.under_new_block_keyword{
	padding-left: 5rem;
    padding-right: 5rem;
}
.under_new_area_keyword{
    padding-top: 4rem;
    max-width: 1100px;
    margin: auto;
	padding-bottom:12rem;
}
.under_new_area_keyword h2{
	background-image: url(../img/icon_img_02.png);
    background-size: 2.4rem 1.6rem;
    background-repeat: no-repeat;
    background-position: left 10px center;
	line-height:1.5;
	padding:0 0 0 4.5rem;
	margin:3.5rem 0 2rem 0;
}
.under_new_area_keyword h2 em{
	font-size:2.1rem;
}
.under_new_area_keyword ul li{
	display:inline-block;
	margin:0 0.6rem 1rem 0;
}
.under_new_area_keyword ul li a{
	display:inline-block;
	padding:0.5rem 2.5rem;
	background:#F2F2F2;
	border:2px solid #F2F2F2;
	transition: 0.3s ease;
	border-radius: 10rem;
	color:#2B2B2B;
}
.under_new_area_keyword ul li a:hover{
	display:inline-block;
	padding:0.5rem 2.5rem;
	background:#FFF;
	border:2px solid #F2F2F2;
}
.sp_link_bottom{
	display:none;
}
.fx_btn_block{
	position:fixed;
	width:100%;
	background:rgba(255,255,255,0.85);
	border-top:1px solid #F1A82C;
	bottom:0;
	z-index:1;
	transition: 0.3s ease;
	left:0;
	right:0;
	margin:auto;
}
.fx_btn_block .fx_main_area{
	position: relative;
	display:flex;
	align-items: center;
	justify-content: center;
	padding:2.5rem 0;
}
.fx_btn_block .fx_main_area:before{
	content: "";
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -0.9rem;
	border: 1rem solid transparent;
	border-top: 0.7rem solid #F1A82C;
}
.normal_btn_block{
	margin:4rem auto 0;
}
.fx_btn_block .fx_main_area .submitArea,
.normal_btn_block  .fx_main_area .submitArea{
	display:flex;
	align-items: center;
	justify-content: center;
}
.fx_btn_block .fx_main_area .submitArea .submitArea__result,
.normal_btn_block  .fx_main_area .submitArea .submitArea__result{
	font-weight:bold;
	font-size:1.6rem;
}
.fx_btn_block .fx_main_area .submitArea .submitArea__result .submitArea__resultNum,
.normal_btn_block  .fx_main_area .submitArea .submitArea__result .submitArea__resultNum{
	display:inline-block;
	position: relative;
	font-size:2.8rem;
	color:#222D4D;
	line-height: 1.3;
	border-bottom:4px solid #F1A82C;
	transition: 0.3s ease;
}
.fx_btn_block .fx_main_area .submitArea .submitArea__btn .u-btn,
.normal_btn_block  .fx_main_area .submitArea .submitArea__btn .u-btn{
	background: #F1A82C;
    color: #FFF;
    font-size: 1.6rem;
    padding: 1rem 5rem 1rem 7rem;
    margin: 0 0.5rem;
    background-image: url(../img/icon_img_01.png);
    background-size: 1.7rem 1.7rem;
    background-repeat: no-repeat;
    background-position: left 6rem center;
	font-weight:bold;
	width:22.5rem;
	text-align:center;
}
.fx_btn_block .fx_main_area .submitArea .submitArea__btn_save .u-btn,
.normal_btn_block  .fx_main_area .submitArea .submitArea__btn_save .u-btn{
	background:#E6E6E6;
	color:#222D4D;
	font-size:1.6rem;
	padding:1rem 2rem;
	margin:0 0.5rem;
	width:22.5rem;
	text-align:center;
}
.search_detail_block .result_area .result_list_detail_err{
	background: #FFF;
    position: relative;
    transition: 0.3s ease;
    padding: 3.5rem;
	text-align:center;
	color:#e42532;
	font-weight: bold;
}

.search_detail_block .result_area .result_list_detail a .situation_area ul.onlyPC{
	display:flex;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul.onlySP{
	display:none;
}

@media screen and (max-width: 767px) {
	.err-search-box .gnav-search-text {
		width: 77.5%;
	}
	.gnav-search-submit {
		width: 20%;
	}
	.not_f_ttl{
		font-size: 1.8rem;
		margin: 0 0 3rem 0;
		margin:0 auto 2rem;
	}
	.not_f_ttl em{
		font-size: 2.4rem;
	}
	.link_block {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-top: 0rem;
		margin-bottom: 6rem;
	}
	.link_block .scene-link {
		display: block;
		position: relative;
	}
	.link_block .scene-link a {
		display: block;
	}
	.link_block .scene-link li {
		padding: 0 0rem 0 0;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul.onlyPC{
		display:none;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul.onlySP{
		display:flex;
	}
	.under_new_area_flow table td ul li label{
		margin-right:0;
	}
	.fx_btn_block .fx_main_area:before{
		margin-left: -0.7rem;
	}
	.onlySP{
		display:block;
	}
	.onlyPC{
		display:none;
	}
	.under_new_area_flow table td .calender_icon{
		margin-bottom: 0.5rem;
	}
	.under_new_area_flow table td .calender_icon:before {
		top: 1.2rem;
	}
	.fx_btn_block{
		z-index:9001;
	}
	.fx_btn_block .fx_main_area {
		padding: 1.5rem 0;
		display:block;
	}
	.submitArea .submitArea__loading{
		display:none;
	}
	.normal_btn_block{
		margin:2rem auto 0;
	}
	.fx_btn_block .fx_main_area .submitArea{
		flex-wrap: wrap;
		justify-content:center;
		flex-flow:row wrap;
		justify-content: space-between;
		padding:0 2rem;
	}
	.normal_btn_block  .fx_main_area .submitArea{
		flex-wrap: wrap;
		justify-content:center;
		flex-flow:row wrap;
		justify-content: space-between;
	}
	.fx_btn_block .fx_main_area .submitArea .submitArea__result,
	.normal_btn_block  .fx_main_area .submitArea .submitArea__result{
		font-weight:bold;
		font-size:1.6rem;
		width:100%;
		text-align: center;
		margin-bottom:1rem;
	}
	.fx_btn_block .fx_main_area .submitArea .submitArea__result .submitArea__resultNum,
	.normal_btn_block  .fx_main_area .submitArea .submitArea__result .submitArea__resultNum{
		display:inline-block;
		position: relative;
		font-size:2.8rem;
		color:#222D4D;
		line-height: 1.3;
		border-bottom:4px solid #F1A82C;
		transition: 0.3s ease;
	}
	.fx_btn_block .fx_main_area .submitArea .submitArea__btn_save,
	.normal_btn_block  .fx_main_area .submitArea .submitArea__btn_save{
		width:48%;
	}
	.fx_btn_block .fx_main_area .submitArea .submitArea__btn,
	.normal_btn_block  .fx_main_area .submitArea .submitArea__btn{
		width:48%;
	}
	.modal .fx_btn_block .fx_main_area .submitArea .submitArea__btn,
	.modal .normal_btn_block  .fx_main_area .submitArea .submitArea__btn{
		width:100%;
	}
	.fx_btn_block .fx_main_area .submitArea .submitArea__btn .u-btn,
	.normal_btn_block  .fx_main_area .submitArea .submitArea__btn .u-btn{
		background: #F1A82C;
		color: #FFF;
		font-size: 1.4rem;
		padding: 0.8rem 3.5rem 0.8rem 6rem;
		margin: 0 0.2rem;
		background-image: url(../img/icon_img_01.png);
		background-size: 1.3rem 1.3rem;
		background-repeat: no-repeat;
		background-position: left 4rem center;
		width:100%;
	}
	.fx_btn_block .fx_main_area .submitArea .submitArea__btn_save .u-btn,
	.normal_btn_block  .fx_main_area .submitArea .submitArea__btn_save .u-btn{
		background:#E6E6E6;
		color:#222D4D;
		font-size:1.4rem;
		padding:0.8rem 1.5rem;
		margin:0 0.2rem;
		width:100%;
	}
	body.course_search #side-menu{
		bottom:-5rem;
	}
	.under_new_area_keyword ul li a {
		padding: 0.5rem 1.5rem;
	}
	.btn a:before {
		border-bottom: 1px solid #c1c1c1;
		width: calc(100%);
	}
	.sp_link_bottom{
		display:flex;
		justify-content: space-between;
	}
	.sp_link_bottom ul{
		display:flex;
		justify-content: space-between;
		width:100%;
	}
	.under_new_area_flow table td ul li {
		margin-bottom:0.5rem;
	}
	.under_new_area_flow table td ul li label{
		width:100%;
	}
	.under_new_area_flow table td ul{
		display:flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		align-items:stretch;
	}
	.under_new_area_flow table td ul li{
		width:49%;
		display: flex;
	}
	.under_new_area_flow table td ul.oneline li {
		width: 100%;
	}
	.under_new_area_flow table th:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #D5DDF5;
	}
	.under_new_area_flow table th{
		display: block;
		width: 100%;
		text-align:left;
		padding: 1rem 2rem;
	}
	.under_new_area_flow table td {
		display: block;
		width: 100%;
		padding: 2rem 1.5rem 1rem 1.5rem;
	}
	.search_flex_first .flex_left form input.input_keyword {
		width: 72%;
	}
	.search_flex_first .flex_right {
		display:none;
	}
	.search_flex_first{
		flex-wrap: wrap;
		width: 100%;
	}
	.search_flex_first .flex_left{
		width:100%;
		max-width:100%;
	}
	.under_new_block_flow .under_new_area_flow {
		padding-top: 4rem;
		max-width:100%;
		display: flex;
		flex-wrap: wrap;
	}
	.under_new_block_flow {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.new_block_ttl {
		padding-left: 2rem;
	}
	.new_block_ttl .course_low_ttl {
		background-image: url(../img/bg_img_01.png);
		background-size: 70% auto;
		background-repeat: no-repeat;
		background-position: right 0 center;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.new_block_ttl .course_low_ttl div {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	.under_new_area_flow h2{
		background-image: url(../img/icon_img_02.png);
		background-size: 2rem 1.3rem;
		background-repeat: no-repeat;
		background-position: left 1rm center;
		line-height:1.5;
		padding: 0 0 0 3.5rem;
		margin:4rem 0 1.5rem 0;
	}
	.under_new_area_flow h2 em{
		font-size: 1.8rem;
	}
	.under_new_block_keyword{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.under_new_area_keyword{
		padding-top: 4rem;
		padding-bottom:8rem;
	}
	.under_new_area_keyword h2{
		background-image: url(../img/icon_img_02.png);
		background-size: 2rem 1.3rem;
		background-repeat: no-repeat;
		background-position: left 1rm center;
		line-height:1.5;
		padding: 0 0 0 3.5rem;
		margin:0rem 0 2rem 0;
	}
	.under_new_area_keyword h2 em{
		font-size: 1.8rem;
	}
}










/*-------------------------------------結果---------------------------------------*/
.search_detail_block{
	display:flex;
	justify-content: space-between;
}
.under_new_block_flow .under_new_area_flow.search_detail_block{
	padding-bottom: 8rem;
}
.search_detail_block .result_area{
	width:81rem;
}

.search_detail_block .result_area .result_data_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 2rem 0;
}
.search_detail_block .result_area .result_data_area.end{
	justify-content: end;
}
.search_detail_block .result_area .result_data_area .arrow_block{
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.search_detail_block .result_area .result_data_area .arrow_block ul{
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.search_detail_block .result_area .result_data_area .arrow_block ul li a{
	height:4.3rem;
	width:4.3rem;
	background:#2B597B;
	display:flex;
	align-items: center;
	justify-content: center;
	color:#FFF;
	font-size:1.5rem;
	margin-left:0.5rem;
	transition: 0.3s ease;
	cursor: pointer;
}
.search_detail_block .result_area .result_data_area .arrow_block ul li a:hover{
	text-decoration:none;
	background:#497CA2;
}
.search_detail_block .result_area .result_data_area .data_block{
	display:flex;
	align-items: center;
}
.search_detail_block .result_area .result_data_area .data_block select{
	border:1px solid #DCE0EF;
	margin-left:1rem;
	background:#FFF;
	height:4.3rem;
	font-size:1.4rem;
	padding:0 4rem 0 1rem;
	position: relative;
}
.search_detail_block .result_area .result_data_area .data_block .selector{
	position: relative;
}
.search_detail_block .result_area .result_data_area .data_block .selector:before{
	content:"";
	background: url(../img/icon_img_03.png) left top no-repeat;
    background-size: 1.1rem 0.6rem;
	width:1.1rem;
	height:0.6rem;
	z-index:1;
	display:block;
	position: absolute;
    right:1.8rem;
    top: 1.8rem;
}
.search_detail_block .result_area .result_data_area .data_block p{
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.5;
}
.search_detail_block .result_area .result_data_area .data_block p em{
	font-size:3rem;
	color:#222D4D;
}





@media screen and (min-width: 768px) and (max-width: 1300px) {
	.search_detail_block .result_area {
		width: 89rem;
		max-width:810px;
	}
}

/*------------temp------------*/

.search_detail_block .result_area .result_list_detail{
	margin:0 0 1rem 0;
	position: relative;
}
.search_detail_block .result_area .result_list_detail.new:before{
	content:"";
	display:block;
	position:absolute;
	width:10rem;
	height:4rem;
	background: url(../img/new_icon.png) left center no-repeat;
    background-size: 10rem 4rem;
	top:3.8rem;
	left:-1rem;
	z-index: 1;
}
.search_detail_block .result_area .result_list_detail.new a .category_block{
	padding: 0 0 0.5rem 6rem;
}

.search_detail_block .result_area .result_list_detail a{
	display:inline-block;
	background:#FFF;
	position: relative;
	transition: 0.3s ease;
	padding:3.5rem;
}
.search_detail_block .result_area .result_list_detail a{
	transition: 0.3s ease;
	outline: 0.6rem solid #FFF;
	outline-offset: -0.6rem;
}
.search_detail_block .result_area .result_list_detail a:hover{
	outline: 0.6rem solid #A9B3CF;
	 outline-offset: -0.6rem;
	 text-decoration: none;
}

.search_detail_block .result_area .result_list_detail .extra{
	position:absolute;
	right:3rem;
	top:3rem;
	z-index:1;
}
.search_detail_block .result_area .result_list_detail .extra a{
	padding:0;
	font-size:1.5rem;
	color:#A5A5A5;
	color:#283159;
	line-height:1.3;
	background: url(../img/check_icon_on.png) left center no-repeat;
    background-size: 2.2rem 2.5rem;
	padding:1rem 0 1rem 3rem;
	outline: 0;
    outline-offset: 0;
}
.search_detail_block .result_area .result_list_detail .extra a span{
	display:inline-block;
	position: relative;
}
.search_detail_block .result_area .result_list_detail .extra a:hover{
	outline: 0;
    outline-offset: 0;
	background: url(../img/check_icon_on.png) left center no-repeat;
    background-size: 2.2rem 2.5rem;
	padding:1rem 0 1rem 3rem;
	color:#2b597b;
}
.search_detail_block .result_area .result_list_detail .extra a:hover span{
	background:linear-gradient(transparent 60%, #ECC969 60%);
}
.search_detail_block .result_area .result_list_detail a h2{
	font-size:2.1rem;
	line-height:1.6;
	font-weight:bold;
	background:none;
	padding:0;
    margin:0;
}
.search_detail_block .result_area .result_list_detail a:hover h2{
	text-decoration:underline;
}
.search_detail_block .result_area .result_list_detail a ul.category{
	margin:0.5rem 0 2rem 0;
}
.search_detail_block .result_area .result_list_detail a ul.category li{
	display:inline-block;
	font-size:1rem;
	line-height:1.2;
	padding:0.4rem 0.6rem;
	margin-right:0.2rem;
	background:#FFF;
	border-radius: 100rem;;
}
.search_detail_block .result_area .result_list_detail a ul.category li.young{
	border:1px solid #61765A;
	color:#61765A;
}
.search_detail_block .result_area .result_list_detail a ul.category li.newstaff{
	border:1px solid #998095;
	color:#998095;
}
.search_detail_block .result_area .result_list_detail a ul.category li.middle{
	border:1px solid #5AA1B2;
	color:#5AA1B2;
}
.search_detail_block .result_area .result_list_detail a ul.category li.leader{
	border:1px solid #4D8BA8;
	color:#4D8BA8;
}
.search_detail_block .result_area .result_list_detail a ul.category li.manager{
	border:1px solid #BF9755;
	color:#BF9755;
}
.search_detail_block .result_area .result_list_detail a ul.category li.corp{
	border:1px solid #BF7B7B;
	color:#BF7B7B;
}
.search_detail_block .result_area .result_list_detail a ul.category li.before{
	border:1px solid #666;
	color:#666;
}
.search_detail_block .result_area .result_list_detail a p{
	color:#2B2B2B;
	font-size:1.4rem;
	line-height:1.7;
}
.search_detail_block .result_area .result_list_detail a .price_area{
	margin:2rem 0 0 0;
	border-top:1px solid #D5DDF5;
	padding:2rem 0 2rem 0;
	color:#2B2B2B;
	display:flex;
	font-size:1.4rem;
	line-height:1.7;
	flex-wrap: wrap;
}
.search_detail_block .result_area .result_list_detail a .price_area dl{
	display:flex;
	flex-wrap: wrap;
	width:100%;
}
.search_detail_block .result_area .result_list_detail a .price_area dl dt{
	font-weight:bold;
}
.search_detail_block .result_area .result_list_detail a .price_area dl:nth-child(2){
	margin-left:0rem;
	margin-top:0.5rem;
}
.search_detail_block .result_area .result_list_detail a .situation_area{
	border-radius: 1rem;
	background:#F2F2F2;
	padding:1.5rem 2rem;
	display:flex;
}
.search_detail_block .result_area .result_list_detail a .situation_area .ttl{
	width:16%;
	font-weight:bold;
	color:#2B2B2B;
	font-size:1.4rem;
	line-height:1.7;
	padding:0.3rem 0 0 0;
}

.search_detail_block .result_area .result_list_detail a .situation_area ul{
	width:82%;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	font-size:1.4rem;
	line-height:1.7;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li{
	display:flex;
	align-items: center;
	font-size:1.4rem;
	line-height:1.2;
	margin:0.3rem 0 0.3rem 2.5rem;
	color:#2B2B2B;
	width:45%;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li em{
	font-weight:normal;
	display:flex;
	flex:1;
	width:100%;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.end{
	background:#BEBEBE;
	border:2px solid #BEBEBE;
	position: relative;
	display:flex;
	padding:0.4rem 0.8rem;
	color:#FFF;
	font-weight:bold;
	margin-right:1rem;
	font-size:1.3rem;
	width: 12rem;
    align-items: center;
    justify-content: center;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.end:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -0.7rem;
	border: 0.7rem solid transparent;
	border-left: 0.7rem solid #BEBEBE;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.accepting{
	background:#FFF;
	border:2px solid #739ED6;
	position: relative;
	display:flex;
	padding:0.4rem 0.8rem;
	color:#739ED6;
	font-weight:bold;
	margin-right:1rem;
	font-size:1.3rem;
	width: 12rem;
    align-items: center;
    justify-content: center;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.accepting:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -0.7rem;
	border: 0.7rem solid transparent;
	border-left: 0.7rem solid #739ED6;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.cancel{
	background:#95b4dc;
	border:2px solid #95b4dc;
	position: relative;
	display:flex;
	padding:0.4rem 0.8rem;
	color:#FFF;
	font-weight:bold;
	margin-right:1rem;
	font-size:1.3rem;
	width: 12rem;
    align-items: center;
    justify-content: center;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.cancel:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -0.7rem;
	border: 0.7rem solid transparent;
	border-left: 0.7rem solid #95b4dc;
}


.search_detail_block .result_area .result_list_detail a .situation_area ul li span.slightly{
	background:#c47699;
	border:2px solid #c47699;
	position: relative;
	display:flex;
	padding:0.4rem 0.8rem;
	color:#FFF;
	font-weight:bold;
	margin-right:1rem;
	font-size:1.3rem;
	width: 12rem;
    align-items: center;
    justify-content: center;
}
.search_detail_block .result_area .result_list_detail a .situation_area ul li span.slightly:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -0.7rem;
	border: 0.7rem solid transparent;
	border-left: 0.7rem solid #c47699;
}








.search_detail_block .result_area .result_list_detail a .category_block{
	border-bottom:2px solid #222D4D;
	margin:0 0 2rem 0;
	padding:0 0 0.5rem 0;
}
.search_detail_block .result_area .result_list_detail a .category_block ul{
	display:flex;
	align-items: center;
}
.search_detail_block .result_area .result_list_detail a .category_block ul li{
	margin-right:1.5rem;
}
.search_detail_block .result_area .result_list_detail a .category_block ul li span.onlines{
	font-size:1.3rem;
	color:#DF849C;
	line-height:1.3;
	background: url(../img/online_icon.png) left center no-repeat;
    background-size: 2.8rem 2.1rem;
	padding:1rem 0 1rem 3.3rem;
}
.search_detail_block .result_area .result_list_detail a .category_block ul li span.time_3{
	font-size:1.3rem;
	color:#707070;
	line-height:1.3;
	background: url(../img/icon-time-3h.svg) left center no-repeat;
    background-size: 2.6rem 2.6rem;
	padding:1rem 0 1rem 3rem;
}
.search_detail_block .result_area .result_list_detail a .category_block ul li span.time_1day{
	font-size:1.3rem;
	color:#707070;
	line-height:1.3;
	background: url(../img/icon-time-1d.svg) left center no-repeat;
    background-size: 1.9rem 2.1rem;
	padding:1rem 0 1rem 3rem;
}
.search_detail_block .result_area .result_list_detail a .category_block ul li span.time_2day{
	font-size:1.3rem;
	color:#707070;
	line-height:1.3;
	background: url(../img/icon-time-2d.svg) left center no-repeat;
    background-size: 1.9rem 2.1rem;
	padding:1rem 0 1rem 3rem;
}

.search_detail_block .result_area .result_list_detail a .category_block ul li span.time_4day{
	font-size:1.3rem;
	color:#707070;
	line-height:1.3;
	background: url(../img/icon-time-4d.svg) left center no-repeat;
    background-size: 1.9rem 2.1rem;
	padding:1rem 0 1rem 3rem;
}

.search_detail_block .result_area .result_list_detail a .category_block ul li span.time_3day{
	font-size:1.3rem;
	color:#707070;
	line-height:1.3;
	background: url(../img/icon-time-3d.svg) left center no-repeat;
    background-size: 1.9rem 2.1rem;
	padding:1rem 0 1rem 3rem;
}





.search_detail_block .search_area{
	max-width:25rem;
	position:relative;
}
.search_detail_block .search_area .ttls_key{
	color:#222D4D;
	font-size:1.6rem;
	line-height: 1.6;
	font-weight:bold;
	background-image: url(../img/icon_img_02.png);
    background-size: 1.6rem 1.1rem;
    background-repeat: no-repeat;
	padding:0 0 0 2.3rem;
    background-position: left 0rem center;
	margin:3rem 0 1rem 0;
}
.search_detail_block .search_area .keywords__input form {
    background: #FFF;
    position: relative;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size:1.3rem;
	line-height:1.5;
}
.search_detail_block .search_area .keywords__input form input.input_keyword {
    width: 78%;
}
.search_detail_block .search_area .ttls{
	background:#D5DDF5;
	text-align: center;
	font-weight:bold;
	color:#222D4D;
	font-size:1.6rem;
	line-height:1.6;
	padding:1rem 0;
	position: relative;
}
.search_detail_block .search_area .keywords__input form input[type="submit"] {
    display: inline-block;
    padding: 0.5rem 1rem 0.5rem 1rem;
    color: #FFF;
	font-size:1.3rem;
	line-height:1.5;
    font-weight: bold;
    background: #F1A82C;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s ease;
}
.search_detail_block .search_area .keywords__input form input[type="submit"]:hover{
    background: #f5c26c;
}
.search_detail_block .search_area .ttls:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top: 7px solid #D5DDF5;
	z-index: 1;
}
.search_detail_block .search_area .normal_btn_block{
	/*
	position:absolute;
	bottom:0;
	*/
	margin:0 auto 0;
}
.search_detail_block .search_area .normal_btn_block .fx_main_area{
    width: 100%;
    background: rgba(255,255,255,0.85);
    border-top: 1px solid #F1A82C;
    transition: 0.3s ease;
	position:relative;
	padding:1rem 0 2rem 0;
}
.search_detail_block .search_area .normal_btn_block .fx_main_area:before{
	content: "";
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -7px;
	border: 7px solid transparent;
	border-top: 7px solid #F1A82C;
}
.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea{
	flex-wrap: wrap;
}

.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__result{
	font-size: 1.5rem;
}
.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__result .submitArea__resultNum {
    display: inline-block;
    position: relative;
    font-size: 2.4rem;
    color: #222D4D;
    line-height: 1.3;
    border-bottom: 4px solid #F1A82C;
    transition: 0.3s ease;
}
.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__btn_save{
	display:none;
}
.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__btn .u-btn{
    font-size: 1.5rem;
	line-height:1.5;
    padding: 1rem 5rem 1rem 7rem;
    margin: 0 0.5rem;
    background-image: url(../img/icon_img_01.png);
    background-size: 1.7rem 1.7rem;
    background-repeat: no-repeat;
    background-position: left 4rem center;
	margin:1rem auto 0;
}
.search_detail_block .search_area table th{
	display:block;
	width:100%;
	background:none;
	padding:1.5rem 2rem 0 2rem;
	background:#FFF;
	text-align:left;
	font-size:1.4rem;
}
.search_detail_block .search_area table th:before{
	content:none;
}
.search_detail_block .search_area table td{
	display:block;
	width:100%;
	padding:0.5rem 2rem 2rem 2rem;
}
.search_detail_block .search_area table td.ac{
	padding: 0rem 2rem 0rem 2rem;
}
.search_detail_block .search_area table td ul li input[type=checkbox]:checked + label {
    background: none;
    border:none;
	padding: 0rem 0rem 0rem 2rem;
}
.search_detail_block .search_area table td ul li label {
	background: none;
    border:none;
	padding: 0rem 0rem 0rem 2rem;
    margin-right: 0rem;
}
.search_detail_block .search_area table td ul li {
    margin-bottom: 0.5rem;
	font-size:1.3rem;
	width:100%;
	line-height:1.8;
}
.search_detail_block .search_area table td ul li input[type="checkbox"]+label::before {
    left: 0rem;
}
.search_detail_block .search_area table {
    width: 100%;
    margin: 0 0 1px 0;
}
.search_detail_block .search_area table td ul li input[type="checkbox"]:checked+label::after {
    left: 0.1rem;
}

.search_detail_block .search_area table td ul li input[type="checkbox"]+label::before{
	margin:0;
	top:0.6rem;
}
.search_detail_block .search_area table td ul li input[type="checkbox"]:checked+label::after {
    left: 0.1rem;
	margin:0;
	top:0.9rem;
}
.search_detail_block .search_area table td .skill_ttl{
	padding: 1.5rem 2rem 0 0rem;
    background: #FFF;
    text-align: left;
    font-size: 1.4rem;
	font-weight:bold;
	cursor: pointer;
	background: url(../img/icon_plus.png) right center no-repeat;
    background-size: 1.8rem 1.8rem;
	padding:1rem 0 1rem 0rem;
}
.search_detail_block .search_area table td .skill_ttl.selected{
	padding: 1.5rem 2rem 0 0rem;
    background: #FFF;
    text-align: left;
    font-size: 1.4rem;
	font-weight:bold;
	cursor: pointer;
	background: url(../img/icon_off.png) right center no-repeat;
    background-size: 1.8rem 1.8rem;
	padding:1rem 0 1rem 0rem;
}
.search_detail_block .search_area table td .oneline{
	display:block;
	padding:0 0 2rem 0;
}

.under_new_area_flow .search_area table td input.days_selector{
	font-size:1.4rem;
	line-height: 1.7;
}
.under_new_area_flow .search_area table td .calender_icon:before {
    top: 1.2rem;
}
.under_new_area_flow .search_area table td input.days_selector:first-of-type{
	margin:0 0 0.5rem 0;
}
.search_detail_block .result_area .result_list_detail a .more_sp_only{
	display: none;
}


.search_area .pc_seach{
	display:block;
}
.search_area .modalSearch {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0;
    background:none;
}

.search_area .modalSearch table {
    border: none;
	background:#FFF;
}
.search_area .modalSearch .submitArea{
	width:100%;
    padding: 0px;
    margin: 0px;
    background:none;
}
.search_area .sp_pop_btn{
	display:none;
}
.search_detail_block .search_area .ttls .modal__close{
	display:none;
}

.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__btn .u-btn {
	width:100%;
}
.search_detail_block .search_area .normal_btn_block.fxd{
	margin: 0 auto 0;
	position: fixed;
	bottom: 0;
	width:100%;
	z-index: 9001;
	max-width:25rem;
	transition: 0.3s ease;
}

@media screen and (max-width: 767px) {
	.search_detail_block .result_area .result_data_area.end{
		margin:0 0 4rem 0;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul li{
		width: 100%;
	}
	.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea{
		justify-content: center;
		padding:0 1.5rem;
	}
	.search_detail_block .search_area .modal .normal_btn_block .fx_main_area .submitArea{
		padding:0 1.5rem;
	}
	.search_detail_block .search_area .keywords__input form input.input_keyword {
		width: 82%;
	}
	.search_detail_block .search_area .normal_btn_block .fx_main_area {
		padding: 1.5rem 0;
	}
	.search_detail_block .search_area .normal_btn_block{
		display:block;
	}
	.search_detail_block .search_area .normal_btn_block.fxd{
		margin: 0 auto 0;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9001;
		left:0;
		max-width:100%;
	}
	.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__result .submitArea__resultNum {
		font-size: 2.1rem;
	}
	.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__result {
		width:auto;
		font-size: 1.4rem;
		margin-bottom:0;
		margin-right:1rem;
	}
	.search_area .sp_pop_btn{
		display:block;
		width:100%;
	}
	.search_area .sp_pop_btn a{
		display:block;
		background:#F1A82C;
		text-align:center;
		font-size:1.4rem;
		line-height:1.7;
		padding:1rem 2rem;
		font-weight:bold;
		color:#FFF;
	}
	.search_area .sp_pop_btn span{
		display:inline-block;
		background: url(../img/icon_img_01.png) left center no-repeat;
		background-size: 1.4rem 1.4rem;
		padding:0 1rem 0 2rem;
	}
	.search_area .pc_seach{
		display:none;
	}
	.search_detail_block .result_area {
		width:100%;
		max-width:100%;
	}.search_detail_block .search_area {
		width:100%;
		max-width:100%;
		position: relative;
	}
	.search_detail_block .result_area .result_data_area {
		flex-wrap: wrap;
	}
	.search_detail_block .result_area .result_data_area .data_block{
		justify-content: space-between;
		width:100%;
	}
	.search_detail_block .result_area .result_data_area .data_block p {
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.search_detail_block .result_area .result_data_area .data_block p em {
		font-size: 2.4rem;
	}
	.search_detail_block .result_area .result_data_area .arrow_block {
		margin-top:1rem;
		width:100%;
		justify-content: flex-end;
	}
	.search_detail_block .result_area .result_data_area .arrow_block ul li a {
		height: 3rem;
		width: 3rem;
		font-size: 1.4rem;
		margin-left: 0.5rem;
		transition: 0.3s ease;
	}
	.under_new_area_flow.search_detail_block{
		padding-top: 2rem;
	}
	.search_detail_block .result_area .result_list_detail.new:before {
		width: 6rem;
		height: 2.6rem;
		background: url(../img/new_icon_sp.png) left center no-repeat;
		background-size: 6rem 2.6rem;
		top:-1em;
		left: -1rem;
		z-index: 1;
	}
	.search_detail_block .result_area .result_list_detail a {
		outline: 0.3rem solid #FFF;
		outline-offset: -0.3rem;
		padding:3rem 1.8rem 1.8rem 1.8rem;
	}
	.search_detail_block .result_area .result_list_detail a:hover {
		outline: 0.3rem solid #A9B3CF;
		outline-offset: -0.3rem;
		text-decoration: none;
	}
	.search_detail_block .result_area .result_list_detail.new a .category_block {
		padding: 0 0 0.5rem 0rem;
		margin:0 0 1rem 0;
	}
	.search_detail_block .result_area .result_list_detail .extra {
		right: 2rem;
		top: auto;
		z-index: 1;
		bottom: 1.6rem;
	}
	.search_detail_block .result_area .result_list_detail a h2 {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.search_detail_block .result_area .result_list_detail a ul.category {
		margin: 0.5rem 0 0.5rem 0 !important;
	}
	.search_detail_block .result_area .result_list_detail a ul.category li {
		margin-bottom:0.3rem;
		margin-right: 0.1rem;
	}
	.search_detail_block .result_area .result_list_detail a p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.search_detail_block .result_area .result_list_detail a .price_area {
		margin: 1rem 0 0 0;
		border-top: 1px solid #D5DDF5;
		padding: 1rem 0 1rem 0;
		display: flex;
		font-size: 1.3rem;
		line-height: 1.6;
		flex-wrap: wrap;
	}
	.search_detail_block .result_area .result_list_detail a .price_area dl{
		width:100%;
	}
	.search_detail_block .result_area .result_list_detail a .price_area dl dt{
		display:inline-block;
	}
	.search_detail_block .result_area .result_list_detail a .price_area dl dd{
		display:inline-block;
	}
	.search_detail_block .result_area .result_list_detail a .price_area dl:nth-child(2) {
		margin-left: 0rem;
		margin-top:0.5rem;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area {
		padding: 1.2rem 1.5rem;
		flex-wrap: wrap;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area .ttl {
		width: 100%;
		padding: 0rem 0 0.5rem 0;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul {
		width: 100%;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul li {
		font-size: 1.4rem;
		line-height: 1.2;
		margin: 0.3rem 0 0.3rem 0rem;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul li span{
		line-height:1.3;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul li span.end{
		width: 12rem;
    	text-align: center;
		justify-content: center;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul li span.accepting{
		width: 12rem;
    	text-align: center;
		justify-content: center;
	}
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(2),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(3),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(4),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(5),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(6),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(7),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(8),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(9),
	.search_detail_block .result_area .result_list_detail a .situation_area ul li:nth-child(10){
		display:none;
	}

	.search_detail_block .result_area .result_list_detail a .more_sp_only{
		display:inline-block;
		background:#222D4D;
		color:#FFF;
		font-size:1.4rem;
		line-height:1.7;
		text-align: center;
		width:50%;
		margin:1.5rem 0 0 0;
		padding:0.6rem 0;
		font-weight:bold;
	}
	.search_detail_block .result_area .result_list_detail a .more_sp_only span{
		display: inline-block;
		background: url(../img/arow_sp_icon.png) right center no-repeat;
		background-size: 1.4rem 1.1rem;
		padding:0rem 2rem 0rem 0rem;
	}
	.search_detail_block .result_area .result_list_detail {
		margin: 0 0 2rem 0;
		position: relative;
	}

	.search_area .modal table {
		width:100%;
	}
	.search_area .modal table td ul li {
		margin-bottom: 0.5rem;
		width: 49%;
	}
	.search_area .modal table td ul li label{
		background: #F8F8F8;
		border: 2px solid #F8F8F8;
		padding: 0.5rem 1rem 0.5rem 3rem;
		margin-right: 0.6rem;
		display: inline-block;
		position: relative;
		transition: 0.3s ease;
		font-size: 1.4rem;
    	line-height: 1.5;
	}
	/*
	.search_area .modal table td ul li input[type="checkbox"]+label::before {
		margin: auto;
		left: 1rem;
    	top: 0;
	}
	.search_area .modal table td ul li input[type="checkbox"]:checked+label::after {
		left: 1.1rem;
    	margin: auto;
    	top: 1.2rem;
	}
	*/
	.search_area .modal table td ul li input[type=checkbox]:checked + label {
		background: #F0F8FF;
    	border: 2px solid #232D4F;
		padding: 0.5rem 1rem 0.5rem 3rem;
	}
	.search_area .modal table td {
		padding: 1.5rem 1.5rem 1rem 1.5rem;
	}
	.search_area .modal table td ul.oneline li {
		margin-bottom: 0.5rem;
		width: 100%;
	}
	.search_area .modal table td ul{
		display:flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.search_area .modal table td ul li input[type="checkbox"]+label::before {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 1.3rem;
		height: 1.3rem;
		left: 1rem;
		top: 1rem;
		bottom: 0;
		/*
		margin: auto;
		*/
		border: 1px solid;
		border-color: #B8B8B8;
		background-color: #FFF;
	}
	.search_area .modal table .checkboxList li {
		display: inline-block;
		display:flex;
		width:50%;
	}

	.search_area .modal table td ul li input[type="checkbox"] {
		display: none;
	}
	.search_area .modal table td ul li input[type=checkbox] {
		accent-color: #F1A82C;
	}
	.search_area .modal table td ul li input {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1rem;
		margin: auto;
		z-index: 1;
	}
	.search_area .modal table td ul li input[type="checkbox"]:checked+label::before {
		border: 1px solid;
		border-color: #F1A82C;
		background-color: #F1A82C;
	}
	.search_area .modal table td ul li input[type="checkbox"]:checked+label::after {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 1.1rem;
		height: 0.6rem;
		/*
		margin-top: -0.5rem;
		*/
		top:1.2rem;
		left: 1.1rem;
		transform: rotate(-45deg);
		border-bottom: 0.3rem solid;
		border-left: 0.3rem solid;
		border-color: #FFF;
	}
	.search_area .modal table td ul li label {
		width: 100%;
	}
	.search_area .modal table th {
		display: block;
		width: 100%;
		text-align: left;
		padding: 1rem 1.5rem;
		background: #D5DDF5;
		position: relative;
		vertical-align: middle;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.search_area .modal table th:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #D5DDF5;
		margin-top: -5px;
	}

	.search_area .modal table td .calender_icon {
		position: relative;
		display: inline-block;
	}
	.search_area .modal table td .calender_icon {
		margin-bottom: 0.5rem;
	}
	.search_area .modal table td .calender_icon:before {
		content: "";
		background: url(../img/calender_icon.png) left top no-repeat;
		background-size: 1.4rem 1.6rem;
		width: 1.4rem;
		height: 1.6rem;
		z-index: 1;
		display: block;
		position: absolute;
		right: 1.4rem;
		top: 1.2rem;
	}
	.search_area .modal table td .calender_icon:before {
		top: 1.2rem;
	}
	.search_area .modal table td input.days_selector[type="date"] {
		position: relative;
	}
	.search_area .modal table td input.days_selector {
		background: #F8F8F8;
		border: 2px solid #F8F8F8;
		transition: 0.3s ease;
		padding: 0.5rem 2rem 0.5rem 1rem;
	}
	.search_area .modal table td.ac{
		padding:0;
	}
	.search_area .modal table td .skill_ttl{
		display: block;
		width: 100%;
		text-align: left;
		/*
		background:#D5DDF5 url(../img/icon_plus.png) right 1.5rem center no-repeat;
		background-size: 1.8rem 1.8rem;
		*/
		background:#D5DDF5;
		padding:1rem 1.5rem 1rem 1.5rem;
		position: relative;
		vertical-align: middle;
		font-size: 1.4rem;
		line-height: 1.5;
		font-weight:bold;
	}
	.search_area .modal table td .skill_ttl:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #D5DDF5;
		margin-top: -5px;
	}
	.search_area .modal table td ul.oneline{
		padding:1.5rem 1.5rem 1.5rem 1.5rem;
	}
	.search_detail_block .search_area .ttls{
		border-bottom:1px solid #FFF;
		background:#FFF;
		text-align: left;
		padding: 1.5rem 1.5rem 1.5rem 4.5rem;
		background-image: url(../img/icon_img_02.png);
		background-size: 2rem 1.3rem;
		background-repeat: no-repeat;
		background-position: left 1.5rem center;
		position: relative;
	}
	.search_detail_block .search_area .ttls .modal__close{
		position:absolute;
		right:1.5rem;
		top:1.5rem;
		z-index:1;
		width:3rem;
		height:3rem;
	}
	.search_detail_block .search_area .ttls:before{
		content:none;
	}
	/* モーダル表示時に背景固定 */
	body.fixed {
		position: fixed;
		left: 0;
	}
	.content {
		display: none;/* 初期状態 */
		position: fixed;
		top: 0;
		width: 100%;/* モーダルは画面いっぱいに */
		height: 100vh;/* モーダルは画面いっぱいに */
		left:0;
		z-index: 99999;
	}
	.overlay {
		width: 100%;/* 黒背景も画面いっぱいに */
		height: 100vh;/* 黒背景も画面いっぱいに */

		background-color: rgba(0, 0, 0, 0.5);
	}
	/* 配置関連。モーダル自体とは関係なし */
	.modal {

		position: absolute;
		background-color: #fff;
		/*
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
		height:95%;
		overflow-y: scroll;
		height:calc(100% - 7rem;)
				*/
		top:2rem;
		left:0;
		right:0;
		width:90%;
		height:83%;
		margin:auto;
		overflow-y: scroll;
		/*
		height:calc(100% - 11rem);
		*/
	}
	.search_detail_block .search_area .ttls .modal__close {
		display:block;
	}
	.search_detail_block .search_area .ttls_key{
		margin:2rem 0 1rem 0;
	}
	.search_detail_block .search_area .normal_btn_block .fx_main_area .submitArea .submitArea__btn .u-btn {
		margin:0rem auto 0;
	}
	.search_detail_block .search_area .normal_btn_block .fx_main_area:before {
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top:10px solid #F1A82C;
	}

	.search_detail_block .search_area .modal .normal_btn_block .fx_main_area .submitArea .submitArea__btn .u-btn {
		background-position: left 10rem center;
	}

	.search_detail_block .result_area .result_list_detail .extra a{
		background:none;
		padding: 1rem 1rem 1rem 1rem;
		font-size:1.4rem;
		color:#222D4D;
	}
	.search_detail_block .result_area .result_list_detail .extra a:hover{
		background:none;
		padding: 1rem 1rem 1rem 1rem;
		color:#222D4D;
	}
	.search_detail_block .result_area .result_list_detail .extra a:hover span {
		background: none;
	}
	.search_detail_block .result_area .result_list_detail .extra a:hover{
		color: #A5A5A5;
	}
}

