@charset "utf-8";
:root {
   scroll-behavior: auto;/* ハンバーガーを閉じた後のスクロール対策 */
}
body {
  font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic' , 'Helvetica Neue' , 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS PGothic', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  position: relative;
  color: #000;
}
html{
  overflow-x: hidden;
  font-size:15px;
}
.over-x-hidden {
  overflow-x: hidden;
}
h1{
  font-size:2rem;
}
h2{
  font-size:1.8rem;
}
h3{
  font-size:1.5rem;
}
h4{
  font-size:1.2rem;
}
h5{
  font-size:1.1rem;
}
p {
  line-height: 1.6;
}
body:not(.single) p {
  font-size:1rem;
}
img{
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}
a {
  color: #000000;
  transition: 0.3s;
  text-decoration: none;
}
a:hover{
  opacity: 0.7;
  color: #000000;
  text-decoration: none;
}
a.text-white:hover {
  color: #FFFFFF;
}
a.linktext, p.linktext a, p.linktext a:hover {
  color: #2271b1;
}
.font-weight-medium {
  font-weight: 500;
}
.italic {
  font-style: italic;
}
.notosans {
  font-family: 'Noto Sans JP', sans-serif;
}
.ubuntu {
  font-family: 'Ubuntu', sans-serif;
}
.sawarabi {
  font-family: 'Sawarabi Mincho', sans-serif;
}
.text-gray {
  color: #000333;
}
.bg-lightgray {
  background-color: #F9F9F9;
}
.bg-yg {
  background-color: #339599;
}
.bg-deeppink {
  background-color: #BF5656;
}
.bg-yellow {
  background-color: #DAAC50;
}
.bg-blue {
  background-color: #6BAAC2;
}

img.fit {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}/*
html, body {
  scroll-padding-top: 120px;
}*/
/* ヘッダー */
nav h1, .navbar-brand {
  font-size: 0;
  margin-bottom: 0;
  display: block;
}
.navbar-nav {
  align-items: center;
}
.navbar-nav li.menu-item a {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 0;
  margin: 0 13px;
  z-index: 100;
  display: block;
}
.navbar-nav li.menu-item:last-child a {
  margin-right: 26px;
}
header {
  z-index: 500;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: #FFFFFF;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .03);
}
#nav-tgl {
  display: none;
}
.global-navi {
  z-index: 500;
}
.global-navi.nav-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 10px 10px rgb(0, 0, 0, .03);
}
.logo-wrap {
  padding: 19.2px;
  position: relative;
  z-index: 100;
}
.logo-wrap img {
  width: 137px;
}
.header-nav {
  display: flex;
}
.header-nav-right {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
}
.header-nav-right li {
  font-size: 12px;
}
.header-nav-right li {
  border-left: 1px solid #E6E6E5;
}
.header-nav-right li a, .header-nav-right li form {
  display: block;
}
.langselect-wrap {
  margin-right: 53px;
}
.header-nav-right li form {
  padding-left: 20px;
}
.header-nav-right li a {
  padding: 9px 33px 9px 38px;
}
.header-nav-right li select {
  padding: 9px 26px 9px 18px;
  background-color: #fff;
  border: none;
  -webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
  cursor: pointer;
  outline: none!important;
}
.header-nav-right li select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}
.header-nav-right li:nth-child(2) {
  position: relative;
}
.header-nav-right li:nth-child(2)::after {
  content: '';
  position: absolute;
  top: 14px;
  right: 13px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #339599;
  border-bottom: 1px solid #339599;
  transform: rotate(45deg);
  pointer-events: none;
}
.pc-top-nav {
  background-color: #F9F9F9;
}
.pc-top-nav ul {
  list-style: none;
  padding: 16px 0;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 100;
}
.pc-top-nav ul li {
  font-size: 12px;
  padding-right: 18px;
}
.new-tab a {
  position: relative;
  padding-right: 15px;
}
.new-tab a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 9px;
  height: 9px;
  background: url(./images/common/icon-blank.svg) no-repeat center center/contain;
}
.hnr-recruit, .hnr-lang {
  position: relative;
}
.hnr-recruit::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 16px;
  width: 14px;
  height: 17.2px;
  background: url(./images/common/icon-recruit.svg) no-repeat center center/contain;
}
.hnr-recruit::after {
  content: '';
  position: absolute;
  top: 13px;
  right: 15px;
  width: 9px;
  height: 9px;
  background: url(./images/common/icon-blank.svg) no-repeat center center/contain;
}

.hnr-lang::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 16px;
  width: 15px;
  height: 15px;
  background: url(./images/common/icon-language.svg) no-repeat center center/contain;

}
/* //ヘッダー */
/* スライダー */
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
  top: 50%;
  opacity: 1;
  width: 14px;
  height: 27px;
  background-size: contain;
}
.swiper-container .swiper-button-prev {
  background-image: url(./images/common/icon-arrow_thin-left.svg);
  left: 20px;
}
.swiper-container .swiper-button-next {
  background-image: url(./images/common/icon-arrow_thin.svg);
  right: 20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 9px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}
