/*
	Colors

	Blues	#d9e8ff		#c4d8f6		#4e7bc5
	Red 	#a82121
*/

/* Normalize + H5BP - minified */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#222;}body{font-size:1em;line-height:1.4;margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}fieldset{border:0;margin:0;padding:0;}legend{border:0;white-space:normal;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;}.ir:before{content:"";display:block;width:0;height:150%;}.hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{zoom:1;}p,pre,dl,menu,ol,ul{margin:1em 0;}figure,form{margin:0;}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100%!important;}@page{margin:.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}


body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	}
h1,h2,h3,h4,h5,h6 { }
h1 {
}
h2,h3,h4,h5,h6 { font-weight: 700; }
ul { margin: .5em 0; padding: 0 0 0 1.5em; }
li { padding-right: 1em; }
small { font-weight: normal; font-size: .75em; }
sup { font-weight: normal; }

a, a:visited {
/*	font-style: italic;*/
	color: #4e7bc5;
	font-weight: bold;
}

.page-wrap { max-width: 1140px; margin: 0 auto; }
.header-example h1, 
.header-example h2, 
.header-example h3, 
.header-example h4, 
.header-example p {
	margin-bottom: 0;
}

.grid-demo {
	width: 98%;
	height: 4.8em;
	margin: .5em .5em 0;
}
.grid-demo .grid-1 { height: 4.8em; background: #d9e8ff; }
.grid-demo .grid-1 .content-box {
	height: 3.6em;
	background: rgba(255,255,255,.4);
	border-left: dashed 1px #c4d8f6;
	border-right: dashed 1px #c4d8f6;
}

.header-top h1 {
	font-size:48px;
	margin:50px 0 10px 0;
	line-height:56px;
	text-shadow: 1px 1px 1px #CCC;
	font-weight:bolder;
	color:#000;
	
	}
.header-top h2 {
	margin: 0 0 0 50px;
	padding:0;
	color: #222;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 30px;
	line-height:36px;
}

.padded-inner-sides h3 {
	font-size:28px;
	padding:0;
	margin:0;
	line-height:36px;
	font-weight:bolder;
	color:#000;
	
	}

.padded-inner-sides ul{
	padding:10px 0;
	margin:0;
}

.padded-inner-sides li{
	padding:10px 0 10px 30px;
	margin:0;
	border-bottom:1px dashed #CCC;
	list-style:none;
	background:url(../img/check.jpg) no-repeat 0px 10px
	
}

.header-top p { margin: -.25em 0; opacity: .8; }

.hero-img-contain { position: relative; height: 380px; width:380px;}
.hero-img {
	position: absolute;
	top: 0; left: -14%;
	width: 100%;
	min-width: 10em;
	z-index:0;
}
.content-download { margin: 10px 0; }
.content-download p { margin: .25em; }
.content-box {background: #DDD;border-radius: .35em; }
.content-box-header {background: #222;color: #fff; font-size:10px; }
.content-box-secondary {background: #DDD; }

.content-box-secondary h3{
	text-align:center;
	font-size:28px;
	padding:0;
	margin:0;
	line-height:36px;
	font-weight:bolder;
	color:#000;
	}

.content-box-secondary strong{
	font-size:12px;
	color:#F00;
}

.textfield{
	padding:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #F88E00;
	width:80%;
}


.padded-sides h3{
	font-size:28px;
	padding:10px 0;
	margin:0;
	line-height:36px;
	font-weight:bolder;
	color:#000;
}

.content-box-inner { background: #c4d8f6; margin-bottom: .5em; }
.content-box-transparent {
	background: rgba(78,123,197,.2);	
}
.content-box p { margin: 0 0 1em; }

.content-box h3{
	font-size:38px;
	padding:0;
	margin:0;
	font-weight:bolder;
	color:#000;
}

.padding-demo { border: dashed 1px #c4d8f6; color: #4e7bc5; }
.padding-demo-last { border-left: none; }
.padding-demo p {
	margin: 0 0 .5em;
	opacity: .8;
	border-left: dashed 1px #4e7bc5;
}
.padding-demo .content-box p {  border: dashed 1px #4e7bc5; }

.btn-big {
	-moz-box-shadow:inset 0px 1px 0px 0px #D9534F;
	-webkit-box-shadow:inset 0px 1px 0px 0px #D9534F;
	box-shadow:inset 0px 1px 0px 0px #D9534F;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D9534F), color-stop(1, #CE312D) );
	background:-moz-linear-gradient( center top, #D9534F 5%, #CE312D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9534F', endColorstr='#CE312D');
	background-color:#D9534F;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #CE312D;
	display:inline-block;
	color:#FFF;
	font-size:2em;
	font-style: normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0 1px 0 #ffffff;
}.btn-big:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D9534F), color-stop(1, #D9534F) );
	background:-moz-linear-gradient( center top, #D9534F 5%, #D9534F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9534F', endColorstr='#D9534F');
	background-color:#D9534F;
}.btn-big:active {
	position:relative;
	top:1px;
}


.btn-medium {
	-moz-box-shadow:inset 0px 1px 0px 0px #D9534F;
	-webkit-box-shadow:inset 0px 1px 0px 0px #D9534F;
	box-shadow:inset 0px 1px 0px 0px #D9534F;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D9534F), color-stop(1, #CE312D) );
	background:-moz-linear-gradient( center top, #D9534F 5%, #CE312D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9534F', endColorstr='#CE312D');
	background-color:#D9534F;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #CE312D;
	display:inline-block;
	color:#FFF;
	font-size:20px;
	font-style: normal;
	padding:8px;
	text-decoration:none;
	text-shadow:0 1px 0 #ffffff;
}.btn-medium:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D9534F), color-stop(1, #D9534F) );
	background:-moz-linear-gradient( center top, #D9534F 5%, #D9534F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9534F', endColorstr='#D9534F');
	background-color:#D9534F;
}.btn-medium:active {
	position:relative;
	top:1px;
}


.content-box-cta {background: #222; color: #fff; }
.content-box-cta a, .content-box-cta a:visited {color: #fff;font-weight: bold; }
.content-box-cta p { margin: 0 0 1em; }

.warning { font-style: italic; }

.citations { border-top: dashed 1px #4e7bc5; }
.citations p { margin: 0 0 .5em; line-height: 1;}

.center { text-align: center; }
.strong-very { color: #a82121; }

#resize { position:fixed; bottom:0;right:0;}


/********************************************************************
 mma insert 
 2016/06 1st edition
/********************************************************************/
p {
	line-height: 190% !important;
}

.mma-topimg { 
	width: 86%;
	margin: 0 7%;
}

.padded-sides {
	width: 86%;
	margin: 0 7%;
	line-height: 180%;
}

.padded-sides2 {/* LP ShortVer 対応用 */
	width: 86%;
	margin: 0 7%;
	line-height: 180%;
}

.mma-title1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	padding: 30px 0;
	width: 100%;
	margin: 0 auto;
	background-color: #7CA6BC;
	text-align: center;
	line-height: 180%;
}

.mma-center1 {
	text-align: center;
	margin: 0 auto;
	width: 800px;
}

.mma-title2 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	padding: 30px 0;
	width: 100%;
	margin: 0 auto;
	background-color: #8DB690;
	text-align: center;
	line-height: 180%;
}

.mma-center2 {
	text-align: center;
	margin: 0 auto;
	width: 650px;
}

.mma-title3 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	padding: 30px 0;
	width: 100%;
	margin: 10px auto;
	background-color: #9B8CB2;
	text-align: center;
	line-height: 180%;
}

.mma-center3 {
	text-align: center;
	margin: 0 auto;
	width: 640px;
}

.mma-title4 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 26px;
	padding: 30px 0;
	width: 100%;
	margin: 10px auto 20px auto;
	background-color: #C3776E;
	text-align: center;
	line-height: 180%;
}

.mma-center4 {
	text-align: center;
	margin: 0 auto;
	width: 400px;
}

.mma-nayami {
	float: right;
	margin: 0 50px 0 0;
}

.mma-seminar1 {
	text-align: center;
	margin: 0 0 10px 0;
}

.mma-koshi {
	float: left;
	text-align: center;
	margin: 0 15px 0 0;
}

.mma-koshi img {
	width: 202px;
}

.mma-voice {
	border: 1px solid #cccccc;
	width: 720px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 8px;
}

.mma-kansou {
	float: left;
	padding: 0 5px 0 0;
}

.mma-kansou img {
	width: 200px;
	margin: 0 10px 0 0;
}

.mma-font1 {
	font-size: 22px;
}

.mma-font2 {
	color: #1F497D;
	font-weight: bold;
}

.mma-font3 {
	color: #FF0000;
	font-weight: bold;
	font-size: 22px;
}

.mma-font4 {
	color: #FF0000;
	font-weight: bold;
}

.btnsty {
	text-align: center;
	margin: 30px auto;
}

.btnsty img {
	margin: 30px 0 0 0;
}

.btnsty a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* 2016/04/18 講座フォーム埋め込み対応カスタマイズ
   .kouza-list クラスの追加
 */
.kouza-list table,
.kouza-list th,
.kouza-list td {
	border: 3px solid rgba(0, 0, 0, 0.1);
}

.kouza-list table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 12pt;
	width: 100%;
	text-align: left;
}
.kouza-list table.tablesorter thead tr th,.kouza-list table.tablesorter tfoot tr th {
	background-color: #f6ebdd;
	font-size: 10pt;
	padding: 4px;
}
.kouza-list table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.kouza-list table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
.kouza-list table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
.kouza-list table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
.kouza-list table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
.kouza-list table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

/* 名前サイン */

#sign img {
	float: right;
	padding: 0 30px 0 0;
}

/* 見出し */

.mma-midashi {
	position: relative;
	padding-left: 45px;
	color: #333;
	font-size: 24px;
	line-height: 40px;
	margin: 30px 0 20px 0;
	font-weight: bold;
}

.mma-midashi:before {
	position:  absolute;
	top: 12px;
	left: 12px;
	width: 14px;
	height: 14px;
	border: 4px solid #B2E0FF;
	content: "";
}

.mma-midashi:after {
	position:  absolute;
	top: 2px;
	left: 2px;
	width: 17px;
	height: 17px;
	border: 4px solid #0099FF;
	content: "";
}

/* 160719 insert 講座一覧非表示対応 */
.mma-list-control {
	display: block;
}

/* 161006 insert メールで送るボタン */
#sendMail {
	display: none;
	float: left;
	margin: 0 10px 0 0;
}
#sendMail img {
	width: 82px; height: 20px;
}

/* insert 2017/03/02 sfintro対応 */

.table01 {
	width:80%;
	margin: 0 auto;
	border: 3px solid #77933C;
	border-collapse:separate;
	border-radius: 15px 15px 0 0;
	overflow:hidden;
}

.th01 {
	text-align: left;
	font-size: 20px;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	background-color: #8DB890;
	line-height: 200%;
	border-bottom: 3px solid #77933C;
}

.td01 ul {
	padding-left: 0px;
	margin: 10px;
}

.td01 li {
	list-style: none;
	background: url(../img/check.jpg) top left no-repeat;
	padding: 3px 0px 3px 40px;
}

#sfinfo {
	width:74%;
	background: #DDEADD;
	margin: 30px auto 0 auto;
	padding: 10px 30px 10px 30px;
}

.mma-font1 img {
	float: right;
	width: 320px;
	margin: -80px 0 10px 10px;
}

#sfinfo img {
	float: right;
	width: 140px;
}

#title1 {
	padding: 0 0 10px 70px;
	border-bottom: 2px solid #8C79A2;
	background: url(../img/title1.png) top left no-repeat;
	height: 40px;
	color: #8C79A2;
	font-size: 23px;
	font-weight: bold;
}

#icon1 {
	background: url(../img/icon1.jpg) top left no-repeat;
	padding: 0 0 0 40px;
	font-weight: bold;
}

.table02 {
	margin: 0 auto 20px auto;
	border: 1px solid #8064A2;
	width: 50%;
	height: 390px;
	float: left;
}

.th02 {
	text-align: left;
	font-size: 16px;
	padding: 0 0 0 10px;
	background-color: #DFD8E8;
	line-height: 200%;
	border-bottom: 1px solid #8064A2;
	border-right: 1px solid #8064A2;
}

.td02 {
	border-right: 1px solid #8064A2;
	vertical-align: top;
}

.td02 ul {
	padding-left: 35px;
	margin: 10px;
}

.td02 li {
	list-style: upper-roman;
	padding: 3px 0px 3px 10px;
}

.seminar-img {
	float: right;
	text-align: center;
}

.book-img {
	float: right;
	text-align: center;
	margin: 0 0 10px 0;
}

.table03 {
	width:80%;
	margin: 0 auto;
	border: 3px solid #8064A2;
	border-collapse:separate;
	border-radius: 15px 15px 0 0;
	overflow:hidden;
}

.th03 {
	text-align: left;
	font-size: 20px;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	background-color: #9B8CB2;
	line-height: 200%;
	border-bottom: 3px solid #8064A2;
}

.td03 {
	padding: 20px;
}

#title2 {
	padding: 0 0 10px 70px;
	border-bottom: 2px solid #D1894E;
	background: url(../img/title2.png) top left no-repeat;
	height: 40px;
	color: #D1894E;
	font-size: 23px;
	font-weight: bold;
}

