@charset "UTF-8";

@font-face {

  font-family: 'Noto Sans TC';

  font-style: normal;

  font-weight: 100;

  src: url(../fonts/NotoSansTC-Thin.woff2) format("woff2"); }



@font-face {

  font-family: 'Noto Sans TC';

  font-style: normal;

  font-weight: 300;

  src: url(../fonts/NotoSansTC-Light.woff2) format("woff2"); }



@font-face {

  font-family: 'Noto Sans TC';

  font-style: normal;

  font-weight: 400;

  src: url(../fonts/NotoSansTC-Regular.woff2) format("woff2"); }



@font-face {

  font-family: 'Noto Sans TC';

  font-style: normal;

  font-weight: 500;

  src: url(../fonts/NotoSansTC-Medium.woff2) format("woff2"); }



@font-face {

  font-family: 'Noto Sans TC';

  font-style: normal;

  font-weight: 700;

  src: url(../fonts/NotoSansTC-Bold.woff2) format("woff2"); }



@font-face {

  font-family: 'Noto Sans TC';

  font-style: normal;

  font-weight: 900;

  src: url(../fonts/NotoSansTC-Black.woff2) format("woff2"); }



body {

  font-family: "Titillium Web", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;

  color: #777777;

  overflow-x: hidden;

  margin: 0 auto;

  font-weight: 400;

  line-height: 1;

  font-size: 16px;

  webkit-backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }



select, button, textarea, input, label {

  font-family: "Titillium Web", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;

  outline: none; }



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidde;

  backface-visibility: hidde;

  webkit-backface-visibility: hidden; }



table {

  border-collapse: collapse; }



a, a:focus {

  cursor: pointer;

  text-decoration: none;

  -webkit-transition: color 300ms;

  -moz-transition: color 300ms;

  -o-transition: color 300ms;

  transition: color 300ms;

  outline: none; }



a:hover,

a:focus {

  text-decoration: none; }



