/* ========================================================================
ResetCss
======================================================================== */


/* 要素 フォントサイズ・マージン・パディングをリセット */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight: normal;
	background:transparent;
}

/* 行の高=フォントサイズ*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP","BIZ UDGothic", sans-serif, "Helvetica Neue", "Segoe UI", Meiryo;
	line-height:1;
}

/* 新規追加要素をブロック要素化 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

/* ulのマーカー非表示 */
ol, ul {
	list-style: none;
}

/* 引用符の非表示 */
blockquote, q {
	quotes:none;
}

/* blockquote要素、q要素の前後にコンテンツ非表示 */
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* フォントサイズ　リセット フォントの縦方向 ベースライン揃え 点線削除 */
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline: none;
	text-decoration: none;
}

/* ins要素 デフォルトセット 色を変える場合はここで変更 */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* mark要素 デフォルトセット 色やフォントスタイルを変える場合はここで変更 */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

/* テキスト 打ち消し線 */
del {
	text-decoration: line-through;
}

/* IE　デフォルトで点線を下線表示設定　下線設定 マウスオーバー時 ヘルプカーソル表示可 */
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/*　隣接するセルのボーダーを重ねて表示　*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* 水平罫線デフォルトリセット */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

/* 縦方向の揃え 中央揃え */
input, select {
	vertical-align:middle;
}

/* 画像を縦に並べた時に余白0 */
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*画像レスポンシブ*/
img {
	max-width: 100%;
	height: auto;
}

/*改行のweb際のBR高さバグ修正*/
br {
	line-height: inherit;
}

/*  レスポンシブ用
-------------------------------------------------------------*/
/*  pcのみ  */
.sp-only {display: none !important;}
.pc-only {display: block !important;}

/*  spのみ  */
@media screen and (max-width: 960px) {
	.pc-only {display: none !important;}
	.sp-only {display: block !important;}
}

