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

/* XMの口座開設手順のページのCSSです。このCSSに全デバイス用のCSSを記述します。 */

/* 口座開設フォームへのボタンのCSSここから */

.xm_start_btn_link
{
text-decoration:none;
}

@media screen and (min-width:601px)/*PC*/
{

.xm_start_btn_box
{
display:block;
width:50%;
max-width:400px;
background-color:#2C3539;
text-align:center;
margin:0 auto;
margin-top:40px;
margin-bottom:40px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.xm_start_btn_box p
{
color:#FFF;
font-size:20px;
font-weight:bold;
padding:15px 0 15px 0; 
}

}

@media screen and (max-width: 600px)/*スマートフォン*/
{
	
.xm_start_btn_box
{
display:block;
width:100%;
max-width:300px;
background-color:#2C3539;
text-align:center;
margin:0 auto;
margin-top:40px;
margin-bottom:40px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.xm_start_btn_box p
{
color:#FFF;
font-size:14px;
font-weight:bold;
padding:10px 0 10px 0; 
}
	
}

/* 口座開設フォームへのボタンのCSSここまで */

/* 画像のCSSここから */
@media screen and (min-width:601px)/*PC*/
{

.xm_start_img01
{
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
max-width: 700px;
width: 100%;
height: auto;
border: 10px solid #2C3539;
margin-top: 30px;
margin-bottom: 30px;
}
	
.xm_start_img02
{
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
max-width: 620px;
width: 100%;
height: auto;
border: 10px solid #2C3539;
margin-top: 30px;
margin-bottom: 30px;
}

}

@media screen and (max-width: 600px)/*スマートフォン*/
{

.xm_start_img01,
.xm_start_img02
{
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: auto;
border: 10px solid #2C3539;
margin-top: 30px;
margin-bottom: 30px;
}

}

/* 画像のCSSここまで */

/* 目次のCSSここから */

@media screen and (min-width:601px)/*PC*/
{

.xm_step_index
{
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
max-width: 620px;
width: 100%;
height: auto;
border: 10px solid #2C3539;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px 20px 5px 20px;
}

.xm_step_list
{
list-style: decimal;
margin: 0 20px 15px 20px;
}

}

@media screen and (max-width: 600px)/*スマートフォン*/
{

.xm_step_index
{
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: auto;
border: 10px solid #2C3539;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px 20px 5px 20px;
}

.xm_step_list
{
list-style: decimal;
margin: 0 20px 15px 20px;
}

}

/* 目次のCSSここから */