@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/*!
 * ress.css $2022 v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
   html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    /* iOS 8+ */
    font-size:62.5%;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,Helvetica,'メイリオ',Arial,sans-serif;
  }

  body{
    color:#8b8b8b;
    font-size:1.6rem;
    line-height:2rem;
  }

  *,
  ::before,
  ::after {
    background-repeat: no-repeat;
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
  }

  ::before,
  ::after {
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
  }

  * {
    padding: 0;
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
  }

  li{
    list-style: none;}

  a{
    text-decoration: none;
  }
  ol.number-list {
    list-style: decimal;
    padding-left: 2em;
  }
  ol.number-list li {
    list-style: decimal;
  }

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

.wrapper{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  position:relative;
}

.overflow-hidden{
  overflow-x: hidden;
}

@media screen and (max-width: 480px){
    .wrapper{
      width:100%;
    }
}

.clearfix:after{
  content:"";
  clear:both;
  display:block;
}

/* # =================================================================
   # header
   # ================================================================= */
   .header {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 1000;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
   }

   .header::before {
     position: absolute;
     display: block;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fff;
     -webkit-transition: background-color .3s ease;
     transition: background-color .3s ease;
   }

   .w-headbg .header::before {
     background-color: rgba(255, 255, 255, .5);
   }

   .is-navopen .header::before {
     background-color: transparent;
   }

   .header-inner {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     max-width: 1200px;
     z-index: 2000;

   }

   @media only screen and (min-width: 769px) {
     .header-inner {
       padding-left: 4rem;
       height: 10rem;
     }
   }

   @media only screen and (max-width: 768px) {
     .header-inner {
       padding-left: 4vw;
     }
   }

   .header-logo > a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     height: 100%;
     padding: 20px 0;
     padding: 2rem 0;
   }

   .header-logo svg {
     width: 170px;
     fill: #064296;
   }

   @media only screen and (min-width: 769px) {
     .header-logo svg {
       width: 170px;
     }
   }

   @media only screen and (max-width: 768px) {
     .header-logo svg {
       max-width: 170px;
       width: 30vw;
     }
   }

   .header-right{
     width:300px;
     display:flex;
     justify-content: flex-end;
   }
   .header-recruit{
     padding:1rem 0;
     padding-right:3rem;
     height:100%;
   }
   .header-recruit img{
     max-width: 55px !important;
   }
   .header-english{
     font-size:1.6rem;
     padding:2rem 0;
     padding-right:5rem;
     height:100%;
     font-family: "Oswald", sans-serif;
   }
   .header-english > a{
     color:#064296;
   }
   @media screen and (max-width:768px) {
     .header-recruit{
       padding:1rem 0;
       padding-right:2rem;
     }
     .header-english{
       padding:3rem 0;
       padding-right:2rem;
       font-size:1.4rem;
     }
   }
   @media screen and (max-width:480px) {
     .header-recruit{
       padding:1rem 0;
       padding-right:1.5rem;
     }
     .header-english{
       padding:2rem 0;
       padding-right:2rem;
     }
   }

   .header-nav-btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding: 20px 0;
     padding: 2rem 0;
     height: 100%;
     cursor: pointer;
   }

   @media only screen and (min-width: 1024px) {
     .header-nav-btn:hover > .inner::before {
       -webkit-transform: translate3d(1rem, 0.5rem, 0);
               transform: translate3d(1rem, 0.5rem, 0);
     }
     .header-nav-btn:hover > .inner::after {
       -webkit-transform: translate3d(1.5rem, -0.5rem, 0);
               transform: translate3d(1.5rem, -0.5rem, 0);
     }
     .header-nav-btn:hover > .inner > .text {
       -webkit-transform: skewX(-18deg) translate3d(1rem, 0, 0);
               transform: skewX(-18deg) translate3d(1rem, 0, 0);
     }
   }

   @media only screen and (min-width: 769px) {
     .header-nav-btn {
       padding-right: 4rem;
     }
   }

   @media only screen and (max-width: 768px) {
     .header-nav-btn {
       padding-right: 4vw;
     }
   }

   .header-nav-btn > .inner {
     position: relative;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
   }

   .header-nav-btn > .inner::before, .header-nav-btn > .inner::after {
     position: absolute;
     display: block;
     content: "";
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto;
     height: 2px;
     background-color: #064296;
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
   }

   @media only screen and (min-width: 769px) {
     .header-nav-btn > .inner {
       padding-left: 4.5rem;
     }
     .header-nav-btn > .inner::before, .header-nav-btn > .inner::after {
       width: 3rem;
     }
     .header-nav-btn > .inner::before {
       -webkit-transform: translate3d(0, -0.5rem, 0);
               transform: translate3d(0, -0.5rem, 0);
     }
     .header-nav-btn > .inner::after {
       -webkit-transform: translate3d(0, 0.5rem, 0);
               transform: translate3d(0, 0.5rem, 0);
     }
   }

   @media only screen and (max-width: 768px) {
     .header-nav-btn > .inner {
       padding-left: 9vw;
     }
     .header-nav-btn > .inner::before, .header-nav-btn > .inner::after {
       width: 6vw;
     }
     .header-nav-btn > .inner::before {
       -webkit-transform: translate3d(0, -1vw, 0);
               transform: translate3d(0, -1vw, 0);
     }
     .header-nav-btn > .inner::after {
       -webkit-transform: translate3d(0, 1vw, 0);
               transform: translate3d(0, 1vw, 0);
     }
   }

   .is-navopen .header-nav-btn > .inner {
     padding-left: 0;
   }

   .is-navopen .header-nav-btn > .inner::before {
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
             transform: rotate(135deg) translate3d(0, 0, 0);
   }

   .is-navopen .header-nav-btn > .inner::after {
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-transform: rotate(-135deg) translate3d(0, 0, 0);
             transform: rotate(-135deg) translate3d(0, 0, 0);
   }

   @media only screen and (min-width: 769px) {
     .is-navopen .header-nav-btn > .inner::before, .is-navopen .header-nav-btn > .inner::after {
       width: 5rem;
     }
   }

   @media only screen and (max-width: 768px) {
     .is-navopen .header-nav-btn > .inner::before, .is-navopen .header-nav-btn > .inner::after {
       width: 10vw;
     }
   }

   .header-nav-btn .text {
     display: inline-block;
     font-family: "Oswald", sans-serif;
     font-weight: 300;
     color: #064296;
     text-transform: uppercase;
     letter-spacing: .1em;
     -webkit-transform: skewX(-18deg) translate3d(0, 0, 0);
             transform: skewX(-18deg) translate3d(0, 0, 0);
     -webkit-transition: -webkit-transform .3s ease;
     transition: -webkit-transform .3s ease;
     transition: transform .3s ease;
     transition: transform .3s ease, -webkit-transform .3s ease;
   }

   @media only screen and (max-width: 768px) {
     .header-nav-btn .text {
       font-size: 1.6rem;
       font-size: 4.26667vw;
     }
   }

   @media only screen and (min-width: 769px) {
     .header-nav-btn .text {
       font-size: 1.8rem;
       font-size: 1.25vw;
     }
   }

   @media only screen and (min-width: 1440px) {
     .header-nav-btn .text {
       font-size: 1.8rem;
     }
   }

   .is-navopen .header-nav-btn .text {
     opacity: 0;
   }

   .header-nav {
     position: fixed;
     top: 0;
     right: 0;
     width: 70%;
     height: 100vh;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
     -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
     transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
     transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
     transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
     z-index: 999;
     overflow: auto;
     /*background: linear-gradient(135deg, #0962e0 0, #fff 100%);*/
     background: #fff;
   }
   @media screen and (max-width:768px) {
     .header-nav {
       width: 90%;
     }
   }
   .header-nav-mask {
     position: fixed;
     top: 0;
     right: 0;
     width: 100%;
     height: 100vh;
     background: rgba(0,0,0,.5);
     z-index: 998;
     display: none;
   }
   .is-navopen .header-nav {
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
   .is-navopen .header-nav-mask {
     display: block;
   }


   body.is-navopen {
     overflow: hidden;
   }

   .nav-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding-bottom: 50px;
     padding-bottom: 5rem;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     max-width: 1200px;
     color: #064296;
     background-color: #fff;
   }

   @media only screen and (min-width: 1024px) {
     .nav-wrap {
       padding-top: 100px;
     }
   }

   @media only screen and (min-width: 751px) {
     .nav-wrap {
       padding-top: calc(70px + 4rem);
     }
   }

   @media only screen and (max-width: 750px) {
     .nav-wrap {
       padding-top: 70px;
     }
   }

   .nav-lists {
     width: 100%;
     position: relative;
   }

   .nav-lists::before {
     position: absolute;
     display: block;
     content: "";
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     width: calc(100% - 4rem);
     height: 1px;
     background-color: rgba(255, 255, 255, .5);
   }

   @media only screen and (min-width: 769px) {
     .nav-lists {
       padding: 0 2rem;
     }
   }

   @media only screen and (max-width: 768px) {
     .nav-lists {
       padding: 0 5vw;
     }
   }

   .nav-lists > .list + .list {
     border-top: solid 1px rgba(6, 66, 150, .5);
   }

   .nav-lists > .list > .inner {
     display: block;
     padding: 15px 0;
     padding: 1.5rem 0;
     cursor: pointer;
   }

   .nav-lists-link {
     display: block;
     width:100%;
     color: #064296;
     position: relative;
   }

   .nav-lists-link.icon-arrow::before, .nav-lists-link.top-product-search-arrow::before, .nav-lists-link.icon-arrow::after, .nav-lists-link.top-product-search-arrow::after {
     background-color: #064296;
   }

   .nav-lists-link.icon-plus::before, .nav-lists-link.icon-plus::after {
     background-color: #064296;
   }

   @media only screen and (min-width: 769px) {
     .nav-lists-link.icon-plus::before, .nav-lists-link.icon-plus::after {
       right: 1rem;
     }
   }

   .nav-lists-link.is-open::after {
     -webkit-transform: rotate(-180deg);
             transform: rotate(-180deg);
   }

   .nav-lists-link > .is-ja {
     display: block;
     /*font-style: italic;*/
     font-family: 'Noto Sans JP', sans-serif;
     transform: skewX(-10deg);
   }

   @media only screen and (max-width: 768px) {
     .nav-lists-link > .is-ja {
       font-size: 1.2rem;
       font-size: 3.2vw;
     }
   }

   @media only screen and (min-width: 769px) {
     .nav-lists-link > .is-ja {
       font-size: 1.5rem;
       font-size: 1.04167vw;
     }
   }

   @media only screen and (min-width: 1440px) {
     .nav-lists-link > .is-ja {
       font-size: 1.5rem;
     }
   }

   .nav-lists-link > .is-en {
     display: block;
     font-family: "Oswald", sans-serif;
     font-weight: 300;
     color: rgba(6, 66, 150, .5);
     letter-spacing: .1em;
     -webkit-transform: skewX(-18deg);
             transform: skewX(-18deg);
   }

   @media only screen and (max-width: 768px) {
     .nav-lists-link > .is-en {
       font-size: 1rem;
       font-size: 2.66667vw;
     }
   }

   @media only screen and (min-width: 769px) {
     .nav-lists-link > .is-en {
       font-size: 1rem;
       font-size: 0.69444vw;
     }
   }

   @media only screen and (min-width: 1440px) {
     .nav-lists-link > .is-en {
       font-size: 1rem;
     }
   }

   .nav-lists_secondary {
     display: none;
     margin: 20px 0 10px;
     margin: 2rem 0 1rem;
   }

   .nav-lists_secondary > .list > a {
     display: block;
     padding: 10px 20px;
     padding: 1rem 2rem;
     color: #064296;
     font-family: 'Noto Sans JP', sans-serif;
   }

   .nav-search {
     width: 100%;
     padding-left: 20px;
     padding-left: 2rem;
     padding-right: 20px;
     padding-right: 2rem;
     position: relative;
   }

   * + .nav-search {
     margin-top: 30px;
     margin-top: 3rem;
   }

   .nav-search-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }

   .nav-search-input {
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     padding: 15px!important;
     padding: 1.5rem!important;
     border: none;
     border-radius: 0;
     outline: 0;
     background: #fff;
     opacity: 1;
   }

   @media only screen and (max-width: 768px) {
     .nav-search-input {
       font-size: 1.6rem;
       font-size: 4.26667vw;
     }
   }

   @media only screen and (min-width: 769px) {
     .nav-search-input {
       font-size: 1.6rem;
       font-size: 1.11111vw;
     }
   }

   @media only screen and (min-width: 1440px) {
     .nav-search-input {
       font-size: 1.6rem;
     }
   }

   .nav-search-input::-webkit-input-placeholder {
     color: #003F98;
   }

   .nav-search-input::-ms-input-placeholder {
     color: #003F98;
   }

   .nav-search-input::placeholder {
     color: #003F98;
   }

   @media only screen and (min-width: 769px) {
     .nav-search-input {
       -webkit-box-flex: 1;
           -ms-flex-positive: 1;
               flex-grow: 1;
     }
   }

   @media only screen and (max-width: 768px) {
     .nav-search-input {
       -ms-flex-preferred-size: 80%;
           flex-basis: 80%;
     }
   }

   .nav-search-btn {
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
     outline: none;
     border: none;
     text-indent: -9999px;
     background-image: url(../img/common/icon_search2.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-color: #fff;
     cursor: pointer;
   }

   @media only screen and (min-width: 769px) {
     .nav-search-btn {
       height: 5rem;
       -ms-flex-preferred-size: 10%;
           flex-basis: 10%;
       background-size: 34px 34px;
     }
   }

   @media only screen and (max-width: 768px) {
     .nav-search-btn {
       height: 8vw;
       -ms-flex-preferred-size: 20%;
           flex-basis: 20%;
       background-size: 8vw 8vw;
     }
   }

   .nav-link_small {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap:wrap;
     justify-content:center;
   }

   * + .nav-link_small {
     margin-top: 30px;
     margin-top: 3rem;
   }

   .nav-link_small > .list > a {
     padding: 10px 15px;
     padding: 1rem 1.5rem;
     color: #064296;
   }

   @media only screen and (max-width: 768px) {
     .nav-link_small > .list > a {
       font-size: 1.2rem;
       font-size: 3.2vw;
     }
   }

   @media only screen and (min-width: 769px) {
     .nav-link_small > .list > a {
       font-size: 1.4rem;
       font-size: 0.97222vw;
     }
   }

   @media only screen and (min-width: 1440px) {
     .nav-link_small > .list > a {
       font-size: 1.4rem;
     }
   }

   .icon-arrow, .top-product-search-arrow, .icon-arrow_wh {
     display: inline-block;
     position: relative;
   }

   .icon-arrow::before, .top-product-search-arrow::before, .icon-arrow_wh::before, .icon-arrow::after, .top-product-search-arrow::after, .icon-arrow_wh::after {
     position: absolute;
     content: "";
     display: block;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
   }

   .icon-arrow::before, .top-product-search-arrow::before, .icon-arrow_wh::before {
     height: 1px;
   }

   .icon-arrow::after, .top-product-search-arrow::after, .icon-arrow_wh::after {
     height: 1px;
     -webkit-transform-origin: 100% 0;
             transform-origin: 100% 0;
     -webkit-transform: rotate(30deg);
             transform: rotate(30deg);
   }

   @media only screen and (min-width: 769px) {
     .icon-arrow, .top-product-search-arrow, .icon-arrow_wh {
       padding-right: 5rem;
     }
     .icon-arrow::before, .top-product-search-arrow::before, .icon-arrow_wh::before {
       width: 3.5rem;
     }
     .icon-arrow::after, .top-product-search-arrow::after, .icon-arrow_wh::after {
       width: 1rem;
     }
   }

   @media only screen and (max-width: 768px) {
     .icon-arrow, .top-product-search-arrow, .icon-arrow_wh {
       padding-right: 10vw;
     }
     .icon-arrow::before, .top-product-search-arrow::before, .icon-arrow_wh::before {
       width: 6vw;
     }
     .icon-arrow::after, .top-product-search-arrow::after, .icon-arrow_wh::after {
       width: 2.5vw;
     }
   }

   @media only screen and (min-width: 1024px) {
     .icon-arrow, .top-product-search-arrow, .icon-arrow_wh {
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
     }
     .icon-arrow::before, .top-product-search-arrow::before, .icon-arrow_wh::before, .icon-arrow::after, .top-product-search-arrow::after, .icon-arrow_wh::after {
       -webkit-transition: all .2s ease .05s;
       transition: all .2s ease .05s;
     }
   }

   .icon-arrow::before, .top-product-search-arrow::before, .icon-arrow::after, .top-product-search-arrow::after {
     background-color: #064296;
   }

   .icon-arrow_wh::before, .icon-arrow_wh::after {
     background-color: #064296;
   }

   .icon-plus {
     display: inline-block;
     position: relative;
   }

   .icon-plus::before, .icon-plus::after {
     position: absolute;
     content: "";
     display: block;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     background-color: #064296;
     -webkit-transition: all .2s ease;
     transition: all .2s ease;
   }

   .icon-plus::before {
     width: 15px;
     width: 1.5rem;
     height: 1px;
   }

   .icon-plus::after {
     width: 15px;
     width: 1.5rem;
     height: 1px;
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-transform: rotate(90deg);
             transform: rotate(90deg);
   }

   @media only screen and (min-width: 1024px) {
     .icon-plus {
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
     }
     .icon-plus::before, .icon-plus::after {
       -webkit-transition: all .2s ease .05s;
       transition: all .2s ease .05s;
     }
   }

   @media only screen and (min-width: 769px) {
     .icon-plus {
       padding-right: 5rem;
     }
     .icon-plus::before, .icon-plus:after {
       width: 1.5rem;
       height: 1px;
     }
   }

   @media only screen and (max-width: 768px) {
     .icon-plus {
       padding-right: 10vw;
     }
     .icon-plus::before, .icon-plus:after {
       width: 5vw;
       height: 1px;
     }
   }

.header-2{
  margin-top:10rem;
  background: #f6f6f6;
  position:relative;
  z-index: 900;
}

ul#topicPath{
	display:block;
  padding:0.5rem;
  max-width:1200px;
  width:100%;
  margin:0 auto!important;
}

