@charset "UTF-8";

/*==========================================*/
/* reset */
/*==========================================*/

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-weight: normal;
    font-style: normal;
    width: 100%;
}

form,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
address,
blockquote,
pre,
hr,
caption,
th,
td,
li,
dt,
dd,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    font-weight: normal;
    font-size: 100%;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

video,
audio,
canvas {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

[hidden] {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    padding: 0;
    text-align: left;
}

th,
td {
    text-align: left;
    vertical-align: baseline;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    *line-height: 1.2;
}

hr {
    display: none;
}

ul,
ol {
    list-style-type: none;
}

img {
    border: none;
    vertical-align: top;
}

em {
    font-style: normal;
}

iframe {
    border: none;
    margin: 0px;
    padding: 0px;
    display: block;
}

form label {
    cursor: pointer;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #CCC;
}

:-ms-input-placeholder {
    color: #CCC;
}

::-moz-placeholder {
    color: #CCC;
}

input[type=search] {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

/*==========================================*/
/* html / body */
/*==========================================*/
html {
    min-height: 100%;
    position: relative;
    background-color: #fff;
    /*
  基準フォントサイズを10pxにして、コンテンツ内では10px = 1.0rem として指定
  例）16px = 1.6rem
  */
    font-size: 62.5%;

}

body {
    color: #555555;
    font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
    font-size: 62.5%;
    line-height: 1.4;

}


/*==========================================*/
/* link */
/*==========================================*/

a:link,
a:visited {
    color: #3874d1;
    text-decoration: none;
    -webkit-transition: 50ms linear;
    -ms-transition: 50ms linear;
    transition: 50ms linear;
    opacity: 1;
}

a:hover,
a:active {
    color: #3874d1;
    text-decoration: none;
    opacity: .6;
}

#header .sb_logo a:hover {
    opacity: 1.0;
}

.exLink:after {
    content: "";
    display: inline-block;
    background: url("/hc/theming_assets/01JAEP45B1AWPGDNW9E68H70AR") no-repeat;
    vertical-align: middle;
    background-size: 10px 10px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
}

.exLink_white:after {
    content: "";
    display: inline-block;
    background: url("/hc/theming_assets/01JAEP4S0F1062MNMZYN7T01TH") no-repeat;
    vertical-align: middle;
    background-size: 10px 10px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
}


/*==========================================*/
/* input, textarea */
/*==========================================*/

input,
textarea,
.btn,
.nesty-input {
    width: 100%;
    padding-left: 15px;
    background-color: #fff;
    border: #D3D0C6 solid 1px;
    border-radius: 6px;
    /*  -webkit-appearance: none; */
    font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
    line-height: 1.2;
}

input::-ms-clear {
    display: none;
}

textarea {
    line-height: 1.6;
}




/*==========================================*/
/* Helper */
/*==========================================*/

/*============== clearfix ==============*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


/*==========================================*/
/* Layout */
/*==========================================*/

/*============== Frame ==============*/

main {
    min-height: calc(100vh - 200px);
    width: 100%;
    font-size: 1.6rem;
    padding-bottom: 24px;

}

.header-inner,
.footer-inner,
.sub-nav-inner,
.page-header,
.main-contents {
    margin: 0 auto;
    padding: 0 12px;
    max-width: 1160px;
}

.main-contents>.section {
    margin-top: 40px;
}

#header .header-inner>section,
#footer .footer-inner>section,
.sub-nav-inner>section {
    display: table;
    width: 100%;
}

.main-inner {
    width: 100%;
}


/*============== Header ==============*/

#header {
    background: #6E98C5;
    width: 100%;
}

#header .sb_logo {
    display: inline-block;
    float: left;
    margin: 18px 0;
    width: 30%;
}


.sb_logo img {
    max-width: 122px;

}

.sb_logo a:hover {
    opacity: 100%;
}

#header .top-search-area {
    display: inline-block;
    float: right;
    width: 60%;
    margin: -8px 0 0 10px;
}

#header .top-search-area .search input[type="search"] {
    width: 90%;
    height: 28px;
    border-radius: 6px;
    margin: 30px 0 0 15px;
    font-size: 1.4rem;
}

.top-search-area form {
    position: relative;
}

.top-search-area input[type="serach"] {
    position: absolute;
}

.top-search-area input[type="submit"] {
    position: absolute;
    right: -18px;
    top: 25px;
    width: 80px;
    height: 0;
    background: url("/hc/theming_assets/01JHP5J0WPZJZ9PFZ500Q8WB1J") no-repeat 50% 50%/ 20px 20px;
    z-index: 1;
    padding: 2.4em 0 0 0;
    border: none;
    text-indent: 100%;
    font-size: 1.6rem;
}


.searchbox-suggestions {
    background-color: #fff;
    border: 1px solid #EEE;
    border-radius: 4px;
    padding: 10px 20px;
}

.searchbox-suggestions li {
    padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url("/hc/theming_assets/01JAEP4F55MSHH1W69EBJEDT7M") 99% 50% no-repeat;
    background-size: 16px 16px;
}

#header .inquiry {
    display: none;
}


/*==============  Footer ==============*/

/*--- inquiry ---*/

#footer {
    width: 100%;
    margin: 0;
    padding: 0 0 14px 0;
    background-color: #727b7f;
    color: #fff;
}


#footer .inquiry {

    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 15px 0;

}




#footer .inquiry .txt {
    font-weight: bold;
}




#footer .btn_inquiry a {
    color: #FFFFFF;
    text-decoration: underline;
}



/*--- copyright ---*/

#footer .copyright {
    font-size: 1.0rem;
    margin-top: 5px;
}

#footer .copyright a {
    display: block;
    color: #fff;
}

#footer .copyright img {
    vertical-align: bottom;
}

#footer .copyright em {
    margin: 0 0 0 10px;
}

#footer .copyright .corporate-group {
    margin: 10px 0 0 0;
    text-decoration: underline;
}

/*--- pagetop ---*/

#pagetop {
    position: fixed;
    bottom: 35px;
    right: 20px;
    opacity: 0;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#pagetop.show {
    opacity: 1;
}

#pagetop .btnPagetop {
    display: block;
    width: 50px;
    height: 50px;
    opacity: 1;
    padding: 50px 0 0 0;
    background-color: #6E98C5;
    border-radius: 100%;
    font-size: 0;
    line-height: 1;
}

#pagetop .btnPagetop:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -29px 0 0 18px;
}


/*==========================================*/
/* Common styles */
/*==========================================*/

.pcView {
    display: none;
}

.spView {
    display: block;
}

/*============== Buttons ==============*/

button,
[role=button],
[type=button],
[type=submit] {
    border-radius: 4px;
    border: 1px solid #DDD;
    color: #1A74B0;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

a[role=button]:hover {
    text-decoration: none;
}

input[type=submit]:hover {
    opacity: .6;
}

input[type=submit][disabled] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE 8 */
    opacity: 0.4;
}

button img,
[role=button] img {
    border-radius: 4px;
    margin: 0 5px 0 0;
    height: 20px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

[dir=rtl] button img,
[dir=rtl] [role=button] img {
    margin: 0 0 0 5px;
}

/*============== Sub-nav ==============*/

.sub-nav {
    width: 100%;
    background-color: #EBE8DF;
    border-bottom: #D3D0C6 solid 1px;
}

/*============== Breadcrumbs ==============*/

.sub-nav-inner .breadcrumbs {
    display: none;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0;
}

.sub-nav-inner .breadcrumbs li {
    color: #555;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
}

.sub-nav-inner .breadcrumbs li:first-child {
    padding-left: 26px;
    background-image: url("/hc/theming_assets/01JHP5HWW8GP7MJ9WHVG48ZXVN");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 20px 20px;
}

.sub-nav-inner .breadcrumbs li {
    margin-right: 8px;
    display: inline-block;
}

.sub-nav-inner .breadcrumbs li a {
    display: block;
    padding: 16px 24px 16px 0;
    background-image: url("/hc/theming_assets/01JAEP4720V1WZAV7NRAXX97X6");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    line-height: 1;
    line-height: 1.2;
    font-weight: normal;
    color: #555555;
}

.sub-nav-inner .breadcrumbs li a:hover {
    text-decoration: none;
}

.sub-nav-inner .backbtn-for-phone {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}

.sub-nav-inner .backbtn-for-phone a {
    display: block;
    padding: 16px 24px 16px 0;
    line-height: 1;
    *line-height: 1.2;
    font-size: 1.4rem;
    font-weight: normal;
    color: #555555;
}

.sub-nav-inner .backbtn-for-phone a:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0;
    border-left: #555555 solid 2px;
    border-top: #555555 solid 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*============== Search ==============*/

.sub-nav-inner .search {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: right;
}

.sub-nav-inner .search input[type="search"] {
    display: none;
    background-color: #fff;
    border: #D3D0C6 solid 1px;
    border-radius: 6px;
    padding: 0 0 0 .7em;
    height: 2.4em;
    line-height: 2.4rem;
}

.sub-nav-inner .search input[type="submit"] {
    display: none;
    position: absolute;
    top: 6px;
    right: 0;
    background: url("/hc/theming_assets/01JHP5J0WPZJZ9PFZ500Q8WB1J") no-repeat 50% 50%/ 18px 18px;
    z-index: 1;
    width: 48px;
    height: 0;
    /* margin-top: -1.2em; */
    padding: 32px 0 0 0;
    border: transparent solid 1px;
    text-indent: 100%;
}

.sub-nav-inner .search input[type="submit"]:hover {
    opacity: .6;
}

/*============== Pagination ==============*/

.pagination {
    margin: 24px 0;
    text-align: center;
}

.pagination * {
    display: inline-block;
}

.pagination li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
}

.pagination a,
.pagination em {
    color: inherit;
    font-size: 1.6rem;
    padding: 8px 16px;
}

.pagination-current {
    background-color: #f9f9f9;
    color: #BEBEBE;
}

.pagination-current span {
    font-size: 1.6rem;
    padding: 8px 16px;
}

.pagination-first {
    border-radius: 6px 0 0 6px;
}

.pagination-last {
    border-right: 1px solid #ccc;
    border-radius: 0 6px 6px 0;
}

/*============== Article list ==============*/

.recent-articles ul,
.related-articles ul,
.article-list,
.search-results-list {
    border-top: #dddddd solid 1px;
}

.section-title-info {
    font-size: 1.2rem;
    font-weight: normal;
    background-color: #f2f2f2;
    float: left;
    height: 45px;
    padding: 15px;
    margin-left: 16px;
}

.article-list-info {
    font-size: 1.2rem;
    font-weight: normal;
    background-color: #f2f2f2;
    float: left;
    height: 45px;
    padding: 14px;
}


.show-more-info {
    background-color: #f2f2f2;
    color: #8e95b3;
    font-size: 1.2rem;
    height: 45px;
    padding: 14px 0 14px 10px;
    float: right;
}

.recent-articles li,
.related-articles li,
.article-list li,
.search-results-list li {
    border-bottom: #dddddd solid 1px;
}

.recent-articles li a,
.related-articles li a,
.article-list li a,
.search-results-list li a {
    position: relative;
    display: block;
    padding: 16px 32px 16px 0;
}

.recent-articles li a:after,
.related-articles li a:after,
.article-list li a:after,
.search-results-list li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #b5b5b5 solid 2px;
    border-right: #b5b5b5 solid 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.recent-articles .see-all-articles,
.related-articles .see-all-articles,
.article-list .see-all-articles,
.search-results-list .see-all-articles {
    /*margin-top: 8px;*/
    margin: 8px auto 0 auto;
    width: 70%;
    text-align: center;
    /*display: inline-block;*/
    display: block;
    padding: 12px 16px;
    background-color: #f0f0f0;
    border: #b5b5b5 solid 1px;
    border-bottom-width: 2px;
    border-radius: 6px;
    color: #555;
}

.list-empty {
    display: inline-block;
    margin-top: 16px;
    color: #888;
    font-style: normal;
}

.errorText {
    /* ajaxでfail時に出る文言 */
    padding: 16px 0;
    color: #888888;
}

/*============== title ==============*/

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    color: #6E98C5;
    font-weight: bold;
}

h3,
h4,
h5,
h6 {
    line-height: 1.4;
}

/*============== Page title ==============*/

h1.page-title {
    display: block;
    margin: 40px 0 0 0;
    font-size: 2.0rem;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
}

/*============== Section title ==============*/

h2.section-title {
    display: block;
    font-size: 1.6rem;
    color: #888888;
}

h2.section-title a {
    color: #6E98C5;

}

/*============== Aside title ==============*/

aside h3 {
    /* helperが吐き出すソースなのでclass名付与できず */
    font-size: 1.9rem;
    font-weight: bold;
}

aside h3 a {
    color: #507591;
}

/*============== Notice ==============*/

.notice {
    margin-top: 16px;
    padding: 8px 16px 12px;
    border: #e0e0e0 solid 1px;
    background-color: #f2f2f2;
    border-radius: 6px;
}

.notice li {
    margin-top: 8px;
    padding-left: 1em;
    text-indent: -1em;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.4;
}


/*==========================================*/
/* Pages */
/*==========================================*/

/*============== Home page ==============*/

/*.home-main-visual h1 {
  margin-top:15px;
  font-size: 2.0rem;
  font-weight: normal;
  color: #649bc5;
  text-align:center;
}*/

#home-page .main-menu,
#home-page .pickup-faq,
#home-page .side-contents {
    margin: 24px auto 0;
    padding: 0 10px;
    max-width: 1024px;
}

#home-page .pickup-faq-title {
    font-size: 1.4rem;
    color: #888888;
    display: inline-block;
    float: left;
    vertical-align: bottom;
}

#home-page p {
    float: right;
    font-size: 1.3rem;
    padding: 10px;
}

#home-page-pickup-faq-list li {
    font-size: 1.3rem;
    line-height: 1.5;
}

#home-page .main-visual {
    text-align: center;
    margin-top: 25px;
}

#home-page .main-visual h1 {
    font-size: 2.2rem;
    font-weight: normal;
}


#home-page .main-menu ul {
    margin-left: -8px;
    font-size: 0;
}

#home-page .main-menu li {
    display: inline-block;
    width: 50%;
    margin: 0 0 8px 0;
    border: transparent solid 0px;
    border-left-width: 8px;
    vertical-align: top;
    line-height: 1.2;
}

#home-page .main-menu li a {
    position: relative;
    display: block;
    min-height: 90px;
    height: 100px;
    padding: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: 46px 46px;
    border: #ccc solid 1px;
    border-bottom-width: 2px;
    border-radius: 8px;
    font-size: 1.4rem;
    text-align: center;
    font-weight: normal;
    color: #649bc5;
}

#home-page .main-menu li a:active {
    top: 1px;
    border-bottom-width: 1px;
}

/* はじめに */
#home-page .main-menu li.cat7898185516825 a {
    background-image: url("/hc/theming_assets/01JHP5HW0GBZAMFQBR8MDCTQNS");
}

/* ログイン */
#home-page .main-menu li.cat7898230494489 a {
    background-image: url("/hc/theming_assets/01JHP5HW3Q8HWK3RKGYZN4MKA3");
}

/* お問合せについて */
#home-page .main-menu li.cat22207435498905 a {
    background-image: url("/hc/theming_assets/01JHP5J0VPKVCWNFD4NSGRXMY5");
}

/* navi_icon description　*/
#home-page-main-menu-list li a .description {
    display: block;
    color: #888;
    font-size: 1.4rem;
    padding: 3px;
    line-height: 1.4;
}

/* メニューボタン ベストプラクティス */

#home-page .main-menu-practice {
    width: 100%;
    margin: 32px 0 20px;
    padding: 0 10px;
    vertical-align: top;
    text-align: center;
}

#home-page .main-menu-practice p {
    float: none;
    margin: 0;
    padding: 0;
}

#home-page .main-menu-practice a {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 16px;
    background-color: #fff;
    border: #ccc solid 1px;
    border-bottom-width: 2px;
    border-radius: 8px;
}

#home-page .main-menu-practice a:active {
    top: 1px;
    border-bottom-width: 1px;
}

#home-page .main-menu-practice .main-menu-practice-ttl {
    font-size: 17px;
    color: #649bc5;
    margin-bottom: 10px;
}

#home-page .main-menu-practice .main-menu-practice-column {
    display: flex;
    justify-content: space-between;
}

#home-page .main-menu-practice .main-menu-practice-caption {
    width: 48%;
    font-size: 14px;
    line-height: 21px;
    color: #888;
}

#home-page .main-menu-practice .main-menu-practice-img {
    width: 48%;
}

#home-page .main-menu-practice .main-menu-practice-img img {
    width: 100%;
    height: auto;
}


/*============== Category list ==============*/

#category-list-page h2.section-title {
    padding: 0 0 8px 0;
    border-bottom: #6E98C5 solid 2px;
}


#category-list-page .article-list {
    border-top: none;
}

#category-list-page .see-all-articles {
    display: block;
    width: 75%;
}


/*============== Article ==============*/

#article-page {
    margin-bottom: -60px;
    /* フッタ上部のマージンを削除 */
}

#article-page .page-title {
    padding: 16px 0;
    border-top: #cccccc solid 1px;
    border-bottom: #cccccc solid 1px;
}

#article-page .article-body {
    margin-top: 24px;
    padding-bottom: 24px;
    /*  border-bottom: #cccccc solid 1px; */
    line-height: 1.6;
}

#article-page .article-body h1 {
    margin: 25px 0 20px 0;
    padding-top: 15px;
    border-top: #cccccc solid 1px;
    font-size: 2.3rem;
    font-weight: normal;
}

#article-page .article-body h2 {
    margin: 20px 0 20px 0;
    padding: 16px 0;
    padding-top: 0px;
    font-size: 2.0rem;
    border-bottom: #cccccc solid 1px;
}

#article-page .article-body h3 {
    padding-top: 16px;
    font-weight: bold;
    line-height: 1.6;
    font-size: 1.7rem;
}

#article-page .article-body p {
    line-height: 1.5;
}

#article-page .article-body a {
    text-decoration: underline;
}

#article-page .article-body img {
    max-width: 100%;
}

#article-page .article-body .align-left {
    text-align: left;
}

#article-page .article-body .align-center {
    text-align: center;
}

#article-page .article-body .align-right {
    text-align: right;
}


#article-page .article-body ol {
    counter-reset: listcounter;
}

#article-page .article-body li {
    margin-top: 4px;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.4;
}

#article-page .article-body li ol,
#article-page .article-body li ul {
    margin-top: 0;
    margin-left: 2em;
}

#article-page .article-body li ul li {
    list-style-type: circle;
}

#article-page .article-body ol>li {
    margin-top: 16px;
    padding-left: 2em;
    text-indent: -2em;
    list-style-type: none;
    line-height: 1.4;
}

#article-page .article-body ol>li:before {
    content: counter(listcounter);
    counter-increment: listcounter;
    display: inline-block;
    margin-right: .5em;
    background: #649bc5;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    color: #fff;
    text-indent: 0;
    text-align: center;
    line-height: 1.5;
}

#article-page .article-body li ol>li:before {
    content: counter(listcounter) ".";
    width: auto;
    height: auto;
    background: none;
    color: #555555;
}

#article-page .article-body li ol li {
    margin-top: 4px;
}

#article-page .article-body ol ol {
    margin-left: 0;
}

#article-page .article-body .index {
    margin-top: 24px;
    padding: 16px 24px;
    background-color: #fff;
    border: #e0e0e0 solid 1px;
    border-radius: 4px;
}

#article-page .article-body .index h3 {
    padding-top: 0px;
    font-size: 18px;
}

#article-page .article-body .index>ul {
    margin-top: 16px;
}

#article-page .article-body .index li {
    padding-left: 0;
    text-indent: 0;
}

#article-page .article-body .box {
    margin-top: 16px;
    padding: 16px;
    border: #ccc solid 1px;
    border-radius: 6px;
}

#article-page .article-body .box1 {
    margin-top: 16px;
    padding: 16px;
    border: #ccc solid 1px;
    border-radius: 6px;
    background-color: #fdb17d;
}

#article-page .article-body .box h3 {
    padding-top: 0;
    padding-bottom: 12px;
}

#article-page .article-body .point:before {
    content: "POINT";
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 3px 6px;
    background-color: #f29407;
    border-radius: 4px;
    line-height: 1;
    color: #fff;
    font-weight: normal;
}

#article-page .article-body .table01 {
    width: 100%;
    border: #ccc solid 1px;
    border-collapse: collapse;
}

#article-page .article-body .table01 th {
    padding: 1em;
    border: #ccc solid 1px;
    background-color: #ebe8df;
}

#article-page .article-body .table01 td {
    padding: 1em;
    border: #ccc solid 1px;
}

#article-page .article-body .note {
    margin-top: 16px;
    padding: 8px 16px 12px;
    border: #e0e0e0 solid 1px;
    background-color: #f2f2f2;
    border-radius: 6px;
}

#article-page .article-body .note li {
    margin-top: 8px;
    padding-left: 1em;
    text-indent: -1em;
    list-style-type: none;
}

#article-page .article-body .note li:before {
    content: "※";
    display: inline;
}

#article-page .article-body .caution {
    margin-top: 16px;
    padding: 8px 16px 12px;
    border: #f53816 solid 1px;
    border-radius: 6px;
}

#article-page .article-body .caution li {
    margin-top 8px;
    padding-left: 3em;
    text-indent: -3em;
    list-style-type: none;
    color: #f53816;
}

#article-page .article-body .caution li:before {
    content: "注意：";
    display: inline;
    font-weight: bold;
}

#article-page .article-body .btn_inquiry {
    margin: 60px 0 0 0;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
}

#article-page .article-body .btn_inquiry a {
    display: inline-block;
    padding: 14px 80px;
    background-color: #6E98C5;
    color: #fff;
    box-shadow: 0 1px 0 0 #5c80a8;
    border: #5c80a8 solid 1px;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
}

