YORIDORI ヨリドリは、オフィス用品や環境とコストダウンに貢献するリサイクルトナー、インクを豊富にそろえる通販サイトです。文具事務用品からオフィス家具までヨリドリミドリの品揃え。オフィスの業務改善につながる情報も満載です。【2,500円（税抜）以上で送料無料】

YORIDORI（ヨリドリ）

<div class="yd-wrapper-all">

    <div class="box-txt-title flex-box align-center bottom-m">
        <div class="">
            <h1 class="font-l">既に当社とお取引中のお客様へ</h1>
            <p class="font-s">※本ページはケイティケイ株式会社とお取引中のお客様へのご案内です</p>
        </div>
        <div class="btn-account">
            <a href="/cs/{url_string}/sf/inquiry?slug=account-request&featurePageTitle=YORIDORI%E2%98%85%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E7%99%BA%E8%A1%8C%E4%BE%9D%E9%A0%BC%E2%98%85">アカウント発行依頼はこちら<img src="https://image.yoridori.jp/ec_img/banner_image/arrow-right-wh.svg" alt=""></a>
        </div>
    </div>

    <div class="box-img bottom-m">
        <picture>
            <source srcset="https://image.yoridori.jp/ec_img/banner_image/account-request_20240301_01.webp" type="image/webp">
            <img src="https://image.yoridori.jp/ec_img/banner_image/account-request_20240301_01.jpg" alt="">
        </picture>
    </div>

    <div class="btn-account-2 bottom-l">
        <p class="bottom-m"><span style="font-family: arial;">&#92;</span>  登録料・年会費無料！<span style="font-family: arial;">/</span></p>
        <div class="btn-account">
            <a href="/cs/{url_string}/sf/inquiry?slug=account-request&featurePageTitle=YORIDORI%E2%98%85%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E7%99%BA%E8%A1%8C%E4%BE%9D%E9%A0%BC%E2%98%85">アカウント発行依頼はこちら<img src="https://image.yoridori.jp/ec_img/banner_image/arrow-right-wh.svg" alt=""></a>
        </div>
    </div>
    
    <div class="btn_top">
        <a href="/cs/{url_string}/">トップページへ戻る
            <img src="https://image.yoridori.jp/ec_img/banner_image/user-guide_20240131_08.svg" alt="">
        </a>
    </div>

</div>

<style>

* {
box-sizing: border-box;
font-family: 'Zen Kaku Gothic New', 'Zen Kaku Gothic', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo','MS ゴシック' sans-serif;
}

.yd-wrapper-all {
max-width: 950px;
margin: 0 auto;
min-width: 950px;
}

a {
text-decoration: none;
}

.block-box {
display: block;
}

.flex-box {
display: flex;
justify-content: space-between;
}

.grid-box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 8px;
}

.bottom-s {
margin-bottom: 15px;
}

.bottom-m {
margin-bottom: 35px!important;
}

.bottom-l {
margin-bottom: 60px!important;
}

.font-s {
font-size: 15px;
line-height: 1.8em;
}

.font-m {
font-size: 18px;
font-weight: bolder;
line-height: 1.8em;
}

.font-l {
font-size: 24px;
font-weight: bold;
line-height: 1.8em;
}

.txt-center {
text-align: center;
}

.txt-left {
text-align: left;
}

.align-center {
align-items: center;
}

.color-prim {
color: #4da87d;
}

.color-wh {
color: #fff;
}

.color-bg {
background-color: #fbf9f3;
padding-bottom: 7%;
}

.color-bg-wh {
background-color: #fff;
margin-right: 7%;
margin-left: 7%;
border-radius: 30px;
padding: 2%;
}

.border-back {
background-color: rgba(174, 229, 152, 0.45);;
z-index: -9999;
padding: 2px;
}

.box-img img {
width: 100%;
}

.box-img-s {
width: 80%;
margin: 0 auto;
}

.btn-anchor img {
width: 20px;
margin-left: 10px;
}

.btn-anchor a {
background-color: #fff;
border: solid 3px #4da87d;
border-radius: 50px;
padding: 15px;
justify-content: center;
transition: .4s;
}

.btn-anchor a:hover {
transition: .4s;
background-color: #c7eece;
}

/* 上へ戻るのボタン */
.anchor-top {
padding: 30px 0;
position: relative;
}

.anchor-top a {
position: absolute;
right: 0;
bottom: 5%;
border-bottom: solid 2px #009933;
padding-bottom: 5px;
transition: .4s;
}

.anchor-top a:hover {
opacity: .5;
transition: .4s;
}

.btn_top {
    text-align: center;
    margin-bottom: 50px;
}

.btn_top a {
    color: #009933;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    font-size: 1rem;
    line-height: 1.6em;
}

.btn_top a:hover {
    transition: .4s;
    opacity: .5;
}

.btn_top a img {
    width: 10px;
    margin-left: 10px;
}

.btn-account {
margin-left: 20px;
}

.btn-account-2 {
text-align: center;
}

.btn-account img {
height: 20px;
margin-left: 10px;
}

.btn-account a {
font-size: 25px;
font-weight: bold;
color: #fff;
background-color: #ba0000;
border: solid 4px #fff;
border-radius: 15px;
padding: 15px 20px;
box-shadow: 3px 4px 10px gray;
transition: .4s;
margin-right: 10px;
}

.btn-account a:hover {
opacity: .7;
transition: .4s;
}

.btn-account-2 p {
color: #764a1f;
font-size: 25px;
font-weight: bold;
}

</style>