.maindesign {
	font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
.maindesign img {
    width: 100%;
}
.maindesign .typelist{
	margin:20px !important;
}
.maindesign .typelist li{
	margin-bottom:6px !important;
}
.maindesign .button{
	padding: 5px 20px;
    box-sizing: border-box;
}
.maindesign .botton img{
	width:100%;
	}
.maindesign .bottoms{
	margin-bottom:15px;
	}	
.maindesign .mask01{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #f00;
	}
.maindesign .mask02{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #FFF;
	}

.maindesign .s-title {
	max-width: 570px;
	margin: 30px auto 20px;
}
.maindesign .naire{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 10px;
}
.maindesign .naire--images{
	width: 40%;
}
.maindesign .naire--images img{
	width: 100%;
}
.maindesign .naire--desc{
	width: calc(60% - 20px);
	margin-left: 20px;
}
.maindesign .naire--desc ul{
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
.maindesign .naire--desc ul li{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 10px;
	line-height: 1.2;
}
.maindesign .naire--desc p{
	line-height: 1.2;	
}

.maindesign .naire--desc .otodoke li{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}
.maindesign .pencil {
	margin-top: 30px;
}
.maindesign .pencil img{
	margin-bottom: 20px;
}
@media screen and (max-width: 767px){
.maindesign .naire--images{
	width: 100%;
	margin-bottom: 10px;
}
.maindesign .naire--desc{
	width: 100%;
	margin-left: 0;
}
.maindesign .naire--desc .otodoke li{
	font-size: 5vw;
}

}