#article-page .btn_inquiry a:before {
    content: "";
    display: inline-block;
    background: url("/hc/theming_assets/01JAEP4AW1MFXCG5T50W7V0RTT") no-repeat;
    vertical-align: middle;
    background-size: 17px 17px;
    width: 18px;
    height: 18px;
    margin: -2px 2px 0 0;
}

#article-page .article-attachments {
    margin: 16px 0 0 0;
}

#article-page .side-contents {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0 0 60px 0;
    background-color: #f2f2f2;
}

#article-page .recent-articles,
#article-page .related-articles {
    margin: 0 auto;
    padding: 40px 12px 0;
    max-width: 1024px;
    background-color: #f2f2f2;
}

#article-page .side-contents h3 {
    padding: 0 0 8px 0;
    border-bottom: #507591 solid 2px;
}

#article-page .side-contents ul {
    border-top: none;
}



/*============== Search results ==============*/

#search-result-page .search-results-list li a {
    font-weight: bold;
}

#search-result-page .search-results-list li a .search-result-description {
    display: block;
    margin-top: 6px;
    color: #888;
    -webkit-transition: 50ms linear;
    -ms-transition: 50ms linear;
    transition: 50ms linear;
    opacity: 1;
    font-weight: normal;
}

/*============== Request forms ==============*/

#post-request-page .notice {
    font-size: 1.4rem;
}

#post-request-page h2 {
    margin-top: 10px;
}

#post-request-page p {
    padding: 10px 0;
    line-height: 1.7;
}

#post-request-page ol {
    padding: 0 0 15px 15px;
}

#post-request-page .main-contents a {
    text-decoration: underline;
}

#post-request-page .side-contents {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0 0 60px 0;
    background-color: #f2f2f2;
}

#post-request-page .form-field {
    margin-top: 24px;
}

#post-request-page .form-field textarea {
    min-height: 200px;
}

#post-request-page .form-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}

#post-request-page .form-field input[type=checkbox]+label {
    margin: 0 0 0 12px;
}

#post-request-page .form-field.required>label:after {
    content: '必須';
    margin-left: 6px;
    top: -1px;
    background: #fff;
    border: 1px solid #f53816;
    border-radius: 2px;
    color: #f53816;
    font-weight: normal;
    font-size: 11px;
    padding: 1px 3px;
    white-space: nowrap;
    position: relative;
}

#post-request-page .form-field p {
    margin-top: 4px;
    color: #888888;
}

#post-request-page .form-field input[type=number],
#post-request-page .form-field input.datepicker {
    width: 150px;
}

#post-request-page .form form+form {
    margin-top: 40px;
}

#post-request-page .form a.nesty-input {
    height: auto;
    text-decoration: none;
}

#post-request-page .form a.nesty-input:hover {
    opacity: 1;
    color: #555555;
}

#post-request-page .form a.nesty-input:after {
    top: 30%;
}

#post-request-page .form .upload-dropzone em {
    color: #888888;
}

#post-request-page .form .upload-dropzone em a {
    color: #3874d1;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url("/hc/theming_assets/01JAEP4F55MSHH1W69EBJEDT7M") 99% 50% no-repeat;
    background-size: 16px 16px;
}

#post-request-page .form footer {
    margin-top: 40px;
}

#post-request-page .form footer input[type=submit] {
    width: 70%;
    height: 48px;
    padding: 0 20px;
    background: #6E98C5;
    border: 1px solid #5c80a8;
    border-bottom-width: 2px;
    border-radius: 4px;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #FFF;
    min-width: 100px;
    display: block;
    margin: 0 auto;
}

.form footer a {
    color: #CCC;
    cursor: pointer;
}

/* 添付ファイル非表示
#post-request-page .form-field:nth-child(11n){
  display:none;
  color:red;
}
*/



/* 各項目注意文 */
#request_custom_fields_10942779829145_hint,
#request_custom_fields_360003733893_hint,
#request_description_hint {
    font-size: 1.4rem;
}

/* privacy policy checkbox */
#request_custom_fields_360003615993 {
    transform: scale(1.5);
    width: 5%;
    margin: 15px 0;

}

/*============== Error ==============*/

#error-page .section-title {
    margin-bottom: 16px;
}

#error-page .section p {
    margin-bottom: 8px;
}

/*============== air-inquiry ==============*/
.air_inquiry {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}

.air_inquiry li {
    width: 100%;
}

.air_inquiry li:nth-of-type(2) {
    margin-top: 40px !important;
}

.air_inquiry li p {
    font-size: 10px;
    text-align: center;
}

.air_inquiry li img {
    display: block;
    height: 43px;
    margin: 0 auto;
}

.air_inquiry li a {
    display: block;
    width: 200px;
    height: 57px;
    padding: 12px 0;
    margin: 20px auto 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    background-color: #20aee5;
    border-radius: 10px;
    text-decoration: none !important;
    box-shadow: 0px 3px 0px 0px rgb(25, 135, 179);
}

/*============================================================================================*/
/*
* 上記ここまで基本Style
* 【SP:縦】　〜479px
*/
/*============================================================================================*/


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

【スマホ】ランドスケープ

======================================*/
@media screen and (max-width: 480px) and (orientation: portrait) {
    #home-page .main-menu li a span.description {
        visibility: hidden;
    }
}

@media screen and (max-width: 480px) and (orientation: landscape) {
    #home-page .main-menu li a span.description {
        visibility: visible;
    }
}


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

 【SP：横】 480px 〜 599px

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


@media screen and (min-width: 480px) {


    /*============== Header ==============*/

    #header {
        background: #6E98C5;
        width: 100%;
    }

    #header .sb_logo {
        display: inline-block;
        float: left;
        margin: 18px 0;
        width: 35%;
    }

    .sb_logo img {
        max-width: 122px;
        margin-left: 10px;
    }

    #header .top-search-area {
        display: inline-block;
        float: right;
        /* margin-top:-15px;*/
        width: 45%;
    }

    #header .top-search-area .search input[type="search"] {
        width: 90%;
        height: 28px;
        border-radius: 6px;
        margin: 30px 0 0 15px;
        font-size: 1.4rem;
    }

    #home-page .main-menu li a {
        padding: 16px 16px 16px 90px;
        background-position: 23px 50%;
        font-size: 1.7rem;
        text-align: left;
    }


    .top-search-area form {
        position: relative;
    }

    .top-search-area input[type="serach"] {
        position: absolute;
    }

    .top-search-area input[type="submit"] {
        position: absolute;
        right: -10px;
        top: 25px;
        width: 80px;
        height: 0;
        background: url("/hc/theming_assets/01JHP5J0WPZJZ9PFZ500Q8WB1J") no-repeat 50% 50%/ 20px 20px;
        z-index: 1;
        padding: 2.4em 0 0 0;
        border: none;
        text-indent: 100%;
        font-size: 1.6rem;
    }

    /*============== home_page ==============*/

    /*============== air-inquiry ==============*/
    .air_inquiry {
        flex-flow: row wrap;
    }

    .air_inquiry li {
        width: 33%;
    }

    .air_inquiry li:nth-of-type(2) {
        margin-top: 4px !important;
    }






}


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

 Breakpoint
 【タブレット】 600px 〜 1024px


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

@media screen and (min-width: 600px) {


    .pcView {
        display: block;
    }

    .spView {
        display: none;
    }


    .header-inner,
    .footer-inner,
    .sub-nav-inner,
    .page-header,
    .main-inner {
        padding: 0 px;
    }


    /*============== Header ==============*/

    #header .sb_logo {
        float: left;
        margin: 18px 0;
        width: 140px;
    }

    .sb_logo img {
        margin-left: 10px;
    }


    #header .top-search-area {
        display: inline-block;
        float: right;
        margin-top: 10px;
        width: 35%;
        margin-right: -10px;
    }

    #header .top-search-area .search input[type="search"] {
        width: 90%;
        height: 28px;
        border-radius: 6px;
        margin: 15px 0 0 3px;
        font-size: 1.4rem;
    }

    .top-search-area form {
        position: relative;
    }

    .top-search-area input[type="serach"] {
        position: absolute;
    }

    .top-search-area input[type="submit"] {
        position: absolute;
        right: 10%;
        top: 10px;
        width: 50px;
        height: 0;
        background: url("/hc/theming_assets/01JHP5J0WPZJZ9PFZ500Q8WB1J") no-repeat 50% 50%/ 20px 20px;
        z-index: 1;
        padding: 2.4em 0 0 0;
        border: none;
        text-indent: 100%;
        font-size: 1.6rem;
    }



    /*============== Footer ==============*/

    #footer .inquiry {
        width: 55%;
        float: left;
        margin: 2em 0;
    }

    #footer .copyright {
        width: 40%;
        float: right;
        text-align: right;
        margin: 15px 5px 0 0;
    }



    /*============== Homepage ==============*/

    #home-page .pickup-faq-list {
        height: 40px;
    }

    #home-page h2.pickup-faq-title {
        float: left;
    }

    #home-page p {
        font-size: 1.3rem;
    }

    #home-page-pickup-faq-list li {
        font-size: 1.4rem;
    }

    #home-page .main-menu li {
        width: 50%;
    }

    #home-page .main-menu li a {
        padding: 16px 16px 16px 90px;
        background-position: 23px 50%;
        font-size: 1.7rem;
        text-align: left;
    }

    /* メニューボタン ベストプラクティス */

    #home-page .main-menu-practice a {
        width: 512px;
    }

    #home-page .main-menu-practice .main-menu-practice-ttl {
        position: absolute;
        top: 16px;
        left: 16px;
        margin-bottom: 5px;
    }

    #home-page .main-menu-practice .main-menu-practice-caption {
        width: 258px;
        margin-top: 30px;
    }

    #home-page .main-menu-practice .main-menu-practice-img {
        width: 150px;
    }


    /*============== breadcrumbs ==============*/

    .sub-nav-inner .backbtn-for-phone {
        display: none;
    }

    .sub-nav-inner .breadcrumbs {
        display: table-cell;
    }



}

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

 Breakpoint
 【PC】 1025px 〜


================================================================*/
@media screen and (min-width: 1025px) {

    /*============== Header ==============*/

    #header .header-inner {
        width: 1025px;
    }

    #header .sb_logo {
        max-width: 100%;
        margin-left: -10px;
    }


    #header .top-search-area {
        display: inline-block;
        float: right;
        width: 25%;
        margin-top: 10px;
    }

    #header .top-search-area .search input[type="search"] {
        width: 90%;
        height: 28px;
        border-radius: 6px;
        margin: 15px 0 0 15px;
        font-size: 1.4rem;
    }

    .top-search-area form {
        position: relative;
    }

    .top-search-area input[type="serach"] {
        position: absolute;
    }

    .top-search-area input[type="submit"] {
        position: absolute;
        right: -8px;
        top: 10px;
        width: 80px;
        height: 0;
        background: url("/hc/theming_assets/01JHP5J0WPZJZ9PFZ500Q8WB1J") no-repeat 50% 50%/ 20px 20px;
        z-index: 1;
        padding: 2.4em 0 0 0;
        border: none;
        text-indent: 100%;
        font-size: 1.6rem;
    }

    /*============== Footer ==============*/

    /* pagetop */
    #pagetop {
        bottom: 60px;
        right: 40px;
    }

    .main-inner {
        width: 1025px;
        margin: 0 auto;
    }


    .footer-inner {
        width: 1025px;
        margin: 0 auto;
        padding: 0 10px;
        font-size: 1.4rem;
    }

    /*============== breadcrumbs ==============*/
    .sub-nav-inner {
        width: 1025px;
        margin: 0 auto;
    }


    /*============== Article-list ==============*/
    .recent-articles ul,
    .related-articles ul,
    .article-list,
    .search-results-list {
        padding-top: 24px;
        font-size: 1.4rem;
    }

    .recent-articles ul li,
    .related-articles ul li,
    .article-list li,
    .search-results-list li {
        padding-left: 1em;
        border-bottom: none;
        text-indent: -1em;

    }

    .recent-articles ul li+li,
    .related-articles ul li+li,
    .article-list li+li,
    .search-results-list li+li {
        margin: 12px 0 0 0;
    }

    .recent-articles ul li:before,
    .related-articles ul li:before,
    .article-list li:before,
    .search-results-list li:before {
        content: "・";
        display: inline;
    }

    .recent-articles ul li a,
    .related-articles ul li a,
    .article-list li a,
    .search-results-list li a {
        display: inline;
        padding: 0;
    }

    .recent-articles ul li a:after,
    .related-articles ul li a:after,
    .article-list li a:after,
    .search-results-list li a:after {
        display: none;
    }

    /* 記事をもっとみる */
    #category-list-page .article-list>a {
        margin-top: 24px;
        padding: 0;
        background: none;
        border: none;
        color: #649bc5;
        font-weight: bold;
        text-align: left;
        width: 100%;

    }


    /* 3点リーダー */

    #category-list-page ul.article-list {
        width: 440px;

    }

    #category-list-page .article-list li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

    }


    /*============== Page title ==============*/
    h1.page-title {
        font-size: 3.0rem;
    }

    /*============== Section title ==============*/
    h2.section-title {
        font-size: 1.7rem;
    }

    /*============== Aside title ==============*/
    aside h3 {
        font-size: 1.7rem;
    }

    /*============== Home-page ==============*/

    #home-page .main-menu {
        margin-top: 40px;
    }

    #home-page .main-menu li {
        width: 33.333333%;
    }

    #home-page .main-menu li a {
        padding: 16px 16px 16px 90px !important;
        background-position: 23px 50%;
        font-size: 1.7rem !important;
        text-align: left;
    }

    #home-page .main-menu,
    #home-page .pickup-faq,
    #home-page .info {
        padding: 0 24px;
        vertical-align: top;
    }


    #home-page .info {
        width: 300px;
        padding-top: 24px;
        padding-bottom: 24px;
        background-color: #f2f2f2;
        border: #e0e0e0 solid 1px;
        border-radius: 4px;
    }

    #home-page .info .section-title {
        border-bottom: none;
        padding-bottom: 0;
        border-radius: 4px;
    }

    #home-page .info .article-list {
        padding-top: 24px;
        border-top: none;
    }

    #home-page .info .article-list li {
        margin: 0 0 16px 0;
        padding-left: 0;
        text-indent: 0;
    }

    #home-page .info .article-list li:before {
        display: none;
    }

    #home-page .info .article-list a {}

    #home-page .info .article-list time {
        float: none;
        display: block;
        margin-bottom: 6px;
    }

    #home-page .info .article-list em {
        overflow: visible;
    }

    #home-page .info .show-more-info {
        font-size: 1.4rem;
    }

    #home-page .info .show-more-info a {
        margin-top: 16px;
        padding: 0;
    }

    #home-page .banner {
        float: right;
        margin: 24px 0 0 0;
    }

    #home-page .banner li {
        display: block;
        margin: 16px 0 0 0;
    }

    /* faq */

    #home-page .pickup-faq {
        width: 95%;
        padding: 10px 0px 20px 0px;
        border-radius: 6px;
        border: #e0e0e0 solid 1px;
        background-color: #f5f5f5;
    }

    #home-page .pickup-faq-title {
        margin: 10px 0 10px 20px;
    }

    #home-page span.moreread {
        font-size: 1.3rem;
        display: block;
        padding: 5px 20px;
    }

    #home-page p:hover {
        opacity: 0.6;
    }

    #home-page-pickup-faq-list {
        width: 96%;
        margin: 0 auto;
    }


    /*============== Category list ==============*/
    #category-list-page .main-contents>.section {
        width: 450px;
        float: left;
        margin-left: 40px;
        height: 275px;

    }

    #category-list-page .main-contents>.section:nth-child(odd) {
        margin-left: 0;
    }

    /*============== Section list ==============*/
    #section-list-page .article-list>li {
        width: 800px;
        margin-top: 15px !important;
    }

    #section-list-page .article-list>li:nth-child(even) {
        /* margin-left: 40px; */
    }

    #section-list-page .article-list>li:nth-child(1) {
        margin-top: 0;
    }

    /*============== Article ==============*/
    #article-page {
        margin-bottom: 0;
    }

    #article-page .main-contents {
        float: left;
        width: 688px;
    }

    #article-page .main-contents_vote {
        width: 1000px;
    }

    #article-page .article-body {}

    #article-page .side-contents {
        float: right;
        width: 300px;
        margin-top: 40px;
        margin-right: 24px;
        background: none;
    }

    #article-page .side-contents>section+section {
        margin-top: 24px;
    }

    #article-page .side-contents h3 {
        padding: 0;
        border-bottom: none;
    }

    #article-page .recent-articles,
    #article-page .related-articles {
        padding: 32px 24px;
        border: #e0e0e0 solid 1px;
        border-radius: 4px;
    }

    #article-page .side-contents ul {
        margin-top: 0;
        border-top: none;
    }

    /*============== Search results ==============*/
    #search-result-page .search-results-list li {
        margin-bottom: 24px;
        padding-left: 0;
        text-indent: 0;
    }

    #search-result-page .search-results-list li:before {
        display: none;
    }

    #search-result-page .search-results-list li a {
        display: inline-block;
    }

    #search-result-page .search-results-list li a .search-result-description {}

    /*============== Request forms ==============*/
    #post-request-page .main-contents {
        float: left;
        width: 688px;
    }

    #post-request-page .article-body {}


    #post-request-page .side-contents {
        float: right;
        width: 300px;
        margin-top: 40px;
        margin-right: 24px;
        background: none;
    }

    #post-request-page p {
        font-size: 1.3rem;
    }

}

/*-- min-width: 1025px end --*/


/*-- attention css --*/

.attention,
.news_notes {
    width: 95%;
    padding: 5px 20px;
    margin: 20px auto 5px auto;
    border: solid 1px #ff4500;
    border-radius: 5px;
}

.attention p,
.news_notes p {
    width: 100%;
    text-align: center;
    color: #ff4500;
    float: none !important;
    line-height: 2.5rem;
}

.news_notes p:first-child {
    text-align: center;
}

.news_notes p {
    text-align: left;
}

/*-- attention css end --*/

/*-- article-votes --*/

.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    text-align: center;
    line-height: 3.5rem;
}

.article-vote {
    background: transparent;
    border: 1px solid #7ba2d5;
    color: #7ba2d5;
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
    line-height: 1.5;
}

.article-vote::before {
    font-size: 8px;
    margin-right: 10px;
}

[dir="rtl"] .article-vote::before {
    margin-right: 0;
    margin-left: 10px;
}

.article-vote::after {
    content: attr(title);
    /* Yes/No label*/
}

.article-vote:focus,
.article-vote:active {
    background-color: #7ba2d5;
    color: #fff;
}

.article-vote:hover {
    background-color: #7ba2d5 !important;
    color: #fff !important;
}

.article-vote[aria-selected="true"],
.article-vote[aria-selected="true"] {
    background-color: #7ba2d5;
    color: #fff;
}

.article-vote[aria-selected="false"],
.article-vote[aria-selected="false"] {
    background-color: #fff;
    color: #7ba2d5;
}

.article-vote-up::before {
    content: "\2713";
}

.article-vote-down::before {
    content: "\2715";
}

/*-- Icons --*/
.article-vote::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

/*-- Buttons --*/
.button,
[role="button"] {
    border: 1px solid #7ba2d5;
    border-radius: 4px;
    color: #0072EF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0 10px;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    -webkit-touch-callout: none;
}

/*-- manual_select --*/
.user_select {
    width: 100%;
    padding: 10px;
    margin: 10px auto 0;
    border-radius: 10px;
}

.osusume_link {
    width: 100%;
    margin-top: 40px;
}

.osusume_link hr {
    display: block;
    width: 100%;
    margin: 10px 0;
    color: #000;
}

/* vote */
table.vote_list,
table.label_list,
table.agents_list {
    width: 100%;
    margin: 20px 0;
    overflow: scroll-x;
}

table.vote_list th,
table.label_list th,
table.agents_list th {
    padding: 5px;
    background-color: #666;
    text-align: center;
    color: #fff;
    border: solid 1px #fff;
}

table.vote_list td,
table.label_list td,
table.agents_list td {
    padding: 5px;
    background-color: #e5dfd8;
    text-align: center;
    color: #666;
    border: solid 1px #fff;
}

input[type='text'].id-check {
    width: 250px;
    height: 40px;
    padding: 0px 15px;
    margin: 20px 10px 10px 10px;
    ;
    border-radius: 5px;
    float: left;
}

input[type='button'].id-check_submit {
    width: 150px;
    height: 40px;
    margin: 20px 10px 10px 10px;
    background-color: #7ba2d5;
    color: #fff;
}

input[type='button'].all-check,
input[type='button'].label-check {
    width: 150px;
    height: 40px;
    margin: 20px 10px 10px 10px;
    background-color: #7ba2d5;
    color: #fff;
    float: right;
}

/* inquiry-info */
.ivr_desc {}

.ivr_desc th {
    text-align: left;
}

.ivr_desc td {
    font-size: 14px;
}

.ivr_desc tr td:nth-child(1) {
    text-align: left;
}

.ivr_desc tr td:nth-child(2) {
    text-align: center;
}

.inquiry_table {}

.inquiry_table th,
.inquiry_table td {
    text-align: center !important;
}

.txt_red {
    color: #dc143c;
}

.txt_blue {
    color: #1e90ff;
}

.txt_orange {
    color: #ff8c00;
}

.txt_green {
    color: #2e8b57;
}

.small_txt {
    font-size: 10px;
    clear: both;
}

.icon_desc {
    font-size: 10px;
}

.icon_desc dt {
    font-weight: bold;
}

.icon_desc dd {
    margin-bottom: 0px;
    margin-left: 10px;
    float: left;
}

.covid-19_att:before {
    display: block;
    width: 15px;
    content: "※";
    float: left;
}

.covid-19_clear {
    clear: both;
}


/*================================================================*/
/*
* 上記ここまでのCSSはレストランボードのを流用
*
* 既存オンラインマニュアルからの移行CSSは下記に追記
*/
/*================================================================*/
/*====== common style ======*/
.fcBlack {
    color: #000 !important;
}

