@charset "utf-8";

:root {
	--main-blue: #3471d6;
	--light-blue: #477ED9;
	--white: #fff;
}
img {
	width: 100%;
	height: auto;
}
a {
	color: var(--white);
}
.pc_display {
		display: none;
}

.hidden {
	display: none !important;
}

.meibo_wrap .bold {
	font-weight: 700;
}
.meibo_wrap .blue_bold {
	color: var(--main-blue);
	font-weight: 700;
}
.meibo_wrap p,
.meibo_wrap dt,
.meibo_wrap dd,
.meibo_login_inner a,
.meibo_detail ul li {
	font-size: 15px;
	/*color: #4d4d4d;*/
	line-height: 1.8;
	letter-spacing: .5px;
	text-align: justify;
}

.meibo_wrap .message_box {
	max-width: 880px;
	margin: 35px auto;
	padding: 20px 5%;
	border: 2px solid #626262;
	border-radius: 5px;
	box-shadow: -1px 4px 8px #eee;
}

.meibo_wrap .message_box p span {
	font-weight: 700;
	padding: 0 .5rem;
	color: #ff5c5c;
}
.meibo_wrap .search_btn {
	margin: 25px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.meibo_wrap .search_btn p {
	color: #fff;
}
@media(min-width: 768px) {
	.meibo_wrap .search_btn {
		gap: 35px;
	}
}


.meibo_wrap .search_btn a {
	display:flex;
	align-items: center;
	padding: 15px 30px 15px 20px;
	border-radius: 30px;
	font-weight: 600;
	letter-spacing: 2px;
	transition: .5s;
	width: 220px;
	font-size: min(4vw, 16px);
	box-shadow: 2px 2px 0px #c3c3c375;
}

.meibo_wrap .search_btn a p {
	width: 100%;
	text-align: center;
	font-weight: 600;
	letter-spacing: 2px;
}
.meibo_wrap .search_btn .search {
	gap: 7px;
}
.meibo_wrap .search_btn .kyouin_search {
	background: #f57b7b;
}
.meibo_wrap .search_btn .kenjinji_search {
	background: #2fa304;
}
.meibo_wrap .search_btn .demo {
	background:#29305b;
	gap: 13px;
}
.meibo_wrap .search_btn .apply {
	background:linear-gradient(90deg, rgb(52 113 214), rgb(46 160 255) 95%);
	gap: 7px;
	width: auto;
	padding: 1em 1.5em 1em 2.5em;
	position: relative;
	overflow: hidden;
}


/* meibo_period */
.meibo_period {
	margin: 40px auto;
}
.meibo_period h2 {
	font-size: clamp(18px, 3vw, 22px);
	text-align: center;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px
}
.meibo_period h2::before,
.meibo_period h2::after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #626262;
}
.meibo_period h2::before {
  margin-right: 30px;
}
.meibo_period h2::after {
  margin-left: 30px;
}
.meibo_period dl {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 700px;
}
.meibo_period dl dt {
	font-weight: 800;
	background: #eee;
} 
.meibo_period dl dd {
	background: #fff;
}
.meibo_period dl dd {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.meibo_period dl dt,
.meibo_period dl dd {
	padding: 1em;
	font-size: 15px;
}
.meibo_period_text {
	text-align: end;
	font-size: 15px;
}

.meibo_period_text {
	max-width: 700px;
    margin: 0 auto;
    display: flex;
    justify-content: end;
}

/* .kyouin_login */
.meibo_login {
	max-width: 880px;
	margin: 45px auto;
	background: #efefef;
	padding: 30px 5%;
	border-radius: 5px;
	text-align: center;
}
.meibo_login p,
.meibo_login a{
	text-align:center;
}
.meibo_login_text{
	text-align: start;
}
.meibo_login_box {
	margin: 50px auto;
	display: flex;
	flex-direction: column;
	gap: 35px;
}
.meibo_login_box p,
.meibo_login_inner a {
	font-weight: 700;
}
.meibo_login_inner p {
	width: fit-content;
	margin: 0 auto 15px;
	position: relative;
}
.meibo_login_inner p::before,
.meibo_login_inner p::after {
	content:"|";
	position: absolute;
	bottom: 0;
}
.meibo_login_inner p::before {
	left: -20px;
	transform: rotate(-30deg);
}
.meibo_login_inner p::after{
	right: -20px;
	transform: rotate(30deg);
}
.meibo_login_inner a {
	background: var(--white);
	border: 1px solid #626262;
	border-radius: 35px;
	padding: 20px 15px;
	width: clamp(250px, 60%, 310px);
	transition: .5s;	
}
.meibo_login_inner a:hover {
	color: var(--white);
	background: var(--main-blue);
	opacity: 1;
}
.meibo_login_link {
	font-weight: 700;
}
.meibo_login_link a {
	border-bottom: 1px solid var(--main-blue);
}

@media(min-width: 768px) {
	.pc_display {
		display: block;
	}
	.sp_display {
		display: none;
	}
	.meibo_wrap p,
	.meibo_wrap dt,
	.meibo_wrap dd,
	.meibo_login_inner a,
	.meibo_detail ul li {
		font-size: 16px;
	}

	.meibo_wrap .message_box {
		margin: 45px auto;
		padding: 30px 5%;
	}
	.meibo_wrap .message_box p {
		text-align: center;
	}
	/*.meibo_wrap .search_btn {
		margin: 20px auto;
	}*/
	.meibo_period {
		margin: 60px auto;
	}
	.meibo_period h2::before,
	.meibo_period h2::after {
		width: 45px;
	}
	.meibo_period dl {
		margin: 40px auto;
	}
	.meibo_period dl div {
		width: 100%;
	}
	.meibo_period dl dt,
	.meibo_period dl dd {
		font-size: min(1.77vw, 16px);
	}
	.meibo_login {
		padding: 45px 5%;
	}
	.meibo_login_text {
		text-align: center;
	}
	.meibo_login_box {
		flex-direction: row;
		justify-content: center;
		align-items: end;
		gap: 5%;
	}

	.meibo_login_box a {
		width: 310px;
	}
}