@charset "utf-8";

#page_title{line-height: 1!important;
    text-align: center;
 /*   background: #01b4fe;*/
    padding:1.5em;
    font-size:250%;
    color:var(--theme-blue);
    letter-spacing: 0.2em; background: url("/img/company_kv.jpg") center 0/cover repeat;
}
#page_title span{
    font-size:60%;
    letter-spacing: 0em;
}
@media screen and (max-width:768px){
    #page_title{
        margin-top:57px;
    }
}

#pankuzu{
    background: #eee;
    font-size: 80%;
    padding:1em 0;
}
#pankuzu{
    background: #eee;
    font-size: 80%;
    padding:1em 0;
}
#pankuzu_ul{
    list-style: none;
    display: flex;
    gap:10px;
}
#pankuzu_ul a{
    color:#01b4fe;
}
#pankuzu_ul i{
    margin-right:10px;
}
h2{color:var(--theme-blue);}

.dl1{
    display: flex;
    flex-wrap: wrap;
    font-size:120%;
    line-height:1.5;
}
.dl1 dt{
    width:200px;
    color:#01b4fe;
    font-weight: bold;
    border-bottom:3px solid #01b4fe;
    padding:1em;
    box-sizing: border-box;
}
.dl1 dd{
    width:calc(100% - 200px);
    border-bottom:3px solid #eee;
    padding:1em;
    box-sizing: border-box;
}
.dl1 dt:first-of-type{
    border-top:3px solid #01b4fe;
}
.dl1 dd:first-of-type{
    border-top:3px solid #eee;
}

ol,
ul{
    margin-left:1.5em;
}

#map{
    border:1px solid #ccc;
    padding:5px;
}
#map iframe{
    width:100%;
}


/*********** レスポンシブル設定 ***********/
/*===============================================
●style.css 画面の横幅が1280px以上
===============================================*/
@media screen and (min-width: 1280px){
}

/*===============================================
●tablet.css 画面の横幅が1280pxまで
===============================================*/
@media screen and (max-width: 1280px){
}

/*===============================================
●smart.css  画面の横幅が960pxまで
===============================================*/
@media screen and (max-width:960px){
}

/*===============================================
●smart.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
    #page_title{
        text-align: center;
        background: url("/img/company_kv_sp.jpg") center 0/cover repeat;
        padding:1em;
        font-size:200%;
    }
    .dl1{
        font-size:100%;
    }
    .dl1 dt{
        width:100px;
    }
    .dl1 dd{
        width:calc(100% - 100px);
    }
}