@charset "UTF-8";

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W0);
  font-weight: 100;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W1);
  font-weight: 200;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W2);
  font-weight: 300;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 400;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 500;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 600;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 800;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W8);
  font-weight: 900;
}


/* line 19, ../scss/style.scss */
body {
  width: 100%;
  height: 100%;
  background-color: #040a1d;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

/* line 29, ../scss/style.scss */
ul {
  list-style: none;
}

/* line 32, ../scss/style.scss */
a {
  outline: none;
  text-decoration: none;
}

/**/
/* line 47, ../scss/style.scss */
.fs-s {
  font-size: 80%;
}

/* line 50, ../scss/style.scss */
.fs-ss {
  font-size: 10px;
}

/* line 53, ../scss/style.scss */
.container {
  position: relative;
  background-color: #fff;
  padding-top: 58px;
}

/* line 57, ../scss/style.scss */
.contents-wrap {
  background: #fff;
}

/* line 60, ../scss/style.scss */
.page-wrap {
  clear: both;
  overflow: hidden;
}
.page-wrap.bg-g {
  background-color: #e3eaf2;
}

/* line 64, ../scss/style.scss */
@media (min-width: 960px) {
  /* line 69, ../scss/style.scss */
  #head-wrap {
    width: 100%;
    height: 80px;
    min-width: 1120px;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    background-color: #000;
    top: 0;
  }
  #head-wrap .header {
    height: 100px;
    width: 253px;
    background: #000;
    position: absolute;
    left: -20px;
    top: 0;
    z-index: 3004;
  }
  #head-wrap .header #logo {
    display: block;
    width: 170px;
    position: relative;
    left: 52px;
    top: 30px;
  }
  #head-wrap .header #logo a {
    display: block;
    opacity: 1;
    width: 100%;
    height: 25px;
    text-indent: -9999px;
    transition: none;
    background: url(../images/kakuichi_logo.png) left top no-repeat;
    background-size: 170px;
  }
  #head-wrap .header #logo a:hover {
    opacity: 1;
  }
  #head-wrap .gNav {
    z-index: 2;
    height: 80px;
  }
  #head-wrap .gNav .menu-tips {
    width: 100%;
    display: block;
    position: absolute;
    top: 15px;
    overflow: hidden;
    right: 220px;
    text-align: right;
    font-size: 0;
  }
  #head-wrap .gNav .menu-tips li {
    display: inline-block;
    font-size: 14px;
    margin-left: 15px;
  }
  #head-wrap .gNav .menu-tips li a {
    display: block;
    margin-top: 7px;
    text-decoration: none;
    color: #fff;
  }
  #head-wrap .gNav .menu-tips li a img {
    vertical-align: middle;
    margin-right: 5px;
  }
  #head-wrap .gNav .gNav__list {
    width: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 210px;
    text-align: right;
    font-size: 12px;
  }
  #head-wrap .gNav .gNav__list li {
    font-size: 12px;
    display: inline-block;
    line-height: 15px;
    padding: 0 25px;
  }
  #head-wrap .gNav .gNav__list li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 1.6;
  }
  #head-wrap .gNav .gNav__list li a img {
    vertical-align: middle;
    margin-left: 5px;
  }
  #head-wrap .gNav .gNav__list li:first-child {
    border-left: none;
    padding-left: 0;
  }
  #head-wrap .gNav .gNav__list li:last-child {
    padding-right: 25px;
  }
  #head-wrap .gNav .gNav__list li span {
    display: block;
  }
  #head-wrap .gNav .gNav__list li .bold {
    font-weight: bold;
  }
  #head-wrap .gNav .menu-info {
    position: absolute;
    top: 0;
    right: 0;
  }
  #head-wrap .gNav .menu-info li {
    float: left;
    position: relative;
  }
  #head-wrap .gNav .menu-info li div {
    transition: opacity .2s;
    opacity: 1;
  }
  #head-wrap .gNav .menu-info li a:hover {
    opacity: 1;
  }
  #head-wrap .gNav .menu-info li a:hover div {
    opacity: .6;
  }
  #head-wrap .gNav .menu-info li:first-child {
    z-index: 3;
  }
  #head-wrap .gNav .menu-info li:last-child {
    z-index: 1;
  }

  #head-wrap .gNav .menu-info li a {
    display: block;
    height: 80px;
    width: 212px;
    background: #DAD700;
    color: #fff;
    text-decoration: none;
  }

  #head-wrap .gNav .menu-info li a div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 28px;
  }
  #head-wrap .gNav .menu-info li a div img {
    width: 30px;
    height: auto;
    display: block;
  }
  #head-wrap .gNav .menu-info li a div span {
    display: block;
    text-align: center;
    margin-left: 10px;
  }

  /* line 78, ../scss/style.scss */
  /* line 86, ../scss/style.scss */
  /* line 93, ../scss/style.scss */
  /* line 102, ../scss/style.scss */
  /* line 107, ../scss/style.scss */
  /* line 110, ../scss/style.scss */
  /* line 119, ../scss/style.scss */
  /* line 123, ../scss/style.scss */
  /* line 128, ../scss/style.scss */
  /* line 135, ../scss/style.scss */
  /* line 144, ../scss/style.scss */
  /* line 150, ../scss/style.scss */
  /* line 153, ../scss/style.scss */
  /* line 159, ../scss/style.scss */
  /* line 165, ../scss/style.scss */
  /* line 169, ../scss/style.scss */
  /* line 172, ../scss/style.scss */
  /* line 176, ../scss/style.scss */
  /* line 178, ../scss/style.scss */
  /* line 183, ../scss/style.scss */
  /* line 186, ../scss/style.scss */
  /* line 189, ../scss/style.scss */
  /* line 195, ../scss/style.scss */
  /* line 201, ../scss/style.scss */
  /* line 205, ../scss/style.scss */
  /* line 208, ../scss/style.scss */
  /* line 214, ../scss/style.scss */
}
@media only screen and (min-width: 960px) and (max-width: 1150px) {
  /* line 69, ../scss/style.scss */
  #head-wrap {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    background-color: #000;
    top: 0;
  }
  #head-wrap .header {
    width: 190px;
    background: #000;
    position: absolute;
    left: -20px;
    top: 0;
    z-index: 3004;
  }
  #head-wrap .header #logo {
    display: block;
    width: 134px;
    height: 20px;
    position: relative;
    left: 40px;
  }
  #head-wrap .header #logo a {
    display: block;
    opacity: 1;
    width: 100%;
    text-indent: -9999px;
    transition: none;
    background: url(../images/kakuichi_logo.png) left top no-repeat;
    background-size: 132px;
    transition: none;
  }
  #head-wrap .header #logo a:hover {
    opacity: 1;
  }
  #head-wrap .gNav {
    z-index: 2;
    height: 180px;
  }
  #head-wrap .gNav .menu-tips {
    height: 100px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0px;
    overflow: hidden;
    right: 200px;
    text-align: right;
    font-size: 0;
    background-color: #f3f4f9;
  }
  #head-wrap .gNav .menu-tips li {
    display: inline-block;
    height: 100px;
    font-size: 14px;
    margin-left: 0px;
  }
  #head-wrap .gNav .menu-tips li a {
    display: block;
    box-sizing: border-box;
    border-left: solid 1px #f3f4f9;
    border-bottom: solid 1px #f3f4f9;
    margin-top: 0px;
    width: 100%;
    height: 100%;
    line-height: 100px;
    text-align: center;
    text-decoration: none;
    color: #999899;
    padding: 0 10px;
    background-color: #fff;
  }
  #head-wrap .gNav .menu-tips li a img {
    vertical-align: middle;
    margin-right: 5px;
  }

  #head-wrap .gNav .gNav__list {
    right: 160px;
  }

  #head-wrap .gNav .gNav__list li {
    display: inline-block;
    line-height: 15px;
  }
  #head-wrap .gNav .gNav__list li a {
    text-decoration: none;
    color: #fff;
  }
  #head-wrap .gNav .menu-info {
    position: absolute;
    top: 0;
    right: 0;
  }
  #head-wrap .gNav .menu-info li {
    float: left;
    position: relative;
  }
  #head-wrap .gNav .menu-info li div {
    transition: opacity .2s;
    opacity: 1;
  }
  #head-wrap .gNav .menu-info li a:hover {
    opacity: 1;
  }
  #head-wrap .gNav .menu-info li a:hover div {
    opacity: .6;
  }
  #head-wrap .gNav .menu-info li:first-child {
    z-index: 3;
  }
  #head-wrap .gNav .menu-info li:last-child {
    z-index: 1;
  }
  #head-wrap .gNav .menu-info li a {
    display: block;
    height: 80px;
    width: 160px;
    background: #82b228;
    color: #fff;
    text-decoration: none;
  }
  #head-wrap .gNav .menu-info li a div {
    position: relative;
    top: 25px;
  }

  /* line 231, ../scss/style.scss */
  /* line 239, ../scss/style.scss */
  /* line 246, ../scss/style.scss */
  /* line 256, ../scss/style.scss */
  /* line 261, ../scss/style.scss */
  /* line 264, ../scss/style.scss */
  /* line 276, ../scss/style.scss */
  /* line 281, ../scss/style.scss */
  /* line 295, ../scss/style.scss */
  /* line 302, ../scss/style.scss */
  /* line 313, ../scss/style.scss */
  /* line 326, ../scss/style.scss */
  /* line 333, ../scss/style.scss */
  /* line 336, ../scss/style.scss */
  /* line 342, ../scss/style.scss */
  /* line 348, ../scss/style.scss */
  /* line 352, ../scss/style.scss */
  /* line 355, ../scss/style.scss */
  /* line 359, ../scss/style.scss */
  /* line 361, ../scss/style.scss */
  /* line 366, ../scss/style.scss */
  /* line 369, ../scss/style.scss */
  /* line 372, ../scss/style.scss */
  /* line 378, ../scss/style.scss */
  /* line 384, ../scss/style.scss */
  /* line 388, ../scss/style.scss */
  /* line 391, ../scss/style.scss */
  /* line 397, ../scss/style.scss */
}
@media (min-width: 960px) {
  /* line 410, ../scss/style.scss */
  a {
    transition: opacity .2s;
    opacity: 1;
  }

  /* line 414, ../scss/style.scss */
  .sp-item {
    display: none;
  }

  /* line 417, ../scss/style.scss */
  a:hover {
    opacity: .6;
  }

  /* line 421, ../scss/style.scss */
  #content-head {
    background: #f3f4f9;
  }
  #content-head #breadcrumbs {
    width: 100%;
    max-width: 1120px;
    padding-top: 20px;
    margin: 0 auto;
    color: #cccccc;
  }
  #content-head #breadcrumbs span {
    padding: 0 3px;
  }
  #content-head h1.page-title {
    padding: 0 0 40px 0;
    display: block;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
  }

  /* line 423, ../scss/style.scss */
  /* line 429, ../scss/style.scss */
  /* line 433, ../scss/style.scss */
  /* line 441, ../scss/style.scss */

  /* line 444, ../scss/style.scss */
  #footer-info {
    width: 100%;
    height: 80px;
    background: #000000;
    position: fixed;
    bottom: 0;
    z-index: 1000;
  }
  #footer-info ul {
    width: 100%;
    max-width: 1120px;
    height: 80px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
  }
  #footer-info ul li {
    display: block;
    width: 33.33%;
    height: 80px;
    float: left;
  }
  #footer-info ul li a {
    display: block;
    height: 80px;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }
  #footer-info ul li a div.inner {
    display: inline-block;
    text-align: left;
    font-size: 18px;
    margin-top: 18px;
    line-height: 1.2em;
  }
  #footer-info ul li#info-document {
    background: #82b228;
  }
  #footer-info ul li#info-document a div.inner {
    padding-left: 45px;
    background: url(../images/pict_footer_info_1.png) left center no-repeat;
  }
  #footer-info ul li#info-estimate {
    background: #82b228;
  }
  #footer-info ul li#info-estimate a div.inner {
    padding-left: 45px;
    background: url(../images/pict_footer_info_2.png) left center no-repeat;
  }
  #footer-info ul li#info-call {
    background: #82b228;
    text-align: center;
  }
  #footer-info ul li#info-call img {
    display: none;
  }
  #footer-info ul li#info-call span {
    line-height: 1em;
    display: block;
  }
  #footer-info ul li#info-call br {
    display: none;
  }
  #footer-info ul li#info-call .left-col {
    display: inline-block;
    text-align: left;
    padding-left: 65px;
    margin-top: 22px;
    background: url(../images/pict_freedial.png) left center no-repeat;
  }
  #footer-info ul li#info-call .call-num {
    font-size: 24px;
    line-height: 1em;
  }
  #footer-info ul li#info-call .right-col {
    display: none;
  }

  /* line 451, ../scss/style.scss */
  /* line 458, ../scss/style.scss */
  /* line 463, ../scss/style.scss */
  /* line 469, ../scss/style.scss */
  /* line 478, ../scss/style.scss */
  /* line 481, ../scss/style.scss */
  /* line 487, ../scss/style.scss */
  /* line 490, ../scss/style.scss */
  /* line 496, ../scss/style.scss */
  /* line 499, ../scss/style.scss */
  /* line 502, ../scss/style.scss */
  /* line 506, ../scss/style.scss */
  /* line 509, ../scss/style.scss */
  /* line 516, ../scss/style.scss */
  /* line 520, ../scss/style.scss */
}
@media only screen and (min-width: 960px) and (max-width: 870px) {
  /* line 527, ../scss/style.scss */
  #footer-info ul li a div.inner {
    font-size: 14px;
    margin-top: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #footer-info ul li#info-call .left-col {
    margin-top: 27px;
  }
  #footer-info ul li#info-call .call-num {
    font-size: 18px;
    line-height: 1em;
  }

  /* line 536, ../scss/style.scss */
  /* line 539, ../scss/style.scss */
}
@media (min-width: 960px) {
  /* line 547, ../scss/style.scss */
  #footer-info.static {
    position: static;
  }

  /* line 550, ../scss/style.scss */
  footer {
    width: 100%;
    background: #000000;
    z-index: 1000;
    padding-top: 60px;
  }
  footer #footer-1 {
    background: #000000;
    height: 130px;
    width: 100%;
  }
  footer #footer-1 dl {
    display: block;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
  }
  footer #footer-1 dl dt {
    color: #bfc9e7;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 0 12px 0;
  }
  footer #footer-1 dl dd {
    width: 25%;
    float: left;
  }
  footer #footer-1 dl dd a {
    display: inline-block;
    color: #bfc9e7;
    text-decoration: none;
  }
  footer #footer-1 dl dd a span {
    display: inline-block;
    padding-left: 15px;
    background: url(../images/pict_arrow_3.png) left center no-repeat;
    background-size: 6px 11px;
  }
  footer #to-top {
    width: 70px;
    height: 70px;
    position: fixed;
    right: 20px;
    bottom: 150px;
    z-index: 1000;
  }
  footer #to-top a {
    width: 70px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    background: url(../images/totop_pc.png) left top no-repeat;
  }
  footer #to-top.static {
    position: absolute;
    bottom: 295px;
  }
  footer #footer-2 {
    width: 100%;
    max-width: 1120px;
    height: 63px;
    overflow: hidden;
    margin: 0 auto;
  }
  footer #footer-2 ul {
    overflow: hidden;
    margin-top: 20px;
    float: left;
  }
  footer #footer-2 ul li {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    border-right: solid 1px #25315f;
  }
  footer #footer-2 ul li a {
    color: #959fc0;
    text-decoration: none;
  }
  footer #footer-2 ul li:last-child {
    border-right: none;
  }
  footer #footer-2 #copyright {
    float: right;
    margin-top: 20px;
    color: #959fc0;
  }

  /* line 555, ../scss/style.scss */
  /* line 559, ../scss/style.scss */
  /* line 564, ../scss/style.scss */
  /* line 570, ../scss/style.scss */
  /* line 573, ../scss/style.scss */
  /* line 577, ../scss/style.scss */
  /* line 587, ../scss/style.scss */
  /* line 594, ../scss/style.scss */
  /* line 602, ../scss/style.scss */
  /* line 606, ../scss/style.scss */
  /* line 612, ../scss/style.scss */
  /* line 616, ../scss/style.scss */
  /* line 621, ../scss/style.scss */
  /* line 626, ../scss/style.scss */
  /* line 630, ../scss/style.scss */
  /* line 638, ../scss/style.scss */
  .btn-1 a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 18px 25px;
    background: #fff;
  }
  .btn-1 a span {
    display: block;
    text-align: center;
    background: url(../images/pict_arrow_4.png) right center no-repeat;
    background-size: 6px 12px;
  }

  /* line 644, ../scss/style.scss */
  /* line 652, ../scss/style.scss */
  .main-visual {
    position: relative;
    margin-bottom: 60px;
  }
  .main-visual h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    white-space: nowrap;
    z-index: 2;
    color: #fff;
    font-size: 68px;
    font-weight: bold;
    padding: 0 30px 5px 30px;
    margin-bottom: 15px;
    -webkit-transform: translate(-50%, -80px);
    -ms-transform: translate(-50%, -80px);
    transform: translate(-50%, -80px);
    text-shadow: 1px 0px 2px #646464;
    line-height: 0;
    text-align: center;
  }
  .main-visual h1 img {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    width: 390px;
  }
  .main-visual h1 small {
    font-size: 30px;
  }
  .main-visual h1 span.fs-small {
    font-size: 28px;
  }

  /* line 654, ../scss/style.scss */
  /* line 669, ../scss/style.scss */
  /* line 675, ../scss/style.scss */
  /* line 680, ../scss/style.scss */
  .slider_main {
    width: 100%;
    height: 487px;
    z-index: 1;
  }
  .slider_main div {
    width: 100%;
    height: 487px;
    position: relative;
    overflow: hidden;
  }
  .slider_main div dl {
    display: block;
    width: 650px;
    height: 100px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 290px;
    margin: 0 auto;
    z-index: 2;
  }
  .slider_main div dl dd {
    font-size: 15px;
    text-shadow: 1px 0px 2px #646464;
  }
  .slider_main div img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 1920px;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }

  /* line 684, ../scss/style.scss */
  /* line 689, ../scss/style.scss */
  /* line 701, ../scss/style.scss */
  /* line 705, ../scss/style.scss */
  /* line 719, ../scss/style.scss */
  #slider-watwat-wrap {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    position: relative;
  }
  #slider-watwat-wrap .title {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
  }
  #slider-watwat-wrap .title span {
    display: block;
    position: absolute;
    left: -560px;
    padding-left: 24px;
    color: #fff;
    line-height: 1.4em;
    font-size: 30px;
    margin-top: -10px\9;
    text-shadow: 2px 2px 3px #888888;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  /* line 723, ../scss/style.scss */
  /* line 728, ../scss/style.scss */
}
@media only screen and (min-width: 960px) and (max-width: 870px) {
  /* line 728, ../scss/style.scss */
  #slider-watwat-wrap .title span {
    left: -370px;
  }
}
@media (min-width: 960px) {
  /* line 744, ../scss/style.scss */
  #slider-watwat-wrap .title span:before {
    content: '';
    display: block;
    width: 18px;
    height: 8px;
    border-top: 5px solid #fff799;
    display: block;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: 5px;
    left: 0;
  }
  #slider-watwat-wrap .slider_watwat {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    overflow: hidden;
    z-index: 1;
  }
  #slider-watwat-wrap .slider_watwat div {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #slider-watwat-wrap .slider_watwat div img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 1920px;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }
  #slider-watwat-wrap .slider_watwat .slick-prev, #slider-watwat-wrap .slider_watwat .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 1px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-watwat-wrap .slider_watwat .slick-prev:before, #slider-watwat-wrap .slider_watwat .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-watwat-wrap .slider_watwat .slick-prev:before {
    background: url(../images/btn_slide_prev.png) left top no-repeat;
    left: -635px;
  }
  #slider-watwat-wrap .slider_watwat .slick-next:before {
    background: url(../images/btn_slide_next.png) left top no-repeat;
    left: 577px;
  }
  #slider-watwat-wrap .slider_watwat article.inner {
    width: 80%;
    max-width: 1120px;
    /* height: 416px; */
    height: 624px;
    margin: 0 auto;
    overflow: hidden;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl {
    display: block;
    width: 375px;
    float: right;
    color: #fff;
    /* padding-top: 80px; */
    padding: 200px 30px 0;
    background: rgba(128, 128, 128, 0.4);
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dt span {
    display: block;
    border: solid 2px #fff;
    padding: 8px;
    text-align: center;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dd {
    font-size: 16px;
    padding: 25px 0;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dd .item-title {
    font-size: 24px;
    padding-bottom: 10px;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dd .item-text {
    margin-bottom: 25px;
  }

  /* line 755, ../scss/style.scss */
  /* line 760, ../scss/style.scss */
  /* line 767, ../scss/style.scss */
  /* line 779, ../scss/style.scss */
  /* line 799, ../scss/style.scss */
  /* line 812, ../scss/style.scss */
  /* line 816, ../scss/style.scss */
  /* line 820, ../scss/style.scss */
  /* line 826, ../scss/style.scss */
  /* line 833, ../scss/style.scss */
  /* line 840, ../scss/style.scss */
  /* line 843, ../scss/style.scss */
  /* line 847, ../scss/style.scss */
  /* line 856, ../scss/style.scss */
  #slider-example-wrap {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    margin-top: 80px;
    overflow: hidden;
    position: relative;
  }
  #slider-example-wrap .title {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
  }
  #slider-example-wrap .title span {
    display: block;
    position: absolute;
    left: 350px;
    width: 200px;
    color: #fff;
    font-size: 30px;
    margin-top: -10px\9;
    text-shadow: 2px 2px 3px #888888;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  /* line 861, ../scss/style.scss */
  /* line 866, ../scss/style.scss */
}
@media only screen and (min-width: 960px) and (max-width: 870px) {
  /* line 866, ../scss/style.scss */
  #slider-example-wrap .title span {
    left: 250px;
  }
}
@media (min-width: 960px) {
  /* line 881, ../scss/style.scss */
  #slider-example-wrap .title span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 8px;
    border-top: 5px solid #2483c8;
    margin-right: 5px;
  }
  #slider-example-wrap .slider_example {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    overflow: hidden;
    z-index: 1;
  }
  #slider-example-wrap .slider_example div {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #slider-example-wrap .slider_example div img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 1920px;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }
  #slider-example-wrap .slider_example .slick-prev, #slider-example-wrap .slider_example .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 1px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-example-wrap .slider_example .slick-prev:before, #slider-example-wrap .slider_example .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-example-wrap .slider_example .slick-prev:before {
    background: url(../images/btn_slide_prev.png) left top no-repeat;
    left: -635px;
  }
  #slider-example-wrap .slider_example .slick-next:before {
    background: url(../images/btn_slide_next.png) left top no-repeat;
    left: 577px;
  }
  #slider-example-wrap .slider_example article.inner {
    width: 80%;
    max-width: 1120px;
    /* height: 416px; */
    height: 624px;
    margin: 0 auto;
    overflow: hidden;
  }
  #slider-example-wrap .slider_example article.inner dl {
    display: block;
    width: 375px;
    float: left;
    color: #fff;
    /* padding-top: 80px; */
    padding: 200px 30px 0;
    background: rgba(128, 128, 128, 0.4);
  }
  #slider-example-wrap .slider_example article.inner dl dt span {
    display: block;
    border: solid 2px #fff;
    padding: 8px;
    text-align: center;
  }
  #slider-example-wrap .slider_example article.inner dl dd {
    font-size: 16px;
    padding: 25px 0;
  }
  #slider-example-wrap .slider_example article.inner dl dd .item-title {
    font-size: 24px;
    padding-bottom: 10px;
  }
  #slider-example-wrap .slider_example article.inner dl dd .item-text {
    margin-bottom: 25px;
  }

  /* line 890, ../scss/style.scss */
  /* line 895, ../scss/style.scss */
  /* line 902, ../scss/style.scss */
  /* line 914, ../scss/style.scss */
  /* line 934, ../scss/style.scss */
  /* line 947, ../scss/style.scss */
  /* line 951, ../scss/style.scss */
  /* line 955, ../scss/style.scss */
  /* line 961, ../scss/style.scss */
  /* line 968, ../scss/style.scss */
  /* line 975, ../scss/style.scss */
  /* line 978, ../scss/style.scss */
  /* line 982, ../scss/style.scss */
  /* line 990, ../scss/style.scss */
  #slider-customer-wrap {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    overflow: hidden;
    position: relative;
  }
  #slider-customer-wrap .title {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
  }
  #slider-customer-wrap .title span {
    display: block;
    position: absolute;
    left: -560px;
    color: #fff;
    font-size: 30px;
    margin-top: -10px\9;
    text-shadow: 2px 2px 3px #888888;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  /* line 995, ../scss/style.scss */
  /* line 1000, ../scss/style.scss */
}
@media only screen and (min-width: 960px) and (max-width: 870px) {
  /* line 1000, ../scss/style.scss */
  #slider-customer-wrap .title span {
    left: -370px;
  }
}
@media (min-width: 960px) {
  /* line 1014, ../scss/style.scss */
  #slider-customer-wrap .title span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 8px;
    border-top: 5px solid #f0bb1c;
    margin-right: 5px;
  }
  #slider-customer-wrap .slider_customer {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    overflow: hidden;
    z-index: 1;
  }
  #slider-customer-wrap .slider_customer div {
    width: 100%;
    /* height: 416px; */
    height: 624px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #slider-customer-wrap .slider_customer div img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 1920px;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }
  #slider-customer-wrap .slider_customer .slick-prev, #slider-customer-wrap .slider_customer .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 1px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-customer-wrap .slider_customer .slick-prev:before, #slider-customer-wrap .slider_customer .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-customer-wrap .slider_customer .slick-prev:before {
    background: url(../images/btn_slide_prev.png) left top no-repeat;
    left: -635px;
  }
  #slider-customer-wrap .slider_customer .slick-next:before {
    background: url(../images/btn_slide_next.png) left top no-repeat;
    left: 577px;
  }
  #slider-customer-wrap .slider_customer article.inner {
    width: 80%;
    max-width: 1120px;
    /* height: 416px; */
    height: 624px;
    margin: 0 auto;
    overflow: hidden;
  }
  #slider-customer-wrap .slider_customer article.inner dl {
    display: block;
    width: 375px;
    float: right;
    color: #fff;
    /* padding-top: 50px; */
    padding: 180px 30px 0;
    background: rgba(128, 128, 128, 0.4);
  }
  #slider-customer-wrap .slider_customer article.inner dl dt span {
    display: block;
    border: solid 2px #fff;
    padding: 8px;
    text-align: center;
  }
  #slider-customer-wrap .slider_customer article.inner dl dd {
    font-size: 16px;
    padding: 25px 0;
  }
  #slider-customer-wrap .slider_customer article.inner dl dd .item-title {
    font-size: 24px;
    padding-bottom: 10px;
  }
  #slider-customer-wrap .slider_customer article.inner dl dd .item-text {
    margin-bottom: 25px;
  }

  /* line 1023, ../scss/style.scss */
  /* line 1028, ../scss/style.scss */
  /* line 1036, ../scss/style.scss */
  /* line 1048, ../scss/style.scss */
  /* line 1068, ../scss/style.scss */
  /* line 1081, ../scss/style.scss */
  /* line 1085, ../scss/style.scss */
  /* line 1089, ../scss/style.scss */
  /* line 1095, ../scss/style.scss */
  /* line 1102, ../scss/style.scss */
  /* line 1109, ../scss/style.scss */
  /* line 1112, ../scss/style.scss */
  /* line 1116, ../scss/style.scss */
  /* line 1126, ../scss/style.scss */
  #slider-blog-wrap {
    width: 100%;
    max-width: 1120px;
    position: relative;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 70px;
    overflow: hidden;
  }
  #slider-blog-wrap .title span {
    padding-bottom: 25px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
  }
  #slider-blog-wrap .slider_blog {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #slider-blog-wrap .slider_blog div {
    background: #e4e7ed;
  }
  #slider-blog-wrap .slider_blog div a {
    display: block;
    color: #000;
  }
  #slider-blog-wrap .slider_blog div a dl dt {
    position: relative;
    overflow: hidden;
  }
  #slider-blog-wrap .slider_blog div a dl dt div {
    height: 280px;
    position: relative;
  }
  #slider-blog-wrap .slider_blog div a dl dt div img {
    display: block;
    height: 100%;
    width: auto;
    z-index: 1;
    display: block;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #slider-blog-wrap .slider_blog div a dl dt div img.icon {
    width: 53px;
    height: 53px;
    position: absolute;
    right: 24px;
    bottom: -26px;
    z-index: 2;
  }
  #slider-blog-wrap .slider_blog div a dl dt:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #e4e7ed transparent;
    z-index: 2;
  }
  #slider-blog-wrap .slider_blog div a dl dd {
    height: 90px;
    padding: 0 25px;
  }
  #slider-blog-wrap .slider_blog div a dl dd span {
    display: block;
    position: relative;
    padding-right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/pict_arrow_4.png) right center no-repeat;
    background-size: 6px 12px;
  }
  #slider-blog-wrap .slider_blog div a dl dd span p.tag {
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
  }
  #slider-blog-wrap .slider_blog div a dl dd span p.tag1 {
    background-color: #369faa;
  }
  #slider-blog-wrap .slider_blog div a dl dd span p.tag2 {
    background-color: #f29d1a;
  }
  #slider-blog-wrap .slider_blog div:nth-child(even) {
    background: #edeef5;
  }
  #slider-blog-wrap .slider_blog div:nth-child(even) a dl dt:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #edeef5 transparent;
  }
  #slider-blog-wrap .slider_blog .slick-prev, #slider-blog-wrap .slider_blog .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 0px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-blog-wrap .slider_blog .slick-prev:before, #slider-blog-wrap .slider_blog .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-blog-wrap .slider_blog .slick-prev:before {
    background: url(../images/btn_slide_prev_l.png) left top no-repeat;
    left: -635px;
  }
  #slider-blog-wrap .slider_blog .slick-next:before {
    background: url(../images/btn_slide_next_l.png) left top no-repeat;
    left: 577px;
  }
  #slider-blog-wrap .slider_blog:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  /* line 1135, ../scss/style.scss */
  /* line 1143, ../scss/style.scss */
  /* line 1148, ../scss/style.scss */
  /* line 1150, ../scss/style.scss */
  /* line 1154, ../scss/style.scss */
  /* line 1157, ../scss/style.scss */
  /* line 1160, ../scss/style.scss */
  /* line 1167, ../scss/style.scss */
  /* line 1177, ../scss/style.scss */
  /* line 1191, ../scss/style.scss */
  /* line 1194, ../scss/style.scss */
  /* line 1204, ../scss/style.scss */
  /* line 1210, ../scss/style.scss */
  /* line 1213, ../scss/style.scss */
  /* line 1221, ../scss/style.scss */
  /* line 1225, ../scss/style.scss */
  /* line 1241, ../scss/style.scss */
  /* line 1261, ../scss/style.scss */
  /* line 1274, ../scss/style.scss */
  /* line 1278, ../scss/style.scss */
  /* line 1283, ../scss/style.scss */
  /* line 1292, ../scss/style.scss */
  section.section-body {
    background: #fff;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 70px;
  }
  section.section-body .sec-tit {
    display: block;
    text-align: center;
    font-size: 30px;
    margin-bottom: 25px;
  }
  section.section-body .sec-tit img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  section.section-body div.inner {
    width: 100%;
    /* max-width: 1120px; */
    max-width: 1980px;
    position: relative;
    margin: 0 auto;
  }
  section.section-body div.inner div.index-sec1 {
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  section.section-body div.inner div.index-sec1 article {
    width: 25%;
    float: left;
    background: #edeef5;
  }
  section.section-body div.inner div.index-sec1 article dl dt {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
  }
  section.section-body div.inner div.index-sec1 article dl dt img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
  section.section-body div.inner div.index-sec1 article dl dt span {
    font-size: 18px;
  }
  section.section-body div.inner div.index-sec1 article dl dd {
    padding: 0 20px;
    padding-bottom: 20px;
  }
  section.section-body div.inner div.index-sec1 article dl dd p {
    display: block;
    padding-bottom: 1em;
  }
  section.section-body div.inner div.index-sec1 article dl dd a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 15px 20px;
  }
  section.section-body div.inner div.index-sec1 article dl dd a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }

  /* line 1297, ../scss/style.scss */
  /* line 1302, ../scss/style.scss */
  /* line 1308, ../scss/style.scss */
  /* line 1313, ../scss/style.scss */
  /* line 1317, ../scss/style.scss */
  /* line 1323, ../scss/style.scss */
  /* line 1328, ../scss/style.scss */
  /* line 1333, ../scss/style.scss */
  /* line 1337, ../scss/style.scss */
  /* line 1340, ../scss/style.scss */
  /* line 1344, ../scss/style.scss */
  /* line 1350, ../scss/style.scss */
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
  /* line 1317, ../scss/style.scss */
  section.section-body div.inner div.index-sec1 article {
    width: 50%;
  }
  section.section-body div.inner div.index-sec1 article dl dt img {
    width: 100%;
  }

  /* line 1362, ../scss/style.scss */
}
@media (min-width: 960px) {
  /* line 1369, ../scss/style.scss */
  section.section-body div.inner div.index-sec1 article:nth-child(odd) {
    background: #f5f6fa;
  }
  section.section-body div.inner div.index-sec1 article.wrap-garage dl dt {
    color: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-garage dl dd a {
    background: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-warehouse dl dt {
    color: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-warehouse dl dd a {
    background: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-factory dl dt {
    color: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-factory dl dd a {
    background: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-farm-equipment-warehouse dl dt {
    color: #1f9b5d;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-farm-equipment-warehouse dl dd a {
    background: #1f9b5d;
  }
  section.section-body div.inner div.index-sec2 {
    overflow: hidden;
    padding-bottom: 30px;
  }
  section.section-body div.inner div.index-sec2 article {
    width: 33.33%;
    float: left;
  }
  section.section-body div.inner div.index-sec2 article dl dt {
    font-size: 26px;
    text-align: center;
    line-height: 1.4em;
    color: #284b89;
    font-weight: bold;
  }
  section.section-body div.inner div.index-sec2 article dl dt img {
    max-width: 100%;
  }
  section.section-body div.inner div.index-sec2 article dl dd {
    padding: 20px 10px;
  }
  section.section-body div.inner div.index-sec2 article:nth-child(2) {
    margin: 0;
  }
  section.section-body div.inner #btn-industry {
    width: 200px;
    position: absolute;
    right: 15%;
    top: 50px;
  }
  section.section-body div.inner #btn-industry a {
    display: block;
    text-align: center;
    color: #fff;
    background: #182258;
    padding: 10px 20px;
  }
  section.section-body div.inner #btn-industry a span {
    display: block;
    line-height: 1.2;
    font-size: 12px;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }
  section.section-body div.inner #btn-industry a span span {
    display: block;
    background: none;
    font-size: 15px;
  }

  /* line 1374, ../scss/style.scss */
  /* line 1378, ../scss/style.scss */
  /* line 1386, ../scss/style.scss */
  /* line 1390, ../scss/style.scss */
  /* line 1398, ../scss/style.scss */
  /* line 1402, ../scss/style.scss */
  /* line 1410, ../scss/style.scss */
  /* line 1414, ../scss/style.scss */
  /* line 1421, ../scss/style.scss */
  /* line 1424, ../scss/style.scss */
  /* line 1429, ../scss/style.scss */
  /* line 1435, ../scss/style.scss */
  /* line 1439, ../scss/style.scss */
  /* line 1444, ../scss/style.scss */
  /* line 1448, ../scss/style.scss */
  /* line 1453, ../scss/style.scss */
  /* line 1459, ../scss/style.scss */
  /* line 1465, ../scss/style.scss */
  /* line 1475, ../scss/style.scss */
  .detailbtn {
    width: 360px;
    margin: 0 auto;
  }
  .detailbtn a {
    display: block;
    text-align: center;
    color: #fff;
    background: url(../images/bg_grdbtn.gif) left top no-repeat;
    background-size: cover;
    padding: 20px 20px;
  }
  .detailbtn a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }

  /* line 1478, ../scss/style.scss */
  /* line 1485, ../scss/style.scss */
  /* line 1492, ../scss/style.scss */
  section.section-body.bg-g {
    background: #e1e8ef;
  }

  /* line 1496, ../scss/style.scss */
  .page404 {
    text-align: center;
  }
  .page404 section {
    padding: 50px 0;
  }
  .page404 section p {
    font-size: 16px;
    margin-bottom: 3em;
  }
  .page404 section p.text-l {
    color: #3071b8;
    padding: 40px 0;
    font-size: 24px;
    margin-bottom: 0;
  }
  .page404 section p.text-l br {
    display: none;
  }

  /* line 1498, ../scss/style.scss */
  /* line 1500, ../scss/style.scss */
  /* line 1504, ../scss/style.scss */
  /* line 1509, ../scss/style.scss */
  /* line 1515, ../scss/style.scss */
  ul.btn-style-1 {
    width: 300px;
    display: block;
    margin: 0 auto;
  }
  ul.btn-style-1 li {
    margin-bottom: 20px;
  }
  ul.btn-style-1 li a {
    display: block;
    text-align: center;
    color: #fff;
    background: #1f2b63;
    padding: 20px 20px;
  }
  ul.btn-style-1 li a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }

  /* line 1519, ../scss/style.scss */
  /* line 1521, ../scss/style.scss */
  /* line 1527, ../scss/style.scss */
}
@media only screen and (max-width: 960px) {
  .pc-item {
    display: none !important;
  }

  /* line 1541, ../scss/style.scss */
  .slick-dots li button {
    opacity: 0.4;
  }
  .slick-dots li.slick-active button {
    opacity: 1;
    /*    color: black;*/
  }

  /* line 1544, ../scss/style.scss */
  /* line 1550, ../scss/style.scss */
  #head-wrap .header {
    position: relative;
    height: 50px;
  }
  #head-wrap .header #logo {
    width: 109px;
    height: 15px;
    display: block;
    position: absolute;
    overflow: hidden;
    float: left;
    left: 20px;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }
  #head-wrap .header #logo a {
    display: block;
    width: 100%;
    height: 15px;
    text-indent: -9999px;
    background: url(../images/kakuichi_logo.png) left top no-repeat;
    background-size: contain;
    background-position: center center;
  }
  #head-wrap .header span.fl {
    content: '';
    width: 50%;
    height: 55px;
    display: block;
    background: #1f2b63;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }

  /* line 1553, ../scss/style.scss */
  /* line 1566, ../scss/style.scss */
  /* line 1576, ../scss/style.scss */
  /* line 1588, ../scss/style.scss */
  /*   .header:after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: relative;
      z-index: 1;
      background: url(../images/sp_head_bg.png) center center no-repeat;
      background-size: auto 100%;
    }
   */
  /* line 1598, ../scss/style.scss */
  .main-visual {
    position: relative;
    margin-bottom: 10px;
  }
  .main-visual h1 {
    position: absolute;
    left: 50%;
    top: 60%;
    white-space: nowrap;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px 5px 30px;
    margin-bottom: 15px;
    -webkit-transform: translate(-50%, -80px);
    -ms-transform: translate(-50%, -80px);
    transform: translate(-50%, -80px);
  }
  .main-visual h1 img {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 4px;
    width: 100%;
    height: auto;
  }
  .main-visual h1 span.fs-small {
    font-size: 14px;
  }

  /* line 1600, ../scss/style.scss */
  /* line 1615, ../scss/style.scss */
  /* line 1623, ../scss/style.scss */
  /* line 1628, ../scss/style.scss */
  #footer-info {
    width: 100%;
    /* height: 63px; */
    background: #182258;
    position: fixed;
    bottom: 0;
    z-index: 2998;
  }
  #footer-info ul {
    width: 100%;
    overflow: hidden;
  }
  #footer-info ul li#info-document {
    display: none;
  }
  #footer-info ul li#info-estimate {
    width: 50%;
    float: left;
  }
  #footer-info ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 15px 0;
    line-height: 1.2em;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
  #footer-info ul li a div.inner {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    padding-left: 30px;
  }
  #footer-info.static ul li#info-document a {
    background: #dad700;
    overflow: hidden;
    position: relative;
    padding: 15px 15px;
    /* padding-bottom: 0; */
  }
  #footer-info.static ul li#info-document a div {
    background: url(../images/pict_info_1.png) left center no-repeat;
    background-size: 20px 20px;
  }
  #footer-info ul li#info-estimate a {
    background: #82b228;
    padding: 0;
  }
  #footer-info ul li#info-estimate a div {
    background: url(../images/pict_info_2.png) left center no-repeat;
    background-size: 20px 20px;
  }
  #footer-info ul li#info-call {
    /*display: none;*/
    width: 50%;
    float: left;
  }
  #footer-info.static {
    /* height: 131px; */
    position: static;
  }
  #footer-info.static li#info-document {
    width: 100%;
    display: block;
    clear: left;
  }
  #footer-info li#info-call a {
    background: #82b228;
    padding: 0;
  }
  #footer-info li#info-call div.left-col {
    float: none;
    display: inline-block;
    overflow: hidden;
    text-align: left;
  }
  #footer-info li#info-call div.left-col .call-num {
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
  }
  #footer-info li#info-call div.left-col img {
    height: 14px;
    width: auto;
  }
  #footer-info li#info-call div.sp-left-col {
    text-align: center;
  }
  #footer-info li#info-call div.sp-left-col img {
    width: 100%;
  }
  #footer-info li#info-estimate div.sp-inner img {
    width: 100%;
  }
  #footer-info li#info-call div.right-col {
    float: none;
    display: inline-block;
    position: relative;
    top: -16px;
    color: #3071b8;
    background: #fff;
    padding: 10px 5px;
  }
  #footer-info li#info-call div.right-col span {
    display: block;
    font-size: 11px;
    padding-right: 10px;
    background: #fff url(../images/pict_arrow_3.png) right center no-repeat;
    -webkit-background-size: 6px 10px;
    background-size: 6px 10px;
  }

  /* line 1635, ../scss/style.scss */
  /* line 1641, ../scss/style.scss */
  /* line 1645, ../scss/style.scss */
  /* line 1649, ../scss/style.scss */
  /* line 1659, ../scss/style.scss */
  /* line 1665, ../scss/style.scss */
  /* line 1667, ../scss/style.scss */
  /* line 1672, ../scss/style.scss */
  /* line 1674, ../scss/style.scss */
  /* line 1679, ../scss/style.scss */
  /* line 1684, ../scss/style.scss */
  /* line 1687, ../scss/style.scss */
  /* line 1691, ../scss/style.scss */
  /* line 1698, ../scss/style.scss */
  /* line 1703, ../scss/style.scss */
  /* line 1708, ../scss/style.scss */
  /* line 1698, ../scss/style.scss */
  /* line 1708, ../scss/style.scss */
  /* line 1708, ../scss/style.scss */
  /* line 1713, ../scss/style.scss */
  /* line 1721, ../scss/style.scss */
  /* line 1733, ../scss/style.scss */
  footer dl#group-link {
    background: #000000;
    overflow: hidden;
    padding: 15px 5px;
  }
  footer dl#group-link dt {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #bfc9e7;
    padding-bottom: 5px;
  }
  footer dl#group-link dd {
    display: block;
    width: 50%;
    float: left;
  }
  footer dl#group-link dd a {
    color: #bfc9e7;
    text-decoration: none;
    font-size: 10px;
    padding: 2px 0 2px 6px;
    display: block;
  }
  footer dl#group-link dd a span {
    display: block;
    padding-left: 10px;
    background: #000000 url(../images/pict_footer_grouplink_arrow.png) left center no-repeat;
    background-size: 3px 6px;
  }

  /* line 1737, ../scss/style.scss */
  /* line 1744, ../scss/style.scss */
  /* line 1748, ../scss/style.scss */
  /* line 1754, ../scss/style.scss */
  /* line 1765, ../scss/style.scss */
  #to-top a {
    display: none !important;
    background: #000000;
    text-decoration: none;
    color: #8b94b6;
    padding: 15px 0;
    text-align: center;
  }
  #to-top a span {
    display: inline-block;
    padding-left: 25px;
    background: url(../images/pict_totop_sp.png) left center no-repeat;
    background-size: 20px auto;
  }

  /* line 1772, ../scss/style.scss */
  /* line 1780, ../scss/style.scss */
  #footer-content {
    background: #000000;
  }
  #footer-content ul {
    overflow: hidden;
    text-align: center;
    font-size: 0;
  }
  #footer-content ul li {
    display: inline-block;
  }
  #footer-content ul li a {
    font-size: 10px;
    color: #8b94b6;
    display: block;
    padding: 15px 0;
    text-decoration: none;
  }
  #footer-content ul li a span {
    padding: 0 15px;
    display: inline-block;
  }
  #footer-content ul li:first-child span {
    border-right: solid 1px #25366a;
  }
  #footer-content #copyright {
    text-align: center;
    color: #959fc0;
    font-size: 9px;
    border-top: solid 1px #242b42;
  }
  #footer-content #copyright span {
    display: block;
    padding: 15px 0;
  }

  /* line 1782, ../scss/style.scss */
  /* line 1786, ../scss/style.scss */
  /* line 1788, ../scss/style.scss */
  /* line 1794, ../scss/style.scss */
  /* line 1800, ../scss/style.scss */
  /* line 1804, ../scss/style.scss */
  /* line 1809, ../scss/style.scss */
  /* line 1815, ../scss/style.scss */
  .slider_main {
    width: 100%;
    height: 260px;
  }
  .slider_main div {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .slider_main div dl {
    position: absolute;
    z-index: 2;
    width: 90%;
    text-align: center;
    color: #fff;
    left: 0;
    right: 0;
    top: 165px;
    bottom: 0;
    margin: auto;
  }
  .slider_main div dl dt {
    font-size: 18px;
    display: block;
    border-bottom: 4px solid #375184;
    text-align: center;
    width: 100%;
  }
  .slider_main div dl dt p {
    display: inline-block;
    text-align: left;
    padding-left: 33px;
    background: url(../images/index/pict_title.png) left center no-repeat;
    background-size: 25px 18px;
  }
  .slider_main div dl dt .fs-small {
    font-size: 14px;
  }
  .slider_main div dl dd {
    line-height: 1.2;
  }
  .slider_main div img {
    display: block;
    height: 100%;
    width: auto;
    position: absolute;
    left: -300%;
    right: -300%;
    margin: 0 auto;
    z-index: 1;
  }

  /* line 1818, ../scss/style.scss */
  /* line 1823, ../scss/style.scss */
  /* line 1834, ../scss/style.scss */
  /* line 1840, ../scss/style.scss */
  /* line 1847, ../scss/style.scss */
  /* line 1851, ../scss/style.scss */
  /* line 1855, ../scss/style.scss */
  /* line 1867, ../scss/style.scss */
  section.section-body {
    background: #fff;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 30px;
  }
  section.section-body .sec-tit {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
  }
  section.section-body .sec-tit img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  section.section-body div.inner {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  section.section-body div.inner div.index-sec1 {
    overflow: hidden;
  }
  section.section-body div.inner div.index-sec1 article {
    /*width:50%;*/
    box-sizing: border-box;
    /*float: left;*/
    background: #edeef5;
  }
  section.section-body div.inner div.index-sec1 article dl dt {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
  }
  section.section-body div.inner div.index-sec1 article dl dt img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  section.section-body div.inner div.index-sec1 article dl dt span {
    font-size: 12px;
  }
  section.section-body div.inner div.index-sec1 article dl dd {
    padding: 0 10px;
    padding-bottom: 20px;
  }
  section.section-body div.inner div.index-sec1 article dl dd p {
    display: block;
    padding-bottom: 1em;
  }
  section.section-body div.inner div.index-sec1 article dl dd a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 10px;
    font-size: 20px;
    font-weight:bold;
  }
  section.section-body div.inner div.index-sec1 article dl dd a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }
  section.section-body div.inner div.index-sec1 article:nth-child(odd) {
    background: #f5f6fa;
  }
  section.section-body div.inner div.index-sec1 article.wrap-garage dl dt {
    color: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-garage dl dd a {
    background: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-warehouse dl dt {
    color: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-warehouse dl dd a {
    background: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-factory dl dt {
    color: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-factory dl dd a {
    background: #000000;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-farm-equipment-warehouse dl dt {
    color: #1f9b5d;
  }
  section.section-body div.inner div.index-sec1 article.wrap-large-farm-equipment-warehouse dl dd a {
    background: #58a130;
  }
  section.section-body div.inner div.index-sec2 {
    overflow: hidden;
    padding-bottom: 30px;
  }
  section.section-body div.inner div.index-sec2 article dl dt {
    font-size: 15px;
    text-align: center;
    line-height: 1.4em;
    color: #284b89;
    font-weight: bold;
  }
  section.section-body div.inner div.index-sec2 article dl dt img {
    width: 100px;
    height: auto;
  }
  section.section-body div.inner div.index-sec2 article dl dd {
    padding: 20px 0;
  }
  section.section-body div.inner #btn-industry {
    width: 100%;
    margin-top: 15px;
  }
  section.section-body div.inner #btn-industry a {
    display: block;
    text-align: center;
    color: #fff;
    background: #182258;
    padding: 10px 10px;
  }
  section.section-body div.inner #btn-industry a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }
  section.section-body div.inner #btn-industry a span span {
    background: none;
  }
  section.section-body.bg-g {
    background: #e1e8ef;
  }

  /* line 1872, ../scss/style.scss */
  /* line 1877, ../scss/style.scss */
  /* line 1883, ../scss/style.scss */
  /* line 1887, ../scss/style.scss */
  /* line 1889, ../scss/style.scss */
  /* line 1895, ../scss/style.scss */
  /* line 1900, ../scss/style.scss */
  /* line 1906, ../scss/style.scss */
  /* line 1910, ../scss/style.scss */
  /* line 1913, ../scss/style.scss */
  /* line 1917, ../scss/style.scss */
  /* line 1923, ../scss/style.scss */
  /* line 1932, ../scss/style.scss */
  /* line 1937, ../scss/style.scss */
  /* line 1941, ../scss/style.scss */
  /* line 1949, ../scss/style.scss */
  /* line 1953, ../scss/style.scss */
  /* line 1961, ../scss/style.scss */
  /* line 1965, ../scss/style.scss */
  /* line 1973, ../scss/style.scss */
  /* line 1977, ../scss/style.scss */
  /* line 1984, ../scss/style.scss */
  /* line 1989, ../scss/style.scss */
  /* line 1995, ../scss/style.scss */
  /* line 2000, ../scss/style.scss */
  /* line 2006, ../scss/style.scss */
  /* line 2009, ../scss/style.scss */
  /* line 2015, ../scss/style.scss */
  /* line 2019, ../scss/style.scss */
  /* line 2027, ../scss/style.scss */
  /* line 2030, ../scss/style.scss */
  .detailbtn {
    width: 100%;
    margin: 0 auto;
  }
  .detailbtn a {
    display: block;
    text-align: center;
    color: #fff;
    background: url(../images/bg_grdbtn.gif) left top no-repeat;
    background-size: cover;
    padding: 15px 10px;
  }
  .detailbtn a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }

  /* line 2033, ../scss/style.scss */
  /* line 2040, ../scss/style.scss */
  /* line 2049, ../scss/style.scss */
  #slider-watwat-wrap {
    width: 100%;
    position: relative;
    background: #63b87e;
  }
  #slider-watwat-wrap .title {
    position: absolute;
    z-index: 3;
    width: 100%;
    text-align: center;
  }
  #slider-watwat-wrap .title span {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-top: 80px;
  }
  #slider-watwat-wrap .title span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 5px;
    border-top: 3px solid #fff799;
    margin-right: 5px;
  }
  #slider-watwat-wrap .slider_watwat {
    width: 100%;
    overflow: hidden;
    z-index: 1;
  }
  #slider-watwat-wrap .slider_watwat div {
    width: 100%;
    position: relative;
    background-size: auto 173px;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #slider-watwat-wrap .slider_watwat div img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }
  #slider-watwat-wrap .slider_watwat .slick-prev, #slider-watwat-wrap .slider_watwat .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 1px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-watwat-wrap .slider_watwat .slick-prev:before, #slider-watwat-wrap .slider_watwat .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-watwat-wrap .slider_watwat .slick-prev:before {
    background: url(../images/btn_slide_prev.png) left top no-repeat;
    left: -635px;
  }
  #slider-watwat-wrap .slider_watwat .slick-next:before {
    background: url(../images/btn_slide_next.png) left top no-repeat;
    left: 577px;
  }
  #slider-watwat-wrap .slider_watwat article.inner {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 173px;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl {
    display: block;
    width: 100%;
    color: #fff;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dt span {
    display: block;
    border: solid 2px #fff;
    padding: 8px;
    text-align: center;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dd {
    padding: 25px 0;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dd .item-title {
    font-size: 15px;
    padding-bottom: 5px;
  }
  #slider-watwat-wrap .slider_watwat article.inner dl dd .item-text {
    margin-bottom: 15px;
  }

  /* line 2053, ../scss/style.scss */
  /* line 2058, ../scss/style.scss */
  /* line 2068, ../scss/style.scss */
  /* line 2077, ../scss/style.scss */
  /* line 2081, ../scss/style.scss */
  /* line 2087, ../scss/style.scss */
  /* line 2098, ../scss/style.scss */
  /* line 2118, ../scss/style.scss */
  /* line 2131, ../scss/style.scss */
  /* line 2135, ../scss/style.scss */
  /* line 2139, ../scss/style.scss */
  /* line 2145, ../scss/style.scss */
  /* line 2150, ../scss/style.scss */
  /* line 2157, ../scss/style.scss */
  /* line 2159, ../scss/style.scss */
  /* line 2163, ../scss/style.scss */
  /* line 2171, ../scss/style.scss */
  #slider-example-wrap {
    width: 100%;
    position: relative;
    background: #7198bd;
  }
  #slider-example-wrap .title {
    position: absolute;
    z-index: 3;
    width: 100%;
    text-align: center;
  }
  #slider-example-wrap .title span {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-top: 80px;
  }
  #slider-example-wrap .title span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 5px;
    border-top: 3px solid #2483c8;
    margin-right: 5px;
  }
  #slider-example-wrap .slider_example {
    width: 100%;
    overflow: hidden;
    z-index: 1;
  }
  #slider-example-wrap .slider_example div {
    width: 100%;
    position: relative;
    background-size: auto 173px;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #slider-example-wrap .slider_example div img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }
  #slider-example-wrap .slider_example .slick-prev, #slider-example-wrap .slider_example .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 1px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-example-wrap .slider_example .slick-prev:before, #slider-example-wrap .slider_example .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-example-wrap .slider_example .slick-prev:before {
    background: url(../images/btn_slide_prev.png) left top no-repeat;
    left: -635px;
  }
  #slider-example-wrap .slider_example .slick-next:before {
    background: url(../images/btn_slide_next.png) left top no-repeat;
    left: 577px;
  }
  #slider-example-wrap .slider_example article.inner {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 173px;
  }
  #slider-example-wrap .slider_example article.inner dl {
    display: block;
    width: 100%;
    color: #fff;
  }
  #slider-example-wrap .slider_example article.inner dl dt span {
    display: block;
    border: solid 2px #fff;
    padding: 8px;
    text-align: center;
    font-size: 20px;
    font-weight:bold;
  }
  #slider-example-wrap .slider_example article.inner dl dd {
    padding: 25px 0;
  }
  #slider-example-wrap .slider_example article.inner dl dd .item-title {
    font-size: 15px;
    padding-bottom: 5px;
  }
  #slider-example-wrap .slider_example article.inner dl dd .item-text {
    margin-bottom: 15px;
  }

  /* line 2175, ../scss/style.scss */
  /* line 2180, ../scss/style.scss */
  /* line 2190, ../scss/style.scss */
  /* line 2199, ../scss/style.scss */
  /* line 2203, ../scss/style.scss */
  /* line 2209, ../scss/style.scss */
  /* line 2220, ../scss/style.scss */
  /* line 2240, ../scss/style.scss */
  /* line 2253, ../scss/style.scss */
  /* line 2257, ../scss/style.scss */
  /* line 2261, ../scss/style.scss */
  /* line 2267, ../scss/style.scss */
  /* line 2272, ../scss/style.scss */
  /* line 2279, ../scss/style.scss */
  /* line 2281, ../scss/style.scss */
  /* line 2285, ../scss/style.scss */
  /* line 2293, ../scss/style.scss */
  #slider-customer-wrap {
    width: 100%;
    position: relative;
    background: #a18768;
  }
  #slider-customer-wrap .title {
    position: absolute;
    z-index: 3;
    width: 100%;
    text-align: center;
  }
  #slider-customer-wrap .title span {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-top: 80px;
  }
  #slider-customer-wrap .title span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 5px;
    border-top: 3px solid #a18768;
    margin-right: 5px;
  }
  #slider-customer-wrap .slider_customer {
    width: 100%;
    overflow: hidden;
    z-index: 1;
  }
  #slider-customer-wrap .slider_customer div {
    width: 100%;
    position: relative;
    background-size: auto 173px;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #slider-customer-wrap .slider_customer div img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: 0 auto;
    z-index: 1;
  }
  #slider-customer-wrap .slider_customer .slick-prev, #slider-customer-wrap .slider_customer .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0px;
    height: 1px;
    padding: 0;
    margin-top: -10px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10000;
    outline: none;
    border: none;
    cursor: pointer;
  }
  #slider-customer-wrap .slider_customer .slick-prev:before, #slider-customer-wrap .slider_customer .slick-next:before {
    opacity: 1;
    color: white;
    display: block;
    position: absolute;
    width: 56px;
    height: 90px;
    top: -45px;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #slider-customer-wrap .slider_customer .slick-prev:before {
    background: url(../images/btn_slide_prev.png) left top no-repeat;
    left: -635px;
  }
  #slider-customer-wrap .slider_customer .slick-next:before {
    background: url(../images/btn_slide_next.png) left top no-repeat;
    left: 577px;
  }
  #slider-customer-wrap .slider_customer article.inner {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 173px;
  }
  #slider-customer-wrap .slider_customer article.inner dl {
    display: block;
    width: 100%;
    color: #fff;
  }
  #slider-customer-wrap .slider_customer article.inner dl dt span {
    display: block;
    border: solid 2px #fff;
    padding: 8px;
    text-align: center;
    font-size: 20px;
  }
  #slider-customer-wrap .slider_customer article.inner dl dd {
    padding: 25px 0;
  }
  #slider-customer-wrap .slider_customer article.inner dl dd .item-title {
    font-size: 15px;
    padding-bottom: 5px;
  }
  #slider-customer-wrap .slider_customer article.inner dl dd .item-text {
    margin-bottom: 15px;
  }

  /* line 2297, ../scss/style.scss */
  /* line 2302, ../scss/style.scss */
  /* line 2312, ../scss/style.scss */
  /* line 2321, ../scss/style.scss */
  /* line 2325, ../scss/style.scss */
  /* line 2331, ../scss/style.scss */
  /* line 2342, ../scss/style.scss */
  /* line 2362, ../scss/style.scss */
  /* line 2375, ../scss/style.scss */
  /* line 2379, ../scss/style.scss */
  /* line 2383, ../scss/style.scss */
  /* line 2389, ../scss/style.scss */
  /* line 2394, ../scss/style.scss */
  /* line 2401, ../scss/style.scss */
  /* line 2403, ../scss/style.scss */
  /* line 2407, ../scss/style.scss */
  /* line 2416, ../scss/style.scss */
  .btn-1 a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 18px 25px;
    background: #fff;
  }
  .btn-1 a span {
    display: block;
    text-align: center;
    background: url(../images/pict_arrow_4.png) right center no-repeat;
    background-size: 6px 12px;
    font-size: 20px;
    font-weight:bold;
  }

  /* line 2422, ../scss/style.scss */
  /* line 2430, ../scss/style.scss */
  #slider-blog-wrap {
    width: 100%;
    position: relative;
    padding-top: 55px;
    padding-bottom: 100px;
    overflow: hidden;
  }
  #slider-blog-wrap .title span {
    padding-bottom: 25px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }
  #slider-blog-wrap .slider_blog {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #slider-blog-wrap .slider_blog div {
    box-sizing: border-box;
  }
  #slider-blog-wrap .slider_blog div a {
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
    color: #000;
  }
  #slider-blog-wrap .slider_blog div a dl {
    box-sizing: border-box;
  }
  #slider-blog-wrap .slider_blog div a dl dt {
    position: relative;
    overflow: hidden;
  }
  #slider-blog-wrap .slider_blog div a dl dt div {
    position: relative;
    height: 250px;
  }
  #slider-blog-wrap .slider_blog div a dl dt div img {
    display: block;
    position: relative;
    height: 100%;
    width: auto;
    z-index: 1;
    display: block;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #slider-blog-wrap .slider_blog div a dl dt div img.icon {
    width: 53px;
    height: 53px;
    position: absolute;
    right: 15px;
    bottom: -26px;
    z-index: 2;
  }
  #slider-blog-wrap .slider_blog div a dl dt:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #e4e7ed transparent;
    z-index: 2;
  }
  #slider-blog-wrap .slider_blog div a dl dd {
    height: 90px;
    padding: 0 25px;
    background: #edeef5;
  }
  #slider-blog-wrap .slider_blog div a dl dd span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/pict_arrow_4.png) right center no-repeat;
    background-size: 6px 12px;
  }
  #slider-blog-wrap .slick-dots {
    bottom: -40px;
  }
  #slider-blog-wrap .slick-dots li button {
    opacity: 0.4;
    background: #bfbfbf;
  }
  #slider-blog-wrap .slick-dots li.slick-active button {
    opacity: 1;
    /*    color: black;*/
  }
  #slider-blog-wrap .slider_blog:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  /* line 2437, ../scss/style.scss */
  /* line 2445, ../scss/style.scss */
  /* line 2450, ../scss/style.scss */
  /* line 2452, ../scss/style.scss */
  /* line 2457, ../scss/style.scss */
  /* line 2459, ../scss/style.scss */
  /* line 2462, ../scss/style.scss */
  /* line 2465, ../scss/style.scss */
  /* line 2473, ../scss/style.scss */
  /* line 2483, ../scss/style.scss */
  /* line 2497, ../scss/style.scss */
  /* line 2501, ../scss/style.scss */
  /* line 2517, ../scss/style.scss */
  /* line 2519, ../scss/style.scss */
  /* line 2523, ../scss/style.scss */
  /* line 2528, ../scss/style.scss */
  /* line 2542, ../scss/style.scss */
  #content-head {
    background: #f3f4f9;
  }
  #content-head #breadcrumbs {
    width: 100%;
    margin: 0 auto;
    color: #cccccc;
  }
  #content-head #breadcrumbs span {
    padding: 0 3px;
  }
  #content-head h1.page-title {
    background: #f3f4f9;
    display: block;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

  /* line 2544, ../scss/style.scss */
  /* line 2548, ../scss/style.scss */
  /* line 2552, ../scss/style.scss */
  /* line 2561, ../scss/style.scss */
  .page404 {
    text-align: center;
  }
  .page404 section {
    padding: 50px 5% 20px 5%;
  }
  .page404 section img {
    display: block;
    margin: 0 auto;
    width: 40%;
    height: auto;
  }
  .page404 section p {
    margin-bottom: 3em;
  }
  .page404 section p.text-l {
    color: #3071b8;
    padding: 40px 0;
    font-size: 16px;
    margin-bottom: 0;
  }

  /* line 2563, ../scss/style.scss */
  /* line 2565, ../scss/style.scss */
  /* line 2571, ../scss/style.scss */
  /* line 2574, ../scss/style.scss */
  /* line 2582, ../scss/style.scss */
  ul.btn-style-1 {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  ul.btn-style-1 li {
    margin-bottom: 20px;
  }
  ul.btn-style-1 li a {
    display: block;
    text-align: center;
    color: #fff;
    background: #1f2b63;
    padding: 20px 20px;
  }
  ul.btn-style-1 li a span {
    display: block;
    background: url(../images/pict_arrow_1.png) right center no-repeat;
    background-size: 6px 12px;
  }

  /* line 2586, ../scss/style.scss */
  /* line 2588, ../scss/style.scss */
  /* line 2594, ../scss/style.scss */
}
@media (min-width: 960px) {
  /* line 2607, ../scss/style.scss */
  .bg-g .slider_blog div {
    background: #eff1f7 !important;
  }
  .bg-g .slider_blog div dd span {
    display: block !important;
    position: relative !important;
    top: 10px !important;
    transform: none !important;
  }
  .bg-g .slider_blog div:nth-child(even) {
    background: #fff !important;
  }

  /* line 2610, ../scss/style.scss */
  /* line 2618, ../scss/style.scss */
}
@media only screen and (max-width: 960px) {
  /* line 2625, ../scss/style.scss */
  .bg-g .slider_blog div {
    background: none;
  }
  .bg-g .slider_blog div dt:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #fff transparent !important;
    z-index: 2;
  }
  .bg-g .slider_blog div dd {
    background-color: #fff !important;
  }

  /* line 2627, ../scss/style.scss */
  /* line 2641, ../scss/style.scss */
}
/* TOP改修 add 2018-07-10 */
@media (min-width: 960px) {
  #topics-wrap {
    width: 100%;
    max-width: 1120px;
    position: relative;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 70px;
    overflow: hidden;
  }
  #topics-wrap .title span {
    padding-bottom: 25px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
  }
  #topics-wrap .topics_main {
    text-align: center;
    /* max-width: 1120px; */
    max-width: 980px;
    margin: 0 auto;
  }
  #topics-wrap .topics_main div {
    border-bottom: 1px solid #cccccc;
    padding: 10px;
  }
  #topics-wrap .topics_main div:first-child {
    border-top: 1px solid #cccccc;
  }
  #topics-wrap .topics_main div a dl {
    display: table;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-size: 1.1rem;
  }
  #topics-wrap .topics_main div a dl dt {
    display: table-cell;
    text-align: left;
    width: 20%;
    color: #000000;
    font-weight: bold;
  }
  #topics-wrap .topics_main div a dl dd {
    display: table-cell;
    width: 80%;
  }
  #topics-wrap .topics_main div a dl dd span {
    display: block;
    text-align: left;
    background: url(../images/pict_arrow_4.png) right center no-repeat;
    background-size: 6px 12px;
    color: #000000;
  }
  #topics-wrap .topics_list {
    text-align: right;
    max-width: 980px;
    margin: 0 auto;
    padding: 20px 0 0;
  }
  #topics-wrap .topics_list a {
    display: block;
  }
  #topics-wrap .topics_list a span {
    font-size: 20px;
    font-weight: bold;
    color: #3071B8;
  }
}
@media only screen and (max-width: 960px) {
  #topics-wrap {
    width: 100%;
    position: relative;
    padding-top: 55px;
    padding-bottom: 20px;
    overflow: hidden;
  }
  #topics-wrap .title span {
    padding-bottom: 25px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }
  #topics-wrap .topics_main div {
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
  }
  #topics-wrap .topics_main div:last-child {
    border-bottom: none;
  }
  #topics-wrap .topics_main div a {
    display: block;
    position: relative;
  }
  #topics-wrap .topics_main div a:after {
    display: inline-block;
    position: absolute;
    background: url(../images/pict_arrow_4.png) right center no-repeat;
    background-size: 6px 12px;
    color: #000000;
    content: "";
    width: 6px;
    height: 12px;
    top: 50%;
    right: 0;
  }
  #topics-wrap .topics_main div a dl {
    font-size: 0.9rem;
  }
  #topics-wrap .topics_main div a dl dt {
    color: #000000;
    font-weight: bold;
  }
  #topics-wrap .topics_main div a dl dd {
    color: #000000;
    width: 92%;
  }
  #topics-wrap .topics_main div a dl dd span {
    /*
      display: block;
      text-align: left;
      background: url(../images/pict_arrow_4.png) right center no-repeat;
      background-size: 6px 12px;
      color: #000000;
    */
  }
  #topics-wrap .topics_list {
    text-align: right;
    margin: 0 auto;
    padding: 10px 15px 0;
  }
  #topics-wrap .topics_list a {
    display: block;
  }
  #topics-wrap .topics_list a span {
    font-size: 16px;
    font-weight: bold;
    color: #3071B8;
  }
}

