@charset "utf-8";


#ditail { padding-bottom: 100px;}

#ditail h4 { font-size: 40px; font-weight: 700; letter-spacing: 0.06em; text-align: center;}
#ditail h4 span { display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.05em; color: #0156bc; font-family: 'Metropolis-SemiBold', sans-serif; margin-bottom: 9px;}

#ditail .pagetitle { background-color: #e5f0fb; text-align: center; padding: 50px 0;}
#ditail .pagetitle .bg { background-image: repeating-linear-gradient(-45deg, #bdd9ed, #bdd9ed 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 6px); padding: 50px 0 38px;}
#ditail .pagetitle .circle { display: inline-block; font-size: 20px; font-weight: 400; color: #fff; background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); border-radius: 50px; padding: 12px 45px 12px 43px; margin-bottom: 24px;}
#ditail .pagetitle .circle span { font-size: 26px; font-family: din-2014, sans-serif; font-weight: 600; margin-left: 0.5em; vertical-align: -1px;}
#ditail .pagetitle h2 { font-size: 48px; line-height: 1.5; font-weight: 700;}

#ditail .about { padding: 100px 0; background: url(../images/case/detail/bg_title.jpg) no-repeat center center / cover;}
#ditail .about .bracket{ width: 100%; margin: 0 auto 80px; padding: 24px 30px; position: relative; text-align: center; }
#ditail .about .bracket:before,
#ditail .about .bracket:after{ position: absolute; content: ""; width: 46px; height: 100%; top: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#ditail .about .bracket:before{ left: 0; border-left: 1px solid #fff; }
#ditail .about .bracket:after{ right: 0; border-right: 1px solid #fff; }
#ditail .about .bracket .circle { display: inline-block; font-size: 20px; line-height: 1.4; color: #0156bc; padding: 10px 28px 10px; border-radius: 50px; background: #fff; margin-bottom: 16px;}
#ditail .about .bracket h3 { font-size: 48px; line-height: 1.458; font-weight: 700; color: #fff; padding-bottom: 12px;}
#ditail .about .client { display: flex; justify-content: space-between; align-items: center; padding: 16px 40px; background: #fff; border-radius: 10px;}
#ditail .about .left { }
#ditail .about .right { width: 648px;}
#ditail .about .right dl { display: flex; justify-content: flex-start; align-items: center; border-bottom: 2px dotted #c9c9c9; padding: 14px 0 14px;}
#ditail .about .right dl:last-child { border-bottom: 0px;}
#ditail .about .right dt { width: 115px; font-weight: 700;}
#ditail .about .right dd { line-height: 130%; width: calc(100% - 115px);}

#ditail .befaf { }
#ditail .befaf h4 { margin-bottom: 30px;}
#ditail .befaf .step { display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 20px; background: #fff; border-radius: 10px; margin-bottom: 20px;}
#ditail .befaf .step:last-child { margin-bottom: 0;}
#ditail .befaf .step .num { font-size: 26px; font-family: din-2014, sans-serif; font-weight: 400; color: #fff; width: 60px; line-height: 60px; border-radius: 50%; background: #535353; margin-right: 20px; text-align: center;}
#ditail .befaf .step .bold { font-size: 20px; font-weight: 500; font-feature-settings: "palt"; width: 760px; line-height: 160%;}

#ditail .problem { position: relative; background: #ebebeb; padding: 100px 0 45px; z-index: 2:}
#ditail .problem:after { position: absolute; bottom: -80px; left: 0; content: ""; background: #ebebeb; height: calc(160px / 2); width: 100%; clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 2;}

#ditail .background{ position: relative; background: #e5effa; padding: 100px 0 45px !important;}
#ditail .background:after{ position: absolute; bottom: -79px; left: 0; content: ""; background: #e5effa; height: calc(160px / 2); width: 100%; clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 2;}

#ditail .future{ padding: 100px 0 !important;}

#ditail .results { position: relative; background: url(../images/common/bg_pattern_01.jpg) repeat left top / 16px; padding: 140px 0 100px; z-index: 1;}
#ditail .befaf .results .step { box-shadow: 10px 17.321px 30px 0px rgba(24, 25, 46, 0.2);}
#ditail .befaf .results .step .num { background: #0156bc;}

