/* nsf_exercise */
#exercise-main {
  position: relative;
  overflow: hidden;
  background: #e4deed;
}
#exercise-main .page-title {
  position: relative;
  max-width: 1020px;
  margin: 0 auto;
  color: #7d61a8;
  font-weight: 500;
  z-index: 5;
}
#exercise-main .page-title > span {
  display: block;
}
#exercise-main .page-title img {
  height: auto;
}
#exercise-main .message {
  position: relative;
  max-width: 1020px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
  color: #525252;
  z-index: 5;
}
#second-msg {
  text-align: right;
}
#helthere-text {
  position: relative;
  max-width: 610px;
  width: 80.8%;
  margin: 0 auto;
  z-index: 5;
}
#exercise-img01,
#exercise-img02 {
  position: absolute;
  z-index: 1;
}
#exercise-campaign {
  text-align: center;
  color: #fff;
  background: #b1b1b1;
}
.campaign-info,
#exercise-campaign-backtogym .info .text {
  font-weight: 700;
  line-height: 1.75;
}
.campaign-title img,
.backtogym img,
#exercise-campaign-backtogym .title img,
#exercise-campaign-backtogym .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#exercise-campaign-backtogym {
  text-align: center;
}
#exercise-campaign-backtogym .cp-bnr {
  display: block;
  position: relative;
}
#exercise-campaign-backtogym .bg-black {
  color: #fff;
  background: #000;
}
#exercise-campaign-backtogym .bnr-redbull .pcandtab {
  	background: rgb(124,97,167);
	background: linear-gradient(90deg, rgba(124,97,167,1) 72%, rgba(0,172,206,1) 100%);
	padding: 16px;
}
/** pc and tablet **/
@media print,screen and (min-width: 701px) {
  #exercise-main .message {
    line-height: 2.2;
  }
  #exercise-main .message p + p {
    padding-top: 2.2em;
  }
  #exercise-campaign {
    padding: 50px 0 60px;
  }
  .campaign-title {
    width: 592px;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .backtogym {
    width: 366px;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .campaign-info {
    font-size: 1.8rem;
  }
  .collaboration-logo {
    padding-top: 20px;
    width: 367px;
    margin: 0 auto;
  }
  #exercise-campaign-backtogym .campaign-inner {
    max-width: 790px;
    padding: 65px 30px;
    margin: 0 auto;
    overflow: hidden;
  }
  #exercise-campaign-backtogym .info {
    width: 53%;
    float: left;
    max-width: 390px;
    text-align: left;
  }
  #exercise-campaign-backtogym .logo {
    width: 41%;
    float: right;
  }
  #exercise-campaign-backtogym .title {
    max-width: 346px;
    padding-bottom: 20px;
  }
  #exercise-campaign-backtogym a {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
  }
  #exercise-campaign-backtogym .cp-bnr picture {
    display: block;
    max-width: 1020px;
    margin: 0 0 0 auto;
  }
  #exercise-campaign-backtogym .cp-bnr .more {
    max-width: 1020px;
    position: absolute;
    color: #00acce;
    font-size: 1.8rem;
    width: calc(100% - 20px);
    text-align: left;
  }
  #exercise-campaign-backtogym .bnr-redbull a.cp-bnr {
	  display: block;
	  position: relative;
  }
  #exercise-campaign-backtogym .bnr-redbull a.cp-bnr .more {
    right: 20px;
    bottom: 5%;
  }
  #exercise-campaign-backtogym .cp-bnr.bnr202104 .more {
    right: 20px;
    bottom: 5%;
  }
  #exercise-campaign-backtogym .cp-bnr .more span {
    display: block;
    padding-left: 2%;
  }
  #exercise-campaign-backtogym .cp-bnr:hover .more {
    text-decoration: underline;
  }
}
/** pc **/
@media print,screen and (min-width: 1001px) {
  #exercise-main .page-title {
    padding: 110px 30px 0;
    height: 270px;
  }
  #exercise-main .page-title img {
    height: 47px;
  }
  #exercise-main .message {
    font-size: 2rem;
  }
  #first-msg {
    height: 680px;
  }
  #second-msg {
    height: 1015px;
  }
  #helthere-text {
    margin-bottom: 75px;
  }
  #exercise-img01 {
    width: 1530px;
    height: 940px;
    left: 50%;
    top: 0;
    margin-left: -765px;
    background: url("../img/nsf202104/img01_pc.png") no-repeat bottom right;
  }
  #exercise-img02 {
    width: 1660px;
    height: 1524px;
    left: 50%;
    bottom: 35px;
    margin-left: -840px;
    background: url("../img/nsf202104/img02_pc.png") no-repeat bottom left;
  }
}
/** tablet **/
@media print,screen and (min-width: 701px) and (max-width: 1000px) {
  #exercise-main .page-title {
    padding: 11vw 3vw 0;
    height: 27vw;
  }
  #exercise-main .page-title img {
    height: 4.7vw;
  }
  #exercise-main .message {
    font-size: 2rem;
    font-size: 2vw;
  }
  #first-msg {
    height: 68vw;
  }
  #second-msg {
    height: 101.5vw;
  }
  #helthere-text {
    margin-bottom: 7vw;
  }
  #exercise-img01 {
    width: 126vw;
    height: 95vw;
    left: 50%;
    top: 0;
    margin-left: -63vw;
    background: url("../img/nsf202104/img01_pc.png") no-repeat bottom right;
    background-size: auto 94%;
  }
  #exercise-img02 {
    width: 136vw;
    height: 132vw;
    left: 50%;
    bottom: 11vw;
    margin-left: -68vw;
    background: url("../img/nsf202104/img02_pc.png") no-repeat bottom left;
    background-size: auto 100%;
  }
}
/** smartphone **/
@media screen and (max-width: 700px) {
  #exercise-main .page-title {
    padding: 14.4vw 0 0;
    height: 36vw;
  }
  #exercise-main .page-title img {
    width: 82.4vw;
    display: block;
    margin: 0 auto;
  }
  #exercise-main .message {
    padding-left: 9vw;
    padding-right: 8vw;
    line-height: 2;
    font-size: 1.1rem;
    font-size: 2.93vw;
  }
  #exercise-main .message p + p {
    padding-top: 2em;
  }
  #first-msg {
    height: 122.6vw;
  }
  #second-msg {
    height: 178.6vw;
  }
  #helthere-text {
    margin-bottom: 8vw;
  }
  #exercise-img01 {
    width: 116.5vw;
    height: 108.6vw;
    left: 50%;
    top: 45.3vw;
    margin-left: -58.25vw;
    background: url("../img/nsf202104/img01_sp.png") no-repeat bottom right;
    background-size: auto 100%;
  }
  #exercise-img02 {
    width: 122vw;
    height: 157vw;
    left: 50%;
    bottom: 17vw;
    margin-left: -62vw;
    background: url("../img/nsf202104/img02_sp.png") no-repeat bottom left;
    background-size: auto 100%;
  }
  #exercise-campaign {
    padding: 5.6% 0 6.67%;
  }
  .campaign-title {
    width: 72%;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .backtogym {
    width: 72%;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .campaign-info {
    font-size: 1.1rem;
    font-size: 2.93vw;
  }
  .collaboration-logo {
    padding-top: 20px;
    width: 69.6%;
    margin: 0 auto;
  }
  #exercise-campaign-backtogym .campaign-inner {
    padding: 6.7% 0;
  }
  #exercise-campaign-backtogym .text {
    padding-bottom: 10px;
    font-size: 1.1rem;
    font-size: 2.93vw;
  }
  #exercise-campaign-backtogym .logo {
    width: 45.33%;
    margin: 0 auto;
  }
  #exercise-campaign-backtogym .title {
    width: 72.67%;
    max-width: 273px;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  #exercise-campaign-backtogym .cp-bnr .more {
    display: none;
  }
}

