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

body {
	font-family: sans-serif;
	font-feature-settings: "pkna";
	letter-spacing: .05rem;
}
img {
	display: block;
	width: 100%;
	max-width: 560px;
	border: 0;
	vertical-align: middle;
}
article.contents > section,
nav.menu {
	margin-bottom: 2.5rem;
}
main {
	padding-bottom: 1rem;
}
.con-margin {
	width: 90%;
	max-width: 840px;
	margin: 0 auto 4rem;
}
.img {
	margin: auto;
	padding: .5rem;
	background-color: #efefef;
}
.text .img {
	margin: .5rem auto 1rem;
}
.text p {
	margin-bottom: 1.25rem;
	font-size: 1rem;
	text-align: justify;
	line-height: 1.75;
}
.text p:last-child {
	margin-bottom: 0;
}

.text p strong {
	font-size: 1.25rem;
	font-weight: bold;
	color: #DA2D16;
}
figure {
	margin-bottom: 1.25rem;
}
figure figcaption {
	margin: 0 auto;
	font-size: .9em;
	text-align: left;
	line-height: 1.25;
	color: #666;
}
figure figcaption:before {
	content: "◎";
}



/* ヘッダ */

.header h1 {
	width: 100%;
	height: 100vh;
	margin: auto;
	background-image: url(../images/cover-portrait.png);
	background-position: center;
	background-size: cover;
	text-indent: -33333px;
 }

@media screen and (orientation: landscape) {
.header h1 {
	height: auto;
	padding-top: 66.666666666%;
	background-image: url(../images/cover-landscape.png);
}
}

/*.header {
	width: 100%;
	margin: 0 auto .75rem;
}
.header picture img {
	max-width: 1024px;
	margin: auto;
}
.header h1 {
	max-width: 1024px;
	margin: 0 auto;
}
.header h1 span {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 68.4375%;
	background-image: url(../images/cover.png);
	background-position: center top;
	background-size: 120%;
	background-repeat: no-repeat;
	text-indent: -333333px;
}*/
.header div,
.media {
	margin-bottom: 2.5rem;
	padding: 1.2rem 1rem .8rem;
	background-color: #DA2D16;
	font-size: .9rem;
	font-weight: bold;
	text-align: justify;
	line-height: 1.75;
	color: #fff;
}
.header div a,
.media a {
	text-decoration: underline;
	color: #F6C13E;
}
.header div h2,
.media h2 {
	margin-bottom: .75rem;
	padding: .5rem 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 1.25rem;
	line-height: 1.2;
}
.campaign {
	display: block;
	max-width: 840px;
	margin: 1rem auto 2rem;
}
.campaign img {
	max-width: 840px;
}


/* エントリー */

.entry {
	width: 100%;
	margin: -3.75rem auto 0.75rem;
	padding: 3.75rem 0 0;
}
.entry h2 {
	padding: .25rem 5%;
	background-color: #263396;
	box-shadow: 0 1px 0 rgba(0,0,0,.25);
	color: #fff;
	font-size: 1.05rem;
	text-align: center;
}
.entry h2:before,
.entry h2:after {
	content: "";
	display: block;
	width: 100%;
	margin: auto;
	max-width: 840px;
	opacity: .75;
}
.entry h2:before {
	margin-bottom: .25rem;
	border-top: solid 1px #fff;
}
.entry h2:after {
	margin-top: .25rem;
	border-bottom: solid 1px #fff;
}
/*section:first-child .entry h2 {
	background-color: #DA2D16;
}*/
.entry-box {
	width: 100%;
	margin: 0 auto .5rem;
	padding: 1rem 0;
	background-color: #F6C13E;

	/*background: #F6C13E;
	background: -moz-linear-gradient(top,  #f2d99f 0%, #F6C13E 100%);
	background: -webkit-linear-gradient(top,  #f2d99f 0%,#F6C13E 100%);
	background: linear-gradient(to bottom,  #f2d99f 0%,#F6C13E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d99f', endColorstr='#F6C13E',GradientType=0 );*/
}
/*section:first-child .entry-box {
	background-color: #ccc;
}*/
.entry-box p {
	width: 90%;
	max-width: 840px;
	display: list-item;
	list-style: decimal inside;
	margin: 0 5% .5rem;
	padding: 0;
	font-size: .9rem;
	font-weight: bold;
	line-height: 1;
	color: #263396;
}
.entry-box p:nth-of-type(1) {
	margin-top: 1rem;
}
.entry .catch {
	display: block;
	max-width: 100%;
	padding: .4rem 5%;
	background-color: #fff;
	text-align: center;
	line-height: 1.1;
}
.entry-box input {
	display: block;
	width: 90%;
	max-width: 840px;
	margin: 0 5% .75rem;
	padding: .5rem;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.entry-box a {
	display: block;
	width: 90%;
	max-width: 840px;
	margin: auto 5%;
	padding: 1.2rem;
	background-color: #17B23B;
	
background: #bfd255;

background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);

background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);

