@charset "UTF-8";

/* article */

.section+.section {
    margin-top: 30px;
}

.section .details {
    padding: 20px 0 0 0;
}

.section .title-h3:not(:first-child),
.section h3:not(:first-child) {
    margin-top: 30px;
}

.section .title-h4,
.section h4 {
    margin-top: 20px;
}


/* navi-top */

.navi-top .container .section {
    margin: 40px 0 0 0;
}

.navi-top .container .title-h2,
.navi-top .container .title-h3 {
    margin: 0 0 20px 0;
}

.navi-top .g-header .g-header-title {
    padding-top: 0;
}

.navi-top .g-header .g-header-sub .search-rms-menu,
.navi-top .g-header .g-header-sub .nav.local {
    display: none;
}

.navi-top .g-header .g-header-sub .search-word {
    display: block;
    float: left;
    width: 100%;
    height: 25px;
    margin: 5px 0 0 0;
    padding: 0 0 0 268px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.navi-top .g-header .open-tutorial {
    display: block;
    top: 4px;
    float: left;
}

.navi-top .section.faq-top .details,
.navi-top .section.recent-views .details,
#faq_top10 .details {
    padding: 20px;
    background: #f7f7f7;
}

.navi-top .section.faq-top .faq_details {
    background: #f6fdee;
    margin-bottom: 10px;
}

.navi-top .section.faq-top .details-med {
    padding: 20px;
    width: 46%;
}

.navi-top .section .faq-med {
    display: flex;
    flex-wrap: wrap;
    background: #f7f7f7;
}

.navi-top .section .details .column2,
#faq_top10 .details .column2 {
    font-size: 1.4rem;
    counter-reset: count-number;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 180px;
}

.navi-top .section .details .column2 li,
#faq_top10 .details .column2 li {
    width: 48.3%;
    margin: 4px 32px 0 0;
}

.navi-top .section .faq-med .details .column2 li {
    width: 98%;
    margin: 4px 32px 0 0;
}

.navi-top .section .details .column2 li:nth-child(2n) {
    margin-right: 0;
}

.navi-top .section .details .column2 li a,
#faq_top10 .details .column2 li a {
    width: calc(100% - 60px);
    font-size: 16px;
}

.navi-top .section.faq-top .details .column2 li::before,
#faq_top10 .details .column2 li::before {
    display: inline-block;
    position: relative;
    /* top: -5px; */
    width: 19px;
    height: 24px;
    margin: 0 10px 0 0;
    padding: 0 0 0 30px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -353px -116px;
    vertical-align: top;
    counter-increment: count-number;
    content: counter(count-number) ".";
}

.navi-top .section.recent-views .details .content-category {
    display: inline-block;
    min-width: 110px;
    margin: 0 10px 0 0;
    padding: 1px 10px 0 10px;
    background: #686868;
    vertical-align: top;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}

.navi-top .section.recent-views .details .column2 li a {
    width: calc(75% - 2em);
    vertical-align: middle;
}

.navi-top .section.recent-faq .details {
    padding: 20px;
    background: #f7f7f7;
}

.navi-top .section.recent-faq .details li a {
    min-height: 19px;
    padding: 0 0 0 30px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -353px -118px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navi-top .section.local-views .details {
    padding: 20px;
    background: #eff5ff;
}

.navi-top .section.local-views .details .column2 li a {
    width: 100%;
}

.navi-top .faq-top-h5,
#faq_top10 .faq-top-h5 {
    margin: 0 0 10px 0;
    font-size: 2.0rem;
    font-weight: bold;
}

.navi-top .faq-top-h5-main {
    margin: 0 0 10px 0;
    font-size: 2.4rem;
    font-weight: bold;
    color: #bf0000;
}


/* search-word */

.search-word {
    display: none;
    width: 1024px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-word::after {
    content: "";
    display: block;
    clear: both;
}

.search-word dl dt,
.search-word dl dd {
    float: left;
    margin: 3px 0;
    vertical-align: middle;
}

.search-word dl dt {
    width: 80px;
    padding: 4px 0 0 0;
    font-size: 1.3rem;
}

.search-word dl dd a {
    margin: 0 5px;
    padding: 2px 10px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
    color: #333;
    font-size: 1.1rem;
    vertical-align: middle;
}

.search-word dl dd:last-child a {
    margin-right: 0;
}

.search-word dl dd a:hover {
    background: #adadad;
    color: #fff;
}


/* panel */

.panel ul,
.panel ol {
    line-height: 1.4;
}

.panel li {
    float: left;
    width: 232px;
    margin: 0 26px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.panel li:last-child {
    margin-right: 0;
}

.panel.step li {
    background: #f0f4c2;
}

.panel.step li a {
    display: block;
    padding: 0;
    text-decoration: none;
}

.panel.step li a span i {
    position: absolute;
    top: 4px;
    left: 8px;
}

.panel.step li .title-main,
.panel.step li .title-sub {
    display: block;
}

.panel.step li .title-main {
    padding: 40px 0;
}

.panel.step li .title-sub {
    position: relative;
    min-height: 40px;
    background-color: #c5e76c;
}


/* panel beginner  */

.panel.beginner li {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #adadad;
}

.panel.beginner li a {
    display: block;
    padding: 160px 10px 15px;
    background: center top no-repeat;
    color: #000;
    font-size: 1.2rem;
    text-align: left;
}

.panel.beginner li.panel-01 a {
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080czI&oid=00D280000020VxK&lastMod=1540171454000");
}

.panel.beginner li.panel-02 a {
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cz3&oid=00D280000020VxK&lastMod=1540171439000");
}

.panel.beginner li.panel-03 a {
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyy&oid=00D280000020VxK&lastMod=1540171422000");
}

.panel.beginner li.panel-04 a {
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyt&oid=00D280000020VxK&lastMod=1540171404000");
}

.panel.beginner li.panel-05 a {
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K00000AIv0C&oid=00D280000020VxK&lastMod=1585736942000");
}

.panel.beginner li a:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
}

.panel.beginner li a .title {
    display: block;
    margin: 0 0 10px 0;
    color: #74c113;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
}

.frequently li {
    border: 1px solid #adadad;
}

.frequently li a {
    display: block;
    position: relative;
    padding: 50px 20px 30px 20px;
    color: #000;
    font-size: 1.4rem;
}

.frequently li:hover a {
    text-decoration: none;
}

.frequently li a .content-category {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 110px;
    padding: 3px 15px;
    background: #686868;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}


/* information */

.information {
    margin: 50px 0 0 0;
}

.information .tab li {
    float: left;
    position: relative;
    z-index: 10;
    width: 248px;
    margin: 0 6px 0 0;
    padding: 12px 0;
    border: 2px solid #bf0000;
    border-bottom: none;
    background: #bf0000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.information .tab li :hover {
    cursor: pointer;
}

.information .tab .active {
    color: #bf0000;
    background: #fff;
}

.information .summary {
    position: relative;
    z-index: 0;
    margin: -2px 0 0 0;
    padding: 20px 35px;
    border: 2px solid #bf0000;
}

.information .summary ul {
    display: none;
}

.information .summary ul.active {
    display: block;
}


/* rms */

.rms {
    width: 1024px;
    overflow: hidden;
}

.rms .tab {
    width: 1110px;
}

.rms .tab li {
    float: left;
    position: relative;
    z-index: 10;
    width: 174px;
    margin: 0 6px 0 0;
    padding: 12px 0;
    border: 2px solid #bf0000;
    border-bottom: none;
    background: #bf0000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.rms .tab li:hover {
    cursor: pointer;
}

.rms .tab li:first-child,
.rms .tab .last-child {
    width: 175px;
}

.rms .tab .active {
    color: #bf0000;
    background: #fff;
}

.rms .summary {
    position: relative;
    z-index: 0;
    margin: -2px 0 0 0;
    padding: 20px 35px;
    border: 2px solid #bf0000;
}

.rms .summary .details {
    /*display: none;*/
    padding: 0;
}

.rms .summary .details.active {
    display: block;
}

.rms .summary .details .overview {
    margin: 0;
}

.rms .summary .details .enclose {
    margin: 30px 0 0 0;
}

.rms .summary .details .enclose table thead .no {
    width: 38px;
}

.rms .summary .details .enclose table thead .cat1 {
    width: 110px;
}

.rms .summary .details .enclose table thead .cat2 {
    width: 200px;
}

.rms .summary .details .enclose .control-table {
    font-size: 1.4rem;
    line-height: 1em;
}

.rms .summary .details .enclose .control-table label:first-child {
    margin: 0;
}

.rms .summary .details .enclose .control-table .filter {
    display: inline-block;
    margin: 0 15px 0 0;
}

.rms .summary .details .enclose .control-table .title input {
    width: 400px;
}

.rms .summary .details .enclose .control-table .keyword {
    display: block;
}

.rms .summary .details .enclose .control-table .keyword .form-control {
    width: 450px;
    height: 33px;
    padding: 5px 50px 5px 10px;
    border: 1px solid #b6b6b6;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxg&oid=00D280000020VxK&lastMod=1540171141000") 410px center no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rms .summary .details .enclose .control-table .form-control {
    min-width: 350px;
    padding: 4px 10px;
    border: 1px solid #b6b6b6;
}

.rms .summary .details .enclose .control-table .control-item {
    margin: 15px 0;
}

.rms .summary .details .enclose .control-table .control-item .control-label {
    display: inline-block;
    min-width: 9em;
}

.rms .summary .details .enclose .control-table .result {
    margin: 10px 0;
    text-align: right;
}

.rms .summary .details .enclose .control-table .result span {
    color: #bf0000;
    font-weight: bold;
}


/* news */

.news {
    margin: 0;
}

.news dt {
    float: left;
    clear: both;
    width: 100px;
}

.news dd {
    margin: 0;
    padding: 0 0 0 100px;
}


/* service */

.service {
    line-height: 1.6;
}

.service .title-service {
    min-height: 35px;
    padding: 17px 0 0 64px;
    font-weight: bold;
}

.service .service_01 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FEb&oid=00D280000020VxK&lastMod=1539572649000) left top no-repeat;
}

.service .service_02 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FEg&oid=00D280000020VxK&lastMod=1539572669000) left top no-repeat;
}

.service .service_03 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080M0H&oid=00D280000020VxK&lastMod=1539572721000) left top no-repeat;
}

.service dl {
    font-size: 1.4rem;
}

.service dl dt {
    margin: 35px 0 0 0;
}

.service dl dt .icon {
    top: 2px;
}

.service dl dd {
    margin: 8px 0 0 0;
    padding: 0 0 0 25px;
}

.remodal.notice.recent-views .details .btn {
    display: inline-block;
    padding: 0 10px;
}

.remodal.notice.recent-views .details .btn a {
    min-width: 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
    text-decoration: none;
}

.remodal.notice.recent-views .details .btn a:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.remodal.notice.recent-views .details .btn.cancel a {
    background: #c8c8c8;
}


/* category */

.underlayer .nav {
    margin: 40px 0 0 0;
}

.underlayer .floatR p {
    margin: 15px 0 0 0;
}

.underlayer .floatR p:first-child {
    margin: 0;
}

.underlayer .tools.related {
    margin: 0;
}

.underlayer .floatR>.tools:first-child {
    margin: 0;
}

.underlayer .tools.balloon {
    display: none;
}

.underlayer .annotation {
    display: none;
}

.underlayer .annotation-rule {
    margin: 30px 0 0 0;
    text-align: right;
}

.underlayer .banner {
    margin: 40px 0 0 0;
    text-align: center;
}

.underlayer .banner ul li {
    display: inline-block;
    width: 200px;
    margin: 0 10px;
    font-size: 1.4rem;
}

.underlayer .banner ul li p {
    text-align: left;
    line-height: 1.4;
}

.underlayer .banner ul li p:first-child {
    text-align: center;
}

.underlayer .banner ul li p a {
    line-height: 2.4;
}


/* category-l */

.layer-l .overview {
    margin: 60px 0 0 0;
    padding: 0 0 40px 0;
    border-bottom: 1px dashed #4d4d4d;
}

.layer-l .overview .floatL {
    width: 650px;
}

.layer-l .overview .floatR {
    width: 320px;
    line-height: 1.6;
    font-size: 1.4rem;
}

.layer-l .overview .notes {
    line-height: 1.6;
    margin: 20px 0 0 0;
}


/* aside */

.underlayer .aside {
    margin: 70px 0 0 0;
}

.underlayer .column .aside {
    margin: 0;
}

.underlayer .aside .enclose {
    line-height: 1.6;
    margin: 20px 0 0 0;
    padding: 18px;
    border: 1px solid #545454;
}

.underlayer .aside .enclose:first-child {
    margin: 0;
}

.underlayer .aside .enclose p {
    margin: 1em 0 0 0;
}

.underlayer .aside .enclose p:first-child {
    margin: 0;
}

.underlayer .aside .enclose .sign {
    margin: 0 0 0 10px;
    padding: 0px 10px;
    background: #bf0000;
    color: #fff;
    font-size: 1.4rem;
}

.underlayer .aside .enclose .small {
    margin: 1em 0 0 0;
    font-size: 1.4rem;
}

.underlayer .aside .enclose .small:first-child {
    margin: 0;
}

.underlayer .aside .enclose .small p,
.underlayer .aside .enclose .small ul {
    margin: 1em 0 0 0;
    font-size: 1.4rem;
}

.underlayer .aside .enclose .center {
    text-align: center;
}

.underlayer .aside dl {
    line-height: 1.6;
    margin: 40px 0 0 0;
    font-size: 1.4rem;
}

.underlayer .aside dl dd {
    margin: 5px 0 0 0;
    padding: 0 0 0 25px;
}

.underlayer .aside img {
    max-width: 100%;
    margin: 10px 0;
    vertical-align: middle;
}

.underlayer .aside table {
    text-indent: 0;
}

.underlayer .aside .topics {
    color: #bf0000;
}

.underlayer .aside .topics span {
    margin: 0 10px 0 0;
    padding: 1px 8px;
    background: #bf0000;
    color: #fff;
}


/* layer-s */

.layer-s>.column {
    width: 954px;
    margin-top: 30px;
}

.layer-s>.column>.contents {
    float: left;
    width: 71%;
}

.layer-s>.column.single>.contents {
    float: none;
    width: auto;
}

.layer-s>.column.single>.floatR {
    display: none;
}

.layer-s>.column>.contents .column2 {
    width: 760px;
}

.layer-s>.column>.contents .column2 .summary {
    width: 350px;
    margin: 0 30px 0 0;
}

.layer-s>.column>.contents .icon {
    position: relative;
    margin-left: 8px;
    text-indent: 0;
}

.layer-s>.column>.floatR {
    position: relative;
    float: right;
    width: 27%;
    line-height: 1.6;
    font-size: 1.4rem;
}

.layer-s>.column.single>.floatR {
    position: static;
}

.layer-s>.column>.floatR .hint {
    display: none;
    position: absolute;
    word-break: break-word;
}

.layer-s>.column>.floatR .hint .next-hint {
    margin: 20px 0 0 0;
}

.layer-s>.column>.floatR .hint li {
    margin: 20px 0 0 0;
}

.layer-s>.column>.floatR .hint li:first-child {
    margin: 0;
}

