@charset "UTF-8";
/*  /////////////////////////////////////////////////////////////// 
       フッター （全ページ共通） #footer指定                        
//////////////////////////////////////////////////////////////// */
/**/
/**/
/*----------------------------------------------
一番下に設置するためcommon_cssに記載
#footer_wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#footer{
  margin-top: auto;
}
************************************/

footer {
  width: 100%;
    padding-top: 10px;
  text-align: center;
 background-color:#ECF2FF;
color: #3B3939;/*タイトル、テーブル内統一*/
  border: solid 0px;
}

/*左（お問い合わせ）　右（住所電話）*/
footer .toiawase_flex{
    display: flex;
 justify-content: center;
    margin-top: 8px;
    
    text-align: left;
    border: solid 0px;  
}
/*お問い合わせ*/
footer .left{
    margin-right: 30px;   
}
/*住所電話*/
footer .right{
border: solid 0px;  
}
footer .right span{
    display: inline-block;
}


/*   copyright
======================================================================================================= */
footer .copyright {
  width: 100%;
	margin-top: 10px;
padding: 6px 0;
  text-align: center;
background: #5F84E8;
    color: #ffffff;
      font-size: 12px;
  line-height: 14px; /*親要素のheight:pxで上下センタリング*/
    /*letter-spacing: 15px;*/
}

/* ディバイスサイズ設定
   （全体レイアウトcontainer、main_areaはlayout.cssに記載）
======================================================================================================= */
/* スマホ用***************** */
@media (max-width: 749px) {
/*左（お問い合わせ）　右（住所電話）*/
footer .toiawase_flex{
    display: flex;
 flex-direction: column;
align-items: center; 
}
  /*お問い合わせ*/
footer .left{
    margin-right: 0px;
    
}
/*住所電話*/
footer .right{
text-align: center;
}
}
/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop ***************** */
@media (min-width: 1024px) {}