@charset "utf-8";


/* -----------------------------------------------------------
    これまでの実績
-------------------------------------------------------------- */
#archives{}

#archives .archives-banner,
#archives .banner-block.profile{
    display: none;
}

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



/*    archives-area
-------------------------------------------------------------- */
.archives-area{
    width: 100%;
    background: url("../img/profile-bg.png") no-repeat center / cover;
    padding: 80px 0 40px;
}

.archives-area .section-title{
    text-align: center;
    position: relative;
}
.archives-area .section-title::before,
.archives-area .section-title::after{
    content: '';
    display: block;
    width: 34px;
    height: 31px;
    background: url(../img/mark_black01.png) no-repeat center / contain;
    position: absolute;
    top: 0;
}
.archives-area .section-title::before {
    left: calc(50% - 305px);
}
.archives-area .section-title::after {
    right: calc(50% - 305px);
    transform: scaleX(-1);
    margin: 0;
}

.archives-wrap{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0 0;
}

.archives-wrap > li.full {
	width: 100%;
}

.archives-wrap > li{
    width: 530px;
    background: #fff;
    box-shadow: 0 0 20px rgba(117, 117, 117, .15);
    padding: 40px;
    margin: 0 0 40px;
}


.archives-wrap > li.full {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px;
}

.archives-wrap > li .txt-group {
	width: 62%;
}

.archives-wrap > li .txt-group > div:not(:first-child) {
	margin: 30px 0 0;
}

.archives-title{
	/*
    color: #3087CA;
	*/
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.5;
    /*font: 700 2.4rem / 1.5 'Noto Sans JP', sans-serif;*/
    margin: 0 0 20px;
}

.archives-img.bus{
    width: 300px;
    margin: 0 auto 20px;
}

.archives-img{
    margin: 0 0 20px 0;
}

.archives-img img{
    width: 100%;
}

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

    .archives-area{
        background: #F3FBFF;
        padding: 40px 20px;
    }
    
    .archives-area .section-title{
        font-size: 2.2rem;
    }
    .archives-area .section-title::before,
    .archives-area .section-title::after{
        display: none;
    }

    .archives-wrap{
        display: block;
        margin: 30px 0 0;
    }

    .archives-wrap > li{
        width: 100%;
        box-shadow: none;
        padding: 20px;
        margin: 0 0 20px;
    }
    .archives-wrap > li:last-of-type{
        margin: 0;
    }
	
	.archives-wrap > li.full {
		flex-direction: column-reverse;
	}

	.archives-wrap > li .txt-group {
		width: 100%;
	}

	.archives-wrap > li .txt-group > div:not(:first-child) {
		margin: 20px 0 0;
	}
	
	.archives-wrap > li .img-group {
		width: 70%;
		margin: 0 auto;
	}

    .archives-title{
        font-size: 2rem;
        margin: 0 0 10px;
    }

    .archives-img.bus{
        width: 200px;
    }
	
	.archives-img iframe{
		width: 100%;
		height: initial;
		object-fit: cover;
		aspect-ratio: 112 / 63;
	}
}



/*    セクション名
-------------------------------------------------------------- */

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

}