@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  footer.css
 style info :  スタイル指定
=================================================================== */
footer {
    text-align: center;
    padding-top: 80px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
footer * {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
footer > span {
    display:block;
    height: 1px;
    background: #999;
    margin: auto;
}
footer > span:nth-of-type(1) {
    max-width: 170px;
}
footer > span:nth-of-type(2) {
    margin-top: 2px;
    max-width: 230px;
}

footer .contactWrap {
    padding-top: 60px;
}
footer .contactWrap h2.contactHdd {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: inline-block;
    letter-spacing: .25em;
    padding-bottom: 10px;
    margin: 0 auto 40px;
    border-bottom: #fff solid 1px;
}

footer .contactWrap .contactDetails {
    margin-bottom: 60px;
}
footer .contactWrap .contactSubHdd {
    padding-bottom: 10px;
    margin: 0 auto 20px;
    border-bottom: #999 solid 1px;
}

.telText img {
    width: 200px;
	padding-top:10px;
	padding-right:15px;
}

footer .contactWrap .telText {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}
footer .contactWrap .contactText {
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
}
footer .contactWrap a.telPage,
footer .contactWrap a.vacancyPage,
footer .contactWrap a.contactPage {
    display: block;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
footer .contactWrap a.telPage i,
footer .contactWrap a.vacancyPage i,
footer .contactWrap a.contactPage i {
    margin-right: 10px;
}
footer .contactWrap a.telPage {
    background: #333;
    margin-bottom: 10px;
}
footer .contactWrap a.vacancyPage {
    background: #CB1B45;
}
footer .contactWrap a.contactPage {
	color:#000;
    background: #ffffff;
}


footer .linksWrap {
    position: relative;
    background: #222222;
}
footer .linksWrap > span {
    position: absolute;
    top: -60px;
    left: 50%;
    width: 2px;
    height: 120px;
    margin-left: -1px;
    background: #ffffff;
}
footer .ftrlinks {
    padding: 45px 0;
}
footer .ftrlinks li {
    display: inline-block;
    padding: 15px;
}
footer .ftrlinks li a {
    font-size: 12px;
    color: #fff;
}
footer .ftrlinks li a:hover,
footer .ftrlinks li.current a {
    color: #000;
}
footer .ftrlinks span {
    display:block;
    height: 1px;
    background: #fff;
    margin: auto;
}
footer .ftrlinks span:nth-of-type(1) {
    margin-top: 30px;
    margin-bottom: 2px;
    max-width: 230px;
}
footer .ftrlinks span:nth-of-type(2) {
    max-width: 170px;
}

footer .company {
    text-align: center;
	color:#fff;
}
footer .company a {
    display: inline-block;
	color:#fff;
	font-size:85%;
}
footer .company a:nth-of-type(1){
    padding-right: 20px;
}
footer .company img {
	margin:15 px;
}
footer .cpr {
    text-align: center;
	margin-top:15px;
	margin-bottom:30px;
}
footer .cpr small {
    font-size: 11px;
    color: #fff;
	letter-spacing:1px;
    padding-left: .5em;
    padding-right: .5em;
}

.brandLinkBtn {
/*	border: #eee solid 1px;*/
	display: block;
	margin-bottom: 30px;
}

.ft_noLink{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
	opacity: 0.5;
}

@media only screen and (max-width: 991px) {
footer .contactWrap .telText {
    font-size: 30px;
    line-height: 1.6;
}

.telText img {
    width: 150px;
	padding-top:12px;
	padding-right:10px;
}

footer .company {
    text-align: center;
    margin-bottom: 20px;
}

footer .cpr {
    text-align: center;
}
}

@media only screen and (max-width: 767px) {
footer .contactWrap .contactDetails {
    margin-bottom: 30px;
}

footer .contactWrap .telText {
    line-height: 1.2;
}

.telText img {
    width: 200px;
	padding-top:12px;
	padding-right:10px;
}

footer .linksWrap {
    margin-top: 30px;
	padding-top:10px;
	margin-bottom:50px;
	}



footer .nomura img {
	max-height: 26px;
}
footer .cpr small {
    display: block;
    font-size: 10px;
    margin-bottom: 10px;
}
}

@media only screen and (max-width: 479px) {
footer .contactWrap a.telPage, footer .contactWrap a.vacancyPage, footer .contactWrap a.contactPage {
    padding: 25px 0;
}
}

@media only screen and (max-width: 359px) {
footer .nomura a:nth-of-type(1) {
    padding-right: 0;
    margin-bottom: 20px;
}
}