@charset "UTF-8";
/*-------------------------------------------------------------------------------

  HTML5 :: modify.css
  2016.01 Accelight Inc.

-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 変数定義
-------------------------------------------------------------------------------*/
/*
----- 色名接頭辞 -----
白：white
灰：gray
黒：black
鮮やかな：vivid
くすんだ：dull
明るい：brigt
暗い：dark
*/
/*----- グレースケールの定義 -----*/
/*----- 基本色の定義 -----*/
/* メインカラー */
/* サブカラー */
/* メインカラー明るめ*/
/* フォント */
/* リンクテキスト */
/* リンクテキスト ホバー時 */
/* 必須マーク */
/*----- breakpointの定義 -----*/
/*-------------------------------------------------------------------------------
　@mixin
-------------------------------------------------------------------------------*/
/* text-indent:-9999pxの代わり */
/* before,after要素 */
/* before,after要素 インライン */
/* 三角右向きアイコン */
/* media query */
/*-------------------------------------------------------------------------------
web font　定義
-------------------------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?kxzv91");
  src: url("../fonts/icomoon.eot?kxzv91#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kxzv91") format("truetype"), url("../fonts/icomoon.woff?kxzv91") format("woff"), url("../fonts/icomoon.svg?kxzv91#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ホームアイコン */
.icon-house:before {
  content: "\e901"; }

/* 別タブで開くアイコン */
.icon-window:after {
  content: "\e903";
  margin: 0 0 0 6px; }

