main.top_page {
	width: 100%;
	background-size: auto 100%;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(90deg, #000000 0%, #041334 100%);
	padding-bottom:1%;
}

@media screen and (max-width: 768px) {
main.top_page {
	max-width: 480px;
}
}

.header_logo_area {
	background:#fff;
	padding:10px 30px;
}

 .header_logo_area img{
	width:200px;
	margin:0 1%;
}

@media screen and (max-width: 768px) {
.header_logo_area {
	padding:10px;
}
 .header_logo_area img{
	width:40%;
}
}

.header_top_area {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
	text-align:center;
}

@media screen and (max-width: 768px) {
.header_top_area{
	width: 100%;
	height:auto;
}

.header_top_area > img{
	width: 100%;
	height:100%;
	object-fit:cover;
}
}

.main_title{
    text-align: center;
    font-size: 250%;
    font-family: 'Zen Antique', serif;
    color: #512e01;
    background: linear-gradient(90deg, #bf9839 0%, #ffe59c 50%, #b7933a 100%);
    margin-bottom: 2%;
    padding: 15px 0;
}

@media screen and (max-width: 768px) {
.main_title{
	padding:2% 0;
	font-size:120%;
}
}

.content_block03 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1300px;
	margin:0 auto 2%;
}

.content_block03 .content_box{
	padding:2%;
	width:26%;
	margin:0.5%;
	border: solid 10px #bb9c4b;
}

.content_block03 .content_box .content_ttl01{
	margin:2% auto 1%;
	font-family: 'Zen Antique', serif;
	font-size:200%;
	color:#bb9c4b;
	text-align:center;
}

.content_block03 .content_box .text{
	color:#fff;
	font-size:150%;
	line-height:1.5;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:2px;
	font-weight:600;
	text-align:center;
}

@media screen and (max-width: 768px) {
.content_block03 {
	width:100%;
	margin:1% auto;
}

.content_block03 .content_box{
	float:none;
	width:80%;
	margin:2% auto;
	padding:4%;
	border: solid 5px #bb9c4b;
}
.content_block03 .content_box .content_ttl01{
	margin:0 auto;
	font-size:130%;
	text-align:left;
}

.content_block03 .content_box .text{
	font-size:90%;
	text-align:left;
}
}

.million_dollar_area{
    position: relative;
    max-width: 1300px;
    margin: 5% auto;
	text-align:right;
}

.million_dollar_area .content_box01_picture{
display:inline-block;
margin-top:15%;
}

.million_dollar_area .content_box01_picture img{
	border:10px solid #f7db90;
	width:100%;
}

@media screen and (max-width: 768px) {
.million_dollar_area{
    position: relative;
    max-width: 1300px;
    margin: 5% auto 10%;
	text-align:right;
}

.million_dollar_area .content_box01_picture{
margin-top:0;
margin-right:1%;
}

.million_dollar_area .content_box01_picture img{
	border:5px solid #f7db90;
	width:60%;
}
}

.content_box01{
    padding: 3% 2%;
    width: 69%;
    border: 10px solid #bb9c4b;
    background: linear-gradient(90deg, #041336 0%, #046ebe 50%, #041336 100%);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
	position:absolute;
	text-align:left;
	top:0;
}

@media screen and (max-width: 768px) {
.content_box01{
    padding: 2%;
    width: 90%;
    border: 5px solid #bb9c4b;
	position:static;
    margin-left: 1%;
}
}

.content_box01 .content_ttl02{
	margin:0 auto 1%;
	font-family: 'Zen Antique', serif;
	font-size:200%;
	color:#fff;
	border-bottom: solid 1px #fdd46f;
	padding:1% 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

@media screen and (max-width: 768px) {

.content_box01 .content_ttl02{
	margin:0 auto 1%;
	font-size:130%;
	padding:1%;
	}

}

.content_box01 .content_txt_box .content_ttl03{
	font-family: 'Zen Antique', serif;
	font-size:160%;
	color:#d5c491;
	font-weight:normal;
	float:left;
	width:21%;
}

@media screen and (max-width: 768px) {
.content_box01 .content_txt_box .content_ttl03{
	font-size:115%;
	color:#d5c491;
	float:none;
	width:80%;
}
}

.content_box01 .content_txt_box .content_txt{
	width:79%;
	float:left;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:150%;
	font-weight:normal;
	color:#fff;
	padding:0;
}

@media screen and (max-width: 768px) {
.content_box01 .content_txt_box .content_txt{
	width:100%;
	float:none;
	font-size:100%;
	padding:0;

}
}

.content_txt_box{
	overflow:hidden;
	padding:1% 0;
}

.content_box01 .content_txt{
	padding:1% 0 1% 2%;
	width:70%;
	float:left;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:120%;
	font-weight:600;
	color:#fff;
}

.million_dollar_note{
	width: 100%;
	max-width: 1300px;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:100%;
	color:#fff;
	margin:1% auto;
}

@media screen and (max-width: 768px) {
.million_dollar_note{
	width: 94%;
	font-size: 90%;
	margin: 3% auto;
	padding: 0 2%;
}
}

.million_dollar_campaign_btn_area{
width: 1000px;
    margin: 1% auto 5%;
    text-align: center;
}

@media screen and (max-width: 768px) {
.million_dollar_campaign_btn_area{
width: 100%;
    margin: 1% auto 3%;

}
}

.million_dollar_campaign_btn{
    background: linear-gradient(90deg, #bebebe 0%, #ffffff 50%, #bebebe 100%);
    font-size: 140%;
    border-radius: 5px;
    margin: 1% auto;
    padding: 2%;
    display: inline-block;
    font-family: 'Noto Serif JP', serif;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    width: 250px;
    text-align: center;
    font-weight: bold;
}


@media screen and (max-width: 768px) {
.million_dollar_campaign_btn{
    font-size: 120%;
}
}

.million_dollar_campaign_btn:hover{
	border-bottom-color: transparent;
	transform: translateY(0.1875em);
}

a.million_dollar_campaign_btn{
	text-decoration:none;
    color: #151515;
}

.million_dollar_campaign{
	width: 100%;
	max-width: 1300px;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:100%;
	color:#fff;
	margin:1% auto;
}

.million_dollar_campaign .campaign_box{
	margin:2% auto;

}


.million_dollar_campaign .campaign_box  .campaign_ttl{
    font-family: 'Noto Serif JP', serif;
    line-height: 1.5;
    font-size: 180%;
    color: #bb9c4b;
    margin: 1% auto;
    padding: 1%;
    border-bottom: solid 3px #bb9c4b;
    font-weight: bold;
}


@media screen and (max-width: 768px) {
.million_dollar_campaign .campaign_box  .campaign_ttl{
    font-size: 120%;
}
}


.million_dollar_campaign p{
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:120%;
	color:#fff;
	margin-left:2%;

}
@media screen and (max-width: 768px) {
.million_dollar_campaign p{
	font-size:100%;
}
}


@media screen and (max-width: 768px) {
.million_dollar_campaign{
	width: 94%;
	font-size: 90%;
	margin: 3% auto;
	padding: 0 2%;
}
}

.million_dollar_disclaimer{
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:100%;
	color:#fff;
	margin-top:5%;
	padding:1% 2%;
	border:solid 10px #bb9c4b;
}


.million_dollar_disclaimer p{
	font-size:100%;
	color:#fff;

}

.million_dollar_disclaimer a{
	color:#ccebff;

}

.million_dollar_disclaimer p.ttl{
	font-size:120%;
	font-weight:bold;
	color: #bb9c4b;
}