@charset "utf-8";


/* 概要 */
section{
width: 100%;
position: relative;
padding: 100px 5%;
}
section > .bg{
width: 100%;
height: 100%;
background: #000 url(../img/_bg.jpg) no-repeat center;
background-size: cover;
position: fixed;
top: 0;
left: 0;
}


section .top{
width: 100%;
max-width: 1400px;
position: relative;
margin: 0 auto;
}
section .top img{ width: 100%; }
section .text{
width: 100%;
max-width: 1400px;
position: relative;
margin: 0 auto;
}
section .text h3{
width: 100%;
text-align: center;
font-size: 35px;
font-weight: 700;
color: #ff3380;
position: relative;
margin: 0 0 60px;
}
section .text h3 span{
font-size: 25px;
font-weight: 700;
color: #ff3380;
position: relative;
}
section .text p{
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 700;
color: #fff;
position: relative;
margin: 0 0 60px;
}
section .bt-base a{
font-size: 24px;
padding: 25px 40px;
}
section .note{
width: 100%;
max-width: 600px;
background: rgba(0,0,0,0.5);
display: flex;
flex-wrap: wrap;
position: relative;
margin: 0 auto 30px;
padding: 10px;
border-radius: 10px;
}
section .note h3{
width: 100%;
text-align: center;
position: relative;
margin: 0 0 10px
}
section .note *{
font-size: 18px;
color: #fff;
}
section .note dt{
width: 18px;
position: relative;
margin: 0 3px 5px 0;
}
section .note dd{
width: calc(100% - 21px);
position: relative;
margin: 0 0 5px;
}








/* レスポンシブ */


@media screen and (min-width: 2561px){



}


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



}


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



}


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



}


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



}


/* end */