@charset "utf-8";
@import url("../../common/css/header_2024.css");

/**========================================**/

main { padding: 86px 15px 0;}

#cat_form article {margin: 0 0 30px; font-size: 14px;}

#cat_form section {margin: 0 0 50px;}

@media screen and (max-width:1199px){
	#cat_form article,
	#cat_form section {margin: 0 0 30px;}
}

@media screen and (max-width:699px){
    main { padding: 60px 15px 0;}
}

/**========================================**/
/* パンクズリスト */
#pankuzu {font-size: 12px;}

/* パンクズリスト */
#pankuzu {box-sizing: border-box; margin: 5px 0 20px; padding: 3px 0;}

@media screen and (max-width:1024px) {
#pankuzu {
	overflow-x: scroll; white-space: nowrap;
	margin:20px 0;padding:5px;}

#pankuzu ul {display: inline-block; padding: 5px 5px 0;}

/* スクロールバーの装飾 */
#pankuzu::-webkit-scrollbar {height: 8px;}
#pankuzu::-webkit-scrollbar-track {background-color: rgba(216, 216, 216, 0.5);}
#pankuzu::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}
}


/**========================================**/
/* TOPへボタン */
#top-button {
    display: block; position: fixed; right: 0px; bottom: 85px; z-index: 1; 
    padding: 15px 10px; 
    border-radius: 8px 0 0 8px; background: #2e3071; 
    color: #FFF; font-size: 12px; font-weight: bold; line-height: 1.3em; text-align: center;}

#top-button span {display: inline-block; position: relative; padding: 0 0 0 30px;}
#top-button span:before, #top-button span:after {
	content: ''; position: absolute; top: 50%; left: 0px;}

#top-button span:before {
	width: 0; height: 0; margin: -5px 0 0 5px;
	border-style: solid; border-width: 0 6px 9px 6px; border-color: transparent transparent #fff transparent;}

#top-button span:after {
	width: 20px; height: 20px; margin: -11px 0 0;
	border: solid #fff 1px; border-radius: 10px;}


/**============================================================================================**/

/*--タイトル--*/
#cat_form h2 {
	margin: 0 0 30px; padding: 10px 0 7px;
	background: #c90000;
	color: #fff; font-size: 21px; font-weight: 600;
	text-align: center;}

/*--h3名--*/
#cat_form h3 {
    margin: 0 0 20px; padding: 0 0 5px;
	border-bottom: solid 2px #7f7f7f;
	font-size: 1.2em; font-weight: bold; line-height: 1.3em;}

/*--画像--*/
#cat_form img {max-width: 100%; height: auto;}


/**============================================================================================**/
#cat_form .dis-tbl_tab,
#cat_form .dis-tblcl01,
#cat_form .dis-tblcl02 {display: block;}

#cat_form .dis-tbl_tab {width: 100%; max-width: 740px; font-size: 14px;}

/* 項目名 */
#cat_form .dis-tblcl01 {
	padding: 0 0 5px;
	color: #333; font-weight: 600;}

#cat_form .arrow {position: relative; padding: 0 0 0 16px; font-weight: 100;}
#cat_form .arrow::before{
    content: "";
    position: absolute;
    top: 50%; left: 0;	/* 縦軸をセンタリングする */  
    transform: translateY(-50%);	/* 縦軸をセンタリングする */  
    border: solid transparent 5px; border-left: solid #ff6c00 8px;	/* 好みで色を変えてください */  
}

/* 必須 */
#cat_form .dis-tblcl01 .reqmk {
	display: inline-block;
	margin: 0 0 0 10px; padding: 2px;
	border: solid 1px #C74A4C;
	color: #C74A4C; font-weight: bold;}

/* 入力欄 */
#cat_form input,
#cat_form textarea,
#cat_form select {
	box-sizing: border-box; width: 100%; padding: 3px 8px;
	border: solid 1px #CCC; border-radius: 3px;
	color: #555; font-size: 16px;}