.swiper-pagination-bullet{
  background: #FFFFFF;
  opacity: 1;
  width: 12px;
  height: 12px;
}
.swiper-pagination-bullet-active {
  background: #1b4a9c;
}
.fv-wrap {
  overflow: hidden;
  position: relative;
}
.swiper-slide {
  overflow: hidden;
}
.swiper-slide a:hover {
  opacity: 1;
}
.swiper-slide .slide-bg img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  max-height: 100%;
}
.fv-wrap, .fv-wrap .swiper-slide img {
  max-height: 700px;
}
.catchcopy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: .1em;
  z-index: 100;
  display: none;
}
.catchcopy-right .catchcopy {
  right: 7%;
  text-align: right;
}
.catchcopy-right::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6923144257703081) 32%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
}
.catchcopy-left .catchcopy {
  left: 7%;
  text-align: left;
}
.catchcopy-left::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6923144257703081) 58%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
}
.catchcopy_svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 100;
}
.catchcopy-right .catchcopy_svg {
  right: 7%;
}
.catchcopy-left .catchcopy_svg {
  left: 7%;
}
/* FVのお知らせ */
.fv-notice {
  color: #fff;
  background: #339599;
  padding: 7px 40px 7px 25px;
  position: relative;
  transform: translateY(-100%);
  display: inline-block;
  z-index: 10;
  min-height: 33px;/* 整数にしておかないとtranslateY(-100%)した際にぼける */
}
.fv-notice:hover {
  color: #fff;
}
.fv-notice::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
/* //FVのお知らせ */
/* トップ */
.py-long {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.pt-long {
  padding-top: 7.5rem;
}
.pb-long {
  padding-bottom: 7.5rem;
}
.home-h2-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 4.375rem;
}
.home-h2 {
  font-size: 1.75rem;
  margin-right: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.home-h2-subttl {
  font-size: 10px;
  border-bottom: 1px solid #339599;
  display: inline-block;
  font-weight: 500;
  padding-bottom: 5px;
  position: relative;
}
.swiper-works-pickup {
    position: relative;
    overflow: visible;
}
.swiper-container-pickup .swiper-slide {
  width: 25%;
}
.swiper-pickup-wrap {
  padding: 0 30px;
  position: relative;
}
.swiper-button-prev-pickup, .swiper-button-next-pickup {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin-top: -25px;
  cursor: pointer;
  z-index: 10;
  width: 21px;
  height: 21px;
  opacity: 1;
  background-size: contain;
  transition: .3s;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev-pickup:hover, .swiper-button-next-pickup:hover {
  opacity: .7;
}
.swiper-button-prev-pickup {
  left: 0;
  background-image: url(./images/top/pickup-slide-prev.svg);
}
.swiper-button-next-pickup {
  right: 0;
  background-image: url(./images/top/pickup-slide-next.svg);
}
.swiper-pickup-wrap .swiper-pagination {
  position: static;
  padding-top: 25px;
}
.swiper-pickup-wrap .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #CDCDCD;
  opacity: 1;
}
.swiper-pickup-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #707070;
  border: 1px solid #707070;
}
.post-date {
  font-size: 12px;
  margin-bottom: 10px;
}
.top-news-ttl {
  font-size: 1rem;
  line-height: 1.33;
}
.blog-thumbbox {
  margin-bottom: 1rem;
}
.blog-ttl {
  font-weight: 700;
  padding-top: .25rem;
}
a.top-product-card {
  display: block;
  padding: 75px 10px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(000,000,000,.1);
  text-align: center;
  height: 100%;
}
a.top-product-card h3 {
  font-size: 1.06rem;
  padding-top: 65px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.5;
  position: relative;
  margin-bottom: 0;
}
a.top-product-card h3::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 54px;
  height: 50px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card-gardening h3::before {
  background-image: url(./images/top/icon-gardening.svg);
}
.card-pet h3::before {
  background-image: url(./images/top/icon-pet.svg);
}
.card-baby h3::before {
  background-image: url(./images/top/icon-baby.svg);
}
.card-lifecare h3::before {
  background-image: url(./images/top/icon-lifecare.svg);
}
.card-house h3::before {
  background-image: url(./images/top/icon-houseware.svg);
}
.card-forbusiness h3::before {
  background-image: url(./images/top/icon-forbusiness.svg);
}
a.top-product-card .ubuntu {
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: .1em;
}
.ips-banners a {
  position: relative;
  color: #fff;
  text-align: center;
  display: block;
}
.ips-banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.ips-banner-text h3 {
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: .15em;
}
.ips-h3-sub {
  font-size: 10px;
  letter-spacing: .15em;
}
.top-company-links a {
  position: relative;
  color: #fff;
  text-align: center;
  display: block;
}
.tcl-banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  text-shadow: 0 0 5px rgba(000,000,000,.7);
}
.top-company-links h3 {
  font-size: 1.06rem;
  font-weight: 500;
  margin-bottom: 10px;
}
.top-company-links .ubuntu {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .1em;
}
.img_subjunction_text {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 12px;
  text-align: right;
  width: max-content;
  text-shadow: 0 0 2px rgba(000,000,000,.8);
}
/* フッター */
#menu-menu-company-green {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
}
#menu-menu-company-green li a {
  display: block;
  padding: 15px;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
}
footer {
  background-color: #EEEEEE;
}
.footer-menu-wrap {
  border-top: 1px solid #DCDCDC;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.footer-menu-wrap ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.footer-menu-wrap ul li {
  display: block;
  width: 100%;
}
.footer-contwrap {
  padding: 60px 0;
}
.footer-ad {
  font-size: 14px;
  padding-top: 15px;
}
.footer-nav {
  list-style: none;
  display: flex;
  justify-content: center;
  text-align: center;
}
.footer-menu-wrap > ul > li > a {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 17px;
  display: block;
}
.footer-menu-wrap > ul > li .sub-menu a {
  font-size: 12px; 
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
}
.footer-menu-wrap > ul > li .sub-menu a span {
  position: relative;
  display: inline-block;
}
li.footer-new-tab a span::after {
  content: '';
  width: 9px;
  height: 10px;
  background: url(./images/common/icon-blank.svg) no-repeat center center/contain;
  display: inline-block;
  margin-left: 6px;
}
.footer-copy {
  font-size: 12px;
}
.footer-logo-wrap {
  padding: 55px 0;
}
.footer-logo {
  width: 137px;
}
.footer-copy-wrap {
  border-top: 1px solid #DCDCDC;
  padding: 35px 0;
}
.footer-btms {
  display: flex;
  justify-content: space-between;
}
.footer-btms a {
  font-size: 12px;
}
.footer-snsicon-wrap {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 30px;
}
.footer-snsicon-wrap a:hover {
  opacity: 1;
}
.footer-snsicon-wrap > div:not(:last-child) {
  margin-right: 75px;
}
.footer-snsicon-wrap .ubuntu {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.footer-snsicon-wrap ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.footer-snsicon-wrap ul li:not(:last-child) {
  padding-right: 22px;
}
.footer-snsicon-wrap ul li:hover {
  opacity: 1;
}
.footer-insta, .footer-twitter, .footer-fb, .footer-youtube {
  width: 42px;
}
.footer-x {
  width: 36px;
}
.pagetop-wrap {
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.pagetop-wrap.fadein {
  opacity: 1;
  pointer-events: auto;
}
.pagetop-inner {
  position: fixed;
  right: 25px;
  bottom: 25px;
  height: 45px;
  width: 45px;
  z-index: 500;
  border: 2px solid #fff;
  background: #339599;
  padding-top: 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: .3s;
}
.support-test .pagetop-inner,
.support .pagetop-inner{
  bottom: 130px;
}
.pagetop-inner::before {
  content: '';
  width: 14px;
  height: 14px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  position: absolute;
  top: 12px;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pagetop-inner::after {
  content: '';
  position: absolute;
  top: 11px;
  left: 50%;
  transform:translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 1px;
  height: 19px;
  background-color: #fff;
}
.pagetop-inner:hover {
  opacity: .7;
}

.alignfull {
  width: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.alignfull div[class*="__inner-container"], .alignwide div[class*="__inner-container"] {
  width:100% ;
 margin-left: auto;
 margin-right: auto;
  padding:15px
}

.alignwide {
 width: calc(100% + (100vw - 100%)/ 2);
 margin-left: calc((100% - 100vw)/ 4);
 margin-right: calc((100% - 100vw)/ 4);
}
/* 共通 */
.accordionBtn::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 12px;
  width: 13px;
  height: 1px;
  background-color: #339599;
}
.accordionBtn::after {
  content: '';
  position: absolute;
  top: 22px;
  right: 18px;
  width: 1px;
  height: 13px;
  background-color: #339599;
}
.accordionBtn.chlidnav-close::after {
  display: none;
}
/* //共通 */
/* 金型事業部のフッター */
.metalcontact-ttl {
  font-size: 1.66rem;
  font-weight: 700;
}
.metal-telnums {
  border-left: 1px solid #CDCDCD;
}
.common-btn.common-btn-metalcontact {
  width: 100%;
  padding: 20px 25px 20px 15px;
}
.icon-mail {
  padding-left: 30px;
  position: relative;
}
.icon-mail::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  width: 19px;
  height: 16px;
  background: url(./images/metal/icon-mail.svg) no-repeat center center/contain;
  transition: .3s;
}
.common-btn.common-btn-metalcontact:hover .icon-mail::before {
  background: url(./images/metal/icon-mail_white.svg) no-repeat center center/contain;
}
.mail-address {
  font-size: 1.133rem;
  letter-spacing: .05em;
  font-weight: 500;
}
.metalcontact-num {
  display: flex;
  align-items: baseline;
}
.metalcontact-num dt {
  font-size: 1.33rem;
  font-weight: 500;
  width: 104px;
  min-width: 104px;
  padding-left: 35px;
  position: relative;
}
.metalcontact-num dt::before {
  content: '';
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  width: 21px;
  height: 100%;
}
.metalcontact-num-tel dt::before {
  background: url(./images/metal/icon-tel.svg) no-repeat center center/contain;
}
.metalcontact-num-fax dt::before {
  background: url(./images/metal/icon-fax.svg) no-repeat center center/contain;
}
.metalcontact-number {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .05em;
}
.metalcontact-num p {
  font-size: 14px;
  line-height: 1.7;
}
.bt-grayborder {
  border-top: 1px solid #CDCDCD;
}
.metal-pagelinks {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.metal-parentlink a {
  font-size: 1.26rem;
  font-weight: 700;
  padding-right: 40px;
  border-right: 1px solid #CDCDCD;
}
.metal-parentlink a span {
  position: relative;
  padding-right: 21px;
}
.metal-parentlink a span::before {
  content: '';
  position: absolute;
  top: 54%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #339599;
  border-right: 1px solid #339599;
}
.metal-children {
  display: flex;
  align-items: center;
  justify-content: center;
}
.metal-childlink a {
  font-size: 1.06rem;
}
.metal-childlink:first-child a {
  padding-left: 40px; 
}
.metal-childlink:not(:first-child) a {
  padding-left: 60px;
}
.metal-childlink a span {
  padding-right: 15px;
  position: relative;
}
.metal-childlink a span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  right: 0;
  width: 5px;
  height: 5px;
  border-top: 1px solid #339599;
  border-right: 1px solid #339599;
}
/* //金型事業部のフッター */
/* ポップアップ */
.lum-lightbox.lum-open {
    z-index: 9999;
}
.lum-gallery-button {
  display: none;
}
/* //ポップアップ */

/* FVのYouTUbeモーダル */
.fv-youtube-btn{
  position: absolute;
  bottom: 60px;
  right: 60px;
  z-index: 10;
  display: flex;
  align-items: center;
  background-color: #fff;
  text-align: left;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border: 1px solid #339599;
}
.fv-youtube-btn:hover{
  opacity: 0.7;
}
.fv-youtube-btn-text{
  padding-left: 13px;
  font-size: 14px;
  line-height: 1.4;
}
.movie-h2-wrap{
  padding-left: 5rem;
}
.top-movie-inner {
  height: 100%;
  position: relative;
}
.top-movie-link {
  display: block;
}
.movie-icon {
  display: block;
  position: relative;
}
.top-movie-link img {
  margin-bottom: 2px;
}
.top-movie-link p {
  font-size: 14px;
}
.movie-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 60px;
  height: 60px;
  background: url(./images/common/movie-btn.svg) no-repeat center center/contain;
}
.movie-ttl{
  font-size: 14px;
  position: relative;
  padding-right: 5px;
}
.top-movie-inner a p{
  font-size: 13px;
}
@media(min-width: 576px){
.alignfull div[class*="__inner-container"], .alignwide div[class*="__inner-container"] {
 max-width: 540px;
}
}

@media(min-width: 768px){
.alignfull div[class*="__inner-container"], .alignwide div[class*="__inner-container"] {
 max-width: 720px;
}
}


@media all and (min-width: 992px) {
  body {
    padding-right: 0!important;
  }
  /* ヘッダー */
  /*.header-nav {
    padding-right: 15px;
  }*/
  .navbar-nav > li.menu-item > a {
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .navbar-nav > li.menu-item:hover > a::before,
  .navbar-nav > li.current-page-ancestor > a::before,
  .navbar-nav > li.menu-item.current-menu-item > a::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 2px;
    background: #339599;
  }
  .burger-btn {
    display: none;
  }
  .alignfull div[class*="__inner-container"], .alignwide div[class*="__inner-container"] {
    max-width: 960px;
   }

   @media(min-width: 1200px){
    .alignfull div[class*="__inner-container"], .alignwide div[class*="__inner-container"] {
     max-width: 1140px;
      padding:15px
    }
  }
  .menu-parent .sub-menu-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .03) inset;
  }
  .menu-parent:hover .sub-menu-wrap {
    pointer-events: auto;
    opacity: 1;
  }
  .menu-parent .sub-menu {
    overflow: hidden;
    padding: 40px 0;
    margin: auto;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex!important;
    flex-wrap: wrap;
    width: 690px;
  }
  .header-menu-catalog.menu-parent .sub-menu {
    justify-content: center;
  }
  .menu-parent .sub-menu li {
    height: 35px;
    width: 33.3%;
    pointer-events: none;
  }
  .menu-parent::after {
    content: '';
    position: fixed;
    top: 120px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    pointer-events: none;
    transition: .5s;
    z-index: -1;
    opacity: 0;
  }
  .menu-parent:hover::after {
    opacity: .24;
  }
  .menu-parent:hover .sub-menu li {
    pointer-events: auto;
  }
  .menu-parent .sub-menu li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 500;
    position: relative;
  }
  .menu-parent .sub-menu li a::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #339599;
    border-right: 1px solid #339599;
    transform: rotate(45deg);
  }
  .accordionBtn {
    display: none;
  }
  /* //ヘッダー */
  /* フッター */
  .footer-menu-wrap ul {
    display: block!important;
  }
  /* //フッター */
  /* 金型事業部のフッター */
  .sp-tel {
    pointer-events: none;
  }
  /* //金型事業部のフッター */
}
@media(min-width: 1240px){
  .fv-notice {
    width: 33.33333%;
    text-align: center;
  }
}
@media all and (min-width: 1400px) {
  body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl, body .container-xxl {
    max-width: 1140px;
  }
}
/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {
  .logo-wrap img {
      width: 120px;
  }
}

