.flex {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

}

.txt {

    text-align: justify;

}

.ob img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.fw500 {

    font-weight: 500;

}

.slick-prev {

    background: url("../img/recruit/icon_prev.png") no-repeat;

    background-size: 100%;

}

.slick-next {

    background: url("../img/recruit/icon_next.png") no-repeat;

    background-size: 100%;

}

.btn-shared {

    max-width: 80%;

    margin: 0 auto;

}

.btn-shared a {

    color: #fff;

    text-align: center;

    padding: 9px 9px 9px 20%;

    font-weight: bold;

    font-size: 15px;

    position: relative;

    border-radius: 30px;

    display: block;

    background: #e22929;

    box-shadow: 10px 10px 20px rgba(211, 98, 98, 0.3);

}

.btn-shared a::before {

    position: absolute;

    content: "";

    background: url("../img/recruit/icon_arrow.jpg") no-repeat;

    top: 0;

    left: 20px;

    width: 40px;

    height: 100%;

}

@media screen and (max-width: 1199px) {

    html.responsive .wrap {

        padding: 0 20px;

        max-width: 100%;

        box-sizing: border-box;

    }

}

@media screen and (min-width: 768px) {

    main {

        padding-top: 0;

    }

    header {

        position: static;

        padding-bottom: 0;

    }

    /*=============================================

 * <header>

 *=============================================*/

    header .nav-bottom {

        margin-bottom: 20px;

    }

    #keyTop {

        margin-left: -100px;

        margin-right: -100px;

    }

    .btn-shared {

        max-width: 388px;

        /* margin-left: 0;

        margin-right: 0; */

    }

    .btn-shared a {

        font-size: 18px;

        border-radius: 60px;

        padding: 5px 20px 5px 50px;

    }

    .btn-shared a:hover {

        opacity: 0.8;

        transition: all 0.5s;

    }

    .btn-shared a::before {

        width: 40px;

        height: 50px;

        left: 23px;

    }

}



/* sec1 */

#sec1 {

    position: relative;

    padding: 5vw 0 10vw;

}

#sec1 .group {

    position: relative;

    margin-bottom: 1vw;

}

#sec1 .group h2 {

    font-size: 6vw;

    text-align: center;

    position: absolute;

    top: 44%;

    left: 0;

    right: 0;

    z-index: 5;

    transform: translateY(-50%);

    letter-spacing: 0.3em;

    line-height: 1.3;

}

#sec1 .group h2 small {

    font-size: 4vw;

}

#sec1 .group .photo {

    margin: 0 -7%;

}

#sec1 .txt li {

    margin-bottom: 5vw;

}

@media screen and (min-width: 768px) {

    #sec1 {

        padding: 137px 0 140px;

    }

    #sec1 .wrap {

        width: 1100px;

    }

    #sec1 .group {

        margin-bottom: 20px;

        position: absolute;

        left: -145px;

        top: -135px;

    }

    #sec1 .group h2 {

        font-size: 35px;

        line-height: 55px;

        top: 270px;

        transform: none;

        left: 60px;

        letter-spacing: 13px;

    }

    #sec1 .group h2 small {

        font-size: 25px;

        letter-spacing: 10px;

    }

    #sec1 .group .photo {

        margin: 0;

    }

    #sec1 .txt {

        width: 480px;

        margin-left: auto;

    }

    #sec1 .txt li {

        margin-bottom: 38px;

    }

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    #sec1 .group {

        top: -135px;

        max-width: 57%;

        left: -40px;

    }

    #sec1 .group h2 {

        top: 220px;

    }

}





/* sec2 */

#sec2 {

    position: relative;

    padding: 15vw 0 15vw;

}

#sec2 .box {

    padding: 5%;

    border: 3px solid #f33b3b;

    position: relative;

}

#sec2 .box::before {

    content: "";

    position: absolute;

    border: 1px solid #f33b3b;

    left: 2px;

    top: 2px;

    right: 2px;

    bottom: 2px;

}

#sec2 .box h2 {

    text-align: center;

    font-size: 6vw;

    letter-spacing: 0.3em;

    line-height: 1.7;

    margin: -23vw -1% 7vw;

    z-index: 5;

    position: relative;

}

