@charset "utf-8";

/****************************************
    /*
*****************************************/

header h1 {
    width: 340px;
}

header ul {
    position: absolute;
    right: 120px;
}

header ul li a {
    font-size: 16px;
}

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

header h1 {
    width: 258px;
    margin: 12px 0;
}

}

/****************************************
    /*
*****************************************/

.remodal ul li a::after {
    display: none;
}

/****************************************
    /*
*****************************************/

footer h1 {
    width: 420px;
}

footer li a::after {
    display: none;
}

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

footer h1 {
    width: 100%;
    margin: 0 0 -10px;
}

footer h1 img {
    width: 80%;
    max-width: 320px;
}

.ftr-nav li:last-child {
    width: 50%;
}

}

/****************************************
    /*
*****************************************/

.label-00 {
    font-size: 60px;
    letter-spacing: normal;
    line-height: 1.4:;
}

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

.label-00 {
    font-size: 34px;
}

}


/****************************************
    /*
*****************************************/

.mv-image_04 {
    background: url(../images/index-main-img_04.png) no-repeat center bottom;
    background-size: auto 94%;
}

.mv-image_05 {
    background: url(../images/index-main-img_05.png) no-repeat center bottom;
    background-size: auto 94%;
}

.mv-image_06 {
    background: url(../images/index-main-img_06.png) no-repeat center bottom;
    background-size: auto 94%;
}

.txt_01 {
    width: 30%;
    position: absolute;
    top: 66%;
    left: 4%;
}

.txt_02 {
    width: 30%;
    position: absolute;
    top: 73%;
    left: 4%;
}

.txt_03 {
    width: 28%;
    position: absolute;
    top: 80%;
    left: 4%;
}

.txt_04 {
    width: 12%;
    position: absolute;
    top: 48%;
    right: 4%;
}

.txt_05 {
    width: 16%;
    position: absolute;
    top: 55%;
    right: 4%;
}

.hex {
    height: 36%;
    position: absolute;
    top: 12%;
    right: 13%;
}

.fan {
    height: 34%;
    position: absolute;
    top: 62%;
    right: 4%;
}

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

.mv-image_04 {
    background: url(../images/index-main-img_04.png) no-repeat center bottom;
    background-size: auto 74%;
}

.mv-image_05 {
    background: url(../images/index-main-img_05.png) no-repeat center bottom;
    background-size: auto 74%;
}

.mv-image_06 {
    background: url(../images/index-main-img_06.png) no-repeat center bottom;
    background-size: auto 74%;
}

.txt_01,
.txt_02,
.txt_03,
.txt_04,
.txt_05 {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 1em 0 0;
}

.txt_01 {
    width: 80%;
}

.txt_02 {
    width: 50%;
}

.txt_03 {
    width: 70%;
}

.txt_04 {
    width: 40%;
}

.txt_05 {
    width: 60%;
}

.hex {
    width: 46%;
    height: auto;
    position: absolute;
    top: 80px;
    right: 10px;
}

.fan {
    display: block;
    width: 44%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 1em 0 0;
}

}

/****************************************
    /*
*****************************************/

#index-concept {
    font-size: 22px;
    background: url(../images/en-index-concept-bg_01.jpg) no-repeat right center #000;
    background-size: 60%;
    padding: 160px 0;
}


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

#index-concept {
    font-size: 16px;
    background: url(../images/en-index-concept-bg_01.jpg) no-repeat 500% 120% #000;
    background-size: 96%;
    padding: 40px 20px 180px;
}

}



/****************************************

    /* index-scene

*****************************************/

.index-scene {
    display: flex;
    flex-flow: wrap;
    background: #000;
}

.index-scene > div {
    width: 20%;
}

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

.index-scene > div {
    width: 50%;
}

.index-scene > div:first-child {
    display: none;
}

}


/****************************************

    /* index-technology

*****************************************/

#index-technology {
    text-align: center;
    background: url(../images/en-index-technology-bg_01.jpg) no-repeat center center #000;
    padding: 160px 0;
}

#index-technology img {
    margin: 0 auto;
}

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

#index-technology {
    padding: 90px 0;
}

#index-technology img {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
}

}

/****************************************

    /* index-function

*****************************************/

#index-function {
    padding: 0;
}

#index-function .wrap {
    background: url(../images/en-index-function-img_01.png) no-repeat right center;
    background-size: auto 90%;
    padding: 160px 0;
}

#index-function img {
    display: none;
}

#index-function .description {
    width: 60%;
}

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

#index-function .wrap {
    background: none;
    padding: 90px 20px;
}

#index-function .image {
    display: block;
    width: 90%;
    max-width: 480px;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto 30px;
}

#index-function .description {
    width: 100%;
}

}

/****************************************

    /* index-history

*****************************************/

#index-history {
    background: url(../images/en-index-history-bg_01.jpg) no-repeat center center fixed;
    background-size: cover;
}

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

#index-history {
    background: url(../images/en-index-history-bg_01.jpg) no-repeat 70% 80%;
    background-size: auto 140%;
}

}

/****************************************
    /*
*****************************************/

#concept-first h4 {
    line-height: 1.4;
}

/****************************************
    /*
*****************************************/

#mailform form dl dt {
    padding: 10px 10px 10px 90px;
}