body { background: #000; color: #000; }

.wrapper { background: #fff; }

header:before { background-color: #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

header { width: 100%; height: 210px; position: relative; background: #000; }

header:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header .header__logo { position: absolute; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

header .header__logo:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header .header__logo--webcg { position: absolute; top: 28px; right: auto; bottom: auto; left: 29px; }

header .header__logo--jaguar { position: absolute; top: auto; right: 28px; bottom: 29px; left: auto; }

header h1 { width: 372px; margin: 0 auto; padding: 57px 0 0; position: relative; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

header h1:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header ul.header__sns { position: absolute; top: 26px; right: 15px; bottom: auto; left: auto; letter-spacing: -.4em; }

header ul.header__sns li.sns-btn { display: inline-block; margin: 0 13px 0 0; }

header ul.header__sns li.sns-btn a { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; display: inline-block; }

header ul.header__sns li.sns-btn:hover a { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header .header__menu { width: 50px; height: 50px; position: absolute; top: auto; right: auto; bottom: 29px; left: 29px; background: #a11931; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

header .header__menu:hover { background: #c13951; }

header .header__menu span.menu-bar { width: 14px; height: 2px; position: absolute; left: 18px; background: #fff; }

header .header__menu span.menu-bar--01 { top: 17px; }

header .header__menu span.menu-bar--02 { top: 24px; }

header .header__menu span.menu-bar--03 { top: 31px; }

.content-spec { min-width: 980; margin: 62px auto 0; }

.content-spec .title { font-size: 30px; text-align: center; line-height: 1.4; margin-bottom: 48px; }

.content-spec .title span { font-size: 22px; }

.content-spec .content-item__name { font-size: 20px; text-align: center; line-height: 1.8; margin-bottom: 56px; }

.content-spec table { width: 980px; margin: 0 auto 146px; }

.content-spec table tr:nth-child(odd) { background: #f7f7f7; }

.content-spec table tr th { width: 190px; padding: 22px 0; padding-left: 20px; font-size: 14px; text-align: left; }

.content-spec table tr td { line-height: 1.6; font-size: 14px; padding: 20px 0; padding-right: 100px; }

footer { background: #000; }

@media screen and (max-width: 768px) { header { width: 100%; height: 150px; position: relative; }
  header:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  header .header__logo { display: none; }
  header h1 { width: 230px; padding: 40px 0 0; }
  header ul.header__sns { display: none; }
  header .header__menu { width: 40px; height: 40px; position: absolute; top: auto; right: auto; bottom: 0; left: 0; background: #a11931; cursor: pointer; }
  header .header__menu span.menu-bar { width: 12px; height: 2px; position: absolute; left: 14px; background: #fff; }
  header .header__menu span.menu-bar--01 { top: 14px; }
  header .header__menu span.menu-bar--02 { top: 19px; }
  header .header__menu span.menu-bar--03 { top: 24px; }
  .content-spec { min-width: 100%; margin: 46px auto 0; }
  .content-spec .title { font-size: 1.55em; text-align: center; line-height: 1.2; margin-bottom: 30px; }
  .content-spec .title span { font-size: 0.7em; }
  .content-spec .content-item__name { font-size: 1.3em; text-align: center; line-height: 1.6; margin-bottom: 30px; }
  .content-spec table { width: 100%; margin: 0; margin-bottom: 70px; }
  .content-spec table tr { width: 100%; }
  .content-spec table tr:nth-child(odd) { background: #f7f7f7; }
  .content-spec table tr th { width: 37.333%; padding: 16px 0; padding-left: 5.066%; font-size: 0.85em; text-align: left; }
  .content-spec table tr td { width: 62.666%; line-height: 1.8; font-size: 0.85em; padding: 16px 0; padding-right: 5.066%; }
  footer { background: #000; } }