#sec2 .box h2 span {

    font-size: 7vw;

    background: #f33b3b;

    color: #fff;

    margin: 1vw -2% 0;

    border-radius: 50%;

    padding: 1% 2% 1% 4%;

    text-align: center;

    display: inline-block;

}

#sec2 .box .list-icon {

    justify-content: center;

    margin-bottom: 3vw;

}

#sec2 .box .list-icon .item {

    width: 40%;

    margin: 0 1%;

}

#sec2 .box .list-icon .item .icon {

    width: 80%;

    margin: 0 auto 2vw;

}

#sec2 .box .list-icon .item .ttl {

    background: #f33b3b;

    color: #fff;

    text-align: center;

    font-size: 14px;

    line-height: 25px;

    letter-spacing: 1px;

}

#sec2 .box .txt {

    margin-top: 7vw;

}

@media screen and (min-width: 768px) {

    #sec2 {

        padding: 25px 0 99px;

    }

    #sec2 .box {

        padding: 25px 25px 54px;

        margin: 0 -49px;

    }

    #sec2 .box h2 {

        font-size: 30px;

        margin: -108px 0 41px;

        letter-spacing: 11px;

    }

    #sec2 .box h2 span {

        font-size: 35px;

        margin-top: 0px;

        padding: 2px 0 2px 9px;

        margin: 0 -7px;

        width: 64px;

        height: 64px;

        box-sizing: border-box;

    }

    #sec2 .box .list-icon {

        margin-bottom: 3px;

    }

    #sec2 .box .list-icon .item {

        width: 172px;

        margin: 0 42px;

    }

    #sec2 .box .list-icon .item .icon {

        margin: 0 auto 0px;

        width: 140px;

    }

    #sec2 .box .list-icon .item .ttl {

        font-size: 16px;

        padding: 3px;

        letter-spacing: 6px;

    }

    #sec2 .box .txt {

        margin-top: 51px;

        text-align: center;

    }

}



/* sec3 */

#sec3 {

    position: relative;

    padding: 19vw 5% 14vw;

    background: url("../img/recruit/sec3_bg.jpg") no-repeat right 44% bottom 0;

    background-size: cover;

}

#sec3 .box {

    position: relative;

    padding: 10% 5%;

    background: rgba(255, 255, 255, 0.85);

}

#sec3 .box h2 {

    font-size: 7vw;

    letter-spacing: 0.2em;

    line-height: 1.6;

    margin-bottom: 5vw;

}

#sec3 .box h2 small {

    font-size: 6vw;

}

#sec3 .box h2 .red {

    font-size: 7vw;

    color: #fff;

    background: #f33b3b;

    padding: 1% 3%;

    margin-right: 2%;

}

#sec3 .box .txt {

    margin-bottom: 6vw;

}

#sec3 .box .btn-shared a{

	padding-left: 22%;

}

@media screen and (min-width: 768px) {

    #sec3 {

        padding: 76px 101px 65px;

        background-position: center;

    }

    #sec3 .box {

        padding: 55px 39px 74px 50px;

        width: 662px;

        box-sizing: border-box;

    }

    #sec3 .box h2 {

        font-size: 35px;

        margin-bottom: 35px;

        letter-spacing: 5px;

    }

    #sec3 .box h2 small {

        font-size: 30px;

        letter-spacing: 12px;

    }

    #sec3 .box h2 .red {

        font-size: 35px;

        letter-spacing: 7px;

        padding: 3px 14px;

        margin-right: 5px;

    }

    #sec3 .box .txt {

        margin-bottom: 54px;

    }

	#sec3 .box .btn-shared a{

		padding-left: 50px;

	}

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    #sec3 {

        padding-left: 30px;

    }

}



/* sec4 */

#sec4 {

    position: relative;

    padding: 15vw 0 11vw;

}

#sec4 h2 {

    font-size: 7vw;

    position: relative;

    padding-left: 18%;

    margin-bottom: 6vw;

}

#sec4 h2::before {

    content: "";

    background: url("../img/recruit/sec4_ttl_logo.png") no-repeat;

    position: absolute;

    top: -3vw;

    left: 3%;

    width: 16vw;

    background-size: 100%;

    height: 12vw;

}

#sec4 .txt {

    margin: 0 auto 6vw;

    max-width: 320px;

	text-align: center;

}

