@charset "UTF-8";
/* 共通 ********************************************** */
a {
  color: #717171;
  text-decoration: none; }
  a:hover {
    color: #000; }

/* ヘッダー ******************************************* */
.header {
  background-color: #FFF;
  box-sizing: border-box; }
  .header a {
    display: block;
    margin: 0 auto; }
  .header h1 {
    display: block;
    margin: 0 auto;
    background-position: top center;
    background-repeat: no-repeat;
    text-indent: -9999px; }

/* メインイメージ */
.mainImg {
  position: relative; }

.bxslider li {
  text-align: center; }
  .bxslider li img {
    margin: 0 auto; }

/* メインメニュー */
.mainMenu {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden; }
  .mainMenu a {
    display: block; }

.current a {
  color: #000; }

/* コンテンツ ***************************************** */
.content {
  clear: both;
  width: 100%;
  background-color: #FFF;
  box-sizing: border-box; }

section h1 {
  font-size: 26px;
  line-height: 1.5em;
  font-weight: normal;
  text-align: center;
  color: #717171;
  padding-bottom: 25px;
  background-position: bottom center;
  background-repeat: no-repeat; }

.inner {
  margin: 0 auto; }

/* アグリファイブとは */
#about p {
  text-align: center; }
#about ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }
#about li {
  display: block;
  text-indent: -9999px;
  background-position: top center;
  background-repeat: no-repeat; }

/* 理事長あいさつ */
#greeting img {
  display: block;
  border-radius: 50%;
  margin: 0 auto 30px; }
#greeting .caption {
  text-align: center;
  font-size: 12px;
  line-height: 2em; }
#greeting .name {
  font-size: 13px; }

/* 理事の紹介 */
#introduction dl {
  font-size: 13px; }
#introduction dt,
#introduction dd {
  display: block;
  margin: 0;
  padding: 0; }
#introduction dt {
  font-weight: bold; }
#introduction .work {
  font-size: 12px;
  color: #333; }

/* Googleマップ */
#googlemap #map {
  width: 100%; }

/* Facebook枠 */
#facebook {
  font-size: 13px;
  text-align: center; }

.facebook-wrapper {
  max-width: 500px;
  margin: 0 auto; }

.facebook-wrapper > .fb-page {
  width: 100%; }

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
  width: 100% !important; }

/* アグリファイブの活動とは */
#activity .character {
  margin: 0 auto; }

/* ごちそうさま〜ず ５つの事業 */
#work p {
  margin-bottom: 25px; }
#work ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }
#work img {
  display: block;
  border-radius: 10px; }
#work h2 {
  font-size: 20px;
  font-weight: normal;
  color: #717171; }
  #work h2 span {
    display: block;
    float: right;
    width: 56px;
    height: 24px;
    margin-left: 10px;
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -9999px; }
#work .keyword01 {
  background-image: url(../img/keyword_01.png); }
#work .keyword02 {
  background-image: url(../img/keyword_02.png); }
#work .keyword03 {
  background-image: url(../img/keyword_03.png); }
#work .keyword04 {
  background-image: url(../img/keyword_04.png); }
#work .keyword05 {
  background-image: url(../img/keyword_05.png); }
#work .eventInfo {
  padding-top: 10px;
  border-top: 2px dotted #E6E6E6; }
  #work .eventInfo h3 {
    font-size: 16px;
    font-weight: normal; }
  #work .eventInfo h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0; }
    #work .eventInfo h4:before {
      content: "● ";
      color: #62B0E2; }
  #work .eventInfo p {
    margin-top: 5px; }

