@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: heading
 * 2: paragraph
 * 3: list
 * 4: table
 * 5: box
 * 6: form
 * 7: link
 * 8: other
 *
 * ****************************
 */


/*======= 1: heading =====================================================*/

/*-- ttlType01 ----------------------*/
.ttlType01 {
	padding: 50px 0 25px;
	color: #FFF;
	font-size: 214%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.ttlType01 {
		padding: 16px 0 12px;
		font-size: 20px;
	}
}


/*======= 2: paragraph ===================================================*/


/*======= 3: list ========================================================*/

/* [ul] --------------------------------------------*/


/* [ol] --------------------------------------------*/


/* [dl] --------------------------------------------*/


/*======= 4: table =======================================================*/

/*-- tblRegi01 (with .tblBase01) -----*/
.tblRegi01 {
	border: 1px solid #2F3E9E;
}
.tblRegi01 th {
	width: 230px;
	color: #222;
	background: #F1F1F1;
}

@media screen and (max-width: 768px) {
	.tblRegi01 {
		margin-bottom: 0;
	}
}

.orSeparator {
	position: relative;
	text-align: center;
}
.orSeparator p {
	position: absolute;
    margin: -25px auto 10px auto;
    width: 100%;
}
.orSeparator span {	
	display: inline-block;
	padding: 5px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.orSeparator p {
	    margin: -22px auto 10px auto;
	}
}
/*-- tblLogin (with .tblBase01) -----*/
.tblLogin caption {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.tblLogin th {
	width: 130px;
	color: #222;
	background: #F1F1F1;
}

@media screen and (max-width: 768px) {
	.tblLogin {
		border: 2px solid #D9DAE4 !important;
	}
}


/*======= 5: box =========================================================*/

/*-- boxLogin -----------------------*/
.boxLogin {
	max-width: 600px;
	margin: 10px auto 40px;
	padding: 40px 60px;
	text-align: center;
	border-radius: 2px;
	background: #FFF;
}
.boxLogin h2 {
	margin-bottom: 30px;
}
	@media screen and (max-width: 768px) {
	.snsLogin a {
		display: block;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 768px) {
	.boxLogin {
		margin: 40px auto;
		padding: 15px 10px 30px;
		box-sizing: border-box;
	}
	.boxLogin h2 {
		margin-bottom: 15px;
	}
	.boxLogin h2 img {
		width: 186px;
		height: auto;
	}
}

@media screen and (max-width: 599px) {
	.boxLogin {
		margin: 20px 10px;
	}
}

.boxEntry {
	max-width: 100%;
	margin: 10px auto 20px;
	padding: 30px 10px;
	text-align: center;
	border-radius: 2px;
	background: #FFF;
}

/*-- boxTerms -----------------------*/
.boxTerms {
	border-color: #2F3E9E;
}

/*-- boxGsign -----------------------*/
.boxGsign {
	max-width: 430px;
	margin: 0 auto;
	padding: 15px;
	border: 3px solid #2F3E9E;
	background: #FFF;
}
/*----*/
.boxGsign .sealGsign {
	float: left;
	margin-right: 15px;
}
/*----*/
.boxGsign .txtGsign {
	overflow: hidden;
	color: #2E3E9E;
	line-height: 1.3;
}
.boxGsign .txtGsign dt {
	margin-bottom: 2px;
}
.boxGsign .txtGsign dd {
	font-size: 86%;
}

@media screen and (max-width: 480px) {
	.boxGsign {
		margin: 0 10px;
		padding: 10px;
		border-width: 2px;
	}
	/*----*/
	.boxGsign .sealGsign {
		margin-right: 10px;
	}
	.boxGsign .sealGsign img {
		width: 80px;
		height: auto;
	}
	/*----*/
	.boxGsign .txtGsign dd {
		font-size: 10px;
	}
}

/*-- boxService ---------------------*/
.boxService {
	margin-top: 50px;
	text-align: center;
	background: #FFF;
}
/*----*/
.boxService h3 {
	padding: 20px 0 25px;
	border-bottom: 1px solid #5162C4;
}
/*----*/
.boxService dl {
	float: left;
	width: 33.3%;
	padding: 25px 10px 20px;
	box-sizing: border-box;
	border-right: 1px solid #5162C4;
}
.boxService dl:last-child {
	border: none;
}
.boxService dt .txt {
	margin: 30px 0 25px;
	color: #2E3E9E;
	font-size: 171%;
	font-weight: bold;
	line-height: 1.2;
}
.boxService dd {
	min-height: 4.8em;
}

@media screen and (max-width: 768px) {
	.boxService {
		margin: 20px 10px 0;
	}
	/*----*/
	.boxService h3 {
		padding: 10px 0 12px;
	}
	.boxService h3 img {
		width: 245px;
		height: auto;
	}
	/*----*/
	.boxService dt img {
		width: auto;
		height: 78px;
	}
	.boxService dt .txt {
		margin: 20px 0 15px;
		font-size: 18px;
	}
	.boxService dd {
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {
	.boxService h3 img {
		width: 175px;
		height: auto;
	}
	/*----*/
	.boxService dl {
		position: relative;
		float: none;
		width: 100%;
		padding: 12px 5px 12px 100px;
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #5162C4;
	}
	.boxService dt .icon {
		position: absolute;
		top: 12px;
		left: 0;
		width: 100px;
		text-align: center;
	}
	.boxService dt img {
		width: auto;
		height: 49px;
	}
	.boxService dt .txt {
		margin: 0 0 5px;
		font-size: 14px;
	}
	.boxService dt br {
		display: none;
	}
	.boxService dd {
		min-height: inherit;
	}
}


/*======= 6: form ========================================================*/

/*-- button -------------------------*/

/* btnSend */
.sp_bg01 .btnSend01 {
	border-bottom: 5px solid #1E2766;
	background: #2F3E9E;
}
@media screen and (max-width: 768px) {
	.sp_bg01 .btnSend01 {
		border-bottom: 5px solid #4553AA;
		background: #5162C4;
	}
}

.twitter-btn {background:#00acee;color:#fff;border: 1px solid #00acee;}
.twitter-btn:hover,.btntwitter-btn:focus {background:#00c5f8;border: 1px solid #00c5f8;color:#fff;}
.twitter-btn:active {background:#00acee;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);border: 1px solid #00acee;}

.twitter-btn.disabled {background:#b3b3b3;color:#fff;border: 1px solid #b3b3b3;}
.twitter-btn.disabled:hover,.twitter-btn.disabled:focus {background:#b3b3b3;border: 1px solid #b3b3b3;color:#fff;}
.twitter-btn.disabled:active {background:#b3b3b3;box-shadow:none;border: 1px solid #b3b3b3;}

.facebook-btn {background:#3b5998;color:#fff;border: 1px solid #3b5998;}
.facebook-btn:hover,.facebook-btn:focus {background:#4568b0;border: 1px solid #4568b0;color:#fff;}
.facebook-btn:active {background:#3b5998;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);border: 1px solid #3b5998;}

.facebook-btn.disabled {background:#b3b3b3;color:#fff;border: 1px solid #b3b3b3;}
.facebook-btn.disabled:hover,.facebook-btn.disabled:focus {background:#b3b3b3;border: 1px solid #b3b3b3;color:#fff;}
.facebook-btn.disabled:active {background:#b3b3b3;box-shadow:none;border: 1px solid #b3b3b3;}

/*======= 7: link ========================================================*/


/*======= 8: other =======================================================*/

/* [img] -------------------- */


/* [hr] --------------------- */


/* [font-size] -------------- */


/* [font-color] ------------- */


/* [margin,padding] --------- */


/* [border] ----------------- */