/*
Theme Name: Homia Official Site
Author: Sotsu Medical
Author URI: https://homia.jp/
Description:
Version: 1.0
*/

/***************************************************************
*
* ブラウザのデフォルトCSSをリセットします
*
***************************************************************/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  margin-top: 0px !important;
  }

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
  }

  body {
  line-height: 1;
  }
  @media screen and (max-width: 767px) {
  body {
  font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "Avenir Next", 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
  font-weight: normal;
  }
  }
  @media screen and (min-width: 768px) {
  body {
  font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "Avenir Next", 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
  font-weight: normal;
  }
  }

  ol, ul {
  list-style: none
  }

  blockquote, q {
  quotes: none
  }

  blockquote:before, blockquote:after, q:before, q:after {
  content: none
  }

  table {
  border-collapse: collapse;
  border-spacing: 0
  }

  .br_all {
    clear: both;
  }

  /* image
  -------------------------------------------------------------- */

  img.size-full,
  img.size-large,
  img.header-image,
  img.wp-post-image {
  max-width: 100%;
  height: auto;
  }

  embed,
  iframe,
  object,
  video {
  max-width: 100%;
  }

  .alignleft {
  float: left;
  }

  .alignright {
  float: right;
  }

  .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  .wp-caption {
  max-width: 100%;
  padding: 4px;
  }

  .wp-caption .wp-caption-text,
  .gallery-caption,
  .entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #757575;
  }

  /* comment
  -------------------------------------------------------------- */

  button,
  input,
  textarea {
  border: 1px solid #ccc;
  border-radius: 0px;
  font-family: inherit;
  padding: 6px;
  padding: 0.428571429rem;
  }

  button,
  input {
  line-height: normal;
  }

  textarea {
  font-size: 100%;
  overflow: auto;
  vertical-align: top;
  }

  input[type="checkbox"],
  input[type="radio"],
  input[type="file"],
  input[type="hidden"],
  input[type="image"],
  input[type="color"] {
  border: 0;
  border-radius: 0;
  padding: 0;
  }

  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
  padding: 10px 10px;
  padding: 0.428571429rem 0.714285714rem;
  font-size: 14px;
  font-size: 0.785714286rem;
  line-height: 1.428571429;
  font-weight: normal;
  color: #ffffff;
  background-color: #ad1d29;
  background-repeat: repeat-x;
  border: 1px solid #ad1d29;
  border-radius: 0px;
  box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
  }

  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
  cursor: pointer;
  }

  button[disabled],
  input[disabled] {
  cursor: default;
  }

  input[type="submit"]:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover {
  color: #5e5e5e;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  }

  input[type="submit"]:active,
  input[type="button"]:active,
  input[type="reset"]:active {
  color: #757575;
  background-color: #e1e1e1;
  background-repeat: repeat-x;
  border: none;
  }

  div#comment-container ol {
  margin: 20px 0 20px 20px;
  }

  div.comment-meta {
  margin-bottom: 20px;
  }

  /* widget
  -------------------------------------------------------------- */
  #wp-calendar {
  width: 100%;
  }

  .widget_calendar caption {
  margin-bottom: 5px;
  }

  .widget_calendar td {
  text-align: center;
  padding: 2px;
  }

  /* font
  -------------------------------------------------------------- */
  .entry p,
  .widget p {
  margin-bottom: 2em;
  }

  strong {
  font-weight: 800;
  }

  em {
  font-style: italic;
  }

  ol {
  list-style-type: decimal;
  }

  .entry ul,
  .entry ol,
  .widget ul,
  .widget ol {
  margin: 20px 0 20px 20px;
  list-style-position: inside;
  }

  /* general -------------------------------------------------------------- */

  .cfx:before,
  .cfx:after {
  content: " ";
  display: table;
  }

  .cfx:after {
  clear: both;
  }

  .cfx {
  *zoom: 1;
  }

  body {
  font-size: 14px;
  background-color: #ffffff;
  font-family: sans-serif;
  }

  a {
  outline: none;
  color: #000000;
  text-decoration: none;
  }.wpcf7-form-control-wrap select

  a:link {
  color: #333;
  }

  a:hover {
  color: #9dc814;
  text-decoration: none;
  }

  a:visited {
  color: #000000;
  }

  a:active{
  color: #000000;
  }

  a:focus, *:focus {
  outline: none;
  }

  .row{
  margin-right: 0px !important;
  margin-left: 0px !important;
  }

  .container {
  width: 100% !important;
  }

  @media screen and (max-width: 767px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0px !important;
  padding-left: 0px !important;
  }
  .container, .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-11,.col-sm-12{
  padding-right:0px !important;
  padding-left:0px !important;
  }
  }
  @media screen and (min-width: 768px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0px !important;
  padding-left: 0px !important;
  }
  }

  @media screen and (max-width: 767px) {
  .pc_none{
  display:none;
  }
  }
  @media screen and (min-width: 768px) {
  .sp_none{
  display:none;
  }
  }

  /* defult error -------------------------------------------------------------- */
  #defult_error{
  background:  rgba(256,256,265,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .defult_error{
  padding: 20px 20px 10px;
  }
  }

  @media screen and (min-width: 768px) {
  .defult_error{
  padding: 50px 20px 20px;
  }
  }

  .defult_error_top_btn {
  margin: 30px 10px 30px;
  display: inline-block;
  padding: 12px 10px;
  text-decoration: none !important;
  color: #3f3c3c !important;
  font-size: 18px !important;
  border: solid 2px #3f3c3c;
  background: #ffffff;
  border-radius: 0px;
  transition: .4s;
  width: 100%;
  text-align: center;
  font-weight: 500;
  letter-spacing: 2px;
  }

  .defult_error_top_btn:hover {
  background: #ffffff;
  color: #000000 !important;
  border: solid 2px #000000;
  }
  /* defult error -------------------------------------------------------------- */

  /* clear -------------------------------------------------------------- */
  .br_clear{
  clear: both !important;
  }
  .br_clear_b{
  clear: both !important;
  }
  /* clear -------------------------------------------------------------- */

  /* view type -------------------------------------------------------------- */
  .fivd{
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -o-transition: transform 0.8s;
  }

  .fiv {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  }

  .fivd_mt1{
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
  }
  .fiv_mt1 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  }
  .fivd_mt2 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -o-transition: transform 0.8s;
  }
  .fiv_mt2 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  }
  .fivd_mt3 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.9s;
  -moz-transition: transform 0.9s;
  -webkit-transition: transform 0.9s;
  -o-transition: transform 0.9s;
  }
  .fiv_mt3{
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  }
  .fivd_mt4, .fivd_mt5, .fivd_mt6, .fivd_mt7, .fivd_mt8, .fivd_mt9, .fivd_mt10, .fivd_mt11, .fivd_mt12, .fivd_mt13, .fivd_mt14, .fivd_mt15, .fivd_mt16, .fivd_mt17, .fivd_mt18, .fivd_mt19 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -webkit-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  }
  .fiv_mt4, .fiv_mt5, .fiv_mt6, .fiv_mt7, .fiv_mt8, .fiv_mt9, .fiv_mt10, .fiv_mt11, .fiv_mt12, .fiv_mt13, .fiv_mt14, .fiv_mt15, .fiv_mt16, .fiv_mt17, .fiv_mt18, .fiv_mt19 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  }
  /* view type -------------------------------------------------------------- */

  /* PDF -------------------------------------------------------------- */

  #buttons {
      margin-bottom: 10px;
      text-align: right;
  }
  #buttons button{
      padding: 1px 20px;
      border: 1px solid #444444;
      background: #fff;
      color: #444444;
      font-size: 14px;
      text-align: center;
      margin: 10px;
  }

  main2 p {
  text-align: center;
  padding: 40px 10px 20px;
  }
  .gde-link {
  padding: 10px 20px;
  border: 2px solid #444444;
  /* border: 1px solid #ff3300; */
  color: #444444;
  font-size: 14px;
  }
  /* PDF -------------------------------------------------------------- */

  /* pagetop -------------------------------------------------------------- */

  #pageTop {
  position: fixed;
  bottom: 2vw;
  right: 2vw;
  z-index: 10000;
  }

  #pageTop img{
  width: 100%;
  }

  #pageTop i {
  padding-top: 6px
  }

  #pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 8px 8px 8px;
  border-radius: 0px;
  width: 35px;
  height: 35px;
  background-color: #9dc814;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  }
  #pageTop a:hover {
  text-decoration: none;
  background-color: #b9cc66;
  }
  /* pagetop -------------------------------------------------------------- */

  @media screen and (max-width: 767px) {
  .menu_sp{
  }
  .menu_pc{
  display:none;
  }
  .sp{
  }
  .pc{
  display:none;
  }
  }
  @media screen and (min-width: 768px) {
  .menu_sp{
  display:none !important;
  }
  .menu_pc{
  }
  .sp{
  display:none;
  }
  .pc{
  }
  }

  /* pc -------------------------------------------------------------- */
  .menu_pc_f{
  position:fixed;
  z-index: 9999;
  background:#ffffff;
  }
  .menu_pc_g{
  z-index: 9999;
  background:#ffffff;
  }
  .menu_pc_list_logo {
  padding: 1.0vw 0vw 1.0vw 0vw;
  text-align: center;
  }
  .menu_pc_list_logo img {
  width: 9vw;
  height: auto;
  }

  #menu_pc_list{
  position: relative;
  list-style-type: none;
  width: 100%;
  margin: 0 auto;
  }
  #menu_pc_list li{
  float: left;
  margin: 0;
  padding: 0;
  text-align: right;
  }
  li.menu_pc_list1 {
  width: 4vw !important;
  }
  li.menu_pc_list2 {
  width: 6.5vw !important;
  }
  li.menu_pc_list3 {
  width: 4.6vw !important;
  }
  li.menu_pc_list4 {
  width: 3.4vw !important;
  }
  li.menu_pc_list5 {
  width: 13vw !important;
  }
  #menu_pc_list li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  padding: 0 0 0.5vw;
  color:#3f3c3c;
  font-size: 1.2vw;
  line-height: 1.2vw;
  text-decoration: none;
  z-index: 100;
  }
  #menu_pc_list li ul{
  list-style: none;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
  /*	z-index: 100; */
  width:100%;
  }
  #menu_pc_list li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
  }
  #menu_pc_list li ul li a{
  color:#000000;
  text-align: left;
  font-size: 1.2vw;
  font-weight: normal;
  }

  #menu_pc_list li:hover > a{
  color: #888888;
  /* background-image: url(img/icon/menu_line1.png); */
  background-repeat: no-repeat;
  background-position: 3vw 100%;
  background-size: 6vw 0.8vw;
  }
  #menu_pc_list li.menu_pc_list1:hover > a{
  width: 100%;
  color:#888888;
  /* background-image: url(img/icon/menu_line1.png); */
  background-repeat: no-repeat;
  background-position: 1.65vw 100%;
  background-size: 6vw 0.8vw;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  border-bottom: 2px solid #000000;
  width: 4vw;
  }
  #menu_pc_list li.menu_pc_list2:hover > a{
  color:#888888;
  /* background-image: url(img/icon/menu_line1.png); */
  background-repeat: no-repeat;
  background-position: 3vw 100%;
  background-size: 6vw 0.8vw;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  border-bottom: 2px solid #000000;
  width: 6.5vw;
  }
  #menu_pc_list li.menu_pc_list3:hover > a{
  color:#888888;
  /* background-image: url(img/icon/menu_line1.png); */
  background-repeat: no-repeat;
  background-position: 3vw 100%;
  background-size: 6vw 0.8vw;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  border-bottom: 2px solid #000000;
  width: 4.6vw;
  }
  #menu_pc_list li.menu_pc_list4:hover > a{
  color:#888888;
  /* background-image: url(img/icon/menu_line1.png); */
  background-repeat: no-repeat;
  background-position: 1.25vw 100%;
  background-size: 6vw 0.8vw;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  }
  #menu_pc_list li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  padding-top: 0vw;
  }
  #menu_pc_list li:hover ul li:first-child{
  border-top: 0;
  -moz-transition: -moz-transform 1.5s linear;
  -webkit-transition: -webkit-transform 1.5s linear;
  -o-transition: -o-transform 1.5s linear;
  -ms-transition: -ms-transform 1.5s linear;
  transition: transform 0.5s linear;
  }
  #menu_pc_list li:hover ul li:last-child{
  border-bottom: 0;
  -moz-transition: -moz-transform 1.5s linear;
  -webkit-transition: -webkit-transform 1.5s linear;
  -o-transition: -o-transform 1.5s linear;
  -ms-transition: -ms-transform 1.5s linear;
  transition: transform 1.5s linear;
  }
  .menu_pc_list{
  font-size: 1.2vw;
  line-height: 1.2vw;
  text-decoration: none;
  letter-spacing: 0.1vw;
  text-align: right;
  padding-right: 1vw;
  display: initial;
  }

  .menu_pc_list_inner{
  width:100%;
  color:#3f3c3c;
  font-size:1vw;
  line-height: 1vw;
  text-align: center;
  padding: 1vw 6vw;
  box-shadow: 0px 4px 3px 1px rgba(0,0,0,0.2);
  background: #fff;
  }
  .menu_pc_list_sns{
  width:100%;
  text-align: left;
  padding: 0px 10px;
  }
  .menu_pc_list_sns_logo{
  float: right;
  padding: 0px 2px;
  margin-left: 1vw;
  width: 2vw
  }
  .menu_pc_list_sns_logo img{
  width: 2vw;
  }

  .menu_pc_listp2 {
  width: 33%;
  float: left;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  display: block;
  margin: 0 0 1px 0;
  background: #ffffff;
  padding: 0.5vw 0.5vw 0.5vw 0.5vw;
  }
  .menu_pc_listp2 a{
  width: 100%;
  margin: 0 auto;
  color:#ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  }
  .menu_pc_item{
  width:100%;
  }
  .menu_pc_item :hover{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  }
  .menu_pc_item_img{
  float:left;
  width:5.5vw;
  height:5.5vw;
  }
  .menu_pc_item_img img{
  width:5.5vw;
  height:auto;
  }
  .menu_pc_item_ttl{
  float: left;
  width: 9.0vw;
  color: #3c393b;
  font-size: 0.6vw;
  line-height: 0.8vw;
  letter-spacing: 0.1vw;
  padding: 1px 0px 1px 7px;
  padding-top: 1.9vw;
  }
  .menu_pc_item_sub{
  color:#848180;
  font-size: 0.6vw;
  line-height: 0.6vw;
  letter-spacing: 0.1vw;
  }

  /* pc -------------------------------------------------------------- */

  /* ドロワーメニュー
  ------------------------------------------------- */
  .wrapper {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  }
  .overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .7s;
  }
  .overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
  }


  main {
  height: 100%;
  /*min-height: 100vh;*/
  padding: 0 0px;
  background-color: #fff;
  transition: all .5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:8vw;
  }
  main2 {
  height: 100%;
  /*min-height: 100vh;*/
  padding: 0 0px;
  background-color: #fff;
  transition: all .5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:8vw;
  }

  @media screen and (max-width: 767px) {
  main {
  /*margin-top:13.8vw;*/
  margin-top:0vw;
  }
  main2 {
  margin-top:0vw;
  }
  }
  @media screen and (min-width: 768px) {
  main {
  margin-top:4.8vw;
  }
  main2 {
  margin-top:0vw;
  }
  }
  main h1 {
  text-align: center;
  font-weight: 500;
  }
  main p {
  }
  main2 h1 {
  text-align: center;
  font-weight: 500;
  }
  main2 p {
  text-align: center;
  }
  .menu_sp {
  position: relative;
  }
  .menu-trigger {
  display: inline-block;
  width: 5vw;
  height: 4.5vw;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 4vw;
  left: 4vw;
  z-index: 1000;
  transform: translateX(0);
  transition: transform .5s;
  }
  .menu-trigger.active {
  transform: translateX(80vw);
  }
  .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  }
  .menu-trigger.active span {
  background-color: #555;
  }
  .menu-trigger span:nth-of-type(1) {
  top: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
  transform: rotate(-45deg);
  top: calc(2vw - 1px);
  }
  .menu-trigger span:nth-of-type(2) {
  top: 2vw;
  }
  .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
  }
  .menu-trigger span:nth-of-type(3) {
  bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
  transform: rotate(45deg);
  top: calc(2vw - 1px);
  }
  nav {
  width: 80vw;
  height: 100%;
  padding-top: 0px;
  background-color: rgb(256, 256, 256, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transform: translate(-80vw);
  transition: all .5s;
  }
  nav.open {
  transform: translateZ(0);
  overflow : scroll;
  background: #040000;
  }
  nav li {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  }

  /*                         sp menu                           */
  .menu_sp_list_logo {
  padding: 2.2vw 0vw 2.2vw 0vw;
  text-align: center;
  width: 100%;
  background: #ffffff;
  z-index: 999;
  }
  .menu_sp_list_logo img {
  width: 28vw;
  height: auto;
  }
  .menu_sp_list_logo img {
  width: 25vw;
  height: auto;
  }
  .menu_sp_list_logo2 {
  padding: 18px 0vw 18px 0vw;
  text-align: center;
  width: 100%;
  background: #ffffff;
  z-index: 999;
  }
  .menu_sp_list_logo2 img {
  width: 28vw;
  height: auto;
  }
  .menu_sp_list0lg {
  margin: 0 auto;
  color: #fff;
  background: #fff;
  border-bottom: 0.22vw solid #fff;
  }
  .menu_sp_list0lg a{

  }
  .menu_sp_list0 {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  display: block;
  background: #040000;
  border-bottom: 0.22vw solid #fff;
  padding: 3vw 0vw 3vw 5vw;
  }
  .menu_sp_list0 a{
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  display: block;
  padding: 5px 5px 5px 0px;
  margin: 0 0 1px 0;
  }
  .menu_sp_list {
  /*position: relative;*/
  overflow: hidden;
  color: #ffffff;
  background: #040000;
  border-bottom: 0.22vw solid #fff;
  }
  .menu_sp_list input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  }
  .menu_sp_list label {
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  position: relative;
  display: block;
  padding: 4vw 0vw 4vw 5vw;
  cursor: pointer;
  margin: 0 0 1px 0;
  background: #040000;
  }
  .menu_sp_list .menu_sp_list-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
  color: #000000;
  background: #ffffff;
  }

  .menu_sp_list .menu_sp_list-content2 {
  padding-top:3vw;
  padding-bottom:3vw;
  }
  .menu_sp_list .menu_sp_list-content p {
  margin: 1em;
  }
  /* :checked */
  .menu_sp_list input:checked ~ .menu_sp_list-content {
  max-height: 70em;
  }
  /* Icon */
  .menu_sp_list label::after {
  line-height: 6vw;
  position: absolute;
  top: 2vw;
  right: 0;
  display: block;
  width: 6vw;
  height: 6vw;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center;
  font-size: 5vw;
  }
  .menu_sp_list input[type=checkbox] + label::after {
  content: '+';
  }
  .menu_sp_list input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
  }
  .menu_sp_list2 {
  float: left;
  width: 26.6vw;
  height: 27vw;
  margin: 0 auto;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  display: block;
  margin: 0 0 0 0;
  background: #fff;
  padding: 2vw 2vw 0vw;
  margin-bottom: 2vw;
  }
  .menu_sp_list2 a{
  width: 100%;
  margin: 0 auto;
  color:#ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  }
  .menu_sp_list2c {
  float: left;
  width: 26.6vw;
  height: 27vw;
  margin: 0 auto;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  display: block;
  margin: 0 0 0 0;
  background: #fff;
  padding: 2vw 2vw 0vw;
  border-right: 0.11vw solid #888;
  border-left: 0.11vw solid #888;
  margin-bottom: 2vw;
  }
  .menu_sp_list2c a{
  width: 100%;
  margin: 0 auto;
  color:#ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  }
  .menu_sp_list2l {
  float: left;
  width: 26.6vw;
  height: 27vw;
  margin: 0 auto;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  display: block;
  margin: 0 0 0 0;
  background: #fff;
  padding: 2vw 2vw 0vw;
  border-right: 0.11vw solid #888;
  margin-bottom: 2vw;
  }
  .menu_sp_list2l a{
  width: 100%;
  margin: 0 auto;
  color:#ffffff;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 2px;
  }
  .menu_sp_item{
  width:100%;
  }
  .menu_sp_item_img{
  width: 100%;
  height: auto;
  top: -2vw;
  position: relative;
  }
  .menu_sp_item_img img{
  width:100%;
  height:auto;
  }
  .menu_sp_item_ttl{
  width: 100%;
  color: #040000;
  font-size: 2vw;
  line-height: 2.4vw;
  letter-spacing: 0.1vw;
  padding: 0vw 1vw 1vw 1vw;
  position: relative;
  top: -2vw;
  }
  .menu_sp_item_sub{
  color:#848180;
  font-size: 8px;
  line-height: 9px;
  letter-spacing: 2px;
  }
  .menu_sp_item_sub_b{
  margin-left: 3px;
  color:#848180;
  font-size: 6px;
  line-height: 9px;
  letter-spacing: 2px;
  border: solid 1px #848180;
  padding:1px 3px;
  }
  .menu_sp_list_sns{
  width:100%;
  text-align: left;
  padding: 10px 10px;
  }
  .menu_sp_list_sns_logo{
  float: left;
  padding:2px;
  margin-right: 5px;
  width:24px;
  }
  .menu_sp_list_sns_logo img{
  width:20px;
  }
  /*                         sp menu                           */

  /* footer -------------------------------------------------------------- */
  footer {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  background: #666464;
  margin: 0px 0px 0px;
  font-size: 10px;
  color: #ffffff;
  }

  @media screen and (max-width: 767px) {
  footer {
  padding: 5vw 0px 5vw;
  }
  .footer_logo {
  padding: 2.1vw 0vw 2.1vw 0vw;
  text-align: center;
  }
  .footer_logo img {
  width: 30vw;
  height: auto;
  }
  .footer_padding{
  width: 100%;
  text-align: center;
  }
  .footer_box{
  padding:6vw 2vw 0vw;
  }
  .footer_link{
  text-align: center;
  font-size: 2.5vw;
  line-height: 2.5vw;
  letter-spacing: 0.2vw;
  color: #ffffff;
  }
  .footer_link a{
  color:#ffffff;
  text-decoration:none;
  }
  .footer_link a:hover{
  color:#ffffff;
  }
  .footer_address{
  text-align: center;
  font-size: 2.5vw;
  line-height: 3.6vw;
  letter-spacing: 0.2vw;
  color: #ffffff;
  padding: 6vw 0vw;
  }
  .footer_copyright{
  text-align: center;
  font-size: 1.5vw;
  line-height: 1.5vw;
  letter-spacing: 0.4vw;
  color: #ffffff;
  }
  }
  @media screen and (min-width: 768px) {
  footer {
  padding: 2vw 0px 2vw;
  }
  .footer_logo {
  padding: 1.1vw 0vw 1.1vw 0vw;
  text-align: left;
  }
  .footer_logo img {
  width: 16vw;
  height: auto;
  }
  .footer_padding{
  width: 100%;
  text-align: left;
  }
  .footer_box{
  padding:1.8vw 0vw 1.5vw 0vw;
  }
  .footer_link{
  text-align: left;
  font-size: 0.87vw;
  line-height: 1.2vw;
  letter-spacing: 0.06vw;
  color: #ffffff;
  padding: 0.1vw 0vw;
  }
  .footer_link a{
  color:#ffffff;
  text-decoration:none;
  }
  .footer_link a:hover{
  color:#ffffff;
  }
  .footer_address{
  text-align: left;
  font-size: 0.8vw;
  line-height: 1.0vw;
  letter-spacing: 0.05vw;
  color: #ffffff;
  }
  .footer_copyright{
  text-align: left;
  font-size: 0.6vw;
  line-height: 1.3vw;
  letter-spacing: 0.2vw;
  color: #ffffff;
  }
  }

  /* footer -------------------------------------------------------------- */

  /* contents news topics -------------------------------------------------------------- */

  .contents_nb{
  padding-right:0px !important;
  padding-left:0px !important;
  }
  .top-contents_nb_new{
  position:absolute;
  top:0;
  left:0;
  background:#DE8A3A;
  color:#fff;
  }
  .top-contents_nb_cmp{
  position:absolute;
  top:0;
  left:0;
  background:#749CB8;
  color:#fff;
  }

  @media screen and (max-width: 767px) {
  .contents_nb_item_sp{
  padding: 1vw 5vw 5vw !important;
  display: flex;
  }
  .top-contents_nb-lbox_sp{
  float: left;
  width: 30vw;
  height: 30vw;
  overflow: hidden;
  position: relative;
  }
  .top-contents_nb-lbox_sp img{
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width:100%;
  }
  .top-contents_nb-lbox2_sp{
  float: left;
  width: 57vw;
  }
  .top-contents_nb-Caption_sp{
  padding:16vw 0;
  }
  .top-contents_nb-link_sp{
  border: 2px #fff solid;
  padding: 10px;
  width: 80%;
  margin: 11% auto;
  font-size: 1vw;
  line-height: 1.5vw;
  }
  .top_contents_nb_link_sp{
  padding:0;
  font-size:18px;
  line-height:25px;
  letter-spacing:1px;
  }
  .top_contents_nb_ttl_sp{
  color: #3F3C3C;
  font-size: 2.7vw;
  line-height: 4vw;
  letter-spacing: 0.2vw;
  padding: 4vw 0% 0% 3vw;
  font-weight: normal;
  }
  .top_contents_nb_text_sp{
  text-align: left;
  color: #3F3C3C;
  font-size: 2vw;
  line-height: 3.3vw;
  letter-spacing: 0.18vw;
  padding: 0vw 0% 0% 3vw;
  font-weight: normal;
  }
  .contents_news_date_sp{
  color: #3F3C3C;
  font-size: 2.2vw;
  line-height: 3vw;
  letter-spacing: 0.2vw;
  padding: 1vw 0% 0% 3vw;
  font-weight: normal;
  }
  }

  @media screen and (max-width: 767px) {
  .contents_nb_area{
  text-align: center;
  margin: 15vw 0vw;
  padding: 10vw 0vw 0vw;
  }
  .contents_nb_area2{
  text-align: center;
  margin: 15vw 0vw;
  padding-top: 10vw 0vw 10vw;
  }
  .contents_nb_item{
  padding:1vw 5vw 14vw !important;
  }
  .contents_nb_item_cat{
  padding:1vw 5vw 14vw !important;
  }
  .top-contents_nb-lbox{
  height: 62vw;
  overflow: hidden;
  position: relative;
  width: 100%;
  }
  .top-contents_nb-lbox img{
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width:100%;
  }
  .top-contents_nb-Caption{
  padding:26vw 0;
  }
  .top-contents_nb_new{
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.7vw;
  font-weight: normal;
  padding: 1.2vw 2.5vw;
  }
  .top-contents_nb_cmp{
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.7vw;
  font-weight: normal;
  padding: 1.2vw 2.5vw;
  border-radius: 0.4vw;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_nb_area{
  padding-right:10px !important;
  padding-left:10px !important;
  padding: 7vw 0vw 0vw;
  }
  .contents_nb_area2{
  padding-right:10px !important;
  padding-left:10px !important;
  padding: 5vw 0vw 7vw;
  }
  .contents_nb_item{
  padding:1.5vw 1.5vw 4.5vw !important;
  }
  .contents_nb_item_cat{
  padding:1.5vw 1.5vw 4.5vw !important;
  min-height: 37vw;
  }
  .top-contents_nb-lbox{
  display:inline-block;
  position:relative;
  width: 100%;
  }
  .top-contents_nb-lbox img{
  width: 100%;
  }
  .top-contents_nb-Caption{
  padding:25% 0;
  }
  .top-contents_nb_new{
  font-size: 1vw;
  line-height: 1vw;
  letter-spacing: 0.35vw;
  font-weight: normal;
  padding: 0.51vw 1.2vw;
  }
  .top-contents_nb_cmp{
  font-size: 1vw;
  line-height: 1vw;
  letter-spacing: 0.1vw;
  font-weight: normal;
  padding: 0.51vw 0.7vw;
  border-radius: 0.4vw;
  }
  }

  .top-contents_nb-Thumb{
  display:inline-block ;
  max-width: 100%;
  max-height: 100%;
  }
  .top-contents_nb-Caption{
  background-color: rgba(0,0,0,.8);
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  text-align: center;
  border-radius: .4vw;
  }
  .top-contents_nb-Caption:hover{
  opacity:1;
  }

  .top-contents_nb-link{
  border: 2px #ffffff solid;
  padding: 10px 10px;
  width: 80%;
  margin: 25% auto;
  font-size: 14px;
  line-height: 16px;
  }

  .top-contents_nb_news{
  position: absolute;
  color: #ff3300;
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0px;
  line-height: 15px;
  background: #ffffff;
  z-index: 1;
  }
  .top-contents_nb_release{
  position: absolute;
  color: #ff3300;
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0px;
  line-height: 15px;
  background: #ffffff;
  z-index: 1;
  }

  .top_contents_nb_link{
  padding:0;
  font-size:18px;
  line-height:25px;
  letter-spacing:1px;
  }
  .top_contents_nb_ttl{
  color:#3F3C3C;
  }
  .top_contents_nb_price{
  color:#3F3C3C;
  }
  .top_contents_nb_release{
  color:#3F3C3C;
  }
  .top_contents_nb_text{
  color:#3F3C3C;
  }
  @media screen and (max-width: 767px) {
  .top_contents_nb_ttl{
  text-align: left;
  color: #3f3c3c;
  font-size: 4.2vw;
  line-height: 5vw;
  letter-spacing: .2vw;
  padding: 5vw 0 0;
  font-weight: 400;
  }
  .top_contents_nb_price{
  text-align: center;
  padding:6vw 0vw 2vw;
  font-size:3vw;
  line-height: 6vw;
  }
  .top_contents_nb_price2{
  font-size:6vw;
  line-height: 6vw;
  padding-left: 3vw;
  }
  .top_contents_nb_release{
  text-align: center;
  padding:0vw 0vw 2vw;
  font-size:3vw;
  line-height: 6vw;
  }
  .top_contents_nb_ttl img{
  width: 55vw;
  height: auto;
  }
  .top_contents_nb_text{
  text-align: left;
  color: #3f3c3c;
  font-size: 3vw;
  line-height: 5.3vw;
  letter-spacing: .18vw;
  padding: 3vw 0;
  font-weight: 400;
  }
  .top_contents_nb_img_link{
  float: left;
  width: 25%;
  padding: 2vw 0.2vw;
  }
  .top_contents_nb_img_link img{
  width:100%;
  }
  .top_contents_nb_img_link2{
  float: left;
  width: 50%;
  padding: 1vw 0.2vw;
  }
  .top_contents_nb_img_link2 img{
  width:100%;
  }
  .top_contents_nb_manual{
  width: 100%;
  padding: 0.5vw 0.2vw 1vw;
  }
  a.top_contents_nb_manual_link {
  width: 100%;
  display: block;
  background-color: white;
  text-align: center;
  padding: 2vw 4vw;
  border-radius: 1.6vw;
  border: 1px solid #231815;
  font-size: 3.4vw;
  }
  a.top_contents_nb_manual_link:hover{
  color: #9dc814;
  }
  a.top_contents_nb_manual_link:focus{
  text-decoration: none;
  }
  a.top_contents_nb_manual_link::before{
  display: inline-block;
  content: '';
  width: 3.2vw;
  height: 3.2vw;
  background-image: url(./img/icon/icon_dl.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1.4vw;
  }
  a.top_contents_nb_manual_link:hover::before{
  background-image: url(./img/icon/icon_dl_hover.png);
  }
  .top_contents_nb_link_itm a{
  width: 100%;
  display: block;
  background-color: white;
  text-align: center;
  padding: 2vw 4vw;
  border-radius: 1.6vw;
  border: 1px solid #231815;
  font-size: 3.4vw;
  }
  .top_contents_nb_link_itm a:hover{
  color: #9dc814;
  }
  .top_contents_nb_link_itm a:focus{
  text-decoration: none;
  }
  .top_contents_nb_link_itm a::before{
  display: inline-block;
  content: '';
  width: 3.2vw;
  height: 3.2vw;
  margin-right: 1.4vw;
  }
  .top_contents_nb_link_itm a:hover::before{
  }
  }
  @media screen and (min-width: 768px) {
  .top_contents_nb_ttl{
  text-align: left;
  font-size: 1.1vw;
  line-height: 1.6vw;
  letter-spacing: 0vw;
  padding: 1.1vw 0 .5vw;
  min-height: 3vw;
  }
  .top_contents_nb_ttl img{
  width: auto;
  height: 2vw;
  }
  .top_contents_nb_price{
  text-align: center;
  padding:0.5vw 0vw 1vw;
  font-size:1vw;
  line-height: 1vw;
  }
  .top_contents_nb_price2{
  font-size:2vw;
  line-height: 2vw;
  padding-left: 0.9vw;
  }
  .top_contents_nb_release{
  text-align: center;
  padding:0vw 0vw 1vw;
  font-size:1vw;
  line-height: 1vw;
  }

  .top_contents_nb_text{
  text-align: left;
  font-size: .9vw;
  line-height: 1.5vw;
  letter-spacing: .03vw;
  padding: 0 0 2%;
  }
  .top_contents_nb_img_link{
  float: left;
  width: 25%;
  padding: 0.5vw 0.2vw 1vw;
  }
  .top_contents_nb_img_link img{
  width:100%;
  }
  .top_contents_nb_img_link2{
  float: left;
  width: 25%;
  padding: 0.5vw 0.2vw 1vw;
  }
  .top_contents_nb_img_link2 img{
  width:100%;
  }
  .top_contents_nb_manual{
  width: 100%;
  padding: 0.5vw 0.2vw 1vw;
  }
  a.top_contents_nb_manual_link {
  width: 100%;
  display: block;
  background-color: white;
  text-align: center;
  padding: 1vw 2vw;
  border-radius: 5px;
  border: 1px solid #231815;
  font-size: 1.2vw;
  }
  a.top_contents_nb_manual_link:hover{
  color: #9dc814;
  }
  a.top_contents_nb_manual_link:focus{
  text-decoration: none;
  }
  a.top_contents_nb_manual_link::before{
  display: inline-block;
  content: '';
  width: 1vw;
  height: 1vw;
  background-image: url(./img/icon/icon_dl.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.45vw;
  }
  a.top_contents_nb_manual_link:hover::before{
  background-image: url(./img/icon/icon_dl_hover.png);
  }
  .top_contents_nb_link_itm a{
  width: 100%;
  display: block;
  background-color: white;
  text-align: center;
  padding: 1vw 2vw;
  border-radius: 5px;
  border: 1px solid #231815;
  font-size: 1.2vw;
  }
  .top_contents_nb_link_itm a:hover{
  color: #9dc814;
  }
  .top_contents_nb_link_itm a:focus{
  text-decoration: none;
  }
  .top_contents_nb_link_itm a::before{
  display: inline-block;
  content: '';
  width: 1vw;
  height: 1vw;
  margin-right: 0.45vw;
  }
  .top_contents_nb_link_itm a:hover::before{

  }
  }

  @media screen and (max-width: 767px) {
  .contents_nb_item_more{
  text-align: center;
  font-size: 14px;
  padding: 0px 20px 20px;
  }
  .contents_nb_item_more_link {
  padding: 2.2vw 0.6vw;
  font-size: 2.2vw !important;
  width: 25vw;
  letter-spacing: 0.8vw;
  border-radius: 0.8vw;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_nb_item_more{
  padding: 20px 20px 50px;
  text-align: right;
  font-size: 14px;
  }
  .contents_nb_item_more_link {
  padding: 0.6vw 0.6vw;
  font-size: 12px !important;
  width: 10vw;
  letter-spacing: 6px;
  border-radius: 0.5vw;
  margin-right: 1.2vw;
  line-height: 19px;
  }
  }

  .contents_nb_item_more{
  }

  .contents_nb_item_more_link {
  display: inline-block;
  text-decoration: none !important;
  color: #3F3C3C !important;
  background:#ffffff !important;
  border: solid 1px #3F3C3C;
  transition: .4s;
  text-align: center;
  font-weight: normal;
  }

  .contents_nb_item_more_link:hover {
  background: #DBDBDB !important;
  color: #3F3C3C!important;
  border: solid 1px #3F3C3C !important;
  text-decoration: none;
  }

  .contents_topics_ttl {
  color:#9dc814;
  }
  .contents_blog_ttl {
  color:#040000;
  }
  @media screen and (max-width: 767px) {
  .blog_pc{
  display: none;
  }
  .contents_topics_ttl {
  font-size: 6vw;
  line-height: 6vw;
  letter-spacing: 1vw;
  display: inline-block;
  margin-bottom: 5vw;
  font-weight: normal;
  text-align: center;
  width: 100%;
  }
  .contents_blog_ttl {
  padding-bottom: 0.6vw;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 8px;
  border-bottom: 2px solid #999;
  display: inline-block;
  margin-bottom: 7vw;
  }
  }
  @media screen and (min-width: 768px) {
  .blog_sp{
  display: none;
  }
  .contents_topics_ttl {
  font-size: 2.5vw;
  line-height: 2.5vw;
  letter-spacing: 0.5vw;
  display: inline-block;
  margin-bottom: 1.5vw;
  text-align: center;
  width: 100%;
  }
  .contents_blog_ttl {
  padding-bottom: 0.5vw;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 4px;
  border-bottom: 2px solid #999;
  display: inline-block;
  margin-bottom: 1.8vw;
  }
  }
  /* contents news topics -------------------------------------------------------------- */

  /* contents news product -------------------------------------------------------------- */

  .contents_pit{
  background: #f7f8f8;
  padding-right:0px !important;
  padding-left:0px !important;
  }

  @media screen and (max-width: 767px) {
  .contents_pit{
  margin-bottom:15vw;
  }
  .contents_pit_area{
  padding-right:10px !important;
  padding-left:10px !important;
  padding-top: 10vw;
  padding-bottom: 10vw;
  text-align: center;
  }
  .product_item_area{
  padding: 5vw 0vw;
  text-align: center;
  }
  .product_item_support{
  padding: 2vw 4vw;
  border: 1px solid #231815;
  border-radius: 1.6vw;
  font-size: 4.0vw;
  line-height: 4.0vw;
  letter-spacing: 0.05vw;
  color: #231815;
  background: #fff;
  display: inline;
  }
  .product_item_support a{
  text-decoration: none;
  }
  .product_item_support a:hover{
  text-decoration: none;
  background: #fff;
  }
  .your-subject{
  padding: 1.5vw 0vw 1.5vw 0vw;
  border-radius: 3px;
  border: 1px solid #c6c6c6;
  background: #fff;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_pit{
  margin-bottom:11vw;
  }
  .contents_pit_area{
  padding-right:10px !important;
  padding-left:10px !important;
  padding-top: 6vw;
  padding-bottom: 9vw;
  text-align: center;
  }
  .product_item_area{
  padding: 2.5vw 0vw 0vw;
  text-align: center;
  }
  .product_item_support{
  padding: 1vw 2vw;
  border: 1px solid #231815;
  border-radius: 0.6vw;
  font-size: 1.5vw;
  line-height: 1.5vw;
  letter-spacing: 0.05vw;
  color: #231815;
  background: #fff;
  display: inline;
  }
  .product_item_support a{
  text-decoration: none;
  }
  .product_item_support a:hover{
  text-decoration: none;
  background: #fff;
  }
  .your-subject{
  padding: 1.2vw 0.5vw;
  border-radius: 8px;
  border: 1px solid #c6c6c6;
  background: #fff;
  }
  }

  /* contents news product -------------------------------------------------------------- */

  /* contents magazine -------------------------------------------------------------- */
  .contents_magazine {
  padding-right:0px !important;
  padding-left:0px !important;
  }

  @media screen and (max-width: 767px) {
  .contents_magazine {
  padding-top: 15%!important;
  padding-bottom: 15%!important;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_magazine {
  padding-top: 0%!important;
  margin-bottom: 4% !important;
  }
  }
  /* contents magazine -------------------------------------------------------------- */

  /* contents news -------------------------------------------------------------- */
  .contents_news_sub{
  padding: 0px 0px 14px;
  border-bottom: 1px solid #3f3c3c;
  margin-bottom: 14px;
  }
  .contents_news_date{
  float:left;
  font-size:16px;
  }
  .contents_news_text{
  float:left;
  color:#3f3c3c !important;
  }
  .contents_news_text a{
  color:#3f3c3c !important;
  }
  .contents_news_text a:hover{
  color:#3f3c3c !important;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity:0.8;
  }
  @media screen and (max-width: 767px) {
  .contents_news_sub_box{
  padding:0vw 1vw;
  }
  .contents_news_date{
  width:25%;
  }
  .contents_news_date{
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: left;
  font-weight: normal;
  }
  .contents_news_text {
  width:75%;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: left;
  padding-left: 4vw;
  font-weight: normal;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_news_sub_box{
  padding:6vw 1vw;
  }
  .contents_news_date{
  width:20%;
  }
  .contents_news_date{
  font-size: 0.9vw;
  line-height: 1.5vw;
  letter-spacing: 0.1vw;
  }
  .contents_news_text {
  width:80%;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 2px;
  }
  .contents_news_text a{
  padding-left: 1vw;
  text-align: left;
  }
  }

  @media screen and (max-width: 767px) {
  .contents_news_sub_more{
  text-align: center;
  font-size: 14px;
  padding: 30px 20px 0px;
  }
  .contents_news_sub_more_a{
  float: left;
  width: 71vw;
  border-top: 0.1vw solid #aaa;
  margin-top: 2.2vw !important;
  margin-right: 2vw;
  }
  .contents_news_sub_more_b{
  float: left;
  width: 25vw;
  }
  .contents_news_sub_more_link {
  padding: 1.2vw 0.6vw;
  font-size: 2.2vw !important;
  width: 25vw;
  letter-spacing: 0.8vw;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_news_sub_more{
  padding: 0px 20px 0px;
  text-align: right;
  font-size: 14px;
  }
  .contents_news_sub_more_a {
  float: left;
  width: 70vw;
  border-top: 0.1vw solid #aaa;
  margin-top: 1.2vw !important;
  }
  .contents_news_sub_more_b{
  float: left;
  width: 10vw;
  }
  .contents_news_sub_more_link {
  padding: 0.8vw 0.4vw;
  font-size: 0.8vw;
  width: 9vw;
  letter-spacing: 0.1vw;
  line-height: 0.8vw;
  }
  }

  .contents_news_sub_more{
  }

  .contents_news_sub_more_link {
  display: inline-block;
  text-decoration: none !important;
  color: #fff !important;
  background: #9dc814 !important;
  transition: .4s;
  text-align: center;
  font-weight: normal;
  }

  .contents_news_sub_more_link:hover {
  background: #aaaaaa !important;
  color: #ffffff!important;
  text-decoration: none;
  }
  /* contents news -------------------------------------------------------------- */

  /* contents news category -------------------------------------------------------------- */
  #contents_news_list{
  padding: 2% 0%;
  }
  .contents_news_list_area{
  padding-right: 0px !important;
  padding-left: 0px !important;
  }
  .contents_news_list_box{
  width:100%;
  text-align: center;
  }
  .contents_news_list_ttl {
  color:#3c393b;
  }
  @media screen and (max-width: 767px) {
  .contents_news_list_ttl {
  padding-bottom: 0.6vw;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 2px;
  border-bottom: 2px solid #999;
  display: inline-block;
  margin-bottom: 7vw;
  }
  .contents_news_list_pager_area {
  padding: 20px 20px;
  }
  .contents_news_list_pager_box {
  background: #eee;
  padding: 10px 0px;
  text-align: center;
  border-radius: 14.4vw;
  margin: 0px 15px;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_news_list_ttl {
  padding-bottom: 0.5vw;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 4px;
  border-bottom: 2px solid #999;
  display: inline-block;
  margin-bottom: 1.8vw;
  }
  .contents_news_list_pager_area{
  padding: 6% 30px;
  }
  .contents_news_list_pager_box {
  background: #eee;
  padding: 10px 0px;
  text-align: center;
  border-radius: 0.4vw;
  margin: 0px 15px;
  }
  }

  .contents_news_list_pager_link a{
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 0px 10px;
  color: #3f3c3c !important;
  }
  .contents_news_list_pager_link a:hover{
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity:0.9;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  }
  .page-numbers{
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 0px 10px;
  color: #ffffff !important;
  }

  /* contents news category -------------------------------------------------------------- */

  /* contents news blog single -------------------------------------------------------------- */

  #contenets_single{
  margin-top:5%;
  padding:20px 10px;
  }
  .contenets_single_box{
  padding-right:0px !important;
  padding-left:0px !important;
  }
  .contenets_single_area{
  padding: 0px 15px;
  }
  .contenets_single_top{
  padding:0 0 10px;
  border-bottom:1px solid #3f3c3c;
  }
  @media screen and (max-width: 767px) {
  .contenets_single_top_img{
  float: left;
  padding: 0px;
  width: 20%;
  height: auto;
  }
  .contenets_single_top_img img{
  width: 100%;
  height: auto;
  object-fit: cover;
  }

  .contenets_single_top_txt{
  float: left;
  padding:0px 10px;
  width: 80%;
  }
  .news_icon{
  padding: 4px 8px;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 1px;
  }
  .news_icon2{
  padding: 4px 8px;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 1px;
  border-radius: 4px;
  margin-bottom: 0px;
  }
  .contenets_single_top_ttl {
  font-size: 19px;
  line-height: 30px;
  letter-spacing: 1px;
  padding-bottom: 4px;
  font-weight: normal;
  }
  .contenets_single_top_date{
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 2px;
  padding-bottom: 5px;
  }
  }
  @media screen and (min-width: 768px) {
  .contenets_single_top_img{
  float: left;
  padding: 10px;
  width: 20%;
  height: auto;
  }
  .contenets_single_top_img img{
  width: 100%;
  height: auto;
  object-fit: cover;
  }
  .contenets_single_top_txt{
  float: left;
  padding:10px 10px;
  width: 80%;
  }
  .news_icon{
  padding: 4px 8px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1px;
  border-radius: 5px;
  margin-bottom: 7px;
  }
  .news_icon2{
  padding: 4px 8px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1px;
  border-radius: 5px;
  margin-bottom: 7px;
  }
  .contenets_single_top_ttl{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  padding-bottom: 10px;
  }
  .contenets_single_top_date{
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 2px;
  padding-bottom: 10px;
  }
  }

  .news_icon{
  background:#3f3c3c;
  color:#ffffff;
  display: inline-block;
  }
  .news_icon2{
  background:#3f3c3c;
  color:#ffffff;
  display: inline-block;
  }
  .contenets_single_top_ttl{
  color: #3f3c3c;
  }
  .contenets_single_top_date{
  color:#3f3c3c;
  }

  .contenets_single_detail_img{
  text-align:center;
  padding:15px 0px;
  }
  .contenets_single_detail_txt p{
  text-align:left;
  }

  .contenets_single_detail_txt{
  color:#3f3c3c;
  }
  @media screen and (max-width: 767px) {
  .contenets_single_detail{
  padding:20px 0px;
  }
  .contenets_single_detail_img img{
  width:100%;
  height:auto;
  }
  .contenets_single_detail_txt{
  font-size: 3.5vw;
  line-height: 7vw;
  letter-spacing: 0.2vw;
  padding-top: 3%;
  padding-bottom: 5%;
  font-weight: normal;
  }
  }
  @media screen and (min-width: 768px) {
  .contenets_single_detail{
  padding:20px 10px;
  }
  .contenets_single_detail_img img{
  width:70vw;
  height:auto;
  }
  .contenets_single_detail_txt{
  font-size: 1.4vw;
  line-height: 2.5vw;
  letter-spacing: 0.13vw;
  padding-top: 4%;
  padding-bottom: 5%;
  }
  }
  .contenets_single_pager_area{
  padding: 6% 30px;
  }
  .contenets_single_pager_box {
  background: #eee;
  padding: 10px 0px;
  text-align: center;
  border-radius: 0.4vw;
  margin: 0px 15px;
  }

  .contents_news_list_pager_link a{
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 0px 10px;
  color: #3f3c3c !important;
  }
  .contents_news_list_pager_link a:hover{
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity:0.9;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  }
  .contenets_single_blog{
  padding:20px 10px;
  }
  .contenets_single_blog_area{
  padding-right:0px !important;
  padding-left:0px !important;
  }
  #contenets_single_blog_populer_area{
  background:  rgba(255,255,255,1.00);
  width: 100%;
  }
  .contenets_single_blog_populer_ttl{
  width: 100%;
  text-align: center;
  }
  @media screen and (max-width: 767px) {
  #contenets_single_blog_populer_area{
  padding: 40px 15px 20px;
  }
  .contenets_single_blog_populer_text{
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
  font-size: 18px;
  font-weight: 800;
  color:rgba(0,0,0,1.00);
  line-height: 25px;
  }
  }
  @media screen and (min-width: 768px) {
  #contenets_single_blog_populer_area{
  padding: 40px 20px;
  }
  .contenets_single_blog_populer_text{
  padding:20px;
  font-family: monospace;
  font-size: 25px;
  font-weight: 400;
  color:rgba(0,0,0,1.00);
  line-height: 25px;
  }
  }
  .contenets_single_blog_populer_box{
  background:  rgba(255,255,255,1.00);
  width: 100%;
  }
  @media screen and (max-width: 767px) {
  .contenets_single_blog_populer_box{
  padding-right: 0px;
  padding-left: 0px;
  }
  .contenets_single_blog_populer_box{
  padding: 10px 0px;
  }
  .contenets_single_blog_populer_box2{
  padding: 10px 0px;
  }
  }
  @media screen and (min-width: 768px) {
  .contenets_single_blog_populer_box{
  padding: 10px 0px;
  }
  .contenets_single_blog_populer_box2{
  padding: 10px 0px;
  }
  }
  .contenets_single_blog_populer_box_bd{
  background:#ffffff;
  border: 1px solid rgba(0,0,0,0.36);
  padding:4px;
  display: inline-table;
  margin: 5px 0px;
  }

  .contenets_single_blog_populer_box_img{
  float: left;
  width: 30%;
  }
  .contenets_single_blog_populer_box_img img{
  width: 100%;
  }
  .contenets_single_blog_populer_box_text{
  float: left;
  width: 70%;
  }
  .contenets_single_blog_populer_box_ttl{
  width: 100%;
  font-size:16px;
  line-height: 24px;
  color:#000000;
  padding:5px 10px;
  font-weight: 600;
  }
  .contenets_single_blog_populer_box_sub{
  width: 100%;
  font-size:12px;
  line-height: 18px;
  color: #2B2B2B;
  padding:0px 10px 5px;
  }


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

  /* 商品一覧のリストの設定 */
  .contenets_single_blog_populer_box2 ul li {
  width: 33%;
  display: block;
  float: left;
  list-style-type: none;
  padding:2px;
  }
  .contenets_single_blog_populer_box3{
  padding: 2px 2px;
  }
  .contenets_single_blog_populer_box_bd{
  background:#ffffff;
  border: 1px solid rgba(0,0,0,0.36);
  display: inline-table;
  margin: 0px 0px;
  width:100%;
  }

  .contenets_single_blog_populer_box_img2{
  float: left;
  width: 30%;
  }
  .contenets_single_blog_populer_box_img img{
  width: 100%;
  }
  .contenets_single_blog_populer_box_text2{
  float: left;
  width: 100%;
  }
  .contenets_single_blog_populer_box_ttl2{
  width: 100%;
  color:#000000;
  }
  .contenets_single_blog_populer_box_sub2{
  width: 100%;
  color: #2B2B2B;
  }

  @media screen and (max-width: 767px) {
  .contenets_single_blog_populer_box3{
  margin-bottom: 10px;
  }
  .contenets_single_blog_populer_box_bd{
  padding:5px;
  }
  .contenets_single_blog_populer_box_ttl2{
  font-size: 14px;
  line-height: 24px;
  padding: 10px 10px;
  }
  .contenets_single_blog_populer_box_sub2{
  font-size:11px;
  line-height: 18px;
  padding: 0px 10px 10px;
  }
  }

  @media screen and (min-width: 768px) {
  .contenets_single_blog_populer_box_bd{
  padding:2px;
  }
  .contenets_single_blog_populer_box_ttl2{
  font-size: 18px;
  line-height: 28px;
  padding: 10px 10px;
  }
  .contenets_single_blog_populer_box_sub2{
  font-size: 14px;
  line-height: 18px;
  padding: 0px 10px 10px;
  }
  }

  /* contents news blog single -------------------------------------------------------------- */

  /* about -------------------------------------------------------------- */
  .about_box_c{
  text-align: center;
  }
  .about_box_d{
  text-align: center;
  }
  #about_contents{
  width:100%;
  text-align: center;
  }
  #about_contents img{
  width:100%;
  }
  @media screen and (max-width: 767px) {
  .about_box_c{
  padding-top:5%;
  padding-bottom:5%;
  }
  .about_box_d{
  padding-top:5%;
  padding-bottom:5%;
  }
  .about_box_e{
  padding-top:5%;
  padding-bottom:5%;
  text-align: center;
  }
  #about_contents{
  padding-bottom: 1.2vw;
  }
  .about_contents_pc{
  display: none;
  }
  .about_contents_pc2{
  display: none;
  }
  .about_box_ttl_img{
  text-align:center;
  }
  .about_box_ttl_img img{
  width:30vw;
  }
  .about_box_ttl_a{
  text-align: center;
  font-size: 5.5vw;
  letter-spacing: 1vw;
  line-height: 6vw;
  padding-bottom: 2vw;
  padding-top: 6vw;
  }
  .about_box_text_a{
  font-size: 3vw;
  letter-spacing: 0.6vw;
  line-height: 7vw;
  padding: 6vw 0vw;
  }
  .about_box_text_b{
  font-size: 3vw;
  letter-spacing: 0.6vw;
  line-height: 7vw;
  padding: 6vw 0vw;
  }
  .about_box_text_b2{
  font-size: 3vw;
  letter-spacing: 0.3vw;
  line-height: 6.3vw;
  padding: 0vw 10px 6vw;
  text-align: center;
  }
  }
  @media screen and (min-width: 768px) {
  .about_box_c{
  padding-top:5%;
  padding-bottom:5%;
  }
  .about_box_d{
  padding-top:5%;
  padding-bottom:1%;
  }
  .about_box_e{
  padding-top:0%;
  padding-bottom:5%;
  text-align: left;
  }
  .about_contents_pc img{
  width: 100%;
  padding: 0vw 2vw;
  }
  #about_contents{
  padding-bottom: 2.2vw;
  }
  .about_contents_sp{
  display: none;
  }
  .about_box_ttl_img{
  position:relative;
  text-align: left;
  }
  .about_box_ttl_img img{
  width:18vw;
  }
  .about_box_ttl_a{
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  text-align: center;
  font-size: 3vw;
  letter-spacing: 0.6vw;
  line-height: 3vw;
  bottom: 2vw;
  }
  .about_box_text_a{
  font-size: 1.6vw;
  letter-spacing: 0.3vw;
  line-height: 4vw;
  padding: 4vw 0vw;
  }
  .about_box_text_b{
  font-size: 1.6vw;
  letter-spacing: 0.3vw;
  line-height: 4vw;
  padding: 4vw 0vw;
  }
  .about_box_text_b2{
  font-size: 1.5vw;
  letter-spacing: 0.11vw;
  line-height: 3.4vw;
  padding: 4vw 2vw;
  text-align: left;
  }
  }

  .about_breadcrumb_box {
  position: relative;
  overflow: hidden;
  }
  .about_breadcrumb_box ul {
  position: relative;
  float: left;
  }
  .about_breadcrumb_box li {
  position: relative;
  float: left;
  }
  .about_breadcrumb{
  background:#E3E2E2;
  }
  .about_breadcrumb_z{
  color:#3f3c3c;
  }
  .about_breadcrumb_z2{
  color:#74a3bf;
  }
  .about_breadcrumb_z2a{
  color:#74a3bf;
  }
  .about_breadcrumb_a{
  color:#3f3c3c;
  }
  .about_breadcrumb_a:hover{
  color:#74a3bf;
  }
  .about_breadcrumb_a2{
  color:#3f3c3c;
  }
  .about_breadcrumb_a2:hover{
  color:#74a3bf;
  }
  .about_box{
  text-align: center;
  }
  .about_box3{
  text-align: left;
  }
  .about_ttl{
  color:#9dc814;
  text-align: left;
  }
  .about_box_ttl_sub{
  color:#666464;
  }
  .about_box_ttl{
  color:#666464;
  }
  .about_box_text{
  color:#666464;
  }
  .about_box_text_ttl{
  color:#666464;
  font-weight: 800;
  }
  @media screen and (max-width: 767px) {
  .about_breadcrumb_box ul {
  left: 50%;
  }
  .about_breadcrumb_box li {
  left: -50%;
  }
  .about_box{
  padding-top:10%;
  padding-bottom:10%;
  }
  .about_box_inner{
  padding: 0vw 4vw;
  }
  .about_box2{
  padding:0px 0px 10%;
  }
  .about_breadcrumb{
  padding:2.3vw 10px 1.2vw;
  font-size: 12px;
  }
  .about_breadcrumb_z{
  display: none;
  }
  .about_breadcrumb_z2{
  font-size: 2.7vw;
  line-height: 3.5vw;
  padding-right: 2.2vw;
  padding-bottom: 1vw;
  letter-spacing: 0.1vw;
  }
  .about_breadcrumb_z2a{
  font-size: 2.7vw;
  line-height: 3.5vw;
  padding-right: 0vw;
  padding-bottom: 1vw;
  letter-spacing: 0.1vw;
  }
  .about_breadcrumb_a{
  font-size: 2.7vw;
  line-height: 3.5vw;
  padding-right: 2.2vw;
  padding-bottom: 1vw;
  letter-spacing: 0.1vw;
  }
  .about_breadcrumb_a2{
  font-size: 2.7vw;
  line-height: 3.5vw;
  padding-right: 0vw;
  padding-bottom: 1vw;
  letter-spacing: 0.1vw;
  }
  .about_ttl{
  font-size:18px;
  line-height:20px;
  margin: 0px 0px 10%;
  }
  .about_box_ttl_sub{
  font-size:10px;
  line-height:15px;
  padding:0px 0px 15px;
  }
  .about_box_ttl{
  font-size:16px;
  line-height:23px;
  letter-spacing: 0px;
  padding:0px 0px 0px;
  }
  .about_box_map{
  width:100%;
  padding:4% 10px;
  }
  .about_box_map_size{
  width:100%;
  height:70vw;
  }
  .about_box_text{
  font-size: 3.4vw;
  line-height: 5.3vw;
  padding: 0px 0px 0px;
  }
  .about_box_text2{
  font-size: 3.4vw;
  line-height: 5.3vw;
  padding: 0px 0px 6vw;
  }
  .about_box_text_ttl{
  font-size: 3.4vw;
  line-height: 9vw;
  padding:0px 0px 0px;
  }
  .about_pp_cp_box{
  line-height: 17px;
  width: 100%;
  margin-top: 6vw !important;
  text-align: center;
  }
  }
  @media screen and (min-width: 768px) {
  .about_breadcrumb_box ul {
  left: 50%;
  }
  .about_breadcrumb_box li {
  left: -50%;
  }
  .about_box{
  padding-top:5%;
  padding-bottom:5%;
  }
  .about_box2{
  padding:4% 10px;
  }
  .about_breadcrumb{
  padding: 1.6vw 15px 1.3vw;
  font-size: 14px;
  }
  .about_breadcrumb_z{
  font-size: 1.0vw;
  line-height: 1.0vw;
  padding-right: 3vw;
  padding-bottom: 0.5vw;
  letter-spacing: 0.2vw;
  }
  .about_breadcrumb_z2{
  font-size: 1.0vw;
  line-height: 1.0vw;
  padding-right: 3vw;
  padding-bottom: 0.5vw;
  letter-spacing: 0.2vw;
  }
  .about_breadcrumb_z2a{
  font-size: 1.0vw;
  line-height: 1.0vw;
  padding-right: 3vw;
  padding-bottom: 0.5vw;
  letter-spacing: 0.2vw;
  }
  .about_breadcrumb_a{
  font-size: 1.0vw;
  line-height: 1.0vw;
  padding-right: 3vw;
  padding-bottom: 0.5vw;
  letter-spacing: 0.2vw;
  }
  .about_breadcrumb_a2{
  font-size: 1.0vw;
  line-height: 1.0vw;
  padding-right: 3vw;
  padding-bottom: 0.5vw;
  letter-spacing: 0.2vw;
  }
  .about_ttl{
  font-size: 25px;
  line-height:30px;
  margin: 0px 0px 5%;
  }
  .about_box_ttl_sub{
  font-size:15px;
  line-height:20px;
  padding:0px 0px 15px;
  }
  .about_box_ttl{
  font-size:25px;
  line-height:35px;
  letter-spacing: 2px;
  padding:0px 0px 0px;
  }
  .about_box_map{
  width:100%;
  padding:5% 10px;
  }
  .about_box_map_size{
  width:100%;
  height:24vw;
  }
  .about_box_text{
  font-size:18px;
  line-height:32px;
  padding:0px 0px 0px;
  }
  .about_box_text2{
  font-size:18px;
  line-height:32px;
  padding:0px 0px 3vw;
  }
  .about_box_text_ttl{
  font-size:20px;
  line-height:32px;
  padding:0px 0px 0px;
  }
  .about_pp_cp_box{
  line-height: 17px;
  width: 100%;
  margin-top: 3vw !important;
  text-align: center;
  }
  }

  .about_pp_cp{

  }

  .about_pp_cp_ttl{
  font-size:18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 23px;
  color: #595757;
  }
  .about_pp_cp_sub{
  font-size:12px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 14px !important;
  color: #595757;
  }

  /* about -------------------------------------------------------------- */

  /* support -------------------------------------------------------------- */
  .support_box{
  background: #f7f8f8;
  width: 100%;
  }
  .support_box_ttl{
  color:#9dc814;
  }
  @media screen and (max-width: 767px) {
  .support_box2{
  background: #d0d0d029;
  width: 100%;
  }
  .support_area{
  padding: 8.5vw 1vw 3vw;
  text-align: center;
  }
  .support_box_ttl{
  font-size: 4.5vw;
  line-height: 5vw;
  letter-spacing: 0.2vw;
  padding-bottom: 5.5vw;
  }
  .support_box_ttl2{
  font-size: 4.5vw;
  line-height: 5vw;
  letter-spacing: 0.2vw;
  padding-bottom: 5.5vw;
  }
  }
  @media screen and (min-width: 768px) {

  .support_box2{
  background: #d0d0d029;
  width: 100%;
  }
  .support_area{
  padding: 6vw 1vw 0vw;
  text-align: center;
  }
  .support_box_ttl{
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.2vw;
  padding-bottom: 1.2vw;
  }
  .support_box_ttl2{
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.2vw;
  padding-bottom: 6vw;
  }
  }

  /*タブ切り替え全体のスタイル*/
  .support_tabs {
  margin-top: 50px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  margin: 0 auto;
  }
  .support_tab_item:hover {
  opacity: 0.75;
  }
  /*ラジオボタンを全て消す*/
  input[name="support_tab_item"] {
  display: none;
  }
  /*タブ切り替えの中身のスタイル*/
  .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  }
  /*選択されているタブのコンテンツのみを表示*/
  #all:checked ~ #support000,
  #supportitem:checked ~ #support002 {
  display: block;
  }
  /*選択されているタブのスタイルを変える*/
  .support_tabs input:checked + .support_tab_item {
  background-color: #74A2BE;
  color: #fff;
  }
  .support_tab_item {
  /*border-bottom: 3px solid #5ab4bd;*/
  background-color: #E3E2E2;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  }
  @media screen and (max-width: 767px) {
  .support_tabs {
  margin: 0 10px;
  padding-bottom: 0px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
  }
  .support_tab_item {
  width: 16vw;
  height: 5.0vw;
  font-size: 3.0vw;
  line-height: 4.8vw;
  letter-spacing: 2vw;
  transition: all 0.2s ease;
  border-radius: 4px 4px 0 0 / 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
  margin-left: 1vw;
  }
  }
  @media screen and (min-width: 768px) {
  .support_tabs {
  margin: 0 auto;
  padding-bottom: 40px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
  }
  .support_tab_item {
  width: 14vw;
  height: 3vw;
  font-size: 1.6vw;
  line-height: 3.2vw;
  transition: all 0.2s ease;
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
  margin-left: 2vw;
  }
  }

  .support_comment_box{

  }
  .support_comment_area{
  text-aling:left;
  }
  .supoprt_contents_ttl{
  color:#3C393B;
  }
  .supoprt_contents_sub{
  color:#9dc814;
  vertical-align: middle;
  }
  .support_contents_dropdown{
  border: 1px solid #cccccc;
  }
  .supoprt_contents_item_ttl{
  color:#3C393B;
  }
  .support_contents_item_checkbox{
  color:#3C393B;
  font-weight: normal;
  }
  .contact_checklist{
  font-weight: normal;
  }
  .contact_us_table_class2{
  color:#3C393B;
  font-weight: normal;
  }

  @media screen and (max-width: 767px) {
  .support_comment_box{
  padding:0vw 1vw 2vw;
  }
  .support_comment_area{
  padding:0px 1vw;
  }
  .support_comment_ttl{
  font-size: 3.3vw;
  line-height: 4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 3vw;
  }
  .support_comment_text{
  font-size: 2.8vw;
  line-height: 4.2vw;
  letter-spacing: 0.08vw;
  text-align: left;
  margin-bottom: 2.8vw;
  }
  .support_contents_item_sub{
  font-size: 2.8vw;
  line-height: 4.2vw;
  letter-spacing: 0.08vw;
  }
  .supoprt_contents_ttl{
  padding: 3vw 1vw 4vw;
  font-size: 4.5vw;
  line-height: 4.5vw;
  letter-spacing: 0.2vw;
  }
  .supoprt_contents_sub{
  font-size: 2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  padding-left: 5px;
  }
  .supoprt_contents_sub2{
  float: left;
  width: 9vw;
  font-size: 2.5vw;
  line-height: 2.5vw;
  letter-spacing: 0.1vw;
  padding-right: 1vw;
  padding-top: 10.6vw;
  }
  .supoprt_contents_sub3{
  font-size: 1.8vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  color: #9dc814;
  }
  .support_contents_dd{
  padding: 0px 0px 2vw;
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  }
  .support_contents_dd2{
  padding: 0px 0px 2vw;
  width: 87vw;
  margin-left: auto;
  margin-right: auto;
  }
  .support_contents_dropdown{
  font-size: 3.5vw;
  line-height: 9vw;
  border-radius: 0.7vw;
  }
  .supoprt_contents_item{
  padding: 5vw 0px 1vw;
  }
  .supoprt_contents_item_ttl{
  font-size: 4.4vw;
  line-height: 4.4vw;
  letter-spacing: 0.2vw;
  }
  .supoprt_contents_item_box{
  float: left;
  padding: 4vw 0px 0vw;
  font-size: 3vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  text-align: left;
  width: 70vw;
  }
  .support_contents_item_checkbox{
  padding: 4vw 0px;
  font-size: 3vw;
  line-height: 6vw;
  letter-spacing: 0.4vw;
  }
  .contact_checklist{
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  .contact_us_table_class2{
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  .wpcf7-form-control-wrap {
    overflow: hidden;
    width: 90%;
    margin: 2em auto;
    text-align: center;
  }
  .wpcf7-form-control-wrap select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .wpcf7-form-control-wrap select::-ms-expand {
      display: none;
  }
  .wpcf7-form-control-wrap.menu-0 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 0.5vw;
  background: #ffffff;
  padding: 2vw 0.5vw;
  }
  .wpcf7-form-control-wrap.menu-0::before {
  position: absolute;
  top: 4.5vw;
  right: 2.3vw;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  pointer-events: none;
  }
  .wpcf7-form-control-wrap.menu-0 select {
  padding: 3vw 1vw 4vw 1vw;
  color: #666666;
  }
  .wpcf7-form-control-wrap.menu-1 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 0.5vw;
  background: #ffffff;
  padding: 2vw 0.5vw;
  }
  .wpcf7-form-control-wrap.menu-1::before {
  position: absolute;
  top: 4.5vw;
  right: 2.3vw;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  pointer-events: none;
  }
  .wpcf7-form-control-wrap.menu-1 select {
  padding: 3vw 1vw 4vw 1vw;
  color: #666666;
  }
  .wpcf7-form-control-wrap.menu-2 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 0.5vw;
  background: #ffffff;
  padding: 2vw 0.5vw;
  }
  .wpcf7-form-control-wrap.menu-2::before {
  position: absolute;
  top: 4.5vw;
  right: 2.3vw;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  pointer-events: none;
  }
  .wpcf7-form-control-wrap.menu-2 select {
  padding: 3vw 1vw 4vw 1vw;
  color: #666666;
  }
  }
  @media screen and (min-width: 768px) {
  .support_comment_box{
  padding: 1vw 1vw 0vw;
  }
  .support_comment_area{
  padding:10px 10px;
  }
  .support_comment_ttl{
  font-size: 1.4vw;
  line-height: 2vw;
  letter-spacing: 0.2vw;
  padding-bottom: 10px;
  text-align: left;
  }
  .support_comment_text{
  font-size: 1.0vw;
  line-height: 1.6vw;
  letter-spacing: 0.1vw;
  text-align: left;
  margin-bottom: 1vw;
  }
  .supoprt_contents_ttl{
  padding: 2vw 1vw;
  font-size: 1.8vw;
  line-height: 2vw;
  letter-spacing: 0.2vw;
  }
  .supoprt_contents_sub{
  font-size: 1.4vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  padding-left: 5px;
  }
  .supoprt_contents_sub3{
  font-size: 1.0vw;
  line-height: 1.4vw;
  letter-spacing: 0.1vw;
  color:#9dc814;
  }
  .supoprt_contents_sub2{
  float: left;
  width: 6vw;
  font-size: 1.3vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  padding-right: 1vw;
  padding-top: 3.4vw;
  }
  .support_contents_dd{
  padding: 0px 0px 4vw;
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
  }
  .support_contents_dd2{
  padding: 0px 0px 4vw;
  width: 52vw;
  margin-left: auto;
  margin-right: auto;
  }
  .support_contents_dropdown{
  width: 40%;
  font-size: 1.3vw;
  padding: 2px 5px 2px 11px;
  border-radius: 0.5vw;
  }
  .supoprt_contents_item{
  padding:20px 0px ;
  }
  .supoprt_contents_item_ttl{
  font-size: 1.8vw;
  line-height: 2vw;
  letter-spacing: 0.2vw;
  }
  .supoprt_contents_item_box{
  float: left;
  padding: 30px 0px;
  font-size: 1.3vw;
  line-height: 3vw;
  letter-spacing: 0.1vw;
  width: 40vw;
  }
  .support_contents_item_checkbox{
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  .contact_checklist{
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  .contact_us_table_class2{
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  .wpcf7-form-control-wrap {
    overflow: hidden;
    width: 90%;
    margin: 2em auto;
    text-align: center;
  }
  .wpcf7-form-control-wrap select {
    width: 90%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .wpcf7-form-control-wrap select::-ms-expand {
      display: none;
  }
  .wpcf7-form-control-wrap.menu-0 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 0.5vw;
  background: #ffffff;
  padding: 1vw 0.5vw;
  }
  .wpcf7-form-control-wrap.menu-0::before {
  position: absolute;
  top: 1.3vw;
  right: 1.3vw;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #666;
  pointer-events: none;
  }
  .wpcf7-form-control-wrap.menu-0 select {
    padding: 8px 38px 8px 8px;
    color: #666666;
  }
  .wpcf7-form-control-wrap.menu-1 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 0.5vw;
  background: #ffffff;
  padding: 1vw 0.5vw;
  }
  .wpcf7-form-control-wrap.menu-1::before {
  position: absolute;
  top: 1.3vw;
  right: 1.3vw;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #666;
  pointer-events: none;
  }
  .wpcf7-form-control-wrap.menu-1 select {
    padding: 8px 38px 8px 8px;
    color: #666666;
  }
  .wpcf7-form-control-wrap.menu-2 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 0.5vw;
  background: #ffffff;
  padding: 1vw 0.5vw;
  }
  .wpcf7-form-control-wrap.menu-2::before {
  position: absolute;
  top: 1.3vw;
  right: 1.3vw;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #666;
  pointer-events: none;
  }
  .wpcf7-form-control-wrap.menu-2 select {
    padding: 8px 38px 8px 8px;
    color: #666666;
  }
  }

  @media screen and (max-width: 767px) {
  table.contact_us_table {
  font-size:  15px;
  }
  .contact_us_table th, td {
  padding: 15px 0px;
  line-height: 25px;
  }
  .contact_us_list {
  padding: 5px 30px;
  }
  }
  @media screen and (min-width: 768px) {
  table.contact_us_table {
  font-size: 20px;

  }
  .contact_us_table th, td {
  padding: 20px 10px;
  line-height: 25px;
  }
  .contact_us_list {
  padding: 0px 30px;
  }
  }

  .contact_us{
  padding: 0px 0px 40px;
  }

  table.contact_us_table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px;
  }

  td.contact_us_table_class1_1 {
  color: #3C393B;
  font-weight: normal;
  vertical-align: middle;
  }
  td.contact_us_table_class1_2 {
  color: #3C393B;
  font-weight: normal;
  vertical-align: middle;
  }
  td.contact_us_table_class1_3 {
  color: #3C393B;
  font-weight: normal;
  vertical-align: middle;
  }
  td.contact_us_table_class1_4 {
  color: #3C393B;
  font-weight: normal;
  vertical-align: top;
  }
  .contact_us_table_sub{
  color: #D3943B;
  font-weight: normal;
  padding-left:10px;
  vertical-align: middle;
  color:#9dc814;
  }
  @media screen and (max-width: 767px) {
  td.contact_us_table_class1_1 {
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_2 {
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_3 {
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_4 {
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  }
  .contact_us_table_sub{
  font-size: 2.5vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  color:#9dc814;
  }
  td.contact_us_table_class1_1 {
  width: 40%;
  padding-left: 10px;
  }
  td.contact_us_table_class1_2 {
  width:  40%;
  padding-left: 10px;
  }
  td.contact_us_table_class1_3 {
  width: 40%;
  padding-left: 10px;
  }
  td.contact_us_table_class1_4 {
  width: 40%;
  padding-left: 10px;
  padding-top: 10px;
  }
  td.contact_us_table_class2 {
  width: 60%;
  line-height: 28px;
  }
  .contact_us_table_box{
  /*	background: #ffffff;*/
  padding: 10px ;
  width: 100%;
  min-height: 50px;
  }
  .contact_us_table_box2{
  padding: 10px;
  }
  .contact_us_table_box2 .contact_input_boxarea{
  padding: 10px ;
  width: 100%;
  min-height: 33vw;
  }
  .wpcf7-list-item{
  text-align: center;
  font-size: 3vw !important;
  line-height: 3vw !important;
  color:#595757;
  font-weight: normal;
  }
  }
  @media screen and (min-width: 768px) {
  td.contact_us_table_class1_1 {
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_2 {
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_3 {
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_4 {
  font-size: 1.2vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  .contact_us_table_sub{
  font-size: 1.0vw;
  line-height: 2vw;
  letter-spacing: 0.1vw;
  }
  td.contact_us_table_class1_1 {
  width: 40%;
  padding-left: 30px;
  }
  td.contact_us_table_class1_2 {
  width: 40%;
  padding-left: 30px;
  }
  td.contact_us_table_class1_3 {
  width: 40%;
  padding-left: 30px;
  }
  td.contact_us_table_class1_4 {
  width: 40%;
  padding-left: 30px;
  padding-top: 20px;
  }
  td.contact_us_table_class2 {
  width: 60%;
  line-height: 32px;
  }
  .contact_us_table_box{
  /*	background: #ffffff;*/
  padding: 10px ;
  width: 100%;
  min-height: 50px;
  }
  .contact_us_table_box2{
  /*	background: #ffffff;*/
  padding: 10px ;
  width: 100%;
  min-height: 250px;
  }
  }

  td.contact_us_table_class2 {
  word-break: break-all;
  color: #3C393B;
  letter-spacing: 1px;
  }

  .contact_us_table_class2 a{
  color: #3C393B;
  text-decoration: none;
  }
  .contact_us_table_class2 a:hover{
  color: #3C393B;
  text-decoration: underline;
  text-decoration-color: #3a3638;
  }


  .contact_us_table thead {
  border-top: 1px solid #3a3638;
  }
  .contact_us_table th {
  border-bottom: 2px solid #3a3638;
  }
  .contact_us_table td {
  border-bottom: 1px solid #3a3638;
  text-align: left;
  }

  @media screen and (max-width: 767px) {
  .contact_us_map{
  width: 100%;
  height: 400px;
  }
  }

  @media screen and (min-width: 768px) {
  .contact_us_map{
  width: 100%;
  height: 400px;
  }
  }

  .contact_us_btn {
  display: inline-block;
  padding: 6px 5px;
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 15px !important;
  border: solid 2px #b5b6b6;
  background: #b5b6b6;
  border-radius: 0px;
  transition: .4s;
  width: 260px;
  text-align: center;
  font-size: 10px;
  font-weight: 100;
  letter-spacing: 2px;
  }

  .contact_us_btn:hover {
  background: #c8161d;
  color: #ffffff;
  border: solid 2px #c8161d;
  }

  .contact_us_information_ttl{
  font-size: 20px;
  line-height: 25px;
  color: #595757;
  font-weight: 600;
  padding-left:10px;
  letter-spacing: 2px;
  vertical-align: middle;
  padding: 0px 0px 10px;
  }

  .contact_us_information{
  font-size: 16px;
  line-height: 29px;
  color: #595757;
  font-weight: 100;
  padding-left: 10px;
  letter-spacing: 1px;
  vertical-align: middle;
  }
  .contact_us_link_box_check{
  padding: 10px 0px;
  text-align: center;
  font-size: 18px;
  line-height: 29px;
  color: #595757;
  font-weight: 500;
  }
  .contact_us_link input{
  display: inline-block;
  text-decoration: none !important;
  color:#3f3c3c !important;
  background:#fff;
  border: solid 2px #666464;
  transition: .4s;
  text-align: center;
  background: #666464;
  color: #fff !important;
  }
  .contact_us_link input:hover {
  opacity: 0.7;
  transition: all 1s ease-out;
  }


  @media screen and (max-width: 767px) {
  .contact_us_info{
  padding: 10px 3vw;
  }
  .contact_us_information{
  padding-left: 0px;
  }
  .contact_input_boxarea{
  width: 100%;
  height: 10vw;
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  }
  .contact_url{
  width:100%;
  height: 8vw;
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.1vw;
  }
  .contact_tel{
  width:100%;
  height: 8vw;
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.1vw;
  }
  .contact_us_link_box{
  text-align: center;
  padding: 20px 0px 20px;
  }
  .contact_us_link input{
  padding: 10px 5px;
  font-size: 3.5vw !important;
  border-radius: 2vw;
  width: 220px;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 5px 5px;
  background: #666464;
  color: #fff !important;
  }
  }
  @media screen and (min-width: 768px) {
  .contact_us_info{
  padding: 10px 0px;
  }
  .contact_us_information{
  padding-left: 10px;
  }
  .contact_input_boxarea{
  width: 100%;
  }
  .contact_url{
  width:100%;
  }
  .contact_tel{
  width:100%;
  }
  .contact_us_link_box{
  text-align: center;
  padding: 20px 0px 40px;
  }
  .contact_us_link input{
  padding: 10px 5px;
  font-size: 19px !important;
  border-radius: 14px;
  width: 220px;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 5px 5px;
  background: #666464;
  color: #fff !important;
  }
  }

  span.wpcf7-not-valid-tip {
  color: #f00 !important;
  font-size: 17px !important;
  font-weight: normal !important;
  display: block !important;
  }
  div.wpcf7 .screen-reader-response {
  position: unset !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 100% !important;
  width: 100% !important;
  margin: 20px 10px !important;
  padding: 10px !important;
  font-size: 17px !important;
  line-height: 25px !important;
  font-weight: 600 !important;
  color: #ff3300 !important;
  }
  div.wpcf7 .screen-reader-response {
  position: unset !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 100% !important;
  width: 100% !important;
  margin: 20px 10px !important;
  padding: 10px !important;
  font-size: 17px !important;
  line-height: 25px !important;
  font-weight: 600 !important;
  color: #666666 !important;
  }

  div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: 0px solid #f7e700 !important;
  width: 80% !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 10px 10px !important;
  font-weight: 600 !important;
  bottom: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  color: #ff3300 !important;
  }
  div.wpcf7-mail-sent-ok {
  border: 0px solid #f7e700 !important;
  width: 80% !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 10px 10px !important;
  font-weight: 600 !important;
  bottom: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  color: #666666 !important;
  }

  .support_item_box{
  background:#DCDBDB9C;
  }
  .support_item_area{
  text-align: center;
  }
  .support_item_ttl{
  color:#3C393B;
  font-weight: normal;
  }
  .support_item_ttl2{
  color:#3C393B;
  font-weight: normal;
  }
  .support_item_link_box2{
  float:left;
  }
  .support_item_link_box2 img{
  width: 100%;
  }
  @media screen and (max-width: 767px) {
  .support_item_box{
  padding:3vw 1vw;
  }
  .support_item_area{
  padding: 6vw 0vw 15vw;
  }
  .support_item_ttl{
  font-size: 6vw;
  line-height: 6vw;
  letter-spacing: 0.3vw;
  padding-bottom: 6vw;
  }
  .support_item_ttl2{
  font-size: 3.3vw;
  line-height: 4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 3vw;
  }
  .support_item_link_box{
  padding: 4vw 10px 2vw;
  }
  .support_item_link_box2{
  width: 50%;
  padding: 0.1vw;
  }
  }
  @media screen and (min-width: 768px) {
  .support_item_box{
  padding:3vw 1vw;
  }
  .support_item_area{
  padding: 2vw 10px 5vw;
  }
  .support_item_ttl{
  padding: 0.5vw 1vw;
  font-size: 2.3vw;
  line-height: 2.3vw;
  letter-spacing: 0.2vw;
  }
  .support_item_ttl2{
  padding: 0.5vw 1vw;
  font-size: 1.2vw;
  line-height: 1.2vw;
  letter-spacing: 0.1vw;
  }
  .support_item_link_box{
  padding: 4vw 10px 10px;
  }
  .support_item_link_box2{
  width: 33%;
  padding: 0vw;
  }
  }

  .support_item_link_box2 a{
  color:#000000;
  }

  .support_item_link_box2 a:hover{
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  text-decoration: none;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  color:#000000;
  }

  #support_complete{
  background:#ffffff;
  }
  .support_complete_box{
  text-align: center;
  }
  .support_complete_detail{
  color:#3f3c3c;
  text-align: left;
  }
  .support_complete_detail_ttl{
  color:#9dc814;
  }
  .support_complete_detail_sub{
  color:#3f3c3c;
  }
  .support_complete_detail_link_box{
  text-align:center;
  }
  .support_complete_detail_link {
  display: inline-block;
  text-decoration: none;
  color: #3f3c3c;
  border: solid 1px #3f3c3c;
  }
  .support_complete_detail_link:hover {
  background: #3f3c3c;
  color: #ffffff;
  }

  @media screen and (max-width: 767px) {
  .support_complete_box{
  padding-top: 5%;
  padding-bottom: 5%;
  }
  .support_complete_detail{
  padding:0 2% 0 2%;
  font-size:16px;
  line-height:26px;
  letter-spacing:1px;
  }
  .support_complete_detail_ttl{
  font-size: 18px;
  line-height: 20px;
  margin: 0px 0px 10%;
  display: inline-block;
  }
  .support_complete_detail_sub{
  padding:10px 0px;
  font-size: 12px;
  line-height:20px;
  letter-spacing:1px;
  }
  .support_complete_detail_link_box{
  padding:20px 0px;
  }
  .support_complete_detail_link {
  padding: 0.3em 1em;
  color: #3f3c3c;
  border-radius: 3px;
  transition: .4s;
  }
  }
  @media screen and (min-width: 768px) {
  .support_complete_box{
  padding-top: 5%;
  padding-bottom: 5%;
  }
  .support_complete_detail{
  padding:30px 0px;
  padding: 30px 0px;
  font-size: 1.3vw;
  line-height: 2.4vw;
  letter-spacing: 0.05vw;
  }
  .support_complete_detail_ttl{
  font-size: 25px;
  line-height: 30px;
  margin: 0px 0px 5%;
  display: inline-block;
  }
  .support_complete_detail_sub{
  padding:10px 0px;
  font-size: 1vw;
  line-height: 1vw !important;
  letter-spacing: 0.04vw;
  }
  .support_complete_detail_link_box{
  padding:20px 0px;
  }
  .support_complete_detail_link {
  padding: 0.3em 1em;
  color: #3f3c3c;
  border-radius: 3px;
  transition: .4s;
  }
  }

  .support_product {
  padding-top:5vw;
  padding-bottom:5vw;
  border-bottom: 1px solid #808080;
  }
  .support_product2 {
  border-bottom: 1px solid #808080;
  }
  .support_product_item_img{
  text-align:center;
  }

  ul.support_product_item_list{
  list-style: none;
  width:100%;
  }
  .support_product_item_list li {
  position: relative;
  font-size: 1.2vw;
  border-bottom: 1px solid #808080 !important;
  padding: 0.9vw 0.2vw;
  }

  .support_product_item_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  .support_product_item_list li:first-child {
  border-top: 1px solid #808080 !important;
  }
  .support_product_item_list_img{
  float:left;
  height:auto;
  }
  .support_product_item_list_text_box{
  float: left;
  position: relative;
  color:#3F3C3C;
  font-weight: normal;
  }
  .support_product_item_list_text{
  position: absolute;
  margin: auto;
  }
  .support_product_qa{
  }
  .support_product_qa_ttl{
  color:#3C393B;
  }
  .support_qa_box{
  padding:2vw 0px;
  }
  .support_qa_inner{
  font-size:22px;
  line-height: 30px;
  letter-spacing: 1px;
  color:#120202;
  }
  .support_qa_q{
  font-weight: 800;
  background: #3F3C3C;
  color:#ffffff;
  float: left;
  }
  .support_qa_a{
  font-weight: 800;
  background: #DF8B3A;
  color:#ffffff;
  float: left;
  }
  .support_qa_text_ttl{
  float: left;
  width: 89%;
  color: #120202;
  font-weight: 800;
  }
  .support_qa_text{
  float: left;
  width: 89%;
  color:#120202;
  font-weight: normal;
  }
  .support_qa_text_a{
  border-bottom: dotted 0.1vw #333333;
  }
  .support_qa_text2{
  color:#444444;
  }
  .support_qa_sub{
  color:#120202;
  }

  .support_product_item_linka {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: .4s;
  font-weight: normal !important;
  background:#DF8B3A;
  color:#ffffff !important;
  text-align: center;
  }
  .support_product_item_linka:hover {
  background: #E89856;
  color: #ffffff;
  }
  .support_product_item_linkb{
  text-align: right;
  position: absolute;
  }
  table.support_product_spec{
  border-collapse:collapse;
  margin:0 auto;
  width: 100%;
  }
  .support_product_spec th{
  border-top:1px solid #888;
  border-right:1px solid #888;
  }
  .support_product_spec td{
  border-top:1px solid #888;
  }

  @media screen and (max-width: 767px) {
  .support_product {
  padding-right: 15px !important;
  padding-left: 15px !important;
  }
  .support_product2 {
  padding-top: 12vw;
  padding-bottom: 12vw;
  padding-right: 15px !important;
  padding-left: 15px !important;
  }
  .support_product3 {
  padding-top: 12vw;
  padding-bottom: 12vw;
  padding-right: 15px !important;
  padding-left: 15px !important;
  }
  .support_product_item_img img{
  width:80%;
  }
  .support_product_item_ttl{
  font-size: 5.5vw;
  line-height: 5.5vw;
  letter-spacing: 0.1vw;
  padding-bottom: 3vw;
  padding-top: 2vw;
  text-align: center;
  }
  .support_product_item_sub{
  font-size: 3vw;
  line-height: 2vw;
  letter-spacing: 0.4vw;
  padding-bottom: 5vw;
  text-align: center;
  }
  .support_product_item_sub_ib{
  font-size: 2vw;
  line-height: 2vw;
  letter-spacing: 0.4vw;
  margin-left: 5px;
  border:solid 1px #403E3E;
  padding: 2px;
  text-align: center;
  }
  .support_qa_text_sub{
  font-size:12px;
  line-height:20px;
  letter-spacing:1px;
  padding-bottom:25px;
  }
  .support_product_item_link{
  text-align:center;
  }
  .support_product_item_linka {
  border-radius: 4px;
  font-size: 3.0vw;
  letter-spacing: 0.2vw;
  padding: 2vw 1vw;
  width: 38vw;
  }
  .support_product_item_linkb{
  right: 2vw;
  }
  ul.support_product_item_list{
  padding: 9vw 0 2vw 0;
  }
  .support_product_item_list li:first-child {
  border-top: 1px solid #808080;
  }
  .support_product_item_list_img{
  width:19vw;
  padding: 10px 20px 10px 10px;
  }
  .support_product_item_list_text_box{
  font-size: 3.2vw;
  letter-spacing: 0.7vw;
  line-height: 3.2vw;
  margin-left: 0.5vw;
  width: 71%;
  }
  .support_product_item_list_text{
  top: 7.2vw;
  bottom: 0;
  left: 2vw;
  right: 0;
  }
  .support_product_item_list li::after {
  right: 10px;
  }
  .support_product_qa_ttl {
  font-size: 5vw;
  letter-spacing: 0.5vw;
  line-height: 5vw;
  text-align: center;
  }
  .support_qa_box {
  padding: 8vw 0px;
  }
  .support_qa_sub{
  font-size: 4vw;
  line-height: 5vw;
  letter-spacing: 0.1vw;
  }
  .support_qa_inner {
  padding: 2vw 0% 6vw;
  }
  .support_qa_q{
  font-size: 3.5vw;
  padding: 3px 7px 4px;
  line-height: 5.2vw;
  border-radius: 0px;
  margin-right: 1.8vw;
  margin-bottom: 4.5vw;
  }
  .support_qa_a{
  font-size: 3.5vw;
  padding: 3px 7px 4px;
  line-height: 5.2vw;
  border-radius: 0px;
  margin-right: 1.8vw;
  }
  .support_qa_text_ttl{
  padding: 1vw;
  font-size: 4.5vw;
  line-height: 5.5vw;
  letter-spacing: 0.05vw;
  }
  .support_qa_text{
  padding:1vw;
  font-size: 4.5vw;
  line-height: 7vw;
  letter-spacing: 0.05vw;
  }
  .support_qa_text_a{
  border-bottom: dotted 0.2vw #333333;
  }
  .support_qa_text2{
  font-size: 3.5vw;
  line-height: 4.5vw;
  padding-top: 2.5vw;
  }
  .support_product_spec_box{
  padding:12vw 0vw;
  }
  .support_product_spec th{
  padding: 3.5vw;
  font-size: 3.5vw;
  letter-spacing: 0.4vw;
  line-height: 4.5vw;
  }
  .support_product_spec td{
  padding: 3.5vw 0 3.5vw 4vw;
  font-size: 3.5vw;
  letter-spacing: 0.4vw;
  line-height: 4.5vw;
  text-align: left;
  }
  .support_product_spec_sub{
  font-size: 3vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  padding-bottom: 8vw;
  }
  }
  @media screen and (min-width: 768px) {
  .support_product2 {
  padding-top:5vw;
  padding-bottom:5vw;
  }
  .support_product3 {
  padding-top:5vw;
  padding-bottom:5vw;
  }
  .support_product_item_img img{
  width:100%;
  }
  .support_product_item_ttl{
  font-size: 2.9vw;
  line-height: 2.9vw;
  letter-spacing: 0.1vw;
  padding-bottom: 1.3vw;
  padding-top: 2vw;
  padding-left: 1vw;
  }
  .support_product_item_sub{
  font-size: 1.5vw;
  line-height: 1.5vw;
  letter-spacing: 0.4vw;
  padding-bottom: 2vw;
  padding-left: 1vw;
  }
  .support_product_item_sub_ib{
  font-size: 1.2vw;
  line-height: 1.5vw;
  letter-spacing: 0.4vw;
  margin-left: 10px;
  border:solid 1px #403E3E;
  padding: 4px;
  text-align: center;
  }
  .support_qa_text_sub{
  font-size:12px;
  line-height:20px;
  letter-spacing:1px;
  padding-bottom:25px;
  }
  .support_product_item_link{
    padding-left: 1vw;
  }
  .support_product_item_linka {
  border-radius: 4px;
  font-size: 1.2vw;
  letter-spacing: 0.1vw;
  padding: 1vw 1vw;
  width: 16vw;
  }
  .support_product_item_linkb{
  right: 1vw;
  }
  .support_product_item_list_img{
  width: 8vw;
  padding: 0.1vw 1.3vw;
  }
  .support_product_item_list_text_box{
  font-size: 1.2vw;
  letter-spacing: 0.4vw;
  line-height: 1.2vw;
  margin-left: 0.0vw;
  width: 10.9vw;
  }
  .support_product_item_list_text{
  top: 2.2vw;
  bottom: 0;
  left: 1vw;
  right: 0;
  }
  .support_product_item_list li::after {
  right: 5px;
  }
  .support_product_qa_ttl{
  font-size: 2.2vw;
  letter-spacing: 0.5vw;
  line-height: 2.2vw;
  }
  .support_qa_box {
  padding: 2vw 0px;
  }
  .support_qa_sub{
  font-size: 1.6vw;
  line-height: 2.5vw;
  letter-spacing: 0.1vw;
  }
  .support_qa_inner {
  padding: 1.2vw 0% 1.2vw;
  }
  .support_qa_q{
  font-size:1.5vw;
  padding:3px 6px 2px;
  line-height: 2vw;
  border-radius: 0px;
  margin-right: 1.3vw;
  }
  .support_qa_a{
  font-size:1.5vw;
  padding:3px 6px 2px;
  line-height: 2vw;
  border-radius: 0px;
  margin-right: 1.3vw;
  }
  .support_qa_text_ttl{
  padding: 2px;
  padding-bottom: 1vw;
  color: #120202;
  font-size: 1.5vw;
  line-height: 2.4vw;
  }
  .support_qa_text{
  padding:2px;
  padding-bottom: 1vw;
  font-size: 1.5vw;
  line-height: 2.4vw;
  letter-spacing: 0.1vw;
  }
  .support_qa_text2{
  font-size:1.2vw;
  line-height: 1.5vw;
  padding-top: 1.5vw;;
  }
  .support_product_spec_box{
  padding:3vw 0vw;
  }
  .support_product_spec th{
  padding: 1.6vw;
  font-size: 1.7vw;
  letter-spacing: 0.4vw;
  line-height: 1.9vw;
  }
  .support_product_spec td{
  padding: 1.6vw 0 1.6vw 4vw;
  font-size: 1.7vw;
  letter-spacing: 0.4vw;
  line-height: 1.9vw;
  }
  .support_product_spec_sub{
  font-size: 1.4vw;
  line-height: 1.9vw;
  letter-spacing: 0.1vw;
  padding-bottom: 5vw;
  }
  }

  .support_product_spec tr:last-child td,
  .support_product_spec tr:last-child th{
  border-bottom:1px solid #888;
  }

  .support_product_item_link_ag{
  text-align:center;
  }
  .support_product_item_link_aga {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: .4s;
  font-weight: normal !important;
  background:#ffffff;
  border:1px solid #000000;
  color:#000000 !important;
  text-align: center;
  }
  .support_product_item_link_aga:hover {
  background: #EEEEEE;
  color: #000000;
  }
  .support_product_item_link_agb{
  text-align: right;
  position: absolute;
  }
  @media screen and (max-width: 767px) {
  .support_product_item_link_ag{
  margin-top: 11vw !important;
  }
  .support_product_item_link_aga {
  border-radius: 4px;
  font-size: 3vw;
  letter-spacing: 0.2vw;
  padding: 1vw 1vw;
  width: 63vw;
  }
  .support_product_item_link_agb{
  right: 2vw;
  }
  }
  @media screen and (min-width: 768px) {
  .support_product_item_link_ag{
  margin-top: 4vw !important;
  }
  .support_product_item_link_aga {
  border-radius: 4px !important;
  font-size: 1.3vw;
  letter-spacing: 0.15vw;
  padding: 0.3vw 1vw;
  width: 31vw;
  }
  .support_product_item_link_agb{
  right: 2vw;
  }
  }
  /* support -------------------------------------------------------------- */


  /* store -------------------------------------------------------------- */
  .store_box{
  background:#ffffff;
  }
  .shop_box_area{
  text-align: center;
  }
  .store_ttl{
  color:#3f3c3c;
  border-bottom:2px solid #808080;
  }
  .store_text_sub{
  color:#120202;
  }
  .store_link {
  text-align: center;
  width:100%;
  padding:10px 0px;
  }
  .store_link_img{
  float:left;
  width: 50%;
  }
  .store_link_img a:hover{
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity:0.4;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  }
  @media screen and (max-width: 767px) {
  .store_box{
  padding:3vw 1vw !important;
  }
  .store_area{
  padding:0px 7vw;
  }
  .store_ttl{
  font-size:18px;
  line-height:20px;
  margin: 0px 0px 10%;
  display: inline-block;
  letter-spacing: 0.8vw;
  }
  .store_link_img img{
  width:100%;
  padding: 1.1vw 10vw 6vw;
  }
  .store_text_sub{
  padding: 1.4vw 3.4vw;
  font-size: 3vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  text-align: left;
  }
  }
  @media screen and (min-width: 768px) {
  .store_box{
  padding:3vw 1vw;
  }
  .store_area{
  padding: 5vw 10px;
  }
  .store_ttl{
  font-size: 25px;
  line-height:30px;
  margin: 0px 0px 5%;
  display: inline-block;
  letter-spacing: 0.8vw;
  }
  .store_link_img img{
  width:100%;
  padding: 1.8vw 3.4vw 6vw;
  }
  .store_text_sub{
  padding: 2.4vw 3.4vw;
  font-size: 1.2vw;
  line-height: 2.2vw;
  letter-spacing: 0.1vw;
  text-align: left;
  }
  }

  /* store_o -------------------------------------------------------------- */
  .store_o_box{
  background:#ffffff;
  text-align: center;
  }
  .shop_box_area{
  text-align: center;
  }
  .store_o_ttl{
  color:#3f3c3c;
  border-bottom:2px solid #808080;
  }
  .store_o_text_sub{
  color:#120202;
  }
  .store_o_link_img{
  float:left;
  width: 50%;
  }
  .store_o_link_img a:hover{
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity:0.4;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  }
  @media screen and (max-width: 767px) {
  .store_o_box{
  padding:3vw 1vw !important;
  }
  .store_o_list{
  padding:0px 7vw;
  display: inline-block;
  }
  .store_o_area{
  padding:0px 7vw;
  }
  .store_o_link_img img{
  width:100%;
  padding: 1.1vw 10vw 6vw;
  }
  .store_o_ttl{
  font-size:18px;
  line-height:20px;
  margin: 0px 0px 10%;
  display: inline-block;
  letter-spacing: 0.8vw;
  }
  .store_o_text_sub{
  padding: 1.4vw 3.4vw;
  font-size: 2vw;
  line-height: 4vw;
  letter-spacing: 0.1vw;
  text-align: center;
  }
  }
  @media screen and (min-width: 768px) {
  .store_o_box{
  padding:3vw 1vw;
  }
  .store_o_list{
  padding:0vw 10px;
  display: inline-block;
  }
  .store_o_area{
  padding: 5vw 10px;
  }
  .store_o_link_img img{
  width:100%;
  padding: 1.8vw 3.4vw 6vw;
  }
  .store_o_ttl{
  font-size: 25px;
  line-height:30px;
  margin: 0px 0px 5%;
  display: inline-block;
  letter-spacing: 0.8vw;
  }
  .store_o_text_sub{
  padding: 2.4vw 3.4vw;
  font-size: 1.2vw;
  line-height: 2.2vw;
  letter-spacing: 0.1vw;
  text-align: center;
  }
  }

  .shop_o_loop {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      width: 100vw;
      left: 50%;
      margin-left: -50vw;
      overflow: hidden;
  }

    .shop_o_loop ul {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
  /*    width: 100%; */
      margin: 0;
      padding: 0;
    }

    .shop_o_loop li {
      display: inline-block;
  /*    width: calc(100vw / 4);*/
      margin: 0 0 0 0;
      list-style: none;
      text-align: center;
      width: auto;
      height: 100%;
  }

  @media screen and (max-width: 767px) {
  .shop_o_loop {
  padding: 3vw 0vw;
  }
  .shop_o_loop li img {
  height: 120px;
  width: auto;
  }
  }
  @media screen and (min-width: 768px) {
  .shop_o_loop {
  padding: 1vw 0vw;
  }
  .shop_o_loop li img {
  height: 10vw;
  width: auto;
  vertical-align: middle;
  }
  }

    .shop_o_loop li a {
      display: block;
    }

  .shop_o_loop li img {
      display: block;
    }

    .shop_o_loop li a:hover {
      opacity: .7;
    }

    .shop_o_loop ul:first-child {
      -webkit-animation: loop 50s -25s linear infinite;
      animation: loop 50s -25s linear infinite;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      will-change: transform;
    }

    .shop_o_loop ul + ul {
      -webkit-animation: loop2 50s  linear infinite;
      animation: loop2 50s linear infinite;
    }
  /*
    .shop_o_loop:hover ul {
      animation-play-state: paused;
    }
  */
  @-webkit-keyframes loop {
      0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
      }
      to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
      }
    }

    @keyframes loop {
      0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
      }
      to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
      }
    }

    @-webkit-keyframes loop2 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
      }
    }

    @keyframes loop2 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
      }
    }

    @-webkit-keyframes loop3 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
        transform: translateX(-300%);
      }
    }

    @keyframes loop3 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
        transform: translateX(-300%);
      }
    }

  .shop_o2_loop {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      width: 100vw;
      left: 50%;
      margin-left: -50vw;
      overflow: hidden;
  }

    .shop_o2_loop ul {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
  /*    width: 100%; */
      margin: 0;
      padding: 0;
    }

    .shop_o2_loop li {
      display: inline-block;
  /*    width: calc(100vw / 4);*/
      margin: 0 0 0 0;
      list-style: none;
      text-align: center;
      width: auto;
      height: 100%;
  }

  @media screen and (max-width: 767px) {
  .shop_o2_loop {
  padding: 3vw 0vw;
  }
  .shop_o2_loop li img {
  height: 120px;
  width: auto;
  }
  }
  @media screen and (min-width: 768px) {
  .shop_o2_loop {
  padding: 1vw 0vw;
  }
  .shop_o2_loop li img {
  height: 10vw;
  width: auto;
  vertical-align: middle;
  }
  }

    .shop_o2_loop li a {
      display: block;
    }

  .shop_o2_loop li img {
      display: block;
    }

    .shop_o2_loop li a:hover {
      opacity: .7;
    }

    .shop_o2_loop ul:first-child {
      -webkit-animation: loopb 50s -25s linear infinite;
      animation: loop 50s -25s linear infinite;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      will-change: transform;
    }

    .shop_o2_loop ul + ul {
      -webkit-animation: loopb2 50s  linear infinite;
      animation: loop2 50s linear infinite;
    }
  /*
    .shop_o2_loop:hover ul {
      animation-play-state: paused;
    }
  */
  @-webkit-keyframes loopb {
      0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
      }
      to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
      }
    }

    @keyframes loopb {
      0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
      }
      to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
      }
    }

    @-webkit-keyframes loopb2 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
      }
    }

    @keyframes loopb2 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
      }
    }

    @-webkit-keyframes loopb3 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
        transform: translateX(-300%);
      }
    }

    @keyframes loopb3 {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
        transform: translateX(-300%);
      }
    }


  /* support information ------------------------------- */
  .support_box_information{
  background:#fff;
  margin-bottom: 40px;
  color:#3e3d3c;
  }
  @media screen and (max-width: 767px) {
  .support_box_information{
  padding: 5vw;
  border: 1px solid #666;
  text-align: center;
  margin: 2vw;
  }
  .support_box_information_ttl{
  font-size: 3.8vw;
  line-height: 5vw;
  letter-spacing: 0.2vw;
  padding-bottom: 2.2vw;
  }
  .support_box_information_ttl2{
  font-size: 2.8vw;
  line-height: 4.4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 4vw;
  text-align: left;
  }
  .support_box_information_ttl2c{
  font-size: 2.8vw;
  line-height: 4.4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 4vw;
  text-align: center;
  }
  .support_box_information_ttl3{
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 2vw;
  }
  .support_box_information_text{
  font-size: 3.5vw;
  line-height: 5.3vw;
  letter-spacing: 0.2vw;
  text-align: center;
  }
  .support_box_information_text2{
  font-size: 2.2vw;
  line-height: 3vw;
  letter-spacing: 0.02vw;
  padding: 2.5vw 0vw;
  text-align: left;
  }
  .support_box_information_text3{
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: 0.02vw;
  padding: 2vw 0vw 4vw;
  text-align: center;
  }
  }
  @media screen and (min-width: 768px) {
  .support_box_information{
  padding: 2vw;
  border: 1px solid #666;
  text-align: center;
  }
  .support_box_information_ttl{
  font-size: 1.4vw;
  line-height: 2.0vw;
  letter-spacing: 0.2vw;
  padding-bottom: 1vw;
  }
  .support_box_information_ttl2{
  font-size: 0.9vw;
  line-height: 1.4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 0.8vw;
  }
  .support_box_information_ttl2c{
  font-size: 0.9vw;
  line-height: 1.4vw;
  letter-spacing: 0.2vw;
  padding-bottom: 0.8vw;
  }
  .support_box_information_ttl3{
  font-size: 0.9vw;
  line-height: 2vw;
  letter-spacing: 0.2vw;
  }
  .support_box_information_text{
  font-size: 0.9vw;
  line-height: 1.4vw;
  letter-spacing: 0.2vw;
  }
  .support_box_information_text2{
  font-size: 0.8vw;
  line-height: 1.5vw;
  letter-spacing: 0.09vw;
  padding: 1vw 0vw;
  }
  .support_box_information_text3{
  font-size: 1.2vw;
  line-height: 1.5vw;
  letter-spacing: 0.09vw;
  padding: 0.5vw 0vw 1.5vw;
  }
  }
  /* support information ------------------------------- */


  /* store info -------------------------------------------------------------- */
  @media screen and (max-width: 767px) {
  #pdct_information{
  padding: 0vw 3vw 10%;
  }
  .pdct_information{
  border: 1px solid #666666;
  padding:5vw;
  }
  .pdct_information_ttl{
  padding: 0.5vw 1vw 4vw;
  text-align: center;
  font-size: 3.5vw;
  line-height: 3.5vw;
  color: #444;
  }
  .pdct_information_text{
  text-align: center;
  font-size: 3.0vw;
  line-height: 3.5vw;
  color: #444;
  }
  .pdct_information_text_sub{
  padding: 4.5vw 1vw 0vw;
  text-align: center;
  font-size: 2.5vw;
  line-height: 3vw;
  color: #444;
  }
  }
  @media screen and (min-width: 768px) {
  #pdct_information{
  padding: 4vw 0 4vw;
  }
  .pdct_information{
  border: 1px solid #666666;
  padding: 2vw;
  }
  .pdct_information_ttl{
  padding: 0.5vw 1vw 2vw;
  text-align: center;
  font-size: 1.5vw;
  line-height: 1.5vw;
  color: #444;
  }
  .pdct_information_text{
  text-align: center;
  font-size: 1.1vw;
  line-height: 1.5vw;
  color: #444;
  }
  .pdct_information_text_sub{
  padding: 2.5vw 1vw 1vw;
  text-align: center;
  font-size: 0.9vw;
  line-height: 1.2vw;
  color: #444;
  }
  }
  /* store info -------------------------------------------------------------- */

  /* ttl 共通 -------------------------------------------------------------- */
  .top_contents_ttl{
  width: 100%;
  text-align: center;
  }
  @media screen and (max-width: 767px) {
  .top_contents_ttl img{
  width: 80%;
  }
  .top_contents_ttl_cmp{
  width: 100%;
  text-align: center;
  padding: 20% 0%;
  }
  .top_contents_ttl_cmp img{
  width: 80%;
  }
  }

  @media screen and (min-width: 768px) {
  .top_contents_ttl_cmp{
  width: 100%;
  text-align: center;
  }
  .top_contents_ttl_cmp img{
  width: 500px;
  }
  .top_contents_ttl img{
  width: 500px;
  }
  }
  /* ttl 共通 -------------------------------------------------------------- */

  /* top contents1 -------------------------------------------------------------- */
  #top_contents1{
  background:  rgba(200,22,29,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .top_contents1_box{
  padding: 20px 0px 10px;
  }
  .top_contents1_more{
  padding: 20px 20px 20px;
  }
  }

  @media screen and (min-width: 768px) {
  .top_contents1_box{
  padding: 50px 20px 20px;
  }
  .top_contents1_more{
  padding: 20px 20px 50px;
  }
  }

  .top_contents1_more{
  text-align: center;
  }

  .top_contents1_more_link {
  display: inline-block;
  padding: 10px 5px;
  text-decoration: none !important;
  color: rgba(250,248,239,1.00) !important;
  font-size: 18px !important;
  background: #c8161d !important;
  border: solid 2px rgba(250,248,239,1.00);
  border-radius: 0px;
  transition: .4s;
  width: 220px;
  text-align: center;
  font-weight: 800;
  letter-spacing: 1px;
  }

  .top_contents1_more_link:hover {
  background: rgba(250,248,239,1.00) !important;
  color: #c8161d!important;
  border: solid 2px #c8161d !important;
  }

  .top_contents1{
  padding: 40px 0px;
  }
  .top_contents1_img{
  width: 100%;
  }
  .top_contents1_img img{
  width: 100%;
  }

  .top_contents1_ttl{
  width: 100%;
  text-align: center;
  color:#ffffff;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 400;
  padding:15px 0px 5px;
  text-decoration: none !important;
  border-bottom: solid 1px #ffffff;
  }
  .top_contents1_text{
  padding: 5px 0px;
  color:#ffffff;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 0;
  text-decoration: none;
  }
  .top_contents1_day{
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  }

  .top-contents1-lbox{
  display:inline-block;
  position:relative;
  width: 100%;
  }

  .top-contents1-lbox img{
  width: 100%;
  }
  .top-contents1-Thumb{
  display:inline-block ;
  max-width: 100%;
  max-height: 100%;
  }
  .top-contents1-Caption{
  background-color: rgba(0,0,0,0.8);
  color:#FFF;
  padding:25% 0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity:0;
  text-align: center;
  }
  .top-contents1-Caption:hover{
  opacity:1;
  }

  .top-contents1-link{
  border: 2px #ffffff solid;
  padding: 10px 10px;
  width: 80%;
  margin: 25% auto;
  font-size: 14px;
  line-height: 16px;
  }

  .top-contents1_news{
  position: absolute;
  color: #ff3300;
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0px;
  line-height: 15px;
  background: #ffffff;
  z-index: 1;
  }
  .top-contents1_release{
  position: absolute;
  color: #ff3300;
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0px;
  line-height: 15px;
  background: #ffffff;
  z-index: 1;
  }
  /* top contents1 -------------------------------------------------------------- */

  /* top contents2 -------------------------------------------------------------- */
  #top_contents2{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .top_contents2_box{
  padding: 20px 20px;
  }
  }

  @media screen and (min-width: 768px) {
  .top_contents2_box{
  padding: 50px 20px;
  }
  }

  .top_contents2{
  padding: 40px 0px;
  }
  .top_contents2_img{
  width: 100%;
  }
  .top_contents2_img img{
  width: 100%;
  }
  .top-contents2-lbox{
  display:inline-block;
  position:relative;
  width: 100%;
  }
  .top-contents2-lbox img{
  width: 100%;
  }
  .top_contents2_ttl{
  width: 100%;
  padding:10px 5px;
  border: solid 3px #c8161d;
  margin: 15px 0px 10px;
  text-align: center;
  color:#c8161d;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 600;
  text-decoration: none !important;
  }
  .top_contents2_text{
  padding: 5px 0px;
  color:#595757;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 0;
  text-decoration: none;
  }
  .top_contents2_day{
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  }
  /* top contents2 -------------------------------------------------------------- */

  /* top contents3 -------------------------------------------------------------- */
  #top_contents3{
  background: rgba(200,22,29,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .top_contents3_box{
  padding: 20px 0px;
  }
  .top_contents3_box_new{
  padding: 20px 0px;
  }
  .top_contents3_box2{
  padding: 0px 0px;
  }
  }

  @media screen and (min-width: 768px) {
  .top_contents3_box_new{
  padding: 50px 20px;
  }
  .top_contents3_box{
  padding: 50px 20px;
  }
  .top_contents3_box2{
  padding: 0px 0px;
  }
  }

  .top_contents3{
  padding: 40px 0px;
  }
  .top_contents3_img{
  width: 100%;
  }
  .top_contents3_img img{
  width: 100%;
  }

  .top_contents3_ttl{
  width: 100%;
  text-align: center;
  color:#ffffff;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 400;
  padding:15px 0px 5px;
  text-decoration: none !important;
  border-bottom: solid 1px #ffffff;
  }

  .top-contents3-lbox{
  display:inline-block;
  position:relative;
  width: 100%;
  }

  .top-contents3-lbox img{
  width: 100%;
  }
  .top-contents3-lbox_new{
  display:inline-block;
  position:relative;
  width: 100%;
  }

  .top-contents3-lbox_new img{
  width: 100%;
  }
  .top-contents3-Thumb{
  display:inline-block ;
  max-width: 100%;
  max-height: 100%;
  }
  .top-contents3-Caption{
  background-color: rgba(0,0,0,0.8);
  color:#FFF;
  padding: 25% 0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity:0;
  text-align: center;
  }
  .top-contents3-Caption:hover{
  opacity:1;
  }

  .top-contents3-link{
  border: 2px #ffffff solid;
  padding: 10px 10px;
  width: 80%;
  margin: 25% auto;
  font-size: 14px;
  line-height: 16px;
  }

  .top-contents3-logo{
  width: 100%;
  text-align: center;
  }
  .top-contents3-logo img{
  width: 80%;
  }

  .top-contents3-lbox_new::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 4em solid transparent;
  border-left: 4em solid #FFFD00; /* ラベルの色はここで変更 */
  position: absolute;
  z-index: 100;
  }
  .top-contents3-lbox_new::after {
  content: "NEW";
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: bold;
  display: block;
  top: 14px;
  transform: rotate(-45deg);
  color: #FF0000; /* 文字色はここで変更 */
  left: 1px;
  position: absolute;
  z-index: 101;
  }
  /* top contents3 -------------------------------------------------------------- */

  /* top contents4 -------------------------------------------------------------- */
  #top_contents4{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .top_contents4_box{
  padding: 20px 20px;
  }
  }

  @media screen and (min-width: 768px) {
  .top_contents4_box{
  padding: 50px 20px;
  }
  }

  .top_contents4{
  padding: 40px 0px;
  }
  .top_contents4_img{
  width: 100%;
  }
  .top_contents4_img img{
  width: 100%;
  }

  .contents_company_list {
  width: 100%;
  }

  @media screen and (max-width: 767px) {
  table.contents_company_table {
  font-size:  15px;
  }
  td.contents_company_table {
  line-height: 25px;
  }
  .contents_company_list {
  padding: 5px 15px;
  }
  }

  @media screen and (min-width: 768px) {
  table.contents_company_table {
  font-size: 20px;

  }
  td.contents_company_table  {
  line-height: 25px;
  }
  .contents_company_list {
  padding: 0px 30px;
  }
  }

  .top_contents4{
  padding: 0px 0px 40px;
  }

  table.contents_company_table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px;
  }

  td.contents_company_table_class1_1 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  td.contents_company_table_class1_2 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  td.contents_company_table_class1_3 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  td.contents_company_table_class1_4 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  @media screen and (max-width: 767px) {
  td.contents_company_table_class1_1 {
  width: 40%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_company_table_class1_2 {
  width: 40%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_company_table_class1_3 {
  width: 40%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_company_table_class1_4 {
  width: 40%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_company_table_class2 {
  width: 60%;
  padding: 10px 5px;
  line-height: 28px;
  }
  }

  @media screen and (min-width: 768px) {
  td.contents_company_table_class1_1 {
  width: 30%;
  padding: 30px 10px;
  letter-spacing: 74px;
  }
  td.contents_company_table_class1_2 {
  width: 30%;
  padding: 30px 10px;
  letter-spacing: 4px;
  }
  td.contents_company_table_class1_3 {
  width: 30%;
  padding: 30px 10px;
  letter-spacing: 12px;
  }
  td.contents_company_table_class1_4 {
  width: 30%;
  padding: 30px 10px;
  letter-spacing: 28px;
  }
  td.contents_company_table_class2 {
  padding: 0px 10px;
  width: 70%;
  line-height: 32px;
  }
  }

  td.contents_company_table_class2 {
  word-break: break-all;
  color: #595757;
  letter-spacing: 1px;
  }

  .contents_company_table_class2 a{
  color: #595757;
  text-decoration: none;
  }
  .contents_company_table_class2 a:hover{
  color: #595757;
  text-decoration: underline;
  text-decoration-color: #595757;
  }

  .contents_company_table_class_cimg{
  float:left;
  width: 24%;
  padding:4px;
  }
  .contents_company_table_class_cimg img{
  width: 100%;
  }

  .contents_company_table th {
  border-bottom: 2px solid #9fa0a0;
  }

  .contents_company_table td {
  border-bottom: 1px solid #9fa0a0;
  }

  @media screen and (max-width: 767px) {
  .contents_company_map{
  width: 100%;
  height: 400px;
  }
  }

  @media screen and (min-width: 768px) {
  .contents_company_map{
  width: 100%;
  height: 400px;
  }
  }

  .contents_company_btn_box{
  margin:20px 0px 30px;


  }
  .contents_company_btn {
  display: inline-block;
  padding: 6px 5px;
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 15px !important;
  border: solid 2px #b5b6b6;
  background: #b5b6b6;
  border-radius: 0px;
  transition: .4s;
  width: 260px;
  text-align: center;
  font-size: 10px;
  font-weight: 100;
  letter-spacing: 2px;
  }

  .contents_company_btn:hover {
  background: #c8161d;
  color: #ffffff;
  border: solid 2px #c8161d;
  }
  /* top contents4 -------------------------------------------------------------- */

  /* privacy policy -------------------------------------------------------------- */
  #privacy_policy{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .privacy_policy{
  padding: 20px 10px;
  }
  }

  @media screen and (min-width: 768px) {
  .privacy_policy{
  padding: 30px 20px;
  }
  }

  .privacy_policy_detail{
  font-size:14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 26px;
  color: #595757;
  padding: 0px 0px 20px;
  }
  .privacy_policy_ttl{
  font-size:15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 26px;
  color: #c8161d;
  display: block;
  }
  .privacy_policy_cp{
  }
  .privacy_policy_cp_box{
  line-height: 17px;
  width: 240px;
  margin-left: auto;
  text-align: left;
  }
  .privacy_policy_cp_ttl{
  font-size:18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 23px;
  color: #595757;
  }
  .privacy_policy_cp_sub{
  font-size:12px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 14px !important;
  color: #595757;
  }
  /* privacy policy -------------------------------------------------------------- */

  /* contact us -------------------------------------------------------------- */
  #contact_us{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .contact_us_box{
  padding: 20px 20px;
  }
  }

  @media screen and (min-width: 768px) {
  .contact_us_box{
  padding: 50px 20px;
  }
  }

  .contact_us{
  padding: 40px 0px;
  }
  .contact_us_img{
  width: 100%;
  }
  .contact_us_img img{
  width: 100%;
  }

  .contact_us_list {
  width: 100%;
  }
  /* contact us -------------------------------------------------------------- */

  /* sitemap -------------------------------------------------------------- */
  #site_map{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .site_map{
  padding: 20px 20px;
  }
  }

  @media screen and (min-width: 768px) {
  .site_map{
  padding: 30px 20px;
  }
  }

  .site_map_detail{
  font-size:14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 26px;
  color: #595757;
  padding: 0px 0px 20px;
  }
  .site_map_ttl{
  font-size:15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 26px;
  color: #c8161d;
  display: block;
  }
  .site_map_cp{
  }
  .site_map_cp_box{
  line-height: 17px;
  width: 240px;
  margin-left: auto;
  text-align: left;
  }
  .site_map_cp_ttl{
  font-size:18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 23px;
  color: #595757;
  }
  .site_map_cp_sub{
  font-size:12px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 14px !important;
  color: #595757;
  }
  /* sitemap -------------------------------------------------------------- */

  /* top tokutei -------------------------------------------------------------- */

  #tokuteisyouhoutorihiki{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .tokuteisyouhoutorihiki{
  padding: 20px 10px;
  }
  }

  @media screen and (min-width: 768px) {
  .tokuteisyouhoutorihiki{
  padding: 30px 20px;
  }
  }

  .tokuteisyouhoutorihiki_detail{
  font-size:14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 26px;
  color: #595757;
  padding: 0px 0px 20px;
  }
  .tokuteisyouhoutorihiki_ttl{
  font-size:15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 26px;
  color: #c8161d;
  display: block;
  }
  .tokuteisyouhoutorihiki_cp{
  }
  .tokuteisyouhoutorihiki_cp_box{
  line-height: 17px;
  width: 240px;
  margin-left: auto;
  text-align: left;
  }
  .tokuteisyouhoutorihiki_cp_ttl{
  font-size:18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 23px;
  color: #595757;
  }
  .tokuteisyouhoutorihiki_cp_sub{
  font-size:12px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 14px !important;
  color: #595757;

  }

  #top_tokutei{
  background: rgba(250,248,239,1.00);
  width: 100%;
  padding: 60px 0px;
  }
  @media screen and (max-width: 767px) {
  .top_tokutei_box{
  padding: 20px 20px;
  }
  }

  @media screen and (min-width: 768px) {
  .top_tokutei_box{
  padding: 50px 20px;
  }
  }

  .top_tokutei{
  padding: 40px 0px;
  }
  .top_tokutei_img{
  width: 100%;
  }
  .top_tokutei_img img{
  width: 100%;
  }

  .contents_tokutei_list {
  width: 100%;
  }

  @media screen and (max-width: 767px) {
  table.contents_tokutei_table {
  font-size:  15px;
  }
  td.contents_tokutei_table {
  line-height: 25px;
  }
  .contents_tokutei_list {
  padding: 5px 0px;
  }
  }

  @media screen and (min-width: 768px) {
  table.contents_tokutei_table {
  font-size: 20px;

  }
  td.contents_tokutei_table  {
  line-height: 25px;
  }
  .contents_tokutei_list {
  padding: 0px 30px;
  }
  }

  .top_tokutei{
  padding: 0px 0px 40px;
  }

  table.contents_tokutei_table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px;
  font-size: 16px;
  }

  td.contents_tokutei_table_class1_1 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  td.contents_tokutei_table_class1_2 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  td.contents_tokutei_table_class1_3 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  td.contents_tokutei_table_class1_4 {
  line-height: 25px;
  color: #c8161d;
  font-weight: 800;
  }
  @media screen and (max-width: 767px) {
  td.contents_tokutei_table_class1_1 {
  width: 30%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_tokutei_table_class1_2 {
  width: 30%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_tokutei_table_class1_3 {
  width: 30%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_tokutei_table_class1_4 {
  width: 30%;
  padding: 10px 5px;
  letter-spacing: 2px;
  }
  td.contents_tokutei_table_class2 {
  width: 70%;
  font-size: 15px;
  padding: 10px 5px;
  line-height: 25px;
  }
  }

  @media screen and (min-width: 768px) {
  td.contents_tokutei_table_class1_1 {
  width: 30%;
  padding: 20px 10px;
  letter-spacing: 1px;
  }
  td.contents_tokutei_table_class1_2 {
  width: 30%;
  padding: 20px 10px;
  letter-spacing: 4px;
  }
  td.contents_tokutei_table_class1_3 {
  width: 30%;
  padding: 20px 10px;
  letter-spacing: 4px;
  }
  td.contents_tokutei_table_class1_4 {
  width: 30%;
  padding: 20px 10px;
  letter-spacing: 4px;
  }
  td.contents_tokutei_table_class2 {
  padding: 20px 10px;
  font-size: 16px;
  width: 70%;
  line-height: 26px;
  }
  }

  td.contents_tokutei_table_class2 {
  word-break: break-all;
  color: #595757;
  letter-spacing: 1px;
  }

  .contents_tokutei_table_class2 a{
  color: #595757;
  text-decoration: none;
  }
  .contents_tokutei_table_class2 a:hover{
  color: #595757;
  text-decoration: underline;
  text-decoration-color: #595757;
  }

  .contents_tokutei_table_class_cimg{
  float:left;
  width: 24%;
  padding:4px;
  }
  .contents_tokutei_table_class_cimg img{
  width: 100%;
  }

  .contents_tokutei_table th {
  border-bottom: 2px solid #9fa0a0;
  }

  .contents_tokutei_table td {
  border-bottom: 1px solid #9fa0a0;
  }

  @media screen and (max-width: 767px) {
  .contents_tokutei_map{
  width: 100%;
  height: 400px;
  }
  }

  @media screen and (min-width: 768px) {
  .contents_tokutei_map{
  width: 100%;
  height: 400px;
  }
  }

  .contents_tokutei_btn_box{
  margin:20px 0px 30px;


  }
  .contents_tokutei_btn {
  display: inline-block;
  padding: 6px 5px;
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 15px !important;
  border: solid 2px #b5b6b6;
  background: #b5b6b6;
  border-radius: 0px;
  transition: .4s;
  width: 260px;
  text-align: center;
  font-size: 10px;
  font-weight: 100;
  letter-spacing: 2px;
  }

  .contents_tokutei_btn:hover {
  background: #c8161d;
  color: #ffffff;
  border: solid 2px #c8161d;
  }
  /* top tokutei -------------------------------------------------------------- */

  /* top web media ---------------------------------------------------------  */

  .webmedia{
  padding-right:0px !important;
  padding-left:0px !important;
  }
  .webmedia_box{
  padding-right:0px !important;
  padding-left:0px !important;
  text-align: center;
  }

  @media screen and (max-width: 767px) {
  .webmedia{
  padding-top: 15%!important;
  padding-bottom: 15%!important;
  }
  .webmedia_ttl{
  width: 50vw;
  padding: 5vw 4vw 2vw;
  display: inline-block;
  }
  .webmedia_ttl_list{
  width: 41vw;
  padding: 3vw 2vw 2vw;
  display: inline-flex;
  float: left;
  height: 18vw;
  }
  .webmedia_bnr_area{
  width: 100%;
  padding: 1vw 0vw 2vw;
  display: table-cell;
  }
  .webmedia_ttl_img{
  float:left;
  width:10vw;
  height:10vw;
  }
  .webmedia_ttl_img img{
  width:100%;
  height:auto;
  }
  .webmedia_bnr_img {
  float: left;
  width: 32vw;
  height: 20vw;
  padding: 1vw 1vw;
  }
  .webmedia_bnr_img img {
  width: 70%;
  height: auto;
  }
  .webmedia_bnr_txt {
  color:#848180;
  font-size: 1.6vw;
  line-height: 2.8vw;
  letter-spacing: 0.0vw;
  }
  .webmedia_sub_ttl{
  float: left;
  width: 32vw;
  color:#3c393b;
  font-size: 2.7vw;
  line-height: 3.0vw;
  letter-spacing: 0.1vw;
  padding: 0px 0px 1px 7px;
  padding-top: 1.6vw;
  }
  .webmedia_sub_ttls{
  color:#848180;
  font-size: 1.6vw;
  line-height: 1.6vw;
  letter-spacing: 0.1vw;
  }
  }
  @media screen and (min-width: 768px) {
  .webmedia{
  padding-top: 2vw!important;
  padding-bottom: 2vw!important;
  }
  .webmedia_box{
  font-size: 22px;
  line-height: 41px;
  letter-spacing: 6px;
  }
  .webmedia_ttl{
  width: 20vw;
  padding:1vw 1vw;
  display: inline-block;
  }
  .webmedia_ttl_list{
  width: 20vw;
  padding:1vw 1vw;
  display: inline-block;
  float: left;
  }
  .webmedia_bnr_area{
  width: 100%;
  padding: 1vw 0vw 2vw;
  display: table-cell;
  }
  .webmedia_ttl_img{
  float:left;
  width:3.5vw;
  height:3.5vw;
  }
  .webmedia_ttl_img img{
  width:3.5vw;
  height:auto;
  }
  .webmedia_bnr_img {
  float: left;
  width: 20vw;
  height: auto;
  padding: 1vw 2vw;
  }
  .webmedia_bnr_img img {
  width: 60%;
  height: auto;
  }
  .webmedia_bnr_txt {
  color: #848180;
  font-size: 0.6vw;
  line-height: 0.8vw;
  letter-spacing: 0.1vw;
  min-height: 3vw;
  }
  .webmedia_sub_ttl{
  float:left;
  width:12vw;
  color:#3c393b;
  font-size: 0.7vw;
  line-height: 1.0vw;
  letter-spacing: 0.1vw;
  padding: 1px 0px 1px 7px;
  padding-top: 0.6vw;
  }
  .webmedia_sub_ttls{
  color:#848180;
  font-size: 0.6vw;
  line-height: 0.6vw;
  letter-spacing: 0.1vw;
  }
  }

  #media-headspa,#media-eye,#media-neck,#media-eyeplus,#media-eyeheatpro,#media-rebive,#media-stretch{
  padding-bottom: 9vw;
  }
  /* top web media ---------------------------------------------------------  */

  /* contents about add -------------------------------------------------------------- */
  @media screen and (max-width: 767px) {
  .contents_top_other_area{
  text-align: center;
  margin: 15vw 0vw 0vw;
  padding-top: 5vw;
  }
  .contents_top_other{
  padding:5vw 0vw 0vw;
  line-height: 0px;
  }
  .contents_top_other_box{
  width:100%;
  }
  .contents_top_other_box img{
  width:100%;
  }
  .contents_top_other_ttl{
  padding: 7vw 0vw 0vw;
  font-size: 4.5vw;
  line-height: 7vw;
  letter-spacing: 0.3vw;
  text-align: center;
  }
  .contents_top_other_sub{
  padding: 1vw;
  font-size: 4.5vw;
  line-height: 7vw;
  letter-spacing: 0.3vw;
  text-align: center;
  }
  .contents_top_other_img{
  position: relative;
  text-align: center !important;
  padding: 5vw 0vw 5vw;
  }
  .contents_top_other_img img{
  width:41vw;
  }
  .contents_top_other_img2{
  position: absolute;
  top: 13vw;
  left: 47vw;
  }
  .contents_top_other_img2 img{
  width:41vw;
  }
  .contents_top_other2{
  padding: 5vw 5vw 20vw !important;
  }
  .contents_top_other2_box{
  width: 100%;
  text-align: center;
  border-top: 0.1vw solid #888;
  border-bottom: 0.1vw solid #888;
  padding: 5vw 3vw 5vw;
  display: flex;
  }
  .contents_top_other2_left{
  float: left;
  width: auto;
  padding-left: 5vw;
  }
  .contents_top_other2_left img{
  width: auto;
  height: 10vw;
  }
  .contents_top_other2_twt{
  width: auto;
  height: 10vw;
  }
  .contents_top_other2_twt img{
  width: auto;
  height: 10vw;
  }
  .contents_top_other2_ig{
  width: auto;
  height: 10vw;
  }
  .contents_top_other2_ig img{
  width: auto;
  height: 10vw;
  }
  .contents_top_other2_yt{
  float:left;
  width:auto;
  }
  .contents_top_other2_yt img{
  width: auto;
  height: 10vw;
  }
  }
  @media screen and (min-width: 768px) {
  .contents_top_other_area{
  padding-right:10px !important;
  padding-left:10px !important;
  padding-top: 2vw;
  }
  .contents_top_other{
  position: relative;
  padding: 2vw 0vw 0vw;
  line-height: 0px;
  }
  .contents_top_other img{
  width:100%;
  }
  .contents_top_other_box{
  position: absolute;
  top: 0vw;
  text-align: center;
  width:100%;
  }
  .contents_top_other_box2 img{
  width:100%;
  }
  .contents_top_other_ttl{
  position: absolute;
  top: 9vw;
  font-size: 1.8vw;
  line-height: 2vw;
  background: #f7f8f8;
  text-align: left;
  width: 29vw;
  padding: 1vw 1vw 1vw 10vw;
  border-radius: 0.5vw;
  }
  .contents_top_other_sub{
  position: absolute;
  top: 14vw;
  letter-spacing: 0.05vw;
  font-size: 1.8vw;
  line-height: 2vw;
  background: #f7f8f8;
  text-align: left;
  width: 44vw;
  padding: 1vw 0.2vw 1vw 10vw;
  border-radius: 0.5vw;
  }
  .contents_top_other_img{
  position: absolute;
  top: 20vw;
  padding-left: 10vw;
  }
  .contents_top_other_img img{
  width:12vw;
  }
  .contents_top_other_img2{
  position: absolute;
  top: 23vw;
  padding-left: 15vw;
  }
  .contents_top_other_img2 img{
  width:10vw;
  }
  .contents_top_other2{
  padding: 5vw 0vw 10vw;
  }
  .contents_top_other2_box{
  text-align: center;
  width: 100%;
  display: contents;
  }
  .contents_top_other2_box img{
  width:100%;
  }
  .contents_top_other2_left{
  float:left;
  width:auto;
  height:10vw;
  }
  .contents_top_other2_left img{
      width: auto;
      height: 5vw;
  }
  .contents_top_other2_twt{
  float:left;
  width:auto;
  }
  .contents_top_other2_twt img{
      width: auto;
      height: 5vw;
  }
  .contents_top_other2_ig{
  float:left;
  width:auto;
  }
  .contents_top_other2_ig img{
      width: auto;
      height: 5vw;
  }
  .contents_top_other2_yt{
  float:left;
  width:auto;
  }
  .contents_top_other2_yt img{
      width: auto;
      height: 5vw;
  }
  }

  /* contents about add -------------------------------------------------------------- */