.nodisc {
    list-style: none;
}
#page {
    overflow: hidden;
}
/* ビルボ */
#mainImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-image: url(../img/contents/flow-bil-bg-l.png), url(../img/contents/flow-bil-bg-r.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat;
}
#mainImg:before {
    content: "";
    position: absolute;
    height: 80%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0;
}
.visit #mainImg:before {
    background-image: url(../img/contents/visit-bil-bg.png);
}
.front #mainImg:before {
    background-image: url(../img/contents/front-bil-bg.png);
}
.line #mainImg:before {
    background-image: url(../img/contents/line-bil-bg.png);
    height: 70%;
}
#mainImg h1 {
    margin-bottom: 0;
}

/* イントロ */
.flow-intro-bg {
    background-image: url(../img/contents/flow-cracker-l.png), url(../img/contents/flow-cracker-r.png);
    background-repeat: no-repeat;
    background-position: left top 5em, right top 5em;
    background-size: 20vw auto;
}
.flow-intro-bg .box h3{
    text-align: center !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.flow-intro-bg .box h3{
    text-align: center !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 1rem 0rem 1rem 0rem !important;
    border: 3px solid #333;
    font-weight: bold;
    font-size: 1.1rem;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 10px 7px 0px 0px rgb(0 0 0 / 40%);
}
.flow-intro-bg h3:before,
h3:after {
    position: absolute;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}
.flow-intro-bg h3:before {
    top: 100%;
    margin-left: -10px;
    border-color: transparent;
    border-top-color: #333;
    border-right-color: #333;
    border-width: 10px;
}

.flow-intro-bg h3:after {
    top: 99%;
    margin-left: -7px;
    border-color: transparent;
    border-top-color: white;
    border-right-color: white;
    border-width: 7px;
}
.flow-intro-bg h3 span:nth-child(2) {
    font-size: 2.3rem;
    color: #e01300;
    font-weight: 900;
    font-family: 'Courgette', cursive;
    padding: 1.5rem 0;
}
.intro .accent {
    position: relative;
    line-height: 1.2;
    text-align: center;
}
.intro .accent span.large span {
    font-size: 1.5em;
}
.intro .accent:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.flow-intro-bg .intro .accent:before {
    background-image: url(../img/contents/flying-woman.png);
}
.line .intro .accent:before {
    background-image: url(../img/contents/flying-man.png);
}
.intro ul.col-1-3 {
    position: relative;
}

/* LINEイントロ */
.line-intro-bg {
    position: relative;
}
.line-intro-bg:before,
.line-intro-bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    z-index: -1;
}
.line-intro-bg:after {
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.line .intro .accent span,
.line .intro p.txt-c span.gr {
    color: #06c755;
}
.line-steps {
    counter-reset: num;
}
.line-steps li {
    position: relative;
    text-align: center;
    background-color: #06c755;
    border-radius: 5px;
    z-index: 1;
}
.line-steps li:not(:last-child):before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 5 free";
    content: "\f0da";
    font-weight: 700;
    color: #06c755;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -0.5em;
    width: 1em;
    height: 1em;
    line-height: 1;
}
.line .intro p.txt-c {
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 2em;
}
.line .intro p.txt-c span.gr {
    font-size: 1.2em;
}
.line-btns {
    text-align: center;
}
.line-steps li a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 1em;
    background-repeat: no-repeat;
    background-position: center;
    width: 3em;
    height: 3em;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}
