/* mamamo Dear */

@media screen and (min-width: 641px){

#mam_dea {
	line-height: 150%;
	}

#mam_dea .main {
	width: 100%;
	background: #F7F1ED;
	margin: -60px 0px 0px 0px;
	padding: 60px 0px 100px 0px;
	}

#mam_dea .main ol {
	width: 90%;
	max-width: 1000px;
	line-height: 150%;
	margin: 0px auto;
	}

#mam_dea .main ol img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .main ol ul {
	width: 100%;
	margin: 0px 0px 30px 0px;
	display: flex;
	flex-wrap: wrap;
	}

#mam_dea .main ol li {
	width: 23.5%;
	margin: 0px 2% 0px 0px;
	}

#mam_dea .main ol li:last-child {
	margin: 0px;
	}

#mam_dea .main h2 {
	font-size: 21px;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .main p {
	width: 55%;
	margin: 0px 0px 0px 10%;
	position: relative;
	z-index: 2;
	}

#mam_dea section {
	margin: 0px 0px 100px 0px;
	}

#mam_dea section h2.subtitle {
	width: 100%;
	background: #DE586A;
	color: #ffffff;
	padding: 50px 0px 40px 0px;
	}

#mam_dea .pro ul {
	width: 90%;
	max-width: 1000px;
	line-height: 150%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#mam_dea .pro li {
	width: 31.666%;
	margin: 0px 2.5% 0px 0px;
	}

#mam_dea .pro li:last-child {
	margin: 0px;
	}

#mam_dea .pro li img {
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

#mam_dea .pro li h3 {
	font-size: 16px;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .sum li h3 p {
	width: 24px;
	background: #DE586A;
	font-size: 14px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#mam_dea .pla ol {
	margin: 0px 0px 50px 0px;
	}

#mam_dea .pla ol:last-child {
	margin: 0px;
	}

#mam_dea .pla ol h4 {
	font-size: 32px;
	line-height: 100%;
	color: #DE586A;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#mam_dea .dra ul {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto 30px auto;
	display: flex;
	flex-wrap: wrap;
	}

#mam_dea .dra li {
	width: 47.916%;
	font-size: 14px;
	margin: 0px 4.166% 0px 0px;
	text-align: center;
	}

#mam_dea .dra li:last-child {
	margin: 0px;
	}

#mam_dea .dra li img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .sum ul {
	width: 90%;
	max-width: 1000px;
	line-height: 150%;
	margin: 0px auto -20px auto;
	display: flex;
	flex-wrap: wrap;
	}

#mam_dea .sum li {
	width: calc(100% / 2);
	margin: 0px 0px 20px 0px;
	padding: 0px 2.083% 0px 0px;
	}

#mam_dea .sum li:nth-child(2n) {
	padding: 0px 0px 0px 2.083%;
	}

#mam_dea .sum li h3 {
	font-size: 16px;
	line-height: 24px;
	margin: 0px auto 15px auto;
	}

#mam_dea .sum li h3 p {
	width: 24px;
	background: #DE586A;
	font-size: 14px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#mam_dea a.res {
	width: 90%;
	max-width: 300px;
	background: #DE586A;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	color: #ffffff;
	margin: 0px auto;
	text-align: center;
	display: block;
	position: relative;
	}

#mam_dea a.res:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	position: absolute;
	right: 20px;
	top: 20px;
    transform: rotate(45deg);
	}

}

@media screen and (max-width: 640px){

#mam_dea {
	line-height: 150%;
	}

#mam_dea .main {
	width: 100%;
	background: #F7F1ED;
	margin: -40px 0px 0px 0px;
	padding: 40px 0px 50px 0px;
	}

#mam_dea .main ol {
	width: 90%;
	font-size: 14px;
	line-height: 150%;
	margin: 0px auto;
	}

#mam_dea .main ol img {
	width: 100%;
	margin: 0px 0px 10px 0px;
	}

#mam_dea .main ol ul {
	width: 100%;
	margin: 0px 0px 20px 0px;
	display: flex;
	flex-wrap: wrap;
	}

#mam_dea .main ol li {
	width: calc((100% - 10px) / 2);
	margin: 0px 10px 0px 0px;
	}

#mam_dea .main ol li:nth-child(2n) {
	margin: 0px;
	}

#mam_dea .main h2 {
	font-size: 16px;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .main p {
	width: 55%;
	margin: 0px 0px 0px 10%;
	position: relative;
	z-index: 2;
	}

#mam_dea section {
	margin: 0px 0px 50px 0px;
	}

#mam_dea section h2.subtitle {
	width: 100%;
	background: #DE586A;
	color: #ffffff;
	padding: 35px 0px 25px 0px;
	}

#mam_dea .pro ul {
	width: 90%;
	font-size: 14px;
	line-height: 150%;
	margin: 0px auto;
	}

#mam_dea .pro li {
	margin: 0px 0px 40px 0px;
	}

#mam_dea .pro li:last-child {
	margin: 0px;
	}

#mam_dea .pro li img {
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

#mam_dea .pro li h3 {
	font-size: 16px;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .pla ol {
	margin: 0px 0px 30px 0px;
	}

#mam_dea .pla ol:last-child {
	margin: 0px;
	}

#mam_dea .pla ol h4 {
	font-size: 24px;
	line-height: 100%;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#mam_dea .dra ul {
	width: 90%;
	margin: 0px auto 30px auto;
	}

#mam_dea .dra li {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#mam_dea .dra li img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#mam_dea .sum ul {
	width: 90%;
	font-size: 14px;
	line-height: 150%;
	margin: 0px auto 50px auto;
	}

#mam_dea .sum li {
	margin: 0px auto 20px auto;
	}

#mam_dea .sum li h3 {
	font-size: 14px;
	line-height: 20px;
	margin: 0px auto 15px auto;
	}

#mam_dea .sum li h3 p {
	width: 20px;
	background: #DE586A;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#mam_dea a.res {
	width: 90%;
	max-width: 300px;
	background: #DE586A;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	color: #ffffff;
	margin: 0px auto;
	text-align: center;
	display: block;
	position: relative;
	}

#mam_dea a.res:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	position: absolute;
	right: 20px;
	top: 20px;
    transform: rotate(45deg);
	}

}