/* container
****************************************************************************/
.container-inbox{color:#fff; width:100%; padding-top:64px; background:#000000; overflow:hidden;}
.container-inbox article { margin: 0 auto; overflow: hidden; background-color: #000000;}
.container-inbox img { width: 100%; }
.container-inbox a { text-decoration: none; transition: 0.3s;}
.container-inbox a:hover { opacity: 0.8; }
.container-inbox h1, .container h2, .container h3, .container h4, .container h5 { margin: 0 auto; }
.container-inbox .inner {  max-width: 1470px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
.container-inbox .imgtxt { height: 0; overflow: hidden; background: no-repeat center center; background-size: contain; margin-left: auto; margin-right: auto; }
.container-inbox .res-pc { display: inline; }
.container-inbox .res-sp { display: none;}

@media only screen and (max-width: 640px) { 
    .container-inbox .inner { width: 89.33333%; padding: 0; } 
    .container-inbox .res-pc { display: none !important; }
    .container-inbox .res-sp {  display: inline; }
}


.container-inbox sup { font-size: 50%; top: 0.5em; vertical-align: super; }
.container-inbox .inline-block { display: inline-block; }
@media only screen and (max-width: 640px) {
    .container-inbox {  background-size: contain; }
    .container-inbox .res-sp { display: inline; }
}

/* parts
****************************************************************************/
.sec-note { display: block;  font-size: 14px; letter-spacing: 0.05em;  padding-left: 1em;  text-align: left; }
.sec-note sup { font-size: 100%;  top: 0;  vertical-align: baseline; }
.sec-note span {  display: inline-block; float: left; margin-left: -1em; vertical-align: top; }
.sec-note.sec-note-num {  padding-left: 2em; }
.sec-note.sec-note-num > span {  margin-left: -2em; }
.sec-title-container .sec-note { display: inline-block;  margin-top: 30px; }
.sec-item .sec-note {  margin-top: 15px; }

@media only screen and (max-width: 640px) {
  .sec-note { font-size: 2.5vw;  margin-top: 2.66667vw }
  .sec-title-container .sec-note { margin-top: 4vw; }
  .sec-item .sec-note {  margin-top: 4vw;}
}

/* Facebook
****************************************************************************/
.snsBanner {text-align: center; width:90%; margin:6px auto 0; max-width:1200px; }
.snsBanner:first-of-type { margin-top: 0; padding-top: 0; }
.snsBanner li {  display: inline-block; vertical-align: bottom; width: 49%; }
.snsBanner li.fb { position: relative; margin-right: 5px; }
.snsBanner li a { box-sizing: border-box; display: block; height: 46px; font-size: 13px; text-decoration: none; border-radius: 3px; line-height: 32px; font-weight: 600; background-color: #F5F5F5;}
.snsBanner li a:hover { opacity: 0.7;}
.snsBanner li.fb a { border: 1px solid #3664a2; color: #3664a2; padding: 6px 70px 6px 0;}
.snsBanner li.ml a { border: 1px solid #c59042; color: #c59042; padding: 6px 0px 6px 0px;}
.snsBanner li.fb .fb-like { position: absolute; top: 12px; right: 20px;}
.snsBanner li.fb a span:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 33px;
    background: #F5F5F5 url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_bnr_facebook.png) no-repeat;
    background-size: 33px;
    vertical-align: middle;
  }

  .snsBanner li.ml a span:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 15px;
    background: #F5F5F5 url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_bnr_mail.png) no-repeat;
    background-size: 24px;
    vertical-align: middle;
  }

@media (max-width: 1024px) {
  .snsBanner ul { width: 70%; max-width:600px; min-width: 0; padding: 0;  margin: auto; min-width:300px; }
  .snsBanner ul li { display: block; width: 100%; }
  .snsBanner li.fb { margin-right: 0; }
  .snsBanner li a {  display: block; margin: 5px auto; text-align: left; }
  .snsBanner li.fb a {  
    width: 100%;
    padding-left: 45px;
    background: #FFF url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_bnr_facebook.png) no-repeat 6px 50%;
    background-size: 33px;
  }
  .snsBanner li.fb a span:before {background:none; display:inherit;}
  .snsBanner li.ml a {
    width: 100%;
    padding-left: 45px;
    background: #FFF url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_bnr_mail.png) no-repeat 10px 50%;
    background-size: 28px;
    background-position: 9px 50%;
  }
  .snsBanner li.ml a span:before {background:none; display:inherit;}
  .snsBanner ul li.fb .fb-like {top: 11px; }
}
@media (max-width: 640px) {
.snsBanner li.fb a, .snsBanner li.ml a {line-height: 16px;  }
.snsBanner .res-sp {display: inline;}
}


/* sec-mv
****************************************************************************/
#sec-mv {position: relative;}
#sec-mv .sec-mv-img-pc{position:relative;}
#sec-mv .sec-mv-img-sp{display:none;}

#sec-mv #sec-mv-link { position: absolute; bottom: 6.5%; right: 2.06452%; width: 8.51613%;}
#sec-sns-top{padding:80px 0 0;}
ul.zero-campaign {width:90%; max-width:1200px; margin:0 auto 40px; text-align:center; }
ul.zero-campaign li {  display: inline-block;  vertical-align: top;  margin: 0 23px;}

@media only screen and (max-width: 640px) {

   #sec-mv .sec-mv-img-pc{display:none;}
   #sec-mv .sec-mv-img-sp{display:inline !important;}

   #sec-mv #sec-mv-link {bottom: 3.86667vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 35.06667vw; }
   #sec-mv #sec-mv-link .res-pc{display:none;}
   #sec-mv #sec-mv-link .res-sp{display:inline !important;}

   #sec-sns-top{padding:40px 0 0;}
   ul.zero-campaign li { width: 60%;  display: block; margin: 10px auto 0; }
   ul.zero-campaign li:first-child {  margin-top: 0; }
}


/* sec-sns
****************************************************************************/
#sec-sns-top { padding: 80px 0 0; }
#sec-sns { padding: 100px 0;  background-color: #121282; }

@media only screen and (max-width: 640px) {
  #sec-sns-top { padding: 40px 0 0; }
  #sec-sns {  padding: 30px 0; }
}

/* zero-campaign
****************************************************************************/
ul.zero-campaign { font-size: 0; text-align: center; margin-bottom: 55px; }
ul.zero-campaign li { display: inline-block;  vertical-align: top;  margin: 23px; width:80%; max-width:500px; }

@media only screen and (max-width: 640px) {
  ul.zero-campaign { margin-bottom: 40px; }
  ul.zero-campaign li {  display: block; margin: 10px auto 0; }
  ul.zero-campaign li:first-child { margin-top: 0; }
}

/* sec-mov
****************************************************************************/
#sec-mov {  padding-top: 100px; }
@media only screen and (max-width: 640px) {
  #sec-mov { padding-top: 60px; }
}

.sec-movie {
  position: relative;
  display: block;
  width: 77.41935%;
  height: 0;
  margin: 0 auto;
  background: no-repeat center center;
  background-size: contain;
  padding-top: 43.22581%;
  background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-mov-thumb.jpg);
}
.sec-movie .mov-title-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); webkit-transform: translate(-50%, -50%);}
.sec-movie .mov-title-wrapper .mov-title { display: block;}
.sec-movie .mov-title-wrapper .play-btn { width: 84px; height: 84px; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-mov-arrow.png) no-repeat center center; background-size: contain; margin: 20px auto 0;}

