@charset "UTF-8";
/* ***********************************
 *
 *    Ire's CSS Reset & Base
 *
 * *********************************** */
/* Reset margin, padding, border
 * *********************************** */
@import url("https://fonts.googleapis.com/css?family=Lora");
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0; }

/* Typography
 * *********************************** */
html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  line-height: 1.4; }

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a,
a:visited {
  color: inherit; }

/* Layout
 * *********************************** */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/* Elements
 * *********************************** */
table {
  border-collapse: collapse;
  border-spacing: 0; }

ol,
ul {
  list-style: none; }

img,
video {
  max-width: 100%; }

img {
  border-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none; }

html, body {
  width: 100%;
  margin: 0;
  font-size: 62.5%;
  font-family: "游ゴシック体", YuGothic,"Yu Gothic M","游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka,Helvetica,Arial,sans-serif;
  font-weight: 400;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  line-height: 1.8;
  color: #ffffff;
  background-color: #1e1e1e;
  overflow-y: auto; }

img {
  height: auto;
  vertical-align: top; }

.container {
  margin: 80px auto;
  width: 1200px;
  position: relative; }

header {
  position: fixed;
  width: 550px; }

main {
  margin-left: 50%; }
  main .box {
    margin-bottom: 120px; }
  main .corporate-profile h2 {
    font-family: 'Lora'; }
  main h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 500;
    font-size: 27px;
    font-feature-settings: "palt";
    letter-spacing: 2px;
    margin-bottom: 20px; }
  main p {
    font-size: 14px;
    line-height: 2.6; }
  main dl {
    font-size: 16px; }
    main dl dt {
      font-weight: bold; }
      main dl dt + dd {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ffffff; }

footer {
  text-align: right; }
  footer small {
    font-family: 'Lora';
    color: #808080;
    font-size: 14px; }

@media (max-width: 767px) and (min-width: 0) {
  .container {
    width: 100%;
    margin-bottom: 40px; }
  header {
    position: fixed;
    width: 100%;
    opacity: 0.2; }
  main {
    margin: 0;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box; }
    main h2 {
      font-size: 22px; }
    main p {
      font-size: 12px;
      font-feature-settings: "palt" 1; }
    main dl {
      font-size: 14px; }
  footer {
    text-align: center; } }