@charset "UTF-8";

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Sans CJK JP'), local('Noto Sans JP'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

body {
  letter-spacing: 0;
  padding-top: 122px;
}

/* ================================================== */
/* header
/* ================================================== */

header {
  z-index: 9999999;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: none;
  height: 138px;
  background: url('https://premium-water.net/page/wp-content/themes/premium-water/assets/img/faq/n-bg.png') 50% 0 repeat-x;
  color: #21445b;
  min-width: 1280px;
}

header a {
  color: #21445b;
  text-decoration: none;
  cursor: pointer;
}

header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

header .container {
  width: 100%;
  min-width: 1280px;
  margin: 0 auto !important;
  padding: 0 55px !important;
}

header .col:last-child {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}

header .site-title {
  width: 314px;
  height: 64px;
  margin: 30px 0 0 !important;
}

header .site-title a {
  display: block;
}

header .nav-burger {
  display: none;
}

header .support-nav {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0;
  max-width: initial;
  padding: 0;
}

header .support-nav ul:first-child {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #e8eaeb;
  border-top: 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 49px;
}

header .support-nav ul:first-child li:last-child {
  margin-left: 20px;
}

header .support-nav ul:first-child a {
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}

header .support-nav ul:first-child a:hover {
  color: #adbbc4;
}

header .support-nav ul:last-child {
  margin-left: 10px;
}

header .support-nav ul:last-child li:not(:first-child) {
  margin-left: 10px;
}

header .support-nav ul:last-child .btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 220px;
  height: 50px;
  padding: 0 20px;
  border-width: 0 1px 1px;
  border-style: solid;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 21px;
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: 'halt';
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -ms-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}

header .support-nav ul:last-child .btn span {
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}

header .support-nav ul:last-child .btn-apply {
  border-color: #f0a637;
  background: #f0a637;
  color: #fff;
}

header .support-nav ul:last-child .btn-apply:hover {
  border-color: #e8eaeb;
  background-color: #fff;
  color: #f0a637;
}