.line-steps li a:hover:after {
    filter: invert(1);
}
/* カメラ */
.line-steps li:nth-of-type(1) a:after {
    background-image: url('data:image/svg+xml;base64,CjwhLS0/eG1sIHZlcnNpb249IjEuMCIgZW5jb2Rpbmc9InV0Zi04Ij8tLT4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0id2lkdGg6IDI1NjsgaGVpZ2h0OiAyNTY7IG9wYWNpdHk6IDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCgkuc3Qwe2ZpbGw6IzRCNEI0Qjt9Cgo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNTYsMjI0LjgyOGMtMzQuMzQ0LDAtNjIuMTU2LDI4LjA3OC02Mi4xNTYsNjIuNzE5czI3LjgxMyw2Mi43MTksNjIuMTU2LDYyLjcxOXM2Mi4xNTYtMjguMDc4LDYyLjE1Ni02Mi43MTkKCQlTMjkwLjM0NCwyMjQuODI4LDI1NiwyMjQuODI4eiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjwvcGF0aD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NzguNzY2LDEzNS43NWgtNTguNjI1Yy0xMy4wNzgsMC0yNC45MzgtNy43NS0zMC4yOTctMTkuNzgxbC0xNy41NDctMzkuMzEzCgkJYy01LjM1OS0xMi4wMTYtMTcuMjM0LTE5Ljc2Ni0zMC4zMTMtMTkuNzY2SDE3MC4wMTZjLTEzLjA3OCwwLTI0Ljk1Myw3Ljc1LTMwLjMyOCwxOS43NjZsLTE3LjUzMSwzOS4zMTMKCQlDMTE2Ljc5NywxMjgsMTA0LjkzOCwxMzUuNzUsOTEuODU5LDEzNS43NUgzMy4yMzRDMTQuODc1LDEzNS43NSwwLDE1MC43NjYsMCwxNjkuMjY2djI1Mi4zMjhjMCwxOC41LDE0Ljg3NSwzMy41MTYsMzMuMjM0LDMzLjUxNgoJCWgyNDQuMjVoMjAxLjI4MWMxOC4zNDQsMCwzMy4yMzQtMTUuMDE2LDMzLjIzNC0zMy41MTZWMTY5LjI2NkM1MTIsMTUwLjc2Niw0OTcuMTA5LDEzNS43NSw0NzguNzY2LDEzNS43NXogTTI1Niw0MDMuODQ0CgkJYy02My42ODgsMC0xMTUuMjk3LTUyLjA2My0xMTUuMjk3LTExNi4yOTdTMTkyLjMxMywxNzEuMjM0LDI1NiwxNzEuMjM0czExNS4yOTcsNTIuMDc4LDExNS4yOTcsMTE2LjMxMwoJCVMzMTkuNjg4LDQwMy44NDQsMjU2LDQwMy44NDR6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PC9wYXRoPgo8L2c+Cjwvc3ZnPgo=');
}
/* ふきだし */
.line-steps li:nth-of-type(2) a:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0id2lkdGg6IDE2OyBoZWlnaHQ6IDE2OyBvcGFjaXR5OiAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzRCNEI0Qjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQxMC40MzEsNjMuOTY2QzM3MC45NjUsMjQuNDc5LDMxNi4yNTEtMC4wMTUsMjU2LDBjLTYwLjIzNy0wLjAxNS0xMTQuOTU4LDI0LjQ3OS0xNTQuNDE2LDYzLjk2NgoJCWMtMzkuNDg3LDM5LjQ1OC02My45OCw5NC4xOC02My45NjYsMTU0LjQxNmMtMC4wMTQsNTcuMDc2LDIxLjk4NiwxMDkuMjEsNTcuODgxLDE0OC4wNTMKCQljMzEuOTQ3LDM0LjYwOSw3NS4wNjIsNTguODQ2LDEyMy41ODgsNjcuMTE4djU4LjU5YzAsNy43MjQsNC40NjksMTQuNzM4LDExLjQ2OCwxOGM3LDMuMjYyLDE1LjI1NywyLjE2NCwyMS4xNTktMi44MDIKCQlsMTQ0LjcyNS0xMjEuNzE1bC0wLjAzNiwwLjAyMmMyNy4zNi0yMi44NzgsNDcuMjM5LTQ4LjE0Niw1OS45MTQtNzYuMTk1YzEyLjcxMS0yOC4wNDEsMTguMDg3LTU4LjQzNywxOC4wNjUtOTEuMDcxCgkJQzQ3NC4zOTcsMTU4LjE0Niw0NDkuOTEsMTAzLjQyNCw0MTAuNDMxLDYzLjk2NnogTTQyMC4xNTEsMjkzLjA3OGMtMTAuMDA2LDIyLjAyOS0yNS41NjIsNDIuMjY2LTQ5LjIzNyw2Mi4xM2wtMC4wMjksMC4wMjkKCQlsLTExMi4wOTEsOTQuMjY3di0zMy4zNzNjMC0xMC4zMDQtNy45MDYtMTguOTEzLTE4LjE2Ny0xOS43ODRjLTQ1Ljc0MS0zLjg5OC04Ni41MTUtMjQuOTkxLTExNS45NTMtNTYuODUKCQlDOTUuMjU4LDMwNy42MSw3Ny4zMzksMjY1LjE5LDc3LjMyNSwyMTguMzgyYzAuMDE0LTQ5LjQwNCwxOS45NzQtOTMuOTQ1LDUyLjMzOC0xMjYuMzQ2QzE2Mi4wNTQsNTkuNjcyLDIwNi42MDMsMzkuNzE0LDI1NiwzOS43MDYKCQljNDkuNDA0LDAuMDA4LDkzLjk0NSwxOS45NjYsMTI2LjM0NSw1Mi4zM2MzMi4zNzEsMzIuNCw1Mi4zMTYsNzYuOTQyLDUyLjMzLDEyNi4zNDYKCQlDNDM0LjY2MSwyNDYuNzgxLDQzMC4xMTEsMjcxLjAyNiw0MjAuMTUxLDI5My4wNzh6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PC9wYXRoPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1MS43NzEsMTkxLjkwNmMtMTQuNjIsMC0yNi40NzYsMTEuODU2LTI2LjQ3NiwyNi40NzZjMCwxNC42MiwxMS44NTYsMjYuNDc2LDI2LjQ3NiwyNi40NzYKCQljMTQuNjEzLDAsMjYuNDY5LTExLjg1NiwyNi40NjktMjYuNDc2QzE3OC4yNCwyMDMuNzYyLDE2Ni4zODUsMTkxLjkwNiwxNTEuNzcxLDE5MS45MDZ6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PC9wYXRoPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NiwxOTEuOTA2Yy0xNC42MTMsMC0yNi40NjksMTEuODU2LTI2LjQ2OSwyNi40NzZjMCwxNC42MiwxMS44NTYsMjYuNDc2LDI2LjQ2OSwyNi40NzYKCQljMTQuNjIsMCwyNi40NzYtMTEuODU2LDI2LjQ3Ni0yNi40NzZDMjgyLjQ3NiwyMDMuNzYyLDI3MC42MiwxOTEuOTA2LDI1NiwxOTEuOTA2eiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjwvcGF0aD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjAuMjM2LDE5MS45MDZjLTE0LjYyLDAtMjYuNDY5LDExLjg1Ni0yNi40NjksMjYuNDc2YzAsMTQuNjIsMTEuODQ4LDI2LjQ3NiwyNi40NjksMjYuNDc2CgkJYzE0LjYyLDAsMjYuNDc2LTExLjg1NiwyNi40NzYtMjYuNDc2QzM4Ni43MTIsMjAzLjc2MiwzNzQuODU2LDE5MS45MDYsMzYwLjIzNiwxOTEuOTA2eiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjwvcGF0aD4KPC9nPgo8L3N2Zz4K');
}
/* お金 */
.line-steps li:nth-of-type(3) a:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0id2lkdGg6IDE2OyBoZWlnaHQ6IDE2OyBvcGFjaXR5OiAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzRCNEI0Qjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNy40MDYsMzE4LjQ5NWMtMTMuNTkzLDExLjMxNi04Mi4yOTQsNTYuNjc5LTgyLjI5NCw1Ni42NzlIMjMyLjE2NmwtMC4zNTksMC4xOAoJCWMtNS45NDktMC4yMDYtMTAuNTk4LTUuMTg4LTEwLjQxOC0xMS4xMzdjMC4yMTQtNS45NDIsNS4yMjItMTAuNjA3LDExLjEyOC0xMC40MDJoODIuODY1YzE2LjcsMCwzMC4yNTItMTMuNzMxLDMwLjI1Mi0zMC40MzIKCQljMC0xNi43MjctMTMuNTUxLTMwLjI2OS0zMC4yNTItMzAuMjY5Yy0xNS4xMzUsMC00NS4zNywwLTEyMS4wMSwwYy03NS42NDgsMC05MS4zNzQsMzEuNzg1LTEwNC41MjMsNTMuNjA2djEyNS4wMDdsMTQxLjcxNywxNC42MTIKCQljNTMuMzIyLDIuOTE5LDc4Ljg5MiwwLDExNi44ODMtMzIuMTM1YzAsMCwxMTMuNDM4LTgyLjg5LDEyNy4xLTk0LjI0MmMxMi45NzgtMTEuOTE2LDEyLjg0MS0yOS4yMTYsMC45MDctNDIuMjI4CgkJQzQ2NC41MjQsMzA0LjcyMSw0NDIuMjg0LDMwNy40ODcsNDI3LjQwNiwzMTguNDk1eiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjwvcGF0aD4KCTxyZWN0IHk9IjMxNy4yMjgiIGNsYXNzPSJzdDAiIHdpZHRoPSI2NS43NDQiIGhlaWdodD0iMTU5Ljk3NiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjwvcmVjdD4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzEyLjkzOCwxNjcuNzU1IDMyNi4xNzYsMTY3Ljc1NSAzMjYuMTc2LDE1MS44NTkgMzQ3LjUwOCwxNTEuODU5IDM0Ny41MDgsMTUwLjI4NCAzNDcuNTA4LDE0MC4zMDMgCgkJMzQ3LjUwOCwxNDAuMjc3IDMyNi4xNzYsMTQwLjI3NyAzMjYuMTc2LDEzNS41NiAzMjkuNzQ2LDEyOS4zNDUgMzQ3LjUwOCwxMjkuMzQ1IDM0Ny41MDgsMTI3LjAzNCAzNDcuNTA4LDExOS45ODkgCgkJMzQ3LjUwOCwxMTcuNjg2IDMzNS43NjQsMTE3LjY4NiAzNDUuNTI3LDk3Ljk5NyAzNDQuMDQyLDk3Ljk5NyAzMzQuMzA1LDk3Ljk5NyAzMzIuODAyLDk3Ljk5NyAzMTkuNTU0LDEyMy4wOTYgMzA2LjI5OSw5Ny45OTcgCgkJMzA0LjgwMSw5Ny45OTcgMjk1LjA2NCw5Ny45OTcgMjkzLjU5MSw5Ny45OTcgMzAzLjM1LDExNy42ODYgMjkxLjU5NywxMTcuNjg2IDI5MS41OTcsMTE5Ljk4OSAyOTEuNTk3LDEyNy4wMzQgMjkxLjU5NywxMjkuMzQ1IAoJCTMwOS4zNzIsMTI5LjM0NSAzMTIuOTM4LDEzNS41NjkgMzEyLjkzOCwxNDAuMjc3IDI5MS41OTcsMTQwLjI3NyAyOTEuNTk3LDE0MC4zMDMgMjkxLjU5NywxNTAuMjg0IDI5MS41OTcsMTUxLjg1OSAKCQkzMTIuOTM4LDE1MS44NTkgCSIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjwvcG9seWdvbj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTMuNjg3LDIwNi42OGgyNTEuNzMxYzMuNTc4LTE0LjYyMSwxNS4zOTItMjUuOTksMzAuMjYxLTI4Ljg3NFY5MC4yMDcKCQljLTE0Ljg2OS0yLjg5NC0yNi42ODMtMTQuMjYyLTMwLjI2MS0yOC44NzRIMTkzLjY4N2MtMy41NzgsMTQuNjEyLTE1LjM5MSwyNS45ODEtMzAuMjYsMjguODc0djg3LjU5OAoJCUMxNzguMjk2LDE4MC42OSwxOTAuMTA5LDE5Mi4wNTksMTkzLjY4NywyMDYuNjh6IE00MjMuMTE4LDExOS42NDdjNy45MTgsMCwxNC4zNTYsNi40MjksMTQuMzU2LDE0LjM0NwoJCWMwLDcuOTM2LTYuNDM4LDE0LjM1Ni0xNC4zNTYsMTQuMzU2Yy03LjkzNiwwLTE0LjM0Ny02LjQyLTE0LjM0Ny0xNC4zNTZDNDA4Ljc3MSwxMjYuMDc1LDQxNS4xODIsMTE5LjY0Nyw0MjMuMTE4LDExOS42NDd6CgkJIE0zMTkuNTU0LDczLjQ4OWMzMy40MjgsMCw2MC41MTQsMjcuMDk0LDYwLjUxNCw2MC41MDVjMCwzMy40MzYtMjcuMDg2LDYwLjUzLTYwLjUxNCw2MC41M2MtMzMuNDExLDAtNjAuNTE4LTI3LjA5NC02MC41MTgtNjAuNTMKCQlDMjU5LjAzNywxMDAuNTgzLDI4Ni4xNDQsNzMuNDg5LDMxOS41NTQsNzMuNDg5eiBNMjE1Ljk4MywxMTkuNjQ3YzcuOTQsMCwxNC4zNTEsNi40MjksMTQuMzUxLDE0LjM0NwoJCWMwLDcuOTM2LTYuNDE2LDE0LjM1Ni0xNC4zNTEsMTQuMzU2Yy03LjkxNCwwLTE0LjM1Mi02LjQyLTE0LjM1Mi0xNC4zNTZDMjAxLjYzMSwxMjYuMDc1LDIwOC4wNjksMTE5LjY0NywyMTUuOTgzLDExOS42NDd6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PC9wYXRoPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNy4xMDQsMjQuNzg5djguNzY2djIwOS42NjlINTEydi0xNC41MVYyNC43ODlIMTI3LjEwNHogTTQ5MS43NTUsMjIyLjk3OEgxNDcuMzVWNDUuMDM0aDM0NC40MDVWMjIyLjk3OHoiIHN0eWxlPSJmaWxsOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48L3BhdGg+CjwvZz4KPC9zdmc+Cg==');
}
.line-steps li a {
    display: block;
    color: #fff;
    position: relative;
    text-decoration: none;
    height: 100%;
    z-index: 2;
}
.line-steps li a:before {
    counter-increment: num;
    content: counter(num)'';
    line-height: 1;
    font-weight: 700;
    font-size: 2em;
    display: block;
}
/* 買取の流れ */