@media only screen and (max-width: 640px) {
  .sec-movie { width: 89.33333vw; padding-top: 50.66667vw; }
  .sec-movie .mov-title-wrapper .mov-title { width: 32.8vw; margin: 0 auto; }
  .sec-movie .mov-title-wrapper .play-btn { width: 8vw; height: 8vw; margin-top: 2vw; }
}

/* sec-link
****************************************************************************/
#sec-link { text-align: center; margin: 120px auto; }
#sec-link #sec-link-inner { display: inline-flex; }
#sec-link #sec-link-txt { margin-left: 67px; }
#sec-link #sec-link-txt #sec-link-logo { text-align: center; margin: 30px 0 50px; display:inline-block; }
#sec-link #sec-link-txt #sec-link-logo img { width: 304px; }
#sec-link #sec-link-txt ul li {  width: 390px; }
#sec-link #sec-link-txt ul li a { display: block; border: 1px solid #808080; padding: 28px 0; }
#sec-link #sec-link-txt ul li a span { display: inline-block; font-size: 26px; color: #fff; text-align: left; line-height: 1.2; padding-left: 28px; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/arrow-right-white.png) no-repeat 0 center; background-size: auto 18px;}
#sec-link #sec-link-txt ul li a span small { font-size: 77%;}
#sec-link #sec-link-txt ul li:nth-child(1) a span { letter-spacing: 0.15em;}
#sec-link #sec-link-txt ul li:nth-child(2) { margin-top: 18px;}
#sec-link #sec-link-txt ul li:nth-child(2) a span { letter-spacing: 0.05em;}
#sec-link #sec-link-txt ul li:nth-child(2) a span small { letter-spacing: 0; }

