@charset "utf-8";
/* Reset */
html, body, h1, h2, p, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-family: 'Poppins', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-weight: 500;
  color: #707070;
}
/*
html{
  scroll-behavior: smooth;
}
*/
ul {
  list-style: none;
}
img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: #c1c1c1;
}
a:focus {
  color: #796048;
}
main {
  padding: 0;
}
/*-------------
	共通
-------------*/
section {
  max-width: 1920px;
  margin: 0 auto;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}
.container768 {
  max-width: 768px;
  margin: 0 auto;
  padding: 0 10px;
}
.content-box {
  padding: 60px 0;
}
.content-box-01 {
  padding: 100px 0 50px;
}
.content-box-02 {
  padding: 0px 0 100px;
}
.box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  flex-wrap: wrap;
}
.box.flex-start {
  justify-content: flex-start;
}
.box.flex-end {
  justify-content: flex-end;
  flex-flow: row-reverse;
}
.box.flex-center {
  justify-content: center;
}
.box.flex-center_02 {
  justify-content: center;
  flex-flow: row-reverse;
}
.left, .right {
  width: calc(100%/2);
}
.mgnb50 {
  margin-bottom: 50px;
}
.mgnb60 {
  margin: 0 auto 60px;
}
.mgnb80 {
  margin-bottom: 80px;
}
.aln_left {
  padding: 1% 0;
  text-align: left;
}
.aln_right {
  padding: 1% 0;
  text-align: right;
}
.aln_r {
  max-width: 960px;
  margin: 0 auto;
  text-align: right;
  line-height: 2;
}
#news-txt > blockquote {
  text-align: left;
}
@media screen and (min-width:768px) {}
@media screen and (max-width:767px) {
  box.flex-end {
    display: block;
  }
  .box02 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    flex-wrap: wrap;
  }
}

/*---------------
	Map 縦横比そのまま
---------------*/
.map {
  position: relative;
  /*縦横比*/
  padding-bottom: 65%;
  height: 0;
  overflow: hidden;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*-------------
	page-header 共通
-------------*/
.page-header {
  height: 400px;
  background: #f9f9f9;
  padding: 0;
  margin: -50px auto 0;
  border: none;
  position: relative;
  overflow: hidden;
}
.page-header_inner {
  width: 1200px;
  margin: 0 auto;
  padding: 210px 0 100px 0;
  position: relative;
  z-index: 1;
}
.h1_en {
  color: #2b2322;
  font-size: 36px;
  letter-spacing: 5px;
  line-height: 1.1;
  font-weight: bold;
  font-family: serif;
  text-transform: uppercase;
}
.h1ttl {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  color: #2b2322;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 3px;
}
.h1ttl_02 {
  font-weight: 300;
}
/*背景によってカラー変更*/
#about > div.page-header_inner > div, #about > div.page-header_inner > h1, #inquiry > div.page-header_inner > div, #inquiry > div.page-header_inner > h1, #works > div.page-header_inner > div, #works > div.page-header_inner > h1 {
  color: #fff;
}
/*--------------------
パンクズリスト
--------------------*/
#pankuzu {
  width: 70%;
  font-size: 12px;
  padding: 25px 0 40px 0;
  color: #666;
}
.pankuzu_inner a:hover {
  color: #707070;
}
.pankuzu ul {
  list-style: none;
}
.pankuzu_inner {
  margin: 0 auto;
  padding-left: 25%;
}
.pankuzu_inner li {
  float: left;
}
.pankuzu-arrow {
  padding: 0 5px;
}
@media screen and (max-width:1250px) {
  .page-header_inner {
    padding: 200px 0 100px 3%;
  }
}
@media screen and (max-width:1024px) {
  .box {
    padding: 1%;
  }
  .content-box-01 {
    padding: 60px 0 50px;
  }
  .content-box {
    padding: 0;
  }
  .pankuzu_inner {
    padding-left: 5%;
  }
}
@media screen and (min-width:769px) {
  .pc768 {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .sp768 {
    display: none;
  }
  .page-header_inner {
    padding: 35% 0 10% 2%;
  }
}
@media screen and (min-width:768px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width:767px) {
  .sp767 {
    display: none;
  }
  header {
    margin: 0 auto;
  }
  .pc {
    display: none;
  }
  .box {
    display: block;
  }
  .box.flex-start {
    display: block;
  }
  .left, .right {
    width: 100%;
  }
  .h1_en {
    font-size: 30px;
  }
  #pankuzu {
    width: 90%;
    padding: 20px 0 40px 0;
  }
}
@media screen and (max-width:480px) {
  .page-header_inner {
    padding: 42% 0 25% 3%;
  }
  #about > div.page-header_inner #member > div.page-header_inner {
    padding: 36% 0 25% 3%;
  }
  #company > div.page-header_inner {
    padding: 45% 0 7% 3%;
  }
  .content-box-01 {
    padding: 15% 2% 0;
  }
  .table01_wp_res th {
    text-align: left;
  }
}

