@charset "utf-8";

/*==============================================

	page

==============================================*/
main {
	background-color: var(--owt);
}

.caption {
	max-width: 1000px;
	margin: 0 auto 200px;
}
.caption h2 {
	font-size: 16px;
	text-align: center;
}
.caption .text {
	text-align: center;
}
.caption .btn {
	text-align: center;
	width: 100%;
	margin-top: 40px;
}
.caption .btn a {
	border: 1px solid;
	color: #2F5048;
	text-align: center;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-bottom: 1px;
	letter-spacing: .5px;
	transition: all .4s;
	max-width: 180px;
	display: inline-block;
	padding: 10px;
}

.page_contents {
	max-width: 910px;
	padding: 0 20px;
	margin: 0 auto;
}
.page_contents .center {
	text-align: center;
}

.page_contents h2 {
	font-size: 1.8rem;
	margin-bottom: 15px;
	margin-top: 50px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--line-gray);
	letter-spacing: 2px;
}

.page_contents .box {
	background-color: var(--wt);
	padding: 40px 60px;
	border-radius: 5px;
	margin: 15px 0;
}
.page_contents .box .heading {
	font-size: 1.8rem;
	color: var(--green);
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0;
	border-bottom: none;
}
.page_contents ol {
	list-style: decimal;
	padding-left: 20px;
}
.page_contents ol > li {
	list-style: decimal;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.3rem;
}
.page_contents ol > li:last-child {
	margin-bottom: 0;
}

.page_contents ol li {
	margin-bottom: 10px;
}
.page_contents dl {
	display: flex;
	gap: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--line-gray);
	margin-bottom: 20px;
}
.page_contents dl > dt {
	white-space: nowrap;
	font-size: 1.4rem;
	width: 175px;
}
.page_contents dl > dd {
	width: calc(100% - 185px);
	font-size: 1.3rem;
	margin-bottom: 0;
}
.page_contents dl:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

main .box h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--green);
	margin-bottom: 5px;
	margin-top: 40px;
}
.tel_contact_info {
	margin-bottom: 50px;
	border-top: 1px dashed var(--line-gray);
	padding-top: 50px;
}
.tel_contact_info h3 {
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 15px;
    /* margin-top: 40px; */
}
.tel_contact_info .tel {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
.tel_contact_info .tel i {
    font-size: 1.3rem;
    margin-right: 10px;
    color: #72846E;
    background-color: rgba(114, 132, 110, 0.2);
    padding: 9px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    vertical-align: middle;
    justify-content: center;
    margin-bottom: 5px;
}
.tel_contact_info .tel a {
    font-size: 1.8rem;
    letter-spacing: 2px;
    color: var(--green);
    width: 100%;
}
.tel_contact_info .time {
    text-align: center;
}

.interview {
	margin: 100px 0;
}
.interview h2 {
	text-align: center;
	font-size: 1.8rem;
}
.interview .btns {
	display: flex;
	gap: 10px;
}
.interview .btns .btn {
	width: 100%;
}
.interview .btns .btn a {
	width: 100%;
	text-align: center;
}
.interview .btns .btn.white a {
	background-color: var(--wt);
}
.interview .btns .btn a {
	padding: 21px 20px;
}
.interview .text {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 20px;
}

.viewmore {

}
.viewmore_btn {
	margin-bottom: 40px;
	padding: 13px 0;
    text-align: center;
    font-size: inherit;
	font-weight:500;
    border: 1px solid var(--green);
    border-radius: 5px;
	color:var(--green);
	transition: all .3s;
	position:relative;
}
.viewmore_btn:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 1px var(--green);
  border-right: solid 1px var(--green);
  transform: rotate(45deg);
  position: absolute;
  top: -8px;
  right: 25px;
  bottom: 0;
  margin: auto;
}
.viewmore_btn.open:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 1px var(--green);
  border-right: solid 1px var(--green);
  transform: rotate(-135deg);
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  margin: auto;
}
.viewmore_btn:hover {
	opacity:.7;
	cursor:pointer;
}
.viewmore_inner {
	display: none;
	margin-top:40px;
}

.noticebox{
	margin-bottom:40px;
	padding: 40px 60px;
	background-color: var(--wt);
	border-radius: 5px;
}
.noticebox h2.noticebox__ttl{
	margin:0 0 20px;
	padding: 0;
	border:0;
	font-size: 1.6rem;
	color: var(--green);
}
.noticebox h3.noticebox__ttls{
	margin:30px 0 5px;
	padding: 0;
	border:0;
	font-size: inherit;
	font-weight:500;
	color: var(--green);
}
.noticebox > .text:last-child{
	margin-bottom:0;
}

/*---------------------------------------------------------------*\
	$736px
\*---------------------------------------------------------------*/
@media screen and (max-width: 736px) {
	.page_head .text.center {
		text-align: left;
	}
	.caption {
		padding: 0 40px;
	}

	.page_contents .box {
		padding: 30px 20px;
	}
	.page_contents .box .heading {
		text-align: center;
		font-size: 1.6rem;
	}

	.noticebox{
		padding: 40px 20px;
	}

	.page_contents dl {
		flex-direction: column;
	}
	.page_contents dl > dt {
		width: 100%;
	}
	.page_contents dl > dd {
		width: 100%;
	}
	.page_contents dl:last-of-type {
		border-bottom: none;
	}

	.tel_contact_info {
		margin-bottom: 60px;
	}
	.tel_contact_info .tel a {
		background-color: var(--wt);
		padding: 10px 0 10px;
		border-radius: 5px;
	}
	.interview .btns {
		flex-direction: column;
		gap: 10px;
	}
	.interview .btns .btn {
		margin: 0 auto;
	}
}