@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	src: local("YuGothic-Medium"),
		local("Yu Gothic Medium"),
		local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	src: local("YoGothic-Bold"),
		local("Yu Gothic");
}

html {
	font-size: 62.5%;
	/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem;
	/* 16px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	::i-block-chrome,
	body {
		font-feature-settings: "pkna";
	}
}

#login p {
	margin-bottom: 10px;
}

header {
	margin: 1rem auto 1rem;
	padding: 0 2rem;
	text-align: center;
}

header h1 img {
	max-width: 300px;
}

h3 {
	margin: 50px auto 10px;
	text-align: center;
	font-size: 20px;
}

p {
	margin: 0;
	padding: 0;
}

.txt-s {
	font-size: 12px;
}

.wrp {
	max-width: 1080px;
	text-align: center;
	margin: 0 auto;
	clear: both;
}

.wrp.ta-l {
	text-align: left;
	padding: 0 2rem;
	max-width: 600px;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

.flex .f-item {
	flex-basis: 50%;
}

#sct-pay .btn {
	margin: 4rem 5% 0 !important;
	width: 90%;
}

.btn.nega {
	color: #333 !important;
	background: #ccc !important;
}

.btn,
button {
	display: block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	margin: 3rem 10% 7rem;
	border: none;
	border-radius: 5rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: rgb(255, 255, 255);
	background: #0065b2;
	z-index: 0;
	transition: 0.5s;
	cursor: pointer;
}

.button03 {
	display: block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	margin: 1rem 10% 1rem;
	border: none;
	border-radius: 5rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #e5135d;
	z-index: 0;
	transition: 0.5s;
	cursor: pointer;
}

.button02 {
	display: block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	margin: 1rem 10% 1rem;
	border: none;
	border-radius: 5rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #e5135d;
	z-index: 0;
	transition: 0.5s;
	cursor: pointer;
}

#btn1 {
	display: block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	margin: 1rem 10% 1rem;
	border: none;
	border-radius: 5rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #e5135d;
	z-index: 0;
	transition: 0.5s;
	cursor: pointer;
}

table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #666;
	border-spacing: 0;
	overflow: hidden;
}

td,
th {
	border-bottom: 1px solid #666;
}



th {
	padding: 3px;

}

td {
	padding: 7px;
}

th {
	color: #fff;
	background: #a1b1ca;
	font-size: 12px;
	font-weight: normal;
}



/*table tbody tr:first-child th,*/
table tbody tr th:first-child,
table tbody tr td:first-child {
	border-left: none;

}

th+th,
th {
	border-left: 1px solid #ccc;
}

/*th+th,*/
td {
	border-left: 1px solid #666;

}

.al-c {
	text-align: center;
}

.frm-08 {
	font-size: 1.45rem;
}

table.sample {
	margin-top: 25px;
	margin-bottom: 30px;
}

.l-line {
	border-left: 1px solid #666 !important;
	margin-right: -1px !important;
}

@media screen and (max-width: 724px) {
	body {
		font-size: 1.8rem;
	}

	#login p {
		text-align: left;
	}

	.btn,
	button {
		margin: 3rem 10% 6rem;
	}

	table.tbl tr:last-child th,
	table.tbl tr:last-child td:nth-child(5),
	table.tbl tr:last-child td:nth-child(6) {
		border-bottom: none;
	}

	td:nth-child(2n) {
		border-left: 1px solid #666;
		margin-right: -1px !important;
	}

	td.noline,
	th.noline {
		border-bottom: none;
	}

	.tbl td:nth-child(2n-1) {
		border-left: none;

	}

	.flex .f-item {
		flex-basis: 100%;
	}

	.tbl {
		width: 96%;
		margin: 0 auto 50px;
	}

	.tbl select {
		width: 70%;
		background-color: #fff;
		border-radius: 0.3rem;
		font-size: 16px;
	}

	.tbl input {
		height: auto;
		line-height: 1;
		font-size: 16px;
	}

	.tbl .thead {
		display: none;
	}

	.tbl tr {
		width: 100%;
	}

	.tbl td.cel1 {
		display: block;
		text-align: right;
		width: 100%;
	}

	.tbl td,
	.tbl td.cel2 {
		display: block;
		text-align: right;
		min-height: 36px;
		margin: 0;
		padding: 2% 2% 1%;
		width: 46%;
		float: left;
		font-size: 16px;
	}

	.tbl td.sexmw {
		color: #fff;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}

	.tbl td.sexmw.ble0 {
		background: #206C8E;
	}

	.tbl td.sexmw.pnk0 {
		background: #962F2F;
	}

	.tbl td.sexm.ble {
		background: #D5EBEF;
		font-weight: bold;
	}

	.tbl td.sexw.pnk {
		background: #F4DCE1;
		font-weight: bold;
	}

	.tbl td:before {
		content: attr(data-label);
		float: left;
		font-size: 0.8rem;
		margin-right: 10px;
	}
}

.nextsize,
.nextsize01,
.nextsize02,
.nextsize03,
.nextsize04,
.nextsize05,
.nextsize06,
.nextsize07,
.nextsize08,
.nextsize09 {
	cursor: pointer;
}

/*
.btn {
	margin: 0rem 10% 12rem;
}
*/
.blk,
.blk01,
.blk02,
.blk03,
.blk04,
.blk05,
.blk06,
.blk07,
.blk08,
.blk09,
.blk81,
.blk82,
.blk83,
.blk84,
.blk85,
.blk86 {
	display: none;
}

.open-blk {
	display: table-row !important;
}


.colb {
	color: #00f;
	font-weight: bold;
}

.colr {
	color: #f00;
	font-weight: bold;
}



@media only screen and (min-width: 725px) {
	.sp {
		display: none !important;
	}
}


@media only screen and (max-width: 724px) {
	html {
		font-size: 50%;
	}

	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}

	.pc-tab {
		display: none !important;
	}

}



@media only screen and (max-width: 1024px) and (min-width: 725px) {
	.tab-sp {
		display: none !important;
	}
}





/* Form Layout */
form {
	padding: 0 1.5em;
}

.form-item {
	margin-bottom: 0.75em;
	width: 100%;
}

.form-item input {
	background: #fafafa;
	border: none;
	border-bottom: 2px solid #e9e9e9;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	height: 50px;
	transition: border-color 0.3s;
	width: 100%;
}

.form-item input:focus {
	border-bottom: 2px solid #c0c0c0;
	outline: none;
}

.button-panel {
	margin: 2em 0 0;
	width: 100%;
}

.button-panel .button {
	background: #f16272;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	transition: background 0.3s ease-in-out;
	width: 100%;
}

.button:hover {
	background: #ee3e52;
}

.form-footer {
	font-size: 1em;
	padding: 2em 0;
	text-align: center;
}

.form-footer a {
	color: #8c8c8c;
	text-decoration: none;
	transition: border-color 0.3s;
}

.form-footer a:hover {
	border-bottom: 1px dotted #8c8c8c;
}


.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mt-3 {
	margin-top: 3rem;
}

.mt-4 {
	margin-top: 4rem;
}

.mt-5 {
	margin-top: 5rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

.mb-3 {
	margin-bottom: 3rem;
}

.mb-4 {
	margin-bottom: 4rem;
}

.mb-5 {
	margin-bottom: 5rem;
}