.el_hamburgerBtn_icon {

  font-size: 10px;

  font-family: futura-pt, sans-serif;

  font-style: normal;

  font-weight: 500;

  line-height: 1;

  position: relative;

  padding-top: 20px;

}



.el_hamburgerBtn_icon::before {

  position: absolute;

  content: "";

  width: 30px;

  height: 4px;

  left: 0;

  top: 4px;

  padding: 2px;

  border-top: solid 2px #0d2943;

  border-bottom: solid 2px #0d2943;

}



.pc {

  display: block !important;

  margin: auto;

}



.sp {

  display: none !important;

}



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

  .pc {

    display: none !important;

  }

  .sp {

    display: block !important;

    margin: auto;

  }

}

p {

  font-size: 1.2rem;

  line-height: 1.7;

}

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

  p {

    font-size: 1rem;

  }

}



.imgwrap {

  padding: 50px 0;

  width: 85%;

  margin: auto;

  }

 .pc:hover {

   box-shadow:0px 0px 10px #666;

 color:#fff;

  transition : 1s;

  }

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

    .imgwrap {

    padding: 30px 0 0;

    width: 100%;

    }

}



.h1 {

  font-family: "source-han-sans-japanese", sans-serif;

  font-weight: 400;

  font-style: normal;

}



.el_ttl-L1, .el_ttl-L3 {

  font-family: "source-han-serif-japanese", serif;

  font-weight: 500;

  font-style: normal;

}



.b {

  font-weight: bold;

}



.sp_noBr {

  display: none;

}

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

  .sp_noBr {

    display: block;

  }

}

.dotted_line {

  width: 100%;

  margin: 10px 0;

  border-top: 1px dotted #000;

}



.text_link {

  margin: 20px 0;

  font-size: 1rem;

}

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

  .text_link {

    font-size: 0.8rem;

  }

}

.text_link a {

  color: #000000;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-bottom: 1px solid #000000;

}

.text_link.hover {

  color: #000000;

  font-weight: bold;

  text-decoration: none;

}



.ly_spe_Main {

  width: 100%;

  max-width: 100%;

  padding-bottom: 0;

}



.ly_Main {

  width: 100%;

  max-width: 1180px;

  margin: 0 auto;

  padding: 0 20px;

  position: relative;

}

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

  .ly_Main {

    padding: 0;

  }

}



.ly_Main1 {

  width: 100%;

  max-width: 1180px;

  margin: 0 auto;

  padding: 0 20px;

}

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

  .ly_Main1 {

    padding: 0;

  }

}



.ly_Main2 {

  width: 100%;

  max-width: 1180px;

  margin: 100px auto;

  padding: 0 20px;

}

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

  .ly_Main2 {

    padding: 0;

    margin: 60px 0;

  }

}



.el_ttl-L3 {

  font-size: 1.8rem;

  font-weight: 500;

  border-top: 2px solid #C1C1C1;

  border-bottom: 2px solid #C1C1C1;

  text-align: center;

  margin: 1em 0;

  padding: 1em 1.5em;

}

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

  .el_ttl-L3 {

    font-size: 1.6rem;

  }

}



.el_ttl-M1 {

  font-size: 1.5rem;

  font-weight: 600;

  margin: auto;

  margin-top: 60px;

  margin-bottom: 10px;

}

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

  .el_ttl-M1 {

    width: 85%;

    font-size: 1.4rem;

    padding: 10px 0;

    margin: 40px auto 0;

  }

}



.el_ttl-M2 {

  line-height: 1.5;

  font-size: 1.5rem;

  font-weight: 600;

}

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

  .el_ttl-M2 {

    font-size: 1.6rem;

  }

}



.el_ttl-M3 {

  line-height: 2;

  font-size: 1.5rem;

  font-weight: 600;

  margin: 20px auto;

  text-align: left;

  color: #333;

  border-bottom: 1px solid #000;

}

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

  .el_ttl-M3 {

    font-size: 1.6rem;

  }

}



