@charset "utf-8";

/*-------------------------------------------
|          インデックス（メニュー）          |
--------------------------------------------*/
/*** 基本 ***/
.index_navipanel img {
  /* こっちが正式
  max-width:100%;
  */
  height: 100%;
  /* デバッグ用 */
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}

@media print,
(min-width: 768px) {
  .index_navipanel img {
    border-radius: 30px;
  }
}

/*** レイアウト ***/
.index-sec.sec-common {
  padding: 30px 0 100px 0;
}

.index_navipanel-wrap div {
  box-sizing: border-box;
}

.index_navipanel-wrap,
.index_navipanel.inside-panel-a,
.index_navipanel.inside-panel-b,
.index_navipanel.inside-panel-b>div:nth-of-type(1),
.index_navipanel.inside-panel-c,
.index_navipanel.inside-panel-c>div:nth-of-type(1),
.index_navipanel.inside-panel-d {
  display: flex;
  flex-wrap: wrap;
}

/* 左右配置 */
.index_navipanel-wrap {
  justify-content: space-between;
  margin: 0 auto 0;
  padding: 0;
}

/* 全幅 */
.index_navipanel,
.index_navipanel>div,
.index_navipanel.inside-panel-c>div>div {
  width: 100%;
}

/*** PC・SPレイアウト同じパネル ***/
/** パネル内包／タイプb・C **/
.index_navipanel.inside-panel-b>div:nth-of-type(1) div,
.index_navipanel.inside-panel-c>div,
.index_navipanel.inside-panel-d>div {
  width: 50%;
}

.index_navipanel.inside-panel-c>div:nth-of-type(1) {
  align-content: space-between;
}

.index_navipanel.inside-panel-a>div:nth-of-type(n+2),
.index_navipanel.inside-panel-b>div:last-of-type,
.index_navipanel.inside-panel-c>div:nth-of-type(1)>div:nth-of-type(n+2) {
  margin-top: 20px;
}

.index_navipanel.inside-panel-b>div:nth-of-type(1) div:nth-of-type(odd),
.index_navipanel.inside-panel-c>div:nth-of-type(odd),
.index_navipanel.inside-panel-d>div:nth-of-type(odd) {
  padding-right: 10px;
}

.index_navipanel.inside-panel-b>div:nth-of-type(1)>div:nth-of-type(even),
.index_navipanel.inside-panel-c>div:nth-of-type(even),
.index_navipanel.inside-panel-d>div:nth-of-type(even) {
  padding-left: 10px;
}

/** 変則サイズ **/
.index_navipanel.quarter1 {
  width: 25%;
}

.index_navipanel.quarter3 {
  width: 75%;
}

.index_navipanel.quarter1.left,
.index_navipanel.quarter3.left {
  padding-right: 10px;
}

.index_navipanel.quarter1.right,
.index_navipanel.quarter3.right {
  padding-left: 10px;
}

.index_navipanel a {
  display: block;
  width: 100%;
  height: 100%;
}

.index_navipanel a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {

  .index_navipanel-wrap>div:nth-of-type(n+2),
  .index_navipanel.inside-panel-a>div:nth-of-type(n+2),
  .index_navipanel.inside-panel-c>div:nth-of-type(1)>div:nth-of-type(n+2) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {

  /* パネル単体 */
  .index_navipanel,
  .index_navipanel.inside-panel-c>div {
    width: 50%;
  }

  .index_navipanel-wrap>div:nth-of-type(n+3) {
    margin-top: 20px;
  }

  .index_navipanel-wrap>div:nth-of-type(odd) {
    padding-right: 10px;
  }

  .index_navipanel-wrap>div:nth-of-type(even) {
    padding-left: 10px;
  }

  /*** パネル内包タイプ ***/
  /* タイプaとタイプb */
  .index_navipanel.inside-panel-a,
  .index_navipanel.inside-panel-b {
    align-content: space-between;
  }
}