html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, footer, header, nav, section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption, figure, main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: var(--font-family);
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details, menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  background: #2d2d2d url(../img/bg_footer02.gif)
}

body {
  min-width: 1200px;
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "UD Shin Go Light", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 1.7
}

html[lang="en"] body {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

a {
  text-decoration: none;
  color: #03a9f4;
  -webkit-transition: none .3s linear;
  -o-transition: none .3s linear;
  transition: none .3s linear;
  -webkit-transition-property: background, color;
  -o-transition-property: background, color;
  transition-property: background, color
}

a img {
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear
}

a:hover {
  color: #004B7F
}

a[target="_blank"] img.blankLink {
  margin-left: 5px;
  height: 10px
}

svg, img {
  max-width: 100%;
  vertical-align: top
}

abbr[title] {
  border-bottom: none;
  text-decoration: none
}

select, button, [type="reset"], [type="button"], [type="submit"] {
  cursor: pointer
}

textarea, button, [type="reset"], [type="button"], [type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

textarea, select, button, input {
  font-family: "UD Shin Go Light", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 0
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}

h1, h2, h3, h4, h5, h6, p, ul, ol, table, dl, dd {
  margin: 0
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: inherit
}

b {
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] b {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

table {
  border-collapse: collapse
}

.small, small {
  font-size: 90%
}

.p, p {
  margin-bottom: 1.5em
}

ol {
  margin-bottom: calc(1em - 5px)
}

ol>li {
  list-style: decimal;
  margin-left: 2.2em;
  margin-bottom: 5px
}

fieldset, iframe {
  border: 0
}

fieldset {
  margin: 0;
  padding: 0
}

legend {
  display: none
}

hr {
  clear: both;
  display: block;
  width: 100%;
  height: 0;
  margin: 30px auto;
  border: 0;
  border-bottom: 1px dotted #ccc
}

.contents {
  padding-bottom: 1px;
  background-color: #f7f7f7
}

.footer {
  padding: 0;
  background: #2d2d2d url(../img/bg_footer02.gif);
  color: #fff
}

.footer a {
  color: #fff
}

.footer a:hover {
  text-decoration: underline
}

.footer__link {
  background: #1c1c1c url(../img/bg_footer01.gif)
}

.footer__linkList {
  margin: 0 auto;
  padding: 17px 0 15px;
  max-width: 980px;
  font-size: 1.5rem
}

.footer__linkList li {
  display: inline-block;
  margin: 0 15px
}

.footer__linkList li a {
  padding-left: 12px;
  background: url(../img/icon_footer_arrow01.png) no-repeat left center
}

.footer__linkList li a img {
  vertical-align: middle
}

.copyright {
  margin: 0;
  padding: 55px 0;
  text-align: center;
  color: #fff;
  font-size: 1.4rem
}

.copyright__logo {
  margin: 0 auto 15px;
  line-height: 1
}

.copyright__logo img {
  vertical-align: top
}

.copyright__copy {
  margin: 0
}

.header {
  width: 100%;
  min-width: 1200px
}

.header-global {
  padding: 10px 30px;
  background-color: #000
}

.header-global a {
  color: #fff;
  text-decoration: none
}

.header-global a:hover {
  text-decoration: underline
}

.header-global__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1700px;
  margin: auto
}

.header-global__logo {
  margin: 0;
  line-height: 0
}

.header-global__logo a {
  display: inline-block
}

.header-global__logo img {
  vertical-align: top
}

.header-global__siteLink {
  margin: 0;
  line-height: 1
}

.header-global__siteLink li {
  display: inline-block;
  margin-left: 20px;
  font-size: 1.2rem
}

.header-local {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px
}

.header-local__inner {
  position: relative;
  max-width: 1700px;
  margin: auto
}

.header-local__blogName {
  margin: 0 0 30px;
  text-align: center;
  line-height: 1
}

.header-local__blogName a {
  display: inline-block;
  color: #000;
  font-weight: 700;
  font-size: 2.8rem;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .header-local__blogName a {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.header-local__subNav {
  position: absolute;
  top: 3px;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.header-local__subNavItem {
  line-height: 1;
  margin-left: 23px
}

.header-local__subNavItem img {
  vertical-align: top;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.header-local__subNavItem.-x img {
  width:20px;
  height:auto;
}

.header-local__subNavItem a:hover img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%)
}

.header-local__subNavItem.-search:hover img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%)
}

.header-local__nav {
  max-width: 1120px;
  margin: auto
}

.header-local__navList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header-local__navItem a {
  position: relative;
  display: inline-block;
  padding-top: 23px;
  font-size: 1.8rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 20px;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms
}

.header-local__navItem a::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #4d4d4d;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms
}

.header-local__navItem a:hover {
  background-position: center 1px
}

.header-local__navItem a:hover::before {
  width: 100%;
  left: 0
}

.header-local__navItem.-diversity a {
  color: #00a5a7;
  background-image: url(../img/icon_diversity.svg)
}

.header-local__navItem.-diversity a::before {
  background-color: #00a5a7
}

.category-diversity .header-local__navItem.-diversity a {
  background-position: center 1px
}

.category-diversity .header-local__navItem.-diversity a::before {
  width: 100%;
  left: 0
}

.header-local__navItem.-future a {
  color: #03a2e4;
  background-image: url(../img/icon_future.svg)
}

.header-local__navItem.-future a::before {
  background-color: #03a2e4
}

.category-future .header-local__navItem.-future a::before {
  width: 100%;
  left: 0
}

.header-local__navItem.-life a {
  color: #f08302;
  background-image: url(../img/icon_life.svg);
  padding-left: 10px;
  padding-right: 10px
}

.header-local__navItem.-life a::before {
  background-color: #f08302
}

.category-life .header-local__navItem.-life a::before {
  width: 100%;
  left: 0
}

.header-local__navItem.-culture a {
  color: #e84483;
  background-image: url(../img/icon_culture.svg)
}

.header-local__navItem.-culture a::before {
  background-color: #e84483
}

.category-culture .header-local__navItem.-culture a::before {
  width: 100%;
  left: 0
}

.header-local__navItem.-about a {
  color: #4d4d4d;
  background-image: url(../img/icon_about.svg)
}

.category-about .header-local__navItem.-about a::before {
  width: 100%;
  left: 0
}

.headerSearchBtn {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 0;
  font-size: 0;
  background: none;
  color: #ccc;
  outline: none;
  opacity: 1;
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms
}

.headerSearchBtn.-active {
  opacity: .2
}

.headerSearchBody {
  display: none;
  position: absolute;
  top: 105px;
  left: 0;
  z-index: 3;
  width: 100%;
  background-color: #000
}

.headerSearchBody__inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 30px 30px 20px
}

.headerSearchBody form {
  position: relative;
  margin-bottom: 20px
}

.headerSearchBody input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 0;
  font-size: 1.6rem
}

.headerSearchBody input[type="submit"], .headerSearchBody input[type="image"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 12px;
  right: 15px;
  background-color: #fff;
  border: 0
}

.headerSearchClose {
  position: relative;
  display: block;
  margin: 0 auto;
  background: none;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.4rem;
  color: #fff
}

.headerSearchClose::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  left: -30px;
  width: 26px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.headerSearchClose::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  left: -30px;
  width: 26px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.sp-headerNavArea {
  display: none
}

.sp-headerSearchArea {
  display: none
}

.about {
  margin-bottom: 80px
}

.about .about__img {
  margin-bottom: 30px;
  text-align: center
}

.about .about__title {
  margin: 10px 0 30px;
  font-size: 2.8rem;
  text-align: center;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .about .about__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.about .about__text {
  margin-bottom: 70px;
  text-align: center;
  font-size: 1.6rem
}

.about .about__linkList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about .about__item {
  width: calc(50% - 15px);
  height: 240px;
  margin-bottom: 30px;
  background-color: #fff;
  text-align: center
}

.about .about__item.-diversity a {
  background-image: url(../img/bg_about_diversity.jpg)
}

.about .about__item.-future a {
  background-image: url(../img/bg_about_future.jpg)
}

.about .about__item.-culture a {
  background-image: url(../img/bg_about_culture.jpg)
}

.about .about__item.-life a {
  background-image: url(../img/bg_about_life.jpg)
}

.about .about__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9), 0 0 2px rgba(0, 0, 0, 0.9);
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #f7f7f7;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.about .about__main {
  display: block;
  margin-bottom: 5px;
  font-size: 2.6rem;
  padding-left: 40px;
  background: url(../img/mark_03.png) no-repeat left center
}

