.sub_wrap{padding-bottom:60px;}
.sub_wrap p{word-break: keep-all;}

.about_intro{padding:10px 0 60px;text-align:center;}
.about_intro h2{padding-bottom:30px;font-size:clamp(26px,2.8vw,50px);}
.about_intro p{font-size:28px;font-weight:600;line-height:1.6;}


.about_top{display:flex;flex-flow:column nowrap;justify-content: center;align-items: center;gap:20px;position:relative;height:70vh;color:#fff;text-align:center;border-radius: 7.5em 0.75em;overflow:hidden;
background:url(/img/about_top.jpg) no-repeat center/cover;background-attachment: fixed;}

.greeting_bg{
  width:100%;
    height:70vh;
    overflow:hidden;
}

.greeting_bg img{
    width:100%;
    height:90vh;
    object-fit:cover;
}

.greeting_txt{display:flex;flex-flow:column nowrap;justify-content: center;align-items:center;gap:30px;/*position:absolute;inset:0;*/width:80%;margin:0 auto;padding:40px;text-align:left;}


.greeting_txt p{width:100%;font-size:21px;font-weight:500;line-height:1.6;}
.about_greeting_bottom{display:flex;flex-flow:row nowrap;justify-content: space-between;align-items: center;width:100%;}
.about_greeting_bottom img{width:160px;}
.about_greeting_bottom .about_ceo_wr{font-size:20px;}
.about_greeting_bottom .about_ceo{font-family: 'MapodaCapo';font-size:28px;}


.about_point{padding:60px 0;text-align:center;}
.about_point .about_point_tit{margin-bottom:60px;font-size:28px;}
.about_point .about_point_list{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:20px;width:100%;margin:0 auto;max-width:980px;}
.about_point .about_point_li_item{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:10px;}
.about_point .about_point_li_item img{width:80px;}
.about_point .about_point_li_item p{font-size:24px;}