ul#topicPath li{
	display:block;
	float:left;
	padding:0 0 0 10px;
	color:#8b8b8b;
}

.header-title{
  width:100%;
  height:100%;
  text-align: center;
  margin-bottom:4rem;
}
.header-title img{
  width:100%;
}

/* # =================================================================
   # main-1colum
   # ================================================================= */
   .main-1column{
    max-width:1200px;
    margin:0 auto;
  }
  @media screen and (max-width:480px){
    .main-1column{
      width:100vw;
      margin:0 auto;
    }
  }
/* # =================================================================
   # main-true_voice
   # ================================================================= */
.main{
  width:960px;
  float:right;
}
.main h1{
  line-height:67px;
  background-color: #064296;
  color:#fff;
  text-align: left;
  margin-bottom:20px;
  padding-left:20px;
  font-weight:bold;
  font-size:2rem;
  margin-right:-200%;
  padding-right:200%;
}
.main h2 img{
  width:100%;
}

@media only screen and (min-width: 769px) {
  .main{
    max-width: -webkit-calc(100% - 240px);
    max-width: calc(100% - 240px);
  }
}

@media only screen and (max-width: 768px) {
  .main{
    max-width: -webkit-calc(100% - 168px);
    max-width: calc(100% - 168px);
  }
  .main img{
    width:100%;
  }
  .imgBox{
    margin:auto 0;
    width:100%;
  }
}

