@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    font-family: Roboto ,"Microsoft JhengHei", "微軟正黑";
    font-weight: 500;
    color: #333;
    line-height: 1.35;
    background: url(../images/bg02.png) repeat-y, url(../images/bg.jpg) repeat #E2E3E6;
    font-size: 1rem;
}

*{
    box-sizing: border-box;
}

button{
    background: transparent;
}

span{
    display: inline-block;
}

li{
    list-style: none;
}

p{
    font-size: 3vw;
    display: inline-block;
}

h1{
    font-size: 4vw;
}

img {
    display: block;
    max-width: 100%;
    /* width: 100%; */
    height: auto;
}

section > div{
    max-width: 1600px;
    width: 87%;
    margin: 0 auto;
    text-align: center;
}

.pc{
    display: block;
}

.mo{
    display: none !important;
}

.m_auto{
    margin-left: auto;
    margin-right: auto;
}

.c_blue{
    color: #0076CE;
}

.fz_m{
    font-size: 2vw;
}

.aic{
    align-items: center;
}

.mt_xl{
    margin-top: 7rem !important;
}

.mt_l{
    margin-top: 6rem !important;
}

.mt_m{
    margin-top: 1.8rem !important;
}

.mr_s{
    margin-right: 3%;
}

.wd_50{
    width: 48%;
    margin: 2vw;
}

.db{
    display: block;
}

/*--kv--*/
.section_kv{
    background: url(../images/kv.png) no-repeat;
    background-position-x:center;
    background-size: 100%;
    background-position-y: 60%;
    padding-bottom: 54%;
    margin-top: -6%;
}

.section_kv h1{
    position: absolute;
    left: 50%;
    transform: translate(-95%, 8%);
    width: 18%;
}

.section_kv h2{
    position: absolute;
    transform: translate(8%, 15%);
    left: 50%;
    width: 26%;
}

.section_kv h3{
    position: absolute;
    transform: translate(-60%, 1012%);
    left: 50%;
    width: 28%;
}

.section_kv span.right{
    position: absolute;
    transform: translate(240%, 212%);
    left: 50%;
    width: 8%;
    display: inline-block;
}

.section_kv span.left{
    position: absolute;
    transform: translate(-240%, 245%);
    width: 13%;
    left: 50%;
    display: inline-block;
}

/*--se01--*/
.se01 div.se01_box{
    display: flex;
    justify-content: center;
}

.se01 div article{
    width: 29%;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    padding: 5.5% 6.3% 4%;
    margin: 0 1vw;
}

.se01 div article ul{
    overflow: hidden;
}

.se01 div article:first-child{
    background-image: url(../images/se01_bg01.png);
}

.se01 div article:nth-child(2){
    background-image: url(../images/se01_bg02.png);
}

.se01 div article:nth-child(3){
    background-image: url(../images/se01_bg03.png);
}

.se01 div article ul li:nth-child(2){
    margin-top: 10%;
}

.se01 div article ul li:nth-child(3){
    margin-top: 10%;
}

/*--fast--*/
.landing_fast > div{
    position: relative;
}

.pe03{
    position: absolute;
    right: 0%;
    top: 10%;
    width: 13%;
}

.pe04{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(102%, 22%);
    width: 37%;
}

