@charset "utf-8";

/* =reset
--------------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,form,fieldset,legend,a,em,address,img,th,td {
font-weight: normal;
font-size: 100%;
margin: 0;
padding: 0;
border: none;
text-align: left;
line-height: 1;
list-style-type: none;
font-style: normal;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

img {
display:block;
}

/* ▼画面サイズ 〜768px */
@media only screen and (max-width: 768px) {
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
}
/* ▲画面サイズ 〜768px */

.clearfix {
zoom:1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}

a:link {
color:#336699;
text-decoration: none;
line-height:140%;
}
a:visited {
color:#336699;
text-decoration: none;
}
a:hover {
color:#36abe5;
text-decoration: underline;
}

/* =layout
--------------------------------------------------------- */

/* ▼画面サイズ 769px〜 */
@media print, screen and (min-width: 769px) {
body {
margin: 0px;
padding: 50px 0px;
text-align: center;
color: #000000;
background:#e2eec4;
}
#wrapper {
width:900px;
margin:0 auto;
background:#ffffff;
-webkit-box-shadow: 0 0 8px 0 #9eb16e;
-moz-box-shadow: 0 0 8px 0 #9eb16e;
box-shadow: 0 0 8px 0 #9eb16e;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#9eb16e, direction=0, strength=4, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#9eb16e, direction=90, strength=4, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#9eb16e, direction=180, strength=4, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#9eb16e, direction=270, strength=4, enabled=true);/*IE8以下用*/
}
#header {
width:840px;
margin:0 auto;
padding:20px 0;
zoom:1;
}
#header:after {
content: "";
display: block;
clear: both;
}
#mainCont {
width:780px;
margin:0 auto;
padding:20px 0;
}
#mainContPurple {
padding:20px 60px ;
background:#ecddec;
}
#footer {
padding:20px 0 0;
background:#5c1619;
zoom:1;
}
#footer:after {
content: "";
display: block;
clear: both;
}
}
/* ▲画面サイズ 769px〜 */

/* ▼画面サイズ 〜768px */
@media only screen and (max-width: 768px) {
body {
margin: 0;
padding: 0;
color: #000000;
}
#wrapper {
background:#e2eec4;
}
#header {
width:96%;
margin:0 auto;
padding:20px 0;
}
#mainCont {
width:96%;
margin:0 auto;
padding:20px 0;
}
#mainContPurple {
padding:20px 2%;
background:#ecddec;
}
#footer {
padding:20px 15px;
background:#5c1619;
}
}
/* 画面サイズ 〜768px */

/* =object
--------------------------------------------------------- */
/* 画面サイズ 769px〜*/
@media print, screen and (min-width: 769px) {
h1 {
}
h2 {
font-size: 125%;/* 20px */
/*font-size: 100%;*//* 16px */
line-height:140%;
margin:0 0 20px;
color:#792428;
font-weight:bold;
}
h2 span {
font-size: 80%;
}
h3 {
font-size: 94%;/* 15px */
line-height:140%;
margin:0 0 20px;
}
h4 {
}
iframe {
margin:0 0 20px;
}

#wrapper p {
font-size: 82%;/* 13px */
line-height:160%;
margin:0 0 20px;
}

.attention {
color:#666666;
}
.caution {
color:#ff6600;
}
.textSmall {
font-size: 85%;/* 11px */
}
.textLarge {
font-size: 130%;
}

a.imghover:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.floatLeft {
float:left;
margin:0 0 20px;
}
.floatRight {
float:right;
margin:0 0 20px;
}
.imgLeft {
float:left;
margin:0 20px 20px 0;
}
.imgRight {
float:right;
margin:0 0 20px 20px;
}
.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.alignCenter img {
margin:0 auto;
}
.alignRight img {
margin:0 0 0 auto;
}
.mgn0{
margin-bottom:0px !important;
}
.mgn10{
margin-bottom:10px !important;
}
.mgn20{
margin-bottom:20px !important;
}
.mgn30{
margin-bottom:30px !important;
}
.imgBorder {
border:1px solid #000000;
}

/* disc */
ol.disc {
margin:0 0 30px;
padding:0 0 0 25px;
}
ol.disc li {
font-size: 82%;/* 13px */
line-height:140%;
margin:0 0 10px;
list-style-type:disc;
}

/* decimal */
ol.decimal {
margin:0 0 30px;
padding:0 0 0 25px;
}
ol.decimal li {
font-size: 82%;/* 13px */
line-height:140%;
margin:0 0 10px;
list-style-type:decimal;
}

