@charset "utf-8";
/* CSS Document */
#contents { width: 100%; padding-bottom: 0;}
/*--------------------------------------
　visArea
---------------------------------------*/
#visArea { margin: 0 auto; }
#visArea .mainArea {
 display: block;
 padding-top: 7.5rem;
 background: url("img/mv_pic_pc.jpg") center 50% no-repeat;
 background-size: cover;
 height: auto;
 min-height: 650px;
}
#visArea .mainArea .mainAreaInner {
 display: block;
 max-width: 1100px;
 margin: 0 auto;
}
#visArea .mainArea .siteNameArea { margin: 0 0 10px; }
#visArea .mainArea .siteName { margin: 0; }
#visArea .mainArea .mainTxtBox {
 width: 550px;
 margin: 0 auto;
 text-align: center;
}
#visArea .mainArea .catchArea .catch {
 font-size: 4rem;
 line-height: 1.4;
 text-align: center;
 margin-top: 2rem;
 margin-bottom: .5rem;
}
#visArea .mainArea .catchArea .catch .small { font-size: 3.4rem; }
#visArea .mainArea .txtArea {
 font-size: 1.6rem;
 padding: 0;
}
/*--------------------------------------
　footer
---------------------------------------*/
footer .areaInner .logo a { pointer-events: none; }
/*--------------------------------------
オリジナル
---------------------------------------*/
/***** addParts02 *****/
.addParts02 { background: #b8cadb url("img/addParts02-bg.png") no-repeat center top / 100% auto; }
.addParts02 .block {
 background-color: #fff;
 padding: 2.2rem 3rem;
 position: relative;
}
.addParts02 .block + .block { margin-top: 6rem; }
.addParts02 .blockTitArea { text-align: center; }
.addParts02 .blockTitSub {
 font-size: 3rem;
 line-height: 1.4;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 color: #fff;
 font-weight: bold;
 background: url("img/addParts02-blockTit_bg.jpg") no-repeat center top / 100% auto;
 padding: 1.8rem;
}
.addParts02 .blockTit {
 margin: 4.2rem 0;
 font-size: 2.8rem;
 font-weight: bold;
 line-height: 1.4;
}
.addParts02 .block .pic {
 text-align: center;
 max-width: 584px;
 margin: 0 auto;
}
.addParts02 .block .infoTit_wrap {
 position: relative;
 text-align: center;
 padding: 0 2rem;
 margin: 7rem 0 2rem;
}
.addParts02 .block .infoTit_wrap::before {
 content: "";
 width: 100%;
 height: 1px;
 background-color: #e2e2e2;
 position: absolute;
 top: 50%;
 left: 0;
}
.addParts02 .block .infoTit_wrap .infoTit {
 display: inline-block;
 background-color: #fdfdfd;
 padding: 1rem 5rem;
 font-size: 2.6rem;
 line-height: 1.4; 
 position: relative;
 z-index: 1;
 margin: 0;
}
.addParts02 .block .block_h5 {
 background-color: #f0eadf;
 padding: 1rem 2rem;
 font-size: 2rem;
 line-height: 1.4;
 font-weight: bold;
 font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
 margin: 4rem 0 2rem;
 position: relative;
}
.addParts02 .block .block_h5::before {
 content: "";
 width: 15px;
 height: 15px;
 background-color: #225baf;
 clip-path: polygon(0 0, 100% 0, 0 100%);
 position: absolute;
 left: 0;
 top: 0;
}
/***** addParts03 *****/
.addParts03 {
 background-image: url("img/en_company.png") , url("img/addParts03-bg.png") ;
 background-repeat: no-repeat , no-repeat;
 background-position: right top 91px , left top;
 background-size: 114px auto , 1480px auto;
}
/***** addParts05 *****/
.addParts05 .addImgArea {
 margin: 0 0 6rem;
}
.addParts05 .addImgArea {
 width: 100%;
 margin: 0 0 4rem;
 display: flex;
 justify-content: space-between;
}
.addParts05 .right .addTopPic { order: 2; }
.addParts05 .right .addTopTxt { order: 1; }
.addParts05 .addTopPic { width: 600px; }
.addParts05 .addTopTxt { width: 450px; }
.addParts05 .addTopTxt .addImgArea_ttl {
 display: block;
 font-size: 3.6rem;
 font-weight: bold;
 line-height: 1.4;
 text-align: left;
 margin: 0 0 50px;
 position: relative;
 padding: 0 0 4rem;
}
.addParts05 .addTopTxt .addImgArea_ttl::after {
 content: "";
 width: 100px;
 height: 2px;
 background: #d80900;
 position: absolute;
 left: 0;
 bottom: 0;
}
.addParts05 .addTopTxt .addTxt { padding: 0; }
.addParts05 .hotArea {
 border-top: solid 1px #7b7b7b;
 border-bottom: solid 1px #7b7b7b;
}
.addParts05 .hotArea + .hotArea { border-top: none; }
.addParts05 .hotArea .hotBox {
 display: table;
 padding: 3.5rem 1.8rem 2rem 1.8rem; 
}
.addParts05 .hotArea .hotBox .pic {
 display: table-cell;
 width: 145px;
}
.addParts05 .hotArea .hotBox .areaTxt {
 display: table-cell;
 vertical-align: middle;
 padding-left: 5.5rem;
}
.addParts05 .hotArea .hotBox .areaTit {
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
 margin: 0 0 2rem;
}
.addParts05 .hotArea .hotBox .areaTit a { display: inline-block; }
.addParts05.jewelry { background: #f3f4f6 url("img/en_jewelry.png") no-repeat right 0 bottom 64px / 112px auto; }
.addParts05.watch { background: url("img/en_watch.png") no-repeat left 0 bottom 64px / 113px auto; }
.addParts05.watch .btn-link { margin-top:  4rem; }




@media screen and (max-width: 480px) {
 /*--------------------------------------
　visArea
---------------------------------------*/
 #visArea .mainArea {
  background: none;
  height: auto;
  min-height: auto;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  border-bottom: none;
  padding: 0;
 }
 #visArea .mainArea .siteNameArea {
  display: table;
  background: url("img/mv_pic_pc.jpg") no-repeat center;
  background-size: cover;
  height: 18rem;
  width: 100%;
  margin: 0 auto;
 }
 #visArea .mainArea .siteName { margin: 0; }
 #visArea .mainArea .mainTxtBox {
  width: 100%;
  padding: 2.0rem;
  margin: 0 auto;
 }
 #visArea .mainArea .catchArea .catch {
  font-size: 2.4rem;
  margin: 0 0 2rem;
 }

 #visArea .mainArea .catchArea b {
  font-size: 3rem;
 }
	
 #visArea .mainArea .catchArea .catch .small { font-size: 2.2rem; }
 #visArea .mainArea .txtArea {
  padding: 0;
  font-size: 1.4rem;
  text-align: left;
 }
 /*--------------------------------------
 オリジナル
 ---------------------------------------*/
 /***** addParts02 *****/
 .addParts02 .block { padding: 1.6rem; }
 .addParts02 .blockTitSub {
  font-size: 2.2rem;
  background-size: cover;
  padding: 2rem;
 }
 .addParts02 .blockTit {
  margin: 2.2rem 0;
  font-size: 2.2rem;
 }
 .addParts02 .block .infoTit_wrap { margin: 5rem 0 2rem; }
 .addParts02 .block .infoTit_wrap .infoTit {
  padding: 1rem 1rem;
  font-size: 1.8rem;  
 }
 .addParts02 .block .block_h5 {
  font-size: 1.6rem;
  margin: 4rem 0 2rem;
 }
 .addParts02 .infoTit_wrap + .block_h5 { margin-top: 0; }
 .addParts02 .block .btn-web { margin-top: 4rem; }
 /***** addParts03 *****/
 .addParts03 { background: url("img/addParts03-bg.png") no-repeat center top / 100% auto; }
 /***** addParts05 *****/
 .addParts05 .addImgArea {
  width: 100%;
  margin: 0 0 5rem;
  display: block;
 }
 .addParts05 .addTopPic {
  width: 100%;
  margin: 0 0 2rem;
 }
 .addParts05 .addTopTxt { width: 100%; }
 .addParts05 .addTopTxt .addImgArea_ttl {
  font-size: 2.2rem;
  text-align: center;
  padding-bottom: 3rem;
  margin: 0 auto 3rem;
 }
 .addParts05 .addTopTxt .addImgArea_ttl::after {
  left: 50%;
  transform: translateX(-50%);
 }
 .addParts05 .addTopTxt .addImgArea_ttl a {
  display: inline-block;
  padding: 0 2rem;
 }
 .addParts05 .hotArea .hotBox {
  overflow: hidden;
  display: block;
  padding: 2rem 0;
 }
 .addParts05 .hotArea .hotBox .pic { display: none; }
 .addParts05 .hotArea .hotBox .areaTit { font-size: 2rem; }
 .addParts05 .hotArea .hotBox .areaTxt {
  display: block;
  width: 100%;
  padding: 0;
 }
 .addParts05 .hotArea .hotBox .areaTit a { display: block; }
 .addParts05 .hotArea .hotBox .areaTxt .areaTit {
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 1.6;
  background: url("img/icon_jewelry.png") no-repeat left 50% / 60px auto;
  padding-left: 7rem;
  min-height: 53px;
  margin-bottom: 2rem;
 }
 .addParts05.watch .hotArea .hotBox .areaTxt .areaTit { background-image: url("img/icon_watch.png"); }
 .addParts05.jewelry,
 .addParts05.watch { background-image: none; }
}