.icon2 {
	background: url(../img/icon2.jpg) top left no-repeat;
	padding: 0 0 0 40px;
	font-weight: bold;
}

#title3 {
	padding: 0 0 10px 70px;
	border-bottom: 2px solid #E12D0E;
	background: url(../img/title3.png) top left no-repeat;
	height: 40px;
	color: #E12D0E;
	font-size: 23px;
	font-weight: bold;
}

.table04 {
	width:80%;
	margin: 0 auto;
	border: 3px solid #953735;
	border-collapse:separate;
	border-radius: 15px 15px 0 0;
	overflow:hidden;
}

.th04 {
	text-align: left;
	font-size: 20px;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	background-color: #C3776E;
	line-height: 200%;
	border-bottom: 3px solid #953735;
}

.td04 {
	padding: 20px;
}

#title4 {
	padding: 0 0 10px 70px;
	border-bottom: 2px solid #6b8cb3;
	background: url(../img/title4.png) top left no-repeat;
	height: 40px;
	color: #6b8cb3;
	font-size: 23px;
	font-weight: bold;
}

.mma-jisseki {
	float: left;
	margin: 0 70px;
}

.mma-top-layout {
	text-align: center;
}

/********************************************************************
 mma insert 
 max-width: 800px
 2016/06 1st edition
/********************************************************************/
@media (max-width: 800px) {
	.hero-img-contain { position: relative; height: 280px; width:280px;}
	.hero-img {
		position: absolute;
		top: 0; left:50%;
		width: 100%;
		min-width: 10em;
	}
	.header-top h1, .header-top h2, .header-top p { padding-left: 16px;}

	/* mma insert */
	body { margin: 0 5px; }
	.mma-topimg { width: 100%; margin: 0;}

	.padded-sides {
		width: 100%;
		margin: 0 auto;
		line-height: 180%;
	}

	.mma-nayami {
		display: none;
	}

	.mma-title1 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #7CA6BC;
	}

	.mma-title2 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #8DB690;
	}

	.mma-title3 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #9B8CB2;
	}

	.mma-title4 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #C3776E;
	}

	.mma-center1, .mma-center2, .mma-center3 {
		text-align: left;
		margin: 0 auto;
		width: 100%;
	}

	.mma-center4 {
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}

	.mma-seminar1 img {
		width: 400px;
	}

	.mma-voice {
		border: 1px solid #cccccc;
		width: 95%;
		height: 100%;
		padding: 8px;
	}

	.btnsty img {
		width: 100%;
	}

	/* トップページ　講座開催スケジュールテーブル用 スマホ対応 */

	.kouza-list th {
	  display: none;
	}

	/* セルをブロックとして表示 */
	.kouza-list td {
	  display: block;
	  text-align: left !important;
	/*  white-space: nowrap;*/
	}

	.kouza-list br {
	  display: none;
	}

	/* 最初の項目に背景色を付ける */
	.kouza-list td:nth-child(1) {
		margin-top:20px;
		background-color: #cccccc;
	}

	.kouza-list td:nth-child(1):before {
		content: '講座：';
	}

	.kouza-list td:nth-child(2):before {
		content: '開催日：';
	}

	.kouza-list td:nth-child(3):before {
		content: '時間：';
	}

	.kouza-list td:nth-child(4):before {
		content: '場所：';
	}

	.kouza-list td:nth-child(5):before {
		content: '金額（税込）：';
	}

	.kouza-list td:nth-child(6):before {
	content: '状況：';
	}

	label:after {
		content: "\A" ;
		white-space: pre ;
	}

	/* 160719 insert 講座一覧非表示対応 */
	.mma-list-control {
		display: none;
	}

