@charset 'utf-8';

#summary .mobile-page-u96-inner {
  letter-spacing: 0;
}

#summary a .icon-svg {
  display: none;
}

#summary .mobile-page-u96-inner {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}

.mobile-page-u96-ttl-lv2 {
  font-size: calc(102px / 2);
  font-weight: bold;
  color: #202124;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.mobile-page-u96-ttl-lv3 {
  font-size: calc(42px / 2);
  font-weight: bold;
  color: #202124;
  letter-spacing: -0.03em;
}

#summary .mobile-page-u96-text {
  font-size: calc(23.8px / 2);
  color: #202124;
  letter-spacing: -0.03em;
  line-height: 1.35;
}
.mobile-page-u96-text-normal {
  font-weight: normal;
  font-size: calc(33px / 2);
}

.mobile-page-u96-contents-note {
  margin: 0 15px;
}
.mobile-page-u96-notes-text {
  font-size: 10px;
  color: #99a1a8;
  letter-spacing: -0.05em;
  line-height: 1.4;
}

.mobile-page-u96-note-link, .mobile-page-u96-spec-pdf-link {
  font-size: 10px;
  color: #99a1a8 !important;
}

.mobile-page-u96-flex {
  display: flex;
}

#summary .modal-video_open img {
  width: 153px;
}

.mobile-page-u96-contents-01 {
  margin-top: 40px;
}
.mobile-page-u96-contents-01 .mobile-page-u96-ttl-lv2 {
  font-size: calc(50px / 2);
}
.mobile-page-u96-contents-01 .mobile-page-u96-ttl-lv2+.mobile-page-u96-text {
  font-size: calc(31.7px / 2);
  margin-top: 8px;
}
.mobile-page-u96-contents-01 .mobile-page-u96-flex {
  margin-top: 36px;
}
.mobile-page-u96-contents-01 .mobile-page-u96-flex .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 18px;
  line-height: 1.5;
}
.mobile-page-u96-contents-01 .mobile-page-u96-flex .mobile-page-u96-flex-item:nth-child(1) {
  margin-left: 82px;
}
.mobile-page-u96-contents-01 .mobile-page-u96-flex .mobile-page-u96-flex-item:nth-child(2) {
  margin-top: 1px;
  margin-left: 6px;
}
.mobile-page-u96-contents-01 .mobile-page-u96-flex .mobile-page-u96-flex-item:nth-child(5) {
  margin-left: 6px;
}
.mobile-page-u96-contents-01 .mobile-page-u96-contents-note {
  margin-top: 38px;
}

