@charset "UTF-8";

/*-- 下層header --*/

body {
	background-color: #f2f2f2;
}

header {
	position: relative;
	width: 100%;
	height: 100vh;
}

header #h_catch,
header #gnav ul li,
header #gnav ul li a,
header #sub_nav a,
.hamburger-grid__dots strong {
	color: white;
}

header #h_catch_main {
	position: absolute;
	left: var(--margin-50);
	bottom: var(--margin-50);
}

header #h_catch_main .catch_cont01 {
	margin-left: var(--margin-300);
}

header #h_catch_main .catch_cont02 {
	margin-left: var(--margin-200);
}

h1,
#h_companyname {
	color: white;
}

header #h_companyname {
	position: absolute;
	right: var(--margin-50);
	bottom: var(--margin-50);
	text-align: right;
}

header #h_catch_main span {
	margin-right: var(--margin-10);
	font-size: var(--font-size-24);
}

.container {
	margin-top: 0;
}

.hamburger-grid__dots span.maru {
	width: 1.5625vw;
	height: 1.5625vw;
	border-radius: 50%;
	background-color: white;
}

.slider {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: 0;
}

.slider .zoom-fade__item {
	height: 100vh;
	object-fit: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slider .zoom-fade__item:first-child {
  background-image: url("../images/main_v_img_01.jpg");
}

.slider .zoom-fade__item:nth-child(2) {
  background-image: url("../images/main_v_img_02.jpg");
}

.slider .zoom-fade__item:nth-child(3) {
  background-image: url("../images/main_v_img_03.jpg");
}

.slider .zoom-fade__item:nth-child(4) {
  background-image: url("../images/main_v_img_04.jpg");
}

.slider .zoom-fade__item:nth-child(5) {
  background-image: url("../images/main_v_img_05.jpg");
}

.slider .zoom-fade__item:nth-child(6) {
  background-image: url("../images/main_v_img_06.jpg");
}

.slider .zoom-fade__item:nth-child(7) {
  background-image: url("../images/main_v_img_07.jpg");
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}
.add-zoom {
  animation: fadezoom 10s 0s forwards;
}

/*-- header end --*/


@media screen and (max-width: 1366px) {
	


}

@media only screen and ( max-width : 1280px ) {

	
}

@media only screen and ( max-width : 1180px ) {


}


@media only screen and ( max-width : 1024px ) {

	
}

@media only screen and ( max-width : 820px ) {
	
}


/*-- ここからスマホcss START --*/
@media only screen and ( max-width : 767px ) {

.slider {
	position: relative;
	width: 100%;
}
	
.hamburger-grid__dots span.maru {
	width: 15px;
	height: 15px;
	border-radius: 50%;
}
	
header #h_catch_main {
	bottom: 100px;
}

header #h_catch_main span {
	font-size: 3.129074315514994vw;
}

}

@media (orientation: landscape) {
	
header #h_catch_main {
	bottom: var(--margin-100);
}
}