.about .about__sub {
  display: block;
  font-size: 1.6rem
}

.archiveList {
  padding: 30px 30px 50px;
  margin: auto;
  width: 1120px
}

.articleList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.articleList::before {
  content: "";
  display: block;
  width: calc(25% - 10px);
  order: 1
}

.articleList::after {
  content: "";
  display: block;
  width: calc(25% - 10px)
}

.articleList__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
  width: calc(25% - 10px);
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)
}

.articleList__item.-first {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.articleList__item.-first .articleList__img {
  width: 560px
}

.articleList__item.-first .articleList__img a {
  height: 390px
}

.articleList__item.-first .articleList__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 25px 60px
}

.articleList__item.-first .articleList__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 2rem;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .articleList__item.-first .articleList__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.articleList__img {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1
}

.articleList__img a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 235px
}

.articleList__img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.articleList__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  padding: 17px 20px
}

.articleList__title {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  overflow: hidden
}

.articleList__title a {
  display: block;
  color: #000
}

.articleList__title a:hover {
  text-decoration: underline
}

.articleList__lead {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  font-size: 1.4rem
}

.articleList__meta {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 10px;
  line-height: 1;
  font-size: 1.2rem
}

.articleList__meta a:hover {
  text-decoration: underline
}

.articleList__category {
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #999
}

.articleList__tag {
  float: left
}

.articleList__tag a {
  color: #757575
}

.articleList__time {
  float: right;
  color: #757575
}

.bnr {
  margin: 0 auto;
  padding: 37px 30px;
  border-top: 1px solid #e6e6e6;
  text-align: center
}

.bnr__list {
  max-width: 1120px;
  margin: auto
}

.bnr__list::after {
  content: "";
  display: table;
  clear: both
}

.bnr__list li {
  float: left;
  width: 352px;
  margin-right: 32px
}

.bnr__list li:last-child {
  margin-right: 0
}

.bnr__list li a img {
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  height: auto
}

.bnr__list li a:hover img {
  opacity: .7
}

.breadcrumb {
  position: relative
}

.breadcrumb ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 1.2
}

.body-entry.category-diversity .breadcrumb ol, .body-entry.category-culture .breadcrumb ol, .body-entry.category-future .breadcrumb ol, .body-entry.category-life .breadcrumb ol {
  color: #fff
}

.breadcrumb ol li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 1.1rem
}

.breadcrumb ol li::after {
  content: ">";
  padding-left: 5px
}

.breadcrumb ol li:first-child {
  text-transform: uppercase
}

.breadcrumb ol li:last-child::after {
  content: none
}

.breadcrumb ol li a {
  color: #4d4d4d
}

.breadcrumb ol li a:hover {
  text-decoration: underline
}

.body-entry.category-diversity .breadcrumb ol li a, .body-entry.category-culture .breadcrumb ol li a, .body-entry.category-future .breadcrumb ol li a, .body-entry.category-life .breadcrumb ol li a {
  color: #fff
}

.categoryIndex {
  padding: 0 0 80px
}

.categoryIndex__header {
  padding: 40px 30px 180px;
  background: #000
}

.categoryIndex__title {
  margin: 0;
  padding-top: 30px;
  background: url(../img/icon_whatsnew.svg) no-repeat center top;
  background-size: auto 20px;
  letter-spacing: .25em;
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .categoryIndex__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.categoryIndex__title [lang="en"] {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: 400
}

.categoryIndex__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: -150px auto 0;
  width: 1120px
}

.categoryIndex__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: calc(50% - 15px);
  margin-bottom: 40px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)
}

.categoryIndex__item.-first {
  width: 100%
}

.categoryIndex__item.-first .categoryIndex__img {
  width: 560px
}

.categoryIndex__item.-first .categoryIndex__img a {
  height: 390px
}

.categoryIndex__item.-first .categoryIndex__text {
  padding: 20px 80px
}

.categoryIndex__item.-first .categoryIndex__articleTitle {
  font-weight: 700;
  font-size: 2.4rem;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .categoryIndex__item.-first .categoryIndex__articleTitle {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.categoryIndex__item.-first .categoryIndex__meta {
  margin-bottom: 30px
}

.categoryIndex__img {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 256px
}

.categoryIndex__img a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 170px
}

.categoryIndex__img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.categoryIndex__text {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 10px 20px
}

.categoryIndex__articleTitle {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin: 0
}

.categoryIndex__articleTitle a {
  display: block;
  color: #000
}

.categoryIndex__articleTitle a:hover {
  text-decoration: underline
}

.categoryIndex__meta {
  margin-bottom: 15px;
  line-height: 1;
  font-size: 1.2rem
}

.categoryIndex__meta a:hover {
  text-decoration: underline
}

.categoryIndex__category {
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #999
}

.categoryIndex__tag {
  float: left
}

.categoryIndex__tag a {
  color: #757575
}

.categoryIndex__time {
  float: right;
  color: #757575
}

.categoryIndex.-diversity .categoryIndex__header {
  background-color: #00a5a7
}

.categoryIndex.-diversity .categoryIndex__title {
  background-image: url(../img/icon_diversity_white.svg)
}

.categoryIndex.-future .categoryIndex__header {
  background-color: #03a2e4
}

.categoryIndex.-future .categoryIndex__title {
  background-image: url(../img/icon_future_white.svg)
}

.categoryIndex.-life .categoryIndex__header {
  background-color: #f08302
}

.categoryIndex.-life .categoryIndex__title {
  background-image: url(../img/icon_life_white.svg)
}

.categoryIndex.-culture .categoryIndex__header {
  background-color: #e84483
}

.categoryIndex.-culture .categoryIndex__title {
  background-image: url(../img/icon_culture_white.svg)
}

.categoryTag {
  padding: 10px 30px 1px;
  border-bottom: 1px solid #e6e6e6
}

.categoryTag__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1120px;
  margin: auto
}

.categoryTag__footer {
  margin-left: 10px
}

.entry {
  position: relative;
  padding-top: 10px
}

.entry::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px
}

.category-diversity .entry::before {
  background-color: #00a5a7
}

.category-culture .entry::before {
  background-color: #e84483
}

.category-future .entry::before {
  background-color: #03a2e4
}

.category-life .entry::before {
  background-color: #f08302
}

.entry__inner {
  position: relative;
  max-width: 800px;
  margin: auto
}

.entryBody {
  margin-top: 30px;
  margin-bottom: 50px;
  line-height: 2
}

.entryBody a {
  text-decoration: underline
}

.entryBody a:hover {
  text-decoration: none
}

.entryBody p {
  margin-top: 1em;
  margin-bottom: 1.5em
}

.entryBody table {
  width: 100%;
  margin-bottom: 15px
}

.entryBody table th {
  padding: 15px;
  border: 1px solid #ccc
}

.entryBody table td {
  padding: 15px;
  border: 1px solid #ccc
}

.entryBody sup {
  vertical-align: top;
  font-size: xx-small
}

.entryBody sub {
  vertical-align: bottom;
  font-size: xx-small
}

.entryBody .note {
  font-size: 1.2rem
}

.entryBody .note ul, .entryBody ul.note {
  margin-left: 0;
  padding-left: 0
}

.entryBody .note ul li, .entryBody ul.note li {
  list-style: none;
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 8px
}

.entryBody .box-border {
  margin: 30px auto;
  padding: 5px 15px;
  border: 1px solid #b0b0b0
}

.entryBody .box-border img {
  max-width: 100%;
  height: auto
}

.entryBody h2+.box-border, .entryBody h3+.box-border, .entryBody h4+.box-border, .entryBody h5+.box-border, .entryBody h6+.box-border {
  margin-top: 0
}

