@media screen and (min-width:768px) {
  #products{ margin: 0 auto;padding-top:350px; }
}


.designer {
  max-width: 800px;
  margin: 0 auto 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start; }

.designer_img {
  max-width: 167px !important;
  width: 21%;
  margin: 0 45px 0 50px; }

.designer_name {
  font-size: 22px;
  margin-bottom: 5px; }

.designer_text {
  font-size: 22px;
  margin-bottom: 40px; }

.designer_text:last-of-type {
  margin-bottom: 0; }

.designer_link {
  color: #829299;
  font-size: 22px;
  text-decoration: none; }

.application {
  background: #E6E6E6;
  padding: 65px 0;
  color: #252F37; }

.application h3 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 34px; }

.application p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 54px; }

.application .flex-wrap {
  display: flex;
  justify-content: center; }

.application .flex-wrap a {
  font-size: 20px;
  padding: 8px 18px 10px 18px;
  border: 1px solid #252F37;
  margin-right: 40px;
  text-decoration: none;
  border-radius: 30px; }

.application .flex-wrap a:last-child {
  margin-right: 0; }

.top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 90px; }

.top_heading {
  font-size: 33px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px; }

.top_text {
  font-size: 22px;
  text-align: center;
  margin-bottom: 60px; }

.top_note {
  font-size: 22px;
  text-align: center;
  margin: -50px 0 30px; }

.top_img {
  margin-bottom: 50px;
  max-width: 800px !important;
  width: 100%; }
  .top_img2 {
    margin-bottom: 5px;
    max-width: 800px !important;
    width: 100%; }
.top_border {
  background: #252f37;
  width: 700px;
  height: 1px; }

.feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 160px; }
  .feature_heading {
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 20px; }
  .feature_text {
    font-size: 22px;
    text-align: center;
    margin-bottom: 40px; }
  .feature_img {
    margin-bottom: 35px;
    max-width: 800px !important;
    width: 100%; }
  .feature_lens {
    display: flex;
    justify-content: center;
    margin: 10px 0 20px; }
    .feature_lens_item {
      max-width: 330px; }
      .feature_lens_item .name {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 15px; }
      .feature_lens_item .image {
        margin-bottom: 15px; }
        .feature_lens_item .image2 {
          margin-bottom: 15px; }
      .feature_lens_item .text {
        font-size: 22px; }
    .feature_lens_border {
      background: #252F37;
      width: 1px;
      margin: 0 50px; }
  .feature_brightness {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px 0 0; }
    .feature_brightness_item {
      margin: 0 25px 20px; }
      .feature_brightness_item:first-of-type .name {
        color: #829299; }
      .feature_brightness_item .name {
        font-size: 22px;
        text-align: center;
        margin-bottom: 20px; }

        .feature_brightness2 {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          flex-wrap: wrap;
          margin: 10px 0 0; }
          .feature_brightness2_item {
            margin: 0 20px 0px; width: 12%;}
            .feature_brightness2_item:first-of-type .name {
              color: #829299; }
            .feature_brightness2_item .name {
              font-size: 22px;
              text-align: center;
              margin-bottom: 20px; }    
              
              .feature_brightness3 {
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-wrap: wrap;
                margin: 10px 0 0; }
                .feature_brightness3_item {
                  margin: 0 25px 20px; width: 15%;}
                  .feature_brightness3_item:first-of-type .name {
                    color: #829299; }
                  .feature_brightness3_item .name {
                    font-size: 22px;
                    text-align: center;
                    margin-bottom: 20px; }   


.function {
  max-width: 780px;
  margin: 0 auto 200px; }
  .function_title {
    font-size: 33px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px; }
  .function_contents {
    display: grid;
    grid-template-rows: 400px 400px;
    grid-template-columns: 380px 380px;
    row-gap: 20px;
    column-gap: 20px;
    justify-content: center;
    margin-bottom: 20px; }
    .function_contents_item {
      background: #fff;
      border-radius: 8px;
      padding: 30px 40px;
      position: relative; }
      .function_contents_item:nth-of-type(n + 2):nth-of-type(-n + 3) .text {
        margin-bottom: 30px; }
      .function_contents_item:last-of-type .text {
        margin-bottom: 0; }
      .function_contents_item .heading {
        color: #333f47;
        font-size: 21px;
        text-align: center;
        margin-bottom: 20px;
        line-height: 2.5rem; }
      .function_contents_item .text {
        color: #333f47;
        font-size: 20px;
        margin-bottom: 25px;
        letter-spacing: 0.7px; }
      .function_contents_item .image {
        margin: 0 auto;
        display: block; }
      .function_contents_item .note {
        color: #000;
        font-size: 20px;
        position: absolute;
        top: 10px;
        right: 55px; }
  .function_note {
    color: #000;
    font-size: 22px;
    text-indent: -5.8rem;
    padding-left: 5.8rem; }

.spec {
  background: #252F37;
  padding: 60px 0; }
  .spec_wrapper {
    color: #e5e5e5;
    max-width: 968px;
    margin: 0 auto 60px; }
  .spec_title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px; }
  .spec_table {
    border-collapse: collapse;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 80px;
    width: 100%; }
    .spec_table .label {
      font-size: 20px;
      border-bottom: 1px solid #e5e5e5;
      vertical-align: top;
      width: 200px;
      padding: 10px; }
    .spec_table .item {
      font-size: 20px;
      border-left: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      padding: 10px 30px;
      vertical-align: top; }
  .spec_note {
    color: #829299;
    font-size: 20px;
      margin-bottom: 5px; }

	
      .products_box05{
        display: flex;
      }
      
      .products_box05_item{
        width: 370px;
        margin-bottom: 20px;
      }
      
      .products_box05_item + .products_box05_item{
        margin-left: 50px;
      }
      
      .products__txt06{
        font-size:2.2rem;
        margin-bottom: 40px;
      }
      
      .products_box06{
        display: flex;
        justify-content: flex-start;
        margin-bottom: 30px;
        width: 755px;
      }
      
      .products_box06_l{
        width: 500px;
      }
      
      .products_box06_r{
        margin-left: 30px;
        width: 500px;
      }
      
      .products__txt06{
        font-size:2.2rem;
        margin-bottom: 40px;
      }
      
      .products_box062{
        display: flex;
        justify-content: flex-start;
        margin-bottom: 30px;
        width: 755px;
      }
      
      .products_box062_l{
        width: 350px;
      }
      
      .products_box062_r{
        margin-left: 30px;
        width: 250px;
      }


      .products__txt07{
        background: #333333;
        border-radius: 8px;
        padding: 10px;
        font-size:2.2rem;
        margin-bottom: 8px;
      }
      
      .products_table03{
        font-size:2.2rem;
      }
      
      .products_table03 td:first-child{
        word-break: keep-all;
        vertical-align: top;
      }
      
      .products_box07{
        display: flex;
        justify-content: flex-start;
        margin-bottom: 40px;
      }
      
      .products_box07_l{
        width: 804px;
        margin-right: 61px;
      }
      
      .products_box07_l_item{
        width: 248px;
      }
      
      .products_box07_l_item + .products_box07_l_item{
        margin-left: 30px;
      }
      
      .products_box07_l_txt{
        display: flex;
        align-items: center;
        padding-left: 15px;
        font-size:2.2rem;
        border-left: 1px solid #FFFFFF;
        height: 70px;
        margin-bottom: 15px;
      }
      
      .products_box07_l_txt_small{
        font-size:1.8rem;
      }
      
      .products_box07_r{
        width: 255px;
      }
      
      .products_box07_r_txt{
        font-size:2.2rem;
        margin-bottom: 15px;
      }
      
      .products_box07_r_txt_small{
        font-size:1.4rem;
      }
      
      .products_box07_r_img{
        margin-bottom: 7px;
      }
      
      .products_box08{
        display: flex;
        margin-bottom: 30px;
        max-width: 1120px;
        margin: 0 auto;
      }
      
      .products_box08_item{
        width: 324px;
      }
      
      .products_box08_item + .products_box08_item{
        margin-left: 74px;
      }
      
      .products_box08_item_img{
        text-align: center;
        margin-bottom: 10px;
      }
      .products__txt03{
        font-size:2.2rem;
        margin-bottom: 20px;
      }	
      
      .mt-50{
        margin-top: 50px;
      }
      .mt-100{
        margin-top: 100px;
      }

/* SP */
@media screen and (max-width: 767px) {
  .designer a {
    left: 39%;
    width: 20%;
    bottom: 14%; }
  .application {
    padding: 30px 0 50px; }
  .application h3 {
    font-size: 22px;
    margin-bottom: 20px; }
  .application h3 + p {
    font-size: 12px;
    letter-spacing: -0.5px;
    margin-bottom: 30px; }
  .application .flex-wrap a {
    font-size: 13px;
    margin-right: 10px;
    padding: 3px 9px 5px 9px; }
  .top {
    margin-bottom: 30px; }
    .top_heading {
      font-size: 19px;
      margin-bottom: 15px; }
    .top_text {
      font-size: 13px;
      margin-bottom: 35px; }
    .top_note {
      font-size: 13px;
      text-align: left;
      padding: 0 20px;
      margin-top: -20px; }
    .top_img {
      margin-bottom: 30px; }
      .top_img2 {
        margin-bottom: 5px; } 
    .top_border {
      width: calc(100% - 40px);
      margin: 0 auto; }
  .designer {
    margin-bottom: 60px; }
    .designer_img {
      width: 27%;
      margin: 0 20px; }
    .designer_contents {
      margin-right: 20px; }
    .designer_name {
      font-size: 13px; }
    .designer_text {
      font-size: 13px;
      margin-bottom: 25px; }
    .designer_link {
      font-size: 13px; }
  .feature {
    margin-bottom: 40px; }
    .feature_heading {
      font-size: 19px;
      margin-bottom: 15px; }
    .feature_text {
      font-size: 13px;
      margin-bottom: 35px; }
    .feature_img {
      margin-bottom: 30px; }
    .feature_lens {
      margin: 0 20px 50px; }
      .feature_lens_item {
        width: 50%; }
        .feature_lens_item .name {
          font-size: 16px;
          margin-bottom: 10px; }
        .feature_lens_item .text {
          font-size: 13px; }
        .feature_lens_item .image {
          max-width: 130px;
          margin-bottom: 10px; }
          .feature_lens_item .image2 {
            max-width: 200px;
            margin-bottom: 10px; }
      .feature_lens_border {
        margin: 0 15px; }
    .feature_brightness {
      margin: 0; }
      .feature_brightness_item {
        max-width: 100px;
        margin: 0 7px; }
        .feature_brightness_item .name {
          font-size: 13px;
          text-align: left; }
          .feature_brightness_item .name span {
            font-size: 10px;
            letter-spacing: 0px; }
        .feature_brightness_item .image {
          width: 100%; }

          .feature_brightness2 {
            margin: 0; }
            .feature_brightness2_item {
              max-width: 100px;
              margin: 0 7px; width: 100%;}
              .feature_brightness2_item .name {
                font-size: 13px;
                text-align: left; }
                .feature_brightness2_item .name span {
                  font-size: 10px;
                  letter-spacing: 0px; }
              .feature_brightness2_item .image {
                width: 100%; }

                .feature_brightness3 {
                  margin: 0; }
                  .feature_brightness3_item {
                    max-width: 100px;
                    margin: 0 7px;}
                    .feature_brightness3_item .name {
                      font-size: 13px;
                      text-align: left; }
                      .feature_brightness3_item .name span {
                        font-size: 10px;
                        letter-spacing: 0px; }
                    .feature_brightness3_item .image {
                      width: 100%; }


  .function {
    margin-bottom: 40px; }
    .function_title {
      font-size: 19px;
      margin-bottom: 25px; }
    .function_contents {
      grid-template-rows: 210px 210px;
      grid-template-columns: 160px 160px;
      row-gap: 10px;
      column-gap: 15px; }
      .function_contents_item {
        padding: 20px 10px; }
        .function_contents_item:nth-of-type(n + 2):nth-of-type(-n + 3) .text {
          margin-bottom: 15px; }
        .function_contents_item .heading {
          font-size: 12px;
          line-height: 3.5rem;
          letter-spacing: -0.5px;
          margin-bottom: 10px; }
        .function_contents_item .text {
          font-size: 12px;
          line-height: 3.5rem;
          letter-spacing: -0.5px;
          margin-bottom: 5px; }
        .function_contents_item .image {
          width: 40%; }
        .function_contents_item .note {
          font-size: 12px;
          top: 6px;
          right: 10px; }
    .function_note {
      font-size: 13px;
      margin: 0 20px; }
  .spec {
    padding: 25px 20px; }
    .spec_wrapper {
      margin-bottom: 30px; }
    .spec_title {
      font-size: 16px; }
    .spec_table {
      margin-bottom: 25px; }
      .spec_table .label {
        font-size: 12px;
        padding: 5px;
        width: 75px; }
      .spec_table .item {
        font-size: 12px;
        padding: 5px 10px;
        min-width: 90px; }
    .spec_note {
      font-size: 12px; } 
	
      .products_box05_item{
        width: 200px;
        margin-bottom: 15px;
      }

      .products__txt06{
        font-size:3.0rem;
        margin-bottom: 30px;
      }
      
      .products__txt07{
        background: #333333;
        border-radius: 8px;
        padding: 10px;
        font-size:3.0rem;
        margin-bottom: 8px;
      }
      
      .products_table03{
        font-size:3.0rem;
      }
      
      .products_table03 td:first-child{
        word-break: keep-all;
        vertical-align: top;
      }
      .products_box06{
        display: flex;
        justify-content: flex-start;
        margin-bottom: 30px;
        width: 320px;
      }


      .products_box06_l{
        margin-top: 10px;
      }	
      
      .products_box06_r{
        margin-top: 20px;
      }
      
      .products_box062{
        display: flex;
        justify-content: flex-start;
        margin-bottom: 30px;
        width: 320px;
      }


      .products_box062_l{
        margin-top: 10px;
      }	
      
      .products_box062_r{
        margin-top: 20px;
      }


      .products_box07_l{
        display: flex;
        flex-wrap: wrap;
      }
      
      .products_box07_r{
        margin-bottom: 20px;
      }	
      
      .products_box07_l_item{
        width: 48%;
        margin-bottom: 10px;
      }
      
      .products_box07_l_item:nth-child(2n){
        margin-left: 4%;
      }
      
      .products_box07_l_txt{
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-size:3.0rem;
        border-left: 1px solid #FFFFFF;
        height: 40px;
        margin-bottom: 10px;
      }
      
      .products_box07_l_txt_small{
        font-size:2.2rem;
      }
      
      .products_box07_r_txt{
        font-size:3.0rem;
        margin-bottom: 10px;
      }
      
      .products_box07_r_txt_small{
        font-size:2.2rem;
      }
      
      .products_box07_r_img{
        margin-bottom: 7px;
      }
      
      .products_box08{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }
      
      .products_box08_item{
        width: 48%;
        margin-bottom: 10px;
      }
      
      .products_box08_item:nth-child(2n){
        margin-left: 4%;
      }
      
      .products_box08_item_img{
        text-align: center;
        margin-bottom: 10px;
      }
      
      .img_type04{
        width: 139px;
        height: 81px;
      }	
      
      .products_table02_sp_01{
        background-color: #DCDDDD;
        border-bottom: 1px solid #000;
        padding: 8px;
        color: #201713;
        font-size:3.0rem;
      }
      
      .products_table02_sp_02{
        background-color: #fff;
        border-bottom: 1px solid #000;
        padding: 8px;
        color: #201713;
        font-size:3.0rem;
      }
      
      .products_main_box_caution{
        padding: 15px; 
        border:1px solid #fff;
        margin-bottom: 40px;
      }
    
      .products_main_box_list{
        text-indent: -1em;
        margin-left: 1em;
        font-size:3.0rem;
      }
      
      .products_btn{ 
        background-color: #0056B7;
        color: #fff;
        display: block;
        text-decoration: none;
        border-radius: 5px;
        padding:5px 3px 3px 13px;
        box-sizing: border-box;
        margin-bottom: 20px;
        font-size:3.0rem;
        text-align: center;
      }
      
      .products__txt08{
        font-size:3.0rem;
        margin-bottom: 20px;
      }	
    }