@charset "UTF-8";
/* CSS Document */
*{box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
html,body{width:100%;}
html{overflow-y:scroll;position:relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
input,textarea{margin:0;padding:0;}
ol, ul{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
a img{border:0;}
a:focus,a:active,a:hover{outline:none;}
img{max-width:100%;vertical-align:bottom;}
body{
  -webkit-text-size-adjust:none;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
/*Tab移動時のフォーカスリング*/
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid #0084D8;
  outline-offset: 2px;
}
footer{
  margin-top:auto;
}
.coming {
  margin:0 auto;
  padding: 300px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

:root {
  --display-block: block !important;
  --display-none: none !important;
}

.pc_only,
.pc_only02,
.pc_only03 {
  display: var(--display-block);
}

.mobile_only,
.mobile_only02,
.mobile_only03 {
  display: var(--display-none);
}

@media (max-width: 1000px) {
  .pc_only02 {
    display: var(--display-none);
  }
  .mobile_only02 {
    display: var(--display-block);
  }
}

@media (max-width: 768px) {
  .pc_only {
    display: var(--display-none);
  }
  .mobile_only {
    display: var(--display-block);
  }
}

@media (max-width: 600px) {
  .pc_only03 {
    display: var(--display-none);
  }
  .mobile_only03 {
    display: var(--display-block);
  }
}