@charset "utf-8";
/* CSS Document */
/* ----------------------------------------
* footer
---------------------------------------- */
/* spのみ他窓口バナー */
.sp-bnr-btm{
	border:none;
	padding:0;
}


#footer {
	/*
	padding-top:18px;

*/}

#footer .container{
	border-top:1px solid #ccc;
	padding-top:10px;
}

#footer,#footer a{
	color:#333;
	font-size:16px;
}

#footer ul,#footer li{
	list-style-type:none;
	margin:0;
	padding:0;
	text-indent:0;
}

#footer a:hover {
	color: #243c73;
	text-decoration:underline;
}
#footer .wrap {
	padding: 0;
}
#footer .footer_containr{
	display:flex;
	margin:0 10px 20px;
	padding-top:20px;
}
#footer .footer_containr .footer_blk01,#footer .footer_containr .footer_blk02{ 
	flex-grow: 0;
	padding:0 100px 0 0; 
}
#footer .footer_containr .footer_blk03{ flex-grow: 2; }

#footer .footer_containr .footer_blk01,#footer .footer_containr .footer_blk02{ 
	flex-grow: 0;
	padding:0 49px 0 0;
	border-right:1px solid #ccc;
	margin-right:49px;
}


#footer .footer_logo img{ 
	width:200px;
	margin-bottom:20px;
}
#footer .footer_sns li{
	display:inline-block;
	margin-right:10px;
}

#footer .footer_sns li img{
	width:50px;
}

#footer .footer_blk02{
	text-align:left;
}

#footer h2{
	font-weight:bold;
	margin:0 0 10px;
	background:none;
	border:none;
	
}
#footer div.h_n{
    margin-bottom: 10px;
	padding-left:10px;
	position:relative;
}

#footer div.h_n:before{
		font-family: FontAwesome;
		content: '\f105';
		/*
		-webkit-font-smoothing:antialiased;
 	    -webkit-text-stroke-color:#c16362;
       -webkit-text-stroke-width:1px
		*/
		font-size:1rem;
		position:absolute;
		left:0px;
		top: 50%;  		
		transform: translateY(-50%) ;
		margin-right:10px;
}
#footer .footer_blk03 li{
	position:relative;
	margin-bottom:10px;
}

#footer .footer_blk03 li:before{
		font-family: FontAwesome;
		content: '\f152';
		/*
		-webkit-font-smoothing:antialiased;
 	    -webkit-text-stroke-color:#c16362;
       -webkit-text-stroke-width:1px
		*/
		font-size:1rem;
		/* transform: translateY(-50%) */ ;
		margin-right:5px;
}


#footer .footer_blk03 li:after{
		font-family: FontAwesome;
		content: '\f08e';
		padding-left: 5px;
}

#footer .footer_blk01 { order: 1; }
#footer .footer_blk02 { order: 2; }
#footer .footer_blk03 { order: 3; }
#footer .copy{
	margin:0 10px 8px;
	text-align:center;
	font-size:14px;
}

@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: #f7d271;
	/*
    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;
    background: #FFE556;
	/*
    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;
}
}
