@charset "UTF-8";
@media screen and (max-width:999px){
	body, .section, .eyecatch, .footer {
		width: 100%;
		min-width: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.telhref {
		color: #0000ee;
		text-decoration: underline;
	}
	.section {
		padding-bottom: 80px;
	}
	.section.eyecatch {
		background-color: var(--color-sub-be1);
		padding-bottom: 110px;
		position: relative;
	}
	.content {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.header {
		height: 100px;
		justify-content: center;
	}
	h1 img {
		height: 50px;
		width: auto;
	}
	a.link-btn {
		position: absolute;
		bottom: 40px;
		left: calc(50% - (71.8% / 2));
		width: 71.8%;
		height: 40px;
	}
	.section .mds {
		height: 100px;
		margin-bottom: 50px;
	}
	.section .mds span {
		font-size: 2.6rem;
	}
	.section .mds h2 {
		font-size: 1.0rem;
	}
	.greet-box > figure {
		width: 100%;
		text-align: center;
	}
	.greet-box > figure img {
		width: 245px;
		height: auto;
	}
	.greet-box > div {
		width: 100%;
		margin-left: 0;
		margin-top: -46px;
		padding-left: 4.5%;
		padding-right: 4.5%;
		padding-top: 80px;
	}
	.greet-box > div h3 {
		font-size: 1.8rem;
		line-height: calc(36 / 18);
	}
	.greet-box > div p {
		font-size: 1.3rem;
		line-height: calc(28 / 13);
	}
	.greet-box > div > div {
		margin-top: 26px;
	}
	.greet-box > div > div p:first-child {
		font-size: 1.6rem;
		line-height: calc(36 / 16);
	}
	.greet-box > div > div p + p {
		font-size: 1.2rem;
	}
	.keireki-box {
		margin-top: 40px;
		display: block;
	}
	.keireki-box > div {
		width: 100%;
	}
	.keireki-box > div + div {
		margin-top: 40px;
	}
	.keireki-box h4 {
		font-size: 1.6rem;
		line-height: calc(36 / 16);
		padding-bottom: 10px;
	}
	.keireki-box dl, .keireki-box ul {
		margin-top: 16px;
	}
	.keireki-box dt, .keireki-box dd, .keireki-box li {
		font-size: 1.3rem;
		line-height: calc(28/ 13);
	}
	p.recruit-head {
		font-size: 1.6rem;
		line-height: calc(30 / 16);
	}
	table.recruit-tbl {
		margin-top: 50px;
		border-bottom: 1px solid #cacaca;
	}
	table.recruit-tbl th, table.recruit-tbl td {
		width: 100%;
		display: block;
		border-bottom: none;
	}
	table.recruit-tbl th {
		
		font-size: 1.3rem;
		line-height: calc(24 / 13);
		padding-top: 8px;
		padding-bottom: 8px;
	}
	table.recruit-tbl td {
		background-color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 1.3rem;
		line-height: calc(24 / 13);
	}
	.recruit-box {
		margin-top: 60px;
	}
	.recruit-box h3 {
		width: 51.2%;
		height: 40px;
		font-size: 1.3rem;
	}
	.recruit-box > div {
		width: 100%;
		background-color: #fff;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.recruit-box > div > div + div {
		margin-top: 23px;
		border-top: 1px solid #cacaca;
		padding-top: 24px;
	}
	.recruit-box > div > div p, .recruit-box > div > div li {
		font-size: 1.3rem;
		line-height: calc(28 / 13);
	}
	.recruit-box > div > div h4 {
		font-size: 1.5rem;
	}
	.content-about {
		width: 90%;
	}
	.about-box {
		margin-top: 46px;
	}
	.about-map iframe {
		width: 100%;
		height: 230px;
}
	.about-box > div {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.about-box > div h3 {
		font-size: 1.3rem;
		line-height: calc(28 / 13);
		width: auto;
	}
	.about-box > div p {
		font-size: 1.3rem;
		line-height: calc(28 / 13);
		letter-spacing: var(--letter-spacing);
	}
	.about-time {
		margin-top: 70px;
	}
	.about-time table {
		width: 100%;
	}
	.about-time table th, .about-time table td {
		font-size: 1.1rem;
		line-height: calc(28 / 14);
		letter-spacing: var(--letter-spacing3);
		padding-left: var(--letter-spacing3);
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.about-time table th.shuku, .about-time table tbody th {
		letter-spacing: 0;
		padding-left: 0;
	}
	.about-time table thead th:first-of-type {
		width: 24%;
	}
	.about-time > p {
		font-size: 1.2rem;
		line-height: calc(24 / 12);
		text-align: center;
		margin-top: 10px;
	}
	.about-logo {
		margin-top: 50px;
		text-align: center;
	}
	.about-logo img {
		width: 260px;
		height: auto;
	}
	.about-logo > p {
		font-size: 1.3rem;
		line-height: calc(28 / 13);
		margin-top: 10px;
	}
	.section03 {
		padding-bottom: 60px;
	}
	a.link-insta {
		width: 100%;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	a.link-insta img {
		width: 70px;
		height: auto;
	}
	a.link-insta:hover img {
		opacity: 1;
	}
	.copyright {
		height: 180px;
		text-align: center;
		line-height: calc(28 / 10);
	}
	#pagetop {
		right: 0;
		bottom: 0;
	}
	.sp-only {
		display: block;
	}
	.pc-only {
		display: none;
	}
}