@media only screen and (max-width: 640px) {
  #sec-link {  margin-top: 60px; }
  #sec-link #sec-link-inner { width: 85.33333vw; }
  #sec-link #sec-link-txt {  margin-left: 8vw; }
  #sec-link #sec-link-txt #sec-link-logo { margin: 4vw 0 6.66667vw; }
  #sec-link #sec-link-txt #sec-link-logo img { width: 40.53333vw; }
  #sec-link #sec-link-txt ul li { width: 52vw; }
  #sec-link #sec-link-txt ul li a { padding: 3.73333vw 0; }
  #sec-link #sec-link-txt ul li a span { font-size: 3.46667vw; padding-left: 3.73333vw; background-size: auto 2.4vw; }
  #sec-link #sec-link-txt ul li:nth-child(2) { margin-top: 2.4vw; }
}

/* sec-catch
****************************************************************************/
#sec-catch { margin: 50px 0; }
#sec-catch #sec-catch-title { width: 54.6%; font-size:4.5vw; text-align:center; margin:0 auto; }
#sec-catch #sec-catch-sub { text-align: center; font-size: 24px; margin-top: 30px;}

@media only screen and (max-width: 1024px) {
   #sec-catch #sec-catch-title {font-size:7vw; }
}
@media only screen and (max-width: 640px) {
  #sec-catch { margin: 60px 0 40px; }
  #sec-catch #sec-catch-title { width: 72.4%; font-size:8vw;}
}

/* sec-title-common
****************************************************************************/
.sec-title-wrapper { position: relative; }

/*sec-title-bg sec-00
****************************************************************************/
#sec-00 .sec-title-bg { width: 100%; padding-top: 74.83871%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-00-bg-pc.jpg); }


@media only screen and (max-width: 1024px) {
  #sec-00 .sec-title-bg { width: 100%; padding-top: 114.26667%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-00-bg-sp.jpg); }
}

/*sec-title-bg sec-01
****************************************************************************/
#sec-01 .sec-title-bg { width: 100%; padding-top: 64.90323%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-bg-pc.jpg); }
@media only screen and (max-width: 1024px) {
  #sec-01 .sec-title-bg { width: 100%; padding-top: 99.33333%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-bg-sp.jpg); }
}

/*sec-title-bg sec-02
****************************************************************************/
#sec-02 .sec-title-bg { width: 100%; padding-top: 54.83871%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-bg-pc.jpg);}

@media only screen and (max-width: 1024px) {
  #sec-02 .sec-title-bg { width: 100%; padding-top: 85.86667%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-bg-sp.jpg); }
}

/*sec-title-bg sec-03
****************************************************************************/
#sec-03 .sec-title-bg { width: 100%; padding-top: 54.83871%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-bg-pc.jpg);  }

@media only screen and (max-width: 1024px) {
#sec-03 .sec-title-bg { width: 100%; padding-top: 81.6%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-bg-sp.jpg); }
}
/*sec-title-bg sec-04
****************************************************************************/
#sec-04 .sec-title-bg { width: 100%; padding-top: 55.74194%; background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-04-bg-pc.jpg); }

@media only screen and (max-width: 640px) {
  #sec-04 .sec-title-bg { width: 100%;  padding-top: 82.66667%;  background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-04-bg-sp.jpg); }
}



