@charset "EUC-JP";

/*//////////////////////////////////////////////////////////////////

    NAME: point-investment.css
    DATE: 2021/11/29

//////////////////////////////////////////////////////////////////*/

/* utility */
[class*=pcm-point-investment] {
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  color:#333;
  list-style:none;
  box-sizing:border-box;
}
span[class^="rex-icon-"] {
  vertical-align:text-bottom;
}
.pcm-point-investment--is-dp-flex {
  display:-webkit-box;
  display:flex;
}
.pcm-point-investment--is-dp-flex.pcm-point-investment--is-aln-itm-fs {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.pcm-point-investment--is-w-100 {width:100%;}
.pcm-point-investment--is-mh-48 {min-height:48px;}
.pcm-point-investment--is-mh-64 {min-height:64px;}
.pcm-point-investment--is-aln-left {text-align:left!important;}
.pcm-point-investment--is-aln-center {text-align:center!important;}
.pcm-point-investment--is-aln-right {text-align:right!important;}
.pcm-point-investment--is-mb-8 {margin-bottom:8px!important;}
.pcm-point-investment--is-mb-16 {margin-bottom:16px!important;}
.pcm-point-investment--is-mb-24 {margin-bottom:24px!important;}
.pcm-point-investment--is-mr-8 {margin-right:8px!important;}
.pcm-point-investment--is-ml-8 {margin-left:8px!important;}
.pcm-point-investment--is-ml-4 {margin-left:4px!important;}

/* foundation */
.pcm-point-investment img {
  max-width:100%;
  height:auto;
}
.pcm-point-investment a,.pcm-point-investment a * {
  /* color:#0556b3!important;
  text-decoration:none!important; */
}
.pcm-point-investment a:hover{color:#004594}
.pcm-point-investment a:focus-visible{outline:auto;outline-color:#006be6}
.pcm-point-investment p,h1,h2,h3,ul,li,ol {
  padding:0;
  margin:0;
}
.pcm-point-investment p,.pcm-point-investment li {
  font-size:14px;
  line-height:1.5;
}
.pcm-point-investment p + p {
  margin-top:1em;
}
.pcm-point-investment-hdg-lv2 {
  margin:16px 0 8px;
  font-size:20px!important;
  font-weight:bold;
  line-height:30px!important;
}
.pcm-point-investment-hdg-lv3 {
  margin:0;
  font-size:18px!important;
  font-weight:bold;
  line-height:24px!important;
}
.pcm-point-investment-typo--small {font-size:12px;}
.pcm-point-investment-typo--large {font-size:16px;}
.pcm-point-investment--is-clr-font-logo {color:#bf0000!important}

/* component */
/* component: grid */
.pcm-point-investment-lyt-grid {
  display:-webkit-box;
  display:flex;
  -webkit-box-flex:1;
  flex:1 1 auto;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  flex-direction:row;
  flex-wrap:wrap;
  margin:0 -8px -16px;
}
.pcm-point-investment-lyt-grid div[class^="pcm-point-investment-lyt-grid__column"]{
  -webkit-box-flex:0;
  flex:0 0 auto;
  padding:0 8px;
  margin-bottom:16px;
  width:100%;
}
.pcm-point-investment-lyt-grid__column--6 {
  flex-basis:50%;
  max-width:50%;
}
.pcm-point-investment-lyt-grid__column--4 {
  flex-basis:33.33333%;
  max-width:33.33333%;
}
.pcm-point-investment-lyt-grid__column--3 {
  flex-basis:25%;
  max-width:25%;
}
/* component: list */
.pcm-point-investment-lst-note__block {
  padding-left:18px;
  text-indent:-18px;
}
.pcm-point-investment-lst-note__block[data-mark]::before {
  content:attr(data-mark);
  margin-right:4px;
}
/* component: btn */
.pcm-point-investment a.pcm-point-investment-btn {
  display:inline-flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  padding:11px 15px;
  width:100%;
  min-height:40px;
  font-size:14px;
  font-weight:bold;
  color:initial!important;
  text-decoration:none!important;
  border-radius:4px;
  cursor:pointer;
}
.pcm-point-investment-btn--w360 {
  margin:auto;
  max-width:360px;
}
.pcm-point-investment-btn--w480 {
  margin:auto;
  max-width:480px;
}
.pcm-point-investment a.pcm-point-investment-btn__normal {
  color:#053ace!important;
  background-color:#fff;
  border:1px solid #053ace;
  border-radius:4px;
  box-shadow:0px 2px 0px #001D6D;

}
.pcm-point-investment a.pcm-point-investment-btn__primary {
  color:#fff!important;
  background-color:#053ace;
  border:1px solid #053ace;
  border-radius:4px;
  box-shadow:0px 2px 0px #001D6D;
}
.pcm-point-investment a.pcm-point-investment-btn__2nd-conversion {
  color:#BF0000!important;
  background-color:#fff;
  border:1px solid #BF0000;
  border-radius:4px;
  box-shadow:0px 2px 0px #590000;

}
.pcm-point-investment a.pcm-point-investment-btn__conversion {
  color:#fff!important;
  background:#BF0000;
  border:1px solid #8C0000;
  box-shadow:0px 2px 0px #590000;
}
a[class^="pcm-point-investment-btn"]:hover {
  text-decoration:none;
}
a[class^="pcm-point-investment-btn"]:active {
  box-shadow:none;
  transform:translateY(2px);
}
a.pcm-point-investment-btn__normal:hover{
  border-color:#2b61fa;
  color:#2b61fa!important;
}
a.pcm-point-investment-btn__primary:hover {
  background-color:#2b61fa;
}
a.pcm-point-investment-btn__2nd-conversion:hover{
  border-color:#e80000;
  color:#e80000!important;
}
a.pcm-point-investment-btn__conversion:hover {
  background-color: #8c0000;
}
a.pcm-point-investment-btn__conversion:active {
  background-color: #6d0000;
}
a.pcm-point-investment-btn__conversion:focus-visible {
  outline: 2px auto #006be6;
  outline-offset: 1px;
}

/* component: pannel */
.pcm-point-investment-pannel__gray {
  padding:12px;
  background:#F7F7F7;
  border-radius:4px;
}
/* component: movie */
.pcm-point-investment-movie {
  position:relative;
  display:block;
  max-width:100%;
}
.pcm-point-investment-youtube {
  padding-top: 56.25%;
}
.pcm-point-investment-youtube iframe{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* component: step */
.pcm-point-investment-steps {
  display:block;
  margin-top:24px;
}
.pcm-point-investment-steps:first-child {
  margin-top:0;
}
.pcm-point-investment-steps__step {
  position:relative;
  display:flex;
  padding-bottom:20px;
}
.pcm-point-investment-steps__step:first-child {padding-top:0;}
.pcm-point-investment-steps__step:last-child {padding-bottom:40px;}
.pcm-point-investment-steps__step::before {
  content:'';
  display:block;
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:2px;
  height:100%;
  margin:0 11px;
  background-color:#bf0000;
}
.pcm-point-investment-steps__indicator {
  flex-shrink:0;
  display:inline-block;
  position:relative;
  width:24px;
  height:24px;
  text-align:center;
  background-color:#fff;
  border:6px solid #bf0000;
  border-radius:50%;
  z-index:400;
}
.pcm-point-investment-steps__contents {
  -webkit-box-flex:1;
  flex:1;
  position:relative;
  padding-left:16px;
}
.pcm-point-investment-steps__title {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:end;
  align-items:flex-end;
  min-height:24px;
  -webkit-box-flex:1;
  flex:1;
  font-size:16px;
  font-weight:bold;
  line-height:1.5;
  color:#333;
}
.pcm-point-investment-steps__body {
  margin-top:16px;
  position:relative;
  padding:16px;
  border:1px solid #D1D1D1;
  border-radius:4px;
}
.pcm-point-investment-steps__body::before {
  content:"";
  position:absolute;
  top:-9px;
  left:16px;
  border-style:solid;
  border-width:0 6px 9px 6px;
  border-color:transparent transparent #fff transparent;
  border-radius:1px;
  z-index:2;
}
.pcm-point-investment-steps__body::after {
  content:"";
  position:absolute;
  top:-11px;
  left:15px;
  border-style:solid;
  border-width:0 7px 11px 7px;
  border-color:transparent transparent #d1d1d1 transparent;
  border-radius:1px;
  z-index:1;
}
/* component: tab */
.pcm-point-investment-tab {
  margin:40px 0;
}
.pcm-point-investment-tab__controls {
  display:-webkit-flex;
  display:flex;
  -webkit-align-content:stretch;
  align-content:stretch;
  margin-bottom:40px;
	border-bottom: 1px solid rgb(191, 0, 0);
}

.pcm-point-investment-tab .tab__button {
  display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	min-height: 39px;
	margin-right: 8px;
	padding: 3px 12px;
	border: 1px solid #d1d1d1;
	border-radius: 4px 4px 0 0;
	background: none;
	background-color: rgb(246, 246, 248);
	border-bottom: none;
	color: rgb( 51, 51, 51 ) !important;
	font-size: 13px;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", "Meiryo", "sans-serif";
	text-decoration: none;
	line-height: 1.5;
}

.pcm-point-investment-tab .tab__button.tab__button--is-active {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(191, 0, 0);
	border-bottom: none;
  color:rgb(191, 0, 0) !important;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", "Meiryo", "sans-serif";
	font-weight: 700;
}

.pcm-point-investment-tab .tab__button:not(.tab__button--is-active):hover {
  border-color: #b6b6b6;
  background-color: #ebecef;
}

.pcm-point-investment-tab .tab__button:not(.tab__button--is-active):active {
  background-color: rgb( 255, 255, 255 );
	border: 1px solid rgb(191, 0, 0);
	border-bottom: none;
	color: rgb(191, 0, 0) !important;
	font-weight: bold;
}

.pcm-point-investment-tab .tab__button:not(.tab__button--is-active):focus-visible {
	background-color: #fafbff;
	outline: 2px auto #006be6;
}

.pcm-point-investment-tab .tab__block {
  display:none;
  transition:all 0.2s ease 0s;
}
.pcm-point-investment-tab .tab__block.tab__block--is-active {
  display:block;
}
.pcm-point-investment-tab__anchor {
  margin-top: -79px;
  padding-top: 79px;
}