@charset "utf-8";
/* CSS Document */

/*イメージ配置設定****************************************/
.left-img { float: left; margin: 0 8px 2px 0; }
.right-img { float: right; margin: 0 0 2px 8px; }
@media screen and (max-width: 480px) {.right-img, .left-img { float:none; text-align:center; margin: 20px 0 2px 0; }}
.a-img a:hover img { opacity:0.6; filter: alpha(opacity=60); }
@media screen and (max-width: 480px) {p .right-img { clear:both; }}
.vam{vertical-align:middle;}


/*フォントカラー設定****************************************/
.fb { font-weight: bold; }
.fcRed01 { color: #CC0000; }
.fcRed02 { color: #CC0000; text-decoration: underline; }
.fcBlue01 { color: #333399; font-size: 15px; font-weight: bold; }
.fcBlueBold { color: #006699; font-weight: bold; }
.fcGlay { color: #555; }
.u-line { text-decoration: underline; }
.fs12{ font-size: 1.2em !important;}
.fs09{ font-size: .9em !important;}

.f01,#main h2,.ul-point,.ul-ex,.cmn-box-ex{ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


/*配置設定****************************************/
.tl { text-align: left!important;}
.tc { text-align: center; }
.tr { text-align: right; }

.float-l{ float: left; }
.float-r{ float: right; }

.txt-lbox { float: left; width: 48%; }
.txt-rbox { width: 48%; float: right; }
@media screen and (max-width: 480px) {
.float-l,.float-r{ float:none; }
.txt-lbox { float: none; width: 300px; margin-bottom: 15px; }
.txt-rbox { width: 300px; float: none; }
}


/* Advanced settings
------------------------------------------------------------------------------------------------ */
.overf-auto { overflow: auto; }
.overf-hidden { overflow: hidden; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt25 { margin-top: 25px !important; }
.mt45 { margin-top: 45px !important; }
.mt55 { margin-top: 55px !important; }
.mb0 { margin-bottom: 0; }
.sp_R1em { padding: 0 1em 0 0; }
.sp_R2em { padding: 0 2em 0 0; }
.sp_R5em { padding: 0 5em 0 0; }
.sp_L1em { padding: 0 0 0 1em; }
.sp_L15em { padding: 0 0 0 1.5em; }
.sp_L2em { padding: 0 0 0 2em; }
.sp_L3em { padding: 0 0 0 3em; }
.sp_L35em { padding: 0 0 0 3.5em; }
.sp_L4em { padding: 0 0 0 4em; }
.sp_L7em { padding: 0 0 0 7em; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb1em { margin-bottom: 1.2em !important; }
.mb2em { margin-bottom: 2em !important; }
.ml45 { margin-left: 45px !important; }
.ml145 { margin-left: 145px !important; }
.ml1em { margin-left: 1em !important; }
.ml2em { margin-left: 2em !important; }
.mr20 { margin-right: 20px !important; }
.mr0 { margin-right: 0 !important; }
@media screen and (max-width: 480px) {
.mr0 { margin-right: auto !important; }}

.pr3 { padding-right: 3px !important; }
.pt3 { padding-top: 3px !important; }
.pt15 { padding-top: 15px !important; }
.clear { clear: both; }


/*CELARFIX*/
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \\*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.layout-right, .layout-left { width: 49%; margin-bottom: .5em; }
.layout-left { float: left; }
.layout-right { float: right; }
@media screen and (max-width: 480px) {
.layout-right, .layout-left { width: 100%; float: none; }
}


.hr-blue{ border: 1px solid #1379DB;}
.border-red { border:1px solid red;}
.hr-dashed{ border: 0; border-bottom: 1px dashed #ccc; }
.hr-dotted{ border: 0; border-bottom: 1px dotted #ccc; }


/* cmn */
.ul-cmn { list-style: none outside; margin: 1em 0 0 0; padding: 0; }
.ul-cmn li { margin: 0 0 0.2em 0; padding: 0 0 0 24px; line-height: 1.8; background: url(../images/cmn/ul_cmn_bg.gif) no-repeat 8px 6px; }
.ul-cmn li li { background: none; list-style: circle; padding: 0; }

.ul-cmn-no { margin: 0; padding: 0; list-style: none; }
.ul-cmn-sq li{ list-style: square outside; margin-left: 20px; margin-top: 10px; }
.ul-point { margin: 0; }
.ul-point li{background: url(../images/cmn/li_bg_pen.gif) no-repeat 3px 6px; }
.ul-ex li{background: url(../images/cmn/li_bg_arrow.gif) no-repeat 3px 6px;}
.ul-nml { margin: 1em 0 0 1.2em; list-style: disc outside; }
.ul-nml li { margin: 0 0 .1em 0; }

.ol-number { margin: 0 0 0 2em; margin-left: -2em\9; padding-left: 50px\9; list-style: decimal outside; }
@media screen and (max-width: 768px) {.ol-number div { float: none; margin: 0 auto 1em auto; width: 230px; }}


.cmn-box { border: 1px solid #3B87B8; padding: 1em; }

.dl-cmn-border { margin: 0 0 60px 0; width: 100%; }
.dl-cmn-border dt { margin: 2em 0 0 0; padding: 0; border-bottom: 1px solid #999; font-weight: bold; }
.dl-cmn-border dd { margin: 0.5em 0; }

	/*box*/
.clbox{ border: ; background:#FAF7E4; padding: 1.5em; overflow:hidden;}
.clbox-line{background:url(../images/cmn/clbox_line.gif) repeat-x left bottom; height:40px;}
.ul-arrow-b li{ background:url(../images/cmn/list_bg_arrow.gif) no-repeat left 7px;}
.ul-train li{background:url(../images/cmn/ul_bg_train.gif) no-repeat left 7px;}

.box-bg{ overflow:hidden; background:url(../images/cmn/box_bg.jpg) repeat-x left bottom; border:#D9D8CA 1px solid; border-radius:3px;}

.box-t { background: url(../images/cmn/works_box_bg_t.jpg) no-repeat top; width:100%; background-size:contain; margin-bottom:50px; padding:40px 0 0 0;  }
.box-m { background: url(../images/cmn/works_box_bg_m.jpg) repeat-y left bottom;background-size:contain; padding-top:0;  }
.box-b { background: url(../images/cmn/works_box_bg_b.jpg) no-repeat left bottom; display: block; overflow: hidden; padding: 0 3em 15px;background-size:contain; }
@media screen and (max-width: 480px){
.box-t { background-cplor: #FAF7E4; padding:13px 0 0; }
.box-b img {clear: both; float: none; margin: 0 auto 10px;}
.box-b{padding:0 1.5em 0;} }


.marker{ background:url(../images/cmn/fc_marker_bg.gif) repeat-x left bottom; font-weight:600; color:#444;}
.nobg{background:none !important; }


.cmn-box-point{background: url(../images/cmn/cmn_point.jpg) no-repeat scroll left top ; border-bottom: 4px solid #FDD191; padding: 2em 1.5em 0; margin:0 0 20px 0;}
.cmn-box-ex{background: url(../images/cmn/cmn_ex.jpg) no-repeat scroll left top ; border-bottom: 4px solid #FCCDCF; padding: 2em 1.5em 0; margin:0 0 15px 0;}



	/* table */
.cmn-table{	width:98%; border-collapse: collapse; border-left: 1px solid #ccc; border-top: 1px solid #ccc;
	margin: 0 auto;	background: #FFF; }
.cmn-table th {	padding:4px 0 0; border: 1px solid #ccc; box-shadow: 1px 1px 0 #FFF inset; font-weight: bold;
	text-align: center;	background:#EFF8FE; }
.cmn-table th img { vertical-align: middle;}

.cmn-table td {	border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: auto; padding:4px 5px 0;}
.cmn-table tr .cmn-table-row {	background-color:#FDF7D2;}
@media screen and (max-width: 768px){.cmn-table { width:100%;}}

/* FORM
-------------------------------------- */
fieldset { margin: 40px 0 1em; padding: 0 1em 1em; border: 1px solid #999; background: #FFF; }
legend { margin: 0; padding: .5em .6em; border: 1px solid #999;font-size: 16px; background: #B1D1EF; }
.label-ttl { margin: 1.4em 0 .5em 0; border-bottom: 1px solid #CCC; display: block; }
input { margin: 0 0 0.7em 0; font-size: 14px; background-color: #F7F7F7; border: 1px solid #C3C3C3; }
textarea { margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px; width: 90%; }
.btn-submit{ width: 100px; padding: 4px 0; }
fieldset #email,#email2 {width: 260px;}
@media screen and (max-width: 480px) {
input{ width: 100%;}}


/* INDEX
-------------------------------------- */
.idx-page-ttl { border-bottom: 2px solid #4192D9; margin: 40px 0 18px; vertical-align: middle; padding: 12px 0 4px 8px; clear:both; }

/* ===idx-interview===  */
#idx-box-interview{ width: 100%; margin-bottom: 30px; overflow: hidden; }
#idx-box-interview li{ width: 220px; float: left; margin-right: 7px; border:solid 1px #ccc;}
#idx-box-interview p{ margin: 5px 1em; }

@media screen and (max-width: 768px){#idx-box-interview li{ width: 220px;}}
@media screen and (max-width: 480px){#idx-box-interview li{ float: none;  margin: 0 auto 7px; }}


/* VOICE
-------------------------------------- */
.voice { margin-bottom: 30px; border: 1px solid #CCC; overflow: hidden ; padding: 0 15px;}
.voice-img { float:left; margin:0 15px 0 0; }
.voice-box { overflow: hidden; padding:20px 0; }
.voice-txt { padding:0;}
.voice-txt img{ margin-bottom: 15px; }
.voice-ttl{ color: #00305A; font-weight: bold; }

.icon-arrow{ background:url(../images/cmn/icon_arrow.gif) no-repeat left top; padding-left: 20px;}

@media screen and (max-width: 480px) {
.voice-txt { margin: 0; padding:10px 0 0 0; width:auto;}
.voice-txt.right-img{ float:none; text-align:center;}
.voice-img { float:none; text-align:center; margin:0;}
}


/* FAQ
-------------------------------------- */
.faq { margin: 0 0 30px 0; padding: 6px 0 0 0; background: url(../images/cmn/faq_bg.jpg) no-repeat center bottom; }
.faq-ttl { color: #00305A; background: #D2E8FB url(../images/cmn/faq_q.gif) no-repeat 6px 6px; padding: 10px 4px 5px 36px; font-weight: bold; }
.faq-txt { background: url(../images/cmn/faq_a.gif) no-repeat 6px 6px; padding: 0 4px 20px 36px; margin: 10px 0 0 0; }
.faq-txt p { margin: 0 0 1em 0; padding: 9px 0 0 0; }


/* COMPANY
------------------------------------------------------------------------------------------------ */
.dl-tokuteishou { margin: 0 0 40px 0; border-bottom: 1px dotted #999; display: inline-block; /*width: 680px;*/ background: #EDF5F8 ; }
.dl-tokuteishou dt, .dl-tokuteishou dd { padding: .6em 10px; border-top: 1px dotted #999; display: block; float: left; }
.dl-tokuteishou dt { width: 180px; clear: both; }
.dl-tokuteishou dd { width: 460px; background: #FFF; }
@media screen and (max-width: 480px) {
.dl-tokuteishou {  }
.dl-tokuteishou dt, .dl-tokuteishou dd { border-top: none;float: none; width: 100%; }
.dl-tokuteishou dd { width: 100%; }
}

.dl-company, .dl-company2{ border-bottom: 1px dotted #ccc; }
.dl-company dt{	margin: 0 0 -2em; padding: 7px 0 1px 25px; border-top: 1px dotted #ccc;
	font-weight:bold; background: url(../images/cmn/list_bg.gif) no-repeat .5em 10px; }
.dl-company dd{ margin: 0; padding: 5px 0 3px 190px;}
.dl-company2 dt{	margin: 0 0 -2em; padding: 7px 0 1px 25px; border-top: 1px dotted #ccc;
	font-weight:bold; background: url(../images/cmn/list_bg.gif) no-repeat .5em 10px; }
.dl-company2 dd{ margin: 0; padding: 5px 0 3px 150px;}

@media screen and (max-width: 768px){.dl-company dd, .dl-company2 dd{ padding: 5px 0 3px 185px; background: left; }}
@media screen and (max-width: 480px){
.dl-company dd, .dl-company2 dd{ padding-left:20px;}
.dl-company dt, .dl-company2 dt{margin: 0;}
}

/* PROFILE
------------------------------------------------------------------------------------------------ */
.dl-profile dt{	padding: 4px 0 1px 20px; background: url(../images/cmn/list_bg.png) no-repeat .5em 10px; }
.dl-profile dd{ margin: 0; padding: 8px 0 2px 120px; }


/* WORK
------------------------------------------------------------------------------------------------ */
.work-table{ margin:0 0 20px 0; }
.work-table th{background:#EFEEE9; font-size:1.1em; font-weight:normal;}
th.bgc-th2 { background: none repeat scroll 0 0 #f7f7f4;}



/* SERVICE
------------------------------------------------------------------------------------------------ */
.flow { overflow:hidden;height: auto; margin: 0 0 20px; background:url(../images/flow/flow_arrow.gif) no-repeat bottom; padding:10px 0 40px;}
.flow-txt{ width:430px; float:left;}
.flow-txt p{ padding:10px 0 0 0; }
.flow-img{float:right; }
@media screen and (max-width: 768px){
.flow {	margin: 0 0 14px;}
.flow-txt{ width:350px;}
} 
@media screen and (max-width: 480px){
.flow {	height: auto; margin: 0 0 10px; padding: 0 0 30px 0; background:none; }
.flow-txt{ width:97%; float:none; }
.flow p{ padding:5px 0 0 0; margin:0 0 3px 0; }
.flow-img{float:none; text-align:center;}
.flow .fr { margin:0 40px 3em 0;} 
} 



/* ACCESS
------------------------------------------------------------------------------------------------ */
.access-way { height: 240px; margin: 0 0 10px; background:url(../images/access/icon_arrow.jpg) no-repeat 115px bottom; }
.access-way-txt{ width:320px; float:right;}
.nobgimg{ background:none !important;}
@media screen and (max-width: 768px){.access-way-txt{ width:280px; }} 
@media screen and (max-width: 480px){
.access-way {	height: auto; padding: 0 0 30px; }
.access-way .fl { margin:0 0 15px; background:url(../images/access/icon_arrow.jpg) no-repeat center bottom; float:none;} 
.access-way p{ padding:5px 0 0; margin:0 0 3px; }
.access-way-txt{ width:300px; float:none; margin:0 auto;}

}