/*全体レイアウト*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline;
background: transparent;
outline: 0;
}
body {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
font-size-adjust: none;
font-size: 13px;
line-height: 18px;
color: #000 !important;
text-align: left;
}
ol, ul, li {list-style: none;}
img {border: none;vertical-align: bottom;}
.m-b5 {margin-bottom: 5px !important;}
.m-b10 {margin-bottom: 10px !important;}
.m-b15 {margin-bottom: 15px !important;}
.m-b20 {margin-bottom: 20px !important;}
.m-b25 {margin-bottom: 25px !important;}
.m-b30 {margin-bottom: 30px !important;}
.m-b35 {margin-bottom: 35px !important;}
.m-b40 {margin-bottom: 40px !important;}
.m-b45 {margin-bottom: 40px !important;}
.m-b50 {margin-bottom: 50px !important;}
.m-b60 {margin-bottom: 60px !important;}
.text-20 {font-size: 20px;line-height: 30px;}
.text-red {color: #c00;}
.text-orange {color: #FF6600;}
a:hover img {filter: alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;}
.t-al {text-align: left !important;}
.t-ac {text-align: center !important;}
.t-ar {text-align: right !important;}

/* +++++++++++++++++++++++++　clearFix */
.clearfix:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from Mac IE \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
*:first-child+html .clearfix {min-height: 1px;}
.left {float: left;}
.right {float: right;}
.alignR {text-align: right !important;}
.alignC {text-align: center !important;}
.red {color: #e60012;}
.pink {color: #eb6b6b;}
.gr {color: #37858a;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.bold {font-weight: bold;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.clear {clear: both;}
.bo0 {border: 0 !important;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;font-weight: bold !important;}
figure {margin: 0;padding: 0;}
#content-right section {font-size: 14px;color: #000000;}
#content-right section .box {overflow: hidden;clear: both;}
#content-right section .txt {width: 350px;}
#content-right section h2 {text-align: center;margin-bottom: 50px;}
#content-right section ul li {list-style: disc;}
#content-right section figure figcaption {margin-top: 5px;text-align: center;font-size: 12px;}
#content-right section .photos {overflow: hidden;clear: both;margin-bottom: 30px;}
#content-right section .photos li {float: left;margin-right: 20px;list-style: none;}
#content-right section .photos li:last-child {margin-right: 0;}
#content-right section .photos li figure img {margin-bottom: 10px;}

@media (max-width: 768px) {
img, input[type="image"] {max-width: 100%;height: auto;}
}
@media (max-width: 480px) {
#content-right section .txt {width: 100%;}
.left, .right {float: none;}
figure img {margin: 10px auto;display: block;}
}

/* +++++++++++++++++++++++++++++++++++++++++　レスポンシブ用（contents.css） */

#content-back {width: 100%;clear: both;}
#main-content {
 width: 960px;
 margin: 0px auto 30px auto;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
#content-left {width: 220px;}
#content-right {width: 680px;}
#left-contactbox01 {margin-bottom: 15px;padding: 15px 10px 20px 10px;background: #990000 url(../img/common/left-contact-bottom.gif) no-repeat left bottom;font-size: 12px !important;color: #fff;}
.linkbox {
 margin-bottom: 20px;
 color: #fff;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.linkbox li {width: 100%;margin-bottom: 10px;}
.newsbox {
 margin-bottom: 20px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.newsbox li {width: 100%;margin-bottom: 15px;font-size: 12px !important;color: #fff;background: #002142;}
.newsbox img {width: 100%;}
.newsbox iframe {width: 100%;height: 150px;overflow: auto; background: #002142;}
.bnrbox {
 margin-bottom: 20px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.bnrbox li {width: 100%;margin-bottom: 10px;}
.bnrbox li img {width: 100%;}
.in-back-img {margin: 0px auto;}
.bottom-contact-bnr {padding-top: 40px;}

@media (max-width: 768px) {
#main-content {width: 90%;}
#content-left, #content-right {width: 100%;}
#left-contactbox01, #content-left p {display: none;}
.linkbox li {width: 32%;}
.linkbox li img {max-height: 160px;}
.newsbox li, .bnrbox li {width: 48%;}
}
@media (max-width: 480px) {
.linkbox li {width: 48%;}
.linkbox li img {max-height: 200px;}
 #main-content {flex-direction: column-reverse;}
#content-left, #content-right {margin: 20px auto}
}

/* ++++++　共通パーツ */

.main-title {width: 960px;margin: 0px auto;}
.main-title-back {width: 100%;margin: 20px auto 20px auto;padding: 40px 0;border-top: solid 1px #000;border-bottom: solid 1px #000;}
.title {width: 685px;height: 30px;margin-bottom: 20px;padding: 8px 10px 0px 15px;background: url(../img/common/title.gif) no-repeat left center;color: #fff;font-size: 16px !important;}
.subtitle {clear: both;width: 710px;margin-bottom: 15px;padding: 0px 0px 13px 15px;background: url(../img/common/subtitle-icon.gif) no-repeat left 10px;border-bottom: solid 1px #000;font-size: 17px;letter-spacing: 0.2em;font-weight: normal;}
.detail-btnbox {width: 710px;margin-top: 20px;margin-bottom: 20px;border-top: dotted 1px #000;border-bottom: dotted 1px #000;}
.detail-btnbox .detail-front {padding: 10px 0px;float: left;color: #000;}
.detail-btnbox .detail-next {padding: 10px 0px;float: left;color: #000;}
.detail-btnbox .detail-back {padding: 5px 0px;float: right;color: #000 !important;}

@media (max-width: 768px) {
.main-title {width: 90%;text-align: center;}
.main-title img {width: 20%;}
.title {width: 92%;}
}
@media (max-width: 480px) {
.main-title {margin-top: 40px;}
}

/* ++++++　パンくず */

.pankuzu {margin-bottom: 20px;}
.pankuzu li {display: inline;}

/* ++++++　ヘッダー */

#header {width: 960px;margin: 0px auto;padding: 0px 0px 10px 0px;}
#header .logo {float: left;width: 180px;margin-right: 25px;}
#header .header-right {float: left;width: 750px;}
.header-box01 {width: 750px;margin-bottom: 15px;padding-top: 5px;}
.header-tel {text-align: right;margin-bottom: 25px;}
.header-tel_sp {display: none;}
.seotext {float: left;width: 520px;margin-right: 30px;font-size: 10px;line-height: 10px;color: #999;font-weight: normal !important;}
#header-link {float: left;width: 200px;height: 13px;font-size: 0px !important;line-height: 10px;}
#header-link li {float: left;margin-right: 9px;padding-right: 10px;border-right: solid 1px #000;}
#header-link .last {margin-right: 0px !important;padding-right: 5px !important;border-right: 0px !important;}

@media (max-width: 768px) {
#header {width: 100%;}
#header .logo {float: none;width: 180px;margin: 0 auto 20px auto;}
#header .header-right {float:none;width: 100%;}
.header-box01 {width: 100%;}
.header-tel {text-align:center;}
.seotext {display: none;}
#header-link {float: none;margin: auto;}
}
@media (max-width: 480px) {
.header-tel {display: none;}
.header-tel_sp {position: absolute; top: 10px;left: 65%;display: block;}
.header-tel_sp img {width: 35%;}
#header {position: fixed;top: 0;height: 60px; background: #fff;}
#header .logo {width: 30%;margin: 0;}
#header-link {display: none;}
}

/* ++++++　ナビゲーション */

#g-navi {width: 750px;}
#g-navi li {position: relative;float: left;}
#g-navi li a {display: block;height: 13px;text-indent: -20000px;}
#g-navi .navi01 a {width: 35px;margin-right: 58px;background: url(../img/common/navi01.png) no-repeat 0px 0px;}
#g-navi .navi01 a:hover {background: url(../img/common/navi01.png) no-repeat 0px -13px;}
#g-navi .navi02 a {width: 57px;margin-right: 59px;background: url(../img/common/navi02.png) no-repeat 0px 0px;}
#g-navi .navi02 a:hover {background: url(../img/common/navi02.png) no-repeat 0px -13px;}
#g-navi .navi03 span {display: block;width: 66px;height: 13px;margin-right: 54px;text-indent: -20000px;background: url(../img/common/navi03.png) no-repeat 0px 0px;}
#g-navi .navi03 span:hover {background: url(../img/common/navi03.png) no-repeat 0px -13px;}
#g-navi .navi04 a {width: 41px;margin-right: 63px;background: url(../img/common/navi04.png) no-repeat 0px 0px;}
#g-navi .navi04 a:hover {background: url(../img/common/navi04.png) no-repeat 0px -13px;}
#g-navi .navi05 a {width: 80px;margin-right: 65px;background: url(../img/common/navi05.png) no-repeat 0px 0px;}
#g-navi .navi05 a:hover {background: url(../img/common/navi05.png) no-repeat 0px -13px;}
#g-navi .navi06 a {width: 57px;margin-right: 52px;background: url(../img/common/navi06.png) no-repeat 0px 0px;}
#g-navi .navi06 a:hover {background: url(../img/common/navi06.png) no-repeat 0px -13px;}
#g-navi .navi07 a {width: 63px;background: url(../img/common/navi07.png) no-repeat 0px 0px;}
#g-navi .navi07 a:hover {background: url(../img/common/navi07.png) no-repeat 0px -13px;}
#g-navi li ul {z-index: 100000;display: none;position: absolute;top: 13px;left: -1px;width: 210px;background: url(../img/common/sub-navi-back.png) repeat;}
#g-navi li ul li {margin: 0;padding: 0;border-bottom: solid 1px #B2B2B2;}
#g-navi li ul li a {display: inline-block;width: 190px;height: 20px;text-indent: 0px;padding: 5px 5px 5px 15px;color: #fff;background: url(../img/common/sub-navi-icon.png) no-repeat 8px center;text-decoration: none;}
#g-navi li ul li a:hover {background: url(../img/common/sub-navi-icon.png) no-repeat 8px center #666;}
#spGnav {display: none;}

@media (max-width: 768px) {
#g-navi {width: 90%;margin: auto;}
#g-navi .navi01 a, #g-navi .navi02 a, #g-navi .navi03 span, #g-navi .navi04 a, #g-navi .navi05 a, #g-navi .navi06 a {margin: auto 22px;}
}
@media (max-width: 480px) {
#g-navi {display: none;}
#spGnav {display: block;}
#spGnav ul {width: 100%;position: absolute;top: 70px;background-color: #000;display: none;}
#spGnav ul li {border-bottom: 1px solid #888;}
 #spGnav ul li:nth-child(3) {padding-bottom: 20px;}
#spGnav ul li a {width: 100%;padding: 15px 20px;display: block;color: #fff;}
#spGnav ul li p a {padding: 0 20px;margin-left: 20px;}
.menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;cursor: pointer;color: #000;}
.menu-trigger {width: 60px;height: 50px;float: right;position: absolute;top: 15%;right: 2%;}
.menu-trigger span {width: 35px;height: 4px;margin: auto auto auto 13px;position: absolute;background-color: #000;}
.menu-trigger span:nth-of-type(1) {top: 10px;}
.menu-trigger span:nth-of-type(2) {top: 0;bottom: 0;}
.menu-trigger span:nth-of-type(3) {bottom: 10px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(13px) rotate(-45deg);transform: translateY(13px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-13px) rotate(45deg);transform: translateY(-13px) rotate(45deg);}
 }

/* ++++++　フッター */

#footer {width: 100%;border-top: solid 1px #000;font-size: 12px;padding: 25px 0px 20px 0px;color: #000;}
#footer-logo {padding-top: 40px;}
#footer a {color: #000;}
#footer #footer-box {width: 960px;margin: 0px auto 40px auto;padding-bottom: 10px;}
#footer-box #footer-logo {float: left;width: 150px;margin-right: 40px;}
#footer-box #footer-contact {float: left;width: 280px;margin-right: 35px;}
#footer-box #footer-link {float: left;width: 450px;}
.footer-link01 {float: left;width: 450px;}
.footer-link01 li {display: inline;line-height: 25px;background: url(../img/index/icon01.gif) no-repeat left center;margin: 0px 20px 0px 0px;padding-left: 10px;white-space: nowrap;}
#copyright {text-align: center;font-weight: normal !important;}

@media (max-width: 768px) {
#footer #footer-box {width:100%;text-align: center;}
#footer-box #footer-logo {float: none;margin: 0 auto 20px auto;}
#footer-box #footer-contact {margin: auto; float: none;width: 100%;margin-right: 0;}
#footer-box #footer-link {margin: auto; float: none;width: 100%;}
.footer-link01 {margin: auto;float: none;width: 70%;}
}
@media (max-width: 480px) {
#copyright {font-size: 0.8em;}
}

/* ++++++　お問い合わせ */

.contct-table {width: 710px;background: #F0F0F0;margin-bottom: 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contct-table th {width: 150px;padding: 10px;background: #D1D1D1;border-bottom: solid 1px #fff;vertical-align: top;}
.contct-table th span {color: #900}
.contct-table td {width: 520px;padding: 10px;border-bottom: solid 1px #fff;}
.contct-table td ul {padding-left: 20px;list-style: disc;}
.textform01 {width: 180px;}
.textform02 {width: 300px;}
.textform03 {width: 400px;}
.maileform {width: 450px;height: 150px;margin-bottom: 10px;}
.contanct-btn {width: 220px;margin: 0px auto;}

@media (max-width: 768px) {
.contct-table {width: 100%;}
.contct-table th {width: 30%;}
.contct-table td {width: 60%;}
.maileform {width: 90%;margin-bottom: 0;}
}
@media (max-width: 480px) {
.contct-table th, .contct-table td {width: 94%;display: block;}
.maileform {width: 90%;margin-bottom: 0;}
.textform01, .textform02, .textform03 {width: 100%;}
.maileform {width: 98%;}
}

/*リクルートリンクボタン*/
.recruitF {display: none;}
@media (max-width: 480px) {
.toRecruit {display: none;}
.recruitF {width: 100%;position: fixed;bottom: 0;display: block;}
.recruitF a {width: 100%;padding: 10px 0;display: block;text-align: center;background: #000;color: #fff;line-height: 1.2em;text-decoration: none;}
.recruitF a span {display: block;font-size: 0.8em;}
 #footer {padding-bottom: 50px;}
}