@charset "utf-8";


/*===== common =====*/

h2 { text-align: center;}
h2 img {
 width: 300px;
 height: auto;
}

.midashi {
 color: #595757;
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 22px;
 font-weight: 400;
 line-height: 1.4em;
 letter-spacing: 0.05em;
}
h3 span {
 color: #9c6224;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 18px;
 font-weight: normal;
}

p { margin-bottom: 15px;}

.lm {
 position: absolute;
 top: -80px;
 left: 0;
 z-index: 100;
}


/*===== catch =====*/

#catch {
 width: 100%;
 height: 504px; 
 padding: 50px 0 0;
 background: url(../img/top/catch_back.png) no-repeat center top;
}
#catch .inner {
 position: relative;
 width: 960px;
 margin: 0 auto;
}
#catch img {
 position: absolute;
 left: 110px;
 top: 110px;
}



/*===== news =====*/

#news {
 width: 100%;
 padding: 30px 0 45px;
 background-color: #fff;
}
#news h2 {
 font-size: 23px;
 line-height: 1em;
 margin-bottom: 20px;
 letter-spacing: 0.08em;
}
#news .inner {
 width: 900px;
 padding: 0 0 0 20px;
 margin: 0 auto;
}
#news .unit {
 float: left;
 width: 280px;
 padding-right: 20px;
}
#news .unit .thumb {
 position: relative;
 overflow: hidden;
 width: 100px;
 height: 100px;
 margin-bottom: 23px;
 background-color: #ccc;
}
#news .unit .thumb img {
 width: 100%;
 height: auto;
}
#news .unit .tate img {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: auto;
}
#news .unit .yoko img {
 position: absolute;
 left: 0;
 top: 0; 
 width: auto;
 height: 100%;
}
#news .unit .date {
 display: block;
 font-size: 11px;
 margin-bottom: 5px;
}

#news .unit h3 {
 font-size: 17px;
}
#news .unit p { font-size: 12px;}
#news .unit p span {
 color: #8db08b;
 text-decoration: underline;
}
#news .unit a {
 display: block;
 color: #595757;
 height: 305px;
 padding: 17px 10px 8px;
 border: 2px solid #eee;
 border-left: none;
 border-right: none;
}
#news .unit a:hover { background-color: #f7f8f8;}
#news a.btn {
 display: block;
 color: #595757;
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
 font-size: 15px;
 line-height: 1em;
 letter-spacing: 0.45em;
 text-align: center;
 width: 600px;
 padding: 8px 0;
 margin: 35px auto 0;
 background-color: #f7f8f8;
 border: 2px solid #eaebeb;
 border-radius: 4px; 
}
#news a.btn:hover {
 opacity: 0.80;
 filter: alpha(opacity=80);
}


/*===== message =====*/

#message {
 width: 100%;
 padding: 27px 0 0;
 background: url(../img/top/texture_A.png) repeat center top;
}
#message h2 { margin-bottom: 40px;}
#message .contents {
 width: 100%;
 padding: 390px 0 0;
 background: url(../img/top/message_back.png) no-repeat center top;
}
#message .textUnit {
 width: 870px;
 padding: 45px 45px 30px 45px;
 margin: 0 auto;
}
#message .fl img {}
#message .fr { width: 520px;}



/*===== group =====*/

#group {
 width: 100%;
 padding: 60px 0 0;
}
#group h2 { margin-bottom: 65px;}
#group .contents {
 width: 100%;
 height: 390px;
 background: url(../img/top/group_back.png) no-repeat center top;
}
#group .textUnit {
 width: 410px;
 padding: 40px 505px 0 45px;
 margin: 0 auto;
}
#group h3 {
 color: #fff;
 margin-bottom: 30px;
}
#group p { color: #fff;}
#group .root { padding: 30px 0 0;}

#group br.pc { display: inline !important;}
#group br.sp { display: none !important;}


/*===== works =====*/

#works {
 width: 100%;
 padding: 80px 0 0;
}
#works h2 { margin-bottom: 60px;}

