@charset "utf-8";

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main {
	width: 980px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

/* h2
---------------------*/
#Main h2{
	font-size: 22px;
	margin: 80px 0 30px;
}

/* h3
---------------------*/
#Main h3{
	font-size: 18px;
	margin: 0 0 24px;
}

@media screen and (max-width: 767px){
	#Main {
		width: auto;
	}

	/* h2
	---------------------*/
	#Main h2{
		margin: 40px 0 23px;
		font-size: 14px;
	}

	/* h3
	---------------------*/
	#Main h3{
		margin: 0 0 21px;
		font-size: 12px;
		text-align: center;
	}
}

/*-------------------------------------
section
---------------------------------------*/
#Main section{
	padding: 33px 40px 35px;
	margin-bottom: 40px;
	background: #fff;
}
#Main div.wrap{
	width: 980px;
	overflow: hidden;
}
#Main div.wrap section{
	width: 390px;
	float: right;
}
#Main div.wrap section:first-child{
	float: left;
}

#Main section p{
	margin: 0 0 25px;
	font-size: 12px;
}

/* freedial
---------------------*/
#Main section p.freedial{
	margin: 0 0 32px;
	padding: 0 0 0 60px;
	font-size: 32px;
	font-family: 'Lora', serif;
	letter-spacing: 0.1em;
	background: url(/jp/corporate/contact/images/ico_freedial.png) no-repeat 0 0.7ex;
	background-size:48px auto;
}
#Main section p.freedial a{
	cursor: default;
}
#Main section p.freedial span{
	display: block;
	letter-spacing: 0.03em;
	font-size: 14px;
	font-family:"NotoSans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

/* link
---------------------*/
#Main section ul.link li{
	margin:12px 0 0;
}
#Main section ul.link li a{
	font-size: 14px;
}
#Main section ul.link li a span{
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 7px 0 0;
	position: relative;
	top:2px;
}
#Main section ul.link li.mail a span{
	background: url(/jp/corporate/contact/images/ico_mail.png) no-repeat 0 0;
}
#Main section ul.link li.search a span{
	background: url(/jp/corporate/contact/images/ico_search.png) no-repeat 0 0;
}

@media screen and (min-width: 768px){
	#Main section ul.link li a{
		border-bottom:1px solid #fff;
		-webkit-transition: all 0.25s;
		        transition: all 0.25s;
	}
	#Main section ul.link li a:hover{
		border-bottom:1px solid #666;
	}
}

/* caution
---------------------*/
#Main section ul.caution li{
	text-indent:-1em;
	margin:0 0 0 1em;
	font-size: 12px;
	line-height: 1.9;
}
#Main section ul.caution li span{
	color: #cc0000;
}

/* faq
---------------------*/
#Main section.faq{
	margin: 0;
	padding: 40px 40px 4px;
}
#Main section.faq ul{
	overflow: hidden;
}
#Main section.faq ul li{
	width: 300px;
	float: left;
	margin: 0 0 30px;
}
#Main section.faq ul li a{
	position: relative;
	font-size: 14px;
}
#Main section.faq ul li a span{
	width: 7px;
	height: 7px;
	display: inline-block;
	position: relative;
	top:-2px;
	margin:0 0 0 10px;
	background: url(/jp/corporate/common/images/ico_arw.png) no-repeat 100% 0;
}

@media screen and (min-width: 768px){
	#Main section.faq ul li a span{
		-webkit-transition: margin .2s;
		   -moz-transition: margin .2s;
		    -ms-transition: margin .2s;
		     -o-transition: margin .2s;
		        transition: margin .2s;
	}
	#Main section.faq ul li a:hover span{
		margin:0 0 0 13px;
	}
}

/* btn
---------------------*/
#Main section p.btn{
	width: 240px;
	height: 48px;
	margin: 32px 0 0;
}
#Main section p.btn a{
	width: 238px;
	height: 48px;
	display: block;
	color: #fff;
	line-height: 48px;
	text-align: center;
	border: 1px solid #7f0600;
	background: #7f0600;
}

@media screen and (min-width: 768px){
	#Main section p.btn a{-webkit-transition:all 0.2s;transition:all 0.2s;}
	#Main section p.btn a:hover{
		color: #7f0600;
		background: none;
	}
}

@media screen and (max-width: 767px){
	#Main{
		padding: 0 20px;
	}

	#Main section{
		padding: 23px 20px;
		margin-bottom: 20px;
	}
	#Main div.wrap{
		width: auto;
	}
	#Main div.wrap section{
		width: auto;
		float: none;
	}
	#Main div.wrap section:first-child{
		float: none;
	}

	#Main section p{
		margin: 0 0 20px;
		font-size: 11px;
	}

	/* freedial
	---------------------*/
	#Main section p.freedial{
		width: 190px;
		margin: 0 auto 15px;
		padding: 0;
		font-size: 20px;
		text-align: right;
		background: url(/jp/corporate/contact/images/ico_freedial.png) no-repeat 0 0.7ex;
		background-size:32px auto;
	}
	#Main section p.freedial span{
		text-align: center;
		font-size: 10px;
	}

	/* link
	---------------------*/
	#Main section ul.link li{
		margin:11px 0 0;
		text-align: center;
	}
	#Main section ul.link li a{
		font-size: 11px;
	}
	#Main section ul.link li a span{
		width: 11px;
		height: 11px;
		margin: 0 5px 0 0;
		top:1px;
	}
	#Main section ul.link li.mail a span{
		background: url(/jp/corporate/contact/images/ico_mail_sp.png) no-repeat 0 0;
		background-size: 11px 11px;
	}
	#Main section ul.link li.search a span{
		background: url(/jp/corporate/contact/images/ico_search_sp.png) no-repeat 0 0;
		background-size: 11px 11px;
	}

	/* caution
	---------------------*/
	#Main section ul.caution li{
		font-size: 11px;
		text-align: left;
	}

	/* btn
	---------------------*/
	#Main section p.btn{
		width: 100%;
		height: 40px;
		margin: 20px auto 0;
	}
	#Main section p.btn a{
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	/* faq
	---------------------*/
	#Main section.faq{
		margin: 0;
		padding: 23px 20px 3px;
	}
	#Main section.faq ul li{
		width: auto;
		float: none;
		margin: 0 0 20px;
	}
	#Main section.faq ul li a{
		font-size: 12px;
	}
	#Main section.faq ul li a span{
		top:-1px;
		margin:0 0 0 6px;
		background: url(/jp/corporate/common/images/ico_arw_sp.png) no-repeat 100% 0;
		background-size: 7px 7px;
	}

}