/* ------------------------------ */
/* アフターサービス */
/* ------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
.content_wrap{
    max-width: 1440px;
    margin: 0 auto;
}
.content_inner{
    padding: 0 min(90px , calc(90 / 1440 * 100vw));
}
.item_inner{
    position: relative;
    width: 100%;
    height: 100%;
}
.titleUnderLineCommon{
    font-size: 24px;
    text-align: center; 
    font-weight: 500;
}
.titleUnderLineCommon .line{
    border-bottom: 1px solid #86180F;
    padding-bottom: 0.2em;
}
.titleUnderLineCommon .font-b{
    font-size: 40px;   
}
@media (max-width: 768px) {
    .titleUnderLineCommon{
        font-size: 3.6vw;
    }
    .titleUnderLineCommon .font-b{
        font-size: 5.4vw;  
    }
}
.red{
    color: #86180F;
}
.sp_bl{
    display: none;
}
.sp_no{
    display: block;
}
@media screen and (max-width: 767px) {
    .sp_bl {
        display: block;
    }
    .sp_no {
        display: none;
    }
}
.btnCommonArrow{
    width: min(300px , calc(300 / 1440 * 100vw));
    height: min(50px , calc(50 / 1440 * 100vw));
    font-size: min(16px , calc(16 / 1440 * 100vw));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #000;
}
.btnCommonArrow::after{
    width: min(42px , calc(42 / 1440 * 100vw));
    height: min(6px , calc(6 / 1440 * 100vw));
    display: block;
    content: "";
    background-image: url(../img/concept/arrow_item_1.png);
    background-size: contain;
}
@media (max-width: 768px) {
    .btnCommonArrow{
        width: 60vw;
        height: 10vw;
        font-size: 3.2vw;
        background-color: transparent;
        border: 1px solid #000;
        border-radius: 100vw;
    }
    .btnCommonArrow::after{
        width: 5vw;
        height: 1vw;
        margin-left: 1vw;
    }
}
.titleLineCommon{
    padding-left: 1em;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.15em;
    border-left: 5px solid #86180F;
}
@media (max-width: 768px) {
    .titleLineCommon{
        font-size: 4vw;
        border-left: 1vw solid #86180F;
    }
}
@media (max-width: 1024px) {
    .spImgSize img{
        display: block;
        max-width: 450px;
        margin: 0 auto;
    }
}
.titleCommonBox{
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2.4em 6.4em;
}
.titleCommon .en{
    display: block;
    text-align: center;
    font-weight: 400;
    color: #86180F;
    font-size: 16px;
}
.titleCommon .jp{
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    line-height: 1;
}
@media (max-width: 1024px) {
    .serviceMainte picture{
        width: 465px;
        margin: 0 auto 80px;
    }
}
.serviceTop{
    position: relative;
}
.serviceTop .titleCommon{
    padding: 40px;
}
.serviceTop .content{
    position: relative;
}
@media (max-width: 768px) {
    .serviceTop .content{
        padding-bottom: 65vw;
    }
}
.serviceTop .serviceTopImg1{
    position: relative;
    width: min(930px , calc(930 / 1440 * 100vw));
    margin: 0 0 0 auto;
}
@media (max-width: 768px) {
    .serviceTop .serviceTopImg1{
        width: 85vw;
    }
}
.serviceTop .serviceTopImg1 .inText{
    position: absolute;
    top: 20%;
    left: 0;
    padding: 1.5em 6em;
    font-size: min(20px , calc(20 / 1440 * 100vw));
    font-weight: 500;
    line-height: 1.5;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .serviceTop .serviceTopImg1 .inText{
        font-size: 3vw;
        padding: 1.5em 3em;
        left: -8vw;
    }
}
.serviceTop .serviceTopImg1 .inText p{
    position: relative;
    display: inline-block;
    text-align: center;
}
.serviceTop .serviceTopImg1 .inText p::before{
    display: block;
    position: absolute;
    content: "「";
    top: 0;
    left: -3em;
}
.serviceTop .serviceTopImg1 .inText p::after{
    display: block;
    position: absolute;
    content: "」";
    bottom: 0;
    right: -2em;
}
.serviceTop .serviceTopImg1 img{
    width: 100%;
}
.serviceTop .serviceTopImg2{
    position: absolute;
    top: 32px;
    left: min(220px,calc(220 / 1440 * 100vw));
    z-index: -2;
    width: min(628px,calc(628 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .serviceTop .serviceTopImg2{
        position: relative;
        top: 0;
        left: 0;
        width: 75vw;
        order: 2;
        margin-top: 10vw;
        z-index: 1;
    }
    .serviceTop .serviceTopImg2 .item_inner img{
        position: relative;
        z-index: 1;
    }
    .serviceTop .serviceTopImg2 .item_inner::before{
        position: absolute;
        display: block;
        content: "";
        top: 2.5vw;
        left: 2.5vw;
        width: 100%;
        height: 100%;
        background-color: #CBCBCB;
        z-index: 0;
    }
}
.serviceTop .serviceTopImg3{
    position: absolute;
    top: min(520px,calc(520 / 1440 * 100vw));
    left: min(120px,calc(120 / 1440 * 100vw));
    z-index: -1;
    width: min(312px,calc(312 / 1440 * 100vw));
} 
@media (max-width: 768px) {
    .serviceTop .serviceTopImg3{
        bottom: 40vw;
        top: auto;
        right: 5vw;
        left: auto;
        width: 30vw;
        z-index: 1;
    }
}
.serviceTop .serviceTopImg3 .item_inner::before{
    display: block;
    content: "";
    position: absolute;
    bottom:0;
    left: 0;
    z-index: -1;
    width: min(128px,calc(128 / 1440 * 100vw));
    height: min(128px,calc(128 / 1440 * 100vw));
    transform: translate(-20%,20%);
    background-color: #86180F;
}
@media (max-width: 768px) {
    .serviceTop .serviceTopImg3 .item_inner::before{
        bottom: -2vw;
        top: auto;
        left: -3vw;
        width: 10vw;
        height: 10vw;
        z-index: 1;
        background-color: #fff;
    }
    .serviceTop .serviceTopImg3 .item_inner::after{
        display: block;
        content: "";
        position: absolute;
        top: -8vw;
        right: -3vw;
        width: 10vw;
        height: 10vw;
        z-index: 1;
        border: 1px solid #000;
    }
}
.serviceTop .serviceTopImg4{
    position: absolute;
    top: min(160px,calc(160 / 1440 * 100vw));
    left: 0;
    z-index: -2;
    width: min(385px,calc(385 / 1440 * 100vw));
}
.serviceTop .serviceTopImg4 .item_inner::before{
    display: block;
    content: "";
    position: absolute;
    top:0;
    left: 0;
    z-index: -1;
    width: min(160px,calc(160 / 1440 * 100vw));
    height: min(160px,calc(160 / 1440 * 100vw));
    transform: translateY(-100%);
    background-color: #EEEEEE;
}
@media (max-width: 768px) {
    .serviceTop .serviceTopImg4{
        bottom: 0vw;
        top: auto;
        left: 24vw;
        width: 30vw;
        z-index: 1;
    }
    .serviceTop .serviceTopImg4 .item_inner::before{
        top: auto;
        bottom: 10vw;
        left: auto;
        right: -15vw;
        z-index: -1;
        width: 15vw;
        height: 20vw;
        transform: translateY(0);
        background-color: #CBCBCB;
    }
    .serviceTop .serviceTopImg4 .item_inner::after{
        display: block;
        content: "";
        position: absolute;
        top: auto;
        bottom: -2vw;
        left: -15vw;
        z-index: -1;
        width: 20vw;
        height: 10vw;
        transform: translateY(0);
        border: 1px solid #000;
    }
}
.serviceTop .item{
    position: relative;
    display: flex;
}
@media (max-width: 768px) {
    .serviceTop .item{
        flex-direction: column;
    }
}
.serviceTop .textBox{
    box-sizing: border-box;
    padding: 0 1em;
    width: min(480px,calc(480 / 1440 * 100vw));
    margin: min(90px,calc(90 / 1440 * 100vw)) min(90px,calc(90 / 1440 * 100vw)) 0 auto;
} 
@media (max-width: 768px) {
    .serviceTop .textBox{
        position: relative;
        width: 85vw;
        background-color: #EEEEEE;
        text-align: center;
        padding: 0 7.5vw 5vw;
        margin: 10vw auto 0;
    }
    .serviceTop .textBox::after{
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        top: 2vw;
        left: 2vw;
        z-index: -1;
        background-color: #CBCBCB;
    }
}
.serviceTop .item::after{
    position: absolute;
    bottom: -32px;
    right: min(80px,calc(80 / 1440 * 100vw));
    z-index: -1;
    display: block;
    content: "";
    width: min(882px,calc(882 / 1440 * 100vw));
    height: calc(60% + 32px);
    background-color: #eeeeee;
    z-index: -3;
}
@media (max-width: 768px) {
    .serviceTop .item::after{
        display: none;
    }
}

.serviceTop .textBox h3{
    font-size: 32px;
    color: #86180F;
    letter-spacing: 0.1em;
    text-shadow: 3px 3px 1px #fff;
    transform: translateX(-4em);
    white-space: nowrap;
    margin: 0;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .serviceTop .textBox h3{
        font-size: 4vw;
        transform: translate(0,-1em);
    }
}
.serviceTop .textBox p{
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-top: 1em;
}
@media (max-width: 768px) {
    .serviceTop .textBox p{
        font-size: 3.2vw;
    }
}

.serviceMainte{
    margin-top: 120px;
}
@media (max-width: 768px) {
    .serviceMainte{
        margin-top: 20vw;
    }
}
.serviceMainte .content{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .serviceMainte .content{
        flex-direction: column;
    }
}
.serviceMainte picture{
    max-width: 465px;
    margin-right: 64px;
    flex: 1;
}
@media (max-width: 1024px) {
    .serviceMainte picture{
        width: 465px;
        margin: 0 auto 80px;
    }
}
@media (max-width: 768px) {
    .serviceMainte picture{
        width: 100%;
        margin: 0 auto 8vw;
    }
}
.serviceMainte .checkListWrap .checkList{
    position: relative;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .serviceMainte .checkListWrap .checkList{
        font-size: 3.5vw
    }
}
.serviceMainte .checkListWrap .checkList li{
    position: relative;
    padding-left: 54px;
    margin-top: 12px;
}
@media (max-width: 768px) {
    .serviceMainte .checkListWrap .checkList li{
        padding-left: 12vw;
        margin-top: 3.5vw;
    }
}
.serviceMainte .checkListWrap .checkList li::before{
    display: block;
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    background-image: url(../img/after_service/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
}
@media (max-width: 768px) {
    .serviceMainte .checkListWrap .checkList li::before{
        width: 6vw;
        height: 6vw;
    }
}
.serviceMainte .checkListWrap .checkList li:first-child::before{
    top: 0.8em;
}
.serviceMainte .checkListWrap .checkList li .font_b{
    font-size: 24px;
    font-weight: 700;
}
@media (max-width: 768px) {
    .serviceMainte .checkListWrap .checkList li .font_b{
        font-size: 6vw;
    }
}
.serviceMainte .checkListWrap .tellButton{
    display: block;
    max-width: 544px;
    padding: 16px 0;
    border: 1px solid #909090;
    text-decoration: none;
    text-align: center;
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-top: 40px;
}
.serviceMainte .checkListWrap .tellButton .telText{
    color: #909090;
    font-size: 20px;
}
@media (max-width: 768px) {
    .serviceMainte .checkListWrap .tellButton{
        max-width: 100%;
        width: 80vw;
        padding: 4vw 0;
        font-size: 5.4vw;
        margin: 10vw auto 0;
    }
    .serviceMainte .checkListWrap .tellButton .telText{
        font-size: 3vw;
    }
}

.serviceCustomer{
    margin-top: 140px;
    background-color: #EEEEEE;
    padding: 48px 0 0;
}
@media (max-width: 768px) {
    .serviceCustomer{
        margin-top: 20vw;
        padding: 10vw 0 0;
    }
}
.serviceCustomer .customerCenter{
    margin-top: 40px;
    display: flex;
    align-items: flex-end;
}
@media (max-width: 768px) {
    .serviceCustomer .customerCenter{
        margin-top: 5vw;
        flex-direction: column;
    }
}
.serviceCustomer .serviceCustomerImg1{
    margin-top: 40px;
    margin-right: 32px;
    max-width: 694px;
}
@media (max-width: 768px) {
    .serviceCustomer .serviceCustomerImg1{
        margin-top: 0;
        margin-right: 0;
        max-width: 100%;
    }
}
.serviceCustomer .serviceCustomerImg1 h4{
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.15em;
}
@media (max-width: 768px) {
    .serviceCustomer .serviceCustomerImg1 h4{
        font-size: 5vw;
    }
}
.serviceCustomer .serviceCustomerImg1 h4 .font-b{
    font-weight: 700;
}
.serviceCustomer .serviceCustomerImg1 img{
    width: 100%;
    margin-top: 16px;
}
@media (max-width: 768px) {
    .serviceCustomer .serviceCustomerImg1 img{
        margin-top: 2.5vw;
    }
}
.serviceCustomer .itemLeft{
    max-width: 480px;
}
@media (max-width: 768px) {
    .serviceCustomer .itemLeft{
        max-width: 100%;
    }
}
.serviceCustomer .itemLeft .serviceCustomerImg2{
    display: flex;
    gap: 32px;
}
@media (max-width: 768px) {
    .serviceCustomer .itemLeft .serviceCustomerImg2{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.5vw;
        margin-top: 5vw;
    }
}
.serviceCustomer .itemLeft .serviceCustomerImg2 img{
    width: min(200px , calc(200 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .serviceCustomer .itemLeft .serviceCustomerImg2 img{
        width: 45%;
    }
}
.serviceCustomer .itemLeft p{
    margin-top: 16px;
}
@media (max-width: 768px) {
    .serviceCustomer .itemLeft p{
        margin-top: 5vw;
        font-size: 3.2vw;
    }
}
.serviceCustomer .photo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
}
@media (max-width: 768px) {
    .serviceCustomer .photo{
        flex-wrap: wrap;
        margin-top: 5vw;
        gap: 2vw;
    }
}
.serviceCustomer .photo picture{
    height: 16vw;
}
@media (max-width: 768px) {
    .serviceCustomer .photo picture{
        height: 36vw;
    }
    .serviceCustomer .photo picture:nth-child(2){
        order: 4;
    }
}
.serviceCustomer .photo picture img{
    height: 100%;
    width: auto;
}
.serviceCustomer .primePlan{
    margin-top: 40px;
}
@media (max-width: 768px) {
    .serviceCustomer .primePlan{
        margin-top: 10vw;
    }
}
.serviceCustomer .item{
    padding: 40px 0 80px;
}
@media (max-width: 768px) {
    .serviceCustomer .item{
        padding: 5vw 0 10vw;
    }
}
.serviceCustomer .item.item2{
    background-color: #fff;
}
.primePlanTaitle{
    position: relative;
    display: inline-block;
    background-color: #86180F;
    color: #fff;
    font-size: min(40px , calc(40 / 1440 * 100vw));
    letter-spacing: 0.15em;
    padding: 0.5em 2em 0.5em 3.2em;
    line-height: 1;
    margin-left: min(160px , calc(160 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .primePlanTaitle{
        display: block;
        font-size: 4.8vw;
        padding: 0.5em 0;
        width: 90vw;
        margin: 0 auto;
        text-align: center;
    }
}
.primePlanTaitle .num{
    position: absolute;
    left: 0.2em;
    top: -0.3em;
    font-size: min(80px , calc(80 / 1440 * 100vw));
    font-weight: 700;
    font-family: "Crimson Text", serif;
    text-shadow: 1px 1px 1px #86180F;
}
@media (max-width: 768px) {
    .primePlanTaitle .num{
        font-size: 8vw;
        left: 0.5em;
        top: -0.2em;
    }
}
.primePlanTaitle .num::after{
    display: block;
    content: "";
    height: 1px;
    width: 90%;
    background-color: #fff;
    transform: translate(0.5em,-0.25em) rotate(-45deg);
}
.primePlanImg1{
    width: min(840px , calc(840 / 1440 * 100vw));
    margin: -30px 0 0 auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .primePlanImg1{
        width: 100%;
        margin: -4vw 0 0 auto;
    }
}
.noteList{
    margin-top: 1em;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.15em;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
@media (max-width: 768px) {
    .noteList{
        margin-top: 1em;
        font-size: 2.8vw;
    }
}
.noteList.ct-ml{
    margin-left: min(150px , calc(150 / 1440 * 100vw));
}
.primePlan .txtBox{
    width: min(720px , calc(720 / 1440 * 100vw));
    padding: min(90px , calc(90 / 1440 * 100vw)) min(180px , calc(180 / 1440 * 100vw)) min(130px , calc(130 / 1440 * 100vw)) min(90px , calc(90 / 1440 * 100vw));
    background-color: #fff;
    margin-top: max(-500px , calc(500 / 1440 * -100vw));
}
@media (max-width: 768px) {
    .primePlan .txtBox{
        width: 90vw;
        padding: 5vw;
        margin: 0 auto 0;
    }
}
.primePlan .txtBox h6{
    position: relative;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.15em;
}
@media (max-width: 768px) {
    .primePlan .txtBox h6{
        font-size: 4vw;
    }
}
.primePlan .txtBox p{
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.15em;
    margin-top: 40px;
}
@media (max-width: 768px) {
    .primePlan .txtBox p{
        font-size: 3.2vw;
        margin-top: 5vw;
    }
}
.supportList{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}
@media (max-width: 768px) {
    .supportList{
        flex-direction: column;
        gap: 0;
        margin: 5vw auto 0;
        width: 90vw;
    }
}
.supportList h6{
    position: relative;
    width: min(240px , calc(240 / 1440 * 100vw));
    order: 2;
    color: #86180F;
    font-size: min(24px , calc(24 / 1440 * 100vw));
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media (max-width: 768px) {
    .supportList h6{
        order: 1;
        width: 100%;
        font-size: 3.6vw;
        text-align: center;
    }
}
.supportList h6::before{
    position: absolute;
    display: block;
    content: "";
    width: min(64px , calc(64 / 1440 * 100vw));
    height: min(50px , calc(50 / 1440 * 100vw));
    background-image: url(../img/after_service/primePlan1_item.webp);
    background-repeat: no-repeat;
    background-size: contain;
    top: max(-16px , calc(16 / 1440 * -100vw));
    right: min(40px , calc(40 / 1440 * 100vw));
}
.supportList h6 .num{
    font-size: min(48px , calc(48 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .supportList h6 .num{
        font-size: 5.6vw;
    }
}
.supportList h6 .y-vl{
    font-size: min(36px , calc(36 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .supportList h6 .y-vl{
        font-size: 4vw;
    }
}
.supportList ul{
    display: flex;
    order: 1;
    gap: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .supportList ul{
        flex-direction: column;
        gap: 2vw;
        margin-top: 2vw;
        width: 90%;
    }
}
.supportList ul li{
    background-color: #86180F;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: min(240px , calc(240 / 1440 * 100vw));
    height: min(150px , calc(150 / 1440 * 100vw));
    border-radius: min(20px , calc(20 / 1440 * 100vw));
    font-size: min(24px , calc(24 / 1440 * 100vw));
    line-height: 1.5;
}
@media (max-width: 768px) {
    .supportList ul li{
        width: 100%;
        border-radius: 4vw;
        font-size: 3.6vw;
    }
}
.troubleImg{
    padding: 0 min(180px , calc(180 / 1440 * 100vw));
}
.caseImg{
    margin-top: 80px;
    width: 100%;
}
.caseImg img{
    width: 100%;
}
@media (max-width: 768px) {
    .caseImg{
        margin-top: 10vw;
    }
}
.exampleList{
    position: relative;
    margin-top: 40px;
    padding: 0 min(180px , calc(180 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .exampleList{
        margin-top: 4vw;
        padding: 0 5vw;
    }
}
.exampleList ul{
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px min(320px , calc(320 / 1440 * 100vw));
    z-index: 0;
}
@media (max-width: 768px) {
    .exampleList ul{
        gap: 2.5vw;
    }
}
.exampleList li{
    position: relative;
    height: min(240px , calc(240 / 1440 * 100vw));
    background-color: #EBF5F8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: min(30px , calc(30 / 1440 * 100vw));
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.15em;
}
@media (max-width: 768px) {
    .exampleList li{
        height: 25vw;
        font-size: 3.6vw;
    }
}
.exampleList li span{
    display: inline-block;
    font-size: min(20px , calc(20 / 1440 * 100vw));
    font-weight: 500;
    margin-bottom: 1em;
}
@media (max-width: 768px) {
    .exampleList li span{
        font-size: 3vw;
        margin-bottom: 0.5em;
    }
}
.exampleList li::before{
    position: absolute;
    content: "";
    background-color: #7B7B7B;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.exampleList li:nth-child(1):before{
    top: -8px;
    left: -8px;
}
.exampleList li:nth-child(2):before{
    top: -8px;
    right: -8px;
}
.exampleList li:nth-child(3):before{
    top: 8px;
    left: -8px;
}
.exampleList li:nth-child(4):before{
    top: 8px;
    right: -8px;
}
@media (max-width: 768px) {
    .exampleList li::before{
        top: 1vw !important;
        left: 1vw !important;
    }
}
.exampleList .exampleListImg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: min(300px , calc(300 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .exampleList .exampleListImg{
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        width: 100%;
        margin: 5vw auto 0;
    }
    .exampleList .exampleListImg img{
        width: 100%;
    }
}
.caseImgBox{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
@media (max-width: 768px) {
    .caseImgBox{
        margin-top: 5vw;
        width: 100%;
    }
}
.exampleListImg2{
    width: min(510px , calc(510 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .exampleListImg2{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .exampleList li::before{
        top: 1vw !important;
        left: 1vw !important;
    }
}
.exampleListImg3_wrap{
    width: min(710px , calc(710 / 1440 * 100vw));
    font-size: min(16px , calc(16 / 1440 * 100vw));
    line-height: 1.5;
}
.exampleListImg3{
    width: min(710px , calc(710 / 1440 * 100vw));
    margin-top: -0.8em;
}
.serviceGuarantee{
    padding: 80px 0;
}
@media (max-width: 768px) {
    .serviceGuarantee{
        padding: 10vw 0;
    }
}
.guaranteeList{
    margin-top: 40px;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    z-index: 0;
}
@media (max-width: 768px) {
    .guaranteeList{
        margin-top: 5vw;
        grid-template-columns: 1fr;
        gap: 10vw;
        z-index: 0;
    }
}
.guaranteeList .textBox{
    position: relative;
    width: 90%;
    margin: 32px auto 0;
    padding: 32px 24px 24px;
    background-color: #eeeeee;
}
@media (max-width: 768px) {
    .guaranteeList .textBox{
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 5vw 0;
        background-color: #fff;
    }
    .guaranteeList .textBox::after{
        position: absolute;
        top: 0;
        left: 1vw;
        display: block;
        content: "";
        width: 100%;
        height: calc(100% + 1vw);
        background-color: #CBCBCB;
        z-index: -1;
    }
}
.guaranteeList .textBox h4{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    font-size: min(32px , calc(32 / 1440 * 100vw));
    text-align: center;
    color: #86180F;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .guaranteeList .textBox h4{
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0);
        font-size: 5.6vw;
        text-align: left;
    }
}
.guaranteeList .textBox p{
    font-size: 15px;
    line-height: 1.8;
}
@media (max-width: 768px) {
    .guaranteeList .textBox p{
        font-size: 3vw;
    }
}
.guaranteeList .textBox ul{
    font-size: 15px;
    line-height: 1.8;
    margin-top: 2em;
}
@media (max-width: 768px) {
    .guaranteeList .textBox ul{
        font-size: 3vw;
    }
}
.guaranteeList .textBox li{
    text-indent: -5.5em;
    padding-left: 5.5em;
}
.servicePeriod .content{
    margin-top: 40px;
}
.servicePeriod .periodImg{
    width: 100%;
}
.servicePeriod .periodImg img{
    width: 100%;
}
.servicePeriod .content .note_txt{
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.15em;
    text-align: right;
    margin-top: 0.5em;
}
/* ------------------------------ */
/* 住宅性能 */
/* ------------------------------ */
.performanceTop{
    position: relative;
}
.performanceTop .fv .fvImg img{
    width: 100%;
}
.performanceTop .fv .content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.performanceTop .fv .content h2{
    font-size: min(36px , calc(36 / 1440 * 100vw));
    line-height: 1.7;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 25%);
    letter-spacing: 0.15em;
}
.performanceTop .fv .content p{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    line-height: 1.7;
    letter-spacing: 0.15em;
    font-weight: 700;
    text-align: center;
    margin-top: 2em;
}
@media (max-width: 768px) {
    .performanceTop .fv .content{
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0,0);
        color: #fff;
        text-align: center;
        margin-top: -30vw;
        padding: 0 min(90px, calc(90 / 1440 * 100vw));
    }
    .performanceTop .fv .content h2{
        position: relative;
        font-size: 3.6vw;
        line-height: 1.7;
        text-shadow: none;
        letter-spacing: 0.15em;
        text-align: center;
        display: inline-block;
    }
    .performanceTop .fv .content h2::before{
        display: block;
        position: absolute;
        content: "「";
        top: 0;
        left: -3em;
    }
    .performanceTop .fv .content h2::after{
        display: block;
        position: absolute;
        content: "」";
        bottom: 0;
        right: -2em;
    }
    .performanceTop .fv .content .txtBox{
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0,0);
        color: #000;
        background-color: #fff;
        margin-top: 14vw;
        border-radius: 2vw;
        padding: 4vw 0;
    }
    .performanceTop .fv .content .txtBox img{
        position: absolute;
        width: 120vw;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .performanceTop .fv .content p{
        font-size: 3.2vw;
        line-height: 1.7;
        letter-spacing: 0.15em;
        font-weight: 700;
        text-align: center;
        margin-top: 2em;
    }
}

