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

#main_v{
	background:url(../img/main_v_bg.jpg) center bottom/1150px no-repeat;
	
}
#main_v .title{
	text-align:center;
	padding:3.5rem 0;
}
#main_v .text{
	text-align:center;
	line-height:2.3;
	font-weight:bold;
	padding-bottom:17rem;
}
#flow{
	margin-top:-3.5rem;
	text-align:center;
	margin-bottom:7rem;
}
#flow ul{
	display:inline-block;
}
#flow li{
	font-size:3rem;
	padding:1em 0;
	width:14.3em;
	line-height:1;
	border-radius:0.4em;
	background:url(../img/icon_notice.png) 0.5em center/2.13em no-repeat;
	background-color:#fcc800;
	text-align:center;
	margin-bottom:1.5em;
	position:relative;
}
#flow li:nth-of-type(2){
	background:url(../img/icon_think.png) 0.5em center/2.13em no-repeat;
	background-color:#f5a201;
}
#flow li:nth-of-type(3){
	background:url(../img/icon_act.png) 0.5em center/2.13em no-repeat;
	background-color:#fcc800;
}
#flow li:after{
	content:"";
	background:url(../img/arrow.gif) 0 0/contain no-repeat;
	width:0.8em;
	height:0.53em;
	position:absolute;
	bottom:-1em;
	left:50%;
	margin-left:-0.4em;
}
#flow .circle{
	background:url(../img/bg_circle.png) center 0 no-repeat;
	justify-content:center;
}
#flow .circle p{
	font-size:3rem;
	margin:0 1.5em;
	line-height:1.3;
	padding:2.7em 0;
}
#prize{
	margin-bottom:10rem;
}
#prize .ttl{
	text-align:center;
}
#prize .ttl h2{
	font-size:3rem;
	display:inline-block;
	padding:0.3em 3em;
	position:relative;
	background:url(../img/ttl_left.gif) left center/1.366em no-repeat,url(../img/ttl_right.gif) right center/1.36em no-repeat;
}
#prize .ttl h2 span{
	font-size:2rem;
	display:block;
	margin-top:-0.3em;
}
#prize .flex{
	flex-wrap:nowrap;
	align-items:center;
}
#prize .logo{
	border:solid 1px #505050;
	border-radius:0.5rem;
	padding:1.8rem 2.6rem;
	font-size:0px;
	margin-right:2.5rem;
}



/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){

}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#main_v {
	background:url(../img/main_v_bg.jpg) 55% bottom/cover no-repeat;
    margin-bottom: 0vw;
}	
h1 {
    font-size: 2.8rem;
}
#main_v .title {
	width:40%;
	margin:0 auto;
}
#main_v .text {
	margin-left:-1.2rem;
	margin-right:-1.2rem;
}
#flow {
    margin-top: -2rem;
	margin-bottom:5rem;
}
#flow li {
    font-size: 2.5rem;
    width: 14em;
}
#flow .circle {
	background-size:100%;
}
#flow .circle p {
    font-size: 2.5rem;
}
#prize {
    margin-bottom: 5rem;
}
#prize .ttl h2 {
    font-size: 2.5rem;
    padding: 0.3em 1.5em;
}
#prize .ttl h2 span {
    font-size: 1.6rem;
}
#prize .flex {
    flex-wrap: wrap;
	justify-content:center;
}
#prize .logo {
	margin-right:0px;
	display:inline-block;
	margin-bottom:2rem;
}
.btn_red a {
    padding: 1em 2em;
}



}