@charset "UTF-8";
/* CSS Document */

/******************

リセット系設定

******************/

html, body, section, header, div, h1, h2, p, ul, li, dl, dd, dt, a, img {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1;
	background-color: #eee;
}
a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/******************

共通設定

******************/

/*各項目ヘッダー*/

.h1set {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/hback01.png);
	background-repeat: no-repeat;
	height: 121px;
	text-align: center;
	padding-top: 30px;
	position: relative;
}
/*中間ボタン部分*/

.btn>div {
	background-image: url(../images/btn_back.png);
	height: 200px;
	margin-bottom: 120px;
	background-position: center center;
	box-shadow : 0px 1px 5px rgba(0, 0, 0, 0.2);
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#595757', endColorstr='#231815', GradientType=0);
}
.btn>div>div {
	width: 960px;
	height: 200px;
	display: table;
	margin: 0 auto;
}
.btn h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 640px;
}
.btn p {
	display: table-cell;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size : 16px;
	line-height : 24px;
	color : #FFFFFF;
	width: 320px;
	vertical-align: middle;
}
.btn p>img {
	display: block;
}
.btn a {
	display: block;
	margin: 20px auto 0 auto;
	width: 360px;
	height: 80px;
	text-align: right;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/******************

グラデーション設定

******************/

/*ブラックグラデーション*/
.brd {
	background-color: #231815;
	background : -moz-radial-gradient(50% 50%, circle farthest-corner, rgba(89, 87, 87, 1) 0%, rgba(35, 24, 21, 1) 100%);
	background : -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(89, 87, 87, 1) 0%, rgba(35, 24, 21, 1) 100%);
	background : -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 694.87, color-stop(0, rgba(89, 87, 87, 1) ), color-stop(1, rgba(35, 24, 21, 1) ));
	background : -o-radial-gradient(50% 50%, circle farthest-corner, rgba(89, 87, 87, 1) 0%, rgba(35, 24, 21, 1) 100%);
	background : -ms-radial-gradient(50% 50%, circle farthest-corner, rgba(89, 87, 87, 1) 0%, rgba(35, 24, 21, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2)";
	background : radial-gradient(50% 50%, circle farthest-corner, rgba(89, 87, 87, 1) 0%, rgba(35, 24, 21, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
}
/*ゴールドグラデーション*/

.grd {
	background : -moz-linear-gradient(50% 0% -90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 80%);
	background : -webkit-linear-gradient(-90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 80%);
	background : -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(238, 201, 131, 1) ), color-stop(0.8, rgba(199, 137, 3, 1) ));
	background : -ms-linear-gradient(-90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 80%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEC983', endColorstr='#C78903' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 80%);
	box-shadow : 0px 1px 5px rgba(0, 0, 0, 0.2);
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEC983', endColorstr='#C78903', GradientType=0);
}
/*ゴールドグラデーションホバー*/

.a_grd:hover {
	background : -moz-linear-gradient(50% 0% -90deg, rgba(248, 220, 114, 1) 0%, rgba(251, 162, 0, 1) 80%);
	background : -webkit-linear-gradient(-90deg, rgba(248, 220, 114, 1) 0%, rgba(251, 162, 0, 1) 80%);
	background : -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(248, 220, 114, 1) ), color-stop(0.8, rgba(251, 162, 0, 1) ));
	background : -ms-linear-gradient(-90deg, rgba(248, 220, 114, 1) 0%, rgba(251, 162, 0, 1) 80%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DC72', endColorstr='#FBA200' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(248, 220, 114, 1) 0%, rgba(251, 162, 0, 1) 80%);
	box-shadow : 0px 1px 5px rgba(0, 0, 0, 0.2);
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DC72', endColorstr='#FBA200', GradientType=0);
}
/*フッターグラデーション*/
.f_grd {
	background : -moz-linear-gradient(50% 0% -90deg, rgba(243, 218, 139, 1) 0%, rgba(238, 201, 131, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(243, 218, 139, 1) 0%, rgba(238, 201, 131, 1) 100%);
	background : -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(243, 218, 139, 1) ), color-stop(1, rgba(238, 201, 131, 1) ));
	background : -ms-linear-gradient(-90deg, rgba(243, 218, 139, 1) 0%, rgba(238, 201, 131, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3DA8B', endColorstr='#EEC983' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(243, 218, 139, 1) 0%, rgba(238, 201, 131, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3DA8B', endColorstr='#EEC983', GradientType=0);
}
/*セクションヘッダーグラデーション*/
.s_grd {
	background : -moz-linear-gradient(50% 0% -90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 100%);
	background : -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(238, 201, 131, 1) ), color-stop(1, rgba(199, 137, 3, 1) ));
	background : -o-linear-gradient(-90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEC983', endColorstr='#C78903' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(238, 201, 131, 1) 0%, rgba(199, 137, 3, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEC983', endColorstr='#C78903', GradientType=0);
}
/******************

ヘッダー設定

******************/

