@charset "UTF-8";

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック"
}

body main {
    padding: 0 10px
}

a {
    text-decoration: none
}

ul {
    list-style: none;
    padding: 0
}

p {
    margin: 0
}

main #way {
    padding: 50px 0;
    background-image: linear-gradient(rgb(255 255 255 / .8), rgb(255 255 255 / .8)), url(../資料/写真/img_2926.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right
}

main #way .way {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 1.5rem
}

main #way .way .way2 {
    margin-left: 30px
}

main #way .way .way2 ul {
    text-align: left
}

main #way .way .way2 ul .way_title::marker {
    content: "◼️";
    font-size: 1.5rem
}

main #way .way .way2 ul .way_text {
    font-size: 1rem
}

main #way .way .way2::after {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #fff0;
    transform: rotate(45deg);
    margin: 30px auto 40px auto
}

main #way .way .way3 {
    padding: 20px 0;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray
}

main #way .way .way4 {
    margin: 30px 0;
    text-align: center;
    font-size: 1rem
}

@media screen and (max-width:1000px) {
    main #way .way .way1 {
        font-size: 1.2rem
    }

    main #way .way .way1 h2 {
        overflow-wrap: break-word
    }

    main #way .way .way2 ul .way_title {
        font-size: 1.2rem
    }

    main #way .way .way2 ul .way_title::marker {
        font-size: 1.2rem
    }

    main #way .way .way2 ul .way_text {
        font-size: 1rem
    }

    main #way .way .way3 {
        font-size: 1.2rem
    }

    main #way .way .way4 {
        font-size: 1rem
    }
}

@media screen and (max-width:700px) {
    main #way {
        background-image: none
    }
}