@charset "UTF-8";/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/main {
 /* HTML5 display-role reset for older browsers */;
}

main div,main span,main applet,main object,main iframe,main h1,main h2,main h3,main h4,main h5,main h6,main p,main blockquote,main pre,main a,main abbr,main acronym,main address,main big,main cite,main code,main del,main dfn,main em,main img,main ins,main kbd,main q,main s,main samp,main small,main strike,main strong,main sub,main sup,main tt,main var,main b,main u,main i,main center,main dl,main dt,main dd,main ol,main ul,main li,main fieldset,main form,main label,main legend,main table,main caption,main tbody,main tfoot,main thead,main tr,main th,main td,main article,main aside,main canvas,main details,main embed,main figure,main figcaption,main footer,main header,main hgroup,main menu,main nav,main output,main ruby,main section,main summary,main time,main mark,main audio,main video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

main ol,main ul {
  list-style: none;
}

main blockquote,main q {
  quotes: none;
}

main blockquote:before,main blockquote:after,main q:before,main q:after {
  content: '';
  content: none;
}

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

main {
	display: block;
}

.sp-only {
  display: none !important;
}

.pc-only {
  display: block !important;
}

.sa {
  opacity: 0;
  transition: .6s ease;
}

.sa.-up {
  transform: translateY(30px);
}

.sa.-right {
  transform: translateX(30px);
}

.sa.-left {
  transform: translateX(-30px);
}

.sa.is-show {
  opacity: 1;
  transform: none;
}

/*191205*/
#bijioux {
  font-size: 62.5%;
  border-bottom: 1px solid #eee;
}
#bijioux main {
  width: 850px;
  margin: auto;
}
main {
/*191205*/
  /*margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;*/
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  font-family: 'Kosugi', sans-serif;
  text-align: left;
  /*display: inline-block;*/
}

main a {
  color: inherit;
  text-decoration: none;
}

main a:link {
  text-decoration: none;
}

main a:visited {
  color: inherit;
}

main img {
  display: inline-flex;
  max-width: 100%;
  height: auto;
}

.page-nav {
  margin-bottom: 37px;
  padding: 0 30px;
}

.page-nav__items {
  display: flex;
}

.page-nav__item {
  width: 116px;
}

.page-nav__item + .page-nav__item {
  margin-left: 1px;
}

.page-nav__item a {
  display: block;
  font-size: 11px;
  line-height: 3.45455;
  text-align: center;
  border-radius: 4px;
  background: rgba(229, 204, 217, 0.5);
}

.page-nav__item a:hover {
  opacity: .5;
}

.page-nav__item.-w166 {
  width: 166px;
}

.page-nav__item.-current {
  pointer-events: none;
}

.page-nav__item.-current a {
  background: #E5CCD9;
}

.heading-1 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 2.5;
  color: #7e003f;
  border-bottom: 1px solid #d6d6d6;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.heading-1::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 15px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #7e003f;
}

.heading-2 {
  position: relative;
  margin-bottom: 19px;
  padding-bottom: 18px;
  font-size: 25px;
  line-height: 1.4;
  color: #7e003f;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  letter-spacing: 3.5px;
  text-indent: 3.5px;
}

.heading-2::after {
  content: '';
  position: absolute;
  width: 425px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d6d6d6;
}

/*191219*/
.section-1 .l-wrapper{
  width: 850px;
  min-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.section-1 + .section-1 {
  margin-top: 58px;
}

.box-1 {
  margin-bottom: 41px;
}

.box-1__txt {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.pagetop-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 100px;
  font-size: 10px;
  line-height: 1.6;
}

.pagetop-btn::after {
  content: '';
  margin-left: 4px;
  border-style: solid;
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent #09988D transparent;
}

/* trend */

.trend {
  padding: 0 30px;
  box-sizing: border-box;
}

.trend__head {
  margin-bottom: 23px;
  font-size: 18px;
  line-height: 1.4;
  color: #7e003f;
  text-align: center;
}

.trend__items {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 91px;
}

.trend__items::after {
  content: '';
  position: absolute;
  width: 543px;
  height: 91px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../../images/trend/icn_trend_1.png) no-repeat center/contain;
}

.trend__item {
  width: 250px;
}

.trend__item dt {
  font-size: 16px;
  line-height: 3.25;
  color: #fff;
  text-align: center;
  background: #7e003f;
}

.trend__item dd {
  padding: 22px 30px 16px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.35;
  border: 1px solid #d6d6d6;
  border-top: none;
}

.trend__item dd p + p {
  margin-top: 16px;
}

.trend__lead {
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
}

.trend__articles {
  display: flex;
  justify-content: space-between;
}

.trend__article {
  width: 250px;
}

