@charset "UTF-8";
@import url("reset.min.css");

html
{
    scroll-behavior: smooth;
    font-size: 100%;
}

body
{
    width: 100%;
    height: auto;
    background: #fff;
    color: #0D0C0C;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 2;
    position: relative;
    margin: 0;
    padding: 0;
}

img
{
    max-width: 100%;
    height: auto;
}

a
{
    display: block;
    color: #000;
    text-decoration-line: none;
}

a:hover
{
    opacity: 0.9;
    transition-duration: 0.8s;
}

a img:hover
{
    opacity: 0.9;
    transition-duration: 0.8s;
}

a.anchor
{
    display: block;
    margin-top: -80px;
    padding-top: 80px;
}

@media screen and (max-width: 900px)
{
    a.anchor
    {
        margin-top: -40px;
        padding-top: 40px;
    }
}

.underline
{
    border-bottom: 3px solid #000;
    padding-bottom: 1rem;
}

.pc-none
{
    display: none;
}

.sp-none
{
    display: block;
}

@media screen and (max-width: 900px)
{
    .pc-none
    {
        display: block;
    }

    .sp-none
    {
        display: none;
    }

    a.anchor
    {
        margin-top: -40px;
        padding-top: 40px;
    }
}

.clear
{
    clear: both;
}

.max-img
{
    width: 100%;
}


/*コンテナ
-------------------------------------*/
.container
{
    max-width: 730px;
    width: 85%;
    margin: 0 auto 100px;
}

/* 内容
-------------------------------------*/
h1
{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
}

img
{
    width: 300px;
    display: block;
    margin: 122px auto 122px;
    ;
}

ul
{
    margin: 40px auto;
    padding-left: 2em;
}

ul li
{
    position: relative;
    padding-left: 2em;
    padding-bottom: 1.5em;
}

ul li::before
{
    position: absolute;
    content: '';
    top: 0.5em;
    left: 0;
    width: 12.78px;
    height: 15px;
    background-image: url(arrow.svg);
}

ul li a
{
    color: #005B79;
    text-decoration: underline;
}

.contact
{
    padding-top: 2em;
    line-height: 1.6;
}

@media screen and (max-width: 900px)
{
    img
    {
        width: 200px;
        margin: 60px auto 50px
    }

    h1
    {
        font-size: 20px;
    }

    ul
    {
        padding-left: 0;
    }
}