body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100;
	background: url(../img/mv.jpg) no-repeat top right;
	background-size:auto 100vh;
}
img{
	max-width: 100%;
}
ul,li{
	list-style:none;
}
.c-heading{
	font-weight: 100;
	text-align: center;
	font-size: 28px;
	color: #505050;
	margin:0 0 50px;
}
.c-heading .c-text{
	font-weight: 500;
	display: block;
	color: #91c476;
	font-size: 13px;
}
.c-wrapper{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.l-header{
	padding: 10px 20px;
}
.l-header .heading{
	color: #5f5f5f;
	font-weight: normal;
	font-size: 12px;
	margin:10px 0;
}
.header-nav {
	margin: 10px 0;
}
.header-nav .nav-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.header-nav .nav-list a{
	color: #000;
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin:0 30px 0 0;
}
.l-mv{
	height: 82vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.mv-title{
	color: #93c375;
	font-size: 30px;
	margin:0 0 20px;
}
.mv-heading{
	font-size: 40px;
	font-weight: 500;
	margin: 20px 0 0;
}
.mv-body{
	position: relative;
    left: -35vh;
}
.l-service{
	padding: 90px 0;
}
.l-service .c-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.c-block-list{
	text-align: center;
	width: 48%;
}
.c-block-list .title{
	font-weight: 300;
	margin:0 0 30px;
}
.c-block-list .link{
	margin: 10px 0 0;
}
.c-block-list .link a{
	font-weight: 500;
	display: inline-block;
	text-decoration: none;
	color: #6eda83;
}
.c-block-list .link a:after{
	content:"";
	border-bottom:1px solid #6eda83;
	height: 1px;
	width: 100%;
	display: inline-block;
	position: relative;
    top: -13px;
}
.l-about .c-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.l-about .img{
	width: 40%;
}
.l-about .list-text {
	    width: 50%;
	    margin:0 0 20px;
}
.l-about .list-text li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:0 0 30px 0;
}
.l-about .list-text .title{
	width: 30%;
	font-weight: 300;
}
.l-about iframe{
	width: 100%;
}
.l-recruit{
	padding: 90px 0;
}
.l-recruit .l-container{
	border:5px solid #ccc;
	padding: 40px;
	width: 70%;
	margin: auto;
}
.l-recruit .l-container ul{

}
.l-recruit .l-container li{
	text-align: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 30px;
	
}
.l-recruit .l-container .title{
	font-weight: 300;
	width: 30%;
}
.l-contact{
	padding: 90px 0;
	background: #f9fff4;
	text-align: cenceter;
}
.l-contact input[type="text"],
textarea{
	text-align: left;
	background: #e0e0e0;
	width: 100%;
	padding: 10px;
}
.l-contact input[type="text"]{
	height: 50px;
}
textarea{
	height: 100px;
}
.l-contact .c-wrapper{
	width: 800px;
	margin: auto;	
}
.c-form-block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;

	margin: 20px auto;
}
.c-form-block .title{
	width: 30%;
	margin-right: 2%;
}
.c-form-block .text{
	width: 68%;
}
.l-contact input[type="submit"] {
    display: block;
    color: #000;
    padding: 20px;
    text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cefed7+0,e3f8d1+100 */
background: #cefed7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cefed7 0%, #e3f8d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #cefed7 0%,#e3f8d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #cefed7 0%,#e3f8d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cefed7', endColorstr='#e3f8d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 auto;
    border: 0;
    font-size: 1.5rem;
    width: 300px;
    margin: 30px auto;
    cursor: pointer;
}
#acc dt {
    cursor: pointer;
    font-size: 13px;
}
#acc dd {
    display: none;
    font-size: 11px;
    color: #777;
    padding-top: 10px;
}
footer .copy{
	display: block;
	padding: 30px 0;
	text-align: center;
}
@media screen and (max-width:770px){
.l-header {
    background: #fff;
}
.mv-body {
    left: -5px;
    background: #fff;
    padding: 30px;
}
.l-contact .c-wrapper {
    width: 90%;
}

}
@media screen and (max-width:500px){
.l-header {
    padding: 10px;
}
.header-logo img{
	width: 120px;
}
.mv-body {
    background: #fff;
    padding: 15px;
    left: 0;
    margin: 0 auto 0 0;    
}
.l-mv{
	left: 0;
}
.mv-heading {
    font-size: 23px;
    margin: 0;
}
.mv-title {
    font-size: 21px;
}
.l-service .c-wrapper{
	flex-wrap: wrap;
}
.c-block-list {
    text-align: center;
    width: 100%;
    margin: 10px 0;
}
.l-about .img {
    width: auto;
    display: none;
}
.l-about .list-text {
    width: 100%;
}
.l-about iframe {
    height: 250px;
}
.l-recruit .l-container {
    border: 3px solid #ccc;
    padding: 30px 15px;
    width: 100%;
    margin: auto;
}
.l-recruit .l-container .title{
	flex-shrink: 0;
}
.header-nav .nav-list a {
    font-size: 13px;
    margin: 0 20px 0 0;
}
}