@charset "UTF-8";
.about-history {
  /*キービジュアル テキスト部分*/ }
  .about-history .keyvisual-title-text {
    width: 10.1rem;
    margin: 3.5rem auto 0 0; }
    @media only screen and (min-width: 750px) {
      .about-history .keyvisual-title-text {
        width: 13.1rem;
        margin: 4.4rem auto 0 0; } }
  .about-history .history_wrap {
    width: 69rem;
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .about-history .history_wrap {
        width: 108rem;
        margin: 0 auto 0; } }
    .about-history .history_wrap dt {
      width: 100%;
      height: 16.4rem;
      background-repeat: no-repeat, no-repeat;
      background-size: 3.8rem , cover;
      background-position: center right 3.8rem, top center;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 0;
      font-size: 6rem;
      color: #FFF;
      font-weight: bold;
      cursor: pointer; }
      @media only screen and (min-width: 750px) {
        .about-history .history_wrap dt {
          width: 100%;
          height: 18.2rem;
          background-size: 3rem, cover;
          background-position: center right 3.5rem, top center;
          margin: 0 auto 0; } }
      .about-history .history_wrap dt img {
        width: 28.8rem;
        margin: 0 auto 0; }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt img {
            width: 36.6rem;
            margin: 0 auto 0; } }
      .about-history .history_wrap dt.bg1985 {
        background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg1985_sp.jpg"); }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt.bg1985 {
            background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg1985_pc.jpg"); } }
        .about-history .history_wrap dt.bg1985.active {
          background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg1985_sp.jpg"); }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dt.bg1985.active {
              background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg1985_pc.jpg"); } }
      .about-history .history_wrap dt.bg2000 {
        background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2000_sp.jpg"); }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt.bg2000 {
            background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2000_pc.jpg"); } }
        .about-history .history_wrap dt.bg2000.active {
          background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2000_sp.jpg"); }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dt.bg2000.active {
              background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2000_pc.jpg"); } }
      .about-history .history_wrap dt.bg2006 {
        background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2006_sp.jpg"); }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt.bg2006 {
            background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2006_pc.jpg"); } }
        .about-history .history_wrap dt.bg2006.active {
          background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2006_sp.jpg"); }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dt.bg2006.active {
              background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2006_pc.jpg"); } }
      .about-history .history_wrap dt.bg2010 {
        background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2010_sp.jpg"); }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt.bg2010 {
            background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2010_pc.jpg"); } }
        .about-history .history_wrap dt.bg2010.active {
          background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2010_sp.jpg"); }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dt.bg2010.active {
              background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2010_pc.jpg"); } }
      .about-history .history_wrap dt.bg2016 {
        background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2016_sp.jpg"); }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt.bg2016 {
            background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2016_pc.jpg"); } }
        .about-history .history_wrap dt.bg2016.active {
          background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2016_sp.jpg"); }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dt.bg2016.active {
              background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2016_pc.jpg"); } }
      .about-history .history_wrap dt.bg2021 {
        background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2021_sp.jpg"); }
        @media only screen and (min-width: 750px) {
          .about-history .history_wrap dt.bg2021 {
            background-image: url("../../about/img/history/bg_open.svg"), url("../../about/img/history/bg2021_pc.jpg"); } }
        .about-history .history_wrap dt.bg2021.active {
          background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2021_sp.jpg"); }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dt.bg2021.active {
              background-image: url("../../about/img/history/bg_close.svg"), url("../../about/img/history/bg2021_pc.jpg"); } }
    .about-history .history_wrap dd {
      display: none;
      width: 100%;
      padding: 4.3rem 2.8rem 5rem;
      margin: 0 auto 0;
      background: #FFF; }
      @media only screen and (min-width: 750px) {
        .about-history .history_wrap dd {
          padding: 3.9rem 3.3rem 5rem;
          margin: 0 auto 0; } }
      .about-history .history_wrap dd .history_list {
        border-collapse: separate;
        width: 100%; }
        .about-history .history_wrap dd .history_list th {
          display: none; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list th {
              display: table-cell;
              padding: 0 0.7em 1rem;
              margin-bottom: 2rem; } }
          .about-history .history_wrap dd .history_list th .md {
            background: #4f87bf;
            padding: 0.3em;
            text-align: center;
            color: #FFF;
            font-size: 2.9rem;
            font-weight: bold; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list th.full {
              width: 90.7rem; } }
        .about-history .history_wrap dd .history_list .year {
          width: 10.7rem;
          padding: 2rem 1.7rem 0.5rem 0;
          font-size: 3.5rem;
          line-height: 3rem;
          color: #4f87bf;
          font-weight: 600;
          text-align: right; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list .year {
              flex-grow: 1;
              max-width: 11rem;
              padding-right: 1.7rem;
              font-size: 3.8rem; } }
          .about-history .history_wrap dd .history_list .year.top {
            padding: 0.5rem 1.7rem 0.5rem 0; }
        .about-history .history_wrap dd .history_list .month {
          width: 10.7rem;
          padding: 0.5rem 1.7rem 0.5rem 0;
          font-size: 2.2rem;
          line-height: 3rem;
          color: #4f87bf;
          font-weight: bold;
          text-align: right; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list .month {
              width: 11rem;
              padding-right: 1.7rem;
              font-size: 2rem; } }
        .about-history .history_wrap dd .history_list .group {
          border-left: solid 3px #4f87bf;
          padding: 0.8rem 0 0.8rem 0; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list .group {
              max-width: calc(100% - 11rem);
              width: 45rem; } }
          .about-history .history_wrap dd .history_list .group ul li {
            background-image: url("../../about/img/history/circle.svg");
            background-size: 1.6rem;
            background-repeat: no-repeat;
            background-position: top 0.4em left 0;
            font-size: 2.4rem;
            line-height: 1.3em;
            padding-left: 1.5em;
            transform: translate(-0.5em, 0em); }
            @media only screen and (min-width: 750px) {
              .about-history .history_wrap dd .history_list .group ul li {
                font-size: 2rem; } }
            .about-history .history_wrap dd .history_list .group ul li p + p {
              margin-top: 0.5em; }
            .about-history .history_wrap dd .history_list .group ul li .firsttime {
              color: #e98324;
              font-weight: bold; }
          .about-history .history_wrap dd .history_list .group .world_sp {
            background: #efefef;
            padding: 0.5em 0.8em 0.8em 0.8em;
            margin: 2rem 0 0 0; }
            @media only screen and (min-width: 750px) {
              .about-history .history_wrap dd .history_list .group .world_sp {
                display: none; } }
            .about-history .history_wrap dd .history_list .group .world_sp .world_md {
              font-size: 2.4rem;
              color: #4f87bf; }
            .about-history .history_wrap dd .history_list .group .world_sp h3 {
              font-weight: bold; }
            @media only screen and (min-width: 750px) {
              .about-history .history_wrap dd .history_list .group .world_sp p {
                font-size: 3rem; } }
            .about-history .history_wrap dd .history_list .group .world_sp h3 + p {
              font-size: 2.4rem;
              margin-top: 0.3em; }
              @media only screen and (min-width: 750px) {
                .about-history .history_wrap dd .history_list .group .world_sp h3 + p {
                  display: none; } }
            .about-history .history_wrap dd .history_list .group .world_sp p + h4 {
              margin-top: 0.5em; }
        .about-history .history_wrap dd .history_list .dash {
          display: none; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list .dash {
              display: table-cell;
              width: 0.3rem;
              height: auto;
              border-left: dashed 0.3rem #d3d3d3; } }
        .about-history .history_wrap dd .history_list .world {
          display: none; }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list .world {
              display: table-cell;
              min-width: 45rem;
              font-size: 2rem;
              padding: 0.5rem 2rem; } }
          @media only screen and (min-width: 750px) {
            .about-history .history_wrap dd .history_list .world .world_md {
              color: #4f87bf;
              font-size: 2rem; } }
          .about-history .history_wrap dd .history_list .world p {
            line-height: 1.3em; }
            @media only screen and (min-width: 750px) {
              .about-history .history_wrap dd .history_list .world p {
                font-size: 2rem; } }
          .about-history .history_wrap dd .history_list .world p + p {
            margin-top: 0.5em; }
  .about-history .history_wrap + .history_wrap {
    margin-top: 5rem; }