@charset "utf8";

.gifd{
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    position: relative;
}

.bg-about{
    margin-top: 17px;
    /* min-height: 4000px; */
    background-image: url(../../img/about/ab-03.png), url(../../img/about/ab-04.png);
    background-position: left top, right top;
    background-repeat: repeat-y;
    padding-top: 32px;
    padding-bottom: 60px;
    margin-bottom: 130px;
}

.tt-about{
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 32px;
    color: #603813;
    line-height: 160%;
    font-weight: bold;
    padding-bottom: 50px;
}

table{
    max-width: 720px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
table tr td{
    vertical-align: top;
    font-size: 15px;
    color: #603813;
    line-height: 233%;
}
table tr td:first-child{
    width: 218px;
}
.about-02{
    margin-top: 58px;
}
.grid-640{
    max-width: 640px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.maps-iframe iframe{
    width: 100%;
    height: 478px;
    border: 1px solid #B3B4B4;
}
.map-view{
    display: block;
    text-align: center;
    padding-top: 18px;
}
.tt-maps{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #603813;
    line-height: 160%;
}
.maps-addcess p{
    font-size: 20px;
    color: #603813;
    line-height: 160%;
    text-align: center;
}
.about-03{
    padding-top: 60px;
}
.maps-addcess{
    overflow: hidden;
    width: 100%;
    padding-top: 50px;
}
.wp-maps{
    overflow: hidden;
    width: 100%;
    padding-top: 30px;
}
br.prSp{
    display: none;
}
.imgSP{
    display: none;
}
@media (max-width: 960px){
    .bg-about{
        background-size: 100px;
    }
}
@media (max-width: 767px){
    .bg-about{
        /* background-image: none; */
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 16.949vw;
        padding-bottom: 7.823vw;
        background-position: left -50px top, right -50px top;
    }
    .about-01{
        padding-left: 9.387vw;
        padding-right: 9.387vw;
    }
    .tt-about{
        background-image: url(../../img/about/ab-sp-img00.png);
        background-position: center center;
        background-repeat: no-repeat;
        font-size: 5.215vw;
        font-weight: bold;
        height: 13.950vw;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content:center; 
        padding-bottom: 0;
        margin-bottom: 3.259vw;
        background-size: contain;
    }
    table tr td{
        float: left;
        width: 100%;
        font-size: 3.651vw;
        line-height: 160%;
    }
    table tr td:first-child{
        width: 100%;
    }
    table tr td:last-child{
        padding-left: 3.259vw;
        padding-bottom: 5.476vw;
    }
    .about-02{
        padding-left: 9.387vw;
        padding-right: 9.387vw;
        margin-top: 14.602vw;
    }
    .about-02 table tr td{
        font-size: 3.129vw;
        line-height: 180%;
    }
    .about-02 table tr td:first-child{
        font-weight: bold;
    }
    span.spPc{
        display: none;
    }
    br.prSp{
        display: block;
    }
    br.br-pc{
        display: none;
    }
    .about-02 table tr td:last-child{
        padding-bottom: 3.651vw;
    }
    .about-03{
        padding-left: 7.171vw;
        padding-right: 7.171vw;
        padding-top: 8.083vw;
    }
    .about-03 .tt-about{
        height: auto;
        background-image: none;
        margin-bottom: 3.911vw;
    }
    .maps-iframe{
        border: 1px solid #B3B4B4;
        width: 100%;
        overflow: hidden;
    }
    .maps-iframe iframe{
        border: 0;
        margin-bottom: -8px;
        height: 62.581vw;
    }
    .imgPc{
        display: none;
    }
    .imgSP{
        display: inline-block;
    }
    .map-view{
        padding-top: 3.259vw;
    }
    .tt-maps{
        font-size: 3.651vw;   
    }
    .maps-addcess p{
        font-size: 3.651vw;
        line-height: 175%;  
    }
    .maps-addcess{
        padding-top: 9.126vw;
    }
    .wp-maps{
        padding-top: 6.519vw;
    }
}
@media (max-width: 368px){
    table tr td,
    .about-02 table tr td{
        font-size: 14px;
    }
}