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


/* -------------------------------------------------- */
/* FONTS -------------------------------------------- */
/* -------------------------------------------------- */

.fcBlue-bold {font-weight: bold;color: #039;}
.fcGreen-bold {font-weight: bold;color: #693;}
.fcRed-bold {font-weight: bold;color: #900;}
.fb {font-weight: bold !important;}
.fcRed01 {color: #900;}
.fs-small{ font-size: 0.87em; }
.fs-big{ font-size: 1.2em; }
.fs-bigger{ font-size: 1.4em; }
.u-line{text-decoration: underline;}
.fwNormal{ font-weight: normal !important; }

.fcBlue { color: #039;}
.fcOrange { color: #F90;}
.fcPink { color: #F6C;}
.fcPurple { color: #639;}
.fcGreen { color: #390;}
.fcoriginal{color:#E44347}
.fcWhite{color:#FFF}

/* -------------------------------------------------- */
/* POSITION ----------------------------------------- */
/* -------------------------------------------------- */

.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.va {vertical-align: middle;}
.nonpc-tc {text-align: left;}

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

.right-img { float: right;margin-left: 10px; }
.left-img { float: left;margin-right: 10px; }
@media screen and (max-width: 480px) { 
.left-img, .right-img { float: none; margin: 0 auto 10px auto; display: block; }
}

.layout-right, .layout-left { width: /*315px*/340px; margin-bottom: .5em; }
.layout-left { float: left; }
.layout-right { float: right; }
@media screen and (max-width: 768px) {
.layout-right, .layout-left { width: 49%; }
}
@media screen and (max-width: 650px) {
.nonpc-tc {text-align: center;}
}
@media screen and (max-width: 480px) {
.layout-right, .layout-left { width: 100%; float: none; }
}


/* -------------------------------------------------- */
/* SPACE -------------------------------------------- */
/* -------------------------------------------------- */
.overf-hidden { overflow: hidden; }
.margin-auto{ margin-right: auto; margin-left: auto; }

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt25 {margin-top: 25px;}
.mt55 {margin-top: 55px;}
.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;}
.ml5 {margin-left: 5px !important;}
.ml45 {margin-left: 45px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !important;}
.mr10 {margin-right: 10px !important;}
.pr3 { padding-right: 3px !important;}
.pt15 {padding-top: 15px !important;}
.sp_R1em {padding: 0 1em 0 0;}
.sp_L1em {padding: 0 0 0 1em;}
.sp_L2em {padding: 0 0 0 2em;}

.clear { clear: both;}
.noline { text-decoration:none;}


/* -------------------------------------------------- */
/* COMMON ------------------------------------------- */
/* -------------------------------------------------- */

/* table
-------------------------------------------- */
.table-cmn{	width:100%; border-collapse: collapse; border-left: 1px solid #ccc; border-top: 1px solid #ccc;	margin: 0 auto; background:#FFF	 }
.table-cmn th {	padding:4px 0 0; border: 1px solid #ccc; box-shadow: 1px 1px 0 #FFF inset; font-weight: bold;text-align: center;background:#FEEACF; }
.table-cmn td {	border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: auto; padding:4px 4px 0; text-align:left;text-align:center;}
.table-cmn tr .table-cmn-row {	background-color:#e5e5e5;}
.table-cmn th[scope="row"] {background-color:#F7F7F7; text-align:left; padding: 1em;}


/* COMMON - ul ---------------- */
.ul-cmn{ } 
.ul-cmn li{ padding: 0 0 .6em 20px; background: url(../images/cmn/ul_cmn_bg.gif) no-repeat left 4px; }
.ul-cmn ol { list-style: decimal; }
.ul-cmn ol li{ background: none; }
.ul-cmn2 li{ background:url(../images/cmn/side_menu_bg.gif) no-repeat left ; padding:6px 0 0 20px;}

.ul-nml li{ margin-left: 1.8em; list-style: disc; }
.ul-nml li{ background: none; }

.ul-check { }
.ul-check li { margin: 0 0 0.8em 0; padding: 0 0 0 22px; background: url(../images/cmn/ul_check_bg.gif) no-repeat 4px 6px; }




/* COMMON - ol ---------------- */
.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; }
}

.ol-bold{ color:#900; font: italic normal bold 20px/1 Georgia, sans-serif; }
.ol-bold li{ margin: 0 0 1em 1.4em; }
.ol-bold li .li-ttl{ color: #333; font: normal normal bold 14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; border-bottom: 1px solid #C00; }
.ol-bold li p{ color: #333; font: normal normal normal 14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; margin: 0; padding: 0; }
.ol-bold li span{ color: #333; font: normal normal bold 14px/1 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }


/* COMMON - dl ---------------- */
.dl-cmn { margin: 0; border-bottom: 1px dotted #999; display: inline-block; width: 690px; background:#FEEACF;}
.dl-cmn dt, .dl-cmn dd { padding: .6em 10px; border-top: 1px dotted #999; display: block; float: left; }
.dl-cmn dt { width: 180px; clear: both; background:#FEEACF;}
.dl-cmn dd { width: 470px; background:#FFF;}
@media screen and (max-width: 480px) {
.dl-cmn { width: 300px; }
.dl-cmn dt,.dl-cmn dd { width: 280px; }
}




.dl-cmn-half { margin: 10px 0 20px 0; border: 1px solid #999; display: inline-block; width: 470px; background: #FDE2E1; border-top:none;}
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 10px; border-top: 1px solid #999; display: block; float: left; }
.dl-cmn-half dt { width: 70px; clear: both;  text-align:center;}
.dl-cmn-half dd { width: 359px; background: #FFF; }
@media screen and (max-width: 768px) {
.dl-cmn-half { width: 65%; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 2%; }
.dl-cmn-half dt { width: 24%; }
.dl-cmn-half dd { width: 68%; }
}
@media screen and (max-width: 650px) {
.dl-cmn-half{width:450px;}
.dl-cmn dd p{ width:250px;}
.dl-cmn img{ display: none;}
}
@media screen and (max-width: 480px) {
.dl-cmn dd p{ width:auto;}
.dl-cmn img{ display: block;}
.dl-cmn-half { width:290px; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 10px; }
.dl-cmn-half dt { width: 60px; }
.dl-cmn-half dd { width: 190px; }
}

.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; }


/* COMMON - box ---------------- */
.cmn-box{ border: 2px dotted #FBA645; background-color:#f9f9f9; padding:1em 0 20px 0; overflow:hidden; }
.box-radius{ border-radius: 6px; }
.border-box1{ border:1px solid #FBB555;}
.border-box4{ border:4px solid #FBB555;}
.border-box3{ border:3px solid #FBB555;}
.border-box2{ border:2px solid #DDD;}
.border-box5{ border:1px solid #FBB555;}


.border-box1,.border-box2,.border-box4,.border-box3,.border-box5{ padding:20px; overflow:hidden; box-sizing:border-box; background:#FFF;}


.box-200{ width: 200px; }
.box-half{ width: 345px; }
.box-980{ width: 980px; }
@media screen and (max-width: 768px) {
.box-980{ width: 660px; }
}
@media screen and (max-width: 480px) {
.box-half{ width: 100%; }
.cmn-box{ width: 90%; padding: 4%;background: none;}
.box-980{ width: 300px; }
}

.youtubePcTab{ display: block; }
@media screen and (max-width: 480px) {
.youtubePcTab{ display: none; }
}

/* FORM ---------------- */
.form-box fieldset{margin: 0 0 10px 0;padding: 0 20px 10px 20px;border: 1px solid #CCC;}
.form-box legend{margin: 0;padding: 0.5em 1em !important; border: 1px solid #CCC !important; color: #FFF; font-size: 16px; background-color: #F90; float:none; display:block; font-weight:normal;}
.form-box label{ margin: 1em 0 0.5em 0; border-bottom: 1px dashed #999; display: block;}
.form-box input{margin: 0 0 0.7em 0;font-size: 14px;background-color: #F8F7F5;border: 1px solid #C3C3C3;}
.form-box textarea{ width: 95%; margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px; }
.btn-submit{ padding: .4em 1em; }
.form-box fieldset #email,#email2 { width: 260px;}
@media screen and (max-width: 480px) {
.form-box fieldset { padding: 0 6px; width: 94%; }
.form-box input, textarea { width: 90%; }
.form-box .radio-class { width:10%; text-align:left; margin:5 0}
.form-box .wpcf7-radio input{width:10%; text-align:left; margin:5 0;}
}

/* -------------------------------------------------- */
/* PAGES -------------------------------------------- */
/* -------------------------------------------------- */
.more{ text-align:right; display:block;}
.more a:hover img { opacity:0.6; filter: alpha(opacity=60); }

/* PAGES - INDEX ---------------- */
.idx-top .float-l { width:/*52%*/100%; }
.idx-top .float-r { width:45%; text-align:right; }
.idx-top ul { background: #FFF; border:solid 1px #FBCFCE; padding: 15px 15px 9px; display: inline-block;overflow: hidden; width:100%; box-sizing:border-box;}
.idx-top li { margin-bottom:5px;}
@media screen and (max-width: 480px) {
.idx-top .float-l,.idx-top .float-r { width:100%; float:none; }
.idx-top .float-r { text-align:center;}
}

.idx-service{ overflow:hidden;}
.idx-service div{ overflow:hidden; box-sizing:border-box;}
.idx-service .layout-left {	margin-right: 10px;}
.idx-service-box{ border:solid 1px #FBCFCE; padding:18px 18px 15px; text-align:left; border-radius:3px; background:#FFF;}
.idx-service-box img{ margin-bottom:15px;}

.idx-topics{padding: 5px;}
.idx-topics ul li {	font-size: 1.15em; margin-bottom: 8px; border-bottom: 1px dotted #CCC; padding:0 0 5px 30px; background:url(../images/idx/icon_topics.gif) no-repeat;}

.idx-featurea { padding:5px 0;}
.idx-featurea dt{ float:left; clear:both; overflow:hidden; width:35%; margin:0 3% 20px 0;}
.idx-featurea dd{ float:right; overflow:hidden; width:62%; margin:20px 0 0;}
.idx-featurea dd img{ margin-bottom:20px; display:block; }
@media screen and (max-width: 650px) {
.idx-service .layout-right,.idx-service .layout-left{ width:48%;}
}
@media screen and (max-width: 480px) {
.idx-service .layout-right,.idx-service .layout-left{ width:auto;}
.idx-featurea dt{ float:none;width:100%; margin-right:0; text-align:center;}
.idx-featurea dd{ float:none;width:100%; margin-bottom:30px;}
.idx-featurea dd img{ margin-bottom:10px; width:250px; padding:0 0 0 18px;}
}

/*.idx-voice-box{ width:48.5%; box-sizing:border-box; border:1px solid #FBCFCE; padding:15px 23px; border-radius:3px; background:#FFF;}*/
.idx-voice-box{ width:290px; height:230px;border:1px solid #FBCFCE ; padding:15px 23px; border-radius:3px; background:#FFF;}
.idx-voice-box p{ width:280px;}
.idx-voice-box li{ width:280px;}
.idx-voice_ul { }
.idx-voice_ul li{ padding: 0 0 .8em 30px; background: url(../images/idx/idx_vice.jpg) no-repeat left 4px;}
@media screen and (max-width: 720px) {
.idx-voice-box{ width:45%; margin-bottom:15px;}
.idx-voice-box li{ width:90%;}
}
@media screen and (max-width: 650px) {
.idx-voice-box{ width:90%; float:none;}
.idx-voice-box p{ width:100%;}
.idx-voice-box li{ width:90%;}
}
@media screen and (max-width: 480px) {
.idx-voice-box{ width:280px;  height:300px; padding:5px;}
}

/*safari用ハック------------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.idx-voice-box{ width:290px; min-height:250px; border:1px solid #FBCFCE; padding:15px 23px; border-radius:3px; background:#FFF;}
 }
 /*chrome用ハック------------------------ */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.idx-voice-box{ width:290px; height:230px;}
}


/* PAGES - VOICE ---------------- */
.voice-ttl{ font-weight: bold; font-size: 1.6em; color: #360; }
.voice-name{ margin: 0 0 2em 0; padding: 4px 4px 2px 0; text-align: right; border-bottom: 1px solid #999; }
.voice-name-last{ padding: 4px 4px 2px 0; text-align: right; }

/* PAGES - FAQ ---------------- */
.faq-box { background:url(../images/faq/faq_bc.jpg) repeat;}
.faq-ttl {background: url(../images/faq/faq_q.gif) no-repeat 10px 10px; padding: 14px 0 5px 50px; min-height: 50px;font-weight: bold; font-size: 1.2em; border-radius:4px; margin-bottom:0 !important; box-sizing:border-box;}
.faq-txt {background: url(../images/faq/faq_a.gif) no-repeat 10px 10px; padding: 10px 0 20px 55px;}
.faqtxt-box{ background:#FFF; min-height:70px; margin-bottom:20px;}

/* PAGES - ACCESS ---------------- */
.map-box{ width: 100%; height: 450px; }
@media screen and (max-width: 480px) {
.map-box{ height: 300px; }
}

/* PAGES - INFO ---------------- */
.info_dl_top{ width:470px; padding-left:0px; margin:0;}

.cmn-box .ul-info  { padding:1% 2%;}

.ul-info li{ width:48%; float:left; margin:2% 1%; text-align:center;}
.ul-info li img{ margin-bottom:5px; }


@media screen and (max-width: 480px) {
.ul-info li{ width:100%; float:none; margin-bottom:30px; }
.info_dl_top{ width:300px;}
.info_box{ width:300px; }
}


/* VOICE
-------------------------------------------- */
.voice-box {border: 10px solid #FBCFCE;	overflow: hidden;border-radius:0 0 6px 6px;	padding:2em; margin-bottom:30px; clear:both; background:#FFFFFF;}
.voice-box p:last-child {margin:0;}
.voice-ttl{margin-bottom: 0!important; font-size:1.3em; padding:.8em 1em 0;box-sizing: border-box; font-weight:bold; background:#FBCFCE; border-radius:10px 10px 0 0; }
.voice-name{ background:#EFE8E2; color: #444; font-size: 1.1em; font-weight: bold; padding: 5px 10px 3px;}
@media screen and (max-width: 650px) {.voice-box {padding:1em;}
}


/* JOB
-------------------------------------------- */

.dl-recruite {display: inline-block;border-bottom: 1px dotted #333;padding:0;overflow:hidden;background-color:#FEEACF;width: 690px;margin: 0 0 10px 0;}
.dl-recruite dt {width: 140px;float: left;clear: both;border-top: 1px dotted #333;display: block;padding: .5em 10px .4em;margin:0;font-weight: bold;
}
.dl-recruite dd{background-color: #FEFDF5;width: 510px;border-top: 1px dotted #333;float: left;display: block;margin:0;padding: .5em 10px .4em;}

@media screen and (max-width: 768px) {
.dl-recruite p{ width:95%;}
}

@media screen and (max-width: 650px) {
.dl-recruite{ width: 100%; }
.dl-recruite dt,.dl-recruite dd{ width: 100%; }
.dl-recruite p{ width:95%;}
}

@media screen and (max-width: 480px) {
.dl-recruite{ width: 100%; }
.dl-recruite dt,.dl-recruite dd{ width: 100%; }
}

/* service 
-------------------------------------------- */


/*.service {background: url(../images/service/service-bnr01_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service2 {background: url(../images/service/service-bnr02_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service3 {background: url(../images/service/service-bnr03_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service4 {background: url(../images/service/service-bnr04_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service p, .service2px p, .service3 p, .service4 p { width:48%;background-color: #FFF;padding:5px;float: right; text-align:left;}
*/
.service {background: url(../images/service/service-bnr01_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service2 {background: url(../images/service/service-bnr02_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service3 {background: url(../images/service/service-bnr03_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service4 {background: url(../images/service/service-bnr04_bg.gif) repeat;width: 97%; height:auto; padding:10px; min-height:120px;}
.service p,.service2 p,.service3 p,.service4 p { width:48%;background-color: #FFF;padding:5px;float: right; text-align:left;}


@media screen and (max-width: 768px) {
.service p,.service2 p,.service3 p,.service4 p { width:45%;}

}


@media screen and (max-width: 650px) {
.service img,.service2 img,.service3 img,.service4 img { width:50%;}
}

@media screen and (max-width: 480px) { 
.service,.service2,.service3,.service4 {background: none;padding:0; text-align:center;}
.service img,.service2 img,.service3 img,.service4 img { width:100%;}
.service p,.service2 p,.service3 p,.service4 p { width:100%; float:none;}
}

/* service /dayservice
-------------------------------------------- */

.list { width:100%; margin:0 0 40px 1em !important;}
.list li{ width:30%; float:left; background: url(../images/cmn/ul_cmn_bg.gif) no-repeat left 4px; padding: 0 0 .6em 15px;}

@media screen and (max-width: 480px) {
.list li { width:35%; padding:0 1em 1em 15px; margin-right:5px;}
}


/*training
-------------------------------------------- */
@media screen and (max-width: 650px) {
.training-img{ float:none; text-align:center;}	
}


@media screen and (max-width: 480px) {
.training-img{ text-align:center;}
}