@charset "utf-8";
.second_container {
		padding-top: 185px;
		padding-bottom: 180px;
}
body:not(#service) .second_container {
		overflow: hidden;
}
.pagetitle_hdr {
		max-width: 1680px;
		margin: 0 auto 120px;
		padding-left: 40px;
}
@media(max-width: 1800px) {
		.pagetitle_hdr {
				margin-left: 0;
				margin-right: 0;
		}
}
.pagetitle {
		position: relative;
		display: flex;
}
.pagetitle h2 {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: clamp(4.0rem, 6.25vw + 0.625rem, 8.125rem);
		font-weight: 300;
		line-height: 0.75;
		letter-spacing: 0;
		position: relative;
		left: -0.05em;
}
.pagetitle_hgr {
		position: relative;
}
.pagetitle_hgr .icon_plus {
		display: block;
		position: absolute;
		top: 0px;
		right: -25px;
		width: 20px;
		height: 20px;
		z-index: 1
}
.icon_plus .icon_plus_bar {
		position: absolute;
		top: 8px;
		left: 0;
		width: 20px;
		height: 4px;
}
.icon_plus .icon_plus_bar:nth-child(2) {
		transform: rotate(90deg)
}
.icon_plus .icon_plus_bar::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ddd;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s, left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.icon_plus .icon_plus_bar:nth-child(2) {
		transform: rotate(90deg);
}
@media(max-width: 767px) {
		.pagetitle_hgr .icon_plus {
				right: -20px;
				width: 14px;
				height: 14px;
		}
		.icon_plus .icon_plus_bar {
				position: absolute;
				top: 5.5px;
				width: 14px;
				height: 3px;
		}
}
.pagetitle_sub {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 14px;
		padding-top: 40px;
		color: #787878;
		letter-spacing: 0;
		line-height: 1.6;
}
.hdr_bg {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 580px;
}
.service_hdr_bg {
		background-image: url("../images/service_hdr_pc.jpg")
}
.company_hdr_bg {
		background-image: url("../images/company_hdr_pc.jpg")
}
.studio_hdr_bg {
		background-image: url("../images/studio_hdr_pc.jpg")
}
@media(max-width: 840px) {
		.pagetitle_hdr {
				padding-left: 30px;
		}
}
@media(max-width: 767px) {
		.pagetitle_hdr {
				padding-left: 20px;
		}
		.pagetitle_hdr.plus {
				margin-bottom: 50px;
		}
		.pagetitle h2 {
				font-size: 64px;
				font-size: 56px;
		}
		.hdr_bg_wrap {
				overflow: hidden
		}
		.hdr_bg {
				height: 58vw;
				width: calc(100vw + 50px);
				position: relative;
				left: -25px;
		}
		.service_hdr_bg {
				background-image: url("../images/service_hdr_sp.jpg");
		}
		.company_hdr_bg {
				background-image: url("../images/company_hdr_sp.jpg")
		}
		.studio_hdr_bg {
				background-image: url("../images/studio_hdr_sp.jpg")
		}
}
/* ============== */
.second_section_hd {
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 42px;
		font-weight: 400;
		letter-spacing: 0;
}
.second_section_hd span {
		display: inline-block;
		position: relative;
}
.second_section_hd span::before, .second_section_hd span::after {
		content: '';
		display: block;
		position: absolute;
		top: 4px;
		right: -20px;
		width: 10px;
		height: 2px;
		background: #ddd;
}
.second_section_hd span::after {
		transform: rotate(90deg);
}
@media(max-width: 767px) {
		.second_section_hd {
				font-size: 26px;
		}
}