@charset "utf-8";
/* Concept02 */
.line-img img,
.intro-diagram img{width: 100%;}
.intro{padding: 80px 0 0 0;}
.intro-diagram{margin-top: 40px;}

.line-diagram{max-width: 858px; margin: 0 auto 35px; position: relative;}
.line-diagram p{position: absolute; bottom: 10%; right: 7%;}
.line-img .caption{padding-top: 10px;}
.container-1100{
    max-width: 1100px;
    margin: 0 auto;
    width: calc(100% - 40px);
}
.concept02 .m-title2{
    font-size: 30px;
    color: #586e8c;
}
.concept02 .m-title{
    font-size: 48px;
    color: #586e8c;
}
.concept02 .m-desc.f-20{font-size: 20px;}
.concept02 .map{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.concept02 .map .map-inner{
    width:100%;
  text-align: center;
}
.concept02 .map .map-img{
    width: 60%;
    position: relative;
}
.concept02 .map .map-img figcaption{
    position: absolute;
    right: 13.6%;
    bottom:9.3%;
}
.concept02 .m-desc{
    font-size: 16px;
}
.concept02 .area-map{margin-top: 60px;}
.concept02 .area-map p{margin-bottom: 40px;}
.concept02 .area-map figure{position: relative;}
.concept02 .area-map figure figcaption{position: absolute;bottom: 30%;}
.con-970{max-width: 970px;margin: auto;}
.concept02 .area-map figure figcaption span{font-size: 20px;}
.madiagram_flatp-inner{
    position: relative;
    z-index: 3;
}
.diagram_flat-img{
    text-align: right;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}
.caption{padding-top: 5px;}
.concept02 .line .map-area{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 60px 0;
}
.text-left{text-align: left;}
.concept02 .line .map-area .img{width: 40%;}
.concept02 .line .map-area .box-txt{width: 45%;}
.dflex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.concept02 .line .dflex .box-txt{width: 45%;}
.concept02 .line .dflex .line-img{width: 50%;}
.intro-diagram.w-80{max-width: 80%;margin: 40px auto 0; position: relative;}
.intro-diagram.w-80 p{position: absolute; right: 0; }

@media (max-width: 768px) {   
.concept02 .m-desc.f-20{font-size: 16px;}
.intro-diagram.w-80{max-width: 100%;}
    .intro-diagram{margin: 30px -15px 0;}
    .intro-diagram p{padding-right: 15px;}
    .concept02 .area-map figure figcaption{bottom: 10%;}
    
.intro-diagram.w-80 p {padding-right: 0;}
    
    .line-diagram{margin: 0 -15px 10px;}
    .line-diagram p{bottom: 15px; right: 15px;}   
    .diagram_flat-img{margin-top: 16px;} 
    .concept02 .m-title2{
        font-size: 20px;}
        .concept02 .m-title{
            font-size: 28px;
        }
        .concept02 .map .map-img,
        .concept02 .map .map-inner{
            width: 100%;
        }
        .concept02 .map{
            margin-top: 0;
        }
        .concept02 .line .map-area .img{width: 100%; order: 1;margin-top: 16px;text-align: center;}
        .concept02 .line .map-area .box-txt{width: 100%;}
        .concept02 .line .dflex .line-img{width: 100%;margin-top: 16px;}
        .concept02 .line .dflex .box-txt{width: 100%;}

       
}
@media (max-width: 576px) {
    .concept02 .map .map-img figcaption{
        left: 0;
        bottom: 0%;
    }
    .concept02 .m-title{
        font-size: 24px;
    }
   }