@charset "UTF-8";
/*----------------------------------------------------------------------------
HTML5 :: module.css
2016.06 Accelight Inc.
-----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 変数定義
-------------------------------------------------------------------------------*/
/*
----- 色名接頭辞 -----
鮮やかな：vivid
明るい：bright
薄い：pale
くすんだ：dull
暗い：dark
*/
/*----- グレースケールの定義 -----*/
/*----- 基本色の定義 -----*/
/*----- 基本マージンの定義 -----*/
/* 上下 */
/* 左右 */
/*----- その他の設定 -----*/
/* 明朝体 */
/*-------------------------------------------------------------------------------
　@mixin
-------------------------------------------------------------------------------*/
/* text-indent:-9999pxの代わり */
/* before,after要素 */
/* before,after要素 インライン */
/* ベンダープレフィックス一括指定 */
/* 矢印アイコン */
/* 文字の手前　矢印アイコン */
/* リンク三角矢印アイコン */
/* ボタン　角丸長方形 矢印あり */
/* module h2 Riset */
/* スマホ時　tableのリセット */
/*
----------------------
* FONTSIZE MODEL *
----------------------
*  63% ->  10pxに相当
*  70% ->  11pxに相当
*  75% ->  12pxに相当
*  82% ->  13pxに相当
*  88% ->  14pxに相当
*  94% ->  15pxに相当
* 100% ->  16pxに相当
* 107% ->  17pxに相当
* 113% ->  18pxに相当
* 119% ->  19pxに相当
* 125% ->  20pxに相当
* -------------------
*/
/*------------------------------------------------------------------------------
グローバル設定
------------------------------------------------------------------------------*/
body {
  /*  font-family: "Lucida Grande", "segoe UI","ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.8;
  color: #262626;
  -webkit-text-size-adjust: none;
  /* for iphone */
  height: 100%;
  background-color: #44a990; }

/* 全体のラップ */
.wrap {
  width: 100%;
  overflow: hidden;
  background-color: #fff; }

a {
  color: #0086e0;
  text-decoration: none; }
  a:hover {
    color: #61bfff; }

ul,
ol,
dl,
dd {
  margin: 0;
  list-style: none;
  padding: 0; }

ol {
  list-style: decimal; }

h1,
h2,
h3,
h4 {
  margin: 0;
  font-size: 100%;
  font-weight: normal; }

img {
  max-width: 100%;
  height: auto; }

ul, menu, dir {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0; }

/*-------------------------------------------------------------------------------
ヘッダー
-------------------------------------------------------------------------------*/
header {
  width: 100%;
  position: relative;
  /* ヘッダーサブナビ
  ------------------------------------*/
  /* end .sub-nav */
  /* enヘッダーサブナビ
------------------------------------*/
  /* end .sub-nav */
  /* ロゴ
  ------------------------------------*/
  /* グローバルナビ
  ------------------------------------*/
  /* end .global-nav */ }
  header .sub-nav {
    background-color: #44a990;
    /* end .sub-nav-inner */ }
    header .sub-nav .sub-nav-inner {
      overflow: hidden;
      margin: 0 auto;
      width: 970px;
      height: 34px;
      font-size: 80%;
      color: #fff; }
      header .sub-nav .sub-nav-inner ul {
        margin: 5px 0;
        float: right; }
        header .sub-nav .sub-nav-inner ul li {
          margin: 0 16px 0 0;
          float: left; }
          header .sub-nav .sub-nav-inner ul li a {
            color: #fff; }
            header .sub-nav .sub-nav-inner ul li a:hover {
              color: #ffcc00; }
          header .sub-nav .sub-nav-inner ul li:before {
            content: "|";
            display: inline-block;
            vertical-align: middle;
            width: 2px;
            height: 22px;
            margin: -2px 20px 0 0; }
        header .sub-nav .sub-nav-inner ul li:last-child {
          margin: 0 0 0 0; }
  header .sub-nav-en {
    font-size: 90%; }
  header h1 {
    width: 970px;
    height: 55px;
    margin: 15px auto;
    vertical-align: bottom;
    overflow: hidden; }
  header .global-nav {
    width: 100%;
    height: 80px;
    background: url(/~empower/anme/img/g_menu_bg.jpg) 0 0 repeat-x;
    background-size: 80px 100%;
    clear: both;
    border-bottom: 8px solid #44a990; }
    header .global-nav .global-nav-inner {
      width: 970px;
      height: 80px;
      margin: 0 auto;
      background: url(/~empower/anme/img/g_menu_line.png) 0 0 no-repeat;
      background-size: 970px 80px; }
      header .global-nav .global-nav-inner ul li {
        float: left;
        height: 80px;
        line-height: 80px;
        text-align: center; }
      header .global-nav .global-nav-inner ul a {
        display: block;
        position: relative; }

/* end header */
/*-------------------------------------------------------------------------------
メイン
-------------------------------------------------------------------------------*/
main {
  box-sizing: border-box;
  position: relative; }

.contents-wrap {
  width: 970px;
  padding: 0;
  box-sizing: border-box;
  margin: 30px auto 50px; }

article {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative; }

/* end article */
.breadcrumbs {
  display: block;
  font-size: 80%;
  margin: 0 0 10px 0; }

/* end article */
/*----------------------------------------------------------------------------
セクション
-----------------------------------------------------------------------------*/
section {
  margin-bottom: 40px;
  /* 見出し
  ------------------------------------*/
  /* texticon
  ------------------------------------*/
  /* normal */
  /* imgが入った場合はafter要素を消す（+jquery） */
  /* hover */
  /* 個別 */ }
  section p {
    margin: 0 20px 30px; }
  section h1,
  section h2,
  section h3,
  section h4,
  section h5 {
    margin: 0 0 20px 0;
    position: relative;
    font-weight: bold;
    line-height: 1.2;
    clear: both;
    box-sizing: border-box; }
  section h1 {
    margin: 0 0 40px 0;
    font-size: 125%;
    font-weight: bold;
    padding: 20px 20px 20px 25px;
    background: #f2f2f2;
    border-radius: 2px; }
  section h2 {
    font-size: 119%;
    border-radius: 2px;
    padding: 10px 20px;
    background: #f2f2f2; }
  section h3 {
    font-size: 106%;
    border-radius: 2px;
    padding: 10px 30px 10px 40px;
    background: #f2f2f2; }
    section h3:before {
      left: 22px;
      display: block;
      content: '';
      position: absolute;
      background-color: #44a990;
      width: 4px;
      height: 20px; }
  section h4 {
    font-size: 100%;
    padding: 10px 30px 0 40px; }
    section h4:before {
      left: 22px;
      display: block;
      content: '';
      position: absolute;
      background-color: #44a990;
      width: 4px;
      height: 20px; }
  section h5 {
    font-size: 100%;
    padding: 10px 30px 0 40px; }
    section h5:before {
      left: 22px;
      display: block;
      content: '';
      position: absolute;
      background-color: #999999;
      width: 4px;
      height: 20px; }
  section ul {
    margin: 10px 30px 30px 30px; }
    section ul li {
      margin: 10px 0;
      line-height: 1.5;
      position: relative; }
  section ul.square {
    margin: 10px 30px 30px 52px;
    position: relative; }
    section ul.square li {
      position: relative;
      margin: 10px 0; }
      section ul.square li:after {
        display: block;
        content: '';
        position: absolute;
        top: 0.5em;
        left: -1.2em;
        width: 10px;
        height: 10px;
        background-color: #44a990;
        border-radius: 2px; }
  section ul.circle {
    margin: 10px 30px 30px 50px;
    position: relative; }
    section ul.circle li {
      position: relative;
      margin: 10px 0; }
      section ul.circle li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 4px;
        height: 4px;
        background-color: #fff;
        border: 2px solid #44a990;
        border-radius: 100%; }
  section ul.check {
    margin: 10px 30px 30px 52px;
    position: relative; }
    section ul.check li {
      position: relative;
      margin: 10px 0; }
      section ul.check li:after {
        display: block;
        content: '';
        position: absolute;
        top: 0.5em;
        left: -1.2em;
        width: 8px;
        height: 3px;
        border-left: 2px solid #3498db;
        border-bottom: 2px solid #3498db;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  section ul.arrow {
    margin: 10px 30px 30px 50px;
    position: relative; }
    section ul.arrow li a:after, section ul.arrow li a:before {
      display: block;
      content: '';
      position: absolute; }
    section ul.arrow li a:after {
      top: .35em;
      left: -1.2em;
      width: 14px;
      height: 14px;
      background-color: #3498db;
      border-radius: 100%; }
    section ul.arrow li a:before {
      z-index: 2;
      top: .625em;
      left: -.975em;
      width: 4px;
      height: 4px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    section ul.arrow li a:hover {
      opacity: 0.5; }
  section ol {
    margin: 10px 30px 30px 30px; }
    section ol li {
      margin: 10px 0 10px 20px;
      line-height: 1.5;
      position: relative; }
  section table {
    width: 100%;
    margin: 0 0 30px 0;
    text-align: left;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9; }
    section table th,
    section table td {
      padding: 10px 10px 10px 10px;
      border-bottom: 1px solid #d9d9d9;
      border-left: 1px solid #d9d9d9;
      box-sizing: border-box; }
    section table th {
      background: #f2f2f2;
      border-right: 1px solid #d9d9d9; }
  section table.t02 {
    width: 930px;
    margin: 0 auto 30px;
    text-align: left;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9; }
    section table.t02 th,
    section table.t02 td {
      padding: 10px 10px 10px 10px;
      border-bottom: 1px solid #d9d9d9;
      border-left: 1px solid #d9d9d9;
      box-sizing: border-box; }
    section table.t02 th {
      background: #f2f2f2;
      border-right: 1px solid #d9d9d9; }
  section a[href$=".doc"]:after,
  section a[href$=".docx"]:after,
  section a[href$=".ppt"]:after,
  section a[href$=".pptx"]:after,
  section a[href$=".zip"]:after,
  section a[href$=".lzh"]:after,
  section a[href$=".csv"]:after,
  section a[href$=".txt"]:after,
  section a[href$=".slt"]:after,
  section a[href$=".sltx"]:after,
  section a[href$=".psd"]:after,
  section a[href$=".ai"]:after,
  section a[href$=".xls"]:after,
  section a[href$=".pdf"]:after,
  section a[href$=".xlsx"]:after {
    display: inline-block;
    width: 3em;
    height: 1.3em;
    line-height: 1.3em;
    font-size: 84%;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 0 3px; }
  section .img-parent[href$=".doc"]:after,
  section .img-parent[href$=".docx"]:after,
  section .img-parent[href$=".ppt"]:after,
  section .img-parent[href$=".pptx"]:after,
  section .img-parent[href$=".zip"]:after,
  section .img-parent[href$=".lzh"]:after,
  section .img-parent[href$=".csv"]:after,
  section .img-parent[href$=".txt"]:after,
  section .img-parent[href$=".slt"]:after,
  section .img-parent[href$=".sltx"]:after,
  section .img-parent[href$=".psd"]:after,
  section .img-parent[href$=".ai"]:after,
  section .img-parent[href$=".xls"]:after,
  section .img-parent[href$=".pdf"]:after,
  section .img-parent[href$=".xlsx"]:after {
    display: none; }
  section a[href$=".doc"]:hover:after,
  section a[href$=".docx"]:hover:after,
  section a[href$=".ppt"]:hover:after,
  section a[href$=".pptx"]:hover:after,
  section a[href$=".zip"]:hover:after,
  section a[href$=".lzh"]:hover:after,
  section a[href$=".csv"]:hover:after,
  section a[href$=".txt"]:hover:after,
  section a[href$=".slt"]:hover:after,
  section a[href$=".sltx"]:hover:after,
  section a[href$=".psd"]:hover:after,
  section a[href$=".ai"]:hover:after,
  section a[href$=".xls"]:hover:after,
  section a[href$=".pdf"]:hover:after,
  section a[href$=".xlsx"]:hover:after {
    opacity: 0.5; }
  section a[href$=".doc"]:after {
    content: "doc";
    background: #8dbceb; }
  section a[href$=".docx"]:after {
    content: "docx";
    background: #4b84bd; }
  section a[href$=".ppt"]:after {
    content: "ppt";
    background: #e6bc93; }
  section a[href$=".pptx"]:after {
    content: "pptx";
    background: #d98634; }
  section a[href$=".pdf"]:after {
    content: "PDF";
    background: #9c3b44; }
  section a[href$=".zip"]:after {
    content: "zip";
    background: #d9c14c; }
  section a[href$=".lzh"]:after {
    content: "lzh";
    background: #e0d59d; }
  section a[href$=".csv"]:after {
    content: "csv";
    background: #a1b59a; }
  section a[href$=".txt"]:after {
    content: "txt";
    background: #999999; }
  section a[href$=".slt"]:after {
    content: "slt";
    background: #ccc470; }
  section a[href$=".sltx"]:after {
    content: "sltx";
    background: #d4d0a9; }
  section a[href$=".psd"]:after {
    content: "psd";
    background: #36b0d9; }
  section a[href$=".ai"]:after {
    content: "ai";
    background: #cc723d; }
  section a[href$=".xls"]:after {
    content: "xls";
    background: #7db381; }
  section a[href$=".xlsx"]:after {
    content: "xlsx";
    background: #4c9953; }

/* end section */
/*-------------------------------------------------------------------------------
共通パーツ
-------------------------------------------------------------------------------*/
/* ボタン類
------------------------------------*/
.btn-wrap {
  margin: 0;
  text-align: center; }
  .btn-wrap p {
    margin: 0 0 20px 0; }

.btn a {
  display: block;
  border-radius: 5px;
  /* box-shadow */
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
  box-sizing: border-box; }
  .btn a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(/img/ico_arrow_circle.svg) 0 0 no-repeat;
    margin: -2px 0 0 10px; }
  .btn a:hover {
    box-shadow: none; }

/*-------------------------------------------------------------------------------
フッター
-------------------------------------------------------------------------------*/
footer {
  width: 100%;
  background: #44a990;
  color: #fff;
  /* TOPへ戻るボタン */
  /* フッターナビ */
  /* enフッターナビ */
  /* コピーライト */ }
  footer a {
    color: #fff; }
  footer .footer-inner {
    max-width: 970px;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    overflow: hidden; }
  footer .top {
    display: none;
    position: absolute;
    right: 0; }
    footer .top a {
      position: fixed;
      bottom: 0;
      width: 50px;
      height: 50px;
      background: #44a990;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      footer .top a:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        right: auto;
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  footer .footer-nav {
    font-weight: nomal;
    margin: 0;
    text-align: center;
    font-size: 88%; }
    footer .footer-nav ul:after {
      content: "|";
      display: inline-block;
      vertical-align: middle;
      width: 2px;
      height: 22px;
      margin: -6px 20px 0 0; }
    footer .footer-nav ul li {
      display: inline-block;
      margin: 0 0 10px 0; }
      footer .footer-nav ul li:before {
        content: "|";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 22px;
        margin: -2px 10px 0 0; }
      footer .footer-nav ul li a {
        margin: 0 10px 0 10px;
        position: relative; }
        footer .footer-nav ul li a:hover {
          color: #ffcc00; }
  footer .footer-nav-en {
    font-size: 85%; }
  footer .copyright {
    clear: both;
    margin: 0;
    text-align: center;
    font-size: 90%;
    font-weight: normal; }

/* end footer */
/*-------------------------------------------------------------------------------
WordPress用
-------------------------------------------------------------------------------*/
/* WP-PageNavi plugin
------------------------------------*/
.wp-pagenavi {
  clear: both;
  text-align: center;
  padding: 30px 0 20px; }
  .wp-pagenavi a,
  .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #44a990;
    padding: 2px 7px;
    margin: 0 4px 0 4px; }
  .wp-pagenavi a:hover,
  .wp-pagenavi span.current {
    border-color: #44a990; }
  .wp-pagenavi span.current {
    background: #44a990;
    color: white; }

/* WordPress WISIWYG Editor Images
------------------------------------*/
.alignleft {
  float: left;
  margin-left: 0;
  margin-right: 2%;
  margin-bottom: 20px; }

.alignright {
  float: right;
  margin-left: 2%;
  margin-right: 0;
  margin-bottom: 20px; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }