body {

    margin: 0px;

    max-width: 100%;

}

.header-img {

    margin: 0 auto;

    width: 98vw;

    pointer-events: none;

}

.appearance-explain {

    text-align: center;

    font-weight: bold;

}

.appearance-img {

    display: flex;

    justify-content: center;

}

.appearance-img > img {

    width: 30vw;

    margin: 20px;

}

.news-list > p {

    margin: 20px;

}

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

    header {

        position: absolute;

        top: 0;

    }

    .header-letter-wrap {

        z-index: 1;

    }

    .header-img {

        margin-top: 30px;

    }

    .business-content {

        text-align: center;

        margin: 80px 0 50px 0;

    }

    .business-content-line {

        padding: 20px;

        margin: 0 200px;

        border-style: solid;

        border-color: #b3ddf6 #FFFFFF;

    }

    .inquiry {

        margin-bottom: 80px;

    }

    .inquiry-title {

        text-align: center;

    }

    .inquiry-title {

        padding: 30px 0;

        margin-bottom: 30px;

    }

    .inquiry-block {

        display: flex;

        justify-content: center;

        margin: 0 230px;

        border-style: solid;

        border-color: #668ad8;

        background-color: #b3ddf6;

        border-radius: 10px;

        height: 100px;

    }

    .inquiry-letter {

        text-align: center;

        font-size: 1.2em;

        font-weight: 900;

    }

    .inquiry-form-link {

        margin: 30px 0 0 80px;

    }

    .inquiry-form-link > a {

        padding: 0.5em 1em;

        text-decoration: none;

        background: #668ad8;

        color: #FFF;

        border-bottom: solid 4px #627295;

        border-radius: 3px;

    }

    .inquiry-form-link-sp {

        display: none;

    }

    .news {

        margin-bottom: 100px;

        padding: 20px 0;

        background-color: #b3ddf6;

    }

    .news-header {

        display: flex;

        justify-content: center;

        border-style: none none solid none;

        border-width: 1px;

        margin: 0 200px;

        padding-bottom: 10px;

    }

    .news-title {

        margin-right: 500px;

        margin-bottom: 0;

    }

    .news-list-link {

        margin-top: 30px;

        text-decoration: none;

        color: #0d0d0d;

        font-weight: bold;

        border-style: none none solid none;

        border-width: 2px;

        border-color: #b3ddf6;

    }

    .news-list-link:hover {

        border-style: none none solid none;

        border-width: 2px;

        border-color: #668ad8;

        transition: 0.2s;

    }

    .news-list {

        list-style: none;

        margin: 0 250px 0 200px;

    }

    .news-list > li > a {

        display: flex;

        border-style: solid;

        border-radius: 10px;

        margin: 10px;

        padding: 10px 0 10px 10px;

        text-decoration: none;

        border-color: #668ad8;

        color: #0d0d0d;

        background-color: #668ad8;

    }

    .news-list > li > a > img {

        width: 100px;

    }

    .news-list > li > a > p {

        margin-left: 20px;

    }

}

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

    .business-content {

        text-align: center;

        margin: 30px 0 50px 0;

    }

    .business-content-line {

        padding: 20px;

        margin: 0 50px;

        border-style: solid;

        border-color: #b3ddf6 #FFFFFF;

    }

    .business-content-line > h2 {

        font-size: 1em;

    }

    .inquiry {

        margin-bottom: 80px;

    }

    .inquiry-title {

        text-align: center;

        background-repeat: no-repeat;

        background-position: 50%;

        height: 104px;

    }

    .inquiry-title {

        padding-top: 30px;

        height: 80px;

    }

    .inquiry-block {

        display: flex;

        justify-content: center;

        margin: 0 20px;

        border-style: solid;

        border-color: #668ad8;

        background-color: #b3ddf6;

        border-radius: 10px;

    }

    .inquiry-letter {

        margin-top: 10px;

        text-align: center;

        font-size: 1.2em;

        font-weight: 900;

    }

    .inquiry-form-link {

        display: none;

    }

    .inquiry-form-link-sp {

        width: 100px;

        margin: 20px 0 0 0;

    }

    .inquiry-form-link-sp > a {

        padding: 0.5em 1em;

        text-decoration: none;

        background: #668ad8;

        color: #FFF;

        border-bottom: solid 4px #627295;

        border-radius: 3px;

    }

    .news {

        margin-bottom: 20px;

        padding-bottom: 20px;

        background-color: #b3ddf6;

    }

    .news-header {

        justify-content: center;

        border-style: none none solid none;

        border-width: 1px;

        padding-bottom: 10px;

    }

    .news-title {

        padding: 20px 0 0 20px;

    }

    .news-list-link-right {

        text-align: right;

    }

    .news-list-link {

        padding: 30px 10px 0 0;

        text-decoration: none;

        color: #0d0d0d;

        font-weight: bold;

        border-style: none none solid none;

        border-width: 2px;

        border-color: #b3ddf6;

    }

    .news-list-link:hover {

        border-style: none none solid none;

        border-width: 2px;

        border-color: #668ad8;

        transition: 0.2s;

    }

    .news-list {

        list-style: none;

    }

    .news-list > li > a {

        display: flex;

        border-style: solid;

        border-radius: 10px;

        margin: 10px;

        padding: 10px 0 10px 10px;

        text-decoration: none;

        border-color: #668ad8;

        color: #0d0d0d;

        background-color: #668ad8;

    }

    .news-list > li > a > img {

        height: 60px;

    }

    .news-list > li > a > p {

        margin-left: 20px;

    }

}

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

    .appearance-img {

        display: block;

        text-align: center;

    }

    .appearance-img > img {

        width: 80%;

    }

    .inquiry-form-link-sp > a {

        font-size: 0.8em;

    }

    .inquiry-letter {

        margin: 10px;

    }

}