@charset "UTF-8";
* {
  /*
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    */
  font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30E1\30A4\30EA\30AA", sans-serif;
  font-weight: normal;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 155px;
}

body {
  color: #26231e;
  scroll-behavior: smooth;
}
a {
  color: #766c57;
  font-style: normal;
  text-decoration: underline;
}
a:link {
  color: #766c57;
  font-style: normal;
  text-decoration: underline;
}
a:visited {
  color: #766c57;
  text-decoration: underline;
}
a:hover {
  color: #766c57;
  font-style: normal;
  text-decoration: underline;
}
a:active {
  text-decoration: none;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
ul.top_nav {
  margin: 0;
  padding: 0;
}
ul.top_nav li {
  list-style-type: none;
  line-height: 2.1;
  margin: 0;
  padding: 0;
}
ul.top_nav li a {
  color: #4d4d4d;
  font-family: Mplusregular;
  letter-spacing: 3px;
  font-size: 1.2em;
  text-decoration: none;
  background: url(../img/common/ico_arr.png) no-repeat 0 7px;
  background-size: 15px;
  padding-left: 20px;
}
/*

width

*/
.w6_4p {
  width: 6.4%;
}
.w26_9p {
  width: 26.9%;
}
.w33_3p {
  width: 33.3%;
}
/*

align

*/
.tL {
  text-align: left !important;
}
.tC {
  text-align: center;
  margin: 0 auto;
}
.tR {
  text-align: right !important;
}
.tx_red {
  color: #ff545e;
}
/*

タイトルh3

*/
.h3_tit_box {
  color: #046fd5;
  text-align: center;
}
.h3_tit_box h3 {
  font-family: Mplusbold;
  font-size: 2.4em;
  letter-spacing: 3px;
}
.h3_tit_box p {
  font-family: Mplusbold;
  font-size: 1.6em;
  letter-spacing: 10px;
}
.h3_tit_box hr {
  clear: both;
  max-width: 68.84375rem;
  height: 0;
  margin: .5rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #046fd5;
  border-left: 0;
}
.w330px {
  width: 330px;
  margin: 0 auto;
}
ul.bnr_ul {
  margin: 0;
  padding: 0;
}
ul.bnr_ul li {
  list-style-type: none;
  margin-bottom: 1.5em;
}
ul.bnr_ul li img {
  border: 1px solid #b2aead;
}
/*

top information

*/
.top_information_box {
  margin: 5em auto;
}
.l_information {
  text-align: left;
}
.bg_white {
  background: #fff;
}
.bg_begie {
  background: #fff8e8;
}
.tx_white {
  color: #fff;
}
.bold {
  font-weight: 600;
}
.font_s {
  font-size: .83em !important;
}
.font_l {
  font-size: 1.3em !important;
}
.font_ll {
  font-size: 1.6em !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb130 {
  margin-bottom: 130px !important;
}
.mb150 {
  margin-bottom: 150px !important;
}
.w100p {
  width: 100% !important;
}
/*

information

*/
dl.dl_dt {
  width: 100%;
  margin: 0 0 2em 0;
  font-size: 1.2rem;
}
dl.dl_dt:after {
  content: " ";
  display: block;
  clear: both;
}
dl.dl_dt dt {
  display: block;
  width: 6em;
  margin-right: 1.5em;
  clear: left;
  float: left;
  color: #766c57;
  font-weight: normal;
  margin-bottom: 1em;
  text-align-last: justify;
}
dl.dl_dt dd {
  display: block;
  width: calc(100% - 7.5em);
  float: left;
  margin-bottom: 1em;
}
/*

footer_contact

*/
footer {
  background: #87806b;
  color: #fff;
  padding: 3em 0;
  text-align: center;
}
footer img {
  width: 200px;
  height: auto;
  margin: 0 0 10px;
}
footer a {
  color: #fff !important;
}
.footer_contact_wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}
a.footer_contact_tel {
  color: #26231e;
  text-decoration: none;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  background: url(../img/common/ico_tel.png) 0 10px no-repeat;
  background-position: left center;
  background-size: 65px;
  padding: 0 0 0 1.5em;
  text-decoration: none;
  font-size: 3.3rem;
  letter-spacing: 3px;
  display: inline-block;
  margin-right: 80px;
}
a.footer_contact_form {
  color: #26231e;
  text-decoration: none;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-decoration: none;
  font-size: 1.4em;
  letter-spacing: 1px;
  display: flex;
  border: 2px solid #766c57;
  width: 40%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
a.footer_contact_form span {
  background: url(../img/common/ico_mail.png) 0 1px no-repeat;
  background-position: left bottom 12px;
  background-size: 46px 29px;
  padding: 10px 0 10px 55px;
}
a.footer_contact_tel:hover, a.footer_contact_form:hover {
  opacity: .7;
}
a.btn_white {
  background: #fff;
  text-decoration: none;
  color: #046fd5;
  padding: .8em 3em;
  font-family: Mplusbold;
  letter-spacing: 3px;
  border-radius: 20px;
}
.footer_copy {
  color: #fff;
  font-size: .73em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.footer_logo {
  font-size: .83rem;
}
.footer_logo span {
  display: inline;
  margin-right: 20px;
}
/*

sp menu

_____________________*/
.sp_menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1999;
  display: none;
}
.sp_menu img {
  width: 55px;
  height: auto;
}
.off-canvas {
  background: #046fd5;
}
.off-canvas ul li a {
  background: rgba(255, 255, 255, 0.8) color: #26231e !important;
  text-decoration: none;
  letter-spacing: 3px;
  border-bottom: 1px solid #ccc !important;
  padding: 8px 15px;
  font-size: .9rem;
  display: block;
}
.off-canvas.is-transition-push {
  background: #fff;
}
.off-canvas ul {
  margin: 0;
  padding: 0;
}
.off-canvas ul li.menu-text a {
  text-align: center;
  margin: 0 auto;
}
.off-canvas-contact {
  padding: .7rem;
  font-size: .7rem;
}
/*
header .header_cont
______________________*/
header {
  width: 100%;
  height: 155px;
  background-color: rgba(255, 255, 255, .9);
  z-index: 1000;
  position: fixed;
  transition: .5s;
}
.header_in {
  width: 1200px;
  inset: 0;
  margin: 0 auto;
}
header .header_cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 80px;
  transition: .5s;
}
header.fixed {
  height: 75px;
  transition: .5s;
}
header.fixed .header_cont {
  padding-top: 0;
  transition: .5s;
}
.row-reverse {
  flex-direction: row-reverse;
}
.relative {
  position: relative;
}
header h1 {
  margin: 0;
  padding: 0 0 8px 0;
}
header h1 img {
  width: 210px;
  height: auto;
}
header h1 span {
  display: none;
}
ul.header_nav {
  margin: 0 15px;
  padding: 0;
  display: flex;
}
ul.header_nav li {
  list-style-type: none;
  padding: 0 13px;
  font-size: .95rem;
  font-weight: 600;
}
ul.header_nav li:first-child {
  margin-right: auto;
}
ul.header_nav > li > a {
  color: #26231e;
  text-decoration: none;
  padding-bottom: 28px;
  display: inline-block;
}
ul.header_nav li a:link, ul.header_nav li a:visited, ul.header_nav li a:hover, ul.header_nav li a:active {
  color: #26231e;
  font-style: normal;
  text-decoration: none;
}
header a:hover, header a:hover img {
  opacity: 0.7;
}
.child_menu { /* 下層メニューのスタイル */
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 50px 0;
  color: #333;
  background: #86806a;
  z-index: 999;
  visibility: hidden; /*下層メニューを非表示 */
  transition: all 0.5s 0s ease; /*transitionの記述を追加*/
  opacity: 0;
}
ul.header_nav li:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
  transition: all 0.5s 0s ease; /*transitionの記述を追加*/
  opacity: 1;
}
.child_menu_in {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.child_menu_in h4 {
  border-bottom: 2px solid #fff;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.8rem;
  letter-spacing: 4px;
  margin-right: 40px;
}
.child_menu_in h4 span {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  display: block;
  font-size: 1.3rem;
}
.child_menu_in > ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.child_menu_in > ul li a {
  width: 250px;
  height: 157px;
  background-color: #51bcf0;
  display: flex;
  align-items: flex-end;
}
.child_menu_in > ul li a span {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.4rem;
  text-align: center;
  padding: 16px 0 16px 10px;
}
.child_menu_in > ul li a span::after {
  display: inline-block;
  content: "";
  width: 10px;
  height: 17px;
  background-image: url("../img/common/ico_header_arr.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 27px;
}
.child_menu_in .mega_manu li:nth-child(1) a {
  background-image: url("../img/common/mega1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
.child_menu_in .mega_manu li:nth-child(2) a {
  background-image: url("../img/common/mega2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
.child_menu_in .mega_company li:nth-child(1) a {
  background-image: url("../img/common/mega3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
.child_menu_in .mega_company li:nth-child(2) a {
  background-image: url("../img/common/mega4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
.child_menu_in .mega_company li:nth-child(3) a {
  background-image: url("../img/common/mega5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
.mv {
  padding-top: 155px;
  width: 100%;
  height: auto;
  display: inline-block;
  overflow: hidden;
}
.manu1_arr {
  position: absolute;
  bottom: -60px;
  left: 37%;
  z-index: 99;
}
.manu2_arr {
  position: absolute;
  bottom: -33px;
  left: 26%;
  z-index: 99;
}
.manu3_arr {
  position: absolute;
  bottom: -56px;
  right: 41%;
  z-index: 99;
}
.manu4_arr {
  position: absolute;
  bottom: -47px;
  right: 31%;
  z-index: 99;
}
.manu5_arr {
  position: absolute;
  bottom: -60px;
  left: 36%;
  z-index: 99;
}
/*


___________________________*/
.top_filo {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
    position: relative;
    top: -7px;	
}
.top_filo > .img_box {
  width: 45%;
}
.top_filo > .txt_box {
  width: 55%;
  padding: 50px;
  font-size: 1.2rem;
  font-weight: 600;
}
.top_filo > .txt_box p {
  line-height: 1.8;
  font-size: 1.2rem;
  padding: 0 14% 0 3%;
}
/*
top_future
____________________________*/
.top_future {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}
.top_future h3 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2rem;
  border-left: 3px solid #766c57;
  color: #26231e;
  padding: 0 0 0 1em;
  margin: 1.5em 0 50px 0;
  font-weight: normal;
  letter-spacing: 1px;
}
.top_future h3 span {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 3.2rem;
  display: block;
}
.top_future ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.top_future li {
  list-style-type: none;
  width: 33.33333%;
  margin: 0;
  padding: 0;
}
.top_future li a p {
  margin: 30px 20px;
  line-height: 1.8;
}
.top_future li a {
  text-decoration: none;
  color: #26231e;
}
.top_future li a:hover {
  opacity: .7;
}
/*
top_future_box
_____________________________*/
.top_future_box {
  position: relative;
}
.top_future_box .top_cont {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}
.top_cont_tit {
	display: none;
  position: absolute;
  background-color: #87816b;
  color: #fff;
  padding: 60px 20px;
  top: -20%;
  left: -10%;
  border-radius: 10px;
}
.top_cont_tit span {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2.4rem;
  letter-spacing: 2px;
}

.top_cont_tit_img{
  position: absolute;
  top: -20%;
  left: -10%;
	width:200px;
	height: auto;
  border-radius: 10px;
	overflow: hidden;
}

.f_qd .top_cont_tit_img{
  left:inherit;
	right: -10%;
}


.top_card {
  position: relative;
  display: inline-block;
  width: 80%;
  height: 360px;
  background-color: #000;
  color: #fff;
  padding: 12% 10% 8%;
}
.top_card p {
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 1px;
}
.f_onestop {
  background-color: #f0eeef;
  padding-bottom: 65px;
}
.f_onestop .top_cont {
  text-align: right;
  position: relative;
  top: -90px;
}
.f_onestop .f_one_stop_bg_lb {
  width: 220px;
  height: 280px;
  position: absolute;
  left: -25px;
  bottom: -90px;
}
.f_onestop .top_card {
  background-image: url("../img/top/feature_1bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}
.f_qd .top_card {
  background-image: url("../img/top/feature_2bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}
.f_fun .top_card {
  background-image: url("../img/top/feature_3bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}
/*
top_future_box f_qd
_____________________________*/
.f_qd {
  padding-bottom: 24px;
}
.f_qd .top_cont {
  position: relative;
  top: -120px;
}
.f_qd .top_cont_tit {
  left: inherit;
  right: -10%;
  width: 200px;
  text-align: center;
}
.f_qd .f_qd_bg_rb {
  width: 273px;
  height: 225px;
  position: absolute;
  right: 30px;
  bottom: -90px;
}
/*
top_future_box f_fun
_____________________________*/
.f_fun {
  background-color: #f0eeef;
}
.f_fun .top_cont {
  text-align: right;
  position: relative;
  top: -105px;
}
.f_fun .top_cont_tit {
  left: inherit;
  left: -10%;
  text-align: left;
  padding: 40px 40px 30px;
}
/*

.top_product
_____________________________*/
.top_product_wrap {}
.top_product {
  width: 1200px;
  padding: 100px 0;
}
.top_product_discription {
  margin-bottom: 50px;
}
/*

.top_product_card
_____________________________*/
a.top_product_card {
  display: block;
  border: 1px solid #ccc;
  color: #26231e;
  text-decoration: none;
}
a:hover.top_product_card {
  opacity: .7;
}
.top_product_tit {
  display: flex;
  align-items: center;
  min-height: 6em;
  padding: 10px;
  text-align: center;
  justify-content: center;
}
.top_product_tit h3 {
  text-align: center;
  font-size: 1.8rem !important;
  margin: 0 !important;
  padding: 0;
}
.top_product_img {
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.top_product_img img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.top_product_txt {
  display: flex;
  align-items: center;
  min-height: 8em;
  padding: 40px 60px;
  text-align: left;
  justify-content: center;
}
.top_product_txt p {
  margin-bottom: 0 !important;
}
.top_product_txt dl {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.top_product_txt dl > dt {
  width: 4em;
}
.top_product_txt dl > dd {
  width: calc(100% - 5em);
  line-height: 1.2;
}
.top_r_col_txt {
  display: flex;
  flex-direction: column;
}
.top_r_col_txt p {
  margin-top: auto;
  margin-bottom: 8px;
}
/*

page_head
____________________________*/
.wrapper_pagehead {
  padding: 1rem 6rem 2rem;
  border-bottom: 1px solid #ccc;
}
.content_pagehead {
  margin: 1rem 0 0;
}
.p-common-fv__content-path-item {
  position: relative;
  margin: 0 6.25rem 0 0;
}
ul.content-path-list {
  margin: 0 0 2rem;
  padding: 0;
}
.content-path-list li {
  position: relative;
  margin: 0 1.8rem 0 0;
  display: inline-block;
  list-style-type: none;
  padding: 0;
  font-size: .5rem;
}
.content-path-list li:before {
  position: absolute;
  top: 50%;
  right: -1.5rem;
  width: 1rem;
  height: 1px;
  content: "";
  background-color: #e3e3e3;
}
.content-path-list li:last-child:before {
  display: none;
}
.content-header h2 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 400;
  font-size: 3.6rem;
  margin: -20px 0 0 0;
  line-height: 1;
}
.content-header span {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.9rem;
  margin-top: 15px;
  display: block;
}
/*

main 
_____________________________*/

.header_padding{
	padding-top:155px !important;
}

.main {
  padding: 4rem 0;
  line-height: 2;
}
.main .main_block {
  margin: 80px 0;
}
.main .head_block {
  margin: 50px 0;
}
.main .product_block {
  margin: 80px 0 20px;
}
.main h3.ver_2 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
  margin: 1.4em 0;
}
.main h3.ver_2:before, .main h3.ver_2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: black;
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.main h3.ver_2:before {
  left: 0;
  margin-left: -2em;
}
.main h3.ver_2:after {
  right: 0;
  margin-right: -2em;
}
.main p, .footer_contact_wrap p {
  font-size: 1.2rem;
  line-height: 1.8;
}
.main_h3_box {
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
}
.main .h3_above, .footer_contact_wrap .h3_above {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #766c57;
  font-size: 2rem;
  line-height: 1;
}
.main h3, .footer_contact_wrap h3 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 3rem;
  margin-right: 75px;
  margin-top: 10px;
}
.main .h3_above.small_t {
  font-size: 1.3rem;
}
.main h3.small_t {
  font-size: 2rem;
}
.main h4 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.5rem;
  border-left: 2px solid #766c57;
  color: #26231e;
  padding: 0 0 0 1em;
  margin: 1.5em 0 1em 0;
  font-weight: normal;
  letter-spacing: 1px;
}
.main h5 {
  font-size: .9rem;
  border-left: 8px solid #777;
  color: #777;
  padding: 0 0 0 .5em;
  margin: 1.5em 0 .8em 0;
  font-weight: 600;
}
.main h3:after .main h4:after, .main h5:after {
  content: " ";
  display: block;
  clear: both;
}
.main .tx_indent {
  margin: 0 2em;
}
.main ol, .main ul {
  margin-bottom: 1em;
}
.main ol li, .main ul li {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
	line-height: 1.9;
}
/*

table
_____________________________*/
table tbody td, table tbody th {
  text-align: left;
  vertical-align: top;
}
table tbody tr:nth-child(even) {
  background: #f3f3f3;
}
/*

button
_____________________________*/
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  -webkit-appearance: none;
  border: 2px solid transparent;
  transition: background-color .25s ease-out, color .25s ease-out;
  font-size: 1.1rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #87806b;
  color: #fff;
  padding: 20px 40px;
  border-radius: 5px;
  min-width: 300px;
}
a.button {
  color: #fff;
  text-decoration: none;
}
a.button:hover, .button:hover {
  background-color: #fff !important;
  border: 2px solid #87806b !important;
  color: #87806b !important;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*----------------------------------------------------
	.price_tbl
----------------------------------------------------*/
table.price_tbl tbody {
  border: 1px solid #ddd;
}
table.price_tbl tbody td, table.price_tbl tbody th {
  padding: .25rem;
}
table.price_tbl th, table.price_tbl td {
  font-size: .75em;
  text-align: center;
  font-weight: normal;
  color: #4d4d4d;
}
table.price_tbl th {
  background: #ffe1e3;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}
table.price_tbl td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
table.price_tbl {
  overflow: auto;
  white-space: nowrap;
  display: block;
  width: auto;
}
table.price_tbl tbody {
  width: 100%;
  display: table;
}
/*tableにスクロールバーを追加*/
table.price_tbl::-webkit-scrollbar {
  height: 5px;
}
/*tableにスクロールバーを追加*/
table.price_tbl::-webkit-scrollbar-track {
  background: #F1F1F1;
}
/*tableにスクロールバーを追加*/
table.price_tbl::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs2 {
  margin: 10px 0 -1px 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  float: left;
  font-size: 0;
}
ul.tabs2.left {
  text-align: left;
}
ul.tabs2.center {
  text-align: center;
}
ul.tabs2.right {
  text-align: right;
}
ul.tabs2.right li {
  margin: 0 0 0 -2px;
}
ul.tabs2 li {
  font-size: 14px;
  list-style-type: none;
  margin: 0 -2px 0 0;
  padding: 0;
  display: inline-block;
  *display: inline; /*IE ONLY*/
  position: relative;
  top: 0;
  left: 0;
  zoom: 1;
}
ul.tabs2 li a {
  text-decoration: none;
  color: #666;
  display: inline-block;
  padding: 9px 15px;
  position: relative;
  top: 0;
  left: 0;
  line-height: 100%;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.03);
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  font-size: 0.9em;
  zoom: 1;
}
ul.tabs2 li a:hover {
  background: #fff;
}
ul.tabs2 li.current a {
  position: relative;
  top: 1px;
  left: 0;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #26231e;
}
ul.tabs2 li.current a {
  opacity: 1 !important;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  filter: alpha(opacity=100) !important; /* IE lt 8 */
  -ms-filter: "alpha(opacity=100)" !important; /* IE 8 */
}
.tab-content {
  border: 1px solid #efefef;
  border: 1px solid #e5e5e5;
  background: #fff;
  clear: both;
  padding: 20px;
  margin: 0 0 40px 0;
}
/*

contact

*/
.contact_form label {
  font-weight: 600;
  padding-left: 10px;
  margin-bottom: 5px;
}
.contact_form label ul {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  align-items: center;
}
.contact_form label ul li input {
  margin: 0;
}
.contact_form label ul li {
  width: 33%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.contact_form label ul li:nth-child(1) {
  width: 12em;
}
.contact_form label ul li:nth-child(2) {
  width: 55%;
}
.contact_form label ul li:nth-child(3) {
  width: 16em;
  font-size: .73rem;
  padding: 0 0 0 20px;
}
.required {
  font-size: .73em;
  background: #766c57;
  color: #fff;
  padding: 3px 10px;
  border-radius: 10px;
  margin: 0 10px 0 0;
  position: relative;
  bottom: 1px;
}
.optional {
  font-size: .73em;
  background: #aaa;
  color: #fff;
  padding: 3px 10px;
  border-radius: 10px;
  margin: 0 10px 0 0;
  position: relative;
  bottom: 1px;
}
.pc_only {
  display: block;
}
.sp_only, .br_sp {
  display: none !important;
}
.top_product_card::after {
  display: none;
}
.sp_bg {
  background: rgba(243, 242, 240, 0.00);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sp_bg p {
  width: 100%;
  margin: 10px 0 0 16%;
}
/*

one stop

*/
ul.one_stop_page_nav {
  margin: 90px 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
ul.one_stop_page_nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 40%;
}
.head_block2 {
  display: inline-block;
  background: #f5f3f2;
  color: #222;
  border: 4px solid #998b6b;
  border-radius: 10px;
  padding: 5px 40px;
  min-width: 305px;
  text-align: center;
}
.head_block2 h3 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.one_stop_sec {
  margin-bottom: 10px;
}
ul.one_stop_reason {
  margin: 40px 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.one_stop_reason li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.one_stop_reason li:nth-child(1) {
  width: 18%;
}
ul.one_stop_reason li:nth-child(2) {
  width: 50%;
}
ul.one_stop_reason li:nth-child(3) {
  width: 22%;
}
ul.one_stop_reason li:nth-child(1) em, ul.one_stop_reason li:nth-child(1) span {
  font-family: Arial, Helvetica, "sans-serif";
  font-style: normal;
  display: block;
  text-align: center;
  background: rgb(241, 241, 241);
  background: linear-gradient(0deg, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);
  padding: 10px;
  color: #978a69;
}
ul.one_stop_reason li:nth-child(1) span {
  background: rgb(243, 243, 243);
  background: linear-gradient(0deg, rgba(235, 235, 235, 1) 0%, rgba(250, 250, 250, 1) 100%);
}
ul.one_stop_reason li:nth-child(1) em {
  font-size: .83rem;
}
ul.one_stop_reason li:nth-child(1) span {
  font-size: 2rem;
}
ul.one_stop_reason li:nth-child(2) h6 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #978a69;
  font-size: 1.5rem;
  border-bottom: 1px solid #898989;
  letter-spacing: 2px;
}
ul.one_stop_reason li:nth-child(2) p {
  line-height: 1.4;
}
ul.one_stop_reason li:nth-child(3) img {
  width: 100%;
  height: auto;
}
.button-block {
  margin: 60px 0;
  text-align: center;
}
.one_stop_quality_img {
  text-align: right;
}
.one_stop_quality_img img {
  width: 150px;
  height: auto;
}
.one_stop_quality_img3 {
  text-align: center;
}
.one_stop_quality_img3 img {
  width: 30%;
  margin: 0 auto 50px;
}
table.cert_tbl {
  margin-bottom: 80px;
}
table.cert_tbl th, table.cert_tbl td {
  border: 1px solid #ccc;
}
table.cert_tbl th {
  text-align: center;
}
table.cert_tbl td {
  vertical-align: middle;
}
table.cert_tbl thead {
  background: #86806a;
  color: #fff;
}
table.cert_tbl tbody tr:nth-child(even) {
  background: #fff;
}
ul.cert {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
ul.cert li {
  list-style-type: none;
  width: 48%;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #ccc;
}
ul.cert li p {
  margin: 0;
  padding: 0;
}
ul.cert li h7 {
  border-bottom: 1px dotted #293893;
  color: #293893;
  text-align: center;
  font-size: 1.8rem;
  display: block;
  margin: 0 0 10px;
  padding: 0 0 3px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.page_nav_box {
  border-bottom: 1px solid #ccc;
}
.box_under_bdr {
  border-bottom: 1px solid #ccc;
  padding-bottom: 130px;
}
h3.h3_large_gold {
  font-size: 3rem;
  letter-spacing: 3px;
  color: #918674;
  margin-bottom: 90px;
  text-align: center;
}
h3.h3_large_blk {
  font-size: 2.8rem;
  letter-spacing: 3px;
  color: #333;
  margin-right: 0;
  margin-bottom: 50px;
  text-align: center;
}
.porduct_card {
  border: 1px solid #ccc;
  margin-bottom: 30px;
}
.porduct_card .top_product_tit h3 {
  font-size: 1.6rem !important;
}
.porduct_card .top_product_tit {
  min-height: 6em;
}
.porduct_card .top_product_img {
  min-height: 217px;
}
.porduct_card .top_product_txt {
  position: relative;
  display: block;
  padding: 30px;
}
.porduct_card .top_product_txt p {
  margin-bottom: 20px !important;
  font-size: 1rem;
}
.porduct_card .top_product_txt a {
  position: absolute;
  right: 30px;
  bottom: 20px;
  display: block;
  text-align: right;
  color: #025fad;
  text-decoration: none;
}
.product_head_block {
  margin: 40px 0 0;
}
.facebook_wrap {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.fb-page, .fb-page span, .facebook_wrap iframe {
  width: 100% !important;
  height: 500px !important;
}
.button_box {
  text-align: center;
  margin: 50px auto;
}
.contact_p {
  font-size: 1rem !important;
  line-height: 1.8 !important;
}
.footer_contact {
  border-top: 1px solid #ccc;
}
/*
manu onestop
____________________________*/
.manu_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manu_box li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.manu_box li:nth-child(1) {
  width: 370px;
}
.manu_box li:nth-child(1) img {
  width: 100%;
  height: 100%;
}
.manu_box li:nth-child(2) {
  width: calc(100% - 370px);
  padding: 0 20px;
}
.manu_box li:nth-child(2) img {
  margin-bottom: 20px;
}
.manu_box li:nth-child(2) p {
  font-size: 1.2rem;
  text-align: left;
}
.manu_box {
  margin: 0 110px 0 60px;
}
.manu_box.rev {
  margin: 0 110px 0 170px;
}
.manu3 .manu_box {
  margin: 0 250px 0 80px !important;
}
.manu5 .manu_box {
  margin: 0 245px 0 145px;
}
.manu_box.rev li:nth-child(1) {
  order: 2;
}
.manu_box.rev li:nth-child(2) {
  order: 1;
}
.manu_box li:nth-child(1) {
  order: 1;
}
.manu_box li:nth-child(2) {
  order: 2;
}
.page_head {
  width: 100%;
  height: 350px;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
}
.page_head h3 {
  display: inline-block;
  border-bottom: 1px solid #fff;
  text-align: center;
  margin: 0 auto;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.page_head h3 span {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  display: block;
}
.page_head.page_head_manu {
  background-image: url("../img/page/pagehead_manu.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.page_head.page_head_company {
  background-image: url("../img/page/pagehead_company.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
}
.page_head.page_head_company h3 {
  margin: 6% 19% 0 14%;
  letter-spacing: 4px;
}
.page_head.page_head_product {
  background-image: url("../img/page/pagehead_product.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
}
.page_head.page_head_recruit {
  background-image: url("../img/page/pagehead_recruit.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
}
.manu {
  position: relative;
}
.manu .page_cont {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}
.manu.manu2, .manu.manu4, .manu.manu6 {
  background-color: #f0eeef;
}
.manu.manu3 .page_cont {
  background-image: url("../img/page/manu03_bg.png");
  background-repeat: no-repeat;
  background-size: 276px 216px;
  background-position: right bottom;
}
.manu.manu5 .page_cont {
  background-image: url("../img/page/manu05_bg.png");
  background-repeat: no-repeat;
  background-size: 163px 276px;
  background-position: left bottom;
}
.manu2 > .manu_box li:nth-child(1) {
  width: 340px;
}
.manu2 > .manu_box li:nth-child(2) {
  width: calc(100% - 340px);
}
.manu2 > .manu_box {
  margin: 0 130px 0 260px;
}
.page_btn {
  padding: 180px 0;
  text-align: center;
}
.page_btn.recruit_btn {
  padding: 70px 0 !important;
  text-align: center;
}
.page_btn .btn_l {
  display: inline-block;
  padding: 22px 180px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #86806a;
  font-size: 2rem;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-decoration: none;
}
.page_btn .btn_l:hover {
  opacity: .7;
  transition: .6;
}
/*
company_tit
____________________________*/
.comapny_info_box {
  display: flex;
  justify-content: space-between;
}
.comapny_info_box li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.comapny_info_box li:nth-child(1) {
  width: 65%;
}

.comapny_info_box li:nth-child(2) {
  width: 33%;
}
.company_tit {
  margin: 0 0 50px 0 !important;
  line-height: 1;
}
.company_tit .h3_above {
  color: #333;
  font-size: 3.6rem !important;
}
.company_tit h3 {
  font-size: 2rem !important;
}
.company_margin {
  margin: 0 80px;
}
.btm_bar {
  border-bottom: 1px solid #ccc;
  padding: 80px 0;
}
.btm_bar_none {
  border-bottom: none;
  padding: 80px 0 130px;
}
.history2009 {
  padding: 52px 62px;
  background-color: #f3f3f3;
}
.history2009 h6 {
  font-size: 1.3rem;
}
.history2009 p {
  font-size: 1rem;
}
.history2009_img {
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
  padding: 0 !important;
}
.history2009_img > li {
  width: 18%;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
}
.message_box li:nth-child(1) {
  width: 230px;
  margin-right: 50px;
}
.message_box li:nth-child(2) {
  width: calc(100% - 300px);
}
.message_box li:nth-child(1) img {
  width: 100%;
  height: auto;
}
.message_box {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.message_box li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.message_box p, .philosophy p {
  font-size: 1.2rem;
  line-height: 1.8;
}
/*
product_tit
_____________________*/
h3.product_tit {
  font-size: 2rem !important;
  font-weight: 600;
  border-left: 6px solid #807f69;
  padding-left: 20px;
  margin-bottom: 20px;
}
.product_flex {
  padding: 100px 0 0;
}
.porduct_card .top_product_txt,
.common_product .porduct_card .top_product_txt {
  min-height: 200px;
}
.common_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 20px;
  margin: 0;
}
.common_flex li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 47%;
}
.common_flex .porduct_card .top_product_tit {
  min-height: 4em;
}
.common_flex .porduct_card .top_product_txt {
  position: relative;
  display: block;
  padding: 10px 30px;
  min-height: 4em;
}
.badge_box {
  text-align: center;
  padding: 20px 0 40px;
}
.badge_gold {
  display: inline-block;
  background-color: #807f6a;
  color: #fff;
  text-align: center;
  padding: 0 90px;
  font-size: 1.7rem;
}
.products_other {
  padding: 0 0 100px;
}
.recruit_msg {
  padding: 20px 0;
}
.recruit_msg h4 {
  border-left: none;
  padding: 0;
  margin: 0 0 10px;
  text-align: center;
}
dl.recruit_box {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
}
dl.recruit_box dt {
  width: 20%;
  padding: 10px 60px;
  background-color: #828069;
  color: #fff;
  margin: 0 2% 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
dl.recruit_box dt span {
  width: 100%;
  text-align-last: justify;
}
dl.recruit_box dd {
  width: 77%;
  padding: 10px 40px;
  background-color: #e3e3e3;
  margin: 0 0 10px 0;
}
.quality_cont {
  width: 960px;
  margin: 0 auto;
  padding: 2rem 0 !important;
}
.quality_cont h3 {
  text-align-last: justify;
  width: 100%;
}
.quality_cont h4 {
  font-size: 2.1rem;
  margin: 1em 0 .7em 0;
}
.quality_cont p {}
/*

mv animation

_____________________*/
.mv > .bxslider > li {
  width: 100%;
  height: 41.3vh;
  overflow: hidden;
}
.mv1_pc, .mv2_pc, .mv3_pc, .mv1_sp, .mv2_sp, .mv3_sp {
  position: relative;
}
.mv1_pc_txt {
  position: absolute;
  width: 28.5% !important;
  height: 30.8% !important;
}
.mv2_pc_txt {
  position: absolute;
  width: 100% !important;
  height: 27% !important;
  left: 0;
}
.mv3_pc_txt {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
/*

mv active-slide
______________________*/
.mv1_pc_txt {
  transition: all 1s 0s ease;
  opacity: 0;
  top: 20.1%;
  z-index: 9;
}
.active-slide .mv1_pc_txt {
  opacity: 1;
  top: 16.1%;
  left: 9.2%;
}
.mv1,.mv2,.mv3,.mv3_pc_txt {
  animation: animationZoom1 7s ease-in-out forwards;
}
@keyframes animationZoom1 {
  100% {
    transform: scale(1.1)
  }
}
/*--------------------------------*/
.mv2_pc_txt {
  transition: all 1s 0s ease;
  opacity: 0;
  bottom: 5%;
  z-index: 9;
}
.active-slide .mv2_pc_txt {
  opacity: 1;
  bottom: 8%;
}

/*--------------------------------*/

.mv3_pc_txt {
  transition: all 1s 0s ease;
  opacity: 0;
  left: -2%;
  bottom: 13%;
  z-index: 9;
}
.active-slide .mv3_pc_txt {
  opacity: 1;
  left: 0;
}

/*--------------------------------*/

.onestop_page_btn {
  border-bottom: 1px solid #ccc;
}
.quality_margin {
  padding-bottom: 0;
}
.footer_flex {
  display: flex;
  justify-content: center;
}
.pagetop {
  width: 70px;
  height: 70px;
  position: fixed;
  right: 20px;
  bottom: -100px;
  z-index: 999;
}