/* CSS Document */

#greeting>div>p{
    line-height: 200%;
    font-size: 18px;
    text-indent: 1em;
    margin-bottom: 40px;
    letter-spacing: 0.1em;
}
#greeting .sign{
    text-align: right;
}
#greeting .sign .profile{
    font-size:16px;
}
#greeting .name{
    font-size:26px;
    letter-spacing: 0.1em;
}



#rinenImage{
    background: url("../images/image.jpg") no-repeat center center;
    background-size:cover;
    height: 350px;
    margin-bottom: 100px;
}
@media screen and (max-width:575px){
    #rinenImage{
        padding-top:52.5%;
		height: auto;
		background-size: contain;
		margin-bottom: 10px;
    }
}

.kakomi{
    max-width: 720px;
    background-color: white;
    padding:35px;
    margin: 80px auto 60px auto;
}

.kakomi p{
    font-size:14px;
    line-height: 220%;
    margin-bottom: 0;
}



/**
** 
**/

#companyDataList{
    padding: 60px;
}
#companyDataList dl{
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px dotted #0e3f72;
}

#companyDataList dl dt{
    width: 225px;
    color: #0b487b;
    font-weight: bold;
    padding-top:    20px;
    padding-bottom: 20px;
}
#companyDataList dl dd{
    flex:1;
    padding-top:    20px;
    padding-bottom: 20px;
}

@media screen and (max-width:575px){
    #companyDataList{
        padding:15px;
    }
    #companyDataList dl dt{
        width: 105px;
        color: #0b487b;
        font-weight: bold;
        padding-top:    20px;
        padding-bottom: 20px;
    }
}


/**
** 技能士
**/

#technician h4{
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 16px 0 16px 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px dotted #ccc;
	
	text-align: center;
	font-size: 18px;
}
.table-tech{
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}
.table-tech th{
	background-color: #efefef;
}
.table-tech td{
	text-align: right;
}
.table-tech tr.total th{
	background-color: #0b487b;
	color: white;
}
@media screen and (min-width:576px){
	.table-tech th{
		width: 30%;
	}
	.table-tech td{
		width: 20%;
	}
}
@media screen and (max-width:575px){
	.table-tech tr{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.table-tech th,
	.table-tech td{
		display: block;
	}
	.table-tech th{
		width: 60%;
	}
	.table-tech td{
		width: 40%;
	}
}