@charset "UTF-8";

/*--------------------------------------
基本設定
---------------------------------------*/
html{}
  body{
    font:13px/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
    color:#333333;
    text-align:justify;
    text-justify:distribute;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
  }

  img{
    vertical-align:top;
  }

  *{
    -webkit-box-sizing: border-box;
  }
  /*--------------------------------------
  大枠囲み
  ---------------------------------------*/

  #contents{
    background: #fff;
    width: 750px;
    margin:0 auto;
    overflow:hidden;
    box-shadow: 0px 0px 10px 1px #515151;
    -moz-box-shadow: 0px 0px 10px 1px #515151;
    -webkit-box-shadow: 0px 0px 10px 1px #515151;
  }

  #contents_pp{
    background: url(../images/bg_privacypolicy.jpg);
    width: 750px;
    margin:0 auto;
    overflow:hidden;
    box-shadow: 0px 0px 10px 1px #515151;
    -moz-box-shadow: 0px 0px 10px 1px #515151;
    -webkit-box-shadow: 0px 0px 10px 1px #515151;
  }

	@media screen and (max-width:740px) {
	#contents{
		width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	}
	#contents img{
		width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	}
}
	/*--------------------------------------
  ひよこ式せんせい養成講座とは
  ---------------------------------------*/
#whats_yousei{
	width:100%;
	height: 972px;
	background: url(../images/bg_whats_yousei.jpg);
	position: relative;
	color: #333333;
	font-size: 25px;
}

#whats_yousei img:nth-of-type(1){
  display: none;
}

#whats_yousei span{
	color: #e26283;
}

#whats_yousei p:nth-of-type(1){
	position: absolute;
	width: 360px;
	top: 43px;
	left: 350px;
	line-height: 1.5em;
}

#whats_yousei p:nth-of-type(2){
	position: absolute;
	width: 366px;
	top: 371px;
	left: 154px;
	line-height: 1.5em;
}

#whats_yousei p:nth-of-type(3){
	position: absolute;
	width: 360px;
	top: 684px;
	left: 350px;
	line-height: 1.5em;
}

@media screen and (max-width:740px) {
  #whats_yousei{
  	width:100%;
    height: auto;
  	background: none;
    background-size: cover;
    position: relative;
    font-size: 20px;
  }

  #whats_yousei img:nth-of-type(1){
    display: block;
  }

  #whats_yousei p{
    display: none;
  }
}

/*--------------------------------------
見出し：他では学べない〜
---------------------------------------*/
#hokadehamanabenai{
	text-align: center;
	margin: 20px auto;
	padding-bottom: 30px;
}

@media screen and (max-width:740px) {
  #hokadehamanabenai{
  	display: none;
  }
}

/*--------------------------------------
見出し：他では学べない〜
---------------------------------------*/
#worry{
	width:100%;
	height: 1323px;
	background: url(../images/bg_worry.jpg);
	text-align: center;
}

#worry h2{
	padding-top: 30px;
}

#worry_box1 {
	width: 96%;
	display: flex;
	font-size: 23px;
	margin: 25px auto 20px 12px;
}

.worry_box_1{
	width: 95%;
	background: url(../images/worry_box_1.png) no-repeat;
	margin: 0 auto;
	padding:15px;
}

.worry_box_1 h3{
	font-size: 36px;
  padding-top: 18px;
  padding-bottom: 15px;
  font-family: serif;
}

.worry_box_1 p{
	padding-left: 20px;
	padding-bottom: 15px;
	line-height: 1.5em;
	text-align: left;
	margin: 0 auto;
}

.worry_box_2{
	width: 95%;
	background: url(../images/worry_box_2.png) no-repeat;
	margin: 0 auto;
	padding:15px;
}

.worry_box_2 h3{
	font-size: 36px;
  padding-top: 18px;
  padding-bottom: 15px;
  font-family: serif;
}

.worry_box_2 p{
	padding-left: 20px;
	padding-bottom: 15px;
	line-height: 1.5em;
	text-align: left;
	margin: 0 auto;
}

