@charset "UTF-8";
html{
  font-size: 10px;
}
body{
  background-color: #fff;
  line-height: 1.7;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  color: #111741;
}

a{
  color: #00f;
  text-decoration: underline;
}
a:visited{
  color: #00f;
  text-decoration: underline;
}
a:hover, a:active{
  color: #00f;
  text-decoration: none;
}

a,
.banners a,
a.banners{
  transition: opacity .5s;
}
.banners a:hover,
a.banners:hover{
  opacity: .7;
}

img{
  max-width: 100%;
  height: auto;
}

.table th{
  font-weight: normal;
}
.table-bordered th,
.table-bordered td{
  border: 1px solid #999;
}
.table-bordered thead th{
  border-bottom: 1px solid #999;
}
@media (max-width: 767px){
  .table-break,
  .table-break > caption,
  .table-break > thead,
  .table-break > thead > tr,
  .table-break > thead > tr > th,
  .table-break > thead > tr > td,
  .table-break > tbody,
  .table-break > tbody > tr,
  .table-break > tbody > tr > th,
  .table-break > tbody > tr > td,
  .table-break > tfoot,
  .table-break > tfoot > tr,
  .table-break > tfoot > tr > th,
  .table-break > tfoot > tr > td{
    display: block;
  }
  .table-break.table-bordered caption{
    border-bottom: 1px solid #999;
  }
  .table-break.table-bordered tbody th{
    border-bottom: none;
  }
  .table-break th,
  .table-break td{
    padding: 6px 10px;
  }
}
.table > caption{
  caption-side: top;
  color: inherit;
  text-align: center;
}
.table-bordered > caption{
  border: 1px solid #999;
  border-bottom: none;
}

ul,ol,dl,dd,table{
  margin: 0;
}
ul,ol{
  padding-left: 0;
  list-style: none;
}
p{
  margin: 0;
}
ul.list-disc{
  padding-left: 1.5em;
  list-style: disc outside;
}
.list-indent li{
  padding-left: 1em;
  text-indent: -1em;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  font-weight: 700;
}

@media (max-width: 767px){
  h1, .h1{
    font-size: 2.6rem;
  }
  h2, .h2{
    font-size: 2.4rem;
  }
  h3, .h3{
    font-size: 2.1rem;
  }
  h4, .h4{
    font-size: 1.8rem;
  }
  h5, .h5,
  h6, .h6{
    font-size: 1.6rem;
  }
}
@media (min-width: 768px){
  h1, .h1{
    font-size: 4rem;
  }
  h2, .h2{
    font-size: 3rem;
  }
  h3, .h3{
    font-size: 2.8rem;
  }
  h4, .h4{
    font-size: 2.4rem;
  }
  h5, .h5{
    font-size: 2rem;
  }
  h6, .h6{
    font-size: 1.8rem;
  }
}

.lh-12{
  line-height: 1.2;
}
.lh-15{
  line-height: 1.5;
}

.text-attention{
  color: #e4002c;
}

.font-size-14{
  font-size: 1.4rem;
}
.font-size-16{
  font-size: 1.6rem;
}

.flex-fill{
  flex: 1 1 auto !important;
}

.h-100per{
  height: 100% !important;
}



/* Layout
======================================= */
#wrapper{}
@media (max-width: 767px){
}
@media (min-width: 768px){
  #wrapper{
    min-width: 980px;
  }
}

/* Header */
#header{
  position: relative;
  z-index: 1;
}
.header-upper{
  background: #000;
  text-align: center;
}
.header-logo img{
  width: auto;
  height: 30px;
}
.header-lower{
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-contact dt{
  color: #666;
  font-weight: bold;
}
.header-contact a{
  background: #f46228;
  color: #fff;
  text-decoration: none;
}
.header-contact a:hover{
  opacity: .7;
}
@media (max-width: 767px){
  .inc-logo{
    text-align: center;
  }
  .inc-logo img{
    width: 240px;
    height: 40px;
  }
  .header-contact{
    margin-top: 10px;
    text-align: center;
  }
  .header-contact dt{
    font-size: 1.2rem;
  }
  .header-contact a{
    display: inline-block;
    padding-right: 30px;
    padding-left: 30px;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    font-size: 1.6rem;
    font-weight: bold;
  }
}
@media (min-width: 768px){
  .inc-logo img{
    width: 260px;
    height: 43px;
  }
  .header-contact{
    width: 300px;
    text-align: center;
  }
  .header-contact dt{
    font-size: 1.4rem;
  }
  .header-contact a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    border-radius: 30px;
    font-size: 2rem;
    font-weight: bold;
  }
}