.con2{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.con2 ul:first-child li:first-child{
    border-right: 3px solid #C4C4C6;
}

.fast_text p{
    display: flex;
    flex: 1;
    text-align: left;
    font-size: 1.7vw;
}

.fast_text p img, .con2 article h1 img{
    width: 2vw;
    margin-right: 0.5vw;
}

.fast_text_row{
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fast_text_row p:last-child{
    font-size: 1.5vw;
}

.con2 article{
    width: 45%;
    text-align: left;
}

.con2 article span:first-child{
    margin-top: 0;
}

.con2 article span{
    text-align: left;
    margin-top: 3rem;
}

.con2 article h1{
    font-size: 2vw;
    display: flex;
    color: #0076CE;
}

.con2 article h2, .fast_row2 ul li p{
    font-size: 1.7vw;
    text-align: left;
}

.con2 article h1 img{
    width: 2vw;
}

.fast_row2 ul:first-child li h1 img{
    width: 2vw;
}

.con2 article p img,.fast_row2 ul li h1 img{
    width: 2vw;
    margin-right: 0.5vw;
}

.con2 article p{
    display: flex;
    font-size: 1.5vw;
    margin-top: 0.8vw;
}

.fast_row2{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    width: 65%;
    margin: 0 auto;
}

body > section.landing_fast > div:nth-child(5) > div:nth-child(5) > ul:nth-child(1) > li{
    width: 100%;
}

.fast_row2:nth-of-type(2){
    max-width: 1400px;
    position: relative;
}

.fast_row2:nth-of-type(2) ul{
    justify-content: center;
    z-index: 10;
}

.fast_row2:nth-of-type(2) ul li{
    flex: inherit;
    width: inherit;
}

.fast_row2 ul li{
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* flex: 1; */
    width: 60%;
}

.fast_row2 ul{
    margin-top: 2.5rem;
}

.fast_row2 ul, .fast_row2 ul li h1{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.fast_row2 ul li h1{
    color: #0076CE;
    text-align: left;
    display: flex;
    font-size: 1.7vw;
    justify-content: inherit;
}

.fast_row2 ul li p{
    margin-left: 2.5vw;
}

.pe05{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-287%, -22%);
    width: 20%;
}
.pe06{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-114%, -11%);
    width: 50%;
}

.fast_tab{
    margin-top: 2vw;
}

.fast_tab nav ul.tab-m{
    display: flex;
}

.fast_tab nav ul.tab-m li.active a img.active,
.fast_tab nav ul.tab-m li a img.normal{
    display: block;
}

.fast_tab nav ul.tab-m li.active a img.normal,
.fast_tab nav ul.tab-m li a img.active{
    display: none;
}

.fast_pbe{
    position: relative;
}

.fast_pbe img:nth-child(2){
    top: 20%;
    right: 2%;
    width: 50%;
    position: absolute;
}

.fast_pbe img:nth-child(3){
    top: 58%;
    right: 3%;
    width: 50%;
    position: absolute;
}

.mocloum > li{
    justify-content: center;
}

.mocloum > li:first-child{
    width: 55%;
}

.tab_container{
    background: url(../images/tab_top.png) no-repeat #fff;
    background-size: 100%;
    background-position: top center;
    margin-top: -0.8%;
}

.tab_container:after{
    content: '';
    background: url(../images/tab_top.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    margin-top: -6%;
    padding-bottom: 10%;
}

.tabBox{
    background: url(../images/tab_bg.png) repeat-y;
    background-size: 100%;
    background-origin: padding-box;
    background-position: top center;
    margin-top: 11%;
    position: relative;
    z-index: 2;
    width: 100%;
}

.tabBox article{
    margin: -8% 5% 0;
}

.tabBox article .box_t{
    font-size: 2vw;
    color: #0076CE;
}

.tabBox article p{
    font-size: 1.85vw;
}

.tabBox article ul{
    display: flex;
    justify-content: center; 
}

.tabBox article ul li{
    display: flex;
    align-items: center;
    margin-right: 1.8vw;
    font-size: 1.3vw;
}

.tabBox article ul li:last-child{
    margin-right: 0;
}

.tabBox article ul li img{
    width: 1.5vw;
    margin-right: 0.3vw;
}

.tab_list{
    display: flex;
    justify-content: space-around;
}


.tab_list ul{
    flex-direction: column;
}

/*--ruthless--*/

.ruthless_con01{
    display: flex;
    align-items: center;
}

.ruthless_con01 span:first-child{
    margin-right: 2vw;
    width: 45%;
    text-align: left;
}

.ruthless_con01 p{
    margin-top: 1vw;
    font-size: 1.7vw;
    display: flex;
    flex: 1;
}

.ruthless_con01 p img{
    width: 1.7vw;
    margin-right: 0.7vw;
}

.ruthless_con02Box{
    position: relative;
}

.ruthless_con02{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    z-index: 2;
    position: relative;
}

.ruthless_con02 ul{
    background: url(../images/ruthless_boxbg.png) no-repeat;
    background-size: 100%;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5vw 2vw 3%;
}

.ruthless_con02 ul li:first-child img{
    width: 10vw;
    max-width: 159px;
}

.ruthless_con02 ul li:nth-child(2){
    font-size: 2vw;
    margin-top: 0.3vw;
    font-weight: bold;
}

.ruthless_con02 ul li:nth-child(3){
    font-size: 1.7vw;
    text-align: left;
    border-top: 1px solid #fff;
    padding-top: 0.5vw;
}

.ruthless_con02 ul:nth-child(n+4){
    margin-top: 2.5vw;
}

.ruthless .footer{
    display: flex;
    margin-top: 2vw;
    align-items: center;
    justify-content: center;
}

.ruthless .footer img{
    width: 9vw;
    margin-right: 1vw;
}

.pe09{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-230% , -33%);
    width: 18%;
}

/*--準--*/
.accurate > div{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.accurate ul.accurate_text{
    display: flex;
    flex-direction: column;
    position: relative;
}

.accurate ul.accurate_text li{
    display: flex;
    align-items: center;
    font-size: 2vw;
    margin-top: 1.7vw;
    text-align: left;
}

.accurate ul.accurate_text li img{
    margin-right: 1vw;
}

.accurate article{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.accurate article > ul{
    width: 30%;
}

.accurate article > ul > li:first-child{
    background: #6EA204;
    width: 100%;
    padding: 0.2vw 0;
    color: #fff;
    font-size: 2vw;
    margin-bottom: 0.5vw;
    font-weight: bold;
}

.accurate article > ul > li:last-child{
    border: 4px solid #6EA204;
    padding: 0.5vw 1.7vw;
    font-size: 2vw;
    font-weight: bold;
}

.accurate article > ul > li:last-child small{
    font-size: 1.7vw;
    font-weight: normal;
    display: flex;
    justify-content: center;
}

.accurate article > ul:last-of-type > li:last-child small{
    justify-content: flex-start;
    text-align: left;
}

.accurate article > ul > li:last-child small > img{
    width: 1vw;
    margin-right: 0.5vw;
}

.accurate article .accurate_b3blue{
    margin-top: 1.8rem;
    color: #0076CE;
    font-size: 1.85vw;
}

.apexcon {
    display: flex;
    align-items: center;
}

.apexcon article, .apexcon article ul{
    width: inherit;
}

.apexcon article ul li:first-child{
    background: transparent !important;
    display: flex;
    justify-content: center;
}

.apexcon article ul li:nth-child(2){
    color: #CE1126;
    font-weight: bold;
    font-size: 2vw;
}

.apexcon article ul li:last-child{
    border: none !important;
    font-size: 1.7vw;
    font-weight: normal;
}

.apexcon article{
    content: '';
    background: url(../images/accurate_boxTop.png) no-repeat;
    background-size: 100%;
    display: block;
    margin-right: 1.5vw;
}

.apexcon article:last-child{
    margin-right: 0;
}

.apexcon article ul{
    background: url(../images/accurate_boxBg.png) repeat-y;
    background-size: 100%;
    padding: 2vw 0 0;
}

.apexcon article:after{
    content: '';
    background: url(../images/accurate_boxTop.png) no-repeat;
    background-size: 100%;
    display: block;
    padding-bottom: 23%;
    margin-top: -17%;
    transform: rotate(180deg);
}

#landing_apex{
    position: relative;
    padding-top: 2%;
}

.pe07{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(89%, -45%);
    width: 60%;
}

.pe08{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-232%, 200%);
    width: 20%;
}

.apexcon ul li img{
    width: 7vw;
}

.apexcon ul li:nth-child(2){
    font-size: 1.7vw;
    font-weight: bold;
}

.apexcon ul li:last-child{
    border: none;
}

/*--video--*/
.vid-wrap {
    max-width: 88%;
    margin: 0 auto;
}

.responsive-vid {
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.item_vedio iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*--media--*/
#landing_media{
    background: url(../images/media_Bg.png) no-repeat;
    background-size: 100%;
    padding-bottom: 13%;
}

#landing_media article{
    display: flex;
    justify-content: center;
}

