@charset "utf-8";
/* フッターが出てきたらヘッダーを消す */
header.is-hide {
  opacity: 0;
  transform: translateY(-6px); /* ゆっくり */
  pointer-events: none;
  filter: blur(1px);
}

/* Main Visual画像 */
.main_visual {
  background-image: url("../img/t-main2.png");
}

/* Section画面設定 */
.content {
  width      : 100%;
  padding-top : 60px;
  background-color: #5fa4c4;
}
section .container {
    position   : relative;
    max-width  : none;
    width      : 100%;
    height     : 100%;
    margin     : 0 auto;
    padding    : 10px 50px 0 50px;
    text-align : center;
    color      : #fff;
}
section .comment1{
    font-size  : xx-large;
    font-weight: bold;
    line-height: 1.3;
    color      : #2e3136;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6),
                 0 2px 3px rgba(0,0,0,0.3);
}
section .comment2{
    font-size  : large;
    font-weight: bold;
    color      : #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
section .comment2:hover {
  text-shadow  : 0 3px 6px rgba(0,0,0,0.3);
}
section .comment3{
    height     : auto;
    font-size  : 20px;
    font-weight: bold;
    line-height: 1.3;
    color      : #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
section .comment4{
    font-size  : small;
    font-weight: bold;
    line-height: 1.3;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
    transition : text-shadow 0.3s ease;
}
.section3 .comment3{
    height     : auto;
    font-size  : larger;
    font-weight: bold;
    line-height: 1.3;
    color      : #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}


.index-list {
  display: flex;
  gap: 30px;              /* 要素間の余白 */
  list-style: none;
  padding: 0;
  margin: 40px auto;
  padding: 0 20px;   /* ← 写真用の保険余白 */
}
.index-list li {
  flex: 1;                /* 3つを均等幅に */
  text-align: center;
}
.index-list img {
  width: 100%;
  height: auto;
}

.card-link {
  display: block;
  padding: 0;              /* ← 枠の原因 */
  background: none;        /* ← 白い外枠の原因 */
  border-radius: 0;        /* ← 角丸を消す */
  box-shadow: none;        /* ← 影を消す */
  text-decoration: none;
  color: #222;
  cursor: pointer;
}

/* 写真だけに角丸＋影 */
.card-link img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
  display: block;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* hover時も写真だけ動かす */
.card-link:hover {
  transform: none;
}

.card-link:hover img {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.35);
}
.card-link {
  cursor: pointer;
}

.service-card {
  background-color: #95b7c7;
  border-radius: 18px;
  padding: 28px 24px 32px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* 自動改行 */
.auto_break {
  word-break: auto-phrase;
}


@media screen and (max-width: 768px) {
  .index-list {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  /* hoverさせない */
  .card-link:hover {
    transform: none;
    box-shadow: none;
  }
}