@charset "UTF-8";

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

.l-footerArea{
	margin-top: auto;
	padding: 26px 0px 30px 0px;
	background: #313131;
	z-index: 9;
	position: relative;
}

.l-footerArea-globalNavi{
	width: 76%;
	padding: 0px 0px 18px 0px;
}

.l-footerArea-globalNavi ul{
	list-style: none;
}

.l-footerArea-globalNavi ul:after{
	width: 20%;
	content: "";
	display: block;
	height: 0;
}

.l-footerArea-globalNavi ul li{
	width: 20%;
	font-size: 16px;
	line-height: 1.6;
	margin: 18px 0px 0px 0px;
}

.l-footerArea-globalNavi ul li.type1{
	width: 16%;
}

.l-footerArea-globalNavi ul li.type2{
	width: 30%;
}

.l-footerArea-globalNavi ul li.type3{
	width: 18%;
}

.l-footerArea-globalNavi ul li a{
	color: #fff;
	text-decoration: none;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-globalNavi ul li a:hover{
	opacity: 0.6;
}

.l-footerArea-subNavi{
	width: 24%;
	position: relative;
	padding: 0px 0px 18px 0px;
}

.l-footerArea-subNavi:before{
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background: #818181;
	width: 1px;
	height: 64%;
}

.l-footerArea-subNavi ul{
	list-style: none;
	padding: 0px 0px 0px 80px;
}

.l-footerArea-subNavi ul li{
	width: 100%;
	font-size: 16px;
	line-height: 1.6;
	margin: 18px 0px 0px 0px;
}

.l-footerArea-subNavi ul li a{
	color: #fff;
	text-decoration: none;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-subNavi ul li a:hover{
	opacity: 0.6;
}

.l-footerArea-navi1{
	padding: 0px 0px 20px 0px ;
}

.l-footerArea-navi2{
	padding: 30px 0px 50px 0px ;
	border-top: 1px solid #818181;
}


.l-footerArea-otherNavi{
	width: 60%;
}

.l-footerArea-otherNavi ul{
	list-style: none;
}

.l-footerArea-otherNavi ul li{
	display: inline-block;
	font-size: 14px;
	line-height: 1.6;
	margin: 0px 20px 0px 0px;
}

.l-footerArea-otherNavi ul li a{
	text-decoration: none;
	color: #fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-otherNavi ul li a:hover{
	opacity: 0.6;
}

.l-footerArea-blankNavi{
	width: 40%;
	text-align: right;
}

.l-footerArea-blankNavi ul{
	list-style: none;
	text-align: right;
	font-size: 0;
}

.l-footerArea-blankNavi ul li{
	display: inline-block;
	margin: 0px 0px 0px 24px;
}

.l-footerArea-blankNavi ul li.facebook,.l-footerArea-blankNavi ul li.twitter{
	width: 40px;
	height: auto;
}

.l-footerArea-blankNavi ul li a{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-blankNavi ul li a:hover{
	opacity: 0.6;
}

.banner_kamei{
	width: 180px;
	height: auto;
	font-size: 0;
}

.l-footerArea-logo{
	width: 154px;
	height: auto;
	font-size: 0;
	margin: 0px auto;
}

.l-footerArea-copyright{
	font-size: 14px;
	line-height: 1.3;
	color: #fff;
	margin: 30px 0px 0px 0px;
	text-align: center;
}

.l-footerArea-sp{
	display: none;
}


.l-footer-bannerArea{
	position: fixed;
	right: 8%;
	bottom: -1px;
	z-index: 9999;
	border: 1px solid #0060ad;
}

.l-footer-bannerArea a{
	padding: 22px 24px 22px 24px;
	display: block;
	text-decoration: none;
	background: rgba(255,255,255,0.8);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footer-bannerArea a:hover{
	background: rgba(255,255,255,1);
}

.l-footer-bannerArea-title{
	font-size: 16px;
	line-height: 1;
	color: #0060ad;
	padding: 0px 30px 10px 0px;
	border-bottom:1px solid #0060ad;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 
.l-footer-bannerArea-title{
	font-size: 16px;
	line-height: 1;
	color: #0060ad;
	padding: 4px 30px 6px 0px;
	border-bottom:1px solid #0060ad;
}
}

.l-footer-bannerArea-title span{
	position: relative;
}

.l-footer-bannerArea-title span:before{
	width: 20px;
	height: 20px;
	content: "";
	background:#0060ad;
	border-radius: 50%;
	position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 
.l-footer-bannerArea-title span:before{
	width: 20px;
	height: 20px;
	content: "";
	background:#0060ad;
	border-radius: 50%;
	position: absolute;
	right: -30px;
	top: -10px;
	bottom: 0;
	margin: auto;
}
}

.l-footer-bannerArea-title span::after {
    content: "";
    width: 4px;
    height: 4px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: -22px;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 
.l-footer-bannerArea-title span::after {
    content: "";
    width: 4px;
    height: 4px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: -22px;
	top: -10px;
	bottom: 0;
	margin: auto;
}
}

.l-footer-bannerArea-read{
	font-size: 16px;
	line-height: 1.4;
	color: #0060ad;
	padding: 10px 0px 0px 0px;
}

.l-footer-bannerArea-closebutton{
	position: absolute;
	right: 0px;
	bottom: 0px;
	line-height: 0;
	width: 26px;
	height: 26px;
	background: #dedede;
	cursor: pointer;
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
}

.l-footer-bannerArea-closebutton span:before{
	width: 1px;
	height: 16px;
	content: "";
	background: #9e9e9e;
	position: absolute;
	top: 18%;
	right: 48%;
	transform: rotate(-45deg);
}

.l-footer-bannerArea-closebutton span:after{
	width: 1px;
	height: 16px;
	content: "";
	background: #9e9e9e;
	position: absolute;
	top: 18%;
	left: 48%;
	transform: rotate(45deg);
}


.l-footer-contactArea{
	background: url('/images/index/bg_contact.jpg') no-repeat scroll 50% 50% / cover;
	padding: 50px 0px;
	position: relative;
	overflow: hidden;
	z-index: 3;
}

.l-footer-contactArea:before{
	content: "";
	background: #0060ad;
	width: 100%;
	height: 102%;
	display: block;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.8;
}

.l-footer-contactArea-title{
	font-size: 36px;
	line-height: 1.6;
	text-align: center;
	color: #fff;
}

.l-footer-contactArea-title:after{
	content: "";
	width: 40px;
	height: 2px;
	background:#fff;
	display: block;
	margin: 4px auto 0px auto;
}

.l-footer-contactArea-pagelinkArea{
	text-align: center;
	margin: 40px auto 0px auto;
}

.l-footer-contactArea-button{
	width: auto;
	margin: 0px 22%;
	background: #fff;
	border-radius: 40px;
	border-bottom: solid 3px rgba(0,96,173,1);
	transition: all 0.4s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}

.l-footer-contactArea-button:hover{
	border-bottom: solid 3px rgba(255,255,255,0);
	transform: translate3d(0, 3px, 0);
}

.l-footer-contactArea-button a{
	color: #0060ad;
	font-size: 24px;
	text-decoration: none;
	display: block;
	padding: 22px;
	position: relative;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 
.l-footer-contactArea-button a{
	color: #0060ad;
	font-size: 24px;
	text-decoration: none;
	display: block;
	padding: 26px 22px 18px 22px;
	position: relative;
}
}

.l-footer-contactArea-button a:before{
	content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid #0060ad;
    border-top: 2px solid #0060ad;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;

}

.l-footer-pagetop{
  position: fixed;
  bottom: 30px;
  width: 50px;
  height: 50px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
}

.l-footer-pagetop a{
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  color: transparent;
  background-color: rgba(112, 112, 112, 0.5);
}

.l-footer-pagetop a:before{
  content: "";
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(225deg);
  transform: rotate(45deg);
  position: absolute;
  right: 37%;
  top: 15%;
  z-index: 100;
  bottom: 0;
  margin: auto;
}

.l-footer-buttonArea{
	margin: 0px 0px 60px 0px;
	z-index: 99;
	position: relative;
}

.l-footer-buttonArea-button{
	width: auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border-radius: 80px;
	background: #f17d00;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	box-shadow: 0 3px rgba(0,0,0,0.2);
	position: relative;
	z-index: 99;
}


.l-footer-buttonArea-button::after {
    content: "";
    width: 13px;
    height: 13px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.l-footer-buttonArea-button:before {
    content: "";
    width: 74px;
    height: 68px;
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("/images/common/icon_free.png") no-repeat;
    background-size: auto auto;
    background-size: 74px 68px;
}

.l-footer-buttonArea-button a{
	display: block;
    text-decoration: none;
    padding: 24px 20px 24px 60px;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 
.l-footer-buttonArea-button a{
	display: block;
    text-decoration: none;
    padding: 28px 20px 24px 60px;
}
}

.l-footer-buttonArea-button-read {
    font-size: 28px;
    line-height: 1.7;
    color: #fff;
}

.l-footer-buttonArea-button:hover{
	box-shadow: 0 0px rgba(0,0,0,0.5);
	transform: translate3d(0, 3px, 0);
}


/* --------------------------------------------------------------------- */
/* tablet */
/* --------------------------------------------------------------------- */

@media (max-width: 984px) and (min-width: 767px) {


.l-footerArea-otherNavi{
	width: 100%;
}

.l-footerArea-blankNavi{
	width: 100%;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

.l-footer-bannerArea{
	position: fixed;
	right: 2%;
	bottom: -1px;
	z-index: 9999;
	border: 1px solid #0060ad;
}

}


/* --------------------------------------------------------------------- */
/* sp */
/* --------------------------------------------------------------------- */

@media screen and (max-width: 768px){


.l-footerArea{
	margin-top: auto;
	padding: 20px 0px 110px 0px;
	background: #313131;
}

#index .l-footerArea{
	margin-top: auto;
	padding: 20px 0px 80px 0px;
	background: #313131;
}

.l-footerArea-globalNavi{
	width: auto;
	padding: 0px 0px 18px 0px;
	margin: 0px -20px;

}

.l-footerArea-globalNavi ul{
	list-style: none;
	border-top: 1px solid #535353;
}

.l-footerArea-globalNavi ul:after{
	width: 50%;
	content: "";
	display: block;
	height: 0;
}

.l-footerArea-globalNavi ul li{
	width: 50%;
	font-size: 16px;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #535353;
	position: relative;
}

.l-footerArea-globalNavi ul li.type1{
	width: 50%;
}

.l-footerArea-globalNavi ul li.type2{
	width: 50%;
}

.l-footerArea-globalNavi ul li.type3{
	width: 50%;
}

.l-footerArea-globalNavi ul li:last-child{
	width: 100% !important;
}

.l-footerArea-globalNavi ul li:nth-child(odd):before{
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	background: #535353;
	top: 0;
	bottom: 0;
	right: 0px;
}

.l-footerArea-globalNavi ul li:after{
	content: "";
	width: 8px;
	height: 8px;
	border-left: 1px solid #a2a2a2;
	border-top: 1px solid #a2a2a2;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.l-footerArea-globalNavi ul li a{
	color: #fff;
	text-decoration: none;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	padding: 10px 20px 10px 20px;
	display: block;
}

.l-footerArea-globalNavi ul li.contact{
	width: 100%;
}

.l-footerArea-globalNavi ul li.contact:before{
	display: none;
}

.l-footerArea-globalNavi ul li a:hover{
	opacity: 0.6;
}

.l-footerArea-subNavi{
	width: 24%;
	position: relative;
	padding: 0px 0px 18px 0px;
}

.l-footerArea-subNavi:before{
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background: #818181;
	width: 1px;
	height: 64%;
}

.l-footerArea-subNavi ul{
	list-style: none;
	padding: 0px 0px 0px 80px;
}

.l-footerArea-subNavi ul li{
	width: 100%;
	font-size: 16px;
	line-height: 1.6;
	margin: 18px 0px 0px 0px;
}

.l-footerArea-subNavi ul li a{
	color: #fff;
	text-decoration: none;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-subNavi ul li a:hover{
	opacity: 0.6;
}

.l-footerArea-navi1{
	padding: 0px 0px 0px 0px ;
}

.l-footerArea-navi2{
	padding: 20px 0px 20px 0px ;
	border-top: none;
	margin: 0px -20px;
}


.l-footerArea-otherNavi{
	width: 100%;
	background: #fff;
	margin: 0px 0px;
	padding: 20px;
}

.l-footerArea-otherNavi ul{
	list-style: none;
	text-align: center;
}

.l-footerArea-otherNavi ul li{
	display: inline-block;
	font-size: 14px;
	line-height: 1.6;
	margin: 0px 20px 0px 0px;
}

.l-footerArea-otherNavi ul li a{
	text-decoration: none;
	color: #000;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-otherNavi ul li a:hover{
	opacity: 0.6;
}

.l-footerArea-blankNavi{
	width: 100%;
	text-align: center;
	padding: 0px 0px 20px 0px;
}

.l-footerArea-blankNavi ul{
	list-style: none;
	text-align: center;
	font-size: 0;
}

.l-footerArea-blankNavi ul li{
	display: inline-block;
	margin: 0px 10px 0px 10px;
}

.l-footerArea-blankNavi ul li.line,.l-footerArea-blankNavi ul li.facebook,.l-footerArea-blankNavi ul li.twitter{
	width: 40px;
	height: auto;
}

.l-footerArea-blankNavi ul li a{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footerArea-blankNavi ul li a:hover{
	opacity: 0.6;
}

.banner_kamei{
	width: 126px;
	height: auto;
	font-size: 0;
}

.l-footerArea-logo{
	width: 130px;
	height: auto;
	font-size: 0;
	margin: 0px auto;
}

.l-footerArea-copyright{
	font-size: 12px;
	line-height: 1.3;
	color: #fff;
	margin: 30px 0px 0px 0px;
	text-align: center;
}



.l-footerArea-sp{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999999999999;
}

.l-footerArea-sp ul{
	list-style: none;
}

.l-footerArea-sp ul li{
	width: 25%;
	text-align: center;
	font-size: 11px;
	line-height: 1;
}

.l-footerArea-sp ul li a{
	display: block;
	padding: 0px;
	background: #fff;
	text-decoration: none;
	color: #fff;
	height: 44px;
	padding-top: 6px;
	position: relative;
	overflow: hidden;
}

.l-footerArea-sp ul li a:before{
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	background: #fff;
	right: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.l-footerArea-sp ul li:last-child a:before{
	display: none;
}

.l-footerArea-sp ul li a span{
	position: relative;
}

.l-footerArea-sp ul li.language a{
	background:#267ede;
}

.l-footerArea-sp ul li.language a span:before{
	width: 22px;
	height: 22px;
	margin: 0px auto 4px auto;
	content: "";
	background: url("/images/common/icon_language.png") no-repeat;
	background-size: 22px 22px;
	display: block;
}

.l-footerArea-sp ul li.guide a{
	background:#0060ad;
}

.l-footerArea-sp ul li.guide a span:before{
	width: 22px;
	height: 22px;
	margin: 0px auto 4px auto;
	content: "";
	background: url("/images/common/icon_guide.png") no-repeat;
	background-size: 22px 22px;
	display: block;
}

.l-footerArea-sp ul li.contact a{
	background:#f17d00;
}

.l-footerArea-sp ul li.contact a span:before{
	width: 22px;
	height: 22px;
	margin: 0px auto 4px auto;
	content: "";
	background: url("/images/common/icon_contact.png") no-repeat;
	background-size: 22px 22px;
	display: block;
}

.l-footerArea-sp ul li.business a{
	background:#00a56d;
}

.l-footerArea-sp ul li.business a span:before{
	width: 22px;
	height: 22px;
	margin: 0px auto 4px auto;
	content: "";
	background: url("/images/common/icon_business.png") no-repeat;
	background-size: 22px 22px;
	display: block;
}


.l-footer-contactArea{
	background: url('/images/index/bg_contact.jpg') no-repeat scroll 50% 50% / cover;
	padding: 36px 0px;
	position: relative;
	overflow: hidden;
}

.l-footer-contactArea:before{
	content: "";
	background: #0060ad;
	width: 100%;
	height: 102%;
	display: block;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.8;
}

.l-footer-contactArea-button{
	width: auto;
	margin: 0px 0px;
	background: #fff;
	border-radius: 40px;
	border-bottom: solid 3px rgba(0,96,173,1);
	transition: all 0.4s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}

.l-footer-contactArea-button:hover{
	border-bottom: solid 3px rgba(255,255,255,0);
	transform: translate3d(0, 3px, 0);
}

.l-footer-contactArea-button a{
	color: #0060ad;
	font-size: 16px;
	text-decoration: none;
	display: block;
	padding: 20px;
	position: relative;
}

.l-footer-contactArea-button a:before{
	content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid #0060ad;
    border-top: 2px solid #0060ad;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}


.l-footer-contactArea-title{
	font-size: 22px;
	line-height: 1.6;
	text-align: center;
}

.l-footer-contactArea-title:after{
	content: "";
	width: 24px;
	height: 2px;
	background:#fff;
	display: block;
	margin: 4px auto 0px auto;
}

.l-footer-contactArea-pagelinkArea{
	text-align: center;
	margin: 30px auto 0px auto;
}


.l-footer-bannerArea{
	width: 84%;
	position: fixed;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -20%;
	z-index: 9999;
	border: 1px solid #0060ad;
	transition: all 0.4s ease;
}

.l-footer-bannerArea.open{
	width: 84%;
	position: fixed;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -1px;
	z-index: 9999;
	border: 1px solid #0060ad;
}

.l-footer-bannerArea a{
	padding: 14px 20px 14px 20px;
	display: block;
	text-decoration: none;
	background: rgba(255,255,255,0.9);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.l-footer-bannerArea a:hover{
	background: rgba(255,255,255,1);
}

.l-footer-bannerArea-title{
	font-size: 14px;
	line-height: 1;
	color: #0060ad;
	padding: 0px 30px 10px 0px;
	border-bottom:1px solid #0060ad;
}

.l-footer-bannerArea-title span{
	position: relative;
}

.l-footer-bannerArea-title span:before{
	width: 20px;
	height: 20px;
	content: "";
	background:#0060ad;
	border-radius: 50%;
	position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.l-footer-bannerArea-title span::after {
    content: "";
    width: 4px;
    height: 4px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: -22px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.l-footer-bannerArea-read{
	font-size: 12px;
	line-height: 1.4;
	color: #0060ad;
	padding: 10px 0px 0px 0px;
}

.l-footer-bannerArea-closebutton{
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 0px;
	line-height: 0;
	width: 26px;
	height: 26px;
	background: #dedede;
	cursor: pointer;
	border-top: none;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
}

.l-footer-bannerArea-closebutton span:before{
	width: 1px;
	height: 16px;
	content: "";
	background: #9e9e9e;
	position: absolute;
	top: 18%;
	right: 48%;
	transform: rotate(-45deg);
}

.l-footer-bannerArea-closebutton span:after{
	width: 1px;
	height: 16px;
	content: "";
	background: #9e9e9e;
	position: absolute;
	top: 18%;
	left: 48%;
	transform: rotate(45deg);
}

.sp-banner_kamei{
	width: 50%;
	margin: 0px auto;
}

body#index .l-footer-pagetop{
  position: fixed;
  bottom: 60px;
  width: 50px;
  height: 50px;
  left: auto;
  right: 20px;
  margin: auto;
  z-index: 9999;
}

.l-footer-pagetop{
  position: fixed;
  bottom: 100px;
  width: 50px;
  height: 50px;
  left: auto;
  right: 20px;
  margin: auto;
  z-index: 9999;
}

.l-footer-pagetop.change{
	position: fixed;
	bottom: 20px;
}

.l-footer-pagetop a{
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  color: transparent;
  background-color: rgba(112, 112, 112, .5);
}

.l-footer-pagetop a:before{
  content: "";
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(225deg);
  transform: rotate(45deg);
  position: absolute;
  right: 37%;
  top: 15%;
  z-index: 100;
  bottom: 0;
  margin: auto;
}

.l-footer-buttonArea{
	margin: 0px 0px 30px 0px;
}

.l-footer-buttonArea-button{
	width: auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border-radius: 80px;
	background: #f17d00;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	box-shadow: 0 3px rgba(0,0,0,0.2);
	position: relative;
}


.l-footer-buttonArea-button::after {
    content: "";
width: 13px;
height: 13px;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}

.l-footer-buttonArea-button:before {
    content: "";
width: 37px;
height: 34px;
position: absolute;
left: 18px;
top: 0;
bottom: 0;
margin: auto;
background: url("/images/common/icon_free.png") no-repeat;
    background-size: auto auto;
background-size: 37px 34px;
}

.l-footer-buttonArea-button a{
	display: block;
text-decoration: none;
padding: 18px 16px;
}

.l-footer-buttonArea-button-read {
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
}

.l-footer-buttonArea-button:hover{
	box-shadow: 0 0px rgba(0,0,0,0.5);
	transform: translate3d(0, 3px, 0);
}


}