/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}

/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

/*デスクトップまで*/
@media all and (max-width: 1499px) {  
  .slide-house .catchcopy_svg {
    width: 280px;
  }
  .slide-gardening .catchcopy_svg {
    width: 280px;
  }
  .slide-baby .catchcopy_svg {
    width: 300px;
  }
  .slide-pet .catchcopy_svg {
    width: 300px;
  }
  .slide-lifecare .catchcopy_svg {
    width: 220px;
  }
  .slide-pro .catchcopy_svg {
    width: 280px;
  }
}
@media all and (max-width: 1199px) {  
  .ips-banner-text h3 {
    font-size: 1.3rem;
  }
  a.top-product-card {
    padding: 50px 10px;
  }
  .fv-youtube-btn{
    bottom: 30px;
    right: 30px;
  }
}


@media all and (max-width: 991px) {
  html{
    font-size:15px;
  }
  main {
    margin-top: 55px;
  }/*
  html, body {
    scroll-padding-top: 55px;
  }*/
  /* ヘッダー */
  header {
    position: fixed;
  }
  .logo-wrap {
    padding: 14px;
    height: 55px;
  }
  .logo-wrap img, .footer-logo {
    width: 111px;
  }
  .pc-top-nav {
    display: none;
  }
  .navbar-nav {
    display: block;
    padding: 50px 15px 0;
  }
  .navbar-nav > li.menu-item {
    border-top: 1px solid #DCDCDC;
    position: relative;
  }
  .navbar-nav > li.menu-item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  .navbar-nav > li.menu-item > a {
    padding: 17px 27px 16px 0;
    display: block;
    margin: 0;
    font-size: 15px;
  }
  .navbar-nav > li:not(.menu-parent).menu-item > a {
    position: relative;
  }
  .footer-menu-wrap > ul > li:not(.menu-item-has-children).menu-item > a::after,
  .navbar-nav > li:not(.menu-parent).menu-item > a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    right: 16px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #339599;
    border-right: 1px solid #339599;
  }
  .navbar-nav li.menu-item a .navsubttl {
    font-size: 16px;
    letter-spacing: 0.03em;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #fff;
  }
  .burger-btn {
    display: block;      
    width: 25px;      
    height: 16px;      
    position: relative;
    right: 18px;  
    z-index: 9999;
    border:none;    
  }
  .burger-btn:hover {
    cursor: pointer;
  }
  .bar {      
    width: 25px;      
    height: 1px;        
    display: block;      
    position: absolute;      
    left: 50%;      
    transform: translateX(-50%);
    margin-top: -0.5px;  
    background-color: #000;   
    transition: .2s; 
  }    
  .bar_top {   
    top: 0;
  }
  .bar_mid {    
    top: 50%;
    margin-top: -1px;
    /*transform: translate(-50%,-50%);*/
  }
  .bar_bottom {
    bottom: 0;
  }
  #nav-tgl:checked + .burger-btn .bar_top {      
    transform: translate(-50%,8px) rotate(45deg);      
  }    
  #nav-tgl:checked + .burger-btn .bar_mid {      
    opacity: 0;       
    transition: opacity .3s;    
  }    
  #nav-tgl:checked + .burger-btn .bar_bottom {      
    transform: translate(-50%,-8px) rotate(-45deg);      
    transition: transform .3s;    
  }
  .nav-wrapper {      
    transform: translateX(100%);
    transition: .3s;
    width: 60%;
    min-width: 280px;
    height: 100%;      
    position: fixed;      
    top: 0;      
    right: 0;       
    z-index: 800;     
  }     
  #nav-tgl:checked ~ .nav-wrapper {
    transform: none;
  }
  .header-nav {        
    width: 100%;        
    height: 100%;        
    background-color: #fff;  
    z-index: 200;
    display: block; 
    overflow-y: auto;
  }     
  #nav-tgl:checked ~ .nav-wrapper .header-nav {
    overflow-y: auto;
  }
  .menu-black-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 5;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    cursor: pointer;
  }
  #nav-tgl:checked ~ .menu-black-bg {
    opacity: 0.3;
    visibility: visible;
  }
  .header-nav.navbar-nav{        
    display: block;        
    position: absolute;        
    top: 50%;        
    left: 50%;        
    transform: translate(-50%,-50%);        
    text-align: center;      
  }      
  .header-nav.menu-item{        
    margin-right: 0;        
    margin-bottom: 40px;      
  }
  .accordionBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 33px;
    height: 55.5px;
    cursor: pointer;
  }
  .sub-menu {
    display: none;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .sub-menu.active {
    display: block;
  }  
  .navbar-nav li .sub-menu li a {
    font-size: 13px;
    padding: 4px 1rem;
    font-weight: 400;
    display: block;
  }
  .navbar-nav li .sub-menu li:last-child a {
    padding-bottom: 20px;
  }
  .navbar-nav li.current-page-ancestor > a,
  .footer-menu-wrap li.current-page-ancestor > a,
  li.menu-item.current-menu-item > a {
    color: #339599;
    font-weight: 700;
  }
  .header-nav-right {
    justify-content: center;
    padding-top: 30px;
  }
  .header-nav-right li {
    width: 175px;
    text-align: center;
    max-width: 50%;
  }
  .header-nav-right li a {
    border-left: none;
  }
  .hnr-recruit::before {
    left: 40px;
  }
  .hnr-recruit::after {
    right: 40px;
  }
  .header-nav-right li form {
    padding-left: 10px;
  }
  .hnr-lang::before {
    left: 14px;
  }
  .header-nav-right li:nth-child(2)::after {
    right: 10px;
  }
  .header-plastic-banner {
    padding: 30px 15px;
    text-align: center;
  }
  .sp-nav-under ul {
    list-style: none;
    padding: 25px 15px 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .sp-nav-under ul li {
    width: 50%;
  }
  .sp-nav-under ul li a {
    font-size: 12px;
    font-weight: 400;
    display: block;
    padding: 15px 15px 15px 20px;
    position: relative;
  }
  .sp-nav-under ul li:not(.new-tab) a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #339599;
    border-right: 1px solid #339599;
  }
  .sp-nav-under ul li.new-tab a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    width: 9px;
    height: 9px;
    background: url(./images/common/icon-blank-green.svg) no-repeat center center/contain;
  }
  .sp-nav-under ul li.new-tab a::after {
    display: none;
  }
  .noscroll {
    overflow-y: hidden;
  }
  .scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .langselect-wrap {
    margin-right: 0;
  }
  /* //ヘッダー */
  /* スライダー */
  .catchcopy {
    font-size: 2rem;
  }
  /* //スライダー */
  /* トップ */
  .py-long {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .pt-long {
    padding-top: 4.5rem;
  }
  .pb-long {
    padding-bottom: 4.5rem;
  }
  .home-h2-wrap {
    margin-bottom: 3rem;
  }
  .ips-banner-text h3 {
    font-size: 1.06rem;
    letter-spacing: .1em;
    margin-bottom: 2px;
  }
  a.top-product-card {
    padding: 25px 10px;
  }
  .fv-youtube-btn{
    bottom: 15px;
    right: 15px;
    padding: 15px;
  }
  .fv-youtube-btn-text{
    font-size: 14px;
  }
  .movie-h2-wrap{
    padding-left: 0rem;
  }
  /* //トップ */
  /* フッター */
  .footer-logo-wrap {
    padding: 35px 0;
  }
  #menu-menu-company-green li a {
    padding: 15px 10px;
    font-size: 14px;
  }
  .footer-menu-wrap {
    display: block;
    padding-top: 0;
    padding-bottom: 45px;
  }
  .footer-menu-wrap > ul > li {
    border-bottom: 1px solid #DCDCDC;
    position: relative;
  }
  .footer-menu-wrap > ul > li > a {
    padding: 17px 20px 16px 0;
    display: block;
    font-weight: 700;
  }
  .footer-menu-wrap > ul > li .sub-menu a {
    font-size: 13px;
    padding: 5px 1rem;
    display: block;
  }
  .footer-menu-wrap > ul > li .sub-menu li:first-child a {
    padding-top: 0;
  }
  .footer-menu-wrap > ul > li .sub-menu li:last-child a {
    padding-bottom: 12px;
  }
  .footer-contwrap {
    padding: 30px 0;
  }
  .footer-copy-wrap {
    border-top: none;
  }
  .footer-menu-wrap .menu-item-home {
    display: none;
  }
  .footer-menu-wrap > ul > li > a, .footer-menu-wrap > ul > li .sub-menu a {
    margin-bottom: 0;
  }
  .footer-snsicon-wrap {
    padding-bottom: 0;
  }
  /* //フッター */
  /* 金型事業部のフッター */
  .metal-parentlink a {
    padding-right: 25px;
  }
  .metal-childlink:first-child a, .metal-childlink:not(:first-child) a {
    padding-left: 23px;
  }

  /* //金型事業部のフッター */
}

