.video-section{padding:60px 0px}@media only screen and (max-width: 767px){.video-section{padding:0px;padding-bottom:10px}}.video-section .heading{text-align:center}.video-section .heading p{text-align:center;font-size:16px;line-height:30px;margin-bottom:15px}@media only screen and (max-width: 767px){.video-section .heading p{text-align:left}}@media only screen and (min-width: 1025px){.video-section .heading .heading-section br{display:none}}@media print{.video-section .heading .heading-section br{display:none}}.ie8 .video-section .heading .heading-section br{display:none}@media only screen and (max-width: 1024px){.video-section .heading .heading-section br{display:block}}.video-section .heading .only_pc{display:block}@media only screen and (max-width: 767px){.video-section .heading .only_pc{display:none}}.video-section .heading .only_sp{display:none}@media only screen and (max-width: 767px){.video-section .heading .only_sp{display:block}}.video_list{position:relative;max-width:1140px;margin:0 auto}.video_list .video_item{margin:12px;outline:none}@media only screen and (max-width: 767px){.video_list .video_item{margin:5px}}.video_list .video_item video{height:auto;width:100%;max-width:370px;background:#cccccc}@media only screen and (max-width: 1024px){.video_list .video_item video{height:auto}}.video_list .video_item h3{margin:10px 0px;font-weight:400;font-size:18px}.video_list .video_item p.desc{margin-bottom:0px}.video_list .video_item .wrapper_video{position:relative}.video_list .video_item .wrapper_video video{display:block}.video_list .video_item .wrapper_video .btn_button{content:"";position:absolute;top:0;left:0;right:0;bottom:40px;cursor:pointer;opacity:1;width:100%}.video_list .video_item .wrapper_video .btn_button.fade_in{opacity:1}.video_list .video_item .wrapper_video .btn_button.fade_out{opacity:0}.video_list .video_item .description{text-align:center}.video_list .slick-arrow{position:absolute;top:45%}.video_list .slick-arrow.slick-next{right:-40px;background-color:transparent;border:0px;color:transparent;outline:none;z-index:1}@media only screen and (max-width: 767px){.video_list .slick-arrow.slick-next{right:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.video_list .slick-arrow.slick-next{right:10px}}.video_list .slick-arrow.slick-next:hover:before{border-top:2px solid #ff6464;border-left:2px solid #ff6464}.video_list .slick-arrow.slick-next:before{content:"";display:inline-block;position:absolute;width:30px;height:30px;background:transparent;text-indent:-9999px;border-top:2px solid #bfbfbf;border-left:2px solid #bfbfbf;transition:all 250ms ease-in-out;text-decoration:none;color:transparent;transform:rotate(135deg);right:0;outline:none}.video_list .slick-arrow.slick-prev{left:-40px;background-color:transparent;border:0px;color:transparent;outline:none;z-index:1}@media only screen and (max-width: 767px){.video_list .slick-arrow.slick-prev{left:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.video_list .slick-arrow.slick-prev{left:10px}}.video_list .slick-arrow.slick-prev:hover:before{border-top:2px solid #ff6464;border-left:2px solid #ff6464}.video_list .slick-arrow.slick-prev:before{content:"";display:inline-block;position:absolute;width:30px;height:30px;background:transparent;text-indent:-9999px;border-top:2px solid #bfbfbf;border-left:2px solid #bfbfbf;transition:all 250ms ease-in-out;text-decoration:none;color:transparent;transform:rotate(-45deg);left:0;outline:none}#modalVideo.modal{display:none;position:fixed;z-index:99;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}#modalVideo .modal-header{position:relative}#modalVideo .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:95%;max-width:600px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}#modalVideo .close{color:white;float:right;font-size:28px;font-weight:bold;position:absolute;right:5px;top:-30px}#modalVideo .close:hover,#modalVideo .close:focus{color:#000;text-decoration:none;cursor:pointer}#modalVideo .modal-body{padding:0px}.converse-section .style-list .item{border-radius:5px}@media only screen and (min-width: 896.5px) and (max-width: 1024px){.converse-section .style-list .item{display:block !important}.converse-section .style-list .item .wrap_img span{width:100% !important}.converse-section .style-list .item .item-content{flex:1;width:100% !important;padding-top:15px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.converse-section .style-list .item{display:flex}.converse-section .style-list .item .wrap_img span{width:265px;height:150px}.converse-section .style-list .item .item-content{flex:1;width:calc(100% - 134px);padding-left:10px}}@media only screen and (max-width: 767px){.converse-section .style-list .item{display:flex}.converse-section .style-list .item .wrap_img span{width:124px;height:100px;border-radius:5px}.converse-section .style-list .item .item-content{flex:1;width:calc(100% - 134px);padding-left:10px}}@media only screen and (max-width: 320px){.converse-section .style-list .item{display:flex}.converse-section .style-list .item .wrap_img span{width:124px;height:80px;border-radius:5px}.converse-section .style-list .item .item-content{flex:1;width:calc(100% - 134px);padding-left:10px}}.converse-section .style-list .item .item_img{height:200px;overflow:hidden;display:block;margin-bottom:15px;background-size:cover;background-repeat:no-repeat;background-position:center}@media only screen and (max-width: 1024px){.converse-section .style-list .item .item_img{margin-bottom:0px}}.converse-section .item-content .style span{width:auto;padding:2px 20px}@media only screen and (max-width: 767px){.converse-section .item-content .style span{padding:2px 10px;font-size:10px;white-space:nowrap}}@-webkit-keyframes fadeinout{0%,100%{opacity:0}50%{opacity:1}}@keyframes fadeinout{0%,100%{opacity:0}50%{opacity:1}}.youtube-section .container .left-section .video-wrap{display:none}@media only screen and (max-width: 768px){.youtube-section .container .left-section .video-wrap{display:block;margin:0 0 20px}}