.el_ttl-M-No {

  line-height: 1.7;

  font-size: 1.4rem;

  width: 100%;

  margin: auto;

  margin-top: 40px;

  font-weight: 600;

  padding-left: 1em;

  text-indent: -1em;

}

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

  .el_ttl-M-No {

    width: 85%;

    font-size: 1.4rem;

    margin: 40px auto 0;

  }

}

.el_ttl-M-No--blue {

  color: #004980;

}

.el_ttl-M-No--red {

  color: #9B0236;

}



.el_ttl-S {

  position: relative;

  padding: 0.3em 0.3em 0.3em 0.9em;

  line-height: 2;

  font-size: 1.3em;

  font-weight: 600;

  margin: auto;

  margin-top: 20px;

  text-align: left;

}

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

  .el_ttl-S {

    font-size: 1rem;

    padding: 0.3em 0.3em 0.3em 1.4em;

    padding-top: 10px;

    margin-top: 0;

  }

}

.el_ttl-S::after {

  position: absolute;

  content: "";

  bottom: 1.1em;

  left: 0;

  background-color: #C8C8C8;

  width: 13px;

  height: 13px;

  border-radius: 50%;

}

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

  .el_ttl-S::after {

    bottom: 0.9em;

  }

}



.el_spe_maincopy {

  margin-top: 0;

  padding: 2rem 1rem 2rem;

}

@media screen and (min-width: 960px) {

  .el_spe_maincopy {

    width: 85%;

    padding: 10px 0;

    margin: auto;

  }

}



.el_concept_t {

  font-weight: normal;

  line-height: 1.7;

  font-size: 1.2rem;

  display: inline-block;

}

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

  .el_concept_t {

    margin: 0 0 1rem 0;

    padding: 0 30px;

    font-size: 1rem;

  }

}



.el_txt {

  line-height: 1.9;

  font-size: 1rem;

  display: inline-block;

  margin-top: 10px;

}

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

  .el_txt {

    margin: 0 0 1rem 0;

    font-size: 1rem;

  }

}

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

  .el_txt-1 {

    width: 85%;

  }

}

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

  .el_txt-3 {

    padding: 0 30px;

  }

}

.el_txt-5 {

  font-weight: 600;

  margin: 0;

}

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

  .el_txt-5 {

    font-size: 1rem;

  }

}

.el_txt-6 {

  line-height: 1.2;

  margin-bottom: 20px;

}

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

  .el_txt-6 {

    font-size: 1rem;

    margin-bottom: 5px;

  }

}

.el_txt a {

  font-family: normal!important;

  color: #002BFF;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-bottom: 1px solid #002BFF;

}

.el_txt a:hover {

  color: #002BFF;

  font-weight: bold;

  text-decoration: none;

}

.el_txt b {

  font-weight: bold;

}



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

  .bl_global_cp.bl_global_cp-1col .el_txt {

    margin-left: auto;

    margin-right: auto;

    display: block;

  }

}

.bl_global_cp.bl_global_cp-2col .el_txt {

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  grid-row: 2/3;

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;

  grid-column: 1/2;

}



.bl_global_cp.bl_global_cp-2col {

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  display: -ms-grid;

  display: grid;

  -ms-grid-rows: auto 1fr;

  grid-template-rows: auto 1fr;

  -ms-grid-columns: 1fr 40%;

  grid-template-columns: 1fr 40%;

  grid-column-gap: 2rem;

}

.bl_global_cp.bl_global_cp-2col .el_cp_img {

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  grid-row: 1/3;

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

  grid-column: 2/3;

}

.bl_global_cp.bl_global_cp-2col2_2 {

  width: 100%;

  display: -ms-grid;

  display: grid;

  -ms-grid-rows: auto 1fr;

  grid-template-rows: auto 1fr;

  -ms-grid-columns: 1fr 55%;

  grid-template-columns: 1fr 55%;

  grid-column-gap: 1rem;

  margin-bottom: 1rem;

}

