@charset "utf-8";

/* ##########################################################################
Add Reset
########################################################################## */

h1,h2,h3,h4,h5.h6 {
	margin:0;
	padding:0;
}

p {
	margin:0 0 1em 0;
}

td,th {
	margin:0;
	padding:0;
}

dl,dd,dt {
	margin:0;
	padding:0;
}

ul,li {
	list-style-type:none;
	margin:0;
	padding:0;
}


/* input
---------------------------------------------- */

/*input,textarea {
    outline: none;
}

textarea {
	resize: none;
}*/


/* ##########################################################################
Link
########################################################################## */

a,a:active,a:visited,a:focus,a:hover{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
	color:#176fba;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}



/* ##########################################################################
Setting
########################################################################## */

/* clearfix
---------------------------------------------- */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/* Boxsizing
---------------------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* Image
---------------------------------------------- */

img {
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}

.ie8 img {
	width:auto;
}


/*##########################################################################
Frame
##########################################################################*/

html {
	-webkit-text-size-adjust: none;
	    -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	width: 100%;
	/*font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font-family: 'メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック','MS P Gothic', sans-serif;
	font-size:18px;
	line-height:1.8;
	color: #222;
	background-color:#002742;
background-image:url(../images/lp/c_mainimg.png);
background-repeat:no-repeat;
background-position:center top;
}

body.c2_body {
background-image:url(../images/lp/c2_mainimg.png);
background-repeat: no-repeat;
background-position:center top;
background-color:#005A97;
}

body.c3_body {
background-image:url(../images/lp/c3_mainimg.jpg);
}




/* ランディングページ：コーチング用 -------------------- */



.clear {clear:both;}

#c_wrapper {
margin:0;
padding:0;
background-image:url(../images/lp/bg.png);
background-repeat:repeat-x;
background-position:0 0;
}

.c2_bgbox {
background-image:url(../images/lp/c2_mainimg.png);
background-repeat:no-repeat;
background-position:center top;
}

#c2_wrapper {
margin:0;
padding:0;
background-image:url(../images/lp/bg_c2.png);
background-repeat:repeat-x;
background-position:0 0;
}

#c3_wrapper {
margin:0;
padding:0;
}


span.red {
color:#CC0000;
}

.red24 {
font-size:24px;
color:#CC0000;
}

.f24 {
font-size:24px;
}

span.fsmall {
font-size:20px;
}

.imgleft {
float:left;
margin:0 20px 0 0 ;
}

.imgright {
float:right;
margin:0 0 0 20px;
}


/* メインイメージ部分 */

#c_header {
width:980px;
margin:0 auto;
}

#c_header h1 {
font-size:20px;
font-weight:normal;
text-align:right;
color:#FFF;
padding:6px 0 0 0;
margin:0;
}

#c_header p {
margin:30px 0 0 0;
}

#c_header p img {
vertical-align:bottom;
}

/* 小冊子 */
.c3_header p {
margin:0 !important;
}

.c3_header h1 {
	display: none;
}

/* 上部特典部分 -------------------- */

#c_point {
background-image:url(../images/lp/c_bgblue.png);
background-position:0 0;
background-repeat:repeat-x;
overflow:hidden;
padding:24px 0 22px 0;
}

.c_pointbox {
width:980px;
margin:0 auto;
text-align:left;
}

.c_pointbox ul {
overflow:hidden;
padding:0 ;
}

.c_pointbox ul li {
list-style:none;
float:left;
margin:0 0 0 30px
}

.c_pointbox li img {
vertical-align:bottom;
}

/* コーチング */

#c2_point {
background-image:url(../images/lp/c2_bgblue.png);
background-position:0 0;
background-repeat:repeat-x;
overflow:hidden;
padding:24px 0 22px 0;
}


/* コンテンツ ---------------------- */

#c_contents {
width:980px;
margin:0 auto;
text-align:left;
}

p.c_arrow {
text-align:center;
position:relative;
z-index:30;
}

p.arrow img {
vertical-align:bottom;
}

p.c_point {
text-align:right;
position:relative;
z-index:30;
top:-104px;
left:-40px;
}


/* 導入部分 ------------------------ */

#c_main {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
position:relative;
top:-160px;
text-align:center;
padding:0 0 50px 0;
margin:0 0 -80px 0;
}

#c2_main {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
position:relative;
top:-90px;
text-align:center;
padding:0 0 50px 0;
margin:0 0 -40px 0;
}

