@charset "utf-8";
/* CSS Document */

a:hover{opacity: 0.8; transition: 0.2s;}

header.headMain01, footer.footMain01{z-index: 8000!important;}

body{
    position: relative;
background:url("../image/common/bg01.jpg");
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 400;
font-style: normal;}

.pc{ display: block;}
.sp{display: none;}

img{display: block;width: 100%; height: auto;}

#page-top {
  width: 90px;
    bottom: 12px;
    position: fixed;
    right: 12px;
    z-index: 50;
    padding-bottom: 12px;
}

#hedmenu-top{position: relative;display: flex;justify-content: center; width: 100%;z-index: 50;border-image-slice: 1;transition: .3s;}

.hedOpenbtn {
    display: none;
    background: url("../image/common/menuBtn.png") no-repeat scroll 0 0;
    border: 0 none;
    background-size: contain;
    width: 3.4%;
    min-width: 39px;
        top: 1%;
        right: 1%;
    cursor: pointer;
    z-index: 14000;
}

.hedOpenbtn.close{
    background: url("../image/common/menuBtnClose.png") no-repeat scroll 0 0;background-size: contain;}

.hedmenu-open{position: fixed;z-index: 49;display: none;width: 100%;height: 100vh;background:#ed1e79; z-index: 9000;
    padding-top: 3vh;
    margin-top: -1vh;}
.bodyoverflow{height:100%;overflow: hidden;}

.main_menu{position: relative; z-index: 45;}
.mainmenu{padding-left: 9vw;width: 40vw;}
.mainmenu li{}
.mainmenu li a{font-size: 2vh;color: #fff;display: block;margin: 1.4vh 0; padding: 0.7vh 0 0.7vh 2%;}

.mainmenu li a::before {
    content: "";
    display: inline-block;
    width: 0.8999em;
    height: 0.8999em;
    margin-right: 0.3em;
    background-image: url(../image/common/menuIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.menu_chara{position: absolute;
    width: 90vh;
    bottom: -52vh;
    right:5%;
z-index: 44;}

.headMain.is-fixed {
    position: fixed;
    top: 0;z-index: 9002; width: 100%;}

.headMain{background: #ed1e79;overflow: hidden;
    position: relative;}


.headerWrap{display: flex; width: 100%;max-width: 1200px; margin: 0 auto; justify-content: center; align-items: center;}
.header-logo{background: #fff; padding: 10px 2%; width: 11%;}
.menu{width: 81%;
    margin-left: 3%;
    margin-right: 3%;}
.menu ul{display: flex;justify-content: flex-end;gap: 0 3%;    overflow: hidden;}
.menu ul li{}
.menu ul li a{display: block; font-size: clamp(14px, 1.8vw, 16px);font-weight: 600;}

.menu ul li a::before {
    content: "";
    display: inline-block;
    width: 0.8999em;
    height: 0.8999em;
    margin-right: 0.3em;
    background-image: url(../image/common/menuIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.kasou{margin-bottom: 8%!important;}

.spmenu{display: none;}

.particle {
  position: fixed;
  width: auto;
  z-index: -2;
}

#particle1 {
  background: url("../image/common/decoration.png");
  background-size: contain;
  width: 100%;
  height: 3000px;
  transition: top 1.5s ease-out;
}

#particle2 {
  background: url("../image/common/decoration2.png");
  background-size: contain;
  width: 100%;
  height: 5000px;
  transition: top 1.5s ease-out;
}

#particle3 {
  background: url("../image/common/decoration3.png");
  background-size: contain;
  width: 100%;
  height: 7000px;
  transition: top 1.5s ease-out;
}

.copy{font-family:sans-serif; text-align: center;font-size: 11px;
    padding-bottom: 15px;}


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

@media screen and (max-width: 768px) {
    
    .spmenu{display: block;}
    
    .headerWrap {
    justify-content: space-between;}
    .menu{display: none;}
    .header-logo {
    padding: 2% 2%;
    width: 19%;
}
    .menu_chara {right: -101px;
        width: 86%;
        bottom: 0%;}
    
    #page-top {width: 75px;}
    
    .hedOpenbtn {
        display: block;
    width: 12.1%;
}
    
    .pc{ display: none;}
    .sp{display: block;}
    
    .kasou{margin-bottom: 18%!important;}
}