@charset "UTF-8";

[data-browse-mode="P"] .block-event-page--header-freespace { padding: 0; margin: 0; border: none;}
[data-browse-mode="P"] .pane-contents .container { display: block;}
[data-browse-mode="P"] .block-event-page--goods  { max-width: 1200px; margin: 0 auto;}
[data-browse-mode="P"] .block-event-page--accessory { max-width: 1200px; margin: 0 auto 100px;}

[data-browse-mode="S"] .block-event-page--accessory { margin: 0 auto 60px;}
[data-browse-mode="S"] .block-top-event--goods { margin-bottom: 0;}

#vitalpro { margin: 0 auto 150px; font-feature-settings: normal;}
#vitalpro h1, #vitalpro h2 { margin: 0; padding: 0; font-weight: inherit;}
#vitalpro img { vertical-align: top;}
#vitalpro sup { font-size: 0.7em; vertical-align: super;}
#vitalpro .sec-mv { display: flex; justify-content: center; align-items: center; height: 500px; margin: 0 0 100px 0; background: linear-gradient(to bottom, #0068AF, #2CB2E5);}
#vitalpro .sec-mv h1 .text { display: block; margin: 0 0 40px; font-weight: 500; font-size: 24px; letter-spacing: 0.2em; color: #fff;}
#vitalpro .sec-mv h1 .logo { display: block; width: 545px;}
#vitalpro .sec-message { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto 100px;}
#vitalpro .sec-message .desc h2 { margin: 0 0 50px 0; font-weight: normal; font-size: 30px; line-height: 1.466;}
#vitalpro .sec-message .desc .text { margin: 0; font-weight: normal; font-size: 14px; line-height: 2;}

@media screen and (min-width: 750px) {
  #vitalpro .for-sp { display: none;}
  #vitalpro .sec-message .image { width: 50%;}
  #vitalpro .sec-message .desc  { width: 42%;}
}

@media screen and (max-width: 749px) {
	#vitalpro { margin: 0 auto 40px;}
	#vitalpro .sec-mv { height: 226px; margin: 0 0 40px 0;}
  #vitalpro .sec-mv h1 .text { margin: 0 0 17px; font-size: 14px;}
  #vitalpro .sec-mv h1 .logo { width: 270px;}
	#vitalpro .sec-message { display: block; margin: 0; padding: 0 20px;}
	#vitalpro .sec-message .desc h2 { margin: 0 0 30px 0; font-size: 20px; text-align: center;}
	#vitalpro .sec-message .desc .text { margin: 0 0 26px 0; text-align: center;}
}