.trend__article a {
  display: block;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
}

.trend__article a:hover {
  opacity: .7;
}

.trend__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 166px;
}

.trend__heading.-trend-1 {
  background: url(../../images/trend/bg_trend_1.jpg) no-repeat center/cover;
}

.trend__heading.-trend-2 {
  background: url(../../images/trend/bg_trend_2.jpg) no-repeat center/cover;
}

.trend__heading.-trend-3 {
  background: url(../../images/trend/bg_trend_3.jpg) no-repeat center/cover;
}

.trend__heading span {
  width: 127px;
  font-size: 15px;
  line-height: 2.93333;
  color: #7e003f;
  text-align: center;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.8);
}

.trend__heading span::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  transform: translateX(13px);
  background: url(../../images/trend/icn_arrow_1.png) no-repeat center/contain;
}

.trend__description {
  padding: 15px 10px 20px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.trend-design {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 740px;
  margin: 40px auto 0;
}

.trend-design__item {
  width: 340px;
  margin-bottom: 40px;
}

.trend-design__heading {
  margin-bottom: 17px;
  font-size: 16px;
  line-height: 1.4;
  color: #7e003f;
}

.trend-design__heading::before {
  content: '●';
}

.trend-design__image {
  width: 100%;
  margin-bottom: 17px;
}

.trend-design__image img {
  width: 100%;
}

.trend-design__txt {
  font-size: 13px;
  line-height: 1.2;
}

.trend-detail {
  display: flex;
   display:-ms-flexbox;
}

.trend-detail__item {
  display: flex;
  order: 1;
  flex-direction: column;
  background: #7e003f;
    flex: 2;
}

.trend-detail__head {
  font-size: 20px;
  line-height: 3.1;
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-indent: 3px;
}

.trend-detail__data {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 21px 25px;
  background: #f2e5ec;
}

.trend-detail__data dt {
  margin-bottom: 13px;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 2px;
}

.trend-detail__data dd {
  display: flex;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.4;
}

.trend-detail__data dd + dd {
  margin-top: 13px;
}

.trend-detail__data dd span {
  margin-right: 19px;
  font-size: 27px;
  line-height: 1.4;
  transform: translateY(-2px);
}

.trend-detail__image {
  flex-shrink: 0;
  width: 511px;
}

.trend-detail__image img {
  width: 100%;
}

.trend-material {
  display: flex;
}

.heading-1 + .trend-material {
  margin-top: 35px;
}

.trend-material.-col-2 {
  flex-direction: column;
  align-items: center;
}

.trend-material__item + .trend-material__item {
  margin-left: 21px;
}

.-col-2 > .trend-material__item {
  text-align: center;
}

.trend-material__description {
  min-height: 48px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.trend-material__images {
  display: flex;
}

.trend-material__images.-trend-detail {
  justify-content: center;
}

.trend-material__image {
  display: block;
    width: max-content;
}

.trend-material__image:hover {
  opacity: .7;
}

.trend-material__image figure {
  display: block;
  margin-bottom: 12px;
}

.trend-material__image img {
  width: 100%;
}

.trend-material__image span {
  display: block;
  font-size: 10px;
  line-height: 1.3;
}

.trend-material__image span strong {
  display: block;
  width: 54px;
  margin-bottom: 5px;
}

.trend-material__image span strong img {
  width: 100%;
}

.trend-material__image.-portrait {
  position: relative;
  flex-shrink: 0;
  width: 65px;
  padding-bottom: 56px;
}

.trend-material__image.-portrait span {
  position: absolute;
  min-width: 10em;
  top: 142px;
  left: 0;
}

.-portrait + .trend-material__image span {
  padding-left: 13px;
}

.-trend-detail > .trend-material__image span {
  text-align: left;
}

.trend-cordinate {
  display: flex;
  flex-wrap: wrap;
  margin-top: 33px;
}

.trend-cordinate__item {
  width: 50%;
  margin-bottom: 58px;
}

.trend-cordinate__item.-type-4 {
  flex-direction: column;
}

.trend-cordinate__heading {
display: inline-block;
    width: 175px;
    margin: 0 0 13px 44px;
    font-size: 12px;
    line-height: 2.875;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2.1px;
}

.-type-1 > .trend-cordinate__heading {
  background: #d2c690;
}

.-type-2 > .trend-cordinate__heading {
  background: #c4cee1;
}

.-type-3 > .trend-cordinate__heading {
  background: #d6bdd3;
}

.-type-4 > .trend-cordinate__heading {
  margin-bottom: 22px;
  background: #c5a3c0;
}

.trend-cordinate__image {
  position: relative;
  margin: auto 0 13px;
  min-height: 0%;
}

.trend-cordinate__image::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #000;
}

.trend-cordinate__image img {
  margin: 0 auto;
}

.-type-1 > .trend-cordinate__image img {
  width: 288px;
}

.-type-2 > .trend-cordinate__image img {
  width: 219px;
}

.-type-3 > .trend-cordinate__image img {
  width: 375px;
}

.-type-4 > .trend-cordinate__image img {
  width: 442px;
}

.trend-undulate {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;
}

.trend-undulate__fig img {
  width: 100%;
  margin-bottom: 20px;
}

.trend-undulate__fig figcaption {
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1.4;
}

.trend-undulate__fig.-type-1 {
  width: 382px;
}

.trend-undulate__fig.-type-2 {
  width: 404px;
}

.tendency {
  margin-top: 93px;
}

.tendency__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d6d6d6;
}