/*-------------------------------
Header
----------------------------*/
header {
  color: #fff;
  background: #023f7300;
}
header .container {
  max-width: 1500px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
header h1 {
  font-size: 13px;
}
#header h1 img {
  margin: 0px 0 0px 0;
  max-width: 90px;
}
header p {
  font-size: 14px;
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 1% 0;
  background: #000;
  transition: all 0.5s ease;
  color: #fff;
  z-index: 100;
}
.hidden {
  background: none;
  transition: all 0.5s ease;
}
.header.hidden a {
  color: #fff;
}
i.fas.fa-shopping-cart {
  padding: 0 5px 0 0;
}
@media screen and (max-width:767px) {
  header {
    text-align: center;
    padding: 2% 0;
  }
  header .container {
    display: block;
  }
  header p {
    display: none;
  }
  header h1 {
    width: 90px;
    padding: 1% 0 0 0;
    text-align: left;
  }
  .pcnav {
    display: none;
  }
  .btn {
    display: block;
  }
  i.fas.fa-bars {
    padding: 6% 0 0;
  }
  i.fas.fa-times {
    padding: 6% 3% 0px 0;
  }
}
/*----------------
	navigation
----------------*/
.pcnav ul {
  display: flex;
  text-align: center;
  font-size: 13px;
  padding: 0 0 8px 0;
}
.pcnav ul a {
  display: block;
  padding: 10px 10px 10px 18px;
  color: #fff;
}
.pcnav li {
  /*
padding: 14px 0;

*/
}
.pcnav li:first-child a {
  border: none;
}
.pcnav a:hover {
  color: #c1c1c1;
  transition: all 0.5s ease;
}
li.nav_contact {
  width: 190px;
  margin: 0 20px;
}
.header.hidden .nav_contact a {
  background: #e5c4b1;
  color: #fff;
}
.header.hidden .nav_contact a:hover {
  background: #fff;
  color: #1F1E1E;
}
.header .nav_contact a {
  background: #fff;
  color: #1F1E1E;
}
.header .nav_contact a:hover {
  background: #e5c4b1;
  color: #fff;
}
li.nav_contact a:hover {
  background: #fff;
  color: #023f73;
}
li.nav_cart {
  width: 190px;
}
li.nav_cart a {
  background: #cb6a5e;
  box-sizing: border-box;
}
li.nav_cart a:hover {
  background: #e5c4b1;
  color: #1F1E1E;
}
li.nav_cart > a > i {
  margin: 0 5px 0 0;
}
/*Sp Nav*/
.spnav {
  width: 100%;
  top: 50px;
  height: calc(90vh - 50px);
  background: #ccc;
  z-index: 99999;
  transition: 0.3s;
  position: fixed;
  left: 100%;
  margin-left: 100%;
}
.slide {
  left: 0;
  margin-left: 0;
}
.spnav li {
  line-height: calc(calc(90vh - 55px) / 8);
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.spnav a {
  display: block;
  border-top: 1px solid #fff;
}
.spnav li:first-child a {
  border: none;
}
/*Sp Btn*/
.btn {
  width: 50px;
  height: 50px;
  background: none;
  text-align: center;
  color: #fff;
  font-size: 10px;
  border-radius: 5px;
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 99999;
  display: none;
}
.btn i {
  font-size: 30px;
  padding-top: 2px;
}
/*バツ非表示*/
.btn i:last-of-type {
  display: none;
}
/*.close非表示*/
.close {
  display: none;
}
/*click時非表示*/
.swap i:first-of-type {
  display: none;
}
.swap .open {
  display: none;
}
/*click時表示*/
.swap i:last-of-type {
  display: block;
}
.swap .close {
  display: block;
}
/*page-top*/
.top {
  position: fixed;
  z-index: 99999;
  bottom: 20px;
  right: 20px;
  background: #00000024;
  color: #fff;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  /*display: none;*/
}
@media screen and (max-width:1024px) {
  li.nav_contact {
    width: 100px;
    margin: 0 5px;
  }
  li.nav_cart {
    width: 130px;
  }
  .pcnav ul {
    display: flex;
    text-align: center;
    font-size: 10px;
  }
  .pcnav ul a {
    display: block;
    padding: 9px 6px;
    color: #fff;
  }
}
@media only screen and (max-width:960px) {
  li.nav_cart {
    width: 100px;
  }
  li.nav_cart > a > i {
    margin: 0;
  }
  i.fas {
    padding: 0px 5px 0 10px;
  }
}
@media only screen and (max-width:767px) {
  li.nav_contact {
    width: auto;
    margin: 0 auto;
  }
  li.nav_cart {
    width: auto;
  }
  #nav > ul > li.nav_cart.hidden > a {
    color: #fff;
  }
}
/*----------------
Keyvisual スライダー
----------------*/
.slider > div {
  /*
  margin-top: 150px;
  padding: 150px 140px;
*/
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #31313126;
  position: relative;
  z-index: -100;
}
.slider > .fst {
  height: 1150px;
  background: url("../img/front-page/mv_01.jpg") no-repeat center;
  background-size: cover;
}
.slider > .sec {
  height: 1150px;
  background: url("../img/front-page/mv_02.jpg") no-repeat center;
  background-size: cover;
}
.slider > .thd {
  height: 1150px;
  background: url("../img/front-page/mv_03.jpg") no-repeat center;
  background-size: cover;
}
.slider > div p {
  font-family: Poppins;
  color: #fff;
}
.slider > div p:first-child {
  text-align: left;
  font-size: 80px;
  letter-spacing: 5px;
  line-height: 1.0;
  font-weight: bold;
  margin-bottom: 20px;
  position: absolute;
  left: 5%;
  bottom: 15%;
}
.slider > div p:last-child {
  text-align: left;
  font-size: 34px;
  line-height: 1.5;
  position: absolute;
  left: 5%;
  bottom: 5%;
}
.bx-wrapper {
  z-index: -100;
  margin-top: -100px;
  border: 0;
  margin-bottom: 0;
}
.bx-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
/*  height: 1150px;*/
}
@media screen and (max-width:1024px) {
  .slider > div p:first-child {
    left: 5%;
    bottom: 15%;
  }
  .slider > div p:last-child {
    left: 4%;
    bottom: 2%;
  }
}
@media screen and (max-width:768px) {
  .slider > div p:first-child {
    font-size: 50px;
    bottom: 10%;
  }
  .slider > div p:last-child {
    left: 4%;
    bottom: 2%;
    font-size: 30px;
  }
}
@media screen and (max-width:767px) {
  /*--Keyvisual スライダー--*/
  .slider > div {
    padding: 30px 0;
  }
  .slider > div p:first-child {
    font-size: 45px;
    letter-spacing: 0;
    margin-bottom: 10px;
    left: 6%;
    bottom: 29%;
  }
  .slider > div p:last-child {
    font-size: 16px;
    line-height: 1.3;
    left: 6%;
    bottom: 26%;
  }
  /*
  .slider > .sec > p:first-child {
    font-size: 45px;
    letter-spacing: 0;
    margin-bottom: 10px;
    left: 6%;
    bottom: 30%;
  }
*/
  .slider > .fst {
    /*  height:750px;*/
    background: url("../img/front-page/mv_01_sp.jpg") no-repeat center center /cover;
  }
  .slider > .sec {
    /*   height:750px;*/
    background: url("../img/front-page/mv_02_sp.jpg") no-repeat center center/cover;
  }
  .slider > .thd {
    /* height:750px;*/
    background: url("../img/front-page/mv_03_sp.jpg") no-repeat 62% center/cover;
  }
}
@media screen and (max-width:480px) {
  /*
  .slider > div p:first-child, .slider > .sec > p:first-child {
    bottom: 15%;
  }
*/
  .slider > div p:first-child {
    font-size: 45px;
    letter-spacing: 0;
    margin-bottom: 10px;
    left: 6%;
    bottom: 43%;
  }
  .slider > div p:last-child {
    max-width: 96%;
    padding-right: 2%;
    font-size: 34px;
    line-height: 1.5;
    bottom: 25%;
  }
  .slider > .fst {
    /* height: 100vh;*/
    background: url("../img/front-page/mv_01_sp.jpg") no-repeat center center /cover;
  }
  .slider > .sec {
    /* height: 100vh;*/
    background: url("../img/front-page/mv_02_sp.jpg") no-repeat center center/cover;
  }
  .slider > .thd {
    /*    height: 100vh;*/
    background: url("../img/front-page/mv_03_sp.jpg") no-repeat center center/cover;
  }
}
@media screen and (max-width:414px) {
  .slider > div {
    margin-top: 0;
  }
  .slider > div p:first-child {
    font-size: 34px;
    bottom: 26%;
  }
  .slider > div p:last-child {
    font-size: 22px;
    bottom: 10%;
  }
}
@media screen and (max-width:375px) {}
/*--------------
front-page
--------------*/
h2.ttl {
  margin: 0 auto;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 2px;
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  padding: 0;
}
h3.ttl {
  margin: 9% auto;
  text-align: center;
}
p.sub-txt {
  margin-bottom: 50px;
  text-align: center;
}
p.sub-txt_01 {
  margin-bottom: 10px;
  text-align: left;
}
.box-inner p {
  max-width: 600px;
  margin: 0 auto;
  padding: 2%;
  line-height: 2.2;
  font-size: 15px;
  text-align: center;
}
p.sub-txt_01 {
  margin: 0 auto 30px;
  padding: 0;
}
h2.ttl.clr_f, .clr_f {
  color: #fff;
}
@media screen and (max-width:1024px) {
  p.sub-txt {
    margin-bottom: 40px;
  }
}
@media screen and (max-width:767px) {
  h2.ttl {
    font-size: 22px;
  }
  p.sub-txt {
    margin-bottom: 5%;
  }
}
/*--------------
	news
--------------*/
.news_01 {
  width: calc(100%/4);
  padding: 10px 20px 10px 0;
}
.news_01:last-child {
  padding: 10px 0px;
}
.news_01 img {
  margin-bottom: 10px;
  width: 100%;
}
.news_01 a {
  display: flex;
  color: #0f3f73;
}
.news_01 a:hover {
  color: #C1C1C1;
}
/*
.news_01 a:hover {
	opacity: 0.7;
} 
*/
.news_01 p.time {
  margin-bottom: 10px;
  text-align: right;
}
.news_01 p {
  text-align: left;
}
.img_wrap {
  /*  border: 1px solid #ddd;*/
  max-width: 285px;
  max-height: 204px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img {
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img {
  transform: scale(1.2);
  transition-duration: 0.5s;
}
/*wp カスタムフィールド*/
.news_wrap {
  margin: 0 auto;
}
p.day {
  color: #cb6a5e;
  margin: 0 3%;
}
#news-list > .news_01 > a > .box {
  margin-bottom: 10px;
  justify-content: space-between;
  display: flex;
  min-width: 200px;
}
.news_type {
  padding: 1% 3%;
  margin: 0px 0 0 3px;
  text-align: center;
  background: #000;
  max-width: 100px;
  font-size: 12px;
  color: #fff;
}
#news-list_01 {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 60px;
  flex-wrap: wrap;
}
#news-list_01 > div {
  width: 285px;
}
#news-list_01 > .news_01 a {
  display: block;
  color: #0f3f73;
}
#news-list_01 > div > a > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
@media screen and (max-width:767px) {
  .news_01 {
    width: calc(100%/2);
    padding: 2%;
  }
  .news_01:last-child {
    padding: 0;
  }
  .img_wrap {
    max-width: 100%;
  }
  .news_01 p {
    font-size: 14px;
  }
  #news > div.box {
    display: flex;
  }
  .news_wrap {
    margin: 6% auto;
  }
  .news_type {
    padding: 1% 3%;
    margin: 0px 0 2% 0;
    text-align: center;
    border: none;
    min-width: 120px;
    font-size: 12px;
  }
  #news-list > div > a > div > p.news_type {
    text-align: center;
  }
  #news-list > .news_01 > a > .box {
    margin: 0px auto;
  }
}
/*--------------------
   #product
-----------------------
*/
#products_profile > section > div > div.right40.box-inner.box_absolute, #products_profile > section > div > div.left40.box-inner.box_absolute02 {
  width: 40%;
  background: #edf2dc;
  padding: 4% 3%;
}
#products_profile div.base_box_inner, #products_profile div.base_box_inner02 {
  padding: 0;
}
#products_profile > section > div > div.right40.box-inner.box_absolute > div > h2, #products_profile > section > div > div.left40.box-inner.box_absolute02 > div > h2 {
  letter-spacing: 1px;
  color: #2b2322;
}
.txt-bold {
  font-weight: 300;
  font-size: 24px;
}
.left_01 {
  /*  position: relative;*/
  max-width: 1100px;
  padding: 1px 0;
  background: #cb6a5e;
  ;
  /*	z-index: -100;*/
}
.box-inner_01 {
  max-width: 820px;
  margin: 130px auto;
  /*  background: pink;*/
}
h2.ttl_01 {
  margin: 0 auto;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 10px;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  padding: 10px 0;
}
.product p {
  max-width: 400px;
  color: #fff;
  text-align: left;
}
.logo_01 {
  max-width: 100px;
}
.product_box {
  display: flex;
  justify-content: flex-start;
  max-width: 820px;
  margin: -600px 0 0 50%;
  flex-wrap: wrap;
  z-index: -200;
  /*  background: red;*/
}
.product-item a {
  display: block;
  width: 300px;
  margin: 20px 10px 0px;
  height: 250px;
  background-color: #707070;
}
.product-item a:hover {
  opacity: 0.5;
}
.item01 a {
  background: #707070 url("../img/front-page/product_01.jpg")no-repeat center center / cover;
}
.item02 a {
  background: #707070 url("../img/front-page/product_02.jpg")no-repeat center center / cover;
}
.item03 a {
  background: #707070 url("../img/front-page/product_03.jpg")no-repeat center center / cover;
}
.item04 a {
  background: #707070 url("../img/front-page/product_04.jpg")no-repeat center center / cover;
}
.product-item p {
  padding: 61% 6% 6%;
  right: 0;
  bottom: 0;
  text-align: right;
}
@media screen and (max-width:1280px) {
  .product_box {
    display: block;
    margin: -160px auto 0;
  }
  .box-inner_01 {
    max-width: 820px;
    margin: 0px auto 100px;
    /* background: pink; */
    padding: 7%;
  }
  .left_01 {
    max-width: 100%;
  }
}
@media screen and (max-width:767px) {
  #product > div.product_box > div:nth-child(1) {
    margin: -100px auto 100px;
  }
  #product > div.product_box > div:nth-child(2) {
    margin: -100px auto 30px;
  }
  #products_profile > section > div > div.right40.box-inner.box_absolute, #products_profile > section > div > div.left40.box-inner.box_absolute02 {
    width: 100%;
  }
  #products_profile > section > div > div.left70.sp, #products_profile > section > div > div.right70.sp, #products_profile > section > div > div.left70, #products_profile > section > div > div.right70 {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width:480px) {
  h2.ttl_01 {
    margin: 0 auto;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 2px;
  }
}
/*--Our Service--*/
.serviceBox {
  padding: 100px 0;
}
.sectionBox {
  display: flex;
}
.sectionBox > section {
  width: calc(100% / 3);
}
.sectionBox > section h3 {
  text-align: center;
  font-size: 20px;
}
.sectionBox > section a {
  display: block;
  width: 225px;
  height: 225px;
  border-radius: 50%;
  margin: 0 auto 20px;
  transition: 0.3s;
}
.sectionBox > section i {
  display: block;
  font-size: 50px;
  padding: 72px 0 10px;
}
.sectionBox > section:first-child a {
  background: rgba(190, 230, 195, 0.5);
  color: rgba(110, 180, 110, 1);
}
.sectionBox > section:first-child a:hover {
  background: rgba(190, 230, 195, 1);
}
.sectionBox > section:nth-child(2) a {
  background: rgba(189, 206, 254, 0.5);
  color: #57c;
}
.sectionBox > section:nth-child(2) a:hover {
  background: rgba(189, 206, 254, 1);
}
.sectionBox > section:last-child a {
  background: rgba(255, 200, 160, 0.5);
  color: rgba(255, 130, 60, 1.00);
}
.sectionBox > section:last-child a:hover {
  background: rgba(255, 200, 160, 1.0);
}
.sectionBox > section p {
  width: 225px;
  margin: 0 auto;
  line-height: 1.5;
  color: #555;
}
/*-----------------
Company Info
------------
----*/
.info {
  background: #eee;
  padding: 100px 0;
}
.info h2 {
  background: #fff;
}
.info_inner {
  display: flex;
  justify-content: space-between;
}
.info dl {
  /*width:64%;*/
  /*float: left;*/
  color: #555;
}
.info dt {
  float: left;
  padding-left: 5px;
  border-left: 15px solid #f60;
}
.info dd {
  margin-left: 9em;
  margin-bottom: 20px;
}
.info dt.lsp5 {
  letter-spacing: 3px;
}
.info dt.lsp10 {
  letter-spacing: 10px;
}
.info dt.lsp35 {
  letter-spacing: 35px;
}
.info p {
  width: 300px;
}
.info_inner img {
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  border: 1px solid #aaa;
}
/*----------------------------
お問い合せ
-----------------------------*/
.contact {
  text-align: center;
  font-size: 36px;
  margin-top: 100px;
}
.contact a {
  display: block;
  background: #eee;
  color: #555;
  padding: 60px 0;
  transition: 0.3s;
}
.contact a:hover {
  background: #EDF2DC;
  color: #fff;
}
.contact i {
  display: block;
  margin-top: 30px;
}
/*----------------------------
view-more
----------------------------*/
.view-more {
  width: 240px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #cb6a5e;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.view-more a, .view-more_02 a, .view-more_03 a, .view-more_04 a, .view-more_05 a {
  display: block;
  font-size: 14px;
  color: #0f3f73;
  text-decoration: none;
  line-height: 60px;
  transition: all .3s ease;
  z-index: 2;
  position: relative;
}
.effect {
  width: 240px;
  height: 60px;
  left: -240px;
  background: #cb6a5e;
  position: absolute;
  transition: all .3s ease;
  z-index: 1;
}
.effect02 {
  width: 240px;
  height: 60px;
  left: -240px;
  background: #78a7fc;
  position: absolute;
  transition: all .3s ease;
  z-index: 1;
}
.view-more:hover .effect, .view-more_02:hover .effect, .view-more_03:hover .effect, .view-more_04:hover .effect, .view-more_05:hover .effect {
  left: 0;
}
.view-more:hover .effect02, .view-more_02:hover .effect02, .view-more_03:hover .effect02, .view-more_04:hover .effect02, .view-more_05:hover .effect02 {
  left: 0;
}
.view-more:hover a, .view-more_02:hover a, .view-more_03:hover a, .view-more_04:hover a, .view-more_05:hover a {
  color: #fff;
}
.view-more_02 {
  width: 240px;
  height: 60px;
  margin: 80px auto 0;
  border: 1px solid #cb6a5e;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.view-more_03 {
  width: 240px;
  height: 60px;
  margin: 7% 0 0 19%;
  border: 1px solid #cb6a5e;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.view-more_04 {
  width: 240px;
  height: 60px;
  margin: 4% auto;
  border: 1px solid #cb6a5e;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.view-more_05 {
  width: 240px;
  height: 60px;
  margin: 80px auto 0;
  border: 1px solid #78a7fc;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.view-more p {
  margin: 0 20px 0 65px;
}
.view01 a {
  margin-top: 80px;
}
.more a {
  display: block;
  /*  color: #707070;*/
  color: #cb6a5e;
}
#products_profile > section:nth-child(1) > div > div.right40.box-inner.box_absolute > div.more02.view-more_05 {
  margin: 30px auto 0;
}
.more02 a {
  display: block;
  /*  color: #707070;*/
  color: #78a7fc;
}
i.fas {
  padding: 0 0 0 20px;
}
.view-more.view02 {
  position: absolute;
  left: 325px;
  bottom: -100px;
  margin: auto;
}
.view-more.view02 a > p {
  margin: 0 20px 0 65px;
  float: left;
  color: red;
}
/*-------------------
トップページのworkだけ
------------------------*/
#work > div > div.left.box-inner > div > div {
  background: #000000;
}
#work > div > div.left.box-inner > div > a {
  color: #fff;
}
#work > div > div.left.box-inner > div {
  border: 1px solid #fff;
}
#work > div > div.left.box-inner > div:hover {
  border: 1px solid #000;
}
@media screen and (min-width:1281px) {
  .view-more_04 {
    display: none;
  }
  .view-more_03 {
    display: block;
  }
}
@media screen and (max-width:1280px) {
  .view-more_04 {
    display: block;
  }
  .view-more_03 {
    display: none;
  }
}
@media screen and (max-width:1024px) {
  .product p {
    max-width: 760px;
  }
}
@media screen and (max-width:768px) {
  .product_box {
    display: block;
    margin: -110px auto 0px;
  }
  #vision .view-more_02 {
    margin: 40px 0 0 -30%;
  }
  #company .view-more_02 {
    margin: 50px auto 0;
  }
  #work > div > div.left.box-inner > div {
    margin: 50px auto 0;
  }
}
@media screen and (max-width:767px) {
  #vision .view-more_02 {
    margin: 0px auto;
  }
  #company .view-more_02 {
    margin: 0px auto;
  }
  .more {
    height: auto;
    padding: 3%;
    width: 94%;
    margin: 0 auto 10%;
  }
}
@media screen and (max-width:767px) {
  .view-more_02 {
    margin: 40px auto 0;
  }
  #vision > div > div.right.box-inner > div, #company > div > div.left.box-inner > div {
    margin: 4% auto 2%;
  }
  .view-more, .view-more_04 {
    display: block;
  }
}
@media screen and (max-width:480px) {
  .view-more, .view-more_02, .view-more_03, .view-more_04, .view-more_05 {}
}
/*---------------
	#company トップページ会社概要
---------------*/
#company > div > div.right.box-inner {
  background: #000;
  padding: 5%;
  max-height: 540px;
  max-width: 700px;
  margin: 50px 0 50px -100px;
}
/*---------------
	#workトップページ 実績
---------------*/
#work > div > div.left.box-inner {
  background: #cb6a5e;
  padding: 5%;
  max-height: 540px;
  max-width: 700px;
  margin: 50px -100px 50px 0;
}
#company > div > div.right.box-inner {
  background: #000;
  padding: 5%;
  max-height: 540px;
  max-width: 720px;
  margin: 50px 0 50px -100px;
}
@media screen and (max-width:768px) {
  #company > div > div.right.box-inner {
    margin: 50px 0 50px -30px;
  }
  #work > div > div.right {
    margin: 0px 40px 50px 30px;
  }
  #company > div > div.left > img, #work > div > div.right > img {
    max-width: 420px;
  }
}
@media screen and (max-width:767px) {
  #work > div > div.right {
    margin: 0 auto;
  }
  #company > div > div.right.box-inner {
    background: #000;
    padding: 5%;
    max-height: 540px;
    max-width: 720px;
    margin: 4px auto;
  }
  #work > div > div.left.box-inner {
    background: #cb6a5e;
    padding: 5%;
    max-height: 540px;
    max-width: 720px;
    margin: 4px auto 100px;
  }
  #company .view-more_02, #work .view-more_02 {
    width: 96%;
  }
  #company > div > div.left > img, #work > div > div.right > img {
    max-width: 96%;
  }
}
@media screen and (max-width:480px) {
  #company > div > div.right.box-inner {
    background: #000;
    padding: 9% 2%;
    max-height: 540px;
    max-width: 96%;
    margin: 4px auto;
  }
  #work > div > div.left.box-inner {
    background: #cb6a5e;
    padding: 9% 2%;
    max-height: 540px;
    max-width: 96%;
    margin: 4px auto 100px;
  }
}
/*---------------
	　#works  事業内容紹介 
---------------*/
#work_left_01 h2 {
  font-size: 30px;
}
p.clr_f.border_b {
  border-top: 1px solid #fff;
  padding: 30px 0;
}
#works .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/04.jpg")no-repeat center 0 /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
/*---------------
	#workトップページ 実績
---------------*/
#work_right_01 > div > div.left.box-inner, #work_right_02 > div > div.left.box-inner {
  background: #cb6a5e;
  padding: 5%;
  max-height: 540px;
  max-width: 700px;
  margin: 50px -100px 50px 0;
}
#work_left_01 > div > div.right.box-inner, #work_left_02 > div > div.right.box-inner {
  background: #000;
  padding: 5%;
  max-height: 540px;
  max-width: 720px;
  margin: 50px 0 50px -100px;
}
@media screen and (max-width:768px) {
  #work_left_01 > div > div.right.box-inner, #work_left_02 > div > div.right.box-inner {
    margin: 50px 0 50px -30px;
  }
  #work_right_01 > div > div.right, #work_right_02 > div > div.right {
    margin: 0px 40px 50px 30px;
  }
  #work_left_01 > div > div.left > img, #work_left_02 > div > div.left > img, #work_right_01 > div > div.right > img, #work_right_02 > div > div.right > img {
    max-width: 420px;
  }
}
@media screen and (max-width:767px) {
  #work_right_01 > div > div.right, #work_right_02 > div > div.right {
    margin: 0 auto;
  }
  #work_left_01 > div > div.right.box-inner, #work_left_02 > div > div.right.box-inner {
    background: #000;
    padding: 5%;
    max-height: 540px;
    max-width: 720px;
    margin: 4px auto;
  }
  #work_right_01 > div > div.left.box-inner {
    background: #cb6a5e;
    padding: 5%;
    max-height: 540px;
    max-width: 720px;
    margin: 4px auto;
  }
  #work_right_02 > div > div.left.box-inner {
    background: #cb6a5e;
    padding: 5%;
    max-height: 540px;
    max-width: 720px;
    margin: 4px auto 100px;
  }
  #work_left_01 .view-more_02, #work_left_02 .view-more_02, #work_right_01 .view-more_02, #work_right_02 .view-more_02 {
    width: 96%;
  }
  #work_left_01 > div > div.left > img, #work_left_02 > div > div.left > img, #work_right_01 > div > div.right > img, #work_right_02 > div > div.right > img {
    max-width: 96%;
  }
}
@media screen and (max-width:480px) {
  #work_left_01 > div > div.right.box-inner, #work_left_02 > div > div.right.box-inner {
    background: #000;
    padding: 9% 2%;
    max-height: 540px;
    max-width: 96%;
    margin: 4px auto;
  }
  #work_right_01 > div > div.left.box-inner {
    background: #cb6a5e;
    padding: 9% 2%;
    max-height: 540px;
    max-width: 96%;
    margin: 4px auto 0;
  }
  #work_right_02 > div > div.left.box-inner {
    background: #cb6a5e;
    padding: 9% 2%;
    max-height: 540px;
    max-width: 96%;
    margin: 4px auto 100px;
  }
}
/*---------------
	online-shop スライダー設置の場合の保険
---------------*/
.online-shop li {
  margin: 0 5px 0 0;
  box-sizing: border-box;
}
.online-shop li:last-child {
  margin: 0;
}
.online-shop > ul.box a {
  display: block;
}
.online-shop > ul.box a :hover {
  opacity: 0.5;
}
#online-shop .box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  flex-wrap: nowrap;
}
@media screen and (max-width:1024px) {
  #online-shop .view-more {
    margin-bottom: 6%;
  }
}
@media screen and (max-width:767px) {
  #online-shop .box {
    display: flex;
    justify-content: flex-start;
    margin: 10% auto 6%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #online-shop li {
    max-width: 48%;
    margin: 0 auto 2%;
  }
  #online-shop > p.sub-txt {
    margin-bottom: 24px;
  }
}
/*---------------
	Footer
----------------*/
footer {
  background: #000;
  text-align: center;
  letter-spacing: 3px;
  color: #fff;
  padding: 30px 0;
}
.content_inner {
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
}
footer > p.footer_logo > a > img {
  max-width: 200px;
}
footer p {
  color: #fff;
  padding: 30px 0;
}
ul.sns.box {
  display: flex;
  max-width: 140px;
  margin: 0 auto;
}
#front-page > footer > ul > li > a > img {
  width: 28px;
  margin: 0 1%;
}
@media screen and (max-width:1024px) {
  footer .content_inner {
    padding: 5% 3%;
  }
}
@media screen and (max-width:768px) {
  footer .content_inner {
    padding: 5%;
  }
}
@media screen and (max-width:767px) {
  footer .content_inner {
    display: block;
    padding: 6%;
  }
  .footer_logo {
    margin-bottom: 5%;
  }
  footer .content_inner p {
    line-height: 2.5;
  }
  ul.footer_nav01, ul.footer_nav02 {
    display: block;
  }
  .box {
    width: 100%;
    margin: 10% auto;
  }
  .footer_box {
    width: 100%;
  }
  .footer_nav li {
    line-height: 2.5;
  }
  .footer_nav02 li {
    margin: 0;
  }
  div.flex.sns > a > img {
    padding: 15%;
    width: 41px;
    margin: 0 0 51% 0;
  }
}
@media screen and (max-width:480px) {
  #front-page > footer > div > div:nth-child(1) > p {
    margin-bottom: 8%
  }
}