#sec4 .txt li {

    text-align: center;

    padding: 5px;

    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);

	display: inline-block;

}

#sec4 .slider {

    padding-top: 14vw;

}

#sec4 .slider .slick-prev {

    top: -20px;

    left: 10px;

}

#sec4 .slider .slick-next {

    top: -20px;

    right: 10px;

}

#sec4 .slider .box {

    position: relative;

    border: 5px solid #e22929;

    margin-right: 9vw;

    width: 85vw;

}

#sec4 .slider .box .row {

    position: absolute;

    top: 25vw;

    left: 0;

    z-index: 5;

}

#sec4 .slider .box .row h3 {

    margin-bottom: 2vw;

	white-space: nowrap;

}

#sec4 .slider .box .row h3 span {

    display: inline-block;

    color: #fff;

    background: #e22929;

    font-size: 7vw;

    padding: 2% 5%;

}

#sec4 .slider .box .row .ttl {

    color: #fff;

    font-size: 4.5vw;

    position: relative;

    font-weight: 500;

    line-height: 1.6;

    margin-left: 5%;

    white-space: nowrap;

}

#sec4 .slider .box .row .ttl::after {

    content: "";

    background: url("../img/recruit/sec4_icon1.png") no-repeat;

    width: 24px;

    height: 28px;

    background-size: 100%;

    display: inline-block;

    margin-left: 5px;

    position: absolute;

    top: 2px;

    right: -48px;

}

#sec4 .slider .box .img{

	position: relative;

	z-index: -12;

}

#sec4 .slider .slick-track{will-change: transform;}

@media screen and (min-width: 768px) {

    #sec4 {

        padding: 148px 0 128px;

    }

    #sec4 h2 {

        font-size: 40px;

        padding-left: 0;

        margin-bottom: 28px;

        text-align: center;

        letter-spacing: 16px;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    #sec4 h2::before {

        top: 0;

        left: 0;

        width: 132px;

        height: 111px;

        position: static;

        display: inline-block;

        margin-left: 0;

    }

    #sec4 .txt {

   		max-width: none;

        width: 354px;

        margin: 0 auto 0px;

    }

    #sec4 .txt li {

        padding: 4px 0;

    }

    #sec4 .slider {

        padding-top: 47px;

    }

    #sec4 .slider .slick-prev {

        top: -54px;

        left: 150px;

        width: 49px;

    }

    #sec4 .slider .slick-next {

        top: -54px;

        right: 148px;

        width: 49px;

    }

    #sec4 .slider .box {

        margin-right: 50px;

        width: 590px;

        border-width: 9px;

        box-sizing: border-box;

    }

    #sec4 .slider .box .row {

        top: 255px;

        left: 0;

    }

    #sec4 .slider .box .row h3 {

        margin-bottom: 11px;

    }

    #sec4 .slider .box .row h3 span {

        font-size: 30px;

        padding: 3px 24px 3px 54px;

        min-width: 172px;

        letter-spacing: 11px;

    }

    #sec4 .slider .box .row .ttl {

        font-size: 20px;

        letter-spacing: 6px;

        margin-left: 50px;

    }

    #sec4 .slider .box .row .ttl::after {

        width: 36px;

        height: 37px;

        right: -43px;

        top: 0px;

    }

}







.ttl-shared {

    position: relative;

    background: #f33b3b;

    color: #fff;

    text-align: center;

    padding: 10px;

    letter-spacing: 0.2em;

    line-height: 1.3;

}

.ttl-shared span {

    display: inline-block;

    position: relative;

    font-size: 7vw;

}

.ttl-shared span::before {

    content: "";

    background: url("../img/recruit/sec5_icon1.png") no-repeat;

    width: 21px;

    height: 21px;

    background-size: 100%;

    display: inline-block;

    margin-left: 5px;

    position: absolute;

    top: 50%;

    left: -37px;

    transform: translateY(-50%);

}

.ttl-shared span::after {

    content: "";

    background: url("../img/recruit/sec5_icon1.png") no-repeat;

    width: 21px;

    height: 21px;

    background-size: 100%;

    display: inline-block;

    margin-left: 5px;

    position: absolute;

    top: 50%;

    right: -32px;

    transform: translateY(-50%);

}

