.footer{
    background-color:#F9C1DD;
}
.footer img{
    display:block;
}
.footer div {
    display:none;
}
.about_item {
    scroll-margin-top: 10rem; 
}
.pc_only{
    display:block;
}
.sp_only{
    display:none;
}
main {
    padding: 0 7rem;
    position:relative;
    padding-top:5rem;
}
.background_pc_only{
    display:block;
}
.background_sp_only{
    display:none;
}
.bg_top{
    position:absolute;
    top:-7rem;
    left:0rem;
    z-index:-1;
    height:110.2rem;
}
.bg_middle{
    position:absolute;
    bottom:0rem;
    left:0rem;
    z-index:-1;
}
/* mainvisualsection */
.mainvisual_container {
    margin: 0rem 0 10rem 0;
}

.mainvisual_box {
    text-align: center;
}

.mainvisual {
    width: 115rem;
    height: 24.9rem;
    border-radius: 2rem;
    margin: 0 auto;
}

.mainvisual img {
    border-radius: 2rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title {
    display: inline-block;
    font: 2.8rem/4rem "Zen Maru Gothic";
    margin: 3.5rem 0 0 0.4rem;
    border-radius: 1rem;
    background-color: #DF778F;
    color: #FFFFFF;
    padding: 1rem 2rem;
}

/* aboutセクション */
.about_container {
    display: flex;
}

.about_box {
    width: 83.6rem;
    border: 0.1rem solid #000000;
    border-radius: 1rem;
    padding: 3rem;
    margin-left: 5.4rem;
    background-color: #FFFFFF;
}

.about_anker {
    font: 1.6rem/2.4rem "Zen Maru Gothic";
    font-weight: 500;
    letter-spacing: 0;
    color: #000000;
    border: 0.1rem solid #000000;
    border-radius: 1rem;
    padding: 0.5rem 1.5rem;
    display: flex;
    position: sticky;
    top: 15rem;
    width: 25rem;
    height: 21rem;
    align-items: center;
    background-color: #FFFFFF;
}

.about_anker li {
    margin: 1rem 0;
}

.about_head {
    font: 2.5rem/3.6rem "Zen Maru Gothic";
    font-weight: 500;
    letter-spacing: 0;
    color: #000000;
    position: relative;
    margin: 0 0 1.3rem 1.5rem;
}

.about_head::before {
    width: 0.8rem;
    height: 4rem;
    background: #525252;
    top: 0;
    left: -1.3rem;
    position: absolute;
    content: "";
}

.about_text {
    font: 1.6rem/3rem "Noto Sans JP";
    letter-spacing: 0;
    color: #000000;
    margin-left: 3rem;
    letter-spacing:0.08rem;
}

.about_video {
    width: 71.6rem;
    height: 48rem;
    aspect-ratio: 16/9;
    margin-left: 3rem;
}

.about_item {
    margin-bottom: 5rem;
}

.about_item dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 7.6rem 3rem;
}


.about_item dt,
.about_item dd {
    font: 1.6rem/3rem "Noto Sans JP";
    padding: 1.3rem 1rem;
    border-bottom: 0.1rem solid #707070;
}

.about_item dt {
    width: 12.9rem;
    font: 1.6rem/3rem "Noto Sans JP";
}

.about_item dd {
    width: calc(100% - 15rem);
    margin: 0;
}

/* 沿革タイムライン */
.timeline{
    margin-left:1rem;
}
.timeline dl {
    display: flex;
    flex-wrap: wrap;
    margin-left: 3rem;
    position: relative;
    padding-left: 3rem;
}

.timeline dl::before {
    content: '';
    position: absolute;
    width: 0.1rem;
    background-color: #707070;
    top: 3.8rem;
    bottom: 4rem;
    left: 0;
}

.timeline dt,
.timeline dd {
    padding: 1.5rem 0;
    display: flex;
    align-items: center;
    border-bottom:none;
}

.timeline dt {
    width: 20rem;
    font: 1.6rem/1.5 "Noto Sans JP";
    position: relative; /* For the dot */
}

.timeline dt::before {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    border:#707070 solid 0.1rem;
    background-color: #DF778F;
    top: 49.1%;
    left: -3.6rem;
    transform: translateY(-50%);
    z-index: 1;
}  

.timeline dt:first-of-type::before {
    width: 2rem;
    height: 2rem;
    left: -4rem;
}

.timeline dd {
    width: calc(100% - 20rem);
    margin: 0;
    padding-left: 1rem;
    font: 1.6rem/2.4 "Noto Sans JP";
}

.timeline_date {
    margin-right: 2rem;
}