.fcRed {
    color: #df2026 !important;
}

.fcLightblue {
    color: #42b2ce !important;
}

.fcBlue {
    color: #009dd6 !important;
}

.fcGray {
    color: #86888b !important;
}

.fcLightGray {
    color: #cbcbcb !important;
}

.fcPurple {
    color: #744c94 !important;
}

.fcLightpink {
    color: #e78682 !important;
}

.fcPink {
    color: #c95789 !important;
}

.fcYellow {
    color: #fac906 !important;
}

.fcGreen {
    color: #47967f !important;
}

.fcYG {
    color: #89bc58 !important;
}

.fcGold {
    color: #9d7a28 !important;
}

.fcOrange {
    color: #f5a461 !important;
}

.fcDarkGray {
    color: #555 !important;
}

.fwbold {
    font-weight: bold !important;
}

.fwnormal {
    font-weight: normal !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tLeft {
    text-align: left !important;
}

.tRight {
    text-align: right !important;
}

.tCenter {
    text-align: center !important;
}

.textLine {
    text-decoration: underline !important;
}

.nob {
    border: none !important;
}

.m0 {
    margin: 0 !important;
}

.m20 {
    margin: 20px !important;
}

.mLR0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mLR10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mLR15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mLR20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mL0 {
    margin-left: 0 !important;
}

.mL5 {
    margin-left: 5px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mL40 {
    margin-left: 40px !important;
}

.mL50 {
    margin-left: 50px !important;
}

.mL60 {
    margin-left: 60px !important;
}

.mL70 {
    margin-left: 70px !important;
}

.mR0 {
    margin-right: 0 !important;
}

.mR5 {
    margin-right: 5px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mT0 {
    margin-top: 0px !important;
}

.mT5 {
    margin-top: 5px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mB0 {
    margin-bottom: 0 !important;
}

.mB5 {
    margin-bottom: 5px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB15 {
    margin-bottom: 15px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB24 {
    margin-bottom: 24px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mB50 {
    margin-bottom: 50px !important;
}

.pLR0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.pL0 {
    padding-left: 0 !important;
}

.pL10 {
    padding-left: 10px !important;
}

.pB0 {
    padding-bottom: 0 !important;
}

.pB10 {
    padding-bottom: 10px !important;
}

.pB15 {
    padding-bottom: 15px !important;
}

.pB20 {
    padding-bottom: 20px !important;
}

.pT5 {
    padding-top: 5px !important;
}

.w250 {
    width: 250px;
}

.w440 {
    width: 440px;
}

.bdLnone {
    border-left: none !important;
}

.bdRnone {
    border-right: none !important;
}

.bdTnone {
    border-top: none !important;
}

.bdBnone {
    border-bottom: none !important;
}

.bdT {
    border-top: 1px solid #ccc !important;
    padding-top: 20px !important;
}

.bdB {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 20px !important;
}

/*a.blank{
	padding-right: 14px;
  margin-right: 8px;
	background: transparent url(/hc/theming_assets/01JAEP45B1AWPGDNW9E68H70AR) center right no-repeat;
}*/

#article-page .article-body a {
    word-break: break-all;
}

/*================== 既存ページ用の新パーツ ここから ==================*/

/*-- 見出し --*/

#article-page .article-body .common_ttl_l {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    border: none;
    background-color: #ebe4db;
    /*カテゴリごとに変更する*/
    color: #775c40;
    /*カテゴリごとに変更する*/
}

#article-page .article-body .common_ttl_m {
    margin: 0 0 10px 0;
    padding: 0 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #775c40;
    /*カテゴリごとに変更する*/
    border-left: 6px solid #775c40;
    /*カテゴリごとに変更する*/
    border-top: none;
    border-bottom: none;
    background: transparent;
}

#article-page .article-body .text_ttl {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    border: none;
    color: #555;
    background: transparent;
}

#article-page .article-body .text_ttl_s {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    border: none;
    color: #555;
    background: transparent;
}

#article-page .article-body .line_ttl {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #775c40;
    /*カテゴリごとに変更する*/
    color: #555;
    background: transparent;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
}

#article-page .article-body .num_ttl {
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    border: none;
    color: #775c40;
    background: transparent;
    margin: 0 0 15px 0;
    padding: 0;
}

#article-page .article-body .num_ttl img {
    height: 19px;
    margin: 2px 8px 0 0;
}

#article-page .article-body .num_line_ttl {
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #775c40;
    /*カテゴリごとに変更する*/
    color: #555;
    background: transparent;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
}

#article-page .article-body .num_line_ttl img {
    height: 19px;
    margin: 2px 8px 0 0;
}

#article-page .article-body .num_link {
    display: flex;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    border: none;
    color: #555;
    background: transparent;
    margin: 0 0 10px 0;
}

#article-page .article-body .num_link a {
    color: #3874d1;
}

#article-page .article-body .num_link img {
    height: 19px;
    margin: 2px 8px 0 0;
}

/*-- テキストアイコン --*/

#article-page .article-body .icon_text {
    display: inline-block;
    background: #ebe4db;
    /*カテゴリごとに変更する*/
    padding: 0px 7px;
    font-size: 14px;
    color: #775c40;
    /*カテゴリごとに変更する*/
    margin-bottom: 10px;
    border-radius: 5px;
}

/*-- ボックス --*/

#article-page .article-body .box_bg_gray {
    background: #ececec;
    padding: 12px;
}

/*-- リスト --*/

#article-page .article-body .common_link_list {
    margin-bottom: 20px;
}

#article-page .article-body .common_link_list li {
    padding: 0 0 0 15px;
    margin-top: 20px;
    position: relative;
}

#article-page .article-body .common_link_list li:first-child {
    margin-top: 0;
}

#article-page .article-body .common_link_list li:before {
    content: "\30FB";
    position: absolute;
    top: 0;
    left: 0;
}

#article-page .article-body .common_list li {
    padding-left: 1em;
    text-indent: -1em;
}

/*================== /既存ページ用の新パーツ ここまで ==================*/

/*====== number ======*/
#num01 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF);
}

#num02 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0);
}

#num03 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N);
}

#num04 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193);
}

#num05 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30);
}

#num06 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA);
}

#num07 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58);
}

#num08 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM);
}

#num09 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN);
}

#num10 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM);
}

#num11 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP);
}

#num12 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG);
}

#num13 {
    width: 22px;
    height: 22px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8);
}


/*====== dt dd ======*/

.itemtop {
    margin: 30px 20px;
    padding: 10px 15px;
    border: #009dd6 1px solid;
}

.itemtop dt {
    padding: 5px 0 5px;
    color: #009dd6;
    font-size: 16px;
    font-weight: bold;
}

.itemtop dd {
    margin-bottom: 10px;
    padding-left: 30px;
    padding-bottom: 15px;
    border-bottom: #4d4d4d dotted 1px;
}

.itemtop dd.lastchild {
    margin-bottom: 0;
    border-bottom: none;
}

/**** clear ****/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
    zoom: 1;
}

* html .clearfix {
    height: 1px;
}

.clear {
    clear: both;
}

/**** tableColor ****/
.tcPink,
.tcGray {
    margin-bottom: 20px;
}

.tcPink table th.first,
.tcGray table th.first {
    background-color: #BDD7EE;
    color: #4b4b4b;
}

.tcPink .icoLink {
    padding-left: 12px;
    background: url("$assets-ico_link-png") no-repeat left center;
}

.tcPink .title {
    margin: 5px 0;
    color: #b74c66;
    font-size: 14px;
    font-weight: bold;
}

.tcPink table th {
    background-color: #b74c66;
    color: #fff;
}

.tcPink table td.first {
    color: #b74c66;
    font-weight: bold;
}

.tcPink table td.on {
    background-color: #fef5f7;
    text-align: center;
    color: #b74c66;
}

.tcPink table td.off {
    background-color: #e9e7e8;
    text-align: center;
}

.tcGray .title {
    margin: 5px 0;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.tcGray table th {
    background-color: #666;
    color: #fff;
}

.tcGray table td.on {
    background-color: #e5dfd8;
    text-align: center;
    color: #666;
}

.tcGray table td.off {
    background-color: #eee;
    text-align: center;
}

/**** start ****/
.start h2 {
    border-left: #b74c66 5px solid;
    color: #b74c66;
}

.start h3 {
    padding: 10px 10px 0;
    background-color: #ebd4d4;
    color: #b74c66;
}

.start .naviColor {
    background-color: #fff;
}

.start .menuArea {
    border: #ebd4d4 10px solid;
}

.start h4 {
    border: #b74c66 1px solid;
}

.start h4 em {
    background-color: #b74c66;
}

.start .menu li {
    background: url(/salonboard_manual/images/ico_square_redpink.png) no-repeat left 2px;
}

.start h5 {
    padding: 5px 10px;
    background-color: #f7ebeb;
    color: #b74c66;
    font-size: 16px;
    font-weight: bold;
}

.start ul {
    margin-top: 15px;
}

.start ul dt {
    margin-bottom: 10px;
    padding: 5px 0 0 25px;
    background: url("/hc/theming_assets/01JAEP4EGSJ8WHYH248EXTF9DK") no-repeat left 7px;
}

.start ul dd {
    margin-bottom: 20px;
    margin-left: 0;
}

.start dt {
    background-color: #f7ebeb;
    color: #b74c66;
    font-size: 16px;
    font-weight: bold;
}

/**** login ****/
.article-body .login h2 {
    border-left: #da9e3b 5px solid;
    color: #da9e3b;
}

.article-body .login h3 {
    padding: 10px 10px 0;
    background-color: #f5e6d0;
    color: #da9e3b;
}

.article-body .login .naviColor {
    background-color: #fff;
}

.article-body .login .menuArea {
    border: #f5e6d0 10px solid;
}

.article-body .login h4 {
    border: #da9e3b 1px solid;
}

.article-body .login h4 em {
    background-color: #da9e3b;
}

.article-body .login .menu li {
    background: url(/salonboard_manual/images/ico_square_yellow.png) no-repeat left 2px;
}

.article-body .login h5 {
    margin-bottom: 20px;
    padding-left: 25px;
    background: url("/hc/theming_assets/01JAEP4N59HWW8HGQ6F5Q8AMA7") no-repeat left 2px;
    font-size: 16px;
    font-weight: bold;
}

.article-body .login .step dt {
    background-color: #fbf2e4;
    color: #da9e3b;
}

.article-body .login .detailcontents {
    margin: 0 10px 30px;
}

.article-body .login .itemtop {
    border: 1px solid #d99d3a;
}

.article-body .login .itemtop dt {
    color: #d99d3a;
}

.article-body .login .itemtop dd p {
    margin: 0 0 10px;
}

.article-body .login .bglineTit {
    padding: 3px 10px;
    background-image: none;
    background-color: #fbf2e4;
    color: #da9e3b;
}

.article-body .login .idList dt {
    padding: 10px 0;
    color: #d99d3a;
    font-size: 14px;
    font-weight: bold;
}

.article-body .login .idList dt:first-child {
    padding-top: 0;
}

.article-body .login .idList dd {
    padding: 0 0 10px 10px;
}

/**** flow ****/
.flow h2 {
    border-left: #e78682 5px solid;
    color: #e78682;
}

.flow h3 {
    padding: 10px 10px 0;
    background-color: #fbe9e8;
    color: #e78682;
}

.flow .naviColor {
    background-color: #fff;
}

.flow .menuArea {
    border: #fbe9e8 10px solid;
}

.flow h4 {
    border: #e78682 1px solid;
}

.flow h4 em {
    background-color: #e78682;
}

.flow .menu li {
    background: url(/salonboard_manual/images/ico_square_lightpink.png) no-repeat left 2px;
}

.flow h5 {
    padding: 3px 10px;
    background-color: #fbe9e8;
    color: #e78682;
    font-size: 16px;
}

.flow .paraPink {
    padding-left: 25px;
    background: url("/hc/theming_assets/01JAEP4NSJ5EHFSFZS8EVE2GJM") no-repeat left 2px;
    color: #e78682;
    font-size: 16px;
    font-weight: bold;
}

.flow .detailcontents {
    margin: 15px 10px 30px;
}

.flow .flowList dt {
    margin-bottom: 10px;
    color: #009dd6;
    font-size: 14px;
    font-weight: bold;
}

.flow .flowList dt img {
    margin-right: 8px;
}

.flow .flowList dd {
    margin-bottom: 30px;
}

/**** settei ****/
.settei h2 {
    border-left: #47967f 5px solid;
    color: #47967f;
}

.settei h3 {
    background-color: #d7e2dc;
    color: #47967f;
}

.settei .naviColor {
    background-color: #d7e2dc;
}

.settei .menuArea {
    border: #d7e2dc 10px solid;
}

.settei h4 {
    border: #47967f 1px solid;
}

.settei h4 em {
    background-color: #47967f;
}

.settei .menu li {
    background: url(/salonboard_manual/images/ico_square_green.png) no-repeat left 2px;
}

.settei .step {
    margin-top: 20px;
}

.article-body .settei .panel .step dt {
    color: #47967f;
}

.settei .step dt {
    background-color: #e4f0e9;
    color: #47967f;
}

.settei h5 {
    color: #47967f;
    font-size: 16px;
    font-weight: bold;
}

.settei .icoLink {
    padding-left: 12px;
    background: url("$assets-ico_link-png") no-repeat left center;
}

/**** uketsuke ****/
.uketsuke h2 {
    border-left: #436aa6 5px solid;
    color: #436aa6;
}

.uketsuke h3 {
    background-color: #d6daeb;
    color: #436aa6;
}

.uketsuke .naviColor {
    background-color: #d6daeb;
}

.uketsuke .menuArea {
    border: #d6daeb 10px solid;
}

.uketsuke h4 {
    border: #436aa6 1px solid;
}

.uketsuke h4 em {
    background-color: #436aa6;
}

.uketsuke .menu li {
    background: url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}

.uketsuke .step dt {
    background-color: #f0f2f7;
    color: #436aa6;
}

.uketsuke h5,
.uketsuke h4.hdgGray {
    margin-bottom: 20px;
    border: #86888b 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.uketsuke h5 em,
.uketsuke h4.hdgGray em {
    display: block;
    margin: 1px;
    padding: 5px 10px;
    background-color: #86888b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

/**** yoyaku ****/
.yoyaku h2 {
    border-left: #744c94 5px solid;
    color: #744c94;
}

.yoyaku h3 {
    background-color: #d8cfe2;
    color: #744c94;
}

.yoyaku .naviColor {
    background-color: #d8cfe2;
}

.yoyaku .menuArea {
    border: #d8cfe2 10px solid;
}

.yoyaku h4 {
    border: #744c94 1px solid;
}

.yoyaku h4 em {
    background-color: #744c94;
}

.yoyaku .menu li {
    background: url(/salonboard_manual/images/ico_square_purple.png) no-repeat left 2px;
}

.yoyaku .step dt {
    background-color: #ede9f2;
    color: #744c94;
}

.yoyaku h5 {
    margin-bottom: 20px;
    padding-left: 25px;
    background: url("/hc/theming_assets/01JAEP482JW17MDTSNXH89DF5Z") no-repeat left 2px;
    color: #744c94;
    font-size: 16px;
    font-weight: bold;
}

/**** menuYoyakuManagement ****/
.menuYoyakuManagement h2 {
    border-left: #744c94 5px solid;
    color: #744c94;
}

.menuYoyakuManagement h3 {
    background-color: #d8cfe2;
    color: #744c94;
}

.menuYoyakuManagement .naviColor {
    background-color: #d8cfe2;
}

.menuYoyakuManagement .menuArea {
    border: #d8cfe2 10px solid;
}

.menuYoyakuManagement h4 {
    border: #744c94 1px solid;
}

.menuYoyakuManagement h4 span {
    background-color: #744c94;
}

.menuYoyakuManagement .menu li {
    background: url(/salonboard_manual_backup/images/ico_square_purple.png) no-repeat left 2px;
}

.menuYoyakuManagement .step dt {
    background-color: #ede9f2;
    color: #744c94;
}

.menuYoyakuManagement h5 {
    margin-bottom: 20px;
    padding-left: 25px;
    background: url(/salonboard_manual_backup/images/yoyaku/listicon.png) #fff no-repeat left 2px;
    color: #744c94;
    font-size: 16px;
    font-weight: bold;
}

/**** custom ****/
.custom h2 {
    border-left: #89bc58 5px solid;
    color: #89bc58;
}

.custom h3 {
    background-color: #f0f6e9;
    color: #89bc58;
}

.custom .naviColor {
    background-color: #f0f6e9;
}

.custom .menuArea {
    border: #f0f6e9 10px solid;
}

.custom h4 {
    border: #89bc58 1px solid;
}

.custom h4 em {
    background-color: #89bc58;
}

.custom .menu li {
    background: url(/salonboard_manual/images/ico_square_yellowgreen.png) no-repeat left 2px;
}

.custom .step dt {
    background-color: #f0f6e9;
    color: #89bc58;
}

.custom h5 {
    font-size: 14px;
}

/**** cls ****/
.cls h2 {
    border-left: #666 5px solid;
    color: #666;
}

.cls h3 {
    background-color: #ddd4c8;
    color: #666;
}

.cls .naviColor {
    background-color: #ddd4c8;
}

.cls .menuArea {
    border: #ddd4c8 10px solid;
}

.cls h4 {
    border: #666 1px solid;
}

.cls h4 em {
    background-color: #666;
}

.cls .menu li {
    background: url(/salonboard_manual/images/ico_square_gray.png) no-repeat left 2px;
}

.cls h5 {
    margin-bottom: 20px;
    padding: 3px 10px;
    background-color: #ddd4c8;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.cls .step dt,
.article-body .cls .panel .step dt {
    background-color: #eee;
    color: #666;
}

.cls .beforeList {
    margin-top: 15px;
}

.cls .beforeList dt {
    margin-bottom: 10px;
    padding: 5px 0 0 25px;
    background: url("/hc/theming_assets/01JAEP4D3FHWNCCJC6CVYD55HT") no-repeat left 7px;
    font-size: 16px;
    font-weight: bold;
}

.cls .beforeList dd {
    margin-bottom: 20px;
    margin-left: 0;
}

.cls .beforeList ul {
    margin-left: 15px;
}

#article-page .article-body .cls .beforeList li,
.cls .beforeList li {
    padding-bottom: 5px;
    list-style-type: disc;
}

.cls .detailcontents {
    margin: 15px 0 30px;
}

.cls .howto dt {
    margin-bottom: 20px;
    padding: 5px;
    background-color: #eee;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.cls .howto dt img {
    margin-right: 10px;
}

.cls .howto dd {
    margin: 0 10px 30px;
}

.cls .howto .chui {
    margin: 20px 0 30px;
}

.cls .howto .chui dt {
    padding: 0 0 0 64px;
    background-color: transparent;
    color: #c43;
    font-size: 12px;
}

.cls .howto .chui dd {
    margin: 0;
}

.cls .smpDisplay {
    float: left;
    width: 406px;
    margin-left: 20px;
}

.cls .smpDisplay dt {
    padding-bottom: 5px;
    color: #009dd6;
    font-size: 14px;
    font-weight: bold;
}

.cls .smpDisplay dt img {
    margin-right: 8px;
}

.cls .smpDisplay dd {
    padding: 0 0 15px 30px;
}

.cls .processList {
    float: left;
    width: 406px;
    margin-left: 20px;
}

/**** att ****/
.att h2 {
    border-left: #1a9ebf 5px solid;
    color: #1a9ebf;
}

.att h3 {
    background-color: #c5e6ef;
    color: #1a9ebf;
}

.att .naviColor {
    background-color: #c5e6ef;
}

.att .menuArea {
    border: #c5e6ef 10px solid;
}

.att h4 {
    border: #1a9ebf 1px solid;
}

.att h4 em {
    background-color: #1a9ebf;
}

.att .menu li {
    background: url(/salonboard_manual/images/ico_square_lightblue.png) no-repeat left 2px;
}

.att h5 {
    padding: 5px 5px 5px 28px;
    background: url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
    color: #1a9ebf;
    font-size: 14px;
    font-weight: bold;
}

.att h6 {
    margin-bottom: 5px;
    padding-left: 15px;
    background: url("/hc/theming_assets/01JAEP4G56099PM3PAGAN8YPG3") no-repeat 0 3px;
    font-size: 14px;
    color: #1a9ebf;
}

.article-body .att p {
    margin: 5px 0 10px;
}

.att .detailcontents {
    margin: 15px 10px 30px;
}

.att .detailcontents a.link_button {
    display: block;
    width: 250px;
    height: 40px;
    padding: 10px 0;
    background-color: #7ba2d5;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    color: #fff;
}

.att .grayArea {
    padding: 5px 10px 10px 10px;
    margin-bottom: 20px;
    background-color: #ececec;
}

.att .grayArea p {
    margin: 0;
}

.att .grayArea .leftTxt {
    float: left;
    width: 25px;
    margin-top: 3px;
}

#article-page .article-body .att .grayArea ul.rightTxt,
.att .grayArea .rightTxt {
    margin-left: 26px;
    margin-top: 3px;
}

.att dl dt {
    margin-bottom: 5px;
}

.att dl dd {
    margin-bottom: 10px;
}

.att dl dd:last-child {
    margin-bottom: 0;
}

.att dl p {
    margin: 0 0 10px;
}

.att table {
    width: 100%;
}

.att table th {
    background-color: #f1efeb;
    border: #ccc 1px solid;
    font-weight: bold;
    text-align: left;
}

.att table td {
    border: #ccc 1px solid;
}

/* ID:360001687973 table style*/
.att table.rec_notation tr th:nth-child(1) {
    width: 26%;
}

.att table.rec_notation tr th:nth-child(2) {
    width: 33%;
}

.att table.rec_notation tr th:nth-child(3) {
    width: 27%;
}

.att table.rec_notation tr th:nth-child(4) {
    width: 14%;
}

/* -end- */

.att ol {
    margin-bottom: 10px;
}

.att ol li {
    margin-left: 20px;
    list-style-type: decimal;
}

.att .paraIndent {
    padding-left: 0.8em;
    text-indent: -0.5em;
}

.att .paraIndent02 {
    padding-left: 1.2em;
    text-indent: -1.2em;
}

.att .borderContainer {
    margin: 10px 0;
    padding: 10px;
    border: #42b2ce 1px solid;
}

.att .borderContainer dt,
.att .borderContainer li {
    padding-left: 14px;
    background: url("/hc/theming_assets/01JAEP4ECWYE0PFEQH9MZ8JB91") no-repeat 0 6px;
    font-weight: bold;
}

.att .borderContainer dd li {
    padding-left: 0;
    background: none;
    font-weight: normal;
}

.att .borderContainer .lastchild {
    margin-bottom: 0;
}

/**** qa ****/
.qa h2 {
    border-left: #42b2ce 5px solid;
    color: #42b2ce;
}

.qa h3 {
    background-color: #c5e6ef;
    color: #42b2ce;
}

.qa .naviColor {
    background-color: #c5e6ef;
}

.qa .menuArea {
    border: #c5e6ef 10px solid;
}

.qa h4 {
    border: #42b2ce 1px solid;
}

.qa h4 em {
    background-color: #42b2ce;
}

.qa .menu li {
    float: none;
    width: auto;
    background: url(/salonboard_manual/images/ico_square_lightblue.png) no-repeat left 2px;
}

.qa h5 {
    padding: 5px 5px 5px 28px;
    background: url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
    color: #1a9ebf;
    font-size: 14px;
    font-weight: bold;
}

.qa .qaList dt {
    padding-bottom: 15px;
    padding-left: 30px;
    background: url("$assets-ico_q-png") no-repeat 0 0;
    color: #1a9ebf;
    font-size: 14px;
    font-weight: bold;
}

.qa .qaList dd {
    margin-bottom: 20px;
    padding-left: 30px;
    background: url("/hc/theming_assets/01JAEP4JTA2YNH1ENWS9DGAS3N") no-repeat 0 0;
    border-bottom: 1px dotted #4D4D4D;
}

/**** jhpoint ****/
.jhpoint h5 {
    margin-bottom: 20px;
    padding-left: 23px;
    background: url("/hc/theming_assets/01JAEP471X4J3AP9VMYN2111X8") no-repeat left 2px;
    color: #42b2ce;
    font-size: 16px;
}

.jhpoint h6 {
    margin-bottom: 20px;
    padding: 5px 5px 5px 28px;
    background: url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    color: #1a9ebf;
    font-size: 14px;
    font-weight: bold;
}

.jhpoint img {
    margin: 0 10px 30px;
}

.jhpoint div {
    padding: 0 20px 30px;
}

.jhpoint div img {
    margin: 0;
}

.jhpoint dl {
    margin: 20px 20px 30px;
}

.jhpoint dl dt {
    margin-bottom: 10px;
    color: #1a9ebf;
    font-size: 14px;
    font-weight: bold;
}

.jhpoint dl dd {
    margin-bottom: 20px;
}

/**** other ****/
.other h5 {
    margin-bottom: 20px;
    padding-left: 23px;
    background: url("/hc/theming_assets/01JAEP471X4J3AP9VMYN2111X8") no-repeat left 2px;
    color: #42b2ce;
    font-size: 16px;
}

.other h6 {
    margin-bottom: 20px;
    padding: 5px 5px 5px 28px;
    background: url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    color: #1a9ebf;
    font-size: 14px;
    font-weight: bold;
}

/**** hpds ****/
.hpds h2 {
    border-left: #f5a461 5px solid;
    color: #f5a461;
}

.hpds h3 {
    padding: 10px 10px 0;
    background-color: #fce4d0;
    color: #f5a461;
}

.hpds .naviColor {
    background-color: #fce4d0;
}

.hpds .menuArea {
    border: #fce4d0 10px solid;
}

.hpds h4 {
    border: #f5a461 1px solid;
}

.hpds h4 em {
    background-color: #f5a461;
}

.hpds h5 {
    margin-bottom: 20px;
    padding-left: 25px;
    background: url("/hc/theming_assets/01JAEP47M84E9Y9B0ZQCBZCHHQ") no-repeat left 2px;
    font-size: 16px;
    font-weight: bold;
}

.hpds .menu li {
    background: url(/salonboard_manual/images/ico_square_orange.png) no-repeat left 2px;
}

.hpds .step dt {
    background-color: #fdebdb;
    color: #f5a461;
}

.hpds .icoLink {
    padding-left: 12px;
    background: url("$assets-ico_link-png") no-repeat left center;
}

.hpds .caseArea {
    padding: 10px;
    border: #f5a461 1px solid;
}

.hpds .caseList li {
    position: relative;
    padding: 0 0 10px 7em;
}

.hpds .caseList em {
    display: block;
    width: 6em;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ca6f24;
    color: #fff;
    text-align: center;
}

.darectmembersAbout .contentsTit {
    font-size: 16px;
    font-weight: bold;
    color: #f5a461;
}

.darectmembersAbout .point-title em {
    display: inline-block;
    background-color: #ff3399;
    color: #fff;
    margin-right: 10px;
    padding: 0 10px;
    text-align: center;
}

.darectmembersAbout .point-title {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
}

.dmFlowList>li {
    margin-bottom: 20px;
    padding-bottom: 70px;
    background: url("/hc/theming_assets/01JAEP45CSBZQ9VJWBVNBD4GRX") no-repeat center bottom;
    overflow: hidden;
    display: block;
}

.dmFlowList>li:last-child {
    margin-bottom: 40px;
    padding-bottom: 0;
    background-image: none;
}

.dmFlowList .flowImgArea {
    min-width: 100%;
    text-align: center;
}

.dmFlowList .flowImgArea img {
    margin-right: 15px;
}

.dmFlowList .flowContents {
    margin-top: 20px;
    margin-left: 0;
}

.flowPoint li {
    margin-bottom: 15px;
}

.flowPoint li .pointIcon {
    display: inline-block;
    background-color: #ff3399;
    color: #fff;
    margin-right: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.flowPoint li p {
    margin: 5px 0;
}

.darectmember {
    margin: 0 5px;
    padding: 3px 5px;
    background-color: #aaa;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.firstimageList li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 27px;
}

.firstimageList li img {
    position: absolute;
    top: 0;
    left: 0;
}

#article-page .article-body .hpds .infomation-shopcard {
    margin-bottom: 20px;
}

#article-page .article-body .hpds .infomation-shopcard .osusume-customer-img {
    min-width: 105px;
}

#article-page .article-body .hpds .infomation-shopcard .osusume-customer-dd {
    text-indent: 0;
}

#article-page .article-body .hpds .infomation-shopcard .osusume-customer p {
    margin: 0;
}

#article-page .article-body .hpds .infomation-shopcard .osusume-customer>dt {
    color: #F5A461;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

/**** msg ****/
.msg h2 {
    border-left: #9d7a28 5px solid;
    color: #9d7a28;
}

.msg h3 {
    background-color: #f0e2c3;
    color: #9d7a28;
}

.msg .naviColor {
    background-color: #f0e2c3;
}

.msg .menuArea {
    border: #f0e2c3 10px solid;
}

.msg h4 {
    border: #9d7a28 1px solid;
}

.msg h4 em {
    background-color: #9d7a28;
}

.msg .menu li {
    background: url(/salonboard_manual/images/ico_square_gold.png) no-repeat left 2px;
}

.msg .qaList dt {
    padding-left: 23px;
    background: url("/hc/theming_assets/01JAEP45M99GNSKRS88ZTP222E") no-repeat left 2px;
    color: #9d7a28;
    font-size: 16px;
    font-weight: bold;
}

.msg .qaList dd {
    margin: 20px 20px 30px;
}

.msg .qaList dd p {
    margin: 0;
}

.msg .step dt {
    background-color: #faf6ec;
    color: #9d7a28;
}

.msg h5 {
    margin-bottom: 20px;
    padding-left: 23px;
    background: url("/hc/theming_assets/01JAEP45M99GNSKRS88ZTP222E") no-repeat left 2px;
    color: #9d7a28;
    font-size: 16px;
}

.msg .h_bg {
    padding: 3px 10px;
    background-color: #faf6ec;
    background-image: none;
    color: #9d7a28;
    font-size: 16px;
    border: none;
}


/**** attention css ****/
.attention {
    width: 95%;
    padding: 5px 0;
    margin: 20px auto 5px auto;
    border: solid 1px #ff4500;
    border-radius: 5px;
}

.attention p {
    width: 100%;
    text-align: center;
    font-weight: normal;
    color: #ff4500;
    float: none !important;
    line-height: 2.5rem;
}

/**** etc ****/
.etc h2 {
    border-left: #f5a461 5px solid;
    color: #f5a461;
}

.etc h3 {
    padding: 10px 10px 0;
    background-color: #fce4d0;
    color: #f5a461;
}

.etc .naviColor {
    background-color: #fff;
}

.etc .menuArea {
    border: #fce4d0 10px solid;
}

.etc h4 {
    border: #f5a461 1px solid;
}

.etc h4 em {
    background-color: #f5a461;
}

.etc .menu li {
    background: url(/salonboard_manual/images/ico_square_orange.png) no-repeat left 2px;
}

.etc .step dt {
    background-color: #fdebdb;
    color: #f5a461;
}

.etc .icoLink {
    padding-left: 12px;
    background: url("$assets-ico_link-png") no-repeat left center;
}

.etc .caseArea {
    padding: 10px;
    border: #f5a461 1px solid;
}

.etc .caseList li {
    position: relative;
    padding: 0 0 10px 7em;
}

.etc .caseList em {
    display: block;
    width: 6em;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ca6f24;
    color: #fff;
    text-align: center;
}

/**** career ****/
.career h2 {
    border-left: #436aa6 5px solid;
    color: #436aa6;
}

.career h3 {
    background-color: #d6daeb;
    color: #436aa6;
}

.career .naviColor {
    background-color: #d6daeb;
}

.career .menuArea {
    border: #d6daeb 10px solid;
}

.career h4 {
    border: #436aa6 1px solid;
}

.career h4 em {
    background-color: #436aa6;
}

.career h5 {
    padding-left: 25px;
    background: url("/hc/theming_assets/01JAEP46HWVEDRARVY7PA2N1R0") transparent no-repeat left 2px;
    color: #436aa6;
    font-size: 16px;
}

.career .menu li {
    background: url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}

.career .step dt {
    background-color: #f0f2f7;
    color: #436aa6;
}

.career dt.caption {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    color: #4b4b4b;
}

.career .rhombus {
    color: #436aa6;
}

/* 募集要項記事 */
.career [class^="employment_status_icon"]::before {
    display: inline-block;
    position: relative;
    margin: 2px;
    padding: 3px 6px;
    border-radius: 8px;
    background-color: #4d4d4d;
    color: #ffffff;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
}

.career .display_condition_label::before {
    content: "表示条件：";
}

.career .employment_status_icon_regular_staff::before {
    content: "正社員";
    background-color: #4169e1;
}

.career .employment_status_icon_new_grads::before {
    content: "新卒";
    background-color: #3cb371;
}

.career .employment_status_icon_outsourcing::before {
    content: "業務委託";
    background-color: #6a5acd;
}

.career .relation_page_navi::after {
    content: "";
    display: block;
    clear: both;
}

.career .relation_page_navi li {
    display: inline;
    font-size: 16px;
}

.career.relation_page_navi li.relation_page_prev {
    float: left;
}

.career .relation_page_navi li.relation_page_next {
    float: right;
}

.career .relation_page_navi li.relation_page_prev::before {
    content: "<<";
    display: inline-block;
    margin-right: 5px;
}

.career .relation_page_navi li.relation_page_next::after {
    content: ">>";
    display: inline-block;
    margin-left: 5px;
}

/* 募集要項記事 */

/*====== .contents ======*/
#article-page .article-body li ul,
#article-page .article-body li ul {
    margin-left: 0;
}

