body {
	padding:0;
	margin:0;
}

body img {
	vertical-align: bottom;
}

.st_wrap {
	clear: both;
	width:100%;
	max-width: 1000px;
	padding: 0 0;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;	
	background: linear-gradient(150deg, #fff , #fff);
	font-size:14px;
}
.st_wrap p {
	padding:0;
	margin:0;
}


#main_ {
	max-width:700px;
	margin:0 auto;
	position:relative;
}

.sp {
	display:none;
}
	
.Lead {
	font-weight:bold;
	text-align:center;
	font-size:110%;
	padding:0 ;
	margin:3% auto 2%;
	text-align:center;
	color: #db454e;
}

.clear {
	clear:both;
}

.mv_box {
	width: 40%;
	margin: 2% auto;
}

.mv_box video {
	width: 100%;
}

.txt_box {
	width: 100%;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	font-size: 28px;
	background-color: #3c4242;
	color: #fff;
	text-align: center;
	margin-top: 4%;
	padding: 2%;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}

.txt_box_s {
	width: 100%;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 16px;
	color: #000;
	text-align: center;
	letter-spacing: 0.2em;
}

.btn_code1 {
	float: left;
	color: #000;
	font-size: 15px;
	text-align: center;
	margin-top: 2%;
	padding:1.5% 0;
	border:2px solid #000;
	width:24%;
	background-color: #fff;
	border-radius: 50px;
}

.btn_code1 a{
	text-decoration: none;
	display: block;
	color:#000;
	font-weight: bold;
}

.btn_code2 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 3% auto 2%;
	padding:2% 0;
	border:0px solid #000;
	width:50%;
	background: linear-gradient(150deg, #7733f9 , #d902ba , #ff343c , #ffcc00);
}

.btn_code2 a{
	text-decoration: none;
	display: block;
	color:#fff;
	font-weight: bold;
}

.btn_code2 a:hover{
	opacity: 0.7;
}

.btn_code3 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 2% auto 4%;
	padding:2% 0;
	border:2px solid #000;
	width:50%;
	background-color: #000;
}

.btn_code3 a{
	text-decoration: none;
	display: block;
	color:#fff;
	font-weight: bold;
}

.btn_code3 a:hover{
	opacity: 0.7;
}

.ml_1 {
	margin-left:25%
}

.ml_2 {
	margin-left:1.5%
}


@media only screen and (max-width: 900px) {
#main_ {
	width: 100%;
	margin:0 auto 0;
}
.pc {
	display:none;
}
.sp {
	display:block;
}
.Lead {
	font-size:12px;
	padding:0 2%;
	margin: 4% 0 0;
}
	
.mv_box {
	width: 84%;
	margin: 3% auto 1%;
}

	
.btn_code1 {
	width:40%;
	margin-top: 7%;
	font-size: 12px;
}
	
.btn_code2 {
	width:84%;
	padding: 3.3% 0 ;
	font-size: 14px;
	margin-top: 8%;
}
	
.btn_code3 {
	width:84%;
	padding: 3.3% 0 ;
	font-size: 14px;
	margin-top: 4%;
}
	
.ml_1 {
	margin-left:8%
}

.ml_2 {
	margin-left:2%
}
	
.txt_box {
	font-size: 20px;
	margin-top: 10%;
	padding-bottom: 3%;
}

.txt_box_s {
	font-size: 14px;
}
	
}