.bl_global_cp.bl_global_cp-2col2_2 .el_cp_img {

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  grid-row: 1/3;

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

}



@media screen and (min-width: 960px) {

  .bl_global_cp.bl_global_cp-1col {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

  }

}

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

  .bl_global_cp.bl_global_cp-2col {

    width: 86%;

    display: block;

    margin-left: auto;

    margin-right: auto;

  }

  .bl_global_cp.bl_global_cp-2col2_2 {

    width: 100%;

  }

}

.breadcrumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 0 10px;

  list-style: none;

  padding: 10px 0 10px 18px;

  border-radius: 3px;

  overflow: hidden;

  background-color: #ffffff;

  font-size: 0.8em;

  border-top: 1px solid #C1C1C1;

  border-bottom: 1px solid #C1C1C1;

}

.breadcrumb li {

  font-size: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  padding-right: 20px;

}

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

  .breadcrumb li {

    font-size: 1rem;

  }

}

.breadcrumb li:not(:last-child)::before, .breadcrumb li:not(:last-child)::after {

  position: absolute;

  width: 0;

  height: 0;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  content: "";

}

.breadcrumb li:not(:last-child)::before {

  right: 0;

  border-left: 10px solid #C1C1C1;

}

.breadcrumb li:not(:last-child)::after {

  right: 1px;

  border-left: 10px solid #ffffff;

}

.breadcrumb a {

  color: #555;

  text-decoration: none;

}



.el_spe_contNav2 {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  margin: 60px auto;

  padding: 20px 30px;

  background: #F9F9F9;

  border: 1px solid #707070;

}

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

  .el_spe_contNav2 {

    padding: 10px;

    margin: auto;

  }

}



ol {

  position: relative;

  margin: 0;

  padding: 30px 40px 30px 60px;

  list-style: none;

  font-weight: bold;

  counter-reset: li;

}

ol li {

  position: relative;

  margin: 5px 0px 5px 20px;

  padding: 0;

  line-height: 1.8;

}

ol > li:before {

  position: absolute;

  color: #2E2E2E;

  font-weight: bold;

  counter-increment: li;

  content: counter(li) ".";

  left: -26px;

  top: 0;

}

ol a {

  text-decoration: none;

  color: #333;

}

ol a:hover {

  text-decoration: underline;

}



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

  ol {

    font-size: 14px;

  }

  ol li {

    margin: 10px 40px 10px 50px;

    padding: 0;

  }

  ol > li:before {

    left: -25px;

  }

}

.pagination__item a, .pagination__item--current {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: block;

  color: #000;

  text-decoration: none;

  text-align: center;

  background: #fff;

  border: 1px solid #707070;

  min-width: 3em;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  margin: 0 10px 0 0;

  padding: calc(1em - 1px) 1em;

}

.pagination__item a:hover, .pagination__item--current:hover {

  color: #000;

  background: #E6E6E6;

}



.pagination {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  color: #000;

  line-height: 1;

  margin: 0;

  padding: 2em 0;

}

.pagination__list {

  display: none;

}

.pagination__item {

  margin: 0;

}

.pagination__item--current {

  background: #E6E6E6;

  color: #000;

  font-weight: bold;

  margin: 0 10px 0 0;

}

.pagination__pos {

  position: absolute;

  top: -0.5em;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

          transform: translate(-50%, 0);

  color: #fff;

}

.pagination__list {

  -webkit-box-ordinal-group: 4;

      -ms-flex-order: 3;

          order: 3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

}

.pagination__pos {

  display: none;

}



.el_sp_mainTtl {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  height: 100%;

  color: white;

  background-color: #000;

  font-size: 2rem;

  padding: 0.8rem;

}

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

  .el_sp_mainTtl {

    font-size: 0.8rem;

  }

}

@media screen and (min-width: 560px) and (max-width: 959px) {

  .el_sp_mainTtl {

    font-size: 1.5rem;

  }

}



