@charset "utf-8";

@media screen and (max-width: 1024px) {
    .block2{ background: #f3f1ed url(../../img/common_bg.png) no-repeat left top; padding: 0; background-size: 140% auto; margin: auto;}

    .top-box{ margin: 0 auto; padding: 160px 40px 60px;}
    .top-box img { width: 85px;}
    .title{ margin: 0 auto 140px; padding: 0 40px;}
    .title h1{font-size: 42px;}

    .about_block1{ margin-bottom: 100px; padding: 0 40px;}
    .about_flex{ display: flex; border-bottom: 1px solid #ccc; margin: 0; padding: 30px 0;}
    .hr2{ border-top: 1px solid #ccc;}
    .titles{ width: 30%; font-weight: bold; margin: 0;}
    .detail {width: 70%; margin: 0;}

    .access{ margin: 0 auto; padding: 0 40px 60px; box-sizing: border-box;}
    .access h2 { padding: 12px; font-size: 20px;}
    .access_map {width: 100%; height: 400px;}

}

@media screen and (max-width: 767px) {
    .top-box{ width: 100%; padding: 90px 20px 40px; box-sizing: border-box;}
    .top-box img { width: 72px; height: auto;}
    .title{ width: 100%; margin: 0 auto 40px; padding: 0 20px; box-sizing: border-box;}
    .title h1{ font-size: 22px;}
    .main-block{padding: 0 20px 50px; width: 100%; box-sizing: border-box;}

    .about_block1{ margin-bottom: 60px; padding: 0;}
    .about_flex{ display: block; border-bottom: 1px solid #ccc; margin: 0; padding: 30px 0;}
    .titles{ width: 100%; font-weight: bold; margin: 0; font-size: 14px;}
    .detail {width: 100%; margin: 0; font-size: 14px;}

    .access{ margin: 0 auto; padding: 0 20px 60px; box-sizing: border-box;}
    .access h2 { padding: 12px; font-size: 18px;}
    .access_map {width: 100%; height: 100%;}
    .access p { font-size: 14px;}
}