@charset "UTF-8";


* {
	margin:0; padding:0;
	list-style: none;
	color: #3e3e3e;
	font-family: "WinYuGothic", "YuGothic", "メイリオ", Meiryo, Avenir-Light, Futura, Century Gothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;
}
img{
	width: 100%;
	max-width: 100%;
}

a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

a:hover{
	-webkit-filter: brightness(1.10);
    filter: brightness(1.10);
}

.m-0{
	margin-top: 0px !important;
}

.m-50{
	margin-top: 50px !important;
}

.m-100{
	margin-top: 100px !important;
}

.sf6c-header {
	width: 100%;
	background-color: #ffffff;
	color: white;
	padding: 0px 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
	position: fixed;
	align-items: center;
	border-bottom: solid 3px #fdd000;
	z-index: 999999;
}
.cid-logo{
	display: block;
}
.cid-logo img{
	height: 60px;
}
header .headline{
	font-size: 32px;
}

.lang-box{
	display: flex;
	align-items: center;
}

.lang-img{
	line-height: 0;
}

.pc--none{
	display: none !important;
}

.pc--on{
	display: block !important;
}

.pc-only{
	display: block !important;
}

.sp--only{
	display: none !important;
}


/* --------------------------------------- */


.center {
  /* position: absolute; */
  display: inline-block;
  /* top: 50%; left: 50%;
  transform: translate(-50%, -50%); */
}
/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  margin-right: 10px;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select-trigger {
	position: relative;
	display: block;
	/* width: 130px; */
	padding: 0 60px 0 22px;
	font-size: 18px;
	font-weight: bold;
	/* color: #fff; */
	line-height: 60px;
	/* background: #5c9cd8; */
	border-radius: 4px;
	cursor: pointer;
}
.custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px; height: 10px;
	top: 50%; right: 25px;
	margin-top: -3px;
	border-bottom: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
	position: absolute;
	display: block;
	top: 100%; left: auto; right: 0;
	min-width: 100%;
	width: 0;
	margin: 15px 0;
	border: 1px solid #4a4a4a;
	/* border-radius: 4px; */
	box-sizing: border-box;
	box-shadow: 0 2px 1px rgba(0,0,0,.07);
	background: #101010;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(0);
}
.custom-select.opened .custom-options {
	opacity: 1;
    visibility: visible;
    pointer-events: all;
    width: 300px;
    right: 10px;
    left: auto;
	max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    /* transform: translateY(0); */
}
.custom-options:before {
	position: absolute;
	display: block;
	content: '';
	bottom: 100%; right: 25px;
	width: 7px; height: 7px;
	margin-bottom: -4px;
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	background: #101010;
	transform: rotate(45deg);
	transition: all .4s ease-in-out;
}
.option-hover:before {
	background: #f9f9f9;
}
.custom-option {
	position: relative;
	display: block;
	padding: 0 22px;
	border-bottom: 1px solid #4a4a4a;
	font-size: 16px;
	font-weight: bold;
	color: #d3d3d3;
	line-height: 47px;
	cursor: pointer;
	transition: all .4s ease-in-out;
	text-decoration: none;
}
.custom-option:first-of-type {
	/* border-radius: 4px 4px 0 0; */
}
.custom-option:last-of-type {
	border-bottom: 0;
	/* border-radius: 0 0 4px 4px; */
}
.custom-option:hover,
.custom-option.selection {
	background: #ffffff;
	color: #000;
}

/* --------------------------------------- */

.sf6c-main{
	margin: 60px 0 0;
}

.sf6c-main-img{
	line-height: 0;
}

.sf6c-textlink{
	display: inline-block;
	background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
	border-bottom: solid 2px #fdd000;
}

.sf6c-textlink:hover{
	border-bottom: solid 2px #034099;
}

.entry-ymd{
	font-size: 28px;
	font-weight: bold;
	border-top: solid 3px #034099;
	border-bottom: solid 3px #034099;
	margin: 3px auto;
}

.entry-ymd p{
	border-top: solid 3px #fdd000;
	border-bottom: solid 3px #fdd000;
	margin: 3px auto;
	padding: 25px 25px;
	text-align: center;
}


.sf6c-footer{
	background: #000;
    padding: 1.5rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #aaa;
}

.footer_logo--capcom{
	width: 7.5rem;
    height: 1.4rem;
	display: block;
}
.sf6c-footer-text{
	padding-left: 20px;
	font-size: .8rem;
	color: #aaa;
}

.sf6c-footer-text *{
	color: #aaa;
}

.sf6c-footer-text a{
	color: #fff;
}

.footer-text {
	color: #fff;
}

main {
	text-align:center;
}
p.button {
	margin: 5px;
	/* background-color:black; */
	color: #000;
}
p.buttonDisabled {
	margin: 5px;
	background-color:gray;
	color: #000;
}
div.campaignFlow, div.consent {
    padding: 15px 0;
    margin: 0 auto;
	width: 85%;
	background-color:gray;
}
div.box1, div.box2, div.box3, div.box4, div.box5 {
    padding: 15px 0;
    margin: 10px auto;
	width: 80%;
	background-color:white;
}
div.consentBody {
    padding: 15px 20px 15px 0;
    margin: 10px auto;
	height: 430px;
	background-color:white;
	overflow-y: auto;
}

