/* bodyの定義 */
/* ヘッダの画像のサイズ調整とリンクメニューの表示 */
		img.header-image {
				width							: 232px;
				height							: 64px;
				border							: 0;
		}

		a.header-menu {
				text-decoration					: none;
				color							: #000;
				font-size						: 13pt;
				font-weight						: bold;
				padding							: 0 10px;;
		}

		/* コンテンツの見出し */
		div.content-title {
				background-color				: #E6E3DF;
				width							: 1fr;
				padding							: 5px 20px 5px 20px;
				border							: 1px solid #000;
		}

		.inline-title {
				display							: inline; 						/* h3 をインラインにする */
				margin-right					: 5px; 							/* 適度なスペースを空ける場合 */
				white-space						: nowrap;
		}

		h2.inline-title {
				font-size						: 1.8rem;
		}

		h3.inline-title {
				font-size						: 1.4rem;
		}

		h4.inline-title {
				font-size						: 1.2rem;
		}

		img.inline-title-L {
				height							: 46px;
		}

		img.inline-title-M {
				height							: 30px;
		}

		/* ナビの見出し */
		div.navi-title {
				background-color				: #fff;
				padding							: 10px 0 4px 4px;
				border							: 0;
		}

		/* ナビの折りたたみ */
		.itemList.show-all .item {
				display							: block;
		}

		.itemList .item {
				display							: none;
		}

		.itemList .item:nth-child(-n+10) {
				display							: block;
		}


/* セレクトボックス */
		.select {
				-webkit-appearance				: none;
				-moz-appearance					: none;
				appearance						: none;
				/* Add some styling */
				/*  display						: block;*
				/*  width						: 100%;*/
				max-width						: 320px;
				/*  height						: 50px;*/
				/*  float						: right;*/
				margin							: 5px 0px;
				padding							: 10px 10px;
				line-height						: 1em;
				color							: #333;
				background-color				: #ffffff;
				background-image				: none;
				border							: 1px solid #606060;
				-ms-word-break					: normal;
				word-break						: normal;
				/*width							: 160pt;*/
				font-size						: 18pt;
		}
		/* IE11 hide native button (thanks Matt!) */
		select::-ms-expand {
				display							: none;
		}

/* Submitボタン */
		button {
				width							: 1fr;
				padding							: 8px;
				border							: 1px solid #333;
				border-radius					: 5px;
/*				background-color				: #5f9ea0;		*/
				background-color				: #E6E3DF;
				color							: white;
				cursor							: pointer;
				transition						: 3s;							/*	なめらか変化	*/
				text-align						: center;
		}
		button:hover {
				/*	background-color				: #528f86;	*/
/*				background-color				: #d0d0d0;		*/
				background-color				: #C6C3BF;
		}

/* ラウンドボタン */
		.roundedButton {
				padding							: 10px 20px;					/* 上下のパディングと左右のパディング */
				margin							: 0px 0px 40px 0px;
				background-color				: #009872;						/* ボタンの背景色 */
				color							: white;						/* テキスト色 */
				border							: none;							/* 枠線なし */
				border-radius					: 45px;							/* 角丸の半径 */
				transition						: 1s;							/*	なめらか変化	*/
				cursor							: pointer;						/* カーソルをポインタに */
				width							: 60%;
				font-weight						: bold;
		}
		.roundedButton:hover {
				/*	background-color				: #528f86;	*/
				background-color				: #006842;
		}

/* ラウンド枠 */
		.roundedFrame {
				padding							: 4px 20px;						/* 上下のパディングと左右のパディング */
				margin							: 0px 40px 0px 0px;
				background-color				: #fff;							/* ボタンの背景色 */
				color							: black;						/* テキスト色 */
				border							: none;							/* 枠線なし */
				border-radius					: 45px;							/* 角丸の半径 */
				transition						: 1s;							/*	なめらか変化	*/
		}

