@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 screen and (min-width: 768px) {
        .home .main-v .main-v-inner img {
          /*margin: 0 auto;
            max-height: 480px;*/ } }
    @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 .message_inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0; }
    @media (max-width: 768px) {
      .home .message .message_inner {
        padding: 30px 40px; } }
    .home .message .message_inner p {
      text-align: center;
      line-height: 2em; }
  .home .video {
    background: #edf7fd; }
    .home .video .video_inner {
      max-width: 1000px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      padding: 50px 0 40px 0;
      flex-wrap: wrap; }
      @media (max-width: 768px) {
        .home .video .video_inner {
          padding-top: 0; } }
      .home .video .video_inner .movie {
        width: 49%; }
        @media (max-width: 768px) {
          .home .video .video_inner .movie {
            width: 100%;
            margin-bottom: 10px;
            text-align: center; }
            .home .video .video_inner .movie div.youtube-container iframe {
              right: 2%;
              width: 96%; } }
      .home .video .video_inner .v-txt {
        width: 49%; }
        @media (max-width: 768px) {
          .home .video .video_inner .v-txt {
            width: 100%;
            padding: 8px;
            box-sizing: border-box; }
            .home .video .video_inner .v-txt h2 {
              display: none; }
            .home .video .video_inner .v-txt p {
              display: none; }
            .home .video .video_inner .v-txt p.btn {
              display: block; } }
        .home .video .video_inner .v-txt h2 {
          margin-top: 10px; }
        .home .video .video_inner .v-txt .btn {
          clear: both;
          text-align: center; }
          .home .video .video_inner .v-txt .btn a {
            text-align: center;
            font-weight: bold;
            color: #fff;
            display: block;
            border: 1px solid #305897;
            border-radius: 2px;
            padding: 13px 10px 13px 36px;
            position: relative;
            margin: 0;
            background: #305897;
            font-family: arial, helvetica, 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif;
            font-weight: bold;
            padding-left: 0;
            min-width: 270px;
            display: inline-block; }
            .home .video .video_inner .v-txt .btn a:before {
              content: "";
              display: block;
              position: absolute;
              width: 6px;
              height: 6px;
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              top: 50%;
              right: 10px;
              margin: -3px 0 0 0;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
            .home .video .video_inner .v-txt .btn a:hover {
              background: #fff;
              color: #305897; }
              .home .video .video_inner .v-txt .btn a:hover:before {
                border-top: 2px solid #305897;
                border-right: 2px solid #305897; }
      .home .video .video_inner .v-txt.v-txt-sp {
        display: none; }
        @media (max-width: 768px) {
          .home .video .video_inner .v-txt.v-txt-sp {
            display: block; }
            .home .video .video_inner .v-txt.v-txt-sp h2, .home .video .video_inner .v-txt.v-txt-sp p {
              display: block; } }
  .home .menu {
    margin: 50px 0; }
    .home .menu .menu_inner {
      max-width: 1000px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-wrap: wrap; }
      .home .menu .menu_inner .menu01 {
        width: 33%;
        background: url(../img/bg-top01.jpg) center center/cover no-repeat; }
        @media (max-width: 768px) {
          .home .menu .menu_inner .menu01 {
            width: 100%;
            margin-bottom: 10px; } }
      .home .menu .menu_inner .menu02 {
        width: 33%;
        background: url(../img/bg-top02.jpg) center center/cover no-repeat; }
        @media (max-width: 768px) {
          .home .menu .menu_inner .menu02 {
            width: 100%; } }
      .home .menu .menu_inner .menu03 {
        width: 33%;
        background: url(../img/bg-top03.jpg) center center/cover no-repeat; }
        @media (max-width: 768px) {
          .home .menu .menu_inner .menu03 {
            width: 100%; } }
      .home .menu .menu_inner a {
        display: block;
        padding-top: 150px;
        color: #fff;
        font-family: arial, helvetica, 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif;
        font-weight: bold; }
        .home .menu .menu_inner a:hover {
          opacity: 0.7; }
        .home .menu .menu_inner a p {
          background: rgba(48, 88, 151, 0.87);
          margin: 0;
          padding: 10px 0;
          text-align: center;
          font-size: 100%; }
  .home main {
    padding: 0;
    /*max-width: 1000px;*/
    margin: 0 auto; }
  .home .contents-wrap {
    padding: 0;
    max-width: inherit; }
  .home section {
    float: none;
    width: 100%; }
    @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: #305897;
    padding: 10px; }
  .home .menu__box_url_2 a, .home .menu__box_url_4 a {
    color: #305897; }
  .home .news {
    background: #edf7fd;
    padding: 30px 0; }
    .home .news .news-inner {
      max-width: 1000px;
      margin: 0 auto 40px;
      padding: 0 20px 0 20px;
      /* アイコン */ }
      .home .news .news-inner h2 {
        margin: 0; }
      .home .news .news-inner ul {
        overflow: hidden;
        width: 100%;
        margin: 0 0 30px 0; }
      .home .news .news-inner li {
        border-bottom: 1px solid #cccccc;
        padding: 0;
        margin: 0; }
        .home .news .news-inner li:before {
          display: none; }
        .home .news .news-inner 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 .news-inner li a {
              padding: 15px 0 15px 0; } }
      .home .news .news-inner time, .home .news .news-inner span {
        display: block; }
        @media screen and (min-width: 768px) {
          .home .news .news-inner time, .home .news .news-inner span {
            display: inline; } }
      .home .news .news-inner time {
        color: #000;
        padding: 0 20px 0 0; }
      .home .news .news-inner .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 .news-inner .ico-new {
        background: #3699c7; }
  .home .bottom-banner {
    max-width: 1040px;
    margin: 0 auto 40px;
    padding: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .home .bottom-banner .banner-phq {
      width: 49%;
      text-align: center; }
      @media (max-width: 768px) {
        .home .bottom-banner .banner-phq {
          width: 100%;
          margin-bottom: 10px; } }
    .home .bottom-banner .banner-jpos {
      width: 49%;
      text-align: center; }
      @media (max-width: 768px) {
        .home .bottom-banner .banner-jpos {
          width: 100%; } }
    .home .bottom-banner a img {
      width: 100%;
      max-width: 380px; }
    .home .bottom-banner a i::after {
      display: none; }

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

共通

-------------------------------------------------------------------------*/
.home h2,
.about h2,
.message h2,
.selfcare h2,
.consultation h2,
.information h2,
.feedback h2,
.news h2,
.contact h2,
.policy h2,
.sitemap h2 {
  font-family: arial, helvetica, 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif;
  font-weight: bold;
  padding-left: 0; }
.home h2,
.about h2,
.message h2,
.selfcare h2,
.consultation h2,
.information h2,
.feedback h2,
.news h2,
.contact h2,
.policy h2,
.sitemap h2 {
  border-bottom: 0px;
  text-align: center;
  color: #3699c7;
  font-size: 150%; }
  .home h2:before,
  .about h2:before,
  .message h2:before,
  .selfcare h2:before,
  .consultation h2:before,
  .information h2:before,
  .feedback h2:before,
  .news h2:before,
  .contact h2:before,
  .policy h2:before,
  .sitemap h2:before {
    display: none; }
  .home h2 + p,
  .about h2 + p,
  .message h2 + p,
  .selfcare h2 + p,
  .consultation h2 + p,
  .information h2 + p,
  .feedback h2 + p,
  .news h2 + p,
  .contact h2 + p,
  .policy h2 + p,
  .sitemap h2 + p {
    margin-top: 1em; }
.home h3,
.home h4,
.about h3,
.about h4,
.message h3,
.message h4,
.selfcare h3,
.selfcare h4,
.consultation h3,
.consultation h4,
.information h3,
.information h4,
.feedback h3,
.feedback h4,
.news h3,
.news h4,
.contact h3,
.contact h4,
.policy h3,
.policy h4,
.sitemap h3,
.sitemap h4 {
  font-family: 'YuGothic','Yu Gothic','sans-serif';
  font-weight: bold;
  padding-left: 0; }
.home h3,
.about h3,
.message h3,
.selfcare h3,
.consultation h3,
.information h3,
.feedback h3,
.news h3,
.contact h3,
.policy h3,
.sitemap h3 {
  color: #305897;
  background: #edf7fd;
  border-left: solid 5px #3699c7;
  margin-left: -5px;
  margin-bottom: 12px;
  font-size: 115%;
  padding: 0.6em 0.5em 0.5em;
  border-bottom: 0; }
.home h3:before,
.about h3:before,
.message h3:before,
.selfcare h3:before,
.consultation h3:before,
.information h3:before,
.feedback h3:before,
.news h3:before,
.contact h3:before,
.policy h3:before,
.sitemap h3:before {
  content: '';
  display: none; }
.home .p_right,
.about .p_right,
.message .p_right,
.selfcare .p_right,
.consultation .p_right,
.information .p_right,
.feedback .p_right,
.news .p_right,
.contact .p_right,
.policy .p_right,
.sitemap .p_right {
  text-align: right; }

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

  404ページ

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


お知らせ


-------------------------------------------------------------------------------*/
.news article section h3 time {
  margin-right: 1em; }

/*-------------------------------------------------------------------------------
セルフケア
-------------------------------------------------------------------------------*/
.selfcare {
  /* 生活リズムが悲しみを癒す */
  /* 不安や緊張を感じる時には?*/ }
  .selfcare p.title {
    color: #3699c7;
    font-size: 120%;
    line-height: 1.3;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative; }
  .selfcare p.title:before {
    color: #999;
    content: '1';
    font-size: 150%;
    font-weight: bold;
    /*font-family: Microsoft Sans Serif;*/
    position: absolute;
    top: -5px;
    left: 0; }
  .selfcare p.title-1:before {
    content: '1'; }
  .selfcare p.title-2:before {
    content: '2'; }
  .selfcare p.title-3:before {
    content: '3'; }
  .selfcare p.title-4:before {
    content: '4'; }
  .selfcare p.title-5:before {
    content: '5'; }
  .selfcare p.title-6:before {
    content: '6'; }
  .selfcare p.title-7:before {
    content: '7'; }
  .selfcare p.content {
    margin-left: 15px;
    margin-bottom: 22px; }
  .selfcare p.movie-caption {
    background: #edf7fd;
    border: 1px solid #cdd3dc;
    border-radius: 10px 10px 0 0;
    color: #305897;
    font-size: 120%;
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 7px 0 3px 15px;
    vertical-align: middle; }

/*-------------------------------------------------------------------------------
  困ったときの相談先
-------------------------------------------------------------------------------*/
.consultation .link-outer {
  border: 1px solid #3699c7;
  border-radius: 4px;
  line-height: 1.4;
  padding: 10px; }
.consultation p.link-title {
  font-weight: bold;
  margin-bottom: 5px; }
.consultation h3.link-title-top {
  margin-top: 5px; }
.consultation p.link-content-last {
  margin-bottom: 5px; }

.information p.link-title {
  font-weight: bold;
  margin-bottom: 5px; }
.information p.link-section-title {
  color: #305897;
  background: #edf7fd;
  border-left: solid 2em #3699c7;
  margin-left: -5px;
  margin-bottom: 12px;
  font-family: arial, helvetica, 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif;
  font-size: 110%;
  font-weight: bold;
  padding: 0.25em 0.5em;
  position: relative; }
  .information p.link-section-title:before {
    color: white;
    content: 'A';
    font-weight: bold;
    font-size: 120%;
    position: absolute;
    padding: 0em;
    left: -1.2em;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .information p.link-section-title.link-section-title-1:before {
    content: 'A'; }
  .information p.link-section-title.link-section-title-2:before {
    content: 'B'; }
  .information p.link-section-title.link-section-title-3:before {
    content: 'C'; }
  .information p.link-section-title.link-section-title-4:before {
    content: 'D'; }
  .information p.link-section-title.link-section-title-5:before {
    content: 'E'; }

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


お問い合わせ


-------------------------------------------------------------------------------*/
.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 */