.tendency__item + .tendency__item {
  margin-top: 87px;
}

.tendency__detail {
  width: 272px;
}

.tendency__detail.-type-1 {
  padding-top: 15px;
}

.tendency__detail.-type-2 {
  padding-top: 28px;
}

.tendency__detail.-type-3 {
  padding-top: 31px;
}

.tendency__detail.-type-4 {
  padding-top: 60px;
}

.tendency__detail.-type-5 {
  padding-top: 33px;
}

.tendency__detail.-type-6 {
  padding-top: 45px;
}

.tendency__detail.-type-7 {
  padding-top: 54px;
}

.tendency__detail.-type-8 {
  padding-top: 52px;
}

.tendency__heading {
  display: flex;
  margin-bottom: 24px;
  padding-left: 22px;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 2.5px;
}

.tendency__heading small {
  margin-left: 12px;
  font-size: 12px;
  line-height: 2.91667;
}

.-type-1 > .tendency__heading {
  background: #d6d6d6;
}

.-type-2 > .tendency__heading {
  background: #c4cee1;
}

.-type-3 > .tendency__heading {
  background: #dad4b0;
}

.-type-4 > .tendency__heading {
  background: #d2c690;
}

.-type-5 > .tendency__heading {
  background: #d6bed3;
}

.-type-6 > .tendency__heading {
  background: #c5a3c0;
}

.-type-7 > .tendency__heading {
  background: #c6dcdb;
}

.-type-8 > .tendency__heading {
  background: #a9cbca;
}

.tendency__heading.-wide small {
  letter-spacing: 1em;
}

.tendency__data {
  padding-left: 20px;
}

.tendency__data dt {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.4;
}

.tendency__data dd {
  font-size: 12px;
  line-height: 1.4;
}

.tendency__image img {
  width: 100%;
}

.-type-1 + .tendency__image {
  width: 463px;
}

.-type-2 + .tendency__image {
  width: 478px;
  margin-right: 14px;
}

.-type-3 + .tendency__image {
  width: 364px;
  margin-right: 77px;
}

.-type-4 + .tendency__image {
  width: 399px;
  margin-right: 5px;
}

.-type-5 + .tendency__image {
  width: 508px;
}

.-type-6 + .tendency__image {
  width: 526px;
}

.-type-7 + .tendency__image {
  width: 459px;
}

.-type-8 + .tendency__image {
  width: 480px;
}

.trend-simulation__item {
  position: relative;
  padding-bottom: 42px;
}

.trend-simulation__item::after {
  content: '';
  position: absolute;
  width: 810px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d6d6d6;
}

.trend-simulation__item + .trend-simulation__item {
  margin-top: 37px;
}

.trend-simulation__intro {
  display: flex;
  margin-bottom: 32px;
  padding: 0 40px 0 87px;
  box-sizing: border-box;
}

.trend-simulation__heading {
  flex-shrink: 0;
  width: 166px;
  margin-right: 30px;
}

.trend-simulation__heading img {
  width: 100%;
}

.trend-simulation__lead {
  padding-top: 10px;
}

.trend-simulation__lead dt {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.4;
  color: #7e003f;
}

.trend-simulation__lead dd {
  font-size: 12px;
  line-height: 1.4;
}

.trend-sash {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -34px;
  padding: 0 38px;
}

.trend-sash__item {
  width: 349px;
  margin-bottom: 34px;
}

.trend-sash__heading {
  width: 100%;
  margin-bottom: 15px;
}

.trend-sash__heading img {
  width: 100%;
}

.trend-sash__txt {
  font-size: 12px;
  line-height: 1.4;
}

.trend-parts__item + .trend-parts__item {
  margin-top: 49px;
}

.trend-parts__heading {
  display: flex;
  align-items: center;
  padding: 0 37px;
  font-size: 14px;
  line-height: 1.4;
}

