@charset "UTF-8";

/*
Theme Name: ivix
Description: ivix
Theme URI:
Author: hiroyuki OKADA
Author URI: http://ivix-design.co.jp/
Version: 1.01
*/

/*===============================

    1 基本書式

================================*/

/*
    1-0 リセットCSS
================================*/
.ec_experience ul li img, .steptxt img{
  width: 100% !important;
}

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  /*font-size: 14px;*/
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
  display:block;
}
body {
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
figure {
    padding: 0;
    margin: 0;
}

/*
    1-1 リンク設定
================================*/

a {
    color: #369;
}
a:hover {
	color: #555;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a.img-over {
    /*border-bottom: 0px solid #0986ba;*/
    border-bottom: 0px solid #000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
a.img-over:hover {
    border-bottom: 5px solid #0986ba;
}
p.more a {
    background: -moz-linear-gradient(top, #0986ba, #22a5dc);
    background: -webkit-gradient(linear, left top, left bottom, from(#0986ba), to(#22a5dc));
    display: block;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    /*font-size: 13px;*/
    max-width: 100px;
    border: 2px solid #0986ba;
}
p.more a:after {
    content: '';
    background-image: url("../images/common/icon/icon_arrow_rw.png");
    width: 7px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    margin-left: 0px;
    transition: .1s;
}
p.more a:hover:after {
    margin-left: 10px;
    transition: .1s;
}

/*
    1-2 書式設定
================================*/
.single_page_content p {
	font-size: 16px;
}
.single_page_content h2 {
    margin: 50px 0px;
    font-size: 40px;
    text-align: center;
    line-height: 1;
}
ul.head_action {}
ul.head_action li {
    max-width: 35%;
    margin-bottom: 20px;
}
ul.head_action li a {
    background-color: #0f8ebf;
    color: #fff;
    text-decoration: none;
    padding: 15px;
    display: block;
    font-size: 20px;
    text-align: center;
    border-radius: 30px;
    letter-spacing: 0.1em;
    background-image: url(../images/common/icon/icon_arrow_rw.png);
    background-repeat: no-repeat;
    background-position: 90%;
    transition: .1s;
    background-size: 10px;
    margin: 10px 0;
    padding-right: 30px;
}
ul.head_action li a:hover {
    background-position: 92%;
    transition: .1s;
}


/*
	ページトップへのリンク
===========================================*/
p.pagetop {
	position: fixed;
	bottom: 20px;
	left: 50%;
	margin-left: -35px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	width: 70px;
	text-align: center;
}
p.pagetop a img {
	width: 50px;
}
/* floatを解除 */
.cb{
  clear: both;
}

/*
	ふわっと表示
===========================================*/

.fadeIn_up {
	opacity: 0;
	transform: translate(0, 50%);
	transition: 2s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}

/*
	jQueryスライダー
===========================================*/
.slider {
    margin: auto;
    max-width: 500px;
}
.slick-dots li button:before {
    font-size: 60px !important;
    width: 60px;
    height: 60px;
}
	/*
	   講座の様子
	================================*/
	.lecture-gallery{
		text-align: center !important;
	}
	.lecture-gallery-item img{
		width: 65% !important;
	}
/*==========================スマートフォン版コンテンツ部分ここから===========================================*/
@media screen and (max-width:382px) {
    /*　画面サイズが382pxまではここを読み込む　*/
	/*
		ヘッダー部分　スマホ /幅382pxまではここを読み込む
	=================================*/
	#header {display: none;}
	#header_ipad {display: none;}
	
	#header_sp{
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	#header_sp .mail{
		width: 25px;
		margin-top: 15px;
		margin-left: 10px;
		float: left;
	}
	#header_sp .tel{
		width: 25px;
		margin-top: 15px;
		margin-left: 30px;
		float: left;
	}

	#header_sp .logo{
		width: 100px;
		margin-top: 10px;
		margin-left: 30px;
		float: left;
	}
	
	#header_sp .toiawase{
		background-color: #fadf74;
		padding: 15px 5px;
		text-align: center;
		float: right;
		height: 50px;
		font-size: 16px;
	}

	#header_sp h2{
		font-size: 10px;
		color: #FFFFFF;
		background: #000000;
		text-align: center;
	}
}


@media screen and (min-width:383px) and ( max-width:480px) {
    /*　画面サイズが383pxから480pxまではここを読み込む　*/
	
	/*
		ヘッダー部分　スマホ /幅383pxから480pxまではここを読み込む
	=================================*/
	#header {display: none;}
	#header_ipad {display: none;}
	
	#header_sp{
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	#header_sp .mail{
		width: 25px;
		margin-top: 15px;
		margin-left: 10px;
		float: left;
	}
	#header_sp .tel{
		width: 25px;
		margin-top: 15px;
		margin-left: 30px;
		float: left;
	}

	#header_sp .logo{
		width: 100px;
		margin-top: 10px;
		margin-left: 80px;
		float: left;
	}
	#header_sp .toiawase{
		background-color: #fadf74;
		padding: 15px 15px;
		text-align: center;
		float: right;
		height: 50px;
		font-size: 16px;
	}
	#header_sp h2{
		font-size: 10px;
		color: #FFFFFF;
		background: #000000;
		text-align: center;
	}
}	
	
