@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*--ベンダープレフィックスの自動付与設定-----------------------*/
@media screen and (min-width: 1080px) {
  /*PC*/ }

@media screen and (max-width: 750px) {
  /*SP*/ }

@media screen and (max-width: 1079px) and (min-width: 751px) {
  /*TB*/ }

@media screen and (max-width: 750px) {
  /*SP*/
  body {
    -webkit-text-size-adjust: 100%;
    font-size: 85%; } }

/*幅設定------------------------------------------*/
/*コンテンツ幅*/
/*Font Awesome 5のmixin-----------------------------------------------*/
/*コンテンツボックスのmixin-----------------------------------------------*/
/*# sourceMappingURL=test.css.map */
/*Memo=============================================================

■ テンプレートカラー(色覚差分対応)
　└ 変数、配列
	$siteBase...サイト全体の背景色
	$siteMain...サイトのメインカラー(背景色と対になる色。リンクボタンの背景など)
	$siteText...テキストカラー。siteMainと同じ場合あり。
	$siteLink...リンクのテキストカラー。siteMainと同じ場合あり。
	$siteAcc...アクセントカラー。siteMainと同じ場合あり。

　└ 関連mixin
	・tempColorSelect ：　ベースカラー指定
	・tempColorBox	 ：　メインカラー背景、ベース色がテキストカラーのボックス。見出しなど。
	・tempColorBoxHov ：　メインカラー・ベースカラーの反転版。
	・tempLinkBox	 ：　tempColorBox→tempColorBoxHovにホバーするリンクボタンライクなボックス。aタグに対して使う。
	・tempLinkBoxW	 ：　上記の反転逆パターン。通常時背景に埋もれないよう、border-colorを指定しているので適宜線幅をつける。

■ アイコンカラー
　└ 変数、配列
	・$menuNames、$menuColors：　
　　　指定するアイコンの分類名とそれに対応する色の指定を、「順番が一致する」形で設定。
　　　別のカテゴリで同じ色系統を複数回使いたいときは、その分類の数だけredやblueを指定する。

	・$colMap
	各色分類に対応する背景、テキストカラーの指定場所。ホバー時の色も指定しておく。
	別の色系統を増やしたい場合は「$colMap」内のマップ配列に指定用の色の名前の追加と、
	その指定名に対応するカラーバリエーションを追加する。

	例)
	　$colMap: (
		色の指定名(redなど): (
			mainColor: #ff4d4d,		// コンテンツの背景色
			txColor: #ffffff,		//    〃　　　テキストカラー
			mainColorHov: #b92f2f,　 //    〃　　　ホバー背景色
			txColorHov: #ffffff　 	//    〃　　　ホバーテキストカラー
		),
	　)

　└ 関連mixin
	・colorBox($colType)　	：　背景がアイコンカラーのボックス
	・colorBoxHov($colType)	：　colorBoxのホバーカラー版
	・colorBoxW($colType)	：　テキスト、SVGのみアイコン色対応。背景なし。
	・colorBoxLink($colType)	：　colorBox→colorBoxHovへの変化パターン。
	・colorBoxLinkW($colType)：　colorBoxW→colorBoxへの変化パターン
　　 
===================================================================*/
/*追加定義関数------------------------------------------------------*/
/*--カラー設定--------------------------------*/
/*# sourceMappingURL=test.css.map */
#contener {
  padding-bottom: 0; }

#index_cont {
  background: url("../img/bg_index.jpg") no-repeat left top;
  background-size: cover;
  padding: 8vw 3% 5vw; }

