@charset "UTF-8";

/************************************************
Base Layout
************************************************/
body.platinumPortal {
	position: relative;
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont,Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', sans-serif;
}

#platinumMainArea {
	background-color: #000;
}

.platinumPortal .wrap {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.platinumPortal a {
	color: #fff;
	text-decoration: none;
}

.platinumPortal .iconBlank img {
	margin-top: 2px;
}

@media screen and (max-width: 640px) {
	body.platinumPortal {
		padding-top: 55px;
	}
}

/************************************************
header
************************************************/
#platinumHeaderArea {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 9999999;
}

#platinumHeaderArea .wrap {
	position: relative;
	padding-top: 21px;
	padding-bottom: 20px;
}

#platinumHeaderArea .headerLogo {
	line-height: 1;
	text-align: center;
}

#platinumHeaderArea .headerLogo a {
	display: inline-block;
}

#platinumHeaderArea .headerLogo img {
	width: 135px;
}

#platinumHeaderArea .headerLinkList {
	display: none;
}

@media screen and (max-width: 640px) {
	#platinumHeaderArea {
		height: 55px;
	}

	#platinumHeaderArea .menuBtn {
		position: absolute;
		top: 50%;
		right: 15px;
		width: 24px;
		height: 23px;
		transform: translateY(-50%);
	}

	#platinumHeaderArea .menuBtn::before,
	#platinumHeaderArea .menuBtn::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #fff;
		transition: background-color .15s;
	}

	#platinumHeaderArea .menuBtn::before {
		top: 5px;
	}

	#platinumHeaderArea .menuBtn::after {
		bottom: 5px;
	}

	.-menuOpen #platinumHeaderArea .menuBtn::before,
	.-menuOpen #platinumHeaderArea .menuBtn::after {
		background-color: transparent;
	}

	#platinumHeaderArea .menuBtnInner {
		position: relative;
		display: block;
		width: 24px;
		height: 23px;
	}

	#platinumHeaderArea .menuBtnInner::before,
	#platinumHeaderArea .menuBtnInner::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #fff;
		transform: translateY(-50%);
		transition: transform .15s;
	}

	.-menuOpen #platinumHeaderArea .menuBtnInner::before {
		transform: rotate(45deg) translateY(-50%);
	}

	.-menuOpen #platinumHeaderArea .menuBtnInner::after {
		transform: rotate(-45deg) translateY(-50%);
	}
}

/************************************************
footer
************************************************/
#pageTopArea{position:fixed;width:56px;height:56px;bottom:25px;right:4.687%;z-index:5;opacity:0;visibility:hidden;transition:opacity .25s ease-in,visibility .25s ease-in}
#pageTopArea.is-release{opacity:1;visibility:visible}
#pageTopArea.fixedNavPage{bottom:70px}
#pageTopArea .pageTopBtn .btn{display:block;width:56px;height:56px;font-size:0;border-radius:50%;background-color:#000;border:1px solid #666;box-shadow:0 2px 4px 0 rgba(0,0,0,.4);position:absolute;bottom:0}
#pageTopArea .pageTopBtn .btn:before{content:'';display:block;width:12px;height:12px;margin:-2px 0 0 -6px;border-top:1px solid #989898;border-right:1px solid #989898;position:absolute;top:50%;left:50%;transition:transform .25s ease-in,margin .25s ease-in;transform:rotate(-45deg)}

#platinumFooterArea {
	background: linear-gradient(to bottom, #272727 0%,#000000 180px);
}

#platinumFooterArea .footerLinkBlock {
	padding-top: 60px;
	padding-bottom: 90px;
}

#platinumFooterArea .footerLogo {
	padding-bottom: 27px;
	line-height: 1;
}

#platinumFooterArea .footerLogo a {
	display: inline-block;
}

#platinumFooterArea .footerLogo img {
	width: 116px;
}

#platinumFooterArea .footerCopyBlock {
	background-color: #fff;
	color: #000;
}

#platinumFooterArea .footerCopyBlock .wrap {
	position: relative;
}

#platinumFooterArea .footerCopyBlock a {
	color: #000;
}

#platinumFooterArea .footerCopyBlock .copy {
	font-size: 0.7143rem;
	text-align: center;
}

#platinumFooterArea .pmark {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
}

@media screen and (max-width: 640px) {
	#platinumFooterArea .wrap {
		padding-left: 0;
		padding-right: 0;
	}

	#platinumFooterArea .footerLogo {
		padding-left: 15px;
		padding-right: 15px;
	}

	#platinumFooterArea .footerCopyBlock .wrapInner {
		padding-top: 28px;
	}

	#platinumFooterArea .footerCopyLinkList {
		height: 119px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#platinumFooterArea .footerCopyLinkList .item + .item {
		margin-top: 14px;
	}

	#platinumFooterArea .footerCopyBlock .copy {
		padding: 23px 5px;
		border-top: 1px solid #ddd;
	}

	#platinumFooterArea .pmark {
		top: 64px;
		right: 15px;
	}
}

