/* CSS Document */

.section-title1 {
  font-size: 19px;
  background-color: #7734B8; /* 好きな色を設定 */
  color: white;              /* 白文字（＝白抜き） */
  /*padding: 0px 790px 0px 20px;  /* 上下・左右の余白 */
  width: 980px;			 	/*ボックスサイズ固定*/
  padding-left: 20px;		 /*テキストの左側余白だけ指定*/ 
  /*margin: 0 auto;          /* 背景ボックスを中央に　*/
  text-align: left;          /* テキストだけを左寄せ */
	
  line-height: 1.4; /* フォントごとの高さを均等化するために指定 */
  display: block;   /* テキストが inline-block だと、フォントのベースラインによるズレが発生しやすイ */
  vertical-align: middle; /* 念のため */
}

.section-text1 {
	width: 960px;			/*ボックスサイズ固定*/
	font-size: 16px;
	text-align: left;         /* テキストだけを左寄せ */
	padding-left: 43px;		 /*テキストの左側余白だけ指定*/
	padding-right: 40px;	
	word-wrap: break-word;   /* 単語途中でも折り返す */
    white-space: normal;     /* 自動改行を有効にする（これが重要） */
	align-self: auto;
	padding: 0 20px 0 20px ;           /* 内側の余白 */
	/*margin:-5px 0 0 0;*/
}

.section1-graph {
	display: inline-flex;
	gap: 50px; 
	vertical-align: middle; /*画像の上下ずれを防ぐための調整*/
}

.graph-container {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin: 20px;
  align-items: flex-start; /* 上端基準で並べる */
}

.graph-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;  /* ← 左揃えに変更（重要） */
  position: relative;
  width: fit-content;       /* 必要に応じて */
  text-align: center;
}

.graph-title {
  width: 402px;             /* ← アンダーラインの長さに合わせて固定幅 */
  font-size: 20px;
  margin-bottom: 8px;
  text-align: left;
  position: relative;
  margin: 10px 0 0 20px;
}

.title-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 402px;
  height: 1px;
  background-color: #717171;
}

.graph-title2 {
  font-size: 15px;
  margin-left: 6px;
  display: inline;
}


.section-title-separate {
  font-size: 19px;
  background-color: #7734B8; /* 好きな色を設定 */
  color: white;              /* 白文字（＝白抜き） */
  width: 455px;			 	/*ボックスサイズ固定*/
  padding-left: 20px;		 /*テキストの左側余白だけ指定*/
  display: inline-flex;    /* ボックスのサイズを自由に */
  /*margin: 0 auto;           /* 背景ボックスを中央に */
  text-align: left;          /* テキストだけを左寄せ */
}

.section-separate {
	display: flex;
	gap: 50px;
	justify-content: center;
}

.text-box {
  width: 435px;            /* ボックスの幅 */
  height: 100px;
  margin-top: -2px;
  padding: 15px 20px 0 20px ;           /* 内側の余白 */
  word-wrap: break-word;   /* 単語途中でも折り返す */
  white-space: normal;     /* 自動改行を有効にする（これが重要） */
  text-align: left;           /* テキストを左揃えに */
  /*align-self: auto;*/
  font-size: 16px;
}

.margin-top60 {
	margin-top: 60px;
}

.title-komoji {
  font-weight: normal;
  font-size: 14px;
  margin-left: 1px;
  margin-top:0.3em;
  display: inline;
}

.text-box2 {
  width: 250px;            /* ボックスの幅 */
  margin-top: -2px;
  padding: 0 0 0 10px ;           /* 内側の余白 */
  word-wrap: break-word;   /* 単語途中でも折り返す */
  white-space: normal;     /* 自動改行を有効にする（これが重要） */
  text-align: left;           /* テキストを左揃えに */
  font-size: 16px;
  transform: translateX(100px) translateY(-131px);
}

.table-kinou {
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	border:#000000;
	width:390px;
	height:90px;
	table-layout:fixed;
	/*border-collapse:collapse;*/
	margin-top: 20px;
}

.sell-color {
	/*border:2px solid white;*/
	background-color:#DBCAEE;
}

.sell-border {
	border-right:1px solid #CECECE;
	border-bottom:1px solid #CECECE;
}

.section-title-separate-left {
  font-size: 19px;
  background-color: #7734B8; /* 好きな色を設定 */
  color: white;              /* 白文字（＝白抜き） */
  width: 455px;			 	/*ボックスサイズ固定*/
  padding-left: 20px;		 /*テキストの左側余白だけ指定*/
  display: flex;    /* ボックスのサイズを自由に */
  margin: 0 auto;           /* 背景ボックスを中央に */
  text-align: left;          /* テキストだけを左寄せ */
  margin-top: 20px;
  /*position: relative;*/
}

.center {
  display: flex;
  flex-direction: column;
  align-items: center; /* 中央揃え */
}

.imae-kogataka {
  margin-top: -40px;
  display: block;        /* 念のため追加 */
  margin-left: auto;
  margin-right: auto;
}

.image-peak {
  margin-top: -25px;
}

.section4 {
  margin:38px 0 0 0;
}

.section5 {
	margin-top: -105px;
}

.section5_img {
  /*display: block;*/
  margin: 0;
  /*max-width: 100%;*/
  height: auto;
}

.section5-text {
  font-size: 12px;
  text-align: left;  
  margin: -90px 0px 10px 20px;
  
}

.section6 {
  /* transform: translateX(262px) /*translateY(-300px)*/
  margin-left: 526px;
  margin-top: -265px;
}

.section6-image {
	transform: translateX(-125px);
}

.section6_img{
	padding-top: 20px;
}

.list {
	font-size: 16px;
	list-style: none;           /* デフォルトのマークを消す */
    padding-left: 20px;
	margin-top: 20px;
}

.list li{
  position: relative;
  padding-left: 1.5em;        /* ■のぶんだけ左に余白を作る */
  padding-bottom: 10px;
  text-align: left;           /* 左揃え */
}

.list li::before {
  content: "\25A0";               /* 黒四角マーク */
  position: absolute;
  left:0;
  font-size: 1.1em;           /* 少し大きめに */
  color: #000000;             /* 任意の色*/
  top: 0em;                 /* 垂直位置微調整 */
}

.list .list-note{
	text-align: left;
	padding-left: 1.8em;        /* 左に余白を作る */
	font-size: 14px;
	margin-top: -10px;
}

.table-sec11 {
	font-size: 16px;
	text-align: center;
	border:#000000;
	width:960px;
	height:320px;
	margin-top: 40px;
}

.table-sec11-sel {
	width: 162px;
}

.section7 {
	margin:50px 0 0 0;
}
/*
.section7-text{
	margin:-5px 0 0 0
}

.section7-img{
	margin:20px 0 0 0
}
*/
.section8 {
	margin:60px 0 0 0;
}

.section8-img{
	margin:9px 0 0 0 ;
}

.section11 {
	margin:80px 0 0 0;
}