#c_main h2 {
font-size:54px;
font-weight:900;
line-height:1.2;
color:#002641;
text-align:center;
padding:80px 0 0 0;
margin:0 0 0.7em 0;
}


#c2_main h2 {
font-size:54px;
font-weight:900;
line-height:1.2;
color:#002641;
text-align:center;
padding:80px 0 0 0;
margin:0 0 0.7em 0;
}

.textbox {
width:880px;
margin:0 auto;
text-align:left;
font-size:18px;
line-height:2.0;
}

.c_main_img01 {
position:relative;
float:right;
left:50px;
}

.c_main_img02 {
float:left;
margin:0 20px 0 0;
}

/* 小冊子 */
#c_main.c3_main {
position: static;
margin: 0 0 70px 0;
}

#c_main.c3_main h2 {
padding-top:0;
}

/* 入会特典部分 ------------------------ */


#c_tokuten {
text-align:center;
}

#c_tokuten h3 {
margin:0 0 1em 0;
}

#c_tokuten h3 img {
vertical-align:bottom;
}

.c_tokutenbox {
width:900px;
text-align:left;
margin:0 auto 4em auto;
overflow:hidden;
}

.c_tokutenbox li {
list-style-type:none;
font-size:26px;
font-weight:900;
line-height:1.4;
padding:38px 60px 0 140px;
height:130px;
color:#FFF;
background-image:url(../images/lp/c_tokuten_bg01.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

.c_tokutenbox li.li2 {
padding:22px 140px 0 140px;
}

.c_tokutenbox li strong {
color:#FFFF00;
}

.c_tokutenbox li.li3 {
padding:22px 140px 0 140px;
background-image:url(../images/lp/c_tokuten_bg02.jpg);
}


/* 入会方法部分 ------------------------ */

#c_admission {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
text-align:center;
padding:60px 0 30px 0;
margin:0 0 4em 0;
}

#c_admission h3 {
font-size:54px;
font-weight:900;
line-height:1.2;
color:#002641;
text-align:center;
margin:0 0 0.5em 0;
padding:0;
letter-spacing:0.2em;
}

.c_admissionbox {
width:820px;
text-align:left;
font-size:18px;
line-height:2.0;
margin:0 auto 2em auto;
}


/* 代表プロフィール ------------------------ */

#c_profile {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
text-align:center;
padding:60px 0 30px 0;
margin:0 0 5em 0;
}

#c_profile h3 {
font-size:54px;
font-weight:900;
line-height:1.2;
color:#002641;
text-align:center;
margin:0 0 1em 0;
padding:0;
letter-spacing:0.1em;
}

#c_profile dl {
overflow:hidden;
margin:0 0 1em 0;
}

#c_profile dt {
width:38%;
float:right;
text-align:right;
}

#c_profile dd {
width:55%;
float:left;
text-align:left;
}



#c_profile h4 {
font-size:28px;
font-weight:normal;
margin:0 0 10px 0;
line-height:1.2;
padding:0;
}

#c_profile ul {
margin:0 0 1.5em 0;
}

#c_profile ul li {
font-size:16px;
padding:8px 0;
border-bottom:1px solid #999;
}

.c_profilebox {
width:820px;
margin:0 auto 1em auto;
text-align:left;
font-size:16px;
line-height:2.0;
}


/* 推薦の言葉 ------------------------ */

#c_recommend {
width:900px;
margin:0 auto 5em auto;
text-align:left;
}

#c_recommend h3 {
margin:0 0 1em 0;
}

#c_recommend h3 img {
vertical-align:bottom;
}

.c_recommendbox {
margin:0 0 2em 0;
background-image:url(../images/lp/c_recommend_bg.jpg);
border:1px solid #E0E0E0;
}

.c_recommendbox dl {
padding:4px;
overflow:hidden;
background-image:url(../images/lp/c_on.png);
background-repeat:no-repeat;
background-position:right;
}

.c_recommendbox dl.on {
background-image:url(../images/lp/c_off.png);
}

.c_recommendbox dt {
width:160px;
float:left;
}

.c_recommendbox dt img {
vertical-align:bottom;
}

.c_recommendbox dd {
width:690px;
float:right;
font-size:16px;
text-align:left;
color:#FFF;
padding:20px 0 0 0;
margin:0;
}

.c_recommendbox dd h4 {
font-size:26px;
line-height:1.2;
margin:0 0 6px 0;
padding:0;
}

.c_recommendbox blockquote {
background-color:#FFF;
margin:0;
padding:20px 30px;
border:1px solid #E0E0E0;
font-size:16px;
line-height:1.8;
}