/* Navigation */
@media (max-width: 767px){
  .drawer-hamburger{
    z-index: 100;
    background: #111741 !important;
    padding-right: 15px;
    padding-left: 15px;
    width: 30px;
  }
  .drawer-menu-item{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 1.6rem;
    color: inherit !important;
  }
  .drawer-nav{
    width: 260px;
  }
  .drawer--right.drawer-open .drawer-hamburger{
    right: 260px;
  }
  .drawer--right .drawer-nav{
    right: -260px;
  }
  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
    background: #fff;
  }

  .nav-main{
    line-height: 1.5;
  }
  .nav-main a{
    text-decoration: none;
  }
  .nav-main-parent > li{
    border-bottom: 1px dashed #111741;
  }
  .nav-main-parent > li > a,
  .nav-main-parent > li > div{
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .nav-main-parent > li > a{
    color: inherit;
  }

  .nav-main-parent .has-child span{
    display: block;
    background: url("../img/bg-nav-main-arrow.svg") right center no-repeat;
    background-size: 13px auto;
    padding-right: 26px;
  }
  .nav-main-parent .has-child.is-active span{
    background-image: url("../img/bg-nav-main-arrow-active.svg");
  }
  .nav-main-child{
    display: none;
    padding-left: 1em;
  }
  .nav-main-child > li{
    border-top: 1px dashed #c9cbd5;
  }
  .nav-main-child > li > a{
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    color: inherit;
    text-decoration: none;
  }
  .nav-main-child .disabled{
    color: #909094;
  }

  .nav-main .has-button{
    border: none;
    margin-top: 10px;
    text-align: center;
  }
  .nav-main .has-button a{
    padding: 15px;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
  }
  .nav-main .has-button a:hover{
    opacity: .7;
    color: #fff;
  }
  .nav-main .contact{
    background: #e5002c;
  }
  .nav-main .request{
    background: #f39c00;
  }
}
/* PC */
@media (min-width: 768px){
  .drawer-hamburger{
    display: none;
  }
  .nav-main{
    position: fixed;
    top: 30px;
    left: 0;
    z-index: 100;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    line-height: 1.5;
    min-width: 980px;
  }
  .nav-main a{
    transition: all .5s;
  }
  .nav-main > .container{
    position: relative;
  }
  .nav-main-parent{
    display: flex;
    justify-content: space-between;
    background: url("../img/bg-nav-main-nav.svg") left center no-repeat;
    background-size: 2px auto;
  }
  .nav-main-parent > li{
    position: relative;
    background: url("../img/bg-nav-main-nav.svg") right center no-repeat;
    background-size: 2px auto;
    flex: 1 1 auto;
  }
  .nav-main-parent > li > a,
  .nav-main-parent > li > div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    color: inherit;
    text-decoration: none;
    text-align: center;
  }
  .nav-main-parent > li > a:hover{
    color: #e5002c;
  }
  .nav-main-parent .has-child span{
    background: url("../img/bg-nav-main-arrow.svg") right center no-repeat;
    background-size: 13px auto;
    padding-right: 26px;
  }
  .nav-main-parent .has-child.is-active span{
    background-image: url("../img/bg-nav-main-arrow-active.svg");
  }
  .nav-main-parent .has-button{
    flex: 1 1 150px;
    width: 150px;
    max-width: 150px;
  }

  .nav-main-child{
    display: none;
    position: absolute;
    top: 80px;
    left: 50%;
    z-index: 1;
    background: #313340;
    min-width: 250px;
    border-radius: 15px;
    transform: translateX(-50%);
  }
  .nav-main-child::before{
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    display: block;
    margin-left: -85px;
    background: url("../img/bg-nav-main-child.svg") 0 0 no-repeat;
    width: 170px;
    height: 27px;
  }
  .nav-main-child > li{
    background: url("../img/bg-nav-main-child-item.svg") center bottom no-repeat;
    background-size: auto 3px;
  }
  .nav-main-child > li:last-child{
    background: none;
  }
  .nav-main-child > li > a{
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: opacity .5s;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    text-align: center;
    transition: all .5s;
  }
  .nav-main-child > li > a:hover{
    color: #f39c00;
  }
  .nav-main-child .disabled{
    position: relative;
    color: #909094 !important;
  }
  .nav-main-child .disabled small{
    display: block;
    color: #fff;
  }

  .nav-main .has-button{
    margin-left: 10px;
    background: none;
  }
  .nav-main .has-button a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 60px;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
  }
  .nav-main .has-button a:hover{
    opacity: .7;
    color: #fff;
  }
  .nav-main .contact{
    background: #e5002c;
  }
  .nav-main .request{
    background: #f39c00;
  }
}