/*--Company Info--*/
.info {
  padding: 20px 0 0;
  margin-bottom: 20px;
  overflow: visible;
}
.info_inner {
  width: 100%;
}
.info h2 {
  letter-spacing: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.info dl {
  font-size: 14px;
}
.info dd {
  line-height: 1.4;
}
.info p {
  display: none;
}
/*---------------
	お問い合せ
---------------*/
#inquiry .page-header_bg {
  width: 100%;
  height: 430px;
  background: #f5f5f5 url("../img/cover/08.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#entry .page-header_bg {
  width: 100%;
  height: 430px;
  background: #f5f5f5 url("../img/cover/09.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#qa_cover .page-header_bg {
  width: 100%;
  height: 430px;
  background: #f5f5f5 url("../img/cover/13.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#fee .page-header_bg {
  width: 100%;
  height: 430px;
  background: #f5f5f5 url("../img/cover/01.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.contact.container768 {
  max-width: 768px;
  margin: 0 auto;
  background: #f9f9f9;
  padding: 5% 3%;
}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required, .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
  font-size: 15px;
  padding: 1.5%;
  color: #666;
  width: 100%;
  border: 1px solid #ddd;
}
.contact_txt {
  text-align: left;
  margin: 1% 0 4% 0;
}
.required-pink {
  color: #ff6363;
}
.contact {
  font-size: 16px;
  margin: 20px 0 10px;
  color: #444;
}
.contact a {
  padding: 30px 0;
}
.contact i {
  margin-top: 10px;
}
.kakunin-txt.btn-center {
  margin: 6% 1%;
}
/*確認ボタン*/
#wpcf7-f116-o1 > form > div.contact.container768 > label > div:nth-child(19) > input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm, #wpcf7-f105-o2 > form > div.contact.container768 > label > div:nth-child(18) > input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm {
  background: #000;
  color: #fff;
  display: block;
  width: 100%;
  min-height: 50px;
  border: unset;
}
#wpcf7-f116-o1 > form > div.contact.container768 > label > div:nth-child(19) > input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm:hover, #wpcf7-f105-o2 > form > div.contact.container768 > label > div:nth-child(18) > input.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm:hover {
  background: #c9695d;
  color: #ffffff;
  border: none;
}
.wpcf7c-elm-step2 {
  background: #F68B8B !important;
  color: #fff !important;
  padding: 2% 18% !important;
  border: unset !important;
  margin: 1% !important;
}
#wpcf7-f116-o2 > form > div.contact.container768 > label > div:nth-child(18) > input.wpcf7-form-control.wpcf7-back.modoru.wpcf7c-elm-step2.wpcf7c-btn-back, #wpcf7-f105-o2 > form > div.contact.container768 > label > div:nth-child(18) > input.wpcf7-form-control.wpcf7-back.modoru.wpcf7c-elm-step2.wpcf7c-btn-back {
  background: #edf2dc;
  color: #707070;
  padding: 2% 18%;
  border: unset;
  margin: 1%;
}