#worry_box2 {
	width: 99%;
	height: 681px;
	display: flex;
	font-size: 23px;
	margin: 25px auto 20px 2px;
}

.worry_box_3{
	width: 95%;
	background: url(../images/worry_box_3.png) no-repeat;
	margin: 0 auto;
	padding:15px;
}

.worry_box_3 h3{
	font-size: 36px;
  padding-top: 21px;
  padding-bottom: 15px;
  font-family: serif;
}

.worry_box_3 p{
	padding-left: 28px;
	padding-bottom: 15px;
	line-height: 1.5em;
	text-align: left;
	margin: 0 auto;
}

.worry_box_4{
	width: 95%;
	background: url(../images/worry_box_4.png) no-repeat;
	margin: 0 auto;
	padding:15px;
	position: relative;
}

.worry_box_4 h4{
	font-size: 30px;
	color: #fff;
	position: absolute;
  top: 21px;
  left: 35px;
}

.worry_box_4 p:nth-of-type(1){
	width: 342px;
  padding-left: 20px;
  padding-bottom: 15px;
  line-height: 1.4em;
  text-align: left;
  position: absolute;
  top: 63px;
  right: 28px;
}

.worry_box_4 p:nth-of-type(2){
	width: 330px;
  padding-left: 20px;
  padding-bottom: 15px;
  line-height: 1.4em;
  text-align: left;
  position: absolute;
  top: 245px;
  right: 27px;
}

.worry_box_4 p:nth-of-type(3){
	width: 330px;
  padding-left: 20px;
  padding-bottom: 15px;
  line-height: 1.4em;
  text-align: left;
  position: absolute;
  top: 458px;
  right: 27px;
}
@media screen and (max-width:740px) {
  #worry{
    	display: none;
    }
}

/*--------------------------------------
見出し：見出し：こんな効果が期待〜
---------------------------------------*/
#effect img{
	width: 100%;
}

@media screen and (max-width:740px) {
  #effect {
  	display: none;
  }
}

/*--------------------------------------
見出し：見出し：お客様の声〜
---------------------------------------*/
#voice{
	width: 100%;
	height: 1278px;
	background: url(../images/img_voice.jpg);
	text-align: center;
	position: relative;
}

.voice_box{
	display: none;
}

@media screen and (max-width:740px) {
  #voice {
    display: none;
  }
}
/*--------------------------------------
見出し：見出し：メディア〜
---------------------------------------*/
#media{
	width: 100%;
	height: 1843px;
}

.media_sp{
  display: none;
}

.media1 {
	width: 100%;
	height: 512px;
	background: url(../images/img_media1.jpg);
	position: relative;
}

.media1 img{
	position: absolute;
	bottom: 20px;
	right: 148px;
}

.media2 {
	width: 100%;
	height: 516px;
	background: url(../images/img_media2.jpg);
	position: relative;
}

.media2 img{
	position: absolute;
	bottom: 20px;
	left: 157px;
}

.media3 {
	width: 100%;
	height: 595px;
	background: url(../images/img_media3.jpg);
	position: relative;
}

.media3 img{
	position: absolute;
	bottom: 132px;
	right: 148px;
}

@media screen and (max-width:740px) {
  .media_sp{
    display: block;
  }
  #media {
  	display: none;
  }
}

/*--------------------------------------
見出し：6つのステップ〜
---------------------------------------*/
#sp_sixstep{
  display: none;
}

.sixstep_txtarea{
	height: 420px;
	background: url(../images/txt_sixstep.jpg);
	color: #849c2a;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
}

.sixstep_txtarea p{
	padding-top: 50px;
}

.sixstep_txtarea span{
	color: #e26283;
}

.sixstep_box1{
	width: 100%;
	height: 468px;
	background: url(../images/txt_sixstep1.jpg);
	font-size: 25px;
	line-height: 1.8em;
	color: #333333;
	position: relative;
}

.sixstep_box1 p{
	width: 442px;
	position: absolute;
	top: -19px;
	right: 55px;
}

.sixstep_box1 span{
	color: #e26283;
	background-color: #ff9;
}

