@charset "utf-8";
.heading-33 {
    border-bottom: 3px solid #f2f2f2;
}

.heading-33 span {
    display: inline-block;
    position: relative;
    padding: 0 .4em .2em;
    color: #001b37;
    font-size: 20px;
    font-weight: 600;
}

.heading-33 span::before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #c4323e;
    content: '';
}

.list-3 {
    list-style-type: none;
}

.list-3 li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
}

.list-3 li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #c4323e;
    border-left: 2px solid #c4323e;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

/* コンテナ全体のスタイル */
.product-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  font-family: sans-serif;
  box-sizing: border-box;
}

/* 左側：テキストスタイル */
.text-content {
  flex: 1;
}

.title {
  color: #437336; /* 緑色の見出し */
  font-size: 24px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 24px;
}

.description {
  color: #333333;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* 右側：画像ギャラリー */
.image-gallery {
  display: flex;
  gap: 30px;
  align-items: flex-end;
}

.image-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-item img {
  max-height: 250px; /* 画像の高さを統一・制限 */
  width: auto;
  object-fit: contain;
}

.caption {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 15px;
  color: #222222;
  text-align: center;
}

/* レスポンシブ対応（スマホ表示時に縦並びにする場合） */
@media (max-width: 768px) {
  .product-container {
    flex-direction: column;
  }
  .image-gallery {
    width: 100%;
    justify-content: center;
  }
}
#c2 {
	clear: both;
	background-image: url(/images/contents/lower-top-img-01.jpeg);
	margin:    ;
	padding: 120px 0 120px 0;
}
#c2 h1,
#c2 div {
	text-align: center;
}
#c3 {
	clear: both;
	margin: 20px 0 100px 0;
	padding:    ;
}
#c3 h3,
#c3 div {
	text-align: left;
}
#c4 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c4 h2,
#c4 div {
	text-align: left;
}
#c5 {
	clear: both;
	margin: 0 0 30px 0;
	padding:    ;
}
#c5 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c5 > div.box {
	border: 1px solid #001b37;
	box-sizing: border-box;
	overflow: hidden;
}
#c5 > div:nth-of-type(1) img {
	width: 500px;
}
#c5 > div:nth-of-type(2) img {
	width: 500px;
}
#c5 > div:nth-of-type(3) img {
	width: 500px;
}
#c6 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c6 h2,
#c6 div {
	text-align: left;
}
#c63 {
	clear: both;
	margin: 0 0 60px 0;
	padding:    ;
}
#c64 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c64 a.itext, #c64 img, #c64 video {
	width: 1000px;
	height: 750px;
}
#c65 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c66 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c66 h3,
#c66 div {
	text-align: left;
}
#c67 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c55 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c55 h2,
#c55 div {
	text-align: left;
}
#c68 {
	clear: both;
	margin: 0 0 60px 0;
	padding:    ;
}
#c69 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c69 a.itext, #c69 img, #c69 video {
}
#c70 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c71 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c71 h3,
#c71 div {
	text-align: left;
}
#c72 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c56 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c56 h2,
#c56 div {
	text-align: left;
}
#c7 {
	clear: both;
	margin: 40px 0 40px 0;
	padding:    ;
}
#c7 h3,
#c7 div {
	text-align: left;
}
#c9 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c9 h3,
#c9 div {
	text-align: left;
}
#c8 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c8 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c8 ul li { margin-right: px; }
#c8 ul li:last-child { margin-right: 0; }
#c27 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c27 h3,
#c27 div {
	text-align: left;
}
#c54 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c54 dl dt {
	width: 20%;
}
#c54 dl dd {
	width: 80%;
}
#c38 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c38 h2,
#c38 div {
	text-align: left;
}
#c28 {
	clear: both;
	margin: 0 0 60px 0;
	padding:    ;
}
#c30 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c30 a.itext, #c30 img, #c30 video {
	width: 392px;
	height: 503px;
}
#c30 h3,
#c30 div {
	text-align: center;
}
#c31 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c31 a.itext, #c31 img, #c31 video {
	width: 274px;
	height: 537px;
}
#c31 h3,
#c31 div {
	text-align: center;
}
#c29 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c33 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c33 h3,
#c33 div {
	text-align: left;
}
#c12 {
	clear: both;
	margin: 20px 0 0 0;
	padding:    ;
}
#c12 h3,
#c12 div {
	text-align: left;
}
#c40 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c40 dl dt {
	width: 20%;
}
#c40 dl dd {
	width: 80%;
}
#c39 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c34 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c35 {
	clear: both;
	margin: 0 0 0 0;
	padding:    ;
}
#c35 a.itext, #c35 img, #c35 video {
	width: 760px;
	height: 469px;
}
#c35 h3,
#c35 div {
	text-align: right;
}
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c32 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c53 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c53 h2,
#c53 div {
	text-align: left;
}
#c41 {
	clear: both;
	margin: 0 0 60px 0;
	padding:    ;
}
#c42 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 a.itext, #c42 img, #c42 video {
	width: 258px;
	height: 311px;
}
#c42 h3,
#c42 div {
	text-align: center;
}
#c43 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c43 a.itext, #c43 img, #c43 video {
	width: 258px;
	height: 311px;
}
#c43 h3,
#c43 div {
	text-align: center;
}
#c44 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c45 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c45 h3,
#c45 div {
	text-align: left;
}
#c20 {
	clear: both;
	margin: 20px 0 0 0;
	padding:    ;
}
#c20 h3,
#c20 div {
	text-align: left;
}
#c52 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c52 dl dt {
	width: 20%;
}
#c52 dl dd {
	width: 80%;
}
#c46 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c47 {
	clear: both;
	margin: 0 0 60px 0;
	padding:    ;
}
#c48 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c48 a.itext, #c48 img, #c48 video {
	width: 316px;
	height: 412px;
}
#c48 h3,
#c48 div {
	text-align: center;
}
#c50 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c49 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c49 a.itext, #c49 img, #c49 video {
	width: 316px;
	height: 412px;
}
#c49 h3,
#c49 div {
	text-align: center;
}
#c51 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c24 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c24 h2,
#c24 div {
	text-align: left;
}
#c25 {
	clear: both;
	display: none;
	margin: 20px 0 40px 0;
	padding:    ;
}
#c25 table td {
	padding: 10px;
}
#c25_cell_1_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_2_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_3_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_4_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_5_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_6_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_7_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_8_1 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_1_2 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_2_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_3_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_4_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_5_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_6_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_7_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_8_2 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_1_3 {
	text-align: center;
	vertical-align: middle;
	background: #274091;
	color: #ffffff;
}
#c25_cell_2_3 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_3_3 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_4_3 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_5_3 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_6_3 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_7_3 {
	text-align: center;
	vertical-align: middle;
}
#c25_cell_8_3 {
	text-align: center;
	vertical-align: middle;
}
#c73 {
	clear: both;
	margin: 30px 0 40px 0;
	padding:    ;
}
#c73 a.itext, #c73 img, #c73 video {
	width: 1815px;
	height: 534px;
}
#c26 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c26 h3,
#c26 div {
	text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c2 {
	padding: 100px 0 100px 0;
}
#c3 {
	margin: 16px 0 80px 0;
}
#c4 {
	margin: 0 0 20px 0;
}
#c5 {
}
#c5 {
}
#c6 {
	margin: 0 0 20px 0;
}
#c63 {
	margin: 0 0 50px 0;
}
#c64 {
}
#c65 {
}
#c66 {
}
#c67 {
}
#c55 {
	margin: 0 0 20px 0;
}
#c68 {
	margin: 0 0 50px 0;
}
#c69 {
}
#c70 {
}
#c71 {
}
#c72 {
}
#c56 {
	margin: 0 0 20px 0;
}
#c7 {
}
#c9 {
}
#c8 {
}
#c27 {
}
#c54 {
}
#c38 {
	margin: 0 0 16px 0;
}
#c28 {
}
#c30 {
}
#c31 {
}
#c29 {
}
#c33 {
}
#c12 {
}
#c40 {
}
#c39 {
}
#c34 {
}
#c35 {
	margin: 0 0 20px 0;
}
#c37 {
}
#c32 {
}
#c53 {
	margin: 0 0 16px 0;
}
#c41 {
}
#c42 {
}
#c43 {
}
#c44 {
}
#c45 {
}
#c20 {
}
#c52 {
}
#c46 {
}
#c47 {
}
#c48 {
}
#c50 {
}
#c49 {
}
#c51 {
}
#c24 {
	margin: 0 0 20px 0;
}
#c25 {
	display: none;
}
#c73 {
}
#c26 {
}
}
@media screen and (max-width: 640px) {
#c2 {
	padding: 80px 0 80px 0;
}
#c3 {
	margin: 12px 0 60px 0;
}
#c4 {
	margin: 0 0 20px 0;
}
#c5 {
}
#c5 {
}
#c6 {
	margin: 0 0 20px 0;
}
#c63 {
	margin: 0 0 40px 0;
}
#c64 {
}
#c65 {
}
#c66 {
}
#c67 {
}
#c55 {
	margin: 0 0 20px 0;
}
#c68 {
	margin: 0 0 40px 0;
}
#c69 {
}
#c70 {
}
#c71 {
}
#c72 {
}
#c56 {
	margin: 0 0 20px 0;
}
#c7 {
}
#c9 {
}
#c8 {
}
#c27 {
}
#c54 {
}
#c38 {
	margin: 0 0 12px 0;
}
#c28 {
}
#c30 {
}
#c31 {
}
#c29 {
}
#c33 {
}
#c12 {
}
#c40 {
}
#c39 {
}
#c34 {
}
#c35 {
	margin: 0 0 20px 0;
}
#c37 {
}
#c32 {
}
#c53 {
	margin: 0 0 12px 0;
}
#c41 {
}
#c42 {
}
#c43 {
}
#c44 {
}
#c45 {
}
#c20 {
}
#c52 {
}
#c46 {
}
#c47 {
}
#c48 {
}
#c50 {
}
#c49 {
}
#c51 {
}
#c24 {
	margin: 0 0 20px 0;
}
#c25 {
	display: none;
}
#c73 {
}
#c26 {
}
}