
.title_bg_all{
    position: relative; 
}


table, td, th {
    border-bottom: 2px solid #bbb;
    max-width: 100%;
}
table {
    border-collapse: collapse;
}

td{
    padding: 10px 20px 1px 20px;
}

iframe{
    width: 100%;
}
/*ごあいさつ*/
.about_us01{
    max-width: 1000px;
    margin: 5%  auto 2% auto;    
}
.about_us01 p{
     width: 100%; 
     margin: 0 auto;
}

.about_us01_all{
     width: 100%; 
     margin: 0 auto;
     display: flex;
}

.about_us01_left{
    width: 60%;
    line-height: 20px;
    margin: 10px;
}@media screen and (min-width:600px){
    .about_us01_left{
    width: 70%;
    line-height: 30px;
    margin: 40px;
}
}@media screen and (min-width:1025px){
    .about_us01_left{
    width: 70%;
    line-height: 30px;
    margin: 40px;
}
}

.about_us01_right{
     width: 40%;
     margin: 5px;
}@media screen and (min-width: 600px){
    .about_us01_right{
     width: 30%;
     margin: 40px;
}
}@media screen and (min-width:1025px){
    .about_us01_right{
     width: 30%;
     margin: 40px;
}
}

.about_us01_right img{
    max-width: 100%;
}@media screen and (min-width:600px){
    
}@media screen and (min-width:1025px){
    
}


/*会社概要*/
.about_us02{
    max-width: 1000px;
    margin: 5%  auto 2% auto;    
}
.about_us02 p{
     width: 100%; 
     margin: 0 auto;
}
.about_us02_all{
     width: 100%; 
     margin: 0 auto;
     /*display: flex;*/
}

.about_us02_left{
    width: 100%;
    line-height: 30px;
    margin: 10px;
}@media screen and (min-width:600px){
   .about_us02_left{
    width: 100%;
    line-height: 30px;
    margin: 40px;
} 
}@media screen and (min-width:1025px){
    .about_us02_left{
    width: 100%;
    line-height: 30px;
    margin: 40px;
}
}

.about_us02_left .td_left{
    width: 33%;
}

.about_us02_left .td_right{
    width: 67%;
}

.about_us02_right{
     width: 20%;
     margin: 40px;
}


/*所在地*/
.about_us03{
    max-width: 1000px;
    margin: 5%  auto 2% auto;    
}
.about_us03 p{
     width: 100%; 
     margin: 0 auto;
}
.about_us03_all{
     width: 100%; 
     margin: 0 auto;
     margin-top: 3%;
}@media screen and (min-width:600px){
    .about_us03_all{
     width: 100%; 
     margin: 0 auto;
     display: flex;
     margin-top: 3%;
}
}@media screen and (min-width:1025px){
    .about_us03_all{
     width: 100%; 
     margin: 0 auto;
     display: flex;
     margin-top: 3%;
}
}

.about_us03_left{
    width: 90%;
    line-height: 30px;
    margin: 15px;
}@media screen and (min-width:600px){
 .about_us03_left{
    width: 100%;
    line-height: 30px;
    margin: 15px;
}   
}@media screen and (min-width:1025px){
 .about_us03_left{
    width: 100%;
    line-height: 30px;
    margin: 15px;
}   
}
.about_us03_img{
    background-image: url(images/base.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 10%;
    padding-left: 10%;
    font-weight: 600;/*文字太さ*/
    letter-spacing: 2px;/*文字間隔*/
}

/*沿革*/
.about_us04{
    max-width: 1000px;
    margin: 5%  auto 2% auto;    
}
.about_us04 p{
     width: 100%; 
     margin: 0 auto;
}

.about_us04_all{
     width: 100%; 
     margin: 5% auto;
}@media screen and (min-width: 600px){
    .about_us04_all{ width: 100%; 
     margin: 5% auto;
        display: flex; }  
}@media screen and (min-width: 1025px){
     .about_us04_all{width: 100%; 
     margin: 5% auto;
         display: flex;}   
}

.about_us04_left{
    display: none;
}@media screen and (min-width: 600px){
    .about_us04_left{
    width: 50%;
    line-height: 30px;
    margin: 10px 20px 10px 20px;
    display: block;
}
}@media screen and (min-width: 1025px){
    .about_us04_left{
    width: 50%;
    line-height: 30px;
    margin: 10px 20px 10px 20px;
    display: block;
}
}

.about_us04_left_sp{
    width: 100%;
    line-height: 20px;
    margin: 10px auto 10px auto;
    display: block;
}@media screen and (min-width: 600px){
    .about_us04_left_sp{
    display: none;
}
}@media screen and (min-width: 1025px){
    .about_us04_left_sp{
    display: none;
}
}

/*.about_us04_right{
     width: 50%;
     margin: 10px 40px 10px 20px;
}*/

.about_us04_right{
     display: none;
}@media screen and (min-width: 600px){
    .about_us04_right{
     width: 50%;
     margin: 10px 40px 10px 20px;
     display: block;
    }
}@media screen and (min-width: 1025px){
    .about_us04_right{
     width: 50%;
     margin: 10px 40px 10px 20px;
     display: block;
    }
}
/*
.about_us04_left_sp table{
    margin: 0;
    max-width: 100%;
}

*/

.about_us04_left_sp .td_left{
    width: 33%;
}

.about_us04_left_sp .td_right{
    width: 70%;
    padding-left: 0;
}

.about_us04_img{
     width: 100%;
     margin: 20px;
}