.mobile-page-u96-contents-02 {
  margin-top: 58px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex-item {
  position: relative;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex-item .mobile-page-u96-ttl-lv3,.mobile-page-u96-contents-02 .mobile-page-u96-flex-item .mobile-page-u96-text {
  position: absolute;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex-item:nth-child(1) {
  margin-left: 94px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex-item:nth-child(1) .mobile-page-u96-ttl-lv3 {
  top: 20px;
  left: 56px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex-item:nth-child(2) {
  margin-left: -4px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex-item:nth-child(2) .mobile-page-u96-ttl-lv3 {
  top: 20px;
  left: 56px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex:nth-child(2) {
  margin-top: 18px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:nth-child(1) .mobile-page-u96-ttl-lv3 {
  top: 20px;
  left: 20px;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:nth-child(2) .mobile-page-u96-ttl-lv3 {
  top: 233px;
  left: 0;
  right: 0;
}
.mobile-page-u96-contents-02 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:nth-child(2) .mobile-page-u96-text {
  top: 295px;
  left: 0;
  right: 0;
  line-height: 1.55;
}
.mobile-page-u96-contents-02 .mobile-page-u96-contents-note {
  text-align: left;
  margin-top: 44px;
}

.mobile-page-u96-contents-03 {
  background-color: #e3eefc;
  margin-top: 44px;
  padding: 53px 0 42px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-ttl-lv2 {
  margin-bottom: 12px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-img {
  margin-top: 39px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-ttl-lv3 {
  font-size: calc(50px / 2);
  margin-top: 42px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-flex {
  margin-top: 42px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-flex-item .mobile-page-u96-text {
  font-size: calc(29px / 2);
  margin-top: 20px;
  line-height: 1.27;
}
.mobile-page-u96-contents-03 .mobile-page-u96-flex-item:nth-child(1) {
  margin-left: 93px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-flex-item:nth-child(2) {
  margin-left: -2px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-flex:nth-child(6) {
  margin-top: 39px;
}
.mobile-page-u96-contents-03 .mobile-page-u96-contents-note {
  margin-top: 37px;
}

.mobile-page-u96-contents-04 .mobile-page-u96-ttl-lv2 {
  font-size: calc(50px / 2);
  margin-top: 41px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex {
  text-align: left;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 8px;
  line-height: 1.51;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(2) {
  margin-top: 38px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:first-child {
  margin-top: 107px;
  margin-left: 172px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:last-child {
  margin-top: -1px;
  margin-left: 69px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item:first-child {
  margin-top: 32px;
  margin-left: 93px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item:last-child {
  margin-top: 154px;
  margin-left: 74px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item:first-child {
  margin-top: 123px;
  margin-left: 172px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item:last-child {
  margin-top: 31px;
  margin-left: 49px;
}
.mobile-page-u96-contents-04 .modal-video_open {
  margin-top: 15px;
  margin-left: -4px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(5) .mobile-page-u96-flex-item:first-child {
  margin-top: 32px;
  margin-left: 94px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-flex:nth-child(5) .mobile-page-u96-flex-item:last-child {
  margin-top: 154px;
  margin-left: 74px;
}
.mobile-page-u96-contents-04 .mobile-page-u96-contents-note {
  margin-top: 43px;
}

.mobile-page-u96-contents-05 {
  background-color: #e3eefc;
  margin-top: 43px;
  padding: 40px 0 43px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-ttl-lv2 {
  font-size: calc(50px / 2);
  
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex {
  text-align: left;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 8px;
  line-height: 1.51;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex:nth-child(2) {
  margin-top: 38px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:first-child {
  margin-left: 94px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:last-child {
  margin-top: 57px;
  margin-left: 74px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:last-child .mobile-page-u96-ttl-lv3:nth-child(3) {
  margin-top: 37px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item:first-child {
  margin-top: 44px;
  margin-left: 173px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item:last-child {
  margin-top: 31px;
  margin-left: 60px;
}
.mobile-page-u96-contents-05 .modal-video_open {
  margin: 15px 0 16px -4px;
}
.mobile-page-u96-contents-05 .mobile-page-u96-contents-note {
  margin-top: 44px;
}

.mobile-page-u96-contents-06 {
  margin: 34px 0 42px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-ttl-lv2 {
  margin-bottom: 10px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-ttl-lv2 + .mobile-page-u96-text {
  line-height: 1.5;
}
.mobile-page-u96-contents-06 .mobile-page-u96-flex {
  margin-top: 47px;
  margin-left: 74px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-flex .mobile-page-u96-flex-item:nth-child(2) {
  margin-left: -4px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-text-ttl {
  font-size: calc(31.7px / 2);
  font-weight: bold;
  margin-top: 22px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 8px;
  line-height: 1.57!important;
}
.mobile-page-u96-contents-06 .mobile-page-u96-ttl-lv3 {
  margin: 34px 0 8px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-box {
  width: calc(1523px / 2);
  background: url(/mobile/set/data/products/google-pixel/google-pixel-8-pro/img/p/bg-sec-06-03.png);
  background-size: cover;
  height: calc(744px / 2);
  margin: 49px 0 0 95px;
  padding: 27px 0 39px;
  text-align: left;
}
.mobile-page-u96-contents-06 .mobile-page-u96-box .mobile-page-u96-ttl-lv4 {
  font-size: calc(31.67px / 2);
  font-weight: bold;
  margin: 89px 0 7px 373px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-box .mobile-page-u96-ttl-lv4-logo {
  display: block;
  margin-bottom: 17px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-box .mobile-page-u96-ttl-lv4 + .mobile-page-u96-text {
  line-height: 1.53!important;
  margin: 0 0 0 373px;
}
.mobile-page-u96-contents-06 .mobile-page-u96-contents-note {
  text-align: left;
  margin-top: 46px;
}

.mobile-page-u96-contents-07 {
  background-color: #f8f9fa;
  padding: 34px 0 45px;
  margin-top: 41px;
}
.mobile-page-u96-contents-07 .mobile-page-u96-ttl-lv2 {
  margin-bottom: 30px;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex {
  width: 763px;
  margin: 15px auto;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex-item {
  background-color: #fff;
  border-radius: 17px;
  margin-right: -3px;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex-item:first-child {
  margin-left: 0;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex-item:last-child {
  margin-right: 0;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex-item .mobile-page-u96-text-ttl {
  font-size: calc(31.7px / 2);
  font-weight: bold;
  line-height: 1.4;
  margin: 20px 0 7px;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex-item .mobile-page-u96-text {
  line-height: 1.55;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item {
  width: 243px;
  height: 264px;
  padding-top: 24px;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item {
  width: 373px;
  margin: 0 auto;
  height: 247px;
  padding-top: 26px;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item:first-child {
  margin-left: 0;
}
.mobile-page-u96-contents-07 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item:last-child {
  margin-right: 0;
}
.mobile-page-u96-contents-07 .mobile-page-u96-contents-note {
  text-align: left;
  margin-top: 45px;
}

.mobile-page-u96-contents-08 {
  margin-top: 38px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex {
  text-align: left;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 8px;
  line-height: 1.51;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(2) {
  margin-top: 32px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:first-child {
  margin-left: 94px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(2) .mobile-page-u96-flex-item:last-child {
  margin-top: 117px;
  margin-left: 73px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item:first-child {
  margin-top: 162px;
  margin-left: 171px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(3) .mobile-page-u96-flex-item:last-child {
  margin-top: 29px;
  margin-left: 90px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item:first-child {
  margin-top: 32px;
  margin-left: 94px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-flex:nth-child(4) .mobile-page-u96-flex-item:last-child {
  margin-top: 175px;
  margin-left: 73px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-contents-note {
  text-align: left;
  margin-top: 45px;
}
.mobile-page-u96-contents-08 .mobile-page-u96-contents-note .mobile-page-u96-notes-text {
  line-height: 1.48;
}

.mobile-page-u96-contents-09 {
  background-color: #e3eefc;
  margin-top: 42px;
  padding: 35px 0 45px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-ttl-lv2 {
  margin-bottom: 10px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-img {
  margin-top: 39px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-ttl-lv3 {
  font-size: calc(29px / 2);
  margin-top: 14px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-flex {
  margin-top: 40px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 8px;
  line-height: 1.55;
}
.mobile-page-u96-contents-09 .mobile-page-u96-flex-item:nth-child(1) {
  margin-left: 93px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-flex-item:nth-child(2) {
  margin-left: -2px;
}
.mobile-page-u96-contents-09 .mobile-page-u96-contents-note {
  margin-top: 38px;
  text-align: left;
}

.mobile-page-u96-contents-10 {
  margin-top: 35px;
}
.mobile-page-u96-contents-10 .mobile-page-u96-text {
  margin: 11px 0 42px;
}
.mobile-page-u96-contents-10 .mobile-page-u96-contents-note {
  margin-top: 41px;
}

.mobile-page-u96-contents-11 {
  margin-top: 91px;
}
.mobile-page-u96-contents-11 .mobile-page-u96-ttl-lv2 {
  font-size: calc(49px / 2);
}
.mobile-page-u96-contents-11 .mobile-page-u96-ttl-lv3 {
  font-size: calc(29px / 2);
  margin-top: 7px;
  line-height: 1.55;
  height: 53px;
}
.mobile-page-u96-contents-11 .mobile-page-u96-flex {
  width: 691px;
  margin: 37px auto 0;
}
.mobile-page-u96-contents-11 .mobile-page-u96-flex-item:first-child {
  margin-left: 0;
}
.mobile-page-u96-contents-11 .mobile-page-u96-flex-item:last-child {
  margin-right: 0;
}
.mobile-page-u96-contents-11 .mobile-page-u96-flex .mobile-page-u96-flex-item:nth-child(2) {
  margin: 0px -5px;
}
.mobile-page-u96-contents-11 .mobile-page-u96-contents-note {
  margin-top: 48px;
}

.mobile-page-u96-contents-12 {
  background-color: #f8f9fa;
  margin-top: 43px;
  padding: 42px 0 40px;
}
.mobile-page-u96-contents-12 .mobile-page-u96-ttl-lv2 {
  font-size: calc(51px / 2);
  margin-bottom: 5px;
}
.mobile-page-u96-contents-12 .mobile-page-u96-ttl-lv3 {
  font-size: calc(33px / 2);
  margin-top: 7px;
}
.mobile-page-u96-contents-12 .mobile-page-u96-flex {
  width: 770px;
  margin: 40px auto 0;
}
.mobile-page-u96-contents-12 .mobile-page-u96-flex-item:first-child {
  margin-left: 0;
}
.mobile-page-u96-contents-12 .mobile-page-u96-flex-item:last-child {
  margin-right: 0;
}
.mobile-page-u96-contents-12 .mobile-page-u96-flex .mobile-page-u96-flex-item:nth-child(2) {
  margin: 0px 46px 0 37px;
}
.mobile-page-u96-contents-12 .mobile-page-u96-flex-item .mobile-page-u96-text {
  margin-top: 3px;
  line-height: 1.55;
}
.mobile-page-u96-contents-12 .mobile-page-u96-contents-note {
  margin-top: 38px;
  text-align: left;
}
.mobile-page-u96-contents-12 .mobile-page-u96-notes-text {
  line-height: 1.5;
}

/* spec */
.mobile-page-u96-comparison {
  margin-top: 45px;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-ttlNormal {
  font-size: calc(46px / 2);
  font-weight: bold;
  color: #838689;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-contents-inner, .mobile-page-u96-comparison .mobile-page-u96-spec-box {
  display: flex;
  align-items: center;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-visual .mobile-page-u96-spec-box {
  justify-content: end;
  margin-top: 43px;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-visual .mobile-page-u96-spec-col {
  width: calc(100% / 4);
  position: relative;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-visual .mobile-page-u96-spec-col:nth-child(1) {
  margin: -3px -2px 0 0;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-visual .mobile-page-u96-spec-col:nth-child(2) {
  margin-right: -13px;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-visual .mobile-page-u96-spec-col:nth-child(3) {
  margin-right: 12px;
}
.mobile-page-u96-contents-linkgoogle-pixel-model-02, .mobile-page-u96-contents-linkgoogle-pixel-model-03 {
  position: absolute;
  top: 168px;
  left: 72px;
  background-color: #007cf3;
  color: #fff !important;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  height: 33px;
  width: 94px;
  opacity: 0;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-contents {
  width: 97%;
  margin: 33px auto 0;
}
.mobile-page-u96-comparison .mobile-page-u96-spec-contents-inner {
  height: calc(173px / 2);
}
.mobile-page-u96-comparison .mobile-page-u96-spec-contents-inner:nth-child(odd) {
  background-color: #f5f6f6;
  height: calc(174px / 2);
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-contents-ttl {
  width: calc(460px / 2);
  text-align: left;
  font-weight: bold;
  color: #838689;
  padding-left: 1.7%;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-col {
  width: calc(460px / 2);
  font-size: 13px;
  color: #838689;
  line-height: 1.3;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-col .mobile-page-u96-spec-ip-text {
  font-size: 11px;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-motion {
  height: calc(203px / 2);
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-communication .mobile-page-u96-linkPdf {
  color: #0b5bce;
  font-weight: bold;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-downspeed {
  height: calc(206px / 2);
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-upspeed,
.mobile-page-u96-spec-contents .mobile-page-u96-spec-display,
.mobile-page-u96-spec-contents .mobile-page-u96-spec-audio,
.mobile-page-u96-spec-contents .mobile-page-u96-spec-security {
  height: calc(204px / 2) !important;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-memory {
  height: calc(234px / 2);
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-memory .mobile-page-u96-spec-box {
  text-align: right;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-memory .mobile-page-u96-spec-col:nth-child(3) {
  margin-right: 45px;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-camera {
  height: calc(434px / 2) !important;
}
.mobile-page-u96-spec-contents-inner.mobile-page-u96-spec-camera .mobile-page-u96-spec-box {
  align-items: flex-start;

}
.mobile-page-u96-spec-contents-inner.mobile-page-u96-spec-camera .mobile-page-u96-spec-col {
  line-height: 1.5 !important;
}
.mobile-page-u96-spec-contents .mobile-page-u96-spec-lens {
  height: calc(324px / 2)!important;
}
.mobile-page-u96-spec-note {
  text-align: left;
  color: #838689;
  font-size: 10px;
  line-height: 1.5;
  margin: 33px 14px 0;
}
.mobile-page-u96-spec-note a {
  color: #838689;
}