.timeline_date span {
    display: block;
    text-align: center;
}
.timeline_date_year_ad{
    font:1.7rem/3rem "Noto Sans JP";
    font-weight: 500;
    letter-spacing:0.085rem;
}
.timeline_date_year_jp{
    font:1.3rem/3rem "Noto Sans JP";
    letter-spacing:0.065rem;
}
.timeline_date_month{
    font:1.8rem/4.5rem "Noto Sans JP";
    font-weight: 500;
    letter-spacing:0.09rem;
    margin-left:3rem;
}
.timeline dd{
    font:1.6rem/2.4rem "Noto Sans JP";
    letter-spacing:0.08rem;
}
.timeline_date_year_none{
    visibility:hidden;
}
.pdf_icon{
    width:4rem;
    height:4.8rem;
}
.about_info_pdf dd{
    padding:3rem 0rem 3rem 0rem;
    width:calc(100% - 5rem);
    border-bottom:0.1rem solid #cacaca;   
}

.about_info_pdf dt{
    padding:2.5rem 0rem 0rem 0rem;
    margin-right:-8rem;
    border-bottom:0.1rem solid #cacaca;
}
.about_info{
    margin-bottom:-10rem;
}

@media screen and (max-width:699.98px){
    main{
        padding:3rem 1rem;
    }
    .pc_only{
        display:none;
    }
    .sp_only{
        display:block;
    }
    .mainvisual{
        width:35.5rem;
        height:18rem;
    }
    .mainvisual_container{
        margin-bottom:2.8rem;
    }
    .title{
        font:2.0rem/2.9rem "Zen Maru Gothic";
        margin:2.7rem 0 0 0;
        padding: 1.7rem 3.3rem;
    }
    .bg_top{
        top:-20rem;
    }
    .about_item{
        margin-bottom:5rem;
    }
    .about_box{
        width:35.5rem;
        margin-left:0;
        padding:3rem 0.5rem;
    }
    .about_head{
        font:1.8rem/2.6rem "Zen Maru Gothic";
        font-weight:700;
    }
    .about_head::before{
        width:0.5rem;
        height:2.6rem;
        top:0.1rem;
        left:-1.3rem;
    }
    .about_text{
        font:1.5rem/3rem "Noto Sans JP";
        margin-left:0rem;
        margin-bottom:4rem;
    }
    .about_video{
        width:34.5rem;
        height:23rem;
        margin-left:0;
    }
    .about_item dl{
        margin:0 0 0 0rem;
    }
    .about_item dt,
    .about_item dd {
        width: 100%;
    }
    .about_item dt {
        border-bottom: none;
        padding-bottom: 0;
        font:1.6rem/3rem "Noto Sans JP";
        font-weight:700;
        letter-spacing:0.08rem;
        padding:0rem 0rem;
    }
    .about_head_item dd {
        padding-left:0rem;
        padding:0.5rem 0;
        font:1.6rem/3rem "Noto Sans JP";
        letter-spacing:0.08rem;
    }
    .timeline{
        margin-left:3rem;
    }
    .timeline_date_year_ad{
        font:1.4rem/3rem "Noto Sans JP";
        font-weight:500;
        letter-spacing:0.07rem;
    }
    .timeline_date_month{
        font:1.5rem/4.5rem "Noto Sans JP";
        font-weight:500;
        letter-spacing:0.075rem;
        margin-left:0;
    }
    .timeline_date_year_jp{
        font:1.2rem/3rem "Noto Sans JP";
        letter-spacing:0.06rem;
    }
    .timeline dd{
        font:1.2rem/3rem "Noto Sans JP";
        letter-spacing:0.06rem;
        padding-left:0;
        padding:0rem;
    }
    .timeline dl{
        padding-left:0rem;
    }
    .timeline dl::before{
        left:-3rem;
    }
    .about_info_pdf {
        display: flex;
        flex-direction: row;
        gap: 0;
    }
    
    .about_info_pdf dt {
        display: inline-block;
        padding: 1.5rem 0;
        margin: 0;
        border: none;
        width: auto;
        vertical-align: middle;
    }
    
    .about_info_pdf dd {
        display: inline-block;
        padding: 1.5rem 0 1.5rem 1.5rem;
        margin: 0;
        border-bottom: 0.1rem solid #cacaca;
        width: calc(100% - 6rem);
        vertical-align: middle;
        line-height: 1.5;
    }
    
    .about_info_pdf dt img {
        width: 4rem;
        height: 4.8rem;
        margin: 0;
        vertical-align: middle;
        margin-left:2rem;
    }
    
    .about_info_pdf dd {
        display: inline-flex;
        align-items: center;
        padding: 1.5rem 0 1.5rem 1.5rem;
        margin: 0;
        border-bottom: none;
        width: calc(100% - 6rem);
        min-height: 7.8rem;
        box-sizing: border-box;
        position:relative;
    }
    .about_info_pdf dd::before{
        content:"";
        width:33.6rem;
        height:0.1rem;
        background-color:#cacaca;
        position:absolute;  
        bottom:0;
        left:-5.5rem;
    }
    
    .about_info {
        margin-bottom: 0;
    }
    .timeline dt::before{
        left:-2.6rem;
    }
    .timeline dt:first-of-type::before{
        left:-3rem;
    }
    .timeline dl::before{
        bottom:7rem;
        left:-2rem;
    }
    .footer img{
        width:37.5rem;
        height:20rem;
    }
    
}