@charset "euc-jp";
@import url("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 {bottom: 85px;}
#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;
	background: #c90000;
	color: #fff; font-size: 21px; font-weight: 600;
	text-align: center;}


/*--h3名--*/
#cat_form h3 {position: relative; margin: 0 0 20px; padding: 0 0 0 25px; font-size: 15px;}
/*--h3番号--*/
#cat_form h3::before {
	content: ''; display: inline-block;
	position: absolute; top: 0; left: 0;
	width: 20px; height: 20px;}
#sct01 h3::before {background: url(/info/images/icon-no1_w20.gif);}
#sct02 h3::before {background: url(/info/images/icon-no2_w20.gif);}
#sct03 h3::before {background: url(/info/images/icon-no3_w20.gif);}
#sct04 h3::before {background: url(/info/images/icon-no4_w20.gif);}


/*--画像--*/
#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: 1000px; font-size: 14px;}
#cat_form .dis-tbl_tab01 {width: 100%; max-width: 640px; font-size: 14px;}

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

#cat_form .dis-tbl_tab01 .dis-tblcl01 { width: 60px;}

/* 必須 */
#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"],
input[type="email"],
input[type="tel"],
select {height: 34px;}

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,
#cat_form input[type="button"]:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	cursor: pointer;}

#cat_form input[type="button"] {max-width: 200px; height: auto; padding: 10px;}
#print input[type="button"] {max-width: 200px; height: auto; padding: 5px;}

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

*[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 .w350 {max-width: 350px;}
#cat_form .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 p.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 li {padding: 0 0 0 1em; color: #737373; text-indent: -1em;}

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

@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;}
}


/**============================================================================================**/
.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;}
}

/**============================================================================================**/
.box {box-sizing: border-box; margin: 0 0 30px; padding: 10px; border: solid 2px #e00;}


/**============================================================================================**/
.mainf920 h4 {
	margin-bottom: 10px; padding: 5px;
    color: #004885; font-size: 1.5em; font-weight: 600;
    border-bottom: double 5px #004885; border-left: solid 8px #004885;  
    }

#lside { margin: 0 0 40px;}

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

#corporate_form {padding: 0 15px;}

#corporate_form section {margin: 50px 0;}

#corporate_form section a {color: #0056bc;}
#corporate_form section a:hover {color: #f76d00;}

#corporate_form h2 {
	margin: 0 0 30px; padding: 10px 0 7px;
	background: #c90000;
	color: #fff; font-size: 18px; font-weight: 600;
	text-align: center;}

#corporate_form hr {border-style: dotted; border-width: 1px 0 0;}

.ttl-bar {
	display: inline-block; margin: 0 0 15px; padding: 7px 7px 3px 7px;
    background: #0063a4;
    color: #fff; font-size: 1.1em; font-weight: 600;
    }


/**============================================================================================**/
/* オーダーデッキマット用 */
section#color {max-width: 600px; margin: 0 auto 50px;}

#color h3 {
	box-sizing: border-box;
    width: 100%; margin-bottom: 15px; padding: 7px 10px 5px 10px;
    border: none; background: #004885;
    color: #fff; font-size: 1.2em; font-weight: 600;
    text-align: left;
}
#color label {display: inline-block; width: 24%; text-align: center; vertical-align: top;}
#color img {display: block; max-width: 70px; margin: 0 auto 10px;}

/*自動読取り上書き用*/
.form-group { display: table; margin: 0 0 20px;}
label.col-sm-2.control-label {
	display: table-cell;
	box-sizing: border-box;
    width: 300px; padding: 0 30px 0 0;
    text-align: right;    
}

/* ページトップへ */
#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;}

@media screen and (max-width: 900px) {
    #top-button{display:none;}
}

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

/* LastUp2024.09.06_kimata */