@charset "UTF-8";

.page_company_main {
	background: #F5F5F5;
	padding: 205px 0;
}

.breadcrumb {
	text-align: left;
	margin-top: 1em;
}

.page_company .common_page_wrap {
	padding: 100px 0 140px;
}

/* .company_profile_sec .cont {
	display: grid;
	grid-template-columns: 1fr 800px;
	gap: 0 50px;
} */

.company_profile_sec .cont .title_box .title {
	font-size: 40px;
	letter-spacing: .08em;
	font-weight: 700;
	line-height: 1.4;
}

.company_profile_sec .cont .title_box .sub_title {
	font-size: 14px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.company_profile_sec .cont .detail {
    margin-top: 80px;
    position: relative;
}

.company_profile_sec .cont .detail::before {
    content: "";
    position: absolute;
    top: -30px;
    left: -150px;
    z-index: -1;
}

.company_profile_sec .cont > .detail::before {
    width: 170px;
    height: 130px;
    background: url(/wp-content/themes/child/image/bg01_page_section_title.png) no-repeat center center / 100%;
}

.company_profile_sec .cont .detail:nth-child(3)::before {
    width: 190px;
    height: 150px;
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center / 100%;
    top: -40px;
}

.company_profile_sec .cont .detail:nth-child(4)::before {
    width: 170px;
    height: 150px;
    background: url(/wp-content/themes/child/image/bg03_page_section_title.png) no-repeat center center / 100%;
}

.company_profile_sec .cont .detail .item {
	border-bottom: 2px solid #D9D9D9;
	padding: 0 1.3em;
}

.company_profile_sec .cont .detail .item .inbox {
	display: flex;
	gap: 0 1em;
}

.company_profile_sec .cont .detail .item .inbox .head {
	flex-shrink: 0;
	width: 28%;
	font-size: 20px;
	letter-spacing: .08em;
	font-weight: 700;
	line-height: 1.5;
	padding: 1.3em 0;
}

.company_profile_sec .cont .detail .item .inbox .text_area {
	width: 100%;
	font-size: 16px;
	letter-spacing: .08em;
	line-height: 1.5;
	padding: 1.9em 0;
}

.company_profile_sec .cont .detail .item .map {
	width: 95%;
	height: 240px;
	margin-top: 1em;
}

.company_profile_sec .cont .detail .item .map iframe {
	width: 100%;
	height: 100%;
	max-height: 100% !important;
}

.company_profile_sec .headline_block {
    margin-top: 40px;
    text-align: center;
    position: relative;
}

.company_profile_sec .title_bg {
    font-family: "din-2014", sans-serif;
    font-size: 160px;
    font-weight: 700;
    font-style: italic;
    line-height: 0;
    letter-spacing: -0.02em;
    text-align: center;
    color: #E3E3E3;
    opacity: 0.5;
    filter: blur(2px);
    position: absolute;
    top: 17px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.company_profile_sec .bubble_text {
    display: inline-block;
    padding: 11px 22px 35px 57px;
    background: url(/wp-content/themes/child/image/balloon_message.svg) no-repeat left center / auto;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1a1a1a;

}

.company_profile_sec .philosophy {
    margin-top: 10px;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.07em;
    color: #1a1a1a;
}


@media (max-width: 750px) {
	.page_company_main {
		padding: 31vw 0;
	}

	.breadcrumb .wrap {
		max-width: 95%;
	}

	.page_company .common_page_wrap {
		padding: 10vw 0 18vw;
	}

	.company_profile_sec .cont {
		grid-template-columns: 1fr;
		gap: 10vw 0;
	}

	.company_profile_sec .cont .title_box .title {
		font-size: 6.5vw;
		margin-bottom: 0.2em;
	}

	.company_profile_sec .cont .title_box .sub_title {
		font-size: 3.6vw;
	}

    .company_profile_sec .cont > .detail::before {
        width: 28.2vw;
        height: 21.8vw;
        top: -15.4vw;
        left: -9.5vw;
        background: url(/wp-content/themes/child/image/bg01_page_section_title_sp.png) no-repeat center center / 100%;
    }
    
    .company_profile_sec .cont .detail:nth-child(3)::before {
        width: 30.8vw;
        height: 23.1vw;
        top: -16.7vw;
        left: -10.3vw;
    }
    
    .company_profile_sec .cont .detail:nth-child(4)::before {
        width: 30.8vw;
        height: 23.1vw;
        top: -17vw;
        left: -10.3vw;
    }
    

	.company_profile_sec .cont .detail .item {
		padding: 1.9em 0;
	}

    .company_profile_sec .cont .detail .item .inbox {
        flex-direction: column;
        gap: 0.6em;
    }
    

	.company_profile_sec .cont .detail .item .inbox .head {
		width: 100%;
		font-size: 3.6vw;
		padding: 0;
	}

	.company_profile_sec .cont .detail .item .inbox .text_area {
		font-size: 3.6vw;
		padding: 0;
	}

	.company_profile_sec .cont .detail .item .map {
		width: 100%;
		height: 55vw;
	}

    .company_profile_sec .headline_block {
        margin-top: 40px;
    }
    
    .company_profile_sec .title_bg {
        font-size: 18vw;
        top: 2.6vw;
    }
    
    .company_profile_sec .bubble_text {
        padding: 4vw 4vw 8vw 11.3vw;
        font-size: 4.6vw;
        background: url(/wp-content/themes/child/image/balloon_message.svg) no-repeat left center / auto 100%;
    }
    
    .company_profile_sec .philosophy {
        margin-top: 0;
        font-size: 6vw;
    }
    
    .company_profile_sec .philosophy + .philosophy {
        margin-top: 2.6vw;
    }
}