/* dateList */
dl.dateList {
padding:0 0 15px;
margin:0 0 15px;
border-bottom:1px solid #4d1c20;
zoom:1;
}
dl.dateList:after {
content: "";
display: block;
clear: both;
}
dl.dateList dt {
font-size: 94%;/* 15px */
float:left;
width:12%;
}
dl.dateList dd {
font-size: 94%;/* 15px */
float:right;
width:85%;
}

/* menuPhoto */
.menuPhoto {
margin:0 0 40px;
}
.menuPhoto ul {
zoom:1;
}
.menuPhoto ul:after {
content: "";
display: block;
clear: both;
}
.menuPhoto ul li {
float:left;
width:250px;
margin:0 10px 30px 0;
font-size: 94%;/* 15px */
text-align:center;
}
.menuPhoto ul li span {
font-size: 80%;
}
.menuPhoto ul li img {
width:70%;
height:70%;
margin:0 auto 5px;
}

/* menuList */
.menuList {
margin:0 0 40px;
}
.menuList dl {
padding:0 0 15px;
margin:0 0 15px;
border-bottom:1px solid #4d1c20;
zoom:1;
}
.menuList dl:after {
content: "";
display: block;
clear: both;
}
.menuList dl dt {
font-size: 94%;/* 15px */
float:left;
width:73%;
color:#000000;
}
.menuList dl dt span {
font-size: 80%;
font-weight:normal;
}
.menuList dl dt em {
display:block;
margin:10px 0 0;
font-style:italic;
}
.menuList dl dd {
font-size: 94%;/* 15px */
float:left;
width:9%;
text-align:right;
}

/* menuList2 */
.menuList2 {
padding:15px 0 0;
margin:0 0 40px;
border-top:1px solid #4d1c20;
}
.menuList2 dl {
padding:0 0 15px;
margin:0 0 15px;
border-bottom:1px solid #4d1c20;
zoom:1;
}
.menuList2 dl:after {
content: "";
display: block;
clear: both;
}
.menuList2 dl dt {
font-size: 94%;/* 15px */
float:left;
width:60%;
color:#000000;
}
.menuList2 dl dt span {
font-size: 80%;
font-weight:normal;
}
.menuList2 dl dt em {
display:block;
margin:10px 0 0;
font-style:italic;
}
.menuList2 dl dd {
font-size: 94%;/* 15px */
float:left;
width:40%;
text-align:right;
}
.menuList2 dl.nest dt em {
margin:0 0 10px;
}

/* table1 */
.table1 table{
width:100%;
border-collapse:collapse;
margin:0 0 30px;
}
.table1 table th{
font-size: 82%;/* 13px */
line-height:140%;
vertical-align:top;
color:#176297;
padding:5px 5px 5px 20px;
background: url("/lib/images/icon_dot.gif") no-repeat 0 10px;
}
.table1 table td{
font-size: 82%;/* 13px */
line-height:140%;
vertical-align:top;
padding:5px;
}
.table1 table td ol {
padding:0 0 0 15px;
}
.table1 table td ol li {
line-height:140%;
margin:0 0 5px;
list-style-type:decimal;
}

/* magazineList */
dl.magazineList {
border-bottom:1px solid #5b171b;
padding:0 0 30px;
margin:0 0 30px;
zoom:1;
}
dl.magazineList:after {
content: "";
display: block;
clear: both;
}
dl.magazineList dt {
float:left;
width:30%;
margin:0 10%;
}
dl.magazineList dt img {
width:100%;
border:1px solid #dddddd;
margin:0 0 15px;
}
dl.magazineList dd {
float:right;
width:50%;
}
dl.magazineList dd img {
width:100%;
border:1px solid #dddddd;
margin:0 0 10px;
}

/* magazineList */
ul.magazineList {
zoom:1;
}
ul.magazineList:after {
content: "";
display: block;
clear: both;
}
ul.magazineList li {
float:left;
width:20%;
margin:0 5% 10px 0;
}
ul.magazineList li img {
width:100%;
border:1px solid #dddddd;
margin:0 0 15px;
}

}

/* ▼画面サイズ 〜768px */
@media only screen and (max-width: 768px) {
h1 {
}
h2 {
font-size: 113%;/* 18px */
line-height:140%;
margin:0 0 20px;
color:#792428;
/*color:#4d1c20;*/
font-weight:bold;
}
h3 {
font-size: 94%;/* 15px */
line-height:140%;
margin:0 0 20px;
}
h4 {
}
iframe {
margin:0 0 20px;
}

#wrapper p {
font-size: 82%;/* 13px */
line-height:160%;
margin:0 0 20px;
}

