@charset "UTF-8";
/*-------------------------------------------
  Listing+ custom CSS
---------------------------------------------*/
/*-------------
  variables
--------------*/
/*-------------
  mixins
--------------*/
h1, h2, h3, h4, h5 {
  font-family: "UD新ゴ B";
  line-height: 1.5;
  letter-spacing: 1px; }

.component.image img {
  border-radius: 0; }

/*-------------------------------------------
// custom CSS
---------------------------------------------*/
body .navi-002-01.navi {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1;
  border-bottom: 1px solid #efefef; }
  @media screen and (max-width: 768px) {
    body .navi-002-01.navi {
      position: static; } }
  body .navi-002-01.navi header {
    width: 100%;
    background: url("https://ferret-one.akamaized.net/images/5a84ed5e014c8e4f42004ac8/original.png") no-repeat center top white;
    background-size: 100% 4px; }
    body .navi-002-01.navi header .inner .navigation-cont {
      min-height: 50px;
      height: 50px;
      position: relative; }
    body .navi-002-01.navi header .inner .main-menu {
      display: none; }
    @media screen and (max-width: 768px) {
      body .navi-002-01.navi header .inner a.menu-trigger {
        display: none !important; } }
    body .navi-002-01.navi header .inner .logo {
      display: inline-block;
      width: auto;
      margin-top: 4px;
      position: absolute;
      left: 0;
      padding: 5px 15px;
      border-radius: 0 0 5px 5px;
      box-shadow: 0 0 5px #aaa;
      background: white; }
      @media screen and (max-width: 768px) {
        body .navi-002-01.navi header .inner .logo {
          width: 30% !important;
          padding: 2px 0 0 10px !important; } }
      body .navi-002-01.navi header .inner .logo h1 {
        padding: 2px 0;
        margin: 0; }
        body .navi-002-01.navi header .inner .logo h1 a img {
          max-height: 70px; }
    body .navi-002-01.navi header .inner .cont {
      padding: 10px 0 1px !important;
      width: 40% !important; }
      @media screen and (max-width: 768px) {
        body .navi-002-01.navi header .inner .cont {
          padding: 14px 0 0 !important;
          width: 60% !important;
          float: right !important; } }
      body .navi-002-01.navi header .inner .cont .row .col .component em.strong {
        margin-right: 10px;
        font-size: 15px; }
        @media screen and (max-width: 768px) {
          body .navi-002-01.navi header .inner .cont .row .col .component em.strong {
            display: none; } }
      body .navi-002-01.navi header .inner .cont .row .col .component p {
        margin: 0;
        font-size: 12px; }
        body .navi-002-01.navi header .inner .cont .row .col .component p img {
          margin-left: 10px;
          vertical-align: text-bottom;
          height: 22px !important;
          width: auto !important; }

body .theme-fo-base {
  background-image: none !important; }
  body .theme-fo-base .header-element-wrapper {
    display: none; }
  body .theme-fo-base a {
    color: #1757b9; }
  body .theme-fo-base .wrapper .contents section.section_mv {
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      body .theme-fo-base .wrapper .contents section.section_mv {
        margin-top: 0; } }
    body .theme-fo-base .wrapper .contents section.section_mv .inner {
      padding: 72px 0; }
      @media screen and (max-width: 768px) {
        body .theme-fo-base .wrapper .contents section.section_mv .inner {
          padding: 30px 0; } }
      body .theme-fo-base .wrapper .contents section.section_mv .inner .row {
        padding: 0 10px; }
        body .theme-fo-base .wrapper .contents section.section_mv .inner .row .col {
          border: solid 12px #0f1182;
          background: white;
          padding: 20px; }
          body .theme-fo-base .wrapper .contents section.section_mv .inner .row .col .component.name_tieup em {
            display: none; }
            @media screen and (max-width: 768px) {
              body .theme-fo-base .wrapper .contents section.section_mv .inner .row .col .component.name_tieup em {
                display: block; } }
          body .theme-fo-base .wrapper .contents section.section_mv .inner .row .col .component.name_tieup p {
            padding: 10px 0;
            margin-top: 30px; }
        body .theme-fo-base .wrapper .contents section.section_mv .inner .row.subheader_logo {
          padding: 0;
          display: none; }
          @media screen and (max-width: 768px) {
            body .theme-fo-base .wrapper .contents section.section_mv .inner .row.subheader_logo {
              display: block;
              opacity: .8; } }
        body .theme-fo-base .wrapper .contents section.section_mv .inner .row .col .component.copy_sub {
          color: #FFF;
          margin-bottom: 40px; }
        body .theme-fo-base .wrapper .contents section.section_mv .inner .row .col .component .button-cont a.size-s {
          color: #555;
          background: #fff;
          border: 1px solid #FFF;
          border-radius: 30px; }
  body .theme-fo-base .wrapper .contents section.section_carousel .inner {
    padding: 0 20px; }
    body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .socil-button {
      margin: 0; }
    body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider {
      margin: 0 0 30px; }
      body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-viewport {
        overflow: visible !important; }
      @media screen and (max-width: 768px) {
        body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-control-nav {
          bottom: -10%; } }
      body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-control-nav li a {
        background: #ececec;
        border: none;
        border-radius: 10px; }
        body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-control-nav li a.flex-active {
          background: #1757b9; }
        body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-control-nav li a.flex-prev, body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-control-nav li a.flex-next {
          color: #FFF; }
      body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-direction-nav li a.flex-active {
        background: #1757b9; }
      body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-direction-nav li a.flex-prev, body .theme-fo-base .wrapper .contents section.section_carousel .inner .row .col .carousel .flexslider .flex-direction-nav li a.flex-next {
        color: #FFF; }
  body .theme-fo-base .wrapper .contents section.section_media {
    background: #f3f6f7; }
    body .theme-fo-base .wrapper .contents section.section_media .inner {
      padding: 10px 20px; }
      body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .entry-list-unit {
        width: calc(100% / 3 - 10px * 2);
        border: none; }
        @media screen and (max-width: 768px) {
          body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .entry-list-unit {
            width: 100%; } }
        body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .entry-list-unit a.img {
          border-bottom: 2px solid #1757b9; }
        body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .entry-list-unit .cont h3 a {
          color: #555555;
          font-weight: bold; }
        body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .entry-list-unit .cont h4 {
          color: #1757b9;
          font-size: 10px;
          margin: 10px 0; }
      @media screen and (max-width: 768px) {
        body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .article-per-page nav ul.pagination li {
          margin: 0 5px; } }
      body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .article-per-page nav ul.pagination li a {
        color: #1757b9;
        border-radius: 30px;
        border: 1px solid #1757b9;
        line-height: 28px; }
        @media screen and (max-width: 768px) {
          body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .article-per-page nav ul.pagination li a {
            line-height: 8px; } }
        body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .article-per-page nav ul.pagination li a:hover {
          color: #FFF;
          background: #1757b9; }
      body .theme-fo-base .wrapper .contents section.section_media .inner .row .col .entry-list.entry-image-card-3-col .article-list .article-per-page nav ul.pagination li.active a {
        color: #FFF;
        background: #1757b9; }
  @media screen and (max-width: 768px) {
    body .theme-fo-base .wrapper .contents section.section_banner .inner {
      padding: 20px; } }
  body .theme-fo-base .wrapper .contents section.section_banner .inner .row .col {
    padding: 0 !important; }
    body .theme-fo-base .wrapper .contents section.section_banner .inner .row .col .component {
      margin: 0;
      text-align: center; }
      body .theme-fo-base .wrapper .contents section.section_banner .inner .row .col .component img {
        width: 60% !important; }
        @media screen and (max-width: 768px) {
          body .theme-fo-base .wrapper .contents section.section_banner .inner .row .col .component img {
            width: 100% !important; } }
  body .theme-fo-base .wrapper.side-right {
    margin: 60px auto; }
    @media screen and (max-width: 768px) {
      body .theme-fo-base .wrapper.side-right {
        margin: -20px auto 70px; } }
    body .theme-fo-base .wrapper.side-right .contents {
      width: 70%; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-eyecatch > img {
        width: 100%; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post h1 {
        color: #555555;
        word-break: break-all; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post .article-meta-info {
        color: #555555; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post .component .content-1 h2 {
        color: #555555;
        font-size: 24px;
        border-bottom: solid 3px #eaeaea !important;
        position: relative;
        margin-top: 40px; }
        body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post .component .content-1 h2::after {
          position: absolute;
          content: " ";
          display: block;
          border-bottom: solid 3px #1757b9;
          bottom: -3px;
          width: 20%; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post .component .content-1 h3 {
        color: #555555;
        font-size: 20px;
        border-bottom: dashed 1px #e0e0e0; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post .component .content-1 p {
        color: #555555; }
        body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col article.blog_article .article-post .component .content-1 p img {
          padding: 5px;
          box-shadow: 0 0 0 1px #ccc;
          margin: 5px auto; }
      body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col section.prev-next-link a.prev-link h3.prev-next-label, body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col section.prev-next-link a.next-link h3.prev-next-label {
        top: -2.5em; }
      @media screen and (max-width: 768px) {
        body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col section.prev-next-link a.prev-link .thumb-wrap p, body .theme-fo-base .wrapper.side-right .contents section.content-1 .inner .row .col section.prev-next-link a.next-link .thumb-wrap p {
          padding: 10px; } }
    body .theme-fo-base .wrapper.side-right .side.right {
      position: fixed;
      top: 70px; }
      @media screen and (max-width: 768px) {
        body .theme-fo-base .wrapper.side-right .side.right {
          position: static; } }
      body .theme-fo-base .wrapper.side-right .side.right .inner .component h3 {
        color: #1757b9;
        font-size: 16px;
        position: relative;
        display: inline-block;
        padding: 0 55px;
        margin: 20px 0 10px; }
        body .theme-fo-base .wrapper.side-right .side.right .inner .component h3::before, body .theme-fo-base .wrapper.side-right .side.right .inner .component h3::after {
          background: none;
          -webkit-transform: none;
          content: '';
          position: absolute;
          top: 50%;
          display: inline-block;
          width: 45px;
          height: 2px;
          background-color: #1757b9; }
        body .theme-fo-base .wrapper.side-right .side.right .inner .component h3::before {
          left: 0; }
        body .theme-fo-base .wrapper.side-right .side.right .inner .component h3::after {
          right: 0; }
  body .theme-fo-base .foot {
    background: #f6f6f6; }
    body .theme-fo-base .foot.foot_detail .foot-cont {
      display: none; }
    body .theme-fo-base .foot .foot-cont {
      padding: 2em 0; }
      body .theme-fo-base .foot .foot-cont .row {
        border-spacing: 30px 5px; }
        @media screen and (max-width: 768px) {
          body .theme-fo-base .foot .foot-cont .row {
            padding: 0 20px; } }
        @media screen and (max-width: 768px) {
          body .theme-fo-base .foot .foot-cont .row .col {
            margin-bottom: 40px; } }
        body .theme-fo-base .foot .foot-cont .row .col .component h2 {
          color: #555555;
          font-weight: bold;
          position: relative;
          display: inline-block;
          margin-bottom: 1em; }
          body .theme-fo-base .foot .foot-cont .row .col .component h2::after {
            content: '';
            position: absolute;
            bottom: -20px;
            display: inline-block;
            width: 60px;
            height: 2px;
            left: 50%;
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #1757b9;
            border-radius: 2px; }
          body .theme-fo-base .foot .foot-cont .row .col .component h2 span {
            font-size: 24px; }
        body .theme-fo-base .foot .foot-cont .row .col .component h3 {
          font-size: 14px; }
    body .theme-fo-base .foot .foot-copyright {
      background: #343434; }
      body .theme-fo-base .foot .foot-copyright p {
        color: #FFF; }

/* 追加分 */
.component.blog_articles article .infomation h1 {
  margin: auto; }

.component.blog_articles article .infomation .published_at {
  padding-bottom: 5px; }

@media (min-width: 769px) {
  .contents .entry-list .entry-list-unit .cont p.description {
    line-height: 24px;
    max-height: 120px;
    overflow: hidden; } }