body{  }

#wrap { 
	width: 515px; margin: 50px auto; 
	border: 1px solid white; 
	height: 820px; 
	background: url(./../images/common/phone.png) no-repeat ;
}

#wrap_inner{ 
	margin: 110px 60px 60px 70px; height: 600px; overflow: auto;
}

#header, #bodyer, #footer {
	background-color: white;
}
/*
#wrap_header {
	margin-top:100px;
}
*/


/*
#wrap { width: 100%; }

#wrap_header, #wrap_visual, #wrap_refer, #wrap_join, #wrap_wallet, #wrap_footer{
	width: 100%;
}

#wrap_refer {margin:60px 0;}

#wrap_header{
	box-shadow: 3px 3px 10px #bebdbd; font-size : 16px; font-weight: bold;
}
#header_menu > ul {
	width:300px;
}

#header_sub_menu > ul {
	font-size:14px;
}

#header, #bodyer, #visual, #refer, #join, #wallet, #footer{
	width: 1000px;
	margin: auto;
}


#header { display: flex; height: 80px; }
#header > div {  
	display: flex; 
	align-items: center;
	font-size: 20px;
	font-weight: 500;
}
#header > div:first-child { 
	flex: 0.55; -ms-flex: 0.7; -webkit-flex: 0.7; 
}
#header > div:first-child + div { 
	flex: 0.55; -ms-flex: 0.7; -webkit-flex: 0.7; 
}
#header > div:last-child { 
	justify-content: right;
	
	justify-content: flex-end;

}
img.blt_log { width: 15px; }


#visual { padding:60px 0; }
#wrap_visual {
	background: url(./../images/home/bg1.png) no-repeat ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:right;
}
#visual_text { color: white; }
#visual_text > p:first-child { font-size: 40px; font-weight: 500; }
#visual_text > p:last-child { font-size: 20px; font-weight: 400; }

#visual_button { margin-top: 30px; }
#visual_button > button {
	border: 2px solid #dc7027; 
	border-radius: 4px;
	
	width: 120px;
	height: 40px;
	letter-spacing: 1px; 
	margin-left: 10px; 
	font-weight: 500; 
	font-size:20px;
	color:#dc7027;
	background-color:#00000060;
}
#visual_mail { margin-top: 180px; }
#visual_mail img { width: 60px; }


#refer {   }
#refer_title {  }

#refer_title .main_title1 {
	font-size:30px;font-weight: 500;
}
#refer_title .main_title2 {
	font-size:20px;font-weight: 400;
}

#refer_flow { 
	display: flex; 
	justify-content: center; 
	
	margin-top: 48px; 
}
#refer_flow > div {  
  	text-align: center;
	flex: 1; -ms-flex: 1; -webkit-flex: 1;
}
#refer_flow img.flow{ width: 90px; }
#refer_flow img.arrow{ height: 30px; margin: 30px -21px 0 -21px; }

#refer_contents { 
	
	justify-content: center; 
	margin-top: 30px; 
}
#refer_contents > div {  
  	text-align: center;
	flex: 1; -ms-flex: 1; -webkit-flex: 1;
	line-height: 1.5em; 
	width:250px;
}
#refer_contents .main_title1 {
	font-size:20px; font-weight: 500; margin-bottom: 15px;
}
#refer_contents .main_title2 {
	font-size:18px; font-weight: 400; line-height: 27px; width:305px;
}

#refer_link { 
	display: flex; 
	justify-content: center; 
	margin-top: 60px; 
	padding-bottom: 25px;
}
#refer_link > div {  
  text-align: center;
  width: 195px; height: 60px; border-radius: 23px;
  box-shadow: 0px 25px 24px rgba(0, 0, 0, 0.2);
  
  line-height: 1.5em; margin: 0 15px;
}
#refer_link img { height: 60px; border-radius: 23px;}
#refer_link > div:first-child { text-align: right; }
#refer_link > div:last-child { text-align: left; }


#join{ padding: 60px 0; }
#wrap_join {
	background: url(./../images/home/bg2.png) no-repeat ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:right;
}

#join_title { text-align: left;}
#join_title > p:first-child {
	font-size:30px; font-weight: 500; color: #73F5E5;
}
#join_title > p:last-child {
	font-size:20px;font-weight: 400; color: #73F5E5;
}

#join_box {
	width: 280px;
	height: 150px;
	background-color: rgba(0, 0, 0, 0.6);
	margin: auto;
	margin-top: 48px; 
	text-align: center;
	padding: 30px;
}

#join_box > p:first-child {
	font-size: 20px;
	color:white;
	font-weight: 500;
}
#join_box > p:first-child + p {
	font-size: 30px;
	color: white;
	font-weight: 700; 
}

#join_box > button{
	border: 2px solid #dc7027; 
	border-radius: 4px;
	width: 120px;
	height: 40px;
	letter-spacing: 1px; 
	font-weight: 500; 
	font-size:20px;
	color:#dc7027;
	margin-top: 36px;
	background-color: unset;
	
}

#join_contents {
	text-align: center; 
	margin-top: 48px; 
	margin-bottom: 25px;
}

.join_contents_body{
	background-color: #f1f1f1;
	border-radius: 15px;
	display: -webkit-inline-box; 
	align-items: center;
	width: 270px;
	height: 102px;
	padding: 12px; 
	box-shadow: 0px 25px 24px rgba(0, 0, 0, 0.2);
	
	margin-left: 1em; 
}

.join_contents_body > div {
	flex: 1; -ms-flex: 1; -webkit-flex: 1;
}
.join_contents_body > div:first-child {
	background: linear-gradient(-0deg, #da5d18, #e78600); 
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
	width: 60px;
	height: 60px;
	border-radius: 7px;

	background-color: orangered;

	background: linear-gradient(-0deg, orangered, orange);
    background: -webkit-linear-gradient(-0deg,orangered, orange);
    background: -o-linear-gradient(-0deg, orangered, orange);
    background: -moz-linear-gradient(-0deg, orangered, orange);

	font-size: 2em; 
	padding: 0.3em;
	border-radius: 0.5em;
	color: white;
	font-weight: bold;
}

.join_contents_body > div:last-child{
	text-align: left;
	padding-left: 10px;
}

.join_contents_body h4{
	font-size: 20px;font-weight: 500;
}
.join_contents_body h5{
	font-size: 16px;
	font-weight: 400;
}
.join_contents_body p{
	font-size: 16px;
	font-weight: 400;
}

#wrap_wallet{
	background-color: #ffffff;
	padding:60px 0 100px 0;
}

#wallet_title {  }
#wallet_title > p:first-child {
	font-size:30px; font-weight: 500;
}
#wallet_title > p:last-child {
	font-size:20px;font-weight: 400;
}

.wallet_item {
	margin-top: 48px; 
	display: -webkit-box;
}

.wallet_item > div {
	margin: 0;
}
.wallet_img { width: 300px; margin-top:10px;}
.wallet_store { height: 42px; }

.wallet_item h4 { font-size: 20px; margin-bottom: 25px; font-weight: 500; color: #323333; }
.wallet_item p { font-size: 18px; margin-bottom: 5px; font-weight: 400;  }



#wrap_footer {padding:0; background-color: #ffffff; border-top:1px solid #d4d4d4; }

#footer_link {
	display: -webkit-box;
}
#footer_link > div {
	margin: 0;
}

#footer1{background-color: #ffffff; padding: 30px 0 ;}
#footer2{background-color: #595a5a; padding: 15px 0;}


#footer_link h4 { color: #595a5a; margin-bottom: 10px; font-size: 16px; font-weight: 400; }
#footer_link p { color: #666; margin-bottom: 5px; font-size: 16px; font-weight: 300; }
#footer_link a { color: #666; margin-bottom: 5px; font-size: 16px; font-weight: 300;  }

#footer_copy { color: #ffffff; font-size: 12px; font-weight: 300; text-align:left;}

*/