#cam50thWrap {
    background-color: #fff;
	
}
/* --- アンケートプレゼント (#entry) --- */
#entry {
    background-color: #fcfbe8;
    padding: 30px 0 0;
    margin-bottom: 0;
}

#entry .top_txt {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 30px;
	color: #000;
}

#entry .top_txt span{
	color: #e95513;
}

#entry .cam-content-box {
    background-color: #fff;
	width: 100%;
	max-width: 1060px;
	border: 2px solid #000;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0;
}


#entry .entry_flow-section {
    margin-top: 0;
    margin-bottom: 0;
	padding: 0;
	background-color: #fcfbe8;
	width: 100%;
	max-width: 100%;
    /* 元のCSSには背景色の指定がなかったため、ここでは削除 */
    /* padding-topとpadding-bottomも元の状態に戻しました */
}
#entry .entry_flow-title {
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 10px;
	color: #000; /** 00A0E9 **/
}

/* エントリーフロー図のCSS */
.entry_flow { /* .flow_design10 から変更 */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* 上揃えにする */
    margin-bottom: 0; /* paddingで余白を取るため0にする */
}

.entry_flow_list { /* .flow10 から変更 */
    padding-left: 0;
    list-style-type: none;
    width: 100%; /* 親要素の幅いっぱいに広げる */
    max-width: 800px; /* フロー図自体の最大幅 */
}

.entry_flow_list > li {
    list-style-type: none;
    border: 2px solid #00A0E9; /* 縁色を#00A0E9に変更 */
    background-color: #fff; /* 背景色を#fffに変更 */
    padding: 20px;
    border-radius: 20px;
}

.entry_flow_list > li:not(:last-child) {
    margin-bottom: 40px;
    position: relative;
}

.entry_flow_list > li:not(:last-child)::after {
    content: '';
    position: absolute;
    border: 20px solid transparent;
    width: 0;
    height: 0;
    bottom: -53px; /* 矢印の位置調整 */
    left: 50%;
    transform: translateX(-50%);
    border-top-color: #EA5514; /* 矢印を#EA5514に変更 */
}

.entry_flow_item { /* .flow10_item から変更 */
    /* 特にスタイル変更なし */
}

.entry_flow_head { /* .flow10_dt から変更 */
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 2pt solid #00A0E9;
    padding-bottom: 0.5em;
    margin-bottom: 0.8em;
    line-height: 1.4;
	color:#EA5514;
}

.entry_flow_head .entry_flow_icon { /* .flow10_dt .icon10 から変更 */
    color: #00A0E9; /* 縁色に合わせる */
    margin-right: 0.5em;
    font-size: 1.1em; /* 数字を少し大きく */
    display: inline-block;
    /**vertical-align: middle; **/
}

.entry_flow_content { /* .flow10_dd から変更 */
    margin: 0;
    display: flex;
    align-items: center; /* 垂直方向中央揃え */
    gap: 20px; /* テキストと画像の間の隙間 */
}

.entry_flow_content .entry_flow_text { /* .flow10_dd .flow10_text から変更 */
    flex: 1; /* 利用可能なスペースを占有 */
    line-height: 1.6;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}

.entry_flow_content .entry_flow_image { /* .flow10_dd .flow10_image から変更 */
    flex-shrink: 0; /* 画像が縮まないようにする */
    width: 200px; /* 画像の固定幅 */
    text-align: right; /* 画像を右寄せ */
}

.entry_flow_content .entry_flow_image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto; /* 右寄せにするための調整 */
}



/* line登録 */
#entry #entry_line{
	margin: 30px auto 40px;
	border-radius: 20px;
	width: 100%;
	max-width: 800px;
	border:2px solid #00913A;
	background: #fff;
}

#entry #entry_line > div{
	padding: 20px;
}

#entry #entry_line .entry_flow_head {
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 2pt solid #00913A;
    padding-bottom: 0.5em;
    margin-bottom: 0.8em;
    line-height: 1.4;
	color:#000;
}
#entry #entry_line .entry_flow_head span{
	color: #00913A;
}