/*中デバイスまで*/
@media all and (max-width: 767px) {
  /* ヘッダー */
  .nav-wrapper {
    width: 100%;
  }
  /* //ヘッダー */
  /* スライダー */
  .swiper-container .swiper-button-next {
    right: 10px;
  }
  .swiper-container .swiper-button-prev {
    left: 10px;
  }
  .catchcopy {
    font-size: 1.25rem;
  }
  .slide-house .catchcopy_svg {
    width: 200px;
  }
  .slide-gardening .catchcopy_svg {
    width: 200px;
  }
  .slide-baby .catchcopy_svg {
    width: 200px;
  }
  .slide-pet .catchcopy_svg {
    width: 210px;
  }
  .slide-lifecare .catchcopy_svg {
    width: 150px;
  }
  .slide-pro .catchcopy_svg {
    width: 200px;
  }
  /* //スライダー */
  /* FVのお知らせ */
  .fv-notice {
    transform: translateY(0);
    display: block;
    width: 100%;
    padding: 5px 25px 5px 15px;
  }
  /* //FVのお知らせ */
  /* トップ */
  .home-h2-wrap {
    margin-bottom: 2rem;
  }
  /* //トップ */
  /* フッター */
  .footer-logo-wrap {
    text-align: center;
  }
  #menu-menu-company-green {
    flex-wrap: wrap;
    padding: 8px 0;
    justify-content: flex-start;
  }
  #menu-menu-company-green li {
    width: 50%;
  }
  #menu-menu-company-green li a {
    padding: 10px 0;
  }
  .footer-snsicon-wrap {
    display: block;
    text-align: center;
  }
  .footer-snsicon-wrap > div:not(:last-child) {
    margin-right: auto;
    margin-bottom: 25px;
  }
  .footer-snsicon-wrap > div {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .footer-snsicon-wrap ul {
    justify-content: center;
  }
  .footer-btms {
    display: block;
    text-align: center;
  }
  .pagetop-inner {
    right: 10px;
    bottom: 10px;
  }
  .support-test .pagetop-inner,
  .support .pagetop-inner{
    bottom: 180px;
  }
  /* //フッター */
  /* 金型事業部のフッター */
  .metal-telnums {
    border-top: 1px solid #CDCDCD;
    border-left: none;
  }
  .metal-telnums {
    display: flex;
    justify-content: center;
  }
  .metal-telnums > div {
    width: 324px;
    max-width: 100%;
  }
  .metal-pagelinks {
    display: block;
  }
  .metal-parentlink a {
    padding-right: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
    border-right: none;
    position: relative;
  }
  .metal-parentlink a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80px;
    height: 1px;
    background-color: #CDCDCD;
  }
  .metal-childlink:first-child a {
    padding-left: 0;
  }
  /* //金型事業部のフッター */
}

