@charset "UTF-8";

html{width:100%;height:100%;}body,div{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

html,body { width:100%; height:100%; font-family:Meiryo,メイリオ,sans-serif , 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif; }
.cf { zoom: 1; } .cf:before,.cf:after { content: ""; display: table; } .cf:after { clear: both; }

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }

/* ------------------------------小見出し属性------------------------------　*/
h1 , h2 ,h3 ,h4 ,h5 { margin:0; padding:0; line-height:120%; }
h1 { font-size:70px; }
h2 { font-size:30px; }
h2 img { padding:50px 0; }
h3 { font-size:30px; }
h3 img { margin:0 auto; }
h4 { font-size:28px; }
h2 img { margin:0 auto; }

@media screen and (max-width:768px){
	h2 { font-size:22px; }
	h3 { font-size:22px; }
	h4 { font-size:18px; }
}

/* ------------------------------コンテンツエリア------------------------------　*/
p { font-size:16px; margin:0 0 20px 0; padding:0; line-height:190%; display:block; }
a { color:#1800AE; text-decoration:none; }
a:hover,a:active { color:#67009B; text-decoration:underline; }
a:hover { opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }
a:hover img { opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }
section ul { margin:0; padding:0; }
section li { font-size:16px; font-weight:bold; padding:0; margin:0 0 10px 0; }
img { max-width:100%; height:auto; display:block; }
img.center,.aligncenter { margin:0 auto; display:block; }
img.left { float:left; margin:0 20px 0 0; }
img.right { float:right; }
img.photo { background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
img.photo-left { transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); }
img.photo-right { transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); }
a:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
.bold { font-weight:bold; }
.underline { text-decoration:underline!important; }
.red { color:#ff0000; font-weight:bold; }
.yellow { background:linear-gradient(transparent 40%, #ffe300 40%); padding:0px 5px;}
.center { text-align:center; }
.big { font-size:1.5em; line-height:150%; }
.small { font-size:12px; }
br.no_sm { display:none; }
.pc { display:block; }
.sp { display:none; }
hr { border-top:1px solid #ae9b5c; margin:30px 0;}

@media screen and (max-width:768px){
	.pc { display:none; }
	.sp { display:block; }
}

@media screen and (max-width:768px){
	p { font-size:14px; }
	section li { font-size:14px; margin:10px 0 0 0; padding:0 0 10px 0; }
	br.no { display:block; }
	img.left , img.right  { float:none; margin:0 auto 20px auto; display:block; }
	img.left_sm { float:left; }
	.big { font-size:16px; }
}

.ma00 { margin-top:0 !important; }
.ma10 { margin-top:10px !important; }
.ma20 { margin-top:20px !important; }
.ma30 { margin-top:30px !important; }
.ma50 { margin-top:50px !important; }
.ma70 { margin-top:70px !important; }
.ma100 { margin-top:100px !important; }
.pa00 { padding-top:0 !important; }
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }

/* ------------------------------ヘッダー部分------------------------------　*/
body   { animation:fadeIn 1s ease 0s 1 normal; -webkit-animation:fadeIn 1s ease 0s 1 normal; }
header { width:100%; height:720px; margin:0; padding:0; background:url(img/header.png) no-repeat 50% 0,url(img/header_bg.png) repeat-x 0 0; background-size:1400px 720px; }
#header { width:1000px; margin:0 auto; position:relative; }
#header_inner {  }
header h1 { font-weight:bold; }
header a { color:#000000; margin:30px auto 0 auto; padding:20px; display:block; border-radius:30px;}
header a:before { content:url(img/icon_shoping.png); margin-right:10px; }
header a:hover { text-decoration:none; color:#ffffff; }

@media screen and (max-width:1000px){
	body { width:1000px; }
}

@media screen and (max-width:768px){
	body { width:100%; }
	header { height:auto; background:none; }
	#header { width:100%; position:static; }
	#header_inner { position:static; }
}

/* ------------------------------共通------------------------------　*/
article { width:100%; }
section { width:1000px; margin:0 auto; padding:70px 45px 50px 45px; }

@media screen and (max-width:768px){
	article { width:100%; }
	section { width:100%; padding:50px 15px; }
}

/* ------------------------------商品紹介------------------------------　*/
.product { background:url(img/product.png) no-repeat 50% 0; height:620px; }
@media screen and (max-width:768px){
	.product { background:url(img/bg.png); height:auto; padding:0px;}
}
/* ------------------------------問題提起------------------------------　*/
.problem { background:url(img/problem_img01.png) no-repeat 50% 0,url(img/problem_bg.png) repeat-x 50% 0; }
.problem .right { width:640px; float:right; }
.problem h2 { color:#ffffff; line-height:1.2; }
.problem h2 span { color:#f0c82d; font-size:60px; }
.problem ul { border:1px solid #ffffff; padding:20px; margin:20px 0; }
.problem li { font-size:18px; background:url(img/checkbox.png) no-repeat 0 0; padding:4px 0 0 35px; color:#ffffff; }
.problem p { color:#ffffff; font-size:30px; font-weight:bold; line-height:1.4; }
.problem p span { font-size:40px; color:#f0c82d; text-decoration:underline; }

@media screen and (max-width:768px){
.problem { background:#810011 url(img/problem_bg.png) repeat-x 50% 0; padding:0!important; }
.problem section{ padding:50px 15px 0 15px; }
.problem .right { width:100%; float:none; }
.problem h2 { text-align:center }
.problem p { font-size:30px; text-align:center; }
.problem p span { font-size:36px; text-align:center; }

}
/* ------------------------------実績------------------------------　*/
.performance { background:#810011; }
.performance section { background:#ffffff; }
.performance img { margin:0 auto; }
.border { background:url(img/border_top.jpg) no-repeat 50% 0 , url(img/border_bottom.jpg) no-repeat 50% 100% ,url(img/border_center.jpg) repeat-y 50% 0; padding:100px 60px; margin:50px 0; }
.performance .left { width:290px; float:left; }
.performance .right { width:470px; float:right; }
.performance .left02 { width:470px; float:left; }
.performance .right02 { width:290px; float:right; }


@media screen and (max-width:768px){
.border { background-size:contain; padding:50px 30px; }
.performance .left { width:100%; float:none; margin-bottom:50px; }
.performance .right { width:100%; float:none; }
.performance .left02 { width:100%; float:none; }
.performance .right02 { width:100%; float:none; }
}


/* ------------------------------教育------------------------------　*/
.education { background:#810011; }
.education section { background:#ffffff; }
.padding_bottom { padding-bottom:70px; }
@media screen and (max-width:768px){
	.padding_bottom { padding-bottom:50px!important; }
	.education  { padding:0 15px; }
}

ul.red { margin:30px 0; }
ul.red li { font-size:24px; }

.education dt { border:6px solid #ae9b5c; padding:10px; color:#ae9b5c; font-weight:bold; width:110px; height:55px; float:left;  margin:0 0 30px 0; }
.education dd { border:6px solid #ae9b5c; background:#ae9b5c; padding:10px; color:#ffffff; font-weight:bold; margin:0 0 30px 110px; height:55px; font-size:22px; }

.education dl.long {  }
.education dl.long dt { height:90px; }
.education dl.long dd { height:90px; }

@media screen and (max-width:768px){
.education dt { width:100%; height:auto; float:none;  margin:0; }
.education dd { margin:0 0 30px 0; height:auto; font-size:16px; }
.education dl.long dt { height:auto; }
.education dl.long dd { height:auto; }
}

h3.mokuji { background:#ae9b5c; color:#ffffff; margin-bottom:20px; font-size:24px; padding:10px; }
ul.mokuji { margin-bottom:30px; }
ul.mokuji li { font-weight:normal; }
h4 { color:#ae9b5c; font-size:20px; }
.mokuji_box { border:1px solid #ae9b5c; padding:30px 30px 10px 30px; background:#ffffff; }

@media screen and (max-width:768px){
h3.mokuji { font-size:16px; }
}

/* ------------------------------推奨の声------------------------------　*/
p.p01 { text-align:center; font-size:30px; color:#ff0000; font-weight:bold; }
p.p01 span.p01_01 { font-size:20px; color:#000000; }
p.p01 span.p01_02 { font-size:36px; }
p.p02 { background:#ae9b5c; color:#ffffff; text-align:center; padding:10px; }
.suisen_box { border:2px solid #ae9b5c; padding:30px 30px 10px 30px; }
.suisen .left { width:225px; float:left; }
.suisen .right { width:545px; float:right; }

@media screen and (max-width:768px){
p.p01 { font-size:20px; }
p.p01 span.p01_01 { font-size:16px; }
p.p01 span.p01_02 { font-size:26px; }
.suisen .left { width:100%; float:none; }
.suisen .left img { margin:0 auto 20px auto; }
.suisen .right { width:100%; float:none; }
}





/* ------------------------------実践者の声------------------------------　*/
.border_padding { padding-top:10px; }
.jissen .title { background:#ae9b5c; margin:0 0 30px 0; padding:30px 30px 10px 30px; word-wrap: break-word; }
.jissen .title .left { width:540px; float:left; }
.jissen .title .right { width:170px; float:right; }
.jissen .title .left h3 { color:#ffffff; border-bottom:1px solid #ffffff; margin-bottom:30px; padding-bottom:30px; }
.jissen .title .left p { color:#ffffff; }
.jissen h3 img { margin:0 auto; }
.jissen .border > img { margin:0 auto 20px auto; }

@media screen and (max-width:768px){
.jissen .content { padding:20px; }
.jissen .title { padding-bottom:40px; }
.jissen .title .left { width:100%; float:none; }
.jissen .title .right { width:100%; float:none; }
.jissen .title .left h3 { text-align:center; }
.jissen .title .left p { text-align:center; }
.jissen .title .left br { display:none; }
.jissen .title .right img { margin:0 auto; }
}



/* ------------------------------どんな人に向いている？------------------------------　*/
.target ul { border:1px solid #ffffff; padding:20px; margin:20px 0; }
.target li { font-size:18px; background:url(img/checkbox02.png) no-repeat 0 0; padding:4px 0 0 35px;  }

@media screen and (max-width:768px){
	.target li { font-size:14px; background:url(img/checkbox02_sp.png) no-repeat 0 2px; padding:0 0 0 20px; }
}

/* ------------------------------CTA------------------------------　*/
.cta { background:url(img/cta_img.png) no-repeat 50% 70px ,url(img/bg.png); padding-top:500px; }
.cta section { position:relative; }
.cta p.kakaku { font-size:100px; font-weight:bold; color:#810011; position:absolute; top:-120px;left:380px; }
.cta p.kakaku span { font-size:40px; }
.cta a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bff19+0,148510+100 */
background: #8bff19; /* Old browsers */
background: -moz-linear-gradient(top, #8bff19 0%, #148510 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8bff19 0%,#148510 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8bff19 0%,#148510 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bff19', endColorstr='#148510',GradientType=0 ); /* IE6-9 */ 
display:block; text-align:center; color:#ffffff; font-size:40px; font-weight:bold; line-height:160px;
width:100%; height:160px; border-radius:80px; }
.cta p.center { margin-top:30px; font-size:12px
	; }
@media screen and (max-width:768px){
	.cta { background:url(img/bg.png) padding-top:0px; }
	.cta section { position:static; }
	.cta a { font-size:20px; height:auto; line-height:1.4; padding:30px; }
	.cta p.kakaku { font-size:50px; position:static; top:0;left:0; text-align:center; line-height:1; margin-top:20px;  }
	.cta p.kakaku span { font-size:20px; }
	.cta { background:url(img/bg.png); padding-top:0px;}
}


/* ------------------------------プライバシーポリシー・特定商取引法・会社概要------------------------------　*/
.page h1 { font-size:26px; margin-bottom:30px; }
.page h2 { font-size:20px; text-align:left; margin:50px 0 30px 0; border-bottom:solid 2px #cccccc; position:relative; }
.page h2:after {position:absolute; content:" "; display:block; border-bottom:solid 2px #333333; bottom:-3px; width:20%; }

@media screen and (max-width:768px){
	.page { padding:50px 20px; }
}

article.page table{  width:100%; font-size:12px; margin:50px auto 70px auto; padding:0; border:1px solid #cccccc; }
article.page th,article.page td { font-size:16px; padding:16px; color:#333333; border-bottom:1px solid #cccccc;}
article.page th{ width:20%; text-align:left; font-weight:bold; border-right:1px #cccccc dotted; }
article.page td{ width:80%; text-align:left; 　}
article.page tr:nth-child(odd)  { background:#ffffff; }
article.page tr:nth-child(even)  { background:#f7f7f7; }
article.page tr.all td { font-size:20px; font-weight:bold; }
article.page tr.all td span.underline { color:#ff0000; }

@media screen and (max-width:768px){
	article.page th{ width:20%; }
	article.page td{ width:80%; }
	article.page th,article.page td { padding:10px; font-size:12px;}
}


/* ------------------------------フッターエリア------------------------------　*/
footer { position:relative; width:100%; float:none; clear:both; margin:0; padding:30px 0 10px 0; background:#810011; color:#ffffff; }
#footer { width:1000px; margin:0 auto; padding:0; }
footer a { color:#ffffff!important; font-weight:bold; }
footer ul { margin:0; padding:0; text-align:center; }
footer ul li:first-child { border-left:1px solid #a8a8a8; }
footer ul li { font-size:12px; display:inline-block; text-align:center; border-right:1px solid #a8a8a8; margin:0; padding:0 10px;}
address { font-size:12px; text-align:center; color:#ffffff; padding:10px 0; }

@media screen and (max-width:768px){
	#footer { width:100%; padding-bottom:100px; }
	footer ul li { font-size:10px; }
	address { font-size:10px; }
}

/* ------------------------------購入ははこちらボタン------------------------------　*/
#contact01 { position:fixed; top:30px; right:0px; z-index:999; }
#contact01 a { display:block; margin:0; padding:0; width:160px; height:240px; background:url(img/contact01.png) no-repeat; }
#contact01 a:hover { text-decoration:none; opacity:0.7; }
@media screen and (max-width:768px){
	#contact01 a { display:none }
}
/* ------------------------------お問い合わせボタン------------------------------　*/
#contact02 { position:fixed; top:270px; right:0px; z-index:999; }
#contact02 a { display:block; margin:0; padding:0; width:160px; height:130px; background:url(img/contact02.png) no-repeat; }
#contact02 a:hover { text-decoration:none; opacity:0.7; }
@media screen and (max-width:768px){
	#contact02 a { display:none }
}

/* ------------------------------ページ下部固定CTA------------------------------　*/
#buttonTow , #buttonTow a { display:none; }
@media screen and (max-width:768px){
	#buttonTow { position:fixed; bottom:0; width:100%; height:auto; z-index:999; }
	#buttonTow #buy_box { width:100%; float:right; padding:0;}
	#buttonTow a { display:block; text-align:center; }
	#buttonTow a img { margin:0 auto; padding:0; }
	#buttonTow a:hover { text-decoration:none; opacity:0.7; }
}



iframe { width:100%; height:300px; }

@media screen and (max-width:768px){
iframe { width:100%; height:300px; }
}