.entryBody .box-col2 {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.entryBody .box-border .box-col2 {
  margin-bottom: 15px
}

.entryBody .box-border>.box-col2 {
  margin-top: 20px
}

.entryBody .box-col2>div {
  width: calc(50% - 10px)
}

.entryBody .box-col2>div p {
  margin-top: 0
}

.entryBody .box-col2>div img {
  max-width: 100%
}

.entryBody .box-col2>div span {
  display: block;
  margin-top: 5px;
  text-align: center
}

.entryBody .layout-type-all {
  position: relative;
  margin-bottom: 30px
}

.entryBody iframe {
  max-width: 100%
}

.entryFooter {
  margin-bottom: 80px
}

.entryHeader {
  margin-top: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.entryHero {
  margin: 0 auto 25px;
  text-align: center
}

.entryHero img {
  max-height: 535px
}

.entryMeta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px
}

.entryMeta__meta {
  overflow: hidden;
  margin: 0;
  line-height: 1.1;
  font-size: 1.2rem
}

.entryMeta__meta a:hover {
  text-decoration: underline
}

.entryMeta__category {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #999
}

.entryMeta__tag {
  float: left
}

.entryMeta__tag a {
  color: #757575
}

.entryMeta__time {
  float: left;
  margin-left: 50px;
  color: #757575
}

.entryMeta__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.entryMeta__snsTitle {
  margin-right: 10px;
  font-size: 1.2rem;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px
}

.entryMeta__snsList::after {
  content: "";
  display: table;
  clear: both
}

.entryMeta__snsList li {
  float: left;
  margin-left: 10px;
  line-height: 1;
  text-align: center
}

.entryMeta__snsList li img {
  height: 18px;
  vertical-align: top
}

.entryMeta__snsList li a {
  display: inline-block;
  width: 20px;
  padding: 0;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.entryMeta__snsList li a:hover {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px)
}

.entryMeta__snsList.-white li a {
  background-color: #fff;
  width: 40px;
  height: 28px;
  padding: 12px 0 0;
  border-radius: 50%;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  border: 1px solid #f7f7f7
}

.entryMeta__snsList.-white li a:hover {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px)
}

.entryPager {
  max-width: 992px;
  margin: 0 auto 80px
}

.entryPager__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px
}

.entryPager__list li {
  width: calc(50% - 10px)
}

.entryPager__list li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  color: #000;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.entryPager__list li span.img {
  position: relative;
  display: block;
  width: 128px;
  height: 86px
}

.entryPager__list li span.img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.entryPager__list li span.txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  margin: 10px 15px;
  font-size: 1.2rem
}

.entryPager__list li.prev a::before, .entryPager__list li.next a::before {
  content: "";
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  background-color: #4d4d4d
}

.category-diversity .entryPager__list li.prev a::before, .category-diversity .entryPager__list li.next a::before {
  background-color: #00a5a7
}

.category-future .entryPager__list li.prev a::before, .category-future .entryPager__list li.next a::before {
  background-color: #03a2e4
}

.category-life .entryPager__list li.prev a::before, .category-life .entryPager__list li.next a::before {
  background-color: #f08302
}

.category-culture .entryPager__list li.prev a::before, .category-culture .entryPager__list li.next a::before {
  background-color: #e84483
}

.entryPager__list li.prev a {
  padding-left: 32px
}

.entryPager__list li.prev a::before {
  left: 0
}

.entryPager__list li.prev a::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: 13px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.entryPager__list li.prev a:hover::after {
  left: 12px
}

.entryPager__list li.next a {
  padding-right: 32px
}

.entryPager__list li.next a::before {
  right: 0
}

.entryPager__list li.next a::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 13px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.entryPager__list li.next a:hover::after {
  right: 12px
}

.entryRelated {
  margin-top: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)
}

.entryRelated>p, .entryRelated p.mb05 {
  margin: 0;
  padding: 10px 20px;
  background: #999;
  color: #fff
}

.category-diversity .entryRelated>p, .category-diversity .entryRelated p.mb05 {
  background-color: #00a5a7
}

.category-life .entryRelated>p, .category-life .entryRelated p.mb05 {
  background-color: #f08302
}

.category-future .entryRelated>p, .category-future .entryRelated p.mb05 {
  background-color: #03a2e4
}

.category-culture .entryRelated>p, .category-culture .entryRelated p.mb05 {
  background-color: #e84483
}

.entryRelated ul.linkList {
  margin-top: 0;
  padding: 20px 20px 15px
}

.entryTitle {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .entryTitle {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.hero {
  padding: 0 30px 30px;
  background-color: #fff
}

.hero__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1500px;
  margin: auto;
  padding: 0 6px
}

.hero__main {
  width: 850px;
  margin-right: 29px
}

.hero__main .hero__item {
  padding-top: 61.177%
}

.hero__main .hero__text {
  padding: 45px 30px 15px
}

.hero__main .hero__title {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .hero__main .hero__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.hero__main .hero__img img {
  width: auto;
  max-width: 150%
}

.hero__sub {
  width: 608px
}

.hero__sub .hero__item {
  width: calc(50% - 16px);
  padding-top: 29.606%
}

.hero__sub .hero__item:first-child {
  width: 100%;
  padding-top: 50.988%;
  margin-bottom: 30px
}

.hero__sub .hero__item:nth-child(2) {
  float: left
}

.hero__sub .hero__item:nth-child(3) {
  float: right
}

.hero__sub .hero__text {
  padding: 35px 20px 15px
}

.hero__sub .hero__title {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .hero__sub .hero__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.hero__title a {
  color: #fff;
  display: block
}

.hero__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #fff
}

.hero__link:hover {
  color: #fff
}

.hero__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms;
  z-index: 1
}

.hero__link img {
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.hero__link:hover::before {
  background: rgba(0, 0, 0, 0)
}

.hero__item {
  position: relative;
  width: 100%
}

.hero__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}

.hero__img.-trmTop img {
  top: 0;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%)
}

.hero__img.-trmBottom img {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%)
}

.hero__img.-trmRight img {
  left: auto;
  right: 0;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}

.hero__img.-trmLeft img {
  left: 0;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}

.hero__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  vertical-align: bottom;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%)
}

.hero__meta {
  margin-bottom: 5px;
  font-size: 1.2rem;
  line-height: 1.2
}

.hero__meta::after {
  content: "";
  display: table;
  clear: both
}

.hero__meta a:hover {
  text-decoration: underline
}

.hero__category {
  float: left
}

.hero__category.-diversity {
  color: #00bec1
}

.hero__category.-life {
  color: #fd900f
}

.hero__category.-culture {
  color: #eb5b92
}

.hero__category.-future {
  color: #05b3fc
}

.hero__tag {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #fff
}

.hero__tag a {
  color: #fff
}

.hero__time {
  float: right;
  color: #fff
}

p+.linkList {
  margin-top: -1em
}

.linkList li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.5
}

.linkList li::before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.category-diversity .linkList li::before {
  border-color: #00a5a7
}

.category-life .linkList li::before {
  border-color: #f08302
}

.category-future .linkList li::before {
  border-color: #03a2e4
}

.category-culture .linkList li::before {
  border-color: #e84483
}

.mainHeader {
  position: relative;
  padding: 10px 30px 25px;
  background-color: #e5e5e5
}

.body-category .mainHeader {
  padding-bottom: 10px;
  background-color: #e6e1de;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1150px auto
}

.body-category .mainHeader::before, .body-category .mainHeader::after {
  content: "";
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%
}