#top_search {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  margin-bottom: 3rem; }
  #top_search #search_parts {
    width: 65%;
    padding: 0 3%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; }
    @media screen and (max-width: 750px) {
      #top_search #search_parts {
        width: 100%; } }
    #top_search #search_parts > p {
      margin: 0 auto 2rem;
      max-width: 90%; }
      @media screen and (max-width: 750px) {
        #top_search #search_parts > p {
          text-align: center; } }
  #top_search #link_parts {
    width: 35%;
    text-align: center;
    position: relative;
    border: 6px solid #ffffff;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
    padding: 8px;
    position: relative; }
    @media screen and (max-width: 750px) {
      #top_search #link_parts {
        /*SP*/
        width: 100%;
        -webkit-order: 2;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2; } }
    #top_search #link_parts .bx-controls-direction {
      width: 100%; }
      #top_search #link_parts .bx-controls-direction .bx-prev, #top_search #link_parts .bx-controls-direction .bx-next {
        position: absolute;
        top: 49%;
        padding: 3px 7px;
        color: #ffffff;
        font-weight: bold;
        background: #000000;
        font-family: "FontAwesome";
        z-index: 10000; }
        #top_search #link_parts .bx-controls-direction .bx-prev:hover, #top_search #link_parts .bx-controls-direction .bx-next:hover {
          text-decoration: none;
          background: #fdaa01; }
      #top_search #link_parts .bx-controls-direction .bx-prev {
        left: -6px; }
      #top_search #link_parts .bx-controls-direction .bx-next {
        right: -6px; }
    #top_search #link_parts .bx-pager {
      position: absolute;
      z-index: 10000;
      width: 100%;
      left: 0;
      bottom: -2.5rem;
      text-align: center; }
      #top_search #link_parts .bx-pager .bx-pager-item {
        display: inline-block;
        margin: 0 0.5rem; }
        #top_search #link_parts .bx-pager .bx-pager-item .bx-pager-link {
          display: block;
          text-indent: -10000px;
          width: 1rem;
          height: 1rem;
          border: 3px solid #fff;
          background: none;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          opacity: 0.8; }
          #top_search #link_parts .bx-pager .bx-pager-item .bx-pager-link:hover {
            opacity: 1; }
          #top_search #link_parts .bx-pager .bx-pager-item .bx-pager-link.active {
            background: #fff; }
  #top_search .kensaku {
    max-width: 620px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2); }

#top_emergency_info {
  background: #fffbe6;
  border: 8px solid #ffd100;
  padding: 1.5rem 3%;
  margin: 2rem auto; }
  #top_emergency_info p.emergency {
    font-size: 110%;
    font-weight: bold;
    color: #d40000;
    margin-bottom: 0;
    position: relative; }
    #top_emergency_info p.emergency span {
      position: absolute;
      right: 0;
      top: 0; }
      #top_emergency_info p.emergency span a {
        display: inline-block;
        padding: 3px 8px;
        background: #d40000;
        color: #fff;
        font-weight: normal;
        font-size: 90%; }
        #top_emergency_info p.emergency span a:hover {
          text-decoration: none;
          background: #9a0000; }
  #top_emergency_info dl {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-top: 0.7rem;
    padding: 0.7rem 3% 0; }
    #top_emergency_info dl:not(:last-child) {
      padding-bottom: 0.7rem;
      border-bottom: 1px solid #ffd100; }
    #top_emergency_info dl dt, #top_emergency_info dl dd {
      display: table-cell;
      vertical-align: middle; }
    #top_emergency_info dl dt {
      width: 20%;
      max-width: 15rem; }
      #top_emergency_info dl dt span {
        font-size: 95%;
        display: inline-block; }
    #top_emergency_info dl dd {
      font-size: 120%; }
      #top_emergency_info dl dd a {
        text-decoration: underline; }
        #top_emergency_info dl dd a:hover {
          text-decoration: none; }
  @media screen and (max-width: 750px) {
    #top_emergency_info {
      /*SP*/ }
      #top_emergency_info dl, #top_emergency_info dl dt, #top_emergency_info dl dd {
        display: block;
        width: 100%; }
      #top_emergency_info dd {
        padding: 0.5rem 1rem; } }

