@charset "utf-8";
/* CSS Document */
/*--------------------------------------
　Main Index
---------------------------------------*/
header {
 height: auto;
 background: url("img/mv_pic_pc.jpg") no-repeat center top;
 background-size: cover;
}
#contents {
 width: 100%;
 display: block;
}
.addInner {
 padding: 8rem 0;
}
/*--------------------------------------
　visArea
---------------------------------------*/
#visArea {
 margin: 0 auto;
 padding: 0 0 3.3rem;
}
#visArea .mainArea {
 display: block;
}
#visArea .mainArea .mainAreaInner {
 display: block;
 width: 1500px;
 margin: 0 auto;
}
#visArea .mainArea .siteNameArea {
 margin: 0 0 1.4rem;
}
#visArea .mainArea .siteName img {
 width: 190px;
 margin: 0 auto;
}
#visArea .mainArea .mainTxtBox {
 padding:0 654px 0 13rem;
 text-align: left;
}
#visArea .mainArea .catchArea .catch {
 font-size: 5.8rem;
 font-weight: bold;
 line-height: 1.3;
 letter-spacing: 0.05em;
}
#visArea .mainArea .catchArea .catch .red {
 color: #A62100;
 font-size: 3.6rem;
}
#visArea .mainArea .catchArea .catch .line {
 background: linear-gradient(to bottom,  rgba(232,217,145,0) 0%,rgba(232,217,145,0) 79%,rgba(232,217,145,1) 80%,rgba(232,217,145,1) 100%);
}
#visArea .mainArea .txtArea p {
 font-size: 1.7rem;
 letter-spacing: normal;
}
/*--------------------------------------
　addParts
---------------------------------------*/
/* addParts01 
---------------------------------------*/
.addParts01 {
 padding: 0;
}
.addParts01 .blockWrap .block {
 width: calc((100% - 44px)/3);
 padding: 0 3.1rem 0.6rem;
}
.addParts01 .block .catch {
 margin: 0 -3.1rem;
 font-size: 2.6rem;
 padding: 1.8rem 0.6rem;
}
.addParts01 .block .thum {
 padding: 0 1rem;
}
.addParts01 .block .companyName {
 font-size: 2.6rem;
 margin: 2rem 0;
}
.addParts01 .block p {
 font-size: 2rem;
}
.addParts01 .priceArea .priceTit {
 width: 120px;
 font-size: 1.8rem;
}
.addParts01 .priceArea .price {
 padding: 0 0 0 26px;
}
.addParts01 .block .btn-internal a::after {
 transform: translateY(-50%) rotate(90deg);
}
/* addParts02 
---------------------------------------*/
.addParts02 {
 background: url("img/parts02_bg02.png") no-repeat center top  -2rem , url("img/parts02_bg01.jpg") repeat-y;
 background-size: 100% auto , 100% auto;
}
/*block*/
.addParts02 .block {
 background-color: #fff;
 padding: 2.1rem 0 4rem;
box-shadow: 2px 3px 15px 3px rgb(0 0 0 / 13%);	
}
.addParts02 .block + .block {
 margin-top: 4rem;
}
.addParts02 .blockInner {
 padding: 0 6rem;
}
.addParts02 .blockTitArea {
 text-align: center;
 padding: 3rem 1.5rem;
 display: block;
 background: #634736;
	font-weight: bold;
 color: #fff;
 letter-spacing: 0.12em;
 line-height: 1.2;
}
.addParts02 .blockTitSub {
 font-size: 3.8rem;
 margin: 0 0 10px;
}
.addParts02 .blockTit {
 font-size: 2.8rem;
 font-weight: normal;
}
.addParts02 .blockTit2 {
 text-align: center;
 margin: 7rem 0 2.4rem;
 font-size: 2.8rem;
 letter-spacing: 0.12em;
}
.addParts02 .infoArea {
 margin: 5.8rem 0 0;
}
.addParts02 .infoArea .infoBox {
 display: flex;
 width: 100%;
 justify-content: space-between;
}
.addParts02 .infoArea .infoBox .mapArea {
 width: 320px;
 margin-right: 4rem;
}
.addParts02 .infoArea .infoBox .priceArea {
 width: 630px;
}
.addParts02 .infoArea .infoBox .priceArea .priceAreaCatch {
 color: #A62100;
 font-size: 2.8rem;
 letter-spacing: 0.03em;
 line-height: 1.6;
 font-weight: bold;
}
.addParts02 .slideTxtArea {
 width: calc(100% - 40px);
 border-left: 1px solid #333;
 padding: 45px 0 15px 35px;
 margin: -30px auto 0;
 position: relative;
 z-index: 2;
}
.addParts02 .slideTxtArea::before {
 content: "";
 width: 30px;
 height: 1px;
 background: #333;
 position: absolute;
 left: 0;
 bottom: 0;
}
.addParts02 .caption {
 margin: 0 0 14px;
}
.addParts02 .infoArea .caption {
 display: block;
 margin-top: 1rem;
 text-align: center;
 font-size: 1rem;
 line-height: 1.6;
 font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.addParts02 .slideTit {
 font-size: 2.2rem;
 font-weight: bold;
 line-height: 1.5;
 letter-spacing: 0.12em;
 color: #A62100;
 margin: 0 0 8px;
}
/*テキスト動き*/
.addParts02 .slideTxtArea {
 opacity: 0;
 transition: all 1.0s 0s ease;
 transition-delay: 300ms;
}
.addParts02 .slick-slide.slick-current .slideTxtArea, .addParts02 .slick-slide.is-active-next .slideTxtArea {
 opacity: 1;
}
.addParts02 .slideTxtInner {
 opacity: 0;
 margin-left: -15px;
 transition: all 0.5s 0s ease;
 transition-delay: 600ms;
}
.addParts02 .slick-slide.slick-current .slideTxtInner, .addParts02 .slick-slide.is-active-next .slideTxtInner {
 opacity: 1;
 margin-left: 0;
}
.addParts02 .table_scroll table {
 margin: 0 auto 1rem;
 border-color:#020202;
}
.addParts02 .table_scroll table th {
 background-color: #A28C7E;
 color: #fff;
 font-weight: bold;
 border-color:#020202;
}
.addParts02 .table_scroll table td {
 border-color: #020202;
}
.addParts02 .btn-web {
 margin-top: 5rem;
}
.addParts02 .icoArea {
 display: flex;
 justify-content: space-between;
}
.addParts02 .icoArea li {
 width: 471px;
}
.addParts02 .icoArea li .icoSet {
 margin: 0 0 22px;
 background: #f3de9b url("img/kuchikomi_icon.png") no-repeat left 1rem bottom 0;
 padding: 2.2rem;
	background-size: 4.5rem;
 padding-left: 6.6rem;
}
.addParts02 .icoArea li .icoSet .icoTxt {
 font-size: 2.2rem;
 font-weight: bold;
 line-height: 1.4;
 display: flex;
 align-items: center;
}
.addParts02 .personBox {
 background: url("img/warabimochi_icon.png") no-repeat left top;
 padding-left: 150px;
	background-size: 12rem;
}
.addParts02 .personBox + .personBox {
 margin: 3.2rem 0 0;
}
.addParts02 .personBox .catch {
 background-color: #F2F3F7;
 color: #A62100;
 font-size: 2.2rem;
 font-weight: bold;
 line-height: 1.4;
 letter-spacing: 0.12em;
 padding: 1.1rem 1.5rem;
 margin: 0 0 2rem;
}
.addParts02 .summaryArea {
 background: url("img/summaryArea_bg.jpg") no-repeat;
	box-shadow: 0px 15px 15px -10px rgb(0 0 0 / 10%);
 background-size: cover;
 padding: 2rem 3rem 3.6rem;
 margin: 6rem 0 0;
}
.addParts02 .summaryArea .summaryTit {
 font-size: 2.8rem;
 font-weight: bold;
 line-height: 1.5;
 letter-spacing: 0.12em;
 text-align: center;
}
.addParts02 .summaryArea .txtArea {
 background-color: #fff;
 padding: 2.6rem 3rem 1.6rem;
 margin: 1.9rem 0 0;
}
.addParts02 .summaryArea .txtArea .catch {
 color: #A62100;
 font-size: 2.2rem;
 font-weight: bold;
 line-height: 1.4;
 letter-spacing: 0.12em;
}
.addParts02 .base_info + .base_info {
 margin-top: 2.2rem;
}
/* addParts03
---------------------------------------*/
.addParts03 {
 background: url("img/parts03_bg.jpg") no-repeat center top;
 background-size: cover;
}
.addParts03 .addTopArea {
 width: 100%;
 display: flex;
 justify-content: space-between;
}
.addParts03 .addTopArea .addTopPic {
 width: 595px;
 order: 2;
}
.addParts03 .addTopArea .addTopTxt {
 width: 460px;
 order: 1;
}
.addParts03 .addTopArea .sttl {
 font-size: 3.6rem;
 line-height: 1.5;
 letter-spacing: 0.1em;
 text-align: left;
 margin: 0;
}
.addParts03 .addTopArea .sttl a {
 padding-right: 2rem;
}
.addParts03 .addTopArea .pr_area {
 background: #D9CDC4;
 text-align: center;
 color: #A62100;
 font-size: 2rem;
 line-height: 3rem;
 font-family: Noto Sans JP,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,游ゴシック,YuGothic,メイリオ,Meiryo,sans-serif;
 font-weight: bold;
 letter-spacing: .12em;
 margin: 2.3rem 0;
}
/* addParts04 
---------------------------------------*/
/* addParts05 
---------------------------------------*/
.addParts05 {
 background-color: #f9fafb;
}
.addParts05 .addInner {
 counter-reset: num;
}

@media screen and (max-width: 480px) {
 /*------------
 Index
 ------------*/
 #contents {
  width: 100%;
 }
 header {
  background: #fff;
 }
 .addInner {
  padding: 3rem 4%;
 }
 /*--------------------------------------
　visArea
---------------------------------------*/
 #visArea {
  position: relative;
  margin: 0;
  padding: 0;
 }
 #visArea::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 38.8%;
  background: url(img/mv_pic_sp.jpg) no-repeat center top;
  background-size: cover;  
 }
 #visArea::after {
  content: none;
 }
 #visArea .mainArea {
  position: relative;
  width: 100%;
  height: auto;
  padding: 2rem 4%;
 }
 #visArea .mainArea .mainAreaInner {
  width: auto;
 }
 #visArea .mainArea .siteNameArea {
  margin: 0;
 }
 #visArea .mainArea .mainTxtBox {
  padding: 0;
 }
 #visArea .mainArea .catchArea .catch {
  font-size: 3.0rem;
  letter-spacing: normal;
 }
 #visArea .mainArea .catchArea .catch .red {
  font-size: 2.2rem;
 }
 #visArea .mainArea .txtArea p {
  font-size: 1.4rem;
 }
 /*--------------------------------------
 オリジナル
 ---------------------------------------*/
 /* addParts01
 ---------------------------------------*/
 .addParts01 .blockWrap .block {
  width: 100%;
 }
	.addParts01 .block .companyName {
    font-size: 2.4rem;
		 }
 .addParts01 .block p {
  font-size: 1.8rem;
 }
 /* addParts02
 ---------------------------------------*/
 .addParts02 {
	 background: url(img/parts02_bg02.png) no-repeat center top, url(img/parts02_bg01.jpg) repeat-y;
    background-size: 110% auto , 100% auto;
 }
 #index .addParts02 .sttl {
  display: block;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-size: 29px auto;
  padding: 0 0rem .5rem;
  margin: 0 auto 1.0rem;
  position: relative;
  max-width: 100%;
 }
 /*block*/
 .addParts02 .block {
  padding: 1rem 0 2rem;
 }
 .addParts02 .blockInner {
  padding: 0 1rem;
 }
 .addParts02 .blockTitArea {
  padding: 1.6rem 1rem;
 }
 .addParts02 .blockTitSub {
  font-size: 2.4rem;
 }
 .addParts02 .blockTit {
  font-size:2rem;
 }
	.addParts02 .infoArea {
    margin: 3rem 0 0;
}
	
 .addParts02 .blockTit2 {
  margin: 4rem 0 2rem;
  font-size: 2rem;
 }
 .addParts02 .infoArea .infoBox {
  display: block;
 }
 .addParts02 .infoArea .infoBox .mapArea {
  width: 100%;
  margin: 0;
 }
 .addParts02 .infoArea .infoBox .priceArea {
  width: 100%;
  margin: 2rem 0 0;
 }
 .addParts02 .infoArea .infoBox .priceArea .priceAreaCatch {
  font-size: 2rem;
 } 
 /*slideTxtArea*/
 .addParts02 .slideTxtArea {
  width: calc(100% - 30px);
  border-left: 1px solid #333;
  padding: 2.5rem 0 1.5rem 1.5rem;
  margin: -1.5rem auto 0;
  position: relative;
  z-index: 2;
 }
 .addParts02 .slideTxtArea::before {
  content: "";
  width: 15px;
  height: 1px;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
 }
 .addParts02 .caption {
  margin: 0 0 1.2rem;
 }
 .addParts02 .slideTit {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 8px;
 }
 /*テキスト動き*/
 .addParts02 .slideTxtArea {
  opacity: 0;
  transition: all 1.0s 0s ease;
  transition-delay: 300ms;
 }
 .addParts02 .slick-slide.slick-current .slideTxtArea, .addParts02 .slick-slide.is-active-next .slideTxtArea {
  opacity: 1;
 }
 .addParts02 .slideTxtInner {
  opacity: 0;
  margin-left: -15px;
  transition: all 0.5s 0s ease;
  transition-delay: 600ms;
 }
 .addParts02 .slick-slide.slick-current .slideTxtInner, .addParts02 .slick-slide.is-active-next .slideTxtInner {
  opacity: 1;
  margin-left: 0;
 }
 .addParts02 .icoArea {
  display: block;
 }
 .addParts02 .icoArea li {
  width: 100%;
 }
 .addParts02 .icoArea li + li {
  margin-top: 3rem;
 }
 .addParts02 .icoArea li .icoSet {
  background-size: 30px;
  padding: 1.6rem;
  padding-left: 5rem;
 }
 .addParts02 .icoArea li .icoSet .icoTxt {
  font-size: 1.8rem;
 }
 .addParts02 .personBox {
  background: none;
  padding: 0;
 }
 .addParts02 .personBox .catch{
  padding: 1.1rem 1.5rem;
  padding-left: 7rem;
  background:#F2F3F7 url("img/warabimochi_icon.png") no-repeat top 50% left 1rem;
  background-size: 50px auto;
  font-size: 1.8rem;
 }
 .addParts02 .summaryArea {
  margin: 4rem auto;
  padding: 2.6rem 2rem;
 }
 .addParts02 .summaryArea .summaryTit {
  font-size: 2rem;
 }
 .addParts02 .summaryArea .txtArea {
  margin: 1rem 0 0;
  padding: 1.6rem;
 }
 .addParts02 .summaryArea .txtArea .catch {
  font-size: 1.8rem;
 }
	
 /* addParts03
 ---------------------------------------*/
 .addParts03 .addTopArea {
  display: block;
 }
 .addParts03 .addTopArea .addTopPic {
  width: 100%;
  margin: 0 0 2.0rem;
  position: relative;
 }
 .addParts03 .addTopArea .addTopTxt {
  width: calc(98% - 1rem);
  margin: 1rem;
 }
 #contents .addParts03 .addTopArea .sttl {
  font-size:2.4rem;
 }
		
 /* addParts04
 ---------------------------------------*/
 /* addParts05
 ---------------------------------------*/
}