@charset "utf-8";

/* CSS Document */



/*	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
	┃　
	┃　■ 西濃運輸　第２世代デザイン（ZUNO）　1.0.0
	┃　
	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/

/*	┌──────────────────────────────────────────────────────────┐
	│　
	│　□ 子要素
	│　
	└──────────────────────────────────────────────────────────┘*/

body {
	color:#666666;
	font-size:10pt;
	background-image:none;
	background: rgb(255,255,255);
}
	main {
		background-image: url("/seino/assets/images/common/form-stc_v2-bg-1100x50-title.gif");
		background-repeat: no-repeat;
		background-position: top center ;
	}

/* sm .col-sm- */
@media screen and (min-width: 576px) {
	body {
		background: rgb(255,255,255);
	}	
}
/* md .col-md- */
@media screen and (min-width: 768px) {
	body {
		background: rgb(255,255,255);
	}	
}
/* lg .col-lg- */
@media screen and (min-width: 992px) {
	body {
		background: rgb(255,255,255);
	}	
}
/* xl .col-xl- */
@media screen and (min-width: 1200px) {
	body {
		background-color: rgb(253,250,245);
		background-image: url("/seino/assets/images/common/form-stc_v2-bg-1000x50-white.gif");
		background-repeat: repeat-y;
		background-position: top center ;
	}
	main {
		position:relative;
		background-image: url("/seino/assets/images/common/form-stc_v2-bg-1000x50-title.gif");
		background-repeat: no-repeat;
		background-position: top center ;
	}
	main::after {
		position:absolute;
		/* backgroung-image:url('data:image/png;base64,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');*/
		background-repeat: repeat-y;
		top:0;
		left:50%;
	}
}

/* xxl .col-xxl- */
@media screen and (min-width: 1400px) {
	body {
		background-color: rgb(253,250,245);
		background-image: url("/seino/assets/images/common/form-stc_v2-bg-1100x50-white.gif");
		background-repeat: repeat-y;
		background-position: top center ;
	}
	main {
		background-image: url("/seino/assets/images/common/form-stc_v2-bg-1100x50-title.gif");
		background-repeat: no-repeat;
		background-position: top center ;
	}
}


input[type=text],
input[type=tel],
input[type=number],
input[type=mail],
input[type=time],
.form-group textarea {
	font-size:10pt;
	padding:0.25rem 0.5rem;
	border-radius:3px;
		
}

input[type=radio].form-control {
	width:auto;
	display:inline-block;
}

input[type=time].form-control {
	width:6.5rem;
	display:inline-block;
	
}


/* 入力項目したの入力説明文 */
.infoText,
.inputInfo {
	display:inline-block;
	color:#888888;
	font-size:90%;
}



.contactForm {
	/* background-color:#ffffff; */
}






.form-group {
	margin-bottom:0rem;
	padding-top:0.0rem;
	padding-bottom:0.0rem;
	background-color:#ffffff;
	border-bottom: 1px solid #e4e4e4;
}
	.form-group:first-child {
		padding-top:0.0rem;
		border-top: 1px solid #e4e4e4;
	}
	.form-group:last-child {
		padding-top:0.0rem;
		border-top: 1px solid #e4e4e4;
		margin-bottom:5rem;
	}

.form-group div.col-sm-4 {
	color:#000;
	padding-top:0.0rem;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	background-color:#eef8fc;
	position:relative;
}



/* 下記は特別処置 【max-width】なので注意*/
@media screen and (max-width: 575px) {
	/* 下記の指定がない場合は、スマホで項目名の高さが０になり、背景が表示されない */
	.form-group div.col-sm-4 {
		height:2rem;
	}	
}


/* sm .col-sm- */
@media screen and (min-width: 576px) {

}

/* md .col-md- */
@media screen and (min-width: 768px) {
	.form-group div.col-sm-4 {
		border-right:1px solid #ffffff;
	}	
}




.form-group div.col-sm-8 {
	padding:0.5rem 1.5rem;
	border-left:1px solid #e4e4e4 !important;
	border-right:1px solid #e4e4e4;
}

	/* md .col-md- */
	@media screen and (min-width: 768px) {
		.form-group div.col-sm-8 {
			border-left:0px outset #e4e4e4 !important;
		}
	}


.form-group label.form-control-label {
	font-weight:normal;
	
}

.form-group div.col-sm-4 label.form-control-label {/**/
	position:absolute;
	top:calc(50% - 1rem);
	height:100%;
	

}

section.title {
	margin-bottom:1rem;
}


/* タイトル次のsection要素のには */
section.title + section{
	border-top: 1px solid #e4e4e4;
}

