@charset "utf-8";


/*---1024-大--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/* ------------------------------------- */
@media screen and (max-width: 1024px) {
/*----------------------------------------*/


/*----------------------------------------*/
}
/*	end case 1024px (PCサイト/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/




/*---768-中--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/


/* -------------------------------------
                   */
@media screen and (min-width: 768px)  {
/*----------------------------------------*/

.form_list a {
	width : calc(100% - 220px);
	float : left;
}

.form_list .list_form_area {
	width : 220px;
	float : right;
	padding : 10px;
}
.form_list .list_form_area .inline{
	border-radius : 6px;
	margin : 5px 0 5px;
	width : 100%;
}



/*----------------------------------------*/
}
/*	end case  (min-width: 768px) and (max-width: 1023px) 
(pad/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/

/*---767-小--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/* -------------------------------------
     case 767px (== SP)               */
@media screen and (max-width: 767px) {
/*----------------------------------------*/

.flex_search {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: .4rem;
	height:auto;
}
.flex_search .base_btn {
	margin : 0;
}




/*----------------------------------------*/
}
/*		end case 736px (スマホサイズ ここまで)
----------------------------------------*/