@charset "UTF-8";

/* footer.css
**************************************************************************************/


/* Layout
=============================================================================*/

.footer-area {
	padding-top:82px;
	background:url("../../image/footer-bg001.gif") no-repeat top center;
	}
.home .footer-area {
	padding-top:158px;
	background:url("../../image/footer-bg001-top.gif") #def4fd no-repeat top center;
	}
#footer {
	background-color:#00a2e9;
}
#footer .footer-in {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	padding-top: 45px;
	padding-bottom: 26px;
}
/*home*/
.home #footer .footer-in .top-bnr {
	position: absolute;
	left: -13px;
	top: -145px;
	width:1125px;
	}
.home #footer .footer-in .top-bnr p {
	text-align:right;
	font-size:13px;
	padding-right:15px;
	margin-bottom:7px;
	}
@media screen and (max-width: 679px){
.footer-area ,
.home .footer-area {
	padding-top:0;
	background:none;
	}
#footer {
	background-color:#f2f0e2;
	padding-bottom:80px;
}
#footer .footer-in {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
/*home*/
.home #footer .footer-in .top-bnr {
	position:static;
	left: inherit;
	top: inherit;
	width:100%;
	padding:10px 0;
	background:#def4fd;
	}
}

/* carousel
=============================================================================*/

.home .bn-navi {
	width: 100%;
	}
.carousel-area {
	width: 1030px;
	margin: 0 0 0 0;
	padding: 0 45px 0 45px;
	overflow: hidden;
	position: relative;
}
.carousel-area .bx-wrapper .bx-controls-direction a {
    height: 23px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 20px;
    width: 23px;
}
.carousel-area .bx-wrapper {
    margin: 0;
}
.carousel .slide{
	max-width: 147px;
	height: auto;
	background-color:#FFF;
	padding:3px;
	/*radius*/
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.carousel .slide img{
	max-width: 147px;
	height:auto;
}
.carousel .slide a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.carousel-area .bx-wrapper .bx-prev {
    background: url("../../image/carousel-ar001.png") no-repeat 0 0;
    left: 0;
    top: 0;
}
.carousel-area .bx-wrapper .bx-next {
    background: url("../../image/carousel-ar002.png")  no-repeat 0 0;
    right: 0;
    top: 0;
}

@media screen and (max-width: 679px){
.carousel-area {
	width: 100%;
	margin: 0 0 0 0;
	padding:0 27px;
	overflow: hidden;
	position: relative;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.carousel .slide{
	margin-right:15px !important;
}
.carousel-area .bx-wrapper .bx-controls-direction a {
    height: 18px;
    outline: 0 none;
    position: absolute;
	margin-top:-9px;
    top: 50%;
    width: 18px;
}
.carousel-area .bx-wrapper .bx-prev {
    background: url("../../image/carousel-ar001.png") no-repeat 0 0;
	background-size:18px auto;
    left: 5px;
    top: 0;
}
.carousel-area .bx-wrapper .bx-next {
    background: url("../../image/carousel-ar002.png")  no-repeat 0 0;
	background-size:18px auto;
    right: 5px;
    top: 0;
}
}
@media screen and (max-width: 350px){
.carousel .slide{
	margin-right:10px !important;
}
.carousel .slide img {
    max-width: 122px;
    height: auto;
}
}


/* Footer-navi
=============================================================================*/

/*to-top btn*/

#footer .footer-in p.to-top-btn {
	position: absolute;
	right: -110px;
	top: -200px;
}
#footer .footer-in p.to-top-btn a {
    background-image:url("../../image/to-top-bt001.png");
    background-position:0 0;
    background-repeat:no-repeat;
    display: block;
    width: 97px;
    height: 97px;
    text-decoration: none;
    font-family: 'Noto Sans JP';
    font-weight:400;
    line-height:1.4;
    letter-spacing:0.05em;
    color: #333333;
    text-align: center;
    padding: 65px 0 0 0;
    box-sizing: border-box;
}
#footer .footer-in p.to-top-btn a:hover {
    background-image:url("../../image/to-top-bt001on.png");
}

/*footer-link*/
#footer .footer-link {
	width:1100px;
	margin:0 auto 15px auto;
}
#footer .footer-link ul {
	float:left;
}

#footer .footer-link ul li {
	float:left;
	width:100%;
	color:#fff;
	font-size:92%;
	margin-bottom:2px;
}
#footer .footer-link ul li a {
	color:#fff;
	text-decoration:none;
	background:url("../../image/footer-ar001.gif") no-repeat 0 7px;
	padding-left:8px;
}
#footer .footer-link ul li a:hover {
	color:#add1e1;
}
#footer .footer-link ul li.tl {
	margin-bottom: 8px;
	font-size: 107%;
}
#footer .footer-link ul li.tl a {
	font-weight: bold;
	background:none;
	padding-left:0;
}
#footer .footer-link ul.l001 {
	width:150px;
}
#footer .footer-link ul.l002 {
	width:150px;
}
#footer .footer-link ul.l003 {
	width:160px;
}
#footer .footer-link ul.l004 {
	width:220px;
}
#footer .footer-link ul.l005 {
	width:210px;
}
#footer .footer-link ul.l006 {
	width:210px;
}

@media screen and (max-width: 679px){
/*to-top btn*/
#footer .footer-in p.to-top-btn {
	display:none;
}

/*footer-link*/
#footer .footer-link {
	width:100%;
	margin:0 auto 0 auto;
}
#footer .footer-link ul {
	width:50% !important;
}
#footer .footer-link ul li.tl {
	display:block;
	margin-bottom: 0;
}	
#footer .footer-link ul li.tl a {
	display:block;
	width:100%;
	padding: 15px 10px 15px 48px;
    background-size:31px 31px !important;
    font-family: 'Noto Sans JP';
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.03em;
}
#footer .footer-link ul li {
	display:none;
}