#article-page .article-body li ul li {
    list-style-type: none;
    margin-left: 0;
}

#article-page .article-body li,
ol,
ul {
    list-style-type: none;
}

.article-body p {
    margin: 15px 0;
}

.article-body img[src$="star.png"] {
    margin-top: 2px;
}

.article-body img[src$="check.png"] {
    margin: 0 3px;
}

.article-body .menuArea strong,
.article-body strong {
    color: #df2026;
    font-weight: normal;
}

.article-body .list {
    margin: 20px 10px;
}

.article-body .list li {
    padding: 5px 0;
}

.article-body .abc_list {
    margin: 20px 10px;
}

.article-body .abc_list li {
    padding: 0 0 10px 30px;
}

.article-body .abc_list li.abc_list_a {
    background: url($assets-icon_a-png) no-repeat top left;
}

.article-body .abc_list li.abc_list_b {
    background: url($assets-icon_b-png) no-repeat top left;
}

.article-body .abc_list li.abc_list_c {
    background: url($assets-icon_c-png) no-repeat top left;
}

.article-body .abc_list li.abc_list_d {
    background: url($assets-icon_d-png) no-repeat top left;
}

.article-body .abc_list li.abc_list_e {
    background: url($assets-icon_e-png) no-repeat top left;
}

.article-body .point {
    position: relative;
    margin: 20px 10px 30px;
    padding: 15px 10px 10px;
    /* 	border:#a1493f 2px solid; */
    background-color: #FFF5E5
}

.article-body .point dt {
    margin-bottom: 5px;
    color: #FF9800;
    font-weight: bold;
}

.article-body .point dt img {
    position: absolute;
    top: -10px;
    left: 10px;
}

.article-body .point ul {
    margin: 20px 0 30px;
}

.article-body .point ul li {
    margin-bottom: 10px;
}

.article-body .panel .step .point dt {
    background-color: transparent;
    color: #a1493f;
}

.article-body .step dt {
    position: relative;
    margin-bottom: 20px;
    padding: 5px 5px 5px 90px;
    font-size: 16px;
    font-weight: bold;
}

.article-body .step dt img {
    position: absolute;
    top: 4px;
    left: 4px;
}

.article-body .step dd {
    margin: 0 10px 30px;
}

.article-body .step dd .panel {
    margin: 0 0 30px;
}

.article-body .step .itemtop {
    margin: 0;
}

.article-body .step .itemtop dt {
    margin-bottom: 0;
    color: #009dd6;
}

.article-body .step .itemtop dt img {
    position: relative;
    left: 0;
    top: 0;
}

.article-body .step .itemtop dd {
    margin: 0 0 10px;
}

.article-body .stepGray dt {
    background-color: #ececec;
    color: #86888b;
}

.article-body .step .point {
    margin: 30px 0 0;
}

.article-body .step .point dt {
    position: static;
    margin-bottom: 5px;
    padding: 0;
    background-color: #fff;
    color: #a1493f;
}

.article-body .step .point dt img {
    left: 10px;
    top: -10px;
}

.article-body .step .point dd {
    margin: 0;
}

.article-body .useOf .point {
    margin: 30px 0 0;
}

.article-body .useOf .point dt {
    position: static;
    margin-bottom: 5px;
    padding: 0;
    background-color: #fff;
    color: #a1493f;
}

.article-body .useOf .point dt img {
    left: 10px;
    top: -10px;
}

.article-body .useOf .point dd {
    margin: 0;
}

.article-body .step .chui {
    margin: 20px 0 30px;
}

.article-body .step .chui dt {
    position: static;
    padding: 0;
    background-color: #fff;
    color: #c43;
    /*font-size:12px;*/
    padding-left: 62px !important;
    padding-bottom: 5px;
    min-height: 20px;
    margin-bottom: 0;
}

.article-body .step .chui dt em,
.article-body .chui dt em,
.article-body .step .hosoku dt em,
.article-body .hosoku dt em {
    display: none;
}

.article-body .step .chui dt img {
    position: static;
}

.article-body .step .chui dd {
    margin: 0;
}

.article-body .commonExplain {
    margin: 30px 20px;
    padding: 10px;
    background-color: #fdf9ee;
    border: #d7cdc3 1px solid;
}

.article-body .commonExplain p {
    margin: 0;
}

.article-body .degi,
.article-body .nondegi {
    position: relative;
    margin: 40px 10px;
    padding: 20px 10px 10px;
}

.article-body .degi dt,
.article-body .nondegi dt {
    color: #fff;
    font-weight: bold;
}

.article-body .degi dt img,
.article-body .nondegi dt img {
    position: absolute;
    top: -10px;
    left: 1px;
}

.article-body .degi {
    background-color: #fdf9ee;
    border: #135195 1px solid;
}

.article-body .nondegi {
    background-color: #fdf9ee;
    border: #f47892 1px solid;
}

.article-body .step .nondegi {
    margin: 40px 0;
}

.article-body .step .nondegi dt {
    position: static;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
}

.article-body .step .nondegi dd {
    margin: 0;
}

.article-body .itemtop {
    margin: 30px 10px;
    padding: 10px;
    border: #009dd6 1px solid;
}

.article-body .itemtop dt {
    padding: 5px 0 5px;
    color: #009dd6;
    font-size: 16px;
    font-weight: bold;
}

.article-body .itemtop dt img {
    margin-right: 8px;
}

.article-body .itemtop dd {
    margin-bottom: 10px;
    padding-left: 0;
    padding-bottom: 15px;
    border-bottom: #4d4d4d dotted 1px;
}

.article-body .itemtop dd.lastchild {
    margin-bottom: 0;
    border-bottom: none;
}

.article-body .itemtop .step dt {
    width: auto;
    padding: 5px 5px 5px 90px;
}

.article-body .itemtop .step dd {
    margin-bottom: 30px;
    padding: 0;
    border: none;
}

.article-body .itemtop .step dd.lastchild {
    margin-bottom: 0;
}

.article-body .itemtopGray {
    border: #86888b 1px solid;
}

.article-body .itemtopGray dt {
    color: #86888b;
}

.article-body .itemtopPink {
    border: #c95789 1px solid;
}

.article-body .itemtopPink dt {
    color: #c95789;
}

.article-body .chui {
    margin: 20px 10px 30px;
    padding: 10px;
    border: #c43 dotted 1px;
}

.article-body .chui dt,
.article-body .itemtop .chui dt {
    color: #c43;
    font-weight: bold;
    font-size: 100%;
    padding: 0 0 5px 64px;
    overflow: visible;
    height: auto;
    width: auto;
    text-indent: 0;
    background: url(/hc/theming_assets/01JAEP4HWDHWBQMFSMKS7DW9RR) no-repeat top left;
    min-height: 20px;
}

.article-body .chui dt img {
    margin-right: 10px;
}

.article-body .chui ul {
    margin-left: 15px;
}

.article-body .chui li {
    padding-left: 0.8em;
    text-indent: -0.5em;
}

.article-body .hosoku {
    margin: 20px 10px 30px;
    padding: 10px;
    border: #c43 dotted 1px;
}

.article-body .hosoku dt {
    color: #c43;
    font-weight: bold;
    padding: 0 0 5px 64px;
    overflow: visible;
    height: auto;
    width: auto;
    text-indent: 0;
    background: url(/hc/theming_assets/01JAEP42YD5QT3Y9N39R4ZXT54) no-repeat top left;
    min-height: 20px;
}

.article-body .osusume {
    margin: 20px 10px 30px;
    padding: 10px;
    border: #c95789 dotted 1px;
}

.article-body .osusume dt {
    margin-bottom: 12px;
    color: #c95789;
    font-weight: bold;
}

.article-body .osusume dt img {
    margin-right: 10px;
}

.article-body .panel {
    margin: 0 10px 30px;
    border: #009dd6 1px solid;
}

.article-body .panel ul.panelList {
    padding: 10px;
}

.article-body .panel ul.panelList li {
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 10px 30px;
    border-bottom: 1px dotted #4d4d4d;
}

.article-body .panel ul.panelList li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.article-body .panelNum {
    position: absolute;
    top: 0;
    left: 0;
}

.article-body .panel dl {
    width: 100%;
}

.article-body .panel dt {
    padding-bottom: 5px;
    color: #009dd6;
    font-size: 14px;
    font-weight: bold;
}

.article-body .panel dt em {
    font-size: 12px;
}

.article-body .panel dd {
    padding-bottom: 10px;
    margin: 0 0 10px;
}

.article-body .panel .step {
    float: none;
    width: auto;
    margin: 10px;
    padding: 0;
}

.article-body .panel .step>dl {
    float: none;
    width: auto;
    padding: 0 5px;
}

.article-body .panel .step dt {
    width: auto;
}

.article-body .yoyaku .panel .step .point dt {
    color: #a1493f;
}

.article-body .yoyaku .panel .step dt {
    color: #744c94;
}

.article-body .yoyaku .panel .step .chui dt {
    color: #c43;
}

.article-body .panel .point {
    float: none;
    width: auto;
    padding: 10px 10px 0;
}

.article-body .panel .step dl.point {
    float: none;
    width: auto;
    padding: 10px 10px 0;
}

.article-body .hdgPanel {
    padding: 3px;
    background-color: #e5f1f5;
    background-image: none;
    color: #009dd6;
    font-size: 14px;
    font-weight: bold;
}

.article-body .alert {
    margin: 0 10px 30px;
    padding: 10px;
    border: #744c94 1px solid;
}

.article-body .alert p {
    margin: 0 0 10px;
    color: #744c94;
    font-size: 14px;
    font-weight: bold;
}

.article-body .alert dt {
    float: left;
    clear: both;
    width: 107px;
    padding: 3px 0;
    background-color: #6d7788;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.article-body .alert dd {
    padding: 3px 0;
    margin: 0 0 10px 117px;
}

.article-body .alert dd.lastchild {
    margin-bottom: 0;
}

.article-body #shortSearch dt {
    width: 30%;
    background-color: #668dbf;
}

.article-body #shortSearch dd {
    margin-left: 32%;
}

.article-body table {
    width: 100%;
}

.article-body th {
    padding: 3px 5px;
    background-color: #f1efeb;
    border: #ccc 1px solid;
    text-align: left;
    font-weight: bold;
    word-break: break-word;
}

