@import url('sidebar.css');
@media (min-width:1200px) {
    #cms-wrapper{padding:150px 0 0;background-color:#000}
    #cms-bg{background-color:#ccc;padding:40px 20px 0}
    #cms-container{max-width:1600px;margin:0 auto}
    #cms-header{width:100%;align-items:center}
    #cms-photo-wrapper{position:relative;width:56%;margin-right:auto;}
    #cms-titles{width:40%;padding:20px 20px 20px 0}
    #cms-design{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
    #cms-design > span:nth-child(1){position:absolute;width:100%;height:5px;top:14%;left:0;background-color:#000;transform-origin:0 0;-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    #cms-design > span:nth-child(2){position:absolute;width:5px;height:72%;top:14%;right:0;background-color:#000;transform-origin:0 0;-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-design > span:nth-child(3){position:absolute;width:100%;height:5px;bottom:14%;left:0;background-color:#000;transform-origin:100% 0;-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    #cms-design > span:nth-child(4){position:absolute;width:5px;height:72%;top:14%;left:0;background-color:#000;transform-origin:0 100%;-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-design.active > span{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,0);transform:scale(1,1);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-photo-container{position:relative;max-width:67.5%;margin:0 0 0 22%;padding:0 15px;background-color:#ccc;z-index:2}
    #cms-photo-container:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ccc;z-index:1;transform-origin:0 50%;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
    #cms-photo-container.active:before{-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
    #cms-photo{display:block;position:relative;width:100%;padding-bottom:121%;overflow:hidden}
    #cms-photo > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #cms-title2{font-family:'Majestic',serif;font-size:1.875vw;color:#c5161d}
    #cms-h1{margin-top:25px;font-size:2.088vw;font-weight:600;color:#080808;text-transform:uppercase;line-height:1.2;max-width:100%}
    #cms-smallDesc{margin-top:70px;font-size:1.302vw;line-height:1.4;color:#020202}
    #cms-desc{margin-top:80px;font-size:1.302vw;line-height:1.4;color:#020202}
    #cms-desc strong{font-size:1.458vw;font-weight:600}
    #cms-success-list-container{margin-top:70px;width:100%}
    #cms-success-list{width:100%}
    #cms-success-list > li{margin-top:40px;margin-right:3.5%;width:31%;position:relative;background-color:#fff;border-bottom:6px solid #c5161d;align-items:center;justify-content:center;min-height:40vh}
    #cms-success-list > li:nth-child(-n+3){margin-top:0}
    #cms-success-list > li:nth-child(3n){margin-right:0}
    #cms-success-list > li.first22{background-color:transparent;border-bottom:none}
    .cms-success-inner{padding:30px 20px;text-align:center}
    .cms-success-inner.first{text-align:left}
    .cms-success-icon{position:absolute;width:31px;height:45px;top:20px;left:30px}
    .cms-success-title{font-size:2.5vw;font-weight:600;color:#060606}
    .cms-success-title2{margin-top:20px;font-size:1.302vw;color:#060606;line-height:1.2}
    .cms-success-hashtag{font-size:1.302vw;font-weight:500;color:#c5161d}
    .cms-success-fTitle{margin-top:10px;font-size:1.563vw;font-weight:600;color:#060606}
    .cms-success-fDesc{margin-top:20px;font-size:1.146vw;line-height:1.1;color:#060606}
    #cms-success-list > li:hover:not(.first){background-color:#c5161d}
    #cms-success-list > li:hover:not(.first) .cms-success-title,#cms-success-list > li:hover:not(.first) .cms-success-title2{color:#fff}
    #cms-success-list > li:hover:not(.first) .cms-success-icon path{fill:#c5161d}
}
@media (min-width:765px) and (max-width:1199px) {
    #cms-wrapper{background-color:#000}
    #cms-bg{background-color:#ccc;padding:20px 15px 0}
    #cms-container{max-width:1600px;margin:0 auto}
    #cms-header{width:100%;align-items:center}
    #cms-photo-wrapper{position:relative;width:56%}
    #cms-titles{margin-left:auto;width:40%;padding:20px 15px 20px 0}
    #cms-design{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
    #cms-design > span:nth-child(1){position:absolute;width:100%;height:5px;top:14%;left:0;background-color:#000;transform-origin:0 0;-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    #cms-design > span:nth-child(2){position:absolute;width:5px;height:72%;top:14%;right:0;background-color:#000;transform-origin:0 0;-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-design > span:nth-child(3){position:absolute;width:100%;height:5px;bottom:14%;left:0;background-color:#000;transform-origin:100% 0;-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    #cms-design > span:nth-child(4){position:absolute;width:5px;height:72%;top:14%;left:0;background-color:#000;transform-origin:0 100%;-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-design.active > span{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,0);transform:scale(1,1);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-photo-container{position:relative;max-width:80%;margin:0 auto;padding:0 15px;background-color:#ccc;z-index:2}
    #cms-photo-container:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ccc;z-index:1;transform-origin:0 50%;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
    #cms-photo-container.active:before{-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
    #cms-photo{display:block;position:relative;width:100%;padding-bottom:121%;overflow:hidden}
    #cms-photo > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #cms-title2{font-family:'Majestic',serif;font-size:3.875vw;color:#c5161d}
    #cms-h1{margin-top:25px;font-size:3.8vw;font-weight:600;color:#080808;text-transform:uppercase;line-height:1.2}
    #cms-smallDesc{margin-top:40px;font-size:2.602vw;line-height:1.4;color:#020202}
    #cms-desc{margin-top:40px;font-size:2.602vw;line-height:1.4;color:#020202}
    #cms-desc strong{font-size:3vw;font-weight:600}
    #cms-success-list-container{margin-top:40px;width:100%}
    #cms-success-list{width:100%}
    #cms-success-list > li{margin-top:30px;margin-right:2%;width:49%;position:relative;background-color:#fff;border-bottom:6px solid #c5161d;align-items:center;justify-content:center;min-height:30vh}
    #cms-success-list > li:nth-child(-n+2){margin-top:0}
    #cms-success-list > li:nth-child(2n){margin-right:0}
    #cms-success-list > li.first22{background-color:transparent;border-bottom:none}
    .cms-success-inner{padding:30px 20px;text-align:center}
    .cms-success-inner.first{text-align:left}
    .cms-success-icon{position:absolute;width:31px;height:45px;top:20px;left:30px}
    .cms-success-title{font-size:3.3vw;font-weight:600;color:#060606}
    .cms-success-title2{margin-top:20px;font-size:2.802vw;color:#060606;line-height:1.2}
    .cms-success-hashtag{font-size:2.802vw;font-weight:500;color:#c5161d}
    .cms-success-fTitle{margin-top:10px;font-size:3.363vw;font-weight:600;color:#060606}
    .cms-success-fDesc{margin-top:20px;font-size:2.6vw;line-height:1.1;color:#060606}
    #cms-success-list > li:hover:not(.first){background-color:#c5161d}
    #cms-success-list > li:hover:not(.first) .cms-success-title,#cms-success-list > li:hover:not(.first) .cms-success-title2{color:#fff}
    #cms-success-list > li:hover:not(.first) .cms-success-icon path{fill:#c5161d}
}
@media (min-width:0px) and (max-width:764px) {
    #cms-wrapper{background-color:#000}
    #cms-bg{background-color:#ccc;padding:20px 10px 0}
    #cms-container{max-width:1600px;margin:0 auto}
    #cms-header{width:100%;align-items:center}
    #cms-photo-wrapper{position:relative;width:100%}
    #cms-titles{margin-top:20px;width:100%;padding:20px 0 0}
    #cms-design{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
    #cms-design > span:nth-child(1){position:absolute;width:100%;height:5px;top:14%;left:0;background-color:#000;transform-origin:0 0;-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    #cms-design > span:nth-child(2){position:absolute;width:5px;height:72%;top:14%;right:0;background-color:#000;transform-origin:0 0;-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-design > span:nth-child(3){position:absolute;width:100%;height:5px;bottom:14%;left:0;background-color:#000;transform-origin:100% 0;-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    #cms-design > span:nth-child(4){position:absolute;width:5px;height:72%;top:14%;left:0;background-color:#000;transform-origin:0 100%;-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-design.active > span{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,0);transform:scale(1,1);-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
    #cms-photo-container{position:relative;max-width:90%;margin:0 auto;padding:0 15px;background-color:#ccc;z-index:2}
    #cms-photo-container:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ccc;z-index:1;transform-origin:0 50%;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
    #cms-photo-container.active:before{-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
    #cms-photo{display:block;position:relative;width:100%;padding-bottom:121%;overflow:hidden}
    #cms-photo > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #cms-title2{font-family:'Majestic',serif;font-size:5.875vw;color:#c5161d}
    #cms-h1{margin-top:18px;font-size:5.9vw;font-weight:600;color:#080808;text-transform:uppercase;line-height:1.2}
    #cms-smallDesc{margin-top:25px;font-size:5.02vw;line-height:1.4;color:#020202}
    #cms-desc{margin-top:25px;font-size:5.02vw;line-height:1.4;color:#020202}
    #cms-desc strong{font-size:5.3vw;font-weight:600}
    #cms-success-list-container{margin-top:20px;width:100%}
    #cms-success-list{width:100%}
    #cms-success-list > li{margin-top:20px;width:100%;position:relative;background-color:#fff;border-bottom:6px solid #c5161d;align-items:center;justify-content:center;min-height:250px}
    #cms-success-list > li:nth-child(-n+1){margin-top:0}
    #cms-success-list > li.first22{background-color:transparent;border-bottom:none}
    .cms-success-inner{padding:25px 10px;text-align:center}
    .cms-success-inner.first{text-align:left;padding:20px 0}
    .cms-success-icon{position:absolute;width:25px;height:36px;top:10px;left:15px}
    .cms-success-icon svg{width:100%;height:auto}
    .cms-success-title{font-size:5.5vw;font-weight:600;color:#060606}
    .cms-success-title2{margin-top:20px;font-size:5.102vw;color:#060606;line-height:1.2}
    .cms-success-hashtag{font-size:5.102vw;font-weight:500;color:#c5161d}
    .cms-success-fTitle{margin-top:10px;font-size:5.663vw;font-weight:600;color:#060606}
    .cms-success-fDesc{margin-top:20px;font-size:4.9vw;line-height:1.2;color:#060606}
    #cms-success-list > li:hover:not(.first){background-color:#c5161d}
    #cms-success-list > li:hover:not(.first) .cms-success-title,#cms-success-list > li:hover:not(.first) .cms-success-title2{color:#fff}
    #cms-success-list > li:hover:not(.first) .cms-success-icon path{fill:#c5161d}
}