@charset "UTF-8";

.announce-area {
	margin: 10px 0;
	background-color: #fffbeb;
	border-top: 3px solid #fe280e;
	border-bottom: 3px solid #fe280e;
	padding: 45px 20px;
	color: #000;
	font-weight: bold;
}
.announce-area p {
	text-align: left;
	font-size: 14px;
}
.announce-area .inner {
	max-width: 1050px;
	margin: 0 auto;
}
.announce-area h2 {
	margin: 0 0 10px;
	text-align: left;
	font-size: 24px;
	line-height: 1.3;
}
.announce-area .sec {
	margin-top: 30px;
}
.announce-area .strong {
	font-size: 18px;
}
.announce-area .link {
	margin-top: 5px;
}
@media (max-width: 640px) {
	.announce-area {
		padding: 30px 15px 20px;
	}
	.announce-area p {
		font-size: 12px;
	}
	.announce-area h2 {
		font-size: 18px;
	}
	.announce-area .sec {
		margin-top: 20px;
	}
	.announce-area .strong {
		font-size: 14px;
	}
	.announce-area .link {
		font-size: 13px;
	}
}

/*------------------------------------------------------------
.announce-guide
------------------------------------------------------------*/

.announce-guide {
	background-color: #cc0033;
	margin: 0.4em 0;
	padding: 2em;
	/*height: 242px;*/
}
.announce-guide  p {
	color: #ffffff;
	text-align: center;
	margin-bottom: 1.5em !important;
}
.announce-guide p:first-child, .guide p:last-child {
	margin-bottom: 0 !important;
}
.announce-guide .strong {
	font-size: 125%;
	font-weight: bold;
}
.guide__btn {
	width: 24em;
	max-width:100%;
	margin: auto;
}
@media screen and (max-width: 900px) {
	.announce-guide {
		/*height: auto;*/
	}
}
.announce-guide .cmnc-button-basic {
	color: #f30d44;
	border-color: #fff;
	background-color: #ffffff;
}
.announce-guide .cmnc-button-basic:hover {
	background-color: #fabe00;
}
.announce-guide .cmnc-button-basic::after {
	border-color: #cc0033;
}
.guide__btn a, .guide__btn a:hover, .guide__btn a:visited {
	color: #cc0033;
}
/******************************************************************
component - button
******************************************************************/
.cmnc-button-basic { max-width: 100%; color: #004386; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; border: 1px solid #4b6fac; border-radius: 6px; background-color: #fff; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 15.5px; padding: 0.85em 3em 0.85em 2em; font-size: 16px; }

.cmnc-button-basic::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-8px, 3px) rotate(45deg); transform-origin: top right; border-top: 2px solid #09347e; border-right: 2px solid #09347e; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .cmnc-button-basic { font-size: 14px; padding: 0.85em 2em 0.85em 1.5em; } }

.cmnc-button-basic--blue { background-color: #f7faff; }

.cmnc-button-basic--full { display: block; padding: 0.85em 2em 0.85em 1em; }

.cmnc-button-basic--m { padding: 0.65em 4em 0.6em 3.5em; font-size: 14px; }

@media screen and (max-width: 736px) { .cmnc-button-basic--m { font-size: 12px; padding: 0.85em 2.5em 0.85em 2.0em; } }

.cmnc-button-basic--s { padding: 0.45em 2em 0.4em 0.5em; font-size: 12px; }

@media screen and (max-width: 736px) { .cmnc-button-basic--s { font-size: 11px; } }

.cmnc-button-basic:hover { color: #004386; background-color: #e0ecff; }

.cmnc-button-basic-blue { max-width: 100%; color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; border: 1px solid #4b6fac; border-radius: 6px; color: #fff !important; background-color: #014897; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 15.5px; padding: 0.85em 3em 0.85em 2em; font-size: 16px; }

.cmnc-button-basic-blue:hover { color: inherit; text-decoration: none; }

.cmnc-button-basic-blue::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-8px, 3px) rotate(45deg); transform-origin: top right; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .cmnc-button-basic-blue { font-size: 14px; padding: 0.85em 2em 0.85em 1.5em; } }

.cmnc-button-basic-blue--full { display: block; padding: 0.85em 2em 0.85em 1em; }

.cmnc-button-basic-blue--m { padding: 0.65em 4em 0.6em 3.5em; font-size: 14px; }

@media screen and (max-width: 736px) { .cmnc-button-basic-blue--m { font-size: 12px; padding: 0.85em 2.5em 0.85em 2.0em; } }

.cmnc-button-basic-blue--s { padding: 0.45em 2em 0.4em 0.5em; font-size: 12px; }

@media screen and (max-width: 736px) { .cmnc-button-basic-blue--s { font-size: 11px; } }

.cmnc-button-basic-blue:hover { color: #004386; background-color: #3575bf; }

.cmnc-button-apply { max-width: 100%; color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; border-radius: 6px; background-color: #f30d44; color: #fff !important; font-weight: bold; padding: 0.8em 1.5em 0.55em; letter-spacing: 1px; font-size: 16px; transition-property: opacity; transition-duration: 0.3s; }

.cmnc-button-apply--full { display: block; min-width: auto !important; }

.cmnc-button-apply:hover { color: inherit; text-decoration: none; }

@media print, screen and (min-width: 737px) { .cmnc-button-apply { min-width: 18em; } }

.cmnc-button-apply:hover { opacity: 0.5; }