/* header .support-nav ul:last-child .btn-apply span {
  padding-left: 35px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%224%2020.5%2025%2018%22%20enable-background%3D%22new%204%2020.5%2025%2018%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.527%2024.373c.203.143.813.567%201.831%201.272%201.018.705%201.799%201.248%202.341%201.629l.38.272.482.339.465.29c.182.107.353.187.514.241s.31.08.447.08h.018c.137%200%20.286-.027.447-.08.161-.053.332-.134.514-.241l.464-.29.482-.339.38-.272%204.181-2.901c.435-.303.798-.669%201.09-1.098.291-.428.437-.877.437-1.347%200-.393-.142-.729-.424-1.009-.284-.279-.619-.419-1.006-.419h-13.15c-.459%200-.812.155-1.059.464s-.37.696-.37%201.16c0%20.375.164.781.491%201.218.327.438.676.782%201.045%201.031zm13.579.955c-1.953%201.321-3.437%202.347-4.449%203.079-.339.25-.615.445-.826.585-.212.14-.493.283-.844.428-.351.146-.679.219-.983.219h-.018c-.304%200-.631-.073-.983-.219-.351-.146-.633-.289-.844-.428-.211-.14-.487-.335-.826-.585-.804-.589-2.284-1.616-4.44-3.079-.34-.226-.64-.485-.902-.776v7.086l.003.034.627.324c.139.079.236.054.35-.064.418-.429.844-.85%201.269-1.271.558-.554%201.258-.554%201.819%200%20.683.678%201.365%201.357%202.045%202.039.116.117.203.24.271.366h8.196c.393%200%20.73-.14%201.009-.42.28-.28.42-.616.42-1.009v-7.085c-.257.285-.555.544-.894.776zm-8.732%209.769c-.068-.126-.155-.249-.271-.366-.679-.682-1.362-1.361-2.045-2.039-.561-.554-1.262-.554-1.819%200-.425.421-.851.843-1.269%201.271-.114.118-.211.143-.35.064l-.627-.324-.206-.111c-1.233-.775-2.266-1.771-3.181-2.893-.454-.557-.858-1.153-1.14-1.825-.058-.136-.047-.225.064-.336.425-.411.84-.832%201.258-1.253.583-.586.583-1.271-.004-1.86l-.997-1-1.029-1.029c-.561-.546-1.261-.546-1.819.004-.429.421-.84.853-1.276%201.267-.404.382-.608.85-.651%201.396-.067.89.151%201.729.458%202.547.629%201.693%201.587%203.196%202.749%204.574%201.569%201.864%203.442%203.339%205.633%204.403.987.479%202.009.846%203.121.907.765.043%201.43-.15%201.962-.746.365-.407.776-.778%201.162-1.168.454-.46.543-.996.277-1.483z%22%2F%3E%3C%2Fsvg%3E')
    0 50% no-repeat;
}

header .support-nav ul:last-child .btn-apply:hover span {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%224%2020.5%2025%2018%22%20enable-background%3D%22new%204%2020.5%2025%2018%22%3E%3Cpath%20fill%3D%22%23f0a637%22%20d%3D%22M14.527%2024.373c.203.143.813.567%201.831%201.272%201.018.705%201.799%201.248%202.341%201.629l.38.272.482.339.465.29c.182.107.353.187.514.241s.31.08.447.08h.018c.137%200%20.286-.027.447-.08.161-.053.332-.134.514-.241l.464-.29.482-.339.38-.272%204.181-2.901c.435-.303.798-.669%201.09-1.098.291-.428.437-.877.437-1.347%200-.393-.142-.729-.424-1.009-.284-.279-.619-.419-1.006-.419h-13.15c-.459%200-.812.155-1.059.464s-.37.696-.37%201.16c0%20.375.164.781.491%201.218.327.438.676.782%201.045%201.031zm13.579.955c-1.953%201.321-3.437%202.347-4.449%203.079-.339.25-.615.445-.826.585-.212.14-.493.283-.844.428-.351.146-.679.219-.983.219h-.018c-.304%200-.631-.073-.983-.219-.351-.146-.633-.289-.844-.428-.211-.14-.487-.335-.826-.585-.804-.589-2.284-1.616-4.44-3.079-.34-.226-.64-.485-.902-.776v7.086l.003.034.627.324c.139.079.236.054.35-.064.418-.429.844-.85%201.269-1.271.558-.554%201.258-.554%201.819%200%20.683.678%201.365%201.357%202.045%202.039.116.117.203.24.271.366h8.196c.393%200%20.73-.14%201.009-.42.28-.28.42-.616.42-1.009v-7.085c-.257.285-.555.544-.894.776zm-8.732%209.769c-.068-.126-.155-.249-.271-.366-.679-.682-1.362-1.361-2.045-2.039-.561-.554-1.262-.554-1.819%200-.425.421-.851.843-1.269%201.271-.114.118-.211.143-.35.064l-.627-.324-.206-.111c-1.233-.775-2.266-1.771-3.181-2.893-.454-.557-.858-1.153-1.14-1.825-.058-.136-.047-.225.064-.336.425-.411.84-.832%201.258-1.253.583-.586.583-1.271-.004-1.86l-.997-1-1.029-1.029c-.561-.546-1.261-.546-1.819.004-.429.421-.84.853-1.276%201.267-.404.382-.608.85-.651%201.396-.067.89.151%201.729.458%202.547.629%201.693%201.587%203.196%202.749%204.574%201.569%201.864%203.442%203.339%205.633%204.403.987.479%202.009.846%203.121.907.765.043%201.43-.15%201.962-.746.365-.407.776-.778%201.162-1.168.454-.46.543-.996.277-1.483z%22%2F%3E%3C%2Fsvg%3E')
    0 50% no-repeat;
} */

header .support-nav ul:last-child .btn-login {
  border-color: #204359;
  background: #204359;
  color: #fff;
}

header .support-nav ul:last-child .btn-login:hover {
  border-color: #e8eaeb;
  background-color: #fff;
  color: #204359;
}