#content .flow-step section {
    background-color: #fff;
    position: relative;
}
#content .flow-step section:before {
    content: "";
    position: absolute;
    background-image: url(../img/contents/flow-max.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#content .flow-step section:nth-of-type(2):before {
    left: 50%;
}
#content .flow-step section:nth-of-type(3):before {
    right: 0;
}
.flow-step section h3 {
    position: relative;
    background-size:7px 7px;
    -moz-background-size:7px 7px;
    background-image:-moz-linear-gradient(
        -45deg,
        rgba(255, 225, 227, 1),
        rgba(255, 225, 227, 1) 25%,
        rgba(255, 242, 242, 1) 25%,
        rgba(255, 242, 242, 1) 50%,
        rgba(255, 225, 227, 1) 50%,
        rgba(255, 225, 227, 1) 75%,
        rgba(255, 242, 242, 1) 75%,
        rgba(255, 242, 242, 1) 100%
    );
    -webkit-background-size:7px 7px;
    background-image: -webkit-gradient(
        linear,
        left top, right bottom,
        color-stop(0, rgba(255, 225, 227, 1)),
        color-stop(0.25, rgba(255, 225, 227, 1)),
        color-stop(0.25, rgba(255, 242, 242, 1)),
        color-stop(0.50, rgba(255, 242, 242, 1)),
        color-stop(0.50, rgba(255, 225, 227, 1)),
        color-stop(0.75, rgba(255, 225, 227, 1)),
        color-stop(0.75, rgba(255, 242, 242, 1)),
        color-stop(1, rgba(255, 242, 242, 1))
    );
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 1em;
}
.flow-step section h3:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    left: -1.5em;
    background-size: contain;
}
.flow-step section:nth-of-type(1) h3:before {
    background-image: url(../img/contents/flow-step1.png);
}
.flow-step section:nth-of-type(2) h3:before {
    background-image: url(../img/contents/flow-step2.png);
}
.flow-step section:nth-of-type(3) h3:before {
    background-image: url(../img/contents/flow-step3.png);
}
.flow-step .txt-wrap {
    position: relative;
}
.visit .flow-step section:nth-of-type(1) .txt-wrap:before,
.front .flow-step section:nth-of-type(1) .txt-wrap:before {
    background-image: url(../img/contents/flow-visit-step1.jpg);
}
.visit .flow-step section:nth-of-type(2) .txt-wrap:before {
    background-image: url(../img/contents/flow-visit-step2.jpg);
}
.visit .flow-step section:nth-of-type(3) .txt-wrap:before {
    background-image: url(../img/contents/flow-visit-step3.jpg);
}
.front .flow-step section:nth-of-type(2) .txt-wrap:before {
    background-image: url(../img/contents/flow-front-step2.jpg);
}
.front .flow-step section:nth-of-type(3) .txt-wrap:before {
    background-image: url(../img/contents/flow-front-step3.jpg);
}
.line .flow-step section:nth-of-type(1) .txt-wrap:before {
    background-image: url(../img/contents/flow-line-step1.jpg);
}
.line .flow-step section:nth-of-type(2) .txt-wrap:before {
    background-image: url(../img/contents/flow-line-step2.jpg);
}
.line .flow-step section:nth-of-type(3) .txt-wrap:before {
    background-image: url(../img/contents/flow-line-step3.jpg);
}