@media screen and (max-width:480px) {
    /*　画面サイズが480pxまではここを読み込む　*/
	
	/*
		黒い線
	================================*/
	hr {
	   border-width: 0px 0px 0px 0px;
	   border-style: solid;
	   border-color: 000000;
	   height: 0px;     
		padding: 0px;
		margin: 0px;
	}

	/*
		ファーストビュー部分　スマホ
	================================*/
	#fv_pc {display: none;}
	#fv_sp{
		background-image: url("../images/second/ecmarketer/fv_sp.jpg");
		background-position: center;
		background-size: 480px;
		height: 599px;
		padding-left: 20PX;
		padding-top: 20px;
		margin-top: 10px;
		width: 100%;
		margin:0 auto;
		position: relative;
		height: 599px;
	}
	#fv_sp .text_area{
		text-align: center;
		width: 290px;
		margin: 125px auto 0px;
		padding-right: 15px;
	}
	#fv_sp h2{
		background: linear-gradient(transparent 70%, #f4ee7c 70%);
		width: 120px;
		font-size: 17px;
		text-align: center;
		margin: auto;
		font-weight: bold;
	}
	#fv_sp p{
		font-size: 13px;
		font-weight: bold;
		margin-top: 5px;
	}
	#fv_sp h1{
		font-size: 42px;
		font-weight: bold;
		color: #2258A7;
		line-height: 45px;
		margin-top: 10px;
	}
	#fv_sp .small{
		font-weight: normal;
		font-size: 10px;
		margin-top: 10px;
	}
	#fv_sp img{
		width: 50px;
		margin-top: 17px;
	}


	/*スマホ版　ボタン部分*/
	.btn_area{
		position: absolute;
		bottom: 0;
		margin: 0;
		padding: 0;
	}	
	
	.btn,
	a.btn,
	button.btn {
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1;
		position: relative;
		display: inline-block;
		padding: 1rem 2rem;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #FFFFFF;
		border-radius: 0.5rem;
		background: linear-gradient(#0a86ba, #20a4da);
		width: 270px;
		margin-bottom: 15px;
	}

	/*ボタンさらに追加部分*/
	a.btn--red.btn--cubic {
	  border-bottom: 5px solid #0a86b9;
	}

	a.btn--red.btn--cubic:hover {
	  margin-top: 3px;
	  border-bottom: 2px solid #0a86b9;
	}

	a.btn--radius {
	  border-radius: 100vh;
	}

	.fa-position-right {
	  position: absolute;
	  top: calc(50% - .5em);
	  right: 1rem;
	}

	/*スマホ版　ボタン部分*/
	.btn_area{
		position: absolute;
		bottom: 0;
		margin: 0;
		padding: 0;
	}	
	
	.btn,
	a.btn,
	button.btn {
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1;
		position: relative;
		display: inline-block;
		padding: 1rem 2rem;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #FFFFFF;
		border-radius: 0.5rem;
		background: linear-gradient(#0a86ba, #20a4da);
		width: 270px;
		margin-bottom: 15px;
	}

	/*ボタンさらに追加部分*/
	a.btn--red.btn--cubic {
	  border-bottom: 5px solid #0a86b9;
	}

	a.btn--red.btn--cubic:hover {
	  margin-top: 3px;
	  border-bottom: 2px solid #0a86b9;
	}

	a.btn--radius {
	  border-radius: 100vh;
	}

	.fa-position-right {
	  position: absolute;
	  top: calc(50% - .5em);
	  right: 1rem;
	}

	/*
			お知らせ部分
		=========================*/
	#news{
		background-color: #fadf74;
		padding: 15px 5px  ;
		font-size: 14px;
	}

		/*
		見出しと板の色
	================================*/
	.back_be{
		background-color: #fefcec;
		padding: 50px 0px;
	}
	.back_siro{
		background-color: #ffffff;
		padding: 30px 0px 100px;
	}

	/* 見出しの背景*/
	h3{
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
		font-size: 25px;
		text-align: center;
		width: 100%;
	    font-weight: bold;
	}

	h3.inner{
	  position: absolute;
	  top: 100px;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	}
	h4 {
	    font-size: 20px;
    	padding: 10px;
	}

	/* 見出しの背景 ベージュから白へ----*/
	.section1{
	  position: relative;

	  /*レイアウト用のCSS*/
	  background-color: #fefcec;
	  padding: 70px;	
	}
	.section1::before{
	  content:"";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  height: 0;
	  border-style: solid;

	  /*ここで三角形のサイズを決める。
	  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
	  border-width: 0 0 100px 100vw ; 
	  border-color: transparent transparent #fff transparent;
	}

	/* 見出しの背景 白からベージュへ----*/
	.section2{
	  position: relative;

	  /*レイアウト用のCSS*/
	  background-color: #ffffff;
	  padding: 70px;	
	}
	.section2::before{
	  content:"";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  /*ここで三角形のサイズを決める。
	  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
	  border-width: 0 0 100px 100vw ;
	  border-color: transparent transparent #fefcec transparent;
	}

	
	/*
	   問いかけ
	================================*/
	.text_900{
		width: 90%;
		margin:30px auto 0px;
		font-size: 15px;
	}
	
	
	/*
	   このような方へ
	================================*/
	#konoyouna{
		width: 90%;
		margin:0 auto;
	}
		.konoyouna_ue{
		background-image: url("../images/second/ecmarketer/konoyouna_ue_sp.png");
		width: 100%;
		height: 40px;
		padding-left: 80px;
		padding-top: 7PX;
		font-size: 20PX;
	}

	.konoyouna_sita{
		border: solid 2px;
		border-color: #FADF74;
		 border-radius: 0 0 15px 15px;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	.konoyouna_sita img{
		margin: 10px 5px;
		float: left;
		width: 10%;
	}
	.konoyouna_sita p{
		margin: 10px 0px;
		font-size: 14PX;
		float: left;
		width: 85%;
	}

	/*
	   `受講すると   スマホ版
	================================*/
	#jyukou_waku_pc {display: none;}
	#jyukou_waku_sp{
		width: 90%;
		margin:0 auto;
	}
	#jyukou_waku_sp img{
		width: 130px;
		margin-bottom: 20px;
		margin-right: 20px;
		float: left;
	}
	#jyukou_waku_sp p{
		font-size: 18px;
		padding-top: 20px;

	}
	#jyukou_waku_sp strong{
		color: #e68e1c;
	}

	/*
	   このような方におすすめの講座です
	================================*/
	.osusume{
		border-bottom:solid;
		border-color:#FADF74;
		border-width:5px;/*5ピクセルの太さにする*/
		width: 90%;
		margin: 0px auto 50px;

        /* フレックスコンテナであることを指定 */
        display: flex;

        /* 軸の設定(既定値がrowなので省略可能) */
        flex-direction: row;

        /* 主軸：左右の配置 */
        justify-content: space-between;

        /* 交差軸：上下の配置 */
        align-items: flex-end;
		
    }
	.suuji{
		color:#FADF74;
		font-size: 30px;
		font-weight: bold;
		margin-right: 0px;
		float: left;

		
	}
	.koumoku{
		font-size: 19px;
		width: 80%;
		float: left;
		margin-right: 5px;
		padding-bottom: 5px;

	}

	.osusume img{
		text-align: left;
		width: 50px;
	}

	/*
	   講座内容
	================================*/
	.kosu{
		width: 100%;
		text-align: center;
		font-size: 20px;
		margin: 20px auto;
	}
	#kouza{
		width: 90%;
		margin: auto;
	}

	#kouza .check{
		float: left;
		width: 30px;
	}

	.kouza_t{
		background-color: #FADF74;
		width: 90%;
		font-size: 20px;
		padding-left: 10px;	
		float: left;
	}
	.kouza_n{
		background-color: #Fff;
		width: 90%;
		font-size: 14px;
		height: auto;
		padding: 10px;
		float: left;	
	}
	.tuki{
		background-color: #FADF74;
		height: 230px;
		width: 29px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}
	.tuki img{
		width: 20px;
	}
	.tuki2 img{
		width: 20px;
	}

	.kouza_n2{
		background-color: #Fff;
		width: 90%;
		font-size: 14px;
		height: 120px;
		padding: 10px;
		float: left;	
	}
	.tuki2{
		background-color: #FADF74;
		height: 120px;
		width: 29px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}
	
	/*
	   受講者の声
	================================*/
	#jyukousya{
		width: 90%;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	#jyukousya img{
		width: 30%;
		float: left;
		box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#jyukousya .prof{
		width:70%;
		float: left;
		margin-bottom: 10px;
		padding-left: 20px;
		font-size: 14px;
	}

	#jyukousya .big{
	    font-size: 22px;
	    font-weight: bold;
	    padding-top: 1em;
	    padding-bottom: 0.5em;
	    font-weight: normal;
	}
	#jyukousya strong{
	    color: #ff8686;
	}
	#jyukousya .come{
		margin-bottom: 70px;
	}

	/*
	   講師紹介
	================================*/
	#kousi{
		width: 90%;
		margin: auto
	}
	#kousi img{
		width: 40%;
		float: left;
		margin-bottom: 10px;
	    box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#kousi .prof{
		width: 60%;
		float: left;
		margin-bottom: 40px;
		padding-left: 20px;
		margin-top: 50px;
		font-size: 1.1em;
	}

	/*
	   料金プラン
	================================*/
	#ryoukin{
		width: 90%;
		margin: auto;
		margin-top: 40px;
	}

	#ryoukin table{
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	#ryoukin .naiyou{
		background-color: #FADF74;
		text-align: center;
		width: auto;
	    vertical-align: middle;
	}

	/*
	   お問い合わせ
	================================*/
	.y_line{
	  height: 1px;
	  border: none;
	  border-top: 3px #FADF74 solid;
	  margin:130px 0px 50px;
	}

	#toiawase{
		width: 90%;
		margin: auto
	}

	#toiawase h4{
		font-size: 25px;
		 background: url("../images/second/ecmarketer/rogo_m.png") no-repeat;
		background-position: 10px;
		background-size: 40px;
		margin-bottom: 50px;
		/*text-align: center;*/
		line-height: 50px;
		padding-left: 55px;
	}

	#t_pc {display: none;}
	
	#toiawase #t_sp table {
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		width: 100%;
		border-top: 1px solid #ccc;
		border-left: 3px solid #369;
		margin: 20px 0px 30px;
	}

	#toiawase #t_sp table th {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 30%;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		color: #153d73;
	}

	#toiawase #t_sp table td {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 10px;
		vertical-align: top;
		font-weight: bold;
		color: #153d73;
	}

	#toiawase .haikei{
		background-color: #fefcec;
	}

	#toiawase  .input-bt{
			margin: 20px auto;
			border: 0px;
			width: 300px;
			height: 62px;
			text-align: center;
			background: url("../images/second/ecmarketer/btn_sousin.png") left top no-repeat;
			text-indent:-9999px;
			background-size: 300px;
			margin-bottom: 100px;
			line-height: 62px;
	}

	/*
		フッター部分
	==========================*/

	 #footer {
		background-image: url("../images/second/ecmarketer/bg_headerBar.gif");
		background-size: 5px;
		padding: 10px;
		color: #555;
	}
}