/*小デバイス(横向きモバイル)まで*/

@media all and (max-width: 575px) {
  html{
    font-size:14px;
  }
  /* ヘッダー */

  /* //ヘッダー */
  /* スライダー */
  
  .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    width: 15px;
    background-size: contain;
  }
  .catchcopy {
    font-size: 1.8rem;
  }
  .catchcopy-right .catchcopy, .catchcopy-left .catchcopy {
    right: 0;
    left: 0;
    margin: auto;
    transform: none;
    -webkit-transform: none;
    text-align: center;
  }
  .catchcopy-sm-top .catchcopy {
    top: 5%;
  }
  .catchcopy-sm-bottom .catchcopy {
    top: auto;
    bottom: 5%;
  }
  .catchcopy-sm-top::after {
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6923144257703081) 45%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
  }
  .catchcopy-sm-bottom::after {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6923144257703081) 45%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
  }

  .catchcopy-right .catchcopy_svg, .catchcopy-left .catchcopy_svg {
    right: 0;
    left: 0;
    margin: auto;
    transform: none;
    -webkit-transform: none;
    text-align: center;
    max-width: 85%;
  }
  .catchcopy-sm-top .catchcopy_svg {
    top: 40px;
  }
  .catchcopy-sm-bottom .catchcopy_svg {
    top: auto;
    bottom: 5%;
  }

  .fronttest .swiper-slide .slide-bg img{
    height: 440px;
  }
  /* //スライダー */
  /* トップ */
  .py-long {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pt-long {
    padding-top: 4rem;
  }
  .pb-long {
    padding-bottom: 4rem;
  }
  .swiper-pickup-wrap {
    padding: 0 25px;
  }
  .swiper-container-pickup .swiper-slide {
    width: 50%;
  }
  .home-h2 {
    font-size: 1.5rem;
    margin-right: 12px;
  }
  a.top-product-card {
      padding: 18px 10px;
  }
  a.top-product-card h3 {
    padding-top: 55px;
  }
  a.top-product-card h3::before {
    width: 45px;
    height: 45px;
  }
  .ips-banner-text h3 {
      font-size: 1.25rem;
      margin-bottom: 4px;
  }
  /* //トップ */
  /* フッター */
  .footer-nav {
    display: block;
  }
  /* //フッター */
  /* 金型事業部のフッター */
  .xs-mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .metalcontact-ttl {
    font-size: 1.4rem;
  }
  .metalcontact-num dt {
    font-size: 1.2rem;
    width: 75px;
    min-width: 75px;
    padding-left: 25px;
  }
  .metalcontact-num dt::before {
    width: 17px;
  }
  .metalcontact-num p {
    font-size: 13px;
  }
  /* //金型事業部のフッター */
}

