@charset "UTF-8";
@media only screen and (min-width: 960px) {
  /* PC表示: 横幅:960px〜 */ }
@media only screen and (min-width: 740px) and (max-width: 959px) {
  /* タブレット表示: 横幅:740px ～ 959px */ }
@media only screen and (max-width: 739px) {
  /* スマホ表示: 横幅:〜739px */ }
.grad {
  /* 背景グラデーション */
  color: #fff;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGU5ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMWMzYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #004e9d), color-stop(100%, #131c3b));
  background: -moz-linear-gradient(left, #004e9d, #131c3b);
  background: -webkit-linear-gradient(left, #004e9d, #131c3b);
  background: linear-gradient(to right, #004e9d, #131c3b); }
  .grad * {
    color: #fff; }

.grad_over {
  /* グローバルナビ上側のグラデーションでのみ利用 */
  /* 要素の上側をグラデーション。グラデーションは背景にしか指定できないためborder-topは使えない。
   そのため、before 疑似セレクタを利用し、要素の直前に幅100%、content が半角スペースのブロック要素を生成し、
   当該ブロック要素の背景色をグラデーション指定することで実現する。 */ }
  .grad_over:before {
    display: block;
    width: 100%;
    height: 5px;
    content: " ";
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMWMzYiIvPjxzdG9wIG9mZnNldD0iMjIwcHgiIHN0b3AtY29sb3I9IiMwMDRlOWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRlOWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #131c3b), color-stop(220px, #004e9d), color-stop(100%, #004e9d));
    background: -moz-linear-gradient(right, #131c3b, #004e9d 220px, #004e9d);
    background: -webkit-linear-gradient(right, #131c3b, #004e9d 220px, #004e9d);
    background: linear-gradient(to left, #131c3b, #004e9d 220px, #004e9d); }

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