/* ヘッダーメニュー */
		/* メニュー段組み */
		.menuLayout {
				position						: relative;
				padding							: 0px;
				width							: 100%;
		}

		/* メニューハイライトのコントロール */
		.menuOn {
				display							: inline-block;
				border-radius					: 5px;							/*	角丸			*/
				font-weight						: bold;							/*	文字の太さ		*/
				text-align						: center;						/*	文字位置		*/
				cursor							: auto;							/*	カーソル		*/
				margin							: 0px 0px;						/*	余白			*/
				padding							: 10px 10px;					/*	余白			*/
				background						: #ffffff;						/*	背景色			*/
				color							: #000000;						/*	文字色			*/
				line-height						: 1em;							/*	1行の高さ		*/
				transition						: .3s;							/*	なめらか変化	*/
				border							: none;							/*	枠の指定		*/
				text-decoration					: none;							/*	リンク装飾		*/
				/*box-shadow					: 6px 6px 3px #666666;*/		/*	影の設定		*/
				box-sizing						: border-box;
		}
		.menuOff {
				display							: inline-block;
				border-radius					: 5px;							/*	角丸			*/
				font-weight						: bold;							/*	文字の太さ		*/
				text-align						: center;						/*	文字位置		*/
				cursor							: pointer;						/*	カーソル		*/
				margin							: 0px 0px;						/*	余白			*/
				padding							: 10px 10px;					/*	余白			*/
				background						: #d9d9d9;						/*	背景色			*/
				color							: #000000;						/*	文字色			*/
				line-height						: 1em;							/*	1行の高さ		*/
				transition						: .3s;							/*	なめらか変化	*/
				border							: none;							/*	枠の指定		*/
				text-decoration					: none;							/*	リンク装飾		*/
				/*box-shadow					: 6px 6px 3px #666666;*/		/*	影の設定		*/
				box-sizing						: border-box;
		}
		.menuOff:hover {
				color							: #000000;						/*	文字色			*/
				background						: #ffffff;						/*	背景色			*/
				/*box-shadow					: none;*/						/*	カーソル時の影消去	*/
		}

		/* 角丸塗りつぶしの強調ラベル */
		.menuLabel {
				display							: inline-block;
				border-radius					: 5px;							/*	角丸			*/
				text-align						: center;						/*	文字位置		*/
				cursor							: auto;							/*	カーソル		*/
				padding							: 12px 12px;					/*	余白			*/
				background						: #707070;						/*	背景色			*/
				color							: #ffffff;						/*	文字色			*/
				line-height						: 1em;							/*	1行の高さ		*/
				transition						: .3s;							/*	なめらか変化	*/
				border							: none;							/*	枠の指定		*/
				text-decoration					: none;							/*	リンク装飾		*/
				/*box-shadow					: 6px 6px 3px #666666;*/		/*	影の設定		*/
		}

/* 行頭文字 */
		div.bullet{
				margin-top						: 7px;
				margin-right					: 7px;
				width							: 22px;
				height							: 22px;
				border-radius					: 3px;							/* 角丸の半径 */
				background						: #57a2c7;
				float							: left;
		}
		div.bullet:after {
				content							: "";
				clear							: both;
				height							: 0;
				display							: block;
				visibility						: hidden;
		}
		.bulletIn {
				position						: absolute;
				color							: #fff;
				margin-top						: 2px;
				margin-left						: 4px;
				font-size						: 11pt;
		}

/* タブ切り替え */
		ul{
				margin							: 0;
				padding							: 0;
				list-style-type					: none;
		}
		li dt dd {
				font-size						: 14pt;
		}

/* フッタのメニューボタン画像のサイズ調整 */
		img.footer-image {
				width							: 187px;
				height							: 90px;
				padding-bottom					: 10px;
				border							: 0;
		}