.layer-s>.column>.floatR .hint li.utility a {
    display: inline-block;
    margin: 0 0 20px 0;
}

.layer-s>.column>.floatR .hint li span {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    /*padding: 3px 0 0 33px;*/
    padding: 3px 0 0 0;
    font-weight: bold;
    line-height: 1.8;
}

.layer-s>.column>.floatR .hint li span .icon {
    position: relative;
    margin-left: 8px;
    line-height: 1.6;
}

.layer-s>.column>.floatR .hint li span .icon:first-child {
    margin-left: 0;
}

.layer-s>.column>.floatR .hint li ul {
    margin: 10px 0;
    padding: 0 0 0 1em;
}

.layer-s>.column>.floatR .hint li ul li {
    margin: 0;
    text-indent: -1em;
}

.layer-s>.column>.floatR .hint li .icon.inline {
    position: relative;
    text-indent: 0;
    margin-left: 8px;
    font-weight: bold;
}

.layer-s>.column>.floatR .hint li em {
    font-weight: bold;
}

.layer-s>.column>.floatR .hint li table {
    margin: 1em 0;
}

.layer-s>.column>.floatR .hint.list-style-02 li {
    margin: 0;
}

.layer-s>.column>.floatR .hint.list-style-02 li a {
    display: inline-block;
    margin: 0;
}

.layer-s>.column>.floatR .hint .list-style-07 {
    padding: 0 0 0 2.5em;
}

.layer-s>.column>.floatR .hint .list-style-07 li {
    text-indent: -2.6em;
}

.layer-s>.column>.floatR .hint .list-style-07 li span {
    display: inline;
    font-weight: normal;
}

.layer-s>.column>.floatR .hint.related ul li {
    margin: 1em 0 0 0;
}

.layer-s>.column .section {
    width: 100%;
    overflow: visible;
}

.layer-s>.column.single .section {
    width: auto;
    overflow: visible;
}

.layer-s .overview p,
.layer-s>.column .section p {
    margin: 1em 0;
}

.layer-s>.column .section p:first-child,
.layer-s>.contents .section .details p:first-child {
    margin: 0;
}

.layer-s>.column .section em {
    font-weight: bold;
}

.layer-s>.column .section table {
    margin: 15px 0 0 0;
}

.layer-s>.column .section .details table:first-child {
    margin: 0;
}

.layer-s>.column .section table.full-size {
    width: 1024px;
}

@media screen and (max-width: 1435px) {
    .layer-s>.column .section table.full-size {
        width: 65vw;
    }
    .title-h4.wu1435_w62vw {
        width: 62vw;
    }
}

.layer-s>.column .section table.style-01 .col-01 {
    width: 11%;
}

.layer-s>.column .section table.style-02 {
    margin: 30px 0 0 0;
}

.layer-s>.column .section table.style-02 .col-01 {
    width: 6%;
}

.layer-s>.column .section table.style-02 .col-02 {
    width: 4%;
}

.layer-s>.column .section table.style-02 .col-03 {
    width: 8%;
}

.layer-s>.column .section table.style-02 .col-05 {
    width: 5%;
}

.layer-s>.column .section table.style-02 .col-06 {
    width: 7%;
}

.layer-s>.column .section table.style-02 .col-07 {
    width: 35%;
}

.layer-s>.column .section .comparison {
    margin: 15px 0 0 0;
}

.layer-s>.column .section .comparison .floatL,
.layer-s>.column .section .comparison .floatR {
    width: 350px;
}

