@charset "utf-8";
/* CSS Document */

/* 汎用 */

/* テンプレート */


.bgImage>img{
	width: 40vw;
}


/* ヘッダ */
h1{
	width: 18vw;
	padding: 20px 0 0 20px;
}

header>nav{
	width: fit-content;
	min-height:0;
	position: absolute;
	left: auto;
    right: 0;
	top: 0;
	background:none;
	transform: translateX(0);
}

.nav__list{
	padding: 20px 20px 0 0;
    display: flex;
    gap: 2vw;
}

.nav__list li{
	margin: 0 0 0 0;
}

.nav__list li a{
	color: #333333;
	padding: 0;
	font-size: 1.2em;
    display: inline;
}




/* コンテンツ領域コンテナ */

.secMv{
	height: 100vh;
    margin: 0;
}

.mvLogo{
	bottom: 20vh;
	left: 5vw;
	width: 60%;
	font-size: 3.6em;
}

.secProduct h3{
	margin-bottom: 2.5vw;
}


.secProduct{
    margin: 0 auto;
}

.secProduct p{
	padding: 0 var(--section-s);
	margin: 0 auto 1em;
	max-width: var(--inner-width);
}

.product__dcareer{
	padding: 2.5vw 0;
	margin-top: 2em;
}

.secProduct .logo{
	width: 30%;
	margin: 0 auto 2.5vw;
}

.secProduct .logo figcaption{
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1.5vw;
}

.secProduct .logo figcaption span{
	padding-left: 0.5em;
}

.product__dcareer .link a{
	padding: 10px 40px;
}

.secCompany{
	max-width: var(--inner-width);
    margin: 0 auto;
}

.secContact{
	max-width: var(--inner-width);
    margin: 0 auto;
}

.secEvent{
	max-width: var(--inner-width);
    margin: 0 auto;
}

.secEvent img{
	max-width: 600px;
}


.sanka{
	padding: 20px 0;
}

.sanka a{
	padding: 20px 80px;
}


/* フッター */