#delivery-flow-step section:nth-of-type(1) .txt-wrap:before {
    background-image: url(../img/contents/delivery-flow-1.jpg);
}
#delivery-flow-step section:nth-of-type(2) .txt-wrap:before {
    background-image: url(../img/contents/delivery-flow-2.jpg);
}
#delivery-flow-step section:nth-of-type(3) .txt-wrap:before {
    background-image: url(../img/contents/delivery-flow-3.jpg);
}
.flow-step section .txt-wrap:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
}

.order-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 1em;
}
.order-list li:nth-of-type(1) {
    width: 100%;
}
.order-list li:nth-of-type(2),
.order-list li:nth-of-type(3) {
    width: 48%;
}
.id-list,
.line-txt-list {
    border: 2px solid #696969;
    border-radius: 7px;
    margin-top: 0.5em;
}
.id-list {
    padding: 1em 1em 1em 2em;
    background: url(../img/contents/id-man.png), #ffefee;
    background-repeat: no-repeat;
    background-position: right bottom, center;
}
.line-txt-list {
    background-color: #ffefee;
    padding: 1em 1em 1em 2.5em;
    position: relative;
}
.line-txt-list:before {
    position: absolute;
    content: "";
    background-image: url(../img/contents/line-txt-list-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 8em;
    height: 6em;
}

/* 買取対象商品 */
#content .ok h2 {
    color: #fff;
}
#content .ok h2:before {
    background: url(../img/icon/megaphone-white.png) center no-repeat;
    background-size: contain;
}
#content .ok > p {
    color: #fff;
}
#content .ok-list > li {
    background-color: #fff;
    padding: 1em;
}

