@charset "utf-8";
.mobile-page-u96-section-container { position: relative; background:#eaf0ff; text-align: center; }
.mobile-page-u96-title-lv2 { max-width: 950px; margin: auto auto 50px; line-height: 1.5; font-weight: bold; }
.mobile-page-u96-text-bold { font-weight: bold; }
.mobile-page-u96-button-blue-type01 { position: relative; display: block; padding-left: 20px; color:#fff; }
.mobile-page-u96-button-blue-type01:hover { opacity: 0.6; transition: 0.5s; }
.mobile-page-u96-button-blue-type01[data-sb-page-u96-device='pc'] { pointer-events: none; }
.mobile-page-u96-button-blue-type01[data-sb-page-u96-device='pc']::after { content:none; }
.mobile-page-u96-text-caution{
  position: relative;
  padding-left: 30px;
  text-align: left;
  color: #cd0000;
  font-weight: bold;
}
.mobile-page-u96-text-caution::before{
  position: absolute;
  display: block;
  content: '';
  top: 0.5em;
  left: 0;
  border-radius: 50%;
  background-color: #333;
  width: 4px;
  height: 4px;
}
#mobile-page-u96-floating-banner-area { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; }
.mobile-page-u96-floating-banner_item { text-align: center; }
.mobile-page-u96-floating-banner_link { display: inline-block;
	-moz-box-shadow: 0px 6px 29px -18px rgba(0, 0, 0, 0.63);
	-webkit-box-shadow: 0px 6px 29px -18px rgba(0, 0, 0, 0.63);
	-ms-box-shadow: 0px 6px 29px -18px rgba(0, 0, 0, 0.63);
	box-shadow: 0px 6px 29px -18px rgba(0, 0, 0, 0.63);}

.mobile-page-u96-floating-banner_link { background: #fff; border-radius: 6px;}
.mobile-page-u96-floating-banner_img:hover {  transition: opacity 0.4s; opacity: 0.6; }

@media screen and (min-width: 901px){
  .mobile-page-u96-section-container { padding: 70px 0; }
  .mobile-page-u96-title-lv2 { font-size: 3.2rem; }
  .mobile-page-u96-image { width: 950px; margin:0 auto; }
  .mobile-page-u96-links-purchasel-nav { width: 950px; margin: 0 auto; }
  .mobile-page-u96-links-purchasel-nav-layout {
  display:table; margin: 0 -10px; border-collapse: separate; border-spacing: 10px 0; overflow:hidden;}
  .mobile-page-u96-links-purchasel-nav-layout_item { list-style:none; display:table-cell; }
  .mobile-page-u96-button-blue-type01 { 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b5bcd+0,0d6ec2+45,0d72c0+53,0e81b8+100 */
  display: block; width: 470px; height: 224px; background: #0b5bcd;
  /* Old browsers */
  background: -webkit-linear-gradient(#0b5bcd 0%, #0d6ec2 45%, #0d72c0 53%, #0e81b8 100%);
  background: -o-linear-gradient(#0b5bcd 0%, #0d6ec2 45%, #0d72c0 53%, #0e81b8 100%);
  background: linear-gradient(#0b5bcd 0%, #0d6ec2 45%, #0d72c0 53%, #0e81b8 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5bcd', endColorstr='#0e81b8',GradientType=0 ); /* IE6-9 */
  vertical-align:top; padding:20px; box-sizing:border-box; word-break:break-all;}
	#mobile-page-u96-floating-banner-area { margin: 20px 0; }
  .mobile-page-u96-button-blue-type01 .mobile-page-u96-button-text{
    width: 340px;
    height: 48px;
    line-height: 48px;
    margin: 14px auto 0;
    border: 1px solid #fff;
    border-radius: 30px;
    position: relative;
  }
  .mobile-page-u96-button-blue-type01 .mobile-page-u96-button-arrow::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 90%;
    margin-top: -4px;
  }
}
@media screen and (max-width: 900px){
  .mobile-page-u96-section-container { margin: 0 -15px; padding: 50px 15px;}
  .mobile-page-u96-title-lv2 { font-size: 2.1rem; }
  .mobile-page-u96-image { width: 100%; margin:60px auto; }
  .mobile-page-u96-links-purchasel-nav { margin: 0 auto; }
  .mobile-page-u96-links-purchasel-nav-layout_item { list-style:none; margin-top: 20px; }
  .mobile-page-u96-button-blue-type01 { 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b5bcd+0,0d6ec2+45,0d72c0+53,0e81b8+100 */
  display: block; background: #0b5bcd;
  /* Old browsers */
  background: -webkit-linear-gradient(#0b5bcd 0%, #0d6ec2 45%, #0d72c0 53%, #0e81b8 100%);
  background: -o-linear-gradient(#0b5bcd 0%, #0d6ec2 45%, #0d72c0 53%, #0e81b8 100%);
  background: linear-gradient(#0b5bcd 0%, #0d6ec2 45%, #0d72c0 53%, #0e81b8 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5bcd', endColorstr='#0e81b8',GradientType=0 ); /* IE6-9 */
  vertical-align:top; padding:20px; box-sizing:border-box; word-break:break-all;}
  .mobile-page-u96-button-blue-type01 .mobile-page-u96-button-text{
    width: 278px;
    height: 38px;
    line-height: 38px;
    margin: 14px auto 0;
    border: 1px solid #fff;
    border-radius: 30px;
    position: relative;
  }
  .mobile-page-u96-button-blue-type01 .mobile-page-u96-button-arrow::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 90%;
    margin-top: -4px;
  }
  .mobile-page-u96-text-caution{
    position: relative;
    padding-left: 25px;
  }
  .mobile-page-u96-text-caution::before{
    width: 3px;
    height: 3px;
  }
	#mobile-page-u96-floating-banner-area { display: table; vertical-align: middle; border-collapse: separate;  border-spacing: 5px 0; margin-bottom: 10px;}
	.mobile-page-u96-floating-banner_item { display: table-cell;  }
	.sb-appshell-v1-pagetop { transition: margin 0.3s; }
	.sb-appshell-v1-pagetop.to-bottom { bottom: 10px;}
}