.flex-column { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -webkit-flex-direction: column!important; -ms-flex-direction: column!important; flex-direction: column!important; }

.flex-direction-reverse { -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -webkit-flex-direction: row-reverse!important; -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important; }

.d-flex { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; }

.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important; }

.align-items-center { -webkit-box-align: center!important; -webkit-align-items: center!important; -ms-flex-align: center!important; align-items: center!important; }

.align-items-end { -webkit-box-align: flex-end!important; -webkit-align-items: flex-end!important; -ms-flex-align: flex-end!important; align-items: flex-end!important; }

.bg-sprite, .bg-bg_footer_left, #ss-footer .container.woods:before, .bg-bg_footer_right, #ss-footer .container.woods:after, .bg-bg_item_Squirrel, .bg-bg_item_apple, .bg-bg_item_bird, .bg-bg_item_bird01, .bg-bg_item_bird02, .bg-bg_item_bird03, .bg-bg_item_green01, .bg-bg_item_green02, .bg-bg_item_green03, .bg-bg_item_green04 { background: url('/images/../../../ss/shutoeco/img/bg-s34b05fc7fa.png') no-repeat; }

.bg-bg_footer_left, #ss-footer .container.woods:before { background-position: 0 -896px; height: 146px; width: 288px; }

.bg-bg_footer_right, #ss-footer .container.woods:after { background-position: 0 -745px; height: 151px; width: 220px; }

.bg-bg_item_Squirrel { background-position: 0 -580px; height: 165px; width: 293px; }

.bg-bg_item_apple { background-position: 0 0; height: 224px; width: 294px; }

.bg-bg_item_bird { background-position: 0 -402px; height: 178px; width: 277px; }

.bg-bg_item_bird01 { background-position: 0 -1323px; height: 129px; width: 173px; }

.bg-bg_item_bird02 { background-position: 0 -1452px; height: 59px; width: 131px; }

.bg-bg_item_bird03 { background-position: 0 -1511px; height: 48px; width: 52px; }

.bg-bg_item_green01 { background-position: 0 -1214px; height: 109px; width: 167px; }

.bg-bg_item_green02 { background-position: 0 -1042px; height: 172px; width: 222px; }

.bg-bg_item_green03 { background-position: 0 -224px; height: 178px; width: 282px; }

.bg-bg_item_green04 { background-position: 0 -1559px; height: 89px; width: 84px; }

/* line 88, ../../../ss/shutoeco/img/nav/*.png */
.nav-sprite, .nav-logo, header nav.mainmenu h1 a, .nav-nav_blog, header nav.mainmenu ul li.nav_blog a, .nav-nav_border, header nav.mainmenu ul li.nav_blog:after, header nav.mainmenu ul li.nav_event:after, header nav.mainmenu ul li.nav_link:after, header nav.mainmenu ul li.nav_kankyo:after, .nav-nav_event, header nav.mainmenu ul li.nav_event a, .nav-nav_kankyo, header nav.mainmenu ul li.nav_kankyo a, .nav-nav_link, header nav.mainmenu ul li.nav_link a { background-image: url('../img/nav-s5d97a54525.png'); background-repeat: no-repeat; }