.ok-list > li > span {
    font-size: 1.2em;
    display: block;
    text-align: center;
}
#content .ok-list > li > ul {
    padding-left: 5.5em;
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0;
    min-height: 50px;
    margin-top: 0.5em;
}
.ok-list > li:nth-of-type(1) > ul {
    background-image: url(../img/default/serv-1.png);
}
.ok-list > li:nth-of-type(2) > ul {
    background-image: url(../img/default/washing-2.png);
}
.ok-list > li:nth-of-type(3) > ul {
    background-image: url(../img/default/serv-2.png);
}
.ok-list > li:nth-of-type(4) > ul {
    background-image: url(../img/default/serv-3.png);
}
.ok-list > li:nth-of-type(5) > ul {
    background-image: url(../img/default/serv-5.png);
}
.ok-list > li:nth-of-type(6) > ul {
    background-image: url(../img/default/serv-4.png);
}
.ok-list > li:nth-of-type(7) > ul {
    background-image: url(../img/default/serv-6.png);
}
.ok-list > li:nth-of-type(8) > ul {
    background-image: url(../img/default/serv-recorder.png);
}
.ok-list > li:nth-of-type(9) > ul {
    background-image: url(../img/default/serv-dishwasher.png);
}
.ok-list > li:nth-of-type(10) > ul {
    background-image: url(../img/default/serv-cleaner.png);
}
.ok-list > li:nth-of-type(19) > ul {
    background-image: url(../img/default/serv-robotcleaner.png);
}
.ok-list > li:nth-of-type(11) > ul {
    background-image: url(../img/default/serv-kickboard.png);
}
.ok-list > li:nth-of-type(12) > ul {
    background-image: url(../img/default/serv-rice-cooker.png);
}
.ok-list > li:nth-of-type(13) > ul {
    background-image: url(../img/default/serv-dehumidifier.png);
}
.ok-list > li:nth-of-type(14) > ul {
    background-image: url(../img/default/serv-massage.png);
}
.ok-list > li:nth-of-type(15) > ul {
    background-image: url(../img/default/serv-beauty.png);
}
.ok-list > li:nth-of-type(16) > ul {
    background-image: url(../img/default/serv-gasrange.png);
}
.ok-list > li:nth-of-type(17) > ul {
    background-image: url(../img/default/serv-aircleaner.png);
}
.ok-list > li:nth-of-type(18) > ul {
    background-image: url(../img/default/serv-mobile.png);
}
.ok-list > li:nth-of-type(18) > ul {
    background-image: url(../img/default/serv-mobile.png);
}
.ok-list > li:nth-of-type(19) > ul {
    background-image: url(../img/default/serv-robotcleaner.png);
}
.ok-list > li:nth-of-type(20) > ul {
    background-image: url(../img/default/serv-e-bike.png);
}
.ok-list > li:nth-of-type(21) > ul {
    background-image: url(../img/default/serv-sewing-machine.png);
}

