@charset "UTF-8";
html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden; }

section {
  overflow: hidden; }

body {
  width: 100%;
  font-size: 16px;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, sans-serif, "メイリオ", meiryo;
  color: #222;
  position: relative;
  line-height: 1.8;
  padding-top: 100px; }

img {
  max-width: 100%;
  width: auto;
  vertical-align: top;
  height: auto; }

.sp {
  display: none !important; }

@media screen and (max-width: 767px) {
  body {
    font-size: 3.2vw;
    padding-top: 12vw; }

  .pc {
    display: none !important; }

  .sp {
    display: inherit !important; } }
a {
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.pagetop {
  position: relative;
  display: block;
  z-index: 1100; }

.pagetop a {
  width: 50px;
  height: 50px;
  background: #E95B2B;
  border-radius: 50px;
  color: #fff;
  display: block;
  z-index: 1100;
  overflow: hidden;
  position: relative; }
  .pagetop a i {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .pagetop a:hover {
    opacity: 0.7;
    transition: 0.3s; }

/*=====================================================
ヘッダー
======================================================*/
header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.7);
  /*nav_wrap*/ }
  header .nav_wrap {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    /*btn_nav*/
    /*nav*/ }
    header .nav_wrap .head_logo {
      width: 100%;
      max-width: 300px;
      display: block;
      float: left;
      position: relative;
      z-index: 5;
      margin: 25px 0 0 2%; }
      header .nav_wrap .head_logo img {
        width: 100%; }
        header .nav_wrap .head_logo img:hover {
          opacity: 0.7; }
    header .nav_wrap .head_pc_navi {
      float: right;
      margin-right: 100px; }
      header .nav_wrap .head_pc_navi .h_navi {
        padding: 0 0; }
        header .nav_wrap .head_pc_navi .h_navi p {
          display: inline-block;
          padding: 0; }
          header .nav_wrap .head_pc_navi .h_navi p a {
            padding: 0 10px;
            line-height: 100px;
            color: #333;
            display: inline-block; }
            header .nav_wrap .head_pc_navi .h_navi p a:hover {
              color: #E95B2B; }
          header .nav_wrap .head_pc_navi .h_navi p.navi_recruit {
            background: #E95B2B; }
            header .nav_wrap .head_pc_navi .h_navi p.navi_recruit a {
              color: #fff; }
      @media screen and (max-width: 1100px) {
        header .nav_wrap .head_pc_navi {
          display: none; } }
    header .nav_wrap .btn_nav {
      position: absolute;
      right: 0vw;
      top: 0vw;
      width: 100px;
      height: 100px;
      margin: 0;
      z-index: 120;
      cursor: pointer;
      background: #EB7C33; }
      header .nav_wrap .btn_nav a {
        display: inline-block;
        position: absolute;
        top: 40px;
        left: 30px;
        width: 44px;
        height: 23px;
        background-image: url("../img/common/navi_btn.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 0.2s; }
    header .nav_wrap .btn_nav a.active {
      background-image: url("../img/common/navi_btn_on.svg");
      transform: rotateX(180deg);
      transition: 0.2s; }
    header .nav_wrap nav {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 100px 0;
      background: #EB7C33;
      display: none; }
      header .nav_wrap nav .pc_navi {
        width: 100%;
        text-align: center;
        border-top: 1px #fff solid; }
        header .nav_wrap nav .pc_navi ul {
          max-width: 1280px;
          width: 100%;
          display: inline-block;
          margin-top: 40px; }
          header .nav_wrap nav .pc_navi ul li {
            display: inline-block;
            vertical-align: top; }
            header .nav_wrap nav .pc_navi ul li dl {
              text-align: left;
              margin-right: 30px; }
              header .nav_wrap nav .pc_navi ul li dl a {
                color: #fff; }
              header .nav_wrap nav .pc_navi ul li dl dt {
                font-size: 20px;
                margin-top: 10px;
                display: block; }
              header .nav_wrap nav .pc_navi ul li dl dd {
                display: inline-block;
                margin-left: 20px;
                vertical-align: top; }
                header .nav_wrap nav .pc_navi ul li dl dd a {
                  display: inline-block;
                  text-decoration: underline; }
                  header .nav_wrap nav .pc_navi ul li dl dd a span {
                    font-size: 10px; }
                  header .nav_wrap nav .pc_navi ul li dl dd a:hover {
                    text-decoration: none; }
      header .nav_wrap nav .sp_navi {
        display: none; }

/*header*/
header.on {
  position: fixed !important;
  top: 0 !important;
  transition: 0.3s ease-in-out;
  background: #fff;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7)); }
  header.on .nav_wrap .head_logo:hover {
    opacity: 0.7;
    transition: 0.3s ease-in-out; }
  header.on .nav_wrap nav .nav_area .nav01 li a {
    color: #fff; }
  header.on .nav_wrap nav .nav_area .nav01 li.navi_recruit a {
    color: #fff; }
  header.on .nav_wrap nav .nav_area .nav01 .sub a:after {
    color: #fff; }

#about header .nav_wrap .head_pc_navi .h_navi p .navi_about {
  color: #5BA995; }

#product header .nav_wrap .head_pc_navi .h_navi p .navi_product {
  color: #5BA995; }

#company header .nav_wrap .head_pc_navi .h_navi p .navi_company {
  color: #5BA995; }

#ethic header .nav_wrap .head_pc_navi .h_navi p .navi_ethic {
  color: #5BA995; }

@media screen and (max-width: 980px) {
  header {
    height: 12vw;
    /*sp_nav*/ }
    header .nav_wrap {
      position: relative;
      height: 12vw;
      width: 100%;
      /*btn_nav*/
      /*g_nav*/ }
      header .nav_wrap .head_logo {
        max-width: 40vw;
        margin: 3vw 0 0 5%; }
        header .nav_wrap .head_logo img {
          width: 100%; }
      header .nav_wrap .head_pc_navi {
        display: none !important; }
      header .nav_wrap .btn_nav {
        width: 16vw;
        height: 8vw;
        background: #000;
        border-radius: 100px;
        top: 2vw;
        right: 5vw; }
        header .nav_wrap .btn_nav a {
          top: 2.5vw;
          left: 30%;
          width: 40%;
          height: 3vw; }
      header .nav_wrap nav {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        padding: 15vw 0 0;
        z-index: 3;
        overflow: scroll;
        /*ul*/ }
        header .nav_wrap nav .pc_navi {
          display: none; }
        header .nav_wrap nav ul.sp_navi {
          display: block;
          width: 90%;
          margin: 0 auto 8vw;
          padding: 0;
          font-size: 0;
          /*li*/ }
          header .nav_wrap nav ul.sp_navi li {
            text-align: center;
            display: block;
            position: relative;
            border-bottom: 1px #fff solid;
            /*h4*/
            /*h4.open*/ }
            header .nav_wrap nav ul.sp_navi li h4 {
              margin: 0;
              padding: 0; }
              header .nav_wrap nav ul.sp_navi li h4 a {
                display: block;
                color: #fff;
                text-align: left;
                width: 100%;
                font-size: 4vw;
                line-height: 1;
                box-sizing: border-box;
                padding: 4.5vw 0 4.5vw 0;
                position: relative;
                font-weight: 500; }
                header .nav_wrap nav ul.sp_navi li h4 a i {
                  position: absolute;
                  top: 50%;
                  right: 3vw;
                  transform: translateY(-50%);
                  font-size: 3vw; }
            header .nav_wrap nav ul.sp_navi li h4.open a, header .nav_wrap nav ul.sp_navi li h5.open a {
              cursor: pointer; }
              header .nav_wrap nav ul.sp_navi li h4.open a:before, header .nav_wrap nav ul.sp_navi li h4.open a:after, header .nav_wrap nav ul.sp_navi li h5.open a:before, header .nav_wrap nav ul.sp_navi li h5.open a:after {
                position: absolute;
                display: block;
                background: #fff;
                content: '';
                width: 0.6vw;
                -webkit-transition: .25s all ease;
                transition: .25s all ease; }
              header .nav_wrap nav ul.sp_navi li h4.open a:before, header .nav_wrap nav ul.sp_navi li h5.open a:before {
                top: calc(50% - 1.5vw);
                right: 4vw;
                height: 2vw;
                -ms-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
              header .nav_wrap nav ul.sp_navi li h4.open a:after, header .nav_wrap nav ul.sp_navi li h5.open a:after {
                top: calc(50% - 1.5vw);
                right: 4vw;
                height: 2vw;
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
            header .nav_wrap nav ul.sp_navi li h4.open.active a:before, header .nav_wrap nav ul.sp_navi li h5.open.active a:before {
              -ms-transform: rotate(225deg);
              -webkit-transform: rotate(225deg);
              transform: rotate(225deg);
              transition: 0.4s; }
            header .nav_wrap nav ul.sp_navi li h4.open.active a:after, header .nav_wrap nav ul.sp_navi li h5.open.active a:after {
              -ms-transform: rotate(135deg);
              -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
              transition: 0.4s; }
            header .nav_wrap nav ul.sp_navi li ul {
              display: none;
              margin: 0;
              width: 100%;
              padding: 0vw 0 3vw; }
              header .nav_wrap nav ul.sp_navi li ul li {
                border-bottom: none; }
                header .nav_wrap nav ul.sp_navi li ul li h5 a, header .nav_wrap nav ul.sp_navi li ul li h6 a {
                  display: block;
                  color: #fff;
                  text-align: left;
                  width: 100%;
                  font-size: 3.2vw;
                  line-height: 1;
                  box-sizing: border-box;
                  padding: 2vw 0 2vw 4vw;
                  position: relative;
                  font-weight: 400; }
                header .nav_wrap nav ul.sp_navi li ul li:last-child {
                  border-bottom: none; }
        header .nav_wrap nav .contact {
          margin-top: 10vw;
          padding: 0 5%; }
          header .nav_wrap nav .contact a {
            font-size: 4vw;
            padding: 3vw 6vw;
            border-radius: 1.2vw; }
            header .nav_wrap nav .contact a i {
              font-size: 3vw;
              vertical-align: 0.6vw;
              margin-right: 3vw; } }
  @media screen and (max-width: 980px) and (min-width: 768px) and (max-width: 980px) {
    header {
      height: 100px; }
      header .nav_wrap {
        height: 100px;
        /*btn_nav*/
        /*g_nav*/ }
        header .nav_wrap .btn_nav {
          width: 100px;
          height: 50px;
          top: 25px; }
          header .nav_wrap .btn_nav a {
            top: 15px;
            left: 28px;
            width: 44px;
            height: 23px; }
        header .nav_wrap nav {
          padding: 130px 0 0;
          /*ul*/ }
          header .nav_wrap nav ul.sp_navi {
            margin: 0 auto 40px;
            /*li*/ }
            header .nav_wrap nav ul.sp_navi li {
              /*h4*/
              /*h4.open*/ }
              header .nav_wrap nav ul.sp_navi li h4 a {
                font-size: 22px;
                padding: 25px 0 25px 0; }
                header .nav_wrap nav ul.sp_navi li h4 a i {
                  right: 15px;
                  font-size: 20px; }
              header .nav_wrap nav ul.sp_navi li h4.open a:before, header .nav_wrap nav ul.sp_navi li h5.open a:before {
                top: calc(50% - 8px);
                right: 25px;
                height: 16px; }
              header .nav_wrap nav ul.sp_navi li h4.open a:after, header .nav_wrap nav ul.sp_navi li h5.open a:after {
                top: calc(50% - 8px);
                right: 25px;
                height: 16px; }
              header .nav_wrap nav ul.sp_navi li ul {
                padding: 0vw 0 15px; }
                header .nav_wrap nav ul.sp_navi li ul li h5 a, header .nav_wrap nav ul.sp_navi li ul li h6 a {
                  font-size: 16px;
                  padding: 10px 0 10px 20px; }
                header .nav_wrap nav ul.sp_navi li ul li:last-child {
                  border-bottom: none; }
          header .nav_wrap nav .contact {
            margin-top: 50px; }
            header .nav_wrap nav .contact a {
              font-size: 22px;
              padding: 15px 30px;
              border-radius: 6px; }
              header .nav_wrap nav .contact a i {
                font-size: 15px;
                vertical-align: 3px;
                margin-right: 10px; } }

@media screen and (max-width: 980px) {
  header.on .sp_nav {
    /*btn_nav*/ }
    header.on .sp_nav .btn_nav span {
      background-color: #2952A0; }
    header.on .sp_nav .btn_nav em {
      color: #2952A0; }
    header.on .sp_nav .btn_nav a.active span {
      background-color: #2952A0; } }
/*=====================================================
フッター
======================================================*/
footer .foot_info {
  background: #E95B2B;
  padding: 80px 0 100px; }
  footer .foot_info .foot_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
    justify-content: space-between; }
    footer .foot_info .foot_flex .link {
      max-width: 420px;
      width: 30%; }
      footer .foot_info .foot_flex .link ul {
        width: 100%; }
        footer .foot_info .foot_flex .link ul li {
          text-align: left;
          border-bottom: 1px #fff solid; }
          footer .foot_info .foot_flex .link ul li a {
            display: block;
            font-size: 20px;
            color: #fff;
            padding: 15px 20px 5px; }
            footer .foot_info .foot_flex .link ul li a:hover {
              text-decoration: underline; }
    footer .foot_info .foot_flex .f_contact {
      width: 60%; }
      footer .foot_info .foot_flex .f_contact .f_contact_flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        margin: 40px 0 50px; }
        footer .foot_info .foot_flex .f_contact .f_contact_flex .box {
          width: 50%;
          padding: 0	5%; }
          footer .foot_info .foot_flex .f_contact .f_contact_flex .box a {
            display: block;
            background: #0B173D;
            border: 1px #fff solid;
            color: #fff;
            text-align: center;
            padding: 40px 10px; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a p {
              line-height: 1; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .sub {
              font-size: 20px;
              margin-bottom: 20px; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .tel {
              font-size: 32px;
              font-weight: 700; }
              footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .tel img {
                margin-right: 10px; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .web {
              font-size: 26px;
              margin: 6px 0; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a:hover {
              opacity: 0.7; }
          footer .foot_info .foot_flex .f_contact .f_contact_flex .box:first-child {
            border-right: 1px #fff solid; }
      footer .foot_info .foot_flex .f_contact .other_link {
        margin-left: 5%; }
        footer .foot_info .foot_flex .f_contact .other_link a {
          color: #fff;
          margin-right: 20px;
          font-size: 20px; }
          footer .foot_info .foot_flex .f_contact .other_link a:hover {
            text-decoration: underline; }
    @media screen and (min-width: 1020px) and (max-width: 1280px) {
      footer .foot_info .foot_flex .f_contact {
        width: 67%; }
        footer .foot_info .foot_flex .f_contact .f_contact_flex .box {
          padding: 0 2%; } }
    @media screen and (min-width: 768px) and (max-width: 1019px) {
      footer .foot_info .foot_flex .f_contact {
        width: 67%; }
        footer .foot_info .foot_flex .f_contact .f_contact_flex {
          margin: 50px 0 20px; }
          footer .foot_info .foot_flex .f_contact .f_contact_flex .box {
            width: 100%;
            border: none !important;
            margin-bottom: 20px;
            padding: 0 2%; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a {
              padding: 20px 0; }
              footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .sub {
                margin-bottom: 10px; }
        footer .foot_info .foot_flex .f_contact .other_link {
          margin: 0; } }
footer .foot_company {
  background: #0C183C;
  border-top: 1px #fff solid;
  padding: 30px 0 50px; }
  footer .foot_company ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
    align-items: center;
    color: #fff;
    line-height: 1; }
    footer .foot_company ul li {
      margin: 15px 20px 0 0;
      font-size: 20px; }
      footer .foot_company ul li img {
        margin-right: 5px; }
footer .copyright {
  background: #fff;
  padding: 10px 0;
  text-align: center;
  color: #000;
  font-size: 18px; }

/*footer*/
@media screen and (max-width: 767px) {
  footer .foot_info {
    padding: 10vw 0 2vw; }
    footer .foot_info .foot_flex .link {
      max-width: none;
      width: 100%; }
      footer .foot_info .foot_flex .link ul li a {
        font-size: 4vw;
        padding: 3vw 4vw 1vw; }
    footer .foot_info .foot_flex .f_contact {
      width: 1000%; }
      footer .foot_info .foot_flex .f_contact .f_contact_flex {
        margin: 8vw 0 6vw; }
        footer .foot_info .foot_flex .f_contact .f_contact_flex .box {
          width: 100%;
          padding: 0;
          margin-bottom: 5vw; }
          footer .foot_info .foot_flex .f_contact .f_contact_flex .box a {
            padding: 4vw 2vw; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .sub {
              font-size: 4vw;
              margin-bottom: 3vw; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .tel {
              font-size: 6vw; }
              footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .tel img {
                margin-right: 2vw; }
            footer .foot_info .foot_flex .f_contact .f_contact_flex .box a .web {
              font-size: 5vw;
              margin: 1.2vw 0; }
          footer .foot_info .foot_flex .f_contact .f_contact_flex .box:first-child {
            border-right: none; }
      footer .foot_info .foot_flex .f_contact .other_link {
        margin-left: 0;
        margin-top: 6vw; }
        footer .foot_info .foot_flex .f_contact .other_link a {
          display: block;
          margin-right: 4vw;
          font-size: 4vw; }
  footer .foot_company {
    padding: 10vw 0; }
    footer .foot_company ul li {
      margin: 3vw 4vw 0 0;
      font-size: 4.5vw;
      line-height: 1.5; }
      footer .foot_company ul li img {
        margin-right: 1vw; }
      footer .foot_company ul li.tel {
        line-height: 1; }
  footer .copyright {
    padding: 2vw 0;
    font-size: 3.2vw; }

  /*footer*/ }
/*=====================================================
共通
======================================================*/
.contents_wrap {
  margin: 0 auto;
  width: 90%;
  max-width: 1520px;
  position: relative; }

.center {
  text-align: center; }

#main_img {
  height: 700px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-bottom: 200px;
  overflow: visible; }
  #main_img .page_title {
    max-width: 800px;
    width: 90%;
    height: 400px;
    position: absolute;
    bottom: -200px;
    left: 0; }
    #main_img .page_title .ttl {
      position: absolute;
      top: 50%;
      left: 20%;
      transform: translate(-10%, -50%);
      color: #fff;
      text-align: left;
      z-index: 2; }
      #main_img .page_title .ttl h1 {
        font-size: 50px;
        font-weight: 500;
        line-height: 1.4; }
      #main_img .page_title .ttl p {
        font-size: 25px;
        font-weight: 500; }
    #main_img .page_title:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(12, 24, 60, 0.9);
      mix-blend-mode: multiply;
      z-index: 1; }

#main_img02 {
  height: 320px;
  width: 100%;
  background: #253050;
  position: relative; }
  #main_img02 .page_title {
    max-width: 1520px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    #main_img02 .page_title .ttl {
      position: absolute;
      top: 40%;
      left: 0;
      color: #fff; }
      #main_img02 .page_title .ttl h1 {
        font-size: 50px;
        font-weight: 500;
        line-height: 1.4; }
      #main_img02 .page_title .ttl p {
        font-size: 25px;
        font-weight: 500; }

.breadcrumb {
  padding: 10px;
  color: #000;
  font-size: 18px;
  line-height: 1.2; }
  .breadcrumb a {
    color: #000;
    text-decoration: underline; }

.wp-pagenavi {
  clear: both;
  margin: 80px 0 0px 0;
  padding-top: 0px;
  font-size: 13px;
  width: 100%;
  line-height: 100%;
  text-align: center; }
  .wp-pagenavi a, .wp-pagenavi span {
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    padding: 15px 20px;
    display: inline-block;
    line-height: 1;
    margin: 0 5px;
    border-radius: 50px; }
  .wp-pagenavi a {
    line-height: 1;
    background: #E95B2B;
    color: #fff; }
    .wp-pagenavi a.nextpostslink {
      background: #EB7C33; }
    .wp-pagenavi a.previouspostslink {
      background: #EB7C33; }
    .wp-pagenavi a:hover {
      opacity: 0.7; }
  .wp-pagenavi span {
    background: #E95B2B;
    color: #fff; }

@media screen and (max-width: 767px) {
  #main_img {
    height: 70vw;
    width: 100%;
    margin-bottom: 15vw;
    overflow: visible; }
    #main_img .page_title {
      width: 90%;
      height: 30vw;
      bottom: -15vw;
      left: 5%; }
      #main_img .page_title .ttl {
        top: 50%;
        left: 0%;
        width: 100%;
        transform: translate(0%, -50%);
        color: #fff;
        display: block;
        text-align: center; }
        #main_img .page_title .ttl h1 {
          font-size: 8vw; }
        #main_img .page_title .ttl p {
          font-size: 4vw; }

  #main_img02 {
    height: 40vw; }
    #main_img02 .page_title .ttl h1 {
      font-size: 7vw; }
    #main_img02 .page_title .ttl p {
      font-size: 4vw; }

  .breadcrumb {
    padding: 2vw;
    font-size: 3.2vw; }

  .wp-pagenavi {
    font-size: 2.6vw; }
    .wp-pagenavi a, .wp-pagenavi span {
      font-size: 3vw;
      padding: 2vw 2.8vw; } }