#works .contents {
 width: 890px;
 padding: 40px 35px 0;
 margin: 0 auto;
}
#works h3 img {
 width: 355px;
 height: auto;
}
#works .unit01 { margin-bottom: 30px;}
#works .unit01 p { width: 490px;}
#works .unit02 img { width: 365px; height: auto;}
#works .ichijuanBox {
 padding: 0 0 0 100px;
 background: url(../img/top/ichijuan02.png) no-repeat left top;
 background-size: 80px 220px;
}
#works .ichijuanBox strong {
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 17px;
 font-weight: 400; 
}
#works .ichijuanBox p { line-height: 1.55em;}



#works .sliderUnit {
 position: relative;
 width: 100%;
 height: auto;
 overflow: hidden;
}


/* wideslider */
.wideslider {
 width: 100%;
 text-align: left;
 position: relative;
/* overflow: hidden;*/
 background-color: #fff;
}
.wideslider p { margin-bottom: 0;}
.wideslider ul,
.wideslider ul li {
 float: left;
 display: inline;
 height: 430px !important;
 overflow: hidden;
}
.wideslider ul li img {
 width: 100%;
 height: auto;
 display: none;
}
.wideslider_base {
 top: 0;
 position: absolute;
}
.wideslider_wrap {
 top: 0;
 position: absolute;
 overflow: hidden;
}
.slider_prev,
.slider_next {
 top: 0;
 overflow: hidden;
 position: absolute;
 z-index: 100;
 cursor: pointer;
}
.slider_prev { background: url(../img/top/prev.png) no-repeat right center rgba(0,0,0,0.25);}
.slider_next { background: url(../img/top/next.png) no-repeat left center rgba(0,0,0,0.25);}
/*.slider_prev:hover { background-image: url(../img/top/prev_o.png);}
.slider_next:hover { background-image: url(../img/top/next_o.png);}*/


.pagination {
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 200; 
 width: 100%;
 height: 13px;
 text-align: center;
}
.pagination a {
 display: inline-block;
 overflow: hidden;
 width: 13px;
 height: 13px;
 margin: 0 4px;
 background-color: #9fa0a0;
 border-radius: 10px;
 filter:alpha(opacity=100)!important;
 opacity: 1!important; 
}
.pagination a.active { background-color: #850d23;}

span.workTitle { display: none;}
.mainActive span.workTitle {
 display: block;
 color: #595757 !important; 
 font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
 text-align: center;
 padding: 5px 0 0;
}


/*===== store =====*/

#store {
 width: 100%;
 padding: 80px 0 0;
}
#store h2 { margin-bottom: 60px;}
#store .contents {
 width: 100%;
 padding: 390px 0 0;
 background: url(../img/top/store_back.png) no-repeat center top;
}
#store .textUnit {
 width: 880px;
 padding: 30px 40px 0;
 margin: 0 auto;
}
#store h3 { margin-bottom: 50px;}
#store h3 img {
 width: 225px;
 height: auto;
}
#store h3 span {
 position: absolute;
 top: 15px;
 left: 260px;
}
#store .unit01 { margin-bottom: 50px;}
#store .unit01 h4 { margin-bottom: 20px;}
#store .unit01 .fl {
 width: 480px;
}
#store .unit01 .fr {
 padding: 20px 10px 0 0;
}
#store .unit01 .fr img {
 width: 350px;
 height: auto;
}
#store .unit02 { margin-bottom: 20px;}
#store .unit02 h5 {
 line-height: 1em;
 margin-bottom: 20px;
}
#store .unit02 h5 img {
 width: auto;
 height: 15px;
}
#store h6.midashi {
 font-size: 17px;
 margin-bottom: 10px;
}
#store .box {
 float: left;
 width: 280px;
 padding-right: 20px;
}
#store .box p { font-size: 12px;}


#store a.line {
 display: block;
 padding: 15px;
 border: 1px solid #00c300;
}
#store a.line:hover {
 opacity: 0.80;
 filter: alpha(opacity=80); 
}
#store a.line div {
 padding-left: 160px;
 background: url(../img/top/store_line_mark.png) no-repeat right center / 11px 22px;
}
#store a.line div img.icon {
 width: 58px;
 height: auto;
 margin-right: 15px;
}



/*===== recruit =====*/

