@charset "utf-8";

/*-------------------------
 * タイトル・見出し
--------------------------*/
.headline { margin-bottom: 0.75em; color: #333; font-weight: 700;}
.subheadline { font-weight: 700; }
#clerk .subheadline { border-bottom: 1px solid #075AAA; }
#tech .subheadline { border-bottom: 1px solid #c00; }

@media only screen and (max-width: 640px) {
	.headline { margin-bottom: 0.75em; }
}

/*-------------------------
 * セクション・レイアウト
--------------------------*/
.section { margin-bottom: 0; }
.section .section { margin-bottom: 3em; }
.section .section + .section { margin-bottom: 0; }
.subsection { float: left; width: 48%; max-width: 470px; }
.subsection + .subsection { float: right; }

@media only screen and (max-width: 640px) {
	.subsection { float: none; width: 100%; max-width: inherit; }
	.subsection + .subsection { float: none; margin-top: 3em; }
	#tech { margin-top: 3.5em; }
}

/*-------------------------
 * アンカー
--------------------------*/
#faq_anchor { margin-bottom: 3em; padding-bottom: 50px; border-bottom: 1px solid #ccc; }
#faq_anchor dl { display: table; width: 100%; }
#faq_anchor dl.color_clerk { border-top: 1em solid #075AAA; border-bottom: 1em solid #075AAA; background-color: #075AAA;}
#faq_anchor dl.color_tech { border-top: 1em solid #c00; border-bottom: 1em solid #c00; background-color: #c00;}
#faq_anchor dt,
#faq_anchor dd { display: table-cell; padding: 0 10px; text-align: center; vertical-align: middle; }
#faq_anchor dt { width: 24.6%; max-width: 241px; font-weight: 500; }
#faq_anchor dd { width: 18.1%; max-width: 177px; }
#faq_anchor .color_clerk dt,
#faq_anchor .color_clerk dd { border-right: 1px solid #fff; color: #fff;}
#faq_anchor .color_tech dt,
#faq_anchor .color_tech dd { border-right: 1px solid #fff; color: #fff;}
#faq_anchor dd a { display: inline-block; padding-left: 14px; background: url(/saiyo/graduates/shared/img/arr_page_anchor_w.png) no-repeat 0 0.5em; color: #fff; }
.qbr{ float:left; }
.qbrt{ display:inline-block; width:90%; }

@media only screen and (max-width: 640px) {
	#faq_anchor { margin-bottom: 2em; padding-bottom: 30px; }
	#faq_anchor dl { display: block; width: auto; padding: 1.5em 20px; }
	#faq_anchor dl.color_clerk { border: none; }
	#faq_anchor dl.color_tech { border: none; }	
	#faq_anchor dt,
	#faq_anchor dd { display: block; width: auto; text-align: left; vertical-align: top; }
	#faq_anchor dt { width: auto; max-width: inherit; margin-bottom: 1.35em; padding: 0; }
	#faq_anchor dd { width: auto; max-width: inherit; margin: 0.75em 0 0; padding: 0.75em 0 0; }
	#faq_anchor dt + dd { padding: 0 !important; border: none !important; }
	#faq_anchor .color_clerk dt { border: none; }	
	#faq_anchor .color_clerk dd { border: none; border-top: 1px solid #c1f2ed;  }
	#faq_anchor .color_tech dt { border: none; }	
	#faq_anchor .color_tech dd { border: none; border-top: 1px solid #a6a6a6; }
	#faq_anchor dd a { display: block; padding-left: 15px; background: url(/saiyo/graduates/shared/img/arr_page_anchor_w_@2x.png) no-repeat 0 0.3em; background-size: 10px auto; }
}

/*-------------------------
 * FAQ
--------------------------*/
.faq_wrap { margin-bottom: 10px; background-color: #fff; border: 1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.faq_wrap > dt a { display: block; padding: 1em 14px 1em 32px; }
#clerk .faq_wrap > dt a { background: url(../images/arr_flow_clerk_down.gif) no-repeat 14px 1.3em; }
#clerk .faq_wrap > dt.open a {  background: url(../images/arr_flow_clerk_up.gif) no-repeat 14px 1.3em; }
#tech .faq_wrap > dt a { background: url(../images/arr_flow_tech_down.gif) no-repeat 14px 1.3em; }
#tech .faq_wrap > dt.open a { background: url(../images/arr_flow_tech_up.gif) no-repeat 14px 1.3em; }
.faq_wrap > dd { margin: 0 14px; height: 0; overflow: hidden; -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; -ms-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.faq_wrap > dd .container { background-color: #e6e6e6; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.faq_wrap > dd.active { margin: 0 14px 1em; }
.faq_wrap > dd .container dl { padding: 1em 20px 1em 2.5em; }
.faq_wrap > dd .container dl dt { color: #c00; }
.faq_wrap > dd .container dl dd { padding-left: 1.8em; }

@media only screen and (max-width: 640px) {
	#clerk .faq_wrap > dt a { background: url(../images/arr_flow_clerk_down_@2x.gif) no-repeat 14px 1.2em; background-size: 12px auto; }
	#clerk .faq_wrap > dt.open a {  background: url(../images/arr_flow_clerk_up_@2x.gif) no-repeat 14px 1.2em; background-size: 12px auto; }
	#tech .faq_wrap > dt a { background: url(../images/arr_flow_tech_down_@2x.gif) no-repeat 14px 1.2em; background-size: 12px auto; }
	#tech .faq_wrap > dt.open a { background: url(../images/arr_flow_tech_up_@2x.gif) no-repeat 14px 1.2em; background-size: 12px auto; }
}

/*-------------------------
 * print
--------------------------*/
@media print {

}
/* css end ------------ */