/*sec-title-container
****************************************************************************/
.sec-title-container { position: absolute; top: 0; left: 0; }
.sec-title-container .sec-title-en { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 36px; font-style: italic; line-height: 1; color: #e7141a; letter-spacing: 0.3em; }
.sec-title-container .sec-title { font-size: 58px; font-style: italic; line-height: 1.55172; letter-spacing: 0.03em; margin-top: 25px; }

@media only screen and (max-width: 1024px) {
    .sec-title-container .sec-title { font-size: 5vw; margin-top: 2.66667vw; }
    .sec-title-container { position: static; text-align: center; }
}

@media only screen and (max-width: 640px) {
  
  .sec-title-container .sec-title-en { font-size: 5.33333vw; }
  .sec-title-container .sec-title { font-size: 8.26667vw; margin-top: 2.66667vw; }

}

/*sec-title-container sec-00
****************************************************************************/
#sec-00 .sec-title-container { margin:31.22581% 4.51613% 0; }
@media only screen and (max-width: 1024px) { #sec-00 .sec-title-container { margin-top: -9.73333vw; } }
/*sec-title-container sec-01
****************************************************************************/

#sec-01 .sec-title-container { left: auto; right: 0; margin-top: 15.87097%; margin-right: 2.58065%;}
@media only screen and (max-width: 1024px) {  #sec-01 .sec-title-container {  margin-top: -9.73333vw; }}

/*sec-title-container sec-02
****************************************************************************/
#sec-02 .sec-title-container {  margin:17.41935% 6.45161% 0; }
@media only screen and (max-width: 1024px) { #sec-02 .sec-title-container { margin-top: -17.33333vw; }}

/*sec-title-container sec-03
****************************************************************************/
#sec-03 .sec-title-container { margin: 19.35484% 10.45161% 0; }
@media only screen and (max-width: 1024px) { #sec-03 .sec-title-container {  margin-top: -12.93333vw; }}

/*sec-title-container sec-04
****************************************************************************/
#sec-04 .sec-title-container {  margin:19.35484% 10.45161% 0; }
@media only screen and (max-width: 1024px) { #sec-04 .sec-title-container { margin-top: 4.66667vw; }}



/*sec-item
****************************************************************************/
.sec-item {
  position: relative;
  margin-top: 100px;
  /*sec-item-title sec-01
  ****************************************************************************/
  /*sec-item-title sec-02
  ****************************************************************************/
  /*sec-item-title sec-03
  ****************************************************************************/
  /*sec-item-title sec-04
  ****************************************************************************/
}
.sec-item .sec-item-title { position: relative; }
.sec-item .sec-item-title.line-1-pc { padding-top: 7.22581%; }
.sec-item .sec-item-title.line-2-pc { padding-top: 11.87097%; }
.sec-item .sec-item-title.line-3-pc { padding-top: 16.51613%;  }


@media only screen and (max-width: 800px) {
  .sec-item .sec-item-title.line-1-sp { padding-top: 15.8%; }
  .sec-item .sec-item-title.line-2-sp { padding-top: 22.8%; }
  .sec-item .sec-item-title.line-3-sp { padding-top: 32%; }
  .sec-item .sec-item-title.line-4-sp { padding-top: 41.06667%; }
 
}

.sec-item#sec-01-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-01-title-pc.png); }
.sec-item#sec-01-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-02-title-pc.png); }
.sec-item#sec-01-03 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-03-title-pc.png); }

@media only screen and (max-width: 800px) {
 #sec-01-02 .sec-item-title, #sec-01-03 .sec-item-title, #sec-02 .sec-item-title, #sec-03 .sec-item-title{width:80%;}
 #sec-02-01 .sec-item-contents,  #sec-02-02 .sec-item-contents,  #sec-02-04 .sec-item-contents, #sec-03 .sec-item-contents, #sec-04 .sec-item-contents{margin-top:5vw;}
}

@media only screen and (max-width: 800px) { 
    .sec-item#sec-01-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-01-title-sp.png); }
    .sec-item#sec-01-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-02-title-sp.png); }
    .sec-item#sec-01-03 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-03-title-sp.png); }
}


.sec-item#sec-02-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-01-title-pc.png); }
.sec-item#sec-02-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-02-title-pc.png); }
.sec-item#sec-02-03 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-03-title-pc.png); }
.sec-item#sec-02-04 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-04-title-pc.png); }


@media only screen and (max-width: 800px) {
  .sec-item#sec-02-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-01-title-sp.png); }
  .sec-item#sec-02-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-02-title-sp.png); }
  .sec-item#sec-02-03 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-03-title-sp.png); }
  .sec-item#sec-02-04 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-02-04-title-sp.png); }
}

.sec-item#sec-03-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-01-title-pc.png); }
.sec-item#sec-03-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-02-title-pc.png); }
.sec-item#sec-03-03 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-03-title-pc.png); }
.sec-item#sec-03-04 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-04-title-pc.png); }

@media only screen and (max-width: 800px) {
  .sec-item#sec-03-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-01-title-sp.png); }
  .sec-item#sec-03-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-02-title-sp.png); }
  .sec-item#sec-03-03 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-03-title-sp.png); }
  .sec-item#sec-03-04 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-03-04-title-sp.png); }

}
.sec-item#sec-04-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-04-01-title-pc.png); }
.sec-item#sec-04-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-04-02-title-pc.png); }

@media only screen and (max-width: 800px) {
  .sec-item#sec-04-01 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-04-01-title-sp.png); }
  .sec-item#sec-04-02 .sec-item-title { background-image: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-04-02-title-sp.png); }
}


.sec-item .sec-item-contents { margin: 60px auto 0; }

.sec-item .sec-item-left .sec-item-img { order: 2; margin-right: 0; margin-left: 50px; margin-left: 3.22581vw; }
.sec-item .sec-item-center .sec-item-txt { width: 63.84615%; margin: 70px auto; }
.sec-item .sec-item-img { margin-left: auto; margin-right: auto; }
.sec-item .sec-item-txt-title { font-size: 28px; line-height: 1.5; letter-spacing: 0.1em; margin-bottom: 18px; }
.sec-item .sec-item-txt-title span.sec-item-txt-title-en { position: relative; display: block; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 13px; color: #e7141a; letter-spacing: 0.2em; line-height: 1; margin-bottom: 18px;}
.sec-item .sec-item-txt-title span.sec-item-txt-title-en:after { display: inline-block; content: " "; background-color: #8b0c10; width: 170px; height: 1px; vertical-align: 6px; margin-left: 22px; }
.sec-item .sec-item-txt-letter { font-size: 18px; font-weight: bold;
  line-height: 2.11111;
  letter-spacing: 0.05em;
}

@media print, only screen and (min-width: 801px) {
.sec-item .sec-item-inner { max-width: 1300px;  padding: 0 20px; }
.sec-item .sec-item-center .sec-item-txt-flex { display: flex; justify-content: space-between; width: 70.96774vw; }
.sec-item .sec-item-center .sec-item-txt-flex .sec-item-txt-title { width: 385px; }
.sec-item .sec-item-center .sec-item-txt-flex .sec-item-txt-letter {  flex: 1; }
.sec-item .sec-item-right, .sec-item .sec-item-left { display: flex; justify-content: space-between; align-items: center;  }
.sec-item .sec-item-right .sec-item-img, .sec-item .sec-item-left .sec-item-img { margin-right: 50px; margin-right: 3.22581vw; width: 59.23077%; }
.sec-item .sec-item-right .sec-item-txt, .sec-item .sec-item-left .sec-item-txt { flex: 1; }

}
@media only screen and (max-width: 800px) {
  .sec-item .sec-item-contents {  margin-top: 2vw; width: 80%; }
  .sec-item .sec-item-txt { margin-top: 9.33333vw; }
  .sec-item .sec-item-txt-title { font-size: 4.8vw; letter-spacing: 0.03em; margin-bottom: 4vw; }
  .sec-item .sec-item-txt-title span.sec-item-txt-title-en { font-size: 2.4vw; margin-bottom: 2.66667vw; }
  .sec-item .sec-item-txt-title span.sec-item-txt-title-en:after { width: 22.66667vw; vertical-align: 1.06667vw; margin-left: 2.93333vw; }
  .sec-item .sec-item-txt-letter { font-size: 3.46667vw; letter-spacing: 0em; }
  .sec-item .sec-item-center .sec-item-txt{width:100%;}

}


/*sec-item irregular
****************************************************************************/
#sec-01 { margin-top: 50px; }
#sec-02 { margin-top: 100px;}
#sec-03 { margin-top: 100px; }
#sec-04 { margin-top: 100px; }
@media only screen and (max-width: 900px) { 
    #sec-02 { margin-top: 250px; } 
}
@media only screen and (max-width: 800px) { 
   #sec-02 { margin-top: 15vw; } 
}
@media only screen and (max-width: 640px) { 
    #sec-01 { margin-top: 9.86667vw; }
    #sec-03 { margin-top: 12vw; }
    #sec-04 { margin-top: 14.66667vw; }
}


#sec-00 .sec-title sup { display: inline-block; font-style: normal; transform: skewX(-15deg); margin-left: 5px; vertical-align: top; margin-top: 0.5em;}
#sec-00 .sec-note { padding-left: 1.25em; margin-left: 0.5em;}
#sec-00 .sec-note > span {  margin-left: -1.25em;}

@media print, screen and (min-width: 801px){
    #sec-01-01 { margin-top: 50px; height: 64.64516vw; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-01-img-pc.jpg) no-repeat center center; background-size: contain; }
    #sec-01-01 .sec-item-txt { position: absolute; bottom: 0; margin-bottom: 3.22581%; left: 12.06452%; width: 28%; min-width:250px;  } 
    #sec-01-02 {height: 43.09677vw; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-02-img-pc.jpg) no-repeat center center; background-size: contain; }
    #sec-01-02 .sec-item-txt {  position: absolute; top: 0;  margin-top: 12.25806%;  right: 9.03226%;  width: 28%; }  
    #sec-01-03 { margin-top: 0; height: 42.77419vw; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/sec-01-03-img-pc.jpg) no-repeat center center;  background-size: contain; }
    #sec-01-03 .sec-item-txt { position: absolute; top: 0; margin-top: 32.25806%; left: 50%;  transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 60.64516%; }
}

@media only screen and (max-width: 800px) {
  #sec-01-01 .sec-item-img,
  #sec-01-02 .sec-item-img,
  #sec-01-03 .sec-item-img {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  #sec-01-01 .sec-item-img .res-sp, #sec-01-02 .sec-item-img .res-sp, #sec-01-03 .sec-item-img .res-sp{display: inline !important;}

  #sec-01-01 .sec-item-contents { margin-top: 0; }
  #sec-01-01 .sec-item-txt { margin-top: -43.2vw; }
  #sec-01-02 .sec-item-contents { margin-top: -22.8vw; }
  #sec-01-02 .sec-item-txt {  margin-top: -28.6vw; }
  #sec-01-03 .sec-item-contents {  margin-top: -22.8vw;  }
  #sec-01-03 .sec-item-txt {  margin-top: -27.06667vw; }

}




#sec-02-03 .sec-item-txt { position: relative; }
#sec-02-03 #icon-dolby { display: block; width: 40px; margin-top: 25px; }
#sec-02-04 .sec-item-inner { position: relative; align-items: flex-start; }
#sec-02-04 ul.sec-list { margin-top: 30px; }
#sec-02-04 ul.sec-list li { margin-top: 30px; overflow: hidden; }
#sec-02-04 ul.sec-list li .sec-list-img { float: right; }
#sec-02-04 ul.sec-list li .sec-list-txt { font-size: 20px; font-weight: bold; line-height: 1.3; }
#sec-02-04 ul.sec-list li .sec-note { letter-spacing: 0; }


@media print, only screen and (min-width:801px) {
  #sec-02-02 .sec-item-txt {  width: 74.61538%; }
  #sec-02-02 .sec-note { letter-spacing: 0.03em; }
  #sec-02-03 .sec-item-img { width: 55.38462%; }
  #sec-02-04 .sec-item-img { width: 53.84615%; }
  #sec-02-04 #sec-02-04-sec-note { position: absolute;  top: 0; right: 20px; width: 52.23881%; margin-top: 28.12903%; }
  #sec-02-04 ul.sec-list li .sec-list-img { width: 71px; margin-right: 80px; margin-left: 20px; }

}



@media only screen and (max-width: 800px) {
  #sec-02-03 #icon-dolby { position: absolute;  width: 6vw;  margin-top: -1.33333vw;  top: 0;  right: 0; }
  #sec-02-04 ul.sec-list li .sec-list-img { width: 10.26667vw; margin: 0; margin-left: 15px; }
  #sec-02-04 ul.sec-list li .sec-list-txt { font-size: 3.46667vw; }
  #sec-02-04 ul.sec-list li .sec-note {  margin-top: 2.66667vw; }
}


@media print, only screen and (min-width: 801px) {
  #sec-03-01 .sec-note span:nth-of-type(2) {
    float: none;
    margin-left: 2em;
    margin-right: 0.5em;
  }
}

@media print, only screen and (min-width: 800px) {
  #sec-03-02 .sec-item-img { width: 90.07692%; }
}


/*sec-spec-link
****************************************************************************/
#sec-spec-link {margin: 70px auto;}

#sec-spec-link a {
  display: block;
  width: 69.67742%;
  max-width:500px;
  margin: 0 auto;
  font-size: 19px;
  line-height: 80px;
  border: 1px solid #fff;
  text-align: center;
  letter-spacing: 0.08em;
  color: #fff;
  background: url(/sites/default/files/uploads_vendor/AQUOS-zero/arrow-right-white.png) no-repeat right 45px center;
  background-size: 11px auto;
}
@media only screen and (max-width: 640px) {
  #sec-spec-link a {
    width: 89.33333%;
    font-size: 3.73333vw;
    line-height: 18.66667vw;
    background-position: right 4.53333vw center;
    background-size: 1.86667vw auto;
  }
}

/*sns-wrapper
****************************************************************************/
#sns-wrapper {
  width: 100%;
  padding: 100px 0;
}
#fb-root { display: none; }

/* 讓所有容器的寬度都變成 100% */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
@media only screen and (max-width: 640px) {
  #sns-wrapper {
    padding: 50px 0;
  }
}
#sns-wrapper h3 {
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 640px) {
  #sns-wrapper h3 {
    font-size: 5vw;
    margin-bottom: 15px;
  }
}
#sns-wrapper #sns-inner {
  max-width: 500px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  #sns-wrapper #sns-inner {
    max-width: 90%;
  }
}