/* Main */
main{
  display: block;
}
@media (min-width: 768px){
  main{
    margin-top: 80px;
  }
}

/* Footer */
#footer{
  background: #11163b;
}
#footer .copyright{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 1rem;
  color: #fff;
}
@media (max-width: 767px){
}
@media (min-width: 768px){
}

#pagetop{
  position: relative;
  display: none;
  margin: 0;
  width: 100%;
  height: 0;
}
#pagetop a{
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #101641;
  width: 50px;
  height: 50px;
  color: #fff;
  border-radius: 7px;
  text-decoration: none;
}
#pagetop a span{
}
#pagetop a span::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 16px 10px;
  border-color: transparent transparent #fff transparent;
}
#pagetop a:hover{
  text-decoration: none;
  background-color: #e6002d;
}
#pagetop a i{
  color: #f7f3ec;
  font-size: 3rem;
}
@media (max-width: 767px){
  #pagetop a{
    bottom: 10px;
    right: 10px;
  }
}
@media (min-width: 768px){
  #pagetop a{
    bottom: 10px;
    right: 10px;
  }
}

@media (max-width: 767px){
  .footer-icons{
    background: url("../img/bg-footer-icons-sp.png") center center no-repeat;
    background-size: 356px auto;
    height: 174px;
  }
}
@media (min-width: 768px){
  .footer-icons{
    background: url("../img/bg-footer-icons.png") center center repeat-x;
    height: 300px;
  }
}