#ditail .case_bg { padding: 100px 0;}
#ditail .case_bg h4 { margin-bottom: 30px;}
#ditail .case_bg .bracket{ width: 100%; margin: 0 auto 40px; padding: 35px 0; position: relative; text-align: center; }
#ditail .case_bg .bracket:before,
#ditail .case_bg .bracket:after{ position: absolute; content: ""; width: 46px; height: 100%; top: 0; border-bottom: 1px solid #000; border-top: 1px solid #000; }
#ditail .case_bg .bracket:before{ left: 0; border-left: 1px solid #000; }
#ditail .case_bg .bracket:after{ right: 0; border-right: 1px solid #000; }
#ditail .case_bg .bracket p { font-size: 36px; line-height: 1.333; font-weight: 700; padding: 0 25px;}
#ditail .case_bg .txt { width: 600px; font-size: 16px; line-height: 2; letter-spacing: 0.06em; margin: 0 auto 60px; }


#ditail .houto { padding: 140px 0 100px; background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%);}
#ditail .houto h4 { color: #fff; margin-bottom: 56px;}
#ditail .houto h4 span { color: #fff;}
/* #ditail .houto .use { margin-bottom: 160px;} */
#ditail .houto .flex { display: flex; justify-content: space-between; align-items: start; padding: 0 0 50px;}
#ditail .houto .flex_r { flex-flow: row-reverse;}

#ditail .houto .flex_block { display: block;}
#ditail .houto .flex .houimg { width: 50%; height: auto;}
#ditail .houto .flex .txtbox { width: 480px; color: #fff; letter-spacing: 0.06em;}
#ditail .houto .flex_block .txtbox { width: 100%;}
#ditail .houto .flex .txtbox .bold { font-size: 36px; line-height: 1.333; font-weight: 700; margin-bottom: 24px;}
#ditail .houto .flex .txtbox .middle { font-size: 26px; line-height: 1.333; font-weight: 500; margin-bottom: 20px;}
#ditail .houto .flex .txtbox .text { font-size: 16px; line-height: 2; letter-spacing: 0.06em;}

#ditail .houto .flex .fourimg { width: 40%;}
#ditail .houto .clear {clear: both;}

#ditail .houto .flex_cr {flex-direction: column-reverse;}
#ditail .houto .flex_cr .houimg{width: 100%;}
#ditail .houto .flex_cr .txtbox{width: 100%; margin-bottom: 24px;}
#ditail .houto .flex_cr .imgbox { display: flex; justify-content: center;}
#ditail .houto .flex_cr .imgbox img{ width: calc(100% / 3); aspect-ratio: 1/1;}

#ditail .houto .flex_cr .imgbox .aspectimg{ aspect-ratio: initial;}

#ditail .houto .flex_cr .clm-2 { width: 100% }
#ditail .houto .flex_cr .clm-2 img{ width: calc(100% / 2); aspect-ratio: initial;}

#ditail .houto .flot {display: block; clear: both;}
#ditail .houto .flot .houimg{ float: right; padding-left: 20px; padding-bottom: 20px;}
#ditail .houto .flot .sp-img{ display: none;}
#ditail .houto .flot .txtbox{ width: 100%;}


#ditail .houto .comment { position: relative; width: 900px; padding: 40px; background: #fff; border-radius: 10px; display: flex; justify-content: space-between; align-items: flex-start; margin: 160px auto 0;}
#ditail .houto .comment .balloon { position: absolute; left: 50%; top: -135px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 266px; padding: 14px 0; text-align: center; background: #fec901; font-size: 40px; font-weight: 700; border-radius: 10px;}
#ditail .houto .comment .balloon:after { position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ""; display: block; height: calc(20px / 2 * tan(60deg)); width: 20px; clip-path: polygon(0 0, 100% 0, 50% 100%); background: #fec901;}

#ditail .houto .comment .balloon span {display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 6px;}

#ditail .houto .comment .left { width: 140px;}
#ditail .houto .comment .left .icn { display: block; margin-bottom: 14px;}
#ditail .houto .comment .left small { display: block; font-size: 16px; letter-spacing: 0.06em; text-align: center;}
#ditail .houto .comment .right { width: 100%;;}
#ditail .houto .comment .right .bold { font-size: 24px; font-weight: 700; line-height: 1.5; padding: 0 0 20px; text-align: center; }
#ditail .houto .comment .right .text { font-size: 16px; line-height: 2; letter-spacing: 0.06em; font-feature-settings: "palt";}