.article-body .thW190 th {
    width: 190px;
}

.article-body .thW110 th {
    width: 110px;
}

.article-body td {
    padding: 3px 5px;
    border: #ccc 1px solid;
    word-break: break-word;
}

.article-body .contentsMargin {
    margin: 30px 10px;
}

#article-page .article-body table li {
    padding-left: 0.5em;
    text-indent: -0.5em;
    margin-top: 0;
}

.article-body .processList dt,
.article-body .step .processList dt {
    float: left;
    clear: both;
    width: auto;
    margin-bottom: 0;
    padding: 0;
    background-color: #fff;
}

.article-body .processList dt img {
    position: static;
}

.article-body .processList dd,
.article-body .step .processList dd {
    margin: 0 0 10px 32px;
}

/*====== .point ======*/
.pointLabel {
    /*	background: url(/hc/theming_assets/01JAEP47CPM31NEHM8Y9612DY4) no-repeat 10px 0;
	margin-top: -30px;
	padding-top: 30px;
	*/
}

/*====== .chui ======*/
.chui dt {
    width: 56px;
    height: 20px;
    background: url(/hc/theming_assets/01JAEP4HWDHWBQMFSMKS7DW9RR) no-repeat 0;
    text-indent: -9999em;
    overflow: hidden;
}

/*====== .step ======*/
.start .step1 {
    background: url(/hc/theming_assets/01JAEP4AGP1KVBSFN02X48FAGJ) #f7ebeb no-repeat 5px center;
}

.start .step2 {
    background: url(/hc/theming_assets/01JAEP40R51YG3FZ4XQR4V0CSP) #f7ebeb no-repeat 5px center;
}

.start .step3 {
    background: url(/hc/theming_assets/01JAEP4DMRBPQ5CV6FXDZXHSND) #f7ebeb no-repeat 5px center;
}

.start .step4 {
    background: url(/hc/theming_assets/01JAEP40N1FV7M772QZQHP24NP) #f7ebeb no-repeat 5px center;
}

.analysis .step1 {
    background: url(/hc/theming_assets/01JAEP44KAWH7E993BA16CDPW2) #f7ebeb no-repeat 5px center;
}

.analysis .step2 {
    background: url(/hc/theming_assets/01JAEP45SHZ1C3RZ2RTB8TP71K) #f7ebeb no-repeat 5px center;
}

.analysis .step3 {
    background: url(/hc/theming_assets/01JAEP4B7T8DSPYP93VZVSF3AV) #f7ebeb no-repeat 5px center;
}

.analysis .step4 {
    background: url($assets-analysis_step04-png) #f7ebeb no-repeat 5px center;
}

.career .step1 {
    background: url(/hc/theming_assets/01JAEP4A2TBB8QE127XH2QXETM) #f7ebeb no-repeat 5px center;
}

.career .step2 {
    background: url(/hc/theming_assets/01JAEP441RWVVQX4G1RMZP7ZR9) #f7ebeb no-repeat 5px center;
}

.career .step3 {
    background: url(/hc/theming_assets/01JAEP414PX7Y6JR7TNHNQRCHH) #f7ebeb no-repeat 5px center;
}

.career .step4 {
    background: url(/hc/theming_assets/01JAEP4JDTKBWV73183AYB60BY) #f7ebeb no-repeat 5px center;
}

.career .step5 {
    background: url(/hc/theming_assets/01JAEP4B3DRJQZ1KAWMCQCMNEP) #f7ebeb no-repeat 5px center;
}

.career .step6 {
    background: url(/hc/theming_assets/01JAEP4MP47XNPP13GAB5ZV5G4) #f7ebeb no-repeat 5px center;
}

.clm .step1 {
    background: url(/hc/theming_assets/01JAEP45B2W38TDM7YGVNPEP1E) #f7ebeb no-repeat 5px center;
}

.clm .step2 {
    background: url(/hc/theming_assets/01JAEP417TKPXTRNKE1NCCXJFR) #f7ebeb no-repeat 5px center;
}

.clm .step3 {
    background: url(/hc/theming_assets/01JAEP4APEY00FYD3W54YJ1MW9) #f7ebeb no-repeat 5px center;
}

.clm .step4 {
    background: url(/hc/theming_assets/01JAEP4HHPHKVNT6H52TV9PFVM) #f7ebeb no-repeat 5px center;
}

.clm .step5 {
    background: url(/hc/theming_assets/01JAEP418ZFFKYRBWD134ZVJ7Q) #f7ebeb no-repeat 5px center;
}

.custom .step1 {
    background: url(/hc/theming_assets/01JAEP41AYB4VDJ5X7T217FC25) #f7ebeb no-repeat 5px center;
}

.custom .step2 {
    background: url(/hc/theming_assets/01JAEP49NV9CNFBZ88RNQXBSKP) #f7ebeb no-repeat 5px center;
}

.custom .step3 {
    background: url(/hc/theming_assets/01JAEP4NP92ND28AF237T6QCAJ) #f7ebeb no-repeat 5px center;
}

.custom .step4 {
    background: url(/hc/theming_assets/01JAEP3ZT5KCKWM4WH716W9ARG) #f7ebeb no-repeat 5px center;
}

.custom .step5 {
    background: url(/hc/theming_assets/01JAEP3X2T5E8X8A87Z09WKAQ0) #f7ebeb no-repeat 5px center;
}

.custom .step6 {
    background: url(/hc/theming_assets/01JAEP472Q2WETNYKGZSMMCFPA) #f7ebeb no-repeat 5px center;
}

.etc .step1 {
    background: url(/hc/theming_assets/01JAEP4A337P1HD2D4NE87JGEF) #f7ebeb no-repeat 5px center;
}

.etc .step2 {
    background: url(/hc/theming_assets/01JAEP44ZSVHNKTSMPXVRYBAZS) #f7ebeb no-repeat 5px center;
}

.etc .step3 {
    background: url(/hc/theming_assets/01JAEP4DEEZ4HV6M96VESV8B2D) #f7ebeb no-repeat 5px center;
}

.etc .step4 {
    background: url(/hc/theming_assets/01JAEP4GJMMTY47X4EMYBV4DAA) #f7ebeb no-repeat 5px center;
}

.etc .step5 {
    background: url(/hc/theming_assets/01JAEP420MA19F7XP978HPXPDQ) #f7ebeb no-repeat 5px center;
}

.etc .step6 {
    background: url(/hc/theming_assets/01JAEP44YJMDJZ9H7FC9YDCAHA) #f7ebeb no-repeat 5px center;
}

.etc .step7 {
    background: url(/hc/theming_assets/01JAEP428DYTX4E14MQEQ09MJM) #f7ebeb no-repeat 5px center;
}

.keisai .step1 {
    background: url(/hc/theming_assets/01JAEP46108WETM71W7W51VN18) #f7ebeb no-repeat 5px center;
}

.keisai .step2 {
    background: url(/hc/theming_assets/01JAEP3W642BWNG4MJTV7757PT) #f7ebeb no-repeat 5px center;
}

.keisai .step3 {
    background: url(/hc/theming_assets/01JAEP4N59K6NV5JJ2CWA1VYPE) #f7ebeb no-repeat 5px center;
}

.keisai .step4 {
    background: url(/hc/theming_assets/01JAEP4F6666J3W5C39764YSJG) #f7ebeb no-repeat 5px center;
}

.keisai .step5 {
    background: url(/hc/theming_assets/01JAEP3X2PRVYE2W7V9J1CXEKQ) #f7ebeb no-repeat 5px center;
}

.keisai .step6 {
    background: url(/hc/theming_assets/01JAEP4QSDWPXD2RZZDNESE9P7) #f7ebeb no-repeat 5px center;
}

.keisai .step7 {
    background: url(/hc/theming_assets/01JAEP4GNHC1CXJZ415B9WT0X4) #f7ebeb no-repeat 5px center;
}

.keisai .step8 {
    background: url(/hc/theming_assets/01JAEP4K9YRR6RH33G88SM0P0K) #f7ebeb no-repeat 5px center;
}

.keisai .step9 {
    background: url(/hc/theming_assets/01JAEP43E2X5Q45W0PMNZDQ83W) #f7ebeb no-repeat 5px center;
}

.keisai .step10 {
    background: url(/hc/theming_assets/01JAEP4E4AT2346X37608PDAZX) #f7ebeb no-repeat 5px center;
}

.login .step1 {
    background: url(/hc/theming_assets/01JAEP486Z67FZ049SS78EBXM2) #f7ebeb no-repeat 5px center;
}

.login .step2 {
    background: url(/hc/theming_assets/01JAEP4R32ZNEF4Z980ZHFKJ78) #f7ebeb no-repeat 5px center;
}

.login .step3 {
    background: url(/hc/theming_assets/01JAEP44A9BFYER21PKE07S02C) #f7ebeb no-repeat 5px center;
}

.login .step4 {
    background: url(/hc/theming_assets/01JAEP4BZFZPPYJJ4A2FB1P4DF) #f7ebeb no-repeat 5px center;
}

.login .step5 {
    background: url(/hc/theming_assets/01JAEP40K6E2HQN6AT7YCA3A6Y) #f7ebeb no-repeat 5px center;
}

.msg .step1 {
    background: url(/hc/theming_assets/01JAEP4BH7ZJXYMJMC74DFTVV1) #f7ebeb no-repeat 5px center;
}

.msg .step2 {
    background: url(/hc/theming_assets/01JAEP4GSTPTFR3XGFPTZPQ33F) #f7ebeb no-repeat 5px center;
}

.msg .step3 {
    background: url(/hc/theming_assets/01JAEP431C314NVK328GHP318C) #f7ebeb no-repeat 5px center;
}

.msg .step4 {
    background: url(/hc/theming_assets/01JAEP4CC2479TJ11XBVQKXEWF) #f7ebeb no-repeat 5px center;
}

.msg .step5 {
    background: url(/hc/theming_assets/01JAEP4FPDXK6JJZ2MAKS6K5S7) #f7ebeb no-repeat 5px center;
}

.msg .step6 {
    background: url(/hc/theming_assets/01JAEP4FF7WEWFN4FGAXDC9012) #f7ebeb no-repeat 5px center;
}

.msg .step7 {
    background: url(/hc/theming_assets/01JAEP4CJ9A0A3YEKTPF6R881V) #f7ebeb no-repeat 5px center;
}

.regi .step1 {
    background: url(/hc/theming_assets/01JAEP3WC9DFM5MM7GQPY8H28E) #f7ebeb no-repeat 5px center;
}

.regi .step2 {
    background: url(/hc/theming_assets/01JAEP44VDTFSY82F390W6SR98) #f7ebeb no-repeat 5px center;
}

.regi .step3 {
    background: url(/hc/theming_assets/01JAEP48RE2SSXKCDYSE86DQ9H) #f7ebeb no-repeat 5px center;
}

.regi .step4 {
    background: url(/hc/theming_assets/01JAEP45TTECADVGBA0PXQKJTY) #f7ebeb no-repeat 5px center;
}

.regi .step5 {
    background: url(/hc/theming_assets/01JAEP47CWZ9CMA36179AT4E75) #f7ebeb no-repeat 5px center;
}

.regi .step6 {
    background: url(/hc/theming_assets/01JAEP4QZYRBCCGHBWH831JR9Y) #f7ebeb no-repeat 5px center;
}

.regi .step7 {
    background: url(/hc/theming_assets/01JAEP42JM53NNMHKKDXJG7ZWW) #f7ebeb no-repeat 5px center;
}

.regi .step8 {
    background: url(/hc/theming_assets/01JAEP4BAX52YRH5WT1ZRQXWCN) #f7ebeb no-repeat 5px center;
}

.regi .step9 {
    background: url(/hc/theming_assets/01JAEP3W8EWRXR5CTS818ZEZE3) #f7ebeb no-repeat 5px center;
}

.regi .step10 {
    background: url(/hc/theming_assets/01JAEP40F3GGH2JJ8T5VQ9ABCJ) #f7ebeb no-repeat 5px center;
}

.regi .step11 {
    background: url(/hc/theming_assets/01JAEP4JA9MT9E48SHQPKPXYZ1) #f7ebeb no-repeat 5px center;
}

.regi .step12 {
    background: url(/hc/theming_assets/01JAEP4KPEDRERP1KAVTRY7EAR) #f7ebeb no-repeat 5px center;
}

.seikyu .step1 {
    background: url(/hc/theming_assets/01JAEP42B2C55H513TCWZ4X6VP) #f7ebeb no-repeat 5px center;
}

.seikyu .step2 {
    background: url(/hc/theming_assets/01JAEP4676829F3Q6WP1S34X0D) #f7ebeb no-repeat 5px center;
}

.seikyu .step3 {
    background: url(/hc/theming_assets/01JAEP49XB1K0NSBJ4XRY86GHW) #f7ebeb no-repeat 5px center;
}

.seikyu .step4 {
    background: url(/hc/theming_assets/01JAEP43W47ARSKDXHTFPK3P0A) #f7ebeb no-repeat 5px center;
}

.seikyu .step5 {
    background: url(/hc/theming_assets/01JAEP408JK39D234DA72T0F2J) #f7ebeb no-repeat 5px center;
}

.settei .step1 {
    background: url(/hc/theming_assets/01JAEP3WC9DFM5MM7GQPY8H28E) #f7ebeb no-repeat 5px center;
}

.settei .step2 {
    background: url(/hc/theming_assets/01JAEP44VDTFSY82F390W6SR98) #f7ebeb no-repeat 5px center;
}

.settei .step3 {
    background: url(/hc/theming_assets/01JAEP48RE2SSXKCDYSE86DQ9H) #f7ebeb no-repeat 5px center;
}

.settei .step4 {
    background: url(/hc/theming_assets/01JAEP4NYASBT4C5A4WZNZN9CV) #f7ebeb no-repeat 5px center;
}

.uketsuke .step1 {
    background: url(/hc/theming_assets/01JAEP4A2TBB8QE127XH2QXETM) #f7ebeb no-repeat 5px center;
}

.uketsuke .step2 {
    background: url(/hc/theming_assets/01JAEP441RWVVQX4G1RMZP7ZR9) #f7ebeb no-repeat 5px center;
}

.uketsuke .step3 {
    background: url(/hc/theming_assets/01JAEP414PX7Y6JR7TNHNQRCHH) #f7ebeb no-repeat 5px center;
}

.yoyaku .step1 {
    background: url(/hc/theming_assets/01JAEP4DQTBXD5HNCC05BQ4MSF) #f7ebeb no-repeat 5px center;
}

.yoyaku .step2 {
    background: url(/hc/theming_assets/01JAEP488TN746FSCGS7JNH4X0) #f7ebeb no-repeat 5px center;
}

.yoyaku .step3 {
    background: url(/hc/theming_assets/01JAEP4PGAKFZTHCN32VYKP5VK) #f7ebeb no-repeat 5px center;
}

.yoyaku .step4 {
    background: url(/hc/theming_assets/01JAEP4CM4MGGASAG3YX42EBF9) #f7ebeb no-repeat 5px center;
}

.yoyaku .step5 {
    background: url(/hc/theming_assets/01JAEP4DJS9REN4J2R5VP2D6WC) #f7ebeb no-repeat 5px center;
}

.yoyaku .step6 {
    background: url(/hc/theming_assets/01JAEP49QNGVDNP8D1EF1S4J5M) #f7ebeb no-repeat 5px center;
}

.yoyaku .step7 {
    background: url(/hc/theming_assets/01JAEP4NKXDKEEN01RW4SA3355) #f7ebeb no-repeat 5px center;
}

.menuYoyakuManagement .step1 {
    background: url(/hc/theming_assets/01JAEP4DQTBXD5HNCC05BQ4MSF) #f7ebeb no-repeat 5px center;
}

.menuYoyakuManagement .step2 {
    background: url(/hc/theming_assets/01JAEP488TN746FSCGS7JNH4X0) #f7ebeb no-repeat 5px center;
}

.groupid .step1 {
    background: url(/hc/theming_assets/01JAEP46108WETM71W7W51VN18) #f7ebeb no-repeat 5px center;
}

.groupid .step2 {
    background: url(/hc/theming_assets/01JAEP3W642BWNG4MJTV7757PT) #f7ebeb no-repeat 5px center;
}

.groupid .step3 {
    background: url(/hc/theming_assets/01JAEP4N59K6NV5JJ2CWA1VYPE) #f7ebeb no-repeat 5px center;
}

.groupid .step4 {
    background: url(/hc/theming_assets/01JAEP4F6666J3W5C39764YSJG) #f7ebeb no-repeat 5px center;
}

.groupid .step5 {
    background: url(/hc/theming_assets/01JAEP3X2PRVYE2W7V9J1CXEKQ) #f7ebeb no-repeat 5px center;
}

.groupid .step6 {
    background: url(/hc/theming_assets/01JAEP4QSDWPXD2RZZDNESE9P7) #f7ebeb no-repeat 5px center;
}

.groupid .step7 {
    background: url(/hc/theming_assets/01JAEP4GNHC1CXJZ415B9WT0X4) #f7ebeb no-repeat 5px center;
}

.groupid .step8 {
    background: url(/hc/theming_assets/01JAEP4K9YRR6RH33G88SM0P0K) #f7ebeb no-repeat 5px center;
}

.groupid .step9 {
    background: url(/hc/theming_assets/01JAEP43E2X5Q45W0PMNZDQ83W) #f7ebeb no-repeat 5px center;
}

.groupid .step10 {
    background: url($assets-keisai_step010-png) #f7ebeb no-repeat 5px center;
}

.cls .step1 {
    background: url(/hc/theming_assets/01JAEP45B2W38TDM7YGVNPEP1E) #f7ebeb no-repeat 5px center;
}

.cls .step2 {
    background: url(/hc/theming_assets/01JAEP417TKPXTRNKE1NCCXJFR) #f7ebeb no-repeat 5px center;
}

.cls .step3 {
    background: url(/hc/theming_assets/01JAEP4APEY00FYD3W54YJ1MW9) #f7ebeb no-repeat 5px center;
}

.cls .step4 {
    background: url(/hc/theming_assets/01JAEP4HHPHKVNT6H52TV9PFVM) #f7ebeb no-repeat 5px center;
}

.cls .step5 {
    background: url(/hc/theming_assets/01JAEP418ZFFKYRBWD134ZVJ7Q) #f7ebeb no-repeat 5px center;
}

.cls .step6 {
    background: url(/hc/theming_assets/01JAEP427298SPZJ6M0VSR99BP) #f7ebeb no-repeat 5px center;
}

.cls .step7 {
    background: url($assets-clm_step07-png) #f7ebeb no-repeat 5px center;
}

.hpds .step1 {
    background: url(/hc/theming_assets/01JAEP4A337P1HD2D4NE87JGEF) #f5a461 no-repeat 5px center;
}

.hpds .step2 {
    background: url(/hc/theming_assets/01JAEP44ZSVHNKTSMPXVRYBAZS) #f5a461 no-repeat 5px center;
}

.hpds .step3 {
    background: url(/hc/theming_assets/01JAEP4DEEZ4HV6M96VESV8B2D) #f5a461 no-repeat 5px center;
}

.hpds .step4 {
    background: url(/hc/theming_assets/01JAEP4GJMMTY47X4EMYBV4DAA) #f5a461 no-repeat 5px center;
}

.hpds .step5 {
    background: url(/hc/theming_assets/01JAEP420MA19F7XP978HPXPDQ) #f5a461 no-repeat 5px center;
}

.hpds .step6 {
    background: url(/hc/theming_assets/01JAEP44YJMDJZ9H7FC9YDCAHA) #f5a461 no-repeat 5px center;
}

.hpds .step7 {
    background: url(/hc/theming_assets/01JAEP428DYTX4E14MQEQ09MJM) #f5a461 no-repeat 5px center;
}

.stepGray .step1 {
    background: url(/hc/theming_assets/01JAEP4MVYAJMT7Y3H64Q41FHS) #ececec no-repeat 5px center;
}

.stepGray .step2 {
    background: url(/hc/theming_assets/01JAEP43FTV3T5A1R2KXAXDSEC) #ececec no-repeat 5px center;
}

.stepGray .step3 {
    background: url(/hc/theming_assets/01JAEP4GCE9R7HXD7GBSZZ36HC) #ececec no-repeat 5px center;
}

/*====== .star ======*/
.star {
    background: url(/hc/theming_assets/01JAEP48JEHP074CPKX3R393G9) no-repeat left center;
    text-indent: -9999em;
    display: inline-block;
    width: 13px;
}

/*====== .num ======*/
.article-body .itemtop .num1 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 5px;
}

.article-body .itemtop .num2 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 5px;
}

.article-body .itemtop .num3 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 5px;
}

.article-body .itemtop .num4 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 5px;
}

.article-body .itemtop .num5 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 5px;
}

.article-body .itemtop .num5 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 5px;
}

.article-body .itemtop .num6 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 5px;
}

.article-body .itemtop .num7 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 5px;
}

.article-body .itemtop .num8 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 5px;
}

.article-body .itemtop .num9 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 5px;
}

.article-body .itemtop .num10 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 5px;
}

.article-body .itemtop .num11 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP) no-repeat 0 5px;
}

.article-body .itemtop .num12 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG) no-repeat 0 5px;
}

.article-body .itemtop .num13 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8) no-repeat 0 5px;
}

/*itemtop li用*/
#article-page .article-body .itemtop ul.numlist li {
    padding-bottom: 15px;
}

#article-page .article-body .itemtop ul.numlist li:last-child {
    padding-bottom: 8px;
}

/*パディング＆ボーダーつき li用*/
#article-page .article-body ul.numlist.numBorder {
    padding: 10px;
}

#article-page .article-body ul.numlist.numBorder li {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #4d4d4d;
}

#article-page .article-body ul.numlist.numBorder li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

/*li用*/
#article-page .article-body ul.numlist li {
    padding-bottom: 10px;
}

