{"id":8,"date":"2025-07-16T14:53:58","date_gmt":"2025-07-16T05:53:58","guid":{"rendered":"https:\/\/andgate.co.jp\/drive\/?page_id=8"},"modified":"2025-10-15T11:05:52","modified_gmt":"2025-10-15T02:05:52","slug":"index","status":"publish","type":"page","link":"https:\/\/andgate.co.jp\/drive\/","title":{"rendered":"index"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" id=\"firstview\">\n<section class=\"wrap-1stview\">\n  <div class=\"wrap-view_inner\">\n    <div class=\"l-1stview__left\">\n      <div class=\"l-1stview__left-inner\"><\/div>\n    <\/div>\n\n    <div class=\"l-1stview__content\">\n      <h2 class=\"js-hidden\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u52d5\u304b\u3057\u3001<br class=\"u-hidden-mobile\">\u6b62\u307e\u3063\u305f\u958b\u767a\u73fe\u5834\u3092\u201c\u518d\u8d77\u52d5\u201d\u3059\u308b\u3002<\/h2>\n      <p class=\"js-hidden\">\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u300d\u00d7\u300c\u958b\u767a\u30a8\u30f3\u30b8\u30cb\u30a2\u300d\u00d7\u300cAI\u63a8\u9032\u529b\u300d\u3067\u3001\u6b62\u307e\u3063\u305f\u73fe\u5834\u3092\u524d\u3078\u3002<\/p>\n      <ul class=\"cta_button js-hidden\">\n<!--        <li class=\"cta_button__download\"><a href=\"https:\/\/andgate.co.jp\/drive\/download\/\"><span>\u8cc7\u6599\u8acb\u6c42<\/span><\/a><\/li>-->\n        <li class=\"cta_button__diagnose\"><a href=\"https:\/\/form.typeform.com\/to\/jIoaWwny\" target=\"_blank\"><span>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8a3a\u65ad\u306f\u3053\u3061\u3089<\/span><\/a><\/li>\n<!--        <li><a href=\"https:\/\/andgate.co.jp\/drive\/contact\/\"><span>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u518d\u8d77\u52d5\u3001<br class=\"u-hidden-pc\">\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304b\u3089<\/span><\/a><\/li>-->\n      <\/ul>\n    <\/div>\n      <div class=\"l-1stview__right\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wrap-2ndview\">\n  <div class=\"wrap-view_inner\">\n    <div class=\"l-2ndview__left\">\n      <div class=\"l-2ndview__left-inner\"><\/div>\n    <\/div>\n    <div class=\"l-2ndview__content\">\n      <p class=\"js-hidden\"><strong>\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u300d\u3068\u300c\u958b\u767a\u300d\u306e\u8996\u70b9\u3092\u878d\u5408\u3057\u305f\u3001<br class=\"u-hidden-mobile\">\u201c\u52d5\u304b\u3059\u3053\u3068\u306b\u7279\u5316\u3057\u305f\u63a8\u9032\u30c1\u30fc\u30e0\u201d\u3002<\/strong><\/p>\n      <p class=\"js-hidden\">ANDGATE DRIVE\u306f\u3001<strong>\u958b\u767a\u306e\u5b9f\u884c\u3068\u3001\u4eba\u306e\u63a8\u9032\u529b\u3001AI\u306e\u5373\u6642\u6027\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001<\/strong><br class=\"u-hidden-mobile\">\u6b62\u307e\u308a\u304b\u3051\u305f\u73fe\u5834\u3092\u6bb5\u53d6\u308a\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull bg_pale_grey is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" id=\"service\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"js-hidden\">ANDGATE DRIVE\u306e\u30b5\u30fc\u30d3\u30b9<\/h3>\n\n\n\n<div class=\"p-service-dev__container\">\n  <div class=\"p-service-dev__main\">\n    <h4 class=\"js-hidden\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u56de\u308b\u3002<br class=\"u-hidden-mobile\">\u73fe\u5834\u306e\u52d5\u304d\u304c\u5909\u308f\u308b\u3002<\/h4>\n   <p class=\"js-hidden\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u9032\u307e\u306a\u3044\u539f\u56e0\u306f\u3001\u958b\u767a\u3084\u904b\u7528\u306e\u554f\u984c\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u9032\u6357\u304c\u898b\u3048\u306a\u3044\u3001\u8ab2\u984c\u304c\u5171\u6709\u3055\u308c\u306a\u3044\u3001\u5916\u90e8\u30d9\u30f3\u30c0\u30fc\u3068\u306e\u8abf\u6574\u304c\u3046\u307e\u304f\u3044\u304b\u306a\u3044\u2014\u2014ANDGATE\u306f\u3001\u305d\u3093\u306a\u73fe\u5834\u306e\u60a9\u307f\u306b\u5411\u304d\u5408\u3044\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u524d\u9032\u3055\u305b\u307e\u3059\u3002<\/p>\n   <p class=\"js-hidden\">\u958b\u767a\u3067\u306f\u3001\u696d\u52d9\u306b\u30d5\u30a3\u30c3\u30c8\u3059\u308b\u30b7\u30b9\u30c6\u30e0\u8a2d\u8a08\u3068\u30b9\u30d4\u30fc\u30c9\u611f\u306e\u3042\u308b\u5b9f\u88c5\u3092\u63d0\u4f9b\u3002PMO\u304c\u5168\u4f53\u306e\u9032\u6357\u3068\u30ea\u30b9\u30af\u3092\u7ba1\u7406\u3057\u3001VMO\u304c\u30d9\u30f3\u30c0\u30fc\u306e\u52d5\u304d\u3092\u8abf\u6574\u3002<\/p> \n   <p class=\"js-hidden\">\u3055\u3089\u306b\u3001\u904b\u7528\u30d5\u30a7\u30fc\u30ba\u3067\u306f\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u6025\u5897\u3084\u969c\u5bb3\u306b\u5099\u3048\u305f\u4ed5\u7d44\u307f\u3092\u69cb\u7bc9\u3057\u3001\u5b89\u5b9a\u3057\u305f\u30b7\u30b9\u30c6\u30e0\u7a3c\u50cd\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\u73fe\u5834\u306e\u8ca0\u62c5\u3092\u6e1b\u3089\u3057\u3001\u6210\u679c\u3092\u51fa\u305b\u308b\u74b0\u5883\u3092\u5275\u308a\u307e\u3059\u3002<\/p>\n  <\/div>\n\n  <div class=\"p-service-dev__grid js-hidden\">\n    <figure>\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/what-icon06.png\" alt=\"\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u958b\u767a\u652f\u63f4\">\n      <figcaption>\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<br>\u958b\u767a\u652f\u63f4<\/figcaption>\n    <\/figure>\n    <figure>\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/what-icon07.png\" alt=\"\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306eID\u57fa\u76e4\u69cb\u7bc9\">\n      <figcaption>\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e<br>ID\u57fa\u76e4\u69cb\u7bc9<\/figcaption>\n    <\/figure>\n    <figure>\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/what-icon08.png\" alt=\"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u904b\u55b6\u30fb\u6307\u63ee\">\n      <figcaption>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e<br>\u904b\u55b6\u30fb\u6307\u63ee<\/figcaption>\n    <\/figure>\n    <figure>\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/what-icon03.png\" alt=\"\u30aa\u30f3\u30d7\u30ec\u30df\u30b9\u304b\u3089\u30af\u30e9\u30a6\u30c9\u3078\u306e\u79fb\u884c\">\n      <figcaption>\u30aa\u30f3\u30d7\u30ec\u30df\u30b9\u304b\u3089<br>\u30af\u30e9\u30a6\u30c9\u3078\u306e\u79fb\u884c<\/figcaption>\n    <\/figure>\n    <figure>\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/what-icon05.png\" alt=\"\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u306e\u5185\u88fd\u5316\">\n      <figcaption>\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u306e<br>\u5185\u88fd\u5316<\/figcaption>\n    <\/figure>\n    <figure>\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/what-icon09.png\" alt=\"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u63a8\u9032\u30d9\u30f3\u30c0\u30fc\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\">\n      <figcaption>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u63a8\u9032<br>\u30d9\u30f3\u30c0\u30fc\u30de\u30cd\u30b8\u30e1\u30f3\u30c8<\/figcaption>\n    <\/figure>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"l-service\">\n<div class=\"l-service__image js-hidden\">\n<img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/service_image01.jpg\" alt=\"ANDGATE_DRIVE_\u30b5\u30fc\u30d3\u30b9\u30a4\u30e1\u30fc\u30b8\">\n<\/div>\n<div class=\"l-service__content box-shadow js-hidden\">\n<h4>\u201c\u66d6\u6627\u306a4\u5272\u201d\u3092\u524d\u306b\u9032\u3081\u308b\u300c\u63a8\u9032\u306e\u578b\u300d<\/h4>\n<p>\u793e\u5185\u5916\u306e\u95a2\u4fc2\u8005\u304c\u591a\u304f\u3001\u8ab0\u3082\u5f15\u304d\u53d6\u3089\u306a\u3044\u201c4\u5272\u306e\u30bf\u30b9\u30af\u201d\u306f\u3001\u653e\u3063\u3066\u304a\u3051\u3070\u3069\u3093\u3069\u3093\u6ede\u7559\u3057\u307e\u3059\u3002<\/p>\n<p>\u305d\u306e\u7d50\u679c\u3001\u300c\u671f\u65e5\u306f\u8feb\u3063\u3066\u3044\u308b\u306e\u306b\u4e2d\u8eab\u304c\u56fa\u307e\u3089\u306a\u3044\u300d\u300c\u5b9f\u306f\u52d5\u3044\u3066\u3044\u308b\u306e\u306f\u4e00\u90e8\u306e\u4eba\u3060\u3051\u300d\u3068\u3044\u3046\u4e8b\u614b\u3092\u62db\u304d\u307e\u3059\u3002\u3053\u3046\u3057\u305f\u201c\u9593\u306e\u30bf\u30b9\u30af\u201d\u306b\u3053\u305d\u4fa1\u5024\u304c\u3042\u308b\u3068\u6349\u3048\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u30a4\u30f3\u30d5\u30e9\u3068\u958b\u767a\u7b49\u306e\u90e8\u9580\u9593\u3067\u5b99\u306b\u6d6e\u3044\u3066\u3044\u308b\u30dc\u30fc\u30eb\u3082\u7a4d\u6975\u7684\u306b\u53d6\u308a\u306b\u884c\u304f<\/li>\n<li>\u30ed\u30fc\u30f3\u30c1\u304c\u6c7a\u307e\u3063\u3066\u3044\u308b\u306e\u306b\u3001\u3084\u308b\u3079\u304d\u3053\u3068\u304c\u4e0d\u660e\u306a\u72b6\u6cc1\u3067\u3082\u3001\u4e00\u304b\u3089\u8981\u4ef6\u3092\u6d17\u3044\u51fa\u3057\u3001\u30b4\u30fc\u30eb\u307e\u3067\u6bb5\u53d6\u308b<\/li>\n<li>\u8a2d\u8a08\u3084\u69cb\u7bc9\u30ec\u30d9\u30eb\u3067\u201c\u6b62\u307e\u3063\u3066\u3044\u308b\u201d\u6280\u8853\u30bf\u30b9\u30af\u3082\u30cf\u30f3\u30ba\u30aa\u30f3\u3067\u63a8\u9032<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"l-service\">\n<div class=\"l-service__image js-hidden\">\n<img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/service_image02.jpg\" alt=\"ANDGATE_DRIVE_\u30b5\u30fc\u30d3\u30b9\u30a4\u30e1\u30fc\u30b8\">\n<\/div>\n<div class=\"l-service__content box-shadow js-hidden\">\n<h4>\u95a2\u4fc2\u8005\u3092\u300c\u52d5\u304f\u3072\u3068\u3064\u306e\u30c1\u30fc\u30e0\u300d\u306b\u6574\u3048\u308b<\/h4>\n<p>\u8907\u6570\u306e\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u304c\u3044\u3066\u3001\u8a00\u3063\u3066\u3044\u308b\u3053\u3068\u304c\u30d0\u30e9\u30d0\u30e9\u3002\u6c7a\u3081\u308b\u4eba\u304c\u8ab0\u306a\u306e\u304b\u3082\u5206\u304b\u3089\u306a\u3044\u3002\u305d\u3093\u306a\u72b6\u6cc1\u3067\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u9032\u307f\u307e\u305b\u3093\u3002<\/p>\n<p>ANDGATE DRIVE\u306f\u3001\u95a2\u4fc2\u8005\u306e\u610f\u601d\u7d71\u4e00\u30fb\u5408\u610f\u5f62\u6210\u3092\u4fc3\u9032\u3057\u3001\u30d9\u30af\u30c8\u30eb\u3092\u3072\u3068\u3064\u306b\u6574\u3048\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u8981\u4ef6\u8abf\u6574\u304b\u3089\u958b\u767a\u624b\u623b\u308a\u306e\u9632\u6b62\u307e\u3067\u3001\u6280\u8853\u8005\u304c\u540c\u5e2d\u3057\u3066\u4f1a\u8a71\u3092\u88dc\u5b8c<\/li>\n<li>\u30d9\u30f3\u30c0\u30fc\u9593\u306e\u677f\u631f\u307f\u5bfe\u5fdc\u3001\u793e\u5185\u8abf\u6574\u3001\u74b0\u5883\u69cb\u7bc9\u524d\u306e\u30b3\u30f3\u30c7\u30a3\u30b7\u30e7\u30f3\u3082\u6574\u5099<\/li>\n<li>\u300c\u8ab0\u304c\u958b\u767a\u65b9\u91dd\u3092\u6c7a\u3081\u308b\u306e\u304b\u300d\u3092\u660e\u78ba\u306b\u3057\u3001\u8a2d\u8a08\u301c\u958b\u767a\u5224\u65ad\u306e\u9045\u5ef6\u3092\u9632\u6b62<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"l-service\">\n<div class=\"l-service__image js-hidden\">\n<img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/service_image03.jpg\" alt=\"ANDGATE_DRIVE_\u30b5\u30fc\u30d3\u30b9\u30a4\u30e1\u30fc\u30b8\">\n<\/div>\n<div class=\"l-service__content box-shadow js-hidden\">\n<h4>\u300c\u5c5e\u4eba\u6027\u300d\u306b\u983c\u3089\u306a\u3044\u3001AI\u00d7\u30ca\u30ec\u30c3\u30b8\u306e\u518d\u73fe\u6027<\/h4>\n<p>\u5c5e\u4eba\u5316\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u3081\u65b9\u3067\u306f\u3001\u62c5\u5f53\u8005\u304c\u5909\u308f\u308b\u305f\u3073\u306b\u54c1\u8cea\u304c\u30d6\u30ec\u307e\u3059\u3002<\/p>\n<p>\u7279\u5b9a\u306e\u4eba\u306b\u983c\u3089\u306a\u3044\u201c\u578b\u201d\u304c\u306a\u3051\u308c\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5b89\u5b9a\u63a8\u9032\u306f\u671b\u3081\u307e\u305b\u3093\u3002<\/p>\n<ul>\n<li>\u30bf\u30b9\u30af\u7ba1\u7406\u30fb\u30ea\u30de\u30a4\u30f3\u30c9\u30fb\u30ea\u30b9\u30af\u62bd\u51fa\u306a\u3069\u306e\u5b9a\u578b\u696d\u52d9\u306bAI\u3092\u6d3b\u7528\u3057\u3001\u63a8\u9032\u54c1\u8cea\u3092\u5b89\u5b9a\u5316<\/li>\n<li>\u4ed5\u69d8\u7ba1\u7406\u3084\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc\u306e\u89b3\u70b9\u3067\u3082\u30ca\u30ec\u30c3\u30b8\u3092\u84c4\u7a4d\u3057\u3001\u518d\u73fe\u6027\u3092\u62c5\u4fdd<\/li>\n<li>\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u4f01\u696d\u3067\u57f9\u3063\u305f\u904e\u53bb\u306e\u5b9f\u7e3e\u3068\u3001\u30ca\u30ec\u30c3\u30b8\u3092\u96c6\u7d04\u3057\u305fAI\u3092\u6d3b\u7528\u3057\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u63a8\u9032<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" id=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"js-hidden\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u52d5\u304b\u30593\u3064\u306e\u6838\u5fc3\u6a5f\u80fd<\/h3>\n\n\n\n<div class=\"core__wrapper js-hidden\">\n  <div class=\"core__card box-shadow\">\n    <span>01<\/span>\n    <h4>\u63a8\u9032\u30c7\u30b6\u30a4\u30f3<\/h4>\n    <p class=\"core__read\">\u69cb\u60f3\u30fb\u6bb5\u53d6\u308a\u306e\u201c\u898b\u3048\u308b\u5316\u201d\u3068\u5b9f\u884c\u8a2d\u8a08<\/p>\n    <img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/core_image01.png\" alt=\"\u63a8\u9032\u30c7\u30b6\u30a4\u30f3\">\n    <p class=\"core__description\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b4\u30fc\u30eb\u30fb\u4f53\u5236\u30fb\u5f79\u5272\u30fb\u52d5\u7dda\u3092\u6574\u7406\u3057\u3001\u300c\u8ab0\u304c\u4f55\u3092\u3044\u3064\u3084\u308b\u304b\u300d\u3092\u660e\u78ba\u306b\u8a2d\u8a08\u3002\u521d\u671f\u69cb\u60f3\u3084\u7acb\u3061\u4e0a\u3052\u6bb5\u968e\u306e\u6df7\u6c8c\u3092\u6574\u3048\u3001\u524d\u306b\u9032\u3080\u72b6\u614b\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n    <ul>\n      <li>\u30b4\u30fc\u30eb\u9006\u7b97\u306e\u69cb\u60f3\u8a2d\u8a08<\/li>\n      <li>\u95a2\u4fc2\u8005\u5dfb\u304d\u8fbc\u307f\u306e\u8a2d\u8a08<\/li>\n      <li>\u63a8\u9032\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u9069\u7528<\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"core__card box-shadow\">\n    <span>02<\/span>\n    <h4>\u5b9f\u884c\u30de\u30cd\u30b8\u30e1\u30f3\u30c8<\/h4>\n    <p class=\"core__read\">\u73fe\u5834\u306b\u5165\u308a\u8fbc\u307f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u52d5\u304b\u3059<\/p>\n    <img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/core_image02.png\" alt=\"\u5b9f\u884c\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\">\n    <p class=\"core__description\">\u201c\u52d5\u304b\u306a\u3044\u539f\u56e0\u201d\u3092\u7279\u5b9a\u3057\u3001\u610f\u601d\u6c7a\u5b9a\u30fb\u8abf\u6574\u30fb\u6bb5\u53d6\u308a\u3092\u4eba\u3068AI\u3067\u4e26\u8d70\u652f\u63f4\u3002\u9032\u884c\u4e2d\u30d5\u30a7\u30fc\u30ba\u3084\u708e\u4e0a\u30d5\u30a7\u30fc\u30ba\u3067\u3082\u300c\u52d5\u304b\u3059\u3053\u3068\u300d\u306b\u30b3\u30df\u30c3\u30c8\u3057\u3001\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u3092\u89e3\u6d88\u3057\u307e\u3059\u3002\n<\/p>\n    <ul>\n      <li>\u9032\u884c\u4e2d\u306e\u958b\u767a\u30c1\u30b1\u30c3\u30c8\u3084\u30bd\u30fc\u30b9\u7ba1\u7406\u72b6\u6cc1\u3082\u78ba\u8a8d<\/li>\n      <li>AI\u306b\u3088\u308b\u30ea\u30de\u30a4\u30f3\u30c9\u30fb\u30bf\u30b9\u30af\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0<\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"core__card box-shadow\">\n    <span>03<\/span>\n    <h4>\u53ef\u8996\u5316<\/h4>\n    <p class=\"core__read\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u72b6\u6cc1\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u628a\u63e1<\/p>\n    <img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/core_image03.png\" alt=\"\u53ef\u8996\u5316\">\n    <p class=\"core__description\">\u9032\u884c\u72b6\u6cc1\u30fb\u672a\u6c7a\u30bf\u30b9\u30af\u30fb\u610f\u601d\u6c7a\u5b9a\u306e\u5c65\u6b74\u306a\u3069\u3092\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3067\u201c\u53ef\u8996\u5316\u201d\u3002\u4e0a\u53f8\u3084\u95a2\u4fc2\u8005\u304c\u300c\u3046\u307e\u304f\u3044\u3063\u3066\u3044\u308b\u304b\u300d\u3092\u5e38\u306b\u628a\u63e1\u3067\u304d\u308b\u72b6\u614b\u3092\u3064\u304f\u308a\u3001\u5224\u65ad\u3092\u65e9\u3081\u307e\u3059\u3002\n<\/p>\n    <ul>\n      <li>\u6280\u8853\u8ab2\u984c\u3084\u672a\u5bfe\u5fdc\u30ec\u30d3\u30e5\u30fc<\/li>\n      <li>\u958b\u767a\u9032\u884c\u306e\u53ef\u8996\u5316\u306b\u3082\u5bfe\u5fdc<\/li>\n      <li>AI\u306b\u3088\u308b\u8b70\u4e8b\u9332\u751f\u6210\u30fb\u8981\u7d04<\/li>\n      <li>\u9032\u884c\u30b5\u30de\u30ea\u30fc<\/li>\n      <li>\u30bf\u30b9\u30af\u72b6\u6cc1\u306e\u81ea\u52d5\u66f4\u65b0<\/li>\n    <\/ul>\n  <\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull bg_pale_grey is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" id=\"phase\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"js-hidden\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u3069\u306e\u30d5\u30a7\u30fc\u30ba\u3067\u6b62\u307e\u3063\u3066\u3044\u307e\u3059\u304b\uff1f<\/h3>\n<p class=\"heading-description js-hidden\">\u5404\u30d5\u30a7\u30fc\u30ba\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u69cb\u9020\u7684\u306b\u6349\u3048\u3001\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3002<\/p>\n\n\n\n<div class=\"phase-carousel js-hidden\">\n<div class=\"slider phase-carousel__slider\">\n<div>\n<div class=\"phase-card\">\n  <div class=\"phase-card__header\">\n  <h4><i class=\"fa-solid fa-flag-checkered\"><\/i>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<br class=\"u-hidden-mobile\">\u7acb\u3061\u4e0a\u3052\u30d5\u30a7\u30fc\u30ba<\/h4>\n  <\/div>\n  <div class=\"phase-card__section\">\n  <p class=\"phase-card__number\">01<\/p>\n  <h5 class=\"phase-card__title--field\">\u73fe\u5834\u306e\u5bfe\u5fdc<\/h5>\n  <ul class=\"phase-card__list--field\">\n  <li>\u30b4\u30fc\u30eb\u304c\u66d6\u6627\u306a\u307e\u307e\u30b9\u30bf\u30fc\u30c8\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b<\/li>\n  <li>\u4f53\u5236\u304c\u672a\u78ba\u5b9a\uff0f\u30ad\u30fc\u30d1\u30fc\u30bd\u30f3\u304c\u5b9a\u307e\u3089\u306a\u3044<\/li>\n  <li>\u521d\u671f\u30e1\u30f3\u30d0\u30fc\u304c\u96c6\u307e\u3063\u3066\u304a\u3089\u305a\u3001\u52d5\u304d\u51fa\u305b\u306a\u3044<\/li>\n  <\/ul>\n    <div class=\"phase-card__description\">\n    <p>\u76ee\u6307\u3059\u30b4\u30fc\u30eb\u304b\u3089\u9006\u7b97\u3057\u3001\u5fc5\u8981\u306a\u30bf\u30b9\u30af\u3068\u95a2\u4fc2\u8005\u3092\u69cb\u9020\u7684\u306b\u6574\u7406\u3002<\/p>\n    <p>\u30d5\u30a1\u30b7\u30ea\u30c6\u30fc\u30b7\u30e7\u30f3\u3068AI\u306b\u3088\u308b\u8b70\u8ad6\u306e\u53ef\u8996\u5316\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u30b9\u30bf\u30fc\u30c8\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n  <h5 class=\"phase-card__title--andgate\">ANDGATE DRIVE \u306e\u5bfe\u5fdc<\/h5>\n    <ul class=\"phase-card__list--andgate\">\n    <li><span>\u63a8\u3000\u9032<\/span>\u5fc5\u8981\u306a\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u3068\u696d\u52d9\u8981\u4ef6\u3092\u69cb\u9020\u7684\u306b\u6d17\u3044\u51fa\u3057<\/li>\n    <li><span>\u5b9f\u3000\u884c<\/span>\u95a2\u4fc2\u8005\u306e\u5dfb\u304d\u8fbc\u307f\u8a08\u753b\u3068\u30d5\u30a1\u30b7\u30ea\u30c6\u30fc\u30b7\u30e7\u30f3\u8a2d\u8a08\u3092\u4e3b\u5c0e<\/li>\n    <li><span>\u53ef\u8996\u5316<\/span>\u69cb\u60f3\u30d5\u30a7\u30fc\u30ba\u304b\u3089AI\u304c\u8b70\u8ad6\u30ed\u30b0\u3092\u8a18\u9332\u3057\u3001\u53ef\u8996\u5316<\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<\/div>\n<div>\n<div class=\"phase-card\">\n  <div class=\"phase-card__header\">\n  <h4><i class=\"fa-solid fa-list-check\"><\/i>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<br class=\"u-hidden-mobile\">\u9032\u884c\u4e2d\u30d5\u30a7\u30fc\u30ba<\/h4>\n  <\/div>\n  <div class=\"phase-card__section\">\n  <p class=\"phase-card__number\">02<\/p>\n  <h5 class=\"phase-card__title--field\">\u73fe\u5834\u306e\u5bfe\u5fdc<\/h5>\n  <ul class=\"phase-card__list--field\">\n  <li>\u4f1a\u8b70\u306f\u983b\u7e41\u306b\u3042\u308b\u306e\u306b\u3001\u4f55\u3082\u6c7a\u307e\u3089\u306a\u3044<\/li>\n  <li>\u8ab0\u304c\u6b21\u306b\u4f55\u3092\u3059\u3079\u304d\u304b\u66d6\u6627\u306a\u307e\u307e<\/li>\n  <li>\u30bf\u30b9\u30af\u304c\u7a4d\u307f\u4e0a\u304c\u308a\u3001\u512a\u5148\u9806\u4f4d\u306e\u5224\u65ad\u304c\u3067\u304d\u306a\u3044<\/li>\n  <\/ul>\n    <div class=\"phase-card__description\">\n    <p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u52d5\u304b\u306a\u304f\u306a\u308b\u8981\u56e0\u3092\u69cb\u9020\u7684\u306b\u6349\u3048\u3001\u6bb5\u53d6\u308a\u3068\u610f\u601d\u6c7a\u5b9a\u306e\u8a2d\u8a08\u304b\u3089\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n    <p>\u4eba\u3068AI\u304c\u9023\u643a\u3057\u3066\u9032\u884c\u72b6\u6cc1\u30fb\u672a\u6c7a\u8ab2\u984c\u30fb\u6b21\u306e\u4e00\u624b\u3092\u30b5\u30de\u30ea\u30fc\u5316\u3057\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u524d\u306b\u9032\u3081\u307e\u3059\u3002<\/p>\n    <\/div>\n  <h5 class=\"phase-card__title--andgate\">ANDGATE DRIVE \u306e\u5bfe\u5fdc<\/h5>\n    <ul class=\"phase-card__list--andgate\">\n    <li><span>\u5b9f\u3000\u884c<\/span>\u73fe\u5834\u306b\u5165\u308a\u8fbc\u3093\u3067\u3001\u201c\u6bb5\u53d6\u308a\u201d\u3068\u201c\u610f\u601d\u6c7a\u5b9a\u201d\u306e\u69cb\u9020\u3092\u8a2d\u8a08<\/li>\n    <li><span>\u5b9f\u3000\u884c<\/span>\u5c0f\u30bf\u30b9\u30af\u3092AI\u304c\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u3057\u3001\u95a2\u4fc2\u8005\u306b\u30ea\u30de\u30a4\u30f3\u30c9<\/li>\n    <li><span>\u53ef\u8996\u5316<\/span>\u9032\u884c\u72b6\u6cc1\u30fb\u672a\u6c7a\u8ab2\u984c\u30fb\u6b21\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092AI\uff0b\u4eba\u3067\u30b5\u30de\u30ea\u30fc\u5316<\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<\/div>\n<div>\n<div class=\"phase-card\">\n  <div class=\"phase-card__header\">\n  <h4><i><img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/phase_pause.png\" alt=\"\u982d\u6253\u3061\"><\/i>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<br class=\"u-hidden-mobile\">\u505c\u6ede\u30d5\u30a7\u30fc\u30ba<\/h4>\n  <\/div>\n  <div class=\"phase-card__section\">\n  <p class=\"phase-card__number\">03<\/p>\n  <h5 class=\"phase-card__title--field\">\u73fe\u5834\u306e\u5bfe\u5fdc<\/h5>\n  <ul class=\"phase-card__list--field\">\n  <li>\u7d0d\u671f\u304c\u898b\u3048\u3066\u3044\u308b\u306e\u306b\u9032\u3093\u3067\u3044\u306a\u3044<\/li>\n  <li>\u4e0a\u5c64\u90e8\u306f\u300c\u3042\u3068\u25cb\u30f6\u6708\u300d\u3068\u8a00\u3063\u3066\u3044\u308b\u304c\u3001\u73fe\u5834\u306f\u300c\u5168\u7136\u9593\u306b\u5408\u308f\u306a\u3044\u300d<\/li>\n  <li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u201c\u5168\u4f53\u50cf\u201d\u304c\u898b\u3048\u305a\u3001\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u304c\u7279\u5b9a\u3067\u304d\u3066\u3044\u306a\u3044<\/li>\n  <\/ul>\n    <div class=\"phase-card__description\">\n    <p>\u73fe\u5834\u306e\u6700\u524d\u7dda\u307e\u3067\u8e0f\u307f\u8fbc\u307f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u505c\u6ede\u8981\u56e0\u306e\u7279\u5b9a\u3068\u8ab2\u984c\u3092\u89e3\u6c7a\u3002<\/p>\n    <p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u3082\u5e38\u6642\u53ef\u8996\u5316\u3067\u304d\u308b\u304b\u3089\u3001\u62c5\u5f53\u8005\u3068\u4e0a\u53f8\u306e\u9023\u643a\u3082\u30b9\u30e0\u30fc\u30ba\u306b\u3002<\/p>\n    <\/div>\n  <h5 class=\"phase-card__title--andgate\">ANDGATE DRIVE \u306e\u5bfe\u5fdc<\/h5>\n    <ul class=\"phase-card__list--andgate\">\n    <li><span>\u63a8\u3000\u9032<\/span>\u512a\u5148\u9806\u4f4d\u3092\u518d\u5b9a\u7fa9\u3057\u3001\u9650\u3089\u308c\u305f\u6642\u9593\u3067\u201c\u9593\u306b\u5408\u3046\u5f62\u201d\u3078\u518d\u69cb\u6210<\/li>\n    <li><span>\u53ef\u8996\u5316<\/span>AI\u3067\u9032\u884c\u72b6\u6cc1\u306e\u5168\u4f53\u50cf\u3092\u30de\u30c3\u30d7\u5316\u3057\u3001\u6253\u3061\u624b\u306e\u629c\u3051\u6f0f\u308c\u3092\u30c1\u30a7\u30c3\u30af<\/li>\n    <li><span>\u5b9f\u3000\u884c<\/span>\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u201c\u52d5\u3051\u308b\u8981\u54e1\u201d\u3092\u6295\u5165\u3057\u3001\u305d\u306e\u5834\u3067\u9032\u3081\u308b\u5b9f\u50cd\u4f53\u5236\u3092\u78ba\u4fdd<\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"slider-pause-indicator\">\n  <i class=\"fas fa-pause-circle\"><\/i>\n<\/div>\n<div class=\"canvas-container\">\n    <canvas id=\"three-canvas\"><\/canvas>\n<\/div>\n<\/div>\n\n\n\n<div class=\"cta_wrapper box-shadow js-hidden\">\n<h4>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u6b62\u307e\u308a\u304b\u3051\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br>\u307e\u305a\u306f\u3001\u304a\u56f0\u308a\u3054\u3068\u3092\u805e\u304b\u305b\u3066\u304f\u3060\u3055\u3044\u3002<\/h4>\n<ul class=\"cta_button\">\n<!--        <li class=\"cta_button__download\"><a href=\"https:\/\/andgate.co.jp\/drive\/download\/\"><span>\u8cc7\u6599\u8acb\u6c42<\/span><\/a><\/li>-->\n        <li class=\"cta_button__diagnose\"><a href=\"https:\/\/form.typeform.com\/to\/jIoaWwny\" target=\"_blank\"><span>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8a3a\u65ad\u306f\u3053\u3061\u3089<\/span><\/a><\/li>\n<!--        <li><a href=\"https:\/\/andgate.co.jp\/drive\/contact\/\"><span>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u518d\u8d77\u52d5\u3001<br class=\"u-hidden-pc\">\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304b\u3089<\/span><\/a><\/li>-->\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" id=\"usecase\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"js-hidden\">\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9<\/h3>\n\n\n\n<div class=\"usecase__wrapper\">\n  <div class=\"usecase__card box-shadow js-hidden\">\n    <span>Case <em>01<\/em><\/span>\n    <h4>\u671f\u65e5\u3060\u3051\u304c\u6c7a\u307e\u3063\u3066\u3044\u3066\u3001<br>\u4e2d\u8eab\u306f\u201c\u307e\u3063\u3055\u3089\u201d\u3060\u3063\u305f<\/h4>\n    <img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/usecase_image01.jpg\" alt=\"\u7d0d\u671f\u524d\u306e\u708e\u4e0a\">\n    <p>\u30af\u30e9\u30a6\u30c9\u3078\u306e\u79fb\u884c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3001\u30ea\u30ea\u30fc\u30b9\u6708\u306e\u307f\u6c7a\u5b9a\u3002\u79fb\u884c\u5bfe\u8c61\u3084\u5f79\u5272\u5206\u62c5\u30fb\u6280\u8853\u6761\u4ef6\u304c\u767d\u7d19\u306e\u307e\u307e\u624b\u304c\u3064\u3051\u3089\u308c\u306a\u3044\u3002<\/p>\n    <a href=\"https:\/\/andgate.co.jp\/drive\/usecase\/#case01\"><span>\u8a73\u3057\u304f\u898b\u308b<\/span><\/a>\n  <\/div>\n  <div class=\"usecase__card box-shadow js-hidden\">\n    <span>Case <em>02<\/em><\/span>\n    <h4>\u90e8\u9580\u304c\u9055\u3046\u95a2\u4fc2\u8005\u304c\u8907\u6570\u4eba\u3001<br>\u8a8d\u8b58\u3084\u8981\u671b\u306b\u3082\u30ba\u30ec\u304c\u751f\u3058\u3066\u3044\u305f<\/h4>\n    <img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/usecase_image02.jpg\" alt=\"\u95a2\u4fc2\u8005\u306e\u8a8d\u8b58\u306e\u30ba\u30ec\">\n    <p>\u30b3\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u30b7\u30b9\u30c6\u30e0\u306e\u6539\u4fee\u6848\u4ef6\u3002\u65b0\u6280\u8853\u5c0e\u5165\u3078\u306e\u4e0d\u5b89\u3082\u3042\u308a\u3001\u9867\u5ba2\u62c5\u5f53\u8005\u9593\u306e\u610f\u898b\u3084\u671f\u5f85\u5024\u306e\u30ba\u30ec\u3001\u30ad\u30fc\u30de\u30f3\u306e\u4e0d\u5728\u3067\u505c\u6ede\u3002<\/p>\n    <a href=\"https:\/\/andgate.co.jp\/drive\/usecase\/#case02\"><span>\u8a73\u3057\u304f\u898b\u308b<\/span><\/a>\n  <\/div>\n  <div class=\"usecase__card box-shadow js-hidden\">\n    <span>Case <em>03<\/em><\/span>\n    <h4>\u9032\u6357\u505c\u6ede\u3068\u54c1\u8cea\u8ab2\u984c\u304c\u91cd\u306a\u308a\u3001<br>\u5408\u610f\u5f62\u6210\u3082\u9032\u307e\u305a\u7acb\u3061\u5f80\u751f<\/h4>\n    <img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/usecase_image03.jpg\" alt=\"\u5de5\u7a0b\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u306e\u5237\u65b0\">\n    <p>\u5de5\u7a0b\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u306e\u5237\u65b0\u6848\u4ef6\u3002\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u89e3\u6d88\u7b56\u304c\u898b\u3048\u305a\u3001\u958b\u767a\u901f\u5ea6\u30fb\u5f79\u5272\u5206\u62c5\u30fb\u610f\u601d\u6c7a\u5b9a\u306b\u8ab2\u984c\u3002<\/p>\n    <a href=\"https:\/\/andgate.co.jp\/drive\/usecase\/#case03\"><span>\u8a73\u3057\u304f\u898b\u308b<\/span><\/a>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull bg_pale_grey is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" id=\"casestudy\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"js-hidden\">\u4e8b\u4f8b\u7d39\u4ecb<\/h3>\n\n\n\n<div class=\"wp-block-columns casestudy_wrapper js-hidden is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column box-shadow is-layout-flow wp-block-column-is-layout-flow\">\n<h4>\u682a\u5f0f\u4f1a\u793eTBS\u30db\u30fc\u30eb\u30c7\u30a3\u30f3\u30b0\u30b9\u69d8<\/h4>\n<img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/ex_tbshd.png\" alt=\"TBSHD\u69d8\">\n<p>\u30b0\u30eb\u30fc\u30d7\u6a2a\u65ad\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u65bd\u7b56\u300cTBS ID\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u300d\u69cb\u7bc9\u306b\u304a\u3044\u3066\u3001\u9867\u5ba2\u57fa\u76e4\u3068\u30a4\u30f3\u30d5\u30e9\u69cb\u7bc9\u3092\u62c5\u5f53\u3001\u5185\u88fd\u5316\u3092\u8003\u616e\u3057\u305f\u6280\u8853\u9078\u5b9a\u3084\u63d0\u6848\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f\u3002\n<\/p>\n<a href=\"\/drive\/tbshd\"><span>\u8a73\u3057\u304f\u898b\u308b<\/span><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column box-shadow is-layout-flow wp-block-column-is-layout-flow\">\n<h4>\u682a\u5f0f\u4f1a\u793e\u30dd\u30b1\u30e2\u30f3\u69d8<\/h4>\n<img decoding=\"async\" src=\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/ex_pokemon.png\" alt=\"\u30dd\u30b1\u30e2\u30f3\u69d8\">\n<p>\u76f4\u55b6\u5e97\u8217\u306e\u30aa\u30d5\u30a3\u30b7\u30e3\u30eb\u30b7\u30e7\u30c3\u30d7\u300c\u30dd\u30b1\u30e2\u30f3\u30bb\u30f3\u30bf\u30fc\u300d\u306ePOS\u30ec\u30b8\u306e\u30c7\u30fc\u30bf\u3092\u7d4c\u55b6\u4f01\u753b\u306b\u6d3b\u304b\u305b\u308b\u3088\u3046\u30c7\u30fc\u30bf\u3092\u6574\u5f62\u3057\u53ef\u8996\u5316\u3059\u308b\u30b7\u30b9\u30c6\u30e0\u3092\u958b\u767a\u3057\u307e\u3057\u305f\u3002\n<\/p>\n<a href=\"\/drive\/pokemon\"><span>\u8a73\u3057\u304f\u898b\u308b<\/span><\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"cta_wrapper box-shadow js-hidden\">\n<h4>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u6b62\u307e\u308a\u304b\u3051\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br>\u307e\u305a\u306f\u3001\u304a\u56f0\u308a\u3054\u3068\u3092\u805e\u304b\u305b\u3066\u304f\u3060\u3055\u3044\u3002<\/h4>\n<ul class=\"cta_button\">\n<!--        <li class=\"cta_button__download\"><a href=\"https:\/\/andgate.co.jp\/drive\/download\/\"><span>\u8cc7\u6599\u8acb\u6c42<\/span><\/a><\/li>-->\n        <li class=\"cta_button__diagnose\"><a href=\"https:\/\/form.typeform.com\/to\/jIoaWwny\" target=\"_blank\"><span>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8a3a\u65ad\u306f\u3053\u3061\u3089<\/span><\/a><\/li>\n<!--        <li><a href=\"https:\/\/andgate.co.jp\/drive\/contact\/\"><span>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u518d\u8d77\u52d5\u3001<br class=\"u-hidden-pc\">\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304b\u3089<\/span><\/a><\/li>-->\n<\/ul>\n<\/div>\n\n\n<p><style class=\"wpcode-css-snippet\">\/* \u5171\u901a\u30e9\u30c3\u30d1\u30fc *\/\r\n.wrap-1stview,\r\n.wrap-2ndview {\r\n\twidth: 100%;\r\n\tmargin: 0 auto;\r\n\tmargin-top: 0 !important;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n}\r\n.wrap-view_inner {\/*\r\n\tmargin: 0 auto;*\/\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\theight: 100%;\r\n\tgap: 20px;\r\n}\r\n\/* \u5de6\u80cc\u666f\uff08\u659c\u3081\u90e8\u5206\uff09 *\/\r\n.l-1stview__left,\r\n.l-2ndview__left {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\ttransform-origin: 100% 0;\r\n\toverflow: hidden;\r\n\tz-index: 2;\r\n}\r\n\/* \u5de6\u80cc\u666f\u30a4\u30f3\u30ca\u30fc *\/\r\n.l-1stview__left-inner,\r\n.l-2ndview__left-inner {\r\n\twidth: 120%;\r\n\theight: 120%;\r\n\ttransform: skewX(23.4deg);\r\n\tbackground-size: cover;\r\n\tbackground-position: center;\r\n\tz-index: 3;\r\n}\r\n\/* === \u53f3\u80cc\u666f\u30a8\u30ea\u30a2 === *\/\r\n.l-1stview__right,\r\n.l-2ndview__right {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\theight: 100%;\r\n\tz-index: 1;\r\n}\r\n.l-1stview__right {\r\n\twidth: 60%;\r\n\theight: 540px;\r\n\tbackground-color: #f26d63;\r\n\tbackground-image: url(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/l-1stview__right.jpg\");\r\n\tbackground-size: cover;\r\n}\r\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u914d\u7f6e *\/\r\n.l-1stview__content,\r\n.l-2ndview__content {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tz-index: 5;\r\n\twidth: 90%;\r\n\tmax-width: 1100px;\r\n}\r\n.l-1stview__content {\r\n\talign-items: flex-start;\r\n\tcolor: #fff;\r\n}\r\n.l-2ndview__content {\r\n\talign-items: flex-end;\r\n\ttext-align: right;\r\n}\r\n.l-1stview__content h2 {\r\n\tfont-size: 2.25em;\r\n\ttext-shadow: 0px 0px 10px rgba(8, 18, 48, 0.8);\r\n\tmargin-bottom: 1.5rem;\r\n}\r\n.l-1stview__content p {\r\n\ttext-shadow: 0px 0px 10px rgba(8, 18, 48, 0.8);\r\n}\r\n.l-1stview__content p,\r\n.l-2ndview__content p {\r\n\tfont-size: 1.2rem;\r\n}\r\n.l-2ndview__content p {\r\n\tmargin-bottom: 2rem;\r\n}\r\n.l-2ndview__content p strong {\r\n\tfont-size: 1.2rem;\r\n}\r\n.l-2ndview__content p:nth-child(1) strong,\r\n#service h4 {\r\n\ttext-decoration-color: #fbe6e5;\r\n\ttext-decoration-line: underline;\r\n\ttext-decoration-thickness: 0.5rem;\r\n\ttext-underline-offset: -0.2rem;\r\n\ttext-decoration-skip-ink: none;\r\n}\r\n\r\n\/* service *\/\r\n#service {\r\n\tpadding-bottom: 4rem;\r\n}\r\n.p-service-dev__main h4 {\r\n\tfont-size: 2rem;\r\n}\r\n.p-service-dev__container {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 3rem;\r\n\tmax-width: 1100px;\r\n\tmargin: auto;\r\n\tpadding-top: 3rem;\r\n}\r\n.p-service-dev__main {\r\n\tflex: 0 0 40%;\r\n\tdisplay: flex;\r\n    flex-wrap: nowrap;\r\n    flex-direction: column;\r\n\tjustify-content: center;\r\n}\r\n.p-service-dev__main h4 {\r\n\tmargin-bottom: 3rem;\r\n}\r\n.p-service-dev__grid {\r\n\tflex: 1;\r\n}\r\n\r\n.l-service {\r\n\twidth: 100%;\r\n\tmax-width: 1200px;\r\n\tmargin: auto;\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    flex-direction: row;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n    gap: 0;\r\n\tposition: relative;\r\n\tpadding-top: 3rem;\r\n}\r\n.l-service__image {\r\n\tflex-shrink: 0;\r\n\tz-index: 2;\r\n}\r\n.l-service__image img {\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tdisplay: block;\r\n}\r\n.l-service__content {\r\n\tbackground-color: #fff;\r\n\tpadding: 1.5rem 2rem;\r\n\tz-index: 2;\r\n}\r\n.l-service__content h4 {\r\n\tfont-size: 1.6rem;\r\n\tmargin-bottom: 2rem;\r\n}\r\n.l-service__content  ul {\r\n\tlist-style: none;\r\n\tpadding-left: 0;\r\n\tmargin: 0.5rem 1rem 0 0.5rem;\r\n}\r\n.l-service__content  ul li {\r\n\tposition: relative;\r\n\tpadding-left: 28px;\r\n\tmargin-bottom: 8px;\r\n}\r\n.l-service__content  ul li::before {\r\n\tfont-family: \"Font Awesome 5 Free\";\r\n\tcontent: \"\\f00c\";\r\n\tfont-weight: 900;\r\n\tmargin-left: -1.25rem;\r\n\tpadding-right: 0.5rem;\r\n\tcolor: #f26d63;\r\n}\r\n\r\n\/* core *\/\r\n#core {\r\n\tpadding-bottom: 6rem;\r\n}\r\n.core__wrapper,\r\n.usecase__wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex-wrap: nowrap;\r\n\tgap: 1rem;\r\n\tpadding-top: 1rem;\r\n\tposition: relative;\r\n\tmax-width: 1100px;\r\n\tmargin: auto;\r\n\tmargin-bottom: 3rem;\r\n\tpadding: 3rem 0;\r\n}\r\n.core__wrapper::before,\r\n.usecase__wrapper::before {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n\twidth: 80%;\r\n\theight: 110%;\r\n\tbackground-color: rgba(0, 0, 0, 0.05);\r\n\tborder-radius: 4px;\r\n\tz-index: 0;\r\n}\r\n.core__card,\r\n.usecase__card {\r\n\tbackground-color: #fff;\r\n\tpadding: 1rem;\r\n\tposition: relative;\r\n}\r\n.core__card span {\r\n\tposition: absolute;\r\n\ttop: -2.5rem;\r\n\tleft: 1rem;\r\n\tfont-size: 3rem;\r\n\tcolor: #f26d63;\r\n}\r\n.core__card h4 {\r\n\tfont-size: 1.4rem;\r\n\ttext-align: center;\r\n}\r\n.core__read,\r\n.usecase__read {\r\n\ttext-align: center;\r\n}\r\n.core__card img {\r\n\tdisplay: block;\r\n\twidth: 50%;\r\n\tmax-width: 145px;\r\n\tmargin: 1rem auto;\r\n}\r\n.core__card ul {\r\n\tmargin: 0 1rem;\r\n}\r\n.core__card li::marker {\r\n\tcontent: \"\";\r\n}\r\n.core__card li::before {\r\n\tfont-family: \"Font Awesome 5 Free\";\r\n\tcontent: \"\\f105\";\r\n\tfont-weight: 900;\r\n\tmargin-left: -1.25rem;\r\n\tpadding-right: 0.25rem;\r\n\tcolor: #f26d63;\r\n}\r\n\r\n\/* phase *\/\r\n#phase,\r\n#usecase,\r\n#casestudy {\r\n\tpadding-bottom: 6rem;\r\n}\r\n\r\n\/* usecase \u4e00\u90e8core\u3068\u4f75\u7528 *\/\r\n.usecase__card,\r\n.casestudy_wrapper > div {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n}\r\n\r\n.usecase__card > span {\r\n\tposition: absolute;\r\n\ttop: -2.5rem;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tfont-size: 1.5rem;\r\n\tcolor: #f26d63;\r\n}\r\n.usecase__card span em {\r\n\tfont-style: normal;\r\n\tfont-size: 2.5rem;\r\n}\r\n.usecase__card h4 {\r\n\tfont-size: 1.2rem;\r\n\tmargin-top: 1rem;\r\n\ttext-align: center;\r\n}\r\n.usecase__card img {\r\n  max-width: 300px;\r\n  margin: 1rem auto;\r\n  display: block;\r\n}\r\n.usecase__card p {\r\n\tmargin: 0.5rem 1rem;\r\n}\r\n.usecase__card a,\r\n.casestudy_wrapper a {\r\n\tborder: 1px solid #c7362f;\r\n\tborder-radius: 30px;\r\n\tbackground-color: #fff;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: 0.5rem 2rem;\/*\r\n\tmax-width: 200px;*\/\r\n\tmargin: 1rem auto;\r\n}\r\n.usecase__card a span,\r\n.casestudy_wrapper a span {\r\n\tdisplay: inline-block;\r\n\twhite-space: nowrap;\r\n\tcolor: #c7362f;\r\n}\r\n.usecase__card a:hover,\r\n.casestudy_wrapper a:hover {\r\n\tbackground-color: #c7362f;\r\n}\r\n.usecase__card a:hover span,\r\n.casestudy_wrapper a:hover span {\r\n\tcolor: #fff;\r\n}\r\n.usecase__card a span::after,\r\n.casestudy_wrapper a span::after {\/* \u767d\u2193 *\/\r\n\tcontent: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%23d82023' stroke-linecap='round' stroke-linejoin='round' points='10.65 18.1 18.75 10 10.65 1.9'\/%3E%3Cline fill='none' stroke='%23d82023' stroke-linecap='round' stroke-linejoin='round' x1='1.25' y1='10' x2='18.75' y2='10'\/%3E%3C\/svg%3E\");\r\n\tdisplay: inline-block;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tmargin-left: 0.5em;\r\n\tvertical-align: middle;\r\n}\r\n.usecase__card a:hover span::after,\r\n.casestudy_wrapper a:hover span::after {\/* \u8d64\u2193 *\/\r\n\tcontent: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' points='10.65 18.1 18.75 10 10.65 1.9'\/%3E%3Cline fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' x1='1.25' y1='10' x2='18.75' y2='10'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* casestudy *\/\r\n.casestudy_wrapper {\r\n\twidth: 90%;\r\n\tmax-width: 1100px;\r\n\tmargin: auto;\r\n}\r\n.casestudy_wrapper > div {\r\n\tbackground-color: #fff;\r\n\tpadding: 2rem;\r\n}\r\n.casestudy_wrapper h4 {\r\n\ttext-align: center;\r\n\tfont-size: 1.4rem;\r\n}\r\n\r\n\/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\r\n@media(min-width: 1000px) {\r\n\t\/* \u30bb\u30af\u30b7\u30e7\u30f3\u5225\u9ad8\u3055 *\/\r\n\t.wrap-1stview,\r\n\t.wrap-2ndview {\r\n\t\tmax-width: 1600px;\r\n\t}\r\n\t.wrap-view_inner {\r\n\t\twidth: 100%;\r\n\t}\r\n\t.wrap-1stview { height: 600px; }\r\n\t.wrap-2ndview { height: 500px; }\r\n\t.l-1stview__left {\r\n\t\tleft: 50%;\r\n\t\twidth: 989px;\r\n\t\ttransform: translateX(-800px) skewX(-23.4deg);\r\n\t\theight: 600px;\r\n\t}\r\n\t#firstview {\r\n\t\tposition: relative;\r\n\t}\r\n\t#firstview::before,\r\n\t#firstview::after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\tbackground-position: center;\r\n\t\tfilter: blur(5px);\r\n\t}\r\n\t#firstview::before {\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\ttop: 50%;\r\n\t\tleft: -10%;\r\n\t}\r\n\t#firstview::after {\r\n\t\twidth: 50%;\r\n\t\theight: 545px;\r\n\t\tright: -5px;\r\n\t\ttop: -10px;\r\n\t\tbackground-image: url(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/l-1stview__right.jpg\");\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.l-2ndview__left {\r\n\t\tleft: 50%;\r\n\t\twidth: 730px; \/* 1600px \u00d7 0.456 *\/\r\n\t\ttransform: translateX(-800px) skewX(-23.4deg);\r\n\t\theight: 500px;\r\n\t}\r\n\t#firstview::before,\r\n\t.l-1stview__left-inner {\r\n\t\tbackground-image: url(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/l-1stview__left.jpg\");\r\n\t}\r\n\t.l-2ndview__left-inner {\r\n\t\tbackground-image: url(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/l-2ndview__left.jpg\");\r\n\t}\r\n}\r\n\r\n@media(max-width: 999px) {\r\n\t.wrap-1stview,\r\n\t.wrap-2ndview {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\toverflow: hidden;\r\n\t\tz-index: 1;\r\n\t\ttransform: none;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: center;\r\n\t}\r\n\t.wrap-1stview { background-image: url(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/l-1stview__left.jpg\"); }\r\n\t.wrap-2ndview { background-image: url(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/08\/l-2ndview__left_mobile.jpg\"); }\r\n  \/* \u5168\u4f53\u7e26\u4e26\u3073 *\/\r\n  .wrap-view_inner {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tgap: 0;\r\n\t\tposition: relative;\r\n\t\tmargin: 5rem auto;\r\n  }\r\n \u00a0\/* \u30e2\u30d0\u30a4\u30eb\u975e\u8868\u793a *\/\r\n\t.l-1stview__left-inner,\r\n\t.l-1stview__right,\r\n\t.l-2ndview__left-inner {\r\n\t\tdisplay : none;\r\n\t}\r\n  \/* === \u30b3\u30f3\u30c6\u30f3\u30c4\u4e2d\u592e\u914d\u7f6e === *\/\r\n\t.l-1stview__content,\r\n\t.l-2ndview__content {\r\n\t\twidth: 90%;\r\n\t\tmax-width: 90%;\r\n\t\ttext-align: center;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tz-index: 3;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 3rem 1rem;\r\n\t}\r\n\t.l-1stview__content {\r\n\t\ttext-align: left;\r\n\t\talign-items: flex-start;\r\n\t}\r\n\t.l-2ndview__content {\r\n\t\ttext-align: right;\r\n\t\talign-items: flex-end;\r\n\t\ttext-shadow: 0px 0px 10px rgba(8, 18, 48, 0.8);\r\n\t}\r\n\t.l-2ndview__content p {\r\n\t\ttext-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n\t}\r\n\t.l-2ndview__content p:nth-child(1) strong {\r\n\t\ttext-decoration-color: #fff;\r\n\t}\r\n  \/* PC\u306e\u307f\u306e\u53f3\u80cc\u666f\u975e\u8868\u793a *\/\r\n\t.l-1stview__right {\r\n\t\tdisplay: none;\r\n\t}\r\n\tl-service {\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n@media (max-width: 782px) {\r\n\t.p-service-dev__container {\r\n\t\tflex-direction: column;\r\n\t\twidth: 90%;\r\n\t}\r\n\t.l-service {\r\n\t\tflex-direction: column;\r\n\t\tpadding-top: 2rem;\r\n\t}\r\n\t.core__wrapper,\r\n\t.usecase__wrapper {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\t.core__card,\r\n\t.usecase__card {\r\n\t\tmargin-top: 3rem;\r\n\t}\r\n\t.core__wrapper::before,\r\n\t.usecase__wrapper::before {\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n@media (min-width: 783px) {\r\n\t.l-service:nth-of-type(odd) {\r\n        flex-direction: row-reverse;\r\n\t}\r\n\t.l-service:nth-of-type(odd) .l-service__content {\r\n        margin-left: 0;\r\n        margin-right: -200px;\r\n\t}\r\n\t.l-service__content {\r\n        max-width: 750px;\r\n        margin-left: -200px;\r\n\t}\r\n\t.casestudy_wrapper p {\r\n\t\tmargin: 2rem 3rem;\r\n\t}\r\n\t.l-service {\r\n\t\tmax-width: 1600px;\r\n\t}\r\n\t.l-service__image {\r\n\t\tmax-width: 60%;\r\n\t}\r\n}<\/style><style class=\"wpcode-css-snippet\">.cta_button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tjustify-content: flex-start;\r\n\tgap: 1rem;\r\n\tflex-direction: row;\r\n\tflex-wrap: wrap;\r\n\tlist-style: none;\r\n\tmargin-top: 1rem;\r\n\tpadding: 0;\r\n}\r\n.cta_button li {\r\n\tflex: 0 0 auto;\r\n}\r\n.cta_button li a,\r\n.l-header__cta-btn a {\r\n\tborder: 1px solid #c7362f;\r\n\tborder-radius: 30px;\r\n\tbackground-color: #fff;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: 1rem 2.5rem;\r\n}\r\n.cta_button li a *,\r\n.l-header__cta-btn a * {\r\n\tpointer-events: auto;\r\n}\r\n.cta_button li a:hover,\r\n.l-header__cta-btn a:hover {\r\n\tbackground-color: #c7362f;\r\n}\r\n.cta_button li a span,\r\n.l-header__cta-btn a span {\r\n\tfont-size: 1.1rem;\r\n\tdisplay: inline-block;\r\n\twhite-space: nowrap;\r\n\tcolor: #c7362f;\r\n}\r\n.cta_button li a:hover span,\r\n.l-header__cta-btn a:hover span {\r\n\tcolor: #fff;\r\n}\r\n.cta_button li a span::after,\r\n.l-header__cta-btn a span::after {\/* \u8d64\u2193 *\/\r\n\tcontent: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%23d82023' stroke-linecap='round' stroke-linejoin='round' points='10.65 18.1 18.75 10 10.65 1.9'\/%3E%3Cline fill='none' stroke='%23d82023' stroke-linecap='round' stroke-linejoin='round' x1='1.25' y1='10' x2='18.75' y2='10'\/%3E%3C\/svg%3E\");\r\n\tdisplay: inline-block;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tmargin-left: 0.5em;\r\n\tvertical-align: middle;\r\n}\r\n.cta_button li a:hover span::after,\r\n.l-header__cta-btn a:hover span::after {\/* \u767d\u2193 *\/\r\n\tcontent: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' points='10.65 18.1 18.75 10 10.65 1.9'\/%3E%3Cline fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' x1='1.25' y1='10' x2='18.75' y2='10'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* Download\/Diagnose *\/\r\n.cta_button li.cta_button__download a {\r\n\tbackground-color: #f9e5e3;\r\n}\r\n.cta_button li.cta_button__download a:hover {\r\n\tbackground-color: #c7362f;\r\n}\r\n.cta_button li.cta_button__download a span::after {\/* \u767d\u2193 *\/\r\n\tcontent: url(\"data:image\/svg+xml,%3Csvg id='layer_1' data-name='layer_1' xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23d82023;stroke-linecap:round;stroke-linejoin:round;%7D%3C\/style%3E%3Cg%3E%3Cpolyline class='st0' points='15.26 9 10 14.26 4.74 9'\/%3E%3Cline class='st0' x1='10' y1='14.26' x2='10' y2='1.47'\/%3E%3C\/g%3E%3Cpolyline class='st0' points='18.75 10 18.75 18.53 1.25 18.53 1.25 10'\/%3E%3C\/svg%3E\");\r\n}\r\n.cta_button li.cta_button__download a:hover span::after {\/* \u8d64\u2193 *\/\r\n\tcontent: url(\"data:image\/svg+xml,%3Csvg id='layer_1' data-name='layer_1' xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;%7D%3C\/style%3E%3Cg%3E%3Cpolyline class='st0' points='15.26 9 10 14.26 4.74 9'\/%3E%3Cline class='st0' x1='10' y1='14.26' x2='10' y2='1.47'\/%3E%3C\/g%3E%3Cpolyline class='st0' points='18.75 10 18.75 18.53 1.25 18.53 1.25 10'\/%3E%3C\/svg%3E\");\r\n}\r\n.cta_button li.cta_button__diagnose a span::after {\/* \u8d64\u2193 *\/\r\n  content: url(\"data:image\/svg+xml,%3Csvg id='layer_1' xmlns='http:\/\/www.w3.org\/2000\/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23d82023;stroke-linecap:round;stroke-linejoin:round;%7D%3C\/style%3E%3C\/defs%3E%3Crect class='st0' x='1.25' y='1.25' width='17.5' height='17.5'\/%3E%3Cpolyline class='st0' points='5.19 11.65 8.07 14.37 14.81 5.63'\/%3E%3C\/svg%3E\");\r\n}\r\n.cta_button li.cta_button__diagnose a:hover span::after {\/* \u767d\u2193 *\/\r\n  content: url(\"data:image\/svg+xml,%3Csvg id='layer_1' xmlns='http:\/\/www.w3.org\/2000\/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;%7D%3C\/style%3E%3C\/defs%3E%3Crect class='st0' x='1.25' y='1.25' width='17.5' height='17.5'\/%3E%3Cpolyline class='st0' points='5.19 11.65 8.07 14.37 14.81 5.63'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* cta_wrapper *\/\r\n.cta_wrapper {\r\n\tbackground-color: #fff;\r\n\tpadding: 2rem;\r\n\twidth: 90%;\r\n\tmargin: auto;\r\n\tmax-width: 1100px;\r\n}\r\n.cta_wrapper h4 {\r\n\tfont-size: 1.8em;\r\n\ttext-align: center;\r\n}\r\n.cta_wrapper ul {\r\n    justify-content: center;\r\n}<\/style><style class=\"wpcode-css-snippet\">.p-service-dev__grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, 1fr);\r\n\tgap: 0.8rem;\r\n}\r\n.p-service-dev__grid figure {\r\n\tdisplay: grid;\r\n\tgrid-row: span 2;\r\n\tgrid-template-rows: subgrid;\r\n\tgap: 0;\r\n\tpadding-top: 1.4rem;\r\n\tpadding-bottom: 2rem;\r\n\tbackground-color: #fff;\r\n\tborder: 2px solid #f26d63;\r\n\ttext-align: center;\r\n\tcolor: #c7362f;\r\n}\r\n.p-service-dev__grid figure img {\r\n\tmax-width: 80px;\r\n\tmargin-inline: auto;\r\n}\r\n.p-service-dev__grid figcaption {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmargin-top: 1rem;\r\n\tfont-size: 1.1rem;\r\n\tfont-weight: bold;\r\n\ttext-align: center;\r\n\topacity: 1;\r\n\tline-height: var(--line-height-ttl);\r\n}\r\n@media (min-width: 768px) {\r\n\t.p-service-dev__grid {\r\n\t  grid-template-columns: repeat(3, 1fr);\r\n\t  gap: 1rem;\r\n\t}\r\n  .p-service-dev__grid figure img {\r\n\t  width: 8rem;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .p-service-dev__grid {\r\n\t  padding-top: 0;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .p-service-dev__grid figcaption {\r\n\t  font-size: 0.9rem;\r\n  }\r\n}<\/style><style class=\"wpcode-css-snippet\">.slider {\r\n\twidth:90%;\r\n\tmargin:0 auto;\r\n}\r\n.slider img {\r\n\twidth:100%;\r\n}\r\n.phase-carousel {\r\n\tposition: relative;\r\n    overflow: hidden;\r\n    width: 90%;\r\n\tmargin: auto;\r\n}\r\n.phase-card {\r\n\tposition: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0;\r\n}\r\n.phase-card__header {\r\n\tposition: relative;\r\n\tz-index: 0;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n}\r\n.phase-card__section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: #fff;\r\n    position: relative;\r\n    padding: 1rem 0.5rem;\r\n    filter: drop-shadow(0px 0px 5px rgba(5, 18, 50, 0.1));\r\n    z-index: 15;\r\n}\r\n.phase-card__header h4,\r\n.phase-card__header h4 i {\r\n    text-align: center;\r\n    width: 100%;\r\n    color: #fb6a60;\r\n    font-size: 1.2rem;\r\n\tz-index: 2000;\r\n}\r\n.phase-card__header h4 i {\r\n    display: block;\r\n    font-size: 2rem;\r\n\tmargin-bottom: 0.5rem;\r\n}\r\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u505c\u6b62\u6642 *\/\r\n.slider-pause-indicator {\r\n\tposition: absolute;\r\n\ttop: 1rem;\r\n\tright: 1rem;\r\n\tpointer-events: none;\r\n\tdisplay: none;\r\n\tz-index: 2000;\r\n}\r\n.slider-pause-indicator i {\r\n    font-size: 3rem;\r\n\tcolor: #fce3e1;\r\n}\r\n\/* \u901a\u5e38\u72b6\u614b *\/\r\n.phase-card__header h4 i img {\r\n\twidth: 40px;\r\n\theight: 32px;\r\n\tmargin: auto;\r\n\tfilter: none;\r\n\ttransition: filter 0.6s ease;\r\n}\r\n\/* \u30a2\u30af\u30c6\u30a3\u30d6\u72b6\u614b *\/\r\n.slick-current .phase-card__header h4 i img {\r\n  filter: brightness(0) invert(1);\r\n}\r\n.phase-card__description {\r\n    padding: 1rem;\r\n    background-color: #fce3e1;\r\n    width: 90%;\r\n    margin: 1rem auto;\r\n}\r\n.phase-card__description p:last-child {\r\n\tpadding-bottom: 0;\r\n}\r\n.phase-card__section h5 {\r\n    margin: 0 3rem;\r\n    font-size: 1.2rem;\r\n}\r\n.phase-card__title--field::before,\r\n.phase-card__title--andgate::before,\r\n.phase-card__list--field li::before {\r\n\tfont-family: \"Font Awesome 5 Free\";\r\n\tmargin-left: -1.25rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n.phase-card__title--field::before {\r\n\tcontent: \"\\f5c8\";\r\n\tfont-weight: 900;\r\n\tcolor: #969696;\r\n}\r\n.phase-card__title--andgate::before {\r\n\tcontent: \"\\f118\";\r\n\tfont-weight: 600;\r\n\tcolor: #f26d63;\r\n}\r\n.phase-card__list--field {\r\n    padding-left: 1rem;\r\n}\r\n.phase-card__list--field li::before {\r\n\tcontent: \"\\f057\";\r\n\tfont-weight: 600;\r\n\tcolor: #f26d63;\r\n}\r\n.phase-card__title--andgate {\r\n    color: #d5352b;\r\n}\r\n.phase-card__section ul li::marker {\r\n\tcontent: \"\";\r\n}\r\n.phase-card__section ul {\r\n    margin: 0.25rem 1rem;\r\n}\r\n.phase-card__list--andgate li span {\r\n    background: #fd6b60;\r\n    color: #fff;\r\n    display: inline-block;\r\n    padding: 0.1rem 1.5rem 0.1rem 0.6rem;\r\n    margin-right: 0.6rem;\r\n    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);\r\n}\r\n@media (max-width: 999px) {\r\n\t.slider,\r\n\t.phase-carousel div {\r\n\t\twidth: 100%;\r\n\t}\r\n\t.phase-card {\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: 2rem;\r\n\t}\r\n\t.phase-card__header {\r\n\t\tpadding: 2rem 1rem;\r\n\t\tposition: relative;\r\n\t\tz-index: 15;\r\n\t\tbackground-color: #c7362f;\r\n\t}\r\n\t.phase-card__header::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tbottom: -18px;\r\n\t\tleft: 50%;\r\n\t\ttransform: translateX(-50%);\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-left: 30px solid transparent;\r\n\t\tborder-right: 30px solid transparent;\r\n\t\tborder-top: 20px solid #c7362f;\r\n\t\tz-index: 20;\r\n\t}\r\n\t.phase-card__header h4,\r\n\t.phase-card__header h4 i {\r\n\t\tcolor: #fff;\r\n\t}\r\n\t.phase-card__header h4 i img {\r\n\t\tfilter: brightness(0) invert(1);\r\n\t}\r\n\t.phase-card__section {\r\n\t\tpadding: 2rem 1rem 1rem;\r\n\t}\r\n\t.phase-card__section h5 {\r\n\t\tmargin: 0 1.5rem;\r\n\t}\r\n\t.phase-card__list--andgate {\r\n\t\tpadding: 0;\r\n\t}\r\n\t.phase-card__list--andgate li {\r\n\t\tmargin-bottom: 0.5rem;\r\n\t}\r\n\t.phase-card__list--andgate li span {\r\n\t\tdisplay: block;\r\n\t\twidth: 5rem;\r\n\t}\r\n\t.phase-card__number {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.slider-pause-indicator {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\tcanvas { display: none; }\r\n\t.canvas-container { display: none; }\r\n}\r\n@media (min-width: 1000px) {\r\n\t.slider .slick-next {\r\n\t\ttop: initial !important;\r\n\t\tright: initial !important;\r\n\t\tbottom: 180px;\r\n\t\tleft: 90px !important;\r\n\t}\r\n\t.slider .slick-prev {\r\n\t\ttop: 180px !important;\r\n\t\tleft: 90px;\r\n\t}\r\n\t.slider .slick-arrow {\r\n\t\twidth: initial !important;\r\n\t\theight: initial !important;\r\n\t\tz-index: 20 !important;\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n\t.slick-prev::before,\r\n\t.slick-next::before {\r\n\t\tcolor: #fce3e1;\r\n\t\tfont-size: 50px;\r\n\t}\r\n\t.slick-prev:hover ::before,\r\n\t.slick-next:hover ::before {\r\n\t\tcolor: #fd6b60;\r\n\t}\r\n\t.slider .slick-dots {\r\n\t\twidth: 50px;\r\n\t\tleft: 0;\r\n\t\tbottom: initial;\r\n\t\ttop: 50%;\r\n\t}\r\n\t.phase-carousel {\r\n\t\tmax-height: 750px;\r\n\t\tmax-width: 1100px;\r\n\t}\r\n\t.phase-carousel::before,\r\n\t.phase-carousel::after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 10%;\r\n\t\tz-index: 10;\r\n\t}\r\n\t.phase-carousel::before {\r\n\t\ttop: 0;\r\n\t\tbackground: linear-gradient(to bottom, rgba(238, 241, 242, 1), rgba(238, 241, 242, 0));\r\n\t}\r\n\t.phase-carousel::after {\r\n\t\tbottom: 0;\r\n\t\tbackground: linear-gradient(to top, rgba(238, 241, 242, 1), rgba(238, 241, 242, 0));\r\n\t}\r\n\t.phase-card {\r\n\t\tjustify-content: space-between;\r\n\t\tflex-direction: row;\r\n\t\tmargin: -2.5rem auto;\r\n\t\tgap: 0;\r\n\t}\r\n\t.phase-card__header {\r\n\t\twidth: 240px;\r\n\t\theight: 600px;\r\n\t}\r\n\/* \u30a2\u30af\u30c6\u30a3\u30d6\u30ab\u30fc\u30c9\u64cd\u4f5c *\/\r\n\t.slick-current .phase-card__header h4,\r\n\t.slick-current .phase-card__header h4 i {\r\n\t\tcolor: #f9e5e3;\r\n\t}\r\n\t.phase-card__section {\r\n\t\talign-content: space-between;\r\n\t\twidth: 700px;\r\n\t}\r\n\t.phase-card__section::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tleft: -25px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tborder-top: 25px solid transparent;\r\n\t\tborder-bottom: 25px solid transparent;\r\n\t\tborder-right: 25px solid #fff;\r\n\t}\r\n\t.phase-card__section {\r\n\t\tpadding: 1.5rem 1rem;\r\n\t}\r\n\t.phase-card__list--field {\r\n\t\tpadding-left: 2.5rem;\r\n\t}\r\n\t.phase-card__section ul {\r\n\t\tmargin: 0.5rem 2rem;\r\n\t}\r\n\t.phase-card__number {\r\n\t\tposition: absolute;\r\n\t\ttop: -2.5rem;\r\n\t\tright: 1rem;\r\n\t\tfont-size: 3rem;\r\n\t\tcolor: #f26d63;\r\n\t}\r\n\tcanvas { display: block; }\r\n\t.canvas-container {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: -310px;  \/* \u30b9\u30e9\u30a4\u30c9\u5de6\u306b\u30cf\u30df\u51fa\u3059\u914d\u7f6e *\/\r\n\t\ttransform: translateY(-50%);\r\n\t\twidth: 600px;\r\n\t\theight: 600px;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -10;\r\n\t}\r\n}<\/style><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.9.0\/slick.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/utils\/BufferGeometryUtils.js\"><\/script>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n\r\n    let sliderLocked = false;\r\n    let autoplayInterval;\r\n    let isHovered = false;\r\n    const $pauseIndicator = $('.slider-pause-indicator');\r\n    const $slider = $(\".slider\");\r\n\r\n    \/\/ Slick\u521d\u671f\u5316\r\n    $slider.slick({\r\n        autoplay: false,\r\n        autoplaySpeed: 4500,\r\n        speed: 800,\r\n        arrows: true,\r\n        dots: false,\r\n        infinite: false,\r\n        vertical: true,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        pauseOnHover: false,\r\n        centerPadding: \"10%\",\r\n        centerMode: true,\r\n        responsive: [{ breakpoint: 999, settings: \"unslick\" }]\r\n    });\r\n\r\n    \/\/ \u521d\u671f\u72b6\u614b\r\n    $slider.addClass(\"no-scroll\");\r\n    $('<style>')\r\n      .prop('type', 'text\/css')\r\n      .html(`\r\n        .slider.no-scroll {\r\n          overflow: hidden;\r\n          height: 100%;\r\n        }\r\n      `).appendTo('head');\r\n\r\n    \/\/ Autoplay\u5236\u5fa1\r\n    function startAutoplay() {\r\n        clearInterval(autoplayInterval);\r\n        autoplayInterval = setInterval(() => {\r\n            if (sliderLocked) return;\r\n            const slick = $slider.slick('getSlick');\r\n            const current = slick.currentSlide;\r\n            const last = slick.slideCount - 1;\r\n\r\n            if (current === last) {\r\n                $slider.slick('slickGoTo', 0);\r\n            } else {\r\n                $slider.slick('slickNext');\r\n            }\r\n        }, 4500);\r\n    }\r\n\r\n    \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u5236\u5fa1\r\n    let isScrolling = false;\r\n\r\n    $slider.on(\"wheel\", function(e) {\r\n\r\n        if (!$(e.target).closest('.slider').length) return;\r\n\r\n        if (isScrolling) return; \/\/ \u30af\u30fc\u30eb\u30c0\u30a6\u30f3\u4e2d\u306f\u7121\u8996\r\n        isScrolling = true;\r\n        setTimeout(() => isScrolling = false, 1000); \/\/ 1\u79d2\u9593\u306f\u6b21\u306e\u64cd\u4f5c\u3092\u7121\u8996\r\n\r\n        const deltaY = e.originalEvent.deltaY;\r\n        const slick = $(this).slick('getSlick');\r\n        const current = slick.currentSlide;\r\n        const last = slick.slideCount - 1;\r\n\r\n        \/\/ \u2193 \u4e0b\u65b9\u5411\uff081\u21922\u21923\u2192\u30da\u30fc\u30b8\uff09\r\n        if (deltaY > 0) {\r\n            e.preventDefault();\r\n\r\n            if (current === last) {\r\n                \/\/ \u6700\u7d42\u30b9\u30e9\u30a4\u30c9 (3) \u3067\u3055\u3089\u306b\u4e0b\u3078 \u2192 \u30da\u30fc\u30b8\u30b9\u30af\u30ed\u30fc\u30eb\u3078\u79fb\u884c\r\n                sliderLocked = true;\r\n                $(this).removeClass(\"no-scroll\");\r\n                clearInterval(autoplayInterval);\r\n                return;\r\n            }\r\n\r\n            $slider.slick(\"slickNext\");\r\n        }\r\n\r\n        \/\/ \u2191 \u4e0a\u65b9\u5411\uff08\u30da\u30fc\u30b8\u21923\u21922\u21921\uff09\r\n        if (deltaY < 0) {\r\n            \/\/ \u73fe\u5728 no-scroll \u304c\u89e3\u9664\u3055\u308c\u3066\u3044\u308b\uff08\u30da\u30fc\u30b8\u30b9\u30af\u30ed\u30fc\u30eb\u4e2d\uff09\u306e\u5834\u5408\u306f\u30b9\u30eb\u30fc\r\n            if (!$(this).hasClass(\"no-scroll\")) return;\r\n\r\n            e.preventDefault();\r\n\r\n            if (current === 0) {\r\n                \/\/ \u6700\u521d\u306e\u30b9\u30e9\u30a4\u30c9 (1) \u3067\u3055\u3089\u306b\u4e0a\u3078 \u2192 \u30da\u30fc\u30b8\u30b9\u30af\u30ed\u30fc\u30eb\u3078\u79fb\u884c\r\n                sliderLocked = true;\r\n                $(this).removeClass(\"no-scroll\");\r\n                clearInterval(autoplayInterval);\r\n                return;\r\n            }\r\n\r\n            $slider.slick(\"slickPrev\");\r\n        }\r\n    });\r\n\r\n\/\/ Slick\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u4e2d\u306f\u64cd\u4f5c\u3092\u30ed\u30c3\u30af\r\nlet isAnimating = false;\r\n\r\n$slider.on('beforeChange', function() {\r\n  isAnimating = true;\r\n});\r\n$slider.on('afterChange', function() {\r\n  setTimeout(() => { isAnimating = false; }, 400);\r\n});\r\n\r\n$slider.on(\"wheel\", function(e) {\r\n  if (isAnimating) return;\r\n});\r\n\r\n\r\n\r\n    \/\/ \u30db\u30d0\u30fc\u5236\u5fa1\r\n    $slider.on('mouseenter', function(){\r\n        isHovered = true;\r\n        clearInterval(autoplayInterval);\r\n        $pauseIndicator.fadeIn(200);\r\n    });\r\n    $slider.on('mouseleave', function(){\r\n        isHovered = false;\r\n        if (!sliderLocked) {\r\n            startAutoplay();\r\n            $pauseIndicator.fadeOut(200);\r\n        }\r\n    });\r\n\r\n    \/\/ \u30b9\u30e9\u30a4\u30c9\u5207\u308a\u66ff\u3048\u6642\u306epause\u8868\u793a\u5236\u5fa1\r\n    $slider.on('beforeChange', function(){\r\n        $pauseIndicator.stop(true, true).fadeOut(100);\r\n    });\r\n    $slider.on('afterChange', function(){\r\n        if (isHovered) {\r\n            $pauseIndicator.stop(true, true).fadeIn(200);\r\n        }\r\n    });\r\n\r\n    startAutoplay(); \/\/ \u521d\u671f\u30ed\u30fc\u30c9\u6642\u306b\u958b\u59cb\r\n  \r\n  \/\/ \u30a6\u30a3\u30f3\u30c9\u30a6\u30ea\u30b5\u30a4\u30ba\u6642\u306e\u30ea\u30ed\u30fc\u30c9\u51e6\u7406\r\n  let initialWidth = $(window).width();\r\n  const breakpoint = 999;\r\n  let resizeTimer;  \/\/ \u30ea\u30b5\u30a4\u30ba\u5f8c\u306e\u51e6\u7406\u3092\u77ed\u6642\u9593\u9045\u5ef6\r\n  \r\n  $(window).on('resize', function() {\r\n    clearTimeout(resizeTimer); \/\/ \u983b\u7e41\u306a\u30ea\u30b5\u30a4\u30ba\u9632\u6b62\u3001\u30bf\u30a4\u30de\u30fc\u3067\u51e6\u7406\u3092\u9045\u5ef6\r\n    \r\n    resizeTimer = setTimeout(function() {\r\n      const currentWidth = $(window).width();\r\n      \r\n      \/\/ 999px\u3092\u8de8\u3044\u3060\u304b\u3069\u3046\u304b\u3092\u5224\u5b9a\r\n      const crossedBreakpoint = \r\n        (initialWidth > breakpoint && currentWidth <= breakpoint) || \/\/ \u5927 \u2192 \u5c0f\r\n        (initialWidth <= breakpoint && currentWidth > breakpoint);   \/\/ \u5c0f \u2192 \u5927\r\n      \r\n      \/\/ \u30ea\u30ed\u30fc\u30c9\u304c\u5fc5\u8981\u306a\u6761\u4ef6: 999px\u3092\u8de8\u3044\u3060\u5834\u5408\r\n      if (crossedBreakpoint) {\r\n        \/\/ \u73fe\u5728\u306e\u5e45\u3092\u6b21\u306e\u5224\u5b9a\u306e\u305f\u3081\u306b\u66f4\u65b0\r\n        initialWidth = currentWidth; \r\n        \r\n        \/\/ \u30da\u30fc\u30b8\u5168\u4f53\u3092\u30ea\u30ed\u30fc\u30c9\r\n        location.reload(); \r\n      }\r\n    }, 250); \/\/ 250\u30df\u30ea\u79d2\u306e\u9045\u5ef6\r\n  });\r\n\r\n});\r\n\r\n\r\njQuery(document).ready(function($) {\r\n  const scene = new THREE.Scene();\r\n  const container = document.querySelector('.canvas-container');\r\n  const canvas = document.getElementById('three-canvas');\r\n\r\n  const aspectRatio = container.clientWidth \/ container.clientHeight;\r\n  const camera = new THREE.PerspectiveCamera(52, aspectRatio, 0.1, 1000);\r\n  const renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true, alpha: true });\r\n  renderer.setSize(container.clientWidth, container.clientHeight);\r\n\r\n  camera.position.z = 7;\r\n\r\n  \/\/ \u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\r\n  const ambientLight = new THREE.AmbientLight(0xffffff, 0.8);\r\n  scene.add(ambientLight);\r\n  const pointLight = new THREE.PointLight(0xffffff, 1);\r\n  pointLight.position.set(0, 0, 10);\r\n  scene.add(pointLight);\r\n\r\n  \/\/ \u5358\u4f4d\u5909\u63db\r\n  const pxToUnit = (px) => px \/ 200;\r\n\r\n  \/\/ \u5186\u67f1\u30b5\u30a4\u30ba\r\n  const cylinderRadius = pxToUnit(600);\r\n  const cylinderHeight = pxToUnit(240);\r\n  const radialSegments = 64;\r\n\r\n\/\/ \u5186\u67f1\u30b8\u30aa\u30e1\u30c8\u30ea\uff08\u4e21\u7aef\u306a\u3057\uff09\r\nconst cylinderGeometry = new THREE.CylinderGeometry(\r\n  cylinderRadius,\r\n  cylinderRadius,\r\n  cylinderHeight,\r\n  radialSegments,\r\n  1,\r\n  true \/\/ \u2190 \u30d5\u30bf\u306a\u3057\r\n);\r\n\r\n  \/\/ \u30c6\u30af\u30b9\u30c1\u30e3\u8aad\u307f\u8fbc\u307f\r\nconst textureLoader = new THREE.TextureLoader();\r\nconst texture = textureLoader.load(\"https:\/\/andgate.co.jp\/drive\/wp-content\/uploads\/sites\/5\/2025\/09\/cylinder_gd.jpg\");\r\n\r\ntexture.wrapS = THREE.RepeatWrapping;\r\ntexture.wrapT = THREE.RepeatWrapping;\r\n\r\n\/\/ \u6a21\u69d8\u3092\u5927\u304d\u304f\u3057\u305f\u3044\u306a\u3089 repeat \u3092\u4e0b\u3052\u308b\r\n\ttexture.repeat.set(1.8, 1);\r\n\ttexture.offset.y = 0;\r\n\r\n  const cylinderMaterial = new THREE.MeshStandardMaterial({\r\n    map: texture,\r\n    transparent: true\r\n  });\r\n\r\n  const cylinder = new THREE.Mesh(cylinderGeometry, cylinderMaterial);\r\n\r\n  \/\/ \u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3066\u56de\u8ee2\u5236\u5fa1\r\n  const group = new THREE.Group();\r\n  group.add(cylinder);\r\n  scene.add(group);\r\n\r\n  \/\/ \u6a2a\u5012\u3057\r\n  group.rotation.x = Math.PI \/ 1;\r\n  group.rotation.z = -Math.PI \/ 2;\r\n  \/\/ \u5de6\u5bc4\u308a\u306b\u914d\u7f6e\uff0825%\u5de6\u3078\uff09\r\n  group.position.x = container.clientWidth * 1.2 \/ 600;\r\n\r\n  let rx = group.rotation.x;\r\n\r\n  \/\/ \u30b9\u30e9\u30a4\u30c9\u5207\u66ff\u6642\u306b\u56de\u8ee2\r\n  $('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide) {\r\n    if (nextSlide > currentSlide || (currentSlide === slick.slideCount - 1 && nextSlide === 0)) {\r\n      rx += Math.PI * 2 \/ 3; \/\/ \u9806\u65b9\u5411120\u00b0\r\n    } else if (nextSlide < currentSlide || (currentSlide === 0 && nextSlide === slick.slideCount - 1)) {\r\n      rx -= Math.PI * 2 \/ 3; \/\/ \u9006\u65b9\u5411120\u00b0\r\n    }\r\n  });\r\n\r\n  \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30eb\u30fc\u30d7\r\n  function animate() {\r\n    requestAnimationFrame(animate);\r\n    group.rotation.x += (rx - group.rotation.x) * 0.05;\r\n    renderer.render(scene, camera);\r\n  }\r\n  animate();\r\n\r\n  \/\/ \u30ea\u30b5\u30a4\u30ba\u5bfe\u5fdc\r\n  window.addEventListener('resize', () => {\r\n    const width = container.clientWidth;\r\n    const height = container.clientHeight;\r\n    renderer.setSize(width, height);\r\n    camera.aspect = width \/ height;\r\n    camera.updateProjectionMatrix();\r\n  });\r\n});\r\n<\/script><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u52d5\u304b\u3057\u3001\u6b62\u307e\u3063\u305f\u958b\u767a\u73fe\u5834\u3092\u201c\u518d\u8d77\u52d5\u201d\u3059\u308b\u3002 \u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u300d\u00d7\u300c\u958b\u767a\u30a8\u30f3\u30b8\u30cb\u30a2\u300d\u00d7\u300cAI\u63a8\u9032\u529b\u300d\u3067\u3001\u6b62\u307e\u3063\u305f\u73fe\u5834\u3092\u524d\u3078\u3002 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8&hellip;<\/p>\n","protected":false},"author":1,"featured_media":757,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":163,"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":872,"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/pages\/8\/revisions\/872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/media\/757"}],"wp:attachment":[{"href":"https:\/\/andgate.co.jp\/drive\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}