@charset "utf-8";

/* ==================================================================

	work.css
	
=================================================================== */

/* ◇ title
-------------------------------- */	
.contents .accent{
    background:url(../../images/work/accent2.jpg?d=2025) no-repeat 50% 50%; 
    background-size:cover;
}
.contents .mainvisual h2 {
    background:url(../../images/work/title_icon.png) 0 50% no-repeat;
}

/* --------------------------------
   □ recruitContents
-------------------------------- */ 
section.recruitContents {
    background: #f9f7ed;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 40px;
    margin-bottom: 30px;
}
section.recruitContents:last-child {
    margin-bottom: 0;
}
section.recruitContents h4 span {
    background: #eb6795;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    padding: 4px 15px;
    margin-right: 10px;
    font-size: 80%;
    font-weight: normal;
}
section.recruitContents p.txt {
    font-size: 114%;
    margin-bottom: 30px;
}
section.recruitContents table {
    font-size: 114%;
    border-top: 1px dotted #8c8b85;
    width: 100%;
}
section.recruitContents table tr {
    border-bottom: 1px dotted #8c8b85;
}
section.recruitContents table th {
    width: 25%;
    font-weight: bold;
}
section.recruitContents table th,
section.recruitContents table td {
    padding: 18px 0;
}
section.recruitContents table td p {
    margin-bottom: 0;
}
section.recruitContents table td a {
    color: #eb6795;
}
section.recruitContents table td .contactAddress {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #e1dece;
    box-sizing: border-box;
    margin-top: 10px;
}
section.recruitContents table td .contactAddress p.tel {
    color: #eb6795;
    font-weight: bold;
    font-size: 200%;
    padding-left: 34px;
    background: url(../../images/work/icon_tel.png) 0 50% no-repeat;
}
section.recruitContents table td .contactAddress p.tel span {
    font-weight: normal;
    font-size: 70%;
}
section.recruitContents table td .contactAddress p.destination {
    font-weight: bold;
}





@media only screen and
(max-width : 767px) {
	

    /* ◇ title
    -------------------------------- */	
    .contents .accent{
        background:url(../../images/work/accent.jpg) no-repeat 17% 50%; 
        background-size:cover;
    }

    /* --------------------------------
       □ recruitContents
    -------------------------------- */ 
    section.recruitContents {
        padding: 5%;
        margin-bottom: 30px;
    }
    section.recruitContents h4 {
        font-size: 150%;
    }
    section.recruitContents h4 span {
        background: #eb6795;
        border-radius: 15px;
        color: #fff;
        display: block;
        padding: 4px 0;
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 70%;
        font-weight: normal;
        width: 40%;
        text-align: center;
    }
    section.recruitContents p.txt {
        font-size: 100%;
    }
    section.recruitContents table {
        font-size: 100%;
    }
    section.recruitContents table th,
    section.recruitContents table td {
        padding: 4% 0;
        display: block;
    }
    section.recruitContents table th {
        width: auto;
        font-weight: bold;
        padding-bottom: 0;
    }
    section.recruitContents table td .contactAddress {
        padding: 4%;
    }
    section.recruitContents table td .contactAddress p.tel {
        color: #eb6795;
        font-weight: bold;
        font-size: 150%;
        padding-left: 30px;
        background: url(../../images/work/icon_tel.png) 0 50% no-repeat;
    }


}