.trend-parts__heading span {
  width: 82px;
  margin-right: 17px;
  font-size: 14px;
  line-height: 2.64286;
  text-align: center;
  letter-spacing: 1em;
  text-indent: 1em;
  border-radius: 18px;
}

.trend-parts__heading.-type-1 {
  margin-bottom: 28px;
}

.trend-parts__heading.-type-1 span {
  background: #d4c9ae;
}

.trend-parts__heading.-type-2 {
  margin-bottom: 19px;
}

.trend-parts__heading.-type-2 span {
  background: #eddacb;
}

.trend-parts__exanples {
  display: flex;
  justify-content: space-between;
}

.trend-parts__exanples.-door {
  padding: 0 64px;
}

.trend-parts__exanples.-style {
  padding: 0 23px 0 21px;
}

.trend-parts__exanple + .trend-parts__exanple {
  position: relative;
}

.trend-parts__exanple + .trend-parts__exanple::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 31px;
  transform: translateY(-50%);
  background: url(../../images/trend/icn_arrow_2.png) no-repeat center/contain;
}

.trend-parts__exanple dt {
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.-door > .trend-parts__exanple {
  width: 292px;
}

.-door > .trend-parts__exanple + .trend-parts__exanple::before {
  top: 51.8%;
  left: -78px;
}

.-style > .trend-parts__exanple {
  width: 367px;
}

.-style > .trend-parts__exanple + .trend-parts__exanple::before {
  top: 42.6%;
  left: -41px;
}

.-style > .trend-parts__exanple dt {
  position: absolute;
  opacity: 0;
  top: 0;
}

.-point > .trend-parts__exanple {
  width: 404px;
}

.-point > .trend-parts__exanple + .trend-parts__exanple::before {
  top: 52.6%;
  left: -30px;
}

.trend-parts__image {
  width: 100%;
}

.trend-parts__image img {
  width: 100%;
}

.trend-parts__image figcaption {
  margin-top: 17px;
  font-size: 12px;
  line-height: 1.4;
}

.trend-parts__image.-style figcaption {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.trend-parts__image.-point figcaption {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }

  .sa.-sp-up {
    transform: translateY(30px);
  }

  .sa.is-show {
    transform: none;
  }
}

/*sheathing*/
#shea .heading-1 , #shea .heading-2 , #exx .heading-2 {
    color: #466613;
}
#shea .heading-1::before {
    background: #466613;
}
.sheathing-box{
background: #ECEFE7;
padding: 15px;
position: relative;
/*要素内の余白は消す*/
padding:20px;
margin-bottom: 60px;
}

.sheathing-box h3{
font-size: 18px;
font-weight: 580;
color: #466613;
    margin-left: 90px;
    margin-bottom: 30px;
}

.sheathing-box-inline{
    display: flex;
    font-size: 12px;
}

.she1-box1{
margin-right: 15px;
font-size: 12px;
}
.she1-box1:last-child{
margin-right: 0;
}

.she1-box1 h4{
    font-size: 15px;
    color: #466613;
    margin-bottom: 15px;
}

.btn-gradient-radius {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #466613;
  background: #FFF;
  border: 1px solid;
  margin: 10px 0 0;
  transition: .4s;
}

.btn-gradient-radius:hover {
  background: #466613;
    color: #FFF;
}

.she-step__heading{
    position: absolute;
    top: -25px;
    left: 20px;
}
.sheathing-box::after{
    background: url(../../images/sheathing/sh_arrow.png) no-repeat center/contain;
    position: absolute;
    content: "";
    left: 50%;
    bottom: -45px;
    width: 34px;
    height: 32px;
    margin-left: -17px;
}
.sheathing-box:last-child::after{
    background: none;
}
.she3col{
    flex: 1;
}

