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

/* Reset base element settings */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
p,article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

/* New elements of HTML5 to display: block */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

/* Clear image border */
img{
	border: 0;
	vertical-align: top;
}

/* Selected Text */
::selection {
/*	color: #333;*/
	background: #e0f2eb;
}
::-moz-selection {
/*	color: #333;*/
	background: #e0f2eb; /* Firefox */
}

/* Basic settings */
html {
	-webkit-text-size-adjust: 100%; /* Font size adjust for mobile */
	font-size: 62.5%; /* 10px */
	height: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3',
				 'Hiragino Kaku Gothic Pro',
				 'メイリオ', Meiryo,
				 'ＭＳ Ｐゴシック',
				 'Roboto',
				 sans-serif;
	color: #333;
}
body {
	font-size: 15px; /* for IE */
	font-size: 1.5rem;
	line-height: 1.7;
	background-color: #fff;
}

a {
	outline: none; /* No dotted line of frame when linking */
}

/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
	color: #333;
	text-decoration: none;
}

a:hover{
	color: #828b8b;
	text-decoration: none;
	transition: 0.5s;
}

a:hover img {
	opacity: .75;
	transition: 0.5s;
}

/*リスト要素の初期値をリセット*/
ul,ol{
	list-style: none;
}

/*clearfixの設定*/
.clearfix:after,
#header_wrap:after,
#header:after,
#menu_wrap:after,
.contents_box:after,
.profile_director:after,
.point_box:after,
.rank_set:after,
.rank_set .text_box h4.green:after,
.business_merit_box .merit_set_box:after,
.activity_set:after,
.rank_set_supporter:after,
.recommendation_set:after,
.system_box .system_point_box:after,
.detail_btn_wrap:after,
.form_btn_set:after,
.remodal ul.q_and_a:after,
.remodal ul.sub_list:after,
.remodal ul.q_and_a li:after,
.campaign_supporter_box:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}

* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; }#wrap {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

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

.notice::before {
	content: '※';
	margin: 0 0 0 -1.0em;
}
.notice {
	font-size: 0.8em;
	line-height: 1.3;
	margin: 0.2em 0 0 1.0em;
}
.notice:first-child {
/*	font-size: 0.8em;
	line-height: 1.3;*/
	margin: 0.5em 0 0 1.0em;
}
.text_red {
	color: #dc3c0a;
}



/*////////////////////////////////////////////////*/
/*//////////////////// Header ////////////////////*/
/*////////////////////////////////////////////////*/

#header_wrap {
	width: 100%;
	height: 100px;
	background-color: #fff;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	z-index: 999;
	transition: 0.5s;
}
#header_wrap.stuck_header_wrap {
	top: 0;
}
#header {
	max-width: 940px;
	width: 96%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#ci {
	width: 170px;
	height: auto;
	float: left;
	margin: 17px 0 0 0;
}


/* menu */
#menu_wrap {
	background-color: #2da078;
	float: none;
	width: 100%;
	height: 42px;
	
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35);
}
.menubtn {
	display: block !important;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 40px;
	color: #fff;
	background-color: #2da078;
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
}
.menubtn:hover {
	background-color: #3ab690;
}
.menubtn i {
	font-size: 14px;
	font-size: 1.4rem;
	color: #88e2bd;
	margin: 0 0.5em 0 0;
}
.navi {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 100%;
	
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35);
}
.navi ul {
	width: 100%;
}
.navi ul li {
	line-height: 1.3;
	background-color: #3ab690;
	text-align: center;
	width: 100%;
	float: left;
	border-top: solid 1px #82e2c9;
}
.navi ul li a {
	color: #fff;
	padding: 8px;
	margin: 0;
	display: block;
}
.navi ul li a:hover {
	color: #fff;
	background-color: #82e2c9;
	text-decoration: none;
}




/*////////////////////////////////////////////////*/
/*//////////////////// Footer ////////////////////*/
/*////////////////////////////////////////////////*/
 
footer {
	text-align: center;
}
.footer_menu_wrap {
	width: 100%;
	padding: 1.0em 0 0.3em 0;
	background-color: #2da078;
}
ul.footer_menu {
	display: inline-block;
}
ul.footer_menu li {
	float: none;
}
ul.footer_menu li:first-child {
	margin: 0;
}
ul.footer_menu li button {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	background-color: #2da078;
	border: none;
}
ul.footer_menu li button i {
	float: left;
	font-size: 20px;
	font-size: 2.0rem;
	color: #88e2bd;
}
ul.footer_menu li button p {
	float: left;
	margin: 0.2em 0 0 0.5em;
}
.copyright {
	font-size: 0.8em;
	line-height: 1;
	color: #555;
	padding: 2.0em 0;
}


/* Pagetop Button */
#pagetop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 300;
	opacity: .65;
	color: #828b8b;
}
#pagetop:hover {
	opacity: 1;
	transition: 0.5s;
}




/*///////////////////////////////////////////////*/
/*//////////////////// Button ////////////////////*/
/*///////////////////////////////////////////////*/

button {
	cursor: pointer;
}

/* 資格を取ろうボタン */
button.btn_header_entry {
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	line-height: 40px;
	display: block;
	float: right;
	width: 37%;
	height: 40px;
	padding: 0;
	margin: 10px auto;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #5fd2aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #5fd2aa 0%, #2da078 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5fd2aa 0%,#2da078 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5fd2aa 0%,#2da078 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd2aa', endColorstr='#2da078',GradientType=0 ); /* IE6-9 */
}
button.btn_header_entry:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #74debe; /* Old browsers */
	background: -moz-linear-gradient(top,  #74debe 0%, #3ab690 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #74debe 0%,#3ab690 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #74debe 0%,#3ab690 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74debe', endColorstr='#3ab690',GradientType=0 ); /* IE6-9 */
}
button.btn_header_entry_grey {
	font-size: 15px;
	font-size: 1.5rem;
	color: #666;
	line-height: 40px;
	display: block;
	float: right;
	width: 37%;
	height: 40px;
	padding: 0;
	margin: 10px auto;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #ddd;
	cursor: default;
}
button.btn_header_entry div,
button.btn_header_entry_grey div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_header_entry i,
button.btn_header_entry_grey i {
	display: none;
}
button.btn_header_entry p,
button.btn_header_entry_grey p {
	float: left;
	margin: 0 0 0 0.3em;
}


/* インタビューはこちらボタン */
button.btn_trainer_qa {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	line-height: 50px;
	display: block;
	width: 75%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #5fd2aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #5fd2aa 0%, #2da078 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5fd2aa 0%,#2da078 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5fd2aa 0%,#2da078 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd2aa', endColorstr='#2da078',GradientType=0 ); /* IE6-9 */
}
button.btn_trainer_qa:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #74debe; /* Old browsers */
	background: -moz-linear-gradient(top,  #74debe 0%, #3ab690 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #74debe 0%,#3ab690 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #74debe 0%,#3ab690 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74debe', endColorstr='#3ab690',GradientType=0 ); /* IE6-9 */
}
button.btn_trainer_qa div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_trainer_qa i {
	float: left;
	font-size: 28px;
	font-size: 2.8rem;
	color: #88e2bd;
	padding: 0.35em 0 0 0;
}
button.btn_trainer_qa p {
	float: left;
	margin: 0 0 0 0.35em;
}


