@charset "utf-8";

/* ===== style上書き ===== */

/**section雛形**/
main[class*="form_"] #breadcrumb + section[id*="sect_"]{margin-top: 0;}
/**下層ページタイトルセクション**/
main[class*="form_"] #sect_subttl{height:18rem;background-color: rgb(174 180 183)}
main[class*="form_"] #sect_subttl .ptitle{font-size:var(--font-LL);padding: 0;background-color: transparent;color: #fff;top:-1rem;}
/**見出し**/
main[class*="form_"] *+[class*="mid_L"],main[class*="form_"] *+[class*="mid_M"], main[class*="form_"] [class*="col_"]>* [class*="mid_L"]{}

main[class*="form_"] [class*="mid_L"] .innterm{font-size:90%;display: inline;}

/* パンくず */
main[class*="form_"] #breadcrumb{background:#eee;}
/**formページデザイン**/
.form_lead{font-weight:700;}
.form_lead+[class*="_cbox"],
.form_lead+form{margin-top:1.5rem; }
.form_lead+[class*="mid_"]{padding-top:3rem!important;}
.form_hissu{display:inline-block;margin-left: 1em;color:var(--color-red);font-size:var(--font-S);padding-bottom:0.5em;}
/**colorbox**/

main[class*="form_"] [class*="_cbox"][class*="_padS"] {padding: 1rem 2rem;}
main[class*="form_"] [class*="_cbox"][class*="_padS"][class*="Kiyaku"]{padding: 2rem;}
/**ボタン**/
main[class*="form_"] [class*="col_"] [class*="common_btn"]{font-size:var(--font-L);}
main[class*="form_"] .btn_box{padding-top: 3rem;}

