@charset "utf-8";

/* 全体 */
.content {
  display: flex;
  align-items: flex-start;
  gap: 20px;

  margin: 0 auto;
  padding: 15px;
  
  font-size:14px;
  
  font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka,Helvetica;
}

.title_n {
	color: #fff;
	padding:1rem; /*上下左右の余白*/
	background: #001e43;  /*ネイビー*/
}

.title_g {
	color: #fff;
	padding:1rem; /*上下左右の余白*/
	background: #006400;  /*グリーン*/
}

/* 左の画像 */
.image-area {
  flex: 4.3;
}

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

/* 右の文字 */
.text-area {
  flex: 5.7;
}

/* スマホ対応 */
@media (max-width: 768px) {
  .content {
    flex-direction: column;
    font-size:12px;
  }
}