@charset "utf-8";
.secDetailsHero{
    background: url(../img/about/design/imgDetailsHero.jpg) center top / cover no-repeat;
}
@media only screen and (max-width:1215px){
    .secDetailsHero{
        background-image: url(../img/about/design/imgDetailsHero_sp.jpg);
    }
}
/* secDesign */
.secDesign{
    width: 100%;
    margin-top: 14.7rem;
}
.secDesign .list{
    width: 100%;
}
.secDesign .Item{
    width: 100%;
}
.secDesign .Item + .Item{
    margin-top: 13.6rem;
    position: relative;
}
.secDesign .Item + .Item + .Item {
    margin-top: 14.4rem;
    position: relative;
}
.secDesign .itemtitbox{
    width: 100%;
    text-align: left;
}
.secDesign .numbox{
    width: 100%;
}
.secDesign .numtxt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_25);
    font-weight: bold;
    color: var(--lineup_concept_titColor);
}
.secDesign .itemtit{
    font-size: var(--pcFontSize34);
    line-height: var(--pcLineHeight34_50);
    font-weight: bold;
    margin-top: 1.5rem;
}
.secDesign .itemImg{
    width: 100%;
    margin-top: 4.2rem;
}
.secDesign .itemtxtbox{
    text-align: left;
    margin-top: 4rem;
}
.secDesign .itemtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
}
@media only screen and (min-width:1216px){
    .secDesign .itemtxt{
        letter-spacing: var(--pcLetterSpacing14_50);
    }
}
@media only screen and (max-width:1215px){
    .secDesign{
        margin-top: 7.3rem;
    }
    .secDesign .Item + .Item{
        margin-top: 6.8rem;
    }
    .secDesign .Item + .Item + .Item {
        margin-top: 7.4rem;
    }
    .secDesign .itemtitbox{
        width: 100%;
        text-align: left;
        padding: 0 1.5rem;
    }
    .secDesign .numtxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
    }
    .secDesign .itemtit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_30);
        margin-top: 0.3rem;
    }
    .secDesign .itemImg{
        width: 100%;
        margin-top: 2.4rem;
    }
    .secDesign .itemtxtbox{
        margin-top: 2.3rem;
        padding: 0 1.4rem;
    }
    .secDesign .itemtxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        /* display: inline-block; */
    }
    .secDesign + .secLinkbnr{
        margin-top: 14.9rem;
    }
}
.secDesign .titBox01{
    margin-top: 6rem;
    text-align: center;
}
.secDesign .titdesign{
    font-size: var(--pcFontSize24);
    font-weight: bold;
}
.secDesign .list01{
    margin-top: 5rem;
    display: flex;
}
.secDesign .itenmtxtBox{
    width: calc((100% - 10rem) / 3);
}
.secDesign .itenmtxtBox:nth-child(n+2){
    margin-left: 5rem;
}
.secDesign .ietmtxt01{
    font-size: var(--pcFontSize12);
    margin-top: 2.2rem;
    line-height: var( --pcLineHeight12_32);
}
@media only screen and (max-width:1215px){
    .secDesign .titBox01{
        margin-top: 4.3rem;
        text-align: center;
    }
    .secDesign .titdesign{
        font-size: var(--spFontSize14);
    }
    .secDesign .list01{
        margin-top: 3rem;
        display: block;
    }
    .secDesign .itenmtxtBox{
        width: 100%;
    }
    .secDesign .itenmtxtBox:nth-child(n+2){
        margin-left: 0;
        margin-top: 2.1rem;
    }
    .secDesign .itenmtxtBox:nth-child(3){
        margin-left: 0;
        margin-top: 2.5rem;
    }
    .secDesign .ietmtxt01{
        font-size: var(--pcFontSize12);
        margin-top: 1.5rem;
        line-height: var(--spLineHeight12_20);
    }
    .secDesign .itenmtxtBox:nth-child(2) .ietmtxt01{
        margin-top: 1.8rem;
    }
}
.secDesign .Inner01{
    margin-top: 13.4rem;
}
.secDesign .linkBox{
    margin-top: 4rem;
}
.secDesign .Item:last-child .linkBox{
    margin-top: 0.5rem;
}
.secDesign .link{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.secDesign .boxCmnMore {
    width: 20rem;
}
.secLinkbnr {
    margin-top: 20rem;
}
.secLinkbnr .bgBox {
    padding-top: 6.7rem;
}
.secLinkbnr .boxList {
    margin-top: 7rem;
}
@media only screen and (max-width:1215px){
    .secDesign .Inner01{
        margin-top: 7.2rem;
    }
    .secDesign .linkBox{
        margin-top: 3.2rem;
    }
    .secDesign .Item:last-child .linkBox{
        margin-top: 3.5rem;
    }
    .secDesign .link{
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    .secDesign .boxCmnMore {
        width: 92%;
    }
    .secLinkbnr .bgBox {
        padding-top: 5.7rem;
    }
    .secLinkbnr .boxList {
        margin-top: 3rem;
    }
}