@charset "utf-8";

/* 共通設定及びモバイル用
------------------------------------------------------------*/
.inner { width: 82.5%; max-width: 1322px; margin-right: auto; margin-left: auto; }

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* ヘッダー
*****************************************************/
#header { margin-top: 60px; margin-bottom: 90px; }


/* メインイメージ
*****************************************************/
#main .inner { position: relative; }
#main .inner h2 { text-align: center; margin: 0; padding: 6.5% 0; }
#main .inner ul li { position: absolute; top: 0; width: -webkit-calc(50% - (16% - 15px)); width: calc(50% - (16% - 15px)); max-width: 450px; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
#main .inner ul li:first-child { left: 0; -webkit-transition: 1.2s top ease 0.4s, 1.2s opacity 0.4s; -moz-transition: 1.2s top ease 0.4s, 1.2s opacity 0.4s; transition: 1.2s top ease 0.4s, 1.2s opacity 0.4s; }
#main .inner ul li:last-child  { right: 0; -webkit-transition: 1.2s top ease 1.2s, 1.2s opacity 1.2s; -moz-transition: 1.2s top ease 1.2s, 1.2s opacity 1.2s; transition: 1.2s top ease 1.2s, 1.2s opacity 1.2s; }
#main .inner ul li.on { top: 50%; opacity: 1.0; }

/*ロゴ
*****************************************************/
#logo .inner { position: relative; margin-top: 30px; }
#logo .inner ul li { text-align: center; margin-bottom: 2em; }
#logo .inner ul li a:hover img { opacity: .6; }

/* コンテンツ
*****************************************************/
#contents { line-height: 1.8; margin-top: 140px; margin-bottom: 120px; }
#contents > section { margin-bottom: 120px; padding-top: 80px; border-top: 1px solid #000; }
#contents > section:last-of-type { margin-bottom: 0; }


/* フッター
*****************************************************/
#footer { padding: 40px 0; background: #1F1F1F; }

/* -- Copyright -- */
#copyright a { color: #FFF; text-decoration: none; }


/* トップ
------------------------------------------------------------*/

/* -- Our Mission -- */
.mission div { letter-spacing: -0.4em; text-align: center; margin: -1.5em 0; }
.mission div p { display: inline-block; font-size: 18px; font-size: 1.8rem; vertical-align: top; letter-spacing: normal; text-align: left; margin: 1.5em 70px; }

/* -- Web site -- */
.website div { letter-spacing: -0.4em; text-align: center; }
.website div section { display: inline-block; vertical-align: top; letter-spacing: normal; text-align: left; margin-bottom: 60px; }
.website div section h4,
.website div section p { margin: 0; }
.website div section h4 { position: relative; padding-left: 16px; }
.website div section h4:before { position: absolute; top: 0; bottom: 0; left: 0; content: ""; display: block; width: 10px; height: 10px; margin: auto; background: #1F1F1F; border-radius: 50%; }
.website div section figure { margin: 10px 0 20px; }

/* -- Outline -- */
.outline table tbody tr th,
.outline table tbody tr td { vertical-align: middle; padding: 10px 0; }
.outline table tbody tr th { width: 24%; padding-right: 50px; }
.outline table tbody tr th span { position: relative; display: block; padding-left: 16px; }
.outline table tbody tr th span:before { position: absolute; top: 0; bottom: 0; left: 0; content: ""; display: block; width: 10px; height: 10px; margin: auto; background: #1F1F1F; border-radius: 50%; }