@charset "utf-8";

html{font-size:62.5%;}
body{-webkit-text-size-adjust:100%;font-size:100%;font-family:'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ ゴシック', arial, helvetica, sans-serif;}
body *{box-sizing:border-box;}
html,body{height:100%;}
img{-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width: 100%;height: auto;vertical-align: middle;}

.fadeItem{opacity:0;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:translateY(30px);transform:translateY(30px);}
.fadeItem.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

@media print,screen and (min-width:768px){
  .wrapper{
    min-width: 1300px;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .sp {
    display: none;
  }
  .section{
    width: 1300px;
    margin: 0 auto;
  }
  .inner {
    max-width: 1020px;
    margin: 0 auto;
  }
  ul {
    list-style: none;
  }
  .flex{
    display: flex;
  }
  /* mv */
  .mv_bg{
    background: #eee;
    width: 100%;
  }
  .mv_bg .section{
    width: inherit;
  }
  .mv .inner{
    min-width: 1300px;
    max-width: 1770px;
  }
  .mv .inner img{
    width: 100%;
  }


  /* fixed-btn top-btn */
  .fixed-btn-area{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1300px;
    z-index: 5;
  }
  .fixed-btn{
    position: fixed;
    top: 15px;
    right: 23px;
    z-index: 5;
  }
  .fixed-btn a{
    position: relative;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: 0.2s;
    animation: size_pc 5s 0.5s infinite;
  }
  @keyframes size_pc {
    from {
      width: 100%;
      height: 100%;
    }
    3%{
      width: 80%;
      height: 80%;
    }
    6% {
      width: 100%;
      height: 100%;
    }
    9% {
      width: 80%;
      height: 80%;
    }
    12% {
      width: 100%;
      height: 100%;
    }
    to {
      width: 100%;
      height: 100%;
    }
  }
  .fixed-btn a span{
    background: url(/system/files/landing/famipay/img/btn-clubtoto01_bg_pc.png) center/cover no-repeat;
    position: absolute;
    width: 110px;
    height: 104px;
    top: 8px;
    left: 8px;
    z-index: -1;
    animation: size_bg_pc 5s 0.5s infinite;
  }
  @keyframes size_bg_pc {
    from {
      width: 100%;
      height: 100%;
    }
    3%{
      width: 95%;
      height: 95%;
    }
    6% {
      width: 100%;
      height: 100%;
    }
    9% {
      width: 95%;
      height: 95%;
    }
    12% {
      width: 100%;
      height: 100%;
    }
    to {
      width: 100%;
      height: 100%;
    }
  }
  .fixed-btn a:hover{
    transform: translate(4px, 4px);
  }
  .fixed-btn a:hover span{
    transform: translate(-4px, -4px);
  }
  .top-btn-area{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1300px;
    z-index: 5;
  }
  .top-btn{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 2;
  }
  .top-btn a{
    display: block;
    opacity: 0;
    transition: 0.2s;
    pointer-events: none;
  }


  /* cont1 */
  .cont1bg{
    background: #e9f3e6;
    width: 100%;
    min-width: 1300px;
    height: 540px;
  }
  .cont1{
    position: relative;
    height: 500px;
    background-size: cover;
  }
  .cont1 h2{
    width: 1659px;
    position: absolute;
    top: 0px;
    z-index: 1;
    left: -230px;
  }
  .cont1 .anchor{
    justify-content: center;
    padding-top: 360px;
  }
  .cont1 .anchor p:first-child{
    position: relative;
    margin-right: 40px;
  }
  .cont1 .anchor p:first-child a{
    position: relative;
    display: block;
    z-index: 2;
  }
  .cont1 .anchor p:first-child a span{
    background: url(/system/files/landing/famipay/img/cont1_btn-anchor_bg_pc.png) center/cover no-repeat;
    position: absolute;
    width: 488px;
    height: 147px;
    top: 10px;
    left: 10px;
    z-index: -1;
  }
  .cont1 .anchor p:first-child a:hover{
    transform: translate(5px, 5px);
  }
  .cont1 .anchor p:first-child a:hover span{
    transform: translate(-5px, -5px);
  }
  .cont1 .anchor p:last-child{
    position: relative;
    margin-right: 10px;
  }
  .cont1 .anchor p:last-child a{
    position: relative;
    display: block;
    z-index: 2;
  }
  .cont1 .anchor p:last-child a span{
    background: url(/system/files/landing/famipay/img/cont1_btn-anchor_bg_pc.png) center/cover no-repeat;
    position: absolute;
    width: 488px;
    height: 147px;
    top: 10px;
    left: 10px;
    z-index: -1;
  }
  .cont1 .anchor p:last-child a:hover{
    transform: translate(5px, 5px);
  }
  .cont1 .anchor p:last-child a:hover span{
    transform: translate(-5px, -5px);
  }
  .cont1 .anchor p:last-child::before{
    content: '';
    background: url(/system/files/landing/famipay/img/cont1_btn-anchor_or_pc.png) center/cover no-repeat;
    position: absolute;
    width: 63px;
    height: 64px;
    top: 50%;
    left: -52px;
    transform: translateY(-52%);
    z-index: 3;
  }

  /* cont2 */
  .cont2bg{
    background: #e9f3e6;
    width: 100%;
    min-width: 1300px;
    height: 900px;
  }
  .cont2{
    position: relative;
    height: 900px;
    background: url(/system/files/landing/famipay/img/cont2_bg01_pc.png);
    background-size: cover;
  }
  .cont2::before{
    content: '';
    position: absolute;
    top: -105.8px;
    left: -400px;
    width: 396.5px;
    height: 100%;
    background: #3bbd3b;
    transform-origin: left center;
    transform: rotate(80deg);
  }
  .cont2::after{
    content: '';
    position: absolute;
    top: -82.5px;
    right: -440px;
    width: 396.4px;
    height: 100%;
    background: #3bbd3b;
    transform-origin: right center;
    transform: rotate(80deg);
  }
  .cont2 h2{
    position: absolute;
    width: 1544px;
    top: 20px;
    left: -100px;
    z-index: 1;
  }
  .cont2 .box{
    padding-top: 365px;
  }
  .cont2 .box li{
    width: 50%;
    height: 470px;
    padding: 30px;
    border: 5px solid #fff;
    border-radius: 20px;
    box-shadow: 15px 15px 0 0 #3bbd3b;
    text-align: center;
  }
  .cont2 .box li:first-child{
    margin-right: 50px;
    background: #d6e6f0;
  }
  .cont2 .box li:last-child{
    background: #fed900;
  }
  .cont2 .box li > div > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 200px;
  }
  .cont2 .box li > div > div p{
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: bold;
  }
  .cont2 .box li > div > p a{
    display: block;
    position: relative;
    width: 320px;
    margin: 0 auto;
    padding: 30px 0;
    border: 4px solid #000;
    border-radius: 45px;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
  }
  .cont2 .box li > div > p a::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 17px;
  }
  .cont2 .box li:first-child > div > p a{
    box-shadow: 8px 8px 0 0 #9cc7e1;
  }
  .cont2 .box li:last-child > div > p a{
    box-shadow: 8px 8px 0 0 #e2b016;
  }
  .cont2 .box li:first-child > div > p a:hover{
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 0 #9cc7e1;
  }
  .cont2 .box li:last-child > div > p a:hover{
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 0 #e2b016;
  }


  /* cont3 */
  .cont3bg{
    background: #e9f3e6;
    width: 100%;
    min-width: 1300px;
    height: 720px;
  }
  .cont3{
    position: relative;
    height: 720px;
    background: url(/system/files/landing/famipay/img/cont3_bg01_pc.png);
    background-size: cover;
  }
  .cont3::before{
    content: '';
    position: absolute;
    top: -38px;
    left: -350px;
    width: 359px;
    height: 100%;
    background: #3bbd3b;
    transform-origin: left center;
    transform: rotate(80deg);
  }
  .cont3::after{
    content: '';
    position: absolute;
    top: -26px;
    right: -355px;
    width: 359px;
    height: 100%;
    background: #3bbd3b;
    transform-origin: right center;
    transform: rotate(80deg);
  }
  .cont3 h2{
    width: 1595px;
    position: absolute;
    top: 0;
    left: -75px;
    z-index: 1;
  }
  .cont3 .boxArea{
    padding-top: 350px;
  }
  .cont3 .box{
    padding: 40px;
    background: #e61010;
    border: 5px solid #fff;
    border-radius: 20px;
    box-shadow: 15px 15px 0 0 #3bbd3b;
  }
  .cont3 .box ul{
    justify-content: space-between;
  }
  .cont3 .box ul li:nth-child(2){
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.8;
  }
  .cont3 .box > p a{
    display: block;
    position: relative;
    width: 320px;
    margin: 40px auto 0;
    padding: 30px 0;
    border: 4px solid #000;
    border-radius: 45px;
    background: #fff;
    color: #000;
    box-shadow: 8px 8px 0 0 #b30011;
    text-decoration: none;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
  }
  .cont3 .box > p a::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 17px;
  }
  .cont3 .box > p a:hover{
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 0 #b30011;
  }


  /* cont-btn */
  .cont-btn_bg{
    background: #e9f3e6;
    width: 100%;
    min-width: 1300px;
    height: 450px;
  }
  .cont-btn{
    position: relative;
    height: 450px;
    background: url(/system/files/landing/famipay/img/btn_bg01_pc.png) center no-repeat;
  }
  .cont-btn::before{
    content: '';
    position: absolute;
    top: -142.8px;
    left: -423px;
    width: 193px;
    height: 200%;
    background: repeating-linear-gradient(56deg, #3bbd3b, #3bbd3b 33px, #4ac24a 0, #4ac24a 53px);
    transform-origin: left center;
    transform: rotate(80deg);
  }
  .cont-btn::after{
    content: '';
    position: absolute;
    top: -311px;
    right: -443px;
    width: 193px;
    height: 200%;
    background: repeating-linear-gradient(56deg, #3bbd3b, #3bbd3b 33px, #4ac24a 0, #4ac24a 53px);
    transform-origin: right center;
    transform: rotate(80deg);
  }
  .cont-btn .btn-area{
    padding: 117.5px 0;
    text-align: center;
  }
  .cont-btn .btn-area > p{
    position: relative;
    margin-bottom: 10px;
  }
  .cont-btn .btn-area > a{
    position: relative;
    display: block;
    width: 480px;
    margin: 0 auto;
    z-index: 2;
  }
  .cont-btn .btn-area > a span{
    background: url(/system/files/landing/famipay/img/btn-clubtoto02_bg_pc.png) center/cover no-repeat;
    position: absolute;
    width: 480px;
    height: 126px;
    top: 40px;
    left: 10px;
    z-index: -1;
  }
  .cont-btn .btn-area > a:hover{
    transform: translate(5px, 5px);
  }
  .cont-btn .btn-area > a:hover span{
    transform: translate(-5px, -5px);
  }


  /* cont4 */
  .cont4bg{
    background: #e9f3e6;
    min-width: 1300px;
  }
  .cont4 h2{
    text-align: center;
  }
  .cont4 h3{
    text-align: center;
  }
  .cont4 .subtitle1{
    margin-bottom: 20px;
    text-align: center;
  }
  .cont4 .sec1 .pc .box1{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 30px;
    padding-top: 20px;
    border: 4px solid #000;
    border-radius: 20px;
    background: #fff;
    font-family: 'HiraKakuPro';
  }
  .cont4 .sec1 .pc .box1 > div:first-child{
    width: 16%;
    text-align: center;
  }
  .cont4 .sec1 .pc .box1 > div:first-child p{
    margin-top: 10px;
    font-size: 1.3rem;
    font-weight: bold;
  }
  .cont4 .sec1 .pc .box1 > div:nth-child(2){
    width: 81%;
    margin-right: 3%;
  }
  .cont4 .sec1 .pc .box1 .accordion-btn{
    position: absolute;
    right: 20px;
    bottom: -21px;
  }
  .cont4 .sec1 .pc .box1 .title{
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .cont4 .sec1 .pc .box1 .title li:first-child{
    height: 44px;
    line-height: 44px;
    font-size: 2.8rem;
    color: #00a300;
    font-weight: bold;
  }
  .cont4 .sec1 .pc .box1 .title li:last-child{
    width: 294px;
    height: 44px;
    line-height: 44px;
    background: url(/system/files/landing/famipay/img/cont4_ribbon_pc.png) center/cover no-repeat;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .cont4 .sec1 .pc .box1 .txt{
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 28px;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .cont4 .sec1 .pc .box1 .info{
    margin-bottom: 20px;
    font-size: 1.3rem;
    color: #00a300;
  }
  .cont4 .sec1 .pc .box1 .info li{
    margin-right: 5px;
    padding: 4px 10px;
    border: 1px solid #00a300;
    border-radius: 20px;
  }
  .cont4 .sec1 .pc .box1 .info li:last-child{
    margin-right: 0;
  }
  .cont4 .sec1 .pc .box1 .close-btn{
    display: none;
    width: 100%;
    background: #d1eac9;
    border: 4px solid #d1eac9;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
  }
  .cont4 .sec1 .pc .box1 .close-btn a{
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  .cont4 .sec1 .pc .box1 .close-btn a::after{
    content: '';
    background: url(/system/files/landing/famipay/img/cont4_icon03_close.png) center/cover no-repeat;
    position: absolute;
    width: 21px;
    height: 21px;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
  }
  .cont4 .sec1 .pc .box1 .close-btn a:hover{
    opacity: 0.7;
  }

  .cont4 .sec2 h2{
    margin: 80px 0 20px;
  }
  .cont4 .sec2 h3{
    margin: 30px 0;
  }
  .cont4 .sec2 .subtitle{
    margin-bottom: 30px;
    padding: 10px 0;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: url(/system/files/landing/famipay/img/cont4_sec2_ribbon_pc.png) center/contain no-repeat;
  }
  .cont4 .sec2 .btntitle{
    margin: 40px 0 30px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
  }
  .cont4 .sec2 .caution{
    margin: 30px 0;
    font-size: 1.3rem;
    text-align: center;
  }
  .cont4 .sec2 .clubtotobtn{
    display: block;
    position: relative;
    width: 360px;
    margin: 0 auto;
    margin-bottom: 80px;
    padding: 26px 0;
    border: 4px solid #000;
    border-radius: 45px;
    background: #fff;
    color: #000;
    text-align: center;
    text-indent: 7px;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    box-shadow: 8px 8px 0 0 #00a300;
  }
  .cont4 .sec2 .clubtotobtn::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 17px;
  }
  .cont4 .sec2 .clubtotobtn::before{
    content: '';
    background: url(/system/files/landing/famipay/img/clubtoto_pc.png) center/cover;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 71.1px;
    height: 30.6px;
  }
  .cont4 .sec2 .clubtotobtn:hover{
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 0 #00a300;
  }
  .cont4 .sec2 .totobtn{
    display: block;
    position: relative;
    width: 360px;
    margin: 0 auto;
    padding: 26px 0;
    border: 4px solid #000;
    border-radius: 45px;
    background: #fff;
    color: #000;
    text-align: center;
    text-indent: 12px;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    box-shadow: 8px 8px 0 0 #00a300;
  }
  .cont4 .sec2 .totobtn::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 17px;
  }
  .cont4 .sec2 .totobtn::before{
    content: '';
    background: url(/system/files/landing/famipay/img/toto_pc.png) center/cover;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 79.2px;
    height: 40.5px;
  }
  .cont4 .sec2 .totobtn:hover{
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 0 #00a300;
  }
  .cont4 .sec2 .bigbtn{
    display: block;
    position: relative;
    width: 360px;
    margin: 0 auto;
    padding: 26px 0;
    border: 4px solid #000;
    border-radius: 45px;
    background: #fff;
    color: #000;
    text-align: center;
    text-indent: 7px;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    box-shadow: 8px 8px 0 0 #00a300;
  }
  .cont4 .sec2 .bigbtn::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 17px;
  }
  .cont4 .sec2 .bigbtn::before{
    content: '';
    background: url(/system/files/landing/famipay/img/big_pc.png) center/cover;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    width: 55.8px;
    height: 40.5px;
  }
  .cont4 .sec2 .bigbtn:hover{
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 0 #00a300;
  }
  .cont4 .sec2 .btn2{
    justify-content: center;
    margin-bottom: 80px;
  }
  .cont4 .sec2 .btn2 li:first-child{
    margin-right: 20px;
  }
  .cont4 .sec2 .conbini-logo{
    justify-content: center;
    margin-bottom: 10px;
  }
  .cont4 .sec2 .conbini-logo li{
    margin-bottom: 20px;
  }
  .cont4 .sec2 .uriba{
    justify-content: center;
  }
  .cont4 .sec2 .uriba li:first-child{
    margin-right: 40px;
    padding-bottom: 20px;
  }
  .cont4 .sec2 .pc .stepbox1{
    display: flex;
    margin: 20px 0;
  }
  .cont4 .sec2 .pc .stepbox1 li{
    width: 32%;
    margin-right: 2%;
    padding: 20px;
    border: 3px solid #000;
    border-radius: 20px;
    background: #fff;
  }
  .cont4 .sec2 .pc .stepbox1 li:last-child{
    margin-right: 0;
  }
  .cont4 .sec2 .pc .stepbox1 hr{
    border: 0;
    height: 3px;
    margin: 3px;
    background: #00a300;
  }
  .cont4 .sec2 .pc .stepbox1 li > p:first-child{
    font-size: 3rem;
    color: #00a300;
    font-weight: bold;
    text-align: center;
  }
  .cont4 .sec2 .pc .stepbox1 li > p:nth-child(2){
    margin: 20px 0;
    text-align: center;
  }
  .cont4 .sec2 .pc .stepbox1 li > div:last-child p{
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
  }
  .cont4 .sec2 .pc .stepbox1 li > div:last-child p span{
    color: #00a300;
  }
  .cont4 .sec2 .pc .stepbox1 li > div:last-child p:nth-child(3){
    font-size: 1.5rem;
  }
  .cont4 .sec2 .pc .stepbox2{
    display: flex;
    flex-wrap: wrap;
  }
  .cont4 .sec2 .pc .stepbox2 li{
    width: 49%;
    margin-right: 2%;
    padding: 20px 30px;
    border: 3px solid #000;
    border-radius: 20px;
    background: #fff;
  }
  .cont4 .sec2 .pc .stepbox2 li:first-child,
  .cont4 .sec2 .pc .stepbox2 li:nth-child(2){
    margin-bottom: 20px;
  }
  .cont4 .sec2 .pc .stepbox2 li:nth-child(2n){
    margin-right: 0;
  }
  .cont4 .sec2 .pc .stepbox2 li > p:first-child{
    margin-bottom: 20px;
    font-size: 3rem;
    color: #00a300;
    text-align: center;
    font-weight: bold;
  }
  .cont4 .sec2 .pc .stepbox2 li > div{
    align-items: center;
  }
  .cont4 .sec2 .pc .stepbox2 li > div p:first-child{
    width: 30%;
    margin-right: 5%;
    text-align: center;
  }
  .cont4 .sec2 .pc .stepbox2 li > div p:nth-child(2){
    width: 65%;
    padding-bottom: 10px;
    font-size: 1.9rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 3px solid #00a300;
    letter-spacing: -0.21px;
  }
  .cont4 .sec2 .pc .stepbox2 li > div p:nth-child(2) span{
    color: #00a300;
  }

  /* cont5 */
  .cont5bg{
    background: #e9f3e6;
    min-width: 1300px;
  }
  .cont5 .bnr{
    padding: 20px 0;
  }
  .cont5 .bnr p{
    width: 740px;
    margin: 0 auto 40px;
    text-align: center;
  }
  .cont5 .bnr p a{
    display: block;
  }
  .cont5 .bnr p a:hover{
    opacity: 0.7;
  }
}
	

@media screen and (max-width:767px){
  .pc{
    display: none;
  }
  ul {
    list-style: none;
  }
  .inner{
    width: 100%;
    padding: 0 5.333333vw;
  }
  .mv .inner{
    padding: 0;
  }
  .mv .inner img{
    width: 100%;
  }
  .flex{
    display: flex;
    flex-wrap: wrap;
  }
  /* mv */


  /* fixed-btn top-btn */
  .fixed-btn{
    position: fixed;
    top: 2.5vw;
    right: 2.5vw;
    z-index: 5;
  }
  .fixed-btn a{
    position: relative;
    display: block;
    width: 20vw;
    margin: 0 auto;
    opacity: 0;
    animation: size_sp 5s 0.5s infinite;
  }
  @keyframes size_sp {
    from {
      width: 20vw;
    }
    3%{
      width: 16vw;
    }
    6% {
      width: 20vw;
    }
    9% {
      width: 16vw;
    }
    12% {
      width: 20vw;
    }
    to {
      width: 20vw;
    }
  }
  .top-btn{
    position: fixed;
    bottom: 2.5vw;
    right: 2.5vw;
    z-index: 5;
  }
  .top-btn a{
    display: block;
    width: 10vw;
    opacity: 0;
    transition: 0.2s;
    pointer-events: none;
  }


  /* cont1 */
  .cont1{
    position: relative;
    background: url(/system/files/landing/famipay/img/cont1_bg01_sp.png) no-repeat;
    background-size: 100%;
  }
  .cont1 h2{
    position: absolute;
    top: 7vw;
    z-index: 1;
    width: 89.333333vw;
  }
  .cont1 .anchor{
    padding-top: 48vw;
  }
  .cont1 .anchor p:first-child{
    position: relative;
    margin-bottom: 6vw;
  }
  .cont1 .anchor p:first-child a{
    position: relative;
    display: block;
    z-index: 2;
    width: 89.333333vw;
  }
  .cont1 .anchor p:first-child a span{
    background: url(/system/files/landing/famipay/img/cont1_btn-anchor_bg_sp.png) center/cover no-repeat;
    position: absolute;
    width: 89.333333vw;
    height: 30.533333vw;
    top: 3vw;
    left: 2.4vw;
    z-index: -1;
  }
  .cont1 .anchor p:first-child a:hover{
    transform: translate(1.5vw, 1.5vw);
  }
  .cont1 .anchor p:first-child a:hover span{
    transform: translate(-1.5vw, -1.5vw);
  }
  .cont1 .anchor p:last-child{
    position: relative;
  }
  .cont1 .anchor p:last-child::before{
    content: '';
    background: url(/system/files/landing/famipay/img/cont1_btn-anchor_or_sp.png) center/cover no-repeat;
    position: absolute;
    width: 15vw;
    height: 15vw;
    bottom: 27vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
  .cont1 .anchor p:last-child a{
    position: relative;
    display: block;
    z-index: 2;
    width: 89.333333vw;
  }
  .cont1 .anchor p:last-child a span{
    background: url(/system/files/landing/famipay/img/cont1_btn-anchor_bg_sp.png) center/cover no-repeat;
    position: absolute;
    width: 89.333333vw;
    height: 30.533333vw;
    top: 3vw;
    left: 2.4vw;
    z-index: -1;
  }
  .cont1 .anchor p:last-child a:hover{
    transform: translate(1.2vw, 1.5vw);
  }
  .cont1 .anchor p:last-child a:hover span{
    transform: translate(-1.2vw, -1.5vw);
  }

  /* cont2 */
  .cont2{
    position: relative;
    background: url(/system/files/landing/famipay/img/cont2_bg01_sp.png) no-repeat;
    background-size: 100%;
  } 
  .cont2 .inner{
    padding: 0 8vw 8vw;
  }
  .cont2 h2{
    position: absolute;
    width: 77vw;
    top: 29vw;
    z-index: 1;
  }
  .cont2 .box{
    padding-top: 77vw;
  }
  .cont2 .box li{
    width: 100%;
    padding: 5.333333vw;
    border: 1vw solid #fff;
    border-radius: 15px;
    box-shadow: 2.5vw 2.5vw 0 0 #3bbd3b;
    text-align: center;
  }
  .cont2 .box li:first-child{
    margin-bottom: 8vw;
    background: #d6e6f0;
  }
  .cont2 .box li:last-child{
    background: #fed900;
  }
  .cont2 .box li:first-child > div > p:first-child img{
    width: 50vw;
  }
  .cont2 .box li:last-child > div > p:first-child img{
    width: 65vw;
  }
  .cont2 .box li > div > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 5.333333vw 0;
  }
  .cont2 .box li > div > div p{
    width: 100%;
    font-size: 3.733333vw;
    line-height: 1.6;
    font-weight: bold;
  }
  .cont2 .box li > div > div p:nth-child(2){
    margin-top: 2.666667vw;
  }
  .cont2 .box li > div > p a{
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 5.333333vw 0;
    border: 1vw solid #000;
    border-radius: 10.666667vw;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-size: 4.266667vw;
    font-weight: bold;
  }
  .cont2 .box li > div > p a::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 3vw;
    transform: translateY(-50%);
    width: 2.8vw;
    height: 3.4vw;
  }
  .cont2 .box li:first-child > div > p a{
    box-shadow: 1.5vw 1.5vw 0 0 #9cc7e1;
  }
  .cont2 .box li:last-child > div > p a{
    box-shadow: 1.5vw 1.5vw 0 0 #e2b016;
  }
  .cont2 .box li:first-child > div > p a:hover{
    transform: translate(0.75vw, 0.75vw);
    box-shadow: 0.75vw 0.75vw 0 0 #9cc7e1;
  }
  .cont2 .box li:last-child > div > p a:hover{
    transform: translate(0.75vw, 0.75vw);
    box-shadow: 0.75vw 0.75vw 0 0 #e2b016;
  }

  /* cont3 */
  .cont3{
    position: relative;
    background: url(/system/files/landing/famipay/img/cont3_bg01_sp.png) no-repeat;
    background-size: 100%;
  }
  .cont3 .inner{
    padding-bottom: 8vw;
  }
  .cont3 h2{
    position: absolute;
    width: 80vw;
    top: 43vw;
    left: 10vw;
    z-index: 1;
  }
  .cont3 .boxArea{
    padding-top: 71vw;
  }
  .cont3 .box{
    padding: 5.333333vw;
    background: #e61010;
    border: 1vw solid #fff;
    border-radius: 15px;
    box-shadow: 2.5vw 2.5vw 0 0 #3bbd3b;
  }
  .cont3 .box ul li{
    width: 100%;
    text-align: center;
  }
  .cont3 .box ul li:first-child img{
    width: 50vw;
  }
  .cont3 .box ul li:nth-child(2){
    margin: 5.333333vw 0;
    font-size: 3.733333vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
  }
  .cont3 .box > p a{
    display: block;
    position: relative;
    width: 60vw;
    margin: 8vw auto 0;
    padding: 5.333333vw 0;
    border: 1vw solid #000;
    border-radius: 10.666667vw;
    background: #fff;
    color: #000;
    box-shadow: 1.5vw 1.5vw 0 0 #b30011;
    text-decoration: none;
    text-align: center;
    font-size: 4.266667vw;
    font-weight: bold;
  }
  .cont3 .box > p a::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 2vw;
    transform: translateY(-50%);
    width: 2.8vw;
    height: 3.4vw;
  }
  .cont3 .box > p a:hover{
    transform: translate(0.75vw, 0.75vw);
    box-shadow: 0.75vw 0.75vw 0 0 #b30011;
  }

  /* cont-btn */
  .cont-btn{
    background: url(/system/files/landing/famipay/img/btn_bg01_sp.png) no-repeat center;
    background-size: 100%;
  }
  .cont-btn .inner{
    padding: 1vw 8vw;
  }
  .cont-btn .btn-area{
    padding: 6.4vw 0;
    text-align: center;
  }
  .cont-btn .btn-area > p{
    margin-bottom: 2.666667vw;
    text-align: center;
  }
  .cont-btn .btn-area > p img{
    width: 70vw;
  }
  .cont-btn .btn-area > a{
    position: relative;
    display: block;
    width: 84vw;
    z-index: 2;
  }
  .cont-btn .btn-area > a span{
    background: url(/system/files/landing/famipay/img/btn-clubtoto02_bg_sp.png) center/cover no-repeat;
    position: absolute;
    width: 84vw;
    height: 26.71vw;
    top: 7.5vw;
    left: 1.5vw;
    z-index: -1;
  }
  .cont-btn .btn-area > a:hover{
    transform: translate(0.75vw, 0.75vw);
  }
  .cont-btn .btn-area > a:hover span{
    transform: translate(-0.75vw, -0.75vw);
  }


  /* cont4 */
  .cont4{
    background: #e9f3e6;
  }
  .cont4 .sec1 h2{
    padding-top: 8vw;
  }
  .cont4 .sec1 .sp{
    position: relative;
  }
  .cont4 .sec1 .sp .box1{
    position: relative;
    margin: 10vw 2.666667vw 4vw;
    padding-top: 5.333333vw;
    background: #fff;
    border: 0.8vw solid #000;
    border-radius: 15px;
    font-family: 'HiraKakuPro', sans-serif;
  }
  .cont4 .sec1 .sp .box1 > div:first-child{
    position: absolute;
    top: -10vw;
    right: 2vw;
    width: 20vw;
  }
  @media screen and (min-width: 650px) {
    .cont4 .sec1 .sp .box1 > div:first-child{
      top: -9.5vw;
    }
  }
  @media screen and (min-width: 700px) {
    .cont4 .sec1 .sp .box1 > div:first-child{
      top: -9vw;
    }
  }
  .cont4 .sec1 .sp .box1 > div:first-child p{
    position: absolute;
    top: 2.5vw;
    font-size: 3.2vw;
    font-weight: bold;
  }
  .cont4 .sec1 .sp .box1 > div:first-child p.txt1{
    left: -21vw;
  }
  .cont4 .sec1 .sp .box1 > div:first-child p.txt2{
    left: -15vw;
  }
  .cont4 .sec1 .sp .box1 > div:first-child p.txt3{
    left: -30vw;
  }
  .cont4 .sec1 .sp .box1 > div:nth-child(2){
    width: 82.666667vw;
  }
  .cont4 .sec1 .sp .box1 .title li:first-child{
    width: 100%;
    margin-bottom: 4vw;
    padding: 0 5.333333vw;
    font-size: 7.466667vw;
    color: #00a300;
    font-weight: bold;
  }
  .cont4 .sec1 .sp .box1 .title li:last-child{
    width: 100%;
    height: 8vw;
    line-height: 8vw;
    margin: 0 5.333333vw;
    background: url(/system/files/landing/famipay/img/cont4_ribbon_sp.png) center/cover no-repeat;
    font-size: 3.733333vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .cont4 .sec1 .sp .box1 .txt{
    margin: 4vw 0;
    padding: 0 5.333333vw;
    font-size: 3.733333vw;
    line-height: 1.6;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .cont4 .sec1 .sp .box1 .info{
    margin-bottom: 4vw;
    padding: 0 5.333333vw;
    font-size: 3.2vw;
  }
  .cont4 .sec1 .sp .box1 .info li{
    width: 34.6vw;
    margin-right: 2vw;
    padding: 1vw 2vw;
    border: 0.3vw solid #00a300;
    border-radius: 15px;
    color: #00a300;
    text-align: center;
  }
  .cont4 .sec1 .sp .box1 .info li:nth-child(2){
    margin-right: 0;
  }
  .cont4 .sec1 .sp .box1 .info li:last-child{
    margin-top: 2vw;
    margin-right: 0;
    width: 100%;
    border-radius: 15px;
  }
  .cont4 .sec1 .sp .accordion-prev-btn,
  .cont4 .sec1 .sp .accordion-next-btn{
    position: absolute;
    width: 10vw;
    z-index: 1;
  }
  .cont4 .sec1 .sp .accordion-prev-btn{
    top: 42%;
    left: -1.8vw;
  }
  .cont4 .sec1 .sp .accordion-next-btn{
    top: 42%;
    right: -1.8vw;
  }
  .cont4 .sec1 .sp .box1 .close-btn{
    width: 100%;
    background: #d1eac9;
    border: 1vw solid #d1eac9;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
  }
  .cont4 .sec1 .sp .box1 .close-btn a{
    position: relative;
    display: block;
    height: 8vw;
    line-height: 8vw;
    font-size: 3.2vw;
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  .cont4 .sec1 .sp .box1 .close-btn a.opened::after{
    content: '';
    background: url(/system/files/landing/famipay/img/cont4_icon03_close.png) center/cover no-repeat;
    position: absolute;
    width: 4vw;
    height: 4vw;
    top: -2.8vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .cont4 .sec1 .sp .box1 .close-btn a.closed::after{
    content: '';
    background: url(/system/files/landing/famipay/img/cont4_icon03_open.png) center/cover no-repeat;
    position: absolute;
    width: 4vw;
    height: 4vw;
    top: -2.8vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .cont4 .sec2 h2{
    margin: 8vw 2.666667vw;
  }
  .cont4 .sec2 h3{
    margin: 8vw 2.666667vw 6vw;
  }
  .cont4 .sec2 .sp{
    position: relative;
    margin-top: 8vw;
  }
  .cont4 .sec2 > div{
    position: relative;
  }
  .cont4 .sec2 .subtitle{
    position: absolute;
    background: url(/system/files/landing/famipay/img/cont4_sec2_ribbon_sp.png) center/contain no-repeat;
    width: 80%;
    margin-top: -2.7vw;
    left: 10%;
    padding: 3.2vw 0;
    font-size: 3.466667vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
    z-index: 1;
  }
  .cont4 .sec2 .conbini-logo{
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6vw;
  }
  .cont4 .sec2 .conbini-logo li{
    width: 100%;
  }
  .cont4 .sec2 .uriba{
    align-items: center;
    width: 80vw;
    margin: 0 auto;
    padding-bottom: 6vw;
  }
  .cont4 .sec2 .uriba li{
    width: 43%;
    margin-right: 14%;
  }
  .cont4 .sec2 .uriba li:last-child{
    margin-right: 0;
  }
  .cont4 .sec2 .slide2 .step .stepdiv{
    margin: 0 2.666667vw;
    padding: 3.2vw;
    padding-top: 10vw;
    background: #fff;
    border: 0.8vw solid #000;
    border-radius: 15px;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > p:first-child{
    font-size: 7.466667vw;
    color: #00a300;
    font-weight: bold;
    text-align: center;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > p:nth-child(2){
    margin: 3.2vw 0;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > p:nth-child(2) img{
    margin: 0 auto;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > div:nth-child(3){
    font-size: 4.8vw;
    text-align: center;
    font-weight: bold;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > div:nth-child(3) p span{
    color: #00a300;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > div:nth-child(3) p:nth-child(3){
    font-size: 3.733333vw;
  }
  .cont4 .sec2 .slide2 .step .stepdiv > div:nth-child(3) hr{
    margin: 2vw auto;
    border: 0;
    width: 90%;
    height: 0.6vw;
    background: #00a300;
  }
  .cont4 .sec2 .sp .silde2-prev-btn,
  .cont4 .sec2 .sp .silde2-next-btn{
    position: absolute;
    width: 10vw;
    z-index: 1;
  }
  .cont4 .sec2 .sp .silde2-prev-btn{
    top: 35%;
    left: -1.8vw;
  }
  .cont4 .sec2 .sp .silde2-next-btn{
    top: 35%;
    right: -1.8vw;
  }
  .cont4 .sec2 .caution{
    margin: 4vw 0;
    font-size: 2.933333vw;
    letter-spacing: -0.15vw;
  }
  .cont4 .sec2 .slide3 .step .stepdiv{
    margin: 0 2.666667vw;
    padding: 3.2vw;
    padding-top: 8vw;
    background: #fff;
    border: 0.8vw solid #000;
    border-radius: 15px;
  }
  .cont4 .sec2 .slide3 .step .stepdiv > p:first-child{
    font-size: 7.466667vw;
    color: #00a300;
    font-weight: bold;
    text-align: center;
  }
  .cont4 .sec2 .slide3 .step .stepdiv > p:nth-child(2){
    margin: 3.2vw 0;
  }
  .cont4 .sec2 .slide3 .step .stepdiv > p:nth-child(2) img{
    margin: 0 auto;
  }
  .cont4 .sec2 .slide3 .step .stepdiv > p:nth-child(3){
    font-size: 4.8vw;
    text-align: center;
    font-weight: bold;
  }
  .cont4 .sec2 .slide3 .step .stepdiv > p:nth-child(3) span{
    color: #00a300;
  }
  .cont4 .sec2 .slide3 .step .stepdiv > hr{
    margin: 2vw auto;
    border: 0;
    width: 90%;
    height: 0.6vw;
    background: #00a300;
  }
  .cont4 .sec2 .sp .silde3-prev-btn,
  .cont4 .sec2 .sp .silde3-next-btn{
    position: absolute;
    width: 10vw;
    z-index: 1;
  }
  .cont4 .sec2 .sp .silde3-prev-btn{
    top: 35%;
    left: -1.8vw;
  }
  .cont4 .sec2 .sp .silde3-next-btn{
    top: 35%;
    right: -1.8vw;
  }
  .cont4 .sec2 .btntitle{
    margin: 4vw 0 3.2vw;
    font-size: 4.266667vw;
    text-align: center;
    font-weight: bold;
  }
  .cont4 .sec2 .clubtotobtn{
    display: block;
    position: relative;
    width: 84vw;
    margin: 0 2.666667vw 12vw;
    padding: 6vw 0;
    border: 1vw solid #000;
    border-radius: 12vw;
    background: #fff;
    color: #000;
    text-align: center;
    text-indent: 2vw;
    text-decoration: none;
    font-size: 4.266667vw;
    font-weight: bold;
    box-shadow: 1.5vw 1.5vw 0 0 #00a300;
  }
  .cont4 .sec2 .clubtotobtn::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    width: 2.8vw;
    height: 3.4vw;
  }
  .cont4 .sec2 .clubtotobtn::before{
    content: '';
    background: url(/system/files/landing/famipay/img/clubtoto_pc.png) center/cover;
    position: absolute;
    top: 50%;
    left: 4.5vw;
    transform: translateY(-50%);
    width: 17.775vw;
    height: 7.65vw;
  }
  .cont4 .sec2 .clubtotobtn:hover{
    transform: translate(0.75vw, 0.75vw);
    box-shadow: 0.75vw 0.75vw 0 0 #00a300;
  }
  .cont4 .sec2 .totobtn{
    display: block;
    position: relative;
    width: 84vw;
    margin: 0 2.666667vw 4vw;
    padding: 6vw 0;
    border: 1vw solid #000;
    border-radius: 12vw;
    background: #fff;
    color: #000;
    text-align: center;
    text-indent: 3.5vw;
    text-decoration: none;
    font-size: 4.266667vw;
    font-weight: bold;
    box-shadow: 1.5vw 1.5vw 0 0 #00a300;
  }
  .cont4 .sec2 .totobtn::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    width: 2.8vw;
    height: 3.4vw;
  }
  .cont4 .sec2 .totobtn::before{
    content: '';
    background: url(/system/files/landing/famipay/img/toto_pc.png) center/cover;
    position: absolute;
    top: 50%;
    left: 4.5vw;
    transform: translateY(-50%);
    width: 19.8vw;
    height: 10.125vw;
  }
  .cont4 .sec2 .totobtn:hover{
    transform: translate(0.75vw, 0.75vw);
    box-shadow: 0.75vw 0.75vw 0 0 #00a300;
  }
  .cont4 .sec2 .bigbtn{
    display: block;
    position: relative;
    width: 84vw;
    margin: 0 2.666667vw 4vw;
    padding: 6vw 0;
    border: 1vw solid #000;
    border-radius: 12vw;
    background: #fff;
    color: #000;
    text-align: center;
    text-indent: 2vw;
    text-decoration: none;
    font-size: 4.266667vw;
    font-weight: bold;
    box-shadow: 1.5vw 1.5vw 0 0 #00a300;
  }
  .cont4 .sec2 .bigbtn::after{
    content: '';
    background: url(/system/files/landing/famipay/img/btn_arrow.png) center/cover;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    width: 2.8vw;
    height: 3.4vw;
  }
  .cont4 .sec2 .bigbtn::before{
    content: '';
    background: url(/system/files/landing/famipay/img/big_pc.png) center/cover;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    transform: translateY(-50%);
    width: 13.95vw;
    height: 10.125vw;
  }
  .cont4 .sec2 .bigbtn:hover{
    transform: translate(0.75vw, 0.75vw);
    box-shadow: 0.75vw 0.75vw 0 0 #00a300;
  }


  /* cont5 */
  .cont5{
    background: #e9f3e6;
  }
  
  .cont5 .bnr{
    padding: 4vw 0;
  }
  .cont5 .bnr p{
    margin-bottom: 8vw;
  }


  /* slider */
  .silde2-next-btn.hidden,
  .silde2-prev-btn.hidden,
  .silde3-next-btn.hidden,
  .silde3-prev-btn.hidden,
  .accordion-next-btn.hidden,
  .accordion-prev-btn.hidden {
    opacity: 0;
    pointer-events: none;
  }
}

/* footer
--------------------------------*/
.footer {width: 100%; min-width: 1300px;border-top: 1px solid #656363;background-color: #fff;}
.footer-inner {margin: 0 auto;}
.footer-list {font-size: 0;}
.footer-list > li {display: inline-block;}
.footer-about {border-top: 1px solid #e6e6e6;text-align: center;}
.footer-about > dl {font-size: 1.4rem;}
.footer-about > dl > dt {color: #c00;font-weight: 700;}
.footer > p.coptyright {padding: 15px 0;font-size: 1.3rem;color: #fff;background-color: #000;text-align: center;}

@media screen and (min-width: 768px) {
  /* footer */
  .footer-inner {max-width: 1104px; width: 92%;}
  .footer-list {margin: 32px 0;padding: 0 5.88235%;}
  .footer-list > li {-webkit-box-sizing: content-box;box-sizing: content-box;}
  .footer-list > li:first-child {padding-right: 2.1%;width: 48.3%;}
  .footer-list > li:nth-child(2) {padding-left: 2%;padding-right: 3%;width: 19.5%;border-left: 1px solid #ccc;}
  .footer-list > li:nth-child(3) {padding-left: 2.4%;width: 22.3%;border-left: 1px solid #ccc;}
  .footer-about > dl {margin: 0 auto;padding: 20px 0 24px;width: 100%;line-height: 1.8;overflow: hidden;}
}
@media screen and (max-width: 767px) {
/* footer */
.footer {min-width: 0;}
.footer-inner {width: 90%;}
.footer-list {margin: 4.09165% 0; display: flex; flex-wrap: wrap-reverse;}
.footer-list > li:first-child {width: 100%; margin-top: 2.666667vw;}
.footer-list > li:nth-child(2) {width: 50%;}
.footer-list > li:nth-child(3) {width: 50%;}
.footer-about > dl {font-size: 3.2vw;padding: 2.66667% 0 3.2%;line-height: 1.6;}
.footer-about > dl > dd {margin-top: 8px;font-weight: 700;}
.footer-about > dl > dd span {text-decoration: underline;}
.footer > p.coptyright{font-size: 2.666667vw;}
}