.location_wr{display:flex;flex-flow:column nowrap;gap:40px;margin:50px auto 0;}
.location_wr h2{padding-bottom:30px;font-size:clamp(26px,2.8vw,50px);text-align:center;}
/* .location_map{display:flex;flex-flow:row nowrap;align-items:center;gap:60px;} */
.location_map .location_left{position:relative;/*width:50%;*/margin-bottom:60px;}
.location_map .location_left .location_floating_info{display: flex;flex-flow: row nowrap;justify-content: center;gap: 20px;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;padding: 20px 10px;font-size: 14px;color: #fff;background: #4869b0;}
.location_map .location_left .location_floating_info > div{display:flex;flex-flow:row nowrap;align-items:center;gap:10px;}
.location_map .location_right{display:flex;flex-flow:column nowrap;gap:4em;/*width:calc(50% - 60px);*/}
.location_map .location_right h3{display:flex;flex-flow:row nowrap;gap:10px;align-items: flex-start;font-size:clamp(20px,1.5vw,22px);line-height:1.6;}
.location_map .location_right h3 img{margin:6px 0 0;}
.location_map .location_icon{width:20px;object-fit: contain;}


.location_map .map_link{display: flex;gap:20px;}
.location_map .map_link a{display: inline-flex;align-items: center;gap:10px;font-weight: 700;font-size: 15px;border: 1px solid #ddd;padding: 0.7em 1.7em;border-radius: 10em;transition: 0.3s ease-in-out;}
.location_map .map_link a:hover{color:#fff;background:#373847;border-color:#373847;}

.location_info_wr{display:flex;flex-flow:row nowrap;gap:60px;}
.location_info{padding:2em 0;}
.location_info h3{margin-bottom:10px;}
.location_info p{display:flex;flex-flow:row nowrap;align-items: center;gap:20px;padding:6px 0;font-size:16px;}
.location_info p strong{font-size:20px;}
.location_info p .location_tt{font-weight:bold;}
.location_info small{font-size:14px;color:#777;}


.how_to_come{display:flex;flex-flow:column nowrap;gap:60px;padding:30px 0 0;border-top:2px solid #6f83af;}
.how_to_come_box{display:flex;flex-flow:row nowrap;gap:16px;}
.how_to_come_box .how_to_come_box_detail{display:flex;flex-flow:column nowrap;gap:10px;font-size:14px;}
.how_to_come_box img{width: 28px;margin-top: 5px;}
.how_to_come_box p{font-size: 16px;font-weight: 500;}
.how_to_come_box .public_transport{display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;gap:10px;}
.how_to_come_box .public_transport_icon{padding:4px 20px;color:#fff;border-radius:8px;}
.how_to_come_box .public_transport_icon1{background:#7282f5;}
.how_to_come_box .public_transport_icon2{background:#5fb73c;}
.how_to_come_box .public_transport_icon3{background:#ffce32;}
.how_to_come_box .public_transport span{padding:0 10px;}


.product_intro{padding:10px 0 60px;text-align:center;}
.product_intro h2{font-size:clamp(26px, 2.4vw, 40px);
    aspect-ratio: 1 / 1;
    width: 200px;
    line-height: 200px;
    /* height: 500px; */
    margin: 0 auto 40px;
    border-radius: 50%;
    background: #4869b0;
    color: #fff;}
.product_intro p{font-size:28px;font-weight:600;line-height:1.6;}

.product_card{display:flex;flex-flow:row wrap;gap:16px;text-align:center;}
.product_card div{width:calc(50% - 8px);padding:24px 10px;font-size:18px;border:1px solid #82c9f1;border-radius:16px;}

.product_tb_wr{width:100%;overflow-x:auto;overflow-y:hidden;}
.product_tb{width:100%;border-collapse: collapse;text-align:center;font-size:15px;border-top:2px solid #6f83af;}
.product_tb th,
.product_tb td{padding:24px 16px;border:1px solid #dad8d8;}
.product_tb th{background:#e5f3fb;}
.product_tb .tb_bg_sky{background:#f5f9fb;}
.product_tb .line_border{border-bottom:2px solid #b3b9c7;}


.product_gall_wr{display: flex;flex-flow: row nowrap;margin: 60px auto;padding: 40px 16px;border: 1px solid #ddd;border-radius: 16px;}
.product_gall{display:flex;flex-flow:column nowrap;align-items: center;gap:32px;width:25%;padding:0 10px;text-align:center;}
.product_gall img{width:100%;border-radius:16px;}
.product_gall span{padding:10px 0 0;font-size:16px;font-weight: 600;border-top:2px solid #82c9f1;}

@media all and (max-width:1260px){
  .location_map{gap:40px;}
  .location_map .location_right{width:cala(50% - 40px);}
  .location_map .map_link{gap:10px;}
  .location_map .map_link a{gap:6px;padding:0.7em 1em;}
  .location_info_wr{gap:20px;}
}

@media all and (max-width:1024px){
  .greeting_txt p{font-size:17px;}
}

@media all and (max-width:980px){
  .location_map{flex-direction: column;}
  .location_map .location_left iframe{height:260px;}
  .location_map .location_left .location_floating_info{flex-direction:column;position:relative;padding:40px 10px 0;color:#181818;background:transparent;}
  .location_map .location_left .location_floating_info .location_icon{width: 32px;padding:8px;background: #4869b0;border-radius: 50%;}
}

@media all and (max-width:767px){
  .about_intro p{font-size:18px;}
  .about_top{height:auto;}
  /* .greeting_bg{height:100vh;}
  .greeting_bg img{height:90vh;} */
  .greeting_txt{width: 90%;padding: 140px 20px;}
  .greeting_txt p{font-size:15px;}
  .about_greeting_bottom img{width:120px;}
  .about_greeting_bottom .about_ceo_wr{font-size:14px;}
  .about_greeting_bottom .about_ceo{font-size:22px;}

  .location_wr{gap:0;}

  .product_intro h2{font-size:20px;width:140px;line-height:140px;}
  .product_intro p{font-size:18px;}
  .product_card div{width:100%;}
  .product_gall_wr{flex-wrap:wrap;}
  .product_gall{width:50%;padding:24px 10px;}
}

@media all and (max-width:480px){
  .greeting_bg{height:90vh;}
  .greeting_bg img{height:100vh;}
  .greeting_txt{width:100%;}
  .about_point .about_point_list{grid-template-columns: repeat(1, minmax(0, 1fr));gap:40px;}

  .location_map .location_right{gap:2em;}
  .location_map .location_icon{width:16px;}
  .location_map .location_right h3{font-size:16px;}
  .location_map .map_link a{padding: 0.5em 0.8em;font-size:13px;font-weight:400;}

  .location_info{width:calc(50% - 10px);}
  .location_info p{gap:6px;font-size:13px;}
  .location_info p strong{font-size:15px;}
}


@media all and (max-width:480px){

}