.company-mv {
  padding-top: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.company-mv__title {
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #a7a7a7;
}

.company-mv__text {
  font-size: 32px;
  margin-top: 46px;
}

.company-mission {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 39.53vw;
  margin-top: 176px;
  background-image: url("../images/company_bg_01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.company-mission .company-title-area__title {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.company-mission .company-title-area__text {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.company-title-area {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.2em;
  line-height: 1.8;
}

.company-title-area__title {
  text-align: center;
  font-size: 24px;
  color: #a7a7a7;
}

.company-title-area__text {
  font-size: 32px;
  margin-top: 46px;
}

.company-value {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 39.53vw;
  margin-top: 176px;
  background-image: url("../images/company_bg_02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.company-value .company-title-area__title {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.company-value .company-title-area__text {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.company-vision {
  margin-top: 112px;
}

.company-vision img {
  display: block;
  margin: 48px auto 0 auto;
}

.company-spirit {
  margin-top: 112px;
  /* margin-bottom: 98px; */
}

.company-spirit__title {
  font-size: 32px;
  text-align: center;
  margin-top: 42px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.company-spirit__title rt {
  font-size: 12px;
}

.company-spirit-list {
  width: 854px;
  margin: 72px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.company-spirit-list__item {
  position: relative;
  padding-left: 2em;
  width: 50%;
  font-size: 18px;
  box-sizing: border-box;
}

.company-spirit-list__item span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 21px;
  color: #A5A5A5;
}

@media screen and (min-width:481px) {
  .company-spirit {
    padding-bottom: 130px;
  }

  .company-spirit-list-sp {
    display: none;
  }

  .company-value .company-title-area__text br {
    display: none;
  }

  .company-spirit__title br {
    display: none;
  }

  .company-spirit-list__item:nth-child(1n+3) {
    margin-top: 30px;
  }
  
}

@media screen and (max-width:480px) {
  .company-mv {
    padding-top: 60px;
  }

  .company-title-area__title {
    font-size: 18px;
  }

  .company-title-area__text {
    font-size: 26px;
    margin-top: 28px;
  }

  .company-mission {
    margin-top: 120px;
    height: 92.26vw;
  }

  .company-vision img {
    width: 87.46%;
    margin-top: 28px;
  }

  .company-spirit-list {
    width: auto;
  }

  .company-spirit-list__item {
    width: 100%;
    font-size: 15px;
  }

  .company-spirit-list__item span {
    font-size: 15px;
  }

  .company-spirit-list-pc {
    display: none;
  }

  .company-value {
    margin-top: 80px;
    height: 92.26vw;
  }

  .company-spirit__inner {
    width: 86%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }

  .company-spirit__title {
    text-align: left;
    margin: 40px auto 0 auto;
    font-size: 26px;
  }

  .company-spirit__title rt {
    font-size: 10px;
  }

  .company-spirit-list {
    margin-top: 42px;
  }

  .company-spirit-list__item:nth-child(1n+2) {
    margin-top: 30px;
  }

  .company-spirit {
    margin-top: 80px;
    margin-bottom: 78px;
  }

  .company-vision {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 961px) {
  .top-section {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 960px) {
  .top-section {
    margin-top: 40px;
  }
}

.top-section__title small {
  display: block;
  color: #dad700;
}

@media only screen and (min-width: 961px) {
  .top-section__title small {
    font-size: 18px;
  }
}

@media only screen and (max-width: 960px) {
  .top-section__title small {
    font-size: 14px;
  }
}  

.top-section__title span {
  display: block;
  font-weight: bold;
}

@media only screen and (min-width: 961px) {
  .top-section__title span {
    font-size: 24px;
  }
}

@media only screen and (max-width: 960px) {
  .top-section__title span {
    font-size: 20px;
  }
}  

.top-section__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #dad700;
  background-image: url("../images/index/btn_arrow.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
}

@media only screen and (min-width: 961px) {
  .top-section__btn {
    width: 244px;
    height: 60px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 960px) {
  .top-section__btn {
    width: 100%;
    height: 46px;
    font-size: 13px;
  }
}

#top-products .top-section__title {
  text-align: center;
}

@media only screen and (min-width: 961px) {
  .top-products__content {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 960px) {
  .top-products__content {
    margin-top: 20px;
  }
}

.top-products__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media only screen and (min-width: 961px) {
  .top-products__item {
    width: calc(100% / 3);
    height: 396px;
  }
}

@media only screen and (max-width: 960px) {
  .top-products__item {
    height: 240px;
  }

  .top-products__item:nth-child(1n+2) {
    margin-top: 10px;
  }
}

.top-products__item::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 0.3s linear;
}

@media only screen and (min-width: 961px) {
  .top-products__item::before {
    opacity: 0;
  }
}

.top-products__item:hover {
  opacity: 1;
}

.top-products__item:hover::before {
  opacity: 1;
}

.top-products__item > div {
  position: relative;
}

.top-products__item h4 {
  text-align: center;
  color: #fff;
}

.top-products__item h4 small {
  display: block;
  font-size: 15px;
}

.top-products__item h4 span {
  display: block;
  font-size: 22px;
}

.top-products__item p {
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 960px) {
  .top-products__item p {
    display: none;
  }
}

@media only screen and (min-width: 961px) {
  .top-works {
    width: 89.89%;
    margin: 80px 0 0 auto;
  }
}

@media only screen and (max-width: 960px) {
  .top-works {
    width: 90.66%;
    margin: 50px 0 0 auto;
  }
}

.top-works__content {
  margin-top: 20px;
}

.top-works .top-section__btn {
  margin-top: 30px;
}

@media only screen and (max-width: 960px) {
  .top-works .top-section__btn {
    width: 88.8%;
  }
}

.top-works-slider {
  padding-bottom: 30px !important;
}

.top-works-slider .swiper-scrollbar {
  left: 0 !important;
  bottom: 0 !important;
  width: 86% !important;
  height: 1px !important;

}



.top-works-slide {
  display: block;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 961px) {
  .top-works-slide {
    height: 240px;
  }
}

@media only screen and (max-width: 960px) {
  .top-works-slide {
    height: 158px;
  }
}

.top-works-slide__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../images/index/btn_arrow.svg");
  background-repeat: no-repeat;
  color: #fff;
  box-sizing: border-box;
}

@media only screen and (min-width: 961px) {
  .top-works-slide__title {
    font-size: 15px;
    padding: 15px;
    background-position: center right 20px;
  }
}

@media only screen and (max-width: 960px) {
  .top-works-slide__title {
    font-size: 12px;
    padding: 10px;
    background-position: center right 10px;
  }
}

.top-topics {
  background-color: #f7f8f9;
}

@media only screen and (min-width: 961px) {
  .top-topics {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics {
  padding: 40px 0;
  }
}

.top-topics .top-section__title {
  white-space: nowrap;
  flex-shrink: 0;
}

.top-topics__inner {
  margin: 0 auto;
}

/* @media only screen and () */

@media only screen and (min-width: 961px) {
  .top-topics__inner {
    width: 79.64%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics__inner {
    width: 80.53%;
  }
}

@media only screen and (min-width: 2300px) {
  .top-topics__content {
    width: 1650px;
  }
}

@media only screen and (min-width: 961px) and (max-width: 2299px) {
  .top-topics__content {
    width: 100%;
    margin-left: 80px;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 961px) {
  .top-topics__content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

}

@media only screen and (max-width: 960px) {
  .top-topics__content {
    margin-top: 20px;
  }
}

.top-topics__link {
  display: block;
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: center center;
}

@media only screen and (min-width: 961px) {
  .top-topics__link {
    width: 47.42%;
    height: 178px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics__link {
    width: 100%;
    height: 130px;
  }
}

@media only screen and (min-width: 2300px) {
  .top-topics__link:nth-child(1n+2) {
    margin-left: 1.5%;
  }
}

@media only screen and (min-width: 961px) and (max-width: 2299px) {
  .top-topics__link:nth-child(2n+2) {
    margin-left: 5.15%;
  }

  .top-topics__link:nth-child(1n+3) {
    margin-top: 40px;
  }
}


@media only screen and (max-width: 960px) {
  .top-topics__link:nth-child(1n+2) {
    margin-top: 20px;
  }
}



.top-topics__link::before {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  border: 1px solid #fff;
}

.top-topics__link > div {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}

.top-topics__link small {
  display: block;
}

@media only screen and (min-width: 961px) {
  .top-topics__link small {
    font-size: 18px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics__link small {
    font-size: 12px;
  }
}

.top-topics__link span {
  display: block;
  font-weight: bold;
}

@media only screen and (min-width: 961px) {
  .top-topics__link span {
    font-size: 22px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics__link span {
    font-size: 16px;
  }
}

@media only screen and (min-width: 961px) {
  .top-blog {
    margin: 80px auto 0 auto;
    width: 79.64%;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog {
    margin: 50px auto 0 auto;
    width: 80.53%;
  }
}

.top-blog-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media only screen and (min-width: 961px) {
  .top-blog-list {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog-list {
    margin-top: 20px;
  }
}

.top-blog-list__item {
  color: #000;
  border-bottom: 1px solid #E3E3E3;
}

@media only screen and (min-width: 961px) {
  .top-blog-list__item {
    width: 22.2%;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog-list__item {
    width: 45.03%;
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 961px) {
  .top-blog-list__item:nth-child(1n+2) {
    margin-left: 3.7%;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog-list__item:nth-child(2n+2) {
    margin-left: 9.93%;
  }

  .top-blog-list__item:nth-child(1n+3) {
    margin-top: 9.93%;
  }
}

.top-blog-list__image {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 961px) {
  .top-blog-list__image {
    height: 200px;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog-list__image {
    height: 112px;
  }
}

.top-blog-list__image.dammy {
  border: 1px solid #E3E3E3;
}

.top-blog-list__title {
  margin-top: 8px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

@media only screen and (min-width: 961px) {
  .top-blog-list__title {
    font-size: 13px;
    height: 3em;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog-list__title {
    font-size: 12px;
    height: 3.2em;
  }
}

.top-blog-list__meta {
  margin-top: 10px;
}

@media only screen and (min-width: 961px) {
  .top-blog-list__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.top-blog-list__cat span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  background-color: #dad700;
  padding: 3px 6px;
}

.top-blog-list__time {
  color: #b8b9ba;
}

@media only screen and (min-width: 961px) {
  .top-blog-list__time {
    font-size: 14px;
  }
}

@media only screen and (max-width: 960px) {
  .top-blog-list__time {
    font-size: 12px;
    margin-top: 10px;
  }
}

.top-blog .top-section__btn {
  margin-top: 30px;
}

@media only screen and (min-width: 961px) {
  .top-topics-post {
    max-width: 1010px;
    padding: 0 30px;
    margin: 80px auto 0 auto;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics-post {
    width: 80.53%;
    margin: 50px auto 0 auto;
  }
}


.top-topics-post__title {
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 961px) {
  .top-topics-post__title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics-post__title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 961px) {
  .top-topics-post__list {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics-post__list {
    margin-top: 20px;
  }
}


.top-topics-post-list {
  border-top: 1px solid #E3E3E3;
}

.top-topics-post-list__item {
  border-bottom: 1px solid #E3E3E3;
  background-image: url('../../asset/images/index/top_topics_post_list_arrow.svg');
  background-repeat: no-repeat;
  background-position: center right 8px;
  padding: 12px 8px;
}

@media only screen and (min-width: 961px) {
  .top-topics-post-list__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics-post-list__item {
    display: block;
  }
}


.top-topics-post-list__time {
  font-weight: 500;
  color: #cecece;
}

@media only screen and (min-width: 961px) {
  .top-topics-post-list__time {
    font-size: 16px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics-post-list__time {
    font-size: 12px;
  }
}

.top-topics-post-list__title {
  color: #000;
  font-weight: 600;
}

@media only screen and (min-width: 961px) {
  .top-topics-post-list__title {
    margin-left: 62px;
    font-size: 16px;
  }  
}

@media only screen and (max-width: 960px) {
  .top-topics-post-list__title {
    font-size: 12px;
  }
}

.top-topics-post__more {
  text-align: right;
  margin-top: 20px;
}

.top-topics-post__more a {
  color: #1c85ff;
  font-weight: 500;
}

@media only screen and (min-width: 961px) {
  .top-topics-post__more a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 960px) {
  .top-topics-post__more a {
    font-size: 13px;
  }
}

.top-contact {
  background-color: #c3d83c;
  color: #fff;
}

@media only screen and (min-width: 961px) {
  .top-contact {
    padding: 60px 0;
    border-top: 60px solid #fff;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact {
    padding: 50px 0 30px 0;
  }
}

.top-contact__inner {
  margin: 0 auto;
}

@media only screen and (min-width: 961px) {
  .top-contact__inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 87.84%;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact__inner {
    width: 80.53%;
  }
}


.top-contact__title {
  white-space: nowrap;
  flex-shrink: 0;
}

.top-contact__title small {
  display: block;
  font-weight: 500;
}

.top-contact__title span {
  display: block;
}

@media only screen and (min-width: 961px) {
  .top-contact__title small {
    font-size: 18px;
  }
  
  .top-contact__title span {
    font-size: 36px;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact__title small {
    font-size: 14px;
  }
  
  .top-contact__title span {
    font-size: 20px;
  }
}

@media only screen and (min-width: 961px) {
  .top-contact__content {
    margin-left: 66px;
    display: flex;
    align-items: stretch;
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact__content {
    margin-top: 30px;
  }
}

.top-contact__item > div {
  width: 100%;
}

@media only screen and (min-width: 961px) {
  .top-contact__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 3);
    border-left: 1px solid #fff;
    padding: 16px;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact__item {
    padding: 30px 0;
    border-top: 1px solid #fff;
  }

  .top-contact__item:last-child() {
    border-bottom: 1px solid #fff;
  }

  .top-contact__item > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .top-contact__item-inner > div {
    margin-left: 28px;
  }
}

.top-contact__item img {
  display: block;
}

@media only screen and (min-width: 961px) {
  .top-contact__item img {
    display: block;
  }
}

@media only screen and (min-width: 961px) {
  .top-contact__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
  }
}


.top-contact__name {
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (min-width: 961px) {
  .top-contact__name {
    text-align: center;
    font-size: 18px;
    margin-top: 18px;
  }  
}

@media only screen and (max-width: 960px) {
  .top-contact__name {
    font-size: 14px;
  }  
}


@media only screen and (min-width: 961px) {
  .top-contact__phone {
    margin-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact__phone {
    margin-top: 8px;
  }
}

.top-contact__phone .phone-num {
  display: block;
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 961px) {
  .top-contact__phone .phone-num {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 961px) {
  .top-contact__phone .time {
    font-size: 12px;
    margin-top: 13px
  }  
}

@media only screen and (max-width: 960px) {
  .top-contact__phone .time {
    font-size: 11px;
    margin-top: 8px
  }
}

.top-contact__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #C3D83C;
  font-weight: bold;
  line-height: 1;
  background-image: url("../../asset/images/index/btn_arrow_2.svg");
  background-repeat: no-repeat;
}

@media only screen and (min-width: 961px) {
  .top-contact__btn {
    margin: 20px auto 0 auto;
    max-width: 250px;
    width: 100%;
    height: 54px;
    border-radius: 27px;
    background-position: top 23px right 14px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 960px) {
  .top-contact__btn {
    width: 218px;
    margin-top: 8px;
    height: 38px;
    border-radius: 19px;
    background-position: top 15px right 13px;
    font-size: 12px;
  }
}

.footer__logo {
  width: 144px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  flex-shrink: 0;
}

.footeer__inner {
  margin: 0 auto;
}

@media only screen and (min-width: 961px) {
  .footeer__inner {
    width: 79.64%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 960px) {
  .footeer__inner {
    width: 80.53%;
    padding: 50px 0 40px 0;
  }
}

.footer__content {
  width: 100%;
}

@media only screen and (min-width: 961px) {
  .footer__content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 80px;
  }
}

@media only screen and (max-width: 960px) {
  .footer__content {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 961px) {
  .footer-nav {
    width: 25.43%;
  }

  .footer-nav:nth-child(1n+2) {
    margin-left: 4.62%;
  }
}

@media only screen and (max-width: 960px) {
  .footer-nav:nth-child(1n+2) {
    margin-top: 30px;
  }
}

.footer-nav__title {
  font-weight: 600;
  color: #fff;
  font-size: 16px;
}

.footer-nav__content {
  border-top: 1px solid #505050;
}

@media only screen and (min-width: 961px) {
  .footer-nav__content {
    padding-top: 20px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .footer-nav__content {
    padding-top: 10px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 960px) {
  .footer-nav-address {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
}


.footer-nav__address {
  color: #505050;
}

@media only screen and (min-width: 961px) {
  .footer-nav__address {
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .footer-nav__address {
    font-size: 11px;
    width: 50%;
  }
}

.footer-nav__email {
  color: #AFAFAF;
}

@media only screen and (min-width: 961px) {
  .footer-nav__email {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 960px) {
  .footer-nav__email {
    font-size: 11px;
    width: 50%;
  }
}

.footer__copyright {
  border-top: 1px solid #505050;
  text-align: center;
  padding: 20px;
  color: #AFAFAF;
  margin-top: 40px;
}

@media only screen and (min-width: 961px) {
  .footer__copyright {
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .footer__copyright {
    font-size: 11px;
  }
}

@media only screen and (min-width: 961px) {
  .footer-nav-list__item {
    font-size: 12px;
  }

  .footer-nav-list__item:nth-child(1n+2) {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 960px) {
  .footer-nav-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }  

  .footer-nav-list__item {
    width: 50%;
    font-size: 11px;
  }

  .footer-nav-list__item:nth-child(1n+3) {
    margin-top: 6px;
  }
}

.footer-nav-list__link {
  color: #AFAFAF;
}

.main-visual .slick-arrow {
  background-color: transparent;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.main-visual .slick-prev {
  background-image: url('../images/index/main_visual_slider_prev.svg');
}

.main-visual .slick-next {
  background-image: url('../images/index/main_visual_slider_next.svg');
}

@media only screen and (min-width: 961px) {
  .main-visual .slick-arrow {
    width: 18px;
    height: 35px;
  }

  .main-visual .slick-prev {
    left: 30px;
  }

  .main-visual .slick-next {
    right: 30px;
  }
}

@media only screen and (max-width: 960px) {
  .main-visual .slick-arrow {
    width: 10px;
    height: 20px;
  }

  .main-visual .slick-prev {
    left: 15px;
  }

  .main-visual .slick-next {
    right: 15px;
  }

}

@media only screen and (max-width: 1379px) and (min-width: 961px) {
  #head-wrap .gNav .gNav__list li {
    padding: 0 15px;
    font-size: 11px;
  }
}

.caribbean-mv {
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 961px) {
  .caribbean-mv {
    min-height: 422px;
    padding-top: 32.35%;
    background-image: url("../../asset/images/caribbean/mv-bg.jpg");
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-mv {
    min-height: 310px;
    padding-top: 81.74%;
    background-image: url("../../asset/images/caribbean/mv-bg-sp.jpg");
  }
}


.caribbean-mv__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 960px) {
  .caribbean-mv__title img {
    width: 158px;
  }
}

@media only screen and (min-width: 961px) {
  .caribbean-link {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
}

.caribbean-link__item {
  display: block;
}

@media only screen and (min-width: 961px) {
  .caribbean-link__item {
    position: relative;
    width: calc(100% / 4);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 18vw;
    /* min-height: 246px; */
  }

  .caribbean-link__item::before,
  .caribbean-link__item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease;
  }

  .caribbean-link__item::before {
    z-index: 1;
  }

  .caribbean-link__item::after {
    z-index: 0;
  }

  .caribbean-link__item:nth-child(1)::before {
    background-image: url("../images/caribbean/link-bg-01.jpg");
  }

  .caribbean-link__item:nth-child(2)::before {
    background-image: url("../images/caribbean/link-bg-02.jpg");
  }

  .caribbean-link__item:nth-child(3)::before {
    background-image: url("../images/caribbean/link-bg-03.jpg");
  }

  .caribbean-link__item:nth-child(4)::before {
    background-image: url("../images/caribbean/link-bg-04.jpg");
  }

  .caribbean-link__item:nth-child(1)::after {
    background-image: url("../images/caribbean/link-hover-bg-01.jpg");
  }

  .caribbean-link__item:nth-child(2)::after {
    background-image: url("../images/caribbean/link-hover-bg-02.jpg");
  }

  .caribbean-link__item:nth-child(3)::after {
    background-image: url("../images/caribbean/link-hover-bg-03.jpg");
  }

  .caribbean-link__item:nth-child(4)::after {
    background-image: url("../images/caribbean/link-hover-bg-04.jpg");
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-link__item {
    position: relative;
    display: flex;
    align-items: center;
    height: 34.66vw;
    line-height: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .caribbean-link__item:nth-child(1) {
    background-image: url("../images/caribbean/link-bg-01-sp.jpg");
  }

  .caribbean-link__item:nth-child(2) {
    background-image: url("../images/caribbean/link-bg-02-sp.jpg");
  }

  .caribbean-link__item:nth-child(3) {
    background-image: url("../images/caribbean/link-bg-03-sp.jpg");
  }

  .caribbean-link__item:nth-child(4) {
    background-image: url("../images/caribbean/link-bg-04-sp.jpg");
  }
}

.caribbean-link__item:hover {
  opacity: 1;
}

@media only screen and (min-width: 961px) {
  .caribbean-link__item:hover::before {
    opacity: 0;
  }

  .caribbean-link__item:hover .caribbean-link__inner::after {
    bottom: 10px;
  }

  .caribbean-link__item:hover .caribbean-link__text {
    opacity: 1;
  }
}

.caribbean-link__title {
  color: #fff;
  font-weight: bold;
}

.caribbean-link__inner {
  z-index: 1;
  box-sizing: border-box;
}

@media only screen and (min-width: 961px) {
  .caribbean-link__inner {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-link__inner {
    width: 100%;
    text-align: center;
  }
}

.caribbean-link__inner::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url("../images/caribbean/link-arrow.svg");
  background-size: contain;
  transition: bottom 0.3s ease;
}

@media only screen and (min-width: 961px) {
  .caribbean-link__inner::after {
    bottom: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-link__inner::after {
    bottom: 10px;
  }
}

@media only screen and (min-width: 961px) {
  .caribbean-link__title {
    font-size: 1.90vw;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-link__title {
    font-size: 5.33vw;
  }
}

.caribbean-link__text {
  white-space: nowrap;
  color: #fff;
}

@media only screen and (min-width: 961px) {
  .caribbean-link__text {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-link__text {
    margin-top: 20px;
    font-size: 2.66vw;
  }
}


@media only screen and (min-width: 961px) {
  .caribbean-link__image {
    opacity: 0;
    transition: opacity 0.3s linear;
  }
}

.caribbean-link__image:hover {
  opacity: 1;
}

.section-feature {
  background-color: #000;
  color: #fff;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 961px) {
  .section-feature {
    padding: 120px 0 80px 0;
  }
}

@media only screen and (max-width: 960px) {
  .section-feature {
    padding: 60px 0 50px 0;
  }
}

.section-feature__inner {
  max-width: 1150px;
  padding: 0 32px;
  margin: 0 auto;
}

@media only screen and (min-width: 961px) {
  .section-feature__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .section-feature__image {
    display: block;
    max-width: 585px;
  }
}

@media only screen and (max-width: 960px) {
  .section-feature__image {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .section-feature__title img {
    width: 132px;
  }
}

.section-feature__lead {
  font-weight: 500;
  line-height: 2;
}

@media only screen and (min-width: 961px) {
  .section-feature__lead {
    font-size: 20px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 960px) {
  .section-feature__lead {
    font-size: 15px;
    margin-top: 32px;
  }
}

.section-feature__text {
  font-weight: 400;
}

@media only screen and (min-width: 961px) {
  .section-feature__text {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2.8;
  }
}

@media only screen and (max-width: 960px) {
  .section-feature__text {
    margin-top: 20px;
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 2;
  }
}

@media only screen and (min-width: 961px) {
  .feature-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .feature-list {
    margin-top: 30px;
  }
}

.feature-list__item {
  color: #fff;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 961px) {
  .feature-list__item {
    width: 31.49%;
  }

  .feature-list__item:nth-child(1n+2) {
    margin-left: 2.76%;
  }
}

@media only screen and (max-width: 960px) {
  .feature-list__item:nth-child(1n+2) {
    margin-top: 44px;
  }
}

.feature-list__image {
  display: block;
  width: 100%;
}

.feature-list__title {
  margin-top: 20px;
  font-weight: 500;
  font-size: 15px;
}

.feature-list__text {
  font-size: 12px;
  line-height: 2;
  font-weight: 300;
}

@media only screen and (min-width: 961px) {
  .feature-list__text {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 960px) {
  .feature-list_text {
    margin-top: 12px;
  }
}

.section-feature__container {
  position: relative;
}

@media only screen and (max-width: 960px) {
  .section-feature__container {
    margin-top: 20px;
  }
}

.section-feature__container::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: #fff;
}

@media only screen and (min-width: 961px) {
  .section-feature__container::before {
    width: 100px;
    left: -140px;
    top: 16px;
  }
}

@media only screen and (max-width: 960px) {
  .section-feature__container::before {
    width: 20px;
    left: -32px;
    top: 14px;
  }
}

.caribbean-section {
  color: #fff;
}

@media only screen and (min-width: 961px) {
  .caribbean-section {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-section {
    padding: 50px 0;
  }
}

.caribbean-section--left {
  background-color: #222;
}

.caribbean-section--right {
  background-color: #000;
}

.caribbean-section--right .caribbean-section__inner {
  flex-direction: row-reverse;
}

.caribbean-section__title img {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .caribbean-section__title img {
    width: 230px;
  }
}

@media only screen and (min-width: 961px) {
  .caribbean-section__inner {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-section__inner {
    margin-top: 30px;
    padding: 0 30px;
  }
}

@media (min-width: 1501px) {
  .caribbean-section__inner {
    justify-content: center;
  }
}

.caribbean-section__slide {
  margin: 0;
}

@media only screen and (min-width: 961px) {
  .caribbean-section__slide {
    max-width: 720px;
    width: 52.63%;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-section__slide {
    width: 100%;
  }
}

.caribbean-section__slide .swiper-slide img {
  display: block;
  width: 100%;
}

.caribbean-section__slide .swiper-pagination {
  box-sizing: border-box;
}

.caribbean-section__slide .swiper-pagination-bullet {
  width: 30px;
  height: 2px;
  opacity: 1;
  background: #fff;
  border-radius: 0;
}

.caribbean-section__slide .swiper-pagination-bullet-active {
  background: #B0D906;
}

@media only screen and (min-width: 961px) {
  .caribbean-section--left .caribbean-section__slide .swiper-pagination {
    text-align: right;
    padding-right: 10px;
  }

  .caribbean-section--right .caribbean-section__slide .swiper-pagination {
    text-align: left;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-section__slide .swiper-pagination {
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
  }
}

.caribbean-section__container {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 960px) {
  .caribbean-section__container {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 961px) {
  .caribbean-section--left .caribbean-section__container {
    margin: 0 auto 0 100px;
    padding-right: 32px;
  }

  .caribbean-section--right .caribbean-section__container {
    margin: 0 100px 0 auto;
    padding-left: 32px;
  }
}

@media (min-width: 1501px) {
  .caribbean-section--left .caribbean-section__container {
    margin: 0 0 0 100px;
    padding-right: 32px;
  }

  .caribbean-section--right .caribbean-section__container {
    margin: 0 100px 0 0;
    padding-left: 32px;
  }
}

.caribbean-section__sub-title {
  position: relative;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 961px) {
  .caribbean-section__sub-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-section__sub-title {
    font-size: 17px;
  }
}

@media only screen and (min-width: 961px) {
  .caribbean-section__sub-title::before {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    left: -140px;
    top: 16px;
  }
}

.caribbean-section__lead {
  font-weight: 500;
  letter-spacing: 0.1em;
}

.caribbean-section__text {
  letter-spacing: 0.03em;
  line-height: 2.1;
  font-size: 13px;
}

@media only screen and (min-width: 961px) {
  .caribbean-section__lead {
    font-size: 18px;
    margin-top: 30px;
  }

  .caribbean-section__text {
    margin: 20px 0 30px 0;
  }
}
@media only screen and (max-width: 960px) {
  .caribbean-section__lead {
    font-size: 17px;
    margin-top: 20px;
  }

  .caribbean-section__text {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}

.caribbean-section__text strong {
  font-weight: bold;
}

.caribbean-section__btn {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  background-color: #B0D906;
  box-sizing: border-box;
  overflow: hidden;
}

@media only screen and (min-width: 961px) {
  .caribbean-section__btn {
    width: 396px;
    height: 56px;
    font-size: 14px;
    padding-left: 22px;
  }
}

@media only screen and (max-width: 960px) {
  .caribbean-section__btn {
    height: 50px;
    max-width: 315px;
    width: 100%;
    font-size: 13px;
    padding-left: 15px;
  }
}

.caribbean-section__btn + .caribbean-section__btn {
  margin-top: 20px;
}

.caribbean-section__btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(176,217,6,1) 0%, rgba(107,217,81,1) 100%);
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.caribbean-section__btn:hover {
  opacity: 1;
}

.caribbean-section__btn:hover::before {
  transform: translateX(0);
}

.caribbean-section__btn span {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  background-image: url("../../asset/images/caribbean/btn-arrow.svg");
  background-position: right 12px center;
  background-repeat: no-repeat;
  
}

footer {
  background-color: #040a1d;
}

.section-wide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}

.section-wide .section-wide-strong-point__item{
  margin-top: 40px;
}

@media only screen and (min-width: 961px) {
  .section-wide {
    min-height: 688px;
    padding-left: 70px;
    /* padding-top: 380px; */
    padding-top: 240px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide {
    padding-top: 310px;
    padding-left: 16px;
    min-height: 520px;
  }
}

.section-wide__title {
  font-weight: bold;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  line-height: 1;
}

@media only screen and (min-width: 961px) {
  .section-wide__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide__title {
    font-size: 20px;
  }
}

.section-wide__title img {
  display: block;
  margin-bottom: 18px;
}

.section-wide__text {
  color: #fff;
  line-height: 2;
}

@media only screen and (min-width: 961px) {
  .section-wide__text {
    margin-top: 25px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide__text {
    margin-top: 16px;
    font-size: 12px;
  }
}


.section-wide-fv {
  padding-top: 22px;
}

.section-wide-fv .section-wide {
  background-image: url("../../asset/images/wide-space-house/fv.jpg");
}

@media only screen and (max-width: 960px) {
  .section-wide-fv .section-wide {
    background-position: 70% 50%;
  }
}

.section-wide-strong-point {
}

@media only screen and (min-width: 961px) {
  .section-wide-strong-point {
    padding: 80px 70px;
    background-image: url("../../asset/images/wide-space-house/strong-point-bg.jpg");
    background-size: cover;
    background-position: center;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-strong-point {
    padding: 48px 0;
    background-color: #000;
  }

  .section-wide-strong-point::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.38%;
    background-image: url("../../asset/images/wide-space-house/strong-point-bg.jpg");
    background-size: cover;
    background-position: center;
    margin-bottom: 48px;
  }
}

@media only screen and (min-width: 961px) {
  .section-wide-strong-point__item:nth-child(1n+2) {
    margin-top: 64px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-strong-point__item {
    padding: 0 32px;
  }

  .section-wide-strong-point__item:nth-child(1n+2) {
    margin-top: 32px;
  }
}

.section-wide-strong-point__title {
  display: block;
}

.section-wide-strong-point__text {
  font-size: 12px;
  letter-spacing: 0.06em;
  line-height: 2;
  text-shadow: 0 3px 10px rgb(0 0 0 / 50%);
  color: #fff;
}

@media only screen and (min-width: 961px) {
  .section-wide-strong-point__text {
    margin-top: 15px;
  }

  .section-wide-strong-point__title.sp {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-strong-point__text {
    margin-top: 8px;
  }

  .section-wide-strong-point__title.pc {
    display: none;
  }
}

.section-wide-strong-point__text strong {
  font-size: 14px;
}

.section-wide-voice {
  background-color: #000;
}

@media only screen and (min-width: 961px) {
  .section-wide-voice {
    padding: 100px 0;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-voice {
    padding: 50px 0;
  }
}

.section-wide-voice__container {
  max-width: 1126px;
  padding: 0 32px;
  margin: 0 auto;
}

.section-wide-voice__title img {
  display: block;
  margin: 0 auto;
}

.section-wide-voice__text {
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 16px;
}

@media only screen and (min-width: 961px) {
  .section-wide-voice__iframes {
    margin-top: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-voice__iframes {
    margin-top: 30px;
  }
}

.section-wide-voice__iframes iframe {
  display: block;
}

@media only screen and (min-width: 961px) {
  .section-wide-voice__iframes iframe {
    width: 48.22%;
    height: 305px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-voice__iframes iframe {
    width: 100%;
    height: 180px;
  }
}

@media only screen and (min-width: 961px) {
  .section-wide-voice__iframes iframe:nth-child(2n+2) {
    margin-left: 3.56%;
  }

  .section-wide-voice__iframes iframe:nth-child(1n+3) {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-voice__iframes iframe:nth-child(1n+2) {
    margin-top: 24px; 
  }
}

.section-wide-voice__graph {
  display: block;
  margin: 0 auto;
  margin-top: 90px;
}

@media only screen and (min-width: 961px) {
  .section-wide-voice__graph {
    margin-top: 90px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-voice__graph {
    width: 100%;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 961px) {
  .section-wide-product {
    height: 688px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product {
    height: 460px;
  }
}

.section-wide-product .section-wide {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media only screen and (min-width: 961px) {
  .section-wide-product .section-wide {
    padding-right: calc(70px + 19%);
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product .section-wide {
    height: 460px;
    min-height: 460px;
    padding-right: 32px;
  }
}

.section-wide-product .section-wide--01 {
  background-image: url("../../asset/images/wide-space-house/section-wide-product-bg-01.jpg");
}

.section-wide-product .section-wide--02 {
  background-image: url("../../asset/images/wide-space-house/section-wide-product-bg-02.jpg");
}

.section-wide-product .section-wide--03 {
  background-image: url("../../asset/images/wide-space-house/section-wide-product-bg-03.jpg");
}

.section-wide-product .section-wide--04 {
  background-image: url("../../asset/images/wide-space-house/section-wide-product-bg-04.jpg");
}

@media only screen and (min-width: 961px) {
  .swiper-container-vertical>.swiper-pagination-bullets {
    right: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .swiper-container-vertical>.swiper-pagination-bullets {
    right: 15px;
  }
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 20px 0;
}

.section-wide-product-info__container {
  max-width: 1126px;
  padding: 0 32px;
  margin: 0 auto;
}

.section-wide-product .swiper-pagination-bullet {
  opacity: 1;
  background-color: #747474;
}

.section-wide-product .swiper-pagination-bullet-active {
  background-color: #fff;
}

.section-wide-product-info {
  color: #fff;
  background-color: #000;
}

.section-wide-product-content {
  color: #fff;
  background-color: #000;
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content {
    padding: 50px 0;
  }
}

.section-wide-product-content__title img {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content__title img {
    width: 230px;
  }
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content__inner {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }

  .section-wide-product-content__inner--center {
    align-items: center;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content__inner {
    padding: 0 30px;
  }
}

@media (min-width: 1501px) {
  .section-wide-product-content__inner {
    justify-content: center;
    max-width: 1450px;
    margin: 0 auto;
  }
}

.section-wide-product-content__slide {
  margin: 0;
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content__slide {
    max-width: 720px;
    width: 52.63%;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content__slide {
    width: 100%;
  }
}

.section-wide-product-content__slide .swiper-slide img {
  display: block;
  width: 100%;
}

.section-wide-product-content__container {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content__container {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content__container {
    margin: 0 auto 0 100px;
    padding-right: 32px;
    width: 47.37%;
  }
}

@media (min-width: 1501px) {
  .section-wide-product-content__container {
    margin: 0 0 0 100px;
    padding-right: 7%;
  }
}

.section-wide-product-content__sub-title {
  font-weight: bold;
  letter-spacing: 0.1em;
}

.section-wide-product-content__sub-title img {
  display: block;
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content__sub-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content__sub-title {
    font-size: 17px;
  }
}


.section-wide-product-content__lead {
  font-weight: 500;
  letter-spacing: 0.1em;
}

.section-wide-product-content__text {
  letter-spacing: 0.03em;
  line-height: 2.1;
  font-size: 13px;
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content__lead {
    font-size: 18px;
    margin-top: 30px;
  }

  .section-wide-product-content__text {
    margin: 20px 0 30px 0;
  }
}
@media only screen and (max-width: 960px) {
  .section-wide-product-content__lead {
    font-size: 17px;
    margin-top: 20px;
  }

  .section-wide-product-content__text {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}

.section-wide-product-content__text strong {
  font-weight: bold;
}

.section-wide-product-content__btn {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  background-color: #B0D906;
  box-sizing: border-box;
  overflow: hidden;
}

@media only screen and (min-width: 961px) {
  .section-wide-product-content__btn {
    width: 396px;
    height: 56px;
    font-size: 14px;
    padding-left: 22px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-product-content__btn {
    height: 50px;
    max-width: 315px;
    width: 100%;
    font-size: 13px;
    padding-left: 15px;
  }
}

.section-wide-product-content__btn + .section-wide-product-content__btn {
  margin-top: 20px;
}

.section-wide-product-content__btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(176,217,6,1) 0%, rgba(107,217,81,1) 100%);
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.section-wide-product-content__btn:hover {
  opacity: 1;
}

.section-wide-product-content__btn:hover::before {
  transform: translateX(0);
}

.section-wide-product-content__btn span {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  background-image: url("../../asset/images/caribbean/btn-arrow.svg");
  background-position: right 12px center;
  background-repeat: no-repeat;
}

.section-wide-product-info__title {
  display: block;
  line-height: 1;
  font-size: 25px;
  white-space: nowrap;
}

.section-wide-product-info__title a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 28px;
  padding-right: 40px;
  background-image: url("../../asset/images/wide-space-house/modal-open.svg");
  background-repeat: no-repeat;
  background-position: right 0 center;
  text-decoration: none;
  color: #fff;
}

.section-wide-product-info__title a.active {
  background-image: url("../../asset/images/wide-space-house/modal-close.svg");

}

.section-wide-product-info__title img {
  display: block;
  margin-right: 20px;
}

.section-wide-product-info__content {
  margin-top: 40px;
  display: none;
}

@media only screen and (min-width: 961px) {
  .section-wide-product-info__content-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 961px) {
  .product-info-list {
    width: 47.33%;
  }

  .product-info-list:nth-child(1n+2) {
    margin-left: 5.34%;
  }
}

@media only screen and (max-width: 960px) {
  .product-info-list:nth-child(1n+2) {
    /* margin-top: 32px; */
  }
}


.product-info-list__item {
  border-top: 1px solid #7E7E7E;
  padding: 30px 0;
}

.product-info-list__item:last-child {
  border-bottom: 1px solid #7E7E7E;
}

.product-info-list dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 12px;
}

.product-info-list dl dt {
  width: 96px;
}

.product-info-list dl dd {
  width: calc(100% - 96px);
}

.product-info-list__title {
  font-size: 12px;
}

.section-wide-product-info__content > img {
  display: block;
  width: 100%;
}

.section-wide-product-info__content > img:nth-child(1n+2) {
  margin-top: 60px;
}

.section-wide-product-info__content > img:only-child {
  margin-top: 0;
}

.section-wide-product-info__content > img + img {
  margin-top: 50px;
}

.section-wide-option {
  background-color: #000;
  color: #fff;
}

@media only screen and (min-width: 961px) {
  .section-wide-option {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-option {
    padding-top: 60px;
  }
}

.section-wide-option__title {
  text-align: center;
}

@media only screen and (min-width: 961px) {
  .section-wide-option__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-option__title {
    font-size: 20px;
  }
}

.section-wide-option__title img {
  display: block;
  margin: 0 auto;
}

.section-wide-option iframe {
  display: block;
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 961px) {
  .section-wide-option iframe {
    height: 448px;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-option iframe {
    width: calc(100% - 64px);
    height: 180px;
    margin-top: 30px;
  }
}

.section-wide-option__container {
  max-width: 1126px;
  margin: 0 auto;
}

@media only screen and (min-width: 961px) {
  .section-wide-option__container {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-option__container {
    padding: 0 32px;
  }
}

.section-wide-option__container img {
  width: 100%;
}

.section-wide-option__container img:nth-child(1n+2) {
  margin-top: 50px;
}

@media only screen and (max-width: 960px) {
  .section-wide-option .section-wide-product-content__btn {
    margin: 0 auto;
  }
}

.section-wide-faq {
  background-color: #000;
}

@media only screen and (min-width: 961px) {
  .section-wide-faq {
    padding: 120px 0;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-faq {
    padding: 40px 0;
  }
}

.section-wide-faq__container {
  margin: 0 auto;
  padding: 0 32px;
  max-width: 850px;
}

.wide-faq {
  background-color: #fff;
  padding: 20px;
}

.wide-faq:nth-child(1n+2) {
  margin-top: 20px;
}

.wide-faq__q {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .wide-faq__q {
    width: 28px;
  }
}

.wide-faq__title {
  text-align: center;
}

@media only screen and (min-width: 961px) {
  .wide-faq__title {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .wide-faq__title {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.wide-faq__text {
  border-top: 1px solid #E8E8E8;
  display: none;
}

@media only screen and (min-width: 961px) {
  .wide-faq__text {
    font-size: 14px;
    padding: 30px 30px 0 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .wide-faq__text {
    font-size: 12px;
    padding: 20px 0;
  }
}

.wide-faq__link {
  display: block;
  padding-top: 20px;
  border-top: 1px solid #E8E8E8;
}

.wide-faq__link img {
  display: block;
  margin: 0 auto;
}

.wide-faq__link img.hide {
  display: none;
}

.section-our-work .section-wide-product-content__inner {
  align-items: center;
}

.section-our-work .section-wide-product-content__sub-title {
  font-size: 22px;
}

@media only screen and (min-width: 961px) {
  .section-wide-construction {
    padding-bottom: 100px;
  }

  .section-hhd-construction {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-construction {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-hhd-construction {
    padding-bottom: 60px;
  }

  .section-wide-strong-point__item {
    /* padding: 0; */
  }

  .section-wide-strong-point__item--sp-padding {
    padding: 0;
  }

  .section-wide-strong-point__item:nth-child(1n+2) {
    margin-top: 20px;
  }
}

.section-wide-construction__lead {
  font-size: 12px;
  text-align: center;
  margin-top: 25px;
}

@media only screen and (min-width: 961px) {
  .section-wide-construction iframe {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 960px) {
  .section-wide-construction iframe {
    margin-bottom: 32px;
  }
  
}




.new-download-form {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.new-download-form__title {
  font-weight: bold;
  letter-spacing: 0.06em;
  text-align: center;
}

.new-download-form__inner {
  margin: 0 auto;
}

.new-download-form__row:nth-child(1n+2) {
  border-top: 1px solid #E3E3E3;
}

.new-download-form__label {
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.new-download-form__item {
  font-size: 16px;
}

.new-download-form__item input {
  display: block;
  width: 100%;
  height: 42px;
  border: 1px solid #D9D9D9;
  background-color: #f7f7f7;
  box-sizing: border-box;
  font-size: 16px;
  padding: 6px 12px;
}

.new-download-form__label .required {
  background-color: #ED0000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.25em;
  line-height: 1;
  padding: 4px 6px;
}

.new-download-form__mini-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

.new-download-form__min-label {
  flex-shrink: 0;
}

.form-privacy-box {
  overflow: scroll;
  border: 1px solid #D9D9D9;
}

.new-download-form__privacy {
  text-align: center;
}

.new-download-form__btn {
  margin-top: 20px;
}

.new-download-form__btn input {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 48px;
}

.new-download-form__btn .submit {
  color: #fff;
  background-color: #B4D544;
  -webkit-appearance: none;
  border: none;
}

@media only screen and (min-width: 961px) {
  .new-download-form {
    padding: 50px 32px;
  }

  .new-download-form__title {
    font-size: 18px;
  }

  .new-download-form__inner {
    max-width: 830px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .new-download-form__row {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 36px 0;
  }

  .new-download-form__label {
    width: 182px;
    flex-shrink: 0;
    margin-top: 12px;
  }

  .mw_wp_form_confirm .new-download-form__label {
    margin-top: 0;
  }

  .new-download-form__item {
    width: 100%;
    margin-left: 30px;
  }


  .new-download-form__min-label {
    width: 104px;
  }


  .new-download-form__mini-input:nth-child(1n+2) {
    margin-top: 20px;
  }

  .new-download-form__mini-input .mini-input {
    width: 208px;
  }

  .form-privacy-box {
    font-size: 12px;
    padding: 20px;
    height: 160px;
  }

  .new-download-form__btn {
    display: flex;
    justify-content: center;
  }

  .new-download-form__btn input {
    width: 260px;
  }

  .new-download-form__btn input:nth-child(1n+2) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .new-download-form {
    padding: 25px 20px;
    font-size: 14px;
    margin: 0 20px;
  }


  .new-download-form__mini-input:nth-child(1n+2) {
    margin-top: 15px;
  }

  .new-download-form__min-label {
    width: 92px;
    font-size: 12px;
  }

  .form-privacy-box {
    font-size: 10px;
    padding: 15px;
    height: 153px;
  }

  .new-download-form__row {
    padding: 30px 0;
  }

  .new-download-form__label {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .new-download-form__label .required {
    margin-right: 8px;
  }

  .new-download-form__item {
    margin-top: 10px;
  }

  .new-download-form__btn input {
    width: 100%;
  }

  .new-download-form__btn input:nth-child(1n+2) {
    margin-top: 20px;
  }
}

.section-pro-fv .section-wide {
  background-image: url("../../asset/images/pro/fv.jpg");
}

@media only screen and (min-width: 961px) {
  .section-pro-point {
    background-image: url("../../asset/images/pro/pro-point-bg.jpg");
  }
}

@media only screen and (max-width: 960px) {
  .section-pro-point::before {
    background-image: url("../../asset/images/pro/pro-point-bg.jpg");
  }
}

.section-hhd-fv .section-wide {
  background-image: url("../../asset/images/hhd/fv.jpg");
}

.section-gallery {
  padding-top: 120px;
  background-color: #000;
}

@media only screen and (max-width: 960px) {
  .section-gallery {
    padding-top: 60px;
  }
}

.section-gallery__container {
  max-width: 1126px;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .section-gallery__container {
    padding: 0 30px;
  }
}

.section-gallery__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  line-height: 1;
  font-size: 25px;
}

.section-gallery__title img {
  margin-right: 20px;
}

.section-gallery__content {
  margin-top: 40px;
  position: relative;
}

.section-gallery-slider .swiper-slide img {
  width: 100%;

}

.section-gallery__prev,
.section-gallery__next {
  width: 30px;
  height: 30px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section-gallery__prev:after,
.section-gallery__next:after {
  content: none;
}

.section-gallery__prev {
  left: -15px;
  background-image: url("../images/pro/gallery-slide-prev.svg");
}

.section-gallery__next {
  right: -15px;
  background-image: url("../images/pro/gallery-slide-next.svg");
}

@media only screen and (min-width: 961px) {
  .mfp-container {
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}


button.mfp-arrow {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
button.mfp-arrow::before, button.mfp-arrow::after {
  content: none;
}
button.mfp-arrow:active {
  margin-top: 0;
}


button.mfp-arrow-left {
  background-image: url("../images/pro/gallery-slide-prev.svg");
}
@media screen and (min-width: 769px) {
  button.mfp-arrow-left {
    left: -7px;
  }
}
@media screen and (max-width: 768px) {
  button.mfp-arrow-left {
    left: 20px;
  }
}
button.mfp-arrow-right {
  background-image: url("../images/pro/gallery-slide-next.svg");
}
@media screen and (min-width: 769px) {
  button.mfp-arrow-right {
    right: -7px;
  }
}
@media screen and (max-width: 768px) {
  button.mfp-arrow-right {
    right: 20px;
  }
}

.section-kyano-port .section-wide {
  background-image: url("../../asset/images/kyano-port/fv.jpg");
}

.section-kyano-port-realization .section-wide {
  background-image: url("../../asset/images/kyano-port/realization-fv.jpg");
}

.section-b-cano .section-wide {
  background-image: url("../../asset/images/b-cano/fv.jpg");
}

.section-kyano-port-realization .section-wide__title {
  line-height: 1.5;
}

.section-kyano-port-realization .section-wide__subtitle {
  margin-top: 20px;
  padding-top: 20px;
  position: relative;
  color: #fff;
}

.section-kyano-port-realization .section-wide__subtitle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #fff;
  font-weight: bold;
}

@media only screen and (min-width: 961px) {
  .section-kyano-port .section-wide,
  .section-kyano-port-realization .section-wide {
    padding-top: 264px;
  }

  .section-b-cano .section-wide {
    padding-top: 170px;
  }

  .section-kyano-port-realization .section-wide__title {
    font-size: 26px;
  }

  .section-kyano-port-realization .section-wide__subtitle {
    font-size: 20px;
  }
}

.section-kyano-port-snow__container {
  padding: 0 32px;
}

.section-kyano-port-snow__title,
.section-kyano-port-snow__subtitle {
  font-weight: bold;
  letter-spacing: 0.06em;
}

.section-kyano-port-snow__subtitle {
  margin-top: 20px;
  padding-top: 20px;
  position: relative;
}

.section-kyano-port-snow__subtitle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 1px;
  background-color: #000;
}

.section-kyano-port-snow__text {
  margin-top: 16px;
  line-height: 1.8;
}

.section-kyano-port-snow__image {
  margin-top: 40px;
}

.section-product-feature {
  background-color: #000;
  color: #fff;
}

.section-product-feature {
  padding-top: 40px;
}

.section-product-feature__container {
  padding: 0 32px;
}

.section-product-feature__title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.section-product-feature__content {
  margin-top: 32px;
}

.section-product-feature__content section h3 {
  font-size: 22px;
  font-weight: bold;
}

.section-product-feature__content section p {
  font-size: 14px;
  margin-top: 10px;
}

.section-product-feature__content section:nth-child(1n+2) {
  margin-top: 40px;
}

@media only screen and (min-width: 961px) {
  .section-kyano-port-snow {
    padding: 120px 0;
  }

  .section-kyano-port-snow__container {
    max-width: 1184px;
    margin: 0 auto;
  }

  .section-kyano-port-snow__title {
    font-size: 26px;
  }

  .section-kyano-port-snow__subtitle {
    font-size: 20px;
  }

  .section-kyano-port-snow__text {
    font-size: 12px;
  }

  .section-kyano-port-snow__image {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .section-kyano-port-snow__image img {
    width: 48.48%;
  }

  .section-product-feature__container {
    max-width: 1190px;
    margin: 0 auto;
  }

  .section-product-feature {
    padding-bottom: 80px;
  }

  .section-product-feature__title {
    font-size: 36px;
  }

  .section-product-feature__title img {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 960px) {
  .section-kyano-port-realization .section-wide {
    padding-top: 240px;
  }

  .section-hhd-fv .section-wide {
    padding-top: 300px;
  }

  .section-b-cano .section-wide {
    padding-bottom: 40px;
  }

  .section-kyano-port-snow {
    padding: 60px 0;
  }

  .section-kyano-port-snow__title {
    font-size: 20px;
  }

  .section-kyano-port-snow__subtitle {
    font-size: 18px;
  }

  .section-kyano-port-snow__text {
    font-size: 12px;
  }

  .section-kyano-port-snow__image img {
    width: 100%;
  }

  .section-kyano-port-snow__image img:nth-child(1n+2) {
    margin-top: 32px;
  }

  .section-product-feature__title {
    font-size: 28px;
  }

  .section-product-feature {
    padding-bottom: 40px;
  }

  .section-product-feature__content section h3 {
    font-size: 18px;
  }

  .section-product-feature__content section p {
    font-size: 12px;
  }

  .section-cano-b-construction {
    /* padding-bottom: 60px; */
  }

  .section-cano-b-construction iframe {
    margin-bottom: 0;
  }
}

.btn-green {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B0D906;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 700;
  height: 48px;
  border-radius: 24px;
}

.title-left-border {
  letter-spacing: 0.12em;
  border-left: 1px solid #B0D906;
  padding-left: 10px;
  font-weight: 500;
}

@media only screen and (min-width: 961px) {
  .title-left-border {
    font-size: 18px;
  }
}

@media only screen and (max-width: 960px) {
  .title-left-border {
    font-size: 16px;
  }
}

.seciton-a-site-fv {
  position: relative;
  margin-top: 22px;
}

.seciton-a-site-fv__slider {
  width: 100%;
  height: 100%;
}

.seciton-a-site-fv__slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.seciton-a-site-fv__title-area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}

.seciton-a-site-fv__subtitle {
  letter-spacing: 0.16em;
  margin-bottom: 0;
}

.seciton-a-site-fv__title {
  letter-spacing: 0.05em;
}

.seciton-a-site-fv__button {

  margin-left: auto;
  margin-right: auto;
}

.seciton-a-site-fv__button:hover {
  opacity: 0.8;
}

.seciton-a-site-fv__scroll {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  animation: arrowmove 1s ease-in-out infinite;
}

@keyframes arrowmove{
  0%{bottom:1%;}
  50%{bottom:3%;}
 100%{bottom:1%;}
}

.seciton-a-site-fv__scroll img {
  display: block;
  width: 44px;
  filter: drop-shadow(0 0 6px #000);
}

.section-store-catch__title {
  letter-spacing: 0.12em;
  font-weight: bold;
}

.section-store-catch__banner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section-store-catch__banner a {
  display: block;
}

.section-store-catch__banner a img {
  display: block;
  width: 100%;
}

/*
.section-store-catch__video {
  display: block;
  width: 100%;
  text-align: center;
}
*/
.section-store-catch__video,
.section-a-site-calendar__container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.section-store-catch__video iframe,
.section-a-site-calendar__container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


.section-a-site-article {
  border-top: 1px solid #EFEFEF;
}

.section-a-site-article__list p {
  margin-bottom: 0;
}

.section-a-site-article__list li {
  border-bottom: 1px solid #EFEFEF;
}

.section-a-site-article__list li a {
  color: #000;
  display: block;
}

.section-a-site-article__list li .image-wrap {
  
}

.section-a-site-article__list li .time {
  letter-spacing: 0.06em;
  color: #C6C6C6;
  font-size: 11px;
}

.section-a-site-article__list li .title,
.section-a-site-article__list li .text {
  letter-spacing: 0.12em;
}

.section-a-site-article__list li .title {
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}

.section-a-site-article__list li .text {
  font-size: 11px;
  margin-top: 10px;
}

.section-a-site-article__button {
  font-size: 12px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #B0D906;
  color: #B0D906;
  letter-spacing: 0.12em;
  height: 46px;
  border-radius: 23px;
  margin-left: auto;
  margin-right: auto;
}

.section-a-site-bg {
  background-color: #FAFAFA;
}

.section-a-site-map__title {
  font-size: 10px;
  letter-spacing: 0.11em;
  color: #646464;
  font-weight: 400;
}

.section-a-site-map__title strong {
  font-size: 22px;
  font-weight: 600;
  color: #B0D906;
}

.section-a-site-map__title-area dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
}

.section-a-site-map__title-area dl dt,
.section-a-site-map__title-area dl dd {
  padding: 15px 0;
}

.section-a-site-map__title-area dl dt:nth-of-type(1n+2),
.section-a-site-map__title-area dl dd:nth-of-type(1n+2) {
  border-top: 1px solid #D1D1D1;
}

.section-a-site-map__title-area dl dt {
  width: 80px;
}

.section-a-site-map__title-area dl dd {
  width: calc(100% - 80px);
}

.section-a-site-map__iframe {
  text-align: right;
}

.section-a-site-map__iframe iframe {
  display: block;
  width: 100%;
  height: 204px;
  margin-bottom: 15px;
}

.section-a-site-map__iframe a {
  color: #60BCFF;
  text-decoration: underline;
}

.section-exhibited-model {
  border-top: 1px solid #D9D9D9;
  margin-top: 50px;
  padding-top: 50px;
  position: relative;
  z-index: 0;
}

.section-exhibited-model__slider {
  position: relative;
  margin-top: 20px;
}

.section-exhibited-model__slider .swiper-button-prev,
.section-exhibited-model__slider .swiper-container-rtl .swiper-button-next,
.section-exhibited-model__slider .swiper-button-next,
.section-exhibited-model__slider .swiper-container-rtl .swiper-button-prev {
  width: 34px;
  height: 34px;
}

.section-exhibited-model__slider .swiper-button-prev::after,
.section-exhibited-model__slider .swiper-container-rtl .swiper-button-next::after,
.section-exhibited-model__slider .swiper-button-next::after,
.section-exhibited-model__slider .swiper-container-rtl .swiper-button-prev::after {
  content: none;
}

.section-exhibited-model__slider .swiper-button-prev,
.section-exhibited-model__slider .swiper-container-rtl .swiper-button-next {
  left: -17px;
  background-image: url("../images/a-site/icon-prev-active.svg");
}

.section-exhibited-model__slider .swiper-button-next,
.section-exhibited-model__slider .swiper-container-rtl .swiper-button-prev {
  right: -17px;
  background-image: url("../images/a-site/icon-next-active.svg");
}

.section-exhibited-model__slider .swiper-slide a {
  color: #000;
}

.section-exhibited-model__slider .swiper-slide img {
  width: 100%;
  aspect-ratio: 5/3;
  object-fit: cover;
  /* max-height: 130px; */
}

.section-exhibited-model__slider .swiper-slide h3 {
  font-weight: 400;
  letter-spacing: 0.12em;

}

.section-suppliers-list {
  margin-top: 50px;
}

.section-suppliers-list p {
  font-size: 12px;
  letter-spacing: 0.12em;
  margin: 18px 0 0 0;
}

.section-store-instagram {
  min-width: 326px;
  margin-top: 30px;
}

.section-store-instagram img {
  width: 100%;
}

.section-store-vr {
  margin-top: 30px;
}

.section-store-vr .btn-green {
  margin-top: 12px;
}

.section-sns-embedded img {
  display: block;
  width: 100%;
}

.section-sns-instagram {
  margin-top: 10px;
}

.section-a-site-blog-header__title img {
  display: block;
  margin: 0 auto;
}

.section-a-site-blog-header__breadcrumbs {
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 0;
}

.section-a-site-blog-list__info {
  display: flex;
  align-items: center;
}

.section-a-site-blog-list__info p {
  font-size: 12px;
  letter-spacing: 0.2em;
}

.section-a-site-blog-list__content {
  margin-top: 30px;
}

.section-a-site-blog-list .wp-pagenavi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.section-a-site-blog-list .wp-pagenavi a {
  border-radius: 20px;
  background-color: #EBEBEB;
}

.section-a-site-blog-list .wp-pagenavi .current {
  background-color: #b0d906;
  border-radius: 20px;
}

.section-a-site-blog-list-item {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #EFEFEF;
  color: #000;
}

.section-a-site-blog-list-item__image {
}

.section-a-site-blog-list-item__image img {
  display: block;
  width: 100%;
}

.section-a-site-blog-list-item__time {
  font-size: 11px;
  letter-spacing: 0.06em;
  color: #c6c6c6;
  margin-top: 15px;
}

.section-a-site-blog-list-item__title {
  font-size: 13px;
  letter-spacing: 0.12em;
  font-weight: 500;
  margin-top: 8px;
}

.section-a-site-blog-list .wp-pagenavi {
  margin-top: 40px;
}

.section-a-site-blog-content {
  padding-top: 50px;

}

.section-a-site-blog-content p {
  margin-bottom: 0;
}

.section-a-site-blog-content img {
  max-width: 100%;
}

.section-a-site-blog-content__thumbnail {
  width: 100%;
}

.section-a-site-blog-content__time {
  color: #B5B5B5;
  margin-top: 26px;
  font-size: 12px;
  font-weight: 500;
}

.section-a-site-blog-content__title {
  letter-spacing: 0.12em;
  font-size: 32px;
  font-weight: 500;
}

.section-a-site-blog-content h3 {
  letter-spacing: 0.12em;
  border-left: 1px solid #B0D906;
  padding-left: 10px;
  font-weight: 500;
}

@media only screen and (min-width: 961px) {
  .section-a-site-blog-content h3 {
    font-size: 14px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 960px) {
  .section-a-site-blog-content h3 {
    font-size: 14px;
    margin-top: 30px;
  }
}

.section-a-site-blog-content__inner {
  margin-top: 20px;
}

.section-a-site-blog-content p {
  margin-top: 20px;
}

.section-a-site-blog-content__container {
  border-bottom: 1px solid #D9D9D9;
}

.section-a-site-blog-content .page-navi {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.section-a-site-blog-content .page-navi li {
  font-size: 13px;
}

.section-a-site-blog-content .page-navi li:first-child {
  margin-right: 22px;
  padding-right: 22px;
  border-right: 1px solid #C7C7C7;
}

.section-a-site-blog-content .page-navi li:last-child {
  margin-left: 22px;
  padding-left: 22px;
  border-left: 1px solid #C7C7C7;
}

.section-a-site-blog-content .page-navi li a {
  color: #000;
}


@media only screen and (min-width: 961px) {
  .seciton-a-site-fv {
    width: 100%;
    height: 688px;
    /* height: 50.36vw;
    min-height: 688px; */
  }

  .seciton-a-site-fv__subtitle {
    font-size: 20px;
  }

  .seciton-a-site-fv__button {
    margin-top: 20px;
    width: 240px;
  }

  .section-a-site-content {
    padding-top: 100px;
  }

  .section-a-site-content__inner {
    /* display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1200px;
    padding: 0 32px;
    margin: 0 auto; */
  }

  .section-a-site-content__main {
    /* width: calc(100% - 290px); */
    max-width: 846px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-store-catch {

  }

  .section-store-catch__title {
    font-size: 30px;
    text-align: center;
  }

  .section-store-catch__video {
    margin-top: 50px;
  }

  .section-store-catch__banner {
    margin-top: 50px;
  }

  .section-store-catch__banner a {
    margin-bottom: 30px;
  }

  .section-store-catch__banner a.heaf {
    width: 48.22%;
  }

  .section-store-catch__banner a.full {
    width: 100%;
  }

  .section-a-site-article {
    padding-top: 60px;
    margin-top: 60px;
  }

  .section-a-site-article .section-a-site-article__list {
    margin-top: 30px;
  }

  .section-a-site-article__list li {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .section-a-site-article__list li a {
    display: flex;
  }

  .section-a-site-article__list li a .article-content {
    margin-left: 30px;
  }

  .section-a-site-article__list li .image-wrap {
    overflow: hidden;
    width: 218px;
    flex-shrink: 0;
  }

  .section-a-site-article__list li .image-wrap img {
    display: block;
    transition: all 0.3s linear;
	  max-width: 100%;
  }

  .section-a-site-article__list li a:hover .image-wrap img {
    transform: scale(1.1);
  }

  .section-a-site-article__list li .title {
    transition: all 0.3s linear;
  }

  .section-a-site-article__list li a:hover .title {
    color: #B0D906;
  }

  .section-a-site-article__button {
    width: 402px;
  }

  .section-a-site-content__side {
    /* width: 240px; */
  }

  .section-a-site-bg {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: 60px;
  }

  .section-a-site-bg__inner {
    max-width: 846px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-a-site-bg__main {
    /* width: calc(100% - 290px); */
  }

  .section-a-site-map {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .section-a-site-map__title-area {
    width: 40.41%;
  }

  .section-a-site-map__iframe {
    width: 50%;
  }

  .section-sns-embedded img:nth-child(1n+2) {
    margin-top: 30px;
  }

  .section-a-site-blog-header {
    margin-top: 22px;
  }

  .section-a-site-blog-header__title {
    margin-top: 80px;
    margin-bottom: 55px;
  }

  .section-a-site-blog-header__breadcrumbs #breadcrumbs {
    max-width: 1199px;
    padding: 0 32px;
    margin: 0 auto;
  }

  .section-a-site-blog-list__container {
    max-width: 952px;
    padding: 0 32px 80px 32px;
    margin: 0 auto;
  }

  .section-a-site-blog-list__info p {
    margin-left: 20px;
  }

  .section-a-site-blog-list-item {
    width: 23.61%;
    margin-left: 1.85%;
  }

  .section-a-site-blog-list-item:nth-child(4n+1),
  .section-a-site-blog-list-item:first-child {
    margin-left: 0;
  }

  .section-a-site-blog-list-item:nth-child(1n+5) {
    margin-top: 30px;
  }

  .section-a-site-blog-content__container {
    max-width: 950px;
    padding: 0 32px 40px 32px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .section-a-site-blog-content {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 960px) {
  .seciton-a-site-fv {
    width: 100%;
    height: 578px;
  }

  .seciton-a-site-fv__subtitle {
    font-size: 17px;
  }

  .seciton-a-site-fv__button {
    margin-top: 20px;
    width: 240px;
    height: 48px;
    border-radius: 24px;
  }

  .section-a-site-article__button {
    max-width: 312px;
    width: 100%;
  }

  .section-a-site-content {
    padding-top: 50px;
  }

  .section-store-catch__title {
    font-size: 16px;
  }

  .section-store-catch__video {
    margin-top: 20px;
    /*height: 178px;*/
  }

  .section-store-catch__banner {
    margin-top: 30px;
  }

  .section-store-catch__banner a:nth-child(1n+2) {
    margin-top: 20px;
  }

  .section-a-site-content__inner {
    width: 84%;
    margin: 0 auto;
  }

  .section-a-site-article {
    margin-top: 50px;
    padding-top: 50px;
  }

  .section-a-site-article__list {
    margin-top: 20px;
  }

  .section-a-site-article__list li:nth-child(1n+2) {
    margin-top: 20px;
  }

  .section-a-site-article__list li {
    padding-bottom: 20px;
  }

  .section-a-site-article__list li .image-wrap {
    width: 100%;
  }

  .section-a-site-article__list li .image-wrap img {
    width: 100%;
  }

  .section-a-site-bg {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
  }

  .section-a-site-bg__inner {
    width: 84%;
    margin: 0 auto;
  }

  .section-a-site-map__iframe {
    margin-top: 30px;
  }

  .section-a-site-content__side {
    margin-top: 30px;
  }

  .section-sns-embedded img:nth-child(1n+2) {
    margin-top: 20px;
  }

  .section-a-site-blog-header {
    margin-top: 22px;
  }

  .section-a-site-blog-header__breadcrumbs #breadcrumbs {
    display: block;
    width: 84%;
    margin: 0 auto;
  }

  .section-a-site-blog-header__title {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .section-a-site-blog-list {
    padding-bottom: 60px;
  }

  .section-a-site-blog-list__info {
    justify-content: space-between;
  }

  .section-a-site-blog-list__container {
    width: 84%;
    margin: 0 auto;
  }

  .section-a-site-blog-list-item:nth-child(1n+2) {
    margin-top: 30px;
  }

  .section-a-site-blog-content {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .section-a-site-blog-content__container {
    width: 84%;
    margin: 0 auto;
    padding-bottom: 30px;
  }


  .section-a-site-blog-list .wp-pagenavi a,
  .section-a-site-blog-list .wp-pagenavi .current,
  .section-a-site-blog-list .wp-pagenavi span {
    width: 30px;
    height: 30px;
    line-height: 32px;
    margin: 5px;
  }

  .section-a-site-blog-list .wp-pagenavi .extend {
    margin: 0;
  }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

}

/* スタッフ紹介 */
.section-stuff-list {
  margin-top: 50px;
}

.section-stuff-list .title-left-border {
  margin-bottom: 10px;
}

.section-stuff-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-evenly
}

.section-stuff-list li {
  margin-top: 10px;
}

.section-stuff-list li img {
  width: 160px;
  height: 200px;
}

.section-stuff-list li h3 {
  width: 160px;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .section-stuff-list ul {
    flex-wrap: wrap;
  }

  .section-stuff-list li {
    width: 48%;
  }

  .section-stuff-list li img {
    width: 100%;
    height: auto;
  }

  .section-stuff-list li h3 {
    width: 100%;
  }
  
}

.section-a-site-instagram {
  /* margin-top: 22px; */
  margin: 52px auto;
  max-width: 540px;
}

.section-a-site-instagram__container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.section-a-site-instagram__item {
  box-sizing: border-box;
}

.section-a-site-instagram__link {
  display: block;
}

.section-a-site-instagram__link img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 961px) {
  .section-a-site-instagram__container {
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -22px;
  }

  .section-a-site-instagram__item {
    width: 25%;
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 22px;
  }
}

@media only screen and (max-width: 960px) {
  .section-a-site-instagram__item {
    width: 25%;
  }
}

.section-a-site-calendar {
  border-top: 1px solid #D1D1D1;
}

.section-a-site-calendar__title {
  font-size: 10px;
  letter-spacing: 0.11em;
  color: #646464;
  font-weight: 400;
  margin-bottom: 20px;
}

.section-a-site-calendar__title strong {
  font-size: 22px;
  font-weight: 600;
  color: #B0D906;
}

@media only screen and (min-width: 961px) {
  .section-a-site-calendar {
    padding-top: 60px;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .section-a-site-calendar {
    padding-top: 30px;
    margin-top: 30px;
  }
}

.section-a-site-sales-copy p {
  letter-spacing: 0.12em;
  line-height: 1.76;
  font-weight: bold;
}

@media only screen and (min-width: 961px) {
  .section-a-site-sales-copy p {
    text-align: center;
    font-size: 26px;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .section-a-site-sales-copy p {
    font-size: 16px;
    margin-top: 40px;
  }

}

.section-a-site-article .a-site-instagram-slider {
  margin: 20px auto;
  max-width: 540px;
  /*margin-top: 20px;
  margin-right: -9.4%;*/
}

.section-a-site-article .a-site-instagram-slider .swiper-slide img {
  width: 100%;
}