@charset "utf-8";
body {
	font: normal 18px/1.7 "Noto Sans JP", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ",Meiryo,Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}
body .sp-item {
    display: none !important; }
  body .pc-item {
    display: block !important; }	
  @media screen and (max-width: 640px) {
    body {
      min-width: inherit; 
	  height:100%; 
	  }
      body .sp-item {
        display: block !important; }
      body .pc-item {
        display: none !important; } 
	  body .sp-item img {
		width:100%;}
}
@media screen and (max-width: 640px) {
	.sp img{
		max-width:90%;	
}
	.sp02 img{
		max-width:100%;	
}
.sp03 img{
		max-width:70%;	
}
}
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.ov_hd {
	overflow: hidden;
}
.bg_none {
	background-image: none!important;
}
a.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.center {
	text-align: center;
}
.right {
	text-align:right;
}
.line_0 {
	line-height: 0;
}
.zindex {
	z-index: 200;
}
input[type=radio] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
input[type=image]:hover{
		opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
/* ----------------------------------------------------
 
    text
 
---------------------------------------------------- */
em {
	text-decoration: underline;
  font-style: normal;
}
.bd_red {
	border-bottom: 1px solid #FF0004;
	padding-bottom: 2px;
}
.bd_red02 {
	border-bottom: 3px solid #FF0004;
	padding-bottom: 0px;
}
.red {
	color: #ff0000;
}
.yellow {
	background-color: #ffff00;
}
.gray {
	color:#666666;
}
.bold {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
.strike {
	text-decoration: line-through;
}
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.al {
	text-align: left !important;
}
.bold {
	font-weight: bold !important;
}
.font10 {
	font-size: 10px !important;
}
.font11 {
	font-size: 11px !important;
}
.font12 {
	font-size: 12px !important;
}
.font13 {
	font-size: 13px !important;
}
.font14 {
	font-size: 14px !important;
}
.font15 {
	font-size: 15px !important;
}
.font16 {
	font-size: 16px !important;
}
.font17 {
	font-size: 17px !important;
	line-height:150%;
}
.font18 {
	font-size: 18px !important;
}
.font19 {
	font-size: 19px !important;
}
.font20 {
	font-size: 20px !important;
}
.font21 {
	font-size: 21px !important;
}
.font22 {
	font-size: 22px !important;
}
.font23 {
	font-size: 23px !important;
}
.font24 {
	font-size: 24px !important;
}
.font25 {
	font-size: 25px !important;
}
.font26 {
	font-size: 26px !important;
}
.font27 {
	font-size: 27px !important;
}
.font28 {
	font-size: 28px !important;
}
.font29 {
	font-size: 29px !important;
}
.font30 {
	font-size: 30px !important;
}
.font32 {
	font-size: 32px !important;
}
/* ----------------------------------------------------
 
    float
 
---------------------------------------------------- */
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.clear {
	clear: both;
}
img {
	line-height: 0;
	padding: 0;
	margin: 0;
	width: auto;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
/* ----------------------------------------------------
    clearfix の代用
    <div class="hr"><hr /></div>
---------------------------------------------------- */

/* プリヘッダー */
.pr-header{
    background-color: #1b1a39;  /*背景色*/
    height: 120px;              /*高さ*/
    margin: 0 auto;
}

/*ヘッダー*/
.header-pc{
   background-image: url(../images/header_haikei.jpg) ;
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 0px !important; /*表示位置調整*/
   margin: 0 auto;
}
.header img{
	display: none;
}
.header-pc{
	text-align: center;
}
@media screen and (max-width: 640px) {
	.header{
        background-size: cover ;
/*		background-position: 30% 50%;*/
	}
	.header  img{
		display: block;
		text-align: center;
	}
	.header-pc img{
	display: none;
}
}
/*フォーム*/
.mail{  
	background-image: none;
}

/*繊細さん向け起業法とは*/
.hsp{
    margin: 0 auto;   
}

/*3大特典*/
.present{
    margin: 0 auto;
}
/*--入力フォーム--*/
#form{
    width: 100%;
    padding-top: 25px;
    padding-bottom: 45px;
	margin:0 auto;
    text-align: center;
}


/*入力エリア 背景あり用*/
.inputText{
	height: 120px;             /*高さ*/
	width: 720px;              /*幅*/
	padding-left: 2%;          /*左余白*/
	font-size: 39px;           /*フォントサイズ*/
	font-weight: bold;         /*太文字*/
    margin-top: 30px;         /*上余白*/
    margin-bottom: 10px;       /*下余白*/
    box-sizing: border-box;    /*paddingとborderを幅と高さに含める*/
}

.mailmoji{
	background-image: url(../images/kikangentei_haikei.jpg) ;
    background-repeat: no-repeat; 
    background-position: center;
    text-align: center;
}
.mailmoji img{
	margin-top: 20px;
}
/*入力エリア 背景なし用*/
.inputText2{
	height: 120px;             /*高さ*/
	width: 720px;              /*幅*/
	padding-left: 2%;          /*左余白*/
	font-size: 39px;           /*フォントサイズ*/
	font-weight: bold;         /*太文字*/
    margin-top: 30px;          /*上余白*/
    margin-bottom: 20px;       /*下余白*/
    box-sizing: border-box;    /*paddingとborderを幅と高さに含める*/
}
.btn_a{
	margin:0 auto;
    width: 100%;
    margin:  auto;
    text-align: center;
}

@media screen and (max-width: 640px) {
	.mailmoji{
		background-image: url(../images/kikangentei.png);
		background-size: cover;
}
 .btn_e{
 	margin-top: -5px;
 	margin-bottom: -10px;
 }
 .mailmoji img{
	display: none;
}
}

/*悩み*/
.nayami{
    margin: 0 auto;
    background-image: url(../images/nayami_haikei.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -5px;
    width: 100%;
}

/*挨拶見出し*/
.h2-aisatsu{
    background-color: #00a99d;  /*背景色*/
    height: 214px;              /*高さ*/        
}

/*挨拶文*/
.aisatsu{
    width: 710px;               /*幅*/
    padding: 20px;              /*内側の余白*/
    margin: 0 auto;
    border : solid 1px #c78a03; /*線の色*/
    line-height: 1.9;
}

/*挨拶 写真*/
.aisatsu-img{
    float: right;               /*右寄せ　文字回り込み*/
    margin-top: -150px;         /*表示位置調整*/
    margin-right: -40px;        /*表示位置調整*/
    position:relative;          /*重なり順指定*/
    z-index: 100;               /*重なり順指定*/
}

/*グリーンのマーカー*/
.marker-green{
    background:linear-gradient(transparent 50%, #75d4ca 50%);
}

/*オレンジ*/
.orange {
	color:#ff821e;
}

/*体験した人の声見出し*/
.koe{
    margin: 0 auto;    
}

/*体験した人の声*/
.koe_area{
    background-color: #e4f5f2;  /*背景色*/
    padding: 55px 0px;
    text-align: left;
}

/*voice*/
.h3_koe{
}

.koe_inner{
    width : 678px;              /*幅*/
    border: solid 3px #1b1a39;  /*ボーダー*/
    background-color: #f2f2f2;  /*背景色*/
    margin: 0 auto;
}

.koe_txt{
    width : 628px;              /*幅*/
    padding: 25px 25px 45px 25px; /*余白*/
    margin: 0 auto;
}

/* 問 グレー背景*/
.koe_q_gray{
    font-weight: bold;          /*太文字*/
    background-color: #b3b3b3;  /*背景色*/
    padding: 5px;               /*余白*/
    margin: 0 auto;
}

/* 問 オレンジ背景*/
.koe_q_orange{
    font-weight: bold;          /*太文字*/
    background-color: #ff821e;  /*背景色*/
    padding: 5px;               /*余白*/
    margin: 0 auto;
}

/*講師プロフィール*/
.profile{
    margin: 0 auto;
}

/*プロフィール見出し*/
.h2-profile{
    background-color: #00a99d;  /*背景色*/
    height: 120px;              /*高さ*/    
    margin: 0 auto;
}

.profile_area{
    background-color: #f2f2f2;  /*背景色*/
    margin: 0 auto;
}

.profile_inner{
    padding: 25px 25px 60px 25px; /*余白*/
    text-align: left;           /*文字左寄せ*/
    margin: 0 auto;
    line-height: 1.8;
    font-size: 20px;                  
    width: 750px;
	}
@media screen and (max-width: 640px) {
	.profile_inner{
		width: auto;
	}
}

/*メディア*/
.media{
    margin: 0 auto;
    width: 100%;
}

/*大きな変化を体験してください*/
.henka{
    margin: 0 auto;
    background-color: #f1f5ff;/*背景*/
}

/*大きな変化*/
.henka_area{
   width: 100%;               /*幅*/
   background-color: #f1f5ff;/*背景*/

}

/*フッター*/
.footer{
    background-color: #1b1a39;  /*背景色*/
    color : #ffffff;            /*文字色*/
    margin: 0 auto;
}
a {
    color:#ffffff;              /*リンクの色*/
    text-decoration:none;       /*アンダーラインを消す*/
}
a:hover {
    color:#ffffff;              /*リンクにマウスを乗せた時の色*/
    text-decoration:none;       /*アンダーラインを消す*/
}

/*スマホ*/
@media screen and (max-width: 640px) {
/*画像幅*/
img {
    max-width: 100%;
}
/*プリヘッダー*/
.pr-header{
    background-color: transparent;  /*背景色指定クリア*/
    height: auto;              /*高さ*/
}
/*ヘッダー*/
.header{
    margin-top: 0px !important; /*位置調整*/
    width: 100%;
}
/*期間限定*/
.kikangentei{
    background-size: contain;   /*背景画像を全部表示*/
}
/*--入力フォーム--*/
input{
    width:95%;                 /*幅*/
}
/*入力エリア 背景あり用*/
.inputText{
	height: 60px;               /*高さ*/
	width: 90vw;                 /*幅*/
	font-size: 18px;            /*フォントサイズ*/
    margin-top: 180px;          /*余白 上*/
}
/*入力エリア 背景なし用*/
.inputText2{
	height: 55px;               /*高さ*/
	width: 87vw;                 /*幅*/
	font-size: 18px;            /*フォントサイズ*/
    margin-left: 2px;
    margin-top: 10px;
}
/*挨拶見出し*/
.h2-aisatsu{
    background-color: transparent;  /*背景色指定クリア*/
    height: auto;              /*高さ*/        
}
/*挨拶文*/
.aisatsu{
    width: 85%;                /*幅*/
}   
/*挨拶 写真*/
img.aisatsu-img{
    width: 50%;                /*幅*/
    margin-top: -35%;
    margin-right: -9%;
}
 /*voice*/
.h3_koe{
    width: 100%;               /*幅*/
}

.koe_inner{
    width : 90%;               /*幅*/
}

.koe_txt{
    width: 90%;                /*幅*/
    padding: 10px 0;           /*余白 上下 左右*/
}

.h2-profile{
    background-color: transparent;  /*背景色*/
    height: auto;              /*高さ*/
}

.profile_area{
    width: 100%;               /*幅*/
}
    
.henka_area{
    width: 100%;               /*幅*/
    background-size: contain;  /*背景画像を全部表示*/
}
.henka_inner{
    text-align: left;            /*文字左寄せ*/
}
}