.sixstep_box2{
	width: 100%;
	height: 444px;
	background: url(../images/txt_sixstep2.jpg);
	font-size: 25px;
	line-height: 1.8em;
	color: #333333;
	position: relative;
}

.sixstep_box2 p{
	width: 442px;
	position: absolute;
	top: -17px;
  left: 55px;
}

.sixstep_box2 span{
	color: #e26283;
	background-color: #ff9;
}

.sixstep_box3{
	width: 100%;
	height: 361px;
	background: url(../images/txt_sixstep3.jpg);
	font-size: 25px;
	line-height: 1.8em;
	color: #333333;
	position: relative;
}

.sixstep_box3 p{
	width: 442px;
	position: absolute;
	top: -24px;
	right: 55px;
}

.sixstep_box3 span{
	color: #e26283;
	background-color: #ff9;
}

.sixstep_box4{
	width: 100%;
	height: 407px;
	background: url(../images/txt_sixstep4.jpg);
	font-size: 25px;
	line-height: 1.8em;
	color: #333333;
	position: relative;
}

.sixstep_box4 p{
	width: 442px;
	position: absolute;
	top: -24px;
	left: 55px;
}

.sixstep_box4 span{
	color: #e26283;
	background-color: #ff9;
}

.sixstep_box5{
	width: 100%;
	height: 223px;
	background: url(../images/txt_sixstep5.jpg);
	font-size: 25px;
	line-height: 1.8em;
	color: #333333;
	position: relative;
}

.sixstep_box5 p{
	width: 442px;
	position: absolute;
	top: -24px;
	right: 55px;
}

.sixstep_box5 span{
	color: #e26283;
	background-color: #ff9;
}

.sixstep_box6{
	width: 100%;
	height: 518px;
	background: url(../images/txt_sixstep6.jpg);
	font-size: 25px;
	line-height: 1.8em;
	color: #333333;
	position: relative;
}

.sixstep_box6 p{
	width: 442px;
	position: absolute;
	top: -11px;
	left: 55px;
}

.sixstep_box6 span{
	color: #e26283;
	background-color: #ff9;
}

@media screen and (max-width:740px) {
  #sixstep{
    display: none;
  }
  #sp_sixstep{
    display: block;
  }

}
/*--------------------------------------
見出し：6つのステップ〜
---------------------------------------*/
#session{
	width: 100%;
	height: 466px;
}

@media screen and (max-width:740px) {
  #session{
    display: none;
}
}


/*--------------------------------------
見出し：5つの特典〜
---------------------------------------*/
#benefits{
	width: 100%;
	height: 1730px;
	font-size: 25px;
	line-height: 1.5em;
}

.benefits_box1{
	height: 259px;
	background: url(../images/bg_benefits1.jpg);
	position: relative;
}

.benefits_box1 h4{
	display: none;
}

.benefits_box1 p{
	width: 548px;
  position: absolute;
  top: 103px;
  left: 102px;
}

.benefits_box2{
	height: 303px;
	background: url(../images/bg_benefits2.jpg);
	position: relative;
}

.benefits_box2 h4{
	display: none;
}

.benefits_box2 p{
	width: 548px;
  position: absolute;
  top: 106px;
  left: 102px;
}

.benefits_box3{
	height: 260px;
	background: url(../images/bg_benefits3.jpg);
	position: relative;
}

.benefits_box3 h4{
	display: none;
}

.benefits_box3 p{
	width: 548px;
  position: absolute;
  top: 107px;
  left: 102px;
}

.benefits_box4{
	height: 284px;
	background: url(../images/bg_benefits4.jpg);
	position: relative;
}

.benefits_box4 h4{
	display: none;
}

.benefits_box4 p{
	width: 548px;
  position: absolute;
  top: 105px;
  left: 102px;
}

.benefits_box5{
	height: 361px;
	background: url(../images/bg_benefits5.jpg);
	position: relative;
}

.benefits_box5 h4{
	display: none;
}

.benefits_box5 p{
	width: 548px;
  position: absolute;
  top: 111px;
  left: 102px;
}

