@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
ADD:追加cssはここに記入。style.cssは使用しない
*/

/*求人検索、事業所、申請フォーム、お問い合わせ専用CSS*/

:root{
	--color_input:#CCE9FB;
	--color_forcus:#EBF6FC
}

/*共通-------------------------------------------------*/
/*reCAPTCHAボタン非表示*/
.grecaptcha-badge { visibility: hidden; }

input.error {
  border: 2px solid #d63638 !important;
  background-color: #fff5f5;
}
.iframe-container { /*規約エリア*/
  height: 200px;
  overflow-y: auto;
	font-size:90%;
}

/*login-------------------------------------------------------*/
.form_login input,.office-entry-form input,.manager-login input{ background-color:var(--bs-light);}
.form_login input:focus,.office-entry-form input:focus{	
	border-color:var(--color_sky)!important;
	box-shadow:0 0 0 1px var(--color_sky)!important;
	outline:none!important;
}
/*添付ファイルをクリックするまで同意するチェックボックスを制御(js処理）*/
.agree_label{
  cursor:pointer;
  transition:.3s;
}
.agree_label.disabled{
  opacity:.4;
  background-color:var(--bs-border-color);
  pointer-events:none;
}
.agree_label input[type="checkbox"]{
  width:20px;
  height:20px;
}
/*同意するチェックでボタンを制御*/
#office_regist_btn.disabled{
  opacity:.4;
  pointer-events:none;
  cursor:default;
}


/*Fluent Form, acf-field共通-------------------------------------------------*/
.ff-custom-error {
  color: #d63638;
  font-size: 14px;
  margin-top: 10px;
}

/*table*/
.ff-preview-row > .ff-preview-label {
    flex: 0 0 40%;
    max-width: 420px;
}
.ff-preview-row > .ff-preview-value {
    flex: 1;
    min-width: 0;
    word-break: break-all;
}

/* 無効（グレー） */
.ff_submit_btn_wrapper button.ff-btn-submit.is-disabled {
  background-color: #ccc !important;
  border-color: #ccc !important;
  color: #666 !important;
  cursor: not-allowed;
}

/* 有効（ブルー） */
.ff_submit_btn_wrapper button.ff-btn-submit.is-active,
.acf-form-submit input[type=submit] 
{
  background-color: #007bff !important;
  border-color: #007bff !important;
  color: #fff !important;
}

.ff-default .ff-el-form-control {color:var(--cocoon-text-color)!important;}
.ff-el-section-title{font-weight:400!important;font-size:1.75rem!important;margin-top:2rem;}

/*placeholder*/
.fluentform input::placeholder,.fluentform textarea::placeholder,
.acf-field input::placeholder,.acf-field textarea::placeholder {
  color:#7A8794!important;
}
/* 通常の入力欄*/
.fluentform input:not([type="checkbox"]):not([type="radio"]),
.fluentform textarea,
.fluentform select,
.acf-field input:not([type="checkbox"]):not([type="radio"]),
.acf-field textarea,
.acf-field select
{
  padding: 18px 16px !important;
  background-color: var(--color_input) !important;
  border: 1px solid var(--color_sky) !important;
}
.fluentform select, .acf-field select{
  padding: 12px 16px !important;
}
.fluentform textarea, .acf-field textarea{
  height: 200px;
}

/* フォーカス時 */
.fluentform input:not([type="checkbox"]):not([type="radio"]):focus,
.fluentform textarea:focus,
.fluentform select:focus,
.acf-field input:not([type="checkbox"]):not([type="radio"]):focus,
.acf-field textarea:focus,
.acf-field select:focus{
  outline: none !important;
  box-shadow: none !important;
  background-color: var(--color_forcus) !important;
  border-color: #4bb2f2 !important;
}
 .fluentform input[type=checkbox], .fluentform input[type=radio],
.acf-field input[type=checkbox], .acf-field input[type=radio]{
  display:inline;
}

/*アコーディオン*/
.ff-accordion-container {border-color:var(--color_sky);}
.ff-accordion-container .ff-accordion-header{background-color:var(--color_input);}
.ff-accordion-container .ff-accordion-header.ff-accordion-header-open, .ff-accordion-container .ff-accordion-header:hover{background-color:var(--color_forcus);}

