@charset "utf-8";



/* inner */

.inner {
    width:100%;
    margin:0 auto;
    padding:100px 0;
}

.inner > p {
    width:86%;
    max-width:1000px;
    margin:0 auto 50px;
}

.inner ul.category {
    width:90%;
    max-width:1000px;
    margin:0 auto 20px;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:stretch; align-items:stretch;
}
.inner ul.category li {
    margin:5px;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
    border: solid 3px #231815;
}
.inner ul.category li a {
    padding:6px 15px;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
    font-weight:700;
}


@media only screen and (max-width:800px){
    
    .inner {
        padding:60px 0;
    }
    
    .inner > p {
        margin:0 auto 40px;
    }

    
    .inner ul.category {
        width:66%;
    }
    .inner ul.category li {
        width:100%;
        margin:5px 0;
    }
    .inner ul.category li a {
        width:100%;
        padding:8px 0;
        line-height: 1.5;
    }
}



.inner > div {
    width:86%;
    max-width:1000px;
    margin: 0 auto;
    display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;
}
.inner > div > section {
    width:40%;
    margin:50px 0 10px;
    padding:30px 3% 0;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:space-between; align-items:space-between;
    border-radius:15px;
    border:solid 5px #e6e6e6;
    position:relative;
}
.inner > div > section > span {
    position: absolute;
    top:-120px;
    left:0;
    z-index: 1000;
    display: block;
}
.inner > div > section > div {
    width:100%;
}
.inner > div > section h3 {
    width:100%;
    margin:0 auto 10px;
    padding-bottom: 20px;
    font-size:1.8em;
    font-weight:900;
    text-align: center;
    border-bottom:solid 3px #231815;
}

ul.info-img {
    width:100%;
    max-width:340px;
    margin:30px auto;
}
ul.info-img li {
    height:260px;
}
ul.info-img li img {
    max-height:260px;
    margin: 0 auto;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
}

.inner > div > section > div > p {
    padding:30px 0;
}

.inner > div > section img {
    max-width:100%;
}

.inner > div > section table {
    width:100%;
    margin:0 auto 10px;
}
.inner > div > section table th ,
.inner > div > section table td {
    padding:15px 0;
}
.inner > div > section table:nth-of-type(1) {
    border-bottom:solid 2px #e6e6e6;
}
.inner > div > section table:nth-of-type(1) th ,
.inner > div > section table:nth-of-type(1) td {
    padding:10px 0 20px;
}

.inner > div > section table.schedule th ,
.inner > div > section table.schedule td {
    font-size: 1.1rem;
    font-weight:700;
    border-top:solid 2px #e6e6e6;
}
.inner > div > section table th {
    width:4em;
}

.inner > div > section dl {
    width:100%;
    margin:0 auto 30px;
    display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start;
}
.inner > div > section dl dt {
    width:100%;
    margin-bottom:10px;
    padding:3px 0;
    font-weight:700;
    text-align: center;
    border-radius:30px;
    border:solid 3px #e6e6e6;
}
.inner > div > section dl dd {
    width:100%;
}
.inner > div > section dl dd > a {
    width:100%;
    padding-bottom:15px;
    border-bottom:dashed 1px #808080;
}
.inner > div > section dl dd > a:last-of-type {
    padding-bottom:0;
    border-bottom:none;
}
.inner > div > section dl dd > a img ,
.inner > div > section dl dd > a {
    margin:8px 0;
    display: inline-block;
}


@media only screen and (max-width:800px){
    
    .inner > div > section {
        width:84%;
        margin:30px auto;
        padding:25px 6% 0;
    }
    
    .inner > div > section h3 {
        font-size:1.5em;
        letter-spacing:0.03em;
    }
}



/* tel-mynavi */

.inner .tel-mynavi {
    margin:0 auto 20px;
}
.inner .tel-mynavi dl {
    width:100%;
    margin:0 auto;
    padding:0;
}
.inner .tel-mynavi dl dt {
    width:100%;
    margin:0 auto;
    font-size:2em;
    text-align: center;
}
.inner .tel-mynavi dl dd {
    width:100%;
    margin:10px auto;
    font-weight:700;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
}
.inner .tel-mynavi dl dd span {
    width:100%;
    padding:5px 0;
    color:#fff;
    text-align: center;
    border-radius:60px;
    background:#231815;
}
.inner .tel-mynavi dl dd.tel a {
    width:100%;
    display:block;
    font-size:1em;
    text-align:center;
}
.inner .tel-mynavi dl dd.tel a b {
    font-size:1.5em;
}
.inner .tel-mynavi dl dd.tel small {
    font-size:1em;
    color:#231815;
    text-align: center;
}

.inner .tel-mynavi dl dd.mynavi a {
    border:none;
    margin:10px 0 0;
    padding:0;
}
.inner .tel-mynavi dl dd.mynavi a img {
    max-width:100%;
    margin:0 auto;
    display: block;
}