@charset "utf-8";
/* バナーを囲む親要素 */
.banner-wrapper {
  display: flex;
  justify-content: space-between; /* 左右に均等配置 */
  gap: 16px;                     /* バナー同士の間隔（お好みで調整） */
  width: 100%;
  max-width: 1000px;             /* 全体の最大幅（お好みのサイズに） */
  margin: 0 auto;                /* 中央寄せ */
  box-sizing: border-box;
}

/* 各バナーの枠 */
.banner-item {
  flex: 1;                       /* 2つのバナーを同じ幅（50%ずつ）にする */
  min-width: 0;                  /* Flexboxのはみ出し防止 */
}

/* バナー画像自体の設定 */
.banner-item img {
  width: 100% !important;        /* 枠いっぱいに広げる */
  height: auto !important;       /* 縦横比を維持 */
  display: block;
  border: 0;
}

/* 【オプション】スマホで縦並びにしたい場合（画面幅768px以下） */
@media (max-width: 768px) {
  .banner-wrapper {
    flex-direction: column;      /* スマホでは1列（縦並び）にする */
    gap: 12px;                   /* 縦並びの時の間隔 */
  }
}
#c878 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c904 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c904 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c904 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c907 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c906 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c905 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c908 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c908 a.itext, #c908 img, #c908 video {
	width: 499px;
	height: 585px;
}
#c799 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c879 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c879 h2,
#c879 div {
	text-align: left;
}
#c839 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c839 h1,
#c839 div {
	text-align: left;
}
#c796 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c841 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c899 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c899 h2,
#c899 div {
	text-align: center;
}
#c876 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c876 dl dt {
	width: 20%;
}
#c876 dl dd {
	width: 80%;
}
#c810 {
	clear: both;
	background-image: url(../images/top/bg01.jpg);
	margin:    ;
	padding:    ;
}
#c837 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c837 h1,
#c837 div {
	text-align: left;
}
#c881 {
	clear: both;
	margin:  20px  ;
	padding:    ;
}
#c881 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c881 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c881 > div:nth-of-type(1) img {
	width: 215px;
}
#c881 > div:nth-of-type(2) img {
	width: 215px;
}
#c881 > div:nth-of-type(3) img {
	width: 215px;
}
#c877 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c909 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c909 h2,
#c909 div {
	text-align: center;
}
#c910 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c910 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c910 ul li { margin-right: px; }
#c910 ul li:last-child { margin-right: 0; }
#c910 > ul li:nth-of-type(1) img {
	width: 800px;
}
#c910 > ul li:nth-of-type(2) img {
	width: 600px;
}
#c910 > ul li:nth-of-type(3) img {
	width: 800px;
}
#c910 > ul li:nth-of-type(4) img {
	width: 600px;
}
#c910 > ul li:nth-of-type(5) img {
	width: 800px;
}
#c910 > ul li:nth-of-type(6) img {
	width: 800px;
}
#c910 > ul li:nth-of-type(7) img {
	width: 600px;
}
#c870 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c870 h3,
#c870 div {
	text-align: center;
}
#c911 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c911 h2,
#c911 div {
	text-align: center;
}
#c912 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c912 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c912 ul li { margin-right: px; }
#c912 ul li:last-child { margin-right: 0; }
#c912 > ul li:nth-of-type(1) img {
	width: 600px;
}
#c912 > ul li:nth-of-type(2) img {
	width: 600px;
}
#c912 > ul li:nth-of-type(3) img {
	width: 600px;
}
#c912 > ul li:nth-of-type(4) img {
	width: 2016px;
}
#c912 > ul li:nth-of-type(5) img {
	width: 640px;
}
#c912 > ul li:nth-of-type(6) img {
	width: 600px;
}
#c912 > ul li:nth-of-type(7) img {
	width: 600px;
}
#c912 > ul li:nth-of-type(8) img {
	width: 600px;
}
#c913 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c913 h3,
#c913 div {
	text-align: center;
}
#c843 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c914 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c917 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c917 h2,
#c917 div {
	text-align: left;
}
#c918 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c918 h1,
#c918 div {
	text-align: left;
}
#c928 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c928 h3,
#c928 div {
	text-align: left;
}
#c916 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c915 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c915 a.itext, #c915 img, #c915 video {
	width: 500px;
	height: 504px;
}
#c919 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c920 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c920 h2,
#c920 div {
	text-align: center;
}
#c926 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c926 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c926 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c925 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c925 h3,
#c925 div {
	text-align: center;
}
#c930 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c930 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c930 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c930 > div:nth-of-type(1) img {
	width: 600px;
}
#c930 > div:nth-of-type(2) img {
	width: 600px;
}
#c930 > div:nth-of-type(3) img {
	width: 600px;
}
#c929 {
	clear: both;
	margin: 80px 0 0 0;
	padding:    ;
}
#c927 {
	clear: both;
	display: none;
	margin: 50px 0 0 0;
	padding:    ;
}
#c927 a.itext, #c927 img, #c927 video {
	width: 750px;
	height: 300px;
}
#c880 {
	clear: both;
	background-image: url(../images/top/bg02.jpg);
	margin:    ;
	padding:    ;
}
#c924 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c924 h2,
#c924 div {
	text-align: center;
}
#c921 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c921 h1,
#c921 div {
	text-align: center;
}
#c922 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c922 h3,
#c922 div {
	text-align: center;
}
#c883 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c923 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 835px) {
#c878 {
}
#c904 {
}
#c904 {
}
#c907 {
}
#c906 {
}
#c905 {
}
#c908 {
}
#c799 {
}
#c879 {
}
#c839 {
}
#c796 {
}
#c841 {
}
#c899 {
}
#c876 {
}
#c810 {
}
#c837 {
}
#c881 {
}
#c881 {
}
#c877 {
}
#c909 {
}
#c910 {
}
#c870 {
}
#c911 {
}
#c912 {
}
#c913 {
}
#c843 {
}
#c914 {
}
#c917 {
}
#c918 {
}
#c928 {
}
#c916 {
}
#c915 {
}
#c919 {
}
#c920 {
}
#c926 {
}
#c926 {
}
#c925 {
}
#c930 {
	display: none;
}
#c930 {
}
#c929 {
}
#c927 {
	display: none;
}
#c880 {
}
#c924 {
}
#c921 {
}
#c922 {
}
#c883 {
}
#c923 {
}
}
@media screen and (max-width: 640px) {
#c878 {
}
#c904 {
}
#c904 {
}
#c907 {
}
#c906 {
}
#c905 {
}
#c908 {
}
#c799 {
}
#c879 {
}
#c839 {
}
#c796 {
}
#c841 {
}
#c899 {
}
#c876 {
}
#c810 {
}
#c837 {
}
#c881 {
}
#c881 {
}
#c877 {
}
#c909 {
}
#c910 {
}
#c870 {
}
#c911 {
}
#c912 {
}
#c913 {
}
#c843 {
}
#c914 {
}
#c917 {
}
#c918 {
}
#c928 {
}
#c916 {
}
#c915 {
}
#c919 {
}
#c920 {
}
#c926 {
}
#c926 {
}
#c925 {
}
#c930 {
	display: none;
}
#c930 {
}
#c929 {
}
#c927 {
	display: none;
}
#c880 {
}
#c924 {
}
#c921 {
}
#c922 {
}
#c883 {
}
#c923 {
}
}