






h3.iconH3{font-weight: 900;font-size: 25px;
    background: url(/common/images/icon/icon_noword.png) no-repeat left center; display: block;
    background-size: 20px;
    padding-left: 30px;
    margin-bottom: 50px;}
    
    
    .careerContHeader{ width: auto; position:relative;margin-bottom: 20px;}
    .careerContHeader p{display: inline-block; text-align: center; margin-bottom: 0;}
    .careerContHeader p span{
        font-family: "Hind Madurai", sans-serif;
        font-weight: 700;
        line-height: 1em;
        display: inline-block;
        background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
        background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
        font-size: 18px;
        padding: 5px 0 3px;
        width: 180px;
        letter-spacing: 0.1em;
        color: #fff;
    }
    
    .careerContHeader h2{
        font-size: 21px;
        display: block;
        line-height: 1.4em;
        position: absolute;left: 200px;top: -0px;
        color: #b8045e;
        font-weight: 900;
    }
    
    
    @media(max-width:750px){
    
        .careerContHeader{ margin-bottom: 30px;}
        .careerContHeader p span{
            font-size: 24px;
            padding: 5px 0 3px;
            width: 250px;
        }
        
        .careerContHeader h2{
            font-size: 26px;
            position: absolute;left: 260px;top: 1px;
        }
        
    }
    
    
    
    @media(max-width:750px){
    
    
    }
    
    
    
    /* ---------------------------------------------------------------------------------
    buy */
    
    .catch_BIG{
        font-weight: 900;
        font-size: 40px;
        line-height: 1.4em;
    }
    
    .catch_BIG.kakko{text-indent: -0.5em;}
    
    .cModelArea{margin: 0 50px;}






    /*
    .cModelArea .ig{width: 48%; float: left;}
    .cModelArea ul{ width: 50%; float: right;}
    */
    .cModelArea .ig{width: 60%; float: none; margin:0 auto 50px;}
    .cModelArea ul{ width: auto; float: none;}

    .cModelArea ul{
        width: auto;
        margin: 0 auto 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 5px;
    }






    
    .cModelArea ul li{border: 1px solid #b8045e; border-radius: 7px;margin-bottom: 15px;padding: 13px; position: relative;}


    .cModelArea ul li h4{color: #b8045e;font-weight: 900;margin-bottom: 7px;display: block;padding-left: 30px; line-height: 1.4em;}
    .cModelArea ul li p{font-size: 14px;margin-left: 70px;line-height: 1.4em;}
    .cModelArea ul li a{ margin-left:70px; display:block; border: 1px solid #b8045e;width: 140px; text-align: center; line-height: 1em;padding: 5px 0; border-radius: 3px; color: #b8045e;font-size: 14px;}
    .cModelArea ul li a:hover{ background: #b8045e; color: #fff;}
    
    .cModelArea ul li img{ width: 70px; position: absolute; left: 10px; bottom: 0;}
    
    .cModelArea ul li h4.i01{ background: url(/common/images/icon/iconMaru_01.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i02{ background: url(/common/images/icon/iconMaru_02.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i03{ background: url(/common/images/icon/iconMaru_03.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i04{ background: url(/common/images/icon/iconMaru_04.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i05{ background: url(/common/images/icon/iconMaru_05.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i06{ background: url(/common/images/icon/iconMaru_06.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i07{ background: url(/common/images/icon/iconMaru_07.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i08{ background: url(/common/images/icon/iconMaru_08.jpg) no-repeat left top;background-size: 26px;}
    .cModelArea ul li h4.i09{ background: url(/common/images/icon/iconMaru_09.jpg) no-repeat left top;background-size: 26px;}
    
    .ig2{margin: 0 auto; max-width: 900px;}
    
    @media(max-width:750px){
        .cModelArea{margin: 0 auto;}
    
        .cModelArea .ig{width: auto; float: none; margin-bottom: 40px;}
        .cModelArea ul{ width: auto; float: none;
            grid-template-columns: repeat(1, 1fr);}
        .ig2{margin: 0; width: auto;}
    
        .cModelArea ul li img{ width: 150px; position: absolute; left: 10px; bottom: 0;}
    
        .cModelArea ul li{margin-bottom: 25px;padding: 25px;}
        .cModelArea ul li h4{margin-bottom: 7px;display: block;padding-left: 50px;font-size: 30px;}
        .cModelArea ul li p{font-size: 24px;margin-left: 140px;}
        .cModelArea ul li a{ margin-left:140px; display:block; border: 1px solid #b8045e;width: 240px; text-align: center; line-height: 1em;padding: 15px 0; border-radius: 3px; color: #b8045e;font-size: 24px;}
        .cModelArea ul li h4{ background-size: 40px !important;}
    }
    
    
    
    /* ---------------------------------------------------------------------------------
    train */
    
    .train{}
    .train{ display: table;margin-bottom: 20px; width: 100%;}
    .train dt{
        text-align: center;
        display: table-cell;width:240px;height: 240px;vertical-align: middle; color: #fff; font-size: 20px;
        background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
        background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
        padding: 2px;
    }
    .train dt div{border: 1px solid #f8d3e6; height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .train dt img{ width: 30px; margin-bottom: 10px;}
    .train dt span{ display: block;}
    .train dt span span{font-size: 80%;}
    .train dd{ display: table-cell;vertical-align: middle;padding: 20px; background: #efefef; font-size: 15px;}
    .train dd p:last-child{margin-bottom: 0;}
    
    .careerArrow{ text-align: center;}
    .careerArrow img{ width: 50px;}
    .moreTrain{ width: auto; max-width:750px; margin: 0 auto;padding: 20px 30px; text-align: center; border: 1px solid #aaa;border-radius: 8px;font-size: 120%; }
    
    .moreTrain span{ display: inline-block; border-bottom: 2px solid #b8045e;}
    
    
    @media(max-width:750px){
    .train{ display: block;margin-bottom: 20px; width: auto;}
    .train dt{
        text-align: center;
        display: block;width:auto;height: auto;vertical-align: middle; color: #fff; font-size: 30px;
        padding: 4px;
    }
    .train dt div{
        padding: 20px;
        display: block;
    }
    .train dt img{ width: 35px; margin-bottom: 10px; position: relative; top: 4px;margin-right: 10px;}
    .train dt span{ display: inline-block;}
    .train dt span span{font-size: 80%;}
    .train dd{ display: table-cell;vertical-align: middle;padding: 50px; background: #efefef; font-size: 24px;}
        
    }
    
    
    
    