@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap");
/*------------------------------------------------------------
article
------------------------------------------------------------*/
.p-article {
  margin: 50px auto 194px;
  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;
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/ }
  @media screen and (max-width: 749px) {
    .p-article {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 31px 0 94px; } }
  .p-article__side {
    width: 300px; }
    @media screen and (max-width: 1099px) {
      .p-article__side {
        width: 230px; } }
    @media screen and (max-width: 749px) {
      .p-article__side {
        width: 100%;
        margin-bottom: 31px; } }
    .p-article__side .c-card2 {
      position: -webkit-sticky;
      position: sticky;
      top: 10px; }
    .p-article__side.is-sticky {
      position: fixed;
      top: 0;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      margin-top: 10px; }
  .p-article__main {
    width: 650px; }
    @media screen and (max-width: 1099px) {
      .p-article__main {
        width: 450px; } }
    @media screen and (max-width: 749px) {
      .p-article__main {
        width: 100%;
        overflow: hidden; } }
  .p-article__wrapper {
    background: #fff;
    padding: 56px 29px 28px;
    position: relative; }
    @media screen and (max-width: 1099px) {
      .p-article__wrapper {
        padding: 56px 29px 10px; } }
    @media screen and (max-width: 749px) {
      .p-article__wrapper {
        padding: 38px 0 2px; } }
  .p-article__wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 95%;
    height: 100px;
    -webkit-box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.4);
            box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1; }
  .p-article__ttl {
    font: 500 5.5rem/1.15 'Noto Serif JP', sans-serif;
    letter-spacing: -2.5px;
    margin-bottom: 43px; }
    @media screen and (max-width: 1099px) {
      .p-article__ttl {
        margin-bottom: 54px; } }
    @media screen and (max-width: 749px) {
      .p-article__ttl {
        font-size: 3.5rem;
        line-height: 1.2;
        letter-spacing: -2px;
        margin-bottom: 40px;
        padding: 0 20px 0 21px; } }
    .p-article__ttl span {
      display: block;
      font: bold 1.4rem/1.64 'Noto Sans JP', sans-serif;
      letter-spacing: 0;
      margin-bottom: 4px; }
      @media screen and (max-width: 749px) {
        .p-article__ttl span {
          margin-bottom: 10px; } }
    .p-article__ttl i {
      font-style: normal; }
    .p-article__ttl i:nth-child(2) {
      margin: 0 0 0 -28px; }
      @media screen and (max-width: 749px) {
        .p-article__ttl i:nth-child(2) {
          margin: 0 0 0 -17px; } }
    .p-article__ttl i:not(:nth-child(2)) {
      margin: 0 -28px 0 0; }
      @media screen and (max-width: 749px) {
        .p-article__ttl i:not(:nth-child(2)) {
          margin: 0 -16px 0 0; } }

/*
------------------------------------------------------------*/
.p-article__main {
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/ }
  .p-article__main .c-tag1 {
    width: 272px; }
    @media screen and (max-width: 749px) {
      .p-article__main .c-tag1 {
        width: calc(100% - 28px);
        padding: 0 0 0 92px; } }
  @media screen and (max-width: 749px) {
    .p-article__main .c-tag1__number {
      letter-spacing: -3px; } }
  @media screen and (max-width: 749px) {
    .p-article__main .c-tag1__txt {
      padding: 3px 0 4px 13px; } }
  .p-article__main h3 {
    font: 900 2.4rem/2.5 'Noto Sans JP', sans-serif;
    position: relative;
    letter-spacing: -1px;
    padding-bottom: 6px;
    margin-bottom: 14px; }
    @media screen and (max-width: 1099px) {
      .p-article__main h3 {
        line-height: 1.58333333333;
        padding-bottom: 17px; } }
    @media screen and (max-width: 749px) {
      .p-article__main h3 {
        line-height: 1.5;
        padding-bottom: 23px;
        margin: 0 17px 14px 21px; } }
  @media screen and (max-width: 749px) {
    .p-article__main h3 i {
      font-style: normal;
      margin-right: -13px; } }
  .p-article__main h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: #000; }
  .p-article__main .text {
    font: 400 1.4rem/1.72 'Noto Sans JP', sans-serif;
    margin-bottom: 28px; }
    @media screen and (max-width: 749px) {
      .p-article__main .text {
        letter-spacing: -.3px;
        padding: 0 20px 0 21px;
        text-align: justify; } }
  .p-article__main .mark {
    font: bold 2rem/1.2 'Noto Sans JP', sans-serif;
    margin-bottom: 21px; }
    @media screen and (max-width: 749px) {
      .p-article__main .mark {
        padding: 0 20px 0 21px; } }
    .p-article__main .mark mark {
      color: #826E00;
      background: transparent;
      font-weight: bold; }
    .p-article__main .mark span {
      font-size: 1.6rem;
      font-weight: 400;
      margin: 0 -12px;
      position: relative;
      top: -2px; }
  .p-article__main img {
    margin: 19px 0 31px; }
    @media screen and (max-width: 1099px) {
      .p-article__main img {
        max-width: 100%;
        margin: -2px 0 40px; } }
    @media screen and (max-width: 749px) {
      .p-article__main img {
        margin: -2px 0 23px; } }

/*
------------------------------------------------------------*/




.article01__text01{ display: block; width: 184px;}
.article01__text02{ display: block;width: 171px;}
.article01__text03{ display: block;width: 108px;}
.article01__text04{ display: block;width: 145px; margin: 17px 0 0!important;}
.article01__text05{ display: block;width: 196px; margin: 17px 0 0!important;}
.article01__text06{ display: block;width: 124px; margin: 17px 0 0!important;}
.article01__text07{ display: block;width: 207px; margin: 17px 0 0!important;}

.mark__text{background: transparent;}
.mark__text--red{ color: #b43c5a;}
.mark__text--blue{ color: #3c50a0;}
.mark__text--green{ color: #648c32;}

.example-text{ display: block; margin: 0 0 15px; font-size: 1.8rem;}