@charset "UTF-8";
/* CSS Document */

.cs { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(22,21,115,1.0); }
.cs * { transition: .4s; }
.cs__inner { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; }

.cs__ttl { margin-bottom: 14px; }
.cs__ttl span,
.cs__ttl strong { display: block; font-weight: 700;  text-align: center; }
.cs__ttl span img { width: 30px; }
.cs__ttl strong { margin-top: 11px; font-size: 2.4rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; }
.cs__txt { font-size: 1.3rem; line-height: 1.846; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; }
.cs__close { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #fff; border-radius: 10px; font-size: 1.5rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; color: #000; }

@media screen and (max-width: 680px) {
	.cs__inner { padding-left: 30px; padding-right: 30px; }
	.cs__close { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: calc(100% - 60px); }
}

@media screen and (min-width: 681px) {
	.cs__ttl { margin-bottom: 23px; }
	.cs__ttl strong { margin-top: 13px; font-size: 3.0rem; }
	.cs__txt { font-size: 1.4rem; line-height: 2; letter-spacing: 0.1em; text-indent: 0.1em; }
	.cs__close { max-width: 360px; margin-top: 34px; transition: .4s; }
	.cs__close:hover { opacity: 0.7; }
}
@media screen and (min-width: 1401px) {
	.cs__ttl { margin-bottom: 23px; }
	.cs__ttl span img { width: 40px; }
	.cs__ttl strong { margin-top: 13px; font-size: 4.0rem; }
	.cs__txt { font-size: 2.0rem; }
	.cs__close { max-width: 360px; margin-top: 34px; transition: .4s; }
	.cs__close:hover { opacity: 0.7; }
	
	
}