@charset "UTF-8";
/* CSS Document */
/* 1. ボックスモデルを崩さない設定 */
* {
  box-sizing: border-box;
}

/* 2. 全体を囲むコンテナ */
.main-container {
  width: 100%;         
  max-width: 1200px;   
  margin: 0 auto;       
}

/* 3. 画像 */
img {
 display: block;
  max-width: 100%;     
  height: auto;
}
.img_bottom_space{
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 60px;
}

/* 4. テキスト部分 */
.text_describe{
	font-size: 18px;
	padding: 10px;
	border: 1px dashed #f9ae1d;
	margin-bottom: 60px;
}

/* 5. 感想部分 */
.card-container {
  display: flex;
  align-items: center;
  background-color: #f9ae1d; /* 背景色 */
  border-radius: 30px;       /* 角の丸み */
  padding: 15px 10px;        /* 上下左右の余白 */
  width: 100%;
  margin-bottom: 40px;
}
.card-container_2 {
  display: flex;
  align-items: center;
  background-color: #15c9ea; /* 背景色 */
  border-radius: 30px;       /* 角の丸み */
  padding: 15px 10px;        /* 上下左右の余白 */
  width: 100%;
  margin-bottom: 40px;
}

.profile-icon {
  width: 100px;              /* アイコンのサイズ（適宜調整） */
  height: 100px;
  object-fit: contain;       /* 画像の比率を維持 */
  flex-shrink: 0;            /* 画面が狭くなっても画像が潰れないように固定 */
}

.content-text {
  margin-left: 25px;         /* アイコンと文字の間隔 */
  font-size: 16px;           /* 文字サイズ */
  font-weight: 600;          /* 太さ */
  color: #000;               /* 文字色 */
  font-family: sans-serif;
}

/* テキストエリア */
.profile-text {
  flex: 1;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  color: #000;
  line-height: 1.4;
}
/* 画面幅768px以下（スマホ・タブレット） */
@media screen and (max-width: 768px) {
  .manager-text {
    font-size: 16px;  
  }
}