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

/* common */
body{
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #000;
	font-size: 62.5%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
a:hover img {
	opacity: 0.7;
}
#wrapper{
	width: 640px;
	margin: 0 auto;
}
p{
	font-size: 2.4em;
	line-height: normal;
	padding: 0px 5% 5%;
}
li {
	font-size: 2.4em;
	line-height: normal;
	padding: 0px 5%;
}
header p{
	text-align:center;
	padding: 0px;
}
.area{
	background: #fff;
}
.bg27{background: url(../images/img27.jpg) repeat-y left top;}
.bg27 p{padding: padding: 0px 10% 30px;}
p.name{font-size: 2.8em;}

p.t01{
	background: url(../images/img01.png) no-repeat left top;
	font-weight: bold;
}
p.t02{
	font-size: 4.2em;
	font-weight: bold;
	line-height: 48px;
	padding: 5px 0px 10px;
	margin-bottom: 0;
}
p.t03{
	background: url(../images/img13.jpg) no-repeat left top;
	font-size: 3.4em;
	line-height: 45px;
	padding-top: 133%;
	padding-left: 28%;
	font-weight: bold;
	overflow: hidden;
}
/* ボーナス特典 */
p.t04 ,
p.t05 ,
p.t06 ,
p.t07 ,
p.t08 ,
p.t09 {
	font-weight: bold;
	color: #F00;
}
p.t04{
	background: #fff2e6;
	padding-left: 14%;
}
p.t05{
	background: #fffff6;
	padding-left: 20%;
}
p.t06{
	background: #fff2e6;
	padding-left: 22%;
}
p.t07{
	background: #fffff6;
	padding-left: 20%;
}
p.t08{
	background: #fff2e6;
	padding-left: 14%;
}
p.t09{
	background: #fffff6;
	padding-left: 13%;
	margin-bottom: 30px;
}

p.t10{
	background: #FFF url(../images/img43.jpg) no-repeat left top;
	font-size: 2.6em;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin-bottom: 5px;
	padding: 1% 5% 0 9%;
}
p.t11{
	background: #ffffcd;
	padding-top: 30px;
}
p.t12{
	background: url(../images/img42.jpg) no-repeat left top;
	line-height: 1.4;
	padding-left: 30%;	
}
p.t13{
	margin: 0px 30px 20px;
	border: 2px solid #868686;
	padding: 10px 20px;
}
p.t14{
	background: #ffffcc;
	margin: 0px 30px 20px;
	padding: 10px 20px;
}
p.t15{
	background: #ffd2bb;
	margin: 0px 30px 20px;
	border: 2px solid #ff9057;
	padding: 10px 20px;
}

.cd{
	background: url(../images/img-cd.jpg) no-repeat left top;
	text-align:center;
	min-height: 395px;
	padding-top: 15%;
	overflow: hidden;
}
.cd iframe{
	width: 84%;
	min-height: 330px;
	height: 100%;
}