@media screen and (min-width: 768px) {

    .ttl-shared {

        padding: 21px;

        letter-spacing: 18px;

    }

    .ttl-shared span {

        font-size: 40px;

        margin-left: 35px;

    }

    .ttl-shared span::before {

        width: 28px;

        height: 28px;

        left: -60px;

    }

    .ttl-shared span::after {

        width: 28px;

        height: 28px;

        right: -36px;

    }

}





/* sec5 */

#sec5 {

    position: relative;

    padding: 5vw 0 0;

}

#sec5 h2 {

    margin-bottom: 10vw;

}

#sec5 .row {

    flex-direction: column;

    margin-bottom: 5vw;

}

#sec5 .row .photo {

    margin-bottom: 6vw;

}

#sec5 .row .col{

	margin-bottom: 6vw;

}

#sec5 .row .col h3 {

    text-align: center;

    font-size: 5vw;

    margin-bottom: 3vw;

    letter-spacing: 0.2em;

}

@media screen and (min-width: 768px) {

    #sec5 {

        padding: 20px 0 64px;

    }

    #sec5 h2 {

        margin-bottom: 87px;

    }

    #sec5 .row {

        margin-bottom: 60px;

        flex-direction: row;

        justify-content: space-between;

        align-items: center;

    }

    #sec5 .row.row-reverse {

        flex-direction: row-reverse;

        margin-bottom: 50px;

    }

    #sec5 .row.row-reverse .photo {

        margin-left: -50px;

        margin-right: 12px;

    }

    #sec5 .row.row-reverse .col {

        margin-right: -20px;

    }

    #sec5 .row .photo {

        margin-bottom: 20px;

        margin-right: -50px;

    }

    #sec5 .row .col {

        width: 450px;

    }

    #sec5 .row .col h3 {

        font-size: 25px;

        margin-bottom: 7px;

        letter-spacing: 10px;

        line-height: 45px;

    }

    #sec5 .row:first-child .col h3 {

        margin-bottom: 44px;

    }

    #sec5 .row.row-reverse .col h3 {

        margin-bottom: 20px;

        margin-top: -44px;

    }

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    #sec5 .wrap {

        width: 1100px;

    }

    #sec5 .row.row-reverse .col {

        margin-right: 0;

    }

    #sec5 .row .col {

        max-width: 43%;

    }

    #sec5 .row .col h3 {

        font-size: 22px;

    }

}





/* sec6 */

#sec6 {

    position: relative;

    padding: 6vw 0 1vw;

}

#sec6 h2 {

    margin-bottom: 10vw;

}

#sec6 h2 span::before {

    background: url("../img/recruit/sec6_icon1.png") no-repeat;

    background-size: 100%;

}

#sec6 h2 span::after {

    background: url("../img/recruit/sec6_icon1.png") no-repeat;

    background-size: 100%;

}

#sec6 .group {

    flex-direction: column;

}

#sec6 .group .js {

    margin-bottom: 7vw;

}

#sec6 .group .js .sec6-thumb {

    margin-top: 1vw;

    width: 80%;

    margin-left: auto;

}

#sec6 .group .js .sec6-thumb .slick-track {

    flex-wrap: nowrap;

    display: flex;

	transform: none !important;

}

#sec6 .group .js .sec6-thumb .slick-slide {

    margin-right: 2%;

}

#sec6 .group .js .sec6-thumb .slick-slide:last-of-type{

		margin-right: 0;

}

#sec6 .group .js .sec6-thumb .slick-slide li {

    position: relative;

}

#sec6 .group .js .sec6-thumb .slick-slide li::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 10;

}

#sec6 .group .js .sec6-thumb .slick-slide.slick-current li::before {

    opacity: 0;

    visibility: hidden;

}

#sec6 .group .right .row {

    margin-bottom: 13vw;

    position: relative;

}

#sec6 .group .right .row::after {

    content: "";

    position: absolute;

    background: url("../img/recruit/sec6_icon_arrow.png") no-repeat;

    bottom: -11vw;

    width: 20px;

    height: 27px;

    background-size: 100%;

    left: 0;

    right: 0;

    margin: 0 auto;

}

#sec6 .group .right .row dt {

    font-size: 6vw;

    margin-bottom: -1.5vw;

    line-height: 1.2;

}

#sec6 .group .right .row dt span {

    color: #e22929;

    font-size: 7vw;

    margin-right: 2%;

}

