@charset "UTF-8";

* {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

body {

	font-size: 20px;

	font-family: -apple-system, 'Lucida Grande', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'メイリオ', '游ゴシック', meiryo, sans-serif;

	margin: 0;

	-webkit-text-size-adjust: 100%;

	background: #fff;

}

/*　-------------------------------- PC -------------------------------- */

h1 {

	margin: 0;

	padding: 0;

}

h2, p, dl, dt, span {

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;

}

h2 {

	font-size: 2em;

	font-weight: bold;

	margin-bottom: 30px;

}

a img {

	border-style: none;

}

img {

	width: 100%;

}

li {

	list-style: none;

}

.forpc {

	display: block;

}

.forsp {

	display: none;

}

.fs06 {

	font-size: 0.6em;

}

.fs08 {

	font-size: 0.8em;

}

.fs12 {

	font-size: 1.2em;

}

.fs15 {

	font-size: 1.5em;

}

.pb0 {

	padding-bottom: 0 !important;

}

.mt40 {

	margin-top: 40px;

}

.mb20 {

	margin-bottom: 20px !important;

}

.heading {

	background-color: #000;

	font-weight: bold;

	text-align: center;

	color: #FFF;

	width: 100%;

	padding: 17px;

	margin: 0 0 30px;

}



.heading2 {

	font-weight: bold;

	text-align: center;

	color: #000;

	width: 100%;

	padding: 17px;

	margin: 0 0 30px;

}



.cont-in {

	width: 100%;

	max-width: 940px;

	margin: 0 auto;

	padding-bottom: 30px;

}

.cont-in2 {

	width: 100%;

	max-width: 940px;

	margin: 0 auto 0;

	padding: 0;

}

/*　-------- ヘッダー ------- */

.headerWidth {

	width: 100%;

	max-width: 1280px;

	margin: 0 auto;

}

.headerWidth p {

	margin: 0px auto;

}

.headerLogo {

	max-width: 200px;

}

.header_tel-r300 {

	float: right;

	max-width: 300px;

}

/*　-------- メインビジュアル ------- */

.center_tac {

	text-align: center;

}

.center_inb {

	display: inline-block

}

.center_tac img {

	max-width: 1280px;

}

.mainVisial_bg {

	background: url(image/haeder-bg.jpg) center top;

	background-size: cover;

	width: 100%

}

.mainVisial_img {

	display: block;

	padding: 0px;

	max-width: 1280px;

	width: 100%;

	margin: 0 auto;

}

.mainVisial_img img {

	/*width: 92%;*/

	max-width: 1280px;

}

span.c6 {

	z-index: 0;

	position: relative;

}

/*　-------- このような方にオススメ ------- */

.bgAndTxt {

	width: 100%;

	/*background: url(image/osusume-bg.png) fixed center;*/

}

.bgAndTxt_sub {

	font-size: 1.5em;

	margin: 0 auto;

	color: #FFF;

}

.txtborder {

	text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000;

	text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;

}

.bgAndTxt_frame {

	padding: 25px 35px 10px 35px;

	background: #fff;

	border: 1px solid #000;

	border-radius: 10px;

	width: 100%;

	max-width: 980px;

}

.bgAndTxt_frame-list {

	padding: 0;

}

.bgAndTxt_frame-list li {

	margin-bottom: 15px;

	padding: 0 0 5px 45px;

	background: url(image/ico_check01.png) no-repeat left;

	font-weight: bold;

}

.bgAndTxt_frame-list li .line01 {

	display: inline-block;

	border-bottom: 2px dotted #ffa60b;

}



.line01-title {

	font-size:23px;

}



/*　-------- 本セミナーのポイント ------- */

.point_bg {

	background-color:#000;

	width: 100%;

}

div.d3 {

	background-color: #999;

	background: #fff;

	border-radius: 5px;

	padding: 15px;

	margin: 25px 0;

}

div.d2 {

	display: table;

	padding: 15px;

	font-weight: bold;

	line-height: 170%;

	height: 100%;

}

.d2 img {

	width: 151px;

	display: table-cell;

	vertical-align: middle;

	padding: 61px 30px 61px 0;

}

.d2 p {

	display: table-cell;

	vertical-align: middle;

}

/*　-------- 申込みボタン ------- */

.btnFrame {

	width: 100%;

	max-width: 1280px;

	margin: 20px auto 0;

	padding-bottom: 30px;

}

.btnFrame a {

	text-decoration: none;

}

.btnFrame_link1/*赤*/ {

	background: linear-gradient(to bottom, #ea5541, #d80c1e);

	color: #ffffff;

	padding: 10px 20px;

	background: -moz-linear-gradient( top, #ffd012 0%, #ff8605);

	background: -webkit-gradient( linear, left top, left bottom, from(#ea5541), to(#d80c1e));

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);

	font-size: 1.3em;

}

.btnFrame_link2/*グリーン*/ {

	background: linear-gradient(to bottom, #81ea47, #47a80d);

	color: #ffffff;

	padding: 10px 20px;

	background: -moz-linear-gradient( top, #ffd012 0%, #ff8605);

	background: -webkit-gradient( linear, left top, left bottom, from(#81ea47), to(#47a80d));

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);

	font-size: 1.3em;

}



.btnFrame_link3/*オレンジ*/ {

	background: linear-gradient(to bottom, #6fb8ec, #0081dc);

	color: #ffffff;

	padding: 10px 20px;

	background: -moz-linear-gradient( top, #ffd012 0%, #ff8605);

	background: -webkit-gradient( linear, left top, left bottom, from(#FFCD11), to(#FA9E00));

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);

	font-size: 1.3em;

}



.flex-1 {

	flex: 1;

}

.upperbtn {

	margin-bottom: 10px;

}

/*　-------- 成功事例 ------- */



#imgTxt{

	padding:25px 0;

	margin-bottom: 30px;

}



.imgTxt_heading {

	color: #fff798;

	font-weight: bold;

	padding-bottom: 10px;

	border-bottom: #224D8C 1px double;

	font-size: 22px;

}

.column p.text {

	margin: 25px 0 0;

}

.imgTxt_cont {

	border-bottom: #CCC 1px solid;

}

.imgTxt_cont:last-child {

	border-bottom: none !important;

	margin-bottom: 0;

}

.column p.text {

	margin: 20px 0 0;

}

.column_point .point_area * {

	color: #000;

}

.column_point .point_area .img_text, .column_point .point_area .text_img {

	display: block;

	-js-display: flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	-webkit-align-items: center;

	align-items: center

}

.column_point .point_area .img_text {

	margin: 30px 0;

}

.column_point .point_area .img_text .img_area, .column_point .point_area .text_img .img_area {

	width: 40%;

	margin-right: 3%;

}

.column_point .point_area .img_text .text_area, .column_point .point_area .text_img .text_area {

	width: 57%;

}

.column_point .point_area .img_text .img_area p img, .column_point .point_area .text_img .img_area p img {

	width: 100%;

}



.voice-col-md-t {

	padding:0px;

}



.voice-p {

	padding: 0 15px;

}



/*　-------- セミナーの詳細 ------- */

.overview_bg {

	background: URL(image/img_back_gaikan2.jpg) no-repeat top;

	background-attachment: fixed;

	padding-bottom: 1px;

}

.overview_frame {

	margin: 0 auto 30px;

	width: 100%;

	max-width: 940px;

	background-color: #FFF;

	opacity: 0.8;

	padding: 30px;

}

.overview_cont {

	width: 100%;

	max-width: 980px;

	margin: 0 auto;

}

div.c18 {

	margin: auto;

	text-align: center !important;

	width: 100%;

	max-width: 980px;

	padding-top: 20px;

}

section table {

	width: 100%;

}

section th, section td {

	padding: 20px;

	border: 1px solid #ddd;

}

section th {

	background: #f4f4f4;

}

.demo01 th {

	width: 20%;

	text-align: left;

}

.demo01 td {

	text-align: left;

}

.bg-wh {

	border: #1985a0 1px solid;

	width: 100%;

	background: #fff;

	box-sizing: border-box;

	padding: 20px;

	margin-top: 30px;

}

.bg-wh p.longtxt {

	margin-bottom: 0;

}

/*　-------- 講師紹介 ------- */

.speaker .img_text {

	background-color: rgba(255,255,255,0.8);

	padding: 30px;

}

.speaker_name {

	color: #fff798;

	font-weight: bold;

	padding-bottom: 10px;

	border-bottom: #224D8C 1px double;

}

.speaker_name span {

	font-size: 1.2em;

}

ul.longtxt {

	list-style-position: inside;

}

ul.longtxt li {

	padding-left: 1em;

	text-indent: -1em;

}



.koushi-img-area {

	width:156px !important;

}



.koushi-text-area {

	width:694px !important;

}



/*メルマガ購読*/



.btnFrame_link-mail {

	background: linear-gradient(to bottom, #53c73e, #1d6f18);

    color: #ffffff !important;

    padding: 10px 20px;

    background: -moz-linear-gradient( top, #53c73e 0%, #1d6f18);

    background: -webkit-gradient( linear, left top, left bottom, from(#53c73e), to(#1d6f18));

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 1);

    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);

    font-size: 1.3em;



}



.btn-mail {

	margin-top: 15px;

    padding: 0;

    text-align: center;

}



.btn-mail a:hover {

	text-decoration:none;



}









/*　-------- フッター ------- */

#footer {

	background: #000000 none repeat scroll 0 0;

	color: #ffffff;

	text-align: center;

	font-size: 12px;

}

/*　-------------------------------- SP -------------------------------- */

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

body {

	font-size: 16px;

}

h2 {

	font-size: 1.5em;

}

.forpc {

	display: none;

}

.forsp {

	display: block;

}

.cont-in {

	width: auto;

}

/*　-------- このような方にオススメ ------- */

.bgAndTxt_frame {

	padding: 15px 15px 0;

	width: auto;

	margin: 0 15px;

}

/*　-------- 本セミナーのポイント ------- */

.point_bg {

	width: auto;

}

div.d3 {

	width: auto;

	padding: 15px;

	margin: 0 15px 15px;

}

div.d2 {

	display: block;

	padding: 0;

	margin-top: 15px;

}

.d2 img {

	display: block;

	width: 20%;

	float: left;

	padding: 0;

}

.d2 p {

	width: 78%;

	float: right;

	padding: 0;

	margin-bottom: 0;

}

/*　-------- 申込みボタン ------- */

.btnFrame {

	margin: 30px auto 0;

	padding-bottom: 20px;

}

/*　-------- 成功事例 ------- */

.imgTxt_heading {

	font-size: 18px;

}

.column p.text {

	margin: 15px 0 0;

}

.column_point .point_area .img_text {

	margin: 15px 0;

}

.column_point .point_area .img_text .img_area, .column_point .point_area .text_img .img_area {

	width: 100%;

	margin: 0 15px;

}

.column_point .point_area .img_text .text_area, .column_point .point_area .text_img .text_area {

	width: 100%;

	margin: 15px 15px 0;

}



.voice-p {

	margin:15px !important;

}



/*　-------- セミナーの詳細 ------- */

.overview_bg {

	margin-top: 30px;

	background: URL(image/img_back_gaikan2.jpg) no-repeat top;

	background-size:cover;

	padding-bottom: 1px;

}

.overview_frame {

	width: auto;

	margin: 0 15px 30px;

	padding: 15px;

}

section th, section td {

	padding: 10px;

}

.demo01 {

	margin: 0;

}

.demo01 th, .demo01 td {

	width: 100%;

	display: block;

	border-top: none;

}

.demo01 tr:first-child th {

	border-top: 1px solid #ddd;

}

.bg-wh {

	margin-top: 15px;

}

/*　-------- 講師紹介 ------- */

.speaker {

	margin: 15px;

}

.speaker .img_text {

	padding: 15px 0;

}







/*　-------- スマホ用申込みボタン ------- */

.divtable {

	display: table;

	max-width: 1280px;

	width: 96%;

	margin: 0 auto;

	vertical-align: top;

}

.divtbl2 {

	display: table-row;

	text-align: center;

	vertical-align: middle;

}

.divtbl2 > div {

	display: table-cell;

	vertical-align: top;

}

.sticky {

	position: -webkit-sticky;

	position: sticky;

	bottom: 5px;

	z-index: 100;

}

.sticky img {

	width: 100%;

}

}