@charset "utf-8";

/*==============================================
video
================================================*/
.slogan {
position: absolute;
bottom: 200px;
}

h2 {
font-size: 18px;
margin-bottom: 30px;
}

.slogan p {
font-size: 12px;
}

.slogan p:last-child {
font-size: 24px;
}

/*==============================================
kenja
================================================*/
.kenja-bg {
padding: 30px 0;
}

.kenja-bg p {
font-size: 12px;
margin-bottom: 20px;
}

.kenja-line {
width: 100%;
height: 5px;
background-color: #b9a376;
margin: 30px 0;
}

.kenja {
width: 70%;
margin: 0 auto;
}

/*==============================================
para
================================================*/
.parabox {
width: 96%;
height: 50vh;
font-size: 14px;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
 -1px 1px 0 #FFF, 1px -1px 0 #FFF,
 0px 1px 0 #FFF,  0-1px 0 #FFF,
 -1px 0 0 #FFF, 1px 0 0 #FFF;
padding-top: 80%;
margin: 0 auto;
}

p.sougyou {
font-size: 24px;
}

@media screen and (max-width: 400px) {
.parabox {
background-image: url("../images/employee-sp.jpg");
background-attachment: scroll;
background-size: 100%;
background-position: top;
}
}

/*==============================================
h3
================================================*/
h3 {
font-size: 24px;
background-color: #FFF;
color: #000;
}

/*==============================================
contents
================================================*/
.contents {
width: 96%;
padding: 0 2%;
margin: 0 auto 50px;
}

/*==============================================
scr-slide
================================================*/
.scr-slide {
display: block;
justify-content: flex-start;
}

.scr-slide .anm_mod {
width: 100%;
margin-bottom: 1px;
}

/*==============================================
scr-slide inbox
================================================*/
.web-dv,
.real-dv,
.company,
.history,
.ceo {
background-size: cover;
background-position: center;
}

.web-dv,
.real-dv {
height: 370px;
padding: 10px;
}

.company,
.history,
.ceo {
height: 100px;
}

.inbox {
width: 70%;
}

.inbox2,
.inbox3 {
font-size: 24px;
}

.inbox2 p a:link,
.inbox3 p a:link {
line-height: 100px;
}

@media screen and (max-width: 350px) {
.inbox {
width: 80%;
}
}