/* フッター ******************************************* */
.footerWrap {
  clear: both;
  position: relative;
  background-color: #F0F0D7; }
  .footerWrap .pagetop {
    position: absolute;
    top: -32px;
    display: block;
    width: 64px;
    height: 64px;
    text-indent: -9999px;
    background: url(../img/pageTop.png) no-repeat;
    z-index: 1; }
    .footerWrap .pagetop:hover {
      background-color: #FFF;
      border-radius: 50%; }

.footer {
  text-align: center; }
  .footer strong {
    font-size: 13px; }
  .footer p {
    font-size: 12px;
    margin: 10px auto 0; }
  .footer .copyright {
    font-size: 11px;
    color: #666; }

.sp {
  display: none !important; }

.wrap {
  min-width: 960px; }

/* PCヘッダー ***************************************** */
.header {
  text-align: center;
  padding-bottom: 34px; }
  .header a {
    width: 132px; }
  .header h1 {
    width: 132px;
    height: 140px;
    background-image: url(../img/siteID_l.png); }

/* メインイメージ */
.mainImg {
  max-height: 390px;
  margin-bottom: 28px;
  overflow: hidden; }

.bx-wrapper {
  width: 93.5%;
  max-width: 960px; }

/* メインメニュー */
.mainMenu {
  width: 708px; }
  .mainMenu li {
    float: left;
    margin: 0 10px;
    font-size: 16px;
    line-height: 52px; }
  .mainMenu #hom a {
    width: 96px; }
  .mainMenu #abo a {
    width: 188px; }
  .mainMenu #act a {
    width: 204px; }
  .mainMenu #inq a {
    width: 139px; }
  .mainMenu a {
    border-bottom: 6px solid #FFF; }
    .mainMenu a:hover {
      border-bottom: 6px solid #62B0E2; }

.current a {
  border-bottom: 6px solid #62B0E2; }

/* PCコンテンツ *************************************** */
.w_960 {
  max-width: 960px;
  margin: 0 auto; }
  .w_960 p {
    font-size: 13px;
    line-height: 2em; }

section h1 {
  margin-bottom: 50px;
  background-image: url(../img/shadow_l.png); }

/* アグリファイブとは */
#about {
  padding-bottom: 80px; }
  #about p {
    margin-bottom: 35px; }
  #about ul {
    width: 700px;
    overflow: hidden; }
  #about li {
    float: left;
    width: 100px;
    height: 136px;
    margin: 0 20px; }
  #about #keyword_01 {
    background-image: url(../img/keyword_pc01.png); }
  #about #keyword_02 {
    background-image: url(../img/keyword_pc02.png); }
  #about #keyword_03 {
    background-image: url(../img/keyword_pc03.png); }
  #about #keyword_04 {
    background-image: url(../img/keyword_pc04.png); }
  #about #keyword_05 {
    background-image: url(../img/keyword_pc05.png); }

.marche img {
  width: 100%; }

/* 理事長あいさつ */
#greeting {
  padding-top: 60px; }
  #greeting .inner {
    width: 500px;
    margin-bottom: 80px; }
  #greeting img {
    width: 160px;
    height: 160px; }

/* 理事の紹介 */
#introduction dl {
  width: 500px;
  margin: 0 auto 90px;
  overflow: hidden; }
#introduction dt,
#introduction dd {
  float: left;
  padding: 8px 0; }
#introduction dt {
  clear: both;
  width: 4em;
  text-align: right; }
#introduction dd {
  margin-left: 1em; }

/* Googleマップ */
#googlemap #map {
  height: 280px; }

/* Facebook枠 */
#facebook {
  padding: 80px 0 100px; }

.facebook-wrapper {
  width: 500px;
  height: 600px; }

/* アグリファイブの活動とは */
#activity .inner {
  text-align: center;
  padding-bottom: 60px; }
#activity p {
  text-align: center; }
#activity .character {
  margin-bottom: 22px; }

.subImg {
  width: 100%;
  margin-bottom: 70px; }
  .subImg img {
    width: 100%; }

/* ごちそうさま〜ず ５つの事業 */
#work .inner p {
  text-align: center;
  margin-bottom: 50px; }
#work ul {
  width: 680px;
  margin-bottom: 50px; }
#work li {
  min-height: 140px;
  margin-bottom: 50px; }
#work img {
  float: left;
  margin-right: 20px; }
#work .eventInfo {
  float: right;
  width: 390px;
  margin-bottom: 50px; }
  #work .eventInfo h3 {
    font-size: 18px;
    font-weight: normal; }
  #work .eventInfo ul {
    width: 390px; }
  #work .eventInfo li {
    min-height: inherit;
    margin-bottom: 10px; }
  #work .eventInfo h4 {
    font-weight: normal; }

/* PCフッター ***************************************** */
.footerWrap {
  padding: 30px 0 60px; }
  .footerWrap .pagetop {
    right: 20px; }