@charset "utf-8";

.footer { padding:0; background:#4B4B4B; color:#fff; }
.footer_content { width:100%; display:flex; flex-wrap:wrap; flex-direction:column-reverse;}
.footer_link { width:100%; }
.footer_link div { width:100%; }
.footer_link div:nth-child(2) { width:100%; text-align:center; padding:20px 0; border-top:1px solid #CECECE; }
@media screen and (min-width: 768px) {
  .footer_link div:nth-child(2) { padding-top:0; }
  .footer_link div { width:30%; }
}
.footer_link div ul{ width:100%; display:flex; flex-wrap:wrap; }
.footer_link div ul li { width:50%; border-bottom:1px solid #CECECE; padding:10px 0 10px 0; font-size:14px; letter-spacing:0.05em;}
.footer_link div ul li.client { width:calc(50% - 1px); border-right:1px solid #CECECE; }
@media screen and (min-width: 768px) {
  .footer_link div ul li { padding-top:0; }
  .footer_link div ul li.client { width:initial; border-right:initial; }
}
.footer_link div ul li.cliant { width:calc(50% - 1px); border-right:1px solid #CECECE; }
.footer_link div ul li.privacy { border-bottom:0; }
.footer_link div ul li.energy { width:calc(50% - 1px); border-right:1px solid #CECECE; }
.footer_link div ul li.small { font-size:12px; }
.footer_link div ul li:nth-child(odd) { width:calc(50% - 1px); border-right: 1px solid #CECECE; }
.footer_link div ul li:nth-child(11) { border-right:0; border-bottom:1px solid #CECECE; }
.footer_link div ul li.bunjo { border-right:0; } 
.footer_link div ul li a { width:90%; text-align:left; padding-left:30px; display:flex; align-items: center;  white-space: nowrap;}
.footer_link div ul li a .icon_arrow_right { margin-left: auto; display:block; }
.footer_link div ul li.sp { border-right:0; }
@media screen and (min-width: 768px) {
  .footer_link div ul li a .icon_arrow_right { display:none; margin-left:0; }
}
.footer_link p { width:100%; display:inline-block; text-align:center; font-size:14px; }
.footer_link .companyname .logo_footer_white { width:60%;}
@media screen and (min-width: 768px) {
  .footer_link .companyname .logo_footer_white { width:250px; }
}
p .logo_footer_white:hover { opacity:0.7; }
.footer_link div:nth-child(1) { text-align:center; }


.footer_logo { width:80px; margin-right: 10px;}
.footer_links { width:80%; display:flex; flex-wrap:wrap; margin:0 auto 48px auto; justify-content:space-between; display:none; }
.footer_links a { width:50%; text-decoration:none;margin-bottom:20px; font-size:15px; }

.footer_entry {text-align:right;}
.footer_entry a {text-decoration:none; margin-left:15px;}
.footer .copyright.inline_sp { width:100%; text-align:center; font-size:13px; margin-bottom:80px; }
.footer_link div ul.footer_link_pc { display:none; }
.footer_link_sp { width:85%; margin:10px auto 30px auto; display:flex; font-size:14px;}
.footer_link_sp li { width:auto; margin-right:30px; }
.footer_link div ul li.slash  { display:none;}
@media screen and (min-width: 768px) {
  .footer { padding:64px 0 30px 0; background:#F7F7F7; color:#000; }
  .footer_content { align-items:flex-start; justify-content:space-between; flex-direction:initial;}
  .footer_link div ul { margin-bottom:10px; }
  .footer_link div ul li { width:auto; border:0; padding-bottom:0; }
  .footer_link div ul li.cliant { width:auto; border-right:0; }
  .footer_link div ul li:nth-child(odd) { width:initial; border-right:0; }
  .footer_link { width:100%; display:flex; flex-wrap:wrap; }
  .footer_link p { font-size:16px; letter-spacing:0.1em; line-height:1.7em; text-align:left; }
  .footer_link .companyname { font-size:16px; font-weight:500; letter-spacing:0.03em;}
  .logo_footer_white.inline_pc { width:215px; }
  .footer_link div:nth-child(1) { margin-right:32px; text-align:initial; }
  .footer_link div:nth-child(2) { flex:1; display:block; border-top:0; }
  .footer_links  { width:400px; display:flex; flex-direction: initial; justify-content:space-between; margin:0;  }
  .footer_links a { /*width: calc(100% / 3); */ width:100%; display:inline-block; font-size:16px; margin-bottom:5px; text-align:right; }
  .footer_links a.cliant { margin-left:20px; }
  .footer_link div ul li.slash { margin-right:10px; margin-left:0p; display:block; }
  .footer_link div ul li a { font-size:16px; margin-right:18px; padding-left:0; display:inline-block;  }

  .footer_link div ul li a {display: inline; align-items: flex-end; position: relative;color: #333;text-decoration: none;transition: color 0.4s ease;}
  .footer_link div ul li a::after {content: "";position: absolute;bottom: -2px;right: 0; left: 0;height:1px;width: 100%;max-width: 100%; background-color:  #137CD3;transform: scaleX(0);transform-origin: left;opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;}
  .footer_link div ul li a:hover {color:  #137CD3; }
  .footer_link div ul li a:hover::after {transform: scaleX(1);opacity: 1;}
  .footer_link div ul li a.current { color: #137CD3; ;}
  .footer_links a:hover { opacity:0.7; } 
  .footer .copyright { width:100%; text-align:left; font-size:13px;}
  .footer .copyright.inline_sp { display:none; } 
  .footer_logo:hover { opacity:0.7; }
  .footer_link .footer_link_pc { display:flex; }
  .footer_link .footer_link_pc li a { font-size:14px; }
  .footer_link .footer_link_pc li { padding-top:0; }
  .footer_link div ul.footer_link_pc { display:flex; margin-left:5px; }
  ul.footer_link_sp { display:none; }
}

@media screen and (min-width: 768px) {
 .footer_content { width:90%; max-width:1200px; margin:0 auto 15px auto; }
   .footer_link { display:flex; justify-content: space-between;}
   .footer_link div:nth-child(2) { width:30%; flex:initial; order:1; text-align:left; }
   .footer_link div:nth-child(1) { width:68%; margin-right:0; order:2;}
}



.link_sp { width:100%; font-size:13px; margin:0 auto 0 auto; display:flex; justify-content: center; align-items:center; }
.link_sp img { margin-left:5px; }
@media screen and (min-width: 768px) {
  .link_sp { display:none; }
}

.privacy.inline_sp { width:100%; text-align:center;  display:inline-block; font-size:14px; }
@media screen and (min-width: 768px) {
.privacy.inline_sp { display:none; }
}


/*フッター固定ボタン*/
.contact_button_wrap { width:100%; display:flex; position:fixed; bottom:0; z-index:10; opacity: 0; visibility: hidden;   transition: all 0.6s ease;}
.contact_button_wrap li { width:50%; display:flex; align-items:center; justify-content: center; padding:15px 0 10px 0;}
.contact_button_wrap li:nth-child(1) { background:#F56745; color:#fff; } 
.contact_button_wrap li:nth-child(2) { background:#F2EA26; }
.contact_button_wrap.show {opacity: 1;visibility: visible;}
@media screen and (min-width: 768px) {
  .contact_button_wrap { display:none; }
}




.footer_bottom { display:none; }
@media screen and (min-width: 768px) {
.footer_bottom { width:100%; border-top:1px solid #ccc; display:block; padding-top:10px; }
.footer_bottom .contents { width:90%; max-width:1200px; margin:0 auto; display:block; }
.footer_bottom .contents ul { display:flex; font-size:14px; }
.footer_bottom .contents ul li { margin-right:20px; letter-spacing:0.1em; }
.footer_bottom .contents ul li a:hover { text-decoration:underline; }
.copy { margin-left: auto;}
}


/*共通問い合わせのマージン調整*/
@media screen and (min-width: 768px) {
  .contents_wrap.contact { height:auto; margin-top:180px; padding:50px 0; }
}