@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ★ CSS
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆Common
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	body {
		position    : relative;
		top         : 0px;
		min-width   : 320px;
		overflow-x  : hidden;
		overflow-y  : scroll;
		color       : #252525;
		background  : #ffffff;
		box-sizing  : border-box;
		padding     : 0px  0px 0px  0px;
		margin      : 0px auto 0px auto;
	}
	
	* {
		font-family   : 'Noto Sans JP', sans-serif;
		box-sizing    : border-box;
		
		font-feature-settings         : pkna;
		-webkit-font-feature-settings : pkna;/* liga palt pkna */
		-moz-font-feature-settings    : pkna;
		
		overflow-wrap : break-word !important;
		word-break    : break-all;
	}
	
	p,
	li {
		font-weight      : normal;
		font-stretch     : normal;
		font-size-adjust : inherit;
		
		text-indent      : 0em;
		text-align       : justify;
		text-justify     : inter-ideograph;
		
		line-break       : strict;
		word-break       : break-all;
		
		word-spacing     : 0em;
		letter-spacing   : 0em;
		
		white-space      : normal;
		layout-grid-line : 0px;
		layout-grid-char : 0px;
		layout-grid-mode : both;
		layout-grid-type : loose;
	}
	
	.FloatLeft  { float : left;  margin : 0px 5px 0px 0px !important; }
	.FloatRight { float : right; margin : 0px 0px 0px 5px !important; }
	
	.TextLeft   { text-align : left   !important; }
	.TextRight  { text-align : right  !important; }
	.TextCenter { text-align : center !important; }
	
	
	
	#Wrapper {
		position : relative;
	}
	
	#TopStyle {
		background-image    : url(../img/design/bg-main.png);
		background-position : center -50px;
		background-repeat   : no-repeat;
		/*
		background-size     : 100% auto;
		*/
	}
	
	
	



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆ clearfix */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	.clearfix:after {
		content    : "" !important;
		display    : block;
		height     : 0;
		clear      : both;
		visibility : hidden;
	}
	
	* html .clearfix { height : 1%; }
	       .clearfix { display:block; }
	
	
	



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆Header
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	header {
		width      : auto;
		text-align : center;
		display    : block;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
	
		
		/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
		/* ◆div.Description */
		/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
		div.DescriptionContainer {
			width      : auto;
			font-size  : 90%;
			color      : #ffffff;
			background : transparent;
			padding    : 0px;
			margin     : 200px auto 0px auto;
		}
		
				div.Description {
					width           : 90%;
					max-width       : 960px;
					text-shadow     : 0px 0px 10px #09245b, 0px 0px 10px #09245b, 0px 0px 10px #09245b;
					display         : table;
					border-collapse : separate;
					border-spacing  : 10px;
					padding         : 20px 4px;
					margin          : 0px auto;
				}
				
				
				div.Description p.Copy {
					font-size   : calc(0.95em + 100vw * 0.004);
					font-family : "Noto Serif JP";
					text-align  : center;
					margin      : 0px auto 0px auto;
				}
				
				div.Description h1 {
					white-space   : nowrap;
					font-size     : calc(2.5em + 100vw * 0.005);
					border-top    : 1px solid rgba(255, 255, 255, 0.85);
					border-bottom : 1px solid rgba(255, 255, 255, 0.85);
					padding       : 10px  4px 10px  4px;
					margin        : 20px auto 10px auto;
				}
				
				div.Description p.en {
					text-align  : center;
					margin      : 0px auto 0px auto;
				}
				
				
				
						div.Description div.Cell {
							vertical-align : middle;
							display        : table-cell;
						}
						
						div.Description div.CellLeft {
							width   : 30%;
						}
						div.Description div.CellRight {
							width   : 70%;
						}
						
						header h2 {
							position    : relative;
							top         : 0px;
							font-size   : 1.0em;
							font-weight : normal;
							border-top  : 0px;
							display     : inline-block;
							padding     : 0px  0px 0px  0px;
							margin      : 0px auto 0px auto;
						}
								
								header h2 img {
									max-width : 100%;
									height    : auto;
									padding   : 0px  0px 0px  0px;
									margin    : 0px auto 0px auto;
								}
								
								
								
		
		#SubStyle div.DescriptionContainer {
			position            : relative;
			top                 : 0px;
			width               : auto;
			font-size           : 90%;
			
			color               : #fff;
			background-color    : transparent                    !important;
			background-image    : url(../img/design/bg-main.png) !important;
			background-position : center -100px                  !important;
			background-repeat   : no-repeat                      !important;
			
			padding             : 0px;
			margin              : 0px auto 0px auto;
		}
				
				#SubStyle div.Description h1 {
					position      : relative;
					top           : 0px;
					text-align    : left;
					font-size     : calc(2.0em + 100vw * 0.005);
					border-top    : 1px solid rgba(255, 255, 255, 0.85);
					border-bottom : 1px solid rgba(255, 255, 255, 0.85);
					padding       : 10px 10px 10px 10px;
					margin        : 20px auto 10px auto;
				}
				
				#SubStyle div.Description h1 span {
					position      : relative;
					top           : -5px;
					left          : 5px;
					text-align    : left;
					font-size     : 60%;
					color         : #99ccff;
				}
				
				
				
		
		
		
		#SubStyle nav.Breadcrumbs {
			position   : relative;
			top        : 0px;
			width      : 96%;
			max-width  : 940px;
			font-size  : 90%;
			text-align : left;
			display    : block;
			padding    : 4px  4px 4px  4px;
			margin     : 0px auto 0px auto;
		}
		
				#SubStyle nav.Breadcrumbs li {
					display : inline-block;
					padding : 0px;
					margin  : 0px 5px 0px 5px;
				}
				
				#SubStyle nav.Breadcrumbs li * {
					vertical-align : middle !important;
				}
				
				#SubStyle nav.Breadcrumbs li: {
					display : inline-block;
					padding : 0px;
					margin  : 0px 5px 0px 5px;
				}
				
				#SubStyle nav.Breadcrumbs li.link {
					font-size : 90%;
				}
				
				#SubStyle nav.Breadcrumbs li.link::after {
					content         : "  ＞";
					color           : #cccccc;
					font-size       : 80%;
				}
				
						#SubStyle nav.Breadcrumbs li.link a {
							color           : #252525;
							text-decoration : none;
							display         : inline-block;
							border-radius   : 4px;
							padding         : 3px 6px 3px 6px;
						}
						
						#SubStyle nav.Breadcrumbs li.link a:hover {
							color            : #ffffff;
							background-color : #335599;
							transition       : all 0.3s ease;
						}
						
				
				#SubStyle nav.Breadcrumbs li.CurrentPgae {
					position  : relative;
					top       : 2px;
					color     : #335599;
					font-size : 100%;
				}
				
				
				



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆MENU
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#HeaderContainer {
		position        : relative;
		top             : 0px;
		background      : #ffffff;
		padding         : 0px  0px 0px  0px;
		margin          : 0px auto 0px auto;
		z-index         : 100;
	}
	
			#HMBContainer {
				position        : relative;
				top             : 0px;
				width           : 100%;
				max-width       : 960px;
				display         : table;
				background      : #ffffff;
				border-collapse : separate;
				border-spacing  : 4px 10px;
				padding         : 0px  0px 0px  0px;
				margin          : 0px auto 0px auto;
				z-index         : 100;
			}
					#HMBContainer div.SiteName {
						position       : relative;
						line-height    : 1.2;
						width          : 240px;
						font-size      : 16pt;
						font-weight    : 500;
						text-align     : left;
						vertical-align : middle;
						white-space    : nowrap;
						display        : table-cell;
						color          : #002244;
						background     : #ffffff;
						padding        : 4px  4px 4px  4px;
						margin         : 0px auto 0px auto;
					}
							
							#HMBContainer div.SiteName span {
								font-size      : 70%;
								font-weight    : normal;
								text-align     : center;
								vertical-align : middle;
								color          : #002244;
								padding        : 2px  2px 2px  2px;
								margin         : 0px auto 0px auto;
							}
							
					
					#HMBCell {
						position   : relative;
						width      : 38px;
						text-align : center;
						display    : none;
						background : #ffffff;
						padding    : 0px  0px 0px  0px;
						margin     : 0px auto 0px auto;
					}
					
							#hmb {
								position      : relative;
								width         : 30px;
								height        : 30px;
								cursor        : pointer;
								background    : #002244;
								border-radius : 4px;
								margin        : 2px auto 0px auto;
							}
							
							#hmb span {
								position            : absolute;
								width               : 70%;
								height              : 2px;
								background          : rgba(255, 255, 255, 0.5);
								margin              : 4px 15% 4px 15%;
								transition          : all 0.3s;
								backface-visibility : hidden;
								display             : block;
								transform-origin    : center;
							}
							
							#hmb span:nth-child(1) {
								top       : 2px;
							}
							
							#hmb span:nth-child(2) {
								top       : 10px;
							}
							
							#hmb span:nth-child(3) {
								bottom    : 2px;
							}
							
							#hmb.Open span:nth-child(1) {
								transform : rotate(45deg);
								top       : 10px;
							}
							
							#hmb.Open span:nth-child(2) {
								opacity : 0;
							}
							
							#hmb.Open span:nth-child(3) {
								transform : rotate(-45deg);
								bottom    : 10px;
							}
			
			
			#SPInnerMenuContainer {
				display : none;
			}
			
			#PCMenuContainer .menu ul {
				position        : relative;
				top             :  0px;
				left            :  0px;
				width           : auto;
				height          : 100%;
				text-align      : left;
				background      : #ffffff;
				
				display         : flex;
				justify-content : space-between;
				
				padding         : 0px 0px 0px 0px;
				margin          : 0px 0px 0px 0px;
				z-index         : 1000000000;
			}
			
					/*
					.menu h2 {
						font-size   : 90%;
						font-weight : bold;
						color       : #2b3861;
						background  : #eeeeee;
						display     : block;
						padding     : 4px  4px 4px  4px;
						margin      : 0px auto 0px auto;
					}
					*/
					
					
					#PCMenuContainer .menu ul li {
						width           : 100%;
						height          : 100%;
						list-style-type : none;
						display         : block;
						border-collapse : separate;
						border-spacing  : 1px 0px;
						transition      : all 0.3s ease;
						padding         : 0px  0px 0px  0px;
						margin          : 0px auto 0px auto;
					}
					
					#PCMenuContainer .menu ul li.has-child,
					#PCMenuContainer .menu ul li.has-child:hover {
						padding    : 0px  0px 0px  0px !important;
						margin     : 0px auto 0px auto !important;
					}
							
							#PCMenuContainer .menu ul li.has-child li {
								background : #2b3861;
							}
							
							#PCMenuContainer .menu ul li.has-child li:hover {
								background : #16203f;
							}
							
							#PCMenuContainer .menu ul li.has-child li nav {
								padding : 0px  0px 0px  0px !important;
								margin  : 0px auto 0px auto !important;
							}
					
					#PCMenuContainer .menu ul li:hover,
					#PCMenuContainer .menu ul li.link.Current {
						background : #16203f;
					}
					
							#PCMenuContainer .menu ul li a:hover,
							#PCMenuContainer .menu ul li.link.Current a {
								color : #ffffff;
							}
					
							#PCMenuContainer .menu ul li a {
								height          : 100%;
								font-size       : 0.75em;
								text-align      : center;
								vertical-align  : middle;
								color           : #002244;
								text-decoration : none;
								vertical-align  : middle;
								display         : block;
								padding         : 8px 10px 8px 10px;
							}
							
							
							



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆media only screen and (max-width: 960px) */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
@media only screen and (max-width: 960px) {
	
	/* ---------------------------------------------------------------------------- */
	/* ▼#HMBCell */
	/* ---------------------------------------------------------------------------- */
	#HMBCell {
		display : table-cell;
	}
	
	
	
	/* ---------------------------------------------------------------------------- */
	/* ▼.menu */
	/* ---------------------------------------------------------------------------- */
	#SPMenuContainer {
		position         : relative;
		top              : 0px;
		width            : 100%;
		display          : block;
		background-color : rgba(255, 255, 255, 0.8);
		padding          : 0px  0px 0px  0px;
		margin           : 0px auto 0px auto;
	}
	
			#PCMenuContainer .menu ul {
				display : none;
			}
			
			#SPMenuContainer .menu ul {
				position : relative;
				top      : 0px !important;
				width    : 100%;
				display  : block;
				padding  : 0px  0px 0px  0px;
				margin   : 0px auto 0px auto;
			}
			
					#SPMenuContainer .menu ul li {
						list-style-type : none;
						width           : 100%;
						display         : table;
						border-bottom   : 1px dashed #777777;
						border-collapse : separate;
						border-spacing  : 4px;
						transition      : all 0.3s ease;
						padding         : 0px  0px 0px  0px;
						margin          : 0px auto 0px auto;
					}
					
					#SPMenuContainer .menu ul li.has-child,
					#SPMenuContainer .menu ul li.has-child:hover {
						padding    : 0px  0px 0px  0px !important;
						margin     : 0px auto 0px auto !important;
					}
					
							#SPMenuContainer .menu ul li.has-child::after {
								content : none;
							}
							
							#SPMenuContainer .menu ul li.has-child li {
								background : #2b3861;
							}
							
							#SPMenuContainer .menu ul li.has-child li:hover {
								background : #16203f;
							}
							
							#SPMenuContainer .menu ul li.has-child li nav {
								padding : 0px  0px 0px  0px !important;
								margin  : 0px auto 0px auto !important;
							}
					
					#SPMenuContainer .menu ul li:hover,
					#SPMenuContainer .menu ul li.link.Current {
						background : #16203f;
					}
					
							#SPMenuContainer .menu ul li:hover a,
							#SPMenuContainer .menu ul li.link.Current a {
								color : #ffffff;
							}
							
							#SPMenuContainer .menu ul li:hover::before,
							#SPMenuContainer .menu ul li:hover::after {
								color : #ffffff;
							}
							
					
					#SPMenuContainer .menu ul li:last-child {
						border-bottom : 0px;
						margin        : 0px auto 0px auto;
					}
					
							#SPMenuContainer .menu ul li a {
								font-family     : 'Noto Sans JP';
								color           : #002244;
								text-decoration : none;
								vertical-align  : middle;
								display         : block;
								padding         : 10px 6px 10px 6px;
							}
							
							#SPMenuContainer .menu ul li.ico-home a {
								padding         : 10px 6px 10px 0px;
							}
							
							#SPMenuContainer .menu ul li::before {
								position       : relative;
								top            :  0px;
								line-height    : 1.2;
								left           : -6px;
								width          : 24px;
								font-family    : 'Material Icons';
								font-size      : 24px;
								font-weight    : 400;
								vertical-align : middle;
								display        : table-cell;
								padding        : 2px 4px 2px 6px;
							}
							
							/* HOME */
							#SPMenuContainer .menu ul li.ico-home::before {
								content : '\e88a';
							}
							
							/* 個人情報保護方針 */
							#SPMenuContainer .menu ul li.ico-praivacy::before {
								content : '\ea17';
							}
							
							
							
							#SPMenuContainer .menu ul li::after {
								width          : 24px;
								content        : '\e313';
								font-family    : 'Material Icons';
								font-size      : 16pt;
								font-weight    : 400;
								text-align     : center;
								vertical-align : middle;
								cursor         : pointer;
								display        : table-cell;
								padding        : 2px 2px 2px 2px;
							}
							
							
							#SPMenuContainer .menu ul li.link::after {
								content : '\e315' !important;
							}
					
}/* END @media only screen and (max-width: 960px) */



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆#WhatsNewContainer
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
#WhatsNewContainer {
	width            : 98%;
	max-width        : 860px;
	color            : #ffffff;
	background-color : rgba(10, 30, 50, 0.85);/* rgba(0, 51, 153, 0.85) */
	border           : 1px solid rgba(255, 255, 255, 0.75);
	border-radius    : 6px;
	padding          : 10px 10px 10px 10px;
	margin           : 50px auto 50px auto;
}

		ul.WhatsNewSet {
			list-style-type : none;
			padding         : 0px  0px 0px 0px;
			margin          : 0px auto 0px auto;
		}
		
				ul.WhatsNewSet li {
					list-style-type : none;
					font-size       : 1.15em;
					padding         : 0px  0px 0px 0px;
					margin          : 0px auto 0px auto;
				}
				
				ul.WhatsNewSet li span.time,
				ul.WhatsNewSet li time {
					color     : #ffff00;
					display   : inline-block;
					padding   : 0px  0px 0px 0px;
					margin    : 2px auto 2px auto;
				}
				
				ul.WhatsNewSet li span.time::before,
				ul.WhatsNewSet li time::before {
					content : "【";
				}
				
				ul.WhatsNewSet li span.time::after,
				ul.WhatsNewSet li time::after {
					content : "】";
				}
				
				ul.WhatsNewSet li span.val {
					line-height      : 1.2;
					color            : #ffffff;
					display          : inline-block;
					border-radius    : 4px;
					padding          : 2px 6px 6px   8px;
					margin           : 2px 0px 2px -10px;
				}
				
				ul.WhatsNewSet li a {
					position         : relative;
					line-height      : 1.2;
					color            : #ffff00;
					text-decoration  : none;
					transition       : all 0.3s ease;
					display          : inline-block;
					border-radius    : 4px;
					padding          : 2px 6px 6px   8px;
					margin           : 2px 0px 2px -10px;
				}
				
						ul.WhatsNewSet li a::after {
							position         : relative;
							top              : 2px;
							content          : '\e5cc';
							font-family      : 'Material Icons';
							display          : inline-block;
							border-radius    : 4px;
							padding          : 2px 0px 2px 0px;
							margin           : 0px 0px 0px 0px;
						}
						
				
				ul.WhatsNewSet li a:hover {
					background-color : #002244;
				}
				
				
				



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆main
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#MainContainer {
		width      : auto;
		text-align : center;
		display    : block;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
			
			#MainContainer main {
				width     : 98%;
				max-width : 960px;
				font-size : 90% !important;
				display   : block;
				padding   : 10px 10px 10px 10px;
				margin    :  0px auto  0px auto;
			}
			
			
			
			
			
			
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			/* ◆div.WhiteBaseContainer */
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			div.WhiteBaseContainer {
				width      : 98%;
				background : #ffffff;
				padding    : 20px  4px  4px  4px;
				margin     : 20px auto 20px auto;
			}
			
					div.GrayTitleContainer {
						width         : 98%;
						border-top    : 1px solid #efefef;
						border-bottom : 1px solid #efefef;
						padding       : 4px  0px 4px  0px;
						margin        : 5px auto 5px auto;
					}
					
							div.GrayTitleContainer h2 {
								position    : relative;
								line-height : 1.6;
								width       : auto;
								background  : #efefef;
								display     : block;
								font-size   : 2em;
								font-weight : 700;
								text-align  : left;
								color       : #252525;
								padding     : 4px  8px 4px  8px !important;
								margin      : 0px auto 0px auto;
							}
							
			
			div.GaryBaseContainer {
				width      : 98%;
				background : #eeeeee;
				padding    : 20px  4px  4px  4px;
				margin     : 20px auto 20px auto;
			}
			
			div.MarginBottomNone {
				margin-bottom : 0px !important;
			}
					
					div.WhiteTitleContainer {
						width         : 98%;
						border-top    : 1px solid #ffffff;
						border-bottom : 1px solid #ffffff;
						padding       : 4px  0px 4px  0px;
						margin        : 5px auto 5px auto;
					}
					
					
							div.WhiteTitleContainer h2 {
								position    : relative;
								line-height : 1.6;
								width       : auto;
								background  : #ffffff;
								display     : block;
								font-size   : 2em;
								font-weight : 700;
								text-align  : left;
								color       : #252525;
								padding     : 4px  8px 4px  8px !important;
								margin      : 0px auto 0px auto;
							}
							
							
							div.WhiteBaseContainer h2 span,
							div.GaryBaseContainer  h2 span {
								position    : relative;
								top         : -6px;
								font-size   : 0.5em;
								font-weight : 500;
								color       : #335599;
								padding     : 0px 0px 0px 0px;
								margin      : 0px 0px 0px 5px;
							}
							
							
					div.IntroductionContainer {
						width           : 98%;
						display         : table;
						border-collapse : 4px;
						padding         : 4px  4px 4px  4px;
						margin          : 5px auto 5px auto;
					}
							
							div.IntroductionContainer div.CellLeft {
								width          : 200px;
								display        : table-cell;
								vertical-align : top;
								padding        : 4px  4px 4px  4px;
								margin         : 5px auto 5px auto;
							}
							
							div.IntroductionContainer div.CellRight {
								width          : auto;
								display        : table-cell;
								vertical-align : middle;
								padding        : 4px  4px 4px  4px;
								margin         : 5px auto 5px auto;
							}
							
							
							
			
			
			
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			/* ◆div.InlineBtn */
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			div.InlineBtn {
				transition       : all 0.3s ease;
				background-color : #002244;
				display          : table;
				border-radius    : 4pt;
				cursor           : pointer;
				padding          : 6px 4px 6px 6px;
				margin           : 5px 5px 5px 5px;
			}
			
			div.InlineBtn:hover {
				background-color : #001122;
			}
			
					div.InlineBtn a {
						font-size       : 14pt;
						color           : #ffffff;
						text-align      : left;
						text-decoration : none;
						vertical-align  : middle;
						display         : table-cell;
						padding         : 0px 30px 0px 6px;
						margin          : 5px  0px 5px 0px;
					}
					
					div.InlineBtn::before {
						width          : 7px;
						min-height     : 40px;
						background     : #ffff00;
						content        : "";
						vertical-align : middle;
						display        : table-cell;
					}
					
					div.InlineBtn::after {
						color          : #ffff00;
						content        : "\e154";
						font-family    : 'Material Icons';
						font-size      : 24pt;
						vertical-align : middle;
						display        : table-cell;
					}
					
					div.InlineBtn a span {
						font-size : 6pt;
						display   : block;
					}
					
					
					
			
			
			
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			/* ◆div.BackToTop */
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			div.BackToTop {
				width      : 80%;
				text-align : right;
				border-top : 1px solid #cccccc;
				padding    :  0px  5px  0px  0px;
				margin     : 20px auto 20px auto;
			}
			
					div.BackToTop a {
						position        : relative;
						top             : 0px;
						font-size       : 0.8em;
						color           : #ffffff;
						background      : #999999;
						text-decoration : none;
						display         : inline-block;
						transition      : all 0.3s ease;
						border-radius   :  0px  0px  6px  6px;
						padding         :  4px 4px  4px 12px;
						margin          :  0px auto 10px auto;
					}
					
					div.BackToTop a:hover {
						color           : #ffffff;
						background      : #2b3861;
					}
					
					div.BackToTop a::after {
						position     : relative;
						top          : 3px;
						content      : '\e316';
						font-family  : 'Material Icons';
						font-size    : 130%;
						font-weight  : 400;
					}
					
					
					
			
			
			
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			/* ◆div.FooterBackToTop */
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			div.FooterBackToTop {
				width      : 80px;
				height     : 80px;
				text-align : center;
				display    : inline-block;
				padding    : 0px  0px 0px  0px;
				margin     : 0px auto 0px auto;
			}
			
					div.FooterBackToTop a {
						position        : relative;
						top             : 0px;
						width           : 100%;
						height          : 100%;
						overflow        : hidden;
						font-size       : 0.8em;
						text-align      : center;
						text-decoration : none;
						display         : block;
						border-radius   : 4px;
						transition      : background 0.3s ease;
						padding         : 0px  4px 12px  4px;
						margin          : 0px auto  0px auto;
					}
					
					div.FooterBackToTop a span::before {
						position    : relative;
						top         : 20px;
						content     : '\e316';
						font-family : 'Material Icons';
						font-size   : 20pt;
						font-weight : 400;
						display     : block;
						transition  : all 0.3s ease;
						animation   : MoveDown ease 0.5s forwards;
						padding     : 2px  2px 2px  2px;
						margin      : 0px auto 0px auto;
					}
					
					div.FooterBackToTop a span {
						display     : block;
						transition  : all 0.3s ease;
					}
					
					div.FooterBackToTop a:hover span {
						animation  : MoveUp ease 0.5s forwards;
					}
					
					div.FooterBackToTop a:hover span::before {
						animation  : MoveUp ease 0.5s forwards;
					}
					
					@keyframes MoveDown {
						0% {
							top        : 20px;
							transform  : scale(1.2);
						}
						49.9% {
							top : 100px;
							transform  : scale(1.2);
						}
						50% {
							top : -20px;
							transform  : scale(1.2);
						}
						100% {
							top        : 20px;
							transform  : scale(1.0);
						}
					}
					
					@keyframes MoveUp {
						0% {
							top : 20px;
							transform  : scale(1.0);
						}
						49.9% {
							top : -20px;
							transform  : scale(1.0);
						}
						50% {
							top : 100px;
							transform  : scale(1.0);
						}
						100% {
							top : 20px;
							transform  : scale(1.2);
						}
					}
					
					
					div.FooterBackToTop a {
						color           : #ffff00;
						background      : #112233;
					}
					
					div.FooterBackToTop a:hover {
						color           : #ffff00;
						background      : #001122;
					}
					
					
					
			
			
			
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			/* ◆ul.CommonSet */
			/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
			ul.CommonSet {
				position        : relative;
				width           : 90%;
				text-align      : center;
				list-style-type : none !important;
				padding         :  0px  0px  0px  0px !important;
				margin          : 20px auto 20px auto !important;
			}
			
					ul.CommonSet li {
						position        : relative;
						text-align      : left;
						list-style-type : none !important;
						padding         : 0px  0px 0px 15px !important;
						margin          : 5px auto 5px auto !important;
					}
					
					ul.CommonSet li::before {
						position  : absolute;
						top       : 2px;
						left      : 0px;
						content   : '●';
						color     : #ffe33b;
						font-size : 9pt;
					}
					
					
					



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆AccessContainer
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#AccessContainer {
		width      : auto;
		text-align : center;
		display    : block;
		background : #eeeeee;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
	
			#AccessContainer aside {
				width     : 98%;
				max-width : 960px;
				display   : block;
				padding   : 0px  0px 0px  0px;
				margin    : 0px auto 0px auto;
			}
			
					div.GoogleMapContainer {
						width      : 98%;
						max-width  : 960px;
						display    : block;
						background : #ffffff;
						border     : 1px solid #cccccc;
						padding    : 10px 10px 10px 10px;
						margin     :  0px auto  0px auto;
					}
					
							div.GoogleMapContainer iframe {
								width     : 100%;
								display   : block;
								padding   : 0px  0px 0px  0px;
								margin    : 0px auto 0px auto;
							}
					
					div.TransferContainer {
						width     : 98%;
						max-width : 960px;
						font-size : 90%;
						display   : table;
						padding   : 10px 10px 10px 10px;
						margin    :  0px auto  0px auto;
					}
					
							div.TransferContainer div.CellLeft {
								width     : 48%;
								display   : table-cell;
								padding   : 10px 10px 10px 10px;
								margin    :  0px auto  0px auto;
							}
							
							div.TransferContainer div.CellRight {
								width     : 48%;
								display   : table-cell;
								padding   : 10px 10px 10px 10px;
								margin    :  0px auto  0px auto;
							}
							
							div.TransferContainer h3 {
								color      : #002244;
								text-align : left;
								display    : block;
								padding    : 10px  4px 10px 50px;
								margin     :  0px auto  0px auto;
							}
							
							div.TransferContainer div.CellLeft h3 {
								background : url(../img/ico/ico-car.png) left center no-repeat;
							}
							
							div.TransferContainer div.CellRight h3 {
								background : url(../img/ico/ico-train.png) left center no-repeat;
							}
							
							
							



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆個人情報保護方針 */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	/* p */
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	main p {
		text-align : left;
		padding    : 10px 10px 10px 10px;
		margin     :  0px auto  0px auto;
	}
	
	
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	/* UL */
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	main ul {
		width           : auto;
		list-style-type : disc;
		padding         : 0px  0px 0px 0px;
		margin          : 5px 10px 5px 30px;
	}
	
			main ul li {
				list-style-type : disc;
				text-align      : left;
				padding         : 0px  0px 0px 0px;
				margin          : 5px auto 5px auto;
			}
			
			
	
	
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	/* OL */
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	main ol {
		width           : auto;
		list-style-type : disc;
		padding         : 0px  0px 0px 0px;
		margin          : 5px 10px 5px 30px;
	}
	
			main ol li {
				list-style-type : decimal;
				text-align      : left;
				padding         : 0px  0px 0px 0px;
				margin          : 5px auto 5px auto;
			}
			
			
	
	
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	/* DL */
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	main dl {
		position   : relative;
		padding    : 0px  0px 0px 0px;
		margin     : 5px auto 5px auto;
	}
	
			main dt {
				float      : left;
				padding    : 2px  2px 2px  2px;
				margin     : 0px auto 0px auto;
			}
			
			main dd {
				text-align : left;
				clear      : right;
				padding    : 2px  2px 2px  2px;
				margin     : 0px auto 0px auto;
			}
			
			
	
	
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	/* TABLE */
	/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	main table {
		width           : 98%;
		max-width       : 960px;
		border-collapse : collapse;
		margin          : 10px auto 10px auto;
	}
	
			main table th {
				vertical-align   : top;
				background-color : #eeeeee;
				border           : 1px solid #cccccc;
				padding          : 2px 4px 2px 4px;
			}
			
			main table td {
				text-align       : left;
				vertical-align   : top;
				background-color : #ffffff;
				border           : 1px solid #cccccc;
				padding          : 2px 4px 2px 4px;
			}
			
			
			main table td.num {
				white-space : nowrap;
			}
			
			
			/* ---------------------------------------------------------------------------- */
			/* ◆ table.CompanySet */
			/* ---------------------------------------------------------------------------- */
			main table.CompanySet th {
				width          : 15%;
				font-weight    : normal;
				color          : #002244;
				background     : #ffffff;
				text-align     : left;
				vertical-align : top;
				border         : 0px;
				border-bottom  : 1px dotted #002244;
				padding        : 8px;
			}
			
			
			main table.CompanySet td {
				width          : 85%;
				color          : #002244;
				background     : #ffffff;
				text-align     : left;
				vertical-align : top;
				border         : 0px;
				border-bottom  : 1px dotted #002244;
				padding        : 8px;
			}
			
			
			main table.CompanySet tr.FourColumn th {
				width          : 15%;
				text-align     : left;
				vertical-align : top;
				padding        : 8px;
			}
			
			
			main table.CompanySet tr.FourColumn th:nth-of-type(2)  {
				border-left : 1px dotted #002244;
			}
			
			
			main table.CompanySet tr.FourColumn td {
				width          : 35%;
				text-align     : left;
				vertical-align : top;
			}
			
			
					div.TableInnerContainer {
						width   : 100%;
						display : table;
						padding : 0px  0px 0px  0px;
						margin  : 0px auto 0px auto;
					}
					
							div.TableInnerContainer div.Cell {
								width   : 50%;
								display : table-cell;
								padding : 4px  6px 4px  6px;
								margin  : 0px auto 0px auto;
							}
							
							
							
			
			
			
			/* ---------------------------------------------------------------------------- */
			/* ◆ table.HistorySet */
			/* ---------------------------------------------------------------------------- */
			main table.HistorySet th {
				width          : 15%;
				font-weight    : normal;
				color          : #002244;
				background     : #ffffff;
				text-align     : left;
				vertical-align : middle;
				border         : 0px;
				border-bottom  : 1px dotted #002244;
				padding        : 8px;
			}
			
			
			main table.HistorySet td {
				width          : 85%;
				color          : #002244;
				background     : #ffffff;
				text-align     : left;
				vertical-align : middle;
				border         : 0px;
				border-bottom  : 1px dotted #002244;
				padding        : 8px;
			}
			
			
			main table.HistorySet tr.FourColumn th {
				width          : 15%;
				text-align     : left;
				vertical-align : top;
				padding        : 8px;
			}
			
			
			



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆FormContainer */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#FormContainer {
		width     : 98%;
		max-width : 960px;
		display   : block;
		padding   : 0px  0px 0px  0px;
		margin    : 0px auto 0px auto;
	}
	
			
			#FormContainer form {
				width  : 98%;
				margin : 5px auto 5px auto;
			}
			
					#FormContainer form section {
						width       : 98%;
						font-weight : normal;
						color       : #002244;
						background  : #ffffff;
						border      : 0px;
						display     : block;
						padding     :  4px  6px  4px  6px;
						margin      : 15px auto 15px auto;
					}
					
					#FormContainer h3 {
						width         : 98%;
						font-weight   : normal;
						color         : #002244;
						background    : #efefef;
						border-radius : 6px;
						display       : block;
						padding       : 4px  6px 6px  8px;
						margin        : 5px auto 5px auto;
					}
					
					#FormContainer table.FormSet {
						table-layout   : auto;
						width          : 98%;
						font-weight    : normal;
						color          : #002244;
						background     : #ffffff;
						border         : 0px;
						padding        : 4px  6px 4px  6px;
						margin         : 5px auto 5px auto;
					}
					
							#FormContainer table.FormSet th {
								font-weight    : normal;
								color          : #002244;
								background     : #ffffff;
								text-align     : left;
								vertical-align : top;
								white-space    : nowrap;
								border         : 0px;
								border-bottom  : 1px dotted #002244;
								padding        : 8px;
							}
							
							#FormContainer table.FormSet td {
								color          : #002244;
								background     : #ffffff;
								text-align     : left;
								vertical-align : top;
								border         : 0px;
								border-bottom  : 1px dotted #002244;
								padding        : 8px;
							}
							
							#FormContainer textarea {
								width         : 98%;
								border        : 1px solid #cccccc;
								border-radius : 6px;
								display       : block;
								padding       : 2px  2px 2px  2px;
								margin        : 5px auto 5px auto;
							}
							
							#FormContainer input[type="text"] {
								width       : 80% !important;
								padding     : 2px 2px 2px 2px;
								margin-left : 5px;
							}
							
							
							div.IndentContainer {
								width      : auto;
								text-align : left;
								display    : block;
								margin     : 8px auto 8px 22px;
							}
							
									div.IndentTitle {
										margin  : 0px auto 0px 2px;
									}
							
							span.IndentText {
								display : inline-block;
								margin  : 0px auto 0px 25px;
							}
							
							div.formcap {
								width          : 100%;
								text-align     : left;
								vertical-align : top;
								border         : 1px solid red;
								padding        : 8px 8px 8px 8px;
							}
							
							
							#FormContainer fieldset {
								border        : 1px solid #cccccc;
								border-radius : 6px;
								padding       : 8px 8px 10px 8px;
								margin        : 0px 1%  10px 1%;
							}
							
							div.FieldContainer {
								width           : 98%;
								display         : flex;
								/*
								align-items     : top;
								justify-content : left;
								*/
								flex-wrap       : wrap;
								padding         : 0px  0px 0px  0px;
								margin          : 0px auto 0px auto;
							}
							
									div.FieldContainer fieldset {
										width         : 48%;
										flex-shrink   : 0;
										text-align    : left;
										display       : block;
										border-radius : 6px;
										padding       :  4px 8px  6px 8px;
										margin        : 10px 1%  10px 1%;
									}
									
									div.FieldContainer fieldset dd {
										text-align : center;
										display    : block;
										margin     : 2px auto 2px auto;
									}
									
									div.FieldContainer fieldset dd input {
										width      : 80% !important;
										text-align : left;
										padding    : 2px 2px 2px 2px;
										margin     : 0px auto  0px auto;
									}
									
							div.FormBtnContainer {
								text-align : center;
								padding    : 16px  4px 16px  4px;
								margin     :  0px auto  0px auto;
							}
							
									div.FormBtnContainer input {
										cursor     : pointer;
										text-align : center;
										display    : inline-block;
										padding    : 16px 32px 16px 32px;
										margin     :  0px auto  0px auto;
									}
									
									
									
	span.required {
		line-height   : 1.4;
		font-size     : 9pt;
		color         : #ffffff;
		background    : #335599;
		text-align    : center;
		border-radius : 4px;
		display       : inline-block;
		padding       : 2px 4px 4px 4px;
	}
	
	table.ConfirmSet {
		width     : 96%;
		max-width : 960px;
	}
	
	table.ConfirmSet th {
		width : 30%;
	}
	
	table.ConfirmSet td {
		width : 70%;
	}
	
	ul.IBListSet {
		position        : relative;
		width           : 90%;
		text-align      : left;
		list-style-type : disc;
		display         : block;
		padding         : 0px  0px 0px  0px;
		margin          : 5px auto 5px auto;
	}
	
			ul.IBListSet li {
				position : relative;
				display  : inline-block;
				padding  : 0px  0px 0px  0px;
				margin   : 5px auto 5px auto;
			}
			
					ul.IBListSet li::before {
						position    : absolute;
						top         : 8px;
						left        : -14px;
						font-size   : 9pt;
						content     : '\e836';
						font-family : 'Material Icons';
						display     : inline-block;
						padding     : 0px  0px 0px  0px;
					}
					



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆Privacy */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#Privacy {
		position   : relative;
		width      : auto;
		text-align : center;
		display    : block;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
	
			#Privacy h3,
			#Privacy h4,
			#Privacy h5 {
				width      : 98%;
				text-align : left;
				margin     : 25px auto 5px auto;
			}
			
			#Privacy p {
				width      : 96%;
				font-size  : 0.9em;
				text-align : left;
				padding    : 4px  4px 4px  4px;
				margin     : 5px auto 5px auto;
			}
			
			#Privacy a {
				width      : 96%;
				font-size  : 0.9em;
				text-align : left;
				padding    : 4px 4px 4px 4px;
				margin     : 5px 2%  5px 2%;
			}
			
			#Privacy div.Indent {
				width      : 98%;
				text-align : left;
				padding    : 4px  4px  4px  4px;
				margin     : 5px auto 15px auto;
			}
			
			
			



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆div.PhotoContainer */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
		div.PhotoContainer {
			width           : 94%;
			display         : flex;
			justify-content : center;
			align-items     : center;
			padding         : 4px  4px 4px  4px;
			margin          : 5px auto 5px auto;
		}
		
				div.PhotoContainer div.Cell {
					width      : 48% !important;
					text-align : center;
					padding    : 4px  4px 4px  4px;
					margin     : 5px auto 5px auto;
				}
				
						div.PhotoContainer div.Cell figure {
							width          : 96%;
							text-align     : center;
							vertical-align : middle;
							display        : block;
							padding        : 0px  0px 0px  0px;
							margin         : 0px auto 0px auto;
						}
				
						div.PhotoContainer div.Cell img {
							width          : 100% !important;
							height         : auto;
							max-width      : 640px;
							text-align     : center;
							vertical-align : middle;
							display        : block;
							border-radius  : 6px;
							padding        : 0px  0px 0px  0px;
							margin         : 0px auto 0px auto;
						}
						
						
						



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆ProductsSetContainer */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#ProductsContainer {
		width      : 98%;
		font-size  : 90%;
		display    : block;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
	
			
			ul.ProductsSet {
				display         : flex;
				flex-wrap       : wrap;
				text-align      : center;
				border-collapse : collapse;
				padding         :  0px  0px  0px  0px;
				margin          : 50px auto 50px auto;
			}
			
					
					ul.ProductsSet li {
						position        : relative;
						/*
						width           : 33%;
						*/
						list-style-type : none;
						text-align      : center;
						display         : block;
						padding         :  0px  0px  0px  0px;
						margin          : 10px auto 10px auto;
					}
					
					ul.ProductsSet.TwoColumn {
						max-width : 660px;
					}
					
							ul.ProductsSet.TwoColumn li {
								width : 50%;
							}
					
					ul.ProductsSet.ThreeColumn li {
						width : 33%;
					}
					
							ul.ProductsSet.ThreeColumn li {
								max-width : 960px;
							}
					
					
					#ProductsContainer figure {
						list-style-type : none;
						text-align      : center;
						display         : block;
						padding         : 0px  0px 0px  0px;
						margin          : 0px auto 0px auto;
					}
							
							#ProductsContainer figcaption {
								color   : #002244;
								display : block;
								padding :  4px  4px  4px  4px;
								margin  : 10px auto 15px auto;
							}
							
							#ProductsContainer figure img {
								width          : 100%;
								height         : auto;
								max-width      : 240px;
								max-height     : 240px;
								text-align     : center;
								vertical-align : top;
								border-radius  : 6px;
								border         : 1px solid #ffffff;
								transform      : scale(1.0);
								transition     : all 0.3s ease;
								padding        : 0px  0px 0px  0px;
								margin         : 0px auto 0px auto;
							}
							
							#ProductsContainer figure a {
								transition : all 0.3s ease;
							}
							
							#ProductsContainer figure a:hover img {
								transform      : scale(1.1);
								box-shadow     : 0px 0px 10px #cccccc;
							}
							
							
							



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆AnchorContainer */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	div.AnchorContainer {
		width      : 98%;
		font-size  : 90%;
		display    : block;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
	
			
			div.AnchorContainer ul.AnchorSet {
				list-style-type : none !important;
				display         : flex;
				flex-wrap       : wrap;
				text-align      : center;
				border-collapse : collapse;
				padding         :  0px  0px  0px  0px;
				margin          : 50px auto 50px auto;
			}
			
					
					div.AnchorContainer ul.AnchorSet li {
						width           : 14.28%;/* 6.33% */
						list-style-type : none !important;
						text-align      : center;
						display         : block;
						padding         :  0px  0px  0px  0px;
						margin          : 10px auto 10px auto;
					}
					
					
					div.AnchorContainer figure {
						position        : relative;
						width           : 94%;
						height          : 100%;
						list-style-type : none;
						text-align      : center;
						display         : table;
						margin          :  0px auto  0px auto;
					}
					
							
							div.AnchorContainer figcaption {
								color          : #002244;
								vertical-align : middle;
								display        : block;
								padding        : 4px  4px 4px  4px;
								margin         : 0px auto 0px auto;
							}
							
							div.AnchorContainer figure img {
								width          : 100%;
								height         : auto;
								overflow       : hidden;
								text-align     : center;
								vertical-align : middle;
								display        : block;
								transform      : scale(0.9);
								transition     : all 0.3s ease;
								border         : 1px solid #ffffff;
								border-radius  : 6px;
								padding        : 0px  0px 0px  0px;
								margin         : 0px auto 0px auto;
							}
							
							
							div.AnchorContainer figure a {
								display        : block;
								vertical-align : middle;
								transition     : all 0.3s ease;
								margin         : 0px auto 0px auto;
							}
							
							div.AnchorContainer.AnchorDown figure a {
								background : transparent url(../img/ico/ico-vect-down.png) center 90% no-repeat;
								padding    : 0px  0px 50px  0px;
							}
							
							div.AnchorContainer.AnchorUp figure a {
								background : transparent url(../img/ico/ico-vect-up.png) center 10% no-repeat;
								padding    : 50px  0px 0px  0px;
							}
							
							div.AnchorContainer a:hover img {
								transform      : scale(1.0);
								box-shadow     : 0px 0px 10px #cccccc;
							}
							
							div.AnchorContainer.AnchorDown figure a:hover {
								background : transparent url(../img/ico/ico-vect-down.png) center 100% no-repeat;
							}
							
							div.AnchorContainer.AnchorUp figure a:hover {
								background : transparent url(../img/ico/ico-vect-up.png) center 0% no-repeat;
							}
							
							
							



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆ProductsDetailContainer */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	div.ProductsDetailContainer {
		
	}
	
			div.ProductsDetailContainer div.HeadingContainer {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,efefef+50,ffffff+100 */
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 50%, #ffffff 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  #ffffff 0%,#efefef 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
				border-top      : 1px solid #eeeeee;
				border-bottom   : 1px solid #eeeeee;
				display         : flex;
				justify-content : center;
				align-items     : center;
				padding         : 10px 10px 10px 10px;
				margin          :  0px auto  0px auto;
			}
			
					
					div.ProductsDetailContainer div.HeadingContainer div.HeadingLeft {
						width   : 20%;
						padding : 10px 10px 10px 10px;
						margin  :  0px auto  0px auto;
					}
							
							div.ProductsDetailContainer div.HeadingContainer div.HeadingLeft img {
								width         : 100%;
								height        : auto;
								border-radius : 6px;
							}
							
					
					div.ProductsDetailContainer div.HeadingContainer div.HeadingRight {
						width   : 80%;
						padding : 10px 10px 10px 10px;
						margin  :  0px auto  0px auto;
					}
					
							
							div.LogoArea {
								display         : table;
								border-collapse : collapse;
								margin          : 3px 0px;
							}
							
									div.LogoArea div.Cell {
										text-align     : left;
										vertical-align : middle;
										display        : table-cell;
										padding        : 2px;
										margin         : 0px auto;
									}
									
											div.LogoArea img {
												width          : 150px;
												height         : auto;
												text-align     : left;
												vertical-align : middle;
												/*
												border         : 1px solid #eeeeee;
												*/
												display        : inline-block;
												margin         : 3px 5px;
											}
											
											div.LogoArea img.logo-totoku {
												width  : 100px;
												height : auto;
											}
											
											
											
							
							
							
							div.ProductsDetailContainer div.HeadingContainer div.HeadingRight h2 {
								position   : relative;
								top        : 0px;
								font-size  : 2em;
								color      : #252525;
								text-align : left;
								padding    : 0px  0px 0px  0px;
								margin     : 0px auto 5px auto;
							}
							
									div.ProductsDetailContainer div.HeadingContainer div.HeadingRight h2 span {
										font-size : 80%;
									}
									
									/*
									div.ProductsDetailContainer div.HeadingContainer div.HeadingRight h2 span {
										position   : relative;
										top        : -4px;
										font-size  : 50%;
										color      : #335599;
										background : #ffffff;
										padding    : 3px  8px 3px  8px;
										margin     : 0px auto 0px auto;
									}
									*/
									
							
							div.ProductsDetailContainer div.HeadingContainer div.HeadingRight p.kind {
								width       : 100%;
								line-height : 1.4;
								font-size   : 100%;
								color       : #002244;
								text-align  : left;
								padding     : 0px  0px 0px  0px;
								margin      : 0px auto 0px auto;
							}
							
							div.ProductsDetailContainer div.HeadingContainer div.HeadingRight p.registrationmark {
								width       : 100%;
								line-height : 1.4;
								font-size   : 8pt;
								font-weight : normal;
								color       : #002244;
								text-align  : left;
								padding     : 0px  0px 0px  0px;
								margin      : 1px auto 1px auto;
							}
							
							div.ProductsDetailContainer div.HeadingContainer div.HeadingRight p.en {
								width       : 100%;
								line-height : 1.4;
								font-size   : 80%;
								text-align  : left;
								color       : #252525;
								padding     : 0px  0px 0px  0px;
								margin      : 0px auto 0px auto;
							}
							
							div.ProductsDetailContainer h3 {
								position      : relative;
								top           : 0px;
								font-size     : 1.25em;
								color         : #252525;
								text-align    : left;
								border-top    : 1px solid #eeeeee;
								border-bottom : 1px solid #eeeeee;
								padding       :  6px  6px 6px  6px;
								margin        : 15px auto 5px auto;
							}
							
									div.ProductsDetailContainer h3 span {
										position    : relative;
										top         : 0px;
										font-size   : 1.15em;
										color       : #252525;
										text-align  : left;
										display     : block;
										border-left : 3px solid #99ccff;
										padding     : 4px  8px 4px  8px;
										margin      : 0px auto 0px auto;
									}
									
											div.ProductsDetailContainer h3 span span {
												position    : relative;
												top         : -1px;
												font-size   : 80%;
												text-align  : left;
												display     : inline-block;
												border-left : 0px;
												padding     : 0px  0px 0px  0px;
												margin-left : 1em;
											}
											
							
							div.ProductsDetailContainer h4 {
								position   : relative;
								width      : 95% !important;
								text-align : left;
								margin     : 15px auto -5px auto !important;
							}
							
							div.ProductsDetailContainer p {
								width         : 96%;
								line-height   : 1.5;
								font-size     : 1.05em;
								color         : #002244;
								text-align    : left;
								padding       : 4px  4px 4px  4px;
								margin        : 5px auto 5px auto;
							}
							
							div.ProductsDetailContainer strong {
								font-size : 1.0em;
								display   : block;
							}
							
							
							



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆BTN */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
		div.BtnInnerLeft {
			text-align : left;
			padding    : 4px  4px 4px  4px;
			margin     : 5px auto 5px auto;
		}
		
		div.BtnInnerRight {
			text-align : right;
			padding    : 4px  4px 4px  4px;
			margin     : 5px auto 5px auto;
		}
		
				div.BtnInnerLeft  a,
				div.BtnInnerRight a {
					text-align      : left;
					text-decoration : none;
					display         : inline-block;
					transition      : all 0.3s ease;
					border-radius   : 25px;
					padding         : 4px 40px 4px 10px;
					margin          : 5px auto 5px auto;
				}
				
				div.BtnInnerLeft  a,
				div.BtnInnerRight a {
					color      : #ffffff;
					background : #002244 url(../img/ico/ico-vect-right2.png) 94%  center no-repeat;
				}
				
				div.BtnInnerLeft  a:hover,
				div.BtnInnerRight a:hover {
					color      : #ffff00;
					background : #000000 url(../img/ico/ico-vect-right2.png) 98%  center no-repeat;
				}
				
				
				
		
		
		
		div.BtnInnerPagetop {
			text-align : right;
			border-top : 1px solid #cccccc;
			padding    :  0px  4px  0px  4px;
			margin     : 35px auto 35px auto;
		}
		
				div.BtnInnerPagetop a {
					text-align      : left;
					text-decoration : none;
					display         : inline-block;
					transition      : all 0.3s ease;
					border-radius   : 0px 0px 8px 8px;
					border          : 1px solid #cccccc;
					border-top      : 0px;
					padding         : 8px 40px 8px 14px;
					margin          : 0px 10px 0px auto;
				}
				
				div.BtnInnerPagetop a {
					color           : #ffffff;
					background      : #002244 url(../img/ico/ico-vect-up2.png) 98%  5px no-repeat;
				}
				
				div.BtnInnerPagetop a:hover {
					color           : #ffff00;
					background      : #000000 url(../img/ico/ico-vect-up2.png) 98% 0px no-repeat;
				}
				
				
				



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆footer */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	footer {
		position   : relative;
		width      : auto;
		text-align : center;
		color      : #e2eefe;
		display    : block;
		border-top : 2px solid #b0c4de;
		padding    : 0px  0px 0px  0px;
		margin     : 0px auto 0px auto;
	}
	
			footer a {
				width           : auto;
				text-align      : center;
				text-decoration : none;
				color           : #e2eefe;
				padding         : 0px  0px 0px  0px;
				margin          : 0px auto 0px auto;
			}
			
			#FooterContainer {
				position         : relative;
				width            : auto;
				color            : #ffffff;
				background-color : #002244;
				display          : block;
				padding          : 10px  0px 10px  0px;
				margin           :  0px auto  0px auto;
			}
			
					#FooterInnerContainer {
						width           : 96%;
						max-width       : 960px;
						display         : flex;
						align-items     : center;
						border-collapse : collapse;
						padding         : 0px  0px 0px  0px;
						margin          : 0px auto 0px auto;
					}
					
							#FooterLeft {
								width            : 75%;
								text-align       : left;
								vertical-align   : top;
								text-shadow      : 0px 0px 10px #001122, 0px 0px 10px #001122, 0px 0px 10px #001122;
								color            : #ffffff;
								background-color : #002244;
								display          : block;
								order            : 1;
								padding          : 0px  0px 0px  0px;
							}
							
							#FooterRight {
								width            : 25%;
								text-align       : right;
								vertical-align   : middle;
								color            : #ffffff;
								background-color : #002244;
								display          : block;
								order            : 2;
								padding          : 0px  0px 0px  0px;
							}
							
									#AddrContainer {
										width      : auto;
										display    : block;
										text-align : left;
										font-size  : 90%;
										display    : inline-block;
										padding    : 0px  0px 0px  0px;
										margin     : 0px auto 0px auto;
									}
									
											#AddrContainer span {
												display : block;
												padding : 0px  0px 0px  0px;
												margin  : 0px auto 0px auto;
											}
											
											#AddrContainer span.company-en {
												font-weight    : 500;
												font-size      : 1em;
												text-align     : center;
												padding        : 0px  0px 0px  0px;
												margin         : 0px auto 0px auto;
											}
											
											#AddrContainer span.company-jp {
												line-height    : 1.4;
												font-weight    : 700;
												font-size      : 2em;
												text-align     : center;
												border-top     : 1px solid rgba(255, 255, 255, 0.85);
												border-bottom  : 1px solid rgba(255, 255, 255, 0.85);
												padding        : 4px  0px 4px  0px;
												margin         : 5px auto 5px auto;
											}
											
											#AddrContainer span.phone {
												display : inline-block !important;
												padding : 0px  0px 0px  0px;
												margin  : 0px auto 0px auto;
											}
											
											#AddrContainer span.fax {
												display : inline-block !important;
												padding : 0px  0px 0px  0px;
												margin  : 0px auto 0px auto;
											}
											
		
		
		
		#FooterMenuContainer {
			width            : auto;
			color            : #ffffff;
			background-color : #112233;
			display          : block;
			padding          : 0px  0px 0px  0px;
			margin           : 0px auto 0px auto;
		}
		
				#FooterInnerMenuContainer {
					width     : 96%;
					max-width : 960px;
					display   : block;
					padding   : 10px  0px 10px  0px;
					margin    :  0px auto  0px auto;
				}
				
						#FooterInnerMenuContainer nav.menu ul {
							display       : flex;
							align-content : space-between;
							padding       : 0px  0px 0px  0px;
							margin        : 0px auto 0px auto;
						}
						
								#FooterInnerMenuContainer nav.menu ul li {
									list-style-type : none;
									width           : 20%;
									padding         : 0px  0px 0px  0px;
									margin          : 0px auto 0px auto;
								}
								
										#FooterInnerMenuContainer nav.menu ul li a {
											width            : 100%;
											height           : auto;
											font-size        : 0.8em;
											color            : #ffffff;
											background-color : #112233;
											transition       : background 0.3s ease;
											display          : block;
											padding          : 16px  4px 16px  4px;
											margin           :  0px auto  0px auto;
										}
										
										#FooterInnerMenuContainer nav.menu ul li a:hover {
											color            : #ffff00;
											background-color : #001122;
										}
										
										
										
		
		
		
		#CopyrightContainer {
			width            : auto;
			color            : #cccccc;
			background-color : #ffffff;
			display          : block;
			padding          : 0px  0px 0px  0px;
			margin           : 0px auto 0px auto;
		}
		
				#CopyrightContainer small {
					width       : 98%;
					max-width   : 960px;
					font-family : khand;
					text-align  : left;
					display     : block;
					padding     : 6px  6px 6px  6px;
					margin      : 0px auto 0px auto;
				}
				
				#CopyrightContainer small span,
				#CopyrightContainer small a {
					color       : #cccccc;
					font-family : khand;
				}
				
				
				



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------- */