/* ----------------------------------------
* 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;
}
#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_containr .footer_blk03{ flex-grow: 2; }

#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
---------------------------------------- */


/* ボタンのスタイル */
.page-top {
  /* buttonタグのリセットCSS */
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;

  /* ボタンの装飾 */
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 100;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #11589f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* 矢印のスタイル */
.page-top::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-bottom: -6px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: rotate(-45deg);
}

/* ホバー時のスタイル */
.page-top:hover {
  transform: scale(1.1);
}