@charset "UTF-8";
/**
*
* app.css
*
*/
/* ==========================================================================
   アプリ紹介ページ画像用
   ========================================================================== */
.app-inner-box .fl {
  width: 38%; }
  .app-inner-box .fl img {
    width: 100%;
    height: auto;
    box-sizing: border-box; }
  .app-inner-box .fl.wid25 {
    width: 25%;
    box-sizing: border-box; }
    .app-inner-box .fl.wid25 img {
      padding: 10px;
      background-color: #fff; }

.app-inner-box .fr {
  width: 57%;
  line-height: 1.4; }
  .app-inner-box .fr .btn-cmn {
    width: 100%; }
    .app-inner-box .fr .btn-cmn a {
      width: 100%; }
  .app-inner-box .fr.wid70 {
    width: 70%;
    font-size: 28px;
    font-size: 2.8rem; }
.cmn-btn-list.pc-col2 li:nth-child(2n + 1) {
      width: 50%;
      float: left;
      border-right: 2px solid #efefef;
}

/* ==========================================================================
コロナ注意書き
========================================================================== */
.box-alert {
  padding: 30px;
  margin-top: 100px; }
  .box-alert .box-alert-icon {
    width: 77px;
    color: #ed4350;
    font-size: 22px;
    font-size: 2.2rem;
    padding-top: 15px; }
    .box-alert .box-alert-icon img {
      display: block;
      margin-bottom: 5px; }
  .box-alert .box-alert-txt {
    width: 545px;
    color: #ed4350;
    line-height: 1.375;
    box-sizing: border-box; }

@media screen and (min-width: 751px) {
  .box-alert {
    padding: 20px 30px; }
    .box-alert .box-alert-icon {
      width: 50px;
      font-size: 14px;
      font-size: 1.4rem;
      padding-top: 0; }
      .box-alert .box-alert-icon img {
        display: block;
        margin-bottom: 5px; }
    .box-alert .box-alert-txt {
      width: 515px; }
      
    .box-alert-txt{
      margin-top: 10px;
    }

}