@charset "utf-8";
/* CSS Document */
#adminBox, .acms-admin-box{
  z-index:2;
  position:relative;
}

.sp26_bg_wrap{
  top:0;
  width:100%;
  height:100%;
  z-index:-1;
  position:fixed;
  background-color:#C21415;
}
.sp26_bg_wrap img{
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
}
.sp26_contentswrap{
  z-index:2;
  position:relative;
}
.sp26_mainimg{
  max-width:1200px;
  width:98%;
  margin:auto;
}
.sp26_mainimg img{
  width:100%;
}
.sp26_caption{
  max-width:930px;
  width:96%;
  margin:24px auto 0;
  position:relative;
  padding:72px 0;
  font-size:1.25em;
  background-image:url(../img/bg_txt.png);
  background-size:100% 100%;
}
.sp26_ttltxt{
  position:absolute;
  top: 0.25vw;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.sp26_ttltxt img{
  width:100%;
}
.sp26_caption > p{
  text-align:center;
  line-height:2;
}
.sp26_caption > p em{
  color:#FF0000;
  font-weight:bold;
}
.sp26_phbox div{
  position:absolute;
}
.sp26_phbox div:nth-of-type(1){
  left: -14vw;
  bottom: -72px;
  z-index:-1;
}
.sp26_phbox div:nth-of-type(2){
  right:-18.5vw;
  bottom:-110px;
}
.sp26_imagebox ul{
  display:flex;
  justify-content: center;
  gap:24px;
  position:relative;
  z-index:2;
}
.sp26_imagebox ul li{
  max-width:460px;
  width:46%;
}
.sp26_imagebox ul li img{
  width:100%;
}
.sp26_kzn{
  text-align: center;
}
.sp26_kzn div{
  max-width:640px;  
  margin:auto;
}
.sp26_kzn div img{
  width:100%;
}
.sp26_snsarea{
  background-color:#FFF;
  display:flex;
  align-items: center;
  justify-content: center;
  gap:24px;
  padding:32px 0;
}
.sp26_snsarea > div img{
  max-width:200px;
}
.sp26_snsarea div ul{
  display: flex;
  justify-content: center;
  gap:10px;
  padding-top:24px;
}
.sp26_snsarea div ul li{
  width:42px;
}
.sp26_snsarea div ul li img{
  width:100%;
}

@media screen and (min-width: 641px){
  
}

@media screen and (max-width: 1000px){
  .sp26_phbox{display:none;}
}

@media screen and (max-width: 940px){
  .sp26_caption{font-size:1em;}
}
@media screen and (max-width: 800px){
  .sp26_snsarea{
    padding-bottom:calc(17.5vw + 60px);
    flex-direction: column;
  }
}
@media screen and (max-width: 768px){
  .sp26_caption{
    font-size:0.875em;
    background-image:url(../img/bg_txt_sp.png);
    padding: 6.75vw 6%;
  }
  .sp26_caption > p{
    text-align: left;
    line-height:1.75;
  }
  .sp26_ttltxt {top: -2.25vw;}
  .sp26_imagebox{padding-top:24px;}
}

@media screen and (max-width: 640px){
  .sp26_imagebox ul{
    flex-direction: column;
    gap:0;
  }
  .sp26_imagebox ul li {width: 100%;}
  .sp26_kzn{padding-top:16px;}
}
@media screen and (max-width: 480px){
  .sp26_bg_wrap img{opacity:0;}
}