/*==========================スマートフォン版コンテンツ部分ここまで===========================================*/


/*==========================パソコン版コンテンツ部分ここから===========================================*/

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/	
	
	/*
		ヘッダー部分　パソコン
	=================================*/
	#header_sp {display: none;}
	#header_ipad {display: none;}
	
	#header{
		width: 1050px;
		margin: 0px auto;
	}
	#header h2{
		font-size: 13px;
		padding-top: 15px;
		width: 450px;
		float: left;
	}
	#header .logo{
		width: 130px;
		margin-top: 10px;
		float: left;
	}
	#header .mail{
		width: 30px;
		margin-top: 20px;
		margin-left: 200px;
		float: left;
	}
	#header .tel{
		width: 30px;
		margin-top: 20px;
		margin-left: 20px;
		float: left;
	}
	#header .toiawase{
		background-color: #fadf74;
		padding: 15px 25px;
		text-align: center;
		float: left;
		margin-left: 20px;
		height: 60px;
		font-size: 20px;
	}


	/*
		黒い線
	================================*/
	hr {
	   border-width: 8px 0px 0px 0px;
	   border-style: solid;
	   border-color: 000000;
	   height: 1px;     
		padding: 0px;
		margin: 0px;
	}

	/*
		ファーストビュー部分 `パソコン
	================================*/
	#fv_sp {display: none;}
	#fv_pc{
		background-image: url("../images/second/ecmarketer/fv_pc.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-color: #ffeca1;
		background-size: 1440px;
		height: 597px;
		padding-left: 20PX;
		padding-top: 20px;
		margin-top: 10px;
		width: 100%;
		margin:80px auto 0;
		position: relative;
		height: 597px;
	}
	#fv_pc .text_area{
		text-align: center;
		width: 400px;
		margin: 90px auto 0px;
		padding-right: 15px;
	}
	#fv_pc h2{
		background: linear-gradient(transparent 70%, #f4ee7c 70%);
		width: 210px;
		font-size: 28px;
		text-align: center;
		margin: auto;
		font-weight: bold;
	}
	#fv_pc p{
		font-size: 22px;
		font-weight: bold;
		margin-top: 5px;
	}
	#fv_pc h1{
		font-size: 60px;
		font-weight: bold;
		color: #2258A7;
		line-height: 65px;
		margin-top: 15px;
	}
	#fv_pc .small{
		font-weight: normal;
		font-size: 20px;
		margin-top: 20px;
	}
	
	#fv_pc img{
		width: 77px;
		margin-top: 30px;
	}
	.btn_area {
	    position: absolute;
	    right: 10px;
	    bottom: 0;
	}
	.btn, a.btn, button.btn {
	    font-size: 1.5rem;
	    font-weight: 700;
	    line-height: 1;
	    position: relative;
	    display: inline-block;
	    padding: 1rem 2rem;
	    cursor: pointer;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	    text-align: center;
	    vertical-align: middle;
	    text-decoration: none;
	    letter-spacing: 0.1em;
	    color: #FFFFFF;
	    border-radius: 0.5rem;
	    background: linear-gradient(#0a86ba, #20a4da);
	    /* background: #108fc2; */
	    width: 350px;
	    font-family: "Yu Gothic";
	    margin-bottom: 15px;
	}
	a.btn--red.btn--cubic {
	    border-bottom: 5px solid #0a86b9;
	}
	a.btn--red.btn--cubic:hover {
	    margin-top: 3px;
	    border-bottom: 2px solid #0a86b9;
	}
	a.btn--radius {
    	border-radius: 100vh;
	}

	/*
		お知らせ部分
	=========================*/
	#news{
		background-color: #fadf74;
		padding: 30px 0px  ;
		text-align: center;
	}
	#news p{
		width: 900px;
		margin: 0px auto;
	}


	/*
		見出しと板の色
	================================*/
	.back_be{
		background-color: #fefcec;
		padding: 50px 0px;
	}
	.back_siro{
		background-color: #ffffff;
		padding: 30px 0px 100px;
	}

	/* 見出しの背景*/
	h3{
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
		font-size: 40px;
		text-align: center;
	    font-weight: bold;
	}

	h3.inner{
	  position: absolute;
	  top: 150px;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	}
	h4 {
	    font-size: 20px;
    	padding: 10px;
	}

	/* 見出しの背景 ベージュから白へ----*/
	.section1{
	  position: relative;

	  /*レイアウト用のCSS*/
	  background-color: #fefcec;
	  padding: 100px;	
	}
	.section1::before{
	  content:"";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  height: 0;
	  border-style: solid;

	  /*ここで三角形のサイズを決める。
	  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
	  border-width: 0 0 100px 100vw ; 
	  border-color: transparent transparent #fff transparent;
	}

	/* 見出しの背景 白からベージュへ----*/
	.section2{
	  position: relative;

	  /*レイアウト用のCSS*/
	  background-color: #ffffff;
	  padding: 100px;	
	}
	.section2::before{
	  content:"";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  height: 0;
	  border-style: solid;

	  /*ここで三角形のサイズを決める。
	  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
	  border-width: 0 0 100px 100vw ;

	  border-color: transparent transparent #fefcec transparent;
	}

	/*
	   問いかけ
	================================*/
	.text_900{
		width: 900px;
		margin:50px auto;
		font-size: 18px;
	}

	/*
	   このような方へ
	================================*/
	.konoyouna_ue{
		background-image: url("../images/second/ecmarketer/konoyouna_ue.png");
		width: 900px;
		height: 56px;
		margin:0 auto;
		padding-left: 100px;
		padding-top: 20PX;
		font-size: 20PX;
	}
	.konoyouna_sita{
		border: solid 2px;
		border-color: #FADF74;
		 border-radius: 0 0 15px 15px;
		width: 880px;
		margin:0 auto 20PX;
	}
	.konoyouna_sita img{
		margin: 5px 20px;
		float: left;
	}
	.konoyouna_sita p{
		margin: 10px 20px;
		font-size: 20PX;
		float: left;
	}

	/*
	   受講すると
	================================*/
	#jyukou_waku_sp {display: none;}
	#jyukou_waku_pc{
		width: 900px;
		margin:0 auto;
	}

	#jyukou_waku_pc .jyukou{
		width: 43.33333%;
		text-align: center;
		margin: 0px 30px 30px;
		float: left;
	}
	#jyukou_waku_pc p{
			font-size: 20px;
	}
	#jyukou_waku_pc strong{
		color: #e68e1c;
	}


	/*
	   このような方におすすめの講座です
	================================*/
	.osusume{
		border-bottom:solid;
		border-color:#FADF74;
		border-width:5px;/*5ピクセルの太さにする*/
		width: 900px;
		margin: 10px auto 0px;
	}

	.suuji{
		color:#FADF74;
		font-size: 80px;
		font-weight: bold;
		margin-right: 15px;

		float: left;
	}
	.koumoku{
		font-size: 30px;
		padding-top: 50px;
		width: 730px;

		float: left;	
	}
	.osusume img{
		text-align: left;
	}


	/*
	   講座内容
	================================*/
	.kosu{
	    max-width: 900px;
	    text-align: center;
	    font-size: 30px;
	    margin: 30px auto;
	}
	#kouza{
		width: 900px;
		margin: auto
	}

	#kouza .check{
		float: left;
	}

	.kouza_t{
		background-color: #FADF74 !important;
		width: 835px;
		height: 67px;
		font-size: 30px;
		padding-top: 10px;
		padding-left: 20px;	
		float: left;
	}
	.kouza_n{
		background-color: #Fff !important;
		width: 835px;
		font-size: 18px;
		height: 270px;
		padding: 10px;
		float: left;	
	}
	.tuki{
		background-color: #FADF74;
		height: 270px;
		width: 65px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}

	.kouza_n2{
		background-color: #Fff;
		width: 835px;
		font-size: 20px;
		height: 220px;
		padding: 10px;
		float: left;	
	}
	.tuki2{
		background-color: #FADF74;
		height: 220px;
		width: 65px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}

	/*
	   受講者の声
	================================*/
	#jyukousya{
		width: 900px;
		margin: auto;
		padding: 30px 0px 100px;
	}

	#jyukousya img{
		height: 220px;
		width: 220px;
		float: left;
		margin-top: 50px;	
		box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#jyukousya .prof{
		height: 220px;
		width: 670px;
		float: left;
		margin-bottom: 10px;
		padding-left: 40px;
		padding-top: 60px;
		margin-top: 50px;	
	}
	#jyukousya .big{
	    font-size: 24px;
	    font-weight: bold;
	    padding-top: 1em;
	    padding-bottom: 0.5em;
	    font-weight: normal;
	}
	#jyukousya strong{
	    color: #ff8686;
	}


	/*
	   講師紹介
	================================*/
	#kousi{
		width: 900px;
		margin: auto
	}
	#kousi img{
		height: 300px;
		width: 300px;
		float: left;
	    box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#kousi .prof{
		height: 300px;
		width: 600px;
		float: left;
		margin-bottom: 40px;
		padding-left: 40px;
		padding-top: 200px;
		font-size: 1.1em;
	}

	/*
	   料金プラン
	================================*/
	#ryoukin{
		width: 900px;
		margin: auto;
		padding: 30px 0px 100px;
	}

	#ryoukin table{
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		font-size: 30px;
	}
	#ryoukin .naiyou{
		background-color: #FADF74;
		text-align: center;
		width: 30%;
	    vertical-align: middle;
	}

	#ryoukin table td{
		font-size: 18px;
	    line-height: 2.2;
	    background-color: #fff;
	}

	/*
	   お問い合わせ
	================================*/
	.y_line{
		height: 1px;
		border: none;
		border-top: 3px #FADF74 solid;
		margin:200px 0px 100px;
	}
	#toiawase{
		width: 900px;
		margin: auto
	}
	#toiawase h4{
		font-size: 40px;
		 background: url("../images/second/ecmarketer/rogo_m.png") no-repeat;
		background-position: 250px;
		background-size: 70px;
		margin-bottom: 50px;
		text-align: center;
		line-height: 50px;
	}
	#t_sp {display: none;}
	#toiawase #t_pc table {
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		width: 100%;
		border-top: 1px solid #ccc;
		border-left: 3px solid #369;
		margin: 20px 0px 30px;
	}
	#toiawase #t_pc table th {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 30%;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		color: #153d73;
	}
	#toiawase #t_pc table td {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 70%;
		padding: 10px;
		vertical-align: top;
	}
	#toiawase .haikei{
		background-color: #fefcec;
	}
	#toiawase  .input-bt{
			margin: 20px auto;
			border: 0px;
			width: 300px;
			height: 62px;
			text-align: center;
			background: url("../images/second/ecmarketer/btn_sousin.png") left top no-repeat;
			text-indent:-9999px;
			background-size: 300px;
			margin-bottom: 100px;
			line-height: 62px;
	}

	/*
		フッター部分
	==========================*/

	 #footer {
		background-image: url("../images/second/ecmarketer/bg_headerBar.gif");
		background-size: 5px;
		padding: 10px 100px;
		color: #555;
	}
}
/*===========================パソコン版のコンテンツ部分ここまで===========================================*/


