:root{

    --main-pink:#d681a0;
    --bg-light:#fdfafb;
    --text-color:#444;
    --accent-yellow:#fff9e6;

}

body{

    font-family:"Noto Sans JP",sans-serif;
    color:var(--text-color);
    line-height:1.8;

}
main {
  position: relative;
}
img{
    max-width:100%;
    height:auto;
}

a{
    text-decoration:none;
    transition:.3s;
        color: var(--bs-danger);
    font-weight: bold;

}

hr{
border-top: 1px var(--main-pink) dotted;
 margin: 20px 0;
}

h1{color: #FFF;
    font-size: 5px;
    padding: 0;
    margin: 0;}

h2{
    font-size:24px;
    font-weight: bold;
    color: var(--main-pink);
    margin-bottom: 24px;
}

h3{
    color: var(--main-pink);
    font-weight: bold;
}


h4{
    color: #c85a75;
    font-size:17px;
    font-weight: bold;

}
.btn_top{color: #888; text-decoration: none; font-weight: bold;}

.btn{
    background:var(--main-pink);
    color:#fff;
    border-radius:40px;
    padding: 18px 50px;
    font-weight:700;
    transition:.3s;
}
.btn:hover{
    background:#c66b8b;
    color:#ddd;
}

.btn img{
    width:28px;
    margin-right:6px;
    filter:brightness(0) invert(1);

}
.table{

    background:#fff;

}

.table th{

    background:#efefef;

}
/* アイコン画像と文字の間のすき間調整 */
.v-txtb {
  vertical-align: text-bottom;
}

.img10{width:10px;}
.img20{width:20px;}
.img30{width:30px;}
.img50{width:50px;}


/*ページトップ*/
#pagetop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-image: url(../img/pagetop.webp);
  background-size: cover;
  background-repeat: no-repeat;
  height: 160px;
  width: 120px;
  z-index: 9999;
}

#pagetop.is-show {
  opacity: 1;
  display: inline;
  position: absolute;
  bottom: 0px;
  right: 10px;
}

@media (min-width:1400px){
/*画面幅が広いときに頁端に固定*/

/*#pagetop {
  left: calc(50% + 640px + 20px);
}*/

}

@media (max-width:768px){
#pagetop {
  height: 114px;
  width: 88px;
}
}