.wpcf7c-conf {
  background-color: #edf2dc4f !important;
}

@media screen and (max-width:480px) {
    #entry .page-header_bg {
  width: 100%;
  height: 430px;
        background: #f5f5f5 url("../img/cover/09.jpg")no-repeat 84% center /cover;
    }
    
  #inquiry .page-header_bg {
    width: 100%;
    height: 430px;
    background: #f5f5f5 url("../img/cover/08.jpg")no-repeat 50% center /cover;
  }
}
/*-------------
ドロアーメニュー
---------------*/
button {
  /*  background-color: transparent;*/
  background-color: #fff;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
button.menu, .menu span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-sizing: border-box;
}
.menu {
  position: fixed;
  top: 10px;
  right: 7px;
  width: 40px;
  height: 40px;
  margin: 0px auto;
  padding: 6px auto;
  z-index: 9999;
  background: rgb(0 0 0 / 0%);
  /*	ここにbgを入れると「X」は見えないでもダサい*/
  border: unset;
  color: #ffffff00;
}
.menu span {
  position: absolute;
  left: 7px;
  width: 72%;
  height: 1px;
  background-color: #707070;
  z-index: 9999;
}
.menu span:nth-of-type(1) {
  top: 7px;
}
.menu span:nth-of-type(2) {
  top: 18px;
}
.menu span:nth-of-type(3) {
  bottom: 9px;
}
.menu.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.menu.active span:nth-of-type(2) {
  opacity: 0;
}
.menu.active span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}
#nav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  /*background: rgba(240,255,240,1);*/
  opacity: 0;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  transition: .5s linear;
  -moz-transform: translateX(100vw);
  -webkit-transform: translateX(100vw);
  transform: translateX(100vw);
  background: #fff;
}
#nav.active {
  right: 0;
  opacity: 1;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#nav ul {
  margin: 20px 0;
  padding: 20px 0;
}
#nav ul li {
  list-style-type: none;
}
#nav ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #707070;
  font-size: 18px;
  font-weight: 300;
  margin: 20px 0;
  padding: 10px 0;
}
@media screen and (min-width:769px) {
  button.menu {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .pcnav {
    display: none;
  }
  #company {
    margin: 50px auto;
  }
  #pillows, #online-shop {
    padding: 100px 0;
    margin: -100px auto 0;
  }
  #recruit {
    padding: 100px 0 0;
    margin: 0 auto 0;
  }
}
/*---------------
	下層ページ box共通
---------------*/

