@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=M+PLUS+1p:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
/* ********************************************************************************************************************************************** */
/* ◆Add Style */
/* ********************************************************************************************************************************************** */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆Common */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	h1 {
		font-weight : 800;
		text-align  : center;
		margin      : 0px auto 0px auto;
	}
	
			h1 span {
				font-size   : 90%;
				font-weight : 800;
				font-family : 'M PLUS 1p', sans-serif;
				display     : block;
			}
			
	
	* { font-family: 'Kosugi Maru', sans-serif; }
	
	h1, h2, h3, h4, h5, h6 { 
		font-family : 'M PLUS 1p', sans-serif;
		color       : #353535;
		text-shadow : 1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px -1px 0px #ffffff, -1px 1px 0px #dddddd, -1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
		transform   : rotate(0.05deg);
	}
	
	h2 { font-weight : 700; }
	h3 { font-weight : 700; }
	h4 { font-weight : 400; }
	h5 { font-weight : 400; }
	h6 { font-weight : 300; }
	
	a { transition : all 0.3s ease !important; }
	
	div.container {
		display    : block;
	}
	
	body { padding: 0; margin: 0; }
	
	
	



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆h1
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	.jumbotron {
		width            : 90%;
		max-width        : 960px;
		padding          : 2rem 1rem;
		margin-bottom    : 2rem;
		background-color : #e9ecef;
		border-radius    : .3rem;
		margin           : 0px auto 0px auto;
	}
	
	.jumbotron h1 {
		font-size : 2.5rem;
	}
	
	h1 span {
		font-size   : 90%;
		font-weight : 800;
		font-family : 'M PLUS 1p', sans-serif;
		display     : block;
	}
	
	
	



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* ◆h2
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	main h2 {
		font-size  : 1.75em;
		text-align : center;
		margin     : 50px auto 0px auto;
	}
	
	section h2 {
		font-size  : 1.5em;
		text-align : left;
		margin     : 0px auto 0px auto;
	}
	
	
	



/* ------------------------------------------------------------------------------- */
/* ◆div.InfoSetContainer  */
/* ------------------------------------------------------------------------------- */
	div.InfoSetContainer {
		width         : 98%;
		text-align    : center;
		border-bottom : 1px dashed #cccccc;
		padding       : 4px  4px 4px  4px;
		margin        : 5px auto 25px auto;
	}
	
			ul.InfoSet {
				display       : inline-block;
				padding       : 4px  4px 4px  4px;
				margin        : 5px auto 25px auto;
			}
					ul.InfoSet li {
						width      : 100%;
						text-align : left;
						padding    : 2px  4px 2px  4px;
						margin     : 2px auto 2px 20px;
					}
					
							ul.InfoSet li span {
								font-weight : bold;
							}
							
							
							



/* ------------------------------------------------------------------------------- */
/* ◆div.BtnContainer  */
/* ------------------------------------------------------------------------------- */
	ul.BtnContainer {
		flex-basis : 98%;
		max-width  : 960px;
		text-align : center;
		display    : flex;
		padding    : 8px  4px 8px  4px;
		margin     : 8px auto 8px auto;
	}
	
			
			ul.BtnContainer li {
				width           : 40%;
				list-style-type : none;
				border          : 0px !important;
				padding         : 8px 12px 8px 12px;
				margin          : 0px auto 0px auto;
			}
			
					ul.BtnContainer li a {
						overflow        : hidden;
						font-size       : 2.0em;
						font-weight     : 700;
						font-family     : 'M PLUS 1p', sans-serif;
						text-decoration : none;
						display         : block;
						border          : 2px solid #ffffff;
						border-radius   : 6px;
						padding         : 30px 10px 30px 10px;
						margin          :  5px auto  5px auto;
					}
					
					
					ul.BtnContainer li span {
						font-family     : 'M PLUS 1p', sans-serif;
						font-weight     : 700;
						overflow        : hidden;
						font-size       : 1.5em;
						text-decoration : none;
						
						color           : #ffffff;
						background      : #353535;
						
						display         : block;
						border          : 2px solid #000000;
						padding         : 30px 10px 30px 10px;
						margin          :  5px auto 10px auto;
					}
					
					/* ------------------------------------------------ */
					/* ▼li.Step1 */
					/* ------------------------------------------------ */
					ul.BtnContainer li.Step1 a {
						color      : #ffffff;
						background : #e60012;
					}
					
					ul.BtnContainer li.Step1 a:hover {
						color       : #ffffff;
						background  : #770000;
						transform   : scale(1.1);
						box-shadow  : 0px 0px 10px #cccccc, 0px 0px 10px #cccccc;
					}
					
							ul.BtnContainer li.Step1 a:hover span {
								color           : #ffffff;
								background      : #e60012;
							}
					/* ------------------------------------------------ */
					
					
					/* ------------------------------------------------ */
					/* ▼li.Step2 */
					/* ------------------------------------------------ */
					ul.BtnContainer li.Step2 a {
						color      : #ffffff;
						background : #3377cc;
					}
					
					ul.BtnContainer li.Step2 a:hover {
						color       : #ffffff;
						background  : #000066;
						transform   : scale(1.1);
						box-shadow  : 0px 0px 10px #cccccc, 0px 0px 10px #cccccc;
					}
					
							ul.BtnContainer li.Step2 a:hover span {
								color           : #ffffff;
								background      : #3377cc;
							}
					/* ------------------------------------------------ */
					
					
					



/* ------------------------------------------------------------------------------- */
/* ◆div.BackToTopContainer  */
/* ------------------------------------------------------------------------------- */
	div.BackToTopContainer {
		position      : relative;
		top           : 0px;
		max-width     : 960px;
		text-align    : center;
		border-top    : 1px solid #cccccc;
		padding       : 8px  4px 8px  4px;
		margin        : 0px auto 8px auto;
	}
	
			div.BackToTop {
				position   : relative;
				top        : 0px;
				text-align : right;
				padding    : 8px  4px 8px  4px;
				margin     : 0px auto 8px auto;
			}
			
					div.BackToTop a {
						position        : relative;
						top             : 0px;
						text-align      : center;
						text-decoration : none;
						display         : inline-block;
						border-radius   : 6px;
						padding         : 8px 12px 8px 12px;
						margin          : 5px auto 5px auto;
					}
					
					div.BackToTop a:hover {
						color      : #ffffff;
						background : #33cc33;
					}
					
					div.BackToTop a::after {
						position    : relative;
						top         : 4px;
						left        : 3px;
						position    : relative;
						top         : 0px;
						font-family : 'Material Icons';
						content     : '\e5ce';
					}
					
					
					



/* ------------------------------------------------------------------------------- */
/* ◆footer */
/* ------------------------------------------------------------------------------- */
	footer {
		text-align    : center;
		background    : #e9ecef;
		border-top    : 1px solid #cfd3d8;
		border-bottom : 1px solid #cfd3d8;
		display       : block;
		padding       :  2px 2px;
		margin        : 10px auto 0px auto;
	}
	
	
			footer small {
				text-align : center;
				display    : block;
			}