/*!
Coding style from FLOCSS
https://github.com/hiloki/flocss
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

ul, ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline; }

picture {
  font-size: 0; }

sub, sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 50%; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: keep-all; }

html {
  font-size: 10px; }

body {
  font-family: 'Vollkorn', serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  color: #000;
  line-height: 1.5; }
  body.is-preload * {
    -webkit-transition: none !important;
    transition: none !important; }

a {
  color: #000;
  text-decoration: none;
  outline: none; }
  @media print, screen and (min-width: 1025px) {
    a[href^="tel:"] {
      cursor: default;
      pointer-events: none; } }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }
  _:-ms-fullscreen[src$=".svg"], :root img[src$=".svg"] {
    width: 100%; }

.l-header {
  width: 100%;
  background: #fff;
  padding: 12px 20px 15px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .l-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-header {
      margin-right: auto;
      padding: 7px 15px 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .l-header__logo {
    text-align: center; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .l-header__logo {
        width: 205px; } }
  @media print, screen and (min-width: 1025px) {
    .l-header__menu {
      display: none; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-header__menu {
      width: 21px; } }
  .l-header__menu img {
    cursor: pointer; }

.l-gnavi {
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 30px; }
  @media screen and (max-width: 1176px) {
    .l-gnavi {
      padding: 0 30px; } }
  @media screen and (max-width: 1024px) {
    .l-gnavi {
      width: 100%;
      background: rgba(218, 150, 149, 0.9);
      margin-top: 0;
      padding: 0;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      display: none; } }
  @media print, screen and (min-width: 1025px) {
    .l-gnavi {
      display: block !important; } }
  .l-gnavi__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 1024px) {
      .l-gnavi__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .l-gnavi__list li {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center;
      margin-right: 8.8%; }
      @media screen and (max-width: 1024px) {
        .l-gnavi__list li {
          text-align: center;
          border-top: 1px solid #fff; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .l-gnavi__list li {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .l-gnavi__list li {
          width: 100%;
          font-size: 13px;
          font-size: 1.3rem;
          margin-right: 0; } }
      @media screen and (max-width: 1024px) {
        .l-gnavi__list li + li {
          margin: 0 0 0 0; } }
      .l-gnavi__list li:last-child {
        margin-right: 0; }
      .l-gnavi__list li a {
        position: relative;
        display: inline-block; }
        @media screen and (max-width: 1024px) {
          .l-gnavi__list li a {
            width: 100%;
            color: #fff;
            padding: 22px 0; } }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .l-gnavi__list li a {
            padding: 12px 0; } }
        .l-gnavi__list__child li a span:after {
          content: "";
          width: 100%;
          height: 1px;
          background: #da9695;
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 5;
          display: inline-block;
          display: none;
        }
        .l-gnavi__list li a:hover:after {
          -webkit-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .l-gnavi__list li a br {
            display: none; } }
  .l-gnavi__close {
    text-align: right;
    padding: 15px 20px; }
    @media print, screen and (min-width: 1025px) {
      .l-gnavi__close {
        display: none; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .l-gnavi__close {
        padding: 13px 20px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .l-gnavi__close {
        padding: 9px 15px; } }
    .l-gnavi__close img {
      cursor: pointer; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .l-gnavi__close img {
          width: 21px; } }

.l-pagebody {
  padding-top: 160px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .l-pagebody {
      padding-top: 78px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-pagebody {
      padding-top: 43px; } }

.l-content {
  padding-bottom: 120px; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-content {
      padding-bottom: 80px; } }

.l-breadcrumb {
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1176px) {
    .l-breadcrumb {
      padding: 0 30px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-breadcrumb {
      display: none; } }
  .l-breadcrumb__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .l-breadcrumb__list li {
      font-size: 16px;
      font-size: 1.6rem; }
      .l-breadcrumb__list li:after {
        content: ">";
        margin: 0 1em;
        display: inline-block; }
      .l-breadcrumb__list li:last-child:after {
        content: none; }
      .l-breadcrumb__list li a:hover {
        text-decoration: underline; }

.l-footer {
  background: #da9695;
  padding: 30px 0; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-footer {
      padding: 15px 0; } }
  .l-footer__copy {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    display: block; }

.c-ttl {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 2;
  position: relative; }
  .c-ttl:after {
    content: "";
    width: 46px;
    height: 2px;
    background: #da9695;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: inline-block; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-ttl {
      font-size: 34px;
      font-size: 3.4rem; } }
  .c-ttl-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c-ttl-powered {
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-ttl-powered {
        font-size: 12px;
        font-size: 1.2rem; } }
    .c-ttl-powered a {
      margin-left: 7px;
      display: inline-block;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-ttl-powered a {
          margin-left: 5px; } }
      .c-ttl-powered a img {
        vertical-align: middle; }
      .c-ttl-powered a:hover {
        opacity: .7; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .c-ttl-powered a:hover {
            opacity: 1; } }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .c-ttl-powered a:hover {
            opacity: 1; } }

.p-top-mv img {
  width: 100%; }

.p-top-news {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 80px;
  overflow: hidden; }
  @media screen and (max-width: 1176px) {
    .p-top-news {
      padding: 0 30px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .p-top-news {
      margin-top: 35px; } }
  .p-top-news__head {
    background: #da9695;
    border-radius: 4px 4px 0 0;
    padding: 16px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-top-news__head {
        padding: 3px 15px 3px 20px; } }
    .p-top-news__head__ttl {
      font-size: 30px;
      font-size: 3rem;
      color: #fff; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-news__head__ttl {
          font-size: 22px;
          font-size: 2.2rem; } }
    .p-top-news__head__link {
      font-size: 18px;
      font-size: 1.8rem; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-news__head__link {
          font-size: 13px;
          font-size: 1.3rem; } }
      .p-top-news__head__link a {
        color: #fff; }
        .p-top-news__head__link a:after {
          content: "";
          width: 4px;
          height: 8px;
          vertical-align: .1em;
          background: url(/english/cr/cms/wp-content/themes/j-circ/images/common/cmn-arr-ico01.svg) 0 0 no-repeat;
          background-size: 100% 100%;
          margin-left: 20px;
          display: inline-block; }
          @media screen and (min-width: 1px) and (max-width: 767px) {
            .p-top-news__head__link a:after {
              vertical-align: inherit;
              margin-left: 10px; } }
        .p-top-news__head__link a:hover {
          text-decoration: underline; }
  .p-top-news__list {
    background: rgba(218, 150, 149, 0.1);
    border-radius: 0 0 4px 4px;
    padding: 25px 65px 45px 65px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-top-news__list {
        padding: 15px 15px 30px; } }
    .p-top-news__list li + li {
      margin-top: 25px; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-news__list li + li {
          margin-top: 35px; } }
    .p-top-news__list__date {
      font-size: 30px;
      font-size: 3rem; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-news__list__date {
          font-size: 18px;
          font-size: 1.8rem; } }
    .p-top-news__list__txt {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.67; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-news__list__txt {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.54; } }
      .p-top-news__list__txt a {
        color: #e56f6e; }
        .p-top-news__list__txt a:hover {
          text-decoration: underline; }

.p-top-issues {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 100px; }
  @media screen and (max-width: 1176px) {
    .p-top-issues {
      padding: 0 30px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .p-top-issues {
      margin-top: 80px; } }
  .p-top-issues__list {
    margin-top: 105px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-top-issues__list {
        margin-top: 65px; } }
    .p-top-issues__list li + li {
      margin-top: 80px;
      padding-top: 80px;
      border-top: 2px solid #f2f2f2; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-issues__list li + li {
          margin-top: 50px;
          padding-top: 50px;
          border-top-width: 1px; } }
    .p-top-issues__list__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-issues__list__inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .p-top-issues__list__thumb {
      width: 28.36%;
      margin-right: 135px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .p-top-issues__list__thumb {
          margin-right: 65px; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-top-issues__list__thumb {
          width: 100%;
          text-align: center;
          margin: 0 0 2em 0; } }
    .p-top-issues__list__info {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .p-top-issues__list__info__ttl {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.36; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-top-issues__list__info__ttl {
            font-size: 16px;
            font-size: 1.6rem; } }
        .p-top-issues__list__info__ttl a {
          color: #e56f6e; }
          .p-top-issues__list__info__ttl a:after {
            content: "";
            width: 13px;
            height: 13px;
            background: url(/english/cr/cms/wp-content/themes/j-circ/images/common/cmn-blank-ico.svg) 0 0 no-repeat;
            background-size: 100% 100%;
            margin-left: 10px;
            display: inline-block; }
          .p-top-issues__list__info__ttl a:hover {
            text-decoration: underline; }
      .p-top-issues__list__info__name {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.63;
        color: #333;
        margin-top: 10px; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-top-issues__list__info__name {
            font-size: 14px;
            font-size: 1.4rem; } }
      .p-top-issues__list__info__summury {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.63;
        color: #333;
        margin-top: 1.63em; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-top-issues__list__info__summury {
            font-size: 14px;
            font-size: 1.4rem;
            margin-top: 1.5em; } }

.p-page-mv {
  margin-bottom: 30px; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .p-page-mv {
      margin-bottom: 80px; } }
  .p-page-mv img {
    width: 100%; }

.p-about {
  max-width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 1176px) {
    .p-about {
      padding: 0 30px; } }
  .p-about__reports {
    margin: 80px 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-about__reports {
        margin: 55px 0 80px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .p-about__reports__img {
      width: 29.91%;
      margin: 0 40px 0 -29px; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__reports__img {
          width: 50%;
          text-align: center;
          margin: 0 auto; } }
    .p-about__reports > div {
      margin-top: 20px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__reports > div {
          width: 100%; } }
    .p-about__reports__info {
      font-size: 20px;
      font-size: 2rem;
      line-height: 2; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__reports__info {
          font-size: 14px;
          font-size: 1.4rem; } }
    .p-about__reports__intro {
      background: rgba(218, 150, 149, 0.1);
      margin-top: 20px;
      padding: 25px 25px 30px; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__reports__intro {
          padding: 15px 15px 20px; } }
      .p-about__reports__intro__ttl {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 10px; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-about__reports__intro__ttl {
            font-size: 18px;
            font-size: 1.8rem; } }
      .p-about__reports__intro__txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-about__reports__intro__txt {
            font-size: 14px;
            font-size: 1.4rem; } }
    .p-about__reports__publish {
      font-size: 20px;
      font-size: 2rem;
      margin-top: 20px; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__reports__publish {
          font-size: 14px;
          font-size: 1.4rem; } }
      .p-about__reports__publish a {
        color: #e56f6e; }
        .p-about__reports__publish a:hover {
          text-decoration: underline; }
  .p-about__teams {
    margin-top: 100px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-about__teams {
        margin-top: 65px; } }
    .p-about__teams__chief {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__teams__chief {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .p-about__teams__chief__img {
        width: 23%;
        margin-right: 55px; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-about__teams__chief__img {
            width: 50%;
            text-align: center;
            margin-right: 0; } }
      .p-about__teams__chief > div {
        width: 72%; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-about__teams__chief > div {
            width: 100%;
            margin-top: 30px; } }
      .p-about__teams__chief__ttl {
        font-size: 36px;
        font-size: 3.6rem; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-about__teams__chief__ttl {
            font-size: 22px;
            font-size: 2.2rem; } }
      .p-about__teams__chief__credit {
        font-size: 18px;
        font-size: 2rem;
        line-height: 1.67; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .p-about__teams__chief__credit {
            font-size: 14px;
            font-size: 1.6rem; } }
    .p-about__teams__list li {
      margin-top: 90px; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__teams__list li {
          margin-top: 50px; } }
    .p-about__teams__list__ttl {
      font-size: 36px;
      font-size: 3.6rem; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__teams__list__ttl {
          font-size: 22px;
          font-size: 2.2rem; } }
    .p-about__teams__list__credit {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.67;
      word-break: break-all; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__teams__list__credit {
          font-size: 14px;
          font-size: 1.4rem; } }
    .p-about__teams__list__link {
      font-size: 20px;
      font-size: 2rem;
      margin-top: 1em; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-about__teams__list__link {
          font-size: 16px;
          font-size: 1.6rem; } }
      .p-about__teams__list__link a {
        color: #da9695; }
        .p-about__teams__list__link a:before {
          content: "";
          width: 16px;
          height: 20px;
          vertical-align: -.1em;
          background: url(/english/cr/cms/wp-content/themes/j-circ/images/common/cmn-pdf-ico.svg) 0 0 no-repeat;
          background-size: 100% 100%;
          margin-right: 8px;
          display: inline-block; }
        .p-about__teams__list__link a:hover {
          text-decoration: underline; }

.p-issues {
  max-width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 1176px) {
    .p-issues {
      padding: 0 30px; } }
  .p-issues__powered {
    text-align: right;
    margin-bottom: 10px; }
  .p-issues__vol + div {
    border-top: 2px solid rgba(191, 191, 191, 0.2);
    margin-top: 75px;
    padding-top: 70px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-issues__vol + div {
        margin-top: 45px;
        padding-top: 40px; } }
  .p-issues__vol__list {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-issues__vol__list {
        margin-top: 40px; } }
    .p-issues__vol__list li {
      font-size: 22px;
      font-size: 2.2rem;
      margin-right: 2em; }
      @media screen and (max-width: 1176px) {
        .p-issues__vol__list li {
          margin-right: 3vw; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-issues__vol__list li {
          width: 25%;
          font-size: 18px;
          font-size: 1.8rem;
          margin-right: 0; } }
      .p-issues__vol__list li:last-child {
        margin-right: 0; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .p-issues__vol__list li:nth-child(n+5) {
          margin-top: 15px; } }
      .p-issues__vol__list li a:hover {
        text-decoration: underline; }

.p-nf {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 1176px) {
    .p-nf {
      padding: 0 30px; } }
  .p-nf__ttl {
    margin: 80px 0 100px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-nf__ttl {
        margin: 60px 0; } }
    .p-nf__ttl:after {
      content: none; }
  .p-nf__lead {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2; }
  .p-nf__back {
    width: 35%;
    font-size: 16px;
    font-size: 1.6rem;
    border: 1px solid #da9695;
    margin: 100px auto 0; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .p-nf__back {
        width: 60%;
        margin-top: 60px; } }
    .p-nf__back a {
      width: 100%;
      color: #fff;
      background: #da9695;
      padding: 14px 0;
      position: relative;
      z-index: 0;
      display: inline-block;
      -webkit-transition: color .3s;
      transition: color .3s; }
      .p-nf__back a:before {
        content: "";
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        -webkit-transform-origin: right top;
                transform-origin: right top;
        -webkit-transform: scale(0, 1);
                transform: scale(0, 1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; }
      .p-nf__back a:hover {
        color: #da9695; }
        .p-nf__back a:hover:before {
          -webkit-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }

.u-os {
  font-family: 'Open Sans', sans-serif; }

.u-lato {
  font-family: 'Lato', sans-serif; }

.u-noto {
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif; }

@media print, screen and (min-width: 1025px) {
  .u-tab, .u-sp {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pc, .u-sp {
    display: none !important; } }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .u-pc, .u-tab {
    display: none !important; }
  .u-pc.u-sp {
    display: inherit !important; } }


/*# sourceMappingURL=style.css.map*/
.p-impact {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.p-impact__table {
  width: 230px;
  border: 1px solid #eee;
}

.p-impact__table tr th {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  background: #FAF4F3;
  padding: 4px 0;
font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}


.p-impact__table tr:nth-child(even) td {
  background: #f9f9f9;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .p-impact__table tr th {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-impact__table tr td {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  padding: 4px 0;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .p-impact__table tr td {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-impact__table tr:nth-child(even) td {
  background: #f9f9f9;
}

.p-impact__table tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

.p-impact__note {
  font-size: 20px;
  font-size: 2rem;
  margin-top: 80px;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .p-impact__note {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 60px;
  }
}

@media screen and (min-width: 1025px) {

  .l-gnavi__list__child {
    display: block !important;
  }
}

.l-gnavi__list__child {
  visibility: hidden;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  position: absolute;
  top: 0;
  margin-top: 58px;
  background: #FAF4F3;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
}

.l-gnavi__list__child li {
  margin-right: 0;
  border-bottom: #da9695;
}

.l-gnavi__list>li:hover .l-gnavi__list__child {
  opacity: 1;
  visibility: visible;
}

.l-gnavi__list>li
 {
  position: relative;

 }

 .l-gnavi__list li a:after {
      content: "";
        width: 100%;
        height: 1px;
        background: #da9695;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        display: inline-block;
 }

 .l-gnavi__list li a {
  position: relative;
  display: inline-block;
 }

 .l-gnavi__list li a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
 }

 .l-gnavi__list__child li a
 {
  width: fit-content;
  padding: 18px 10px;
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #da9695;
 }

    .l-gnavi__list__child li a span {
      position: relative;
    }

        .l-gnavi__list__child li a:hover span:after {
          display: inline-block;
        }

        .l-gnavi__list .l-gnavi__list__child li a:hover:after {
          display: none;
        }

        .l-gnavi__list__child li a span {
          color: #000;
        }

 @media screen and (max-width: 1024px) {

.l-gnavi__list__child li a span {
    color: #000;
  }

        .l-gnavi__list ul {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease;
        }

            .l-gnavi__list__child.is-open {
              opacity: 1;
              pointer-events: auto;
            }

.l-gnavi__list__child {
  position: static;
  margin-top: 0;
  padding: 0 0 0 35px;
  width: 100%;
  visibility: visible;
  opacity: 1;
  transform: translate(0);
  padding-left: 0;
}

.l-gnavi__list>li>span {
  display: block;
  padding: 12px 0;
  color: #fff;
  width: 100%;
}
 }