@import url("swiper.css");

.abt-timeline { padding-top: calc(4.6875% - 15px); margin-bottom: 4.16667%; }
.abt-timeline .title { text-align: center; color: #5E5E5E; margin-bottom: 3.64583%; }
.abt-timeline_ctr { position: relative; }
.abt-timeline_ctr::after { content: ''; position: absolute; width: 100%; width: 200%; height: 1px; left: -50%; top: 93px; background: #666; }
.abt-timeline_ctr-btn { position: absolute; z-index: 1; top: 94px; left: 0px; width: 100%; pointer-events: none; }
.abt-timeline_ctr-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; max-width: 1676px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }
.l-wp-1655 { max-width: 1655px; }
.abt-timeline_swp .swiper-slide .m-card_pic { -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); }
.abt-timeline_swp .swiper-slide .m-card_pic figure { -webkit-transform: scale(0.43); transform: scale(0.43); }
.abt-timeline_swp .swiper-slide .m-card_pic figure::after { opacity: 1; }
.abt-timeline_swp .swiper-slide .m-card_content { -webkit-transform: translateY(-60px); transform: translateY(-60px); }
.abt-timeline_swp .swiper-slide-active .m-card_pic, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_pic { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.abt-timeline_swp .swiper-slide-active .m-card_pic figure, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_pic figure { -webkit-transform: scale(1); transform: scale(1); }
.abt-timeline_swp .swiper-slide-active .m-card_pic figure::after, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_pic figure::after { opacity: 0; }
.abt-timeline_swp .swiper-slide-active .m-card_content, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_content { -webkit-transform: translateY(0px); transform: translateY(0px); }
.abt-location { padding-bottom: 6.77083%; }
.contact-other_swp .swiper-wrapper {
  align-items: flex-start;
}

.idx-pro_swp .swiper-slide { color: #808080; }

.idx-pro_swp .swiper-slide .m-card_pic { -webkit-transform: scale(0.7); transform: scale(0.7); }

.idx-pro_swp .swiper-slide .m-card_name { -webkit-transform: scale(0.8) translateY(-45px); transform: scale(0.8) translateY(-45px); }

.idx-pro_swp .swiper-slide-active, .idx-pro_swp .swiper-slide-duplicate-active { color: #414141; }

.idx-pro_swp .swiper-slide-active .m-card_pic, .idx-pro_swp .swiper-slide-duplicate-active .m-card_pic { -webkit-transform: scale(1); transform: scale(1); }

.idx-pro_swp .swiper-slide-active .m-card_name, .idx-pro_swp .swiper-slide-duplicate-active .m-card_name { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); color: #414141; }
.prod-other_swp .swiper-slide { height: auto; }
.app-item_ctr-swp .swiper-slide { height: auto; }
.contact-other_wp .swiper-slide { width: 750px; height: auto; padding: 30px 25px; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.compare-export-wrapper .swiper-slide:not(:nth-child(-n+5)),
.compare-export-tab .compare-tab_list .compare-item + .compare-item {
  margin-top: 100px;
}
.compare-export-wrapper .swiper-slide {
  width: 150px;
  float: left;
}
#index .swiper-slide-active .m-card--idxpro .m-card_pic{
  background-size: 105%;
}

.m-card--abt-timeline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-left: 1px; padding-right: 1px; position: relative; }

.m-card--abt-timeline::before, .m-card--abt-timeline::after { content: ''; position: absolute; top: 90px; width: 8px; height: 8px; border-radius: 100%; background: #808080; }
@media all and (max-width: 992px) { .m-card--abt-timeline::before, .m-card--abt-timeline::after { display: none; } }

.m-card--abt-timeline::before { left: -4px; }

.m-card--abt-timeline::after { right: -4px; }

.m-card--abt-timeline .m-card_pic { 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; width: 160px; height: 160px; border-radius: 100%; overflow: hidden; background: #fff; margin-bottom: 6.97674%; -webkit-transition: all 1.5s; transition: all 1.5s; }

.m-card--abt-timeline .m-card_pic figure { width: 100%; padding-bottom: 100%; border-radius: 100%; overflow: hidden; position: relative; -webkit-transition: all 1s; transition: all 1s; }

.m-card--abt-timeline .m-card_pic figure::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #0063b7; -webkit-transition: all 2s; transition: all 2s; }

.m-card--abt-timeline .m-card_content { -webkit-transition: all 1.5s; transition: all 1.5s; }

.m-card--abt-timeline .m-card_content-time { text-align: center; color: #0063b7; font-size: 3.5rem; font-weight: bold; margin-bottom: 5.81395%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--abt-timeline .m-card_content-time { font-size: 2.5rem; margin-bottom: 1rem; } }

.m-card--abt-timeline .m-card_content-depiction { color: #808080; }

.m-card--abt-timeline .m-card_content-depiction ul li { padding-left: 10px; position: relative; }

.m-card--abt-timeline .m-card_content-depiction ul li::before { content: ''; position: absolute; top: 7px; left: 2px; width: 4px; height: 4px; border-radius: 100%; background: #0063b7; }
.m-card--pro .m-card_pic figure { width: 100%; padding-bottom: 64.78873%; }

.m-card--pro .m-card_info_name { display: block; font-size: 2rem; text-align: center; color: #0063b7; margin-bottom: 5.95238%; }

@media all and (min-width: 1201px) { .idx-pro_swp .swiper-slide .m-card:hover .m-card_name { color: #0063b7; } }

@media all and (min-width: 1551px) {
  .app-item:nth-child(even) .swiper-slide-next + .swiper-slide .m-card_info-name, .app-item:nth-child(even) .swiper-slide-next + .swiper-slide + .swiper-slide .m-card_info-name { color: #fff; }
}
@media all and (min-width: 1701px) { .contact-other_wp .swiper-slide { -webkit-transform: translateX(50%); transform: translateX(50%); } }

.contact-other_wp .swiper-slide > *:first-child { margin-bottom: 5.5rem; }
@media all and (max-width: 480px) { .contact-other_wp .swiper-slide > *:first-child { margin-bottom: 3rem; } }
.m-card--app .m-card_pic, .m-card--app-gray .m-card_pic { 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; margin-bottom: 13.09524%; }

.m-card--app .m-card_pic figure, .m-card--app-gray .m-card_pic figure { width: 100%; padding-bottom: 105%; }

.m-card--app .m-card_info, .m-card--app-gray .m-card_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1200px) { .m-card--abt-location .m-card_pic { margin-bottom: 1rem; } }
.m-card--certification .m-card_pic [data-img] { padding-bottom: 155.35714%; }
.m-card--compare .m-card_pic { position: relative; }

.m-card--compare .m-card_pic .m-btn { position: absolute; top: 0px; right: 0px; }


.m-card--contact .m-card_pic { -ms-flex-preferred-size: 200px; flex-basis: 200px; max-width: 200px; width: 100%; 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; }
.m-card--compare-detail .m-card_pic-el { max-width: 175px; margin-left: auto; margin-right: auto; }

.m-card--compare-detail .m-card_pic-el figure { padding-bottom: 67.64706%; }

.m-card--compare-detail .m-card_name { 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; }

.m-card--compare-detail .m-card_name-pic { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; }

.m-card--compare-detail .m-card_name-pic figure { padding-bottom: 77.77778%; }

.m-card--compare-detail .m-card_name-txt { padding-left: 10px; font-size: 1.6rem; }

.m-card--inquiry .m-card_pic { position: relative; margin-bottom: 2rem; }

.m-card--inquiry .m-card_pic .m-btn { position: absolute; top: 0px; right: 0px; }

@media(max-width:1550px){
  .m-card--app .m-card_pic figure, .m-card--app-gray .m-card_pic figure { width: 100%; padding-bottom: 75%; }
}
@media all and (min-width: 1201px) { .m-btn--arrow-left:hover::before { border-right-color: #4d4d4d; } }
.m-btn--arrow-left, .m-btn--arrow-right { 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; position: relative; pointer-events: auto; }
.m-btn--arrow-left::before, .m-btn--arrow-right::before { content: ''; position: absolute; border-width: 6px 15px; border-style: solid; border-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; top:-6px;}
.m-btn--arrow-left::before { border-right-color: #0063b7; left:-15px;}
.m-btn--arrow-left, .m-btn--arrow-right { 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; position: relative; pointer-events: auto; }
.m-btn--arrow-left::before, .m-btn--arrow-right::before { content: ''; position: absolute; border-width: 6px 15px; border-style: solid; border-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; top:-6px;}
.m-btn--arrow-left::before { border-right-color: #0063b7; left:-15px;}
.m-btn--arrow-right::before { border-left-color: #0063b7; left:-10px;}
@media all and (min-width: 1201px) { .m-btn--arrow-right:hover::before { border-left-color: #4d4d4d; } }
@media all and (max-width: 992px) { .abt-timeline_ctr-btn .l-wp-null { max-width: 500px; width: calc(100% - 40px); } }
.prod-other_btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1825px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; pointer-events: none; }
.prod-compare_list-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1340px; margin-left: auto; margin-right: auto; width: calc(100% - 40px); pointer-events: none; }
@media all and (max-width: 1366px) { .prod-compare_list-btn .l-wp-null { width: 100%; } }
@media all and (max-width: 480px) { .prod-compare_list-btn .l-wp-null { width: 100%; } }
.app-bn_list-btn .m-btn--arrow { margin: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; }
.app-bn_list-btn .l-wp-null { margin: 0 auto; width: calc(100% - 20px); max-width: 690px; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media all and (max-width: 1200px) { .app-bn_list-btn .l-wp-null { width: calc(100% - 40px); max-width: 675px; } }
.login-lb .lb_ctr-form > *:not(:last-child) { margin-bottom: 2.5rem; }
.login-lb .lb_ctr-btn .m-btn { width: 145px; }
.lb-app .lbox_ir-swp { max-width: 850px; width: calc(100% - 40px); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; }
.lb-app .lbox_ir-btn { position: absolute; z-index: 2; top: 50%; left: 0px; width: 100%; pointer-events: none; }
.lb-app .lbox_ir-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1200px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; pointer-events: none; }
.lb-app .lbox_ir-btn .m-btn { background: #fff; }
.abt-business { margin-bottom: 5.20833%; }
.abt-business .title { text-align: center; color: #5E5E5E; margin-bottom: 2.60417%; }
.abt-business_ctr { position: relative; }
.abt-business_ctr-btn { position: absolute; z-index: 1; top: 50%; left: 0px; width: 100%; pointer-events: none; }
.abt-business_ctr-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; max-width: 1576px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }
.abt-business_swp { padding: 10px; }
.abt-business_img { display: block; padding-bottom: 46.42857%; -webkit-filter: grayscale(1); filter: grayscale(1); background-size: auto; }