@charset "UTF-8";
/*-----------------------------------------
	ヘッダー
-----------------------------------------*/
@media screen and (max-width: 1400px) { #head_menu #hm_wrap { padding: 0 0 0 10px; } }
/*1400px*/
@media screen and (max-width: 1300px) { #head_menu #hm_wrap #hm_left .logo { margin: 0 20px 0 0; width: 220px; }
  #head_menu #hm_wrap #hm_left .logo a img { max-width: 220px; }
  #head_menu #hm_wrap #hm_left .hd_text { font-size: 12px; }
  #head_menu #hm_wrap #hm_right { width: 480px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li { font-size: 13px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel { width: 255px; font-size: 13px; letter-spacing: 0.07em; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a { margin: 0 0 2px 0; padding: 0 0 0 34px; background-position: left top -2px; background-size: 26px auto; font-size: 26px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact { padding: 0 5px; width: 110px; font-size: 13px; letter-spacing: 0.04em; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a { padding: 32px 0 0 0; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:link, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:visited { background: url("../img/icon_mail_off.png") no-repeat center top; background-size: 34px auto; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:active, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:hover { background: url("../img/icon_mail_on.png") no-repeat center top; background-size: 34px auto; } }
/*1300px*/
@media screen and (max-width: 1000px) { #head_menu #hm_wrap #hm_left .logo { width: 200px; }
  #head_menu #hm_wrap #hm_left .logo a img { max-width: 200px; } }
/*1000px*/
@media screen and (max-width: 900px) { #head_menu #hm_wrap #hm_left .logo { width: 180px; }
  #head_menu #hm_wrap #hm_left .logo a img { max-width: 180px; }
  #head_menu #hm_wrap #hm_right { width: 280px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel { width: 70px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a { margin: 0; padding: 0; width: 60px; height: 60px; pointer-events: inherit; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a:link, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a:visited { background: url("../img/icon_free_off_sp.png") no-repeat center center; background-size: 60px auto; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a:active, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a:hover { background: url("../img/icon_free_on_sp.png") no-repeat center center; background-size: 60px auto; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel span { display: none; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact { padding: 0; width: 100px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a { padding: 0; width: 60px; height: 60px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:link, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:visited { background: url("../img/icon_mail_off_sp.png") no-repeat center center; background-size: 60px auto; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:active, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a:hover { background: url("../img/icon_mail_on_sp.png") no-repeat center center; background-size: 60px auto; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a > span { display: none; } }
/*900px*/
@media screen and (max-width: 640px) { #head_menu #hm_wrap #hm_left .logo { margin: 0; width: 95px; }
  #head_menu #hm_wrap #hm_left .logo a img { max-width: 95px; }
  #head_menu #hm_wrap #hm_left .hd_text { display: none; }
  #head_menu #hm_wrap #hm_right { width: 250px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact { margin: 15px 0 0 0; vertical-align: top; line-height: 1; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel a, #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a { width: 60px; height: 60px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.tel { width: 60px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact { border-left: none; width: 85px; }
  #head_menu #hm_wrap #hm_right #hm_r_box ul.tel_contact li.contact a { margin: 0 20px 0 5px; } }
/*640px*/
/*-----------------------------------------
　フッター
-----------------------------------------*/
@media screen and (max-width: 900px) { footer .ft_frm .ft_menu .frm { max-width: 700px; flex-wrap: wrap; }
  footer .ft_frm .ft_menu .frm > div { padding: 0 20px 0 0; width: 33.33%; }
  footer .ft_frm .ft_menu .frm > div:nth-of-type(n+4) { padding: 40px 20px 0 0; }
  footer .ft_frm .ft_codata address .sign { margin: 0 auto; } }
/*900px*/
/*768px*/
@media screen and (max-width: 640px) { footer { /*FIXナビ*/ /*ページトップへ*/ }
  footer .ft_frm .ft_menu { display: none; }
  footer .ft_frm .ft_codata { padding: 30px 10px; }
  footer .ft_frm .ft_codata address .sign { flex-direction: column; }
  footer .ft_frm .ft_codata address .sign > span { margin: 0 auto; display: block; width: 60px; }
  footer .ft_frm .ft_codata address .sign > div { margin: 0; }
  footer .ft_frm .ft_codata address .sign > div > p, footer .ft_frm .ft_codata address .sign > div > ul { text-align: center; justify-content: center; }
  footer .ft_frm .ft_codata address .sign > div > p { margin: 20px auto 0 auto; max-width: 295px; }
  footer .ft_frm .ft_codata address .sign > div > ul li { line-height: 1.4; }
  footer .ft_frm .ft_codata address .sign > div > ul li.add { font-size: 14px; }
  footer .ft_frm .ft_codata address .sign > div > ul li.add span.cap, footer .ft_frm .ft_codata address .sign > div > ul li.add span.data { display: block; width: 100%; }
  footer .ft_frm .ft_codata address .sign > div > ul li.add span.cap { margin: 0; }
  footer .ft_frm .ft_codata address .sign > div > ul li.add span.data > span { margin: 5px 0 0 0; display: block; width: 100%; }
  footer .ft_frm .ft_codata address .sign > div > ul li.add span.data > span:first-of-type { margin: 5px 0 0 0; }
  footer #copyright { padding: 17px 10px; line-height: 1.4; }
  footer #copyright.noFixnavi { margin: 0 0 20px 0; }
  footer #side_fix ul li a { height: 34px; font-size: 12px; }
  footer #side_fix ul li:nth-of-type(1) a img { max-width: 12px; }
  footer #side_fix ul li:nth-of-type(2) a > span > span { display: none; }
  footer #pagetop { background: url("../img/arrow_top.png") center center no-repeat #89b8de; background-size: 14px auto; bottom: 34px; width: 40px; height: 40px; } }
/*640px*/
@media screen and (max-width: 480px) { footer { /*FIXナビ*/ }
  footer .ft_frm .ft_codata address .sign > div > ul li { line-height: 1.4; }
  footer .ft_frm .ft_codata address .sign > div > ul li.tel, footer .ft_frm .ft_codata address .sign > div > ul li.fax { margin: 3px 0 0 0; display: block; width: 100%; }
  footer .ft_frm .ft_codata address .sign > div > ul li.tel { margin: 10px 0 0 0; }
  footer .ft_frm .ft_codata address .sign > div > ul li.tel::after { content: ''; }
  footer #copyright > span { display: block; width: 100%; }
  footer #side_fix ul li a { font-size: 11px; letter-spacing: 0; } }
/*480px*/

/*# sourceMappingURL=hf_block_sp.css.map */