@charset "utf-8";
/* CSS Document */
/* ⓪カラー等、幅の記載がないコード（オンマウス変化等） */
ul{
list-style:none;
padding: 0;
margin: 0;
}
p, h2 {
    margin: 0;
    font-weight: normal;
}
.event-guide-wrap{
    width: 100%;
    margin: 0 auto;
}
.event-guide-wrap .title-area {
    text-align: center;
}
.col2-wrap ul{
    display: flex;
    justify-content: center;
    align-items: start;
}
.event-guide-sec04 h2{
    color: #422313;
    font-weight: 900;
}
.event-guide-wrap .step4-contents-img{
    display: block;
}
.t_center{
    text-align: center!important;
}
@media screen and (max-width: 480px) {
/* ①スマホ版コード */
.pc{
    display: none;
}
.sp{
    display: block;
}
.event-guide-wrap{
    max-width: 89vw;
    padding: 0 5.4vw;
}
.event-guide-wrap .title-area {
    padding: 11vw 0;
}
.event-guide-wrap .title-area h2{
    font-size: 7vw;
    line-height: 1em;
    margin-bottom: 3.1vw;
}
.event-guide-wrap .title-area p{
    font-size: 4vw;
    line-height: 1em;
}
.event-guide-wrap .step_title_img{
    margin-bottom: 5vw;
}
.col2-wrap ul {
    display: block;
}
.event-guide-wrap .col2-wrap{
    padding-bottom: 9vw;
}
.event-guide-wrap li:first-child{
    margin-right: 0;
    margin-bottom: 7vw;
}
.event-guide-wrap p{
    font-size: 4vw;
}
.event-guide-wrap section p{
    line-height: 7.2vw;
}
.event-guide-wrap .step-text-top{
    margin-bottom: 7vw;
}
.event-guide-wrap .step-text-second{
    margin-bottom: 3vw;
}
.event-guide-wrap .point-img{
    max-width: 12.5vw;
    margin-bottom: 3vw;
}
.event-guide-sec04{
    padding-bottom: 9vw;
}
.event-guide-sec05{
    padding-bottom: 9vw;
}
.event-guide-wrap .border-img{
	padding-top: 9vw;
}
.event-guide-sec04 h2{
    font-size: 5.5vw;
}
.event-guide-wrap .step4-contents-img{
    margin: 7vw auto;
}
.rnd_btn1 {
	border: #000 solid 0.6vw;
	width: 78vw;
	padding: 3vw 0vw;
	border-radius: 15vw;
	font-size: 4.5vw;
	line-height:1em;;
	margin-top: 9vw;
}
.rnd_btn1:hover,
.rnd_btn1:active{
	border:#534741 0.6vw solid;
}
}

@media screen and (min-width: 481px) {
/* ②PC・タブレット版コード
   62.5%を基本として、全ての長さ単位をremで表記 */
.event-guide-wrap{
    max-width: 98rem;
    padding: 0 6rem !important;
}
.event-guide-wrap .title-area {
    padding: 4rem 0;
}
.event-guide-wrap .title-area h2{
    font-size: 2.6rem;
    margin-bottom: 1.8rem;
}
.event-guide-wrap .title-area p{
    font-size: 1.5rem;
}
.event-guide-wrap .step_title_img{
    margin-bottom: 3.5rem;
}
.event-guide-wrap li:first-child{
    margin-right: 5rem;
    min-width:36rem;
}
.event-guide-wrap p{
    font-size: 1.5rem;
}
.event-guide-wrap section p{
    line-height: 3rem;
}
.event-guide-sec01,
.event-guide-sec02{
	padding-bottom: 5rem;
}
.event-guide-wrap .col2-wrap .step1-contents-img,
.event-guide-wrap .col2-wrap .step2-contents-img,
.event-guide-wrap .col2-wrap .step3-contents-img{
	width: 36rem;
	height: auto;
}
.event-guide-wrap .step-text-top{
    margin-bottom: 3rem;
}
.event-guide-wrap .step-text-second{
    margin-bottom: 1.8rem;
}
.event-guide-wrap .point-img{
    max-width: 5rem;
    margin-bottom: 1.8rem;
}
.event-guide-wrap .border-img{
	padding-top: 5rem;
}
.event-guide-sec04{
    padding-top: 5rem;
}
.event-guide-sec05{
    padding: 5rem 0;
}
.event-guide-sec04 h2{
    font-size: 2.1rem;
}
.event-guide-wrap .step4-contents-img{
    max-width: 82.5rem;
    margin: 3.7rem auto;
}
.rnd_btn1 {
	border: #000 solid 0.2rem;
	width: 32rem;
	padding: 0.7rem 0;
	border-radius: 3rem;
	font-size: 1.5rem;
	margin-top: 5rem;
}
.rnd_btn1:hover,
.rnd_btn1:active{
	border:#534741 0.2rem solid;
}
}