@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
.con_news .box_news, .con_news .btn, .con_listbox {
  width: 90%;
  max-width: 1280px;
  margin: auto; }
  @media only screen and (max-width: 1199px) {
    .con_news .box_news, .con_news .btn, .con_listbox {
      width: 91.66667%; } }

.con_mv {
  margin-bottom: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_mv {
      margin-bottom: 70px; } }
  @media only screen and (max-width: 767px) {
    .con_mv {
      margin-bottom: 3em; } }
  .con_mv .slide_list {
    overflow: hidden;
    position: relative; }
  .con_mv .slide_item {
    opacity: 0;
    transition: all 3s ease;
    -ms-transition: all 3s ease;
    -webkit-transition: all 3s ease; }
    .con_mv .slide_item.show {
      opacity: 1; }
    .con_mv .slide_item:first-child {
      position: relative; }
    .con_mv .slide_item:not(:first-child) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #contents .con_mv .box_tl {
    max-width: 1620px; }
    #contents .con_mv .box_tl .st_mv {
      left: auto;
      top: auto;
      right: 0;
      bottom: 1rem; }

.con_news {
  margin-bottom: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_news {
      margin-bottom: 70px; } }
  @media only screen and (max-width: 767px) {
    .con_news {
      margin-bottom: 4em; } }
  .con_news .box_news {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .con_news .box_news {
        margin-bottom: 2em; } }
    .con_news .box_news .tl_basic {
      width: 23.4375%; }
      @media only screen and (min-width: 768px) and (max-width: 1199px) {
        .con_news .box_news .tl_basic {
          width: 30%; } }
      @media only screen and (max-width: 767px) {
        .con_news .box_news .tl_basic {
          width: 100%; } }
    .con_news .box_news .box_listnews {
      width: 76.5625%; }
      @media only screen and (min-width: 768px) and (max-width: 1199px) {
        .con_news .box_news .box_listnews {
          width: 70%; } }
      @media only screen and (max-width: 767px) {
        .con_news .box_news .box_listnews {
          width: 100%; } }
  .con_news .btn {
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .con_news .btn {
        text-align: center; } }

.con_listbox {
  margin-bottom: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_listbox {
      margin-bottom: 70px; } }
  @media only screen and (max-width: 767px) {
    .con_listbox {
      margin-bottom: 4em; } }

@media only screen and (max-width: 767px) {
  .btn a {
    width: 100%; } }