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

.dom-service-wrapper{
  width: 992px;
  margin: 20px auto;
  padding: 12px;
  background: #EAF3FF;
  border: 1px solid #2488FF
}
.dom-service-title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}
.dom-service-list{
  display: flex;
}
.dom-service-list>li{
  position: relative;
  padding-left: 1.0em;
}
.dom-service-list>li::before{
  content: "◆";
  position: absolute;
  top: 0;
  left: 0;
}

.dom-service-list>li+li{
  margin-left: 20px;
}
.dom-service-list>li>a{
  text-decoration: none;
  color: #333;
}
.dom-service-list>li>a:hover{
  text-decoration: underline
}

/*** JATA笑う門には福来るバナー ***/
.nopc{
  display: none
}
.dom-jata_bnrbox{
  width: 992px;
  margin: 30px auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.dom-jata_bnrbox>a{
  display: block;
  width: 100%;
  text-align: center
}
.dom-jata_bnrbox>a.bnr-paypay{
  width: 100%;
  text-align: center;
  align-self: center
}
.dom-jata_bnrbox>a img{
  max-width: 100%;
  margin: auto
}
.dom-jata_bnrbox>a.bnr-paypay img{
  width: 60%;
}
.dom-jata_bnrbox>a:hover{
  opacity: 0.8
}

@media only screen and (max-width: 740px) {
  .dom-service-wrapper{
    width: 100%;
    padding: 24px 24px;
    background: #EAF3FF;
    border: none
  }
  .dom-service-title{
    font-size: calc(30vw / 7.5);
    font-weight: bold;
    margin-bottom: calc(10vw / 7.5);
  }
  .dom-service-list{
    display: block;
  }
  .dom-service-list>li+li{
    margin-top: calc(10vw / 7.5);
    margin-left: 0;
  }
  
  /*** JATA笑う門には福来るバナー ***/
  .nosp{
    display: none
  }
  .nopc{
    display: block;
  }
  .dom-jata_bnrbox{
    width: 100%;
    margin: 30px auto;
    text-align: center;
    display: block;
    text-align: center
  }
  .dom-jata_bnrbox>a{
    width: 100%
  }
  .dom-jata_bnrbox>a+a{
    margin-top: calc(30vw / 7.5)
  }
  .dom-jata_bnrbox img{
    max-width: 100%;
  }
  .dom-jata_bnrbox>a.bnr-paypay img{
    width: 100%
  }
  
}

/*** 関西万博バナー ***/
.banpaku__bnrbox{
  display: flex;
  gap: 24px;
  justify-content: center
}
.bnr__content{
  width: calc((100% - 24px) / 2);
}
.bnr__content>a{
  display: block;
}
.bnr__content>a>img{
  max-width: 100%;
}
.bnr__content>a:hover{
  opacity: .8;
  transform: .3s
}
@media only screen and (max-width: 740px) {
  .banpaku__bnrbox{
    display: flex;
    flex-direction: column;
    gap: calc(32vw / 7.5);
    justify-content: center
  }
  .bnr__content{
    width: 100%
  }
}