@charset "utf-8"; 

.box {
    padding: 2rem 0;
    background-color: #f7f7f7;
    padding-top: 5rem;
}
.in-box {
    width: 930px;
    margin: 0 auto 4rem;
}
.list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.office {
    width: 46%;
    margin-bottom: 4rem;
}
.office p {
    text-align: center;
    font-size: 22px;
    color: #004ea2;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media screen and ( max-width:1025px ) {
	.ttl-space h1 {
		font-size: 34px;
		width: unset;
	    margin-left: 20px;
	}
	.ttl-space h2 {
	    font-size: 40px;
        bottom: -24px;
        width: unset;
	    margin-left: 20px;
	}
	.in-box {
		width: 100%;
	}
}

@media screen and ( max-width:500px ) {
	.ttl-space h1 {
    	font-size: 22px;
    }
    .ttl-space h2 {
	    font-size: 25px;
	    bottom: -16px;
	}
	.in-box {
		padding: 0 15px;
	}
	.office {
    	width: 100%;
    }

}