body
	{
	color:#2e2e2e;
	font-size:14px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height:140%;			/* 行間1.4倍					*/
	background-color:#ffffff;
	width: 100%;				/**/
	max-width: 1920px;			/* 最大1920px それ以下の場合はブラウザサイズ 	*/
	margin-left:  auto;				/* 余白を自動(centerになる) 			*/
	margin-right:  auto;				/* 余白を自動(centerになる) 			*/
	}

table.exmax
	{
	width: 100%;				/**/
	max-width: 1920px;			/* 最大1920px それ以下の場合はブラウザサイズ 	*/
	}

table.ex1200
	{
	text-align: center;
	width: 1200px;				/* 1200px */
	}

table.ex0
	{
	background-color:#ffffff;
	width: 800px;				/* 800px */
	}

table.ex1
	{
	background-color:#dddddd;
	border-collapse:separate;
	border-spacing:20px;
	width: 800px;				/* 800px */
	}

table.ex2
	{
	background-color:#ffffff;
	border-collapse:separate;
	border: 2px solid #777777;
	width: 800px;				/* 800px */
	}

table.ex3
	{
	background-color:#ffffff;
	border-collapse:separate;
	width: 800px;				/* 800px */
	}

table.itex1
	{
	color:#ffffff;
	font-size:10px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height:140%;
	background-color:#393231;
	border-collapse:separate;
	border-spacing:5px;
	border:solid 0px black;
	width: 1024px;			/* 1024px 		*/
	text-align: center;
	display: flex;
	justify-content: center;
	}

table.itexx
	{
	color:#000000;
	font-size:10px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height:140%;
	background-color:#ffffff;
	border-collapse:separate;
	border-spacing:5px;
	border:solid 0px black;
	width: 1024px;			/* 1024px 		*/
	text-align: center;
	display: flex;
	justify-content: center;
	}

table.itex2
	{
	width: 1280px;			/* 1280px 		*/
	color:#000000;			/* 文字色 		*/
	font-size:12px;			/* フォントサイズ 	*/
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height:140%;		/* 文字の上下余白 	*/
	background-color:#ffffff;	/* 背景色 		*/
	border-collapse:separate;	/* 余白を指定する為の宣言 	*/
	border-spacing:1px 1px;		/* 左右1px 上下1px の余白 	*/
	border:solid 0px black;		/* 枠線の太さと色 	*/
	text-align: center;
	display: flex;
	justify-content: center;
	}

table.itex3
	{
	color:#000000;			/* 文字色 		*/
	font-size:10px;			/* フォントサイズ 	*/
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height:140%;		/* 文字の上下余白 	*/
	background-color:#ffffff;	/* 背景色 		*/
	border-collapse:separate;	/* 余白を指定する為の宣言 	*/
	border-spacing:1px 1px;		/* 左右1px 上下1px の余白 	*/
	border:solid 0px black;		/* 枠線の太さと色 	*/
	width: 1024px;			/* 1024px 		*/
	margin: auto;			/* 余白を自動(centerになる) */
	}

table.itexm
	{
	color:#ff0000;			/* 文字色 		*/
	font-size:24px;			/* フォントサイズ 	*/
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight: bold;
	line-height:140%;		/* 文字の上下余白 	*/
	background-color:#ffffff;	/* 背景色 		*/
	border-collapse:separate;	/* 余白を指定する為の宣言 	*/
	border-spacing:1px 1px;		/* 左右1px 上下1px の余白 	*/
	margin: auto;			/* 余白を自動(centerになる) */
	}

table.nr
	{
	white-space:nowrap;
	}


td.ex150
	{
	width: 150px;				/* 150px */
	font-size:12px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight:bold;
	color:#ffffff;
	}

td.ex195
	{
	border: 1px solid #777777;
	width: 195px;				/* 195px */
	}

td.ex200
	{
	font-weight:bold;
	width: 200px;				/* 200px */
	color:#ffffff;
	}

td.ex300
	{
	width: 300px;				/* 300px */
	font-size:12px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color:#ffffff;
	}

td.ex400n
	{
	width: 400px;				/* 400px */
	font-size:12px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color:#000000;
	}

td.ex400
	{
	border: 1px solid #777777;
	width: 400px;				/* 400px */
	}

td.ex600
	{
	width: 600px;				/* 600px */
	font-size:12px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight:bold;
	text-align: left;
	color:#ffffff;
	}


td.ex0
	{
	background:#777777;
	border: 1px solid #777777;
	}


td.ex0:hover
	{
	background:#ffffff;
	}

td.ex1
	{
	background:#FFFFFF;
	border: 1px solid #000000;
	}


td.ex1:hover
	{
	background:#AAAAAA;
	}

td.ex2
	{
	line-height:140%;			/* 行間1.4倍	*/
	padding:10px;				/* 余白		*/
	border: 1px solid #777777;		/* 枠線		*/
	}

td.ex3
	{
	line-height:140%;			/* 行間1.4倍	*/
	}

td.ex7
	{
	background: #ffffff;
	border: 5px solid #0000ff;
	}

td.ex8
	{
	background: #ffffff;
	border: 5px solid #000000;
	}

