@charset "utf-8";
/* CSS Document */
.breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    padding: 0 25px;
    max-width: 1000px;
    margin: 92px auto 10px;
}
.breadcrumbs li{
    list-style: none;
    color: #707070;
}
.breadcrumbs li::after{
    content:">";
    padding: 0 10px;
}
.breadcrumbs li:last-of-type::after{
    display: none;
}
.breadcrumbs li a{
    color: #707070;
}


        main{
            margin: 92px auto 10px;
            padding: 0 15px;
        }
        main p{
            line-height: 200%;
        }
        main h2,
        main h3,
        main h4,
        main h5,
        main p,
        main a{
            font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
        }
        main a{
            text-decoration: underline;
            color: #7f53a8;
        }
        .index_nav{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            padding: 0;
            margin: 0 auto 1em;
            column-gap: 10px;
        }
        .index_nav li{
            width: auto;
        }
        .index_nav li a{
            display: flex;
            padding: 10px 20px;
            text-align: center;
            border: 1px solid #e7ddcf;
            background: #f5efe7;
            border-radius: 10px;
            height: 100%;
            align-items: center;
            justify-content: center;
            color: #000;
            text-decoration: none;
        }
        article > section{
            border: 1px solid #ebebeb;
            border-radius: 10px;
            padding: 15px;
            margin: 0 auto 30px;
        }
        main h3{
            padding: 5px 15px;
            border-left: 3px solid #c49a6c;
        }
        #sec_03 ul li{
            list-style: disc;
            font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
        }
        #sec_06 ul,
        #sec_04 ul{
            width: 100%;
            column-gap: 15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            padding: 0;
        }
        #sec_06 ul li,
        #sec_04 ul li{
            width: 100%;
            border: 1px solid #ebebeb;
            border-radius: 10px;
            margin: 0 0 15px;
            overflow: hidden;
        }
        #sec_06 ul li h4,
        #sec_06 ul li p,
        #sec_04 ul li h4,
        #sec_04 ul li p{
            padding: 0 15px;
            font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
        }
        #sec_04 ul li a{
            text-decoration: none;
            color: #000;
        }
        #sec_05 dl,
        #sec_07 dl{
            width: 100%;
            margin: 1em auto;
        }
        #sec_07 dd,
        #sec_07 dt,
        #sec_05 dd,
        #sec_05 dt{
            width: 100%;
            margin: 0 0 1em;
            font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
        }
        #sec_07 dt,
        #sec_05 dt{
            font-weight: bold;
            font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
        }
        .link_btn{
            text-align: center;
        }
        .link_btn a{
            display: block;
            color: #fff;
            background: #c49a6c;
            padding: 10px 20px;
            border-radius: 50px;
            text-decoration: none;
            max-width: 300px;
            margin: 1em auto;
            font-weight: bold;
        }
        
        @media(min-width: 768px){
            
        #sec_06 ul li,
        #sec_04 ul li{
            width: calc(33% - 7.8px)!important;
            }
            .breadcrumbs{
                margin: 130px auto 10px;
            }
            .index_nav li{
                min-width: 200px;
            }
            .sozai_wrap{
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-start;
            }
            .sozai_inner:nth-of-type(1){
                width: calc(100% - 350px);
                padding-right: 10px;
            }
            .sozai_inner:nth-of-type(2){
                width: 350px;
            }
        }