@charset "UTF-8";
/*****************
l_appArea
*****************/
.l_appArea{
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 2.6vw;
}
.l_appArea .l_appArea_icon{
  width: 15.71%;
  margin-right: 3.6%;
}
.l_appArea_btnArea{
  width: 80.69%;
  }
.l_appArea_btnArea > p{
  margin-bottom: 13px;
  padding: 5px 0 6px;
  text-align: center;
  background: #f0be41;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.32em;
}
.l_appArea_btnArea_innerWrap{
  display: flex;
  width: 100%;
}
.l_appArea_btnArea_inner{
  display: flex;
  width: 50%;
}
.l_appArea_btnArea_inner:nth-of-type(1){
  border-right: 1px solid #727272;
}
.l_appArea_btnArea_inner_txt{
  width: 63.25%;
  text-align: center;
  margin-right: 3%;
  padding-top: 5px;
}
.l_appArea_btnArea_inner:nth-of-type(2) .l_appArea_btnArea_inner_txt{
  margin-left: 2%;
}
.l_appArea_btnArea_inner_btn{
  width: 80.76%;
  margin: auto;
}
.l_appArea_btnArea_inner_qr{
  width: 26.8%;
}
.l_appArea_btnArea_inner_txt p{
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}


@media (max-width: 768px) {
  .l_appArea{
    margin: auto 0vw 10.6vw;
    width: 95vw;
  }
  .l_appArea{
    width: 100%;
  }
  .l_appArea .l_appArea_icon{
    width: 21.86vw;
    margin-right: 3.3vw;
  }
  .l_appArea_btnArea{
    width: 69.3vw;
    }
  .l_appArea_btnArea > p{
    margin-bottom: 2.6vw;
    padding: 4px 0 3px;
    font-size: 1.1rem;
    letter-spacing: 0.32em;
  }
  .l_appArea_btnArea_innerWrap{
  }
  .l_appArea_btnArea_inner{
  }
  .l_appArea_btnArea_inner:nth-of-type(1){
  }
  .l_appArea_btnArea_inner_txt{
    width: 100%;
    text-align: center;
    margin-right: 3vw;
    padding-top: 0;
  }
  .l_appArea_btnArea_inner:nth-of-type(2) .l_appArea_btnArea_inner_txt{
    margin-right: 0;
    margin-left: 3vw;
  }
  .l_appArea_btnArea_inner_btn{
    width: 100%;
  }
  .l_appArea_btnArea_inner_qr{
    width: 0;
  }
  .l_appArea_btnArea_inner_txt p{
    padding-bottom: 2vw;
    font-size: 1.1rem;
  }
}

/*****************
common
*****************/
.el_atten{
  font-size: min(2vw,16px);  
}
.l_mainContentsTtl.el_txtleft{
  text-align: left;
  margin-left: 0;
}


@media (max-width: 768px) {
.el_atten{
    font-size: 3.75vw;  
  }
}

/*****************
l_appabout_wrap
*****************/
.l_appabout_wrap{
  border: 2px solid #ff0000;
  padding: 1.3vw;
}
.l_appabout_wrap dt{
  color: #ff0000;
  font-weight: 600;
}
.l_appabout_wrap dd{
  font-weight: 600;
}
.l_appabout_wrap dd:not(:last-child){
  padding-bottom: 1.3vw;
}

@media (max-width: 768px) {
  .l_appabout_wrap{
    text-align: left;
  }
}

/*****************
l_mainContentsImg
*****************/
.l_mainContentsImgL{
  width: min(100%,566px);
}
.l_mainContentsImgFull{
  width: 100%;
}

@media (max-width: 768px) {
  .l_mainContentsImg{
    width: 82.8vw;
  }
  .l_mainContentsImgL{
    width: 82.8vw;
  }
}

/*****************
l_tbls
*****************/
.l_tbls{
  margin-bottom: 45px;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}
.l_tbls td{
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  height: 65px;
  padding: 13px 0 15px;
  font-size: min(2.2vw,18px);
  letter-spacing: .05em;
  line-height: 1.25;
  text-align: center;
}
.l_tbls_btn{
  max-width: 137px;
  transition: .3s;
}
.l_tbls_btn:hover{
  filter: brightness(110%) opacity(75%);
}
.el_tblAtten{
  font-size: min(1.5vw,12px);
}

@media (max-width: 768px) {
  .l_tbls{
    margin-bottom: 7.8vw;
  }
  .l_tbls td{
    height: auto;
    font-size: 3.4vw;
  }
  .l_tbls_btn{
    max-width: 21vw;
  }
  .el_tblAtten{
    font-size: 1.7vw;
  }
}