#article-page .article-body ul.numlist li.num1 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num2 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num3 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num4 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num5 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num6 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num7 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num8 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num9 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num10 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num11 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num12 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG) no-repeat 0 0;
}

#article-page .article-body ul.numlist li.num13 {
    padding-left: 30px;
    background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8) no-repeat 0 0;
}

/* ============== インラインCSSのclass化 ============== */

#article-page .article-body .common_position_r {
    position: relative;
}

#article-page .article-body .common_flex {
    display: block;
}

#article-page .article-body .common_flex>div,
#article-page .article-body .common_flex>dl {
    margin-top: 20px;
}

#article-page .article-body .common_bd_dot {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: #4d4d4d dotted 1px;
}

#article-page .article-body .common_bd_none {
    border: none;
}

#article-page .article-body .common_inline_b {
    display: inline-block;
}

#article-page .article-body .common_va_m {
    vertical-align: middle;
}

#article-page .article-body .common_c_pink {
    color: #c95789;
}

#article-page .article-body .common_mb10 {
    margin: 0 0 10px;
}

#article-page .article-body .common_fs_12 {
    font-size: 12px;
}

#article-page .article-body .common_img_100per {
    width: 100%;
    max-width: auto;
}

#article-page .article-body .common_style_a {
    background-color: transparent;
    color: #009dd6;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
}

#article-page .article-body .common_style_c {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #faf6ec;
    color: #9d7a28;
    padding: 5px 5px 5px 80px;
}

#article-page .article-body .common_style_d {
    background-color: #e5f1f5;
    color: #009dd6;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
}

#article-page .article-body .common_style_e {
    background-color: #e5f1f5;
    color: #009dd6;
    border: #009cd5 1px solid;
    padding: 2px 5px;
}

#article-page .article-body .common_style_f {
    background-color: #eef6f8;
    margin: 0 15px 15px;
    padding: 10px;
}

#article-page .article-body .common_style_g {
    width: auto;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 29px;
}

#article-page .article-body .common_style_h {
    display: block;
    width: 100%;
}

#article-page .article-body .common_style_i li {
    display: block;
}

#article-page .article-body .common_style_i li>p {
    margin-top: 10px;
    margin-left: 35px;
}

#article-page .article-body .common_style_j {
    display: flex;
    display: -webkit-flex;
    width: 100%;
}

#article-page .article-body .common_style_k {
    display: block;
}

#article-page .article-body .common_style_k>div {
    margin-top: 20px;
}

#article-page .article-body .common_width_auto {
    width: auto;
}

#article-page .article-body .common_width_35 {
    width: 35px;
}

#article-page .article-body .common_width_50 {
    width: 50px;
}

#article-page .article-body .common_width_60 {
    width: 60px;
}

#article-page .article-body .common_width_65 {
    width: 65px;
}

#article-page .article-body .common_width_80 {
    width: 80px;
}

#article-page .article-body .common_width_90 {
    width: 90px;
}

#article-page .article-body .common_width_100 {
    width: 100px;
}

#article-page .article-body .common_width_110 {
    width: 110px;
}

#article-page .article-body .common_width_120 {
    width: 120px;
}

#article-page .article-body .common_width_125 {
    width: 125px;
}

#article-page .article-body .common_width_130 {
    width: 130px;
}

#article-page .article-body .common_width_150 {
    width: 150px;
}

#article-page .article-body .common_width_189 {
    width: 189px;
}

#article-page .article-body .common_width_200 {
    width: 200px;
}

#article-page .article-body .common_width_212 {
    width: 212px;
}

#article-page .article-body .common_width_213 {
    width: 213px;
}

#article-page .article-body .common_width_245 {
    width: 245px;
}

#article-page .article-body .common_width_250 {
    width: 250px;
}

#article-page .article-body .common_width_275 {
    width: 275px;
}

#article-page .article-body .common_width_317 {
    width: 317px;
}

#article-page .article-body .common_width_335 {
    width: 335px;
}

#article-page .article-body .common_width_345 {
    width: 345px;
}

#article-page .article-body .common_width_340 {
    width: 340px;
}

#article-page .article-body .common_width_670 {
    width: 670px;
}

#article-page .article-body .common_width_5per {
    width: 5%;
}

#article-page .article-body .common_width_10per {
    width: 10%;
}

#article-page .article-body .common_width_15per {
    width: 15%;
}

#article-page .article-body .common_width_20per {
    width: 20%;
}

#article-page .article-body .common_width_25per {
    width: 25%;
}

#article-page .article-body .common_width_30per {
    width: 30%;
}

#article-page .article-body .common_width_35per {
    width: 35%;
}

#article-page .article-body .common_width_40per {
    width: 40%;
}

#article-page .article-body .common_width_45per {
    width: 45%;
}

#article-page .article-body .common_width_50per {
    width: 50%;
}

#article-page .article-body .common_width_55per {
    width: 55%;
}

#article-page .article-body .common_width_60per {
    width: 60%;
}

#article-page .article-body .common_width_65per {
    width: 65%;
}

#article-page .article-body .common_width_70per {
    width: 70%;
}

#article-page .article-body .common_width_75per {
    width: 75%;
}

#article-page .article-body .common_width_80per {
    width: 80%;
}

#article-page .article-body .common_width_85per {
    width: 85%;
}

#article-page .article-body .common_width_90per {
    width: 90%;
}

#article-page .article-body .common_width_95per {
    width: 95%;
}

#article-page .article-body .common_yes {
    background: #fce4d6;
}

#article-page .article-body .css_before_0007 {
    width: 323px;
    border: #42b2ce 1px solid;
    color: #42b2ce;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
}

#article-page .article-body .css_before_0009 {
    width: 323px;
    border: #42b2ce 1px solid;
    margin: 10px auto;
    padding: 10px 40px;
}

#article-page .article-body .css_before_0010 {
    display: block;
    margin-bottom: 5px;
    color: #42b2ce;
    font-size: 16px;
    font-weight: bold;
}

#article-page .article-body .css_before_0011 {
    margin: 0 8px 0 0;
}

#article-page .article-body .css_before_0012 {
    border: #42b2ce 1px solid;
}

#article-page .article-body .css_before_0015 {
    position: relative;
    border: #42b2ce 1px solid;
}

#article-page .article-body .css_before_0016 {
    padding-right: 130px;
    overflow: hidden;
}

#article-page .article-body .css_before_0017 {
    display: block;
    float: left;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 10px;
}

#article-page .article-body .css_before_0018 {
    position: absolute;
    top: 15px;
    right: 10px;
    border-bottom: none;
}

#article-page .article-body .css_before_0019 {
    display: block;
    text-align: center;
}

#article-page .article-body .css_before_0019>div {
    margin-top: 15px;
}

#article-page .article-body .css_before_0019>div:first-child {
    margin-top: 0;
}


#article-page .article-body .css_biyou_0027 {
    border: #a1493f 1px solid;
    padding: 10px;
}

#article-page .article-body .css_biyou_0037 {
    border: #4d4d4d 1px solid;
    padding: 10px;
}

#article-page .article-body .css_biyou_0047 {
    width: 90%;
}

#article-page .article-body .css_biyou_0060 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

#article-page .article-body .css_biyou_0079 {
    margin-top: 20px;
}

#article-page .article-body .css_biyou_0123 {
    width: 40px;
}

#article-page .article-body .css_biyou_0132 {
    margin: 10px;
}

#article-page .article-body .css_biyou_0198 {
    background-color: #ececec;
    color: #86888b;
}

#article-page .article-body .css_biyou_0199 {
    border: #86888b 1px solid;
    margin: 20px 10px 30px;
    padding: 0 20px;
}

#article-page .article-body .css_biyou_0238 {
    position: relative;
    padding-bottom: 1em;
}

#article-page .article-body .css_biyou_0239 {
    position: absolute;
    left: 430px;
    top: 265px;
    width: 235px;
}

#article-page .article-body .css_biyou_0241 {
    position: absolute;
    left: 10px;
    top: 220px;
    width: 260px;
}

#article-page .article-body .css_biyou_0242 {
    position: absolute;
    left: 350px;
    top: 130px;
    width: 315px;
}

#article-page .article-body .css_biyou_0248 {
    width: 300px;
}

#article-page .article-body .css_biyou_0249 {
    color: #f5a461;
}

#article-page .article-body .css_biyou_0293 {
    width: 5em;
}

#article-page .article-body .css_biyou_0296 {
    background-color: transparent;
    color: #A1493F;
    font-size: 14px;
    margin-bottom: 5px;
    position: static;
    padding: 0;
}

#article-page .article-body .css_kirei_0085 {
    position: relative;
    padding-bottom: 1.5em;
}

#article-page .article-body .css_kirei_0086 {
    position: absolute;
    left: 430px;
    bottom: 0;
    width: 200px;
}

#article-page .article-body .css_kirei_0088 {
    position: absolute;
    left: 5px;
    bottom: 0;
    width: 300px;
}

#article-page .article-body .css_kirei_0089 {
    position: absolute;
    left: 360px;
    top: 175px;
    width: 310px;
}

#article-page .article-body .css_kirei_0106 {
    width: 26%;
}

#article-page .article-body .css_kirei_0107 {
    width: 24%;
}

#article-page .article-body .css_kirei_0121 {
    width: 40px;
    margin-right: 5px;
}

#article-page .article-body .css_kirei_0122 {
    width: 30px;
}

#article-page .article-body .css_kirei_0214 {
    width: 54px;
}

#article-page .article-body .css_kirei_0268 {
    margin-bottom: 20px;
    background-color: #e5f1f5;
    padding: 10px;
}

#article-page .article-body .css_kirei_0269 {
    color: #009dd6;
    font-weight: bold;
}

#article-page .article-body .css_kirei_0272 {
    background-color: #eef6f8;
    margin: 30px 10px;
    padding: 10px;
}

#article-page .article-body .css_kirei_0273 {
    margin-bottom: 10px;
    color: #009dd6;
    font-weight: bold;
}

#article-page .article-body .css_kirei_0319 {
    color: #c43;
}

#article-page .article-body .css_backup_0000,
#article-page .article-body .css_backup_0007,
#article-page .article-body .css_biyou_0005,
#article-page .article-body .css_kirei_0014 {
    margin: 0 10px;
}

#article-page .article-body .css_backup_0002,
#article-page .article-body .css_backup_0009,
#article-page .article-body .css_biyou_0007,
#article-page .article-body .css_kirei_0016 {
    position: relative;
    margin: 0 10px;
}

#article-page .article-body .css_backup_0004,
#article-page .article-body .css_backup_0011,
#article-page .article-body .css_biyou_0009,
#article-page .article-body .css_kirei_0018 {
    position: absolute;
    top: 266px;
}

#article-page .article-body .css_backup_0005,
#article-page .article-body .css_backup_0012,
#article-page .article-body .css_biyou_0010,
#article-page .article-body .css_kirei_0019 {
    margin: 70px 10px 0;
}

#article-page .article-body .css_before_0004,
#article-page .article-body .css_biyou_0073,
#article-page .article-body .css_kirei_0054 {
    position: relative;
    padding-bottom: 6em;
}

#article-page .article-body .css_before_0013,
#article-page .article-body .css_before_0014,
#article-page .article-body .css_before_0020 {
    display: block;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 30px;
}

#article-page .article-body .css_biyou_0001,
#article-page .article-body .css_biyou_0003,
#article-page .article-body .css_kirei_0363,
#article-page .article-body .css_kirei_0365 {
    margin-bottom: 0;
    border: #da9e3b 1px solid;
    font-size: 14px;
    display: inline;
    padding: 2px 10px;
}

#article-page .article-body .css_biyou_0002,
#article-page .article-body .css_biyou_0004,
#article-page .article-body .css_kirei_0364,
#article-page .article-body .css_kirei_0366 {
    margin: 10px 0 15px;
}

#article-page .article-body .css_biyou_0012,
#article-page .article-body .css_kirei_0013 {
    width: auto;
}

#article-page .article-body .css_biyou_0018,
#article-page .article-body .css_kirei_0102 {
    display: block;
}

#article-page .article-body .css_biyou_0018 div,
#article-page .article-body .css_kirei_0102 div {
    margin-bottom: 30px;
}

#article-page .article-body .css_biyou_0026,
#article-page .article-body .css_kirei_0083 {
    width: 140px;
}

#article-page .article-body .css_biyou_0028,
#article-page .article-body .css_kirei_0084 {
    width: 70px;
}

#article-page .article-body .css_biyou_0030,
#article-page .article-body .css_biyou_0031,
#article-page .article-body .css_kirei_0109,
#article-page .article-body .css_kirei_0110 {
    width: 203px;
}

#article-page .article-body .css_biyou_0036,
#article-page .article-body .css_kirei_0252 {
    padding-left: 2em;
    text-indent: -2em;
}

#article-page .article-body .att .grayArea ul.rightTxt.css_biyou_0039,
#article-page .article-body .att .grayArea ul.rightTxt.css_biyou_0041,
#article-page .article-body .att .grayArea ul.rightTxt.css_biyou_0043 {
    margin-left: 130px;
}

#article-page .article-body .css_biyou_0045,
#article-page .article-body .css_kirei_0097 {
    position: absolute;
    top: 0;
    right: 0;
    width: 420px;
}

#article-page .article-body .css_biyou_0046,
#article-page .article-body .css_kirei_0095 {
    width: 60%;
}

#article-page .article-body .css_biyou_0048,
#article-page .article-body .css_biyou_0068,
#article-page .article-body .css_kirei_0144,
#article-page .article-body .css_kirei_0202 {
    width: 25%;
}

#article-page .article-body .css_biyou_0049,
#article-page .article-body .css_kirei_0203 {
    width: 84px;
}

#article-page .article-body .css_biyou_0050,
#article-page .article-body .css_kirei_0204 {
    width: 230px;
    border-right: none;
}

#article-page .article-body .css_biyou_0051,
#article-page .article-body .css_kirei_0205 {
    border-left: none;
}

#article-page .article-body .css_biyou_0053,
#article-page .article-body .css_kirei_0207 {
    width: 45%;
}

#article-page .article-body .css_biyou_0054,
#article-page .article-body .css_biyou_0117,
#article-page .article-body .css_kirei_0111,
#article-page .article-body .css_kirei_0208 {
    width: 91px;
}

#article-page .article-body .css_biyou_0055,
#article-page .article-body .css_kirei_0209 {
    width: 74px;
}

#article-page .article-body .css_biyou_0056,
#article-page .article-body .css_kirei_0210 {
    width: 16%;
}

#article-page .article-body .css_biyou_0057,
#article-page .article-body .css_kirei_0103,
#article-page .article-body .css_kirei_0211 {
    width: 10%;
}

#article-page .article-body .css_biyou_0058,
#article-page .article-body .css_kirei_0212 {
    width: 46%;
}

#article-page .article-body .css_biyou_0059,
#article-page .article-body .css_kirei_0213 {
    width: 28%;
}

#article-page .article-body .css_biyou_0062,
#article-page .article-body .css_kirei_0000 {
    text-decoration: underline;
}

#article-page .article-body .css_biyou_0067,
#article-page .article-body .css_kirei_0143 {
    padding-left: 1em;
    text-indent: -1em;
}

#article-page .article-body .css_biyou_0076,
#article-page .article-body .css_kirei_0042 {
    border: #a1493f 2px solid;
    margin: 15px 0;
    padding: 10px;
}

#article-page .article-body .css_biyou_0077,
#article-page .article-body .css_kirei_0043 {
    background-color: #ececec;
    width: 160px;
    padding: 5px 10px;
}

#article-page .article-body .css_biyou_0082,
#article-page .article-body .css_kirei_0092 {
    position: absolute;
    right: 0;
}

#article-page .article-body .css_biyou_0087,
#article-page .article-body .css_biyou_0297,
#article-page .article-body .css_kirei_0021,
#article-page .article-body .css_kirei_0256,
#article-page .article-body .css_kirei_0263 {
    border: 1px solid #009dd6;
}

#article-page .article-body .css_biyou_0092,
#article-page .article-body .css_biyou_0302,
#article-page .article-body .css_kirei_0023,
#article-page .article-body .css_kirei_0258 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}

#article-page .article-body .css_biyou_0101,
#article-page .article-body .css_biyou_0243,
#article-page .article-body .css_kirei_0033 {
    background-color: #e5f1f5;
    margin: 0 10px 15px;
    padding: 10px;
}

#article-page .article-body .css_biyou_0103,
#article-page .article-body .css_biyou_0245,
#article-page .article-body .css_kirei_0035 {
    background-color: #e5f1f5;
    margin: 0 10px 25px;
    padding: 10px;
}

#article-page .article-body .css_biyou_0106,
#article-page .article-body .css_biyou_0108 {
    float: none;
    padding-right: 10px;
    width: auto;
    margin: 40px 0 0;
}

#article-page .article-body .css_biyou_0107,
#article-page .article-body .css_biyou_0109,
#article-page .article-body .css_kirei_0038,
#article-page .article-body .css_kirei_0039 {
    float: none;
    width: auto;
}

#article-page .article-body .css_biyou_0110,
#article-page .article-body .css_kirei_0040 {
    border: #aaa 1px solid;
    padding: 0 15px;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
}

#article-page .article-body .css_biyou_0111,
#article-page .article-body .css_biyou_0114,
#article-page .article-body .css_kirei_0044,
#article-page .article-body .css_kirei_0049 {
    display: block;
}

#article-page .article-body .css_biyou_0112,
#article-page .article-body .css_biyou_0115,
#article-page .article-body .css_kirei_0045,
#article-page .article-body .css_kirei_0050 {
    display: block;
    float: left;
}

#article-page .article-body .css_biyou_0113,
#article-page .article-body .css_biyou_0116,
#article-page .article-body .css_kirei_0046,
#article-page .article-body .css_kirei_0051 {
    display: block;
    float: right;
}

#article-page .article-body .css_biyou_0121,
#article-page .article-body .css_biyou_0125,
#article-page .article-body .css_kirei_0119,
#article-page .article-body .css_kirei_0124,
#article-page .article-body .css_kirei_0126 {
    width: 35px;
    margin-right: 5px;
}

#article-page .article-body .css_biyou_0141,
#article-page .article-body .css_biyou_0142,
#article-page .article-body .css_kirei_0245,
#article-page .article-body .css_kirei_0246 {
    color: #c95789;
    font-size: 14px;
    font-weight: bold;
}

#article-page .article-body .css_biyou_0194,
#article-page .article-body .css_biyou_0292,
#article-page .article-body .css_kirei_0194 {
    margin: 0 10px;
}

#article-page .article-body .css_biyou_0196,
#article-page .article-body .css_kirei_0238 {
    border: #e78682 1px solid;
    margin: 20px 10px 30px;
    padding: 0 20px;
}

#article-page .article-body .css_biyou_0197,
#article-page .article-body .css_biyou_0200,
#article-page .article-body .css_kirei_0239 {
    font-size: 16px;
    font-weight: bold;
}

#article-page .article-body .css_biyou_0203,
#article-page .article-body .css_kirei_0221 {
    border: #723a92 1px solid;
    padding: 10px;
}

#article-page .article-body .css_biyou_0203>div,
#article-page .article-body .css_kirei_0221>div {
    display: block;
}

#article-page .article-body .css_biyou_0203>div>dl,
#article-page .article-body .css_kirei_0221>div>dl {
    margin-bottom: 15px;
}

#article-page .article-body .css_biyou_0203>div>dl,
#article-page .article-body .css_kirei_0221>div>dl:first-child {
    margin-left: 0;
}

#article-page .article-body .css_biyou_0209,
#article-page .article-body .css_kirei_0227 {
    border: #723a92 1px solid;
    padding: 10px;
}

#article-page .article-body .css_biyou_0204,
#article-page .article-body .css_kirei_0222 {
    padding-bottom: 65px;
    background: url no-repeat center bottom;
}

#article-page .article-body .css_biyou_0207,
#article-page .article-body .css_kirei_0225 {
    background-color: #fdfaee;
    padding: 10px;
    text-align: center;
}

#article-page .article-body .css_biyou_0208,
#article-page .article-body .css_kirei_0226 {
    color: #723a92;
    font-size: 16px;
    font-weight: bold;
}

#article-page .article-body .css_biyou_0210,
#article-page .article-body .css_kirei_0228 {
    display: flex;
    display: -webkit-flex;
}

#article-page .article-body .css_biyou_0210>dl,
#article-page .article-body .css_kirei_0228>dl {
    flex: 1;
    -webkit-flex: 1;
    border: #723a92 1px solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#article-page .article-body .css_biyou_0210>dl>dt,
#article-page .article-body .css_kirei_0228>dl>dt {
    background: #723a92;
    width: 100%;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 3px;
}

#article-page .article-body .css_biyou_0210>dl>dd,
#article-page .article-body .css_kirei_0228>dl>dd {
    padding: 10px;
}

#article-page .article-body .css_biyou_0211,
#article-page .article-body .css_kirei_0229 {
    width: 210px;
}

#article-page .article-body .css_biyou_0213,
#article-page .article-body .css_biyou_0215,
#article-page .article-body .css_kirei_0231,
#article-page .article-body .css_kirei_0233 {
    width: 210px;
    margin-left: 9px;
}

#article-page .article-body .css_biyou_0217,
#article-page .article-body .css_kirei_0235 {
    border: #a788b6 1px solid;
    padding: 2px;
}

#article-page .article-body .css_biyou_0218,
#article-page .article-body .css_kirei_0236 {
    background-color: #a788b6;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}

#article-page .article-body .css_biyou_0219,
#article-page .article-body .css_kirei_0237 {
    padding: 0 8px;
}

#article-page .article-body .css_biyou_0227 {
    display: flex;
    display: -webkit-flex;
}

#article-page .article-body .css_biyou_0227 div {
    flex: 2;
    -webkit-flex: 2;
}

#article-page .article-body .css_biyou_0227 p {
    flex: 1;
    -webkit-flex: 1;
}

#article-page .article-body .css_biyou_0235,
#article-page .article-body .css_kirei_0253 {
    width: 100%;
}

