@charset "utf-8";

/*------移植----*/

.footer{
    max-width:1920px;
    width:100%;
    margin:0 auto 0 auto;
    background-color:#292725;
    color:#fff;
}

.fWr01{
    padding:60px 0 0 0;
}

.copyrightWr{
    padding:40px 0 39px 0;
}

.fBoxWr{
    max-width:1420px;
    width:100%;
    margin:0 auto 0 auto;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    align-items:center;
}

.fRightBox01{
    max-width:580px;
    width:100%;
    margin:108px 0 0 0;
}

.fLeftBox01{
    max-width:470px;
    width:100%;
    margin:0 0 0 0;
    text-align:center;
}

.fLogo{
    max-width:200px;
    width:100%;
    margin:0 auto 0 auto;
}

.fTownCompanyTit{
    margin:40px 0 0 0;
    font-size:22px;
    letter-spacing:0.15em;
}

.fTownCompanyTextBox{
    margin:22px 0 0 0;
    font-size:12px;
    letter-spacing:0.15em;
    line-height:1.875em;
}

.fNavBox03{
    max-width:110px;
    width:100%;
}

.fNavBox02{
    max-width:170px;
    width:100%;
}

.fNavBox01{
    max-width:130px;
    width:100%;
}

.fNavBoxWr{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.fNavLink{
    display:block;
    font-size:16px;
    letter-spacing:0.05em;
    color:#fff;
    line-height:1.24em;
}

.fNavLink:hover{
    color:#999593;
}

.fNavLink02{
    display:block;
    font-size:14px;
    letter-spacing:0.15em;
    font-weight:600;
    color:#fff;
}

.fNavLink02:hover{
    color:#999593;
}

.copyright{
    font-size:13px;
    font-weight:500;
    letter-spacing:0.15em;
    color:#999593;
}

.fLinkSetBox{
    max-width: 490px;
    width:100%;
    margin:0 0 30px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
}

.fSnsLnk01{
    max-width:30px;
    width:100%;
    display:block;
}

.fWebBtn{
    max-width:200px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    height:45px;
    background-color:#4B4948;
    color:#fff;
    font-size:16px;
    font-weight:500;
    letter-spacing:0.15em;
}

.fWebBtnIcon{
    max-width:18.86px;
    width:100%;
    margin:0 10px 0 0;
}

.fWebBtn:hover{
    color:#fff;
    background-color:#6c6c6c;
}

.fOnlineBtn{
    display:flex;
    max-width:200px;
    width:100%;
    height:45px;
    border:0 none #847D70;
    justify-content:center;
    align-items:center;
    font-size:16px;
    letter-spacing:0.15em;
    color:#292725;
    font-weight:400;
    background-color:#fff;
}

.fOnlineIcon01{
    max-width:12.4px;
    width:100%;
    margin:0 0 0 9.9px;
}

.fOnlineBtn:hover{
    background-color:#4B4948;
    color:#fff;
}

.copyrightBoxWr{
    max-width:1420px;
    width:100%;
    margin:0 auto 0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:column-reverse;
}

.hSnsSetList{
    max-width:75.02px;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}


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

.fOnlineBtn:hover .fOnlineIcon01 {
    filter: brightness(0) invert(1);
}

.fNavMg01 .fNavLink {
    margin-top: 20px;
}

.fNavMg01 .fNavLink:first-child {
    margin-top: 0;
}

.fNavMg02 .fNavLink02 {
    margin-top: 21px;
}

.fNavMg02 .fNavLink02:first-child {
    margin-top: 0;
}

.fNavBoxWr {
    gap: 10px;
}

.fLinkSetBox {
    gap: 15px;
}

.fNavLink {
    font-size: 15px !important;
}

.fNavLink02 {
    font-size: 15px !important;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

  



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.fLeftBox01{
	text-align:left;
	margin:0 30px 0 0;
	max-width:280px;
}
.copyrightBoxWr{
    flex-direction:row;
    align-items:flex-end;
}
.fLinkSetBox{
    margin:0 0 0 30px;
    flex-direction:row;
}
.fBoxWr{
    flex-direction:row;
    align-items:flex-start;
}
.fWr01{
    padding:60px 0 60px 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.fNavMg01 .fNavLink {
    margin-top: 40px;
}

.fNavMg02 .fNavLink02 {
    margin-top: 41px;
}

.fNavLink {
    font-size: 17px !important;
}

.fNavLink02 {
    font-size: 15px !important;
}

.fLeftBox01{
    max-width:470px;
    margin:0 30px 0 0;
}
.fLogo{
    max-width:264px;
}
.fTownCompanyTit{
    font-size:28px;
    margin:80px 0 0 0;
}
.fTownCompanyTextBox{
    font-size:16px;
    margin:42px 0 0 0;
}
.fRightBox01{
    max-width:731px;
    margin:131px 0 0 0;
}
.fNavLink{
    font-size:25px;
}
.fNavLink02{
    font-size:20px;
}
.fNavBox03{
    max-width:140px;
}
.fNavBox02{
    max-width:250px;
}
.fNavBox01{
    max-width:190px;
}
.fWr01{
    padding:90px 0 90px 0;
}
.copyrightWr{
    padding:80px 0 79px 0;
}
.fBoxWr{
    flex-direction:row;
}

.fLinkSetBox{
    max-width: 520px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.fNavLink {
    font-size: 25px !important;
}

.fNavLink02 {
    font-size: 20px !important;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */