/*Timer
----------------------------------------------------*/
.end {
  padding: 15px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #d0111b;
  line-height: 1.4;
  border: 4px solid #d0111b;
  display: none;
}

@media only screen and (max-width: 767px) {
  .end {
    font-size: 18px;
  }
}

.active_timer {
  display: inline-block;
}

/*Wrapper
----------------------------------------------------*/
.content__outer {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .content__outer {
    width: 100%;
  }
}

.content__outer .content__inner {
  margin: 0 auto;
  max-width: 950px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .content__outer .content__inner {
    padding: 2% 2.5vw;
    width: 100%;
  }
}

/*Edit
----------------------------------------------------*/
@media screen and (min-width: 768px){
  .pcVisible{display:block!important;}
  .spVisible{display:none!important;}
  header{box-shadow:0 6px 8px rgb(0 0 0 / 20%);margin-bottom:50px;}
  #Wrapper{background:#fff;width:100%;}
  #secA,#secB,#secC{width:640px;margin:0 auto;}
  /* secA */
  /* #secA img{width:100%;} */
  #secA picture{text-align: center;}
  #secA #key_img{margin-bottom:20px;}
  #secA .content{margin:20px auto 16px;}
  #secA .content .item{width:570px;position:relative;margin:0 auto 40px;}
  #secA .lead-element{ margin-bottom: 40px; }
  #secA .content .item a img, #secA .lead-element a img{transition:opacity .4s;}
  #secA .content .item a:hover img, #secA .lead-element a:hover img{opacity:.6;}
  /* secB */
  #secB .content{margin:70px auto;}
  #secB .content .inner{width:100%;}
  #secB .headline{margin-bottom:25px;}
  #secB .headline img{width:100%;}
  #secB .secB-border-head{margin-bottom:40px;}
  #secB .secB-border-foot{margin:40px 0 60px;}
  #secB .item-list{display:flex;justify-content:center;}
  #secB .content .item{text-align:center;}
  #secB .content .item a,#secB .content .item .qr_dl{display:inline-block;margin-top:30px;}
  #secB .content .item .qr_dl{position:relative;right:0;}
  #secB .content .item a{position:relative;left:0;}
  #secB .content .item img{width:200px;}
  #secB .content .item a img,#secB .content .item .qr_dl img{width:285px;transition:opacity .4s;}
  #secB .content .item a:hover img{opacity:.6;}
  /* secC */
  #secC .content{margin:auto;}
  #secC .content .inner{position:relative;padding-bottom:20px;}
  #secC .content .note{width:100%;margin:auto;text-align:left;}
  #secC .content .note .sub-headline{margin:0;color:#333;font-weight:700;text-align:center;border:2px solid #333;height:50px;line-height:50px;}
  #secC .content .note-about{line-height:1.7;font-size:14px;padding:30px 0 10px;}
  #secC .content .note-about.pdt{padding-top:0;}
  #secC .content .note .note-ttl{padding:5px 0 5px 5px;font-size:16px;font-size:1rem;background-color:#254193;font-weight:bold;color:#fff;}
  #secC .content .note .bold{font-weight:700;font-size:16px;padding:15px 0 0 6px;}
  #secC .content .note .note-pd{padding:15px 0 0 0;}
  #secC .content .note ul{padding-left:16px;}
  #secC .content .maruetsu-logo-s{box-shadow:1px 2px 15px rgba(0,0,0,.1);border-radius:20px;}
  #secC .list-indent{padding-left:30px;}
}
@media screen and (max-width: 767px){
  .pcVisible{display:none!important;}
  .spVisible{display:block!important;}
  header{box-shadow:0 6px 8px rgb(0 0 0 / 20%);margin-bottom:20px;}
  #Wrapper{background:#fff;width:100%;}
  /* secA */
  .top_kv{margin: 30px 0 20px;}
  #secA img{width:100%;}
  #secA #key_img{width:80%;display:block;margin:auto;}
  #secA .content{width:100%;padding:5vw 9vw 9vw;display:flex;flex-wrap:wrap;}
  #secA .lead-element{margin-top:5vw;}
  #secA .lead-element .link-img-button{display:block;padding:0 9vw;}
  #secA .content .item{width:100%;position:relative;margin-bottom:7vw;}
  #secA .content .item:nth-last-of-type(1){margin-bottom:0;}
  #secA .content .item a{display:block;}
  /* secB */
  #secB .headline img{width:100%;}
  #secB .content{width:calc(100% - 6vw);margin:auto;text-align:center;}
  #secB .content .item img{width:32vw;display:block;margin:5vw auto;}
  #secB .content .item a{display:inline-block;width:80vw;}
  #secB .content .item a img{margin:auto;left:0;width:100%;}
  #secB .content .item a:nth-of-type(1){margin-bottom:2.5vw}
  #secB .content .double_digitA img{width:calc(100% - 13vw);margin-right:7vw;}
  #secB .content .double_digitB img{width:calc(100% - 10vw);margin-right:8.5vw}
  #secB .content .double_digitC img{width:calc(100% - 12vw);margin-right:4vw;}
  .mode-android #secB .content .item .btn-googleplay{display:inline-block;}
  .mode-android #secB .content .item .btn-appstore{display:none;}
  .mode-ios #secB .content .item .btn-googleplay{display:none;}
  .mode-ios #secB .content .item .btn-appstore{display:inline-block;}
  /* secC */
  #secC .content{width:calc(100% - 6vw);margin:auto;}
  #secC .content .inner{margin-left:.2vw;text-align:center;padding-bottom:20px;}
  #secC .headline{padding:3vw 7% 0;}
  #secC .content .item img{width:100%;}
  #secC .content .item-center img:nth-of-type(1){width:50%;margin-top:4vw;}
  #secC .content .item-center a{width:calc(100% - 14%);margin:auto;display:block;}
  #secC .content .item-center a img:nth-of-type(1){width:100%;margin-top:8vw;}
  #secC .content .item-center a img.mgT{margin-top:0;}
  #secC .content .note{padding:2% 7% 5%;text-align:left;}
  #secC .content .note .sub-headline{margin:7vw 0 2%;padding:3%;color:#333;font-weight:700;text-align:center;border:2px solid #333;}
  #secC .content .note-about{line-height:1.7;font-size:12px;padding:5% 0 2%;}
  #secC .content .note-about.pdt{padding-top:0;}
  #secC .content .note .note-ttl{padding:10px;font-size:15px;font-size:1rem;background-color:#254193;font-weight:bold;color:#fff;}
  #secC .content .note .bold{font-weight:700;font-size:16px;padding:15px 0 0 6px;}
  #secC .content .note .note-pd{padding:15px 0 0 0;}
  #secC .content .note ul{padding-left:16px;}
  #secC .content .maruetsu-logo-s{box-shadow:1px 2px 15px rgba(0,0,0,.1);border-radius:13%;}
  #secC .list-indent{padding-left:25px;}
}
@media screen and (max-width: 767px) {
  #header #head_link h1{width:55%;}
  #Wrapper{overflow:hidden;}
  .only-pc{display:none;}
  .only-sp{display:block;}
  #header #head_link h1 img,#header #head_link .maruetsu-logo-area img{width:auto;}
  #header #head_link .maruetsu-logo-area img{height:18px;}
}
@media screen and (min-width: 768px) {
  #header #head_link .maruetsu-logo-area img{width:182.27px;height:33px;}
  .only-pc{display:block;}
  .only-sp{display:none;}
  #header #head_link,footer .inner{max-width:850px;}
}
  picture{display:block;}
  #header #head_link h1{display:block;float:left;}
  .f-left{float:left;}
  .mt0{margin-top:0 !important;}
  .mr0{margin-right:0 !important;}
  .mb0{margin-bottom:0 !important;}
  .ml0{margin-left:0 !important;}
  .pt0{padding-top:0 !important;}
  .pr0{padding-right:0 !important;}
  .pb0{padding-bottom:0 !important;}
  .pl0{padding-left:0 !important;}
  .mt5{margin-top:5px !important;}
  .mr5{margin-right:5px !important;}
  .mb5{margin-bottom:5px !important;}
  .ml5{margin-left:5px !important;}
  .pt5{padding-top:5px !important;}
  .pr5{padding-right:5px !important;}
  .pb5{padding-bottom:5px !important;}
  .pl5{padding-left:5px !important;}
  .mt10{margin-top:10px !important;}
  .mr10{margin-right:10px !important;}
  .mb10{margin-bottom:10px !important;}
  .ml10{margin-left:10px !important;}
  .pt10{padding-top:10px !important;}
  .pr10{padding-right:10px !important;}
  .pb10{padding-bottom:10px !important;}
  .pl10{padding-left:10px !important;}
  .mt15{margin-top:15px !important;}
  .mr15{margin-right:15px !important;}
  .mb15{margin-bottom:15px !important;}
  .ml15{margin-left:15px !important;}
  .pt15{padding-top:15px !important;}
  .pr15{padding-right:15px !important;}
  .pb15{padding-bottom:15px !important;}
  .pl15{padding-left:15px !important;}
  .mt20{margin-top:20px !important;}
  .mr20{margin-right:20px !important;}
  .mb20{margin-bottom:20px !important;}
  .ml20{margin-left:20px !important;}
  .pt20{padding-top:20px !important;}
  .pr20{padding-right:20px !important;}
  .pb20{padding-bottom:20px !important;}
  .pl20{padding-left:20px !important;}
  .mt25{margin-top:25px !important;}
  .mr25{margin-right:25px !important;}
  .mb25{margin-bottom:25px !important;}
  .ml25{margin-left:25px !important;}
  .pt25{padding-top:25px !important;}
  .pr25{padding-right:25px !important;}
  .pb25{padding-bottom:25px !important;}
  .pl25{padding-left:25px !important;}
  .mt30{margin-top:30px !important;}
  .mr30{margin-right:30px !important;}
  .mb30{margin-bottom:30px !important;}
  .ml30{margin-left:30px !important;}
  .pt30{padding-top:30px !important;}
  .pr30{padding-right:30px !important;}
  .pb30{padding-bottom:30px !important;}
  .pl30{padding-left:30px !important;}
  .mt35{margin-top:35px !important;}
  .mr35{margin-right:35px !important;}
  .mb35{margin-bottom:35px !important;}
  .ml35{margin-left:35px !important;}
  .pt35{padding-top:35px !important;}
  .pr35{padding-right:35px !important;}
  .pb35{padding-bottom:35px !important;}
  .pl35{padding-left:35px !important;}
  .mt40{margin-top:40px !important;}
  .mr40{margin-right:40px !important;}
  .mb40{margin-bottom:40px !important;}
  .ml40{margin-left:40px !important;}
  .pt40{padding-top:40px !important;}
  .pr40{padding-right:40px !important;}
  .pb40{padding-bottom:40px !important;}
  .pl40{padding-left:40px !important;}
  .mt45{margin-top:45px !important;}
  .mr45{margin-right:45px !important;}
  .mb45{margin-bottom:45px !important;}
  .ml45{margin-left:45px !important;}
  .pt45{padding-top:45px !important;}
  .pr45{padding-right:45px !important;}
  .pb45{padding-bottom:45px !important;}
  .pl45{padding-left:45px !important;}
  .mt50{margin-top:50px !important;}
  .mr50{margin-right:50px !important;}
  .mb50{margin-bottom:50px !important;}
  .ml50{margin-left:50px !important;}
  .pt50{padding-top:50px !important;}
  .pr50{padding-right:50px !important;}
  .pb50{padding-bottom:50px !important;}
  .pl50{padding-left:50px !important;}
  #header #head_link .maruetsu-logo-area,.f-right{float:right;}