@charset "UTF-8";

@media (min-width: 561px) {
    .flex {
        display: flex;
        justify-content: center;
    }
    .flex div:nth-child(1){
        margin-right: 1.5em;
    }
    .flex div:nth-child(2){
        margin-left: 1.5em;
    }
    section.detail .dc_model:last-child{
        padding-top: 0;
    }
		iframe{
			width: 427px;
			height: 240px;
	}
	section.detail .dc_model h2 {
				margin-top: 30px;
}
	}
@media screen and (max-width: 560px) {
    .flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 10px 0 10px;
				align-items: center;
				width: 100%;
    }
		iframe{
			width: 100%;
	}
		section.detail .dc_model h2 {
				margin-top: 4vw;
}

}