.mainArea {background-color: #fff6fb;}

p {margin:0; padding:0;}
img { border:0; vertical-align:top; max-width: 100%;}
.pro_beauty_supporter {max-width:768px;margin: 0 auto;padding: 0;}
img[usemap] {
height: auto;
max-width: 100%;
}
.pro_beauty_supporter a:hover {color: #fff;}
.pro_beauty_supporter p {color: #000033;}
.pro_beauty_supporter span {color: #000033;}
.pro_beauty_supporter .navi a:hover{opacity: 90%;}
#a01 , #b02 , #c03 , #d04 {	margin-top: -60px;	padding-top: 60px;}
.pro_beauty_supporter .fv_txt {color: #000033;
background:#f3f2e7 url(../../img/common/beauty_supporter_02.jpg) no-repeat center center;
background-size:cover;font-size: 14px;padding: 0 9% 10%;letter-spacing: -0.05em;line-break: strict;text-align: justify;}
.pro_beauty_supporter h2 {background-color: #ea5c7d;font-size: 18px; padding: 5%;text-align: center; color: #fff;}

.pro_beauty_supporter .content_txt_01 {
background:#fff url(../../img/common/beauty_supporter_05.png) no-repeat center center;
background-size:cover;font-size: 14px;line-height: 1.6;padding: 0 10% 7%; margin-bottom: 5%;text-align: justify;}
.pro_beauty_supporter .content_txt_02 {
background:#fff url(../../img/common/beauty_supporter_07.png) no-repeat center center;
background-size:cover;font-size: 14px;line-height: 1.6;padding: 0 10% 6%; margin-bottom: 5%;letter-spacing: -0.03em;text-align: justify;}
.pro_beauty_supporter .content_txt_03 {
background:#fff url(../../img/common/beauty_supporter_09.png) no-repeat center center;
background-size:cover;font-size: 14px;line-height: 1.6;padding: 0 10% 5.9%; margin-bottom: 5%;text-align: justify;}
.pro_beauty_supporter .content_txt_04 {
background:#fff url(../../img/common/beauty_supporter_11.png) no-repeat center center;
background-size:cover;font-size: 14px;line-height: 1.6;padding: 0 10% 7%; margin-bottom: 5%;text-align: justify;}
.pro_beauty_supporter .content_txt_05 {
background:#fff url(../../img/common/beauty_supporter_13.png) no-repeat center center;
background-size:cover;font-size: 14px;line-height: 1.6;padding: 0 10% 19%;text-align: justify;}

.pro_beauty_supporter .qa-section {padding: 10% 6%;box-sizing: border-box;}
.pro_beauty_supporter .qa-item {margin: 25px 0;}
.pro_beauty_supporter .question, .answer {display: flex;align-items: flex-start;margin-bottom: 15px;}

/* 画像アイコンのレイアウト設定 */
.pro_beauty_supporter .icon-wrap {
	margin-right: 15px;
	flex-shrink: 0;
	margin-right: 10px;width: 24px; /* スマホでの画像の横幅 */
	display: flex;
	justify-content: center;
	align-items: center;
}
.pro_beauty_supporter .icon-wrap img {
	width: 100%;
	height: auto;
	display: block;
}
.pro_beauty_supporter .text {font-size: 14px;padding-top: 0px;
	word-break: break-all;
}
.pro_beauty_supporter .question .text {font-weight: bold;}
.pro_beauty_supporter .answer .text {	color: #000033;};
.pro_beauty_supporter .separator {border: none;border-top: 1px solid #C4A7B0;margin: 25px 0;}

/* 全体のコンテナ */
.apply-container {
width: 100%;
max-width: 768px;
margin: 0 auto;
border: 3px solid #E50065; /* 外枠のピンクの太線 */
padding: 35px 15px;
box-sizing: border-box;
text-align: center;
background-color: #ffffff;
}

/* 導入テキスト */
.lead-text {
font-size: 14px;
/*font-weight: bold;*/
margin-bottom: 30px;
letter-spacing: 0.05em;
color: #000033;
}

/* 締切セクション */
.deadline-box {
margin-bottom: 40px;
}

.deadline-title {
font-size: 16px;
/*font-weight: bold;*/
margin-bottom: 10px;
letter-spacing: 0.05em;
color: #000033;
}

.deadline-date {
font-size: 28px;
/*font-weight: bold;*/
letter-spacing: 0.02em;
color: #000033;
}

.deadline-date span {
font-size: 16px;
margin-left: 2px;
/*font-weight: bold;*/
color: #000033;
}

/* 応募ボタン */
.btn-container {
margin-bottom: 35px;
}

.apply-btn {
display: inline-block;
width: 100%;
max-width: 540px;
background-color: #E50065;
color: #ffffff;
font-size: 18px;
/*font-weight: bold;*/
text-decoration: none;
padding: 16px 0;
border-radius: 8px;
box-shadow: 0 4px 0 #b3004e; 
transition: transform 0.1s, box-shadow 0.1s;
letter-spacing: 0.05em;
}

/* ボタンを押したときの動き（クリック感） */
.apply-btn:active {
transform: translateY(3px);
box-shadow: 0 2px 0 #b3004e;
}

/* 注意事項エリア */
.notes-box {
border: 1px solid #707070;
padding: 15px;
text-align: left;
box-sizing: border-box;
}

.notes-title {
font-size: 14px;
/*font-weight: bold;*/
margin-bottom: 8px;
color: #000033;
}

.notes-list {
list-style: none;
padding: 0;
margin: 0;
}

.notes-list li {
font-size: 14px;
/*font-weight: bold;*/
text-indent: -1em;
padding-left: 1em;
margin-bottom: 8px;
color: #000033;
}

.notes-list li:last-child {
margin-bottom: 0;
}

/*===============================================
●pc 画面の横幅が768pxから
===============================================*/
@media only screen and (min-width: 768px) {
.pro_beauty_supporter .fv_txt
 { font-size: 26px;	line-height: 2.0; padding: 0 9% 13%;letter-spacing: -0.05em;}
.pro_beauty_supporter h2 {font-size: 36px;}
.pro_beauty_supporter .content_txt_01 {
background:#fff url(../../img/common/beauty_supporter_05.png) no-repeat center center;
background-size:cover;font-size: 26px;line-height: 1.6;padding: 0 10% 6.7%; margin-bottom: 5%;}
.pro_beauty_supporter .content_txt_02 {
background:#fff url(../../img/common/beauty_supporter_07.png) no-repeat center center;
background-size:cover;font-size: 26px;line-height: 1.6;padding: 0 10% 6%; margin-bottom: 5%;}
.pro_beauty_supporter .content_txt_03 {
background:#fff url(../../img/common/beauty_supporter_09.png) no-repeat center center;
background-size:cover;font-size: 26px;line-height: 1.6;padding: 0 10% 5.9%; margin-bottom: 5%;}
.pro_beauty_supporter .content_txt_04 {
background:#fff url(../../img/common/beauty_supporter_11.png) no-repeat center center;
background-size:cover;font-size: 26px;line-height: 1.6;padding: 0 10% 7%; margin-bottom: 5%;letter-spacing: 0.05em;}
.pro_beauty_supporter .content_txt_05 {
background:#fff url(../../img/common/beauty_supporter_13.png) no-repeat center center;
background-size:cover;font-size: 26px;line-height: 1.6;padding: 0 10% 18%;}
.pro_beauty_supporter .question .text {font-size: 28px;}
.pro_beauty_supporter .text { font-size: 28px;line-height: 1.6em;}
.pro_beauty_supporter .icon-wrap {width: 40px;}
.pro_beauty_supporter .separator {margin: 40px 0;	}
.pro_beauty_supporter .text {	padding-top: 2px; /* 画像の高さに合わせて微調整 */	}
.pro_beauty_supporter .qa-item {margin-bottom: 40px;}

.apply-container {
padding: 50px 30px;
border-width: 4px; /* 外枠を少し細く */
margin-bottom: 80px;
}
.lead-text {
font-size: 28px;
line-height: 1.6;
margin-bottom: 40px;
}
.deadline-title {
font-size: 28px;
margin-bottom: 20px; 
}
.deadline-date {
font-size: 38px;
}
.deadline-date span {
font-size: 24px;
/*font-weight: bold;*/
}

.btn-container {
margin-bottom: 50px;
}

.apply-btn {
font-size: 28px;
padding: 30px 0;
box-shadow: 0 4px 0 #b3004e;
}

.notes-box {
padding: 20px;
}

.notes-title, .notes-list li {
font-size: 22px;
margin-bottom: 12px;
}
}