@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer{
width: 100%;
height:auto;
margin:0px auto 0px auto;
padding-top:0px;
background-image:url("../common/footer/footer_pc.webp");
box-sizing: border-box;
background-size:cover;
background-position: bottom;
background-repeat: no-repeat;
}

@media screen and ( max-width:479px ){
#footer{
max-width: 100%;
margin:0px auto 0px auto;
padding-top:100px;
background-image:url("../common/footer/footer_sp.webp");
background-size:contain;
background-position: bottom;
background-repeat: no-repeat;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.link_bar_back{
width: 100%;
height:100px;
background-color: rgba(255,249,249,0.8);
padding-top:7px;
padding-bottom:7px;
}


@media screen and ( max-width:479px ){
#footer div.link_bar_back{
max-width:100%;
height:auto;
padding-top:7px;
padding-bottom:7px;
background-color: rgba(255,249,249,0.8);
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#footer div.link_bar_back ul.link_bar{
width: 1000px;
height:30px;
margin: 10px auto;
padding: 0px;
font-size:0px;
display: flex;
justify-content: center;
flex-direction: row;
}

@media screen and ( max-width:479px ){
#footer div.link_bar_back ul.link_bar{
max-width: 100%;
height:100%;
margin: 0px auto;
box-sizing: border-box;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: row;
}
}

#footer div.link_bar_back ul.link_bar li{
display: inline-block;
font-size:15px;
font-weight:600;
color:rgba(95,95,95,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
padding:5px;
margin: 3px;
text-align: center;
}

@media screen and ( max-width:479px ){
#footer div.link_bar_back ul.link_bar li{
flex-basis: 45%;
font-size:15px;
font-weight:400;
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left-style:none;
}
}


#footer div.link_bar_back ul.link_bar li.last{
display: inline-block;
font-size:15px;
font-weight:600;
color:rgba(95,95,95,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-right: solid rgba(118,116,87,1.0) 1px;
padding:5px;
text-align: center;
}


@media screen and ( max-width:479px ){
#footer div.link_bar_back ul.link_bar li.last{
flex-basis:45%;
font-size:15px;
font-weight:400;
padding:5px;
margin: 3px;
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left-style:none;
border-right-style:none;
}
}

#footer div.link_bar_back ul.link_bar li.last02{
display: inline-block;
font-size:15px;
font-weight:600;
color:rgba(95,95,95,1.00);
border-left-style: none;
border-right: solid rgba(118,116,87,1.0) 1px;
padding:5px;
text-align: center;
}

@media screen and ( max-width:479px ){
#footer div.link_bar_back ul.link_bar li.last02{
flex-basis:45%;
font-size:15px;
font-weight:400;
padding:5px;
margin: 3px;
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left-style:none;
border-right-style:none;
}
}


#footer div.link_bar_back ul.link_bar li a:link,a:visited{
color:rgba(95,95,95,1.00);
text-decoration: none;
}

#footer div.link_bar_back ul.link_bar li a:hover{
color:#DB477E;
text-decoration: none;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.office{
width: 100%;
background-color:rgba(43,31,21,0.6);
margin: 0px;
padding-top:7px;
padding-bottom:7px;
}

@media screen and ( max-width:479px ){
#footer div.office{
background-color:rgba(43,31,21,0.6);
}
}


#footer div.office div.office_detail{
width:1000px;
margin:0px auto;
padding: 0px;
font-size:0px;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction:row;
}

@media screen and ( max-width:479px ){
#footer div.office div.office_detail{
max-width: 100%;
margin: 10px auto;
padding: 0px;
font-size:0px;
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
flex-direction:row;
}
}

#footer div.office div.office_detail div.name{
font-size:17px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-style:none;
}

@media screen and ( max-width:479px ){
#footer div.office div.office_detail div.name{
font-size:17px;
font-weight:400;
padding-left: 5px;
color:rgba(255,255,255,1.00);
border-style:none;
text-align: left;
}
}

#footer div.office div.office_detail div.name img{
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}

@media screen and ( max-width:479px ){
#footer div.office div.office_detail div.name img{
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
}

#footer div.office div.office_detail div.address{
margin-left:15px;
font-size:17px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-style:none;
}

@media screen and ( max-width:479px ){
#footer div.office div.office_detail div.address{
font-size:14px;
font-weight:400;
padding-left: 0px;
padding-top: 3px;
color:rgba(255,255,255,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-style:none;
text-align: left;
}
}


#footer div.office div.office_detail div.tel_fax{
margin-left:15px;
font-size:17px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-style:none;
pointer-events: none;
}

#footer div.office div.office_detail div.tel_fax a{
color:rgba(255,255,255,1.00);
}


@media screen and ( max-width:479px ){
#footer div.office div.office_detail div.tel_fax{
font-size:14px;
font-weight:400;
padding-left: 0px;
padding-top: 3px;
color:rgba(255,255,255,1.00);
border-style:none;
text-align: left;
pointer-events: none;
}
}

#footer div.office div.office_detail div.time{
width: 1000px;
text-align: right;
padding-right: 30px;
font-size:15px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-style:none;
}

@media screen and ( max-width:479px ){
#footer div.office div.office_detail div.time{
font-size:14px;
font-weight:400;
padding-left: 12px;
padding-top: 3px;
color:rgba(255,255,255,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-style:none;
text-align: left;
}
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.footer_map{
display: block;
width:auto;
height:255px;
margin-top: 100px;
position: relative;
clear: both;
}

@media screen and ( max-width:479px ){
#footer div.footer_map{
position: relative;
width:100%;
margin: 0px auto;
padding: 0px;
top:0px;
}
}

#footer div.footer_map img{
width:220px;
display: block;
position: absolute;
top:-80px;
left:0px;
right:0px;
margin:0px auto;
z-index: 5;
}


@media screen and ( max-width:479px ){
#footer div.footer_map img{
display: block;
max-width:100%;
position: absolute;
top:20px;
left:0px;
right:0px;
margin:0px auto;
z-index: 5;
}
}

#footer div.footer_map div{
position: absolute;
width:220px;
height:185px;
top:-80px;
right:0px;
left:0px;
padding-top: 70px;
margin:0px auto;
box-sizing: border-box;
background: rgba(0,0,0,0);
opacity: 0;
color: #FFF;
transition: .3s;
font-size:20px;
text-align: center;
z-index: 10;
}


@media screen and ( max-width:479px ){
#footer div.footer_map div{
display: none;
}
}


#footer div.footer_map :hover div{
background: rgba(0,0,0,0.5);
opacity: 1;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#pageTop {
position: fixed;
bottom: 0px;
right:30px;
box-sizing: border-box;
}

#pageTop a {
display: block;
z-index:999;
width:80px;
height:80px;
border-radius: 50%;
background-color:rgba(14,174,176,1.00);
text-align: center;
text-decoration: none;
}

#pageTop a span.text_top{
display: block;
padding-top:20px;
color: #fff;
font-size:14px;
font-weight:bold;
line-height: 12pt;
}

#pageTop a span.text_top::before {
content: "";
display: block;
width: 10px;
height: 10px;
margin-left: 30px;
margin-right: 30px;
border-top: 5px solid white;
border-right: 5px solid white;
transform: rotate(-45deg);
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.copy{
width:100%;
color:rgba(83,76,66,1.00);
text-align:center;
font-size:15px;
}


@media screen and ( max-width:479px ){
#footer div.copy{
max-width: 100%;
margin-top:10px;
color:rgba(83,76,66,1.00);
text-align:center;
font-size:13px;
}
}