header {
	background-color: #fff;
}
header>div {
	width: 960px;
	height: 66px;
	margin: 0 auto;
	display: table;
}
header h1, header h2 {
	display: table-cell;
}
header h2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size : 14px;
	letter-spacing : 0.7px;
	color : #000000;
	text-align: left;
	vertical-align: middle;/*background-image: url(../images/header_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 70px;*/
}
header h1 {
	text-align: right;
	vertical-align: middle;
}
/******************

ファーストビュー設定

******************/

.fv>div {
	height: 351px;
}
.fv>div>div {
	width: 960px;
	margin: 0 auto;
	display: table;
	height: 351px;
	background-image: url(../images/fv02.png);
	background-repeat: no-repeat;
	background-position: right 30px;
}
.fv p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
/******************

ナビゲーション設定

******************/

nav div {
	margin-bottom: 80px;
}
nav ul {
	height: 80px;
	width: 960px;
	margin: 0 auto;
	display: table;
	border-right: 1px solid #000;
	table-layout: fixed;
}
nav li {
	display: table-cell;
	height: 80px;
	position: relative;
}
nav a {
	border-left: 1px solid #000;
	height: 80px;
	display: table-cell;
	list-style: none;
	text-align: center;
	vertical-align: middle;
	width: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
nav a img {
	height: 38px;
	width: auto;
}
/*nav ul li:nth-child(3):before{
	content:"comming soon";
	color: #fff;
	font-size: 20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	display: block;
	position: absolute;
	width: 240px;
	line-height: 82px;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	
}*/

/******************

日程設定

******************/
.nittei div {
	text-align: center;
	margin-bottom: 80px;
}
/******************

このような方におすすめ設定

******************/
.list div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	/*background-image: url(../images/waku_back01.png);
	background-repeat: no-repeat;
	padding-top: 24px;*/
	padding-bottom: 35px;
}
.list h1 {
	text-align: center;
	margin-bottom: 45px;
	padding: 24px 0;
}
.list ul {
	text-align: center;
}
.list li {
	list-style: none;
	display: inline-block;
	margin: 10px 10px;
}
/******************

五つのメソッド設定

******************/

.five div {
	width: 960px;
	margin: 0 auto 160px auto;
}
.five ul {
	margin-top: -35px;
}
.five li {
	list-style: none;
	height: 240px;
	background-repeat: no-repeat;
	position: relative;
	z-index: -1;
}
.five li:nth-child(1) {
	background-image: url(../images/five_back01.jpg);
	height: 270px;
}
.five li:nth-child(2) {
	background-image: url(../images/five_back02.jpg);
}
.five li:nth-child(3) {
	background-image: url(../images/five_back06.jpg);
}
.five li:nth-child(4) {
	background-image: url(../images/five_back03.jpg);
}
.five li:nth-child(5) {
	background-image: url(../images/five_back04.jpg);
}
.five li:nth-child(6) {
	background-image: url(../images/five_back05.jpg);
}
.five h2 {
	position: absolute;
}
.five p {
	font-size : 14px;
	line-height : 24px;
	color : #FFFFFF;
	width: 600px;
	position: absolute;
}
.five li:nth-child(odd) h2 {
	left: 40px;
	top: 40px;
}
.five li:nth-child(odd) p {
	left: 40px;
	top: 105px;
}
.five li:nth-child(even) h2 {
	left: 320px;
	top: 40px;
}
.five li:nth-child(even) p {
	left: 320px;
	top: 105px;
}
.five li:nth-child(1) h2 {
	left: 40px;
	top: 70px;
}
.five li:nth-child(1) p {
	left: 40px;
	top: 135px;
}
.five .four {
	background : #C79F62;
	padding-bottom: 40px;
	margin-top: 120px;
}
.five .four h2 {
	height: 80px;
	background : #6E604D;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 22px;
	text-align: center;
	position: inherit;
}
.five .four div {
	background-image: url(../images/waku_back02.png);
	width: 889px;
	height: 271px;
	background-repeat: no-repeat;
	margin: 40px auto 0 auto;
	position: relative;
}
.five .four h3 {
	border-bottom : Solid #C79F62 1px;
	width : 580px;
	padding-bottom: 15px;
	padding-left: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 35px;
	left: 270px;
	/*見出し非表示*/
	display: none;
}
.five .four p {
	font-size : 13px;
	line-height : 24px;
	color : #000000;
	width: 580px;
	position: absolute;
	/*top: 100px;*/
	top: 35px;
	left: 270px;
}
.five .four figure {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 40px;
	top: 35px;
}
.five .four figcaption {
	position: absolute;
	top: 155px;
	left: 10px;
	font-size : 12px;
	line-height : 18px;
	color : #FFFFFF;
}
/******************

No.2の重要性設定

******************/

