/*==========================================================================
【g_meaning.css】社会的意義
============================================================================*/
/*水色背景タイトル*/
.mean_ttl{
	background-color: #6fcdf0;
	border-radius: 50px;
	color: #000000;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 10px;
	padding: 10px 0;
	text-align: center;
}
.mean_ttl.big_ttl{font-size: 40px;}/*大文字*/
.mean_ttl.mini_ttl{font-size: 20px;}/*小文字*/

/*画像*/
.mean_pic{
	text-align: center;
}
.mean_pic img{
	display: inline;
}
/*テキスト*/
.mean_txt{
	margin: 0 10px;
}
.word_small:before{
	content:"私たちのお届け先であるセブン‐イレブンの取り組みです。";
	color:#ED6C00;
	display:block;
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:10px 0;
	text-align:center;
	text-decoration:underline;
}

/*-------------------------
【listtype01】二等分
---------------------------*/
.listtype01 dd{
	font-size: 14px;
	border-radius: 50px;
}
.listtype01 .mean_txt{
	color: #ED6C00;
	text-align: center;
	margin: 20px 10px;
	font-weight: bold;
}
/*-------------------------
【listtype02】三等分
---------------------------*/
.listtype02 dd{
	padding:10px;
	border-radius: 40px;
	font-size: 14px;
}
.width_mark p{
	margin-left: 1em!important;
}
/*マーク*/
.width_mark p:before{
	color: #ED6C00;
	content: "\25cf";
	margin-left: -1em;
}

/*-------------------------
【.dl_eyecath】三列横並び
---------------------------*/
.dl_eyecath{
	max-width:100%
}


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

/*水色背景タイトル*/
.dl_divide .mean_ttl.big_ttl{font-size: 30px;}/*大文字*/
.dl_divide .mean_ttl.mini_ttl{font-size: 16px;}/*小文字*/

}
@media screen and (max-width: 670px){
.word_small:before{
	content:"私たちのお届け先である\Aセブン‐イレブンの取り組みです。";
	font-size:18px;
	white-space: pre;
}
.tablerow{margin: 0 10px;}
.listtype01 dd{border-radius: 40px;}
.dl_divide .mean_ttl.big_ttl{font-size: 26px;}/*大文字*/

/*下限高さ初期化*/
.longheight dd div,
.shortheight dd div {
	min-height:inherit
}
}