@charset "utf-8";

/*---------------------------------------------------
	#pageheader
----------------------------------------------------*/

#pageheader > h1,
#pageheader > h3.parentname {
	background: url(../images/faq_header_icon.gif) 10px 5px no-repeat;
	background-size: auto 28px;
}

@media screen and (min-width: 961px) {

#pageheader > h1,
#pageheader > h3.parentname {
	background-size: auto;
}
	
}

/*---------------------------------------------------
	#faq_list → #pagebody
----------------------------------------------------*/

#faqlist #pagebody ul {
	list-style-type: none;
}

#faqlist #pagebody > ul {
	padding: 0 10px;
}

#faqlist #pagebody > ul > li {
	padding-bottom: 30px;
}

#faqlist #pagebody > ul > li > h3 {
	font-size: 2.4rem;
	font-weight: normal;
	color: #009FC0;
}

#faqlist #pagebody > ul > li > ul > li {
	margin-bottom: 10px; 
}

#faqlist #pagebody > ul > li > ul > li > a {
	font-size: 2.0rem;
	color: #009FC0;
	padding: 10px 0 0 32px;
	background: url(../images/faqlist_q_32_up.gif) 2px 12px no-repeat;
	background-size: 24px auto;
	display: inline-block;
}

#faqlist #pagebody > ul > li > ul > li > a:hover {
	color: #00728A;
	background: url(../images/faqlist_q_32_ov.gif) 2px 12px no-repeat;
	background-size: 24px auto;
}


@media screen and (min-width: 961px) {
	
#faqlist #pagebody > ul > li > h3 {
	font-size: 3.6rem;
}

#faqlist #pagebody > ul > li > ul > li > a {
	font-size: 2.4rem;
	padding: 10px 0 0 40px;
	background-position: 3px 8px;
	background-size: auto;
}

#faqlist #pagebody > ul > li > ul > li > a:hover {
	background-position: 3px 8px;
	background-size: auto;
}

}

/*---------------------------------------------------
	#faq_detail → #pagebody
----------------------------------------------------*/

#faqdetail #pagebody > dl > dt > h1 {
	font-size: 2.4rem;
	padding: 0 10px 0 45px;
	color: #009FC0;
	font-weight: normal;
	background: url(../images/faqdetail_title_q_40.gif) 10px top no-repeat;
	background-size: 30px auto;
}

#faqdetail #pagebody > dl > dd > p {
	font-size: 2.0rem;
	padding: 20px 10px 0 45px;
}

#faqdetail #pagebody > dl > dd > p > strong {
	color: #009FC0;
}

#faqdetail #pagebody > .appoint {
	padding: 70px 0 0;
	text-align: center;
	background: url(../images/faqdetail_arrow_down.gif) 50% 10px no-repeat;
}

#faqdetail #pagebody > .appoint > p {
	font-size: 2.0rem;
	padding: 0 10px;
}

#faqdetail #pagebody > .appoint > .telephone {
	margin: 20px 0 0;
}

#faqdetail #pagebody > .appoint > .mailform {
	margin: 20px 0 0;
}

#faqdetail #pagebody > .appoint > .telephone > p {
	font-size: 2.0rem;
	line-height: 130%;
	color: #03C;
}

#faqdetail #pagebody > .appoint > .telephone > p > a {
	font-size: 4.0rem;
	padding-left: 44px;
	background: url(../images/faqdetail_tel_64.gif) left 75% no-repeat;
	background-size: 40px auto;
	font-family: 'Sarabun', sans-serif;
	font-stretch:75%;
	font-weight:800;
	color: #03C;
}

#faqdetail #pagebody > .appoint > .telephone > p > a:link,
#faqdetail #pagebody > .appoint > .telephone > p > a:hover,
#faqdetail #pagebody > .appoint > .telephone > p > a:active,
#faqdetail #pagebody > .appoint > .telephone > p > a:visited {
	text-decoration: none;
	color: #03C;
}

#faqdetail #pagebody > .appoint > .mailform > a {
	display: inline-block;
	width: 90%;
	border-radius: 10px;
    -webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 10px;/* for Firefox 対応*/
	font-size: 1.8rem;
	color: #FFF;
	text-decoration: none;
	padding: 4px 5px 4px 44px;
	background: url(../images/faqdetail_mail.png) 10px 7px no-repeat;
	background-size: 32px auto;
}

#faqdetail #pagebody > .appoint > .mailform > a {
	background-color: #F60;
}

#faqdetail #pagebody > .appoint > .mailform > a:hover {
	background-color: #F83;
}

#faqdetail #pagebody > .contnav {
	margin-top: 40px;
}

#faqdetail #pagebody > dl > dd > ol {
	list-style-type: none;
	font-size: 2.0rem;
	padding: 20px 5px 0 40px;
}

#faqdetail #pagebody > dl > dd > ol strong {
	color: #009FC0;
}

#faqdetail #pagebody > dl > dd > ol > li {
	margin-left: 3em;
	text-indent: -3em;
	list-style-position:inside;
	counter-increment: cnt;
}

#faqdetail #pagebody > dl > dd > ol > li:before {
	display: marker;
	content: "【" counter(cnt) "】 ";
}

@media screen and (min-width: 961px) {
	
#faqdetail #pagebody > dl > dt > h1 {
	font-size: 3.0rem;
	padding: 0 10px 0 55px;
	background-position: 10px top;
	background-size: auto;
}

#faqdetail #pagebody > dl > dd > p {
	font-size: 2.8rem;
	padding: 20px 10px 0 55px;
}

#faqdetail #pagebody > .appoint > p {
	font-size: 2.8rem;
}

#faqdetail #pagebody > .appoint > .telephone > p {
	font-size: 2.8rem;
	line-height: 130%;
}

#faqdetail #pagebody > .appoint > .telephone > p > a {
	font-size: 6.4rem;
	padding-left: 72px;
	background-position: left 75%;
	background-size: auto;
}

#faqdetail #pagebody > .appoint > .mailform > a {
	width: 520px;
	height: 60px;
	font-size: 3.0rem;
	padding: 9px 10px 0 80px;
	background-position: 15px 13px;
	background-size: auto;
}

#faqdetail #pagebody > dl > dd > ol {
	font-size: 2.8rem;
	padding: 20px 10px 0 55px;
}

}