article {
	text-align:center;
}
p.button {
	margin: 5px;
	/* background-color:black; */
	color: #000;
}
div.campaignFlow {
    padding: 15px 0;
    margin: 0 auto;
	width: 85%;
	background-color:gray;
}
div.box1, div.box2, div.box3, div.box4, div.box5 {
    padding: 15px 0;
    margin: 10px auto;
	width: 80%;
	background-color:white;
}

.sf6c-section-style01{
	min-height: 150px;
	background-image: -moz-linear-gradient( -45deg, rgb(227,232,238) 0%, rgb(246,247,251) 100%);
	background-image: -webkit-linear-gradient( -45deg, rgb(227,232,238) 0%, rgb(246,247,251) 100%);
	background-image: -ms-linear-gradient( -45deg, rgb(227,232,238) 0%, rgb(246,247,251) 100%);
}

.sf6c-section-style02{
	min-height: 150px;
	background:  url(../img/sf6c-section-bg.png);
	background-position: top center;
	background-size: 100% auto;
	background-repeat: repeat;
	position: relative;
}

.sf6c-section-border--top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 6px;
	border-top: solid 2px #fdd000;
	border-bottom: solid 2px #034099;
	background-color: #ffffff;
}

.sf6c-section-border--bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 6px;
	border-top: solid 2px #034099;
	border-bottom: solid 2px #fdd000;
	background-color: #ffffff;
}

.sf6c-section-inner{
	margin: 0 auto;
	max-width: 1280px;
	width: auto;
	padding: 100px;
	position: relative;
}