.casestudy-box{
        margin: 2em 0 0;
    border: 1px solid #456511;
    background: #FFF;
}
.casestudy-box-title{
    font-size: 16px;
    background: #456511;
    padding: 4px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.casestudy-box-inline{
padding: 20px;
font-size: 13px;
}
.casestudy-box-image{
    display: flex;
}
.casestudy-box-image figure{
    flex: 1;
}

.sheathing-end-plan__item{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d6d6d6;
}
.sheathing-end-plan__detail {
    width: 360px;
}
.sheathing-end-plan__heading{
    margin-top: 44px;
}
.sheathing-end-plan__detail p{
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}
.casestudy-box-inline h4{
        color: #456511;
    font-size: 15px;
}

.she-step2-image{
    margin-top: 15px;
}

.sec02-box{
    background: #EBEDE3;
    position: relative;
    padding: 20px;
    font-size: 13px;
    overflow: hidden;
    margin-top: 50px;
}
.sec02-box h4{
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 35px;
    background: #466613;
    color: #FFF;
    font-size: 16px;
}

.sec02-box-inline1{
    float: left;
    width: 30%;
    padding: 55px 25px 0;
}
.sec02-box-inline2{
    float: left;
    width: 60%;
}

.sec02-box-inline1 figure,.sec02-box-inline2 figure{
    text-align: center;
}

.sec01-box{
    background: #EBEDE3;
    position: relative;
    padding: 20px;
    font-size: 13px;
    overflow: hidden;
    margin-top: 50px;
}
.sec01-box h4{
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 35px;
    background: #466613;
    color: #FFF;
    font-size: 16px;
}

.sec01-box-inline1{
    float: left;
    width: 61%;
    padding: 55px 10px 0 0;
}
.sec01-box-inline2{
    float: left;
    width: 37%;
    margin-top: 50px;
}

.sec01-box-inline1 figure,.sec01-box-inline2 figure{
    text-align: center;
}
.sec01-sbox{
    display: flex;
    margin-top: 50px;
}
.sec01-sbox-inline1{
        flex: 1;
        padding: 10px;
}
.sec01-box figcaption span{
    font-weight: bold;
}
#bijioux #parts .navBox, #bijioux #shea .navBox {
    background-color: #ebede3;
    text-align: center;
    color: #466613;
    font-size: 12px;
}

/* sheathing09 */
.she09-point{
    border-radius: 40px;
    background: #ffa500;
    padding: 5px;
    width: 350px;
    display: block;
    text-align: center;
    color: #FFF;
    margin: 0 auto;
}

.she09-title-point{
    font-size: 20px;
    color: #466613;
    text-align: center;
    margin: 25px 0 10px;
}
.she09-list{
    padding: 0.5em;
    background: #f5faff;
    margin-bottom: 35px;
}
.she09-list ol {
    counter-reset: my-counter;
    list-style: none;
    width: 450px;
    margin: 0 auto;
}
 
.she09-list li {
    padding-left: 30px;
    position: relative;
    color: #466613;
}
.she09-list li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #466613;
    color: #fff;
    display: block;
    float: left;
    line-height: 22px;
    margin-left: -30px;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 50%;
}
.she09-title-point2 {
    font-size: 20px;
    color: #466613;
    text-align: center;
    margin: 25px 0;
}
.she09-box3{
    width: 550px;
    float: left;
    margin-left: 25px;
}
.she09-box3 h4{
    margin-left: 20px;
}
.she09-box3-inline {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    float: left;
    font-size: 12px;
    }
.she09-item{
        width: 40%;
    text-align: center;
    padding-top: 30px;
}
.she09-box3-wrp{
        margin-bottom: 55px;
    display: inline-flex;
}

.she09-point3-box{
     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.she09-design__item{
    width: 50%;
    margin-bottom: 40px;
    text-align: center;
}
.she09-design__heading{
        font-size: 14px;
}
.she09-design__txt{
        font-size: 12px;
        padding: 15px 0;
}

.she09-col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.she09-col_2 > div{
    width: 50%;
    padding: 0 0 25px 0;
    font-size: 12px;
    line-height: 1;
}
.she09-col_2 > div > p{
   padding: 10px 0;
}
#bijioux .waketech dt{
        font-size: 14px;
    background: #e4e4e4;
    color: #466613;
    padding: 5px 10px;
    font-weight: bold;
}
.sec07{
    font-size: 12px;
}
#bijioux .waketech{
    margin-bottom: 65px;
}
.l-line-dot{
        border-left: 1px dotted #CCC;
}

.sec03-box {
    position: relative;
    padding: 20px;
    font-size: 13px;
    overflow: hidden;
    margin-top: 50px;
    border: 1px solid #CCC;
}
.sec03-box-inline1{
        float: left;
    width: 41%;
    padding: 55px 10px 0 0;
}

.sec03-box-inline1 li{
padding-left: 0px;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 10px;
}
.sec03-box-inline2{
        float: right;
}
.sec03-box h4 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    width: 200px;
    text-align: center;
}

.sec03-box-inline1 h5{
        font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.5;
    font-weight: bold;
}
.sec03-box h4.sec03-text1 {
    background: #B5B6B6;
}
.sec03-box h4.sec03-text2 {
    background: #E4A49E;
}
.sec03-box h4.sec03-text3 {
    background: #D8BB9B;
}
.sec03-box h4.sec03-text4 {
    background: #9ABDDB;
}
.sec03-box h4.sec03-text5 {
    background: #A5C7A5;
}

