@charset "UTF-8";


/* form
--------------------------------------------------------- */
/* ----- main-wrapper-article-form-01 ----- */
/* main-wrapper-article-form-01 > div */
.mw_wp_form_complete .main-wrapper-article-form-01>div {
    padding: 0;
}

/* main-wrapper-article-form-01 */
.main-wrapper-article-form-01 {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-wrapper-article-form-01-box {
    padding: 30px 15px 30px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box {
        padding: 20px 10px 20px;
    }
}

/* main-wrapper-article-form-01-box-header */
.main-wrapper-article-form-01-box-header {
    margin: 0 0 50px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-header {
        margin: 0 5% 45px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-header {
        margin: 0 8% 40px;
    }
}

.main-wrapper-article-form-01-box-header p {
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-header p {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-header p {
        font-size: 1.2rem;
    }
}

.main-wrapper-article-form-01-box-header p span {
    color: #c1272d;
}


/* main-wrapper-article-form-01-box-header */
.main-wrapper-article-form-01-box-header {
    margin: 0 auto 70px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-header {
        margin: 0 auto 50px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-header {
        margin: 0 auto 30px;
    }
}

/* main-wrapper-article-form-01-box-header */
.main-wrapper-article-form-01-box-header {
    margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-header {
        margin: 0 auto 35px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-header {
        margin: 0 auto 20px;
    }
}

.main-wrapper-article-form-01-box-header h3 {
    font-size: 2.2rem;
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-header h3 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-header h3 {
        font-size: 1.5rem;
    }
}

.main-wrapper-article-form-01-box-header h3 span {
    display: block;
}

.main-wrapper-article-form-01-box-header h3 span:nth-child(1) {
    margin: 0 auto 5px;
}

.main-wrapper-article-form-01-box-header h3 span:nth-child(2) {
    color: #111;
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-header h3 span:nth-child(2) {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-header h3 span:nth-child(2) {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-form-01-box-body */
.main-wrapper-article-form-01-box-body span.caution-text {
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 5px;
    background: #ff5a5a;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body span.caution-text {
        font-size: 1rem;
        padding: 2px 5px 1px;
    }
}

/* main-wrapper-article-form-01-box-body-summary */
.main-wrapper-article-form-01-box-body-summary {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-summary {
        text-align: center;
    }
}

.main-wrapper-article-form-01-box-body-summary p {
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-summary p {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-summary p {
        font-size: 1.1rem;
        margin: 0 auto 5px;
    }
}

.main-wrapper-article-form-01-box-body-summary p:nth-child(2) {
    padding: 0 0 0 50px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-summary p:nth-child(2) {
        padding: 0 0 0 35px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-summary p:nth-child(2) {
        padding: 0 0 0 35px;
    }
}

.main-wrapper-article-form-01-box-body-summary p span {
    position: absolute;
    top: 3px;
    left: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-summary p span {
        top: 1px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-summary p span {
        top: -2px;
    }
}

/* main-wrapper-article-form-01-box-body-tel */
.main-wrapper-article-form-01-box-body-tel {
    margin: 0 auto 80px;
}

.main-wrapper-article-form-01-box-body-tel p {
    color: #111;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-tel p {
        font-size: 2.4rem;
    }
}

/* main-wrapper-article-form-01-box-body-title */
.main-wrapper-article-form-01-box-body-title {
    margin: 0 auto 60px;
}

.main-wrapper-article-form-01-box-body-title h4 {
    color: #111;
    font-size: 2.2rem;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: none;
    position: relative;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-title h4 {
        font-size: 2rem;
    }
}

.main-wrapper-article-form-01-box-body-title h4:before {
    width: 60px;
    height: 1px;
    border-radius: 2px;
    background: #111;
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* main-wrapper-article-form-01-box-body-message */
.main-wrapper-article-form-01-box-body-message {
    margin: 0 auto 10px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-message {
        margin: 0 auto 20px;
    }
}

.main-wrapper-article-form-01-box-body-message p {
    font-size: 1.4rem;
    margin: 0 0 2px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-message p {
        font-size: 1.2rem;
        margin: 0 0 10px;
    }
}

/* main-wrapper-article-form-01-box-body-content dl */
.main-wrapper-article-form-01-box-body-content dl {
    display: flex;
    justify-content: space-between;
    margin: 0;
    border-top: 1px solid #111;
    background: inherit;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content dl {
        display: inherit;
    }
}

.main-wrapper-article-form-01-box-body-content dl:last-child {
    border-bottom: 1px solid #111;
}

.main-wrapper-article-form-01-box-body-content dl dt {
    width: 25%;
    max-width: 220px;
    min-width: 180px;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 10px 20px;
    border: none;
    background: #fff7f7;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-form-01-box-body-content dl dt {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content dl dt {
        width: 100%;
        max-width: inherit;
        font-size: 1.4rem;
        padding: 10px;
        flex-direction: row;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content dl dt {
        font-size: 1.3rem;
    }
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content dl dt {
    padding: 5px;
}

.main-wrapper-article-form-01-box-body-content dl dt span {
    display: flex;
}

.main-wrapper-article-form-01-box-body-content dl dt span.caution-text {
    display: block;
    margin: 0;
    padding: 3px 11px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content dl dt span.caution-text {
        font-size: 1rem;
        padding: 2px 5px 1px;
    }
}

.main-wrapper-article-form-01-box-body-content dl dd {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 20px;
    background: #fff;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-form-01-box-body-content dl dd {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content dl dd {
        width: 100%;
        font-size: 1.4rem;
        padding: 10px;
    }
}

.mw_wp_form_confirm dl dd {
    padding: 15px 20px;
    background: #eee;
}

@media screen and (max-width: 768px) {
    .mw_wp_form_confirm dl dd {
        padding: 10px 15px;
    }
}

/* main-wrapper-article-form-01-box-body-content-message */
.main-wrapper-article-form-01-box-body-content-message {
    margin: 0 0 50px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-message {
        margin: 0 0 40px;
    }
}

/* main-wrapper-article-form-01-box-body-content-message p */
.main-wrapper-article-form-01-box-body-content-message p {
    font-size: 1.8rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-message p {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content-message p {
        font-size: 1.4rem;
    }
}

/* mw_wp_form_mw-wp-form-20 */
.mw_wp_form {
    margin-top: -260px !important;
    padding-top: 260px !important;
}

/* main-wrapper-article-form-01-box-body-content-input */
.main-wrapper-article-form-01-box-body-content-input {
    margin: 0 auto 30px;
}

.main-wrapper-article-form-01-box-body-content-input dl dd input,
.main-wrapper-article-form-01-box-body-content-input dl dd select,
.main-wrapper-article-form-01-box-body-content-input dl dd textarea {
    display: block;
    border-radius: 5px;
    border: 1px solid #b3b3b3;
    background: #f7f7f7;
}

@media screen and (max-width: 768px) {

    .main-wrapper-article-form-01-box-body-content-input dl dd input,
    .main-wrapper-article-form-01-box-body-content-input dl dd select,
    .main-wrapper-article-form-01-box-body-content-input dl dd textarea {
        font-size: 1.4rem;
        padding: 10px 15px;
    }
}

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

    .main-wrapper-article-form-01-box-body-content-input dl dd input,
    .main-wrapper-article-form-01-box-body-content-input dl dd select,
    .main-wrapper-article-form-01-box-body-content-input dl dd textarea {
        font-size: 1.3rem;
        padding: 8px 12px;
    }
}

.main-wrapper-article-form-01-box-body-content-input dl dd span {
    margin: 5px 0 0;
}

/* main-wrapper-article-form-01-box-body-content-privacy */
.main-wrapper-article-form-01-box-body-content-privacy {
    margin: 0 auto 30px;
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-privacy {
    display: none;
}

/* main-wrapper-article-form-01-box-body-content-privacy-header */
.main-wrapper-article-form-01-box-body-content-privacy-header {
    margin: 0 0 5px;
}

.main-wrapper-article-form-01-box-body-content-privacy-header p {
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-privacy-header p {
        font-size: 1.4rem;
    }
}

/* main-wrapper-article-form-01-box-body-content-privacy-body */
.main-wrapper-article-form-01-box-body-content-privacy-body {
    margin: 0 0 30px;
}

.main-wrapper-article-form-01-box-body-content-privacy-body-box {
    height: 200px;
    padding: 30px 20px;
    background: #fff;
    overflow-y: scroll;
}

.main-wrapper-article-form-01-box-body-content-privacy-body-box p {
    font-size: 1.3rem;
    line-height: 1.7;
    margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-privacy-body-box p {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content-privacy-body-box p {
        font-size: 1.1rem;
    }
}

.main-wrapper-article-form-01-box-body-content-privacy-body-box dl {
    display: block;
    margin: 0 0 30px;
    border: none;
}

.main-wrapper-article-form-01-box-body-content-privacy-body-box dl:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.main-wrapper-article-form-01-box-body-content-privacy-body-box dl dt {
    width: 100%;
    max-width: inherit;
    font-size: 1.3rem;
    margin: 0 0 10px;
    padding: 0;
    background: inherit;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-privacy-body-box dl dt {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content-privacy-body-box dl dt {
        font-size: 1.1rem;
    }
}

.main-wrapper-article-form-01-box-body-content-privacy-body-box dl dd {
    width: 100%;
    max-width: inherit;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-privacy-body-box dl dd {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content-privacy-body-box dl dd {
        font-size: 1.1rem;
    }
}

/* main-wrapper-article-form-01-box-body-content-privacy-footer */
.main-wrapper-article-form-01-box-body-content-privacy-footer label {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
}

.main-wrapper-article-form-01-box-body-content-privacy-footer label>input {
    width: auto;
    margin: 0 0 0 15px;
}

.main-wrapper-article-form-01-box-body-content-privacy-footer label>span {
    color: #ff5a5a;
    font-size: 1.6rem;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-privacy-footer label>span {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content-privacy-footer label>span {
        font-size: 1.2rem;
    }
}

.main-wrapper-article-form-01-box-body-content-privacy-footer span.error {
    font-weight: normal;
    text-align: center;
}

/* main-wrapper-article-form-01-box-body-content-action */
.main-wrapper-article-form-01-box-body-content-action {
    display: flex;
    justify-content: center;
    margin: 50px 0 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-content-action {
        margin: 40px 0 0;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-content-action {
        margin: 30px 0 0;
    }
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action {
    justify-content: space-between;
}

.main-wrapper-article-form-01-box-body-content-action>div {
    max-width: 300px;
    display: none;
    position: relative;
}

.main-wrapper-article-form-01-box-body-content-action>div:after {
    width: 6px;
    height: 6px;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin: -4px 0 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-wrapper-article-form-01-box-body-content-action>div input,
.main-wrapper-article-form-01-box-body-content-action>div button {
    font-size: 1.6rem;
    padding: 15px 80px;
}

@media screen and (max-width: 768px) {

    .main-wrapper-article-form-01-box-body-content-action>div input,
    .main-wrapper-article-form-01-box-body-content-action>div button {
        font-size: 1.5rem;
        padding: 15px 60px;
    }
}

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

    .main-wrapper-article-form-01-box-body-content-action>div input,
    .main-wrapper-article-form-01-box-body-content-action>div button {
        font-size: 1.3rem;
        padding: 10px 40px;
    }
}

/* main-wrapper-article-form-01-box-body-content-action-check */
.mw_wp_form_input .main-wrapper-article-form-01-box-body-content-action-check {
    display: block;
}

.mw_wp_form_input .main-wrapper-article-form-01-box-body-content-action-check:after {
    right: 15%;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.mw_wp_form_input .main-wrapper-article-form-01-box-body-content-action-check:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

/* main-wrapper-article-form-01-box-body-content-action-back */
.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action-back {
    display: block;
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action-back:after {
    left: 15%;
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action-back:hover:after {
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
}

/* main-wrapper-article-form-01-box-body-content-action-send */
.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action-send {
    display: block;
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action-send:after {
    right: 15%;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.mw_wp_form_confirm .main-wrapper-article-form-01-box-body-content-action-send:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

/* main-wrapper-article-form-01-box-body-thanks */
.main-wrapper-article-form-01-box-body-thanks {
    max-width: 1000px;
    margin: 0 auto 20px;
}

/* main-wrapper-article-form-01-box-body-thanks p */
.main-wrapper-article-form-01-box-body-thanks p {
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: center;
    margin: 0 0 15px;
}

@media screen and (max-width: 960px) {
    .main-wrapper-article-form-01-box-body-thanks p {
        font-size: 1.5rem;
        line-height: 1.9;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-form-01-box-body-thanks p {
        font-size: 1.4rem;
        line-height: 1.9;
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-form-01-box-body-thanks p {
        font-size: 1.3rem;
        line-height: 1.7;
        margin: 0 0 12px;
    }
}

/* main-wrapper-article-form-01-box-footer */
.main-wrapper-article-form-01-box-footer {
    padding: 40px 0;
}

.main-wrapper-article-form-01-box-footer p {
    margin: 0;
}

.main-wrapper-article-form-01-box-footer p a.btn {
    margin: auto;
}


/* archive
--------------------------------------------------------- */
/* ----- main-wrapper-archive-style-01 ----- */
.main-wrapper-archive .main-wrapper-archive-style-01 {
    margin: 0 auto 50px;
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 960px) {
    .main-wrapper-archive .main-wrapper-archive-style-01 {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive .main-wrapper-archive-style-01 {
        width: 90%;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-archive .main-wrapper-archive-style-01 {
        width: 80%;
    }
}

.main-wrapper-archive-style-01-box {
    padding: 25px 15px 20px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

/* main-wrapper-archive-style-01-box-body */
.main-wrapper-archive-style-01-box-body dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #111;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.main-wrapper-archive-style-01-box-body dl:last-child {
    margin: 0;
}

.main-wrapper-archive-style-01-box-body dl dt {
    width: 185px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-body dl dt {
        width: 100%;
        margin: 0 0 10px;
    }
}

.main-wrapper-archive-style-01-box-body dl dt span:nth-child(1) {
    width: 120px;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 2px 5px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-body dl dt span:nth-child(1) {
        width: auto;
        min-width: 90px;
        font-size: 1rem;
    }
}

.main-wrapper-archive-style-01-box-body dl.news dt span:nth-child(1) {
    background: #ff6794;
}

.main-wrapper-archive-style-01-box-body dl.campaign dt span:nth-child(1) {
    background: #abd62b;
}

.main-wrapper-archive-style-01-box-body dl dt span:nth-child(1) a {
    color: #fff;
    display: block;
}

.main-wrapper-archive-style-01-box-body dl dt span:nth-child(2) {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 10px 0 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-body dl dt span:nth-child(2) {
        font-size: 1.1rem;
    }
}

.main-wrapper-archive-style-01-box-body dl dt span:nth-child(3) {
    font-size: 1.6rem;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-body dl dt span:nth-child(3) {
        display: none;
    }
}

.main-wrapper-archive-style-01-box-body dl dd {
    width: calc(100% - 195px);
    font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-body dl dd {
        width: 100%;
        font-size: 1.2rem;
    }
}

.main-wrapper-archive-style-01-box-body dl dd a {
    display: block;
}

/* main-wrapper-archive-style-01-box-footer */
.main-wrapper-archive-style-01-box-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 50px auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-footer {
        margin: 30px auto 10px;
    }
}

/* main-wrapper-archive-style-01-box-footer-box:nth-child(1) */
/* .main-wrapper-archive-style-01-box-footer-box:nth-child(1) {
	margin: 0 40px 0 0;
}
@media screen and (max-width: 768px) {
	.main-wrapper-archive-style-01-box-footer-box:nth-child(1) {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0 0 -38px;
	}
}
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) ul {
	display: flex;
	align-items: center;
}
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) ul li {
	font-size: 1.4rem;
	margin: 0 2px;
}
@media screen and (max-width: 768px) {
	.main-wrapper-archive-style-01-box-footer-box:nth-child(1) ul li {
		font-size: 1.3rem;
	}
} */
/* main-wrapper-archive-style-01-box-footer-box:nth-child(1) */
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) .wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-footer-box:nth-child(1) .wp-pagenavi {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) span {
    min-width: 40px;
    height: 40px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-footer-box:nth-child(1) span {
        display: none;
    }
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) span.current {
    color: #fff;
    background: #111;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a {
    min-width: 40px;
    height: 40px;
    color: #111;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    border: 1px solid #111;
    transition: 0.25s;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-footer-box:nth-child(1) a {
        display: none;
    }
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a:hover {
    color: #fff;
    background: #111;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.first,
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.prev,
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.next,
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.last {
    padding: 0 12px;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.prev,
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.next {
    padding-bottom: 4px;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.first,
.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.last {
    font-size: 1.3rem;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.first {
    margin: 0 6px 0 0;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.prev {
    margin: 0 40px 0 0;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.next {
    margin: 0 0 0 40px;
}

.main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.last {
    margin: 0 0 0 6px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.prev {
        display: flex;
        margin: 0 auto 0 0;
    }

    .main-wrapper-archive-style-01-box-footer-box:nth-child(1) a.next {
        display: flex;
        margin: 0 0 0 auto;
    }
}


/* single
--------------------------------------------------------- */
/* ----- main-wrapper-article-single-01-box ----- */
.main-wrapper-article .main-wrapper-article-single-01 {
    margin: 0 auto 50px;
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 960px) {
    .main-wrapper-article .main-wrapper-article-single-01 {
        width: 94%;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article .main-wrapper-article-single-01 {
        width: 90%;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article .main-wrapper-article-single-01 {
        width: 84%;
    }
}

.main-wrapper-article-single-01-box {
    padding: 25px 20px 25px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-single-01-box {
        padding: 15px 10px 15px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-single-01-box {
        padding: 10px 5px 10px;
    }
}

/* main-wrapper-article-single-01-box-header */
.main-wrapper-article-single-01-box-header {
    margin: 0 auto 20px;
}

/* main-wrapper-article-single-01-box-header-info */
.main-wrapper-article-single-01-box-header-info {
    display: flex;
    align-items: center;
    margin: 0 auto 10px
}

/* main-wrapper-article-single-01-box-header-info-category */
.main-wrapper-article-single-01-box-header-info-category {}

.main-wrapper-article-single-01-box-header-info-category p {
    font-size: 1.4rem;
    margin: 0;
}

.main-wrapper-article-single-01-box-header-info-category p a {
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
    display: block;
    padding: 2px 8px 1px;
    background: #111;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-single-01-box-header-info-category p a {
        font-size: 1rem;
    }
}

.news .main-wrapper-article-single-01-box-header-info-category p a {
    background: #ff6794;
}

.campaign .main-wrapper-article-single-01-box-header-info-category p a {
    background: #abd62b;
}

/* main-wrapper-article-single-01-box-header-info-date */
.main-wrapper-article-single-01-box-header-info-date {}

.main-wrapper-article-single-01-box-header-info-date p {
    font-size: 1.4rem;
    margin: 0 0 0 15px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-single-01-box-header-info-date p {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-single-01-box-header-info-date p {
        font-size: 1.1rem;
    }
}

/* main-wrapper-article-single-01-box-header-title */
.main-wrapper-article-single-01-box-header-title {
    margin: 0 auto 20px;
}

.main-wrapper-article-single-01-box-header-title h3 {
    font-size: 2.6rem;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-single-01-box-header-title h3 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-single-01-box-header-title h3 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-single-01-box-body */
.main-wrapper-article-single-01-box-body {
    padding: 20px 10px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

/* main-wrapper-article-single-01-box-body-thumb */
.main-wrapper-article-single-01-box-body-thumb {
    margin: 0 auto 30px;
}

.main-wrapper-article-single-01-box-body-thumb img {
    margin: 0 auto;
}

.main-wrapper-article-single-01-box-body-content p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0 0 15px;
}

@media screen and (max-width: 960px) {
    .main-wrapper-article-single-01-box-body-content p {
        font-size: 1.5rem;
        line-height: 1.9;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-single-01-box-body-content p {
        font-size: 1.4rem;
        line-height: 1.9;
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-single-01-box-body-content p {
        font-size: 1.3rem;
        line-height: 1.7;
        margin: 0 0 12px;
    }
}

/* main-wrapper-article-single-footer-move */
.main-wrapper-article-single-footer-move {
    margin: 30px auto 10px;
}

.main-wrapper-article-single-footer-move ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.main-wrapper-article-single-footer-move ul li {
    width: 33.3%;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-single-footer-move ul li {
        width: 46%;
    }
}

.main-wrapper-article-single-footer-move ul li.page-move-prev {
    text-align: left;
}

.main-wrapper-article-single-footer-move ul li.page-move-top {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-single-footer-move ul li.page-move-top {
        display: none;
    }
}

.main-wrapper-article-single-footer-move ul li.page-move-next {
    text-align: right;
}

.main-wrapper-article-single-footer-move ul li a {
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    padding: 10px 20px;
    background: #baa08d;
    transition: 0.25s;
}

.main-wrapper-article-single-footer-move ul li.page-move-top a {
    padding: 10px 50px;
    border-radius: 50px;
    background: #111;
}

.main-wrapper-article-single-footer-move ul li a:hover {
    opacity: 0.8;
}


/* main-wrapper-article-style
--------------------------------------------------------- */
/* ----- main-wrapper-article-style-00(404etc) ----- */
/* main-wrapper-article-style-00-body */
.main-wrapper-article-style-00-body {
    margin: 0 0 50px;
}

.main-wrapper-article-style-00-body p {
    text-align: center;
}

.main-wrapper-article-style-00-body p span {
    display: block;
}


/* ----- main-wrapper-article-style-01 ----- */
/* main-wrapper-article-style-01-body */
.main-wrapper-article-style-01-body {
    padding: 45px 50px;
    border: 5px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    background-image: url("../img/about/message_bg.png"), url(../img/common/img_common_bg01.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-01-body {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-01-body {
        padding: 15px 20px;
    }
}


/* ----- main-wrapper-article-style-02 ----- */
/* main-wrapper-article-style-02 */
.main-wrapper .main-wrapper-article-style-02 {
    margin: -30px auto 40px;
    /* margin: 0 auto 40px;*/
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-02 {
        margin: 0 auto 20px;
    }
}

/* main-wrapper-article-style-02-body */
.main-wrapper-article-style-02-body ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* main-wrapper-article-style-02-body ul li:nth-child(1) */
.main-wrapper-article-style-02-body ul li:nth-child(1) {
    width: 438px;
    margin: 0 0 0px;
    /*    margin: 0 0 20px;*/
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body ul li:nth-child(1) {
        width: calc(438px / 1.15);
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body ul li:nth-child(1) {
        width: 100%;
        margin: 0 0 2vw;
    }
}

.main-wrapper-article-style-02-body-content-01 {
    width: 438px;
    height: 407px;
    background: url(../img/about/img_about_content01.png) no-repeat 0 0;
    background-size: 100% auto;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body-content-01 {
        width: calc(438px / 1.15);
        height: calc(407px / 1.15);
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-01 {
        width: 100%;
        height: 73vw;
        margin: auto;
        background: url(../img/about/img_about_content01_sp.png) no-repeat 0 0;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-02-body-content-01 {
        height: 80vw;
    }
}

.main-wrapper-article-style-02-body-content-01-title h3 {
    text-indent: -9999px;
}

.main-wrapper-article-style-02-body-content-01-btn {
    width: 183px;
    height: 103px;
    position: absolute;
    right: 25px;
    bottom: 25px;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body-content-01-btn {
        width: calc(183px / 1.155);
        height: calc(73px / 1.15);
        bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-01-btn {
        width: 30vw;
        height: auto;
        right: 4vw;
        bottom: 4vw;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-02-body-content-01-btn {
        width: 38vw;
        right: 3vw;
        bottom: 6vw;
    }
}

/* main-wrapper-article-style-02-body ul li:nth-child(2) */
.main-wrapper-article-style-02-body ul li:nth-child(2) {
    width: 439px;
    margin: -72px -10px 0px 0;
    /*    margin: -72px -10px 20px 0;*/
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body ul li:nth-child(2) {
        width: calc(439px / 1.155);
        margin: -52px -10px 20px 0;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body ul li:nth-child(2) {
        width: 100%;
        margin: -4vw auto 4vw;
        /* margin: 0 auto 4vw;*/
    }
}

.main-wrapper-article-style-02-body-content-02 {
    width: 439px;
    height: 477px;
    background: url(../img/about/img_about_content02.png) no-repeat 0 0;
    background-size: 100% auto;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body-content-02 {
        width: calc(439px / 1.155);
        height: calc(477px / 1.15);
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-02 {
        width: 100%;
        height: 79vw;
        background: url(../img/about/img_about_content02_sp.png) no-repeat 0 0;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-02-body-content-02 {
        height: 87vw;
    }
}

.main-wrapper-article-style-02-body-content-02-title h3 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-02-body-content-02-box */
.main-wrapper-article-style-02-body-content-02-box-title h3 {
    text-indent: -9999px;
}

.main-wrapper-article-style-02-body-content-02-box-01-title h4,
.main-wrapper-article-style-02-body-content-02-box-02-title h4 {
    text-indent: -9999px;
}

.main-wrapper-article-style-02-body-content-02-box-01-btn,
.main-wrapper-article-style-02-body-content-02-box-02-btn {
    width: 183px;
    height: 103px;
    position: absolute;
}

@media screen and (max-width: 1000px) {

    .main-wrapper-article-style-02-body-content-02-box-01-btn,
    .main-wrapper-article-style-02-body-content-02-box-02-btn {
        width: calc(183px / 1.155);
        height: calc(73px / 1.15);
    }
}

@media screen and (max-width: 768px) {

    .main-wrapper-article-style-02-body-content-02-box-01-btn,
    .main-wrapper-article-style-02-body-content-02-box-02-btn {
        width: 33vw;
        height: auto;
    }
}

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

    .main-wrapper-article-style-02-body-content-02-box-01-btn,
    .main-wrapper-article-style-02-body-content-02-box-02-btn {
        width: 38vw;
    }
}

.main-wrapper-article-style-02-body-content-02-box-01-btn {
    bottom: 25px;
    left: 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-02-box-01-btn {
        bottom: 3.5vw;
        left: 3.5vw;
    }
}

.main-wrapper-article-style-02-body-content-02-box-02-btn {
    right: 25px;
    bottom: 25px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-02-box-02-btn {
        right: 3vw;
        bottom: 3.5vw;
    }
}

/* main-wrapper-article-style-02-body ul li:nth-child(3) */
.main-wrapper-article-style-02-body ul li:nth-child(3) {
    width: 100%;
    margin: 0 0 0 -10px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body ul li:nth-child(3) {
        margin: auto;
    }
}

.main-wrapper-article-style-02-body-content-03 {
    width: 899px;
    height: 186px;
    background: url(../img/about/img_about_content11.png) no-repeat 0 0;
    background-size: 100% auto;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body-content-03 {
        width: calc(899px / 1.14);
        height: calc(186px / 1.15);
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-03 {
        width: 100%;
        height: 62vw;
        background: url(../img/about/img_about_content11_sp.png) no-repeat 0 0;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-03 {
        height: 69vw;
    }
}

.main-wrapper-article-style-02-body-content-03-title h3 {
    text-indent: -9999px;
}

.main-wrapper-article-style-02-body-content-03-btn {
    width: 183px;
    height: 130px;
    position: absolute;
    right: 25px;
    bottom: 25px;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-02-body-content-03-btn {
        width: calc(183px / 1.155);
        height: calc(130px / 1.15);
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-02-body-content-03-btn {
        width: 32vw;
        height: auto;
        right: 4vw;
        bottom: 10vw;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-02-body-content-03-btn {
        width: 38vw;
        right: 3vw;
        bottom: 7vw;
    }
}


/* ----- main-wrapper-article-style-03 ----- */
/* main-wrapper-article-style-03-body */
.main-wrapper-article-style-03-body ul.ul-style-01 {
    width: 580px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-03-body ul.ul-style-01 {
        width: 100%;
        height: auto;
    }
}

.main-wrapper-article-style-03-body ul.ul-style-01 li {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-03-body ul.ul-style-01 li {
        width: 48%;
    }
}

@media screen and (max-width: 480px) {
    .use-scene .main-wrapper-article-style-03-body ul.ul-style-01 li {
        width: 100%;
        max-width: 220px;
        margin: 0 auto 20px;
    }
}


/* ----- main-wrapper-article-style-04 ----- */
/* main-wrapper-article-style-04-header */
.main-wrapper-article-style-04-header {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-04-header-title {
    margin: 0 auto 10px;
    background: url(../img/make/a/img_make_ttl01.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-header-title {
        height: 7vw;
        background: url(../img/make/a/img_make_ttl01_sp.png) no-repeat center top / 80vw auto;
    }
}

.main-wrapper-article-style-04-header-title h3 {
    text-indent: -9999px;
}

.main-wrapper-article-style-04-header-message p {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-header-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-04-body */
.main-wrapper-article-style-04-body {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-wrapper-article-style-04-body-box {
    padding: 30px 15px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box {
        padding: 20px 10px;
    }
}

/* main-wrapper-article-style-04-body-box-title */
.main-wrapper-article-style-04-body-box-title {
    margin: 0 auto 10px;
    background: url(../img/make/a/img_make_ttl11.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-title {
        height: 10vw;
        margin: 0 auto 3vw;
        background: url(../img/make/a/img_make_ttl11_sp.png) no-repeat center top / 70vw auto;
    }
}

.main-wrapper-article-style-04-body-box-title h4 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-04-body-box-description */
.main-wrapper-article-style-04-body-box-description {
    margin: 0 0 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-description {
        margin: 0 0 2vw;
    }
}

.main-wrapper-article-style-04-body-box-description p {
    font-size: 1.6rem;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-description p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-04-body-box-example */
.main-wrapper-article-style-04-body-box-example {
    margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example {
        margin: 0 auto 5vw;
    }
}

/* main-wrapper-article-style-04-body-box-example-title */
.main-wrapper-article-style-04-body-box-example-title {
    margin: 0 auto 15px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-title {
        margin: 0 0 3vw;
    }
}

.main-wrapper-article-style-04-body-box-example-title h5 {
    font-size: 1.7rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-title h5 {
        font-size: 1.5rem;
    }
}

/* main-wrapper-article-style-04-body-box-example-thumb */
.main-wrapper-article-style-04-body-box-example-thumb {
    margin: 0 auto 10px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-thumb {
        margin: 0 auto 5vw;
    }
}

.main-wrapper-article-style-04-body-box-example-thumb ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-wrapper-article-style-04-body-box-example-thumb ul.ul-style-01 li {
    width: 32%;
    margin: 0 0 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-thumb ul.ul-style-01 li {
        width: 48%;
        margin: 0 0 3vw;
    }
}

.main-wrapper-article-style-04-body-box-example-thumb-img {
    margin: 0 auto 12px;
    border: 1px solid #666;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-thumb-img {
        margin: 0 auto 2vw;
    }
}

.main-wrapper .main-wrapper-article-style-04-body-box-example-thumb-img img {
    width: 100%;
    max-width: 261px;
    margin: auto;
}

.main-wrapper-article-style-04-body-box-example-thumb-caption p span {
    text-align: center;
    display: block;
}

.main-wrapper-article-style-04-body-box-example-thumb-caption p span:nth-child(1) {
    font-size: 1.4rem;
    line-height: 1;
    margin: 0 auto 5px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-thumb-caption p span:nth-child(1) {
        font-size: 1.2rem;
        line-height: 1.4;
        margin: 0 auto 1vw;
    }
}

.main-wrapper-article-style-04-body-box-example-thumb-caption p span:nth-child(2) {
    font-size: 1rem;
    line-height: 1.5;
}

/* main-wrapper-article-style-04-body-box-example-message */
.main-wrapper-article-style-04-body-box-example-message p {
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-example-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-04-body-box-summary */
.main-wrapper-article-style-04-body-box-summary {
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-summary {
        margin: 0 auto 6vw;
    }
}

.main-wrapper-article-style-04-body-box-summary table {
    margin: 0;
}

/* main-wrapper-article-style-04-body-box-flow */
.main-wrapper-article-style-04-body-box-flow {
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-flow {
        margin: 0 auto 10vw;
    }
}

.main-wrapper-article-style-04-body-box-flow-title {
    width: 400px;
    height: 60px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: #111;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-flow-title {
        width: 50vw;
        height: 40px;
        margin: 0 auto 5vw;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-04-body-box-flow-title {
        width: 60vw;
    }
}

.main-wrapper-article-style-04-body-box-flow-title:before,
.main-wrapper-article-style-04-body-box-flow-title:after {
    width: 0px;
    height: 0px;
    position: absolute;
    content: '';
    z-index: 1;
}

.main-wrapper-article-style-04-body-box-flow-title:before {
    border-width: 30px 0px 30px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    top: 0;
    left: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-flow-title:before {
        border-width: 20px 0px 20px 10px;
    }
}

.main-wrapper-article-style-04-body-box-flow-title:after {
    border-width: 30px 15px 30px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    right: 0;
    top: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-flow-title:after {
        border-width: 20px 10px 20px 0px;
    }
}

.main-wrapper-article-style-04-body-box-flow-title h5 {
    color: #fff;
    font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-flow-title h5 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-04-body-box-flow-title h5 {
        font-size: 1.4rem;
    }
}

/* main-wrapper-article-style-04-body-box-flow-content */
@media screen and (max-width: 768px) {
    .main-wrapper-article-style-04-body-box-flow-content {
        width: 90%;
        max-width: 360px;
        margin: auto;
    }
}

.main-wrapper .main-wrapper-article-style-04-body-box-flow-content img {
    width: 100%;
    margin: auto;
}

/* main-wrapper-article-style-04-body-box-btn */
.main-wrapper-article-style-04-body-box-btn a.btn {
    position: relative;
}

.main-wrapper-article-style-04-body-box-btn a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}


/* ----- main-wrapper-article-style-05 ----- */
/* main-wrapper-article-style-05 */
.main-wrapper-article-style-05 {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-wrapper-article-style-05-box {
    padding: 5px 15px 20px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box {
        padding: 5px 10px 20px;
    }
}

/* main-wrapper-article-style-05-box-header */
.main-wrapper-article-style-05-box-header {
    margin: 0 auto 20px;
}

/* main-wrapper-article-style-05-box-header-message */
.main-wrapper-article-style-05-box-header-message {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-05-box-header-message p {
    color: #ff515f;
    font-size: 2.4rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-header-message p {
        font-size: 1.8rem;
        line-height: 1.6;
    }
}

/* main-wrapper-article-style-05-box-header-title */
.main-wrapper-article-style-05-box-header-title {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-05-box-header-title h3 {
    font-size: 2.4rem;
    text-align: center;
    padding: 0 0 5px;
    border-bottom: 1px solid #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-header-title h3 {
        font-size: 1.8rem;
        line-height: 1.6;
    }
}

/* main-wrapper-article-style-05-box-body */
.main-wrapper-article-style-05-box-body {
    margin: 0 auto 30px;
}

/* main-wrapper-article-style-05-box-body-content */
.main-wrapper-article-style-05-box-body-content {
    margin: 0 0 20px;
}

.main-wrapper-article-style-05-box-body-content:nth-child(1) {
    padding: 0 0 20px;
    border-bottom: 1px dotted #333;
}

/* main-wrapper-article-style-05-box-body-content-title */
.main-wrapper-article-style-05-box-body-content-title {
    margin: 0 0 10px;
}

.main-wrapper-article-style-05-box-body-content-title h4 {
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-header-title h3 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-05-box-header-title h3 {
        font-size: 1.4rem;
    }
}

/* main-wrapper-article-style-05-box-body-content-description */
.main-wrapper-article-style-05-box-body-content-description {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-05-box-body-content-description p {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-body-content-description p {
        font-size: 1.4rem;
        line-height: 1.4;
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-05-box-body-content-description p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-05-box-body-content-thumb */
.main-wrapper-article-style-05-box-body-content-thumb {
    max-width: 750px;
    margin: 0 auto 20px;
}

.main-wrapper-article-style-05-box-body-content-thumb ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-wrapper-article-style-05-box-body-content-thumb ul.ul-style-01 li {
    width: 25%;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-05-box-body-content-thumb ul.ul-style-01 li {
        width: 50%;
        margin: 0 auto 5vw;
    }
}

.main-wrapper-article-style-05-box-body-content-thumb-img {
    margin: 0 auto 10px;
}

.main-wrapper .main-wrapper-article-style-05-box-body-content-thumb-img img {
    margin: auto;
}

.main-wrapper-article-style-05-box-body-content-thumb-message p span {
    font-size: 1.4rem;
    line-height: 1.3;
    text-align: center;
    display: block;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-body-content-thumb-message p span {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-05-box-body-content-caution */
.main-wrapper-article-style-05-box-body-content-caution {
    max-width: 750px;
    margin: auto;
}

.main-wrapper-article-style-05-box-body-content-caution p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0 0 5px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-body-content-caution p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-05-box-body-content-message */
.main-wrapper-article-style-05-box-body-content-message p {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-body-content-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-05-box-footer-check */
.main-wrapper-article-style-05-box-footer-check {
    display: flex;
    justify-content: center;
    margin: 0 auto 30px;
}

.main-wrapper-article-style-05-box-footer-check label {
    display: flex;
    align-items: center;
}

.main-wrapper-article-style-05-box-footer-check label span {
    color: #ff5a5a;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 10px 0 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-05-box-footer-check label span {
        font-size: 1.3rem;
    }
}

.main-wrapper-article-style-05-box-footer-check label input {
    width: auto;
}

/* main-wrapper-article-style-05-box-footer-btn */
.main-wrapper-article-style-05-box-footer-btn a.btn {
    position: relative;
}

.main-wrapper-article-style-05-box-footer-btn a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}


/* ----- main-wrapper-article-style-06 ----- */
/* main-wrapper-article-style-06 */
.main-wrapper .main-wrapper-article-style-06 {
    margin: 0 auto 60px;
    padding: 15px 10px;
    border: 3px solid #ff5a5a;
    border-radius: 15px;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-06 {
        margin: 0 auto 40px;
    }
}

.main-wrapper-article-style-06-box {
    padding: 15px 15px 15px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-06-box {
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-06-box {
        padding: 10px 5px;
    }
}

/* main-wrapper-article-style-06-box-header */
.main-wrapper-article-style-06-box-header {
    margin: 0 20px 30px;
    padding: 0 0 0 70px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-06-box-header {
        margin: 0 0 20px;
        padding: 0 0 0 45px;
    }
}

.main-wrapper-article-style-06-box-header:before {
    color: #ff5a5a;
    font-size: 5rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: -20px;
    left: 0;
    content: "\f071";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-06-box-header:before {
        font-size: 3rem;
        top: -10px;
    }
}

.main-wrapper-article-style-06-box-header p {
    color: #ff5a5a;
    font-size: 1.8rem;
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-06-box-header p {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-06-box-header p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-06-box-body-content */
.main-wrapper-article-style-06-box-body-content ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .make-c .main-wrapper-article-style-06-box-body-content ul.ul-style-01 {
        width: 70%;
        margin: auto;
    }
}

@media screen and (max-width: 480px) {
    .make-c .main-wrapper-article-style-06-box-body-content ul.ul-style-01 {
        width: 100%;
    }
}

.main-wrapper-article-style-06-box-body-content ul.ul-style-01 li {
    width: 49%;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-06-box-body-content ul.ul-style-01 li {
        width: 100%;
        margin: 0 auto 3vw;
    }
}

.make-c .main-wrapper-article-style-06-box-body-content ul.ul-style-01 li {
    width: 48%;
}

@media screen and (max-width: 768px) {
    .make-c .main-wrapper-article-style-06-box-body-content ul.ul-style-01 li {
        width: 100%;
        margin: 0 auto 3vw;
    }
}

.main-wrapper-article-style-06-box-body-content ul.ul-style-01 li:last-child {
    margin: 0 auto;
}

/* main-wrapper-article-style-06-box-body-content-thumb */
.main-wrapper .main-wrapper-article-style-06-box-body-content-thumb img {
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-06-box-body-content-thumb img {
        margin: 0 0 0 auto;
    }
}

li:nth-child(1) .main-wrapper-article-style-06-box-body-content-thumb {
    width: 26%;
}

.make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-thumb {
    width: 30%;
}

@media screen and (max-width: 1000px) {
    li:nth-child(1) .main-wrapper-article-style-06-box-body-content-thumb {
        width: 35%;
    }
}

@media screen and (max-width: 768px) {
    li:nth-child(1) .main-wrapper-article-style-06-box-body-content-thumb {
        width: 27%;
        display: flex;
        align-items: center;
    }
}

li:nth-child(2) .main-wrapper-article-style-06-box-body-content-thumb {
    width: 36%;
}

@media screen and (max-width: 1000px) {
    li:nth-child(2) .main-wrapper-article-style-06-box-body-content-thumb {
        width: 41%;
    }
}

@media screen and (max-width: 768px) {
    li:nth-child(2) .main-wrapper-article-style-06-box-body-content-thumb {
        width: 41%;
        display: flex;
        align-items: center;
    }
}

/* main-wrapper-article-style-06-box-body-content-description */
li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description {
    width: 73%;
}

.make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description {
    width: 69%;
}

@media screen and (max-width: 1000px) {
    li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description {
        width: 64%;
    }
}

@media screen and (max-width: 768px) {
    li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description {
        width: 72%;
    }
}

li:nth-child(2) .main-wrapper-article-style-06-box-body-content-description {
    width: 62%;
}

@media screen and (max-width: 1000px) {
    li:nth-child(2) .main-wrapper-article-style-06-box-body-content-description {
        width: 58%;
    }
}

@media screen and (max-width: 768px) {
    li:nth-child(2) .main-wrapper-article-style-06-box-body-content-description {
        width: 57%;
    }

    .make-c li:nth-child(2) .main-wrapper-article-style-06-box-body-content-description {
        width: 52%;
    }
}

/* main-wrapper-article-style-06-box-body-content-description-title */
.main-wrapper-article-style-06-box-body-content-description-title {
    margin: 0 0 1px;
}

@media screen and (max-width: 1000px) {
    .main-wrapper-article-style-06-box-body-content-description-title {
        margin: 0 0 5px;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-06-box-body-content-description-title {
        margin: 0 0 8px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-06-box-body-content-description-title {
        margin: 0 0 5px;
    }
}

.make-c .main-wrapper-article-style-06-box-body-content-description-title {
    margin: 0 0 1px;
}

@media screen and (max-width: 768px) {
    .make-c .main-wrapper-article-style-06-box-body-content-description-title {
        margin: 0 0 10px;
    }
}

@media screen and (max-width: 480px) {
    .make-c .main-wrapper-article-style-06-box-body-content-description-title {
        margin: 0 0 5px;
    }
}

@media screen and (max-width: 360px) {
    .make-c .main-wrapper-article-style-06-box-body-content-description-title {
        margin: 0 0 2px;
    }
}

.main-wrapper-article-style-06-box-body-content-description-title p {
    font-size: 1.5rem;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-06-box-body-content-description-title p {
        font-size: 1.4rem;
    }

    .make-c .main-wrapper-article-style-06-box-body-content-description-title p {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 380px) {
    .make-c .main-wrapper-article-style-06-box-body-content-description-title p {
        font-size: 1.1rem;
    }
}

/* main-wrapper-article-style-06-box-body-content-description-message */
.main-wrapper .main-wrapper-article-style-06-box-body-content-description-message p {
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 0 0 2px;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-06-box-body-content-description-message p {
        margin: 0 0 8px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper .main-wrapper-article-style-06-box-body-content-description-message p {
        font-size: 1.1rem;
        margin: 0 0 3px;
    }
}

.make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(1) {
    margin: 0 0 27px;
}

@media screen and (max-width: 1000px) {
    .make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(1) {
        margin: 0 0 16px;
    }
}

@media screen and (max-width: 768px) {
    .make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(1) {
        margin: 0 0 28px;
    }
}

@media screen and (max-width: 480px) {
    .make-b li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(2) {
        margin: 0 0 6px;
    }

    .make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(1) {
        margin: 0 0 18px;
    }
}

@media screen and (max-width: 380px) {
    .make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(1) {
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 360px) {
    .make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(1) {
        margin: 0 0 10px;
    }
}

.make-b li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(3),
.make-c li:nth-child(1) .main-wrapper-article-style-06-box-body-content-description-message p:nth-child(2) {
    color: #ff5a5a;
}

li:nth-child(2) .main-wrapper-article-style-06-box-body-content-description-message p {
    line-height: 1.8;
}


/* ----- main-wrapper-article-style-07 ----- */
/* main-wrapper-article-style-07-header */
.main-wrapper-article-style-07-header {
    margin: 0 auto 10px;
    background: url(../img/make/b/img_make_ttl01.png) no-repeat center center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-header {
        height: 14vw;
        background: url(../img/make/b/img_make_ttl01_sp.png) no-repeat center center / 50vw auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-07-header {
        background: url(../img/make/b/img_make_ttl01_sp.png) no-repeat center center / 60vw auto;
    }
}

.main-wrapper-article-style-07-header h3 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-07-body */
.main-wrapper-article-style-07-body {
    padding: 30px 0;
    border: 8px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff2ef;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body {
        padding: 15px 0;
        border: 4px solid #111;
    }
}

.main-wrapper-article-style-07-body-content ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-wrapper-article-style-07-body-content ul.ul-style-01 li {
    width: 50%;
    margin: 0;
    padding: 0 30px 90px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content ul.ul-style-01 li {
        width: 100%;
        margin: 0 10px 20px;
        padding: 0 20px 20px
    }
}

.main-wrapper-article-style-07-body-content ul.ul-style-01 li:first-child {
    border-right: 3px solid #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content ul.ul-style-01 li:first-child {
        border-right: none;
        border-bottom: 1px dashed #111;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content ul.ul-style-01 li:last-child {
        padding: 0 20px 10px;
    }
}

/* main-wrapper-article-style-07-body-content-title */
.main-wrapper-article-style-07-body-content-title {
    height: 66px;
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content-title {
        height: 15vw;
        margin: 0 auto 10px;
    }
}

li:nth-child(1) .main-wrapper-article-style-07-body-content-title {
    background: url(../img/make/b/img_make_ttl11.png) no-repeat center center;
}

@media screen and (max-width: 768px) {
    li:nth-child(1) .main-wrapper-article-style-07-body-content-title {
        background: url(../img/make/b/img_make_ttl11_sp.png) no-repeat center center / 55vw auto;
    }
}

@media screen and (max-width: 480px) {
    li:nth-child(1) .main-wrapper-article-style-07-body-content-title {
        background: url(../img/make/b/img_make_ttl11_sp.png) no-repeat center center / 65vw auto;
    }
}

li:nth-child(2) .main-wrapper-article-style-07-body-content-title {
    background: url(../img/make/b/img_make_ttl12.png) no-repeat center center;
}

@media screen and (max-width: 768px) {
    li:nth-child(2) .main-wrapper-article-style-07-body-content-title {
        background: url(../img/make/b/img_make_ttl12_sp.png) no-repeat center center / 55vw auto;
    }
}

@media screen and (max-width: 480px) {
    li:nth-child(2) .main-wrapper-article-style-07-body-content-title {
        background: url(../img/make/b/img_make_ttl12_sp.png) no-repeat center center / 65vw auto;
    }
}

.main-wrapper-article-style-07-body-content-title h4 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-07-body-content-message */
@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content-message {
        margin: 0 auto 15px;
    }
}

.main-wrapper-article-style-07-body-content-message p {
    font-size: 1.6rem;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-07-body-content-btn */
.main-wrapper-article-style-07-body-content-btn {
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-07-body-content-btn {
        max-width: 400px;
        position: relative;
    }
}

.main-wrapper .main-wrapper-article-style-07-body-content-btn a img {
    margin: auto;
}


/* ----- main-wrapper-article-style-08 ----- */
/* main-wrapper-article-style-08-header */
.main-wrapper-article-style-08-header {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-08-header-title {
    margin: 0 auto 10px;
    background: url(../img/make/b/img_make_ttl21.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-header-title {
        height: 15vw;
        margin: 0 auto 3vw;
        background: url(../img/make/b/img_make_ttl21_sp.png) no-repeat center center / 65vw auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-08-header-title {
        background: url(../img/make/b/img_make_ttl21_sp.png) no-repeat center center / 70vw auto;
    }
}

.main-wrapper-article-style-08-header-title h3 {
    text-indent: -9999px;
}

.main-wrapper-article-style-08-header-message p {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-header-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-08-body */
.main-wrapper-article-style-08-body {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-wrapper-article-style-08-body-box {
    padding: 30px 15px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box {
        padding: 20px 5px;
    }
}

/* main-wrapper-article-style-08-body-box-example */
.main-wrapper-article-style-08-body-box-example {
    margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-example {
        margin: 0 auto 30px;
    }
}

/* main-wrapper-article-style-08-body-box-example-thumb */
.main-wrapper-article-style-08-body-box-example-thumb ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.main-wrapper-article-style-08-body-box-example-thumb ul.ul-style-01 li {
    margin: 0;
}

.main-wrapper-article-style-08-body-box-example-thumb ul.ul-style-01 li:nth-child(1) {
    width: 40%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-example-thumb ul.ul-style-01 li:nth-child(1) {
        width: 100%;
        margin: 0 auto 5vw;
    }
}

.main-wrapper-article-style-08-body-box-example-thumb ul.ul-style-01 li:nth-child(2) {
    width: 58%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-example-thumb ul.ul-style-01 li:nth-child(2) {
        width: 100%;
    }
}

/* main-wrapper-article-style-08-body-box-example-thumb-title */
.main-wrapper-article-style-08-body-box-example-thumb-title {
    margin: 0 auto 20px;
}

li:nth-child(1) .main-wrapper-article-style-08-body-box-example-thumb-title {
    background: url(../img/make/b/img_make_ttl31.png) no-repeat center top / 90% auto;
}

@media screen and (max-width: 768px) {
    li:nth-child(1) .main-wrapper-article-style-08-body-box-example-thumb-title {
        height: 5vw;
        margin: 0 auto 3vw;
        background: url(../img/make/b/img_make_ttl31_sp.png) no-repeat center top / 52vw auto;
    }
}

li:nth-child(2) .main-wrapper-article-style-08-body-box-example-thumb-title {
    background: url(../img/make/b/img_make_ttl32.png) no-repeat center top / 90% auto;
}

@media screen and (max-width: 768px) {
    li:nth-child(2) .main-wrapper-article-style-08-body-box-example-thumb-title {
        height: 5vw;
        margin: 0 auto 3vw;
        background: url(../img/make/b/img_make_ttl32_sp.png) no-repeat center top / 70vw auto;
    }
}

.main-wrapper-article-style-08-body-box-example-thumb-title h4 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-08-body-box-example-thumb-img */
.main-wrapper .main-wrapper-article-style-08-body-box-example-thumb-img img {
    margin: auto;
}

/* main-wrapper-article-style-08-body-box-example-btn */
.main-wrapper-article-style-08-body-box-example-btn {
    margin: -40px auto 0;
    position: relative;
    z-index: 11;
}

.main-wrapper-article-style-08-body-box-example-btn a.btn {
    border-radius: 50px;
    position: relative;
}

.main-wrapper-article-style-08-body-box-example-btn a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}

/* main-wrapper-article-style-08-body-box-summary */
.main-wrapper-article-style-08-body-box-summary {
    margin: 0 auto 30px;
}

.main-wrapper-article-style-08-body-box-summary table {
    margin: 0;
}

/* main-wrapper-article-style-08-body-box-description */
.main-wrapper-article-style-08-body-box-description {
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-description {
        margin: 0 auto 30px;
    }
}

/* main-wrapper-article-style-08-body-box-description-title */
.main-wrapper-article-style-08-body-box-description-title {
    margin: 0 0 5px;
}

.main-wrapper-article-style-08-body-box-description-title h5 {
    font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-description-title h5 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-08-body-box-description-message */
.main-wrapper-article-style-08-body-box-description-message {
    margin: 0 0 20px;
}

.main-wrapper-article-style-08-body-box-description-message p {
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-description-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-08-body-box-description-caution */
.main-wrapper-article-style-08-body-box-description-caution {
    margin: 0 0 30px;
    padding: 20px 20px 20px 60px;
    background: #fff7f7;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-description-caution {
        margin: 0 0 20px;
        padding: 10px 10px 10px 50px;
    }
}

.main-wrapper-article-style-08-body-box-description-caution:before {
    color: #ff5a5a;
    font-size: 3rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 5px;
    /* top: 10px;*/
    left: 15px;
    content: "\f071";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-description-caution:before {
        font-size: 2rem;
        top: 5px;
    }
}

.main-wrapper-article-style-08-body-box-description-caution p {
    color: #ff5a5a;
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-08-body-box-description-caution p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-08-body-box-btn */
.main-wrapper-article-style-08-body-box-btn a.btn {
    position: relative;
}

.main-wrapper-article-style-08-body-box-btn a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}


/* ----- main-wrapper-article-style-09 ----- */
/* main-wrapper-article-style-09-header */
.main-wrapper-article-style-09-header {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-09-header-title {
    margin: 0 auto 10px;
}

.make-b2 .main-wrapper-article-style-09-header-title {
    background: url(../img/make/b/img_make_ttl41.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .make-b2 .main-wrapper-article-style-09-header-title {
        height: 6vw;
        background: url(../img/make/b/img_make_ttl41_sp.png) no-repeat center top / 65vw auto;
    }
}

@media screen and (max-width: 480px) {
    .make-b2 .main-wrapper-article-style-09-header-title {
        height: 7vw;
        background: url(../img/make/b/img_make_ttl41_sp.png) no-repeat center top / 75vw auto;
    }
}

.make-c .main-wrapper-article-style-09-header-title {
    background: url(../img/make/c/img_make_ttl01.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .make-c .main-wrapper-article-style-09-header-title {
        height: 6vw;
        background: url(../img/make/c/img_make_ttl01_sp.png) no-repeat center top / 65vw auto;
    }
}

@media screen and (max-width: 480px) {
    .make-c .main-wrapper-article-style-09-header-title {
        height: 7vw;
        background: url(../img/make/c/img_make_ttl01_sp.png) no-repeat center top / 75vw auto;
    }
}

.main-wrapper-article-style-09-header-title h3 {
    text-indent: -9999px;
}

.main-wrapper-article-style-09-header-message p {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-header-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-09-body */
.main-wrapper-article-style-09-body {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-wrapper-article-style-09-body-box {
    padding: 30px 15px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box {
        padding: 20px 5px;
    }
}

/* main-wrapper-article-style-09-body-box-example-thumb */
.main-wrapper .main-wrapper-article-style-09-body-box-example-thumb img {
    margin: auto;
}

/* main-wrapper-article-style-09-body-box-summary */
.main-wrapper-article-style-09-body-box-summary {
    margin: 0 auto 30px;
}

.main-wrapper-article-style-09-body-box-summary table {
    margin: 0;
}

/* main-wrapper-article-style-09-body-box-design */
.main-wrapper-article-style-09-body-box-design {
    margin: 0 auto 40px;
}

/* main-wrapper-article-style-09-body-box-design-title */
.main-wrapper-article-style-09-body-box-design-title {
    margin: 0 0 5px;
}

.main-wrapper-article-style-09-body-box-design-title h5 {
    font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-title h5 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-09-body-box-design-message */
.main-wrapper-article-style-09-body-box-design-message {
    margin: 0 0 20px;
}

.main-wrapper-article-style-09-body-box-design-message p {
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-09-body-box-design-btn */
.main-wrapper-article-style-09-body-box-design-btn {
    margin: 0 auto 50px;
    padding: 40px 60px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn {
        padding: 20px 20px;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li {
    width: 50%;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li {
        width: 100%;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(1) {
    padding: 0 20px 0 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(1) {
        margin: 0 0 15px;
        padding: 0;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(2) {
    padding: 0 0 0 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(2) {
        padding: 0;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn {
    height: 66px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border-radius: 50px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn {
        height: 55px;
        margin: auto;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(1) a.btn {
    margin: 0 0 0 auto;
    background: #ff5a5a;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(1) a.btn {
        margin: auto;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(2) a.btn {}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn:after {
        right: 20px;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(1) a.btn:after {
    color: #ffacac;
    font-size: 3rem;
    top: 8px;
    content: "\f019";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(1) a.btn:after {
        font-size: 2.4rem;
        top: 5px;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li:nth-child(2) a.btn:after {
    content: "\f0da";
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn span {
    width: 100%;
    display: block;
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn span:nth-child(1) {
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn span:nth-child(1) {
        font-size: 1.3rem;
    }
}

.main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn span:nth-child(2) {
    font-size: 1.1rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-design-btn ul.ul-style-01 li a.btn span:nth-child(2) {
        font-size: 1rem;
    }
}

/* main-wrapper-article-style-09-body-box-description */
.main-wrapper-article-style-09-body-box-description {
    margin: 0 auto 40px;
}

/* main-wrapper-article-style-09-body-box-description-title */
.main-wrapper-article-style-09-body-box-description-title {
    margin: 0 0 5px;
}

.main-wrapper-article-style-09-body-box-description-title h5 {
    font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-description-title h5 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-09-body-box-description-message */
.main-wrapper-article-style-09-body-box-description-message {
    margin: 0 0 20px;
}

.main-wrapper-article-style-09-body-box-description-message p {
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-description-message p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-09-body-box-description-caution */
.main-wrapper-article-style-09-body-box-description-caution {
    margin: 0 0 30px;
    padding: 20px 20px 20px 55px;
    background: #fff7f7;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-description-caution {
        margin: 0 0 20px;
        padding: 10px 10px 10px 50px;
    }
}

.main-wrapper-article-style-09-body-box-description-caution:before {
    color: #ff5a5a;
    font-size: 3rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    left: 15px;
    content: "\f071";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-description-caution:before {
        font-size: 2rem;
        top: 5px;
    }
}

.main-wrapper-article-style-09-body-box-description-caution p {
    color: #ff5a5a;
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-09-body-box-description-caution p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-09-body-box-btn */
.main-wrapper-article-style-09-body-box-btn a.btn {
    position: relative;
}

.main-wrapper-article-style-09-body-box-btn a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}


/* ----- main-wrapper-article-style-31 ----- */
/* main-wrapper-article-style-31-header */
.main-wrapper-article-style-31-header {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-header {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-31-header p {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-header p {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-header p {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-31-body */
.main-wrapper-article-style-31-body {
    padding: 30px 50px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body {
        padding: 25px 25px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body {
        padding: 20px 10px;
    }
}

/* main-wrapper-article-style-31-body-box */
.main-wrapper-article-style-31-body-box {
    margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box {
        margin: 0 auto 25px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body-box {
        margin: 0 auto 20px;
    }
}

.main-wrapper-article-style-31-body-box:last-child {
    margin-bottom: 0;
}

/* main-wrapper-article-style-31-body-box-title */
.main-wrapper-article-style-31-body-box-title {
    margin: 0 auto 20px;
    padding: 8px;
    border-radius: 50px;
    background: #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-title {
        margin: 0 auto 10px;
        padding: 6px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body-box-title {
        padding: 4px;
    }
}

.main-wrapper-article-style-31-body-box-title h3 {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-title h3 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body-box-title h3 {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-31-body-box-content */
.main-wrapper-article-style-31-body-box-content dl.dl-style-01 {
    margin: 0;
    border-top: 1px solid #baa08d;
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01:last-child {
    border-bottom: 1px solid #baa08d;
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 10px 40px 10px 55px;
    cursor: pointer;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt {
        font-size: 1.3rem;
        padding: 10px 38px 10px 50px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt {
        font-size: 1.2rem;
        padding: 10px 35px 10px 45px;
    }
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt:before {
    width: 30px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    background: #baa08d;
    position: absolute;
    left: 10px;
    content: "Q";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt:before {
        width: 24px;
        height: 24px;
        font-size: 1.2rem;
        line-height: 24px;
        top: 10px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt:before {
        top: 8px;
    }
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt:after {
    color: #baa08d;
    font-size: 2rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 6px;
    right: 10px;
    content: "\f077";
    transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt:after {
        font-size: 1.6rem;
    }
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01 dt.ac:after {
    transform: rotate(0deg);
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01 dd {
    font-size: 1.5rem;
    display: none;
    padding: 30px 30px 30px 55px;
    background: #fcfaf9;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dd {
        font-size: 1.3rem;
        padding: 10px 10px 10px 50px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dd {
        font-size: 1.2rem;
        padding: 10px 8px 10px 45px;
    }
}

.main-wrapper-article-style-31-body-box-content dl.dl-style-01 dd:before {
    width: 30px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    background: #8bc01f;
    position: absolute;
    left: 10px;
    content: "A";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-31-body-box-content dl.dl-style-01 dd:before {
        width: 24px;
        height: 24px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}


/* ----- main-wrapper-article-style-32 ----- */
/* main-wrapper-article-style-32-header */
.main-wrapper-article-style-32-header {
    margin: 0 auto 30px;
    background: url(../img/use-scene/img_usescene_ttl01.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-header {
        margin: 0 auto 3vw;
        background: url(../img/use-scene/img_usescene_ttl12_sp.png) no-repeat center top / 15vw auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-32-header {
        background: url(../img/use-scene/img_usescene_ttl12_sp.png) no-repeat center top / 20vw auto;
    }
}

.main-wrapper-article-style-32-header h3 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-32-body-situation */
.main-wrapper-article-style-32-body-situation {
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-situation {
        margin: 0 auto 10px;
    }
}



.use_scene_bosyu {}

.use_scene_bosyu img {}

@media (max-width: 768px) {
    .use_scene_bosyu {}

    .use_scene_bosyu img {}
}

.main-wrapper-article-style-32-body-situation ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-situation ul.ul-style-01 {
        max-width: 400px;
        margin: auto;
    }
}

.main-wrapper-article-style-32-body-situation ul.ul-style-01 li {
    width: auto;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-situation ul.ul-style-01 li {
        width: 28%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 5vw;
    }

    .main-wrapper-article-style-32-body-situation ul.ul-style-01 li:last-child {
        margin-bottom: 5vw;
    }
}

/* main-wrapper-article-style-32-body-message */
.main-wrapper-article-style-32-body-message {
    margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-message {
        margin: 0 0 2rem;
        /*     margin: 0 0 50px;*/
    }
}

.main-wrapper-article-style-32-body-message p {
    font-size: 1.5rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-message p {
        font-size: 1.3rem;
        line-height: 1.7;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-32-body-message p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-32-body-example */
.main-wrapper-article-style-32-body-example ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-example ul.ul-style-01 {
        max-width: 380px;
        margin: auto;
    }
}

.main-wrapper-article-style-32-body-example ul.ul-style-01>li {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 30px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-example ul.ul-style-01 li {
        width: 100%;
    }
}


/* main-wrapper-article-style-32-body-example-thumb */
.main-wrapper-article-style-32-body-example-thumb {
    width: 100%;
}

/* main-wrapper-article-style-32-body-example-content */
.main-wrapper-article-style-32-body-example-content {
    width: 100%;
    padding: 10px;
}


/* main-wrapper-article-style-32-body-example-content-title */
.main-wrapper-article-style-32-body-example-content-title {
    margin: 0 0 5px;
    font-weight: bold;
}

.main-wrapper-article-style-32-body-example-content-title p {
    font-size: 1.2rem;
    font-weight: bold;
}

/* main-wrapper-article-style-32-body-example-content-message */
.main-wrapper-article-style-32-body-example-content-message p {
    font-size: 1.4rem;
    line-height: 1.6;
}

/* main-wrapper-article-style-32-body-example-content-title */
.main-wrapper-article-style-32-body-example-content-company {
    margin: 0 0 5px;
}

.main-wrapper-article-style-32-body-example-content-company p {
    font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-example-content-message p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-32-body-example-img */
.main-wrapper-article-style-32-body-example-img {
    width: 100%;
    padding: 10px;
}

.page .main-wrapper-article .main-wrapper-article-style-32-body-example-img ol {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.page .main-wrapper-article .main-wrapper-article-style-32-body-example-img ol li {
    padding: 0 5px;
}

.main-wrapper-article-style-32-body-example-img img {
    max-width: 120px;
}


@media screen and (max-width: 768px) {
    .page .main-wrapper-article .main-wrapper-article-style-32-body-example-img ol li {
        padding: 0 5px;
    }

    .main-wrapper-article-style-32-body-example-img img {
        max-width: 100%;
    }
}

/* main-wrapper-article-style-32-body-example-category */
.main-wrapper-article-style-32-body-example-category {
    width: 100%;
}

/* main-wrapper-article-style-32-body-example-category */
.main-wrapper-article-style-32-body-example-category {
    padding: 0px 5px 15px;
    margin: 0 10px;
}

.main-wrapper-article-style-32-body-example-category p {
    font-size: 1.2rem;
    border-radius: 0.5em;
    background-size: auto auto;
    background-color: #FFE2BB;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 204, 125, 1) 2px, rgba(255, 204, 125, 1) 6px);
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-32-body-example-category p {
        font-size: 1rem;
    }
}


/* ----- main-wrapper-article-style-33 ----- */
/* main-wrapper-article-style-33 */
.main-wrapper .main-wrapper-article-style-33 {
    width: auto;
    max-width: inherit;
    padding: 50px 20px 50px;
    background: url(../img/common/img_common_bg01.png) repeat 0 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-33 {
        padding: 30px 20px;
    }
}

/* main-wrapper-article-style-33-header */
.main-wrapper-article-style-33-header {
    margin: 0 auto 30px;
    background: url(../img/use-scene/img_usescene_ttl11.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-33-header {
        margin: 0 auto 4vw;
        background: url(../img/use-scene/img_usescene_ttl11_sp.png) no-repeat center top / 26vw auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-33-header {
        margin: 0 auto 6vw;
        background: url(../img/use-scene/img_usescene_ttl11_sp.png) no-repeat center top / 34vw auto;
    }
}

.main-wrapper-article-style-33-header h3 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-33-body */
.main-wrapper-article-style-33-body {
    max-width: 850px;
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-33-body {
        max-width: 420px;
        margin: 0 auto;
    }
}

.main-wrapper-article-style-33-body ul.ul-style-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-wrapper-article-style-33-body ul.ul-style-01 li {
    width: 10%;
    margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-33-body ul.ul-style-01 li {
        width: 20%;
    }

    .main-wrapper-article-style-33-body ul.ul-style-01 li:nth-child(n + 5) {
        display: none;
    }
}

.main-wrapper-article-style-33-body ul.ul-style-01 li img {
    margin: auto;
}

.main-wrapper-article-style-33-body div.more-work {
    display: none;
}

/* main-wrapper-article-style-33-footer */
.main-wrapper-article-style-33-footer a.btn {
    margin: auto;
    padding: 8px 10px;
    background: #ff5a5a;
}

/* ----- main-wrapper-article-style-34 ----- */
/* main-wrapper-article-style-34 */
.main-wrapper-article-style-34 {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34 {
        padding: 12px 8px;
        border: 1px solid #111;
    }
}

.main-wrapper-article-style-34-box {
    padding: 25px 15px 20px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box {
        padding: 15px 10px 10px;
    }
}

/* main-wrapper-article-style-34-box-header */
.main-wrapper-article-style-34-box-header {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-header {
        margin: 0 auto 15px;
    }
}

.main-wrapper-article-style-34-box-header h3 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-header h3 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-34-box-header h3 {
        font-size: 1.4rem;
        line-height: 1.6;
    }
}

/* main-wrapper-article-style-34-box-body-content */
.main-wrapper-article-style-34-box-body-content {
    margin: 0 0 30px;
    padding: 0 0 15px;
    border-bottom: 1px dashed #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-body-content {
        margin: 0 0 20px;
        padding: 0 0 10px;
    }
}

.main-wrapper-article-style-34-box-body-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* main-wrapper-article-style-34-box-body-content-title */
.main-wrapper-article-style-34-box-body-content-title {
    margin: 0 0 10px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-body-content-title {
        margin: 0 0 8px;
    }
}

.main-wrapper-article-style-34-box-body-content-title h4 {
    font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-body-content-title h4 {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-34-box-body-content-message */
.main-wrapper-article-style-34-box-body-content-message>ul.ul-style-01>li {
    font-size: 1.3rem;
    line-height: 1.8;
    text-indent: -15px;
    margin: 0 0 8px;
    padding: 0 0 0 15px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-body-content-message>ul.ul-style-01>li {
        font-size: 1.2rem;
        text-indent: -12px;
        padding: 0 0 0 12px;
    }
}

.main-wrapper-article-style-34-box-body-content-message>ul.ul-style-01>li>ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 25px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-34-box-body-content-message>ul.ul-style-01>li>ul {
        margin: 8px 0 25px;
    }
}

.main-wrapper-article-style-34-box-body-content-message>ul.ul-style-01>li>ul>li {
    margin: 0 5px;
}


/* ----- main-wrapper-article-style-35 ----- */
/* main-wrapper-article-style-35-box-header */
.main-wrapper-article-style-35-header {
    margin: 0 auto 20px;
}

.main-wrapper-article-style-35-header p {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-header p {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-35-header p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-35-body */
.main-wrapper-article-style-35-body {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body {
        padding: 12px 8px;
    }
}

.main-wrapper-article-style-35-body-box {
    padding: 30px 25px 30px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box {
        padding: 20px 15px 20px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-35-body-box {
        padding: 10px 5px 10px;
    }
}

/* main-wrapper-article-style-35-body-box-content */
.main-wrapper-article-style-35-body-box-content {
    margin: 0 0 60px;
    padding: 0 0 30px;
    border-bottom: 1px dashed #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content {
        margin: 0 0 40px;
        padding: 0 0 20px;
    }
}

.main-wrapper-article-style-35-body-box-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* main-wrapper-article-style-35-body-box-content-title */
.main-wrapper-article-style-35-body-box-content-title {
    margin: 0 0 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-title {
        margin: 0 0 10px;
    }
}

.main-wrapper-article-style-35-body-box-content-title h3 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-title h3 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-35-body-box-content-flow */
.main-wrapper-article-style-35-body-box-content-flow {
    max-width: 750px;
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-flow {
        margin: 0 auto 30px;
    }
}

.main-wrapper-article-style-35-body-box-content-flow:last-child {
    margin-bottom: 0;
}

/* main-wrapper-article-style-35-body-box-content-flow-title */
.main-wrapper-article-style-35-body-box-content-flow-title {
    margin: 0 0 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-flow-title {
        margin: 0 0 15px;
    }
}

.main-wrapper-article-style-35-body-box-content-flow-title h4 {
    font-size: 1.5rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-flow-title h4 {
        font-size: 1.3rem;
    }
}

/* main-wrapper-article-style-35-body-box-content-flow-thumb */
.main-wrapper-article-style-35-body-box-content-flow-thumb {
    margin: 0 auto 10px;
    padding: 20px 20px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-flow-thumb {
        padding: 10px;
    }
}

.main-wrapper .main-wrapper-article-style-35-body-box-content-flow-thumb img {
    margin: auto;
}

/* main-wrapper-article-style-35-body-box-content-flow-message */
.main-wrapper-article-style-35-body-box-content-flow-message>ul.ul-style-01>li {
    font-size: 1.3rem;
    line-height: 1.8;
    text-indent: -13px;
    margin: 0 0 8px;
    padding: 0 0 0 13px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-flow-message>ul.ul-style-01>li {
        font-size: 1.2rem;
        line-height: 1.6;
    }
}

.main-wrapper-article-style-35-body-box-content-flow-message>ul.ul-style-01>li>ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 25px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-35-body-box-content-flow-message>ul.ul-style-01>li>ul {
        margin: 5px 0 15px;
    }
}

.main-wrapper-article-style-35-body-box-content-flow-message>ul.ul-style-01>li>ul>li {
    margin: 0 5px;
}


/* ----- main-wrapper-article-style-36 ----- */
/* main-wrapper-article-style-36-header */
.main-wrapper-article-style-36-header {
    margin: 0 auto 15px;
    background: url(../img/contact/img_contact_ttl01.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-header {
        height: 7vw;
        background: url(../img/contact/img_contact_ttl01_sp.png) no-repeat center top / 35vw auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-36-header {
        height: 10vw;
        background: url(../img/contact/img_contact_ttl01_sp.png) no-repeat center top / 50vw auto;
    }
}

.main-wrapper-article-style-36-header h3 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-36-body */
.main-wrapper-article-style-36-body {
    margin: 0 auto 20px;
    padding: 30px 30px 30px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #fff1f1 25%,
            #ffeeee 25%,
            #ffeeee 50%,
            #fff1f1 50%,
            #fff1f1 75%,
            #ffeeee 75%,
            #ffeeee);
    background-size: 30px 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-body {
        margin: 0 auto 15px;
        padding: 20px 20px 20px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-36-body {
        padding: 20px 10px 20px;
    }
}

/* main-wrapper-article-style-36-body-title */
.main-wrapper-article-style-36-body-title {
    margin: 0 auto 20px;
    padding: 5px 10px;
    border-radius: 50px;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-body-title {
        margin: 0 auto 15px;
        padding: 8px 15px;
    }
}

.main-wrapper-article-style-36-body-title p {
    color: #ff5a5a;
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-body-title p {
        font-size: 1.6rem;
        line-height: 1.3;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-36-body-title p {
        font-size: 1.2rem;
        line-height: 1.6;
    }
}

/* main-wrapper-article-style-36-body-message */
.main-wrapper-article-style-36-body-message {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-body-message {
        margin: 0 auto 15px;
    }
}

.main-wrapper-article-style-36-body-message p {
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: center;
    margin: 0 0 5px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-body-message p {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-36-body-message p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-36-body-btn */
.main-wrapper-article-style-36-body-btn {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-36-body-btn {
        max-width: 200px;
        margin: auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-36-body-btn {
        max-width: 160px;
    }
}


/* ----- main-wrapper-article-style-37 ----- */
/* main-wrapper-article-style-37 */
.main-wrapper-article-style-37 {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37 {
        padding: 12px 8px;
    }
}

.main-wrapper-article-style-37-box {
    padding: 25px 15px 20px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box {
        padding: 15px 10px 15px;
    }
}

/* main-wrapper-article-style-37-box-body-guide */
.main-wrapper-article-style-37-box-body-guide {
    margin: 0 0 50px;
    padding: 0 0 30px;
    border-bottom: 1px dashed #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-guide {
        margin: 0 0 30px;
        padding: 0 0 20px;
    }
}

.main-wrapper-article-style-37-box-body-guide-title {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-guide-title {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-37-box-body-guide-title h3 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-guide-title h3 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-37-box-body-guide-company */
.main-wrapper-article-style-37-box-body-guide-company {
    margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-guide-company {
        margin: 0 0 5px;
    }
}

/* main-wrapper-article-style-37-box-body-guide-message */
.main-wrapper-article-style-37-box-body-guide-message {
    margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-guide-message {
        margin: 0 0 20px;
    }
}

.main-wrapper-article-style-37-box-body-guide-message p {
    font-size: 1.4rem;
    line-height: 1.7;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-guide-message p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-37-box-body-guide-thumb */
.main-wrapper .main-wrapper-article-style-37-box-body-guide-thumb img {
    margin: auto;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-37-box-body-guide-thumb img {
        max-width: 180px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper .main-wrapper-article-style-37-box-body-guide-thumb img {
        max-width: 140px;
    }
}

/* main-wrapper-article-style-37-box-body-summary */
.main-wrapper-article-style-37-box-body-summary-title {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-summary-title {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-37-box-body-summary-title h3 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-37-box-body-summary-title h3 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-37-box-body-summary-content */
.main-wrapper-article-style-37-box-body-summary-content table {
    border: 1px solid #111;
    border-right: none;
    border-left: none;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-37-box-body-summary-content table tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
}

.main-wrapper-article-style-37-box-body-summary-content table tbody th {
    border-bottom: 1px solid #111;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-37-box-body-summary-content table tbody th {
        width: 100%;
        border-bottom: none;
    }
}

.main-wrapper-article-style-37-box-body-summary-content table tbody td {
    border-bottom: 1px solid #111;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-37-box-body-summary-content table tbody td {
        width: 100%;
        border-bottom: none;
    }
}


/* ----- main-wrapper-article-style-38 ----- */
/* main-wrapper-article-style-38 */
.main-wrapper-article-style-38 {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-38 {
        padding: 10px 8px;
    }
}

.main-wrapper-article-style-38-box {
    padding: 25px 15px 20px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-38-box {
        padding: 15px 10px 15px;
    }
}

.main-wrapper-article-style-38-box-body dl.dl-style-01 {
    margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-38-box-body dl.dl-style-01 {
        margin: 0 0 20px;
    }
}

.main-wrapper-article-style-38-box-body dl.dl-style-01 dt {
    font-size: 1.6rem;
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: 1px solid #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-38-box-body dl.dl-style-01 dt {
        font-size: 1.3rem;
        margin: 0 0 15px;
    }
}

.main-wrapper-article-style-38-box-body dl.dl-style-01 dd p {
    font-size: 1.4rem;
    margin: 0 0 15px;
    line-height: 1.8;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-38-box-body dl.dl-style-01 dd p {
        font-size: 1.2rem;
        margin: 0 0 10px;
        line-height: 1.6;
    }
}

.main-wrapper-article-style-38-box-body dl.dl-style-01 dd p:last-child {
    margin-bottom: 0;
}


/* ----- main-wrapper-article-style-39 ----- */
/* main-wrapper-article-style-39 */
.main-wrapper .main-wrapper-article-style-39 {
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-wrapper .main-wrapper-article-style-39.article-style-39-next {
    margin-bottom: 70px;
    position: relative;
}

@media screen and (max-width: 480px) {
    .main-wrapper .main-wrapper-article-style-39.article-style-39-next {
        margin-bottom: 60px;
    }
}

.main-wrapper .main-wrapper-article-style-39.article-style-39-next:after {
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: -50px;
    left: 0;
    border-style: solid;
    border-color: #111 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
    content: "";
}

@media screen and (max-width: 480px) {
    .main-wrapper .main-wrapper-article-style-39.article-style-39-next:after {
        border-width: 14px 14px 0 14px;
        bottom: -45px;
    }
}

/* main-wrapper-article-style-39-header */
.main-wrapper-article-style-39-header {
    padding: 10px 10px;
    background: #111;
}

.main-wrapper-article-style-39-header h3 {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-header h3 {
        font-size: 1.4rem;
    }
}

/* main-wrapper-article-style-39-body */
.main-wrapper-article-style-39-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body {
        padding: 15px;
    }
}

/* main-wrapper-article-style-39-body-content */
.main-wrapper-article-style-39-body-content {
    width: 42%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-39-body-content {
        width: 100%;
        margin: 0 auto 20px;
    }
}

/* main-wrapper-article-style-39-body-content-01 */
.main-wrapper-article-style-39-body-content-01 {
    padding: 20px 20px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-01 {
        padding: 10px;
    }
}

.main-wrapper-article-style-39-body-content-01-title {
    margin: 0 auto 15px;
}

.main-wrapper-article-style-39-body-content-01-title p {
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-01-title p {
        font-size: 1.4rem;
    }
}

.main-wrapper-article-style-39-body-content-01-title p span {
    display: block;
}

.main-wrapper-article-style-39-body-content-01-btn {
    display: flex;
    justify-content: center;
}

.main-wrapper-article-style-39-body-content-01-btn a.btn {
    margin: 0;
    position: relative;
}

.main-wrapper-article-style-39-body-content-01-btn a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}

/* main-wrapper-article-style-39-body-content-02 */
.main-wrapper-article-style-39-body-content-02 {
    padding: 20px 20px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-02 {
        padding: 10px;
    }
}

.main-wrapper-article-style-39-body-content-02-title {
    margin: 0 auto 15px;
}

.main-wrapper-article-style-39-body-content-02-title p {
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-02-title p {
        font-size: 1.4rem;
    }
}

.main-wrapper-article-style-39-body-content-02-title p span {
    display: block;
}

.main-wrapper-article-style-39-body-content-02-title p span:nth-child(1) {
    font-size: 1.8rem;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-02-title p span:nth-child(1) {
        font-size: 1.4rem;
    }
}

.main-wrapper-article-style-39-body-content-02-title p span:nth-child(2) {
    font-size: 1.4rem;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-02-title p span:nth-child(2) {
        font-size: 1.1rem;
    }
}

.main-wrapper-article-style-39-body-content-02-btn {
    display: flex;
    justify-content: center;
}

.main-wrapper-article-style-39-body-content-02-btn a.btn {
    margin: 0;
    border-radius: 50px;
    background: #ff5a5a;
    position: relative;
}

.main-wrapper-article-style-39-body-content-02-btn a.btn:after {
    color: #ffacac;
    font-size: 3rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 1px;
    right: 30px;
    content: "\f019";
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-39-body-content-02-btn a.btn:after {
        font-size: 2rem;
        top: 3px;
    }
}

/* main-wrapper-article-style-39-body-content-03 */
.main-wrapper-article-style-39-body-content-03 {
    padding: 40px 20px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-03 {
        padding: 20px 10px;
    }
}

.main-wrapper .main-wrapper-article-style-39-body-content-03-thumb img {
    margin: auto;
}

@media screen and (max-width: 480px) {
    .main-wrapper .main-wrapper-article-style-39-body-content-03-thumb img {
        max-width: 200px;
    }
}

/* main-wrapper-article-style-39-body-content-04 */
.main-wrapper-article-style-39-body-content-04-thumb {
    display: flex;
    flex-wrap: wrap;
}

.main-wrapper-article-style-39-body-content-04-thumb-01 {
    width: 100%;
    padding: 20px 20px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-39-body-content-04-thumb-01 {
        width: 60%;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-04-thumb-01 {
        padding: 10px;
    }
}

.main-wrapper .main-wrapper-article-style-39-body-content-04-thumb-01 img {
    margin: auto;
}

.main-wrapper-article-style-39-body-content-04-thumb-02 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-39-body-content-04-thumb-02 {
        width: 40%;
        display: flex;
        align-items: center;
    }
}

.main-wrapper .main-wrapper-article-style-39-body-content-04-thumb-02 img {
    margin: auto;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-39-body-content-04-thumb-02 img {
        width: 100%;
        max-width: 200px;
    }
}

/* main-wrapper-article-style-39-body-content-05 */
.main-wrapper-article-style-39-body-content-05 {
    padding: 20px 20px 0;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-05 {
        padding: 10px 10px 0;
    }
}

.main-wrapper .main-wrapper-article-style-39-body-content-05-thumb img {
    margin: auto;
}

/* main-wrapper-article-style-39-body-content-06 */
.main-wrapper-article-style-39-body-content-06 {
    padding: 20px 20px 20px;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,
            #eaf7f9 25%,
            #e5f5f7 25%,
            #e5f5f7 50%,
            #eaf7f9 50%,
            #eaf7f9 75%,
            #e5f5f7 75%,
            #e5f5f7);
    background-size: 30px 30px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-content-06 {
        padding: 10px;
    }
}

.main-wrapper .main-wrapper-article-style-39-body-content-06-thumb img {
    margin: auto;
}

@media screen and (max-width: 768px) {
    .howto-double-illustrator .main-wrapper-article-style-39:nth-child(5) .main-wrapper-article-style-39-body-content-06-thumb img {
        max-width: 160px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper .main-wrapper-article-style-39-body-content-06-thumb img {
        max-width: 200px;
    }

    .howto-double-illustrator .main-wrapper-article-style-39:nth-child(5) .main-wrapper-article-style-39-body-content-06-thumb img,
    .howto-umaipack .main-wrapper-article-style-39:nth-child(5) .main-wrapper-article-style-39-body-content-06-thumb img {
        max-width: 120px;
    }
}

/* main-wrapper-article-style-39-body-content-07 */
.main-wrapper .main-wrapper-article-style-39-body-content-07-thumb img {
    margin: auto;
}

/* main-wrapper-article-style-39-body-description */
.main-wrapper-article-style-39-body-description {
    width: 55%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-39-body-description {
        width: 100%;
    }
}

.main-wrapper-article-style-39-body-description-title {
    margin: 0 0 15px;
    padding: 0 0 7px;
    border-bottom: 1px solid #111;
}

.main-wrapper-article-style-39-body-description-title h4 {
    font-size: 1.7rem;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-description-title h4 {
        font-size: 1.4rem;
    }
}

.main-wrapper-article-style-39-body-description-title h4 span {
    display: block;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-description-title h4 span {
        display: inline;
    }
}

.main-wrapper-article-style-39-body-description-message p {
    font-size: 1.4rem;
    line-height: 1.7;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-description-message p {
        font-size: 1.2rem;
        line-height: 1.5;
    }
}

.main-wrapper-article-style-39-body-description-message p span {
    display: block;
}

.main-wrapper-article-style-39-body-description-message p strong {
    color: #ff5a5a;
}

/* main-wrapper-article-style-39-body-description-check */
.main-wrapper-article-style-39-body-description-check {
    margin: 25px 0 0;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-description-check {
        margin: 15px 0 0;
    }
}

.main-wrapper-article-style-39-body-description-check-title {
    margin: 0 0 5px;
}

.main-wrapper-article-style-39-body-description-check-title h5 {
    font-size: 1.6rem;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-description-check-title h5 {
        font-size: 1.3rem;
    }
}

.main-wrapper-article-style-39-body-description-check-list ul.ul-style-01 li {
    color: #ff5a5a;
    margin: 0 0 2px;
    padding: 0 0 0 35px;
    background: url(../img/howto/img_howto_icn01.png) no-repeat left center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-body-description-check-list ul.ul-style-01 li {
        padding: 0 0 0 20px;
        background: url(../img/howto/img_howto_icn01.png) no-repeat left center / 12px auto;
    }
}

/* main-wrapper-article-style-39-footer */
.main-wrapper-article-style-39-footer {
    padding: 0 20px 40px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-footer {
        padding: 0 10px 20px;
    }
}

.main-wrapper-article-style-39-footer-title {
    margin: 0 auto 15px;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-footer-title {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-39-footer-title h4 {
    font-size: 1.6rem;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-footer-title h4 {
        font-size: 1.3rem;
    }
}

.main-wrapper-article-style-39-footer-message p {
    color: #004900;
    font-size: 1.7rem;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-39-footer-message p {
        font-size: 1.3rem;
    }
}


/* ----- main-wrapper-article-style-40 ----- */
/* main-wrapper-article-style-40 */
.main-wrapper-article-style-40 {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-40 {
        padding: 12px 8px;
    }
}

.main-wrapper-article-style-40-box {
    padding: 30px 25px 30px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-40-box {
        padding: 15px 10px 15px;
    }
}

/* main-wrapper-article-style-40 */
.main-wrapper-article-style-40 table {
    margin: 0;
    border: 1px solid #111;
    border-right: none;
    border-left: none;
}

.main-wrapper-article-style-40-box table {
    border: 1px solid #111;
    border-right: none;
    border-left: none;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-40-box table tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
}

.main-wrapper-article-style-40-box table tbody th {
    border-bottom: 1px solid #111;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-40-box table tbody th {
        width: 100%;
        border-bottom: none;
    }
}

.main-wrapper-article-style-40-box table tbody td {
    border-bottom: 1px solid #111;
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-40-box table tbody td {
        width: 100%;
        border-bottom: none;
    }
}


/* ----- main-wrapper-article-style-41 ----- */
/* main-wrapper-article-style-41 */
.main-wrapper .main-wrapper-article-style-41 {
    margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-41 {
        margin: 0 auto 40px;
        padding: 0 0 40px;
        border-bottom: 1px dashed #111;
    }
}

/* main-wrapper-article-style-41-header */
.main-wrapper-article-style-41-header {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-header {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-41-header-message {
    margin: 0 auto 10px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-header-message {
        margin: 0 auto 30px;
        padding: 0 0 30px;
        border-bottom: 1px solid #111;
    }
}

.main-wrapper-article-style-41-header-message p {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-header-message p {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-41-header-message p {
        font-size: 1.2rem;
        line-height: 1.6;
    }
}

.main-wrapper-article-style-41-header-title h3 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-header-title h3 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-41-header-title h3 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-41-body */
.main-wrapper-article-style-41-body {
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
}

.main-wrapper-article-style-41-body.style-41-body-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body {
        display: none;
    }

    .main-wrapper-article-style-41-body.style-41-body-sp {
        display: block;
        margin: 0 0 20px;
    }

    .main-wrapper-article-style-41-body.style-41-body-sp:last-child {
        margin-bottom: 0;
    }
}

/* main-wrapper-article-style-41-body table */
.main-wrapper-article-style-41-body table {
    margin: 0;
    border: 3px solid #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body table {
        border: 1px solid #111;
    }
}

.main-wrapper-article-style-41-body table thead th {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    padding: 8px 3px;
    border: 1px solid #111;
    background: #e2d7cf;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body table thead th {
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-41-body table thead th {
        font-size: 1rem;
        padding: 5px 2px;
    }
}

.main-wrapper-article-style-41-body table tbody th {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    padding: 8px 3px;
    border: 1px solid #111;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body table tbody th {
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-41-body table tbody th {
        font-size: 1rem;
        padding: 5px 2px;
    }
}

.main-wrapper-article-style-41-body table tbody tr:nth-child(2) th:nth-child(2) {
    background: #f8f5f4;
}

.main-wrapper-article-style-41-body table tbody tr th span {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body table tbody tr th span {
        padding: 3px 10px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-41-body table tbody tr th span {
        padding: 2px 5px;
    }
}

.main-wrapper-article-style-41-body table tbody td {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    padding: 8px 3px;
    border: 1px solid #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body table tbody td {
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-41-body table tbody td {
        font-size: 1rem;
        padding: 5px 2px;
    }
}

.main-wrapper-article-style-41-body table tbody tr:nth-child(1) td {
    width: 9%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-41-body table tbody tr:nth-child(1) td {
        width: auto;
    }
}

.main-wrapper-article-style-41-body table tbody tr:nth-child(2n) td {
    background: #f8f5f4;
}


.main-wrapper-article-style-41-body table tbody tr:nth-child(2) {
    background: #fff;
}


@media screen and (max-width: 768px) {
    /*
    .main-wrapper-article-style-41-body table tbody tr:nth-child(2) td:nth-child(9) {
        background: inherit;
    }
        */

    .main-wrapper-article-style-41-body table tbody tr:nth-child(2) td:nth-child(7) {
        background: #fff
    }
}

.main-wrapper-article-style-41-body table tbody tr:nth-child(1) td:nth-child(7) {
    width: 12%;
}

.main-wrapper-article-style-41-body table tbody tr:nth-child(1) td:nth-child(8) {
    width: 13%;
}

.main-wrapper-article-style-41-body table tbody td a {
    display: block;
    margin: 10px auto 0;
}

.main-wrapper .main-wrapper-article-style-41-body table tbody td a img {
    width: 40px;
    height: auto;
    margin: auto;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-41-body table tbody td a img {
        width: 24px;
    }
}


/* ----- main-wrapper-article-style-42 ----- */
/* main-wrapper-article-style-42 */
.main-wrapper .main-wrapper-article-style-42 {
    margin: 0 auto 60px;
}

@media screen and (max-width: 768px) {
    .main-wrapper .main-wrapper-article-style-42 {
        margin: 0 auto 40px;
        padding: 0 0 40px;
        border-bottom: 1px solid #111;
    }
}

/* main-wrapper-article-style-42-header */
.main-wrapper-article-style-42-header {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-header {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-42-header h3 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-header h3 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-42-header h3 {
        font-size: 1.6rem;
    }
}

/* main-wrapper-article-style-42-body */
.main-wrapper-article-style-42-body {
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
}

.main-wrapper-article-style-42-body.style-42-body-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body {
        display: none;
    }

    .main-wrapper-article-style-42-body.style-42-body-sp {
        display: block;
        margin: 0 0 20px;
    }

    .main-wrapper-article-style-42-body.style-42-body-sp:last-child {
        margin-bottom: 0;
    }
}

/* main-wrapper-article-style-42-body table */
.main-wrapper-article-style-42-body table {
    margin: 0;
    border: 3px solid #111;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body table {
        border: 1px solid #111;
    }
}

.main-wrapper-article-style-42-body table thead th {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    padding: 8px 3px;
    border: 1px solid #111;
    background: #e2d7cf;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body table thead th {
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-42-body table thead th {
        font-size: 1rem;
        padding: 5px 2px;
    }
}

.main-wrapper-article-style-42-body table tbody th {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    padding: 8px 3px;
    border: 1px solid #111;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body table tbody th {
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-42-body table tbody th {
        font-size: 1rem;
        padding: 5px 2px;
    }
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body table tbody tr th span {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3px 10px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-42-body table tbody tr th span {
        padding: 2px 5px;
    }
}

.main-wrapper-article-style-42-body table tbody td {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #111;
    padding: 8px 3px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body table tbody td {
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-42-body table tbody td {
        font-size: 1rem;
        padding: 5px 2px;
    }
}

.main-wrapper-article-style-42-body table tbody tr:nth-child(1) td {
    width: 11%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-42-body table tbody tr:nth-child(1) td {
        width: auto;
    }
}

.main-wrapper-article-style-42-body table tbody tr:nth-child(2n) td {
    background: #f8f5f4;
}


/* ----- main-wrapper-article-style-43 ----- */
.main-wrapper .main-wrapper-article-style-43 {
    margin: 0 auto 40px;
}

/* main-wrapper-article-style-43-header */
.main-wrapper-article-style-43-header {
    margin: 0 auto 15px;
    background: url(../img/contact/img_contact_ttl02.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-header {
        height: 7vw;
        background: url(../img/contact/img_contact_ttl02_sp.png) no-repeat center top / 20vw auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-43-header {
        height: 10vw;
        background: url(../img/contact/img_contact_ttl02_sp.png) no-repeat center top / 30vw auto;
    }
}

.contact-thanks .main-wrapper-article-style-43-header,
.make-a-contact-thanks .main-wrapper-article-style-43-header {
    background: url(../img/contact/img_contactthanks_ttl01.png) no-repeat center top;
}

@media screen and (max-width: 768px) {

    .contact-thanks .main-wrapper-article-style-43-header,
    .make-a-contact-thanks .main-wrapper-article-style-43-header {
        background: url(../img/contact/img_contactthanks_ttl01.png) no-repeat center top / 55vw auto;
    }
}

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

    .contact-thanks .main-wrapper-article-style-43-header,
    .make-a-contact-thanks .main-wrapper-article-style-43-header {
        background: url(../img/contact/img_contactthanks_ttl01.png) no-repeat center top / 80vw auto;
    }
}

.main-wrapper-article-style-43-header h3 {
    text-indent: -9999px;
}

/* main-wrapper-article-style-43-body-summary */
.main-wrapper-article-style-43-body-summary {
    margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-summary {
        margin: 0 0 20px;
    }
}

/* main-wrapper-article-style-43-body-summary-title */
.main-wrapper-article-style-43-body-summary-title {
    margin: 0 auto 15px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-summary-title {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-43-body-summary-title h4 {
    font-size: 2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-summary-title h4 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-43-body-summary-title h4 {
        font-size: 1.5rem;
    }
}

/* main-wrapper-article-style-43-body-summary-message */
.main-wrapper-article-style-43-body-summary-message p {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0 0 10px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-summary-message p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-43-body-content */
.main-wrapper-article-style-43-body-content {
    padding: 15px 10px;
    border: 3px solid #111;
    box-shadow: 10px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content {
        padding: 12px 8px;
    }
}

.main-wrapper-article-style-43-body-content-box {
    padding: 30px 15px 30px;
    background: #fff url(../img/common/img_common_bg01.png) repeat 1% 1%;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box {
        padding: 20px 10px 20px;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-43-body-content-box {
        padding: 10px 3px 10px;
    }
}

/* main-wrapper-article-style-43-body-content-box-title */
.main-wrapper-article-style-43-body-content-box-title {
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-title {
        margin: 0 auto 10px;
    }
}

.main-wrapper-article-style-43-body-content-box-title h4 {
    font-size: 2.2rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-title h4 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-43-body-content-box-title h4 {
        font-size: 1.5rem;
    }
}

/* main-wrapper-article-style-43-body-content-box-info */
.main-wrapper-article-style-43-body-content-box-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}

/* main-wrapper-article-style-43-body-content-box-info-title */
.main-wrapper-article-style-43-body-content-box-info-title {
    padding: 0 20px 0 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-info-title {
        padding: 0 10px 0 0;
    }
}

.main-wrapper-article-style-43-body-content-box-info-title p {
    color: #ff5a5a;
    font-size: 1.3rem;
    line-height: 1.6;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-info-title p {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-43-body-content-box-info-title p {
        font-size: 1rem;
    }
}

.main-wrapper-article-style-43-body-content-box-info-title p span {
    display: block;
}

/* main-wrapper-article-style-43-body-content-box-info-tel */
.main-wrapper-article-style-43-body-content-box-info-tel {
    width: 307px;
    height: 36px;
    padding: 0 0 0 20px;
    background: url(../img/contact/img_contact_content12.png) no-repeat center top;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-info-tel {
        width: 200px;
        height: auto;
        padding: 0 0 0 10px;
        background-size: 200px auto;
    }
}

@media screen and (max-width: 480px) {
    .main-wrapper-article-style-43-body-content-box-info-tel {
        width: 150px;
        background-size: 150px auto;
    }
}

.main-wrapper-article-style-43-body-content-box-info-tel p {
    text-indent: -9999px;
}

/* main-wrapper-article-style-43-body-content-box-company */
.main-wrapper-article-style-43-body-content-box-company {
    max-width: 600px;
    margin: auto;
    padding: 5px;
    background: #ff5a5a;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-company {
        padding: 3px;
    }
}

.main-wrapper-article-style-43-body-content-box-company p {
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-company p {
        font-size: 1.2rem;
    }
}

/* main-wrapper-article-style-43-body-content-box-business */
.main-wrapper-article-style-43-body-content-box-business {
    max-width: 600px;
    margin: auto;
    padding: 5px;
    background: #f2f2f2;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-business {
        padding: 3px;
    }
}

.main-wrapper-article-style-43-body-content-box-business p {
    font-size: 1.6rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-body-content-box-business p {
        font-size: 1.2rem;
        line-height: 1.6;
    }
}

/* main-wrapper-article-style-43-footer */
.main-wrapper-article-style-43-footer {
    margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
    .main-wrapper-article-style-43-footer {
        margin: 20px auto 0;
    }
}

.mw_wp_form_complete .main-wrapper-article-style-43-footer a.btn {
    position: relative;
}

.mw_wp_form_complete .main-wrapper-article-style-43-footer a.btn:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    content: "\f0da";
}


.spdis {
    display: none;
}

@media (max-width: 768px) {
    .spdis {
        display: block;
    }
}

.pcdis {
    display: block;
}

@media (max-width: 768px) {
    .pcdis {
        display: none;
    }
}