background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );


	border-radius: 4px;
	border: 4px solid #fff;
	box-shadow: 0 2px 4px #000;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 0 1px 0 #000;
	text-align: center;
}
.entry .attention {
	color: #666;
	font-size: .75rem;
	text-align: justify;
}
.entry .attention span {
	display: none;
}
.entry p.attention {
	margin-bottom: 1.5rem;
}
.entry2 a {
	display: block;
	float: right;
	height: 40px;
	padding: 0 1.5rem;
	background: #DA2D16;
	background: -moz-linear-gradient(top,  #DA2D16 0%, #d65e53 50%, #d65342 51%, #d66253 100%);
	background: -webkit-linear-gradient(top,  #DA2D16 0%,#d65e53 50%,#d65342 51%,#d66253 100%);
	background: linear-gradient(to bottom,  #DA2D16 0%,#d65e53 50%,#d65342 51%,#d66253 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DA2D16', endColorstr='#d66253',GradientType=0 );
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}




/* メニュー*/

nav.gmenu {
	margin-bottom: 4rem;
}
nav.gmenu li {
	width: 100%;
	margin-bottom: 1rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
nav.gmenu li a {
	display: block;
	width: 100%;
	padding: .75rem;
	background-color: #B9C71E;
	border-radius: 1.5rem;
	box-shadow: 0 2px 4px #999;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	color: #fff;
}




/* コンテンツ */

.contents {
	margin-bottom: 2rem;
	margin-top: -60px;
	padding-top: 60px;
}
.contents header {
	margin: 0 auto 1.25rem;
	padding: .25rem;
	background-color: #DA2D16;
	border-radius: 6px 0 6px 0;
}
.contents header h2 {
	width: 100%;
	padding: .75rem .65rem .5rem;
	border: 2px dotted #fff;
	border-radius: 4px 0 4px 0;
	color: #fff;
	text-align: center;
	line-height: 1.25;
}
.contents header h2 strong {
	font-size: 1.25em;
	color: #F6C13E;
}
.contents ul,
.contents ol {
	list-style-position: inside;
}
section.text p:nth-of-type(1):first-letter {
	color: #999;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
}
section.text .media p:nth-of-type(1):first-letter {
	color: #fff;
	font-size: 1rem;
}



/* 特徴 */

.chara ol li {
	margin-bottom: 1.75rem;
	list-style: none;
}
.chara ol li h3 {
	margin-bottom: .75rem;
	padding: .4rem 0;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	color: #999;
	font-size: 1.1rem;
	line-height: 1.25;
}
.chara ol li h3:before {
	content: counter(chara) ".";
	margin-right: .5rem;
}
.chara ol li {
	counter-increment: chara;
}
.chara ol li p {
	margin-bottom: 1rem;
	line-height: 1.5;
}



/* サンプル */

.sample figure img {
	margin-bottom: .5rem;
}



/* グロースアドバイザーズとは */

.about h3 {
	margin-top: -.75rem;
	margin-bottom: 1.25rem;
}
.about figure .img {
	margin-bottom: .5rem;
}



/* 概要 */

.points {
	margin-bottom: 2rem;
	list-style: none;
	text-align: justify;
}
.points li {
	margin: 0 0 .75rem;
}
.points li:last-child {
	margin: 0;
}
.points dl {
	margin: 0;
	font-size: .9rem;
}
.points dl dt {
	margin-bottom: .5rem;
	padding-bottom: .25rem; 
	border-bottom: dotted 1px #666;
	color: #666;
}
.points dl dt:before {
	content: "■";
}
.points dl dd {
	margin: 0;
	line-height: 1.25;
}
.points dl dd a {
	display: block;
}



/* 要項 */

.important {
	margin: 0 auto 2.5rem;
	padding: 1rem;
	border: solid 1px #000;
	border-radius: 2px;
	text-align: center;
}
.important h2 {
	margin: 0 0 .5rem;
	color: #B9C71E;
	font-size: 1rem;
	line-height: 1.25;
}
.important img {
	margin: 0 auto 1rem;
}



/* 実績 */

#result h3 {
	margin-bottom: 1rem;
	border-bottom: 1px solid #B9C71E;
	font-size: 1.25rem;
	text-align: center;
	color: #B9C71E;
}
#result table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 1rem;
	padding: 0;
	width: 100%;
	color: #333;
}
#result table caption {
	margin-bottom: .25rem;
	font-size: 1rem;
	color: #999;
}
#result table tr {
	border: 1px solid #ddd;
	background-color: #FDF3DB;
}
#result table tr.unachieved {
	background: #fafafa;
}
#result table tr th:nth-of-type(1) {
	width: 40%;
}
#result table tr th {
	background: #fff;
}
#result table th,
#result table td {
	padding: .5em .75em;
	text-align: center;
}
#result table td:nth-last-of-type(2),
#result table td:last-child {
	font-size: 1.25em;
	font-weight: bold;
	color: #FF201B;
}
#result table tr.unachieved td:nth-last-of-type(2),
#result table tr.unachieved td:last-child {
	font-weight: normal;
	color: #000;
}
#result table.resultTotal br {
	display: none;
}
#result table.resultTotal {
	table-layout: auto;
}
#result table.resultTotal tr th:nth-of-type(1) {
	width: auto;
}