/*  リンク類
-------------------------------------------------------------*/
a{transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; color: #181C1F;}
a:hover{opacity: 0.6; transition:.2s all;}
a img{transition:.2s all;}
a img:hover{opacity: 0.8; transition:.2s all;}
button{transition:.2s all;}
button:hover{opacity: 0.8; transition:.2s all;}
form{margin: 0;}


/* その他 共通
-------------------------------------------------------------*/
html {overflow: auto; height: 100%;}
body{
	font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP","BIZ UDGothic", sans-serif, "Helvetica Neue", "Segoe UI", Meiryo;
	background: none;
	position: relative;
	margin: 0px;
	box-sizing: border-box;
	padding-top: 0;
	transition: padding-top 0.3s ease;
	font-feature-settings: "palt" 1;
}

@media (max-width: 960px) {
}

/* =================================================================
float
=================================================================*/
.float {width: 100%; height: 8em; background: rgba( 255, 255, 255, 0.70 ); position: fixed; bottom: 0; display: flex; justify-content: center;z-index:300; padding-top: 0.5em;}
.float img {position: relative; z-index:500;}
.float a {position: fixed; z-index:400;}

@media screen and (max-width: 960px) {
	.float {width: 100%; height: 8em; position: fixed; bottom: 0; display: flex; justify-content: center; z-index:300; padding-top: 0.5em;}
	.float img {width: 100%; position: inherit; z-index:500;justify-self:anchor-center;}
	.float a {position: inherit; z-index:400;}
}

@media screen and (max-width: 767px) {
	.float {width: 100%;height: 7em; position: fixed; bottom: 0; display: flex; justify-content: center; z-index:300; padding-top: 0.5em;}
	.float img {width: 100%; position: fixed; z-index:500;justify-self:anchor-center;}
	.float a {position: fixed; z-index:400;}
}

/* =================================================================
float Safari用
=================================================================*/
_::-webkit-full-page-media, _:future, :root .float{
	background: rgba( 255, 255, 255, 0.70 );  display: grid;
  place-content: center; padding:2em 0;
}
_::-webkit-full-page-media, _:future, :root .float img{
	background: rgba( 255, 255, 255, 0.70 );  display: grid;
  place-content: center; padding:2em 0; 
}

/* =================================================================
float Safari用
=================================================================*/

.link-icon-outside {
	position: relative;
	padding-right: .5em;
	margin-right: 1em
}

.link-icon-outside::before {
	content: "\e315";
	font-family: icomoon;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -1em;
	font-size: initial
}

.link-icon-outside::after {
	content: "\f08e";
	font-family: icomoon;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -.8em;
	font-size: initial
}
/* =================================================================
fv
=================================================================*/
.fv {background-size: cover; position: relative;}
.fv img {display: block; margin: auto; width: 100%; max-width: 1200px;}
.fv h1 {font-size: 55px; font-weight: 800; color: #094971; text-align: center; margin-top: 100px;}
.fv p {text-align:center; width: 950px; margin:auto; color: #fff; font-size: 25px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 44%; left: 68%; transform: translate(-50%, -50%);}
.fv .title1 img {display: block; margin: 0 60px 60px; max-width: 30%;}

.fv ul {text-align:center; width: 425px; margin:auto; font-size: 24px; letter-spacing: 5px; line-height: 2.2em; position: absolute; top: 45%; left: 69%; transform: translate(-50%, -50%); }
.fv ul li {border:#000 1px solid; border-radius: 20px; margin-bottom: 1.2em; background-color: #FFF;}
.fv .marker-yellow {background: linear-gradient(transparent 60%, #fff799 80%); font-weight: bold; color:#0761a1;}
.fv .icon {margin:auto; font-size: 24px; letter-spacing: 5px; line-height: 2.2em; position: absolute; top: 59%; left: 58%; transform: translate(-50%, -50%); max-width: 90px !important; }



@media screen and (max-width: 767px) {
	.fv02 {background-color: #0761a1;}
	.fv02 .list {width: 100%; display: grid; width: fit-content; column-gap: 1em; grid-template-columns: repeat(2, auto); padding: 30px 10px 10px; justify-content: space-between; }
	.fv02 ul {text-align:center; margin:auto; font-size: 15px; letter-spacing: 1px; line-height: 1.5em; position: relative; }
	.fv02 ul li {padding: 10px; border:#000 1px solid; border-radius: 10px; margin-bottom: 1.2em; background-color: #FFF;}
	.fv02 .icon {margin:auto; font-size: 24px; letter-spacing: 5px; line-height: 2.2em; position: absolute; top: 3.3%; left: 42%; max-width: 60px !important; }
	.fv02 .marker-yellow {background: linear-gradient(transparent 60%, #fff799 80%); font-weight: bold; color:#0761a1;}

}


/* =================================================================
section1
=================================================================*/
.section1 {padding: 0 0 61px;}
.section1 .ratio img {max-width: 20%;}
.section1 h2 img {display: block; margin: auto;}
.section1 .inner .point-title img {max-width: 100%; margin-left: 0; display: block; margin: auto;}
.section1 .inner .point-title .comment01 {margin-left: 50px; font-size: 22px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 8.7%; left: 43%; transform: translate(-50%, -50%);}
.section1 .inner .point-title .comment02 {margin-left: 50px; font-size: 44px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 9.5%; left: 45%; transform: translate(-50%, -50%);}
.section1 .bg {background-size: cover; color: #000;}
.section1 .inner {width: 100%; max-width: 1000px; margin: 61px auto 0;}
.section1 .inner img {margin-left: 20px;  max-width:30%;}
.section1 p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding: 10px;}
.section1 .flex {margin: 61px auto 40px; display: flex; justify-content: space-between;}
.section1 .flex .box {width: 470px; height: 400px; border: 4px solid #683f91; border-radius: 10px; padding: 20px 30px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center}

.section1 table {width: 100%; max-width: 1220px; margin: 0 auto 12px; border-collapse: separate;}
.section1 th {text-align: center; vertical-align: middle; font-size: 24px; width: 162px; height: 90px; background-color: #2f2d32; color: #fff;}
.section1 td {text-align: center; vertical-align: middle; font-size: 24px; width: 162px; height: 90px;}
.section1 .hosoku {font-size: 14px; line-height: 1.285714285714286;}
.section1 h4 {font-size: 25px; letter-spacing: 0.01em; font-weight: 800; text-align:center; margin-bottom: 60px;}
.section1 .extenal-link:after {padding: 0 0 0 0.2rem; display: inline-block; content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon.png');}
.section1 .waku_ipo {padding-top: 15px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;margin-top: 30px;margin-bottom: 30px;border: 1px solid #000;background-color: #ffffff; font-size: 20px; letter-spacing: 0.05em; line-height: 2;}
.section1 .emp-red {color: red;}
.section1 .marker-yellow {background: linear-gradient(transparent 60%, #fff799 80%); font-weight: bold; color:#0761a1;}

@media screen and (max-width: 960px) {
	.section1 {padding:0;}
  .section1 h2 {font-size: 24px; line-height: 1.2; margin-bottom: 0px; padding: 20px;}
	.section1 .sp-inner {margin: 47px auto 0;}
	.section1 p { font-size: 15px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section1 .inner {margin: 5px auto 0;}
	.section1 .inner img {max-width: 45%; margin-left: 5px;}
	.section1 .flex {flex-direction: column; margin: 7px auto 35px;}
	.section1 .flex .box {width: 98%; height: 320px; padding: 20px 27px 20px; margin:auto;}
	.section1 .flex .box + .box {margin-top: 20px;}
	.section1 .flex .box p {font-size: 15px; letter-spacing: 0.03em; }
	.section1 .flex.merit-demerit .box h3 {font-size: 25px;}
	.section1 .flex.merit-demerit {padding: 0 5px; margin-bottom: 15px;}
	.section1 .flex.merit-demerit .box { padding: 5px; height: 300px;}
	.section1 .hosoku {padding: 0 5px;}
	.section1 h4 {font-size: 14px; padding:0 10px;}

	.section1 .extenal-link:after {
  padding: 0 0 0 0.2rem;
  display: inline-block;
  content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon02.png');}
	.section1 h1 {font-size: 22px; font-weight: 800; color: #094971; text-align: center; margin-top: 50px;}
}

/* =================================================================
section2
=================================================================*/
.section2 {padding: 0 0 61px;}
.section2 .ratio img {max-width: 20%;}
.section2 h2 img {display: block; margin: auto;}
.section2 .inner .point-title img {max-width: 100%; margin-left: 0; display: block; margin: auto;}
.section2 .inner .point-title .comment01 {margin-left: 50px; font-size: 22px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 13.7%; left: 43.2%; transform: translate(-50%, -50%);}
.section2 .inner .point-title .comment02 {margin-left: 50px; font-size: 47px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 14.6%; left: 48%; transform: translate(-50%, -50%);}
.section2 .bg {background-size: cover; color: #000;}
.section2 .inner {width: 100%; max-width: 1000px; margin: 61px auto 0;}
.section2 .inner img {margin-left: 60px;  max-width:20%;}
.section2 p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding: 10px;}
.section2 .flex {margin: 61px auto 40px; display: flex; justify-content: space-between;}
.section2 .flex .box {width: 470px; height: 400px; border: 4px solid #683f91; border-radius: 10px; padding: 20px 30px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center}

.section2 table {width: 100%; max-width: 1220px; margin: 0 auto 12px; border-collapse: separate; border: 1px solid #949593;}
.section2 th {text-align: center; vertical-align: middle; font-size: 22px; width: 162px; height: 90px; background-color: #2f2d32; color: #fff; border: 1px solid #949593;}
.section2 td {text-align: center; vertical-align: middle; font-size: 22px; width: 162px; height: 90px; border: 1px solid #949593;}
.section2 .hosoku {font-size: 14px; line-height: 1.285714285714286;}
.section2 h4 {font-size: 25px; letter-spacing: 0.01em; font-weight: 800; text-align:center; margin-bottom: 60px;}
.section2 .extenal-link:after {padding: 0 0 0 0.2rem; display: inline-block; content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon.png');}
.section2 .waku_ipo {padding-top: 15px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;margin-top: 30px;margin-bottom: 30px;border: 1px solid #000;background-color: #ffffff; font-size: 20px; letter-spacing: 0.05em; line-height: 2;max-width: 1000px;}
.section2 .emp-red {color: red;}
.section2 .marker-yellow {background: linear-gradient(transparent 60%, #fff799 80%); font-weight: bold; color:#0761a1;}

.section2 .box { margin: 2em 0; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);}
.section2 .box .box-title {background: #5297c1; font-size: 20px; padding: 10px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em;}
.section2 .box p {padding: 15px 20px 0; margin: 0; }
.section2 .box ul {padding: 0 20px; margin: 0;  letter-spacing: 0.05em; line-height: 2; padding-bottom: 20px;}



@media screen and (max-width: 960px) {
	.section2 {padding:0;}
  .section2 h2 {font-size: 24px; line-height: 1.2; margin-bottom: 0px; padding: 20px;}
	.section2 .sp-inner {margin: 47px auto 0;}
	.section2 p { font-size: 15px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section2 .inner {margin: 5px auto 0;}
	.section2 .inner img {max-width: 20%; margin-left: 20px;}
	.section2 .flex {flex-direction: column; margin: 7px auto 35px;}
	.section2 .flex .box {width: 98%; height: 320px; padding: 20px 27px 20px; margin:auto;}
	.section2 .flex .box + .box {margin-top: 20px;}
	.section2 .flex .box p {font-size: 15px; letter-spacing: 0.03em; }
	.section2 .flex.merit-demerit .box h3 {font-size: 25px;}
	.section2 .flex.merit-demerit {padding: 0 5px; margin-bottom: 15px;}
	.section2 .flex.merit-demerit .box { padding: 5px; height: 300px;}
	.section2 .hosoku {padding: 0 5px;}
	.section2 h4 {font-size: 14px; padding:0 10px;}

	.section2 .extenal-link:after {
  padding: 0 0 0 0.2rem;
  display: inline-block;
  content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon02.png');
}
.section2 .waku_ipo {padding-top: 15px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;margin-top: 30px;margin-bottom: 30px;border: 1px solid #000;background-color: #ffffff; font-size: 15px; letter-spacing: 0.05em; line-height: 2;max-width: 1000px;}

.section2 table {width: 100%; max-width: 1220px; margin: 0 auto 6px; border-collapse: separate; border: 1px solid #949593;}
.section2 th {text-align: center; vertical-align: middle; font-size: 10px; width: 162px; height: 40px; background-color: #2f2d32; color: #fff; border: 1px solid #949593;}
.section2 td {text-align: center; vertical-align: middle; font-size: 10px; width: 162px; height: 40px; border: 1px solid #949593;}

.section2 .box .box-title {font-size: 15px;}
.section2 .box p {font-size: 12px; }
.section2 .box ul {line-height: 1.5; font-size: 12px; padding-bottom: 5px;}

}



/* =================================================================
section3
=================================================================*/
.section3 {padding: 0 0 61px;}
.section3 h2 img {display: block; margin: auto;}
.section3 .inner .point-title img {max-width: 100%; display: block; margin: auto;}
.section3 .inner .point-title .comment01 {margin-left: 50px; font-size: 22px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 36.5%; left: 47.2%; transform: translate(-50%, -50%);}
.section3 .inner .point-title .comment02 {margin-left: 50px; font-size: 44px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 37.4%; left: 45%; transform: translate(-50%, -50%);}
.section3 .bg {background-size: cover; color: #000;}
.section3 .inner {width: 100%; max-width: 1000px; margin: 61px auto 0;}
.section3 .graph {max-width:70%;}
.section3 p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding: 10px;}
.section3 .title {padding-top:50px; font-size: 29px; font-weight: bold;}
.section3 .flex {margin: 61px auto 40px; justify-content: space-between;}
.section3 .flex .box {width: 470px; height: 400px; border: 4px solid #683f91; border-radius: 10px; padding: 20px 30px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center}
.section3 table {display: inline-block;border-collapse: collapse; margin: 10px;}
.section3 tr {padding: 10px;}
.section3 th {padding: 10px;}
.section3 td {padding: 10px;}
.section3 .hosoku {font-size: 14px; line-height: 1.285714285714286;}
.section3 h4 {font-size: 25px; letter-spacing: 0.01em; font-weight: 800; text-align:center; margin-bottom: 60px;}
.section3 .extenal-link:after {padding: 0 0 0 0.2rem; display: inline-block; content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon.png');}
.section3 .waku_ipo {padding-top: 15px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;margin-top: 30px;margin-bottom: 30px;border: 1px solid #000;background-color: #ffffff; font-size: 20px; letter-spacing: 0.05em; line-height: 2;max-width: 1000px;}
.section3 .emp-red {color: red;}
.section3 .marker-yellow {background: linear-gradient(transparent 60%, #fff799 80%); font-weight: bold; color:#0761a1;}
.section3 .box {max-width:20%; border: #000 1px solid; margin: 2em 0 15em; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); margin-left: 75%;}
.section3 .box .box-title {background: #808080; font-size: 22px; padding: 10px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em;}
.section3 .box p {padding: 15px 20px 0; margin: 0; }
.section3 .box ul {padding: 10px 20px; margin: 0;  letter-spacing: 0.05em; line-height: 2; list-style: none; font-size: 20px;}
.section3 .ipo-pickup {display: block; background-color:#fffdee ;padding:20px;}
.section3 .ipo-pickup .comment {border: #000 solid 1px; padding: 10px; font-size: 20px; background-color:#fff; max-width: 50%;}
.section3 .ipo-pickup img {max-width: 200px; position: absolute; top: 33.0%; left: 70%; transform: translate(-50%, -50%);}

@media screen and (max-width: 960px) {
	.section3 {padding:0;}
  .section3 h2 {font-size: 24px; line-height: 1.2; margin-bottom: 0px; padding: 20px;}
	.section3 .sp-inner {margin: 47px auto 0;}
	.section3 p { font-size: 15px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section3 .inner {margin: 5px auto 0;}
	.section3 .inner img {max-width: 90%;}
	.section3 .flex {flex-direction: column; margin: 7px auto 35px;}
	.section3 .flex .box {width: 98%; height: 320px; padding: 20px 27px 20px; margin:auto;}
	.section3 .flex .box + .box {margin-top: 20px;}
	.section3 .flex .box p {font-size: 15px; letter-spacing: 0.03em; }
	.section3 .flex.merit-demerit .box h3 {font-size: 25px;}
	.section3 .flex.merit-demerit {padding: 0 5px; margin-bottom: 15px;}
	.section3 .flex.merit-demerit .box { padding: 5px; height: 300px;}
	.section3 .hosoku {padding: 0 5px;}
	.section3 h4 {font-size: 14px; padding:0 10px;}
	.section3 .extenal-link:after {
  padding: 0 0 0 0.2rem;
  display: inline-block;
  content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon02.png');
	.section3 .title {padding-top:20px; font-size: 22px; font-weight: bold;}
}
.section3 .box {max-width:100%; border: #000 1px solid; margin: 2em 0 15em; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); margin: auto;}
.section3 .box .box-title {background: #808080; font-size: 15px; padding: 10px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em;}
.section3 .box p {padding: 15px 20px 0; margin: 0; }
.section3 .box ul {padding: 10px 20px; margin: 0;  letter-spacing: 0.05em; line-height: 2; list-style: none; font-size: 15px;}
.section3 .list {width: 100%; display: grid; width: fit-content; column-gap: 1em; grid-template-columns: repeat(3, auto); padding: 30px 10px 10px; justify-content: space-between; }
.section3 .ipo-pickup .comment {border: #000 solid 1px; padding: 10px; font-size: 15px; background-color:#fff;    max-width: 100%;}
}


/* =================================================================
section4
=================================================================*/

.section4 .bg {background-color: #f4f4f4;background-size: cover;}
.section4 h2 img {display: block; margin: auto;}
.section4 .inner .point-title{margin-top: 50px;}
.section4 .inner .point-title img {max-width: 100%; margin-left: 0; display: block; margin: auto;}
.section4 .inner .point-title .comment01 {margin-left: 50px; font-size: 22px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 53%; left: 47.2%; transform: translate(-50%, -50%);}
.section4 .inner .point-title .comment02 {margin-left: 50px; font-size: 44px; letter-spacing: 5px; line-height: 2em; padding: 40px 0; position: absolute; top: 53.9%; left: 43%; transform: translate(-50%, -50%);}
.section4 .inner {width: 100%; max-width: 1000px; margin: 61px auto 0;}
.section4 .graph {max-width:70%;}
.section4 p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding: 10px 0;}
.section4 .flex {margin: 61px auto 40px; justify-content: space-between;}
.section4 .flex .box {width: 470px; height: 400px; border: 4px solid #683f91; border-radius: 10px; padding: 20px 30px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center}
.section4 table {width: 100%; max-width: 1220px; margin: 0 auto 12px; border-spacing: 5px; border-collapse: separate;}
.section4 th,
.section4 td {text-align: center; vertical-align: middle; font-size: 20px; width: 162px; height: 90px; font-weight: 600;}
.section4 td {background: #e6e6e6;}
.section4 strong {font-size: 200%; font-weight: 800;}
.section4 tr:nth-child(1) th {background: #b3b3b3; font-weight: 600;}
.section4 tr th:nth-child(1) {background: #b3b3b3; font-weight: 600;}
.section4 .no-bg {background: #f4f4f4 !important;}
.section4 .neotore {background: #fff; height: 100%; display: flex; justify-content: center; align-items: center; border: 4px solid #ff0000; box-sizing: border-box;}
.section4 .neotore .neotore-inner {font-weight: 600;}
.section4 .neotore-title {background: #ff0000 !important; width:200px;}
.section4 .hosoku {font-size: 14px; line-height: 1.285714285714286;}
.section4 h4 {font-size: 25px; letter-spacing: 0.01em; font-weight: 800; text-align:center; margin-bottom: 60px;}
.section4 .extenal-link:after {padding: 0 0 0 0.2rem; display: inline-block; content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon.png');}
.section4 .waku_ipo {padding-top: 15px;padding-bottom: 15px;padding-left: 20px;padding-right: 20px;margin-top: 30px;margin-bottom: 30px;border: 1px solid #000;background-color: #ffffff; font-size: 20px; letter-spacing: 0.05em; line-height: 2;max-width: 1000px;}
.section4 .emp-red {color: red;}
.section4 .marker-yellow {background: linear-gradient(transparent 60%, #fff799 80%); font-weight: bold; color:#0761a1;}
.section4 .box {max-width:20%; border: #000 1px solid; margin: 2em 0 15em; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); margin-left: 75%;}
.section4 .box .box-title {background: #808080; font-size: 22px; padding: 10px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em;}
.section4 .box p {padding: 15px 20px 0; margin: 0; }
.section4 .box ul {padding: 10px 20px; margin: 0;  letter-spacing: 0.05em; line-height: 2; list-style: none; font-size: 20px;}
.section4 .ipo-pickup {display: block; background-color:#fffdee ;padding:20px;}
.section4 .ipo-pickup .comment {border: #000 solid 1px; padding: 10px; font-size: 20px; background-color:#fff;    max-width: 50%;}
.section4 .ipo-pickup img {max-width: 15%; position: absolute; top: 31%; left: 70%; transform: translate(-50%, -50%);}
.section4 h2 {text-align: center;letter-spacing: 0.01em; font-size: 35px; font-weight: 800; margin: 0 0 60px; color: #022a60; text-decoration: underline;}



@media screen and (max-width: 960px) {
	.section4 {padding:0; font-size: 22px;}
  .section4 h2 {font-size: 24px; line-height: 1.2; margin-bottom: 0px; padding: 20px;}
	.section4 .sp-inner {margin: 47px auto 0;}
	.section4 p { font-size: 15px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section4 .inner {margin: 5px auto 0;}
	.section4 .inner img {max-width: 40%;}
	.section4 .flex {flex-direction: column; margin: 7px auto 35px;}
	.section4 .flex .box {width: 98%; height: 320px; padding: 20px 27px 20px; margin:auto;}
	.section4 .flex .box + .box {margin-top: 20px;}
	.section4 .flex .box p {font-size: 15px; letter-spacing: 0.03em; }
	.section4 .flex.merit-demerit .box h3 {font-size: 25px;}
	.section4 .flex.merit-demerit {padding: 0 5px; margin-bottom: 15px;}
	.section4 .flex.merit-demerit .box { padding: 5px; height: 300px;}
	.section4 .hosoku {padding: 0 5px;}
	.section4 h4 {font-size: 14px; padding:0 10px;}
	.section4 .extenal-link:after {padding: 0 0 0 0.2rem; display: inline-block; content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon02.png');}
	.section4 .scroll {overflow-x: scroll; margin-bottom: 23px;}
	.section4 .scroll table {white-space: nowrap; table-layout: fixed; border-spacing: 7px; margin-bottom: 22px;}
	.section4 th,
	.section4 td {width: 8em; height: 4em; font-size: 16px;}
	.section4 p {font-size: 14px; padding: 0 20px; }
	.section4 .scroll::-webkit-scrollbar { width: 10px; height: 20px; }
	.section4 .scroll::-webkit-scrollbar-track { background: #e6e6e6; border-radius: 10px; }
	.section4 .scroll::-webkit-scrollbar-thumb { background: #999999; border-radius: 10px; }
	.section4 .scroll::-webkit-scrollbar-thumb:hover { background: #555; }
	.section4 .inner .point-title{margin-top: 0;}
	.section4 .stock-cost02 {position: relative; border-top: 5px solid #01295f; padding: 20px 15px 15px 15px; max-width: 900px; margin: auto; margin-top: 100px; margin-bottom: 0px;}
	.section4 .stock-cost02 .title {position: absolute; top: -13px; left: 20%; background: #f4f4f4; color: #01295f; padding: 0 8px; font-size: 20px; font-weight: 400;}
	.section4 .stock-cost02 .flex .bd {position: relative; border: 1px solid #000; padding: 35px 15px 25px 15px; max-width: 900px; margin: auto; margin-top: 20px; margin-bottom: 50px;}
	.section4 .stock-cost02 .flex .bd .title {position: absolute; top: -13px; left: 25%; background: #f4f4f4; color: #000; padding: 0 8px; font-size: 30px; font-weight: 400;}
	.section4 .marker {background: linear-gradient(transparent 65%, #f5c440 80%);}
}

/* =================================================================
section5
=================================================================*/
.section5 {padding: 100px 0; background-image: url('../img/ipo-flow.png'); background-size: cover; background-repeat: no-repeat ;background-position: center center;}
.section5 h2 {background-size: cover; font-size: 48px; font-weight: 800; text-align: center; margin-bottom: 65px; color:#0761a1;   padding: 30px;}
.section5 h2 strong {font-weight: 800; font-size: 150%;}
.section5 .box {width: 100%; max-width: 1000px; display: flex; justify-content: space-between; margin: auto;}
.section5 .box + .box {margin-top: 70px;}
.section5 .box img {flex-shrink: 0;}
.section5 .box .text {width: 100%; max-width: 600px;}
.section5 .box .text h3 {font-size: 20px; color: #000; padding: 0 0 0 17px; height: 40px; line-height: 1; display: flex; align-items: center; letter-spacing: 0.01em; margin-bottom: 8px; border-bottom: 1px solid #000;}
.section5 .box .text p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding-left: 20px;}
.section5 .point-title h2 {background-color:#eef8ff; background-size: cover;}
.section5 h2 img {display: block; margin: auto; max-width: 30%; padding-top: 40px;}
.section5 .title2 {display: block; margin: 97px auto 98px;}
.section5 .title2 img {display: block; margin: auto;}
.section5 .step {display: flex; justify-content: center; margin-bottom: 49px; }
.section5 .step li {width: 292px; background-color: #FFF; margin-right: 20px; position: relative; padding-top: 39px; padding-bottom: 29px; border: 2px solid #01295f;}
.section5 .step li:not(:last-child):after { content: ""; display: inline-block; width: 40px; height: 47px; background-image: url("../img/step_after01.svg"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: absolute; right: -42px; top: 40%; }
.section5 .step .mainstep {width: 120px; display: block; margin: 0 auto; text-align: center; border-radius: 20px; border: 2px solid #01295f; background-color: #ffffff; color: #01295f; font-size: 16px; padding: 5px 0; position: absolute; top: -15px; left: 0; right: 0; font-weight: 800;}
.section5 .step .mainstep span {font-weight: 800; font-size: 20px;}
.section5 .step .title {font-size: 18px; text-align: center; color: #01295f; padding-bottom: 24px;}
.section5 .step img {margin: 0 auto; display: block;}
.section5 .step p {font-size: 16px; text-align: center; color: #ffffff; padding-top: 20px; line-height: 20px;}
.section5 .tel {text-align: center;}
.section5 .tel img {width: 548px; margin: 0 auto 20px; display: block;}
.section5 .tel p {margin-bottom: 20px; font-size:20px; }
.section5 .tel a {color: #002bb9;}

@media screen and (max-width: 960px) {
	.section5 {padding-top: 39px;}
	.section5 h2 {font-size: 24px; margin-bottom: 54px;}
	.section5 .box {flex-direction: column; padding: 0 5px;}
	.section5 .box + .box {margin-top: 50px;}
	.section5 .box .text h3 {padding: 12px 15px; font-weight: 800; line-height: 1.333333333333333; height: auto; margin-bottom: 20px;}
	.section5 .box .text p {font-size: 16px; padding: 0 10px 15px;}
	.section5 .box img {width: 100%; display: block;}
	.section5 p { font-size: 16px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section5 .title2 {margin-bottom: 40px;}
	.section5 .step {flex-direction: column; align-items: center; margin-bottom: 28px;}
	.section5 .step li {margin-right: 0;}
	.section5 .step li:not(:last-child):after {right: 0; left: 0; bottom: -44px; top: auto; transform:rotate(90deg); margin: auto; }
	.section5 .step li + li {margin-top: 43px;}
	.section5 .tel {padding: 0 10px;}
	.section5 .tel p {font-size: 14px; margin-bottom: 13px; }
	.section5 .tel a {font-size: 16px;}
}


/* =================================================================
section6
=================================================================*/

.section6 h2 {background-color: #01295f; background-size: cover; font-size: 48px; font-weight: 800; text-align: center; margin-bottom: 65px; color:yellow;   padding: 30px;}
.section6 h2 strong {font-weight: 800; font-size: 150%;}
.section6 .box {width: 100%; max-width: 1000px; display: flex; justify-content: space-between; margin: auto;}
.section6 .box + .box {margin-top: 70px;}
.section6 .box img {flex-shrink: 0;}
.section6 .box .text {width: 100%; max-width: 600px;}
.section6 .box .text h3 {font-size: 20px; color: #000; padding: 0 0 0 17px; height: 40px; line-height: 1; display: flex; align-items: center; letter-spacing: 0.01em; margin-bottom: 8px; border-bottom: 1px solid #000;}
.section6 .box .text p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding-left: 20px;}
.section6 .point-title h2 {background-color:#eef8ff; background-size: cover;}
.section6 h2 img {display: block; margin: auto; max-width: 30%; padding-top: 40px;}
.section6 .title2 {display: block; margin: 97px auto 98px;}
.section6 .title2 img {display: block; margin: auto;}
.section6 .step {display: flex; justify-content: center; margin-bottom: 49px; }
.section6 .step li {width: 292px; background-color: #01295f; margin-right: 20px; position: relative; padding-top: 39px; padding-bottom: 29px; }
.section6 .step li:not(:last-child):after {content: ""; display: inline-block; width: 42px; height: 47px; background-image: url("../img/step_after02.svg"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: absolute; right: -42px; top: 40%; }
.section6 .step .mainstep {width: 120px; display: block; margin: 0 auto; text-align: center; border-radius: 20px; border: 2px solid #01295f; background-color: #ffffff; color: #01295f; font-size: 16px; padding: 5px 0; position: absolute; top: -15px; left: 0; right: 0; font-weight: 800;}
.section6 .step .mainstep span {font-weight: 800; font-size: 20px;}
.section6 .step .title {font-size: 18px; text-align: center; color: #ffffff; padding-bottom: 24px;}
.section6 .step img {margin: 0 auto; display: block;}
.section6 .step p {font-size: 16px; text-align: center; color: #ffffff; padding-top: 20px; line-height: 20px;}
.section6 .tel {text-align: center;}
.section6 .tel img {width: 548px; margin: 0 auto 20px; display: block;}
.section6 .tel p {margin-bottom: 20px; font-size:20px; }
.section6 .tel a {color: #002bb9;}

@media screen and (max-width: 960px) {

	.section6 h2 {font-size: 24px; margin-bottom: 54px;}
	.section6 .box {flex-direction: column; padding: 0 5px;}
	.section6 .box + .box {margin-top: 50px;}
	.section6 .box .text h3 {padding: 12px 15px; font-weight: 800; line-height: 1.333333333333333; height: auto; margin-bottom: 20px;}
	.section6 .box .text p {font-size: 16px; padding: 0 10px 15px;}
	.section6 .box img {width: 100%; display: block;}
	.section6 p { font-size: 16px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section6 .title2 {margin-bottom: 40px;}
	.section6 .step {flex-direction: column; align-items: center; margin-bottom: 28px;}
	.section6 .step li {margin-right: 0;}
	.section6 .step li:not(:last-child):after {right: 0; left: 0; bottom: -44px; top: auto; transform:rotate(90deg); margin: auto; }
	.section6 .step li + li {margin-top: 43px;}
	.section6 .tel {padding: 0 10px;}
	.section6 .tel p {font-size: 14px; margin-bottom: 13px; }
	.section6 .tel a {font-size: 16px;}
}

/* =================================================================
footer
=================================================================*/
footer {margin-top: 100px;}
footer .info {padding: 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;background-color: #000;}
footer .info .box {width: 550px;}
footer .info h2 {text-align: center; color: #fff; font-size: 28px; margin-bottom: 20px;}
footer .info p {font-size: 18px; color: #fff; line-height: 1.5;}
footer .risk {width: 100%; max-width: 1200px; margin: auto;  font-size: 15px; padding: 30px 0;}
footer .risk h3 {margin-bottom: 14px; font-size: 15px;}
footer .risk p {line-height: 1.3; font-size: 14px;}
footer .bottom {height: 160px; background: #01295f; display: flex; justify-content: space-between; align-items: center; padding: 0 65px 113px;}
footer .bottom p {color: #fff; letter-spacing: 0; line-height: 1.3;  font-size: 13px;}

@media screen and (max-width: 960px) {
	footer {margin-top: 42px;}
	footer .info {height: 260px; padding: 35px 20px 0; background-image: url('../img/footer_bg_sp.jpg');}
	footer .info .box {width: 100%;}
	footer .info h2 {font-size: 24px; text-align: left;}
	footer .risk {padding: 50px 20px 35px;}
	footer .bottom {flex-direction: column; padding: 0px 0px 60px; align-items: center; justify-content: center; height: 130px;}
	footer .bottom p + p {margin-top: 24px;}
}