@charset "utf-8";
/*/////////////////////////////////////////////////////////////
user2025.css

ver.2025/10/15
//////////////////////////////////////////////////////////////*/
/* =======================================
　検索サイドバー
========================================== */
.project-area.in-sidebar
  aside.search-sidebar
  .search-menu
  .search-menu-inner
  .accordion-content.open {
  max-height: 500px; /* 適切な高さに調整 */
}

/* =======================================
　ログイン画面関連
========================================== */
div.login_d{
		margin-bottom:2% !important;
}

p.d_p{
	font-size: 1.4rem !important;
	margin-top: 1% !important;
}

.p_privacy{
	font-size: 1.4rem !important;
	margin: 1% 0 2% 0 !important;
}

.terms_p_header{
	font-size: clamp(1rem, 3.8vw, 1.6rem) !important;
	font-weight: bold !important;
	text-align: center !important;
  vertical-align: middle !important;
	margin-bottom: 1% !important;
}

.terms_h2{
	margin-top: 2% !important;
	font-weight: bold !important;
	border-bottom: 1px solid #ccc !important;
}

.terms_ol{
  margin-left: 1.5em !important;
}

.terms_ol li{
  list-style: decimal !important;
}

.terms_p_footer{
	margin-top: 2% !important;
}

.logout01 .submit_btn_w{
  width: 17em !important;
}

.sp_block{
	display: none !important;
}

/* =======================================
　アンケートモーダル
========================================== */
/* 表示状態 */
.questionnaire-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none; /* 初期は非表示 */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9998;
  /* モーダル本体 */
  /* 閉じるボタン */
}
.questionnaire-modal .modal-content {
  background: #fff;
  padding: 2em;
  border-radius: 8px;
  max-width: 600px;
  transform: translateY(-50%) translateX(-50%);
  width: 90%;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
}
.questionnaire-modal .modal-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  background: none;
  border: none;
  cursor: pointer;
}
.questionnaire-modal .modal-close .closeBtn {
  width: 2em;
}
.questionnaire-modal .btn-area .submit-btn {
  padding: 15px 47px;
  font-size: 105%;
}

.questionnaire-button a {
  display: inline-block;
  width: auto !important;
}
.questionnaire-button a img {
  height: 50px;
}
.questionnaire-button a:hover {
  opacity: 0.7;
}

/* =======================================
　アンケート画面
========================================== */
.q_table_01 table tr th{
  border: 1px solid rgba(166, 185, 186, 0.3019607843) !important;
  vertical-align: top !important;
  padding: 8px 13px !important;
  font-weight: bold !important;
  width: 100% !important;
  display: block !important;
  word-break: break-all !important;
}

.q_table_01 table tr td{
  border-right: 1px solid rgba(166, 185, 186, 0.3019607843) !important;
  border-left: 1px solid rgba(166, 185, 186, 0.3019607843) !important;
  border-bottom: none !important;
  vertical-align: top !important;
  padding: 12px 13px !important;
  word-break: break-all !important;
  width: 100% !important;
  display: block !important;
}

.questionnaire_flex{
	display: flex !important;
	align-items: center !important;
  padding-left: 4rem !important;
}

.questionnaire_flex label{
	padding-left: 2.5rem !important;
}

.questionnaire_flex label input{
	margin-right: 8px !important;
}

.questionnaire_b_b{
  border-bottom: 1px solid var(--Lgray);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.questionnaire_p{
	font-size: 1.6rem !important;
	width: 10em !important;
	margin-bottom: 0 !important;
}

.questionnaire_text{
	width: calc(100% - 15em) !important;
}

.questionnaire_radio_group, .questionnaire_checkbox_group{
	display: flex !important;
	flex-wrap: wrap !important;
}

.questionnaire_radio_group label{
	padding-left: 2.4rem !important;
}

.questionnaire_radio_group label input{
	margin-right: 8px !important;
}

.questionnaire_checkbox_group label{
	padding-left: 4.9rem !important;
}

.questionnaire_checkbox_group label input{
	margin-left: 2.9rem !important;
}

.questionnaire_label{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.questionnaire_textarea{
	height: 10vw !important;
}

.questionnaire_err_msg{
	padding-left: 3rem !important;
}

/* =======================================
　その他
========================================== */
.error_txt2{
	background: #fceae6 !important;
	padding: 1em 1em 1em 3em !important;
	position: relative !important;
}

.error_txt2::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 1em;
  width: 1.5em;
  height: 1.5em;
  background: url(../images/error.svg) no-repeat center / contain;
}

.confirm_txt2{
	color: #2E7D32 !important;
	background: #f3fef3;
	padding: 1em 1em 1em 3em !important;
	position: relative !important;
}

.confirm_txt2::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 1em;
  width: 1.5em;
  height: 1.5em;
  background: url(../images/confirm.svg) no-repeat center / contain;
}

.br_pc{
	display: block;
}

.br_sp{
	display: none;
}

@media screen and (max-width: 900px){
	/* =======================================
	　ログイン画面関連
	========================================== */
  .login01 label.d_l_top{
      margin-bottom: 0 !important;
  }
  
  .login01 label.d_l_bottom{
      margin: 0 !important;
  }
  
  .sp_block{
		display: block !important;
	}
	
	.not_sp_block{
		display: none !important;
	}
	
	#gnaviList li.l_mypage p{
		background: rgba(129, 203, 217, 0.2) !important;
		padding-right: 4em;
	}
	
	.accordion-arrow{
		top: 51%;
		right: 18%;
	}
	
	#headTxt .loginArea img.scout_notice {
    width: 2em !important;
  }
	
	/* =======================================
	　検索画面
	========================================== */
	.rec-end-btn{
		width: 61% !important;
	}
  
  /* =======================================
	　アンケートモーダル
	========================================== */
  .questionnaire-modal .modal-content{
	  padding: 2em 1em 2em 1em !important;
  }
  
  .questionnaire-modal .modal-close .closeBtn{
	  width: 1.5em !important;
	}
	
	.questionnaire-modal .social-btn{
		width: 15em !important;
	}
  
  /* =======================================
	　アンケート画面
	========================================== */
  .questionnaire_flex{
	  padding-left: 2rem !important;
	}
  
	.questionnaire_p_text{
		width: 7em !important;
	}
	
	.questionnaire_p_radio{
		width: 5em !important;
	}
  
  .questionnaire_text{
		width: calc(100% - 10em) !important;
	}
  
  .questionnaire_radio_group, .questionnaire_checkbox_group{
		display: block !important;
	}
	
  .questionnaire_label{
		justify-content: flex-start !important;
	}
	
	.questionnaire_flex label{
		padding-left: 1.5rem !important;
	}
	
	.questionnaire_textarea{
		height: 20vw !important;
	}
	
	/* =======================================
	　その他
	========================================== */
	.br_pc{
		display: none;
	}
	
	.br_sp{
		display: block;
	}
}