@charset "UTF-8";

/* ==== Reset General ==== */
html {
    background: #fff;
    color: #000;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: 400;
    font-style: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%;
}
q:after, q:before {
    content: "";
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input, select, textarea {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}
legend {
    color: #000;
}
#yui3-css-stamp.cssreset {
    display: none;
}
a {
    color: #395897;
    text-decoration: none;
}
a img {
    vertical-align: top;
}
a:hover {
    text-decoration: underline;
}
a:hover img {
    opacity: .87;
}

/* clearfix */
.cf:after, .companyLink1:after, .globalNav ul:after, .indexService li:after, .indexService:after, .messageHeader .sender:after,
.pageHeader .userInfo:after, .pageHeader:after, .pageHeader_logout .userInfo:after, .pageHeader_logout:after, .pageHeader_single .userInfo:after,
.pageHeader_single:after, .pointBoard .lostPointWrap:after, .pointBoard .pointNow:after, .snsLink1:after, .tabLink1 ul:after {
    display: block;
    clear: both;
    content: "";
}

/* ==== CSS MOBILE (smartphone) ==== */
@media (max-width: 960px) {
    #img_logo {
        height: 21px;
        width: 102px;
    }

    #yui3-css-stamp.cssreset {
        display: none;
    }

    body, html {
        min-width: 320px;
        min-height: 100%;
        background: #ececf0;
        color: #333;
        font-size: 13px;
        font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
    }

    .wrap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .mainCol_single {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }

    a {
        color: #395897;
        text-decoration: none;
    }

    a img {
        vertical-align: top;
    }

    .cf:after, .companyLink1:after, .globalNav ul:after, .indexService li:after, .indexService:after, .messageHeader .sender:after, .pageHeader .userInfo:after, .pageHeader:after, .pageHeader_logout .userInfo:after, .pageHeader_logout:after, .pageHeader_single .userInfo:after, .pageHeader_single:after, .pointBoard .lostPointWrap:after, .pointBoard .pointNow:after, .snsLink1:after, .tabLink1 ul:after {
        display: block;
        clear: both;
        content: "";
    }

    .hd1 {
        margin: 0;
        padding: 15px 10px;
        color: #000;
        font-weight: 700;
        font-size: 14px;
    }

    .hd1 img {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    .ruleWrap {
        overflow: auto;
        padding: 10px;
        height: 58px;
        border: 1px solid #dbdbe5;
        border-radius: 5px;
    }

    .pageHeader, .pageHeader_logout, .pageHeader_single {
        border-top: 3px solid #4a4f70;
        border-bottom: 1px solid #dbdbe5;
        background: #fff;
        -webkit-box-shadow: 0 1px 0 0 #ededf3;
        box-shadow: 0 1px 0 0 #ededf3;
    }

    .pageHeader h1, .pageHeader_logout h1, .pageHeader_single h1 {
        float: left;
        margin-left: 10px;
        width: 102px;
        height: 48px;
    }

    .pageHeader h1 img, .pageHeader_logout h1 img, .pageHeader_single h1 img {
        display: inline-block;
        margin-top: 13px;
        width: 102px;
        height: 21px;
        vertical-align: middle;
    }

    .pageHeader .userInfo, .pageHeader_logout .userInfo, .pageHeader_single .userInfo {
        clear: both;
        padding: 0 10px;
        height: 29px;
        border-top: 1px solid #dbdbe5;
        background: #f1f1f5;
        background: -ms-linear-gradient(top, #fff, #f1f1f5);
        background: -moz-linear-gradient(top, #fff, #f1f1f5);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f5));
    }

    .pageHeader .userName, .pageHeader_logout .userName, .pageHeader_single .userName {
        display: inline-block;
        float: left;
        margin-top: 4.5px;
        height: 20px;
    }

    .pageHeader .userName img, .pageHeader_logout .userName img, .pageHeader_single .userName img {
        display: inline-block;
        margin-right: 7px;
        width: 20px;
        height: 20px;
        border-radius: 3px;
        vertical-align: top;
    }

    .pageHeader .iconPoint1, .pageHeader_logout .iconPoint1, .pageHeader_single .iconPoint1 {
        float: right;
        margin-top: 2.5px;
    }

    .pageFooter, .pageFooter_single {
        padding-top: 22px;
        background: #fff;
    }

    .pageFooter_single {
        margin-top: 45px;
        padding: 0;
        text-align: center;
    }

    .pageFooter_single .copyright1 {
        margin-top: 0;
    }

    .companyLink1 {
        position: relative;
        margin: 0 auto 20px;
        width: 300px;
    }

    .companyLink1 li {
        float: left;
        line-height: 2;
        font-size: 12px;
    }

    .companyLink1 li:nth-child(n+2) {
        float: left;
        width: 50%;
        line-height: 2;
        font-size: 12px;
    }

    .companyLink1 li a {
        padding-left: 13px;
        background: url(../image_data/base/iconArrowR_01.png) no-repeat left center;
        -webkit-background-size: 6px 10px;
        -o-background-size: 6px 10px;
        background-size: 6px 10px;
        color: #666;
        font-size: 12px;
    }

    .copyright1 {
        margin-top: 20px;
        height: 50px;
        background: #46465e;
        color: #fff;
        text-align: center;
        font-size: 10px;
        line-height: 50px;
    }

    .indexWrap {
        padding: 14px 9px;
        background: #fff;
        background: -ms-linear-gradient(top, #fffcf0, #fff 150px);
        background: -moz-linear-gradient(top, #fffcf0, #fff 150px);
        background: -webkit-gradient(linear, 0 0, 0 150, from(#fffcf0), to(#fff));
    }

    .indexWrap > .btnSet1 {
        margin: 25px 0 5px;
        padding-top: 25px;
        border-top: 1px solid #dbdbe5;
    }

    .indexWrap .innerHd1 {
        margin-right: 10px;
        margin-left: 10px;
    }

    .indexServiceWrap {
        margin-bottom: 25px;
        padding: 0 10px;
        border-bottom: 1px solid #dbdbe5;
    }

    .indexService li {
        margin: 0 auto 25px;
    }

    .indexService li img {
        display: block;
        float: left;
        margin-right: 15px;
        width: 60px;
        height: 60px;
    }

    .indexService li strong {
        display: block;
        margin-bottom: 10px;
        margin-left: 75px;
        font-weight: 700;
        font-size: 15px;
    }

    .indexService li span {
        display: block;
        margin-left: 75px;
    }

    .agreementWrap {
        padding: 14px 9px;
        background: #fff;
    }

    .agreementWrap > * {
        margin-top: 20px;
    }

    .agreementWrap > :first-child {
        margin-top: 0;
    }

    .agreement {
        margin-top: 35px;
    }

    .agreement h1 {
        margin-top: 35px;
        margin-bottom: 5px;
    }

    .agreement p {
        margin-top: 15px;
    }

    .agreement ol {
        margin-top: 15px;
        list-style: decimal inside;
    }

    .agreement ol.nonMarker {
        list-style: none;
    }

    .agreement ul {
        margin-top: 15px;
        list-style: disc inside;
    }

    .agreement ul.nonMarker {
        list-style: none;
    }

    .agreement li {
        margin-top: 15px;
    }

    .agreement li:first-child {
        margin-top: 0;
    }

    .agreement li li {
        margin-top: 10px;
        margin-left: 15px;
    }

    .agreement > :first-child {
        margin-top: 0;
    }
}

/* ==== CSS PC (min-width: 961px) ==== */
@media (min-width: 961px) {
    .indexService {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }
    #img_logo {
        height: 25px;
        width: 123px;
    }
    body, html{min-width: 960px;  min-height: 100%; background: #ececf0;color: #333; font-size: 12px; font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3"; line-height: 1.4; }
    a{ color: #395897; text-decoration: none; }
    a img{ vertical-align: top; }
    a:hover{ text-decoration: underline; }
    a:hover img{ opacity: .87; }
    .wrap{ position: relative; margin: auto; width: 960px; }
    .mainCol{ position: relative; padding-top: 20px; }
    .mainCol .prevWrap{ margin-bottom: 20px; }
    .mainCol_single{ position: relative; margin: auto;padding-top: 20px; width: 760px; }
    .hd1{ position: relative; margin-bottom: 20px; color: #000; text-shadow: 1px 1px 1px #fff; font-weight: 700; font-size: 16px; }
    .hd1 img{margin-right: 12px; vertical-align: middle; }
    .pageHeader{ top: 0; z-index: 100; width: 100%; height: 60px; border-bottom: 1px solid #c5c6cf; background: #fff; -webkit-box-shadow: 0 1px 0 0 #ededf3; box-shadow: 0 1px 0 0 #ededf3; line-height: 60px; }
    .pageHeader h1{ float: left; margin-right: 20px; width: 180px; height: 60px; background: #656a8d; text-align: center; }
    .pageHeader h1 img{display: inline-block; vertical-align: middle; }
    .pageHeader_logout, .pageHeader_single{ top: 0; z-index: 100; width: 100%; height: 60px; border-bottom: 1px solid #555b7b; background: #656a8d; -webkit-box-shadow: 0 1px 0 0 #6d749a; box-shadow: 0 1px 0 0 #6d749a; line-height: 60px; }
    .pageHeader_logout .wrap, .pageHeader_single .wrap{ width: 760px; }
    .pageHeader_logout h1, .pageHeader_single h1{float: left; height: 60px; }
    .pageHeader_logout h1 img, .pageHeader_single h1 img{display: inline-block; vertical-align: middle; }
    .pageFooter, .pageFooter_single{ position: relative; margin-top: 20px; text-align: center; }
    .pageFooter_single{ text-align: center; }
    .companyLink1 li{ display: inline-block; margin-bottom: 20px;text-shadow: 1px 1px 1px #fff; }
    .companyLink1 li a{padding: 0 17px 0 10px;  background: url(../image_data/base/iconArrowR_01.png) 0 50% no-repeat; color: #666;font-size: 10px; }
    .copyright1{padding-bottom: 20px;  color: #666; text-shadow: 1px 1px 1px #fff;font-size: 10px;}
    .indexWrap{padding: 19px; background: #fff; background: -ms-linear-gradient(top,#fffcf0,#fff 300px); background: -moz-linear-gradient(top,#fffcf0,#fff 300px); background: -webkit-gradient(linear,0 0,0 300,from(#fffcf0),to(#fff)); }
    .indexWrap> .btnSet1{ margin: 40px 0 20px; }
    .indexService li{float: left; margin: 5px 20px; padding: 19px;width: 298px; height: 60px;  border: 1px solid #ccc; border-radius: 5px; }
    .indexService li img{ display: block; float: left;margin-right: 10px; width: 60px; height: 60px; }
    .indexService li strong{display: block; margin: 0 auto 10px; font-weight: 700; font-size: 15px; }
    .indexService li span{ display: block; margin: auto; }
    .agreementWrap{ padding: 19px; background: #fff; }
    .agreementWrap> *{ margin-top: 20px; }
    .agreementWrap> :first-child{ margin-top: 0; }
    .agreement{ margin-top: 20px; }
    .agreement h1{ margin-top: 20px; margin-bottom: 5px; }
    .agreement p{ margin-bottom: 1em; }
    .agreement ol{ margin-bottom: 1em; list-style: decimal inside; }
    .agreement ol.nonMarker{ list-style: none; }
    .agreement ul{ margin-bottom: 1em; list-style: disc inside; }
    .agreement ul.nonMarker{ list-style: none; }
    .agreement li{ margin-top: 1em; }
    .agreement li:first-child{ margin-top: 0; }
    .agreement li li{ margin-left: 15px; }
}