/* ========================================================================
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; background-color: #003572; position: relative;}
.fv img {display: block; margin: auto; width: 100%; max-width: 1200px;}
.fv h1 {font-size: 160px; font-weight: 800; color: #fff; text-align: center; margin-bottom: 52px;}
.fv h1 span {font-size: 75%; font-weight: 800;}
.fv a {text-align: center; font-size: 25px; color: #f5c440; font-weight: 500;  line-height: 1.3; letter-spacing: 0.01em;}
.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: 85%; left: 50%; transform: translate(-50%, -50%);}
.fv .title1 img {display: block; margin: 0 60px 60px; max-width: 30%;}



@media screen and (max-width: 767px) {
	.fv {background-color: #003572;}
	.fv img {display: block;}
	.fv h1 {font-size: 80px; line-height: 1.2; margin-bottom: 50px;}
	.fv a {font-size: 20px;}
	.fv p {text-align:center; line-height: 2.0; max-width: 95%;  font-size: 0.5em; letter-spacing: 2px;}
	.fv .title1 img {display: block; margin: 0 auto 20px; max-width: 50%;}
}


/* =================================================================
fv-02
=================================================================*/
.fv-02 {background-image: url('../img/stock-new.png'); background-size: cover;}
.fv-02 img {display: block; margin: auto;}
.fv-02 a {text-align: center; font-size: 25px; color: #f5c440; font-weight: 500;  line-height: 1.3; letter-spacing: 0.01em;}
.fv-02 p {text-align:center; width: 950px; margin:auto; color: #fff; font-size: 25px; letter-spacing: 5px; line-height: 2em; padding: 40px 0;}
.fv-02 .title1 img {display: block; margin: 0 60px 60px; max-width: 30%;}

@media screen and (max-width: 767px) {
	.fv-02 {background-image: url('../img/stock-new.png'); background-size: cover;}
	.fv-02 img {display: block;}
	.fv-02 h1 {font-size: 80px; line-height: 1.2; margin-bottom: 50px;}
	.fv-02 a {font-size: 20px;}
	.fv-02 p {text-align:center; margin:auto; color: #fff; font-size: 10px; letter-spacing: 5px; line-height: 2em; padding: 20px 0;}
	.fv-02 .title1 img {display: block; margin: 0 auto 20px; max-width: 50%;}
}
/* =================================================================
fv-stock
=================================================================*/
.fv-stock {background-color:#001e42; background-size: cover;}
.fv-stock img {display: block; margin: auto; max-width: 22%; margin-left: 25px;}
.fv-stock a {text-align: center; font-size: 25px; color: #f5c440; font-weight: 500;  line-height: 1.3; letter-spacing: 0.01em;}
.fv-stock p {text-align:right; width: 950px; margin:auto; color: #fff; font-size: 33px; letter-spacing: 5px; line-height: 2em; padding: 40px 0;}
.fv-stock .title1 img {display: block; margin: 0 60px 60px; max-width: 30%;}

@media screen and (max-width: 767px) {
	.fv-stock {background-color:#001e42; background-size: cover;}
	.fv-stock img {display: block; max-width: 30%; margin-left: 10px;}
	.fv-stock h1 {font-size: 80px; line-height: 1.2; margin-bottom: 50px;}
	.fv-stock a {font-size: 20px;}
	.fv-stock p {text-align:right; margin:auto; max-width: 90%; color: #fff; font-size: 10px; letter-spacing: 2px; line-height: 2.5em; padding: 20px 0;}
	.fv-stock .title1 img {display: block; margin: 0 auto 20px; max-width: 50%;}
}


/* =================================================================
section1
=================================================================*/
.section1 {padding: 100px 0 0;}
.section1 .title2 {background-color:#01295f; height: 150px;}
.section1 .point {max-width: 1200px; margin: auto; margin-top: 100px;}
.section1 .stock-cost {position: relative; border: 2px solid #01295f; border-top: 10px solid #01295f; padding: 20px 15px 15px 15px; max-width: 900px; margin: auto; margin-top: 100px; margin-bottom: 50px;}
.section1 .stock-cost .title {position: absolute; top: -30px; left: 30%; background: #ffffff; color: #01295f; padding: 0 8px; font-size: 40px; font-weight: 600;}

.section1 .point-title h2 {background-color:#eef8ff; background-size: cover;}
.section1 .point img {display: block; max-width: 90%;}

.section1 h2 {margin-bottom: 19px; margin-bottom: 95px;}
.section1 h3 {font-size: 30px; font-weight: 500; text-align: center; line-height: 45px; margin-bottom: 15px;}
.section1 h2 img {display: block; margin: auto; max-width: 30%; padding-top: 40px;}
.section1 table {width: 100%; max-width: 1220px; margin: 0 auto 12px; border-spacing: 10px; border-collapse: separate;}
.section1 th,
.section1 td {text-align: center; vertical-align: middle; font-size: 24px; width: 162px; height: 90px; font-weight: 600;}
.section1 td {background: #e6e6e6;}
.section1 strong {font-size: 200%; font-weight: 800;}
.section1 tr:nth-child(1) th {background: #b3b3b3; font-weight: 600;}
.section1 tr th:nth-child(1) {background: #b3b3b3; font-weight: 600;}
.section1 .no-bg {background: #fff !important;}
.section1 .neotore {background: #fff; height: 100%; display: flex; justify-content: center; align-items: center; border: 4px solid #ff0000; box-sizing: border-box;}
.section1 .neotore .inner {font-weight: 600;}
.section1 .neotore-title {background: #ff0000 !important; width:200px;}
.section1 p {width: 100%; max-width: 1200px; margin: auto; line-height: 1.285714285714286;}
.section1 .marker {background: linear-gradient(transparent 65%, #f5c440 80%);}
.section1 .inner {width: 100%; max-width: 900px; margin: auto;}
.section1 .flex {margin: auto; display: flex; justify-content: space-between; padding: 20px 100px; text-align: center;}
.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');
}


@media screen and (max-width: 960px) {
	.section1 {padding: 30px 0 0;}
	.section1 .title2 {height: 10em;}
	.section1 .point {max-width: 1200px; margin: auto; margin-top: 2em;}
	.section1 .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;}
	.section1 .stock-cost02 .title {position: absolute; top: -13px; left: 20%; background: #ffffff; color: #01295f; padding: 0 8px; font-size: 20px; font-weight: 400;}
	.section1 .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;}
	.section1 .stock-cost02 .flex .bd .title {position: absolute; top: -13px; left: 25%; background: #ffffff; color: #000; padding: 0 8px; font-size: 30px; font-weight: 400;}
	.section1 h2 {margin-bottom: 23px; margin-bottom: 45px;}
	.section1 h2 img {max-width: 60%; padding-top: 15px;}
	.section1 h3 {font-size: 16px; font-weight: 500; text-align: center; line-height: 25px; margin-bottom: 15px;}
	.section1 .scroll {overflow-x: scroll; margin-bottom: 23px;}
	.section1 .scroll table {white-space: nowrap; table-layout: fixed; border-spacing: 7px; margin-bottom: 22px;}
	.section1 th,
	.section1 td {width: 8em; height: 4em; font-size: 16px;}
	.section1 p {font-size: 14px; padding: 0 20px; }
	.section1 .scroll::-webkit-scrollbar { width: 10px; height: 20px; }
	.section1 .scroll::-webkit-scrollbar-track { background: #e6e6e6; border-radius: 10px; }
	.section1 .scroll::-webkit-scrollbar-thumb { background: #999999; border-radius: 10px; }
	.section1 .scroll::-webkit-scrollbar-thumb:hover { background: #555; }
	.section1 .flex {flex-direction: column; padding :20px 0; display: block;}
	.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');
}	
}

@media screen and (max-width: 767px) {
	.section1 {padding: 30px 0 0;}
	.section1 .title2 {height: 6em;}
	.section1 .point {max-width: 1200px; margin: auto; margin-top: 2em;}
	.section1 .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;}
	.section1 .stock-cost02 .title {position: absolute; top: -13px; left: 20%; background: #ffffff; color: #01295f; padding: 0 8px; font-size: 20px; font-weight: 400;}
	.section1 .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;}
	.section1 .stock-cost02 .flex .bd .title {position: absolute; top: -13px; left: 25%; background: #ffffff; color: #000; padding: 0 8px; font-size: 30px; font-weight: 400;}
	.section1 h2 {margin-bottom: 23px; margin-bottom: 45px;}
	.section1 h2 img {max-width: 60%; padding-top: 15px;}
	.section1 h3 {font-size: 16px; font-weight: 500; text-align: center; line-height: 25px; margin-bottom: 15px;}
	.section1 .scroll {overflow-x: scroll; margin-bottom: 23px;}
	.section1 .scroll table {white-space: nowrap; table-layout: fixed; border-spacing: 7px; margin-bottom: 22px;}
	.section1 th,
	.section1 td {width: 8em; height: 4em; font-size: 16px;}
	.section1 p {font-size: 14px; padding: 0 20px; }
	.section1 .scroll::-webkit-scrollbar { width: 10px; height: 20px; }
	.section1 .scroll::-webkit-scrollbar-track { background: #e6e6e6; border-radius: 10px; }
	.section1 .scroll::-webkit-scrollbar-thumb { background: #999999; border-radius: 10px; }
	.section1 .scroll::-webkit-scrollbar-thumb:hover { background: #555; }
	.section1 .flex {flex-direction: column; padding :20px 0; display: block;}
	.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');
}	
}

/* =================================================================
cta
=================================================================*/
.cta {background-image: url('../img/cta_bg.png'); background-size: cover; max-width: 1920px; height: 578px; margin: auto; padding: 177px 0 0;}
.cta p {text-align: center; font-size: 32px; color: #fff; font-weight: 500; line-height: 1.3; letter-spacing: 0.01em;}
.cta p strong {color: #ffff00; font-size: 150%; font-weight: 500; }
.cta .button {margin: 37px auto 0; display: block; width: 800px; height: 100px;}
.cta .button img {display: block;}

@media screen and (max-width: 960px) {
	.cta {background-image: url('../img/cta_bg_sp.png'); height: 257px; padding-top: 77px;}
	.cta p {font-size: 16px; margin-bottom: 20px;}
	.cta .button {margin: 15px auto 0; width: 356px;}
	.cta .button img {max-width: 97%; margin: auto;}
}

/* =================================================================
cta2
=================================================================*/
.cta2 {max-width: 1920px;  margin: auto; }
.cta2 p {text-align: center; font-size: 32px; color: #fff; font-weight: 500; line-height: 1.3; letter-spacing: 0.01em; }
.cta2 p strong {color: #ffff00; font-size: 150%; font-weight: 500;}
.cta2 .button {margin: 37px auto 0; display: block; width: 800px; }
.cta2 .button img {display: block;}

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

	.cta2 p {font-size: 15px; }
	.cta2 .button {margin: 15px auto 0; width: 356px;}
}

/* =================================================================
section2
=================================================================*/
.section2 {padding: 100px 0 61px;}
.section2 .ratio img {max-width: 20%;}
.section2 h2 img {display: block; margin: auto;}
.section2 h2 {font-size: 48px; font-weight: 800; text-align: center; padding: 60px;}
.section2 .bg {background-color:#f7f7f7; background-size: cover; color: #01295f;}
.section2 .inner {width: 100%; max-width: 1000px; margin: 61px auto 0;}
.section2 .inner img {margin-left: 20px;  max-width:30%;}
.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 .flex.merit-demerit {margin-bottom: 20px; padding-bottom: 50px;}
.section2 .flex.merit-demerit .box {border: none; border-radius: 0px; padding: 10px; justify-content: flex-start; height: 380px;}
.section2 .flex.merit-demerit .box h3 {color: #fff; font-size: 36px; text-align: center; font-weight: 800; margin-bottom: 12px;}
.section2 .flex.merit-demerit .merit {background: #ff0000;}
.section2 .flex.merit-demerit .demerit {background: #000;}
.section2 .flex.merit-demerit .box p {background: #fff; padding: 10px 18px; height: 100%; width: 100%; }

.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');
}

@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: 40%;}
	.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');
}
}

/* =================================================================
section3
=================================================================*/
.section3 {padding: 100px 0 0;}
.section3 h2 {font-size: 48px; font-weight: 800; text-align: center; margin-bottom: 65px;}
.section3 h2 strong {font-size: 150%; font-weight: 800;}
.section3 .inner {width: 100%; max-width: 1200px; margin: auto;}
.section3 .point-title h2 {background-color:#eef8ff; background-size: cover;}
.section3 h2 img {display: block; margin: auto; max-width: 30%; padding-top: 40px;}
.section3 .box {padding-bottom: 89px;}
.section3 .box img {margin-bottom: 100px;}
.section3 h3 {text-align: center; letter-spacing: 0.01em; font-size: 35px; font-weight: 800; margin-bottom: 60px; color:#01295f;}
.section3 h3 strong {font-size: 150%; font-weight: 800; display: inline-block; margin-top: 25px;}
.section3 .box h4 {background: #eef8ff; height: 40px; display: flex; align-items: center; font-size: 25px; letter-spacing: 0.01em; padding: 0 16px; font-weight: 800; margin-bottom: 18px;}
.section3 .box p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding-left: 23px; margin-bottom: 49px;}
.section3 h2 {font-size: 48px; font-weight: 800; text-align: center; margin-bottom: 65px;}
.section3 .point-title h2 {background-color:#eef8ff; background-size: cover;}

@media screen and (max-width: 960px) {
	.section3 {padding: 50px 0 0;}
	.section3 h2 {font-size: 18px; line-height: 1.2; margin-bottom: 49px;}
	.section3 h2 strong {font-size: 130%;}
	.section3 p { font-size: 16px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section3 h2 img {display: block; margin: auto; max-width: 60%; padding-top: 15px;}
	.section3 .inner {padding: 0 5px;}
	.section3 .inner p { font-size: 16px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section3 .box {padding-bottom: 38px;}
	.section3 .box img {margin-bottom: 30px;}
	.section3 h3 {font-size: 22px; margin-bottom: 29px;}
	.section3 h3 strong {font-size: 20px; margin: 12px 0 0;}
	.section3 .box h4 {background: #eef8ff; height: 45px; display: flex; align-items: center; font-size: 20px; letter-spacing: 0.01em; padding: 0 16px; font-weight: 800; margin-bottom: 18px;}
	.section3 .box p {padding: 0 15px; margin-bottom: 22px; }
}

/* =================================================================
section4
=================================================================*/
.section4 {padding-top: 100px;}
.section4 h2 {text-align: center; font-weight: 800; font-size: 48px; letter-spacing: 0; margin-bottom: 76px; color:#01295f;}
.section4 h2 strong {font-weight: 800; font-size: 150%;}
.section4 .box {width: 100%; max-width: 1000px; display: flex; justify-content: space-between; margin: auto;}
.section4 .box + .box {margin-top: 70px;}
.section4 .box img {flex-shrink: 0;}
.section4 .box .text {width: 100%; max-width: 600px;}
.section4 .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;}
.section4 .box .text p { font-size: 20px; letter-spacing: 0.05em; line-height: 2; padding-left: 20px;}
.section4 .point-title h2 {background-color:#eef8ff; background-size: cover;}
.section4 h2 img {display: block; margin: auto; max-width: 30%; padding-top: 40px;}
.section4 .title2 {display: block; margin: 97px auto 98px;}
.section4 .title2 img {display: block; margin: auto;}

.section4 .step {display: flex; justify-content: center; margin-bottom: 49px; }
.section4 .step li {width: 292px; background-color: #683f91; margin-right: 13px; position: relative; padding-top: 39px; padding-bottom: 29px; }
.section4 .step li:not(:last-child):after {content: ""; display: inline-block; width: 40px; height: 50px; background-image: url("../img/step_after.svg"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: absolute; right: -33px; top: 40%; }
.section4 .step .mainstep {width: 120px; display: block; margin: 0 auto; text-align: center; border-radius: 20px; border: 2px solid #683f91; background-color: #ffffff; color: #683f91; font-size: 16px; padding: 5px 0;  top: -15px; left: 0; right: 0; font-weight: 800;}
.section4 .step .mainstep span {font-weight: 800; font-size: 20px;}
.section4 .step .title {font-size: 18px; text-align: center; color: #ffffff; padding-bottom: 24px;}
.section4 .step img {margin: 0 auto; display: block;}
.section4 .step p {font-size: 16px; text-align: center; color: #ffffff; padding-top: 20px; line-height: 20px;}

.section4 .tel {text-align: center;}
.section4 .tel img {width: 548px; margin: 0 auto 20px; display: block;}
.section4 .tel p {margin-bottom: 20px; font-size:20px;}
.section4 .tel a {color: #002bb9;}

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

	.section4 .tel {padding: 0 10px;}
	.section4 .tel p {font-size: 14px; margin-bottom: 13px; }
	.section4 .tel a {font-size: 16px;}
}

/* =================================================================
section5
=================================================================*/
.section5 {padding: 100px 0 0;}
.section5 h2 {font-size: 48px; font-weight: 800; text-align: center; margin-bottom: 65px;}
.section5 .point-title h2 {background-color:#eef8ff; background-size: cover;}
.section5 h2 img {display: block; margin: auto; max-width: 30%; padding-top: 40px;}
.section5 h2 strong {font-size: 150%; font-weight: 800;}
.section5 h3 {text-align: center; letter-spacing: 0.01em; font-size: 36px; font-weight: 800; display: inline-block; margin-bottom: 20px;}
.section5 .inner {width: 100%; max-width: 1000px; margin: 61px auto 0; text-align: center;}
.section5 .inner img {width: 40%; margin: 61px auto 0; margin: 20px;}
.section5 p { font-size: 16px; letter-spacing: 0.05em; line-height: 2; text-align: right;}
.section5 strong {font-weight: 800;}
.section5 .flex {display: flex; justify-content: space-between;}
.section5 .flex .box {width: 470px; border: 4px solid #683f91; border-radius: 10px; padding: 20px 30px 20px; display: flex; flex-direction: column; justify-content: space-between;}
.section5 .flex.merit-demerit {margin-bottom: 20px;}
.section5 .flex.merit-demerit .box {border: none; border-radius: 0px; padding: 0; justify-content: flex-start; }
.section5 .flex.merit-demerit .box h3 {color: #fff; font-size: 36px; text-align: center; font-weight: 600; line-height: 1.2; letter-spacing: 2px;}
.section5 .flex.merit-demerit .yuuguu { border-top-left-radius: 15px; border-top-right-radius: 15px; border: #01295f 4px solid;}
.section5 .flex.merit-demerit .yuuguu h3 {background: #01295f; padding: 10px;}
.section5 .flex.merit-demerit .box p {background: #fff; padding: 10px 10px; height: 100%; width: 100%;}
.section5 .hosoku {font-size: 14px; line-height: 1.285714285714286;}
.section5 h4 {font-size: 25px; letter-spacing: 0.01em; font-weight: 800; text-align:center; margin-bottom: 60px; margin-top: 50px;}
.section5 h3 img {max-width: 20%;}
.section5 .extenal-link:after {
  padding: 0 0 0 0.2rem;
  display: inline-block;
  content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon.png');
}



@media screen and (max-width: 960px) {
  .section5 {padding: 70px 0 0;}
	.section5 h2 {font-size: 24px; line-height: 1.2; margin-bottom: 25px;}
	.section5 h2 img {display: block; margin: auto; max-width: 60%; padding-top: 15px;}
  .section5 .flex.merit-demerit .yuuguu h3 {font-size: 25px;}
	.section5 .sp-inner {padding: 0 20px;}
	.section5 .inner {margin: 47px auto 0;}
	.section5 .inner img {width: 85%;}
	.section5 .flex {display: block; flex-direction: column; margin: 7px auto 35px;}
	.section5 .flex .box {width: 98%; padding: 20px 27px 20px; margin:auto;}
	.section5 .flex .box + .box {margin-top: 20px;}
	.section5 .flex .box p {font-size: 16px; letter-spacing: 0.03em;}
  .section5 p { font-size: 16px; letter-spacing: 0.05em; line-height: 2; padding: 15px;}
	.section5 .flex.merit-demerit {padding: 0 5px; margin-bottom: 15px;}
	.section5 .flex.merit-demerit .box {padding: 0;}
	.section5 .hosoku {padding: 0 5px;}
	.section5 h4 {font-size: 14px; padding:0 10px; margin-top: 10px;}
	.section5 .extenal-link:after {
  padding: 0 0 0 0.2rem;
  display: inline-block;
  content:url('https://www.sbineotrade.jp/landing/sec2/img/link-icon02.png');
}
}

/* =================================================================
section6
=================================================================*/
.section6 {padding-top: 100px;}
.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: 13px; position: relative; padding-top: 39px; padding-bottom: 29px; }
.section6 .step li:not(:last-child):after {content: ""; display: inline-block; width: 40px; height: 50px; background-image: url("../img/step_after.svg"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: absolute; right: -33px; 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 {padding-top: 39px;}
	.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;}
}