@media screen and (max-width: 600px) {
#result table {
	margin-bottom: .75rem;
	border: none;
	font-size: .9em;
}
#result table thead {
	display: none;
}
#result table tr {
	margin-bottom: .5rem;
	display: block;
}
#result table tr:last-child {
	border-bottom: none;
}
#result table td {
	border-bottom: 1px solid #ddd;
	display: block;
	text-align: right;
}
/*#result table td:before {
	content: attr(aria-label);
	float: left;
	font-size: 1em;
	color: #000;
}*/
#result table td:before {
	float: left;
	font-size: 1em;
	color: #000;
}
#result table td:nth-of-type(1)::before {
	content: "銘柄";
}
#result table td:nth-of-type(2)::before {
	content: "紹介日終値";
}
#result table td:nth-of-type(3)::before {
	content: "上値目標";
}
#result table td:nth-of-type(4)::before {
	content: "結果";
}
#result table td:nth-of-type(5)::before {
	content: "10日高値上昇率";
}
#result .tableBox {
	margin-bottom: 1.5rem;
}
#result table.resultTotal br {
	display: inline;
}
#result table.resultTotal td:nth-of-type(1)::before {
	content: "公開日数";
}
#result table.resultTotal td:nth-of-type(2)::before {
	content: "公開銘柄数";
}
#result table.resultTotal td:nth-of-type(3)::before {
	content: "達成銘柄数";
}
#result table.resultTotal td:nth-of-type(4)::before {
	content: "平均達成率";
}
#result table.resultTotal td:nth-of-type(5)::before {
	content: "平均達成日数";
}
#result table.resultTotal td:nth-of-type(6)::before {
	content: "平均高値到達日数";
}
#result table.resultTotal td:nth-of-type(7)::before {
	content: "平均上昇率";
}
/*#result table tr th {
	background: #fff;
}
#result table th,
#result table td {
	padding: .5rem .75em;
	text-align: center;
}
#result table td[aria-label="結果"],
#result table td:last-child {
	font-size: 1.25rem;
	font-weight: bold;
	color: #DA2D16;
}
#result table tr.unachieved td[aria-label="結果"],
#result table tr.unachieved td:last-child {
	font-weight: normal;
	color: #000;
}

@media screen and (max-width: 600px) {
#result table {
	margin-bottom: .75rem;
	border: none;
}
#result table thead {
	display: none;
}
#result table tr {
	margin-bottom: .25rem;
	display: block;
}
#result table tr:last-child {
	border-bottom: none;
}
#result table td {
	border-bottom: 1px solid #ddd;
	display: block;
	text-align: right;
}
#result table td:before {
	content: attr(aria-label);
	float: left;
	font-size: 1rem;
	color: #000;
}
#result .tableBox {
	margin-bottom: 1.5rem;
}*/
}