#ditail .contents { width: 810px; margin: 0 auto;}
#ditail .magazine { padding-bottom: 50px; }
#ditail .step .step_img { width: 100%; height: auto; margin-bottom: 40px;}
#ditail .step .circle { display: inline-block; font-size: 16px; font-family: 'Metropolis-SemiBold', sans-serif; color: #fff; background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); border-radius: 17px; padding: 10px 43px 8px; margin-bottom: 20px;}
#ditail .step .bold { font-size: 24px; line-height: 1.5; letter-spacing: 0.06em; font-weight: 700; margin-bottom: 15px;}
#ditail .step .text { font-size: 16px; line-height: 2; letter-spacing: 0.06em; margin-bottom: 40px;}
#ditail .magazine .imgbox{ display: flex; justify-content: center;}
#ditail .magazine .imgbox img{ width: calc(100% / 3);}


#ditail .magazine .imgwrap{ display: flex; justify-content: space-between;}
#ditail .magazine .imgcol{width: calc(100% / 3 - 20px);}
#ditail .magazine .imgcol img{ width: 100%; aspect-ratio: 4/3; margin-bottom: 10px;}
#ditail .magazine .imgcol .caption { font-size: 14px;}

#ditail .magazine .fl-box{ display: flex;}
#ditail .magazine .flot-img{ float: right; padding-left: 20px; padding-bottom: 20px;}


#others { padding: 100px 0; margin-bottom: 100px; background-color: #e5effa;}
#others h4 { font-size: 40px; font-weight: 700; letter-spacing: 0.06em; text-align: center; margin-bottom: -11px;}
#others h4 span { display: block; font-size: 16px; font-weight: 700; color: #0156bc; font-family: 'Metropolis-SemiBold', sans-serif; margin-bottom: 9px;}

#others .slider_wrapper { padding: 50px 0; margin-bottom: 50px; overflow: hidden;}

#others .none_list { text-align: center; font-size: 18px; padding: 50px 0 0; }

#others .slider .slide_item { position: relative; display: block; width: 750px; background-color: #fff; border-radius: 10px; padding: 50px 50px 40px; margin: 0 35px; box-shadow: 10px 17.321px 30px 0px rgba(24, 25, 46, 0.2);}
#others .slider .slick-list { overflow: visible;}
#others .slider .slide_item .flex { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 17px; border-bottom: 2px solid #c9c9c9; margin-bottom: 30px;}
#others .slider .slide_item .left { width: 140px; height: auto;}
#others .slider .slide_item .right { width: 490px;}
#others .slider .slide_item .right .title { }
#others .slider .slide_item .right .title .circle { display: block; font-size: 16px; line-height: 1.4; color: #fff; padding: 7px 20px 7px; background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); border-radius: 50px; margin-bottom: 18px; text-align: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#others .slider .slide_item .right .bold { font-size: 20px; line-height: 1.8; font-weight: 700; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 任意の行数を指定 */}

#others .slider .slide_item .btm { position: relative;}
#others .slider .slide_item .btm:before,
#others .slider .slide_item .btm:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#others .slider .slide_item .btm:before { width: 40px; height: 40px; background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); border-radius: 50%; right: 0;}
#others .slider .slide_item .btm:after { border-top: solid 3px #fff; border-right: solid 3px #fff; width: 12px; height: 12px; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); right: 16px;}
#others .slider .slide_item .name { position: relative; font-size: 18px; line-height: 1.667; font-weight: 500; padding: 0 40px 0 10px;}
#others .slider .slide_item .name:before { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: inline-block; content: ""; width: 7px; height: 20px; border-radius: 3px; background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); vertical-align: -2px;}



#others .slick-prev,
#others .slick-next { width: 80px; height: 80px; z-index: 5;}
#others .slick-prev { left: calc( 50% - 480px);}
#others .slick-next { right: calc( 50% - 480px);}

#others .slick-arrow:before{ content:""!important; width: 80px!important; height: 80px!important; position: absolute; top: 0; left: 0; opacity: 1;}
#others .slick-next:before{ background: url(../images/common/arrow_r.jpg) no-repeat!important; background-size: 100%!important;}
#others .slick-prev:before{ background: url(../images/common/arrow_l.jpg) no-repeat!important; background-size: 100%!important;}
#others .slide-dots { margin: 0; padding: 0; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%);
-webkit-transform: translateX(-50%);}
#others .slide-dots li { display: inline-block; margin: 0 10px;}
#others .slide-dots li button { position: relative; text-indent: -9999px;}
#others .slide-dots li button::before { position: absolute; content: ""; cursor: pointer; width: 10px; height: 10px; background-color: #c9c9c9; border-radius: 50%; top: 0; left: 0;}
#others .slide-dots li.slick-active button::before { background-image: -moz-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -webkit-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%); background-image: -ms-linear-gradient( 0deg, rgb(0,75,182) 0%, rgb(0,109,215) 99%);}

