@charset"utf-8";
@import"common.css";

/******** contents ********/

/******** header area ********/
header {
    background: none;
    height: 30px;
}
header div.logo{
    margin: 18px 0 10px 15px;
}
@media screen and (max-width: 800px) {
    #toggle {
        color: #595656;
    }
    .trigger span {
        background-color: #595656;
    }
    .trigger span:nth-of-type(2)::after {
        background-color: #595656;
    }
    .trigger.active span {
        background-color: #FFF;
    }
    .trigger.active span:nth-of-type(2)::after {
        background-color: #FFF;
    }
    a.navItem{
        color: #FFF;
    }
}
@media screen and (min-width: 801px) {
    a.navItem{
        color: #000;
    }
}
@media screen and (max-width: 480px) {
    /* humbarger button */
    #toggle {
        top: 32px;
    }
}
@media screen and (max-width: 370px) {
    /* humbarger button */
    #toggle {
        top: 30px;
    }
}
section.hero{
    position: relative;
    height: 80vh;
}
.hero.privacy .container-header h1{
    color: #FFF;
    font-weight: normal;
    font-size: 3.8rem!important;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);

}
@media screen and (max-width: 600px) {
    .hero.privacy .container-header h1{
        font-size: 2.6rem!important;
        text-align: center;
    }
}

/*business page
-------------------------------------*/
.hero.business{
    background: url("../images/business/business_kv.jpg")center/ cover; 
    height: 470px;
    margin-bottom: 4rem;
}

/******** service area ********/
section.service .column p{
    font-weight: bold;
}
section.service .column .is-4{
    font-size: 1.6rem;
}
section.service .column{
    margin-top: 20px;
}
section.service .column figure img{
    border-radius: 50%;
    width: 100%;
    border: 15px solid #3273dc;
}
@media screen and (max-width: 600px) {
    section.service .subtitle.is-3{
        font-size: 1.8rem!important;
        line-height: 1.3;
    }
    section.service .column .is-4{
        font-size: 1.8rem;
    }
    section.service .column{
        margin-top: 40px;
        text-align: center;
    }
    section.service .column figure img{
        border-radius: 50%;
        width: 85%;
        border: 15px solid #3273dc;
    }
}

/******** overview area ********/
section.overview table{
    border-bottom: 1px solid #dbdbdb;
}
section.overview th{
    background: #f5f5f5;
}
@media screen and (max-width: 600px) {
    section.overview th{
        display: block;
        border-bottom: none;
        background: #f5f5f5;
        padding-top: 8px!important;
        padding-bottom: 8px!important;
    }
    section.overview td{
        display: block;
        border-bottom: none;
        padding-top: 8px!important;
        padding-bottom: 8px!important;
    }
}

/******** facility area ********/
section.facility table{
    border-bottom: 1px solid #dbdbdb;
}
@media screen and (max-width: 600px) {
    section.facility th.machine,section.facility td.machine{
        width: 40%;
        padding-left: 0;
    }
    section.facility th.maker,section.facility td.maker{
        width: 60%;
    }
    section.facility th.num,section.facility td.num{
        display: none;
    }
}

/*store fixtures page
-------------------------------------*/
.hero.storefixtures{
    background: url("../images/storefixtures/storefixtures_kv.jpg")top/ cover; 
    height: 470px;
    margin-bottom: 4rem;
}
section.works p.title{
    margin-top: 20px!important;
}
@media screen and (max-width: 600px) {
    section.works .column.odd{
        margin-bottom: 20px;
    }
}

/*privacy page
-------------------------------------*/
.hero.privacy{
    width: 100%;
    background: url("../images/common/tama.s.s_kv.jpg")center/ cover; 
    height: 80vh;
    margin-bottom: 4rem;
}
.hero.privacy h1{
    width: 380px;
}
.hero.privacy h1::before{
    display: none;
}
@media screen and (max-width: 600px) {
    .hero.privacy h1{
        width: 100%;
        margin-left: 0;
    }
}
section.privacypolicy h3.title.is-4{
    margin-top: 30px;
    font-size: 1.6rem;
    border-bottom: 1px dotted #555555;
    padding-bottom: 3px;
}
section.privacypolicy ul li{
    list-style: disc;
    margin-left: 20px;
}
section.privacypolicy p.title.is-4{
    margin-top: 30px;
    font-size: 1.6rem;
}

/*404 page
-------------------------------------*/
.hero.notfound{
    width: 100%;
    background: url("../images/404/404_kv.jpg")center/ cover; 
    height: 470px;
    margin-bottom: 4rem;
}
.hero.notfound h1{
    position: absolute;
    top: 205px;
    margin-left: 30px;
    color: #FFF;
}
.hero.notfound h1::before{
    display: none;
}
.hero p.notfound_sub{
    position: absolute;
    top: 245px;
    margin-left: 30px;
    color: #FFF;
}
@media screen and (max-width: 600px) {
    .hero.notfound h1{
        width: 100%;
        margin-left: 0;
    }
}
section.noufound_404 h3.title.is-3{
    margin-bottom: 50px;
}
section.noufound_404 .subtitle.is-4{
    margin-bottom: 40px;
}
section.noufound_404 li a:hover{
        color: #FFD464;
        transition: .5s;
    }