@charset "utf-8";

/* =====================================================

2017-4-15
 
===================================================== */

@media screen and (max-width:640px) {
    /* =====================================================

01. base
02. index
03. contents

 
===================================================== */

    /* 01 base
===================================================== */
    img {
        max-width: 100%;
        height: auto;
    }

    .mobile {
        display: block;
    }

    .pc {
        display: none;
    }

    #contents a:hover,
    footer a:hover {
        color: #33f;
        text-decoration: none;
    }

    table {
        word-break: break-all;
    }

    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    header,
    footer,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
        width: 100%;
    }

    body,
    body#idx {
        line-height: 130%;
        font-size: 80%;
        word-wrap: break-word;
        -webkit-text-size-adjust: 100%;
        background-color: #ffffff;
        background-image: none;
    }

    #idx #sideNavi,
    #headerNavi,
    #topNavi,
    #topTel,
    #sideNavi ul.navi,
    #sideNavi ul.saiyou,
    .childmenu,
    h2#pankuz {
        display: none;
    }

    #contents,
    #idx #contents,
    #wrapSita {
        width: 98%;
        min-width: 98%;
        max-width: 98%;
        margin: 0px 1% 0%;
        background-image: none;
        padding: 0;
        display: block;
        height: auto;
    }

    #header,
    h1,
    #headerImg,
    #headerImgC,
    #container,
    #idx #container,
    #sideNavi,
    #idx #sideNavi,
    .commontxtC,
    #cleartotop,
    #footer,
    #footer h3,
    #footerNavi1,
    #footerNavi2 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0px;
        background-image: none;
        padding: 0;
        display: block;
        height: auto;
    }

    #header,
    #idx #header {
        background: linear-gradient(#f2f2f2, #ffffff);
        box-sizing: border-box;
        padding: 3px 2% 3px;
        margin-bottom: 3px;
        border-bottom: solid 2px #d00000;
        box-shadow: 0 3px 0 #494949;
        overflow: hidden;
        height: auto;
    }

    #idx #header {
        padding: 3px 2% 1px;
    }

    h1 {
        position: relative;
        left: 0;
        top: 0;
        font-size: 0.8em;
    }

    h1 span {
        display: none;
    }

    #headerLogo {
        position: relative;
        left: 0;
        top: 0;
        max-width: 60%;
        margin: 12px auto auto;
    }

    #headerButtonM {
        display: block;
        float: right;
        position: absolute;
        top: 18px;
        right: 2%;
        margin: auto;
        cursor: pointer;
        opacity: 0.8;
    }

    #headerImg {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 0 -2%;
    }

    #headerImgC img {}

    #contents {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    #cleartotop {
        padding: 0 3% 20px 0;
        text-align: right;
        box-sizing: border-box;
    }

    #sideNavi {
        padding-bottom: 30px;
    }

    #sideNavi ol {
        margin: 0 1%;
    }

    #sideNavi ol li:nth-child(2),
    #sideNavi ol li:nth-child(3) {
        width: 70%;
        min-width: 190px;
    }

    #sideNavi ul {
        margin: 10px 1% auto;
    }

    #sideNavi ul li {
        display: inline-block;
        max-width: 48%;
        margin: 5px 0 0;
    }

    #sideNavi ul li:nth-child(even) {
        margin: 5px 0 0 2%;
    }

    #footer {
        padding-bottom: 70px;
    }

    #footer h3 {
        padding: 10px 2% 10px;
        background: #131313 url(../02images/_bg/footer-bg02.gif) no-repeat center top;
        box-sizing: border-box;
    }

    #footerNavi1,
    #footerNavi2 {
        margin: 0px auto;
        padding: 0px;
        background-color: #232323;
    }

    #footerNavi1 ul,
    #footerNavi2 ul {
        float: none;
        width: 100%;
        background-color: #1c1c1c;
    }

    #footerNavi1 ul li,
    #footerNavi2 ul li {
        margin: 0px;
        padding: 5px 0px 0px;
        width: 100%;
        display: block;
        text-align: left;
        text-indent: 3%;
        background-image: none;
    }

    #footerNavi1 ul li.nomark,
    #footerNavi2 ul li.nomark {
        padding: 0px;
        width: 100%;
        text-indent: 0;
        background-image: none;
        clear: both;
    }

    #footerNavi1 ul li br,
    #footerNavi2 ul li br {
        display: none;
    }

    #footerNavi1 ul li div,
    #footerNavi2 ul li div {
        display: block;
    }

    #footerNavi1 ul li a,
    #footerNavi2 ul li a {
        margin: 0px;
        padding: 0px;
        width: 100%;
        display: block;
        font-size: 1.2em;
        text-indent: 20px;
        line-height: 38px;
        color: #fff;
        height: 38px;
        background-color: #232323;
        border-top: 1px solid #555;
        border-bottom: 1px solid #000;
        position: relative;
        vertical-align: middle;
        background-image: url(../02images/_base2/cw-01.gif), url(../02images/_mobile/arrow02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 2px center, right center;
    }

    #footerNavi1 ul li.hanbun a,
    #footerNavi2 ul li.hanbun a {
        margin: 0px;
        padding: 0px;
        width: 50%;
        display: block;
        float: left;
        border-top: 1px solid #555;
        border-bottom: 1px solid #000;
        box-sizing: border-box;
    }

    #footerNavi1 ul li.hanbun a:nth-of-type(odd),
    #footerNavi2 ul li.hanbun a:nth-of-type(odd) {
        border-right: 1px solid #000;
    }

    #footerNavi1 ul li.hanbun a:nth-of-type(even),
    #footerNavi2 ul li.hanbun a:nth-of-type(even) {
        border-left: 1px solid #555;
    }

    #footerNavi1 ul li a.home {
        background-image: url(../02images/_base2/cw-01.gif), url(../02images/_mobile/home01.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 2px center, right center;
    }

    #footerNavi1 ul li a.mobile {
        background-image: url(../02images/_base2/cw-01.gif), url(../02images/_mobile/inquiry01.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 2px center, right center;
    }

    #footerNavi2 ul li a:nth-of-type(1),
    #footerNavi2 ul li a:nth-of-type(2),
    #footerNavi2 ul li a:nth-of-type(3) {
        display: none;
    }

    #footer #footerNavi1 a,
    #footer #footerNavi1 a:link,
    #footer #footerNavi1 a:visited,
    #footer #footerNavi1 a:hover,
    #footer #footerNavi2 a,
    #footer #footerNavi2 a:link,
    #footer #footerNavi2 a:visited,
    #footer #footerNavi2 a:hover {
        color: #eee;
    }

    address {
        padding: 10px 2% 0;
        clear: both;
    }

    #footerNavi2 span {
        display: block;
    }

    #formMouter {
        display: block;
        z-index: 5;
    }

    #formM {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70px;
        box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.2);
    }

    #formM li {
        display: block;
        width: 100%;
        height: 35px;
        box-sizing: border-box;
        border: 1px solid #bfd8fe;
    }

    #formM li a {
        width: 100%;
        height: 35px;
        line-height: 35px;
        display: block;
        color: #fff;
        background-color: rgba(138, 181, 251, 0.90);
        font-size: 1.1em;
        text-decoration: none;
        background-image: url(../02images/_mobile/arrow01.png);
        background-repeat: no-repeat;
        background-position: 20px center;
    }

    #formM li:nth-child(2) a {
        background-color: rgba(151, 71, 6, 0.80);
    }

    div.commontxtC {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }

    div.commontxtC h2 {
        height: 60px;
    }

    div.commontxtC h2 span {
        font-size: 14pt;
        line-height: 60px;
        text-indent: 25px;
        background-image: url(../02images/_hyoudai/c-00a-bg.png), url(../02images/_hyoudai/c-00b-bg.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 5px center, right bottom;
        background-size: auto 46px, auto auto;
    }

    div.commontxtC h2 span.nugyou {
        font-size: 13pt;
        text-indent: 0;
        line-height: 120%;
        padding: 8px 0 0 25px;
        box-sizing: border-box;
    }

    div.commontxtC h3.headmidasi {
        font-size: 12pt;
    }

    h3.blueline {
        height: auto;
        line-height: 100%;
    }

    h3.blueline img {
        width: 220px;
        height: auto;
    }

    #contents h5 {
        margin: 0 1% 5px;
        font-size: 1.0em;
    }

    #contents div.p {
        margin: 0px 2% 15px;
    }

    #contents p {
        margin: 0px 2% 15px;
    }

    img.imgL,
    img.imgR {
        margin: 5px auto 5px;
        float: none;
        display: block;
        max-width: 95%;
    }

    .wmodeR {
        display: none;
    }

    /* 02 index, 共通
===================================================== */
    div.catch-index {
        margin: 15px 2%;
        width: 96%;
    }

    .idx-boxL div div img.syousai {
        left: 8px;
        bottom: 3px;
        width: 100px;
        height: auto;
    }

    div.topics1 {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        padding: 5px 10px;
    }

    div.topics1In {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    div.topics1 th {
        text-align: left;
        display: block;
    }

    div.topics1 td {
        padding: 0px 0px 0.5em 1em;
        display: block;
    }


    /* 03 contents
===================================================== */

    /* 導入実績例 */
    div.jissekitopicsall {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    div.jissekitopicsallIn {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    div.jissekitopicsall th {
        text-align: left;
        display: block;
    }

    div.jissekitopicsall td {
        padding: 0px 0px 0.5em 1em;
        display: block;
    }

    div.jissekibox h3 {
        margin: 15px 0 10px;
        font-size: 12pt;
        color: #333;
    }

    div.jissekibox dl {
        margin: 0px 2% 20px;
    }

    .jissekibox dt {
        padding: 0px 0px 10px;
        text-align: center;
        display: block;
    }

    .jissekibox dd {
        padding: 0px 0px 10px;
        font-size: 1.1em;
        display: block;
    }

    /* メディア紹介 */
    table.mediatable {
        margin: 0 0 15px;
        width: auto;
    }

    .mediatable th {
        display: block;
        border-bottom: none;
        padding: 0px 3px 0px 17px;
        background: url(../02images/_1media/ico_arrow5.gif) no-repeat 5px 5px;
        vertical-align: middle;
    }

    .mediatable tr:nth-of-type(1) th:nth-of-type(1) {
        border-top: 1px dotted #cccccc;
        padding: 10px 3px 0px 17px;
        background: url(../02images/_1media/ico_arrow5.gif) no-repeat 5px 15px;
    }

    .mediatable th.tyuuki {
        text-align: right;
        padding: 0px 3px 0px 17px;
    }

    .mediatable td {
        display: block;
        margin: 0 0 10px;
        padding: 0 0 10px 17px;
    }

    ul.mediabox li:first-child {
        display: table;
        width: 100%;
    }

    ul.mediabox li dl {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        border-radius: 6px;
    }

    ul.mediabox li dt {
        font-size: 11pt;
        display: block;
    }

    ul.mediabox li dd {
        padding: 0 0 0 24px;
        font-size: 9pt;
        display: block;
    }

    ul.mediabox li:nth-child(2) {
        margin: 0px 1em;
    }

    ul.mediabox li:nth-child(3) {
        padding: 10px 1em 20px;
    }

    /* Ｑ＆Ａ */
    div.qamenu {
        margin: 0px 2% 30px;
    }

    div.qamenu h3 {
        margin: 0px 0px;
    }

    div.qamenu ol {
        margin: 0px 5px 10px 30px;
    }

    dl.qatxt dl {
        margin: 0px 0px 15px;
    }

    dl.qatxt dt {
        margin: 0px 0 0px;
        padding: 5px 10px 5px 45px;
        width: auto;
    }

    dl.qatxt dd {
        margin: 0px 0 10px;
        padding: 0px 5px 15px 45px;
        width: auto;
    }

    /* サービスが選ばれる理由 */
    dl.riyuu {
        margin: 10px 5px 30px;
    }

    dl.riyuu dd {
        margin: 0px 0px 20px 12px;
        padding: 5px 5px 5px 10px;
    }

    /* 入金機回収サービス　キャッシュループ */
    table.cashloop2 {
        margin: 0px 2% 35px;
        width: 96%;
    }

    .cashloop2 th {
        padding: 0px 0 3px;
    }

    .cashloop2 td {
        padding: 0 1em;
    }

    div.setumei-outer {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        min-width: 100%;
        max-width: 100%;
        margin: 0px 0px 30px;
        padding: 0;
        overflow-x: scroll;
    }

    .setumei-outer::-webkit-scrollbar {
        height: 8px;
    }

    .setumei-outer::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 4px;
    }

    .setumei-outer::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #666;
    }

    table.tokutyou {
        margin: 15px 0 10px;
        width: 130%;
    }

    dl.kinou1,
    dl.kinou2,
    dl.kinou3,
    dl.kinou4 {
        margin: 0px 2% 15px;
        width: 96%;
    }

    ul.nyusyutukinki {
        margin: 10px 0px 0px;
    }

    ul.nyusyutukinki li {
        padding-left: 0px;
        padding-top: 40px;
        height: auto;
    }

    ul.nyusyutukinki li div {
        line-height: 120%;
        height: auto;
        font-size: 1.1em;
        letter-spacing: 0;
        padding: 0 2%;
    }

    table.nyusyutukinki {
        margin: 25px 2% 0px;
        width: 96%;
    }

    table.nyusyutukinki td {
        text-align: center;
        padding: 0px 0px 5px;
        display: block;
    }

    table.nyusyutukinki td table {
        margin: 0px 0px 20px;
        box-sizing: border-box;
    }

    table.nyusyutukinki td th {
        padding: 3px 5px;
        text-align: center;
        border: 1px solid #828282;
        font-weight: normal;
        background: #f2f2f2;
        white-space: nowrap;
        width: 100px;
    }

    table.nyusyutukinki td td {
        padding: 3px 5px;
        text-align: left;
        border: 1px solid #828282;
        display: table-cell;
    }

    /*商業施設・複合施設向け 資金管理サービス */
    dl.sikinkanrisetumei {
        margin: 5px 0px 15px;
    }

    .sikinkanrisetumei dt {
        padding: 0px 5px 3px 35px;
    }

    .sikinkanrisetumei dd {
        padding: 10px 10px 15px;
    }

    /* 金庫販売 */
    ul.cllect {
        margin: 15px 2% 20px;
    }

    div.collectwaku img {
        margin: 0px 15px 0px 0px;
    }

    table.kinko-ansin {
        margin: 15px 2% 35px;
        width: 96%;
    }

    .kinko-ansin th.hidari {
        padding-right: 10px;
    }

    .kinko-ansin th.migi {
        padding-left: 10px;
    }

    table.yakankinko th,
    table.yakankinko th.noborder,
    table.yakankinko th.ginkomei,
    table.yakankinko td {
        width: auto;
        white-space: normal;
        padding: 5px 1px;
    }

    dl.yakankinko {
        margin: 10px 2% 30px;
    }

    dl.yakankinko dt {
        background-size: 22px auto;
        padding-left: 25px;
    }

    dl.yakankinko table {
        margin: 5px 2%;
    }

    dl.yakankinko th {
        padding: 2px 5px 2px 0px;
        width: 70px;
    }

    dl.safetyrental {
        margin: 10px 2% 30px;
    }

    dl.safetyrental dd {
        padding: 5px 0 15px;
        margin-left: 0px;
    }

    table.kinkotype {}

    table.kinkotype th {
        font-size: 0.9em;
        width: 25%;
    }

    table.kinkotype td {
        font-size: 0.9em;
        padding: 0 10px;
    }

    table.kinkotype td.hosyou {
        width: 25%;
    }

    table.kinkotype table th,
    table.kinkotype table td {
        padding: 2px 0.5em;
        white-space: normal;
        font-size: 1.0em;
    }

    table.safety-setumei th {
        width: 135px;
        vertical-align: top;
    }

    table.safety-setumei td {
        padding: 10px 10px 10px 20px;
    }

    dl.safety-button dt span {
        padding: 2px 10px;
    }

    /* 機器の売上金回収 */
    div.uriagekaisyuuimg {
        margin: 5px 0px 10px;
    }

    div.uriagekaisyuuimg div {
        text-align: left;
    }

    dl.uriagekaisyuu01 {
        width: 100%;
        margin: 5px auto 0px;
        float: none;
    }

    dl.uriagekaisyuu01 li {
        margin: 0 1em 0 2em;
    }

    /* 外貨両替機の集配 */
    div.gaikasite {
        margin: 10px 0 20px;
    }

    #contents div.gaikasite a {
        padding: 18px 60px 15px 30px;
        font-size: 1.5em;
        font-weight: bold;
    }

    ul.taiou li:nth-child(odd),
    ul.taiou li:nth-child(even) {
        padding: 0;
    }

    div.gaikasyueki img {
        width: 100%;
    }

    div.gaikasyueki.type3 img {
        width: 49%;
        margin: 0;
    }

    div.gaikasyueki.type3 img + img {
        margin: 0 0 0 2%;
    }

    div.gaikasyueki.type4 li {
        padding: 15px 0 15px 0;
        background-size: 70px auto;
    }

    div.gaikasyueki.type4 li dd {
        padding-left: 75px;
        background-position: left 20px center;
    }

    div.gaikasyueki.type4 li:nth-child(2) dd {
        background-position: left 30px center;
    }

    /* 入金機・納金機・入出金機の販売 */
    ul.hanbai-nyuukinki {
        margin: 10px 0 20px;
    }

    ul.hanbai-nyuukinki li {
        margin: 0 auto 10px;
        width: 46%;
    }

    ul.hanbai-nyuukinki li dt {
        margin: 10px auto 10px;
        padding: 20px 0 0;
        width: 70%;
        height: 40px;
        font-size: 1.5em;
    }

    table.hanbai-K td {
        height: auto;
        padding: 0.5em 1em;
        display: block;
        border: none;
        box-sizing: border-box;
    }

    table.hanbai-K td.photo {
        padding: 10px 0px 0px;
        width: 100%;
        border: none;
    }

    .hanbai-voice th {
        padding: 0px;
        display: block;
    }

    .hanbai-voice th img {
        margin-bottom: 2px;
        width: 70px;
        height: auto;
    }

    .hanbai-voice td {
        padding-top: 0.5em;
        display: block;
    }

    /* company */
    .companyiframe {
        width: 100%;
        margin: 0px auto 20px;
        float: none;
        padding: 25px 0px;
        text-align: center;
        display: block;
    }

    table.company {
        width: 100%;
        margin: 10px 0;
        border-top: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
        border-left: 1px solid #d3d3d3;
        border-bottom: none;
    }

    table.company th,
    table.company td {
        padding: .5em 1.0em;
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #d3d3d3;
    }

    div.companytxt h3 {
        padding: 5px 5px 5px 25px;
        height: auto;
        line-height: 120%;
        background-position: 5px 6px, left bottom;
    }

    div.companytxt p {
        padding: .5em 1.0em;
    }

    #gmap-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }

    #gmap-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        margin: 0px;
    }

    /* サイトマップ */
    dl.sitemap {
        margin: 0 2%;
    }

    /* mailform */
    table.form_tbl {
        width: 100%;
        margin: 10px 0;
    }

    table.form_tbl th,
    table.form_tbl td,
    table.form_tbl td.hissu {
        padding: .5em 1.0em;
        display: block;
    }

    /* inquiry */
    h3.inquiry {
        margin: 20px 10px 10px;
        font-size: 11pt;
    }

    table.inquiry {
        margin: 0px 2% 10px;
        width: 96%;
        box-sizing: border-box;
        border: none;
    }

    table.inquiry.clr1 tr:nth-of-type(odd),
    table.inquiry.clr2 tr:nth-of-type(odd),
    table.inquiry.clr3 tr:nth-of-type(odd) {
        background-color: #fff;
    }

    table.inquiry th,
    table.inquiry td {
        width: 100%;
        padding: 10px 10px;
        display: block;
        box-sizing: border-box;
        border: none;
    }

    table.inquiry th,
    table.inquiry td dt {
        padding: 5px 10px 5px;
    }

    table.inquiry.clr1 th,
    table.inquiry.clr1 dt {
        background-color: #f0f0f0;
    }

    table.inquiry.clr2 th,
    table.inquiry.clr2 dt {
        background-color: #fff3f9;
    }

    table.inquiry.clr3 th,
    table.inquiry.clr3 dt {
        background-color: #f9f3ff;
    }

    table.inquiry td {
        padding: 5px 0px 15px;
        background-color: fff;
    }

    table.inquiry td dd {
        padding: 5px 10px 0px;
        background-color: fff;
    }

    table.inquiry input,
    table.inquiry textarea {
        font-size: 110%;
    }


    div.submiBtn {
        padding: 10px 0 50px;
    }

    #err_box {
        margin: 0px 2% 10px;
        width: 96%;
        padding: 2em;
    }



    /* 削除しないこと
===================================================== */
}