/* header .support-nav ul:last-child .btn-login span {
  padding-left: 31px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%222%2021.5%2021%2020%22%20enable-background%3D%22new%202%2021.5%2021%2020%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.896%2030.231h-.652c.024-.197.038-.406.038-.626%200-1.033-1.106-1.878-2.456-1.878s-2.455.845-2.455%201.878c0%20.22.014.429.038.626h-.652c-.339%200-.614.28-.614.626v3.755c0%20.346.275.626.614.626h6.139c.339%200%20.614-.28.614-.626v-3.755c0-.346-.274-.626-.614-.626zm-4.297%200c-.368-.75.553-1.502%201.228-1.502s1.596.752%201.228%201.502h-2.456zm10.046%205.569l2.355-4.317h-1.473c-.061-5.66-4.345-9.976-9.729-9.983-5.419-.006-9.805%204.465-9.798%209.989.006%205.525%204.402%2010.006%209.821%2010.011%203.06.007%205.787-1.418%207.582-3.647l-1.173-1.994c-1.377%202.113-3.733%203.501-6.413%203.497-4.257-.002-7.711-3.524-7.715-7.865-.005-4.34%203.442-7.852%207.698-7.847%204.238.007%207.604%203.581%207.64%207.839l-1.462-.002%202.667%204.319z%22%2F%3E%3C%2Fsvg%3E')
    0 50% no-repeat;
}

header .support-nav ul:last-child .btn-login:hover span {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%222%2021.5%2021%2020%22%20enable-background%3D%22new%202%2021.5%2021%2020%22%3E%3Cpath%20fill%3D%22%23204359%22%20d%3D%22M14.896%2030.231h-.652c.024-.197.038-.406.038-.626%200-1.033-1.106-1.878-2.456-1.878s-2.455.845-2.455%201.878c0%20.22.014.429.038.626h-.652c-.339%200-.614.28-.614.626v3.755c0%20.346.275.626.614.626h6.139c.339%200%20.614-.28.614-.626v-3.755c0-.346-.274-.626-.614-.626zm-4.297%200c-.368-.75.553-1.502%201.228-1.502s1.596.752%201.228%201.502h-2.456zm10.046%205.569l2.355-4.317h-1.473c-.061-5.66-4.345-9.976-9.729-9.983-5.419-.006-9.805%204.465-9.798%209.989.006%205.525%204.402%2010.006%209.821%2010.011%203.06.007%205.787-1.418%207.582-3.647l-1.173-1.994c-1.377%202.113-3.733%203.501-6.413%203.497-4.257-.002-7.711-3.524-7.715-7.865-.005-4.34%203.442-7.852%207.698-7.847%204.238.007%207.604%203.581%207.64%207.839l-1.462-.002%202.667%204.319z%22%2F%3E%3C%2Fsvg%3E')
    0 50% no-repeat;
} */

header .global-nav {
  margin-top: 28px;
}

header .global-nav a {
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}

header .global-nav a:hover {
  color: #adbbc4;
}

header .global-nav li {
  font-weight: 700;
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
}

header .global-nav li:not(:first-child) {
  margin-left: 22px;
}

.is-replacement {
  width: auto;
  height: auto;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  background: inherit;
}

.home header .global-nav li:not(:nth-child(-n + 3)) {
  display: none;
}

.home header .global-nav li span {
  display: none;
}

.tab2 .search_frmArea {
  background-color: #d9dcde;
}