.sec03-point-box{
    margin-top: 80px;    
}
.sec03-point{
    border-radius: 40px;
    background: #ffa500;
    padding: 5px;
    width: 350px;
    display: block;
    text-align: center;
    color: #FFF;
    margin: 0 auto;
}
.sec03-title-point{
        font-size: 20px;
    color: #466613;
    text-align: center;
    margin: 25px 0 10px;
    border-bottom: 1px dotted;
    padding-bottom: 15px;
}
.sec03-point3-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec03-design__item {
    width: 50%;
    margin-bottom: 40px;
    text-align: center;
}
.sec03-design__item + .sec03-design__item::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 31px;
    transform: translateY(-50%);
    background: url(../../images/trend/icn_arrow_2.png) no-repeat center/contain;
}
.sec03-design__item + .sec03-design__item {
    position: relative;
}
.sec03-design__item + .sec03-design__item::before {
    top: 60%;
    left: -10px;
}

.sec03-point-end dl{
  display:flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: none;
    font-size: 12px;
}
.sec03-point-end dt{
  background: #ddd;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc; 
    font-size: 12px;
        justify-content: space-between;
    align-items: center;
}
.sec03-point-end dd{
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
  width: 70%;
  background: #fff;
  box-sizing: border-box;
    font-size: 12px;
}

.sec021-box{
    font-size: 12px;
}
.sec021-box-inline{
display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec022-box{
    font-size: 12px;
}

.sec022-box h3{
font-size: 16px;
    font-weight: bold;
    color: #466613;
}

.sec022-box h3 span{
    background: #466613;
    padding: 5px;
    margin-right: 15px;
    border-radius: 15px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
}
.sec022-bd{
        border-right: 1px dotted #999999;
    padding-right: 20px;
}

.sec05__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 35px;
}
.sec05__detail {
    width: 200px;
    font-size: 12px;
}
.sec05__heading {
    background: #d6d6d6;
}

.sec05__heading {
    margin-bottom: 20px;
    padding: 6px;
    font-size: 12px;
    text-align: center;
}
.sec05__data {
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
}
.sec05__image figcaption{
    font-size: 12px;
    padding: 5px;
}

/* parts*/
.parts__titl {
padding: 10px;
    text-align: center;
    color: #FFF;
    background: #466613;
    font-size: 18px;
    margin-bottom: 5px;
}
.parts__titl span {
    font-size: 12px;
    margin-right: 15px;
}
.parts-box{    display: inline-flex;
    margin-bottom: 45px;
}
.parts-box-inline{
    font-size: 12px;
}
.parts-box-inline img{
    max-width: none;
}
.partsUnitbox{
    margin-bottom: 40px;
    border-bottom: 1px dotted #999;
    padding-bottom: 20px;
}
.partsUnitboxInner{
    font-size: 12px;
}
.partsUnitboxInner h4{
    padding: 31px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin-right: 20px;
    height: 110px;
    position: relative;
    font-size: 12px;
}
.partsUnitboxInner ul{
        width: 320px;
}
.parts_ttl1{
    background: #E1CA8A;
    color: #FFF;
}
.parts_ttl2{
    background: #804E21;
    color: #FFF;
}
.parts_ttl3{
    background: #F9F9F9;
    color: #252525;
}
.parts_ttl4{
    background: #C9C9CA;
    color: #FFF;
}
.parts_ttl5{
    background: #231916;
    color: #FFF;
}

/* eco */
.eco__items {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 91px;
align-items: flex-start;
}
.eco__item {
    width: 250px;
}

#eco {
font-size: 13px;
}

#eco .heading-1{
    color: #75a12c;
}
#eco .heading-1::before {
    background: #75a12c;
}

#eco .heading-2{
    color: #75a12c;
}
.eco-box{
　display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
align-items: flex-start;
}

.eco__intro{
    width: 65%;
    margin-right: 15px;
}
.eco__intro p{
    text-align: center;
    background: #75a12c;
    color: #FFF;
    margin: 15px 0;
    border-radius: 20px;
    font-size: 16px;
}

.eco__intro dt{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 11px;
    color: #75a12c;
}

.eco__intro dd{
    margin-bottom: 30px;
}
.eco-color{
margin: 2em 0 0;
border: 1px solid #75a12c;
}

.eco-color-title{
font-size: 13px;
background: #75a12c;
padding: 4px;
text-align: center;
color: #FFF;
letter-spacing: 0.05em;
}

.eco-color figure{
display: flex;
align-items: flex-start;
padding: 10px;
}

.eco-color figcaption{
padding: 15px;
}

