@charset "UTF-8";
@font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format("woff2"); }
.ov {
  transition: opacity 0.3s ease-out !important;
  border: none; }
  .ov:hover {
    opacity: 0.75; }
    @media screen and (max-width: 768px) {
      .ov:hover {
        opacity: 1; } }

.s5-returnToTop {
  margin-top: 0 !important; }

.navOut {
  background-color: #000000; }
  @media screen and (max-width: 768px) {
    .navOut {
      position: relative;
      width: 100%;
      overflow: hidden; } }

#device_choice {
  margin: 0 auto;
  position: relative;
  padding: 0;
  color: #000000; }
  #device_choice > * {
    font-family: 'Noto Sans Japanese', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", Verdana, Helvetica, sans-serif;
    box-sizing: border-box; }
  #device_choice img {
    max-width: 100%;
    line-height: 0;
    vertical-align: bottom;
    border-style: none; }
  #device_choice .s5-p1 {
    line-height: 1.6; }
  #device_choice .kv {
    padding: 130px 40px 80px;
    width: 100%;
    background-color: #000000; }
    @media screen and (max-width: 768px) {
      #device_choice .kv {
        padding: 40px 1%; } }
    #device_choice .kv > .inner {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; }
      #device_choice .kv > .inner h1 {
        text-align: center; }
      #device_choice .kv > .inner p {
        color: #ffffff;
        font-size: 20px;
        line-height: 2.4;
        text-align: center;
        font-weight: 200;
        margin-top: 70px; }
        @media screen and (max-width: 768px) {
          #device_choice .kv > .inner p {
            margin-top: 30px;
            font-size: 16px;
            line-height: 1.8;
            padding: 0 5%; } }
  #device_choice .gray {
    background-color: #0d0d0d;
    padding: 0 40px 100px; }
    @media screen and (max-width: 768px) {
      #device_choice .gray {
        padding: 0 5% 40px; } }
    #device_choice .gray > .inner {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; }
      #device_choice .gray > .inner > h2 {
        padding-top: 100px;
        font-size: 34px;
        color: #ffffff;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #device_choice .gray > .inner > h2 {
            padding-top: 40px;
            font-size: 24px; } }
      #device_choice .gray > .inner > .flex {
        margin-top: 60px;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #device_choice .gray > .inner > .flex {
            display: block;
            margin-top: 30px; } }
        #device_choice .gray > .inner > .flex > div {
          width: 48.5%;
          color: #ffffff;
          text-align: center;
          padding-bottom: 110px;
          background: url(../images/arw_bottom.png) no-repeat center bottom 35px #202020; }
          @media screen and (max-width: 768px) {
            #device_choice .gray > .inner > .flex > div {
              width: 100%;
              padding-bottom: 90px;
              background-size: 50px; } }
          #device_choice .gray > .inner > .flex > div.el h2 {
            background-image: -moz-linear-gradient(-32deg, #133aba 0%, #3147b4 27%, #4e53ae 48%, #4185b1 77%, #33b6b4 99%);
            background-image: -webkit-linear-gradient(-32deg, #133aba 0%, #3147b4 27%, #4e53ae 48%, #4185b1 77%, #33b6b4 99%);
            background-image: -ms-linear-gradient(-32deg, #133aba 0%, #3147b4 27%, #4e53ae 48%, #4185b1 77%, #33b6b4 99%); }
          #device_choice .gray > .inner > .flex > div.el .txt3 {
            margin-top: 11px; }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner > .flex > div.el .txt3 {
                margin-top: 0; } }
          @media screen and (max-width: 768px) {
            #device_choice .gray > .inner > .flex > div.liquid {
              margin-top: 60px; } }
          #device_choice .gray > .inner > .flex > div.liquid h2 {
            background-image: -moz-linear-gradient(-32deg, #cf6c3b 0%, #cf533a 27%, #ce3939 48%, #df5078 77%, #ef67b7 99%);
            background-image: -webkit-linear-gradient(-32deg, #cf6c3b 0%, #cf533a 27%, #ce3939 48%, #df5078 77%, #ef67b7 99%);
            background-image: -ms-linear-gradient(-32deg, #cf6c3b 0%, #cf533a 27%, #ce3939 48%, #df5078 77%, #ef67b7 99%); }
          #device_choice .gray > .inner > .flex > div h2 {
            font-size: 26px;
            line-height: 1;
            padding: 13px;
            font-weight: 200; }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner > .flex > div h2 {
                font-size: 20px;
                padding: 10px; } }
          #device_choice .gray > .inner > .flex > div .txt-area {
            padding: 0 20px; }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner > .flex > div .txt-area {
                padding: 0 5%; } }
            #device_choice .gray > .inner > .flex > div .txt-area .txt1 {
              padding-top: 60px;
              font-size: 20px;
              line-height: 2; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .txt1 {
                  padding-top: 30px;
                  font-size: 16px; } }
            #device_choice .gray > .inner > .flex > div .txt-area .img1 {
              padding-top: 30px; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .img1 {
                  padding-top: 20px; } }
            #device_choice .gray > .inner > .flex > div .txt-area .txt2 {
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 18px;
              line-height: 2;
              min-height: 75px;
              margin-top: 30px;
              font-weight: 200; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .txt2 {
                  min-height: auto;
                  margin-top: 20px;
                  font-size: 16px; } }
            #device_choice .gray > .inner > .flex > div .txt-area .line {
              margin: 60px 10px 0;
              border-top: 1px solid #909090;
              padding-top: 80px; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .line {
                  margin: 30px auto 0;
                  padding-top: 30px; } }
            #device_choice .gray > .inner > .flex > div .txt-area .light h3 {
              color: #ffffff;
              font-size: 22px;
              position: relative;
              font-weight: 200; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .light h3 {
                  font-size: 18px; } }
              #device_choice .gray > .inner > .flex > div .txt-area .light h3:after {
                content: "";
                position: absolute;
                width: 35px;
                height: 1px;
                background-color: #909090;
                top: calc(100% + 15px);
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
            #device_choice .gray > .inner > .flex > div .txt-area .light .img2 {
              margin-top: 0px; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .light .img2 {
                  margin-top: 30px; } }
              #device_choice .gray > .inner > .flex > div .txt-area .light .img2 p {
                padding-top: 25px;
                font-size: 16px;
                font-weight: 200;
                line-height: 32px; }
            #device_choice .gray > .inner > .flex > div .txt-area .light .flex {
              display: flex;
              justify-content: center; }
              #device_choice .gray > .inner > .flex > div .txt-area .light .flex > div {
                width: 47%;
                margin: 0 auto; }
            #device_choice .gray > .inner > .flex > div .txt-area .light .hakkou {
              margin: 23px 0 19px;
              line-height: 2;
              font-size: 16px;
              display: inline-block;
              font-weight: 200; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .light .hakkou {
                  font-size: 15px; } }
            #device_choice .gray > .inner > .flex > div .txt-area .light .haichi {
              margin: 13px 0 30px;
              padding-top: 27px;
              color: #fffed7;
              line-height: 2;
              font-size: 16px;
              display: inline-block;
              border-bottom: 2px solid #888888;
              font-weight: 200;
              background: url(../images/arw_left.png) no-repeat top center; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .light .haichi {
                  font-size: 15px; } }
            #device_choice .gray > .inner > .flex > div .txt-area .light .txt3 {
              font-size: 26px;
              font-weight: 300;
              color: #fffefe; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner > .flex > div .txt-area .light .txt3 {
                  font-size: 20px; } }
              #device_choice .gray > .inner > .flex > div .txt-area .light .txt3 span {
                display: block;
                font-size: 18px;
                margin-bottom: 7px;
                font-weight: 200; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner > .flex > div .txt-area .light .txt3 span {
                    font-size: 15px; } }
      #device_choice .gray > .inner ul.pc-tab-btn, #device_choice .gray > .inner ul.pc-tab-btn2 {
        display: flex;
        justify-content: space-between;
        margin-top: 35px;
        position: relative;
        z-index: 1; }
        @media screen and (max-width: 768px) {
          #device_choice .gray > .inner ul.pc-tab-btn, #device_choice .gray > .inner ul.pc-tab-btn2 {
            display: flex !important; } }
        #device_choice .gray > .inner ul.pc-tab-btn li, #device_choice .gray > .inner ul.pc-tab-btn2 li {
          position: relative;
          /*
          &:nth-child(1){
          	width: 22%;
          	@include break(850){
          		width: 47%;
          		margin: 0 auto;
          	}
          	.btn{
          		background-color: #32b6b5;
          		&:after{
          			content:"";
          			width: 20px;
          			height: 20px;
          			background: url(../images/icn_btn_cyan.png) no-repeat center center ;
          			position: absolute;
          			top: 50%;
          			right: 30px;
          			-webkit-transform: translate(0, -50%);
          			transform: translate(0, -50%);
          		}
          		@include break(1200){
          			&:after{
          				right: 20px;
          			}
          		}
          		@include break(1120){
          			&:after{
          				right: 10px;
          			}
          		}
          	}
          }
          */ }
          #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(1), #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(1) {
            width: 50%; }
            @media screen and (max-width: 850px) {
              #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(1), #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(1) {
                width: 47%;
                margin: 0 auto; } }
            #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(1) .btn, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(1) .btn {
              background-color: #2746bb; }
              #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(1) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(1) .btn:after {
                content: "";
                width: 20px;
                height: 20px;
                background: url(../images/icn_btn_blue.png) no-repeat center center;
                position: absolute;
                top: 50%;
                right: 30px;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
              @media screen and (max-width: 1200px) {
                #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(1) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(1) .btn:after {
                  right: 20px; } }
              @media screen and (max-width: 1120px) {
                #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(1) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(1) .btn:after {
                  right: 10px; } }
          #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(2), #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(2) {
            width: 22%;
            margin-left: 2%; }
            @media screen and (max-width: 850px) {
              #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(2), #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(2) {
                width: 47%;
                margin: 0 auto; } }
            #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(2) .btn, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(2) .btn {
              background-color: #df6931; }
              #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(2) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(2) .btn:after {
                content: "";
                width: 20px;
                height: 20px;
                background: url(../images/icn_btn_orange.png) no-repeat center center;
                position: absolute;
                top: 50%;
                right: 30px;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
              @media screen and (max-width: 1200px) {
                #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(2) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(2) .btn:after {
                  right: 20px; } }
              @media screen and (max-width: 1120px) {
                #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(2) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(2) .btn:after {
                  right: 10px; } }
          #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(3), #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(3) {
            width: 22%;
            margin-left: 2%; }
            @media screen and (max-width: 850px) {
              #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(3), #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(3) {
                width: 47%;
                margin: 0 auto; } }
            #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(3) .btn, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(3) .btn {
              background-color: #de3942; }
              #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(3) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(3) .btn:after {
                content: "";
                width: 20px;
                height: 20px;
                background: url(../images/icn_btn_red.png) no-repeat center center;
                position: absolute;
                top: 50%;
                right: 30px;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
              @media screen and (max-width: 1200px) {
                #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(3) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(3) .btn:after {
                  right: 20px; } }
              @media screen and (max-width: 1120px) {
                #device_choice .gray > .inner ul.pc-tab-btn li:nth-child(3) .btn:after, #device_choice .gray > .inner ul.pc-tab-btn2 li:nth-child(3) .btn:after {
                  right: 10px; } }
          #device_choice .gray > .inner ul.pc-tab-btn li p, #device_choice .gray > .inner ul.pc-tab-btn2 li p {
            color: #8a8a8a;
            font-size: 16px;
            text-align: center;
            margin-bottom: 8px;
            min-height: 50px;
            display: flex;
            justify-content: center;
            align-items: flex-end; }
            @media screen and (max-width: 1000px) {
              #device_choice .gray > .inner ul.pc-tab-btn li p, #device_choice .gray > .inner ul.pc-tab-btn2 li p {
                font-size: 14px; } }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner ul.pc-tab-btn li p, #device_choice .gray > .inner ul.pc-tab-btn2 li p {
                font-size: 13px; } }
          #device_choice .gray > .inner ul.pc-tab-btn li .btn, #device_choice .gray > .inner ul.pc-tab-btn2 li .btn {
            cursor: pointer;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 260px;
            margin: 0 auto;
            height: 60px;
            border-radius: 5px;
            font-size: 20px;
            padding-right: 20px;
            position: relative; }
            @media screen and (max-width: 1000px) {
              #device_choice .gray > .inner ul.pc-tab-btn li .btn, #device_choice .gray > .inner ul.pc-tab-btn2 li .btn {
                font-size: 16px; } }
            @media screen and (max-width: 850px) {
              #device_choice .gray > .inner ul.pc-tab-btn li .btn, #device_choice .gray > .inner ul.pc-tab-btn2 li .btn {
                font-size: 14px; } }
            #device_choice .gray > .inner ul.pc-tab-btn li .btn.active:after, #device_choice .gray > .inner ul.pc-tab-btn2 li .btn.active:after {
              transform: rotate(180deg);
              top: inherit; }
      #device_choice .gray > .inner ul.pc-tab, #device_choice .gray > .inner ul.pc-tab2 {
        margin-top: -3px;
        position: relative;
        z-index: 2;
        background-color: #dbdbdb; }
        #device_choice .gray > .inner ul.pc-tab > li, #device_choice .gray > .inner ul.pc-tab2 > li {
          display: none;
          /*
          &:nth-child(1){
          	border-top:10px solid #32b6b5;
          }
          */ }
          #device_choice .gray > .inner ul.pc-tab > li > div, #device_choice .gray > .inner ul.pc-tab2 > li > div {
            display: flex; }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner ul.pc-tab > li > div, #device_choice .gray > .inner ul.pc-tab2 > li > div {
                display: block; } }
          #device_choice .gray > .inner ul.pc-tab > li:nth-child(1), #device_choice .gray > .inner ul.pc-tab2 > li:nth-child(1) {
            border-top: 10px solid #2746bb; }
          #device_choice .gray > .inner ul.pc-tab > li:nth-child(2), #device_choice .gray > .inner ul.pc-tab2 > li:nth-child(2) {
            border-top: 10px solid #df6931; }
          #device_choice .gray > .inner ul.pc-tab > li:nth-child(3), #device_choice .gray > .inner ul.pc-tab2 > li:nth-child(3) {
            border-top: 10px solid #de3942; }
          #device_choice .gray > .inner ul.pc-tab > li .recommend, #device_choice .gray > .inner ul.pc-tab2 > li .recommend {
            width: 63%;
            padding: 55px 4% 60px;
            background-color: #dbdbdb; }
            #device_choice .gray > .inner ul.pc-tab > li .recommend.w100, #device_choice .gray > .inner ul.pc-tab2 > li .recommend.w100 {
              max-width: 633px;
              width: 100%;
              margin: 0 auto; }
            @media screen and (max-width: 1100px) {
              #device_choice .gray > .inner ul.pc-tab > li .recommend, #device_choice .gray > .inner ul.pc-tab2 > li .recommend {
                padding: 55px 3% 60px; } }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner ul.pc-tab > li .recommend, #device_choice .gray > .inner ul.pc-tab2 > li .recommend {
                width: 100%;
                padding: 30px 5% 40px; } }
            #device_choice .gray > .inner ul.pc-tab > li .recommend > h3, #device_choice .gray > .inner ul.pc-tab2 > li .recommend > h3 {
              font-size: 20px;
              text-align: center;
              min-height: 45px; }
            #device_choice .gray > .inner ul.pc-tab > li .recommend ul li, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li {
              margin-top: 20px;
              background-color: #ffffff; }
              @media screen and (max-width: 768px) {
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li {
                  padding: 0 5% 30px; } }
              #device_choice .gray > .inner ul.pc-tab > li .recommend ul li > div, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li > div {
                display: flex;
                align-items: center; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li > div, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li > div {
                    display: block; } }
              #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .img, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .img {
                text-align: center;
                padding-bottom: 5px;
                width: 37%;
                padding-left: 2%; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .img, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .img {
                    width: 100%;
                    padding-left: 0; } }
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .img .logo, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .img .logo {
                  padding: 25px 10% 15px; }
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .img .logo2, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .img .logo2 {
                  padding: 25px 7% 15px; }
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .img .logo3, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .img .logo3 {
                  padding: 25px 24% 15px; }
              #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt-area, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt-area {
                width: 32%;
                margin-top: 20px; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt-area, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt-area {
                    width: 100%;
                    margin-top: 0; } }
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt-area h3, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt-area h3 {
                  font-weight: 600;
                  font-size: 22px;
                  text-align: center;
                  margin-top: -13px; }
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt-area h3 span, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt-area h3 span {
                    display: block;
                    font-size: 16px;
                    font-weight: 500; }
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt-area ul.size, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt-area ul.size {
                  display: flex;
                  justify-content: center;
                  align-items: flex-start;
                  flex-wrap: wrap;
                  margin-top: 12px; }
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt-area ul.size li, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt-area ul.size li {
                    margin: 0 2px;
                    font-size: 13px;
                    background-color: #ffffff;
                    border: 1px solid #000000;
                    border-radius: 5px;
                    margin-bottom: 4px;
                    padding: 6px 5px;
                    line-height: 1; }
              #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .btn, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .btn {
                width: 25%;
                padding: 0 4% 0 3%;
                margin-top: 15px; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .btn, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .btn {
                    width: 100%;
                    padding: 0;
                    margin-top: 30px; } }
                #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .btn a, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .btn a {
                  font-size: 17px;
                  padding: 10px;
                  width: 100%;
                  text-align: center; }
              #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt {
                padding: 15px 0 20px;
                border-top: 1px solid #dbdbdb;
                font-size: 16px;
                margin: 0 25px; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner ul.pc-tab > li .recommend ul li .txt, #device_choice .gray > .inner ul.pc-tab2 > li .recommend ul li .txt {
                    padding: 0;
                    border: none;
                    margin: 20px 0 0; } }
          #device_choice .gray > .inner ul.pc-tab > li .interview, #device_choice .gray > .inner ul.pc-tab2 > li .interview {
            width: 37%;
            background-color: #bcbcbc;
            padding: 55px 4% 60px; }
            @media screen and (max-width: 1100px) {
              #device_choice .gray > .inner ul.pc-tab > li .interview, #device_choice .gray > .inner ul.pc-tab2 > li .interview {
                padding: 55px 3% 60px; } }
            @media screen and (max-width: 768px) {
              #device_choice .gray > .inner ul.pc-tab > li .interview, #device_choice .gray > .inner ul.pc-tab2 > li .interview {
                width: 100%;
                padding: 30px 5% 40px; } }
            #device_choice .gray > .inner ul.pc-tab > li .interview > h3, #device_choice .gray > .inner ul.pc-tab2 > li .interview > h3 {
              font-size: 20px;
              text-align: center;
              min-height: 45px; }
            #device_choice .gray > .inner ul.pc-tab > li .interview ul li, #device_choice .gray > .inner ul.pc-tab2 > li .interview ul li {
              text-align: center;
              margin-top: 20px; }
              #device_choice .gray > .inner ul.pc-tab > li .interview ul li.coming, #device_choice .gray > .inner ul.pc-tab2 > li .interview ul li.coming {
                background-color: #202020;
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 16.5% 0;
                font-size: 18px;
                font-weight: 300; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray > .inner ul.pc-tab > li .interview ul li.coming, #device_choice .gray > .inner ul.pc-tab2 > li .interview ul li.coming {
                    font-size: 18px; } }
  #device_choice .black {
    background-color: #000000;
    padding: 0 40px 100px; }
    @media screen and (max-width: 768px) {
      #device_choice .black {
        padding: 0 5% 40px; } }
    #device_choice .black > .inner {
      max-width: 1200px;
      margin: 0 auto; }
      #device_choice .black > .inner h2.ttl {
        padding-top: 90px;
        color: #ffffff;
        text-align: center;
        font-size: 34px;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          #device_choice .black > .inner h2.ttl {
            padding-top: 40px;
            font-size: 24px; } }
      #device_choice .black > .inner .inner2 {
        background-image: -moz-linear-gradient(125deg, #e2e514 0%, #13ba81 47%, #038f94 100%);
        background-image: -webkit-linear-gradient(125deg, #e2e514 0%, #13ba81 47%, #038f94 100%);
        background-image: -ms-linear-gradient(125deg, #e2e514 0%, #13ba81 47%, #038f94 100%);
        padding: 2px;
        margin-top: 60px; }
        @media screen and (max-width: 768px) {
          #device_choice .black > .inner .inner2 {
            margin-top: 40px; } }
        #device_choice .black > .inner .inner2 .inner3 {
          background-color: #000000;
          padding: 0 0 80px; }
          @media screen and (max-width: 768px) {
            #device_choice .black > .inner .inner2 .inner3 {
              padding: 0 0 40px; } }
          #device_choice .black > .inner .inner2 .inner3.active {
            padding: 0; }
          #device_choice .black > .inner .inner2 .inner3 > h3 {
            font-size: 26px;
            color: #ffffff;
            text-align: center;
            font-weight: 300;
            padding-top: 55px;
            position: relative; }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner .inner2 .inner3 > h3 {
                font-size: 20px;
                padding-top: 30px; } }
            #device_choice .black > .inner .inner2 .inner3 > h3:after {
              content: "";
              position: absolute;
              width: 240px;
              height: 2px;
              background-image: -moz-linear-gradient(45deg, #13ba81 0%, #45be5e 20%, #77c23a 48%, #add427 81%, #e2e514 100%);
              background-image: -webkit-linear-gradient(45deg, #13ba81 0%, #45be5e 20%, #77c23a 48%, #add427 81%, #e2e514 100%);
              background-image: -ms-linear-gradient(45deg, #13ba81 0%, #45be5e 20%, #77c23a 48%, #add427 81%, #e2e514 100%);
              top: calc(100% + 45px);
              left: 50%;
              -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
              @media screen and (max-width: 768px) {
                #device_choice .black > .inner .inner2 .inner3 > h3:after {
                  top: calc(100% + 20px); } }
      #device_choice .black > .inner ul.tab-btn {
        display: flex;
        justify-content: space-between;
        margin-top: 110px;
        padding: 0 5%; }
        @media screen and (max-width: 768px) {
          #device_choice .black > .inner ul.tab-btn {
            margin-top: 60px;
            padding: 0 3%; } }
        #device_choice .black > .inner ul.tab-btn li {
          position: relative;
          width: 31%;
          cursor: pointer; }
          #device_choice .black > .inner ul.tab-btn li.active:after {
            content: "";
            width: 13.1%;
            height: 11%;
            background: url(../images/icn_check.png) no-repeat center center/cover;
            position: absolute;
            top: 14%;
            right: 0; }
      #device_choice .black > .inner ul.tab {
        position: relative;
        z-index: 2;
        background-color: #dbdbdb; }
        #device_choice .black > .inner ul.tab > li {
          display: none;
          margin-top: 30px; }
          #device_choice .black > .inner ul.tab > li:before {
            content: "";
            background: url(../images/arw_top.png) no-repeat center center;
            width: 28px;
            height: 24px;
            position: absolute;
            top: -24px; }
          #device_choice .black > .inner ul.tab > li > div {
            display: flex; }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner ul.tab > li > div {
                display: block; } }
          #device_choice .black > .inner ul.tab > li:nth-child(1):before {
            left: 18%; }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner ul.tab > li:nth-child(1):before {
                left: 15.5%; } }
          #device_choice .black > .inner ul.tab > li:nth-child(2):before {
            left: 48.5%; }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner ul.tab > li:nth-child(2):before {
                left: 47.5%; } }
          #device_choice .black > .inner ul.tab > li:nth-child(3):before {
            left: 80%; }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner ul.tab > li:nth-child(3):before {
                left: 78.5%; } }
          #device_choice .black > .inner ul.tab > li .recommend {
            width: 63%;
            padding: 55px 4% 60px;
            background-color: #dbdbdb; }
            #device_choice .black > .inner ul.tab > li .recommend.w100 {
              max-width: 633px;
              width: 100%;
              margin: 0 auto; }
            @media screen and (max-width: 1100px) {
              #device_choice .black > .inner ul.tab > li .recommend {
                padding: 55px 3% 60px; } }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner ul.tab > li .recommend {
                width: 100%;
                max-width: 100%;
                padding: 30px 5% 40px; } }
            #device_choice .black > .inner ul.tab > li .recommend > h3 {
              font-size: 20px;
              text-align: center;
              min-height: 45px; }
            #device_choice .black > .inner ul.tab > li .recommend ul li {
              margin-top: 20px;
              background-color: #ffffff; }
              @media screen and (max-width: 768px) {
                #device_choice .black > .inner ul.tab > li .recommend ul li {
                  display: block;
                  padding: 0 5% 30px; } }
              #device_choice .black > .inner ul.tab > li .recommend ul li > div {
                display: flex;
                align-items: center; }
                @media screen and (max-width: 768px) {
                  #device_choice .black > .inner ul.tab > li .recommend ul li > div {
                    display: block; } }
              #device_choice .black > .inner ul.tab > li .recommend ul li .img {
                text-align: center;
                padding-bottom: 5px;
                width: 37%;
                padding-left: 2%; }
                @media screen and (max-width: 768px) {
                  #device_choice .black > .inner ul.tab > li .recommend ul li .img {
                    width: 100%;
                    padding-left: 0; } }
                #device_choice .black > .inner ul.tab > li .recommend ul li .img .logo {
                  padding: 25px 10% 15px;
                  font-size: 0; }
                #device_choice .black > .inner ul.tab > li .recommend ul li .img .logo2 {
                  padding: 25px 7% 15px;
                  font-size: 0; }
                #device_choice .black > .inner ul.tab > li .recommend ul li .img .logo3 {
                  padding: 25px 24% 15px;
                  font-size: 0; }
              #device_choice .black > .inner ul.tab > li .recommend ul li .txt-area {
                width: 32%;
                margin-top: 20px; }
                @media screen and (max-width: 768px) {
                  #device_choice .black > .inner ul.tab > li .recommend ul li .txt-area {
                    width: 100%;
                    margin-top: 0; } }
                #device_choice .black > .inner ul.tab > li .recommend ul li .txt-area h3 {
                  font-weight: 600;
                  font-size: 22px;
                  text-align: center;
                  margin-top: -13px; }
                  #device_choice .black > .inner ul.tab > li .recommend ul li .txt-area h3 span {
                    display: block;
                    font-size: 16px;
                    font-weight: 500; }
                #device_choice .black > .inner ul.tab > li .recommend ul li .txt-area ul.size {
                  display: flex;
                  justify-content: center;
                  align-items: flex-start;
                  flex-wrap: wrap;
                  margin-top: 12px; }
                  #device_choice .black > .inner ul.tab > li .recommend ul li .txt-area ul.size li {
                    margin: 0 2px;
                    font-size: 13px;
                    background-color: #ffffff;
                    border: 1px solid #000000;
                    border-radius: 5px;
                    margin-bottom: 4px;
                    padding: 6px 5px;
                    line-height: 1; }
              #device_choice .black > .inner ul.tab > li .recommend ul li .btn {
                width: 25%;
                padding: 0 4% 0 3%; }
                @media screen and (max-width: 768px) {
                  #device_choice .black > .inner ul.tab > li .recommend ul li .btn {
                    width: 100%;
                    padding: 0;
                    margin-top: 30px; } }
                #device_choice .black > .inner ul.tab > li .recommend ul li .btn a {
                  font-size: 17px;
                  padding: 10px;
                  width: 100%;
                  text-align: center; }
              #device_choice .black > .inner ul.tab > li .recommend ul li .txt {
                padding: 15px 0 20px;
                border-top: 1px solid #dbdbdb;
                font-size: 16px;
                margin: 0 25px; }
                @media screen and (max-width: 768px) {
                  #device_choice .black > .inner ul.tab > li .recommend ul li .txt {
                    padding: 0;
                    border: none;
                    margin: 20px 0 0; } }
          #device_choice .black > .inner ul.tab > li .interview {
            width: 37%;
            background-color: #bcbcbc;
            padding: 55px 4% 60px; }
            @media screen and (max-width: 1100px) {
              #device_choice .black > .inner ul.tab > li .interview {
                padding: 55px 3% 60px; } }
            @media screen and (max-width: 768px) {
              #device_choice .black > .inner ul.tab > li .interview {
                width: 100%;
                padding: 30px 5% 40px; } }
            #device_choice .black > .inner ul.tab > li .interview > h3 {
              font-size: 20px;
              text-align: center;
              min-height: 45px; }
            #device_choice .black > .inner ul.tab > li .interview ul li {
              margin-top: 20px; }
              #device_choice .black > .inner ul.tab > li .interview ul li.coming {
                background-color: #202020;
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 16.5% 0;
                font-size: 18px;
                font-weight: 300; }
                @media screen and (max-width: 768px) {
                  #device_choice .black > .inner ul.tab > li .interview ul li.coming {
                    font-size: 16px; } }
  #device_choice .gray2 {
    background-color: #333333;
    padding: 0 40px 100px; }
    @media screen and (max-width: 768px) {
      #device_choice .gray2 {
        padding: 0 5% 40px; } }
    #device_choice .gray2 > .inner {
      max-width: 1200px;
      margin: 0 auto; }
      #device_choice .gray2 > .inner h2.ttl {
        padding-top: 90px;
        color: #ffffff;
        text-align: center;
        font-size: 28px;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          #device_choice .gray2 > .inner h2.ttl {
            padding-top: 40px;
            font-size: 20px; } }
      #device_choice .gray2 > .inner h3.ttl {
        padding-top: 15px;
        color: #ffffff;
        text-align: center;
        font-size: 20px;
        font-weight: 300; }
        @media screen and (max-width: 768px) {
          #device_choice .gray2 > .inner h3.ttl {
            font-size: 16px; } }
      #device_choice .gray2 > .inner > ul {
        margin-top: 75px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media screen and (max-width: 768px) {
          #device_choice .gray2 > .inner > ul {
            display: block;
            margin-top: 40px; } }
        #device_choice .gray2 > .inner > ul > li {
          width: 31%;
          background-color: #ffffff;
          padding: 0 20px 35px;
          margin-bottom: 60px;
          box-sizing: border-box; }
          @media screen and (max-width: 768px) {
            #device_choice .gray2 > .inner > ul > li {
              width: 100%;
              padding: 0 5% 20px;
              margin-bottom: 40px; } }
          #device_choice .gray2 > .inner > ul > li h3 {
            font-weight: 600;
            font-size: 22px;
            text-align: center;
            margin-top: -13px; }
            @media screen and (max-width: 768px) {
              #device_choice .gray2 > .inner > ul > li h3 {
                font-size: 18px; } }
            #device_choice .gray2 > .inner > ul > li h3 span {
              display: block;
              font-size: 16px;
              font-weight: 500; }
              @media screen and (max-width: 768px) {
                #device_choice .gray2 > .inner > ul > li h3 span {
                  font-size: 14px; } }
          #device_choice .gray2 > .inner > ul > li .logo {
            padding-top: 35px;
            text-align: center; }
            @media screen and (max-width: 768px) {
              #device_choice .gray2 > .inner > ul > li .logo {
                padding-top: 30px; } }
          #device_choice .gray2 > .inner > ul > li .img {
            padding-top: 30px;
            text-align: center; }
            @media screen and (max-width: 768px) {
              #device_choice .gray2 > .inner > ul > li .img {
                padding-top: 20px; } }
          #device_choice .gray2 > .inner > ul > li ul.size {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 12px; }
            #device_choice .gray2 > .inner > ul > li ul.size li {
              margin: 0 2px;
              font-size: 13px;
              background-color: #ffffff;
              border: 1px solid #000000;
              border-radius: 5px;
              margin-bottom: 4px;
              padding: 6px 5px;
              line-height: 1; }
          #device_choice .gray2 > .inner > ul > li .txt-area .btn {
            margin-top: 23px; }
            #device_choice .gray2 > .inner > ul > li .txt-area .btn a {
              width: 100%;
              text-align: center;
              line-height: 1;
              padding: 15px 10px;
              font-size: 18px; }
              @media screen and (max-width: 768px) {
                #device_choice .gray2 > .inner > ul > li .txt-area .btn a {
                  font-size: 16px; } }
          #device_choice .gray2 > .inner > ul > li .txt-area .gray-area {
            background-color: #f2f2f2;
            padding: 10px 5px;
            margin-top: 10px; }
            #device_choice .gray2 > .inner > ul > li .txt-area .gray-area p {
              font-size: 12px;
              padding: 0 1px;
              text-align: center; }
              #device_choice .gray2 > .inner > ul > li .txt-area .gray-area p .big {
                display: block;
                font-size: 18px;
                font-weight: bold;
                letter-spacing: -1px; }
                @media screen and (max-width: 768px) {
                  #device_choice .gray2 > .inner > ul > li .txt-area .gray-area p .big {
                    display: inline;
                    font-size: 14px; } }
              #device_choice .gray2 > .inner > ul > li .txt-area .gray-area p .small {
                font-size: 14px; }
            #device_choice .gray2 > .inner > ul > li .txt-area .gray-area .full-store-btn {
              margin-top: 8px; }
              #device_choice .gray2 > .inner > ul > li .txt-area .gray-area .full-store-btn a {
                width: 100%;
                text-align: center;
                margin: 0 auto; }
            #device_choice .gray2 > .inner > ul > li .txt-area .gray-area .s5-sonyStoreCustom {
              padding: 8px 5px !important;
              text-align: center !important; }
            #device_choice .gray2 > .inner > ul > li .txt-area .gray-area .s5-sonyStoreCustom__buttonContainer {
              text-align: center !important; }
          #device_choice .gray2 > .inner > ul > li .txt-area p.note {
            display: block;
            font-size: .75rem;
            font-weight: normal;
            line-height: 1.4;
            color: #f00;
            margin: 5px 0 0;
            padding-left: 1em;
            text-indent: -1em; }
    #device_choice .gray2 .img {
      text-align: center; }

.bnr-jikkan {
  margin: 0 auto;
  text-align: center; }

@media screen and (max-width: 768px) {
  .s5-returnToTop {
    padding-top: 0 !important; } }

.s5-storeButton {
  width: 100%;
  font-size: 16px !important;
  line-height: 1;
  text-align: center; }

@media screen and (min-width: 850px) {
  .pc {
    display: block !important; } }
@media screen and (max-width: 850px) {
  .pc {
    display: none !important; } }
@media screen and (min-width: 769px) {
  .pcImg {
    display: inline-block !important; }

  .sp {
    display: none !important; }

  .spImg {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .sp {
    display: block !important; }

  .spImg {
    display: inline-block !important; }

  .pcImg {
    display: none !important; } }

/*# sourceMappingURL=device_choice.css.map */