.el_spe_headMain {

  width: 100%;

  height: 34vw;

  max-height: 500px;

  background-color: #242424;

  background-image: url(https://ssaqua.jp/special/images/global/bg_main2.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}

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

  .el_spe_headMain {

    height: 50vw;

    max-height: 380px;

    background-size: cover;

  }

}

.el_spe_headMain img {

  display: none;

}



.el_ttl-L1 {

  color: #000;

  font-size: 2.6rem;

  padding: 1em 0 0.3em 0;

  text-align: center;

}

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

  .el_ttl-L1 {

    font-size: 1.8rem;

  }

}



.el_ttl-L2 {

  font-size: 1rem;

  text-align: center;

  margin: 0.3em 0 1em 0;

}



.el_img_logo {

  text-align: center;

  margin-top: 20px;

}

.el_img_logo img {

  width: 50%;

}

@media screen and (min-width: 960px) {

  .el_img_logo img {

    width: 30%;

  }

}



.el_logo_txt {

  line-height: 1.7;

  font-size: 1.2rem;

  width: 80%;

  margin: 10px auto;

  text-align: center;

  text-align: center;

}

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

  .el_logo_txt {

    width: 85%;

    font-size: 1rem;

  }

}



.recommend_box {

  margin: 2em auto;

  border: solid 1px #707070;

  width: 100%;

}

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

  .recommend_box {

    width: 85%;

  }

}

.recommend_box .box-title {

  font-size: 1.2rem;

  padding: 10px;

  text-align: left;

  color: #FFF;

  letter-spacing: 0.05em;

}

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

  .recommend_box .box-title {

    font-size: 1rem;

  }

}

.recommend_box .box-title--blue {

  background: #004880;

}

.recommend_box .box-title--red {

  background: #9F001B;

}

.recommend_box p {

  padding: 15px 20px;

}



.product_button {

  border-radius: 3px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: distribute;

      justify-content: space-around;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 40px auto;

  max-width: 86%;

  padding: 20px 25px;

  color: #fff;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  font-size: 1rem;

}

@media screen and (min-width: 960px) {

  .product_button {

    max-width: 500px;

  }

}

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

  .product_button {

    font-size: 1rem;

  }

}

.product_button:after {

  content: "";

  position: absolute;

  top: 50%;

  bottom: 0;

  right: 2rem;

  font-size: 1.2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: right 0.3s;

  transition: right 0.3s;

  width: 8px;

  height: 8px;

  border-top: solid 2px currentColor;

  border-right: solid 2px currentColor;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

}

.product_button:hover {

  color: #FFF;

}

.product_button:hover:after {

  right: 1.4rem;

}

.product_button--blue {

  background: #004880;

}

.product_button--blue:hover {

  background: #0A2C47;

}

.product_button--red {

  background: #9F011C;

}

.product_button--red:hover {

  background: #70091B;

}



.information_button a {

  background: #fff;

  border-radius: 3px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: distribute;

      justify-content: space-around;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 20px auto;

  max-width: 86%;

  padding: 15px 25px 15px;

  color: #25A1D5;

  border: 1px solid #757575;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

@media screen and (min-width: 960px) {

  .information_button a {

    max-width: 500px;

  }

}

.information_button a:after {

  content: "";

  position: absolute;

  top: 50%;

  bottom: 0;

  right: 2rem;

  font-size: 1.2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: right 0.3s;

  transition: right 0.3s;

  width: 8px;

  height: 8px;

  border-top: solid 2px currentColor;

  border-right: solid 2px currentColor;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

}

.information_button a:hover {

  background: #25A1D5;

  color: #FFF;

  border: 1px solid #25A1D5;

}

.information_button a:hover:after {

  right: 1.4rem;

}



.el_cp_img {

  text-align: center;

}

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

  .el_cp_img {

    margin-bottom: 10px;

  }

}

.el_cp_img img {

  width: 100%;

}

.el_cp_img.el_cp_img-lineup img {

  width: 90%;

  margin-left: auto;

  margin-right: auto;

  

}

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

  .el_cp_img-2 img {

    width: 100%;

    margin-bottom: 10px;

    transition: 0.5s;

  }

}

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

  .el_cp_img-2 img {

    width: 85%;

  }

}