.eco-color-title{
    font-size: 13px;
    background: #75a12c;
    padding: 4px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.eco-scenery__image{
    text-align: center;
    margin-bottom: 15px;
}
.eco-point h3{
    padding: 35px 0 25px;
}


.eco-point {
    margin-right: 30px;
}


#exx .heading-1 , #shea .heading-2,#parts .heading-1,#parts .heading-2 {
    color: #466613;
}
#exx .heading-1::before ,#parts .heading-1::before {
    background: #466613;
}
#exx .heading-1{
     margin-top: 30px;
}
#exx p{
    font-size: 12px;
    padding-bottom: 30px;
}

/* style 8*/
#style_bLocalNav ul{
    margin: 0 0 15px 0;
    display: flex;
}

#style_bLocalNav li{
    margin-left: 1px;
}

#style8sub ul{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
#style8sub li{
width: 270px;
    border: 1px solid #CFCFCF;
    font-size: 12px;
    margin-right: 11px;
    margin-bottom: 30px;
}
#style8sub li h3{
    padding: 15px;
    font-size: 18px;
    line-height: 1.6em;
}
#style8sub li p{
    padding: 0 15px 20px;
}
.style8_swiper,.style8_map_img{
    margin-bottom: 35px;
}

.style8_map_img {
    text-align: center;
}
.style8_map_img p{
    font-size: 12px;
    padding: 15px 0;
}

.style8column {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.style8column__item {
  box-sizing: border-box;
  flex: 0 1 calc((100% / 3) - 10px); /* カラム間の隙間の分を引く */
  padding: 10px;
  margin-top: 10px; /* カラム間の隙間 */
  margin-left: 10px; /* カラム間の隙間 */
}

#style8_tab{
    display: flex;
    background: #000;
        padding: 8px 0 8px 25px;
    color: #FFF;
    font-size: 14px;
    margin-bottom: 30px;
}

#style8_tab dt{
        margin-right: 35px;
}


#style8_tab dd{
    padding: 0px 12px;
    font-size: 13px;
    margin-right: 10px;
}

#style8_tab dd a{
  display: block;
  position: absolute;
}

/*オーセンティック---------------------------------------------------------------------------------*/

#bijioux .styletab06{
	background-color:#CCC;
}

.style8_tab0 a{
	background:url(../../images/style/style8_tab00.gif) 0 0 no-repeat;
	width:255px;
}

.style8_tab0 a:hover{
	background:url(../../images/style/style8_tab00.gif) 0 -44px no-repeat;
}

.style8_tab1 a{
	background:url(../../images/style/style8_tab01.gif) 0 0 no-repeat;
	width:177px;
}

.style8_tab1 a:hover{
	background:url(../../images/style/style8_tab01.gif) 0 -44px no-repeat;
}

.style8_tab2 a{
	background:url(../../images/style/style8_tab02.gif) 0 0 no-repeat;
	width:178px;
}

.style8_tab2 a:hover{
	background:url(../../images/style/style8_tab02.gif) 0 -44px no-repeat;
}

.style8_tab3 a{
	background:url(../../images/style/style8_tab03.gif) 0 0 no-repeat;
	width:93px;
}

.style8_tab3 a:hover{
	background:url(../../images/style/style8_tab03.gif) 0 -44px no-repeat;
}

.style8_tab4 a{
	background:url(../../images/style/style8_tab04.gif) 0 0 no-repeat;
	width:104px;
}

.style8_tab4 a:hover{
	background:url(../../images/style/style8_tab04.gif) 0 -44px no-repeat;
}

#tab a {
    height: 44px;
}

.yesno {
height: 350px;
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #CCC;
    margin-bottom: 35px;
}
.yesno ul li {
    list-style: none;
    float: left;
    text-align: center;
    display: block;
    font-size: 120%;
    color: #333A40;
}
.positionFit {
    position:absolute;
    left: 0px;
    top: 0;
    height: 320px;
}
.col_1 li {
    width: 99%;
    margin: 1%;
}
.col_2 li {
    width: 48%;
    margin: 1%;
}
.col_3 li {
    width: 31%;
    margin: 1%;
}
.yesno ul li a {
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    background-color: #75a12c;
    padding: 10px 0;
    border-radius: 55px;
    margin-top: 270px;
    font-size: 14px;
}
.yesno div {
    clear: both;
    width: 100%;
}
.yesno ul li a:hover {
    background-color: #000;
}

#q_01{
    background: url("../../images/top/top_bk_q1.jpg") no-repeat 0 0;
    
}