/* 会員の声 ------------------------ */

#c_voice {
width:900px;
margin:0 auto 5em auto;
text-align:left;
}

#c_voice h3 {
margin:0 0 1em 0;
}

#c_voice h3 img {
vertical-align:bottom;
}

.c_voicebox {
margin:0 0 2em 0;
background-image:url(../images/lp/c_voice_bg.jpg);
border:1px solid #E0E0E0;
}

.c_voicebox dl {
padding:4px;
overflow:hidden;
background-image:url(../images/lp/c_on.png);
background-repeat:no-repeat;
background-position:right;
}

.c_voicebox dl.on {
background-image:url(../images/lp/c_off.png);
}

.c_voicebox dt {
width:160px;
float:left;
}

.c_voicebox dt img {
vertical-align:bottom;
}

.c_voicebox dd {
width:690px;
float:right;
font-size:16px;
text-align:left;
color:#FFF;
padding:20px 0 0 0;
margin:0;
}

.c_voicebox dd h4 {
font-size:26px;
line-height:1.2;
margin:0 0 6px 0;
padding:0;
}

.c_voicebox blockquote {
background-color:#FFF;
margin:0;
padding:20px 30px;
border:1px solid #E0E0E0;
font-size:16px;
line-height:1.8;
}


/* 入会方法部分 ------------------------ */

#c_price {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
text-align:center;
padding:60px 0 30px 0;
margin:0 0 4em 0;
}

.c_price {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
text-align:center;
padding:60px 0 30px 0;
margin:2em 0 0 0;
}

#c_price h3 {
font-size:54px;
font-weight:900;
line-height:1.2;
color:#002641;
text-align:center;
margin:0 0 0.5em 0;
padding:0;
letter-spacing:0.2em;
}

.c_price h3 {
font-size:54px;
font-weight:900;
line-height:1.2;
color:#002641;
text-align:center;
margin:0 0 0.5em 0;
padding:0;
letter-spacing:0.2em;
}

.c_pricebox {
width:820px;
text-align:left;
font-size:18px;
line-height:2.0;
margin:0 auto 2em auto;
}


/* 最終誘導部分 ------------------------ */

#c_end {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
text-align:center;
padding:50px 0 50px 0;
}

#c_end h3 {
font-size:30px;
font-weight:normal;
line-height:1.5;
}

#c_kiyaku {
width:100%;
padding:1.2em 1.5em;
margin:0 ;
background-color:#FFF;
text-align:left;
border:8px solid #CCCCCC;
font-size:14px;
}

#c_kiyaku .c_kiyakubox {
width:100%;
height:180px;
overflow:auto;
padding:0 30px 5px 5px;
margin:0 0 10px 0;
font-size:1em;
line-height:1.6;
}

#c_kiyaku h3 {
font-size:24px;
margin: 0;
}

#c_kiyaku h4 {
font-size:16px;
margin:1em 0 0 0;
}


/* 汎用部分 ------------------------ */


.lptext {
background-image:url(../images/lp/c_contents_bg.jpg);
overflow:hidden;
text-align:center;
padding:50px 0 50px 0;
margin:4em 0 0 0;
}

.lptext h4 {
font-size:24px;
}

.daybox {
color:#FFF;
background-color:#005A97;
padding:4px 16px;
}

.btlink {
width:700px;
margin:2em auto 0 auto;
background-color:#FFB500;
text-align:center;
border:5px solid #FFFF00;
}

.btlink a {
display:block;
color:#FFF;
font-size:24px;
font-weight:900;
padding:14px 30px;
background-image:url(../images/lp/btlink_bg.jpg);
background-position:0 0;
background-repeat:repeat-x;
}

.btlink a:hover {
background-image:url(../images/lp/btlink_bg_on.jpg);
}

/* フッター ---------------------------------- */


#c_footer {
margin:0;
padding:0;
overflow:hidden;
}

.c_footerbox {
width:980px;
margin:0 auto;
padding:10px 0 4px 0;
color:#FFF;
text-align:right;
font-size:14px;
}

/* ページトップ --------------------- */


#ptop {
background-image:url(../images/lp/c_voice_bg.jpg);
border-radius:5px;
color:#FFF;
padding:14px 18px;
position:fixed;
bottom:80px;
right:40px;
}

#ptop a {
color:#FFF;
text-decoration:none;
}

#ptop:hover{
background:#333;
}

@media screen and (max-width: 640px) {
	#ptop {
	padding:8px 4px 6px 4px;
	bottom:124px;
	right:20px;
	font-size:12px;
	}
}