.left70, .right70 {
  width: 60%;
}
.right40, .left40 {
  width: 40%;
  background: #fff;
}
.box_relative {
  position: relative;
}
.box_absolute {
  position: relative;
  margin: 6% 0 0 0;
  left: -10%;
  text-align: left;
}
.box_absolute02 {
  position: relative;
  margin: 6% 0 0 0;
  right: -10%;
  text-align: left;
}
.base_box_inner {
  padding: 8% 0 0 12%;
}
.base_box_inner02 {
  padding: 8% 12% 0 0;
}

h2.ttl.ja_ttl02 {
  margin: 0 auto;
  text-align: left;
  line-height: 1;
  letter-spacing: 2px;
  font-size: 22px;
  font-weight: bold;
  color: #707070;
  padding: 10px 0;
}
.h2_ttl {
  letter-spacing: 1px;
  color: #EDF2DC;
  fofnt-weight: bold;
  font-size: 35px;
}
.h2_txt {
  color: #707070;
  font-size: 22px;
}
p.p_txt {
  font-size: 15px;
  padding: 0;
}
.mgnb30 {
  margin-bottom: 3%;
}
@media only screen and (max-width:767px) {
  .left70, .right70 {
    width: 100%;
    margin-bottom: 8%;
  }
  .box_absolute {
    width: 100%;
    position: relative;
    margin: 0;
    left: -00%;
    text-align: left;
  }
  .box_absolute02 {
    width: 100%;
    padding: 0;
    position: unset;
    margin: 0;
    right: 0;
    text-align: left;
  }
  .base_box_inner02, .base_box_inner {
    padding: 1%;
  }
}
@media only screen and (max-width:480px) {
  .h2_txt {
    font-size: 16px;
  }
  p.p_txt {
    font-size: 14px;
    padding: 0;
  }
}

