@charset "UTF-8";

#zoom + section .content_wrap{
   border: 10px solid var(--i_btn_color);
    padding: 1rem;
}

#zoom + section .content {
   padding: 3vw;
   border: 1px solid var(--i_btn_color);
    text-align: center;
}

#zoom + section .content_title-wrap {
    display: inline-block;
}

#zoom + section .content_title {
   font-size: 2.8rem;
   font-weight: 600;
    text-align: center;
    display: block;
    border-bottom: 5px solid var(--i_btn_color);
}

#zoom + section .content_box {
display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    align-items: center;
justify-content: center;
    margin-top: 5rem;
}
#zoom + section .content_box-text {
    width: 70%;
    text-align: left!important;
}

#zoom + section .marker {
    border-bottom: 5px solid var(--i_btn_color);
}

#zoom + section .content_box-img {
    width: 20%;
    margin-left: 3%;
}

#zoom + section .content_btn {
        margin-top: 3rem;
}

#zoom + section .content_btn a {
max-width: 840px;
    min-width: 200px;
    border: 1px solid var(--i_btn_color);
    text-align: center;
    background: #fff;
    color: #000 !important;
    position: relative;
    display: inline-block;
    padding: 10px;
    transition: .4s ease-in-out;
    font-family: inherit;
}

#zoom + section .content_btn a:hover {
    background: var(--i_btn_color);
    color: #fff !important;
}

@media screen and (max-width: 800px) {
#zoom + section .content_title {
    font-size: 5vw;
}

#zoom + section .content_box {
    margin-top: 2vh;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
}

#zoom + section .content_box-text {
    width: 100%;
    text-align: left!important;
    margin-top: 2rem;
}

#zoom + section .content_box-img {
    width: 100%;
    margin-left: 0;
}
}