#article-page .article-body .css_biyou_0236,
#article-page .article-body .css_kirei_0254 {
    width: 100%;
}

#article-page .article-body .css_biyou_0240,
#article-page .article-body .css_kirei_0087 {
    position: relative;
    padding-bottom: 3em;
}

#article-page .article-body .css_biyou_0311,
#article-page .article-body .css_biyou_0312,
#article-page .article-body .css_kirei_0284,
#article-page .article-body .css_kirei_0285 {
    color: #9d7a28;
    width: 35%;
    text-align: center;
}

#article-page .article-body .css_biyou_0313,
#article-page .article-body .css_kirei_0286 {
    text-indent: -1em;
}

#article-page .article-body .css_kirei_0003,
#article-page .article-body .css_kirei_0004 {
    border: 1px #47967f solid;
    border-radius: 8px;
    padding: 10px;
}

#article-page .article-body .css_kirei_0011,
#article-page .article-body .css_kirei_0012 {
    padding-top: 2px;
    margin-bottom: 10px;
}

#article-page .article-body .css_kirei_0058 {
    display: block;
}

#article-page .article-body .css_kirei_0058>dl {
    border: #436aa6 1px solid;
    border-radius: 10px;
    margin-bottom: 20px;
}

#article-page .article-body .css_kirei_0059,
#article-page .article-body .css_kirei_0065,
#article-page .article-body .css_kirei_0072 {
    width: auto;
    padding-left: 83px;
    border-radius: 10px 10px 0 0;
}

#article-page .article-body .css_kirei_0060,
#article-page .article-body .css_kirei_0066,
#article-page .article-body .css_kirei_0073 {
    top: 7px;
    left: 7px;
}

#article-page .article-body .css_kirei_0061 {
    border-radius: 10px 10px 0 0;
}

#article-page .article-body .css_kirei_0062 {
    display: none;
}

#article-page .article-body .css_kirei_0063,
#article-page .article-body .css_kirei_0070 {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 9px;
}

#article-page .article-body .css_kirei_0104,
#article-page .article-body .css_kirei_0105 {
    width: 20%;
}

#article-page .article-body .css_kirei_0240,
#article-page .article-body .css_kirei_0249,
#article-page .article-body .css_kirei_0250,
#article-page .article-body .css_kirei_0251 {
    font-size: 12px;
    color: #4b4b4b;
    font-weight: normal;
}


/*============== 旧トンマナの一部リセット ==============*/

#article-page .article-body .new_wrap h2,
#article-page .article-body .new_wrap h3,
#article-page .article-body .new_wrap h4,
#article-page .article-body .new_wrap h5,
#article-page .article-body .new_wrap h6,
#article-page .article-body .new_wrap p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    border: none;
}

#article-page .article-body .new_wrap table {
    width: 100%;
}

#article-page .article-body .new_wrap th {
    padding: 3px 5px;
    background-color: #eee;
    border: #ccc 1px solid;
    font-weight: bold;
    word-break: break-word;
}

#article-page .article-body .new_wrap td {
    padding: 3px 5px;
    background-color: #fff;
    border: #ccc 1px solid;
    word-break: break-word;
}

/*============== ★新トンマナ★ 共通 ==============*/

/*=== レスポンシブ調整用 ===*/

#article-page .article-body .new_wrap .spOnly {
    display: block;
}

/*=== 見出し ===*/

#article-page .article-body .new_wrap .ttl_l {
    font-size: 18px;
    color: #6E98C5;
    background: #d3e0ed;
    padding: 6px 10px;
    margin-bottom: 15px;
}

#article-page .article-body .new_wrap .ttl_m {
    font-size: 16px;
    color: #6E98C5;
    padding: 0 10px;
    margin-bottom: 10px;
    border-left: 6px solid #6e98c5;
}

#article-page .article-body .new_wrap .ttl_s {
    font-size: 16px;
    color: #6E98C5;
    margin-bottom: 10px;
}

#article-page .article-body .new_wrap .ttl_s_gray {
    font-size: 16px;
    color: #555;
    margin-bottom: 5px;
}

#article-page .article-body .new_wrap .ttl_xs {
    font-size: 14px;
    color: #6E98C5;
    margin-bottom: 10px;
}

#article-page .article-body .new_wrap .ttl_xs_gray {
    font-size: 14px;
    font-weight: normal;
    color: #555;
    margin-bottom: 10px;
}

#article-page .article-body .new_wrap .ttl_num {
    font-size: 16px;
    color: #009dd6;
    padding: 0 0 10px 0;
}

#article-page .article-body .new_wrap .ttl_num em {
    display: inline-block;
    color: #fff;
    border-radius: 100%;
    background: #009dd6;
    width: 24px;
    height: 24px;
    text-align: center;
    margin-right: 8px;
}

/*=== 文章 ===*/

#article-page .article-body .new_wrap .txt {
    font-size: 16px;
    margin: 0 0 20px 0;
}

#article-page .article-body .new_wrap .more_link {
    font-size: 16px;
    margin: 0 0 20px 0;
}

#article-page .article-body .new_wrap .more_link:before {
    content: ">>";
    display: inline-block;
    margin-right: 5px;
}

/*=== 枠 ===*/

/* セクション枠 */

#article-page .article-body .new_wrap .new_section {
    margin-bottom: 40px;
}

/* SPで1カラム、PCで2カラムになる枠 */

#article-page .article-body .new_wrap .col_wrap {
    width: 100%;
}

#article-page .article-body .new_wrap .col_contents {
    width: 100%;
}

/* SPで1カラム、PCで2カラムになる枠（間に矢印を入れる用） */

#article-page .article-body .new_wrap .col-arrow_wrap {
    width: 100%;
}

#article-page .article-body .new_wrap .col-arrow_contents {
    width: 100%;
}

/* 見出しがグレーのボックス */

#article-page .article-body .new_wrap .box-a {
    border: 1px solid #ccc;
}

#article-page .article-body .new_wrap .box-a_inner {
    background: #fff;
    padding: 1px;
}

#article-page .article-body .new_wrap .box-a_inner dt {
    padding: 10px 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
}

#article-page .article-body .new_wrap .box-a_inner dd {
    padding: 0 10px 15px;
    font-size: 14px;
    box-sizing: border-box;
}

/* 見出しがブルーのボックス */

#article-page .article-body .new_wrap .box-b {
    border: 1px solid #ccc;
}

#article-page .article-body .new_wrap .box-b_inner {
    background: #fff;
    padding: 1px;
}

#article-page .article-body .new_wrap .box-b_inner dt {
    padding: 10px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    background: #eee;
}

#article-page .article-body .new_wrap .box-b_inner dd {
    padding: 15px 0;
    margin: 0 15px;
    font-size: 14px;
    box-sizing: border-box;
}

/* 見出し背景がブルーのメニュー */

#article-page .article-body .new_wrap .box_menu {
    border: 1px solid #6e98c5;
}

#article-page .article-body .new_wrap .box_menu:first-child {
    margin-bottom: 20px;
}

#article-page .article-body .new_wrap .box_menu_inner {
    background: #fff;
    padding: 1px;
}

#article-page .article-body .new_wrap .box_menu_inner dt {
    background: #eee;
    padding: 10px;
    color: #6E98C5;
    font-size: 16px;
    font-weight: bold;
}

#article-page .article-body .new_wrap .box_menu_inner dd {
    padding: 5px 0;
    margin: 0 10px;
    font-size: 16px;
    box-sizing: border-box;
}

#article-page .article-body .new_wrap .box_menu_inner dd:nth-child(2) {
    padding: 15px 0 5px;
}

#article-page .article-body .new_wrap .box_menu_inner dd:last-child {
    padding: 15px 0;
    border-top: 1px solid #ddd;
    text-align: right;
    margin-top: 10px;
}

/* 見出し背景がブルーのメニュー（リンクあり） */

#article-page .article-body .new_wrap .box_menu_link {
    border: 1px solid #6e98c5;
}

#article-page .article-body .new_wrap .box_menu_link_inner {
    background: #fff;
    padding: 1px;
}

#article-page .article-body .new_wrap .box_menu_link_inner dt {
    background: #eee;
    padding: 10px;
    color: #6E98C5;
    font-size: 16px;
    font-weight: bold;
}

#article-page .article-body .new_wrap .box_menu_link_inner dd {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    margin: 0 10px;
    font-size: 16px;
    box-sizing: border-box;
}

#article-page .article-body .new_wrap .box_menu_link_inner dd:nth-child(2) {
    border-top: none;
}

/* 使ってみましょうの枠 */

#article-page .article-body .new_wrap .col_howto {
    border: 1px solid #6e98c5;
    border-radius: 5px;
}

#article-page .article-body .new_wrap .col_howto_inner {
    padding: 10px 15px;
}

#article-page .article-body .new_wrap .col_howto_inner dt {
    color: #6e98c5;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #6e98c5;
}

/* POINTの枠（新トンマナ用） */

#article-page .article-body .new_wrap .point_area {
    position: relative;
    margin: 0 0 20px;
    padding: 15px 10px;
    border: #a1493f 2px solid;
}

#article-page .article-body .new_wrap .point_area dt {
    margin-bottom: 5px;
    color: #a1493f;
    font-size: 14px;
    font-weight: bold;
}

#article-page .article-body .new_wrap .point_area:before {
    content: "POINT";
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 3px 6px;
    background-color: #f29407;
    border-radius: 4px;
    line-height: 1;
    color: #fff;
    font-weight: normal;
}

#article-page .article-body .new_wrap .point_area dt img {
    position: absolute;
    top: -10px;
    left: 10px;
}

/* PCで画像幅を縮める用 */

#article-page .article-body .new_wrap .width_shrink {
    width: 100%;
}

/*=== リスト、メニュー ===*/

#article-page .article-body .new_wrap .link_list {
    margin-bottom: 20px;
}

#article-page .article-body .new_wrap .link_list li {
    padding: 0 0 0 15px;
    margin-top: 20px;
    position: relative;
}

#article-page .article-body .new_wrap .link_list li:first-child {
    margin-top: 0;
}

#article-page .article-body .new_wrap .link_list li:before {
    content: "\30FB";
    position: absolute;
    top: 0;
    left: 0;
}

/*=== パーツ ===*/

#article-page .article-body .new_wrap .arrow-down {
    width: 100%;
    height: 48px;
    background: url(/hc/theming_assets/01JAEP41QEA19QGRJKRT6QXAVP) no-repeat center;
    background-size: 60px auto;
    text-indent: -9999px;
}

/* スマホで下向き、PCで横向きの矢印 */

#article-page .article-body .new_wrap .arrow-change {
    width: 100%;
    height: 48px;
    background: url(/hc/theming_assets/01JAEP41QEA19QGRJKRT6QXAVP) no-repeat center;
    background-size: 60px auto;
    text-indent: -9999px;
}

/* 番号見出し */

#article-page .article-body .new_wrap .icon_num {
    padding-left: 30px;
    margin-bottom: 10px;
    color: #009dd6;
    font-weight: bold;
    font-size: 16px;
}

#article-page .article-body .new_wrap .icon_num1 {
    background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num2 {
    background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num3 {
    background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num4 {
    background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num5 {
    background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num6 {
    background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num7 {
    background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num8 {
    background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num9 {
    background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num10 {
    background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num11 {
    background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num12 {
    background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num13 {
    background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8) no-repeat 0 0;
}

/* アイコン枠 */

#article-page .article-body .new_wrap .icon_txt_blue {
    border: 1px solid #1e54b0;
    padding: 3px 8px;
    font-size: 14px;
    color: #1e54b0;
    font-weight: bold;
    margin-right: 8px;
}

#article-page .article-body .new_wrap .icon_txt_brown {
    border: 1px solid #b1594e;
    padding: 3px 8px;
    font-size: 14px;
    color: #b1594e;
    font-weight: bold;
    margin-right: 8px;
}

#article-page .article-body .new_wrap .icon_howto {
    display: inline-block;
    background: #6e98c5;
    padding: 0px 7px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
}

/* ボーダー */

#article-page .article-body .new_wrap .bdb {
    border-bottom: 1px solid #ccc;
}

/* 前後ページナビ */

#article-page .article-body .new_wrap .page_navi:after {
    content: "";
    display: block;
    clear: both;
}

#article-page .article-body .new_wrap .page_navi li {
    font-size: 16px;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_prev {
    float: left;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_next {
    float: right;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_prev:before {
    content: "<<";
    display: inline-block;
    margin-right: 5px;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_next:after {
    content: ">>";
    display: inline-block;
    margin-left: 5px;
}


/*====================================================================================
レシートプリンター
====================================================================================*/
/*== 旧トンマナの一部リセット ==*/
#article-page .article-body .printer_wrap h2,
#article-page .article-body .printer_wrap h3,
#article-page .article-body .printer_wrap h4,
#article-page .article-body .printer_wrap h5,
#article-page .article-body .printer_wrap h6,
#article-page .article-body .printer_wrap p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: #555;
    border: none;
}

#article-page .article-body .printer_wrap li ol,
#article-page .article-body .printer_wrap li ul,
#article-page .article-body .printer_wrap li ul li,
#article-page .article-body .printer_wrap li ol li,
#article-page .article-body .printer_wrap ol>li,
#article-page .article-body .printer_wrap ol ol {
    margin: 0;
    list-style-type: none;
    padding: 0;
    text-indent: 0;
}

#article-page .article-body .printer_wrap li ol:before,
#article-page .article-body .printer_wrap li ul li:before,
#article-page .article-body .printer_wrap ol>li:before,
#article-page .article-body .printer_wrap li ol>li:before {
    content: none;
}

#article-page .article-body .printer_wrap ol {
    counter-reset: none;
}

/*===== レシートプリンター コンテンツ =====*/
/*== 見出し ==*/
#article-page .article-body .printer_wrap .navMenu__cap {
    background-color: #EEE;
    color: #6E98C5;
    font-size: 18px;
    font-weight: bold;
    padding: 9px 24px 11px;
    margin: 1px 1px 0 1px;
}

#article-page .article-body .printer_wrap .section__cap {
    font-size: 18px;
    font-weight: bold;
    color: #6E98C5;
    background-color: #D3E0ED;
    padding: 6px 10px;
    margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .section__middleCap {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 40px;
    padding-bottom: 9px;
    border-bottom: 2px solid #6E98C5;
    margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .section__smallCap {
    font-weight: bold;
    color: #6E98C5;
    padding-left: 10px;
    border-left: 6px solid #6E98C5;
    margin-bottom: 20px;
    margin-top: 30px;
}

#article-page .article-body .printer_wrap .detail__cap {
    font-weight: bold;
    color: #6E98C5;
    margin-bottom: 13px;
}

/*== ブロックのスタイル設定 ==*/
#article-page .article-body .printer_wrap .navMenu {
    border: 1px solid #6E98C5;
    padding-bottom: 14px;
    margin-top: 40px;
    margin-bottom: 60px;
}

#article-page .article-body .printer_wrap .section__nav {
    padding: 20px 16px 12px;
    border: 1px solid #6E98C5;
    border-radius: 5px;
}

/* エラー対応 */
#article-page .article-body .printer_wrap .errorBlock {
    border: 1px solid #ccc;
    padding: 1px;
    margin-top: 40px;
}

#article-page .article-body .printer_wrap .errorBlock__cap {
    background-color: #EEE;
    padding: 10px 15px 11px;
    font-weight: bold;
    margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .errorBlock__txt {
    margin-bottom: 15px;
    padding: 0 15px;
}

#article-page .article-body .printer_wrap .errorBlock__unit {
    display: flex;
    padding: 15px 15px;
    border-bottom: 1px solid #ccc;
}

#article-page .article-body .printer_wrap .errorBlock__unit__img {
    flex: 1 0 0;
}

#article-page .article-body .printer_wrap .errorBlock__unit:last-child {
    border-bottom: none;
    padding: 15px 15px 16px;
}

#article-page .article-body .printer_wrap .errorBlock__unit__txt {
    flex: 1 0 0;
    padding-right: 10px;
}

#article-page .article-body .printer_wrap .errorBlock__unit__txt>p {
    font-weight: bold;
}

/* boxGroup */
#article-page .article-body .printer_wrap .boxGroup {
    padding: 15px 15px 20px 15px;
    border: 1px solid #CCC;
    margin-bottom: 15px;
}

#article-page .article-body .printer_wrap .boxGroup__cap {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .boxGroup__txt {
    font-size: 14px;
}

#article-page .article-body .printer_wrap .boxGroup .contact__cap {
    font-size: 14px;
    width: 84px;
}

#article-page .article-body .printer_wrap .boxGroup .contact__txt {
    flex: 1 0 0;
}

#article-page .article-body .printer_wrap .boxGroup .contact__txt>em {
    display: block;
    font-size: 14px;
}

#article-page .article-body .printer_wrap .boxGroup .contact__unit {
    display: flex;
    margin-bottom: 10px;
}

/* 対応環境一覧table */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    text-align: left;
    vertical-align: baseline;
    padding: 0;
}

#article-page .article-body .printer_wrap .common_width_35per {
    width: 35%;
}

#article-page .article-body .printer_wrap .article-body th {
    padding: 3px 5px;
    background-color: #f1efeb;
    border: #ccc 1px solid;
    text-align: left;
    font-weight: bold;
    word-break: break-word;
}

#article-page .article-body .printer_wrap .tcPink table th {
    background-color: #b74c66;
    color: #fff;
}

#article-page .article-body .printer_wrap .tcPink table th.first {
    background-color: #BDD7EE;
    color: #4b4b4b;
}

#article-page .article-body .printer_wrap .article-body td {
    padding: 3px 5px;
    border: #ccc 1px solid;
    word-break: break-word;
}

#article-page .article-body .printer_wrap .tcPink table td.on {
    background-color: #fef5f7;
    text-align: center;
    color: #b74c66;
}

#article-page .article-body .printer_wrap .tcPink table td.off {
    background-color: #e9e7e8;
    text-align: center;
}

#article-page .article-body .printer_wrap .tCenter {
    text-align: center !important;
}

#article-page .article-body .printer_wrap .tcPink {
    margin-bottom: 25px;
}

/*== コンテンツのスペース ==*/
#article-page .article-body .printer_wrap .section {
    margin-bottom: 60px;
}

#article-page .article-body .printer_wrap .section__container {
    margin-bottom: 50px;
}

#article-page .article-body .printer_wrap .section:last-child {
    margin-bottom: 0;
}

#article-page .article-body .printer_wrap .faq__list .boxGroup:last-of-type {
    margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .section__detail:first-of-type {
    margin-bottom: 35px;
}

#article-page .article-body .printer_wrap .stepNum__list {
    margin-top: 30px;
}

#article-page .article-body .printer_wrap .stepNum__item {
    margin-bottom: 40px;
}

/* よくある質問　開閉 */
#article-page .article-body .printer_wrap .faq__list .faq__item {
    margin-bottom: 40px;
}

#article-page .article-body .printer_wrap .faq__list .faq__icon {
    display: none;
}

#article-page .article-body .printer_wrap .faq__list .faq__label {
    font-weight: bold;
    display: block;
    padding: 0 44px 0 30px;
    cursor: pointer;
    background: url(/hc/theming_assets/01JAEP42YDFZEFPXN5ZTM02RTG) left top no-repeat,
        url(/hc/theming_assets/01JAEP4MNE3CD3ZSP6S1RXHFMT) right top no-repeat;
    background-size: 18px 24px, 14px 14px;
}

#article-page .article-body .printer_wrap .faq__list .open {
    background: url(/hc/theming_assets/01JAEP42YDFZEFPXN5ZTM02RTG) left top no-repeat,
        url(/hc/theming_assets/01JAEP4GWYFJKWSS5ZD6WZM8J9) right top no-repeat;
    background-size: 18px 24px, 14px 14px;
}

#article-page .article-body .printer_wrap .faq__list .close {
    background: url(/hc/theming_assets/01JAEP42YDFZEFPXN5ZTM02RTG) left top no-repeat,
        url(/hc/theming_assets/01JAEP4MNE3CD3ZSP6S1RXHFMT) right top no-repeat;
    background-size: 18px 24px, 14px 14px;
}

#article-page .article-body .printer_wrap .faq__list .faq__toggle {
    height: 0;
    opacity: 0;
    padding: 0 30px;
}

#article-page .article-body .printer_wrap .faq__list .faq__toggle {
    height: auto;
    opacity: 1;
    margin-top: 20px;
    background: url(/hc/theming_assets/01JAEP4BQM4HBR8GYEAJ1QPX7T) left top no-repeat;
    background-size: 18px 24px;
}

#article-page .article-body .printer_wrap .faq__list .faq__detail {
    padding-top: 30px;
}

#article-page .article-body .printer_wrap .faq__list .stepNum__flow {
    margin-top: 25px;
    padding-left: 0;
}

#article-page .article-body .printer_wrap .faq__list .faq__toggle .pageLink {
    padding-top: 15px;
}

/*== テキストスタイル ==*/
/* 目次 */
#article-page .article-body .printer_wrap .navMenu__toc {
    margin: 0 10px;
    padding-top: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #DDD;
    text-indent: -1em;
    padding-left: 1em;
}

#article-page .article-body .printer_wrap .navMenu__toc:last-child {
    border-bottom: none;
}

/* 注意書き */
#article-page .article-body .printer_wrap .noteTxt,
#article-page .article-body .printer_wrap .exTxt {
    font-size: 14px;
}

/* セクション内目次 */
#article-page .article-body .printer_wrap .section__nav .nav__info {
    color: #6E98C5;
    font-weight: bold;
    margin-bottom: 18px;
}

#article-page .article-body .printer_wrap .section__nav .pageLink {
    margin-bottom: 16px;
}

/* リンク */
#article-page .article-body .printer_wrap .navMenu__toc::before,
#article-page .article-body .printer_wrap .pageLink::before {
    content: "・";
    color: #333;
}

#article-page .article-body .printer_wrap .pageLink::before {
    padding-right: 2px;
}