/* お申し込みボタン */
.form_btn_supporter_box {
	width: 100%;
	margin: 30px auto 0 auto;
}
button.btn_supporter_entry_form {
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
	line-height: 70px;
	float: left;
	width: 100%;
	height: 70px;
	padding: 0;
	margin: 0 0 1.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #5fd2aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #5fd2aa 0%, #2da078 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5fd2aa 0%,#2da078 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5fd2aa 0%,#2da078 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd2aa', endColorstr='#2da078',GradientType=0 ); /* IE6-9 */
}
button.btn_supporter_entry_form:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #74debe; /* Old browsers */
	background: -moz-linear-gradient(top,  #74debe 0%, #3ab690 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #74debe 0%,#3ab690 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #74debe 0%,#3ab690 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74debe', endColorstr='#3ab690',GradientType=0 ); /* IE6-9 */
}
.btn_supporter_entry_form_grey {
	font-size: 18px;
	font-size: 1.8rem;
	color: #666;
	line-height: 70px;
	float: left;
	width: 100%;
	height: 70px;
	padding: 0;
	margin: 0 0 1.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #ddd;
	cursor: default;
}
button.btn_supporter_entry_form div,
button.btn_supporter_entry_form_grey div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_supporter_entry_form i {
	float: left;
	font-size: 30px;
	font-size: 3.0rem;
	color: #88e2bd;
	padding: 0.6em 0 0 0;
}
.btn_supporter_entry_form_grey i {
	float: left;
	font-size: 24px;
	font-size: 2.4rem;
	color: #666;
	padding: 0.9em 0 0 0;
}
button.btn_supporter_entry_form p,
.btn_supporter_entry_form_grey p {
	line-height: 70px;
	float: left;
	margin: 0 0 0 0.4em;
}


/* お申し込み・お問い合わせボタン */
.form_btn_set {
	width: 100%;
	margin: 30px auto 0 auto;
}
button.btn_entry_form {
	font-size: 21px;
	font-size: 2.1rem;
	color: #fff;
	line-height: 70px;
	float: left;
	width: 100%;
	height: 70px;
	padding: 0;
	margin: 0 0 1.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #5fd2aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #5fd2aa 0%, #2da078 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5fd2aa 0%,#2da078 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5fd2aa 0%,#2da078 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd2aa', endColorstr='#2da078',GradientType=0 ); /* IE6-9 */
}
button.btn_entry_form:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #74debe; /* Old browsers */
	background: -moz-linear-gradient(top,  #74debe 0%, #3ab690 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #74debe 0%,#3ab690 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #74debe 0%,#3ab690 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74debe', endColorstr='#3ab690',GradientType=0 ); /* IE6-9 */
}
button.btn_entry_form div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_entry_form i {
	float: left;
	font-size: 30px;
	font-size: 3.0rem;
	color: #88e2bd;
	padding: 0.6em 0 0 0;
}
button.btn_entry_form p {
	line-height: 70px;
	float: left;
	margin: 0 0 0 0.4em;
}

button.btn_inquiry_form {
	font-size: 21px;
	font-size: 2.1rem;
	color: #fff;
	line-height: 70px;
	float: right;
	width: 100%;
	height: 70px;
	padding: 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #ffba32; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffba32 0%, #f78800 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffba32 0%,#f78800 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffba32 0%,#f78800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba32', endColorstr='#f78800',GradientType=0 ); /* IE6-9 */
}
button.btn_inquiry_form:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #ffcb3f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffcb3f 0%, #f9a001 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffcb3f 0%,#f9a001 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffcb3f 0%,#f9a001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb3f', endColorstr='#f9a001',GradientType=0 ); /* IE6-9 */
}
button.btn_inquiry_form div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_inquiry_form i {
	float: left;
	font-size: 30px;
	font-size: 3.0rem;
	color: #fdd08c;
	padding: 0.6em 0 0 0;
}
button.btn_inquiry_form p {
	line-height: 70px;
	float: left;
	margin: 0 0 0 0.4em;
}