@media all and (max-width: 480px) {
  .navbar-nav > li.menu-item > a, .footer-menu-wrap > ul > li > a {
    padding: 10px 15px 9px;
  }
  .accordionBtn {
    height: 42.5px;
  }
  .accordionBtn::before {
    top: 22px;
  }
  .accordionBtn::after {
    top: 16px;
  }
  .sp-nav-under ul li a {
    padding: 10px 0px 10px 14px;
  }
  a.top-product-card h3 {
    font-size: 14px;
    letter-spacing: 0;
  }
  /* 金型事業部のフッター */
  .metal-children {
    flex-wrap: wrap;
    text-align: left;
  }
  .metal-childlink {
    width: 50%;
  }
  .metal-childlink:first-child a, .metal-childlink:not(:first-child) a {
    padding: 5px 10px 5px 7px;
    display: block;
  }
  .metal-childlink a span {
      padding-right: 5px;
      display: block;
  }
  /* //金型事業部のフッター */
}
@media all and (max-width: 400px) {
  .fronttest .swiper-slide .slide-bg img{
    height: 400px;
  }
}

@media all and (max-width: 380px) {
  /* ヘッダー */
  .hnr-recruit::before {
    left: 36px;
  }
  .hnr-recruit::after {
    right: 36px;
  }
  /* //ヘッダー */
  /* スライダー */
  .catchcopy {
    font-size: 1.5rem;
  }
  /* //スライダー */
  /* フッター */
  #menu-menu-company-green li a {
    font-size: 13px;
    padding: 7px 0;
  }
  /* //フッター */
}
@media all and (max-width: 360px) {
  .support-test .pagetop-inner,
  .support .pagetop-inner{
    bottom: 220px;
  }
}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}