/* Action */
.action{
  background: #fff1c5 url("../img/bg-cta.png") center 20px no-repeat;
}
.action-heading{
  font-weight: 700;
  text-align: center;
}
.action .buttons a{
  display: block;
  background-image: url("../img/icon-arrow-white.svg");
  background-position: right center;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.action .buttons .contact{
  background-color: #e5002c;
  box-shadow: 0 10px 0 0 #7a001b;
}
.action .buttons .request{
  position: relative;
  background-color: #f39c00;
  box-shadow: 0 10px 0 0 #815500;
}
.action .buttons .request::before{
  content: "";
  position: absolute;
  background: url("../img/img-book.png") 0 0 no-repeat;
  background-size: 100% auto;
}
.action .email a{
  display: block;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.action .email a span::before{
  content: "";
  display: inline-block;
  margin-right: 8px;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #111741;
  width: 0;
  height: 0;
}
.action .blk-share .share{
  border-top: 1px dashed #a09a90;
}
.action .blk-share .share a{
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none;
  color: inherit;
  transition: opacity .5s;
}
.action .blk-share .share a:hover{
  opacity: .5;
}
.action .blk-share .twitter{
  background: url("../img/icon-twitter.svg");
}
.action .blk-share .facebook{
  background: url("../img/icon-facebook.svg");
}
@media (max-width: 767px){
  .action{
    background-position: center 15px;
    background-size: 100% auto;
  }
  .action-heading{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2rem;
  }
  .action .buttons > li{
    margin-bottom: 20px;
  }
  .action .buttons > li a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: right 20px center;
    background-size: 20px auto;
    height: 80px;
    line-height: 1.3;
    border-radius: 40px;
    font-size: 1.8rem;
    text-align: center;
    transition: all .5s;
  }
  .action .buttons .request::before{
    top: 4px;
    left: 14px;
    width: 54px;
    height: 78px;
  }
  .action .email{
    margin-bottom: 20px;
  }
  .action .email a{
    padding: 8px;
  }
  .action .blk-share .share{
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .action .blk-share .share > li{
    margin-left: 20px;
  }
  .action .blk-share .share > li:nth-child(odd){
    margin-left: 0;
  }
  .action .blk-share .share a{
    background-size: 40px auto;
    padding-left: 46px;
    height: 40px;
    line-height: 40px;
  }
}
@media (min-width: 768px){
  .action-heading{
    margin: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 2.4rem;
  }
  .action .buttons{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .action .buttons > li{
    margin-left: 4%;
    flex: 0 0 48%;
    width: 48%;
    max-width: 48%;
  }
  .action .buttons > li:nth-child(odd){
    margin-left: 0;
  }
  .action .buttons > li a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: right 40px center;
    background-size: 30px auto;
    height: 100px;
    line-height: 1.3;
    border-radius: 50px;
    font-size: 2.4rem;
    text-align: center;
    transition: all .5s;
  }
  .action .buttons .request::before{
    top: 8px;
    left: 38px;
    width: 62px;
    height: 90px;
  }
  .action .buttons > li a:hover{
    transform: translateY(8px);
  }
  .action .buttons .contact:hover{
    box-shadow: 0 2px 0 0 #7a001b;
  }
  .action .buttons .request:hover{
    box-shadow: 0 2px 0 0 #815500;
  }
  .action .email{
    margin-bottom: 20px;
  }
  .action .email a{
    margin-right: auto;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 700px;
    font-size: 1.8rem;
  }
  .action .email a,
  .action .email a span::before{
    transition: all .5s;
  }
  .action .email a:hover{
    color: #e5002c;
  }
  .action .email a:hover span::before{
    border-color: transparent transparent transparent #e5002c;
  }
  .action .email a span::before{
    position: relative;
    top: -2px;
  }
  .action .blk-share .share{
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .action .blk-share .share > li{
    margin-right: 20px;
    margin-left: 20px;
  }
  .action .blk-share .share a{
    background-size: 60px auto;
    padding-left: 70px;
    height: 60px;
    line-height: 60px;
  }
}



/* Modules
======================================= */
.border-colorful{
  background: url("../img/bg-border.svg") center top no-repeat;
}
@media (max-width: 767px){
  .border-colorful{
    background-size: auto 5px;
  }
}
@media (min-width: 768px){
  .border-colorful{
    background-size: 100% auto;
  }
}



/* Section */
.header-main .heading{
  line-height: 1;
}
.header-main img{
  vertical-align: top;
}
@media (max-width: 767px){
  .header-main{
    margin-bottom: 30px;
    background: url("../img/bg-page-header-sp.png") center center no-repeat;
    background-size: auto 150px;
  }
  .header-main .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
  }
  .section{
    margin-bottom: 30px;
  }
}
@media (min-width: 768px){
  .header-main{
    margin-bottom: 80px;
    background: url("../img/bg-page-header.png") center center no-repeat;
    background-size: auto 240px;
  }
  .header-main .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
  }
  .section{
    margin-bottom: 80px;
  }
}



/* Titles */
.title-icon{
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 767px){
  .title-icon{
    text-align: center;
    font-size: 2rem;
  }
  .title-icon img{
    transform: scale(.7);
  }
  .title-icon .title{
    display: block;
    margin-top: 10px;
  }
}
@media (min-width: 768px){
  .title-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
  }
  .title-icon .icon{
    margin-right: 20px;
  }
}

.title-dot{
  background: url("../img/bg-heading-dot.svg") center top no-repeat;
  background-size: 72px auto;
  padding-top: 12px !important;
}
@media (max-width: 767px){
}
@media (min-width: 768px){
  .title-dot.-font-lg{
    font-size: 4rem;
  }
}