.accordion-container .accordion-title {

  line-height: 1.2;

  font-size: 1.2rem;

  border-radius: 3px;

  position: relative;

  margin: 20px 0;

  padding: 0.625em 0.625em 0.625em 1em;

  background-color: #fff;

  font-size: 1.25em;

  font-weight: 600;

  color: #3A9DCF;

  border: 1px solid #757575;

  cursor: pointer;

}

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

  .accordion-container .accordion-title {

    padding: 0.9em 3.225em 0.7em 1em;

    font-size: 1rem;

  }

}

.accordion-container .accordion-title:hover {

  background-color: #fff;

  color: #3A9DCF;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.accordion-container .accordion-title::after {

  width: 10px;

  height: 10px;

  margin: 0 10px;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  content: "";

  position: absolute;

  top: 20px;

  right: 25px;

  color: #25A1D5;

  border-top: 2px solid #3A9DCF;

  border-left: 2px solid #3A9DCF;

}

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

  .accordion-container .accordion-title::after {

    top: 40%;

    right: 2%;

  }

}

.accordion-container .accordion-title.open::after {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  margin: 0 10px;

  top: 15px;

  right: 25px;

  border-top: 0;

  border-left: 0;

  border-bottom: 2px solid #3A9DCF;

  border-right: 2px solid #3A9DCF;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

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

  .accordion-container .accordion-title.open::after {

    top: 35%;

    right: 2%;

  }

}

.accordion-container .accordion-title.open::after:active {

  background-color: #fff;

  color: #fff;

}



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

  .accordion-container {

    width: 86%;

    margin: 0 auto;

  }

}



.disc-list {

  width: 90%;

  margin: 0 auto;

  line-height: 1.7;

  font-size: 1rem;

}

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

  .disc-list {

    font-size: 0.8rem;

  }

}



.list-style {

  margin: 5px 0;

  -webkit-box-align: baseline;

      -ms-flex-align: baseline;

          align-items: baseline;

}

.list-style::before {

  position: relative;

  top: -3px;

  left: -9px;

  display: inline-block;

  width: 3px;

  height: 3px;

  content: "";

  border-radius: 100%;

  background: #000;

}



.sharpner_img {

  width: 100%;

  margin: auto;

}



/* sharpner_table */

#sharpner_table th {

  padding: 10px;

  border: 1px solid #c0c0c0;

  text-align: center;

}



#sharpner_table {

  width: 100%;

  border-collapse: collapse;

}

#sharpner_table th {

  width: 0;

}

#sharpner_table .head {

  background-color: #e2e2e2;

}

#sharpner_table td {

  text-align: center;

  border: 1px solid #c0c0c0;

  padding: 20px;

}



.color {

  background-color: #f0f0f0;

}



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

  #sharpner_table .fixed {

    position: sticky;

    left: 0;

  }

}

.detail_button {

  border-radius: 3px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 10px auto 10px auto;

  max-width: 70%;

  padding: 10px;

  color: #fff;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  font-size: 0.8rem;

}

@media screen and (min-width: 960px) {

  .detail_button {

    max-width: 500px;

    font-size: 1rem;

  }

}

.detail_button:after {

  content: "";

  position: absolute;

  top: 50%;

  bottom: 0;

  right: 2rem;

  font-size: 1.2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: right 0.3s;

  transition: right 0.3s;

  width: 8px;

  height: 8px;

  border-top: solid 2px currentColor;

  border-right: solid 2px currentColor;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

}

.detail_button:hover {

  color: #FFF;

}

.detail_button:hover:after {

  right: 1.4rem;

}

.detail_button--blue {

  background: #004880;

}

.detail_button--blue:hover {

  background: #0A2C47;

}

.detail_button--red {

  background: #9F011C;

}

.detail_button--red:hover {

  background: #70091B;

}



.more_button_box {

  margin-bottom: 10px;

}



