/*=============================
flow ーYESS建築・yess建築の流れ
chara ーYESS建築・yess建築の特徴
quality ーYESS建築・クオリティ
busine ーYESS建築・業種ごとの例
=============================*/

/*
flow
------------------------------------*/

.flow {
	margin-top: 100px;
	padding-bottom: 100px;
}

.flow-subtitle {
	background-color: #007bc7;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	padding: 0.8rem 2rem;
	text-align: center;
	width: 200px;
}

.flow__container {
	margin-top: 10rem;
}

.flow-block__inner {
	margin-top: 120px;
}

.flow-block__header {
	align-items: center;
	border-bottom: 1px solid #007bc7;
	display: flex;
	padding-bottom: 30px;
	padding-top: 30px;
}

.flow-block__desc {
	background-color: #efefef;
	font-size: 14px;
	line-height: 1.5;
	margin-left: 24px;
	padding: 10px 30px;
	width: 100%;
}

.flow-block__contents {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	padding-top: 30px;
}

.flow-block__img {
	width: 50%;
}

.flow-block__img img {
	-o-object-fit: cover;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.flow-block__issue {
	border: 1px solid #333;
	font-size: 20px;
	height: 200px;
	padding: 30px;
	position: relative;
	width: 46%;
}

.flow-block__issue:before {
	background-color: white;
	border-left: 1px solid #333;
	content: "";
	height: 15px;
	left: -8px;
	position: absolute;
	top: 40%;
	transform: skew(-45deg);
	width: 15px;
}

.flow-block__arrow {
	height: 90px;
	margin-top: 30px;
	padding-top: 42px;
	text-align: center;
}

.flow-block__items {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.flow-block__item {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.flow-block__item:not(:first-child) {
	margin-left: 3%;
}

.flow-block__item--left {
	align-items: start;
}

.flow-block__item--right {
	align-items: flex-end;
}

.flow-block__text {
	max-width: 500px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

.flow-block-cards {
	display: flex;
	justify-content: space-between;
	padding-bottom: 60px;
	padding-left: 0;
	width: 100%;
}

.flow-block-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 30%;
}

.flow-block-card--text {
	align-items: start;
	padding: 32px;
}

.flow-block-card__img {
	width: 100%;
}

.flow-block-card__img img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.flow-block-card__text {
	background-color: #000;
	color: #fff;
	font-size: 20px;
	margin-top: 40px;
	padding: 20px;
	text-align: center;
	width: 100%;
}

/*
chara
------------------------------------*/

.chara {
	margin-top: 100px;
	padding-bottom: 100px;
}

.chara__container {
	margin-top: 10rem;
}

.chara__top {
	margin-top: 60px;
}

.chara__lead {
	color: #888;
	font-size: 28px;
}

.chara__visual {
	width: 100%;
}

.chara__visual img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.chara__visual-desc {
	color: #888;
	font-size: 20px;
	margin-top: 30px;
}

.chara-block:not(:first-child) {
	margin-top: 10rem;
}

.chara-block__contents {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}

.chara-block__content {
	width: 47%;
}

.chara-block__img {
	flex-shrink: 0;
	width: 47%;
}

.chara-block__img img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.chara-block-unit {
	display: flex;
	justify-content: space-between;
}

.chara-block-unit__img {
	width: 30%;
}

.chara-block-unit__content {
	width: 66%;
}

.chara-block-unit__pickup {
	border-bottom: 1px solid #007bc7;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

.chara-bottom {
	background: url("/wp-content/uploads/2022/11/bg01.jpg") no-repeat center center/contain;
	margin-top: 100px;
	padding: 120px 10px;
	width: 100%;
}

.chara-bottom__contents {
	text-align: center;
}

.chara-bottom__title {
	font-size: 30px;
	font-weight: 600;
}

.chara-bottom__text {
	margin-top: 2vw;
	/* width: 80%; */
}

.chara__btn {
	display: flex;
	justify-content: center;
	margin-top: 80px;
}

/*
quality
------------------------------------*/

.quality {
	margin-top: 100px;
	padding-bottom: 100px;
}

.quality__container {
	margin-top: 10rem;
}

.quality-block:not(:first-child) {
	margin-top: 10rem;
}

.quality-block__inner {
	margin-top: 40px;
}

.quality-block__contents {
	display: flex;
	justify-content: space-between;
}

.quality-block__content {
	width: 48%;
}

.quality-block__title {
	border-bottom: 1px solid #007bc7;
	display: flex;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
}

.quality-block__text {
	line-height: 1.6;
}

.quality-block__text-area {
	background: #000;
	padding: 20px;
}

.quality-block__text-large {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.quality-block__img {
	flex-shrink: 0;
	width: 46%;
}

.quality-block__img img {
	width: 100%;
}

.quality-block__voice {
	padding: 10px 0;
}

.quality-block__contents--bg {
	background: url("https://someya.jeez.jp/wp-content/uploads/2022/11/bg_img.png") no-repeat center center/cover;
	padding: 40px 30px;
}

.quality-block__h4 {
	color: #007bc7;
	font-size: 20px;
	font-weight: 600;
	padding-left: 10px;
	position: relative;
}

.quality-block__h4::after {
	background: #007bc7;
	content: "";
	height: 1px;
	left: 200px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% - 200px);
}

.quality-block__list {
	line-height: 1.5;
	list-style: none;
	padding-left: 20px;
	padding-top: 20px;
}

.quality-block__list li {
	position: relative;
}

.quality-block__list li:not(:first-child) {
	margin-top: 6px;
}

.quality-block__list li::before {
	background-color: #007bc7;
	border-radius: 50%;
	content: "";
	height: 5px;
	left: -10px;
	position: absolute;
	top: 10px;
	width: 5px;
}

/*
busine
------------------------------------*/

.busine {
	margin-top: 100px;
	padding-bottom: 100px;
}

.busine__container {
	margin-top: 10rem;
}

.busine-block:not(:first-child) {
	margin-top: 10rem;
}

.busine-block__list {
	margin-top: 60px;
	padding-left: 0;
}

.busine-block-item {
	display: flex;
	justify-content: space-between;
}

.busine-block-item:not(:first-child) {
	margin-top: 80px;
}

.busine-block-item__img {
	flex-shrink: 0;
	width: 48%;
}

.busine-block-item__img img {
	width: 100%;
}

.busine-block-item__header {
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 10px;
}

.busine-block-item__text {
	padding: 0 20px;
	width: 48%;
}

.busine-block__contents {
	display: flex;
	justify-content: space-between;
}

.busine-block__left {
	padding: 0 20px 0 0;
	width: 62%;
}

.busine-block__right {
	background-color: #000;
	color: #fff;
	padding: 20px 30px;
	width: 34%;
}

.busine-block__content--bg {
	background: url("https://someya.jeez.jp/wp-content/uploads/2022/11/bg_content.png") no-repeat center center/cover;
	height: 400px;
	width: 100%;
}

.busine-block-unit {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.busine-block-unit__img {
	width: 30%;
}

.busine-block-unit__img img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
}

.busine-block-unit__text {
	padding-right: 20px;
	width: 64%;
}

.busine-title-line {
	position: relative;
}

.busine-title-line::after {
	background: #007bc7;
	content: "";
	height: 1px;
	left: 560px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% - 560px);
}

.case-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
}

.case-item {
	list-style: none;
	width: 30%;
}

.case-item:nth-child(n+4) {
	margin-top: 60px;
}

.case-item__img {
	padding-top: 70%;
	position: relative;
}

.case-item__img img {
	-o-object-fit: cover;
	-o-object-position: center;
	height: 100%;
	left: 50%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.case-item__img::after {
	background-color: rgba(0, 0, 0, 0.2);
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.case-item__title {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	left: 50%;
	position: absolute;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
	top: 10px;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 10;
}

.case-item__body {
	padding: 10px 0px;
	padding-bottom: 30px;
}

.case-item__link {
	display: block;
	min-height: 80px;
	text-decoration: underline;
}

.case-item__items {
	list-style: none;
	padding-left: 0;
}

.busine-block__bottom {
	display: flex;
	justify-content: center;
}

/*=============================
components
utility
=============================*/

.top__img {
	width: 100%;
}

.top__img img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.block-title {
	display: block;
	flex-shrink: 0;
	font-size: 2rem;
	font-weight: 600;
	white-space: nowrap;
}

.title-num {
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
	padding-right: 10px;
}

.block-margin-20:not(:first-child) {
	margin-top: 20px;
}

.block-margin-60:not(:first-child) {
	margin-top: 60px;
}

.block-margin-80 {
	margin-top: 80px;
}

.page-btn {
	align-items: center;
	background: #000;
	color: #fff;
	display: flex;
	height: 80px;
	justify-content: center;
	max-width: 500px;
	padding: 10px 30px;
	width: 100%;
}

.flow-arrow {
	display: inline-block;
	position: relative;
}

.flow-arrow::before {
	background-color: #007bc7;
	bottom: 0;
	content: "";
	height: 90px;
	left: 0;
	position: absolute;
	width: 1px;
}

.flow-arrow::after {
	border-bottom: 1px solid #007bc7;
	bottom: 3px;
	content: "";
	height: 20px;
	left: -10px;
	position: absolute;
	transform: rotate(-45deg);
	width: 20px;
}

.bg-black {
	background-color: #000;
	color: #fff;
}

.font-bold {
	font-weight: 600;
}

.mt-12 {
	margin-top: 12px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.is-sp {
	display: none;
}

@media (max-width: 767px) {

.flow {
	margin-top: 40px;
}

.flow-subtitle {
	padding: 0.8rem 1.5rem;
	width: 190px;
}

.flow__container {
	margin-top: 6rem;
}

.flow-block__inner {
	margin-top: 100px;
}

.flow-block__header {
	padding-bottom: 20px;
	padding-top: 20px;
}

.flow-block__issue:before {
	top: 20%;
}

.flow-block__issue {
	font-size: 14px;
	height: auto;
	margin-left: 20px;
	padding: 20px 10px 20px 20px;
}

.flow-block__arrow {
	height: 40px;
	padding-bottom: 60px;
	padding-top: 0;
}

.flow-block__items {
	flex-direction: column;
}

.flow-block__item:not(:first-child) {
	margin-left: 0;
	margin-top: 20px;
}

.flow-block-cards {
	align-items: center;
	flex-direction: column;
	padding-bottom: 30px;
}

.flow-block-card {
	width: 100%;
}

.flow-block-card:not(:first-child) {
	margin-top: 30px;
}

.flow-block-card__text {
	font-size: 16px;
	margin-top: 25px;
}

.chara {
	margin-top: 40px;
}

.chara__container {
	margin-top: 6rem;
}

.chara__top {
	margin-top: 40px;
}

.chara__lead {
	font-size: 16px;
}

.chara__visual-desc {
	font-size: 16px;
}

.chara-block:not(:first-child) {
	margin-top: 6rem;
}

.chara-block__contents {
	align-items: center;
	flex-direction: column;
	padding-top: 0;
}

.chara-block__content {
	padding-bottom: 20px;
	padding-top: 0;
	width: 100%;
}

.chara-block__img {
	width: 100%;
}

.chara-block-unit {
	flex-direction: column;
}

.chara-block-unit__img {
	width: 100%;
}

.chara-block-unit__content {
	width: 100%;
}

.chara-bottom {
	background-size: 100% 260px;
	padding: 80px 10px;
}

.chara-bottom__title {
	font-size: 18px;
}

.chara-bottom__text {
	font-size: 12px;
	margin-top: 0;
}

.quality {
	margin-top: 40px;
}

.quality__container {
	margin-top: 6rem;
}

.quality-block:not(:first-child) {
	margin-top: 6rem;
}

.quality-block__inner {
	margin-top: 20px;
}

.quality-block__contents {
	align-items: center;
	flex-direction: column;
}

.quality-block__content {
	margin-top: 20px;
	width: 100%;
}

.quality-block__title {
	font-size: 18px;
	justify-content: flex-end;
	padding-bottom: 12px;
	text-align: left;
}

.quality-block__text-area {
	padding-left: 15px;
	padding-right: 10px;
}

.quality-block__text-large {
	font-size: 18px;
}

.quality-block__img {
	margin-top: 20px;
	width: 100%;
}

.quality-block__contents--bg {
	padding: 30px 15px;
}

.quality-block__h4 {
	font-size: 18px;
}

.quality-block__h4::after {
	left: 150px;
	width: calc(100% - 150px);
}

.busine {
	margin-top: 40px;
}

.busine__container {
	margin-top: 6rem;
}

.busine-block:not(:first-child) {
	margin-top: 6rem;
}

.busine-block__list {
	margin-top: 30px;
}

.busine-block-item {
	flex-direction: column;
}

.busine-block-item__img {
	width: 100%;
}

.busine-block-item__text {
	padding: 0;
	width: 100%;
}

.busine-block__contents {
	flex-direction: column;
}

.busine-block__left {
	padding: 0;
	width: 100%;
}

.busine-block__right {
	margin-top: 30px;
	width: 100%;
}

.busine-block-unit {
	flex-direction: column-reverse;
}

.busine-block-unit__img {
	width: 100%;
}

.busine-block-unit__text {
	margin-top: 30px;
	padding-right: 0;
	width: 100%;
}

.busine-title-line {
	padding-bottom: 20px;
}

.busine-title-line::after {
	left: 0;
	top: 100%;
	width: 100%;
}

.case-item {
	width: 100%;
}

.case-item:nth-child(n+4) {
	margin-top: 0;
}

.case-item:not(:first-child) {
	margin-top: 20px;
}

.case-item__link {
	min-height: 60px;
}

.block-title {
	font-size: 1.6rem;
	white-space: normal;
}

.title-num {
	font-size: 1.8rem;
}

.sp-column-rev {
	flex-direction: column-reverse;
}

.block-margin-80 {
	margin-top: 40px;
}

.flow-arrow::before {
	height: 60px;
}

.mt-30 {
	margin-top: 15px !important;
}

.mt-50 {
	margin-top: 25px !important;
}

.mt-60 {
	margin-top: 20px !important;
}

.mt-100 {
	margin-top: 50px !important;
}

.sp-mt-30 {
	margin-top: 30px;
}

.is-sp {
	display: block;
}

}