.layer-s>.column .section textarea {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layer-s>.column .section input {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layer-s .overview .process-h {
    width: 1024px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 25px 0 0 0;
    padding: 25px;
    background: #dfeddc;
}

.layer-s .overview .process-h.elements-4 {
    padding: 25px 35px;
}

.layer-s .overview .process-h.elements-5 {
    padding: 25px 17px;
}

.layer-s .overview .process-h ol {
    width: 1024px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
}

.layer-s .overview .process-h ol li {
    position: relative;
    float: left;
    width: 187px;
    margin: 0 60px 0 0;
    background: #008d3e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.layer-s .overview .process-h.elements-5 ol {
    width: 1005px;
}

.layer-s .overview .process-h.elements-5 ol li {
    width: 160px;
    margin-right: 41px;
}

.layer-s .overview .process-h ol li:hover {
    cursor: pointer;
}

.layer-s .overview .process-h ol li a {
    display: block;
    padding: 12px 10px;
    background: #fff;
}

.layer-s .overview .process-h ol li span {
    display: block;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
}

.layer-s .overview .process-h ol li:before {
    display: block;
    position: absolute;
    top: 38%;
    left: -35px;
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #008d3e;
}

.layer-s .overview .process-h.elements-5 ol li:before {
    left: -28px;
}

.layer-s .overview .process-h ol li:first-child:before {
    display: none;
}

.layer-s .overview .process-h ol li .icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.layer-s .overview .index,
.layer-s .overview .index-v {
    display: none;
}

.layer-s .step {
    font-size: 1.4rem;
    line-height: 1.6;
}

.layer-s .step .center {
    text-align: center;
}

.layer-s .step p {
    margin: 20px 0 0 0;
}

.layer-s .step>ul,
.layer-s .step>div>ul {
    margin: 30px 0 0 0;
}

.layer-s .step>ul>li,
.layer-s .step>div>ul>li {
    position: relative;
    margin: 90px 0 0 0;
    background: none;
    text-align: center;
}

.layer-s .step ul>li .title-h4,
.layer-s .step ul>li .title-h5 {
    margin-bottom: 15px;
    text-align: left;
}

.layer-s .step>ul>li:first-child,
.layer-s .step>div>ul>li:first-child {
    margin: 0;
}

.layer-s .step>ul>li span,
.layer-s .step>ul>li p,
.layer-s .step>ul>li ul,
.layer-s .step>div>ul>li span,
.layer-s .step>div>ul>li p,
.layer-s .step>div>ul>li ul {
    display: block;
    margin: 0 0 1em 0;
    font-size: 1.6rem;
    text-align: left;
}

.layer-s .step>ul>li table p,
.layer-s .step>ul>li table ul,
.layer-s .step>ul>li table span,
.layer-s .step>ul>li .contents-notes .contents-notes-body>* {
    font-size: 1.4rem;
}

.layer-s .step>ul>li:first-child span,
.layer-s .step>div>ul>li:first-child span {
    margin: 0;
}

.layer-s .step>ul>li img,
.layer-s .step>div>ul>li img {
    display: inline-block;
    max-width: 100%;
    margin: 10px 0;
}

.layer-s .step.capture ul>li img {
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layer-s .step>ul>li img:first-child,
.layer-s .step>div>ul>li img:first-child {
    margin: 0;
}

.layer-s>.column .step ul li table {
    margin: 25px 0;
}

.layer-s .step .actual img {
    width: auto;
}

.layer-s .step>ul>li:before,
.layer-s .step>div>ul>li:before {
    position: absolute;
    top: -60px;
    right: 45%;
    content: "";
    width: 0;
    height: 0;
    border-top: 37px solid #dddddd;
    border-right: 37px solid transparent;
    border-bottom: 37px solid transparent;
    border-left: 37px solid transparent;
}

.layer-s .step>ul>li:first-child:before,
.layer-s .step>div>ul>li:first-child:before {
    display: none;
}

.layer-s .step>ul>li .aside,
.layer-s .step>div>ul>li .aside {
    margin: 30px 0;
}

.layer-s .process-v {
    margin: 15px 0 0 0;
    padding: 25px;
    background: #dfeddc;
}

.layer-s .process-v ol {
    line-height: 1.6;
}

.layer-s .process-v ol li {
    position: relative;
    margin: 60px 0 0 0;
    background: #008d3e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.layer-s .process-v ol li:first-child {
    margin: 0;
}

.layer-s .process-v ol li .process-step {
    display: block;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
}

.layer-s .process-v ol li .process-details {
    padding: 12px 10px;
    background: #fff;
}

.layer-s .process-v ol li .process-details span {
    display: block;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.layer-s .process-v ol li:before {
    display: block;
    position: absolute;
    top: -35px;
    left: 47%;
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid #008d3e;
    border-right: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid transparent;
}

.underlayer .layer-s .aside {
    margin: 30px 0 0 0;
    text-align: left;
}

.layer-s .process-v ol li:first-child:before {
    display: none;
}

.layer-s .list-style-01 {
    margin: 1em 0 0 0;
    padding: 0 0 0 1em;
    text-align: left;
}

.layer-s .list-style-01 li {
    text-indent: -1em;
}

.layer-s .list-style-02 {
    margin: 1em 0 0 0;
    padding: 0 0 0 1em;
    text-align: left;
}

.layer-s .list-style-02>li {
    text-indent: -1em;
}

.layer-s .list-style-02>li:before {
    content: "\30FB";
}

.layer-s .list-style-03,
.layer-s .list-style-04 {
    position: relative;
    margin: 1em 0 0 0;
    text-align: left;
}

.layer-s .list-style-03 {
    padding: 0 0 0 3em;
}

.layer-s .list-style-04 {
    padding: 0 0 0 1em;
}

.layer-s .list-style-03>li span,
.layer-s .list-style-04>li span {
    position: absolute;
    left: 0;
}

.layer-s .list-style-05 {
    margin: 1em 0 0 0;
    text-align: left;
}

.layer-s .list-style-05 li>ul {
    margin: 0 0 0 1em;
}

.layer-s .list-style-05 li>ul li:before {
    content: "\30FB";
}

.layer-s .details>.list-style-01:first-child,
.layer-s .details>.list-style-02:first-child,
.layer-s .details>.list-style-03:first-child,
.layer-s .details>.list-style-04:first-child,
.layer-s .details>.list-style-05:first-child {
    margin-top: 0;
}

.layer-s .list-style-08 {
    font-size: 1.4rem;
}

.layer-s .list-style-08>li {
    margin: 5px 0 0 0;
}

.layer-s .list-style-08>li:first-child {
    margin: 0;
}

.layer-s .list-style-08>li>ul {
    margin: 5px 0 0 0;
    padding: 0 0 0 28px;
}

.layer-s .list-style-06 {
    text-align: left;
}

.layer-s .list-style-06 li>ul li:before {
    content: "\30FB";
}

.layer-s .list-style-10 li {
    margin: 1em 0 0 0;
}

.layer-s .list-style-11>li {
    margin: 1em 0 0 0;
}

.layer-s .list-style-11 table {
    text-indent: 0;
}

.layer-s .list-style-12 {
    list-style: decimal;
    margin: 1em 0 0 0;
    padding: 0 0 0 2em;
    text-align: left;
}

.layer-s .notes {
    font-size: 1.4rem;
}

.layer-s>.column .lyt-block-01 {
    margin: 1em 0 0 0;
}

.layer-s>.column .details .lyt-block-01:first-child {
    margin: 0;
}

.layer-s>.column .lyt-block-01 .floatR {
    margin-left: 15px;
}

.layer-s>.column .lyt-block-01 .floatL {
    /*margin-right: 15px;*/
    margin-right: 0;
}

.layer-s>.column .lyt-block-01.w350 .floatL,
.layer-s>.column .lyt-block-01.w350 .floatR {
    width: 350px;
}

.layer-s>.column .lyt-block-01 .item {
    overflow: auto;
}

.layer-s>.column .item .list-def-02 {
    overflow: auto;
    margin: 0 0 25px 0;
}

.layer-s>.column form .center {
    text-align: center;
}

.layer-s>.column form .center input[type="radio"] {
    width: auto;
    margin: 0 5px 0 0;
}

.layer-s>.column form input[type="submit"] {
    width: auto;
    padding: 2px 10px;
}


/* glossary */

.glossary .index {
    margin: 45px 0 0 0;
    font-size: 1.4rem;
}

.glossary .index li {
    display: inline-block;
    margin: 0 25px 0 0;
}

.glossary .index li i {
    top: 4px;
}

.glossary .overview {
    margin: 35px 0 0 0;
    padding: 40px 0 0 0;
    border-top: 1px dashed #4d4d4d;
}

.glossary .overview ol {
    line-height: 1.6;
    margin: 5px 0 0 0;
    font-size: 1.4rem;
}

.glossary .overview ol li {
    margin: 20px 0 0 0;
}

.glossary .overview ol li:first-child {
    margin: 0;
}

.glossary .enclose {
    margin: 30px 0 0 0;
    border-top: 1px solid #545454;
}

.glossary .enclose dl {
    display: table;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.glossary .enclose dl dt,
.glossary .enclose dl dd {
    display: table-cell;
    vertical-align: top;
    padding: 10px 16px;
    border: 1px solid #545454;
    border-top: none;
}

.glossary .enclose dl dt {
    background: #f0f0f0;
    font-weight: bold;
    width: 217px;
}

.glossary .enclose dl dd {
    line-height: 1.6;
    font-size: 1.4rem;
}

.glossary .enclose dl dd ul {
    margin: 10px 0 0 0;
}


/* .faq */

.faq .title-h2 {
    margin: 0;
}

.faq .title-h3 {
    margin-top: 50px;
}

.faq .section .details p {
    margin: 5px 0;
}

.faq .section .details p:first-child {
    margin: 0;
}

.faq .header .column .title-h3 {
    margin-bottom: 0;
    border: none;
}

.faq .header .column .summary .details {
    margin: 0;
    padding: 15px 20px;
    border: 1px solid #bf0000;
}

.faq .index {
    font-size: 1.4rem;
}

.faq .index .title-h2,
.faq .index .title-h3 {
    margin-bottom: 25px;
}

.faq .index li {
    display: inline-block;
    margin: 15px 20px 0 0;
}

.faq .index.fixed li {
    width: 180px;
    margin: 15px 0 0 0;
}

.faq .index li i {
    top: 4px;
}

.faq.main .section .details .title-h4 {
    margin: 0;
    padding-left: 20px;
    border-right: 1px solid #545454;
    border-left: 1px solid #545454;
}

.faq .section .details dl,
.faq.main .section .details .title-h4:first-child {
    border-top: 1px solid #545454;
}

.faq .section dl,
.faq .section dd {
    margin: 0;
}

.faq .section dl {
    position: relative;
    border: 1px solid #545454;
    border-top: none;
}

.faq .section dl dt,
.faq .section dl dd {
    padding: 10px 20px 10px 50px;
}

.faq .section dl dt {
    background: #f0f0f0;
    font-weight: bold;
}

.faq dl dd .aside {
    margin: 15px 0 0 0;
}


/*.faq .section dl dt:hover {
  cursor: pointer;
}
*/

.faq .section dl dt:before,
.faq .section dl dd:before {
    position: absolute;
    left: 20px;
    color: #bf0000;
    font-weight: bold;
}

.faq .section dl dt:before {
    content: "Q.";
}

.faq .section dl dd:before {
    content: "A.";
}

.faq .column .contents .section .title-h3:first-child {
    margin: 0;
}

.faq .tools.balloon {
    float: right;
    width: 350px;
    text-align: left;
}


/* faq custom */

.faq em {
    font-weight: bold;
}

.faq .box-01 {
    margin: 0 0 20px 0;
    padding: 10px;
    border: solid 1px #d1d1d1;
}

.faq .box-01.center {
    text-align: center;
}

.faq .tbl-01 {
    margin: 15px 0;
}

.faq .list-number-01 {
    position: relative;
    padding: 0 0 0 2em;
}

.faq .list-number-01 li span {
    position: absolute;
    left: 0;
}

.faq .box-attend {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyo&oid=00D280000020VxK&lastMod=1540171388000) left top repeat-x;
    padding: 10px 15px;
    border: 1px solid #bf0000;
}

.faq .details .list-link-01 {
    margin: 15px 0 0 0;
}

.faq .details .list-link-01:first-child {
    margin: 0;
}

.faq .list-01 {
    padding: 0 0 0 25px;
    list-style-type: square;
}

.faq .list-01.disc {
    padding: 0 0 0 25px;
    list-style-type: disc;
}

.faq .list-01.circle {
    padding: 0 0 0 25px;
    list-style-type: circle;
}

.faq.adjust dl dd table table td {
    border: none;
}

.faq.adjust dl dd table table td {
    padding: 2px;
}


/* mail */

.mail table.tbl-04 {
    width: 100%;
    border: 0 none;
    border: 1px solid #000;
    background: #DDDDDD;
}

.mail table.tbl-04 thead th {
    background: #FF6600;
    color: #fff;
    font-weight: bold;
}

.mail table.tbl-04 tbody th {
    background: #FFE8BB;
}

.mail table.tbl-04 td {
    padding: 7px 10px;
    border: 1px solid #000;
}

.mail table.tbl-04 td {
    background: #fff;
}

.mail th span.notice,
.mail td span.notice {
    color: #FF0000;
    font-size: 10PX;
}

.mail table.tbl-04 input[type="text"],
.mail table.tbl-04 textarea {
    width: 98%;
}

.mail table.tbl-04 .yohaku {
    margin: 1em 0 0 0;
}

.mail .box-01 {
    padding: 18px;
    border: 1px solid #d1d1d1;
}


/* mail-en */

.mail-en .overview ul {
    font-size: 1.4rem;
}

.mail-en table {
    word-break: break-word;
}


/* .digest */

.digest .header {
    padding: 0 0 50px 0;
    border-bottom: 1px dashed #4d4d4d;
}

.digest .section {
    font-size: 1.4rem;
}

.digest .section .details p,
.digest .section .details ul {
    margin: 1em 0 0 0;
}

.digest .section .details p:first-child,
.digest .section .details ul:first-child {
    margin: 0;
}


/* topics */

.section .topics .title-h3 {
    border: none;
}

.section .topics p {
    margin: 1em 0;
}

.section .topics .details {
    padding: 15px 20px;
    border: 1px solid #bf0000;
    font-size: 1.4rem;
}

.section .topics .details ul li {
    margin: 6px 0 0 0;
}

.section .topics .details ul li:first-child {
    margin: 0;
}


/* beginner */

.beginner .header {
    color: #000;
}

.beginner .header .details {
    padding: 28px 81px 18px;
    border: 3px solid #74c113;
    border-radius: 10px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080F8d&oid=00D280000020VxK&lastMod=1539322188000) 875px 7px no-repeat;
}

.beginner .header .details .title-h2 {
    margin: 0;
    padding: 0;
    border: none;
}

.beginner .header .details p {
    margin: 33px 0 0 0;
}

.beginner.top .step {
    margin: 60px 0 0 0;
}

.beginner .step>ol>li {
    position: relative;
    margin: 60px 0 0 0;
}

.beginner .step>ol>li::before {
    display: block;
    position: absolute;
    top: -51px;
    left: calc(50% - 16px);
    content: "";
    width: 37px;
    height: 44px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cwn&oid=00D280000020VxK&lastMod=1540170705000) left top no-repeat;
}

.beginner .step>ol>li:first-child {
    margin: 0;
}

.beginner .step>ol>li:first-child::before {
    display: none;
}

.beginner .step>ol>li .title {
    line-height: 68px;
    height: 68px;
    background: #f0f4c2;
    color: #369203;
    font-size: 38px;
}

.beginner .step>ol>li .title span {
    display: inline-block;
    height: 68px;
    margin: 0 30px 0 0;
    padding: 0 30px 0 70px;
    color: #fff;
    background: #c5e76c url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cwd&oid=00D280000020VxK&lastMod=1540170665000) 10px 13px no-repeat;
}

.beginner .step>ol>li .title em {
    padding: 0 0 0 10px;
    font-size: 48px;
    font-weight: normal;
}

.beginner .step>ol>li .guide {
    padding: 2px 20px 20px;
    background: #f7f7f7;
    font-size: 1.4rem;
}

.beginner .step>ol>li .guide ul li {
    float: left;
    width: calc((100% - 31px) / 3);
    margin: 18px 15px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.beginner .step>ol>li .guide ul li:nth-child(3n) {
    margin-right: 0;
}

.beginner .step ol li .guide ul.checkbox li {
    padding: 0 0 0 30px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cwi&oid=00D280000020VxK&lastMod=1540170686000) left top no-repeat;
    min-height: 28px;
}

.beginner .step ol li .guide ul.checkbox li a::after {
    display: none;
}

.beginner .step ol li .guide ul li a {
    display: inline-block;
    line-height: 1.6;
}

.beginner .step ol li .guide ul li a::after {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "v";
    margin: 0 0 0 10px;
    font-size: 1.0rem;
    -webkit-transform: scaleX(1.8);
    transform: scaleX(1.8);
    text-indent: 0;
}

.beginner .goto-top {
    margin: 0 0 5px 0;
    text-align: right;
    font-size: 1.4rem;
}

.beginner .contents .full-size img {
    width: 1024px;
}

.beginner .contents .center {
    text-align: center;
}

.beginner .contents .aside {
    margin: 20px 0;
}

.beginner .contents .overview .title-h2 {
    border-color: #74c113;
    color: #74c113;
}

.beginner .contents .title-h3 {
    margin: 50px 0 0 0;
    border-color: #74c113;
}

.beginner .contents .title-h4 {
    background: #e8f6c3;
}

.beginner .contents .title-h4+.details {
    padding-top: 20px;
}

.beginner .contents .balloon {
    position: relative;
    padding: 20px;
    background: #e8f6c3;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.beginner .contents .balloon:after {
    display: block;
    position: absolute;
    right: -54px;
    top: 44px;
    content: "";
    width: 54px;
    height: 27px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cwE&oid=00D280000020VxK&lastMod=1540170584000) left top no-repeat;
}

.beginner .contents .balloon p {
    margin-bottom: 0;
}

.beginner .contents .balloon ol li {
    margin: 20px 0 0 0;
    border: 2px solid #74c113;
    border-radius: 5px;
    background: #fff;
}

.beginner .contents .balloon ol li .title {
    line-height: 46px;
    height: 46px;
    color: #74c113;
    font-size: 2.0rem;
    font-weight: bold;
}

.beginner .contents .balloon ol li .title span {
    display: inline-block;
    width: 46px;
    margin: 0 10px 0 0;
    background: #74c113;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.beginner .contents .balloon ol li .enclose {
    line-height: 1.6;
    padding: 18px;
    font-size: 1.4rem;
}

.beginner .contents .balloon ol.step {
    width: 705px;
}

.beginner .contents .balloon ol.step li {
    float: left;
    width: 220px;
    margin: 0 15px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.beginner .contents .balloon ol li .enclose {
    padding: 10px 18px 18px;
}

.beginner .contents .balloon .aside {
    margin-bottom: 0;
    background: #fff;
}

.beginner .contents .index li {
    display: inline-block;
    margin: 0 25px 0 0;
    font-size: 1.4rem;
}

.beginner .contents .index,
.beginner .contents .index-v {
    margin: 1em 0 0 0;
}

.beginner .contents .index li,
.beginner .contents .index-v li {
    padding: 0 0 0 30px;
}

.beginner .floatR .hint.figure {
    margin: 0;
    padding: 0 0 0 40px;
}

.beginner .floatR .hint li span {
    color: #bf0000;
}

.beginner .floatR .hint li .supplement {
    color: #5f52a0;
}

.beginner .floatR .more {
    padding: 0 24px 0 0;
    text-align: left;
}

.beginner .floatR .more a {
    position: relative;
    padding: 20px 2px 20px 15px;
    border: 1px solid #ff9801;
    background: #ff9801;
    font-size: 2.0rem;
}

.beginner .floatR .more a:after {
    top: -1px;
    right: -65px;
    border-top: 32px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 32px solid #ff9801;
}

.beginner .floatR .more.next a {
    border: 1px solid #74c113;
    background: #74c113;
}

.beginner .floatR .more.next a:after {
    border-left: 32px solid #74c113;
}

.beginner .contents-header-nav {
    margin: 30px 0 0 0;
}

.beginner .contents-header-nav ul {
    border: 2px solid #74c113;
}

.beginner .contents-header-nav ul li {
    float: left;
    width: calc(100% / 3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.beginner .contents-header-nav ul li a {
    display: block;
    position: relative;
    line-height: 1.5;
    padding: 10px;
    border-left: 2px solid #74c113;
    color: #74c113;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.beginner .contents-header-nav ul li:first-child a {
    border-left: none;
}

.beginner .contents-header-nav ul li a span {
    display: block;
    font-weight: normal;
    font-size: 1.6rem;
}

.beginner .contents-header-nav ul li.active a {
    background: #74c113;
    color: #fff;
    cursor: default;
}

.beginner .contents-header-nav ul li.active a::after {
    position: absolute;
    left: calc(50% - 8px);
    bottom: -18px;
    content: "";
    border-top: 8px solid #74c113;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}

.beginner .contents-header-nav ul li:not(.active) a:hover {
    opacity: 0.7;
}


/* sagara */

.sagara .header {
    color: #000;
}

.sagara .header .details {
    padding: 15px 15px 15px 353px;
    border: 3px solid #74c113;
    border-radius: 10px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FC6&oid=00D280000020VxK&lastMod=1539324009000) 80px 15px no-repeat;
}

.sagara .header .details .title-h2 {
    margin: 0;
    padding: 0;
    border: none;
}

.sagara .header .details p {
    margin: 25px 0 0 0;
}

.sagara .start-up {
    margin: 50px 0 0 0;
    text-align: center;
}

.sagara .start-up p {
    color: #74c113;
    font-size: 2.5rem;
}

.sagara .start-up a:hover img {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.sagara .section .title-h3 span {
    border-color: #74c113;
}

.sagara .section.profile .details {
    /*width: 1024px;*/
    overflow: hidden;
}

.sagara .section.profile .details.data {
    min-height: 215px;
    padding-left: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FBm&oid=00D280000020VxK&lastMod=1539323963000) left 30px no-repeat;
}

.sagara .section.profile .details dl {
    padding: 20px 0 0 0;
}

.sagara .section.profile .details dl dt {
    float: left;
    clear: both;
    width: 4em;
}

.sagara .section.profile .details dl dd {
    margin: 0 0 8px 0;
    padding: 0 0 8px 6em;
    border-bottom: 1px dotted #c8c8c8;
    text-indent: -1.5em;
}

.sagara .section.profile .details dl dd:before {
    padding: 0 1em 0 0;
    content: ":";
}

.sagara .section.profile .details.feature {
    padding: 0;
}

.sagara .section.profile .feature ol {
    width: 100%;
}

.sagara .section.profile .feature ol li {
    float: left;
    width: 48%;
    margin: 30px 30px 0 0;
    border: 1px solid #74c113;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sagara .section.profile .feature ol li:nth-child(even) {
    margin: 30px 0px 0 0;
}

.sagara .section.profile .feature ol li .title-h4 {
    max-height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 16px 0 0 130px;
    border: none;
    font-weight: bold;
    color: #000;
}

.sagara .section.profile .feature ol .point-01 .title-h4 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FCG&oid=00D280000020VxK&lastMod=1539324059000) 15px 15px no-repeat;
}

.sagara .section.profile .feature ol .point-02 .title-h4 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FCQ&oid=00D280000020VxK&lastMod=1539571764000) 15px 15px no-repeat;
}

.sagara .section.profile .feature ol .point-03 .title-h4 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FCf&oid=00D280000020VxK&lastMod=1539571785000) 15px 15px no-repeat;
}

.sagara .section.profile .feature ol .point-04 .title-h4 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FCu&oid=00D280000020VxK&lastMod=1539571828000) 15px 15px no-repeat;
}

.sagara .section.profile .feature ol li .lead {
    line-height: 1.6;
    margin: 15px 0 0 0;
    padding: 10px 15px;
    background: #74c113;
    color: #fff;
    font-weight: bold;
}

.sagara .section.profile .feature ol li .description {
    padding: 15px;
}

.sagara .section.about .title-h4,
.sagara .section.usage .title-h4 {
    background: none;
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
}

.sagara .section.usage .details .figure {
    margin: 30px 0 0 0;
    text-align: center;
}

.sagara .section.usage .details .notes {
    margin: 50px 0 0 0;
}

.sagara .section.usage .details .notes ol {
    font-size: 1.4rem;
}

.sagara .section.usage .details .notes ol {
    margin: 0 0 0 15px;
    padding: 0 0 0 1em;
}

.sagara .section.usage .details .notes ol li {
    text-indent: -1em;
}

.sagara .section .list-style-02 {
    padding: 0 0 0 1em;
    text-align: left;
}

.sagara .section .list-style-02>li {
    text-indent: -1em;
}

.sagara .section .list-style-02>li:before {
    content: "\30FB";
}


/* support-news */

.support-news .section .aside ul li {
    margin: 6px 0 0 0;
    font-size: 1.4rem;
}


/* link menu*/

.layer-s .menu ul>li>ul {
    margin: 5px 0 0 0;
    padding: 0 0 0 1em;
}

.layer-s .menu ul>li>ul>li:before {
    content: "\30FB";
}

.link-menu {
    margin: 15px 0 0 0;
}

.link-menu ul {
    border-top: 1px solid #c8c8c8;
}

.link-menu ul li a,
.link-menu ul li .head {
    display: block;
    position: relative;
    padding: 10px 30px 10px 50px;
    border: 1px solid #c8c8c8;
    background: #fff;
    border-top: none;
    font-size: 1.4rem;
    -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.3);
}

.link-menu ul li a:hover {
    text-decoration: none;
    color: #333;
}

.layer-s>.column>.contents .link-menu ul li a .icon {
    position: absolute;
    top: 9px;
}

.link-menu ul li a:before,
.link-menu ul li .head:before {
    position: absolute;
    top: 13px;
    left: 15px;
    width: 20px;
    height: 20px;
    content: "";
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) no-repeat;
    /*background: url(https://c.ap6.content.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) no-repeat;*/
    /* background-position: -166px -199px; */
    background-position: -5px -67px;
    color: #fff;
}

.link-menu ul li a:hover {
    background: #f7f7f7;
}

.link-menu ul li:hover {
    cursor: pointer;
}

.link-menu ul li .head:hover {
    cursor: default;
}

.link-menu ul li ul {
    border: none;
}

.link-menu ul li ul li a {
    padding-left: 60px;
}

.link-menu ul li ul li a span.desc {
    display: block;
    color: #000;
    text-decoration: none;
}

.link-menu ul li ul li ul li a {
    padding-left: 80px;
}

.link-menu ul li ul li .head {
    padding-left: 70px;
}

.link-menu ul li ul li .head:before {
    left: 38px;
}

