@media screen and (min-width: 1023px) {
#bgwrap::after {
	background-image: url("../image/bg.jpg");
}

	.section_ws{
        width: 96%;
		max-width:1200px ;
        margin: 2vw auto 0;
        padding: 3vw 0;
    }
    .section_ws img{width: 100%;}
    .section_wsbtn{
        width: 96%;
        margin: 0 auto;
        max-width:1200px;
        text-align: center;
    }

.section_area {
    background-color: rgba(255,255,255,1);
    background-image: url(../2nd_anniversary/image/bg_update001.png);
    background-repeat: no-repeat;
    max-width: 1200px;
    padding: 4vw!important;
    margin: 80px auto 0;
}


.btnn a:hover{opacity: 0.7; transition: opacity 0.3s ease;}
.col_wrap {
	width: 96%;margin: 0 auto;
  display: flex;
  justify-content: center;
  overflow: auto; 
  font-size: 16px;max-width: 1200px;
}

.icn_wrap {width: 12%;}
.icn_wrap2 {width: 18%;margin-top: -10px;}
.txt_wrap {
	display: block;
	font-size: 1.5em;
	visibility: visible;
	line-height: 1.8;
	text-align: left;padding:10px 0 0 10px;
}
.flow_wrap{margin: 1vw auto;}
.txt_wrap2 {
	display: block;
	font-size: 1.5em;
	visibility: visible;
	line-height: 1.8;
	text-align: left;padding:10px 0 0 10px;
}

.section_note{max-width:1200px; width:96%;margin:2vw auto;padding:2vw 0; }
h2.ws_title{font-size: 32px!important;display: block;visibility: visible;opacity: 1;
text-align: center;
        background-image: url(../image/second/bg_head.png);
        background-size: cover;padding: 2vw 0; color: #fff;
        }

  div.ws_list{display:block;background: #fff;font-size: 18px;padding: 4vw; text-align: left; line-height:1.8;}

.campaign-info.no-bgcolor{
	    background: none;
    padding: 0%;
    width: 96%;
    max-width: 1200px;
    margin: 4vw auto 0;
}
.campaign-info{
	    margin: 0.5% auto 5% auto;
    font-size: 18px;
    line-height: 1.61;}

    .ws-membershipinfo{
    	box-sizing: border-box;
    border-radius: 1.5vw;
    background-color: #FFF;
    border: 2px #831919 solid;
    padding: 1em;
    padding-left: 4.7em;
    width: 100%;
    margin: 0 auto;
    font-size: 1.1rem;
    color: #300d0d;
    position: relative;
    }
.ws-membershipinfo::before {
    content: "！";
    display: block;
    background-color: #a03d3d;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 1em;
    font-size: 160%;
    font-weight: bold;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);}
    .wspc{display: block;}
    .wssp{display: none;}

}

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

#bgwrap::after {
    background-image: url("../image/bg.jpg");
}

    .section_ws{
        width: 96%;
        max-width:1200px ;
        margin: 2vw auto 2vw;
        padding: 3vw 0;
    }
    .section_ws img{width: 100%;}
    .section_wsbtn{
        width: 96%;
        margin: 0 auto -40px;
        max-width:1200px;
        text-align: center;

    }

.section_area {
    background-color: rgba(255,255,255,1);
    background-image: url(../2nd_anniversary/image/bg_update001.png);
    background-repeat: no-repeat;
    max-width: 1200px;
    padding: 4vw!important;
    margin: 80px auto 0;
}


.btnn a:hover{opacity: 0.7; transition: opacity 0.3s ease;}
.col_wrap {
    width: 100%;margin: 0 auto;
  display: flex;
  justify-content: center;
  overflow: auto; 
  font-size: 16px;
}

.icn_wrap {width: 50%;padding-top:1vw; }
.icn_wrap2 {width: 60%;}
.txt_wrap {
    display: block;
    font-size: 3.5vw;
    visibility: visible;
    line-height: 1.8;
    text-align: left;padding:0 0 0 3vw;
}
.flow_wrap{margin: 1vw auto;text-align: center;}
.flow_wrap2{width: 20%;}
.txt_wrap2 {
    display: block;
    font-size: 3.5vw;
    visibility: visible;
    line-height: 1.8;
    text-align: left;padding:0 0 0 2vw;
}

.section_note{max-width:1200px; width:96%;margin:4vw auto;padding:2vw 0; }
h2.ws_title{font-size: 3.5vw!important;display: block;visibility: visible;opacity: 1;font-weight: 700;
text-align: center;
        background-image: url(../image/second/bg_head.png);
        background-size: cover;padding: 2vw 0; color: #fff;
        }

  div.ws_list{display:block;background: #fff;font-size: 3.3vw;padding: 4vw; text-align: left; line-height:1.8;}

.campaign-info.no-bgcolor{
        background: none;
    padding: 0%;
    width: 96%;
    max-width: 1200px;
    margin: 4vw auto;
}
.campaign-info{
        margin: 0.5% auto 5% auto;
    font-size: 18px;
    line-height: 1.61;}

    .ws-membershipinfo{
        box-sizing: border-box;
    border-radius: 1.5vw;
    background-color: #FFF;
    border: 2px #831919 solid;
    padding: 1em;
    padding-left: 5.5em;
    width: 100%;
    margin: 80px auto -80px;
    font-size: 0.9rem;
    color: #300d0d;
    position: relative;
    }
.ws-membershipinfo::before {
    content: "！";
    display: block;
    background-color: #a03d3d;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 1em;
    font-size: 160%;
    font-weight: bold;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);}

.wspc{display: none;}
.wssp{display: block;}
.section_area .section_title{width: 100%!important;}


}