/* フッタ */

.footer {
	box-sizing: border-box;
	width: 100%;
	padding: .25rem 0;
	background-color: #000;
}
.footer .menu {
	box-sizing: border-box;
	width: 90%;
	margin: 1rem auto;
	padding: 1rem 1rem .75rem;
	border: dotted 1px #999;
	border-radius: 4px;
}
.footer .menu ul {
	text-align: left;
}
.footer .menu ul li {
	margin: 0 0 .5rem -.25rem;
	line-height: 1.25;
}
.footer .menu ul li:before {
	content: "・";
	color: #F6C13E;
}
.footer .menu ul:nth-of-type(2) li:nth-last-of-type(1) {
	margin: 0 0 0 -.25rem;
}
.footer .menu ul li a {
	color: #F6C13E;
	text-decoration: none;
}
.footer .menu ul li a:hover {
	color: #DA2D16;
}
.footer p {
	margin-bottom: 1rem;
	color: #fff;
	text-align: center;
}
.footer p span {
	display: none;
}
.footer p a {
	display: block;
	width: 90%;
	margin: .25rem auto 0;
	padding-top: .25rem;
	border-top: solid 1px #fff;
	color: #BCCBFF;
}



/* ナビ */

.hide {
	display: none;
}
.top-navi {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 40px;
	background-color: #333;
	box-shadow: 0 0 4px rgba(0,0,0,.5)
}
.top-navi nav {
	display: flex;
	margin: auto;
}
.top-navi h2 {
	margin: 0 auto 0 5%;
	padding: 0;
	font-size: .75rem;
	text-align: left;
	line-height: 40px;
}
.top-navi h2 span {
	display: none;
}
.top-navi h2 a {
	text-decoration: none;
	color: #fff;
}
.top-navi h2 a:hover {
	text-decoration: underline;
}
.top-navi h2 img {
	display: inline-block;
	width: auto;
	height: 28px;
	padding-right: .75rem;
}



/* gotop */

a.gotop {
    position: fixed;
	z-index: 500;
    bottom: .5rem;
    right: .5rem;
    padding: .75rem;
    background-color: rgba(0, 0, 0, 0.25);
	border: solid 1px #fff;
	border-radius: 50%;
	font-family : verdana,'Hiragino Kaku Gothic ProN','游ゴシック',YuGothic,Meiryo,'メイリオ','ＭＳ Ｐゴシック',san-serif;
	font-weight: bold;
    text-decoration: none;
	text-align: center;
	line-height: 1;
	color: #fff;
}
a.gotop:active {
    background-color: rgba(0, 0, 0, 0.75);
}



/* サブ */

.sub .contents:nth-of-type(1){
	margin-top: 0;
	padding-top: 76px;
}
.sub2 .contents:nth-of-type(1){
	margin-top: 0;
	padding-top: 32px;
}
.sub article:first-child h1.title {
	margin-top: 0;
	margin-bottom: 2rem;
	font-size: 1.5rem;
	text-align: center;
}
.sub2 article:first-child h1.title {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	text-align: center;
}
.sub2 article:first-child h1.title span {
	display: none;
}
.sub article h1.title:first-letter,
.sub2 article h1.title:first-letter{
	font-size: 1.75em;
	color: #1F4872;
}
.sub .contents .text h2 {
	margin-top: 2rem;
	margin-bottom: 1.25rem;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.25;
	color: #666;
	text-align: left;
}
.sub .contents h3 {
	font-size: 1.4rem;
	margin-bottom: 0.7em;
	margin-top: 2.1em;
	font-weight: bold;
	text-align: left;
}
.sub .text ol,
.sub .text ul {
	margin-bottom: 1.25rem;
	padding: 0 1rem 0 3rem;
	list-style-position: outside;
	text-align: justify;
}
.sub .text ul {
	list-style-type: disc;
}
.sub .text li {
	margin-bottom: 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
}



