/* 株式会社エムディー
 regular_member/style.css */

/* ------------------------------------------------------------
 基本セット
------------------------------------------------------------ */
body  {
	margin:0;
	padding:0;
	background-image:url(http://mdinc.jp/images/gr_popup_bg.gif);
	color:#696969;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	line-height:165%;
	background-color:#333;
}

/* h系修飾 */
h1 {
	color:#fff;
	font-size:90%;
	font-weight:normal;
	line-height:150%;
	padding:5px 30px;
	margin:-20px -65px 0;
	background-color:#666;
}
h2 {
	margin:0 0 2%;
	padding:0; 
	font-size:180%;
	line-height:145%;
	color:#666666;
}
h2 span {
	color:#cc0000;
}
h3 {
	margin:6% -2% 0 -2%;
	padding:0.5% 2%;
	color:#06C;
	font-size:150%;
	line-height:145%;
}
h3 span {
	font-size:90%;
}

a:link,
a:visited {
	color:#009;
}
a:hover {
	color:#F00;
	text-decoration:underline;
}
img {
	border:0;
}
.c-both {
	clear:both;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/* フォント色 */
.red {
	color:#cc0000;
}
.blue {
	color:#171C61;
}
.font90 {
	font-size:90%;
	line-height:135%;
}
.font120 {
	font-size:120%;
	line-height:145%;
}
.font140 {
	font-size:140%;
	line-height:155%;
}
.font160 {
	font-size:160%;
	line-height:165%;
}
.font210 {
	font-size:210%;
	line-height:165%;
}

.bold {
	font-weight:bold;
}

/* レイアウト */
#containar {
	width: 850px;
	padding:0;
	margin:0 auto;
	background-color:#FFF;
}
#containar-inner {
	margin:0;
	padding:20px 65px 15px;
}

/* ヘッダータイトル */
.header-image {
	margin:0 -65px 30px;;
	padding:0;
}
.header02-area {
	margin:0 0 20px 0;
	padding:20px 60px;
	border-top:solid 1px #171C61;
	border-bottom:solid 15px #171C61;
}

.join-buttom {
	float:right;
	margin:0;
	padding:0;
}

.form-title {
	margin:15px 0 5px 0;
	padding:5px;
	text-align:center;
	background-color:#333;
	color:#FFF;
	font-size:18px;
}
/* フッター部分 */
.footer {
	text-align:left;
	padding:0px 19px 0px 19px;
	margin:0px;
	font-size:10px;
}
.f_add {
	float:left;
	margin:0px;
	padding:0px;
}
.f_copy {
	float:right;
	margin:0px;
	padding:0px;
}
.footer-link {
	text-align:right;
}
/* ボトム 背景画像部分 */
.footer0 {
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(http://mdinc.jp/images/footer_bg.gif);
	background-repeat:repeat-x;
}


/* メインコンテンツリスト
------------------------------------------------------------ */
ol.number-list {
	margin-bottom:3%;
}
ol.number-list li {
	margin-bottom:1%;
}
ol.number-list li b {
	color:#cc0000;
}

ul.arrow-list {
	margin:1% 0 3% 0;
	padding:0;
}
ul.arrow-list li {
	margin:0 0 1% 0;
	padding:0 0 0 46px;
	color:#345691;
	list-style:none;
	background-image:url(images/list-arrow.png);
	background-repeat:no-repeat;
}
ul.arrow-list li b {
	color:#cc0000;
}

/* 講師紹介 */
table.teacher-intro {
	margin:10px 0;
	padding:0;
	width:100%;
}
table.teacher-intro tr {
}
table.teacher-intro td {
	margin:0 0;
	padding:1% 2%;
	width:30%;
	vertical-align:top;
}
div.teacher-type {
	margin:0 0 3px 0;
	padding:0.5% 2%;
	font-size:85%;
	color:#ffffff;
	background-color:#37AA08;
	border-radius:5px 5px 0 0;
}
table.teacher-intro td h4 {
	margin:0 0 5px 0;
	padding:0 3%;
	font-size:95%;
	line-height:145%;
}
div.teacher-photo {
	margin:5px 0 0;
	padding:0;
	text-align:center;
}
div.teacher-photo img {
	width:100%;
	height:auto;
}
p.teacher-name {
	margin:0;
	padding:0;
	text-align:right;
	font-size:80%;
	line-height:135%;
}

ol.three-point-list {
	margin:0;
}
ol.three-point-list li {
	margin:0 0 10px 0;
	font-weight:bold;
	color:#cc0000;
}


/* 概要後のマージン */
#common-inner {
	margin:30px 0 0 0;
	padding:0;
}
#brief table {
	border-top:dotted 1px #666;
}
#brief table tr th {
	margin:0px;
	padding:10px 5px;
	width:18%;
	font-size: 100%;
	line-height: 150%;
	vertical-align:middle;
	text-align:center;
	color: #006;
	border-bottom:dotted 1px #666;
}
#brief table tr td {
	font-size: 100%;
	line-height: 150%;
	margin: 0px;
	padding: 10px 5px;
	border-bottom:dotted 1px #666;
}
#brief table tr th span,
#brief table tr td span {
	font-size:80%;
	font-weight:400;
}
#brief table tr td ul li {
	margin-bottom:10px;
}