.attention {
color:#666666;
}
.caution {
color:#ff6600;
}
.textSmall {
font-size: 85%;/* 11px */
}
.textLarge {
font-size: 130%;
}

a.imghover:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.floatLeft {
float:left;
margin:0 0 20px;
}
.floatRight {
float:right;
margin:0 0 20px;
}
.imgLeft {
float:left;
margin:0 20px 20px 0;
}
.imgRight {
float:right;
margin:0 0 20px 20px;
}
.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.alignCenter img {
margin:0 auto;
}
.alignRight img {
margin:0 0 0 auto;
}
.mgn0{
margin-bottom:0px !important;
}
.mgn10{
margin-bottom:10px !important;
}
.mgn20{
margin-bottom:20px !important;
}
.mgn30{
margin-bottom:30px !important;
}
.imgBorder {
border:1px solid #000000;
}

/* disc */
ol.disc {
margin:0 0 30px;
padding:0 0 0 25px;
}
ol.disc li {
font-size: 82%;/* 13px */
line-height:140%;
margin:0 0 10px;
list-style-type:disc;
}

/* decimal */
ol.decimal {
margin:0 0 30px;
padding:0 0 0 25px;
}
ol.decimal li {
font-size: 82%;/* 13px */
line-height:140%;
margin:0 0 10px;
list-style-type:decimal;
}

/* dateList */
dl.dateList {
padding:0 0 15px;
margin:0 0 15px;
border-bottom:1px solid #4d1c20;
zoom:1;
}
dl.dateList:after {
content: "";
display: block;
clear: both;
}
dl.dateList dt {
font-size: 94%;/* 15px */
float:left;
width:20%;
}
dl.dateList dd {
font-size: 94%;/* 15px */
float:right;
width:75%;
}

/* menuPhoto */
.menuPhoto {
margin:0 0 40px;
}
.menuPhoto ul {
}
.menuPhoto ul:after {
}
.menuPhoto ul li {
width:250px;
margin:0 auto 30px;
font-size: 94%;/* 15px */
text-align:center;
}
.menuPhoto ul li span {
font-size: 80%;
}
.menuPhoto ul li img {
margin:0 auto 0;
}

/* menuList */
.menuList {
margin:0 0 40px;
}
.menuList dl {
padding:0 0 15px;
margin:0 0 15px;
border-bottom:1px solid #4d1c20;
zoom:1;
}
.menuList dl:after {
content: "";
display: block;
clear: both;
}
.menuList dl dt {
font-size: 94%;/* 15px */
float:left;
width:55%;
color:#4d1c20;
}
.menuList dl dt span {
font-size: 80%;
font-weight:normal;
}
.menuList dl dt em {
display:block;
margin:10px 0 0;
font-style:italic;
}
.menuList dl dd {
font-size: 82%;/* 13px */
float:left;
text-align:center;
width:15%;
}

/* menuList2 */
.menuList2 {
padding:15px 0 0;
margin:0 0 40px;
border-top:1px solid #4d1c20;
}
.menuList2 dl {
padding:0 0 15px;
margin:0 0 15px;
border-bottom:1px solid #4d1c20;
zoom:1;
}
.menuList2 dl:after {
content: "";
display: block;
clear: both;
}
.menuList2 dl dt {
font-size: 94%;/* 15px */
float:left;
width:60%;
color:#4d1c20;
}
.menuList2 dl dt span {
font-size: 80%;
font-weight:normal;
}
.menuList2 dl dt em {
display:block;
margin:10px 0 0;
font-style:italic;
}
.menuList2 dl dd {
font-size: 82%;/* 13px */
text-align:right;
float:left;
width:40%;
}
.menuList2 dl.nest dt em {
margin:0 0 10px;
}

/* table1 */
.table1 table{
width:100%;
border-collapse:collapse;
margin:0 0 30px;
}
.table1 table th{
font-size: 82%;/* 13px */
line-height:140%;
vertical-align:top;
color:#176297;
padding:5px 5px 5px 20px;
background: url("/lib/images/icon_dot.gif") no-repeat 0 10px;
}
.table1 table td{
font-size: 82%;/* 13px */
line-height:140%;
vertical-align:top;
padding:5px;
}
.table1 table td ol {
padding:0 0 0 15px;
}
.table1 table td ol li {
line-height:140%;
margin:0 0 5px;
list-style-type:decimal;
}