.link-menu ul li ul li a:before {
    left: 40px;
    top: 20%;
    content: "\0030fb";
    background: none;
    color: #000;
}

.link-menu ul li ul li ul li a:before {
    left: 60px;
}


/* custom style */

.style em {
    font-weight: bold;
}

.style table {
    margin: 0 0 30px 0;
}

.style p {
    margin: 1em 0 1em 0;
}

.style .details p:first-child {
    margin: 0 0 1em 0;
}

.style .details .title-h5:first-child {
    margin: 0;
}

.style .right {
    margin: 50px 0 0 0;
}

.style .box-01 {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #545454;
    font-size: 1.4rem;
}

.style .box-01 p:first-child {
    margin: 0;
}

.style .details .box-01:first-child {
    margin-top: 0;
}

.style .box-01 ul {
    margin: 0;
}

.style .group em {
    display: inline-block;
    margin: 15px 0 0 0;
}

.style .list-style-none>li {
    padding: 0;
}

.style .list-style-01 {
    padding: 0 0 0 25px;
}

.style .list-style-02>li,
.style table ul li {
    padding: 0 0 0 1.4em;
}

.style .list-style-01>li {
    padding: 0 0 0 1em;
}

.style .list-style-01>li:before {
    content: "\30FB";
}

.style em {
    font-weight: bold;
}

.style ul {
    position: relative;
    margin: 15px 0 30px 0;
}

.style .details ul:first-child {
    margin: 0 0 30px 0;
}

.style .guide {
    width: 730px;
    overflow: hidden;
}

.style .guide ul {
    width: 760px;
    margin: 0;
    font-size: 1.4rem;
}

.style .guide ul li {
    float: left;
    width: 350px;
    padding: 0;
    margin: 0 30px 0 0;
}

.style ul li .sign {
    position: absolute;
    left: 0;
}

.style-01 ul li {
    padding: 0 0 0 3.5em;
}

.style-02 ul li {
    padding: 0 0 0 2.8em;
}

.style .course .floatL,
.style .lyt-block-01 .floatL {
    width: 430px;
}

.style .course .floatR,
.style .lyt-block-01 .floatR {
    width: 285px;
}

.style .course ul {
    margin-bottom: 10px;
}

.style .box-attend,
.style .box-point,
.style .box-rms {
    margin: 1em 0;
    padding: 10px 20px;
}

.style .box-attend p,
.style .box-point p,
.style .box-rms p {
    margin: 0;
}

.style .box-attend ul,
.style .box-point ul,
.style .box-rms ul {
    margin: 0;
}

.style .box-attend {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FDY&oid=00D280000020VxK&lastMod=1539571802000) left top repeat-x;
    border: 1px solid #bf0000;
}

.style .box-point {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FDi&oid=00D280000020VxK&lastMod=1539572488000) left top repeat-x;
    border: 1px solid #a1d187;
}

.style .box-rms {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FDs&oid=00D280000020VxK&lastMod=1539572552000) left top repeat-x;
    border: 1px solid #70b5ef;
}

.style .topics>ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 30px;
    list-style-type: square;
}

.style .topics ul li {
    padding: 0 0 0 1em;
}

.box-rux {
    width: 730px;
    margin: 30px 0 0 0;
}

.box-rux table {
    margin: 10px 0 15px 0;
    border: 2px solid #bf0000;
}

.box-rux table tr th,
.box-rux table tr td {
    padding: 10px 20px;
    border: none;
}


/* relation */

.relation .header .details {
    padding: 8px 19px 0;
    border: 3px solid #bf0000;
    border-radius: 10px;
}

.relation .header .details .title-h2 {
    margin: 0;
    padding: 0;
    border: none;
}

.relation .header .details p {
    margin: 25px 0 0 0;
}

.relation .overview {
    margin: 30px 0 0 0;
}

.relation .activity dl {
    margin: 10px 0 0 0;
}

.relation .activity dl dt {
    padding: 5px 0 0 30px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FFe&oid=00D280000020VxK&lastMod=1539570712000) left 11px no-repeat;
    border-top: 1px solid #c8c8c8;
    font-weight: bold;
}

.relation .activity dl dt:first-child {
    border: none;
}

.relation .activity dl dd {
    margin: 0;
    padding: 0 0 5px 30px;
    padding: 5px 0 0 30px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FFj&oid=00D280000020VxK&lastMod=1539572851000) left 11px no-repeat;
}

.relation .plan dl dt {
    padding: 15px 0;
    font-size: 22px;
    line-height: 1.6;
}

.relation .plan dl dd {
    margin: 0;
    padding: 15px 0;
}

.relation .plan dl dt {
    padding: 15px 0 15px 105px;
    background: #f7f7f7 url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FFo&oid=00D280000020VxK&lastMod=1539572873000) 20px 40% no-repeat;
    border-top: 1px solid #c8c8c8;
}

.relation .plan dl dd {
    padding: 15px 0 15px 135px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FG3&oid=00D280000020VxK&lastMod=1539572895000) 50px 40% no-repeat;
}

.relation .voice {
    margin-top: 50px;
}

.relation .voice .details {
    text-align: center;
}

.relation .voice dl dd {
    margin: 5px 0 0 0;
}

.relation .voice a:hover img {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}


/* .related-links */

.related-links {
    margin: 50px 0 0 0;
}

.related-links .details {
    line-height: 1.6;
    padding: 20px 20px;
    background: #f7f7f7;
    font-size: 1.4rem;
}

.related-links .details .grid {
    width: 1080px;
}

.related-links .details .grid .summary {
    float: left;
    width: 340px;
    margin: 0 20px 0 0;
}

.related-links .details .four-grid .summary ul>li {
    float: left;
    width: 235px;
    margin: 0 20px 0 0;
}

.related-links .details .grid .summary dl dt {
    margin: 20px 0 0 0;
    padding: 4px 0;
    background: #dadada;
    text-align: center;
}

.related-links .details .grid .summary dl dt:first-child {
    margin: 0;
}

.related-links .details .grid .summary dl dd {
    margin: 15px 0 0 0;
}

.related-links .details .grid .summary dl dd>ul>li,
.related-links .details .four-grid .summary ul>li {
    position: relative;
    margin: 10px 0 0 0;
    padding: 0 0 0 30px;
}

.related-links .details .grid .summary dl dd>ul>li:before,
.related-links .details .four-grid .summary ul>li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) no-repeat;
    /*background: url(https://c.ap6.content.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) no-repeat;*/
    background-position: -166px -199px;
    color: #fff;
}

.related-links .details .grid .summary dl dd>ul>li>ul>li,
.related-links .details .grid .summary dl dd>ul>li>ul>li>ul>li {
    margin: 5px 0 0 0;
}

.related-links .details .grid .summary dl dd>ul>li>ul>li>ul>li:before {
    padding: 0 5px 0 1em;
    content: "\02014";
}


/* inquiry */

.inquiry .header {
    color: #000;
}

.inquiry .header .details .title-h1 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 3.8rem;
    text-align: center;
}

.inquiry .title-h2 {
    margin: 60px 0 0 0;
}

.inquiry .header .details p {
    margin: 33px 0 0 0;
}

.inquiry .guide-menu {
    overflow: hidden;
}

.inquiry .guide-menu .title-h4 {
    margin: 20px 0 0 0;
    background: none;
    color: #000;
}

.inquiry .guide-menu ul {
    width: 1110px;
}

.inquiry .guide-menu ul li {
    float: left;
    line-height: 1.5;
    /*width: 360px;*/
    margin: 0 10px 0 0;
}

.inquiry .guide-menu ul li a {
    display: block;
    position: relative;
    padding: 20px 20px 20px 100px;
    border: 1px solid #adadad;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #828282;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
}

.inquiry .guide-menu ul li a::before {
    display: block;
    position: absolute;
    left: 30px;
    top: 30%;
    content: "";
    width: 48px;
    height: 48px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FE7&oid=00D280000020VxK&lastMod=1539572579000) no-repeat;
}

.inquiry .guide-menu ul li.item-navi a:before {
    background-position: -5px -5px;
}

.inquiry .guide-menu ul li.item-navi a:hover:before {
    background-position: -63px -5px;
}

.inquiry .guide-menu ul li.item-ron a:before {
    background-position: -5px -63px;
}

.inquiry .guide-menu ul li.item-ron a:hover:before {
    background-position: -63px -63px;
}

.inquiry .guide-menu ul li.item-rux a:before {
    background-position: -121px -5px;
}

.inquiry .guide-menu ul li.item-rux a:hover:before {
    background-position: -121px -63px;
}

.inquiry .guide-menu ul li a:hover {
    color: #bf0000;
    border: 1px solid #bf0000;
    background: #ffe4e4;
}

.inquiry .guide-menu ul li a span {
    display: block;
    margin: 10px 0 0 0;
    font-weight: normal;
    font-size: 1.4rem;
}

.inquiry.top .step {
    margin: 60px 0 0 0;
}

.inquiry .faq {
    width: 1024px;
    font-size: 1.4rem;
}

.inquiry .section .btn {
    margin: 10px 0 0 0;
    text-align: center;
}

.inquiry .section .btn a {
    display: block;
    position: relative;
    border: 2px solid #bf0000;
    border-radius: 5px;
    background: #bf0000;
    color: #fff;
    text-decoration: none;
}

.inquiry .section .btn a:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.inquiry .section .btn a::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    width: 16px;
    height: 16px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyF&oid=00D280000020VxK&lastMod=1540171295000") no-repeat;
    background-position: -5px -5px;
}

.inquiry .faq ul li,
.pagelink ul li {
    margin: 0 32px 0 0;
    padding: 0 0 0 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -1.5em;
}

.inquiry .faq ul li::before,
.pagelink ul li::before {
    display: inline-block;
    position: relative;
    top: 5px;
    content: "";
    width: 16px;
    height: 16px;
    padding: 0 5px 0 0;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FEH&oid=00D280000020VxK&lastMod=1539572602000) left top no-repeat;
    background-size: 12px 12px;
}

.inquiry .section .column {
    margin: 50px 0 0 0;
}

.inquiry .section .floatR {
    width: 450px;
}

.inquiry .title-h2.chatbot {
    width: 760px;
    margin: 60px auto 0 auto;
    padding: 10px 0 6px 0;
    border-top: 2px solid #75c013;
    border-bottom: 2px solid #75c013;
    color: #75c013;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
}

.inquiry .title-h2.chatbot span {
    color: #75c013;
    font-size: 1.8rem;
    font-weight: bold;
}

.inquiry .talk .floatR {
    background: url(/navi/bulletin/img/icon_talk.png) right top no-repeat;
}

.inquiry .talk .title-h3 {
    margin: 0;
    padding: 0;
    border: none;
}

.inquiry .talk ol {
    width: 760px;
    margin: 0 auto;
    line-height: 1.55;
    color: #828282;
    font-size: 1.4rem;
}

.inquiry .talk ol li {
    margin: 20px 0 0 0;
    padding: 0 0 0 45px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080F92&oid=00D280000020VxK&lastMod=1539322390000") left top no-repeat;
}

.inquiry .talk ol li .title {
    font-weight: bold;
    font-size: 1.5rem;
}

.inquiry .talk ol li p {
    margin: 5px 0;
}

.inquiry .talk ol li .notes {
    margin: 5px 0 0 0;
    padding: 10px 15px;
    background: #fff2ea;
    font-size: 1.2rem;
}

.inquiry .talk ol li .notes .attention {
    display: inline-block;
    margin: 0 0 10px 0;
}

.inquiry .talk .inline-chatbot {
    position: relative;
    width: 760px;
    margin: 30px auto 0 auto;
}

.inquiry .talk .inline-chatbot .chat-ballon {
    position: absolute;
    bottom: 570px;
    left: 10px;
    padding: 2px 15px;
    background: #bf0000;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
}

.inquiry .talk .inline-chatbot .chat-ballon::before {
    position: absolute;
    left: 10px;
    top: 31px;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid #bf0000;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}

.inquiry .talk .inline-chatbot .help {
    position: absolute;
    bottom: 16px;
    right: -56px;
}

.inquiry .talk .inline-chatbot .help a {
    display: block;
    padding: 2px 17px 0 17px;
    background: #75c013;
    border-radius: 50%;
    font-size: 2.2rem;
    color: #fff;
    text-decoration: none;
}

.inquiry .talk .inline-chatbot .help a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

.inquiry .talk #corproid-frame {
    position: static !important;
    width: 760px !important;
    height: 567px !important;
    padding: 5px;
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inquiry .section .capture-notes {
    font-size: 1.4rem;
}

.inquiry .section .capture-notes>li {
    margin: 15px 0 0 0;
}

.inquiry .section .capture-notes>li:first-child {
    margin: 0;
}

.inquiry .section .capture-notes .head {
    display: block;
    position: relative;
    line-height: 1.6;
    margin: 0 0 1em 0;
    color: #3fb2f3;
    font-weight: bold;
}

.inquiry .section .capture-notes .head span {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 8px;
    background: #3fb2f3;
    color: #fff;
}

.inquiry .section .capture-notes .head.beginner span {
    margin-right: 30px;
}

.inquiry .section .capture-notes .head.beginner::before {
    display: inline-block;
    position: absolute;
    left: 35px;
    top: 2px;
    width: 13px;
    height: 18px;
    content: "";
    background: url(/navi/bulletin/img/icon_beginner.gif) left center no-repeat;
}

.inquiry .section.ron .floatR p {
    margin: 1em 0;
}

.inquiry .section.ron .floatR p:first-child {
    margin: 0;
}

.inquiry .section.ron .btn {
    margin-top: 30px;
}

.inquiry .section.help-desk .column {
    margin: 30px 0 0 0;
}

.inquiry .section.help-desk .column2 dl {
    font-size: 1.4rem;
}

.inquiry .section.help-desk .column2 dl dt {
    width: 1024px;
    margin: 0 0 20px 0;
    padding: 4px 20px;
    background: #f7f7f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}

.inquiry .section.help-desk .column2 .summary dl dt {
    width: auto;
}

.inquiry .section.help-desk .column2 dl dt span {
    position: relative;
    float: right;
    color: #bf0000;
    font-weight: bold;
}

.inquiry .section.help-desk .column2 dl dt span::before {
    display: inline-block;
    position: absolute;
    left: -30px;
    content: "";
    width: 26px;
    height: 26px;
    background: url(/navi/bulletin/img/icon-24hours.png) left 2px no-repeat;
}

.inquiry .section.help-desk .column2 dl dd {
    float: left;
    width: 534px;
    margin: 5px 32px 0 0;
    padding: 0 0 0 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -1.5em;
}

.inquiry .section.help-desk .column2 dl dd::before {
    display: inline-block;
    position: relative;
    top: 5px;
    content: "";
    width: 16px;
    height: 16px;
    padding: 0 5px 0 0;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyK&oid=00D280000020VxK&lastMod=1540171311000) left top no-repeat;
    background-size: 12px 12px;
}

.inquiry .contents .full-size img {
    width: 1024px;
}

.inquiry .contents .center {
    text-align: center;
}

.inquiry .contents .aside {
    margin: 20px 0;
}

.inquiry .contents .overview .title-h2 {
    border-color: #74c113;
    color: #74c113;
}

.inquiry .contents .title-h3 span {
    border-color: #74c113;
}

.inquiry .contents .title-h4 {
    background: #74c113;
}

.inquiry .contents .title-h4+.details {
    padding-top: 20px;
}

.inquiry .title-h4 {
    font-size: 2.0rem;
}

.inquiry .title-h5 {
    font-size: 1.8rem;
}

.inquiry .aside {
    margin: 30px 0 0 0;
}

.inquiry .aside .enclose {
    line-height: 1.6;
    margin: 0;
    padding: 18px;
    border: 1px solid #545454;
}

.inquiry .aside .enclose:first-child {
    margin: 0;
}

.inquiry .aside .enclose p {
    margin: 1em 0 0 0;
    font-size: 2.0rem;
}

.inquiry .aside .enclose p:first-child {
    margin: 0;
}

.inquiry i.sign-24 {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080FEM&oid=00D280000020VxK&lastMod=1539572625000) no-repeat;
    background-size: 20px;
    font-size: 0.1rem;
    padding: 4px 14px 13px 13px;
    margin-right: 5px;
}

