@charset "UTF-8";

/* ----------------------------------
 Form共通
---------------------------------- */
.forcms_block:has(.questionnaire_) { overflow-x: hidden;}
.forcms_block:has(.questionnaire_) > h2.common_headline2_ { display: none;}
.questionnaire_ { max-width: 800px; padding: 0; margin: 0 auto 100px;}
.questionnaire_ .questionnaire_box_ { padding: 80px 0 0; margin: 80px 0 0; border: none; position: relative;}
.questionnaire_ .questionnaire_box_content_ { border: none; background: none;}
.questionnaire_ .questionnaire_box_ h2.common_headline2_ {
  padding: 0;
  margin: 0 0 40px;
  border: none;
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
	line-height: 1.2;
	background: none;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.questionnaire_ .questionnaire_box_::before {
	content: '';
	width: 150vw;
	border-top: #333 1px solid;
	display: block;
	position: absolute;
	top: 0;
	left: -50vw;
}
.questionnaire_ .questionnaire_box_ input[type="text"],
.questionnaire_ .questionnaire_box_ input[type="email"],
.questionnaire_ .questionnaire_box_ textarea {
	width: 100%;
	padding: 10px 20px;
	border: #1e1e1e 1px solid;
	background-color: #efefef;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2) inset;
	font-size: 15px !important;
	font-size: 1.5rem !important;
	line-height: 1.5;
	outline: none;
}
.questionnaire_ .questionnaire_box_ select {
	width: 100%;
	padding: 12px 20px;
	margin: 0 auto;
	background-color: #fff;
	border: #333 2px solid;
	font-size: 15px !important;
	font-size: 1.5rem !important;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.questionnaire_ .questionnaire_box_ select[disabled] { background-color: #ccc; cursor: auto;}
.questionnaire_ .questionnaire_box_ p:empty { display: none;}
.questionnaire_ .questionnaire_box_ .desc_ { padding: 0; margin: 0 0 20px; border: none;}
.questionnaire_ .questionnaire_box_ table { width: 100%; border: none; display: block; background: none;}
.questionnaire_ .questionnaire_box_ table tbody { width: 100%; border: none; display: block; background: none;}
.questionnaire_ .questionnaire_box_ table tr { width: 100%; border: none; display: block; background: none;}
.questionnaire_ .questionnaire_box_ table th { width: 100%; padding: 0 0 10px; border: none; display: flex; flex-wrap: wrap; background: none;}
.questionnaire_ .questionnaire_box_ table td { width: 100%; padding: 0 0 10px; border: none; display: flex; flex-wrap: wrap; background: none;}
.questionnaire_ .questionnaire_box_ table td .small_ { width: 100%; margin: 10px 0 0; display: block;}
.questionnaire_ .questionnaire_box_ table#table_name td { font-size: 0;}
.questionnaire_ .questionnaire_box_ table#table_name td input[type="text"] { width: calc(50% - 10px); box-sizing: border-box;}
.questionnaire_ .questionnaire_box_ table#table_name td input[type="text"] + input[type="text"] { margin-left: 14px;}
.questionnaire_ .submit_ { margin: 60px 0 0; display: flex; justify-content: center; align-items: center; gap: 20px;}

@media screen and (max-width: 47.938em) {
	.questionnaire_ { max-width: 800px; padding: 0 20px; margin: 0 auto 60px;}
	.questionnaire_ .questionnaire_box_ { padding: 40px 0 0; margin: 40px 0 0;}
	.questionnaire_ .questionnaire_box_ h2.common_headline2_ { font-size: 2.2rem; font-weight: 700;}
	.questionnaire_ .questionnaire_box_ table#table_name td input[type="text"] { width: 100%;}
	.questionnaire_ .questionnaire_box_ table#table_name td input[type="text"] + input[type="text"] { margin-top: 10px; margin-left: 0;}
	.questionnaire_ .submit_ { flex-direction: column-reverse;}
}

/* ----------------------------------
 [共通ブロック] 個人情報の取扱についての同意
---------------------------------- */
/* 管理画面のみ表示 - js管理ブロック表示用 - */
body:has(.smzpreview-preview-content):has(#inc_agree_Check_wrap) #inc_agree_Check_wrap {
	height: 160px;
	border-top: #CCC 1px dashed;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
body:has(.smzpreview-preview-content):has(#inc_agree_Check) #inc_agree_Check_wrap::before { content: '「個人情報の取扱についての同意」を編集';}
body:has(.smzpreview-preview-content):has(#inc_agree_Check) #inc_agree_Check_wrap::after  { content: '※公開時このエリアは表示されません'; font-size: 12px; color: #999;}

#inc_agree_Check { margin-top: 80px; position: relative;}
#inc_agree_Check::before {
	content: '';
	width: 150vw;
	border-top: #333 1px solid;
	display: block;
	position: absolute;
	top: 0;
	left: -50vw;
}
#inc_agree_Check .agree-check-head { padding: 80px 0;}
#inc_agree_Check .agree-check-head .ttl { margin: 0 0 20px; font-size: 16px; text-align: center;}
#inc_agree_Check .agree-check-head .check { font-size: 16px; text-align: center;}
#inc_agree_Check .agree-check-head .check a { font-size: 16px; font-weight: 700; text-decoration: underline;}
#inc_agree_Check .agree-check-body { padding: 80px 0; position: relative;}
#inc_agree_Check .agree-check-body::before {
	content: '';
	width: 150vw;
	display: block;
	background: #efefef;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50vw;
	z-index: 1;
}
#inc_agree_Check .agree-check-body .ttl { margin: 0 0 20px; font-size: 16px; text-align: center; position: relative; z-index: 2;}
#inc_agree_Check .agree-check-body .ttl .red { color: #CC0033;}
#inc_agree_Check .agree-check-body img.must-icon { margin: 0 5px; vertical-align: middle;}
#inc_agree_Check .agree-check-body .inquiry-checkbox-agree { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2;}
#inc_agree_Check .agree-check-body .inquiry-checkbox-agree .inquiry-checkbox {
	padding: 10px 20px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fae5ea;
}
#inc_agree_Check .agree-check-body .inquiry-checkbox-agree .inquiry-checkbox .inquiry-checkbox-text { font-size: 16px;}
#inc_agree_Check .agree-check-body .inquiry-checkbox-agree .inquiry-checkbox input:checked + .inquiry-checkbox-text { font-weight: 700;}

input[name="regist"]:disabled { opacity: 0.3; cursor: not-allowed;}

@media screen and (max-width: 47.938em) {
	#inc_agree_Check .agree-check-head { padding: 40px 0;}
	#inc_agree_Check .agree-check-head .ttl { text-align: left;}
	#inc_agree_Check .agree-check-body { padding: 40px 0;}
	#inc_agree_Check .agree-check-body .inquiry-checkbox-agree .inquiry-checkbox { padding: 1px 20px;}
}

/* ----------------------------------
 お問い合わせ
---------------------------------- */
.pane-header .container { padding-top: 0;}
main.contents * { line-height: 2.0; letter-spacing: 0;}
main.contents .mod-sideNav-nav * { line-height: 1.5;}
main.contents .mod-button-txt { line-height: 1.4;}
main.contents .mod-link02 { line-height: 1.5;}
main.contents .icon.icon-blank { line-height: 1.0; vertical-align: middle;}
main.contents .icon.icon-arrow_right { line-height: 1.0; vertical-align: middle;}
main.contents img.must-icon { margin: 0 5px 0 0; vertical-align: middle;}

@media screen and (max-width: 47.938em) {
  main.contents .mod-head01 .mod-head01-inner,
  main.contents .mod-head01 .mod-head01-inner span { font-size: 2.2rem}
}

@media screen and (max-width: 1000px) {
	main.contents .mod-topicPath { padding: 20px 10px;}
	main.contents .mod-topicPath_sp { margin-top: 40px;}
}

/* ----------------------------------
 お問い合わせに際して
---------------------------------- */
#otoiawase { max-width: 800px; padding: 0; margin: 0 auto 100px;}