/* 161006 insert メールで送るボタン */
#sendMail {
	display: block;
}

/* 170305 insert sfintro新規テープルのスマホ対応 */

.table02 {
	margin: 0 auto 20px auto;
	border: 1px solid #8064A2;
	width: 100%;
	height: 390px;
}

.seminar-img {
	float: none;
	width: 100%;
}

.seminar-img img,
.mma-font1 img {
	float: none;
	width: 100%;
	margin: 0;
}

.table01,
.table03,
.table04 {
	width:100%;
}

.mma-koshi img {
	width: 100%;
}

.book-img {
	float: none;
	width: 100%;
	margin: 0;
}

.mma-jisseki {
	float: none;
	margin: 0;
}

.mma-top-layout {
	text-align: left;
}

}

/********************************************************************
 mma insert 
 max-width: 480px
 2016/06 1st edition
/********************************************************************/
@media (max-width: 480px) {
	.hero-img-contain { position: relative; height: 150px; width:180px;}
	.hero-img {
		position: absolute;
		top: 0; left: 20%;
		width: 100%;
		min-width: 8em;
	}
	.header-top h1 { font-size: 30px; line-height:36px; margin:0; padding:10px 0 0 0;}
	.header-top h2 { font-size: 20px; line-height:26px; margin:0; padding:10px 0 0 0;}
	.btn-big { font-size: 1.2em; }
	.hero-img-contain { position: relative; height: 10em; }

	/* mma insert */
	body { margin: 0 5px; }
	.mma-topimg { width: 100%; margin: 0;}

	.padded-sides {
		width: 100%;
		margin: 0 auto;
		line-height: 180%;
	}

	.mma-nayami {
		display: none;
	}

	.mma-title1 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #7CA6BC;
	}

	.mma-title2 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #8DB690;
	}

	.mma-title3 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #9B8CB2;
	}

	.mma-title4 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 18px;
		padding: 10px;
		width: 95%;
		background-color: #C3776E;
	}

	.mma-center1, .mma-center2, .mma-center3 {
		text-align: left;
		margin: 0 auto;
		width: 95%;
	}

	.mma-center4 {
		text-align: center;
		margin: 0 auto;
		width: 95%;
	}

	.mma-seminar1 img {
		width: 100%;
	}

	.mma-voice {
		border: 1px solid #cccccc;
		width: 95%;
		height: 100%;
		padding: 8px;
	}

	.btnsty img {
		width: 100%;
	}

	/* トップページ　講座開催スケジュールテーブル用 スマホ対応 */

	.kouza-list th {
		display: none;
	}

	/* セルをブロックとして表示 */
	.kouza-list td {
		display: block;
		text-align: left !important;
	/*  white-space: nowrap;*/
	}

	.kouza-list br {
		display: none;
	}

	/* 最初の項目に背景色を付ける */
	.kouza-list td:nth-child(1) {
		margin-top:20px;
		background-color: #cccccc;
	}

	.kouza-list td:nth-child(1):before {
		content: '講座：';
	}

	.kouza-list td:nth-child(2):before {
		content: '開催日：';
	}

	.kouza-list td:nth-child(3):before {
		content: '時間：';
	}

	.kouza-list td:nth-child(4):before {
		content: '場所：';
	}

	.kouza-list td:nth-child(5):before {
		content: '金額（税込）：';
	}

	.kouza-list td:nth-child(6):before {
		content: '状況：';
	}

	label:after {
		content: "\A" ;
		white-space: pre ;
	}

	/* 160719 insert 講座一覧非表示対応 */
	.mma-list-control {
		display: none;
	}

/* 161006 insert メールで送るボタン */
#sendMail {
	display: block;
}

/* 170305 insert sfintro新規テープルのスマホ対応 */

.table02 {
	margin: 0 auto 20px auto;
	border: 1px solid #8064A2;
	width: 100%;
	height: 390px;
}

.seminar-img img,
.mma-font1 img {
	float: none;
	width: 100%;
	margin: 0;
}

.table01,
.table03,
.table04 {
	width:100%;
}

.mma-koshi img {
	width: 100%;
}

.book-img {
	float: none;
	width: 100%;
	margin: 0;
}

.mma-jisseki {
	float: none;
	margin: 0;
}

.mma-top-layout {
	text-align: left;
}

}