/*---------------
	products.インフルエンサー紹介
---------------*/
#products .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/09.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#products_profile > section:nth-child(5) > .box {
  margin-bottom: 0px;
}
.products_01 > a > p.img_wrap {
  border: 1px solid #b6a692;
  max-width: 285px;
  max-height: 285px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
}
.products_name {
  max-width: 285px;
  padding: 3% 0;
}
.products_txt {
  max-width: 285px;
  text-align: left;
}
.products_txt02 {
  text-align: left;
}
section.products > ol > li {
  margin-bottom: 2%;
  text-align: left;
  line-height: 2.3;
}
@media only screen and (max-width:767px) {
  .products_txt {
    max-width: 100%;
    margin: 0 auto 5%;
  }
  .products_01 > a > p.img_wrap {
    border: 2px solid #b6a692;
    max-width: 100%;
    max-height: 100%;
  }
  .products_name {
    max-width: 100%;
  }
}
/*---------------
	company.html 会社情報
---------------*/
#company .page-header_bg {
  width: 65%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/11.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 35%;
  z-index: 0;
}
#company_about {
  max-width: 960px;
  margin: 0 auto;
}
#company_about h2 {
  font-weight: 300;
  font-size: 25px;
}
/*---------------
	about.html  会社概要
---------------*/
#about .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/06.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.map_ttl {
  margin: 0 15%;
  padding: 1%;
  background: #023f72;
  color: #fff;
  border-radius: 10px;
  max-width: 350px;
  letter-spacing: 5px;
}
#table-contents > table > tbody > tr > td > dl > dt {
  font-weight: 700;
}
#table-contents > table > tbody > tr > td > ol {
  padding-left: 3%;
}
#table-contents > table > tbody > tr > td > ol > li {
  margin-bottom: 1%;
}
#table-contents > table > tbody > tr > td > dl > dd {
  margin-bottom: 1%;
}
#company_about > section.products.content-box-01.news.container > div > div.left.box-inner > p {
  text-align: left;
}
/*--------------
	会社概要テーブル
--------------*/
#table-contents {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
  line-height: 180%;
  font-size: 14px;
  color: #666;
}
/*テーブル隙間なし*/
table.table01_wp_res {
  display: table;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: grey;
}
.table01_wp_res {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
.table01_wp_res th {
  background: #f9f9f9;
}
.table01_wp_res th, .table01_wp_res td {
  padding: 1%;
  border: 1px solid #ddd;
  text-align: left;
}
.entry-content td:last-child, .entry-content th:last-child {
  border-right: 1px solid #e0e0e0;
}
/*----------------
  .table01_wp
------------------*/
.table01_wp_res th {
  width: 30%;
  padding: 1% 2%;
  text-align: left;
  border: 1px solid #ddd;
}
.table01_wp td {
  padding: 1% 2%;
  text-align: left;
  border: 1px solid #ddd;
}
@media only screen and (max-width:480px) {
  #table-contents {
    width: 100%;
    line-height: 160%;
  }
  table.table01_wp_res {
    border-top: 1px solid #ddd;
  }
  .table01_wp {
    width: 96%;
    margin: 0 auto;
  }
  .table01_wp_res th {
    text-align: center;
  }
  .table01_wp_res th, .table01_wp_res td {
    width: 100%;
    /*	    padding: 1% 2%;*/
    display: block;
    border-top: none;
  }
  .table01_wp tr:first-child th {
    border-top: 1px solid #ddd;
  }
  .map_ttl {
    margin: 0 auto 10%;
    padding: 3%;
    width: 100%;
  }
  section.map_img {
    padding: 0;
  }
  #table-contents > table > tbody > tr > td > ol {
    padding-left: 5%;
  }
  #company_about > section.products.content-box-01.news.container {
    padding: 0;
  }
}
@media only screen and (max-width:767px) {
  #recruit-page .table01_wp_res th, #recruit-page .table01_wp_res td {
    text-align: center;
  }
}
/*---------------
	member.html メンバー
---------------*/
#member .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/07.jpg")center 60px no-repeat;
  background-size: cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.member_01 .img_wrap {
  border: 0px solid #ddd;
  max-width: 300px;
  max-height: 285px;
  margin: 0 1.2%;
  overflow: hidden;
  cursor: pointer;
}
#member-list.box {
  display: inline-block;
  width: unset;
  margin: 0px auto;
}
.member_01 {
  position: relative;
  margin-bottom: 0;
}
.member_01 a .member_name {
  width: 285px;
  position: absolute;
  bottom: 5px;
  right: 0;
  left: 0;
  font-size: 14px;
  font-weight: 600;
  color: #1b1b1b;
  letter-spacing: 4px;
  text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
}
#page > main > section.member-all:first-child {
  padding: 100px 0 50px;
}
#page > main > section.member-all {
  padding: 0 0 50px;
}
@media only screen and (max-width:767px) {
  .member_01 .img_wrap {
    max-width: 186px;
    max-height: 186px;
    margin: 0 auto;
  }
  .member_01 a .member_name {
    width: 186px;
  }
}
@media only screen and (max-width:767px) {
#member .page-header_bg {

  background: #f5f5f5 url("../img/cover/07.jpg")22% 60px no-repeat;

    }
}

