@charset "UTF-8";

/*
 * Site Top - for Campaigns
 */

.clr:after { content: ''; display: block; clear: both; }
.layer_modal_on_headline { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; height: calc(100% + .1px); background: rgba(0, 0, 0, 0.5); z-index: 50; }

.arealink { display: block; color: #007e00; }

.fragment_word { display: inline-block; white-space: nowrap; }

/* +++++++++++++++++++++++++++++++++++++++++ PC */
@media (min-width: 641px) {
  #header { display: none; }

  .visible_large { display: block; }
  .visible_small { display: none; }
}
/* +++++++++++++++++++++++++++++++++++++++++ SP */
@media (max-width: 640px) {
  #container_header_campaign_large { display: none; }

  .visible_large { display: none; }
  .visible_small { display: block; }
}

#container { position: relative; }

/* ナビ開閉時の画面スクロールロック */
body { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  overflow-y: scroll;  -webkit-overflow-scrolling: touch; }
body.lock_scroll { overflow: hidden; }


/* =========================================================================== Header Foundation(Ordianry view) */
.header_campaign_ordinaryview { position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 10; }

.header_campaign_ordinaryview:after,
.header_campaign_ordinaryview .container_nav_toggle:after { position: absolute; bottom: -1px; left: 0; block; content: ''; width: 120%; margin-left: -10%; height: 1px; z-index: -1; border-bottom: 1px solid #ededed; }
/*/
.header_campaign_ordinaryview:after { position: absolute; bottom: -1px; left: 0; block; content: ''; width: 120%; margin-left: -10%; height: 1px; z-index: -1; border-bottom: 1px solid #ededed; }
.header_campaign_ordinaryview .container_nav_toggle:after { position: absolute; bottom: -1px; left: 0; block; content: ''; width: 120%; margin-left: -10%; height: 1px; z-index: -1; border-bottom: 1px solid #ededed; box-shadow:0px 1px 9px 3px rgba(191,191, 191, 0.8); }
/*/

.header_campaign_ordinaryview { transition: top .7s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.header_campaign_ordinaryview.beforeslidedown { top: -80px; }

.header_campaign_ordinaryview .visible_topview { display: none; }
.header_campaign_ordinaryview .visible_ordinaryview { display: block; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Organization Logo */
.header_campaign_ordinaryview .logo_header,
.header_campaign_ordinaryview .container_nav_toggle .logo_shortcut  { float: left; padding: 14px 0 0 30px;}
.header_campaign_ordinaryview .logo_header img,
.header_campaign_ordinaryview .container_nav_toggle .logo_shortcut img  { width: 177.83px; }

.header_campaign_ordinaryview .container_nav_header { width: 100%; background: #fff; }

.header_campaign_ordinaryview .container_nav_toggle .logo_shortcut  { float: left; padding: 14px 0 10px 30px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Shortcut Nav and Toggling Anchor */
.header_campaign_ordinaryview .container_nav_shortcut {  }

.header_campaign_ordinaryview .container_nav_shortcut { float: right; }
.header_campaign_ordinaryview .container_nav_shortcut .nav_shortcut { float: left; }

.header_campaign_ordinaryview .container_nav_shortcut .nav_shortcut .content_nav_shortcut { display: block; height: 23px; font-size: 14px; padding: 22px 20px 18px; border-left: 1px solid #ededed; background: #fff; }

.header_campaign_ordinaryview .container_nav_header.nav_closed .container_nav_toggle .container_gnav { display: none !important; }

.en .header_campaign_ordinaryview .container_nav_shortcut .nav_shortcut:first-child { display: none; }

.header_campaign_ordinaryview .container_nav_shortcut .nav_shortcut.container_ctrl_nav_open .content_nav_shortcut,
.header_campaign_ordinaryview .container_nav_shortcut .ctrl_close_gnav { padding: 0; display: block; float: right; width: 90px; height: 63px; text-align: center; }
.header_campaign_ordinaryview .container_nav_shortcut .nav_shortcut.container_ctrl_nav_open .content_nav_shortcut img { padding-top: 20px; width: 30px; }
.header_campaign_ordinaryview .container_nav_shortcut .nav_shortcut .ctrl_close_gnav { width: 91px; height: 65px; background: url(/common/img/2015/menu_close@2x.png) center center no-repeat #007e00; background-size: 28.28px auto; text-indent: -9999px; overflow: hidden; }


.header_campaign_ordinaryview .container_nav_toggle { display: none; position: absolute; right: 0; top: 0; z-index: 100;  }

.header_campaign_ordinaryview .container_nav_toggle .container_gnav { position: relative; clear: both; background: #fff;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Global Nav Body */

.header_campaign_ordinaryview .container_nav_toggle { position: absolute; right: 0; top: 0; width: 100%; background: #fff; }
.header_campaign_ordinaryview .container_nav_toggle .nav_body { position: relative; width: 100%; overflow-y: scroll; max-height: 680px; }

.header_campaign_ordinaryview .gnav {  }
.header_campaign_ordinaryview .series_elem_gnav { list-style: none; }
.header_campaign_ordinaryview .series_elem_gnav .elem_gnav .content_elem_gnav { display: block;  padding: 30px 30px; border-top: 1px solid #00a53c; font-size: 18px; background: url(/common/img/2015/menu_linkArrow@2x.png) 95% center no-repeat; background-size: 10px 18px; }
.header_campaign_ordinaryview .series_elem_gnav .elem_gnav .content_elem_gnav { background-position: right 30px center; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Function Nav - Language Selector */
.header_campaign_ordinaryview .series_elem_functionnav { display: none; list-style: none; font-size: 14px; padding-left: 30px; }
.header_campaign_ordinaryview .series_elem_functionnav:after { display: block; content: ''; clear: both; }
.header_campaign_ordinaryview .series_elem_functionnav .elem_functionnav { padding: 20.5px 11px 20.5px 0; float: left; }
.header_campaign_ordinaryview .series_elem_functionnav .elem_functionnav:before { content: '／'; padding-right: 10px; }
.header_campaign_ordinaryview .series_elem_functionnav .elem_functionnav:first-child:before { content: none; padding-right: 0; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Global Nav - Text Search */
.header_campaign_ordinaryview .container_search_site { position: static; border-top: 1px solid #00a53c; padding: 36px 30px; background: #fff; }
.header_campaign_ordinaryview .container_search_site .search_site { border: 1px solid #00a53c; }
.header_campaign_ordinaryview .container_search_site .search_site img { width: 30px; padding: 20px; vertical-align: bottom; }
.header_campaign_ordinaryview .container_search_site .search_site .i-search { padding: 21px 20px 21px 0; border: none; font-size: 18px; width: calc(100% - 90px); }


/* =========================================================================== Header Foundation(Topview) */
.header_campaign_topview { position: absolute; left: 0; top: 0; width: 100%; min-height: 600px; max-height: 900px; background: transparent; z-index: auto; }
/* アスペクト比確保 */
.header_campaign_topview:before { display: block; content: ''; padding-top: 56.25%; }
.header_campaign_topview.maxPadding:before { padding-top: 900px; }


.header_campaign_topview .container_nav_header { position: fixed; width: auto; top: 30px; right: 0; margin-right: 49px; z-index: 400; }
.en .header_campaign_topview .container_nav_header { width: auto; }

.header_campaign_topview .visible_topview { display: block; }
.header_campaign_topview .visible_ordinaryview { display: none; }

// JS Fallback
.lock_scroll .header_campaign_topview .container_nav_header { right: 15px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Organization Logo */
.header_campaign_topview .logo_header { position: absolute; right: 30px; bottom: 30px; z-index: 1; }
.header_campaign_topview .logo_header .content_logo_header { display: block; width: 140px; padding: 30px; background: #fff; }
.header_campaign_topview .logo_header img { width: 100%; }

@media (max-width: 1024px) {
  .header_campaign_topview .logo_header .content_logo_header { width: 90px; padding: 15px; }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Shortcut Nav and Toggling Anchor */
.header_campaign_topview .container_nav_shortcut { overflow: hidden; }
.header_campaign_topview .container_nav_shortcut:after { content: ''; display: block; clear: both; }
.header_campaign_topview .container_nav_shortcut .nav_shortcut { position: relative; float: left; }
.header_campaign_topview .container_nav_shortcut .nav_shortcut .content_nav_shortcut { display: block; padding: 19.5px 14px 19px; text-align: center; font-size: 14px; background-color: transparent; letter-spacing: 1px; }
.header_campaign_topview .container_nav_shortcut .nav_shortcut .content_nav_shortcut:hover { background-color: transparent; }
.header_campaign_topview .container_nav_shortcut .nav_shortcut:first-child { width: 100%; }

.header_campaign_topview .container_nav_header.nav_closed .container_nav_toggle .container_nav_shortcut { display: none !important; }


.en .header_campaign_topview .container_nav_shortcut .nav_shortcut:first-child { display: none; }

.header_campaign_topview .container_nav_shortcut .nav_shortcut:last-child .content_nav_shortcut { padding: 20px 11px 13px; filter: drop-shadow(0 0 1.2px rgba(255, 255, 255, .5)); }

.header_campaign_topview .container_nav_shortcut .nav_shortcut.container_ctrl_nav_open .content_nav_shortcut img { width: 30px; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 'Togglable' Section */
.header_campaign_topview .container_nav_toggle { display: none; }
.header_campaign_topview .container_nav_toggle .container_nav_shortcut { position: absolute; right: 0; top: 0; width: auto; }
.en .header_campaign_topview .container_nav_toggle .container_nav_shortcut { border: none; }

.header_campaign_topview .container_nav_toggle .container_nav_shortcut .nav_shortcut .content_nav_shortcut { padding: 20.5px 12px; }

.header_campaign_topview .container_nav_toggle .container_nav_shortcut .nav_shortcut:first-child:after { content: none; }

.header_campaign_topview .ctrl_close_gnav { box-sizing: border-box; display: block; float: right; width: 80px; height: 62px; background: url(/common/img/2015/menu_close@2x.png) center center no-repeat #007e00; background-size: 17px auto; text-indent: -9999px; overflow: hidden; }
.header_campaign_topview .ctrl_close_gnav:focus { border: 5px solid #05A22F; z-index: 100; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Function Nav - Language Selector */
.header_campaign_topview .series_elem_functionnav { list-style: none; font-size: 14px; padding-left: 30px; }
.header_campaign_topview .series_elem_functionnav:after { display: block; content: ''; clear: both; }
.header_campaign_topview .series_elem_functionnav .elem_functionnav { padding: 20.5px 11px 20.5px 0; float: left; }
.header_campaign_topview .series_elem_functionnav .elem_functionnav:before { content: '／'; padding-right: 10px; }
.header_campaign_topview .series_elem_functionnav .elem_functionnav:first-child:before { content: none; padding-right: 0; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Global Nav Body */
.header_campaign_topview .container_nav_toggle { position: absolute; right: 0; top: 0; width: 680px; background: #fff; }
.header_campaign_topview .gnav {  }
.header_campaign_topview .series_elem_gnav { list-style: none; }
.header_campaign_topview .series_elem_gnav .elem_gnav .content_elem_gnav { display: block;  padding: 18px 30px; border-top: 1px solid #00a53c; font-size: 18px; background: url(/common/img/2015/menu_linkArrow@2x.png) 95% center no-repeat; background-size: 10px 18px; }
.header_campaign_topview .series_elem_gnav .elem_gnav .content_elem_gnav { background-position: right 30px center; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Global Nav - Trailer Button */
.header_campaign_topview .bt_nav_emph { display: block; border: 1px solid #00a53c; text-align: center; padding: 14px 20px; }
.header_campaign_topview .bt_nav_emph:hover { background: #007e00; color: #fff; text-decoration: none; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Global Nav - Text Search */

.header_campaign_topview .container_search_site { border-top: 1px solid #00a53c; padding: 16px 30px; }
.header_campaign_topview .container_search_site .search_site { border: 1px solid #00a53c; }
.header_campaign_topview .container_search_site * + .search_site { margin-top: 16px; }
.header_campaign_topview .container_search_site .search_site img { width: 30px; padding: 12px 20px; vertical-align: bottom; }
.header_campaign_topview .container_search_site .search_site .i-search { padding: 14px 20px 14px 0; border: none; font-size: 18px; width: calc(100% - 90px); }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Headline VI */

#main-container .top-mainvisual-image { position: relative; width: 100%; min-height: 600px; max-height: 900px; margin-bottom: 100px; background-position: center center; background-size: cover; background-image: url(/img/top_vi_campaign_large.jpg); }
/* アスペクト比確保 */
#main-container .top-mainvisual-image:before { display: block; content: ''; padding-top: 56.25%; }
#main-container .top-mainvisual-image.maxPadding:before { padding-top: 900px; }

#main-container .top-mainvisual-image .layer_modal { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

@media (max-width: 640px) {
  #main-container .top-mainvisual-image { background-image: url(/img/top_vi_campaign_small.jpg); }
  #main-container .top-mainvisual-image { min-height: auto;  }
  #main-container .top-mainvisual-image:before { display: block; content: ''; padding-top: 112.5%; }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Headline Copy */
#main-container .top-mainvisual-image .container_copy_headline { position: absolute; top: 51%; top: calc(39% + 4vw); left: 6.25%; width: 100%; width: calc(100% - 60px); max-width: 1060px; height: auto; }
#main-container .top-mainvisual-image .container_copy_headline:after { display: block; content: ''; clear: both; }
#main-container .top-mainvisual-image .container_copy_headline .copy_headline { font-size: 43px; color: #fff; width: 543px; line-height: 1.4; letter-spacing: 0.13em; font-family: yuMincho, serif; }

#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent { display: block; position: relative; float: left; color: #007E00; padding: 19px 60px 18px 30px; border: 1px solid #007E00; background: #fff; }
#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent_en { display: none; }
html[lang="en"] #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent { display: none; }
html[lang="en"] #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent_en { display: block; }
#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent .content_bt_rect_transparent { display: block; font-size: 14px; font-weight: normal; }
#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent .content_bt_rect_transparent .br-tab { display: none; }
#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent .content_bt_rect_transparent::after { content: ""; position: absolute; top: 2px; right: 30px; bottom: 0; margin: auto;  background: url(/common/img/2015/arrow_green_s2.png) no-repeat 0 0; width: 9px; height: 17px; }
#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent:hover { text-decoration: none; background-color: #007E00; border-color: #007E00; color: white; }

#main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent:hover .content_bt_rect_transparent::after { background-position: 0 -17px; }

.en #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent { display: none; }

#main-container .top-mainvisual-image .container_copy_headline .copytxtimage { margin-left: -12px; }

@media (max-width: 1024px) {
  #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent .content_bt_rect_transparent .br-tab { display: block; }
}

@media (max-width: 640px) {
  #main-container .top-mainvisual-image .container_copy_headline { top: 5%; left: 30px; width: calc(100% - 60px); max-width: 1060px; height: 90%; height: calc(100% - 60px); }
  #main-container .top-mainvisual-image .container_copy_headline .copy_headline { width: auto; font-size: 6vw; color: #fff; text-align: center; line-height: 1.4; letter-spacing: 0.13em; }
  #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent { position: absolute; left: 0; bottom: 0; float: none; width: 90%; width: calc(100% - 30px); margin-top: 35px; font-size: 14px; padding: 15px; text-align: center; }
  #main-container .top-mainvisual-image .container_copy_headline .copytxtimage { margin: auto; }
  #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent .content_bt_rect_transparent::after { right: 3%; }
  #main-container .top-mainvisual-image .container_copy_headline .bt_rect_transparent .content_bt_rect_transparent .br-tab { display: none; }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ top-news */
@media (min-width: 641px) {
  .top-news .top-news-list { max-width: 680px; }
}

@media (max-width: 640px) {
  .top-news.top-news--primary { padding: 0 20px; }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Fade-In Banner */
#main-container .top-activity .top-activity-full-featuredimage {  }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner,
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner * { pointer-events: auto; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner { height: auto; min-height: 304px; max-height: 400px; top: auto; bottom: 80px; padding: 0; color: #007e00; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner:after { content: none; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner.arealink:after { content: ''; }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-figure { padding-bottom: 3px; }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_title_feature,
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_content_feature { width: calc(50% - 20px); }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_title_feature,
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature,
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature .content_title_feature  { box-sizing: border-box; position: absolute; width: 100%; height: 100%;  }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature .content_title_feature { padding: 54px 5% 58px; padding-right: calc(5% + 30px); font-size: 36px; font-weight: normal; text-decoration: none; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature .content_title_feature .text_title_feature { display: block; width: 30%; width: calc(40% - 30px); }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature a.content_title_feature { cursor: pointer; }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_content_feature { position: relative;  z-index: 1; float: right; width: 60%; width: calc(60% - 78px); padding: 60px 5% 58px 0;  padding-right: calc(5% + 30px); }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .text_content_feature { font-size: 17px; line-height: 1.7; }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_paragraph_item_feature { display: inline-block; margin-top: 30px; padding: 2px 10px 4px; border: 1px solid #007e00; font-size: 12px; font-weight: normal; line-height: 1.0; letter-spacing: 1px; }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .series_item_feature { margin-top: 14px; list-style: none; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner.arealink:hover .title_feature a,
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner.arealink:hover .title_feature .fragment_word { text-decoration: underline; }

#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .series_item_feature .item_feature { margin-top: 4px; font-size: 16px; line-height: 1.5; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .series_item_feature .item_feature:before { content: '-'; padding-right: 6px; }

/* +++++++++++++++++++++++++++++++++++++++++ Tablet */
@media (max-width: 1024px) {
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner { width: calc(100% - 80px); bottom: 40px; margin: 0 40px;  }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-figure img { min-width: 900px; }
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature {font-size: 34px; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .series_item_feature .item_feature { margin-top: 6px; font-size: 14px; }
/*/
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_title_feature,
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_content_feature { float: none; width: 100%; }
/*/
}

/* +++++++++++++++++++++++++++++++++++++++++ SP */
@media (max-width: 640px) {
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner { max-height: none; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-figure { padding-bottom: 0; }
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-figure img { min-width: 100%; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner { position: relative; top: 0; bottom: auto; margin-left: 20px; margin-right: 20px; width: 98%; width: calc(100% - 40px); min-height: auto; top: auto; padding-right: 20px; padding-bottom: 95px; }
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner:after { width: 10px; height: 18px; top: 77px; right: 0; background-size: 10px 36px; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_paragraph_item_feature { margin-top: 22px; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_content_feature { float: none; width: 100%; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_title_feature { }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature .content_title_feature { padding: 54px 0; font-size: 24px; pointer-events: auto; }
#main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .title_feature .content_title_feature .text_title_feature { width: auto; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .container_content_feature { padding-top: 0; top: 120px; }

  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .series_item_feature .item_feature,
  #main-container .top-activity .top-activity-full-featuredimage .top-activity-inner .series_item_feature .item_feature a { pointer-events: auto; }
}

/* ============================================================ Panel Individual */
/* +++++++++++++++++++++++++++++++++++++++++ top-article-feature */
#main-container .top-article-feature  {  }

#main-container .top-article-feature .top-article-feature-title { margin: 0 auto 36px; max-width: none; width: auto; text-align: center; }
#main-container .top-article-feature .link-arrow { text-align: center; }
#main-container .top-article-feature:hover .link-arrow a { text-decoration: underline; }
#main-container .top-article-feature .bg_panel { margin: 0; padding: 160px 20px; }

@media (max-width: 1024px) {
  #main-container .top-article-feature .bg_panel { margin: 0; padding: 160px 80px; }
}

@media (max-width: 640px) {
  #main-container .top-article-feature .bg_panel { margin: 0; padding: 75px 20px 0; }
}

/* +++++++++++++++++++++++++++++++++++++++++ top-about */
#main-container .top-about { max-width: calc(100% - 120px); margin: 50px 60px 30px 60px; padding: 0; }
#main-container .top-about .bg_panel { background: #f5f7f6;; }

@media (max-width: 1024px) {
  #main-container .top-about { max-width: calc(100% - 80px); margin: 50px 40px 30px 40px; padding: 0; }
}

@media (max-width: 640px) {
  #main-container .top-about { max-width: calc(100%); margin-right: 0; margin-left: 0; }
  #main-container .top-about .bg_panel { margin: 0 20px; padding-top: 43px; padding-bottom: 63px; }
  #main-container .top-about .top-about-title { margin-bottom: -19px; }
}

/* +++++++++++++++++++++++++++++++++++++++++ top-forsocial */
#main-container .top-forsocial { margin-bottom: 70px; }
#main-container .top-forsocial-text { margin: auto; max-width: 760px; }

@media (max-width: 640px) {
  #main-container .top-forsocial { margin-bottom: 97px; }
  #main-container .top-forsocial .bg_panel { padding-left: 0; padding-right: 0; }
  #main-container .top-forsocial .top-forsocial-title { margin-bottom: 40px; }
  #main-container .top-forsocial .top-forsocial-subtitle { margin-bottom: 40px; }

  #main-container .top-forsocial .top-forsocial-text { color: #007e00; }
  #main-container .top-forsocial .link-arrow { margin-top: 15px; }
  #main-container .top-forsocial .link-arrow a { border: none; display: inline-block; padding-right: 40px; text-align: center; letter-spacing: 1px; }
}

/* ============================================================ Activity Thumbnail List */
.top-title-section { margin-top: 164px; text-align: center; color: #007e00; font-size: 28px; font-weight: normal; letter-spacing: 2px; }

/* reset */
#main-container .top-activity .top-activity-list_wrap,
#main-container .top-activity .top-activity-list_wrap * { margin: 0; padding: 0; float: none; width: auto; max-width: none; box-sizing: border-box; }
#main-container .top-activity .top-activity-list-item > a { width: 100%; }

/* Common Style */
#main-container .top-activity .top-activity-list_wrap { margin: auto; padding: 0 40px; width: 100%; max-width: 1060px; }
#main-container .top-activity .top-activity-list_wrap .top-activity-list {  }
#main-container .top-activity .top-activity-list_wrap .top-activity-list-item { float: left; width: 50%; }
#main-container .top-activity .top-activity-list_wrap .top-activity-list-item:nth-child(2n + 1) { clear: both; margin-left: 0; }
#main-container .top-activity .top-activity-list_wrap .top-activity-list-item .top-activity-list-image { width: 100%; height: auto; }
#main-container .top-activity .top-activity-list_wrap .top-activity-list-item .top-activity-list-image img { display: block; width: 100%; height: auto; }

#main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap { display: block; }

/* PC, Tablet */
@media (min-width: 641px) {
  #main-container .top-activity .top-activity-list_wrap { margin-top: -20px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-item { margin-top: 85px; margin-left: 40px; width: calc(50% - 20px); }

  #main-container .top-activity .top-activity-list_wrap .top-activity-list-text,
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap { padding-left: 40px; padding-right: 40px; }

  #main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap { margin-top: 33px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap .top-activity-list-subtitle { font-size: 12px; letter-spacing: 2px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap .top-activity-list-title { margin-top: 8px; font-size: 18px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-text { margin-top: 20px; line-height: 1.786; }

  #main-container .top-activity .link-block { margin-top: 90px; }

}
/* SP */
@media (max-width: 640px) {
  .top-title-section { position: relative; margin-top: -11px; }

  #main-container .top-activity .top-activity-list_wrap { padding: 0 20px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-item { margin: 45px 0 0; float: none; width: 100%; padding: 0; }

  #main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap { margin-top: 19px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-title_wrap .top-activity-list-title { margin-top: 12px; }
  #main-container .top-activity .top-activity-list_wrap .top-activity-list-text { margin-top: 8px; }

  #main-container .top-activity .link-block { margin-top: 50px; }
}


/* ============================================================ News Trailer */
.top-news .top-news-list { margin-top: 26px; }