@charset "UTF-8";
.entryArea {
    max-width: 800px;
    padding: 0 8.33333% 3.125%;
    margin-right: auto;
    margin-left: auto;
}

.point_area_02_wrap {
	max-width: 880px;
	margin: 55px 40px;
}

.point_area_02 {
	padding: 50px 40px;
	background-color: #ffffff;
	border-bottom: solid #002f0c 4px;
	border-right: solid #002f0c 4px;
	border-left: solid #002f0c 4px;
	border-radius: 0 0 10px 10px;
}

.point_area_02_subTtl {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
}

.point_area_02_step_wrap {

}
.point_area_02_step {
    display: flex;
    padding-bottom: 40px;
}

.point_area_02_step .step_img {
    max-width: 241px;
    width: 51.6553%;
}
.point_area_02_step .step_txt {
    max-width: 559px;
    padding: 0 20px;
    width: 64.5202%;
}

.point_area_02_step .step_txt_ttl {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
}

.point_area_02_step .step_txt_caution {
    padding-bottom: 10px;
}

.point_area_02_step .step_txt_link {
    padding-bottom: 10px;
}

.point_area_02_step .step_txt_link a {
    color: #0194d7;
    text-decoration: underline;
}

.txtRed {
    color: #cc0033;
    font-weight: bold;
}

.entryTxtimg {
    max-width: 546px;
    margin: 0 auto;
}

.entryBtn {
    max-width: 546px;
    margin: 0 auto;
}

.entryBtn a {
    display: block;
}

.entryTxt {
    padding: 3.125% 0 0;
}


.txtlink {
    display: inline;
    color: #0194d7;
    text-decoration: underline !important;
}

.tableB .shoplist_ttl {
	background-color: #002f0c;
}

.color03Btn {
	position: relative;
	background-color: #d00e31;
	-webkit-box-shadow: 0px -5px 0px 0px #a90b27 inset;
	box-shadow: 0px -5px 0px 0px #a90b27 inset;
}
.color04Btn {
	position: relative;
	background-color: #006d1c;
	-webkit-box-shadow: 0px -5px 0px 0px #005716 inset;
	box-shadow: 0px -5px 0px 0px #005716 inset;
}
.color03Btn::after,
.color04Btn::after {
	content: '';
	background-image: url('../img/btnArrow.png');
	width: 30px;
	height: 30px;
	right: 4px;
	background-size: contain;
}

@media only screen and (min-width: 641px){
	.color03Btn .normalBtnTxt{
		display: block;
	}
}
@media only screen and (max-width: 640px) {
    .point_area_02_wrap {
		margin: 40px 15px;
    }
	.point_area_02 {
		padding: 25px 15px;
	}

    .point_area_02_subTtl {
        font-size: 20px;
        padding-bottom: 15px;
    }

    .point_area_02_step .step_txt_ttl {
        font-size: 20px;
    }

    .point_area_02_step .notesItem {
        font-size: 14px;
    }

    .point_area_02_step .step_txt_link a {
        font-size: 14px;
    }
    
}