.more_button {

  border-radius: 3px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 0 auto 5px auto;

  padding: 5px 10px;

  color: #fff;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  line-height: 1.5;

  font-size: 0.8rem;

}

@media screen and (min-width: 960px) {

  .more_button {

    max-width: 500px;

    margin: 0 0 10px 0;

    padding: 10px;

    font-size: 1rem;

  }

}

.more_button:after {

  content: "";

  position: absolute;

  top: 50%;

  bottom: 0;

  right: 1rem;

  font-size: 1.2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: right 0.3s;

  transition: right 0.3s;

  width: 8px;

  height: 8px;

  border-top: solid 2px currentColor;

  border-right: solid 2px currentColor;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

}

.more_button:hover {

  color: #FFF;

}

.more_button:hover:after {

  right: 1.4rem;

}

.more_button--blue {

  background: #004880;

}

.more_button--blue:hover {

  background: #0A2C47;

}

.more_button--red {

  background: #9F011C;

}

.more_button--red:hover {

  background: #70091B;

}



.el_img_txt {

  text-align: left;

}



.bl_conceptUnit-3col {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  margin-bottom: -2rem;

}

.bl_conceptUnit-3col .bl_conceptUnit_item {

  width: calc((100% - 3rem) / 3);

  margin-bottom: 2rem;

}

.bl_conceptUnit-3col .bl_conceptUnit_item:nth-of-type(3n+1), .bl_conceptUnit-3col .bl_conceptUnit_item:nth-of-type(3n+2) {

  margin-right: 1.5rem;

}

.bl_conceptUnit-3col .bl_conceptUnit_item:nth-of-type(3n) {

  margin-right: 0;

}

.bl_conceptUnit-3col .bl_conceptUnit_item .el_figcaption {

  margin-top: 0.5rem;

}



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

  .bl_conceptUnit-3col {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .bl_conceptUnit-3col .bl_conceptUnit_item {

    width: 100%;

  }

  .bl_conceptUnit-3col .bl_conceptUnit_item:nth-of-type(n) {

    margin-right: 0;

  }

  .bl_conceptUnit-3col .bl_conceptUnit_item .el_figcaption {

    margin-top: 0.2rem;

  }

}

.bl_cardUnitCol3 > .bl_card {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: left;

      -ms-flex-pack: left;

          justify-content: left;

  margin-right: 20px;

  width: calc((100% - 80px) / 4);

}

.bl_cardUnitCol3 > .bl_card:nth-of-type(4n) {

  margin-right: 0;

}



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

  .bl_cardUnit.bl_conceptUnit-3col > .bl_card {

    margin: 0 0 20px 0;

  }

  .bl_cardUnit.bl_conceptUnit-3col > .bl_card:nth-of-type(4n+1), .bl_cardUnit.bl_conceptUnit-3col > .bl_card:nth-of-type(4n+2) {

    width: calc((100% - 20px) / 2);

  }

  .bl_cardUnit.bl_conceptUnit-3col > .bl_card:nth-of-type(4n+3), .bl_cardUnit.bl_conceptUnit-3col > .bl_card:nth-of-type(4n) {

    width: calc((100% - 20px) / 2);

  }

  .bl_cardUnit.bl_conceptUnit-3col > .bl_card:nth-of-type(4n+1), .bl_cardUnit.bl_conceptUnit-3col > .bl_card:nth-of-type(4n+3) {

    margin: 0 10px 0 0;

  }

}

.bl_cardUnitCol4 > .bl_card {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  margin-right: 20px;

  width: calc((100% - 80px) / 4);

}

.bl_cardUnitCol4 > .bl_card:nth-of-type(4n) {

  margin-right: 0;

}



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

  .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card {

    margin: 0 0 20px 0;

  }

  .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card:nth-of-type(4n+1), .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card:nth-of-type(4n+2) {

    width: calc((100% - 20px) / 2);

  }

  .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card:nth-of-type(4n+3), .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card:nth-of-type(4n) {

    width: calc((100% - 20px) / 2);

  }

  .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card:nth-of-type(4n+1), .bl_cardUnit.bl_cardUnitCol2-4 > .bl_card:nth-of-type(4n+3) {

    margin: 0 10px 0 0;

  }

}