td.ex9
	{
	background: #ffffff;
	border: 5px solid #ff0000;
	}

td.ex10
	{
	height: 60px;
	vertical-align: middle;
	border: 1px solid #000000;
	}

td.ex11
	{
	vertical-align: top;
	border: 1px solid #000000;
	}

td.b-b
	{
	background: #000000;
	}

td.b-w
	{
	background: #ffffff;
	}

td.a-c
	{
	text-align: center;
	display: flex;
	justify-content: center;
	}

td.a-c-b
	{
	background: #000000;
	text-align: center;
	display: flex;
	justify-content: center;
	}

td.a-r
	{
	text-align: right;
	float:right;
	}

td.a-r-b
	{
	background: #000000;
	text-align: right;
	float:right;
	}

td.a-l
	{
	text-align: left;
	float:left;
	}

td.a-l-b
	{
	background: #000000;
	text-align: left;
	float:left;
	}

td.l
	{
	text-align: left;
	}

td.under
	{
	color:#ffffff;
	font-size:10px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height:140%;
	background-color:#555555;
	text-align: left;
	width: 840px;				/* 800px */
	}

td.under-line
	{
	border-bottom: 1px solid black;
	}

td.v-t
	{
	vertical-align: top;		/* 垂直方向の上揃え 	*/
	}

td.v-b
	{
	vertical-align: bottom;		/* 垂直方向の下揃え 	*/
	}

td.v-m
	{
	vertical-align: middle;		/* 垂直方向の中揃え 	*/
	}

tr.v-t
	{
	vertical-align: top;		/* 垂直方向の上揃え 	*/
	}

tr.v-tl
	{
	vertical-align: top;		/* 垂直方向の上揃え 	*/
	text-align: left;
	}

td.csm
	{
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	background-color:#EEEE00;
	color:#000000;
	}

img.m
	{
	vertical-align: middle;		/* 垂直方向の中揃え 	*/
	margin: auto;				/* 余白を自動(centerになる) */
	}

div
	{
	text-align: center;
	margin: 0 auto;				/* 余白を自動(centerになる) */
	}

a.ex0
	{
	font-size:12px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: left;
	color:#dddddd;
	text-decoration: none;
	line-height: 120%;
	}

a.ex0:visited
	{
	color: #dddddd;
	}

a.ex0:hover
	{
	color: #ff0000;
	}

a.ex1
	{
	font-size:12px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: left;
	font-weight:bold;
	color:#dddddd;
	line-height: 120%;
	}

a.ex1:visited
	{
	color: #dddddd;
	}

a.ex1:hover
	{
	color: #ff0000;
	text-decoration: none;
	}

p.m
	{
	text-align: center;
	display: flex;
	justify-content: center;
	}

p.r
	{
	text-align: right;
	display: flex;
	justify-content: right;
	line-height:2.0;
	}

p.l
	{
	text-align: left;
	display: flex;
	justify-content: left;
	}

span.l-t
	{
	font-size:8px;
	text-align: left;
	line-height:1.5;
	}

p.b
	{
	vertical-align: bottom;		/* 垂直方向の下揃え 	*/
	}

p.C2
	{
	text-align: center;
	line-height:1.7;
	}

p.f10
	{
	font-size:10px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: left;
	color:#000000;
	}

p.f10-2
	{
	font-size:10px;
	line-height: 1.5;
	}

p.f16
	{
	font-size:16px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: left;
	color:#000000;
	text-decoration:underline solid #000000;
	}

p.f18
	{
	font-size:18px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: left;
	color:#000000;
	}

p.gr_black
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #000000);
	}

p.gr_purp
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #812973);
	}

p.gr_red
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #c80a23);
	}

p.gr_sky
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #009fe9);
	}

p.gr_orang
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #ee4d07);
	}

p.gr_yello
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #f59900);
	}

