@charset "UTF-8";

@import url("normalize.css");
@import url("font-awesome.css");
@import url("general.css");
@import url("style.css");
@import url("contents.css");


.pc,
.pcimage {
	display: none;
}

img {
	width: 100%!important;
}
section#keyvisual img,
section#story img,
section#voice img,
section#taidan img,
section#detail img,
section#form img,
section#optin img {
	width: 100%!important;
}





/*
section#features img.auto,
section#flow img.auto,
section#message img.auto,
footer img.auto {
	width: auto!important;
}
*/
p,
li {
	font-size: 4.266vw!important;
}

div.container {
	width: 95%!important;
	margin: 0 auto;
}



/* ▼ヘッダー */
/* ----------------------------------------------------- */
header h1 {
	color: #ffffff;
	font-weight: normal;
	font-size: 3.733vw;
	margin: 0.3em 0 0.3em 0;
	padding: 0;
}
header h1 img {
	 float: left;
	 width: 22.22% !important;
	 margin: 0 1em 0 0;
}



/* ▼キービジュアル */
/* ----------------------------------------------------- */
section#keyvisual {
	clear: both;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0;
	padding: 0;
	text-align: center!important;
}
section#keyvisual:after {
	clear: both;
	display: block;
	content: "";
	border: 0 none;
}
section#keyvisual div.container {
	padding: 1.5em 0 1.5em 0;
}
section#keyvisual img {
	margin: 0!important;
	padding: 0!important;
	width: 100%!important;
	vertical-align: bottom !important;
}



/* ▼To Form */
/* ----------------------------------------------------- */
section#toForm {
	background: #0b1c56;
}
section#toForm div.container {
	width: 82%!important;
}
section#toForm p {
	color: #ffffff;
}
section#toForm div.container {
	display: block;
	padding: 20px 0 20px 0;
}
section#toForm div.logo {
	float: none;
	display: block;
	width: 100%;
	vertical-align: top;
}
section#toForm div.logo div.tex {
	display: none;
}
section#toForm div.logo div.img {
	display: block;
	margin: 0 0 1em 0;
}
section#toForm div.logo div.img img {
	margin: -2.8em 0 0 0;
	width: 100%!important;
}
section#toForm div.btn {
	float: none;
	width: 100%!important;
	margin: 0 auto;
}
section#toForm  div.btn p.limit {
	text-align: center!important;
	margin: 0 0 0.5em 0;
}
section#toForm div.btn p.toForm {
	text-align: center!important;
	margin: 0 0 0 0;
}



/* ▼集客サイト成功事例 */
/* ----------------------------------------------------- */
section#case div.container {
	margin: 2em auto 2em auto;
	padding: 2em 0.5em 0 0.5em;
}
section#case h2 {
	margin: 0 auto;
	width: 70%!important;
}
section#case div.container p.sub {
	width: auto;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
section#case h3 {
	font-size: 5.333vw;
	width: 100%;
	margin: 0 auto 0.5em auto;
}
section#case div.wrap {
	width: 100%;
	margin: 0 auto 1em auto;
}
section#case div.wrap p {
	display: block;
}
section#case div.wrap p.img {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
section#case div.wrap p.img img {
	width: 100%!important;
}



/* ▼こんなことでお悩みではないですか？ */
/* ----------------------------------------------------- */
section#check div.container {
	padding: 2em 0 2em 0;
}
section#check h2 {
	width: 100%;
	margin: 0 auto 0.5em auto;
}
section#check p {
	font-size: 4.266vw;
	width: auto;
	margin: 0 auto 1em auto;
}
section#check ul {
	width: auto;
	padding: 0;
}
section#check ul li {
	font-size: 4.8vw;
	list-style-type: none;
	font-weight: bold;
	padding: 0 0 0 2.5em;
	margin: 0 0 1em 0;
	background: url(../images/check.svg) no-repeat center left;
	background-size: 32px;
}
section#check ul li:last-child {
	margin: 0;
}