#top_menu ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 1rem; }
  #top_menu ul li {
    width: 33.3%;
    padding: 10px 1%;
    position: relative; }
    #top_menu ul li a {
      font-size: 120%;
      font-weight: 500;
      padding: 1.5rem 3%;
      display: block;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
      position: relative; }
      #top_menu ul li a:hover {
        -webkit-box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.2);
        text-decoration: none; }
      #top_menu ul li a svg.icon {
        display: inline-block;
        margin-right: 10px; }
    #top_menu ul li .tips {
      display: none;
      position: absolute;
      background: #ffffff;
      top: 100%;
      left: 20%;
      padding: 1rem;
      z-index: 100000;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px; }
      #top_menu ul li .tips:before {
        content: "";
        position: absolute;
        top: -1.5rem;
        left: 8%;
        border: 10px solid transparent;
        border-bottom: 15px solid #ffffff; }
    #top_menu ul li:hover .tips {
      display: block; }
    #top_menu ul li#menu_info a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #ff4d4d; }
      #top_menu ul li#menu_info a, #top_menu ul li#menu_info a a {
        color: #ffffff; }
      #top_menu ul li#menu_info a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_info a.tips:before {
        border-bottom-color: #ff4d4d; }
      #top_menu ul li#menu_info a:hover {
        background: #b92f2f; }
        #top_menu ul li#menu_info a:hover, #top_menu ul li#menu_info a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_info a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_info a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_info a:hover, #top_menu ul li#menu_info a:hover a {
          color: #ff4d4d; }
        #top_menu ul li#menu_info a:hover svg {
          fill: #ff4d4d; }
    #top_menu ul li#menu_info .tips {
      background: #ff4d4d; }
      #top_menu ul li#menu_info .tips, #top_menu ul li#menu_info .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_info .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_info .tips.tips:before {
        border-bottom-color: #ff4d4d; }
    #top_menu ul li#menu_life a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #7ac539; }
      #top_menu ul li#menu_life a, #top_menu ul li#menu_life a a {
        color: #ffffff; }
      #top_menu ul li#menu_life a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_life a.tips:before {
        border-bottom-color: #7ac539; }
      #top_menu ul li#menu_life a:hover {
        background: #62a22b; }
        #top_menu ul li#menu_life a:hover, #top_menu ul li#menu_life a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_life a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_life a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_life a:hover, #top_menu ul li#menu_life a:hover a {
          color: #7ac539; }
        #top_menu ul li#menu_life a:hover svg {
          fill: #7ac539; }
    #top_menu ul li#menu_life .tips {
      background: #7ac539; }
      #top_menu ul li#menu_life .tips, #top_menu ul li#menu_life .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_life .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_life .tips.tips:before {
        border-bottom-color: #7ac539; }
    #top_menu ul li#menu_isa a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #ff7941; }
      #top_menu ul li#menu_isa a, #top_menu ul li#menu_isa a a {
        color: #ffffff; }
      #top_menu ul li#menu_isa a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_isa a.tips:before {
        border-bottom-color: #ff7941; }
      #top_menu ul li#menu_isa a:hover {
        background: #dc602c; }
        #top_menu ul li#menu_isa a:hover, #top_menu ul li#menu_isa a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_isa a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_isa a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_isa a:hover, #top_menu ul li#menu_isa a:hover a {
          color: #ff7941; }
        #top_menu ul li#menu_isa a:hover svg {
          fill: #ff7941; }
    #top_menu ul li#menu_isa .tips {
      background: #ff7941; }
      #top_menu ul li#menu_isa .tips, #top_menu ul li#menu_isa .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_isa .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_isa .tips.tips:before {
        border-bottom-color: #ff7941; }
    #top_menu ul li#menu_politics a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #4d6fff; }
      #top_menu ul li#menu_politics a, #top_menu ul li#menu_politics a a {
        color: #ffffff; }
      #top_menu ul li#menu_politics a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_politics a.tips:before {
        border-bottom-color: #4d6fff; }
      #top_menu ul li#menu_politics a:hover {
        background: #324ec3; }
        #top_menu ul li#menu_politics a:hover, #top_menu ul li#menu_politics a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_politics a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_politics a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_politics a:hover, #top_menu ul li#menu_politics a:hover a {
          color: #4d6fff; }
        #top_menu ul li#menu_politics a:hover svg {
          fill: #4d6fff; }
    #top_menu ul li#menu_politics .tips {
      background: #4d6fff; }
      #top_menu ul li#menu_politics .tips, #top_menu ul li#menu_politics .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_politics .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_politics .tips.tips:before {
        border-bottom-color: #4d6fff; }
    #top_menu ul li#menu_baby a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #fdaa01; }
      #top_menu ul li#menu_baby a, #top_menu ul li#menu_baby a a {
        color: #ffffff; }
      #top_menu ul li#menu_baby a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_baby a.tips:before {
        border-bottom-color: #fdaa01; }
      #top_menu ul li#menu_baby a:hover {
        background: #e89c00; }
        #top_menu ul li#menu_baby a:hover, #top_menu ul li#menu_baby a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_baby a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_baby a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_baby a:hover, #top_menu ul li#menu_baby a:hover a {
          color: #fdaa01; }
        #top_menu ul li#menu_baby a:hover svg {
          fill: #fdaa01; }
    #top_menu ul li#menu_baby .tips {
      background: #fdaa01; }
      #top_menu ul li#menu_baby .tips, #top_menu ul li#menu_baby .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_baby .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_baby .tips.tips:before {
        border-bottom-color: #fdaa01; }
    #top_menu ul li#menu_culture a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #b258c5; }
      #top_menu ul li#menu_culture a, #top_menu ul li#menu_culture a a {
        color: #ffffff; }
      #top_menu ul li#menu_culture a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_culture a.tips:before {
        border-bottom-color: #b258c5; }
      #top_menu ul li#menu_culture a:hover {
        background: #8d3b9e; }
        #top_menu ul li#menu_culture a:hover, #top_menu ul li#menu_culture a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_culture a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_culture a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_culture a:hover, #top_menu ul li#menu_culture a:hover a {
          color: #b258c5; }
        #top_menu ul li#menu_culture a:hover svg {
          fill: #b258c5; }
    #top_menu ul li#menu_culture .tips {
      background: #b258c5; }
      #top_menu ul li#menu_culture .tips, #top_menu ul li#menu_culture .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_culture .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_culture .tips.tips:before {
        border-bottom-color: #b258c5; }
    #top_menu ul li#menu_school a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #4d6fff; }
      #top_menu ul li#menu_school a, #top_menu ul li#menu_school a a {
        color: #ffffff; }
      #top_menu ul li#menu_school a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_school a.tips:before {
        border-bottom-color: #4d6fff; }
      #top_menu ul li#menu_school a:hover {
        background: #324ec3; }
        #top_menu ul li#menu_school a:hover, #top_menu ul li#menu_school a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_school a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_school a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_school a:hover, #top_menu ul li#menu_school a:hover a {
          color: #4d6fff; }
        #top_menu ul li#menu_school a:hover svg {
          fill: #4d6fff; }
    #top_menu ul li#menu_school .tips {
      background: #4d6fff; }
      #top_menu ul li#menu_school .tips, #top_menu ul li#menu_school .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_school .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_school .tips.tips:before {
        border-bottom-color: #4d6fff; }
    #top_menu ul li#menu_marry a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #b258c5; }
      #top_menu ul li#menu_marry a, #top_menu ul li#menu_marry a a {
        color: #ffffff; }
      #top_menu ul li#menu_marry a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_marry a.tips:before {
        border-bottom-color: #b258c5; }
      #top_menu ul li#menu_marry a:hover {
        background: #8d3b9e; }
        #top_menu ul li#menu_marry a:hover, #top_menu ul li#menu_marry a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_marry a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_marry a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_marry a:hover, #top_menu ul li#menu_marry a:hover a {
          color: #b258c5; }
        #top_menu ul li#menu_marry a:hover svg {
          fill: #b258c5; }
    #top_menu ul li#menu_marry .tips {
      background: #b258c5; }
      #top_menu ul li#menu_marry .tips, #top_menu ul li#menu_marry .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_marry .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_marry .tips.tips:before {
        border-bottom-color: #b258c5; }
    #top_menu ul li#menu_die a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #222222; }
      #top_menu ul li#menu_die a, #top_menu ul li#menu_die a a {
        color: #ffffff; }
      #top_menu ul li#menu_die a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_die a.tips:before {
        border-bottom-color: #222222; }
      #top_menu ul li#menu_die a:hover {
        background: #222222; }
        #top_menu ul li#menu_die a:hover, #top_menu ul li#menu_die a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_die a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_die a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_die a:hover, #top_menu ul li#menu_die a:hover a {
          color: #222222; }
        #top_menu ul li#menu_die a:hover svg {
          fill: #222222; }
    #top_menu ul li#menu_die .tips {
      background: #222222; }
      #top_menu ul li#menu_die .tips, #top_menu ul li#menu_die .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_die .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_die .tips.tips:before {
        border-bottom-color: #222222; }
    #top_menu ul li#menu_senior a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #ff7941; }
      #top_menu ul li#menu_senior a, #top_menu ul li#menu_senior a a {
        color: #ffffff; }
      #top_menu ul li#menu_senior a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_senior a.tips:before {
        border-bottom-color: #ff7941; }
      #top_menu ul li#menu_senior a:hover {
        background: #dc602c; }
        #top_menu ul li#menu_senior a:hover, #top_menu ul li#menu_senior a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_senior a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_senior a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_senior a:hover, #top_menu ul li#menu_senior a:hover a {
          color: #ff7941; }
        #top_menu ul li#menu_senior a:hover svg {
          fill: #ff7941; }
    #top_menu ul li#menu_senior .tips {
      background: #ff7941; }
      #top_menu ul li#menu_senior .tips, #top_menu ul li#menu_senior .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_senior .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_senior .tips.tips:before {
        border-bottom-color: #ff7941; }
    #top_menu ul li#menu_moving a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #fdaa01; }
      #top_menu ul li#menu_moving a, #top_menu ul li#menu_moving a a {
        color: #ffffff; }
      #top_menu ul li#menu_moving a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_moving a.tips:before {
        border-bottom-color: #fdaa01; }
      #top_menu ul li#menu_moving a:hover {
        background: #e89c00; }
        #top_menu ul li#menu_moving a:hover, #top_menu ul li#menu_moving a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_moving a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_moving a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_moving a:hover, #top_menu ul li#menu_moving a:hover a {
          color: #fdaa01; }
        #top_menu ul li#menu_moving a:hover svg {
          fill: #fdaa01; }
    #top_menu ul li#menu_moving .tips {
      background: #fdaa01; }
      #top_menu ul li#menu_moving .tips, #top_menu ul li#menu_moving .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_moving .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_moving .tips.tips:before {
        border-bottom-color: #fdaa01; }
    #top_menu ul li#menu_sns a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #ffffff; }
      #top_menu ul li#menu_sns a, #top_menu ul li#menu_sns a a {
        color: #222222; }
      #top_menu ul li#menu_sns a svg {
        fill: #222222; }
      #top_menu ul li#menu_sns a.tips:before {
        border-bottom-color: #ffffff; }
      #top_menu ul li#menu_sns a:hover {
        background: #eaeaea; }
        #top_menu ul li#menu_sns a:hover, #top_menu ul li#menu_sns a:hover a {
          color: #222222; }
        #top_menu ul li#menu_sns a:hover svg {
          fill: #222222; }
      #top_menu ul li#menu_sns a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_sns a:hover, #top_menu ul li#menu_sns a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_sns a:hover svg {
          fill: #ffffff; }
    #top_menu ul li#menu_sns .tips {
      background: #ffffff; }
      #top_menu ul li#menu_sns .tips, #top_menu ul li#menu_sns .tips a {
        color: #222222; }
      #top_menu ul li#menu_sns .tips svg {
        fill: #222222; }
      #top_menu ul li#menu_sns .tips.tips:before {
        border-bottom-color: #ffffff; }
    #top_menu ul li#menu_housing a {
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
      background: #ff4d4d; }
      #top_menu ul li#menu_housing a, #top_menu ul li#menu_housing a a {
        color: #ffffff; }
      #top_menu ul li#menu_housing a svg {
        fill: #ffffff; }
      #top_menu ul li#menu_housing a.tips:before {
        border-bottom-color: #ff4d4d; }
      #top_menu ul li#menu_housing a:hover {
        background: #b92f2f; }
        #top_menu ul li#menu_housing a:hover, #top_menu ul li#menu_housing a:hover a {
          color: #ffffff; }
        #top_menu ul li#menu_housing a:hover svg {
          fill: #ffffff; }
      #top_menu ul li#menu_housing a:hover {
        background: transparent;
        background: #ffffff; }
        #top_menu ul li#menu_housing a:hover, #top_menu ul li#menu_housing a:hover a {
          color: #ff4d4d; }
        #top_menu ul li#menu_housing a:hover svg {
          fill: #ff4d4d; }
    #top_menu ul li#menu_housing .tips {
      background: #ff4d4d; }
      #top_menu ul li#menu_housing .tips, #top_menu ul li#menu_housing .tips a {
        color: #ffffff; }
      #top_menu ul li#menu_housing .tips svg {
        fill: #ffffff; }
      #top_menu ul li#menu_housing .tips.tips:before {
        border-bottom-color: #ff4d4d; }
  @media screen and (max-width: 750px) {
    #top_menu ul {
      text-align: center;
      margin-bottom: 1rem; }
      #top_menu ul li {
        width: 50%;
        padding: 5px 1%; }
        #top_menu ul li a {
          text-align: center;
          padding: 0.8rem 3%; }
          #top_menu ul li a svg.icon {
            width: 1.5rem;
            height: 1.5rem;
            display: block;
            margin: 0 auto 10px !important; }
          #top_menu ul li a span {
            font-size: 80%;
            display: block;
            width: 100%; }
        #top_menu ul li .tips {
          display: none !important; } }

#top_menu #menu_sns {
  text-align: center; }
  #top_menu #menu_sns a {
    position: relative;
    display: block;
    font-size: 130%;
    background: #ffffff;
    margin: 0 auto;
    padding: 1rem 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s; }
    #top_menu #menu_sns a i {
      font-size: 140%;
      position: absolute;
      top: 1rem; }
    #top_menu #menu_sns a i.icon_twitter {
      color: #70b3e2;
      left: 1rem; }
    #top_menu #menu_sns a i.icon_facebook {
      color: #264c8c;
      right: 1rem; }
    #top_menu #menu_sns a span {
      font-weight: bold;
      letter-spacing: 2px;
      padding: 0 0.5rem; }
    #top_menu #menu_sns a:hover {
      -webkit-box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.2);
      box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.2);
      background: #0e6ec4 !important;
      color: #ffffff !important;
      text-decoration: none; }
      #top_menu #menu_sns a:hover i {
        color: #ffffff !important; }

#f_logo {
  display: none; }
  @media screen and (max-width: 750px) {
    #f_logo {
      display: block; } }

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