#sec6 .group .right .row dd {

    padding: 3%;

    background: #f7f7f7;

    border: 3px solid #e22929;

}

#sec6 .group .right .row:last-of-type::after {

    display: none;

}

@media screen and (min-width: 768px) {

    #sec6 {

        padding: 20px 0 24px;

    }

    #sec6 .wrap {

        width: 1200px;

    }

    #sec6 h2 {

        margin-bottom: 94px;

        letter-spacing: 13px;

    }

    #sec6 h2 span::before {

        left: -70px;

    }

    #sec6 h2 span::after {

        right: -49px;

    }

    #sec6 .group {

        display: flex;

        flex-direction: row;

        max-width: 1090px;

        margin: 0 auto;

        justify-content: space-between;

    }

    #sec6 .group .js {

        margin-bottom: 20px;

        width: 505px;

        height: 500px;

    }

    #sec6 .group .js .sec6-thumb {

        margin-top: 7px;

        width: 335px;

    }

    #sec6 .group .js .sec6-thumb .slick-slide {

        width: 80px !important;

        margin-right: 6px;

        cursor: pointer;

    }

	

    #sec6 .group .js .sec6-thumb .slick-slide:hover {

        opacity: 0.8

    }

    #sec6 .group .js .sec6-thumb .slick-slide li {

        width: 80px;

    }

    #sec6 .group .right {

        width: 512px;

    }

    #sec6 .group .right .row {

        margin-bottom: 76px;

    }

    #sec6 .group .right .row::after {

        width: 39px;

        bottom: -75px;

        height: 50px;

    }

    #sec6 .group .right .row dt {

        font-size: 25px;

        margin-bottom: -5px;

        letter-spacing: 8px;

        line-height: 40px;

    }

    #sec6 .group .right .row dt span {

        font-size: 35px;

        margin-right: 16px;

        letter-spacing: 0;

    }

    #sec6 .group .right .row dd {

        padding: 33px 33px 38px;

    }

    #sec6 .group .right .row:last-of-type::after {}

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    #sec6 .group .js {

        max-width: 48%;

    }

    #sec6 .group .right {

        max-width: 50%;

    }

}





/* sec7 */

#sec7 {

    position: relative;

    padding: 5vw 0 11vw;

}

#sec7 .bg {

    padding: 37vw 5vw 6vw;

    background: url("../img/recruit/sec7_bg.jpg") no-repeat right 66% top 0;

    background-size: cover;

    margin-bottom: 8vw;

}

#sec7 .bg .wrap {

    padding: 0;

}

#sec7 .bg h2 .t1 small {

    background: #fff;

    padding: 1% 4%;

    color: #000;

    font-size: 5vw;

    display: inline-block;

    margin-bottom: 2vw;

}

#sec7 .bg h2 .t2 {

    background: #f33b3b;

    color: #fff;

    font-size: 5.8vw;

    display: inline-block;

    padding: 2%;

    margin-top: 5vw;

}

@media screen and (min-width: 768px) {

    #sec7 {

        padding: 14px 0 122px;

    }

    #sec7 .wrap {

        width: 1200px;

    }

    #sec7 .bg {

        padding: 231px 20px 220px;

        background-position: center;

        margin-bottom: 110px;

    }

    #sec7 .bg h2 {

        width: 700px;

    }

    #sec7 .bg h2 .t1 small {

        padding: 0px 7px 0 26px;

        font-size: 30px;

        margin-bottom: 14px;

        letter-spacing: 12px;

    }

    #sec7 .bg h2 .t1 small:nth-child(2) {

        letter-spacing: 12px;

        padding: 0 0px 0 6px;

    }

    #sec7 .bg h2 .t2 {

        font-size: 35px;

        padding: 9px 1px 9px 25px;

        margin-top: 33px;

        letter-spacing: 14px;

    }

    #sec7 .btn-shared {

        margin: 0 auto;

    }

    #sec7 .btn-shared a {

        padding-left: 70px;

    }

}





/* sec8 */

#sec8 {

    position: relative;

    padding: 5vw 0 0vw;

}

#sec8 h2 {

    margin-bottom: 10vw;

}

#sec8 h2 span::before {

    background: url("../img/recruit/sec8_icon1.png") no-repeat;

    background-size: 100%;

}

