<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


/* ---------------------------------------------------------------------------------------------

    そのサイトの基本設定
    ページによって変更のないもの・どのページでも使用するもの、できるもの

--------------------------------------------------------------------------------------------- */

body {
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  color: #311d22;
  height: 100%;
  /* ゴシックの場合 */
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* 明朝の場合 */
  /*font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
  background: #F4F5F7;
}

img {
  vertical-align: bottom;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;

  max-width: 100%;
  height: auto;

}



/* ----------------------------------------------

 * aタグの設定

---------------------------------------------- */
a {
	-webkit-transition: 0.5s;
 	transition: 0.5s;
}

a:hover {
  filter: alpha(opacity=80) !important; /* IE:元の色から80%の透過*/
  -moz-opacity:0.80 !important;
  opacity:0.80 !important; /* 0.0（完全に透明）～1.0（完全に不透明）の範囲で指定する（初期値は1） */
}

a,a:hover,a:hover img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


/* ---------------------------------------------------------------------------------------------

　   XXX

--------------------------------------------------------------------------------------------- */
/* モバイル＞タブレット＞パソコン */

/* タブレット */
@media only screen and ( min-width : 768px ) {
}
/* パソコン */
@media print, screen and ( min-width : 768px ) {
}
</pre></body></html>