@charset "UTF-8";




.footerrel {
	width: 100%;
    margin: 0 auto;
    clear: both;
}

footer .social-box {
    margin-bottom: 0px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    padding-bottom: 15px;
    padding-top: 15px;
    clear: both;
}

footer ul.social {
	text-align: center;
}

footer .social li {
	display: inline-block;
	padding-right: 5px;
}

footer .social a {
	color :#999;
	text-decoration: none;
}

footer .social li:last-child {
	padding-right: 0;
}

footer .social i {
	font-size: 30px;
}

footer ul.nav-link {
    text-align: center;
	padding: 30px 0 0 0;
	border: 0;
}

footer .nav-link li {
	font-size: 14px;
	float: left;
	width: 50%;
	line-height: 1.3;
	text-align: left;
    padding-bottom: 5px;
}


footer .nav-link a {
	color :#fff;
	text-decoration: none;
}

footer .nav-link a:hover{
	text-decoration: underline;
}

footer ul.comany-link {
    text-align: center;
	padding: 15px 0 30px 0;
	clear: both;
	overflow: hidden;
}

footer .comany-link li {
	display: inline-block;
	width: 50%;
	float: left;
	line-height: 1.3;
	text-align: left;
    padding-bottom: 10px;
	padding-right: 10px;
	font-size: 12px;
}



footer .comany-link a{
    color: #999;
	text-decoration: none;
}

footer .comany-link a:hover{
	text-decoration: underline;
}

footer .copyright-box {
	clear: both;
}

footer .copyright {
    font-size: 12px;
    text-align: center;
    color: #999;
}


footer #user_language-box {
	margin: 0 auto;
    width: 170px;
    overflow: hidden;
    margin-bottom: 15px;
}



footer .user_language {
    float: left;
    width: 145px;
    border-radius: 3px;
    background: #242323;
    line-height: 1;
	position: relative;
}


footer .user_language select {
    cursor: pointer;
    padding: 8px;
    color: #999;
    border: 0px;
    border-radius: 3px;
    background: transparent;
    margin: 0;
    max-width: none;
    width: 145px;
    font-size: 12px!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media all and (-ms-high-contrast: none){
	footer .user_language select {
   padding: 4px; /* IE10以上 */
  }
}



footer .user_language:after {
    content: "\f721";
	pointer-events: none;
    font-family: 'willer_iconsregular';
    position: absolute;
    top: 40%;
    font-size: 12px;
    color: #999;
	margin-top: -4px;
    right: 8px;
}


footer .user_language option {
  color: #000;
}

footer .user_language_ico i {
	color: #999;
    float: left;
	font-size: 20px;
	padding-right: 3px;
	margin-right: 0;
	padding-top: 4px;
	line-height: 1;
}

.user_language select::-ms-expand {
  display: none;
}
.user_language select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}




/*▼PC*/

@media(min-width : 992px) {


.text-area {
	width: 100%;
	max-width: 1140px;
}

.footerrel {
    width: 100%;
		max-width: 1140px;
    margin: 0 auto;
    clear: both;
}

footer .nav-link li {
    display: inline-block;
    padding-right: 30px;
    float: none;
    width: auto;
    text-align: center;
    padding-bottom: 0;
}

footer .comany-link li {
    display: inline-block;
    padding-right: 15px;
    width: auto;
    float: none;
    text-align: center;
    padding-bottom: 0;
}

}


/* SNS */
#sns{text-align:center;margin: 0 20px;}
#sns h4{color:#666666;}
#sns h4 img{max-width: 486px;}
#sns .content ul{width:100%;margin:16px auto 0;display: flex;justify-content: center;flex-wrap: wrap;}
#sns .content ul:after{clear:both;content:" ";display:block;}
#sns .content ul li{display:table;width:23.5%;height:70px!important; margin:0 2% 16px 0;padding:0;text-align:center;border:solid 2px;background-color:#ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#sns .content ul li:nth-child(1){border-color:#4267b2;}
#sns .content ul li:nth-child(2){border-color:#000000;}
#sns .content ul li:nth-child(3){border-color:#a23592;}
#sns .content ul li:nth-child(4){border-color:#008dab;margin-right:0;}
#sns .content ul li a{display:table-cell;width:100%;height:100%;font-size:13px;font-weight:bold;vertical-align:middle;padding: 2px;}
#sns .content ul li:nth-child(1) a{color:#4267b2;}
#sns .content ul li:nth-child(2) a{color:#000000;}
#sns .content ul li:nth-child(3) a{color:#a23592;}
#sns .content ul li:nth-child(4) a{color:#008dab;}
#sns .content ul li a img{width:30px;vertical-align:middle;margin-right:10px;}
.area ul li{border-radius:4px;}

/* SP & TABLE mode */
/* xxx～767px */
@media(max-width:767px){
	/* common */
#sns .content ul li{height:110px!important;}

	.area{overflow:hidden;}


	/* SNS */
	#sns .content ul li{width:49%;height:110px;margin-bottom:2%;}
	#sns .content ul li:nth-child(odd){margin-left:0;}
	#sns .content ul li:nth-child(even){margin-right:0;}
	#sns .content ul li a img{width:44px;vertical-align:middle;margin-right:0;margin-bottom:15px;}
	#sns .content ul li:nth-child(4) a img{margin-bottom:6px;}
	#sns .content ul li a span:before{content:"\A";white-space:pre;}
}


.footerrel .sub-menu {
    width: 100%;
display: inline-block;
margin: 15px 0;
    text-align: center;
}


.footerrel .sub-menu ul {
    display: inline-block;
}

.footerrel .sub-menu li{
	float: none;
    margin: 0 15px;
    display: inline-block;
}


.footerrel .sub-menu a {
    line-height: 34px;
    display: block;
    color: #000;
    font-size: 14px;
}
#sns h4 img {width: 80%;height:auto;}
@media (min-width: 992px){
	#sns h4 img {width: 40%;height:auto;}
}