@charset "UTF-8";
/*****************************
  cmn
*****************************/
.kifuchoicebox{
  border: 1px solid #ccc;
  margin: 0;
  padding: 4rem;
}
.pagesec-monthly .kifuchoicebox{
  background: #fdf7fa;
}
.pagesec-thistime .kifuchoicebox{
  background: #f3faff;
}

.kifuttlbox{
  margin-bottom: 2rem;
  /* text-align: center; */
}
.kifuttlbox .ttl{
  color: #f39;
  font-size: 2rem;
  font-weight: bold;
}
.pagesec-thistime .kifuttlbox .ttl{
  color: #0ae;
}
.kifuttlbox .subttl{
  font-size: 3.5rem;
  line-height: 1;
}
.kifuttlbox .subttl span{
  font-weight: bold;
}

.kifuform{
  border-bottom: 2px solid #999;
  margin: 2rem 0;
}
.kifuform > p{
  margin: 2rem 0;
}
.kifuform form{
  display: flex;
  align-items: center;
  flex-flow: wrap;
  justify-content: space-between;
  gap: .5rem;
}
.kifuform form > div{
  width: calc(50% - .25rem);
}
.kifu-amount,
.kifu-submit[type="submit"] {
  cursor: pointer;
  font-size: 2rem;
  text-align: center;
  height: 60px;
  width: 100%;
}
.kifu-select-box{
  background: #eee;
  position: relative;
}
.kifu-select-box::before{
  content: "\f107";
  font: var(--fa-font-solid);
  position: absolute;
  top: 50%;
  right: 1rem ;
  transform: translateY(-50%);
}
select.kifu-amount{
  position: relative;
  z-index: 1;
}
.kifu-submit[type="submit"] {
  background-color: #f39;
  color: #fff;
  padding: 1rem;
}
.pagesec-thistime .kifu-submit[type="submit"] {
  background-color: #0ae;
}
.kifu-amount.free {
  background: #fff;
  border: 5px solid #eee;
  padding: 1rem 2rem ;
  text-align: left;
}

@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .kifuchoicebox {
    padding: 4rem 2rem;
  }
  .kifuttlbox .ttl {
    font-size: 2.7rem;
  }
  .kifuttlbox .subttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .kifuchoicebox {
    padding: 3rem 2rem;
  }
  .kifuttlbox{
    text-align: left;
  }
  .kifuttlbox .ttl {
    font-size: 2.3rem;
    line-height: 1.4;
    margin-top: 1rem;
  }

  .kifuform form{
    gap: 1.5rem;
  }
  .kifuform form > div{
    width: 100%;
  }
  .kifu-amount,
  .kifu-submit[type="submit"] {
    font-size: 1.6rem;
    height: 50px;
  }
}

/*****************************
  pagesec-first
*****************************/
.pagesec-first .ttlbox{
  margin-bottom: 1rem;
}
.pagesec-first .ttlbox .ttl{
  color: #0B97D2;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}
.pagesec-first .ttlbox .ttl span{
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 1rem;
}
.pagesec-first .ttlbox .subttl{
  font-size: 2rem;
  font-weight: bold;
}
.pagesec-first .ttlbox .subttl span{
  color: #f39;
  font-weight: bold;
}
.pagesec-first .bgtxt{
  background: rgba(232, 232, 232, .5);
  margin-top: 1rem;
  margin-bottom: 3rem;
  padding: .5rem;
  text-align: center;
}
.pagesec-first .ul-page-link {
  display: flex;
  gap: 1rem;
}
.ul-page-link li {
  width: 50%;
}
.ul-page-link li:nth-child(1) .txt2 {
  background: #f39;
}
.ul-page-link li:nth-child(2) .txt2 {
  background: #0ae;
}
.ul-page-link a span {
  font-size: 2rem;
  font-weight: bold;
}
.ul-page-link a .txt2 {
  color: #fff;
  display: block;
  padding: 1rem;
  text-align: center;
}
.tel-women-box {
  height: 200px;
  max-width: 550px;
  margin-top: 2rem;
  position: relative;
}
.tel-women-box .txt {
  color: #f39;
  font-size: 2rem;
  font-weight: bold;
}
.tel-women-box .img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 150px;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .pagesec-first .ttlbox .ttl {
    font-size: 3.4rem;
  }
  .pagesec-first .ttlbox .ttl span {
    font-size: 2.2rem;
  }
  .pagesec-first .ttlbox .subttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-first .ttlbox .ttl{
    font-size: 2.4rem;
    text-align: left;
  }
  .pagesec-first .ttlbox .ttl span {
    display: block;
  }
  .pagesec-first .ul-page-link {
    flex-wrap: wrap;
  }
  .ul-page-link li {
    width: 100%;
  }
  .ul-page-link a span {
    font-size: 1.6rem;
  }
  .tel-women-box {
    height: 180px;
  }
  .tel-women-box .txt {
    font-size: 1.8rem;
  }
  .tel-women-box .img {
    max-width: 100px;
  }
}


/*****************************
  pagesec-monthly
*****************************/
.pagesec-monthly .kifuttlbox{
  margin: 0 auto 20px;
  /* max-width: 900px; */
}
.pagesec-monthly .kifuttlbox .subttl{
  text-align: left;
}

/*****************************
  pagesec-thistime
*****************************/

/*****************************
  pagesec-other
*****************************/
.pagesec-other dl{
  margin-bottom: 2rem;
}
.pagesec-other dl > div{
  margin-bottom: 1rem;
}
.pagesec-other dl dt{
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 2rem;
  position: relative;
}
.pagesec-other dl dt::before{
  content: "●";
  color: #0B97D2;
  position: absolute;
  top: 0;
  left: 0;
}
.pagesec-other .addbox{
  margin-top: 2rem;
}
.pagesec-other .addbox .ttl{
  color: #0070C0;
  font-weight: bold;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-other .kifuttlbox .ttl{
    margin: 0;
  }
}

/*****************************
  pagesec-use
*****************************/

/*****************************
  pagesec-credit
*****************************/
.pagesec-credit .subttl{
  color: #0B97D2;
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 5rem;
}
.pagesec-credit .txtbox:not(:last-child){
  margin-bottom: 2rem;
}

@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-credit .subttl{
    font-size: 2.2rem;
  }
}