@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 640px) {

/*============================
#topPanelArea
============================*/
#topPanelArea { height: 60vh; }
#topPanelArea .image { height: 100%; }
#topPanelArea .image img {}
#topPanelArea .pageTitle { padding: 0 30px; bottom: 40px; }
#topPanelArea .pageTitle .main { font-size: 3em; }
#topPanelArea .pageTitle .sub { margin-top: 15px; line-height: 1.5; }

/*============================
#topArea
============================*/
#topArea { margin-top: 60px; padding-bottom: 0; }
#topArea h2 {}
#topArea .catch { margin-top: 20px; font-size: 2em; }
#topArea .copy { margin-top: 40px; }
#topArea .copy .text { line-height: 2; font-feature-settings: 'palt'; padding-bottom: 30px; }

/*============================
#contentArea
============================*/
#contentArea { margin-top: 50px; padding-bottom: 80px; border-radius: 40px 40px 0 0; }
#contentArea .container { padding-top: 80px; }
#contentArea .container.vege { flex-direction: column; align-items: flex-start; gap: 40px; }
#contentArea .container.vege:after { bottom: -40px; }
#contentArea .container.vege .image { width: 80%; height: 350px; }
#contentArea .container.vege .image img { height: 100%; object-fit: cover; }
#contentArea .container.vege .copy {}
#contentArea .container.vege .copy .title { font-size: 1.5em; }
#contentArea .container.vege .copy .text { margin-top: 15px; line-height: 1.75; }
#contentArea .container.organic { flex-direction: column; align-items: flex-start; gap: 40px; }
#contentArea .container.organic:after { bottom: -40px; }
#contentArea .container.organic .copy { order: 1; }
#contentArea .container.organic .copy .title { font-size: 1.5em; }
#contentArea .container.organic .copy .text { margin-top: 15px; line-height: 1.75; }
#contentArea .container.organic .image { order: 0; width: 80%; height: 350px; }
#contentArea .container.organic .image img { height: 100%; object-fit: cover; }
#contentArea .container.town { flex-direction: column; align-items: flex-start; gap: 40px; }
#contentArea .container.town .copy {}
#contentArea .container.town .copy .title { font-size: 1.5em; }
#contentArea .container.town .copy .text { margin-top: 15px; line-height: 1.75; }
#contentArea .container.town .image { width: 80%; height: 350px; }
#contentArea .container.town .image img { height: 100%; object-fit: cover; }

/*============================
#detailArea
============================*/
#detailArea { margin-top: 80px; }
#detailArea h2 { text-align: left; font-size: 1.5em; }
#detailArea dl {}
#detailArea dl div {}
#detailArea dl dt { padding: 10px 0 10px 0; }
#detailArea dl dd { padding: 20px 0 20px 10px; }
#detailArea dl dd span {}

/*============================
.md_pankuzuArea
============================*/
.md_pankuzuArea {  margin-top: 80px; }
	
}