@charset "UTF-8";
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
html,body,div,p,img,table,th,td,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,blockquote,pre,form,fieldset,input,textarea
{margin:0;padding:0;-webkit-font-smoothing:antialiased;}
li,dt,dd{list-style:none}
h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;text-align:left}
p{margin:0}
html,body,div,p,a,table,th,td,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,blockquote,pre,form,fieldset,input,textarea,select,option
{font-size:14px;line-height:normal}
*{outline:0}table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
a[name]:hover{text-decoration:none !important;outline:0 !important}
li,ol,ul,dl{margin-bottom:0;margin-top:0}
li li{font-size:inherit}
img{border:0;vertical-align:bottom}
input{line-height:100%;padding:2px;margin:1px 0}
select{margin:1px 0}
textarea{padding:2px;font-size:100%;width:99%}
optgroup{color:#000}fieldset{border:0}

*, *::before, *::after {
  box-sizing: border-box;
}





/*モーダル用*/
/* Modal Base */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1001;
}
.modal-bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1002;
}
.modal-contents_wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
}

/* Modal Content */
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1200px;
  z-index: 1003;
}
@media screen and (max-width: 640px) {
  .modal-content {
    width: 80vw;
  }
}
.modal-inner {
  position: relative;
  background: white;
  width: 100%;
  min-height: 100px;
  max-height: 600px;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Close Button */
.btn_close {
  display: block;
  position: absolute;
  top: -50px;
  right: 0;
  color: white!important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: black;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  line-height: 35px;
  z-index: 1005;
}

.btn_close:hover{
text-decoration: none;
}



html{
  scrollbar-width: thin;
scrollbar-color: #ddd rgba(0, 0, 0, 0.01);



}