@charset "UTF-8";
a{color:#333;text-decoration:none;}
a:hover{color:#555;}
/* movie
---------------------------------------------------- */
#slider {
    width: 100%;
    margin: 0 auto;
}
#slider img {
    width: 100%;
}
.pc { display: block !important; }
.sp { display: none !important; }
/* 動画2021
---------------------------------------------------- */
#main-visual{
width: 100%;
z-index: -100;
background-color: #fff;
display: block;
margin-bottom:-10px
}
.wrap-video{
  position:relative;
}
.wrap-video video{
  width: 100%;
  height:100%
}
/* info
/* ------------------------------------- */
.info_t {
border-bottom: 2px solid #e94820;
margin: 0;
}
.info_t a{text-decoration:none;display:block;outline:none;color:#e94820;font-size:150%;font-weight: normal;margin:5px 0; }
.topi_t a:hover {color: #e40012;content:"";display:block;clear:both}
.info_box2 {padding-bottom: 0;}
.info_box {
width: 100%;
float: left;
font-weight: normal;
display: block;
margin: 0 21px 0 0;
padding: 15px 0;
border-bottom: #ccc dotted 1px;
}
.info_box p {
float: left;
font-size: 85%;
line-height: 150%;
margin: 0 10px 0 0;
text-align: left;
color: #555;
font-weight: normal;
padding:5px 0;
}
.info_box h5 a {
text-decoration: none;
float: left;
font-weight: normal;
font-size: 110%;
line-height: 150%;
color: #555;
padding:5px 0 0 0;}
.info_box h5 a:hover {
text-decoration: underline;
}
.info_t p {
float: right;
margin: 0 0 0 0;
font-size:50%;
}
.info_t a:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
/* calendar
/* ------------------------------------- */
.info_c {
border-bottom: 2px solid #e94820;
text-decoration:none;display:block;outline:none;color:#e94820;font-size:160%;font-weight: normal;margin:5px 0 10px 0;
padding-bottom:5px}
.boxA{
padding:0}
.box3 {
padding: 30px 0 0 0;
}
.sbc-calendar-month {
    float: none;
    padding: 0px!important;
    width:100%!important;
    border: 0px solid #ccc!important;
    background-color: inherit!important;
    margin-right: 0px!important;
}

#sbc-calendar table {
    width: 100%;
}
.bottom_c{
	margin-top:-20px;
	font-size:80%
}

/* bunner
---------------------------------------------------- */
#t_bnr_b{
margin:0 0 30px 0;
}
#t_bnr1 a,
#t_bnr2 a,
#t_bnr3 a{
width:33.33%;
height:300px;
float:left;
padding:0;
margin:0;
text-align:center;
}
#t_bnr1 span,
#t_bnr2 span,
#t_bnr3 span{
position: relative;
top: 20%;
max-width:100%;
height:auto;
font-size:180%;
font-weight:bold;
color:#fff;
}
#t_bnr1 span:before,
#t_bnr2 span:before {
content: '';
display: inline-block;
content:url(../img/top/t_bnr1_i.png) ;
}
#t_bnr1 a{
background:url(../img/top/t_bnr_b1.jpg) no-repeat right bottom;
border-top: 3px solid #009e44;
}
#t_bnr2 a{
background:url(../img/top/t_bnr_b2.jpg) no-repeat right bottom;
border-top: 3px solid #e94820;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#t_bnr3 a{
background:url(../img/top/t_bnr_b3.jpg) no-repeat right bottom;
border-top: 3px solid #036eb6;
}
#t_bnr1 a,
#t_bnr2 a,
#t_bnr3 a{
background-size:cover;
background-position: center;
position: relative;
}
#t_bnr1,
#t_bnr2,
#t_bnr3 {
margin:0 auto;
}
#t_bnr1 a:before ,
#t_bnr2 a:before ,
#t_bnr3 a:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
/*半透明のフィルターをかける*/
#t_bnr1 a:before{background-color: rgba(0,158,68,0.8)}
#t_bnr2 a:before{background-color: rgba(232,85,20,0.8)}
#t_bnr3 a:before{background-color: rgba(3,110,182,0.8)}

#t_bnr1 a:hover::before,
#t_bnr2 a:hover::before,
#t_bnr3 a:hover::before{
background-color: rgba(0,0,0,0.7); /*半透明のフィルターをかける*/
}
#t_bnr_b p{
position: absolute;
color: #fff;
top: 65%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin: 0 auto;
padding:0;
width:90%;
font-size:100%;
line-height: 2;
text-align:center;
}
/* リクルート
---------------------------------------------------- */
div.para{height:auto;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;clear:both;position:relative;padding:50px 0;margin:30px 0 -40px 0;}
p.me{font-size:150%;line-height: 1.5;color:#fff;padding:10px 0 0 0;text-align:left;text-shadow:  #036eb6 1px 1px 10px, #036eb6 -1px 1px 10px,#036eb6 1px -1px 10px, #036eb6 -1px -1px 10px;}
.lead{font-size:100%;color:#FFF;padding:20px 0;text-align:left;}
.paraBox2{margin:0 auto;}
.para_bg02{background:url(../img/top/back01.jpg);}
.sisetu_bana{width:100%;height:auto;display:block;font-size:100%;}
.sisetu_bana li{width:50%;list-style-type:none;padding:2px;margin:0 auto;}
.sisetu_bana a{display:block;padding:10px;text-decoration:none;background-color:#e40012;font-size:100%;color:#FFF;text-align:center;}
.sisetu_bana a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
@media screen and (max-width:80em) {
.br-sp,#t_bnr1 span:before,#t_bnr2 span:before { display:none; }
#t_bnr1 span,
#t_bnr2 span,
#t_bnr3 span{
top: 30%;
height:auto;
font-size:130%;
line-height: 1.2;
}
#t_bnr1 a,
#t_bnr2 a,
#t_bnr3 a{
height:240px;
}
#t_bnr_b p{
font-size:85%;
line-height: 1.8;
text-align:left;
top: 60%;
}
}
@media only screen and (max-width:60em) {/* スマホ幅 */
#t_bnr1 a span,
#t_bnr2 a span,
#t_bnr3 a span{
top: 10%;
font-size:70%;
line-height: 1;
display:inline-block
}
#t_bnr1 a,
#t_bnr2 a,
#t_bnr3 a{
height:160px;
}
#t_bnr_b p{
font-size:70%;
line-height: 1.5;
}
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (min-width:980px){
p.me{font-size:180%;text-align:center;}
.lead{text-align:center;}
.sisetu_bana li{width:25%;}
.info_t p {margin-top:20px}
/* calendar
/* ------------------------------------- */
.boxA:after	{content: "";
	display: block;
	clear: both}
.boxA{padding:0}
.box2	{float: left;
	width: 68%}
.box3	{float: right;padding: 0;
	width: 28%}
}