#content .ok-list > li > p {
    margin-top: 0;
    text-align: center;
}
#delivery-ok li{
    list-style: none;
}
#delivery-ok ul.ok-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.3rem;
}
#content #delivery-ok  .ok-list>li {
    background-color: #fff;
    padding: 1em;
    width: 9rem;
    height: 9rem;
    margin-left: 0 !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 0.7rem;
    font-weight: bold;
}
#content #delivery-ok .ok-list>li {
    background-color: #fff;
    padding: 1em;
    width: 49%;
    height: 9rem;
    margin-left: 0 !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 0.7rem;
    font-weight: bold;
}
@media screen and (min-width: 992px) {
    #content #delivery-ok .ok-list>li {
        width: 24%;
    }
}
#delivery-ok .warning-box {
    padding: 2rem 1rem 1rem;
}
#delivery-ok .warning-box h3{
    margin-top: 1rem;
    padding-top: 1rem;
}
#delivery-ok .warning-box p {
    margin-top: 1em;
    line-height: 1.5;
    font-weight: normal;
}
#delivery-ok .warning-box ul {
    margin-left: 1em;
}
#delivery-ok .warning-box li {
    list-style: square;
}
#delivery-ok .warning-box h3:before {
    content: "■ ";
}

/* お客様の声 */
#delivery-voice .box-voice-01 {
    background: #fff9c4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1000px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 40px 30px 35px;
    border-radius: 5px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    #delivery-voice .box-voice-01 {
        flex-direction: unset !important;
        align-items: center !important;
    }
}
#delivery-voice .voice-img {
    background-color: #ffc5d0;
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    min-width: 150px;    
}
#delivery-voice .voice-img.man{
    background-color: #b8f5ff;
}
@media screen and (min-width: 768px) {
    #delivery-voice .voice-img {
        margin-right: 3rem;
    }
}

#delivery-voice p.unit-title-04 {
    font-size: 1rem;
    color: #748993;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    min-height: 0px !important;
}
@media screen and (min-width: 768px) {
#delivery-voice .txtbox h3{
    margin-top: 0;
}
}
/* 店舗情報 */
.store-address span.marker {
    background:linear-gradient(transparent 60%, #ff6 60%);
}
.store-address-box {
    max-width: 650px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.store-address-box .more a {
    width: 100% !important;
}
.text-l {
    text-align: left !important;
}
.text-r {
    text-align: right !important;
}

.store-address .txt-wrap {
    position: relative;
    background-color: rgba(255,255,255,0.6);
}
.store-address .txt-wrap:before {
    content: "";
    position: absolute;
    background-image: url(../img/contents/kirakira-man.png);
    background-repeat: no-repeat;
    height: 191px;
}
.store-address p.accent {
    text-align: center;
    font-size: 1.2em;
    margin-top: 0;
    color: #F51100;
    border-bottom: 1px dotted #f7392b;
}
#content .store-address p:not(:first-child) {
    margin-top: 0.5em;
}
.store-address .gmap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    margin: 1em 0 3rem 0 !important;
}
.store-address .gmap iframe {
    width: 100%;
}