/* 左右両端レイアウト */
		div.left-right {
				width							: 100%;
				display							: flex;
				justify-content					: space-between;
				align-items						: flex-end;
		}
		div.left {
				width							: 100%;
				text-align						: left;
				white-space						: nowrap;
				padding							: 0px;
		}
		div.right {
				width							: 100%;
				text-align						: right;
				white-space						: nowrap;
				padding							: 0px;
		}
		div.center {
				width							: 100%;
				text-align						: center;
		}

/* 画像ファイルとテキストを中央揃えで横並びに配置 */
		.align-middle {
				vertical-align					: middle;
		}

/* 画像ファイルとテキストを下揃えで横並びに配置 */
		.align-bottom {
				vertical-align					: bottom;
		}

		a.none-underline {
				text-decoration					: none;
				color							: #000;
		}

		.bold {
				font-weight						: bold;
		}

		.rem11 {
				font-size						: 1.1rem;
		}

		.red {
				color							: #f00;
		}

		.blue {
				color							: #2789A8;
		}




/* 空白行 */
		.lineSpace {
				height							: 2px;
		}

/* div内改行禁止 */
		.no-wrap-text {
				white-space						: nowrap;						/* 改行禁止 */
				overflow						: hidden;						/* はみ出したテキストを隠す */
				text-overflow					: ellipsis;						/* はみ出したテキストの末尾に省略記号を表示 */
		}

/* 水平線 */
		.hr-text {
				line-height						: 1em;
				position						: relative;
				outline							: 0;
				border							: 0;
				color							: black;
				text-align						: center;
				height							: 1.5em;
				opacity							: .5;
				margin-top						: 0px;
				margin-bottom					: 4px;
				font-size						: 1.1rem;
		}
		.hr-text:before {
				content							: '';
				background						: -webkit-linear-gradient(left, transparent, #818078, transparent);
				background						: linear-gradient(to right, transparent, #818078, transparent);
				position						: absolute;
				left							: 0;
				top								: 30%;							/* 横線の上下位置 */
				width							: 100%;
				height							: 1px;
		}
		.hr-text:after {
				content							: attr(data-content);
				position						: relative;
				display							: inline-block;
				color							: black;
				padding							: 0 .5em;
				line-height						: 0.8em;
				color							: #191950;
				background-color				: #fcfcfa;
				font-family						: sans-serif;
				font-weight						: bold;
		}

/* スクロールバー */
		.scroll-container {
				width							: 100%;					 		/* コンテナの幅 */
				overflow-x						: auto; 						/* 横スクロールを有効にする */
				white-space						: nowrap; 						/* コンテンツを横一列に並べる */
				background-color				: #a0a0a0;
		}

		.content-item {
				display							: inline-block;
/*				width							: 200px; 	*/					/* 各アイテムの幅 */
				width							: 100%;
				margin-right					: 10px;
				background-color				: #f0f0f0;
/*				padding							: 10px;	*/
				box-sizing						: border-box;
		}

		div.sideNavi {
				margin							: 10px;
		}

		div.header-pc, div.navi {
				display							: block;
				border							: 0;
				margin							: 0;
				padding							: 0;
		}

		div.header-mb {
				display							: none;
				border							: 0;
				margin							: 0;
				padding							: 0;
		}


		/* その他のスタイル（既存のスタイル含む） */


	/* モバイル向けレイアウト（画面幅が768px以下） */
	@media (max-width: 768px) {

		div.content-title {
				padding							: 5px 3px;
		}

		img.header-image {
				width							: 190px;
				height							: 61px;
		}

		h2.inline-title {
				font-size						: 1.4rem;
		}

		h3.inline-title {
				font-size						: 1.2rem;
		}

		h4.inline-title label.inline-title {
				font-size						: 1.1rem;
		}

		img.inline-title-L {
				height							: 32px;
		}

		img.inline-title-M {
				height							: 22px;
		}

		div.header-pc, div.navi {
				display							: none;
		}

		div.header-mb {
				display							: block;
		}

	}

