@charset "UTF-8";

/* ---------------------------------------------------------
リセット
----------------------------------------------------------*/
* {
    box-sizing: border-box
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after {
    content: '';
    content: none
}
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
table th,
table td {
    vertical-align: top
}
input,
button,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none
}
textarea {
    resize: vertical
}
input[type='checkbox'],
input[type='radio'] {
    display: none
}
input[type='submit'],
input[type='button'],
label,
button,
select {
    cursor: pointer
}
select::-ms-expand {
    display: none
}


/* ---------------------------------------------------------
共通パーツ
----------------------------------------------------------*/
body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "YuGothic M", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,sans-serif;
  -webkit-text-size-adjust: none;
  /*font-size: 62.5%;*/
  color: #333333;
  line-height: 1.6;
	font-weight: 500;
  -webkit-overflow-scrolling: touch;
}

html {
	font-size: 62.5%;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 1.302084vw;
  }
}
@media (min-width: 769px) and (max-width: 1160px) {
  html {
    font-size: 0.86207vw;
  }
}

a {
  text-decoration: none;
  color: #333;
	outline: none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.inner01 {
  max-width: 708px;
  width: 93%;
  margin: 0 auto;
}
.resize {
  width: 100%;
  height: auto;
}
.is-sp {
  display: block !important;
}
.is-pc {
  display: none !important;
}
.ff_inter {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
}
.ftR {
	font-weight: 400;
}
.ftM {
	font-weight: 500;
}
.ftB {
	font-weight: 700;
}
@media (min-width: 769px) {
 .inner01 {
    max-width: 1200px;
    width: 98%;
  }
  .is-sp {
    display: none !important;
  }
  .is-pc {
    display: block !important;
  }
}



/* サイドバナー
---------------------------------------------------------------- */
.slide-in {
  overflow: hidden;
  display: inline-block;
}
.slide-in_inner {
  display: inline-block;
  opacity: 0.5;
}

/*左右のアニメーション*/
.leftAnime {
  opacity: 0.5; /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  -webkit-animation-name: slideTextX100;
          animation-name: slideTextX100;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.5;
}

@-webkit-keyframes slideTextX100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0.5;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0.5;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  -webkit-animation-name: slideTextX-100;
          animation-name: slideTextX-100;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.5;
}

@-webkit-keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0.5;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0.5;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}