@media screen and (min-width:600px) {


.entry h2 {
	padding: .65rem 5%;
	font-size: 1.25rem;
}
.entry .catch {
	padding: .65rem 5%;
	line-height: 1;
}
.entry-box p:nth-of-type(1) {
	margin-top: 1.25rem;
}
.entry-box {
	margin: 0 auto .75rem;
	padding: 1.5rem 0;
}
.entry h2:before,
.entry h2:after,
.entry-box p,
.entry-box input,
.entry-box a {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.entry-box p {
	margin-bottom: .5rem;
	font-size: 1rem;
}
.entry-box input {
	margin-bottom: .75rem;
}
.entry-box a {
	padding: 1.5rem;
	font-size: 1.75rem;
}

.contents header h2 {
	font-size: 1.1rem;
}
.contents header h2 br {
	display: none;
}

.chara ol li h3 {
	margin-bottom: 1rem;
	padding: .75rem 0;
}

figure {
	max-width: 560px;
	margin: 0 auto 1.5rem;
}

.about h3 {
	margin-top: -.5rem;
}

.points {
	max-width: 560px;
	margin: 2rem auto 2.5rem;
}
.points h2 {
	margin: 0 0 1.5rem;
	font-size: 1.25rem;
}
.points li {
	margin: 0 0 1rem;
	padding-bottom: 1rem;
	border-bottom: dotted 1px #666;
}
.points li:last-child {
	margin: 0;
	padding-bottom: 0;
	border: none;
}
.points dl {
	font-size: 1rem;
	line-height: 1.25;
}
.points dl dt {
	margin: 0;
	padding: 0;
	float: left;
	border: none;
}
.points dl dd {
	margin: 0 0 0 9rem;
}
.points dl dd a {
	margin-right: 1rem;
	display: inline-block;
}

.important {
	padding: 2rem;
}
.important h2 {
	margin-bottom: 1.25rem;
	font-size: 1.5rem;
}
.important h2 small {
	display: block;
}
.important img {
	margin: 0 auto 1.25rem;
}
.important .points {
	max-width: 768px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: .9rem;
}

.footer .menu {
	padding: 1.25rem 1.25rem .5rem;
}
.footer .menu ul li {
	display: inline-block;
	margin: 0 1.25rem .75rem 0;
}
#result .tableBox {
	margin-bottom: 2rem;
}
.top-navi h2 span {
	display: inline;
}
.sub2 article:first-child h1.title span {
	display: inline;
}


}




@media screen and (min-width:768px) {


html {
	font-size: 18px;
} 
.sub2 .contents:nth-of-type(1) {
	padding-top: 40px;
}
.footer p span {
	display: inline;
	padding-left: 1.5rem;
	font-size: .9rem;
}


}




@media screen and (min-width:912px) {


.header {
	margin-bottom: 0;
}
.header div h2,
.header div p,
.media h2,
.media p {
	width: 912px;
	margin-left: auto;
	margin-right: auto;
}
.media h2,
.media p {
	width: 768px;
}
.header div h2,
.media h2 {
	margin-bottom: 1rem;
	padding: .75rem 0;
	text-align: center;
	line-height: 1;
}
.text .media p {
	margin-bottom: 0;
}


article.contents > section,
nav.menu {
	margin-bottom: 3.5rem;
}

.contents header {
	margin-bottom: 1.5rem;
}
.contents header h2 {
	font-size: 1.2rem;
}

.entry-box p {
	margin: 0 auto .5rem;
}
.entry-box input {
	margin: 0 auto .75rem;
}
.entry-box a {
	margin: auto;
	border: 6px solid #fff;
	font-size: 2rem;
}
.entry-box a:hover,
.entry2 a:hover {
	opacity: .85;
}
nav.gmenu li a:hover {
	background-color: #F6C13E;
}
.text p {
	margin-bottom: 1.5rem;
	line-height: 2;
}
.footer .menu {
	width: 840px;
}


}




@media screen and (min-width:1080px) {


.entry-box {
	position: relative;
	padding: 1.25rem 0;
}
.entry-box:before,
.entry-box:after {
	content: "";
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	background-size: contain;
}
.entry-box:before {
	left: 0;
	background-image: url(../images/entry-bg-left.png);
	background-position: left;
}
.entry-box:after {
	right: 0;
	background-image: url(../images/entry-bg-right.png);
	background-position: right;
}

}