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

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*
@mixin pc_size{
  @media screen and (min-width: $tablet) {
    @content;
  }
}
*/
.under {
  display: block;
  margin-top: 60px;
  padding-top: 10px; }

.maintitle {
  margin: 0% 0% 6.77% 0%;
  position: relative;
  height: 30vh;
  max-height: 500px;
  background: url("/img/column/mainimg.jpg") center left 35%/cover no-repeat; }
  .maintitle .contents__txt-wp {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 6px rgba(27, 76, 142, 0.75); }
    .maintitle .contents__txt-wp .contents__ttl {
      font-size: 2.5rem;
      margin: 0% 0% 5.5% 0%; }
      @media (min-width: 769px) {
        .maintitle .contents__txt-wp .contents__ttl {
          font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 5.596107056 ); } }
      @media (min-width: 1180px) {
        .maintitle .contents__txt-wp .contents__ttl {
          font-size: 4.8rem; } }
    .maintitle .contents__txt-wp .contents__txt {
      font-size: 1.2rem;
      font-family: "Hiragino UD Sans F W6 JIS2004"; }
      @media (min-width: 769px) {
        .maintitle .contents__txt-wp .contents__txt {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
      @media (min-width: 1180px) {
        .maintitle .contents__txt-wp .contents__txt {
          font-size: 1.8rem; } }

.new_column {
  margin-bottom: 80px; }

.backnumber {
  margin-bottom: 80px; }

.column .contents__ttl .contents__ttl-main {
  color: #0F3972; }
.column__item {
  margin-bottom: 40px; }
  .column__item a {
    display: block;
    background: #fff; }
  .column__item .column__item-txt-wp {
    padding: 3.25% 3.25% 3.9% 3.25%;
    box-sizing: border-box; }
    .column__item .column__item-txt-wp .column__item-time {
      font-size: 1.2rem;
      letter-spacing: 0.08em;
      color: #0F3972; }
      @media (min-width: 769px) {
        .column__item .column__item-txt-wp .column__item-time {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
      @media (min-width: 1180px) {
        .column__item .column__item-txt-wp .column__item-time {
          font-size: 1.4rem; } }
    .column__item .column__item-txt-wp .column__item-ttl {
      font-size: 1.8rem;
      margin: 0% 0% 1.69% 0%;
      color: #0F3972; }
      @media (min-width: 769px) {
        .column__item .column__item-txt-wp .column__item-ttl {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
      @media (min-width: 1180px) {
        .column__item .column__item-txt-wp .column__item-ttl {
          font-size: 2.4rem; } }
    .column__item .column__item-txt-wp .column__item-txt {
      position: relative;
      height: 50px;
      font-size: 1.3rem;
      text-align: justify;
      overflow: hidden; }
      @media (min-width: 769px) {
        .column__item .column__item-txt-wp .column__item-txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
      @media (min-width: 1180px) {
        .column__item .column__item-txt-wp .column__item-txt {
          font-size: 1.5rem; } }
      .column__item .column__item-txt-wp .column__item-txt::before {
        position: absolute;
        content: "…";
        display: block;
        bottom: 0;
        right: 0;
        width: 14px;
        height: 25px;
        color: #333;
        z-index: 2; }
      .column__item .column__item-txt-wp .column__item-txt::after {
        position: absolute;
        content: "";
        display: block;
        bottom: 0;
        right: 0;
        width: 14px;
        height: 25px;
        background: #fff;
        transition: .4s; }

@media screen and (min-width: 769px) {
  .maintitle {
    height: 40vh;
    background: url("/img/column/mainimg.jpg") center/cover no-repeat; }

  .column__item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .column__item a:hover {
      background: #2F5E9F;
      opacity: 1; }
      .column__item a:hover .column__item-txt-wp .column__item-time {
        color: #fff; }
      .column__item a:hover .column__item-txt-wp .column__item-ttl {
        color: #fff; }
      .column__item a:hover .column__item-txt-wp .column__item-txt {
        color: #fff; }
        .column__item a:hover .column__item-txt-wp .column__item-txt::before {
          color: #fff; }
        .column__item a:hover .column__item-txt-wp .column__item-txt::after {
          background: #2F5E9F;
          transition: .4s; }
  .column__item-img {
    flex: 0 1 40%;
    width: 40%;
    max-width: 40%;
    margin: 0;
    overflow: hidden; }
    .column__item-img figure {
      transition: .4s; }
  .column__item .column__item-txt-wp {
    flex: 0 1 60%;
    width: 60%;
    max-width: 60%; } }
@media screen and (min-width: 1024px) {
  #breadcrumb {
    padding: 0 0 10px; }

  .common_inner {
    padding: 0; }

  .maintitle {
    height: 55vh; }

  .new_column {
    margin-bottom: 120px; }

  .backnumber {
    margin-bottom: 120px; }

  .column__list {
    flex: 0 1 31%;
    width: 31%;
    max-width: 31%; } }
@media screen and (min-width: 1024px) {
  .under {
    padding-top: 20px; }

  .column__item a .column__item-txt-wp {
    padding: 0% 5.5% 0% 5.5%; }
    .column__item a .column__item-txt-wp .column__ttl {
      height: 30px;
      overflow: hidden; } }

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