@charset "UTF-8";
.detail-vol07 {
  background: #ffffff;
  padding: 7.8125vw 0; }
  @media only screen and (min-width: 769px) {
    .detail-vol07 {
      padding: 60px 0; } }
  .detail-vol07 .res-pc {
    display: inline !important; }
    @media only screen and (max-width: 768px) {
      .detail-vol07 .res-pc {
        display: none !important; } }
  .detail-vol07 .res-sp {
    display: none !important; }
    @media only screen and (max-width: 768px) {
      .detail-vol07 .res-sp {
        display: inline !important; } }
  .detail-vol07 .inner {
    padding: 0 3.125vw; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 .inner {
        width: 880px;
        padding: 0;
        margin: 0 auto; } }
  .detail-vol07 .link-underline {
    color: inherit;
    border-bottom: 1px solid #000; }
  .detail-vol07 .ttl-serif {
    font-family: "Sawarabi Mincho", sans-serif;
    font-size: 5.625vw;
    line-height: 1.66667; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 .ttl-serif {
        font-size: 24px;
        line-height: 1.5; } }
  .detail-vol07 .detail-title {
    width: 100%;
    padding-top: 20.33333%;
    background: url(../img/vol05/title_s.png) no-repeat;
    background-size: 100% auto; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 .detail-title {
        width: 900px;
        margin: 0 auto;
        padding-top: 152px;
        background-image: url(../img/vol05/title.png);
        background-size: 899px auto; } }
  .detail-vol07 .detail-lead {
    margin: 6.25vw 0 0 0; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 .detail-lead {
        margin: 30px 0 0 0;
        text-align: center; } }
  .detail-vol07 #detail-content h3 {
    font-size: 7.1875vw; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #detail-content h3 {
        font-size: 46px; } }
  .detail-vol07 #detail-content p {
    font-size: 3.125vw;
    line-height: 1.66667;
    letter-spacing: 0;
    font-weight: bold; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #detail-content p {
        font-size: 20px;
        line-height: 1.875; } }
    .detail-vol07 #detail-content p b {
      color: #3da1ce; }
    .detail-vol07 #detail-content p a {
      color: inherit;
      border-bottom: 1px solid #000; }
    .detail-vol07 #detail-content p.lead {
      text-align: center;
      font-size: 5.46875vw; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #detail-content p.lead {
          font-size: 35px; } }
  .detail-vol07 #detail-content dd a {
    color: inherit;
    border-bottom: 1px solid #000; }
  .detail-vol07 #detail-content h2 {
    text-align: center;
    margin-bottom: calc(100 * 80vw / 750); }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #detail-content h2 {
        margin-bottom: 80px; } }
  .detail-vol07 #detail-content .sub-title {
    position: relative;
    margin: 0 auto calc(100 * 20vw / 750);
    text-align: center; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #detail-content .sub-title {
        width: auto;
        margin: 0 auto 20px; } }
    .detail-vol07 #detail-content .sub-title h3 {
      position: relative;
      display: inline-block;
      font-size: calc(100 * 34vw / 750);
      font-weight: bold;
      color: #000000;
      line-height: 1.4;
      margin-bottom: 0; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #detail-content .sub-title h3 {
          font-size: 46px; } }
      .detail-vol07 #detail-content .sub-title h3::before, .detail-vol07 #detail-content .sub-title h3::after {
        position: absolute;
        content: "";
        display: block;
        width: 2px;
        height: 30px;
        background: #000;
        bottom: 0; }
      .detail-vol07 #detail-content .sub-title h3::before {
        left: -1em;
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg); }
      .detail-vol07 #detail-content .sub-title h3::after {
        right: -1em;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg); }
  .detail-vol07 #detail-content .detail-content_sec {
    margin-bottom: calc(100 * 80vw / 750); }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #detail-content .detail-content_sec {
        margin-bottom: 80px; } }
    .detail-vol07 #detail-content .detail-content_sec .inner {
      margin: 0 auto;
      width: calc(100 * 690vw / 750); }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #detail-content .detail-content_sec .inner {
          width: 720px; } }
      .detail-vol07 #detail-content .detail-content_sec .inner .txt p {
        margin-bottom: calc(100 * 30vw / 750); }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #detail-content .detail-content_sec .inner .txt p {
            margin-bottom: 30px; } }
        .detail-vol07 #detail-content .detail-content_sec .inner .txt p.last-word {
          margin-bottom: 0; }
      .detail-vol07 #detail-content .detail-content_sec .inner .img {
        margin-bottom: calc(100 * 600vw / 750);
        margin: 0 auto calc(100 * 40vw / 750); }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #detail-content .detail-content_sec .inner .img {
            width: 600px;
            margin: 0 auto 40px; } }
      .detail-vol07 #detail-content .detail-content_sec .inner .note {
        font-weight: bold; }
        .detail-vol07 #detail-content .detail-content_sec .inner .note p, .detail-vol07 #detail-content .detail-content_sec .inner .note dd {
          font-size: 2.1875vw;
          word-break: break-all; }
          @media only screen and (min-width: 769px) {
            .detail-vol07 #detail-content .detail-content_sec .inner .note p, .detail-vol07 #detail-content .detail-content_sec .inner .note dd {
              font-size: 14px; } }
        .detail-vol07 #detail-content .detail-content_sec .inner .note dt {
          font-size: 2.8125vw; }
          @media only screen and (min-width: 769px) {
            .detail-vol07 #detail-content .detail-content_sec .inner .note dt {
              font-size: 18px; } }
        .detail-vol07 #detail-content .detail-content_sec .inner .note p {
          margin-bottom: calc(100 * 20vw / 750); }
          @media only screen and (min-width: 769px) {
            .detail-vol07 #detail-content .detail-content_sec .inner .note p {
              margin-bottom: 20px; } }
  .detail-vol07 #exchange {
    padding-top: 15.625vw; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #exchange {
        padding-top: 100px; } }
    .detail-vol07 #exchange #exchange-ttl {
      width: 76.71875vw;
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #exchange #exchange-ttl {
          width: 767px; } }
    .detail-vol07 #exchange #exchange-txt-01 {
      margin-top: 7.03125vw; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #exchange #exchange-txt-01 {
          margin-top: 50px; } }
    .detail-vol07 #exchange #exchange-txt-02 {
      margin-top: 3.125vw; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #exchange #exchange-txt-02 {
          margin-top: 30px;
          overflow: hidden; } }
      .detail-vol07 #exchange #exchange-txt-02 > img {
        display: block;
        width: 51.875vw;
        margin: 0 auto 4.6875vw; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #exchange #exchange-txt-02 > img {
            float: right;
            width: 240px;
            margin: 12px 105px 0 0; } }
      .detail-vol07 #exchange #exchange-txt-02 p, .detail-vol07 #exchange #exchange-txt-02 ul {
        font-size: 3.4375vw;
        letter-spacing: 0; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #exchange #exchange-txt-02 p, .detail-vol07 #exchange #exchange-txt-02 ul {
            font-size: 14px; } }
      .detail-vol07 #exchange #exchange-txt-02 ul {
        margin-left: 1em; }
        .detail-vol07 #exchange #exchange-txt-02 ul li {
          text-indent: -1em;
          padding-left: 1em; }
    .detail-vol07 #exchange #exchange-txt-03 {
      position: relative;
      margin-top: 14.0625vw;
      text-align: center;
      z-index: 1; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #exchange #exchange-txt-03 {
          margin-top: 100px; } }
      .detail-vol07 #exchange #exchange-txt-03:before {
        position: absolute;
        display: block;
        content: " ";
        background: url(../img/vol05/exchange_img_02.png) no-repeat center center/contain;
        width: 17.8125vw;
        height: 23.4375vw;
        bottom: -17.34375vw;
        right: 0;
        z-index: -1; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #exchange #exchange-txt-03:before {
            width: 114px;
            height: 150px;
            bottom: -65px;
            right: 6px; } }
    .detail-vol07 #exchange #exchange-btn {
      margin-top: 7.03125vw; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #exchange #exchange-btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 50px; } }
      .detail-vol07 #exchange #exchange-btn li {
        width: 50.15625vw;
        margin: 0 auto; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #exchange #exchange-btn li {
            width: 248px;
            margin: 0; } }
        .detail-vol07 #exchange #exchange-btn li:nth-child(n+2) {
          margin-top: 4.6875vw; }
          @media only screen and (min-width: 769px) {
            .detail-vol07 #exchange #exchange-btn li:nth-child(n+2) {
              margin: 0 0 0 50px; } }
        .detail-vol07 #exchange #exchange-btn li img {
          vertical-align: bottom; }
  .detail-vol07 #seminner {
    padding: 15.625vw 0 42.96875vw; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 #seminner {
        padding: 130px 0 150px; } }
    .detail-vol07 #seminner #seminner-ttl {
      width: 80.9375vw;
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #seminner #seminner-ttl {
          width: 730px; } }
    .detail-vol07 #seminner #seminner-txt-01 {
      margin-top: 6.25vw;
      text-align: center; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #seminner #seminner-txt-01 {
          margin-top: 55px; } }
    .detail-vol07 #seminner figure {
      margin: 6.25vw auto 0;
      width: 83.4375vw; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #seminner figure {
          margin-top: 35px;
          width: 600px; } }
      .detail-vol07 #seminner figure > img {
        display: block; }
      .detail-vol07 #seminner figure ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 4.6875vw;
        padding: 0 3.125vw; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #seminner figure ul {
            margin-top: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #seminner figure ul li:nth-child(n+2) {
            margin-left: 40px; } }
        .detail-vol07 #seminner figure ul li a {
          position: relative;
          font-size: 3.75vw;
          color: inherit;
          letter-spacing: 0;
          padding-left: 2em; }
          @media only screen and (min-width: 769px) {
            .detail-vol07 #seminner figure ul li a {
              font-size: 16px; } }
          .detail-vol07 #seminner figure ul li a:before {
            position: absolute;
            display: block;
            content: " ";
            background: url(../img/vol05/seminner_arrow.png) no-repeat center center/contain;
            width: 5.46875vw;
            height: 5.46875vw;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0; }
            @media only screen and (min-width: 769px) {
              .detail-vol07 #seminner figure ul li a:before {
                width: 23px;
                height: 23px; } }
    .detail-vol07 #seminner #seminner-txt-02 {
      margin-top: 10.9375vw;
      text-align: center; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #seminner #seminner-txt-02 {
          margin-top: 45px; } }
    .detail-vol07 #seminner #seminner-clm {
      position: relative;
      margin: 13.4375vw -1.5625vw 0;
      background: no-repeat center center / 100% 100%;
      padding: 5.46875vw 0 10.15625vw; }
      @media only screen and (max-width: 768px) {
        .detail-vol07 #seminner #seminner-clm {
          background-image: url(../img/vol05/seminner_clm_bg_sp.png); } }
      @media only screen and (min-width: 769px) {
        .detail-vol07 #seminner #seminner-clm {
          background-image: url(../img/vol05/seminner_clm_bg_pc.png);
          margin: 50px 0 0 -6px;
          padding: 40px 0 60px;
          width: 861px; } }
      .detail-vol07 #seminner #seminner-clm:before, .detail-vol07 #seminner #seminner-clm:after {
        position: absolute;
        display: block;
        content: " ";
        background: no-repeat center center / contain; }
      .detail-vol07 #seminner #seminner-clm:before {
        background-image: url(../img/vol05/seminner_clm_img_01.png);
        width: 16.5625vw;
        height: 42.5vw;
        bottom: -25.15625vw;
        left: 0; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #seminner #seminner-clm:before {
            width: 106px;
            height: 272px;
            bottom: -78px;
            left: 26px; } }
      .detail-vol07 #seminner #seminner-clm:after {
        background-image: url(../img/vol05/seminner_clm_img_02.png);
        width: 12.03125vw;
        height: 33.4375vw;
        bottom: -20.625vw;
        right: 4.375vw; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 #seminner #seminner-clm:after {
            width: 77px;
            height: 214px;
            bottom: -44px;
            right: 63px; } }
      .detail-vol07 #seminner #seminner-clm p {
        text-align: center; }
        .detail-vol07 #seminner #seminner-clm p b {
          color: #ff4040; }
  .detail-vol07 .items {
    margin: 18.75vw 0 0 0; }
    @media only screen and (min-width: 769px) {
      .detail-vol07 .items {
        margin: 100px 0 0 0; } }
    .detail-vol07 .items-ttl {
      text-align: center; }
    .detail-vol07 .items-all {
      margin: 4.6875vw 0 0 0;
      text-align: right; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 .items-all {
          width: 660px;
          margin: 20px auto 0; } }
      .detail-vol07 .items-all a {
        display: inline-block;
        padding: 1.25vw 2.5vw;
        background-color: #0a447b;
        color: #fff;
        font-size: 4.0625vw;
        font-family: "Sawarabi Mincho", sans-serif;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.1em; }
        @media only screen and (min-width: 769px) {
          .detail-vol07 .items-all a {
            padding: 4px 8px;
            font-size: 14px; } }
        .detail-vol07 .items-all a:after {
          margin: 0 0 0 0.4em;
          content: '＞'; }
    .detail-vol07 .items-container {
      margin: 5vw 0 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      @media only screen and (min-width: 769px) {
        .detail-vol07 .items-container {
          width: 660px;
          margin: 24px auto 0; } }
      .detail-vol07 .items-container a {
        display: block;
        width: 29.66667%;
        margin: 5.5% 0 0 5.5%; }
        .detail-vol07 .items-container a:nth-child(-n+3) {
          margin-top: 0; }
        .detail-vol07 .items-container a:nth-child(3n+1) {
          margin-left: 0; }
        .detail-vol07 .items-container a img {
          display: block;
          width: 100%; }