#footer .footer-link ul.l001 li.tl a {
    color: #0a6a74;
	background:url("../../image/footer-link-ic001_sp.gif") no-repeat 10px center;
}
#footer .footer-link ul.l002 li.tl a {
    color: #8a5304;
	background:url("../../image/footer-link-ic002_sp.gif") no-repeat 10px center;
}
#footer .footer-link ul.l003 li.tl a {
    color: #5a6614;
	background:url("../../image/footer-link-ic003_sp.gif") no-repeat 10px center;
}
#footer .footer-link ul.l004 li.tl a {
    color: #831d1d;
	background:url("../../image/footer-link-ic004_sp.gif") no-repeat 10px center;
}
#footer .footer-link ul.l005 li.tl a {
    color: #50395f;
	background:url("../../image/footer-link-ic005_sp.gif") no-repeat 10px center;
}
#footer .footer-link ul.l006 li.tl a {
    color: #295166;
	background:url("../../image/footer-link-ic006_sp.gif") no-repeat 10px center;
}

#footer .footer-link ul li.tl a:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}

#footer .footer-link ul li.tl{
	border-top:1px solid #FFF;
}
#footer .footer-link ul.l001 li.tl,
#footer .footer-link ul.l003 li.tl,
#footer .footer-link ul.l005 li.tl{
	border-right:1px solid #FFF;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
}

/*footer-navi*/
#footer .footer-navi {
	width:1100px;
	margin:0 auto;
	position:relative;
}
#footer .footer-navi li {
	float:left;
	font-size:1px;
	margin-right:20px;
	background-color:#FFF;
}
#footer .footer-navi li a {
	display:block;
	color:#333;
	text-decoration:none;
	font-size:12px;
	padding:12px 20px 12px 30px;
	background:url("../../image/footer-ar002.gif") no-repeat 20px center;
}
#footer .footer-navi li a:hover {
	color:#0a7eb0;
}
@media screen and (max-width: 679px){
/*footer-navi*/
#footer .footer-navi {
	width:100%;
}
#footer .footer-navi li {
	width:100%;
	border-top:1px solid #dad9d1;
}
#footer .footer-navi li:first-child {
	border-top:none;
}
#footer .footer-navi li a {
	background:url("../../image/sp-ar002.gif") no-repeat 17px center;
	background-size:16px 16px;
	padding:12px 10px 12px 40px;
}
}

/*footer-bottom-area*/

#footer .footer-bottom-area {
	width:100%;
	background-color:#0a7eb0;
	}
#footer .footer-bottom-area ul {
	width:1100px;
	margin:0 auto;
	padding:22px 0;
	position:relative;
}
#footer .footer-bottom-area ul li {
	float:left;
	padding:0 28px 0 0;
	line-height:1;
	font-size:1px;
	margin-top:8px;
}
#footer .footer-bottom-area ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	background:url("../../image/footer-ar003.gif") no-repeat 0 center;
	padding-left:10px;
}
#footer .footer-bottom-area ul li a:hover {
	color:#add1e1;
}

#footer .footer-bottom-area ul li.copy {
	float:right;
	font-size:11px;
	margin:0;
	padding:6px 0 0 0;
}
@media screen and (max-width: 679px){
#footer .footer-bottom-area ul {
	width:100%;
	text-align:center;
	padding:14px 0 9px 0;
	margin:0 auto;
}
#footer .footer-bottom-area ul li {
	text-align:center;
	margin:0 auto;
	padding:0 15px 0 0;
	float:none;
	display:inline-block;
}
#footer .footer-bottom-area ul li a {
	font-size:10px;
	background:url("../../image/footer-ar003.gif") no-repeat 0 center;
}
#footer .footer-bottom-area ul li.l002 {
    padding: 0 0 0 0;
}
#footer .footer-bottom-area ul li.l003 {
	display:none;
	float:none;
}
#footer .footer-bottom-area ul li.copy {
	width:100%;
	text-align:center;
	padding-top:20px;
}
#footer .footer-bottom-area ul li.copy img {
	width:300px;
	height:auto;
}
}


/* SP Footer Btn
=============================================================================*/
.sp-footer-btn {
	display:none;
}
@media screen and (max-width: 679px){
.sp-footer-btn {
	display:block;
	position:fixed;
	left:0;
	bottom:0;
	z-index:90;
	width:100%;
}
.sp-footer-btn ul{
	width:100%;
	display:table;
	background:#00a2e9;
}
.sp-footer-btn ul li{
	width:25%;
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #FFF;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.sp-footer-btn ul li a{
	display:block;
	padding:43px 0 5px;
	text-align:center;
    color: #fff;
    height: 80px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.3;
}
.sp-footer-btn ul li.btn01 a {
    background:url("../../image/footer-bt-ic001_sp.png") no-repeat center 7px;
    background-size: 31px auto;
}
.sp-footer-btn ul li.btn02 a {
    background:url("../../image/footer-bt-ic002_sp.png") no-repeat center 7px;
    background-size: 31px auto;
}
.sp-footer-btn ul li.btn03 a {
    background:url("../../image/footer-bt-ic003_sp.png") no-repeat center 7px;
    background-size: 31px auto;
}
.sp-footer-btn ul li.btn04 a {
    background:url("../../image/footer-bt-ic004_sp.png") no-repeat center 9px;
    background-size: 32px auto;
}
.sp-footer-btn ul li:nth-child(4){
	border-right:none;
}
}