@charset "utf-8";
.p-about{
    padding: 1rem 0 1.5rem;
}
.p-about-inner{
    display: grid;
    gap: .8rem;
}
.p-about-logo{
    display: grid;
    gap: .1rem;
    place-items: center;
}
.p-about-logo img{
    width: 2rem;
}
.p-about-list{
    width: min(100%, 640px);
    margin: auto;
}
.p-about-list dl{
    padding: .2rem;
    border-bottom: 1px dotted #979797;
    display: flex;
    gap: .1rem;
}
.p-about-list dt{
    width: 30%;
}
.p-about-list dd{
    width: 70%;
}
.p-about-pic{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
}
.p-about-pic img{
    width: 100%;
}
.p-overview{
    background: linear-gradient(65deg, #fdebf9, #f6f1f6);
    padding: 1.5rem 0;
}
.p-overview-inner{
    display: grid;
    gap: .4rem;
    place-items: center;
}
.p-overview p{
    text-align: center;
}
.p-point{
    background: linear-gradient(65deg, #fcdfd8, #ffdffd);
    padding: 1.5rem 0;
}
.p-point-inner{
    display: grid;
    gap: 1.5rem;
}
.p-point-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
}
.p-point-list li{
    background: #fff;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    min-height: 3.3rem;
}
.p-point-list-ttl{
    padding: .2rem .4rem;
    color: #fff;
    text-align: center;
    position: relative;
}
.p-point-list-txt{
    padding: .4rem;
}
.p-point-list li:nth-child(1) .p-point-list-ttl{
    background: #75aa72;
}
.p-point-list li:nth-child(2) .p-point-list-ttl{
    background: #e2622d;
}
.p-point-list li:nth-child(3) .p-point-list-ttl{
    background: #4569ba;
}
.p-point-list-ttl::before{
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    position: absolute;
    top: -.9rem;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
}
.p-point-list li:nth-child(1) .p-point-list-ttl::before{
    background: #75aa72 url(../img/about/point_pic.png) no-repeat center center / 100% auto;
}
.p-point-list li:nth-child(2) .p-point-list-ttl::before{
    background: #e2622d url(../img/about/point_pic02.png) no-repeat center center / 100% auto;
}
.p-point-list li:nth-child(3) .p-point-list-ttl::before{
    background: #4569ba url(../img/about/point_pic03.png) no-repeat center center / 100% auto;
}
.p-lineup{
    padding: 1.5rem 0;
    background: url(../img/about/lineup_bg.png),#fff;
    background-repeat: no-repeat,repeat;
    background-position: top right,center center;
    background-size: 50% auto,cover;
}
.p-lineup-inner{
    display: grid;
    place-items: center;
    gap: 1rem;
}
.p-lineup-conts{
    display: grid;
    gap: .4rem;
}
.p-lineup-conts-list-item{
    display: grid;
    grid-template-columns: repeat(2, auto);
    place-content: center;
    background: #e5e7e8;
}
.p-lineup-conts-list-item dt,
.p-lineup-conts-list-item dd{
    border: 1px solid #fff;
    background: #e5e7e8;
    padding: .15rem;
}
.p-lineup-conts-list-item dt{
    text-align: center;
}
.p-lineup-conts-list-item dt.head{
    background: #f8c0d9;
}
.p-lineup-conts-list-item dd.head{
    background: #f8c0d9;
    text-align: center;
}
.p-lineup-conts-company-ttl{
    background: #f8c0d9;
    border: 1px solid #fff;
    padding: .15rem;
}
.p-lineup-conts-company-item{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #e5e7e8;
}
.p-lineup-conts-company-item li{
    border: 1px solid #fff;
    padding: .15rem;
}
.p-program{
    background: linear-gradient(65deg, #fcdfd8, #ffdffd);
    padding: 1.5rem 0;
}
.p-program-inner{
    display: grid;
    gap: .4rem;
}
.p-program-list{
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(3, 1fr);
}
.p-program-list li{
    background: #fff;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    min-height: 4.5rem;
}
.p-program-list-ttl{
    background: #f4357e;
    color: #fff;
    text-align: center;
    padding: .2rem .4rem;
}
.p-program-list-txt{
    padding: .4rem;
}
.p-program-list li img{
    width: 100%;
}
.p-gallery{
    padding-bottom: 1.5rem;
}
.p-gallery-inner{
    display: grid;
    gap: .4rem;
}
.p-gallery-list{
    display: grid;
    gap: .4rem;
}
.p-gallery-list ul{
    display: grid;
    gap: .4rem;
}
.p-gallery-list li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.p-gallery-list ul:nth-child(1){
    grid-template-columns: repeat(2, 1fr);
}
.p-gallery-list ul:nth-child(2){
    grid-template-columns: 1fr 2fr 1fr;
}
.p-gallery-list ul:nth-child(3){
    grid-template-columns: repeat(2, 1fr);
}
.p-footer{
    padding-bottom: 2.5rem;
    background: url(../img/about/lineup_bg02.png) no-repeat bottom left / 80% auto;
}
.p-footer-inner{
    display: grid;
    gap: .1rem;
    place-items: center;
}
.p-footer-inner-logo{
    width: 1.3rem;
}
@media only screen and (max-width: 1024px) {
    .p-about-list dl{
        flex-direction: column;
    }
    .p-about-list dt,
    .p-about-list dd{
        width: 100%;
    }
    .p-about-pic{
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
    }
    .p-about-pic img{
        width: auto;
    }
    .p-overview p{
        text-align: left;
    }
    .p-point-list{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.2rem;
    }
    .p-point-list li{
        min-height: auto;
    }
    .p-point-list-ttl{
        padding-top: .4rem;
    }
    .p-point-list-ttl::before{
        width: 1.2rem;
        height: 1.2rem;
    }
    .p-program-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .p-program-list li{
        min-height: auto;
    }
    .p-lineup-conts-company-item{
        grid-template-columns: repeat(2, 1fr);
    }
}