#landing_media article a{
    width: 32%;
    margin: 0 2%;
    transition: 0.5s ease;
}

#landing_media article a:hover{
    /* width: 40%; */
    margin: 0 2%;
    transition: 0.5s ease;
    -webkit-filter:brightness(1.2);
}

/*--drawing--*/
#landing_drawing{
    background: url(../images/drawing_Bg.png) no-repeat;
    background-size: 100%;
    
}

.drawing_line{
    display: flex;
    flex-direction: column;
    margin-top: 2vw;
    align-items: center;
    font-size: 2vw;
    font-weight: bold;
}

.drawing_line::before, .drawing_line::after{
    content: '';
    background: url(../images/drawing_line.png) no-repeat;
    width: 100%;
    max-width: 936px;
    padding-bottom: 1%;
    display: block;
}

#landing_drawing small{
    font-size: 1.5vw;
    display: block;
    margin-top: 1vw;
}

#landing_drawing .drawing_time{
    display: flex;
    justify-content: space-evenly;
}

#landing_drawing .drawing_time li{
    display: flex;
    align-items: center;
    font-size: 2vw;
    font-weight: bold;
}

#landing_drawing .drawing_time li span{
    position: relative;
    z-index: 1;
}

#landing_drawing .drawing_time li img{
    width: 8vw;
    margin-right: -0.5vw;
    margin-top: 0.5vw;
}