/* -------------------------------------------------- */
/* Flexbox
/* -------------------------------------------------- */

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.flex-inline {
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.flex-row-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-column-reverse {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-jc-center {
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-ai-center {
  -webkit-align-items: center;
  align-items: center;
}

/* =======================================================
 //new-header
======================================================= */

#okw_wrapper {
  background-color: #f3f8fc;
}

#fontCol {
  display: none;
}

.category_tree {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}

.admin_back_link {
  display: none;
}

.colArea {
  margin-bottom: 0;
}

.ttl_bg .icoQa {
  font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, Georgia, メイリオ, Meiryo, serif;
  font-size: 42px;
  font-weight: nomal;
  color: #224764;
  padding: 0;
}

.ttl_col {
  background-image: none;
  margin: 0 auto;
}

.okw_main_category .ttl_col {
  background: -webkit-linear-gradient(bottom, #f8fcfe, #fcfdfe);
  background: -moz-linear-gradient(bottom, #f8fcfe, #fcfdfe);
  background: linear-gradient(to bottom, #f8fcfe, #fcfdfe);
  margin-bottom: 2em;
}

.okw_main_category .ttl_col .ttl_bg {
  width: 1172px;
  height: auto;
  margin: 0 auto;
  text-align: left;
}

.ttl_bg {
  background-image: none;
}

.okw_parts_search {
  display: none;
}

.icoKeyword {
  background-image: none;
}

.search_frmArea {
  background-color: #224768;
  color: #fff;
  margin: 0;
}

.search_description {
  color: #fff;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: nomal;
  text-align: center;
}

.keyword_frm {
  margin-left: 15%;
  height: 56px;
  border: none;
  clear: both;
  width: 55%;
}

.search_keyword_morph {
  clear: both;
}

.search_frmArea .keyword_frmbtn {
  background: transparent url('/usr/file/attachment/search-btn.png') no-repeat scroll left top;
  width: 217px;
  height: 56px;
  padding-left: 2.5em;
  cursor: pointer;
  margin-right: 8%;
}

.okw_main_faq {
  background: linear-gradient(to bottom, #f8fcfe, #ffffff);
}

.faq_qstCont_ttl .icoQ {
  background: none;
  padding: 0;
  margin-left: 22%;
}

.faq_qstCont_ttl {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  width: 90%;
  margin: 0 auto;
  background: url('/usr/file/attachment/faq-Q.png');
  background-repeat: no-repeat;
  background-position: 14.5% 84%;
  text-align: left;
  line-height: 70px;
  padding: 80px 0 20px;
  max-width: 1170px;
}

.faq_ans_ttl {
  display: none;
}

.faq_ans_col {
  width: 90%;
  font-size: 24px;
  color: #333;
  height: auto;
  margin: 0 auto;
  background: url('/usr/file/attachment/faq-A.png');
  background-repeat: no-repeat;
  background-position: 14.5% top;
  border-bottom: none;
  max-width: 1170px;
}

.faq_ansCont_txt {
  font-size: 18px;
  color: #333;
  margin-left: 18%;
  padding-top: 21px;
}

.faq_answer_contents {
  margin-left: 11%;
}

.faq_answer_contents a {
  color: #009e96;
}

#faq_answer_contents a {
  color: #254a62;
}

.icoQ a {
  background-image: none;
}

.faq_qstCont_col .faq_cate_col {
  display: none;
}

.faq_cate_col {
  border: none;
  background-color: none;
}

.okw_parts_access_rank_faq {
  background-color: #cfe0ea;
  padding-bottom: 103px;
}

.okw_parts_access_rank_faq .ttl_bg {
  text-align: center;
  padding: 5em 0;
}

.okw_parts_access_rank_faq .qaList {
  width: 1170px;
  margin: 0 auto;
  padding-top: 12em;
}

.okw_parts_access_rank_faq .qaList li {
  background-image: url('/usr/file/attachment/acc-rank-Q.png'), url('/usr/file/attachment/acc-rank-arrow.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 2% 50%, 98% 50%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  display: block;
  padding: 0;
}

.okw_parts_access_rank_faq .qaList li:hover {
  background-image: url('/usr/file/attachment/acc-rank-h-Q.png'), url('/usr/file/attachment/acc-rank-h-arrow.png');
  background-color: #21405b;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.okw_parts_access_rank_faq .qaList li a {
  color: #21405b;
  font-size: 18px;
  font-weight: 600;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  padding: 22px 0 22px 61px;
}

.okw_parts_access_rank_faq .qaList li a:hover {
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.new_item_title {
  width: 300px;
  word-break: break-all;
  overflow-wrap: break-word;
}

.category_tree .ttl_bg {
  background: none;
  border: none;
  padding: 0;
  font-size: 42px;
  background-color: #ffffff;
  padding: 70px 0 105px;
  width: 100%;
  height: auto;
}

.category_level_0 {
  display: flex;
  width: 1170px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 87px;
}

.cate_pull_inert_bg {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 2;
}

.category_level_0 li {
  border: none;
  width: 370px;
  height: 240px;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 10px;
}

.category_level_0 li {
  position: relative;
  z-index: 1;
}

.category_level_0 li:first-child:after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url('/usr/file/attachment/about-pw-back.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.category_level_0 li:hover:after {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  filter: brightness(90%);
}

.category_level_0 li:nth-child(2):after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url('/usr/file/attachment/about-ws-back.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.category_level_0 li:nth-child(3):after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url('/usr/file/attachment/shipping-back.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.category_level_0 li:nth-child(4):after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url('/usr/file/attachment/application-back.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.category_level_0 li:nth-child(5):after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url('/usr/file/attachment/procedure-back.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.category_level_0 li:nth-child(6):after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url('/usr/file/attachment/malfunction-back.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.category_level_0 li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 24px;
  text-align: center;
  display: block;
  width: 265px;
  margin: 0 auto;
  padding: 3em 0;
}

.category_level_0 .pm_icon {
  background-image: none;
}

.category_none {
  background-image: none;
  padding-left: 0;
}

.icocate_tree {
  background: none;
  padding: 0;
  font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, Georgia, メイリオ, Meiryo, serif;
  font-size: 42px;
  font-weight: nomal;
  color: #224764;
}

.pm_icon .flo_l {
  display: none;
}

.category_tree .pm_icon {
  display: none;
}

.icoResult {
  background-image: none;
  padding: 0;
}

.pg_col_top {
  width: 1172px;
  margin: 0 auto;
  background-color: #e9ebee;
  border-radius: 10px;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Lucida Grande', 'segoe UI', Meiryo, Arial, sans-serif;
}

.pg_col_top p {
  font-size: 18px;
  color: #21445b;
  padding: 30px 36px;
}

.pg_scr {
  display: none;
}

#keyword_text_field {
  padding-left: 0.5em;
  font-size: 23px;
  background-color: #fff;
}

#keyword_form {
  text-align: center;
}

/* tab ------------------ */

#tab-area {
  margin: 9em auto 0;
  text-align: center;
}

.key-title {
  font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, Georgia, メイリオ, Meiryo, serif;
  font-size: 42px;
  font-weight: bold;
  color: #224764;
}

.tab {
  padding-top: 50px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

#tab-area .tab li {
  background: #ccc;
  padding: 5px;
  display: inline-block;
  list-style: none;
  text-align: center;
  padding: 1em 3em;
  border-radius: 10px 10px 0 0;
  margin: 0 3px;
  color: #224764;
  font-size: 24px;
  font-weight: 600;
}

#tab-area .tab li img {
  vertical-align: middle;
  padding-right: 0.3em;
}

#tab-area .tab .select {
  background: #224768;
  color: #ffffff;
}

#tab-area .tab .select svg {
  fill: #ffffff;
}

#tab-area .tab .select img {
  vertical-align: middle;
  padding-right: 0.3em;
}

#tab-area .tab-content li {
  background: #224768;
  padding: 70px 70px 120px;
}