/* ------------------------------------------------------------
 プロフィール
------------------------------------------------------------ */
.profile-box {
	margin:0 auto 3%;
	padding:2% 3.5%;
	background-color:#dcdcdc;
	border-radius:6px;
}
.profile-box h4 {
	margin:0 0 1% -2%;
	padding:0.5%;
	font-size:145%;
}
.profile-box-left {
	margin:0 2.5% 0 0;
	padding:0;
	float:left;
}
.profile-box-left img {
	max-width:150px;
}
.profile-box-right {
	margin:0;
	padding:0;
}
.profile-box-right p {
	margin:0;
	padding:0;
	font-size:95%;
	line-height:145%;
}
/* プロフィール写真 */
.profile-photo {
	margin:0 0 0 20px;
	float:right;
}
.drucker-license {
	margin:0 0 5% 5%;
	padding:0;
	width:200px;
	float:right;
}
.drucker-license p {
	margin:0;
	padding:5%;
	font-size:80%;
	line-height:135%;
	background-color:#ffffff;
	border:solid 1px #000000;
	border-radius:5px;
}

/* ------------------------------------------------------------
 価格表
------------------------------------------------------------ */
h4.price {
	margin:5px 0 0 0;
	padding:0;
	font-size:160%;
	font-family: 'Noto Sans Japanese', san-serif;
	font-weight:900;
	line-height:135%;
}
/* レイアウト */
#brief dl {
	margin:0;
	padding:0;
	width:100%;
	border-bottom:solid 1px #cccccc;
}
#brief dl dt {
	margin:0;
	padding:2%;
	font-weight:bold;
	float:left;
	width:15%;
	vertical-align:middle;
}
#brief dl dd {
	margin:0 0 0 15%;
	padding:2% 0;
	vertical-align:middle;
}
#brief dl dd p {
	margin:0;
	padding:0;
}
#brief dl dd br {
	display:none;
}
#brief dl dt span,
#brief dl dd span {
	font-size:80%;
	font-weight:normal;
}

h4.price {
	margin:0;
	padding:0;
	font-size:140%;
	font-family: 'Noto Sans Japanese', san-serif;
	font-weight:900;
	line-height:135%;
}
div.brief-caution {
	margin:1% 0;
	padding:2%;
}

/* セミナー注意事項 */
.seminar-caution {
	color:#cc0000;
}
.seminar-caution p {
	margin:3% 0 0 0;
	padding:0;
}
.seminar-caution ul {
	margin-top:0;
	font-size:85%;
}
/* ------------------------------------------------------------
Facebook 事例画像
------------------------------------------------------------ */
section.fb-case {
	margin:0 0 6% 0;
	padding:0;
}
section.fb-case h2 {
	padding:0;
	border-bottom:solid 2px;
}
section.fb-case p {
}
section.fb-case p b {
	color:#cc0000;
}
.fb-case-image {
	margin:0;
	padding:3%;
	border:solid 1px #000000;
	text-align:center;
}
.fb-case-image img {
	max-width:95%;
}

.caution {
	font-size:12px;
	line-height:145%;
}
.footer-link {
	margin:30px 0 0 0;
	font-size:12px;
}
/* 代表サイン
------------------------------------------------------------ */
div.representative-sign {
	margin:5% 0;
	text-align:right;
}


/* ブレイクポイント 1024px以下
-------------------------------------------------- */
@media only screen and (max-width: 1024px){
	article.contents img {
		max-width:100%;
		width:100%;
	}
	#containar {
		width: 100%;
	}
	#containar-inner {
		margin:0;
		padding:1% 3.5%;
	}
	/* h系修飾 */
	h1 {
		margin:-1% -4% 0;
		padding:1% 2%;
	}
	.header-image {
		margin:0 -3.5% 2%;
		padding:0;
	}
	/* 代表サイン
	------------------------------------------------------------ */
	div.representative-sign img {
		max-width:30%;
		width:100%;
	}
}

/* ブレイクポイント 985px以下
------------------------------------------------------------*/
@media only screen and (max-width: 985px){
	body {
		margin:0;
		padding:0;
		background-image:none;
	}
	div.manual-intro dl dt {
		width:100%;
		float:none;
	}
	div.manual-intro dl dt img {
		max-width:98%;
	}
	div.manual-intro dl dd {
		margin-left:0;
		width:100%;
	}
	ul.manual-intro-list {
		margin:5% 0;
		padding:0;
		list-style:none;
	}
	ul.manual-intro-list li {
		margin-right:0;
		display:block;
		width:100%;
	}
	/* ------------------------------------------------------------
	 プロフィール
	------------------------------------------------------------ */
	div.profile-box {
	}
	div.profile-box h4 {
		margin:0 0 1% -2%;
		padding:0.5%;
		font-size:145%;
	}
	div.profile-box-left {
		margin:2% 0;
		padding:0;
		float:none;
		text-align:center;
	}
	div.profile-box-left img {
		max-width:80%;
	}
	div.profile-box-right {
		margin:0;
		padding:0;
	}
	div.profile-box-right p {
		margin:0;
		padding:0;
		font-size:95%;
		line-height:145%;
	}
	/* プロフィール写真 */
	div.drucker-license {
		width:35%;
	}
	div.drucker-license p {
		font-size:90%;
	}
	/* ------------------------------------------------------------
	 価格表
	------------------------------------------------------------ */
	/* レイアウト */
	#brief dl {
		margin:0;
		padding:0;
		width:100%;
		border-bottom:solid 1px #cccccc;
	}
	#brief dl dt {
		margin:0;
		padding:2%;
		float:none;
		width:96%;
		background-color:#cccccc;
		vertical-align:middle;
	}
	#brief dl dd p {
		line-height:145%;
	}
	#brief dl dd h4.price,
	#brief dl dd h4.price p {
		margin:1% 0;
	}
	#brief dl dd {
		margin:0;
		padding:3%;
		vertical-align:middle;
	}
	#brief dl dd br {
		display:block;
	}
	/* 代表サイン
	------------------------------------------------------------ */
	div.representative-sign img {
		max-width:40%;
		width:100%;
	}
}

@media only screen and (max-width: 40em) {
	h2 {
		font-size:120%;
		line-height:140%;
	}
}