/* SNS */
@media screen and (min-width: 641px) {
.snsLink { position: relative; display: table; padding: 30px 0; background-color: #f8f8f8; width: 100%; }
.snsLink a { position: relative; display: table-cell; width: 50%; text-align: center; vertical-align: middle; }
.snsLink a p { margin: 0 auto; min-height: 50px; text-align: left; line-height: 1.6; font-size: 0.65rem; color: #616161; }
.snsLink a .tw p { width: 20em; padding-left: 70px; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_line.png) left center no-repeat; font-size:0.15rem;}
.snsLink a .fb p {  width: 20em; padding-left: 70px; background: url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_fb.png) left center no-repeat; font-size:0.15rem; }
.snsLink a p span { display: block; font-size: 0.2rem;  font-weight: 600; }
.snsLink:after { content: ""; position: absolute; left: 50%; top: 25%; width: 1px; height: 50%; background: #e7e7e7; }
}
@media screen and (max-width: 640px) {
.snsLink {
        position: relative;
        display: table;
		padding: 30px 0;
		background-color: #f8f8f8;
        width: 100%;
    }
    .snsLink a {
        position: relative;
        display: table-cell;
        padding: 0;
        width: 50%;
        text-align: center;
        vertical-align: top;
    /*    background: #fff;*/
        color: #616161;
    }
    .snsLink a p {
        margin: 0 auto;
        line-height: 1.6;
        padding-top: 60px;
        font-size: 0.5rem;
        text-align: center;
    }
    .snsLink a .tw p {
        background: url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_line.png) center top no-repeat;
    }
    .snsLink a .fb p {
        background: url(/sites/default/files/uploads_vendor/AQUOS-zero/icon_fb.png) center top no-repeat;
    }
    .snsLink a p span {
        display: block;
        font-size: 0.6rem;
        font-weight: 600;
    }
    .snsLink:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 25%;
        width: 1px;
        height: 50%;
        background: #e7e7e7;
    }
}