: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;
    --BG2: #F7F7F8;
    --BG3: #848795;
}

body{
    background-color: #fff;
}
.ricohArea{
    
}
.ricohArea > .inner{
    width: 981px;
    padding: 85.5px 0;
    margin: 0 auto;
    padding-bottom: 0px;
}
.ricohFlex{
    display: flex;
    align-content: center;
    align-items: center;
}
.ricohBlock1{
    width: 367.88px;
    padding: 27px;
    padding-top: 85.5px;
    height: 432px;
}
.ricohPartnerImage{
    width: 100%;
    height: auto;
}

.ricohBlock2{
    width: calc(981px - 367.88px);
    padding: 85.5px 63px;
    height: 432px;
}
.ricohPartnerCaption{
    font-size: 3.45em;
    font-weight: 800;
    color: var(--grayPurple);
    line-height: 1.2em;
    margin-bottom: 20.25px;
}
.viewMachine{
    width: 144px;
    padding: 9px 18px;
    color: #fff;
    background-color: var(--grayPurple);
    border-radius: 8px;
}
.ricohPartnerSummary{
    font-size: 1.15em;
    color: var(--grayPurple);
}

.fukugoukiArea{
    
}
.fukugoukiArea > .inner{
    width: 981px;
    margin: 0 auto;
}
.fukugoukiFlex{
    display: flex;
    align-content: center;
    align-items: center;
    padding-bottom: 20.25px;
}
.fukugoukiBlock1{
    width: 367.88px;
}
.fukugoukiPartnerImage{
    width: 100%;
    height: auto;
}
.fukugoukiBlock2{
    width: calc(981px - 367.88px);
}
.fukugoukiPartnerCaption{
    font-size: 3.45em;
    font-weight: 800;
    color: var(--grayPurple);
    line-height: 1.2em;
    margin-bottom: 10.25px;
}
.fukugoukiPartnerSummary{
    font-size: 1.15em;
    color: var(--grayPurple);
    margin-bottom: 20.25px;
}.viewMachine{
    width: 144px;
    padding: 9px 18px;
    color: #fff;
    background-color: var(--grayPurple);
    border-radius: 8px;
}

.aboutArea{
    background-color: var(--BG2);
}
.aboutArea > .inner{
    width: 981px;
    padding: 85.5px 63px;
    margin: 0 auto;
}
.aboutCaption{
    font-size: 2.5em;
    color: var(--grayPurple);
    font-weight: 800;
    margin-bottom: 20.25px;
}
.aboutFlex{
    display: flex;
    justify-content: space-between;
}
.aboutBox{
    width: 267px;
}
.aboutImage{
    width: 100%;
    height: 165px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20.25px;
    border-radius: 8px;
}
.aboutItemCaption{
    font-weight: 800;
    font-size: 1.45em;
    line-height: 1.1em;
    margin-bottom: 10.25px;
}
.aboutItemSummary{
    font-size: 1.1em;
}

.makerArea{
    position: relative;
    background-image: url('../img/machine/makerListBG.jpg');
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.makerArea > .filter{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: -1;
}
.makerArea > .inner{
    width: 981px;
    padding: 85.5px 63px;
    margin: 0 auto;
}
.makerCaption{
    font-size: 3.45em;
    color: #fff;
    font-weight: 800;
    margin-bottom: 20.25px;
}
.makerSummary{
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 20.25px;
}
.viewMaker{
    display: block;
    width: 200px;
    padding: 9px 18px;
    color: #000;
    font-size: 1.1em;
    font-weight: 800;
    background-color: var(--grayPurple2);
    border-radius: 8px;
}

.printerArea{
    
}
.printerArea > .inner{
    width: 981px;
    margin: 0 auto;
    padding-bottom: 0px;
}
.printerFlex{
    display: flex;
    align-content: center;
    align-items: center;
}
.printerBlock1{
    width: 613px;
    padding: 27px;
    padding: 85.5px 63px;
}
.printerImage{
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.printerBlock2{
    width: calc(981px - 613px);
    padding: 20.25px 0;
}
.printerCaption{
    font-size: 3.45em;
    font-weight: 800;
    color: var(--grayPurple);
    line-height: 1.2em;
    margin-bottom: 20.25px;
}
.printerSummary{
    color: var(--grayPurple);
}

.laserArea{
    
}
.laserArea > .inner{
    width: 981px;
    padding: 85.5px 63px;
    margin: 0 auto;
}
.laserCaption{
    font-size: 2.6em;
    font-weight: 800;
    color: var(--grayPurple);
    margin-bottom: 20.25px;
}
.laserFlex{
    display: flex;
    justify-content: space-between;
}
.laserBox{
    width: 181px;
}
.laserItemCaption{
    font-size: 1.35em;
    font-weight: 800;
    margin-bottom: 20.25px;
    color: var(--grayPurple);
}
.laserItemSummary{
    font-size: 1.1em;
    color: var(--grayPurple);
}


.inkjetArea{
    background-color: var(--BG3);
}
.inkjetArea > .inner{
    width: 981px;
    padding: 85.5px 63px;
    margin: 0 auto;
}
.inkjetCaption{
    font-size: 2.6em;
    font-weight: 800;
    margin-bottom: 20.25px;
    color: #fff;
}
.inkjetFlex{
    display: flex;
    justify-content: space-between;
}
.inkjetBox{
    width: 181px;
}
.inkjetItemCaption{
    font-size: 2em;
    font-weight: 800;
    margin-bottom: 10.25px;
    color: #fff;
}
.inkjetItemSummary{
    font-size: 1.1em;
    color: #fff;
}

.scannerArea{
    
}
.scannerArea > .inner{
    padding: 10.25px 0px;
    width: 981px;
    margin: 0 auto;
}
.scannerFlex{
    display: flex;
    align-items: center;
}
.scannerBlock1{
    width: 613.13px;
    padding: 0 63px;
}
.scannerCaption{
    font-size: 3.45em;
    font-weight: bold;
    color: var(--grayPurple);
    margin-bottom: 32px;
}
.scannerSummary{
    color: var(--grayPurple);
    font-size: 1.1em;
}
.scannerBlock2{
    width: calc(100% - 613.13px);
    height: 432px;
    background-image: url('../img/machine/scanner.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



.contactArea{
    
}
.contactArea > .inner{
    padding: 10.25px 0px;
    width: 981px;
    margin: 0 auto;
}
.contactFlex{
    display: flex;
    align-items: center;
}
.contactBlock1{
    width: 613.13px;
    padding: 0 63px;
}
.contactCaption{
    font-size: 3.45em;
    font-weight: bold;
    color: var(--grayPurple);
    margin-bottom: 32px;
}
.contactSummary{
    color: var(--grayPurple);
    font-size: 1.1em;
    margin-bottom: 20.25px;
}
.contactBlock2{
    width: calc(100% - 613.13px);
    height: 432px;
    background-image: url('../img/machine/contact.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.viewContact{
    display: block;
    width: 220px;
    text-align: center;
    padding: 9px 18px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 800;
    background-color: var(--grayPurple);
    border-radius: 8px;
}