.sf6c-section-title{
	content: "";
	background: linear-gradient(transparent 30%, #fdd000 0%);
	padding: 0 1px 0px;
	display: inline;
}

.sf6c-section-title span{
	font-size: 30px;
	line-height: 2.0;
	position: relative;
	top: -15px;
	color: #1c5dbf;
    background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
}

.sf6c-section-title span.title-l{
	font-size: 48px;
}

.flow-box{
	width: 100%;
	background: rgba(255,255,255,0.7);
	border: solid 2px #fdd000;
	box-shadow: 0px 4px 8.2px 1.8px rgba(106, 112, 131, 0.15);
	margin-top: 60px;
	position: relative;
}

.step::before{
	content: "";
	position: absolute;
	display: block;
	background: #fff;
	width: 175px;
	height: 6px;
	top: -2px;
	left: 50px;
}

.flow-box-inner{
	border: solid 2px #034099;
	margin: 2px;
	padding: 100px 80px;
}

.flow-box-inner.flow-box-inner-small{
	padding: 50px 80px;
}



.flow-text-box{
	margin-top: 65px;
}

.flow-title{
	font-size: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.step-logo{
	position: absolute;
	width: 115px;
	top: -58px;
	left: 80px;
}

.cid-line{
	display: inline-block;
	position: relative;
	width: 20px;
	height: 34px;
	margin-right: 10px;
}

.cid-line::before{
	content: "";
	top: 0;
	left: 0;
	width: 8px;
	height: 25px;
	background: #034099;
	display: block;
	position: absolute;
}

.cid-line::after{
	content: "";
	bottom: 0;
	right: 0;
	width: 8px;
	height: 25px;
	background: #fdd000;
	display: block;
	position: absolute;
}

.cid-rt::before{
	content: "";
	top: 25px;
	left: 30px;
	width: 10px;
	height: 25px;
	background: #034099;
	display: block;
	position: absolute;
}

.cid-rt::after{
	content: "";
	top: 35px;
	left: 44px;
	width: 10px;
	height: 25px;
	background: #fdd000;
	display: block;
	position: absolute;
}

.tokuten-box{
	margin-top: 20px;
}

.privilege-granting-conditions{
	margin-top: 100px;
	background: #fff;
	position: relative;
	border: solid 2px #fdd000;
	text-align: left;
}

.privilege-granting-conditions::before{
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	width: 250px;
	height: 6px;
	background: #fff;
	margin-left: -125px;
	display: block;
}

.privilege-granting-conditions.ba-none::before{
	display: none !important;
}

.privilege-granting-conditions.ba-none{
	margin-top: 50px;
}

.pgc-box-inner{
	border: solid 2px #034099;
	margin: 2px;
	padding: 50px;
}

.pgc-title{
	position: absolute;
	left: 0;
	right: 0;
	top: -18px;
	text-align: center;
	display: inline-block;
}

.pgc-title span{
	display: inline-block;
	font-size: 24px;
	background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
	position: relative;
	z-index: 1;
}

.pgc-title--inner{
	display: inline-block;
	position: relative;
}

.pgc-title--inner::after{
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	box-shadow: 0px 0px 20px 17px #ffffff;
}

.privilege-introduction{
	margin-top: 100px;
}

.pgc-list{

}

.pgc-list li{
	margin-top: 5px;
    margin-left: 15px;
    text-indent: -15px;
    font-size: 16px;
	font-weight: bold;
}

.pgc-list--caution{

}

.pgc-list--caution li{
	margin-top: 5px;
    margin-left: 15px;
    text-indent: -15px;
    color: #4b4d62;
    font-size: 14px;
}

.top-line{
	border-top: solid 1px #034099;
	margin-top: 30px;
	padding-top: 30px;
}

.sf6c-section-title--s02 span{
	font-size: 46px;
	color: #1c5dbf;
    background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.sf6c-section-title--s02{
	display: inline-block;
	position: relative;
}

.sf6c-section-title--s02::after{
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    box-shadow: 0px 0px 20px 17px #ffffff;
	border-radius: 20%;
	opacity: 0.5;
}

.pi-list{
	display: flex;
	text-align: left;
	justify-content: center;
	margin-top: 70px;
}

.pi-list li{
	width: 40%;
	margin: 0 2%;
}

.pi-list-title{
	font-weight: bold;
	font-size: 21px;
	position: relative;
	padding: 0px 0 0px 30px;
	margin-bottom: 10px;
	display: flex;
    align-items: center;
	min-height: 90px;
}

.pi-list-title::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 20%;
	width: 3px;
	background: #fdd000;
}

.pi-list-title::after{
	content: "";
	position: absolute;
	top: 20%;
	left: 6px;
	bottom: 0%;
	width: 3px;
	background: #034099;
}

.pi-list-gift{
	margin-top: 30px;
}

.pi-list-text{
	margin-top: 10px;
	font-size: 16px;
}

.pi-list-caution{
	color: #4b4d62;
    font-size: 14px;
	display: block;
	margin-top: 5px;
}

.btn-box{
	margin-top: 80px;
}

.btn-box-s{
	margin-top: 50px;
}

.sf6_campaign-btn{
	width: 460px;
	height: 105px;
	background:  url(../img/btn-bg.png);
	background-repeat: no-repeat;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.sf6_campaign-btn.sf6_campaign-btn--off{
	background:  url(../img/btn-bg-off.png);
	background-repeat: no-repeat;
	background-position: center;
}

.sf6_campaign-btn:hover{
	-webkit-filter: brightness(1.10);
    filter: brightness(1.10);
}

.sf6_campaign-btn.sf6_campaign-btn--off:hover{
	-webkit-filter: brightness(1.00);
    filter: brightness(1.00);
}

.sf6_campaign-btn span{
	font-size: 24px;
	background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
	line-height: 1.2;
	width: 80%;
    margin: 0 auto;
}

.sf6_campaign-btn.sf6_campaign-btn--off span{
	background: none;
	font-size: 18px;
	-webkit-text-fill-color: #c3c3c3;
}

.sf6_campaign-btn span.small-text{
	font-size: 14px;
	display: block;
}

.sf6_campaign-btn.btn-small{
	background:  url(../img/btn-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 280px;
    height: 64px;
}

.sf6_campaign-btn.btn-small span{
	font-size: 21px;
}




.font-style-neutral{
	font-size: 21px;
	font-weight: bold;
}

.font-style-large{
	font-size: 24px;
	font-weight: bold;
}


.official-link{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 1280px;
	margin-top: 80px;
}

.official-link li{
	width: 40%;
	margin: 0 2% 0;
}

.official-link a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

.official-link a:hover{
	-webkit-filter: brightness(1.25);
    filter: brightness(1.25);
}

.flow-column-box{
	margin-top: 50px;
}

.flow-column-02{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.flow-column-02--text{
	display: block;
	text-align: left;
	padding-right: 40px;
	width: 60%;
}

.flow-column-02--img{
	width: 40%;
}

.caution-box{
	border: solid 1px #dddddd;
	background: #f5f5f5;
	text-align: left;
	padding: 50px;
}

.caution-text{
	font-size: 16px;
	font-weight: bold;

}

.caution-list{
	margin-top: 20px;
	font-size: 14px;
}

.caution-list li{
	margin-top: 5px;
    margin-left: 15px;
	text-indent: -15px;
	color: #4b4d62;
}

.arrow{
	display: block;
	width: 100%;
	height: 100px;
	background:  url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	margin: 50px auto ;
}

/* ------------------------------------ */

.cid-name{
	display: flex;
	align-items: center;
	margin-bottom: 100px;
	position: relative;
}

.cid-name--logo{
	padding-right: 15px;
}

.cid-name--text{
	font-weight: bold;
	font-size: 26px;
	padding-right: 15px;
}

.cid-name--text span{
	font-size: 16px;
}


.status-flex{
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}

.status-id--text{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

.status-id--platdata{
	display: flex;
	align-items: center;
}

.status-id--platlogo{
	margin-right: 15px;
	max-width: 50px;
}

.status-id--list li{
	margin: 10px 10px;
}

.status-platform--text{
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	max-width: 348px;
}

.status-id--platdata dt{
	padding-right: 15px;
}

.status-id--platdata dd{
	text-align: left;
}

.status-clear--text{
	font-weight: bold;
	font-size: 26px;
	display: flex;
	align-items: center;
}

.status-clear--text::before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background:  url(../img/clear-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	margin: 0 10px 0 0 ;
	min-width: 40px;
}

.status-clear{
	max-width: 27%;
}


.terms-title{
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 40px;
}

.terms-text{
	text-align: left;
}

.terms-text > li {
	margin-top: 40px;
}

.terms-text > li:first-child {
	margin-top: 0;
}


.terms-dl dt{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.terms-dl dd{
	font-size: 16px;
}

.terms-ul > li {
	margin-top: 10px;
}

.terms-ul > li:first-child {
	/* margin-top: 0; */
}

.ul-number > li{
	list-style-type: none;
    margin-left: 32px;
}

.ul-abc > li{
	list-style-type: none;
    margin-left: 32px;
	margin-top: 10px;
}

.ul-dot > li{
	list-style-type: none;
    margin-left: 32px;
}

.terms-ymd{
	margin-top: 40px;
	text-align: right;
}


div.footerPolicyWrap {
	width: 100%;
	background: #000;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}
div.footerPolicyWrap ul {
	margin: 0;
	display: flex;
	justify-content: center;
}
div.footerPolicyWrap ul li a {
	display: block;
	padding: 18px 30px;
	color: #ccc;
}
div.footerPolicyWrap ul li a:hover {
	text-decoration: underline;
}



/* PC-mini */
@media only screen and (max-width: 1480px) {
	.pc-mini--none{
		display: none !important;
	}

	.pc-mini--on{
		display: block !important;
	}

	.m-50{
		margin-top: 3.378vw !important;
	}

	.m-100{
		margin-top: 6.757vw !important;
	}

	.cid-logo img{
		height: 4.054vw;
	}

	header .headline{
		font-size: 2.162vw;
	}

	.sf6c-main{
		margin: 60px 0 0;
	}

	.entry-ymd{
		font-size: 1.892vw;
	}

	.entry-ymd p{
		padding: 1.689vw ;
	}


	.sf6c-footer{
		padding: 1.5rem 0;
	}

	.footer_logo--capcom{
		width: 7.5rem;
		height: 1.4rem;
		display: block;
	}
	.sf6c-footer-text{
		padding-left: 1.351vw;
		font-size: .8rem;

	}

	main {
		text-align:center;
	}
	p.button {
		margin: 0.338vw;
	}
	p.buttonDisabled {
		margin: 0.338vw;
	}
	div.campaignFlow, div.consent {
		padding: 1.014vw 0;
	}
	div.box1, div.box2, div.box3, div.box4, div.box5 {
		padding: 1.014vw 0;
		margin: 10px auto;
	}
	div.consentBody {

	}

	article {
		text-align:center;
	}
	p.button {
		margin: 0.338vw;
	}
	div.campaignFlow {
		padding: 1.014vw 0;
	}
	div.box1, div.box2, div.box3, div.box4, div.box5 {
		padding: 1.014vw 0;
	}
	.sf6c-section-style01{
		min-height: 150px;
	}


	.sf6c-section-style02{
		min-height: 33.784vw;
	}

	.sf6c-section-border--top{
		height: 0.405vw;
	}

	.sf6c-section-border--bottom{
		height: 0.405vw;
	}

	.sf6c-section-inner{
		max-width: 86.486vw;
		padding: 6.757vw;
	}

	.sf6c-section-title{
		content: "";
		background: linear-gradient(transparent 30%, #fdd000 0%);
		padding: 0 0.068vw 0px;
		display: inline;
	}

	.sf6c-section-title span{
		font-size: 2.027vw;
		line-height: 2.0;
		position: relative;
		top: -1.014vw;
		color: #1c5dbf;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
	}

	.flow-box{
		width: 100%;
		background: rgba(255,255,255,0.7);
		border: solid 2px #fdd000;
		box-shadow: 0px 4px 8.2px 1.8px rgba(106, 112, 131, 0.15);
		margin-top: 4.054vw;
		position: relative;
	}

	.step::before{
		content: "";
		position: absolute;
		display: block;
		background: #fff;
		width: 11.824vw;
		height: 0.405vw;
		top: -0.135vw;
		left: 3.378vw;
	}

	.flow-box-inner{
		border: solid 2px #034099;
		margin: 0.135vw;
		padding: 6.757vw 5.405vw;
	}

	.flow-text-box{
		margin-top: 4.392vw;
	}

	.flow-title{
		font-size: 1.757vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.step-logo{
		position: absolute;
		width: 7.77vw;
		top: -3.919vw;
		left: 5.405vw;
	}

	.cid-line{
		display: inline-block;
		position: relative;
		width: 1.351vw;
		height: 2.297vw;
		margin-right: 0.676vw;
	}

	.cid-line::before{
		content: "";
		top: 0;
		left: 0;
		width: 0.541vw;
		height: 1.689vw;
		background: #034099;
		display: block;
		position: absolute;
	}

	.cid-line::after{
		content: "";
		bottom: 0;
		right: 0;
		width: 0.541vw;
		height: 1.689vw;
		background: #fdd000;
		display: block;
		position: absolute;
	}

	.tokuten-box{
		margin-top: 5.405vw;
	}

	.privilege-granting-conditions{
		margin-top: 6.757vw;
		background: #fff;
		position: relative;
		border: solid 2px #fdd000;
		text-align: left;
	}

	.privilege-granting-conditions::before{
		content: "";
		position: absolute;
		top: -0.135vw;
		left: 50%;
		width: 16.892vw;
		height: 0.405vw;
		background: #fff;
		margin-left: -8.446vw;
		display: block;
	}

	.pgc-box-inner{
		border: solid 2px #034099;
		margin: 0.135vw;
		padding: 3.378vw;
	}

	.pgc-title{
		position: absolute;
		left: 0;
		right: 0;
		top: -1.216vw;
		text-align: center;
		display: inline-block;
	}

	.pgc-title span{
		display: inline-block;
		font-size: 21px;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		position: relative;
		z-index: 1;
	}

	.pgc-title--inner{
		display: inline-block;
		position: relative;
	}

	.pgc-title--inner::after{
		content: "";
		display: block;
		position: absolute;
		background: #fff;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		box-shadow: 0px 0px 20px 17px #ffffff;
	}

	.privilege-introduction{
		margin-top: 6.757vw;
	}

	.pgc-list{

	}

	.pgc-list li{
		margin-top: 0.338vw;

		font-size: 16px;
		font-weight: bold;
	}

	.pgc-list--caution{

	}

	.pgc-list--caution li{
		margin-top: 0.338vw;

		color: #4b4d62;
		font-size: 14px;
	}

	.top-line{
		border-top: solid 1px #034099;
		margin-top: 2.027vw;
		padding-top: 2.027vw;
	}

	.sf6c-section-title--s02 span{
		font-size: 3.108vw;
		color: #1c5dbf;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		display: inline-block;
		position: relative;
		z-index: 1;
	}

	.sf6c-section-title--s02{
		display: inline-block;
		position: relative;
	}

	.sf6c-section-title--s02::after{
		content: "";
		display: block;
		position: absolute;
		background: #fff;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		box-shadow: 0px 0px 20px 17px #ffffff;
		border-radius: 20%;
		opacity: 0.5;
	}

	.pi-list-title{
		font-weight: bold;
		/* font-size: 1.216vw; */
		position: relative;
		padding: 0px 0 0px 2.027vw;
		margin-bottom: 0.676vw;
	}

	/* .pi-list-title::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 20%;
		width: 0.203vw;
		background: #fdd000;
	}

	.pi-list-title::after{
		content: "";
		position: absolute;
		top: 20%;
		left: 0.405vw;
		bottom: 0%;
		width: 0.203vw;
		background: #034099;
	} */

	.status-id--platlogo{
		max-width: 40px;
		min-width: 40px;
	}

	.pi-list-text{
		margin-top: 0.676vw;
		font-size: 16px;
	}

	.pi-list li {
		width: 46%;
	}

	.btn-box{
		margin-top: 5.405vw;
	}

	.btn-box-s{
		margin-top: 3.378vw;
	}

	.font-style-neutral{
		font-size: 18px;
		font-weight: bold;
	}

	.font-style-large{
		font-size: 21px;
		font-weight: bold;
	}


	.official-link{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		max-width: 86.486vw;
		margin-top: 5.405vw;
	}

	.official-link li{
		width: 40%;
		margin: 0 2% 0;
	}

	.official-link a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
		color: #000;
	}

	.official-link a:hover{
		-webkit-filter: brightness(1.25);
		filter: brightness(1.25);
	}

	.flow-column-box{
		margin-top: 3.378vw;
	}

	.flow-column-02{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 1.351vw;
	}

	.flow-column-02--text{
		display: block;
		text-align: left;
		padding-right: 2.703vw;
		width: 60%;
	}

	.flow-column-02--img{
		width: 40%;
	}

	.caution-box{
		border: solid 1px #dddddd;
		background: #f5f5f5;
		text-align: left;
		padding: 3.378vw;
	}

	.caution-text{
		font-size: 16px;
		font-weight: bold;

	}

	.caution-list{
		margin-top: 1.351vw;
		font-size: 14px;
	}

	.caution-list li{
		margin-top: 0.338vw;
		margin-left: 1.014vw;
		text-indent: -1.014vw;
		color: #4b4d62;
	}

	.arrow{
		display: block;
		width: 100%;
		height: 6.757vw;
		background:  url(../img/arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		margin: 50px auto ;
	}


	/* ------------------------------------ */

	.sf6c-section-title span.title-l {
		font-size: 3.243vw;
	}

	.status-flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.status-platform--text {
		font-weight: bold;
		font-size: 2.827vw;
		text-align: left;
		max-width: none;
	}

	.status-platform{
		width: 100%;
		margin-top: 30px;
		margin-bottom: 15px;
	}

	.status-platform br{
		display: none;
	}

	.status-clear {
		max-width: none;
	}


}

/* SP */
@media only screen and (max-width: 768px) {
	.sp--none{
		display: none !important;
	}
	.sp--on{
		display: block !important;
	}

	.pc-only{
		display: none !important;
	}

	.sp--only{
		display: block !important;
	}

	.m-50{
		margin-top: 6.51vw !important;
	}

	.sf6c-header {
		width: 100%;
		background-color: #ffffff;
		color: white;
		padding: 0px 0;
		top: 0;
		margin: 0 auto;
		text-align: center;
		display: flex;
		justify-content: space-between;
		position: fixed;
		align-items: center;
		border-bottom: solid 3px #fdd000;
		z-index: 999999;
	}
	.cid-logo{
		display: block;
		line-height: 0;
		margin-left: 5px;
	}
	.cid-logo img{
		height: 9vw;
		width: auto;
		max-width: none;
	}

	.lang-img {
		width: 20px;
	}
	header .headline{
		font-size: 4.167vw;
	}
	.sf6c-main{
		margin: 60px 0 0;
	}

	.sf6c-main-img{
		line-height: 0;
	}

	.custom-select-trigger {
		padding: 0 30px 0 10px;
		font-size: 4vw;
	}

	.custom-select-trigger:after{
		right: 5px;
	}

	.sf6c-textlink{
		display: inline-block;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		border-bottom: solid 2px #fdd000;
	}

	.sf6c-textlink:hover{
		border-bottom: solid 2px #034099;
	}

	.entry-ymd{
		font-size: 4.046vw;
		font-weight: bold;
		border-top: solid 3px #034099;
		border-bottom: solid 3px #034099;
		margin: 3px auto;
	}

	.entry-ymd p{
		border-top: solid 3px #fdd000;
		border-bottom: solid 3px #fdd000;
		margin: 3px auto;
		padding: 3.255vw;
		text-align: center;
	}


	.sf6c-footer{
		background: #000;
		padding: 1.5rem 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		color: #aaa;
	}

	.footer_logo--capcom{
		width: 7.5rem;
		height: 1.4rem;
		display: block;
	}

	.sf6c-footer-text{
		 padding: 2.604vw;
		 font-size: 0.75rem;
		color: #aaa;
	}

	.sf6c-footer-text *{
		color: #aaa;
	}

	.sf6c-footer-text a{
		color: #fff;
	}

	.footer-text {
		color: #fff;
	}

	main {
		text-align:center;
	}
	p.button {
		margin: 0.651vw;
		/* background-color:black; */
		color: #000;
	}
	p.buttonDisabled {
		margin: 0.651vw;
		background-color:gray;
		color: #000;
	}
	div.campaignFlow, div.consent {
		padding: 1.953vw 0;
		margin: 0 auto;
		width: 85%;
		background-color:gray;
	}
	div.box1, div.box2, div.box3, div.box4, div.box5 {
		padding: 1.953vw 0;
		margin: 10px auto;
		width: 80%;
		background-color:white;
	}
	div.consentBody {
		padding: 1.953vw 0;
		margin: 10px auto;
		width: 90%;
		height: 120vw;
		background-color:white;
		overflow-y: auto;
	}

	article {
		text-align:center;
	}
	p.button {
		margin: 0.651vw;
		/* background-color:black; */
		color: #000;
	}
	div.campaignFlow {
		padding: 1.953vw 0;
		margin: 0 auto;
		width: 85%;
		background-color:gray;
	}
	div.box1, div.box2, div.box3, div.box4, div.box5 {
		padding: 1.953vw 0;
		margin: 10px auto;
		width: 80%;
		background-color:white;
	}
	.sf6c-section-style01{
		min-height: 50px;
		background-image: -moz-linear-gradient( -45deg, rgb(227,232,238) 0%, rgb(246,247,251) 100%);
		background-image: -webkit-linear-gradient( -45deg, rgb(227,232,238) 0%, rgb(246,247,251) 100%);
		background-image: -ms-linear-gradient( -45deg, rgb(227,232,238) 0%, rgb(246,247,251) 100%);
	}


	.sf6c-section-style02{
		min-height: 65.104vw;
		background:  url(../img/sf6c-section-bg.png);
		background-position: top center;
		background-size: 100% auto;
		background-repeat: repeat;
		position: relative;
	}

	.sf6c-section-border--top{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 0.781vw;
		border-top: solid 2px #fdd000;
		border-bottom: solid 2px #034099;
		background-color: #ffffff;
	}

	.sf6c-section-border--bottom{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 0.781vw;
		border-top: solid 2px #034099;
		border-bottom: solid 2px #fdd000;
		background-color: #ffffff;
	}

	.sf6c-section-inner{
		margin: 0 auto;
		max-width: 166.667vw;
		width: auto;
		padding: 15vw 5vw;
	}

	.sf6c-section-title{
		content: "";
		background: linear-gradient(transparent 30%, #fdd000 0%);
		padding: 0 0.13vw 0px;
		display: inline;
	}

	.sf6c-section-title span{
		font-size: 4.906vw;
		line-height: 1.75;
		position: relative;
		top: -1.953vw;
		color: #1c5dbf;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
	}

	.flow-box{
		width: 100%;
		background: rgba(255,255,255,0.7);
		border: solid 2px #fdd000;
		box-shadow: 0px 4px 8.2px 1.8px rgba(106, 112, 131, 0.15);
		margin-top: 15vw;
		position: relative;
	}

	.step::before{
		content: "";
		position: absolute;
		display: block;
		background: #fff;
		width: 22.786vw;
		height: 1.781vw;
        top: -2px;
		left: 6.51vw;
	}

	.flow-box-inner{
		border: solid 2px #034099;
		margin: 0.26vw;
		padding: 10vw 6vw 10vw;
	}

	.flow-text-box{
		margin-top: 8.464vw;
	}

	.flow-title{
		font-size: 3.385vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.step-logo{
		position: absolute;
		width: 14.974vw;
		top: -7.552vw;
		left: 10.417vw;
	}

	.cid-line{
		display: inline-block;
		position: relative;
		width: 2.604vw;
		height: 4.427vw;
		margin-right: 1.302vw;
	}

	.cid-line::before{
		content: "";
		top: 0;
		left: 0;
		width: 1.042vw;
		height: 3.255vw;
		background: #034099;
		display: block;
		position: absolute;
	}

	.cid-line::after{
		content: "";
		bottom: 0;
		right: 0;
		width: 1.042vw;
		height: 3.255vw;
		background: #fdd000;
		display: block;
		position: absolute;
	}

	.tokuten-box{
		margin-top: 10.417vw;
	}

	.privilege-granting-conditions{
		margin-top: 13.021vw;
		background: #fff;
		position: relative;
		border: solid 2px #fdd000;
		text-align: left;
	}

	.privilege-granting-conditions::before{
		content: "";
		position: absolute;
		top: -0.26vw;
		left: 50%;
		width: 32.552vw;
		height: 0.781vw;
		background: #fff;
		margin-left: -16.276vw;
		display: block;
	}

	.pgc-box-inner{
		border: solid 2px #034099;
		margin: 0.26vw;
		padding: 6.51vw;
	}

	.pgc-title{
		position: absolute;
		left: 0;
		right: 0;
		top: -3.344vw;
		text-align: center;
		display: inline-block;
	}

	.pgc-title span{
		display: inline-block;
		font-size: 5.125vw;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		position: relative;
		z-index: 1;
	}

	.pgc-title--inner{
		display: inline-block;
		position: relative;
	}

	.pgc-title--inner::after{
		content: "";
		display: block;
		position: absolute;
		background: #fff;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		box-shadow: 0px 0px 20px 17px #ffffff;
	}

	.privilege-introduction{
		margin-top: 13.021vw;
	}

	.pgc-list{
		position: relative;
		z-index: 10;
	}

	.pgc-list li{
		margin-top: 0.651vw;
		margin-left: 1.953vw;
		text-indent: -2.953vw;
		font-size: 3.5vw;
		font-weight: bold;
	}

	.pgc-list--caution{

	}

	.pgc-list--caution li{
		margin-top: 0.651vw;
		margin-left: 1.953vw;
		text-indent: -2.953vw;
		color: #4b4d62;
		font-size: 2.823vw;
	}

	.top-line{
		border-top: solid 1px #034099;
		margin-top: 3.906vw;
		padding-top: 3.906vw;
	}

	.sf6c-section-title--s02 span{
		font-size: 5.99vw;
		color: #1c5dbf;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		display: inline-block;
		position: relative;
		z-index: 1;
	}

	.sf6c-section-title--s02{
		display: inline-block;
		position: relative;
	}

	.sf6c-section-title--s02::after{
		content: "";
		display: block;
		position: absolute;
		background: #fff;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		box-shadow: 0px 0px 20px 17px #ffffff;
		border-radius: 20%;
		opacity: 0.5;
	}

	.pi-list{
		display: flex;
		margin-top: 10vw;
		flex-direction: column;
	}

	.pi-list-title{
		font-weight: bold;
		font-size: 4.344vw;
		position: relative;
		padding: 0px 0 0px 5.906vw;
		margin-bottom: 3.502vw;
		min-height: 0px;
	}

	/* .pi-list-title::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 20%;
		width: 0.391vw;
		background: #fdd000;
	}

	.pi-list-title::after{
		content: "";
		position: absolute;
		top: 20%;
		left: 0.781vw;
		bottom: 0%;
		width: 0.391vw;
		background: #034099;
	} */

	.pi-list-text{
		margin-top: 1.302vw;
		font-size: 3.5vw;
	}

	.pi-list li {
		width: 100%;
		margin: 0 0 15%;
	}

	.pi-list li:last-child {
		margin-bottom: 0;
	}

	.pi-list-caution{
		font-size: 3.2vw;
	}

	.btn-box{
		margin-top: 10.417vw;
	}

	.btn-box-s{
		margin-top: 6.51vw;
	}

	.sf6_campaign-btn{
		width: 75vw;
		height: 17.672vw;
		background:  url(../img/btn-bg.png);
		background-repeat: no-repeat;
		background-size: contain;
		display: flex;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}

	.sf6_campaign-btn:hover{

		-webkit-filter: brightness(1.10);
		filter: brightness(1.10);
	}

	.sf6_campaign-btn span{
		font-size: 4.125vw;
		background: -webkit-linear-gradient(-45deg, #034099, #1f7dff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		line-height: 1.2;
	}

	.sf6_campaign-btn.sf6_campaign-btn--off span{
		font-size: 4.125vw;
	}

	.sf6_campaign-btn span.small-text{
		font-size: 2.823vw;
		display: block;
		width: 95%;
		margin: 0 auto;
	}

	.font-style-neutral{
		font-size: 3.5vw;
		font-weight: bold;
	}

	.font-style-large{
		font-size: 4.5vw;
		font-weight: bold;
		overflow-wrap: break-word;
		display: inline;
	}


	.official-link{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-direction: column;
		max-width: 166.667vw;
		margin-top: 10.417vw;
	}

	.official-link li{
		width: 90%;
		margin: 0 0 6%;
	}

	.official-link li:last-child{
		margin: 0 0 0%;
	}

	.official-link a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 3.5vw;
		color: #000;
	}

	.official-link a:hover{
		-webkit-filter: brightness(1.25);
		filter: brightness(1.25);
	}

	.flow-column-box{
		margin-top: 10vw;
	}

	.flow-column-02{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column-reverse;
		margin-top: 5.604vw;
	}

	.flow-column-02--text{
		display: block;
		text-align: left;
		padding-right: 0;
		width: 100%;
		margin-top: 15px;
	}

	.flow-column-02--img{
		width: 100%;
	}

	.caution-box{
		border: solid 1px #dddddd;
		background: #f5f5f5;
		text-align: left;
		padding: 6.51vw;
	}

	.caution-text{
		font-size: 3.5vw;
		font-weight: bold;

	}

	.caution-list{
		margin-top: 2.604vw;
		font-size: 2.823vw;
	}

	.caution-list li{
		margin-top: 0.651vw;
		margin-left: 1.953vw;
		text-indent: -2.953vw;
		color: #4b4d62;
	}

	.status-id--text{
		font-size: 3.5vw;
	}

	.arrow{
		display: block;
		width: 100%;
		height: 13.021vw;
		background:  url(../img/arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		margin: 10vw auto ;
	}

	/* ------------------------------------ */


	.flow-box-inner.flow-box-inner-small {
		padding: 10vw 6vw 10vw;
	}

	.sf6c-section-title span.title-l {
		font-size: 6.243vw;
	}

	.cid-name {
		flex-wrap: wrap;
		margin-bottom: 13.021vw;
	}

	.cid-name--text {
		font-size: 4vw;
	}

	.status-platform {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 10px;
	}

	.status-platform--text {
		font-size: 4.227vw;
	}

	.status-clear--text {
		font-weight: bold;
		font-size: 4vw;
		display: flex;
		align-items: center;
	}

	.status-clear--text::before{
		margin: 0 25px 0 0;
	}

	.sf6_campaign-btn.btn-small span {
		font-size: 4.125vw;
	}

	.status-id--platdata {
		flex-wrap: wrap;
	}

	.cid-rt::before {
		content: "";
		top: 15px;
		left: 20px;
		width: 10px;
		height: 25px;
		background: #034099;
		display: block;
		position: absolute;
	}

	.cid-rt::after {
		content: "";
		top: 25px;
		left: 34px;
		width: 10px;
		height: 25px;
		background: #fdd000;
		display: block;
		position: absolute;
	}

	.sf6_campaign-btn.sf6_campaign-btn--off {
		background: url(../img/btn-bg-off.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

}




/* ------------------------------------ */
/* 多言語調整 */
/* ------------------------------------ */


.lang-ru .entry-ymd,
.lang-pt_BR .entry-ymd{
	font-size: 25px;
}


/* PC-mini */
@media only screen and (max-width: 1480px) {
	.lang-ru .entry-ymd,
	.lang-pt_BR .entry-ymd{
		font-size: 1.592vw;
	}
}




/* SP */
@media only screen and (max-width: 768px) {

	/* .lang-en .sf6_campaign-btn span{
		font-size: 3.125vw;
	}

	.lang-en .sf6_campaign-btn span.small-text {
		font-size: 2.423vw;
	} */

	.lang-ru .entry-ymd,
	.lang-pt_BR .entry-ymd{
		font-size: 3.592vw;
	}

}



/* ------------------------------------ */
/* アコーディオン 関連 */
/* ------------------------------------ */


.accordion_btn_style{
	margin: 100px auto 0;
	display: block;
	background: #fff;
	cursor:pointer;
	font-size: 18px;
	font-weight: bold;
	color: #034099;
	position: relative;
	border: solid 2px #fdd000;
	padding: 2px;
	width: 70%;
	box-shadow: 0px 4px 8.2px 1.8px rgba(106, 112, 131, 0.15);
	transition: all 0.15s ease-out;
}


.accordion_btn_style:hover{
	opacity: 0.7;
	transition: all 0.15s ease-out;
}

.accordion_btn_style::before{
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 23px;
    background: #034099;
    right: 37px;
    top: 27px;
	transition: all 0.15s ease-out;
}

.accordion_btn_style::after{
    content: "";
    position: absolute;
    display: block;
    width: 23px;
    height: 2px;
    background: #034099;
    right: 27px;
    top: 37px;
}

.accordion_btn_style.on::before{
	opacity: 0;
	transition: all 0.15s ease-out;
}

.accordion_btn_style span{
	display: block;
	padding: 20px 50px;
	border: solid 2px #034099;
	color: #034099 !important;
}

.sf6c-section-inner.accordion_top{
	padding-top: 0;
}

.accordion_box{
	overflow: hidden;
	height: 0;
	transition: all 0.5s ease-out;
	opacity: 0;
}

.accordion_box.open{
	transition: all 0.5s ease-out;
	height: auto;
	opacity: 1;
}


/* SP */
@media only screen and (max-width: 768px) {
	.accordion_btn_style{
		width: 100%;
	}
}




/* ------------------------------------ */
/* アラビア語調整 */
/* ------------------------------------ */



.lang-ar article{
	direction: rtl;
}

.lang-ar .pgc-box-inner{
	text-align: right;
}

.lang-ar .pi-list-title{
	padding: 0px 30px 0px 30px;
}

.lang-ar .pi-list-title::before{
	left: auto;
	right: 0;
}

.lang-ar .pi-list-title::after{
	left: auto;
	right: 6px;
}

.lang-ar .pi-list-text{
	text-align: right;
}

.lang-ar .step-logo{
	right: 80px;
	left: auto;
}

.lang-ar .step::before{
	right: 50px;
	left: auto;
}

.lang-ar .cid-line{
	margin-left: 20px;
}

.lang-ar .flow-column-02--text{
	padding-left: 40px;
    text-align: right;
}

.lang-ar .caution-box{
	text-align: right;
}

.lang-ar .status-clear--text::before{
	 margin: 0 10px 0 10px;
}

.lang-ar .cid-rt::before{
	right: 30px;
	left: auto;
}

.lang-ar .cid-rt::after{
	right: 44px;
	left: auto;
}

.lang-ar .terms-text{
	text-align: right;
}

.lang-ar .status-platform--text{
	text-align: right;
}

.lang-ar .cid-name--text{
    padding-left: 15px;
}


/* SP */
@media only screen and (max-width: 768px) {

	.lang-ar .step-logo {
		position: absolute;
		width: 14.974vw;
		top: -7.552vw;
		right: 10.417vw;
		left: auto;
	}

	.lang-ar .step::before {
		content: "";
		position: absolute;
		display: block;
		background: #fff;
		width: 22.786vw;
		height: 1.781vw;
		top: -2px;
		right: 6.51vw;
		left: auto;
	}

	.lang-ar .flow-column-02--text{
		padding: 0;
	}
}