@media screen and (max-width:480px){
  .main{
    max-width:90%;
    margin:0 auto;
    margin-bottom:8rem;
    float:none;
  }
  .wrapper-sp{
    max-width:92%;
    margin:0 auto;
  }
  .header-2{
    margin-top:8rem;
  }
  .main img{
    max-width: 100%;
    height:auto;
    margin:auto 0;
  }
}

.latest-news{
  position:relative;
  background:rgba(238,238,238,0.96);
  margin-top:80px;
  margin-right:-200%;
  padding:4rem 200% 4rem 4rem;
}
.latest-news h3{
  font-size: 3rem;
  font-weight: bold;
  color:#064296;
  position:absolute;
  top:-2.5rem;
}
.latest-news dl{
  position:relative;
  margin:20px 0;
  }
.latest-news dt, .news dt{
  margin-bottom:5px;
  font-weight:bold;
  /*font-size:1.6rem;*/
  line-height:3.2rem;
  color:#8b8b8b;
  display:flex;
  }
.latest-news dd, .news dd{
  border-bottom: #8b8b8b dashed 1px;
  margin-bottom:10px;
  margin-top:-3.6rem;
  padding-bottom:10px;
  padding-left:20rem;
  /*font-size:1.6rem;*/
  line-height:3.2rem;
}
.category ul li a{
  background: #8b8b8b;
  padding:5px 5px;
  font-size:1.6rem;
  line-height:3.2rem;
}
a{
  color:#8b8b8b;
}
.latest-news-archive-btn{
  position:absolute;
  bottom:-8rem;
  right:0;
  background: #064296;
  color:#fff;
  font-size:1.6rem;
  line-height:6rem;
  padding:0 2rem;
  width:220px;
  height:60px;
  transform:skewX(-18deg);
}
.wh::before, .wh::after{
  background: #fff;
}

@media screen and (max-width:768px) {
  .latest-news dd, .news dd{
    margin-top:0;
    padding-left:0;
  }
  .latest-news-archive-btn{
    bottom:-7rem;
  }
}

@media screen and (max-width:480px){
  .latest-news{
    margin-right:0%;
    padding:10px;
    width:100%;
  }
}

