@charset "utf-8";
/*!
Theme Name: Award Inc.
Theme URL: https://award-inc.co.jp/
Author: Award Inc.
Version: 2.0.0
*/

/* CSS Document */
/******************************************************************************
* RESET
*******************************************************************************/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {font-size: 100%;vertical-align: baseline;white-space: normal;margin: 0;padding: 0; border: 0; outline: 0;background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse;border-spacing: 0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
img {vertical-align: top;}

/******************************************************************************
* LINK COLOR
*******************************************************************************/
a {color:#222; outline:none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;  }
a:link {text-decoration: none; }
a:hover{opacity: 0.8;filter: alpha(opacity=80);  }

/******************************************************************************
* html body
*******************************************************************************/
/* html {height: 100%;}
body {color: #444;font-size: 1.0rem;line-height: 1.8;background: #FFFFFF;word-wrap: break-word;font-kerning: normal;} */

/******************************************************************************
* Font
*******************************************************************************/
/* .caption,
.top_works .lead,
.works_box .tit_box .tit,
.works_detail_box .caption_tit,
.works_detail_box .lead
{font-family:"Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";}
body,
.caption span
{font-family:'Roboto'!important, Helvetica, Arial "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.caption span{font-family:"ヒラギノ角ゴ Pro W3"!important;} */
/******************************************************************************
* アニメーション
*******************************************************************************/
.fadeIn {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  visibility: visible !important;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}