.hide {
  display: none;
}

/*--------------/ tab ------------------ */

#n_search_description {
  color: #ffffff;
  font-size: 18px;
}

#n_keyword_text_area {
  margin-left: 15%;
  height: 56px;
  border: none;
  clear: both;
  width: 55%;
  font-size: 23px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: auto;
  resize: vertical;
}

.search_frmArea .n_keyword_frmbtn {
  background: transparent url('/usr/file/attachment/search-btn.png') no-repeat scroll left top;
  width: 217px;
  height: 56px;
  padding-left: 2.5em;
  cursor: pointer;
  margin-top: 0;
  margin-right: 8%;
}

.search_switch {
  display: none;
}

#natural_sentence_form {
  text-align: center;
}

.okw_sort_select {
  margin-right: 19px;
  width: 227px;
}

select::-ms-expand {
  display: none;
}

.okw_sort_select select {
  width: 227px;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
  border: 2px solid #d9dcde;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('/usr/file/attachment/select-arrow.png') 95% 50% no-repeat;
  background-size: 13px, 17px;
  background-color: #fff;
  padding-left: 0.5em;
  cursor: pointer;
}

.sort_arrow {
  display: none;
}

.search_list {
  border: none;
  width: 1172px;
  margin: 0 auto 10em;
}

.icoA {
  background-image: none;
}

.icoQ_sml {
  background: transparent url('/usr/file/attachment/Q-n.png') no-repeat scroll 0% 88%;
  padding: 0 0 0 52px;
}

.icoA_sml {
  background: transparent url('/usr/file/attachment/A-n.png') no-repeat scroll 0% 10%;
  padding: 0 0 0 52px;
  word-wrap: break-word;
  color: #666;
  font-size: 18px;
  padding-left: 4em;
  padding-bottom: 2em;
}

.icoA_sml a {
  background-color: #21445b;
  background-image: url('/usr/file/attachment/r-arrow.png');
  color: #fff;
  width: 243px;
  height: 39px;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  display: block;
  text-align: center;
  line-height: 39px;
  border-radius: 19.5px;
  position: absolute;
  right: 0;
  bottom: 39px;
  letter-spacing: 2px;
  text-decoration: none;
}

.icoA_sml a:hover {
  background-color: #295e85;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.search_qattl {
  margin-bottom: 51px;
  padding: 37px 0 18px;
}

.search_qattl a {
  color: #333;
  margin-left: 4.5em;
}

.search_list_bg2 {
  background-color: #fff;
}

.search_list_inner {
  border-bottom: 1px solid #e9ebee;
  padding: 24px 10px 120px;
}

li.search_list_inner:hover {
  background-color: transparent;
}

.search_date_area {
  display: none;
}

.pagination {
  float: none;
  text-align: center;
  margin-top: 49px;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Lucida Grande', 'segoe UI', Meiryo, Arial, sans-serif;
  margin-bottom: 15em;
}

.pagination a {
  font-size: 16px;
  width: 50px;
  height: 50px;
  margin: 0 9px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #23475f;
  font-size: 16px;
  background-color: #e9ebee;
  display: inline-block;
  line-height: 50px;
  padding: 0;
  text-decoration: none;
}

.pagination a:hover {
  background-color: #23475f;
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.current {
  font-size: 16px;
  color: #ffffff;
  background-color: #23475f;
  width: 50px;
  height: 50px;
  margin: 0 9px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  line-height: 50px;
  padding: 0;
  display: inline-block;
}

.pg_no {
  fonr-size: 18px;
  color: #21445b;
}

.previous_page {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  vertical-align: bottom;
  background-color: #e9ebee;
  background-image: url('/usr/file/attachment/pager-left.png');
  background-size: 16px 15px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin-right: 51px !important;
}

.pagination .previous_page:hover {
  background-image: url('/usr/file/attachment/acc-rank-h-arrow-left.png');
  background-color: #23475f;
}

.pagination span.disabled {
  background-color: #e9ebee;
  background-image: url('/usr/file/attachment/pager-left.png');
}

.pagination span.disabled:hover {
  background-color: #e9ebee;
  background-image: url('/usr/file/attachment/pager-left.png');
}

.pagination span {
  padding: 0;
}

.pg_col_down .pg_no {
  display: none;
}

.next_page {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  vertical-align: bottom;
  background-color: #e9ebee;
  background-image: url('/usr/file/attachment/pager-right.png');
  background-size: 16px 15px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin-left: 51px !important;
}

.next_page:hover {
  background-image: url('/usr/file/attachment/acc-rank-h-arrow.png');
}

h2 .ttle_bg {
  font-size: 42px;
  font-family: YuMincho, 'Yu Mincho', serif;
  color: #21445b;
}

.icoQa {
  background-image: none;
}

#faq_answer_contents th {
  border-top: 1px solid #d2c3ad;
  background-color: #c4af90;
  color: #ffffff;
  font-size: 16px;
  /*text-align:left;*/
  /*padding-left:45px;*/
  width: 373px;
  padding: 20px;
  border-right: 1px solid #d2c3ad;
}

