:root{
    --linkColor: #6f6f5d;
    --linkColorHover: #dfdfcd;
    --linkColor: #6f6f5d;
    --linkColorHover: #dfdfcd;
    --linkColorHoverDark: #2f2f1d;
    --defaultBGColor: #fafaf8;
    --productBoxBGColor: #e8e8e3;
    --productBoxBorderColor: #cecec9;
    --tableProductBGColor: #D6C9BE;
    --tableRowDark: rgba(0,0,0,0.04);
    --grayPurple: #494D61;
    --grayPurple2: #797D91;
    --BG: #F8F8F5;
    --BG2: #E5E5DE;
    --BG3: #848795;
    --BG4: #DACDC2;
    --BG5: #312F2B;
    --areaBoxBG: #CCCBC9;
}

body{
    background-image: url('../img/web/webBG.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


.makerArea{
    background-color: var(--BG);
    font-family: 'メイリオ';
}
.makerArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding: 20.25px 0;
    padding-bottom: 88px;
}
.makerFlex{
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
.makerBlock1{
    width: 618.75px;
    padding: 0px 63px;
}
.makerCaption{
    font-size: 2.85em;
    font-weight: 800;
    margin-bottom: 20.25px;
    line-height: 1.2;
}
.makerSummary{
    font-size: 1.1em;
    margin-bottom: 20.25px;
}
.makerBlock2{
    width: calc(100% - 618.75px);
    height: 462px;
    background-image: url('../img/makerList/makerList.webp');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.makerPoint{
    padding-left: 63px;
}
.makerPointCaption{
    font-size: 2.85rem;
    margin-bottom: 20.25px;
}
.makerPointFlex{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.makerPointItemBox{
    border: var(--productBoxBorderColor) 1px solid;
    border-radius: 10px;
    background-color: var(--productBoxBGColor);
    padding: 16px;
    width: 300px;
}
.makerPointItemCaption{
    font-size: 1.35rem;
    font-weight: 400;
}
.makerPointItemSummary{
    font-size: 1.2rem;
}

.ricohArea{
    background-color: #272525;
}
.ricohArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding-top: 128px;
    padding-bottom: 88px;
}

.ricohFlex{
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: stretch;
}
.ricohBlock1{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url('../img/makerList/ricohBlock1.avif');
    width: 374px;
    background-size: cover;
    background-position: center;
}
.ricohBlock2{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 55px 64px;
    background-color: #c9c8c8;
    width: 625px;
}
.ricohTitle{
    font-size: 3rem;
    margin-bottom: 20.25px;
}
.ricohImage{
    width: 450px;
    height: 280px;
    border-radius: 8px;
    margin-bottom: 10.25px;
    background-position: center;
    background-repeat: no-repeat;
}
.ricohImage01{
    background-image: url('../img/makerList/ricoh01.png');
    background-size: contain;
}
.ricohImage02{
    background-image: url('../img/makerList/ricoh02.webp');
    background-size: contain;
    background-color: #fff;
}
.ricohImage03{
    background-image: url('../img/makerList/ricoh03.webp');
    background-size: cover;
}
.ricohItemName{
    font-size: 1.8rem;
    margin-bottom: 10.25px;
}
.ricohSummary{
    font-size: 1.2rem;
    margin-bottom: 20.25px;
}

.fujiArea{
    background-color: #D7CABE;
}
.fujiArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding-top: 128px;
    padding-bottom: 88px;
    padding-left: 64px;
    padding-right: 64px;
}

.fujiTitle{
    font-size: 3rem;
    margin-bottom: 20.25px;
}
.fujiFlex{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.fujiItemBox{
    border: var(--productBoxBorderColor) 1px solid;
    border-radius: 10px;
    width: 266px;
}
.fujiItemImage{
    height: 266px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 10.25px;
}
.fujiItemImage01{
    background-image: url('../img/makerList/fuji01.png');
    background-size: contain;
}
.fujiItemImage02{
    background-image: url('../img/makerList/fuji02.webp');
    background-size: contain;
}
.fujiItemImage03{
    background-image: url('../img/makerList/fuji03.webp');
    background-size: cover;
}
.fujiItemCaption{
    font-size: 1.35rem;
    font-weight: 400;
    margin-bottom: 10.25px;
}
.fujiItemSummary{
    font-size: 1.2rem;
}

.costArea{
    background-color: #E8E8E2;
}
.costArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding-top: 128px;
    padding-bottom: 88px;
    padding-left: 64px;
    padding-right: 64px;
}

.costTitle{
    font-size: 3rem;
    margin-bottom: 20.25px;
}
.costFlex{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.costItemBox{
    border-radius: 10px;
    width: 266px;
}
.costItemCaption{
    font-size: 1.65rem;
    font-weight: 400;
    margin-bottom: 10.25px;
}
.costItemSummary{
    font-size: 1.2rem;
}

.konicaArea{
    background-color: #FBFBF9;
}
.konicaArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding-top: 128px;
    padding-bottom: 88px;
    padding-left: 64px;
    padding-right: 64px;
}

.konicaTitle{
    font-size: 3rem;
    margin-bottom: 20.25px;
}
.konicaFlex{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.konicaItemBox{
    border-radius: 10px;
    width: 414px;
}
.konicaItemImage{
    height: 255px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 10.25px;
}
.konicaItemImage01{
    background-image: url('../img/makerList/konica01.png');
    background-size: cover;
}
.konicaItemImage02{
    background-image: url('../img/makerList/konica02.webp');
    background-size: cover;
}
.konicaItemCaption{
    font-size: 1.35rem;
    font-weight: 400;
    margin-bottom: 10.25px;
}
.konicaItemSummary{
    font-size: 1.2rem;
}

.sharpArea{
    background-color: #E8E8E2;
}
.sharpArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding-top: 128px;
    padding-bottom: 88px;
    padding-left: 64px;
    padding-right: 64px;
}

.sharpTitle{
    font-size: 3rem;
    margin-bottom: 20.25px;
}
.sharpFlex{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.sharpItemBox{
    border-radius: 10px;
    width: 414px;
}
.sharpItemImage{
    height: 255px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 10.25px;
}
.sharpItemImage01{
    background-image: url('../img/makerList/sharp01.webp');
    background-size: cover;
}
.sharpItemImage02{
    background-image: url('../img/makerList/sharp02.webp');
    background-size: cover;
}
.sharpItemCaption{
    font-size: 1.35rem;
    font-weight: 400;
    margin-bottom: 10.25px;
}
.sharpItemSummary{
    font-size: 1.2rem;
}

.okiArea{
    background-color: #E8E8E2;
}
.okiArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding-top: 128px;
    padding-bottom: 88px;
    padding-left: 64px;
    padding-right: 64px;
}

.okiTitle{
    font-size: 3rem;
    margin-bottom: 20.25px;
}
.okiFlex{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.okiItemBox{
    border-radius: 10px;
    width: 414px;
}
.okiItemImage{
    height: 255px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 10.25px;
}
.okiItemImage01{
    background-image: url('../img/makerList/oki01.webp');
    background-size: cover;
}
.okiItemImage02{
    background-image: url('../img/makerList/oki02.webp');
    background-size: cover;
}
.okiItemCaption{
    font-size: 1.35rem;
    font-weight: 400;
    margin-bottom: 10.25px;
}
.okiItemSummary{
    font-size: 1.2rem;
}