/* magazineList */
dl.magazineList {
border-bottom:1px solid #5b171b;
padding:0 0 30px;
margin:0 0 30px;
zoom:1;
}
dl.magazineList:after {
content: "";
display: block;
clear: both;
}
dl.magazineList dt {
float:left;
width:35%;
margin:0 5%;
}
dl.magazineList dt img {
width:100%;
border:1px solid #dddddd;
margin:0 0 10px;
}
dl.magazineList dd {
float:right;
width:50%;
margin:0 5% 0 0;
}
dl.magazineList dd img {
width:100%;
border:1px solid #dddddd;
margin:0 0 10px;
}

/* magazineList */
ul.magazineList {
}
ul.magazineList:after {
}
ul.magazineList li {
float:none;
width:90%;
margin:0 5% 10px;
}
ul.magazineList li img {
width:100%;
border:1px solid #dddddd;
margin:0 0 15px;
}

}
/* 画面サイズ 〜768px */

/* =header
--------------------------------------------------------- */

/* ▼画面サイズ 769px〜 */
@media print, screen and (min-width: 769px) {
#header h1 {
float:left;
width:162px;
height:115px;
}
#header #menu {
float:right;
width:588px;
margin:50px 0 0;
zoom:1;
}
#header #menu:after {
content: "";
display: block;
clear: both;
}
#header #menu li {
float:left;
margin:0 80px 0 0;
}
#header #menu li.index {
width:70px;
}
#header #menu li.menu {
width:68px;
}
#header #menu li.access {
width:84px;
}
#header #menu li a{
/position:absolute;/* IE6,IE7 */
}
#header #menu li a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}
}
/* ▲画面サイズ 769px〜 */

/* ▼画面サイズ 〜768px */
@media only screen and (max-width: 768px) {
#header h1 {
width:162px;
height:115px;
margin:0 auto 20px;
}
#header #menu {
zoom:1;
}
#header #menu:after {
content: "";
display: block;
clear: both;
}
#header #menu li {
float:left;
width:33%;
text-align:center;
}
#header #menu li img {
margin:0 auto;
}
}
/* 画面サイズ 〜768px */

/* =keyVisual
--------------------------------------------------------- */

/* ▼画面サイズ 769px〜 */
@media print, screen and (min-width: 769px) {
#keyVisual {
background:#0c0d10 url("/images/bg_visual.jpg") no-repeat 0 0;
background-size:cover;
min-height:800px;
position:relative;
}

#keyVisual #timeBox {
position:absolute;
top:40px;
right:30px;
}
#keyVisual #timeBox .open {
border-top:1px solid #ffffff;
margin:10px 0 0;
padding:10px 0;
}
#keyVisual #timeBox .close {
border-top:1px solid #ffffff;
padding:10px 0;
}

#keyVisual #informationBox {
width:660px;
padding:500px 120px 20px;
/*padding:700px 120px 20px;*/
/*position:absolute;
top:700px;
left:120px;*/
}
#keyVisual #informationBox h3 {
font-size: 113%;/* 18px */
margin:0 0 5px;
color:#ffffff;
}
#keyVisual #informationBox h4 {
font-size: 94%;/* 15px */
line-height:140%;
margin:0 0 5px;
color:#ffffff;
}
#keyVisual #informationBox .line {
padding:10px 0 5px;
border-bottom:1px solid #ffffff;
}
#keyVisual #informationBox p {
margin:0 0 10px;
color:#ffffff;
}
#keyVisual #informationBox a:link {
color:#ffffff;
text-decoration: underline;
line-height:140%;
}
#keyVisual #informationBox a:visited {
color:#ffffff;
text-decoration: none;
}
#keyVisual #informationBox a:hover {
color:#ffffff;
text-decoration: none;
}

#keyVisual #informationBox .recruitment {
border:1px solid #ffffff;
padding:15px;
margin:0 0 15px;
}
#keyVisual #informationBox .recruitment h4 {
font-size: 113%;/* 18px */
color:#ffffff;
margin:0 0 15px;
}
#keyVisual #informationBox .recruitment p {
font-size: 100%;/* 16px */
color:#ffffff;
margin:0 0 0;
}

#keyVisual h1 {
width:162px;
height:115px;
position:absolute;
top:160px;
left:60px;
}
#keyVisual #menu {
position:absolute;
top:325px;
left:70px;
}
#keyVisual #menu li {
margin:0 0 20px;
}
#keyVisual #menu li a{
/position:absolute;/* IE6,IE7 */
}
#keyVisual #menu li a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}
}
/* ▲画面サイズ 769px〜 */