/* header
------------------------------------------------------------ */
header {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-bottom: 15.756%;
	background: #ffffff;
}
header .inner01 {
  padding: 3% 0 5%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
header .logoBrand {
  margin-right: 1.35%;
  max-width: 200px;
  min-width: 90px;
  width: 28.2485875706%;
}
header .logoKabu365 {
  max-width: 180px;
  min-width: 80px;
  width: 25.74137288135%;
}
header img {
  width: 100%;
  height: auto;
}


/* hero
------------------------------------------------------------ */
.hero {
  width: 100%;
	display: block;
	background: url(../images/bg_hero.webp) #ffffff no-repeat center top;
  background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero {
  background: url(../images/bg_hero.png) #ffffff no-repeat center top;
  background-size: 100% auto;
}
.hero h1 {
	font-size: 52px;
	font-size: 5.2rem;
	font-weight: 700;
	line-height: 1.5;
}
.hero .cdfBlock {
	height: 0;
	/* padding-bottom: 114.345%; */
	padding-bottom: 109.345%;
}
.hero .cdfBtn {
	margin: 0 0 4% 0;
}
.hero .cdfBtn a {
	position: relative;
	font-size: 88px;
	font-size: 8.8rem;
	font-weight: 700;
	color: #99409D;
}
.hero .cdfBtn a:after {
	content:"";
  display: inline-block;
	vertical-align: inherit;
	max-width:80px;
	width: 10.6vw;
	max-height: 80px;
	height: 10.6vw;
	margin-left: 3%;
	background:url(../images/icon_arr01.webp) no-repeat right center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .cdfBtn a:after {
	background:url(../images/icon_arr01.png) no-repeat right center;
	background-size: 100% auto;
}
.hero .block {
	display: flex;
}
.hero .exponent {
	max-width: 420px;
	width: 56%;
}
.hero .exponent dl {
	margin-left: 3%;
}
.hero .exponent dl dt {
	margin-bottom: 2.5%;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}
.hero .exponent dl dd {
}
.hero .exponent dl dd ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.hero .exponent dl dd ul li {
	margin-bottom: 3.5%;
	max-width: 120px;
	width: 30.18%;
}
.hero .exponent dl dd ul li:not(:nth-child(3)) {
  margin-right: 1.7%;
}
.hero .exponent picture {
  display: block;
  width: 100%;
}
.hero .eft {
	max-width: 315px;
	width: 43%;
	border-left: 3px solid #dddddd;
	box-sizing: border-box;
}
.hero .eft dl {
	text-align: center;
}
.hero .eft dl dt {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
  margin-bottom: 2.5%;
	margin-left: 8%;
	text-align: left;
}
.hero .eft dl dd ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  width: 100%;
}
.hero .eft dl dd ul li {
	display: block;
	width: 30%;
	max-width: 90px;
	margin: 0 7% 5%;
}
.hero .eft picture {
  display: block;
  width: 100%;
}
.hero .tfxTxt {
	margin: 0;
}
.hero .tfxTxt picture {
	display: inline-block;
	vertical-align:text-bottom;
	max-width: 112px;
	width: 15.8192090395%;
	max-height: 88px;
}
.hero .tfxTxt p {
	display: inline-block;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 500;
}
.hero .tfxTxt p .ft01 {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}



/* kabu365CharmBlock .pattern01 / パターンB [「くりっく株365」の魅力]　*/
.hero .kabu365CharmBlock.pattern01 {
	margin: 0 0 4% 0;
}
.hero .kabu365CharmBlock.pattern01 .inner02 {
  padding: 4% 0;
	background: #99409D;
	border-radius: 2.08333vw;
}
.hero .kabu365CharmBlock.pattern01 .charm365Btn {
  padding: 0 0 4.33% 0;
}
.hero .kabu365CharmBlock.pattern01 .charm365Btn a {
	position: relative;
	display: block;
	font-size: 44px;
	font-size: 4.4rem;
	color: #ffffff;
}
.hero .kabu365CharmBlock.pattern01 .charm365Btn a:after {
	position: absolute;
	content: "";
  top: 0;
  right: 0;
	max-width: 80px;
	width: 10.6vw;
	max-height: 80px;
	height: 10.6vw;
  margin-right: 4%;
	background:url(../images/icon_arr02.webp) no-repeat right center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .kabu365CharmBlock.pattern01 .charm365Btn a:after {
	background:url(../images/icon_arr02.png) no-repeat right center;
	background-size: 100% auto;
}
.hero .kabu365CharmBlock.pattern01 .box {
  max-width: 648px;
  width: 92%;
  border-radius: 2.08333vw;
  background: #ffffff;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA {
  padding: 7% 0 5.7%;
  margin: 0 auto 3%;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB {
	display: flex;
	align-items: center;
  margin: 0 auto 3%;
  padding: 3.6% 0;
}
.hero .kabu365CharmBlock.pattern01 .box.typeC {
	display: flex;
  margin: 0 auto;
  padding: 4.97% 0;
}
.hero .kabu365CharmBlock.pattern01 .box .ttl01 {
  max-width: 589px;
  width: 91%;
  margin: 0 auto 4%;
}

/* .typeA [ほぼ24時間祝日も取引可能] */
.hero .kabu365CharmBlock.pattern01 .box.typeA .ttl01 .ft36 {
  font-size: 36px;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
  color: #99409D;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA .ttl01 .ft82 {
  font-size: 82px;
  font-size: 8.2em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA .ttl01 .ft72 {
  font-size: 72px;
  font-size: 7.2em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA .ttl01 .highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA .ttl01 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.3vw solid #EFFB49;
	margin: 0 0 -0.5% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA .txt01 {
  max-width: 589px;
  width: 91%;
  margin: 0 auto;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700;
}
.hero .kabu365CharmBlock.pattern01 .box.typeA figure {
 max-width: 589px;
 width: 91%;
 margin: 0 auto 3.1%;
}

/* .typeB [少ない資金から取引可能！] */
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 {
	max-width: 388px;
	width: calc(59.8% - 3.858024691%);
	margin: 0 auto 0 3.858024691%;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 .ft66 {
  font-size: 66px;
  font-size: 6.6em;
  font-weight: 700;
  line-height: 1.2;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 .ft40 {
  font-size: 40px;
  font-size: 4.0em;
  font-weight: 700;
  line-height: 1.4;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 .ft66.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 .ft66.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 1.6% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 .ft40.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB .ttl01 .ft40.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2.4vw solid #EFFB49;
	margin: 0px;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern01 .box.typeB figure {
	max-width: 260px;
	width: 40.123456790%;
	margin: 0 0 0 auto;
}

/* .typeC [現物株同様に配当あり!] */
.hero .kabu365CharmBlock.pattern01 .box.typeC  {
}
.hero .kabu365CharmBlock.pattern01 .box.typeC .ttl01 {
	max-width: 348px;
	width: calc(53.703703704% - 3.858024691%);
	margin: 0 auto 0 3.858024691%;
}
.hero .kabu365CharmBlock.pattern01 .box.typeC .ttl01 .ft36 {
  font-size: 36px;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
}
.hero .kabu365CharmBlock.pattern01 .box.typeC .ttl01 .ft66 {
  font-size: 66px;
  font-size: 6.6em;
  font-weight: 700;
  line-height: 1.4;
}
.hero .kabu365CharmBlock.pattern01 .box.typeC .ttl01 .ft66.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern01 .box.typeC .ttl01 .ft66.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 1.6% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern01 .box.typeC figure {
	max-width: 300px;
	width: 46.296296296%;
	margin: 0 0 0 auto;
}
/* kabu365CharmBlock .pattern01 / パターンB [「くりっく株365」の魅力]　ここまで */


/* kabu365CharmBlock .pattern02 / パターンA  [「くりっく株365」の魅力]　*/
.hero .kabu365CharmBlock.pattern02 {
	margin: 0 0 4% 0;
}
.hero .kabu365CharmBlock.pattern02 .inner02 {
  padding: 4% 0;
	background: #99409D;
	border-radius: 2.08333vw;
}
.hero .kabu365CharmBlock.pattern02 .charm365Btn {
  padding: 0 0 4.33% 0;
}
.hero .kabu365CharmBlock.pattern02 .charm365Btn a {
	position: relative;
	display: block;
	font-size: 44px;
	font-size: 4.4rem;
	color: #ffffff;
}
.hero .kabu365CharmBlock.pattern02 .charm365Btn a:after {
	position: absolute;
	content: "";
  top: 0;
  right: 0;
	max-width: 80px;
	width: 10.6vw;
	max-height: 80px;
	height: 10.6vw;
  margin-right: 4%;
	background:url(../images/icon_arr02.webp) no-repeat right center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .kabu365CharmBlock.pattern02 .charm365Btn a:after {
	background:url(../images/icon_arr02.png) no-repeat right center;
	background-size: 100% auto;
}
.hero .kabu365CharmBlock.pattern02 .box {
  max-width: 648px;
  width: 92%;
  border-radius: 2.08333vw;
  background: #ffffff;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC {
  padding: 4% 0 5%;
  margin: 0 auto 3%;
}

.hero .kabu365CharmBlock.pattern02 .box.typeA {
	display: flex;
	align-items: center;
  margin: 0 auto 3%;
  padding: 4.97% 0;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB {
	display: flex;
	align-items: center;
  margin: 0 auto;
  padding: 3.6% 0;
}
.hero .kabu365CharmBlock.pattern02 .box .ttl01 {
  max-width: 589px;
  width: 91%;
  margin: 0 auto 0 3.858024691%;
}

/* .typeC [現物株同様に配当あり!] */
.hero .kabu365CharmBlock.pattern02 .box.typeC  {
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .ttl01 {
	max-width: 589px;
	width: 91%;
	margin: 0 auto 5%;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .ttl01 .ft36 {
  font-size: 36px;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
	color: #99409D;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .ttl01 .ft82 {
  font-size: 82px;
  font-size: 8.2em;
  font-weight: 700;
  line-height: 1.4;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .ttl01 .ft82.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .ttl01 .ft82.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 1.6% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock {
	position: relative;
	max-width: 589px;
	width: 91%;
	margin: 0 auto 4%;
	padding: 3.86% 0 3.0865% 0;
	background: #F5F5F5;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .txt01 {
	margin-bottom: 4.245%;
	padding-left: 3.396%;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox {
	display: flex;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .figBox {
	max-width: 146px;
	width: 24.8%;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .figBox {
	padding-left: 2%;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox {
	margin-left: 1.5%;
	max-width: 443px;
	width: 75.2%;
	border-left: 2px solid #DDDDDD;
	box-sizing: border-box;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox .txt02 {
	padding-left: 3.396%;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.2;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox .txt03 {
	padding-left: 3.396%;
	line-height: 1.2;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox .txt03 .ft01 {
	font-size: 32px;
	font-size:3.2rem;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox .txt03 .ft02 {
	font-size: 62px;
	font-size: 6.2rem;
	font-weight: 700;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox .txt03 .ft03 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .flexBox .txtBox .txt03 .ft04 {
	font-size: 22px;
	font-size: 2.2rem;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .detailbock .item {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 313px;
	width: 54%;
	margin: 1% -1.3% 0 auto;
}
.hero .kabu365CharmBlock.pattern02 .box.typeC .txt04 {
	max-width: 589px;
	width: 91%;
	margin: 0 auto;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: left;
}

/* .typeA [ほぼ24時間祝日も取引可能] */
.hero .kabu365CharmBlock.pattern02 .box.typeA .ttl01 .ft36 {
  font-size: 36px;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
  color: #99409D;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA .ttl01 .ft01 {
  font-size: 56px;
  font-size: 5.6em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA .ttl01 .ft02 {
  font-size: 56px;
  font-size: 5.6em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA .ttl01 .highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA .ttl01 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.3vw solid #EFFB49;
	margin: 0 0 -4% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA .txt01 {
  max-width: 589px;
  width: 91%;
  margin: 0 auto;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA figure {
 max-width: 589px;
 width: 91%;
 margin: 0 auto 3.1%;
}
.hero .kabu365CharmBlock.pattern02 .box.typeA figure {
	max-width: 176px;
	width: 38.5%;
	margin: 0 4.63% 0 auto;
}

/* .typeB [少ない資金から取引可能！] */
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 {
	max-width: 388px;
	width: calc(59.8% - 3.858024691%);
	margin: 0 auto 0 3.858024691%;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 .ft66 {
  font-size: 66px;
  font-size: 6.6em;
  font-weight: 700;
  line-height: 1.2;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 .ft40 {
  font-size: 40px;
  font-size: 4.0em;
  font-weight: 700;
  line-height: 1.4;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 .ft66.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 .ft66.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 1.6% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 .ft40.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB .ttl01 .ft40.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2.4vw solid #EFFB49;
	margin: 0px;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern02 .box.typeB figure {
	max-width: 260px;
	width: 40.123456790%;
	margin: 0 0 0 auto;
}
/* kabu365CharmBlock .pattern02 / パターンA [「くりっく株365」の魅力]　ここまで */



/* kabu365CharmBlock .pattern03 / パターンC  [「くりっく株365」の魅力]　*/
.hero .kabu365CharmBlock.pattern03 {
	margin: 0 0 4% 0;
}
.hero .kabu365CharmBlock.pattern03 .inner02 {
  padding: 4% 0;
	background: #99409D;
	border-radius: 2.08333vw;
}
.hero .kabu365CharmBlock.pattern03 .charm365Btn {
  padding: 0 0 4.33% 0;
}
.hero .kabu365CharmBlock.pattern03 .charm365Btn a {
	position: relative;
	display: block;
	font-size: 44px;
	font-size: 4.4rem;
	color: #ffffff;
}
.hero .kabu365CharmBlock.pattern03 .charm365Btn a:after {
	position: absolute;
	content: "";
  top: 0;
  right: 0;
	max-width: 80px;
	width: 10.6vw;
	max-height: 80px;
	height: 10.6vw;
  margin-right: 4%;
	background:url(../images/icon_arr02.webp) no-repeat right center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .kabu365CharmBlock.pattern03 .charm365Btn a:after {
	background:url(../images/icon_arr02.png) no-repeat right center;
	background-size: 100% auto;
}
.hero .kabu365CharmBlock.pattern03 .box {
  max-width: 648px;
  width: 92%;
  border-radius: 2.08333vw;
  background: #ffffff;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB {
  padding: 4% 0 5%;
  margin: 0 auto 3%;
}
.hero .kabu365CharmBlock.pattern03 .box.typeC {
	display: flex;
	align-items: center;
  margin: 0 auto 3%;
  padding: 4.6% 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA {
	display: flex;
	align-items: center;
  margin: 0 auto;
  padding: 3.256% 0;
}
.hero .kabu365CharmBlock.pattern03 .box .ttl01 {
  max-width: 589px;
  width: 91%;
  margin: 0 auto 0 3.858024691%;
}

/* .typeB [少ない資金から取引可能！] */
.hero .kabu365CharmBlock.pattern03 .box.typeB .ttl01 {
	max-width: 586px;
	width: 91%;
	margin: 0 auto 6.4%;
	text-align: center;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB .ttl01 .ft67 {
  font-size: 67px;
  font-size: 6.7em;
  font-weight: 700;
  line-height: 1.2;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB .ttl01 .ft38 {
  font-size: 38px;
  font-size: 3.8em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB .ttl01 .ft67.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB .ttl01 .ft67.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 0.6% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl {
	max-width: 586px;
	width: 91%;
	margin: 0 auto 5.5%;
	background: #FFF6F6;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dt {
	position:relative;
	padding: 1.88% 0;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	letter-spacing: 0.05em;
	background: #792E7D;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dt:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	max-width: 43px;
	width: 7.4%;
	max-height: 32px;
	height: 4.3vw;
	margin-right: 2%;
	background: url(../images/icon_flag_ja_03.webp) no-repeat left center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .kabu365CharmBlock.pattern03 .box.typeB dl dt:before {
	background: url(../images/icon_flag_ja_03.png) no-repeat left center;
	background-size: 100% auto;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd {
	position: relative;
	background: #FFF6F6;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd p.txt01 {
	text-align: center;
	line-height: 1.0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft01 {
	position: relative;
	font-size: 53px;
	font-size: 5.3rem;
	font-weight: 700;
	color: #99409D;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft01:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 2%;
	max-width: 32px;
	width: 4.167vw;
	max-height: 21px;
	height: 2.74vw;
	background: url(../images/icon_arr_03.webp) no-repeat right center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft01:after {
	background: url(../images/icon_arr_03.png) no-repeat right center;
	background-size: 100% auto;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft02 {
	position: relative;
	font-size: 46px;
	font-size: 4.6rem;
	font-weight: 700;
	color: #792E7D;
	letter-spacing: -0.05em;
	z-index: 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft02:after {
	content: "約";
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 -6% 17% 0;
	font-size: 46px;
	font-size: 4.6rem;
	font-weight: 700;
	color: #E5CAE6;
	letter-spacing: -0.05em;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft03 {
	position: relative;
	margin: 0 1%;
	font-size: 121px;
	font-size: 12.1rem;
	font-weight: 700;
	color: #792E7D;
	letter-spacing: -0.05em;
	z-index: 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft03:after {
	content: "35";
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 18% 2%;
	font-size: 121px;
	font-size: 12.1rem;
	font-weight: 700;
	color: #E5CAE6;
	letter-spacing: -0.05em;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft04 {
	position: relative;
	font-size: 46px;
	font-size: 4.6rem;
	font-weight: 700;
	color: #792E7D;
	letter-spacing: -0.05em;
	z-index: 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd .ft04:after {
	content: "倍";
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 18% 5%;
	font-size: 46px;
	font-size: 4.6rem;
	font-weight: 700;
	color: #E5CAE6;
	letter-spacing: -0.05em;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd p.txt02 {
	padding: 3% 0 8% 4%;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 400;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB dl dd figure {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 230px;
	width: 30vw;
	max-height: 135px;
	height: 118vw;
	margin: 22% -2% 0 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB p.txt03 {
	max-width: 586px;
	width: 91%;
	margin: 0 auto;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}
.hero .kabu365CharmBlock.pattern03 .box.typeB p.txt03 .ftS {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
}

/* .typeC [現物株同様に配当あり!] */
.hero .kabu365CharmBlock.pattern03 .box.typeC  {
}
.hero .kabu365CharmBlock.pattern03 .box.typeC .ttl01 {
	max-width: 348px;
	width: calc(53.703703704% - 3.858024691%);
	margin: 0 auto 0 3.858024691%;
}
.hero .kabu365CharmBlock.pattern03 .box.typeC .ttl01 .ft36 {
  font-size: 36px;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
	color: #99409D;
}
.hero .kabu365CharmBlock.pattern03 .box.typeC .ttl01 .ft66 {
  font-size: 66px;
  font-size: 6.6em;
  font-weight: 700;
  line-height: 1.4;
}
.hero .kabu365CharmBlock.pattern03 .box.typeC .ttl01 .ft66.highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeC .ttl01 .ft66.highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 1.6% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern03 .box.typeC figure {
	max-width: 300px;
	width: 46.296296296%;
	margin: 0 0 0 auto;
}

/* .typeA [ほぼ24時間祝日も取引可能] */
.hero .kabu365CharmBlock.pattern03 .box.typeA .ttl01 .ft36 {
  font-size: 36px;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
  color: #99409D;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA .ttl01 .ft01 {
  font-size: 56px;
  font-size: 5.6em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA .ttl01 .ft02 {
  font-size: 56px;
  font-size: 5.6em;
  font-weight: 700;
  line-height: 1.4;
	letter-spacing: -0.05em;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA .ttl01 .highlight {
  position: relative;
  z-index: 0;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA .ttl01 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.3vw solid #EFFB49;
	margin: 0 0 -4% 0;
	z-index: -1;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA .txt01 {
  max-width: 589px;
  width: 91%;
  margin: 0 auto;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA figure {
 max-width: 589px;
 width: 91%;
 margin: 0 auto 3.1%;
}
.hero .kabu365CharmBlock.pattern03 .box.typeA figure {
	max-width: 176px;
	width: 38.5%;
	margin: 0 4.63% 0 auto;
}
/* kabu365CharmBlock .pattern03 / パターンC  [「くりっく株365」の魅力] ここまで */



/* cashbackkBtn [最大50,000円キャッシュバック] */
.hero .cashbackkBtn {
	max-width: 708px;
	width: 100%;
	margin: 0 auto 7%;
}
.hero .cashbackkBtn p {
	position:relative;
	z-index:0;
}
.hero .cashbackkBtn p a {
	position:relative;
	width:100%;
	display: block;
	vertical-align:middle;
	padding: 2.521% 0;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.0;
	border: 2px solid #dddddd;
	box-sizing: border-box;
	text-align: center;
	border-radius: 2.08333vw;
	vertical-align:middle;
	letter-spacing: -0.02em;
	background: #ffffff;
}
.hero .cashbackkBtn p a:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
	left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto -1.705%;
  background: #dddddd;
	border-radius: 2.08333vw;
  z-index: -1;
}
.hero .cashbackkBtn p a:after {
	position:relative;
	content:"";
  display: inline-block;
	vertical-align: middle;
	max-width:80px;
	width: 10.6vw;
	max-height: 80px;
	height: 10.6vw;
	margin-left: 1%;
	background:url(../images/icon_arr01.webp) no-repeat right center;
	background-size: 100% auto;
}
/*--webp非対応ブラウザの場合--*/
.no-webp .hero .cashbackkBtn p a:after {
	background:url(../images/icon_arr01.png) no-repeat right center;
	background-size: 100% auto;
}
.hero .cashbackkBtn p a .highlight {
  position: relative;
  display:inline-block;
	z-index:0;
	vertical-align: text-bottom;
	margin: 0 1.5%;
}
.hero .cashbackkBtn p a .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2vw solid #EFFB49;
	margin: 0 0 3% 0;
	z-index: -1;
}
.hero .cashbackkBtn p a .ft01 {
	font-size: 54px;
	font-size: 5.4rem;
	font-weight: 700;
	vertical-align:middle;
}
.hero .cashbackkBtn p a .ft02 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
	vertical-align: bottom;
}



/* 岡三オンラインの「くりっく株365」なら
------------------------------------------------------------------- */
.reasonArea {
  padding: 6.78% 0 8%;
  width: 100%;
  background: #F5F5F5;
}
.reasonArea h2 {
  margin-bottom: 6.78%;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  text-align: center;
}
.reasonArea .reasonblock {
  max-width: 670px;
  width: 94.8278%;
  margin: 1.5625vw auto 0;
}
.reasonArea .reasonblock .box {
  position: relative;
  margin: 0 -1.5625vw 0 0;
  padding: 3.2% 5.972% 6% 4.777%;
  background: #D9D9D9;
  z-index: 1;
}
.reasonArea .reasonblock .box:not(:last-child) {
  margin: 0 -1.5625vw 8% 0;
}
.reasonArea .reasonblock .box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: -1.5625vw 1.5625vw 0 0;
  background: #ffffff;
  z-index: 0;
}
.reasonArea .reasonblock .box h3,
.reasonArea .reasonblock .box p,
.reasonArea .reasonblock .box picture {
  position: relative;
  z-index: 1;
}
.reasonArea .reasonblock .box h3 {
  width: 100%;
  font-size: 56px;
  font-size: 5.6rem;
  font-weight: 700;
  color: #99409D;
}
.reasonArea .reasonblock .box.box01 h3 {
  text-align: left;
}
.reasonArea .reasonblock .box.box02 h3,
.reasonArea .reasonblock .box.box03 h3 {
  text-align: center;
}
.reasonArea .reasonblock .box h3 .ft36 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  color: #99409D;
}
.reasonArea .reasonblock .box h3 .ft40 {
  font-size: 40px;
  font-size: 4.0rem;
  font-weight: 700;
  color: #99409D;
}
.reasonArea .reasonblock .box h3 .icon {
	display: inline-block;
	padding-left: 7%;
	max-width: 175px;
	width: 28.638%;
  height: auto;
  vertical-align: middle;
  text-align: right;
}
.reasonArea .reasonblock .box .txt01 {
	font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
}
.reasonArea .reasonblock .box .txt02 {
  font-size: 28px;
  font-size: 2.8rem;
}
.reasonArea .reasonblock .box.box01 .txt02 {
	margin-bottom: 2.5%;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.reasonArea .reasonblock .box.box01 .txt02 span {
	position: relative;
}
.reasonArea .reasonblock .box.box01 .txt02 span:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid #333333;
}

.reasonArea .reasonblock .box .highLight {
  position: relative;
  display:inline-block;
	margin-left: -2%;
}
.reasonArea .reasonblock .box .highLight:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 93%;
	height: 100%;
	border-bottom: 5vw solid #EFFB49;
	margin: 0 0 -1.2% 2.1%;
	z-index: -1;
}
.reasonArea .reasonblock .box.box01 .ft01 {
  font-size: 165px;
  font-size: 16.5rem;
  line-height: 1.0;
	letter-spacing: -0.01em;
}
.reasonArea .reasonblock .box.box01 .ft02 {
  font-size: 85px;
  font-size: 8.5rem;
  line-height: 1.0;
}
.reasonArea .reasonblock .box.box01 .ft03 {
	margin-left: -3%;
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 1.0;
}
.reasonArea .reasonblock .box01 .fig {
  margin: 3.45% 0 6%;
}
.reasonArea .reasonblock .box02 .fig {
  margin: 8.55% 0;
}
.reasonArea .reasonblock .box03 .fig {
  margin: 2.55% 0 8.55%;
}
.reasonArea .reasonblock .box .fig picture {
  display: block;
  max-width: 510px;
  width: 83.88%;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 375px) {
 .reasonArea .reasonblock .box .txt02 {
	 font-size: 14px;
 }
}


/* transactionKindsArea [日経平均(日経225)をはじめとした 国内外の主要株価指数や商品ETFが取引できる！]
------------------------------------------------------------------- */
.transactionKindsArea {
	padding: 8% 0 4%
}
.transactionKindsArea h3 {
	margin-bottom: 9%;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: 700;
	text-align: center;
}
.transactionKindsArea h3 .highlight {
  position: relative;
  display:inline-block;
	z-index:0;
	vertical-align: text-bottom;
	margin: 0 0.2%;
}
.transactionKindsArea h3 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2.5vw solid #EFFB49;
	margin: 0 0 1.5% 0;
	z-index: -1;
}
.transactionKindsArea h4 {
	margin-bottom: 2%;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 700;
	color: #99409D;
}
.transactionKindsArea h4:nth-of-type(2) {
	margin-top: 6%;
}
.transactionKindsArea .block .box {
	margin-bottom: 2.5%;
	border: 2px solid #DDDDDD;
	box-sizing: border-box;
}
.transactionKindsArea .block .box dl {
	padding: 3% 5%;
}
.transactionKindsArea .block .box dl dt {
	margin-bottom: 1%;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}
.transactionKindsArea .block .box dl dt picture {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1%;
	max-width: 82px;
	width: 12.9746835443%;
	max-height: 54px;
}
.transactionKindsArea .block .box.oil_etf dl dt picture {
	vertical-align: text-bottom;
}
.transactionKindsArea .block .box dl dd p {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
}
@media screen and (max-width: 375px) {
.transactionKindsArea .block .box dl dt {
	font-size: 16px;
}
 .transactionKindsArea .block .box dl dd p {
	 font-size: 14px;
 }
}



/* overseasStockArea [海外株価指数を円建てで取引できる！]
------------------------------------------------------------------- */
.overseasStockArea {
	padding: 4% 0 8%;
}
.overseasStockArea h3 {
	margin-bottom: 4%;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: 700;
	text-align: center;
}
.overseasStockArea h3 .highlight {
  position: relative;
  display:inline-block;
	z-index:0;
	vertical-align: text-bottom;
	margin: 0 0.2%;
}
.overseasStockArea h3 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2.5vw solid #EFFB49;
	margin: 0 0 1.5% 0;
	z-index: -1;
}
.overseasStockArea picture {
	display: block;
	max-width: 689px;
	width: 100%;
	margin: 0 auto 2%;
}
.overseasStockArea .txt {
	padding: 0 4%;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
}
.overseasStockArea .txt span {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
	color: #99409D;
}
@media screen and (max-width: 375px) {
 .overseasStockArea .txt {
	 font-size: 14px;
 }
 .overseasStockArea .txt span {
	 font-size: 14px;
 }
}



/* kabu365CharmArea [「くりっく株365」の魅力]
------------------------------------------------------------------- */
.kabu365CharmArea {
	padding: 8% 0 8%;
	background: #FAEFFF;
}
.kabu365CharmArea h4 {
	margin-bottom: 5.3%;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: 700;
	text-align: center;
}
.kabu365CharmArea .inner01 {
  margin-bottom: 4%;
	padding: 6.6% 0 8%;
	background: #ffffff;
	border-radius: 2.08333vw;
}
.kabu365CharmArea .prologue {
	max-width: 628px;
	width:88.951841359%;
	margin: 0 auto 5.7%
}
.kabu365CharmArea .prologue h5 {
	margin-bottom: 3.2%;
	font-size: 40px;
	font-size: 5.0rem;
	font-weight: 700;
	line-height: 1.4;
	color: #99409D;
}
.kabu365CharmArea .prologue .txt02 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
}
.kabu365CharmArea .prologue .txt02 span {
  font-weight:  700;
  color: #99409D;
}
.kabu365CharmArea h6 {
	margin-bottom: 20px;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 700;
	text-align: center;
}
.kabu365CharmArea .detailBox {
	max-width: 628px;
	width:88.951841359%;
	margin: 0 auto;
}
.kabu365CharmArea .detailBox .notes {
	width: 95%;
	margin: 0 auto;
}
.kabu365CharmArea .detailBox .notes ul li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 24px;
	font-size: 2.4rem;
}
@media screen and (max-width: 375px) {
 .kabu365CharmArea .prologue .txt01 {
	 font-size: 14px;
 }
 .kabu365CharmArea .detailBox .notes ul li {
	 font-size: 13px;
 }
}



/* dividendBlock [現物の株式と同じように配当が受け取れる!] */
.kabu365CharmArea .dividendBlock .prologue .txt01 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
}
.kabu365CharmArea .dividendBlock .detailBox .box {
	margin-bottom: 4.8%;
	padding: 4.778% 6.37%;
	border: 2px solid #dddddd;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label01 {
	margin-bottom: 5.6%;
	display: flex;
	align-items: center;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label01 picture {
	display: inline-block;
	margin-right: 3%;
	max-width: 73px;
	width: 12%;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label01 p {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label02 {
	width: 100%;
	text-align: center;
	background: #F1F1F1;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label02 p {
	font-size: 32px;
	font-size: 3.3rem;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label03 {
	margin-bottom: 5.6%;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label03 .ft01 {
	display: inline-block;
	vertical-align: inherit;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label03 .highlight {
  position: relative;
  display:inline-block;
	vertical-align: inherit;
	font-size: 76px;
	font-size: 7.6rem;
	font-weight: 700;
	z-index:0;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label03 .highlight:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2.5vw solid #EFFB49;
	margin: 0 0 6.5% 0;
	z-index: -1;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label03 .ft02 {
	display: inline-block;
	vertical-align: inherit;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .detailBox .box .label04 {
}
.kabu365CharmArea .dividendBlock .detailBox .box .label04 p {
	font-size: 28px;
	font-size: 2.8rem;
	line-height:1.4;
}
@media screen and (max-width: 375px) {
 .kabu365CharmArea .dividendBlock .detailBox .box .label01 p {
	 font-size: 15px;
 }
 .kabu365CharmArea .dividendBlock .detailBox .box .label04 p {
	 font-size: 14px;
 }
}






/* dividendBlock [現物の株式と同じように配当が受け取れる! 日経255のみ表示] */
.kabu365CharmArea .dividendBlock .prologue.-nk255 {
	max-width: 628px;
	width: 88.951841359%;
	margin: 0 auto;
}
.kabu365CharmArea .prologue.-nk255 h5 {
	margin-bottom: 5.2%;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox {
	max-width: 628px;
	width: 100%;
	margin: 0 auto;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box {
	width: 100%;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox {
	margin-bottom: 4.8%;
	padding-bottom: 4.778%;
	border: 2px solid #F3F3F3;
	box-sizing: border-box;
}

.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label01 {
	display: block;
	width: 100%;
	margin: 0 0 2.0rem 0;
	padding: 2.5rem 0;
	text-align: center;
	background-color: #F3F3F3;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label01 picture {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 1%;
	max-width: 73px;
	width: 12%;
	font-size: 0;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label01 p {
	display: inline-block;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 {
	width: 100%;
	line-height: 1.2;
	text-align: left;
	letter-spacing: 0.05em;
	padding: 0 3.206% 4.778%;
	background-color: #ffffff;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .ft01 {
	display: inline-block;
	vertical-align: inherit;
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 500;
}

.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .ft02 {
	position: relative;
	display: inline-block;
	font-size: 70px;
	font-size: 7.0rem;
	font-weight: 700;
	vertical-align: sub;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .ft03 {
	position: relative;
	display: inline-block;
	font-size: 76px;
	font-size: 7.6rem;
	font-weight: 700;
	vertical-align: sub;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .highlight {
	position: relative;
	z-index: 0;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .highlight:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 3.2vw solid #EFFB49;
	margin: 0 0 -3.7% 0;
	z-index: -1;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .ft04 {
	display: inline-block;
	vertical-align: inherit;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .ft05 {
	display: inline-block;
	vertical-align: inherit;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label02 .ft06 {
	display: inline-block;
	vertical-align: inherit;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label03 {
	padding: 0 3.206%;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label03 p {
	font-size: 28px;
	font-size: 2.8rem;
	line-height:1.4;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .marginBox .label03 p span {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .label04 {
	margin: 4.8% 0;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .label04 dl dt {
	margin-bottom: 1.5rem;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .label04 dl dt span {
	display: inline-block;
	padding: 1.3rem 2.0rem 1.4rem 2.0rem;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.0;
	background-color: #99409D;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .label04 dl dd {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
	color: #99409D;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList {
	margin-bottom: 3.0rem;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table {
	position: relative;
	width: 100%;
	background-color: #ffffff;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table thead {
	border-bottom: 3px solid #ffffff;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table thead th {
	padding: 0.51rem 0;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	color: #ffffff;
	vertical-align: middle;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table thead th.year {
	width: 32.5%;
	font-size: 25px;
	font-size: 2.5rem;
	background-color: #505050;
	border-right: 2px solid #ffffff;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table thead th.dividend{
	width: 35%;
	font-size: 22px;
	font-size: 2.2rem;
	background-color: #99409D;
	border-right: 2px solid #ffffff;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table thead th.rate {
	width: 32.5%;
	font-size: 22px;
	font-size: 2.2rem;
	background-color: #99409D;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td {
	vertical-align: middle;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.month {
	width: 32.5%;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	background-color: #FAFAFA;
	border-right: 2px solid #DDDDDD;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.month span {
	font-size: 31px;
	font-size: 3.1rem;
	font-weight: 500;
	vertical-align: unset;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.dividend {
	width: calc(35% - 1.5rem);
	padding: 0 1.5rem;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 400;
	border-right: 2px solid #DDDDDD;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.rate {
	width: calc(32.5% - 1.5rem);
	padding: 0 1.5rem;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 400;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active {
	position: relative;
	font-size: 22px;
	font-size: 2.2rem;
	color: #99409D;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td.month {
	padding: 0.2rem 0;
	background-color: #FAEFFF;
	border-left: 2px solid #99409D;
	border-top: 2px solid #99409D;
	border-bottom: 2px solid #99409D;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td.month span {
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td.dividend {
	padding: 0.2rem 1.5rem;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	border-top: 2px solid #99409D;
	border-bottom: 2px solid #99409D;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td.dividend span {
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td.rate {
	padding: 0.2rem 1.5rem;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	border-right: 2px solid #99409D;
	border-top: 2px solid #99409D;
	border-bottom: 2px solid #99409D;
	box-sizing: border-box;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td.rate span {
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .active td span.comma {
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td {
	border-top: 2px solid #9E9E9E;
	box-sizing: border-box;
	background-color: #ffffff
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.month {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.dividend {
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.dividend span.ff_inter {
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.dividend span.comma {
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.rate {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.rate span.ff_inter {
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td.rate span.comma {
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: 700;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td .highlight {
	position: relative;
  z-index: 0;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody .total td .highlight:after {
	position: absolute;
	display: inline-block;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 1.4vw solid #EFFB49;
	margin: 0 0 1.0% 0;
	z-index: -1;
}
.kabu365CharmArea .dividendBlock .nk255_detailBox .notes {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
}
@media screen and (max-width: 414px) {
 .kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.month {
	 font-size: 11px;
 }
 .kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.dividend {
	 font-size: 12px;
 }
 .kabu365CharmArea .dividendBlock .nk255_detailBox .box .yearList table tbody td.rate {
	 font-size: 12px;
 }
 .kabu365CharmArea .dividendBlock .nk255_detailBox .notes {
	 font-size: 12px;
 }
}


/* hours24 ほぼ24時間、祝日も取引できる! */
.kabu365CharmArea .hours24Block {
}
.kabu365CharmArea .hours24Block .calendarGW {
	max-width: 628px;
	margin: 0 auto 5.58%;
	padding: 4.8% 0 5.58%;
	background: #FFF2F2;
	border-radius: 8px;
}
.kabu365CharmArea .hours24Block .calendarGW .txt01 {
	max-width: 588px;
	width: 94%;
	margin: 0 auto;
	padding:  0 0 4% 0;
	font-size: 30px;
	font-size:3.0rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.03em;
	font-feature-settings: "palt";
}
.kabu365CharmArea .hours24Block .calendarGW .txt01 .highlight {
  position: relative;
  display:inline-block;
	z-index:0;
	/*vertical-align: text-bottom;*/
	margin: 0 0.2%;
}
.kabu365CharmArea .hours24Block .calendarGW .txt01 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 1.5vw solid #EFFB49;
	margin: 0 0 1.5% 0;
	z-index: -1;
}
.kabu365CharmArea .hours24Block .calendarGW figure {
	max-width: 588px;
	width: 94%;
	margin: 0 auto;
}
.kabu365CharmArea .hours24Block .detailBox .fig {
	margin-bottom: 3%;
	padding-right: 1%;
}
.kabu365CharmArea .hours24Block .detailBox .fig img {
  width: auto;
  height: 499px;
}




/* fundsBlock [少ない資金から取引できる!売りからも取引できる!] */
.kabu365CharmArea .fundsBlock {
}
.kabu365CharmArea .fundsBlock .prologue .txt01 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight:400;
}


.kabu365CharmArea .fundsBlock .detailBox .exampleBlock {
	max-width: 628px;
	margin: 0 auto 6.4%;
	padding-bottom: 4.79%;
	background: #F5F5F5;
}

.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .example {
	position: relative;
	margin-bottom: 9.57%;
	padding: 3.185% 2.39%;
	background: #707070;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .example:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto -2.4vw auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5vw 2.3vw 0 2.3vw;
	border-color: #707070 transparent transparent transparent;
	line-height: 0px;
	_border-color: #707070 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .example .txt02 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .txt03 {
	margin-bottom: 8%;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	letter-spacing: -0.04em;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .txt03 span {
	font-weight: 700;
	color: #99409D;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage {
	max-width: 568px;
	width: 91%;
	margin: 0 auto;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage01 {
	position: relative;
	padding: 4.41% 5.3%;
	color: #ffffff;
	background: #99409D;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage01 .txt04 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage01 .txt04 picture {
	display: inline-block;
	vertical-align: text-bottom;
	max-width: 53px;
	width: 11%;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage01 .txt05 {
	font-size: 60px;
	font-size: 6.0rem;
	font-weight: 700;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage01 .txt06 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage01 .fig {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 -2.7% -14.3% 0;
	max-width: 283px;
  width: 50%;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 {
	padding: 4.5% 3% 5.3% 7%;
	background: #ffffff;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt07 {
	margin: 0 0 7%;
	letter-spacing: 0.05em;
	line-height: 1.0;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt07 .ft01 {
	font-size: 46px;
	font-size: 4.6em;
	font-weight: 700;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt07 .ft02 {
	font-size: 136px;
	font-size: 13.6em;
	font-weight: 700;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt07 .ft03 {
	font-size: 46px;
	font-size: 4.6em;
	font-weight: 700;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt07 .highlight {
  position: relative;
  display:inline-block;
	z-index:0;
	vertical-align: text-bottom;
	margin: 0 0.2%;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt07 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 104%;
	height: 100%;
	border-bottom: 3.7vw solid #EFFB49;
	margin: 0 0 -6% -2%;
	z-index: -1;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt08 {
	margin-bottom: 6%;
	font-size: 32px;
	font-size: 3.2em;
	font-weight: 700;
}
.kabu365CharmArea .fundsBlock .detailBox .exampleBlock .leverage .leverage02 .txt09 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock {
	max-width: 628px;
	width: 100%;
	margin: 0 auto;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .txt10 {
	margin-bottom: 8%;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .buy .ttl01 {
	position: relative;
	padding: 2.45% 0;
	font-size: 36px;
	font-size: 3.6em;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	background: #008A32;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .buy .ttl01:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto -2.4vw auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5vw 2.3vw 0 2.3vw;
	border-color: #008A32 transparent transparent transparent;
	line-height: 0px;
	_border-color: #008A32 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .buy .fig {
	width: 100%;
	padding: 6% 0 7%;
	background: #F5F5F5;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .buy .fig figure {
	max-width: 582px;
	width: 90%;
	margin: 0 auto;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .selling .ttl02 {
	position: relative;
	padding: 2.45% 0;
	font-size: 36px;
	font-size: 3.6em;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	background: #DC000C;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .selling .ttl02:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto -2.4vw auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5vw 2.3vw 0 2.3vw;
	border-color: #DC000C transparent transparent transparent;
	line-height: 0px;
	_border-color: #DC000C #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .selling .fig {
	width: 100%;
	padding: 6% 0 7%;
	background: #F5F5F5;
}
.kabu365CharmArea .fundsBlock .detailBox .marketBlock .selling .fig figure {
	max-width: 582px;
	width: 90%;
	margin: 0 auto;
}


/* scrollbar */
.scroll-box {
  overflow-x: scroll;
  padding-bottom: 10px;
	overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 10px;
  border-radius: 5px;
  background: #eee;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
  border-radius: 5px;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
  border-radius: 5px;
}


/*  [最大50,000円キャッシュバック！]
------------------------------------------------------------------ */
.cashBackArea {
	padding: 8% 0 13%;
}
.cashBackArea h4 {
	margin-bottom: 8.48%;
	font-size: clamp(25px,8.59375vw,66px);
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
.cashBackArea h4 .highlight {
  position: relative;
  display:inline-block;
	z-index:0;
	margin: 0 0.2%;
}
.cashBackArea h4 .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 102%;
	height: 100%;
	border-bottom: 2.7vw solid #EFFB49;
	margin: 0 0 -1% -1%;
	z-index: -1;
}
.cashBackArea .txt01 {
	max-width: 668px;
	width: 95%;
	margin: 0 auto 20px;
	font-size: clamp(14px,4.166666667vw,32px);
	font-weight: 700;
}
.cashBackArea .txt01 span {
	color: #99409D;
}
.cashBackArea .txt02 {
	max-width: 668px;
	width: 95%;
	margin: 0 auto;
	font-size: clamp(12px,3.645833333vw,28px);
	font-weight: 400;
}
.cashBackArea .txt02 a {
	color: #00A8BB;
	text-decoration: underline;
}
.cashBackArea .fig {
	max-width: 590px;
	width: 84%;
	margin:0 auto 30px;
}





/* --------------------------------------
共通　フッターエリア
-------------------------------------- */

.contents-block {
  padding: 6% 4rem 0;
}
.content-inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.bg-3 {
  background: #f2f3f4;
}


/* bt-content-inner
-------------------------------------------------------------------- */
.bt-content-inner p {
	font-size: clamp(12px,1.83vw,14px);
  font-weight: 500;
  letter-spacing: 0.05em;
}
.bt-content-inner .free-call {
  width: 100%;
  position: relative;
	display: flex;
  align-items: flex-start;
	justify-content: center;
}
.bt-content-inner .free-call .free-call-number {
  width: 83%;
  margin-left: auto;
}
.bt-content-inner .free-call .free-call-number p {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.025em;
	line-height: 1.2;
}
.bt-content-inner .free-call .free-call-number a {
  display: inline-block;
  color: #333;
  font-size: 4.2rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  white-space: nowrap;
  margin-bottom: 1.5rem;
}
.bt-content-inner .free-call .free-call-number p:nth-of-type(1) a {
	pointer-events: none;
}
.bt-content-inner .free-call .free-call-number a span {
  font-size: 8.4rem;
}
.bt-content-inner .free-call figure {
	max-width: 85px;
	width: 13%;
	margin: 4% 0 0 0;
}
.bt-content-inner .note-txt-area {
  margin-top: 5rem;
  padding-bottom: 4.4rem;
}
.bt-content-inner .note-txt-area .note-txtBtn {
  position: relative;
  text-align: center;
  padding: 1.3rem 0;
  font-size: 3.0rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: 1px solid #4c5866;
  background-color: #4c5866;
  color: #fff;
  margin-bottom: 1rem;
}
.bt-content-inner .note-txt-area .note-txt p {
	margin-bottom: 3%;
	font-size: clamp(12px,1.83vw,14px);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.bt-content-inner .note-txt-area .note-txt .rule-list {
	margin-bottom: 3%;
  text-align: left;
}
.bt-content-inner .note-txt-area .note-txt .rule-list ul li {
	font-size: clamp(12px,1.83vw,14px);
	font-weight: 500;
	margin-top: 2rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
.bt-content-inner .note-txt-area .note-txt .rule-list.memberAssociation ul li:nth-child(1),
.bt-content-inner .note-txt-area .note-txt .rule-list.memberAssociation ul li:nth-child(2) {
	display: inline-block;
}
.bt-content-inner .note-txt-area .note-txt02 {
	margin-bottom: 3%;
}
.bt-content-inner .note-txt-area .note-txt02 ul {
	border: 2px solid #dddddd;
	padding: 4% 3%;
}
.bt-content-inner .note-txt-area .note-txt02 ul li {
	font-size: clamp(12px,1.83vw,14px);
	font-weight: 500;
	text-indent: -1em;
	padding-left: 1em;
}
.bt-content-inner .note-txt-area .note-txt02 ul li:not(:last-child) {
	margin-bottom: 1.5%;
}
.bt-content-inner .note-txt-area .note-txt02 ul li a {
	color: #00A8BB;
	text-decoration: underline;
}


/* footer
-------------------------------------------------------------------- */
footer {
  padding: 5rem 2rem 20rem;
  background-color: #f2f3f4;
}
footer p {
	font-size: clamp(14px,2.084vw,16px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin-bottom: 2rem;
}
footer a {
	font-size: clamp(12px,1.83vw,14px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #333;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #333;
}
footer p:nth-child(1),
footer p:nth-child(3) {
  text-align: center;
}
footer p:nth-child(5) {
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.01rem;
}
footer p:nth-child(6) {
  font-size: 2.4rem;
  margin-bottom: 0;
}
footer .mt-25 {
  display: inline-block;
  margin-top: 2.5rem;
}
footer ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 4.5rem;
}
footer ul li {
  margin-right: 3%;
	margin-bottom: 2.0rem;
}
footer ul li:last-child {
  margin-right: 0;
}
footer .copyright {
  font-size: clamp(12px,1.83vw,14px);
  font-weight: 500;
  line-height: 1.4;
  margin-top: 5rem;
  margin-bottom: 0;
}

/* icn-top */
.icn-top {
  position: fixed;
  bottom: 0;
  right: 1.5%;
	max-width: 50px;
  width: 10%;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  margin: 0 0 25% 0;
  padding: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s cubic-bezier(0, 0.225, 0.62, 0.955);
  transition: 0.3s cubic-bezier(0, 0.225, 0.62, 0.955);
}
.icn-top a {
  padding: 0;
  border-bottom: none;
}
.icn-top.m--active {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* account-bnr フローティングバナー/footer [口座を開設する]
-------------------------------------------------------------- */
#account-bnr {
	width:100%;
	position: fixed;
	bottom: -120px;
	left: 0;
	background-color:rgba(0,0,0,0.25);
	padding:1.6% 0;
	z-index:100;
}
.account-bnr.m--hero {
  margin-top: 6vw;
}
.account-bnr.m--hero .account-bnr-cover {
  padding: 0;
}
.account-bnr__btn {
  position: relative;
  display: block;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0.3% 2vw 1%;
  border: 4px solid #fff;
  background: #de0025;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	text-decoration: none;
}
.account-bnr__btn:after {
  content: '→';
  position: absolute;
  top: 50%;
  right: 3vw;
  font-size: 53px;
  font-size: 5.3rem;
  font-weight: 500;
	color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.account-bnr__btn strong {
  display: block;
  font-size: 57px;
  font-size: 5.7rem;
  font-weight: 500;
	color: #ffffff;
}
.account-bnr__btn.m--active {
  -webkit-animation: scale_anim 1s 1.2s cubic-bezier(0.195, 0.55, 0.295, 1.53);
  animation: scale_anim 1s 1.2s cubic-bezier(0.195, 0.55, 0.295, 1.53);
}
.account-bnr__txt {
  display: block;
  font-size: 28.5px;
  font-size: 2.85rem;
  font-weight: 500;
  color: #fff;
}
.account-bnr-free {
  position: absolute;
  top: 50%;
  left: -9%;
  width: 15vw;
  height: 15vw;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
	    background: #fffc00;
}
.account-bnr-free span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  font-size: 37px;
  font-size: 3.7rem;
  font-weight: 700;
	color: #de0025;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.account-bnr-cover {
  padding: 25px 8vw;
}


/* 口座開設のお申込みの流れ */
.accountAppFlowArea {
	padding: 6% 4rem 6% !important;
}
.accountAppFlowArea .flow-title {
	padding-bottom: 7% !important;
	font-size: 5.0rem !important;
}
.accountAppFlowArea .flow-step .box02 {
	font-size: 39px !important;
	font-size: 3.9rem !important;
	font-weight: 700 !important;
}
.accountAppFlowArea .flow-step .is-cfd {
	display: block !important;
	width: 77.9%;
  margin: 15px 0 0 19%;
  text-indent: -1em;
  padding-left: 1em;
  font-size: min(24px, 3.6vw);
  letter-spacing: 0.02em;
}
.accountAppFlowArea .flow-step .box02 .is--pc {
	display: none !important;
}


/*  キャンペーンプレゼント01 訴求時
------------------------------------------------------------ */
.campaign_present01 {
	position: relative;
  display: block;
  width: 100%;
  padding: 10% 0 3% 0;
}
.campaign_present01 .innre01 {
	position: relative;
  width: 92%;
  margin: 0 auto 8%;
  padding: 6.6% 2% 2%;
  border-radius: 2.08333vw;
	background-color: rgba(230, 247, 255, 1.0);
}
.campaign_present01 .tag {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -3%;
	margin-right: 2%;
	background: url(../images/bg_tag_blue.svg) no-repeat left top;
	background-size: 100% auto;
}
.campaign_present01 .tag p {
	display: inline-block;
	font-size: clamp(13px,3.645833333vw,28px);
	padding: 2px 0.7rem 2px 4.3rem;
	color: #ffffff;
}
.campaign_present01 .ttl_campaign {
	margin-bottom: 5%;
	font-size: clamp(25px,8.59375vw,66px);
	font-weight: 700;
	text-align: center;
	color: #111111;
	line-height: 1.2;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
.campaign_present01 .ttl_campaign .ft01 {
	font-size: clamp(44px,11.45833333vw,88px);
}
.campaign_present01 .ttl_campaign .ft02 {
	font-size: clamp(25px,6.770833333vw,52px);
}
.campaign_present01 .ttl_campaign .highlight {
	position: relative;
	display: inline-block;
	z-index: 0;
	margin: 0 0.2%;
}
.campaign_present01 .ttl_campaign .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2.85vw solid #FFFF01;
	margin: 0 0 1% -1%;
	z-index: -1;
}
.campaign_present01 .fig {
	max-width: 615px;
	width: 91%;
	margin: 0 auto 3% auto;
}
.campaign_present01 .detail {
	max-width: 668px;
	width: 95%;
	margin: 0 auto 20px;
}
.campaign_present01 .detail .detail_ttl {
	margin-bottom: 5%;
	font-size: clamp(22px,5.859375vw,45px);
	font-weight: 700;
	line-height: 1.5;
	color: #3098CD;
}
.campaign_present01 .detail .detail_list {
	margin-bottom: 6%;
}
.campaign_present01 .detail .detail_list .item {
	font-size: clamp(14px,4.166666667vw,32px);
	font-weight: 500;
	color: #081D40;
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
}
.campaign_present01 .detail .detail_link {
	font-size: clamp(12px,3.645833333vw,28px);
	font-weight: 400;
	color: #333333;
}
.campaign_present01 .detail .detail_link a {
	color: #00A8BB;
	text-decoration: underline;
}
.campaign_present01 .txt_entry {
	width: 92%;
	margin: 0 auto;
	font-size: clamp(14px,4.166666667vw,32px);
	line-height: 1.8;
}
.campaign_present01 .txt_entry span {
	display: inline-block;
}

/*  キャンペーンプレゼント02 訴求時
------------------------------------------------------------ */
.campaign_present02 {
	position: relative;
  display: block;
  width: 100%;
  padding: 10% 0 3% 0;
}
.campaign_present02 .innre01 {
	position: relative;
  width: 92%;
  margin: 0 auto 8%;
  padding: 6.6% 2% 2%;
  border-radius: 2.08333vw;
  background-color: #FFF2F3;
}
.campaign_present02 .tag {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -3%;
	margin-right: 2%;
	background: url(../fonts/bg_tag_nk225m.svg) no-repeat left top;
	background-size: 100% auto;
}
.campaign_present02 .tag p {
	display: inline-block;
	font-size: clamp(13px,3.645833333vw,28px);
	padding: 2px 0.7rem 2px 4.3rem;
	color: #ffffff;
}
.campaign_present02 .ttl_campaign {
	margin-bottom: 3%;
	font-weight: 700;
	text-align: center;
	color: #400815;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.campaign_present02 .ttl_campaign .txt01 {
	position: relative;
	display: inline;
	line-height: 1.8;
	padding: 0 4.2% 0 5.2%;
	font-size: clamp(21px,5.897435897vw,36px);
}
.campaign_present02 .ttl_campaign .txt01:before,
.campaign_present02 .ttl_campaign .txt01:after {
	position: absolute;
	content: "";
	top: 0;
	max-width: 19px;
	max-height: 43px;
	width: 3.474vw;
	height: 6.6vw;
}
.campaign_present02 .ttl_campaign .txt01:before {
	left: 0;
	margin: 2.5% 0 auto auto;
	background-image: url(../fonts/icon_line_left.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.campaign_present02 .ttl_campaign .txt01:after {
	right: 0;
	margin: 2.5% auto auto 0;
	background-image: url(../fonts/icon_line_right.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.campaign_present02 .ttl_campaign .txt02 {
	line-height: 1.0;
	display: inline-block;
	font-size: clamp(14px,4.358974359vw,30px);
}
.campaign_present02 .ttl_campaign .txt03 {
	margin-top: 1.5%;
	line-height: 1.0;
	display: inline-block;
	vertical-align: middle;
	font-size: clamp(20px,6.41025641vw,50px);
}
.campaign_present02 .ttl_campaign .txt04 {
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	font-size: clamp(36px,11.28205128vw,88px);
}
.campaign_present02 .ttl_campaign .txt05 {
	display: block;
	line-height: 1.8;
	font-size: clamp(27px,8.461538462vw,66px);
}
.campaign_present02 .ttl_campaign .highlight {
	position: relative;
	display: inline-block;
	z-index: 0;
	margin: 0 0.2%;
}
.campaign_present02 .ttl_campaign .highlight:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 102%;
	height: 100%;
	border-bottom: 2.7vw solid #FFFF01;
	margin: 0 0 -2% -0.5%;
	z-index: -1;
}
.campaign_present02 .fig {
	margin: 0 auto;
	max-width: 492px;
	width: 73.5%;
	margin-bottom: 3%;
}
.campaign_present02 .detail {
	max-width: 668px;
	width: 95%;
	margin: 0 auto 20px;
}
.campaign_present02 .detail .detail_ttl {
	margin-bottom: 4%;
	font-size: clamp(22px,5.859375vw,45px);
	font-weight: 700;
	line-height: 1.5;
	color: #EF5766;
}
.campaign_present02 .detail .detail_ttl span {
	display: block;
}
.campaign_present02 .detail .detail_list {
	width: 100%;
	margin-bottom: 5%;
}
.campaign_present02 .detail .detail_list dl {
	display: flex;
	align-items: stretch;
	max-width: 643px;
	width: 100%;
}
.campaign_present02 .detail .detail_list dl dt {
	width: 23%;
	padding: 4% 0;
	font-size: clamp(12px,3.645833333vw,28px);
	color: #ffffff;
	text-align: center;
	background-color: #EF5766;
}
.campaign_present02 .detail .detail_list dl dd {
	width: 77%;
	padding: 4% 0;
	font-size: clamp(12px,3.645833333vw,28px);
	color: #400815;
	text-align: center;
	font-feature-settings: "palt";
	background-color: #ffffff;
}
.campaign_present02 .detail .detail_link {
	font-size: clamp(12px,3.645833333vw,28px);
	font-weight: 400;
	color: #563111;
}
.campaign_present02 .detail .detail_link a {
	color: #00A8BB;
	text-decoration: underline;
}
.campaign_present02 .txt_entry {
	width: 92%;
	margin: 0 auto;
	font-size: clamp(14px,4.166666667vw,32px);
	line-height: 1.8;
}
.campaign_present02 .txt_entry span {
	display: inline-block;
}

/* 訴求時 */
.cashBackArea .inner01 {
	position: relative;
	padding: 6.6% 2% 8%;
	border-radius: 2.08333vw;
	background: rgba(203,187,230,0.1);
}
.cashBackArea .tag {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -3%;
	margin-right: 2%;
	background: url(../fonts/bg_tag_purple.svg) no-repeat left top;
	background-size: 100% auto;
}
.cashBackArea .tag p {
	display: inline-block;
	font-size: clamp(13px,3.645833333vw,28px);
	padding: 2px 1.3rem 2px 4.3rem;
	color: #ffffff;
}

/* campaignBtn */
.campaignBtn {
  position: fixed;
  max-width: 768px;
  width: 100%;
  right: 0;
	left: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 100;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.3);
}
.campaignBtn p {
	padding: 2.5% 2.5%;
	margin-bottom:0;
}
.campaignBtn p a {
  display: block;
  width: 100%;
	padding: 0;
	border: none;
}
.campaignBtn picture {
	margin: 0;
	padding: 0;
}
.campaignBtn p img {
  width: 100%;
  height: auto;
	vertical-align: top;
}

/* キャンペーン訴求時はページトップ戻るボタン 非表示対応(差替える場合) */
.icn-top {
  /* display: none; */
}
/* 追従バナー非表示対応 */
#account-bnr {
	/* display: none !important; */
}
/* footerのbtnの余白 */
footer {
  /* padding: 5rem 2rem 32%; */
}

/* キャンペーン訴求時の追従ボタン */
.campaignpresentBtn {
	position: fixed;
	bottom: 0;
	left: 0;
	max-width: 577px;
	width: 34%;
	margin: 0;
	z-index: 101;
}



/* 無料口座開設ボタン[光] */
.accountBtn {
  width: 100%;
  margin: 0 auto 0;
  text-align: center;
  padding: 5vw 0;
  background-color: #de0025;
}
.accountBtn .link-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  display: block;
  width: 90%;
  line-height: 1.3;
  border-radius: 50px;
  overflow: hidden;
  background: #de0025;
 transition: all 0.5s;
}
.accountBtn .link-btn:active {
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
.accountBtn .link-btn:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-image: linear-gradient( 130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 55%);
  animation: shine 5s infinite;
}
@keyframes shine {
  33% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.accountBtn .link-btn a {
  position: relative;
  display:  block;
  font-size: clamp(14px,3.846153846vw,28px);
  font-weight: 700;
  margin: 0 auto;
  padding: 2.8vw 0;
  color: #fff;
  border: 2px solid #fff;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  line-height: 1.3;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.accountBtn .link-btn a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 2.5% auto auto;
  max-width: 30px;
  max-height: 30px;
  min-width: 18px;
  min-height: 18px;
  width: 3.91vw;
  height: 3.91vw;
  background-image: url(../fonts/icn_accountbtn_arr.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right center;
}
/* FV用 */
.btn-area-block.-fvaccountBtn .accountBtn {
  padding: 0px 0 30px;
  background-color: #ffffff;
}
.btn-area-block.-fvaccountBtn .accountBtn .link-btn {
  width: 100%;
}
.btn-area-block.-fvaccountBtn .accountBtn .link-btn a {
  padding: 10px 0;
  border: 2px solid #de0025;
}