@charset "UTF-8";
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 18px;
	font-family: -apple-system, 'Lucida Grande', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'メイリオ', '游ゴシック', meiryo, sans-serif;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: black;
}
/*　-------------------------------- 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: #1c79b6;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	width: 100%;
	padding: 17px;
	margin: 0 0 30px;
}

.heading2 {
	font-weight: bold;
	text-align: center;
	color: #1c79b6;
	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 #1c79b6;
	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;
	margin: 5px 0;
	font-size: 20px;
}

.line01-title {
	font-size:23px;
}

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

.line02-title {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
	font-size: 26px;
	line-height: 200%;
	font-weight: bold;
}


.point_bg {
	background-color:#1c79b6;
	width: 100%;
}
div.d3 {
	background-color: #999;
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	margin: 25px 0;
}
div.d2 {
	display: table;
	padding: 15px;
	line-height: 170%;
	height: 100%;
}
.d2 img {
	width: 151px;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 30px 20px 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/*赤*/ {
	color: #ffffff;
	font-weight: bold;
	padding: 20px 20px;
	background: -webkit-linear-gradient(top, #ea5541, #d80c1e 10%, #d80c1e 80%, #802000);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:  5px 5px 2px 0px rgba(0,0,0,0.4), inset 0px 0px 3px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.4), inset 0px 0px 3px rgba(255, 255, 255, 1);
	box-shadow:  5px 5px 2px 0px rgba(0,0,0,0.4), 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: 2em;
	border: solid 2px #ec7800;
}
.btnFrame_link2/*グリーン*/ {
	color: #ffffff;
	font-weight: bold;
	padding: 20px 20px;
	background: -webkit-linear-gradient(top, #2bb32b, #008000 10%, #008000 80%, #006400);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:  5px 5px 2px 0px rgba(0,0,0,0.4), inset 0px 0px 3px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.4), inset 0px 0px 3px rgba(255, 255, 255, 1);
	box-shadow:  5px 5px 2px 0px rgba(0,0,0,0.4), 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: 2em;
	border: solid 2px #006611;
}

.btnFrame_link3/*オレンジ*/ {
	color: #ffffff;
	font-weight: bold;
	padding: 20px 20px;
	background: -webkit-linear-gradient(top, #ffaa00, #ff8000 10%, #ff8000 80%, #b35900);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:  5px 5px 2px 0px rgba(0,0,0,0.4), inset 0px 0px 3px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.4), inset 0px 0px 3px rgba(255, 255, 255, 1);
	box-shadow:  5px 5px 2px 0px rgba(0,0,0,0.4), 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: 2em;
	border: solid 2px #ec7800;
}

.flex-1 {
	flex: 1;
}
.upperbtn {
	margin-bottom: 10px;
}
/*　-------- 成功事例 ------- */

#imgTxt{
	padding:25px 0;
}

.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: 5px 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;
}
section table {
	width: 100%;
}
section th, section td {
	padding: 15px;
	border: 1px solid #7E7C7C;
}
.demo01 th {
	background: #fcf0f9;
}

.demo02 th {
	background: #fff6f7;
}

.demo01 th {
	width: 20%;
	text-align: left;
}
.demo01 td {
	text-align: left;
}

.demo02 th {
	width: 20%;
	text-align: left;
}
.demo02 td {
	text-align: left;
}

.bg-wh {
	border: #1985a0 1px solid;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
	margin-top: 30px;
	font-size: 14px;
	margin-bottom: 60px;
}
.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;
}

.profile-text{
	font-size: 16px;
	margin-top: 20px;
}



/*メルマガ購読*/

.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;

}

.free-text-area{
	width:900px !important;	
}


.floating {
  position: fixed;
  right: 5px;
  bottom: 5px;
  display: none;
  z-index: 10;
}
.floating a {
  display: block;
  color: #fff;
  padding: 8px;
  text-decoration: none;
}
.floating a:hover {
  opacity: 0.6;
}

.floating img{
  width: 200px;
}

/*　-------- フッター ------- */
#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 !important;
}
.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 #7E7C7C;
}
	
.demo02 {
	margin: 0;
}
.demo02 th, .demo02 td {
	width: 100%;
	display: block;
	border-top: none;
}
.demo02 tr:first-child th {
	border-top: 1px solid #7E7C7C;
}
.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%;
}
}

@import "compass/reset";

section {
    position: relative;
    padding: 35px 15px;
    
    &:before {
        display: block;
        position: absolute;
        top: 0; left: -10%;
        margin-top: -25px;
        width: 120%; height: 50px;
        content: "";
        transform: rotate(5deg);
    }
}

h1 {
    color: #fff;
    font: 30px "AvenirNext-Heavy";
}

p {
    margin-top: 20px;
}

.wrapper {
    width: 465px;
    overflow: hidden;
}


.blue {
    background: #1c79b6;
    overflow: hidden;
    
    &:before {
        background: #dc5252;
    }
}