@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body{
	

}
.pc{
	display: block;
	
}
.sp{
	display: none:
}

.s2 h3,.s2 p,.s2 ul{
	letter-spacing: 0.1em;
}

.s2 p,.s2 ul{
	line-height: 2;
}
a.header-logo{
	
display: flex;
}
.h1-siz{
	
text-align: initial;
	
font-size: 1.5em;
	
background: transparent;
	
border-left: solid 5px #2158f3;
	
padding: 0.1em 0.5em;
	
margin: 15px 0 25px 0;
}
.h1-icrn{
font-size: 1.5em;	
}

ul.top-step{
	
list-style: none;
	
padding: 0 0;
	
display: inline-block;
	
margin: 0 0;
} 

.top-step li{
  position: relative;
  color: black;
  background: #ebebeb;
  line-height: 1.4;
  padding: 1em 0em;
  margin: 2em 0 3em;
  border-radius: 0 5px 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.top-step li:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  background: #a8a8a8;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px 5px;
  font-size: 1em;
  letter-spacing: 0.05em
}
.top-step li:nth-of-type(1):after {
  content: "STEP 1";
}
.top-step li:nth-of-type(2):after {
  content: "STEP 2";
}
.top-step li:nth-of-type(3):after {
  content: "STEP 3";
}
.top-step li img{
	width: 20%;
	margin: 0;
}
.top-step li strong{
	display: block;
	font-size: 1.1em;
	margin: 0 0 5px 0;
}
.top-step li div{
	width: 70%;
}
.top-step li:nth-of-type(3){
	
margin-bottom: 0;
}

ul.top-feature-list{
	
}















@media screen and (max-width: 670px){
	
.pc{
	display: none;
	
}
.sp{
	display: block:
}
main {
    background: #ffffff;
    margin: 0;
    padding: 10px;
}
.s1 div {
    margin: 0 0px 0 0;
    width: 50%;
    text-align: center;
    text-align: center;
}
.s1 {
    background: #f4f4f4;
    display: flex;
    padding: 15px 10px;
    justify-content: space-between;
}	
.s1 div:first-of-type{
	border-right: 1px solid #cacaca;
}
.s1 span {
    color: #ea0000;
    font-size: 1.3em;
    margin: 0 5px;
}	
.s1 div:nth-of-type(2){
    font-weight: bold;
    margin: 0 0 0 5px;
}	
.top-0-a{
	display:flex;
}	
.top-0-a a:nth-of-type(2){
	margin: 0 0 0 0;
}	
.top-0-a a {
    margin: 0 15px 0 0;
}	
.s2 {
    margin: 0px auto 0;
    width: 100%;
}	
.s2 img {
    width: 100%;
    margin: 0px 0px 20px;
}	
h2.ti {
    letter-spacing: 0.15em;
    font-weight: 400;
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #2158f3;
}
.s2:nth-of-type(3) h2.ti {
    letter-spacing: 0.06em;
    font-weight: 400;
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #2158f3;
}
.s2 h3,.s2 p,.s2 ul{
	line-height: 1.3;
}		
.s2 ul li{
	margin-top: 10px;
}	
.main-in {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}
.main-transaction, .main-listing, .main-purchase-history, .main-listing-history, .main-charge-history, .main-withdrawal-history {
    background: white;
    padding: 10px;
    margin: 15px 0;
    box-shadow: none;
    border: 1px solid #e4e2e2;
}
.main2-in {
	    border-radius: 0px;
        box-shadow: initial;
        border: 1px solid #e4e2e2;
    }
.h1-siz {
    text-align: initial;
    font-size: 1.4em;
    background: transparent;
    border-left: solid 5px #2158f3;
    padding: 0.1em 0.5em;
}	
	
ul.top-step {
    margin: 20px 0 0 0;
}	
	
	
	
	
	
	
	
	
	
	
	
}