@charset "UTF-8";

:root {
	--primary: #ff50a9;
	--secondary: #F79800;
	--cream: #faf694;
	--cream2: #fffabd;
	--lightpink: #ffe8f2;
	--pink: #ff0082;
	--green: #469c2c;
}

.only_sp {
	display: none !important;
}
.font_small{
	font-size: 14px !important;
}

.lp_contents_wrap {
	/* margin: 30px 0;
	padding: 20px; */
	background: #fff;
	/* border: solid 5px #000; */
	line-height: 1.6;

	* {
		box-sizing: border-box;
	}
}

img {
	max-width: 100%;
}

.mt_main {
	img {
		width: 100%;
	}
}

ul.pan_navi {
	width: 100%;
}

.mt_big_ttl {
	margin-bottom: 15px;
	padding: 15px;
	background: var(--primary);
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

/* .mt_middle_ttl {
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
} */

/* .mt_middle_ttl{
    margin-bottom: 15px;
    padding: 10px 10px 5px 16px;
	background: var(--primary);
	font-size: 16px;
    color: #fff;
    line-height: 1.4;
    clear: both;
    font-weight: bold;
	border-radius: 5px 5px 0 0;
	position: relative;
	margin-top: 40px;
	&:before{
		content: "";
		display: block;
		width: calc(100% + 30px);
		height: 3px;
		background: #fff;
		position: relative;
		top: -5px;
		left: -20px;

	}
} */

.mt_middle_ttl{
    margin: 20px 0 10px;
    padding: 5px 0 5px 10px;
    border-left: solid 5px var(--pink);
    color: var(--pink);
    font-weight: bold;
}

.mt_pdf_link {
	margin-bottom: 30px;
	a {
		max-width: 65%;
		margin: 0 auto;
		padding: 15px 20px;
		background: linear-gradient(0deg, rgba(255, 231, 149, 1) 10%, rgba(255, 249, 197, 1) 100%);
		text-align: center;
		text-decoration: none;
		color: #4670d0;
		display: block;
		&:hover {
			opacity: 0.5;
		}
	}
}

.mt_icon {
	padding-left: 26px;
	background: url(/chcmn/school/im/simple_arrow.svg) left center no-repeat;
	background-size: 16px;
}

.mt_list_column {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

a.mt_list_link1 {
	/* width: 50%; */
	width: 100%;
	margin: 0 auto 30px;
	padding: 15px;
	background: linear-gradient(0deg, rgba(180, 230, 255, 1) 10%, rgba(231, 247, 254, 1) 100%);
	border-radius: 6px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35);
	text-decoration: none;
	/* text-align: center; */
	color: #000;
	display: block;
	&:hover {
		opacity: 0.5;
	}
}

.mt_list1 {
	height: 100%;
	padding-bottom: 36px;
	background: url(/chcmn/school/im/down_icon.png) no-repeat center bottom;
	background-size: 26px;

	dt {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: dotted 2px #000;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
	}
}

.mt_list2 {
	margin-left: 26px;
}

.mt_link_img {
	&:hover {
		opacity: 0.5;
	}
	img {
		width: 80%;
		margin: 0 auto 30px;
		display: block;
	}
}

.mt_comment {
	/* width: 70%; */
	min-height: 100px;
	margin: 0 auto 30px;
	background: url(/chcmn/school/im/waosan.png) no-repeat right bottom;
	background-size: 17%;

	p {
		width: 80%;
		/* margin-left: auto; */
		/* margin-right: 108px; */
		padding: 30px;
		position: relative;
		background: var(--cream);
		border: 4px solid #000;
		border-radius: 6px;
		&:after,
		&:before {
			left: 100%;
			top: 50%;
			border: solid transparent;
			content: "";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		&:after {
			border-color: rgba(250, 246, 148, 0);
			border-left-color: var(--cream);
			border-width: 8px;
			margin-top: -8px;
		}

		&:before {
			border-color: rgba(0, 0, 0, 0);
			border-left-color: #000;
			border-width: 14px;
			margin-top: -14px;
		}
	}
}


.mt_qa_list {
	margin: -50px 0 30px;
	padding: 50px 30px 30px;
	background-image: repeating-linear-gradient(310deg,var(--cream), var(--cream) 10px, transparent 10px, transparent 20px);

	ul {
		list-style: none;
		display: flex;
		align-items: center;
		gap: 20px;
	}

	dt {
		margin-bottom: 10px;
	}

	dd + dt {
		margin-top: 20px;
	}
}

.mt_qa_list_img {
	width: 11%;
}

.mt_qa_list_text {
	width: 89%;
	p {
		max-width: 70%;
		padding: 20px 15px;
		border-radius: 6px;
		position: relative;
		background: #feeff5;
		border: 4px solid #f96da4;
		&:after,
		&:before {
			right: 100%;
			top: 50%;
			border: solid transparent;
			content: "";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		&:after {
			border-color: rgba(254, 239, 245, 0);
			border-right-color: #feeff5;
			border-width: 10px;
			margin-top: -10px;
		}

		&:before {
			border-color: rgba(249, 109, 164, 0);
			border-right-color: #f96da4;
			border-width: 16px;
			margin-top: -16px;
		}
	}
}

.mt_qa_list_img2 {
	width: 20%;
}

.mt_qa_list_text2 {
	width: 80%;

	p {
		max-width: 70%;
		margin-left: auto;
		padding: 20px 15px;
		border-radius: 6px;
		position: relative;
		background: #fff;
		border: 4px solid #000;

		&:after,
		&:before {
			left: 100%;
			top: 50%;
			border: solid transparent;
			content: "";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		&:after {
			border-color: rgba(255, 255, 255, 0);
			border-left-color: #fff;
			border-width: 10px;
			margin-top: -10px;
		}

		&:before {
			border-color: rgba(0, 0, 0, 0);
			border-left-color: #000;
			border-width: 16px;
			margin-top: -16px;
		}
	}
}

.new_sch, .old_sch, .at_sch {
	margin-left: 10px;
	padding: 5px;
	border-radius: 2px;
	line-height: 1;
	color: #fff;
	font-size: 80%;
	text-decoration: none;
	display: inline-block !important;
}

.new_sch {
	background: #ff51a9;
}

.old_sch {
	background: #368dff;
}

.at_sch {
	background: #1da539;
}

.schoollist {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	ul {
		width: auto;
		margin: 0;
		float: none;
	}
}

/*table*/
table.half_tbl01{
	width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
	th{
		padding: 5px 10px;
		background: var(--lightpink);
		border-bottom: solid 1px #000;
		border-left: solid 1px #000;
		line-height: 1.6;
		text-align: left;
	}
	td{
		padding: 5px 10px;
		border-bottom: solid 1px #000;
		border-left: solid 1px #000;
		box-sizing: border-box;
	}
}

/*目次*/
.contents_box {
  margin-top: 40px;
  border: solid 5px #000;
  background: #fffee6;
  margin: 20px 0 40px;
}

.contents_box .contents_boxttl {
  background-image: -webkit-radial-gradient(#f7448a 30%, transparent 31%), -webkit-radial-gradient(#f7448a 30%, transparent 31%);
  background-image: -o-radial-gradient(#f7448a 30%, transparent 31%), -o-radial-gradient(#f7448a 30%, transparent 31%);
  background-image: radial-gradient(#f7448a 30%, transparent 31%), radial-gradient(#f7448a 30%, transparent 31%);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px;
  padding: 5px;
  text-align: center;
}

.contents_box ul.contents_ul {
  font-weight: bold;
  display: grid;
  place-content: center;
  place-items: center;
  padding: 20px auto 10px;
}

.contents_box ul.contents_ul li {
  list-style: none;
  width: 370px;
  margin-bottom: 10px;
  position: relative;
  padding: 3px 0 0 25px;
}

.contents_box ul.contents_ul li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: url("/first/im/arrow_btm.png");
  display: block;
  width: 21px;
}

/*何が変わったの？新ルールのポイントを解説！*/
.highschool_17point, .highschool_17point2{
	padding: 20px 70px;
	margin: 20px auto;
	background: var(--cream2);
	.pointttl{
		font-size: 24px !important;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}
	img{
		margin-bottom: 10px;
	}
}
.highschool_17point2{
	background: #eee;
}

/*生まれ月別ul*/
.umare_div {
	background: #eee;
	display: grid;
	grid-column: 1 / 2;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	padding: 20px;
	margin-bottom: 5px;
}
.umare_ttl01, .umare_ttl02{
	background:var(--secondary);
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 30px;
}
.umare_ttl02{
	background: var(--green);
}

.umare_ul01, .umare_ul02 {
	li {
		display: grid;
		grid-template-columns: 35% 65%;
		border: 2px solid var(--secondary);
		margin-bottom: 5px !important;
		border-radius: 6px;

		p {
			margin: 0 !important;
			font-size: 13px !important;
		}

		.umare_li-01 {
			border-radius: 5px 0 0 5px;
			background: #ffddb1;
			padding: 5px;
			display: grid;
			place-content: center;
			place-items: center;
			p {
				color: #a94c00;
				font-weight: bold;
			}
		}

		.umare_li-02 {
			border-radius: 0 5px 5px 0;
			background: #fff;
			display: grid;
			place-items: center start !important;
			padding-left: 5px;

			span {
				margin-right: 10px;
			}
		}
	}
}
.umare_ul02{
	li {
		border: 2px solid var(--green);
		.umare_li-01 {
			background: #f6ffdb;
			p{
				color: var(--green);
			}
		}
	}
}

/*検索*/
.kensaku_box {
	border: 4px solid var(--primary);
	background: #fff;
	padding: 0 20px 10px 20px;
	margin-top: 30px;
	.kensaku_ttl {
		background: var(--primary);
		text-align: center;
		padding: 15px;
		border-radius: 30px;
		margin: -20px auto 0;
		width: 70%;
		color: #fff;
		font-weight: bold;
		font-size: 20px !important;
		position: relative;
		&:after{
			content: "";
			position: absolute;
			bottom: 9px;
			left: 50%;
			border-style: solid;
			border-width: 20px 10px 0 10px;
			border-color: var(--primary) transparent transparent;
			translate: -50% 100%;
		}
	}
	select {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font-family: inherit;
		font-size: 1em;
		padding: 0.4em 0.8em;
		width: 100%;
	}

	table {
		&#search_tbl {
			width: 100%;
			*{
				box-sizing: border-box;
			}

			tbody {
				/* width: 712px; */
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox; //IE10
				display: flex;
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-ms-flex-align: center;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;

				* {
					font-size: 15px;
				}

				tr {
					width: 50%;
					flex-basis: auto;
					border-bottom: 4px solid #fff;
					display: inline-block;

					th {
						background: #ffe3ee;
						padding: 15px;
						width: 100%;
						display: block;
					}

					td {
						padding: 0 0 0 5px;
						width: 100%;
						display: block;

						select {
							width: 100%;
							height: 100%;
							padding: 8px 5px 8px 10px;
							/* border: solid 2px $main_pink; */
							background: url(/chcmn/school/im/form_icon.gif) no-repeat right center;
							background-repeat: no-repeat;
							cursor: pointer;
						}
					}

					&:nth-child(6) {
						td {
							display: -webkit-box;
							display: -webkit-flex;
							display: flex;
							-ms-flex-align: center;
							-webkit-box-align: center;
							-webkit-align-items: center;
							align-items: center;

							.srch_ent_month,
							.srch_ent_day {
								width: 30%;
							}

							.srch_ent_day {
								margin-left: 20px;
							}
						}
					}

					&:last-child {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: center;

						td {
							width: 100%;

							.Submit2 {
								background: none;
								text-indent: 0;
								margin: 0 auto;
								font-size: 20px;
								color: #fff;
								font-weight: bold;
								background: #ff50a8;
								padding: 10px 50px;
								width: auto;
								height: auto;
								border-radius: 10px;
								box-shadow: 3px 3px 0 #ba2d64;
								margin-top: 5px;

								&:hover {
									opacity: 0.5;
								}
							}
						}
					}
				}
			}
		}
	}
}