.banner_mb {display: none;}
@media only screen and (max-width:1023px){
  .banner_pc {display: none;}
  .banner_mb {display: block;}
}

.fotorama__nav-wrap {position: absolute;left: 0;bottom: 0;z-index: 99;}
.fotorama__dot {width: 16px !important; height: 16px !important;border-radius: 2px !important;background-color: #dddddd;border: 0 !important;}
.fotorama__nav--dots .fotorama__nav__frame {margin-right: 8px;}
.fotorama__nav--dots .fotorama__nav__frame:hover .fotorama__dot{background-color: #c6000d;}
.fotorama__active .fotorama__dot{background-color: #c6000d;}


.section_about {padding: 180px 0 480px;background-image: url(../images/idx-about-bg.jpg);background-repeat: no-repeat;background-position: right bottom;position: relative;overflow-x: hidden;}
.idx_about_mac_img {position: absolute;right: 0;bottom: 16%;text-align: right;line-height: 0;}
.idx_about {display: flex;flex-wrap: wrap;}
.idx_about_left {width: 54.2%;}
.idx_about_right {width: 45.8%;padding-left: 6%;}
.idx_about_left_img {position: relative;margin-left: auto;max-width: 684px;line-height: 0;}
.idx_about_left_img img{position: relative;z-index: 3;}
.idx_about_left_img::after {width: 100%;height: 100%;background-image: url('../images/idx-about-rbg.jpg');background-repeat: no-repeat; position: absolute;content: '';left: -40px;top: -40px;z-index: 2;}
.idx_about_left_img::before {width: 100%;height: 100%;background-image: url('../images/idx-about-a2.png');background-repeat: no-repeat; position: absolute;content: '';left: -124px;top: -104px;z-index: -1;}
.idx_about_left_img_a {width: 240px;height: 24px;position: absolute;bottom: -24px;right: 0;background-color: #ff4d4d;}
.idx_about_right .title_box {margin-bottom: 32px;}
.idx_about_text p {margin-bottom: 0;font-weight: 600;}
@media only screen and (max-width:1600px) {
  .idx_about_mac_img img {width: 80%;}
}
@media only screen and (max-width:1400px) {
  .idx_about_left_img::after {left: -28px;top: -28px;}
}
@media only screen and (max-width:1200px) {
  .idx_about_left {width: 100%;}
  .idx_about_left_img {margin: 0 auto 40px;}
  .idx_about_right {width: 100%;padding: 0;}
  .idx_about_mac_img {bottom: 16%;}
}
@media only screen and (max-width:1024px) {
  .idx_about_mac_img {bottom: 15%;}
  .idx_about_mac_img img {width: 90%;}
  .section_about {padding-top: 140px;}
}
@media only screen and (max-width:576px) {
  .idx_about_mac_img {bottom: 18%;}
  .idx_about_left_img::before {left: 0;}
  .idx_about_right .title_box {margin-bottom: 20px;}
  .section_about {padding: 60px 0 380px;}
  .fotorama__dot {width: 8px !important; height: 8px !important;}
  .fotorama__nav-wrap {bottom: -14px;}
  .fotorama__nav--dots .fotorama__nav__frame {width: auto !important;}
}


.section_product .title_color_block_lb::before {width: 100px;}
.section_product {margin-top: -188px;padding-bottom: 188px;}
.section_product .title_box {margin-bottom: 60px;}
.idx_product_lists {display: flex;flex-wrap: wrap}
.idx_product_list {width: 22.2%;margin-right: 3.73%;position: relative;}
.idx_product_list:last-child {margin-right: 0;}
.idx_product_list_img {padding-bottom: 94%;border: 1px solid #ddd;}
.idx_product_list_img img {transition: all .3s ease-in-out;}
.idx_product_list_txt {font-size: 18px;background-color: #ff4d4d;padding: 0 10px;color: #fff;margin: 0;min-height: 60px;display: flex;align-items: center;justify-content: center;transition: all .3s;}
.idx_product_list_txt h3 {font-size: 18px;color: #fff;margin: 0;max-width: 210px;letter-spacing: 1px;}
.idx_product_list:hover .idx_product_list_img img {transform: scale(1.05);}
.idx_product_list:hover .idx_product_list_txt {background-color:#c6000d;}
@media only screen and (max-width:768px) {
  .idx_product_list {width: 48%;margin:0 4% 32px 0;}
  .idx_product_list:nth-of-type(2n+2) {margin-right: 0;}
  .section_product {padding-bottom: 80px;}
}
@media only screen and (max-width:576px) {
  .idx_product_list {width: 100%;margin:0 0 32px 0;}
  .idx_product_list:last-child {margin-bottom: 0;}
  .section_product {padding-bottom: 60px;}
}
/* feature */
.section_feature {padding: 130px 0 160px;background-image: url(../images/idx-feature-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.section_feature .title_box {text-align: center;color: #fff;}
.section_feature .title_color_block::before {left: 50%;top: -30px;transform: translateX(-50%);}
.section_feature .title_txt {line-height: 1;margin-top: 10px;letter-spacing: 3px;}
.section_feature .title_box span {font-size: 18px;}
.feature_items {display: flex;flex-wrap: wrap;margin-top: 40px;}
.feature_item {width: 28%;padding: 56px 32px 32px;color: #fff;position: relative;background: #ff4d4d;margin-right: 8%;min-height: 476px;}
.feature_item:last-child {margin-right: 0;}
.feature_item_img {text-align: center;position: relative;z-index: 3;}
.feature_item_title {margin: 20px 0;text-align: center;font-size: 20px;position: relative;z-index: 3;}
.feature_item_txt {position: relative;z-index: 3;}
.feature_item_imgbg {position: absolute;right: 0;top: 0;bottom: 0; z-index: 2;width: 100%;}
@media only screen and (max-width:768px) {
  .section_feature {padding: 90px 0 100px;}
  .feature_items {justify-content: center;}
  .feature_item {width: 48%;margin:0 4% 32px 0;}
  .feature_item:nth-of-type(2n+2) {margin-right: 0;}
  .feature_item:last-child {margin-bottom: 0;}
  .section_product {padding-bottom: 80px;}
}
@media only screen and (max-width:576px) {
  .section_feature {padding: 70px 0 90px;}
  .feature_item {width: 100%;margin:0 0 32px 0;}
  .section_product {padding-bottom: 80px;}
}
/* strength */
.section_strength {padding: 100px 0;}
.section_strength .title_box {text-align: center;}
.section_strength .title_color_block::before {left: 50%;transform: translateX(-50%);bottom: -14px;}
.strength_items {display: flex;flex-wrap: wrap;margin-top: 60px;}
.strength_itme {width: 22.75%;margin-right: 3%;padding: 32px 0;}
.strength_itme:last-child {margin-right: 0;}

.strength_item_title {background-color: #ff4d4d;text-align: center;}
.strength_item_title h3 {font-size: 18px;color: #fff;padding: 9px 0;line-height: 1.5;margin: 50px 0 24px;}
.strength_item_txt p {font-size: 18px;margin-bottom: 0;line-height: 1.5;font-weight: 600;}
.strength_itme_img {padding-bottom: 50%;}
@media only screen and (max-width:768px) {
  .section_strength {padding: 60px 0 40px;}
  .feature_items {justify-content: center;}
  .strength_itme {width: 48%;margin:0 4% 16px 0;padding: 16px 0;}
  .strength_itme:nth-of-type(2n+2) {margin-right: 0;}
  .strength_itme:last-child {margin-bottom: 0;}
  .section_product {padding-bottom: 80px;}
  .strength_item_title h3 {margin: 24px 0 12px;}
}
@media only screen and (max-width:576px) {
  .section_feature {padding: 70px 0 90px;}
  .strength_itme {width: 100%;margin:0 0 32px 0;}
  .section_product {padding-bottom: 80px;}
}
/* application */
.section_application {padding: 100px 0 200px;overflow-x: hidden;}
.section_application .title_box {margin-bottom: 60px;}
.application_items {display: flex;flex-wrap: wrap;position: relative;}
.application_items::before {content: ''; position: absolute;left: -116px;bottom: -100px;background-image: url(../images/idx-application-bg.png);width: 713px;height: 409px;z-index: -1;}
.application_item {width: 31.8%;margin-right: 2.3%;}
.application_item:last-child{margin-right: 0;}
.application_item > div {position: relative;margin-bottom: 16px;}
.application_item > div:last-child {margin-bottom: 0;}
.application_item > div::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0,0,0, .3);transition: all .3s;}
.application_item > div:hover::before {background-color: rgba(255, 255, 255, .4);top: 40%;bottom: 40%;}
.application_item > .application_item_b:hover::before {top: 40%;bottom: 40%;}
.application_item_txt {position: absolute;right: 40px;bottom: 12px;transition: all .3s;color: #fff;}
.application_item > div:hover .application_item_txt {right: 34%;transform: translate(50%, 34%);bottom: 50%;color: #000;}
.application_item_txt h3 {font-size: 26px;font-family: 'Bebas Neue', cursive;margin: 0;}
.application_btn {text-align: center;margin-top: 88px;}
.application_btn_link:link, .application_btn_link:visited {text-align: center;color: #fff;background-color: #ff4d4d;display: inline-block;width: 100%;max-width: 445px;padding: 13px 0;transition: all .3s;position: relative;z-index: 2;}
.application_item_img {line-height: 0;}
.application_btn_link:hover {box-shadow: 0 0 24px #ff4d4d;}
@media only screen and (max-width:1024px) {
  .application_item_txt h3{font-size: 24px;}
}
@media only screen and (max-width:768px) {
  .application_item_txt {right: 24px;}
  .application_item_txt h3 {font-size: 24px;}
    .section_application {padding: 40px 0 70px;}
}
@media only screen and (max-width:480px) {
  .application_item {width: 100%;margin: 0 0 16px 0;}
  .application_item:nth-of-type(2) {display: flex;flex-direction: column-reverse;margin-bottom: 0;}
  .application_item:nth-of-type(2) > div {margin-bottom: 16px;}
  .application_btn {margin-top: 52px;}
	
  .application_item_txt h3{font-size: 20px;}
  .application_item > div:hover .application_item_txt{min-width: 220px;right: 40%;}
}