@charset "UTF-8";

@media print, screen and (max-width:1024px) {

.contents {
display: none;
overflow: hidden;
}

.orderBox { 
display: flex;
flex-direction: column;
}

.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.order4 { order: 4; }
.order5 { order: 5; }

.contents {
display: none;
overflow: hidden;
}

#mainWrap {
position: relative;
width: 100%;
}

#mainWrap img {
width: 100%;
}

#logo {
position: absolute;
width: 50%;
left: 0;
right: 0;
top: 30px;
margin: auto;
z-index: 3;
}

.wrap {
position: relative;
width: 88%;
margin: 0 auto;
padding: 0;
}

#con01 {
position: relative;
background: url("../img/con01_bg.svg") no-repeat;
background-size: cover;
width: 100%;
padding: 30% 0 40%;
margin-top: -100px;
filter: drop-shadow(-5px 0px 20px rgba(0,0,0,0.3));
z-index: 2;
}

#con01 h2 {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
}

#con01Img01 {
position: absolute;
width: 200px;
right: 10px;
top: 2%;
z-index: 3;
}

/**/

#con05 {
position: relative;
background: url("../img/con05_bg.svg") no-repeat;
background-size: cover;
width: 100%;
color: #fff;
padding: 30% 0 150px;
margin-top: -140px;
filter: drop-shadow(-5px 0px 20px rgba(0,0,0,0.3));
z-index: 6;
}

#con05Img {
position: absolute;
width: 260px;
height: 170px;
left: 0;
right: -800px;
top: -5800px;
bottom: 0;
margin: auto;
z-index: 6;
}

#con05 h2 {
width: 60%;
margin: 0 auto;
margin-bottom: 30px;
}

#con05Img01 {
width: 88%;
margin: 40px auto;
}

#con05Img02 {
width: 90%;
margin: 40px auto;
}

#con05Img03 {
width: 90%;
margin: 40px auto;
}

#con05Img04 {
width: 88%;
margin: 40px auto;
}

#con05 #btn {
width: 80%;
margin: 30px auto;
}

.con05Img05,
.con05Img052 {
background-color: #82cddc;
width: 88%;
font-size: 1.1rem;
text-align: justify;
color: #000;
margin: 0 auto;
padding: 25px;
border: 2px solid #000;
border-radius: 10px;
}

.con05Img052 {
margin-bottom: 30px;
}

.con05ImgTitle2 {
width: 220px;
text-align: left;
display: table;
margin: 20px auto;
margin-top: 25px;
}

.con05ImgTitle2 img {
width: 150px;
}

.con05Img05 ul,
.con05Img052 ul {
width: auto;
font-size: 1.5rem;
display: table;
margin: 20px auto;
}

.con05Img05 ul a,
.con05Img052 ul a {
color: #fff;
text-decoration: underline;
}

.con05Img05Bottom {
width: auto;
display: table;
margin: 0 auto;
}

/**/

#con10 {
position: relative;
background: url("../img/con10_bg.svg") no-repeat;
background-size: cover;
width: 100%;
color: #000;
padding: 30% 0 60px;
filter: drop-shadow(-5px 0px 20px rgba(0,0,0,0.3));
z-index: 6;
margin-top: -200px;
}
　
#con10Img {
position: absolute;
width: 88%;
height: 170px;
left: -800px;
right: 0;
top: -1250px;
bottom: 0;
margin: auto;
z-index: 6;
}

#con10 h2 {
width: 200px;
margin: 0 auto;
margin-bottom: 30px;
}

#con10Photo {
position: absolute;
width: 88%;
left: 0;
right: -900px;
top: 200px;
margin: auto;
z-index: 7;
}

#con10 .con10subTitle {
font-size: 1.6rem;
color: #82cddc;
margin-top: 30px;
margin-bottom: 20px;
letter-spacing: .3em;
}

#con10 .sponsorFlex {
width: 88%;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}

#con10 .sponsorFlex li {
margin: 20px 30px 0;
}

#con10 #yagai {
width: 50%;
margin: 0 auto;
margin-top: 10px;
}

#con10 #mirai {
width: 50%;
margin: 0 auto;
margin-top: 10px;
}

#con10 #twitter {
width: 88%;
height: 500px;
margin: 0 auto;
margin-top: 30px;
overflow: scroll;
}

/**/

footer {
position: relative;
background: #fafbfb;
width: 100%;
font-size: 1rem;
margin: 0;
padding: 40px 20px;
line-height: 1.8;
z-index: 10;
}

footer #sns {
margin-bottom: 30px;
}

footer #sns li {
width: 50px;
display: inline-block;
margin: 0 20px;
}

}