PageSourceSearch

https://myfarm.co.jp/

html myfarm.co.jp collected 2026-10-02 16:30:55 UTC 108,310 bytes, 1,579 lines download raw bytes

1<!doctype html>
2<html lang="ja"
3	prefix="og: https://ogp.me/ns#" >
4
5<head>
6	<!-- Google Tag Manager -->
7<script>
vendor: 327 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11})(window,document,'script','dataLayer','
11GTM-TFGCFV9
vendor: 3 bytes, line 11
11');
11</script>
11
12<!-- End Google Tag Manager -->
13  <meta charset="UTF-8">
14  <title>株式会社マイファーム</title>
15  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
16<meta http-equiv="X-UA-Compatible" content="IE=edge">
17<meta name="format-detection" content="telephone=no">
18<meta name="apple-mobile-web-app-capable" content="yes">
19<meta name="apple-mobile-web-app-status-bar-style" content="default">
20<meta name="facebook-domain-verification" content="uu7u6uktpnk8fgwbvidw7suhcxa4x5" />
21
22<meta name="keywords" content="マイファーム,西辻一真,自産自消,体験農園,貸農園,農業学校,農産物流通,農業参入,農業ビジネス">
23<meta name="description" content="株式会社マイファームは「自産自消のできる社会」を目指して、「農業って楽しい!」を生み出し広げる事業に取り組んでいます。">
24<!-- 
24<script src="https://kit.fontawesome.com/abb585aac0.js" crossorigin="anonymous"></script>
24 -->
25<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
26<link rel="shortcut icon" href="https://myfarm.co.jp/common/img/favicon.png" type="image/png">
27<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
28<link href="https://myfarm.co.jp/common/css/common.css?v=201910" rel="stylesheet" type="text/css">
29<link href="https://myfarm.co.jp/common/css/pc.css?v=202408" rel="stylesheet" type="text/css">
30<link rel="stylesheet" href="https://myfarm.co.jp/common/css/tablet.css" media="screen and (min-width:641px) and (max-width:1024px)">
31<link rel="stylesheet" href="https://myfarm.co.jp/common/css/smp.css" media="screen and (max-width:640px)">
32<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
33<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css">
34
35<link rel="stylesheet" href="/assets/css/style.css?v=202408">
36<link rel="stylesheet" href="/assets/css/custom.css?v=202408">
37<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
37
38<!--[if lt IE 9]>
39<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
vendor: 1 bytes, line 39
39
40<script>window.jQuery || document.write('
40<script src="/js/jquery-1.11.0.min.js"><\/script>')</script>
40
41<![endif]-->
42<!--[if gte IE 9]><!-->
43<!--
44<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
vendor: 1 bytes, line 44
44
45<script>window.jQuery || document.write('
45<script src="/common/js/jquery-2.1.1.min.js"><\/script>')</script>
45
46-->
47<!--<![endif]-->
48
49  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, line 49
49 <script async src="https://www.googletagmanager.com/gtag/js?id=
49UA-7965837-4
vendor: 12 bytes, line 49
49"></script>
50<script>
51  
vendor: 134 bytes, lines 51-55
51window.dataLayer = window.dataLayer || [];
52  function gtag(){dataLayer.push(arguments);}
53  gtag('js', new Date());
54
55  gtag('config', '
55UA-7965837-4
vendor: 4 bytes, line 55
55');
56</script>
56  <style>
57    #loader-bg {
58      position: fixed;
59      top: 0;
60      left: 0;
61      width: 100%;
62      height: 100vh;
63      background-color: #fff;
64      z-index: 10000;
65    }
66
67    #loading {
68      position: fixed;
69      top: 50%;
70      left: 50%;
71      transform: translate(-50%, -50%);
72
73    }
74
75    #loading img {
76      animation-name: loadingAmin;
77      animation-duration: 4s;
78      animation-iteration-count: infinite;
79    }
80
81    @keyframes loadingAmin {
82      0% {
83        opacity: 0;
84      }
85
86      50% {
87        opacity: 1;
88      }
89
90      100% {
91        opacity: 0;
92      }
93    }
94  </style>
95  
96<!-- All in One SEO Pack 3.2.9 によって Michael Torbert の Semper Fi Web Design[522,535] -->
97<script type="application/ld+json" class="aioseop-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://myfarm.co.jp/#organization","url":"https://myfarm.co.jp/","name":"\u30de\u30a4\u30d5\u30a1\u30fc\u30e0","sameAs":[]},{"@type":"WebSite","@id":"https://myfarm.co.jp/#website","url":"https://myfarm.co.jp/","name":"\u30de\u30a4\u30d5\u30a1\u30fc\u30e0","publisher":{"@id":"https://myfarm.co.jp/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://myfarm.co.jp/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://myfarm.co.jp/#webpage","url":"https://myfarm.co.jp/","inLanguage":"ja","name":"\u30de\u30a4\u30d5\u30a1\u30fc\u30e0","isPartOf":{"@id":"https://myfarm.co.jp/#website"},"about":{"@id":"https://myfarm.co.jp/#organization"}}]}</script>
97
98<link rel="canonical" href="https://myfarm.co.jp/" />
99<meta property="og:type" content="website" />
100<meta property="og:title" content="マイファーム" />
101<meta property="og:description" content="株式会社マイファームは「自産自消のできる社会」を目指して、「農業って楽しい!」を生み出し広げる事業に取り組んでいます。" />
102<meta property="og:url" content="https://myfarm.co.jp/" />
103<meta property="og:site_name" content="株式会社マイファーム" />
104<meta property="og:image" content="https://myfarm.co.jp/assets/img/ogp.jpg" />
105<meta property="og:image:width" content="1200" />
106<meta property="og:image:height" content="630" />
107<meta property="og:image:secure_url" content="https://myfarm.co.jp/assets/img/ogp.jpg" />
108<meta name="twitter:card" content="summary" />
109<meta name="twitter:title" content="マイファーム" />
110<meta name="twitter:description" content="株式会社マイファームは「自産自消のできる社会」を目指して、「農業って楽しい!」を生み出し広げる事業に取り組んでいます。" />
111<meta name="twitter:image" content="https://myfarm.co.jp/assets/img/ogp.jpg" />
112<!-- All in One SEO Pack -->
113<link rel='dns-prefetch' href='//www.googletagmanager.com' />
114<link rel='dns-prefetch' href='//s.w.org' />
115<link rel="alternate" type="application/rss+xml" title="マイファーム &raquo; フィード" href="https://myfarm.co.jp/feed/" />
116<link rel="alternate" type="application/rss+xml" title="マイファーム &raquo; コメントフィード" href="https://myfarm.co.jp/comments/feed/" />
117		
117<script type="text/javascript">
118			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/myfarm.co.jp\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.21"}};
119			!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
120		</script>
120
121		<style type="text/css">
122img.wp-smiley,
123img.emoji {
124	display: inline !important;
125	border: none !important;
126	box-shadow: none !important;
127	height: 1em !important;
128	width: 1em !important;
129	margin: 0 .07em !important;
130	vertical-align: -0.1em !important;
131	background: none !important;
132	padding: 0 !important;
133}
134</style>
135	<link rel='stylesheet' id='wp-block-library-css'  href='https://myfarm.co.jp/wp-includes/css/dist/block-library/style.min.css?ver=5.2.21' type='text/css' media='all' />
136<link rel='stylesheet' id='toc-screen-css'  href='https://myfarm.co.jp/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=1509' type='text/css' media='all' />
137<link rel='stylesheet' id='simplue-style-css'  href='https://myfarm.co.jp/wp-content/themes/myfarm2021/style.css?ver=5.2.21' type='text/css' media='all' />
138
139<!-- Google Analytics snippet added by Site Kit -->
vendor: 81 bytes, lines 139-140
139
140<script type='text/javascript' src='https://www.googletagmanager.com/gtag/js?id=
140G-48LM2QE5G3
vendor: 18 bytes, line 140
140' async></script>
141<script type='text/javascript'>
142window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
143gtag("js", new Date());
144gtag("set", "developer_id.dZTNiMT", true);
145gtag("config", "G-48LM2QE5G3");
146</script>
146
147
148<!-- End Google Analytics snippet added by Site Kit -->
149<link rel='https://api.w.org/' href='https://myfarm.co.jp/wp-json/' />
150<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://myfarm.co.jp/xmlrpc.php?rsd" />
151<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://myfarm.co.jp/wp-includes/wlwmanifest.xml" /> 
152<meta name="generator" content="WordPress 5.2.21" />
153<meta name="generator" content="Site Kit by Google 1.45.0" />		<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
154		
155<!-- BEGIN: WP Social Bookmarking Light HEAD -->
155<script>
156    (function (d, s, id) {
157        var js, fjs = d.getElementsByTagName(s)[0];
158        if (d.getElementById(id)) return;
159        js = d.createElement(s);
160        js.id = id;
161        js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
162        fjs.parentNode.insertBefore(js, fjs);
163    }(document, 'script', 'facebook-jssdk'));
164</script>
164
165<style type="text/css">.wp_social_bookmarking_light{
166    border: 0 !important;
167    padding: 10px 0 20px 0 !important;
168    margin: 0 !important;
169}
170.wp_social_bookmarking_light div{
171    float: left !important;
172    border: 0 !important;
173    padding: 0 !important;
174    margin: 0 5px 0px 0 !important;
175    min-height: 30px !important;
176    line-height: 18px !important;
177    text-indent: 0 !important;
178}
179.wp_social_bookmarking_light img{
180    border: 0 !important;
181    padding: 0;
182    margin: 0;
183    vertical-align: top !important;
184}
185.wp_social_bookmarking_light_clear{
186    clear: both !important;
187}
188#fb-root{
189    display: none;
190}
191.wsbl_facebook_like iframe{
192    max-width: none !important;
193}
194.wsbl_pinterest a{
195    border: 0px !important;
196}
197</style>
198<!-- END: WP Social Bookmarking Light HEAD -->
199		<style type="text/css" id="wp-custom-css">
200			/* ================================================================
201   マイファーム ソーシャルインパクトレポート 2026(パイロット版)
202   固定ページ /impact.html 専用スタイル
203   全セレクタを .mf-impact 配下にスコープ化済み。他ページに影響しません。
204   生成日:2026年9月24日 / 元HTML:パイロット版 260924_v7
205   ================================================================ */
206
207.mf-impact{--ink:#1a1c1a;          
208    --ink-soft:#3d423d;
209    --grey:#8b908b;
210    --grey-line:#d7dad6;
211    --paper:#ffffff;
212    --paper-2:#f6f7f5;
213    --green:#1f6b4a;        
214    --green-soft:#e6f0ea;
215    --green-mid:#4a9b74;
216    --green-pale:#f1f7f3;}
217.mf-impact *{margin:0;padding:0;box-sizing:border-box}
218.mf-impact{scroll-behavior:smooth}
219.mf-impact{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",-apple-system,sans-serif;
220    color:var(--ink);background:var(--paper);line-height:1.75;
221    font-feature-settings:"palt";-webkit-font-smoothing:antialiased;}
222.mf-impact .serif{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;}
223.mf-impact .wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
224.mf-impact .num{font-family:"Georgia","Times New Roman",serif;font-variant-numeric:tabular-nums;letter-spacing:-0.02em;}
225.mf-impact .eyebrow{font-size:10.5px;letter-spacing:0.36em;text-transform:uppercase;
226    color:var(--green);font-weight:700;display:inline-block;}
227.mf-impact .axis-tag{font-size:11px;letter-spacing:0.18em;font-weight:700;color:var(--grey);
228    border:1px solid var(--grey-line);padding:3px 10px;border-radius:2px;display:inline-block;}
229.mf-impact .hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;
230    padding:80px 0 60px;position:relative;overflow:hidden;
231    border-bottom:1px solid var(--grey-line);}
232.mf-impact .hero-grid-bg{position:absolute;inset:0;z-index:0;opacity:0.4;
233    background-image:linear-gradient(var(--paper-2) 1px,transparent 1px),
234      linear-gradient(90deg,var(--paper-2) 1px,transparent 1px);
235    background-size:44px 44px;
236    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 40%,#000 0%,transparent 75%);
237            mask-image:radial-gradient(ellipse 70% 60% at 70% 40%,#000 0%,transparent 75%);}
238.mf-impact .hero .wrap{position:relative;z-index:1;}
239.mf-impact .hero-title{font-size:clamp(32px,5.4vw,64px);font-weight:900;line-height:1.26;letter-spacing:-.01em;
240    letter-spacing:0.01em;margin:22px 0 26px;max-width:16em;}
241.mf-impact .hero-title .hl{color:var(--green);position:relative;white-space:nowrap;}
242.mf-impact .hero-title .hl::after{content:"";position:absolute;left:0;right:0;bottom:0.08em;height:0.34em;
243    background:var(--green-soft);z-index:-1;}
244.mf-impact .hero-lede{font-size:17.5px;color:var(--ink-soft);max-width:34em;margin-bottom:52px;}
245.mf-impact .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink);}
246.mf-impact .hstat{padding:26px 22px 22px;border-right:1px solid var(--grey-line);}
247.mf-impact .hstat:last-child{border-right:none;}
248.mf-impact .hstat .k{font-size:10.5px;letter-spacing:0.18em;color:var(--grey);font-weight:800;margin-bottom:14px;}
249.mf-impact .hstat .v{font-size:clamp(38px,5.6vw,62px);font-weight:800;line-height:.95;color:var(--ink);letter-spacing:-.02em;}
250.mf-impact .hstat .v .unit{font-size:0.34em;font-weight:800;color:var(--ink);margin-left:2px;letter-spacing:0;}
251.mf-impact .hstat .v .man{font-size:0.62em;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
252.mf-impact .hstat .sub{font-size:12px;color:var(--grey);margin-top:8px;}
253.mf-impact .mfi-section{padding:96px 0;border-bottom:1px solid var(--grey-line);}
254.mf-impact .sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px;}
255.mf-impact .sec-no{font-size:13px;font-weight:800;color:var(--green);letter-spacing:0.06em;}
256.mf-impact .sec-title{font-size:clamp(27px,4vw,46px);font-weight:900;letter-spacing:-.005em;line-height:1.32;margin:16px 0 20px;}
257.mf-impact .sec-lede{font-size:16px;color:var(--ink-soft);max-width:40em;margin-bottom:48px;line-height:1.95;}
258.mf-impact .axes{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
259.mf-impact .axis-card{border:1px solid var(--grey-line);border-radius:4px;padding:34px 32px;position:relative;background:var(--paper);transition:transform .3s,box-shadow .3s;}
260.mf-impact .axis-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px -18px rgba(31,107,74,.4);}
261.mf-impact .axis-card .bartop{position:absolute;top:0;left:0;right:0;height:3px;background:var(--green);border-radius:4px 4px 0 0;}
262.mf-impact .axis-card h4{font-size:20px;font-weight:900;margin:16px 0 6px;}
263.mf-impact .axis-card .en{font-size:11px;letter-spacing:0.2em;color:var(--grey);font-weight:700;text-transform:uppercase;}
264.mf-impact .axis-card p{font-size:15.5px;color:var(--ink-soft);margin-top:14px;}
265.mf-impact .axis-card .big{font-size:clamp(42px,5.4vw,60px);font-weight:800;color:var(--green);line-height:.95;margin:24px 0 4px;letter-spacing:-.02em;}
266.mf-impact .axis-card .big .unit{font-size:0.4em;color:var(--ink);margin-left:3px;}
267.mf-impact .pyramid-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;}
268.mf-impact .pyr{width:100%;}
269.mf-impact .pyr .layer{display:flex;align-items:center;gap:16px;margin:0 auto;position:relative;cursor:default;transition:transform .25s;}
270.mf-impact .pyr .layer:hover{transform:scale(1.015);}
271.mf-impact .pyr .bar{color:#fff;padding:18px 20px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;width:100%;box-shadow:0 2px 0 rgba(0,0,0,.04);}
272.mf-impact .pyr .bar .nm{font-weight:800;font-size:15px;}
273.mf-impact .pyr .bar .qt{font-size:12px;opacity:.9;}
274.mf-impact .pyr-row{display:flex;justify-content:center;margin-bottom:10px;}
275.mf-impact .pyr .l-contact{width:100%;background:var(--grey);}
276.mf-impact .pyr .l-engage{width:78%;background:var(--green-mid);}
277.mf-impact .pyr .l-immerse{width:52%;background:var(--green);}
278.mf-impact .pyr-note{font-size:12px;color:var(--grey);text-align:center;margin-top:14px;}
279.mf-impact .pyr-logic{}
280.mf-impact .pyr-logic .li{display:flex;gap:14px;padding:16px 0;border-bottom:1px dashed var(--grey-line);}
281.mf-impact .pyr-logic .li:last-child{border-bottom:none;}
282.mf-impact .pyr-logic .li .ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green-pale);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
283.mf-impact .pyr-logic .li .tx b{display:block;font-size:15.5px;margin-bottom:2px;}
284.mf-impact .pyr-logic .li .tx span{font-size:14.5px;color:var(--ink-soft);}
285.mf-impact .arrowdeep{text-align:center;font-size:13px;color:var(--green);font-weight:700;letter-spacing:.1em;margin-top:24px;}
286.mf-impact .chart-card{border:1px solid var(--grey-line);border-radius:4px;padding:34px 30px 24px;background:var(--paper);}
287.mf-impact .chart-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:24px;}
288.mf-impact .chart-head .cl{font-size:13px;color:var(--grey);}
289.mf-impact .chart-head .cv{font-size:15px;font-weight:800;}
290.mf-impact .chart-head .cv .g{color:var(--green);}
291.mf-impact .legend{display:flex;gap:22px;font-size:12px;color:var(--ink-soft);margin-top:18px;flex-wrap:wrap;}
292.mf-impact .legend i{width:22px;height:3px;display:inline-block;margin-right:6px;vertical-align:middle;}
293.mf-impact .stages{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--grey-line);border-radius:4px;overflow:hidden;}
294.mf-impact .stage{padding:26px 20px;border-right:1px solid var(--grey-line);position:relative;}
295.mf-impact .stage:last-child{border-right:none;}
296.mf-impact .stage .sbar{height:6px;border-radius:3px;margin-bottom:16px;width:100%;}
297.mf-impact .stage .sn{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--grey);}
298.mf-impact .stage h5{font-size:16px;font-weight:900;margin:6px 0 8px;}
299.mf-impact .stage p{font-size:14px;color:var(--ink-soft);min-height:4.5em;}
300.mf-impact .stage .metric{margin-top:14px;padding-top:12px;border-top:1px solid var(--grey-line);}
301.mf-impact .stage .metric .mv{font-size:30px;font-weight:800;letter-spacing:-.01em;}
302.mf-impact .stage .metric .ml{font-size:11px;color:var(--grey);}
303.mf-impact .stage.pending .mv{color:var(--grey);}
304.mf-impact .stage-note{font-size:12px;color:var(--grey);margin-top:16px;}
305.mf-impact .map-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
306.mf-impact .barlist .row{display:flex;align-items:center;gap:14px;margin-bottom:11px;}
307.mf-impact .barlist .rl{width:88px;font-size:14px;font-weight:700;text-align:right;flex:none;}
308.mf-impact .barlist .rt{flex:1;height:22px;background:var(--paper-2);border-radius:3px;overflow:hidden;position:relative;}
309.mf-impact .barlist .rf{height:100%;background:var(--green);border-radius:3px;display:flex;align-items:center;}
310.mf-impact .barlist .rf.soft{background:var(--green-mid);}
311.mf-impact .barlist .rf.g3{background:var(--grey);}
312.mf-impact .barlist .rv{font-size:12px;font-weight:800;color:#fff;padding-left:8px;white-space:nowrap;}
313.mf-impact .barlist .rv.out{color:var(--ink);position:absolute;left:calc(100% + 8px);}
314.mf-impact .resil{border-left:3px solid var(--green);padding:6px 0 6px 20px;margin-top:8px;}
315.mf-impact .resil h5{font-size:16px;font-weight:900;margin-bottom:10px;}
316.mf-impact .resil p{font-size:15px;color:var(--ink-soft);}
317.mf-impact .kpi-inline{display:flex;gap:34px;margin:26px 0 34px;flex-wrap:wrap;}
318.mf-impact .kpi-inline .ki .v{font-size:clamp(40px,5.2vw,58px);font-weight:800;line-height:.95;letter-spacing:-.02em;}
319.mf-impact .kpi-inline .ki .v .u{font-size:.4em;color:var(--green);margin-left:2px;}
320.mf-impact .kpi-inline .ki .l{font-size:12px;color:var(--grey);margin-top:6px;}
321.mf-impact .bridge{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:20px;}
322.mf-impact .bridge .side{border:1px solid var(--grey-line);border-radius:4px;padding:30px 28px;}
323.mf-impact .bridge .side.a1{border-top:3px solid var(--green-mid);}
324.mf-impact .bridge .side.a2{border-top:3px solid var(--green);}
325.mf-impact .bridge .side .t{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--grey);}
326.mf-impact .bridge .side h5{font-size:19px;font-weight:900;margin:8px 0 10px;}
327.mf-impact .bridge .side p{font-size:15px;color:var(--ink-soft);}
328.mf-impact .bridge .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 26px;}
329.mf-impact .bridge .mid .ar{font-size:26px;color:var(--green);font-weight:800;}
330.mf-impact .bridge .mid .ml{font-size:11px;color:var(--grey);writing-mode:vertical-rl;letter-spacing:.2em;margin-top:8px;}
331.mf-impact .footnote{font-size:11.5px;color:var(--grey);line-height:1.7;margin-top:20px;padding-top:16px;border-top:1px solid var(--grey-line);}
332.mf-impact .mfi-footer{padding:60px 0 80px;}
333.mf-impact .mfi-footer .fbig{font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.4;max-width:20em;}
334.mf-impact .mfi-footer .fbig .g{color:var(--green);}
335.mf-impact .mfi-footer .meta{font-size:12px;color:var(--grey);margin-top:34px;display:flex;gap:26px;flex-wrap:wrap;}
336.mf-impact .why-lead{font-size:clamp(20px,2.8vw,30px);font-weight:800;line-height:1.7;max-width:22em;margin-bottom:14px;}
337.mf-impact .why-lead .g{color:var(--green);}
338.mf-impact .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
339.mf-impact .why-card{padding:30px 26px;border-radius:4px;background:var(--paper-2);border:1px solid var(--grey-line);position:relative;transition:transform .3s,box-shadow .3s;}
340.mf-impact .why-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -20px rgba(31,107,74,.45);background:var(--paper);}
341.mf-impact .why-card .ic{width:44px;height:44px;margin-bottom:16px;color:var(--green);}
342.mf-impact .why-card h5{font-size:17px;font-weight:900;margin-bottom:8px;}
343.mf-impact .why-card p{font-size:15px;color:var(--ink-soft);}
344.mf-impact .why-bridge{margin-top:44px;
344padding:28px 30px;border-radius:4px;background:var(--green);color:#fff;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
345.mf-impact .why-bridge .wt{font-size:15px;font-weight:800;line-height:1.6;flex:1;min-width:260px;}
346.mf-impact .why-bridge .wa{font-size:28px;font-weight:800;opacity:.5;}
347.mf-impact .market-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
348.mf-impact .funnel-legend .fl{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px dashed var(--grey-line);}
349.mf-impact .funnel-legend .fl:last-child{border-bottom:none;}
350.mf-impact .funnel-legend .sw{flex:none;width:16px;height:16px;border-radius:3px;margin-top:3px;}
351.mf-impact .funnel-legend .ft b{display:block;font-size:15px;font-weight:900;}
352.mf-impact .funnel-legend .ft .fv{font-family:"Georgia",serif;font-size:15px;color:var(--green);font-weight:700;}
353.mf-impact .funnel-legend .ft span{font-size:14.5px;color:var(--ink-soft);display:block;margin-top:3px;}
354.mf-impact .market-note{margin-top:22px;padding:20px 22px;background:var(--paper-2);border-radius:4px;border-left:3px solid var(--green);}
355.mf-impact .market-note b{color:var(--green);}
356.mf-impact .market-note p{font-size:15px;color:var(--ink-soft);}
357.mf-impact .vs-row{display:flex;gap:0;margin-top:30px;border:1px solid var(--grey-line);border-radius:4px;overflow:hidden;}
358.mf-impact .vs-row .vs{flex:1;padding:22px 20px;text-align:center;}
359.mf-impact .vs-row .vs.dig{background:var(--paper-2);}
360.mf-impact .vs-row .vs.farm{background:var(--green-pale);border-left:1px solid var(--grey-line);}
361.mf-impact .vs-row .vs .vv{font-family:"Georgia",serif;font-size:30px;font-weight:700;line-height:1;}
362.mf-impact .vs-row .vs.dig .vv{color:var(--grey);}
363.mf-impact .vs-row .vs.farm .vv{color:var(--green);}
364.mf-impact .vs-row .vs .vl{font-size:12px;color:var(--ink-soft);margin-top:8px;}
365.mf-impact .vs-mid{display:flex;align-items:center;padding:0 4px;font-size:12px;color:var(--grey);font-weight:800;}
366.mf-impact .scale-block{margin-top:34px;}
367.mf-impact .scale-lead{font-size:16px;font-weight:800;margin-bottom:20px;}
368.mf-impact .scale-lead b{color:var(--green);font-size:20px;}
369.mf-impact .scale-lead span{display:block;font-size:13px;font-weight:400;color:var(--ink-soft);margin-top:6px;}
370.mf-impact .scale-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;}
371.mf-impact .scale-card{border:1px solid var(--grey-line);border-radius:4px;padding:26px 24px;background:var(--paper);transition:transform .3s,box-shadow .3s;}
372.mf-impact .scale-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -20px rgba(31,107,74,.4);}
373.mf-impact .scale-card.feature{background:var(--green);border-color:var(--green);}
374.mf-impact .scale-card .sv{font-size:clamp(38px,5vw,54px);font-weight:800;line-height:.95;color:var(--green);letter-spacing:-.02em;}
375.mf-impact .scale-card .sv .su{font-size:.42em;font-weight:700;margin-left:3px;}
376.mf-impact .scale-card.feature .sv{color:#fff;}
377.mf-impact .scale-card .sl{font-size:14.5px;color:var(--ink-soft);margin-top:14px;line-height:1.7;}
378.mf-impact .scale-card.feature .sl{color:#eaf3ee;}
379.mf-impact .scale-card.feature .sl b{color:#fff;}
380.mf-impact .journey-chart{border:1px solid var(--grey-line);border-radius:4px;padding:34px 30px 26px;background:var(--paper);margin-bottom:26px;}
381.mf-impact .jc-head{font-size:13px;color:var(--grey);margin-bottom:6px;}
382.mf-impact .jc-sub{font-size:14px;font-weight:800;margin-bottom:22px;}
383.mf-impact .jc-sub .g{color:var(--green);}
384.mf-impact .jlegend{display:flex;gap:22px;font-size:12px;color:var(--ink-soft);margin-top:16px;flex-wrap:wrap;}
385.mf-impact .jlegend i{width:14px;height:14px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:-2px;}
386.mf-impact .map-wrap{border:1px solid var(--grey-line);border-radius:4px;padding:20px;background:var(--paper-2);position:relative;}
387.mf-impact .map-wrap svg{width:100%;height:auto;display:block;}
388.mf-impact .map-legend{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--ink-soft);margin-top:10px;flex-wrap:wrap;justify-content:center;}
389.mf-impact .map-legend .dot{display:inline-flex;align-items:center;gap:7px;}
390.mf-impact .map-legend .dot .c{border-radius:50%;background:rgba(31,107,74,.5);border:1.5px solid var(--green);display:inline-block;}
391.mf-impact .hypo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
392.mf-impact .hypo{background:var(--paper);border:1px solid var(--grey-line);border-radius:4px;padding:28px 26px;}
393.mf-impact .hp-n{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:10px;}
394.mf-impact .hypo h5{font-size:16px;font-weight:900;margin-bottom:10px;line-height:1.5;}
395.mf-impact .hypo p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;}
396.mf-impact .hypo p b{color:var(--ink);}
397.mf-impact .research-rm{margin-top:32px;padding:30px 32px;background:var(--paper);border:1px solid var(--grey-line);border-radius:4px;}
398.mf-impact .rr-t{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--grey);margin-bottom:20px;}
399.mf-impact .rr-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
400.mf-impact .rr-step{flex:1;min-width:150px;padding:18px 20px;background:var(--paper-2);border-radius:4px;}
401.mf-impact .rr-step.hl{background:var(--green);}
402.mf-impact .rr-step b{display:block;font-size:14.5px;font-weight:800;color:var(--green);margin-bottom:6px;letter-spacing:-.01em;}
403.mf-impact .rr-step.hl b{color:#fff;}
404.mf-impact .rr-step span{font-size:12px;color:var(--ink-soft);line-height:1.7;}
405.mf-impact .rr-step.hl span{color:#eaf3ee;}
406.mf-impact .rr-ar{color:var(--green-mid);font-weight:800;font-size:18px;}
407.mf-impact .rr-note{font-size:13px;color:var(--ink-soft);line-height:1.9;padding-top:20px;border-top:1px dotted var(--grey-line);}
408@media(max-width:820px){.mf-impact .hypo-grid{grid-template-columns:1fr;}
409.mf-impact .rr-flow{flex-direction:column;}
410.mf-impact .rr-ar{transform:rotate(90deg);}}
411.mf-impact .prob-shift{margin-top:44px;padding:32px 34px;border-radius:4px;background:var(--ink);color:#fff;}
412.mf-impact .prob-shift .st{font-size:11px;letter-spacing:.16em;color:#9fd3ba;font-weight:700;margin-bottom:14px;}
413.mf-impact .prob-shift .sq{font-size:clamp(17px,2.3vw,23px);font-weight:800;line-height:1.65;}
414.mf-impact .prob-shift .sq .u{color:#9fd3ba;}
415.mf-impact .prob-answer{margin-top:24px;font-size:14px;color:var(--ink-soft);line-height:1.95;max-width:52em;}
416.mf-impact .prob-answer b{color:var(--green);}
417.mf-impact .fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
418.mf-impact .fact{border:1px solid var(--grey-line);border-radius:4px;padding:26px 24px;background:var(--paper-2);}
419.mf-impact .fact.accent{background:var(--green);border-color:var(--green);}
420.mf-impact .fact-lbl{font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:10px;}
421.mf-impact .fact.accent .fact-lbl{color:#cfe8dc;}
422.mf-impact .fact-val{font-size:clamp(48px,6.5vw,76px);font-weight:800;color:var(--green);line-height:.92;letter-spacing:-.03em;}
423.mf-impact .fact-val span{font-size:.26em;margin-left:4px;color:var(--ink);font-weight:700;}
424.mf-impact .fact-big{font-size:clamp(22px,2.8vw,30px);font-weight:900;color:#fff;line-height:1.35;}
425.mf-impact .fact-src{font-size:10.5px;color:var(--grey);margin-top:12px;}
426.mf-impact .fact.accent .fact-src{color:#9fd3ba;}
427.mf-impact .logic-flow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;}
428.mf-impact .lf-step{flex:1;min-width:170px;border:1px solid var(--grey-line);border-radius:4px;padding:22px 20px;background:var(--paper);}
429.mf-impact .lf-step.warn{border-color:#d9c9a0;background:#fdfbf5;}
430.mf-impact .lf-n{font-family:"Georgia",serif;font-size:12px;font-weight:700;color:var(--green);margin-bottom:8px;}
431.mf-impact .lf-step.warn .lf-n{color:#a8862c;}
432.mf-impact .lf-t{font-size:14px;font-weight:900;margin-bottom:8px;line-height:1.5;}
433.mf-impact .lf-step p{font-size:12px;color:var(--ink-soft);line-height:1.75;}
434.mf-impact .lf-ar{display:flex;align-items:center;padding:0 10px;color:var(--green-mid);font-weight:800;font-size:18px;}
435@media(max-width:820px){.mf-impact .fact-row, .mf-impact .logic-flow{grid-template-columns:1fr;flex-direction:column;}
436.mf-impact .lf-ar{transform:rotate(90deg);padding:8px 0;justify-content:center;}}
437.mf-impact .deepen{margin-top:28px;padding:24px 26px;background:var(--paper);border:1px solid var(--grey-line);border-radius:4px;}
438.mf-impact .deepen .dp-t{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--grey);margin-bottom:16px;text-align:center;}
439.mf-impact .dp-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
440.mf-impact .dp-item{text-align:center;padding:12px 16px;border-radius:4px;background:var(--paper-2);min-width:124px;}
441.mf-impact .dp-item.hl{background:var(--green);}
442.mf-impact .dp-lbl{font-size:11.5px;color:var(--ink-soft);font-weight:700;}
443.mf-impact .dp-item.hl .dp-lbl{color:#cfe8dc;}
444.mf-impact .dp-val{font-size:clamp(30px,4vw,42px);font-weight:800;color:var(--green);line-height:1;letter-spacing:-.02em;}
445.mf-impact .dp-val span{font-size:.38em;margin-left:2px;font-weight:700;}
446.mf-impact .dp-item.hl .dp-val{color:#fff;}
447.mf-impact .dp-mul{font-size:11.5px;color:var(--grey);margin-top:6px;font-weight:700;}
448.mf-impact .dp-mul.g{color:var(--green);font-weight:800;font-size:12.5px;}
449.mf-impact .dp-item.hl .dp-mul{color:#9fd3ba;}
450.mf-impact .dp-ar{color:var(--green-mid);font-weight:800;font-size:18px;}
451.mf-impact .why-axis2{margin-top:34px;padding:30px 32px;background:var(--green);color:#fff;border-radius:4px;}
452.mf-impact .why-axis2 .wa-t{font-size:16px;font-weight:900;margin-bottom:12px;}
453.mf-impact .why-axis2 p{font-size:13.5px;color:#eaf3ee;line-height:1.9;max-width:52em;}
454.mf-impact .why-axis2 p b{color:#fff;}
455.mf-impact .wa-flow{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap;}
456.mf-impact .wa-step{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:4px;padding:12px 18px;font-size:13px;font-weight:800;}
457.mf-impact .wa-step.hl{background:#fff;color:var(--green);border-color:#fff;}
458.mf-impact .wa-step em{display:block;font-size:11.5px;font-weight:400;font-style:normal;color:#cfe8dc;margin-top:3px;}
459.mf-impact .wa-step.hl em{color:var(--green-mid);}
460.mf-impact .wa-ar{color:#9fd3ba;font-weight:800;font-size:20px;}
461.mf-impact .intro-sec{padding:64px 0;border-bottom:1px solid var(--grey-line);}
462.mf-impact .intro-lead{font-size:clamp(18px,2.4vw,26px);font-weight:800;line-height:1.7;max-width:30em;margin:16px 0 10px;}
463.mf-impact .intro-lead .g{color:var(--green);}
464.mf-impact .intro-sub{font-size:14px;color:var(--ink-soft);max-width:40em;margin-bottom:32px;}
465.mf-impact .biz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
466.mf-impact .biz-card{border:1px solid var(--grey-line);border-radius:4px;padding:20px 14px;text-align:center;transition:transform .3s,box-shadow .3s;}
467.mf-impact .biz-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -18px rgba(31,107,74,.4);}
468.mf-impact .biz-card .ic{width:36px;height:36px;margin:0 auto 12px;color:var(--green);}
469.mf-impact .biz-card h5{font-size:13.5px;font-weight:900;margin-bottom:6px;}
470.mf-impact .biz-card p{font-size:11.5px;color:var(--ink-soft);line-height:1.6;}
471.mf-impact .defn-box{margin-top:24px;padding:18px 22px;background:var(--green-pale);border-radius:4px;font-size:13.5px;color:var(--ink-soft);line-height:1.85;}
472.mf-impact .defn-box b{color:var(--green);}
473@media(max-width:820px){.mf-impact .biz-grid{grid-template-columns:1fr 1fr;}}
474.mf-impact .howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
475.mf-impact .howto-grid .ht{border:1px solid var(--grey-line);border-radius:4px;padding:24px 22px;background:var(--paper);}
476.mf-impact .howto-grid .ht.note{background:var(--paper-2);}
477.mf-impact .howto-grid .htn{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:8px;}
478.mf-impact .howto-grid .ht.note .htn{color:var(--grey);}
479.mf-impact .howto-grid .ht h5{font-size:15.5px;font-weight:900;margin-bottom:8px;}
480.mf-impact .howto-grid .ht p{font-size:13px;color:var(--ink-soft);line-height:1.8;}
481@media(max-width:820px){.mf-impact .howto-grid{grid-template-columns:1fr;}}
482.mf-impact .bd-split{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;}
483.mf-impact .bd-panel{border:1px solid var(--grey-line);border-radius:4px;padding:26px 24px;background:var(--paper);}
484.mf-impact .bd-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--grey-line);}
485.mf-impact .bd-cat2{font-size:12.5px;font-weight:900;color:var(--green);letter-spacing:.04em;}
486.mf-impact .bd-cat2.edu{color:#2f8560;}
487.mf-impact .bd-sum{font-size:12px;color:var(--grey);}
488.mf-impact .bd-sum b{font-size:24px;color:var(--ink);letter-spacing:-.01em;}
489.mf-impact .bd-sum span{font-weight:700;}
490.mf-impact .bd-row2{margin-bottom:14px;}
491.mf-impact .bd-l{font-size:12.5px;font-weight:700;margin-bottom:5px;}
492.mf-impact .bd-l span{font-size:11px;color:var(--grey);font-weight:400;margin-left:6px;}
493.mf-impact .bd-b{position:relative;height:26px;background:var(--paper-2);border-radius:3px;}
494.mf-impact .bd-f{height:100%;background:var(--green);border-radius:3px;display:flex;align-items:center;}
495.mf-impact .bd-f.s2{background:var(--green-mid);}
496.mf-impact .bd-f.s4{background:#2f8560;}
497.mf-impact .bd-f span{color:#fff;font-size:11.5px;font-weight:700;font-family:"Georgia",serif;padding-left:10px;white-space:nowrap;}
498.mf-impact .bd-o{position:absolute;top:50%;transform:translateY(-50%);left:0;font-size:11.5px;font-weight:700;font-family:"Georgia",serif;color:var(--ink-soft);}
499.mf-impact .bd-row2:nth-child(3) .bd-o{margin-left:calc(22.1% + 8px);}
500.mf-impact .bd-row2:nth-child(4) .bd-o{margin-left:calc(21.8% + 8px);}
501.mf-impact .bd-row2:nth-child(5) .bd-o{margin-left:calc(6.2% + 8px);}
502.mf-impact .bd-row2:nth-child(6) .bd-o{margin-left:calc(2.4% + 8px);}
503.mf-impact .bd-note{font-size:12px;color:var(--ink-soft);margin-top:16px;padding-top:14px;border-top:1px dotted var(--grey-line);line-height:1.75;}
504.mf-impact .bd-note b{color:var(--green);}
505.mf-impact .bd-grand{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;padding:20px 26px;background:var(--paper-2);border-radius:4px;border-top:2px solid var(--ink);}
506.mf-impact .bd-grand span{font-size:13.5px;font-weight:700;}
507.mf-impact .bd-grand b{font-size:clamp(30px,4.2vw,44px);color:var(--green);letter-spacing:-.02em;}
508@media(max-width:820px){.mf-impact .bd-split{grid-template-columns:1fr;}}
509.mf-impact .sub-h{font-size:clamp(20px,2.7vw,28px);font-weight:900;margin:56px 0 12px;letter-spacing:-.005em;}
510.mf-impact .breakdown{border:1px solid var(--grey-line);border-radius:4px;padding:28px 26px;background:var(--paper);}
511.mf-impact .bd-row{display:grid;grid-template-columns:200px 1fr 56px;gap:16px;align-items:center;margin-bottom:14px;}
512.mf-impact .bd-label{font-size:13.5px;font-weight:700;line-height:1.4;}
513.mf-impact .bd-label span{display:block;font-size:11px;color:var(--grey);font-weight:400;margin-top:2px;}
514.mf-impact .bd-bar{position:relative;height:30px;background:var(--paper-2);border-radius:3px;}
515.mf-impact .bd-fill{height:100%;background:var(--green);border-radius:3px;display:flex;align-items:center;}
516.mf-impact .bd-fill.s2{background:var(--green-mid);}
517.mf-impact .bd-fill.s3{background:var(--grey);}
518.mf-impact .bd-fill span{color:#fff;font-size:12px;font-weight:700;font-family:"Georgia",serif;padding-left:12px;white-space:nowrap;}
519.mf-impact .bd-out{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;font-family:"Georgia",serif;color:var(--ink-soft);padding-left:0;margin-left:8px;}
520.mf-impact .bd-row:nth-child(2) .bd-out{margin-left:calc(14.5% + 8px);}
521.mf-impact .bd-row:nth-child(3) .bd-out{margin-left:calc(14.3% + 8px);}
522.mf-impact .bd-row:nth-child(4) .bd-out{margin-left:calc(4% + 8px);}
523.mf-impact .bd-row:nth-child(5) .bd-out{margin-left:calc(1.6% + 8px);}
524.mf-impact .bd-cat{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--grey);margin:6px 0 12px;padding-bottom:6px;border-bottom:1px dotted var(--grey-line);}
525.mf-impact .bd-cat:not(:first-child){margin-top:26px;}
526.mf-impact .bd-fill.s4{background:#2f8560;}
527.mf-impact .bd-pct{font-size:12.5px;color:var(--ink-soft);text-align:right;font-weight:700;}
528.mf-impact .bd-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px;padding-top:18px;border-top:1px solid var(--ink);}
529.mf-impact .bd-total span{font-size:13.5px;font-weight:700;}
530.mf-impact .bd-total b{font-size:24px;color:var(--green);}
531.mf-impact .school-note{margin-top:26px;padding:24px 26px;background:var(--green-pale);border-radius:4px;border-left:3px solid var(--green);}
532.mf-impact .school-note .sn-t{font-size:14px;font-weight:900;margin-bottom:8px;}
533.mf-impact .school-note p{font-size:13px;color:var(--ink-soft);line-height:1.85;}
534@media(max-width:820px){.mf-impact .bd-row{grid-template-columns:1fr;gap:6px;}
535.mf-impact .bd-pct{text-align:left;}}
536.mf-impact .official-map{border:1px solid var(--grey-line);border-radius:4px;padding:20px 20px 12px;background:var(--paper);margin-bottom:40px;}
537.mf-impact .official-map img{width:100%;height:auto;display:block;}
538.mf-impact .map-cap{font-size:11.5px;color:var(--grey);margin-top:12px;text-align:right;}
539.mf-impact .story-photos{display:grid;grid-template-columns:1fr 1.3fr 0.9fr;gap:14px;margin-bottom:14px;}
540.mf-impact .story-photos img{width:100%;height:260px;object-fit:cover;border-radius:4px;display:block;}
541.mf-impact .story-cap{font-size:13px;color:var(--ink-soft);font-weight:700;margin-bottom:26px;}
542.mf-impact .story-cap span{display:block;font-size:12px;color:var(--grey);font-weight:400;margin-top:4px;}
543.mf-impact .story-flow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;margin-bottom:28px;padding:20px 22px;background:var(--paper-2);border-radius:4px;}
544.mf-impact .story-flow .step{background:var(--paper);border:1px solid var(--green-soft);color:var(--green);border-radius:20px;padding:7px 15px;font-size:12.5px;font-weight:700;white-space:nowrap;}
545.mf-impact .story-flow .sar{padding:0 9px;color:var(--green-mid);font-weight:800;}
546.mf-impact .story-body{max-width:46em;}
547.mf-impact .story-body p{font-size:16px;color:var(--ink-soft);line-height:1.95;margin-bottom:16px;}
548.mf-impact .story-body p b{color:var(--ink);}
549.mf-impact .story-link{margin-top:26px;padding:22px 24px;background:var(--green);color:#fff;border-radius:4px;font-size:13.5px;line-height:1.8;max-width:52em;}
550.mf-impact .story-link b{color:#fff;}
551@media(max-width:820px){.mf-impact .story-photos{grid-template-columns:1fr;}
552.mf-impact .story-photos img{height:230px;}}
553.mf-impact .sec-lede b, .mf-impact .prob-answer b, .mf-impact .rr-note b, .mf-impact .ecc-note b, .mf-impact .bd-note b, .mf-impact .school-note p b, .mf-impact .hypo p b, .mf-impact .rf-lead b{font-weight:900; color:var(--green);
554    background:linear-gradient(transparent 62%, var(--green-soft) 62%);
555    padding:0 1px;}
556.mf-impact .num-emph{font-family:"Georgia",serif;font-weight:700;color:var(--green);font-size:1.18em;letter-spacing:-.01em;}
557.mf-impact .prob-shift .sq .u, .mf-impact .story .link-axis b, .mf-impact .why-axis2 p b{font-weight:900;}
558.mf-impact .kw{color:var(--green);}
559.mf-impact .kw-lg{color:var(--green);font-size:1.15em;}
560.mf-impact .def-block{margin-top:40px;margin-bottom:44px;padding:32px 34px;background:var(--green-pale);border-radius:4px;border-left:4px solid var(--green);}
561.mf-impact .def-h{font-size:clamp(19px,2.5vw,26px);font-weight:900;color:var(--green);margin-bottom:14px;letter-spacing:-.005em;}
562.mf-impact .def-body{font-size:16.5px;color:var(--ink);line-height:2;max-width:46em;}
563.mf-impact .def-body em{font-style:normal;font-weight:900;color:var(--green);}
564.mf-impact .def-note{margin-top:18px;padding-top:16px;border-top:1px solid rgba(31,107,74,.2);font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.9;max-width:46em;}
565.mf-impact .mf-data{margin:16px 0 0;font-size:13px;}
566.mf-impact .mf-data>summary{cursor:pointer;color:var(--green);font-weight:700;padding:9px 0;font-size:12.5px;}
567.mf-impact .mf-data>summary:hover{text-decoration:underline;}
568.mf-impact .mf-data table{width:100%;border-collapse:collapse;margin-top:8px;}
569.mf-impact .mf-data th, .mf-impact .mf-data td{border:1px solid var(--grey-line);padding:7px 10px;text-align:left;font-size:12.5px;}
570.mf-impact .mf-data th{background:var(--green-pale);font-weight:700;}
571.mf-impact .mf-data td b{color:var(--green);}
572.mf-impact .mf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
573.mf-impact .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
574.mf-impact .reveal.in{opacity:1;transform:none;}
575@media(max-width:820px){.mf-impact .hero-stats{grid-template-columns:1fr;}
576.mf-impact .hstat{border-right:none;border-bottom:1px solid var(--grey-line);}
577.mf-impact .axes, .mf-impact .pyramid-layout, .mf-impact .map-layout{grid-template-columns:1fr;gap:32px;}
578.mf-impact .stages{grid-template-columns:1fr 1fr;}
579.mf-impact .stage:nth-child(2){border-right:none;}
580.mf-impact .stage:nth-child(1), .mf-impact .stage:nth-child(2){border-bottom:1px solid var(--grey-line);}
581.mf-impact .bridge{grid-template-columns:1fr;}
582.mf-impact .bridge .mid{padding:18px 0;}
583.mf-impact .bridge .mid .ar{transform:rotate(90deg);}
584.mf-impact .bridge .mid .ml{writing-mode:horizontal-tb;}}
585@media(prefers-reduced-motion:reduce){.mf-impact .reveal{opacity:1;transform:none;transition:none;}}
586@media(max-width:820px){.mf-impact .market-layout{grid-template-columns:1fr;gap:28px;}
587.mf-impact .scale-grid{grid-template-columns:1fr;gap:14px;}}
588
589/* --- 貼り付け用の保険(変換スクリプトが追加) --- */
590.mf-impact{box-sizing:border-box;max-width:100%;overflow-x:hidden;position:relative;z-index:0;isolation:isolate;}
591/* テーマ側の背景・配置が入り込まないよう明示的に打ち消す */
592.mf-impact .mfi-header,.mf-impact .mfi-footer,.mf-impact .mfi-section,.mf-impact .mfi-nav,.mf-impact .mfi-main{
593  position:static;background:transparent;width:auto;height:auto;max-width:none;min-height:0;
594  top:auto;left:auto;right:auto;bottom:auto;transform:none;box-shadow:none;z-index:auto;}
595.mf-impact img,.mf-impact svg{max-width:100%;height:auto;}
596.mf-impact .reveal{opacity:1!important;transform:none!important;transition:none!important;}
597.mf-impact .mf-data{margin:14px 0 0;font-size:13px;}
598.mf-impact .mf-data>summary{cursor:pointer;color:#1f6b4a;font-weight:700;padding:8px 0;}
599.mf-impact .mf-data table{width:100%;border-collapse:collapse;margin-top:8px;}
600.mf-impact .mf-data th,.mf-impact .mf-data td{border:1px solid #d7dad6;padding:6px 8px;text-align:left;font-size:12.5px;}
601.mf-impact .mf-data th{background:#f1f7f3;}
602.mf-impact .mf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
603/* WPページ内に埋め込むため、全画面級のヒーローé«
603˜ã•を抑える(数値は自由に調整可) */
604.mf-impact .hero{min-height:0;padding-top:44px;padding-bottom:44px;}
605/* 元HTMLのモバイル上書きが当たっていない多カラムを補う(820px以下で1カラム化) */
606@media(max-width:820px){
607  .mf-impact .market-layout{grid-template-columns:1fr;gap:28px;}
608  .mf-impact .scale-grid{grid-template-columns:1fr;gap:14px;}
609}
610@media(max-width:520px){
611  .mf-impact .wrap{padding-left:18px;padding-right:18px;}
612  .mf-impact .mf-data th,.mf-impact .mf-data td{font-size:11.5px;padding:5px 6px;}
613  /* 折り返し禁止の小ラベルが狭幅であふれるのを防ぐ */
614  .mf-impact .story-flow .step{white-space:normal;}
615  .mf-impact .why-bridge .wt{min-width:0;}
616}
617
618/* --- 生成クラス(インラインstyle・アイコンの退避先) --- */
619.mf-impact .mfi-ic0{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY2YjRhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTYgMzBoMjhNMTAgMzBWMThsMTAtOCAxMCA4djEyTTE2IDMwdi03aDh2NyIvPjwvc3ZnPg==");}
620.mf-impact .mfi-ic1{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY2YjRhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDhsMTQgNi0xNCA2TDYgMTRsMTQtNlpNMTIgMTd2OGMwIDIgNCA0IDggNHM4LTIgOC00di04Ii8+PC9zdmc+");}
621.mf-impact .mfi-ic2{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY2YjRhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTggMzJWMTRsMTItNiAxMiA2djE4TTggMzJoMjRNMTUgMzJ2LThoMTB2OE0yMCAxNXYzIi8+PC9zdmc+");}
622.mf-impact .mfi-ic3{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY2YjRhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNyIgeT0iMTQiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxOCIgcng9IjEiLz48cmVjdCB4PSIyMSIgeT0iOCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjI0IiByeD0iMSIvPjxwYXRoIGQ9Ik0xMSAxOWg0TTExIDI0aDRNMjUgMTNoNE0yNSAxOGg0TTI1IDIzaDRNNSAzMmgzMCIvPjwvc3ZnPg==");}
623.mf-impact .mfi-ic4{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY2YjRhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMTMiLz48cGF0aCBkPSJNMjAgN2M0IDQgNCAyMiAwIDI2TTIwIDdjLTQgNC00IDIyIDAgMjZNNyAyMGgyNiIvPjwvc3ZnPg==");}
624.mf-impact .ic{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;}
625.mf-impact .mfi-s0{margin-top:56px;}
626.mf-impact .mfi-s1{margin-bottom:32px;}
627.mf-impact .mfi-s2{color:var(--grey);font-size:12px;}
628.mf-impact .mfi-s3{margin-top:48px;}
629.mf-impact .mfi-s4{background:var(--paper-2);}
630.mf-impact .mfi-s5{background:var(--grey-line);}
631.mf-impact .mfi-s6{background:var(--green-mid);}
632.mf-impact .mfi-s7{background:var(--green);}
633.mf-impact .mfi-s8{text-align:right;}
634.mf-impact .mfi-s9{color:var(--green);}
635.mf-impact .mfi-s10{margin-bottom:28px;}
636.mf-impact .mfi-s11{width:100%;}
637.mf-impact .mfi-s12{width:22.1%;}
638.mf-impact .mfi-s13{width:21.8%;}
639.mf-impact .mfi-s14{width:6.2%;}
640.mf-impact .mfi-s15{width:2.4%;}
641.mf-impact .mfi-s16{width:98.9%;}
642.mf-impact .mfi-s17{width:39.4%;}
643.mf-impact .mfi-s18{color:var(--grey);}
644.mf-impact .mfi-s19{background:var(--grey);}
645.mf-impact .mfi-s20{background:#cde7de;}
646.mf-impact .mfi-s21{font-size:.5em;}
647.mf-impact .mfi-s22{background:#a7d3c4;}
648.mf-impact .mfi-s23{background:#6fb89f;}
649.mf-impact .mfi-s24{background:#1f6b4a;}
650.mf-impact .mfi-s25{font-size:13px;color:var(--grey);display:inline-block;margin-top:8px;}
651.mf-impact .mfi-s26{width:39.8%;}
652.mf-impact .mfi-s27{width:20.5%;}
653.mf-impact .mfi-s28{width:16.9%;}
654.mf-impact .mfi-s29{width:12%;}
655.mf-impact .mfi-s30{width:10.8%;}
656.mf-impact .mfi-s31{width:9.6%;}
657.mf-impact .mfi-s32{width:67.5%;}
658.mf-impact .mfi-s33{font-size:11px;color:var(--grey);line-height:1.8;margin-bottom:18px;}
659.mf-impact .mfi-s34{margin-top:22px;}
660		</style>
661		</head>
662
663<body class="home">
664	<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 664-665
664
665<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
665GTM-TFGCFV9
vendor: 83 bytes, lines 665-666
665"
666height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
667<!-- End Google Tag Manager (noscript) -->
668  <a id="pagetop" name="pagetop"></a>
669  <div id="loader-bg">
670    <div id="loading">
671      <img src="/assets/img/index/loading.png">
672    </div>
673  </div>
674  <!-- header -->
675  <header>
676    <div class="inner">
677      <h1 class="logo"><a href="/"><img src="/assets/img/common/logo.png" alt="my farm"></a></h1>
678      <nav>
679        <ul>
680          <li class="gn-top sp-cont"><a href="/"><span class="ja">トップ</span><span class="en">top</span></a></li>
681          <li class="gn-message"><a href="/message.html"><span class="ja">私たちのビジョン</span><span class="en">vision</span></a></li>
682          <li class="gn-service"><a href="/service/"><span class="ja">事業内容</span><span class="en">service</span></a></li>
683          <li class="gn-company"><a href="/company.html"><span class="ja">会社案内</span><span class="en">company</span></a></li>
684          <li class="gn-blog"><a href="/times/"><span class="ja">ブログ</span><span class="en">blog</span></a></li>
685          <li class="gn-news"><a href="/news/"><span class="ja">お知らせ</span><span class="en">news</span></a></li>
686          <li class="gn-recruit"><a href="/recruit.html"><span class="ja">採用情報</span><span class="en">recruit</span></a></li>
687          <li class="gn-faq"><a href="/faq/"><span class="ja">よくあるご質問</span><span class="en">FAQ</span></a></li>
688          <li class="gn-collaboration"><a href="/business.html"><span class="ja">企業・自治体のみなさまへ</span></a></li>
689        </ul>
690        <div class="gn-collaboration"><a href="/business.html"><span class="ja">企業・自治体のみなさまへ</span></a></div>
691        <a class="menu-trigger nss sp-cont" href="#">
692          <span></span>
693          <span></span>
694        </a>
695      </nav>
696    </div>
697  </header>
698
699  <main>
700      <div id="mainvisual" class="pc-cont">
701        <div class="inner">
702          <div class="persona" id="persona_01">
703            <div class="persona_inner">
704              <img src="/assets/img/index/mv/persona_01_obj.png" alt="" class="obj">
705              <div class="person" style="width: 70px; height: 115px;">
706                <img src="/assets/img/index/mv/persona_01_person.png" alt="" width="70" height="115">
707              </div>
708              <img src="/assets/img/index/mv/persona_01_comment.png" alt="元気においしく成長中!" class="comment">
709              <div class="circle">
710                <div class="circle-inner">
711                  <div class="circle-body">
712                    <p>ふかふかの土の中で<br>栄養を蓄えながら、<br>みんなに「おいしい!」って<br>食べてもらうのを楽しみにしているよ!</p>
713                    <a href="#service03" class="link-inpage">コープマイファーム <i class="fas fa-chevron-down"></i></a>
714                  </div>
715                  <a href="#" class="circle-button nss"><span></span></a>
716                </div>
717              </div>
718            </div>
719          </div>
720          <!-- /.persona -->
721          <div class="persona" id="persona_02">
722            <div class="persona_inner">
723              <img src="/assets/img/index/mv/persona_02_obj.png" alt="" class="obj">
724              <div class="person" style="width: 122px; height: 101px;">
725                <img src="/assets/img/index/mv/persona_02_person.png" alt="" width="122" height="101">
726              </div>
727              <img src="/assets/img/index/mv/persona_02_comment.png" alt="畑から始まる新しい夢" class="comment">
728              <div class="circle">
729                <div class="circle-inner">
730                  <div class="circle-body">
731                    <p>50 代で始めた週末野菜づくり。<br>まさか自分が育てた野菜をお店で<br>扱ってもらえるようになるなんて!</p>
732                    <a href="#service02" class="link-inpage">アグリイノベーション大学校 <i class="fas fa-chevron-down"></i></a>
733                  </div>
734                  <a href="#" class="circle-button nss"><span></span></a>
735                </div>
736              </div>
737            </div>
738          </div>
739          <!-- /.persona -->
740          <div class="persona" id="persona_03">
741            <div class="persona_inner">
742              <img src="/assets/img/index/mv/persona_03_obj.png" alt="" class="obj">
743              <div class="person" style="width: 62px; height: 123px;">
744                <img src="/assets/img/index/mv/persona_03_person.png" alt="" width="62" height="123">
745              </div>
746              <img src="/assets/img/index/mv/persona_03_comment.png" alt="自然に親しむ学びの場!" class="comment">
747              <div class="circle">
748                <div class="circle-inner">
749                  <div class="circle-body">
750                    <p>農園を子どもたちに開放!<br>土や野菜に触れ、<br>自然の中で生き生きと楽しむ姿に<br>喜びを感じています。</p>
751                    <a href="#service01" class="link-inpage">体験農園マイファーム <i class="fas fa-chevron-down"></i></a>
752                  </div>
753                  <a href="#" class="circle-button nss"><span></span></a>
754                </div>
755              </div>
756            </div>
757          </div>
758          <!-- /.persona -->
759          <div class="persona" id="persona_04">
760            <div class="persona_inner">
761              <img src="/assets/img/index/mv/persona_04_obj.png" alt="" class="obj">
762              <div class="person" style="width: 80px; height: 127px;">
763                <img src="/assets/img/index/mv/persona_04_person.png" alt="" width="80" height="127">
764              </div>
765              <img src="/assets/img/index/mv/persona_04_comment.png" alt="農地を介したコミュニティ" class="comment">
766              <div class="circle">
767                <div class="circle-inner">
768                  <div class="circle-body">
769                    <p>体力的に手をかけられなくなった<br>わが家の農地が再び賑わい、<br>街の人の役に立ってうれしいかぎり。</p>
770                    <a href="/service/experience/hatamusubi" class="link-outpage">ハタムスビ <i class="fas fa-chevron-right"></i></a>
771                  </div>
772                  <a href="#" class="circle-button nss"><span></span></a>
773                </div>
774              </div>
775            </div>
776          </div>
777          <!-- /.persona -->
778          <div class="persona" id="persona_05">
779            <div class="persona_inner">
780              <img src="/assets/img/index/mv/persona_05_obj.png" alt="" class="obj">
781              <div class="person" style="width: 79px; height: 160px;">
782                <img src="/assets/img/index/mv/persona_05_person.png" alt="" width="79" height="160">
783              </div>
784              <img src="/assets/img/index/mv/persona_05_comment.png" alt="チョコレートで企業!" class="comment">
785              <div class="circle">
786                <div class="circle-inner">
787                  <div class="circle-body">
788                    <p>持続可能なカカオ栽培を習得<br>して、将来は新しいチョコレートの<br>ビジネスモデルを確立したい!</p>
789                    <a href="#service02" class="link-inpage">アグリイノベーション大学校 <i class="fas fa-chevron-down"></i></a>
790                  </div>
791                  <a href="#" class="circle-button nss"><span></span></a>
792                </div>
793              </div>
794            </div>
795          </div>
796          <!-- /.persona -->
797          <div class="persona" id="persona_06">
798            <div class="persona_inner">
799              <img src="/assets/img/index/mv/persona_06_obj.png" alt="" class="obj">
800              <div class="person" style="width: 110px; height: 171px;">
801                <img src="/assets/img/index/mv/persona_06_person.png" alt="" width="110" height="171">
802              </div>
803              <img src="/assets/img/index/mv/persona_06_comment.png" alt="Let’s eat local!" class="comment">
804              <div class="circle">
805                <div class="circle-inner">
806                  <div class="circle-body">
807                    <p>片田舎に移住して<br>農業・養鶏・養豚・養蜂を<br>なりわいに。<br>こだわりの生産品は<br>都市部からも注目の的!</p>
808                    <a href="/service/learn/minori" class="link-outpage">農(みのり)の学校 <i class="fas fa-chevron-right"></i></a>
809                  </div>
810                  <a href="#" class="circle-button nss"><span></span></a>
811                </div>
812              </div>
813            </div>
814          </div>
815          <!-- /.persona -->
816          <div class="persona" id="persona_07">
817            <div class="persona_inner">
818              <img src="/assets/img/index/mv/persona_07_obj.png" alt="" class="obj">
819              <div class="person" style="width: 114px; height: 133px;">
820                <img src="/assets/img/index/mv/persona_07_person.png" alt="" width="114" height="133">
821              </div>
822              <img src="/assets/img/index/mv/persona_07_comment.png" alt="農の見え方が変わる" class="comment">
823              <div class="circle">
824                <div class="circle-inner">
825                  <div class="circle-body">
826                    <p>都心に住みながら<br>週末は郊外でゆっくり。<br>別荘で家庭菜園や庭仕事して、<br>食も楽しむライフスタイル!</p>
827                    <a href="/service/#experience" class="link-outpage">笠間クラインガルテン <i class="fas fa-chevron-right"></i></a>
828                  </div>
829                  <a href="#" class="circle-button nss"><span></span></a>
830                </div>
831              </div>
832            </div>
833          </div>
834          <!-- /.persona -->
835          <div class="persona" id="persona_08">
836            <div class="persona_inner">
837              <img src="/assets/img/index/mv/persona_08_obj.png" alt="" class="obj">
838              <div class="person" style="width: 104px; height: 134px;">
839                <img src="/assets/img/index/mv/persona_08_person.png" alt="" width="104" height="134">
840              </div>
841              <img src="/assets/img/index/mv/persona_08_comment.png" alt="Farm to Tableを実践!" class="comment">
842              <div class="circle">
843                <div class="circle-inner">
844                  <div class="circle-body">
845                    <p>作り手のことを知って<br>食べると毎日がごちそう!<br>食べることも自産自消</p>
846                    <a href="#service03" class="link-inpage">コープマイファーム <i class="fas fa-chevron-down"></i></a>
847                  </div>
848                  <a href="#" class="circle-button nss"><span></span></a>
849                </div>
850              </div>
851            </div>
852          </div>
853          <!-- /.persona -->
854          <div class="persona" id="persona_09">
855            <div class="persona_inner">
856              <img src="/assets/img/index/mv/persona_09_obj.png" alt="" class="obj">
857              <div class="person" style="width: 80px; height: 155px;">
858                <img src="/assets/img/index/mv/persona_09_person.png" alt="" width="80" height="155">
859              </div>
860              <img src="/assets/img/index/mv/persona_09_comment.png" alt="みんなで、いただきます!" class="comment">
861              <div class="circle">
862                <div class="circle-inner">
863                  <div class="circle-body">
864                    <p>幼稚園の子どもたちと収穫体験。<br>みんなで育て、つくって、食べる。<br>おいしいの輪が広がっています。</p>
865                    <a href="/service/experience/produce" class="link-outpage">農体験プロデュース <i class="fas fa-chevron-right"></i></a>
866                  </div>
867                  <a href="#" class="circle-button nss"><span></span></a>
868                </div>
869              </div>
870            </div>
871          </div>
872          <!-- /.persona -->
873          <div class="persona" id="persona_10">
874            <div class="persona_inner">
875              <img src="/assets/img/index/mv/persona_10_obj.png" alt="" class="obj">
876              <div class="person" style="width: 100px; height: 146px;">
877                <img src="/assets/img/index/mv/persona_10_person.png" alt="" width="100" height="146">
878              </div>
879              <img src="/assets/img/index/mv/persona_10_comment.png" alt="旬のある食卓に乾杯!" class="comment">
880              <div class="circle">
881                <div class="circle-inner">
882                  <div class="circle-body">
883                    <p>大切な人との食事は、<br>物語のあるこだわりの<br>逸品を食べたい。</p>
884                    <a href="#service04" class="link-inpage">Ochanowa<br>ドリアンマニア <i class="fas fa-chevron-down"></i></a>
885                  </div>
886                  <a href="#" class="circle-button nss"><span></span></a>
887                </div>
888              </div>
889            </div>
890          </div>
891          <!-- /.persona -->
892          <div class="persona" id="persona_11">
893            <div class="persona_inner">
894              <img src="/assets/img/index/mv/persona_11_obj.png" alt="" class="obj">
895              <div class="person" style="width: 51px; height: 150px;">
896                <img src="/assets/img/index/mv/persona_11_person.png" alt="" width="51" height="150">
897              </div>
898              <img src="/assets/img/index/mv/persona_11_comment.png" alt="農×福祉のいい関係" class="comment">
899              <div class="circle">
900                <div class="circle-inner">
901                  <div class="circle-body">
902                    <p>農業と福祉の連携事業を<br>
902立ち上げるべく、一から勉強!<br>農作業が心身の健康に<br>作用することを実感する毎日。</p>
903                    <a href="#business" class="link-inpage">企業のみなさまと共に <i class="fas fa-chevron-down"></i></a>
904                  </div>
905                  <a href="#" class="circle-button nss"><span></span></a>
906                </div>
907              </div>
908            </div>
909          </div>
910          <!-- /.persona -->
911          <div class="persona" id="persona_12">
912            <div class="persona_inner">
913              <img src="/assets/img/index/mv/persona_12_obj.png" alt="" class="obj">
914              <div class="person" style="width: 158px; height: 150px;">
915                <img src="/assets/img/index/mv/persona_12_person_02.png" alt="" width="158" height="150">
916              </div>
917              <img src="/assets/img/index/mv/persona_12_comment.png" alt="農地再生は僕らにおまかせ!" class="comment">
918              <div class="circle">
919                <div class="circle-inner">
920                  <div class="circle-body">
921                    <p>行政や法人と一緒になって、<br>地域の特色にあった持続可能な<br>農業・社会づくりをしているよ</p>
922                    <a href="#newthink" class="link-inpage">企業・自治体の皆さまへ <i class="fas fa-chevron-down"></i></a>
923                  </div>
924                  <a href="#" class="circle-button nss"><span></span></a>
925                </div>
926              </div>
927            </div>
928          </div>
929          <!-- /.persona -->
930          <div class="persona" id="persona_13">
931            <div class="persona_inner">
932              <div class="person" style="width: 108px; height: 151px;">
933                <img src="/assets/img/index/mv/persona_13_person.png" alt="" width="108" height="151">
934              </div>
935              <img src="/assets/img/index/mv/persona_13_comment.png" alt="地域をつなぐ物々交換" class="comment">
936              <div class="circle">
937                <div class="circle-inner">
938                  <div class="circle-body">
939                    <p>日本式農業ノウハウを<br>海外で展開!<br>育てた野菜を現地の生産物と<br>交換できる仕組みづくりを進行中。</p>
940                    <a href="#service" class="link-inpage">持続可能な地域づくりを <i class="fas fa-chevron-down"></i></a>
941                  </div>
942                  <a href="#" class="circle-button nss"><span></span></a>
943                </div>
944              </div>
945            </div>
946          </div>
947          <!-- /.persona -->
948          <div class="persona" id="persona_14">
949            <div class="persona_inner">
950              <img src="/assets/img/index/mv/persona_14_obj.png" alt="" class="obj">
951              <div class="person" style="width: 100px; height: 155px;">
952                <img src="/assets/img/index/mv/persona_14_person.png" alt="" width="100" height="155">
953              </div>
954              <img src="/assets/img/index/mv/persona_14_comment.png" alt="ごちそう野菜づくりのプロ" class="comment">
955              <div class="circle">
956                <div class="circle-inner">
957                  <div class="circle-body">
958                    <p>自分たちで地域を耕し、<br>未来を創っている感覚が<br>農業の魅力!<br>雇用就農で東北に力を。</p>
959                    <a href="/service/learn/mirai" class="link-outpage">みらい農業学校 <i class="fas fa-chevron-right"></i></a>
960                  </div>
961                  <a href="#" class="circle-button nss"><span></span></a>
962                </div>
963              </div>
964            </div>
965          </div>
966          <!-- /.persona -->
967          <div class="persona" id="persona_15">
968            <div class="persona_inner">
969              <img src="/assets/img/index/mv/persona_15_obj.png" alt="" class="obj">
970              <div class="person" style="width: 82px; height: 139px;">
971                <img src="/assets/img/index/mv/persona_15_person.png" alt="" width="82" height="139">
972              </div>
973              <img src="/assets/img/index/mv/persona_15_comment.png" alt="都心で農ライフ実践中!" class="comment">
974              <div class="circle">
975                <div class="circle-inner">
976                  <div class="circle-body">
977                    <p>会社員の傍ら始めた農業の<br>勉強&実践に手応えを感じ、<br>都市型ファーマーとして<br>独立を計画中!</p>
978                    <a href="#service02" class="link-inpage">アグリイノベーション大学校 <i class="fas fa-chevron-down"></i></a>
979                  </div>
980                  <a href="#" class="circle-button nss"><span></span></a>
981                </div>
982              </div>
983            </div>
984          </div>
985          <!-- /.persona -->
986        </div>
987      </div>
988      <!-- /#mainvisual -->
989
990      <div id="mainvisual_sp" class="sp-cont">
991        <div class="swiper-container">
992          <div class="swiper-wrapper">
993            <!-- Slides -->
994            <div class="swiper-slide"><img src="/assets/img/index/mv/sp_slide01.png" alt=""></div>
995            <div class="swiper-slide"><img src="/assets/img/index/mv/sp_slide02.png" alt=""></div>
996            <div class="swiper-slide"><img src="/assets/img/index/mv/sp_slide03.png" alt=""></div>
997          </div>
998          <!-- If we need pagination -->
999          <div class="swiper-pagination"></div>
1000        </div>
1001        <div class="arrowWrap">
1002          <div class="arrow"></div>
1003        </div>
1004      </div>
1005      <!-- /#mainvisual_sp.sp-cont -->
1006
1007      <section class="bx-slogan">
1008        <div class="obj01 anim-hor pc-cont"><img src="/assets/img/index/obj_cow.png" alt=""></div>
1009        <div class="obj02 anim-hor pc-cont"><img src="/assets/img/index/obj_chiken01.png" alt=""></div>
1010        <div class="obj03 anim-hor pc-cont"><img src="/assets/img/index/obj_chiken02.png" alt=""></div>
1011        <div class="inner">
1012          <h2 class="txt-slogan pc-cont"><img src="/assets/img/index/jisanjisho.png" alt="自産自消"></h2>
1013          <h3 class="txt-gray fz32 mt30 bold">自分でつくって、自分で食べる。</h3>
1014          <p class="fz18 mt40 bold sp-fwn">私たちの身体は食べもので支えられ、<br class="pc-cont">その食べものは土、つまりは自然によって育まれています。<br>
1015            自分の手で耕し、育て、食べる。「自産自消」の輪を広げ、<br class="pc-cont">人と自然の関係をもっと身近に、より豊かに。</p>
1016          <div class="btns-wrap mt70">
1017            <a href="/message.html" class="btn btn-w">私たちのビジョン</a>
1018            <a href="/message.html#msg" class="btn btn-yg">代表メッセージ</a>
1019          </div>
1020        </div>
1021      </section>
1022      <!-- /.index-slogan -->
1023      <section class="bx-news">
1024        <div class="inner">
1025          <div class="ttl-wrapper">
1026            <div class="obj pc-cont"><img src="/assets/img/index/obj_pepper.png" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200"></div>
1027            <h2 class="ttl-sec">NEWS</h2>
1028          </div>
1029
1030          <ul class="list-archive">
1031                          <li>
1032                                    <a href="https://myfarm.co.jp/news/20261001_press-release_aic/">
1033                    
1034                    <span class="category pressrelease">
1035                      プレスリリース                    </span><time>2026年10月1日</time>
1036                    <p>人生・キャリアチェンジの一歩を踏み出しませんか?<br> 社会人向け週末農業スクール「アグリイノベーション大学校」2027年3月開講の入学受付を開始!</p>
1037                    </a>
1038              </li>
1039                          <li>
1040                                    <a href="https://myfarm.co.jp/news/socialimpactreport_2026/">
1041                    
1042                    <span class="category pressrelease">
1043                      プレスリリース                    </span><time>2026年9月24日</time>
1044                    <p>マイファーム、創業20年目に初の「ソーシャルインパクトレポート」を公開</p>
1045                    </a>
1046              </li>
1047                          <li>
1048                                    <a href="https://myfarm.co.jp/news/prefarma_ginoeopen_2026/">
1049                    
1050                    <span class="category pressrelease">
1051                      プレスリリース                    </span><time>2026年9月16日</time>
1052                    <p>マイファーム子会社のプレファーマ、高麗人参スプラウトのD2Cブランド「GINOÉ」をオープン</p>
1053                    </a>
1054              </li>
1055                      </ul>
1056        </div>
1057      </section>
1058      <!-- /.bx-news -->
1059
1060      <section class="bx-aboutbusiness">
1061        <div class="inner">
1062          <div class="ttl-wrapper">
1063            <h2 class="ttl-sec">事業のこと</h2>
1064          </div>
1065          <p class="fz18 mt40 bold sp-fwn pos-center sp-left">マイファームは「人と農をつなぐ会社」です。<br>
1066            誰もが気軽に土に触れ、作物を育てられる場づくり、<br class="pc-cont">眠っている農地を活用する技術やノウハウの提供、<br class="pc-cont">おいしい野菜をつくる農家さんのサポート…etc.<br>
1067            さまざまな形で農ある暮らしの実現をお手伝いします。</p>
1068        </div>
1069      </section>
1070      <!-- /.about-business -->
1071
1072      <section class="bx-service">
1073        <div class="ttl-wrapper">
1074          <!-- <div class="obj pc-cont"><img src="/assets/img/index/obj_carrot.png" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200"></div> -->
1075          <h2 class="ttl-sec">
1076            <span class="en">SERVICE</span>
1077            <span class="ja">マイファームの主なサービス</span>
1078          </h2>
1079
1080        </div>
1081        <div class="inner">
1082          <div class="service-box-wrap">
1083            <div class="service-box" id="service01">
1084              <div class="service-title">
1085                <div class="service-bg"><img src="/assets/img/index/servie01_bg.png" alt=""></div>
1086                <h3 class="txt-gray wow fadeIn" data-wow-duration="2s" data-wow-offset="200">農の体験</h3>
1087              </div>
1088              <div class="service-pic">
1089                <img src="/assets/img/index/service01.jpg" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1090              </div>
1091              <div class="service-txt wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1092                <h4 class="fz18">畑をはじめたい方へ</h4>
1093                <div class="service-logo"><img src="/assets/img/index/taiken_logo.png" srcset="/assets/img/index/[email protected] 2x, /assets/img/index/taiken_logo.png 1x" alt="自分でつくって自分で食べる 有機無農薬の野菜づくり 体験農園マイファーム"></div>
1094                <p class="fc-yellowgreen mt15 mb5">体験農園(貸し農園)事業</p>
1095                <p class="txt">週末や空いた時間を使って気軽にオーガニックの野菜づくりを楽しめます。全国に120カ所以上ある農園は市街地からアクセスしやすく、道具などの準備も不要!気負わず、無理なく通い続けられます。<br>四季を感じ、おいしい、楽しい、心地よい畑へ。</p>
1096                <div class="btns-wrap pos-br">
1097                  <a href="/service/experience/myfarmer" class="btn btn-yg small">もっと知りたい</a>
1098                </div>
1099              </div>
1100            </div>
1101            <div class="service-box" id="service02">
1102              <div class="service-title">
1103                <div class="service-bg"><img src="/assets/img/index/servie02_bg.png" alt=""></div>
1104                <h3 class="txt-gray wow fadeIn" data-wow-duration="2s" data-wow-offset="200">農業を学ぶ</h3>
1105              </div>
1106              <div class="service-pic">
1107                <img src="/assets/img/index/service02.jpg" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1108              </div>
1109              <div class="service-txt wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1110                <h4 class="fz18">農業を学びたい・仕事にしたい方へ</h4>
1111                <div class="service-logo"><img src="/assets/img/index/aic_logo.png" srcset="/assets/img/index/[email protected] 2x, /assets/img/index/aic_logo.png 1x" alt="農業から未来を考える週末開講の農業スクール アグリイノベーション大学校"></div>
1112                <p class="fc-yellowgreen mt15 mb5">週末開講の社会人向け農業スクール事業</p>
1113                <p class="txt">仕事を続けながら週末に農業を学びたい方へ向けて、農業の技術や経営に関しての知識・理解を深める学びのプログラムを提供しています。<br>農を起点とした働き方・暮らし方を実現するはじめの一歩を、ここから踏み出してみませんか。</p>
1114                <div class="btns-wrap pos-br">
1115                  <a href="/service/learn/agri-innovation" class="btn btn-yg small">もっと知りたい</a>
1116                </div>
1117              </div>
1118            </div>
1119            <div class="service-box" id="service03">
1120              <div class="service-title">
1121                <div class="service-bg"><img src="/assets/img/index/servie03_bg.png" alt=""></div>
1122                <h3 class="txt-gray wow fadeIn" data-wow-duration="2s" data-wow-offset="200">農産物を自然まるごと<br>生活者へ</h3>
1123              </div>
1124              <div class="service-pic">
1125                <img src="/assets/img/index/service03.jpg" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1126              </div>
1127              <div class="service-txt wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1128                <h4 class="fz18">モノを通して繋がりたい方へ</h4>
1129                <div class="service-logo"><img src="/assets/img/index/coop_logo.png" srcset="/assets/img/index/[email protected] 2x, /assets/img/index/coop_logo.png 1x" alt="コープマイファーム"></div>
1130                <p class="txt">マイファームと繋がりのある作り手が集合した「作り手名鑑」です。<br>
1131                  作り手が想いを込めて作った商品の販売・PRをサポートし、そこに繋がりたい人・企業を”モノ”を通じて巻き込んでいきます。<br>
1132                  食べる・繋がることから自産自消をお楽しみください。</p>
1133                <div class="btns-wrap pos-br">
1134                  <!-- <span class="comingsoon">coming soon</span> -->
1135                  <a href="/service/connect/coopmyfarm" target="_blank" class="btn btn-yg small external"><i class="fas fa-external-link-alt"></i> もっと知りたい</a>
1136                </div>
1137              </div>
1138            </div>
1139            <div class="service-box" id="service04">
1140              <div class="service-title">
1141                <div class="service-bg"><img src="/assets/img/index/servie04_bg.png" alt=""></div>
1142              </div>
1143              <div class="service-pic">
1144                <img src="/assets/img/index/service04.jpg" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1145              </div>
1146              <div class="service-txt wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1147                <h4 class="fz18">サスティナブルな食通の方へ</h4>
1148                <div class="service-logo"><img src="/assets/img/index/ochanowa_logo.png" srcset="/assets/img/index/[email protected] 2x, /assets/img/index/ochanowa_logo.png 1x" alt="Ochanowa"></div>
1149                <div class="service-logo"><img src="/assets/img/index/urianmania_logo.png" srcset="/assets/img/index/[email protected] 2x, /assets/img/index/urianmania_logo.png 1x" alt="URIAN MANIA"></div>
1150                <p class="txt">マイファームは農家として自社生産から販売まã
1150§æ‰‹æŽ›ã‘ています。国内でのサスティナブル日本茶習慣を提案するお茶ブランド「Ochanowa」、マレーシア産最高級ドリアンを生産・販売する「ドリアンマニア」と、農業の可能性を広げています。ぜひ弊社の美味しい逸品をお召し上がりください</p>
1151                <div class="btns-wrap pos-br">
1152                  <a href="/service/#connect" class="btn btn-yg small">もっと知りたい</a>
1153                </div>
1154              </div>
1155            </div>
1156          </div>
1157        </div>
1158      </section>
1159      <!-- /.bx-service -->
1160      <section class="bx-newthink" id="newthink">
1161        <div class="inner">
1162          <div class="cols-2">
1163            <div class="col col-left wow fadeIn" data-wow-duration="2s" data-wow-offset="200">
1164              <h2>新しい農のカタチをつくる</h2>
1165              <h3>農業の未来を創りたい法人・行政の方へ</h3>
1166              <p>耕作放棄地解消のための新たな営農モデルに挑戦しています。また、農業技術の知見とノウハウを生かした技術支援、高いレベルの農業人材による援農支援、国や自治体との農業行政連携を行っています。<br>新しい農のカタチを一緒に創りませんか?</p>
1167              <div class="btns-wrap pos-br">
1168                <a href="/service/#newthink" class="btn btn-yg">もっと知りたい</a>
1169              </div>
1170            </div>
1171            <div class="col col-right">
1172              <ul class="list-newthink wow fadeIn" data-wow-duration="2s" data-wow-offset="200" data-wow-delay="0.5s">
1173                <li><figure><img src="/assets/img/index/newthink01.png" alt=""><figcaption>発電×農業による<br>持続可能な農業</figcaption></figure></li>
1174                <li><figure><img src="/assets/img/index/newthink02.png" alt=""><figcaption>耕作放棄地における<br>新しい営農モデル</figcaption></figure></li>
1175                <li><figure><img src="/assets/img/index/newthink03.png" alt=""><figcaption>有機農業・地域農業の推進</figcaption></figure></li>
1176                <li><figure><img src="/assets/img/index/newthink04.png" alt=""><figcaption>農業界における<br class="sp-cont">女性活躍推進</figcaption></figure></li>
1177                <!-- <li><figure><img src="/assets/img/index/newthink05.png" alt=""><figcaption>マイファーム援農隊<br class="sp-cont">サービス</figcaption></figure></li> -->
1178                <li><figure><img src="/assets/img/index/newthink06.png" alt=""><figcaption>農業を通じた地域活性の取り組み</figcaption></figure></li>
1179              </ul>
1180            </div>
1181          </div>
1182        </div>
1183      </section>
1184      <!-- <section class="bx-business-servie" id="business">
1185        <div class="inner">
1186          <div class="ttl-wrapper">
1187            <div class="obj01 pc-cont"><img src="/assets/img/index/obj_business01.png" alt="" width="51" height="150" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200"></div>
1188            <div class="obj02 pc-cont "><img src="/assets/img/index/obj_business02.png" alt="" width="146" height="104" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200"></div>
1189            <h2 class="ttl-sec"><span class="fc-yellowgreen">OTHERS/コラボレーション</span></h2>
1190          </div>
1191          <p class="pos-center sp-left fc-gray fz18 bold mb80 sp-fwn">農を多面的にとらえるマイファーム独自のサービスをぜひご活用ください。</p>
1192          <div class="cols-2">
1193            <div class="col">
1194              <div class="pic-wrap round">
1195                <img src="/assets/img/index/businessservice01.jpg" alt="">
1196              </div>
1197              <p class="mt40 fc-yellowgreen fz18">農業生産事業・海外事業</p>
1198              <p class="fz14 mt20 bold">生薬栽培<br>
1199                ソーラーシェアリング
1200          </p>
1201              <div class="btns-wrap pos-br mt50">
1202                <a href="/service#newthink" class="btn btn-yg small">もっと知りたい</a>
1203              </div>
1204            </div>
1205            <div class="col">
1206              <div class="pic-wrap round">
1207                <img src="/assets/img/index/businessservice02.jpg" alt="">
1208              </div>
1209              <p class="mt40 fc-yellowgreen fz18">コンサルティング・コラボレーション</p>
1210              <p class="fz14 mt20 bold">自社で培ってきた農業事業の多様な知見と業界屈指のネットワーク、R&Dを機軸とした専門力を武器に、企業・自治体のみなさまと未来を共創します。
1211          </p>
1212              <div class="btns-wrap pos-br mt50">
1213                <a href="/business.html" class="btn btn-yg small">もっと知りたい</a>
1214              </div>
1215            </div>
1216          </div>
1217        </div>
1218      </section> -->
1219      <!-- /.business-servie -->
1220      <section class="bx-blog">
1221        <div class="inner">
1222          <div class="ttl-wrapper">
1223            <div class="obj01 pc-cont"><img src="/assets/img/index/obj_blog01.png" alt="" width="279" height="159"></div>
1224            <div class="obj02 pc-cont "><img src="/assets/img/index/obj_blog02.png" alt="" width="115" height="101"></div>
1225            <h2 class="ttl-sec">コーポレートブログ</h2>
1226          </div>
1227          <p class="pos-center fc-gray fz18 bold mb80 sp-fwn">当社スタッフが綴るマイファームの日常をご紹介します。</p>
1228          <div class="latest-entry cols-3">
1229                          <article class="card">
1230                <a href="https://myfarm.co.jp/times/20260730-2/">
1231                  <div class="pic-wrap">
1232                                          <img src="https://myfarm.co.jp/wp-content/uploads/2026/07/f_top.jpg" />
1233                                      </div>
1234                </a>
1235                <div class="card-txt">
1236                  <div class="category"><a href="https://myfarm.co.jp/times/times_category/staff-column/" rel="tag">#スタッフコラム</a></div>
1237                  <a href="https://myfarm.co.jp/times/20260730-2/">
1238                    <p><span>スタッフコラム│【やってみた】栽培初心者がスプラウトを育てたら、小宇宙を生み出して最終的に勝利した話</span></p>
1239                  </a>
1240                  <time>2026年7月30日</time>
1241                </div>
1242              </article>
1243                          <article class="card">
1244                <a href="https://myfarm.co.jp/times/20260623-2/">
1245                  <div class="pic-wrap">
1246                                          <img src="https://myfarm.co.jp/wp-content/uploads/2026/06/top.jpg" />
1247                                      </div>
1248                </a>
1249                <div class="card-txt">
1250                  <div class="category"><a href="https://myfarm.co.jp/times/times_category/staff-column/" rel="tag">#スタッフコラム</a></div>
1251                  <a href="https://myfarm.co.jp/times/20260623-2/">
1252                    <p><span>スタッフコラム│震災で失われた田園風景をもう一度。南相馬市「みらい農業学校」が育む東北農業の未来</span></p>
1253                  </a>
1254                  <time>2026年6月23日</time>
1255                </div>
1256              </article>
1257                          <article class="card">
1258                <a href="https://myfarm.co.jp/times/20260525-2/">
1259                  <div class="pic-wrap">
1260                                          <img src="https://myfarm.co.jp/wp-content/uploads/2026/05/ik_top.jpg" />
1261                                      </div>
1262                </a>
1263                <div class="card-txt">
1264                  <div class="category"><a href="https://myfarm.co.jp/times/times_category/staff-column/" rel="tag">#スタッフコラム</a></div>
1265                  <a href="https://myfarm.co.jp/times/20260525-2/">
1266                    <p><span>スタッフコラム│茶畑から、1tトラックで。神奈川・愛川町でお茶摘み&215kgの茶葉運送を体験してきました</span></p>
1267                  </a>
1268                  <time>2026年5月25日</time>
1269                </div>
1270              </article>
1271            
1272          </div>
1273          <div class="btns-wrap mt80">
1274            <a href="/times/" class="btn btn-yg">ブログをもっとみる</a>
1275          </div>
1276        </div>
1277      </section>
1278
1279            <section class="myfarm_tv base" id="myfarm_tv">
1280        <h2 class="ttl-sec">マイファームTV</h2>
1281        <p class="pos-center fc-gray fz18 bold sp-fwn mb10">YouTubeチャンネルで情報発信中!</p>
1282        <p class="notes">(画像を押すと動画をご覧いただけます)</p>
1283        <div class="swiper-container" id="js-swipe-youtube"><ul class="swiper-wrapper"><li class="swiper-slide"><a href="https://www.youtube.com/embed/JpLXGDZeqOI/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/JpLXGDZeqOI/maxresdefault.jpg"></div><p>【トマト】植え付け1ヶ月の栽培管理の4つのポイントを紹介します│有機栽培で野菜づくり</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/CLHy3K8zpG0/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/CLHy3K8zpG0/maxresdefault.jpg"></div><p>【ニンジン】二股になる…葉ばかり茂って太らない…栽培のあるある疑問にお答えします│有機栽培で野菜づくり</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/g8n4WUiNV_c/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/g8n4WUiNV_c/maxresdefault.jpg"></div><p>【白菜】結球させるコツを基本から徹底解説します│有機栽培で野菜づくり</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/BPwns5ra08M/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/BPwns5ra08M/maxresdefault.jpg"></div><p>農園スタッフに聞きました!家庭菜園のおすすめ野菜3選+3選+おまけ│モリミサと学ぶ有機栽培</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/yne2Utb8ImI/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/yne2Utb8ImI/maxresdefault.jpg"></div><p>【ニンジン】間引き・追肥・土寄せなど収穫までの流れを解説&実演します│有機栽培で野菜づくり</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/wZgcrUoCvn0/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/wZgcrUoCvn0/maxresdefault.jpg"></div><p>【白菜】種まき・植え付けをメインに白菜栽培の流れを解説&実演します│有機栽培で野菜づくり</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/R2neleRDmkY/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/R2neleRDmkY/maxresdefault.jpg"></div><p>トマトの「尻ぐされ」予防と対策を基礎から徹底解説します│モリミサと学ぶ有機栽培</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/iwB2RCFAiHY/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/iwB2RCFAiHY/maxresdefault.jpg"></div><p>卵の殻とお酢で簡単カルシウム補給!酢酸カルシウム液肥の作り方と使い方│モリミサと学ぶ有機栽培</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/on4Bjk8RvJw/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/on4Bjk8RvJw/maxresdefault.jpg"></div><p>自由すぎるトマト栽培の世界!苗の土を洗って根を切って寝かせて植えます│モリミサと学ぶ有機栽培</p></a></li><li class="swiper-slide"><a href="https://www.youtube.com/embed/7EeLHHXCy9c/" data-remodal-target="remodal_youtube"><div class="youtube_thumbnails"><img src="https://i.ytimg.com/vi/7EeLHHXCy9c/maxresdefault.jpg"></div><p>300粒からの再出発!キンカントマトプロジェクトが再始動します│モリミサと学ぶ有機栽培</p></a></li></ul><div class="swiper-button-prev swiper-button-white" id="youtube_prev"></div><div class="swiper-button-next swiper-button-white" id="youtube_next"></div><div class="swiper-pagination" id="youtube_pagination"></div></div>        <link rel="stylesheet" href="/assets/css/remodal-default-theme.css">
1284        <link rel="stylesheet" href="/assets/css/remodal.css">
1285        <link rel="stylesheet" href="/assets/css/myfarm_tv.css">
1286        
1286<script src="/assets/js/vendor/remodal.js"></script>
1286
1287      </section>
1288      <div data-remodal-id="remodal_youtube" data-remodal-options="hashTracking:false" class="remodal remodal_youtube">
1289        <div class="modalCloseTop">
1290          <a class="modalCloseBgColor" data-remodal-action="cancel"></a>
1291        </div>
1292        <div class="modalContent modalBorderColor modalSession">
1293          <div class="modalCloseBottom">
1294            <a class="modalCloseBgColor" data-remodal-action="cancel">閉じる</a>
1295          </div>
1296        </div>
1297      </div>
1298      
1299      <section class="bx-followus">
1300        <div class="inner">
1301          <div class="ttl-wrapper">
1302            <h2 class="ttl-sec">Follow Us!</h2>
1303          </div>
1304          <p class="pos-center fc-gray fz18 bold mb80 sp-fwn">マイファームの日々の活動を<br class="sp-cont">お伝えしています!</p>
1305          <div class="btns-wrap mt70 ">
1306            <a href="https://x.com/myfarmtweet" class="btn-sns" target="_blank"><img src="/assets/img/common/ico-twitter.svg" alt="X" width="50" height="50"></a>
1307            <a href="https://www.facebook.com/myfarm.inc/" class="btn-sns" target="_blank"><img src="/assets/img/common/ico-facebook.svg" alt="facebook" width="50" height="50"></a>
1308            <a href="https://www.instagram.com/myfarm_photo/" class="btn-sns" target="_blank"><img src="/assets/img/common/ico-instagram.svg" alt="Instagram" width="52" height="52"></a>
1309          </div>
1310        </div>
1311      </section>
1312      <!-- /.bx-followus -->
1313
1314    </main>
1315  <div class="floating-banner">
1316    <div class="floating-banner-title">法人向けサービスのご案内</div>
1317    <a href="/business.html">企業・自治体のみなさまへ</a>
1318    <span class="close"></span>
1319    <!-- /.close -->
1320  </div>
1321  <!-- /.floating-banner -->
1322
1323
1324
1325  <div class="footer-wrapper">
1326  <div class="footer-top pc-cont">
1327    <div class="obg01 "><img src="/assets/img/common/obj_ft01.png" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200"></div>
1328    <div class="obg02 "><img src="/assets/img/common/obj_ft02.png" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-offset="200"></div>
1329  </div>
1330  <footer>
1331    <div id="btn-pagetop">
1332      <a href="#pagetop" class="js-smooth-scroll">
1333        <div><span class="triangle"></span></div>
1334      </a>
1335    </div>
1336    <div class="inner">
1337      <div class="footer-left">
1338        <div class="footer-left-about">
1339          <h2 class="fz18 bold">マイファームについて</h2>
1340          <ul>
1341            <li><a href="/message.html"><i class="fas fa-chevron-right"></i>私たちのビジョン</a></li>
1342            <li><a href="/service/"><i class="fas fa-chevron-right"></i>事業内容</a></li>
1343            <li><a href="/company.html"><i class="fas fa-chevron-right"></i>会社案内</a></li>
1344            <li><a href="/times/"><i class="fas fa-chevron-right"></i>ブログ</a></li>
1345            <li><a href="/news/"><i class="fas fa-chevron-right"></i>お知らせ</a></li>
1346            <li><a href="/recruit.html"><i class="fas fa-chevron-right"></i>採用情報</a></li>
1347            <li><a href="/faq/"><i class="fas fa-chevron-right"></i>よくあるご質問</a></li>
1348            <li><a href="/business.html"><i class="fas fa-chevron-right"></i>企業・自治体のみなさまへ</a></li>
1349          </ul>
1350          <ul class="inline-list">
1351            <li><a href="/history.html"><i class="fas fa-chevron-right"></i>沿革</a></li>
1352            <li><a href="/contact.html"><i class="fas fa-chevron-right"></i>お問い合わせ</a></li>
1353            <li><a href="/privacypolicy.html"><i class="fas fa-chevron-right"></i>プライバシーポリシー</a></li>
1354          </ul>
1355        </div>
1356      </div>
1357      <div class="footer-right">
1358        <div class="footer-right-business">
1359          <h2 class="fz18 bold">マイファームの事業</h2>
1360          <div class="footer-right-business-cols">
1361            <div class="footer-right-business-col">
1362              <h3>農・自然体験</h3>
1363              <ul>
1364                <li><a href="https://myfarmer.jp" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>体験農園マイファーム</a></li>
1365                <li><a href="https://myfarm.co.jp/service/experience/hatamusubi" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>ハタムスビ</a></li>
1366                <li><a href="http://www.kasama-kg.jp/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>笠間クラインガルテン</a></li>
1367              </ul>
1368            </div>
1369            <div class="footer-right-business-col">
1370              <h3>農業教育</h3>
1371              <ul>
1372                <li><a href="https://agri-innovation.jp" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>アグリイノベーション大学校</a></li>
1373                <li><a href="https://agri-innovation.jp/minori/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>丹波市立 農-みのり-の学校</a></li>
1374                <li><a href="https://agri-innovation.jp/mirai/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>南相馬市 みらい農業学校</a></li>
1375              </ul>
1376            </div>
1377            <div class="footer-right-business-col">
1378              <h3>生産・流通販売</h3>
1379              <ul>
1380                <li><a href="https://coop.myfarm.co.jp/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>コープマイファーム</a></li>
1381                <!--<li><a href="https://ochanowa.jp/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>Ochanowa</a></li>-->
1382                <li><a href="https://durianmania.com/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>ドリアンマニア</a></li>
1383              </ul>
1384            </div>
1385            <div class="footer-right-business-col">
1386              <h3>農産物生産・企業参入サポート</h3>
1387              <ul>
1388          <li><a href="https://myfarm.co.jp/farmland.html" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>農地活用</a></li>
1389          <!-- <li><a href="/eunoutai.html" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>マイファーム援農隊サービス</a></li> -->
1390          <!--<li><a href="/service#newthink"><i class="fas fa-chevron-right"></i>
1390事業化支援</a></li>-->
1391
1392        </ul>
1393            </div>
1394            <div class="footer-right-business-col">
1395                  <h3>有料職業紹介事業</h3>
1396            <ul>
1397                    <li><a href="https://myfarm.co.jp/agent.html" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>有料職業紹介</a></li>
1398                  </ul>
1399                </div>
1400        <!-- <div class="footer-right-business-col">
1401          <h3>有機農業者の方向け情報</h3>
1402              <ul>
1403                <li><a href="https://agri-innovation.jp/support/seeds/" target="_blank"><i class="fas fa-chevron-right"></i>有機種苗が購入可能な場所</a></li>
1404              </ul>
1405            </div> -->
1406          </div>
1407        </div>
1408        <div class="footer-right-sns pc-cont">
1409          <h2 class="fz18 bold">マイファームのSNS</h2>
1410          <ul class="list-footer-nav">
1411            <li><a href="https://www.facebook.com/myfarm.inc/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>公式Facebook</a></li>
1412            <li><a href="https://x.com/myfarmtweet" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>公式X</a></li>
1413            <li><a href="https://www.youtube.com/channel/UCWnnDWudmJ3YG6ifdhEf3iw" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>公式Youtube</a></li>
1414            <li><a href="https://www.instagram.com/myfarm_photo/" class="external" target="_blank"><i class="fas fa-external-link-alt"></i>公式Instagram</a></li>
1415          </ul>
1416        </div>
1417
1418      </div>
1419    </div>
1420    <div class="copyrights bold fz12 fc-green pos-center pb10">Copyright &copy; ︎マイファーム All Rights Reserved.</div>
1421  </footer>
1422</div>
1423<!-- /.footer-wrapper -->
1424</div>
1425
1426<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
vendor: 1 bytes, line 1426
1426
1427<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
vendor: 1 bytes, line 1427
1427
1428<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
vendor: 1 bytes, line 1428
1428
1429<script src="/assets/libs/jqfloat/jqfloat.min.js"></script>
vendor: 1 bytes, line 1429
1429
1430<script src="/assets/js/core.js?ver=20210912"></script>
vendor: 1 bytes, line 1430
1430
1431<script src="/assets/js/app.js"></script>
1431
1432
1433<script>
1434      if ($.cookie("SHOWEN")) {
1435      $('#loading').css('display', 'none');
1436      $('#loader-bg').fadeOut(500);
1437      $('#loading').fadeOut(1000, function() {
1438        $('#loader-bg').delay(500).fadeOut(800);
1439      });
1440    } else {
1441      $.cookie("SHOWEN", "TRUE");
1442
1443      $(window).on('load', function() {
1444        setTimeout(function() {
1445          $('#loading').fadeOut(1000, function() {
1446            $('#loader-bg').delay(500).fadeOut(800);
1447          });
1448        }, 2000)
1449      });
1450    };
1451
1452    $(document).ready(function() {
1453      $('.person img').jqFloat({
1454        width: 20,
1455        height: 10,
1456        speed: 1000
1457      });
1458
1459      $('.circle-button').on('click', function() {
1460        $(this).parents('.persona').siblings().css('z-index', 10).removeClass('is-open').find('.circle-body').css('display', 'none');
1461        var $t = $(this);
1462        var $persona = $t.parents('.persona');
1463        $persona.toggleClass('is-open');
1464        if ($persona.hasClass('is-open')) {
1465          $persona.css('z-index', 1500);
1466          setTimeout(function() {
1467            $persona.find('.circle-body').fadeIn();
1468          }, 700)
1469        } else {
1470          $t.fadeOut(100, function() {
1471            setTimeout(function() {
1472              $t.fadeIn();
1473            }, 600)
1474          });
1475          $persona.find('.circle-body').css('display', 'none');
1476        }
1477        return false;
1478      });
1479
1480      var n = 15;
1481      setInterval(function() {
1482        var randnum = 1 + Math.floor(Math.random() * n);
1483        randnum = ('0' + randnum).slice(-2);
1484        $('.comment').removeClass('is-show');
1485        $('#persona_' + randnum).find('.comment').addClass('is-show');
1486      }, 2000);
1487
1488    });
1489
1490    var mySwiper = new Swiper('#mainvisual_sp .swiper-container', {
1491      effect: "slide",
1492      loop: true,
1493      autoplay: {
1494        delay: 4000
1495      },
1496      pagination: {
1497        el: '.swiper-pagination'
1498      }
1499    })
1500  
1501  /*
1502  $(function(){
1503      $(window).on('load resize',function(){
1504          var ww = $(window).width();
1505          $('.product-ctg a').each(function(){
1506              var listW = $(this).closest('li').width();
1507              $(this).css('width',listW);
1508          });
1509          $('.main-panel').wait(1400).addClass('play');
1510          $('.main-panel h1').wait(1600).addClass('play');
1511          $('.main-panel p').wait(1800).addClass('play');
1512          $('.buttons').wait(2000).addClass('play');
1513          $('.charm').wait(2200).addClass('play');
1514          $('.an01,.an04').wait(500).addClass('play');
1515          $('.an02,.an03').wait(1000).addClass('play');
1516          if(ww < 768){
1517              $('.mv-item01').wait(200).addClass('play');
1518              $('.mv-item02').wait(500).addClass('play');
1519              $('.mv-item03').wait(800).addClass('play');
1520              $('.mv-item04').wait(1100).addClass('play');
1521              $('.mv-item05').wait(800).addClass('play');
1522              $('.mv-item06').wait(1100).addClass('play');
1523              $('.mv-item07').wait(200).addClass('play');
1524              $('.mv-item08').wait(500).addClass('play');
1525          }else{
1526
1527              $(function(an01){
1528                  var speed = .2080;
1529                  var imgH = 1040;
1530                  var initPos = 0;
1531                  anim01 = setInterval(function(){
1532                      if(initPos >= imgH) initPos = 0;
1533                      initPos += speed;
1534                      $('.an01').wait(2000).css("background-position","0px " + initPos + "px");
1535                  },1);
1536              });
1537              $(function(an02){
1538                  var speed = .2080;
1539                  var imgH = 1040;
1540                  var initPos = 0;
1541                  anim02 = setInterval(function(){
1542                      if(initPos >= imgH) initPos = 0;
1543                      initPos += speed;
1544                      $('.an02').wait(2000).css("background-position","0px " + initPos*-1 + "px");
1545                  },1);
1546              });
1547              $(window).on('resize',function(){
1548                  clearInterval(anim01);
1549                  clearInterval(anim02);
1550              });
1551          }
1552      });
1553  });
1554  */
1555</script>
1555
1556
1557
1558
1559
1560<!-- BEGIN: WP Social Bookmarking Light FOOTER -->    
1560<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
1560<!-- END: WP Social Bookmarking Light FOOTER -->
1561<script type='text/javascript' src='https://myfarm.co.jp/wp-includes/js/wp-embed.min.js?ver=5.2.21'></script>
1561
1562
1563<!-- Yahoo タグマネージャ -->
1564<script type="text/javascript">
1565  (function() {
1566    var tagjs = document.createElement("script");
1567    var s = document.getElementsByTagName("script")[0];
1568    tagjs.async = true;
1569    tagjs.src = "//s.yjtag.jp/tag.js#site=WlexIoP";
1570    s.parentNode.insertBefore(tagjs, s);
1571  }());
1572</script>
1572
1573<noscript>
1574  <iframe src="//b.yjtag.jp/iframe?c=WlexIoP" width="1" height="1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
1575</noscript>
1576
1577</body>
1578
1579</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.