@charset "UTF-8";
@media screen and (max-width: 767px) {

.architectureType2018 #wrap #mainArea main .mainInner,
.architectureType2018 #wrap #mainArea main .mainInner .columnInner,
.blockInner .innerS {
	width: 100%;
}

.architectureType2018 #wrap #mainArea main .mainInner .mvInner {
	width: auto;
}

.mvInner{
	min-height: auto;
	background-image: none;
}

.mvInner .mvItems{
	min-height: auto;
}

.mvInner .mvItems .mvImg{
	bottom: 0;
}

.mvInner .mvItems .mvImg .mvImginner{
	max-width: 340px;
}

.mvInner .mvItems .mvImg .mvText01{
	top: 29%;
}

.mvInner .mvItems .mvImg .mvText01 .fsExtraL{
	font-size: 1.2em !important;
}

.mvInner .mvItems .mvImg .mvText02{
	right: 10%;
	bottom: 20%;
}

.architectureType2018 #wrap #mainArea main .mainInner .mvInner,
.blockInner.wideInner,
.blockInner .wideInner {
	margin: 0 -10px;
}

.blockInner .innerS{
	padding: 60px 0;
}

.FlexBox {
	flex-wrap: wrap;
}

.flexStart {
	justify-content: flex-start;
}

.spMt60 {
	margin-top: 60px !important;
}

}