#cat_form input[type="text"],
#cat_form input[type="email"],
#cat_form input[type="tel"],
#cat_form select {height: 34px;}

#cat_form select[size="5"] {height: auto; margin: 0 0 10px;}

#cat_form input[type="checkbox"] {max-width: 16px; height: 16px; padding: 0; vertical-align: middle;}

#cat_form input[type="submit"] {max-width: 60px; height: auto; padding:10px; font-weight:bold;}
#cat_form input[type="submit"]:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	cursor: pointer;}

#cat_form input[type="radio"],
#cat_form select {width: auto;}

#cat_form label.select { display: inline; line-height: 2.5em; white-space: normal;}

#cat_form input[type="file"] {font-size: 14px;}

textarea#other {height: 80px;}

*[required],
.required {background: rgba(255, 221, 221, 0.7);}
*[required].dealed,
.required.dealed,
.caution {
	background: rgba(223, 240, 216, 1);}
/*--オートコンプリート用--*/
input:-webkit-autofill {box-shadow: 0 0 0px 1000px rgba(223, 240, 216, 1) inset;}

*[readonly] {
	cursor: not-allowed;
	background-color: #eee;
}


/*--入力欄の幅--*/
#cat_form input.w35 {max-width: 35px;}
#cat_form input.w350 {max-width: 350px;}
#cat_form input.w550 {max-width: 550px;}


@media screen and (max-width:699px){
	#cat_form input,
	#cat_form textarea {max-width: 100%;}

}


/**============================================================================================**/
/* 入力欄に対する説明文 */
#cat_form p {color: #737373;}
#cat_form .red {color: #d00;}

#cat_form p.ex {position: relative; padding: 0 0 0 26px;}
#cat_form p.ex:before {
	content:'例'; 
	display: inline-block; position: absolute; top: 1px; left: 0;
	padding: 5px 4px 4px; 
	border-radius: 3px; background: #999;
	color: #fff; font-size: 10px; line-height: 1.0em;}

#cat_form .attention {margin: 0 0 10px; padding: 10px; background: #eee;}
#cat_form .attention p {color: #333;}
#cat_form .attention li {list-style: disc; margin: 0 0 0 20px; color: #333;}

/*--説明文 フォーム末尾--*/
#cat_form .comment {margin: 0 0 30px; padding: 10px 0 20px; border-bottom:solid #969696 2px; line-height: 1.3em; text-align: left;}
#cat_form .help-block {display: block; margin: 5px 0 0;}

@media screen and (max-width:699px){
	#cat_form .comment {margin: 0 0 30px;}
}

/* アラート表示 */
#cat_form .alrt {display: block; margin: 5px 0 0; color: #f00;}


/*--同意ボタン--*/
#cat_form .bg label {padding: 10px 15px; background: rgba(255, 221, 221, 0.7); font-weight: 600; cursor: pointer;}

@media screen and (max-width:699px){
	#cat_form .bg label {display: block;}
}


/**============================================================================================**/
.w1000 {max-width: 1000px;}
.cover {width: 680px; margin: 0 auto;}
.ovfscl {margin: 0 0 50px;}
.cover table {width: 100%; font-size:12px; line-height:1.3em; margin-bottom:20px;}
@media screen and (max-width:699px){
	p.dis-non {display: block; font-size:12px; line-height:1.5em;}
	.ovfscl {overflow: scroll;}
}

.item-num {
	box-sizing: border-box;
	width:100%; max-width:780px; margin:0 auto 30px; padding:10px;
	border:1px solid #1C60A0;
	border-radius:10px; font-size:18px; font-weight:bold; line-height:1.8em;}


@media screen and (max-width:699px){
    #top-button { bottom: 125px;}
    .grecaptcha-badge{ margin: 0 0 45px;}
}

/* LastUp2025.03.14_kobayashi */