#faq_answer_contents tr:nth-child(5) {
  border-top: 1px solid #d2c3ad;
}

#faq_answer_contents table {
  border: 1px solid #c4af90;
  margin: 50px 0;
}

#faq_answer_contents td {
  padding: 20px;
  width: 342px;
  background-color: #f3f1ef;
  text-align: left;
  border: none;
  border-bottom: 1px solid #d2c3ad;
  border-right: 1px solid #d2c3ad;
}

#faq_answer_contents caption {
  display: none;
}

.category-back {
  text-align: center;
  margin: 51px 0 79px;
  background-image: url('/usr/file/attachment/back-cate.png');
  background-size: 347px auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
}

.category-back a {
  background-color: #21405b;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22100%22%20viewBox%3D%220.5%2022.5%20480%20100%22%20enable-background%3D%22new%200.5%2022.5%20480%20100%22%3E%3Cpath%20opacity%3D%22.4%22%20fill%3D%22%23358cc3%22%20d%3D%22M480.5%20122.32l-.09-86.373c-21.336%203.017-42.849%204.598-64.397%204.732-25.419.091-50.766-2.705-75.554-8.334-33.323-7.794-72.415-9.835-96.36-9.845l-3.559.08-3.549-.08c-23.995%200-63.067%202.051-96.35%209.815-24.787%205.642-50.134%208.448-75.554%208.364-21.58-.118-43.127-1.685-64.497-4.692l-.09%2086.513h244.549v-.18h235.451z%22%2F%3E%3C%2Fsvg%3E');
  color: #fff;

  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  min-width: 320px;
  max-width: 360px;
  height: 60px;
  padding: 0px 71px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-position: 50% 18px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6;
  font: 700 1.6rem/1.6 'Noto Sans JP', sans-serif;
  -webkit-transition: background-position 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background-position 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: background-position 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background-position 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-position 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  align-items: center;
  width: 100%;
  overflow: hidden;
  background-size: 480px auto;
  background-repeat: no-repeat;
  text-decoration: none;
}

.category-back img {
  padding-right: 1em;
}

.category-back a:hover {
  background-position: 0 -20px;
}

.okw_parts_faq_relations {
  background-color: #f5f5f5;
}
.okw_parts_faq_relations .ttl_col {
  width: 1170px;
  padding: 80px 0 50px;
}

.okw_parts_faq_relations .ttl_col .ttl_bg .icoFaq {
  background-image: none;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Lucida Grande', 'segoe UI', Meiryo, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: left;
  font-size: 36px;
  color: #21445b;
  padding: 0;
}

.faq_relate_list {
  background-color: #f5f5f5;
  width: 1170px;
  margin: 0 auto;
  padding-bottom: 73px;
  padding-top: 50px;
  padding-bottom: 118px;
}

/* VerUp後にコメント外す */
.faq_relate_list li.Q_sml {
  background-image: url('/usr/file/attachment/acc-rank-Q.png'), url('premium-water/usr/file/attachment/acc-rank-arrow.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 2% 50%, 98% 50%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  color: #21405b;
  font-size: 18px;
  display: block;
  padding: 0;
}

.faq_relate_list li {
  background-image: url('/usr/file/attachment/acc-rank-Q.png'), url('/usr/file/attachment/acc-rank-arrow.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 2% 50%, 98% 50%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  color: #21405b;
  font-size: 18px;
  display: block;
  padding: 0;
}

.faq_relate_list li:hover {
  background-image: url('/usr/file/attachment/acc-rank-h-Q.png'), url('/usr/file/attachment/acc-rank-h-arrow.png');
  background-color: #21405b;
  transition: 0.5s;
}

.faq_relate_list li a:hover {
  color: #fff;
}

.faq_relate_list li a {
  color: #21405b;
  font-size: 18px;
  font-weight: 600;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  padding: 22px 0 22px 61px;
}

.faq_list_bg2 {
  background-color: #fff;
}

#category_tree .ttl_bg {
  text-align: center;
  font-family: 'Noto Serif Japanese', serif, sans-serif;
  color: #21445b;
}

#category_search .ttl_bg {
  font-family: 'Noto Serif Japanese', serif, sans-serif;
  font-size: 32px;
  color: #282828;
  text-align: center;
}

