@charset "utf-8";


.width1{
	width: 640px;
}

.width2{
	width: 920px;
}


.fixed-image-layout {
  display: grid;
  grid-template-columns: 300px 1fr; /* 左:画像 右:文章 */
  gap: 20px;
  align-items: start; /* 画像を上に固定 */
  max-width: 1000px;
  margin: auto;
}

.image-area {
  position: relative;
}

.image-area img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.captionfound {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8); /* 半透明の背景 */
  color: #fff;
  padding: 5px 10px;
  font-size: 18px;
  border-radius: 4px;
}

.text-area {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}


@media (max-width: 900px) {

.width1,
.width2{
	width: 100%;
	font-size: 28px;
	/*width: 900px;*/
}


  .fixed-image-layout {
    display: block; /* gridを解除して縦並びに */
  }

  .image-area img {
    width: 50%;
  }

  .captionfound {
	  all: unset;
  }
  
  .imgfound{
    display: none;
  }
  

  
}