::-moz-selection {

  color: #fff;

  background: #61BADC; }



::selection {

  color: #fff;

  background: #61BADC; }



img {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.header-icon__line {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 13px;

  height: 25px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }

  .header-icon__line::before {

    content: "";

    display: block;

    width: 13px;

    height: 12px;

    background-size: 100px 100px;

    background-repeat: no-repeat;

    background-image: url("../images/icon.png?1025");

    background-position: 0 0;

    -webkit-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: background-image !important;

    -o-transition-property: background-image !important;

    transition-property: background-image !important; }

  .header-icon__line:hover::before {

    background-size: 100px 100px;

    background-repeat: no-repeat;

    background-image: url("../images/icon.png?1025");

    background-position: -13px 0; }



.logo-img {

  width: 206px; }



@media (max-width: 767px) {

  .navbar-header {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important; }

    .navbar-header::before, .navbar-header::after {

      display: none; } }



.navbar-header__logo {

  display: none; }

  @media (max-width: 767px) {

    .navbar-header__logo {

      display: block;

      width: 160px; }

      .navbar-header__logo img {

        width: 100%; } }



@media (max-width: 991px) {

  .main-header .header-upper {

    display: none; } }



@media (max-width: 991px) {

  .main-header .outer-area .single-info-box {

    display: none; } }



.footer-logo img {

  width: 203px; }



.footer-block {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: 100%; }

  @media (max-width: 991px) {

    .footer-block {

      -ms-flex-wrap: wrap;

      flex-wrap: wrap; } }



@media (max-width: 991px) {

  .footer-item {

    margin-top: 60px; }

    .footer-item:first-child {

      margin-top: 0; } }



.footer-item:first-child {

  width: calc(100% - 600px);

  padding-right: 80px; }

  @media (max-width: 991px) {

    .footer-item:first-child {

      width: 100%;

      padding-right: 0; } }



@media (max-width: 991px) {

  .footer-item:last-child {

    display: none; } }



.footer-item:nth-child(2) {

  width: 360px;

  padding-right: 40px; }

  @media (max-width: 991px) {

    .footer-item:nth-child(2) {

      width: 100%;

      padding-right: 0; } }



.footer-item:nth-child(3) {

  width: 240px; }

  @media (max-width: 991px) {

    .footer-item:nth-child(3) {

      width: 100%;

      padding-right: 0; } }



.footer-item__title {

  font-size: 20px;

  font-weight: 400;

  color: #ffffff;

  margin-bottom: 30px; }



.footer-item__infodetail {

  font-size: 15px;

  font-weight: 300;

  color: #f9f9f9;

  margin-top: 30px; }

  .footer-item__infodetail:first-child {

    margin-top: 0; }

  .footer-item__infodetail a {

    color: #f9f9f9;

    -webkit-transition: opacity 0.3s ease;

    -o-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease; }

    .footer-item__infodetail a:hover {

      opacity: 0.8; }



.footer-item__link {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: 100%;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }



.footer-item__linkdetail {

  width: 50%;

  font-size: 15px;

  font-weight: 300;

  color: #f9f9f9;

  -webkit-transition: opacity 0.3s ease;

  -o-transition: opacity 0.3s ease;

  transition: opacity 0.3s ease;

  margin-top: 30px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }

  .footer-item__linkdetail::before {

    content: "";

    display: block;

    width: 6px;

    height: 9px;

    background-size: 100px 100px;

    background-repeat: no-repeat;

    background-image: url("../images/icon.png?1025");

    background-position: -60px 0;

    margin-right: 10px; }

  .footer-item__linkdetail:hover {

    opacity: 0.8;

    color: #f9f9f9 !important; }

    .footer-item__linkdetail:hover::before {

      opacity: 1; }

  .footer-item__linkdetail:nth-child(1), .footer-item__linkdetail:nth-child(2) {

    margin-top: 0; }



.indexbanner-item {

  overflow: hidden;

  height: 35vw;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover; }

  @media (max-width: 991px) {

    .indexbanner-item {

      height: 80vw; } }

  .indexbanner-item::before {

    content: "";

    display: block;

    background: -webkit-gradient(linear, left top, right top, from(#22232a), to(rgba(34, 35, 42, 0)));

    background: -webkit-linear-gradient(left, #22232a 0%, rgba(34, 35, 42, 0) 100%);

    background: -o-linear-gradient(left, #22232a 0%, rgba(34, 35, 42, 0) 100%);

    background: linear-gradient(to right, #22232a 0%, rgba(34, 35, 42, 0) 100%);

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1; }

  .indexbanner-item .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 2;

    position: relative; }

  .indexbanner-item__box {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 600px; }

    @media (max-width: 991px) {

      .indexbanner-item__box {

        width: 400px; } }

    @media (max-width: 575px) {

      .indexbanner-item__box {

        width: 100%; } }

  .indexbanner-item__subtitle {

    color: #61badc;

    font-size: 1.5625em;

    font-weight: 400;

    line-height: 1em;

    display: -webkit-box;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    max-height: 1em; }

    @media (max-width: 991px) {

      .indexbanner-item__subtitle {

        font-size: 1.125em; } }

  .indexbanner-item__title {

    color: #fff;

    font-size: 3.125em;

    font-weight: 500;

    line-height: 1em;

    display: -webkit-box;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    max-height: 1em;

    margin-top: 15px; }

    @media (max-width: 991px) {

      .indexbanner-item__title {

        font-size: 2em; } }

  .indexbanner-item__text {

    color: rgba(255, 255, 255, 0.7);

    font-size: 0.875em;

    font-weight: 300;

    line-height: 1.6em;

    display: -webkit-box;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    max-height: 4.8em;

    margin-top: 30px; }

    @media (max-width: 767px) {

      .indexbanner-item__text {

        display: none; } }

  .indexbanner-item__btn {

    font-size: 1em;

    font-weight: 400;

    color: #fff !important;

    background: #61badc;

    border: 1px solid #61badc;

    padding: 5px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-width: 120px;

    min-height: 50px;

    margin-top: 30px;

    -webkit-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: background !important;

    -o-transition-property: background !important;

    transition-property: background !important; }

    .indexbanner-item__btn:hover {

      background: rgba(97, 186, 220, 0); }



.indexbanner .slick-prev {

  left: 20px; }

  @media (max-width: 1199px) {

    .indexbanner .slick-prev {

      left: 10px; } }

  @media (max-width: 767px) {

    .indexbanner .slick-prev {

      left: 5px; } }



.indexbanner .slick-next {

  right: 20px; }

  @media (max-width: 1199px) {

    .indexbanner .slick-next {

      right: 10px; } }

  @media (max-width: 767px) {

    .indexbanner .slick-next {

      right: 5px; } }



.indexbanner .slick-next, .indexbanner .slick-prev {

  width: 35px;

  height: 40px;

  z-index: 1;

  font-size: 0;

  -webkit-transition: opacity 0.3s ease;

  -o-transition: opacity 0.3s ease;

  transition: opacity 0.3s ease;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  top: calc(50% - 20px);

  opacity: 0.6;

  background: rgba(0, 0, 0, 0.3); }

  @media (max-width: 767px) {

    .indexbanner .slick-next, .indexbanner .slick-prev {

      width: 30px;

      height: 30px; } }



.indexbanner .slick-next:hover, .indexbanner .slick-prev:hover {

  opacity: 1; }



.indexbanner .slick-prev:before {

  color: transparent;

  opacity: 0.5;

  background-size: 100px 100px;

  background-repeat: no-repeat;

  background-image: url("../images/icon.png?1025");

  background-position: -26px 0;

  width: 10px;

  height: 12px; }



.indexbanner .slick-next:before {

  color: transparent;

  opacity: 0.5;

  background-size: 100px 100px;

  background-repeat: no-repeat;

  background-image: url("../images/icon.png?1025");

  background-position: -36px 0;

  width: 10px;

  height: 12px; }



.indexbanner .slick-next.slick-disabled, .indexbanner .slick-prev.slick-disabled {

  opacity: 0;

  display: none;

  width: 0;

  height: 0; }

  .indexbanner .slick-next.slick-disabled:before, .indexbanner .slick-prev.slick-disabled:before {

    display: none; }



.indexabout-title {

  font-size: 1.875em;

  font-weight: 500;

  color: #333333;

  position: relative;

  margin-top: 15px; }



.indexabout-btn {

  margin-top: 40px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex; }



.indexabout .btn-style-one, .indexabout .btn-style-two {

  width: 120px;

  height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 5px !important;

  font-weight: 300;

  font-size: 1em; }



@media (max-width: 1199px) {

  .video-section:after {

    height: 370px; } }



@media (max-width: 991px) {

  .video-section:after {

    height: 500px; } }



@media (max-width: 767px) {

  .video-section:after {

    height: 350px; } }



@media (max-width: 479px) {

  .video-section:after {

    height: 250px; } }



.indexprocess {

  background: url("../images/index/indexprocess-bg.jpg");

  padding-top: 80px;

  padding-bottom: 80px;

  background-size: auto;

  background-repeat: no-repeat;

  background-position: right top; }

  @media (max-width: 1199px) {

    .indexprocess {

      background-position: right -200px top; } }

  .indexprocess-title {

    text-align: center; }

    .indexprocess-title .section-title {

      color: #22232a; }

  .indexprocess-block {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 100%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 75px; }

    @media (max-width: 575px) {

      .indexprocess-block {

        margin-bottom: 30px;

        margin-left: -10px; } }

    .indexprocess-block:last-child {

      margin-bottom: 0; }

  .indexprocess-item {

    width: 20%;

    margin-top: 75px; }

    .indexprocess-item:nth-child(1) {

      margin-top: 0; }

    .indexprocess-item:nth-child(2) {

      margin-top: 0; }

    .indexprocess-item:nth-child(3) {

      margin-top: 0; }

    .indexprocess-item:nth-child(4) {

      margin-top: 0; }

    .indexprocess-item:nth-child(5) {

      margin-top: 0; }

    .indexprocess-item:nth-child(5) {

      position: relative; }

      .indexprocess-item:nth-child(5)::before {

        content: "";

        display: block;

        width: 35px;

        height: 24px;

        background-size: 100px 100px;

        background-repeat: no-repeat;

        background-image: url("../images/icon.png?1025");

        background-position: 0 -12px;

        position: absolute;

        left: 0px;

        top: 59px; }

        @media (max-width: 767px) {

          .indexprocess-item:nth-child(5)::before {

            -webkit-transform: scale(0.5);

            -ms-transform: scale(0.5);

            transform: scale(0.5);

            margin-left: 5px; } }

        @media (max-width: 575px) {

          .indexprocess-item:nth-child(5)::before {

            margin-left: auto;

            margin-right: auto;

            left: calc((50%  - 7px) + 15px);

            top: -25px;

            background-size: 100px 100px;

            background-repeat: no-repeat;

            background-image: url("../images/icon.png?1025");

            background-position: -46px 0;

            width: 14px;

            height: 20px; } }

    @media (max-width: 1199px) {

      .indexprocess-item {

        width: 33.33%; }

        .indexprocess-item:nth-child(4), .indexprocess-item:nth-child(5) {

          margin-top: 75px; } }

    @media (max-width: 575px) {

      .indexprocess-item {

        width: 100%;

        margin-top: 30px; }

        .indexprocess-item:nth-child(2) {

          margin-top: 30px; }

        .indexprocess-item:nth-child(3) {

          margin-top: 30px; }

        .indexprocess-item:nth-child(4) {

          margin-top: 30px; }

        .indexprocess-item:nth-child(5) {

          margin-top: 30px; }

        .indexprocess-item:nth-child(1) {

          margin-top: 0; } }

    .indexprocess-item__img {

      text-align: center; }

      .indexprocess-item__img img {

        width: 170px;

        max-width: 100%; }

    .indexprocess-item__title {

      text-align: center;

      padding-left: 45px;

      padding-top: 30px;

      font-size: 1.25em;

      font-weight: 400;

      color: #555555; }

      @media (max-width: 479px) {

        .indexprocess-item__title {

          padding-top: 15px; } }



.product-info__head {

  font-size: 16px;

  color: #61BADC;

  font-weight: 400;

  padding-bottom: 15px;

  border-bottom: 1px solid #DDDDDD;

  width: 100%;

  position: relative;

  margin-bottom: 30px; }

  .product-info__head::after {

    content: "";

    display: block;

    width: 60px;

    height: 1px;

    background: #61BADC;

    position: absolute;

    bottom: -1px;

    left: 0; }



.product-info__subtitle {

  color: #333333;

  font-weight: 400;

  margin-bottom: 30px; }



.product-info__footer {

  padding-top: 50px; }



.product-info__btn {

  width: 120px;

  height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 16px;

  color: #999999;

  font-weight: 300;

  border: 1px solid #DDDDDD;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color, background !important;

  -o-transition-property: color, background !important;

  transition-property: color, background !important; }

  .product-info__btn:hover {

    background: #DDDDDD;

    color: #fff; }



.product-icon__line {

  width: 35px;

  height: 35px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: #00c300;

  -webkit-border-radius: 100%;

  border-radius: 100%; }

  .product-icon__line::before {

    content: "";

    width: 17px;

    height: 16px;

    background-size: 100px 100px;

    background-repeat: no-repeat;

    background-image: url("../images/icon.png?1025");

    background-position: -36px -20px;

    display: block;

    -webkit-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: background-image !important;

    -o-transition-property: background-image !important;

    transition-property: background-image !important; }



.ckeditor-body {

  line-height: 26px;

  color: #999999;

  font-weight: 300; }

  .ckeditor-body h1 {

    font-size: 24px; }

  .ckeditor-body h2 {

    font-size: 22px; }

  .ckeditor-body h3 {

    font-size: 20px; }

  .ckeditor-body h4 {

    font-size: 18px; }

  .ckeditor-body h5 {

    font-size: 15px; }

  .ckeditor-body h6 {

    font-size: 14px; }

  .ckeditor-body p {

    padding-top: 15px;

    padding-bottom: 15px;

    color: #999999;

    font-weight: 300;

    margin-bottom: 0; }

    .ckeditor-body p:first-child {

      padding-top: 0; }

    .ckeditor-body p:last-child {

      padding-bottom: 0; }

  .ckeditor-body img {

    max-width: 100%; }

  .ckeditor-body a {

    color: #61BADC;

    -webkit-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .ckeditor-body a:hover {

      color: #333; }

  .ckeditor-body table {

    border-collapse: collapse;

    margin-right: auto;

    margin-left: auto; }

  .ckeditor-body th, .ckeditor-body td, .ckeditor-body table {

    border: 1px solid #dddddd; }

  .ckeditor-body td {

    padding: 10px 5px; }

  .ckeditor-body ul li {

    list-style-type: disc; }

  .ckeditor-body ul ol li {

    list-style: decimal; }

  .ckeditor-body ul, .ckeditor-body ol {

    margin-left: 20px;

    margin-bottom: 0;

    padding-top: 15px;

    padding-bottom: 15px; }

  .ckeditor-body blockquote {

    border-left: 6px solid #999999;

    background: rgba(255, 255, 255, 0.6);

    color: #fff;

    padding: 10px 15px;

    margin-top: 15px;

    margin-bottom: 15px; }

    .ckeditor-body blockquote p {

      color: #999999;

      font-size: 16px;

      padding-top: 0;

      padding-bottom: 0; }

  .ckeditor-body iframe {

    height: 450px; }

    @media (max-width: 991px) {

      .ckeditor-body iframe {

        height: 350px; } }

    @media (max-width: 575px) {

      .ckeditor-body iframe {

        height: 250px; } }

    @media (max-width: 479px) {

      .ckeditor-body iframe {

        height: 200px; } }



.newslist-img {

  width: 100%;

  height: 250px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  display: block; }

  @media (max-width: 1199px) {

    .newslist-img {

      height: 195px; } }

  @media (max-width: 991px) {

    .newslist-img {

      height: 230px; } }

  @media (max-width: 767px) {

    .newslist-img {

      height: 490px; } }

  @media (max-width: 575px) {

    .newslist-img {

      height: 360px; } }

  @media (max-width: 479px) {

    .newslist-img {

      height: 300px; } }

  @media (max-width: 414px) {

    .newslist-img {

      height: 285px; } }

  @media (max-width: 413px) {

    .newslist-img {

      height: 230px; } }

  @media (max-width: 374px) {

    .newslist-img {

      height: 195px; } }



.news-footer {

  margin-top: 50px; }



.news-btn {

  width: 120px;

  height: 50px;

  font-size: 16px;

  color: #999999;

  font-weight: 300;

  border: 1px solid #DDDDDD;

  line-height: 50px;

  text-align: center;

  display: block;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color, background, border-color !important;

  -o-transition-property: color, background, border-color !important;

  transition-property: color, background, border-color !important; }

  .news-btn:hover {

    background: #61badc;

    color: #fff;

    border-color: #61badc; }



.news-icon:hover .news-icon__line {

  background-size: 100px 100px;

  background-repeat: no-repeat;

  background-image: url("../images/icon.png?1025");

  background-position: -79px 0; }



.news-icon__line {

  width: 13px;

  height: 12px;

  background-size: 100px 100px;

  background-repeat: no-repeat;

  background-image: url("../images/icon.png?1025");

  background-position: -66px 0;

  display: block;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: background-image !important;

  -o-transition-property: background-image !important;

  transition-property: background-image !important; }



.contact-icon__time {

  width: 42px;

  height: 42px;

  background-size: 100px 100px;

  background-repeat: no-repeat;

  background-image: url("../images/icon.png?1025");

  background-position: 0 -36px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 20px; }



.google-map-area iframe {

  width: 100%;

  height: 500px; }

  @media (max-width: 575px) {

    .google-map-area iframe {

      height: 300px; } }



.honor-about {

  padding-top: 80px;

  padding-bottom: 50px; }

  .honor-about__title {

    color: #22232a;

    margin-bottom: 50px; }

    .honor-about__title::after {

      margin-left: 0; }

  .honor-about__text {

    font-size: 16px;

    font-weight: 300;

    color: #999999;

    line-height: 1.625; }



.honor-license {

  padding-top: 80px;

  padding-bottom: 90px; }

  .honor-license__title {

    color: #22232a;

    margin-bottom: 50px; }

    .honor-license__title::after {

      margin-left: 0; }

  .honor-license__block {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: calc(100% + 30px);

    margin-left: -15px;

    margin-right: -15px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    @media (max-width: 575px) {

      .honor-license__block {

        width: 100%;

        margin-left: 0;

        margin-right: 0; } }

  .honor-license__item {

    width: calc(33.33% - 30px);

    margin-left: 15px;

    margin-right: 15px;

    margin-top: 30px; }

    .honor-license__item:nth-child(1) {

      margin-top: 0; }

    .honor-license__item:nth-child(2) {

      margin-top: 0; }

    .honor-license__item:nth-child(3) {

      margin-top: 0; }

    @media (max-width: 991px) {

      .honor-license__item {

        width: calc(50% - 30px); }

        .honor-license__item:nth-child(3) {

          margin-top: 30px; } }

    @media (max-width: 575px) {

      .honor-license__item {

        width: 100%;

        margin-left: 0;

        margin-right: 0; } }

  .honor-license__img {

    border: 1px solid #dcdcdc;

    text-align: center; }

    .honor-license__img img {

      width: 100%; }

  .honor-license__text {

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

    color: #323232;

    margin-top: 15px; }



/* 2018/12/05 Max */

.product__itembox {

  display: flex;

  flex-wrap: wrap;

}