@charset "utf-8";

/*----------------------------------------------------
	SP用
----------------------------------------------------*/
@media screen and (max-width: 736px) {
.campaign .w980 {
    width: 100%;
    padding: 0 10px;
}

/* 背景画像 */
.campaign #careContents {
	background-position-x: calc(50% + 150px);
}


/* セクション */
.campaign #notCareIndex section {
	margin-top: 50px;
}

/* 基本のボタン */
.campaign #notCareIndex a.btDetail {
	padding: 15px 0;
	font-size: 7vw;
	text-align: center;
	width: 100%;
}


/*----------------------------------------------------
	sendページ
----------------------------------------------------*/
.campaignSend #notCareIndex {
	font-size: 4vw;
	padding: 30px 10px 100px;
    width: 100%;
}

.campaignSend #notCareIndex .congArea {
	border: double 6px #76323f;
	padding: 0;
	margin: 0;
	padding: 10vw 5vw 5vw;
}

.campaignSend #notCareIndex .congArea h3.sendTitle {
	display: inline-block;
	font-size: 6.5vw;
	border-top: solid 1px #76323f;
	border-bottom: solid 1px #76323f;
	padding: 5vw 3vw;
	margin: 0;
}

.campaignSend #notCareIndex p {
	padding: 10vw 0 0;
	margin: 0;
	text-align: left;
}

.campaignSend #notCareIndex p + p {
	padding-top: 5vw;
}


/* 応募ボタン */
.campaignSend #notCareIndex a.btDetail {
	margin-top: 10vw;
}

.campaignSend #notCareIndex a.btDetail.btSend {
	padding: 15px 0;
	font-size: 7vw;
	text-align: center;
}

/* 個人情報について */
.campaignSend #notCareIndex p.kojin{
	margin: 0;
	
}

/*----------------------------------------------------
	thankyouページ
----------------------------------------------------*/
.campaign.campaignSendThanks #notCareIndex {
	font-size: 4vw;
	padding: 30px 10px 100px;
    width: 100%;
}

.campaign.campaignSendThanks #notCareIndex h3.thanksTitle {
	font-size: 5vw;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	padding: 30px 5px;
}

.campaign.campaignSendThanks #notCareIndex p.attent {
	font-size: 5vw;
	margin-top: 1em;
	text-align: left;
}


/*----------------------------------------------------
	メルマガトップページ 
----------------------------------------------------*/
.mailMag.mailTop #careContents {
	background-position-x: calc(50% + 150px);
}

.mailMag.mailTop #careContents .w980 {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	padding-bottom: 80px;
}

.mailMag.mailTop #careContents .w980 .catchTitle {
	margin-top: 30px;

}

.mailMag.mailTop #careContents .w980 .catchTitle h2 {
	font-size: 6.66vw;
	line-height: 1.3;
}

.mailMag.mailTop #careContents .w980 .catchTitle h2 img {
	display: none;
}

.mailMag.mailTop #careContents .w980 .catchTitle h2 span {
	margin-left: 0px;
	font-size: 4.33vw;
	margin-top: 5px;
}

.mailMag.mailTop #careContents .w980 .catchImgArea {
	display: block;
	margin-top: 30px;
}

.mailMag.mailTop #careContents .w980 .catchImgArea img {
	width: 100%;
}

.mailMag.mailTop #careContents .w980 .catchImgArea .txtArea {
	width: 100%;
	font-size: 4.33vw;
	padding: 4vw 2vw 4vw 7vw;
	box-sizing: border-box;
}

.mailMag.mailTop #careContents .w980 .catchImgArea .txtArea ul {
	margin-top: 0;
}

.mailMag.mailTop #careContents .w980 .catchImgArea .txtArea p.nado {
	margin-top: 2vw;
}


.mailMag.mailTop #careContents .w980 p.bottomTxt {
	font-size: 4.33vw;
	margin-top: 8vw;
	padding-bottom: 0;
	text-align: left;
}

.mailMag.mailTop #careContents .w980 ul.mailMagButton {
	display: block;
	padding: 0 8vw;
	margin-top: 8vw
}

.mailMag.mailTop #careContents .w980 ul.mailMagButton li {
	margin-top: 5vw
}

.mailMag.mailTop #careContents .w980 ul.mailMagButton li a {
	width: 100%;
	font-size: 4.66vw;
	padding: 3vw 10vw;
}



/*-------------------SP用終了-------------------*/
}