@charset "UTF-8";
/* 
----------------------------------------------------------------------------------------------------
  □ main
---------------------------------------------------------------------------------------------------- */
.cm_tt {
  font-family: "Crimson Text", serif;
  line-height: 1.3; }
  .cm_tt span {
    display: block;
    font-size: 26px;
    font-weight: normal; }
  .cm_tt strong {
    position: relative; }
    .cm_tt strong:after {
      display: block;
      content: "";
      height: 1px;
      width: 88px;
      background: #323232;
      left: -95px;
      position: absolute;
      top: 50%; }

.cm_tt strong {
  font-size: 42px;
  display: block;
  font-weight: normal; }

.cm_tt2 {
  line-height: 1.3; }
  .cm_tt2 span {
    display: block;
    font-size: 15px;
    font-weight: normal; }
  .cm_tt2 strong {
    font-family: "Crimson Text", serif;
    font-size: 48px;
    display: block;
    font-weight: normal; }
  .cm_tt2 a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    font-family: "Crimson Text", serif; }

.sg_main #sec01 {
  margin: 4% 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0 4%; }
  .sg_main #sec01 h2 {
    padding: 0 0 5% 95px; }
  .sg_main #sec01 .box {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 5% 2%; }
    .sg_main #sec01 .box p {
      padding: 0 4%; }
    .sg_main #sec01 .box a {
      display: block;
      width: 80%;
      margin: 4% auto 0 auto;
      padding: 20px 0;
      border: 1px solid #323232;
      text-align: center;
      font-family: "Crimson Text", serif;
      font-size: 16px;
      text-decoration: none;
      background: url(../common_img/row.png) no-repeat right 5% center #323232;
      color: #fff; }

.sg_main #sec02 .box {
  border-bottom: 1px solid #000;
  padding-bottom: 5%; }
  .sg_main #sec02 .box .cm_tt2 {
    text-align: center;
    position: relative;
    margin-top: 20%;
    margin-bottom: 4%; }
    .sg_main #sec02 .box .cm_tt2:after {
      display: block;
      content: "";
      height: 68px;
      width: 1px;
      background: #323232;
      left: 50%;
      position: absolute;
      top: -68px; }
    .sg_main #sec02 .box .cm_tt2 span {
      display: block;
      font-size: 15px;
      font-weight: normal; }
    .sg_main #sec02 .box .cm_tt2 strong {
      font-family: "Crimson Text", serif;
      font-size: 42px;
      display: block;
      font-weight: normal; }
  .sg_main #sec02 .box .bao_all {
    border-top: 1px solid #000;
    padding: 5% 0;
    position: relative;
    z-index: 1; }
    .sg_main #sec02 .box .bao_all::after {
      position: absolute;
      content: "";
      background: url("../images/bg_gray.png") bottom center no-repeat;
      background-size: 100%;
      height: 100%;
      width: 100%;
      bottom: 0%;
      left: 0;
      z-index: -1; }
  .sg_main #sec02 .box .bao {
    margin: 0 4% 4% 4%; }
    .sg_main #sec02 .box .bao .img {
      width: 48%;
      position: relative; }
      .sg_main #sec02 .box .bao .img figure {
        position: relative; }
        .sg_main #sec02 .box .bao .img figure h4 {
          position: absolute;
          bottom: -10px;
          left: 0;
          width: 100%;
          letter-spacing: 2px; }
          .sg_main #sec02 .box .bao .img figure h4 span {
            background: #333333;
            color: #fff;
            font-size: 16px;
            padding: 2% 4%;
            width: 100%; }
      .sg_main #sec02 .box .bao .img p {
        padding-top: 9%; }

