@charset "UTF-8";
/* コンテンツ */


#fix_mv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-color: #333;
}

.fix_mv_area {
    position: relative;
    width: 100%;
	height: 100%;
    overflow: hidden;
}
.fix_mv_area video {
	position: absolute;
    min-width: 100%;
    min-height: 100%;
}
.fix_mv_area span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

@media (min-width: 961px) and (aspect-ratio: 192/108) {
.fix_mv_area video {
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}

@media (min-width: 961px) and (min-aspect-ratio: 192/108) {
.fix_mv_area video {
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}

@media (min-width: 961px) and (max-aspect-ratio: 192/108) {
.fix_mv_area video {
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
}

@media screen and (max-width: 960px) {
.fix_mv_area video {
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
}

#concept_box {
    color: #fff;
}

.ccp_1,.ccp_2,.ccp_3,.ccp_4,.ccp_5 {
    min-height: 110vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccp_1 section,.ccp_2 section,.ccp_3 section,.ccp_4 section,.ccp_5 section {
   padding: 10em 0;
}

#concept_box h4 {
    font-family: "EB Garamond", serif;/*400-800*/
    font-weight: 400;
    font-size: 2em;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    line-height: 1;
    margin-bottom: 2em;
}
#concept_box h4 span {
    font-size: 2em;
}
#concept_box h4 strong {
    font-weight: 400;
    font-size: 2em;
}
#concept_box p {
    font-size: 1.4em;
    line-height: 2.5;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
}
#concept_box h5 {
    font-weight: 500;
    font-size: 1.8em;
    line-height: 2.5;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
}

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

}


@media screen and (max-width: 960px) {
.ccp_1 section,.ccp_2 section,.ccp_3 section,.ccp_4 section,.ccp_5 section {
   padding: 10em 0;
}

#concept_box h4 {
    font-size: 3vw;
}
#concept_box p {
    font-size: 3.2vw;
}
#concept_box h5 {
    font-size: 4vw;
}
}


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

}