@charset "utf-8";
/* common START */
body.customize-support {
    padding-top: 32px !important;
}
@media only screen and (max-width: 782px) {
    body.customize-support {
        padding-top: 46px !important;
    }
}
a {
    color: #4191f1;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
a:hover {
    border-bottom: 1px dotted #4191f1;
}
/* common END */

/* title START */
.pageTitle {
    margin: 1em 0;
    font-size: 2.0em;
    font-weight: bold;
}
.sectionTitle {
    margin: 1em 0;
    font-size: 1.6em;
    font-weight: bold;
}
/* title END */

/* topPage START */
/* topPage END */

/* layout START */
#main {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px;
}
/* layout END */

/* archive page START */
.articleList {
    margin: 2rem 0;
}
.articleList > li {
    display: flex;
    margin: 5px 0;
}
.archiveDate {
    width: 10em;
}
.archiveTitle {
    font-weight: bold;
}
.articleList a::after {
    content: " > ";
}
.articleList.page li {
    margin: 0 1em;
    font-weight: bold;
}
/* archive page END */

/* single page START */
.eyecatchImg {
    margin: 2rem auto;
}
.articleBox {
    margin: 2rem auto;
}
.catLink {
    margin: 2rem auto;
}
/* single page END */

/* default page START */
#defaultPage {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    font-size: 16px;
    line-height: 1.4;
}
#defaultHead {
    display: block;
    margin: 30px 0;
}
#defaultPage h1 {
    margin: 1.5em 0;
    font-size: 2em;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}
#defaultPage h2 {
    margin: 2em 0 0.5em 0;
    font-size: 1.8em;
    font-weight: bold;
}
#defaultPage h3 {
    margin: 2em 0 0.5em 0;
    font-size: 1.4em;
    font-weight: bold;
}
#defaultPage h4 {
    margin: 2em 0 0.5em 0;
    font-size: 1.2em;
    font-weight: bold;
}
#defaultPage p {
    margin: 1em 0;
}
/* default page END */