.performanceMain{
    padding-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain{
        padding-top: 10vw;
    }
}
/* .performanceMainHead{
    padding: min(80px , calc(80 / 1440 * 100vw));
} */
.performanceMainHead h3{
    padding: min(80px , calc(80 / 1440 * 100vw)) 0 min(40px , calc(40 / 1440 * 100vw));
    font-size: min(20px , calc(20 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-align: center;
}
.performanceMainHead h3 strong{
    font-size: min(28px , calc(28 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMainHead h3{
        padding: 10vw 0 6vw;
        font-size: 3.6vw;
        background-color: #eeeeee;
        line-height: 1.8;
    }
    .performanceMainHead h3 strong{
        font-size: 4.4vw;
    }
}
.performanceMainHead .contentWrap{
    position: relative;
    padding: min(80px , calc(80 / 1440 * 100vw)) 0 min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMainHead .contentWrap{
        padding: 0 0 10vw;
    }
}
.performanceMainHead .contentWrap::after{
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 85%;
    background-color: #eeeeee;
    top: 0;
    left: 0;
    z-index: -1;
}
@media (max-width: 768px) {
    .performanceMainHead .contentWrap::after{
        display: none;
    }
}
.performanceMainHead .contentInner{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .performanceMainHead .contentInner{
        display: block;
    }
}
.performanceMainHead .contentInner .group{
    padding: 0 min(90px , calc(90 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMainHead .contentInner .group::after{
        position: absolute;
        display: block;
        content: "";
        height: 95%;
        width: 100%;
        background-color: #eeeeee;
        top: 0;
        left: 0;
        z-index: -1;
    }
}
.performanceMainHead .contentInner .group h4{
    font-size: min(30px , calc(30 / 1440 * 100vw));
    font-weight: 500;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .performanceMainHead .contentInner .group h4{
        font-size: 4vw;
        text-align: center;
        font-weight: 700;
    }
}
.performanceMainHead .contentInner .group h4 strong{
    font-size: min(36px , calc(36 / 1440 * 100vw));
    font-weight: 500;
    letter-spacing: 0.15em;
}
@media (max-width: 768px) {
    .performanceMainHead .contentInner .group h4 strong{
        font-size: 4vw;
        font-weight: 700;
    }
}
.performanceMainHead .contentInner .group .txtBox p{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMainHead .contentInner .group .txtBox p{
        font-size: 3.2vw;
        margin-top: 5vw;
    }
}
.performanceMainHead .contentInner picture{
    width: min(550px , calc(550 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMainHead .contentInner picture{
        display: block;
        width: 100%;
        margin-top: 5vw;
    }
}
.performanceMainHead .pointList{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(40px , calc(40 / 1440 * 100vw));
    margin-top: min(64px , calc(64 / 1440 * 100vw));
}
.performanceMainHead .pointList li{
    width: min(250px , calc(250 / 1440 * 100vw));
    height: min(70px , calc(70 / 1440 * 100vw));
    background-color: #FAFAFA;
    font-size: min(24px , calc(24 / 1440 * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0.1em;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 25%);
}
@media (max-width: 768px) {
    .performanceMainHead .pointList{
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0;
        margin-top: 8vw;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
    .performanceMainHead .pointList li{
        width: 40vw;
        height: 10vw;
        font-size: 3.2vw;
        margin-top: 4vw;
    }
}
.performanceMain .item{
    background: #eeeeee;
    margin-top: min(100px , calc(100 / 1440 * 100vw));
    padding: 0 0 min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item{
        background: transparent;
        margin-top: 10vw;
        padding: 0 0 10vw;
    }
    .performanceMain .item3 .itemInner{
        background-color: #eeeeee;
        padding-bottom: 5vw;
    }
}
.performanceMain .itemHead{
    position: relative;
    z-index: 1;
}
.performanceMain .itemHead h3{
    position: relative;
    display: flex;
    align-items: center;
    width: min(720px , calc(720 / 1440 * 100vw));
    background-color: #aaaaaa;
    color: #fff;
    line-height: 1;
    padding: 0.5em 0;
    transform: translateY(-50%);
}
@media (max-width: 768px) {
    .performanceMain .itemHead h3{
        position: absolute;
        width: 85vw;
        background-color: #393939;
        line-height: 1;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
.performanceMain .itemHead h3::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #E8E8E8;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(min(10px , calc(10 / 1440 * 100vw)), max(-10px , calc(10 / 1440 * -100vw)));
}
@media (max-width: 768px) {
    .performanceMain .itemHead h3::before{
        display: none;
    }
}
.performanceMain .itemHead h3 .num{
    font-family: "Crimson Text", serif;
    padding: 0 min(45px , calc(45 / 1440 * 100vw));
    font-size: min(70px , calc(70 / 1440 * 100vw));
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .performanceMain .itemHead h3 .num{
        padding: 0 0.5em;
        font-size: 8vw;
    }
}
.performanceMain .itemHead h3 .txt{
    font-size: min(45px , calc(45 / 1440 * 100vw));
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .performanceMain .itemHead h3 .txt{
        font-size: 5.2vw;
        letter-spacing: 0.1em;
    }
}
.performanceMain .itemHead .content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 min(45px , calc(45 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .itemHead .content{
        display: block;
        padding: 0;
    }
}
.performanceMain .itemHead .content img{
    display: block;
    width: min(785px , calc(785 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .itemHead .content img{
        width: 100%;
    }
}
.performanceMain .itemHead .content .group{
    display: block;
    width: min(785px , calc(785 / 1440 * 100vw));
    padding-left: min(45px , calc(45 / 1440 * 100vw));
    padding-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .itemHead .content .group{
        width: 100%;
        padding: 5vw min(90px , calc(90 / 1440 * 100vw));
    }
}
.performanceMain .itemHead .content .group h4{
    display: inline-block;
    font-size: min(28px , calc(28 / 1440 * 100vw));
    font-weight: 500;
    letter-spacing: 0.1em;
    background: linear-gradient(transparent 60%, rgba(134,24,15,0.2) 60%);
    white-space: nowrap;
}
@media (max-width: 768px) {
    .performanceMain .itemHead .content .group h4{
        font-size: 4.4vw;
    }
}
.performanceMain .itemHead .content .group .txtBox p{
    font-size: min(18px , calc(18 / 1440 * 100vw));
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-top: 1.5em;
}
@media (max-width: 768px) {
    .performanceMain .itemHead .content .group .txtBox p{
        font-size: 3.2vw;
    }
}
.performanceMain .item .unic{
    position: relative;
    z-index: 0;
    margin-top: max(-100px , calc(100 / 1440 * -100vw));
    padding-top: min(100px , calc(100 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic{
        position: relative;
        z-index: 0;
        margin-top: 0;
        padding-top: min(100px , calc(100 / 1440 * 100vw));
    }
}
@media (max-width: 768px) {
    .performanceMain .item .unic2{
        padding: 0;
    }
}
.performanceMain .item .unic::before{
    position: absolute;
    content: "";
    width: 100vw;
    height: min(60px , calc(60 / 1440 * 100vw));
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: -1;
}
@media (max-width: 768px) {
    .performanceMain .item .unic::before{
        display: none;
    }
}
.performanceMain .item .unic .unic1Img{
    width: 100%;
    margin-top: max(-80px , calc(80 / 1440 * -100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic .unic1Img{
        margin-top: 0;
    }
}
.performanceMain .item .unic .ctWrap{
    margin-top: min(20px , calc(20 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic .ctWrap{
        margin-top: 5vw;
    }
}
.performanceMain .item .unic .ctWrap .ct{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    letter-spacing: 0.15em;
    line-height: 1;
}
@media (max-width: 768px) {
    .performanceMain .item .unic .ctWrap .ct{
        font-size: 3.2vw;
        text-align: center;
    }
}
.performanceMain .item .unic .ctWrap .flexItem{
    display: flex;
    justify-content: space-between;
    margin-top: min(8px , calc(8 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic .ctWrap .flexItem{
        display: block;
        margin-top: 0;
    }
    .performanceMain .item .unic .ctWrap .flexItem .group:last-child{
        margin-top: 5vw;
    }
}
.performanceMain .item .unic .group{
    background-color: #fff;
    padding: min(20px , calc(20 / 1440 * 100vw));
}
.performanceMain .item .unic2 .group1{
    width: min(400px , calc(400 / 1440 * 100vw));
}
.performanceMain .item .unic2 .group2{
    width: min(800px , calc(800 / 1440 * 100vw));
}
.performanceMain .item .unic2 .group3{
    width: min(800px , calc(800 / 1440 * 100vw));
}
.performanceMain .item .unic2 .group4{
    width: min(400px , calc(400 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic .group{
        background-color: #eeeeee;
    }
    .performanceMain .item .unic2 .group{
        width: 100%;
        padding: 5vw min(90px , calc(90 / 1440 * 100vw));
    }
}
.performanceMain .item .unic .group .groupTtl{
    color: #86180F;
    font-size: min(20px , calc(20 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.7;
}
@media (max-width: 768px) {
    .performanceMain .item .unic .group .groupTtl{
        font-size: 3.6vw;
        text-align: center;
    }
}
.performanceMain .item .unic .group .txtBox p{
    font-size: min(16px , calc(16 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-top: 1em;
}
@media (max-width: 768px) {
    .performanceMain .item .unic .group .txtBox p{
        font-size: 3.2vw;
        letter-spacing: 0.1em;
        line-height: 1.8;
        margin-top: 1em;
    }
}
.performanceMain .item .unic2 .group2{
    display: flex;
    align-items: flex-end;
}
@media (max-width: 768px) {
    .performanceMain .item .unic2 .group2{
        flex-direction: column;
    }
}
.performanceMain .item .unic2 .group2 img{
    display: block;
    width: min(366px , calc(366 / 1440 * 100vw));
    margin-left: min(20px , calc(20 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic2 .group2 img{
        width: 100%;
        margin-left: 0;
        margin-top: 5vw;
    }
}
.performanceMain .item .unic2 .group3 .groupFlex{
    display: flex;
    align-items: flex-end;
    margin-top: min(20px , calc(20 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic2 .group3 .groupFlex{
        flex-direction: column;
    }
}
.performanceMain .item .unic2 .group3 img{
    display: block;
    width: min(503px , calc(503 / 1440 * 100vw));
    margin-right: min(20px , calc(20 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item .unic2 .group3 img{
        order: 2;
        width: 100%;
        margin-right:0;
        margin-top: 4vw;
    }
}
.performanceMain .item .unic2 .group4 img{
    display: block;
    width: min(330px , calc(330 / 1440 * 100vw));
    margin: min(20px , calc(20 / 1440 * 100vw)) auto 0;
}
@media (max-width: 768px) {
    .performanceMain .item .unic2 .group4 img{
        width: 100%;
        margin: 3vw auto 0;
    }
}
.performanceMain .item .unic3 .group{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: min(40px , calc(40 / 1440 * 100vw));
    padding: min(40px , calc(40 / 1440 * 100vw)) min(60px , calc(60 / 1440 * 100vw));
}
.performanceMain .item .unic3 .group img{
    width: min(625px , calc(625 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .performanceMain .item3 .unic3{
        margin-top: 0;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
    .performanceMain .item3 .unic3 .group{
        flex-direction: column;
        background-color: #fff;
        margin-top: 5vw;
        padding: 5vw;
    }
    .performanceMain .item3 .unic3 .group .groupTtl{
        text-align: left;
    }
    .performanceMain .item .unic3 .group img{
        width: 100%;
        margin-top: 5vw;
    }
}
.performanceMain .item .unic4{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .performanceMain .item .unic4{
        flex-direction: column;
    }
}
.performanceMain .item .unic4 .group{
    width: min(600px , calc(600 / 1440 * 100vw));
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
.performanceMain .item .unic4 .group .txtBox{
    padding: 0 min(40px , calc(40 / 1440 * 100vw));
}
.performanceMain .item .btnCommonArrow{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}

@media (max-width: 768px) {
    .performanceMain .item .btnCommonArrow{
        margin-top: 5vw
    }
}
/* ------------------------------ */
/* コンセプト */
/* ------------------------------ */
.fvTopTl{
    display: none;
}
@media (max-width: 768px) {
    .fvTopTl{
        display: block;
        font-family: "Crimson Text", serif;
        font-weight: 700;
        font-size: 8vw;
        letter-spacing: 0.1em;
        color: #86180F;
        opacity: 0.1;
        line-height: 1;
    }
}
.conceptTop{
    position: relative;
    overflow: hidden;
}
.conceptTop .titleCommon{
    padding: 40px;
}
.conceptTop .fv{
    position: relative;
    width: 100%;
    height: calc(800 / 1440 * 100vw);
    background-image: url(../img/concept/fv.png);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media (max-width: 768px) {
    .conceptTop .fv{
        height: 65vw;
        background-position: center;
    }
}
.conceptTop .fv h2{
    width: min(860px , calc(860 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptTop .fv h2{
        display: none;
    }
}
.conceptTop .fv .txtBox p{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    text-align: center;
    color: #fff;
    margin-top: 1.5em;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .conceptTop .fv .txtBox{
        display: none;
    }
}
@media (max-width: 768px) {
    .sp_b{
        font-weight: 700;
    }
}
.conceptTop .content_wrap{
    position: relative;
}
.conceptTop .content_wrap .bak_item_1{
    position: absolute;
    display: block;
    width: min(1626px , calc(1626 / 1440 * 100vw));
    top: 0;
    left: 0;
    z-index: -2;
}
@media (max-width: 768px) {
    .conceptTop .content_wrap .bak_item_1{
        width: 90vw;
    }
}
.conceptTop .content_wrap .bak_item_1 img{
    width: 100%;
}
@media (max-width: 768px) {
    .conceptTop .content_wrap .bak_item_1{
        display: none;
    }
}
.conceptTop .content_wrap .bak_item_2{
    position: absolute;
    display: block;
    width: min(1100px , calc(1100 / 1440 * 100vw));
    top: min(-80px , calc(80 / 1440 * -100vw));
    left: min(-180px , calc(180 / 1440 * -100vw));
    z-index: -1;
}
.conceptTop .content_wrap .bak_item_2 img{
    width: 100%;
}
@media (max-width: 768px) {
    .conceptTop .content_wrap .bak_item_2{
        top: auto;
        left: 50%;
        bottom: 30vw;
        transform: translateX(-50%);
        width: 100vw;
        z-index: 1;
    }
}
.conceptTop .content{
    position: relative;
    width: 50%;
    margin: 0 0 0 auto;
    z-index: 1;
    padding: min(240px , calc(240 / 1440 * 100vw)) 0 min(240px , calc(240 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptTop .content{
        width: 100%;
        text-align: center;
        margin-top: -56vw;
        padding: min(240px , calc(240 / 1440 * 100vw)) 0 0;
    }
}
.conceptTop .content h2{
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: min(36px , calc(36 / 1440 * 100vw));
    font-weight: 500;
}
@media (max-width: 768px) {
    .conceptTop .content h2{
        font-size: 4vw;
        color: #fff;
		font-weight: 700;
    }
}
.conceptTop .content h2::before{
    display: block;
    position: absolute;
    content: "「";
    top: 0;
    left: -2em;
}
.conceptTop .content h2::after{
    display: block;
    position: absolute;
    content: "」";
    bottom: 0;
    right: -2em;
}
.conceptTopImg{
    position: absolute;
    top: max(-50px , calc(50 / 1440 * -100vw));
    left: max(-90px , calc(90 / 1440 * -100vw));
    width: min(852px , calc(852 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptTopImg{
        position: absolute;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 110vw;
        bottom: 5vw;
        z-index: 2;
    }
}
@media (max-width: 768px) {
    .conceptTxtImg{
        display: none;
    }
}
.conceptTop .content .txtBox {
    margin-top: min(140px , calc(140 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptTop .content .txtBox {
        position: relative;
        margin-top: 20vw;
        background-color: #fff;
        padding: 5vw 0 50vw;
        z-index: 0;
    }
    .conceptTop .content .txtBox::before{
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        width: 100vw;
        height: 100vw;
        background-image: url(../img/concept/bak_item_1_sp.svg);
        background-size: cover;
        z-index: -1;
    }
}
.conceptTop .content p {
    font-size: min(20px , calc(20 / 1440 * 100vw));
    line-height: 1.8;
    letter-spacing: 0.15;
    margin-top: 1.5em;
}
@media (max-width: 768px) {
    .conceptTop .content p {
        font-size: 3vw;
        margin-top: 1.5em;
        text-align: center;
    }
}
.conceptTxtImg{
    position:absolute;
    z-index: 1;
    top: max(-100px , calc(100 / 1440 * -100vw));
    right: 0;
    width: min(780px , calc(780 / 1440 * 100vw));
}

.conceptItem{
    position: relative;
    margin-top: min(120px , calc(120 / 1440 * 100vw));
    padding-bottom: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItem:first-child{
        margin-top: -5vw;
        padding-top: 10vw;
    }
}
@media (max-width: 768px) {
    .conceptItem{
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
}
.conceptItem::before{
    display: block;
    content: "";
    width: 90vw;
    height: 100%;
    background-color: #eeeeee;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 768px) {
    .conceptItem::before{
        width: 100vw;
    }
}
.conceptItem:nth-child(even)::before{
    left: auto;
    right: 0;
}
@media (max-width: 768px) {
    .conceptItem:nth-child(even)::before{
        left: auto;
        right: 0;
        background-color: transparent;
    }
}
.conceptItemHead{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    transform: translateY(max(-20px , calc(20 / 1440 * -100vw)));
    padding-left: min(90px , calc(90 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItemHead{
        transform: translateY(0);
        padding-left: 0;
    }
}
.conceptItem:nth-child(even) .conceptItemHead{
    padding-left: 0;
    padding-right: min(90px , calc(90 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItem:nth-child(even) .conceptItemHead{
        padding-left: 0;
        padding-right: 0;
    }
}
.conceptItem:nth-child(even) .conceptItemHeadImg{
    order: 1;
}
.conceptItemHeadImg{
    width: min(1000px , calc(1000 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItemHeadImg{
        width: 100vw;
    }
}
.conceptItem:nth-child(even) .conceptItemHeadImg{
    order: 1;
}
.conceptTitle{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: min(300px , calc(300 / 1440 * 100vw));
    height: min(300px , calc(300 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptTitle{
        position: absolute;
        display: inline;
        background-color: transparent;
        width: auto;
        height: auto;
        top: 0;
        left: 3em;
        transform: translateY(-50%);
        line-height: 1;
    }
}
.conceptItem:nth-child(even) .conceptTitle{
    order: 2;
}
.conceptTitle h2{
    font-size: min(35px , calc(35 / 1440 * 100vw));
    text-align: center;
    font-weight: 500;
    line-height: 1.8;
}
@media (max-width: 768px) {
    .conceptTitle h2{
        display: none;
    }
}
.conceptTitle .num{
    font-size: min(35px , calc(35 / 1440 * 100vw));
    text-align: center;
    font-weight: 500;
}
.conceptTitle .num{
    position: absolute;
    left: 0em;
    top: -0.6em;
    font-size: min(96px , calc(96 / 1440 * 100vw));
    font-weight: 700;
    font-family: "Crimson Text", serif;
    color: #86180F;
    line-height: 1;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .conceptTitle .num{
        position: relative;
        font-size: 10vw;
        left: auto;
        top: auto;
		text-shadow: 1px 1px 2px #fff;
    }
}
.conceptTitle .num::after{
    display: block;
    content: "";
    height: 2px;
    width: 70%;
    background-color: #86180F;
    transform: translate(0.6em,-0.2em) rotate(-45deg);
}
@media (max-width: 768px) {
    .conceptTitle .num::after{
        display: none;
    }
}
.conceptItem .content{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .conceptItem .content{
        margin-top: 5vw;
        flex-direction: column;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
}
.conceptItem .txtBox{
    margin-left: min(120px , calc(120 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItem .txtBox{
        width: 100%;
        margin-left: 0;
        order: 1;
    }
}
.conceptItem:nth-child(even) .txtBox{
    margin-left: 0;
    margin-right: min(120px , calc(120 / 1440 * 100vw));
    order: 2;
}
@media (max-width: 768px) {
    .conceptItem:nth-child(even) .txtBox{
        margin-right: 0;
    }
}
.conceptItem .txtBox p{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    line-height: 1.5;
    margin-top: 1.5em;
}
@media (max-width: 768px) {
    .conceptItem .txtBox p{
        font-size: 3.2vw;
        line-height: 1.5;
        margin-top: 1.5em;
    }
}
.conceptItem .txtBox .txt_tl{
    display: none;
}
@media (max-width: 768px) {
    .conceptItem .txtBox .txt_tl{
        display: inline-block;
        font-weight: 700;
    }
}
.conceptItem .content .contentImg{
    width: min(720px , calc(720 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItem .content .contentImg{
        width: 100%;
    }
}
.conceptItem:nth-child(even)  .content .contentImg{
    order: 1;
}
.conceptItem .content .txtItem{
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: min(100px , calc(100 / 1440 * 100vw));
    font-weight: 700;
    line-height: 1;
    opacity: 0.6;
    transform: translateY(-60%);
    letter-spacing: 0.1em;
}
.conceptItem:nth-child(even) .content .txtItem{
    top: 0;
    left: 0;
    right: auto;
}
@media (max-width: 768px) {
    .conceptItem .content .txtItem{
        display: none;
    }
}
.conceptItemsHead{
    display: none;
}
@media (max-width: 768px) {
    .conceptItemsWrap{
        margin-top: -10vw;
    }
    .conceptItemsHead{
        display: block;
        background-color: #eeeeee;
        padding: 20vw 0 5vw;
        text-align: center;
        font-size: 3vw;
        letter-spacing: 0.1em;
        line-height: 1.5;
    }
    .conceptItemsHead .font_b{
        font-size: 4.6vw;
    }
}
.conceptItems .unic1{
    margin-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic1{
        margin-top: 5vw;
    }
}
.conceptItems .unic1 .btnCommonArrow{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic1 .btnCommonArrow{
        margin-top: 5vw;
    }
}
.conceptItems .unic2{
    margin-top: min(80px , calc(80 / 1440 * 100vw));
    padding: 0 min(160px , calc(160 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic2{
        margin-top: 16vw;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
}
.conceptItems .unic2 .unicInner{
    border: 2px solid #177A1F;
    padding: 0 min(64px , calc(64 / 1440 * 100vw)) min(64px , calc(64 / 1440 * 100vw));
    text-align: center;
}
@media (max-width: 768px) {
    .conceptItems .unic2 .unicInner{
        border: none;
        padding: 0;
    }
}
.conceptItems .unic2 .unicInner h3{
    display: inline-block;
    background-color: #eeeeee;
    transform: translateY(-0.8em);
    font-size: min(24px , calc(24 / 1440 * 100vw));
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0.5em;
}
@media (max-width: 768px) {
    .conceptItems .unic2 .unicInner h3{
        padding-left: 1em;
        font-weight: 500;
        letter-spacing: 0.15em;
        font-size: 3.2vw;
        border-left: 1vw solid #86180F;
        text-align: left;
        display: block;
    }
}
.conceptItems .unic2 .unicInner .unicContent{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(64px , calc(64 / 1440 * 100vw));
    margin-top: min(32px , calc(32 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic2 .unicInner .unicContent{
        grid-template-columns: 1fr;
        gap: 5vw;
        margin-top: 5vw;
    }
}
.conceptItems .unic2 .unicInner .unicContent .contentbox .contentImg{
    position: relative;
}
.conceptItems .unic2 .unicInner .unicContent .contentbox .contentImg img{
    width: 100%;
}
.conceptItems .unic2 .unicInner .unicContent .contentbox .contentImg .inTxt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 1;
    font-size: min(36px , calc(36 / 1440 * 100vw));
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #fff;
}
@media (max-width: 768px) {
    .conceptItems .unic2 .unicInner .unicContent .contentbox .contentImg .inTxt{
        font-size: 5.6vw;
    }
}
.conceptItems .unic2 .unicInner .unicContent .contentbox .contentTxt{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    text-align: left;
}
@media (max-width: 768px) {
    .conceptItems .unic2 .unicInner .unicContent .contentbox .contentTxt{
        font-size: 3.2vw;
        margin-top: 0.2em;
        text-align: center;
    }
}
.conceptItems .unic2 .btnCommonArrow{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic2 .btnCommonArrow{
        margin-top: 5vw;
    }
}
.conceptItems .unic3{
    margin-top: min(80px , calc(80 / 1440 * 100vw));
    padding: 0 min(180px , calc(180 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic3{
        margin-top: 10vw;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
}
.conceptItems .unic3 h3{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    letter-spacing: 0.1em;
    font-weight: 500;
    text-align: center;
}
@media (max-width: 768px) {
    .conceptItems .unic3 h3{
        display: none;
    }
}
.conceptItems .unic3 .unic3List{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: min(20px , calc(20 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conceptItems .unic3 .unic3List{
        display: none;
    }
}
.conceptItems .unic3 .unic3List .listItem{
    width: min(240px , calc(240 / 1440 * 100vw));
}
.conceptItems .unic3 .unic3List .listItem img{
    display: block;
    width: 85%;
    margin: 0 auto;
}
.conceptItems .unic3 .unic3List .name{
    background-color: #fff;
    text-align: center;
    font-size: min(20px , calc(20 / 1440 * 100vw));
    letter-spacing: 0.1em;
    padding: 0.2em 0;
}
.conceptItems .unic3 .sp_cont{
    display: none;
}
@media (max-width: 768px) {
    .conceptItems .unic3 .sp_cont{
        display: block;
        width: 100%;
    }
    .conceptItems .unic3 .sp_cont img{
        display: block;
        width: 100%;
    }
}
.conceptItems .unic3 .btnCommonArrow{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}

@media (max-width: 768px) {
    .conceptItems .unic3 .btnCommonArrow{
        margin-top: 5vw;
    }
}
/* ------------------------------ */
/* 土地の売却 */
/* ------------------------------ */
.sell_tochiFv{
    position: relative;
}
.sell_tochiFv .titleCommonBox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media (max-width: 768px) {
    .sell_tochiFv .titleCommonBox{
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0,0);
    }
}
.sell_tochiMain{
    position: relative;
    padding: min(80px , calc(80 / 1440 * 100vw)) 0;
}
@media (max-width: 768px) {
    .sell_tochiMain{
        padding: 5vw 0 10vw;
    }
}
@media (max-width: 768px) {
    .sell_tochiMain .group{
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
    .sell_tochiMain .group .groupInner{
        background-color: #EEEEEE;
        padding: 10vw 0 40vw;
    }
}
.sell_tochiMain .group h3{
    font-size: min(30px , calc(30 / 1440 * 100vw));
    text-align: center;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .sell_tochiMain .group h3{
        font-size: 4vw;
    }
}
.sell_tochiMain .group .txtBox p{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    line-height: 1.8;
    text-align: center;
    margin-top: 1.5em;
}
@media (max-width: 768px) {
    .sell_tochiMain .group .txtBox p{
        font-size: 3.2vw;
        margin-top: 1.5em;
    }
}
.sell_tochiMain .group .txtBox p:last-child{
    margin-top: 0;
}
@media (max-width: 768px) {
    .sell_tochiMain .group .txtBox p:last-child{
        margin-top: 1.5em;
    }
}
.sell_tochiMain picture{
    display: block;
    width: 100%;
    margin-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .sell_tochiMain picture{
        margin-top: -29.5vw;
    }
}
/* ------------------------------ */
/* 資料請求 */
/* ------------------------------ */
.requestMain{
    padding-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .requestMain{
        padding-top: 5vw;
    }
}
.requestMain h3{
    font-size: min(30px , calc(30 / 1440 * 100vw));
    text-align: center;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .requestMain h3{
        font-size: 4vw;
    }
}
.requestMain .content{
    display: flex;
    align-items: center;
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .requestMain .content{
        display: block;
        margin-top: 5vw;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
    }
}
.requestMain .content img{
    width: min(700px , calc(700 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .requestMain .content img{
        width: 100%;
    }
}
.requestMain .content .txtBox{
    margin-left: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .requestMain .content .txtBox{
        margin-left: 0;
        margin-top: 10vw;
    }
}
.requestMain .content .txtBox p{
    font-size: min(20px , calc(20 / 1440 * 100vw));
    line-height: 1.7;
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .requestMain .content .txtBox p{
        font-size: 3.2vw;
        margin-top: 5vw;
        text-align: center;
    }
}
.requestMain .content .txtBox p:first-child{
    margin-top: 0;
}
/* ------------------------------ */
/* 無料相談 */
/* ------------------------------ */
.conciergeMain{
    padding-bottom: min(100px , calc(100 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeMain{
        display: flex;
        flex-direction: column;
        padding-bottom: 10vw;
    }
}
.conciergeCont{
    margin-top: min(100px , calc(100 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeCont{
        margin-top: 10vw;
        order: 2;
    }
}
.conciergeAnxiety{
    padding: 0 min(90px , calc(90 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeAnxiety{
        padding: 0;
    }
}
.conciergeAnxiety .ttlBox{
    width: min(850px , calc(850 / 1440 * 100vw));
    height: min(205px , calc(205 / 1440 * 100vw));
    background:url(../img/concierge/txtItem1.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 768px) {
    .conciergeAnxiety .ttlBox{
        width: 75vw;
        height: auto;
        background: none;
        margin: 0 0 0 auto;
        text-align: center;
    }
}
.conciergeAnxiety .ttlBox h3{
    font-weight: 500;
    letter-spacing: 0.16em;
    font-size: min(24px , calc(24 / 1440 * 100vw));
    line-height: 1.8;
    padding-top: 1em;
}
@media (max-width: 768px) {
    .conciergeAnxiety .ttlBox h3{
        position: relative;
        font-size: 3.6vw;
        line-height: 1.8;
        padding: 1em 0;
        background-color: #fff;
        z-index: 1;
    }
}
.conciergeAnxiety .ttlBox h3 .item{
    font-size: min(18px , calc(18 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeAnxiety .ttlBox h3 .item{
        font-size: 3.2vw;
    }
}
.conciergeAnxiety .ttlBox h3 strong{
    font-size: min(26px , calc(26 / 1440 * 100vw));
    font-weight: 500;
    color: #86180F;
}
@media (max-width: 768px) {
    .conciergeAnxiety .ttlBox h3 strong{
        font-size: 3.6vw;
    }
}
.conciergeAnxiety .content{
    margin-top: min(16px , calc(16 / 1440 * 100vw));
}
.conciergeAnxiety .content img{
    width: min(655px , calc(655 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeAnxiety .content img{
        width: 100%;
        margin-top: -8vw;
    }
}
.conciergeAnxiety .content .txtBox{
    width: min(800px , calc(800 / 1440 * 100vw));
    padding: min(60px , calc(60 / 1440 * 100vw)) 0 min(60px , calc(60 / 1440 * 100vw)) min(260px , calc(260 / 1440 * 100vw));
    background-color: #eeeeee;
    margin: max(-260px , calc(260 / 1440 * -100vw)) 0 0 auto;
}
@media (max-width: 768px) {
    .conciergeAnxiety .content .txtBox{
        width: 95vw;
        padding: 2em 1em;
        background-color: #eeeeee;
        margin: 0 auto;
    }
}
.conciergeAnxiety .checkList{
    position: relative;
    padding: 0;
    font-size: min(18px , calc(18 / 1440 * 100vw));
    font-weight: 700;
}
@media (max-width: 768px) {
    .conciergeAnxiety .checkList{
        font-size: 3.2vw
    }
}
.conciergeAnxiety .checkList li{
    position: relative;
    padding-left: min(54px , calc(54 / 1440 * 100vw));
    margin-top: 1em;
}
.conciergeAnxiety .checkList li:first-child{
    margin-top: 0;
}
@media (max-width: 768px) {
    .conciergeAnxiety .checkList li{
        padding-left: 8vw;
    }
}
.conciergeAnxiety .checkList li::before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/after_service/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: min(32px , calc(32 / 1440 * 100vw));
    height: min(32px , calc(32 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeAnxiety .checkList li::before{
        width: 6vw;
        height: 6vw;
    }
}

@media (max-width: 768px) {
    .conciergeResolution{
        position: relative;
        margin-top: 20vw;
        z-index: -1;
    }
}
.conciergeResolution h3{
    font-size: min(32px , calc(32 / 1440 * 100vw));
    color: #86180F;
    text-align: center;
    letter-spacing: 0.1em;
    margin-top: min(80px , calc(80 / 1440 * 100vw));
}
.conciergeResolution h3 strong{
    font-size: min(48px , calc(48 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeResolution h3{
        position: absolute;
        display: block;
        background-color: #fff;
        font-size: 3.6vw;
        margin-top: 0;
        width: 100%;
        padding: 1.5em 0;
        border-radius:40%/40%;
        transform: translateY(-50%);
    }
    .conciergeResolution h3 strong{
        font-size: 4vw;
    }
}
.conciergeResolution picture{
    display: block;
    width: min(1200px , calc(1200 / 1440 * 100vw));
    margin: min(80px , calc(80 / 1440 * 100vw)) auto 0;
}
@media (max-width: 768px) {
    .conciergeResolution picture{
        width: 92vw;
        margin: 0 0 0 auto;
    }
}

.conciergeHead{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeHead{
        display: block;
        margin-top: 10vw;
        order: 1;
    }
}
.conciergeHead::before{
    display: block;
    content: "";
    width: min(250px , calc(250 / 1440 * 100vw));
    height: min(250px , calc(250 / 1440 * 100vw));
    background-color: #d9d9d9;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 768px) {
    .conciergeHead::before{
        width: 100%;
        height: 120vw;
        background-color: #eeeeee;
        z-index: -1;
    }
}
.conciergeHead picture{
    display: block;
    width: min(718px , calc(718 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .conciergeHead picture{
        position: absolute;
        top: 24vw;
        right: 0;
        width: 30vw;
    }
}
.conciergeHead .group{
    background-color: #fff;
    width: min(710px , calc(710 / 1440 * 100vw));
    transform: translatex(min(100px , calc(100 / 1440 * 100vw)));
    text-align: center;
    padding: min(40px , calc(40 / 1440 * 100vw)) 0;
}
@media (max-width: 768px) {
    .conciergeHead .group{
        background-color: transparent;
        width: 100%;
        transform: translateX(0);
        text-align: center;
        padding: 5vw 0;
    }
}
.conciergeHead .group h4{
    color: #86180F;
    font-size: min(32px , calc(32 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .conciergeHead .group h4{
        font-size: 4vw;
    }
}
.conciergeHead .group .txtBox p{
    font-size: min(18px , calc(18 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-top: 1.5em;
}
@media (max-width: 768px) {
    .conciergeHead .group .txtBox{
        background-color: #fff;
        font-size: 4vw;
        width: 65vw;
        margin-top: 15vw;
        padding: 1.5em 0;
        margin-left: 2.5vw;
    }
    .conciergeHead .group .txtBox p{
        font-size: 3.2vw;
        letter-spacing: 0.1em;
        line-height: 1.5;
        margin-top: 1.5em;
    }
    .conciergeHead .group .txtBox p:first-child{
        margin-top: 0;
    }
}
/* ------------------------------ */
/* 会社概要 */
/* ------------------------------ */
.about_usProfile{
    margin-top: min(240px , calc(240 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usProfile{
        margin-top: 7.5vw;
    }
}
.about_usProfile .profileList{
    width: min(900px , calc(900 / 1440 * 100vw));
    margin: min(80px , calc(80 / 1440 * 100vw)) auto 0;
    border-top: 1px solid #000;
}
@media (max-width: 768px) {
    .about_usProfile .profileList{
        width: 100%;
        margin: 5vw auto 0;
    }
}
.officeList li{
    text-indent: -1em;
    padding-left: 1em;
}
.about_usProfile .profileList dl{
    display: flex;
    font-size: min(16px , calc(16 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 1.5em 0;
    border-bottom: 1px solid #000;
}
@media (max-width: 768px) {
    .about_usProfile .profileList dl{
        font-size: 3.2vw;
    }
}
.about_usProfile .profileList dl dt{
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(200px , calc(200 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usProfile .profileList dl dt{
        justify-content:flex-start;
        width: 20vw;
    }
}
.about_usProfile .profileList dl dd{
    flex: 1;
    padding: 0 1em;
}
.about_usHistory{
    margin-top: min(120px , calc(120 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usHistory{
        margin-top: 10vw;
    }
}
.about_usHistory .historyList{
    width: min(900px , calc(900 / 1440 * 100vw));
    margin: min(80px , calc(80 / 1440 * 100vw)) auto 0;
}
@media (max-width: 768px) {
    .about_usHistory .historyList{
        width: 100%;
        margin: 7vw auto 0;
    }
}
.about_usHistory .historyList dl{
    position: relative;
    display: flex;
    font-size: min(16px , calc(16 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .about_usHistory .historyList dl{
        display: block;
        font-size: 3.2vw;
        padding-bottom: 5vw;
        padding-left: 10vw;
    }
}
.about_usHistory .historyList dl dt{
    width: min(360px , calc(360 / 1440 * 100vw));
    padding-bottom: min(80px , calc(80 / 1440 * 100vw));
    padding-left: min(100px , calc(100 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usHistory .historyList dl dt{
        width: 100%;
        padding-bottom: 0;
        padding-left: 0;
    }
}
.about_usHistory .historyList dl dd{
    flex: 1;
    padding: 0 1em;
}
@media (max-width: 768px) {
    .about_usHistory .historyList dl dd{
        padding: 0;
    }
}
.about_usHistory .historyList dl::before{
    position: absolute;
    display: block;
    content: "";
    width: min(25px , calc(25 / 1440 * 100vw));
    height: min(25px , calc(25 / 1440 * 100vw));
    border-radius: 50%;
    left: 0;
    background-color: #eeeeee;
}
@media (max-width: 768px) {
    .about_usHistory .historyList dl::before{
        width: 4vw;
        height: 4vw;
        top: 0;
    }
}
.about_usHistory .historyList dl::after{
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    border-radius: 50%;
    left: min(12px , calc(12 / 1440 * 100vw));
    background-color: #eeeeee;
}
@media (max-width: 768px) {
    .about_usHistory .historyList dl::after{
        top: 1vw;
        left: 1.8vw;
    }
}
.about_usHistory .historyList dl:last-child::after{
    display: none;
}


.about_usTop{
    position: relative;
    margin-top: min(80px , calc(80 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop{
        margin-top: 10vw;
    }
}
.about_usTop .about_usImg{
    position: relative;
    width: min(556px , calc(556 / 1440 * 100vw));
    margin-left: min(90px , calc(90 / 1440 * 100vw));
    z-index: 0;
}
@media (max-width: 768px) {
    .about_usTop .about_usImg{
        width: 45vw;
        margin-left: min(45px , calc(45 / 1440 * 100vw));
    }
}
.about_usTop .about_usImg p{
    font-size: min(12px , calc(12 / 1440 * 100vw));
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 1em;
}
.about_usTop .about_usImg p .name{
    font-size: min(20px , calc(20 / 1440 * 100vw));
}
.about_usTop .about_usTopInner{
    position: relative;
    width: min(750px , calc(750 / 1440 * 100vw));
    margin: max(-560px , calc(560 / 1440 * -100vw)) min(90px , calc(90 / 1440 * 100vw)) 0 auto;
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner{
        width: 100%;
        margin: 0;
        text-align: right;
    }
}
.about_usTop .about_usTopInner h3{
    position: relative;
    font-size: min(36px , calc(36 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.8;
    z-index: 1;
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner h3{
        display: inline-block;
        font-size: 4.2vw;
        text-align: left;
        margin-right: min(90px , calc(90 / 1440 * 100vw));
        transform: translateY(-28vw);
    }
}
.about_usTop .about_usTopInner .content{
    position: relative;
    background-color: #fff;
    margin-top: min(20px , calc(20 / 1440 * 100vw));
    font-size: min(20px , calc(20 / 1440 * 100vw));
    letter-spacing: 0.1em;
    line-height: 2;
    padding: min(90px , calc(90 / 1440 * 100vw)) 0 min(90px , calc(90 / 1440 * 100vw)) min(45px , calc(45 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content{
        background-color: #EEEEEE;
        margin-top: 4vw;
        font-size: 3.2vw;
        padding: 0 0 30vw;
    }
}
.about_usTop .about_usTopInner .content::after{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    bottom: max(-90px , calc(90 / 1440 * -100vw));
    right: max(-90px , calc(90 / 1440 * -100vw));
    width: min(520px , calc(520 / 1440 * 100vw));
    height: min(310px , calc(310 / 1440 * 100vw));
    background-color: #909090;
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content::after{
        bottom: auto;
        top: -56vw;
        right: 0;
        width: 40vw;
        height: 12vw;
        z-index: 0;
        background-color: #eeeeee;
    }
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content .group1{
        background-color: #fff;
        font-size: 3.2vw;
        padding: 7.5vw 4vw;
        text-align: left;
        width: 88vw;
        margin: 0 0 0 auto;
        transform: translateY(-30vw);
    }
}
.about_usTop .about_usTopInner .content .group2{
    margin-top: min(120px , calc(120 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content .group2{
        margin-top: 96vw;
        padding: 0 min(90px , calc(90 / 1440 * 100vw));
        text-align: left;
    }
}
.about_usTop .about_usTopInner .content .group2 h4{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content .group2 h4{
        margin-top: 7.5vw;
    }
}
.about_usTop .about_usTopInner .content .group2 .txtBox{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content .group2 .txtBox{
        margin-top: 7.5vw;
    }
}
.about_usTop .about_usTopInner .content .group2 .txtBox p{
    margin-top: min(64px , calc(64 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content .group2 .txtBox p{
        margin-top: 5vw;
    }
}
.about_usTop .about_usTopInner .content .group2 .name{
    margin-top: min(40px , calc(40 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .content .group2 .name{
        margin-top: 10vw;
        text-align: right;
    }
}
.about_usTop .about_usTopInner .txtItem{
    display: block;
    position: absolute;
    width: min(300px , calc(300 / 1440 * 100vw));
    top: min(120px , calc(120 / 1440 * 100vw));
    left: max(-40px , calc(40 / 1440 * -100vw));
}
@media (max-width: 768px) {
    .about_usTop .about_usTopInner .txtItem{
        position: absolute;
        width: 40vw;
        top: -50vw;
        left: 40vw;
        z-index: 1;
    }
}
.about_usImgItem{
    display: block;
    position: absolute;
    z-index: -1;
}
.about_usImgItem .imgInner{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.about_usImg2{
    top: min(780px , calc(780 / 1440 * 100vw));
    left: min(90px , calc(90 / 1440 * 100vw));
    width: min(438px , calc(438 / 1440 * 100vw));
}
.about_usImg2 .imgInner::before{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    background-color: #eeeeee;
    bottom: max(-90px , calc(90 / 1440 * -100vw));
    left: max(-90px , calc(90 / 1440 * -100vw));
    width: min(250px , calc(250 / 1440 * 100vw));
    height: min(200px , calc(200 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usImg2{
        display: none;
    }
}
.about_usImg3{
    top: min(1200px , calc(1200 / 1440 * 100vw));
    left: min(220px , calc(220 / 1440 * 100vw));
    width: min(245px , calc(245 / 1440 * 100vw));
    z-index: 0;
}
@media (max-width: 768px) {
    .about_usImg3{
        top: 200vw;
        left: min(90px , calc(90 / 1440 * 100vw));
        width: 30vw;
        z-index: 2;
    }
    .about_usImg3 .imgInner::before{
        position: absolute;
        display: block;
        content: "";
        z-index: -1;
        border: 1px solid #86180F;
        bottom: -5vw;
        left: max(-90px , calc(90 / 1440 * -100vw));
        width: 10vw;
        height: 10vw;
        z-index: -1;
    }
}
.about_usImg4{
    top: min(1400px , calc(1400 / 1440 * 100vw));
    left: 0;
    width: min(446px , calc(446 / 1440 * 100vw));
}
.about_usImg4 .imgInner::before{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    background-color: #86180F;
    top: max(-40px , calc(40 / 1440 * -100vw));
    left: 0;
    width: min(90px , calc(90 / 1440 * 100vw));
    height: min(40px , calc(40 / 1440 * 100vw));
}
.about_usImg4 .imgInner::after{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    background-color: #eeeeee;
    top: min(200px , calc(200 / 1440 * 100vw));
    right: max(-140px , calc(140 / 1440 * -100vw));
    width: min(190px , calc(190 / 1440 * 100vw));
    height: min(390px , calc(390 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usImg4{
        top: 160vw;
        left: auto;
        right: 0;
        width: 80vw;
        z-index: 1;
    }
    .about_usImg4 .imgInner::before{
        display: none;
    }
    .about_usImg4 .imgInner::after{
        position: absolute;
        display: block;
        content: "";
        z-index: -1;
        background-color: #fff;
        top: -2.5vw;
        right: 2.5vw;
        width: 100%;
        height: 100%;
    }
}
.about_usImg5{
    bottom: max(-20px , calc(20 / 1440 * -100vw));
    left: min(200px , calc(200 / 1440 * 100vw));
    width: min(500px , calc(500 / 1440 * 100vw));
}
.about_usImg5 .imgInner::before{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    border: 1px solid #86180F;
    top: max(-80px , calc(80 / 1440 * -100vw));
    left: max(-80px , calc(80 / 1440 * -100vw));
    width: min(130px , calc(130 / 1440 * 100vw));
    height: min(130px , calc(130 / 1440 * 100vw));
    z-index: 1;
}
.about_usImg5 .imgInner::after{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    background-color: #eeeeee;
    bottom: max(-120px , calc(120 / 1440 * -100vw));
    left: max(-200px , calc(200 / 1440 * -100vw));
    width: min(250px , calc(250 / 1440 * 100vw));
    height: min(250px , calc(250 / 1440 * 100vw));
}
@media (max-width: 768px) {
    .about_usImg5{
        bottom: auto;
        top: 226vw;
        left: auto;
        right: 10vw;
        width: 50vw;
        z-index: 1;
    }
    .about_usImg5 .imgInner::before{
        display: none;
    }
    .about_usImg5 .imgInner::after{
        position: absolute;
        display: block;
        content: "";
        z-index: -1;
        background-color: #E1E1E1;
        bottom: 5vw;
        left: 5vw;
        width: 100%;
        height: 100%;
    }
}