#q_01_A{
    background: url("../../images/top/top_bk_q2.jpg") no-repeat 0 0;
    
}
#q_02_A{
    background: url("../../images/top/top_bk_q3.jpg") no-repeat 0 0;
}
#q_02_B{
    background: url("../../images/top/top_bk_q4.jpg") no-repeat 0 0;
}
#q_03_A{
    background: url("../../images/top/top_bk_q5.jpg") no-repeat 0 0;
}
#q_03_B{
    background: url("../../images/top/top_bk_q6.jpg") no-repeat 0 0;
}
#q_03_C{
    background: url("../../images/top/top_bk_q7.jpg") no-repeat 0 0;
}
#q_03_D{
    background: url("../../images/top/top_bk_q8.jpg") no-repeat 0 0;
}
#q_03_E{
    background: url("../../images/top/top_bk_q9.jpg") no-repeat 0 0;
}
#q_03_F{
    background: url("../../images/top/top_bk_q10.jpg") no-repeat 0 0;
}
#q_04_A{
    background: url("../../images/top/top_bk_a1.jpg") no-repeat 0 0;
}
#q_04_B{
    background: url("../../images/top/top_bk_a2.jpg") no-repeat 0 0;
}
#q_04_C{
    background: url("../../images/top/top_bk_a3.jpg") no-repeat 0 0;
}
#q_04_D{
    background: url("../../images/top/top_bk_a4.jpg") no-repeat 0 0;
}
#q_04_E{
    background: url("../../images/top/top_bk_a5.jpg") no-repeat 0 0;
}
#q_04_F{
    background: url("../../images/top/top_bk_a6.jpg") no-repeat 0 0;
}
#q_04_G{
    background: url("../../images/top/top_bk_a7.jpg") no-repeat 0 0;
}
#q_04_H{
    background: url("../../images/top/top_bk_a8.jpg") no-repeat 0 0;
}

#q_01 ul li a,
#q_04_A ul li a, 
#q_04_B ul li a,
#q_04_C ul li a,
#q_04_D ul li a,
#q_04_E ul li a,
#q_04_F ul li a,
#q_04_G ul li a,
#q_04_H ul li a{
    color: #FFF;
    text-decoration: none;
    display: block;
    background-color: #75a12c;
    padding: 15px 0;
    border-radius: 35px;
    top: -35px;
    position: relative;
    left: 35px;
    width: 250px;
    font-size: 14px;
}


.etc_box {
    width: 802px;
    height: 1000px;
    background: url("../../images/etc/etc_img04.jpg?2") no-repeat;
    margin: 0 auto;
    position: relative;
}
.etc_bt01, .etc_bt02, .etc_bt03, .etc_bt04, .etc_bt05, .etc_bt06{
    position: absolute;
}

.etc_bt01 {
    left: 70px;
    top: 177px;
}

.etc_bt02 {
    left: 70px;
    top: 257px;
}

.etc_bt03 {
    left: 70px;
    top: 805px;
}

.etc_bt04 {
    left: 70px;
    top: 891px;
}


.etc_bt05 {
    left: 548px;
    top: 477px;
}

.etc_bt06 {
    left: 550px;
    top: 559px;
}

.at_scale{
    font-size: 12px;
}
.at_scale h5{
    font-weight: bold;
    font-size: 14px;
    background: #CCC;
    margin-bottom: 10px;
    padding: 3px 25px;
}

.row {
  display: flex;
  flex-wrap:wrap;/*回り込み有効化*/
}
.col {
  width: calc(100% / 3);/*3等分*/
    text-align: left;
}
.num {
  background: #fff;
  text-align: left;
    font-size: 12px;
  margin:10px;
  padding:20px 0;
}


.reco_style_box{
    display: flex;
    justify-content: space-between;
}

.reco_style_inlinebox {
    border-right: 1px #CCC dotted;
    padding-right: 30px;
}

.reco_style_inlinebox:last-child{
    padding: 0;
    border: none;
}

.reco_style__images{
    display: flex;
}

.reco_style__image{
    
}

.reco_style__image span {
    display: block;
    font-size: 10px;
    line-height: 1.2;
    width: 120px;
    margin-bottom: 10px;
}

.reco_style__image:hover {
  opacity: .7;
}

.reco_style_inlinebox h3{
    margin-bottom: 15px;
}

.reco_style__image span strong {
    display: block;
    width: 54px;
    margin-bottom: 5px;
}


.reco_style__image3 span {
    display: block;
    font-size: 10px;
    line-height: 1.2;
    width: 80px;
    margin-bottom: 10px;
}

.reco_style__image3L span {
    display: block;
    font-size: 10px;
    line-height: 1.2;
    width: 120px;
    margin-bottom: 10px;
}

.reco_style__image1 span {
    display: block;
    font-size: 10px;
    line-height: 1.2;
    width: 240px;
    margin-bottom: 10px;
}

.reco_style_inlinebox figure{
    margin-bottom: 5px;
}

h3.head_l:first-letter{
    
  font-size: 2em;
}

#bijioux #tabCont4 img{
    display:inline-block;
}

#bijioux #tabCont2 img{
    display:inline-block;
}