p.gr_green
	{
	color:#FFFFFF;
	text-align: left;
	background:linear-gradient(-45deg, #fff, #0ea860);
	}

img.img_b
	{
	border-collapse:separate;	/* 余白を指定する為の宣言 	*/
	border-spacing:1px 1px;		/* 左右1px 上下1px の余白 	*/
	border:solid 1px black;		/* 枠線の太さと色 	*/
	}

 /* --- テーブル全体のスタイル指定 --------------- */
.tableArea {
  margin         : auto;             /* 自動位置   */
  border-collapse: collapse;         /* 境界線結合 */
  border-spacing : 0;                /* 罫線間余白 */
  font-size      : 9pt;              /* 文字サイズ */
  background     : #ffffff;          /* テーブル全体の背景色 */
}
 /* --- ヘッダーのスタイル指定 ------------------- */
.tableArea th {
  text-align    : center;            /* 文字位置  */
  padding       : 5px;               /* 余白      */
  border        : 1px #666666 solid; /* 罫線      */
  background    : #cccccc;           /* 背景色    */
}
 /* --- 明細のスタイル指定 ----------------------- */
.tableArea td {
  padding       : 5px;               /* 余白      */
  border        : 1px #666666 solid; /* 罫線      */
  cursor        : pointer;           /* カーソル  */
}
 /* --- 明細のｎ行にカーソルが乗ったとき ---------- */
.tableArea tr:hover {
  background    : #acf2ac !important;           /* 背景色    */
}

/* --- 画像にカーソルが乗った時の処理 --- */
/* hover effect */
.img-chang img {
/*  filter: invert(0%);*/
/*  object-fit: cover; */
/*  transition: all 0.5s ease-in; */
}
.img-chang img:hover {
  transform:scale(0.9);			/* ズームアウト */
  transition:0.3s;
/*  filter: invert(100%);		/* 色の反転 */　*/
}
.img-chang2 img {
}
.img-chang2 img:hover {
  z-index: 9999;
  transform:scale(4);			/* ズームアウト */
  transition:0.3s;
}

/* --- トップ画面の画像スクロール --- */
/* カルーセルの外枠 */
.carousel {
  width: 1200px;
  height: 586px;
  display: flex;			/* 子要素を横に並べる */
  overflow: hidden;			/* はみ出た部分は表示しない */
  margin: 0 auto;			/* 水平方向中央寄せ */
}
/* カルーセル内の画像 */
.carousel img {
  margin: 0;
  padding: 0;
  display: block;			/* imgタグの改行のすき間を消すため */
}
/* スクロールアニメーションのキーフレーム */
@keyframes scroll {
  0% { margin-left: 0; }		/* 初期位置は1個目の画像が左端 */
  8% { margin-left: -100%; }		/* 1個分左の位置に進めて2個目の画像を左端にする */
  17% { margin-left: -100%; }		/* 少しの間上と同じ位置 */
  25% { margin-left: -200%; }		/* 2個分左の位置に進めて3個目の画像を左端にする */
  34% { margin-left: -200%; }		/* 少しの間上と同じ位置 */  
  42% { margin-left: -300%; }		/* 以降は上と同様に繰り返し */
  51% { margin-left: -300%; }
  59% { margin-left: -400%; }
  68% { margin-left: -400%; }
  76% { margin-left: -500%; }
  85% { margin-left: -500%; }
  93% { margin-left: -600%; }
  100% { margin-left: -600%; }
}
/* カルーセルの子要素にスクロールアニメーションを設定 */
.carousel > :first-child {
  animation-name: scroll;		/* キーフレーム名 */
  animation-duration: 20s;		/* 再生時間全体は20秒 */
  animation-delay: 0s;			/* 読込直後から遅延無しで開始 */
  animation-iteration-count: infinite;  /* 無限に繰り返す */
}
/*FAQの回答をクリックで表示させる*/
.acd-check{
  display: none;
}
.acd-label{
  background: #ffffff;
  color: #000000;
  display: block;
  margin-bottom: 1px;
  padding: 0 10px;
  position: relative;
}
.acd-label:before{
    box-sizing: border-box;
    content: "＋";
    display: inline-block;
    height: 20px;
    padding: 10px 20px;
    top: 0px;
}
.acd-content{
  border: 0px solid #333;
  height: 0;
  opacity: 0;
  padding: 5 70px;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label:before{
    content: "−";
}
.acd-check:checked + .acd-label + .acd-content{
  height: 30px;
  opacity: 1;
  padding: 5 70px;
  visibility: visible;
}
/*タブ切り替え全体のスタイル*/
.tabs
	{
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: 700px;
	margin: 0 auto;
	}

/*タブのスタイル*/
.tab_item
	{
	width: calc(100%/14);
	height: 50px;
	border-bottom: 3px solid #9999ff;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	}
.tab_item:hover
	{
	opacity: 0.75;
	}


/*ラジオボタンを全て消す*/
input[name="tab_item"]
	{
	display: none;
	}

/*タブ切り替えの中身のスタイル*/
.tab_content
	{
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
	}


/*選択されているタブのコンテンツのみを表示*/
#A:checked ~ #A_content,
#C:checked ~ #C_content,
#E:checked ~ #E_content,
#F:checked ~ #F_content,
#H:checked ~ #H_content,
#J:checked ~ #J_content,
#K:checked ~ #K_content,
#L:checked ~ #L_content,
#N:checked ~ #N_content,
#P:checked ~ #P_content,
#R:checked ~ #R_content,
#S:checked ~ #S_content,
#T:checked ~ #T_content,
#U:checked ~ #U_content,
#X:checked ~ #X_content,
#SIZE:checked ~ #SIZE_content
	{
	display: block;
	}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item
	{
	background-color: #9999ff;
	color: #fff;
	}

/* モーダルのスタイル */
.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4); /* 背景色 */
    opacity: 0; /* 初期状態では透明 */
    visibility: hidden; /* 初期状態では不可視 */
    transition: opacity 0.5s, visibility 0.5s; /* アニメーション効果 */
}

/* モーダルの画像スタイル */
.modal-content {
    display: block;
    width: 80%;
    max-width: 800px;
}

/* モーダルの閉じるボタン */
#close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.img-ex {
    border: 1px solid #000;
    cursor: pointer;
}

.img-ex img {
    width: 100px;
    height: 75px;
    object-fit: cover;
}