.two>div {
	width: 960px;
	margin: 0 auto 120px auto;
	background-color: #fff;
	padding-bottom: 0;
}
.two .fst {
	width: 880px;
	margin: 55px auto 45px auto;
	background-image: url(../images/two_img01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.two .fst h2 {
	margin-bottom: 25px;
}
.two .fst p {
	width: 550px;
	font-size : 14px;
	line-height : 24px;
	color : #000000;
}
.two .sec {
	width: 896px;
	height: 373px;
	background-image: url(../images/two_board.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
}
.two .sec p {
	position: absolute;
	left: 30px;
	top: 175px;
	font-size : 13px;
	line-height : 24px;
	color : #FFFFFF;
	width: 570px;
}
.two .trd {
	margin-bottom: 0;
}
.two .trd a {
	display: block;
	width: 486px;
	height: 86px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 3px solid #000000;
	text-align: right;
	padding: 21px 10px;
	position: relative;
}
.two .trd a:before {
	content: "";
	display: block;
	background-image: url(../images/two_btn_kazari.png);
	width: 129px;
	height: 109px;
	position: absolute;
	left: -85px;
	top: -40px;
	background-repeat: no-repeat;
}
/******************

セミナー概要

******************/

.gaiyou div {
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}
.gaiyou h1 {
	margin-bottom: 10px;
}
.gaiyou ul {
	width: 880px;
	margin: 0 auto 40px auto;
	background-image: url(../images/gaiyou_img.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.gaiyou li {
	list-style: none;
	margin-bottom: 35px;
}
.gaiyou .map {
	width: 320px;
	height: 240px;
	background-color: #000000;
	position: absolute;
	top: 30px;
	right: 40px;
}
.gaiyou .fst>img {
	display: block;
	margin: 0 auto 30px auto;
}
/******************

受講予約

******************/
.form {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.form h1 {
	margin-bottom: 60px;
}
.form>div {
	width: 960px;
	margin: 0 auto 60px auto;
	background-color: #fff;
	padding-bottom: 90px;
}
.form>div>div {
	width: 800px;
	margin: 0 auto;
}
.form>div>div>img {
	display: block;
	margin: 0 auto 50px auto;
}
.form p {
	text-align: center;
	font-size : 20px;
	line-height : 32px;
	color : #000000;
	padding-bottom: 30px;
	border-bottom: 1px solid #C78903;
	margin-bottom: 30px;
}
.form p.sub {
	text-align: center;
	font-size : 16px;
	line-height : 32px;
	color : #000000;
	padding-bottom: 30px;
	border: none;
	margin-bottom: 30px;
}
.form table {
	width: 660px;
	border-collapse: separate;
	border-spacing: 40px;
	font-size : 18px;
	line-height: 30px;
	margin: 0 auto 20px auto;
}
.form th {
	text-align: left;
	width: 220px;
}
.form span {
	border-left: 5px solid #C78903;
	padding-left: 15px;
	display: block;
}
.form span.comment {
	border: none;
	font-size: 12px;
	padding-left: 0;
	letter-spacing: -0.1em;
}
.form td {
	vertical-align: top;
}
input[type="text"], input[type="email"], input[type="tel"] {
	width: 100%;
	font-size: 18px;
	padding: 3px;
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="radio"] {
	margin-right: 20px;
}
td label:first-child {
	margin-right: 50px;
}
.selectdiv {
	border: 1px solid #000;
	width: 200px;
	overflow: hidden;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 260px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-radius: 0;
	font-size: 16px;
	padding-left: 10px;
	border: none;
	background-image: url(../images/select_ya.png);
	background-repeat: no-repeat;
	background-position: 180px center;
}
form>div {
	text-align: center;
}
button {
	width : 300px;
	height : 60px;
	margin: 0 auto;
	display: inline-block;
	border: none;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
button[type="submit"] {
	text-align: right;
	padding-right: 10px;
}
button[type="button"] {
	text-align: left;
	padding-left: 10px;
	background-color: #CECECE;
	margin-right: 20px;
}
.thanks {
	margin-top: 60px;
	text-align: center;
}
.thanks a {
	width : 300px;
	margin: 0 auto;
	display: inline-block;
	border: none;
	padding: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	padding-left: 10px;
	background-color: #CECECE;
	margin-right: 20px;
}
/******************

出張公演。2016/03/01追加。

******************/

.lecture div {
	text-align: center;
	margin-bottom: 60px;
}
/******************

フッター

******************/

footer p {
	background-color: #000;
	text-align: center;
}
footer ul {
	text-align: center;
}
footer li {
	display: inline;
	line-height: 40px;
	font-size : 14px;
	color : #000000;
	border-left: 1px solid #000;
}
footer li:first-child {
	border: none;
}
footer a {
	padding: 0 20px;
}
footer small {
	display: block;
	background-color: #000;
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}