.inquiry .contact-phone .head {
    font-size: 1.8rem;
}

.inquiry .contact-phone .body {
    font-size: 1.4rem;
}

.inquiry .contact-phone .body dl dt {
    margin: 5px 0 0 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.inquiry .contact-phone .body dl dt::before {
    content: "\30FB";
}

.inquiry .contact-phone .body dl dd {
    margin: 0;
    padding: 0 0 0 1em;
}

.inquiry .contact-phone table {
    margin: 20px 0 0 0;
}

.inquiry table tbody td,
.inquiry table tbody th {
    /* padding: 5px 10px; */
    padding: 10px 10px;
}

.inquiry .aside .enclose table {
    width: 70%;
    margin: 0;
}

.inquiry .aside .enclose table th,
.inquiry .aside .enclose table td {
    border: none;
    background-color: #fff;
    padding: 10px 0;
}

.inquiry table td.arrow {
    border-right: none;
}

.inquiry table td.arrow i::after {
    position: absolute;
    top: -19px;
    right: -52px;
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #dddddd;
}

.inquiry table td.left {
    text-align: left;
}

.inquiry table td.left+td.arrow,
.inquiry table td.arrow+td {
    border: none;
    border-top: 1px solid #545454;
}

.inquiry table td.left+td {
    border: none;
}

.inquiry ul.list-inquiry li {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding-right: 12px;
    border-right: 1px solid #ccc;
}

.inquiry ul.list-inquiry li:last-child {
    padding-right: 0;
    border: none;
}

.inquiry .column3 .floatR {
    width: 200px;
}

.inquiry .column3 a {
    display: block;
    color: #828282;
}

.inquiry .column3 a:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
}

.inquiry .column3 a p {
    margin: 0 0 10px 0;
    line-height: 1.5;
    font-size: 1.4rem;
}

.inquiry .ac-container label {
    display: block;
    margin: 0 0 20px 0;
    padding: 4px 20px;
    background: #f7f7f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 1.4rem;
}

.inquiry .ac-container label:hover {
    background: rgba(185, 185, 185, 0.55);
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.inquiry .ac-container label:after {
    margin-left: 0.5em;
    content: "\25bc";
}

.inquiry .ac-container input:checked~label::after {
    content: "\25b2";
}

.inquiry .ac-container input {
    display: none;
}

.inquiry .ac-container div {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, -webkit-box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, -webkit-box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear, -webkit-box-shadow 0.6s linear;
}

.inquiry .ac-container input:checked~div {
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.inquiry .ac-container div p {
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
}

.inquiry .ac-container input:checked~div.ac-lerge {
    height: 300px;
}

.inquiry .ac-container input:checked~div.ac-medium {
    height: 230px;
}

.inquiry .ac-container input:checked~div.ac-small {
    height: 60px;
}

.inquiry .section.help-desk .column2 .ac-container label {
    width: 1024px;
}

.inquiry .section.help-desk .column2 .summary .ac-container label {
    width: auto;
}

.inquiry .section.help-desk .column2 .ac-container label span {
    position: relative;
    float: right;
    color: #bf0000;
    font-weight: bold;
}

.inquiry .section.help-desk .column2 .ac-container label span::before {
    display: inline-block;
    position: absolute;
    left: -30px;
    content: "";
    width: 26px;
    height: 26px;
    background: url(/navi/bulletin/img/icon-24hours.png) left 2px no-repeat;
}

.inquiry .section.help-desk table .sign-12 {
    position: relative;
    margin: 0;
    padding: 1px 0 0 0;
    font-weight: bold;
}

.inquiry .icon {
    position: relative;
    margin-left: 8px;
    text-indent: 0;
    font-weight: bold;
}

.inquiry table {
    margin: auto;
}

.inquiry .call-center table tr th,
.inquiry .call-center table tr td {
    padding: 5px 10px;
}

.inquiry table.call-big {
    float: left;
    width: 70%;
}

.inquiry table.call-big .maru {
    background-color: #22b573;
    color: #fff;
}

.inquiry table.call-big .sankaku-1 {
    background-color: #fbb03b;
    color: #fff;
}

.inquiry table.call-big .sankaku-2 {
    background-color: #f15a24;
    color: #fff;
}

.inquiry table.call-big .batu {
    background-color: #c1272d;
    color: #fff;
}

.inquiry table.call-big tr th,
.inquiry table.call-big tr td {
    text-align: center;
}

.inquiry table.call-small {
    width: 25%;
}

.inquiry table.call-small .maru-small {
    background-color: #22b573;
    color: #fff;
    text-align: center;
}

.inquiry table.call-small .sankaku-1-small {
    background-color: #fbb03b;
    color: #fff;
    text-align: center;
}

.inquiry table.call-small .sankaku-2-small {
    background-color: #f15a24;
    color: #fff;
    text-align: center;
}

.inquiry table.call-small .batu-small {
    background-color: #c1272d;
    color: #fff;
    text-align: center;
}


/* rms-breadcrumb */

.rms-breadcrumb {
    margin: 20px 0;
    text-align: left;
    font-size: 1.6rem;
}

.rms-breadcrumb .header::before {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 42px;
    height: 20px;
    content: "";
    padding: 0 8px 0 0;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) no-repeat;
    background-position: -135px -5px;
}

.rms-breadcrumb ol {
    display: table;
    width: 97%;
    margin: 10px 0 0 0;
    list-style: none;
    letter-spacing: -0.4em;
    font-size: 1.3rem;
}

.rms-breadcrumb ol li {
    display: table-cell;
    position: relative;
    width: 20%;
    height: 46px;
    letter-spacing: normal;
    line-height: 1.4;
    padding: 5px 10px 5px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ababab;
    text-align: center;
    text-decoration: none;
    color: #000;
    text-align: left;
    vertical-align: middle;
}

.rms-breadcrumb ol li::before {
    content: "";
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 14px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.rms-breadcrumb ol li::after {
    content: "";
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 14px solid #ababab;
    position: absolute;
    right: -14px;
    top: 0;
    z-index: 3;
}

.rms-breadcrumb ol.expand li {
    height: 64px;
}

.rms-breadcrumb ol.expand li::before,
.rms-breadcrumb ol.expand li::after {
    border-top-width: 32px;
    border-bottom-width: 32px;
}

.rms-breadcrumb ol li.step-1 {
    background: #686868;
    color: #fff;
}

.rms-breadcrumb ol li.step-1::after {
    border-left: 14px solid #686868;
}

.rms-breadcrumb ol li.step-2 {
    left: 2px;
    background: #828282;
    color: #fff;
}

.rms-breadcrumb ol li.step-2::after {
    border-left: 14px solid #828282;
}

.rms-breadcrumb ol li.step-3,
.rms-breadcrumb ol li.step-4 {
    background: #ebebeb;
}

.rms-breadcrumb ol li.step-3::after,
.rms-breadcrumb ol li.step-4::after {
    border-left: 14px solid #ebebeb;
}

.rms-breadcrumb ol li.step-3 {
    left: 4px;
}

.rms-breadcrumb ol li.step-4 {
    left: 6px;
}

.rms-breadcrumb ol li.last-step {
    left: 8px;
    background: #bf0000;
    color: #fff;
}

.rms-breadcrumb ol.element2 li.last-step {
    left: 2px;
}

.rms-breadcrumb ol.element3 li.last-step {
    left: 4px;
}

.rms-breadcrumb ol.element4 li.last-step {
    left: 6px;
}

.rms-breadcrumb ol li.last-step:after {
    border-left: 14px solid #bf0000;
}

.rms-breadcrumb ol li:first-child {
    padding-left: 45px;
}

.rms-breadcrumb ol li:first-child:before {
    display: none;
}

.rms-breadcrumb ol li.last-child a {
    padding-right: 10px;
}

.rms-breadcrumb ol li.last-child a:after {
    display: none;
}

.rms-breadcrumb ol li.active a,
.rms-breadcrumb ol li a:hover {
    background: #004696;
}

.rms-breadcrumb ol li.active a:after,
.rms-breadcrumb ol li a:hover:after {
    border-left-color: #004696;
}

.rms-breadcrumb ol li.step-1::before {
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 15px;
    content: "";
    width: 18px;
    height: 18px;
    border: none;
    background-image: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxv&oid=00D280000020VxK&lastMod=1540171251000);
    background-repeat: no-repeat;
}

.rms-breadcrumb ol.expand li.step-1::before {
    top: 23px;
}

.rms-breadcrumb ol li.icon-01::before {
    background-position: -5px -5px;
}

.rms-breadcrumb ol li.icon-02::before {
    background-position: -33px -5px;
}

.rms-breadcrumb ol li.icon-03::before {
    background-position: -5px -33px;
}

.rms-breadcrumb ol li.icon-04::before {
    background-position: -33px -33px;
}

.rms-breadcrumb ol li.icon-05::before {
    background-position: -61px -5px;
}

.rms-breadcrumb ol li.icon-06::before {
    background-position: -61px -33px;
}

.rms-breadcrumb ol li.icon-07::before {
    background-position: -5px -61px;
}

.rms-breadcrumb ol li.icon-none::before {
    display: none;
}

.rms-breadcrumb ol li.icon-none {
    padding-left: 18px;
}

.floatR .rms-breadcrumb {
    font-size: 1.4rem;
}


/* contents-notes */

.contents-notes {
    margin: 20px 0 0 0;
    padding: 18px;
    border-radius: 8px;
    text-align: left;
}

.contents-notes .contents-notes-title {
    font-weight: bold;
    font-size: 1.6rem;
}

.contents-notes .contents-notes-title::before {
    margin: 0 10px 0 0;
    padding: 1px 8px 0 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
}

.contents-notes .contents-notes-body {
    margin: 5px 0 0 0;
    font-size: 1.4rem;
}

.contents-notes.category-point .contents-notes-body p+p {
    margin: 1em 0 0 0;
}

.contents-notes.category-point {
    background: #ffeff9;
}

.contents-notes.category-attention {
    background: #fff2ea;
}

.contents-notes.category-topics {
    background: #fff4f4;
    border: 2px solid #ffd5d5;
}

.contents-notes.category-announce {
    background: #efffd4;
}

.contents-notes.category-point .contents-notes-title {
    color: #e4007f;
}

.contents-notes.category-attention .contents-notes-title {
    color: #ff6801;
}

.contents-notes.category-topics .contents-notes-title {
    color: #bf0000;
}

.contents-notes.category-announce .contents-notes-title {
    color: #bf0000;
}

.contents-notes.category-point .contents-notes-title::before {
    content: "point";
    background: #e4007f;
}

.contents-notes.category-attention .contents-notes-title::before {
    /* content: "\6CE8\610F\30FB\91CD\8981\4E8B\9805";
  background: $attention; */
    content: "";
    padding-right: 12px;
    background: url(https://www.rakuten.co.jp/shops/manual/navi/img/common/icons.png?v=20171130) no-repeat;
    background-position: -5px -5px;
}

.contents-notes.category-topics .contents-notes-title::before {
    content: "\30C8\30D4\30C3\30AF\30B9";
    background: #bf0000;
}

.contents-notes.category-announce .contents-notes-title::before {
    content: "事前告知";
    background: #5ab825;
}


/* .contents-anchor */

.contents-anchor {
    margin: 20px 0 0 0;
}

.contents-anchor li {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 1.4rem;
}

.contents-anchor.vertical-align li {
    display: block;
    margin: 3px 0 0 0;
}


/* sequential-flow */

.sequential-flow {
    position: relative;
    margin: 30px 0 0 0;
}

.sequential-flow .next-step {
    position: relative;
    margin: 0 0 97px 0;
}

.sequential-flow .next-step::after {
    position: absolute;
    bottom: -104px;
    left: calc(50% - 37px);
    content: "";
    width: 0;
    height: 0;
    border-top: 37px solid #dddddd;
    border-right: 37px solid transparent;
    border-bottom: 37px solid transparent;
    border-left: 37px solid transparent;
}

.sequential-flow img {
    width: 100%;
}


/* text-label */

.text-label .text-label-item {
    padding: 1px 10px;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.2;
}

.text-label .text-label-item.color-red {
    background: #bf0000;
}

.text-label .text-label-item.color-magenta {
    background: #e4007f;
}

.text-label .text-label-item.left {
    margin: 0 10px 0 0;
}

.text-label .text-label-item.right {
    margin: 0 0 0 10px;
}


/* survey */

.survey {
    width: 954px;
    margin-top: 50px;
    padding: 20px;
    border-top: 1px solid #c8c8c8;
    /* border-bottom: 1px solid #c8c8c8; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.container .article .survey {
    border-top: none;
}

.survey .title {
    margin: 0 0 15px 0;
}

.survey .title::before {
    display: inline-block;
    position: relative;
    top: -4px;
    content: "";
    width: 25px;
    height: 29px;
    margin: 0 10px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -116px -95px;
    vertical-align: middle;
}

.survey .button a {
    display: inline-block;
    width: 130px;
    padding: 5px 20px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
}

.survey .button a:nth-child(n+2) {
    margin-left: 25px;
}

.survey .button .yes {
    background: #bf0000;
}

.survey .button .no {
    background: #fff;
    border: 1px solid #9c9c9c;
    color: #000;
}

.survey .good-feedback-count {
    margin-top: 15px;
    font-size: 1.4rem;
}

.survey .button.chat {
    margin: 0 0 70px 0;
}

.survey .button.chat a {
    width: auto;
    background: #00b0f0;
    color: #fff;
}

.survey .button.chat a::before {
    display: inline-block;
    content: "";
    width: 27px;
    height: 29px;
    margin: 0 10px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -82px -5px;
    vertical-align: middle;
}

.survey .thanks .title-h2 {
    font-size: 1.6rem;
}

.survey .thanks {
    text-align: center;
}

.survey .feedback {
    display: none;
    width: 60%;
    margin: 0 auto;
    font-size: 1.4rem;
}

.survey .feedback .title {
    font-weight: bold;
}

.survey .feedback fieldset {
    margin: 10px 0;
    padding: 0;
    border: none;
}

.survey .feedback fieldset legend {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #c8c8c8;
    background: #ebebeb;
}

.survey .feedback fieldset label {
    margin: 0 10px 0 15px;
}

.survey .feedback fieldset label {
    vertical-align: middle;
}

.survey .feedback fieldset label+label {
    margin: 0 0 0 10px;
}

.survey .feedback fieldset input[type="radio"] {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

.survey .feedback .message {
    margin: 20px 0 0 0;
}

.survey .feedback .message textarea {
    width: 100%;
    border: 1px solid #c8c8c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.survey .feedback .enclose {
    text-align: center;
}

.survey .feedback .enclose button {
    width: 100px;
    font-size: 1.2rem;
}


/* related-contents */

.related-contents {
    margin-top: 50px;
    font-size: 1.4rem;
}

.container .article .related-contents .title-h3 {
    border-left: none;
    background-color: #f7f7f7;
    color: #333;
    font-weight: bold;
    padding: 20px 20px 0;
}

.related-contents .details {
    margin-top: 20px;
    padding: 20px;
    background: #f7f7f7;
}

.container .article .related-contents .details {
    margin-top: 0;
}

.related-contents.rux ul li {
    float: left;
    width: calc((100% - 32px) / 3 - 1px);
    margin: 0 16px 0 0;
}

.related-contents.rux ul li:last-child {
    margin: 0;
}

.related-contents.rux ul li a {
    display: block;
    color: #000;
    text-decoration: none;
}

.related-contents.rux ul li a:hover {
    color: #bf0000;
}

.related-contents.rux ul li a img {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.button.ron {
    margin-top: 50px;
    text-align: center;
}

.button.ron a {
    display: inline-block;
    line-height: 1.3;
    padding: 10px 137px;
    border-radius: 5px;
    background: #bf0000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 2.0rem;
    text-decoration: none;
}


/* top slider */

.slick-slide img {
    display: inline-block;
    max-width: 100%;
}

.slick-slide {
    margin: 0 4px;
    text-align: center;
}


/*  */

#toast-container {
    font-size: 1.4rem;
}

#toast-container>div {
    width: 450px;
    padding-left: 20px;
    color: #000;
    opacity: 0.95;
}

#toast-container .label {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}

#toast-container .toast-close-button {
    color: #3a3a3a;
}

#toast-container .toast-error {
    background-color: #ffeff9;
    background-image: none !important;
}