#category_search .category_level_0 {
  padding: 81px 0;
}

/* --- Svg ---*/
.SvgIcon {
  width: 30px;
  height: 36px;
  vertical-align: middle;
  fill: #224764;
}

.okw_parts_usr_4 {
  display: none;
}

.okw_parts_enquete {
  width: 90%;
  margin: 106px auto 0;
  background-color: #e9ebee;
  padding: 52px 0;
  max-width: 1170px;
}

.okw_enquete_area {
  border: none;
}

.okw_enquete_area .questioner_ttl {
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Lucida Grande', 'segoe UI', Meiryo, sans-serif;
  text-align: center;
  font-size: 24px;
  padding: 49px 0;
  border-bottom: none;
}

.faq_form_list {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}
.faq_form_list li {
  padding-right: 36px;
}

.questioner_txt_col {
  width: 100%;
}

/* ----------------------------------  radio btn */

input[type='radio'] {
  display: none;
}
input[type='radio'] + label {
  position: relative;
  display: inline-block;
  background-image: url('/usr/file/attachment/radio.png');
  background-repeat: no-repeat;
  background-size: 46px 46px;
  width: 200px;
  padding: 1em 0 1em 3em;
  vertical-align: top;
  background-position: left center;
  font-size: 18px;
}
input[type='radio']:checked + label {
  background-image: url('/usr/file/attachment/radio-checked.png');
  background-repeat: no-repeat;
  background-size: 46px 46px;
  width: 200px;
  padding: 1em 0 1em 3em;
  vertical-align: top;
  background-position: left center;
  font-size: 18px;
}

/*------------------------------------------------- /radio btn */

.questioner_sub_msg {
  font-size: 20px;
}

.questioner_txt {
  margin: 30px 0;
  height: 286px;
}

.questioner_description {
  font-size: 14px;
}

.questioner_btn {
  background: transparent url('/usr/file/attachment/serch-submit-btn.png') no-repeat scroll left top; /* 背景 */
  background-size: 217px 56px;
  width: 217px;
  height: 56px;
  color: #fff;
  cursor: pointer;
}

.questioner_btn[disabled] {
  color: #fff;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 500px;
}

.questioner_btn:hover {
  background: transparent url('/usr/file/attachment/serch-submit-btn.png') no-repeat scroll left top; /* 背景 */
  background-size: 217px 56px;
  width: 217px;
  height: 56px;
  opacity: 0.8;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.questioner_submit_btn {
  margin: 0;
  width: 100%;
  text-align: right;
}

.topLink {
  display: none;
}

#okw_footer_default {
  max-width: 1170px;
  margin: 0 auto;
  padding: 1em;
}

.faq_qstInf_col {
  display: none;
}

.hide-pc {
  display: none;
}

.page-body h2 {
  color: #21445b;
  font: 700 4.4rem/1.363636364 'Noto Serif CJK JP', serif;
}

.twoCol okw_parts_usr_9 {
  width: 100%;
}

.okw_bread {
  margin: 0 auto;
  padding: 2em 0;
  max-width: 1170px;
}

.okw_bread_list a:link {
  color: #254a62;
  opacity: 0.9;
}

.okw_bread_list a:visited {
  color: #254a62;
  opacity: 0.9;
}

#okw_sub_header {
  margin-bottom: 0;
  background: #f8fcfe;
}

/*
.okw_bread li{
padding-left: 3.1em;
}
*/

.search_suggest_area {
  display: none;
}

.lang_size_medium textarea {
  font-size: 18px;
}

#faq_question_contents a,
#faq_answer_contents a,
#info_news_contents a {
  font-weight: 500;
}

.faq_ans_col a:hover {
  opacity: 0.7;
}

#faq_question_contents a:visited,
#faq_answer_contents a:visited,
#info_news_contents a:visited {
  color: #254a62;
}

/* animate */

.animate {
  -webkit-transition: opacity 0.5s, background-color 0.5s, background-image 0.5s, color 0.5s;
  -moz-transition: opacity 0.5s, background-color 0.5s, background-image 0.5s, color 0.5s;
  -ms-transition: opacity 0.5s, background-color 0.5s, background-image 0.5s, color 0.5s;
  -o-transition: opacity 0.5s, background-color 0.5s, background-image 0.5s, color 0.5s;
  transition: opacity 0.5s, background-color 0.5s, background-image 0.5s, color 0.5s;
}