.ly_product_list_inner {

  width: 100%;

}



.bl_cardUnit {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

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

  .bl_cardUnit {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}



.bl_card {

  position: relative;

  display: block;

  cursor: pointer;

}

.bl_card:focus, .bl_card:hover {

  opacity: 0.5;

  -webkit-transition: 0.25s;

  transition: 0.25s;

}



.bl_product_card {

  width: 100%;

  padding: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin: auto;

}

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

  .bl_product_card {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}



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

  .bl_global_box {

    padding: 0 20px;

  }

}



.bl_card_imgWrap {

  width: 100%;

  position: relative;

}

.bl_card_imgWrap > img {

  width: 100%;

}



.bl_card_box {

  margin-bottom: 20px;

}

.bl_card_box > * {

  margin: 0.5em 0;

}



.bl_card_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.el_spe_benefit-item {

  display: inline-block;

  padding: 0.2em;

  font-size: 1rem;

  line-height: 1rem;

  margin: auto 0;

  font-size: 0.6rem;

}

.el_spe_benefit-item.el_benefit {

  border: solid 1px currentColor;

  padding: 5px;

}

.el_spe_benefit-item.el_benefit--blue {

  color: #fff;

  background-color: #004980;

  border-radius: 3px;

}

.el_spe_benefit-item.el_benefit--red {

  color: #fff;

  background-color: #9F001C;

  border-radius: 3px;

}



.img_list_3 {

  width: 100%;

  margin: auto;

}



.feature_Icon {

  width: calc((100% - 110px) / 4);

}

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

  .feature_Icon {

    width: calc((90% - 20px) / 6);

  }

}



.bl_feature_title {

  font-size: 0.8rem;

}

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

  .bl_feature_title {

    font-size: 0.6rem;

  }

}



.el_tax {

  font-size: 0.8rem;

}

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

  .el_tax {

    font-size: 0.4rem;

  }

}



.bl_feature_txt {

  font-size: 0.6rem;

}

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

  .bl_feature_txt {

    font-size: 0.4rem;

    margin: 0;

  }

}



.sharpner_button_box {

  text-align: right;

  margin: 10px 0 20px 0;

}



.sharpner_button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-width: 200px;

  margin: 0 auto;

  padding: 0.6em 2em 0.6em 1em;

  border: none;

  border-radius: 3px;

  background-color: #fff;

  color: #707070;

  border: 1px solid #707070;

  font-weight: 600;

  font-size: 1em;

  display: inline-block;

  position: relative;

  text-align: center;

}

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

  .sharpner_button {

    padding: 0.8em 1.3em 0.6em 0.5em;

    min-width: 180px;

    font-size: 0.8rem;

  }

}

.sharpner_button::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  right: 1em;

  width: 1em;

  height: 1em;

  background-image: url("../img/link_icon.svg");

  background-size: contain;

  background-repeat: no-repeat;

}

.sharpner_button:hover {

  background-color: #393939;

  color: #fff;

  opacity: 0.5;

  -webkit-transition: 0.25s;

  transition: 0.25s;

}



.ly_product_list {

  margin: 0 0 50px 0;

}

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

  .ly_product_list {

    margin: 0 0 30px 0;

  }

}



.ly_section {

  margin: 0 0 150px 0;

}

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

  .ly_section {

    margin: 0 0 30px 0;

  }

}



.ly_section_inner {

  margin: 40px 0;

}



.product_box {

  width: 373px;

  height: auto;

  left: 381px;

}

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

  .product_box {

    margin-bottom: 60px;

  }

}



.specDetail:hover {

  opacity: 0.5;

  -webkit-transition: 0.25s;

  transition: 0.25s;

}



.specTable img {

  width: 100%;

}



.service img {

  width: 100%;

}