@charset "UTF-8";
/*============================
reset
============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

sup {
  line-height: 100%;
}

.header__body, .sp-btn-area, .main__body__inner, .footer__top__body__inner, .mail-form__middle, .mail-form__bottom, .keyVisual .bx-wrapper .bx-controls, .slide, .section__inner, .content-wrapper, .news-list-en__item, .publish-list__item__body, .publish-links, .article__top, .publish-item, .mmp-visual__inner, .club-head__body__inner, .imageColumn, .newsList, .addthis_buttongroup {
  *zoom: 1;
}
.header__body:before, .sp-btn-area:before, .main__body__inner:before, .footer__top__body__inner:before, .mail-form__middle:before, .mail-form__bottom:before, .keyVisual .bx-wrapper .bx-controls:before, .slide:before, .section__inner:before, .content-wrapper:before, .news-list-en__item:before, .publish-list__item__body:before, .publish-links:before, .article__top:before, .publish-item:before, .mmp-visual__inner:before, .club-head__body__inner:before, .imageColumn:before, .newsList:before, .addthis_buttongroup:before, .header__body:after, .sp-btn-area:after, .main__body__inner:after, .footer__top__body__inner:after, .mail-form__middle:after, .mail-form__bottom:after, .keyVisual .bx-wrapper .bx-controls:after, .slide:after, .section__inner:after, .content-wrapper:after, .news-list-en__item:after, .publish-list__item__body:after, .publish-links:after, .article__top:after, .publish-item:after, .mmp-visual__inner:after, .club-head__body__inner:after, .imageColumn:after, .newsList:after, .addthis_buttongroup:after {
  content: "";
  display: table;
}
.header__body:after, .sp-btn-area:after, .main__body__inner:after, .footer__top__body__inner:after, .mail-form__middle:after, .mail-form__bottom:after, .keyVisual .bx-wrapper .bx-controls:after, .slide:after, .section__inner:after, .content-wrapper:after, .news-list-en__item:after, .publish-list__item__body:after, .publish-links:after, .article__top:after, .publish-item:after, .mmp-visual__inner:after, .club-head__body__inner:after, .imageColumn:after, .newsList:after, .addthis_buttongroup:after {
  clear: both;
}

.hide,
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

/* ***************************
html, body
*************************** */
* {
  text-indent: 0;
}

html {
  min-height: 100%;
}