#toast-container .toast-error .label {
    background: #e4007f;
}

#toast-container .toast-info {
    background-color: #fff2ea;
    background-image: none !important;
}

#toast-container .toast-info .label {
    background: #ff6600;
}


/* intro js */

.introjs-helperNumberLayer {
    top: 10px;
}

.introjs-helperLayer {
    border: 2px solid white;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.introjs-tooltip {
    min-width: 710px;
    max-width: 1010px;
    padding: 30px;
    font-size: 1.6rem;
}

.introjs-tooltip .large {
    line-height: 1.6;
    font-size: 2.4rem;
}

.introjs-tooltip .small {
    font-size: 1.4rem;
}

.introjs-tooltip .center {
    text-align: center;
}

.introjs-tooltip .introjs-tooltiptext {
    line-height: 1.8;
}

.introjs-tooltip .introjs-button.introjs-skipbutton {
    /* display: none; */
}

.introjs-tooltip.step-02 .introjs-button.introjs-skipbutton {
    display: inline-block;
}

.introjs-tooltip .introjs-button.introjs-donebutton {
    display: inline-block;
}

.introjs-tooltip.step-01 {
    min-width: 500px;
}

.introjs-tooltip.step-01 .introjs-tooltiptext {
    padding: 15px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.introjs-tooltip.step-01 .introjs-tooltiptext .small {
    margin: 30px 0 0 0;
}

.introjs-tooltip.step-02 {
    min-width: 720px;
}

.introjs-tooltip.step-05 {
    min-width: 580px;
}

.introjs-tooltip .introjs-tooltiptext p+p {
    margin: 1em 0 0 0;
}

body.active-tutorial .g-header {
    position: static;
    z-index: 2000 !important;
}

body.active-tutorial .ai-chatbot.introjs-fixParent {
    z-index: 9999999 !important;
}

body.active-tutorial .container {
    z-index: -10;
    margin-top: -136px;
}

.introjs-button {
    padding: 5px 25px;
    font-size: 1.6rem;
}

.introjs-bullets ul {
    margin: 25px auto 10px;
}

.introjs-bullets ul li {
    margin: 0 5px;
}

.introjs-bullets ul li a {
    width: 10px;
    height: 10px;
}

.introjs-disabled {
    color: #d6d6d6;
}


/* search result page */

.navi-search-result .header-notice {
    display: none;
    height: 0;
    width: 0;
}

.navi-search-result .related-keyword {
    margin: 20px 0 0 0;
    padding: 15px 20px;
    border-radius: 3px;
    background: #f7f7f7;
}

.navi-search-result .related-keyword .related-keyword-title {
    font-weight: bold;
}

.navi-search-result .related-keyword ul {
    margin: 5px 0 0 0;
    font-size: 1.4rem;
}

.navi-search-result .related-keyword ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.navi-search-result .advanced-search {
    margin: 20px 0 0 0;
}

.navi-search-result .advanced-search .advanced-search-title {
    font-size: 1.6rem;
    font-weight: bold;
}

.navi-search-result .advanced-search .advanced-search-header {
    margin: 10px 0 0 0;
    font-size: 1.4rem;
}

.navi-search-result .advanced-search .advanced-search-header a {
    display: inline-block;
    position: relative;
    min-width: 100px;
    margin: 0 5px 0 0;
    padding: 5px 30px;
    border-radius: 3px 3px 0 0;
    color: #000;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.navi-search-result .advanced-search .advanced-search-header a.active {
    top: 1px;
    border: 1px solid #c8c8c8;
    border-bottom: none;
    background: #f7f7f7;
}

.navi-search-result .advanced-search .advanced-search-header a:not(.active):hover {
    color: #bf0000;
    font-weight: bold;
}

.navi-search-result .advanced-search .advanced-search-body {
    padding: 20px 20px;
    border: 1px solid #c8c8c8;
    background: #f7f7f7;
    border-radius: 3px;
    font-size: 1.3rem;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item:not(.active) {
    display: none;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item label {
    position: relative;
    margin: 0 15px 0 0;
    padding: 0 0 0 1.5em;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item label input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item input[type="checkbox"],
.navi-search-result .advanced-search .advanced-search-body .advanced-search-item label:hover {
    cursor: pointer;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item button {
    margin: 0 0 0 10px;
    padding: 4px 15px;
    border: 1px solid #c8c8c8;
    border-radius: 15px;
    background: #fff;
    outline: none;
    font-size: 1.2rem;
    cursor: pointer;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item button:hover {
    border-color: #bf0000;
    background: #bf0000;
    color: #fff;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item fieldset+fieldset {
    margin: 15px 0 0 0;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item fieldset legend {
    float: left;
    width: 100px;
    font-weight: bold;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item .notes {
    font-size: 1.2rem;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item .category {
    display: block;
    padding: 0 0 0 100px;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item .category .category-item {
    float: left;
    width: calc(33.33% - 15px);
    margin: 15px 15px 0 0;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item .category .category-item label {
    display: block;
}

.navi-search-result .advanced-search .advanced-search-body .advanced-search-item .category .category-item select {
    width: 100%;
    height: 10em;
    margin: 5px 0 0 0;
    padding: 5px 5px;
    opacity: 0;
}

.navi-search-result .chosen-container {
    font-size: 1.2rem;
}

.navi-search-result .chosen-container {
    width: 100% !important;
}

.navi-search-result .chosen-container-multi .chosen-choices {
    max-height: 150px;
    overflow: auto;
    padding: 2px 5px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    background: #fff;
}

.navi-search-result .chosen-container-multi .chosen-choices li {
    width: 100%;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-choice {
    width: 100%;
    border: none;
    background: #ffeff9;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 5px 25px 5px 18px;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: calc(50% - 10px);
    right: 5px;
    width: 18px;
    height: 18px;
    background: none;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    opacity: 0.75;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before,
.navi-search-result .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    position: absolute;
    display: block;
    content: "";
    width: 11px;
    height: 2px;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    background-color: #7b7b7b;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    top: -8px;
    -webkit-transform: translateY(17px) translateX(3px) rotate(-135deg);
    transform: translateY(17px) translateX(3px) rotate(-135deg);
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    top: 26px;
    -webkit-transform: translateY(-17px) translateX(3px) rotate(135deg);
    transform: translateY(-17px) translateX(3px) rotate(135deg);
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    width: 100% !important;
    padding: 0 10px;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-field {
    position: relative;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-field:hover {
    cursor: pointer;
}

.navi-search-result .chosen-container-multi .chosen-choices li.search-field::after {
    position: absolute;
    top: 40%;
    right: 5px;
    content: "";
    border-top: 7px solid #9c9c9c;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.navi-search-result .search-result {
    margin: 30px 0 0 0;
}

.navi-search-result .search-result .search-result-header {
    padding: 8px 20px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}

.navi-search-result .search-result .search-result-header .params {
    float: left;
}

.navi-search-result .search-result .search-result-header .tools {
    float: right;
    padding: 6px 0 0 0;
    font-size: 1.4rem;
}

.navi-search-result .search-result em {
    font-weight: bold;
}

.navi-search-result .search-result .search-result-header .params em {
    font-size: 2rem;
}

.navi-search-result .search-result .search-result-header .params span+span {
    margin-left: 10px;
}

.navi-search-result .search-result .search-result-body .search-result-item {
    margin: 20px 0 0 0;
}

.navi-search-result .search-result .search-result-body .search-result-item+.search-result-item {
    border-top: 1px solid #c8c8c8;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

.navi-search-result .search-result .search-result-body .search-result-item {
    display: table;
    font-size: 1.4rem;
}

.navi-search-result .search-result .search-result-body .search-result-item .column {
    display: table-cell;
    vertical-align: middle;
}

.navi-search-result .search-result .search-result-body .search-result-item .column {
    width: 85%;
}

.navi-search-result .search-result .search-result-body .search-result-item .column+.column {
    width: 15%;
    text-align: center;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-header .label {
    display: inline-block;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-header .label>div {
    display: inline-block;
    min-width: 4em;
    margin: 0 2px;
    padding: 1px 15px 0px 15px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-header .label .content-category {
    background: #686868;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-header .label .in-house {
    background: #5ab825;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-header .label .call-center {
    background: #2d5bd6;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-header .page-info {
    float: right;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-body {
    margin: 5px 0 0 0;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-body .title {
    margin: 10px 0 0 0;
    font-size: 1.8rem;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-body .title.for-beginner::before {
    display: inline-block;
    position: relative;
    content: "";
    top: 2px;
    width: 18px;
    height: 26px;
    margin: 0 5px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -5px -5px;
    vertical-align: top;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-footer .url {
    text-align: left;
    vertical-align: bottom;
    word-break: break-all;
}

.navi-search-result .search-result .search-result-body .search-result-item .search-result-item-footer .url::before {
    display: inline-block;
    position: relative;
    top: 4px;
    content: "";
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -91px -155px;
}

.navi-search-result .search-result .search-result-body .search-result-item .resolved-count::before {
    display: inline-block;
    position: relative;
    top: 7px;
    content: "";
    width: 25px;
    height: 29px;
    margin: 0 10px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -116px -95px;
}

.navi-search-result .pager {
    overflow: hidden;
    margin: 70px 0 0 0;
    font-size: 1.4rem;
}

.navi-search-result .pager ul {
    left: 50%;
    float: left;
    list-style: none;
    position: relative;
}

.navi-search-result .pager ul li {
    float: left;
    left: -50%;
    margin: 0 5px;
    position: relative;
}

.navi-search-result .pager ul li span,
.navi-search-result .pager ul li a {
    display: block;
    padding: 3px 11px;
    border: 1px solid #ebebeb;
}

.navi-search-result .pager ul li span {
    background: #fafafa;
    font-weight: bold;
}

.navi-search-result .pager ul li a {
    text-decoration: none;
}

.navi-search-result .pager ul li:first-child a,
.navi-search-result .pager ul li:last-child a {
    border: none;
}

.navi-search-result .pager ul li a:hover {
    background: #fafafa;
}

.navi-search-result .pager ul li:first-child a:hover,
.navi-search-result .pager ul li:last-child a:hover {
    background: none;
}

.navi-search-result .search-result .search-result-body .search-result-item .hint-for-search {
    margin: 10px 0 0 0;
    padding: 15px 20px;
    background: #fff2ea;
    border-radius: 3px;
}

.navi-search-result .search-result .search-result-body .search-result-item .hint-for-search .hint-for-search-title::before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 26px;
    margin: 0 5px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -5px -5px;
    vertical-align: top;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item {
    margin: 20px auto 0 auto;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item .hint-for-search ul {
    margin: 5px 0 0 0;
    padding: 0 0 0 20px;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item .hint-for-search ul li:before {
    content: "\2714";
    margin: 0 5px 0 0;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item .notes {
    margin: 10px 0 0 0;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item .notes ul li {
    display: inline-block;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item .notes ul li:not(:first-child)::before {
    display: inline-block;
    content: "|";
    margin: 0 3px;
}

.navi-search-result .search-result .search-result-body.not-found .search-result-item .notes .bnr {
    margin: 10px 0 0 0;
    text-align: center;
}

body.navi-search-result-2 .container #filter_form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

body.navi-search-result-2 .container .search-option {
    width: 200px;
    min-width: 200px;
    position: -webkit-sticky;
    position: sticky;
    height: 100%;
    top: calc(108px + 16px);
    margin-top: 76px;
    margin-right: 16px;
}

_:-ms-lang(x)::-ms-backdrop,
body.navi-search-result-2 .container .search-option {
    position: relative;
    top: 0;
}

_:-ms-lang(x)::backdrop,
body.navi-search-result-2 .container .search-option {
    position: relative;
    top: 0;
}

body.navi-search-result-2 .container .advanced-search {
    position: relative;
    padding: 16px 24px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}

body.navi-search-result-2 .container .advanced-search-title {
    font-weight: bold;
    text-align: center;
}

body.navi-search-result-2 .container .advanced-search-body {
    border: none;
    margin-top: 8px;
    padding: 0;
}

body.navi-search-result-2 .container .advanced-search-body label {
    display: block;
    cursor: pointer;
    /*padding-right: 24px;*/
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox'] {
    display: none;
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']+span {
    position: relative;
    margin-left: 24px;
    font-size: 14px;
    color: #4d4d4d;
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']+span::before,
body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']+span::after {
    content: '';
    display: inline-block;
    position: absolute;
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']+span::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 3px;
    top: calc(50% - 2px);
    left: -26px;
    border: solid 1px #d1d1d1;
    background-color: #fff;
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']:checked+span {
    font-weight: bold;
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']:checked+span::before {
    border: none;
    background-color: #74c113;
}

body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']:checked+span::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -18px;
    top: 3px;
    width: 3px;
    height: 8px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media,
    _:future,
     :root body.navi-search-result-2 .container .advanced-search-body label input[type='checkbox']:checked+span::after {
        top: 0;
    }
}

body.navi-search-result-2 .container .advanced-search-body button {
    display: block;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    margin: 8px auto 0;
    padding: 8px 16px;
    border: solid 1px #d1d1d1;
    border-radius: 16px;
    background-color: #fff;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
}

body.navi-search-result-2 .container .related-keyword {
    position: relative;
    width: 100%;
}

body.navi-search-result-2 .container .related-keyword-title {
    font-weight: bold;
}

body.navi-search-result-2 .container .related-keyword-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

body.navi-search-result-2 .container .related-keyword-items.is-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.navi-search-result-2 .container .related-keyword-items a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    margin-bottom: 8px;
    padding: 8px 16px;
    font-size: 1.4rem;
    color: #0077cc;
    border-radius: 3px;
    background-color: rgba(0, 119, 204, 0.1);
}

body.navi-search-result-2 .container .related-keyword-items a:not(:last-of-type) {
    margin-right: 8px;
}

body.navi-search-result-2 .container .related-keyword-items a:hover {
    text-decoration: none;
    background-color: rgba(0, 119, 204, 0.2);
}

body.navi-search-result-2 .container .search-result {
    width: 100%;
}

body.navi-search-result-2 .container .search-result-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    color: #828282;
    font-size: 1.4rem;
}

body.navi-search-result-2 .container .search-result-keyword {
    font-size: 2rem;
    padding-right: 12px;
    color: #000;
}

body.navi-search-result-2 .container .search-result-keyword em {
    font-weight: bold;
}

body.navi-search-result-2 .container .search-result-tools .select-wrap {
    display: inline-block;
    position: relative;
    border: solid 1px #d1d1d1;
    border-radius: 3px;
    background-color: #fff;
}

body.navi-search-result-2 .container .search-result-tools .select-wrap::after {
    content: '';
    display: inline-block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    top: 50%;
    border-top: 8px solid #9c9c9c;
    border-right: 6px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 6px solid transparent;
    pointer-events: none;
}

body.navi-search-result-2 .container .search-result-tools .select-wrap select {
    padding-top: 8px;
    padding-right: 32px;
    padding-bottom: 8px;
    padding-left: 16px;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body.navi-search-result-2 .container .search-result-tools .select-wrap select::-ms-expand {
    display: none;
}

body.navi-search-result-2 .container .search-result-tools .select-wrap select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a;
}

body.navi-search-result-2 .container .search-result-item {
    padding: 16px 24px;
    border: solid 1px #ebebeb;
}

body.navi-search-result-2 .container .search-result-item:not(:last-of-type) {
    margin-bottom: 24px;
}

body.navi-search-result-2 .container .search-result-item:hover {
    /* A */
    /* B */
    /* C */
    border-color: transparent;
    background-color: rgba(0, 119, 204, 0.1);
    background-color: #f7f7f7;
}

body.navi-search-result-2 .container .search-result-item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body.navi-search-result-2 .container .search-result-item-label div {
    display: inline-block;
    margin-right: 4px;
    padding: 2px 8px;
    background-color: #9c9c9c;
    font-size: 1.2rem;
    color: white;
}

body.navi-search-result-2 .container .search-result-item-label div.in-house {
    background-color: rgba(90, 184, 37, 0.85);
}

body.navi-search-result-2 .container .search-result-item-label div.call-center {
    background-color: rgba(45, 91, 214, 0.85);
}

body.navi-search-result-2 .container .search-result-item-date {
    font-size: 1.4rem;
    color: #828282;
}

body.navi-search-result-2 .container .search-result-item-title {
    display: inline-block;
    position: relative;
    padding-top: 12px;
    color: #0077cc;
    font-size: 1.8rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body.navi-search-result-2 .container .search-result-item-title.is-beginner {
    text-indent: 24px;
}

body.navi-search-result-2 .container .search-result-item-title.is-beginner::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 26px;
    top: 18px;
    left: -2px;
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000");
    background-position: -5px -5px;
    background-repeat: no-repeat;
}

body.navi-search-result-2 .container .search-result-item-url {
    display: block;
    font-size: 1.2rem;
}

body.navi-search-result-2 .container .search-result-item-body {
    color: #828282;
    font-size: 1.4rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.navi-search-result-2 .container .search-result-none {
    border: solid 1px #ebebeb;
    text-align: center;
    padding: 16px 24px;
}

body.navi-search-result-2 .container .search-result-none-icon {
    width: 120px;
    height: auto;
}

body.navi-search-result-2 .container .search-result-none-icon path {
    fill: #d1d1d1;
}

body.navi-search-result-2 .container .search-result-none-text {
    font-size: 1.8rem;
}

body.navi-search-result-2 .container .search-result-none-text em {
    font-weight: bold;
}

body.navi-search-result-2 .container .search-hint {
    display: inline-block;
    padding: 16px 24px;
    background-color: #fff2ea;
    background-color: #f7f7f7;
}

body.navi-search-result-2 .container .search-hint-items {
    text-align: left;
    margin-top: 8px;
}

body.navi-search-result-2 .container .search-hint-items li::before {
    content: '';
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 3px;
    height: 8px;
    margin-right: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-2px);
}

body.navi-search-result-2 .container .search-notes {
    text-align: center;
}

body.navi-search-result-2 .container .search-notes-items li {
    display: inline;
}

body.navi-search-result-2 .container .search-notes-items li:not(:first-of-type)::before {
    content: '|';
    padding: 0 24px;
}

body.navi-search-result-2 .container .search-notes-banner {
    width: 50%;
    border-radius: 5px;
    vertical-align: bottom;
    cursor: pointer;
}

body.navi-search-result-2 .container .search-notes-banner:hover {
    opacity: 0.7;
}

body.navi-search-result-2 .container .search-result-pager {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 24px;
    margin-bottom: 8px;
}

body.navi-search-result-2 .container .search-result-pager .item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 43px;
    padding: 8px;
    font-size: 1.4rem;
    text-align: center;
    color: #0077cc;
    border-style: solid;
    border-color: #ebebeb;
    border-width: 1px 1px 1px 0;
    cursor: pointer;
}

body.navi-search-result-2 .container .search-result-pager .item:first-child {
    border-width: 1px 1px 1px 1px;
}

body.navi-search-result-2 .container .search-result-pager .item.ellipsis {
    border-width: 0 1px 0 0;
    cursor: auto;
}

body.navi-search-result-2 .container .search-result-pager .item.current {
    font-weight: bold;
    color: #333;
    background-color: #f7f7f7;
    pointer-events: none;
}

body.navi-search-result-2 .container .search-result-pager .item:hover {
    text-decoration: none;
}

body.navi-search-result-2 .container mark {
    color: #bf0000 !important;
    font-weight: bold !important;
    background-color: transparent !important;
}


/* Q and A */

.contents.q-and-a .section {
    margin: 30px 0 0 0;
}

.contents.q-and-a .section .q-and-a-list {
    margin: 20px 0 0 0;
    font-size: 1.4rem;
}

.contents.q-and-a .section .q-and-a-list li a {
    display: block;
    position: relative;
    padding: 15px 45px 12px 40px;
    border: none;
    color: #0077cc;
    text-decoration: none;
}

.contents.q-and-a .section .q-and-a-list li a::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 28px;
    height: 28px;
    content: "";
    margin: 0 5px 0 0;
    padding: 0 0 0 12px;
    /* ↓画像リンクの差し替えをお願いします↓ */
    background-image: url("../../../img/common/icon_qa_q.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contents.q-and-a .section .q-and-a-list li a::after {
    display: inline-block;
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
    content: "v";
    font-size: 1.6rem;
    -webkit-transform: rotate(-90deg) scaleX(1.8);
    transform: rotate(-90deg) scaleX(1.8);
    color: #828282;
    text-indent: 0;
}

.contents.q-and-a .section .q-and-a-list li a:hover {
    background-color: #f4f3f1;
}

.contents.q-and-a .section .q-and-a-list li a .q-and-a-list-body {
    display: inline-block;
}

.contents.q-and-a .section .q-and-a-list li a:hover .q-and-a-list-body {
    text-decoration: underline;
}

.contents.q-and-a .section .q-and-a-list li .label {
    display: inline-block;
    margin: 0 0 0 12px;
    font-size: 1.2rem;
    text-align: right;
}

.contents.q-and-a .section .q-and-a-list li .label span {
    display: inline-block;
    min-width: 4em;
    padding: 1px 15px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

.contents.q-and-a .section .q-and-a-list li .label span+span {
    margin: 0 0 0 10px;
}

.contents.q-and-a .section .q-and-a-list li .label .in-house {
    background: #5ab825;
}

.contents.q-and-a .section .q-and-a-list li .label .call-center {
    background: #2d5bd6;
}


/* 2nd-layer */

.container .second-layer .contents {
    width: 90%;
    margin: 0 auto;
}

.container .second-layer .contents-header {
    width: 90%;
    margin: 30px auto 20px auto;
}

.container .second-layer .contents-header .title-h1 {
    font-size: 4.2rem;
}

.container .second-layer .contents-header .contents-header-category {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 20px 0 0;
    border: 1px solid #c8c8c8;
    border-bottom: 8px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container .second-layer .contents-header .contents-header-category::before {
    display: inline-block;
    position: absolute;
    left: calc((100% - 103px) / 2.0);
    top: calc((100% - 76px) / 2.0);
    content: "";
    width: 103px;
    height: 76px;
    background-position: -118px -5px;
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyU&oid=00D280000020VxK&lastMod=1540171327000");
}

.container .second-layer.category-shop-setting .contents-header .contents-header-category::before {
    background-position: -118px -5px;
}

.container .second-layer.category-design .contents-header .contents-header-category::before {
    background-position: -5px -91px;
}

.container .second-layer.category-item .contents-header .contents-header-category::before {
    background-position: -311px -91px;
}

.container .second-layer.category-order .contents-header .contents-header-category::before {
    background-position: -198px -177px;
}

.container .second-layer.category-delivery .contents-header .contents-header-category::before {
    background-position: -5px -325px;
}

.container .second-layer.category-customer .contents-header .contents-header-category::before {
    background-position: -231px -325px;
}

.container .second-layer.category-promotion .contents-header .contents-header-category::before {
    background-position: -5px -411px;
}

.container .second-layer.category-service .contents-header .contents-header-category::before {
    background-position: -311px -411px;
}

.container .second-layer.category-contract .contents-header .contents-header-category::before {
    background-position: -424px -239px;
}

.container .second-layer.category-rule .contents-header .contents-header-category::before {
    background-position: -424px -411px;
}

.container .second-layer.category-shop-setting .contents-header .contents-header-category {
    border-bottom-color: #c51e63;
}

.container .second-layer.category-design .contents-header .contents-header-category {
    border-bottom-color: #3694ba;
}

.container .second-layer.category-item .contents-header .contents-header-category {
    border-bottom-color: #e1740d;
}

.container .second-layer.category-order .contents-header .contents-header-category {
    border-bottom-color: #8ab13a;
}

.container .second-layer.category-delivery .contents-header .contents-header-category {
    border-bottom-color: #251ec4;
}

.container .second-layer.category-customer .contents-header .contents-header-category {
    border-bottom-color: #1b9038;
}

.container .second-layer.category-promotion .contents-header .contents-header-category {
    border-bottom-color: #d9b215;
}

.container .second-layer.category-service .contents-header .contents-header-category {
    border-bottom-color: #736598;
}

.container .second-layer.category-contract .contents-header .contents-header-category {
    border-bottom-color: #36bb9c;
}

.container .second-layer.category-rule .contents-header .contents-header-category {
    border-bottom-color: #bb8a45;
}

.container .second-layer .contents-header .contents-header-body {
    float: right;
    width: calc(100% - 140px);
    padding-top: 2px;
}

.container .second-layer .contents-header .contents-header-body .title-h1 {
    margin-bottom: 20px;
}

.container .second-layer .contents-header .contents-header-body .lead {
    float: left;
    width: calc(100% - 210px);
}

.container .second-layer .contents-header .contents-header-body .for-beginner {
    float: right;
    padding: 10px 20px;
    background: #74c113;
    border-radius: 3px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.container .second-layer .contents-header .contents-header-body .for-beginner::before {
    display: inline-block;
    position: relative;
    left: -7px;
    content: "";
    width: 20px;
    height: 26px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -5px -5px;
    vertical-align: top;
}

.container .second-layer .contents-header .contents-header-body .for-beginner::after {
    display: inline-block;
    position: relative;
    top: calc(50% - 8px);
    right: -8px;
    content: "v";
    font-size: 1.0rem;
    font-weight: normal;
    -webkit-transform: rotate(-90deg) scaleX(1.8);
    transform: rotate(-90deg) scaleX(1.8);
    color: #fff;
    text-indent: 0;
}

.container .second-layer .category-list {
    margin: 20px auto 0;
}

.container .second-layer .category-title-h3 {
    margin: 40px auto -40px;
}

.container .second-layer .category-list li {
    float: left;
    width: calc((100% - 80px) / 3 - 1px);
    margin: 40px 40px 0 0;
}

.container .second-layer .category-list li:nth-child(3n) {
    margin-right: 0;
}

.container .second-layer .category-list li .category-list-body {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 150px;
    max-width: 100%;
    color: #4d4d4d;
    font-size: 1.4rem;
    background: #f7f7f7;
    border-radius: 10px;
}

.container .second-layer .category-list li .category-list-body::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 20px;
    top: -15px;
    border-left: 20px solid #f7f7f7;
    border-top: 20px solid #f7f7f7;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.container .second-layer .category-list li .category-list-body::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 35px;
    top: -20px;
    border-left: 20px solid #fff;
    border-top: 20px solid #fff;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.container .second-layer .category-list li .category-list-body .faq::before {
    content: "?";
    margin: 0 5px 0 0;
    padding: 0 6px;
    border: 1px solid #828282;
    border-radius: 50%;
    color: #828282;
    font-size: 1.2rem;
    font-weight: bold;
}

.container .second-layer .category-list li .category-list-title {
    display: table;
    width: 100%;
}

.container .second-layer .category-list li .category-list-title a {
    display: table-cell;
    position: relative;
    line-height: 1.4;
    padding: 15px 45px 15px 20px;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
}

.container .second-layer .category-list li .category-list-title a::after {
    display: inline-block;
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    content: "v";
    font-size: 1.2rem;
    font-weight: normal;
    -webkit-transform: rotate(-90deg) scaleX(1.8);
    transform: rotate(-90deg) scaleX(1.8);
    color: #000;
    text-indent: 0;
}

.container .second-layer .category-list li .category-list-title a:hover,
.container .second-layer .category-list li .category-list-title a:hover::after {
    color: #fff;
}

.container .second-layer.category-shop-setting .category-list li .category-list-title a {
    border: 1px solid #c51e63;
    background: #ffeff6;
}

.container .second-layer.category-shop-setting .category-list li .category-list-title a:hover {
    background: #c51e63;
}

.container .second-layer.category-design .category-list li .category-list-title a {
    border: 1px solid #3694ba;
    background: #e9f9ff;
}

.container .second-layer.category-design .category-list li .category-list-title a:hover {
    background: #3694ba;
}

.container .second-layer.category-item .category-list li .category-list-title a {
    border: 1px solid #e1740d;
    background: #fff4e9;
}

.container .second-layer.category-item .category-list li .category-list-title a:hover {
    background: #e1740d;
}

.container .second-layer.category-order .category-list li .category-list-title a {
    border: 1px solid #8ab13a;
    background: #fafff0;
}

.container .second-layer.category-order .category-list li .category-list-title a:hover {
    background: #8ab13a;
}

.container .second-layer.category-delivery .category-list li .category-list-title a {
    border: 1px solid #251ec4;
    background: #f0f1ff;
}

.container .second-layer.category-delivery .category-list li .category-list-title a:hover {
    background: #251ec4;
}

.container .second-layer.category-customer .category-list li .category-list-title a {
    border: 1px solid #1b9038;
    background: #eefff2;
}

.container .second-layer.category-customer .category-list li .category-list-title a:hover {
    background: #1b9038;
}

.container .second-layer.category-promotion .category-list li .category-list-title a {
    border: 1px solid #d9b215;
    background: #fffae7;
}

.container .second-layer.category-promotion .category-list li .category-list-title a:hover {
    background: #d9b215;
}

.container .second-layer.category-service .category-list li .category-list-title a {
    border: 1px solid #736598;
    background: #f5f1ff;
}

.container .second-layer.category-service .category-list li .category-list-title a:hover {
    background: #736598;
}

.container .second-layer.category-contract .category-list li .category-list-title a {
    border: 1px solid #36bb9c;
    background: #f2fffc;
}

.container .second-layer.category-contract .category-list li .category-list-title a:hover {
    background: #36bb9c;
}

.container .second-layer.category-rule .category-list li .category-list-title a {
    border: 1px solid #bb8a45;
    background: #fff9f1;
}

.container .second-layer.category-rule .category-list li .category-list-title a:hover {
    background: #bb8a45;
}

.container .second-layer .title-h2,
.container .second-layer .title-h3 {
    margin-top: 40px;
}


/* aside */

.aside {
    margin: 40px 0 0 0;
}

.column .aside {
    margin: 0;
}

.aside .enclose {
    line-height: 1.6;
    margin: 20px 0 0 0;
    padding: 18px;
    border: 1px solid #4d4d4d;
}

.aside .enclose:first-child {
    margin: 0;
}

.aside .enclose .sign {
    margin: 0 0 0 10px;
    padding: 0px 10px;
    background: #bf0000;
    color: #fff;
    font-size: 1.4rem;
}

.aside .enclose .small {
    margin: 1em 0 0 0;
}

.aside .enclose .small:first-child {
    margin: 0;
}

.aside .enclose p,
.aside .enclose ul {
    margin: 1em 0 0 0;
    font-size: 1.4rem;
}

.aside .enclose p:first-child {
    margin: 0;
}

.aside .enclose .center {
    text-align: center;
}

.aside dl {
    line-height: 1.6;
    margin: 40px 0 0 0;
    font-size: 1.4rem;
}

.aside dl dd {
    margin: 5px 0 0 0;
    padding: 0 0 0 25px;
}

.aside img {
    max-width: 100%;
    margin: 10px 0;
    vertical-align: middle;
}

.aside table {
    text-indent: 0;
}

.aside .topics {
    color: #bf0000;
}

.aside .topics span {
    margin: 0 10px 0 0;
    padding: 1px 8px;
    background: #bf0000;
    color: #fff;
}

.second-layer .header-index .title-h2 {
    margin: 50px 0 0 0;
}

.second-layer .header-index .body {
    padding: 25px 0 0 0;
}

.second-layer .header-index ul li,
.second-layer .header-index ol li {
    margin: 5px 0 0 0;
}

.second-layer .header-index ul li a,
.second-layer .header-index ol li a {
    /*padding-left: 1.8em;*/
    text-indent: -1.8em;
    font-size: 1.4rem;
}

.second-layer .header-index ul li a::before,
.second-layer .header-index ol li a::before {
    display: inline-block;
    position: relative;
    top: 5px;
    content: "";
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) left center no-repeat;
    background-position: -5px -35px;
}


/* rule & guideline */


/*.rule table {
  margin: 20px 0 15px 0;
}

.rule ol {
  margin: 1em 0 15px 0;
}

.rule ol li > ol {
  margin: 15px 0;
}

.rule ol li .sign {
  position: absolute;
  left: 0;
}

.rule ol li {
  position: relative;
  padding: 0 0 0 3.0em;
}*/


/* 1024 + 30 x 2 + 20 + 20 (v-scroll width)*/


/* commonized style for SF */

.sign-12.green.sf-import {
    background: #a3b723;
}

table .sign-12.sf-import {
    position: static;
    top: 0;
    left: 0;
    padding-top: 2px;
    font-style: normal;
    color: #fff;
    background: #3fb2f3;
    margin: 0 8px 0 0;
    padding: 0;
    height: auto;
}

@media (min-width: 1104px) {
    .section {
        width: 100%;
    }
    .panel li {
        width: calc(25% - 20px);
    }
    .layer-s>.column,
    .survey {
        width: 93.1640625%;
    }
    .navi-top .section .details .column2 li,
    #faq_top10 .details .column2 li {
        margin-right: 3.125%;
    }
}

.mt_1em {
    margin-top: 1em;
}

.clm2 {
    width: 66%;
}

.beginner .clm2 ul li {
    width: calc(100% / 2);
}


/* はじめての系ページ　右カラム　関連アイコン */

.layer-s>.column .section p.remark {
    margin: 0;
}

.remark .kanren {
    display: inline-block;
    position: relative;
    height: 22px;
    margin: 0 20px 0 0;
    padding: 0 6px 0 10px !important;
    font-weight: bold;
    line-height: 22px !important;
    border: 1px solid #0077cc;
    border-radius: 5px 0 0 5px;
    background: #0077cc;
    font-size: 1.2rem;
    text-decoration: none;
    text-indent: 0px;
    color: #fff !important;
}

.remark .kanren::after {
    position: absolute;
    top: -1px;
    right: -25px;
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0077cc;
}


/* 商品画像登録ガイドライン ページ独自スタイル */

.red_btn>div {
    float: left;
    width: 33%;
    min-width: 284px;
    margin-top: 30px;
}

.red_btn>div>a {
    display: block;
    width: auto;
    min-width: 220px;
    border: 2px solid #bf0000;
    border-radius: 10px;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    line-height: 30px;
    margin: 0 15px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #bf0000;
    background-repeat: no-repeat;
    background-position: top left;
}

.red_btn>div>a strong {
    font-size: 26px;
    font-weight: normal;
    color: #bf0000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.red_btn>div>a:hover {
    background-color: #bf0000;
    color: #fff;
    text-decoration: none;
}

.red_btn>div>a:hover strong {
    color: #fff;
}

.layer-s>.column .section .red_btn>div>a em {
    font-size: 24px;
    font-weight: normal;
}

.red_btn2 {
    border: 2px solid #bf0000;
    border-radius: 10px;
    margin: 30px 15px 15px 15px;
    padding: 20px;
}

.red_btn2 h5 {
    color: #bf0000;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}

.red_btn2 h5:before {
    content: "";
}

h4.h4_redbg {
    background: #bf0000;
    color: #fff;
    border-radius: 8px;
    padding: 8px 15px;
}

.red_btn3>div {
    float: left;
    width: 50%;
    /*min-width: 284px;*/
    margin-top: 30px;
}

.red_btn3>div a {
    display: block;
    width: auto;
    /*min-width: 220px;*/
    border: 2px solid #bf0000;
    border-radius: 10px;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    line-height: 30px;
    margin: 0 15px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #bf0000;
}

.red_btn3>div>.red_btn3>div>a strong {
    font-size: 26px;
    font-weight: normal;
    color: #bf0000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.red_btn3>div>a:hover {
    background-color: #bf0000;
    color: #fff;
    text-decoration: none;
}

.red_btn3>div>a:hover strong {
    color: #fff;
}


/* 検索結果強調表示のため追加 */

mark {
    color: #bf0000;
    font-weight: bold;
    background-color: white;
}


/* CC・サポログなしでログインするときのチャットスタートボタン */

.intra-chat-button {
    z-index: 2147483645;
    position: fixed;
    bottom: 0;
    right: 210px;
    border-radius: 10px 10px 0px 0px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    opacity: .96;
}

.intra-chat-button .intra-chat-button-svg {
    width: 224px;
    height: 32px;
    vertical-align: middle;
}

.intra-chat-button .intra-chat-button-svg path {
    fill: #74c113;
}

.intra-chat-button:hover .intra-chat-button-svg path {
    fill: #82DB16;
}


/* Navi <==> RON */

.intra-navi2ron-button {
    z-index: 2147483645;
    position: fixed;
    top: 10px;
    right: 0px;
    border-radius: 10px 0 0 10px;
    background-color: #bf0000;
}

.intra-navi2ron-button:hover {
    background-color: #e61717;
    cursor: pointer;
}

.intra-navi2ron-button-svg {
    width: 16px;
    height: auto;
    padding: 16px 8px;
    vertical-align: middle;
}

.intra-navi2ron-button-svg path {
    fill: #fff;
}

@-ms-viewport {
    width: auto;
}


/* modifier / sf_style.cssの最下部に記述 */

.mg0 {
    margin: 0px !important;
}

.mg3 {
    margin: 3px !important;
}

.mg5 {
    margin: 5px !important;
}

.mg10 {
    margin: 10px !important;
}

.mg15 {
    margin: 15px !important;
}

.mg20 {
    margin: 20px !important;
}

.mg25 {
    margin: 25px !important;
}

.mg30 {
    margin: 30px !important;
}

.mg35 {
    margin: 35px !important;
}

.mg40 {
    margin: 40px !important;
}

.mg45 {
    margin: 45px !important;
}

.mg50 {
    margin: 50px !important;
}

.mg55 {
    margin: 55px !important;
}

.mg60 {
    margin: 60px !important;
}

.mg65 {
    margin: 65px !important;
}

.mg70 {
    margin: 70px !important;
}

.mg75 {
    margin: 75px !important;
}

.mg80 {
    margin: 80px !important;
}

.mg85 {
    margin: 85px !important;
}

.mg90 {
    margin: 90px !important;
}

.mg95 {
    margin: 95px !important;
}

.mg100 {
    margin: 100px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt85 {
    margin-top: 85px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt95 {
    margin-top: 95px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

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

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

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

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb85 {
    margin-bottom: 85px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb95 {
    margin-bottom: 95px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml75 {
    margin-left: 75px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml85 {
    margin-left: 85px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml95 {
    margin-left: 95px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr75 {
    margin-right: 75px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr85 {
    margin-right: 85px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr95 {
    margin-right: 95px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.pd0 {
    padding: 0px !important;
}

.pd3 {
    padding: 3px !important;
}

.pd5 {
    padding: 5px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd15 {
    padding: 15px !important;
}

.pd20 {
    padding: 20px !important;
}

.pd25 {
    padding: 25px !important;
}

.pd30 {
    padding: 30px !important;
}

.pd35 {
    padding: 35px !important;
}

.pd40 {
    padding: 40px !important;
}

.pd45 {
    padding: 45px !important;
}

.pd50 {
    padding: 50px !important;
}

.pd55 {
    padding: 55px !important;
}

.pd60 {
    padding: 60px !important;
}

.pd65 {
    padding: 65px !important;
}

.pd70 {
    padding: 70px !important;
}

.pd75 {
    padding: 75px !important;
}

.pd80 {
    padding: 80px !important;
}

.pd85 {
    padding: 85px !important;
}

.pd90 {
    padding: 90px !important;
}

.pd95 {
    padding: 95px !important;
}

.pd100 {
    padding: 100px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt65 {
    padding-top: 65px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt75 {
    padding-top: 75px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt85 {
    padding-top: 85px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt95 {
    padding-top: 95px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb3 {
    padding-bottom: 3px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb65 {
    padding-bottom: 65px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb75 {
    padding-bottom: 75px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb85 {
    padding-bottom: 85px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb95 {
    padding-bottom: 95px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl55 {
    padding-left: 55px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl65 {
    padding-left: 65px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pl75 {
    padding-left: 75px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pl85 {
    padding-left: 85px !important;
}

.pl90 {
    padding-left: 90px !important;
}

.pl95 {
    padding-left: 95px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr55 {
    padding-right: 55px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr65 {
    padding-right: 65px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pr75 {
    padding-right: 75px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pr85 {
    padding-right: 85px !important;
}

.pr90 {
    padding-right: 90px !important;
}

.pr95 {
    padding-right: 95px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.mx-auto,
.ml-auto {
    margin-left: auto !important;
}

.mx-auto,
.mr-auto {
    margin-right: auto !important;
}

.ti0 {
    padding-left: 0em;
    text-indent: 0em;
}

.ti5 {
    padding-left: 0.5em;
    text-indent: -0.5em;
}

.ti10 {
    padding-left: 1em;
    text-indent: -1em;
}

.ti15 {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.ti20 {
    padding-left: 2em;
    text-indent: -2em;
}

.ti25 {
    padding-left: 2.5em;
    text-indent: -2.5em;
}

.ti30 {
    padding-left: 3em;
    text-indent: -3em;
}

.ti35 {
    padding-left: 3.5em;
    text-indent: -3.5em;
}

.ti40 {
    padding-left: 4em;
    text-indent: -4em;
}

.ti45 {
    padding-left: 4.5em;
    text-indent: -4.5em;
}

.ti50 {
    padding-left: 5em;
    text-indent: -5em;
}

.h-0 {
    height: 0% !important;
}

.w-0 {
    width: 0% !important;
}

.h-5 {
    height: 5% !important;
}

.w-5 {
    width: 5% !important;
}

.h-10 {
    height: 10% !important;
}

.w-10 {
    width: 10% !important;
}

.h-15 {
    height: 15% !important;
}

.w-15 {
    width: 15% !important;
}

.h-20 {
    height: 20% !important;
}

.w-20 {
    width: 20% !important;
}

.h-25 {
    height: 25% !important;
}

.w-25 {
    width: 25% !important;
}

.h-30 {
    height: 30% !important;
}

.w-30 {
    width: 30% !important;
}

.h-35 {
    height: 35% !important;
}

.w-35 {
    width: 35% !important;
}

.h-40 {
    height: 40% !important;
}

.w-40 {
    width: 40% !important;
}

.h-45 {
    height: 45% !important;
}

.w-45 {
    width: 45% !important;
}

.h-50 {
    height: 50% !important;
}

.w-50 {
    width: 50% !important;
}

.h-55 {
    height: 55% !important;
}

.w-55 {
    width: 55% !important;
}

.h-60 {
    height: 60% !important;
}

.w-60 {
    width: 60% !important;
}

.h-65 {
    height: 65% !important;
}

.w-65 {
    width: 65% !important;
}

.h-70 {
    height: 70% !important;
}

.w-70 {
    width: 70% !important;
}

.h-75 {
    height: 75% !important;
}

.w-75 {
    width: 75% !important;
}

.h-80 {
    height: 80% !important;
}

.w-80 {
    width: 80% !important;
}

.h-85 {
    height: 85% !important;
}

.w-85 {
    width: 85% !important;
}

.h-90 {
    height: 90% !important;
}

.w-90 {
    width: 90% !important;
}

.h-95 {
    height: 95% !important;
}

.w-95 {
    width: 95% !important;
}

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.t_l {
    text-align: left;
}

.t_c {
    text-align: center;
}

.t_r {
    text-align: right;
}

.d-inline {
    display: inline !important;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-none {
    display: none !important;
}