.body-category .mainHeader::before {
  left: calc(50% - 580px);
  background: -webkit-gradient(linear, left top, right top, from(#e6e1de), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #e6e1de 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, #e6e1de 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #e6e1de 0%, rgba(255, 255, 255, 0) 100%)
}

.body-category .mainHeader::after {
  right: calc(50% - 580px);
  background: -webkit-gradient(linear, right top, left top, from(#e6e1de), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, #e6e1de 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(right, #e6e1de 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, #e6e1de 0%, rgba(255, 255, 255, 0) 100%)
}

.mainHeader__inner {
  position: relative;
  max-width: 1120px;
  margin: auto
}

.body-category .mainHeader__inner {
  min-height: 190px
}

.mainHeader__title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .mainHeader__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.body-category .mainHeader__title {
  color: #fff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: calc(50% - 0.7em);
  left: 0;
  width: 100%
}

.mainHeader__description {
  margin: 0 0 10px;
  text-align: center;
  font-size: 1.4rem
}

.category-diversity .mainHeader {
  background-image: url(../img/bg_category_diversity.jpg)
}

.category-future .mainHeader {
  background-image: url(../img/bg_category_future.jpg)
}

.category-life .mainHeader {
  background-image: url(../img/bg_category_life.jpg)
}

.category-culture .mainHeader {
  background-image: url(../img/bg_category_culture.jpg)
}

.body-entry.category-diversity .mainHeader {
  background: #00a5a7
}

.body-entry.category-future .mainHeader {
  background: #03a2e4
}

.body-entry.category-life .mainHeader {
  background: #f08302
}

.body-entry.category-culture .mainHeader {
  background: #e84483
}

.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.media__img {
  width: 350px
}

.media__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.media.-imgR {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.media.-imgR .media__img {
  margin-left: 30px
}

.media.-imgL .media__img {
  margin-right: 30px
}

.pager {
  max-width: 1120px;
  margin: 0 auto 80px
}

.pager__current {
  display: none
}

.pager ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center
}

.pager li {
  margin: 0 3px
}

.pager__numbers {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  border: 1px solid #000;
  color: #000;
  font-weight: 700;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .pager__numbers {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.category-life .pager__numbers {
  border-color: #f08302;
  color: #f08302
}

.category-diversity .pager__numbers {
  border-color: #00a5a7;
  color: #00a5a7
}

.category-future .pager__numbers {
  border-color: #03a2e4;
  color: #03a2e4
}

.category-culture .pager__numbers {
  border-color: #e84483;
  color: #e84483
}

.pager__numbers:hover, .pager__numbers.fs-current-link, .pager__numbers.active {
  background-color: #000;
  color: #fff
}

.category-life .pager__numbers:hover, .category-life .pager__numbers.fs-current-link, .category-life .pager__numbers.active {
  background-color: #f08302
}

.category-diversity .pager__numbers:hover, .category-diversity .pager__numbers.fs-current-link, .category-diversity .pager__numbers.active {
  background-color: #00a5a7
}

.category-future .pager__numbers:hover, .category-future .pager__numbers.fs-current-link, .category-future .pager__numbers.active {
  background-color: #03a2e4
}

.category-culture .pager__numbers:hover, .category-culture .pager__numbers.fs-current-link, .category-culture .pager__numbers.active {
  background-color: #e84483
}

.pager__numbers.next, .pager__numbers.prev {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-size: 25px auto
}

.pager__numbers.prev {
  padding-left: 55px;
  background-image: url(../img/mark_prev_000.svg);
  background-position: 17px center
}

.pager__numbers.prev:hover {
  background-image: url(../img/mark_prev_fff.svg)
}

.category-life .pager__numbers.prev {
  background-image: url(../img/mark_prev_life.svg)
}

.category-life .pager__numbers.prev:hover {
  background-image: url(../img/mark_prev_fff.svg)
}

.category-diversity .pager__numbers.prev {
  background-image: url(../img/mark_prev_diversity.svg)
}

.category-diversity .pager__numbers.prev:hover {
  background-image: url(../img/mark_prev_fff.svg)
}

.category-future .pager__numbers.prev {
  background-image: url(../img/mark_prev_future.svg)
}

.category-future .pager__numbers.prev:hover {
  background-image: url(../img/mark_prev_fff.svg)
}

.category-culture .pager__numbers.prev {
  background-image: url(../img/mark_prev_culture.svg)
}

.category-culture .pager__numbers.prev:hover {
  background-image: url(../img/mark_prev_fff.svg)
}

.pager__numbers.next {
  padding-right: 55px;
  background-image: url(../img/mark_next_000.svg);
  background-position: calc(100% - 17px) center
}

.pager__numbers.next:hover {
  background-image: url(../img/mark_next_fff.svg)
}

.category-life .pager__numbers.next {
  background-image: url(../img/mark_next_life.svg)
}

.category-life .pager__numbers.next:hover {
  background-image: url(../img/mark_next_fff.svg)
}

.category-diversity .pager__numbers.next {
  background-image: url(../img/mark_next_diversity.svg)
}

.category-diversity .pager__numbers.next:hover {
  background-image: url(../img/mark_next_fff.svg)
}

.category-future .pager__numbers.next {
  background-image: url(../img/mark_next_future.svg)
}

.category-future .pager__numbers.next:hover {
  background-image: url(../img/mark_next_fff.svg)
}

.category-culture .pager__numbers.next {
  background-image: url(../img/mark_next_culture.svg)
}

.category-culture .pager__numbers.next:hover {
  background-image: url(../img/mark_next_fff.svg)
}

.pageTop {
  position: fixed;
  bottom: 50px;
  right: 50px;
  margin: 0
}

.readmore {
  margin: 0 auto;
  text-align: center
}

.readmore a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  max-width: 352px;
  margin: auto;
  padding: 15px 10px;
  background: #000 url(../img/icon_more.svg) no-repeat;
  background-position: calc(100% - 45px) calc(50% - 3px);
  background-size: 32px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: .15em;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

html[lang="en"] .readmore a {
  max-width: 460px
}

.readmore a:hover {
  background-color: #333;
  background-position: calc(100% - 35px) calc(50% - 3px)
}

.category-diversity .readmore a, .readmore.-diversity a {
  background-color: #00a5a7
}

.category-diversity .readmore a:hover, .readmore.-diversity a:hover {
  background-color: #008c8e
}

.category-future .readmore a, .readmore.-future a {
  background-color: #03a2e4
}

.category-future .readmore a:hover, .readmore.-future a:hover {
  background-color: #0390cb
}

.category-life .readmore a, .readmore.-life a {
  background-color: #f08302
}

.category-life .readmore a:hover, .readmore.-life a:hover {
  background-color: #d77502
}

.category-culture .readmore a, .readmore.-culture a {
  background-color: #e84483
}

.category-culture .readmore a:hover, .readmore.-culture a:hover {
  background-color: #e52d74
}

.readmore.-black a {
  background-color: #000
}

.readmore.-black a:hover {
  background-color: #000
}

.readmore.-s a {
  display: inline-block;
  max-width: none;
  margin: auto;
  padding: 5px 30px;
  background-image: none;
  font-size: 1.2rem
}

.related {
  padding: 0 30px
}

.related.-more {
  margin-bottom: 60px
}

.related.-more .articleList__item:nth-child(n + 3) {
  display: flex
}

.related__inner {
  margin: auto;
  max-width: 1120px
}

.related__title {
  margin-bottom: 25px;
  letter-spacing: .15em;
  font-size: 2.2rem;
  text-align: center
}

.related__body .articleList::after {
  content: "";
  display: block;
  width: calc(25% - 10px)
}

.related__body .articleList__item {
  width: calc(25% - 10px)
}

.related__body .articleList__img a {
  height: 180px
}

.related__body .articleList__time {
  float: none;
  clear: both;
  padding-top: 5px
}

.sns {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  margin: 0 auto 80px;
  padding: 0 32px
}

.sns__item {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sns__title {
  margin-right: 20px;
  font-size: 1.4rem;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px
}

.sns__list::after {
  content: "";
  display: table;
  clear: both
}

.sns__list li {
  float: left;
  margin-right: 11px;
  line-height: 1;
  text-align: center
}

.sns__list li img {
  height: 18px;
  vertical-align: top
}

.sns__list li a {
  display: inline-block;
  width: 40px;
  height: 28px;
  padding: 12px 0 0;
  border-radius: 50%;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  border: 1px solid #f7f7f7
}

.sns__list li a:hover {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px)
}

.sns__list.-share li a {
  background-color: #fff
}

.sns__list.-share li a:hover {
  border-color: #eee;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.sns__list.-flollow li a:hover {
  border-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
}

.sns__listItem.-facebook a {
  background-color: #3b5999
}

.sns__listItem.-x a {
  background-color: #000
}

.sns__listItem.-youtube a {
  background-color: #ff0101
}

.body-tag .tagIndex {
  display: none
}

.tagArea {
  margin: 0 auto 80px;
  padding: 50px 30px 0;
  max-width: 1120px
}

.tagArea .tagList li {
  width: calc(25% - 20px);
  margin-right: 20px;
  margin-bottom: 25px
}

.tagArea .tagList li a {
  display: block;
  padding: 7px 10px;
  text-align: center
}

.tagIndex {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 800px;
  margin: 0 auto 50px;
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)
}

.tagIndex__title {
  margin: 0 0 15px;
  background-size: auto 20px;
  letter-spacing: .1em;
  font-size: 2rem;
  text-align: center;
  color: #333
}

.tagIndex__title [lang="en"] {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.1rem;
  font-weight: 400;
  color: #757575
}

.tagIndex__footer {
  margin-top: 15px
}

.tagIndex__btn {
  margin: 0;
  text-align: center
}

.tagIndex__btn a {
  min-width: 180px;
  display: inline-block;
  padding: 8px 10px;
  border-radius: 50px;
  background-color: #e6e6e6;
  color: #333;
  font-size: 1.4rem
}

.tagIndex__btn a:hover {
  background-color: #ccc
}

.tagIndex__btn.-s {
  margin-bottom: 10px
}

.tagIndex__btn.-s a {
  min-width: 100px;
  padding: 5px 10px;
  font-size: 1.2rem
}

.tagList::after {
  content: "";
  display: table;
  clear: both
}

.tagList li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.2
}

.tagList li:last-child {
  margin-right: 0
}

.tagList li a {
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 50px;
  background-color: #fff;
  color: #757575;
  font-size: 1.2rem;
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms
}

.tagList li a:hover {
  border-color: #666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)
}

.tagSearchList {
  max-width: 930px;
  margin: auto;
  padding: 30px 0
}

.tagSearchList__item {
  border-bottom: 1px solid #ccc
}

.tagSearchList__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px auto;
  padding-right: 10px;
  color: #000;
  -webkit-transition: all 1000ms;
  -o-transition: all 1000ms;
  transition: all 1000ms
}

.tagSearchList__text {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 0
}

.tagSearchList__img {
  width: 200px;
  margin-right: 15px;
  overflow: hidden
}

.tagSearchList__img img {
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.tagSearchList__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.6rem;
  font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .tagSearchList__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.tagSearchList__title a {
  color: #000
}

.tagSearchList__lead {
  font-size: 1.3rem
}

.tagSearchList__lead p {
  margin: 0
}

.tagSearchList__meta {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 1.2rem
}

.tagSearchList__meta::after {
  content: "";
  display: table;
  clear: both
}

.tagSearchList__category {
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #999
}

.tagSearchList__tag {
  float: left
}

.tagSearchList__tag a {
  color: #757575
}

.tagSearchList__time {
  float: right;
  color: #757575
}

.toggleBtn {
  margin-bottom: 30px
}

.toggleBtn__link {
  position: relative;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 352px;
  margin: auto;
  padding: 15px 10px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: .15em;
  text-align: center;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  outline: none
}

.toggleBtn__link {
  width: 460px
}

.toggleBtn__link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8)
}

.toggleBtn__link::after {
  content: "＋";
  position: absolute;
  top: calc(50% - .5em);
  right: 40px;
  font-size: 3rem;
  outline: none;
  line-height: 1.1;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}

.toggleBtn__link.-active::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}

.whatsnew {
  margin-bottom: 30px;
  padding: 30px 30px 80px;
  background: #e8e8e8
}

.body-entry .whatsnew {
  margin-bottom: 40px
}

.whatsnew__inner {
  margin: auto;
  max-width: 1120px
}

.whatsnew__title {
  margin-bottom: 25px;
  letter-spacing: .15em;
  font-size: 2.2rem;
  text-align: center
}

html[lang="en"] .whatsnew__title {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.whatsnew__title [lang="en"] {
  display: block;
  text-transform: uppercase;
  color: #878787;
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "UD Shin Go Light", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

html[lang="en"] .whatsnew__title [lang="en"] {
  font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
}

.base-fromTopIn {
  margin-top: 30px;
  opacity: 0
}

.fromTopIn {
  -webkit-transition: opacity 1s ease, -webkit-transform .7s ease;
  transition: opacity 1s ease, -webkit-transform .7s ease;
  -o-transition: transform .7s ease, opacity 1s ease;
  transition: transform .7s ease, opacity 1s ease;
  transition: transform .7s ease, opacity 1s ease, -webkit-transform .7s ease;
  -webkit-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  transform: translate(0, -30px);
  opacity: 1
}

.fromTopOut {
  -webkit-transition: opacity 1s ease, -webkit-transform .7s ease;
  transition: opacity 1s ease, -webkit-transform .7s ease;
  -o-transition: transform .7s ease, opacity 1s ease;
  transition: transform .7s ease, opacity 1s ease;
  transition: transform .7s ease, opacity 1s ease, -webkit-transform .7s ease;
  -webkit-transform: translate(0, -160px);
  -ms-transform: translate(0, -160px);
  transform: translate(0, -160px);
  opacity: 0
}

.fromBottomIn {
  -webkit-transition: opacity 1s ease, -webkit-transform 1.8s ease;
  transition: opacity 1s ease, -webkit-transform 1.8s ease;
  -o-transition: transform 1.8s ease, opacity 1s ease;
  transition: transform 1.8s ease, opacity 1s ease;
  transition: transform 1.8s ease, opacity 1s ease, -webkit-transform 1.8s ease;
  -webkit-transform: translate(0, -60px);
  -ms-transform: translate(0, -60px);
  transform: translate(0, -60px);
  opacity: 1;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms
}

.fromBottomOut {
  -webkit-transition: opacity 1s ease, -webkit-transform 1.8s ease;
  transition: opacity 1s ease, -webkit-transform 1.8s ease;
  -o-transition: transform 1.8s ease, opacity 1s ease;
  transition: transform 1.8s ease, opacity 1s ease;
  transition: transform 1.8s ease, opacity 1s ease, -webkit-transform 1.8s ease;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
  opacity: 0;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms
}

.fromBottomIn2 {
  -webkit-transition: opacity 1s ease, -webkit-transform .8s ease;
  transition: opacity 1s ease, -webkit-transform .8s ease;
  -o-transition: transform .8s ease, opacity 1s ease;
  transition: transform .8s ease, opacity 1s ease;
  transition: transform .8s ease, opacity 1s ease, -webkit-transform .8s ease;
  opacity: 1;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms
}

.fromBottomOut2 {
  -webkit-transition: opacity 1s ease, -webkit-transform .8s ease;
  transition: opacity 1s ease, -webkit-transform .8s ease;
  -o-transition: transform .8s ease, opacity 1s ease;
  transition: transform .8s ease, opacity 1s ease;
  transition: transform .8s ease, opacity 1s ease, -webkit-transform .8s ease;
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  transform: translate(0, 100px);
  opacity: 0;
  -moz-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  -ms-transition-delay: 800ms
}

.fromBottomIn3 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms
}

.fromBottomOut3 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 90px);
  -ms-transform: translate(0, 90px);
  transform: translate(0, 90px);
  opacity: 0;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms
}