.stc-webapp-style-01 h2.pageTitle {
	font-size:18pt;
	font-weight:normal;
	letter-spacing: 0.05rem;
	
	padding: 1rem 0rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA8CAIAAADDpPyuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxElEQVQYlT3H21LCMBQF0F3H//81ELQyKAzDZdDYprc09+T4kpP1tprNnwHQEBGAFwDb3mLTGSJqiOitt9jW7XqLXc/bS4t93Ye0eJe2rB0c2rrP0aEdeIfR4VB3HB2Odd+Tw9foyk6zx2ninWeP88y7LB6XxZddVcC17r4G3BTvsQY8VCh76ojnyvvVET+aJ0yEMLGsswmd5UmXIOsGlzDUTT5jcqls8RmL56mQoep0zNCBZ1KGiTyXMmzKZT7TqxACwD/J7lDSTbyx3wAAAABJRU5ErkJggg==);
	background-repeat: repeat-x;
	background-size: auto;
	height:60px;
	width:100%;
}

/*	┌─────────────────────────────┐
	│
	│　□ 必須マークの表示位置
	│
	└─────────────────────────────┘*/

.form-group div.required::after {
    position: absolute;
    padding: 0 0.5rem;
    content: "必須";
	font-size:9pt;
    color: #ffffff;
    top: calc(50% - 0.65rem);
    right: 0.5rem;
    background-color: rgba(255, 34, 0, 0.9);
    border: 1px solid rgba(255, 34, 0, 0.9);
    	border-radius: 0.25rem;
}



/*	┌──────────────────────────────────────────────────────────┐
	│　
	│　□ テーブルで入力項目の表組みを実装（★★★ スマホ版CSSは未実装です ★★★）
	│　
	└──────────────────────────────────────────────────────────┘*/
/*
.stc-webapp-style-01は、初代のデザインを採用する場合の接頭語です。
*/
.stc-webapp-style-01 table {
	border-collapse: separate;
	border-spacing: 1px;
	background: #e4e4e4;

	margin:1rem 2rem;
	width:calc(100% - 4rem);
	}
	.stc-webapp-style-01 table td {
		border-bottom:1px solid #ffffff;
	}
	.stc-webapp-style-01 table th,
	.stc-webapp-style-01 table td {
		border:	1.0px solid #ffffff;
		padding:0.50rem 0.75rem;
	}
			.stc-webapp-style-01 table th {
				font-weight:normal;
				background-color:#eef8fc;
				color:#000000;
				}
			.stc-webapp-style-01 table td {
				font-weight:normal;
				text-align:left;
				background-color:#ffffff;
				}
/*	┌──────────────────────────────────────────────────────────┐
	│　
	│　□ h3の表示を定義しています。
	│　
	│　必ず！！！！！　<h3><div class"inner">xxxxxxxx</div></h3>　と記述してください。
	│　
	└──────────────────────────────────────────────────────────┘*/

h3 {
	color:#333333;
		border:1px solid #eeeeee;
		border-radius:3px;
		font-weight:normal;
		margin:3rem 0 1rem 0;
	font-size:11pt;
	letter-spacing:0.03rem;
}

h3:first-child {
		margin-top: 2rem;
}

h3 .inner {
		margin:2px;
		
		padding:0.5rem 0.5rem 0.75rem 0.5rem;
		
		background: rgb(235,239,242);
		background: linear-gradient(
			180deg,
			rgba(235,239,242,1) 0%,
			rgba(255,255,255,1) 36%,
			rgba(249,251,254,1) 88%,
			rgba(45,152,226,1) 88%,
			rgba(33,94,133,1.00) 96%,
			rgba(255,255,255,1) 96%,
			rgba(255,255,255,1) 100%);

	}


/* 以下は、雛形コンテンツです。 */

/*	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
	┃　
	┃　■ テストコンテンツ
	┃　
	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
/*	┌──────────────────────────────────────────────────────────┐
	│　
	│　□ 子要素
	│　
	└──────────────────────────────────────────────────────────┘*/
/*	┌─────────────────────────────┐
	│
	│　□ 子要素
	│
	└─────────────────────────────┘*/

/*	┌…………………………………………………………………………………………………………………………………………………………┐
	︙
	︙　□ 説明
	︙
	└…………………………………………………………………………………………………………………………………………………………┘*/

/*	┏──────────────────────────────────────────────────────────┓
	│
	│　★ 特殊なケース					
	│			
	┗──────────────────────────────────────────────────────────┛*/

/*	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
	┃　
	┃　■ ウィンドウサイズによってCSSの指定を帰る場合の雛形
	┃　
	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/

/* xs .col- 指定はしません */

/* sm .col-sm- */
@media screen and (min-width: 576px) {
	
}
/* md .col-md- */
@media screen and (min-width: 768px) {
	
}
/* lg .col-lg- */
@media screen and (min-width: 992px) {
	
}
/* xl .col-xl- */
@media screen and (min-width: 1200px) {
	
}
/* xxl .col-xxl- */
@media screen and (min-width: 1400px) {
	
}