/* line 84, ../../../../../../Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.nav-logo, header nav.mainmenu h1 a { background-position: 0 0; height: 38px; width: 130px; }

/* line 84, ../../../../../../Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.nav-nav_blog, header nav.mainmenu ul li.nav_blog a { background-position: 0 -38px; height: 38px; width: 172px; }

/* line 84, ../../../../../../Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.nav-nav_border, header nav.mainmenu ul li.nav_blog:after, header nav.mainmenu ul li.nav_event:after, header nav.mainmenu ul li.nav_link:after, header nav.mainmenu ul li.nav_kankyo:after { background-position: 0 -76px; height: 44px; width: 1px; }

/* line 84, ../../../../../../Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.nav-nav_event, header nav.mainmenu ul li.nav_event a { background-position: 0 -120px; height: 38px; width: 136px; }

/* line 84, ../../../../../../Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.nav-nav_kankyo, header nav.mainmenu ul li.nav_kankyo a { background-position: 0 -158px; height: 38px; width: 146px; }

/* line 84, ../../../../../../Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.nav-nav_link, header nav.mainmenu ul li.nav_link a { background-position: 0 -196px; height: 38px; width: 141px; }

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-



		基本レイアウト用CSS



*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
sp { display: none; }

.pc { display: block; }

@media screen and (max-width: 640px) { .sp { display: block !important; }
  .pc { display: none !important; } }
#header[role="banner"] #header-content { max-width: 100%!important; padding: 0; }

#container header nav.mainmenu { background: none; height: inherit; margin: 0; padding: 0; }

#container header #searchField { position: inherit; }

.sns { position: relative; right: inherit; top: inherit; width: inherit; }

a { color: #000; text-decoration: none; }

a:hover { color: #009933; text-decoration: underline; }

a:hover img { opacity: 0.9; filter: alpha(opacity=90); }

#header-content header { position: relative; padding-bottom: 29px; margin-bottom: 40px; background: url(../img/bg_nav_line.png) 0 100% repeat-x; }
#header-content header .container { width: 800px; margin: 0 auto!important; }
#header-content header .container > img { display: block; margin: 0 auto; max-width: 100%; }
#header-content header nav.mainmenu { position: relative; width: 100%; height: 34px; }
#header-content header nav.mainmenu h1 { position: absolute; left: 0; right: auto; }
#header-content header nav.mainmenu h1 a { display: block; text-indent: -5000px; }
#header-content header nav.mainmenu h1 a:hover { opacity: 0.8; }
#header-content header nav.mainmenu ul { position: absolute; right: 0; left: auto; *zoom: 1; }
#header-content header nav.mainmenu ul:after { content: ""; width: 0; height: 0; display: block; clear: both; visibility: hidden; }
#header-content header nav.mainmenu ul li { float: left; }
#header-content header nav.mainmenu ul li a { display: block; text-indent: -5000px; }
#header-content header nav.mainmenu ul li a:hover { opacity: 0.8; }
#header-content header nav.mainmenu ul li.nav_blog { position: relative; }
#header-content header nav.mainmenu ul li.nav_blog:after { content: ""; display: block; position: absolute; top: 0; right: 0; }
#header-content header nav.mainmenu ul li.nav_blog:last-child:after { display: none; }
#header-content header nav.mainmenu ul li.nav_event { position: relative; }
#header-content header nav.mainmenu ul li.nav_event:after { content: ""; display: block; position: absolute; top: 0; right: 0; }
#header-content header nav.mainmenu ul li.nav_event:last-child:after { display: none; }
#header-content header nav.mainmenu ul li.nav_link { position: relative; }
#header-content header nav.mainmenu ul li.nav_link:after { content: ""; display: block; position: absolute; top: 0; right: 0; }
#header-content header nav.mainmenu ul li.nav_link:last-child:after { display: none; }
#header-content header nav.mainmenu ul li.nav_kankyo { position: relative; }
#header-content header nav.mainmenu ul li.nav_kankyo:after { content: ""; display: block; position: absolute; top: 0; right: 0; }
#header-content header nav.mainmenu ul li.nav_kankyo:last-child:after { display: none; }
#header-content .header { position: relative; }
#header-content .header_sns { width: 980px; height: 40px; margin: 0 auto; }
#header-content #searchField { width: 280px; float: right; }
#header-content #searchField .cse .gsc-control-cse, #header-content #searchField .gsc-control-cse { padding: 0; }

.sns { margin-bottom: 30px; float: right; width: 180px; }
.sns ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: space-between; }
.sns ul li { display: block; margin-left: 10px; width: 24%; }

#ss-footer { *zoom: 1; position: relative; }
#ss-footer:after { content: ""; width: 0; height: 0; display: block; clear: both; visibility: hidden; }
#ss-footer .sns { position: absolute; bottom: 0; left: 50%; margin-left: -90px; margin-bottom: 30px; float: right; width: 180px; }
#ss-footer .container { width: 800px; margin: 0 auto!important; position: relative; }
#ss-footer .container.woods { height: 110px; }
#ss-footer .container.woods:before { content: ""; position: absolute; bottom: -4px; left: -70px; width: 298px; height: 146px; }
#ss-footer .container.woods:after { content: ""; position: absolute; bottom: -7px; right: -70px; width: 220px; height: 151px; }

.news_event:before { content: "event"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #3399ff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.news_blog:before { content: "blog"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #ffa05a; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.news_eco:before { content: "eco"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #5ac85a; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.news_blog1:before { content: "blog1"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #d4b549; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.news_blog2:before { content: "blog2"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #4f96f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.news_blog3:before { content: "blog3"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #78c467; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.news_release:before { content: "release"; display: inline-block; font-size: 11px; width: 65px; padding: 4.5px 0; color: #fff; text-align: center; margin-right: 10px; background-color: #48d2cb; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] { width: 100% !important; }

/*=================================================*/
@media screen and (max-width: 640px) { body { min-width: inherit; }
  #ss-header ul#headerlogo { width: inherit!important; }
  #header[role="banner"] #header-content a { color: #000!important; }
  #header[role="banner"] #header-content header .container { width: 95%; margin: 0 auto!important; }
  #header[role="banner"] #header-content .header_sns { width: 100%; }
  #header[role="banner"] #header-content .header_sns #searchField { width: 50%; float: left; }
  #header[role="banner"] #header-content .header_sns .sns { width: 163px; float: right; }
  #header[role="banner"] #header-content header nav.mainmenu { z-index: 100; }
  #header[role="banner"] #header-content header nav.mainmenu h1 { left: 50%; margin-left: -60px !important; }
  #header[role="banner"] #header-content header nav.mainmenu > a { color: #000; width: 50px; height: 60px; top: 2px; position: relative; }
  #header[role="banner"] #header-content header nav.mainmenu > a:hover { color: #009933; }
  #header[role="banner"] #header-content header nav.mainmenu > a span { display: block; background: #5ac85a; width: 37px; height: 4px; position: absolute; left: 7px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
  #header[role="banner"] #header-content header nav.mainmenu > a span:first-child { top: 10px; }
  #header[role="banner"] #header-content header nav.mainmenu > a span:nth-child(2) { margin-top: -10px; top: 50%; }
  #header[role="banner"] #header-content header nav.mainmenu > a span:last-child { bottom: 26px; }
  #header[role="banner"] #header-content header nav.mainmenu > a.active span:first-child { -moz-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -webkit-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
  #header[role="banner"] #header-content header nav.mainmenu > a.active span:nth-child(2) { opacity: 0; }
  #header[role="banner"] #header-content header nav.mainmenu > a.active span:last-child { -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
  #header[role="banner"] #header-content header nav.mainmenu ul { display: none; position: static; height: inherit; margin-top: 2px; width: 110%; height: 219px; margin-left: -20px; background: #fff; z-index: 100; border-top: 1px solid #5ac85a; border-bottom: 2px solid #5ac85a; *zoom: 1; }
  #header[role="banner"] #header-content header nav.mainmenu ul:after { content: ""; width: 0; height: 0; display: block; clear: both; visibility: hidden; }
  #header[role="banner"] #header-content header nav.mainmenu ul li { position: static; width: auto; float: none; border-bottom: 1px solid #5ac85a; height: 54px; padding: 0 10px; }
  #header[role="banner"] #header-content header nav.mainmenu ul li:last-child { border: none; }
  #header[role="banner"] #header-content header nav.mainmenu ul li a { background-image: none!important; width: 100%!important; height: 1em!important; text-indent: inherit; padding: 17px; position: relative; }
  #header[role="banner"] #header-content header nav.mainmenu ul li a:after { content: ""; position: absolute; right: 12%; top: 50%; margin-top: -12px; background: url(../img/common/ico_arrow2.png) 0 0 no-repeat; width: 15px; height: 24px; }
  .fb-page-parent > .fb-page { width: 100%; }
  .bg_item { display: none; }
  ul.news { width: 100%; }
  div.float_left img { float: none; display: block; margin: 0 auto; }
  #ss-footer .container.woods { height: 110px; }
  #ss-footer .container.woods:before, #ss-footer .container.woods:after { display: none; } }