@charset "UTF-8";

body {
	color           : #1e2947;
	background-color: black;
	font-family     : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

body.page-top {
	/* background               : url(img/back.jpg), linear-gradient(to bottom, #000, #000 8%, #000 12%, #011128 12%, #011128 60%, #000); */
	background                  : url(img/back.jpg), linear-gradient(to bottom, #000, #000 8%, #000 12%, #001228 12%, #001228 60%, #001228);
	background-size             : 100%;
	background-repeat           : no-repeat;
	background-position         : 0 8%;
	/* background-position      : 0 12%; */
}

h2 {
	font-weight  : bold;
	font-size    : 24px;
	color        : #18326c;
	margin-bottom: 1rem;
}

h3 {
	font-size  : 18px;
	line-height: 30px;
	color      : #fff;
	text-align : center;
	background : #162345;
	display    : block;
	width      : 94px;
	height     : 30px;
	margin     : 0 auto 1rem auto;
}

.my-title {
	width     : 424px;
	margin-top: 150px;
	cursor: pointer;
}

.my-ul {
	font-size  : 1.1rem;
	font-weight: bold;
}

.my-checkbox {
	transform  : scale(1.58);
	margin-left: -1.5rem;
}

.my-container {
	width        : 96%;
	max-width    : 960px;
	margin       : 0 auto 30px auto;
	padding      : 60px;
	background   : #fff;
	border-radius: 16px;
}

.info {
	width        : 96%;
	max-width    : 960px;
	margin       : 15px auto 25px auto;
	padding      : 10px 20px 10px 20px;
	color        : #fffd32;
	background   : rgba(0, 0, 0, 0.6);
	border-radius: 16px;
	min-height   : 130px;
}

.info p {
	margin-bottom: 5px;
}

.my-m1 {
	margin-top: 2px;
}

.my-mt2 {
	margin-top: 7px;
}

.banner-box {
	position: absolute;
	display : flex;
	gap     : 8px;
	width   : 738px;
	top     : 20px;
	left    : 10px;
}

.banner-box>div {
	width: calc((100% - 40px) / 6);
}

.banner-box img {
	width : 100%;
	height: auto;
	cursor: pointer;
}

@media (max-width: 767px) {
	.my-container {
		padding      : 15px;
		/* margin-top: 120px; */
	}

	.my-title {
		width     : 50%;
		margin-top: 65px;
	}

	.my-m1,
	.my-mt2 {
		margin-top: 0;
	}

	body.page-top {
		/* background         : url(img/back.jpg), linear-gradient(to bottom, #000, #000 4%, #000 6%, #011128 6%, #011128 60%, #000); */
		background               : url(img/back.jpg), linear-gradient(to bottom, #000, #000 4%, #000 6%, #001228 6%, #001228 60%, #001228);
		background-size          : 100%;
		background-repeat        : no-repeat;
		/* background-position   : 0 3.5%; */
		background-position      : 0 4.3%;
	}

	.banner-box {
		position: absolute;
		display : flex;
		gap     : 8px;
		width   : calc(100% - 20px);
		top     : 20px;
		left    : 10px;
	}
}


@media (max-width: 518px) {
	.banner-box {
		position: absolute;
		display : flex;
		gap     : 4px;
		width   : calc(100% - 20px);
		top     : 20px;
		left    : 10px;
	}

	.banner-box>div {
		width: calc((100% - 20px) / 6);
	}
	
}


@media (max-width: 575px) {
	body.page-top {
		/* background         : url(img/back.jpg), linear-gradient(to bottom, #000, #000 2%, #000 3%, #011128 3%, #011128 60%, #000); */
		background               : url(img/back.jpg), linear-gradient(to bottom, #000, #000 2%, #000 3%, #001228 3%, #001228 60%, #001228);
		background-size          : 100%;
		background-repeat        : no-repeat;
		/* background-position   : 0 2%; */
		background-position      : 0 2.8%;
	}

	.my-title {
		width     : 279px;
		margin-top: 65px;
	}

}

hr {
	margin-top   : 2rem;
	margin-bottom: 2rem;
	border       : 0;
	border-top   : 0.9px dashed #1e2947;
}


.pdf-btn,
.submit-btn {
	background-image   : linear-gradient(to bottom, #265FC6, #0B1D43);
	border-radius      : 20px;
	color              : #fff;
	font-size          : 24px;
	line-height        : 28px;
	font-weight        : bold;
	padding            : 22px 17px 22px 17px;
	/* cursor          : pointer; */
	text-align         : center;
	display            : inline-block;
}

.submit-btn {
	padding: 25px 75px 25px 75px;
	cursor : not-allowed;
}

.pdf-btn:hover,
.submit-btn:hover {
	color          : #fff;
	text-decoration: none;
	opacity        : 0.9;
}

.form-check-input {
	margin-top: 0.4rem;
}

a {
	color: #2c4b8e;
}


@media (min-width: 576px) {

	th,
	td {
		font-size: 1.1rem;
	}
}

/* @media (min-width: 768px) {

} */

@media (min-width: 992px) {
	.my-border-l {
		border-left: 1px solid #1e2947c7;
	}
}

.login-box {
	position  : fixed;
	top       : 0;
	right     : 0;
	width     : 240px;
	background: #000;
	padding   : 15px;
	z-index   : 1000;
	transition: all 0.5s;
	opacity   : 1;
}

@media (max-width: 1000px) {
	.login-box {
		display: none;
	}
}

.login-box label {
	font-size: 18px !important;
}

#loginBtn {
	background-image: linear-gradient(to bottom, #265dc4, #0c1d46);
	border-radius   : 10px;
	color           : #fff;
	font-size       : 20px;
	line-height     : 44px;
	font-weight     : bold;
	cursor          : pointer;
	text-align      : center;
	width           : 214px;
	height          : 40px;
}

#loginBtn:hover {
	opacity: 0.9;
}