/*==========================iPad版コンテンツ部分ここから=========481pxから767pxまで 小サイズ==================================*/
@media screen and (min-width:481px) and ( max-width:767px) {
    /*　画面サイズが481pxから767pxまではここを読み込む　*/
	
	/*
		ヘッダー部分　ipad 
	=================================*/
	 #header {display: none;}
	 #header_ipad {display: none;}
	
	#header_sp{
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	#header_sp .mail{
		width: 25px;
		margin-top: 15px;
		margin-left: 10px;
		float: left;
	}
	#header_sp .tel{
		width: 25px;
		margin-top: 15px;
		margin-left: 30px;
		float: left;
	}

	#header_sp .logo{
		width: 100px;
		margin-top: 10px;
		margin-left: 179px;
		float: left;
	}
	
	#header_sp .toiawase{
		background-color: #fadf74;
		padding: 15px 15px;
		text-align: center;
		float: right;
		height: 50px;
		font-size: 16px;
	}

	#header_sp h2{
		font-size: 10px;
		color: #FFFFFF;
		background: #000000;
		text-align: center;
	}
	
	/*
		黒い線
	================================*/
	hr {
	   border-width: 0px 0px 0px 0px;
	   border-style: solid;
	   border-color: 000000;
	   height: 0px;     
		padding: 0px;
		margin: 0px;
	}

