@charset "UTF-8";

/*///////////////////// font-face 読み込み例 ///////////////////////////*/
/*Shippori Mincho 400*/
@font-face {
    font-family: 'Shippori Mincho';
    src: url(/fonts/ShipporiMincho-Regular.woff2);
    font-weight: 400;
    font-display: swap;
}
/*Shippori Mincho 500*/
@font-face {
    font-family: 'Shippori Mincho';
    src: url(/fonts/ShipporiMincho-Medium.woff2);
    font-weight: 500;
    font-display: swap;
}
/*Shippori Mincho 600*/
@font-face {
    font-family: 'Shippori Mincho';
    src: url(/fonts/ShipporiMincho-SemiBold.woff2);
    font-weight: 600;
    font-display: swap;
}
/*Shippori Mincho 700*/
@font-face {
    font-family: 'Shippori Mincho';
    src: url(/fonts/ShipporiMincho-Bold.woff2);
    font-weight: 700;
    font-display: swap;
}
/*Zen Kaku Gothic New 400*/
@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url(/fonts/ZenKakuGothicNew-Regular.woff2);
    font-weight: 400;
    font-display: swap;
}
/*Zen Kaku Gothic New 500*/
@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url(/fonts/ZenKakuGothicNew-Medium.woff2);
    font-weight: 500;
    font-display: swap;
}
/*Prata 400*/
@font-face {
    font-family: 'Prata';
    src: url(/fonts/Prata-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}
/*Cardo 400*/
@font-face {
    font-family: 'Cardo';
    src: url(/fonts/Cardo-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}
/*Cardo 700*/
@font-face {
    font-family: 'Cardo';
    src: url(/fonts/Cardo-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}
/*///////////////////// font-face 読み込み例 ///////////////////////////*/

.l-main * {
    font-family: "Shippori Mincho";
}
.l-contents {
    overflow: hidden;
}
.l-main {
    width: 100%;
    background: #FFF;
    padding-bottom: 0;
    color: #000;
}
.page__header {
    margin-bottom: 0;
}
/* 共通 */
[class*="ui__inner--"]  {
    width: 1140px;
    margin: 0 auto;
}
[class*="ui__ttl--"] {
    font-family: "Prata", serif;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
    line-height: 1.25;
    color: #000;
}
[class*="ui__ttl--"] span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin-top: 9px;
    color: #000;
}

/* 創業の想い */
.corporate__wrap {
    padding-block: 105px 80px;
    background: #F9F8E8;
}
.ui__inner--corporate {
    position: relative;
    z-index: 1;
}
.ui__inner--corporate:before,
.ui__inner--corporate:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 0;
}
.ui__inner--corporate:before {
    background: url(/images/company/icon_orporate01.webp) no-repeat center / cover;
    width: 145px;
    height: 211px;
    left: -93px;
    top: 21px;
}
.ui__inner--corporate:after {
    background: url(/images/company/icon_orporate02.webp) no-repeat center / cover;
    width: 531px;
    height: 530px;
    right: -337px;
    top: 245px;
}
.ui__ttl--corporate {
    margin-bottom: 44px;
}
.corporate__heading {
    text-align: center;
}
[class*="corporate__text--"] {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.2;
    margin-bottom: 19px;
    color: #171717;
    letter-spacing: 0.02em;
}
.corporate__text--bold {
    /* position: relative; */
    font-size: 20px;
    font-weight: 700;
    margin-bottom: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .corporate__text--bold::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    display: inline;
    color: #171717;
    top: 50%;
    right: 0;
    transform:  translateY(-50%);
    -webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);

} */


/* 弊社について &  邦文不動産の不動産売却 */
.about__wrap {
    padding-block: 100px 139px;
    overflow: hidden;
}
.about__contents {
    display: flex;
    flex-wrap: wrap;
    gap: 178px;
}
.about__content {
    position: relative;
    width: 100%;
    display: block;
}
.about__content:nth-of-type(even) .about__img {
    left: inherit;
    right: -390px;
}
.about__content:nth-of-type(even) .about__detail {
    margin-left: inherit;
    margin-right: auto;
}
.about__img {
    width: 960px;
    height: 545px;
    margin: auto;
    position: absolute;
    top: 0;
    left: -390px;
}
.about__detail {
    width: 520px;
    margin-left: auto;
    padding-top: 81px;
}
.ui__ttl--about {
    text-align: left;
    margin-bottom: 43px;
}
.about__text {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.2;
}
.support__content {
    position: relative;
    padding-bottom: 264px;
}
.support__list {
    position: absolute;
    display: flex;
    gap: 30px;
    top: 42px;
}
.support__item {
    width: 360px;
    height: 360px;
    display: flex;
    justify-content: center;
    background: url(/images/company/bg_logo.webp) no-repeat center / cover;
}
.support__heading {
    padding-top: 91px;
}
.support__heading dt {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    color: #FFF;
    margin-bottom: 9px;
    text-align: center;
}
.support__heading dd {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    color: #FFF;
}

/* 代表挨拶 */
.greetings__wrap {
    padding-block: 100px;
}
.ui__ttl--greetings {
    margin-bottom: 45px;
}
.greetings__content {
    position: relative;
    width: 1140px;
    height: 625px;
}
.greetings__img {
    position: absolute;
    width: 645px;
    height: 625px;
    right: 0;
}
.greetings_detail {
    position: absolute;
    width: 629px;
    height: 557px;
    padding: 42px 50px;
    background: #FFF;
    top: 35px;
}
.greetings__name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 29px;
}
.greetings__text {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.2;
    color: #171717;
}

/* 会社概要 */
.overview__wrap {
    position: relative;
    padding-block: 46px 100px;
    z-index: 1;
}
.overview__wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 400px);
    background: #F1F5ED;
    top: 78px;
    z-index: -1;
}
.ui__ttl--overview {
    margin-bottom: 40px;
}
.company__summary {
    background: #FFF;
    padding: 106px 100px 100px;
    margin-bottom: 30px;
}
.company__list {
    display: flex;
    gap: 83px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 13px;
    padding-bottom: 14px;
}
.company__list:last-child {
    margin-bottom: 0;
}
.company__ttl {
    width: 112px;
    font-size: 16px;
    font-weight: 700;
    color: #171717;
}
.company__text {
    width: 579px;
    font-size: 16px;
    font-weight: 600;
    color: #171717;
}