#article-page .article-body .printer_wrap .extPage::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
    background: url(/hc/theming_assets/01JAEP468HMGS8RXEE28CF08H0) right top no-repeat;
    background-size: 15px 15px;
}

/* 通常テキスト */
#article-page .article-body .printer_wrap .section__txt,
#article-page .article-body .printer_wrap .stepNum__item__txt,
#article-page .article-body .printer_wrap .pageLink,
#article-page .article-body .printer_wrap .flowNum__unit__txt {
    margin-bottom: 20px;
}

/*== リストのアイコン設定 ==*/
/* step */
#article-page .article-body .printer_wrap .stepNum__list {
    counter-reset: item 0;
}

#article-page .article-body .printer_wrap .stepNum__item__cap {
    min-height: 26px;
    color: #009DD6;
    font-weight: bold;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

#article-page .article-body .printer_wrap .stepNum__item__cap::before {
    counter-increment: item;
    content: counter(item);
    display: inline-block;
    text-align: center;
    font-size: 16px;
    min-width: 26px;
    line-height: 26px;
    border-radius: 50% 50%;
    background-color: #009DD6;
    font-weight: bold;
    color: #fff;
    margin-right: 10px;
}

/* 連番数字 */
#article-page .article-body .printer_wrap .stepNum__flow {
    padding-left: 20px;
    counter-reset: item 0;
}

#article-page .article-body .printer_wrap .flowNum__unit {
    margin-bottom: 32px;
}

#article-page .article-body .printer_wrap .flowNum__unit:last-of-type {
    margin-bottom: 10px;
}

#article-page .article-body .printer_wrap .flowNum__unit__cap {
    font-weight: bold;
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .flowNum__unit__cap::before {
    counter-increment: item;
    content: counter(item)'.';
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

/*== 画像サイズ ==*/
#article-page .article-body .printer_wrap .section__img,
#article-page .article-body .printer_wrap .stepNum__item__img,
#article-page .article-body .printer_wrap .flowNum__unit__img,
#article-page .article-body .printer_wrap .faq__detail .detail__img {
    text-align: center;
    margin-bottom: 25px;
}

/*============== ★新トンマナ★ (掲載管理) ==============*/

#article-page .article-body .new_wrap.keisai-cmn .icon_num {
    color: #C95789;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num1 {
    background: url(/hc/theming_assets/01JAEP4614VFNDS1GXR1G47GE5) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num2 {
    background: url(/hc/theming_assets/01JAEP4F6PX1VNGVRTAJCF90GP) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num3 {
    background: url(/hc/theming_assets/01JAEP4D1Y5ZAX6DRXED8W5SVJ) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num4 {
    background: url(/hc/theming_assets/01JAEP4AXE695B33EV2970V0J8) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .ttl_l {
    color: #C95789;
    background: #FAEDED;
}

#article-page .article-body .new_wrap.keisai-cmn .ttl_m {
    color: #C95789;
    border-left: 6px solid #C95789;
}

#article-page .article-body .new_wrap.keisai-cmn .ttl_underline {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #C95789;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

/*=========================================
PC幅 (min-width: 1025px)
=========================================*/
@media screen and (min-width: 1025px) {

    /*===== レシートプリンター コンテンツ =====*/
    #article-page .article-body .printer_wrap .section__img,
    #article-page .article-body .printer_wrap .stepNum__item__img,
    #article-page .article-body .printer_wrap .flowNum__unit__img,
    #article-page .article-body .printer_wrap .faq__detail .detail__img {
        text-align: left;
    }
}


/*============== ★新トンマナ★ カテゴリTOP　はじめての方へ（categories/360001334594） ==============*/

#category-list-page.category-start {
    margin-bottom: 40px;
}

#category-list-page.category-start .start-section {
    margin-top: 40px;
}

#category-list-page.category-start h2.start-section-title {
    font-size: 1.7rem;
    line-height: 1.2;
    padding: 0 0 8px 0;
    border-bottom: #6E98C5 solid 2px;
    color: #6E98C5;
}

#category-list-page.category-start h2.start-section-title a {
    color: #6E98C5;
}

#category-list-page.category-start .start-article-list {
    border-top: none;
}

#category-list-page.category-start .start-article-list li {
    font-size: 16px;
    line-height: 24px;
    border-bottom: #dddddd solid 1px;
}

#category-list-page.category-start .start-article-list li a {
    position: relative;
    display: block;
    padding: 16px 32px 16px 0;
}

#category-list-page.category-start .start-article-list li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #b5b5b5 solid 2px;
    border-right: #b5b5b5 solid 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#category-list-page.category-start .start-article-list .see-all-articles {
    margin-top: 24px;
    color: #649bc5;
    font-weight: bold;
    font-size: 14px;
}

#category-list-page.category-start .start-lead {
    font-size: 16px;
    line-height: 24px;
    padding: 0 12px;
    margin: 10px 0 40px;
}

#category-list-page.category-start .start-section-lead {
    margin: 15px 0 0;
    padding-bottom: 25px;
    border-bottom: #dddddd solid 1px;
}

#category-list-page.category-start .movie-contents {
    padding: 0 12px;
}

#category-list-page.category-start .movie-contents .start-section-lead {
    margin: 15px 0 0;
    padding-bottom: 0;
    border-bottom: none;
}

#category-list-page.category-start .movie-list {
    width: 100%;
    padding-top: 24px;
}

#category-list-page.category-start .movie-list li {
    width: 100%;
    margin-top: 20px;
}

#category-list-page.category-start .movie-list li:first-child {
    margin-top: 0;
}

#category-list-page.category-start .movie-player {
    position: relative;
    padding-top: 56.28%;
}

#category-list-page.category-start .movie-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*============== ★新トンマナ★ カテゴリTOP　ベストプラクティス（categories/360001373614） ==============*/

#category-list-page.category-practice {
    margin-bottom: 40px;
}

#category-list-page.category-practice .practice-article-section {
    margin-top: 40px;
}

#category-list-page.category-practice h2.practice-section-title {
    font-size: 1.7rem;
    line-height: 1.2;
    padding: 0 0 8px 0;
    border-bottom: #6E98C5 solid 2px;
    color: #6E98C5;
}

#category-list-page.category-practice h2.practice-section-title a {
    color: #6E98C5;
}

#category-list-page.category-practice .practice-lead {
    font-size: 16px;
    line-height: 24px;
    padding: 0 12px;
    margin: 10px 0 0;
}

#category-list-page.category-practice .practice-section-lead {
    margin: 15px 0 0;
    padding-bottom: 20px;
}

#category-list-page.category-practice .practice-article-list li {
    width: 100%;
    margin: 0 0 15px 0;
    border: transparent solid 0px;
    vertical-align: top;
}

#category-list-page.category-practice .practice-article-list li a {
    position: relative;
    display: block;
    padding: 16px;
    background-color: #fff;
    border: #ccc solid 1px;
    border-bottom-width: 2px;
    border-radius: 8px;
}

#category-list-page.category-practice .practice-article-list li a:active {
    top: 1px;
    border-bottom-width: 1px;
}

#category-list-page.category-practice .practice-article-ttl {
    font-size: 16px;
    color: #3874d1;
    margin-bottom: 10px;
}

#category-list-page.category-practice .practice-article-column {
    display: flex;
    justify-content: space-between;
}

#category-list-page.category-practice .practice-article-caption {
    width: 48%;
    font-size: 14px;
    line-height: 21px;
    color: #888;
}

#category-list-page.category-practice .practice-article-img {
    width: 48%;
}

#category-list-page.category-practice .practice-article-img img {
    width: 100%;
    height: auto;
}

#category-list-page.category-practice .practice-example-section {
    margin-top: 40px;
}

#category-list-page.category-practice .practice-example-list li a {
    position: relative;
    padding: 16px 20px 16px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: #ccc solid 1px;
}

#category-list-page.category-practice .practice-example-list li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #b5b5b5 solid 2px;
    border-right: #b5b5b5 solid 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#category-list-page.category-practice .practice-example-img {
    width: 23%;
}

#category-list-page.category-practice .practice-example-img img {
    width: 100%;
    height: auto;
}

#category-list-page.category-practice .practice-example-text {
    width: 73%;
}

#category-list-page.category-practice .practice-example-caption {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}

#category-list-page.category-practice .practice-example-name {
    font-size: 14px;
    line-height: 21px;
    color: #888;
}

/*============== ★新トンマナ★ STEP1：初期設定する（360015879333） ==============*/

#article-page .article-body .new_wrap .start_step1_help dt {
    font-weight: bold;
    font-size: 16px;
}

#article-page .article-body .new_wrap .start_step1_help dd {
    font-weight: bold;
    font-size: 18px;
}

#article-page .article-body .new_wrap .start_step1_help dd div {
    display: inline;
    font-size: 13px;
    font-weight: bold;
}

/*============== ★新トンマナ★ STEP1：初期設定する（2. レジ設定）（360015910254） ==============*/

#article-page .article-body .new_wrap .start_step1_2_img {
    margin-bottom: 30px;
    text-align: center;
}

/*============== ★新トンマナ★ STEP4：会計する（360015963654） ==============*/

#article-page .article-body .new_wrap .start_step4_tbl {
    font-size: 16px;
    margin-bottom: 15px;
}

#article-page .article-body .new_wrap .start_step4_tbl th {
    vertical-align: middle;
    width: 30%;
    padding: 10px;
    font-weight: normal;
}

#article-page .article-body .new_wrap .start_step4_tbl td {
    vertical-align: middle;
    padding: 10px;
}

#article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td {
    width: 14%;
    text-align: center;
}

#article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td.start_step4_tbl_td_circle {
    background: #fce4d6;
}

#article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td img {
    width: 70%;
    max-width: 30px;
    vertical-align: middle;
}

#article-page .article-body .new_wrap .start_step4_img {
    margin-bottom: 3px;
    text-align: center;
}

#article-page .article-body .new_wrap .start_step4_img_caption {
    font-size: 14px;
    text-align: center;
}

/*============== ★新トンマナ★ STEP5：集客・売上状況を分析する（360015963674） ==============*/

#article-page .article-body .new_wrap .start_step5_list_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#article-page .article-body .new_wrap .start_step5_list {
    width: 47%;
}

#article-page .article-body .new_wrap .start_step5_list dt {
    color: #6e98c5;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px dotted #6e98c5;
}

#article-page .article-body .new_wrap .start_step5_list dd {
    font-size: 14px;
    margin-top: 10px;
}

#article-page .article-body .new_wrap .start_step5_movie {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}

#article-page .article-body .new_wrap .start_step5_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*============== ★新トンマナ★ 店舗分析の活用方法（360016344474） ==============*/

#article-page .article-body .new_wrap .practice_salon_col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#article-page .article-body .new_wrap .practice_salon_col_contents {
    width: 35%;
}

#article-page .article-body .new_wrap .practice_salon_col_contents:first-child {
    width: 64%;
}

/*===========================================================================================================================
PC幅 (min-width: 1025px)
===========================================================================================================================*/

@media screen and (min-width: 1025px) {

    /*============== ★新トンマナ★ カテゴリTOP　はじめての方へ（categories/360001334594） ==============*/

    #category-list-page.category-start .start-section {
        float: none;
        height: auto;
        display: inline-block;
        vertical-align: top;
        width: 450px;
        margin-left: 40px;
    }

    #category-list-page.category-start .start-section:nth-child(odd) {
        margin-left: 0;
    }

    #category-list-page.category-start .start-article-list {
        width: 440px;
    }

    #category-list-page.category-start .start-article-list li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 12px;
        padding-left: 1em;
        border-bottom: none;
        text-indent: -1em;
    }

    #category-list-page.category-start .start-article-list li:first-child {
        margin-top: 20px;
    }

    #category-list-page.category-start .start-article-list li a {
        display: inline;
        padding: 0;
    }

    #category-list-page.category-start .start-article-list li a:after {
        display: none;
    }

    #category-list-page.category-start .start-article-list li a:before {
        content: "・";
        display: inline;
    }

    #category-list-page.category-start .start-lead {
        width: 964px;
    }

    #category-list-page.category-start .start-section-lead {
        padding-bottom: 0;
        border-bottom: none;
        min-height: 2em;
    }

    #category-list-page.category-start .movie-contents {
        max-width: 964px;
    }

    #category-list-page.category-start .movie-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 24px;
    }

    #category-list-page.category-start .movie-list li {
        width: 450px;
        margin-left: 40px;
    }

    #category-list-page.category-start .movie-list li:nth-of-type(odd) {
        margin-left: 0;
    }

    #category-list-page.category-start .movie-list li:nth-child(2) {
        margin-top: 0;
    }

    /*============== ★新トンマナ★ カテゴリTOP　ベストプラクティス（categories/360001373614） ==============*/

    #category-list-page.category-practice .practice-article-section {
        width: 940px;
    }

    #category-list-page.category-practice .practice-lead {
        width: 964px;
    }

    #category-list-page.category-practice .practice-article-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #category-list-page.category-practice .practice-article-list li {
        width: 460px;
        margin: 0 0 20px 0;
    }

    #category-list-page.category-practice .practice-article-ttl {
        position: absolute;
        top: 16px;
        left: 16px;
    }

    #category-list-page.category-practice .practice-article-column {
        display: flex;
        justify-content: space-between;
    }

    #category-list-page.category-practice .practice-article-caption {
        width: 258px;
        margin-top: 30px;
    }

    #category-list-page.category-practice .practice-article-img {
        width: 150px;
    }

    #category-list-page.category-practice .practice-example-section {
        width: 940px;
        margin-top: 20px;
    }

    #category-list-page.category-practice .practice-example-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #category-list-page.category-practice .practice-example-list li {
        width: 295px;
        padding-top: 24px;
    }

    #category-list-page.category-practice .practice-example-list li:nth-child(-n+3) {
        padding-top: 20px;
    }

    #category-list-page.category-practice .practice-example-list li a {
        padding: 0;
        border-bottom: none;
    }

    #category-list-page.category-practice .practice-example-list li a:after {
        content: none;
    }

    #category-list-page.category-practice .practice-example-img {
        width: 80px;
    }

    #category-list-page.category-practice .practice-example-text {
        width: 203px;
    }

    #category-list-page.category-practice .practice-example-caption {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    #category-list-page.category-practice .practice-example-name {
        font-size: 14px;
        line-height: 21px;
        color: #888;
    }

}

/*===========================================================================================================================
　　PC＆タブレット幅 (min-width: 768px)
===========================================================================================================================*/

@media screen and (min-width: 768px) {

    /*================== 既存ページ用の新パーツ ここから ==================*/

    /*-- 見出し --*/

    #article-page .article-body .num_link {
        line-height: 26px;
    }

    #article-page .article-body .num_link img {
        height: 26px;
    }

    #article-page .article-body .num_ttl {
        line-height: 26px;
    }

    #article-page .article-body .num_ttl img {
        height: 26px;
    }

    #article-page .article-body .line_ttl {
        line-height: 26px;
    }

    #article-page .article-body .num_line_ttl {
        line-height: 26px;
    }

    #article-page .article-body .num_line_ttl img {
        height: 26px;
    }

    /*================== /既存ページ用の新パーツ ここまで ==================*/

    /*-- ポイント・金額修正の入力方法詳細（ID：360019132474） --*/
    #article-page .article-body .seikyu .comingapply_point_correct_num_wrap {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-fjustify-content: space-between;
        max-width: 664px;
    }

    /*-- ステータス修正の入力方法詳細（ID：360019294773） --*/
    #article-page .article-body .seikyu .comingapply_status_img img {
        width: 300px;
    }

    /*============== ★新トンマナ★ 共通 ==============*/

    /*=== レスポンシブ調整用 ===*/

    #article-page .article-body .new_wrap .spOnly {
        display: none;
    }

    /*=== 枠 ===*/

    /* SPで1カラム、PCで2カラムになる枠 */

    #article-page .article-body .new_wrap .col_wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    #article-page .article-body .new_wrap .col_contents {
        width: 48.5%;
    }

    /* SPで1カラム、PCで2カラムになる枠（間に矢印を入れる用） */

    #article-page .article-body .new_wrap .col-arrow_wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    #article-page .article-body .new_wrap .col-arrow_contents {
        width: 45.5%;
    }

    /* PCで画像幅を縮める用 */

    #article-page .article-body .new_wrap .width_shrink {
        width: 490px;
    }

    /*=== リスト、メニュー ===*/

    #article-page .article-body .new_wrap .menu:first-child {
        margin-bottom: 0;
    }

    /*=== パーツ ===*/

    /*スマホで下向き、PCで横向きの矢印*/

    #article-page .article-body .new_wrap .arrow-change {
        width: 9%;
        height: 60px;
        background: url(/hc/theming_assets/01JAEP4MFD93V2S4PQ8JYZ0E5H) no-repeat center;
        background-size: 18px auto;
    }

    /*============== ★新トンマナ★ STEP1：初期設定する（360015879333） ==============*/

    #article-page .article-body .new_wrap .start_step1_help dd img {
        width: 535px;
        display: block;
        margin: 0 auto;
    }

    /*============== ★新トンマナ★ STEP1：初期設定する（2. レジ設定）（360015910254） ==============*/

    #article-page .article-body .new_wrap .start_step1_2_img img {
        width: 333px;
    }

    /*============== ★新トンマナ★ STEP4：会計する（360015963654） ==============*/

    #article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td img {
        width: 90%;
    }

    #article-page .article-body .new_wrap.start_step4 .arrow-change {
        height: 450px;
    }

    /*============== ★新トンマナ★ 店舗分析の活用方法（360016344474） ==============*/

    #article-page .article-body .new_wrap .practice_salon_col_contents {
        width: 25%;
    }

    #article-page .article-body .new_wrap .practice_salon_col_contents:first-child {
        width: 74%;
    }

}

/*==========================================*/
/* 問い合わせフォームの送信直前文言 */
/*==========================================*/
#post-request-page .form-field .anounce-text {
    font-size: 1.4rem;
    color: #111111;
}

/*==========================================*/
/*コロナ文言非表示 */
/*==========================================*/
.news_notes {
    display: none;
}

/*==========================================*/
/* お問い合わせについてアイコンの直下の余白調整 */
/*==========================================*/

.att .icon_desc dd {
    margin-bottom: 10px;
}

/*==========================================*/
/* 問い合わせフォームの送信直前文言 */
/*==========================================*/
#post-request-page .form-field .anounce-text {
    font-size: 1.4rem;
    color: #111111;
}

#post-request-page .form-field .request_red_text p {
    color: red;
    font-size: 13px;
}

#post-request-page .form-field .request_orange_title {
    font-size: 16px;
    color: #fd7e00;
    font-weight: bold;
}

.request-anounce-box {
    margin-top: 16px;
    padding: 8px 20px 30px;
    background-color: #ffdbb8;
    border-radius: 6px;
}

.request-anounce-box ul li {
    font-size: 13px;
    padding: 10px 0 0 0;
    text-indent: -1em
}

/*==========================================*/
/* 問い合わせフォーム　入力欄の幅変更 */
/*==========================================*/
#request_anonymous_requester_email,
#request_custom_fields_360003698093,
#request_custom_fields_10942601875993,
#request_custom_fields_10942779829145,
#request_custom_fields_360005702093,
#request_custom_fields_360003733893,
#request_subject,
#request_description {
    width: 100%;
    padding-left: 15px;
    background-color: #fff;
    border: #D3D0C6 solid 1px;
    border-radius: 6px;
    /*  -webkit-appearance: none; */
    font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
    line-height: 2;
}

/*==========================================*/
/*追加対応中_20240920_makabe_開始*/
/*==========================================*/

/*==========================================*/
/*初めての方へページ用
/*==========================================*/
#recommended_environment{
    color: #b74c66;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
  }
  
  #item_list{
    color: #1f1d19;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
  }
  
  /* 初めての方へページtable */
  #table_PC{
    width: 612px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px;
  }
  
  #table_iPad_SP_browser{
       width: 496px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px; 
  }
  
  #table_iPad_app{
    width: 264px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px;
  }
  
  #table_function_availability_list{
    border: 2px solid #DADDE0;
    width: 655px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px;
  }
  
  /*初めての方へページtable_cell*/
  #table_blank_cell{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    height: 52px;
    width: 148px;
  }
  
  #table_browser_cell{
       background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    height: 52px;
  }
  
  #table_os_cell{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    height: 52px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  #table_redmark_cell{
    border-color: #DADDE0;
    color: #b74c66;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #table_redmark_cell2{
    border-color: #DADDE0;
    color: #b74c66;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #table_redmark_cell3{
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #b74c66;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  #table_hyphen_or_crossmark_cell{
    border-color: #DADDE0;
    color: #9ca1a6;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #table_hyphen_or_crossmark_cell2{
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #9ca1a6;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  /*初めての方へページtext*/
  #text_black{
    color: #1f1d19;
    font-size: 12px;
    margin-top: 16px;
  }
  #text_red{
    color: #b74c66;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
  }
  #text_functional_category{
    background-color: #f7f7f7;
    border-bottom-width: 2px;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    width: 117px;
  }
  #text_detail_function{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-width: 0 2px 2px 0;
    color: #676d73;
    height: 85px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    width: 183px;
  }
  #text_device{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_device_list{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_SP{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #676d73;
    line-height: 1.5;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  #text_1{
    background-color: #f7f7f7;
    border-bottom-width: 2px;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_2{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-right-width: 2px;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_3{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-right-width: 2px;
    color: #676d73;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_4{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-width: 0 2px 2px 0;
    color: #676d73;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_5{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-right-width: 2px;
    color: #676d73;
    height: 52px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  /*初めての方へページmargin*/
  #margin32px_0_30px{
       margin: 32px 0 30px; 
  }
  
  #margin-top40px{
    margin-top: 40px;
  }
  
  #margin-top16px{
    margin-top: 16px;
  }
  
  /*スマートフォンの利用ガイドページ*/
  #support_screen_table{
    width: 248px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px; 
  }
  #support_screen_cell{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    height: 52px;
  }
  
  /*==========================================*/
  /*追加対応中_20240920_makabe_終了*/
  /*==========================================*/