@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
/* font */
@import url("https://fonts.googleapis.com/css?family=Roboto");
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype"); }

/* 日本語（notoSans）*/
/* 日本語（notoSerif）*/
/*日本語用（メイリオ）*/
/*英語用*/
@media screen and (max-width: 800px) and (max-width: 950px) {
  body {
    padding-top: 56px;
    font-size: 14px; } }

@media screen and (max-width: 800px) and (min-width: 951px) {
  body {
    padding-top: 142px;
    font-size: 16px; } }

@media screen and (max-width: 800px) {
  a {
    color: #000;
    text-decoration: underline; }
  img {
    width: 100%; }
  p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 20px; }
    p.img {
      text-align: center;
      margin: 30px auto; }
      p.img img {
        max-width: 100%;
        height: auto; }
    p.catch {
      text-align: center;
      font-weight: bold;
      font-size: 20px;
      margin-top: 20px; }
    p.read {
      text-align: center; }
  .page_title {
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/second/second_header_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 80px; }
    .page_title .title {
      color: #000;
      text-align: center;
      line-height: 1;
      font-weight: bold;
      font-size: 20px; }
    .page_title .sub {
      color: #000;
      display: block;
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 13px; }
  .breadcrumb {
    padding: 5px 0 30px;
    display: flex;
    margin: 0 auto; }
    .breadcrumb ul {
      overflow: hidden; }
      .breadcrumb ul li {
        display: inline-block;
        position: relative;
        padding-right: 30px;
        font-size: 10px; }
        .breadcrumb ul li:not(:last-of-type)::after {
          display: block;
          position: absolute;
          top: 45%;
          right: 10px;
          width: 7px;
          height: 7px;
          margin-top: -4px;
          border-top: solid 1px #333;
          border-right: solid 1px #333;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          content: ""; }
  #contents_inner {
    margin: 0 15px;
    padding: 0 0 60px; }
  #side_col {
    margin-top: 50px; }
    #side_col .side_title {
      background-color: #004ba4;
      color: #fff;
      padding: 10px 15px;
      font-size: 16px; }
      #side_col .side_title a {
        color: #fff;
        text-decoration: none; }
    #side_col .side_sub_title {
      background-color: #f0f0f0;
      color: #000;
      border-left: 1px solid #b9b9b9;
      border-right: 1px solid #b9b9b9;
      font-weight: bold;
      padding: 6px 15px;
      font-size: 13px; }
    #side_col ul {
      border-left: 1px solid #cacaca;
      border-right: 1px solid #cacaca; }
      #side_col ul li:not(:last-of-type) {
        border-bottom: 1px solid #cacaca; }
      #side_col ul li a {
        display: block;
        position: relative;
        word-break: break-all;
        text-decoration: none;
        color: #000;
        padding: 10px 10px 10px 25px;
        font-size: 14px; }
        #side_col ul li a:before {
          content: "";
          border: 0px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          position: absolute;
          border-top: solid 1px #000;
          border-right: solid 1px #000;
          width: 6px;
          height: 6px;
          margin-top: -3px;
          top: 21px;
          left: 10px; }
        #side_col ul li a:hover {
          color: #004aa4;
          background-color: #e6f0f8; }
          #side_col ul li a:hover:before {
            border-top: solid 1px #004aa4;
            border-right: solid 1px #004aa4; }
        #side_col ul li a[target="_blank"]:after {
          content: "";
          background: url(../images/common/icon_blank.png) no-repeat;
          width: 10px;
          height: 10px;
          background-size: cover;
          position: absolute;
          top: 5px;
          right: 5px; }
      #side_col ul li.current-cat > a, #side_col ul li.active > a {
        color: #004aa4;
        background-color: #e6f0f8; }
        #side_col ul li.current-cat > a:before, #side_col ul li.active > a:before {
          border-top: solid 1px #004aa4;
          border-right: solid 1px #004aa4; }
      #side_col ul:last-of-type {
        border-bottom: 1px solid #cacaca; }
  /* NEWS */
  .news ul li {
    border-bottom: 1px solid #b9b9b9; }
    .news ul li:nth-of-type(1) {
      border-top: 1px solid #b9b9b9; }
    .news ul li a {
      display: block;
      padding: 10px 0;
      text-decoration: underline; }
      .news ul li a .ymd {
        color: #004ba4;
        font-size: 13px;
        display: inline-block;
        font-family: "Roboto", sans-serif; }
      .news ul li a h4 {
        font-weight: normal; }
    .news ul li.new .ymd:after {
      content: "NEW";
      display: inline-block;
      color: #fff;
      background-color: #23ac3a;
      font-size: 12px;
      line-height: 1;
      padding: 3px 3px;
      margin-left: 10px; }
  /* company */
  .companyH2 {
    font-size: 18px;
    margin: 30px 0;
    text-align: center;
    letter-spacing: 0.05em; }
  .companyTable {
    width: 100%;
    margin: 0 auto 60px;
    font-size: 16px; }
    .companyTable tr {
      border-bottom: 1px solid #dedede;
      text-align: left; }
      .companyTable tr:first-of-type {
        border-top: 1px solid #dedede; }
    .companyTable th {
      vertical-align: top;
      color: #6e6e6e;
      font-weight: 400;
      width: 100%;
      padding: 15px 0px 5px;
      font-size: 14px;
      display: block; }
    .companyTable td {
      padding-bottom: 15px;
      font-size: 14px;
      display: block; }
  .philosophy tr {
    border-bottom: 1px dashed #dedede; }
    .philosophy tr:last-child {
      border-bottom: 1px solid #dedede; }
  .philosophy th {
    position: relative;
    width: 20%;
    padding: 15px 0;
    display: table-cell; }
    .philosophy th::after {
      content: '';
      position: absolute;
      width: 2px;
      height: calc(100% - 20px);
      background-color: #e0e0e0;
      top: 10px;
      right: 0; }
  .philosophy td {
    display: table-cell;
    padding: 15px 0 15px 15px; }
  .accessWrap .commonH2 {
    width: 95%;
    margin: 0 auto 15px; }
  .accessWrap p {
    margin: 30px 0px; }
  .accessWrap .accessMap {
    height: 220px; }
    .accessWrap .accessMap iframe {
      width: 100%;
      height: 100%;
      background-color: #eee; }
  .sitemap {
    margin-top: 20px; }
  .sitemap_link_list > li {
    margin-bottom: 15px; }
    .sitemap_link_list > li > a {
      text-decoration: none;
      color: #000;
      line-height: 1;
      display: block;
      border-bottom: 1px solid #bdc4d9;
      font-weight: bold;
      position: relative;
      padding-bottom: 10px; }
      .sitemap_link_list > li > a:after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 2px #004aa4;
        border-right: solid 2px #004aa4;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 10px);
        right: 5px;
        right: 10px; }
    .sitemap_link_list > li > ul {
      margin-top: 15px;
      margin-bottom: 20px; }
      .sitemap_link_list > li > ul > li a {
        text-decoration: none;
        color: #000;
        display: block;
        position: relative;
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 20px; }
        .sitemap_link_list > li > ul > li a:before {
          content: '';
          width: 6px;
          height: 6px;
          border: 0px;
          border-top: solid 2px #004aa4;
          border-right: solid 2px #004aa4;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          left: 0px;
          top: calc(50% - 4px); }
  .archive_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .archive_list li {
      width: 23.5%;
      margin-right: 2%;
      margin-bottom: 10px; }
      .archive_list li:nth-of-type(4n) {
        margin-right: 0; }
    .archive_list a {
      display: block;
      border: 1px solid #004aa4;
      font-size: 13px;
      position: relative;
      text-decoration: none;
      text-align: center;
      padding-right: 5px; }
      .archive_list a:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        border-top: 1px solid #004aa4;
        border-right: 1px solid #004aa4;
        position: absolute;
        top: calc(50% - 3px);
        right: 8px; }
  .wp-pagenavi {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px; }
    .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .extend, .wp-pagenavi .last, .wp-pagenavi .first {
      display: block;
      padding: 5px 13px;
      background: #fff;
      border: 1px solid #ccc;
      color: #000;
      text-decoration: none;
      font-size: 16px;
      margin: 0 5px; }
    .wp-pagenavi .extend {
      border: none; }
      .wp-pagenavi .extend:hover {
        background: #fff;
        opacity: 1;
        border: none !important;
        color: #000; }
    .wp-pagenavi span.current {
      display: block;
      padding: 5px 13px;
      background: #fff;
      border: 1px solid #ccc !important;
      background: #ccc;
      color: #fff;
      font-size: 16px;
      margin: 0 5px; }
    .wp-pagenavi .prev, .wp-pagenavi.nextpostslink {
      color: #000; }
      .wp-pagenavi .prev:hover, .wp-pagenavi.nextpostslink:hover {
        background-color: #ccc;
        color: #fff; }
  .movie_list li {
    width: 100%;
    margin-top: 30px; }
    .movie_list li span {
      display: block; }
    .movie_list li .img {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden; }
      .movie_list li .img img {
        width: 100%;
        height: auto;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: .4s ease-in-out; }
      .movie_list li .img:after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 0; }
    .movie_list li svg path {
      fill: #004aa4; }
    .movie_list li .svgWrap {
      width: 68px;
      height: 68px;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: calc(50% - 34px);
      left: calc(50% - 34px);
      z-index: 2; }
    .movie_list li .svgWrap svg {
      width: 40%;
      -webkit-transform: translateX(12%);
              transform: translateX(12%); }
    .movie_list li .ymd {
      color: #004aa4;
      font-size: 12px;
      margin-top: 10px; }
    .movie_list li .text {
      font-size: 14px; }
    .movie_list li a {
      display: block;
      text-decoration: none; }
      .movie_list li a:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
  .tobira_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px 15px; }
    .tobira_list li {
      position: relative;
      overflow: hidden;
      border: 1px solid #d8e4ef;
      background-color: #e6f0f8;
      text-align: center;
      width: calc(50% - 7px);
      margin-bottom: 15px;
      /*
    &:before{
      content: "";
      position: absolute;
      top: -12px;
      right: -12px;
      box-sizing: border-box;
      border: 12px solid transparent;
      border-left: 12px solid #1e5ca5;
      transform: rotate(-45deg);
      z-index: 2;
    }
    */ }
      .tobira_list li:nth-of-type(odd) {
        margin-right: 14px; }
      .tobira_list li a {
        display: block;
        text-decoration: none;
        padding-bottom: 15px; }
        .tobira_list li a[target="_blank"]:after {
          content: "";
          background: url(../images/common/icon_blank_b.png) no-repeat;
          background-size: cover;
          display: inline-block;
          width: 10px;
          height: 10px;
          position: absolute;
          top: 4px;
          right: 6px; }
      .tobira_list li .img {
        display: block;
        background-color: #fff; }
      .tobira_list li .title {
        display: inline-block;
        font-weight: bold;
        color: #000;
        line-height: 1.3;
        position: relative;
        text-align: center;
        padding: 15px 10px 0;
        font-size: 16px; }
      .tobira_list li .description {
        display: block;
        font-weight: normal;
        font-size: 14px;
        margin-top: 10px; }
      .tobira_list li .tag_list {
        margin-top: 10px;
        padding: 0 5px;
        display: flex;
        flex-wrap: wrap; }
        .tobira_list li .tag_list span.tag {
          background-color: #fff;
          margin-top: 5px;
          font-size: 11px;
          border-radius: 3px;
          width: calc(50% - 2px);
          text-align: center;
          padding: 2px px;
          line-height: 1.2; }
          .tobira_list li .tag_list span.tag:not(:nth-of-type(even)) {
            margin-right: 4px; }
  .searchHead {
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
    padding-bottom: 15px; }
  .sList .sBody {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .sList .sBody a {
      text-decoration: none;
      display: block; }
      .sList .sBody a h2 {
        text-decoration: underline; }
      .sList .sBody a:hover {
        opacity: 1; }
        .sList .sBody a:hover h2 {
          text-decoration: underline; }
    .sList .sBody .txtWrap h2 {
      color: #004aa4;
      line-height: 1.3;
      font-size: 18px;
      margin-bottom: 10px; }
    .sList .sBody .txtWrap .txt {
      font-size: 14px;
      margin-bottom: 10px; }
    .sList .sBody .txtWrap .url {
      word-wrap: break-word;
      font-size: 13px; }
  p {
    margin-bottom: 30px; }
  .newsH1 {
    font-weight: normal;
    line-height: 1.4;
    font-size: 22px; }
  .newsH2 {
    color: #004aa4;
    line-height: 1.2;
    position: relative;
    font-size: 20px;
    padding-left: 15px;
    margin-bottom: 20px; }
    .newsH2:after {
      content: "";
      width: 4px;
      height: 100%;
      background-color: #004aa4;
      position: absolute;
      left: 0;
      top: -2px; }
  .newsH2_2 {
    color: #000;
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px; }
  .newsH3 {
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 16px; }
  .ymd_tag_area {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .ymd_tag_area span {
      display: inline-block; }
    .ymd_tag_area .ymd {
      color: #747474;
      font-size: 14px; }
    .ymd_tag_area .tag {
      color: #fff;
      font-size: 12px;
      text-align: center;
      min-width: 85px;
      padding: 2px 15px 1px;
      margin-left: 15px; }
  .ChangeElem_Btn_Content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .ChangeElem_Btn_Content button {
      border: none;
      cursor: pointer;
      outline: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .ChangeElem_Btn_Content button.is-active {
        background-color: #004aa4;
        color: #fff; }
    .ChangeElem_Btn_Content button {
      width: calc(100%);
      margin-bottom: 0px;
      font-size: 14px;
      background: none;
      border-top: 1px solid #004aa4;
      border-left: 1px solid #004aa4;
      border-right: 1px solid #004aa4;
      color: #000;
      padding: 7px 15px;
      /*
      &:nth-of-type(2){
        //margin-right: 14px;
      }
      &:nth-of-type(2n + 1){
        //margin-right: 14px;
        border-right: 1px solid $c_base;
      }
      &:last-of-type{
        border-bottom: 1px solid $c_base;
      }
      &:nth-last-of-type(2){
        border-bottom: 1px solid $c_base;
      }
      &.all{
        width: 100%;
        border-bottom: 1px solid $c_base;
        //margin-right: calc(100% - (50% - 7px));
      }
      */ }
      .ChangeElem_Btn_Content button:last-of-type {
        border-bottom: 1px solid #004aa4; }
      .ChangeElem_Btn_Content button:before {
        content: none; }
  .ChangeElem_Panel:nth-of-type(2n) {
    display: none; }
  .product_guide_list {
    display: flex;
    flex-wrap: wrap; }
    .product_guide_list > li {
      position: relative;
      width: calc(50% - 8px);
      margin-bottom: 20px; }
      .product_guide_list > li:nth-of-type(odd) {
        margin-right: 15px; }
      .product_guide_list > li img {
        position: absolute;
        width: 50%;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .product_guide_list > li h3 {
        background-color: #004ba4;
        color: #fff;
        font-weight: normal;
        text-align: center;
        font-size: 14px;
        padding: 75px 10px 15px; }
      .product_guide_list > li > ul {
        border: 1px solid #d9e7f1; }
        .product_guide_list > li > ul li {
          position: relative; }
          .product_guide_list > li > ul li a {
            padding: 10px 20px 10px 15px;
            display: block;
            color: #004aa4;
            text-decoration: none; }
          .product_guide_list > li > ul li:not(:first-of-type) {
            border-top: 1px solid #d9e7f1; }
          .product_guide_list > li > ul li:after {
            content: '';
            width: 8px;
            height: 8px;
            border: 0px;
            border-top: solid 2px #d2d2d2;
            border-right: solid 2px #d2d2d2;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            position: absolute;
            top: calc(50% - 4px);
            right: 15px;
            width: 6px;
            height: 6px;
            top: calc(50% - 3px);
            right: 10px; }
          .product_guide_list > li > ul li .product_name {
            text-decoration: underline; }
          .product_guide_list > li > ul li .description {
            display: block;
            font-size: 12px; }
          .product_guide_list > li > ul li.more {
            display: block;
            text-align: center; }
            .product_guide_list > li > ul li.more:before {
              content: "MORE";
              color: #23ac3a;
              font-size: 13px; }
            .product_guide_list > li > ul li.more:after {
              content: none; }
          .product_guide_list > li > ul li.hide_box {
            display: none; }
            .product_guide_list > li > ul li.hide_box:after {
              content: none; }
        .product_guide_list > li > ul.open .more:before {
          content: "CLOSE";
          color: #cecece;
          font-size: 13px; }
  .book_list li {
    background-color: #fff;
    width: calc(100%);
    border-bottom: 1px solid #d2d2d2;
    /*
      &:first-of-type{
        border-top: 1px solid #d2d2d2;
      }
      */ }
    .book_list li:last-of-type {
      border-bottom: none; }
    .book_list li a {
      text-decoration: none;
      display: flex;
      padding: 15px 5px; }
    .book_list li .img {
      text-align: center;
      width: 80px; }
      .book_list li .img img {
        max-width: 80px; }
    .book_list li .text {
      width: calc(100% - 80px);
      padding-left: 5px; }
      .book_list li .text .title {
        color: #004aa4;
        text-decoration: underline;
        line-height: 1.3;
        font-size: 16px;
        margin-bottom: 10px; }
      .book_list li .text span {
        display: block;
        font-size: 14px;
        margin-bottom: 3px; }
  .new_book_wrap .book_list li {
    border: 2px solid #cee5ff;
    margin-bottom: 15px; }
  .new_book_wrap h2 {
    background-color: #f0f7ff;
    text-align: center;
    padding: 15px 15px;
    margin-bottom: 15px; }
  .access_area {
    margin-bottom: 30px; }
    .access_area .map_area {
      width: 100%;
      margin-bottom: 10px; }
      .access_area .map_area iframe {
        width: 100%;
        height: 200px; }
    .access_area .text_area h3 {
      font-size: 18px;
      margin-bottom: 10px; }
    .access_area .text_area p {
      font-size: 14px; }
  .blue_back {
    display: inline-block;
    padding: 0px 10px;
    background: #004ba4;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff; }
  .column_list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto 0; }
    .column_list .column_block {
      border: 1px solid #fff;
      background-color: #fff;
      position: relative;
      border: 1px solid #e9e9e9;
      width: calc(50% - 7px);
      margin-bottom: 15px; }
      .column_list .column_block:nth-of-type(odd) {
        margin-right: 14px; }
      .column_list .column_block a {
        display: block;
        text-decoration: none;
        padding-bottom: 30px; }
        .column_list .column_block a .img {
          display: block;
          border-bottom: 1px solid #e9e9e9; }
          .column_list .column_block a .img img {
            width: 100%; }
        .column_list .column_block a .title {
          font-weight: normal;
          min-height: 70px;
          font-size: 14px;
          padding: 10px; }
        .column_list .column_block a .column_bottom {
          border-top: 1px solid #e9e9e9;
          width: calc(100% - 4px);
          height: 30px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: absolute;
          bottom: 0;
          left: 2px; }
          .column_list .column_block a .column_bottom .ymd {
            color: #9b9b9b;
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            padding-left: 10px; }
          .column_list .column_block a .column_bottom .more {
            color: #23ac3a;
            font-weight: bold;
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            margin-right: 10px; }
  .seminar_info {
    border: 2px solid #004aa4;
    border-radius: 5px;
    margin-bottom: 30px; }
    .seminar_info .title {
      background-color: #004aa4;
      color: #fff;
      font-weight: bold;
      font-size: 18px;
      padding: 10px 15px; }
    .seminar_info .info {
      padding: 10px 15px; }
      .seminar_info .info dl {
        margin-bottom: 20px; }
        .seminar_info .info dl dt {
          margin-bottom: 5px; }
          .seminar_info .info dl dt span {
            color: #fff;
            background-color: #004aa4;
            text-align: center;
            padding: 1px 8px 2px;
            min-width: 80px;
            display: inline-block; }
  .h1 {
    text-align: left;
    font-size: 24px;
    margin-bottom: 35px; }
    .h1:after {
      content: "";
      display: block;
      width: 40px;
      height: 2px;
      background: #004aa4;
      margin: 10px 0 0; }
  .h2 {
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 2px solid #e6f0f8;
    position: relative;
    font-size: 18px;
    margin-top: 40px; }
    .h2:before {
      content: "";
      width: 100px;
      height: 2px;
      background-color: #004aa4;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -2px; }
  .h2b {
    border-bottom: 2px solid #004aa4;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    margin-top: 50px;
    font-size: 18px;
    margin-top: 40px; }
  .h2c {
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-align: center;
    position: relative;
    color: #004aa4;
    font-size: 18px;
    margin-top: 40px; }
    .h2c:after {
      content: "";
      height: 2px;
      width: 100px;
      display: block;
      background-color: #004aa4;
      position: absolute;
      left: calc(50% - 50px);
      bottom: 0; }
  .h3 {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    color: #004aa4;
    background-color: #e6f0f8;
    padding: 3px 15px 3px 20px;
    position: relative;
    font-size: 15px;
    line-height: 1.5; }
    .h3:before {
      content: "";
      display: block;
      width: 3px;
      background-color: #004aa4;
      position: absolute;
      left: 10px;
      height: calc(100% - 14px);
      top: 7px; }
  .h3b {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    color: #004aa4;
    font-size: 18px; }
  .h4 {
    position: relative;
    padding-left: 22px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold; }
    .h4:before {
      content: "";
      display: block;
      width: 10px;
      height: 3px;
      position: absolute;
      background: #004aa4;
      left: 5px;
      top: 12px; }
  a.link,
  span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    color: #000;
    cursor: pointer; }
    a.link:before,
    span.link:before {
      content: "";
      position: absolute;
      display: block;
      width: 14px;
      height: 14px;
      border-radius: 8px;
      background: #004aa4;
      left: 0px;
      top: 8px; }
    a.link:after,
    span.link:after {
      content: "";
      position: absolute;
      display: block;
      width: 4px;
      height: 4px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      left: 4px;
      top: 0.75em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    a.link:hover,
    span.link:hover {
      color: #004aa4; }
  .ico_pdf {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/common/icon_pdf.png") no-repeat 0 0;
    background-size: 80%;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }
  .ico_white_p {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/common/ico_white_p.jpg") no-repeat 0 0;
    background-size: 80%;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }	
    .ico_pdf.big {
      width: 48px;
      height: 48px;
      background: url("../images/common/icon_pdf.png") no-repeat 0 0;
      background-size: 100%; }
  .ico_blank {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/common/icon_blank.png") no-repeat 0 0;
    background-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }
  ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    ul.anker.col2 li {
      width: calc(100%/2); }
    ul.anker.col4 li {
      width: calc(100%/2); }
    ul.anker li {
      list-style: none;
      border-right: 1px solid #fff;
      width: calc(100%/3);
      margin-bottom: 1px; }
      ul.anker li a {
        display: block;
        background: #eeeeee;
        position: relative;
        height: 100%;
        padding: 8px 12px 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        line-height: 1.3;
        text-decoration: none;
        transition: background-color .2s;
        font-size: 14px; }
        ul.anker li a:after {
          content: "";
          display: block;
          border-bottom: 1px solid #004aa4;
          border-right: 1px solid #004aa4;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: 7px;
          height: 7px;
          position: absolute;
          bottom: 11px;
          left: 50%;
          margin-left: -3px; }
  .common_btn {
    text-decoration: none;
    background-color: #004aa4;
    color: #fff;
    display: block;
    padding: 10px 35px;
    text-align: center;
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    font-size: 16px; }
    .common_btn:before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .common_btn.down:before {
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
    .common_btn.btn_green {
      background-color: #23ac3a;
      transition: opacity .2s; }
      .common_btn.btn_green:hover {
        opacity: .7; }
    .common_btn.btn_gray {
      background-color: #888888;
      transition: opacity .2s; }
      .common_btn.btn_gray:hover {
        opacity: .7; }	
    .common_btn.btn_lightblue {
      background-color: #6c9feb;
      transition: opacity .2s; }
      .common_btn.btn_lightblue:hover {
        opacity: .7; }	
    .common_btn.btn_aliceblue {
      background-color: #e6f0f8;
    color: #00008b;		
      transition: opacity .2s; }
      .common_btn.btn_aliceblue:hover {
        opacity: .7; }		

  .btn_line3 a.commonWhBtn {
    margin-bottom: 10px; }
  .btn_line4 {
    overflow: hidden; }
    .btn_line4 a.commonWhBtn {
      margin-bottom: 10px; }
  .img_line2 {
    margin-bottom: 30px; }
    .img_line2 li {
      margin-bottom: 15px; }
      .img_line2 li img {
        width: 100%; }
  .img_line3 {
    margin-bottom: 30px; }
    .img_line3 li {
      margin-bottom: 15px; }
      .img_line3 li img {
        width: 100%; }
  .img_line4 {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap; }
    .img_line4 li {
      margin-bottom: 15px;
      width: calc(50% - 8px);
      margin-right: 16px; }
      .img_line4 li:nth-of-type(2n) {
        margin-right: 0; }
      .img_line4 li img {
        width: 100%; }
  .imgInP img {
    display: block;
    margin: 0 auto 20px; }
  .imgInP.col2 .text {
    margin-bottom: 20px;
    display: block; }
  ul.commonList {
    margin: 20px 0 15px; }
    ul.commonList li {
      position: relative;
      padding-left: 20px;
      list-style: none;
      margin-bottom: 7px;
      /*
    &:before{
      content: "";
      width: 8px;
      height: 3px;
      background:$c_base;
      position: absolute;
      top:0.8em;
      left:5px;
    }
    */ }
      ul.commonList li:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #004aa4;
        position: absolute;
        left: 5px;
        top: 9px; }
      ul.commonList li:last-child {
        margin-bottom: 0; }
    ul.commonList.dotgreen li:before {
      background: #23ac3a; }
    ul.commonList.dotblue li:before {
      background: #a9d9ff; }
    ul.commonList.dotpink li:before {
      background: #ffc5cb; }
    ul.commonList.dotnone li:before {
      content: none; }
  ul.linkList {
    margin: 20px 0; }
    ul.linkList:first-child {
      margin-top: 0; }
    ul.linkList:last-child {
      margin-bottom: 0; }
    ul.linkList li {
      list-style: none;
      margin-bottom: 7px;
      padding-bottom: 5px;
      display: block;
      position: relative;
      padding-left: 20px;
      color: #000;
      text-decoration: none; }
      ul.linkList li:before {
        content: "";
        position: absolute;
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 8px;
        background: #004aa4;
        left: 0px;
        top: 0.4em; }
      ul.linkList li:after {
        content: "";
        position: absolute;
        display: block;
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        left: 4px;
        top: 0.75em;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  ol {
    padding-left: 20px;
    margin: 20px 0; }
    ol li {
      margin-bottom: 7px;
      list-style: decimal; }
  .commonTable {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    margin-bottom: 20px;
    width: 100%; }
    .commonTable tr {
      border-bottom: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7; }
    .commonTable td.wFix,
    .commonTable th.wFix {
      width: 120px; }
    .commonTable th {
      background-color: #f6f6f6;
      padding: 12px;
      text-align: center;
      font-weight: normal;
      background-clip: padding-box;
      border-right: 1px solid #d7d7d7; }
      .commonTable th.required {
        position: relative;
        vertical-align: middle; }
        .commonTable th.required:after {
          content: "必須";
          background-color: #cf0000;
          color: #fff;
          font-size: 14px;
          padding: 4px 8px;
          line-height: 1;
          display: inline-block;
          float: right;
          margin-right: -35px; }
    .commonTable td {
      background-color: #fff;
      padding: 12px;
      border-right: 1px solid #d7d7d7; }
      .commonTable td *:last-child {
        margin-bottom: 0; }
      .commonTable td *:first-child {
        margin-top: 0; }
      .commonTable td .kome {
        display: block;
        font-size: 14px;
        margin-top: 5px; }
      .commonTable td .category {
        width: 130px;
        display: inline-block; }
      .commonTable td .subtxt {
        width: 43px;
        display: inline-block;
        text-align: right;
        padding-right: 10px; }
    .commonTable.company {
      border-left: none;
      border-top: none; }
      .commonTable.company tr {
        border-right: none; }
      .commonTable.company th {
        border-right: none;
        background-color: #fff;
        font-weight: bold;
        text-align: left;
        display: block;
        padding: 15px 0 0; }
      .commonTable.company td {
        border-right: none;
        display: block;
        padding: 6px 0 15px; }
  .seminarTable span.day {
    display: inline-block;
    margin-right: 10px; }
  .seminarTable span.off {
    display: inline-block;
    background-color: #444;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
  .seminarTable span.ready {
    display: inline-block;
    background-color: #6c9feb;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
 .seminarTable span.guide {
    display: inline-block;
    background-color: #004aa4;
    color: #fff;
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
    .seminarTable span.guide a {
      color: #fff;
      text-decoration: none; }		
  .seminarTable span.on {
    display: inline-block;
    background-color: #23ac3a;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }
    .seminarTable span.on a {
      color: #fff;
      text-decoration: none; }
  .seminarTable .ymdpc {
    display: none; }
  .seminarTable .ymdsp {
    display: block; }
  .blueTable {
    margin-bottom: 20px;
    width: 100%; }
    .blueTable tr {
      border-bottom: 1px solid #d9d9d9;
      border-right: 1px solid #d9d9d9;
      font-size: 15px; }
      .blueTable tr:nth-child(2n) td {
        background-color: #f5f6f7;
        border-bottom: 1px solid #f5f6f7;
        border-right: 1px solid #f5f6f7; }
    .blueTable th {
      background-color: #004aa4;
      color: #fff;
      text-align: center;
      padding: 8px 12px;
      font-weight: normal;
      background-clip: padding-box;
      border-right: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9; }
      .blueTable th.required {
        position: relative;
        vertical-align: middle; }
        .blueTable th.required:after {
          content: "必須";
          background-color: #cf0000;
          color: #fff;
          font-size: 14px;
          padding: 4px 8px;
          line-height: 1;
          display: inline-block;
          float: right;
          margin-right: -35px; }
    .blueTable td {
      background-color: #e7e9eb;
      padding: 8px 12px;
      border-bottom: 1px solid #e7e9eb;
      border-right: 1px solid #e7e9eb;
      text-align: center; }
      .blueTable td .kome {
        display: block;
        font-size: 14px;
        margin-top: 5px; }
      .blueTable td .category {
        width: 130px;
        display: inline-block; }
      .blueTable td .subtxt {
        width: 43px;
        display: inline-block;
        text-align: right;
        padding-right: 10px; }
  .scrollTable {
    overflow: auto; }
    .scrollTable table {
      white-space: nowrap; }
  .scrolltext {
    font-size: 12px;
    margin-bottom: 5px;
    display: block; }
  .qa {
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .qa.bdt {
      border-top: 1px solid #ddd; }
    .qa dt {
      position: relative;
      color: #004aa4;
      padding-top: 3px;
      cursor: pointer;
      border-bottom: 1px dashed #e6e2e3;
      margin-bottom: -2px;
      padding: 20px 50px 20px 60px; }
      .qa dt:hover .name {
        text-decoration: underline; }
      .qa dt:hover:after, .qa dt:hover:before {
        text-decoration: none; }
      .qa dt:before {
        content: "Q";
        display: block;
        width: 36px;
        height: 26px;
        border-radius: 50%;
        background: #004aa4;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        padding-top: 10px;
        font-family: "Open Sans", "sans-serif", "meiryo";
        position: absolute;
        left: 10px;
        top: 13px; }
      .qa dt:after {
        content: "＋";
        display: block;
        width: 30px;
        height: 25px;
        border: 1px solid #004aa4;
        text-align: center;
        font-size: 18px;
        line-height: 1;
        padding-top: 5px;
        position: absolute;
        right: 10px;
        top: 17px; }
      .qa dt .new {
        color: #fff;
        background-color: #23ac3a;
        font-size: 14px;
        line-height: 1;
        padding: 0px 5px; }
    .qa dd {
      padding-right: 20px;
      overflow: hidden;
      display: none; }
      .qa dd:before {
        content: "A";
        display: block;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        color: #004aa4;
        font-family: "Open Sans", "sans-serif", "meiryo";
        background: #e0e0e0;
        float: left;
        width: 36px;
        height: 29px;
        border-radius: 50%;
        padding-top: 7px;
        margin-top: 20px;
        margin-left: 30px;
        margin-left: 15px; }
      .qa dd > div {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-left: 65px; }
    .qa.open dt:after {
      content: "－"; }
  .qa_open {
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .qa_open.bdt {
      border-top: 1px solid #ddd; }
    .qa_open dt {
      position: relative;
      color: #004aa4;
      padding-top: 3px;
      cursor: pointer;
      border-bottom: 1px dashed #e6e2e3;
      margin-bottom: -2px;
      padding: 20px 0px 20px 60px; }
      .qa_open dt:hover .name {
        text-decoration: underline; }
      .qa_open dt:hover:after, .qa_open dt:hover:before {
        text-decoration: none; }
      .qa_open dt:before {
        content: "Q";
        display: block;
        width: 36px;
        height: 26px;
        border-radius: 50%;
        background: #004aa4;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        padding-top: 10px;
        font-family: "Open Sans", "sans-serif", "meiryo";
        position: absolute;
        left: 10px;
        top: 13px; }
      .qa_open dt .new {
        color: #fff;
        background-color: #23ac3a;
        font-size: 14px;
        line-height: 1;
        padding: 0px 5px; }
    .qa_open dd {
      overflow: hidden; }
      .qa_open dd:before {
        content: "A";
        display: block;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        color: #004aa4;
        font-family: "Open Sans", "sans-serif", "meiryo";
        background: #e0e0e0;
        float: left;
        width: 36px;
        height: 29px;
        border-radius: 50%;
        padding-top: 7px;
        margin-top: 20px;
        margin-left: 30px;
        margin-left: 15px; }
      .qa_open dd > div {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-left: 65px; }
  .kakoi {
    border: 1px solid #cacaca;
    padding: 20px 0; }
  .kakoi_grey {
    background-color: #eff2f4;
    padding: 20px 15px;
    margin-top: 20px; }
    .kakoi_grey .txt {
      display: block; }
  .kakoi_grey_w {
    background-color: #eff2f4;
    padding: 15px 15px 3px 5px;
    margin-top: 20px; }
    .kakoi_grey_w .txt {
      display: block; }		
 .kakoi_blue {
    background-color: #e6f0f8;
    padding: 20px 15px;
    margin-top: 20px; }
    .kakoi_grey .txt {
      display: block; }	
  .movie_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px; }
    .movie_box iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .ijqa_list dl {
    position: relative; }
    .ijqa_list dl:first-of-type {
      border-top: 1px solid #ddd; }
    .ijqa_list dl dt:after {
      content: none; }
    .ijqa_list dl:after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: 2px solid #3569c1;
      border-right: 2px solid #3569c1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .ijqa_list dl a {
      text-decoration: none; }
  /* common class */
  .pointerNone {
    cursor: default;
    text-decoration: none; }
  .alignC {
    text-align: center !important; }
  .alignL {
    text-align: left !important; }
  .alignR {
    text-align: right !important; }
  .Center {
    margin: 0 auto !important; }
  .ovh {
    overflow: hidden !important; }
  .mw100 {
    max-width: 100% !important;
    width: auto !important; }
  .mB0 {
    margin-bottom: 0 !important; }
  .mB5 {
    margin-bottom: 5px !important; }
  .mB10 {
    margin-bottom: 10px !important; }
  .mB20 {
    margin-bottom: 20px !important; }
  .mB30 {
    margin-bottom: 30px !important; }
  .mB40 {
    margin-bottom: 40px !important; }
  .mB50 {
    margin-bottom: 50px !important; }
  .mT0 {
    margin-top: 0 !important; }
  .mT5 {
    margin-top: 5px !important; }
  .mT10 {
    margin-top: 10px !important; }
  .mT20 {
    margin-top: 20px !important; }
  .mT30 {
    margin-top: 30px !important; }
  .mT40 {
    margin-top: 40px !important; }
  .mT50 {
    margin-top: 50px !important; }
  .mL0 {
    margin-left: 0px !important; }
  .mL5 {
    margin-left: 5px !important; }
  .mL10 {
    margin-left: 10px !important; }
  .mL20 {
    margin-left: 20px !important; }
  .mL30 {
    margin-left: 30px !important; }
  .mL40 {
    margin-left: 40px !important; }
  .mL50 {
    margin-left: 50px !important; }
  .mR0 {
    margin-right: 0px !important; }
  .mR5 {
    margin-right: 5px !important; }
  .mR10 {
    margin-right: 10px !important; }
  .mR20 {
    margin-right: 20px !important; }
  .mR30 {
    margin-right: 30px !important; }
  .mR40 {
    margin-right: 40px !important; }
  .mR50 {
    margin-right: 50px !important; }
  .mB0 {
    margin-bottom: 0 !important; }
  .mB5_sp {
    margin-bottom: 5px !important; }
  .mB10_sp {
    margin-bottom: 10px !important; }
  .mB20_sp {
    margin-bottom: 20px !important; }
  .mB30_sp {
    margin-bottom: 30px !important; }
  .mB40_sp {
    margin-bottom: 40px !important; }
  .mB50_sp {
    margin-bottom: 50px !important; }
  .mT0 {
    margin-top: 0 !important; }
  .mT5_sp {
    margin-top: 5px !important; }
  .mT10_sp {
    margin-top: 10px !important; }
  .mT20_sp {
    margin-top: 20px !important; }
  .mT30_sp {
    margin-top: 30px !important; }
  .mT40_sp {
    margin-top: 40px !important; }
  .mT50_sp {
    margin-top: 50px !important; }
  .mL0_sp {
    margin-left: 0px !important; }
  .mL5_sp {
    margin-left: 5px !important; }
  .mL10_sp {
    margin-left: 10px !important; }
  .mL20_sp {
    margin-left: 20px !important; }
  .mL30_sp {
    margin-left: 30px !important; }
  .mL40_sp {
    margin-left: 40px !important; }
  .mL50_sp {
    margin-left: 50px !important; }
  .mR0_sp {
    margin-right: 0px !important; }
  .mR5_sp {
    margin-right: 5px !important; }
  .mR10_sp {
    margin-right: 10px !important; }
  .mR20_sp {
    margin-right: 20px !important; }
  .mR30_sp {
    margin-right: 30px !important; }
  .mR40_sp {
    margin-right: 40px !important; }
  .mR50_sp {
    margin-right: 50px !important; }
  .size12_sp {
    font-size: 12px !important; }
  .size14_sp {
    font-size: 14px !important; }
  .size16_sp {
    font-size: 16px !important; }
  .size18_sp {
    font-size: 18px !important; }
  .size20_sp {
    font-size: 20px !important; }
  .w50p_sp {
    width: 50% !important; }
  .red {
    color: #d05245 !important; }
  .blue {
    color: #004aa4 !important; }
  .gray {
    color: #888 !important; }
  .bold {
    font-weight: bold !important; }
  .underline {
    text-decoration: underline !important; }
  .green {
    color: #23ac3a !important; }
  .bdb {
    border-bottom: 2px solid #004aa4; }
  .floatL {
    float: left; }
  .floatR {
    float: right; }
  .preBox {
    background: #eff0f4;
    border: 1px solid #004aa4;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBox pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; } }

 .preBoxB {
    background: #fff;
    border: 1px solid #004aa4;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxB pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

 .preBoxG {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0px 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxG pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

 .preBoxH {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0px 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxG pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

@media screen and (min-width: 800px) and (max-width: 950px) {
  body {
    padding-top: 56px;
    font-size: 14px; } }

@media screen and (min-width: 800px) and (min-width: 951px) {
  body {
    padding-top: 142px;
    font-size: 16px; } }

@media screen and (min-width: 800px) {
  a {
    color: #000;
    text-decoration: underline; }
  p {
    line-height: 1.8; }
    p.img {
      text-align: center;
      margin: 30px auto; }
      p.img img {
        max-width: 100%;
        height: auto; }
    p.catch {
      text-align: center;
      font-weight: bold; }
    p.read {
      text-align: center; }
  .page_title {
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/second/second_header_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%; }
    .page_title .title {
      color: #000;
      text-align: center;
      line-height: 1;
      font-weight: bold; }
    .page_title .sub {
      color: #000;
      display: block;
      margin-top: 10px;
      text-transform: uppercase; }
  #side_col .side_title {
    background-color: #004ba4;
    color: #fff; }
    #side_col .side_title a {
      color: #fff;
      text-decoration: none; }
  #side_col .side_sub_title {
    background-color: #f0f0f0;
    color: #000;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    font-weight: bold; }
  #side_col ul {
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca; }
    #side_col ul li:not(:last-of-type) {
      border-bottom: 1px solid #cacaca; }
    #side_col ul li a {
      display: block;
      position: relative;
      word-break: break-all;
      text-decoration: none;
      color: #000; }
      #side_col ul li a:before {
        content: "";
        border: 0px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute; }
      #side_col ul li a:hover {
        color: #004aa4;
        background-color: #e6f0f8; }
        #side_col ul li a:hover:before {
          border-top: solid 1px #004aa4;
          border-right: solid 1px #004aa4; }
      #side_col ul li a[target="_blank"]:after {
        content: "";
        background: url(../images/common/icon_blank.png) no-repeat;
        width: 10px;
        height: 10px;
        background-size: cover;
        position: absolute;
        top: 5px;
        right: 5px; }
    #side_col ul li.current-cat > a, #side_col ul li.active > a {
      color: #004aa4;
      background-color: #e6f0f8; }
      #side_col ul li.current-cat > a:before, #side_col ul li.active > a:before {
        border-top: solid 1px #004aa4;
        border-right: solid 1px #004aa4; }
    #side_col ul:last-of-type {
      border-bottom: 1px solid #cacaca; }
  /* NEWS */
  .news ul li {
    border-bottom: 1px solid #b9b9b9; }
    .news ul li a {
      display: block; }
      .news ul li a .ymd {
        color: #004ba4;
        font-size: 13px;
        display: inline-block;
        font-family: "Roboto", sans-serif; }
      .news ul li a h4 {
        font-weight: normal; }
    .news ul li.new .ymd:after {
      content: "NEW";
      display: inline-block;
      color: #fff;
      background-color: #23ac3a;
      font-size: 12px;
      line-height: 1;
      padding: 3px 3px;
      margin-left: 10px; }
  /* company */
  .companyTable {
    width: 100%; }
  .philosophy tr {
    border-bottom: 1px dashed #dedede; }
    .philosophy tr:last-child {
      border-bottom: 1px solid #dedede; }
  .accessWrap .accessMap iframe {
    width: 100%;
    height: 100%;
    background-color: #eee; }
  .sitemap {
    margin-top: 20px; }
  .sitemap_link_list > li > a {
    text-decoration: none;
    color: #000;
    line-height: 1;
    display: block;
    border-bottom: 1px solid #bdc4d9;
    font-weight: bold;
    position: relative; }
    .sitemap_link_list > li > a:after {
      content: '';
      width: 6px;
      height: 6px;
      border: 0px;
      border-top: solid 2px #004aa4;
      border-right: solid 2px #004aa4;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: calc(50% - 10px);
      right: 5px; }
  .sitemap_link_list > li > ul > li a {
    text-decoration: none;
    color: #000;
    display: block;
    position: relative; }
    .sitemap_link_list > li > ul > li a:before {
      content: '';
      width: 6px;
      height: 6px;
      border: 0px;
      border-top: solid 2px #004aa4;
      border-right: solid 2px #004aa4;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: calc(50% - 5px);
      left: 0px; }
  .archive_list {
    display: flex;
    flex-wrap: wrap; }
    .archive_list a {
      display: block;
      border: 1px solid #004aa4;
      font-size: 13px;
      position: relative;
      text-decoration: none; }
      .archive_list a:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        border-top: 1px solid #004aa4;
        border-right: 1px solid #004aa4;
        position: absolute;
        top: calc(50% - 3px);
        right: 8px; }
  .wp-pagenavi {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .extend, .wp-pagenavi .last, .wp-pagenavi .first {
      display: block;
      padding: 5px 13px;
      background: #fff;
      border: 1px solid #ccc;
      color: #000;
      text-decoration: none;
      font-size: 16px;
      margin: 0 5px; }
    .wp-pagenavi .extend {
      border: none; }
      .wp-pagenavi .extend:hover {
        background: #fff;
        opacity: 1;
        border: none !important;
        color: #000; }
    .wp-pagenavi span.current {
      display: block;
      padding: 5px 13px;
      background: #fff;
      border: 1px solid #ccc !important;
      background: #ccc;
      color: #fff;
      font-size: 16px;
      margin: 0 5px; }
    .wp-pagenavi .prev, .wp-pagenavi.nextpostslink {
      color: #000; }
      .wp-pagenavi .prev:hover, .wp-pagenavi.nextpostslink:hover {
        background-color: #ccc;
        color: #fff; }
  .movie_list li span {
    display: block; }
  .movie_list li .img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden; }
    .movie_list li .img img {
      width: 100%;
      height: auto;
      -webkit-transform: scale(1);
      transform: scale(1);
      transition: .4s ease-in-out; }
    .movie_list li .img:after {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: 0;
      left: 0; }
  .movie_list li svg path {
    fill: #004aa4; }
  .movie_list li .svgWrap {
    width: 68px;
    height: 68px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 34px);
    left: calc(50% - 34px);
    z-index: 2; }
  .movie_list li .svgWrap svg {
    width: 40%;
    -webkit-transform: translateX(12%);
            transform: translateX(12%); }
  .movie_list li .ymd {
    color: #004aa4;
    font-size: 12px;
    margin-top: 10px; }
  .movie_list li .text {
    font-size: 14px; }
  .movie_list li a {
    display: block;
    text-decoration: none; }
    .movie_list li a:hover img {
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .tobira_list {
    display: flex;
    flex-wrap: wrap; }
    .tobira_list li {
      position: relative;
      overflow: hidden;
      border: 1px solid #d8e4ef;
      background-color: #e6f0f8;
      text-align: center;
      /*
    &:before{
      content: "";
      position: absolute;
      top: -12px;
      right: -12px;
      box-sizing: border-box;
      border: 12px solid transparent;
      border-left: 12px solid #1e5ca5;
      transform: rotate(-45deg);
      z-index: 2;
    }
    */ }
      .tobira_list li a {
        display: block;
        text-decoration: none; }
        .tobira_list li a[target="_blank"]:after {
          content: "";
          background: url(../images/common/icon_blank_b.png) no-repeat;
          background-size: cover;
          display: inline-block;
          width: 10px;
          height: 10px;
          position: absolute; }
      .tobira_list li .img {
        display: block;
        background-color: #fff; }
      .tobira_list li .title {
        display: inline-block;
        font-weight: bold;
        color: #000;
        line-height: 1.3;
        position: relative;
        text-align: center; }
      .tobira_list li .description {
        display: block;
        font-weight: normal;
        font-size: 14px;
        margin-top: 10px; }
      .tobira_list li .tag_list {
        margin-top: 10px;
        padding: 0 5px;
        display: flex;
        flex-wrap: wrap; }
        .tobira_list li .tag_list span.tag {
          background-color: #fff;
          margin-top: 5px;
          font-size: 11px;
          border-radius: 3px;
          width: calc(50% - 2px);
          text-align: center; }
          .tobira_list li .tag_list span.tag:not(:nth-of-type(even)) {
            margin-right: 4px; }
  .searchHead {
    border-bottom: 1px solid #ddd; }
  .sList .sBody {
    border-bottom: 1px solid #ddd; }
    .sList .sBody a {
      text-decoration: none;
      display: block; }
      .sList .sBody a:hover {
        opacity: 1; }
        .sList .sBody a:hover h2 {
          text-decoration: underline; }
    .sList .sBody .txtWrap h2 {
      color: #004aa4;
      line-height: 1.3; }
    .sList .sBody .txtWrap .url {
      word-wrap: break-word; }
  .newsH1 {
    font-weight: normal;
    line-height: 1.4; }
  .newsH2 {
    color: #004aa4;
    line-height: 1.2;
    position: relative; }
  .newsH2_2 {
    color: #000;
    line-height: 1.2; }
  .newsH3 {
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.2; }
  .ymd_tag_area {
    border-bottom: 2px solid #f0f0f0; }
    .ymd_tag_area span {
      display: inline-block; }
    .ymd_tag_area .ymd {
      color: #747474; }
    .ymd_tag_area .tag {
      color: #fff;
      font-size: 12px;
      text-align: center; }
  .ChangeElem_Btn_Content {
    display: flex;
    flex-wrap: wrap; }
    .ChangeElem_Btn_Content button {
      border: none;
      cursor: pointer;
      outline: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .ChangeElem_Btn_Content button.is-active {
        background-color: #004aa4;
        color: #fff; }
  .ChangeElem_Panel:nth-of-type(2n) {
    display: none; }
  .product_guide_list > li {
    position: relative; }
    .product_guide_list > li img {
      position: absolute; }
    .product_guide_list > li h3 {
      background-color: #004ba4;
      color: #fff;
      font-weight: normal;
      text-align: center; }
    .product_guide_list > li > ul {
      border: 1px solid #d9e7f1; }
      .product_guide_list > li > ul li {
        position: relative; }
        .product_guide_list > li > ul li:not(:first-of-type) {
          border-top: 1px solid #d9e7f1; }
        .product_guide_list > li > ul li:after {
          content: '';
          width: 8px;
          height: 8px;
          border: 0px;
          border-top: solid 2px #d2d2d2;
          border-right: solid 2px #d2d2d2;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 4px);
          right: 15px; }
        .product_guide_list > li > ul li .product_name {
          text-decoration: underline; }
        .product_guide_list > li > ul li.more {
          display: block;
          text-align: center; }
          .product_guide_list > li > ul li.more:before {
            content: "MORE";
            color: #23ac3a;
            font-size: 13px; }
          .product_guide_list > li > ul li.more:after {
            content: none; }
        .product_guide_list > li > ul li.hide_box {
          display: none; }
          .product_guide_list > li > ul li.hide_box:after {
            content: none; }
      .product_guide_list > li > ul.open .more:before {
        content: "CLOSE";
        color: #cecece;
        font-size: 13px; }
  .book_list li {
    background-color: #fff; }
    .book_list li a {
      text-decoration: none;
      display: flex; }
    .book_list li .text .title {
      color: #004aa4;
      text-decoration: underline;
      line-height: 1.3; }
    .book_list li .text span {
      display: block; }
  .new_book_wrap .book_list li {
    border: 2px solid #cee5ff; }
  .new_book_wrap h2 {
    background-color: #f0f7ff;
    text-align: center;
    padding: 15px 15px; }
  .blue_back {
    display: inline-block;
    padding: 0px 10px;
    background: #004ba4;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff; }
  .column_list .column_block {
    border: 1px solid #fff;
    background-color: #fff;
    position: relative;
    border: 1px solid #e9e9e9; }
    .column_list .column_block a {
      display: block;
      text-decoration: none; }
      .column_list .column_block a .title {
        font-weight: normal;
        min-height: 70px; }
      .column_list .column_block a .column_bottom {
        border-top: 1px solid #e9e9e9;
        width: calc(100% - 4px);
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .column_list .column_block a .column_bottom .ymd {
          color: #9b9b9b;
          font-family: "Roboto", sans-serif; }
        .column_list .column_block a .column_bottom .more {
          color: #23ac3a;
          font-weight: bold;
          font-family: "Roboto", sans-serif; }
  .seminar_info {
    border: 2px solid #004aa4;
    border-radius: 5px; }
    .seminar_info .title {
      background-color: #004aa4;
      color: #fff;
      font-weight: bold; }
    .seminar_info .info dl dt span {
      color: #fff;
      background-color: #004aa4;
      text-align: center;
      padding: 1px 8px 2px;
      min-width: 80px;
      display: inline-block; }
  .h1 {
    text-align: left; }
    .h1:after {
      content: "";
      display: block;
      width: 40px;
      height: 2px;
      background: #004aa4;
      margin: 10px 0 0; }
  .h2 {
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 2px solid #e6f0f8;
    position: relative; }
    .h2:before {
      content: "";
      width: 100px;
      height: 2px;
      background-color: #004aa4;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -2px; }
  .h2b {
    border-bottom: 2px solid #004aa4;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    margin-top: 50px; }
  .h2c {
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-align: center;
    position: relative;
    color: #004aa4; }
    .h2c:after {
      content: "";
      height: 2px;
      width: 100px;
      display: block;
      background-color: #004aa4;
      position: absolute;
      left: calc(50% - 50px);
      bottom: 0; }
  .h3 {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    color: #004aa4;
    background-color: #e6f0f8;
    padding: 3px 15px 3px 20px;
    position: relative; }
    .h3:before {
      content: "";
      display: block;
      width: 3px;
      background-color: #004aa4;
      position: absolute;
      left: 10px; }
  .h3b {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    color: #004aa4; }
  .h4 {
    position: relative;
    padding-left: 22px;
    margin-bottom: 15px; }
    .h4:before {
      content: "";
      display: block;
      width: 10px;
      height: 3px;
      position: absolute;
      background: #004aa4;
      left: 5px;
      top: 12px; }
  a.link,
  span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    color: #000;
    cursor: pointer; }
    a.link:before,
    span.link:before {
      content: "";
      position: absolute;
      display: block;
      width: 14px;
      height: 14px;
      border-radius: 8px;
      background: #004aa4;
      left: 0px;
      top: 8px; }
    a.link:after,
    span.link:after {
      content: "";
      position: absolute;
      display: block;
      width: 4px;
      height: 4px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      left: 4px;
      top: 0.75em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    a.link:hover,
    span.link:hover {
      color: #004aa4; }
  .ico_pdf {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/common/icon_pdf.png") no-repeat 0 0;
    background-size: 80%;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }
    .ico_pdf.big {
      width: 48px;
      height: 48px;
      background: url("../images/common/icon_pdf.png") no-repeat 0 0;
      background-size: 100%; }
  .ico_blank {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/common/icon_blank.png") no-repeat 0 0;
    background-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }
  ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    ul.anker.col2 li {
      width: calc(100%/2); }
    ul.anker.col4 li {
      width: calc(100%/4); }
    ul.anker li {
      list-style: none;
      border-right: 1px solid #fff;
      width: calc(100%/3);
      margin-bottom: 1px; }
      ul.anker li a {
        display: block;
        background: #eeeeee;
        position: relative;
        height: 100%;
        padding: 8px 12px 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        line-height: 1.3;
        text-decoration: none;
        transition: background-color .2s; }
        ul.anker li a:after {
          content: "";
          display: block;
          border-bottom: 1px solid #004aa4;
          border-right: 1px solid #004aa4;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: 7px;
          height: 7px;
          position: absolute;
          bottom: 11px;
          left: 50%;
          margin-left: -3px; }
  .common_btn {
    text-decoration: none;
    background-color: #004aa4;
    color: #fff; }
    .common_btn:before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .common_btn.down:before {
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
    .common_btn.btn_green {
      background-color: #23ac3a;
      transition: opacity .2s; }
      .common_btn.btn_green:hover {
        opacity: .7; }
    .common_btn.btn_gray {
      background-color: #888888;
      transition: opacity .2s; }
      .common_btn.btn_gray:hover {
        opacity: .7; }	
    .common_btn.btn_lightblue {
      background-color: #6c9feb;
      transition: opacity .2s; }
      .common_btn.btn_lightblue:hover {
        opacity: .7; }	
    .common_btn.btn_aliceblue {
      background-color: #e6f0f8;
    color: #00008b;				
      transition: opacity .2s; }
      .common_btn.btn_aliceblue:hover {
        opacity: .7; }			
  .btn_line3 a.commonWhBtn {
    margin-bottom: 10px; }
  .btn_line4 {
    overflow: hidden; }
    .btn_line4 a.commonWhBtn {
      margin-bottom: 10px; }
  .img_line2 {
    margin-bottom: 30px; }
    .img_line2 li img {
      width: 100%; }
  .img_line3 {
    margin-bottom: 30px; }
    .img_line3 li img {
      width: 100%; }
  .img_line4 {
    margin-bottom: 30px; }
    .img_line4 li img {
      width: 100%; }
  ul.commonList li {
    position: relative;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 7px;
    /*
    &:before{
      content: "";
      width: 8px;
      height: 3px;
      background:$c_base;
      position: absolute;
      top:0.8em;
      left:5px;
    }
    */ }
    ul.commonList li:before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #004aa4;
      position: absolute;
      left: 5px; }
    ul.commonList li:last-child {
      margin-bottom: 0; }
  ul.commonList.dotgreen li:before {
    background: #23ac3a; }
  ul.commonList.dotblue li:before {
    background: #a9d9ff; }
  ul.commonList.dotpink li:before {
    background: #ffc5cb; }
  ul.commonList.dotnone li:before {
    content: none; }
  ul.linkList {
    margin: 20px 0; }
    ul.linkList:first-child {
      margin-top: 0; }
    ul.linkList:last-child {
      margin-bottom: 0; }
    ul.linkList li {
      list-style: none;
      margin-bottom: 7px;
      padding-bottom: 5px;
      display: block;
      position: relative;
      padding-left: 20px;
      color: #000;
      text-decoration: none; }
      ul.linkList li:before {
        content: "";
        position: absolute;
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 8px;
        background: #004aa4;
        left: 0px;
        top: 0.4em; }
      ul.linkList li:after {
        content: "";
        position: absolute;
        display: block;
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        left: 4px;
        top: 0.75em;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  ol {
    padding-left: 20px;
    margin: 20px 0; }
    ol li {
      margin-bottom: 7px;
      list-style: decimal; }
  .commonTable {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    margin-bottom: 20px;
    width: 100%; }
    .commonTable tr {
      border-bottom: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7; }
    .commonTable th {
      background-color: #f6f6f6;
      padding: 12px;
      text-align: center;
      font-weight: normal;
      background-clip: padding-box;
      border-right: 1px solid #d7d7d7; }
      .commonTable th.required {
        position: relative;
        vertical-align: middle; }
        .commonTable th.required:after {
          content: "必須";
          background-color: #cf0000;
          color: #fff;
          font-size: 14px;
          padding: 4px 8px;
          line-height: 1;
          display: inline-block;
          float: right;
          margin-right: -35px; }
    .commonTable td {
      background-color: #fff;
      padding: 12px;
      border-right: 1px solid #d7d7d7; }
      .commonTable td *:last-child {
        margin-bottom: 0; }
      .commonTable td *:first-child {
        margin-top: 0; }
      .commonTable td .kome {
        display: block;
        font-size: 14px;
        margin-top: 5px; }
      .commonTable td .category {
        width: 130px;
        display: inline-block; }
      .commonTable td .subtxt {
        width: 43px;
        display: inline-block;
        text-align: right;
        padding-right: 10px; }
    .commonTable.company {
      border-left: none;
      border-top: none; }
      .commonTable.company tr {
        border-right: none; }
      .commonTable.company th {
        border-right: none;
        background-color: #fff;
        font-weight: bold;
        text-align: left; }
      .commonTable.company td {
        border-right: none; }
  .seminarTable span.day {
    display: inline-block;
    margin-right: 10px; }
  .seminarTable span.off {
    display: inline-block;
    background-color: #444;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }
  .seminarTable span.ready {
    display: inline-block;
    background-color: #6c9feb;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
 .seminarTable span.guide {
    display: inline-block;
    background-color: #004aa4;
    color: #fff;
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
    .seminarTable span.guide a {
      color: #fff;
      text-decoration: none; }			
  .seminarTable span.on {
    display: inline-block;
    background-color: #23ac3a;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }
    .seminarTable span.on a {
      color: #fff;
      text-decoration: none; }
  .blueTable {
    margin-bottom: 20px;
    width: 100%; }
    .blueTable tr {
      border-bottom: 1px solid #d9d9d9;
      border-right: 1px solid #d9d9d9;
      font-size: 15px; }
      .blueTable tr:nth-child(2n) td {
        background-color: #f5f6f7;
        border-bottom: 1px solid #f5f6f7;
        border-right: 1px solid #f5f6f7; }
    .blueTable th {
      background-color: #004aa4;
      color: #fff;
      text-align: center;
      padding: 8px 12px;
      font-weight: normal;
      background-clip: padding-box;
      border-right: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9; }
      .blueTable th.required {
        position: relative;
        vertical-align: middle; }
        .blueTable th.required:after {
          content: "必須";
          background-color: #cf0000;
          color: #fff;
          font-size: 14px;
          padding: 4px 8px;
          line-height: 1;
          display: inline-block;
          float: right;
          margin-right: -35px; }
    .blueTable td {
      background-color: #e7e9eb;
      padding: 8px 12px;
      border-bottom: 1px solid #e7e9eb;
      border-right: 1px solid #e7e9eb;
      text-align: center; }
      .blueTable td .kome {
        display: block;
        font-size: 14px;
        margin-top: 5px; }
      .blueTable td .category {
        width: 130px;
        display: inline-block; }
      .blueTable td .subtxt {
        width: 43px;
        display: inline-block;
        text-align: right;
        padding-right: 10px; }
  .scrollTable {
    overflow: auto; }
  .scrolltext {
    font-size: 12px;
    margin-bottom: 5px;
    display: block; }
  .qa {
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .qa.bdt {
      border-top: 1px solid #ddd; }
    .qa dt {
      position: relative;
      color: #004aa4;
      padding-top: 3px;
      cursor: pointer;
      border-bottom: 1px dashed #e6e2e3;
      margin-bottom: -2px;
      padding: 20px 50px 20px 60px; }
      .qa dt:hover .name {
        text-decoration: underline; }
      .qa dt:hover:after, .qa dt:hover:before {
        text-decoration: none; }
      .qa dt:before {
        content: "Q";
        display: block;
        width: 36px;
        height: 26px;
        border-radius: 50%;
        background: #004aa4;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        padding-top: 10px;
        font-family: "Open Sans", "sans-serif", "meiryo";
        position: absolute;
        left: 10px;
        top: 13px; }
      .qa dt:after {
        content: "＋";
        display: block;
        width: 30px;
        height: 25px;
        border: 1px solid #004aa4;
        text-align: center;
        font-size: 18px;
        line-height: 1;
        padding-top: 5px;
        position: absolute;
        right: 10px;
        top: 17px; }
      .qa dt .new {
        color: #fff;
        background-color: #23ac3a;
        font-size: 14px;
        line-height: 1;
        padding: 0px 5px; }
    .qa dd {
      padding-right: 20px;
      overflow: hidden;
      display: none; }
      .qa dd:before {
        content: "A";
        display: block;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        color: #004aa4;
        font-family: "Open Sans", "sans-serif", "meiryo";
        background: #e0e0e0;
        float: left;
        width: 36px;
        height: 29px;
        border-radius: 50%;
        padding-top: 7px;
        margin-top: 20px;
        margin-left: 30px; }
      .qa dd > div {
        padding-bottom: 20px;
        padding-top: 20px; }
    .qa.open dt:after {
      content: "－"; }
  .qa_open {
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .qa_open.bdt {
      border-top: 1px solid #ddd; }
    .qa_open dt {
      position: relative;
      color: #004aa4;
      padding-top: 3px;
      cursor: pointer;
      border-bottom: 1px dashed #e6e2e3;
      margin-bottom: -2px;
      padding: 20px 0px 20px 60px; }
      .qa_open dt:hover .name {
        text-decoration: underline; }
      .qa_open dt:hover:after, .qa_open dt:hover:before {
        text-decoration: none; }
      .qa_open dt:before {
        content: "Q";
        display: block;
        width: 36px;
        height: 26px;
        border-radius: 50%;
        background: #004aa4;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        padding-top: 10px;
        font-family: "Open Sans", "sans-serif", "meiryo";
        position: absolute;
        left: 10px;
        top: 13px; }
      .qa_open dt .new {
        color: #fff;
        background-color: #23ac3a;
        font-size: 14px;
        line-height: 1;
        padding: 0px 5px; }
    .qa_open dd {
      overflow: hidden; }
      .qa_open dd:before {
        content: "A";
        display: block;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        color: #004aa4;
        font-family: "Open Sans", "sans-serif", "meiryo";
        background: #e0e0e0;
        float: left;
        width: 36px;
        height: 29px;
        border-radius: 50%;
        padding-top: 7px;
        margin-top: 20px;
        margin-left: 30px; }
      .qa_open dd > div {
        padding-bottom: 20px;
        padding-top: 20px; }
  .kakoi {
    border: 1px solid #cacaca; }
  .kakoi_grey {
    background-color: #eff2f4; }
    .kakoi_grey .txt {
      display: block; }
  .kakoi_grey_w {
    background-color: #eff2f4;
    padding: 15px 15px 3px 5px;
    margin-top: 20px; }
    .kakoi_grey_w .txt {
      display: block; }			
 .kakoi_blue {
    background-color: #e6f0f8; }
    .kakoi_grey .txt {
      display: block; }	
  .movie_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .movie_box iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .ijqa_list dl {
    position: relative; }
    .ijqa_list dl:first-of-type {
      border-top: 1px solid #ddd; }
    .ijqa_list dl dt:after {
      content: none; }
    .ijqa_list dl:after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: 2px solid #3569c1;
      border-right: 2px solid #3569c1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .ijqa_list dl a {
      text-decoration: none; }
  /* common class */
  .pointerNone {
    cursor: default;
    text-decoration: none; }
  .alignC {
    text-align: center !important; }
  .alignL {
    text-align: left !important; }
  .alignR {
    text-align: right !important; }
  .Center {
    margin: 0 auto !important; }
  .ovh {
    overflow: hidden !important; }
  .mw100 {
    max-width: 100% !important;
    width: auto !important; }
  .mB0 {
    margin-bottom: 0 !important; }
  .mB5 {
    margin-bottom: 5px !important; }
  .mB10 {
    margin-bottom: 10px !important; }
  .mB20 {
    margin-bottom: 20px !important; }
  .mB30 {
    margin-bottom: 30px !important; }
  .mB40 {
    margin-bottom: 40px !important; }
  .mB50 {
    margin-bottom: 50px !important; }
  .mT0 {
    margin-top: 0 !important; }
  .mT5 {
    margin-top: 5px !important; }
  .mT10 {
    margin-top: 10px !important; }
  .mT20 {
    margin-top: 20px !important; }
  .mT30 {
    margin-top: 30px !important; }
  .mT40 {
    margin-top: 40px !important; }
  .mT50 {
    margin-top: 50px !important; }
  .mL0 {
    margin-left: 0px !important; }
  .mL5 {
    margin-left: 5px !important; }
  .mL10 {
    margin-left: 10px !important; }
  .mL20 {
    margin-left: 20px !important; }
  .mL30 {
    margin-left: 30px !important; }
  .mL40 {
    margin-left: 40px !important; }
  .mL50 {
    margin-left: 50px !important; }
  .mR0 {
    margin-right: 0px !important; }
  .mR5 {
    margin-right: 5px !important; }
  .mR10 {
    margin-right: 10px !important; }
  .mR20 {
    margin-right: 20px !important; }
  .mR30 {
    margin-right: 30px !important; }
  .mR40 {
    margin-right: 40px !important; }
  .mR50 {
    margin-right: 50px !important; }
  .red {
    color: #d05245 !important; }
  .blue {
    color: #004aa4 !important; }
  .gray {
    color: #888 !important; }
  .bold {
    font-weight: bold !important; }
  .underline {
    text-decoration: underline !important; }
  .green {
    color: #23ac3a !important; }
  .bdb {
    border-bottom: 2px solid #004aa4; }
  .floatL {
    float: left; }
  .floatR {
    float: right; }
  .preBox {
    background: #eff0f4;
    border: 1px solid #004aa4;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBox pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; } }

 .preBoxB {
    background: #fff;
    border: 1px solid #004aa4;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxB pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

 .preBoxG {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 0px 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxG pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

 .preBoxH {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0px 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxG pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

@media screen and (min-width: 801px) and (max-width: 950px) {
  body {
    padding-top: 56px;
    font-size: 14px; } }

@media print, screen and (min-width: 801px) and (min-width: 951px) {
  body {
    padding-top: 142px;
    font-size: 16px; } }

@media print, screen and (min-width: 801px) {
  a {
    color: #000;
    text-decoration: underline; }
    a:hover {
      color: #004aa4; }
  p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px; }
    p.img {
      text-align: center;
      margin: 30px auto; }
      p.img img {
        max-width: 100%;
        height: auto; }
    p.catch {
      text-align: center;
      font-weight: bold;
      margin: 30px 0;
      font-size: 30px; }
    p.read {
      text-align: center;
      margin-bottom: 50px; }
  .page_title {
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/second/second_header_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 120px; }
    .page_title .title {
      color: #000;
      text-align: center;
      line-height: 1;
      font-weight: bold;
      font-size: 24px; }
    .page_title .sub {
      color: #000;
      display: block;
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 13px; }
  .breadcrumb {
    padding: 15px 0 30px;
    display: flex;
    margin: 0 auto;
    max-width: 1140px;
    width: 100%; }
    .breadcrumb ul {
      overflow: hidden; }
      .breadcrumb ul li {
        display: inline-block;
        position: relative;
        padding-right: 30px;
        font-size: 12px; }
        .breadcrumb ul li:not(:last-of-type)::after {
          display: block;
          position: absolute;
          top: 50%;
          right: 10px;
          width: 7px;
          height: 7px;
          margin-top: -4px;
          border-top: solid 1px #333;
          border-right: solid 1px #333;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          content: ""; }
        .breadcrumb ul li a {
          text-decoration: underline; }
  #contents_inner {
    margin: 0 auto;
    padding: 0 0 80px;
    max-width: 1140px;
    width: 95%; }
  #col2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
  #side_col {
    width: 200px;
    margin-right: 40px; }
    #side_col .side_title {
      background-color: #004ba4;
      color: #fff;
      text-align: center;
      padding: 10px 15px;
      font-size: 16px; }
      #side_col .side_title a {
        color: #fff;
        text-decoration: none; }
    #side_col .side_sub_title {
      background-color: #f0f0f0;
      color: #000;
      border-left: 1px solid #b9b9b9;
      border-right: 1px solid #b9b9b9;
      font-weight: bold;
      padding: 6px 15px;
      font-size: 13px; }
    #side_col ul {
      border-left: 1px solid #cacaca;
      border-right: 1px solid #cacaca; }
      #side_col ul li {
        font-size: 14px; }
        #side_col ul li:not(:last-of-type) {
          border-bottom: 1px solid #cacaca; }
        #side_col ul li a {
          display: block;
          position: relative;
          word-break: break-all;
          text-decoration: none;
          color: #000;
          padding: 10px 10px 10px 25px; }
          #side_col ul li a:before {
            content: "";
            border: 0px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            position: absolute;
            border-top: solid 1px #000;
            border-right: solid 1px #000;
            width: 6px;
            height: 6px;
            margin-top: -3px;
            top: 21px;
            left: 10px; }
          #side_col ul li a:hover {
            color: #004aa4;
            background-color: #e6f0f8; }
            #side_col ul li a:hover:before {
              border-top: solid 1px #004aa4;
              border-right: solid 1px #004aa4; }
          #side_col ul li a[target="_blank"]:after {
            content: "";
            background: url(../images/common/icon_blank.png) no-repeat;
            width: 10px;
            height: 10px;
            background-size: cover;
            position: absolute;
            top: 5px;
            right: 5px; }
        #side_col ul li.current-cat > a, #side_col ul li.active > a {
          color: #004aa4;
          background-color: #e6f0f8; }
          #side_col ul li.current-cat > a:before, #side_col ul li.active > a:before {
            border-top: solid 1px #004aa4;
            border-right: solid 1px #004aa4; }
      #side_col ul:last-of-type {
        border-bottom: 1px solid #cacaca; }
  #main_col {
    width: calc(100% - 280px); }
  /* NEWS */
  .news ul {
    display: flex;
    flex-wrap: wrap; }
    .news ul li {
      border-bottom: 1px solid #b9b9b9;
      width: 100%; }
      .news ul li:nth-of-type(1) {
        border-top: 1px solid #b9b9b9; }
      .news ul li a {
        display: block;
        padding: 20px 0; }
        .news ul li a:hover {
          text-decoration: underline;
          opacity: 1;
          color: #004aa4; }
        .news ul li a .ymd {
          color: #004ba4;
          font-size: 13px;
          display: inline-block;
          font-family: "Roboto", sans-serif;
          margin-bottom: 5px; }
        .news ul li a h4 {
          font-weight: normal; }
      .news ul li.new .ymd:after {
        content: "NEW";
        display: inline-block;
        color: #fff;
        background-color: #23ac3a;
        font-size: 12px;
        line-height: 1;
        padding: 3px 3px;
        margin-left: 10px; }
  /* company */
  .companyH2 {
    font-size: 18px;
    margin: 30px 0;
    text-align: center;
    letter-spacing: 0.05em; }
  .companyTable {
    width: 100%;
    margin: 0px auto 80px;
    font-size: 16px; }
    .companyTable tr {
      border-bottom: 1px solid #dedede;
      text-align: left;
      padding: 30px 0; }
      .companyTable tr:first-child {
        border-top: 1px solid #dedede; }
    .companyTable th {
      vertical-align: top;
      color: #6e6e6e;
      font-weight: 400;
      width: 172px;
      padding: 28px 0 24px 10px; }
    .companyTable td {
      line-height: 2;
      padding: 28px 0 24px; }
  .philosophy tr {
    border-bottom: 1px dashed #dedede; }
    .philosophy tr:last-child {
      border-bottom: 1px solid #dedede; }
  .philosophy th {
    box-sizing: border-box;
    position: relative; }
    .philosophy th::after {
      content: '';
      position: absolute;
      width: 3px;
      height: calc(100% - 30px);
      background-color: #e0e0e0;
      top: 15px;
      right: 0; }
  .philosophy td {
    padding-left: 35px; }
  .accessWrap .commonH2 {
    max-width: 900px;
    margin: 0 auto 15px;
    text-align: center; }
  .accessWrap p {
    margin: 40px auto 40px;
    text-align: center; }
  .accessWrap .accessMap {
    height: 445px; }
    .accessWrap .accessMap iframe {
      width: 100%;
      height: 100%;
      background-color: #eee; }
  .sitemap {
    margin-top: 20px; }
  .sitemap_link_list > li {
    margin-bottom: 30px; }
    .sitemap_link_list > li > a {
      text-decoration: none;
      color: #000;
      line-height: 1;
      display: block;
      border-bottom: 1px solid #bdc4d9;
      font-weight: bold;
      position: relative;
      padding-bottom: 10px; }
      .sitemap_link_list > li > a:after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 2px #004aa4;
        border-right: solid 2px #004aa4;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 10px);
        right: 5px; }
    .sitemap_link_list > li > ul {
      margin-top: 15px; }
      .sitemap_link_list > li > ul > li a {
        text-decoration: none;
        color: #000;
        display: block;
        position: relative;
        font-size: 15px;
        margin-bottom: 10px;
        padding-left: 20px; }
        .sitemap_link_list > li > ul > li a:before {
          content: '';
          width: 6px;
          height: 6px;
          border: 0px;
          border-top: solid 2px #004aa4;
          border-right: solid 2px #004aa4;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          left: 0px; }
  .archive_list {
    display: flex;
    flex-wrap: wrap; }
    .archive_list li {
      margin-right: 5px; }
    .archive_list a {
      display: block;
      border: 1px solid #004aa4;
      font-size: 13px;
      position: relative;
      text-decoration: none;
      padding: 0 30px; }
      .archive_list a:hover {
        opacity: 1;
        color: #fff;
        background-color: #004aa4; }
        .archive_list a:hover:after {
          border-top: 1px solid #fff;
          border-right: 1px solid #fff; }
      .archive_list a:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        border-top: 1px solid #004aa4;
        border-right: 1px solid #004aa4;
        position: absolute;
        top: calc(50% - 3px);
        right: 8px; }
  .wp-pagenavi {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px; }
    .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .extend, .wp-pagenavi .last, .wp-pagenavi .first {
      display: block;
      padding: 5px 13px;
      background: #fff;
      border: 1px solid #ccc;
      color: #000;
      text-decoration: none;
      font-size: 16px;
      margin: 0 5px; }
      .wp-pagenavi .page:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .extend:hover, .wp-pagenavi .last:hover, .wp-pagenavi .first:hover {
        border: 1px solid #ccc !important;
        background: #ccc;
        color: #fff;
        opacity: 1; }
    .wp-pagenavi .extend {
      border: none; }
      .wp-pagenavi .extend:hover {
        background: #fff;
        opacity: 1;
        border: none !important;
        color: #000; }
    .wp-pagenavi span.current {
      display: block;
      padding: 5px 13px;
      background: #fff;
      border: 1px solid #ccc !important;
      background: #ccc;
      color: #fff;
      font-size: 16px;
      margin: 0 5px; }
    .wp-pagenavi .prev, .wp-pagenavi.nextpostslink {
      color: #000; }
      .wp-pagenavi .prev:hover, .wp-pagenavi.nextpostslink:hover {
        background-color: #ccc;
        color: #fff; }
  .movie_list {
    display: flex;
    flex-wrap: wrap; }
    .movie_list li {
      width: calc(25% - 18px);
      margin-top: 40px;
      margin-right: 24px; }
      .movie_list li:nth-of-type(4n) {
        margin-right: 0; }
      .movie_list li span {
        display: block; }
      .movie_list li .img {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden; }
        .movie_list li .img img {
          width: 100%;
          height: auto;
          -webkit-transform: scale(1);
          transform: scale(1);
          transition: .4s ease-in-out; }
        .movie_list li .img:after {
          content: "";
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          top: 0;
          left: 0; }
      .movie_list li svg path {
        fill: #004aa4; }
      .movie_list li .svgWrap {
        width: 68px;
        height: 68px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: calc(50% - 34px);
        left: calc(50% - 34px);
        z-index: 2; }
      .movie_list li .svgWrap svg {
        width: 40%;
        -webkit-transform: translateX(12%);
                transform: translateX(12%); }
      .movie_list li .ymd {
        color: #004aa4;
        font-size: 12px;
        margin-top: 10px; }
      .movie_list li .text {
        font-size: 14px; }
      .movie_list li a {
        display: block;
        text-decoration: none; }
        .movie_list li a:hover img {
          -webkit-transform: scale(1.2);
          transform: scale(1.2); }
  .tobira_list {
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto 30px; }
    .tobira_list li {
      position: relative;
      overflow: hidden;
      border: 1px solid #d8e4ef;
      background-color: #e6f0f8;
      text-align: center;
      width: calc(25% - 25px);
      margin-bottom: 25px;
      margin-right: 25px;
      /*
    &:before{
      content: "";
      position: absolute;
      top: -12px;
      right: -12px;
      box-sizing: border-box;
      border: 12px solid transparent;
      border-left: 12px solid #1e5ca5;
      transform: rotate(-45deg);
      z-index: 2;
    }
    */ }
      .tobira_list li:nth-of-type(4n) {
        margin-right: 0; }
      .tobira_list li a {
        display: block;
        text-decoration: none;
        padding-bottom: 20px; }
        .tobira_list li a:hover .img img {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .tobira_list li a:hover .title {
          color: #004aa4; }
          .tobira_list li a:hover .title .description {
            color: #000; }
        .tobira_list li a:hover .tag {
          color: #000; }
        .tobira_list li a[target="_blank"]:after {
          content: "";
          background: url(../images/common/icon_blank_b.png) no-repeat;
          background-size: cover;
          display: inline-block;
          width: 10px;
          height: 10px;
          position: absolute;
          top: 8px;
          right: 10px; }
      .tobira_list li .img {
        display: block;
        background-color: #fff;
        overflow: hidden; }
        .tobira_list li .img img {
          width: 100%;
          height: auto;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: .4s ease-in-out; }
      .tobira_list li .title {
        display: inline-block;
        font-weight: bold;
        color: #000;
        line-height: 1.3;
        position: relative;
        text-align: center;
        padding: 20px 10px 0;
        font-size: 16px; }
      .tobira_list li .description {
        display: block;
        font-weight: normal;
        font-size: 14px;
        margin-top: 10px; }
      .tobira_list li .tag_list {
        margin-top: 10px;
        padding: 0 5px;
        display: flex;
        flex-wrap: wrap; }
        .tobira_list li .tag_list span.tag {
          background-color: #fff;
          margin-top: 5px;
          font-size: 11px;
          border-radius: 3px;
          width: calc(50% - 2px);
          text-align: center;
          padding: 0 10px; }
          .tobira_list li .tag_list span.tag:not(:nth-of-type(even)) {
            margin-right: 4px; }
  .searchHead {
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
    padding-bottom: 15px; }
  .sList {
    display: flex;
    flex-wrap: wrap; }
    .sList .sBody {
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
      margin-bottom: 20px;
      width: calc(50% - 15px); }
      .sList .sBody:nth-of-type(odd) {
        margin-right: 30px; }
      .sList .sBody a {
        text-decoration: none;
        display: block; }
        .sList .sBody a:hover {
          opacity: 1; }
          .sList .sBody a:hover h2 {
            text-decoration: underline; }
      .sList .sBody .txtWrap h2 {
        color: #004aa4;
        line-height: 1.3;
        font-size: 18px;
        margin-bottom: 10px; }
      .sList .sBody .txtWrap .txt {
        font-size: 14px;
        margin-bottom: 10px; }
      .sList .sBody .txtWrap .url {
        word-wrap: break-word;
        font-size: 13px; }
  .newsH1 {
    font-weight: normal;
    line-height: 1.4;
    font-size: 30px; }
  .newsH2 {
    color: #004aa4;
    line-height: 1.2;
    position: relative;
    font-size: 24px;
    padding-left: 15px;
    margin-bottom: 20px; }
    .newsH2:after {
      content: "";
      width: 4px;
      height: 100%;
      background-color: #004aa4;
      position: absolute;
      left: 0;
      top: -2px; }
  .newsH2_2 {
    color: #000;
    line-height: 1.2;
    font-size: 24px;
    margin-bottom: 20px; }
  .newsH3 {
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 20px; }
  .ymd_tag_area {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 30px; }
    .ymd_tag_area span {
      display: inline-block; }
    .ymd_tag_area .ymd {
      color: #747474;
      font-size: 12px; }
    .ymd_tag_area .tag {
      color: #fff;
      font-size: 12px;
      text-align: center;
      min-width: 85px;
      padding: 2px 15px 1px;
      margin-left: 15px; }
  .ChangeElem_Btn_Content {
    display: flex;
    flex-wrap: wrap; }
    .ChangeElem_Btn_Content button {
      border: none;
      cursor: pointer;
      outline: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .ChangeElem_Btn_Content button.is-active {
        background-color: #004aa4;
        color: #fff; }
    .ChangeElem_Btn_Content button {
      width: calc(20%);
      margin-bottom: 15px;
      background: none;
      border-top: 1px solid #004aa4;
      border-left: 1px solid #004aa4;
      border-bottom: 1px solid #004aa4;
      color: #000;
      padding: 12px 15px;
      font-size: 15px;
      /*
      &.all{
        margin-right: calc(100% - (25% - 14px));
      }
      */ }
      .ChangeElem_Btn_Content button:nth-of-type(5) {
        margin-right: 0;
        border-right: 1px solid #004aa4; }
      .ChangeElem_Btn_Content button:before {
        content: none; }
      .ChangeElem_Btn_Content button:hover {
        background-color: #004aa4;
        color: #fff; }
  .ChangeElem_Panel:nth-of-type(2n) {
    display: none; }
  .ijqa_wrap {
    margin-top: 50px;
    margin-bottom: 30px; }
  .product_guide_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px; }
    .product_guide_list > li {
      position: relative;
      width: calc(25% - 19px);
      margin-bottom: 40px; }
      .product_guide_list > li:not(:nth-of-type(4n)) {
        margin-right: 25px; }
      .product_guide_list > li img {
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .product_guide_list > li h3 {
        background-color: #004ba4;
        color: #fff;
        font-weight: normal;
        text-align: center;
        font-size: 16px;
        padding: 75px 10px 15px; }
      .product_guide_list > li > ul {
        border: 1px solid #d9e7f1; }
        .product_guide_list > li > ul li {
          position: relative; }
          .product_guide_list > li > ul li a {
            padding: 15px 30px 15px 20px;
            display: block;
            color: #004aa4;
            text-decoration: none; }
            .product_guide_list > li > ul li a:hover {
              opacity: .7; }
          .product_guide_list > li > ul li:not(:first-of-type) {
            border-top: 1px solid #d9e7f1; }
          .product_guide_list > li > ul li:after {
            content: '';
            width: 8px;
            height: 8px;
            border: 0px;
            border-top: solid 2px #d2d2d2;
            border-right: solid 2px #d2d2d2;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            position: absolute;
            top: calc(50% - 4px);
            right: 15px; }
          .product_guide_list > li > ul li .product_name {
            text-decoration: underline; }
          .product_guide_list > li > ul li .description {
            display: block;
            font-size: 12px; }
          .product_guide_list > li > ul li.more {
            display: block;
            text-align: center; }
            .product_guide_list > li > ul li.more:before {
              content: "MORE";
              color: #23ac3a;
              font-size: 13px; }
            .product_guide_list > li > ul li.more:after {
              content: none; }
          .product_guide_list > li > ul li.hide_box {
            display: none; }
            .product_guide_list > li > ul li.hide_box:after {
              content: none; }
        .product_guide_list > li > ul.open .more:before {
          content: "CLOSE";
          color: #cecece;
          font-size: 13px; }
  .book_list {
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto 60px; }
    .book_list li {
      background-color: #fff;
      width: calc(25% - 19px);
      border-bottom: 1px solid #d2d2d2; }
      .book_list li:not(:nth-of-type(4n)) {
        margin-right: 25px; }
      .book_list li:nth-of-type(-n+4) {
        border-top: 1px solid #d2d2d2; }
      .book_list li a {
        text-decoration: none;
        display: flex;
        padding: 25px 5px; }
        .book_list li a:hover span {
          opacity: 1;
          color: #000; }
        .book_list li a:hover .title {
          opacity: .7; }
      .book_list li .img {
        width: 80px; }
        .book_list li .img img {
          width: 100%; }
      .book_list li .text {
        padding-left: 5px;
        width: calc(100% - 80px); }
        .book_list li .text .title {
          color: #004aa4;
          text-decoration: underline;
          line-height: 1.3;
          font-size: 16px;
          margin-bottom: 10px; }
        .book_list li .text span {
          display: block;
          font-size: 14px;
          margin-bottom: 3px; }
  .new_book_wrap {
    padding: 30px 0 10px;
    margin: 0 auto; }
    .new_book_wrap .book_list {
      margin: 20px auto 0; }
      .new_book_wrap .book_list li {
        border: 2px solid #cee5ff; }
    .new_book_wrap h2 {
      background-color: #f0f7ff;
      text-align: center;
      padding: 15px 15px; }
  .access_area {
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
    .access_area .map_area {
      width: 50%; }
      .access_area .map_area iframe {
        width: 100%;
        height: 360px; }
    .access_area .text_area {
      width: calc(50% - 50px);
      padding-left: 50px; }
      .access_area .text_area h3 {
        font-size: 18px;
        margin-bottom: 20px;
        width: 100%; }
      .access_area .text_area p {
        font-size: 14px;
        line-height: 2;
        width: 100%; }
  .blue_back {
    display: inline-block;
    padding: 0px 10px;
    background: #004ba4;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff; }
  .column_list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto 0; }
    .column_list .column_block {
      border: 1px solid #fff;
      background-color: #fff;
      position: relative;
      border: 1px solid #e9e9e9;
      width: calc(25% - 19px);
      margin-bottom: 25px; }
      .column_list .column_block:not(:nth-of-type(4n)) {
        margin-right: 25px; }
      .column_list .column_block a {
        display: block;
        text-decoration: none;
        padding-bottom: 30px; }
        .column_list .column_block a .img {
          overflow: hidden;
          display: block;
          border-bottom: 1px solid #e9e9e9; }
        .column_list .column_block a .img img {
          width: 100%;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: .4s ease-in-out; }
        .column_list .column_block a:hover .img img {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .column_list .column_block a .title {
          font-weight: normal;
          min-height: 70px;
          font-size: 15px;
          padding: 10px; }
        .column_list .column_block a .column_bottom {
          border-top: 1px solid #e9e9e9;
          width: calc(100% - 4px);
          height: 30px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: absolute;
          bottom: 0;
          left: 2px; }
          .column_list .column_block a .column_bottom .ymd {
            color: #9b9b9b;
            font-family: "Roboto", sans-serif;
            font-size: 11px;
            padding-left: 10px; }
          .column_list .column_block a .column_bottom .more {
            color: #23ac3a;
            font-weight: bold;
            font-family: "Roboto", sans-serif;
            font-size: 13px;
            margin-right: 10px; }
  .seminar_info {
    border: 2px solid #004aa4;
    border-radius: 5px;
    margin-bottom: 50px; }
    .seminar_info .title {
      background-color: #004aa4;
      color: #fff;
      font-weight: bold;
      font-size: 20px;
      padding: 10px 30px; }
    .seminar_info .info {
      padding: 15px 30px; }
      .seminar_info .info dl {
        display: flex;
        margin-bottom: 8px; }
        .seminar_info .info dl dt {
          width: 100px;
          font-size: 13px; }
          .seminar_info .info dl dt span {
            color: #fff;
            background-color: #004aa4;
            text-align: center;
            padding: 1px 8px 2px;
            min-width: 80px;
            display: inline-block; }
        .seminar_info .info dl dd {
          width: calc(100% - 100px);
          position: relative;
          padding-left: 20px; }
          .seminar_info .info dl dd:before {
            content: ":";
            position: absolute;
            left: 0;
            top: 0; }
  .h1 {
    text-align: left;
    font-size: 30px;
    margin-bottom: 45px;
    margin-top: -10px; }
    .h1:after {
      content: "";
      display: block;
      width: 40px;
      height: 2px;
      background: #004aa4;
      margin: 10px 0 0; }
  .h2 {
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 2px solid #e6f0f8;
    position: relative;
    font-size: 22px;
    margin-top: 50px; }
    .h2:before {
      content: "";
      width: 100px;
      height: 2px;
      background-color: #004aa4;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -2px; }
  .h2b {
    border-bottom: 2px solid #004aa4;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    margin-top: 50px;
    font-size: 22px; }
  .h2c {
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-align: center;
    position: relative;
    color: #004aa4;
    font-size: 24px; }
    .h2c:after {
      content: "";
      height: 2px;
      width: 100px;
      display: block;
      background-color: #004aa4;
      position: absolute;
      left: calc(50% - 50px);
      bottom: 0; }
  .h3 {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    color: #004aa4;
    background-color: #e6f0f8;
    padding: 3px 15px 3px 20px;
    position: relative;
    font-size: 18px; }
    .h3:before {
      content: "";
      display: block;
      width: 3px;
      background-color: #004aa4;
      position: absolute;
      left: 10px;
      height: calc(100% - 20px);
      top: 11px; }
  .h3b {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    color: #004aa4;
    font-size: 18px; }
  .h4 {
    position: relative;
    padding-left: 22px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold; }
    .h4:before {
      content: "";
      display: block;
      width: 10px;
      height: 3px;
      position: absolute;
      background: #004aa4;
      left: 5px;
      top: 12px; }
  a.link,
  span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    color: #000;
    cursor: pointer; }
    a.link:before,
    span.link:before {
      content: "";
      position: absolute;
      display: block;
      width: 14px;
      height: 14px;
      border-radius: 8px;
      background: #004aa4;
      left: 0px;
      top: 8px; }
    a.link:after,
    span.link:after {
      content: "";
      position: absolute;
      display: block;
      width: 4px;
      height: 4px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      left: 4px;
      top: 0.75em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    a.link:hover,
    span.link:hover {
      color: #004aa4; }
  .ico_pdf {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/common/icon_pdf.png") no-repeat 0 0;
    background-size: 80%;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }
    .ico_pdf.big {
      width: 48px;
      height: 48px;
      background: url("../images/common/icon_pdf.png") no-repeat 0 0;
      background-size: 100%; }
  .ico_blank {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/common/icon_blank.png") no-repeat 0 0;
    background-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }
  ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    ul.anker.col2 li {
      width: calc(100%/2); }
    ul.anker.col4 li {
      width: calc(100%/4); }
    ul.anker li {
      list-style: none;
      border-right: 1px solid #fff;
      width: calc(100%/3);
      margin-bottom: 1px; }
      ul.anker li a {
        display: block;
        background: #eeeeee;
        position: relative;
        height: 100%;
        padding: 8px 12px 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        line-height: 1.3;
        text-decoration: none;
        transition: background-color .2s;
        font-size: 15px; }
        ul.anker li a:hover {
          background: #004aa4;
          text-decoration: none;
          color: #fff; }
          ul.anker li a:hover:after {
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff; }
        ul.anker li a:after {
          content: "";
          display: block;
          border-bottom: 1px solid #004aa4;
          border-right: 1px solid #004aa4;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: 7px;
          height: 7px;
          position: absolute;
          bottom: 11px;
          left: 50%;
          margin-left: -3px; }
  .common_btn {
    text-decoration: none;
    background-color: #004aa4;
    color: #fff;
    display: inline-block;
    padding: 12px 35px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    transition: background-color .2s; }
    .common_btn:before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .common_btn:hover {
      color: #fff;
      background-color: #166cd6;
      text-decoration: none; }
    .common_btn.down:before {
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
    .common_btn.btn_green {
      background-color: #23ac3a;
      transition: opacity .2s; }
      .common_btn.btn_green:hover {
        opacity: .7; }
    .common_btn.btn_gray {
      background-color: #888888;
      transition: opacity .2s; }
      .common_btn.btn_gray:hover {
        opacity: .7; }	
    .common_btn.btn_lightblue {
      background-color: #6c9feb;
      transition: opacity .2s; }
      .common_btn.btn_lightblue:hover {
        opacity: .7; }
    .common_btn.btn_aliceblue {
      background-color: #e6f0f8;
    color: #00008b;				
      transition: opacity .2s; }
      .common_btn.btn_aliceblue:hover {
        opacity: .7; }			
  .btn_s {
    width: 30%; }
  .btn_m {
    width: 40%; }
  .btn_l {
    width: 70%; }
  .btn_line2 {
    overflow: hidden; }
    .btn_line2 a {
      float: left;
      width: 49%;
      margin-right: 1%;
      margin-bottom: 10px; }
      .btn_line2 a.commonWhBtn {
        margin-bottom: 10px; }
      .btn_line2 a:nth-child(2n) {
        width: 50%;
        margin-right: 0; }
  .btn_line3 {
    overflow: hidden; }
    .btn_line3 a {
      width: 32%;
      float: left;
      margin-right: 1%;
      margin-bottom: 10px; }
      .btn_line3 a.commonWhBtn {
        margin-bottom: 10px; }
      .btn_line3 a:nth-child(3n) {
        width: 34%;
        margin-right: 0; }
  .btn_line4 {
    overflow: hidden; }
    .btn_line4 a {
      float: left;
      width: 24%;
      margin-right: 1%;
      margin-bottom: 10px; }
      .btn_line4 a.commonWhBtn {
        margin-bottom: 10px; }
      .btn_line4 a:nth-child(4n) {
        width: 25%;
        margin-right: 0; }
  .img_line2 {
    margin-bottom: 30px;
    display: flex;
    justify-content: center; }
    .img_line2 li {
      width: calc(50% - 8px); }
      .img_line2 li:nth-of-type(odd) {
        margin-right: 16px; }
      .img_line2 li img {
        width: 100%; }
    .img_line2.small li {
      width: calc(33% - 8px); }
  .img_line3 {
    margin-bottom: 30px;
    display: flex;
    justify-content: center; }
    .img_line3 li {
      width: calc(33% - 8px);
      margin-right: 16px; }
      .img_line3 li:nth-of-type(3n) {
        margin-right: 0; }
      .img_line3 li img {
        width: 100%; }
  .img_line4 {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .img_line4 li {
      width: calc(25% - 12px);
      margin-right: 16px; }
      .img_line4 li:nth-of-type(4n) {
        margin-right: 0; }
      .img_line4 li img {
        width: 100%; }
  .imgInP {
    overflow: hidden; }
    .imgInP img {
      max-width: 300px; }
    .imgInP img.left {
      float: left;
      margin-right: 20px;
      margin-bottom: 15px; }
    .imgInP img.right {
      float: right;
      margin-left: 20px;
      margin-bottom: 15px; }
    .imgInP.col2 {
      overflow: hidden; }
      .imgInP.col2 .text {
        float: left;
        width: calc(70% - 20px);
        display: block; }
        .imgInP.col2 .text.left {
          float: left; }
        .imgInP.col2 .text.right {
          float: right; }
      .imgInP.col2 img {
        width: 30%; }
  ul.commonList {
    margin: 20px 0 20px; }
    ul.commonList li {
      position: relative;
      padding-left: 20px;
      list-style: none;
      margin-bottom: 7px;
      /*
    &:before{
      content: "";
      width: 8px;
      height: 3px;
      background:$c_base;
      position: absolute;
      top:0.8em;
      left:5px;
    }
    */ }
      ul.commonList li:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #004aa4;
        position: absolute;
        left: 5px;
        top: 12px; }
      ul.commonList li:last-child {
        margin-bottom: 0; }
    ul.commonList.dotgreen li:before {
      background: #23ac3a; }
    ul.commonList.dotblue li:before {
      background: #a9d9ff; }
    ul.commonList.dotpink li:before {
      background: #ffc5cb; }
    ul.commonList.dotnone li:before {
      content: none; }
  ul.col2List {
    display: flex;
    flex-wrap: wrap; }
    ul.col2List li {
      float: left;
      width: 50%;
      flex-basis: 50%; }
  ul.linkList {
    margin: 20px 0; }
    ul.linkList:first-child {
      margin-top: 0; }
    ul.linkList:last-child {
      margin-bottom: 0; }
    ul.linkList li {
      list-style: none;
      margin-bottom: 7px;
      padding-bottom: 5px;
      display: block;
      position: relative;
      padding-left: 20px;
      color: #000;
      text-decoration: none; }
      ul.linkList li:before {
        content: "";
        position: absolute;
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 8px;
        background: #004aa4;
        left: 0px;
        top: 0.4em; }
      ul.linkList li:after {
        content: "";
        position: absolute;
        display: block;
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        left: 4px;
        top: 0.75em;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  ol {
    padding-left: 20px;
    margin: 20px 0; }
    ol li {
      margin-bottom: 7px;
      list-style: decimal; }
  .commonTable {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    margin-bottom: 20px;
    width: 100%; }
    .commonTable tr {
      border-bottom: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7; }
    .commonTable td.wFix,
    .commonTable th.wFix {
      width: 150px; }
    .commonTable th {
      background-color: #f6f6f6;
      padding: 12px;
      text-align: center;
      font-weight: normal;
      background-clip: padding-box;
      border-right: 1px solid #d7d7d7; }
      .commonTable th.required {
        position: relative;
        vertical-align: middle; }
        .commonTable th.required:after {
          content: "必須";
          background-color: #cf0000;
          color: #fff;
          font-size: 14px;
          padding: 4px 8px;
          line-height: 1;
          display: inline-block;
          float: right;
          margin-right: -35px; }
    .commonTable td {
      background-color: #fff;
      padding: 12px;
      border-right: 1px solid #d7d7d7; }
      .commonTable td *:last-child {
        margin-bottom: 0; }
      .commonTable td *:first-child {
        margin-top: 0; }
      .commonTable td .kome {
        display: block;
        font-size: 14px;
        margin-top: 5px; }
      .commonTable td .category {
        width: 130px;
        display: inline-block; }
      .commonTable td .subtxt {
        width: 43px;
        display: inline-block;
        text-align: right;
        padding-right: 10px; }
    .commonTable.company {
      border-left: none;
      border-top: none; }
      .commonTable.company tr {
        border-right: none; }
      .commonTable.company th {
        border-right: none;
        background-color: #fff;
        font-weight: bold;
        text-align: left; }
      .commonTable.company td {
        border-right: none; }
  .seminarTable span.day {
    display: inline-block;
    margin-right: 10px; }
  .seminarTable span.off {
    display: inline-block;
    background-color: #444;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }
  .seminarTable span.ready {
    display: inline-block;
    background-color: #6c9feb;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
 .seminarTable span.guide {
    display: inline-block;
    background-color: #004aa4;
    color: #fff;
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }	
    .seminarTable span.guide a {
      color: #fff;
      text-decoration: none; }			
  .seminarTable span.on {
    display: inline-block;
    background-color: #23ac3a;
    color: #fff;
    width: 84px;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 1px; }
    .seminarTable span.on a {
      color: #fff;
      text-decoration: none; }
  .seminarTable .ymdsp {
    display: none; }
  .blueTable {
    margin-bottom: 20px;
    width: 100%; }
    .blueTable tr {
      border-bottom: 1px solid #d9d9d9;
      border-right: 1px solid #d9d9d9;
      font-size: 15px; }
      .blueTable tr:nth-child(2n) td {
        background-color: #f5f6f7;
        border-bottom: 1px solid #f5f6f7;
        border-right: 1px solid #f5f6f7; }
    .blueTable th {
      background-color: #004aa4;
      color: #fff;
      text-align: center;
      padding: 8px 12px;
      font-weight: normal;
      background-clip: padding-box;
      border-right: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9; }
      .blueTable th.required {
        position: relative;
        vertical-align: middle; }
        .blueTable th.required:after {
          content: "必須";
          background-color: #cf0000;
          color: #fff;
          font-size: 14px;
          padding: 4px 8px;
          line-height: 1;
          display: inline-block;
          float: right;
          margin-right: -35px; }
    .blueTable td {
      background-color: #e7e9eb;
      padding: 8px 12px;
      border-bottom: 1px solid #e7e9eb;
      border-right: 1px solid #e7e9eb;
      text-align: center; }
      .blueTable td .kome {
        display: block;
        font-size: 14px;
        margin-top: 5px; }
      .blueTable td .category {
        width: 130px;
        display: inline-block; }
      .blueTable td .subtxt {
        width: 43px;
        display: inline-block;
        text-align: right;
        padding-right: 10px; }
  .scrollTable {
    overflow: auto; }
  .scrolltext {
    font-size: 12px;
    margin-bottom: 5px;
    display: block; }
  .qa {
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .qa.bdt {
      border-top: 1px solid #ddd; }
    .qa dt {
      position: relative;
      color: #004aa4;
      padding-top: 3px;
      cursor: pointer;
      border-bottom: 1px dashed #e6e2e3;
      margin-bottom: -2px;
      padding: 20px 50px 20px 60px; }
      .qa dt:hover .name {
        text-decoration: underline; }
      .qa dt:hover:after, .qa dt:hover:before {
        text-decoration: none; }
      .qa dt:before {
        content: "Q";
        display: block;
        width: 36px;
        height: 26px;
        border-radius: 50%;
        background: #004aa4;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        padding-top: 10px;
        font-family: "Open Sans", "sans-serif", "meiryo";
        position: absolute;
        left: 10px;
        top: 13px; }
      .qa dt:after {
        content: "＋";
        display: block;
        width: 30px;
        height: 25px;
        border: 1px solid #004aa4;
        text-align: center;
        font-size: 18px;
        line-height: 1;
        padding-top: 5px;
        position: absolute;
        right: 10px;
        top: 17px; }
      .qa dt .new {
        color: #fff;
        background-color: #23ac3a;
        font-size: 14px;
        line-height: 1;
        padding: 0px 5px; }
    .qa dd {
      padding-right: 20px;
      overflow: hidden;
      display: none; }
      .qa dd:before {
        content: "A";
        display: block;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        color: #004aa4;
        font-family: "Open Sans", "sans-serif", "meiryo";
        background: #e0e0e0;
        float: left;
        width: 36px;
        height: 29px;
        border-radius: 50%;
        padding-top: 7px;
        margin-top: 20px;
        margin-left: 30px;
        margin-left: 30px; }
      .qa dd > div {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-left: 80px; }
    .qa.open dt:after {
      content: "－"; }
  .qa_open {
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .qa_open.bdt {
      border-top: 1px solid #ddd; }
    .qa_open dt {
      position: relative;
      color: #004aa4;
      padding-top: 3px;
      cursor: pointer;
      border-bottom: 1px dashed #e6e2e3;
      margin-bottom: -2px;
      padding: 20px 0px 20px 60px; }
      .qa_open dt:hover .name {
        text-decoration: underline; }
      .qa_open dt:hover:after, .qa_open dt:hover:before {
        text-decoration: none; }
      .qa_open dt:before {
        content: "Q";
        display: block;
        width: 36px;
        height: 26px;
        border-radius: 50%;
        background: #004aa4;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        padding-top: 10px;
        font-family: "Open Sans", "sans-serif", "meiryo";
        position: absolute;
        left: 10px;
        top: 13px; }
      .qa_open dt .new {
        color: #fff;
        background-color: #23ac3a;
        font-size: 14px;
        line-height: 1;
        padding: 0px 5px; }
    .qa_open dd {
      overflow: hidden; }
      .qa_open dd:before {
        content: "A";
        display: block;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        color: #004aa4;
        font-family: "Open Sans", "sans-serif", "meiryo";
        background: #e0e0e0;
        float: left;
        width: 36px;
        height: 29px;
        border-radius: 50%;
        padding-top: 7px;
        margin-top: 20px;
        margin-left: 30px;
        margin-left: 30px; }
      .qa_open dd > div {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-left: 80px; }
  .kakoi {
    border: 1px solid #cacaca;
    padding: 50px 0; }
  .kakoi_grey {
    background-color: #eff2f4;
    padding: 30px 25px;
    margin-top: 50px; }
    .kakoi_grey .txt {
      display: block; }
  .kakoi_grey_w {
    background-color: #eff2f4;
    padding: 15px 15px 3px 5px;
    margin-top: 20px; }
    .kakoi_grey_w .txt {
      display: block; }			
  .kakoi_blue {
    background-color: #e6f0f8;
    padding: 30px 25px;
    margin-top: 50px; }
    .kakoi_grey .txt {
      display: block; }	
  .movie_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 30px; }
    .movie_box iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .ijqa_list dl {
    position: relative; }
    .ijqa_list dl:first-of-type {
      border-top: 1px solid #ddd; }
    .ijqa_list dl dt:after {
      content: none; }
    .ijqa_list dl:after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: 2px solid #3569c1;
      border-right: 2px solid #3569c1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .ijqa_list dl a {
      text-decoration: none; }
  .col2_wrap {
    display: flex;
    flex-wrap: wrap; }
    .col2_wrap .left {
      width: calc(50% - 15px);
      margin-right: 30px; }
    .col2_wrap .right {
      width: calc(50% - 15px); }
  /* common class */
  .pointerNone {
    cursor: default;
    text-decoration: none; }
  .alignC {
    text-align: center !important; }
  .alignL {
    text-align: left !important; }
  .alignR {
    text-align: right !important; }
  .Center {
    margin: 0 auto !important; }
  .ovh {
    overflow: hidden !important; }
  .mw100 {
    max-width: 100% !important;
    width: auto !important; }
  .mB0 {
    margin-bottom: 0 !important; }
  .mB5 {
    margin-bottom: 5px !important; }
  .mB10 {
    margin-bottom: 10px !important; }
  .mB20 {
    margin-bottom: 20px !important; }
  .mB30 {
    margin-bottom: 30px !important; }
  .mB40 {
    margin-bottom: 40px !important; }
  .mB50 {
    margin-bottom: 50px !important; }
  .mT0 {
    margin-top: 0 !important; }
  .mT5 {
    margin-top: 5px !important; }
  .mT10 {
    margin-top: 10px !important; }
  .mT20 {
    margin-top: 20px !important; }
  .mT30 {
    margin-top: 30px !important; }
  .mT40 {
    margin-top: 40px !important; }
  .mT50 {
    margin-top: 50px !important; }
  .mL0 {
    margin-left: 0px !important; }
  .mL5 {
    margin-left: 5px !important; }
  .mL10 {
    margin-left: 10px !important; }
  .mL20 {
    margin-left: 20px !important; }
  .mL30 {
    margin-left: 30px !important; }
  .mL40 {
    margin-left: 40px !important; }
  .mL50 {
    margin-left: 50px !important; }
  .mR0 {
    margin-right: 0px !important; }
  .mR5 {
    margin-right: 5px !important; }
  .mR10 {
    margin-right: 10px !important; }
  .mR20 {
    margin-right: 20px !important; }
  .mR30 {
    margin-right: 30px !important; }
  .mR40 {
    margin-right: 40px !important; }
  .mR50 {
    margin-right: 50px !important; }
  .mB0_pc {
    margin-bottom: 0 !important; }
  .mB5_pc {
    margin-bottom: 5px !important; }
  .mB10_pc {
    margin-bottom: 10px !important; }
  .mB20_pc {
    margin-bottom: 20px !important; }
  .mB30_pc {
    margin-bottom: 30px !important; }
  .mB40_pc {
    margin-bottom: 40px !important; }
  .mB50_pc {
    margin-bottom: 50px !important; }
  .mT0_pc {
    margin-top: 0 !important; }
  .mT5_pc {
    margin-top: 5px !important; }
  .mT10_pc {
    margin-top: 10px !important; }
  .mT20_pc {
    margin-top: 20px !important; }
  .mT30_pc {
    margin-top: 30px !important; }
  .mT40_pc {
    margin-top: 40px !important; }
  .mT50_pc {
    margin-top: 50px !important; }
  .mL0_pc {
    margin-left: 0px !important; }
  .mL5_pc {
    margin-left: 5px !important; }
  .mL10_pc {
    margin-left: 10px !important; }
  .mL20_pc {
    margin-left: 20px !important; }
  .mL30_pc {
    margin-left: 30px !important; }
  .mL40_pc {
    margin-left: 40px !important; }
  .mL50_pc {
    margin-left: 50px !important; }
  .mR0_pc {
    margin-right: 0px !important; }
  .mR5_pc {
    margin-right: 5px !important; }
  .mR10_pc {
    margin-right: 10px !important; }
  .mR20_pc {
    margin-right: 20px !important; }
  .mR30_pc {
    margin-right: 30px !important; }
  .mR40_pc {
    margin-right: 40px !important; }
  .mR50_pc {
    margin-right: 50px !important; }
  .size12 {
    font-size: 12px !important; }
  .size14 {
    font-size: 14px !important; }
  .size16 {
    font-size: 16px !important; }
  .size18 {
    font-size: 18px !important; }
  .size20 {
    font-size: 20px !important; }
  .red {
    color: #d05245 !important; }
  .blue {
    color: #004aa4 !important; }
  .gray {
    color: #888 !important; }
  .bold {
    font-weight: bold !important; }
  .underline {
    text-decoration: underline !important; }
  .green {
    color: #23ac3a !important; }
  .bdb {
    border-bottom: 2px solid #004aa4; }
  .floatL {
    float: left; }
  .floatR {
    float: right; }
  .preBox {
    background: #eff0f4;
    border: 1px solid #004aa4;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBox pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; } }

.preBoxB {
    background: #fff;
    border: 1px solid #004aa4;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxB pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

.preBoxG {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0px 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxG pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }

.preBoxH {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0px 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden; }
    .preBoxG pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      text-align-last: auto; }


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