/**個人正会員入会手続き**/
main[class*="form_"] .admission_initiate{}
main[class*="form_"] .lead_txt+[class*="mid_M"]{margin-top:4rem;}
main[class*="form_"] .initiate_kiyaku{border-bottom:1.5rem solid #eee; overflow: auto;width: 100%;height: 40vh;padding:1.5rem;background-color: #eee;border-radius: 0.5rem;}
main[class*="form_"] .initiate_kiyaku h3{color:var(--color-red);padding-bottom:0.5em;}
main[class*="form_"] .initiate_kiyaku p{display: block;padding:0;}
main[class*="form_"] .initiate_kiyaku p+h3,
main[class*="form_"] .initiate_kiyaku ol+h3{padding-top:1.75rem;}
main[class*="form_"] .initiate_kiyaku p+ol{padding-top:0.75em;}
main[class*="form_"] .initiate_kiyaku ol,
main[class*="form_"] .initiate_kiyaku ol li{list-style-type: decimal;list-style-position: inside;}
main[class*="form_"] [class*="_cbox"]+[class*="_cbox"]{margin:2rem 0;}
main[class*="form_"] input:disabled {background-color:#eea8a8!important;}



/* ===== index ===== */
.contact_warn{ border: 1px solid var(--color-red); text-align: center; font-size: 2rem; color: var(--color-red); padding: 0.75em 0; margin-bottom: 1em; line-height: 1.4;}
.warn_txt{}
.warn_txt strong{ font-size: 150%; color: var(--color-red); display: block; padding-bottom: 0.75em; line-height: 1.6;}
.warn_txt small{font-size: 90%; display: block; padding-top: 2em;}
.warn_txt .care_p{background: var(--color-red); color: #fff; display: block; padding: 1em; margin: 1em 0;border-radius: 0.5rem;}
.warn_txt a{}
.contact_intr + .warn_txt{ margin-top: 1.2em;}
.warn_txt + .contact_intr{ padding-top: 3em;}
.contact_intr{ font-size: 1.4rem; padding-bottom:0.5em;}
.contact_intr strong{ display: block; text-align: center; font-size: 200%; line-height: 1.2;}
.contact_message{ padding-bottom: 4em; }
.contact_shead{
	font-size: 1.6rem;
	text-align: center;
	padding: 2em 0 1em 0;
	margin-bottom: 1em;
	border-bottom: 4px solid #000000;
}
.regit_table + .contact_shead{ padding-top: 4em;}
.text_required{	color: #ff2226;}

.atten_box{ margin-top: 3rem;font-size:var(--font-S);}
input+.atten_box{margin-top:1rem;}
.atten_box p{ text-indent: -1em; margin-left: 1em; line-height: 1.4; display: block; margin-bottom: 0.5em;}
table.regit_table .atten_box{font-size: 0.9rem;}
.contact_shead + .atten_box{padding: 1em 0 1.5em 0.5em;}
.btn_box + .atten_box{margin-top: 4em; margin-bottom: 2em;}
[class*="common_btn"]+.atten_box{margin-top:0.5rem;margin-bottom:1.5rem;}

/**table**/
table.regit_table{ width: 100%; }
table.regit_table tr{}
table.regit_table th,table.regit_table td{padding: 1.25rem 0;text-align: left;vertical-align: middle;border-bottom: 1px dotted #aaa;}
table.regit_table th{ width: 25%; padding-left: 1em;}
table.regit_table td{ width: 75%; padding-right: 1em; }
table.regit_table tr:last-child th,
table.regit_table tr:last-child td,
table.regit_table tr.noline_tr th,
table.regit_table tr.noline_tr td{
	border-bottom-style: none;
	/*border-bottom-width: 4px;
	padding-bottom: 3em;*/
}
table.regit_table .requ{ color:var(--color-red); margin-left: 0.25em; font-weight: normal;}
table.regit_table + .box_btn{ padding-top: 2em; }

table.regit_table td .add_box>li .add_name{	display: block;	padding-top: 1.5em; padding-bottom: 0.5em;}
table.regit_table td .add_box>li:first-child .add_name{	padding-top: 0;}
table.regit_table td .must{display: inline-block;color: var(--color-red);margin-right: 0.25em;font-weight:700;}
#sect_lead{ background-color: #F1F1F1; padding-bottom: 20px; padding-top: 20px; }
#sect_done{ background-color: #F1F1F1; padding-bottom: 60px; padding-top: 30px; margin-bottom: 60px;}
table.regit_table + .btn_box{ padding-top: 3em;}


.done_add {	text-align: center;	background-color: #FFFFFF; padding: 1.5em;	margin: 2em 0;}
.done_add dt{ font-size: 1.4rem;}

/**お問い合わせ類で使用**/
.form_lead + .form_hajime{padding-top: 2rem;}
.form_hajime [class*="Wht"][class*="_cbox"]{height: 100%;text-align: center;}
.form_hajime .btn_box{padding-top:1rem!important;}
.form_hajime .btn_box [class*="common_btn"]{font-size:var(--font-M)!important;}
.kyozai_box{width: 100%;max-width:900px;margin: auto;}
.kyozai_box iframe{width: 100%!important;}

/* ##### responsive ##### */
@media screen and (max-width: 760px) {

	/**section雛形**/
	main[class*="form_"] #breadcrumb + section[id*="sect_"]{}
	
	/**下層ページタイトルセクション**/
	main[class*="form_"] #sect_subttl{height: 45vw;}
	main[class*="form_"] #sect_subttl .ptitle{font-size:var(--font-L);top: 0;bottom: 2.8rem;}
	
	/**見出し**/
	main[class*="form_"] *+[class*="mid_L"],main[class*="form_"] *+[class*="mid_M"], main[class*="form_"] [class*="col_"]>* [class*="mid_L"]{}
	
	/* パンくず */
	main[class*="form_"] #breadcrumb{}
	
	/**formページデザイン**/
	.form_lead{}
	.form_lead+[class*="_cbox"]{}
	.form_lead+[class*="mid_"]{padding-top:2rem!important;}
	.form_hissu{display:inline-block;margin-left: 1em;color:var(--color-red);font-size:var(--font-S);padding-bottom:0.5em;}
	
	/**colorbox**/
	main[class*="form_"] [class*="_cbox"][class*="_padS"] {padding: 0.5rem 1.5rem;}
	
	/**個人正会員入会手続き**/
	main[class*="form_"]{}
	main[class*="form_"] .lead_txt+[class*="mid_M"]{}
	main[class*="form_"] .initiate_kiyaku{}
	main[class*="form_"] .initiate_kiyaku h3{}
	main[class*="form_"] .initiate_kiyaku p{}
	main[class*="form_"] .initiate_kiyaku p+h3,
	main[class*="form_"] .initiate_kiyaku ol+h3{}
	main[class*="form_"] .initiate_kiyaku p+ol{}
	main[class*="form_"] .initiate_kiyaku ol,
	main[class*="form_"] .initiate_kiyaku ol li{}
	main[class*="form_"] [class*="_cbox"]+[class*="_cbox"]{}
	main[class*="form_"] .checkbox-regist{}
	main[class*="form_"] input:disabled {}

	.contact_intr{font-size: 1.2rem;}
	.contact_shead{font-size: 1.2rem;}
	.contact_warn{ margin-left: 5vw; margin-right: 5vw; width: 90vw; font-size: 1.5rem; }
	.warn_txt{ }
	.warn_txt strong{ font-size: 120%;}
	.contact_intr + .warn_txt{ margin-top: 1em;}
	
	/**table**/
	table.regit_table th,table.regit_table td{ width: 100%!important; display: block;}
	table.regit_table th{ padding-bottom: 0; border-bottom-style: none; padding-left: 0;}
	table.regit_table td{ padding-top: 0.5em;  padding-right: 0;}

	.community_txt .community_mid{ font-size: 1.2rem;}

	/**お問い合わせ類で使用**/
	.form_lead + .form_hajime{row-gap: 1rem;}
	.form_hajime [class*="Wht"][class*="_cbox"]{display: flex;flex-direction: column;justify-content: space-between;padding: 1rem;text-align: left;}
	.form_hajime .btn_box{padding-bottom:0!important;}
	.form_hajime .btn_box [class*="common_btn"]{padding: 0.6em 2em 0.6em 1.75em;}
	.kyozai_box{padding: 1rem;}
	.kyozai_box iframe{}

}