button.btn_form_grey {
	font-size: 21px;
	font-size: 2.1rem;
	color: #fff;
	line-height: 70px;
	float: left;
	width: 100%;
	height: 70px;
	padding: 0;
	margin: 0 0 1.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #74debe; /* Old browsers */
	background: -moz-linear-gradient(top,  #c2c2c2 0%, #939393 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c2c2c2 0%,#939393 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c2c2c2 0%,#939393 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
}
button.btn_form_grey:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #acacac; /* Old browsers */
	background: -moz-linear-gradient(top,  #d2d2d2 0%, #acacac 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d2d2d2 0%,#acacac 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d2d2d2 0%,#acacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#acacac',GradientType=0 ); /* IE6-9 */
}
button.btn_form_grey div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
/*button.btn_form_grey i {
	float: left;
	font-size: 30px;
	font-size: 3.0rem;
	color: #88e2bd;
	padding: 0.6em 0 0 0;
}*/
button.btn_form_grey p {
	line-height: 70px;
	float: left;
	margin: 0;
}

button.btn_entry_form_grey {
	font-size: 21px;
	font-size: 2.1rem;
	color: #666;
	line-height: 70px;
	float: left;
	width: 100%;
	height: 70px;
	padding: 0;
	margin: 0 0 1.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #ddd;
	cursor: default;
}
button.btn_entry_form_grey div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_entry_form_grey i {
	float: left;
	font-size: 30px;
	font-size: 3.0rem;
	color: #666;
	padding: 0.6em 0 0 0;
}
button.btn_entry_form_grey p {
	line-height: 70px;
	float: left;
	margin: 0 0 0 0.4em;
}


/* remodal 閉じるボタン */
button.btn_white_close {
	line-height: 1;
	color: #2da078;
	display: block;
	width: 75%;
	margin: 0 auto;
	background-color: #fff;
	border: solid 1px #2da078;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
}
button.btn_white_close:hover {
	background-color: #eee;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
}
button.btn_white_close div {
	display: inline-block;
	padding: 0.2em 0 0 0;
	margin: 0 auto;
}
button.btn_white_close i {
	color: #2da078;
	float: left;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0;
}
button.btn_white_close p {
	float: left;
	margin: 0.1em 0 0 0.5em;
}


/* 詳細はこちらボタン */
button.btn_white_detail {
	min-width: 110px;
	height: 50px;
	padding: 12px 0;

	transition: background 0.2s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;

	border: 0;
	outline: 0;

	line-height: 1;
	color: #e80d0d;
	display: block;
	width: 75%;
	margin: 0 auto;
	background-color: #fff;
	border: solid 1px #e80d0d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
}
button.btn_white_detail:hover {
	background-color: #e8e8e8;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
}
button.btn_white_detail div {
	display: inline-block;
	padding: 0.2em 0 0 0;
	margin: 0 auto;
}
button.btn_white_detail i {
	color: #2da078;
	float: left;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0;
}
button.btn_white_detail p {
	font-size: 1.4em;
	float: left;
	margin: 0.1em 0 0 0.5em;
}


/* へやトレキャンペーンボタン */
.btn_campaign {
	width: 80%;
	margin: 3.0em auto 0 auto;
}
button.btn_campaign_heyatore {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	line-height: 70px;
	float: left;
	width: 100%;
	height: 70px;
	padding: 0;
	margin: 0 0 2.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
	
	background: #e46250; /* Old browsers */
	background: -moz-linear-gradient(top,  #e46250 0%, #d4310b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e46250 0%,#d4310b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e46250 0%,#d4310b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e46250', endColorstr='#d4310b',GradientType=0 ); /* IE6-9 */
}
button.btn_campaign_heyatore:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
	
	background: #f5a28d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5a28d 0%, #ee5c15 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5a28d 0%,#ee5c15 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f5a28d 0%,#ee5c15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a28d', endColorstr='#ee5c15',GradientType=0 ); /* IE6-9 */
}
button.btn_campaign_heyatore div {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
button.btn_campaign_heyatore i {
	float: left;
	font-size: 22px;
	font-size: 2.2rem;
	color: #fff;
	padding: 1.1em 0 0 0;
}
button.btn_campaign_heyatore p {
	line-height: 70px;
	float: left;
	margin: 0 0 0 0.3em;
}



/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/

/* background */
.contents_box {
	max-width: 940px;
	width: 96%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.container_main {
	max-width: 1600px;
	padding: 0;
	margin: 0 auto -5px auto;
	position: relative;
}
.container {
	max-width: 1600px;
	padding: 30px 0 50px 0;
	margin: 0 auto -5px auto;
	position: relative;
	/*
	background: #ffffff; / Old browsers /
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 80%, #f5f5f5 100%); / FF3.6-15 /
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 80%,#f5f5f5 100%); / Chrome10-25,Safari5.1-6 /
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 80%,#f5f5f5 100%); / W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ /
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); / IE6-9 /
	*/
}
.container_bg_grey {
	max-width: 1600px;
	padding: 30px 0;
	margin: 0 auto -5px auto;
	position: relative;
	background: url(../images/bg_grey_loop.png) top center repeat;
}
.container_bg_green {
	max-width: 1600px;
	padding: 30px 0 0 0;
	margin: 0 auto -5px auto;
	position: relative;
	background: url(../images/bg_green_loop.png) top center repeat;
}
.bg_mask_r {
	padding: 0; /*7% 0 0 0*/
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.bg_mask_r img {
	width: 100%;
}


/* main image */
#main_image_area {
	max-width: 1600px;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 100px auto 0 auto;
	background: url(../images/main_image_bg.jpg) top center no-repeat;
	background-size: cover;
}
.main_image {
	max-width: 950px;
	width: 96%;
	margin: 0 auto;
}


/*title*/
.contents_box h2 {
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1;
	color: #828b8b;
	text-align: center;
	margin: 35px 0 10px 0;
}
.title01 {
	line-height: 1;
	text-align: center;
	margin: 0 0 45px 0;
}
.title01 h2 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
	color: #e80d0d;
	font-weight: 600;
	margin: 0 0 0.5em 0;
}
.title01 h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #e80d0d;
	font-weight: 600;
}
h2.title02 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	color: #b4874b;
	font-weight: 600;
	text-align: center;
	margin: 60px 0 30px 0;
}
h2.title03 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	color: #0078be;
	text-align: center;
	margin: 0 0 30px 0;
	overflow: hidden;
}
h2.title03 span {
	position: relative;
	display: inline-block;
	padding: 0 0.5em;
}
h2.title03 span::before,
h2.title03 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 6px;
	border-top: solid 1px #0078be;
	border-bottom: solid 1px #0078be;
}
h2.title03 span::before {
	right: 100%;
}
h2.title03 span::after {
	left: 100%;
}
h3.title04 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
	color: #dc3c0a;
	text-align: center;
	position: relative;
	padding: 0.7em 0;
	margin: 0 0 3% 0;
}
h3.title04::before,
h3.title04::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
h3.title04::before {
	top: 0;
	border-top: 3px solid #dc3c0a;
	border-bottom: 1px solid #dc3c0a;
}
h3.title04::after {
	bottom: 0;
	border-top: 1px solid #dc3c0a;
	border-bottom: 3px solid #dc3c0a;
}
.title05 {
	text-align: center;
	margin: 0 auto;
}
.title05 h2 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
	color: #2da078;
	display: inline-block;
}
.title05 h2 p {
	padding: 0 1.5em;
}
.title05 h2::after {
	content: '';
	display: block;
	height: 4px;
	margin: 0.5em auto 1.5em auto;
	
	background: -moz-linear-gradient(left,  rgba(45,160,120,0) 0%, rgba(45,160,120,1) 25%, rgba(45,160,120,1) 75%, rgba(45,160,120,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(45,160,120,0) 0%,rgba(45,160,120,1) 25%,rgba(45,160,120,1) 75%,rgba(45,160,120,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(45,160,120,0) 0%,rgba(45,160,120,1) 25%,rgba(45,160,120,1) 75%,rgba(45,160,120,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002da078', endColorstr='#002da078',GradientType=1 ); /* IE6-9 */
}


/* 認定資格取得の3つのポイント */
.point_box ul li {
	float: none;
	width: 90%;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
.point_box ul li:last-child {
	width: 90%;
	margin: 0 auto;
}
.point_box ul li.blue,
.point_box ul li.green,
.point_box ul li.red {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.point_box ul li.blue p,
.point_box ul li.green p,
.point_box ul li.red p {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.4;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 3%;
	margin: 0 0 0.5em 0;
	border: solid 1px #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.point_box ul li.blue {
	background: #0078be; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0078be 0%, #32aaf0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0078be 0%,#32aaf0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0078be 0%,#32aaf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078be', endColorstr='#32aaf0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.point_box ul li.green {
	background: #009b5f; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #009b5f 0%, #32cd91 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #009b5f 0%,#32cd91 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #009b5f 0%,#32cd91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b5f', endColorstr='#32cd91',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.point_box ul li.red {
	background: #dc3c0a; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #dc3c0a 0%, #ff5f3c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #dc3c0a 0%,#ff5f3c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #dc3c0a 0%,#ff5f3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc3c0a', endColorstr='#ff5f3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/* スライダー・代表理事挨拶 */
.slider {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
.youtube_movie {
	position: relative;
	width: 100%;
	padding: 56.3% 0 0 0;
}
.youtube_movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.yotube_channel_banner {
	width: 100%;
	margin: 2.0em auto;
}
.products_image_box {
	width: 100%;
	padding: 3%;
	margin: 2.0em auto;
	background-color: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.profile_director {
	background-color: #fff;
	padding: 3%;
}
.profile_director .l_box {
	float: none;
	width: 100%;
}
.profile_director .l_box .profile01 {
	margin: 20px 0;
}
.profile_director .l_box img {
	display: block;
	width: 45%;
	margin: 0 auto;
}
.profile_director .l_box .name {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
	text-align: center;
	margin: 0 0 15px 0;
}
.profile_director .l_box .job_title {
	font-size: 0.9em;
	line-height: 1.5;
	text-align: center;
}
.profile_director .r_box {
	float: none;
	width: 100%;
	margin: 2.0em 0 0 0;
}
.profile_director .r_box div.title {
	font-size: 1.1em;
	line-height: 1;
	font-weight: 700;
	color: #2da078;
	border-left: solid 8px #2da078;
	padding: 0.3em 0 0.3em 0.4em;
	margin: 0 0 1.0em 0;
}
.profile_director .r_box p {
	margin: 0 0 1.0em 0;
}
.youtube_link a {
	display: inline-block;
	border-bottom: dashed 1px #ccc;
	margin: 1.5em 0 0 0;
}
.youtube_link a:hover {
	color: #f00;
	border-bottom: dashed 1px #f00;
}
.youtube_link i {
	color: #f00;
}


/* こんな方は是非チャレンジしてください！ */
.double_box h3 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3;
	color: #0078be;
	text-align: center;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0 0 1.5em 0;
}
.double_box h3::after {
	position: absolute;
	bottom: -0.3em;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 15px;
	padding: 0 0.2em;
	background-color: #fff578;
}
.double_box {
    background-color: #fff;
	text-align: center;
    margin: 0 0 1.5em 0;
    padding: 6% 5% 5% 5%;
    position: relative;
    z-index: 1;
}
.double_box::before,
.double_box::after {
	border: solid 1px #0078be;
    content: "";
    height: 100%;
    position: absolute;
    width: 98%;
}
.double_box::before {
	border: solid 2px #0078be;
    left: 0;
    top: 0;
    z-index: -1;
}
.double_box::after {
    background-color: #fff;
    top: 7px;
    left: 7px;
    z-index: -2;
}
.double_box ul {
	display: inline-block;
}
.double_box ul li::before {
	position: absolute;
	left: 0;
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background: url(../images/check_mark.png) no-repeat;
	background-size: contain;
}
.double_box ul li {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: left;
	padding: 0 0 0 1.8em;
	margin: 0 0 1.4em 0;
	position: relative;
}
.double_box ul li:last-child {
	margin: 0;
}


/* 認定資格の取得まで */
ul.step li.step_set {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3;
	text-align: center;
	float: left;
	width: 45%;
	height: auto;
	padding: 0;
	margin: 0 0 2.0em 0;
}
ul.step li.step_set:nth-child(2),
ul.step li.step_set:nth-child(5) {
	width: 45%;
	margin: 0 0 2.0em 0;
}
ul.step li.step_set:nth-child(odd) {
	float: left;
}
ul.step li.step_set:nth-child(even) {
	float: right;
}
ul.step li.step_set .image_box img {
	width: 100%;
}
ul.step li.step_set .image_box p {
	color: #fff;
	line-height: 1.8;
	background-color: #2da078;
}
ul.step li.step_set > p {
	margin: 0.5em 0 0 0;
}
ul.step li.step_set > p span {
	font-size: 0.8em;
}


/* 認定ランクごとの特徴とメリット */
.rank_set {
	margin: 35px 0 0 0;
}
/*
.rank_set:last-child {
	margin: 60px 0 30px 0;
}
*/
.rank_set img {
	float: none;
	display: block;
	width: 70%;
	margin: 0 auto 1.8em auto;
}
.rank_set .text_box {
	width: 100%;
	float: right;
}
.rank_set .text_box h4.gold,
.rank_set .text_box h4.blue,
.rank_set .text_box h4.green,
.rank_set .text_box h4.red {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1;
	background-color: #fff;
	border-top: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	padding: 0.3em 0 0.3em 0.5em;
	margin: 0 0 1.0em 0;
}
.rank_set .text_box h5.gold,
.rank_set .text_box h5.blue,
.rank_set .text_box h5.green,
.rank_set .text_box h5.red {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1;
	margin: 1.2em 0 0.3em 0;
}
.rank_set .text_box h4.gold {
	color: #b4874b;
	border-left: solid 8px #b4874b;
}
.rank_set .text_box h5.gold {
	color: #b4874b;
}
.rank_set .text_box h4.blue {
	color: #0078be;
	border-left: solid 8px #0078be;
}
.rank_set .text_box h5.blue {
	color: #0078be;
}
.rank_set .text_box h4.green {
	color: #009b5f;
	border-left: solid 8px #009b5f;
}
.rank_set .text_box h4.green p {
	float: left;
}
.rank_set .text_box h4.green span {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 25px;
	color: #fff;
	text-align: center;
	background-color: #ff0000;
	display: block;
	float: left;
	width: 140px;
	height: 24px;
	padding: 0 0.3em 0 0.5em;
	margin: 0 0 0 1.4em;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.rank_set .text_box h5.green {
	color: #009b5f;
}
.rank_set .text_box h4.red {
	color: #dc3c0a;
	border-left: solid 8px #dc3c0a;
}
.rank_set .text_box h5.red {
	color: #dc3c0a;
}
.rank_intro_text {
	padding: 0 0 45px 0;
}
.rank_catchphrase {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
	color: #dc3c0a;
	text-align: center;
	padding: 8px;
	margin: 0;
	
	border: solid 2px #dc3c0a;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.rank_arrow {
	width: 25%;
	margin: 20px auto;
}
.rank_arrow img {
	width: 100%;
}
.dashed_line {
	height: 0;
	border-top: dashed 1px #ccc;
	margin: 45px 0;
}
h3.supporter_title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	color: #dc3c0a;
	text-align: center;
	margin: 0 0 30px 0;
}

.business_merit_box h3 {
	font-size: 1.5em;
	line-height: 1.4;
	color: #2da078;
	text-align: center;
	padding: 0.3em 0.2em;
	margin: 0 0 1.0em 0;
	border: double 4px #2da078;
}
.business_merit_box .merit_set_box {
	line-height: 1.4;
	text-align: center;
	margin: 2.0em auto 5.0em auto;
}
.business_merit_box .merit_set {
	float: left;
	width: 100%;
	margin: 0 0 10% 0;
}
.business_merit_box .merit_set:nth-child(3) {
	margin: 0;
}
.business_merit_box .merit_set img {
	width: 100%;
}
.business_merit_box .merit_set .merit_no {
	color: #fff;
	line-height: 1.8;
	font-weight: 600;
	text-align: center;
	background-color: #2da078;
	margin: 0.8em 0 0.6em 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.business_merit_box .merit_set .title {
	font-size: 1.2em;
	color: #2da078;
	font-weight: 600;
	text-align: center;
	margin: 0 0 0.4em 0;
}
.business_merit_box .text_box {
	font-size: 1.2em;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
	margin: 0 0 1.5em 0;
	width: 100%;
}
.business_merit_box .text_box .text .title_blue {
	font-size: 1.2em;
	color: #0078be;
	display: block;
	padding: 0 0 0.5em 0;
}
.business_merit_box .text_box .red {
	font-size: 1.2em;
	font-weight: 600;
	color: #dc3c0a;
}
/*.business_merit_box .text_box .note {
	font-size: 0.8em;
}*/
.business_merit_box .text_box .red_box {
	font-size: 1.3em;
	line-height: 1.4;
	font-weight: 600;
	color: #fff;
	background-color: #dc3c0a;
	padding: 0.5em;
	margin: 1.0em 0;
}


/* NOF公認トレーナー */
.trainer_set {
	width: 100%;
	margin: 0 0 5.0em 0;
}
.trainer_set:nth-child(odd) {
	float: right;
}
.trainer_set:nth-child(even) {
	float: left;
}
.trainer_set img {
	display: block;
	width: 45%;
	margin: 0 auto;
}
.trainer_set .name {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
	text-align: center;
	margin: 0 0 15px 0;
}
.trainer_set .job_title {
	font-size: 0.9em;
	line-height: 1.5;
	text-align: center;
}
.trainer_set .rank_gold,
.trainer_set .rank_blue {
	color: #fff;
	text-align: center;
	line-height: 36px;
	height: 36px;
	width: 100%;
	margin: 0 0 1.0em 0;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}
.trainer_set .rank_gold {
	background-color: #b4874b;
}
.trainer_set .rank_blue {
	background-color: #0078be;
}
.trainer_set .profile01 {
	margin: 20px 0;
}
.trainer_set .profile02 {
	margin: 0 0 20px 0;
}


/* トレーナーの活動 */
.activity_set {
	width: 100%;
	margin: 0 0 60px 0;
	position: relative;
}
/*
.activity_set:last-child {
	margin: 0;
}*/
.activity_set .text_box {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 1.0em 0;
	
	position: static;
}
.activity_set .text_box h5 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #2da078;
	text-align: center;
	margin: 0 0 0.8em 0;
}
.activity_set img {
	display: block;
	float: none;
	width: 75%;
	margin: 0 auto;
}
.activity_text {
	text-align: center;
	margin: 0 0 3.0em 0;
}

.rank_set_supporter {
	padding: 1.2em 1.0em 0 1.0em;
	margin: 0;
	border: solid 6px #dc3c0a;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.rank_set_supporter img {
	width: 75%;
	float: none;
	display: block;
	margin: 1.0em auto 2.0em auto;
}
.rank_set_supporter .text_box {
	width: 100%;
	float: none;
}
.rank_set_supporter .text_box h5 {
	font-size: 1.4em;
	line-height: 1.3;
	color: #dc3c0a;
	text-align: left;
	margin: 0.5em 0 1.0em 0;
}
.rank_set_supporter ul {
	margin: 0 0 1.0em 0;
}
.rank_set_supporter ul li::before {
	content: '● ';
	color: #dc3c0a;
	margin: 0 0 0 -1.3em;
}
.rank_set_supporter ul li {
	margin: 0 0 0.3em 1.3em;
}


/* へやトレキャンペーン */
.campaign_arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 60px 0 60px;
	border-color: #dc3c0a transparent transparent transparent;
	margin: 0 auto;
}
.campaign_supporter_box {
	padding: 0;
	margin: 0;
	background-color: #fff9c9;
	border: solid 6px #dc3c0a;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.campaign_supporter_box .title {
	line-height: 1.3;
	color: #fff;
	text-align: center;
	background-color: #dc3c0a;
	padding: 0.8em 0.2em;
	margin: 0;
}
.campaign_supporter_box .title h3 {
	font-size: 38px;
	font-size: 3.8rem;
}
.campaign_supporter_box .title p {
	font-size: 18px;
	font-size: 1.8rem;
}
.campaign_supporter_box img {
	display: block;
	max-width: 578px;
	width: 65%;
	margin: 3.0em auto;
}
.campaign_supporter_box .text {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.4;
	font-weight: 600;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.campaign_supporter_box .text u {
	color: #dc3c0a;
}



/* 推奨の声 */
.container_bg_green h2 {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 60px;
	color: #fff;
	font-weight: 600;
	width: 100%;
	height: 60px;
	border: solid 1px #fff;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	padding: 0;
	margin: 0 0 50px 0;
}
.recommendation_set {
	width: 100%;
	margin: 0 0 5.0em 0;
	color: #fff;
}
.recommendation_set:nth-child(odd) {
	float: right;
}
.recommendation_set:nth-child(even) {
	float: left;
}
.recommendation_set img {
	display: block;
	width: 45%;
	margin: 0 auto;
}
.recommendation_set .profile {
	margin: 20px 0 30px 0;
}
.recommendation_set .profile .name {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
	text-align: center;
	margin: 0 0 15px 0;
}
.recommendation_set .profile .job_title {
	font-size: 0.9em;
	line-height: 1.5;
	text-align: center;
}


/* システム */
.system_box h3 {
	font-size: 1.4em;
	line-height: 1.4;
	font-weight: 600;
	color: #b4874b; /*#2da078*/
	text-align: left;
	padding: 0.3em 0.2em;
	margin: 0 0 1.0em 0;
/*	border: double 4px #2da078;*/
}
.system_box .system_point_box {
/*	line-height: 1.4;
	text-align: center;*/
	margin: 1.5em auto;
}
.system_box .system_point_box .point_box {
	font-size: 1.2em;
	float: left;
	width: 100%;
	margin: 0 0 1.0em 0;
}
.system_box .system_point_box .point_box:nth-child(3) {
	margin: 0;
}
.system_box .system_point_box .point_box p {
	color: #fff;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	background-color: #2da078;
	padding: 1.2em;
/*	margin: 0.8em 0 0.6em 0;*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	display: table-cell;
	vertical-align: middle;
}
.system_box .text_box {
	font-size: 1.2em;
	line-height: 1.6;
	text-align: center;
	display: inline-block;
	margin: 3.5em 0 1.5em 0;
	width: 100%;
}
.system_box .text_box .text .title_blue {
	font-size: 1.3em;
	line-height: 1.4;
	color: #0078be;
	display: block;
	padding: 0.4em 0;
	margin: 0 0 1.0em 0;
	border-top: double 4px #0078be;
	border-bottom: double 4px #0078be;
}
.system_box .text_box .red {
	font-size: 1.1em;
	font-weight: 600;
	color: #dc3c0a;
}
.system_box .text_box .red_large {
	font-size: 1.5em;
	line-height: 1.4;
	font-weight: 600;
	color: #dc3c0a;
}
.system_box table {
	margin: 2.0em auto;
}
.system_box img {
	width: 100%;
}


/* 受講費用について */
table.fee {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1;
	display: table;
	width: 100%;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin: 0 0 0.3em 0;
}
table.fee:first-child {
	margin: 0 0 0.75em 0;
}
table.fee tr:first-child {
	color: #fff;
	background-color: #2da078;
}
table.fee tr td {
	font-size: 0.8em;
	text-align: center;
	width: 33.3%;
	padding: 1.4em 0;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
table.fee tr td.gold {
	color: #b4874b;
	font-weight: 600;
}
table.fee tr td.blue {
	color: #0078be;
	font-weight: 600;
}
table.fee tr td.green p {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 25px;
	color: #fff;
	text-align: center;
	background-color: #f00;
	width: 100px;
	height: 24px;
	padding: 0 0.3em 0 0.5em;
	margin: 0 auto 0.8em auto;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
table.fee tr td.green span {
	color: #009b5f;
	font-weight: 600;
}
table.fee tr td.red {
	color: #dc3c0a;
	font-weight: 600;
}
.fee_text {
	margin: 0 0 30px 0;
}
.pay {
/*	text-align: center;*/
	max-width: 100%;
	padding: 1.0em;
	margin: 30px auto;
	background-color: #fff;
	border: dashed 1px #ccc;
}
.pay h3 {
	font-size: 1.2em;
	line-height: 2.0;
	text-align: center;
	background-color: #efefef;
	padding: 0.3em 0.1em;
	margin: 0 0 1.0em 0;
}
.pay h4 {
	margin: 2.0em 0 0.5em 0;
}
.pay ul li::before {
	content: '●';
	color: #2da078;
	margin: 0 0.5em 0 -1.5em;
}
.pay ul li:last-child {
	padding: 0 0 0 1.5em;
}
.pay ul li {
	padding: 0 0 0.5em 1.5em;
}
.pay img {
	max-width: 290px;
	width: 100%;
}
.fee_rank_box {
	margin: 30px 0 0 0;
}
.fee_rank_box .text_box {
	width: 100%;
	margin: 0 0 3.5em 0;
}
.fee_rank_box .text_box h4.gold,
.fee_rank_box .text_box h4.blue,
.fee_rank_box .text_box h4.green {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1;
	background-color: #fff;
	border-top: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	padding: 0.3em 0 0.3em 0.5em;
	margin: 0 0 1.0em 0;
}
.fee_rank_box .text_box h5.gold,
.fee_rank_box .text_box h5.blue,
.fee_rank_box .text_box h5.green {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1;
	margin: 1.2em 0 0.3em 0;
}
.fee_rank_box .text_box h4.gold {
	color: #b4874b;
	border-left: solid 8px #b4874b;
}
.fee_rank_box .text_box h5.gold {
	color: #b4874b;
}
.fee_rank_box .text_box h4.blue {
	color: #0078be;
	border-left: solid 8px #0078be;
}
.fee_rank_box .text_box h5.blue {
	color: #0078be;
}
.fee_rank_box .text_box h4.green {
	color: #009b5f;
	border-left: solid 8px #009b5f;
}
.fee_rank_box .text_box h5.green {
	color: #009b5f;
}


/* よくある質問 */
ul.q_and_a li p.q {
	padding: 0 0 0 1.5em;
}
ul.q_and_a li p.q:before {
	content: 'Q.';
	color: #0078be;
	margin: 0 0.5em 0 -1.5em;
}
ul.q_and_a li p.a {
	padding: 0 0 0 1.5em;
}
ul.q_and_a li p.a:before {
	content: 'A.';
	color: #dc3c0a;
	margin: 0 0.5em 0 -1.5em;
}
ul.q_and_a li {
	float: left;
	margin: 0 0 2.0em 0;
}
ul.q_and_a li p {
	margin: 0 0 0.5em 0;
}


/* NOFとは */
.detail_btn_wrap {
	width: 100%;
	margin: 50px 0 25px 0;
}


/* Modal */
.remodal h2 {
	font-size: 1.3em;
	line-height: 1;
	color: #2da078;
	padding: 0 0 1.0em 0;
	margin: 0 0 1.0em 0;
	border-bottom: solid 1px #2da078;
}
.remodal ul.q_and_a li p.q1,
.remodal ul.q_and_a li p.q2,
.remodal ul.q_and_a li p.q3,
.remodal ul.q_and_a li p.q4,
.remodal ul.q_and_a li p.q5,
.remodal ul.q_and_a li p.q6,
.remodal ul.q_and_a li p.q7 {
	color: #0078be;
	width: 95%;
	padding: 0 0 0 2.0em;
}
.remodal ul.q_and_a li p.q1:before,
.remodal ul.q_and_a li p.q2:before,
.remodal ul.q_and_a li p.q3:before,
.remodal ul.q_and_a li p.q4:before,
.remodal ul.q_and_a li p.q5:before,
.remodal ul.q_and_a li p.q6:before,
.remodal ul.q_and_a li p.q7:before {
	color: #0078be;
	margin: 0 0.5em 0 -2.0em;
}
.remodal ul.q_and_a li p.q1:before {
	content: 'Q1.';
}
.remodal ul.q_and_a li p.q2:before {
	content: 'Q2.';
}
.remodal ul.q_and_a li p.q3:before {
	content: 'Q3.';
}
.remodal ul.q_and_a li p.q4:before {
	content: 'Q4.';
}
.remodal ul.q_and_a li p.q5:before {
	content: 'Q5.';
}
.remodal ul.q_and_a li p.q6:before {
	content: 'Q6.';
}
.remodal ul.q_and_a li p.q7:before {
	content: 'Q7.';
}
.remodal ul.q_and_a li p.a1,
.remodal ul.q_and_a li p.a2,
.remodal ul.q_and_a li p.a3,
.remodal ul.q_and_a li p.a4,
.remodal ul.q_and_a li p.a5,
.remodal ul.q_and_a li p.a6,
.remodal ul.q_and_a li p.a7 {
	padding: 0 0 0 2.0em;
}
.remodal ul.q_and_a li p.a1:before,
.remodal ul.q_and_a li p.a2:before,
.remodal ul.q_and_a li p.a3:before,
.remodal ul.q_and_a li p.a4:before,
.remodal ul.q_and_a li p.a5:before,
.remodal ul.q_and_a li p.a6:before,
.remodal ul.q_and_a li p.a7:before {
	color: #dc3c0a;
	margin: 0 0.5em 0 -2.0em;
}
.remodal ul.q_and_a li p.a1:before {
	content: 'A1.';
}
.remodal ul.q_and_a li p.a2:before {
	content: 'A2.';
}
.remodal ul.q_and_a li p.a3:before {
	content: 'A3.';
}
.remodal ul.q_and_a li p.a4:before {
	content: 'A4.';
}
.remodal ul.q_and_a li p.a5:before {
	content: 'A5.';
}
.remodal ul.q_and_a li p.a6:before {
	content: 'A6.';
}
.remodal ul.q_and_a li p.a7:before {
	content: 'A7.';
}
.remodal ul.q_and_a li {
	text-align: left;
	margin: 0 0 3.0em 0;
}
.remodal ul.q_and_a li p {
	float: left;
	margin: 0 0 0.5em 0;
}
.remodal ul.q_and_a,
.remodal ul.sub_list,
.remodal ul.q_and_a li p,
.remodal ul.sub_list li {
	float: left;
}
.remodal ul.sub_list li {
	padding: 0 0 1.0em 1.3em;
	margin: 0;
}
.remodal ul.sub_list li:last-child {
	padding: 0 0 0 1.3em;
	margin: 0;
}
.remodal ul.sub_list li:before {
	color: #dc3c0a;
	content: "■";
	margin: 0 0.3em 0 -1.3em;
}


/* 個人情報の取り扱いについて・利用規約 */
.privacy_box,
.transactions_box,
.agreement_box {
	color: #333;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}
.privacy_box #ci_privacy,
.transactions_box #ci_privacy,
.agreement_box #ci_privacy,
#ci_privacy {
	width: 270px;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
.privacy_box h2,
.transactions_box h2,
.agreement_box h2,
h2 {
	color: #e80d0d;
	font-size: 1.4em;
	font-weight: 600;
	margin: 2.5em 0;
}
.privacy_box h3,
.transactions_box dl dt,
.agreement_box h3 {
	color: #e80d0d;
	font-size: 1.1em;
	font-weight: 600;
	margin: 2.5em 0 0.5em 0;
}
.privacy_box ul {
	margin: 0.5em 0;
}
.privacy_box ul li::before {
	content: '●';
	margin: 0 0 0 -1.0em;
}
.privacy_box ul li {
	margin: 0.2em 0 0.2em 1.0em;
}
.bg_mask_r_privacy {
	padding: 0;
	margin: 0 0 -3px 0;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.bg_mask_r_privacy img {
	width: 100%;
}
.transactions_box dl dd p::before {
	content: '※';
	margin: 0 0 0 -1.0em;
}
.transactions_box dl dd p {
	font-size: 0.8em;
	line-height: 1.3;
	margin: 0.5em 0 0 1.0em;
}
.privacy_box .close_btn_wrap,
.transactions_box .close_btn_wrap,
.agreement_box .close_btn_wrap {
	width: 100%;
	margin: 4.0em 0 0 0;
}
.agreement_box dl dt {
	float: left;
	width: 1.8em;
	padding: 0;
	margin: 0;
}
.agreement_box dl dd {
	padding: 0 0 1.0em 1.8em;
	margin: 0;
}
.agreement_box dl dd:last-child {
	padding: 0 0 0 1.8em;
	margin: 0;
}
.agreement_margin_bottom1 {
	margin: 0 0 1.0em 0;
}
.agreement_margin_bottom2 {
	margin: 0 0 2.0em 0;
}
.agreement_margin_bottom3 {
	margin: 0 0 3.0em 0;
}




@media all and (min-width: 450px) {

/* お申し込み・お問い合わせボタン */
.form_btn_set {
	width: 100%;
	margin: 40px 0 0 0;
}
button.btn_entry_form {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 80px;
	width: 47%;
	height: 80px;
	margin: 0;
}
button.btn_entry_form i {
	padding: 0.8em 0 0 0;
}
button.btn_entry_form p {
	line-height: 80px;
	margin: 0 0 0 0.5em;
}

button.btn_inquiry_form {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 80px;
	width: 47%;
	height: 80px;
}
button.btn_inquiry_form i {
	padding: 0.8em 0 0 0;
}
button.btn_inquiry_form p {
	line-height: 80px;
	margin: 0 0 0 0.5em;
}

button.btn_form_grey {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 80px;
	width: 47%;
	height: 80px;
	margin: 0;
}
/*button.btn_form_grey i {
	padding: 0.8em 0 0 0;
}*/
button.btn_form_grey p {
	line-height: 80px;
	margin: 0;
}


}





@media all and (min-width: 730px) {

body {
	font-size: 16px; /* for IE */
	font-size: 1.6rem;
	line-height: 27px;
	line-height: 2.7rem;
}



/*////////////////////////////////////////////////*/
/*//////////////////// Header ////////////////////*/
/*////////////////////////////////////////////////*/

#ci {
	width: 380px;
	margin: 18px 0 17px 0;
}


/* menu */
#menu_wrap {
	height: 50px;
}
.menubtn {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 50px;
	height: 50px;
}
.menubtn i {
	font-size: 20px;
	font-size: 2.0rem;
}
.navi ul li a {
	padding: 10px;
}




/*////////////////////////////////////////////////*/
/*//////////////////// Footer ////////////////////*/
/*////////////////////////////////////////////////*/

.footer_menu_wrap {
	padding: 1.6em 0 0.7em 0;
}
ul.footer_menu li {
	float: left;
}
ul.footer_menu li:first-child {
	margin: 0 3.0em 0 0;
}
ul.footer_menu li button {
	font-size: 16px;
	font-size: 1.6rem;
}
ul.footer_menu li button i {
	font-size: 22px;
	font-size: 2.2rem;
}


/* Pagetop Button */
#pagetop {
	bottom: 10px;
	right: 10px;
}




/*///////////////////////////////////////////////*/
/*//////////////////// Button ////////////////////*/
/*///////////////////////////////////////////////*/

button {
	cursor: pointer;
}

/*資格を取ろうボタン*/
button.btn_header_entry,
button.btn_header_entry_grey {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 60px;
	width: 240px;
	height: 60px;
	margin: 20px 0;
}
button.btn_header_entry i {
	display: block;
	float: left;
	font-size: 26px;
	font-size: 2.6rem;
	color: #88e2bd;
	padding: 0.6em 0 0 0.3em;
}
button.btn_header_entry_grey i {
	display: block;
	float: left;
	font-size: 26px;
	font-size: 2.6rem;
	color: #666;
	padding: 0.6em 0 0 0.3em;
}
button.btn_header_entry p,
button.btn_header_entry_grey p {
	margin: 0 0 0 0.5em;
}


/* お申し込みボタン */
button.btn_supporter_entry_form {
	font-size: 21px;
	font-size: 2.1rem;
}
.btn_supporter_entry_form_grey {
	font-size: 20px;
	font-size: 2.0rem;
}
.btn_supporter_entry_form_grey i {
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0.6em 0 0 0;
}


/* お申し込み・お問い合わせボタン */
.form_btn_set {
	margin: 60px 0 0 0;
}
button.btn_entry_form {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 100px;
	height: 100px;
}
button.btn_entry_form i {
	padding: 1.1em 0 0 0;
}
button.btn_entry_form p {
	line-height: 100px;
}

button.btn_inquiry_form {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 100px;
	height: 100px;
}
/*button.btn_inquiry_form i {
	padding: 1.1em 0 0 0;
}*/
button.btn_inquiry_form p {
	line-height: 100px;
}

button.btn_form_grey {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 100px;
	width: 47%;
	height: 100px;
	margin: 0;
}
button.btn_form_grey i {
	padding: 1.1em 0 0 0;
}
button.btn_form_grey p {
	line-height: 100px;
	margin: 0 0 0 0.5em;
}


/* へやトレキャンペーンボタン */
button.btn_campaign_heyatore {
	font-size: 20px;
	font-size: 2.0rem;
}
button.btn_campaign_heyatore i {
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0.6em 0 0 0;
}
button.btn_campaign_heyatore p {
	margin: 0 0 0 0.4em;
}




/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/

/* background */
.container_main {
	margin: 0 auto;
}
.container {
	padding: 40px 0 60px 0;
	margin: 0 auto;
}
.container_bg_grey {
	padding: 50px 0;
	margin: 0 auto;
}
.container_bg_green {
	padding: 50px 0 0 0;
	margin: 0 auto;
}


/* main image */
#main_image_area {
	margin: 150px auto 0 auto;
}


/*title*/
.title01 {
	margin: 0 0 60px 0;
}
.title01 h2 {
	font-size: 40px;
	font-size: 4.0rem;
}
.title01 h3 {
	font-size: 28px;
	font-size: 2.8rem;
}
h2.title02 {
	font-size: 40px;
	font-size: 4.0rem;
	margin: 100px 0 50px 0;
}
h2.title03 {
	font-size: 35px;
	font-size: 3.5rem;
	margin: 0 0 50px 0;
}
h3.title04 {
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0.5em 0;
}
.title05 h2 {
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 1;
}
.title05 h2::after {
	margin: 20px auto 50px auto;
}


/* 認定資格取得の3つのポイント */
.point_box ul li {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
}
.point_box ul li:last-child {
	width: 30%;
	margin: 0;
}
.point_box ul li.blue p,
.point_box ul li.green p,
.point_box ul li.red p {
	margin: 2%;
}


/* スライダー・代表理事挨拶 */
.profile_director .l_box {
	float: left;
	width: 35%;
}
.profile_director .l_box .profile01 {
	margin: 20px 0 30px 0;
}
.profile_director .l_box img {
	display: block;
	width: 75%;
	margin: 0 auto;
}
.profile_director .r_box {
	float: left;
	width: 62%;
	margin: 0;
}


/* こんな方は是非チャレンジしてください！ */
.double_box h3 {
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0 0.6em;
}
.double_box h3::after {
	height: 18px;
	padding: 0;
}
.double_box {
	margin: 0 0 3.5em 0;
}
.double_box::before,
.double_box::after {
	width: 99%;
}
.double_box::after {
	top: 10px;
	left: 10px;
}
.double_box ul li {
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0 0 0 2.0em;
}


/* 認定資格の取得まで */
ul.step li.step_set {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1;
	width: 30%;
	margin: 0 0 3.0em 0;
}
ul.step li.step_set:nth-child(2),
ul.step li.step_set:nth-child(5) {
	width: 30%;
	margin: 0 5%;
}
ul.step li.step_set:nth-child(even) {
	float: left;
}
ul.step li.step_set .image_box p {
	line-height: 2;
}
ul.step li.step_set > p {
	margin: 0.7em 0 0 0;
}


/* 認定ランクごとの特徴とメリット */
.rank_set {
	margin: 50px 0;
}
.rank_set:last-child {
/*	margin: 80px 0 50px 0;*/
}
.rank_set img {
	float: left;
	width: 32%;
	margin: 0;
}
.rank_set .text_box {
	width: 65%;
}
.rank_set .text_box h4.gold,
.rank_set .text_box h4.blue,
.rank_set .text_box h4.green,
.rank_set .text_box h4.red {
	font-size: 25px;
	font-size: 2.5rem;
}
.rank_set .text_box h5.gold,
.rank_set .text_box h5.blue,
.rank_set .text_box h5.green,
.rank_set .text_box h5.red {
	font-size: 18px;
	font-size: 1.8rem;
}
.rank_intro_text {
	padding: 0 0 60px 0;
}
.rank_catchphrase {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.3;
	padding: 10px;
}
.rank_arrow {
	width: 15%;
	margin: 20px auto;
}
.dashed_line {
	margin: 80px 0;
}
h3.supporter_title {
	font-size: 30px;
	font-size: 3.0rem;
	margin: 0 0 50px 0;
}

.business_merit_box h3 {
	font-size: 1.8em;
	padding: 0.3em 0;
}
.business_merit_box .merit_set_box {
	text-align: left;
}
.business_merit_box .merit_set {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
}
.business_merit_box .merit_set .title {
	font-size: 1.2em;
}
.business_merit_box .text_box {
	font-size: 1.2em;
	line-height: 1.5;
}


/* NOF公認トレーナー */
.trainer_set {
	width: 45%;
	margin: 0 0 7.0em 0;
}
.trainer_set .profile01 {
	margin: 20px 0 30px 0;
}
.trainer_set .profile02 {
	margin: 0 0 30px 0;
}


/* トレーナーの活動 */
.activity_set {
	margin: 0 0 80px 0;
}
.activity_set .text_box {
	width: 60%;
	margin: 0;
	
	position: absolute;
	top: 0%;
	-webkit-transform: translateY(-0%); /* Safari用 */
	transform: translateY(-0%);
}
.activity_set .text_box h5 {
	font-size: 19px;
	font-size: 1.9rem;
	text-align: left;
	margin: 0 0 1.0em 0;
}
.activity_set img {
	float: right;
	width: 35%;
}
/*.activity_text {
	text-align: center;
}*/

.rank_set_supporter {
	padding: 2.0em 2.0em 0 2.0em;
	margin: 0; /* 0 0 3.0em 0 */
}
.rank_set_supporter img {
	width: 35%;
	float: left;
	margin: 1.0em auto 2.5em auto;
}
.rank_set_supporter .text_box {
	width: 60%;
	float: right;
}


/* へやトレキャンペーン */
.campaign_supporter_box .title h3 {
	font-size: 55px;
	font-size: 5.5rem;
}
.campaign_supporter_box .title p {
	font-size: 24px;
	font-size: 2.4rem;
}
.campaign_supporter_box .text {
	font-size: 36px;
	font-size: 3.6rem;
}


/* 推奨の声 */
.container_bg_green h2 {
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 76px;
	height: 76px;
	-moz-border-radius: 38px;
	-webkit-border-radius: 38px;
	border-radius: 38px;
}
.recommendation_set {
	width: 45%;
	margin: 0 0 7.0em 0;
}


/* システム */
.system_box h3 {
	font-size: 2.0em;
}
.system_box .system_point_box {
	text-align: left;
}
.system_box .system_point_box .point_box {
	width: 32%;
	margin: 0 2% 0 0;
}
.system_box .text_box .text .title_blue {
	font-size: 1.5em;
	padding: 0.5em 0;
	margin: 0 0 1.5em 0;
}
.system_box .text_box .red {
	font-size: 1.2em;
}
.system_box .text_box .red_large {
	font-size: 1.8em;
}


/* 受講費用について */
table.fee {
	font-size: 21px;
	font-size: 2.1rem;
}
table.fee tr td {
	padding: 1.5em 0;
}
table.fee tr td.green p {
	font-size: 15px;
	font-size: 1.5rem;
	width: 140px;
}
.fee_text {
	margin: 0 0 50px 0;
}
.pay {
/*	font-size: 20px;
	font-size: 2.0rem;*/
	padding: 2.5em;
	margin: 60px auto 50px auto;
}
.fee_rank_box {
	margin: 60px 0 0 0;
}


/* NOFとは */
.detail_btn_wrap {
	margin: 50px 0 50px 0;
}


/* 個人情報の取り扱いについて・利用規約 */
.privacy_box,
.transactions_box,
.agreement_box {
	padding: 0 0 2.5em 0;
}
.privacy_box #ci_privacy,
.transactions_box #ci_privacy,
.agreement_box #ci_privacy,
#ci_privacy {
	width: 400px;
}
.privacy_box h2,
.transactions_box h2,
.agreement_box h2,
h2 {
	font-size: 1.5em;
}

}




@media all and (min-width: 945px) {

/*////////////////////////////////////////////////*/
/*//////////////////// Header ////////////////////*/
/*////////////////////////////////////////////////*/

#header_wrap {
	height: 120px;
}
#ci {
	width: 464px;
	margin: 23px 0 22px 0;
}




/*///////////////////////////////////////////////*/
/*//////////////////// Button ////////////////////*/
/*///////////////////////////////////////////////*/

button {
	cursor: pointer;
}

/* 資格を取ろうボタン */
button.btn_header_entry,
button.btn_header_entry_grey {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 80px;
	width: 260px;
	height: 80px;
}
button.btn_header_entry i,
button.btn_header_entry_grey i {
	font-size: 28px;
	font-size: 2.8rem;
	padding: 0.9em 0 0 0.3em;
}


/* インタビューはこちらボタン */
button.btn_trainer_qa {
	font-size: 21px;
	font-size: 2.1rem;
}
button.btn_trainer_qa i {
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0.3em 0 0 0;
}
button.btn_trainer_qa p {
	margin: 0 0 0 0.5em;
}




/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/

/* background */
.container_bg_grey {
	padding: 60px 0;
}
.container_bg_green {
	padding: 60px 0 20px 0;
}


/* main image */
#main_image_area {
	margin: 170px auto 0 auto;
}


/*title*/
.title01 h2 {
	font-size: 45px;
	font-size: 4.5rem;
}
.title01 h3 {
	font-size: 30px;
	font-size: 3.0rem;
}
h2.title02 {
	font-size: 45px;
	font-size: 4.5rem;
	margin: 100px 0 60px 0;
}
h2.title03 {
	font-size: 38px;
	font-size: 3.8rem;
	margin: 0 0 60px 0;
}
h3.title04 {
	font-size: 36px;
	font-size: 3.6rem;
}


/* 認定資格取得の3つのポイント */
.point_box ul li.blue p,
.point_box ul li.green p,
.point_box ul li.red p {
	font-size: 25px;
	font-size: 2.5rem;
}


/* こんな方は是非チャレンジしてください！ */
.double_box h3 {
	font-size: 32px;
	font-size: 3.2rem;
}
.double_box h3::after {
	height: 20px;
}
.double_box ul li {
	font-size: 22px;
	font-size: 2.2rem;
}


/* 認定資格の取得まで */
ul.step li.step_set {
	font-size: 18px;
	font-size: 1.8rem;
}


/* NOF公認トレーナー */
.trainer_set {
	margin: 0 0 8.0em 0;
}


/* トレーナーの活動 */
.activity_set {
	margin: 0 0 60px 0;
}
.activity_set .text_box {
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}


/* 推奨の声 */
.container_bg_green h2 {
	font-size: 42px;
	font-size: 4.2rem;
	line-height: 80px;
	height: 80px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	margin: 0 0 60px 0;
}
.recommendation_set {
	margin: 0 0 100px 0;
}

}