/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {

#ditail h4 { font-size: 30px;}
#ditail h4 span { font-size: 13px; margin-bottom: 4px;}


#ditail { padding-bottom: 50px;}
#ditail .pagetitle { padding: 30px 0;}
#ditail .pagetitle .bg { padding: 30px 0 20px;}
#ditail .pagetitle .circle { display: inline-block; font-size: 14px; font-weight: 400; color: #fff; border-radius: 50px; padding: 6px 28px; margin-bottom: 10px;}
#ditail .pagetitle .circle span { font-size: 16px; font-family: din-2014, sans-serif; font-weight: 600; vertical-align: 0px;}
#ditail .pagetitle h2 { font-size: 30px;}

#ditail .about { padding: 50px 0;}
#ditail .about .bracket{ margin: 0 auto 40px; padding: 12px 12px;}
#ditail .about .bracket:before,
#ditail .about .bracket:after{ position: absolute; content: ""; width: 23px; height: 100%; top: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#ditail .about .bracket .circle { font-size: 16px; padding: 10px 13px 10px; margin-bottom: 10px;}
#ditail .about .bracket h3 { font-size: 24px; padding-bottom: 6px;}
#ditail .about .client { display: block; padding: 20px 20px;}
#ditail .about .left { display: block; margin: 0 auto 10px;}
#ditail .about .right { width: 100%;}
#ditail .about .right dl { display: flex; padding: 10px 0;}
#ditail .about .right dt { width: 60px; font-size: 13px;}
#ditail .about .right dd { font-size: 13px; width: calc(100% - 70px);}

#ditail .befaf { }
#ditail .befaf h4 { margin-bottom: 30px;}
#ditail .befaf .step { display: flex; justify-content: flex-start; align-items: center; padding: 10px; margin-bottom: 15px;}
#ditail .befaf .step .num { font-size: 20px; width: 40px; line-height: 40px; margin-right: 15px; text-align: center;}
#ditail .befaf .step .bold { width: 80%; font-size: 16px; line-height: 1.4;}

#ditail .problem { padding: 50px 0 20px; z-index: 2:}
#ditail .problem:after { position: absolute; bottom: -40px; left: 0; content: ""; background: #ebebeb; height: calc(80px / 2);}

#ditail .background{ padding: 50px 0 20px !important;}
#ditail .background:after{ position: absolute; bottom: -40px; left: 0; content: ""; background: #e5effa; height: calc(80px / 2);}

#ditail .future{ padding: 50px 0;}

#ditail .results { position: relative; padding: 90px 0 50px; background-size: 12px; z-index: 1;}
#ditail .befaf .results .step .num { background: #0156bc;}

#ditail .case_bg { padding: 50px 0;}
#ditail .case_bg h4 { margin-bottom: 20px;}
#ditail .case_bg .bracket{ margin: 0 auto 30px; padding: 20px 0;}
#ditail .case_bg .bracket:before,
#ditail .case_bg .bracket:after{ width: 23px;}
#ditail .case_bg .bracket p { font-size: 24px;}
#ditail .case_bg .txt { width: 100%; font-size: 13px; line-height: 1.9; margin: 0 auto 30px; }

#ditail .houto { padding: 90px 0 50px;}
#ditail .houto h4 { color: #fff; margin-bottom: 30px;}
#ditail .houto .flex { display: block;}
#ditail .houto .flex:last-child { margin-bottom: 0;}
#ditail .houto .flex_r { flex-flow: row-reverse;}
#ditail .houto .flex_block { display: block;}
#ditail .houto .flex_block .txtbox { width: 100%;}
#ditail .houto .flex .houimg { width: 100%; height: auto; margin-bottom: 20px;}
#ditail .houto .flex .txtbox { width: 100%; color: #fff; letter-spacing: 0.06em;}
#ditail .houto .flex .txtbox .bold { font-size: 20px; margin-bottom: 15px;}
#ditail .houto .flex .txtbox .middle { font-size: 16px; margin-bottom: 12px;}
#ditail .houto .flex .txtbox .text { font-size: 13px; line-height: 1.9;}

#ditail .houto .comment { width: 100%; padding: 20px; display: block; margin: 110px auto 0;}
#ditail .houto .comment .balloon { position: absolute; left: 50%; top: -110px; width: 200px; padding: 12px 0; text-align: center; background: #fec901; font-size: 30px;}
#ditail .houto .comment .balloon:after { bottom: -16px; height: calc(20px / 2 * tan(60deg)); width: 20px;}

#ditail .houto .comment .balloon span {font-size: 13px; margin-bottom: 7px;}

#ditail .houto .comment .left { width: 140px; margin: 0 auto 10px;}
#ditail .houto .comment .left .icn { display: block; margin-bottom: 14px;}
#ditail .houto .comment .left small { font-size: 13px;}
#ditail .houto .comment .right { width: 100%;}
#ditail .houto .comment .right .bold { font-size: 18px; line-height: 1.5; margin-bottom: 5px;}
#ditail .houto .comment .right .text { font-size: 13px; line-height: 1.9;}

#ditail .contents { width: 90%; margin: 0 auto;}
#ditail .magazine .imgbox{ flex-direction: column;}
#ditail .magazine .imgbox img{width: 100%;}
#ditail .magazine .fl-box{ flex-direction: column;}
#ditail .magazine .fl-box img{ width: 100%;}

#ditail .magazine .imgwrap{ flex-direction: column;}
#ditail .magazine .imgcol{width: 100%; margin-bottom: 30px;}
#ditail .magazine .imgcol:last-child{margin-bottom: 0;}
#ditail .magazine .imgcol img{ width: 100%;}
#ditail .magazine .imgcol .caption { font-size: 13px; text-align: center;}
#ditail .magazine .flot-img{ float: none; padding-left: 0px; padding-bottom: 0px; width: 100%; margin: 0 auto 20px;}

#ditail .houto .flex_cr { display: flex; flex-direction: column-reverse;}
#ditail .houto .flex_cr .imgbox { flex-direction: column;}
#ditail .houto .flex_cr .imgbox img{ width: 100%; aspect-ratio: initial;}
#ditail .houto .flex_cr .imgbox img:last-child{ margin-bottom: 0;}

#ditail .houto .flot {display: block;}
#ditail .houto .flot .houimg{ float: none; padding-left: 0px; padding-bottom: 0px; margin-bottom: 0;}
#ditail .houto .flot .sp-img{ display: block;}
#ditail .houto .flot .pc-img{ display: none; }
#ditail .houto .flot .txtbox .text { margin-bottom: 24px;}

#others { padding: 50px 0; margin-bottom: 50px;}
#others h4 { font-size: 30px; margin-bottom: 30px;}
#others h4 span { display: block; font-size: 13px; margin-bottom: 4px;}

#others .slider_wrapper { padding: 0; margin-bottom: 0; overflow: hidden;}

#others .none_list { padding: 30px 0 60px; font-size: 14px; }

#others .slider { margin-bottom: 70px;}
#others .slider .slide_item { width: 325px; margin: 0 15px; padding: 15px;}

#others .slider .slide_item .flex { justify-content: space-between; padding-bottom: 10px; border-bottom: 2px solid #c9c9c9; margin-bottom: 10px;}
#others .slider .slide_item .left { width: 70px; height: auto; margin: 0 auto 10px;}
#others .slider .slide_item .right { width: 200px;}
#others .slider .slide_item .right .title { }
#others .slider .slide_item .right .title .circle { display: inline-block; width: auto; font-size: 13px; padding: 2px 15px 3px; margin: 0 auto 10px; width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#others .slider .slide_item .right .bold { font-size: 15px; line-height: 1.667;}

#others .slider .slide_item .btm:before { width: 20px; height: 20px;}
#others .slider .slide_item .btm:after { border-top: solid 2px #fff; border-right: solid 2px #fff; width: 8px; height: 8px; right: 7px;}
#others .slider .slide_item .name { font-size: 14px; line-height: 1.667; padding-right: 20px;}
#others .slider .slide_item .name:before { display: inline-block; content: ""; width: 5px; height: 16px; border-radius: 2px; vertical-align: -4px;}
#others .slider .slide_item .name { position: relative; display: flex; align-items: center; font-size: 14px; line-height: 1.429;}
#others .slider .slide_item .name:before { width: 5px; height: 20px; border-radius: 3px; margin-right: 5px;}


#others .slick-prev,
#others .slick-next { width: 40px; height: 40px;}

#others .slick-prev { left: 0;}
#others .slick-next { right: 0;}

#others .slick-arrow:before{ width: 40px!important; height: 40px!important;}

#others .slide-dots { bottom: -50px;}
#others .slide-dots li button::before { width: 8px; height: 8px;}

}