@media screen and (max-width:740px) {
  #benefits{
    display: none;
}
}

/*--------------------------------------
見出し：個別相談のご案内〜
---------------------------------------*/
#consultation{
	width: 100%;
	text-align: center;
}

.box_consultation{
	height: 1151px;
	background: url(../images/box_consultation.jpg);
	position: relative;
}

.box_consultation p{
	width: 484px;
	margin: 0 auto;
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	top: 69px;
  left: 138px;
	line-height: 1.5em;
}

.box_consultation img{
	position: absolute;
	bottom: 89px;
	left: 31px;
}

.btn_push:hover{
opacity:0.9;
cursor: pointer;
}


@media screen and (max-width:740px) {
  #consultation{
    display: none;
}
}


/*--------------------------------------
見出し：講師紹介〜
---------------------------------------*/
#sp_profile{
  display: none;
}
#profile{
	width: 100%;
	height: 1972px;
	background: url(../images/bg_profile.jpg);
	position: relative;
}

#profile img{
	position: absolute;
	top: 554px;
	left: 123px;
}

#profile p{
	width: 640px;
  position: absolute;
  top: 726px;
  left: 55px;
  font-size: 25px;
  line-height: 1.6em;
}
@media screen and (max-width:740px) {
  #sp_profile{
    display: block;
  }
  #profile{
    display: none;
}
}


/*--------------------------------------
見出し：メッセージ〜
---------------------------------------*/
#message{
	height: 1766px;
	background: url(../images/img_message.jpg);
	position: relative;
}

#message h3{
	display: none;
}

#message p{
	display: none;
}

#message img{
	position: absolute;
	bottom: 38px;
	left: 24px;
}
@media screen and (max-width:740px) {
  #message{
    display: none;
}
}
/*--------------------------------------
プライバシーポリシー
---------------------------------------*/

#contents_pp h2{
	font-size: 35px;
	color: #fff;
  text-align: center;
  margin: 55px auto 100px auto;
}

.pp_box{
  width: 90%;
  margin: 0 auto;
  line-height: 1.7em;
}

.pp_box p{
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.7em;
}

.pp_box ul, li{
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.7em;
}

.pp_box h3{
  width: 90%;
  margin: 10px auto;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: bold;
}

.mini_box{
  width: 90%;
  margin-left: 40px;
  font-size: 14px;
  line-height: 1.7em;
}

.last_p{
  width: 90%;
  text-align: right;
}

#contents_pp img{
  display: none;
}

@media screen and (max-width:740px) {
  #contents_pp{
    width:100%;
    background: none;
  }
  #contents_pp h2,#contents_pp h3, #contents_pp p, #contents_pp ul{
    display: none;
    margin: 0px;
  }
  #contents_pp img{
    display: block;
    width:100%;
  }
  .mini_box{
    display: none;
  }

  .last_p{
  display: none;
  }
.pp_box {
  display: none;
  }
}
  /* #contents_pp_img img{
    width:100%;
  } */


/*--------------------------------------
フッター
---------------------------------------*/
#footer{
	widows: 100%;
 background-color: #f3cb7f;
 overflow: hidden;
}

#footer p{
	font-size: 13px;
	padding-top:30px;
  padding-bottom:30px;
  margin-bottom: 10px;
	line-height: 1.6em;
	text-align: center;
}

#footer a{
	color: #333;
	line-height: 1.6em;
	text-align: center;
	text-decoration: none;
}

#footer a:hover {
	color: #2f2f2f;
	cursor: pointer;
	text-decoration: underline;
}

@media screen and (max-width:740px) {
  #footer {
    width: 100%;
  }
  #footer p{
    display: block;
  	font-size: 8px;
  	line-height: 1.2em;
  	text-align: center;
  }

  #footer a{
    display: block;
  	color: #333;
  	line-height: 1.2em;
  	text-align: center;
  	text-decoration: none;
  }

  #footer a:hover {
    display: block;
  	color: #2f2f2f;
  	cursor: pointer;
  	text-decoration: underline;
  }}