@charset "UTF-8";

/* mainBg --------------- */
#mainBg{
background:url(../../img/top/mainvisual_bg.gif) no-repeat center top, url(../../img/top/mainvisual_bg02.gif) repeat-x center top;
background-size:auto 100%, auto 100%;
width:100%;
height:340px;
max-height:324px;
position:absolute;
top:0;
left:0;
z-index:-1;
}

/* keyVisual --------------- */
#keyVisual{
position:relative;
width:94%;
margin: 0 auto;
}

#keyVisual .txtCatch{
padding:0 17%;
margin-bottom:15%;
}

/* News --------------- */
#newsBlc{
background:url(../img/common/bg_line01.jpg) left top repeat-x;
margin:20px 0 0;
padding:20px 0;
}

#newsBlc h1{
box-sizing:border-box;
padding:0 3%;
margin:0 0 4%;
position:relative;
}

#newsBlc h1 .txt{
background:url(../img/common/bg_title_star.png) no-repeat left top;
background-size:auto 100%;
font-size:120%;
color:#4F3017;
padding-left:20px;
display:block;
}

#newsBlc h1 .more{
background:url(../img/common/icn_plus.png) 5px 50% no-repeat #4F3017;
height:24px;
line-height:22px;
padding:2px 5px 2px 20px;
font-size:90%;
color:#fff;
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:3%;
}

#newsBlc h1 .more.onclick{
background-image:url(../img/common/icn_minus.png);
}

#newsBlc > ul{
padding:3%;
}

#newsBlc > ul > li{
padding:3% 0;
border-bottom:#4F3017 dotted 1px;
}

#newsBlc > ul li .date{
display:inline;
margin:0 0 2%;
}

#newsBlc > ul li .date:after{
content:"";
clear:both;
display:block;
}

#newsBlc > ul li .txt{
margin-top:7px;
display:block;
}

#newsBlc .imgRight{
margin:0 0 10px 5px;
float:right;
}

/* recruitBlc --------------- */
#recruitBlc{
background:url(../img/common/bg_line02.jpg) left top repeat-x;
margin:20px 0 0;
padding:20px 0;
}

#recruitBlc h1{
box-sizing:border-box;
padding:0 3%;
margin:0 0 4%;
position:relative;
}

#recruitBlc h1 .txt{
background:url(../img/common/bg_title_star.png) no-repeat left top;
background-size:auto 100%;
font-size:120%;
color:#DB6C22;
padding-left:20px;
display:block;
}

#recruitBlc h1 .more{
background:url(../img/common/icn_plus.png) 5px 50% no-repeat #DB6C22;
height:24px;
line-height:22px;
padding:2px 5px 2px 20px;
font-size:90%;
color:#fff;
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:3%;
}

#recruitBlc h1 .more.onclick{
background-image:url(../img/common/icn_minus.png);
}

#recruitBlc > ul{
padding:3%;
}

#recruitBlc > ul > li{
padding:3% 0;
border-bottom:#DB6C22 dotted 1px;
}

#recruitBlc > ul li .date{
display:inline;
margin:0 0 2%;
}

#recruitBlc > ul li .date:after{
content:"";
clear:both;
display:block;
}

#recruitBlc > ul li .txt{
margin-top:7px;
display:block;
}

/* navi --------------- */
#navi > section{
width:300px;
margin:0 auto 4%;
position:relative;
}

#navi .ttl{
background-repeat:no-repeat;
background-size:100% auto;
width:300px;
position:relative;
z-index:60;
}

#navi .ttl img{
position:absolute;
}

#navi .txt{
font-size:90%;
position:absolute;
z-index:60;
}

#navi .photo{
position:absolute;
z-index:55;
}

#navi .inner{
width:280px;
height:215px;
position:relative;
}

#navi .btn{
text-align:right;
position:relative;
margin-top:-22px;
z-index:60;
}

#navi01 .ttl{
background-image:url(../../img/top/about_ttl.png);
height:119px;
left:-5px;
}

#navi01 .ttl img{
right:20px;
top:25px;
}

#navi01 .txt{
left:110px;
top:65px;
}

#navi01 .photo{
top:50px;
}

#navi01 .inner{
left:9px;
margin-top:-60px;
}

#navi02 .ttl{
background-image:url(../../img/top/dayflow_ttl.png);
height:117px;
}

#navi02 .ttl img{
right:23px;
top:25px;
}

#navi02 .txt{
left:110px;
top:65px;
width:175px;
}

#navi02 .photo{
top:70px;
}

#navi02 .inner{
left:9px;
margin-top:-33px;
}

#navi03 .ttl{
background-image:url(../../img/top/calender_ttl.png);
height:117px;
}

#navi03 .ttl img{
right:20px;
top:33px;
}

#navi03 .txt{
left:115px;
top:75px;
width:175px;
}

#navi03 .photo{
top:70px;
}

#navi03 .inner{
margin-top:-32px;
margin-left:11px;
}

#navi04 .ttl {
background-image:url(../../img/top/album_ttl.png);
height:117px;
}

#navi04 .ttl img{
right:20px;
top:20px;
}

#navi04 .txt{
left:115px;
top:60px;
width:175px;
}

#navi04 .photo{
top:70px;
}

#navi04 .inner{
width:275px;
margin-top:-39px;
margin-left:5px;
}

#navi05 .ttl{
background-image:url(../../img/top/contact_ttl.png);
height:117px;
}

#navi05 .ttl img{
right:20px;
top:20px;
}

#navi05 .txt{
left:118px;
top:62px;
width:175px;
}

#navi05 .photo{
top:70px;
}

#navi05 .inner{
margin-top:-36px;
margin-left:11px;
}

#navi06 .ttl{
background-image:url(../../img/top/blog_ttl.png);
height:117px;
}

#navi06 .ttl img{
right:23px;
top:20px;
}

#navi06 .txt{
left:115px;
top:58px;
width:175px;
}

#navi06 .photo{
top:70px;
}

#navi06 .inner{
margin-top:-35px;
margin-left:11px;
}

@media screen and (max-width: 480px) {
/* mainBg --------------- */
#mainBg{
height:245px;
}

/* keyVisual --------------- */
#keyVisual .txtCatch{
padding:0 7%;
margin-bottom:7%;
}
}