/*-------------------------------------------------------------------------------



ホーム


-------------------------------------------------------------------------------*/
.home {
  /*--------------------------------------------------
  メインビジュアル
  --------------------------------------------------*/
  /* end .main-v */
  /*--------------------------------------------------
  メインコンテンツ
  --------------------------------------------------*/
  /* end .contents-wrap */
  /* ニュース */
  /* end .news */ }
  .home .main-v {
    width: 100%;
    margin: 55px 0 15px 0;
    /* コントローラー */
    /* ページャー */ }
    @media (max-width: 768px) {
      .home .main-v {
        margin: 60px 0 0 0; } }
    @media screen and (min-width: 768px) {
      .home .main-v {
        margin: 0 0 0 0; } }
    .home .main-v .main-v-inner img {
      display: block; }
    @media (max-width: 768px) {
      .home .main-v .main-v-inner {
        display: none; } }
    @media (min-width: 769px) {
      .home .main-v .main-v-inner-sp {
        display: none; } }
    .home .main-v .bx-controls {
      position: absolute;
      bottom: -40px;
      z-index: 500; }
    .home .main-v .bx-pager-item {
      display: inline-block; }
    .home .main-v .bx-pager-item a {
      text-indent: -9999px;
      display: block;
      background: #808080; }
    .home .main-v .bx-pager-item .active {
      background: #a90000; }
    .home .main-v .bx-controls-direction {
      display: none; }
  .home .message {
    background: url(../img/message-bg.jpg) center left/cover; }
    @media (max-width: 768px) {
      .home .message {
        background: url(../img/message-bg-sp.png) center left/cover; } }
    .home .message .message_inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 50px 0; }
      @media (max-width: 768px) {
        .home .message .message_inner {
          padding: 30px 40px; } }
      @media (max-width: 375px) {
        .home .message .message_inner {
          padding: 10px 20px; } }
      .home .message .message_inner h2 {
        border-bottom: 0px;
        text-align: center;
        padding-left: 0;
        font-weight: bold;
        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',serif;
        font-size: 150%;
        height: auto; }
        .home .message .message_inner h2:before {
          background: url("../img/title-icon.png") center center/contain;
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: -1em;
          bottom: auto;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 20px;
          height: 20px; }
      .home .message .message_inner p {
        text-align: center;
        line-height: 2em;
        font-weight: 500; }
  .home .menu .menu_inner {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .home .menu .menu_inner .menu-each {
      width: 33%; }
      @media (max-width: 425px) {
        .home .menu .menu_inner .menu-each {
          width: 100%;
          margin: 0 10px 10px; } }
      .home .menu .menu_inner .menu-each a {
        display: block; }
        .home .menu .menu_inner .menu-each a:hover {
          opacity: 0.6; }
      .home .menu .menu_inner .menu-each h2 {
        border-bottom: none;
        text-align: center;
        padding: 8px 0;
        color: #fff;
        background: rgba(43, 43, 43, 0.42);
        margin-top: 0;
        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',serif; }
        .home .menu .menu_inner .menu-each h2::before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: -95px;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 50px;
          height: 50px; }
        .home .menu .menu_inner .menu-each h2::after {
          content: "";
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-left: 30px solid transparent;
          border-bottom: 30px solid #fff; }
      .home .menu .menu_inner .menu-each .menu_box {
        padding-top: 150px; }
    .home .menu .menu_inner .menu_01 {
      background: url("../img/menu01-bg.jpg") center center/cover; }
      .home .menu .menu_inner .menu_01 h2::before {
        background: url("../img/menu-ico01.png") center center/contain no-repeat; }
    .home .menu .menu_inner .menu_02 {
      background: url("../img/menu02-bg.jpg") center center/cover; }
      .home .menu .menu_inner .menu_02 h2::before {
        background: url("../img/menu-ico02.png") center center/contain no-repeat; }
    .home .menu .menu_inner .menu_03 {
      background: url("../img/menu03-bg.jpg") center center/cover; }
      .home .menu .menu_inner .menu_03 h2::before {
        background: url("../img/menu-ico03.png") center center/contain no-repeat; }
  .home main {
    padding: 0;
    /*max-width: 1000px;*/
    margin: 0 auto; }
  .home .contents-wrap {
    padding: 0;
    max-width: inherit; }
  .home section {
    float: none;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 40px;
    padding: 0 20px 0 20px; }
    @media screen and (min-width: 768px) {
      .home section .btn {
        clear: both;
        text-align: center; }
        .home section .btn a {
          padding: 12px 90px 12px 90px; } }
  .home .wrap__box {
    position: relative; }
  .home .menu__box {
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    z-index: 2; }
    .home .menu__box a {
      color: #fff; }
    .home .menu__box h4 {
      font-size: 20px;
      font-weight: normal;
      padding: 30px 0 10px 15px; }
      .home .menu__box h4 img {
        margin-left: 20px;
        vertical-align: middle; }
      @media screen and (min-width: 768px) {
        .home .menu__box h4 {
          font-size: 30px; } }
    .home .menu__box p {
      font-size: 105%;
      padding: 0 0 0 15px; }
  .home .menu__box_url_1, .home .menu__box_url_3, .home .menu__box_url_5 {
    background-color: #f29700;
    padding: 10px; }
  .home .menu__box_url_2 a, .home .menu__box_url_4 a {
    color: #f29700; }
  .home .news {
    /* アイコン */ }
    .home .news h2 {
      margin: 30px 0 0 0;
      border-bottom: 1px solid #ccc;
      text-align: center;
      font-weight: bold; }
      .home .news h2:before {
        display: none; }
    .home .news ul {
      overflow: hidden;
      width: 100%;
      margin: 0 0 30px 0; }
    .home .news li {
      border-bottom: 1px solid #cccccc;
      padding: 0;
      margin: 0; }
      .home .news li:before {
        display: none; }
      .home .news li a {
        display: block;
        padding: 5px 0 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media screen and (min-width: 768px) {
          .home .news li a {
            padding: 15px 0 15px 0; } }
    .home .news time, .home .news span {
      display: block; }
      @media screen and (min-width: 768px) {
        .home .news time, .home .news span {
          display: inline; } }
    .home .news time {
      color: #000;
      padding: 0 20px 0 0; }
    .home .news .ico {
      display: inline-block;
      padding: 1px 8px 1px 8px;
      border-radius: 2px;
      color: #fff;
      font-size: 81%;
      font-weight: bold;
      margin: 0 10px 0 0; }
    .home .news .ico-new {
      background: #BF9239; }
  .home .general img {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .home .general img {
        width: 30%;
        float: left;
        margin: 0 15px 15px 0; } }

/* end .home */
 /*-------------------------------------------------------------------------------

  共通パーツ

  -------------------------------------------------------------------------------*/
.research article section h2,
.program article section h2,
.workshop article section h2,
.qa article section h2,
.link article section h2,
.contact article section h2,
.news article section h2,
.privacy article section h2,
.sitemap article section h2 {
  border-bottom: 0px;
  font-weight: bold;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',serif;
  text-align: center;
  padding-left: 0;
  font-size: 140%;
  margin-top: 50px; }
  .research article section h2:before,
  .program article section h2:before,
  .workshop article section h2:before,
  .qa article section h2:before,
  .link article section h2:before,
  .contact article section h2:before,
  .news article section h2:before,
  .privacy article section h2:before,
  .sitemap article section h2:before {
    background: url(../img/title-icon.png) center center/contain;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -1em;
    bottom: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18px;
    height: 18px; }
  .research article section h2 + p,
  .program article section h2 + p,
  .workshop article section h2 + p,
  .qa article section h2 + p,
  .link article section h2 + p,
  .contact article section h2 + p,
  .news article section h2 + p,
  .privacy article section h2 + p,
  .sitemap article section h2 + p {
    margin-top: 10px; }
  @media (max-width: 767px) {
    .research article section h2,
    .program article section h2,
    .workshop article section h2,
    .qa article section h2,
    .link article section h2,
    .contact article section h2,
    .news article section h2,
    .privacy article section h2,
    .sitemap article section h2 {
      margin-top: 30px; } }
.research article section h3,
.program article section h3,
.workshop article section h3,
.qa article section h3,
.link article section h3,
.contact article section h3,
.news article section h3,
.privacy article section h3,
.sitemap article section h3 {
  font-size: 117%;
  padding-left: 1em;
  border-bottom: 1px solid #ccc; }
  .research article section h3:before,
  .program article section h3:before,
  .workshop article section h3:before,
  .qa article section h3:before,
  .link article section h3:before,
  .contact article section h3:before,
  .news article section h3:before,
  .privacy article section h3:before,
  .sitemap article section h3:before {
    width: 5px;
    height: 100%; }
.research article section h4,
.program article section h4,
.workshop article section h4,
.qa article section h4,
.link article section h4,
.contact article section h4,
.news article section h4,
.privacy article section h4,
.sitemap article section h4 {
  margin-top: 0;
  border-bottom: dotted 2px #e6e6e6fc; }
.research article section h5,
.program article section h5,
.workshop article section h5,
.qa article section h5,
.link article section h5,
.contact article section h5,
.news article section h5,
.privacy article section h5,
.sitemap article section h5 {
  font-size: 100%;
  margin-bottom: 5px; }

 /*-------------------------------------------------------------------------------

  研究のご紹介ページ

  -------------------------------------------------------------------------------*/
.research article section ol li {
  margin: 0 0 2em 0; }

 /*-------------------------------------------------------------------------------

  プログラム紹介ページ

  -------------------------------------------------------------------------------*/
.program .point {
  border: 1px solid #fbe1b5;
  border-radius: 8px;
  padding: 5px 10px;
  margin-bottom: 40px; }
  .program .point ul {
    margin: 0 5px; }

 /*-------------------------------------------------------------------------------

  研修会ページ

  -------------------------------------------------------------------------------*/
.workshop article section .img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .workshop article section .img-list img {
    width: 49%;
    margin-bottom: 10px; }

 /*-------------------------------------------------------------------------------

  Q&Aページ

  -------------------------------------------------------------------------------*/
dl.qa-list dt {
  padding: 30px 0 0 0;
  display: flex;
  font-weight: bold; }
  dl.qa-list dt:before {
    content: "Q";
    color: #fff;
    font-weight: bold;
    background-color: #f29700;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 10px;
    height: 25px; }
dl.qa-list dd {
  padding: 10px 0 0 0;
  display: flex; }
  dl.qa-list dd:before {
    content: "A";
    color: #fff;
    font-weight: bold;
    background-color: #95d754;
    padding: 5px 11px;
    border-radius: 3px;
    margin-right: 10px;
    height: 25px; }

 /*-------------------------------------------------------------------------------

  newsページ

  -------------------------------------------------------------------------------*/
.news article section h2 {
  text-align: left;
  padding-left: 2em; }
  .news article section h2:before {
    left: 0;
    top: 37%; }
  .news article section h2 time {
    font-size: 85%; }
  @media (max-width: 767px) {
    .news article section h2 {
      height: auto;
      margin-top: 0; }
      .news article section h2:before {
        top: 42%;
        left: 10px; }
      .news article section h2 time {
        display: block; } }

 /*-------------------------------------------------------------------------------

  検索ページ

  -------------------------------------------------------------------------------*/
article section .search-h2 {
  border-bottom: 0px;
  font-weight: bold;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',serif;
  text-align: center;
  padding-left: 0;
  font-size: 140%;
  margin-top: 50px; }
  article section .search-h2:before {
    background: url(../img/title-icon.png) center center/contain;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -1em;
    bottom: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18px;
    height: 18px; }
  article section .search-h2 + p {
    margin-top: 10px; }
  @media (max-width: 767px) {
    article section .search-h2 {
      margin-top: 30px; } }

 /*-------------------------------------------------------------------------------

  404ページ

  -------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .error-404 h1 {
    margin: 0 0 20px 0; }
  .error-404 section {
    float: none;
    width: 100%; } }
/*-------------------------------------------------------------------------------


お問い合わせ


-------------------------------------------------------------------------------*/
.inquiry section {
  width: 100%;
  float: none; }
  .inquiry section .table-wrap {
    white-space: inherit; }
  .inquiry section table th, .inquiry section table td {
    width: 100%;
    display: block;
    padding: 1%; }
    @media screen and (min-width: 768px) {
      .inquiry section table th, .inquiry section table td {
        width: inherit;
        display: table-cell; } }
  @media screen and (min-width: 768px) {
    .inquiry section table th {
      width: 30%; } }
.inquiry .side-contents {
  display: none; }

/* end .inquiry */

/*# sourceMappingURL=modify.css.map */