#areaVoice{}
#areaVoice p{
	padding: 2% 5% 0 25%;
	line-height: 1.4;
}
#areaVoice .comment{
	font-size: 1.2em;
	font-weight: bold;
}
.voice1{
	background: url(../images/voice1.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 147px;
}
.voice2{
	background: url(../images/voice2.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 178px;
}
.voice3{
	background: url(../images/voice3.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 176px;
}
.voice4{
	background: url(../images/voice4.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 177px;
}
.voice5{
	background: url(../images/voice5.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 179px;
}
.voice6{
	background: url(../images/voice6.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 180px;
}
.voice7{
	background: url(../images/voice7.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 180px;
}
.voice8{
	background: url(../images/voice8.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 180px;
}
.voice9{
	background: url(../images/voice9.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 209px;
}

#areaExperience{  
    background: linear-gradient(#ffe5eb, #fff);
} 
#areaExperience p{
	padding-bottom: 0px;
	padding-left: 7%;
}

#areaCheck{
	background: url(../images/img35.jpg) no-repeat left top;
}
ul.listCheck{
	min-height: 570px;
	padding: 8% 5% 3% 0px;
}
ul.listCheck li{
	background: url(../images/img-check.png) no-repeat left top;
	padding-left: 10%;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 25px;
}

ul.listNote{}
ul.listNote li{
	background: url(../images/img44.jpg) no-repeat left 4px;
	font-size: 2.4em;
	line-height: normal;
	padding: 0px 30px 20px 8%;
}

#areaBonus{}
#areaBonus p {
	font-weight: bold;
	padding-bottom: 10px;
}
#areaBonus p.tit {
	font-size: 3.4em;
}
#areaBonus .bonus1{
	background: #FFF;
}
#areaBonus .bonus2{
	background: #f9f8ca;
}

.specialist1{background: url(../../images/img57.jpg) no-repeat left top;}
.specialist1 p{padding-right: 200px;}

.bar{
	background: url(../images/img-bar.jpg) no-repeat center top;
	clear: both;
	height: 30px;
}

.areaQa{
	background: url(../images/img-qa-bg.jpg) repeat-y left top;
}
.bar2{
	background: url(../images/img-bar2.png) no-repeat center top;
	clear: both;
	height: 30px;
}
.areaQa p.qa1 ,
.areaQa p.qa2 ,
.areaQa p.qa3 ,
.areaQa p.qa4 ,
.areaQa p.qa5 ,
.areaQa p.qa6 ,
.areaQa p.qa7 ,
.areaQa p.qa8 ,
.areaQa p.qa9 {
	font-size: 3.0em;
	font-weight: bold;
	line-height: 1.2;
	padding: 3% 5% 2% 17%;
}
.areaQa p.qa6 ,
.areaQa p.qa8 {
	padding: 3% 5% 4% 17%;
}
.areaQa p.qa1 {background: url(../images/img-qa1.png) no-repeat left 20px;}
.areaQa p.qa2 {background: url(../images/img-qa2.png) no-repeat left 20px;}
.areaQa p.qa3 {background: url(../images/img-qa3.png) no-repeat left 20px;}
.areaQa p.qa4 {background: url(../images/img-qa4.png) no-repeat left 20px;}
.areaQa p.qa5 {background: url(../images/img-qa5.png) no-repeat left 20px;}
.areaQa p.qa6 {background: url(../images/img-qa6.png) no-repeat left top;}
.areaQa p.qa7 {background: url(../images/img-qa7.png) no-repeat left 20px;}
.areaQa p.qa8 {background: url(../images/img-qa8.png) no-repeat left top;}
.areaQa p.qa9 {background: url(../images/img-qa9.png) no-repeat left 20px;}

.iframeBox{
	width: 90%;
	height: 170px;
	margin: 0px 5% 5%;
	border: 1px solid #000;
	overflow: auto;
}
.iframeBox iframe{
	width: 100%;
	max-height: 200px;
}

/* text */
strong{
	font-weight: bold;
	background: #FF0;
}
.c-red{
	color: #F00;
}
.bold{
	font-weight: bold;
}
.t-center{
	text-align: center;
}
.underline{
	text-decoration: underline;
}
.bg-yellow{
	background: #FF0;
}

.fs32{font-size: 3.2em;}
p.mb10{
	margin-bottom: 15px;
}
p.mb50{
	margin-bottom: 50px;
}
.tCenter{text-align:center;}
#under_bt{
	position: fixed !important;
	position: absolute;
	margin: 0px auto;
	bottom: 0px;
	width: 100%;
	max-width: 640px;
}
#under_bt img {
	opacity: 0.9;
}


@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
body {}
#wrapper{
	width: 100%;
	max-width: 640px;
}
p {
	font-size: 1.4em;
	line-height: 1.8;
}
li {
	font-size: 1.4em;
	line-height: 1.8;
}

p.name{
	font-size: 1.5em;
}
header{
	width: 100%;
	max-width: 640px;
}
.bg27{
	background: url(../images/img27.jpg) repeat-y left top;
	background-size: 100% auto;
}
p.t01{
	background: url(../images/img01.png) no-repeat left top;
	background-size: 100% auto;
	line-height: 1.4em;
}
p.t02{
	font-size: 2.0em;
	font-weight: bold;
	line-height: 24px;
	padding: 5px 0px 10px;
}
p.t03{
	background: url(../images/img13.jpg) no-repeat left top;
	background-size: 100% auto;
	font-size: 1.6em;
	line-height: 21px;
}
p.t04 ,
p.t05 ,
p.t06 ,
p.t07 ,
p.t08 ,
p.t09 {padding-left: 4%;}