.fromBottomIn4 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}

.fromBottomOut4 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 90px);
  -ms-transform: translate(0, 90px);
  transform: translate(0, 90px);
  opacity: 0
}

.fromBottomIn5 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms
}

.fromBottomOut5 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 90px);
  -ms-transform: translate(0, 90px);
  transform: translate(0, 90px);
  opacity: 0;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms
}

.fromBottomIn6 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms
}

.fromBottomOut6 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 90px);
  -ms-transform: translate(0, 90px);
  transform: translate(0, 90px);
  opacity: 0;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms
}

.fromBottomIn7 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms
}

.fromBottomOut7 {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 90px);
  -ms-transform: translate(0, 90px);
  transform: translate(0, 90px);
  opacity: 0;
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms
}

.fromLeftIn {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}

.fromLeftOut {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
  opacity: 0
}

.fromRightIn {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}

.fromRightOut {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate(90px, 0);
  -ms-transform: translate(90px, 0);
  transform: translate(90px, 0);
  opacity: 0
}

.scaleUpIn, .scaleUpOut {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  -o-transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  opacity: 1
}

.scaleDownIn {
  -webkit-transition: opacity 1s ease, -webkit-transform 1.5s ease;
  transition: opacity 1s ease, -webkit-transform 1.5s ease;
  -o-transition: transform 1.5s ease, opacity 1s ease;
  transition: transform 1.5s ease, opacity 1s ease;
  transition: transform 1.5s ease, opacity 1s ease, -webkit-transform 1.5s ease;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1
}

.scaleDownOut {
  -webkit-transition: opacity 1s ease, -webkit-transform 1.5s ease;
  transition: opacity 1s ease, -webkit-transform 1.5s ease;
  -o-transition: transform 1.5s ease, opacity 1s ease;
  transition: transform 1.5s ease, opacity 1s ease;
  transition: transform 1.5s ease, opacity 1s ease, -webkit-transform 1.5s ease;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  opacity: 0
}

.c-diversity {
  color: #00a5a7
}

.c-diversity a {
  color: #00a5a7
}

.c-life {
  color: #f08302
}

.c-life a {
  color: #f08302
}

.c-culture {
  color: #e84483
}

.c-culture a {
  color: #e84483
}

.c-future {
  color: #03a2e4
}

.c-future a {
  color: #03a2e4
}

.sp {
  display: none
}

.photo {
  text-align: center
}

.imgC {
  text-align: center;
  margin-bottom: 1.5em
}

.imgL, .ph_l {
  margin: 0 20px 20px 0;
  padding: 0;
  float: left
}

.imgR, .ph_r {
  margin: 0 0 20px 20px;
  padding: 0;
  float: right
}

#page .mt05 {
  margin-top: 5px
}

#page .mb05 {
  margin-bottom: 5px
}

#page .mt0 {
  margin-top: 0
}