/* nav-trigger */

.nav-trigger {
  top: 0;
  right: 0;
  display: block;
  width: 15.3125vw;
  height: 15.3125vw;
  padding: 0;
  border: 0;
}

.nav-trigger .menu-name {
  display: none;
}

/* probo */
header .support-nav .content_serch {
  margin-right: 20px;
}

header .support-nav .content_serch a:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('https://premium-water.net/search/images/search-solid.svg');
  background-size: contain;
  vertical-align: sub;
  margin-right: 0.5em;
  background-repeat: no-repeat;
}

.sp_menu__serch {
  position: absolute;
  top: 80px;
  right: 5px;
  z-index: 2;
  width: auto !important;
}

.content_serch__sp {
  z-index: 2;
  background: none !important;
  box-shadow: none !important;
}

.content_serch__sp a {
  position: absolute !important;
  top: 62px;
  right: -17px;
  padding: 1.566em !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-color: #21445b !important;
  background-image: url('/usr/file/attachment/search-solid_sp.svg') !important;
  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.content_serch__sp a:before {
  display: none !important;
}

.modal_search {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.modal__bg_search {
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .modal__bg_search {
    background: rgba(0, 0, 0, 0.7);
  }
}

.modal__content_search {
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}

@media screen and (max-width: 768px) {
  .modal__content_search {
    width: 100%;
    padding: 0;
    top: 40%;
  }
}

.probo-serch {
  width: 500px !important;
  margin: 0 auto;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media screen and (max-width: 768px) {
  .probo-serch {
    width: 100%;
    padding: 0.5em 0 0.3em;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: 1em;
  }
}

@media (max-width: 350px) {
  .probo-serch {
    width: 255px;
  }
}

input[type='text'] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

/* ios */
input,
textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
}

input[type='submit'] {
  border-style: none;
}

.search-input {
  width: 80%;
  position: relative;
}

.search-input input {
  width: 100%;
  line-height: 80px;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
}
.search-input input::placeholder {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #979797 !important;
}

@media screen and (max-width: 768px) {
  .search-input input {
    line-height: 40px;
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .search-input input::placeholder {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
  }
}

.btn_serch {
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  background: url('https://premium-water.net/search/images/search-solid.svg') no-repeat;
  -webkit-background-size: 35px 35px;
  -o-background-size: 35px 35px;
  background-size: 35px 35px;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .btn_serch {
    background-position: right center;
    -webkit-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
  }
}

.nav-burger_Forced {
  position: absolute;
  z-index: 2;
}

.nav-burger_Forced .modal__bg_search {
  width: 100% !important;
  left: 0% !important;
}

.nav-burger_Forced .modal__content_search {
  left: 30% !important;
}

.global-nav_serch li {
  z-index: 2;
}

.global-nav_serch li:first-child {
  border: none;
  position: relative;
}

.probo-serch_sp_menu {
  position: relative;
  border: 1px solid #21405b;
  text-align: center;
}

.probo_menu_input {
  width: 100%;
}
.probo_menu_input input {
  padding: 0 0.5em;
  width: 100%;
  line-height: 37px;
}

.btn_serch_sp_menu {
  -webkit-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  background-size: 20px 20px;
  background-position: 8%;
}

@media screen and (max-width: 768px) {
  .sp_serch__modal {
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 768px) {
  .probo-serch_form {
    width: 90% !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 768px) {
  body {
    padding-top: 0;
  }
  header {
    min-width: auto;
    height: auto !important;
    position: relative;
  }
  header .container {
    min-width: auto;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    padding: 0 !important;
  }
  header .container .col {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 99999;
    top: 0;
    right: 0;
  }
  header .col:first-child {
    padding: 12px 15px;
    background: url(https://premium-water.net/page/wp-content/themes/premium-water/assets/img/faq/sp-bg.png) 50% 100% / cover no-repeat;
    z-index: 1;
    position: relative;
    min-height: 65px;
    width: 100%;
  }
  header .site-title {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 12px 15px;
  }
  header .support-nav ul:last-child {
    margin-left: 0;
    margin-right: 15px;
  }
  header .site-title a img {
    width: 154px;
    height: auto;
  }
  header .support-nav ul:last-child .btn {
    font-size: 1.2rem;
    line-height: 1.1;
    min-width: auto;
    padding: 0 12px;
    text-align: center;
    border-radius: 0 0 5px 5px;
  }
  .hide-pc {
    display: block;
  }
  header .global-nav {
    display: none;
  }
  header .support-nav ul:last-child li:first-child {
    display: none;
  }
  header .support-nav ul:first-child {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  header .global-nav li {
    font-size: 1.3rem;
  }
}