#sec8 h2 span::after {

    background: url("../img/recruit/sec8_icon1.png") no-repeat;

    background-size: 100%;

}

#sec8 .box {

    padding: 5% 5% 0;

    border: 1px solid #000;

    margin-bottom: 8vw;

}

#sec8 .box dl {

    line-height: 25px;

    border-bottom: 1px solid #a5a5a5;

    padding-bottom: 20px;

    margin-bottom: 20px;

    position: relative;

}

#sec8 .box dl::after {

    content: "";

    background: #858585;

    width: 30%;

    height: 2px;

    position: absolute;

    bottom: 0;

    left: 0;

}

#sec8 .box dl dt {

    margin-bottom: 5px;

    font-family: NotoSerifCJKjp;

}



#sec8 .group-btn {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-direction: column;

}

#sec8 .group-btn .btn-shared {

    margin-bottom: 6vw;

    width: 85%;

}

@media screen and (min-width: 768px) {

    #sec8 {

        padding: 20px 0 85px;

    }

    #sec8 h2 {

        margin-bottom: 54px;

    }

    #sec8 .box {

        padding: 75px 60px;

        margin-bottom: 90px;

    }

    #sec8 .box dl {

        display: flex;

        width: 640px;

        margin: 0px auto 12px;

        line-height: 35px;

        padding-bottom: 0;

        border-bottom: 0;

    }

    #sec8 .box dl dt {

        width: 186px;

        letter-spacing: 7px;

        font-size: 18px;

        border-bottom: 2px solid #858585;

        margin-right: 3px;

        margin-bottom: 0;

        padding-bottom: 8px;

    }

    #sec8 .box dl dd {

        width: calc(100% - 100px);

        border-bottom: 1px solid #a5a5a5;

        padding-bottom: 13px;

    }

    #sec8 .box dl::after {

        display: none

    }

    #sec8 .group-btn {

        /* flex-direction: row; */

        justify-content: space-between;

        width: 880px;

        margin: 0 auto;

    }

    #sec8 .group-btn .btn-shared {

        margin-bottom: 20px;

    }

}

.close {

    top: 0px;

}

.remodal-close {

    top: -50px;

    background: url("../img/recruit/btn_close.png") no-repeat;

    background-size: 100%;

    width: 27px;

}

.remodal-close:before {

    display: none;

}

.remodal-wrapper {

    padding: 19% 5% 5%;

}

.remodal-overlay {

    background: rgba(0, 0, 0, 0.8);

}

.popup-slider .popup {

    padding: 10% 5% 6% !important;

	border-bottom: 10px solid #e22929;

	background: #fff;

}

.remodal-wrapper {

    padding: 19% 5%;

}

.remodal {

    padding: 60px 0 30px;

	background: none;

}

.popup .row {

    flex-direction: column-reverse;

}

.popup .row .photo {

    margin-bottom: 5vw;

}

.popup .row .col {

    margin-bottom: 6vw;

}

.popup .row h3 {

    color: #e22929;

    font-size: 7vw;

    margin-bottom: 5vw;

    letter-spacing: 0.3em;

}

.popup .btn-close {

    margin: 0 auto;

    background: none;

    border: none;

    width: 100px;

}

@media screen and (min-width: 768px) {

	.close{

		top: -30px;



	}

    .remodal-close {

        top: -10px;

        width: 54px;

        height: 55px;

    }

    .remodal-close:hover {

        opacity: 0.8

    }

    .remodal-wrapper {

        padding: 20px;

    }

    .popup-slider .popup {

        padding: 70px 0 40px !important;

    }

    .remodal-wrapper {

        padding: 20px;

    }

    .remodal {

        border-bottom-width: 16px;

    }

    .popup .row {

        flex-direction: row-reverse;

        justify-content: space-between;

        max-width: 1010px;

        margin: 0 auto;

        align-items: center;

    }

    .popup .row .photo {

        margin-bottom: 40px;

    }

    .popup .row .col {

        margin-bottom: 20px;

        width: 460px;

    }

    .popup .row h3 {

        font-size: 30px;

        margin-bottom: 44px;

        text-align: left;

        letter-spacing: 12px;

    }

    .popup .btn-close {

        width: auto;

    }

	.popup .btn-close:hover{

		opacity: 0.8;

	}

}