@charset "utf-8";
@media screen and (min-width:751px) {

	/*//////////       campaign_area       //////////*/
	#campaign_position{
		background: #d61c2a;
		padding: 40px 0;
		margin-bottom: 80px;
	}
	.campaign, .campaign_service, .campaign_info{
		width: 960px;
		margin: 0 auto;
		position: relative;
		background: #fff;
		border-radius: 38px;
		padding: 70px 0;
	}
	.campaign:after, .campaign_service:after, .campaign_info:after {
		content: "";
		width: 697px;
		height: 307px;
		background: url("../img/campaign-bg.png") no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.campaign, .campaign_service{
		margin-bottom: 40px;
	}
	.campaign .campaign_box--contents-messeage{
		padding-bottom: 60px;
	}
	.campaign a{
		background: #d61c2a;
		border-radius: 50px;
		font-weight: 800;
		width: 350px;
		margin: 40px auto 0;
		color: #fff;
		padding: 22px 70px;
		letter-spacing: 0.1em;
		box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.2);
		transition: 0.5s;
	}
	.campaign a:hover{
		cursor: pointer;
		box-shadow: none;
		transition: 0.5s;
	}
	.campaign_box--contents{
		position: relative;
		z-index: 1;
	}
	.campaign, .campaign_service h2, .campaign_info h2{
		text-align: center;
	}
	.campaign_service h2{
		margin-bottom: 30px;
	}
	.campaign_service--contents{
		display: flex;
		width: 820px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.campaign_service--selforder, .campaign_service--tapnorder{
		width: 420px;
		text-align: center;
		font-size: 14px;
	}
	.campaign_service--selforder h3, .campaign_service--tapnorder h3{
		margin-top: 30px;
		font-weight: 800;
		font-size: 20px;
		margin-bottom: 14px;
	}
	.campaign_info h2{
		margin-bottom: 30px;
	}
	.campaing_info--contents{
		width: 600px;
		margin: 0 auto;
		font-size: 14px;
		position: relative;
		z-index: 1;
		line-height: 1.5;
	}
	.fw-800{
		font-weight: 800;
		margin-bottom: 10px;
	}
	.fw-800.mb0{
		margin-bottom: 0;
	}
	.indent-text{
		text-indent: -0.5em;
	}
	.mb20{
		margin-bottom: 20px;
	}
	.campaign_info--attention ul li{
		text-indent: -1em;
		padding-left: 1em;
	}
	.campaing-takeout-form h2 {
		font-size: 20px;
		color: #ff9600;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 8px;
		margin-bottom: 18px;
	}
}

/*SPサイズ
////////////////////////////////////////////////////*/

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

	/*//////////       campaign_area       //////////*/
	#campaign_position{
		background: #d61c2a;
		padding: 5% 0;
		margin-bottom: 10%;
	}

	.campaign, .campaign_service, .campaign_info{
		width: 95%;
		margin: 0 2.5%;
		position: relative;
		background: #fff;
		border-radius: 38px;
		padding: 10% 0;
	}
	.campaign:after, .campaign_service:after, .campaign_info:after {
		content: "";
		width: 100%;
		height: 300px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: linear-gradient(to bottom right, transparent 50% , #efefef 50%) no-repeat bottom right / 100% 50%;
		border-radius: 38px;
	}
	.campaign, .campaign_service{
		margin-bottom: 5%;
	}
	.campaign h2 img{
		width: 100%;
	}
	.campaign a{
		background: #d61c2a;
		border-radius: 50px;
		font-weight: 800;
		width: 90%;
		margin: 8% auto 0;
		font-size: 15px;
		color: #fff;
		padding: 15px 0;
		letter-spacing: 0.1em;
		box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.2);
		transition: 0.5s;
	}
	.campaign_box--contents{
		position: relative;
		z-index: 1;
	}
	.campaign_box--contents p{
		width: 95%;
		margin: 0 auto;
	}
	.campaign_box--contents img{
		width: 100%;
	}
	.campaign, .campaign_service h2, .campaign_info h2{
		text-align: center;
	}
	.campaign, .campaign_service h2, .campaign_info h2{
		text-align: center;
	}
	.campaign_service h2 img, .campaign_info h2 img{
		width: 100%;
	}
	.campaign_service h2{
		margin-bottom: 5%;
	}
	.campaign_service--contents{
		width: 95%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.campaign_service--selforder{
		margin-bottom: 10%;
	}
	.campaign_service--selforder, .campaign_service--tapnorder{
		width: 100%;
		text-align: center;
		font-size: 14px;
	}
	.campaign_service--selforder img, .campaign_service--tapnorder img{
		width: 100%;
	}
	.campaign_service--selforder h3, .campaign_service--tapnorder h3{
		margin-top: 6%;
		font-weight: 800;
		font-size: 18px;
		margin-bottom: 2%;
		line-height: 1.5;
	}
	.campaign_info h2{
		margin-bottom: 5%;
	}
	.campaing_info--contents{
		width: 95%;
		margin: 0 auto;
		font-size: 14px;
		position: relative;
		z-index: 1;
	}
	.fw-800{
		font-weight: 800;
	}
	.fw-800.mb0{
		margin-bottom: 0;
	}
	.indent-text{
		text-indent: -0.5em;
	}
	.mb20{
		margin-bottom: 4%;
	}
	.campaign_info--attention ul li{
		text-indent: -1em;
		padding-left: 1em;
	}
	.campaing-takeout-form h2 {
		font-size: 18px;
		font-size: 1.8rem;
		color: #ff9600;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 8px;
		margin-bottom: 18px;
		font-weight: 500;
		line-height: 1.5;
	}

}