@media only screen and (max-width:375px) {
  .member_01 .img_wrap {
    max-width: 170px;
    max-height: 170px;
    margin: 0 auto;
  }
  .member_01 a .member_name {
    width: 170px;
  }
}
@media only screen and (max-width:360px) {
  .member_01 .img_wrap {
    max-width: 160px;
    max-height: 160px;
    margin: 0 auto;
  }
  .member_01 a .member_name {
    width: 160px;
  }
}
@media only screen and (max-width:320px) {
  .member_01 .img_wrap {
    max-width: 145px;
    max-height: 145px;
    margin: 0 auto;
  }
  .member_01 a .member_name {
    width: 145px;
  }
}
/*---------------
	member_profile.html メンバープロフィール
カスタム投稿 シングルページ
---------------*/
#member_profile .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url(../img/cover/10.jpg)no-repeat center 0 / cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

p.member_name {
  /* width: 25%;*/
  font-weight: bold;
  font-size: 24px;
  padding: 5% 0 0 0;
}
.person.ttl {
  position: relative;
  text-align: left;
  margin: 9% auto 3%;
  padding: 2%;
}
.person.ttl:before {
  content: '';
  position: absolute;
  left: 4%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 25px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #666666; /*下線の色*/
}
/*--------------
	member wp カスタム投稿ページメンバーへ
--------------*/
h2.h2_ttl02 {
  width: 100%;
  letter-spacing: 1px;
  color: #EDF2DC;
  font-weight: bold;
  font-size: 34px;
}
#person_profile > section.content-box.vision > div > div.left70 {
  width: 60%;
  clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
}
#person_profile > section.content-box.vision > div {
  background: #cb6a5e;
  display: flex;
  width: 100%;
  height: auto;
}
#person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute {
  position: relative;
  margin: 0;
  left: 0;
  text-align: left;
  background: #cb6a5e;
}
#person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div {
  padding: 5%;
  background: #cb6a5e;
}
#person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div > div > h2 {
  width: 100%;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 300;
  font-size: 20px;
}
#person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div > div > p {
  font-weight: 500;
  font-size: 36px;
  padding: 0 0 0;
  text-align: left;
  margin: 0;
  color: #fff;
}
#person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div > div {
  margin-bottom: 9px;
}
#person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div > p {
  margin: 0 auto;
  padding: 1%;
  line-height: 2;
  font-size: 15px;
  text-align: left;
  color: #fff;
}
ul.member.sns.box {
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  justify-content: start;
}
ul.member.sns.box > li {
  width: 30px;
  margin: 0 2% 0 0;
}
@media only screen and (max-width:1130px) {
  #person_profile > section.content-box.vision > div > div.left70 {
    width: 53%;
  }
  #person_profile > section.content-box.vision > div {
    padding: 0;
  }
  #person_profile > section.content-box.vision > div > div.left70 > img {
    min-width: 712px;
  }
}
@media only screen and (max-width:930px) {
  #person_profile > section.content-box.vision > div {
    background: #000;
    display: block;
  }
  #person_profile > section.content-box.vision > div > div.left70 > img {
    min-width: unset;
  }
  #person_profile > section.content-box.vision > div > div.left70 {
    width: 100%;
    margin: 0 auto;
  }
  #person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute {
    width: 100%;
    clip-path: polygon(0% 0, 80% 0, 100% 100%, 0% 100%);
  }
  #person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div {
    width: 80%;
  }
}
@media only screen and (max-width:767px) {
  #person_profile > section.content-box.vision > div > div.right40.box-inner.box_absolute > div > div > h2 {
    font-size: 16px;
  }
}
/*----------------------
メンバーページ arrow
------------------------*/
#person_profile > section.container > div > div > a {
  display: block;
  background: #000;
  color: #fff;
  width: 300px;
  height: 60px;
  line-height: 60px;
}
#person_profile > section.container > div > div > a:hover {
  background: #cb6a5e;
}
#person_profile span.arrow-r.pdr10, #person_profile span.arrow-l.pdl10 {
  padding: 0 10px;
}
@media only screen and (max-width:767px) {
  #person_profile > section.container > div > div > a {
    width: 100%;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 30px;
  }
}
/*--------------
	single-news wp固定ページ
--------------*/
.news_h1 {
  width: 100%;
  letter-spacing: 1px;
  color: #f5b7b0;
  font-weight: 100;
  font-size: 34px;
}

