@charset "utf-8";
/* 
 style info : topスタイル

2017/07/26
 
 font 16pxベース(PC/SP)
    10px = 62.5%     11px = 68.75%     12px = 75%     13px = 81.25%
    14px = 87.5%    15px = 93.75%    16px = 100%  17px = 106.25%
    18px = 112.5%  19px = 118.75%  20px = 125%  21px =131.25%
    22px = 137.5%    23px = 143.75%    24px =150%    25px =156.25%
    26px = 162.5%  34px = 212.5%…40px = 250%  58px = 362.5%
	
 
 */
 

 
/*----------------------------------------------------
	wrap
----------------------------------------------------*/
.wrap{
	background:#ffb4a0 url(../img/bg.png) ;
	padding:0 0 20px;
}

/*----------------------------------------------------
	ttl
----------------------------------------------------*/

.ttl h2{
	margin-bottom:10px;
}
.ttl li{
	float:left;
	background:#fff;
	border-right:1px solid #42210b;
	box-sizing:border-box;
	text-align:center;
	width:25%;
	height:50px;
	line-height:50px;
}
.ttl li:last-child{
	border-right:none;
}
.ttl li a{
	display:block;
	width:100%;
	height:100%;
	color:#42210b;
	text-decoration:none;
}
.ttl li a:hover{
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
	background-color: #42210b;
	color:#fff;
}

@media screen and (max-width: 768px) {
	.ttl h2 img{
		width:100%;
	}
	.ttl li{
		width:50%;
	}
	.ttl li:nth-of-type(2){
	border-right:none;
}
.ttl li:nth-of-type(1),.ttl li:nth-of-type(2){
	border-bottom:1px solid #42210b;
}
}



/*----------------------------------------------------
	#contetnts
----------------------------------------------------*/

#contents{
	background:#fff;

}

#contents h3{
	background:#42210b;
	text-align:center;
	font-size:125%;
	color:#fff;
	padding:10px 0;
	margin-bottom:30px;
}

section{
		padding-bottom:40px;
}
 @media screen and (max-width: 768px) {
	 section{
		padding-bottom:30px;
}
 }
 
 /*講習会用リンクボタン追加*/
 
.link_btn{
	background:#F9F6BB;
	text-align:center;
	margin-bottom:20px;
}
 .link_btn a{
 display:block;
 color:#e60012;
 width:100%;
 height:100%;
 padding:12px 0;
 text-decoration:none;
 background:url("../img/icon_arrow.png") no-repeat 70% center;
 }
  .link_btn a:hover{
  -webkit-transition: 0.6s ;
	transition: 0.6s ;
	background-color: #f9ed00;
 }
  .link_btn a br{
	  display:none;
	  }
  @media screen and (max-width: 768px) {
	  .link_btn a{
		  background:url("../img/icon_arrow.png") no-repeat 90% center;
 }
	    .link_btn a br{
	  display:block;
	  }
  }
 
 
 /*キャンペーンの流れ*/
 
.campaignflow{
}
.campaignflow .flow{
	background:url("../img/arrow.gif") no-repeat center bottom;
	padding-bottom:50px;
	margin-bottom:20px;
}
.campaignflow .flowbox01{
	border-radius:15px;
	padding:0 20px 0 100px;
	background:#F9F6BB;
	background-image:url(../img/flow_no_01.gif);
	background-repeat:no-repeat;
	background-position:40px center ;
	background-size:36px;
	height:120px;
}
.campaignflow .flowbox01 p{
	display: table-cell;
	height:120px;
	padding:0 30px 0 0;
	vertical-align: middle;
	
}
.campaignflow .flowbox01 .snsbnr{
	display: table-cell;
	height:120px;
	vertical-align: middle;
	}

.campaignflow .flowbox02{
	border-radius:15px;
	padding:25px 20px 25px 100px;
	background:#F9F6BB;
	background-image:url(../img/flow_no_02.gif);
	background-repeat:no-repeat;
	background-position:40px center ;
	background-size:36px;
}
.campaignflow .flowbox03{
	border-radius:15px;
	padding:25px 20px 25px 100px;
	background:#F9F6BB;
	background-image:url(../img/flow_no_03.gif);
	background-repeat:no-repeat;
	background-position:40px center ;
	background-size:36px;
}
.campaignflow .s_txt{
	font-size:87.5%;
}
.campaignflow .flowbox04{
	border-radius:15px;
	padding:25px 20px 25px 100px;
	background:#F9F6BB;
	background-image:url(../img/flow_no_04.gif);
	background-repeat:no-repeat;
	background-position:40px center ;
	background-size:36px;
}
.campaignflow .flowbox05{
	border-radius:15px;
	padding:25px 20px 25px 100px;
	background:#F9F6BB;
	background-image:url(../img/flow_no_05.gif);
	background-repeat:no-repeat;
	background-position:40px center ;
	background-size:36px;
}

 @media screen and (max-width: 768px) {
	 .campaignflow .flowbox01{
		  height:initial;
	 }
	 .campaignflow .flowbox01 p{
		 display:block;
		 height:initial;
		 line-height:initial;
		 margin-bottom:8px;	
	 }
	 .campaignflow .flowbox01, .campaignflow .flowbox02, .campaignflow .flowbox03, .campaignflow .flowbox04, .campaignflow .flowbox05{
	padding:25px 20px 25px 80px;
	background-position:20px 20px ;
 }
 }


/*投稿例*/

.eximg{
	text-align:center;
}

/*賞品について*/
.prize .img{
	text-align:center;
	margin-bottom:15px;
}

.prize .img h4{
	margin-bottom:10px;
}

.note h5{
	color:#C20D23;
}

.note div{
	border:1px solid #C20D23;
	padding:15px;
}
 
.note p{
	 background:#C20D23;
	 width:320px;
	 text-align:center;
	 border-radius:15px;
	 margin:10px auto;
	 padding:8px 15px;
	 color:#fff;
 }
  .note ul{
	  width:630px;
	  margin:auto;
  }
 .note li{
	font-size:87.5%;
 }
 
  @media screen and (max-width: 768px) {
	  .note p{
		  width:auto;
	  }
	   .note ul{
		   width:100%;
	   }
  }
 
 /*応募規約*/
  
.agreement h4{
	 color:#42210b;
	 border-bottom:1px solid #42210b;
	 font-size:112.5%;
	 margin-bottom:10px;
 }
.agreement p{
	  margin-bottom:15px;
  }
  
  
/*snslink
----------------------------------------------------*/
.snsbnr img{
	width:200px;
}
.snslink{
	text-align:center;
	margin-top:40px;
}