@charset "utf-8";

/*SP改行非表示*/
@media screen and ( max-width:769px) 
{
	.nosp {
		display: none;
	}
    text-segment{letter-spacing: 2px;}
    #rotating-text {
    /* スタイルをカスタマイズ */
    font-size: 18px;
    font-weight: bold;
}

}


/*PC改行非表示*/
@media screen and ( min-width:768px) 
{
	.nopc {
		display: none;
	}
}

/* CSS Document */
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
}

@media (max-width:1400px) {
}

@media (max-width:1215px) {
}

@media (max-width:1150px) {
}

@media (max-width:1060px) {
}	

@media (max-width: 991px) {
}

@media (max-width: 768px) { 
   h4.new_tit2{font-size: 15px;
}.kasopage h3 {
    margin-bottom: 40px;
    }
    .kaso_company p.mintext{    top: -40px;}
    #merit .merit_box2 img {
    top: -10vh;
    max-width: 26vw;
}#merit .merit_box2 {
    margin-right: 8vw;}
    #merit .merit_box2 .merit_text {
    left: 47%;
    width: 60%;
}#merit .merit_box2 span.number{    z-index: 1;}
    .merit_box2 h3 br{display:none;}
    .single-contents h3{    font-size: 120%;
    line-height: 150%;}
    
    .kaso-head h2{    font-size: 220%;}
    .robo_position {
        position: inherit;
        max-width: 180px;
        margin: 0 auto;
        padding-top: 20px;
        display: none;
    }

    #introduction{
        background:none;
    }
    
    #introduction .intro {
        writing-mode: horizontal-tb;
        text-align: justify;
        word-break: break-all;
    }
    
    #introduction span {
        margin: 10px 0;
        font-size: 1.3rem;
    }

    #introduction .intro h2{
        font-size:2rem;
    }

    #introduction p{
        font-size:1rem;
    }

    #introduction .dot{
        max-width: 300px;
    }

    #introduction .intro_bottom{
        height:35vh;
    }

    #business{
        margin-top: 100px;
    }

    #business .busbg{
        height: 30vh;
    }
    #business .busbg a{
        font-size:1.5rem;
    }
    #business:after{
        height: 40vh;
    }

    .back1{
        height:30vh;
    }
    .back1 .dot{
        max-width: 250px;
    }

    #merit .merit_box1 img.merit_img{
        height: 20vh;
        left: -40vw;
    }

    #merit .merit_box2{
        padding: 20px 50px 50px 5%;
    }

    #merit .merit_box3{
        margin-bottom:50px;
    }

    #merit .merit_box3 img.merit_img{
        height: 20vh;
        left: -40vw;
    }

    #lineup h2{
        margin-bottom: 50px;
    }
    #lineup .robot_box a{
        margin-bottom: 20px;
    }

    .freetrial .wrap{
        font-size:1.5rem;    padding: 40px 14px;
    }

    .slant-bg{
        padding: 250px 0 100px;
    }

    input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], input[type="date"], input[type="tel"], textarea{
        width: 100%;
    }

    .table_contact th{
        padding: 10px;
    }
    span.emphasis{
        position: revert;
        display: block;
        margin:0;
    }

    footer .foot{
        padding:20vh 20px 20vh 20px;
    }
    footer .foot .corp{
        font-size:1.5rem;
    }
    footer .foot .corp span{
        font-size:1.1rem;
    }
    .single-contents{
        padding: 0 20px;
        /*text-align: justify;*/
    }
    /*add*/
    #infomation .container .date{margin-right:16px;    display: block;
}
    #infomation .container ul li{margin-bottom:20px;}

    .company_table_wrap table{width:100%!important;}
.company_table_wrap table td {
    padding: 10px;
    text-indent: unset;
    letter-spacing: 0;
    width: 30%!important;
}
    #map iframe{min-height:260px;height:260px;}

@media (max-width: 600px) {
}

@media (max-width: 576px) {
    #rotating-text p{
    font-size: 14px;
}
}

@media (max-width: 378px) {
}