#news_page .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/06.jpg")center center no-repeat;
  background-size: cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.news_01 .img_wrap {
  border: 0px solid #ddd;
  max-width: 285px;
  max-height: 285px;
  margin: 0 1.2%;
  overflow: hidden;
  cursor: pointer;
}
#news-list.box {
  display: inline-block;
}



.news_01 {
  position: relative;
  margin-bottom: 60px;
}
.news_01 a .news_ttl {
  width: 285px;
  display: inline-block;
  font-size: 14px;
  color: #1b1b1b;
}
#page > main > section.news-all:first-child {
  padding: 100px 0 50px;
}
#page > main > section.news-all {
  padding: 0 0 50px;
}
.news_01 a {
  display: inline-block;
}
.news_01 a {
  display: inline-block;
  width: 285px;
}
.news_ttl {
  width: 180px;
}
@media only screen and (max-width:767px) {
  .news_01 a {
    display: inline-block;
    width: 220px;
  }
}
@media only screen and (max-width:480px) {
  .news_01 {
    width: 185px;
    margin-bottom: 0px;
  }
  #news-list.box {
    width: unset;
  }
  #news-list.box {
    max-width: 185px;
    margin-bottom: 0;
    padding: 0;
  }
  .news_01 a .news_ttl {
    width: 185px;
  }
  .news_01 a {
    display: inline-block;
    width: 100%;
  }
}
/*---------------
	news_list.phpリスト wp 固定ページ
---------------*/
/*news_list*/
#news-page > h2 {
  font-size: 26px;
  font-weight: 500;
}
#news .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/02.jpg")center center no-repeat;
  background-size: cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.news_01 .img_wrap {
  border: 0px solid #ddd;
  max-width: 285px;
  max-height: 180px;
  margin: 0 1.2% 3%;
  overflow: hidden;
  cursor: pointer;
}
.news_01 {
  position: relative;
  margin-bottom: 0;
}
#news-list .news_01 a .news_name {
  max-width: inherit;
  font-size: 14px;
  color: #777;
  letter-spacing: 4px;
}
#news-list .news_01 a .news_name:hover {
  max-width: 465px;
  font-size: 14px;
  color: #f68b8b;
  letter-spacing: 4px;
}
#page > main > section.news-all:first-child {
  padding: 100px 0 50px;
}
#page > main > section.news-all {
  padding: 0 0 50px;
}
#news-list > div {
  width: auto;
}
@media only screen and (max-width:1024px) {
  #news-list > div > a {
    display: inline-block;
    justify-content: center;
  }
}
@media only screen and (max-width:767px) {
  .news_01 .img_wrap {
    max-width: 100%;
    max-height: 176px;
    margin: 0 auto;
  }
}
@media only screen and (max-width:480px) {
  .news-all.content-box-01.news.container {
    padding: 15% 0 0;
  }
  #news-page > p {
    margin-bottom: 5%;
  }
  .news_01 .img_wrap {
    max-width: 176px;
    max-height: 176px;
    margin: 0 auto;
  }
  #news-list > div > a > p {
    width: 96%;
    margin: 0 auto;
  }
  #news-list > div > a {
    margin: 0 auto;
  }
  #news-list > .news_01 > a > .box {
    margin: 0px auto;
    justify-content: space-between;
  }
    
    #news .page-header_bg {
          background: #f5f5f5 url("../img/cover/02.jpg") 86% center no-repeat;
    }
}
@media only screen and (max-width:375px) {
  #news-list.box {
    width: 180px;
    margin-bottom: 0;
    padding: 0;
  }
  .news_01 .img_wrap {
    max-width: 170px;
    max-height: 110px;
    margin: 0 auto;
  }
  .news_01 a .news_name {
    width: 170px;
    font-size: 12px;
  }
  #news-list > .news_01 > a > .box {
    min-width: 175px;
    width: 94%;
  }
}
@media only screen and (max-width:360px) {
  #news-list.box {
    width: 165px;
  }
  .news_01 .img_wrap {
    max-width: 160px;
    max-height: 160px;
    margin: 0 auto;
  }
  .news_01 a .news_name {
    width: 160px;
  }
  #news-list > .news_01 > a > .box {
    min-width: 150px;
    width: auto;
  }
}
@media only screen and (max-width:320px) {
  #news-list.box {
    width: 140px;
  }
  .news_01 .img_wrap {
    max-width: 145px;
    max-height: 145px;
    margin: 0 auto;
  }
  .news_01 a .news_name {
    width: 145px;
  }
  #news-list > .news_01 > a > .box {
    min-width: unset;
    width: 100%;
    /*    background: red;*/
    padding: 0;
    margin: 0 auto;
  }
  p.news_type {
    width: 100%;
    margin: 0;
    min-width: 137px;
    padding: 0;
  }
}
/*--------------
	single-news wpカスタム投稿シングルページ
--------------*/
.blog-inner {
  max-width: 960px;
  margin: 0 auto;
}
#news-txt.h1_ttl02 {
  width: 100%;
  letter-spacing: 1px;
  color: #EDF2DC;
  font-weight: bold;
  font-size: 34px;
}
#news-txt h2.ttl.ja_ttl {
  margin: 0 0 5% 0;
  border-bottom: 2px solid #707070;
  font-weight: 300;
}
.news_img {
  margin-bottom: 5%;
  text-align: center;
}
#news-txt > h3.ttl {
  position: relative;
  text-align: left;
  margin: 9% auto 3%;
  padding: 0.5% 1%;
  border-left: 6px solid #707070;
  font-size: 22px;
}
#news-txt p {
  margin-bottom: 5%;
  line-height: 2;
  text-align: left;
}
#news-txt > p > a {
  color: #f68b8b;
}
#news-txt > p > a:hover {
  color: #ababab;
}
/*--------------
	PRIVACY POLICY wp固定ページ
--------------*/
#privacy ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 30px;
}
#privacy-page .page-header_bg {
  width: 100%;
  height: 410px;
  background: #f5f5f5 url("../img/cover/15.jpg")no-repeat center center /cover;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media only screen and (max-width:767px) {
  #privacy > section > h2 {
    font-size: 27px;
  }
  #privacy > section > p.sub-txt {
    margin-bottom: 30px;
  }
  #privacy > section > p.mgnb_50 {
    text-align: left;
  }
}
/*------------------
◆ループスライダー
------------------*/
.swiper-container {
  max-width: 1200px;
  height: 300px;
  margin-bottom: 60px;
}
◆全画面の場合の設定CSS .swiper-container {
  width: 100%;
  height: 100vh;
}
◆丸ポチを画面の下に配置CSS .swiper-pagination {
  position: relative !important;
  padding-top: 20px;
}
◆左右のバーを画面中央に配置 .swiper-button-prev, .swiper-button-next {
  top: calc((100% - 50px) * 0.5);
  margin-top: -22px;
}
.swiper-button-prev {
  margin-top: -47px;
}
◆4の倍数＋1枚目のスライドのスタイル（1枚目、5枚目…） .swiper-slide:nth-child(4n+1) {
  background-color: #EECB27;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0px;
}
@media only screen and (max-width:768px) {
  .swiper-container {
    width: 100%;
    height: 210px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -5px;
  }
}