/*
		ファーストビュー部分　iPad小サイズ
	================================*/
	#fv_pc {display: none;}
	#fv_sp{
		background-image: url("../images/second/ecmarketer/fv_sp.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-color: #ffeca1;
		background-size: 640px;
		height: 799px;
		padding-left: 20PX;
		padding-top: 20px;
		margin-top: 10px;
		width: 100%;
		margin:0 auto;
		position: relative;
		height: 799px;
	}
	#fv_sp .text_area{
		text-align: center;
		width: 370px;
		margin: 180px auto 0px;
		padding-right: 15px;
	}
	#fv_sp h2{
		background: linear-gradient(transparent 70%, #f4ee7c 70%);
		width: 150px;
		font-size: 21px;
		text-align: center;
		margin: auto;
		font-weight: bold;
	}
	#fv_sp p{
		font-size: 16px;
		font-weight: bold;
		margin-top: 5px;
	}
	#fv_sp h1{
		font-size: 53px;
		font-weight: bold;
		color: #2258A7;
		line-height: 57px;
		margin-top: 10px;
	}
	#fv_sp .small{
		font-weight: normal;
		font-size: 14px;
		margin-top: 18px;
	}
	
	#fv_sp img{
		width: 50px;
		margin-top: 25px;
	}
	

	/*スマホ版　ボタン部分*/
	.btn_area{
		position: absolute;
		bottom: 0;
		margin: 0;
		padding: 0;
	}	
	
	.btn,
	a.btn,
	button.btn {
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1;
		position: relative;
		display: inline-block;
		padding: 1rem 2rem;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #FFFFFF;
		border-radius: 0.5rem;
		background: linear-gradient(#0a86ba, #20a4da);
		width: 270px;
		margin-bottom: 15px;
	}

	/*ボタンさらに追加部分*/
	a.btn--red.btn--cubic {
	  border-bottom: 5px solid #0a86b9;
	}

	a.btn--red.btn--cubic:hover {
	  margin-top: 3px;
	  border-bottom: 2px solid #0a86b9;
	}

	a.btn--radius {
	  border-radius: 100vh;
	}

	.fa-position-right {
	  position: absolute;
	  top: calc(50% - .5em);
	  right: 1rem;
	}

	/*
		お知らせ部分
	=========================*/
	#news{
		background-color: #fadf74;
		padding: 15px 5px  ;
		font-size: 14px;
	}

	/*
		見出しと板の色
	================================*/
	.back_be{
		background-color: #fefcec;
		padding: 50px 0px;
	}
	.back_siro{
		background-color: #ffffff;
		padding: 30px 0px 100px;
	}

	/* 見出しの背景*/
	h3{
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
		font-size: 25px;
		text-align: center;
		width: 100%;
		font-weight: bold;
	}
	h3.inner{
	  position: absolute;
	  top: 100px;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	}
	h4 {
	    font-size: 20px;
    	padding: 10px;
	}

	/* 見出しの背景 ベージュから白へ----*/
	.section1{
	  position: relative;

	  /*レイアウト用のCSS*/
	  background-color: #fefcec;
	  padding: 70px;	
	}
	.section1::before{
	  content:"";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  height: 0;
	  border-style: solid;

	  /*ここで三角形のサイズを決める。
	  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
	  border-width: 0 0 100px 100vw ; 
	  border-color: transparent transparent #fff transparent;
	}

	/* 見出しの背景 白からベージュへ----*/
	.section2{
	  position: relative;

	  /*レイアウト用のCSS*/
	  background-color: #ffffff;
	  padding: 70px;	
	}
	.section2::before{
	  content:"";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  /*ここで三角形のサイズを決める。
	  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
	  border-width: 0 0 100px 100vw ;
	  border-color: transparent transparent #fefcec transparent;
	}

	
	/*
	   問いかけ
	================================*/
	.text_900{
		width: 90%;
		margin:30px auto 0px;
		font-size: 15px;
	}
	
	
	/*
	   このような方へ
	================================*/
	#konoyouna{
		width: 90%;
		margin:0 auto;
	}
	.konoyouna_ue{
		background-image: url("../images/second/ecmarketer/konoyouna_ue.png");
		background-repeat:no-repeat;
		width: 100%;
		height: 50px;
		padding-left: 80px;
		padding-top: 16PX;
		font-size: 20PX;
	}
	.konoyouna_sita{
		border: solid 2px;
		border-color: #FADF74;
		border-radius: 0 0 15px 15px;
		margin-left: 20px;
		margin-bottom: 20px;

	}
	.konoyouna_sita img{
		margin: 10px 5px;
		float: left;
		width: 10%;
	}
	.konoyouna_sita p{
		margin: 10px 0px;
		font-size: 17PX;
		float: left;
		width: 85%;
	}

	/*
	   受講すると   iPad小サイズ版
	================================*/
	#jyukou_waku_pc {display: none;}
	#jyukou_waku_sp{
		width: 90%;
		margin:0 auto;
	}

	#jyukou_waku_sp img{
		width: 130px;
		margin-bottom: 20px;
		margin-right: 20px;
		float: left;
	}
	
	#jyukou_waku_sp p{
			font-size: 18px;
		padding-top: 20px;

	}
	#jyukou_waku_sp strong{
		color: #e68e1c;

	}

	/*
	   このような方におすすめの講座です
	================================*/
	.osusume{
		border-bottom:solid;
		border-color:#FADF74;
		border-width:5px;/*5ピクセルの太さにする*/
		width: 90%;
		margin: 0px auto 50px;

        /* フレックスコンテナであることを指定 */
        display: flex;

        /* 軸の設定(既定値がrowなので省略可能) */
        flex-direction: row;

        /* 主軸：左右の配置 */
        justify-content: space-between;

        /* 交差軸：上下の配置 */
        align-items: flex-end;
		
    }
	.suuji{
		color:#FADF74;
		font-size: 35px;
		font-weight: bold;
		margin-right: 0px;
		float: left;

		
	}
	.koumoku{
		font-size: 21px;
		width: 80%;
		float: left;
		margin-right: 5px;
		padding-bottom: 5px;

	}
	.osusume img{
		text-align: left;
		width: 50px;
	}

	/*
	   講座内容
	================================*/
	.kosu{
		width: 100%;
		text-align: center;
		font-size: 20px;
		margin: 20px auto;
	}
	#kouza{
		width: 90%;
		margin: auto;
	}
	#kouza .check{
		float: left;
		width: 30px;
	}
	.kouza_t{
		background-color: #FADF74;
		width: 90%;
		font-size: 20px;
		padding-left: 10px;	
		float: left;
	}
	.kouza_n{
		background-color: #Fff;
		width: 90%;
		font-size: 15px;
		height: 230px;
		padding: 10px;
		float: left;	
	}
	.tuki{
		background-color: #FADF74;
		height: 230px;
		width: 29px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}
	.tuki img{
		width: 20px;
	}
	.tuki2 img{
		width: 20px;
	}
	.kouza_n2{
		background-color: #Fff;
		width: 90%;
		font-size: 15px;
		height: 120px;
		padding: 10px;
		float: left;	
	}
	.tuki2{
		background-color: #FADF74;
		height: 120px;
		width: 29px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}


	/*
	   受講者の声
	================================*/
	#jyukousya{
		width: 90%;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	#jyukousya img{
		width: 30%;
		float: left;
		box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#jyukousya .prof{
		width:70%;
		float: left;
		margin-bottom: 10px;
		padding-left: 20px;
		font-size: 14px;
	}
	#jyukousya .big{
	    font-size: 24px;
	    font-weight: bold;
	    padding-top: 1em;
	    padding-bottom: 0.5em;
	    font-weight: normal;
	}
	#jyukousya strong{
	    color: #ff8686;
	}
	#jyukousya .come{
		margin-bottom: 70px;
	}

	/*
	   講師紹介
	================================*/
	#kousi{
		width: 90%;
		margin: auto
	}
	#kousi img{
		width: 40%;
		float: left;
		margin-bottom: 10px;
	    box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#kousi .prof{
		width: 60%;
		float: left;
		margin-bottom: 40px;
		padding-left: 20px;
		margin-top: 50px;
		font-size: 1.1em;
	}

	/*
	   料金プラン
	================================*/
	#ryoukin{
		width: 90%;
		margin: auto;
		margin-top: 40px;
	}

	#ryoukin table{
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	#ryoukin .naiyou{
		background-color: #FADF74;
		text-align: center;
	    width: 20%;
	    font-size: 1.1em;
	    vertical-align: middle;
	}

	/*
	   お問い合わせ
	================================*/
	.y_line{
	  height: 1px;
	  border: none;
	  border-top: 3px #FADF74 solid;
	  margin:130px 0px 50px;
	}
	#toiawase{
		width: 90%;
		margin: auto
	}
	#toiawase h4{
		font-size: 25px;
		 background: url("../images/second/ecmarketer/rogo_m.png") no-repeat;
		background-position: 10px;
		background-size: 40px;
		margin-bottom: 50px;
		line-height: 50px;
		padding-left: 55px;
	}
	#t_pc {display: none;}
	#toiawase #t_sp table {
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		width: 100%;
		border-top: 1px solid #ccc;
		border-left: 3px solid #369;
		margin: 20px 0px 30px;
	}
	#toiawase #t_sp table th {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 30%;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		color: #153d73;
	}
	#toiawase #t_sp table td {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 10px;
		vertical-align: top;
		font-weight: bold;
		color: #153d73;
	}
	#toiawase .haikei{
		background-color: #fefcec;
	}
	#toiawase  .input-bt{
		margin: 20px auto;
		border: 0px;
		width: 300px;
		height: 62px;
		text-align: center;
		background: url("../images/second/ecmarketer/btn_sousin.png") left top no-repeat;
		text-indent:-9999px;
		background-size: 300px;
		margin-bottom: 100px;
		line-height: 62px;
	}

	/*
		フッター部分
	==========================*/

	 #footer {
		background-image: url("../images/second/ecmarketer/bg_headerBar.gif");
		background-size: 5px;
		padding: 10px;
		color: #555;
	}
}


