@charset 'utf-8';

footer { width:100%; height:auto; background:none; margin:0; padding-bottom:10px; }

.footer { width:100%; max-width:1080px; display:block; }
.footerMenu { width:100%; display:block; }
.footerMenuMain { width:100%; padding:0; display:flex; flex-wrap:wrap; }
.footerMenuMain li	{ width:100%; border-top:1px solid #ccc; overflow:hidden; }
.footerMenuMain li a { width:100%; padding: 15px 5%; display:flex; align-items:center; justify-content:center; position:relative; border-left: 4px solid transparent; color:#000; box-sizing:border-box; }
.footerMenuSub { width:100%; padding:0; display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc; }
.footerMenuSub a { width:100%; padding:15px 5%; display:flex; flex-wrap:wrap; position:relative; border-top:1px solid #ccc; border-left:4px solid transparent; }
.footerMenuSub a::before{ content:''; width:6px; height:6px; margin:-3px 0 0 0; position:absolute; top:50%; right:5%; border-top:2px solid #584728; border-right: 2px solid #584728; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.footerLogo { width:100%; margin:20px 0; padding:0 5%; align-items:center; }
.footerLogo img { width:90%; margin:20px 0; padding: 0 30px; }
.footerLogoText { display:flex; flex-direction:column; font-size:14px; line-height:1.2; }
.footerLogoText strong { font-weight:bold; }
.footerCopyright { width:90%; margin:0 auto; display:block; text-align:center; font-size:14px; }
@media screen and (min-width: 1080px) {
    .footer { margin:0 auto; flex-direction:row-reverse; justify-content:space-between; text-align:center; }
    .footerMenu { width:840px; margin: 0 auto; }
    .footerMenuMain { justify-content:space-between; padding:20px; }
    .footerMenuMain li { width:130px; display:block; border-top:none; list-style-type:none; background-color:#fff; color:#000; flex-grow:1; text-align:center; }
    .footerMenuMain li + li { border-left: 1px solid #000; }
    .footerMenuMain li a { padding:0 ; border-left:none; font-size:16px; display:block; }
    .footerMenuMain li a:hover { text-decoration:underline; }
    .footerMenuMain li a i { margin-left:5px; }
    .footerMenuSub { margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #ccc; border-bottom:none; }
    .footerMenuSub a { width:auto; padding:0 0 0 15px; border-top:none; border-left:none; font-size:14px; }
    .footerMenuSub a::before{ left:0; border-top:2px solid #000; border-right: 2px solid #000; }
    .footerMenuSub a:hover { text-decoration:underline; }
    .footerLogo { width:auto; padding:0; }
    .footerLogo img { width:400px; }
    .footerLogoText { font-size:16px; line-height:1.5; }
    .footerCopyright { text-align:right; margin-bottom:20px; }
}


/*スマホの問い合わせ*/
.contact_SPbox { width:100%; background:#584728; padding:20px 0; margin-bottom:20px; font: 16px / 1.8em source-han-sans-japanese, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, sans-serif; }
.contact_SPbox ul { width:90%; margin:0 auto; display:flex; align-items:center; color:#fff; flex-wrap:wrap; }
.contact_SPbox li { width:100%; }
.contact_SPbox li strong { width:100%; display:block; font-size:16px; font-weight:bold; text-align:center; margin-bottom:10px; line-height:1.5; }
.contact_SPbox li a.a_box { background:#000; color:#fff; padding:10px 20px; }
.contact_SPbox li .div_tel { display:flex; align-items:center; flex-wrap:wrap; }
.contact_SPbox li .div_tel a { font-size:16px; font-weight:bold; display:inline-block; }
.contact_SPbox li .div_tel dl { display:flex; margin:0 auto; }
.contact_SPbox li .div_tel dl dt { width:14%; margin-left:10px; }
.contact_SPbox li .div_tel dl dt img { width:30px; margin-bottom:40px; margin-right:10px; }
.contact_SPbox li .div_tel dl dd { width:86%;  }
.contact_SPbox li.li_center { width:100%; text-align:center; }
.contact_SPbox li a.a_box { width:70%; padding:15px 40px; display:block; margin:10px auto 0 auto; text-align:center; }
.contact_SPbox li a.a_box {transition: background-color 0.3s ease, color 0.3s ease; /* 色の変化を滑らかにする */}
.contact_SPbox li a.a_box:hover {background: #fff; /* ホバー時の背景色 */color: #0080FF; /* ホバー時の文字色 */}
.contact_SPbox span {margin-top:-30px; }

/*PC*/
/* @media screen and (min-width:960px) {
    .contact_SPbox ul { width:90%; margin:0 auto; display:flex; }
    .contact_SPbox { width:90%; max-width:1080px; margin:50px auto 0 auto; }
    .contact_SPbox li { width:auto; margin-right:30px; }
    .contact_SPbox li strong { width:auto; text-align:left; margin-bottom:0; }
    .contact_SPbox li .div_tel { margin-top:10px; }
    .contact_SPbox li .div_tel a { font-size:47px; }
    .contact_SPbox li .div_tel dl dd span { width:100%; }
    .contact_SPbox li .div_tel dl dt img { width:90%; margin-right:10%; margin-bottom:35px;  }
    .contact_SPbox li a.a_box { width:80%; padding:15px 35px; display:inline-block; margin:0; }
} */

/*PCの問い合わせ*/
.contact_PCbox { width:100%; background:#584728; padding:20px 0; margin-bottom:50px; font: 16px / 1.8em source-han-sans-japanese, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, sans-serif; }
.contact_PCbox ul { width:90%; margin:0 auto; display:flex; align-items:center; color:#fff; flex-wrap:wrap; }
.contact_PCbox li { width:100%; }
.contact_PCbox li strong { width:100%; display:block; font-size:16px; font-weight:bold; text-align:center; margin-bottom:10px; line-height:1.5; }
.contact_PCbox dl { display:flex; align-items: center; }
.contact_PCbox li:nth-child(2) a { font-size:30px; font-weight:600; margin-left:10px; }
.contact_PCbox li:nth-child(3) { display:flex; }
.contact_PCbox li:nth-child(3) a { font-size:18px; font-weight:600; margin-left:10px; align-items:center;  transition: color 0.3s ease; }
.contact_PCbox li:nth-child(3) a:hover { opacity:0.5;}

@media screen and (min-width:960px) {
    .contact_PCbox { width:90%; max-width:1080px; margin:50px auto 0 auto; }
    .contact_PCbox li { width:auto; margin-right:30px; }
    .contact_PCbox li strong { width:auto; text-align:left; margin-bottom:0; }
}

/* スマホとPC切り替え */
.contact_SPbox { display:block; }
.contact_PCbox { display:none;}

@media screen and (min-width:760px) {
    .contact_SPbox { display:none; }
    .contact_PCbox { display:block;}
}