/* CSS Document */
body p,li,h2,h3,h4,tr,ul,span,h1 {
  font-family: "Kozuka Gothic Pro", "小塚ゴシック Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
	color: #111111;
}
/*body{background-color: #FDFDFD; }*/
/*tbody{background-color: #F2F5F5; }*/
/*tbody{
  margin: 0;
  min-height: 100vh;
  background-image: linear-gradient(to bottom, #FDFDFD, #f5f7f7);
}*/

h1{
	display: inline;
	font-size: 16px;
}
.visually-hidden {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

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

.section-text {
	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;*/
	line-height: 1.4; /**/
	margin: 5px 0px 50px 31px;
}

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

.section-separate2 {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 10px;
}

.section-title--separate-halfNum{
  font-size: 19px;
  background-color: #068284; /* 好きな色を設定 */
  color: white;              /* 白文字（＝白抜き） */
  width: 422px;			 	/*ボックスサイズ固定*/
  display: flex;    /* ボックスのサイズを自由に */
  padding: 2px 0px 0px 19px;  /* 上下・左右の余白 *
  text-align: left;          /* テキストだけを左寄せ */
  line-height: 1.4; /* フォントごとの高さを均等化するために指定 */
  vertical-align: middle; /* 念のため */
}

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


.cection-title-Num {
	display: flex;
	gap:0px;
	justify-content: center;
	align-items: center;
	padding-top: 40px;
}

.Num{
	margin-bottom:21px;
}

.section-List-Box{
    flex: 1;                  /* 均等に幅を割り当てる */
    padding: 10px;            /* 内側に余白を取る */
	width: 456px; 
	height: 219px;
	/*border: 1px solid #ccc;   /* 枠線 */
	/*background: #b0c4de;     /* 背景色*/
	text-align: left;           /* テキストを左揃えに */
	/*background-color: #F9F9F9; */
    list-style: none;           /* デフォルトのマークを消す */
	font-size: 17px;
    font-kerning: normal;
	margin-top: -10px;
	padding-left: 34px;
} 

.section-List-Box li{
	border-bottom: 1px solid #E4E4E4; 
	padding-left: 2.7em;
}

.section-List-Box li:last-child {
  border-bottom: none;
}


.section-title2 {
}

.topimg{
	/*  box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 8px 16px rgba(0,0,0,0.2);*/
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

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

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

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


/* グリッド線 */
.guide-container {
  position: relative;
  width: 1541px;
  margin: 0 auto;
}

.guide-line {
  position: absolute;
  top: 0;
  bottom: -5000;
  width: 1px;
  background-color: rgba(255,0,0,0.1); /* 線の色を指定 */
  /*left: 270px; /* 表示したい位置に調整 */
  z-index: 9999; /* 他要素より前面に表示 */
  pointer-events: none; /* クリック無効化（邪魔にならない） */
}

.subsec-title {
  font-size: 17px;
  color: #333333;
  left:40px;
  padding-left: 0em;
  position: relative;
  text-align: center;   
	margin-top:-20px;
	margin-bottom: 10px;
}

.subsec-title::before {
  content: "\25A0";
  position: absolute;
  left: 340;
  top: 0em;
  font-size: 1em;
}
/*tokutyo*/
.gap1{
	gap:60px;
}

/*ModelName*/
.ModelName{
	margin: 0px 50px 0px 0px;
}

.ModelNameimg{
	margin: 0px -50px 0px 0px;
	
}

/*section1*/
.section1{
	margin: 50px 0px 0px 0px ;
}

.sec1img{
	display: block;
	margin-left: 10px;
}

.t1{
    margin-bottom: 10px;
}

.t2{
    background-color: #eef7fa;
    width: 925px;
    padding: 10px 20px;
    margin: 12px 0 12px 35px;
    font-weight: 500;
}

.sec1img{
    margin-top:30px;
}

/*section2*/

.section2 .text-box{
	margin:60px 0 0 -40px ;
}
.sec2img2{
    margin:50px 0 0 0;
}

.section2 .section-separate{
    margin: 0 0 0 0;
}


.sec2t {
  font-size: 17px;
  color: #333333;
  left:-210px;
  padding-left: 0em;
  position: relative;
  text-align: center;   
	margin-top:20px;
	margin-bottom: 10px;
}

.sec2t::before {
  content: "\25A0";
  position: absolute;
  left: 370;
  top: 0em;
  font-size: 1em;
}
/*section3*/
.sec3img{
    margin: -10px 0 0 20px;
}

.section3 .text-box{
    width: 400;
    margin: 0 0 -50 475px;
    font-size: 15px;
}


/* section4 */
.sec4img{
    margin: -20px 0 0 20px;
}



/*.section5*/
.section5,
.section6{
	margin-top:20px;
	}

.section5 li{
    left: 42px;
}
/*.section6*/


/*FZP025シリーズ*/
.sec6-GP6UT  {
	border-collapse:collapse;
	border-spacing:0;
	width: 965px;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 85px;
}

.section-separate6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: -10px; /* ←ここでテーブルとpの間を狭められる */
}

.section6 .text-box {
  flex: 0 0 auto;   /* 伸び縮みしない */
  width: 220;      /* 内容に応じた最小幅 */
  margin-left: 0px; /* テーブルとの隙間 */
  margin-right: 50px;
  margin-top: 50px;
  font-size: 14px;
}


.sec6in{
    width:730;
}
.headinw{
    width:134px;
}
.headinw2{
    width:133px;
}
.headoutw{
    width:20px;
}
.headoutw2{
    width:200px;
}
.headoutw3{
    width:200px;
}
.sec6txt{
    font-size: 12px;
}
.sec6txt2{
    font-size: 14px;
    margin: -30px 0 0 850px;
}


.sec6-GP6UT td{
	border-color:#888888;
	border-style:solid;
	border-width:1px;
    overflow:hidden;
	padding:1.5px 5px;
	word-break:normal;
}
.sec6-GP6UT th{
	border-color:#888888;
	border-style:solid;
	border-width:1px;
    font-weight:normal;
	overflow:hidden;
	padding:2px 50px;
	word-break:normal;
}
.sec6-GP6UT .color{
	background-color:#E2F5F3;
	text-align:center;
	vertical-align:middle
}
.sec6-GP6UT .sell{
	text-align:center;
	vertical-align:middle
}

.sec6out{
    margin-left: 35px;
}


.section1 button{
	display: flex;
    justify-content: space-between;
    align-items: center;
	text-align: center;
	text-decoration: none;
     width: 182px;	
     margin:-40px 0px 0px 307px;
	padding: 10px 24px;
	font-weight: bold;
	background: #F7F7F7;
	color: #1EB4E7;
	 border-radius: 5px;
	 border: none;
	position: relative;
	transition: 0.3s;
}
.section1 button::before {
	content: '';
	position: absolute;
	top: calc(50% - 2px);
	right: 1em;
	transform: translateY(calc(-50% - 2px)) rotate(45deg);
	width: 10px;
	height: 1px;
	background: #27acd9;
}
.section1 button::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 40px;
	height: 1px;
	background-color: #27acd9;
}
.section1 button:hover {
	background: #d4eef7;
	color: #27acd9;
}


.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

.modal-content {
  background-color: white;
  margin: 10% auto;
	margin-top:80px; 
  padding: 20px;
  width: fit-content;
  max-width: 90%;
  text-align: center;
  border-radius: 10px;
}

.popup-image {
  max-width: 80%;
  height: auto;
}

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}