p.t10{
	background: #FFF url(../images/img43.jpg) no-repeat left top;
	background-size: 100% auto;
	font-size: 1.4em;
	line-height: normal;
	margin-bottom: 5px;
}
p.t11{
	padding-top: 15px;	
}
p.t12{
	background: url(../images/img42.jpg) no-repeat left top;
	background-size: 100% auto;
}
p.t13{
	font-size: 13px;
	margin: 0px 15px 10px;
	border: 1px solid #868686;
	padding: 4px 10px;
}
p.t14{
	font-size: 13px;
	background: #ffffcc;
	margin: 0px 15px 10px;
	padding: 4px 10px;
}
p.t15{
	font-size: 13px;
	background: #ffd2bb;
	margin: 0px 15px 10px;
	border: 1px solid #ff9057;
	padding: 4px 10px;
}

.cd{
	background: url(../images/img-cd.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 197px;
	overflow: hidden;
}
.cd iframe{
	min-height: 170px;
}

#areaVoice{}
#areaVoice p{
	line-height: 1.4;
	font-size: 1.3em;
}
#areaVoice .comment{
	font-size: 1.0em;
}
.voice1{
	background: url(../images/voice1.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 73px;
}
.voice2{
	background: url(../images/voice2.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 89px;
}
.voice3{
	background: url(../images/voice3.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 88px;
}
.voice4{
	background: url(../images/voice4.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 88px;
}
.voice5{
	background: url(../images/voice5.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 89px;
}
.voice6{
	background: url(../images/voice6.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 90px;
}
.voice7{
	background: url(../images/voice7.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 90px;
}
.voice8{
	background: url(../images/voice8.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 90px;
}
.voice9{
	background: url(../images/voice9.jpg) no-repeat left top;
	background-size: 100% auto;
	min-height: 104px;
}

#areaExperience {}

#areaCheck{
	background: url(../images/img35.jpg) no-repeat left top;
	background-size: 100% auto;
}
ul.listCheck{
	min-height: 285px;
}
ul.listCheck li{
	background: url(../images/img-check.png) no-repeat left 2px;
	background-size: 100% auto;
	line-height: 1.2;
	margin-bottom: 5px;
}

ul.listNote{}
ul.listNote li{
	background: url(../images/img44.jpg) no-repeat left 4px;
	background-size: 100% auto;
	font-size: 1.4em;
	padding-bottom: 20px;
}

#areaBonus{}
#areaBonus p {
	padding-bottom: 5px;
}
#areaBonus p.tit {
	font-size: 1.6em;
}

.specialist1{
	background: url(../../images/img57.jpg) no-repeat left top;
	background-size: 100% auto;
}
.specialist1 p{
	padding-right: 100px;
}

.bar{
	background: url(../images/img-bar.jpg) no-repeat center top;
	background-size: 100% auto;
	height: 15px;
}

.areaQa{
	background: url(../images/img-qa-bg.jpg) repeat-y left top;
	background-size: 100% auto;
}
.bar2{
	background: url(../images/img-bar2.png) no-repeat center top;
	background-size: 100% auto;
	height: 15px;
}
.areaQa p.qa1 ,
.areaQa p.qa2 ,
.areaQa p.qa3 ,
.areaQa p.qa4 ,
.areaQa p.qa5 ,
.areaQa p.qa6 ,
.areaQa p.qa7 ,
.areaQa p.qa8 ,
.areaQa p.qa9 {
	font-size: 1.4em;
	line-height: 1.2;
}

.areaQa p.qa1 {background: url(../images/img-qa1.png) no-repeat left 10px;background-size: 100% auto;}
.areaQa p.qa2 {background: url(../images/img-qa2.png) no-repeat left 10px;background-size: 100% auto;}
.areaQa p.qa3 {background: url(../images/img-qa3.png) no-repeat left 10px;background-size: 100% auto;}
.areaQa p.qa4 {background: url(../images/img-qa4.png) no-repeat left 10px;background-size: 100% auto;}
.areaQa p.qa5 {background: url(../images/img-qa5.png) no-repeat left 10px;background-size: 100% auto;}
.areaQa p.qa6 {background: url(../images/img-qa6.png) no-repeat left top;background-size: 100% auto;}
.areaQa p.qa7 {background: url(../images/img-qa7.png) no-repeat left 10px;background-size: 100% auto;}
.areaQa p.qa8 {background: url(../images/img-qa8.png) no-repeat left top;background-size: 100% auto;}
.areaQa p.qa9 {background: url(../images/img-qa9.png) no-repeat left 10px;background-size: 100% auto;}

.fs32{font-size: 1.6em;}

.iframeBox{
	height: 100px;
}
.iframeBox iframe{
	max-height: 100px;
}

#under_bt{
	position: fixed !important;
	position: absolute;
	margin: 0px auto;
	bottom: 0px;
	width: 100%;
	max-width: 640px;
}
#under_bt img {
	opacity: 0.9;
}


}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }


h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

  /*h1,h2パターンA*/

h1.pa,h2.pa,h1.pb,h2.pb,h1.pc,h2.pc,h1.pd,h2.pd {
  position: relative;
  background: #00317e;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 20px;
  padding: 10px 20px;
  text-align: center;
}


h1.pb,h2.pb{
  background: -moz-linear-gradient(top, #5470e2, #0f288d);
  background: -webkit-linear-gradient(top, #5470e2, #0f288d);
  background: linear-gradient(to bottom, #5470e2, #0f288d);
}  

h1.pa{
  background: -moz-linear-gradient(top, #5470e2, #0f288d);
  background: -webkit-linear-gradient(top, #5470e2, #0f288d);
  background: linear-gradient(to bottom, #5470e2, #0f288d);
}

/* Thanks*/

.survey {
    position: relative;
    border: 3px double #da4033;
    border-radius: 5px;
    margin: 20px 0;
    padding: 20px 20px 5px 20px;
    word-break: break-all;
}
.survey::before {
    content: "重要！";
    position: absolute;
    background-color: #fff;
    color: #da4033;
    font-weight: bold;
    left: 20px;
    top: -20px;
    padding: 7px;
    font-size: 1.3rem;
}

.survey p{
    font-size: 1rem;
    font-weight: bold;

}







/*-----button-------*/


.btn a{
  display:block;
  padding:20px 0;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 24px;
}

.con-btn{
  background: #ff0000;
  color: #FFF;
  background: linear-gradient(#f56464, #ff0000);
  background-image: -ms-linear-gradient(top, #f56464, #ff0000);
  background: -moz-linear-gradient(top, #f56464 0%, #ff0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#f56464), to(#ff0000));
  border-radius: 3px;
  border: 1px solid #68933b;
}


.btn-inner{
  width:98%;
  margin:20px auto;
}

.btn{
  width:90%;
  display: block;
  margin: 0 auto 30px;
  font-size:16px; /*IE*/
  font-size: 1.0rem;
  padding: 0px;

}

/* 申し込みフォーム */


#form{
	width:100%;
	margin: 0 auto;
	 padding-top: 30px;
}


#formWrap {
  width:98%;
  margin:0 auto;
  font-size:16px;
  padding-bottom: 20px;
  color:#555;
  line-height:120%;
  font-size:14px;


}
table.formTable{
  border-collapse:collapse;
  width:95%;
  margin:10px auto;
  border: none;
}


table.formTable td,table.formTable th{
  border:1px solid #ccc;
  padding:20px;
}
table.formTable th{
  width:33%;
  font-weight:normal;
  background:#0f288d;
  text-align:left;
  vertical-align: middle; 
}

select {  
  border:2px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height:20px;}
input.fill-in{
  border:2px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height:24px;
    }
textarea{
  border:2px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width:95%;
  height:150px;
}
input:focus,
textarea:focus,
input.focus,
textarea.focus{ background-color: #ffffe4!important; }


table.formTable tr{
	width: 100%;
      display: block;
      margin-bottom: 1.5em;
      margin: 0 auto;
 }

table.formTable th{
      background-color: #0f288d;
      display: list-item;
      list-style:none;
      border: none;
      padding: 10px;
      width: auto;
      margin: 0 auto;
      color: #fff;

 }
table.formTable td {
      display: list-item;
      list-style:none;
      border: none;
      padding-left: 5px;
      width: auto;
      margin: 0 auto;
  }

textarea{
	width:100%;
	height:150px;

}
/*-----form-button-------*/



.form-btn{
	display: block;
  width:90%;
  margin: 0 auto;
}