/* ▼5つのステップ */
/* ----------------------------------------------------- */
section#step div.container {
	padding: 2em 0 2em 0;
}
section#step h2 {
	width: 80%;
}
section#step h3 {
	font-size: 5.333vw;
	margin: 0 0 0.5em 0;
	padding: 1em 0 0.3em 0;
}
section#step div.wrap {
	display: table;
}
section#step p,
section#step ul {
	display: block;
}
section#step p {
	margin: 0 auto 1em auto;
}
section#step p img {
	width: 100%!important;
}

section#step ul {
	padding: 0;
	margin: 0 0 1em 1em;
}
section#step ul li {
	font-size: 4.266vw;
}



/* ▼このノウハウを実践している方々の声 */
/* ----------------------------------------------------- */
section#voice div.container {
	padding: 2em 0 1em 0;
}
section#voice h2 {
	margin: 0 auto;
	padding: 0 0 1em 0;
	width: 100%;
}
section#voice div.wrap {
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
}
section#voice div.wrap div.img,
section#voice div.wrap div.tex {
	display: block;
	margin: 0 auto 1em auto;
}
section#voice div.wrap div.img {
	width: 80%!important;
}
section#voice div.wrap div.img p {
	margin: 0;
}
section#voice div.wrap div.img img,
section#voice div.wrap div.img iframe {
	width: 100%!important;
}
section#voice div.wrap div.tex {
	padding: 0;
}
section#voice div.wrap div.tex h3 {
	font-size: 4.266vw;
	margin: 0 0 0.5em 0;
}
section#voice div.wrap div.tex p {
	font-size: 4.266vw;
}



/* ▼たった1日で成果を出せるようになるのか？ */
/* ----------------------------------------------------- */
section#doubt div.container {
	padding: 2em 0 2em 0;
}
section#doubt h2 {
	width: 100%;
}



/* ▼セミナー詳細 */
/* ----------------------------------------------------- */
section#info div.container {
	padding: 2em 0 2em 0;
}
section#info h2 {
	width: 100%;
	margin: 0 auto 0.5em auto;
}
section#info p.limit {
	width: 80%;
	margin: 0 auto 2em auto;
}
section#info table {
	font-size: 3.733vw;
}
section#info table tr th {
	padding: 0.5em 1em 0.5em 1em;
	width: auto;
}
section#info table tr td {
	padding: 0.5em 1em 0.5em 1em;
}
section#info table tr td p {
	font-size: 3.733vw!important;
}



/* ▼講師紹介 */
/* ----------------------------------------------------- */
section#profile div.container {
	padding: 2em 0 0 0;
}
section#profile h2 {
	width: 100%;
	margin: 0 auto 1em auto;
}
section#profile div.wrap {
	display: table;
	margin: 0 0 2em 0;
}
section#profile div.wrap div.img,
section#profile div.wrap div.tex {
	display: block;
}

section#profile div.wrap div.img {
	margin: 0 auto 1em auto;
	text-align: center;
}
section#profile div.wrap div.img img {
	width: 80%!important;
}
section#profile div.wrap div.tex {
	margin: 0 0 1em 0;
}
section#profile div.wrap div.tex h3 {
	width: 100%;
	margin: 0 0 0.5em 0;
}
section#profile div.wrap div.tex p {
	margin: 0 0 1em 0;
}
section#profile div.wrap div.tex ul {
	margin: 0;
	padding: 0;
}
section#profile div.wrap div.tex ul li {
	list-style-type: none;
}
section#profile div.work {
	padding: 2em 1em 0 0em;
	margin: 0 0 2em 0;
}
section#profile div.work div.wrap {
	width: 100%;
	display: block;
	margin: 0 0 1em 0;
}
section#profile div.work div.wrap p {
	font-size: 3.733vw;
}

section#profile div.work div.wrap p img.floatLeft {
	float: left;
	width: 50%!important;
	margin: 0 0.5em 0.5em 0;
}



/* ▼お申し込みはこちら */
/* ----------------------------------------------------- */
section#formTtl {
	padding: 1em 0 1em 0;
}
section#formTtl h2 {
	width: 80%;
}



