/*===============================================
●smart.css 画面の横幅が979px以下
===============================================*/
@media screen and (max-width: 979px){

.pc {display: none;}

body::-webkit-scrollbar {  /* Safari 対応 */
        display:none;!important
    }
body {
	font-size: 3.5vw;
	line-height: 1.8em;
	position: relative;
}

.main {
	height: 100vw;
	background: url(img/main-bg.jpg) center / cover no-repeat;
	position: relative;
}
.main h1 {
	width: 58vw;
	height: 55vw;
	background: url(img/main-logo.svg) center 15vw / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: auto;
	padding: 15vw 0 0;
}
.main p {
	background: rgba(0, 0, 0, 0.3);
	color: #FFF;
	font-size: 0.9em;
	text-align: center;
	line-height: 3em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.col {
	text-align: center;
	padding: 10vw 0 0;
	overflow: auto;
}
.col h2 {
	font-family: serif;
	font-size: 6vw;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	color: #698B41;
	margin: 5vw 0 0;
}
.col h2 span {
	font-size: 4.5vw;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #698B41;
	display: block;
	width: 30vw;
	margin: 0 auto 2vw;
}
.col p.intro {
	font-family: serif;
	font-size: 4vw;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	color: #698B41;
}
.col p {
	margin: 5vw auto;
}

.point01 {
	background: url(img/point01-img.jpg) center top / auto 53vw no-repeat;
	padding: 50vw 0 0;
	margin: 15vw auto 0;
}
.point02 {
	background: url(img/point02-img2.jpg) center top / auto 48vw no-repeat;
	padding: 48vw 0 0;
	margin: 15vw auto 0;
}
.point03 {
	background: url(img/point03-img.jpg) center top / auto 50vw no-repeat;
	padding: 50vw 0 0;
	margin: 15vw auto 0;
}

.recruit {
	text-align: center;
	margin: 15vw 0;
}
.recruit h2 {
	background: url(img/recruit-img.jpg?0308) center top / cover no-repeat;
	height: 38vw;
	width: 100%;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 0 auto 8vw;
}
.recruit p.easily {
	margin: 16vw auto 8vw;
	color: #698B41;
}
.recruit a {
	display: block;
	margin: 8vw auto;
	width: 40vw;
	box-shadow: 2vw 2vw 0 #D4D5D5;
}
.recruit a img {
	display: block;
}

.outline {
	text-align: center;
	background: url(img/outline-img.jpg) center top / auto 50vw no-repeat;
	padding: 50vw 0 0;
}
.outline h2 {
	font-weight: bold;
	font-family: serif;
	font-size: 6vw;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	margin: 15vw 0 8vw;
}
.outline dl {
	line-height: 2em;
}
.outline dl dt {
	font-weight: bold;
}
.outline dl dd {
	margin: 0 auto 8vw;
}
.outline p {
	margin: 12vw auto ;
}
.outline .logo {
	background: #B5B6B6;
	margin: 4vw 0;
	padding: 6vw 0;
}
.outline .logo img {
	width: 35vw;
	display: block;
	margin: auto;
}
.outline h3 {
	background: url(img/foot-logo.svg) center / contain no-repeat;
	width: 50vw;
	height: 6vw;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 6vw auto 2vw;
}
.outline p.number {
	margin: 2vw auto;
	font-size: 0.9em;
}
.outline p.tel {
	font-size: 2em;
	line-height: 1.5em;
	margin: 2vw auto;
}
.outline a {
	text-decoration: none;
}
.outline p.addr {
	line-height: 1.5em;
	margin: 2vw auto 12vw;
}

.map iframe {
	padding: 0;
	margin: 0;
	display: block;
}

.copyright {
	margin: 0px;
	padding: 4vw 0;
	background: #C6D5A0;
	color: #FFF;
	font-size: 3vw;
	line-height: 4vw;
	text-align: center;
}

#end{}
}