@charset "UTF-8";

/* 背景画像 */
/* .wrapper.message {
    background: url(../../img/bg.png) repeat 50% 100px;
    background-size: 2880px auto ;
} */

/* .top-img-type-a > img {
    background: url(../img/message_fig1.png) no-repeat center top, url(../img/message_bg.png) no-repeat center top;
    background-size: auto auto, auto auto;
} */

main {
    padding: 0 20px 20px;
}

/* レイアウト
-----------------------------*/
.columns {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.columns > * {
	display: table-cell;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}

figure {
	padding: 0;
	margin: 0;
}


/*  */
.content_guidline {
	margin: 0;
	font-size: 1em;
}

.content_guidline > .columns {
	margin: 0 0 3em;
}

.content_guidline p {
	margin: 0 2em;
}

.table_guidline {
    /* table-layout: fixed; */
    border-collapse: collapse;
    width: 100%;
    line-height: 1.3;
}

.table_ex {
	table-layout: fixed;
}

.table_guidline th {
    background: #eee;
    text-align: center;
    padding: 10px 0;
    border: 5px solid #FFF;
	color: #333;
    /* border-width: 1px 0 0 1px; */
}

.table_guidline th.th_w1 {
	width: 250px;
}

.table_guidline td.td_l {
	text-align: left;
}

.table_guidline th.none {
    background: transparent;
    border : none;
}

.table_guidline th[rowspan="6"].none {
	font-size: 1px;
    border :1px solid #333;
    border-width: 0 1px 0;
    width: 3px;
}

.table_guidline th.th-ex {
    width: 80px;
}

.table_guidline th.th_w2 {
	width: 190px;
}

.table_guidline th.th_eigyou {
	background: #ffe0e0;	
}

.table_guidline th.th_se {
	background: #e0f0ff;	
}

.table_guidline th.th_se.ex {
	background: #c4e2ff;	
}

.table_guidline th.th_staff {
	background: #fff6cc;	
}

.table_guidline th.th_koi {
	background: #dae0e6;	
}

.table_guidline td {
    background: #f9f9f9;
	padding: 15px;
	/* font-size: 1.5em; */
	line-height: 1.5;
	text-align: center;
	border: 5px solid #FFF;
    /* padding: 5px; */
}

.table_guidline td.td_koi {
	background: #f3f3f3;
}

.table_guidline td.pad-0 {
	padding: 0;
}

.table_guidline td.left {
	text-align: left;
}

.table_a td {
	text-align: left;
}

.ul_guidline {
    margin: 1em 1em 0;
}

/* .ul_guidline li {
    font-size: 0.9em;
} */


.hidari {
	width: 100px;
	background: #F0F0F0;
	padding: 15px 0 15px 15px;
	border: 3px solid #fff;
	border-width: 3px 0;
	/* font-size: 1.8em; */
	font-weight: bold;
}

.hidari span {
	font-size: 0.8em;
	font-weight: normal;
    padding: 5px 0 0;
	display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.table_a a {
    text-decoration: none;
}

.table_a a::before {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2020%2020%22%20height%3D%2218px%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2218px%22%20fill%3D%22%23FF4400%22%3E%3Cg%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2220%22%20width%3D%2220%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon%20points%3D%224.59%2C16.59%206%2C18%2014%2C10%206%2C2%204.59%2C3.41%2011.17%2C10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /* position: absolute;
    left: 0px;
    margin-top: 0.5em; */
    vertical-align: -0.2em;
}

/* 色変更 */
.table_guidline th.th_se.bg-color1 {
    background: #a8d4fd;
}

.table_guidline th.th_se.bg-color2 {
    background: #97cdff;
}

.table_guidline th.th_staff.bg-color2 {
    background: #feeb94;
}

.table_guidline th.th_staff.bg-color3 {
    background: #fde780;
}


/** --------------------------------
* sp
*/
@media screen and (max-width: 767px) {

    /* 背景画像 */
    /* .wrapper.message {
        background: url(../../img/bg.png) repeat-y 50% 6em;
        background-size: 300% auto;
    } */

    /* .top-img-type-a > img {
        background-size: auto 100%, 100% 100%;
    } */
    /* layout
    -----------------------------*/
    .columns {
        width: 100%;
        display: block;
    }

    .columns > * {
        display: block;
        margin-bottom: 20px;
    }

    /*  */
    .content_guidline {
        margin: 0;
        /* font-size: 0.9em; */
    }
    
    .content_guidline p {
        margin: 1em 1em 2em;
    }
    
    .dl_guidline dt, .dl_guidline dd {
        padding: 21px 1em 15px 6em;
        margin: 0;
        min-height: 65px;
        position:relative;
    }
    
    .dl_guidline dt {
         margin: 0;
    }
    
    .dl_guidline dt:hover {
        color: #333;
        font-weight: normal;
    }
    
    .dl_guidline dt:before { /** A */
    /*     content: "\e903";
        color: #f3c41c;
        font-family: 'icn_guidline_set';
        font-size: 5em; */
        position: absolute;
        top: 20px;
        left: 0;
    }
    
    .dl_guidline dt.qa_sp_2lines {
        padding: 12px 1em 15px 6em;
    }
    
    /* .dl_guidline dt.qa_sp_2lines:before {
        top: 30px;
    }
     */
    
    
    .dl_guidline dd:before { /** A */
        top: 0;
        left: 0;
    }

    .table_guidline th {
        padding: 10px 5px;
        font-size: 0.9em;
    }

    /* 職種名の幅 */
    .table_guidline th[colspan="2"] {
        width: 30%;
    }

    td {
        font-size: 0.9em;
        line-height: 1.4;
    }
    
    .hidari {
        width: 100%;
        border: 5px solid #fff;
        border-width: 5px 5px 0;
        margin: 0;
    }
    
    
    .hidari span {
        /* font-size: 1.2em; */
        display: inline-block;
    }
}