/*==========================ipad版コンテンツ部分ここまで===========================================*/

	
/*==========================iPad版コンテンツ部分ここから=========768pxから1024pxまで 大サイズ==================================*/
	
	@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
		
	/*
		ヘッダー部分　iPad大サイズ
	=================================*/
	#header_sp {display: none;}
	#header {display: none;}
	#header_ipad{
		width: 100%;
		margin: 0px auto;
	}
	#header_ipad h2{
		font-size: 13px;
		padding-top: 15px;
		float: left;
	}
	#header_ipad .logo{
		width: 130px;
		margin-top: 10px;
		float: left;
		margin-left: 90px;
	}
	#header_ipad .mail{
		width: 30px;
		margin-top: 20px;
		float: right;
	}
	#header_ipad .tel{
		width: 30px;
		margin-top: 20px;
		margin-left: 20px;
		float: right;
	}
	#header_ipad .toiawase{
		background-color: #fadf74;
		padding: 15px 25px;
		text-align: center;
		float: right;
		height: 60px;
		font-size: 20px;
		margin-left: 20px;
	}


	/*
		黒い線
	================================*/
	hr {
	   border-width: 8px 0px 0px 0px;
	   border-style: solid;
	   border-color: 000000;
	   height: 1px;     
		padding: 0px;
		margin: 0px;
	}

	/*
		ファーストビュー部分 `パソコン
	================================*/
	#fv_sp {display: none;}
	#fv_pc{
		background-image: url("../images/second/ecmarketer/fv_pc.jpg");
		background-position: center;
		background-size: 1023px;
		height: 424px;
		padding-left: 20PX;
		padding-top: 20px;
		margin-top: 10px;
		width: 100%;
		margin:0 auto;
		position: relative;
		height: 424px;
	}
	#fv_pc .text_area{
		text-align: center;
		width: 400px;
		margin: 50px auto 0px;
		padding-right: 23px;
	}
	
	#fv_pc h2{
		background: linear-gradient(transparent 70%, #f4ee7c 70%);
		width: 140px;
		font-size: 20px;
		text-align: center;
		margin: auto;
		font-weight: bold;
	}
	#fv_pc p{
		font-size: 16px;
		font-weight: bold;
		margin-top: 5px;
	}
	#fv_pc h1{
		font-size: 50px;
		font-weight: bold;
		color: #2258A7;
		line-height: 55px;
		margin-top: 15px;
	}
	#fv_pc .small{
		font-weight: normal;
		font-size: 12px;
		margin-top: 15px;
	}
	
	#fv_pc img{
		width: 50px;
		margin-top: 25px;
	}

	/*
		お知らせ部分
	=========================*/
	#news{
		background-color: #fadf74;
		padding: 30px 0px  ;
		text-align: center;
	}
	#news p{
		width: 90%;
		margin: 0px auto;
	}

	/*
		見出しと板の色
	================================*/
	.back_be{
		background-color: #fefcec;
		padding: 50px 0px;
	}
	.back_siro{
		background-color: #ffffff;
		padding: 30px 0px 100px;
	}

	/* 見出しの背景*/
	h3{
		font-size: 40px;
		text-align: center;
	    font-weight: bold;
	}
	h3.inner{
		position: absolute;
		top: 150px;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	h4 {
	    font-size: 20px;
    	padding: 10px;
	}

	/* 見出しの背景 ベージュから白へ----*/
	.section1{
		position: relative;
		/*レイアウト用のCSS*/
		background-color: #fefcec;
		padding: 100px;	
	}
	.section1::before{
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		/*ここで三角形のサイズを決める。
		必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
		border-width: 0 0 100px 100vw ; 
		border-color: transparent transparent #fff transparent;
	}

	/* 見出しの背景 白からベージュへ----*/
	.section2{
		position: relative;
		/*レイアウト用のCSS*/
		background-color: #ffffff;
		padding: 100px;	
	}
	.section2::before{
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		/*ここで三角形のサイズを決める。
		必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
		border-width: 0 0 100px 100vw ;
		border-color: transparent transparent #fefcec transparent;
	}
	
	/*
	   問いかけ
	================================*/
	.text_900{
		width: 90%;
		margin:50px auto;
		font-size: 18px;
	}

	/*
	   このような方へ
	================================*/
	.konoyouna_ue{
		background-image: url("../images/second/ecmarketer/konoyouna_ue_ipad.png");
		background-repeat:no-repeat;
		width: 90%;
		height: 64px;
		margin:0 auto;
		padding-left: 100px;
		padding-top: 25PX;
		font-size: 20PX;
	}

	.konoyouna_sita{
		border: solid 2px;
		border-color: #FADF74;
		 border-radius: 0 0 15px 15px;
		width: 90%;
		margin:0 auto 20PX;
	}

	.konoyouna_sita img{
		margin: 5px 20px;
		float: left;
	}
	.konoyouna_sita p{
		margin: 10px 0px;
		font-size: 20PX;
		float: left;
		width: 80%;
	}


	/*
	   受講すると
	================================*/
	#jyukou_waku_sp {display: none;}
	#jyukou_waku_pc{
		width: 90%;
		margin:0 auto;
		text-align: center;
	}
	#jyukou_waku_pc .jyukou{
	    width: 43.33333%;
		text-align: center;
		margin: 0px 20px 30px;
		float: left;
	}
	#jyukou_waku_pc p{
		font-size: 20px;
	}
	#jyukou_waku_pc strong{
		color: #e68e1c;

	}

	/*
	   このような方におすすめの講座です
	================================*/
	.osusume{
		border-bottom:solid;
		border-color:#FADF74;
		border-width:5px;/*5ピクセルの太さにする*/
		width: 90%;
		margin: 0px auto 50px;

        /* フレックスコンテナであることを指定 */
        display: flex;

        /* 軸の設定(既定値がrowなので省略可能) */
        flex-direction: row;

        /* 主軸：左右の配置 */
        justify-content: space-between;

        /* 交差軸：上下の配置 */
        align-items: flex-end;
    }
	.suuji{
		color:#FADF74;
		font-size: 50px;
		font-weight: bold;
		margin-right: 0px;
		float: left;
	}
	.koumoku{
		font-size: 28px;
		width: 80%;
		float: left;
		margin-right: 5px;
		padding-bottom: 10px;
	}
	.osusume img{
		text-align: left;
		width: 70px;
	}


	/*
	   講座内容
	================================*/
	.kosu{
		width: 100%;
		text-align: center;
		font-size: 20px;
		margin: 20px auto;
	}
	#kouza{
		width: 90%;
		margin: auto;
	}

	#kouza .check{
		float: left;
		width: 30px;
	}
	.kouza_t{
		background-color: #FADF74;
		width: 90%;
		font-size: 20px;
		padding-left: 10px;	
		float: left;
	}
	.kouza_n{
		background-color: #Fff;
		width: 90%;
		font-size: 17px;
		height: 230px;
		padding: 10px;
		float: left;	
	}
	.tuki{
		background-color: #FADF74;
		height: 230px;
		width: 29px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}
	.tuki img{
		width: 20px;
	}
	.tuki2 img{
		width: 20px;
	}
	.kouza_n2{
		background-color: #Fff;
		width: 90%;
		font-size: 17px;
		height: 120px;
		padding: 10px;
		float: left;	
	}
	.tuki2{
		background-color: #FADF74;
		height: 120px;
		width: 29px;
		text-align: center;
		padding-top: 10px;	
		margin-bottom: 30px;
		float: left;
	}

	/*
	   受講者の声
	================================*/
	#jyukousya{
		width: 90%;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	#jyukousya img{
		width: 30%;
		height: auto;
		float: left;
		box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#jyukousya .prof{
		width:70%;
		float: left;
		margin-bottom: 10px;
		padding-left: 20px;
		font-size: 14px;
	}
	#jyukousya .big{
	    font-size: 24px;
	    font-weight: bold;
	    padding-top: 1em;
	    padding-bottom: 0.5em;
	    font-weight: normal;
	}
	#jyukousya strong{
	    color: #ff8686;
	}
	#jyukousya .come{
		margin-bottom: 70px;
	}

	/*
	   講師紹介
	================================*/
	#kousi{
		width: 90%;
		margin: auto
	}
	#kousi img{
		width: 40%;
		height: auto;
		float: left;
		margin-bottom: 10px;
		box-shadow: 15px 15px 0px 0 rgb(251 223 115);
	}
	#kousi .prof{
		width: 60%;
		float: left;
		margin-bottom: 40px;
		padding-left: 20px;
		margin-top: 50px;
		font-size: 1.1em;
	}

	/*
	   料金プラン
	================================*/
	#ryoukin{
		width: 90%;
		margin: auto;
		margin-top: 40px;
	}
	#ryoukin table{
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	#ryoukin .naiyou{
		background-color: #FADF74;
		text-align: center;
		width: 100px;
	    vertical-align: middle;
	}

	/*
	   お問い合わせ
	================================*/
	.y_line{
		height: 1px;
		border: none;
		border-top: 3px #FADF74 solid;
		margin:200px 0px 100px;
	}
	#toiawase{
		width: 90%;
		margin: auto
	}
	#toiawase h4{
		font-size: 30px;
		background: url("../images/second/ecmarketer/rogo_m.png") no-repeat;
		background-position: 0px;
		background-size: 50px;
		margin-bottom: 50px;
		line-height: 50px;
		padding-left: 55px;
	}
	#t_sp {display: none;}
	#toiawase #t_pc table {
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		width: 100%;
		border-top: 1px solid #ccc;
		border-left: 3px solid #369;
		margin: 20px 0px 30px;
	}
	#toiawase #t_pc table th {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 30%;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		color: #153d73;
	}
	#toiawase #t_pc table td {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 70%;
		padding: 10px;
		vertical-align: top;
	}
	#toiawase .haikei{
		background-color: #fefcec;
	}
	#toiawase  .input-bt{
		margin: 20px auto;
		border: 0px;
		width: 300px;
		height: 62px;
		text-align: center;
		background: url("../images/second/ecmarketer/btn_sousin.png") left top no-repeat;
		text-indent:-9999px;
		background-size: 300px;
		margin-bottom: 100px;
		line-height: 62px;
	}

	/*
		フッター部分
	==========================*/
	 #footer {
		background-image: url("../images/second/ecmarketer/bg_headerBar.gif");
		background-size: 5px;
		padding: 10px 100px;
		color: #555;
	}
}