.store-address-bg {
    background-image: url(../img/bg/townscape.png), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGElEQVQYlWNgYGCQYkAF6HziAfkmDbQbAHoYANHmnjxWAAAAAElFTkSuQmCC');
    background-repeat: repeat-x, repeat;
    background-position: bottom, center;
}
/* 写真撮影のポイント */
div.serv-photo .photo-image {
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
}
div.serv-photo .photo-image:after {
    content:"\\" "Point" counter(photo-item, decimal-leading-zero) "/";
    font-weight: 400;
    font-family: 'Courgette', cursive;
    display: inline-block;
    position: absolute;
    color: #fff100;
    font-size: 2.5em;
    top: 0.2em;
    left: -0.3em;
    transform: rotateZ(334deg);
}
div.serv-photo .photo-item {
    counter-increment: photo-item;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}
div.serv-photo .photo-item:nth-child(2) {
    flex-direction: row-reverse;
}
.photo-image {
    width: 48%;
}
.delivery-txt {
    width: 48%;
    padding: 1.5rem 0.5rem;
}
.delivery-txt p{
    line-height: 1.5;
}
.delivery-txt h3{
    margin-top: 0;
}
#delivery-photo-1 .photo-image {
    display: flex;
    min-height: 400px;
    align-items: flex-start;
    position: relative;
}
#delivery-photo-1 .photo-image img {
    width: 50%;
    object-fit: contain;
    height: 100%;
}
#delivery-photo-1 .photo-image img:nth-of-type(2){
    position: absolute;
    top: 5rem;
    right: 1rem;
}
/* 600px 未満 特例*/
@media screen and (max-width: 599px) {
    div.serv-photo .photo-item {
        display: block;
    }
    .photo-image {
        width: 100%;
    }
    .delivery-txt {
        width: 100%;
        padding: 1.5rem 0.5rem 1.5rem 0.5rem;
    }
}



/* 767px 未満 */
@media screen and (max-width: 767px) {
    /* ビルボ */
    #mainImg {
        height: 100px;
        background-size: auto 20%;
    }
    #mainImg:before {
        width: 100px;
    }
    .line #mainImg:before {
        background-position: right bottom;
    }
    
    /* イントロ */

    .intro .accent {
        font-size: 1.4em;
    }
    .intro .accent span.large {
        font-size: 1.2em;
    }
    .intro .accent:before {
        width: 4em;
        height: 3em;
        left: calc(50% - 176px);
        bottom: 1.5em;
    }
    .intro ul.col-1-3 li .img {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
    
    /* LINEイントロ */
    .line-intro-bg:before,
    .line-intro-bg:after {
        background-image: url(../img/bg/line-intro-bg-sp.png);
        background-size: 50%;
    }
    .line-intro-bg:before {
        left: 0;
    }
    .line-intro-bg:after {
        right: 0;
    }
    .line-steps li {
        padding: 1em 0.2em 0;
        min-height: 9em;
    }
    .line-steps li:not(:last-child):before {
        font-size: 4em;
    }

    .line .intro p.txt-c {
        text-align: center
    }
    /* 買取の流れ */
    #content .flow-step section {
        margin-top: 3em;
    }
    #content .flow-step section:before {
        top: -34px;
        width: 4em;
        height: 3em;
    }
    #content .flow-step section:nth-of-type(1):before {
        left: 4em;
    }
    .flow-step section h3 {
        padding-left: 3em;
    }
    .flow-step section h3:before {
        width: 5.5em;
        height: 2.5em;
        bottom: -4px;
    }
    .flow-step section .txt-wrap {
        padding: 150px 1em 1em;
    }
    .flow-step section .txt-wrap:before {
        width: 70%;
        height: 100%;
        top: 15px;
        max-width: 320px;
        background-size: contain;
        right: 0;
        left: 0;
        margin: auto;
        max-height: 150px;
        background-position: center;
    }
    .id-list {
        background-size: auto 60%, auto;
    }
    .line-txt-list:before {
        width: 8em;
        height: 6em;
        right: 0;
        bottom: -1em;
    }
    
    /* 買取対象 */
    #content .ok-list > li:not(:nth-of-type(1)) {
        margin-top: 1px;
    }
    
    /* 店舗情報 */
    .store-address .txt-wrap {
        padding: 1em 2em;
    }
    .store-address .txt-wrap:before {
        width: 27%;
        background-size: contain;
        right: 0;
        bottom: 0;
        background-position: right bottom;
        transform: scale(-1, 1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    
    #content .store-address-bg,
    #content .support-bg {
        background-size: 80%, auto;
    }
}

