@charset "utf-8";
/* CSS Document */
/* ----------------------------------------
* footer
---------------------------------------- */

footer {
	margin:0;
	padding:30px;
	text-align:center;
    background-image: url(/wp/wp-content/themes/twentytwentyfour-child/images/footer/bg.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
	color:#fff;
}

footer > div{
	text-align:right;
}

footer > div a{
	color:#fff;
}
footer .wrap{
	text-align:center;
}

footer dl{
	margin:30px auto;
}

footer dt{
	font-size:1.4rem;
	font-weight:bold;
	margin:0 0 10px;
}


@media screen and (max-width: 950px) {
/* spのみ他窓口バナー */

#footer{
	font-size:14px;
}

.sp-bnr-btm{
	border-top:1px solid #ccc;
	padding-top:10px;
}

#footer .container{
	padding:0 10px 10px;
	}
	
#footer h2{
	padding-top:10px;
	font-size:1.1rem;
}	

#footer .footer_containr{
	display:block;
	margin:0 0 10px;
}


#footer .footer_blk01 {
	 order: 3;
	 padding:0 0 10px 0 !important;
	 margin:0 auto 10px;
	 text-align:center; 
}
#footer .footer_blk02 {
	 order: 1; 
	 padding:0 0 10px 0 !important;
	 margin-bottom:10px;
	 border-bottom:1px solid #ccc; 
}
#footer .footer_blk01,#footer .footer_blk02{
	border:none !important;
	margin-right:0 !important;
}

#footer .footer_blk03 {
	 order: 2; 
	 padding:0 0 10px 0 !important;
	 margin-bottom:10px;
	 border-bottom:1px solid #ccc;
	 line-height:1; 
}

#footer div.h_n{
	padding-bottom:10px;
	border-bottom:dotted 1px #ccc;
}

#footer div.h_n:last-child{
	padding-bottom:10px;
	border-bottom:none;
}


#footer .footer_logo img{ 
	width:160px;
	margin-bottom:0px;
}




#footer .copy{
	font-size:10px;
	text-align:center;
}


}

/* pagetop */
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    background: #DC143C;
	/*
    border: solid 2px #000;
    */
	border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}
@media (min-width: 768px) {
#footer{
	line-height:1.6;
}

#footer table td,#footer table th{
	padding:10px;
}



#footer.bg-green .logo{
	width:180px;
}

#footer .area_txt > div{
	text-align:left;
}


#footer .area_txtimg{
	display:flex;
	align-items:flex-end;

}


#footer .area_img{
	width:400px;
}

/* pagetop */
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
	/*
    border: solid 2px #000;
    */
	border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}
}

/* ----------------------------------------
* footer固定
---------------------------------------- */
#sp-fixed-menu{
	display:none;
}


@media (max-width: 992px) {
.page-top {
  /* ボタンの装飾 */
  position: fixed;
  right: 30px;
  bottom: 60px;
  /* display:block; */
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
/*   opacity: 0.9;　*/
   z-index: 99;
  display:block;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューをお問い合わせ*/
#sp-fixed-menu li.fix_form{
  background: #083976;
}
#sp-fixed-menu li.fix_form a:before{
 font-family: "Font Awesome 5 Free";
  content: '\f0e0';
  font-weight: 900;	
  margin-right:5px;
}

/*右側メニューをLINE*/
#sp-fixed-menu li.fix_line{
  background: #008941;
}
#sp-fixed-menu li.fix_line a:before{
	font-family: "Font Awesome 5 Brands";
	content: '\f3c0';
	margin-right:5px
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}

#sp-fixed-menu li a:active,#sp-fixed-menu li a:checked,#sp-fixed-menu li a:hover{
	text-decoration:none !important;
}
}