#recruit {
 width: 100%;
 padding: 60px 0 0;
}
#recruit h2 { margin-bottom: 65px;}
#recruit .contents {
 width: 100%;
 padding: 390px 0 0;
 background: url(../img/top/recruit_back.png) no-repeat center top;
}
#recruit .textUnit {
 width: 860px;
 padding: 50px;
 margin: 0 auto;
}
#recruit .unit01 { margin-bottom: 40px;}
#recruit .unit01 .fl { width: 580px;}
#recruit .unit01 h3 { margin-bottom: 20px;}
#recruit .unit01 img {
 width: 220px;
 height: auto;
}
#recruit .unit02 {
 width: 550px;
 margin: 0 auto;
}
#recruit .unit02 .fr { width: 360px;}
#recruit .unit02 h3 {
 font-size: 17px;
 margin-bottom: 10px;
}
#recruit .unit02 p { font-size: 12px;}
#recruit .unit02 img {
 width: 170px;
 height: auto;
}

#requirement {
 width: 100%;
 background-color: #f2f2f2;
}
#requirement .inner {
 width: 860px;
 padding: 25px 0 30px;
 margin: 0 auto;
}
#requirement h3 {
 text-align: center;
 margin-bottom: 25px;
}
#requirement table {
 width: 100%;
 margin-bottom: 30px;
 border-top: 1px solid #d2d2d2;
}
#requirement th,#requirement td {
 padding: 14px 0;
 border-bottom: 1px solid #d2d2d2;
}
#requirement th {
 font-weight: normal;
 text-align: left;
 width: 165px;
 padding: 14px 0 14px 17px;
}
#requirement p.midashi {
 font-size: 17px;
 text-align: center;
}
#requirement .renrakusaki {
 width: 570px;
 padding: 15px 0;
 margin: 0 auto;
 background-color: #dcdddd;
}
#requirement .renrakusaki p {
 text-align: center;
 margin-bottom: 0;
}

#requirement .syuryou p {
 text-align: center;
 padding: 15px 0;
 margin: 0;
 border-top: 1px solid #d2d2d2;
 border-bottom: 1px solid #d2d2d2;
}



/*===== profile =====*/

#profile {
 width: 100%;
 padding: 70px 0 0;
}
#profile h2 { margin-bottom: 60px;}
#profile .contents {
 width: 100%;
 padding: 390px 0 0;
 background: url(../img/top/profile_back.jpg) no-repeat center top;
}
#profile .textUnit {
 width: 860px;
 padding: 90px 0 50px;
 margin: 0 auto;
}
#profile .unit01 { width: 375px;}
#profile .unit01 h3 {
 float: left;
 line-height: 1em;
 margin-bottom: 40px;
}
#profile .unit01 h3 span {
 display: block;
 color: #595757;
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 12px;
}
#profile .unit01 ul { float: right;}
#profile .unit01 li {
 float: left;
 padding-left: 14px;
}
#profile .unit01 li img {
 width: 40px;
 height: auto;
}
#profile .unit01 table {
 width: 100%;
 border-top: 1px solid #b3b3b3;
}
#profile .unit01 th,
#profile .unit01 td {
 padding: 12px 0;
 border-bottom: 1px solid #b3b3b3;
}
#profile .unit01 th {
 text-align: left;
 font-weight: normal;
 width: 100px;
 padding: 12px 0 12px 6px;
}

#profile .unit02 { padding: 80px 0 100px;}
#profile .unit02 h3 {
 text-align: center;
 padding-bottom: 25px;
 margin-bottom: 18px;
 border-bottom: 1px solid #d6d6d6; 
}
#profile .unit02 table {
 width: 100%;
 border-bottom: 1px solid #d6d6d6; 
}
#profile .unit02 th,
#profile .unit02 td {
 font-weight: normal;
 text-align: left;
 padding: 0 0 18px 14px;
}

#profile .unit03 { padding: 0 0 50px;}
#profile .unit03 h3 {
 text-align: center;
 padding-bottom: 30px;
}
#profile .unit03 h4 { font-size: 17px;}

#map { margin-bottom: 40px;}
#map img {
 width: 315px;
 height: 400px;
}