@charset "utf-8";

/* =============================================
 上書き
============================================= */
body{
	background: #48b9eb url(../img/dream_bg.png) 0 0 repeat;
}
.main{
	background: #c4f0ff;
}

/* =============================================
 header
============================================= */

.section-header{
	border-bottom: 13px solid #16a5e0;
}

/* =============================================
 title
============================================= */
.section-title{
	position: relative;
	margin: 0 auto;
	text-align: center;
	background: transparent url(../img/dream_title_bg.png) center center no-repeat;
}
.title_wrap{
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 660px;
	width: 100%;
}
.dream_sponsor{
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 4% 0 0;
	width: 92.121%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dream_title,.dream_txt{
	display: block;
	clear: both;
	padding: 0;
	margin: 0 auto;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	width: 100%;
	height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dream_title{
	padding-top: 47.041%;
	background: transparent url(../img/dream_title.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.dream_txt{
	padding-top: 17.387%;
	padding-bottom: 5%;
	background: transparent url(../img/dream_title_txt.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}




/* =============================================
 contents
============================================= */
.main-txt{
	display: block;
	width: 100%;
	max-width: 1000px;
	background: transparent url(../img/dream_bg2.png) top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
	line-height: 1.8em;
}
.main-txt p + p{
	margin-top: 1.5rem;
}
.txt_strong{
	color: #e60012;
	font-weight: bold;
	font-size: 1.875rem;
	line-height: 1.4em;
}


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

	.main-txt{
		margin: 0 auto;
		width: 95%;
		text-align: left;
	}
}



/* =============================================
 banner
============================================= */
.section-banner{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	/*padding: 280px 0 50px;*/
	padding: 30px 0 50px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section-banner a{
	max-width: 100%;
	display: inline-block;
	border: 1px solid #fff;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section-banner a img{
	max-width: 100%;
}


.btn_oubo {
    text-align: center;
    height: 100px;
    margin: 0 auto;
}

.btn_oubo a {
    max-width: 85%;
    display: inline-block;
}
@media screen and (max-width:350px) {

	.section-banner{
		padding-top: 70%;
	}
}


.end{
font-size: 2rem;
	border: 1px solid #fff;
	padding: 2.5rem;
	display: inline-block;
	background: #fff;
	color: #666;
	border-radius: 101px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}