body {
  min-height: 100%;
  background: #fff;
  vertical-align: baseline;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 87.5%;
  line-height: 158%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #444;
  overflow-x: hidden;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media screen and (max-width: 680px) {
  body {
    font-size: 87.5%;
    line-height: 172%;
  }
}
.hide,
.pageReader {
  margin: 0;
  padding: 0;
}

input,
textarea,
select,
button {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: inherit;
  line-height: inherit;
}

input[type="checkbox"],
input[type="text"],
input[type="email"],
select,
button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

textarea,
input {
  max-width: 100%;
}

fieldset {
  margin-top: 13px;
}

input[type="text"] {
  width: 100%;
}

input[type="email"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
sp
*************************** */
@media screen and (max-width: 940px) {
  .sp-none {
    display: none;
  }
}
/* ***************************
js-judgeWindowSize
*************************** */
.js-judgeWindowSize {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  speak: none;
  z-index: 0;
}

@media screen and (max-width: 940px) {
  .js-judgeWindowSize {
    position: relative;
  }
}
@media screen and (max-width: 680px) {
  .js-judgeWindowSize {
    position: absolute;
  }
}
.wb-ba {
  word-break: break-all;
}

.wb-bw {
  word-break: break-word;
  word-wrap: break-word;
}

/* ***************************
hr
*************************** */
hr {
  height: 0;
  margin: 10px 0;
  border: none;
  border-top: 1px dotted #ccc;
  background: none;
}

/* ***************************
img
*************************** */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ***************************
headding
*************************** */
/* h1 */
h1 {
  margin-bottom: 26px;
  padding: 19px 10px 21px;
  border-top: 4px solid #74a700;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  color: #444;
  font-size: 171.42857%;
  line-height: 125%;
}

/* h2 */
h2 {
  position: relative;
  margin-bottom: 20px;
  padding: 3px 14px 2px 15px;
  border: 1px solid #ccc;
  border-left: none;
  background: #f8f8f7;
  font-weight: bold;
  color: #3d3c28;
  font-size: 128.57143%;
  line-height: 167%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
h2:before {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: calc(100% + 2px);
  background: #3D3C28;
  top: -1px;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

* + h2 {
  margin-top: 42px;
}

h1 + h2 {
  margin-top: 26px;
}

/* h3 */
h3 {
  position: relative;
  margin-bottom: 13px;
  padding: 5px 15px 3px 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #444;
  font-weight: bold;
  font-size: 114.28571%;
  line-height: 150%;
}
h3:before {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: calc(100% - 12px);
  background: #74a700;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
}

* + h3 {
  margin-top: 34px;
}

/* h4 */
h4 {
  position: relative;
  padding: 3px 15px 1px 20px;
  color: #3d3c28;
  font-weight: bold;
  font-size: 107.14286%;
  line-height: 160%;
}
h4:before {
  position: absolute;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #cabf47;
  top: 8px;
  left: 2px;
}

* + h4 {
  margin-top: 17px;
}

h5 {
  margin-bottom: 9px;
  padding: 2px 10px 2px 8px;
  border-left: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  color: #444;
  font-size: 100%;
  line-height: 129%;
}

* + h5 {
  margin-top: 18px;
}

/* ***************************
text
*************************** */
* + p {
  margin-top: 5px;
}

p + p {
  margin-top: 13px;
}

strong {
  font-weight: bold;
  color: #0e7900;
}
strong > strong {
  color: #a42929;
}

.green {
  color: #285000;
}

.red {
  color: #cc1c04;
}

.underline {
  text-decoration: underline;
}

.fs-l {
  font-size: 114.28571%;
  line-height: 163%;
}

.fs-xl {
  font-size: 128.57143%;
  line-height: 145%;
}

.fs-s {
  font-size: 85.71429%;
  line-height: 150%;
}

.notes {
  font-size: 71.42857%;
  line-height: 210%;
}

.indent {
  text-indent: 1em;
}

.minus-indent {
  text-indent: -1em;
  padding-left: 1em;
}

/* ***************************
a
*************************** */
a {
  text-decoration: underline;
  color: #444;
}
a.visited, a:visited {
  color: #463c9f;
}
a.hover, a:hover {
  color: #638e00;
}
a.hover:before, a:hover:before {
  text-decoration: none;
}
a.hover {
  color: #444;
}

/*
icons
--------------------------- */
/* common */
a[href*=".xls"]:before,
a[href*=".xlsx"]:before,
a[href*=".xlsm"]:before,
a[href*=".zip"]:before,
a[href*=".doc"]:before,
a[href*=".docx"]:before,
a[href*=".ppt"]:before,
a[href*=".asx"]:before,
.outSideLinks a[href^="http"]:before,
a.outSide[href^="http"]:before,
a.inSide:before,
a.inSide2:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-right: 7px;
  margin-bottom: -1px;
  vertical-align: middle;
  line-height: 100%;
}

/* outside */
a.noOutSideLink[href^="http"]:before {
  display: none;
}

/* pdf */
a[href*=".pdf"],
a[href*=".PDF"],
a[href*=".pdf"],
a[href*=".PDF"] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  position: relative;
  padding-left: 26px;
}
a[href*=".pdf"]:before,
a[href*=".PDF"]:before,
a[href*=".pdf"]:before,
a[href*=".PDF"]:before {
  position: absolute;
  content: url(i/icon_pdf.png);
  font-size: 0;
  line-height: 0;
  top: -1px;
  left: 0;
}

/* excel */
a[href*=".xls"]:before,
a[href*=".xlsx"]:before,
a[href*=".xlsm"]:before {
  content: url(i/icon_excel.png);
}

/* word */
a[href*=".doc"]:before,
a[href*=".docx"]:before {
  content: url(i/icon_word.png);
}

/* ppt */
a[href*=".ppt"]:before,
a[href*=".pptx"]:before {
  content: url(i/icon_pp.png);
}

/* zip */
a[href*=".zip"]:before {
  content: url(i/icon_zip.png);
}

/* asx */
a[href*=".asx"]:before {
  content: url(i/icon_asx.png);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0 7px -2px 1px;
  vertical-align: middle;
  line-height: 100%;
}

/* outside */
.outSideLinks a[href^="http"]:before,
a.outSide[href^="http"]:before {
  content: url(i/icon_outside.png);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0 8px 2px 3px;
  vertical-align: middle;
  line-height: 100%;
}

a.inSide:before {
  content: url(/styles/i/arrow_green_ss.png);
}

/* outside */
a.icon-none {
  padding-left: 0;
}
a.icon-none:before, a.icon-none:after {
  display: none;
}

/* ***************************
list
*************************** */
/*
ul, ol
--------------------------- */
ul, ol {
  list-style: none;
}
ul ul, ul ol, ol ul, ol ol {
  margin-left: 0;
  margin-top: 17px;
}

ul + ul, ul + ol, ol + ul, ol + ol {
  margin-top: 29px;
}

ul > li {
  position: relative;
  padding-left: 19px;
  background: none;
  font-size: 100%;
  line-height: 143%;
}
ul > li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background: #a4a4a4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
  left: 4px;
  color: #3b3881;
}

.win ul > li:before {
  top: 7px;
}

ol {
  list-style: decimal;
}
ol > li {
  background: none;
  margin-left: 1.5em;
  padding-left: 0;
}

li + li {
  margin-top: 10px;
}
li ol {
  margin: 10px 0 0;
}
li ul {
  margin: 10px 0 0;
}
li ul > li {
  padding-left: 13px;
}
li ul > li:before {
  top: 6px;
  left: 2px;
  width: 4px;
  height: 4px;
  background: #cacaca;
}

.win li ul > li:before {
  top: 8px;
}

* + ul,
* + ol {
  margin-top: 12px;
}

h3 + ul,
h3 + ol {
  margin-top: 16px;
}

@media screen and (max-width: 680px) {
  ul {
    margin-left: 8px;
  }
  ul > li {
    padding-left: 20px;
  }
  ul > li:before {
    margin-top: 2px;
    font-size: 85.71429%;
    line-height: 100%;
  }
}
/*
list-style
--------------------------- */
.style-none {
  list-style: none;
}
.style-none > li {
  margin-left: 0;
}
.style-none > li:before {
  content: none;
}

.decimal {
  list-style: decimal none outside;
}

.roman {
  list-style: upper-roman none outside;
}

.s-roman {
  list-style: lower-roman none outside;
}

.alpha {
  list-style: lower-alpha none outside;
}

.u-alpha {
  list-style: upper-alpha none outside;
}

.brackets {
  list-style: none;
  counter-reset: brackets;
}
.brackets > li {
  counter-increment: brackets;
  position: relative;
  margin-left: 0;
  padding-left: 20px;
}
.brackets > li:before {
  content: "（" counters(brackets,".") "）";
  position: absolute;
  left: -15px;
}

.brackets-alpha {
  list-style: none;
  counter-reset: brackets-alpha;
}
.brackets-alpha > li {
  counter-increment: brackets-alpha;
  position: relative;
  margin-left: 0;
  padding-left: 20px;
}
.brackets-alpha > li:before {
  content: "（" counter(brackets-alpha,lower-alpha) "）";
  position: absolute;
  left: -15px;
}

.brackets-roman {
  list-style: none;
  counter-reset: brackets-roman;
}
.brackets-roman > li {
  counter-increment: brackets-roman;
  position: relative;
  margin-left: 0;
  padding-left: 20px;
}
.brackets-roman > li:before {
  content: "（" counter(brackets-roman,lower-roman) "）";
  position: absolute;
  left: -15px;
}

.circled {
  list-style: none;
}
.circled > li {
  position: relative;
  margin-left: 0;
  padding-left: 1.1em;
}
.circled > li:before {
  position: absolute;
  left: 0;
}
.circled li:nth-child(1):before {
  content: "\2460";
}
.circled li:nth-child(2):before {
  content: "\2461";
}
.circled li:nth-child(3):before {
  content: "\2462";
}
.circled li:nth-child(4):before {
  content: "\2463";
}
.circled li:nth-child(5):before {
  content: "\2464";
}
.circled li:nth-child(6):before {
  content: "\2465";
}
.circled li:nth-child(7):before {
  content: "\2466";
}
.circled li:nth-child(8):before {
  content: "\2467";
}
.circled li:nth-child(9):before {
  content: "\2468";
}
.circled li:nth-child(10):before {
  content: "\2469";
}
.circled li:nth-child(11):before {
  content: "\246A";
}
.circled li:nth-child(12):before {
  content: "\246B";
}
.circled li:nth-child(13):before {
  content: "\246C";
}
.circled li:nth-child(14):before {
  content: "\246D";
}
.circled li:nth-child(15):before {
  content: "\246E";
}
.circled li:nth-child(16):before {
  content: "\246F";
}
.circled li:nth-child(17):before {
  content: "\2470";
}
.circled li:nth-child(18):before {
  content: "\2471";
}
.circled li:nth-child(19):before {
  content: "\2472";
}
.circled li:nth-child(20):before {
  content: "\2473";
}

/*
list-indent
--------------------------- */
.list-indent,
.list-indent-l,
.list-indent--2em,
.list-indent--3em,
.list-indent--4em {
  list-style: none;
}
.list-indent > li,
.list-indent-l > li,
.list-indent--2em > li,
.list-indent--3em > li,
.list-indent--4em > li {
  position: relative;
  margin-left: 0;
}
.list-indent > li:before,
.list-indent-l > li:before,
.list-indent--2em > li:before,
.list-indent--3em > li:before,
.list-indent--4em > li:before {
  content: none;
}

.list-indent > li {
  padding-left: 1.1em;
}

.list-indent--2em > li,
.list-indent-l > li {
  padding-left: 2.1em;
}

.list-indent--3em > li {
  padding-left: 3.1em;
}

.list-indent--4em > li {
  padding-left: 4.1em;
}

.symbol {
  position: absolute;
  left: 0;
}

/*
list-links
--------------------------- */
.list-links {
  margin-left: 1px;
  margin-bottom: 15px;
}
.list-links > li {
  padding-left: 18px;
}
.list-links > li:before {
  content: none;
}
.list-links a {
  position: relative;
}
.list-links a:before {
  position: absolute;
  content: url("/styles/i/arrow_green_s.png");
  top: 3px;
  left: -15px;
  width: 9px;
  height: 10px;
  font-size: 0;
  line-height: 0;
}

.win .list-links a:before {
  top: 5px;
}

.media-links {
  margin-left: 1px;
  margin-bottom: 15px;
}
.media-links > li {
  padding-left: 0;
}
.media-links > li:before {
  content: none;
}

.link-text {
  padding-left: 18px;
}
.link-text > a {
  position: relative;
}
.link-text > a:before {
  position: absolute;
  content: url("/styles/i/arrow_green_s.png");
  top: 3px;
  left: -15px;
  width: 9px;
  height: 10px;
  font-size: 0;
  line-height: 0;
}

.list-pdf li {
  padding-left: 0;
}
.list-pdf li:before {
  content: none;
}
.list-pdf > li {
  border-bottom: 1px solid #ccc;
  padding: 0;
  padding-left: 26px;
  text-indent: -26px;
}
.list-pdf > li.bottom {
  border-bottom: none;
}
.list-pdf > li:not(:last-child) {
  padding-bottom: 10px;
}

/*
dl
--------------------------- */
dt {
  margin-bottom: 9px;
  font-weight: bold;
}

/* ***************************
table
*************************** */
table {
  width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  box-sizing: border-box;
}

* + table {
  margin-top: 20px;
}

/* ----- thead, tbody, tfoot ----- */
/* ----- cells ----- */
th, td {
  padding: 5px;
  vertical-align: top;
}

th {
  text-align: center;
}

.t-border th,
.t-border td {
  padding: 9px 13px 6px;
  border: 1px solid #bfbfbf;
}
.t-border th {
  background: #565656;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
.t-border .thead2 {
  background: #f7f7f7;
  font-weight: bold;
  color: #444;
}
.t-border .b-t0 {
  border-top: 0;
}
.t-border .b-b0 {
  border-bottom: 0;
}
.t-border .b-r0 {
  border-right: 0;
}
.t-border .b-l0 {
  border-left: 0;
}

/* scroll */
.rt-tableCaption {
  margin-top: 0;
  display: none;
}

@media screen and (max-width: 940px) {
  .rt-tableCaption {
    display: block;
  }

  .rt-tableWrapper {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .rt-tableWrapper table {
    min-width: 700px;
  }
}
.leader-list {
  font-size: 71.42857%;
  line-height: 150%;
}
.leader-list th, .leader-list td {
  padding: 5px;
}
.leader-list tr td:nth-child(2) {
  white-space: nowrap;
}

@media screen and (max-width: 940px) {
  table.leader-list {
    min-width: 1000px;
  }
}
/* ***************************
base
*************************** */
.base {
  position: relative;
  overflow: hidden;
}

/* ***************************
header
*************************** */
.header {
  position: relative;
  z-index: 8;
}

.header__body {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  padding-top: 5px;
}

.header__body__left {
  float: left;
  position: absolute;
  top: 36px;
  left: -8px;
}

.header__body__right {
  float: right;
  width: 59.89362%;
}

@media screen and (max-width: 940px) {
  .header {
    min-height: 60px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  }

  .header__body {
    padding-top: 0;
  }

  .header__body__left {
    position: static;
    float: left;
    width: calc(100% - 106px);
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  .header__body__right {
    width: 96px;
  }
}
/*
logo
--------------------------- */
.logo {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.logo a {
  display: block;
}

@media screen and (max-width: 940px) {
  .logo {
    display: table-cell;
    margin: 0;
    padding: 0 6px 0 12px;
    height: 60px;
    vertical-align: middle;
  }
}
/*
header utility
--------------------------- */
.h-utility {
  letter-spacing: -0.4em;
  text-align: right;
}

@media screen and (max-width: 940px) {
  .h-utility {
    display: none;
  }

  .h-utility-sp {
    margin-top: 10px;
  }

  .h-utility-sp__item {
    text-align: center;
  }
}
.h-utility__item {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  font-size: 85.71429%;
  line-height: 184%;
  vertical-align: middle;
  text-align: left;
  letter-spacing: normal;
}
.h-utility__item + .h-utility__item {
  margin-left: 13px;
}

/*
header linkList
--------------------------- */
.h-linkList {
  margin: 0;
  white-space: nowrap;
  letter-spacing: -0.4em;
}

.h-linkList__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-top: 0;
  padding-left: 0;
  vertical-align: middle;
  line-height: 158%;
}
.h-linkList__item + .h-linkList__item {
  margin-left: 12px;
}
.h-linkList__item:before {
  content: none;
}

@media screen and (max-width: 940px) {
  .h-linkList__item {
    width: 50%;
  }
  .h-linkList__item + .h-linkList__item {
    margin-left: 0;
  }
}
.h-linkList__item__link {
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  color: #444;
}
.h-linkList__item__link:visited, .h-linkList__item__link:hover {
  color: #444;
}
.h-linkList__item__link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 16px;
  margin: auto 0;
}
.h-linkList__item__link--login {
  display: block;
  padding: 1px 6px 2px 20px;
  border: 1px solid #c7bf77;
  background: #e9e6ca;
  color: #635903;
  height: 17px;
}
.h-linkList__item__link--login:before {
  left: 7px;
  top: 1px;
  bottom: auto;
  content: url("/styles/i/key.png");
}
.h-linkList__item__link--login:visited, .h-linkList__item__link--login:hover {
  color: #635903;
}
.h-linkList__item__link--en {
  padding-left: 21px;
}
.h-linkList__item__link--en:before {
  left: 1px;
  top: 0px;
  bottom: auto;
  content: url("/styles/i/earth.png");
}

/*
search-form
--------------------------- */
.search-form {
  width: 160px;
}

@media screen and (max-width: 940px) {
  .search-form {
    width: 180px;
  }
}
.search-form__inner {
  position: relative;
}

.search-form__box {
  width: 160px;
  height: 24px;
  border: 1px solid #e3e3e3 !important;
  padding: 1px 25px 1px 1px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.search-form__submitBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 24px;
  padding: 5px 6px 4px;
  border: none;
  background: url("/styles/i/search.png") center center no-repeat;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

@media screen and (max-width: 940px) {
  .search-form__box {
    width: 180px;
  }
}
.sp-btn-area {
  display: none;
  margin: 0;
}

.sp-btn-area__item {
  float: left;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.sp-btn-area__item:before {
  content: none;
}

@media screen and (max-width: 940px) {
  .sp-btn-area {
    display: block;
  }
}
/*
headBtn
--------------------------- */
.headBtn {
  display: block;
  width: 48px;
  height: 60px;
  padding: 10px 0 2px;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.headBtn:visited, .headBtn:hover {
  color: #444;
}
.headBtn--login {
  font-size: 64.28571%;
  line-height: 112%;
  background: #e9e6ca;
  border-left: 1px solid #c7bf77;
  color: #635903;
}
.headBtn--login:before {
  display: block;
  content: url("/styles/i/key2.png");
  width: 11px;
  height: 22px;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}
.headBtn--login:visited, .headBtn--login:hover {
  color: #635903;
}
.headBtn--navToggle {
  font-size: 71.42857%;
  line-height: 160%;
  background: #565656;
  border-right: 1px solid #565656;
  color: #fff;
}
.headBtn--navToggle:visited, .headBtn--navToggle:hover {
  color: #fff;
}

.headBtn__icon {
  position: relative;
  margin: 0 auto;
  width: 28px;
  height: 22px;
}

.headBtn__icon__bar {
  position: absolute;
  display: block;
  width: 28px;
  height: 2px;
  background: #77ab00;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.headBtn__icon__bar:nth-child(1) {
  top: 5px;
}
.headBtn__icon__bar:nth-child(2) {
  top: 12px;
}
.headBtn__icon__bar:nth-child(3) {
  bottom: 1px;
}

.is-open .headBtn__icon__bar:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.is-open .headBtn__icon__bar:nth-child(2) {
  top: 12px;
  width: 0;
}
.is-open .headBtn__icon__bar:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.headBtn__text {
  display: table-cell;
  padding-top: 4px;
  width: 50px;
  height: 22px;
  vertical-align: middle;
}

/*
btn-gnavOpen
--------------------------- */
.btn-gnavOpen {
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
}
.btn-gnavOpen:hover {
  color: #444;
}

.btn-gnavOpen__bar {
  display: block;
  height: 3px;
  width: 35px;
  margin: 0 auto;
  background: #565656;
}
.btn-gnavOpen__bar + .btn-gnavOpen__bar {
  margin-top: 5px;
}

/* ***************************
global navi
*************************** */
/*
navGlobal
--------------------------- */
.navGlobal {
  position: relative;
  margin-top: 14px;
  -webkit-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.27);
  -ms-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.27);
  -o-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.27);
  z-index: 7;
}

@media screen and (max-width: 940px) {
  .navGlobal {
    position: absolute;
    display: none;
    top: 0;
    right: -220px;
    width: 220px;
    min-height: 100vh;
    margin: 0;
    background: #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

  .base {
    left: 0;
    -webkit-transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
    -ms-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    transition: left 0.4s ease;
  }

  .is-open .navGlobal {
    display: block;
  }
  .is-open .base {
    left: -220px;
    -webkit-transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
    -ms-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    transition: left 0.4s ease;
    overflow: visible;
  }
  .is-open .base:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 5;
  }
  .is-open .header:before {
    content: "";
    position: absolute;
    width: calc(100% - 48px);
    height: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 6;
  }
  .is-open body {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 940px) {
  .btn-gnavOpen {
    display: block;
  }
}
.btn-gnavClose {
  display: block;
  padding: 15px 41px 14px 15px;
  border-bottom: 2px solid #d9d9d4;
  text-decoration: none;
  font-size: 100%;
  line-height: 172%;
  color: #444;
}
.btn-gnavClose:hover {
  text-decoration: none;
  color: #444;
}

.navGlobal__body {
  max-width: 940px;
  margin: 0 auto;
}

/* ng-utility */
/* ng-linkList */
/*
listGnav
--------------------------- */
.listGnav {
  margin: 0;
  letter-spacing: -0.4em;
  text-align: right;
}

.listGnav__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  position: relative;
  width: 15%;
  margin: 0;
  padding: 0;
  background: #FFF;
  border-left: 1px solid #e3e3e3;
  font-size: 92.85714%;
  line-height: 170%;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.listGnav__item:last-child {
  border-right: 1px solid #e3e3e3;
  width: 14.78723%;
}
.listGnav__item:before {
  content: none;
}

.listGnav__item__link {
  display: block;
  border-bottom: 4px solid #fff;
  text-align: center;
  color: #444;
  font-weight: bold;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.listGnav__item__link:visited, .listGnav__item__link:hover {
  color: #444;
}
.listGnav__item__link.is-active {
  border-bottom-color: #74a700;
}

.listGnav__item:hover .listGnav__item__link {
  border-bottom-color: #74a700;
}

.listGnav__item__link__row {
  display: table-row;
  margin: 0;
}

@media screen and (max-width: 940px) {
  .listGnav__item__link__row {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: middle;
  }
}
.listGnav__item__link__icon,
.listGnav__item__link__body {
  vertical-align: middle;
  white-space: normal;
}

.listGnav__item__link__icon {
  display: table-cell;
  padding: 5px 0 1px;
  width: 150px;
  height: 35px;
}

.listGnav__item__link__body {
  display: table-cell;
  width: 150px;
  padding: 4px 3px 1px;
}
.listGnav__item__link__body--en {
  font-size: 92.30769%;
  line-height: 100%;
}

.listGnav__item__openCheckbox {
  display: none;
}

.listGnav__item__openBtn {
  display: none;
  position: absolute;
  padding: 10px;
  top: 7px;
  right: 4px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.listGnav__item__openBtn > img {
  display: none;
}
.listGnav__item__openBtn > img:first-child {
  display: block;
}

.listGnav__item__openCheckbox:checked + .listGnav__item__openBtn > img {
  display: block;
}
.listGnav__item__openCheckbox:checked + .listGnav__item__openBtn > img:first-child {
  display: none;
}

@media screen and (max-width: 940px) {
  .listGnav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
  }

  .listGnav__item {
    display: block;
    width: auto;
    border-right: none;
    border-left: none;
    border-bottom: none;
  }
  .listGnav__item:last-child {
    width: auto;
    border-right: none;
  }
  .listGnav__item + .listGnav__item {
    border-top: 1px solid #ccc;
  }

  .listGnav__item__link {
    *zoom: 1;
    letter-spacing: -0.34em;
    width: 100%;
    text-align: left;
    border-bottom: none;
  }
  .listGnav__item__link:hover, .listGnav__item__link.is-active {
    border-bottom: none;
  }

  .listGnav__item__link__icon {
    padding: 5px 3px 4px 7px;
    width: 35px;
    text-align: center;
  }

  .listGnav__item__link__body {
    display: table-cell;
    font-size: 107.69231%;
    line-height: 158%;
    padding: 5px 5px 4px;
  }
  .listGnav__item__link__body--en {
    font-size: 92.30769%;
    line-height: 100%;
  }

  .listGnav__item__openBtn {
    display: block;
  }
}
/*
gnavChild
--------------------------- */
.gnavChild {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 240px;
  overflow: hidden;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  z-index: 1;
}

.listGnav__item:last-child > .gnavChild {
  left: auto;
  right: 0;
}

.listGnav__item:hover > .gnavChild {
  display: block;
}

.gnavChild__item {
  margin: 0;
  padding: 0;
}
.gnavChild__item:before {
  content: none;
}

.gnavChild__item__link {
  position: relative;
  display: block;
  padding: 10px 25px 8px 15px;
  background: #444;
  background: rgba(68, 68, 68, 0.92);
  color: #FFF;
  font-size: 107.69231%;
  line-height: 158%;
  text-decoration: none;
}
.gnavChild__item__link:after {
  position: absolute;
  content: url("/styles/i/arrow_green_s.png");
  top: 10px;
  right: 13px;
  width: 9px;
  height: 10px;
}
.gnavChild__item__link:visited {
  color: #FFF;
}
.gnavChild__item__link:hover {
  color: #fff;
  background: #74a700;
}
.gnavChild__item__link:hover:after {
  content: url("/styles/i/arrow_white_s.png");
}

/* sp */
.navGloval__top-sp,
.navGloval__bottom-sp {
  display: none;
}

@media screen and (max-width: 940px) {
  .navGloval__top-sp,
  .navGloval__bottom-sp {
    display: block;
  }

  .navGloval__top-sp {
    background: #FFF;
    padding: 18px 20px;
  }

  .gnavChild {
    position: static;
    display: block;
    width: 100%;
  }

  .gnavChild__item__link {
    padding: 10px 15px 8px 50px;
    font-size: 85.71429%;
    line-height: 184%;
  }
  .gnavChild__item__link:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 7px;
    border-left: 1px solid #74a700;
    border-bottom: 1px solid #74a700;
    left: 22px;
    top: 11px;
  }
  .gnavChild__item__link:after {
    content: none;
  }
  .gnavChild__item__link:hover {
    background: #77ab00;
  }
  .gnavChild__item__link:hover:before {
    border-color: #FFF;
  }
  .gnavChild__item__link:hover:after {
    content: none;
  }

  .listGnav__item__openCheckbox ~ .gnavChild {
    max-height: 0;
  }

  .listGnav__item__openCheckbox:checked ~ .gnavChild {
    max-height: 900px;
  }

  .gnavChild.is-active {
    max-height: 900px;
  }
}
.h-btnList {
  margin: 0;
  padding: 0 10px;
}

.h-btnList__item {
  margin: 0;
  padding: 0;
}
.h-btnList__item:before {
  content: none;
}
.h-btnList__item + .h-btnList__item {
  margin-top: 10px;
}

.h-linkBtn {
  display: block;
  padding: 7px;
  background: #FFF;
  text-align: center;
  text-decoration: none;
}
.h-linkBtn:visited, .h-linkBtn:hover {
  color: #444;
}
.h-linkBtn--pcBtn {
  display: none;
}

.h-linkBtn__body {
  font-size: 85.71429%;
  line-height: 184%;
}

.h-linkBtn__body--en:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/earth.png");
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.h-linkBtn__body--pc:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/pc.png");
  width: 15px;
  height: 12px;
  margin-top: -3px;
  margin-right: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

/* ***************************
side navi
*************************** */
/*
navLocal
--------------------------- */
.navLocal {
  border: 1px solid #ccc;
}

.navLocal__header {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  border: none;
  border-bottom: 4px solid #74a700;
  text-align: center;
}
.navLocal__header:before {
  content: none;
}

.navLocal__header__link {
  display: block;
  padding: 8px 13px 5px 5px;
}
.navLocal__header__link:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-top: -4px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.navLocal__header__link--about {
  padding-right: 5px;
}
.navLocal__header__link--about:before {
  margin-top: -4px;
  margin-right: 5px;
  content: url("/i/icon/about.png");
}
.navLocal__header__link--chairmansmsg:before {
  margin-top: -3px;
  margin-right: 10px;
  content: url("/i/icon/chairmansmsg.png");
}
.navLocal__header__link--topics:before {
  margin-right: 10px;
  content: url("/i/icon/topics.png");
}
.navLocal__header__link--comment:before {
  margin-top: -4px;
  margin-right: 8px;
  content: url("/i/icon/comment.png");
}
.navLocal__header__link--newsrelease:before {
  margin-top: -6px;
  margin-right: 10px;
  content: url("/i/icon/info_header.png");
}
.navLocal__header__link--publish {
  padding-right: 5px;
}
.navLocal__header__link--publish:before {
  margin-right: 10px;
  content: url("/i/icon/publish.png");
}
.navLocal__header__link:visited, .navLocal__header__link:hover {
  color: #444;
}
.navLocal__header__link:hover {
  background: #ccdca9;
}

.navLocal__header__link__body {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

.navLocal__list {
  margin: 0;
}

.navLocal__list__item {
  margin: 0;
  padding: 0;
}
.navLocal__list__item:before {
  content: none;
}
.navLocal__list__item + .navLocal__list__item {
  border-top: 1px solid #ccc;
}

.navLocal__list__item__link {
  position: relative;
  display: block;
  padding: 11px 10px 8px 32px;
  background: #f7f7f7;
  font-weight: bold;
  text-decoration: none;
  font-size: 100%;
  line-height: 125%;
}
.navLocal__list__item__link:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #74a700;
  left: 14px;
  top: 13px;
}
.navLocal__list__item__link:visited, .navLocal__list__item__link:hover {
  color: #444;
}
.navLocal__list__item__link.is-active, .navLocal__list__item__link:hover {
  background: #ccdca9;
}

/*
navLocahild
--------------------------- */
.navLocalChild {
  padding: 0;
  margin: 0;
}

.navLocalChild__item,
.navLocal__list__child {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
.navLocalChild__item:before,
.navLocal__list__child:before {
  content: none;
}

.navLocalChild__item__link,
.navLocal__list__child__link {
  position: relative;
  display: block;
  padding: 7px 10px 5px 44px;
  background: #f7f7f7;
  font-size: 85.71429%;
  line-height: 125%;
  text-decoration: none;
}
.navLocalChild__item__link:before,
.navLocal__list__child__link:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 7px;
  border-left: 1px solid #7cac0f;
  border-bottom: 1px solid #7cac0f;
  left: 27px;
  top: 8px;
}
.navLocalChild__item__link:visited, .navLocalChild__item__link:hover,
.navLocal__list__child__link:visited,
.navLocal__list__child__link:hover {
  color: #444;
}
.navLocalChild__item__link.is-active, .navLocalChild__item__link:hover,
.navLocal__list__child__link.is-active,
.navLocal__list__child__link:hover {
  background: #eceeda;
}

/* ***************************
bread crumb
*************************** */
.breadCrumb {
  background: #565656;
}

.breadCrumb__body {
  max-width: 940px;
  margin: 0 auto;
}

@media screen and (max-width: 940px) {
  .breadCrumb__body {
    padding: 0 10px;
  }
}
/*
listBreadCrumb
--------------------------- */
.listBreadCrumb {
  *zoom: 1;
  letter-spacing: -0.34em;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  text-align: left;
  font-size: 85.71429%;
  line-height: 167%;
}

.listBreadCrumb__item {
  display: inline;
  letter-spacing: normal;
  margin: 0 8px 0 0;
  padding: 0;
  color: #FFF;
}
.listBreadCrumb__item + .listBreadCrumb__item {
  position: relative;
  margin-top: 0;
  padding: 0 0 0 17px;
}
.listBreadCrumb__item + .listBreadCrumb__item:before {
  content: url("/styles/i/arrow_green_s.png");
  position: absolute;
  top: 0.5px;
  left: 0;
  width: 9px;
  height: 10px;
  font-size: 0;
  line-height: 0;
}

.listBreadCrumb__item__link {
  color: #fff;
}
.listBreadCrumb__item__link:visited, .listBreadCrumb__item__link:hover {
  color: #fff;
}

@media screen and (max-width: 940px) {
  .listBreadCrumb {
    text-align: left;
  }
}
/* ***************************
main
*************************** */
.main {
  position: relative;
  min-height: 650px;
  z-index: 2;
}

/*
main__body
--------------------------- */
.main__body {
  padding: 24px 0 70px;
}

.main__body__inner {
  max-width: 940px;
  margin: 0 auto;
}

.main__body__left {
  float: left;
  width: 74.46809%;
}

.main__body__right {
  float: right;
  width: 23.40426%;
}

@media screen and (max-width: 940px) {
  .main__body {
    padding: 24px 10px 70px;
  }
}
@media screen and (max-width: 800px) {
  .main__body__left,
  .main__body__right {
    float: none;
    width: auto;
  }

  .main__body__right {
    margin-top: 60px;
  }
}
/*
link-area
--------------------------- */
.link-area {
  padding-top: 1px;
}

.link-area__header {
  display: table;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: none;
  font-weight: normal;
  color: #444;
  font-size: 128.57143%;
  line-height: 123%;
}
.link-area__header:after, .link-area__header:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -moz-linear-gradient(transparent 50%, #ccc 50%, #ccc 54%, transparent 54%, transparent 100%);
  background: -webkit-linear-gradient(transparent 50%, #ccc 50%, #ccc 54%, transparent 54%, transparent 100%);
  background: linear-gradient(transparent 36.3%, #ccc 36.3%, #ccc 40.9%, transparent 40.9%, transparent 100%);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}
.link-area__header:after {
  border-left: 9px solid transparent;
}
.link-area__header:before {
  border-right: 9px solid transparent;
}

.link-area__list {
  margin: 6px 0 0;
}

@media screen and (max-width: 680px) {
  .link-area__list {
    margin: 7px -5px 0;
    letter-spacing: -0.4em;
    text-align: center;
  }
}
.link-area__list__item {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.link-area__list__item + .link-area__list__item {
  margin-top: 10px;
}
.link-area__list__item:before {
  content: none;
}

@media screen and (max-width: 680px) {
  .link-area__list__item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    width: 50%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .link-area__list__item + .link-area__list__item {
    margin-top: 0;
  }
}
.link-area__list__item__link {
  background: #000;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}

/*
banner-area
--------------------------- */
.banner-area {
  background: #d5d5c5;
}

.banner-area__inner {
  max-width: 940px;
  margin: 0 auto;
}

@media screen and (max-width: 680px) {
  .banner-area__inner {
    padding: 0 10px;
  }
}
.banner-area__list {
  letter-spacing: -0.4em;
  text-align: center;
  margin: 0 -10px;
  padding: 10px 0;
}

@media screen and (max-width: 680px) {
  .banner-area__list {
    margin: 0 -5px;
    padding: 5px 0;
  }
}
.banner-area__list__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 10px;
  font-size: 0;
  line-height: 0;
}
.banner-area__list__item:before {
  content: none;
}

@media screen and (max-width: 680px) {
  .banner-area__list__item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    width: 50%;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .banner-area__list__item + .banner-area__list__item {
    margin-top: 0;
  }
}
.banner-area__list__item__link {
  background: #000;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}

/* ***************************
footer
*************************** */
.footer {
  z-index: 3;
}

/*
footer__top
--------------------------- */
.footer__top {
  background: #638e00;
  padding: 16px 0 30px;
  color: #FFF;
}

@media screen and (max-width: 940px) {
  .footer__top {
    padding: 16px 10px 31px;
  }
}
.footer__top__body {
  max-width: 1118px;
  margin: 0 auto;
  background: url("/i/f-airplane.png") top left no-repeat;
}

@media screen and (max-width: 940px) {
  .footer__top__body {
    background-position: top center;
  }
}
.footer__top__body__inner {
  max-width: 940px;
  margin: 0 auto;
  padding: 29px 0 0;
}

.footer__top__body__left {
  float: left;
  width: 31.38298%;
  margin-top: -3px;
}

.footer__top__body__header {
  font-size: 142.85714%;
  line-height: 140%;
  font-weight: bold;
}

.footer__top__body__text {
  margin-top: 14px;
  font-size: 100%;
  line-height: 172%;
}

.footer__top__body__right {
  float: right;
  width: 65.95745%;
}

@media screen and (max-width: 940px) {
  .footer__top__body__left,
  .footer__top__body__right {
    float: none;
    width: auto;
  }

  .footer__top__body__right {
    margin-top: 20px;
  }
}
/*
mail-form
--------------------------- */
.mail-form__middle {
  margin-top: 20px;
}

.mail-form__left {
  *zoom: 1;
  letter-spacing: -0.34em;
  float: left;
  width: 45.16129%;
}

.mail-form__right {
  *zoom: 1;
  letter-spacing: -0.34em;
  float: right;
  width: 51.6129%;
}

@media screen and (max-width: 660px) {
  .mail-form__left,
  .mail-form__right {
    float: none;
    width: 100%;
  }

  .mail-form__left {
    *zoom: 1;
  }
  .mail-form__left:before, .mail-form__left:after {
    content: "";
    display: table;
  }
  .mail-form__left:after {
    clear: both;
  }

  .mail-form__right {
    margin-top: 20px;
  }
}
.mail-form__input-area {
  letter-spacing: -0.4em;
  text-align: left;
  vertical-align: center;
}

.mail-form__address {
  display: block;
  width: 100%;
  border: none;
  padding: 10px 10px 8px 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: normal;
  color: #444;
}

.mail-form__select,
.mail-form__label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  cursor: pointer;
}

.mail-form__select {
  background: #fff url("/styles/i/select_arrow.png") top right no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  padding: 10px 36px 8px 12px;
  padding-right: 12px\9;
  color: #a2a2a2;
}
.mail-form__select--pref {
  width: 46.42857%;
  margin-right: 7.14286%;
}
.mail-form__select--work {
  width: 46.42857%;
}
.mail-form__select--year {
  width: 37.5%;
  margin-right: 6.25%;
}
.mail-form__select::-ms-expand {
  display: none;
}
.mail-form__select.is-selected {
  color: #444;
}
.mail-form__select option {
  color: #444;
}

@media screen and (max-width: 660px) {
  .mail-form__select--pref, .mail-form__select--work, .mail-form__select--year {
    width: calc(50% - 10px);
  }
  .mail-form__select--pref {
    margin: 0;
    float: left;
    display: block;
  }
  .mail-form__select--work {
    margin: 0;
    float: right;
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .mail-form__select--year {
    width: 37.5%;
  }
}
.mail-form__gender {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

.mail-form__label {
  margin-right: 13px;
}

.mail-form__radio,
.mail-form__checkbox {
  display: none;
}

.mail-form__radio + .mail-form__label {
  position: relative;
  padding-left: 22px;
}
.mail-form__radio + .mail-form__label:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 17px;
  height: 17px;
  background: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
}

.mail-form__radio:checked + .mail-form__label:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  width: 7px;
  height: 7px;
  background: #565656;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.mail-form__text {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}

.mail-form__agree {
  float: left;
  margin-top: 22px;
  padding-left: 12px;
}
.mail-form__agree a {
  color: #FFF;
}
.mail-form__agree a:visited, .mail-form__agree a:hover {
  color: #FFF;
}

@media screen and (max-width: 680px) {
  .mail-form__agree {
    float: none;
  }
}
.mail-form__privacy-link {
  margin-top: 5px;
  padding-left: 28px;
}

.mail-form__checkbox + .mail-form__label {
  position: relative;
  padding-left: 28px;
}
.mail-form__checkbox + .mail-form__label:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 18px;
  height: 18px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
}

.mail-form__checkbox:checked + .mail-form__label:after {
  content: '';
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 3px;
  margin: auto 0;
  width: 10px;
  height: 5px;
  border-left: 2px solid #565656;
  border-bottom: 2px solid #565656;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (max-width: 660px) {
  .mail-form__label:last-child {
    margin-right: 0;
  }
}
.mail-form__submit {
  float: right;
  text-align: right;
  margin-top: 52px;
}

@media screen and (max-width: 680px) {
  .mail-form__submit {
    float: none;
    margin-top: 25px;
    text-align: center;
  }
}
.mail-form__btn {
  display: inline-block;
  min-width: 220px;
  background: #638e00;
  padding: 10px 8px 10px 14px;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.mail-form__btn[disabled="disabled"] {
  background-color: #557a00;
  border-color: #557a00;
  color: #839a4d;
  cursor: auto;
}

.mail-form__btn__body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.mail-form__btn__body:after {
  display: inline-block;
  content: url("/styles/i/arrow_white.png");
  width: 9px;
  height: 12px;
  margin-left: 9px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.mail-form__btn[disabled="disabled"] .mail-form__btn__body:after {
  content: url("/styles/i/arrow_disabled.png");
}

.fTop-linkList {
  letter-spacing: -0.4em;
  text-align: right;
  margin: 12px 0 0;
  padding-right: 1px;
}

@media screen and (max-width: 680px) {
  .fTop-linkList {
    margin-top: 20px;
    text-align: center;
  }
}
.fTop-linkList__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
}
.fTop-linkList__item:before {
  content: none;
}
.fTop-linkList__item + .fTop-linkList__item {
  margin-left: 21px;
}

.fTop-linkList__item__link {
  position: relative;
  padding-right: 16px;
  color: #FFF;
  text-decoration: none;
  font-size: 100%;
  line-height: 158%;
}
.fTop-linkList__item__link:visited, .fTop-linkList__item__link:hover {
  color: #FFF;
}
.fTop-linkList__item__link:hover {
  text-decoration: underline;
}
.fTop-linkList__item__link:after {
  position: absolute;
  display: block;
  content: url("/styles/i/arrow_white.png");
  width: 9px;
  height: 12px;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto 0;
  font-size: 0;
  line-height: 0;
}

/*
footer__middle
--------------------------- */
.footer__middle {
  padding: 30px 0 36px;
  background: #ebebeb;
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 940px) {
  .footer__middle {
    padding: 30px 20px 36px;
  }
}
@media screen and (max-width: 680px) {
  .footer__middle {
    display: none;
  }
}
.footer__middle__body {
  max-width: 940px;
  margin: 0 auto;
  letter-spacing: -0.4em;
  text-align: center;
}

.f-nav-area {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 31.91489%;
  text-align: left;
  vertical-align: top;
}
.f-nav-area + .f-nav-area {
  margin-left: 2.12766%;
}

.f-nav-area__header {
  margin: 0;
  padding: 6px 0;
  border: none;
  background: none;
  font-size: 100%;
  line-height: 158%;
}
.f-nav-area__header--border {
  border-bottom: 1px solid #ccc;
}
.f-nav-area__header:before {
  content: none;
}

.f-nav-area__header__link {
  position: relative;
  padding: 0 15px;
  color: #444;
  text-decoration: none;
}
.f-nav-area__header__link:visited {
  color: #444;
}
.f-nav-area__header__link:hover {
  color: #638e00;
}
.f-nav-area__header__link:before {
  position: absolute;
  display: block;
  content: url("/styles/i/arrow_green.png");
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  width: 9px;
  height: 12px;
  font-size: 0;
  line-height: 0;
}

.f-nav-area__list {
  margin: 5px 0 0;
  padding: 0;
}

.f-nav-area__list + .f-nav-area__header {
  margin-top: 19px;
}

.f-nav-area__header + .f-nav-area__header {
  margin-top: 11px;
}

.f-nav-area__list__item {
  margin: 0;
  padding: 0;
  font-size: 92.85714%;
  line-height: 193%;
}
.f-nav-area__list__item:before {
  content: none;
}

/*
footer__bottom
--------------------------- */
.footer__bottom {
  padding: 10px 0 10px;
  background: #565656;
}

@media screen and (max-width: 940px) {
  .footer__bottom {
    padding: 10px 20px 10px;
  }
}
.footer__bottom__body {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}

.fBottom-linkList {
  margin: 0;
  letter-spacing: -0.4em;
}

.fBottom-linkList__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  position: relative;
  margin: 0;
  padding: 0;
}
.fBottom-linkList__item:before {
  content: none;
}
.fBottom-linkList__item:not(:last-child) {
  padding-right: 17px;
}
.fBottom-linkList__item:not(:last-child):after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 14px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  background: #8f8f8f;
}
.fBottom-linkList__item:not(:first-child) {
  padding-left: 17px;
}
.fBottom-linkList__item:not(:first-child):before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 14px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  background: #767676;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  -o-border-radius: 0%;
  border-radius: 0%;
}

.fBottom-linkList__item__link {
  font-size: 100%;
  line-height: 158%;
  color: #FFF;
  text-decoration: none;
}
.fBottom-linkList__item__link:visited {
  color: #FFF;
}
.fBottom-linkList__item__link:hover {
  color: #FFF;
  text-decoration: underline;
}

.copyright {
  margin: 0;
  color: #bcbcbc;
  font-size: 85.71429%;
  line-height: 134%;
}

.return-top {
  position: fixed;
  bottom: 20px;
  right: calc(50% - 470px);
  z-index: 4;
}

.return-top__btn {
  display: block;
  position: relative;
  padding: 7px 0 0;
  width: 60px;
  height: 60px;
  background: #565656;
  background: rgba(86, 86, 86, 0.88);
  font-size: 71.42857%;
  line-height: 140%;
  text-align: center;
  color: #ccc;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.return-top__btn:visited, .return-top__btn:hover {
  color: #ccc;
}
.return-top__btn:hover {
  background: #565656;
}
.return-top__btn:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 28px;
  height: 20px;
  border-top: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.return-top__btn:after {
  position: absolute;
  content: "";
  display: block;
  top: 12px;
  right: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 940px) {
  .return-top {
    right: 0;
  }
}
.spBtn {
  display: none;
  height: 200px;
  padding: 68px 20px 0;
  font-size: 385.71429%;
  line-height: 112%;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.spBtn:visited, .spBtn:hover {
  color: #444;
}
.spBtn:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/sp.png");
  width: 49px;
  height: 84px;
  margin-top: -10px;
  margin-right: 21px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.is-spView.is-pcMode .spBtn {
  display: block;
}

/* ***************************
top
*************************** */
/*
mainVisual
--------------------------- */
.mainVisual {
  position: relative;
  padding: 24px 0 0;
  z-index: 1;
}

@media screen and (max-width: 940px) {
  .mainVisual {
    padding: 0;
  }
}
.mainVisual__inner {
  max-width: 940px;
  margin: 0 auto;
}

.mainVisual-en {
  font-size: 0;
  line-height: 0;
  background: url("/mainvisual/en/mainvisual.jpg") center center no-repeat;
  min-height: 140px;
  padding-top: 11.66667%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 940px) {
  .mainVisual-en {
    min-height: 80px;
  }
}
/*
keyVisual
--------------------------- */
.keyVisual {
  position: relative;
}

.keyVisual__body {
  position: relative;
  margin: 0 auto;
}

@media screen and (max-width: 680px) {
  .keyVisual__body {
    max-width: 700px;
  }
}
.keyVisual__overlay {
  position: absolute;
  top: 0;
  background: #000d06;
  background: rgba(0, 13, 6, 0.3);
}
.keyVisual__overlay.for-right {
  right: 0;
  left: 50%;
  margin-left: 555px;
}
.keyVisual__overlay.for-left {
  left: 0;
  right: 50%;
  margin-right: 555px;
}

/* kv-slider */
.kv-slider__item {
  display: none;
}
.kv-slider__item:first-child {
  display: block;
}

.kv-slider__item__inner {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.kv-slider__item__link {
  display: block;
  background: #FFF;
}
.kv-slider__item__link:hover img {
  opacity: 0.7;
}

.keyVisual__controls {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 220px;
  letter-spacing: -0.4em;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 940px) {
  .keyVisual__controls {
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    margin: auto;
  }
}
.keyVisual__controls__btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

.keyVisual__controls__slider-pager, .pickup-controls__slider-pager {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0 4px;
  vertical-align: middle;
}

.bx-pager-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}

.bx-pager {
  font-size: 0;
  line-height: 0;
  letter-spacing: -0.4em;
}

.bx-pager-item + .bx-pager-item {
  margin-left: 8px;
}

@media screen and (max-width: 940px) {
  .bx-pager-item + .bx-pager-item {
    margin-left: 14px;
  }
}
.bx-pager-link {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #818181;
}

@media screen and (max-width: 940px) {
  .bx-pager-link {
    width: 6px;
    height: 6px;
  }
}
.bx-pager-link:hover,
.bx-pager-link.active,
.bx-pager-link:focus {
  background: #77ab00;
}

.bx-prev {
  background: url("/i/keyvisual/controls/arrow_left.png") center center no-repeat;
  display: block;
  padding: 10px;
  font-size: 0;
  line-height: 0;
  width: 9px;
  height: 12px;
}

.bx-next {
  background: url("/i/keyvisual/controls/arrow_right.png") center center no-repeat;
  display: block;
  padding: 10px;
  font-size: 0;
  line-height: 0;
  width: 9px;
  height: 12px;
}

@media screen and (max-width: 700px) {
  .keyVisual__overlay {
    display: none;
  }
}
/* keyVisual */
.keyVisual .bx-wrapper .bx-controls {
  position: absolute;
  right: 0;
  bottom: 36px;
  left: 0;
  width: auto;
  margin: 0 auto;
  padding: 0;
}
.keyVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  position: static;
  width: auto;
  margin-right: 40px;
  padding: 0;
  text-align: right;
  line-height: 0;
}
.keyVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  width: auto;
}
.keyVisual .bx-wrapper .bx-controls-auto {
  float: right;
  position: static;
  width: auto;
  height: auto;
  padding: 2px 0;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: block;
  width: 15px;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-start,
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop {
  position: relative;
  display: block;
  width: auto;
  height: 14px;
  margin: 0;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop:before, .keyVisual .bx-wrapper .bx-controls-auto .bx-stop:after {
  content: "";
  position: absolute;
  top: 1px;
  display: block;
  width: 0;
  height: 12px;
  border-left: 4px solid #313131;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop:before {
  left: 2px;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop:after {
  right: 2px;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-start:before {
  content: "";
  position: absolute;
  top: 1px;
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 12px solid #313131;
  border-bottom: 7px solid transparent;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop:hover,
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background: none;
}
.keyVisual .bx-wrapper .bx-controls-auto .bx-start.active,
.keyVisual .bx-wrapper .bx-controls-auto .bx-stop.active {
  display: none;
}

@media screen and (max-width: 940px) {
  .keyVisual .bx-wrapper .bx-controls {
    width: auto;
  }
}
@media screen and (max-width: 680px) {
  .keyVisual .bx-wrapper .bx-controls {
    right: auto;
    left: 50%;
    bottom: 10px;
    margin: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
/* kv-box */
.kv-box {
  *zoom: 1;
  letter-spacing: -0.34em;
  position: absolute;
  top: 70px;
  right: 0;
  bottom: 70px;
  left: 0;
  display: block;
  width: 940px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.kv-box:before {
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  height: 100%;
  vertical-align: middle;
}

.kv-box__inner {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  max-width: 95%;
  vertical-align: middle;
}
.kv-box__inner p {
  font-size: 107.14286%;
  line-height: 160%;
}

@media screen and (max-width: 940px) {
  .kv-box {
    width: auto;
  }
}
@media screen and (max-width: 680px) {
  .kv-box__inner img {
    width: auto;
  }
}
.bx-wrapper .kv-box__inner img {
  display: inline;
}

@media screen and (max-width: 700px) {
  .keyVisual__overlay {
    display: none;
  }
}
.slide {
  overflow: hidden;
}

.slide__img {
  float: left;
  position: relative;
  width: 76.59574%;
  padding-top: 260px;
  overflow: hidden;
}
.slide__img img {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slide__right {
  float: right;
  margin-bottom: -100px;
  padding-bottom: 100px;
  width: 23.40426%;
  background: #f6f6f6;
}

@media screen and (max-width: 940px) {
  .slide__img {
    padding-top: 27.65957%;
  }
}
@media screen and (max-width: 680px) {
  .slide__img,
  .slide__right {
    float: none;
    width: auto;
  }

  .slide__img {
    padding-top: 36.11111%;
  }
}
.slide__right__text {
  min-height: 170px;
  padding: 18px 20px 0 18px;
  font-size: 114.28571%;
  line-height: 138%;
  font-size: 107.14286%;
  line-height: 147%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .slide__right__text {
    padding: 10px 10px 0;
    min-height: 0;
    font-size: 100%;
    line-height: 143%;
  }
}
@media screen and (max-width: 680px) {
  .slide__right__text {
    padding: 10px;
    font-size: 78.57143%;
    line-height: 146%;
  }
}
.slide__right__btn {
  margin-top: 5px;
  padding: 0 20px;
}

@media screen and (max-width: 680px) {
  .slide__right__btn {
    margin-top: 0;
    padding: 0 10px 10px;
  }
}
@media screen and (max-width: 800px) {
  .slide .btn {
    font-size: 85.71429%;
    line-height: 134%;
  }
}
@media screen and (max-width: 680px) {
  .slide .btn {
    width: 100px;
    margin-left: auto;
    font-size: 57.14286%;
    line-height: 138%;
  }

  .slide .btn__body--arrow-r:after, .slide .btn__body--mail:after, .slide .news-btn__body:after {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    content: url("/styles/i/arrow_green_s3.png");
    margin-top: -2px;
    margin-left: 4px;
    width: 5px;
    height: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
  }
}
/*
mmp-area
--------------------------- */
.mmp-area__inner {
  max-width: 940px;
  margin: 0 auto;
}

.mmp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 24px 0 0;
}

@media screen and (max-width: 940px) {
  .mmp-list {
    margin: 5px 0 15px;
  }
}
@media screen and (max-width: 680px) {
  .mmp-list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.mmp-list__item {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mmp-list__item:before {
  content: none;
}
.mmp-list__item:nth-child(1), .mmp-list__item:nth-child(3) {
  width: 350px;
}
.mmp-list__item:nth-child(2) {
  width: 220px;
  margin: 0 10px;
}

@media screen and (max-width: 940px) {
  .mmp-list__item:nth-child(1), .mmp-list__item:nth-child(3) {
    width: 37.23404%;
  }
  .mmp-list__item:nth-child(2) {
    width: 23.40426%;
  }
}
.mmp-list__item__link {
  display: block;
  background: #000;
}

@media screen and (max-width: 680px) {
  .mmp-list__item {
    padding: 5px 10px;
  }
  .mmp-list__item:nth-child(1), .mmp-list__item:nth-child(2), .mmp-list__item:nth-child(3) {
    width: 100%;
    margin: 0;
  }
  .mmp-list__item:nth-child(1), .mmp-list__item:nth-child(3) {
    -webkit-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .mmp-list__item img {
    width: 100%;
  }
}
/*
sns-area
--------------------------- */
.sns-area {
  padding: 10px;
  background: #f6f6f6;
}

@media screen and (max-width: 940px) {
  .sns-area {
    background: none;
    margin: 0;
    padding: 20px 5px;
  }
}
@media screen and (max-width: 940px) {
  .sns-area__list {
    *zoom: 1;
    letter-spacing: -0.34em;
    padding: 0;
    margin: 0 -5px;
    text-align: center;
  }
}
.sns-area__item {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}
.sns-area__item:before {
  content: none;
}
.sns-area__item + .sns-area__item {
  margin-top: 10px;
}

@media screen and (max-width: 940px) {
  .sns-area__item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    width: 30px;
    margin: 0;
    padding: 0 5px;
  }
  .sns-area__item + .sns-area__item {
    margin: 0;
  }
}
.sns-area__item__link {
  display: block;
  background: #000;
}

.sns-text {
  margin: 0;
  padding: 13px 18px 11px;
  background: #4b4b4b;
  background: rgba(75, 75, 75, 0.78);
  color: #FFF;
}

/*
sns-buttons
--------------------------- */
.sns-buttons {
  max-width: 940px;
  margin: 24px auto 0;
  padding: 10px 0;
  background: #ebebeb;
  letter-spacing: -0.4em;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

@media screen and (max-width: 940px) {
  .sns-buttons {
    margin-top: 0;
  }
}
.sns-buttons__facebook,
.sns-buttons__twitter {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  height: 20px;
  vertical-align: middle;
}

.sns-buttons__twitter {
  margin-right: 4px;
}

.sp-sns-buttons {
  display: none;
  background: #f4f4eb;
  padding-bottom: 20px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -0.4em;
  text-align: center;
}

@media screen and (max-width: 940px) {
  .sp-sns-buttons {
    display: block;
  }
}
/*
main
--------------------------- */
.main__sns {
  position: fixed;
  top: calc(50% - 130px);
  left: 0;
  z-index: 4;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
}

@media screen and (max-width: 940px) {
  .main__sns {
    display: none;
  }
}
.main__body--top {
  padding: 20px 0 0;
}

/*
section
--------------------------- */
.section--1 {
  margin-top: 7px;
}

.section--2 {
  margin-top: 40px;
}

.section--3 {
  padding: 39px 0 60px;
}

.section--bg1 {
  background: #565656;
  background: -moz-linear-gradient(top, white 0%, white 38.3%, #565656 38.3%, #565656 100%);
  background: -webkit-linear-gradient(top, white 0%, white 38.3%, #565656 38.3%, #565656 100%);
  background: linear-gradient(to bottom, white 0%, white 38.3%, #565656 38.3%, #565656 100%);
}

.section--bg2 {
  background: #f4f4eb;
}

.section__inner {
  max-width: 940px;
  margin: 0 auto;
}

@media screen and (max-width: 940px) {
  .section__inner {
    padding: 0 10px;
  }
}
/*
content
--------------------------- */
.content {
  letter-spacing: normal;
}

.content--publish {
  float: left;
  width: 74.46809%;
}

.content--banner {
  float: right;
  width: 23.40426%;
}

@media screen and (max-width: 680px) {
  .content--publish,
  .content--banner {
    float: none;
    width: auto;
  }

  .content--banner {
    margin-top: 40px;
  }
}
.content__header {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  border: none;
  background: none;
  color: #444;
  font-size: 142.85714%;
  line-height: 150%;
}
.content__header:before {
  background: none;
  font-size: 0;
  line-height: 0;
}
.content__header--info {
  padding-left: 38px;
}
.content__header--info:before {
  position: absolute;
  display: block;
  content: url("/i/icon/info_header.png");
  width: 21px;
  height: 18px;
  left: 7px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.content__header--topics {
  padding-left: 35px;
}
.content__header--topics:before {
  position: absolute;
  display: block;
  content: url("/i/icon/hukidashi.png");
  width: 23px;
  height: 21px;
  left: 3px;
  top: 2px;
  bottom: 0;
  margin: auto 0;
}
.content__header--publish {
  padding-left: 35px;
}
.content__header--publish:before {
  position: absolute;
  display: block;
  content: url("/i/icon/publish_header.png");
  left: 7px;
  top: 2px;
  bottom: 0;
  margin: auto 0;
}

.content-wrapper {
  max-width: 940px;
  margin: 0 auto;
}

/*
message
--------------------------- */
.message {
  display: none;
  padding: 7px 13px 5px;
  border: 1px solid #cdc9ae;
  background: #f6f5ec;
}

/*
newsrelease
--------------------------- */
.newsrelease {
  position: relative;
  margin-top: 5px;
  padding: 0;
}
.newsrelease--top {
  padding-top: 18px;
}
.newsrelease--level3 {
  padding-top: 6px;
}
.newsrelease--en {
  margin-top: 23px;
}

.newsrelease__rss {
  position: absolute;
  top: -32px;
  left: 150px;
  width: 100px;
}

@media screen and (max-width: 940px) {
  .newsrelease__rss {
    left: auto;
    right: 0;
  }
}
.newsrelease__rss__btn {
  display: block;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
}
.newsrelease__rss__btn:visited, .newsrelease__rss__btn:hover {
  color: #444;
}
.newsrelease__rss__btn:hover {
  background: #ccdca9;
}

.newsrelease__rss__btn__body {
  position: relative;
  padding: 0 4px 0 8px;
}
.newsrelease__rss__btn__body:after {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/rss.png");
  margin-top: -4px;
  margin-left: 8px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.newsrelease__tabs {
  position: absolute;
  display: none;
  top: -32px;
  right: 0;
  margin: 0 -3px;
  text-align: right;
  letter-spacing: -0.4em;
}

@media screen and (max-width: 940px) {
  .newsrelease__tabs {
    position: static;
    width: auto;
    text-align: center;
  }
}
.newsrelease__tabs__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 0 3px;
  width: 126px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.newsrelease__tabs__item:before {
  content: none;
}

@media screen and (max-width: 940px) {
  .newsrelease__tabs__item {
    width: 25%;
  }
}
.newsrelease__tabs__link {
  display: block;
  padding: 3px 5px 2px;
  background: #fff;
  font-size: 85.71429%;
  line-height: 134%;
  color: #444;
  text-align: center;
  border: 1px solid #ccc;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.newsrelease__tabs__link:visited {
  color: #444;
}
.newsrelease__tabs__link.is-active, .newsrelease__tabs__link:hover {
  color: #fff;
  text-shadow: 0 0 5px #000;
}
.newsrelease__tabs__link--all {
  border-bottom: 2px solid #8ab724;
}
.newsrelease__tabs__link--all.is-active, .newsrelease__tabs__link--all:hover {
  background: #8ab724;
  border-color: #8ab724;
}
.newsrelease__tabs__link--proposal {
  border-bottom: 2px solid #d1b440;
}
.newsrelease__tabs__link--proposal.is-active, .newsrelease__tabs__link--proposal:hover {
  background: #d1b440;
  border-color: #d1b440;
}
.newsrelease__tabs__link--comment {
  border-bottom: 2px solid #528e62;
}
.newsrelease__tabs__link--comment.is-active, .newsrelease__tabs__link--comment:hover {
  background: #528e62;
  border-color: #528e62;
}
.newsrelease__tabs__link--info {
  border-bottom: 2px solid #ce713e;
}
.newsrelease__tabs__link--info.is-active, .newsrelease__tabs__link--info:hover {
  background: #ce713e;
  border-color: #ce713e;
}
.newsrelease__tabs__link--event {
  border-bottom: 2px solid #ce713e;
}
.newsrelease__tabs__link--event.is-active, .newsrelease__tabs__link--event:hover {
  background: #ce713e;
  border-color: #ce713e;
}

@media screen and (max-width: 940px) {
  .newsrelease__tabs__link {
    padding: 10px 5px;
  }
}
.newsrelease__area {
  border: 1px solid #ccc;
  border-width: 1px 0;
}

.newsrelease__linkBtn {
  margin: 20px auto 0;
  max-width: 220px;
  text-align: center;
}

.newsrelease__linkBtn__btn {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 13px 49px 9px 71px;
  background: #f6f6f6;
  color: #444;
  text-decoration: none;
}
.newsrelease__linkBtn__btn:before {
  position: absolute;
  content: url("/styles/i/list_green.png");
  left: 49px;
  top: 14px;
}
.newsrelease__linkBtn__btn:visited, .newsrelease__linkBtn__btn:hover {
  color: #444;
}

/*
news-list
--------------------------- */
.news-list {
  margin-bottom: -1px;
}
.news-list--level3 {
  padding-top: 16px;
}

.news-list__item {
  border-bottom: 1px dotted #ccc;
  line-height: 125%;
}

.news-list--top > .news-list__item:nth-child(n+11) {
  display: none;
}
.news-list--top > .news-list__item.is-view {
  display: none;
}
.news-list--top > .news-list__item.is-hidden {
  display: none;
}

.news-list__item__left {
  display: table-cell;
  width: 224px;
  margin: 0;
  padding: 14px 24px 13px 5px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 680px) {
  .news-list__item__left {
    display: block;
    padding-bottom: 0;
  }
}
.news-list__item__icon {
  display: inline-block;
  width: 72px;
  margin-left: 26px;
  padding: 3px 5px;
  font-size: 71.42857%;
  line-height: 120%;
  color: #FFF;
  text-align: center;
  text-shadow: 0 0 4px #000;
  vertical-align: top;
}
.news-list__item__icon--proposal {
  background: #d1b440;
}
.news-list__item__icon--comment {
  background: #528e62;
}
.news-list__item__icon--info {
  background: #ce713e;
}
.news-list__item__icon--event {
  background: #ce713e;
}
.news-list__item__icon--plan, .news-list__item__icon--economy, .news-list__item__icon--politics, .news-list__item__icon--edu, .news-list__item__icon--bizactivity {
  width: 100px;
  margin-left: 10px;
  padding: 2px 4px;
  color: #444;
  text-shadow: none;
  background: #fff;
  border: 1px solid #d1b440;
  font-weight: bold;
}
.news-list__item__icon--summary, .news-list__item__icon--leadercomment, .news-list__item__icon--leaderopinion {
  padding: 2px 4px;
  color: #444;
  text-shadow: none;
  background: #fff;
  border: 1px solid #528e62;
  font-weight: bold;
}

.news-list--event .news-list__item__icon--info, .news-list--event .news-list__item__icon--event {
  padding: 2px 4px;
  color: #444;
  text-shadow: none;
  background: #fff;
  border: 1px solid #ce713e;
  font-weight: bold;
}

.news-list__item__title {
  display: table-cell;
  padding: 14px 5px 13px 0;
}

@media screen and (max-width: 680px) {
  .news-list__item__title {
    display: block;
    margin-top: 10px;
    padding-top: 0;
    padding-left: 10px;
  }
}
.news-list__item__link {
  text-decoration: underline;
}
/*
.news-list__item__link[href^="http"] {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  vertical-align: top;
}
.news-list__item__link[href^="http"]:before {
  position: absolute;
  content: url(i/icon_outside.png);
  left: 3px;
  top: 0;
}
*/
/*
 news-list-en
--------------------------- */
.news-list-en__item {
  padding: 9px 0 11px;
  border-bottom: 1px dotted #ccc;
}
.news-list-en__item:last-child {
  border-bottom: none;
}

.news-list-en__item__left {
  margin-right: 14px;
  padding-left: 6px;
  width: 140px;
  float: left;
}

.news-list-en__item__title {
  overflow: hidden;
}

@media screen and (max-width: 680px) {
  .news-list-en__item__left {
    float: none;
  }
}
/*
pickup-list
--------------------------- */
.pickup-list {
  margin: 0 -10px;
  padding: 0 0 7px;
  letter-spacing: -0.4em;
}

@media screen and (max-width: 940px) {
  .pickup-list {
    margin: -10px;
  }
}
.pickup-list__item {
  display: inline-block;
  letter-spacing: normal;
  width: 20%;
  margin: 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
}
.pickup-list__item:before {
  content: none;
}

@media screen and (max-width: 940px) {
  .pickup-list__item {
    width: 192px !important;
  }
}
.pl-item {
  display: block;
  position: relative;
  text-decoration: none;
  color: #FFF;
}
.pl-item:hover, .pl-item:visited {
  color: #FFF;
}
.pl-item:hover .pl-item__img {
  background: #000;
}


html:not(.mobile) a.pl-item:hover img {
  opacity: 0.7;
}

.pl-item__img {
  position: relative;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  padding-top: 72.09302%;
}

.pl-item__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.pl-item__title {
  position: relative;
  margin: 10px 0 3px;
  padding: 0 19px 0 11px;
  font-size: 100%;
  line-height: 129%;
  font-weight: bold;
}
.pl-item__title:after {
  position: absolute;
  content: url("/styles/i/arrow_green.png");
  top: 0;
  bottom: 2px;
  width: 9px;
  height: 12px;
  margin: auto 0;
  right: 7px;
  font-size: 0;
  line-height: 0;
}
.pl-item__title--noLink {
  margin: 7px 0 0;
  padding: 0 15px;
  font-size: 85.71429%;
  line-height: 117%;
  font-weight: normal;
  text-align: center;
}
.pl-item__title--noLink:after {
  content: none;
}

.pl-item__title__body,
.pl-item__title__body-noLink {
  width: 190px;
  display: table-cell;
  vertical-align: middle;
}

.pickup-controls {
  display: none;
  text-align: center;
}

@media screen and (max-width: 940px) {
  .pickup-controls {
    display: block;
  }
}
/*
publish-list
--------------------------- */
.publish-list {
  margin: 3px 0 0;
}

.publish-list__item {
  margin: 0;
  padding: 20px 0 16px;
  border-bottom: 1px solid #ccc;
}
.publish-list__item:before {
  content: none;
}

.publish-list__item__img {
  float: left;
  margin-right: 20px;
  text-align: center;
}

.publish-list__item__right {
  overflow: hidden;
}

@media screen and (max-width: 680px) {
  .publish-list__item__img {
    float: none;
  }

  .publish-list__item__right {
    margin-top: 15px;
  }
}
.publish-list__item__container + .publish-list__item__container {
  margin-top: 15px;
}

.publish-list__item__header {
  border: none;
  border-left: 4px solid #dcce35;
  margin: 0;
  padding: 3px 10px;
  background: #FFF;
  font-size: 114.28571%;
  line-height: 138%;
  font-weight: normal;
}
.publish-list__item__header:before {
  content: none;
}

.publish-list__item__link {
  position: relative;
  margin-top: 11px;
  font-size: 100%;
  line-height: 158%;
  text-decoration: underline;
  /* &:before {
    position: absolute;
    content: url("/styles/i/icon_pdf.png");
    width: 19px;
    height: 19px;
    top: 0;
    left: 1px;
    font-size: 0;
    line-height: 0;
  } */
}

.publish-list__item__text {
  margin-top: 14px;
  padding-left: 4px;
  font-size: 100%;
  line-height: 172%;
}

@media screen and (max-width: 680px) {
  .publish-list__item__header,
  .publish-list__item__link {
    margin-left: 0;
  }
}
.publish-list__item__author {
  display: table;
  margin-left: auto;
  margin-top: 16px;
}

.publish-list__item__author__text {
  display: table-cell;
  padding-right: 6px;
  font-size: 85.71429%;
  line-height: 150%;
  text-align: right;
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.publish-list__item__author__img {
  display: table-cell;
  margin-top: 0;
  width: 85px;
  padding-bottom: 4px;
}

@media screen and (max-width: 680px) {
  .publish-link {
    padding-right: 0;
  }
}
.publish-links {
  margin-top: 19px;
}

.publish-links__header {
  float: left;
  margin-top: 5px;
  text-align: right;
  width: 45.71429%;
  font-size: 114.28571%;
  line-height: 138%;
}
.publish-links__header:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/i/icon/publish.png");
  width: 17px;
  height: 21px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.publish-linkBtn {
  float: right;
  width: 54.28571%;
  margin: -5px;
  text-align: right;
  letter-spacing: -0.4em;
}

@media screen and (max-width: 940px) {
  .publish-links__header {
    float: none;
    width: auto;
    text-align: left;
  }

  .publish-linkBtn {
    float: none;
    width: auto;
    margin: 9px -10px -10px;
    text-align: center;
  }
}
.publish-linkBtn__latest,
.publish-linkBtn__backnumber {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 5px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 680px) {
  .publish-linkBtn__latest,
  .publish-linkBtn__backnumber {
    width: 50%;
    min-width: 160px;
    padding: 5px;
  }
}
.publish-linkBtn__latest__btn,
.publish-linkBtn__backnumber__btn {
  display: block;
  min-width: 180px;
  margin: 0 auto;
  padding: 6px 10px 3px;
  background: #FFF;
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.publish-linkBtn__latest__btn:visited, .publish-linkBtn__latest__btn:hover,
.publish-linkBtn__backnumber__btn:visited,
.publish-linkBtn__backnumber__btn:hover {
  color: #444;
}

@media screen and (max-width: 680px) {
  .publish-linkBtn__latest__btn,
  .publish-linkBtn__backnumber__btn {
    padding: 6px 5px 3px;
  }
}
.publish-linkBtn__latest__btn__body {
  position: relative;
  padding-right: 10px;
}
.publish-linkBtn__latest__btn__body:after {
  position: absolute;
  content: url("/styles/i/arrow_green.png");
  top: 1px;
  bottom: 0;
  margin: auto 0;
  right: -4px;
}

.publish-linkBtn__backnumber__btn__body {
  position: relative;
  padding-left: 32px;
}
.publish-linkBtn__backnumber__btn__body:before {
  position: absolute;
  content: url("/styles/i/book_green.png");
  top: 3px;
  bottom: 0;
  margin: auto 0;
  left: 8px;
}

.publish-latest__btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  max-width: 180px;
  margin: 0 auto;
  padding: 12px 10px 10px;
  background: #FFF;
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.publish-latest__btn:visited, .publish-latest__btn:hover {
  color: #444;
}

.publish-link__btn {
  display: block;
  max-width: 180px;
  margin: 0 auto;
  padding: 12px 10px 10px;
  background: #FFF;
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.publish-link__btn:visited, .publish-link__btn:hover {
  color: #444;
}

.publish-link__btn__body {
  position: relative;
  padding-left: 26px;
}
.publish-link__btn__body:before {
  position: absolute;
  content: url("/styles/i/book_green.png");
  top: 3px;
  bottom: 0;
  margin: auto 0;
  left: 0;
}

/*
index-list
--------------------------- */
.index-list, .index-list2 {
  margin: 20px -10px -10px;
  letter-spacing: -0.4em;
}

.index-list__item, .index-list2__item {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 10px;
  width: 50%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.index-list__item:before, .index-list2__item:before {
  content: none;
}

@media screen and (max-width: 680px) {
  .index-list__item, .index-list2__item {
    width: 100%;
  }
}
.index-btn, .index-btn2 {
  position: relative;
  display: block;
  height: 100%;
  border: 1px solid #c8ccbe;
  font-size: 128.57143%;
  line-height: 125%;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.index-btn:after, .index-btn2:after {
  position: absolute;
  display: block;
  content: url("/styles/i/arrow_white_s.png");
  width: 9px;
  height: 10px;
  padding: 4px 4px 4px 5px;
  background: #74a700;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -1px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.index-btn:visited, .index-btn2:visited, .index-btn:hover, .index-btn2:hover {
  color: #444;
}

.index-btn2 {
  border: 1px solid #cbcbbd;
  font-size: 114.28571%;
  line-height: 125%;
}
.index-btn2:after {
  position: absolute;
  display: block;
  content: url("/styles/i/arrow_white_ss.png");
  width: 7px;
  height: 8px;
  padding: 4px 4px 4px 5px;
  background: #859f00;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -1px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.index-btn__body, .index-btn2__body {
  padding: 25px 30px 23px;
  background: #e4edce;
  height: 100%;
  border: 3px solid #fff;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.index-btn__body:hover, .index-btn2__body:hover {
  background: #ccdca9;
}

.index-btn2__body {
  padding: 15px 28px;
  background: #eff2df;
}

.index-btn__body__text,
.index-btn2__body__text {
  display: table-cell;
  vertical-align: middle;
}

.index-list__item__body {
  position: relative;
  background: #e4edce;
}
.index-list__item__body:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.index-list__item__link {
  position: relative;
  display: block;
  padding: 29px 33px 25px;
  border: 1px solid #ccc;
  text-decoration: none;
  font-size: 128.57143%;
  line-height: 123%;
  font-weight: bold;
}
.index-list__item__link:visited, .index-list__item__link:hover {
  color: #444;
}

/*
index-list2
--------------------------- */
.index-list2__item__body {
  position: relative;
  background: #eff2df;
}
.index-list2__item__body:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.index-list2__item__body:after {
  position: absolute;
  display: block;
  content: url("/styles/i/arrow_white_ss.png");
  width: 7px;
  height: 8px;
  padding: 4px 4px 4px 5px;
  background: #859f00;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.index-list2__item__link {
  position: relative;
  display: block;
  padding: 18px 31px 16px;
  border: 1px solid #cbcbbd;
  text-decoration: none;
  font-size: 114.28571%;
  line-height: 138%;
  font-weight: bold;
}
.index-list2__item__link:visited, .index-list2__item__link:hover {
  color: #444;
}

.index-list2 + h2 {
  margin-top: 40px;
}

/*
index-list3
--------------------------- */
.index-list3 {
  position: relative;
  *zoom: 1;
  letter-spacing: -0.34em;
  margin: 0 -5px -5px;
}

.index-list3__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 8px;
  vertical-align: top;
}
.index-list3__item:before {
  content: none;
}

@media screen and (max-width: 680px) {
  .index-list3__item {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .index-list3__item {
    width: 100%;
  }
}
.index-list3__item__link {
  position: relative;
  padding-left: 19px;
}
.index-list3__item__link:before {
  position: absolute;
  content: url("/styles/i/arrow_green_ss.png");
  top: 1px;
  bottom: 0;
  margin: auto 0;
  left: 5px;
  width: 8px;
  height: 11px;
  font-size: 0;
  line-height: 0;
}

/*
list-area
--------------------------- */
.list-area {
  margin-top: 33px;
}

.list-area__item + .list-area__item {
  margin-top: 31px;
}

.list-area__item__header {
  padding: 3px 8px 1px;
  border-left: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 107.14286%;
  line-height: 147%;
  color: #0e7900;
  font-weight: normal;
}

.list-area-links {
  margin: 0;
}

.list-area-links__item {
  margin: 0;
  padding: 0 0 0 19px;
}
.list-area-links__item:before {
  content: none;
}
.list-area-links__item + .list-area-links__item {
  margin-top: 8px;
}

.list-area-links__item__link {
  position: relative;
  font-size: 107.14286%;
  line-height: 147%;
  font-weight: bold;
}
.list-area-links__item__link:before {
  position: absolute;
  content: url("/styles/i/arrow_green_s.png");
  top: 3px;
  left: -15px;
  width: 9px;
  height: 10px;
  font-size: 0;
  line-height: 0;
}

.list-area-links__item__link[href*=".pdf"],
.list-area-links__item__link[href*=".PDF"] {
  padding-left: 7px;
}
.list-area-links__item__link[href*=".pdf"]:before,
.list-area-links__item__link[href*=".PDF"]:before {
  position: absolute;
  content: url("/styles/i/icon_pdf.png");
  top: 1px;
  left: -17px;
  width: 19px;
  height: 19px;
  font-size: 0;
  line-height: 0;
}

.list-area-committee {
  margin-left: 19px;
}

.article {
  padding: 0 10px;
}

.article__top__left {
  float: left;
  width: 60%;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.article__top__right {
  float: right;
  width: 40%;
}

.article-dataTable td {
  border: none;
  padding: 0;
  vertical-align: top;
}
.article-dataTable td:nth-child(1) {
  width: 3em;
}
.article-dataTable td:nth-child(2) {
  width: 1em;
}

@media screen and (max-width: 680px) {
  .article__top__left,
  .article__top__right {
    float: none;
    width: auto;
  }
}
.list-links + .article-date {
  margin-top: 15px;
}

@media screen and (max-width: 680px) {
  .movie-area {
    max-width: 300px;
    margin: 20px auto 0;
  }
}
.movie-area__wrapper {
  position: relative;
  padding-top: 56.47059%;
}

* + .movie-area__wrapper {
  margin-top: 30px;
}

.movie-area__iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.name-area {
  margin-top: 15px;
  text-align: right;
}

.article__middle {
  margin-top: 20px;
}

.movie-area__modal-btn {
  display: none;
  max-width: 140px;
  margin: 12px auto 0;
}

.movie-area__modal-link__btn {
  display: block;
  max-width: 140px;
  margin: 0 auto;
  padding: 6px 10px 3px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.movie-area__modal-link__btn:visited, .movie-area__modal-link__btn:hover {
  color: #444;
}

.movie-area__modal-link__btn__body {
  position: relative;
  padding-left: 14px;
}
.movie-area__modal-link__btn__body:before {
  position: absolute;
  content: url("/styles/i/arrow_green_s.png");
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
}

.publish-item__left {
  float: left;
  width: 100%;
  margin-right: -350px;
  padding-right: 365px;
  box-sizing: border-box;
}
.publish-item__left p {
  text-align: center;
}

.publish-item__right {
  float: right;
  width: 350px;
}
.publish-item__right .list-pdf a {
  width: 100%;
}

@media screen and (max-width: 680px) {
  .publish-item__left,
  .publish-item__right {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
  }

  .publish-item__right {
    margin-top: 15px;
  }

  .publish-item__left p {
    max-width: 50%;
    margin: 0 auto;
  }
}
/*
managers-list
--------------------------- */
.managers-list__item__left {
  float: left;
  width: 85px;
  text-align: center;
  margin-right: 10px;
}

.managers-list__item__right {
  margin-top: 0;
  overflow: hidden;
}

.newsmail-agree {
  margin-top: 30px;
}

.newsmail-submit {
  margin: 40px auto 0;
  max-width: 300px;
}

.kyoiku-submit {
  margin: 40px auto 0;
  max-width: 300px;
}

/*
 gmap
 */
.gmap {
  width: 100%;
  height: 400px;
}

/* */
.cus-img {
  max-width: 500px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/********************************
 mmp
 *******************************/
/*
mmp-visual
--------------------------- */
.mmp-visual {
  position: relative;
  z-index: -1;
  background: url("/minna/i/bg.png") top center;
}

.mmp-visual__inner {
  max-width: 940px;
  margin: 0 auto;
}

.mmp-visual__inner__left {
  float: left;
  width: 31.91489%;
}

.mmp-visual__inner__right {
  float: right;
  width: 65.95745%;
  padding: 2.55319% 0;
}

@media screen and (max-width: 680px) {
  .mmp-visual__inner__left,
  .mmp-visual__inner__right {
    float: none;
    width: auto;
  }

  .mmp-visual__inner__right {
    padding: 20px 10px;
  }
}
.mmp-movie {
  -webkit-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.18);
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.18);
}
.mmp-movie .movie-area__wrapper {
  padding-top: 56.12903%;
}

@media screen and (max-width: 680px) {
  .mmp-movie {
    width: 100%;
    margin-top: 0;
  }
}
/*
mmp-header
--------------------------- */
.mmp-header {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  line-height: 0;
  font-weight: normal;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 940px) {
  .mmp-header img {
    width: 100%;
  }
}
.mmp-lead-area {
  padding: 26px 10px 24px;
  background: #fff;
}

@media screen and (max-width: 940px) {
  .mmp-lead-area {
    padding: 26px 0 24px;
  }
}
.mmp-lead {
  font-size: 100%;
  line-height: 172%;
}
.mmp-lead + .mmp-lead {
  margin-top: 9px;
}

@media screen and (max-width: 940px) {
  .mmp-lead {
    text-align: left;
  }
}
/*
mmp-card
--------------------------- */
.mmp-card-area {
  padding: 30px 10px;
  background: #f3f3f3;
}

@media screen and (max-width: 940px) {
  .mmp-card-area {
    padding: 30px 0;
  }
}
.mmp-card {
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.18);
}
.mmp-card + .mmp-card {
  margin-top: 20px;
}

.mmp-card__inner {
  background: #fff;
}

@media screen and (max-width: 940px) {
  .mmp-card__inner {
    padding: 10px;
  }
}
.mmp-card__img {
  display: table-cell;
  width: 23.40426%;
  vertical-align: middle;
}

.mmp-card__right {
  position: relative;
  display: table-cell;
  width: 76.59574%;
  padding: 19px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 940px) {
  .mmp-card__img {
    vertical-align: top;
  }

  .mmp-card__right {
    padding: 0 10px;
  }
}
.mmp-card__container {
  min-height: 134px;
}

@media screen and (max-width: 940px) {
  .mmp-card__container {
    min-height: 0;
  }
}
.mmp-card__header {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 114.28571%;
  line-height: 125%;
  background: none;
  color: #444;
}
.mmp-card__header:before {
  content: none;
}

.mmp-card__text {
  margin-top: 12px;
}

.mmp-card__btn {
  margin-top: 15px;
  margin-left: auto;
  width: 180px;
}
.mmp-card__btn .btn__body--arrow-r, .mmp-card__btn .btn__body--mail, .mmp-card__btn .news-btn__body {
  padding-left: 21px;
}
.mmp-card__btn .btn__body--arrow-r:after, .mmp-card__btn .btn__body--mail:after, .mmp-card__btn .news-btn__body:after {
  margin-left: 12px;
}

@media screen and (max-width: 940px) {
  .mmp-card__btn {
    position: static;
    right: auto;
    bottom: auto;
    margin: 9px 0 0  auto;
  }
}
/*

 */
.mmp-map-area {
  padding: 49px 10px 35px;
}

@media screen and (max-width: 940px) {
  .mmp-map-area {
    padding: 49px 0 35px;
  }
}
.mmp-link-header {
  font-size: 128.57143%;
  line-height: 178%;
  padding-left: 8px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 940px) {
  .mmp-link-header {
    padding: 0;
  }
}
.mmp-link-area {
  padding: 0 10px 69px;
}

@media screen and (max-width: 940px) {
  .mmp-link-area {
    padding: 0 0px 100px;
  }
}
.mmp-link-links {
  margin-top: 21px;
}

@media screen and (max-width: 680px) {
  .mmp-link-links .row-2, .mmp-link-links .managers-list {
    margin: 0 -5px -10px;
  }
  .mmp-link-links .row-2 .col, .mmp-link-links .managers-list .col, .mmp-link-links .row-2 .managers-list__item, .mmp-link-links .managers-list .managers-list__item {
    padding: 10px 5px;
  }
}
.mmp-link {
  position: relative;
  display: block;
  max-width: 460px;
  margin: 0 auto;
  color: #444;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18);
}
.mmp-link:visited, .mmp-link:hover {
  color: #444;
}

.mmp-link__img {
  display: block;
}

.mmp-link__body {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 3px auto 0;
  text-align: center;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mmp-link__body--blue {
  padding-left: 10px;
}
.mmp-link__body--yellow {
  padding-right: 10px;
}

@media screen and (max-width: 680px) {
  .mmp-link__body--blue {
    padding-left: 0;
  }
  .mmp-link__body--yellow {
    padding-right: 0;
  }
}
.mmp-link__body__header {
  background: #fff;
  width: 88px;
  margin: 0 auto;
  padding: 2px 0;
  font-size: 114.28571%;
  line-height: 125%;
  font-weight: bold;
}

@media screen and (max-width: 400px) {
  .mmp-link__body__header {
    width: 58px;
    font-size: 85.71429%;
    line-height: 150%;
  }
}
@media screen and (max-width: 350px) {
  .mmp-link__body__header {
    width: 58px;
    font-size: 78.57143%;
    line-height: 137%;
  }
}
.mmp-link__body__text {
  margin-top: 8px;
  color: #fff;
  font-size: 114.28571%;
  line-height: 150%;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 400px) {
  .mmp-link__body__text {
    font-size: 85.71429%;
    line-height: 150%;
  }
}
@media screen and (max-width: 350px) {
  .mmp-link__body__text {
    font-size: 78.57143%;
    line-height: 137%;
  }
}
.mmp-h1 {
  position: relative;
  padding-top: 35%;
}
.mmp-h1--blue {
  border-bottom: 4px solid #59cbe8;
  background: url("/minna/i/blue_h1.jpg") bottom right no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mmp-h1--yellow {
  border-bottom: 4px solid #f3d54e;
  background: url("/minna/i/yellow_h1.jpg") bottom right no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (min-width: 1200px) {
  .mmp-h1 {
    padding-top: 420px;
  }
}
.mmp-h1__body {
  position: absolute;
  top: 50%;
  left: calc(50% - 470px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 940px) {
  .mmp-h1__body {
    left: 20px;
  }
}
.mmp-h1__body__header {
  font-size: 242.85714%;
  line-height: 124%;
  margin: 0;
  border: none;
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.mmp-h1__body__header--blue {
  padding: 9px 15px 9px 17px;
  border-left: 8px solid #59cbe8;
}
.mmp-h1__body__header--yellow {
  font-size: 242.85714%;
  line-height: 89%;
  padding: 10px 15px 5px 17px;
  border-left: 8px solid #f3d54e;
}

@media screen and (max-width: 680px) {
  .mmp-h1__body__header--blue {
    padding: 7px 15px 11px 12px;
    font-size: 171.42857%;
    line-height: 125%;
  }
  .mmp-h1__body__header--yellow {
    padding: 8px 15px 6px 12px;
    font-size: 171.42857%;
    line-height: 88%;
  }
}
.mmp-h1__body__header__span {
  font-size: 52.94118%;
  line-height: 134%;
}

@media screen and (max-width: 680px) {
  .mmp-h1__body__header__span {
    font-size: 50%;
    line-height: 100%;
  }
}
.mmpProposal-left {
  width: calc(100% - 300px);
}

.mmpProposal-right {
  width: 280px;
}

@media screen and (max-width: 680px) {
  .mmpProposal-left,
  .mmpProposal-right {
    float: none;
    width: auto;
  }
}
.mmp-pdf {
  margin-top: 40px;
}

/* ***************************
doyuclub
*************************** */
.club-head {
  position: relative;
  padding-top: 420px;
  background: url("/doyuclub/i/club_h1.jpg") right bottom no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .club-head {
    padding-top: 35%;
  }
}
.club-head__body {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  padding: 20px 0;
  background: #FFF;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
  .club-head__body {
    padding: 10px 0;
  }
}
.club-head__body__inner {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
}

.club-logo {
  float: left;
  width: 185px;
  margin: 0 calc(50% - 192px) 0 calc(50% - 92px);
  padding: 0;
  border: none;
  text-align: center;
}

@media screen and (max-width: 450px) {
  .club-logo {
    width: 150px;
  }
}
.club-head__rtn {
  float: right;
  position: relative;
  width: 92px;
  margin: auto 0;
  background: #FFF;
  vertical-align: middle;
}

.rtn-dyk {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #444;
  text-decoration: none;
}
.rtn-dyk:hover, .rtn-dyk:visited {
  color: #444;
  text-decoration: none;
}

.rtn-dyk__logo {
  text-align: center;
}

.rtn-dyk__text {
  position: relative;
  margin-top: 0;
  padding-right: 15px;
  text-align: center;
  font-size: 85.71429%;
  line-height: 167%;
}
.rtn-dyk__text:after {
  position: absolute;
  display: block;
  content: url("/doyuclub/i/rtn_arrow.png");
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
}

/* ***************************
iframe
*************************** */
.iframeWrap {
  position: relative;
  padding-top: 56.25%;
  height: 0;
}
.iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* ***************************
grid
*************************** */
.row {
  *zoom: 1;
  letter-spacing: -0.34em;
  margin: 0 -8px -8px;
}

.sp-row-2,
.row-2,
.managers-list {
  position: relative;
  *zoom: 1;
  letter-spacing: -0.34em;
  margin: 0 -10px -10px;
}

.row-3 {
  position: relative;
  *zoom: 1;
  letter-spacing: -0.34em;
  margin: 0 -5px -5px;
}

* + .row {
  margin-top: 12px;
}

* + .sp-row-2,
* + .row-2,
* + .managers-list {
  margin-top: 30px;
}

* + .row-3 {
  margin-top: 12px;
}

h2 + .row {
  margin-top: 0;
}

.row + .row,
.row + .row-2,
.row + .managers-list,
.row + .sp-row-2,
.row + .row-3 {
  margin-top: 10px;
}

.col, .managers-list__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  padding: 8px;
  vertical-align: top;
}

@media screen and (max-width: 680px) {
  .col, .managers-list__item {
    display: block;
  }
}
.sp-row-2 .col, .sp-row-2 .managers-list__item,
.row-2 .col,
.managers-list .col,
.row-2 .managers-list__item,
.managers-list .managers-list__item {
  padding: 10px;
}

.row-3 .col, .row-3 .managers-list__item {
  padding: 5px;
}

.width-1 {
  width: 8.33333%;
}

.width-2 {
  width: 16.66667%;
}

.width-3 {
  width: 25%;
}

.width-4 {
  width: 33.33333%;
}

.width-5 {
  width: 41.66667%;
}

.width-6, .managers-list__item {
  width: 50%;
}

.width-7 {
  width: 58.33333%;
}

.width-8 {
  width: 66.66667%;
}

.width-9 {
  width: 75%;
}

.width-10 {
  width: 83.33333%;
}

.width-11 {
  width: 91.66667%;
}

.width-12 {
  width: 100%;
}

@media screen and (max-width: 680px) {
  .width-1 {
    width: auto;
  }

  .width-2 {
    width: auto;
  }

  .width-3 {
    width: auto;
  }

  .width-4 {
    width: auto;
  }

  .width-5 {
    width: auto;
  }

  .width-6, .managers-list__item {
    width: auto;
  }

  .width-7 {
    width: auto;
  }

  .width-8 {
    width: auto;
  }

  .width-9 {
    width: auto;
  }

  .width-10 {
    width: auto;
  }

  .width-11 {
    width: auto;
  }

  .width-12 {
    width: auto;
  }
}
.per-5 .col, .per-5 .managers-list__item {
  width: 20%;
}

.row.valign-top .col, .row.valign-top .managers-list__item {
  vertical-align: top;
}

.row.valign-middle .col, .row.valign-middle .managers-list__item {
  vertical-align: middle;
}

.row.valign-bottom .col, .row.valign-bottom .managers-list__item {
  vertical-align: bottom;
}

@media screen and (max-width: 680px) {
  .row-2, .managers-list {
    margin: 10px -5px -5px;
  }
  .row-2 .col, .managers-list .col, .row-2 .managers-list__item, .managers-list .managers-list__item {
    padding: 5px;
  }

  .row .col, .row .managers-list__item,
  .sp-row-2 .col,
  .sp-row-2 .managers-list__item {
    display: block;
  }
  .row .width-1,
  .sp-row-2 .width-1 {
    width: auto;
  }
  .row .width-2,
  .sp-row-2 .width-2 {
    width: auto;
  }
  .row .width-3,
  .sp-row-2 .width-3 {
    width: auto;
  }
  .row .width-4,
  .sp-row-2 .width-4 {
    width: auto;
  }
  .row .width-5,
  .sp-row-2 .width-5 {
    width: auto;
  }
  .row .width-6, .row .managers-list__item,
  .sp-row-2 .width-6,
  .sp-row-2 .managers-list__item {
    width: auto;
  }
  .row .width-7,
  .sp-row-2 .width-7 {
    width: auto;
  }
  .row .width-8,
  .sp-row-2 .width-8 {
    width: auto;
  }
  .row .width-9,
  .sp-row-2 .width-9 {
    width: auto;
  }
  .row .width-10,
  .sp-row-2 .width-10 {
    width: auto;
  }
  .row .width-11,
  .sp-row-2 .width-11 {
    width: auto;
  }
  .row .width-12,
  .sp-row-2 .width-12 {
    width: auto;
  }
}
/* ***************************
text
*************************** */
/* headdings */
/* font weight */
.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

/* align */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
  -ms-text-justify: auto;
  text-justify: auto;
}

/* text size */
.text-small {
  font-size: 100%;
  line-height: 186%;
}

.text-large {
  font-size: 128.57143%;
  line-height: 167%;
}

.text-xlarge {
  font-size: 214.28571%;
  line-height: 107%;
}

/* caption */
.caption {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-top: 8px;
  padding: 0 5px;
  font-size: 85.71429%;
  line-height: 150%;
  color: #565656;
}

/* caution */
/* color */
.color-green {
  color: #336600;
}

.color-red {
  color: #bf3326;
}

/* ***************************
link
*************************** */
.link:before {
  margin-right: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.link-large {
  margin-top: 22px;
}
.link-large a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  padding: 0 7px 13px 9px;
  font-size: 157.14286%;
  line-height: 110%;
  color: #444;
}
.link-large a:hover {
  text-decoration: none;
}
.link-large a:after {
  margin-left: 14px;
  padding: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 15px;
  line-height: 15px;
}

@media screen and (max-width: 680px) {
  .link-large {
    margin-top: 10px;
    text-align: center;
  }
  .link-large a {
    padding: 0 4px 7px 4px;
    font-size: 107.14286%;
    line-height: 114%;
  }
  .link-large a:after {
    margin-left: 8px;
    padding: 2px;
    font-size: 12px;
    line-height: 12px;
  }
}
.linkList li:before, .linkList--hr li:before, .linkList--hr-per3 li:before {
  font-size: 71.42857%;
  line-height: 160%;
  border: 0 none;
  color: #999;
}

.linkList--hr {
  *zoom: 1;
  letter-spacing: -0.34em;
}
.linkList--hr li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 50%;
  padding: 0 15px 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.linkList--hr li + li {
  margin-top: 0;
}

.linkList--hr-per3 {
  *zoom: 1;
  letter-spacing: -0.34em;
}
.linkList--hr-per3 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 33.33333%;
  padding: 0 15px 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.linkList--hr-per3 li:before {
  color: #93c62e;
}
.linkList--hr-per3 li + li {
  margin-top: 0;
}
.linkList--hr-per3 a,
.linkList--hr-per3 a:hover,
.linkList--hr-per3 a:visited {
  color: #444;
}
.linkList--hr-per3 a:hover {
  text-decoration: none;
}

.linkDetail {
  margin-top: 12px;
  text-align: right;
  font-size: 107.14286%;
  line-height: 120%;
}
.linkDetail a {
  position: relative;
  padding-left: 15px;
}
.linkDetail a:before {
  position: absolute;
  top: 0.2em;
  left: 0;
  font-size: 60%;
  line-height: 100%;
  height: 1em;
  border: 0 none;
  color: #999;
  overflow: hidden;
}

.imgLink img {
  display: block;
}

html:not(.mobile) .imgLink:hover img {
  opacity: 0.7;
}

/* ***************************
btn
*************************** */
.btn {
  display: block;
  border: 1px solid #ccc;
  color: #444;
  text-decoration: none;
}
.btn:hover, .btn:visited {
  color: #444;
}

.btn__body {
  display: block;
  background: #fff;
  padding: 5px 10px 4px;
  text-align: center;
}
.btn__body:hover {
  cursor: pointer;
  background: #ccdca9;
}
.btn__body--large, .btn__body--news, .btn__body--mail {
  padding: 12px 10px 10px;
}
.btn__body--grey, .btn__body--news, .btn__body--mail {
  background: #f6f6f6;
}
.btn__body--news:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/list_green.png");
  margin-top: -2px;
  margin-right: 7px;
  width: 14px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.btn__body--arrow-r, .btn__body--mail, .news-btn__body {
  padding-left: 14px;
}
.btn__body--arrow-r:after, .btn__body--mail:after, .news-btn__body:after {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/arrow_green.png");
  margin-top: -2px;
  margin-left: 5px;
  width: 9px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.btn__body--arrow-l:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/arrow_green_s.png");
  margin-top: -2px;
  margin-right: 4px;
  width: 9px;
  height: 10px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.btn__body--backnum {
  padding: 5px 5px 4px;
}
.btn__body--backnum:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  content: url("/styles/i/book_green.png");
  margin-top: -1px;
  margin-right: 6px;
  margin-left: 8px;
  width: 18px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

html:not(.mobile) .btn__body:hover {
  cursor: pointer;
  background: #ccdca9;
}

@media screen and (max-width: 680px) {
  .btn {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* news mail */
.news-btn {
  min-width: 300px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  padding: 13px 10px 9px;
  color: #444;
  cursor: pointer;
}
.news-btn:hover {
  background: #ccdca9;
}

.news-btn[disabled="disabled"] {
  background: #f6f6f6;
  color: #ccc;
}
.news-btn[disabled="disabled"]:hover {
  background: #f6f6f6;
}
.news-btn[disabled="disabled"] .news-btn__body:after {
  content: url("/styles/i/arrow_grey.png");
}

/* regist form btn */
form[name="form_data"] > p:last-child {
  margin-top: 50px;
  text-align: center;
}
form[name="form_data"] input[type="button"] {
  border: 1px solid #ccc;
  color: #444;
  text-decoration: none;
  padding: 13px 10px 9px;
  background: #f6f6f6;
  min-width: 150px;
}
form[name="form_data"] input[type="button"]:hover, form[name="form_data"] input[type="button"]:visited {
  color: #444;
}
form[name="form_data"] input[type="button"]:hover {
  cursor: pointer;
  background: #ccdca9;
}
form[name="form_data"] input[type="button"] + input[type="button"] {
  margin-left: 20px;
}

/* ***************************
imageColumn
*************************** */
* + .imageColumn {
  margin-top: 20px;
}

.imageColumn + .imageColumn {
  margin-top: 30px;
}

.imageColumn__image {
  float: left;
  margin-right: 30px;
}
.imageColumn__image.-right {
  float: right;
  margin-right: 0;
  margin-left: 30px;
}

.imageColumn__body {
  overflow: hidden;
}
.imageColumn__body ul {
  margin-left: 0;
}

@media screen and (max-width: 680px) {
  .imageColumn__image,
  .imageColumn__image.-right {
    float: none;
    margin: 0 0 20px;
    text-align: center;
  }
}
/* ***************************
newsList
*************************** */
.newsList {
  padding: 10px 5px;
}
.newsList + .newsList {
  border-top: 1px dotted #ccccc8;
}

.newsList__date {
  float: left;
  margin: 0;
  font-weight: normal;
}

.newsList__title {
  margin-left: 10.2em;
}

@media screen and (max-width: 680px) {
  .newsList__date {
    float: none;
  }

  .newsList__title {
    margin-left: 0;
  }
}
/* ***************************
pager
*************************** */
.pager {
  *zoom: 1;
  letter-spacing: -0.34em;
  text-align: center;
  margin: 18px 0 0;
}

.pager__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  border-left: 1px dotted #acacac;
  border-right: 1px dotted #acacac;
  font-size: 142.85714%;
  line-height: 120%;
}
.pager__item:before, .pager__item:after {
  display: none;
}
.pager__item + .pager__item {
  border-left: 0 none;
}

.pager__item__link {
  display: block;
  width: 1.625em;
  padding: 5px 0 4px;
}
.pager__item__link.is-active, .pager__item__link:hover {
  color: #444;
  text-decoration: none;
}

/* ***************************
form
*************************** */
* + .formBox {
  margin-top: 40px;
}

.formBox__top {
  text-align: center;
}

.formBox__middle {
  margin-top: 49px;
}

.formBox__bottom {
  margin-top: 40px;
  text-align: center;
}

/* formLead */
.formLead {
  font-size: 171.42857%;
  line-height: 159%;
  font-weight: bold;
  color: #167e6c;
}

/* formItem */
.formItem {
  *zoom: 1;
  letter-spacing: -0.34em;
  border-top: 1px dotted #8786ac;
  border-bottom: 1px dotted #8786ac;
  font-size: 128.57143%;
  line-height: 112%;
}
.formItem + .formItem {
  border-top: 0 none;
}
.formItem.for-recapcha {
  margin-top: 16px;
  border-bottom: 0 none;
  background: #f9f9f9;
}

.formItem__label {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 30.97826%;
  margin: 0;
  padding: 20px 3.3125em 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  text-align: right;
  font-weight: normal;
}

.formItem__label__text {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

.formItem__body {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 61.30435%;
  padding: 16px 34px 16px 27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

@media screen and (max-width: 950px) {
  .formItem {
    padding: 6px 0 8px;
    font-size: 85.71429%;
    line-height: 134%;
  }

  .formItem__label {
    position: relative;
    display: block;
    width: auto;
    padding: 2px 0 0 42px;
    text-align: left;
  }

  .formItem__body {
    display: block;
    width: auto;
    margin-top: 8px;
    padding: 0;
  }

  .input-text {
    width: 100%;
  }
}
.essentialLabel {
  position: absolute;
  top: 18px;
  right: 0;
  padding: 2px 5px 3px;
  background: #5f52a0;
  vertical-align: middle;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.essentialLabel:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #5f52a0;
  border-bottom: 10px solid transparent;
}

@media screen and (max-width: 950px) {
  .essentialLabel {
    position: absolute;
    top: 2px;
    right: auto;
    left: 0;
    display: block;
    margin: 0;
    padding: 2px 5px 2px;
    font-size: 6px;
    line-height: 10px;
  }
  .essentialLabel:after {
    right: -7px;
    border-top: 7px solid transparent;
    border-left: 7px solid #5f52a0;
    border-bottom: 7px solid transparent;
  }
}
.note {
  font-size: 92.85714%;
  line-height: 116%;
}

.require {
  font-weight: bold;
  color: #bf3326;
}

.input-text {
  max-width: 100%;
  margin: 0;
  padding: 1px 0 2px;
  border-width: 1px;
  border-style: solid;
  border-top-color: #717171;
  border-right-color: #b4b4b4;
  border-bottom-color: #dadada;
  border-left-color: #b4b4b4;
}

.textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* errorBox */
.errorBox {
  padding: 11px;
  border: 2px solid #f2867e;
  background: #fffafa;
  text-align: center;
  font-size: 100%;
  line-height: 172%;
  color: #bf3326;
}

* + .errorBox {
  margin-top: 13px;
}

/* g-recaptcha */
.recaptchaWrapper {
  width: 300px;
  overflow: hidden;
}

.g-recaptcha {
  margin: -1px -1px -3px -1px;
}

@media screen and (max-width: 950px) {
  .recaptchaWrapper {
    margin: 0 auto;
  }
}
/* bgBox */
.bgBox {
  padding: 18px;
  background: #f6f6f6;
}

* + .bgBox {
  margin-top: 32px;
}

.errorBox + .bgBox {
  margin-top: 20px;
}

/* ***************************
box parts
*************************** */
.clear, .managers-list__item {
  *zoom: 1;
}
.clear:before, .managers-list__item:before, .clear:after, .managers-list__item:after {
  content: "";
  display: table;
}
.clear:after, .managers-list__item:after {
  clear: both;
}

.left {
  float: left;
  margin-top: 0;
}

.right {
  float: right;
  margin-top: 0;
}

.right-auto {
  overflow: hidden;
  margin-top: 0;
}

@media screen and (max-width: 680px) {
  .left,
  .right {
    float: none;
  }

  .left + .left, .left + .right, .left + .right-auto {
    margin-top: 13px;
  }

  .right + .left, .right + .right {
    margin-top: 13px;
  }
}
.set-left,
.set_left {
  text-align: left;
}

.set-right,
.set_right {
  text-align: right;
}

.set-center,
.set_center {
  text-align: center;
}

.set-top {
  vertical-align: top;
}

.set-middle {
  vertical-align: middle;
}

.set-bottom {
  vertical-align: bottom;
}

.set-baseline {
  vertical-align: baseline;
}

.bdr-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
width
*************************** */
.w5 {
  width: 5px;
}

.w10 {
  width: 10px;
}

.w15 {
  width: 15px;
}

.w20 {
  width: 20px;
}

.w25 {
  width: 25px;
}

.w30 {
  width: 30px;
}

.w35 {
  width: 35px;
}

.w40 {
  width: 40px;
}

.w45 {
  width: 45px;
}

.w50 {
  width: 50px;
}

.w55 {
  width: 55px;
}

.w60 {
  width: 60px;
}

.w65 {
  width: 65px;
}

.w70 {
  width: 70px;
}

.w75 {
  width: 75px;
}

.w80 {
  width: 80px;
}

.w85 {
  width: 85px;
}

.w90 {
  width: 90px;
}

.w95 {
  width: 95px;
}

.w100 {
  width: 100px;
}

.w105 {
  width: 105px;
}

.w110 {
  width: 110px;
}

.w115 {
  width: 115px;
}

.w120 {
  width: 120px;
}

.w125 {
  width: 125px;
}

.w130 {
  width: 130px;
}

.w135 {
  width: 135px;
}

.w140 {
  width: 140px;
}

.w145 {
  width: 145px;
}

.w150 {
  width: 150px;
}

.w155 {
  width: 155px;
}

.w160 {
  width: 160px;
}

.w165 {
  width: 165px;
}

.w170 {
  width: 170px;
}

.w175 {
  width: 175px;
}

.w180 {
  width: 180px;
}

.w185 {
  width: 185px;
}

.w190 {
  width: 190px;
}

.w195 {
  width: 195px;
}

.w200 {
  width: 200px;
}

.w205 {
  width: 205px;
}

.w210 {
  width: 210px;
}

.w215 {
  width: 215px;
}

.w220 {
  width: 220px;
}

.w225 {
  width: 225px;
}

.w230 {
  width: 230px;
}

.w235 {
  width: 235px;
}

.w240 {
  width: 240px;
}

.w245 {
  width: 245px;
}

.w250 {
  width: 250px;
}

.w255 {
  width: 255px;
}

.w260 {
  width: 260px;
}

.w265 {
  width: 265px;
}

.w270 {
  width: 270px;
}

.w275 {
  width: 275px;
}

.w280 {
  width: 280px;
}

.w285 {
  width: 285px;
}

.w290 {
  width: 290px;
}

.w295 {
  width: 295px;
}

.w300 {
  width: 300px;
}

.w305 {
  width: 305px;
}

.w310 {
  width: 310px;
}

.w315 {
  width: 315px;
}

.w320 {
  width: 320px;
}

.w325 {
  width: 325px;
}

.w330 {
  width: 330px;
}

.w335 {
  width: 335px;
}

.w340 {
  width: 340px;
}

.w345 {
  width: 345px;
}

.w350 {
  width: 350px;
}

.w355 {
  width: 355px;
}

.w360 {
  width: 360px;
}

.w365 {
  width: 365px;
}

.w370 {
  width: 370px;
}

.w375 {
  width: 375px;
}

.w380 {
  width: 380px;
}

.w385 {
  width: 385px;
}

.w390 {
  width: 390px;
}

.w395 {
  width: 395px;
}

.w400 {
  width: 400px;
}

.w405 {
  width: 405px;
}

.w410 {
  width: 410px;
}

.w415 {
  width: 415px;
}

.w420 {
  width: 420px;
}

.w425 {
  width: 425px;
}

.w430 {
  width: 430px;
}

.w435 {
  width: 435px;
}

.w440 {
  width: 440px;
}

.w445 {
  width: 445px;
}

.w450 {
  width: 450px;
}

.w455 {
  width: 455px;
}

.w460 {
  width: 460px;
}

.w465 {
  width: 465px;
}

.w470 {
  width: 470px;
}

.w475 {
  width: 475px;
}

.w480 {
  width: 480px;
}

.w485 {
  width: 485px;
}

.w490 {
  width: 490px;
}

.w495 {
  width: 495px;
}

.w500 {
  width: 500px;
}

.w505 {
  width: 505px;
}

.w510 {
  width: 510px;
}

.w515 {
  width: 515px;
}

.w520 {
  width: 520px;
}

.w525 {
  width: 525px;
}

.w530 {
  width: 530px;
}

.w535 {
  width: 535px;
}

.w540 {
  width: 540px;
}

.w545 {
  width: 545px;
}

.w550 {
  width: 550px;
}

.w555 {
  width: 555px;
}

.w560 {
  width: 560px;
}

.w565 {
  width: 565px;
}

.w570 {
  width: 570px;
}

.w575 {
  width: 575px;
}

.w580 {
  width: 580px;
}

.w585 {
  width: 585px;
}

.w590 {
  width: 590px;
}

.w595 {
  width: 595px;
}

.w600 {
  width: 600px;
}

.w605 {
  width: 605px;
}

.w610 {
  width: 610px;
}

.w615 {
  width: 615px;
}

.w620 {
  width: 620px;
}

.w625 {
  width: 625px;
}

.w630 {
  width: 630px;
}

.w635 {
  width: 635px;
}

.w640 {
  width: 640px;
}

.w645 {
  width: 645px;
}

.w650 {
  width: 650px;
}

.w655 {
  width: 655px;
}

.w660 {
  width: 660px;
}

.w665 {
  width: 665px;
}

.w670 {
  width: 670px;
}

.w675 {
  width: 675px;
}

.w680 {
  width: 680px;
}

.w685 {
  width: 685px;
}

.w690 {
  width: 690px;
}

.w695 {
  width: 695px;
}

.w700 {
  width: 700px;
}

.w-full {
  width: 100% !important;
}

@media screen and (max-width: 680px) {
  .sp-w-auto {
    width: auto;
  }
}
/* ***************************
height
*************************** */
.h30 {
  height: 30px;
}

.h35 {
  height: 35px;
}

.h40 {
  height: 40px;
}

.h45 {
  height: 45px;
}

.h50 {
  height: 50px;
}

.h55 {
  height: 55px;
}

.h60 {
  height: 60px;
}

.h65 {
  height: 65px;
}

.h70 {
  height: 70px;
}

.h75 {
  height: 75px;
}

.h80 {
  height: 80px;
}

.h85 {
  height: 85px;
}

.h90 {
  height: 90px;
}

.h95 {
  height: 95px;
}

.h100 {
  height: 100px;
}

.h-full {
  height: 100% !important;
}

.min-h0 {
  min-height: 0;
}

/* ***************************
margin padding
*************************** */
.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.m-t0 {
  margin-top: 0px;
}

.m-r0 {
  margin-right: 0px;
}

.m-b0 {
  margin-bottom: 0px;
}

.m-l0 {
  margin-left: 0px;
}

.p-t0 {
  padding-top: 0px;
}

.p-r0 {
  padding-right: 0px;
}

.p-b0 {
  padding-bottom: 0px;
}

.p-l0 {
  padding-left: 0px;
}

.m-t5 {
  margin-top: 5px;
}

.m-r5 {
  margin-right: 5px;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-l5 {
  margin-left: 5px;
}

.p-t5 {
  padding-top: 5px;
}

.p-r5 {
  padding-right: 5px;
}

.p-b5 {
  padding-bottom: 5px;
}

.p-l5 {
  padding-left: 5px;
}

.m-t10 {
  margin-top: 10px;
}

.m-r10 {
  margin-right: 10px;
}

.m-b10 {
  margin-bottom: 10px;
}

.m-l10 {
  margin-left: 10px;
}

.p-t10 {
  padding-top: 10px;
}

.p-r10 {
  padding-right: 10px;
}

.p-b10 {
  padding-bottom: 10px;
}

.p-l10 {
  padding-left: 10px;
}

.m-t15 {
  margin-top: 15px;
}

.m-r15 {
  margin-right: 15px;
}

.m-b15 {
  margin-bottom: 15px;
}

.m-l15 {
  margin-left: 15px;
}

.p-t15 {
  padding-top: 15px;
}

.p-r15 {
  padding-right: 15px;
}

.p-b15 {
  padding-bottom: 15px;
}

.p-l15 {
  padding-left: 15px;
}

.m-t20 {
  margin-top: 20px;
}

.m-r20 {
  margin-right: 20px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-l20 {
  margin-left: 20px;
}

.p-t20 {
  padding-top: 20px;
}

.p-r20 {
  padding-right: 20px;
}

.p-b20 {
  padding-bottom: 20px;
}

.p-l20 {
  padding-left: 20px;
}

.m-t25 {
  margin-top: 25px;
}

.m-r25 {
  margin-right: 25px;
}

.m-b25 {
  margin-bottom: 25px;
}

.m-l25 {
  margin-left: 25px;
}

.p-t25 {
  padding-top: 25px;
}

.p-r25 {
  padding-right: 25px;
}

.p-b25 {
  padding-bottom: 25px;
}

.p-l25 {
  padding-left: 25px;
}

.m-t30 {
  margin-top: 30px;
}

.m-r30 {
  margin-right: 30px;
}

.m-b30 {
  margin-bottom: 30px;
}

.m-l30 {
  margin-left: 30px;
}

.p-t30 {
  padding-top: 30px;
}

.p-r30 {
  padding-right: 30px;
}

.p-b30 {
  padding-bottom: 30px;
}

.p-l30 {
  padding-left: 30px;
}

.m-t35 {
  margin-top: 35px;
}

.m-r35 {
  margin-right: 35px;
}

.m-b35 {
  margin-bottom: 35px;
}

.m-l35 {
  margin-left: 35px;
}

.p-t35 {
  padding-top: 35px;
}

.p-r35 {
  padding-right: 35px;
}

.p-b35 {
  padding-bottom: 35px;
}

.p-l35 {
  padding-left: 35px;
}

.m-t40 {
  margin-top: 40px;
}

.m-r40 {
  margin-right: 40px;
}

.m-b40 {
  margin-bottom: 40px;
}

.m-l40 {
  margin-left: 40px;
}

.p-t40 {
  padding-top: 40px;
}

.p-r40 {
  padding-right: 40px;
}

.p-b40 {
  padding-bottom: 40px;
}

.p-l40 {
  padding-left: 40px;
}

.m-t45 {
  margin-top: 45px;
}

.m-r45 {
  margin-right: 45px;
}

.m-b45 {
  margin-bottom: 45px;
}

.m-l45 {
  margin-left: 45px;
}

.p-t45 {
  padding-top: 45px;
}

.p-r45 {
  padding-right: 45px;
}

.p-b45 {
  padding-bottom: 45px;
}

.p-l45 {
  padding-left: 45px;
}

.m-t50 {
  margin-top: 50px;
}

.m-r50 {
  margin-right: 50px;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-l50 {
  margin-left: 50px;
}

.p-t50 {
  padding-top: 50px;
}

.p-r50 {
  padding-right: 50px;
}

.p-b50 {
  padding-bottom: 50px;
}

.p-l50 {
  padding-left: 50px;
}

.m-t55 {
  margin-top: 55px;
}

.m-r55 {
  margin-right: 55px;
}

.m-b55 {
  margin-bottom: 55px;
}

.m-l55 {
  margin-left: 55px;
}

.p-t55 {
  padding-top: 55px;
}

.p-r55 {
  padding-right: 55px;
}

.p-b55 {
  padding-bottom: 55px;
}

.p-l55 {
  padding-left: 55px;
}

.m-t60 {
  margin-top: 60px;
}

.m-r60 {
  margin-right: 60px;
}

.m-b60 {
  margin-bottom: 60px;
}

.m-l60 {
  margin-left: 60px;
}

.p-t60 {
  padding-top: 60px;
}

.p-r60 {
  padding-right: 60px;
}

.p-b60 {
  padding-bottom: 60px;
}

.p-l60 {
  padding-left: 60px;
}

.m-t65 {
  margin-top: 65px;
}

.m-r65 {
  margin-right: 65px;
}

.m-b65 {
  margin-bottom: 65px;
}

.m-l65 {
  margin-left: 65px;
}

.p-t65 {
  padding-top: 65px;
}

.p-r65 {
  padding-right: 65px;
}

.p-b65 {
  padding-bottom: 65px;
}

.p-l65 {
  padding-left: 65px;
}

.m-t70 {
  margin-top: 70px;
}

.m-r70 {
  margin-right: 70px;
}

.m-b70 {
  margin-bottom: 70px;
}

.m-l70 {
  margin-left: 70px;
}

.p-t70 {
  padding-top: 70px;
}

.p-r70 {
  padding-right: 70px;
}

.p-b70 {
  padding-bottom: 70px;
}

.p-l70 {
  padding-left: 70px;
}

.m-t75 {
  margin-top: 75px;
}

.m-r75 {
  margin-right: 75px;
}

.m-b75 {
  margin-bottom: 75px;
}

.m-l75 {
  margin-left: 75px;
}

.p-t75 {
  padding-top: 75px;
}

.p-r75 {
  padding-right: 75px;
}

.p-b75 {
  padding-bottom: 75px;
}

.p-l75 {
  padding-left: 75px;
}

.m-t80 {
  margin-top: 80px;
}

.m-r80 {
  margin-right: 80px;
}

.m-b80 {
  margin-bottom: 80px;
}

.m-l80 {
  margin-left: 80px;
}

.p-t80 {
  padding-top: 80px;
}

.p-r80 {
  padding-right: 80px;
}

.p-b80 {
  padding-bottom: 80px;
}

.p-l80 {
  padding-left: 80px;
}

.m-t85 {
  margin-top: 85px;
}

.m-r85 {
  margin-right: 85px;
}

.m-b85 {
  margin-bottom: 85px;
}

.m-l85 {
  margin-left: 85px;
}

.p-t85 {
  padding-top: 85px;
}

.p-r85 {
  padding-right: 85px;
}

.p-b85 {
  padding-bottom: 85px;
}

.p-l85 {
  padding-left: 85px;
}

.m-t90 {
  margin-top: 90px;
}

.m-r90 {
  margin-right: 90px;
}

.m-b90 {
  margin-bottom: 90px;
}

.m-l90 {
  margin-left: 90px;
}

.p-t90 {
  padding-top: 90px;
}

.p-r90 {
  padding-right: 90px;
}

.p-b90 {
  padding-bottom: 90px;
}

.p-l90 {
  padding-left: 90px;
}

.m-t95 {
  margin-top: 95px;
}

.m-r95 {
  margin-right: 95px;
}

.m-b95 {
  margin-bottom: 95px;
}

.m-l95 {
  margin-left: 95px;
}

.p-t95 {
  padding-top: 95px;
}

.p-r95 {
  padding-right: 95px;
}

.p-b95 {
  padding-bottom: 95px;
}

.p-l95 {
  padding-left: 95px;
}

.m-t100 {
  margin-top: 100px;
}

.m-r100 {
  margin-right: 100px;
}

.m-b100 {
  margin-bottom: 100px;
}

.m-l100 {
  margin-left: 100px;
}

.p-t100 {
  padding-top: 100px;
}

.p-r100 {
  padding-right: 100px;
}

.p-b100 {
  padding-bottom: 100px;
}

.p-l100 {
  padding-left: 100px;
}

.m-l1em {
  margin-left: 1.1em;
}

.m-auto {
  margin: auto;
}

.m-l-auto {
  margin-left: auto;
}

.m-r-auto {
  margin-right: auto;
}

@media screen and (max-width: 680px) {
  .sp-m-auto {
    margin: auto;
  }
}
.inner {
  max-width: 940px;
  margin: 0 auto;
}

/* ***************************
warning
*************************** */
.warning {
  border: 1px solid #ccc;
  padding: 9px 14px;
}
.warning h4 {
  margin-bottom: 11px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
}
.warning h4:before {
  width: 10px;
  height: 10px;
  top: 9px;
  left: 3px;
}

/* ***************************
br
*************************** */
.br_hidden {
  display: none;
}

@media screen and (max-width: 680px) {
  .br_hidden {
    display: inline;
  }
}
/* */
.bgBlack {
  background: #000;
}

/* */
.ws-nowrap {
  white-space: nowrap;
}

@media screen and (max-width: 680px) {
  .ws-nowrap {
    white-space: normal;
  }
}
.win .listBreadCrumb__item + .listBreadCrumb__item:before {
  top: 3px;
}
.win .index-list3__item__link:before {
  top: 0;
}
.win .list-area-links__item__link:before {
  top: 5px;
}
.win .list-area-links__item__link[href*=".pdf"]:before {
  top: 0;
}

.android * {
  max-height: 999999px;
}

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* ***************************
addthiscom
*************************** */
#AreaBookmark {
  text-align: right;
}

.addthis_buttongroup {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0;
}
.addthis_buttongroup > li {
  float: left;
  display: block;
  margin: 0 0 0 5px;
  padding: 0;
  background: none;
}
.addthis_buttongroup > li:before {
  content: none;
}

.newsrelease__pager {
  clear: both;
  margin: 30px 0;
  text-align: center;
}

.newsrelease__pager span {
  margin: 5px;
  padding: 5px 8px;
  color: #444;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.newsrelease__pager span:hover {
  cursor: pointer;
  background: #ccdca9;
}

.newsrelease__pager span.current {
  color: #444;
  background: #ccdca9;
}

.newsrelease__pager span.current:hover {
  cursor: default;
}

.newsrelease__pager span.invalid:hover {
  cursor: default;
}

.newsrelease__pager span.ellipsis {
  color: #444;
  background: none;
  border: none;
}

.newsrelease__pager span.ellipsis:hover {
  cursor: default;
}

.newsrelease__pager span.first:hover,
.newsrelease__pager span.last:hover,
.newsrelease__pager span.prev:hover,
.newsrelease__pager span.next:hover {
  background: #ccdca9;
}

.newsrelease__pager span.invalid {
  color: #ccc;
}
.newsrelease__pager span.invalid:hover {
  background: #FFF;
}

.pageNum {
  margin: 30px 0;
  text-align: center;
}