/*ノットノーツ記事ページ用*/
.entry-title{
  font-size:19px;
  font-weight:bold;
  /*border-bottom:dotted 1px #bebebe;*/
  margin:0 0 20px 0;
  padding:0 0 7px;
}
.entry-content h4{
  margin:20px 0 40px;
}
.entry-content p.lead{
  margin-bottom:20px;
}

/* # =================================================================
   # field report
   # ================================================================= */
.msg_box{
    margin:50px 0 10px;
    position: relative;
    padding: 0.5em 2.5em;
    border-top: solid 2px rgba(238,238,238,0.96);
    border-bottom: solid 2px rgba(238,238,238,0.96);
}
.msg_box:before, .msg_box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: rgba(238,238,238,0.96);
}
.msg_box:before {left: 10px;}
.msg_box:after {right: 10px;}
.msg_box p {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
@media screen and (max-width:480px){
	.msg_box br {
		display: none;
	}
}


/* # =================================================================
   # fujiki
   # ================================================================= */
h1.header-logo{
  padding:0!important;
}
.fujiki>p{
  margin:40px 0;
  text-align: center;
}
.fujiki main{
  display:flex;
  flex-wrap: wrap;
  width:80%;
  margin:20px 10%
}
.movie{
  width:45%;
  margin-bottom:40px;
}
.movie:nth-of-type(2n){
  margin-left:10%;
}
.movie>p{
  font-size:1.2rem;
}
.movie-title{
  border-bottom:2px solid #064296;
  margin-left:10px;
  width:100%;
  border-left:15px solid #064296;
  transform: skewX(-25deg);
  box-sizing: border-box;
}
.movie-title p{
  line-height:1.2;
  transform:skewX(25deg);
  margin-left:15px;
  margin-bottom:4px;
  font-size:1.4rem;
  font-weight:bold;
}
.movie-title :nth-of-type(1){
  font-size:1.2rem;
  font-weight:normal;
}

iframe{
  margin:10px 0;
}

@media screen and (max-width:980px) {
  .fujiki main{
    width:95%;
    margin:20px 2.5%
  }
  .movie{
    width:48%;
    margin-bottom:40px;
  }
  .movie:nth-of-type(2n){
    margin-left:4%;
  }
  .sp_fujiki{
    display:none;
  }
}
@media screen and (max-width:680px) {
  .fujiki>p{
    margin:auto 10px;
    text-align: left;
  }
  .fujiki main{
    display:block;
  }
  .movie{
    width:100%;
    margin-bottom:40px;
  }
  .movie:nth-of-type(2n){
    margin-left:0;
  }
}


/* # =================================================================
   # sidebar-
   # ================================================================= */
.sidebar{
  width:220px;
  float:left;
  margin:20px 0;
}
.sidebar img{
  width:100%;
}
.sidebar h1{
  font-size:2rem;
  color:#064296;
  margin-bottom:2rem;
  font-family: "Oswald", sans-serif;
}
.sidebar-TV{
  margin-bottom:5rem;
}
.sidebar-news{
  margin-top:0rem;
  margin-bottom:5rem;
}
.sidebar-news ul li{
  line-height:5rem;
  border-bottom:1px solid rgba(6,66,150,.1);
  overflow: hidden;
  position:relative;
}
.sidebar-news a{
  display:block;
  height:5rem;
  position:relative;
  text-indent: 2rem;
  transition:all .3s ease;
  z-index:2;
}
.sidebar-news a::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/common/arrow-right.svg);
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  right:10px;
  top:19px;
}
.eff{
  width:220px;
  height:5rem;
  left:-220px;
  top:0;
  background:#064296;
  position:absolute;
  transition:all .3s ease;
  z-index:1;
}
.sidebar-news ul li:hover .eff{
  top:0;
  left:0;
}
.sidebar-news a:hover{
  color:#fff;
}
.sidebar-news a:hover::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/common/arrow-right-wh.svg);
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  right:10px;
  top:19px;
}

.sidebar-content{
  width:220px;
  width:100%;
  margin:10px 0;
  color:#000;
}

.sidebar-content p{
  font-size:1.4rem;
  line-height:2.1rem;
}

@media only screen and (min-width: 769px) {
  .sidebar{
    width:210px;
    margin-right:10px;
  }
}

@media only screen and (max-width: 768px) {
  .sidebar{
    width:160px;
    margin-right:4px;
  }
}

@media screen and (max-width:480px){
  .sidebar{
    width:90%;
    margin:0 auto;
    float:none;
  }
  .sidebar img{
    width:100%;
    height:auto;
    margin:10px 0;
  }
  .eff{
    width:100%;
    height:5rem;
    left:-100%;
    top:0;
    background:#064296;
    position:absolute;
    transition:all .3s ease;
    z-index:1;
  }
  .sidebar-contents{
    display:none;
  }
}

/* # =================================================================
   # リンク一覧
   # ================================================================= */
.mod-banners {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  /*padding-bottom: 80px;*/
}

