@charset "UTF-8";

@keyframes fadezoom {
0% {
transform: scale(1.2); }
100% {
transform: scale(1); }
}

@media print, screen and (min-width:1025px) {

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

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

#mainWrap img {
width: 100%;
}

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

.wrap {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0;
}

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

#con01 h2 {
width: 550px;
margin: 0 auto;
margin-bottom: 60px;
}

#con01Img01 {
position: absolute;
width: 552px;
left: 0;
right: -700px;
top: 4%;
margin: auto;
z-index: 3;
}

/**/

#con05 {
position: relative;
background: url("../img/con05_bg.svg") no-repeat;
background-size: cover;
width: 100%;
color: #fff;
padding: 20% 0 500px;
margin-top: -590px;
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: -6730px;
bottom: 0;
margin: auto;
z-index: 6;
}

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

#con05Img01 {
width: 450px;
margin: 40px auto;
}

#con05Img02 {
width: 862px;
margin: 40px auto;
}

#con05Img03 {
width: 1200px;
margin: 40px auto;
}

#con05Img04 {
width: 983px;
margin: 40px auto;
margin-top: 100px;
}

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

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

.con05Img052 {
margin-bottom: 30px;
}

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

.con05ImgTitle2 img {
width: 168px;
}

.con05Img05 ul,
.con05Img052 ul {
width: auto;
font-size: 1.7rem;
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: 13% 0 130px;
filter: drop-shadow(-5px 0px 20px rgba(0,0,0,0.3));
z-index: 6;
margin-top: -400px;
}
　
#con10Img {
position: absolute;
width: 320px;
height: 170px;
left: -800px;
right: 0;
top: -1250px;
bottom: 0;
margin: auto;
z-index: 6;
}

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

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

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

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

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

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

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

#con10 #twitter {
width: 508px;
height: 500px;
margin: 0 auto;
margin-top: 80px;
overflow: scroll;
}

/**/

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

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

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

}