/* ▼申込みフォーム */
/* ----------------------------------------------------- */ 
section#form {
	padding: 2em 0 2em 0;
}
section#form div.container {
	border: 1px solid #dfdfdf;
	background: #ffffff;
	padding: 30px 0 50px 0;
}
section#form p {
	width: 95%;
	margin: 0 auto 1em auto;
}
section#form p.limit {
	width: 95%;
	margin: 0 auto 1em auto;
}
section#form p.note{
	font-size: 4.8vw;
	margin: 0 auto 0.5em auto;
}
section#form table {
	width: 95%;
	margin: 2em auto 2em auto;
}
section#form table tr th {
	text-align: left;
}
section#form table tr th,
section#form table tr td {
	padding: 10px 0 0 0;
	display: block;
}

section#form table tr th span {
	font-size: 14px;
}
section#form form {
	margin: 0 auto;
	width: 95%;
}
section#form form input {
	height: 30px;
	width: 95%;
	margin: 0 0 10px 0;

}
section#form form select {
	width: 95%;
	margin: 0 0 10px 0;
}

section#form form button {
	background: none;
	border: none;
	width: 100%;
	margin: 0 auto 1em auto;
}
section#form p#applyEnd,
section#form p.button {
	text-align: center;
}
section#form p#applyEnd {
	color: #ff0328;
	font-weight: bold;
	font-size: 20px;
}

section#form h3 {
	font-size: 3.733vw;
	font-weight: normal;
	color: #ffffff;
	background: #1a1a1a;
	margin: 0 auto;
	padding: 0.3em 0 0.3em 0;
	width: 95%;
}
section#form div.policy {
	border: 1px solid #1a1a1a;
	box-sizing: border-box;
	width: 95%;
	margin: 0 auto;
	height: 300px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}
section#form div.policy p {
	width: auto;
	margin: 0 1em 0 1em;
}






/* ▼お申し込みフォーム */
/* ----------------------------------------------------- */
/*
section#form {
	padding: 0 0 30px 0;
}
section#form h2 {
	text-align: center;
	background: #CB1F23;
	padding: 10px 0 10px 0;
}
section#form div.wrap {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}
section#form div.wrap p {
	width: 95%;
	margin: 0 auto 1em auto;
}

section#form table {
	width: 95%;
	margin: 0 auto;
}
section#form table tr th {
	text-align: left;
}
section#form table tr th,
section#form table tr td {
	padding: 10px 0 0 0;
	display: block;
}

section#form table tr th span {
	font-size: 14px;
}
section#form form {
	margin: 0 auto;
	width: 95%;
}
section#form form input {
	height: 30px;
	width: 95%;
	margin: 0 0 10px 0;

}
section#form form select {
	width: 95%;
	margin: 0 0 10px 0;
}
 */


/* ▼お申し込みフォーム（確認） */
/* ----------------------------------------------------- */
section#optin {
	clear: both;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0 0 40px 0;
	padding: 0;
}
section#optin:after {
	clear: both;
	display: block;
	content: "";
	border: 0 none;
}

section#optin h2,
section#optin h3,
section#optin p {
	text-align: center;
}
section#optin h3 {
	font-size: 18px;
	background: #0d2192;
	color: #ffffff;
	padding: 10px 0 10px 0;
}

section#optin table {
	width: 95%!important;
	margin: 0 auto;
}
section#optin table tr th {
	text-align: left;
}
section#optin table tr th,
section#optin table tr td {
	padding: 10px 0 10px 0;
	display: block;
}

section#optin form {
	margin: 0 auto;
	width: 95%;
}
section#optin form input {
	height: 30px;
	width: 95%;
	margin: 0 0 10px 0;

}
section#optin form select {
	width: 95%;
	margin: 0 0 10px 0;
}

section#optin form button {
	background: none;
	border: none;
	width: 95%;
}
section#optin form button img {
	width: 100%!important;
	margin: 0 0 1.5em 0;
}



/* ▼フッター */
/* ----------------------------------------------------- */
footer {
	padding: 2em 0 2em 0;
	background: #1a1a1a;
}
footer p {
	font-size: 3.2vw;
	margin: 0;
}
footer p.logo {
	width: 40%;
	margin: 0 auto 1em auto;
}



/* ▼コピーライト */
/* ----------------------------------------------------- */
section#copyright {
	padding: 0.5em 0 0.5em 0;
}
section#copyright p {
	font-size: 3.2vw;
}