/* ▼画面サイズ 〜768px */
@media only screen and (max-width: 768px) {
#keyVisual {
padding:20px 0;
text-align:center;
}

#keyVisual h1 {
width:162px;
height:115px;
margin:0 auto 20px;
}
#keyVisual #menu {
width:96%;
margin:0 auto 20px;
zoom:1;
}
#keyVisual #menu:after {
content: "";
display: block;
clear: both;
}
#keyVisual #menu li {
float:left;
width:33%;
text-align:center;
}
#keyVisual #menu li img {
margin:0 auto;
}

#keyVisual #timeBox {
margin:0 10px;
padding:20px 20px 300px;
background:#0c0d10 url("/images/bg_visual_sp.jpg") no-repeat 100% 0;
}
#keyVisual #timeBox .open {
width:160px;
border-top:1px solid #ffffff;
margin:10px 0 0 auto;
padding:10px 0;
}
#keyVisual #timeBox .close {
width:160px;
border-top:1px solid #ffffff;
margin:0 0 0 auto;
padding:10px 0;
}
#keyVisual #timeBox img {
margin:0 0 0 auto;
}

#keyVisual #informationBox {
width:96%;
margin:20px auto;
}
#keyVisual #informationBox h3 {
font-size: 113%;/* 18px */
margin:0 0 5px;
}
#keyVisual #informationBox h4 {
font-size: 94%;/* 15px */
line-height:140%;
margin:0 0 5px;
}
#keyVisual #informationBox .line {
padding:10px 0 5px;
border-bottom:1px solid #000000;
}
#keyVisual #informationBox p {
margin:0 0 10px;
}
#keyVisual #informationBox a:link {
color:#000000;
text-decoration: underline;
line-height:140%;
}
#keyVisual #informationBox a:visited {
color:#000000;
text-decoration: none;
}
#keyVisual #informationBox a:hover {
color:#000000;
text-decoration: none;
}

#keyVisual #informationBox .recruitment {
border:1px solid #000000;
padding:15px;
margin:0 0 15px;
}
#keyVisual #informationBox .recruitment h4 {
font-size: 100%;/* 16px */
color:#000000;
margin:0 0 15px;
}
#keyVisual #informationBox .recruitment p {
font-size: 94%;/* 15px */
color:#000000;
margin:0 0 0;
}

}
/* 画面サイズ 〜768px */

/* =footer
--------------------------------------------------------- */

/* ▼画面サイズ 769px〜 */
@media print, screen and (min-width: 769px) {
#footer #linkBox {
float:left;
width:200px;
margin:0 0 0 20px;
padding:0 0 20px;
}
#footer #linkBox li {
font-size: 82%;/* 13px */
margin:0 20px 0 0;
display:inline;
}

#footer #snsBox {
float:left;
width:320px;
margin:0 0 0 20px;
zoom:1;
}
#footer #snsBox:after {
content: "";
display: block;
clear: both;
}
#footer #snsBox li.facebook {
float:left;
width:140px;
}
#footer #snsBox li.twitter {
float:left;
width:160px;
}
#footer #snsBox li.instagram {
/*float:left;
width:160px;
background:#666666;*/
}

#footer p {
float:right;
width:300px;
font-size: 69%;/* 11px */
margin:0 20px 0 0;
color:#7e5154;
text-align:right;
}
#footer a:link {
color:#ffffff;
}
#footer a:visited {
color:#ffffff;
}
#footer a:hover {
color:#ffffff;
}
}
/* ▲画面サイズ 769px〜 */

/* ▼画面サイズ 〜768px */
@media only screen and (max-width: 768px) {
#footer #linkBox {
text-align:center;
margin:0 0 20px;
padding:0 0 20px;
}
#footer #linkBox li {
font-size: 82%;/* 13px */
margin:0 20px 0 0;
display:inline;
}

#footer #snsBox {
width:250px;
margin:0 auto;
zoom:1;
}
#footer #snsBox:after {
content: "";
display: block;
clear: both;
}
#footer #snsBox li.facebook {
float:left;
width:140px;
}
#footer #snsBox li.twitter {
float:left;
width:90px;
}
#footer #snsBox li.instagram {
/*float:left;
width:160px;
background:#666666;*/
}

#footer p {
font-size: 69%;/* 11px */
color:#7e5154;
text-align:center;
margin:0;
}
#footer a:link {
color:#ffffff;
}
#footer a:visited {
color:#ffffff;
}
#footer a:hover {
color:#ffffff;
}
}
/* ▲画面サイズ 〜768px */