@charset "utf-8";

/* ---------------------------------------------------------
company
---------------------------------------------------------*/
.bgGray{
    background: radial-gradient(#fefefe, #e7e7e7);
    background-size: cover;
}
.company_about{
    padding: 150px 0 180px;
}
#about h2.aboutTitle{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 32px;
    line-height: 2.0;
    text-align: center;
    margin-bottom: 1.0em;
    color: #333;
}
.aboutText{
    font-size: 16px;
    text-align: center;
    line-height: 2.4;
}

.about_btn{
    width: 60%;
    font-size: 0;
    margin: 70px auto 0;
    display: block;
}
.about_btn li{
    display: inline-block;
    width: 47%;
    margin-right: 3%;
}
.about_btn li a{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #ccc;
    text-align: center;
    color: #777;
    font-size: 16px;
}
.about_btn li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    display: block;
    width: 9px;
    height: 9px;
    margin-top: auto;
    margin-bottom: auto;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
}
.about_btn li a:hover{
    background: #777;
    color: #fff;
}
.about_btn li a:hover:after{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.about_btn li:last-child{
    margin-right: 0;
}

/*ご挨拶*/
.bgGreeting{
    background: linear-gradient(#721919, #b80606);
    padding-top: 80px;
}
.greetingArea{
    background: url(../../company/images/company_img.png)no-repeat right bottom;
}
#greeting h3.greetingTitle{
    border-left: 8px solid #fff;
    padding: 5px 0 5px 30px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.greetingText{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    line-height: 2.2;
    color: #fff;
    max-width: 960px;
    width: 75%;
}
.company_sing{
    text-align: right;
    padding-bottom: 40px;
}
.company_sing img{
    margin: 0 0 -15px 15px;
}
.mbt40{
    margin-bottom: 40px;
}
.mbt20{
    margin-bottom: 20px;
}

/*会社概要*/
#summary{
    padding: 120px 0 0;
}
.summary_box{
    width: 100%;
    margin: 0 auto 85px;
    border-top: 1px solid #e4e4e4;
}
.summary_box dl,
#history dl{
    width: 100%;
    font-size: 0;
    margin: 0 0 5px;
    border-bottom: 1px solid #e4e4e4;
}
.summary_box dt,
.summary_box dd,
#history dt,
#history dd{
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 2.0;
}
.summary_box dt,
#history dt{
    font-weight: bold;
    width: 17%;
    padding: 15px 0 15px 15px;
}
.summary_box dd,
#history dd{
    width: 83%;
    padding: 15px 0;
}
.summary_box dd p,
#history dd p{
    border-left: 5px solid #d6d6d6;
    padding: 0 20px;
}
.summary_box dd span{
    display: block;
    margin-bottom: 10px;
}
.summary_box dd b{
    font-weight: bold;
    display: block;
}

#history dl{
    border-bottom:none;
    margin-bottom: 15px;
    background: #f5f5f5;
}
#history dt{
    font-weight: normal;
    padding: 15px 0 15px 25px;
}

/*アクセス*/
#access{
    margin-bottom: 100px;
    padding-top: 100px;
}
#access ul{
    width: 100%;
    font-size: 0;
    display: block;
}
#access li{
    width: 47%;
    margin-right: 3%;
    font-size: 14px;
    display: inline-block;
}
.accessShop{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
#access br{
    display: none;
}
.map{
    position: relative;
    padding-left: 20px;
    margin-top: 10px;
}
.map:before{
    content: "\f041";
    font-family: FontAwesome;
    font-size: 20px;
    color: #777;
    position: absolute;
    top: -4px;
    left: 0;
}
.map a:link,
.map a:visited{
    border-bottom: 1px solid #777;
    color: #777;
}
.ggmap{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#company span.tel ,
#company span.tel a{
    color: #333;
    border-bottom: none!important;
}


/* ---------------------------------------------------------
mobile
---------------------------------------------------------*/
@media screen and (max-width:1024px) {
    #about{
        padding-top: 95px;
    }
    .about_btn{
        width: 90%;
        margin: 40px auto 0;
    }
    .company_about {
        padding: 60px 0 100px;
    }
/*
    #greeting{
        padding-top: 70px;
    }
*/
    
    /*ご挨拶*/
    .greetingArea{
        background: url(../../company/images/company_img.png)no-repeat right bottom;
        background-size: auto 35%;
        overflow: hidden;
        padding-bottom: 10px;
    }
    .greetingText{
        max-width: initial;
        width: 100%;
    }
    .company_sing{
/*        float: right;*/
        text-align: left;
        font-size: 14px;
        padding: 40px 0 60px 20px;
        color: #fff;
    }
    .company_sing img{
        margin: 10px 0 0;
        max-width: 195px;
        display: block;
    }
    
}


@media screen and (max-width:750px) {
    #about{
        padding-top: 80px;
    }
    .company_about{
        padding: 0 0 40px;
    }

    #about h2.aboutTitle{
        font-size: 24px;
        line-height: 1.8;
    }
    .aboutText{
        line-height: 2.0;
    }
    
    .about_btn li{
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    /*ご挨拶*/
    #greeting{
        padding-top: 0;
    }
    .company_sing{
        float: none;
        text-align: left;
        font-size: 14px;
        padding: 60px 0 0 20px;
        color: #fff;
    }
/*
    .company_sing img{
        margin: 10px 0 0;
        max-width: 195px;
        display: block;
    }
*/
    
    .spGreetingArea{
        padding: 80px 3% 0;
        box-sizing: border-box;
    }
    .spGreetingArea p{
        line-height: 2.0;
    }
    #greeting h3.greetingTitle{
        border-left: 8px solid #333;
        padding: 5px 0 5px 30px;
        font-size: 24px;
        color: #333;
    }
    .greetingText{
        line-height: 2.2;
        max-width: initial;
        width: 100%;
    }
    .bgGreeting{
        padding: 0;
/*        margin-bottom: 30px;*/
    }
    .spGreetingImag{
        background: url(../../company/images/company_img.png)no-repeat right bottom;
        background-size: auto 180px;
        height: 190px;
    }
    
    
    /*会社概要*/
    #summary{
        padding: 80px 0 0;
    }
    .summary_box{
        margin: 0 auto 60px;
    }
    .summary_box dl{
        margin: 0;
    }
    .summary_box dt,
    .summary_box dd,
    #history dt,
    #history dd{
        display: block;
        line-height: 2.0;
    }
    .summary_box dt{
        width: 100%;
        padding: 5px 0 5px 15px;
        background: #f5f5f5;
        margin-bottom: 5px
    }
    #history dt{
        width: 100%;
        padding: 15px 0 0 15px;
        font-weight: bold;
    }
    .summary_box dd{
        width: 100%;
        padding: 3px 15px 7px;
    }

    #history dd{
        width: 100%;
        padding: 0 15px 15px;
    }
    .summary_box dd p,
    #history dd p{
        border-left: none;
        padding: 0;
    }

    /*アクセス*/
    #access{
        margin-bottom: 60px;
        padding-top: 80px;
    }
    #access li{
        width: 100%;
        margin-right:0;
        margin-bottom: 30px;
        display: block;
    }
    #access br{
        display: block;
    }
    
    
}