@media all and (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav li.menu-item a {
    margin: 0 10px;
  }
  .navbar-nav li.menu-item:last-child a {
      margin-right: 14px;
  }
}
/* ヘッダーの検索 */
.search-btn-wrap {
  border-left: 1px solid #E6E6E5;
  position: absolute;
  top: 17px;
  right: 0;
  z-index: 600;
}
.header-search-btn {
  padding: 7px 19px;
  height: 36px;
  background: none;
  border: none;
}
.header-search-area {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: .3s;
}
.is-search-active.header-search-area {
  opacity: 1;
  pointer-events: auto;
}
.header-search-box {
  background-color: #eee;
  min-height: 265px;
  padding: 96px 10px 10px;
  display: flex;
  justify-content: center;
  position: relative;
}
.search-close-btn {
  position: absolute;
  top: 22px;
  right: 22px;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  width: 40px;
  height: 40px;
}
.search-close-btn::before, .search-close-btn::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 22px;
  background-color: #333;
}
.search-close-btn::before {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.search-close-btn::after {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.header-search-box input:focus-visible, .header-search-box button:focus-visible {
  outline: 2px solid #339599;
}
.search-input {
  border-radius: 30px;
  height: 60px;
  border: 1px solid #B2B2B2;
  padding: 5px 20px;
  width: 694px;
  margin-right: 12px;
}
.searchsubmit {
  border-radius: 30px;
  height: 60px;
  border: none;
  color: #fff;
  background-color: #339599;
  width: 160px;
  font-size: 21px;
  letter-spacing: .01em;
  transition: .3s;
}
.searchsubmit:hover {
  opacity: .7;
}
.search-btn-text {
  padding-left: 10px;
}
.header-search-filter-wrap {
  padding-top: 20px;
}
.header-search-check {
  margin-right: 10px;
  width: 21px;
  height: 21px;
}
.header-search-label {
  display: flex;
}
.header-search-label:hover {
  cursor: pointer;
}
.header-search-label:not(:last-child) {
  margin-bottom: .5rem;
}
.search-active-bg {
  content: '';
  position: fixed;
  top: 120px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  pointer-events: none;
  transition: .3s;
  z-index: -1;
  opacity: 0;
  border: none;
}
.is-search-active .search-active-bg {
  opacity: .5;
  pointer-events: auto;
}
@media all and (max-width: 991px) {
  .search-btn-wrap {
    border-left: none;
    top: 8px;
    right: 46px;
  }
  .header-search-area::after {
    top: 55px;
  }
  .search-input, .searchsubmit {
    height: 40px;
  }
  .search-input {
    width: 300px;
  }
  .searchsubmit {
    width: 108px;
    font-size: 16px;
  }
  .icon-search {
    position: relative;
    top: -1px;
  }
  .header-search-box {
    min-height: 186px;
    padding: 40px 10px 15px;
  }
  .search-close-btn {
    top: 8px;
    right: 11px;
    width: 20px;
    height: 20px;
  }
  .header-search-form {
    display: flex;
    flex-wrap: wrap;
  }
  .search-input {
    width: 100%;
    margin-right: 0;
    order: 0;
  }
  .header-search-filter-wrap {
    width: 100%;
    order: 1;
    margin-bottom: 10px;
  }
  .searchsubmit {
    margin-left: auto;
    order: 2;
  }
  .search-close-btn::before, .search-close-btn::after {
    height: 10px;
  }
}
@media all and (max-width: 767px) {
  
}
@media all and (max-width: 480px) {
  
}
/* //ヘッダーの検索 */