/*同意するチェック*/
.agree_terms .ff-el-input--content{
	display:flex;
	justify-content:center;
	align-items:center;
}
.agree_terms label{
		border: 1px solid var(--bs-dark-border-subtle);
	padding:20px 40px;	
  display: inline-flex;
  align-items: center;
  gap: .5em;
  cursor: pointer;
}

/*ボタン:defalt*/
.ff-default .ff_btn_style {
	border:none;
	padding:10px 20px;
	min-width:200px;
}

/*確認ボタン*/
.ff-default .ff-btn-secondary:not(.ff_btn_no_style) {
	border:none;
	padding:10px 20px;
	min-width:200px;
	text-align:center;
	border-radius: 7px;	
	line-height: 1.5;
	background-color:var(--bs-primary);
}
.ff-btn-next {	float: none !important;}
.step-nav {text-align: center;float:none; display:flex; flex-wrap:wrap; justify-content:center; gap:2px;}

/*送信ボタン*/
.fluentform .ff-step-t-container{
	justify-content:center!important;
}
.frm-fluent-form .ff-t-cell:last-of-type{flex-grow:0!important;}
.ff_submit_btn_wrapper button.ff-btn-submit.is-disabled{}

/*acf-field 戻るボタン*/
button.acf-back-button{
	padding:6px 20px;
	width:180px;
	display:block;
	margin:0 auto;
	border:1px solid var(--bs-border-color);
}

/*wp-login:wordpressデフォルトログインフォーム*/
/*管理者ログイン*/
.manager-login #loginform input[type=submit]{
	background-color:var(--color_navy);
	color:var(--bs-white);
	transition: all .3s;
}
.manager-login #loginform input[type=submit]:hover{background-color:var(--color_navy_dark);
}

/*運営管理者画面・事業管理者画面---------------------------------------------------------*/
/*管理者画面時に非表示にするクラス*/
body[class*="manager-"]  .manager_none{display:none!important;}
body[class*="office-"]  .office_none{display:none!important;}

/*管理者画面ヘッダーボタン*/
#manager_header_button ul > li > a,#office_header_button ul > li > a{
	line-height:1.4;
	padding:10px 14px;
	background-color:var(--color_navy);
	color:var(--bs-white);
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:0 0 8px 8px;
}
#office_header_button ul > li > a{background-color:var(--color_blue_dark);}
#manager_header_button ul > li > a:hover{background-color:var(--color_navy_dark);}
#office_header_button ul > li > a:hover{background-color:var(--color_blue);}

/*管理メニュー*/
.dash_btn{
	height:100%;
	min-height:10em;
display:flex;
flex-direction:column;
align-items:center;
background-color:var(--color_blue_dark);
padding:18px 10px;
border-radius:var(--border_round);
color:var(--bs-white);
line-height:1.2;
border:4px solid var(--color_blue);
}
body.manager-dashboard .dash_btn{
	background-color:var(--color_navy);
	border-color:var(--color_blue_dark);
}
.dash_btn_icon{
display:block;
width:100%;
max-width:60px;
margin-bottom:16px;
}
.dash_btn_name{font-size:1.25rem;text-align:center;}
.dash_btn.logout{
background-color:var(--bs-dark-bg-subtle);
border-color:var(--bs-dark-bg-subtle);
color:var(--cocoon-text-color);
min-height:auto;
}
.dash_btn:hover{background-color:var(--color_blue);color:var(--bs-white);border-color:var(--color_blue_dark);}
body.manager-dashboard .dash_btn:hover{background-color:var(--color_navy_dark);color:var(--bs-white);}

.dash_btn.logout:hover{background-color:var(--color_blue);color:var(--bs-white);border-color:var(--color_blue);}

/************************************
** bootstrap:レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1200px){
}
@media screen and (max-width: 1199.98px) { /*xl（ここからmobile-menu表示）*/
}
@media screen and (max-width:991.9px){/*lg*/
}
@media screen and (max-width:767.9px) {/*md: sp*/
}

@media screen and (max-width:575.9px){/*sm*/
}

/************************************
** cocoon:レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下 humbergerMenuの表示*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){	
}

/*480px以下*/
@media screen and (max-width: 480px){
}