@charset "UTF-8";

/*リセット系*/
*{
margin:0;
padding:0;
box-sizing: border-box;
text-align: center;
position: relative;
border: none;
outline: none;
}
a img{
border:none;
}
img{
vertical-align:bottom;
height: auto;
pointer-events: none;
}
a img{
pointer-events: auto;
}
li{
list-style-type: none;
display:inline;
}
iframe{
width: 100%;
border:none;
}
.responsive{
width:100%;
height: auto;
}
.SPhover{
opacity: 0.7;
}
/*
<uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 100 to 900
*/
html, body{
color: #FFF;
font-family: "メイリオ","Hiragino Kaku Gothic ProN",sans-serif;
font-style: normal;
font-feature-settings: "palt" 1;
letter-spacing: 0.075em;
}
html {
font-size: 3.8vw;
line-height: 1.7;
text-align: center;
background: #FFF;
}
.effect{
transition: 1.0s all;
transform: translate(0, 5vw);
opacity: 0;
filter: blur(2vw);
}
.effect.active{
transform: translate(0, 0);
opacity: 1;
filter: blur(0);
}
.pc, .inlinePC{
display: none;
}

/*PC*/
@media screen and (min-width:768px){
.mobile{
display: none;
}
.pc{
display: block;
}
.inlinePC{
display: inline;
}
.effect{
transform: translate(0, 2vw);
}

html {
font-size: 1.9vw;
}


}


@media screen and (min-width:1080px){
html {
font-size: 21px;
}
}