.triangle-angled-div {
    position: relative; /* 擬似要素の基準にする */
    background-color: #FFF000; /* 背景色をFFF000に変更 */
    padding: 10px 15px; /* 内側の余白 */
	margin-top: 15px;
    max-width: 800px; /* 最大幅の例 */
    z-index: 1; /* 他の要素との重なり順を調整 */
    padding-right: 50px; /* 三角形が重なる分、右側のパディングを増やす */
	text-align: center;
	font-weight: bold;
}

.triangle-angled-div::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px; /* divの右端から外に出す */
    transform: translateY(-50%); /* 縦方向中央揃え */
    width: 0;
    height: 0;
    /* 右側に尖る三角形 */
    border-top: 10px solid transparent; /* 上辺の高さと透明 */
    border-bottom: 10px solid transparent; /* 下辺の高さと透明 */
    border-left: 15px solid #FFF000; /* 三角形の底辺（親要素の背景色と同じ） */
    z-index: 2; /* 親要素のコンテンツより手前に表示 */
}

/* レスポンシブ対応 (例: 768px以下の場合) */
@media (max-width: 768px) {
    .triangle-angled-div {
        padding: 20px;
        margin: 30px 10px 10px; /* 左右に余白を持たせる */
        padding-right: 20px; /* SPでは通常のパディングに戻す */
    }

    .triangle-angled-div::after {
        /* SP時は下側が尖るように調整 */
        top: auto; /* topの指定を解除 */
        bottom: -20px; /* divの下端から外に出す */
        right: 50%; /* 横方向中央揃え */
        transform: translateX(50%); /* 横方向中央揃えの微調整 */
        
        border-top: 20px solid #FFF000; /* 下に尖る三角形の頂点（親要素の背景色と同じ） */
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: none; /* 下向きなので不要 */
    }
}

.entry_prize-wrap{
	padding-bottom:0;
	margin-bottom: 0;
}




@media (max-width: 768px) {

    /* エントリーフロー図 */
    .entry_flow-section {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .entry_flow-title {
        font-size: 1.4em!important;
        margin-bottom: 30px;
    }

    .entry_flow {
        margin-bottom: 30px;
    }
	
	.entry_flow_list{
		width: 94%;
		margin: 0 auto;
	}

    .entry_flow_list > li {
        padding: 15px;
    }

    .entry_flow_list > li:not(:last-child) {
        margin-bottom: 30px;
    }

    .entry_flow_list > li:not(:last-child)::after {
        bottom: -43px; /* 矢印の位置調整 */
        border: 15px solid transparent; /* 矢印のサイズ調整 */
        border-top-color: #EA5514; /* 矢印を#EA5514に変更 */
    }

    .entry_flow_head {
        font-size: 1.2em;
        margin-bottom: 0.3em;
		padding-top: 5px;
    }

    .entry_flow_content {
        flex-direction: column; /* 縦並びにする */
        text-align: center; /* テキストと画像を中央寄せ */
        gap: 10px; /* テキストと画像の間隔 */
    }

    .entry_flow_content .entry_flow_text {
        margin-bottom: 15px;
		 margin-top: 15px;
		font-size: 1.6rem;
    }

    .entry_flow_content .entry_flow_image {
        width: 200px; /* SPでの画像の幅を調整 */
        text-align: center; /* 画像を中央寄せ */
    }

    .entry_flow_content .entry_flow_image img {
        margin-left: auto;
        margin-right: auto; /* 中央寄せ */
    }

	#entry_line{
		width: 94%!important;
		margin: 0 auto;
	}
}

.returnBtm{
	display: block;
	width: 100%;
	max-width: 360px;
	border-radius: 6px;
	padding: 10px 0;
	background: #009fe8;
	margin: 20px auto;
	text-decoration: none;
}

.returnBtm span{
	color: #fff;
	padding: 0 10px;
	font-weight: bold;
}

.returnBtm:hover,.returnBtm:active{
	text-decoration: none;
	background: #20b8ed;
}

@media (max-width: 768px) {
	.returnBtm{
		width: 90%;
	}
}


.entry-bottom-info-wrap-bg{
	background: #00AFEC;
	width: 100%;
	padding-top:0;	
}

.entry-bottom-info-wrap{
	padding:40px 0!important;
}

@media (max-width: 1201px) {
	.entry-bottom-info-wrap{
		width:96%;
	}
	
}