/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
.deepchis
------------------------------------------------------------*/
.deepchis {
  margin-bottom: 133px;
  overflow-x: hidden;
  /*------------------------------------------------------*/ }
  @media screen and (max-width: 767px) {
    .deepchis {
      margin: 0; } }
  .deepchis_youtube {
    text-align: center;
    margin-top: 87px; }
    @media screen and (max-width: 767px) {
      .deepchis_youtube {
        margin-top: 40px; }
        .deepchis_youtube iframe {
          width: 100%;
          height: auto;
          min-height: 197px; } }
  .deepchis_content {
    padding: 120px 0 0; }
    @media screen and (max-width: 767px) {
      .deepchis_content {
        padding: 40px 0 10px; } }
  .deepchis_img01 {
    margin: 87px 0 10px; }
    @media screen and (max-width: 767px) {
      .deepchis_img01 {
        margin: 40px 0; } }
  .deepchis_txt01 {
    font-size: 1.4rem;
    letter-spacing: 0.16em;
    line-height: 1.5;
    color: #4a4a4a; }
    @media screen and (max-width: 767px) {
      .deepchis_txt01 {
        padding-left: 0;
        font-size: 0.9em;
        text-align: center; } }
  .deepchis_txt02 {
    font-size: 2rem;
    letter-spacing: 0.16em;
    line-height: 2;
    color: #3e3a39;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .deepchis_txt02 {
        font-size: 1.2rem;
        letter-spacing: 0.1em; } }
  .deepchis .c-mainVisual1 {
    border: none;
    overflow: hidden;
    position: relative; }
    .deepchis .c-mainVisual1 iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .deepchis .c-mainVisual1--bg {
      background: #f7f7f7; }
      @media screen and (max-width: 767px) {
        .deepchis .c-mainVisual1--bg {
          overflow: hidden; } }
    .deepchis .c-mainVisual1__slide {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover; }
    .deepchis .c-mainVisual1__title {
      color: #231815;
      position: relative;
      letter-spacing: 3px;
      padding-left: 100px; }
      @media screen and (max-width: 767px) {
        .deepchis .c-mainVisual1__title {
          padding-left: 0; } }
      .deepchis .c-mainVisual1__title h2 {
        font-size: 4rem;
        letter-spacing: -1px;
        font-family: eurostile, sans-serif;
        font-style: normal;
        font-weight: 900; }
        @media screen and (max-width: 767px) {
          .deepchis .c-mainVisual1__title h2 {
            font-size: 1.6rem; } }
      .deepchis .c-mainVisual1__title span {
        letter-spacing: 1.7px;
        font-weight: 400;
        color: #231815;
        position: relative; }
        @media screen and (max-width: 767px) {
          .deepchis .c-mainVisual1__title span {
            font-size: 0.8rem;
            letter-spacing: 1.2px; } }
    @media screen and (max-width: 767px) {
      .deepchis .c-mainVisual1__img {
        text-align: right; } }
    .deepchis .c-mainVisual1__img img {
      width: 100%;
      max-height: 100%; }
      @media screen and (max-width: 767px) {
        .deepchis .c-mainVisual1__img img {
          width: 100%;
          max-height: initial;
          position: relative;
          left: 40px; } }

.slick-dots {
  bottom: -45px; }
  .slick-dots li {
    height: 30px;
    width: 30px; }
    .slick-dots li button {
      height: 30px;
      width: 30px; }
      .slick-dots li button::before {
        font-size: 15px;
        height: 30px;
        width: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        color: #d7d8d8;
        opacity: 1; }

/*------------------------------------------------------------
.deepchis-2
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-deepchis-2 {
    margin-top: 24px; } }

@media screen and (max-width: 767px) {
  .p-deepchis-2 .l-wrapper {
    padding: 0 20px; } }

.deepchis-2_tit {
  font-size: 3.5em;
  letter-spacing: 0.1em;
  line-height: 1;
  border-bottom: 1px solid #e0e0e0;
  font-weight: normal;
  color: #464646;
  padding-bottom: 8px; }
  @media screen and (max-width: 767px) {
    .deepchis-2_tit {
      font-size: 1.7rem;
      letter-spacing: 0.07em;
      padding-bottom: 12px; } }

.deepchis-2_txt {
  font-size: 1.4rem;
  color: #4a4a4a;
  line-height: 1.5;
  letter-spacing: 0.18em;
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .deepchis-2_txt {
      font-size: 1.1rem; } }

.deepchis-2_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .deepchis-2_list {
      display: block; } }

.deepchis-2_sec01 {
  margin-bottom: 32px; }
  @media screen and (max-width: 767px) {
    .deepchis-2_sec01 {
      margin-bottom: 20px; } }
  .deepchis-2_sec01 img {
    margin: 44px 0 46px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec01 img {
        margin: 15px 0 20px; } }

.deepchis-2_sec02 {
  margin-bottom: 132px; }
  @media screen and (max-width: 767px) {
    .deepchis-2_sec02 {
      margin-bottom: 100px; } }
  .deepchis-2_sec02 img {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec02 img {
        margin-bottom: 28px; } }
  .deepchis-2_sec02 .deepchis-2_tit {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2rem;
    letter-spacing: 0.08em;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec02 .deepchis-2_tit {
        font-size: 1.539rem;
        margin-bottom: 8px; } }
  .deepchis-2_sec02 .deepchis-2_txt {
    letter-spacing: 0.1em; }
  .deepchis-2_sec02 .deepchis-2_step li {
    margin-bottom: 27px; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec02 .deepchis-2_step li {
        margin-bottom: 20px; } }
    .deepchis-2_sec02 .deepchis-2_step li:last-child .deepchis-2_tit {
      margin-bottom: 8px; }

.deepchis-2_sec03 {
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .deepchis-2_sec03 {
      margin-bottom: 30px; } }
  .deepchis-2_sec03 .deepchis-2_tit {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2rem;
    letter-spacing: 0.08em;
    font-weight: bold;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec03 .deepchis-2_tit {
        font-size: 1.539rem;
        margin-bottom: 10px; } }
  .deepchis-2_sec03 .deepchis-2_list {
    margin: 30px -20px 0; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec03 .deepchis-2_list {
        margin: 20px 0 0; } }
    .deepchis-2_sec03 .deepchis-2_list .deepchis-2_tit {
      border-bottom: none;
      padding-bottom: 0;
      font-size: 2rem;
      letter-spacing: 0.08em;
      font-weight: bold;
      margin-bottom: 0;
      text-align: center;
      margin: 20px 0 12px; }
      @media screen and (max-width: 767px) {
        .deepchis-2_sec03 .deepchis-2_list .deepchis-2_tit {
          font-size: 1.539rem;
          margin: 12px 0 5px; } }
    .deepchis-2_sec03 .deepchis-2_list .deepchis-2_tit--icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .deepchis-2_sec03 .deepchis-2_list .deepchis-2_tit--icon p {
        text-align: left; }
    .deepchis-2_sec03 .deepchis-2_list li {
      width: 50%;
      margin: 0 20px;
      text-align: center;
      background: #f2f3f3;
      padding: 18px; }
      @media screen and (max-width: 767px) {
        .deepchis-2_sec03 .deepchis-2_list li {
          width: 100%;
          margin: 0 0 20px; } }
      .deepchis-2_sec03 .deepchis-2_list li:last-child .deepchis-2_tit {
        border-bottom: none;
        padding-bottom: 0;
        font-size: 1.4rem;
        letter-spacing: 0.08em;
        font-weight: normal;
        line-height: 1.5;
        margin-bottom: 0;
        text-align: center;
        margin: 23px 0 0; }
        @media screen and (max-width: 767px) {
          .deepchis-2_sec03 .deepchis-2_list li:last-child .deepchis-2_tit {
            font-size: 1.1rem;
            margin: 0; } }

.deepchis-2_sec04 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 112px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .deepchis-2_sec04 {
      display: block;
      margin-bottom: 24px; } }
  .deepchis-2_sec04 .deepchis-2_tit {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2rem;
    letter-spacing: 0.08em;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 2;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec04 .deepchis-2_tit {
        text-align: left;
        font-size: 1.539rem; } }
  .deepchis-2_sec04 img {
    margin: 0 22px;
    width: 336px;
    height: 332px; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec04 img {
        margin: 0 0 30px;
        width: 70%;
        height: auto; } }
  @media screen and (max-width: 767px) {
    .deepchis-2_sec04_txt {
      text-align: left; } }
  .deepchis-2_sec04 .deepchis-2_list {
    display: block;
    max-width: 286px;
    min-height: 332px; }
    @media screen and (max-width: 767px) {
      .deepchis-2_sec04 .deepchis-2_list {
        min-height: auto;
        max-width: 100%;
        text-align: left;
        margin-bottom: 12px; } }
    .deepchis-2_sec04 .deepchis-2_list li:first-child {
      margin: 40px 0 70px; }
      @media screen and (max-width: 767px) {
        .deepchis-2_sec04 .deepchis-2_list li:first-child {
          margin: 0 0 12px; } }
    .deepchis-2_sec04 .deepchis-2_list:first-child .deepchis-2_tit {
      text-align: right;
      color: #d61918; }
    .deepchis-2_sec04 .deepchis-2_list:first-child li:last-child .deepchis-2_tit {
      color: #f29600; }
    .deepchis-2_sec04 .deepchis-2_list:last-child {
      padding-left: 10px; }
      @media screen and (max-width: 767px) {
        .deepchis-2_sec04 .deepchis-2_list:last-child {
          padding-left: 0; } }
      .deepchis-2_sec04 .deepchis-2_list:last-child .deepchis-2_tit {
        text-align: left;
        color: #816300; }
      .deepchis-2_sec04 .deepchis-2_list:last-child li:last-child .deepchis-2_tit {
        color: #56a0c0; }
      .deepchis-2_sec04 .deepchis-2_list:last-child .deepchis-2_txt {
        text-align: left; }

.deepchis-2_sp {
  display: none !important; }
  @media screen and (max-width: 767px) {
    .deepchis-2_sp {
      display: block !important; } }
  .deepchis-2_sp .deepchis-2_tit {
    color: #d61918; }
  .deepchis-2_sp li:last-child .deepchis-2_tit {
    color: #f29600; }

@media screen and (max-width: 767px) {
  .deepchis-2_pc {
    display: none !important; } }

/*------------------------------------------------------------
.deepchis-3
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-deepchis-3 {
    margin-top: 24px; } }

@media screen and (max-width: 767px) {
  .p-deepchis-3 .l-wrapper {
    padding: 0 20px; } }

.deepchis-3_sp {
  display: none !important; }
  @media screen and (max-width: 767px) {
    .deepchis-3_sp {
      display: block !important; } }

@media screen and (max-width: 767px) {
  .deepchis-3_pc {
    display: none !important; } }

.deepchis-3_sec01 {
  margin: 24px 0;
  overflow: hidden; }
  .deepchis-3_sec01 .deepchis-3_tit01 {
    margin-bottom: 10px; }

.deepchis-3_sec02 {
  margin-bottom: 24px;
  overflow: hidden; }
  .deepchis-3_sec02 .deepchis-3_tit01 {
    margin-bottom: 10px; }

.deepchis-3_sec03 {
  margin-bottom: 150px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .deepchis-3_sec03 {
      margin-bottom: 40px; } }
  .deepchis-3_sec03 .deepchis-3_table01 {
    width: 50%;
    display: table;
    table-layout: auto; }
    @media screen and (max-width: 767px) {
      .deepchis-3_sec03 .deepchis-3_table01 {
        width: 100%;
        display: block; } }
    .deepchis-3_sec03 .deepchis-3_table01 th {
      white-space: nowrap;
      padding: 5px; }
      @media screen and (max-width: 767px) {
        .deepchis-3_sec03 .deepchis-3_table01 th {
          width: 20%; } }
      .deepchis-3_sec03 .deepchis-3_table01 th:first-child {
        background: #ffffff; }

.deepchis-3_tit {
  font-size: 3.5em;
  letter-spacing: 0.1em;
  line-height: 1;
  border-bottom: 1px solid #e0e0e0;
  font-weight: normal;
  color: #464646;
  padding-bottom: 8px;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .deepchis-3_tit {
      font-size: 1.7rem;
      letter-spacing: 0.07em;
      padding-bottom: 12px; } }

.deepchis-3_tit01 {
  font-size: 2rem;
  letter-spacing: 0.13em;
  font-weight: bold;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .deepchis-3_tit01 {
      font-size: 1.539rem; } }

.deepchis-3_txt {
  font-size: 1.4rem;
  color: #4a4a4a;
  line-height: 1.5;
  letter-spacing: 0.18em;
  font-weight: normal;
  margin: 36px 0 58px; }
  @media screen and (max-width: 767px) {
    .deepchis-3_txt {
      font-size: 1.1rem;
      margin: 20px 0; } }

.deepchis-3_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px 40px; }
  @media screen and (max-width: 767px) {
    .deepchis-3_list {
      display: block;
      margin: 0 0 40px 0; } }
  .deepchis-3_list li {
    width: 50%;
    margin: 0 20px; }
    @media screen and (max-width: 767px) {
      .deepchis-3_list li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center; } }

.deepchis-3_table01 {
  border-collapse: collapse;
  border: 1px solid #eaeaea;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  display: inherit; }
  @media screen and (max-width: 767px) {
    .deepchis-3_table01 {
      margin-bottom: 20px;
      overflow-x: auto;
      table-layout: auto;
      white-space: nowrap; } }
  .deepchis-3_table01 th {
    border: 1px solid #eaeaea;
    font-size: 1.314rem;
    color: #ffffff;
    background: #848484;
    padding: 5px; }
    @media screen and (max-width: 767px) {
      .deepchis-3_table01 th {
        padding: 5px 18px; } }
  .deepchis-3_table01 td {
    border: 1px solid #eaeaea;
    font-size: 1.642rem;
    line-height: 1.2;
    color: #231815;
    font-weight: 400;
    white-space: nowrap;
    padding: 5px 10px; }