@media only screen and (max-width: 768px) {
  .mod-banners {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.mod-banners-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mod-banners-lists > .list {
  padding: 5px 4px;
  text-align: center;
}

.mod-banners-lists > .list img {
  max-width: 100%;
}

@media only screen and (min-width: 769px) {
  .mod-banners-lists::after {
    display: block;
    content: "";
    width: 33%;
  }
  .mod-banners-lists > .list {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media only screen and (max-width: 768px) {
  .mod-banners-lists {
    padding-left: 4%;
    padding-right: 4%;
  }
  .mod-banners-lists > .list {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (max-width: 480px){
  .mod-banners-lists {
    padding-left: 4%;
    padding-right: 4%;
  }
  .mod-banners-lists > .list {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}

/* ===========================================
   Product共通
   ===========================================*/
.fishing-type, .category{
  font-family: "Oswald", sans-serif;
  font-size:1.6rem;
  line-height:2rem;
  color:#064296;
}
.fishing-type h2, .category h2{
  font-size:3.5rem;
  width:50%;
  padding-bottom:40px;
}
.fishing-type h2::after, .category h2::after{
  display:block;
  margin-top:-10px;
  font-size:1.6rem;
}
.fishing-type img, .category img{
  width:100%;
}

@media screen and (max-width:780px) {
  .fishing-type h2, .category h2{
    width:70%;
    font-size:3rem;
  }
}

/* ===========================================
   search
   ===========================================*/
main.product{
  margin-left:60px;
  padding:60px 60px 40px 60px;
}
@media screen and (max-width:980px) {
  main.product{
    padding:40px 20px;
  }
}
.search_type{
  display: flex;
}
.search_type li, .top-product-search-field{
  display: block;
  width:calc(100% - 20px / 3);
  margin-right:10px;
  margin-bottom:40px;
  text-align: center;
  height:7rem;
  line-height:7rem;
  font-size:1.6rem;
  color:#064296;
}
.search_type li{
  background: #e6ebed;
}
li.active{
  background: #064296;
  color:#fff!important;
}
.search_type li:hover{
  background: #064296;
  color:#fff;
}
.tab-item{
  display:none;
}
.show{
  display:block;
}

@media screen and (max-width:780px) {
  .search_type{
    display:none;
  }
  .search_type a, .top-product-search-field{
    width:100%;
    margin-bottom:20px;
  }
  .search_type li{
    margin-bottom:20px;
  }
  .top-product-search-field{
    margin-bottom:40px;
  }
}

@media screen and (max-width:780px) {
  main.product{
    margin-left:0;
    padding: 0 0 40px 0;
    width:95%;
    margin:0 auto;
  }
}


/*ボタンのクラス*/
.top-product-search-arrow {
  display: inline-block;
  position: relative;
  background: none;
  border:none;
  outline:none;
  -webkit-apparance:none;
  padding-right: 5rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  padding: 2rem;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
/*ボタン矢印構成部品*/
 .top-product-search-arrow::before, .top-product-search-arrow::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #7c7c7c;
  -webkit-transition: all .2s ease .05s;
  transition: all .2s ease .05s;
  right: 3rem;
}
.top-product-search-arrow::before {
  height: 1px;
  width: 3.5rem;
}
.top-product-search-arrow::after {
  height: 1px;
  width: 1rem;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.top-product-search-arrow:hover {
    -webkit-transform: translate3d(2rem, 0, 0);
            transform: translate3d(2rem, 0, 0);
}

.top-product-search-field {
  position: relative;
  margin-right:0;
}

.top-product-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border:1px solid grey;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          background-color: #fff;
}

.top-product-search-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  outline:none;
  border:none!important;
  font-size:1.6rem;
  text-indent:2rem;
  height:calc(7rem - 2px);
}

/* ===========================================
   fishing type
   ===========================================*/
.fishing-type h2::after{
  content:'釣種別';
}
.fishing-type_img img{
  display: block;
  width:100%;
}
.fishing-type_img a{
  display: block;
  height:auto;
  margin-bottom:2%;
}
.fishing-type_img{
  display:flex;
  justify-content: space-between;
}
.fishing-type_img :nth-child(2){
}
.fishing-type_img_box{
  width:49.5%;
}
.fishing-type_img_s{

  display: flex;
  flex-wrap: wrap;
}
.fishing-type_img_s a{
  display: block;
  width:49%;
  margin-right:2%;
}
.fishing-type_img_s a:nth-of-type(2n){
  margin-right:0;
}
.fishing-type_img_s a:nth-of-type(3), .fishing-type_img_s a:nth-of-type(4){
}
.A{
	position:relative;
}
.text-1, .text-2{
	width:48%;
	height:5rem;
	text-align: center;
	background-color:rgba(0, 0, 0, .75);
	color:#fff;
	box-sizing: border-box;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
	font-size:90%;
  padding-top:0.8%;
  line-height:2.2rem;
}
.text-2{
  padding-top:1.5%;
  width:65%;
  height:5rem;
}
.text-1 p:nth-of-type(2){
	font-size:80%;
  letter-spacing: 0.15rem;
}
.text-2 p:nth-of-type(2){
  font-size:70%;
  letter-spacing: 0.15rem;
}
.text-1 p, .text-2 p{
	position:relative;
	z-index: 2;
	margin:0;
}
.eff{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:-380px;
	background: rgba(8,95,217,0.5);
	transition: all .5s ease;
	z-index: 1;
}

.A:hover .eff{
	left:0;
}

@media screen and (max-width:780px) {
  .fishing-type_img{
    margin-bottom:0;
    display: block;/*flex解除*/
  }
  .fishing-type_img_box{
    width:100%;
  }
}

/* ===========================================
   category
   ===========================================*/
.category h2::after{
  content:'カテゴリー';
}
.category > a {
  display:block;
  width:100%;
  margin-bottom:1%;
}
.category_img a{
  display:block;
  width:49.5%;
  margin-right:1%;
  margin-bottom:1%;
}
.category_img a:nth-of-type(2n){
  margin-right:0;
}
.category_img {
  display:flex;
  flex-wrap:wrap;
}
.text-3{
  width:40%;
  height:50px;
}
.text-4{
  width:30%;
  height:50px;
  padding-top:0.5%;
}

@media screen and (max-width:780px) {
  .text-3{
    width:50%;
  }
  /*.category_img a{
    width:49%;
    margin-right:2%;
  }
  .category_img a:nth-of-type(3n){
    margin-right:2%;
  }
  .category_img a:nth-of-type(2n){
    margin-right:0;
  }*/
}

/* ===========================================
   category-bar
   ===========================================*/
.side_cat{
  width:60px;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: #064296;
  z-index:801;
}
.side-cat-btn {
	cursor: pointer;
  position:absolute;
  top:140px;
  z-index:801;
}
/*
.side-cat-btn-fixed{
  position:fixed;
  top:50vh;
}*/
.side-cat-btn > .inner {
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  height:200px;
  width:60px;
}
.side-cat-btn > .inner::before, .side-cat-btn > .inner::after {
  position: absolute;
  display: block;
  content: "";
  top: -40px;
  width:3px;
  height: 30px;
  background-color: #fff;
  -webkit-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.side-cat-btn > .inner::before{
  left:20px;
}
.side-cat-btn > .inner::after{
  left:35px;
}
.side-cat-btn .text {
		display: inline-block;
		font-family: "Oswald", sans-serif;
    font-weight:bold;
		color: #fff;
    font-size:1.8rem;
    line-height:60px;
		-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		text-transform: uppercase;
		letter-spacing: .5em;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
	}
.side-cat-btn .close{
  display:none;
}
  .side_cat.active .side-cat-btn > .inner::before {
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
             transform: rotate(135deg) translate3d(0, 0, 0);
    left:30px;
   }
   .side_cat.active .side-cat-btn > .inner::after {
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-transform: rotate(-135deg) translate3d(0, 0, 0);
             transform: rotate(-135deg) translate3d(0, 0, 0);
    left:30px;
   }
  .side_cat.active .side-cat-btn .open {
    display:none;
   }
   .side_cat.active .side-cat-btn .close {
    display:block;
    }
  /*.side_cat.active .side-cat-btn{
    top:21.5vh;
   }*/

nav.category-menu{
  position:fixed;
  top:0;
  background:#064296;
  width:600px;
  padding:70px;
  padding-top:160px;
  transform:translateX(-100%);
  transition: .3s;
  overflow-y: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
  height:100%;
  z-index:800;
  visibility:hidden;
  opacity:0;
}
nav.category-menu::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}
nav.category-menu.active{
  transform:translateX(0%);
  visibility:visible;
  opacity:1;
}
.category-lists-link span{
  color:#fff;
}
nav.category-menu > a{
  display:block;
  width:100%;
}
nav.category-menu img{
  display:block;
  width:60%;
  margin:0 auto;
}
nav.category-menu > ul > li {
  display:block;
  color:#fff;
  border-bottom:solid #fff 1px;
}
nav.category-menu > ul > li > p{
  font-size:1.6rem;
  line-height:6rem;
}
nav.category-menu ul{
  padding-bottom:40px;
  /*padding-top:40px;*/
  vertical-align: middle;
}
nav.category-menu ul > ul{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.category-lists-link{
  width:220px;
  border-bottom:rgba(255,255,255,0.7) solid 0.5px;
  position:relative;
}
nav.category-menu ul > ul > a, .category-lists-link-long{
  width:100%;
}
.category-lists-link::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/common/arrow-right-wh.png);
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  right:10px;
  top:25px;
  z-index:10000;
}
.category-lists-link span.is-ja{
  font-size:1.4rem;
  line-height:6rem;
}
.category-menu .top-product-search-field, .category-menu .top-product-search-form, .category-menu .top-product-search-input {
  width:100%;
}
.category-menu .top-product-search-field{
  margin-top:20px;
}

@media screen and (max-width:780px) {
  .side_cat{
    width:205px;
    height:40px;
    line-height:4rem;
    position:fixed;
    top:auto;
    bottom:20px;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: lr-tb;
            writing-mode: lr-tb;
    z-index:798;

  }
  .side-cat-btn {
  	cursor: pointer;
    position:absolute!important;
    top:0!important;
    cursor: pointer;
  }
  .side-cat-btn > .inner {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height:40px;
    width:200px;
  }
  .side-cat-btn > .inner::before, .side-cat-btn > .inner::after {
    position: absolute;
    display: block;
    content: "";
    left: 15px;
    width:25px;
    height: 3px;
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
           transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .side-cat-btn > .inner::before{
    top:13px;
  }
  .side-cat-btn > .inner::after{
    top:25px;
  }
  .side-cat-btn .text {
      line-height:40px;
  		-webkit-writing-mode: lr-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: lr-tb;
      padding-left:50px;
  }
  .side_cat.active{
    width:60px;
    height:60px;
    position:fixed;
    top:15px;
    left:0;
    z-index:801;
  }
  .side_cat.active .side-cat-btn > .inner::before, .side_cat.active .side-cat-btn > .inner::after {
    top:20px;
    left:15px;
   }
  .side_cat.active .side-cat-btn{
    top:15vh!important;
   }
}

@media screen and (max-width:480px) {
  nav.category-menu{
    width:100%;
    padding:20px;
    padding-top:150px;
  }
  .category-lists-link{
    width:150px;
  }
}

/* ===========================================
   product 詳細ページ
   ===========================================*/
  main.pd-item{
    padding:60px 30px 0 30px;
  }
  .pd-item-main{
    display:flex;
    justify-content:space-between;
  }
  .pd-item-img{
    max-width:500px;
  }
  .pd-item-text{
    max-width:515px;
    margin-left:10px;
  }
  .pd-item-img-s .swiper-slide{
    width:120px!important;
    margin-right:5px;
  }
  .pd-item-img-s .swiper-wrapper{
    flex-wrap: wrap;
  }
  @media screen and (max-width:1024px) {
    .pd-item-img>img{
      width:100%;
    }
  }
  @media screen and (max-width:780px) {
    main.pd-item{
      padding:60px 0 40px 0;
    }
    .pd-item-main{
      display:block;
    }
    .pd-item-img{
      max-width:500px;
      margin:0 auto;
    }
    .pd-item-text{
      margin-left:0;
      margin-top:60px;
      max-width:100%;
    }
    .pd-item-img-s .swiper-wrapper{
      flex-wrap: nowrap;
    }
    .pd-item-img-s .swiper-slide{
      width:24%!important;
      margin-right:5px;
    }
    .pd-item-img-s .swiper-slide img{
      width:100%;
    }
  }
  .pd-item-text p:nth-of-type(1){
    display:block;
    background-color:#333333;
    color:#fff;
    padding:5px;
    width:250px;
    text-align: center;
    font-size:1.2rem;
  }
  .pd-item-text h2{
    font-size:2.6rem;
    font-weight:bold;
    color:#333333;
    margin:20px 0 20px 0;
    line-height:3rem;
  }
  .pd-item-text p:nth-of-type(2){
    font-size:1.8rem;
    font-weight:bold;
    color:#064296;
    line-height: 3rem;
  }
  .pd-item-text p:nth-of-type(3){
    font-size:1.4rem;
    line-height:2.6rem;
  }
  .pd-item-text p:nth-of-type(4){
    font-size:1.2rem;
  }
  .pd-item-img p{
    margin:5px 0;
    text-align: right;
    font-size:1.2rem;
  }
  .pd-item-detail{
    padding:0 60px 0 60px;
  }
  @media screen and (max-width:780px) {
    .pd-item-detail{
      padding:0 1%;
    }
  }
  .pd-item-heading{
    background-color:#064296;
    color:#fff;
    width:220px;
    height:68px;
    transform: skewX(-18deg);
    text-align: center;
    margin:60px 0 40px 0;
  }
  .pd-item-heading h3{
    font-size:2rem;
    font-family: "Oswald", sans-serif;
    letter-spacing:.1em;
    transform: skewX(18deg);
    line-height:40px;
  }
  .pd-item-heading p{
    font-size:1.2rem;
    transform: skewX(18deg);
  }
  @media screen and (max-width:780px) {
    .pd-item-detail .fishcat-img{
      max-width:466px;
      width:100%;
    }
  }
  .pd-item-detail .model-text p:nth-of-type(odd){
    font-size:1.6rem;
    font-weight:bold;
    color:#064296;
  }
  .pd-item-detail .molel-text p:nth-of-type(2n){
    font-size:1.4rem;
  }
  table.pd-item-spec{
    text-align: center;
    font-size:1.2rem;
    border:solid 2px #eeeeee;
  }
  @media screen and (max-width:780px) {
    .pd-item-spec_table {
      overflow:auto;
      -ms-overflow-style: none;    /* IE, Edge 対応 */
          scrollbar-width: none;       /* Firefox 対応 */
    }
    table.pd-item-spec{
      width:915px;
    }
    .pd-item-spec_table::-webkit-scrollbar {  /* Chrome, Safari 対応 */
          display:none;
    }
  }
  table.pd-item-spec th, table.pd-item-spec td{
    padding:0 10px 0 10px;
    height:72px;
    border:solid 2px #eeeeee;
  }
  table.pd-item-spec th{
    font-weight:bold;
    background-color:#f5f5f5;
  }
  table.pd-item-spec tr.even{
    background-color:#f5f5f5;
  }
  .pd-item-detail .spec-text{
    font-size:1.2rem;
    margin-top:10px;
  }
  .related-pd-heading {
    margin-left:60px;
    margin-bottom:-100px;
    position:relative;
    z-index:2;
  }
  .related-pd{
    background-color: #eeeeee;
    margin:60px -200% 0 -200%;
    padding:0 200% 0 200%;
  }
  .related-pd_lists{
    display:flex;
    justify-content: space-between;
    text-align: center;
    padding:100px 60px 60px;
  }
  @media screen and (max-width:780px) {
    .related-pd_lists{
      padding: 100px 0 60px 0;
    }
    .related-pd-heading{
      margin-left:0;
    }
  }
  .related-pd_list{
    margin-right:20px;
    width:220px;
  }
  .related-pd_list p:nth-of-type(1){
    letter-spacing: 0.2rem;
  }
  .list_last{
    margin-right:0;
  }
  .related-pd_list img{
    width:100%;
  }
  .related-pd_list p:first-of-type{
    font-weight:bold;
    margin-top:10px;
  }
  .related-pd_list p:nth-of-type(2){
    text-align: left;
  }
  .related-pd_list p:nth-of-type(3){
    text-align: right;
    color:#3d3d3d;
  }
  .related-pd_list button{
    -webkit-apparance:none;
    border: none;
    outline: none;
    background: #064296;
    color:#fff;
    padding:3px 30px;
    cursor: pointer;
  }
  .related-pd_list:hover{
    opacity:0.5;
  }

  @media screen and (max-width:780px) {
    .related-pd_lists{
      overflow-x: scroll;
      -ms-overflow-style: none;    /* IE, Edge 対応 */
          scrollbar-width: none;       /* Firefox 対応 */
      overflow-x: scroll;
    }
    .related-pd_lists::-webkit-scrollbar {  /* Chrome, Safari 対応 */
          display:none;
    }
    .related-pd_list img{
      width:  220px;
    }
  }

  /* ===========================================
     記事ページ 製品リスト
     ===========================================*/
  .article-pd-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .article-pd-lists.col1 {
    justify-content: left;
  }
  .article-pd-lists .item {
    display: block;
    text-align: left;
    margin: 0 10px 40px;
    width: calc((100% - 80px) / 4);
  }
  @media screen and (max-width: 768px) {
    .article-pd-lists.col1 {
      justify-content: center;
    }
    .article-pd-lists .item {
      margin: 0 10px 40px;
      width: calc((100% - 40px) / 2);
    }
  }

/* ===========================================
   knots notes
   ===========================================*/
   .knots-title {
   	background-color: #064296;
   	color: #fff;
   	text-align: left;
   	margin: 0 0 40px 0;
   	padding: 10px 0 10px 40px;
   	font-weight: bold;
   	font-size: 3.2rem;
   	margin-right: -200%;
   	padding-right: 200%;
   }
   .knots-title .small {
     display: block;
   	font-size: 1.8rem;
   	vertical-align: middle;
   }
   @media screen and (max-width:980px) {
   	.knots-title .small {
   		display: block;
   		padding-left: 0;
   	}
   }
   .knots-lead {
   	font-size: 1.6rem;
   	margin: 30px 0 60px 20px;
   }
   @media screen and (max-width:480px) {
   	.knots-title {
   		font-size: 2.6rem;
   		padding-left: 20px;
   	}
   	.knots-title .small {
   		font-size: 1.6rem;
   	}
   	.knots-lead {
   		font-size: 1.2rem;
   		margin: 20px 0;
      width: 90%;
   	}
   }
   .knots-nav-cont {
   	position: relative;
  }
  .header-knots-nav.fixed {
    position: fixed;
    top: 100px;
    max-width: 1200px;
    width: 100%;
    z-index: 100;
   }
   @media screen and (max-width:480px) {
   	.header-knots-nav.fixed {
   		left: 0;
      top: 67px;
      width: 100%;
   	}
   }
   .knots-nav-cont ul {
   	margin: 0;
   	padding: 0;
   }
   .knots-nav-cont li {
   	list-style: none;
   }
   .knots-nav-cont a {
   	text-decoration: none;
   	display: block;
   	width: 100%;
    height: 100%;
   	position: relative;
   }
   @media screen and (min-width:481px) {
   	.knots-nav-cont ul {
   		display: flex;
       align-items: flex-start;
   	}
   	.knots-nav-cont li {
   		width: calc((100% - 30px) / 6);
   		margin-right: 6px;
   		box-shadow: 0 3px 3px rgba(0,0,0,.4);
   	}
   	.knots-nav-cont li:last-of-type {
   		margin-right: 0;
   	}
   	.knots-nav-cont li.current {
      border: 8px solid #064296;
   	}
    .knots-nav-cont a img {
      width: 100%;
      display: block;
    }
    .knots-nav-cont a span.sp {
      display: none;
    }
   	.knots-nav-btn {
   		display: none;
   	}
   }
   /* @media screen and (max-width: 852px) {
   	.knots-nav-cont a {
   		font-size: 1rem;
   	}
   } */
   @media screen and (max-width:480px) {
   	.knots-nav-btn {
   		display: block;
   		background: #21A7B9;
   		color: #fff;
   		font-size: 2.2rem;
   		font-weight: bold;
   		font-family: "Oswald", sans-serif;
   		padding: 10px 20px;
   		position: relative;
   	}
   	.knots-nav-btn:before,
   	.knots-nav-btn:after {
   		content: "";
   		display: block;
   		background: #fff;
   		width: 2px;
   		height: 12px;
   		position: absolute;
   	}
   	.knots-nav-btn:before {
   		transform: rotate(-45deg);
   		top: 24px;
   		right: 40px;
   	}
   	.knots-nav-btn:after {
   		transform: rotate(45deg);
   		top: 24px;
   		right: 32px;
   	}
   	.header-knots-nav {
   		position: relative;
       z-index: 100;
   	}
   	.knots-nav-cont {
   		position: absolute;
   		top: 52px;
   		transform: scaleY(0);
   		transform-origin: top;
   		transition: all .2s;
      width: 100%;
   	}
   	.open .knots-nav-cont {
   		transform: scaleY(1);
   	}
   	.knots-nav-cont ul {
   		background: #21A7B9;
   		padding-bottom: 20px;
   	}
   	.knots-nav-cont li {
   		margin: 0 20px 0 30px;
   	}
     .knots-nav-cont a img.pc {
      display: none;
    }
    .knots-nav-cont a span.sp {
      display: block;
    }
   	.knots-nav-cont li a {
      color: #fff!important;
      text-align: left;
   		padding: 10px 0;
   		font-size: 1.4rem;
   		border-bottom: 1px solid #fff;
   		position: relative;
   	}
   	.knots-nav-cont li a:before,
   	.knots-nav-cont li a:after {
   		content: "";
   		display: block;
   		background: #fff;
   		width: 2px;
   		height: 12px;
   		position: absolute;
   	}
   	.knots-nav-cont li a:before {
   		transform: rotate(-45deg);
   		top: 18px;
   		right: 20px;
   	}
   	.knots-nav-cont li a:after {
   		transform: rotate(45deg);
   		top: 18px;
   		right: 12px;
   	}
   	.knots-nav-cont li .pc {
   		display: none;
   	}
   }

   .knots-cat {
   	width: 100%;
   	background: #EEEEEE;
   	padding: 20px 40px 40px;
   	margin: 80px 0;
    position: relative;
    box-shadow: 5px 5px 0 rgba(128, 27, 187, .5);
   }
   .knots-cat p {
     font-size: 1.4rem;
   }
   .knots-cat-title-wrap {
     display: flex;
     position: absolute;
     top: -20px;
     left: 0;
   }
   .knots-cat-icon {
     width: 50px;
     margin-right: 10px;
     position: relative;
   }
   .knots-cat-icon img {
     width: 100%;
     display: block;
   }
   .knots-cat-title {
   	font-size: 3.6rem;
    font-weight: bold;
   	color: #333;
     line-height: 1.35;
   }
   p.knots-cat-lead {
     font-size: 2rem;
     position: relative;
     margin-left: 24px;
     margin-top: 20px;
   }
   p.knots-cat-lead:before {
     content: "";
     display: inline-block;
     width: 26px;
     height: 23px;
     background: url(../img/common/icon-cat-lead.png) 0/contain no-repeat;
     position: absolute;
     left: -34px;
     top: 5px;
   }
   .cat-item-cont {
   	display: flex;
    flex-direction: row-reverse;
    justify-content: left;
   	margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dashed #999;
   }
   .cat-item-img {
   	max-width: 347px;
   	width: 35%;
   }
   .knots-cat img {
     width: 100%;
   }
   .cat-item-text {
   	width: 60%;
   	margin-left: 40px;
   	color: #064296;
   }
   .cat-item-title {
   	font-size: 2.6rem;
    font-weight: bold;
   	border-bottom: 2px solid #064296;
   	margin: 0 0 26px;
   }
   .cat-item-text .btn {
   	display: block;
   	width: 155px;
   	height: 43px;
   	line-height: 4.3rem;
   	background: #064296;
   	color: #fff;
   	text-align: center;
   	text-decoration: none;
   	margin-top: 26px;
   	transition: all .2s;
   }
   .cat-item-text .btn:hover {
   	opacity: .8;
   }
   .cat-item-cont .btn.sp {
     display: none;
   }
   @media screen and (max-width: 480px) {
   	.knots-wrapper {
   		width: 90%;
   	}
   	.knots-cat {
   		padding: 10px 20px 20px;
   		margin: 20px 0;
   	}
    .knots-cat p,
    p.knots-cat-lead {
      font-size: 1.2rem;
    }
    .knots-cat-title-wrap {
      position: relative;
      top: -10px;
      left: -20px;
    }
    .knots-cat-icon {
      min-height: 50px;
    }
   	.knots-cat-title {
   		font-size: 2.2rem;
   		width: calc(100% - 60px);
      margin-top: 14px;
   	}
    p.knots-cat-lead {
      margin-top: 0;
      margin-left: 40px;
    }
    p.knots-cat-lead:before {
      width: 20px;
      top: 0;
      left: -30px;
    }
   	.cat-item-cont {
   		display: block;
   		margin-top: 20px;
      padding-top: 10px;
   	}
   	.cat-item-text {
   		width: 100%;
   		margin: 10px 0 20px;
   	}
   	.cat-item-title {
   		font-size: 1.8rem;
   		margin: 0 0 10px;
   	}
   	.cat-item-text .btn.pc {
       display: none;
   	}
     .cat-item-cont .btn.sp {
      display: block;
      width: 155px;
      height: 43px;
      line-height: 4.3rem;
      background: #064296;
      color: #fff;
      text-align: center;
      text-decoration: none;
      margin-top: 16px;
      transition: all .2s;
     }
   }
   .modal-mv {
     position: relative;
     width: 100%;
     padding-top: 56.25%;
   }
   .modal-mv iframe {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
   }
   .modal-window {
   	max-width: 1200px;
    width: 60%;
   	position: fixed;
   	top: 50%;
   	left: 50%;
   	transform: translate(-50%,-50%);
   	z-index: 10000;
   	display: none;
   }
   .modal-window.modal-img {
   	max-width: 560px;
   }
   .modal-close {
   	position: absolute;
   	top: -60px;
   	right: 0;
   	width: 30px;
   	height: 30px;
   }
   .modal-close:before,
   .modal-close:after {
   	content: "";
   	display: block;
   	width: 44px;
   	height: 4px;
   	background: #fff;
   	position: absolute;
   }
   .modal-close:before {
   	transform: rotate(45deg);
   	transform-origin: top left;
   }
   .modal-close:after {
   	top: 30px;
   	transform: rotate(-45deg);
   	transform-origin: bottom left;
   }
   @media screen and (max-width: 1200px) {
   	.modal-window {
      max-width: 768px; 
   		width: 100%;
   	}
   	.modal-close {
   		right: 20px;
   	}
   }
   .mask {
   	position: fixed;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
   	background: rgba(0,0,0,.7);
   	z-index: 9999;
   	display: none;
   }

    /* # =================================================================
       # footer
       # ================================================================= */
    .footer {
      background-color: #074daf;
      text-align: center;
      margin-top:80px;
      position:relative;
      z-index: 799 /*802->799に変更*/
    }

    @media only screen and (min-width: 769px) {
      .footer-inner {
        padding-top: 6rem;
      }
    }

    @media only screen and (max-width: 768px) {
      .footer-inner {
        padding-top: 4rem;
      }
    }

    .footer-logo svg {
      fill: #FFF;
    }

    @media only screen and (min-width: 769px) {
      .footer-logo svg {
        width: 170px;
        height: 60px;
      }
    }

    @media only screen and (max-width: 768px) {
      .footer-logo svg {
        max-width: 100px;
      }
    }

    @media only screen and (min-width: 769px) {
      * + .footer-content {
        /*margin-top: 4rem;*/
        margin-top: 0;
      }
    }

    @media only screen and (max-width: 768px) {
      * + .footer-content {
        /*margin-top: 3.5rem;*/
        margin-top: 0;
      }
    }

    .footer-social-heading {
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "Oswald", sans-serif;
      font-weight: 300;
      color: #FFF;
      letter-spacing: .1em;
      text-align: center;
    }

    @media only screen and (max-width: 750px) {
      .footer-social-heading {
        font-size: 1.2rem;
      }
    }

    .footer-social-lists {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

    * + .footer-social-lists {
      margin-top: 5px;
      margin-top: .5rem;
    }

    .footer-social-lists > .list {
      -ms-flex-preferred-size: 35px;
          flex-basis: 35px;
      height: 35px;
    }

    @media only screen and (min-width: 769px) {
      .footer-social-lists > .list {
        margin: .5rem;
      }
    }

    @media only screen and (max-width: 768px) {
      .footer-social-lists > .list {
        margin: .5rem;
        -ms-flex-preferred-size: 45px;
            flex-basis: 45px;
        height: 45px;
      }
    }

    .footer-social-lists > .list > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #FFF;
      border-radius: 50%;
      -webkit-transition: background-color .3s ease;
      transition: background-color .3s ease;
    }

    @media only screen and (min-width: 1024px) {
      .footer-social-lists > .list > a:hover {
        background-color: rgba(255, 255, 255, .75);
      }
    }

    .footer-social-lists > .list > a > svg {
      fill: #064296;
    }

    .footer-social-lists > .list.is-facebook > a > svg {
      width: 65%;
    }

    .footer-social-lists > .list.is-instagram > a > svg {
      width: 60%;
    }

    .footer-social-lists > .list.is-youtube > a > svg {
      width: 65%;
    }

    .footer-social-lists > .list.is-line > a > svg {
      width: 100%;
    }

    .footer-social-lists > .list.is-twitter > a > svg {
      width: 100%;
    }

    .footer-navs {
      letter-spacing: -.4em;
    }

    .footer-navs > .nav {
      display: inline-block;
      letter-spacing: 0;
    }

    .footer-navs > .nav + .nav {
      position: relative;
      margin-left: 10px;
      margin-left: 1rem;
      padding-left: 10px;
      padding-left: 1rem;
    }

    .footer-navs > .nav + .nav::before {
      position: absolute;
      display: block;
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 1px;
      height: 60%;
      background-color: #FFF;
    }

    .footer-navs > .nav > a {
      display: block;
      font-size: 11px;
      font-size: 1.1rem;
      color: #FFF;
      text-decoration: none;
    }

    @media only screen and (max-width: 750px) {
      .footer-navs > .nav > a {
        font-size: 1rem;
      }
    }

    /***************** 採用ボタン追加 *******************/
    .footer-content .recruit-box {
      max-width: 410px;
      width: 95%;
      margin: 0 auto;
    }
    .footer-content .recruit {
      display: block;
      width: 60px;
    }
    .footer-content .recruit img {
      width: 100%;
    }
    @media screen and (max-width:480px) {
      .footer-content .recruit {
        width: 50px;
      }
    }
    /****************************************************/

    .footer-copyright {
      padding: 5px 0;
      padding: .5rem 0;
      font-size: 10px;
      font-size: 1rem;
      font-family: "Oswald", sans-serif;
      color: #064296;
      font-weight: 300;
      background-color: #FFF;
    }

    * + .footer-copyright {
      margin-top: 10px;
      margin-top: 1rem;
    }






.entry-header img {
  width: 85px !important;
  padding-right: 5px;
}
@media screen and (max-width: 768px) {
  .entry-header img {
    width: 80px !important;
    padding-right: 5px;
  }
}