#landing_drawing .drawing_time li small{
    font-weight: normal;
    margin-left: 1.3vw;
    font-size: 1.5vw;
}

.drawing_pressers{
    display: flex;
    justify-content: space-around;
    margin-top: 6vw;
}

.drawing_pressers ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1.5vw;
}

.drawing_pressers ul:nth-child(2){
    margin-top: -4vw;
}

.drawing_pressers ul li:first-child{
    background: url(../images/drawing_pressertbg.png) no-repeat;
    background-size: 100%;
    padding: 9% 0 20%;
}

.drawing_pressers ul li:last-child{
    font-size: 1.7vw;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

.drawing_pressers ul li:last-child img{
    max-width: 230px;
    margin: 0 auto 1vw;
}

.drawing_pressers ul li:last-child small{
    font-weight: normal;
    color: #808080;
}

.btn_link{
    text-decoration: underline;
    padding: 0 0.5vw;
}

.box_modal.is-active{
    background: #fff;
    padding: 2vw;
    max-width: 60%;
    border-radius: 1.5vw;
    border: 2px solid #F2AF00;
}

.box_modal .btn_close {
    width: 3em;
    min-width: 35px;
    height: 3em;
    min-height: 35px;
    background: #F2AF00;
    border-radius: 100%;
    transform: translate(20%,-35%);
}

.box_modal.is-active h3{
    font-size: 1.5vw;
}

.box_modal.is-active .row{
    margin-top: 1vw;
}

.box_modal.is-active ul.list li{
    margin-bottom: 0.5vw;
}

.box_modal.is-active ul.list li:last-child{
    margin-bottom: 0;
}

/*--footer--*/
footer p{
    font-size: inherit;
}

.modal_content{
    position: relative;
    padding: 0.6rem;
    width: 98%;
}

.content_inner{
    max-height: 85vh;
    padding: 1rem;
    color: #333;
    background: #fff;
}

.content_inner {
    max-height: 70vh;
    padding: 0 1rem 0 0;
}

.award_modal.is-active.drawing_open{
    background: none;
    padding: 0;
    max-width: inherit;
    border: none;
    border-radius: inherit;
}

.award_modal.is-active.drawing_open > .modal_content > .content_inner{
    position: relative;
    background: rgba(255, 255, 255, 1);
    border-radius: 1.5vw;
    border: 2px solid #F2AF00;
    padding: 0;
    overflow: hidden;
    max-height: initial;
}

.award_modal.is-active.drawing_open > .modal_content > .content_inner > .btn_close{
    top: 30px;
    right: 24px;
}



@media screen and (max-width:1640px){
    .se01 div article {
        padding: 4.3% 6.1% 4%;
    }
}

@media screen and (max-width:991px){
    html{
        line-height: 1.5;
    }

    p{
        font-size: 4.5vw;
    }
    
    .pc{
        display: none !important;
    }

    .mo{
        display: block !important;
    }

    .mt_xl {
        margin-top: 2rem !important;
    }

    .mt_l {
        margin-top: 1rem !important;
    }

    .mt_m {
        margin-top: 0.5rem !important;
    }

    .wd_50 {
        width: 100%;
    }

    section > div{
        width: 95%;
    }

    .section_kv h1{
        transform: translate(-94%, 9%);
        width: 33%;
    }

    .section_kv h2 {
        transform: translate(4%, 38%);
        width: 43%; 
    }

    .section_kv span.left {
        transform: translate(-189%, 459%);
        width: 23%;
    }

    .section_kv span.right {
        transform: translate(196%, 311%);
        width: 13%;
    }

    .section_kv h3 {
        transform: translate(-55%, 1208%);
        width: 50%;
    }

    .section_kv {
        padding-bottom: 126%;
        background: url(../images/kv_mobile.jpg) no-repeat;
        background-size: 100%;
    }

    .se01 div article {
        width: 32%;
        padding: 5.5% 5.5% 4%;
    }

    .se01 div article ul li:nth-child(2){
        margin-top: -2%;
    }

    .se01 div article ul li:nth-child(3){
        margin-top: -11%;
    }

    img.img_big{
        max-width: 180%;
        position: relative;
        transform: translateX(-50%);
        left: 50%;
    }

    .pe03 {
        right: -5%;
        top: inherit;
        bottom: -1%;
        width: 35%;
    }

    .con2 {
        flex-direction: column;
    }

    .con2 ul:first-child li:first-child {
        border: none;
    }

    #landing_fast > div.mt_l > div > ul:nth-child(1) > li:nth-child(1) > img{
        margin-top: -16%;
    }

    #landing_fast > div.mt_l > div > ul:nth-child(3) > li:nth-child(1){
        margin-top: 5vw;
        margin-bottom: 3vw;
    }

    .con2 article {
        width: 80%;
    }

    .con2 article h1 {
        font-size: 4vw;
    }

    .con2 article h2{
        font-size: 3vw;
    }

    .pe05{
        transform: translate(-125%, -136%);
        width: 41%;
    }

    .con2 article p {
        font-size: 2.7vw;
    }

    .con2 article h1 img,
    .con2 article p img, .fast_row2 ul li h1 img,
    .fast_row2 ul:first-child li h1 img{
        width: 3vw;
    }

    #landing_fast > div:nth-child(4) > div > article:nth-child(2){
        margin-top: 5vw;
    }

    .fast_row2 ul li h1 {
        font-size: 3.5vw;
    }

    .fast_row2 ul li p {
        font-size: 3.5vw;
        margin-left: 3.2vw;
    }

    .fast_row2 ul{
        justify-content: center;
        margin-top: 1rem;
    }

    #landing_fast > div:nth-child(5) > div:nth-child(6) > ul{
        flex-direction: column;
    }

    #landing_fast > div:nth-child(5) > div:nth-child(6) > ul > li:nth-child(1),
    #landing_fast > div:nth-child(5) > div:nth-child(6) > ul > li:nth-child(2){
        align-items: center;
    }

    #landing_fast > div:nth-child(5) > div:nth-child(6) > ul > li:nth-child(2) > p{
        text-align: center;
        margin-left: 0;
    }

    #landing_fast > div:nth-child(5) > div:nth-child(6) > ul > li:nth-child(1) > img{
        width: 50%;
    }

    .pe06 {
        transform: translate(-43%, -17%);
        width: 43%;
    }

    .tabBox article .box_t {
        font-size: 4vw;
    }

    .tabBox article p {
        font-size: 3.2vw;
    }

    .tabBox article ul {
        justify-content: space-evenly;
    }

    .tabBox article ul li{
        font-size: 2.8vw;
    }

    .mocloum{
        flex-direction: column;
    }

    .mocloum > li:first-child{
        width: 100%;
        align-items: center;
    }

    .tabBox article ul li img{
        width: 2.8vw;
    }

    .tab_list, .ruthless_con01{
        flex-direction: column;
    }

    #fast_tab03 > article{
        margin: -8% 5% 0 25%;
    }

    .ruthless_con01 span{
        width: 70%;
    }

    .ruthless_con01 span.mo{
        margin-top: 3vw;
        width: 63%;
    }

    .ruthless_con01 span.mo p{
        font-size: 3vw;
    }

    .ruthless_con01 span.mo p img{
        width: 3vw;
    }

    .ruthless_con02 ul {
        width: 45%;
        padding: 3vw 4vw 5%;
        margin-top: 2vw;
    }

    .ruthless_con02 ul li:nth-child(2) {
        font-size: 3.8vw;
        margin-top: 1vw;
    }

    .ruthless_con02 ul li:nth-child(3) {
        font-size: 2.5vw;
        padding-top: 1.5vw;
    }

    .ruthless_con02 ul:nth-child(n+3){
        padding: 3vw 3vw 9%;
    }

    .fast_row2{
        width: 95%;
        margin: 0 auto;
    }

    .accurate_text li{
        font-size: 4vw !important;
    }

    .accurate article {
        flex-direction: column;
    }

    .accurate_text li img{
        width: 30%;
    }

    .accurate ul.accurate_text {
        margin-left: 20%;
    }

    .accurate article > ul {
        width: 100%;
        margin-top: 3vw;
    }

    .accurate article > ul :first-child{
        margin-top: 0;
    }

    .accurate article > ul > li:first-child {
        font-size: 4vw;
        padding: 1.5vw;
    }

    .accurate article > ul > li:last-child {
        border: 2px solid #6EA204;
        padding: 1.5vw 1.7vw;
        font-size: 3.5vw;
    }


    .accurate article > ul > li:last-child small {
        font-size: 3vw;
    }

    .accurate article > ul > li:last-child small > img {
        width: 3vw;
    }

    .accurate article .accurate_b3blue {
        font-size: 3.2vw;
    }

    .pe08{
        transform: translate(-178%, 153%);
        width: 34%;
    }

    #landing_apex > img.mt_m{
        width: 75%;
    }

    .apexcon {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .apexcon article {
        margin-right: 0;
        width: 48%;
    }

    .apexcon article:nth-child(2) {
        margin-right: 2%;
    }

    .apexcon article:first-child{
        width: 100%;
    }

    .apexcon ul li img {
        width: 25vw;
    }

    .apexcon article ul li:nth-child(2) {
        font-size: 4vw;
    }

    #landing_media article a {
        width: 47%;
    }

    #landing_video > div > p.mo{
        font-size: 3.5vw;
    }

    .drawing_line,#landing_drawing .drawing_time li{
        font-size: 4vw;
        margin-top: 2vw;
    }

    #landing_drawing small,#landing_drawing .drawing_time li small{
        font-size: 3vw;
    }

    #landing_drawing .drawing_time {
        flex-direction: column;
        margin-left: 15%;
    }

    #landing_drawing .drawing_time li img {
        width: 20vw;
    }

    #landing_drawing .drawing_time li img{
        margin-right: 1vw;
    }

    #landing_drawing > div > ul > li:nth-child(2){
        margin-top: -2%;
    }

    .drawing_pressers ul:first-of-type{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .drawing_pressers ul:first-of-type li:first-child{
        display: flex;
        justify-content: center;
        width: 46%;
    }

    .drawing_pressers ul:first-of-type li:last-child{
        margin-left: -5%;
    }

    .drawing_pressers ul li:last-child img{
        width: 61%;
    }

    .drawing_pressers ul li:first-child img{
        width: 80%;
        margin: 2vw auto;
    }

    .drawing_pressers ul li:last-child {
        font-size: 3.2vw;
        width: 50%;
    }

    .drawing_pressers.mo {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #landing_drawing > div > article.drawing_pressers.mo > ul:nth-child(1) > li:nth-child(2) > img{
        width: 57%;
    }

    .drawing_pressers ul:nth-child(n+2) {
        width: 45%;
        margin-top: 0;
    }

    .drawing_pressers ul:nth-child(n+2) li{ 
        width: 100%;
    }

    #landing_media, #landing_drawing {
        background-size: cover;
        background-position-x: 50%;
    }

    .box_modal.is-active {
        max-width: 90%;
    }

    .box_modal.is-active h3 {
        font-size: 5vw;
    }

    .box_modal.is-active ul.list li {
        margin-bottom: 2.5vw;
    }

    .drawing_line{
        margin-bottom: 3vw;
    }

    .pe07{
        transform: translate(54%, 51%);
        width: 40%;
    }
}

@media screen and (min-width:1921px){
    p{
        font-size: 5rem;
    }

    h1{
        font-size: 7rem;
    }
}