.l-extraWrapper {
  font-weight: 300;
  line-height: 2;
  font-size: 16px;
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    .l-extraWrapper {
      font-size: 12px; } }
  @media screen and (min-width: 768px) {
    .l-extraWrapper .visible_lg {
      display: block; }
    .l-extraWrapper .visible_xs {
      display: none; } }
  @media screen and (max-width: 767px) {
    .l-extraWrapper .visible_lg {
      display: none; }
    .l-extraWrapper .visible_xs {
      display: block; } }
  @media screen and (max-width: 767px) {
    .l-extraWrapper .textLeft_xs {
      text-align: left; } }
  .l-extraWrapper .intro {
    padding-top: 45px;
    padding-bottom: 80px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .intro {
        padding-bottom: 40px; } }
    .l-extraWrapper .intro__logo {
      display: inline-block;
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .intro__logo {
          margin-bottom: 15px; } }
    .l-extraWrapper .intro__searchBar {
      text-align: right; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .intro__searchBar {
          text-align: center;
          margin-bottom: 20px; } }
      .l-extraWrapper .intro__searchBar > input[type="text"] {
        display: inline-block;
        background-color: transparent;
        border: 1px solid #666666;
        border-radius: 0;
        font-size: 14px;
        padding: 15px 15px 15px 40px;
        width: 300px;
        background-image: url(../img/search.svg);
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 20px auto;
        color: #666666; }
        @media screen and (max-width: 767px) {
          .l-extraWrapper .intro__searchBar > input[type="text"] {
            padding: 10px 10px 10px 40px; } }
    .l-extraWrapper .intro__head {
      margin-bottom: 50px; }
      .l-extraWrapper .intro__head__text01 {
        display: block;
        font-family: 'Caveat', serif;
        font-size: 28px; }
      .l-extraWrapper .intro__head__text02 {
        display: block;
        margin-bottom: 10px; }
        .l-extraWrapper .intro__head__text02 > img {
          width: 530px; }
          @media screen and (max-width: 767px) {
            .l-extraWrapper .intro__head__text02 > img {
              width: 340px; } }
      .l-extraWrapper .intro__head__text03 {
        display: block; }
        .l-extraWrapper .intro__head__text03[data-language="en"] {
          font-family: 'Caveat', serif;
          font-size: 22px; }
        .l-extraWrapper .intro__head__text03[data-language="jp"] {
          font-family: inherit;
          font-size: 14px;
          font-weight: normal; }
    .l-extraWrapper .intro__visusal {
      margin-bottom: 80px; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .intro__visusal {
          margin-bottom: 40px; } }
    .l-extraWrapper .intro__leading {
      text-align: center;
      font-weight: 400;
      line-height: 2; }
  .l-extraWrapper .contentsNav__lgNav {
    width: 100%;
    background-color: #fff; }
    .l-extraWrapper .contentsNav__lgNav__list {
      list-style-type: none;
      height: 140px;
      font-size: 0; }
      .l-extraWrapper .contentsNav__lgNav__list__item {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 20%;
        text-align: center;
        display: inline-block; }
        .l-extraWrapper .contentsNav__lgNav__list__item > a {
          position: relative;
          color: #121212;
          font-size: 14px;
          text-decoration: none;
          padding-bottom: 15px;
          display: inline-block; }
          .l-extraWrapper .contentsNav__lgNav__list__item > a:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            content: "";
            display: block;
            width: 54px;
            height: 1px;
            background-color: #D80C24; }
  .l-extraWrapper .contentsNav__xsNav {
    width: 100%;
    background-color: #fff; }
    .l-extraWrapper .contentsNav__xsNav__list {
      list-style-type: none;
      flex-wrap: wrap;
      display: flex;
      padding-top: 15px;
      padding-bottom: 30px; }
      .l-extraWrapper .contentsNav__xsNav__list__item {
        text-align: center;
        width: 50%;
        padding: 10px 0; }
        .l-extraWrapper .contentsNav__xsNav__list__item > a {
          position: relative;
          color: #121212;
          font-size: 12px;
          text-decoration: none;
          padding-bottom: 12px;
          display: inline-block;
          line-height: 1.3333; }
          .l-extraWrapper .contentsNav__xsNav__list__item > a:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            content: "";
            display: block;
            width: 54px;
            height: 1px;
            background-color: #D80C24; }
  .l-extraWrapper .storedNav__lgNav {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 15;
    transition: 0.4s all ease; }
    .l-extraWrapper .storedNav__lgNav__list {
      list-style-type: none;
      height: 58px;
      font-size: 0; }
      .l-extraWrapper .storedNav__lgNav__list__item {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 20%;
        text-align: center;
        display: inline-block;
        height: 58px; }
        .l-extraWrapper .storedNav__lgNav__list__item > a {
          position: relative;
          color: #121212;
          font-size: 14px;
          text-decoration: none;
          padding-bottom: 15px;
          display: inline-block;
          height: 58px;
          padding-top: 15px; }
          .l-extraWrapper .storedNav__lgNav__list__item > a:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            content: "";
            display: block;
            width: 54px;
            height: 1px;
            background-color: #D80C24; }
    .l-extraWrapper .storedNav__lgNav.is-slided {
      top: 0; }
  .l-extraWrapper .storedNav__xsNav {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 15;
    transition: 0.4s all ease; }
    .l-extraWrapper .storedNav__xsNav__head {
      position: relative;
      border-bottom: 1px solid #E9E9E9;
      padding: 0 15px;
      height: 58px; }
      .l-extraWrapper .storedNav__xsNav__head__text {
        position: relative;
        color: #121212;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        height: 58px;
        line-height: 58px; }
      .l-extraWrapper .storedNav__xsNav__head__btn {
        position: absolute;
        top: 50%;
        right: 70px;
        width: 21px;
        height: 21px;
        background-image: url(../img/arrowBtn.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 21px auto;
        display: block;
        transform: translateY(-50%); }
        .l-extraWrapper .storedNav__xsNav__head__btn.is-clicked {
          transform: translateY(-50%) rotate(180deg); }
    .l-extraWrapper .storedNav__xsNav__innerNav {
      display: none; }
      .l-extraWrapper .storedNav__xsNav__innerNav__list {
        list-style-type: none;
        flex-wrap: wrap;
        display: flex;
        padding-top: 15px;
        padding-bottom: 15px; }
        .l-extraWrapper .storedNav__xsNav__innerNav__list__item {
          text-align: center;
          width: 50%;
          padding: 10px 0; }
          .l-extraWrapper .storedNav__xsNav__innerNav__list__item > a {
            position: relative;
            color: #121212;
            font-size: 12px;
            text-decoration: none;
            padding-bottom: 12px;
            display: inline-block;
            line-height: 1.3333; }
            .l-extraWrapper .storedNav__xsNav__innerNav__list__item > a:after {
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              content: "";
              display: block;
              width: 54px;
              height: 1px;
              background-color: #D80C24; }
    .l-extraWrapper .storedNav__xsNav.is-slided {
      top: 0; }
  .l-extraWrapper .mainContents a {
    color: var(--main_color);
    text-decoration: none; }
  .l-extraWrapper .mainContents .sectionText {
    padding-top: 130px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .sectionText {
        padding-top: 60px; } }
    .l-extraWrapper .mainContents .sectionText__title {
      font-size: 24px;
      margin-bottom: 50px; }
      .l-extraWrapper .mainContents .sectionText__title::before {
        content: '';
        display: block;
        width: 0;
        height: 30px;
        border-left: 1px solid var(--main_red);
        margin: 0 auto 40px; }
        @media screen and (max-width: 767px) {
          .l-extraWrapper .mainContents .sectionText__title::before {
            margin: 0 auto 20px; } }
    .l-extraWrapper .mainContents .sectionText__lead {
      margin-bottom: 60px;
      line-height: 2.28571428571; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .sectionText__lead {
          margin-bottom: 20px; } }
    .l-extraWrapper .mainContents .sectionText__img {
      margin-bottom: 80px; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .sectionText__img {
          margin-bottom: 40px; } }
  .l-extraWrapper .mainContents .sectionMv {
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .sectionMv {
        margin-bottom: 20px; } }
  .l-extraWrapper .mainContents .sectionContent a {
    color: var(--main_color);
    text-decoration: none; }
  .l-extraWrapper .mainContents .sectionContent__title {
    font-size: 20px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 24px;
    margin-bottom: 40px;
    position: relative;
    font-weight: 300; }
    .l-extraWrapper .mainContents .sectionContent__title::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 50px;
      height: 0;
      border-bottom: 1px solid var(--main_red); }
  .l-extraWrapper .mainContents .sectionContent__text {
    font-size: 14px;
    line-height: 2;
    font-weight: 300;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .sectionContent__text {
        font-size: 12px;
        margin-bottom: 30px; } }
  .l-extraWrapper .mainContents .sectionContent__img {
    margin-bottom: 100px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .sectionContent__img {
        margin-bottom: 40px; } }
  .l-extraWrapper .mainContents .sectionContent__list {
    font-size: 14px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .sectionContent__list {
        font-size: 12px; } }
    .l-extraWrapper .mainContents .sectionContent__list__item {
      margin-bottom: 40px; }
      .l-extraWrapper .mainContents .sectionContent__list__item__explan {
        margin-bottom: 40px; }
        .l-extraWrapper .mainContents .sectionContent__list__item__explan__title {
          margin-bottom: 20px; }
        .l-extraWrapper .mainContents .sectionContent__list__item__explan__lead {
          font-weight: 300; }
      .l-extraWrapper .mainContents .sectionContent__list__item__img {
        margin-bottom: 20px; }
      .l-extraWrapper .mainContents .sectionContent__list__item__text {
        font-size: 14px; }
        @media screen and (max-width: 767px) {
          .l-extraWrapper .mainContents .sectionContent__list__item__text {
            font-size: 12px; } }
        .l-extraWrapper .mainContents .sectionContent__list__item__text__title {
          margin-bottom: 10px;
          font-weight: 400; }
        .l-extraWrapper .mainContents .sectionContent__list__item__text__lead {
          font-weight: 300;
          line-height: 2; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .sectionContent__list__item__2cl__list__item {
          flex-direction: row-reverse;
          font-size: .6em; } }
      .l-extraWrapper .mainContents .sectionContent__list__item__2cl__list__item__text {
        padding: 0 20px; }
        .l-extraWrapper .mainContents .sectionContent__list__item__2cl__list__item__text > p {
          font-weight: 300;
          line-height: 2; }
  .l-extraWrapper .mainContents .sectionContent__table {
    margin-bottom: 60px; }
    .l-extraWrapper .mainContents .sectionContent__table__text {
      margin-bottom: 40px;
      font-weight: 300; }
    .l-extraWrapper .mainContents .sectionContent__table table {
      width: 100%; }
      .l-extraWrapper .mainContents .sectionContent__table table th {
        width: 300px;
        padding: 10px;
        border: 1px solid #CCCCCC;
        font-weight: 300;
        font-size: 14px; }
      .l-extraWrapper .mainContents .sectionContent__table table td {
        padding-left: 2em;
        border: 1px solid #CCCCCC;
        font-weight: 300;
        font-size: 14px; }
  .l-extraWrapper .mainContents .sectionContent__table-xs {
    margin-bottom: 40px; }
    .l-extraWrapper .mainContents .sectionContent__table-xs__text {
      margin-bottom: 30px; }
    .l-extraWrapper .mainContents .sectionContent__table-xs div {
      padding: 1em 2em;
      border: 1px solid var(--main_color);
      margin: 0 0 -1px; }
      .l-extraWrapper .mainContents .sectionContent__table-xs div dt {
        margin-bottom: 20px; }
  .l-extraWrapper .mainContents .sectionContent .width_initial {
    width: initial; }
  .l-extraWrapper .mainContents .sectionContent .flexBetween_nowrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; }
  .l-extraWrapper .mainContents .sectionContent .flexDirection_rr {
    flex-direction: row-reverse; }
  .l-extraWrapper .mainContents .sectionContent .flex1 {
    flex: 1; }
  .l-extraWrapper .mainContents .sectionContent .articleDeta {
    font-size: .7em;
    padding: 1em 0;
    color: #555;
    display: block;
    width: 100%; }
    .l-extraWrapper .mainContents .sectionContent .articleDeta .new::before {
      content: 'New';
      font-family: 'Caveat', serif;
      font-size: 1.2em;
      color: var(--main_red);
      display: inline-block; }
  .l-extraWrapper .mainContents .sectionContent .articleMeta .articleNumber {
    border-right: 1px solid var(--main_color);
    margin-right: 0.75em;
    padding-right: 0.75em; }
  .l-extraWrapper .mainContents .sectionContent .articleMeta .articleCategory {
    font-family: 'Caveat';
    font-size: 1.2em; }
  .l-extraWrapper .mainContents .topArticles {
    padding: 70px 0 80px;
    background-color: #fff; }
    .l-extraWrapper .mainContents .topArticles__hl {
      font-size: 18px;
      margin-bottom: 40px; }
  .l-extraWrapper .mainContents .think__list {
    margin-bottom: -40px; }
    .l-extraWrapper .mainContents .think__list__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .think__list__item {
          display: block; } }
      .l-extraWrapper .mainContents .think__list__item__fig {
        width: 48%; }
        @media screen and (max-width: 767px) {
          .l-extraWrapper .mainContents .think__list__item__fig {
            width: 100%;
            margin-bottom: 20px; } }
      .l-extraWrapper .mainContents .think__list__item__texts {
        width: 48%; }
        @media screen and (max-width: 767px) {
          .l-extraWrapper .mainContents .think__list__item__texts {
            width: 100%; } }
        .l-extraWrapper .mainContents .think__list__item__texts__dl > dt {
          font-size: 16px;
          font-weight: 300;
          margin-bottom: 25px; }
          @media screen and (max-width: 767px) {
            .l-extraWrapper .mainContents .think__list__item__texts__dl > dt {
              margin-bottom: 20px; } }
        .l-extraWrapper .mainContents .think__list__item__texts__dl > dd {
          font-size: 14px;
          font-weight: 300;
          line-height: 2; }
  .l-extraWrapper .mainContents .articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .articles {
        margin-bottom: 30px; } }
    .l-extraWrapper .mainContents .articles__eachArticle {
      width: 23%; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .articles__eachArticle {
          width: 47%;
          margin-bottom: 15px; } }
      .l-extraWrapper .mainContents .articles__eachArticle__anchor__fig {
        margin-bottom: 15px; }
      .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__date {
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 300;
        color: #999999; }
        .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__date[data-status="new"]:before {
          content: "New";
          font-family: 'Caveat', serif;
          font-size: 14px;
          color: #D80C24;
          display: inline-block;
          margin-right: 10px; }
      .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__numberAndCategory {
        margin-bottom: 15px; }
        .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__numberAndCategory__num {
          font-size: 18px;
          display: inline-block; }
          @media screen and (max-width: 767px) {
            .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__numberAndCategory__num {
              font-size: 14px; } }
        .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__numberAndCategory__category {
          position: relative;
          font-size: 18px;
          display: inline-block;
          padding-left: 10px;
          margin-left: 10px;
          font-family: 'Caveat', serif; }
          .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__numberAndCategory__category:before {
            content: "";
            display: block;
            width: 2px;
            height: 20px;
            background-color: #000;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__desciption {
        font-size: 14px;
        line-height: 1.57142857143; }
        @media screen and (max-width: 767px) {
          .l-extraWrapper .mainContents .articles__eachArticle__anchor__texts__desciption {
            font-size: 12px; } }
  .l-extraWrapper .mainContents .p_50 {
    padding: 50px; }
  .l-extraWrapper .mainContents .mb_20 {
    margin-bottom: 20px; }
  .l-extraWrapper .mainContents .mb_40 {
    margin-bottom: 40px; }
  .l-extraWrapper .mainContents .fw_300 {
    font-weight: 300; }
  .l-extraWrapper .mainContents .fW_bold {
    font-weight: bold; }
  .l-extraWrapper .mainContents .fw_ligher {
    font-weight: lighter; }
  .l-extraWrapper .mainContents .fs_30_20 {
    font-size: 30px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .fs_30_20 {
        font-size: 20px; } }
  .l-extraWrapper .mainContents .fs_18 {
    font-size: 18px; }
  .l-extraWrapper .mainContents .gray {
    background-color: var(--gray) !important; }
  .l-extraWrapper .mainContents .white {
    background-color: #ffffff; }
  .l-extraWrapper .mainContents .link_detail {
    background-color: #ffffff;
    padding: 25px 50px;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .l-extraWrapper .mainContents .link_detail {
        padding: 15px;
        margin-bottom: 40px; } }
    .l-extraWrapper .mainContents .link_detail__title {
      margin-bottom: 5px;
      font-weight: 300; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .link_detail__title {
          font-size: 14px; } }
    .l-extraWrapper .mainContents .link_detail__lead {
      font-weight: 300;
      font-size: 14px; }
      @media screen and (max-width: 767px) {
        .l-extraWrapper .mainContents .link_detail__lead {
          font-size: 12px;
          margin-bottom: 10px; } }
  .l-extraWrapper .stepImg {
    max-width: 828px; }
  .l-extraWrapper .graphImg {
    max-width: 828px; }

/*# sourceMappingURL=individualAndCategory.css.map */