#page .mb0 {
  margin-bottom: 0
}

#page .mt5 {
  margin-top: 5px
}

#page .mb5 {
  margin-bottom: 5px
}

#page .mt10 {
  margin-top: 10px
}

#page .mb10 {
  margin-bottom: 10px
}

#page .mt15 {
  margin-top: 15px
}

#page .mb15 {
  margin-bottom: 15px
}

#page .mt20 {
  margin-top: 20px
}

#page .mb20 {
  margin-bottom: 20px
}

#page .mt25 {
  margin-top: 25px
}

#page .mb25 {
  margin-bottom: 25px
}

#page .mt30 {
  margin-top: 30px
}

#page .mb30 {
  margin-bottom: 30px
}

#page .mt35 {
  margin-top: 35px
}

#page .mb35 {
  margin-bottom: 35px
}

#page .mt40 {
  margin-top: 40px
}

#page .mb40 {
  margin-bottom: 40px
}

#page .mt45 {
  margin-top: 45px
}

#page .mb45 {
  margin-bottom: 45px
}

#page .mt50 {
  margin-top: 50px
}

#page .mb50 {
  margin-bottom: 50px
}

#page .t-right, #page .txtR, #page .sign {
  text-align: right
}

#page .entryBody .center, #page .centerText, #page .t-center, #page .imgC, #page .txtC {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

#page .txtL {
  text-align: left
}

#page .v-middle {
  vertical-align: middle
}

.uppercase {
  text-transform: uppercase
}

@media screen and (min-width: 769px) {
  body {
    margin: 0
  }

  .js-header__small {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    min-width: 0
  }

  .js-header__small+.contents {
    padding-top: 187px
  }

  .js-header__small .header-global {
    padding-top: 18px;
    padding-bottom: 18px
  }

  .js-header__small .header-global__siteLink {
    display: none
  }

  .js-header__small .header-global__logo {
    position: relative;
    z-index: 2
  }

  .js-header__small .header-local {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 0
  }

  .js-header__small .header-local__blogName {
    margin-bottom: 0;
    padding-top: 3px
  }

  .js-header__small .header-local__blogName a {
    color: #fff;
    font-size: 2.2rem;
    position: relative;
    z-index: 2
  }

  .js-header__small .header-local__subNav {
    z-index: 2
  }

  .js-header__small .header-local__subNavItem img {
    width: 20px
  }

  .js-header__small .header-local__subNavItem a:hover img {
    -webkit-filter: brightness(150%);
    filter: brightness(150%)
  }

  .js-header__small .header-local__subNavItem.-search:hover img {
    -webkit-filter: brightness(150%);
    filter: brightness(150%)
  }

  .js-header__small .header-local__nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: none;
    margin: auto;
    padding-left: 160px;
    padding-right: 100px
  }

  .js-header__small .header-local__navLongText {
    display: none
  }

  .js-header__small .header-local__navList {
    display: block
  }

  .js-header__small .header-local__navList::after {
    content: "";
    display: table;
    clear: both
  }

  .js-header__small .header-local__navItem {
    float: left;
    margin-right: 40px
  }

  .js-header__small .header-local__navItem a {
    padding-top: 0;
    background-image: none;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
  }

  html[lang="en"] .js-header__small .header-local__navItem a {
    font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
  }

  .js-header__small .header-local__navItem.-about {
    float: right
  }

  .js-header__small .header-local__navItem.-about a {
    color: #ccc;
    font-size: 1.4rem
  }

  .js-header__small .headerSearchBody {
    top: 50px
  }

  .js-header__small .headerSearchBody__inner {
    padding-top: 10px
  }

  .about .about__item a:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-color: #fff;
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025)
  }

  .articleList__img a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
  }

  .categoryIndex__img a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
  }

  .entryPager__list li a .img {
    overflow: hidden
  }

  .entryPager__list li a:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
  }

  .hero__link:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
  }

  .hero__link:hover .hero__img.-trmTop img {
    -webkit-transform: translate(-50%, 0%) scale(1.05);
    -ms-transform: translate(-50%, 0%) scale(1.05);
    transform: translate(-50%, 0%) scale(1.05)
  }

  .hero__link:hover .hero__img.-trmBottom img {
    -webkit-transform: translate(-50%, 0%) scale(1.05);
    -ms-transform: translate(-50%, 0%) scale(1.05);
    transform: translate(-50%, 0%) scale(1.05)
  }

  .hero__link:hover .hero__img.-trmRight img {
    -webkit-transform: translate(0%, -50%) scale(1.05);
    -ms-transform: translate(0%, -50%) scale(1.05);
    transform: translate(0%, -50%) scale(1.05)
  }

  .hero__link:hover .hero__img.-trmLeft img {
    -webkit-transform: translate(0%, -50%) scale(1.05);
    -ms-transform: translate(0%, -50%) scale(1.05);
    transform: translate(0%, -50%) scale(1.05)
  }

  .tagSearchList__link:hover {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
  }

  .tagSearchList__link:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }
}

@media screen and (max-width: 1440px) {
  body {
    margin: 0
  }

  .hero__main .hero__text {
    padding: 45px 20px 15px
  }

  .hero__main .hero__title {
    font-size: 2rem
  }

  .hero__sub .hero__item {
    width: calc(50% - 10px)
  }

  .hero__sub .hero__item:first-child {
    margin-bottom: 5%
  }

  .hero__sub .hero__text {
    padding: 35px 10px 10px
  }

  .hero__sub .hero__title {
    font-size: 1.2rem
  }

  .hero__sub .hero__meta {
    font-size: 1rem
  }
}

