@charset "utf-8";
/*
Theme Name: arkhe_child
Version:  3.12.0
Template: arkhe
*/

body{
margin:0;
font-family:"Noto Sans JP",sans-serif;
background:#fff;
}

.home .l-content__body {
        width: 100% !important;
        margin: 0 0 0 0;
        padding: 0 !important;
        background: #f6e9d8;
        display: contents;
}


.sub,
h1,
.lead,
.career,
.cta{
position:relative;
z-index:3;
}

.fv::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:rgba(255,255,255,0.2);
z-index:10;
}

.fv{
display:flex;
height:100vh;
overflow:hidden;
position:relative;
}

/* 動画 */

.fv-video{
width:50%;
position:relative;
height:100%;
}


.fv-video video{
width:100%;
height:100%;
object-fit:cover;

filter:
contrast(1.2)
saturate(0.85)
brightness(0.85);
}

.fv-video::before,
.fv-video::after{
height:100%;
}


/* フィルムグレイン */
.fv-video::before{
content:"";
position:absolute;
inset:0;

background-image:
radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);

background-size:3px 3px;

pointer-events:none;
z-index:4;
}

/* ネイビーグラデーション */

.fv-video::after{
content:"";
position:absolute;
inset:0;

background:
linear-gradient(
90deg,
rgba(11,31,59,0.65) 0%,
rgba(11,31,59,0.55) 30%,
rgba(11,31,59,0.25) 55%,
rgba(11,31,59,0) 80%
);

pointer-events:none;
z-index:3;
}

/* 右側 */

.fv-content{
width:50%;
height:100%;

background:linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);

color:#fff;
padding:120px 8%;
position:relative;
z-index:2;
}

.fv-content::before{
content:"";
position:absolute;

top:-20%;
right:-20%;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(255,255,255,0.08),
transparent 70%
);

pointer-events:none;
z-index:0;
}

/* 背景巨大文字 */

.bg-word{
position:absolute;

bottom:120px;
left:50%;
transform:translateX(-65%);
mask-image: linear-gradient(to right, black 60%, transparent);
font-size:260px;
font-weight:700;

color:rgba(255,255,255,0.09);

letter-spacing:14px;

line-height:0.9;

pointer-events:none;
z-index:0;
}



/* 現場経営者 */

.sub{
letter-spacing:6px;
font-size:13px;
opacity:0.85;
}

/* 名前 */

h1{
font-family:"Noto Serif JP",serif;
font-size:56px;
margin:0;
position:relative;
left:0px;
}

/* キャッチ */

.catch{
margin-top:50px;
padding-top:20px;

border-top:1px solid rgba(255,255,255,0.15);

font-size:16px;
line-height:1.8;

letter-spacing:2px;

color:#D6B36A;
font-weight:500;
}

/* キャッチ */
.lead{
margin-top:30px;
font-size:20px;
line-height:1.8;
}

/* 実績 */

.career{
margin-top:20px;
font-size:14px;
color:#C6A75E;
}

/* ボタン */

.cta{
display:inline-block;
margin-top:40px;
padding:14px 36px;

background:#C8102E;

color:#fff;
text-decoration:none;
font-weight:600;

letter-spacing:1px;

transition:all .3s;
}

.cta:hover{
background:#C6A75E;
transform:translateY(-2px);
}