.sg_main #sec03 {
  background: url("../images/bg_flow.png") center center no-repeat;
  background-size: cover;
  padding: 8% 4%;
  margin: 4% 0;
  border-bottom: 1px solid #000; }
  .sg_main #sec03 .box {
    background: rgba(255, 255, 255, 0.9);
    padding: 4%; }
    .sg_main #sec03 .box .cm_tt2 {
      text-align: center;
      position: relative;
      margin-top: 20%;
      margin-bottom: 4%; }
      .sg_main #sec03 .box .cm_tt2:after {
        display: block;
        content: "";
        height: 68px;
        width: 1px;
        background: #323232;
        left: 50%;
        position: absolute;
        top: -68px; }
      .sg_main #sec03 .box .cm_tt2 span {
        display: block;
        font-size: 15px;
        font-weight: normal; }
      .sg_main #sec03 .box .cm_tt2 strong {
        font-family: "Crimson Text", serif;
        font-size: 42px;
        display: block;
        font-weight: normal; }
    .sg_main #sec03 .box a {
      display: block;
      width: 80%;
      margin: 4% auto 0 auto;
      padding: 20px 0;
      border: 1px solid #323232;
      text-align: center;
      font-family: "Crimson Text", serif;
      font-size: 16px;
      text-decoration: none;
      background: url(../common_img/row.png) no-repeat right 5% center #323232;
      color: #fff; }

.sg_main #sec04 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0 4%;
  margin: 5% 0; }
  .sg_main #sec04 .box {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 0 4%; }
    .sg_main #sec04 .box .cm_tt2 {
      position: relative;
      padding-left: 110px;
      margin-bottom: 8%; }
      .sg_main #sec04 .box .cm_tt2:after {
        display: block;
        content: "";
        height: 1px;
        width: 88px;
        background: #323232;
        left: 0px;
        position: absolute;
        top: 70%; }
      .sg_main #sec04 .box .cm_tt2 strong {
        font-family: "Crimson Text", serif;
        font-size: 48px;
        display: block;
        font-weight: normal; }
      .sg_main #sec04 .box .cm_tt2 a {
        position: relative;
        color: #323232; }
    .sg_main #sec04 .box .h_new {
      height: 220px;
      overflow: auto;
      padding-bottom: 8%; }
    .sg_main #sec04 .box dl {
      position: relative;
      border-bottom: 1px solid #eeeeee;
      margin-bottom: 4%; }
      .sg_main #sec04 .box dl:last-of-type {
        margin-bottom: 0; }
      .sg_main #sec04 .box dl::after {
        position: absolute;
        content: "";
        top: 15%;
        right: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: url("../images/arr_b.png") right center no-repeat;
        background-size: 50%;
        width: 12px;
        height: 29px; }
      .sg_main #sec04 .box dl dt,
      .sg_main #sec04 .box dl dd {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 4%; }
      .sg_main #sec04 .box dl dt {
        background: #333333;
        color: #fff;
        min-width: 30%;
        padding: 1% 2%;
        font-size: 15px;
        text-align: center;
        margin-right: 4%; }
      .sg_main #sec04 .box dl dd {
        width: 55%; }
        .sg_main #sec04 .box dl dd a {
          color: #333333;
          text-decoration: none; }

.sg_main #sec05 .box {
  padding: 0 4% 4% 4%;
  border-bottom: 1px solid #000; }
  .sg_main #sec05 .box .cm_tt2 {
    text-align: center;
    position: relative;
    padding-top: 80px;
    margin-bottom: 4%; }
    .sg_main #sec05 .box .cm_tt2:after {
      display: block;
      content: "";
      height: 68px;
      width: 1px;
      background: #323232;
      left: 50%;
      position: absolute;
      top: 8px; }

.sg_main #sec05 .bao_bt {
  border-bottom: 1px solid #000;
  margin-bottom: 5%; }
  .sg_main #sec05 .bao_bt a {
    display: block;
    width: 95%;
    margin: 5% auto;
    padding: 20px 0;
    border: 1px solid #323232;
    text-align: center;
    font-family: "Crimson Text", serif;
    font-size: 16px;
    text-decoration: none;
    background: url(../common_img/row.png) no-repeat right 5% center;
    color: #323232; }