/* taidan
 * ----------------------------------------------- */
.obi {
  zoom: 1;
  background: url(../img/taidan_obi_bg.jpg) repeat-x;
  height: 130px;
  box-sizing: border-box;
  padding: 40px 0 0 0;
  margin: 20px 0 50px 0; }
  .obi:after {
    content: "";
    display: block;
    clear: both; }
  @media only screen and (max-width: 768px) {
    .obi {
      background: url(../img/taidan_obi_bg.jpg) repeat-x;
      background-size: auto 100%;
      height: auto;
      padding: 20px 10px;
      margin: 10px 0; } }
  .obi p {
    text-align: center; }

.sc1, .sc2, .sc3, .sc4, .sc5, .sc6 {
  zoom: 1;
  font-size: 1.4rem; }
  .sc1:after, .sc2:after, .sc3:after, .sc4:after, .sc5:after, .sc6:after {
    content: "";
    display: block;
    clear: both; }
  .sc1 .inner, .sc2 .inner, .sc3 .inner, .sc4 .inner, .sc5 .inner, .sc6 .inner {
    width: 880px;
    margin: 0 auto 100px; }
    @media only screen and (max-width: 768px) {
      .sc1 .inner, .sc2 .inner, .sc3 .inner, .sc4 .inner, .sc5 .inner, .sc6 .inner {
        width: 100%;
        margin: 0 auto 50px;
        box-sizing: border-box;
        padding: 0 10px; } }
  .sc1__title, .sc2__title, .sc3__title, .sc4__title, .sc5__title, .sc6__title {
    margin-bottom: 20px; }
    .sc1__title img, .sc2__title img, .sc3__title img, .sc4__title img, .sc5__title img, .sc6__title img {
      width: 100%;
      height: auto; }
  .sc1 dl, .sc2 dl, .sc3 dl, .sc4 dl, .sc5 dl, .sc6 dl {
    zoom: 1;
    margin-bottom: 1em; }
    .sc1 dl:after, .sc2 dl:after, .sc3 dl:after, .sc4 dl:after, .sc5 dl:after, .sc6 dl:after {
      content: "";
      display: block;
      clear: both; }
    .sc1 dl dt, .sc2 dl dt, .sc3 dl dt, .sc4 dl dt, .sc5 dl dt, .sc6 dl dt {
      float: left; }
      .sc1 dl dt.hirata, .sc2 dl dt.hirata, .sc3 dl dt.hirata, .sc4 dl dt.hirata, .sc5 dl dt.hirata, .sc6 dl dt.hirata {
        color: #ef5879; }
      .sc1 dl dt.shinohara, .sc2 dl dt.shinohara, .sc3 dl dt.shinohara, .sc4 dl dt.shinohara, .sc5 dl dt.shinohara, .sc6 dl dt.shinohara {
        color: #219ee5; }
    .sc1 dl dd, .sc2 dl dd, .sc3 dl dd, .sc4 dl dd, .sc5 dl dd, .sc6 dl dd {
      float: left; }
      @media only screen and (max-width: 768px) {
        .sc1 dl dd, .sc2 dl dd, .sc3 dl dd, .sc4 dl dd, .sc5 dl dd, .sc6 dl dd {
          float: none; } }

.caption {
  background: #fff8f8;
  padding: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px; }

.sc1 {
  padding-top: 20px; }
  .sc1__block1 {
    zoom: 1; }
    .sc1__block1:after {
      content: "";
      display: block;
      clear: both; }
    .sc1__block1 .image {
      float: left;
      margin-right: 30px;
      width: 350px; }
      @media only screen and (max-width: 768px) {
        .sc1__block1 .image {
          float: none;
          margin-right: 0;
          width: 100%; }
          .sc1__block1 .image img {
            width: 100%;
            height: auto; } }
    .sc1__block1 .box {
      float: right;
      width: 500px; }
      @media only screen and (max-width: 768px) {
        .sc1__block1 .box {
          float: none;
          width: 100%; } }
      .sc1__block1 .box dt {
        width: 50px; }
      .sc1__block1 .box dd {
        width: 450px; }
        @media only screen and (max-width: 768px) {
          .sc1__block1 .box dd {
            float: none;
            width: 100%; } }
  .sc1__block2 dt {
    width: 50px; }
  .sc1__block2 dd {
    width: 830px; }
    @media only screen and (max-width: 768px) {
      .sc1__block2 dd {
        float: none;
        width: 100%; } }

.sc2__block1 .image {
  margin-bottom: 30px; }
.sc2__block1 dt {
  width: 50px; }
.sc2__block1 dd {
  width: 830px; }
  @media only screen and (max-width: 768px) {
    .sc2__block1 dd {
      float: none;
      width: 100%; } }

.sc3__block1 {
  zoom: 1; }
  .sc3__block1:after {
    content: "";
    display: block;
    clear: both; }
  .sc3__block1 .image {
    float: right;
    margin-left: 30px;
    width: 350px; }
    @media only screen and (max-width: 768px) {
      .sc3__block1 .image {
        float: none;
        margin-left: 0;
        width: 100%; }
        .sc3__block1 .image img {
          width: 100%;
          height: auto; } }
  .sc3__block1 .box {
    float: left;
    width: 500px; }
    @media only screen and (max-width: 768px) {
      .sc3__block1 .box {
        float: none;
        width: 100%; } }
    .sc3__block1 .box dt {
      width: 50px; }
    .sc3__block1 .box dd {
      width: 450px; }
      @media only screen and (max-width: 768px) {
        .sc3__block1 .box dd {
          float: none;
          width: 100%; } }
.sc3__block2 dt {
  width: 50px; }
.sc3__block2 dd {
  width: 830px; }
  @media only screen and (max-width: 768px) {
    .sc3__block2 dd {
      float: none;
      width: 100%; } }

.sc4 {
  width: 880px;
  margin: 0 auto;
  background: #fff8f8; }
  @media only screen and (max-width: 768px) {
    .sc4 {
      width: 100%; } }
  .sc4 ul {
    zoom: 1;
    padding: 30px;
    padding-bottom: 0; }
    .sc4 ul:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 768px) {
      .sc4 ul {
        padding: 0; } }
  .sc4 li {
    float: left;
    width: 420px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      .sc4 li {
        width: 100%;
        margin-bottom: 20px; } }
    .sc4 li .url-btn {
      margin: 20px 30px 0 0; }
      @media only screen and (max-width: 768px) {
        .sc4 li .url-btn {
          width: 81.25%;
          margin: 20px auto 0; } }
      .sc4 li .url-btn a {
        background: #ef5879; }
    .sc4 li:nth-child(2n) {
      width: 400px; }
      .sc4 li:nth-child(2n) .url-btn {
        margin: 20px 10px 0 0; }
        @media only screen and (max-width: 768px) {
          .sc4 li:nth-child(2n) .url-btn {
            margin: 20px auto 0; } }
      @media only screen and (max-width: 768px) {
        .sc4 li:nth-child(2n) {
          width: 100%; } }
    @media only screen and (max-width: 768px) {
      .sc4 li img {
        width: 93.75%;
        padding: 20px 0;
        margin: 0 auto; } }

.sc5 {
  background: #fff8f8;
  margin: 0 0 45px 0; }
  .sc5 .title, .sc5 .text {
    width: 250px; }
    @media only screen and (max-width: 768px) {
      .sc5 .title, .sc5 .text {
        width: 100%;
        padding: 10px;
        box-sizing: border-box; } }
  .sc5 .title {
    margin: 25px 0; }
  .sc5 .photo {
    margin-top: 70px; }
    @media only screen and (max-width: 768px) {
      .sc5 .photo {
        width: 60.93%;
        margin: 10px auto; } }
  .sc5__block1 {
    width: 420px;
    float: left; }
    @media only screen and (max-width: 768px) {
      .sc5__block1 {
        width: 100%;
        float: none; } }
    .sc5__block1 .title, .sc5__block1 .text {
      float: right; }
    @media only screen and (max-width: 768px) {
      .sc5__block1 .title {
        display: none; } }
    .sc5__block1 .photo {
      float: left; }
      @media only screen and (max-width: 768px) {
        .sc5__block1 .photo {
          float: none; } }
  .sc5__block2 {
    width: 420px;
    float: right;
    padding-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .sc5__block2 {
        width: 100%;
        float: none; } }
    .sc5__block2 .title, .sc5__block2 .text {
      float: left; }
    @media only screen and (max-width: 768px) {
      .sc5__block2 .title {
        display: none; } }
    .sc5__block2 .photo {
      float: right; }
      @media only screen and (max-width: 768px) {
        .sc5__block2 .photo {
          float: none; } }
    .sc5__block2 a {
      color: #ef5879; }

.sc6 .title {
  margin: 100px auto 30px; }