@charset "utf-8";
.child_service{
    width:19rem;
    left:-5rem;
}
.child_quotation{
    width: 15rem;
    left:-1rem;
}
.child_ul{
    width:15rem;
}
.txt_framel p{
    width:100%;
}
.page_ico{
    width:20rem;
}
.why_container{
    width:76%;
}
.why_item{
    height:auto;
}
.what_service .why_item{
    min-height:22rem;
}

.contact_info{
    width:54%;
}
.contact_info p{
    width:100%;
    margin-bottom: 1rem;
}
.contact_info span{
    display: inline-block;
}
.info_f{
    float: left;
    width:32%;
}
.info_i{
    width:66%;
}
.server_item{
    position: relative;
    height:27.5rem;
}
.server_item button{
    position: absolute;
    bottom:0;
    left:50%;
	transform: translate(-50%, 0%); 
}
.header_mulu li a.selected_mulu{
    letter-spacing: -0.05rem;
    font-size: 1.4rem;
}
.header_mulu li a:hover{
    letter-spacing: -0.05rem;
}

.quotation_node1 span{
    margin-left:4rem;
}
.quotation_node2 span{
    margin-left:3rem;
}
.quotation_node3 span{
    margin-left:4rem;
}
.option_item{
    width:47%;
}
.option_item_other,.big_option_item{
    width:100%;
}

.parent_a::after{
	top:-2.9rem;
}
.replace_a::after{
	top:-1.45rem;
}
.contact_item{
    width:33%;
    margin-right:2%;
}
.contact_item:last-child{
    width:28%;
    margin:0;
}
.contact_item p{
    font-size: 1.2rem;
}
.quotation_formbox{
    width:44rem;
}
.selected_option_bj{
	font-weight: 500;
}
#home_about{
    padding:5rem 11rem;
}
p.success_submit{
	padding-top:6rem;
}
/* 20210223 */
.banner_bgbox h1{
    font-size: 4.5rem;
}

@media screen and (max-width: 700px) {
    #home_about{
        background-size: 140%;
        padding:0;
        top:-4rem;
        height:23rem;
        margin-bottom: 29rem;
    }
    .about_txt{
        top:24rem;
    }
    .fontshou {
        width:41%;
    }
    .mobilenav2, .mo_quotation_menu{
        width:50%;
        left:41%;
    }
    .txt_box{
        padding:1.5rem 3rem;
    }
    .page_ico{
        width:100%;
    }
    .content_title_en {
        width:80%;
        line-height: 1.3em;
    }
    .content_title_en::before{
        height:50%;
    }
    .why_container{
        width:96%;
    }
    .work_txt h2{
        font-size: 1.6rem;
    }
    .work_txt p{
        font-size: 1.2rem;
    }
    .contact_content{
        flex-wrap: wrap;
    }
    .contact_item{
        width:100%;
        margin-right: 0;
    }
    .contact_info p{
        margin-bottom: 0.5rem;
    }
    .info_f{
        color: #000;
    }
    .info_f ,.info_i{
        width:100%;
    }

    .server_item{
        height:auto;
    }
    .server_item button{
        position: relative;
        left:0;
        transform: translate(0%, 0%);
    }

    .banner_bgbox h1{
        font-size: 2.5rem;
    }
    
    .option_item{
        width:48%;
        font-size: 1.1rem;
    }
    .option_item_other,.big_option_item{
        width:100%;
    }
    .quotation_txt h1{
        font-size: 2rem;
    }
    .contact_item:last-child{
        width:100%;
    }
    .contact_item p{
        font-size: 1.4rem;
    }

    .quotation_formbox {
        width: 92vw;
    }
}

@media screen and (max-width: 376px){
    .video_contact{
        height:19rem;
    }
    #home_about h1 {
        font-size: 7rem;
    }

    .quotation_node2 span{
        margin-left:2.5rem;
    }
    .quotation_node3 span{
        margin-left:3rem;
    }
    .quotation_form{
        width:90%;
    }
    .option_item{
        font-size: 1rem;
    }
    #home_about{
        background-size: 140%;
        top:-4rem;
        height:21rem;
        margin-bottom: 33rem;
    }
    .about_txt{
        top:22rem;
    }
	
}
@media screen and (max-width: 361px) {
    .video_contact{
        height:18rem;
    }
    .quotation_txt h1 {
        font-size: 1.8rem;
    }
}