@media screen and (max-width: 768px) {
  body {
    margin: 0
  }

  body {
    min-width: 0;
    font-size: 1.6rem;
    overflow: hidden
  }

  img {
    max-width: 100%;
    height: auto
  }

  .contents {
    padding-top: 60px
  }

  .footer__linkList {
    padding: 0;
    min-height: 1%;
    overflow: hidden;
    font-size: 1.3rem
  }

  .footer__linkList li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: table;
    width: 25%;
    height: 50px;
    margin: 0;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    vertical-align: middle;
    line-height: 1.2
  }

  .footer__linkList li:last-child {
    border-right: 0
  }

  .footer__linkList li a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 22px;
    background-position: 10px center
  }

  .header {
    position: fixed;
    top: 0;
    z-index: 99;
    min-width: 0
  }

  .header-global {
    padding: 10px 15px 8px
  }

  .header-global__logo {
    margin: 0 auto;
    text-align: center
  }

  .header-global__logo img {
    height: 12px
  }

  .header-global__siteLink {
    display: none
  }

  .header-local {
    padding: 0 15px 10px;
    background-color: #000
  }

  .header-local__blogName {
    margin: 0 auto
  }

  .header-local__blogName a {
    color: #fff;
    font-size: 2rem
  }

  .header-local__subNav {
    display: none
  }

  .header-local__nav {
    display: none
  }

  .headerSearchArea {
    display: none
  }

  #page {
    overflow: hidden
  }

  .sp-headerNavArea {
    display: block
  }

  .sp-headerNavBtn {
    position: absolute;
    top: 20px;
    left: 15px;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    font-size: 0;
    background: none;
    color: #ccc;
    outline: none
  }

  .sp-headerNavBtn::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ccc;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
  }

  .sp-headerNavBtn::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ccc;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
  }

  .sp-headerNavBtn span {
    display: block
  }

  .sp-headerNavBtn span::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ccc;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
  }

  .sp-headerNavBtn.-active::before {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg)
  }

  .sp-headerNavBtn.-active::after {
    opacity: 0
  }

  .sp-headerNavBtn.-active span::before {
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg)
  }

  .sp-headerNav {
    display: none;
    width: 100%;
    background: #fff
  }

  .sp-headerNav__list li {
    border-bottom: 1px solid #ccc
  }

  .sp-headerNav__list li:last-child {
    border-bottom: 0
  }

  .sp-headerNav__list li a {
    position: relative;
    display: block;
    padding: 11px 10px 11px 35px;
    background: url(../img/mark_01.svg) no-repeat 15px center;
    background-size: 5px auto;
    color: #000;
    font-weight: 700;
    font-size: 1.5rem
  }

  .sp-headerNav__category li a {
    padding-left: 43px;
    background-position: 10px center;
    background-size: 20px auto
  }

  .sp-headerNav__category li a[href$="diversity/"] {
    background-image: url(../img/icon_diversity_gray.svg)
  }

  .sp-headerNav__category li a[href$="future/"] {
    background-image: url(../img/icon_future_gray.svg)
  }

  .sp-headerNav__category li a[href$="life/"] {
    background-image: url(../img/icon_life_gray.svg)
  }

  .sp-headerNav__category li a[href$="culture/"] {
    background-image: url(../img/icon_culture_gray.svg)
  }

  .sp-headerNav__about li a {
    padding-left: 43px;
    background-position: 10px center;
    background-size: 20px auto;
    background-image: url(../img/icon_about.svg)
  }

  .sp-headerNav__title {
    padding: 4px 10px;
    text-transform: uppercase;
    color: #666;
    background-color: #e2e2e2;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: "UD Shin Go Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
  }

  html[lang="en"] .sp-headerNav__title {
    font-family: "BridgestoneType", "Arial", "Helvetica", "Osaka", "sans-serif"
  }

  .sp-headerNav__sns ul {
    margin: 11px auto 13px;
    text-align: center
  }

  .sp-headerNav__sns li {
    display: inline-block;
    margin: 0 5px
  }

  .sp-headerNav__sns li img {
    height: 18px;
    vertical-align: top
  }

  .sp-headerNav__sns li a {
    display: inline-block;
    width: 40px;
    height: 28px;
    padding: 12px 0 0;
    border-radius: 50%;
    background-color: #333
  }

  .sp-headerNav__snsItem.-facebook a {
    background-color: #3b5999
  }

  .sp-headerNav__snsItem.-x a {
    background-color: #000
  }

  .sp-headerNav__siteLink {
    background: #000
  }

  .sp-headerNav__siteLink li {
    border-bottom: 1px solid #ccc
  }

  .sp-headerNav__siteLink li:last-child {
    border-bottom: 0
  }

  .sp-headerNav__siteLink li a {
    display: block;
    padding: 8px 10px 8px 35px;
    background: url(../img/mark_02.svg) no-repeat 15px center;
    background-size: 5px auto;
    color: #fff;
    font-size: 1.4rem
  }

  .sp-headerNav__siteLink li a img {
    vertical-align: middle
  }

  .sp-headerSearchArea {
    display: block
  }

  .sp-headerSearchBtn {
    position: absolute;
    top: 20px;
    right: 15px;
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    font-size: 0;
    background: none;
    color: #ccc;
    outline: none;
    opacity: 1;
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms
  }

  .sp-headerSearchBtn.-active {
    opacity: .2
  }

  .sp-headerSearchBody {
    display: none;
    padding: 15px;
    background-color: #000;
    color: #fff
  }

  .sp-headerSearchBody form {
    position: relative;
    margin-bottom: 15px
  }

  .sp-headerSearchBody input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 0;
    font-size: 1.6rem
  }

  .sp-headerSearchBody input[type="submit"], .sp-headerSearchBody input[type="image"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    right: 15px;
    background-color: #fff;
    border: 0
  }

  .sp-headerSearchClose {
    position: relative;
    display: block;
    margin: 0 auto;
    background: none;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #fff
  }

  .sp-headerSearchClose::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -12px;
    width: 14px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .sp-headerSearchClose::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -12px;
    width: 14px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .about .about__item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    height: 220px
  }

  .archiveList {
    width: auto;
    padding: 10px 15px 20px
  }

  .articleList::after {
    width: calc(33.3% - 7px)
  }

  .articleList__item {
    width: calc(33% - 5px);
    margin-bottom: 20px
  }

  .articleList__item.-first {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .articleList__item.-first .articleList__title {
    font-size: 1.8rem
  }

  .articleList__item.-first .articleList__img {
    width: 50%
  }

  .articleList__item.-first .articleList__img a {
    height: 32vw
  }

  .articleList__item.-first .articleList__text {
    padding: 20px 15px
  }

  .articleList__img a {
    height: 160px
  }

  .articleList__text {
    padding: 17px 15px
  }

  .articleList__lead {
    display: none
  }

  .bnr {
    padding-right: 20px
  }

  .bnr__list li {
    width: calc(33% - 10px);
    margin-right: 10px
  }

  .breadcrumb ol {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .breadcrumb {
    margin: 0 -15px;
    padding: 5px 15px 7px;
    background-color: #f7f7f7;
    color: #000
  }

  .body-entry .breadcrumb {
    background: none;
    color: #fff
  }

  .breadcrumb ol li a {
    color: #000
  }

  .body-category .breadcrumb ol li a {
    color: #000
  }

  .body-entry .breadcrumb ol li a {
    color: #fff
  }

  .categoryIndex {
    padding: 0 0 40px
  }

  .categoryIndex__header {
    padding: 25px 15px 150px
  }

  .categoryIndex__footer {
    padding: 0 15px
  }

  .categoryIndex__title {
    padding-top: 25px;
    font-size: 2.2rem;
    letter-spacing: 1px
  }

  .categoryIndex__body {
    margin-top: -130px;
    padding: 0 15px;
    width: auto
  }

  .categoryIndex__item {
    width: 100%;
    margin-bottom: 20px
  }

  .categoryIndex__item.-first {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .categoryIndex__item.-first .categoryIndex__img {
    width: 50%
  }

  .categoryIndex__item.-first .categoryIndex__img a {
    height: 32vw
  }

  .categoryIndex__item.-first .categoryIndex__text {
    padding: 20px 15px
  }

  .categoryIndex__item.-first .categoryIndex__articleTitle {
    font-size: 1.8rem
  }

  .categoryIndex__item.-first .categoryIndex__meta {
    margin-bottom: 10px
  }

  .categoryIndex__item.-first .categoryIndex__time {
    clear: none;
    float: right;
    padding-top: 0
  }

  .categoryIndex__img a {
    height: 160px
  }

  .categoryIndex__text {
    padding: 15px 10px 10px
  }

  .categoryIndex__meta {
    margin-bottom: 10px;
    font-size: 1rem
  }

  .categoryIndex__category {
    margin-right: 5px;
    padding-right: 5px
  }

  .categoryTag {
    padding: 10px 15px 0;
    border-bottom: 0
  }

  .entryBody {
    padding-left: 15px;
    padding-right: 15px
  }

  .entryHeader {
    margin-top: -12px
  }

  .entryHero {
    padding-left: 15px;
    padding-right: 15px
  }

  .entryMeta {
    padding-left: 15px;
    padding-right: 15px
  }

  .entryMeta__category {
    margin-right: 5px;
    padding-right: 5px
  }

  .entryPager {
    padding: 0 15px
  }

  .entryPager__list li {
    width: calc(50% - 5px)
  }

  .entryPager__list li span.img {
    width: 118px
  }

  .entryPager__list li span.txt {
    margin: 5px 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
  }

  .entryTitle {
    padding-left: 15px;
    padding-right: 15px
  }

  .hero {
    padding: 15px
  }

  .hero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }

  .hero__main {
    width: auto;
    margin-right: 0;
    margin-bottom: 15px
  }

  .hero__sub {
    width: auto
  }

  .hero__sub .hero__item {
    width: calc(50% - 5px)
  }

  .hero__sub .hero__item:first-child {
    margin-bottom: 15px
  }

  .mainHeader {
    padding: 0 15px 30px;
    background-size: 100% auto
  }

  .mainHeader::before {
    left: 0
  }

  .mainHeader::after {
    right: 0
  }

  .body-category .mainHeader {
    background-size: 100% auto;
    padding-bottom: 0;
    background-position: center calc(50% + 15px)
  }

  .body-entry .mainHeader {
    padding-bottom: 15px
  }

  .mainHeader__title {
    padding-top: 10px
  }

  .pager {
    position: relative;
    margin: 0 15px 40px;
    min-height: 2em
  }

  .pager__current {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 46px;
    font-weight: 700;
    text-align: center
  }

  .pager ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.2rem
  }

  .pager__numbers {
    display: none;
    height: 46px;
    line-height: 46px
  }

  .pager__numbers.next, .pager__numbers.prev {
    position: relative;
    top: 0;
    z-index: 1;
    display: block;
    background-size: 18px auto
  }

  .pager__numbers.prev {
    padding-left: 37px;
    background-position: 10px center
  }

  .pager__numbers.next {
    padding-right: 37px;
    background-position: calc(100% - 10px) center
  }

  .related {
    padding: 0 15px
  }

  .related__body .articleList__item {
    width: calc(50% - 7px)
  }

  .related__body .articleList__img a {
    height: 32vw
  }

  .sns {
    margin-bottom: 40px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .sns__item {
    width: auto
  }

  .tagArea {
    padding-left: 15px;
    padding-right: 15px
  }

  .tagArea .tagList li {
    width: calc(50% - 20px)
  }

  .tagIndex {
    margin: 0 15px 40px
  }

  .tagSearchList {
    padding: 30px 15px
  }

  .toggleBtn {
    margin-bottom: 20px
  }

  .whatsnew {
    padding: 30px 15px 50px
  }
}

@media screen and (max-width: 640px) {
  body {
    margin: 0
  }

  .footer__linkList li {
    width: 50%
  }

  .copyright {
    padding: 35px 10px
  }

  .copyright__logo {
    margin-bottom: 10px
  }

  .copyright__logo img {
    width: 33px
  }

  .about {
    margin-top: -25px
  }

  .about .about__title {
    font-size: 1.8rem
  }

  .about .about__text {
    margin-bottom: 50px;
    font-size: 1.4rem
  }

  .about .about__item {
    width: 100%;
    height: 38vw;
    margin-bottom: 10px
  }

  .about .about__main {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 2rem
  }

  .about .about__sub {
    font-size: 1.2rem
  }

  .articleList__item {
    width: calc(50% - 5px);
    margin-bottom: 15px
  }

  .articleList__item.-first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .articleList__item.-first .articleList__img {
    width: 100%
  }

  .articleList__item.-first .articleList__img a {
    height: auto
  }

  .articleList__item.-first .articleList__img a img {
    position: static;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .articleList__item.-first .articleList__text {
    padding: 17px 15px
  }

  .articleList__item.-first .articleList__title {
    margin-bottom: 0;
    font-size: 1.6rem
  }

  .articleList__img img {
    width: 100%
  }

  .articleList__img a {
    height: 32vw
  }

  .articleList__title {
    font-weight: 400;
    font-size: 1.3rem
  }

  .articleList__meta {
    margin-bottom: 10px;
    font-size: 1rem
  }

  .articleList__category {
    margin-right: 5px;
    padding-right: 5px
  }

  .articleList__time {
    float: none;
    clear: both;
    padding-top: 7px
  }

  .bnr {
    padding: 0 15px 30px;
    border-top: 0
  }

  .bnr__list {
    width: auto
  }

  .bnr__list li {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 10px
  }

  .bnr__list li img {
    width: 100%
  }

  .breadcrumb ol li {
    font-size: 1rem
  }

  .categoryIndex__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 5px);
    margin-bottom: 20px
  }

  .categoryIndex__item.-first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .categoryIndex__item.-first .categoryIndex__img {
    width: auto;
    text-align: center
  }

  .categoryIndex__item.-first .categoryIndex__img a {
    height: auto
  }

  .categoryIndex__item.-first .categoryIndex__img a img {
    position: static;
    max-width: 100%;
    max-height: 382px;
    height: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  .categoryIndex__item.-first .categoryIndex__articleTitle {
    font-size: 1.6rem
  }

  .categoryIndex__img {
    width: 100%
  }

  .categoryIndex__img a {
    height: 32vw
  }

  .categoryIndex__articleTitle {
    font-size: 1.3rem
  }

  .categoryIndex__time {
    float: none;
    clear: both;
    padding-top: 7px
  }

  .categoryTag__inner {
    overflow: hidden;
    display: block
  }

  .categoryTag__body .tagList li:nth-child(n+4) {
    display: none
  }

  .categoryTag__footer {
    margin-left: 0
  }

  .categoryTag__footer .tagIndex__btn {
    float: right
  }

  .entry::before {
    content: none
  }

  .entryBody iframe {
    width: 100%;
    min-height: 180px;
    height: auto
  }

  .entryFooter {
    margin-bottom: 40px
  }

  .entryFooter .entryMeta__sns {
    position: static;
    margin-top: 20px
  }

  .entryHeader {
    position: relative;
    margin-top: -25px;
    padding-bottom: 40px
  }

  .entryHero {
    padding-left: 0;
    padding-right: 0
  }

  .entryMeta {
    display: block
  }

  .entryMeta__meta {
    font-size: 1rem
  }

  .entryMeta__time {
    float: right
  }

  .entryMeta__sns {
    position: absolute;
    bottom: 0;
    left: 15px
  }

  .entryPager__list {
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .entryPager__list li {
    width: auto;
    margin-bottom: 10px
  }

  .entryPager__list li a {
    overflow: hidden
  }

  .entryPager__list li span.img {
    width: 128px
  }

  .entryTitle {
    font-size: 5vw
  }

  .hero {
    padding: 15px 15px 1px
  }

  .hero__inner {
    display: block;
    padding: 0
  }

  .hero__main {
    width: auto;
    margin-right: 0
  }

  .hero__main .hero__item {
    padding-top: 86.96%
  }

  .hero__main .hero__text {
    padding: 25px 10px 8px
  }

  .hero__main .hero__title {
    font-size: 4vw
  }

  .hero__main .hero__img img {
    width: 150%;
    max-width: none
  }

  .hero__sub {
    width: auto
  }

  .hero__sub .hero__item {
    width: 100%;
    padding-top: 52.2%
  }

  .hero__sub .hero__item:first-child {
    padding-top: 64%;
    margin-bottom: 15px
  }

  .hero__sub .hero__item:first-child .hero__img img {
    width: 100%;
    max-width: none
  }

  .hero__sub .hero__item:first-child .hero__title {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .hero__sub .hero__item:nth-child(2) {
    float: none
  }

  .hero__sub .hero__item:nth-child(2) .hero__title {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .hero__sub .hero__item:nth-child(3) {
    float: none
  }

  .hero__sub .hero__item:nth-child(3) .hero__title {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .hero__sub .hero__title {
    font-size: 4vw
  }

  .hero__sub .hero__meta {
    font-size: 1.2rem
  }

  .hero__link img {
    width: 100%
  }

  .hero__item {
    margin-bottom: 15px
  }

  .body-category .mainHeader__inner {
    min-height: 140px
  }

  .mainHeader__title {
    font-size: 2.2rem
  }

  .mainHeader__description {
    font-size: 1.3rem;
    margin: 0 15px
  }

  .media {
    display: block
  }

  .media__img {
    width: auto;
    margin-bottom: 10px
  }

  .media.-imgR .media__img {
    margin-left: auto
  }

  .media.-imgL .media__img {
    margin-right: auto
  }

  .pageTop {
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px
  }

  .readmore a {
    max-width: none;
    font-size: 1.3rem;
    background-position: calc(100% - 35px) calc(50% - 3px)
  }

  .related__title {
    margin-bottom: 20px;
    font-size: 2.2rem
  }

  .sns {
    display: block;
    margin-bottom: 50px
  }

  .sns__item {
    width: auto;
    display: block
  }

  .sns__title {
    margin: 0 auto 5px;
    text-align: center
  }

  .sns__list {
    text-align: center;
    margin-bottom: 20px
  }

  .sns__list li {
    float: none;
    display: inline-block;
    margin: 0 5px
  }

  .tagArea {
    padding-top: 30px
  }

  .tagArea .tagList li {
    width: auto;
    margin-bottom: 15px;
    margin-right: 10px
  }

  .tagArea .tagList li a {
    display: inline-block;
    padding: 2px 10px
  }

  .tagIndex {
    margin: 0 15px 30px;
    padding: 20px 15px
  }

  .tagSearchList__link {
    padding-right: 0
  }

  .tagSearchList__text {
    padding: 0
  }

  .tagSearchList__img {
    width: 30%;
    margin-right: 10px
  }

  .tagSearchList__title {
    font-size: 1.4rem
  }

  .tagSearchList__lead {
    display: none
  }

  .tagSearchList__meta {
    margin-bottom: 10px;
    font-size: 1rem
  }

  .tagSearchList__category {
    margin-right: 5px;
    padding-right: 5px
  }

  .toggleBtn {
    margin-bottom: 15px
  }

  .toggleBtn__link {
    width: 100%
  }

  .whatsnew {
    padding: 20px 15px 40px
  }

  .whatsnew__footer {
    margin-top: 10px
  }

  .whatsnew__title {
    margin-bottom: 20px;
    font-size: 2.2rem
  }

  .base-fromTopIn {
    margin-bottom: 0
  }

  .pc {
    display: none
  }

  .sp {
    display: block
  }
}

@media screen and (max-width: 320px) {
  body {
    margin: 0
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .js-header__small .header-local__nav {
    padding-left: 130px
  }
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  .js-header__small .header-local__navItem {
    margin-right: 20px
  }

  .js-header__small .header-local__navItem.-about {
    margin-right: 40px
  }
}