﻿/*header*/
#pc_nav ul li a.txt_white{
    color: #333;
}
.menu-trigger-bar{
    background-color: #333;
    
}
header.scr_header {
    background-color: rgb(204 210 228 / 85%)!important;
}
/*FV*/
#main_img{
    caret-color: rgba(255,255,255,0);
}
#main_img:before{
    background-color: rgba(0,0,0,0);
}
#fv_image{
    top: 30vh;
    right: 0;
    width: 73%;
}
#fv_image img{
    border-radius: 150px 0 0 150px;
    width: 100%;
}
#fv_image::before {
    content:"";
    width: 220px;
    height: 570px;
    background-image: url('./Dup/img/pallet1.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 75px;
    left: -141px;
    z-index: -1;
}
#fv_image::after {
    content:"";
    background-image: url('./Dup/img/pallet2.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 500px;
    height: 272px;
    position: absolute;
    top: -247px;
    left: 173px;
}
#catchCopy{
    top: 50vh;
    right: 0;
}
#catchCopy h1{
    padding: 20px;
    background-color: rgba(0,0,0,0.65);
    border: solid 3px #fefefe;
    border-radius: 30px;
    font-size: 2.0rem;
    color: #fefefe;
    text-align: center;
}
#catchCopy h1 span{
    font-size: 3.0rem;
    color: #ff3c3c;
    padding-right: 10px;
    font-weight: 600;
}
@media screen and (max-width: 821px){
    #catchCopy{
        top: 70vh;
    }
    #catchCopy h1{
        font-size: 1.6rem;
    }
    #catchCopy h1 span{
        font-size: 2.0rem;
    }
}
@media screen and (max-width: 668px){
    #fv_image{
        min-height: 325px;
        width: 80%;
    }
    #fv_image img{
        height: 325px;
        width: auto;
    }
    #fv_image::before{
        width: 220px;
        height: 316px;
        top: 75px;
        left: -69px;
    }
    #fv_image::after{
        width: 500px;
        height: 185px;
        top: -169px;
        left: 173px;
    }
}
@media screen and (max-width: 475px){
    #fv_image{
        top: 23vh;
    }
    #fv_image::before{
        width: 220px;
        height: 316px;
        top: 0;
        left: -69px;     
     }
    #fv_image::after{
        width: 500px;
        height: 144px;
        top: -131px;
        left: 73px;
    }
    #catchCopy{
        top:65vh;
        left: 0;
    }
    #catchCopy h1{
        font-size: 1.2rem;
    }
    #catchCopy h1 span{
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 375px){
    #catchCopy h1{
        font-size: 1.0rem;
    }
}
/*top*/
.modal_title1 br{
    display: none;
}
.intro_title1.font_50{
    font-size: 48px;
}
#contents .con_title{
    font-size: 56px;
}
@media screen and (max-width: 768px){
    .intro_title1.font_50{
    font-size: 36px;
}
    #contents .con_title{
        font-size: 36px;
    }
    #contents .con_title br{
        display: none;
    }
}