@charset "utf-8";

.wrap {
    .contents {
        .contents_inner{
            background-color: #fff;
            padding: 2em;
            border-radius: 0 20px 0 20px;
            a{
                color: #001B5D;
                font-weight: 500;
                border-bottom: 1px solid #001B5D;
                padding-bottom: 0.2em;
            }
            &.type1{
                display: grid;
                grid-template-columns: 1fr 120px;
                grid-column-gap: 30px;
            }
            &.type2{
                display: grid;
                grid-template-columns: 1fr 400px;
                grid-column-gap: 30px;
                padding: 0;
                img{
                    border-radius: 0 20px 0 0;
                }
                p{
                    padding: 2em;
                }
            }
            &.type3{
                dl{
                    display: grid;
                    grid-template-columns: 20% 80%;
                    padding: 1.5em 2em;
                    border-bottom: dotted 1px #000;
                    &:first-child{
                        padding-top: 0;
                    }
                    &:last-child{
                        border: none;
                        padding-bottom: 0;
                    }
                }
            }
            &.type4{
                padding: 0;
                border: 1px solid #999999;
                .map{
                    iframe{
                        width: 100%;
                        height: 400px;
                        border-radius: 0 20px 0 20px;
                    }
                }
                img{
                    border-radius: 0 20px 0 20px;
                }
            }
            ul{
                li{
                    line-height: 2;
                    position: relative;
                    padding-left: 1em;
                    &::before{
                        content: "";
                        background-color: #A88E5B;
                        border-radius: 50px;
                        width: 10px;
                        height: 10px;
                        display: inline-block;
                        position: absolute;
                        left:0;
                        top: 0.6em;
                    }
                }
            }
        }
    }
}
.page-id-61{
    .titlewrap{
        padding-bottom: 90px;
    }
}
#disclosure{
    .wrap{
        padding-top: 0;
    }
}
@media screen and (max-width:1200px){
    .wrap {
        .contents {
            .contents_inner{
                padding: 1.5em;
                ul{
                    li{
                        font-size: 1.5rem;
                    }
                }
                p{
                    font-size: 1.5rem;
                }
                &.type3{
                    dl{
                        padding: 1.5em;
                        dt{
                            font-size: 1.5rem;
                        }
                        dd{
                            font-size: 1.5rem;
                        }
                    }
                }
                &.type4{
                    display: grid;
                    grid-row-gap: 70px;
                    .map{
                        iframe{
                            height: 300px;
                        }     
                    }
                }
            }
        }
    }
    .page-id-61{
        .titlewrap{
            padding-bottom: 70px;
        }
    }
}

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

    .wrap {
        .contents {
            .contents_inner{
                padding: 1.2em 1.5em;
                a{
                    font-size: 1.5rem;
                }
                ul{
                    li{
                        font-size: 1.4rem;
                        &::before{
                            width: 8px;
                            height: 8px;
                        }
                    }
                }
                p{
                    font-size: 1.4rem;
                }
                &.type3{
                    dl{
                        padding: 1em;
                        dt{
                            font-size: 1.4rem;
                        }
                        dd{
                            font-size: 1.4rem;
                        }
                    }
                }
            }
        }
    }
    .page-id-61{
        .titlewrap{
            padding-bottom: 50px;
        }
    }
}

@media screen and (max-width:768px){
    
    .wrap {
        .contents {
            .contents_inner{
                a{
                    font-size: 1.4rem;
                }
                padding: 20px;
                &.type1{
                    grid-template-columns: 1fr;
                    grid-column-gap: inherit;
                    grid-row-gap: 10px;
                    justify-items: center;
                    img{
                        width: 30%;
                    }
                }
                &.type2{
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-column-gap: 30px;
                    padding: 0;
                    img{
                        border-radius: 0 0 0 20px;
                        aspect-ratio: 5 / 2;
                        object-fit: cover; 
                        width: 100%; 
                        display: block;
                    }
                    p{
                        padding: 15px;
                    }
                }
                &.type3{
                    dl{
                        padding: 1em 0;
                        grid-template-columns: 4em 1fr;
                        grid-column-gap: 1em;
                    }
                }
            }
        }
    }
    .page-id-61{
        .titlewrap{
            padding-bottom: 30px;
        }
    }    
}