.bnr-kof a {
  display: block;
  color: #fff;
  text-decoration: none;
}

/** pc & tablet **/
@media print,screen and (min-width: 701px) {
  .bnr-kof a {
    background : -moz-linear-gradient(4.38% -19.18% -28.95deg,rgba(104, 194, 161, 1) 0%,rgba(100, 194, 164, 1) 12.24%,rgba(89, 195, 174, 1) 23.51%,rgba(70, 195, 191, 1) 34.4%,rgba(44, 196, 215, 1) 45.07%,rgba(11, 198, 245, 1) 55.47%,rgba(0, 198, 255, 1) 58.35%,rgba(8, 197, 255, 1) 62.42%,rgba(29, 194, 255, 1) 68.61%,rgba(63, 190, 255, 1) 76.14%,rgba(111, 184, 255, 1) 84.72%,rgba(171, 176, 255, 1) 94.07%,rgba(213, 171, 255, 1) 99.96%);
    background : -webkit-linear-gradient(-28.95deg, rgba(104, 194, 161, 1) 0%, rgba(100, 194, 164, 1) 12.24%, rgba(89, 195, 174, 1) 23.51%, rgba(70, 195, 191, 1) 34.4%, rgba(44, 196, 215, 1) 45.07%, rgba(11, 198, 245, 1) 55.47%, rgba(0, 198, 255, 1) 58.35%, rgba(8, 197, 255, 1) 62.42%, rgba(29, 194, 255, 1) 68.61%, rgba(63, 190, 255, 1) 76.14%, rgba(111, 184, 255, 1) 84.72%, rgba(171, 176, 255, 1) 94.07%, rgba(213, 171, 255, 1) 99.96%);
    background : -webkit-gradient(linear,4.38% -19.18% ,91.44% 112.84% ,color-stop(0,rgba(104, 194, 161, 1) ),color-stop(0.1224,rgba(100, 194, 164, 1) ),color-stop(0.2351,rgba(89, 195, 174, 1) ),color-stop(0.344,rgba(70, 195, 191, 1) ),color-stop(0.4507,rgba(44, 196, 215, 1) ),color-stop(0.5547,rgba(11, 198, 245, 1) ),color-stop(0.5835,rgba(0, 198, 255, 1) ),color-stop(0.6242,rgba(8, 197, 255, 1) ),color-stop(0.6861,rgba(29, 194, 255, 1) ),color-stop(0.7614,rgba(63, 190, 255, 1) ),color-stop(0.8472,rgba(111, 184, 255, 1) ),color-stop(0.9407,rgba(171, 176, 255, 1) ),color-stop(0.9996,rgba(213, 171, 255, 1) ));
    background : linear-gradient(118.95deg, rgba(104, 194, 161, 1) 0%, rgba(100, 194, 164, 1) 12.24%, rgba(89, 195, 174, 1) 23.51%, rgba(70, 195, 191, 1) 34.4%, rgba(44, 196, 215, 1) 45.07%, rgba(11, 198, 245, 1) 55.47%, rgba(0, 198, 255, 1) 58.35%, rgba(8, 197, 255, 1) 62.42%, rgba(29, 194, 255, 1) 68.61%, rgba(63, 190, 255, 1) 76.14%, rgba(111, 184, 255, 1) 84.72%, rgba(171, 176, 255, 1) 94.07%, rgba(213, 171, 255, 1) 99.96%);
  }
  .bnr-kof .kof-inner {
    position: relative;
    max-width: 1050px;
    margin: 0 auto;
  }
  .bnr-kof .more {
    position: absolute;
    left: 12.95%;
    bottom: .8em;
  }
  .bnr-kof a:hover .more {
    text-decoration: underline;
  }
}
/** smartphone **/
@media screen and (max-width: 700px) {
  .bnr-kof .more {
    display: none;
  }
}