@charset "utf-8";

#partner {
    .wrap {
        padding-bottom:90px;
        .contents {
            h2 {
                font-size:3.0rem;
                color:var(--color_sub);
                font-weight:600;
                justify-items:center;
                grid-template-columns:repeat(3,auto);
                justify-content:center;
                line-height:1;
                margin-bottom:.66em;
                &::before {
                    content:none;
                }
            }
            .contents_inner {
                border:10px solid #efefef;
                border-radius:40px 6px;
                padding:40px 60px;
                p {
                    font-size:2.0rem;
                    &:not(:last-child) {
                        margin-bottom:1em;
                    }
                }
            }
        }
    }
}

#about {
    .wrap {
        padding-bottom:90px;
        .contents {
            ul {
                background-color:#EFEFEF;
                border-radius:20px;
                padding:20px;
                display:grid;
                grid-row-gap:10px;
                margin-bottom:60px;
                li {
                    background-color:#FFFFFF;
                    padding:30px 50px;
                    border-radius:6px 6px 20px 6px;
                    box-shadow:0 3px 6px rgba(0,0,0,.15);
                    dl {
                        display:grid;
                        grid-template-columns:auto 1fr;
                        font-size:1.8rem;
                        align-items:center;
                        dt {
                            font-size:2.4rem;
                            font-weight:600;
                            color:var(--color_sub);
                            display:grid;
                            grid-template-columns:4em 1.5em;
                            align-items:center;
                            grid-column-gap:.66em;
                            padding-right:.66em;
                        }
                        dd {
                            line-height:1.5;
                        }
                    }
                }
            }
            .contactbox {
                display:grid;
                justify-items:center;
                grid-row-gap:50px;
                p {
                    font-size:2.2rem;
                    font-weight:600;
                }
                a {
                    display:grid;
                    grid-template-columns:1em auto;
                    align-items:center;
                    justify-content:center;
                    grid-column-gap:.5em;
                    height:3em;
                    color:#FFFFFF;
                    border-radius:1.5em;
                    background: #41C3AF;
                    background: linear-gradient(90deg, rgba(65, 195, 175, 1) 0%, rgba(2, 162, 132, 1) 100%);
                    font-size:2.0rem;
                    width:100%;
                    max-width:340px;
                    span {
                        font-family: "M PLUS 1p", sans-serif;
                    }
                }
            }
        }
    }
}


@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
    
}

@media screen and (max-width:768px){
    
    #partner {
        .wrap {
            padding-bottom:60px;
            .contents {
                h2 {
                    font-size:min(6vw,3.0rem);
                    line-height:1.3;
                    text-align:center;
                }
                .contents_inner {
                    border:8px solid #efefef;
                    border-radius:30px 6px;
                    padding:20px;
                    p {
                        font-size:1.5rem;
                        line-height:1.7;
                    }
                }
            }
        }
    }
    
    #about {
        .wrap {
            padding-bottom:60px;
            .contents {
                ul {
                    border-radius:15px;
                    padding:10px;
                    margin-bottom:30px;
                    li {
                        padding:15px 20px;
                        dl {
                            grid-template-columns:1fr;
                            grid-row-gap:.5em;
                            font-size:1.5rem;
                            dt {
                                font-size:2.0rem;
                                font-weight:600;
                                color:var(--color_sub);
                                display:grid;
                                grid-template-columns:4em 1.5em;
                                align-items:center;
                                grid-column-gap:.66em;
                                padding-right:.66em;
                            }
                        }
                    }
                }
                .contactbox {
                    grid-row-gap:30px;
                    p {
                        font-size:1.6rem;
                    }
                    a {
                        font-size:1.8rem;
                        max-width:280px;
                    }
                }
            }
        }
    }

    
}