/* header footer link */
.menuOverlay{overflow:auto;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s,transform 0 .3s;transform:scale(0);cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.-menuOpen .menuWrap .menuOverlay{opacity:1;transform:scale(1);transition:opacity .5s}

.platinumPortal .linkBlock .category {
	font-size: 1.1429rem;
	font-weight: bold;
}

.platinumPortal .linkBlock .colItem {
	margin-left: 0;
	border: none;
	text-align: left;
}

.platinumPortal .categoryListList .item {
	position: relative;
	padding-left: 12px;
}

.platinumPortal .categoryListList .item::before {
	content: '';
	display: block;
	position: absolute;
	top: .5em;
	left: 0;
	width: 3px;
	height: 1px;
	background-color: #fff;
}

@media screen and (max-width: 640px) {
	.platinumPortal .menuContent {
		margin-top: 55px;
		background: linear-gradient(to bottom, #272727 0%,#000000 180px);
	}

	.platinumPortal .linkBlock .colItem {
		border-top: 1px solid #4e4e4e;
	}

	.platinumPortal .linkBlock .colItem.-last {
		border-bottom: 1px solid #4e4e4e;
	}

	.platinumPortal .linkBlock a {
		display: block;
	}

	.platinumPortal .linkBlock .category a {
		position: relative;
		padding: 16px 15px;
	}

	.platinumPortal .linkBlock .category .ico-open {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 14px;
		width: 14px;
		height: 14px;
		transform: translateY(-50%);
	}

	.platinumPortal .linkBlock .category .ico-open::before,
	.platinumPortal .linkBlock .category .ico-open::after {
		content: '';
		display: block;
		position: absolute;
		background-color: #fff;
	}

	.platinumPortal .linkBlock .category .ico-open::before {
		top: 50%;
		left: 0;
		width: 14px;
		height: 1px;
		transform: translateY(-50%);
	}

	.platinumPortal .linkBlock .category .ico-open::after {
		top: 0;
		left: 50%;
		width: 1px;
		height: 100%;
		opacity: 1;
		transition: opacity .2s;
		transform: translateX(-50%);
	}

	.platinumPortal .linkBlock .-open .category .ico-open::after {
		opacity: 0;
	}

	.platinumPortal .linkBlock .category-sp {
		margin-bottom: 4px;
		padding: 0 15px;
		font-weight: bold;
	}

	.platinumPortal .linkBlock .category-sp a {
		padding-bottom: 7px;
	}

	.platinumPortal .linkBlock .categoryList dd {
		display: none;
	}

	.platinumPortal .categoryListList .item {
		margin-left: 15px;
		margin-right: 15px;
	}

	.platinumPortal .categoryListList .item::before {
		margin-top: 8px;
	}

	.platinumPortal .categoryListList .item a {
		padding: 6px 0;
	}

	.platinumPortal .categoryListList .item + .item {
		margin-top: 3px;
	}

	.platinumPortal .categoryListList .item:last-child {
		padding-bottom: 16px;
	}
}

/************************************************
Parts
************************************************/
.platinumPortal .linkMore {
	display: inline-block;
	width: 100px;
	font-size: 0.8572rem;
	text-align: left;
}

.platinumPortal .linkMore .inner {
	position: relative;
	display: inline-block;
	width: 100px;
	padding-bottom: 5px;
}

.platinumPortal .linkMore .inner::before,
.platinumPortal .linkMore .inner::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.platinumPortal .linkMore .inner::after {
	right: 1px;
	bottom: -1px;
	height: 7px;
	width: 1px;
	transform: rotate(-50deg);
}

.platinumPortal [class*="labelType"] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.platinumPortal [class*="labelType"] .labelInner {
	font-size: 10px;
	line-height: 1.1;
	text-align: center;
}

.platinumPortal .labelType01 {
	background-color: #fff;
}

.platinumPortal .labelType01.labelBorder {
	border: solid 1px #000;
}

.platinumPortal .labelType01 .labelInner {
	color: #000;
}

.platinumPortal .redBox01 {
	border: 1px solid #E60000;
	padding: 10px;
}

/************************************************
carousel
************************************************/
.platinumPortal .carouselList {
	display: none;
}

.platinumPortal .carouselList.slick-initialized {
	display: block;
}

.platinumPortal .carouselItem {
	position: relative;
	display: block !important;
}

.platinumPortal .carouselItem [class*="labelType"] {
	position: absolute;
	top: 7px;
	left: 15px;
	z-index: 100;
}

.platinumPortal .slick-dots {
	bottom: -44px;
}

.platinumPortal .slick-dots li button:before {
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	background-color: #000;
}

.platinumPortal .slick-dots li.slick-active button:before {
	background-color: #fff;
}

@media screen and (max-width: 640px) {
	.platinumPortal .carouselItem {
		width: 130px !important;
		padding-left: 8px;
	}

	.platinumPortal .carouselItem .cardTxt {
		margin-top: 8px;
	}

	.platinumPortal .carouselItem .cardTxt .txt1 {
		font-size: 0.8572rem;
	}


	.platinumPortal .carouselItem .more {
		display: none;
	}
}

/************************************************
modal
************************************************/

.platinumPortal .mainText {
	color: #000;
}

body.platinumPortal .modalWrap {
  color: #000;
}

body.platinumPortal .modalContent {
  width: calc(100% - 30px);
  max-width: 820px;
  margin: 0 auto;
  border-radius: 0;
}

body.platinumPortal .modalContentInner .mainText {
  margin-bottom: 30px;
  font-size: 18px;
}

body.platinumPortal .modalContentInner .mainText2 {
  margin-bottom: 28px;
  font-size: 11px;
}

body.platinumPortal .modalFooter .btn03 {
  position: relative;
  max-width: 140px;
  border: solid 1px #000;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

body.platinumPortal .modalFooter .btn03::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.modalFooter .btn03:hover{
  text-decoration: underline;
}

/************************************************
modal
************************************************/

body.platinumPortal .modalWrap {
  color: #000;
}

body.platinumPortal .modalContent {
  width: calc(100% - 30px);
  max-width: 820px;
  margin: 0 auto;
  border-radius: 0;
}

body.platinumPortal .modalContentInner .mainText {
  margin-bottom: 30px;
  font-size: 18px;
}

body.platinumPortal .modalContentInner .mainText2 {
  margin-bottom: 28px;
  font-size: 11px;
}

body.platinumPortal .modalFooter .btn03 {
  position: relative;
  max-width: 140px;
  border: solid 1px #000;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

body.platinumPortal .modalFooter .btn03::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

body.platinumPortal.isFixed {
  position: fixed;
}

/************************************************
Category TOP Parts
************************************************/

.platinumPortal_categoryTop .categoryWrapper {
  background: url(/platinum/img/common/bg_cmn_category_01.png) no-repeat center top/contain;
}

.platinumPortal_categoryTop .heroBlock {
  padding: 40px 0 30px;
}

.platinumPortal_categoryTop .heroBlock .ttl {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.platinumPortal_categoryTop .heroBlock .ttl strong {
  font-size: 26px;
}

.platinumPortal_categoryTop .ttlHeading02 {
  margin-bottom: 16px;
}

.platinumPortal_categoryTop .ttlHeading02 .ttl {
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_categoryTop .sectionBlock {
  padding: 0 15px;
}

.platinumPortal_categoryTop .sectionBlock + .sectionBlock {
  margin-top: 40px;
}

.platinumPortal_categoryTop .sectionBlock.bgGray01 {
  padding: 32px 15px 40px;
  background-image: linear-gradient(to bottom, #626262 0%, #000000 440px);
}

.platinumPortal_categoryTop .layoutCol03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.platinumPortal_categoryTop .layoutCol03 .item {
  width: 100%;
}

@media screen and (max-width: 640px) {
	.platinumPortal_categoryTop .layoutCol03 .item + .item {
		margin-top: 12px;
	}
}

.platinumPortal_categoryTop .layoutCol03 .item:nth-of-type(n + 4) {
  margin-top: 12px;
}

.platinumPortal_categoryTop .layoutCol05 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.platinumPortal_categoryTop .layoutCol05 .item {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .platinumPortal_categoryTop .layoutCol05.spCol02 .item {
    width: calc((100% - 3px) / 2);
  }
}

@media screen and (max-width: 640px) {
  .platinumPortal_categoryTop .layoutCol05.spCol02 .item:nth-of-type(n + 3) {
    margin-top: 3px;
  }
}

.platinumPortal_categoryTop .cardLink {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.platinumPortal_categoryTop .cardLink a {
  display: block;
}

.platinumPortal_categoryTop .cardLink a .img {
  transition: -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
  transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
}

.platinumPortal_categoryTop .cardLink a .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 111px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.4);
}

.platinumPortal_categoryTop .cardLink a .inner .ttl {
  font-size: 20px;
  font-weight: bold;
}

.platinumPortal_categoryTop .cardLink a .inner .ttl > i {
  font-size: 10px;
  vertical-align: top;
}

.platinumPortal_categoryTop .cardLink a .inner .txt {
  margin-top: 5px;
  font-size: 14px;
}

.platinumPortal_categoryTop .imgLink {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.platinumPortal_categoryTop .imgLink a {
  display: block;
}

.platinumPortal_categoryTop .imgLink a .img {
  transition: -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
  transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
}

.platinumPortal_categoryTop .imgLink a .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 15px;
}

.platinumPortal_categoryTop .imgLink a .inner .ttl {
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_categoryTop .icoBlank {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 0 5px 10px;
  background: url(/platinum/img/common/ico_cmn_blank.svg) no-repeat center center/contain;
}

/************************************************
Article Parts
************************************************/

.platinumPortal_article .articleWrapper .heroBlock {
  position: relative;
  width: 100%;
}
.platinumPortal_article .articleWrapper .heroBlock .heroImage {
  text-align: center;
}
.platinumPortal_article .articleWrapper .heroBlock .heroBlockInner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  padding: 25px 25px 15px;
  background-color: rgba(0, 0, 0, 0.4);
}
.platinumPortal_article .articleWrapper .heroBlock .heroBlockInner > .ttl {
  font-size: 26px;
  font-weight: bold;
}
.platinumPortal_article .articleWrapper .heroBlock .heroBlockInner > .ttl > span {
  font-size: 23px;
}
.platinumPortal_article .articleWrapper .featureHeroBlock {
  padding-top: 40px;
  background: url(/platinum/feature/common/img/bg_feature_hero.png) no-repeat center top/contain;
}
.platinumPortal_article .articleWrapper .featureHeroBlock .featureHeroHeading {
  margin-bottom: 40px;
  padding: 0 25px;
}
.platinumPortal_article .articleWrapper .featureHeroBlock .featureHeroHeading .featureHeroTitle {
  font-size: 26px;
  font-weight: bold;
}
.platinumPortal_article .articleWrapper .featureHeroBlock .featureHeroImg {
  margin-bottom: 40px;
  margin-left: 15px;
}
.platinumPortal_article .articleWrapper .featureHeroBlock .featureHeroTxt {
  padding: 0 15px;
}
.platinumPortal_article .articleWrapper .aboutBlock {
  padding: 40px 15px 0;
}
.platinumPortal_article .articleWrapper .aboutBlock .leadArea > .ttlWrap > .ttl {
  font-size: 20px;
  font-weight: bold;
}
.platinumPortal_article .articleWrapper .aboutBlock .leadArea > .txtWrap {
  margin-top: 20px;
}
.platinumPortal_article .articleWrapper .aboutBlock .leadArea > .txtWrap .note {
  padding-left: 1em;
  font-size: 14px;
  text-indent: -1em;
}
.platinumPortal_article .articleWrapper .aboutBlock .btnArea {
  margin-top: 30px;
}
.platinumPortal_article .articleWrapper .aboutBlock .btnArea .btn > .anchor {
  display: block;
  position: relative;
  width: 100%;
  padding: 14px 28px;
  background-color: #fff;
  border: solid 1px #fff;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s ease-in, color 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .aboutBlock .btnArea .btn > .anchor::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  transition: border-top 0.25s ease-in, border-right 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .sectionBlock:not(:first-child) {
  padding-bottom: 80px;
}
.platinumPortal_article .articleWrapper .sectionBlock:first-of-type {
  margin-top: 80px;
}
.platinumPortal_article .articleWrapper .sectionBlock .sectionBlockInner {
  padding: 0 15px;
}
.platinumPortal_article .articleWrapper .sectionBlock .sectionBlockInner.small {
  max-width: 820px;
}
.platinumPortal_article .articleWrapper .sectionBlock.bgImg02 {
  padding-top: 60px;
  background: url(/platinum/img/common/bg_cmn_article_02_sm.jpg) no-repeat center top/contain;
}
.platinumPortal_article .articleWrapper .sectionBlock.bgImg02.pt {
  padding-top: 80px;
}
.platinumPortal_article .articleWrapper .smallBlock {
  max-width: 820px;
  margin: 0 auto;
}
.platinumPortal_article .articleWrapper .pageNav.feature {
  margin: 50px 15px;
}
.platinumPortal_article .articleWrapper .pageNav>.list {
  display: flex;
  flex-wrap: wrap;
}
.platinumPortal_article .articleWrapper .pageNav > .list > .item {
  width: 50%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .platinumPortal_article .articleWrapper .pageNav > .list > .item:nth-of-type(2n) {
    border-left: solid 1px #000;
  }
}
.platinumPortal_article .articleWrapper .pageNav > .list > .item > .anchor {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 75px;
  padding: 12px 14px 20px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.25s ease-in;
  font-size: 14px;
  z-index: 2;
  background: #3a3a3a;
  background: linear-gradient(180deg, #3a3a3a 0%, #161616 100%);
}
.platinumPortal_article .articleWrapper .pageNav > .list > .item > .anchor::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: translate(-50%, 0) rotate(135deg);
  transform: translate(-50%, 0) rotate(135deg);
}
.platinumPortal_article .articleWrapper .pageNav > .list > .item > .anchor:hover {
  opacity: 0.9;
}
.platinumPortal_article .articleWrapper .tocWrap {
  padding: 30px 15px;
  border: solid 1px #fff;
}
.platinumPortal_article .articleWrapper .tocWrap .tocTtl {
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.platinumPortal_article .articleWrapper .tocWrap .tocBody .tocList .tocItem {
  border-bottom: solid 1px #fff;
}
.platinumPortal_article .articleWrapper .tocWrap .tocBody .tocList .tocItem .anchor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 12px 6px;
}
.platinumPortal_article .articleWrapper .tocWrap .tocBody .tocList .tocItem .anchor span {
  display: block;
  width: calc(100% - 30px);
  text-align: left;
}
.platinumPortal_article .articleWrapper .tocWrap .tocBody .tocList .tocItem .anchor i {
  display: flex;
  align-items: center;
}
.platinumPortal_article .articleWrapper .bgImg01 {
  margin-top: 80px;
  padding: 40px 0 0;
  background: url(/platinum/img/common/bg_cmn_article_01_sm.jpg) no-repeat center top/contain;
}
.platinumPortal_article .articleWrapper .ttlHead02A {
  margin-bottom: 40px;
  text-align: center;
}
.platinumPortal_article .articleWrapper .ttlHead02A > .ttlJa {
  display: inline-block;
  margin-bottom: 8px;
  padding: 0 26px 4px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: solid 1px #fff;
}
.platinumPortal_article .articleWrapper .ttlHead02A > .ttlEn {
  font-size: 14px;
}
.platinumPortal_article .articleWrapper .ttlHead02C {
  margin-bottom: 40px;
  text-align: center;
}
.platinumPortal_article .articleWrapper .ttlHead02C > .ttlJa {
  display: inline-block;
  margin-top: 8px;
  padding: 8px 26px 0;
  font-size: 20px;
  font-weight: bold;
  border-top: solid 1px #fff;
}

.platinumPortal_article .articleWrapper .ttlHead02C > .ttlEn {
  font-size: 14px;
}

.platinumPortal_article .articleWrapper .ttlHead02B {
  margin-bottom: 25px;
}
.platinumPortal_feature .platinumPortal_article .articleWrapper .ttlHead02B {
  margin-bottom: 20px;
}

.platinumPortal_article .articleWrapper .ttlHead02B.feature {
  margin-top: 80px;
}

.platinumPortal_article .articleWrapper .ttlHead02B > .ttl {
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .ttlHead02D {
  margin-bottom: 40px;
  text-align: center;
}

.platinumPortal_article .articleWrapper .ttlHead02D > .ttl {
  color: #b1962c;
  font-size: 20px;
  font-weight: bold;
}
.platinumPortal_article .articleWrapper .ttlSub02 {
  margin-bottom: 20px;
  text-align: center;
}

.platinumPortal_article .articleWrapper .ttlSub02 > p {
  font-size: 20px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .ttlHead03 {
  margin: 60px 0 30px;
}

.platinumPortal_article .articleWrapper .ttlHead03 > .ttl {
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .ttlHead03 {
  margin: 60px 0 30px;
}

.platinumPortal_article .articleWrapper .ttlHead03 > .ttl {
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .ttlHead04 > .ttl .ttlBtmR {
  font-size: 12px;
}

.platinumPortal_article .articleWrapper .layoutColA2 > *:not(:first-child) {
  margin-top: 60px;
}
.platinumPortal_article .articleWrapper .layoutColA2.col4>*:not(:first-child) {
  margin-top: 12px;
}
.platinumPortal_article .articleWrapper .layoutColA2 .ttlHead03 {
  margin: 0 0 30px;
}

.platinumPortal_article .articleWrapper .layoutColA3 > *:not(:first-child) {
  margin-top: 60px;
}


.platinumPortal_article .articleWrapper .layoutColC2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.platinumPortal_article .articleWrapper .layoutColC2 > * {
  width: calc(50% - 6px);
}
.platinumPortal_article .articleWrapper .layoutColD2 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #333;
}

.platinumPortal_article .articleWrapper .layoutColD2:last-child {
  margin-bottom: 0;
}
.platinumPortal_article .articleWrapper .layoutColD2 .ttlHead03 {
  margin: 0;
}

.platinumPortal_article .articleWrapper .layoutColD2 .linkWrap + .linkWrap {
  margin-top: 20px;
}
.platinumPortal_article .articleWrapper .cardList > .txtWrap > .ttl {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .captionTxt > dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .supportArea {
  margin: 40px 0 60px;
}

.platinumPortal_article .articleWrapper .supportArea > .ttl {
  width: 100%;
  padding: 15px 30px 10px 30px;
  background: #4d4d4d;
  background: linear-gradient(90deg, #4d4d4d 0%, #a0a0a0 50%, #4d4d4d 100%);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.platinumPortal_article .articleWrapper .supportArea > .ttl span {
  font-size: 10px;
}

.platinumPortal_article .articleWrapper .supportArea > .contents {
  padding: 30px 15px;
  background-color: #fff;
  color: #000;
}

.platinumPortal_article .articleWrapper .supportArea > .contents > .telNum {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.platinumPortal_article .articleWrapper .supportArea > .contents > .telNum a {
  color: #000;
}
.platinumPortal_article .articleWrapper .supportArea > .contents > .reception {
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}
.platinumPortal_article .articleWrapper .supportArea > .contents > .reception:last-child {
  margin-bottom: 0;
}
.platinumPortal_article .articleWrapper .supportArea a {
  color: #000;
}
.platinumPortal_article .articleWrapper .supportArea .linkWrap > a,
.platinumPortal_article .articleWrapper .supportArea .linkWrap > button {
  color: #000;
}
.platinumPortal_article .articleWrapper .supportArea .linkWrap > a > span,
.platinumPortal_article .articleWrapper .supportArea .linkWrap > button > span {
  background-color: #000;
}
.platinumPortal_article .articleWrapper .supportArea .linkWrap > a > span::before,
.platinumPortal_article .articleWrapper .supportArea .linkWrap > button > span::before {
  border-color: #000;
}
.platinumPortal_article .articleWrapper .icoList > .item {
  padding-left: 1em;
  text-indent: -1em;
}
.platinumPortal_article .articleWrapper .icoList .bold {
  font-weight: 700;
}
.platinumPortal_article .articleWrapper .icoList .red {
  color:#E60000;
}
.platinumPortal_article .articleWrapper .icoList > .item + .item {
  margin-top: 0.5em;
}
.platinumPortal_article .articleWrapper .icoList>.item.feature:last-child {
  margin-bottom: 45px;
}
.platinumPortal_article .articleWrapper .stepList {
  margin-bottom: 60px;
}
.platinumPortal_article .articleWrapper .stepList.feature {
  margin-top: 40px;
}
.platinumPortal_article .articleWrapper .stepList > li {
  list-style-type: none;
}
.platinumPortal_article .articleWrapper .stepList .item {
  position: relative;
}
.platinumPortal_article .articleWrapper .stepList .item:not(:first-child) {
  margin-top: 30px;
  padding-top: 40px;
  border-top: solid 1px #333;
}

.platinumPortal_article .articleWrapper .stepList .item:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 20px;
  background-color: #000;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.platinumPortal_article .articleWrapper .stepList .item:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 16px;
  height: 16px;
  background: url(/platinum/img/common/ico_cmn_arrow_w_01.svg) no-repeat center top/contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.platinumPortal_article .articleWrapper .stepList .txtWrap > .ttl {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  font-weight: bold;
}
.platinumPortal_article .articleWrapper .stepList .txtWrap > .ttl > .ico {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 26px;
  background: #777777;
  background: linear-gradient(90deg, #777777 0%, #e2e2e2 50%, #777777 100%);
  color: #000;
  font-size: 12px;
}

.platinumPortal_article .articleWrapper .stepList .txtWrap > .desc {
  margin-top: 20px;
}

.platinumPortal_article .articleWrapper .stepList .txtWrap > .desc > span {
  display: block;
  padding-left: 1em;
  font-size: 12px;
  text-indent: -1em;
}
.platinumPortal_article .articleWrapper .accordionWrap {
  margin: 30px auto 30px;
}

.platinumPortal_article .articleWrapper .accordionWrap > .accordion {
  padding: 0 15px;
  background-color: #fff;
}

.platinumPortal_article .articleWrapper .accordionWrap > .accordion:not(:first-child) {
  border-top: solid 1px #000;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .ttl {
  position: relative;
  width: 100%;
  padding: 20px 20px 15px 0;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .ttl::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 1px;
  background-color: #000;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .ttl::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 1px;
  background-color: #000;
  -webkit-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
  transition: 0.25s;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .ttl.isActive::after {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
        }
.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .contents {
  height: 0;
  border-top: none;
  color: #000;
  overflow: hidden;
  opacity: 0;
  transition: 0.25s;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .contents.isOpen {
  height: auto;
  padding: 20px 0 30px;
  border-top: solid 1px #ddd;
  opacity: 1;
  line-height: 1.4;
}

.platinumPortal_article .articleWrapper .accordionWrap > .accordion > .contents > .btnLink a {
  border: solid 1px #000;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion .linkWrap > a,
.platinumPortal_article .articleWrapper .accordionWrap > .accordion .linkWrap > button {
  color: #000;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion .linkWrap > a > span,
.platinumPortal_article .articleWrapper .accordionWrap > .accordion .linkWrap > button > span {
  background-color: #000;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion .linkWrap > a > span::before,
.platinumPortal_article .articleWrapper .accordionWrap > .accordion .linkWrap > button > span::before {
  border-color: #000;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 {
  padding: 0 0 18px 0;
  border-bottom: solid 1px #fff;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02:not(:first-child) {
  margin-top: 20px;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 > .ttl {
  position: relative;
  width: 100%;
  padding: 0 20px 0 0;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 > .ttl::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 > .ttl::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
  transition: 0.25s;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 > .ttl.isActive::after {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
        }
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 > .contents {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.25s;
}
.platinumPortal_article .articleWrapper .accordionWrap > .accordion02 > .contents.isOpen {
  height: auto;
  padding: 18px 0 0;
  opacity: 1;
  line-height: 1.4;
}

.platinumPortal_article .articleWrapper .accordionWrap + .layoutColD2, .platinumPortal_article .articleWrapper .accordionWrap + .supportArea {
  margin-top: 60px;
}

.platinumPortal_article .articleWrapper .contents .accordionTtlHead{
  font-size: 18px;
}
.platinumPortal_article .articleWrapper .noteList {
  padding-left: 1em;
}
.platinumPortal_article .articleWrapper .noteList:not(:first-child) {
  margin-top: 20px;
}

.platinumPortal_article .articleWrapper .noteList > .ttl {
  margin-bottom: 10px;
  font-weight: bold;
  text-indent: -1em;
}

.platinumPortal_article .articleWrapper .noteList .anoNumTop{
  font-size: 10px;
	vertical-align: top;
}

.platinumPortal_article .articleWrapper .noteList .anoNum{
  font-size: 10px;
}

.platinumPortal_article .articleWrapper .noteList > .ttl::before {
  content: "・";
}
.platinumPortal_article .articleWrapper .noteList:last-child > .ttl {
  margin-bottom: 0;
}

.platinumPortal_article .articleWrapper .ano{
  font-size: 11px;
  margin: 30px 0 0;
}

.platinumPortal_article .articleWrapper .ano.mt10{
  margin: 10px 0 0;
}

.platinumPortal_article .articleWrapper .mt30{
  margin: 30px 0 0;
}

.platinumPortal_article .articleWrapper .boldList:not(:first-child) {
  margin-top: 20px;
}

.platinumPortal_article .articleWrapper .boldList > li {
  margin-bottom: 10px;
  padding-left: 1em;
  font-weight: bold;
  text-indent: -1em;
  list-style-type: none;
}

.platinumPortal_article .articleWrapper .boldList > li:last-child {
  margin-bottom: 0;
}
.platinumPortal_article .articleWrapper .detailList:not(:first-child) {
  margin-top: 20px;
}

.platinumPortal_article .articleWrapper .detailList > .ttl {
  margin-bottom: 10px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .entryArea {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
.platinumPortal_article .articleWrapper .entryArea .entryImg {
  text-align: center;
}
.platinumPortal_article .articleWrapper .entryArea .entryImg.entryOverlay {
  position: relative;
}
.platinumPortal_article .articleWrapper .entryArea .entryImg.entryOverlay::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.platinumPortal_article .articleWrapper .entryArea .entryContents {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  padding: 0 15px;
}

.platinumPortal_article .articleWrapper .entryArea .entryName {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.platinumPortal_article .articleWrapper .entryArea .entryName span {
  font-size: 23px;
}

.platinumPortal_article .articleWrapper .entryArea .entryBtn > .anchor {
  display: block;
  position: relative;
  width: 100%;
  padding: 14px 28px;
  background-color: #fff;
  border: solid 1px #fff;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s ease-in, color 0.25s ease-in;
}

.platinumPortal_article .articleWrapper .entryArea .entryBtn > .anchor::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  transition: border-top 0.25s ease-in, border-right 0.25s ease-in;
}

.platinumPortal_article .articleWrapper .carouselBlock {
  padding-bottom: 20px;
}
.platinumPortal_article .articleWrapper .carouselBlock.max2 {
  max-width: 260px;
  margin: 0 auto;
}

.platinumPortal_article .articleWrapper .carouselBlock .carouselList a {
  display: block !important;
  position: relative;
  width: 204px !important;
  height: 135px;
  margin-right: 4px;
  overflow: hidden;
}

.platinumPortal_article .articleWrapper .carouselBlock .carouselList a > .carouselImg {
  width: 100%;
  transition: -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
  transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .carouselBlock .carouselList a > .carouselName {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-weight: bold;
}

.platinumPortal_feature .platinumPortal_article .articleWrapper .carouselBlock {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.platinumPortal_feature .platinumPortal_article .articleWrapper .carouselBlock .carouselList a {
  width: 130px !important;
  height: auto;
  margin-right: 0;
  /* overflow: auto; */
}

.platinumPortal_article .articleWrapper .floatingBlock {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 30px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .floatingBlock.isActive {
  opacity: 1;
  visibility: visible;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner {
  position: relative;
  max-width: 315px;
  margin: 0 auto;
  transition: 0.25s;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #acacac;
  background: linear-gradient(90deg, #acacac 0%, #595959 50%, #acacac 100%);
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #acacac;
  background: linear-gradient(90deg, #acacac 0%, white 50%, #acacac 100%);
  transition: opacity 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner > .anchor {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px;
  border: solid 2px #fff;
  color: #000;
  text-align: center;
  text-decoration: none;
  z-index: 1;
  transition: color 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner > .anchor::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  transition: border-top 0.25s ease-in, border-right 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner .followingBtn {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 30px;
  border: solid 2px #fff;
  color: #000;
  text-align: center;
  text-decoration: none;
  z-index: 1;
  transition: color 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner .followingBtn:hover {
  color: #000;
}
.platinumPortal_article .articleWrapper .floatingBlock .floatingBlockInner .followingBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  transition: border-top 0.25s ease-in, border-right 0.25s ease-in;
}

.platinumPortal_article .articleWrapper .btnLink {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}

.platinumPortal_article .articleWrapper .btnLink > a {
  display: inline-block;
  position: relative;
  min-width: 200px;
  padding: 10px 30px;
  background-color: #fff;
  border: solid 1px #fff;
  color: #000;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s ease-in, color 0.25s ease-in;
  cursor: pointer;
}
.platinumPortal_article .articleWrapper .btnLink>a .fwfuture{
font-weight: normal;
}
.platinumPortal_article .articleWrapper .btnLink > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  transition: border-top 0.25s ease-in, border-right 0.25s ease-in;
}

.platinumPortal_article .articleWrapper .fs12 {
  font-size: 12px;
}
.platinumPortal_article .articleWrapper .fs13 {
  font-size: 13px;
}
.platinumPortal_article .articleWrapper .fs14 {
  font-size: 14px;
}
.platinumPortal_article .articleWrapper .fs15 {
  font-size: 15px;
}
.platinumPortal_article .articleWrapper .fs16 {
  font-size: 16px;
}
.platinumPortal_article .articleWrapper .fwB {
  font-weight: bold;
}
.platinumPortal_article .articleWrapper .mt0 {
  margin-top: 0;
}
.platinumPortal_article .articleWrapper .mt10 {
  margin-top: 10px;
}
.platinumPortal_article .articleWrapper .mt20 {
  margin-top: 20px;
}
.platinumPortal_article .articleWrapper .mt30 {
  margin-top: 30px;
}
.platinumPortal_article .articleWrapper .mt60 {
  margin-top: 60px;
}
.platinumPortal_article .articleWrapper .mb10 {
  margin-bottom: 10px;
}
.platinumPortal_article .articleWrapper .mb20 {
  margin-bottom: 20px;
}
.platinumPortal_article .articleWrapper .mb30 {
  margin-bottom: 30px;
}
.platinumPortal_article .articleWrapper .my10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.platinumPortal_article .articleWrapper .my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.platinumPortal_article .articleWrapper .my30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.platinumPortal_article .articleWrapper .faqTtl {
  position: relative;
  padding-left: 40px;
}
.platinumPortal_article .articleWrapper .faqTtl > span {
  position: absolute;
  top: 0;
  left: 0;
}
.platinumPortal_article .articleWrapper .faqTxt {
  position: relative;
  padding-left: 30px;
}
.platinumPortal_article .articleWrapper .faqTxt > span {
  position: absolute;
  top: 0;
  left: 0;
}
.platinumPortal_article .articleWrapper .emContentBox {
  margin: 30px auto;
  padding: 30px;
  background-color: #fff;
  color: #000;
}

.platinumPortal_article .articleWrapper .txtBlock + .txtBlock {
  margin-top: 20px;
}
.platinumPortal_article .articleWrapper .tabContentA .btnList {
  display: flex;
  border-bottom: solid 1px #fff;
}
.platinumPortal_article .articleWrapper .tabContentA .btnList .btnItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 20px 15px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}
.platinumPortal_article .articleWrapper .tabContentA .btnList .btnItem:nth-child(n+2) {
  border-left: solid 1px #fff;
}
.platinumPortal_article .articleWrapper .tabContentA .btnList .btnItem.isActive {
  background-color: #fff;
  color: #000;
}
.platinumPortal_article .articleWrapper .tabContentA .btnList .btnItem .trademark {
  margin-bottom: 7px;
}
.platinumPortal_article .articleWrapper .tabContentA .panelItem {
  padding: 40px 0;
  display: none;
}
.platinumPortal_article .articleWrapper .tabContentA .panelItem.isShow {
  display: block;
}
.platinumPortal_article .articleWrapper .reviewBox {
  padding: 0 15px;
  background-color: #fff;
  color: #000;
}

.platinumPortal_article .articleWrapper .reviewBox:not(:first-child) {
  margin-top: 15px;
}

.platinumPortal_article .articleWrapper .reviewBox > .ttl {
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .reviewBox > .ttl::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url(/platinum/img/common/ico_cmn_review.svg) no-repeat center center/contain;
}

.platinumPortal_article .articleWrapper .reviewBox > .desc {
  padding: 20px 0 15px;
  border-top: solid 1px #ddd;
}

.platinumPortal_article .articleWrapper .txtArea {
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
}
.platinumPortal_feature .articleWrapper .txtArea {
  margin-bottom: 40px;
}
.platinumPortal_article .articleWrapper .txtAreaAno {
  margin: 0 auto;
  font-size: 11px;
  text-align: justify;
}

.platinumPortal_article .articleWrapper .txtAreaAno p{
  margin-top: 20px;
}

.platinumPortal_article .articleWrapper .txtAreaAno.txtIndent p {
  padding-left: 1em;
  text-indent: -1em;
}

.platinumPortal_article .articleWrapper .txtAno{
  font-size: 12px;
}

.platinumPortal_article .articleWrapper .innerSpace1 > *:not(:first-child) {
  margin-top: 10px;
}
.platinumPortal_article .articleWrapper .innerSpace2 > *:not(:first-child) {
  margin-top: 20px;
}
.platinumPortal_article .articleWrapper .innerSpace3 > *:not(:first-child) {
  margin-top: 30px;
}
.platinumPortal_article .articleWrapper .innerSpace4 > *:not(:first-child) {
  margin-top: 40px;
}
.platinumPortal_article .articleWrapper .linkWrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 20px 0 0;
}
.platinumPortal_article .articleWrapper .linkWrap > a,
.platinumPortal_article .articleWrapper .linkWrap > button {
  display: inline-block;
  position: relative;
  padding: 0 70px 10px 0;
  text-decoration: none;
}
.platinumPortal_article .articleWrapper .linkWrap > a > span,
.platinumPortal_article .articleWrapper .linkWrap > button > span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transition: width 0.2s;
}
.platinumPortal_article .articleWrapper .linkWrap > a > span::before,
.platinumPortal_article .articleWrapper .linkWrap > button > span::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 12px;
  height: 12px;
  border-top: solid 1px #fff;
  -webkit-transform: translate(0, 50%) rotate(45deg);
  transform: translate(0, 50%) rotate(45deg);
}

.platinumPortal_article .articleWrapper .linkWrap.linkBlank > a::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 0 0 10px;
  background: url(/platinum/img/common/ico_cmn_blank.svg) no-repeat center center/contain;
}
.platinumPortal_article .articleWrapper .icoBlankB {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 0 0 10px;
  background: url(/platinum/cmn/img/icon_blank_b.png) no-repeat center center/contain;
}
.platinumPortal_article .articleWrapper .icoBlankW {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 0 0 10px;
  background: url(/platinum/img/common/ico_cmn_blank.svg) no-repeat center center/contain;
}
.platinumPortal_article .articleWrapper .txtACenter {
  text-align: center!important;
}
.platinumPortal_article .articleWrapper .txtARight {
  text-align: right!important;
}
.platinumPortal_article .articleWrapper .txtALeft {
  text-align: left!important;
}
.platinumPortal_article .articleWrapper .borderWrap + .borderWrap {
  padding-top: 20px;
  border-top: solid 1px #333;
}
.platinumPortal_article .articleWrapper .platinumModalBlock {
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in;
}
.platinumPortal_article .articleWrapper .platinumModalBlock.isOpen {
  z-index: 9999999;
  opacity: 1;
  pointer-events: auto;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(85, 85, 85, 0.7);
}
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalInner {
  position: relative;
  width: 100%;
  max-width: 850px;
  padding: 0 15px;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalContents {
  position: relative;
  width: 100%;
  max-height: 80vh;
  padding: 75px 15px 50px;
  background-color: #fff;
  color: #000;
  overflow: auto;
}

.platinumPortal_article .articleWrapper .platinumModalBlock ol > li {
  list-style-type: none;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .txt + * {
  margin-top: 10px;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .list li + li {
  margin-top: 0.5em;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalCloseBtn {
  position: absolute;
  top: 12px;
  right: 6px;
  width: 25px;
  height: 20px;
  background-color: #fff;
  border: none;
  cursor: pointer;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalCloseBtn::after, .platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalCloseBtn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin: auto;
  width: 25px;
  height: 2px;
  margin-top: -1px;
  margin-left: -7px;
  background: #989898;
}
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalCloseBtn::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
        }
.platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalCloseBtn::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
        }
        .platinumPortal_article .articleWrapper .platinumModalBlock .platinumModalTtl {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.platinumPortal_article .articleWrapper button {
  background-color: transparent;
  border: none;
  color: #fff;
}
.platinumPortal_article .articleWrapper .trademark {
  font-size: 10px;
  vertical-align: top;
}
.platinumPortal_article .articleWrapper .pointBlock01 {
  margin-top: 50px;
  background-color: #fff;
}

.platinumPortal_article .articleWrapper .pointBlock01 .pointLabel {
  display: inline-block;
  margin-right: 10px;
  padding: 8px 26px;
  background: #777;
  background: linear-gradient(90deg, #777 0%, #e2e2e2 50%, #777 100%);
  color: #000;
  font-size: 12px;
  font-weight: bold;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.platinumPortal_article .articleWrapper .pointBlock01 .pointContents {
  padding: 30px 30px 48px;
  color: #000;
}
.platinumPortal_article .articleWrapper .platinumTable01 table {
  width: 100%;
}
.platinumPortal_article .articleWrapper .platinumTable01 table tbody tr th {
  padding: 20px 30px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-collapse: collapse;
  text-align: left;
}
.platinumPortal_article .articleWrapper .platinumTable01 table tbody tr td {
  padding: 20px;
  border: 1px solid #ddd;
  border-collapse: collapse;
}
.platinumPortal_article .articleWrapper .platinumTable02 {
  border: solid 1px #ddd;
}
.platinumPortal_article .articleWrapper .platinumTable02 table {
  width: 100%;
  color: #000;
}
.platinumPortal_article .articleWrapper .platinumTable02 table tbody tr th {
  padding: 20px 30px;
  background-color: #f5f5f5;
  text-align: left;
}
.platinumPortal_article .articleWrapper .platinumTable02 table tbody tr td {
  padding: 20px;
  background-color: #fff;
}
.platinumPortal_article .articleWrapper .platinumTable02 table tbody tr + tr {
  border-top: solid 1px #ddd;
}
.platinumPortal_article .articleWrapper .numList > li {
  padding-left: 2.5em;
  text-indent: -2.5em;
  font-weight: bold;
  list-style-type: none;
}
.platinumPortal_article .articleWrapper .emColor {
  color: #b1962c;
}
.platinumPortal_article .articleWrapper .rowCenter {
  display: flex;
  justify-content: center;
}
.platinumPortal_article .articleWrapper .menuBox > .menuHead {
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: solid 1px #ddd;
  font-size: 16px;
  font-weight: bold;
}

.platinumPortal_article .articleWrapper .menuBox > .menuContents {
  font-size: 14px;
}

.platinumPortal_article .articleWrapper .w0p {
  width: 0%;
}
.platinumPortal_article .articleWrapper .w1p {
  width: 1%;
}
.platinumPortal_article .articleWrapper .w2p {
  width: 2%;
}
.platinumPortal_article .articleWrapper .w3p {
  width: 3%;
}
.platinumPortal_article .articleWrapper .w4p {
  width: 4%;
}
.platinumPortal_article .articleWrapper .w5p {
  width: 5%;
}
.platinumPortal_article .articleWrapper .w6p {
  width: 6%;
}
.platinumPortal_article .articleWrapper .w7p {
  width: 7%;
}
.platinumPortal_article .articleWrapper .w8p {
  width: 8%;
}
.platinumPortal_article .articleWrapper .w9p {
  width: 9%;
}
.platinumPortal_article .articleWrapper .w10p {
  width: 10%;
}
.platinumPortal_article .articleWrapper .w11p {
  width: 11%;
}
.platinumPortal_article .articleWrapper .w12p {
  width: 12%;
}
.platinumPortal_article .articleWrapper .w13p {
  width: 13%;
}
.platinumPortal_article .articleWrapper .w14p {
  width: 14%;
}
.platinumPortal_article .articleWrapper .w15p {
  width: 15%;
}
.platinumPortal_article .articleWrapper .w16p {
  width: 16%;
}
.platinumPortal_article .articleWrapper .w17p {
  width: 17%;
}
.platinumPortal_article .articleWrapper .w18p {
  width: 18%;
}
.platinumPortal_article .articleWrapper .w19p {
  width: 19%;
}
.platinumPortal_article .articleWrapper .w20p {
  width: 20%;
}
.platinumPortal_article .articleWrapper .w21p {
  width: 21%;
}
.platinumPortal_article .articleWrapper .w22p {
  width: 22%;
}
.platinumPortal_article .articleWrapper .w23p {
  width: 23%;
}
.platinumPortal_article .articleWrapper .w24p {
  width: 24%;
}
.platinumPortal_article .articleWrapper .w25p {
  width: 25%;
}
.platinumPortal_article .articleWrapper .w26p {
  width: 26%;
}
.platinumPortal_article .articleWrapper .w27p {
  width: 27%;
}
.platinumPortal_article .articleWrapper .w28p {
  width: 28%;
}
.platinumPortal_article .articleWrapper .w29p {
  width: 29%;
}
.platinumPortal_article .articleWrapper .w30p {
  width: 30%;
}
.platinumPortal_article .articleWrapper .w31p {
  width: 31%;
}
.platinumPortal_article .articleWrapper .w32p {
  width: 32%;
}
.platinumPortal_article .articleWrapper .w33p {
  width: 33%;
}
.platinumPortal_article .articleWrapper .w34p {
  width: 34%;
}
.platinumPortal_article .articleWrapper .w35p {
  width: 35%;
}
.platinumPortal_article .articleWrapper .w36p {
  width: 36%;
}
.platinumPortal_article .articleWrapper .w37p {
  width: 37%;
}
.platinumPortal_article .articleWrapper .w38p {
  width: 38%;
}
.platinumPortal_article .articleWrapper .w39p {
  width: 39%;
}
.platinumPortal_article .articleWrapper .w40p {
  width: 40%;
}
.platinumPortal_article .articleWrapper .w41p {
  width: 41%;
}
.platinumPortal_article .articleWrapper .w42p {
  width: 42%;
}
.platinumPortal_article .articleWrapper .w43p {
  width: 43%;
}
.platinumPortal_article .articleWrapper .w44p {
  width: 44%;
}
.platinumPortal_article .articleWrapper .w45p {
  width: 45%;
}
.platinumPortal_article .articleWrapper .w46p {
  width: 46%;
}
.platinumPortal_article .articleWrapper .w47p {
  width: 47%;
}
.platinumPortal_article .articleWrapper .w48p {
  width: 48%;
}
.platinumPortal_article .articleWrapper .w49p {
  width: 49%;
}
.platinumPortal_article .articleWrapper .w50p {
  width: 50%;
}
.platinumPortal_article .articleWrapper .w51p {
  width: 51%;
}
.platinumPortal_article .articleWrapper .w52p {
  width: 52%;
}
.platinumPortal_article .articleWrapper .w53p {
  width: 53%;
}
.platinumPortal_article .articleWrapper .w54p {
  width: 54%;
}
.platinumPortal_article .articleWrapper .w55p {
  width: 55%;
}
.platinumPortal_article .articleWrapper .w56p {
  width: 56%;
}
.platinumPortal_article .articleWrapper .w57p {
  width: 57%;
}
.platinumPortal_article .articleWrapper .w58p {
  width: 58%;
}
.platinumPortal_article .articleWrapper .w59p {
  width: 59%;
}
.platinumPortal_article .articleWrapper .w60p {
  width: 60%;
}
.platinumPortal_article .articleWrapper .w61p {
  width: 61%;
}
.platinumPortal_article .articleWrapper .w62p {
  width: 62%;
}
.platinumPortal_article .articleWrapper .w63p {
  width: 63%;
}
.platinumPortal_article .articleWrapper .w64p {
  width: 64%;
}
.platinumPortal_article .articleWrapper .w65p {
  width: 65%;
}
.platinumPortal_article .articleWrapper .w66p {
  width: 66%;
}
.platinumPortal_article .articleWrapper .w67p {
  width: 67%;
}
.platinumPortal_article .articleWrapper .w68p {
  width: 68%;
}
.platinumPortal_article .articleWrapper .w69p {
  width: 69%;
}
.platinumPortal_article .articleWrapper .w70p {
  width: 70%;
}
.platinumPortal_article .articleWrapper .w71p {
  width: 71%;
}
.platinumPortal_article .articleWrapper .w72p {
  width: 72%;
}
.platinumPortal_article .articleWrapper .w73p {
  width: 73%;
}
.platinumPortal_article .articleWrapper .w74p {
  width: 74%;
}
.platinumPortal_article .articleWrapper .w75p {
  width: 75%;
}
.platinumPortal_article .articleWrapper .w76p {
  width: 76%;
}
.platinumPortal_article .articleWrapper .w77p {
  width: 77%;
}
.platinumPortal_article .articleWrapper .w78p {
  width: 78%;
}
.platinumPortal_article .articleWrapper .w79p {
  width: 79%;
}
.platinumPortal_article .articleWrapper .w80p {
  width: 80%;
}
.platinumPortal_article .articleWrapper .w81p {
  width: 81%;
}
.platinumPortal_article .articleWrapper .w82p {
  width: 82%;
}
.platinumPortal_article .articleWrapper .w83p {
  width: 83%;
}
.platinumPortal_article .articleWrapper .w84p {
  width: 84%;
}
.platinumPortal_article .articleWrapper .w85p {
  width: 85%;
}
.platinumPortal_article .articleWrapper .w86p {
  width: 86%;
}
.platinumPortal_article .articleWrapper .w87p {
  width: 87%;
}
.platinumPortal_article .articleWrapper .w88p {
  width: 88%;
}
.platinumPortal_article .articleWrapper .w89p {
  width: 89%;
}
.platinumPortal_article .articleWrapper .w90p {
  width: 90%;
}
.platinumPortal_article .articleWrapper .w91p {
  width: 91%;
}
.platinumPortal_article .articleWrapper .w92p {
  width: 92%;
}
.platinumPortal_article .articleWrapper .w93p {
  width: 93%;
}
.platinumPortal_article .articleWrapper .w94p {
  width: 94%;
}
.platinumPortal_article .articleWrapper .w95p {
  width: 95%;
}
.platinumPortal_article .articleWrapper .w96p {
  width: 96%;
}
.platinumPortal_article .articleWrapper .w97p {
  width: 97%;
}
.platinumPortal_article .articleWrapper .w98p {
  width: 98%;
}
.platinumPortal_article .articleWrapper .w99p {
  width: 99%;
}
.platinumPortal_article .articleWrapper .w100p {
  width: 100%;
}
.platinumPortal_article .articleWrapper .normalSpace {
  margin-top: 60px;
}

@media screen and (max-width: 640px) {
  .page_article .platinumPortal_article + #pageTopArea {
    bottom: 90px;
  }
}