/* End max 767px */

/* 幅 768px 以上 */
@media screen and (min-width: 48em) {
    
    /* ビルボ */
    #mainImg {
        height: 200px;
        background-size: 45%;
    }
    #mainImg:before {
        width: 324px;
    }
    .line #mainImg:before {
        background-position: left 3em bottom;
    }
    /* イントロ */

    .intro .accent {
        font-size: 1.75em;
    }
    .intro .accent span.large {
        font-size: 1.5em;
    }
    .intro .accent:before {
        width: 6em;
        height: 5em;
        left: calc(50% - 365px);
    }
    .flow-intro-bg .intro .accent:before {
        bottom: 0.5em;
    }
    .line-intro-bg .intro .accent:before {
        bottom: -0.5em;
    }
    .intro ul.col-1-3 li p {
        padding: 0 1.5em;
    }
    /* LINEイントロ */
    #content .line-intro-bg {
        padding-bottom: 75px;
    }
    .line-intro-bg:before,
    .line-intro-bg:after {
        background-image: url(../img/bg/line-intro-bg1.png);
    }
    .line-intro-bg:before {
        left: calc(50% - 800px);
    }
    .line-intro-bg:after {
        right: calc(50% - 800px);
    }
    .line-steps {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .line-steps li {
        min-height: 11em;
        padding-top: 1em;
        max-width: 250px;
    }
    .line-steps li a {
        font-weight: 700;
        font-size: 1.2em;
    }
    .line-steps li:not(:last-child):before {
        font-size: 6em;
    }
    #content .line-btns {
        max-width: 730px;
        margin-right: auto;
        margin-left: auto;
    }
    
    /* 買取の流れ */
    #content .flow-step section:not(:nth-of-type(1)) {
        margin-top: 5em;
    }
    #content .flow-step section:before {
        top: -32px;
        width: 4em;
        height: 2em;
    }
    #content .flow-step section:nth-of-type(1):before {
        left: 9em;
    }
    .flow-step section h3 {
        font-size: 1.5em;
        padding-left: 5em;
        padding-top: 0.5em;
    }
    .flow-step section h3:before {
        width: 6.5em;
        height: 3.5em;
        bottom: -0.5em;
    }
    .flow-step .txt-wrap {
        padding-right: 40%;
        margin-left: 3em;
        min-height: 250px;
        padding-bottom: 1em;
    }
    .flow-step section .txt-wrap:before {
        width: 37%;
        height: 220px;
        right: 1em;
        top: 0;
        background-size: contain;
        max-width: 320px;
    }
    .id-list {
        background-size: auto 55%, auto;
    }
    .line-txt-list {
        max-width: 390px;
        margin-right: auto;
        margin-left: auto;
    }
    .line-txt-list:before {
        right: -3em;
        bottom: -2em;
    }
    /* 買取対象 */
    #content .ok-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-image: url(../img/contents/flow-max-money.png);
        background-repeat: no-repeat;
        background-position: right 10% bottom;
    }
    #content .ok-list > li {
        margin-top: 2px;
        width: 49%;
    }
    #content .ok-list > li:nth-of-type(even){
        margin-left: 2px;
    }
    #content .ok-list > li:nth-child(2n+1):last-child {
        margin-right: calc(49% + 2px);
    }
    
    /* 店舗情報 */
    .store-address .txt-wrap {
        background-image: url(../img/contents/store-img.png);
        background-repeat: no-repeat;
        background-position: right 3em bottom 1em;
        background-size: auto 60%;
        max-width: 650px;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 3em;
    }
    .store-address .txt-wrap:before {
        width: 176px;
        left: -5em;
        bottom: -2em;
        background-size: 45%;
        background-position: left bottom;
    }
    .store-address p.accent {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}

/* End min 768px */

/* 幅 880px 以上 */
@media screen and (min-width: 55em) {

}

/* End min 880px */

/* 幅 1072px 以上 */
@media screen and (min-width: 67em) {
    
    .br1072 {
        display: none;
    }
    #mainImg:before {
        right: calc((100vw - 1000px) / 2);
    }
    /* 買取の流れ */
    .flow-step section .txt-wrap:before {
        margin-right: 2em;
    }
    .id-list {
        background-size: auto 90%, auto;
    }
    /* 店舗情報 */
    .store-address .txt-wrap:before {
        background-size: 80%;
        left: -10em;
    }
}
/* End min 1072px */

/* 幅 1264px 以上 */
@media screen and (min-width: 79em) {
    #mainImg {
        background-size: auto;
    }

}

/* End min 1264px */

/* 幅 1600px 以上 */
@media screen and (min-width: 1600px) {
    .flow-intro-bg {
        background-size: auto 90%;
        background-position: left bottom, right bottom;
    }
    .line-intro-bg:before {
        left: 0;
    }
    .line-intro-bg:after {
        right: 0;
    }
}