@import url("menu.css");
.entry-header{
	display: none;
}
#company{
	margin: 200px auto;
	max-width: 1000px;
	text-align: center;
}
.company-ill1{
	width: 150px;
	height: auto;
}
#company h2.rinen{
	width: 320px; /* 確定サイズへ */
    height: 80px; /* 確定サイズへ */
    margin: 50px auto;
    background: url('../image/company/rinen_title.webp') no-repeat center/contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#company h2.en{
   background: url('../image/company/rinen_en.webp') no-repeat center/contain;
     
}
.colorful-text{
	font-size: 30px;
	font-weight: bold;
}
.colorful-text span:nth-child(1) { color: #e91e63; } /* 人 */
.colorful-text span:nth-child(2) { color: #9c27b0; } /* の */
.colorful-text span:nth-child(3) { color: #2196f3; } /* 未 */
.colorful-text span:nth-child(4) { color: #00bcd4; } /* 来 */
.colorful-text span:nth-child(5) { color: #4caf50; } /* を */
.colorful-text span:nth-child(6) { color: #ffeb3b; } /* 照 */
.colorful-text span:nth-child(7) { color: #ff9800; } /* ら */
.colorful-text span:nth-child(8) { color: #f44336; } /* す */

.company-ill2{
	width: 170px;
	height: auto;
	margin: 100px 0 0 0;
}
.rinen-text{
	    width: 700px;
    margin: 50px auto;
    text-align: left;
    font-size: 20px;
    line-height: 2;
    border: solid #2196f3 1px;
    border-radius: 10px;
    padding: 50px;
}
#company h2.about{
	width: 263px; /* 確定サイズへ */
    height: 80px; /* 確定サイズへ */
    margin: 50px auto;
    background: url('../image/company/about_title.webp') no-repeat center/contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#company h2.about-en{
    background: url('../image/company/about_en.webp') no-repeat center/contain;
    
}
.profile{
	display: flex;
	flex-wrap: wrap;
	width: 600px;
    margin: 0 auto;
        background-image: url(../image/company/2344659.webp);
    background-size: cover;
    padding: 120px 150px;
}
.profile dt{
width: 20%;
}
.profile dd{
width: 80%;
}
.profile dt,.profile dd{
	margin: 0;
    text-align: left;
    padding: 20px 0;
}
.etc1{
	width: 200px;
    position: absolute;
    right: 20px;
    top: 30%;
}
.etc2{
	width: 130px;
    position: absolute;
    left: 10%;
    top: 50%;
}
@media (max-width: 820px) {
	.profile{
		width: 100%;
		padding: 100px 100px;
    box-sizing: border-box;
	}
}
@media (max-width: 768px) {
	.company-contents{
		padding: 0 20px;
	}
	.etc1,.etc2{
		display: none;
	}
	.rinen-text {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    padding: 24px;
}
    .profile {
        width: 100%;
        padding: 60px 20px 60px 30px;
        box-sizing: border-box;
        display: block;
    }
    .profile dt{
    	padding: 20px 0 0;
    	width: 100%;
    }
    .profile dd{
    	width: 100%;
    }
}