@charset "utf-8";


#mainContents  .buttonLink{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto;
  max-width: 500px;
  height: 5em;
  padding: 10px 25px;
  color: #007545;
  transition: 0.2s ease-in-out;
  font-weight: 600;
  background: #d7eea3;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 3px;
  text-decoration: none;
}

#mainContents .buttonLink:hover {
  background: #007545;
  color: #fff;
}

#mainContents .buttonLink:after {
  margin: 0 0 0 0.5em;
  font-family: "FontAwesome";
  font-weight: 900;
}

#mainContents .buttonLink[target="_blank"]:after {
  content: '\f08e';
}

#mainContents .buttonLink:not([target="_blank"]):after {
  content: '\f061';
}

@media only screen and (min-width: 1122px), print {

}

@media only screen and (min-width: 768px) and (max-width: 1121px), print {	

}

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

/* ヘッダー画像を2枚並列に */
.header-flex-wrap {
  display: flex;
  width: 100%;
  gap: 0px; /* 画像と画像の間のすき間 */
}

.header-flex-wrap img {
  width: calc(50%); /* 2枚均等に割る*/
  height: auto;
  object-fit: cover; /* 画像の比率を保ったままトリミング */
}

/* スマートフォン表示の時 */
@media (max-width: 768px) {
  .header-flex-wrap {
    gap: 0px;
  }
  .header-flex-wrap img {
    width: 100%; /* 1枚目を全幅表示 */
  }
  .header-flex-wrap img:nth-child(2) {
    display: none; /* スマホでは2枚目を非表示 */
  }
}