@charset "UTF-8";


/*---------- Main Contents Box----------*/
.content-mainbox{
	display: -ms-flexbox; 
	display: flex;
	flex-wrap: wrap;
/*	flex: 1 0 300px;		/**/
	flex-direction: row;
	justify-content: center;	/* */
	align-items: center;		/*  */

	background: var(--content-box-color);		/*   */
	border: outset #fff;					/* */
	border-radius: 10px 10px 10px 10px;
	margin: 15px;

}

.content-mainbox div {
/*	text-align:right;			/*  */
	margin: 10px 15px;			/*  */
/*	padding: 10px;				/*  */
/*   border-radius: 10px 10px 10px 10px;	/*  */
	flex: 1 0 300px;
	max-width: 600px;

	font-size:large;
	font-size:;


/*	background: #faa;		/*   */
}

.content-mainbox div.right {
	text-align:right;
}
.content-mainbox div.center {
	text-align:center;
}
.content-mainbox div.left {
	text-align:left;
}

.content-mainbox div.xlarge {
	font-size:x-large;
	text-align:center;
}
.content-mainbox div.sub {
	font-size:large;
/*	text-align:center;			/*  */
	height: 300px;
}

.content-mainbox p {
	text-align:center;
	margin: 10px 15px;			/*  */
}


.content-mainbox a{
	display: -ms-flexbox; 
	display: flex;					/*  */
	flex-wrap: wrap;				/*  */
/*	flex-direction: column;			/*  */
	flex: 4 0 300px;
	justify-content: center;        /* */	
	text-align: center;

	color: #000000;
	text-decoration: none;

	margin: 5px 15px;			/*  */
/*	padding: 10px;		/*  */
/*    border-radius: 10px 10px 10px 10px;	/*  */

}

.content-mainbox a.button{
/*	display: flex;					/*  */
/*	flex-wrap: wrap;				/*  */
/*	flex-direction: row;			/*  */
	justify-content: center;        /* */	
	text-align: center;
	Width: 300px;					/*  */

	color: white;
	background-color: var(--Sankyo-blue);

	text-decoration: none;

	margin: 5px 15px;			/*  */

	border-radius: 10px 10px 10px 10px;
	margin: 15px;
/*	padding: 10px;		/*  */
/*    border-radius: 10px 10px 10px 10px;	/*  */

}

.content-mainbox a:hover{
	Background-color: var(--Sankyo-lightblue);
/*	opacity: 0.6;	/* */
}

/*.content-mainbox iframe{
	width: 100%;
	height: 200%;
}
*/