/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
.container {
  max-width: 1248px;
  padding: 0 24px; }

@media (max-width: 767px) {
  .top-detail .content {
    margin-bottom: 35px; }
  .detail-works .col-4 {
    width: 100%;
    margin-bottom: 23px; } }

.slider-single .box-slider {
  position: relative;
  background: #fff; }

@media (max-width: 767px) {
  .slider-single {
    padding: 0; }
    .slider-single .container {
      padding: 0; } }

.js-slider-single .slick-slide {
  line-height: 0; }

.id10 .row-p {
  margin-bottom: 60px; }
  .id10 .row-p:last-child {
    margin-bottom: 0; }

.id10 .row01 {
  margin-bottom: 80px; }
  .id10 .row01 .c-list {
    margin-top: 25px; }

.id10 .row02 {
  margin-bottom: 40px; }

.id10 .row03 {
  margin-bottom: 40px; }
  .id10 .row03 .box-img {
    padding: 48px 20px 20px;
    background: #F7F7F7; }
  .id10 .row03 .img01 {
    max-width: 938px;
    margin: 0 auto 40px;
    text-align: center; }

@media (max-width: 767px) {
  .id10 .row-p {
    margin-bottom: 60px; }
    .id10 .row-p:last-child {
      margin-bottom: 0; }
  .id10 .row01 {
    margin-bottom: 82px; }
  .id10 .row02 {
    margin-bottom: 40px; }
  .id10 .row03 {
    margin-bottom: 40px; }
    .id10 .row03 .container {
      padding: 0; }
    .id10 .row03 .box-img {
      padding: 24px 42px 11px; }
    .id10 .row03 .img01 {
      margin: 0 auto 14px; } }

.c-note-client {
  margin: 68px 0 75px; }
  @media (max-width: 767px) {
    .c-note-client {
      margin: 79px 0 75px; } }