.mv__image{}

ol.breadcrumb { margin-left: 20px; margin-top: 20px; list-style: none; }
ol.breadcrumb li { display: inline; font-size: 15px; }
ol.breadcrumb li+li:before { content: "\03e"; padding-right: 6px; padding-left: 3px; color: #333; }
ol.breadcrumb li a { color: #333; text-decoration: none; letter-spacing: 0; }
ol.breadcrumb li a:hover { opacity: 0.8; }
@media only screen and (max-width: 767px) {
  ol.breadcrumb li { font-size: 14px; }
}
.mv .mv-wrap { height: 100%; }
#mv-page { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mv-page img { max-width: 320px; position: absolute; right: 0; bottom:0; }
#hero-line { display: none; }
.bottom-links a:first-child { display: none; }
.bottom-links a { display: none; }
.hero-text { width: 100%; z-index: 9; position:absolute; top:50%; left:50%; text-align: center; transform: translate(-50%, -50%); color: #fff; font-size:42px; }
#hero-about-button a{ display: flex; align-items: center; }
#hero-about-button a:after{ content:''; background-image: url(../images/common/btn-arr.svg); float: right; height: 10px; width: 30px; margin-left:20px; }



@media only screen and (max-width: 600px) {
    #mv-page img{max-width: 250px}
}
/*slider pages */
.sec2 { margin-top: 40px }
.sec2 h2 { font-size: 25px; text-align: center; }
.sec2 h3 { font-size: 22px; }
.sec2 .content { background:#FAFAFA }
.sec2 .content .s { display: grid!important; grid-template-columns: 1fr 56%; column-gap: 40px; }
.sec2 .content .s:nth-of-type(odd) { grid-template-columns: 56% 1fr; }
.sec2 .s h3 { margin-bottom: 15px; }
.sec2 .content ul { position: absolute; right: 0; display: grid; grid-template-columns: 1fr 1fr; padding-top: 15px; grid-gap: 15px; }
.sec2 .content ul li { display:inline; cursor: pointer; }
.sec2 .content .left { position: relative; }
.sec2 .content .right { display: grid; align-items: center; }
.sec2 .text { margin-right: 50px; }
.sec2 .text p { text-align: left; }
.sec2 .s:nth-child(even) .left { grid-column: 2/3; }
.sec2 .s:nth-child(even) .right { grid-column: 1/2;grid-row: 1/2; }
.sec2 .s:nth-child(even) .right .text { margin-right: 0; padding-left: 50px; }
.sec2 .s:nth-child(even) ul { margin-right: 40px; }
.sec2 .bot .wrapper { display: grid; grid-template-columns: 29.2% 1fr; column-gap: 40px }
.sec2 .bot .text { margin-right: 0; }
/*.sec2 .bot img { height: 100%; max-width: 350px; }*/

.sec3 { margin-bottom: 20px }
.sec3 .items { display: grid;grid-template-columns: repeat(4,1fr);row-gap: 100px;justify-items: center;margin-top:0;column-gap:25px }
.sec3 .item { max-width: 224px; }
.sec3 h2 { font-size: 25px; text-align: center; margin-bottom:70px;}
.sec3 h3 { text-align: center;font-size:26px}
.sec3 p { font-size: 15px; line-height: 2em;}

@media only screen and (max-width: 1300px) {
  .sec2 .content .s { column-gap: 40px; }
}

@media only screen and (max-width: 800px) {
  .sec2 .content .slider_item { height: auto!important; }
  .sec3 .items { grid-template-columns: repeat(2,1fr); }
  .slider2 .slick-list, .slider2 .slick-slide { height: auto!important; }
}
@media only screen and (max-width: 767px) {
  .hero-text { font-size: 5.7vw; }
  .sec2 .content .s { grid-template-columns: 1fr; column-gap:0; row-gap: 40px; }
  .sec2 .content .left { max-width: 100vw; }
  .sec2 .content .right { grid-row: 2/3 }
  .sec2 .s:nth-child(even) .right { grid-column: 1/3; grid-row: 2/3; }
  .sec2 .s ul { margin-right: 40px; }
  .sec2 .text { margin: 0 !important; padding: 0 25px!important; }
  .sec2 .bot .wrapper { grid-template-columns: 1fr; column-gap: 0px; row-gap: 0; padding:0; }
  .sec2 .bot img {margin:0 auto;max-width: 100%;}
}
/*@media only screen and (max-width: 670px) {
  .items2{grid-template-columns: 1fr;}
  .items{grid-template-columns: 1fr;row-gap: 40px;}
  .items2 .right {max-width: 100%;max-height: 100%;}
  .items{margin-right:0}
  .items2{margin-left:0}
  .sec2 .content .s { grid-template-columns: 1fr; }
  .sec2 .content .left {max-width: 100vw;}
  .sec2 .s:nth-child(even) .right { grid-column: 1/3; grid-row: 2/3; }
  .sec2 .content .right { grid-row:2/3 }
  .sec2 .content .s { column-gap:0;row-gap: 40px;}
  .sec2 .s ul {
    margin-right: 40px;
  }
 .wrapper{margin:0 auto}
}

@media only screen and (max-width: 500px) {
  .sec3 .items {
    grid-template-columns: 1fr;
  }
}*/