.maindesign{
	font-family: "Noto Sans JP","游ゴシック","Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif;
}
.maindesign .fwb{
	font-weight: bold;
}
.maindesign img{
	vertical-align: bottom;
}
.maindesign video{
	width: 100%;
}
.maindesign .movie_container{
	margin-bottom: 20px;
}
.maindesign .half{
	width: 50%;
	margin: auto;
	margin-top: 30px;
}

.maindesign .left-red{
	border-left: 4px solid #E5002D;
	padding: 0.6rem 1rem;
}

.maindesign .before-after{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .before-after--list{
	width: 45%;
	position: relative;
}
.maindesign .before-after--list:first-child::after{
	content: "";
	display: block;
	border-style: solid;
	border-width: 20px 0 20px 30px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 50%;
	right: -15%;
	transform: translateY(-50%);
}
.maindesign .before-after--list img{
	border: 1px solid #ccc;
}

.maindesign .introduction{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1.15em;
}
.maindesign .introduction .images{
	width: 40%;
	text-align: center;
}
.maindesign .introduction .images img{
	max-width: 300px;
}
.maindesign .introduction .text-area{
	width: calc(60% - 10px);
}
.maindesign .introduction .text-area p{
	line-height: 1.3;
}
.maindesign .introduction .text-area ul{
	margin: 10px 0;
}
.maindesign .introduction .text-area li{
	margin-top: 10px;
	line-height: 1.3;
}
.maindesign .introduction .text-area li:first-child{
	margin-top: 0;
}
@media screen and (min-width: 768px){
.maindesign .fs2empc{
	font-size: 2em;
}
}
@media screen and (max-width: 767px){
.maindesign .half{
	width: 100%;
}
.maindesign .before-after--list{
	width: 100%;
	margin-bottom: 80px;
}
.maindesign .before-after--list:last-child{
	margin-bottom: 0;
}
.maindesign .before-after--list:first-child::after{
	content: "";
	display: block;
	border-style: solid;
	border-width: 30px 20px 0 20px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	top: inherit;
	right: inherit;
	left: 50%;
	bottom: -55px;
	transform: translateX(-50%);
}

.maindesign .introduction{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 0.95em;
}
.maindesign .introduction .images{
	width: 30%;
}
.maindesign .introduction .text-area{
	width: 68%;
}
.maindesign .introduction .text-area p{
	line-height: 1.5;
}
.maindesign .introduction .text-area li{
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5;
}

}