@charset "utf-8";
/* --------------------------------
 * for Mama Design
 * -------------------------------- */

/* よくある悩み・テーマ
---------------------------------------------*/
#theme {
	padding-top: 100px;
	padding-bottom: 100px;
}
/* 3つのテーマ */
.theme-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.theme-list .box {
	margin: 30px auto 0;
	width: 30%;
}

@media (max-width: 640px) {
.theme-list .box {
	width: 70%;
}
}
.theme-list-point {
	position: relative;
	padding: 50%;
	border-radius: 50%;
	background: #e4ae2c;
}
.theme-list-point span {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -0.5em 0 0;
	width: 100%;
	text-align: center;
	font-size: 3.0rem;
	letter-spacing: -0.1em;
}
.box:nth-of-type(3) .theme-list-point span {
	margin: -1em 0 0;
}

@media (max-width:960px) and (min-width:641px) {
.theme-list-point span {
	font-size: 2.4rem;
}
}
.theme-list-comment {
	padding-top: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
	line-height: 1.2;
}
/* ボタン */
.theme-button .box {
	margin: 0 auto;
	width: 50%;
}

@media (max-width: 960px) {
.theme-button .box {
	width: 100%;
}
}
/* マタニティを豊かに
---------------------------------------------*/
.enrich-contents {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #efefef url("../mama/img/bg_enrich.svg") no-repeat 90% 90%;
}
.enrich-contents .box {
	margin-top: 50px;
	padding: 50px 5%;
	width: 70%;
	background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 960px) {
.enrich-contents .box {
	width: 100%;
}
}
/* マタニティ期を豊かな土壌とする3つのポイント
---------------------------------------------*/
.enrich-point {
	margin-top: 50px;
	padding-bottom: 100px;
}
/* レイアウト */
.enrich-point-list .box {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.enrich-point-list .box:first-of-type {
	margin-top: 30px;
}
.enrich-point-list .midashi-col-mam {
	width: 37.5%;
	order: -1;
}
.enrich-point-list .honbun {
	width: 40%;
}

@media (max-width: 640px) {
.enrich-point-list .midashi-col-mam {
	width: 100%;
	order: 2;
}
.enrich-point-list .honbun {
	width: 100%;
	order: 3;
}
}
/* 見出し */
.enrich-point-midashi {
	margin: 0 auto;
	width: 90%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", Meiryo, "HGS明朝B", "HG明朝B", "ＭＳ 明朝", serif;
	font-size: 3.0rem;
	letter-spacing: -0.05em;
	text-align: center;
}
.enrich-point-midashi span {
	font-size: 7.2rem;
	/*font-style: oblique;*/
	color: #cd6781;
}
/* ナンバー */
.enrich-point .number {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	color: #fff;
	background: #cd6781;
}
.enrich-point .number span {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -0.5em 0 0;
	width: 100px;
	text-align: center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", Meiryo, "HGS明朝B", "HG明朝B", "ＭＳ 明朝", serif;
	font-size: 7.2rem;
}

@media (max-width: 640px) {
.enrich-point .number {
	margin: 0 auto;
	text-align: center;
}
}
/* まとめ */
.enrich-point-summary .box {
	margin: 50px auto 0;
	width: 70%;
}
@media (max-width: 640px) {
.enrich-point-summary .box {
	width: 100%;
}
}
/* クライアントさんの声
---------------------------------------------*/
/* 背景 */
.voice-contents {
	padding-top: 50px;
	padding-bottom: 80px;
}
.voice-contents:first-of-type {
	padding-top: 100px;
	background-color: rgba(205, 103, 129, 0.2);
}
.voice-contents:nth-of-type(2) {
	background-color: rgba(255, 255, 255, 1);
}
.voice-contents:nth-of-type(3) {
	background-color: rgba(103, 175, 205, 0.2);
}
/* 大見出し */
.voice-contents .midashi span {
	font-size: 1.8rem;
}
/* レイアウト */
.voice-contents .box {
	margin: 30px auto 0;
	width: 70%;
	position: relative;
}

@media (max-width: 960px) {
.voice-contents .box {
	width: 100%;
}
}
/* アイコン */
.voice-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
}
.voice-icon i {
	font-size: 4.8rem;
	color: #cd6781;
}
.voice-contents:nth-of-type(3) .voice-icon i {
	color: #67afcd;
}
/* 肩書、見出し */
.voice-attribute, .voice-midashi {
	margin-left: 68px;
}
.voice-attribute {
	color: #ce1f4b;
	line-height: 1.2;
}
.voice-contents:nth-of-type(3) .voice-attribute {
	color: #1c99cd;
}
.voice-midashi {
	font-size: 2.2rem;
}
/* リンク */
.voice-contents:nth-of-type(3) .honbun:last-of-type {
	text-align: right;
}