<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * contact.css
 * ãŠå•ã„åˆã‚ã›
 */
 
 /*===============================================
â—å…±é€š
===============================================*/
 
#contact .mainImage{
	background:url(../../images/contact/mainImage.png) no-repeat top right;
	background-size:cover;
	}
 
 /*===============================================
â—ç”»é¢ã®æ¨ªå¹…ãŒ641pxä»¥ä¸Š(ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ»PC)
===============================================*/
@media screen and (min-width: 641px) {
#main .inner{
	width:960px;
	margin:0 auto;
	}
	
	.processNav{
		display:block;
		width:860px;
		margin:60px auto ;
		overflow:hidden;
		}
	
.processNav li{
	display:block;
	width:285px;
	margin-right:25px;
	background:url(../../images/common/icon_arrowBlueL.png) no-repeat center right;
	float:left;
	}	
	
.processNav li:last-child{
	width:240px;
	margin-right:0px;
	background:none;
	}	
	
.processNav li span{
	display:block;
	width:240px;
	height:55px;
	font-size:18px;
	line-height:55px;
	text-align:center;
	color:#4A5BB3;
	
	border:1px solid #4A5BB3;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	}	
	
.processNav li.active span{
	background-color:#4A5BB3;
	color:#FFF;
	}	
	
p.txtBox{
	margin:1em 0;
	text-align:center !important;
	}	

	
.tableBox{
	width:780px;
	margin:0 auto 30px auto;
	}	
	
.tableBox table{
	border:1px solid #999;
	}
	
.tableBox table th,td{
	padding:15px 15px 15px 30px;
	border-bottom:1px dotted #999;
	}	
	
.tableBox table th{
	width:205px;
	background: url(../../images/common/icon_rec_pc.gif) no-repeat 90% center #FFEDF2;
	vertical-align:top;
	font-size:15px;
}

.tableBox table th.comment{
	background: url(../../images/common/icon_rec_pc.gif) no-repeat 90% 10% #FFEDF2;
}

.tableBox table td.btn_radio p{
	width:110px;
	float:left;
	}

.privacy{
	display:block;
	text-align:center;
	margin:50px 0 30px 0;
	}
	

.sendBox{
	width:540px;
	overflow:hidden;
	margin:0 auto;
	}
	
a.nextBtn{
	display:block;
	width:250px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	background: url(../../images/common/icon_arrowWhite02.png) no-repeat 90% center #4A5BB3;
	text-decoration:none;
	text-align:center;
	
	border:1px solid #4A5BB3;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	}

a.nextBtn:hover{
	background: url(../../images/common/icon_arrowBlue02.png) no-repeat 90% center #FFF;
	color: #4A5BB3;
}

a.backBtn{
	display:block;
	width:250px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	font-size:17px;
	font-weight:bold;
	color:#333;
	background: url(../../images/common/icon_arrowBlack02.png) no-repeat 10% center #E6E6E6;
	text-decoration:none;
	text-align:center;
	
	border:1px solid #E6E6E6;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	
	}

a.backBtn:hover{
	background: url(../../images/common/icon_arrowBlack02.png) no-repeat 10% center #FFF;
	color: #333;
}

a.btn_home{
	display:block;
	width:250px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	font-size:17px;
	font-weight:bold;
	color:#333;
	background: url(../../images/common/icon_arrowBlack02.png) no-repeat 10% center #E6E6E6;
	text-decoration:none;
	text-align:center;
	
	border:1px solid #E6E6E6;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	
	}

a.btn_home:hover{
	background: url(../../images/common/icon_arrowBlack02.png) no-repeat 10% center #FFF;
	color: #333;
}

}

/*===============================================
â—ç”»é¢ã®æ¨ªå¹…ãŒ640pxä»¥ä¸‹(ã‚¹ãƒžãƒ›ã®ã¿)
===============================================*/
@media screen and (max-width: 640px) {
	
#contact .mainImage{
	background:url(../../images/contact/mainImage.png) no-repeat 35% 0%;
	background-size: auto  100%;
	}
	
.widthl {
	width:100% !important;
	padding:5px;
	}
.widthsm {
	width:90% !important;
	padding:5px;
	}				
	
#main .inner{
	/*width:100%;*/
	padding:0 1em;
	}

.processNav{ display:none; }
	
h3{ display:none; }
	
p.txtBox{
	margin:1em 0;
	text-align:left !important;
	}	
	
.tableBox table th{
	display:block;
	/*width:100%;*/
	padding:5px 5px 5px 1em;
	margin-bottom:5px;
	background: url(../../images/common/icon_rec_sp.png) no-repeat 90% center #F2F2F2;
	background-size:56px auto;
	border:1px solid #CCCCCC;
	vertical-align:top;
	font-size:15px;
}

.tableBox table th.comment{
	background: url(../../images/common/icon_rec_sp.png) no-repeat 90% center #F2F2F2;
	background-size:56px auto;
}

.tableBox table td{
	display:block;
	margin-bottom:1.5em;
	}
	
.tableBox table td.btn_radio{
	border:1px solid #CCCCCC;
	padding-left:1em;
	}	

.tableBox table td.btn_radio p{
	display:block;
	width:100px;
	float:left;
	}

.privacy{
	display:block;
	text-align:center;
	margin:50px 0 30px 0;
	}
	

.sendBox{
	text-align:center;
	margin:0 auto;
	}
	
a.fleft, a.fright{
	float:none;
	margin:0px auto;
	}	
	
a.nextBtn{
	display:block;
	width:250px;
	height:50px;
	margin:10px auto 0 auto;
	line-height:50px;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	background: url(../../images/common/icon_arrowWhite02.png) no-repeat 90% center #4A5BB3;
	text-decoration:none;
	text-align:center;
	
	border:1px solid #4A5BB3;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	}

/*a.nextBtn:hover{
	background: url(../../images/common/icon_arrowBlue02.png) no-repeat 90% center #FFF;
	color: #4A5BB3;
}*/

a.backBtn{
	display:block;
	width:250px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	font-size:17px;
	font-weight:bold;
	color:#333;
	background: url(../../images/common/icon_arrowBlack02.png) no-repeat 10% center #E6E6E6;
	text-decoration:none;
	text-align:center;
	
	border:1px solid #E6E6E6;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	
	}

a.btn_home{
	display:block;
	width:250px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	font-size:17px;
	font-weight:bold;
	color:#333;
	background: url(../../images/common/icon_arrowBlack02.png) no-repeat 10% center #E6E6E6;
	text-decoration:none;
	text-align:center;
	
	border:1px solid #E6E6E6;
	border-radius: 5px;		
	-webkit-border-radius: 5px;	/* Safari,Google Chromeç”¨ */
	-moz-border-radius: 5px;	/* Firefoxç”¨ */
	
	}
}</pre></body></html>