.title-02 > .inner{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-02 > .inner::before,
.title-02 > .inner::after{
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 60px;
}
.title-02 > .inner::before{
  margin-right: 1em;
  background-image: url("../img/bg-brackets-left.svg");
}
.title-02 > .inner::after{
  margin-left: 1em;
  background-image: url("../img/bg-brackets-right.svg");
}

.title-03 > .inner{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-03 > .inner::before,
.title-03 > .inner::after{
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 11px;
  height: 24px;
}
.title-03 > .inner::before{
  margin-right: 1em;
  background-image: url("../img/bg-heading-mark-left.svg");
}
.title-03 > .inner::after{
  margin-left: 1em;
  background-image: url("../img/bg-heading-mark-right.svg");
}

.title-border-bottom{
  background: url("../img/bg-heading-sub.svg") bottom center no-repeat;
  background-size: 300px auto;
  padding-bottom: 15px;
}



/* Lists */
.list-numicon > li{
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1.4;
  font-weight: bold;
}
.list-numicon > li:nth-child(1){
  background-image: url("../img/icon-num-01.png");
}
.list-numicon > li:nth-child(2){
  background-image: url("../img/icon-num-02.png");
}
.list-numicon > li:nth-child(3){
  background-image: url("../img/icon-num-03.png");
}
.list-numicon > li:nth-child(4){
  background-image: url("../img/icon-num-04.png");
}
.list-numicon > li:nth-child(5){
  background-image: url("../img/icon-num-05.png");
}
@media (max-width: 767px){
  .list-numicon > li{
    margin-bottom: 15px;
    background-position: left center;
    background-size: 40px auto;
    padding-left: 50px;
    min-height: 41px;
    font-size: 1.6rem;
  }
}
@media (min-width: 768px){
  .list-numicon > li{
    margin-bottom: 12px;
    background-size: 51px auto;
    padding-top: 6px;
    padding-left: 64px;
    min-height: 50px;
    font-size: 2.4rem;
  }
}



/* Boxes */
.box{
  background: url("../img/bg-box.png") 0 0 / 100% 100% no-repeat;
}
.box-yellow{
  background: url("../img/bg-box-02.png") 0 0 / 100% 100% no-repeat;
}
@media (max-width: 767px){
  .box,
  .box-yellow{
    padding: 15px 20px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
@media (min-width: 768px){
  .box,
  .box-yellow{
    padding: 30px 40px;
  }
}

.box-02{
  border: 1px solid #111741;
  border-radius: 10px;
}
@media (max-width: 767px){
  .box-02{
    padding: 15px 20px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
@media (min-width: 768px){
  .box-02{
    padding: 30px 40px;
  }
}

.border-bottom.border-dashed{
  border-bottom-color: inherit !important;
  border-bottom-style: dashed !important;
}



/* Link Box */
.linkbox{
  position: relative;
  display: block;
  overflow: hidden;
  border: 3px solid #101641;
  border-radius: 10px;
  background: #f8f2e6;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .1em;
  color: inherit !important;
}
.linkbox .text{
  background: url("../img/icon-arrow.svg") right center no-repeat;
  color: inherit;
  transition: all .5s;
}
.linkbox:hover .text{
  background-image: url("../img/icon-arrow-red.svg");
  color: #e5002c !important;
}
.linkbox.disabled::before{
  content: "Coming Soon";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  width: 100%;
  height: 100%;
}
.linkbox.disabled:hover .text{
  background-image: url("../img/icon-arrow.svg");
  color: inherit !important;
}
@media (max-width: 767px){
  .linkbox .text{
    background-position: right 20px center;
    background-size: 23px 19px;
    padding: 15px 43px 15px 0;
    font-size: 1.6rem;
  }
}
@media (min-width: 768px){
  .linkbox .text{
    background-position: right 20px center;
    background-size: 32px 26px;
    padding: 24px 48px 24px 0;
    font-size: 2rem;
  }
}



/* Labels */
.label-default{
  display: inline-block;
  background: #111741;
  padding: 8px 20px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  border-radius: 15px;
}
.label-sm{
  position: relative;
  top: -2px;
  padding: 5px 15px;
  font-size: 1.2rem;
  border-radius: 12px;
}
@media (max-width: 767px){
}
@media (min-width: 768px){
}



/* Buttons */
.btn-lg{
  justify-content: center;
  align-items: center;
  background-color: #f27e29;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  box-shadow: 0 10px 0 0 #cb2929;
  line-height: 1.4;
  transition: all .25s;
}
.btn-lg span::after{
  content: "";
  display: inline-block;
  margin-bottom: -.18em;
  margin-left: .5em;
  background: url("../img/icon-arrow-white.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.btn-lg:hover{
  transform: translateY(7px);
  box-shadow: 0 3px 0 0 #cb2929;
}
@media (max-width: 767px){
  .btn-lg{
    display: flex;
    height: 80px;
    font-size: 2.4rem;
    border-radius: 40px;
    font-size: 1.6rem;
  }
  .btn-lg span::after{
    width: 20px;
    height: 17px;
  }
}
@media (min-width: 768px){
  .btn-lg{
    display: inline-flex;
    width: 600px;
    height: 100px;
    font-size: 2.4rem;
    border-radius: 50px;
  }
  .btn-lg span::after{
    width: 30px;
    height: 26px;
  }
}



/* Scroll Hint */
@media (max-width: 767px){
  .js-scrollhint > div{
    width: 980px;
  }
  .scrollhint{
    overflow-y: hidden !important;
  }
  .scroll-hint-icon{
    top: calc(50% - 40px);
    left: calc(50vw - 20px - 60px);
  }
}