.head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
	width: 100%;
}

.logo img {
	max-width:400px;
	padding: 0px 0px 0% 40px;
}

.menu {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	margin-right: 40px;
}
.menu-sub {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.menu-sub li {
	margin-left: 15px;
}
.tel {
	display: flex;
	align-items: center;
}
.tel h3 {
	margin-right: 10px;
	font-size: 90%;
	white-space: nowrap;
}
.tel h3 span {
	background-color: #66B1D8;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}
.tel2 h3 span {
	background-color: #EA961D;
}
.tel h6 a {
	font-size: 110%;
	font-weight: bold;
	white-space: nowrap;
}

.subm a {
	display: flex;
	align-items: center;
	background-color: #E7E5DC;
	border-radius: 50px;
	padding: 5px 15px;
}
.subm img {
	width: 20px;
	margin-right:5px;
}
.subm a h3 {
	font-size: 90%;
	letter-spacing: 0;
	white-space: nowrap;
}

.menu-main {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
}
.menu-main img {
	width: 60px;
}
.menu-main .line {
	width: 4px;
}

.menu-main li {
	text-align: center;
}
.menu-main li:last-child {
	border: none;
}
.menu-main a h2 {
	font-size: 125%;
	font-weight: bold;
	white-space: nowrap;
	margin-top: 6px;
}
.menu-main a {
	padding: 0 25px;
	display: block;
}




.main-img {
position: relative;
  overflow: hidden;
  width: 100%;
	margin: 0 auto;
  height: 85vh;
	
}
.main-img video {
 position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cati-box {
	background-color:rgba(103,113,87,0.30);
	position: absolute;
	width: 100%;
  height: 85vh;
	box-sizing: border-box;
	
}
.cati  {
	position: absolute;
  z-index:1;
	bottom: 40%;
	left: 10%;
}

.cati p {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.3em;
	font-size: 280%;
	line-height: 1.3;
	margin-bottom: 20px;
}
.cati h6 {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.3em;
	font-size: 120%;
}



.maru03 {
	position: absolute;
	width: 210px;
	left: 15%;
	opacity: 0.6;
	top: 40%;
	animation-name: maruf03;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
@keyframes maruf03 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}
.maru02 {
	position: absolute;
	width: 170px;
	left: 10%;
	top: 30%;
	opacity: 0.6;
	animation-name: maruf02;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.9s;
}
@keyframes maruf02 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-28px)
    }
}
.maru01 {
	position: absolute;
	width: 180px;
	left: 7%;
	top: 43%;
	opacity: 0.3;
animation-name: maruf01;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2.2s;
}
@keyframes maruf01 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-20px)
    }
}



.req-imgbox {
	box-sizing:border-box;
	width:100%;
	position: relative;
}

.req-imgbox li {
	background-size:cover;
	background-position:center;
	height: 50vh;
}

.sl01 {
	background-image:url(../img/01.jpg);
}
.sl02 {
	background-image:url(../img/02.jpg);
}
.sl03 {
	background-image:url(../img/03.jpg);
}



.sphead {
	display: none;
}



@media screen and ( max-width:800px )
{
.sphead {
	display: block;
}
.menu {
	display: none;
}
.logo {
	
	padding: 10px;
	margin: 0;
}
	.logo img {
		margin: 0;
		padding: 0;
		max-width: 250px;
	}
	.sp-sbmenu {
		display: flex;
		justify-content: center;
	}
	.sp-sbmenu a {
		color: #fff;
		font-size: 130%;
		padding: 10px;
	}
.main-img {
  overflow: hidden;
  width: 100%;
	margin: 0 auto;
  height: 50vh;
	background-image: url("../img/01.jpg");
	background-size: cover;
	background-position: center center;
	
}
.main-img video {
display: none;
}
.cati-box {
	position: absolute;
	width: 100%;
  height: 50vh;
}
.cati  {
	position: absolute;
  z-index:1;
	bottom: 20%;
	left: 10%;
}

.cati p {
	font-size: 180%;
	margin-bottom: 10px;
}
.cati h6 {
	font-size: 100%;
}
.maru03 {
	position: absolute;
	width: 110px;
	left: 15%;
	opacity: 0.6;
	top: 60%;
}
.maru02 {
	position: absolute;
	width: 70px;
	left: 10%;
	top: 50%;
	opacity: 0.6;
}


}